Resolve leftover (m|p) duplicates

heliosgraphics · Mar 2, 2024 · 2ea4be3 · 2ea4be3
1 parent 7f2f6ca
commit 2ea4be3
Show file tree

Hide file tree

Showing 11 changed files with 190 additions and 1,088 deletions.
diff --git a/packages/fractures/package.json b/packages/fractures/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@heliosgraphics/fractures",
-	"version": "6.2.3",
+	"version": "6.3.0",
 	"type": "module",
 	"author": "03b8 <[email protected]>",
 	"license": "MIT",

diff --git a/packages/fractures/src/root.config.ts b/packages/fractures/src/root.config.ts
@@ -1,4 +1,5 @@
 export const config: string = `:root {
+	--box-px: unset;
 	--box-1: unset;
 	--box-2: unset;
 	--box-3: unset;

diff --git a/packages/fractures/src/rules/cursor.ts b/packages/fractures/src/rules/cursor.ts
@@ -2,10 +2,7 @@ import type { FractureRuleType } from "../types/meta"
 
 export const CURSOR: Array<FractureRuleType> = [
 	{ selector: "no-pointer-events", declarations: { pointerEvents: "none" } },
-	{
-		selector: "cursor-context-menu",
-		declarations: { cursor: "context-menu" },
-	},
+	{ selector: "cursor-context-menu", declarations: { cursor: "context-menu" }, },
 	{ selector: "cursor-crosshair", declarations: { cursor: "crosshair" } },
 	{ selector: "cursor-grab", declarations: { cursor: "grab" } },
 	{ selector: "cursor-grabbing", declarations: { cursor: "grabbing" } },

diff --git a/packages/fractures/src/rules/display.ts b/packages/fractures/src/rules/display.ts
@@ -18,23 +18,11 @@ export const DISPLAY: Array<FractureRuleType> = [
 	{ selector: "table-caption", declarations: { display: "table-caption" } },
 	{ selector: "table-cell", declarations: { display: "table-cell" } },
 	{ selector: "table-column", declarations: { display: "table-column" } },
-	{
-		selector: "table-column-group",
-		declarations: { display: "table-column-group" },
-	},
-	{
-		selector: "table-footer-group",
-		declarations: { display: "table-footer-group" },
-	},
-	{
-		selector: "table-header-group",
-		declarations: { display: "table-header-group" },
-	},
+	{ selector: "table-column-group", declarations: { display: "table-column-group" }, },
+	{ selector: "table-footer-group", declarations: { display: "table-footer-group" }, },
+	{ selector: "table-header-group", declarations: { display: "table-header-group" }, },
 	{ selector: "table-row", declarations: { display: "table-row" } },
-	{
-		selector: "table-row-group",
-		declarations: { display: "table-row-group" },
-	},
+	{ selector: "table-row-group", declarations: { display: "table-row-group" }, },
 	{ selector: "table-layout-fixed", declarations: { tableLayout: "fixed" } },
 	{ selector: "float-left", declarations: { float: "left" } },
 	{ selector: "float-right", declarations: { float: "right" } },

diff --git a/packages/fractures/src/rules/flex.ts b/packages/fractures/src/rules/flex.ts
@@ -2,39 +2,27 @@ import type { FractureRuleType } from "../types/meta"
 
 export const FLEX: Array<FractureRuleType> = [
 	{ selector: "flex-wrap", declarations: { flexWrap: "wrap" } },
+
 	{ selector: "flex-row", declarations: { flexDirection: "row" } },
 	{ selector: "flex-column", declarations: { flexDirection: "column" } },
-	{
-		selector: "space-around",
-		declarations: { justifyContent: "space-around" },
-	},
-	{
-		selector: "space-between",
-		declarations: { justifyContent: "space-between" },
-	},
-	{
-		selector: "space-evenly",
-		declarations: { justifyContent: "space-evenly" },
-	},
-	{
-		selector: "flex-center",
-		declarations: { alignItems: "center", justifyContent: "center" },
-	},
+
+	{ selector: "space-around", declarations: { justifyContent: "space-around" }, },
+	{ selector: "space-between", declarations: { justifyContent: "space-between" }, },
+	{ selector: "space-evenly", declarations: { justifyContent: "space-evenly" }, },
+	{ selector: "flex-x-center", declarations: { justifyContent: "center" } },
+	{ selector: "justify-flex-start", declarations: { justifyContent: "flex-start" } },
+	{ selector: "justify-flex-end", declarations: { justifyContent: "flex-end" } },
+	{ selector: "flex-center", declarations: { alignItems: "center", justifyContent: "center" }, },
+
 	{ selector: "align-baseline", declarations: { alignItems: "baseline" } },
 	{ selector: "align-flex-start", declarations: { alignItems: "flex-start" } },
 	{ selector: "align-flex-end", declarations: { alignItems: "flex-end" } },
 	{ selector: "align-stretch", declarations: { alignItems: "stretch" } },
 	{ selector: "align-start", declarations: { alignItems: "start" } },
 	{ selector: "align-end", declarations: { alignItems: "end" } },
 	{ selector: "flex-y-center", declarations: { alignItems: "center" } },
-	{ selector: "flex-x-center", declarations: { justifyContent: "center" } },
-	{ selector: "justify-flex-start", declarations: { justifyContent: "flex-start" } },
-	{ selector: "justify-flex-end", declarations: { justifyContent: "flex-end" } },
 
-	{
-		selector: "self-center",
-		declarations: { alignSelf: "center", justifySelf: "center" },
-	},
+	{ selector: "self-center", declarations: { alignSelf: "center", justifySelf: "center" }, },
 	{ selector: "self-justify-center", declarations: { justifySelf: "center" } },
 	{ selector: "self-justify-start", declarations: { justifySelf: "flex-start" } },
 	{ selector: "self-justify-end", declarations: { justifySelf: "flex-end" } },
@@ -43,6 +31,7 @@ export const FLEX: Array<FractureRuleType> = [
 	{ selector: "self-align-start", declarations: { alignSelf: "flex-start" } },
 	{ selector: "self-align-end", declarations: { alignSelf: "flex-end" } },
 
+	{ selector: "gap-px", declarations: { gap: "var(--box-px)" } },
 	{ selector: "gap-1", declarations: { gap: "var(--box-1)" } },
 	{ selector: "gap-2", declarations: { gap: "var(--box-2)" } },
 	{ selector: "gap-3", declarations: { gap: "var(--box-3)" } },