design-constraint-validator 1.0.0 → 1.1.0

package/themes/layout.order.json

@@ -1,18 +1,18 @@
-{
-  "$description": "Layout hierarchy order constraints - container widths grow, padding hierarchy, gutters ≤ paddings, control touch targets",
-  "order": [
-    ["layout.container.xs", "<=", "layout.container.sm"],
-    ["layout.container.sm", "<=", "layout.container.md"],
-    ["layout.container.md", "<=", "layout.container.lg"],
-    ["layout.container.lg", "<=", "layout.container.xl"],
-
-    ["layout.padding.page", ">=", "layout.padding.section"],
-    ["layout.padding.section", ">=", "layout.padding.card"],
-    ["layout.padding.card", ">=", "layout.padding.chip"],
-
-    ["layout.grid.gutter", "<=", "layout.padding.section"],
-    ["layout.grid.gutter", "<=", "layout.padding.card"],
-
-    ["control.size.min", ">=", "layout.padding.card"]
-  ]
-}
+{
+  "$description": "Layout hierarchy order constraints - container widths grow, padding hierarchy, gutters ≤ paddings, control touch targets",
+  "order": [
+    ["layout.container.xs", "<=", "layout.container.sm"],
+    ["layout.container.sm", "<=", "layout.container.md"],
+    ["layout.container.md", "<=", "layout.container.lg"],
+    ["layout.container.lg", "<=", "layout.container.xl"],
+
+    ["layout.padding.page", ">=", "layout.padding.section"],
+    ["layout.padding.section", ">=", "layout.padding.card"],
+    ["layout.padding.card", ">=", "layout.padding.chip"],
+
+    ["layout.grid.gutter", "<=", "layout.padding.section"],
+    ["layout.grid.gutter", "<=", "layout.padding.card"],
+
+    ["control.size.min", ">=", "layout.padding.card"]
+  ]
+}

package/themes/layout.sm.order.json

@@ -1,18 +1,18 @@
-{
-  "$description": "Layout hierarchy order constraints - SM breakpoint specific",
-  "order": [
-    ["layout.container.xs", "<=", "layout.container.sm"],
-    ["layout.container.sm", "<=", "layout.container.md"],
-    ["layout.container.md", "<=", "layout.container.lg"],
-    ["layout.container.lg", "<=", "layout.container.xl"],
-
-    ["layout.padding.page", ">=", "layout.padding.section"],
-    ["layout.padding.section", ">=", "layout.padding.card"],
-    ["layout.padding.card", ">=", "layout.padding.chip"],
-
-    ["layout.grid.gutter", "<=", "layout.padding.section"],
-    ["layout.grid.gutter", "<=", "layout.padding.card"],
-
-    ["control.size.min", ">=", "layout.padding.card"]
-  ]
-}
+{
+  "$description": "Layout hierarchy order constraints - SM breakpoint specific",
+  "order": [
+    ["layout.container.xs", "<=", "layout.container.sm"],
+    ["layout.container.sm", "<=", "layout.container.md"],
+    ["layout.container.md", "<=", "layout.container.lg"],
+    ["layout.container.lg", "<=", "layout.container.xl"],
+
+    ["layout.padding.page", ">=", "layout.padding.section"],
+    ["layout.padding.section", ">=", "layout.padding.card"],
+    ["layout.padding.card", ">=", "layout.padding.chip"],
+
+    ["layout.grid.gutter", "<=", "layout.padding.section"],
+    ["layout.grid.gutter", "<=", "layout.padding.card"],
+
+    ["control.size.min", ">=", "layout.padding.card"]
+  ]
+}

package/themes/spacing.order.json

@@ -1,14 +1,14 @@
-{
-  "$description": "Spacing scale order constraints - defines monotonic spacing hierarchy",
-  "order": [
-    ["size.spacing.12", ">=", "size.spacing.10"],
-    ["size.spacing.10", ">=", "size.spacing.8"],
-    ["size.spacing.8", ">=", "size.spacing.6"],
-    ["size.spacing.6", ">=", "size.spacing.4"],
-    ["size.spacing.4", ">=", "size.spacing.3"],
-    ["size.spacing.3", ">=", "size.spacing.2-5"],
-    ["size.spacing.2-5", ">=", "size.spacing.2"],
-    ["size.spacing.2", ">=", "size.spacing.1"],
-    ["size.spacing.1", ">=", "size.spacing.0-5"]
-  ]
-}
+{
+  "$description": "Spacing scale order constraints - defines monotonic spacing hierarchy",
+  "order": [
+    ["size.spacing.12", ">=", "size.spacing.10"],
+    ["size.spacing.10", ">=", "size.spacing.8"],
+    ["size.spacing.8", ">=", "size.spacing.6"],
+    ["size.spacing.6", ">=", "size.spacing.4"],
+    ["size.spacing.4", ">=", "size.spacing.3"],
+    ["size.spacing.3", ">=", "size.spacing.2-5"],
+    ["size.spacing.2-5", ">=", "size.spacing.2"],
+    ["size.spacing.2", ">=", "size.spacing.1"],
+    ["size.spacing.1", ">=", "size.spacing.0-5"]
+  ]
+}

package/themes/typography.lg.order.json

@@ -1,15 +1,15 @@
-{
-  "$description": "Typography hierarchy order constraints - LG breakpoint specific",
-  "order": [
-    ["typography.size.h1", ">=", "typography.size.h2"],
-    ["typography.size.h2", ">=", "typography.size.h3"], 
-    ["typography.size.h3", ">=", "typography.size.h4"],
-    ["typography.size.h4", ">=", "typography.size.h5"],
-    ["typography.size.h5", ">=", "typography.size.h6"],
-    
-    ["typography.size.xl", ">=", "typography.size.lg"],
-    ["typography.size.lg", ">=", "typography.size.base"],
-    ["typography.size.base", ">=", "typography.size.sm"],
-    ["typography.size.sm", ">=", "typography.size.xs"]
-  ]
-}
+{
+  "$description": "Typography hierarchy order constraints - LG breakpoint specific",
+  "order": [
+    ["typography.size.h1", ">=", "typography.size.h2"],
+    ["typography.size.h2", ">=", "typography.size.h3"], 
+    ["typography.size.h3", ">=", "typography.size.h4"],
+    ["typography.size.h4", ">=", "typography.size.h5"],
+    ["typography.size.h5", ">=", "typography.size.h6"],
+    
+    ["typography.size.xl", ">=", "typography.size.lg"],
+    ["typography.size.lg", ">=", "typography.size.base"],
+    ["typography.size.base", ">=", "typography.size.sm"],
+    ["typography.size.sm", ">=", "typography.size.xs"]
+  ]
+}

package/themes/typography.md.order.json

@@ -1,15 +1,15 @@
-{
-  "$description": "Typography hierarchy order constraints - MD breakpoint specific",
-  "order": [
-    ["typography.size.h1", ">=", "typography.size.h2"],
-    ["typography.size.h2", ">=", "typography.size.h3"], 
-    ["typography.size.h3", ">=", "typography.size.h4"],
-    ["typography.size.h4", ">=", "typography.size.h5"],
-    ["typography.size.h5", ">=", "typography.size.h6"],
-    
-    ["typography.size.xl", ">=", "typography.size.lg"],
-    ["typography.size.lg", ">=", "typography.size.base"],
-    ["typography.size.base", ">=", "typography.size.sm"],
-    ["typography.size.sm", ">=", "typography.size.xs"]
-  ]
-}
+{
+  "$description": "Typography hierarchy order constraints - MD breakpoint specific",
+  "order": [
+    ["typography.size.h1", ">=", "typography.size.h2"],
+    ["typography.size.h2", ">=", "typography.size.h3"], 
+    ["typography.size.h3", ">=", "typography.size.h4"],
+    ["typography.size.h4", ">=", "typography.size.h5"],
+    ["typography.size.h5", ">=", "typography.size.h6"],
+    
+    ["typography.size.xl", ">=", "typography.size.lg"],
+    ["typography.size.lg", ">=", "typography.size.base"],
+    ["typography.size.base", ">=", "typography.size.sm"],
+    ["typography.size.sm", ">=", "typography.size.xs"]
+  ]
+}

package/themes/typography.order.json

@@ -1,15 +1,15 @@
-{
-  "$description": "Typography hierarchy order constraints - defines that h1 ≥ h2 ≥ ... ≥ h6 by font size",
-  "order": [
-    ["typography.size.h1", ">=", "typography.size.h2"],
-    ["typography.size.h2", ">=", "typography.size.h3"], 
-    ["typography.size.h3", ">=", "typography.size.h4"],
-    ["typography.size.h4", ">=", "typography.size.h5"],
-    ["typography.size.h5", ">=", "typography.size.h6"],
-    
-    ["typography.size.xl", ">=", "typography.size.lg"],
-    ["typography.size.lg", ">=", "typography.size.base"],
-    ["typography.size.base", ">=", "typography.size.sm"],
-    ["typography.size.sm", ">=", "typography.size.xs"]
-  ]
-}
+{
+  "$description": "Typography hierarchy order constraints - defines that h1 ≥ h2 ≥ ... ≥ h6 by font size",
+  "order": [
+    ["typography.size.h1", ">=", "typography.size.h2"],
+    ["typography.size.h2", ">=", "typography.size.h3"], 
+    ["typography.size.h3", ">=", "typography.size.h4"],
+    ["typography.size.h4", ">=", "typography.size.h5"],
+    ["typography.size.h5", ">=", "typography.size.h6"],
+    
+    ["typography.size.xl", ">=", "typography.size.lg"],
+    ["typography.size.lg", ">=", "typography.size.base"],
+    ["typography.size.base", ">=", "typography.size.sm"],
+    ["typography.size.sm", ">=", "typography.size.xs"]
+  ]
+}

package/themes/typography.sm.order.json

@@ -1,15 +1,15 @@
-{
-  "$description": "Typography hierarchy order constraints - SM breakpoint specific",
-  "order": [
-    ["typography.size.h1", ">=", "typography.size.h2"],
-    ["typography.size.h2", ">=", "typography.size.h3"], 
-    ["typography.size.h3", ">=", "typography.size.h4"],
-    ["typography.size.h4", ">=", "typography.size.h5"],
-    ["typography.size.h5", ">=", "typography.size.h6"],
-    
-    ["typography.size.xl", ">=", "typography.size.lg"],
-    ["typography.size.lg", ">=", "typography.size.base"],
-    ["typography.size.base", ">=", "typography.size.sm"],
-    ["typography.size.sm", ">=", "typography.size.xs"]
-  ]
-}
+{
+  "$description": "Typography hierarchy order constraints - SM breakpoint specific",
+  "order": [
+    ["typography.size.h1", ">=", "typography.size.h2"],
+    ["typography.size.h2", ">=", "typography.size.h3"], 
+    ["typography.size.h3", ">=", "typography.size.h4"],
+    ["typography.size.h4", ">=", "typography.size.h5"],
+    ["typography.size.h5", ">=", "typography.size.h6"],
+    
+    ["typography.size.xl", ">=", "typography.size.lg"],
+    ["typography.size.lg", ">=", "typography.size.base"],
+    ["typography.size.base", ">=", "typography.size.sm"],
+    ["typography.size.sm", ">=", "typography.size.xs"]
+  ]
+}

package/dist/test-overrides-removal.json

@@ -1,4 +0,0 @@
-{
-  "color.palette.brand.600": "#ffffff",
-  "color.palette.brand.700": null
-}

package/dist/tmp.patch.json

@@ -1,35 +0,0 @@
-{
-  "version": 1,
-  "generatedAt": "2025-11-01T06:31:35.033Z",
-  "baseFile": "tokens/tokens.example.json",
-  "changes": [
-    {
-      "id": "color.palette.brand.600",
-      "from": "oklch(0.62 0.18 260)",
-      "to": "#ffffff",
-      "type": "modify"
-    },
-    {
-      "id": "color.palette.brand.700",
-      "from": "oklch(0.56 0.19 260)",
-      "to": null,
-      "type": "remove"
-    },
-    {
-      "id": "color.role.accent.default",
-      "from": "oklch(0.62 0.18 260)",
-      "to": "#ffffff",
-      "type": "modify"
-    }
-  ],
-  "patch": {
-    "color.palette.brand.600": "#ffffff",
-    "color.palette.brand.700": null,
-    "color.role.accent.default": "#ffffff"
-  },
-  "hash": "e925a3d3532d35c4a569788d9b061fda15f0b5b904867094b3cba727091edf3c",
-  "baseTokensHash": "9c75c6bc19e4700ab5393e9118c6ce5596727e0fdbba890aaef1ebb831868c26",
-  "meta": {
-    "changeCount": 3
-  }
-}

package/tokens/overrides/base.json

@@ -1,22 +0,0 @@
-{
-  "overrides": {
-    "color": {
-      "palette": {
-        "brand": {
-          "600": {
-            "$value": "oklch(0.620 0.180 171)"
-          }
-        }
-      }
-    },
-    "typography": {
-      "font": {
-        "body": {
-          "$value": "Lora"
-        }
-      }
-    }
-  },
-  "links": {},
-  "expressions": {}
-}

package/tokens/overrides/lg.json

@@ -1,20 +0,0 @@
-{
-  "type": {
-    "size": {
-      "h1": "oklch(0.15 0.01 0) 3rem/1.1 'Segoe UI', system-ui",
-      "h2": "oklch(0.15 0.01 0) 2.25rem/1.2 'Segoe UI', system-ui",
-      "body": "oklch(0.20 0.01 0) 1.125rem/1.7 'Segoe UI', system-ui"
-    },
-    "weight": {
-      "body": "300"
-    }
-  },
-  "dimension": {
-    "spacing": {
-      "scale": {
-        "section": "4rem",
-        "component": "2rem"
-      }
-    }
-  }
-}

package/tokens/overrides/md.json

@@ -1,16 +0,0 @@
-{
-  "type": {
-    "size": {
-      "h1": "oklch(0.15 0.01 0) 2.25rem/1.2 'Segoe UI', system-ui",
-      "body": "oklch(0.20 0.01 0) 1rem/1.6 'Segoe UI', system-ui"
-    }
-  },
-  "dimension": {
-    "spacing": {
-      "scale": {
-        "section": "2.5rem",
-        "component": "1.25rem"
-      }
-    }
-  }
-}

package/tokens/overrides/sm.json

@@ -1,16 +0,0 @@
-{
-  "type": {
-    "size": {
-      "body": "oklch(0.20 0.01 0) 0.875rem/1.5 'Segoe UI', system-ui",
-      "caption": "oklch(0.20 0.01 0) 0.75rem/1.4 'Segoe UI', system-ui"
-    }
-  },
-  "dimension": {
-    "spacing": {
-      "scale": {
-        "section": "1.5rem",
-        "component": "0.75rem"
-      }
-    }
-  }
-}

package/tokens/overrides/viol.color.json

@@ -1,6 +0,0 @@
-{
-  "overrides": {
-    "color.palette.brand.500": "oklch(62% 0.12 29)",
-    "color.palette.brand.600": "oklch(80% 0.10 29)"
-  }
-}

package/tokens/overrides/viol.typography.json

@@ -1,6 +0,0 @@
-{
-  "overrides": {
-    "typography.size.h1": "1rem",
-    "typography.size.h2": "1.25rem"
-  }
-}

package/tokens/tokens.demo-violations.json

@@ -1,116 +0,0 @@
-{
-  "$schemaVersion": "1.0.0",
-
-  "color": {
-    "palette": {
-      "gray": {
-        "0":   { "$type": "color", "$value": "oklch(0.99 0.001 95)" },
-        "300": { "$type": "color", "$value": "oklch(0.75 0.01 95)" },
-        "400": { "$type": "color", "$value": "oklch(0.65 0.015 95)" },
-        "500": { "$type": "color", "$value": "oklch(0.55 0.02 95)" },
-        "600": { "$type": "color", "$value": "oklch(0.45 0.02 95)" },
-        "900": { "$type": "color", "$value": "oklch(0.20 0.02 95)" }
-      },
-      "brand": {
-        "400": { "$type": "color", "$value": "oklch(0.70 0.15 260)" },
-        "500": { "$type": "color", "$value": "oklch(0.62 0.12 29)" },
-        "600": { "$type": "color", "$value": "oklch(0.80 0.10 29)" },
-        "700": { "$type": "color", "$value": "oklch(0.56 0.19 260)" }
-      },
-      "danger": {
-        "600": { "$type": "color", "$value": "oklch(0.60 0.25 25)" },
-        "700": { "$type": "color", "$value": "oklch(0.55 0.28 25)" }
-      },
-      "white": { "$type": "color", "$value": "oklch(1 0 0)" }
-    },
-
-    "role": {
-      "text": {
-        "default": { "$type": "color", "$value": "{color.palette.gray.900}" },
-        "muted":   { "$type": "color", "$value": "oklch(0.55 0.02 95)" }
-      },
-      "surface": {
-        "default": { "$type": "color", "$value": "{color.palette.gray.0}" },
-        "hover":   { "$type": "color", "$value": "oklch(0.95 0.001 95)" }
-      },
-      "accent": {
-        "default": { "$type": "color", "$value": "{color.palette.brand.500}" }
-      },
-      "danger": {
-        "default": { "$type": "color", "$value": "{color.palette.danger.600}" }
-      }
-    }
-  },
-
-  "spacing": {
-    "0":   { "$type": "dimension", "$value": "0px" },
-    "0.5": { "$type": "dimension", "$value": "2px" },
-    "1":   { "$type": "dimension", "$value": "4px" },
-    "2":   { "$type": "dimension", "$value": "8px" },
-    "2.5": { "$type": "dimension", "$value": "10px" },
-    "3":   { "$type": "dimension", "$value": "12px" },
-    "4":   { "$type": "dimension", "$value": "16px" },
-    "6":   { "$type": "dimension", "$value": "24px" },
-    "8":   { "$type": "dimension", "$value": "32px" },
-    "10":  { "$type": "dimension", "$value": "40px" },
-    "12":  { "$type": "dimension", "$value": "48px" }
-  },
-
-  "typography": {
-    "font": {
-      "body": { "$type": "fontFamily", "$value": "system-ui, 'Inter', sans-serif" }
-    },
-    "size": {
-      "h1": { "$type": "fontSize", "$value": "16px" },
-      "h2": { "$type": "fontSize", "$value": "20px" },
-      "h3": { "$type": "fontSize", "$value": "18px" },
-      "h4": { "$type": "fontSize", "$value": "16px" },
-      "h5": { "$type": "fontSize", "$value": "14px" },
-      "h6": { "$type": "fontSize", "$value": "12px" },
-      "xl": { "$type": "fontSize", "$value": "20px" },
-      "lg": { "$type": "fontSize", "$value": "18px" },
-      "base": { "$type": "fontSize", "$value": "16px" },
-      "sm": { "$type": "fontSize", "$value": "14px" },
-      "xs": { "$type": "fontSize", "$value": "12px" },
-      "body": { "$type": "fontSize", "$value": "clamp(1rem, 0.95rem + 0.5vw, 1.125rem)" }
-    },
-    "lineHeight": {
-      "body": { "$type": "lineHeight", "$value": 1.6 }
-    }
-  },
-
-  "motion": {
-    "duration": {
-      "fast": { "$type": "duration", "$value": "150ms" }
-    },
-    "easing": {
-      "standard": { "$type": "easing", "$value": "cubic-bezier(.2,.9,.1,1)" }
-    }
-  },
-
-  "elevation": {
-    "1": {
-      "$type": "shadow",
-      "$value": "0 1px 2px oklch(0.2 0 0 / 0.1), 0 1px 1px oklch(0.2 0 0 / 0.06)"
-    }
-  },
-
-  "layout": {
-    "container": {
-      "xs": { "$type": "dimension", "$value": "540px" },
-      "sm": { "$type": "dimension", "$value": "640px" },
-      "md": { "$type": "dimension", "$value": "768px" },
-      "lg": { "$type": "dimension", "$value": "1024px" },
-      "xl": { "$type": "dimension", "$value": "1280px" }
-    },
-    "padding": {
-      "page":    { "$type": "dimension", "$value": "48px" },
-      "section": { "$type": "dimension", "$value": "32px" },
-      "card":    { "$type": "dimension", "$value": "24px" },
-      "chip":    { "$type": "dimension", "$value": "8px"  }
-    },
-    "grid": {
-      "gutter":  { "$type": "dimension", "$value": "16px" }
-    }
-  }
-}

package/tokens/tokens.example.json

@@ -1,128 +0,0 @@
-{
-  "$schemaVersion": "1.0.0",
-
-  "color": {
-    "palette": {
-      "gray": {
-        "0":   { "$type": "color", "$value": "oklch(0.99 0.001 95)" },
-        "300": { "$type": "color", "$value": "oklch(0.75 0.01 95)" },
-        "400": { "$type": "color", "$value": "oklch(0.65 0.015 95)" },
-        "500": { "$type": "color", "$value": "oklch(0.55 0.02 95)" },
-        "600": { "$type": "color", "$value": "oklch(0.45 0.02 95)" },
-        "900": { "$type": "color", "$value": "oklch(0.20 0.02 95)" }
-      },
-      "brand": {
-        "400": { "$type": "color", "$value": "oklch(0.70 0.15 260)" },
-        "500": { "$type": "color", "$value": "oklch(0.66 0.16 260)" },
-        "600": { "$type": "color", "$value": "oklch(0.62 0.18 260)" },
-        "700": { "$type": "color", "$value": "oklch(0.56 0.19 260)" }
-      },
-      "danger": {
-        "600": { "$type": "color", "$value": "oklch(0.60 0.25 25)" },
-        "700": { "$type": "color", "$value": "oklch(0.55 0.28 25)" }
-      },
-      "white": { "$type": "color", "$value": "oklch(1 0 0)" }
-    },
-
-    "role": {
-      "text": {
-        "default": { "$type": "color", "$value": "{color.palette.gray.900}" },
-        "muted":   { "$type": "color", "$value": "oklch(0.55 0.02 95)" }
-      },
-      "bg": {
-        "surface": { "$type": "color", "$value": "{color.palette.gray.0}" }
-      },
-      "accent": {
-        "default": { "$type": "color", "$value": "{color.palette.brand.600}" },
-        "hover":   { "$type": "color", "$value": "{color.palette.brand.700}" }
-      },
-      "danger": {
-        "default": { "$type": "color", "$value": "{color.palette.danger.600}" },
-        "hover":   { "$type": "color", "$value": "{color.palette.danger.700}" }
-      },
-      "on": {
-        "accent": { "$type": "color", "$value": "{color.palette.white}" },
-        "danger": { "$type": "color", "$value": "{color.palette.white}" }
-      },
-      "focus": {
-        "ring":   { "$type": "color", "$value": "oklch(0.62 0.18 260 / 0.5)" }
-      }
-    }
-  },
-
-  "size": {
-    "spacing": {
-      "2": { "$type": "dimension", "$value": "0.5rem"  },
-      "3": { "$type": "dimension", "$value": "0.75rem" },
-      "4": { "$type": "dimension", "$value": "1rem"    },
-      "5": { "$type": "dimension", "$value": "1.25rem" },
-      "6": { "$type": "dimension", "$value": "1.5rem"  }
-    },
-    "radius": {
-      "md": { "$type": "borderRadius", "$value": "0.5rem" }
-    },
-    "border": {
-      "1": { "$type": "dimension", "$value": "1px" }
-    }
-  },
-
-  "typography": {
-    "font": {
-      "body": { "$type": "fontFamily", "$value": "system-ui, 'Inter', sans-serif" }
-    },
-    "size": {
-      "body": { "$type": "fontSize", "$value": "clamp(1rem, 0.95rem + 0.5vw, 1.125rem)" },
-      "h2": { "$type": "fontSize", "$value": "22px" },
-      "h3": { "$type": "fontSize", "$value": "18px" }
-    },
-    "lineHeight": {
-      "body": { "$type": "lineHeight", "$value": 1.6 }
-    },
-  "weight": {
-    "body": { "$type": "fontWeight", "$value": 400 },
-    "emphasis": { "$type": "fontWeight", "$value": 600 },
-    "strong": { "$type": "fontWeight", "$value": 700 }
-  }
-  },
-
-  "motion": {
-    "duration": {
-      "fast": { "$type": "duration", "$value": "150ms" }
-    },
-    "easing": {
-      "standard": { "$type": "easing", "$value": "cubic-bezier(.2,.9,.1,1)" }
-    }
-  },
-
-  "elevation": {
-    "1": {
-      "$type": "shadow",
-      "$value": "0 1px 2px oklch(0.2 0 0 / 0.1), 0 1px 1px oklch(0.2 0 0 / 0.06)"
-    }
-  },
-
-  "control": {
-    "size": {
-  "min": { "$type": "dimension", "$value": "30px" }
-    }
-  },
-
-  "layout": {
-    "container": {
-      "xs": { "$type": "dimension", "$value": "540px" },
-      "sm": { "$type": "dimension", "$value": "640px" },
-      "md": { "$type": "dimension", "$value": "768px" },
-      "lg": { "$type": "dimension", "$value": "1024px" },
-      "xl": { "$type": "dimension", "$value": "1280px" }
-    },
-    "padding": {
-      "page":    { "$type": "dimension", "$value": "48px" },
-      "section": { "$type": "dimension", "$value": "32px" },
-      "card":    { "$type": "dimension", "$value": "24px" },
-      "chip":    { "$type": "dimension", "$value": "8px"  }
-    },
-    "grid": {
-      "gutter":  { "$type": "dimension", "$value": "16px" }
-    }
-  }
-}