@neuravision/construct 2.0.3 → 2.1.2

package/tokens/semantic.dark.json

@@ -0,0 +1,94 @@
+{
+  "color": {
+    "brand": {
+      "primary": "{color.stone.100}",
+      "primaryHover": "{color.stone.0}",
+      "primaryActive": "{color.stone.200}",
+      "accent": "{color.orange.400}",
+      "accentHover": "{color.orange.300}",
+      "accentActive": "{color.orange.500}",
+      "accentStrong": "{color.orange.400}",
+      "onAccent": "{color.stone.950}"
+    },
+    "text": {
+      "primary": "{color.stone.0}",
+      "secondary": "{color.stone.200}",
+      "muted": "{color.stone.300}",
+      "inverse": "{color.stone.0}",
+      "onPrimary": "{color.stone.950}"
+    },
+    "background": {
+      "canvas": "{color.stone.950}",
+      "surface": "{color.stone.800}",
+      "elevated": "{color.stone.700}",
+      "muted": "{color.stone.900}"
+    },
+    "border": {
+      "subtle": "{color.stone.600}",
+      "default": "{color.stone.400}",
+      "strong": "{color.stone.300}"
+    },
+    "state": {
+      "info": "{color.ocean.300}",
+      "success": "{color.green.300}",
+      "warning": "{color.amber.300}",
+      "danger": "{color.red.300}",
+      "onSolid": "{color.stone.950}"
+    },
+    "stateSurface": {
+      "info": "{color.ocean.900}",
+      "success": "{color.green.900}",
+      "warning": "{color.amber.900}",
+      "danger": "{color.red.900}"
+    },
+    "stateBorder": {
+      "info": "{color.ocean.700}",
+      "success": "{color.green.700}",
+      "warning": "{color.amber.700}",
+      "danger": "{color.red.700}"
+    },
+    "stateText": {
+      "info": "{color.ocean.200}",
+      "success": "{color.green.200}",
+      "warning": "{color.amber.200}",
+      "danger": "{color.red.100}"
+    },
+    "overlay": {
+      "scrim": "rgba(8, 6, 4, 0.72)"
+    },
+    "focus": {
+      "ring": "{color.orange.400}"
+    },
+    "avatarSeed": {
+      "1Bg": "{color.ocean.800}",
+      "1Fg": "{color.ocean.200}",
+      "2Bg": "{color.teal.800}",
+      "2Fg": "{color.teal.200}",
+      "3Bg": "{color.amber.800}",
+      "3Fg": "{color.amber.200}",
+      "4Bg": "{color.red.800}",
+      "4Fg": "{color.red.200}",
+      "5Bg": "{color.green.800}",
+      "5Fg": "{color.green.200}",
+      "6Bg": "{color.purple.800}",
+      "6Fg": "{color.purple.200}",
+      "7Bg": "{color.pink.800}",
+      "7Fg": "{color.pink.200}",
+      "8Bg": "{color.stone.700}",
+      "8Fg": "{color.stone.200}"
+    },
+    "chartSeries": {
+      "1": "{color.ocean.300}",
+      "2": "{color.amber.300}",
+      "3": "{color.green.300}",
+      "4": "{color.purple.300}",
+      "5": "{color.pink.300}",
+      "6": "{color.teal.300}",
+      "7": "{color.red.300}",
+      "8": "{color.stone.300}"
+    }
+  },
+  "theme": {
+    "colorScheme": "dark"
+  }
+}

package/tokens/semantic.high-contrast-dark.json

@@ -0,0 +1,94 @@
+{
+  "color": {
+    "brand": {
+      "primary": "{color.stone.0}",
+      "primaryHover": "{color.stone.100}",
+      "primaryActive": "{color.stone.200}",
+      "accent": "{color.orange.300}",
+      "accentHover": "{color.orange.200}",
+      "accentActive": "{color.orange.400}",
+      "accentStrong": "{color.orange.300}",
+      "onAccent": "{color.stone.950}"
+    },
+    "text": {
+      "primary": "{color.stone.0}",
+      "secondary": "{color.stone.100}",
+      "muted": "{color.stone.200}",
+      "inverse": "{color.stone.950}",
+      "onPrimary": "{color.stone.950}"
+    },
+    "background": {
+      "canvas": "{color.stone.950}",
+      "surface": "{color.stone.950}",
+      "elevated": "{color.stone.900}",
+      "muted": "{color.stone.800}"
+    },
+    "border": {
+      "subtle": "{color.stone.500}",
+      "default": "{color.stone.300}",
+      "strong": "{color.stone.0}"
+    },
+    "state": {
+      "info": "{color.ocean.200}",
+      "success": "{color.green.200}",
+      "warning": "{color.amber.200}",
+      "danger": "{color.red.200}",
+      "onSolid": "{color.stone.950}"
+    },
+    "stateSurface": {
+      "info": "{color.ocean.900}",
+      "success": "{color.green.900}",
+      "warning": "{color.amber.900}",
+      "danger": "{color.red.900}"
+    },
+    "stateBorder": {
+      "info": "{color.ocean.300}",
+      "success": "{color.green.300}",
+      "warning": "{color.amber.300}",
+      "danger": "{color.red.300}"
+    },
+    "stateText": {
+      "info": "{color.ocean.100}",
+      "success": "{color.green.100}",
+      "warning": "{color.amber.100}",
+      "danger": "{color.red.100}"
+    },
+    "overlay": {
+      "scrim": "rgba(0, 0, 0, 0.82)"
+    },
+    "focus": {
+      "ring": "{color.orange.300}"
+    },
+    "avatarSeed": {
+      "1Bg": "{color.ocean.900}",
+      "1Fg": "{color.ocean.100}",
+      "2Bg": "{color.teal.900}",
+      "2Fg": "{color.teal.100}",
+      "3Bg": "{color.amber.900}",
+      "3Fg": "{color.amber.100}",
+      "4Bg": "{color.red.900}",
+      "4Fg": "{color.red.100}",
+      "5Bg": "{color.green.900}",
+      "5Fg": "{color.green.100}",
+      "6Bg": "{color.purple.900}",
+      "6Fg": "{color.purple.100}",
+      "7Bg": "{color.pink.900}",
+      "7Fg": "{color.pink.100}",
+      "8Bg": "{color.stone.800}",
+      "8Fg": "{color.stone.100}"
+    },
+    "chartSeries": {
+      "1": "{color.ocean.200}",
+      "2": "{color.amber.200}",
+      "3": "{color.green.200}",
+      "4": "{color.purple.200}",
+      "5": "{color.pink.200}",
+      "6": "{color.teal.200}",
+      "7": "{color.red.200}",
+      "8": "{color.stone.200}"
+    }
+  },
+  "theme": {
+    "colorScheme": "dark"
+  }
+}

package/tokens/semantic.high-contrast.json

@@ -0,0 +1,94 @@
+{
+  "color": {
+    "brand": {
+      "primary": "{color.stone.950}",
+      "primaryHover": "{color.stone.900}",
+      "primaryActive": "{color.stone.800}",
+      "accent": "{color.orange.700}",
+      "accentHover": "{color.orange.800}",
+      "accentActive": "{color.orange.900}",
+      "accentStrong": "{color.orange.800}",
+      "onAccent": "{color.stone.0}"
+    },
+    "text": {
+      "primary": "{color.stone.950}",
+      "secondary": "{color.stone.800}",
+      "muted": "{color.stone.700}",
+      "inverse": "{color.stone.0}",
+      "onPrimary": "{color.stone.0}"
+    },
+    "background": {
+      "canvas": "{color.stone.0}",
+      "surface": "{color.stone.0}",
+      "elevated": "{color.stone.0}",
+      "muted": "{color.stone.200}"
+    },
+    "border": {
+      "subtle": "{color.stone.500}",
+      "default": "{color.stone.700}",
+      "strong": "{color.stone.950}"
+    },
+    "state": {
+      "info": "{color.ocean.800}",
+      "success": "{color.green.700}",
+      "warning": "{color.amber.700}",
+      "danger": "{color.red.700}",
+      "onSolid": "{color.stone.0}"
+    },
+    "stateSurface": {
+      "info": "{color.ocean.100}",
+      "success": "{color.green.100}",
+      "warning": "{color.amber.100}",
+      "danger": "{color.red.100}"
+    },
+    "stateBorder": {
+      "info": "{color.ocean.700}",
+      "success": "{color.green.700}",
+      "warning": "{color.amber.700}",
+      "danger": "{color.red.700}"
+    },
+    "stateText": {
+      "info": "{color.ocean.800}",
+      "success": "{color.green.800}",
+      "warning": "{color.amber.800}",
+      "danger": "{color.red.800}"
+    },
+    "overlay": {
+      "scrim": "rgba(14, 23, 32, 0.7)"
+    },
+    "focus": {
+      "ring": "{color.orange.700}"
+    },
+    "avatarSeed": {
+      "1Bg": "{color.ocean.50}",
+      "1Fg": "{color.ocean.900}",
+      "2Bg": "{color.teal.50}",
+      "2Fg": "{color.teal.900}",
+      "3Bg": "{color.amber.50}",
+      "3Fg": "{color.amber.900}",
+      "4Bg": "{color.red.50}",
+      "4Fg": "{color.red.900}",
+      "5Bg": "{color.green.50}",
+      "5Fg": "{color.green.900}",
+      "6Bg": "{color.purple.50}",
+      "6Fg": "{color.purple.900}",
+      "7Bg": "{color.pink.50}",
+      "7Fg": "{color.pink.900}",
+      "8Bg": "{color.stone.50}",
+      "8Fg": "{color.stone.950}"
+    },
+    "chartSeries": {
+      "1": "{color.ocean.800}",
+      "2": "{color.amber.700}",
+      "3": "{color.green.700}",
+      "4": "{color.purple.700}",
+      "5": "{color.pink.700}",
+      "6": "{color.teal.700}",
+      "7": "{color.red.700}",
+      "8": "{color.stone.800}"
+    }
+  },
+  "theme": {
+    "colorScheme": "light"
+  }
+}

package/tokens/semantic.light.json

@@ -0,0 +1,179 @@
+{
+  "color": {
+    "brand": {
+      "primary": "{color.stone.950}",
+      "primaryHover": "{color.stone.800}",
+      "primaryActive": "{color.stone.900}",
+      "accent": "{color.orange.500}",
+      "accentHover": "{color.orange.400}",
+      "accentActive": "{color.orange.300}",
+      "accentStrong": "{color.orange.600}",
+      "onAccent": "{color.stone.950}"
+    },
+    "text": {
+      "primary": "{color.stone.950}",
+      "secondary": "{color.stone.700}",
+      "muted": "{color.stone.600}",
+      "inverse": "{color.stone.0}",
+      "onPrimary": "{color.stone.0}"
+    },
+    "background": {
+      "canvas": "{color.stone.50}",
+      "surface": "{color.stone.100}",
+      "elevated": "{color.stone.0}",
+      "muted": "{color.stone.200}",
+      "subtle": "{color.background.surface}"
+    },
+    "border": {
+      "subtle": "{color.stone.200}",
+      "default": "{color.stone.500}",
+      "strong": "{color.stone.600}",
+      "muted": "{color.border.subtle}"
+    },
+    "state": {
+      "info": "{color.ocean.600}",
+      "success": "{color.green.700}",
+      "warning": "{color.amber.700}",
+      "danger": "{color.red.500}",
+      "onSolid": "{color.stone.0}"
+    },
+    "stateSurface": {
+      "info": "{color.ocean.50}",
+      "success": "{color.green.50}",
+      "warning": "{color.amber.50}",
+      "danger": "{color.red.50}"
+    },
+    "stateBorder": {
+      "info": "{color.ocean.200}",
+      "success": "{color.green.200}",
+      "warning": "{color.amber.200}",
+      "danger": "{color.red.200}"
+    },
+    "stateText": {
+      "info": "{color.ocean.700}",
+      "success": "{color.green.700}",
+      "warning": "{color.amber.700}",
+      "danger": "{color.red.700}"
+    },
+    "overlay": {
+      "scrim": "rgba(22, 19, 15, 0.58)"
+    },
+    "focus": {
+      "ring": "{color.orange.600}"
+    },
+    "avatarSeed": {
+      "1Bg": "{color.ocean.100}",
+      "1Fg": "{color.ocean.800}",
+      "2Bg": "{color.teal.100}",
+      "2Fg": "{color.teal.800}",
+      "3Bg": "{color.amber.100}",
+      "3Fg": "{color.amber.800}",
+      "4Bg": "{color.red.100}",
+      "4Fg": "{color.red.800}",
+      "5Bg": "{color.green.100}",
+      "5Fg": "{color.green.800}",
+      "6Bg": "{color.purple.100}",
+      "6Fg": "{color.purple.800}",
+      "7Bg": "{color.pink.100}",
+      "7Fg": "{color.pink.800}",
+      "8Bg": "{color.stone.200}",
+      "8Fg": "{color.stone.800}"
+    },
+    "chartSeries": {
+      "1": "{color.ocean.600}",
+      "2": "{color.amber.600}",
+      "3": "{color.green.600}",
+      "4": "{color.purple.500}",
+      "5": "{color.pink.500}",
+      "6": "{color.teal.600}",
+      "7": "{color.red.500}",
+      "8": "{color.stone.600}"
+    }
+  },
+  "theme": {
+    "colorScheme": "light"
+  },
+  "font": {
+    "family": {
+      "heading": "{font.family.brand}",
+      "body": "{font.family.text}",
+      "code": "{font.family.mono}"
+    }
+  },
+  "typography": {
+    "display": {
+      "fontFamily": "{font.family.heading}",
+      "fontSize": "{font.size.6xl}",
+      "lineHeight": "{font.lineHeight.6xl}",
+      "fontWeight": "{font.weight.extrabold}",
+      "letterSpacing": "{font.letterSpacing.tight}"
+    },
+    "h1": {
+      "fontFamily": "{font.family.heading}",
+      "fontSize": "{font.size.5xl}",
+      "lineHeight": "{font.lineHeight.5xl}",
+      "fontWeight": "{font.weight.bold}",
+      "letterSpacing": "{font.letterSpacing.tight}"
+    },
+    "h2": {
+      "fontFamily": "{font.family.heading}",
+      "fontSize": "{font.size.4xl}",
+      "lineHeight": "{font.lineHeight.4xl}",
+      "fontWeight": "{font.weight.semibold}",
+      "letterSpacing": "{font.letterSpacing.normal}"
+    },
+    "h3": {
+      "fontFamily": "{font.family.heading}",
+      "fontSize": "{font.size.3xl}",
+      "lineHeight": "{font.lineHeight.3xl}",
+      "fontWeight": "{font.weight.semibold}",
+      "letterSpacing": "{font.letterSpacing.normal}"
+    },
+    "h4": {
+      "fontFamily": "{font.family.heading}",
+      "fontSize": "{font.size.2xl}",
+      "lineHeight": "{font.lineHeight.2xl}",
+      "fontWeight": "{font.weight.semibold}",
+      "letterSpacing": "{font.letterSpacing.normal}"
+    },
+    "body": {
+      "fontFamily": "{font.family.body}",
+      "fontSize": "{font.size.md}",
+      "lineHeight": "{font.lineHeight.md}",
+      "fontWeight": "{font.weight.regular}",
+      "letterSpacing": "{font.letterSpacing.normal}"
+    },
+    "bodySm": {
+      "fontFamily": "{font.family.body}",
+      "fontSize": "{font.size.sm}",
+      "lineHeight": "{font.lineHeight.sm}",
+      "fontWeight": "{font.weight.regular}",
+      "letterSpacing": "{font.letterSpacing.normal}"
+    },
+    "label": {
+      "fontFamily": "{font.family.body}",
+      "fontSize": "{font.size.sm}",
+      "lineHeight": "{font.lineHeight.sm}",
+      "fontWeight": "{font.weight.semibold}",
+      "letterSpacing": "{font.letterSpacing.wide}"
+    },
+    "caption": {
+      "fontFamily": "{font.family.body}",
+      "fontSize": "{font.size.xs}",
+      "lineHeight": "{font.lineHeight.xs}",
+      "fontWeight": "{font.weight.regular}",
+      "letterSpacing": "{font.letterSpacing.normal}"
+    }
+  },
+  "radius": {
+    "control": "{radius.md}",
+    "card": "{radius.lg}",
+    "modal": "{radius.xl}",
+    "pill": "{radius.round}"
+  },
+  "shadow": {
+    "card": "{shadow.sm}",
+    "dropdown": "{shadow.md}",
+    "modal": "{shadow.lg}"
+  }
+}