@likec4/styles 1.47.0 → 1.49.0

package/dist/tokens/index.mjs

@@ -1,4 +1,136 @@
 const tokens = {
+  "fontSizes.xxs": {
+    "value": "10px",
+    "variable": "var(--font-sizes-xxs)"
+  },
+  "fontSizes.xs": {
+    "value": "12px",
+    "variable": "var(--font-sizes-xs)"
+  },
+  "fontSizes.sm": {
+    "value": "14px",
+    "variable": "var(--font-sizes-sm)"
+  },
+  "fontSizes.md": {
+    "value": "16px",
+    "variable": "var(--font-sizes-md)"
+  },
+  "fontSizes.lg": {
+    "value": "18px",
+    "variable": "var(--font-sizes-lg)"
+  },
+  "fontSizes.xl": {
+    "value": "20px",
+    "variable": "var(--font-sizes-xl)"
+  },
+  "fontSizes.likec4.xs": {
+    "value": "13.33px",
+    "variable": "var(--font-sizes-likec4-xs)"
+  },
+  "fontSizes.likec4.sm": {
+    "value": "16px",
+    "variable": "var(--font-sizes-likec4-sm)"
+  },
+  "fontSizes.likec4.md": {
+    "value": "19.2px",
+    "variable": "var(--font-sizes-likec4-md)"
+  },
+  "fontSizes.likec4.lg": {
+    "value": "23.04px",
+    "variable": "var(--font-sizes-likec4-lg)"
+  },
+  "fontSizes.likec4.xl": {
+    "value": "27.65px",
+    "variable": "var(--font-sizes-likec4-xl)"
+  },
+  "lineHeights.1": {
+    "value": "1",
+    "variable": "var(--line-heights-1)"
+  },
+  "lineHeights.xxs": {
+    "value": "1.1",
+    "variable": "var(--line-heights-xxs)"
+  },
+  "lineHeights.xs": {
+    "value": "1.2",
+    "variable": "var(--line-heights-xs)"
+  },
+  "lineHeights.sm": {
+    "value": "1.35",
+    "variable": "var(--line-heights-sm)"
+  },
+  "lineHeights.md": {
+    "value": "1.45",
+    "variable": "var(--line-heights-md)"
+  },
+  "lineHeights.lg": {
+    "value": "1.55",
+    "variable": "var(--line-heights-lg)"
+  },
+  "lineHeights.xl": {
+    "value": "1.6",
+    "variable": "var(--line-heights-xl)"
+  },
+  "sizes.100%": {
+    "value": "100%",
+    "variable": "var(--sizes-100\\%)"
+  },
+  "sizes.full": {
+    "value": "100%",
+    "variable": "var(--sizes-full)"
+  },
+  "sizes.breakpoint-xs": {
+    "value": "36em",
+    "variable": "var(--sizes-breakpoint-xs)"
+  },
+  "sizes.breakpoint-sm": {
+    "value": "48em",
+    "variable": "var(--sizes-breakpoint-sm)"
+  },
+  "sizes.breakpoint-md": {
+    "value": "62em",
+    "variable": "var(--sizes-breakpoint-md)"
+  },
+  "sizes.breakpoint-lg": {
+    "value": "75em",
+    "variable": "var(--sizes-breakpoint-lg)"
+  },
+  "sizes.breakpoint-xl": {
+    "value": "88em",
+    "variable": "var(--sizes-breakpoint-xl)"
+  },
+  "borders.none": {
+    "value": "none",
+    "variable": "var(--borders-none)"
+  },
+  "borders.transparent": {
+    "value": "0px solid transparent",
+    "variable": "var(--borders-transparent)"
+  },
+  "borders.default": {
+    "value": "1px solid var(--colors-default-border)",
+    "variable": "var(--borders-default)"
+  },
+  "borderWidths.0": {
+    "value": "0px",
+    "variable": "var(--border-widths-0)"
+  },
+  "borderWidths.1": {
+    "value": "1px",
+    "variable": "var(--border-widths-1)"
+  },
+  "borderWidths.2": {
+    "value": "2px",
+    "variable": "var(--border-widths-2)"
+  },
+  "borderWidths.3": {
+    "value": "3px",
+    "variable": "var(--border-widths-3)"
+  },
+  "borderWidths.4": {
+    "value": "4px",
+    "variable": "var(--border-widths-4)"
+  },
   "spacing.0": {
     "value": "0px",
     "variable": "var(--spacing-0)"
@@ -43,25 +175,13 @@ const tokens = {
     "value": "40px",
     "variable": "var(--spacing-10)"
   },
-  "spacing.likec4.xs": {
-    "value": "8px",
-    "variable": "var(--spacing-likec4-xs)"
-  },
-  "spacing.likec4.sm": {
-    "value": "10px",
-    "variable": "var(--spacing-likec4-sm)"
-  },
-  "spacing.likec4.md": {
-    "value": "16px",
-    "variable": "var(--spacing-likec4-md)"
+  "spacing.12": {
+    "value": "48px",
+    "variable": "var(--spacing-12)"
   },
-  "spacing.likec4.lg": {
-    "value": "24px",
-    "variable": "var(--spacing-likec4-lg)"
-  },
-  "spacing.likec4.xl": {
-    "value": "32px",
-    "variable": "var(--spacing-likec4-xl)"
+  "spacing.16": {
+    "value": "64px",
+    "variable": "var(--spacing-16)"
   },
   "spacing.0.5": {
     "value": "2px",
@@ -84,96 +204,72 @@ const tokens = {
     "variable": "var(--spacing-4\\.5)"
   },
   "spacing.xxs": {
-    "value": "calc(0.5rem * var(--mantine-scale))",
+    "value": "calc(8px * var(--mantine-scale))",
     "variable": "var(--spacing-xxs)"
   },
   "spacing.xs": {
-    "value": "calc(0.625rem * var(--mantine-scale))",
+    "value": "calc(10px * var(--mantine-scale))",
     "variable": "var(--spacing-xs)"
   },
   "spacing.sm": {
-    "value": "calc(0.75rem * var(--mantine-scale))",
+    "value": "calc(12px * var(--mantine-scale))",
     "variable": "var(--spacing-sm)"
   },
   "spacing.md": {
-    "value": "calc(1rem * var(--mantine-scale))",
+    "value": "calc(16px * var(--mantine-scale))",
     "variable": "var(--spacing-md)"
   },
   "spacing.lg": {
-    "value": "calc(1.25rem * var(--mantine-scale))",
+    "value": "calc(20px * var(--mantine-scale))",
     "variable": "var(--spacing-lg)"
   },
   "spacing.xl": {
-    "value": "calc(2rem * var(--mantine-scale))",
+    "value": "calc(32px * var(--mantine-scale))",
     "variable": "var(--spacing-xl)"
   },
-  "fontSizes.xxs": {
-    "value": "0.625rem",
-    "variable": "var(--font-sizes-xxs)"
-  },
-  "fontSizes.xs": {
-    "value": "calc(0.75rem * var(--mantine-scale))",
-    "variable": "var(--font-sizes-xs)"
-  },
-  "fontSizes.sm": {
-    "value": "calc(0.875rem * var(--mantine-scale))",
-    "variable": "var(--font-sizes-sm)"
-  },
-  "fontSizes.md": {
-    "value": "calc(1rem * var(--mantine-scale))",
-    "variable": "var(--font-sizes-md)"
-  },
-  "fontSizes.lg": {
-    "value": "calc(1.125rem * var(--mantine-scale))",
-    "variable": "var(--font-sizes-lg)"
-  },
-  "fontSizes.xl": {
-    "value": "calc(1.25rem * var(--mantine-scale))",
-    "variable": "var(--font-sizes-xl)"
-  },
-  "fontSizes.likec4.xs": {
-    "value": "0.833rem",
-    "variable": "var(--font-sizes-likec4-xs)"
+  "spacing.likec4.xs": {
+    "value": "8px",
+    "variable": "var(--spacing-likec4-xs)"
   },
-  "fontSizes.likec4.sm": {
-    "value": "1.00rem",
-    "variable": "var(--font-sizes-likec4-sm)"
+  "spacing.likec4.sm": {
+    "value": "10px",
+    "variable": "var(--spacing-likec4-sm)"
   },
-  "fontSizes.likec4.md": {
-    "value": "1.20rem",
-    "variable": "var(--font-sizes-likec4-md)"
+  "spacing.likec4.md": {
+    "value": "16px",
+    "variable": "var(--spacing-likec4-md)"
   },
-  "fontSizes.likec4.lg": {
-    "value": "1.44rem",
-    "variable": "var(--font-sizes-likec4-lg)"
+  "spacing.likec4.lg": {
+    "value": "24px",
+    "variable": "var(--spacing-likec4-lg)"
   },
-  "fontSizes.likec4.xl": {
-    "value": "1.73rem",
-    "variable": "var(--font-sizes-likec4-xl)"
+  "spacing.likec4.xl": {
+    "value": "32px",
+    "variable": "var(--spacing-likec4-xl)"
   },
-  "lineHeights.1": {
-    "value": "1",
-    "variable": "var(--line-heights-1)"
+  "radii.0": {
+    "value": "0px",
+    "variable": "var(--radii-0)"
   },
-  "lineHeights.xs": {
-    "value": "1.4",
-    "variable": "var(--line-heights-xs)"
+  "radii.xs": {
+    "value": "2px",
+    "variable": "var(--radii-xs)"
   },
-  "lineHeights.sm": {
-    "value": "1.45",
-    "variable": "var(--line-heights-sm)"
+  "radii.sm": {
+    "value": "4px",
+    "variable": "var(--radii-sm)"
   },
-  "lineHeights.md": {
-    "value": "1.55",
-    "variable": "var(--line-heights-md)"
+  "radii.md": {
+    "value": "8px",
+    "variable": "var(--radii-md)"
   },
-  "lineHeights.lg": {
-    "value": "1.6",
-    "variable": "var(--line-heights-lg)"
+  "radii.lg": {
+    "value": "16px",
+    "variable": "var(--radii-lg)"
   },
-  "lineHeights.xl": {
-    "value": "1.65",
-    "variable": "var(--line-heights-xl)"
+  "radii.xl": {
+    "value": "32px",
+    "variable": "var(--radii-xl)"
   },
   "colors.mantine.colors.primary": {
     "value": "var(--mantine-primary-color-6)",
@@ -799,69 +895,9 @@ const tokens = {
     "value": "none",
     "variable": "var(--colors-none)"
   },
-  "sizes.100%": {
-    "value": "100%",
-    "variable": "var(--sizes-100\\%)"
-  },
-  "sizes.full": {
-    "value": "100%",
-    "variable": "var(--sizes-full)"
-  },
-  "sizes.breakpoint-xs": {
-    "value": "36em",
-    "variable": "var(--sizes-breakpoint-xs)"
-  },
-  "sizes.breakpoint-sm": {
-    "value": "48em",
-    "variable": "var(--sizes-breakpoint-sm)"
-  },
-  "sizes.breakpoint-md": {
-    "value": "62em",
-    "variable": "var(--sizes-breakpoint-md)"
-  },
-  "sizes.breakpoint-lg": {
-    "value": "75em",
-    "variable": "var(--sizes-breakpoint-lg)"
-  },
-  "sizes.breakpoint-xl": {
-    "value": "88em",
-    "variable": "var(--sizes-breakpoint-xl)"
-  },
-  "borders.none": {
-    "value": "none",
-    "variable": "var(--borders-none)"
-  },
-  "borders.transparent": {
-    "value": "0px solid transparent",
-    "variable": "var(--borders-transparent)"
-  },
-  "borders.default": {
-    "value": "1px solid var(--mantine-color-default-border)",
-    "variable": "var(--borders-default)"
-  },
-  "radii.0": {
-    "value": "0px",
-    "variable": "var(--radii-0)"
-  },
-  "radii.xs": {
-    "value": "0.125rem",
-    "variable": "var(--radii-xs)"
-  },
-  "radii.sm": {
-    "value": "0.25rem",
-    "variable": "var(--radii-sm)"
-  },
-  "radii.md": {
-    "value": "0.5rem",
-    "variable": "var(--radii-md)"
-  },
-  "radii.lg": {
-    "value": "1rem",
-    "variable": "var(--radii-lg)"
-  },
-  "radii.xl": {
-    "value": "2rem",
-    "variable": "var(--radii-xl)"
+  "colors.inherit": {
+    "value": "inherit",
+    "variable": "var(--colors-inherit)"
   },
   "fontWeights.normal": {
     "value": "400",
@@ -871,6 +907,14 @@ const tokens = {
     "value": "500",
     "variable": "var(--font-weights-medium)"
   },
+  "fontWeights.bold": {
+    "value": "600",
+    "variable": "var(--font-weights-bold)"
+  },
+  "fontWeights.bolder": {
+    "value": "700",
+    "variable": "var(--font-weights-bolder)"
+  },
   "fonts.mono": {
     "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
     "variable": "var(--fonts-mono)"
@@ -975,13 +1019,37 @@ const tokens = {
     "value": "-1",
     "variable": "var(--z-index--1)"
   },
+  "zIndex.likec4.diagram.edge": {
+    "value": "20",
+    "variable": "var(--z-index-likec4-diagram-edge)"
+  },
+  "zIndex.likec4.diagram.edge.label": {
+    "value": "25",
+    "variable": "var(--z-index-likec4-diagram-edge-label)"
+  },
+  "zIndex.likec4.diagram.edge.controlPoint": {
+    "value": "30",
+    "variable": "var(--z-index-likec4-diagram-edge-control-point)"
+  },
+  "zIndex.likec4.diagram.node.compound": {
+    "value": "10",
+    "variable": "var(--z-index-likec4-diagram-node-compound)"
+  },
+  "zIndex.likec4.diagram.node.element": {
+    "value": "40",
+    "variable": "var(--z-index-likec4-diagram-node-element)"
+  },
+  "zIndex.likec4.dropdown": {
+    "value": "200",
+    "variable": "var(--z-index-likec4-dropdown)"
+  },
   "zIndex.likec4.panel": {
     "value": "100",
     "variable": "var(--z-index-likec4-panel)"
   },
-  "zIndex.likec4.dropdown": {
+  "zIndex.likec4.panel.dropdown": {
     "value": "200",
-    "variable": "var(--z-index-likec4-dropdown)"
+    "variable": "var(--z-index-likec4-panel-dropdown)"
   },
   "breakpoints.xs": {
     "value": "36em",
@@ -9643,18 +9711,74 @@ const tokens = {
     "value": "var(--colors-yellow-p3-a-12)",
     "variable": "var(--colors-yellow-p3-a-12)"
   },
+  "colors.white": {
+    "value": "#fff",
+    "variable": "var(--colors-white)"
+  },
+  "colors.black": {
+    "value": "#000",
+    "variable": "var(--colors-black)"
+  },
+  "colors.body": {
+    "value": "var(--mantine-color-body)",
+    "variable": "var(--colors-body)"
+  },
   "colors.text": {
     "value": "var(--mantine-color-text)",
     "variable": "var(--colors-text)"
   },
+  "colors.text.bright": {
+    "value": "var(--mantine-color-bright)",
+    "variable": "var(--colors-text-bright)"
+  },
   "colors.text.dimmed": {
-    "value": "var(--mantine-color-dimmed)",
+    "value": "oklch(from var(--mantine-color-text) l c h / 60%)",
     "variable": "var(--colors-text-dimmed)"
   },
+  "colors.text.placeholder": {
+    "value": "var(--mantine-color-placeholder)",
+    "variable": "var(--colors-text-placeholder)"
+  },
+  "colors.default": {
+    "value": "var(--mantine-color-default)",
+    "variable": "var(--colors-default)"
+  },
+  "colors.default.color": {
+    "value": "var(--mantine-color-default-color)",
+    "variable": "var(--colors-default-color)"
+  },
+  "colors.default.border": {
+    "value": "var(--mantine-color-default-border)",
+    "variable": "var(--colors-default-border)"
+  },
+  "colors.default.hover": {
+    "value": "var(--mantine-color-default-hover)",
+    "variable": "var(--colors-default-hover)"
+  },
+  "colors.disabled.text": {
+    "value": "var(--mantine-color-disabled-color)",
+    "variable": "var(--colors-disabled-text)"
+  },
+  "colors.disabled.border": {
+    "value": "var(--mantine-color-disabled-border)",
+    "variable": "var(--colors-disabled-border)"
+  },
+  "colors.disabled.body": {
+    "value": "var(--mantine-color-disabled)",
+    "variable": "var(--colors-disabled-body)"
+  },
   "colors.likec4.background": {
     "value": "var(--mantine-color-body)",
     "variable": "var(--colors-likec4-background)"
   },
+  "colors.likec4.background.pattern": {
+    "value": "var(--colors-likec4-background-pattern)",
+    "variable": "var(--colors-likec4-background-pattern)"
+  },
+  "colors.likec4.mixColor": {
+    "value": "var(--colors-likec4-mix-color)",
+    "variable": "var(--colors-likec4-mix-color)"
+  },
   "colors.likec4.tag.bg": {
     "value": "var(--colors-tomato-9)",
     "variable": "var(--colors-likec4-tag-bg)"
@@ -9680,19 +9804,19 @@ const tokens = {
     "variable": "var(--colors-likec4-panel-border)"
   },
   "colors.likec4.panel.text": {
-    "value": "color-mix(in oklab, var(--mantine-color-text) 85%, transparent 15%)",
+    "value": "oklch(from var(--mantine-color-text) l c h / 85%)",
     "variable": "var(--colors-likec4-panel-text)"
   },
   "colors.likec4.panel.text.dimmed": {
-    "value": "var(--mantine-color-dimmed)",
+    "value": "var(--colors-text-dimmed)",
     "variable": "var(--colors-likec4-panel-text-dimmed)"
   },
   "colors.likec4.panel.action": {
-    "value": "color-mix(in oklab, var(--mantine-color-text) 90%, transparent 10%)",
+    "value": "oklch(from var(--mantine-color-text) l c h / 90%)",
     "variable": "var(--colors-likec4-panel-action)"
   },
   "colors.likec4.panel.action.disabled": {
-    "value": "var(--mantine-color-dimmed)",
+    "value": "var(--colors-text-dimmed)",
     "variable": "var(--colors-likec4-panel-action-disabled)"
   },
   "colors.likec4.panel.action.hover": {
@@ -9740,7 +9864,7 @@ const tokens = {
     "variable": "var(--colors-likec4-overlay-body)"
   },
   "colors.likec4.overlay.border": {
-    "value": "color-mix(in oklab, var(--mantine-color-default-border) 50%, transparent 50%)",
+    "value": "oklch(from var(--mantine-color-default-border) l c h / 50%)",
     "variable": "var(--colors-likec4-overlay-border)"
   },
   "colors.likec4.compare.latest": {
@@ -9791,25 +9915,13 @@ const tokens = {
     "value": "calc(var(--spacing-10) * -1)",
     "variable": "var(--spacing-10)"
   },
-  "spacing.likec4.-xs": {
-    "value": "calc(var(--spacing-likec4-xs) * -1)",
-    "variable": "var(--spacing-likec4-xs)"
+  "spacing.-12": {
+    "value": "calc(var(--spacing-12) * -1)",
+    "variable": "var(--spacing-12)"
   },
-  "spacing.likec4.-sm": {
-    "value": "calc(var(--spacing-likec4-sm) * -1)",
-    "variable": "var(--spacing-likec4-sm)"
-  },
-  "spacing.likec4.-md": {
-    "value": "calc(var(--spacing-likec4-md) * -1)",
-    "variable": "var(--spacing-likec4-md)"
-  },
-  "spacing.likec4.-lg": {
-    "value": "calc(var(--spacing-likec4-lg) * -1)",
-    "variable": "var(--spacing-likec4-lg)"
-  },
-  "spacing.likec4.-xl": {
-    "value": "calc(var(--spacing-likec4-xl) * -1)",
-    "variable": "var(--spacing-likec4-xl)"
+  "spacing.-16": {
+    "value": "calc(var(--spacing-16) * -1)",
+    "variable": "var(--spacing-16)"
   },
   "spacing.-0.5": {
     "value": "calc(var(--spacing-0\\.5) * -1)",
@@ -9855,13 +9967,29 @@ const tokens = {
     "value": "calc(var(--spacing-xl) * -1)",
     "variable": "var(--spacing-xl)"
   },
-  "colors.likec4.background.pattern": {
-    "value": "var(--colors-likec4-background-pattern)",
-    "variable": "var(--colors-likec4-background-pattern)"
+  "spacing.likec4.-xs": {
+    "value": "calc(var(--spacing-likec4-xs) * -1)",
+    "variable": "var(--spacing-likec4-xs)"
   },
-  "colors.likec4.mixColor": {
-    "value": "var(--colors-likec4-mix-color)",
-    "variable": "var(--colors-likec4-mix-color)"
+  "spacing.likec4.-sm": {
+    "value": "calc(var(--spacing-likec4-sm) * -1)",
+    "variable": "var(--spacing-likec4-sm)"
+  },
+  "spacing.likec4.-md": {
+    "value": "calc(var(--spacing-likec4-md) * -1)",
+    "variable": "var(--spacing-likec4-md)"
+  },
+  "spacing.likec4.-lg": {
+    "value": "calc(var(--spacing-likec4-lg) * -1)",
+    "variable": "var(--spacing-likec4-lg)"
+  },
+  "spacing.likec4.-xl": {
+    "value": "calc(var(--spacing-likec4-xl) * -1)",
+    "variable": "var(--spacing-likec4-xl)"
+  },
+  "colors.likec4.walkthrough.parallelFrame": {
+    "value": "var(--colors-likec4-walkthrough-parallel-frame)",
+    "variable": "var(--colors-likec4-walkthrough-parallel-frame)"
   },
   "colors.likec4.compare.manual": {
     "value": "var(--colors-likec4-compare-manual)",
@@ -11711,6 +11839,22 @@ const tokens = {
     "value": "var(--colors-color-palette-dark-p3-a-12)",
     "variable": "var(--colors-color-palette-dark-p3-a-12)"
   },
+  "colors.colorPalette.bright": {
+    "value": "var(--colors-color-palette-bright)",
+    "variable": "var(--colors-color-palette-bright)"
+  },
+  "colors.colorPalette.color": {
+    "value": "var(--colors-color-palette-color)",
+    "variable": "var(--colors-color-palette-color)"
+  },
+  "colors.colorPalette.border": {
+    "value": "var(--colors-color-palette-border)",
+    "variable": "var(--colors-color-palette-border)"
+  },
+  "colors.colorPalette.hover": {
+    "value": "var(--colors-color-palette-hover)",
+    "variable": "var(--colors-color-palette-hover)"
+  },
   "colors.colorPalette.background": {
     "value": "var(--colors-color-palette-background)",
     "variable": "var(--colors-color-palette-background)"
@@ -11743,18 +11887,10 @@ const tokens = {
     "value": "var(--colors-color-palette-bg-hover)",
     "variable": "var(--colors-color-palette-bg-hover)"
   },
-  "colors.colorPalette.hover": {
-    "value": "var(--colors-color-palette-hover)",
-    "variable": "var(--colors-color-palette-hover)"
-  },
   "colors.colorPalette.tag.border": {
     "value": "var(--colors-color-palette-tag-border)",
     "variable": "var(--colors-color-palette-tag-border)"
   },
-  "colors.colorPalette.border": {
-    "value": "var(--colors-color-palette-border)",
-    "variable": "var(--colors-color-palette-border)"
-  },
   "colors.colorPalette.tag.text": {
     "value": "var(--colors-color-palette-tag-text)",
     "variable": "var(--colors-color-palette-tag-text)"
@@ -11895,6 +12031,14 @@ const tokens = {
     "value": "var(--colors-color-palette-overlay-border)",
     "variable": "var(--colors-color-palette-overlay-border)"
   },
+  "colors.colorPalette.walkthrough.parallelFrame": {
+    "value": "var(--colors-color-palette-walkthrough-parallel-frame)",
+    "variable": "var(--colors-color-palette-walkthrough-parallel-frame)"
+  },
+  "colors.colorPalette.parallelFrame": {
+    "value": "var(--colors-color-palette-parallel-frame)",
+    "variable": "var(--colors-color-palette-parallel-frame)"
+  },
   "colors.colorPalette.compare.manual": {
     "value": "var(--colors-color-palette-compare-manual)",
     "variable": "var(--colors-color-palette-compare-manual)"