@nationaldesignstudio/react 0.3.0 → 0.5.1

package/dist/packages/tokens/dist/primitives/typography.js

@@ -0,0 +1,162 @@
+import { fontWeight as n, fontFamily as i, dimension as e } from "../utils.js";
+const a = {
+  primitive: {
+    "font-size": {
+      $extensions: {
+        "nds.figmaSync": {
+          collectionKey: "b8954b6c8ba9f47552aea2920a0ee36c5f000e64",
+          collectionName: "Primitives",
+          modeMapping: { modeName: "Value" }
+        }
+      },
+      $type: "dimension",
+      9: e(9),
+      11: e(11),
+      12: e(12),
+      14: e(14),
+      16: e(16),
+      18: e(18),
+      21: e(21),
+      24: e(24),
+      28: e(28),
+      32: e(32),
+      36: e(36),
+      42: e(42),
+      48: e(48),
+      56: e(56),
+      64: e(64),
+      72: e(72),
+      84: e(84),
+      88: e(88),
+      96: e(96),
+      112: e(112),
+      128: e(128),
+      148: e(148),
+      168: e(168),
+      192: e(192),
+      224: e(224),
+      256: e(256),
+      280: e(280)
+    },
+    "line-height": {
+      $extensions: {
+        "nds.figmaSync": {
+          collectionKey: "b8954b6c8ba9f47552aea2920a0ee36c5f000e64",
+          collectionName: "Primitives",
+          modeMapping: { modeName: "Value" }
+        }
+      },
+      $type: "dimension",
+      9: e(11),
+      11: e(13),
+      12: e(16),
+      14: e(20),
+      16: e(24),
+      18: e(27),
+      21: e(29),
+      22: e(22),
+      24: e(24),
+      28: e(28),
+      31: e(31),
+      32: e(32),
+      36: e(36),
+      38: e(38),
+      42: e(46),
+      43: e(43),
+      46: e(46),
+      48: e(53),
+      53: e(53),
+      56: e(62),
+      62: e(62),
+      64: e(64),
+      72: e(72),
+      84: e(84),
+      88: e(88),
+      96: e(96),
+      112: e(106),
+      128: e(122),
+      148: e(141),
+      168: e(151),
+      192: e(173),
+      224: e(202),
+      256: e(218),
+      280: e(238)
+    },
+    "letter-spacing": {
+      $extensions: {
+        "nds.figmaSync": {
+          collectionKey: "b8954b6c8ba9f47552aea2920a0ee36c5f000e64",
+          collectionName: "Primitives",
+          modeMapping: { modeName: "Value" }
+        }
+      },
+      $type: "dimension",
+      9: e(0.18),
+      11: e(0.17),
+      12: e(0.12),
+      14: e(0.07),
+      16: e(0),
+      18: e(0),
+      21: e(0),
+      24: e(0),
+      28: e(-0.14),
+      32: e(-0.16),
+      36: e(-0.36),
+      42: e(-0.42),
+      48: e(-0.72),
+      56: e(-1.12),
+      64: e(-1.28),
+      72: e(-1.8),
+      84: e(-2.1),
+      88: e(-2.64),
+      96: e(-2.88),
+      112: e(-3.92),
+      128: e(-5.12),
+      148: e(-6.66),
+      168: e(-7.56),
+      192: e(-9.6),
+      224: e(-11.2),
+      256: e(-14.08),
+      280: e(-15.4),
+      button: e(0.5)
+    },
+    "font-family": {
+      $extensions: {
+        "nds.figmaSync": {
+          collectionKey: "b8954b6c8ba9f47552aea2920a0ee36c5f000e64",
+          collectionName: "Primitives",
+          modeMapping: { modeName: "Value" }
+        }
+      },
+      $type: "fontFamily",
+      // Primitive font stacks
+      "pp-neue-montreal": i(["PP Neue Montreal", "sans-serif"]),
+      gloock: i(["Gloock", "serif"]),
+      cormorant: i(["Cormorant", "serif"]),
+      inter: i(["Inter", "sans-serif"]),
+      "inter-tight": i(["Inter Tight", "sans-serif"]),
+      "instrument-serif": i(["Instrument Serif", "serif"]),
+      // Semantic aliases
+      sans: i(["PP Neue Montreal", "sans-serif"]),
+      serif: i(["Gloock", "serif"]),
+      "serif-alt": i(["Cormorant", "serif"])
+    },
+    "font-weight": {
+      $extensions: {
+        "nds.figmaSync": {
+          collectionKey: "b8954b6c8ba9f47552aea2920a0ee36c5f000e64",
+          collectionName: "Primitives",
+          modeMapping: { modeName: "Value" }
+        }
+      },
+      $type: "fontWeight",
+      regular: n(400),
+      medium: n(500),
+      semibold: n(600)
+    }
+  }
+};
+export {
+  a as primitiveTypography
+};
+//# sourceMappingURL=typography.js.map

package/dist/packages/tokens/dist/primitives/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sources":["../../../../../../tokens/dist/primitives/typography.js"],"sourcesContent":["import { dimension, fontFamily, fontWeight } from \"../utils\";\n/**\n * Primitive typography tokens\n * Defines font sizes, line heights, letter spacing, font families, and font weights\n */\nexport const primitiveTypography = {\n    primitive: {\n        \"font-size\": {\n            $extensions: {\n                \"nds.figmaSync\": {\n                    collectionKey: \"b8954b6c8ba9f47552aea2920a0ee36c5f000e64\",\n                    collectionName: \"Primitives\",\n                    modeMapping: { modeName: \"Value\" },\n                },\n            },\n            $type: \"dimension\",\n            \"9\": dimension(9),\n            \"11\": dimension(11),\n            \"12\": dimension(12),\n            \"14\": dimension(14),\n            \"16\": dimension(16),\n            \"18\": dimension(18),\n            \"21\": dimension(21),\n            \"24\": dimension(24),\n            \"28\": dimension(28),\n            \"32\": dimension(32),\n            \"36\": dimension(36),\n            \"42\": dimension(42),\n            \"48\": dimension(48),\n            \"56\": dimension(56),\n            \"64\": dimension(64),\n            \"72\": dimension(72),\n            \"84\": dimension(84),\n            \"88\": dimension(88),\n            \"96\": dimension(96),\n            \"112\": dimension(112),\n            \"128\": dimension(128),\n            \"148\": dimension(148),\n            \"168\": dimension(168),\n            \"192\": dimension(192),\n            \"224\": dimension(224),\n            \"256\": dimension(256),\n            \"280\": dimension(280),\n        },\n        \"line-height\": {\n            $extensions: {\n                \"nds.figmaSync\": {\n                    collectionKey: \"b8954b6c8ba9f47552aea2920a0ee36c5f000e64\",\n                    collectionName: \"Primitives\",\n                    modeMapping: { modeName: \"Value\" },\n                },\n            },\n            $type: \"dimension\",\n            \"9\": dimension(11),\n            \"11\": dimension(13),\n            \"12\": dimension(16),\n            \"14\": dimension(20),\n            \"16\": dimension(24),\n            \"18\": dimension(27),\n            \"21\": dimension(29),\n            \"22\": dimension(22),\n            \"24\": dimension(24),\n            \"28\": dimension(28),\n            \"31\": dimension(31),\n            \"32\": dimension(32),\n            \"36\": dimension(36),\n            \"38\": dimension(38),\n            \"42\": dimension(46),\n            \"43\": dimension(43),\n            \"46\": dimension(46),\n            \"48\": dimension(53),\n            \"53\": dimension(53),\n            \"56\": dimension(62),\n            \"62\": dimension(62),\n            \"64\": dimension(64),\n            \"72\": dimension(72),\n            \"84\": dimension(84),\n            \"88\": dimension(88),\n            \"96\": dimension(96),\n            \"112\": dimension(106),\n            \"128\": dimension(122),\n            \"148\": dimension(141),\n            \"168\": dimension(151),\n            \"192\": dimension(173),\n            \"224\": dimension(202),\n            \"256\": dimension(218),\n            \"280\": dimension(238),\n        },\n        \"letter-spacing\": {\n            $extensions: {\n                \"nds.figmaSync\": {\n                    collectionKey: \"b8954b6c8ba9f47552aea2920a0ee36c5f000e64\",\n                    collectionName: \"Primitives\",\n                    modeMapping: { modeName: \"Value\" },\n                },\n            },\n            $type: \"dimension\",\n            \"9\": dimension(0.18),\n            \"11\": dimension(0.17),\n            \"12\": dimension(0.12),\n            \"14\": dimension(0.07),\n            \"16\": dimension(0),\n            \"18\": dimension(0),\n            \"21\": dimension(0),\n            \"24\": dimension(0),\n            \"28\": dimension(-0.14),\n            \"32\": dimension(-0.16),\n            \"36\": dimension(-0.36),\n            \"42\": dimension(-0.42),\n            \"48\": dimension(-0.72),\n            \"56\": dimension(-1.12),\n            \"64\": dimension(-1.28),\n            \"72\": dimension(-1.8),\n            \"84\": dimension(-2.1),\n            \"88\": dimension(-2.64),\n            \"96\": dimension(-2.88),\n            \"112\": dimension(-3.92),\n            \"128\": dimension(-5.12),\n            \"148\": dimension(-6.66),\n            \"168\": dimension(-7.56),\n            \"192\": dimension(-9.6),\n            \"224\": dimension(-11.2),\n            \"256\": dimension(-14.08),\n            \"280\": dimension(-15.4),\n            button: dimension(0.5),\n        },\n        \"font-family\": {\n            $extensions: {\n                \"nds.figmaSync\": {\n                    collectionKey: \"b8954b6c8ba9f47552aea2920a0ee36c5f000e64\",\n                    collectionName: \"Primitives\",\n                    modeMapping: { modeName: \"Value\" },\n                },\n            },\n            $type: \"fontFamily\",\n            // Primitive font stacks\n            \"pp-neue-montreal\": fontFamily([\"PP Neue Montreal\", \"sans-serif\"]),\n            gloock: fontFamily([\"Gloock\", \"serif\"]),\n            cormorant: fontFamily([\"Cormorant\", \"serif\"]),\n            inter: fontFamily([\"Inter\", \"sans-serif\"]),\n            \"inter-tight\": fontFamily([\"Inter Tight\", \"sans-serif\"]),\n            \"instrument-serif\": fontFamily([\"Instrument Serif\", \"serif\"]),\n            // Semantic aliases\n            sans: fontFamily([\"PP Neue Montreal\", \"sans-serif\"]),\n            serif: fontFamily([\"Gloock\", \"serif\"]),\n            \"serif-alt\": fontFamily([\"Cormorant\", \"serif\"]),\n        },\n        \"font-weight\": {\n            $extensions: {\n                \"nds.figmaSync\": {\n                    collectionKey: \"b8954b6c8ba9f47552aea2920a0ee36c5f000e64\",\n                    collectionName: \"Primitives\",\n                    modeMapping: { modeName: \"Value\" },\n                },\n            },\n            $type: \"fontWeight\",\n            regular: fontWeight(400),\n            medium: fontWeight(500),\n            semibold: fontWeight(600),\n        },\n    },\n};\n//# sourceMappingURL=typography.js.map"],"names":["primitiveTypography","dimension","fontFamily","fontWeight"],"mappings":"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"}

package/dist/packages/tokens/dist/semantic/color/base.js

@@ -0,0 +1,242 @@
+const o = {
+  semantic: {
+    color: {
+      $extensions: {
+        "nds.theme": {
+          category: "color",
+          name: "base"
+        },
+        "nds.figmaSync": {
+          collectionKey: "92aacd2e50c6b60494d54a525fd64c6727d58905",
+          collectionName: "Color",
+          modeMapping: { modeName: "Default" }
+        }
+      },
+      // Background tokens (color-bg-*)
+      bg: {
+        page: { $type: "color", $value: "{primitive.color.gray.50}" },
+        section: { $type: "color", $value: "{primitive.color.gray.100}" },
+        "section-secondary": {
+          $type: "color",
+          $value: "{primitive.color.gray.200}"
+        },
+        "section-tertiary": {
+          $type: "color",
+          $value: "{primitive.color.gray.1000}"
+        },
+        muted: { $type: "color", $value: "{primitive.color.white}" }
+      },
+      // Card token (color-card-*)
+      card: {
+        background: { $type: "color", $value: "{primitive.color.white}" }
+      },
+      // Text tokens (color-text-*)
+      text: {
+        primary: { $type: "color", $value: "{primitive.color.gray.1100}" },
+        secondary: { $type: "color", $value: "{primitive.color.gray.800}" },
+        muted: { $type: "color", $value: "{primitive.color.gray.600}" },
+        inverted: { $type: "color", $value: "{primitive.color.gray.100}" },
+        link: { $type: "color", $value: "{primitive.color.gray.1100}" },
+        "link-hover": { $type: "color", $value: "{primitive.color.gray.700}" }
+      },
+      // Accent tokens (color-accent-*)
+      accent: {
+        brand: { $type: "color", $value: "{primitive.color.indigo.v400}" },
+        "brand-soft": { $type: "color", $value: "{primitive.color.ember.100}" }
+      },
+      // Border tokens (color-border-*)
+      border: {
+        subtle: { $type: "color", $value: "{primitive.color.alpha-black.10}" },
+        strong: { $type: "color", $value: "{primitive.color.alpha-black.20}" },
+        focus: {
+          $type: "color",
+          $value: "{primitive.color.alpha-black.40}"
+        },
+        divider: {
+          $type: "color",
+          $value: "{primitive.color.alpha-black.10}"
+        }
+      },
+      // Button tokens (color-button-*)
+      // Matches Figma Button component variants
+      button: {
+        // Primary button (blue filled) - Figma: #4186de
+        primary: {
+          bg: { $type: "color", $value: "{primitive.color.blue.500}" },
+          "bg-hover": { $type: "color", $value: "{primitive.color.blue.600}" },
+          "bg-active": { $type: "color", $value: "{primitive.color.blue.700}" },
+          text: { $type: "color", $value: "{primitive.color.white}" }
+        },
+        // Default button (dark filled) - Figma: #141414
+        default: {
+          bg: { $type: "color", $value: "{primitive.color.gray.1200}" },
+          "bg-hover": { $type: "color", $value: "{primitive.color.gray.1100}" },
+          "bg-active": {
+            $type: "color",
+            $value: "{primitive.color.gray.1000}"
+          },
+          text: { $type: "color", $value: "{primitive.color.gray.50}" }
+        },
+        // Secondary button (light gray filled) - Figma: #f5f5f5
+        secondary: {
+          bg: { $type: "color", $value: "{primitive.color.gray.100}" },
+          "bg-hover": { $type: "color", $value: "{primitive.color.gray.200}" },
+          "bg-active": { $type: "color", $value: "{primitive.color.gray.300}" },
+          text: { $type: "color", $value: "{primitive.color.gray.1200}" },
+          border: {
+            $type: "color",
+            $value: "{primitive.color.alpha-black.10}"
+          }
+        },
+        // Destructive button (red filled) - Figma: #e53935
+        destructive: {
+          bg: { $type: "color", $value: "{primitive.color.red.500}" },
+          "bg-hover": { $type: "color", $value: "{primitive.color.red.600}" },
+          "bg-active": { $type: "color", $value: "{primitive.color.red.700}" },
+          text: { $type: "color", $value: "{primitive.color.white}" }
+        },
+        // Outline button (bordered, transparent)
+        outline: {
+          bg: { $type: "color", $value: "transparent" },
+          "bg-hover": {
+            $type: "color",
+            $value: "{primitive.color.alpha-black.5}"
+          },
+          "bg-active": {
+            $type: "color",
+            $value: "{primitive.color.alpha-black.10}"
+          },
+          text: { $type: "color", $value: "{primitive.color.gray.1200}" },
+          border: { $type: "color", $value: "{primitive.color.gray.300}" },
+          "border-hover": {
+            $type: "color",
+            $value: "{primitive.color.gray.400}"
+          }
+        },
+        // Ghost button (transparent, subtle hover)
+        ghost: {
+          bg: { $type: "color", $value: "transparent" },
+          "bg-hover": {
+            $type: "color",
+            $value: "{primitive.color.alpha-black.5}"
+          },
+          "bg-active": {
+            $type: "color",
+            $value: "{primitive.color.alpha-black.10}"
+          },
+          text: { $type: "color", $value: "{primitive.color.gray.1200}" }
+        },
+        // Link button (text only, underline on hover)
+        link: {
+          bg: { $type: "color", $value: "transparent" },
+          "bg-hover": { $type: "color", $value: "transparent" },
+          "bg-active": { $type: "color", $value: "transparent" },
+          text: { $type: "color", $value: "{primitive.color.gray.1200}" },
+          "text-hover": {
+            $type: "color",
+            $value: "{primitive.color.gray.700}"
+          }
+        }
+      },
+      // Tooltip tokens (color-tooltip-*)
+      // Inverted color scheme for tooltip overlays
+      tooltip: {
+        bg: { $type: "color", $value: "{primitive.color.gray.1000}" },
+        text: { $type: "color", $value: "{semantic.color.text.inverted}" }
+      },
+      // Overlay tokens (color-overlay-*)
+      // Shared by popover, modal, dropdown, menu (light background, spacious)
+      overlay: {
+        background: {
+          $type: "color",
+          $value: "{semantic.color.card.background}",
+          $description: "Overlay background color (light)"
+        },
+        border: {
+          $type: "color",
+          $value: "{semantic.color.border.subtle}",
+          $description: "Overlay border color"
+        },
+        text: {
+          $type: "color",
+          $value: "{semantic.color.text.primary}",
+          $description: "Overlay primary text color"
+        },
+        "text-muted": {
+          $type: "color",
+          $value: "{semantic.color.text.muted}",
+          $description: "Overlay muted text color"
+        }
+      },
+      // UI tokens (color-ui-*)
+      ui: {
+        "button-primary-bg": {
+          $type: "color",
+          $value: "{primitive.color.indigo.v400}"
+        },
+        "control-background": {
+          $type: "color",
+          $value: "{primitive.color.white}"
+        },
+        "control-background-hover": {
+          $type: "color",
+          $value: "{primitive.color.gray.100}"
+        },
+        "control-background-disabled": {
+          $type: "color",
+          $value: "{primitive.color.gray.200}"
+        },
+        "color-focus": {
+          $type: "color",
+          $value: "{primitive.color.alpha-black.10}"
+        },
+        "color-border": {
+          $type: "color",
+          $value: "{primitive.color.alpha-black.10}"
+        },
+        "color-border-active": {
+          $type: "color",
+          $value: "{primitive.color.brown.1000}"
+        },
+        "error-color": { $type: "color", $value: "{primitive.color.red.300}" },
+        "accent-base": {
+          $type: "color",
+          $value: "{primitive.color.indigo.v300}"
+        },
+        "accent-base-2": {
+          $type: "color",
+          $value: "{primitive.color.blue.v200}"
+        },
+        "accent-base-3": {
+          $type: "color",
+          $value: "{primitive.color.indigo.v300}"
+        },
+        // Menu/dropdown item tokens
+        "menu-item-bg": {
+          $type: "color",
+          $value: "{primitive.color.white}"
+        },
+        "menu-item-bg-hover": {
+          $type: "color",
+          $value: "{primitive.color.indigo.25}"
+        },
+        "menu-item-bg-selected": {
+          $type: "color",
+          $value: "{primitive.color.indigo.35}"
+        },
+        "menu-item-text": {
+          $type: "color",
+          $value: "{primitive.color.gray.1000}"
+        },
+        "menu-item-text-selected": {
+          $type: "color",
+          $value: "{primitive.color.blue.v250}"
+        }
+      }
+    }
+  }
+};
+export {
+  o as baseColorTokens
+};
+//# sourceMappingURL=base.js.map

package/dist/packages/tokens/dist/semantic/color/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../tokens/dist/semantic/color/base.js"],"sourcesContent":["/**\n * Base Semantic Color Tokens\n *\n * Matches Figma \"Color\" collection - Default mode.\n * Theme variants (dark, civic, institution, etc.) extend these with partial overrides.\n */\nexport const baseColorTokens = {\n    semantic: {\n        color: {\n            $extensions: {\n                \"nds.theme\": {\n                    category: \"color\",\n                    name: \"base\",\n                },\n                \"nds.figmaSync\": {\n                    collectionKey: \"92aacd2e50c6b60494d54a525fd64c6727d58905\",\n                    collectionName: \"Color\",\n                    modeMapping: { modeName: \"Default\" },\n                },\n            },\n            // Background tokens (color-bg-*)\n            bg: {\n                page: { $type: \"color\", $value: \"{primitive.color.gray.50}\" },\n                section: { $type: \"color\", $value: \"{primitive.color.gray.100}\" },\n                \"section-secondary\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.gray.200}\",\n                },\n                \"section-tertiary\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.gray.1000}\",\n                },\n                muted: { $type: \"color\", $value: \"{primitive.color.white}\" },\n            },\n            // Card token (color-card-*)\n            card: {\n                background: { $type: \"color\", $value: \"{primitive.color.white}\" },\n            },\n            // Text tokens (color-text-*)\n            text: {\n                primary: { $type: \"color\", $value: \"{primitive.color.gray.1100}\" },\n                secondary: { $type: \"color\", $value: \"{primitive.color.gray.800}\" },\n                muted: { $type: \"color\", $value: \"{primitive.color.gray.600}\" },\n                inverted: { $type: \"color\", $value: \"{primitive.color.gray.100}\" },\n                link: { $type: \"color\", $value: \"{primitive.color.gray.1100}\" },\n                \"link-hover\": { $type: \"color\", $value: \"{primitive.color.gray.700}\" },\n            },\n            // Accent tokens (color-accent-*)\n            accent: {\n                brand: { $type: \"color\", $value: \"{primitive.color.indigo.v400}\" },\n                \"brand-soft\": { $type: \"color\", $value: \"{primitive.color.ember.100}\" },\n            },\n            // Border tokens (color-border-*)\n            border: {\n                subtle: { $type: \"color\", $value: \"{primitive.color.alpha-black.10}\" },\n                strong: { $type: \"color\", $value: \"{primitive.color.alpha-black.20}\" },\n                focus: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.alpha-black.40}\",\n                },\n                divider: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.alpha-black.10}\",\n                },\n            },\n            // Button tokens (color-button-*)\n            // Matches Figma Button component variants\n            button: {\n                // Primary button (blue filled) - Figma: #4186de\n                primary: {\n                    bg: { $type: \"color\", $value: \"{primitive.color.blue.500}\" },\n                    \"bg-hover\": { $type: \"color\", $value: \"{primitive.color.blue.600}\" },\n                    \"bg-active\": { $type: \"color\", $value: \"{primitive.color.blue.700}\" },\n                    text: { $type: \"color\", $value: \"{primitive.color.white}\" },\n                },\n                // Default button (dark filled) - Figma: #141414\n                default: {\n                    bg: { $type: \"color\", $value: \"{primitive.color.gray.1200}\" },\n                    \"bg-hover\": { $type: \"color\", $value: \"{primitive.color.gray.1100}\" },\n                    \"bg-active\": {\n                        $type: \"color\",\n                        $value: \"{primitive.color.gray.1000}\",\n                    },\n                    text: { $type: \"color\", $value: \"{primitive.color.gray.50}\" },\n                },\n                // Secondary button (light gray filled) - Figma: #f5f5f5\n                secondary: {\n                    bg: { $type: \"color\", $value: \"{primitive.color.gray.100}\" },\n                    \"bg-hover\": { $type: \"color\", $value: \"{primitive.color.gray.200}\" },\n                    \"bg-active\": { $type: \"color\", $value: \"{primitive.color.gray.300}\" },\n                    text: { $type: \"color\", $value: \"{primitive.color.gray.1200}\" },\n                    border: {\n                        $type: \"color\",\n                        $value: \"{primitive.color.alpha-black.10}\",\n                    },\n                },\n                // Destructive button (red filled) - Figma: #e53935\n                destructive: {\n                    bg: { $type: \"color\", $value: \"{primitive.color.red.500}\" },\n                    \"bg-hover\": { $type: \"color\", $value: \"{primitive.color.red.600}\" },\n                    \"bg-active\": { $type: \"color\", $value: \"{primitive.color.red.700}\" },\n                    text: { $type: \"color\", $value: \"{primitive.color.white}\" },\n                },\n                // Outline button (bordered, transparent)\n                outline: {\n                    bg: { $type: \"color\", $value: \"transparent\" },\n                    \"bg-hover\": {\n                        $type: \"color\",\n                        $value: \"{primitive.color.alpha-black.5}\",\n                    },\n                    \"bg-active\": {\n                        $type: \"color\",\n                        $value: \"{primitive.color.alpha-black.10}\",\n                    },\n                    text: { $type: \"color\", $value: \"{primitive.color.gray.1200}\" },\n                    border: { $type: \"color\", $value: \"{primitive.color.gray.300}\" },\n                    \"border-hover\": {\n                        $type: \"color\",\n                        $value: \"{primitive.color.gray.400}\",\n                    },\n                },\n                // Ghost button (transparent, subtle hover)\n                ghost: {\n                    bg: { $type: \"color\", $value: \"transparent\" },\n                    \"bg-hover\": {\n                        $type: \"color\",\n                        $value: \"{primitive.color.alpha-black.5}\",\n                    },\n                    \"bg-active\": {\n                        $type: \"color\",\n                        $value: \"{primitive.color.alpha-black.10}\",\n                    },\n                    text: { $type: \"color\", $value: \"{primitive.color.gray.1200}\" },\n                },\n                // Link button (text only, underline on hover)\n                link: {\n                    bg: { $type: \"color\", $value: \"transparent\" },\n                    \"bg-hover\": { $type: \"color\", $value: \"transparent\" },\n                    \"bg-active\": { $type: \"color\", $value: \"transparent\" },\n                    text: { $type: \"color\", $value: \"{primitive.color.gray.1200}\" },\n                    \"text-hover\": {\n                        $type: \"color\",\n                        $value: \"{primitive.color.gray.700}\",\n                    },\n                },\n            },\n            // Tooltip tokens (color-tooltip-*)\n            // Inverted color scheme for tooltip overlays\n            tooltip: {\n                bg: { $type: \"color\", $value: \"{primitive.color.gray.1000}\" },\n                text: { $type: \"color\", $value: \"{semantic.color.text.inverted}\" },\n            },\n            // Overlay tokens (color-overlay-*)\n            // Shared by popover, modal, dropdown, menu (light background, spacious)\n            overlay: {\n                background: {\n                    $type: \"color\",\n                    $value: \"{semantic.color.card.background}\",\n                    $description: \"Overlay background color (light)\",\n                },\n                border: {\n                    $type: \"color\",\n                    $value: \"{semantic.color.border.subtle}\",\n                    $description: \"Overlay border color\",\n                },\n                text: {\n                    $type: \"color\",\n                    $value: \"{semantic.color.text.primary}\",\n                    $description: \"Overlay primary text color\",\n                },\n                \"text-muted\": {\n                    $type: \"color\",\n                    $value: \"{semantic.color.text.muted}\",\n                    $description: \"Overlay muted text color\",\n                },\n            },\n            // UI tokens (color-ui-*)\n            ui: {\n                \"button-primary-bg\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.indigo.v400}\",\n                },\n                \"control-background\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.white}\",\n                },\n                \"control-background-hover\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.gray.100}\",\n                },\n                \"control-background-disabled\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.gray.200}\",\n                },\n                \"color-focus\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.alpha-black.10}\",\n                },\n                \"color-border\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.alpha-black.10}\",\n                },\n                \"color-border-active\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.1000}\",\n                },\n                \"error-color\": { $type: \"color\", $value: \"{primitive.color.red.300}\" },\n                \"accent-base\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.indigo.v300}\",\n                },\n                \"accent-base-2\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.blue.v200}\",\n                },\n                \"accent-base-3\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.indigo.v300}\",\n                },\n                // Menu/dropdown item tokens\n                \"menu-item-bg\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.white}\",\n                },\n                \"menu-item-bg-hover\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.indigo.25}\",\n                },\n                \"menu-item-bg-selected\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.indigo.35}\",\n                },\n                \"menu-item-text\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.gray.1000}\",\n                },\n                \"menu-item-text-selected\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.blue.v250}\",\n                },\n            },\n        },\n    },\n};\n//# sourceMappingURL=base.js.map"],"names":["baseColorTokens"],"mappings":"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"}

package/dist/packages/tokens/dist/semantic/color/bop.js

@@ -0,0 +1,47 @@
+import { srgb as e } from "../../utils.js";
+const o = {
+  semantic: {
+    color: {
+      $extensions: {
+        "nds.theme": {
+          category: "color",
+          name: "bop",
+          extends: "base"
+        }
+      },
+      bg: {
+        page: e("#FEFDF9"),
+        section: e("#F5F4EF"),
+        muted: e("#FEFDF9")
+      },
+      card: {
+        background: e("#8A6F42")
+      },
+      text: {
+        primary: e("#111326"),
+        secondary: e("#111326"),
+        muted: e("#A68B5E"),
+        inverted: e("#FEFDF9")
+      },
+      accent: {
+        brand: e("#A68B5E"),
+        "brand-soft": e("#C4A870")
+      },
+      border: {
+        subtle: e("#26284B", 0.1),
+        strong: e("#26284B", 0.2),
+        divider: e("#26284B", 0.1)
+      },
+      button: {
+        "primary-bg-hover": e("#26284B")
+      },
+      ui: {
+        "button-primary-bg": e("#111326")
+      }
+    }
+  }
+};
+export {
+  o as bopColorTokens
+};
+//# sourceMappingURL=bop.js.map

package/dist/packages/tokens/dist/semantic/color/bop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bop.js","sources":["../../../../../../../tokens/dist/semantic/color/bop.js"],"sourcesContent":["import { srgb } from \"../../utils\";\n/**\n * Board of Peace (BoP) Theme Color Tokens\n *\n * A refined, institutional theme with warm ivory backgrounds,\n * deep navy text, and polished gold accents.\n *\n * NOTE: This theme uses inline hex values intentionally. These are brand-specific\n * colors from the BoP design system that don't map to our standard primitive palette.\n * The unique ivory, gold, and navy tones are central to the BoP brand identity.\n *\n * Design colors from Figma:\n * - Ivory: #FEFDF9 (page background)\n * - Sand: #F5F4EF (section background)\n * - Port: #111326 (primary text)\n * - Polished Gold: #A68B5E (accent/muted text)\n */\nexport const bopColorTokens = {\n    semantic: {\n        color: {\n            $extensions: {\n                \"nds.theme\": {\n                    category: \"color\",\n                    name: \"bop\",\n                    extends: \"base\",\n                },\n            },\n            bg: {\n                page: srgb(\"#FEFDF9\"),\n                section: srgb(\"#F5F4EF\"),\n                muted: srgb(\"#FEFDF9\"),\n            },\n            card: {\n                background: srgb(\"#8A6F42\"),\n            },\n            text: {\n                primary: srgb(\"#111326\"),\n                secondary: srgb(\"#111326\"),\n                muted: srgb(\"#A68B5E\"),\n                inverted: srgb(\"#FEFDF9\"),\n            },\n            accent: {\n                brand: srgb(\"#A68B5E\"),\n                \"brand-soft\": srgb(\"#C4A870\"),\n            },\n            border: {\n                subtle: srgb(\"#26284B\", 0.1),\n                strong: srgb(\"#26284B\", 0.2),\n                divider: srgb(\"#26284B\", 0.1),\n            },\n            button: {\n                \"primary-bg-hover\": srgb(\"#26284B\"),\n            },\n            ui: {\n                \"button-primary-bg\": srgb(\"#111326\"),\n            },\n        },\n    },\n};\n//# sourceMappingURL=bop.js.map"],"names":["bopColorTokens","srgb"],"mappings":";AAiBY,MAACA,IAAiB;AAAA,EAC1B,UAAU;AAAA,IACN,OAAO;AAAA,MACH,aAAa;AAAA,QACT,aAAa;AAAA,UACT,UAAU;AAAA,UACV,MAAM;AAAA,UACN,SAAS;AAAA,QAC7B;AAAA,MACA;AAAA,MACY,IAAI;AAAA,QACA,MAAMC,EAAK,SAAS;AAAA,QACpB,SAASA,EAAK,SAAS;AAAA,QACvB,OAAOA,EAAK,SAAS;AAAA,MACrC;AAAA,MACY,MAAM;AAAA,QACF,YAAYA,EAAK,SAAS;AAAA,MAC1C;AAAA,MACY,MAAM;AAAA,QACF,SAASA,EAAK,SAAS;AAAA,QACvB,WAAWA,EAAK,SAAS;AAAA,QACzB,OAAOA,EAAK,SAAS;AAAA,QACrB,UAAUA,EAAK,SAAS;AAAA,MACxC;AAAA,MACY,QAAQ;AAAA,QACJ,OAAOA,EAAK,SAAS;AAAA,QACrB,cAAcA,EAAK,SAAS;AAAA,MAC5C;AAAA,MACY,QAAQ;AAAA,QACJ,QAAQA,EAAK,WAAW,GAAG;AAAA,QAC3B,QAAQA,EAAK,WAAW,GAAG;AAAA,QAC3B,SAASA,EAAK,WAAW,GAAG;AAAA,MAC5C;AAAA,MACY,QAAQ;AAAA,QACJ,oBAAoBA,EAAK,SAAS;AAAA,MAClD;AAAA,MACY,IAAI;AAAA,QACA,qBAAqBA,EAAK,SAAS;AAAA,MACnD;AAAA,IACA;AAAA,EACA;AACA;"}

package/dist/packages/tokens/dist/semantic/color/civic.js

@@ -0,0 +1,50 @@
+const e = {
+  semantic: {
+    color: {
+      $extensions: {
+        "nds.theme": {
+          category: "color",
+          name: "civic",
+          extends: "base"
+        },
+        "nds.figmaSync": {
+          collectionKey: "29f4d62156d027717b2f2a80e95002ed749bdd38",
+          collectionName: "Civic",
+          extendsCollectionKey: "92aacd2e50c6b60494d54a525fd64c6727d58905",
+          modeMapping: { modeName: "Default" }
+        }
+      },
+      bg: {
+        page: { $type: "color", $value: "{primitive.color.white}" }
+      },
+      accent: {
+        brand: { $type: "color", $value: "{primitive.color.red.900}" }
+      },
+      button: {
+        primary: {
+          bg: { $type: "color", $value: "{primitive.color.red.900}" },
+          "bg-hover": { $type: "color", $value: "{primitive.color.red.800}" }
+        },
+        "primary-outline": {
+          text: { $type: "color", $value: "{primitive.color.red.900}" },
+          "text-hover": { $type: "color", $value: "{primitive.color.red.800}" },
+          border: { $type: "color", $value: "{primitive.color.red.900}" },
+          "border-hover": {
+            $type: "color",
+            $value: "{primitive.color.red.800}"
+          }
+        }
+      },
+      ui: {
+        "button-primary-bg": {
+          $type: "color",
+          $value: "{primitive.color.red.900}"
+        }
+      }
+    }
+  }
+};
+export {
+  e as civicColorTokens
+};
+//# sourceMappingURL=civic.js.map

package/dist/packages/tokens/dist/semantic/color/civic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"civic.js","sources":["../../../../../../../tokens/dist/semantic/color/civic.js"],"sourcesContent":["/**\n * Civic Theme Color Overrides\n *\n * Matches Figma \"Civic\" collection - extends Color.\n * Civic theme with red accents for government/public sector applications.\n * Only tokens that differ from base are defined.\n */\nexport const civicColorTokens = {\n    semantic: {\n        color: {\n            $extensions: {\n                \"nds.theme\": {\n                    category: \"color\",\n                    name: \"civic\",\n                    extends: \"base\",\n                },\n                \"nds.figmaSync\": {\n                    collectionKey: \"29f4d62156d027717b2f2a80e95002ed749bdd38\",\n                    collectionName: \"Civic\",\n                    extendsCollectionKey: \"92aacd2e50c6b60494d54a525fd64c6727d58905\",\n                    modeMapping: { modeName: \"Default\" },\n                },\n            },\n            bg: {\n                page: { $type: \"color\", $value: \"{primitive.color.white}\" },\n            },\n            accent: {\n                brand: { $type: \"color\", $value: \"{primitive.color.red.900}\" },\n            },\n            button: {\n                primary: {\n                    bg: { $type: \"color\", $value: \"{primitive.color.red.900}\" },\n                    \"bg-hover\": { $type: \"color\", $value: \"{primitive.color.red.800}\" },\n                },\n                \"primary-outline\": {\n                    text: { $type: \"color\", $value: \"{primitive.color.red.900}\" },\n                    \"text-hover\": { $type: \"color\", $value: \"{primitive.color.red.800}\" },\n                    border: { $type: \"color\", $value: \"{primitive.color.red.900}\" },\n                    \"border-hover\": {\n                        $type: \"color\",\n                        $value: \"{primitive.color.red.800}\",\n                    },\n                },\n            },\n            ui: {\n                \"button-primary-bg\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.red.900}\",\n                },\n            },\n        },\n    },\n};\n//# sourceMappingURL=civic.js.map"],"names":["civicColorTokens"],"mappings":"AAOY,MAACA,IAAmB;AAAA,EAC5B,UAAU;AAAA,IACN,OAAO;AAAA,MACH,aAAa;AAAA,QACT,aAAa;AAAA,UACT,UAAU;AAAA,UACV,MAAM;AAAA,UACN,SAAS;AAAA,QAC7B;AAAA,QACgB,iBAAiB;AAAA,UACb,eAAe;AAAA,UACf,gBAAgB;AAAA,UAChB,sBAAsB;AAAA,UACtB,aAAa,EAAE,UAAU,UAAS;AAAA,QACtD;AAAA,MACA;AAAA,MACY,IAAI;AAAA,QACA,MAAM,EAAE,OAAO,SAAS,QAAQ,0BAAyB;AAAA,MACzE;AAAA,MACY,QAAQ;AAAA,QACJ,OAAO,EAAE,OAAO,SAAS,QAAQ,4BAA2B;AAAA,MAC5E;AAAA,MACY,QAAQ;AAAA,QACJ,SAAS;AAAA,UACL,IAAI,EAAE,OAAO,SAAS,QAAQ,4BAA2B;AAAA,UACzD,YAAY,EAAE,OAAO,SAAS,QAAQ,4BAA2B;AAAA,QACrF;AAAA,QACgB,mBAAmB;AAAA,UACf,MAAM,EAAE,OAAO,SAAS,QAAQ,4BAA2B;AAAA,UAC3D,cAAc,EAAE,OAAO,SAAS,QAAQ,4BAA2B;AAAA,UACnE,QAAQ,EAAE,OAAO,SAAS,QAAQ,4BAA2B;AAAA,UAC7D,gBAAgB;AAAA,YACZ,OAAO;AAAA,YACP,QAAQ;AAAA,UAChC;AAAA,QACA;AAAA,MACA;AAAA,MACY,IAAI;AAAA,QACA,qBAAqB;AAAA,UACjB,OAAO;AAAA,UACP,QAAQ;AAAA,QAC5B;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;"}