@nationaldesignstudio/react 0.3.0 → 0.5.1

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

@@ -0,0 +1,155 @@
+const o = {
+  semantic: {
+    color: {
+      $extensions: {
+        "nds.theme": {
+          category: "color",
+          name: "recreation",
+          extends: "base"
+        },
+        "nds.figmaSync": {
+          collectionKey: "cf9e75990b12bf4551bf2b165ec51e5ce594fecf",
+          collectionName: "Recreation",
+          extendsCollectionKey: "92aacd2e50c6b60494d54a525fd64c6727d58905",
+          modeMapping: { modeName: "Default" }
+        }
+      },
+      // Warm beige backgrounds
+      bg: {
+        page: {
+          $type: "color",
+          $value: "{primitive.color.brown.50}"
+        },
+        section: {
+          $type: "color",
+          $value: "{primitive.color.brown.100}"
+        },
+        "section-secondary": {
+          $type: "color",
+          $value: "{primitive.color.brown.200}"
+        },
+        "section-tertiary": {
+          $type: "color",
+          $value: "{primitive.color.brown.900}"
+        },
+        muted: {
+          $type: "color",
+          $value: "{primitive.color.white}"
+        }
+      },
+      card: {
+        background: {
+          $type: "color",
+          $value: "{primitive.color.white}"
+        }
+      },
+      // Text colors with warm tint
+      text: {
+        primary: {
+          $type: "color",
+          $value: "{primitive.color.brown.1100}"
+        },
+        secondary: {
+          $type: "color",
+          $value: "{primitive.color.brown.700}"
+        },
+        muted: {
+          $type: "color",
+          $value: "{primitive.color.brown.500}"
+        },
+        inverted: {
+          $type: "color",
+          $value: "{primitive.color.brown.50}"
+        },
+        link: {
+          $type: "color",
+          $value: "{primitive.color.brown.600}"
+        },
+        "link-hover": {
+          $type: "color",
+          $value: "{primitive.color.brown.800}"
+        }
+      },
+      // Earthy brown accents
+      accent: {
+        brand: {
+          $type: "color",
+          $value: "{primitive.color.brown.600}"
+        },
+        "brand-soft": {
+          $type: "color",
+          $value: "{primitive.color.brown.100}"
+        }
+      },
+      // Borders
+      border: {
+        subtle: {
+          $type: "color",
+          $value: "{primitive.color.alpha-black.10}"
+        },
+        strong: {
+          $type: "color",
+          $value: "{primitive.color.alpha-black.20}"
+        },
+        focus: {
+          $type: "color",
+          $value: "{semantic.color.accent.brand}"
+        },
+        divider: {
+          $type: "color",
+          $value: "{primitive.color.alpha-black.10}"
+        }
+      },
+      // Button colors
+      button: {
+        "primary-bg-hover": {
+          $type: "color",
+          $value: "{primitive.color.brown.700}"
+        },
+        "secondary-bg": {
+          $type: "color",
+          $value: "{primitive.color.white}"
+        },
+        "secondary-bg-hover": {
+          $type: "color",
+          $value: "{primitive.color.brown.100}"
+        }
+      },
+      // UI colors
+      ui: {
+        "button-primary-bg": {
+          $type: "color",
+          $value: "{primitive.color.brown.600}"
+        },
+        "control-background": {
+          $type: "color",
+          $value: "{primitive.color.white}"
+        },
+        "control-background-hover": {
+          $type: "color",
+          $value: "{primitive.color.brown.100}"
+        },
+        "control-background-disabled": {
+          $type: "color",
+          $value: "{primitive.color.brown.200}"
+        },
+        "color-focus": {
+          $type: "color",
+          $value: "{primitive.color.alpha-black.10}"
+        },
+        "color-border": {
+          $type: "color",
+          $value: "{primitive.color.alpha-black.20}"
+        },
+        "color-border-active": {
+          $type: "color",
+          $value: "{primitive.color.brown.600}"
+        }
+      }
+    }
+  }
+};
+export {
+  o as recreationColorTokens
+};
+//# sourceMappingURL=recreation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"recreation.js","sources":["../../../../../../../tokens/dist/semantic/color/recreation.js"],"sourcesContent":["/**\n * Recreation Theme Color Overrides\n *\n * Warm brown/beige palette with earthy tones.\n * Inviting aesthetic for recreational and lifestyle content.\n *\n * References primitive color tokens for consistency.\n */\nexport const recreationColorTokens = {\n    semantic: {\n        color: {\n            $extensions: {\n                \"nds.theme\": {\n                    category: \"color\",\n                    name: \"recreation\",\n                    extends: \"base\",\n                },\n                \"nds.figmaSync\": {\n                    collectionKey: \"cf9e75990b12bf4551bf2b165ec51e5ce594fecf\",\n                    collectionName: \"Recreation\",\n                    extendsCollectionKey: \"92aacd2e50c6b60494d54a525fd64c6727d58905\",\n                    modeMapping: { modeName: \"Default\" },\n                },\n            },\n            // Warm beige backgrounds\n            bg: {\n                page: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.50}\",\n                },\n                section: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.100}\",\n                },\n                \"section-secondary\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.200}\",\n                },\n                \"section-tertiary\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.900}\",\n                },\n                muted: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.white}\",\n                },\n            },\n            card: {\n                background: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.white}\",\n                },\n            },\n            // Text colors with warm tint\n            text: {\n                primary: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.1100}\",\n                },\n                secondary: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.700}\",\n                },\n                muted: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.500}\",\n                },\n                inverted: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.50}\",\n                },\n                link: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.600}\",\n                },\n                \"link-hover\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.800}\",\n                },\n            },\n            // Earthy brown accents\n            accent: {\n                brand: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.600}\",\n                },\n                \"brand-soft\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.100}\",\n                },\n            },\n            // Borders\n            border: {\n                subtle: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.alpha-black.10}\",\n                },\n                strong: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.alpha-black.20}\",\n                },\n                focus: {\n                    $type: \"color\",\n                    $value: \"{semantic.color.accent.brand}\",\n                },\n                divider: {\n                    $type: \"color\",\n                    $value: \"{primitive.color.alpha-black.10}\",\n                },\n            },\n            // Button colors\n            button: {\n                \"primary-bg-hover\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.700}\",\n                },\n                \"secondary-bg\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.white}\",\n                },\n                \"secondary-bg-hover\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.100}\",\n                },\n            },\n            // UI colors\n            ui: {\n                \"button-primary-bg\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.600}\",\n                },\n                \"control-background\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.white}\",\n                },\n                \"control-background-hover\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.100}\",\n                },\n                \"control-background-disabled\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.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.20}\",\n                },\n                \"color-border-active\": {\n                    $type: \"color\",\n                    $value: \"{primitive.color.brown.600}\",\n                },\n            },\n        },\n    },\n};\n//# sourceMappingURL=recreation.js.map"],"names":["recreationColorTokens"],"mappings":"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"}