@duro-app/tokens 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,140 +1,86 @@
-import { css as r } from "react-strict-dom";
-const e = r.defineVars({
-  // Backgrounds
-  bg: "#0f0f0f",
-  bgCard: "#1a1a1a",
-  bgCardHover: "#242424",
-  // Text
-  text: "#e5e5e5",
-  textMuted: "#b0b0b0",
-  // Accent
-  accent: "#6aaffc",
-  accentHover: "#93c5fd",
-  accentContrast: "#000000",
-  // Border
-  border: "#333333",
-  // Semantic — Error
-  error: "#f87171",
-  errorHover: "#fca5a5",
-  errorBg: "rgba(248, 113, 113, 0.1)",
-  errorBorder: "rgba(248, 113, 113, 0.3)",
-  errorText: "#fca5a5",
-  errorContrast: "#000000",
-  // Semantic — Success
-  success: "#22c55e",
-  successBg: "rgba(34, 197, 94, 0.1)",
-  successBorder: "rgba(34, 197, 94, 0.3)",
-  successText: "#86efac",
-  // Semantic — Warning
-  warning: "#fbbf24",
-  warningBg: "rgba(251, 191, 36, 0.1)",
-  warningBorder: "rgba(251, 191, 36, 0.3)",
-  warningText: "#fde68a",
-  // Semantic — Info (uses accent)
-  infoBg: "rgba(106, 175, 252, 0.1)",
-  infoBorder: "rgba(106, 175, 252, 0.3)",
-  infoText: "#93c5fd"
-}), t = r.defineVars({
-  xs: "4px",
-  sm: "8px",
-  md: "16px",
-  lg: "24px",
-  xl: "32px",
-  xxl: "48px"
-}), g = r.defineVars({
-  sm: "8px",
-  md: "12px",
-  lg: "16px",
-  full: "9999px"
-}), f = r.defineVars({
-  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif',
-  fontSizeXs: "0.75rem",
-  fontSizeSm: "0.875rem",
-  fontSizeMd: "1rem",
-  fontSizeLg: "1.1rem",
-  fontSizeXl: "1.25rem",
-  fontSizeHeading: "1.5rem",
-  fontWeightNormal: "400",
-  fontWeightMedium: "500",
-  fontWeightSemibold: "600",
-  fontWeightBold: "700",
-  lineHeight: "1.5"
-}), a = r.defineVars({
-  sm: "0 2px 4px rgba(0, 0, 0, 0.3)",
-  md: "0 4px 12px rgba(0, 0, 0, 0.4)",
-  lg: "0 8px 24px rgba(0, 0, 0, 0.5)"
-}), n = r.createTheme(e, {
-  bg: "#ffffff",
-  bgCard: "#f5f5f5",
-  bgCardHover: "#ebebeb",
-  text: "#1a1a1a",
-  textMuted: "#4a4a4a",
-  accent: "#1e40af",
-  accentHover: "#1a3799",
-  accentContrast: "#ffffff",
-  border: "#d4d4d4",
-  error: "#991b1b",
-  errorHover: "#7f1d1d",
-  errorBg: "rgba(153, 27, 27, 0.08)",
-  errorBorder: "rgba(153, 27, 27, 0.3)",
-  errorText: "#7f1d1d",
-  errorContrast: "#ffffff",
-  success: "#166534",
-  successBg: "rgba(22, 101, 52, 0.08)",
-  successBorder: "rgba(22, 101, 52, 0.3)",
-  successText: "#14532d",
-  warning: "#92400e",
-  warningBg: "rgba(146, 64, 14, 0.08)",
-  warningBorder: "rgba(146, 64, 14, 0.3)",
-  warningText: "#78350f",
-  infoBg: "rgba(30, 64, 175, 0.08)",
-  infoBorder: "rgba(30, 64, 175, 0.3)",
-  infoText: "#1e40af"
-}), s = r.createTheme(a, {
-  sm: "0 2px 4px rgba(0, 0, 0, 0.08)",
-  md: "0 4px 12px rgba(0, 0, 0, 0.12)",
-  lg: "0 8px 24px rgba(0, 0, 0, 0.16)"
-}), c = r.createTheme(e, {
-  bg: "#000000",
-  bgCard: "#111111",
-  bgCardHover: "#1a1a1a",
-  text: "#ffffff",
-  textMuted: "#b0b0b0",
-  accent: "#60a5fa",
-  accentHover: "#93c5fd",
-  accentContrast: "#000000",
-  border: "#555555",
-  error: "#f87171",
-  errorHover: "#fca5a5",
-  errorBg: "rgba(248, 113, 113, 0.15)",
-  errorBorder: "rgba(248, 113, 113, 0.5)",
-  errorText: "#fca5a5",
-  errorContrast: "#000000",
-  success: "#4ade80",
-  successBg: "rgba(74, 222, 128, 0.15)",
-  successBorder: "rgba(74, 222, 128, 0.5)",
-  successText: "#86efac",
-  warning: "#fcd34d",
-  warningBg: "rgba(252, 211, 77, 0.15)",
-  warningBorder: "rgba(252, 211, 77, 0.5)",
-  warningText: "#fef08a",
-  infoBg: "rgba(96, 165, 250, 0.15)",
-  infoBorder: "rgba(96, 165, 250, 0.5)",
-  infoText: "#bfdbfe"
-}), b = r.createTheme(a, {
-  sm: "0 2px 4px rgba(0, 0, 0, 0.6)",
-  md: "0 4px 12px rgba(0, 0, 0, 0.7)",
-  lg: "0 8px 24px rgba(0, 0, 0, 0.8)"
-});
+const r = {
+  bg: "var(--bg-xqkwqtp)",
+  bgCard: "var(--bgCard-xj2l5r)",
+  bgCardHover: "var(--bgCardHover-xlxk7vw)",
+  text: "var(--text-xlpbogt)",
+  textMuted: "var(--textMuted-x651nu9)",
+  accent: "var(--accent-xw7wp3v)",
+  accentHover: "var(--accentHover-x18fqoz)",
+  accentContrast: "var(--accentContrast-x3gzxyp)",
+  border: "var(--border-x1drj1pb)",
+  error: "var(--error-x13gdhh0)",
+  errorHover: "var(--errorHover-x7eyu03)",
+  errorBg: "var(--errorBg-xrl8836)",
+  errorBorder: "var(--errorBorder-x1a6pjl)",
+  errorText: "var(--errorText-xf51nwe)",
+  errorContrast: "var(--errorContrast-x1lvjkah)",
+  success: "var(--success-x197pe5n)",
+  successBg: "var(--successBg-xzjukav)",
+  successBorder: "var(--successBorder-x1my3ygc)",
+  successText: "var(--successText-x46dg9e)",
+  warning: "var(--warning-x1gq0pyw)",
+  warningBg: "var(--warningBg-xtnxqss)",
+  warningBorder: "var(--warningBorder-x1ev2mr5)",
+  warningText: "var(--warningText-x1lgjghx)",
+  infoBg: "var(--infoBg-xho8jir)",
+  infoBorder: "var(--infoBorder-xnevk3x)",
+  infoText: "var(--infoText-x19pseus)",
+  __varGroupHash__: "xjvd03b"
+}, a = {
+  xs: "var(--xs-xxfyjsd)",
+  sm: "var(--sm-xbh8y7f)",
+  md: "var(--md-x3pkb85)",
+  lg: "var(--lg-x34mutn)",
+  xl: "var(--xl-xttpygj)",
+  xxl: "var(--xxl-xbe9eha)",
+  __varGroupHash__: "x6uc9q"
+}, e = {
+  sm: "var(--sm-x1bhtfs5)",
+  md: "var(--md-xx2g89g)",
+  lg: "var(--lg-xwd56yl)",
+  full: "var(--full-x9vxdtd)",
+  __varGroupHash__: "xw3ffwm"
+}, t = {
+  fontFamily: "var(--fontFamily-xvrmnat)",
+  fontSizeXs: "var(--fontSizeXs-x1w5m325)",
+  fontSizeSm: "var(--fontSizeSm-x1bjjs4u)",
+  fontSizeMd: "var(--fontSizeMd-xq8d99q)",
+  fontSizeLg: "var(--fontSizeLg-x18ngplw)",
+  fontSizeXl: "var(--fontSizeXl-x1b1mqsu)",
+  fontSizeHeading: "var(--fontSizeHeading-x1stydh2)",
+  fontWeightNormal: "var(--fontWeightNormal-x1y1cayu)",
+  fontWeightMedium: "var(--fontWeightMedium-xaw13ft)",
+  fontWeightSemibold: "var(--fontWeightSemibold-xg6c7xe)",
+  fontWeightBold: "var(--fontWeightBold-x1pjkvwg)",
+  lineHeight: "var(--lineHeight-x1gubzd5)",
+  __varGroupHash__: "xs62swl"
+}, x = {
+  sm: "var(--sm-x17hhtln)",
+  md: "var(--md-x1oyt0aw)",
+  lg: "var(--lg-x1mxd62i)",
+  __varGroupHash__: "x13v825q"
+}, o = {
+  xjvd03b: "x18itf25 xjvd03b",
+  $$css: !0
+}, v = {
+  x13v825q: "xv9ibj0 x13v825q",
+  $$css: !0
+}, n = {
+  xjvd03b: "x1qgt5a2 xjvd03b",
+  $$css: !0
+}, s = {
+  x13v825q: "x15e39jv x13v825q",
+  $$css: !0
+};
 export {
-  e as colors,
-  b as highContrastShadows,
-  c as highContrastTheme,
-  s as lightShadows,
-  n as lightTheme,
-  g as radii,
-  a as shadows,
-  t as spacing,
-  f as typography
+  r as colors,
+  s as highContrastShadows,
+  n as highContrastTheme,
+  v as lightShadows,
+  o as lightTheme,
+  e as radii,
+  x as shadows,
+  a as spacing,
+  t as typography
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/tokens/colors.css.ts","../src/tokens/spacing.css.ts","../src/tokens/typography.css.ts","../src/tokens/shadows.css.ts","../src/themes/light.css.ts","../src/themes/high-contrast.css.ts"],"sourcesContent":["import {css} from 'react-strict-dom'\n\nexport const colors = css.defineVars({\n  // Backgrounds\n  bg: '#0f0f0f',\n  bgCard: '#1a1a1a',\n  bgCardHover: '#242424',\n\n  // Text\n  text: '#e5e5e5',\n  textMuted: '#b0b0b0',\n\n  // Accent\n  accent: '#6aaffc',\n  accentHover: '#93c5fd',\n  accentContrast: '#000000',\n\n  // Border\n  border: '#333333',\n\n  // Semantic — Error\n  error: '#f87171',\n  errorHover: '#fca5a5',\n  errorBg: 'rgba(248, 113, 113, 0.1)',\n  errorBorder: 'rgba(248, 113, 113, 0.3)',\n  errorText: '#fca5a5',\n  errorContrast: '#000000',\n\n  // Semantic — Success\n  success: '#22c55e',\n  successBg: 'rgba(34, 197, 94, 0.1)',\n  successBorder: 'rgba(34, 197, 94, 0.3)',\n  successText: '#86efac',\n\n  // Semantic — Warning\n  warning: '#fbbf24',\n  warningBg: 'rgba(251, 191, 36, 0.1)',\n  warningBorder: 'rgba(251, 191, 36, 0.3)',\n  warningText: '#fde68a',\n\n  // Semantic — Info (uses accent)\n  infoBg: 'rgba(106, 175, 252, 0.1)',\n  infoBorder: 'rgba(106, 175, 252, 0.3)',\n  infoText: '#93c5fd',\n})\n","import {css} from 'react-strict-dom'\n\nexport const spacing = css.defineVars({\n  xs: '4px',\n  sm: '8px',\n  md: '16px',\n  lg: '24px',\n  xl: '32px',\n  xxl: '48px',\n})\n\nexport const radii = css.defineVars({\n  sm: '8px',\n  md: '12px',\n  lg: '16px',\n  full: '9999px',\n})\n","import {css} from 'react-strict-dom'\n\nexport const typography = css.defineVars({\n  fontFamily:\n    '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif',\n  fontSizeXs: '0.75rem',\n  fontSizeSm: '0.875rem',\n  fontSizeMd: '1rem',\n  fontSizeLg: '1.1rem',\n  fontSizeXl: '1.25rem',\n  fontSizeHeading: '1.5rem',\n  fontWeightNormal: '400',\n  fontWeightMedium: '500',\n  fontWeightSemibold: '600',\n  fontWeightBold: '700',\n  lineHeight: '1.5',\n})\n","import {css} from 'react-strict-dom'\n\nexport const shadows = css.defineVars({\n  sm: '0 2px 4px rgba(0, 0, 0, 0.3)',\n  md: '0 4px 12px rgba(0, 0, 0, 0.4)',\n  lg: '0 8px 24px rgba(0, 0, 0, 0.5)',\n})\n","import {css} from 'react-strict-dom'\nimport {colors} from '../tokens/colors.css'\nimport {shadows} from '../tokens/shadows.css'\n\nexport const lightTheme = css.createTheme(colors, {\n  bg: '#ffffff',\n  bgCard: '#f5f5f5',\n  bgCardHover: '#ebebeb',\n  text: '#1a1a1a',\n  textMuted: '#4a4a4a',\n  accent: '#1e40af',\n  accentHover: '#1a3799',\n  accentContrast: '#ffffff',\n  border: '#d4d4d4',\n  error: '#991b1b',\n  errorHover: '#7f1d1d',\n  errorBg: 'rgba(153, 27, 27, 0.08)',\n  errorBorder: 'rgba(153, 27, 27, 0.3)',\n  errorText: '#7f1d1d',\n  errorContrast: '#ffffff',\n  success: '#166534',\n  successBg: 'rgba(22, 101, 52, 0.08)',\n  successBorder: 'rgba(22, 101, 52, 0.3)',\n  successText: '#14532d',\n  warning: '#92400e',\n  warningBg: 'rgba(146, 64, 14, 0.08)',\n  warningBorder: 'rgba(146, 64, 14, 0.3)',\n  warningText: '#78350f',\n  infoBg: 'rgba(30, 64, 175, 0.08)',\n  infoBorder: 'rgba(30, 64, 175, 0.3)',\n  infoText: '#1e40af',\n})\n\nexport const lightShadows = css.createTheme(shadows, {\n  sm: '0 2px 4px rgba(0, 0, 0, 0.08)',\n  md: '0 4px 12px rgba(0, 0, 0, 0.12)',\n  lg: '0 8px 24px rgba(0, 0, 0, 0.16)',\n})\n","import {css} from 'react-strict-dom'\nimport {colors} from '../tokens/colors.css'\nimport {shadows} from '../tokens/shadows.css'\n\nexport const highContrastTheme = css.createTheme(colors, {\n  bg: '#000000',\n  bgCard: '#111111',\n  bgCardHover: '#1a1a1a',\n  text: '#ffffff',\n  textMuted: '#b0b0b0',\n  accent: '#60a5fa',\n  accentHover: '#93c5fd',\n  accentContrast: '#000000',\n  border: '#555555',\n  error: '#f87171',\n  errorHover: '#fca5a5',\n  errorBg: 'rgba(248, 113, 113, 0.15)',\n  errorBorder: 'rgba(248, 113, 113, 0.5)',\n  errorText: '#fca5a5',\n  errorContrast: '#000000',\n  success: '#4ade80',\n  successBg: 'rgba(74, 222, 128, 0.15)',\n  successBorder: 'rgba(74, 222, 128, 0.5)',\n  successText: '#86efac',\n  warning: '#fcd34d',\n  warningBg: 'rgba(252, 211, 77, 0.15)',\n  warningBorder: 'rgba(252, 211, 77, 0.5)',\n  warningText: '#fef08a',\n  infoBg: 'rgba(96, 165, 250, 0.15)',\n  infoBorder: 'rgba(96, 165, 250, 0.5)',\n  infoText: '#bfdbfe',\n})\n\nexport const highContrastShadows = css.createTheme(shadows, {\n  sm: '0 2px 4px rgba(0, 0, 0, 0.6)',\n  md: '0 4px 12px rgba(0, 0, 0, 0.7)',\n  lg: '0 8px 24px rgba(0, 0, 0, 0.8)',\n})\n"],"names":["colors","css","spacing","radii","typography","shadows","lightTheme","lightShadows","highContrastTheme","highContrastShadows"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/tokens/colors.css.ts","../src/tokens/spacing.css.ts","../src/tokens/typography.css.ts","../src/tokens/shadows.css.ts","../src/themes/light.css.ts","../src/themes/high-contrast.css.ts"],"sourcesContent":["import {css} from 'react-strict-dom'\n\nexport const colors = css.defineVars({\n  // Backgrounds\n  bg: '#0f0f0f',\n  bgCard: '#1a1a1a',\n  bgCardHover: '#242424',\n\n  // Text\n  text: '#e5e5e5',\n  textMuted: '#b0b0b0',\n\n  // Accent\n  accent: '#6aaffc',\n  accentHover: '#93c5fd',\n  accentContrast: '#000000',\n\n  // Border\n  border: '#333333',\n\n  // Semantic — Error\n  error: '#f87171',\n  errorHover: '#fca5a5',\n  errorBg: 'rgba(248, 113, 113, 0.1)',\n  errorBorder: 'rgba(248, 113, 113, 0.3)',\n  errorText: '#fca5a5',\n  errorContrast: '#000000',\n\n  // Semantic — Success\n  success: '#22c55e',\n  successBg: 'rgba(34, 197, 94, 0.1)',\n  successBorder: 'rgba(34, 197, 94, 0.3)',\n  successText: '#86efac',\n\n  // Semantic — Warning\n  warning: '#fbbf24',\n  warningBg: 'rgba(251, 191, 36, 0.1)',\n  warningBorder: 'rgba(251, 191, 36, 0.3)',\n  warningText: '#fde68a',\n\n  // Semantic — Info (uses accent)\n  infoBg: 'rgba(106, 175, 252, 0.1)',\n  infoBorder: 'rgba(106, 175, 252, 0.3)',\n  infoText: '#93c5fd',\n})\n","import {css} from 'react-strict-dom'\n\nexport const spacing = css.defineVars({\n  xs: '4px',\n  sm: '8px',\n  md: '16px',\n  lg: '24px',\n  xl: '32px',\n  xxl: '48px',\n})\n\nexport const radii = css.defineVars({\n  sm: '8px',\n  md: '12px',\n  lg: '16px',\n  full: '9999px',\n})\n","import {css} from 'react-strict-dom'\n\nexport const typography = css.defineVars({\n  fontFamily:\n    '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif',\n  fontSizeXs: '0.75rem',\n  fontSizeSm: '0.875rem',\n  fontSizeMd: '1rem',\n  fontSizeLg: '1.1rem',\n  fontSizeXl: '1.25rem',\n  fontSizeHeading: '1.5rem',\n  fontWeightNormal: '400',\n  fontWeightMedium: '500',\n  fontWeightSemibold: '600',\n  fontWeightBold: '700',\n  lineHeight: '1.5',\n})\n","import {css} from 'react-strict-dom'\n\nexport const shadows = css.defineVars({\n  sm: '0 2px 4px rgba(0, 0, 0, 0.3)',\n  md: '0 4px 12px rgba(0, 0, 0, 0.4)',\n  lg: '0 8px 24px rgba(0, 0, 0, 0.5)',\n})\n","import {css} from 'react-strict-dom'\nimport {colors} from '../tokens/colors.css'\nimport {shadows} from '../tokens/shadows.css'\n\nexport const lightTheme = css.createTheme(colors, {\n  bg: '#ffffff',\n  bgCard: '#f5f5f5',\n  bgCardHover: '#ebebeb',\n  text: '#1a1a1a',\n  textMuted: '#4a4a4a',\n  accent: '#1e40af',\n  accentHover: '#1a3799',\n  accentContrast: '#ffffff',\n  border: '#d4d4d4',\n  error: '#991b1b',\n  errorHover: '#7f1d1d',\n  errorBg: 'rgba(153, 27, 27, 0.08)',\n  errorBorder: 'rgba(153, 27, 27, 0.3)',\n  errorText: '#7f1d1d',\n  errorContrast: '#ffffff',\n  success: '#166534',\n  successBg: 'rgba(22, 101, 52, 0.08)',\n  successBorder: 'rgba(22, 101, 52, 0.3)',\n  successText: '#14532d',\n  warning: '#92400e',\n  warningBg: 'rgba(146, 64, 14, 0.08)',\n  warningBorder: 'rgba(146, 64, 14, 0.3)',\n  warningText: '#78350f',\n  infoBg: 'rgba(30, 64, 175, 0.08)',\n  infoBorder: 'rgba(30, 64, 175, 0.3)',\n  infoText: '#1e40af',\n})\n\nexport const lightShadows = css.createTheme(shadows, {\n  sm: '0 2px 4px rgba(0, 0, 0, 0.08)',\n  md: '0 4px 12px rgba(0, 0, 0, 0.12)',\n  lg: '0 8px 24px rgba(0, 0, 0, 0.16)',\n})\n","import {css} from 'react-strict-dom'\nimport {colors} from '../tokens/colors.css'\nimport {shadows} from '../tokens/shadows.css'\n\nexport const highContrastTheme = css.createTheme(colors, {\n  bg: '#000000',\n  bgCard: '#111111',\n  bgCardHover: '#1a1a1a',\n  text: '#ffffff',\n  textMuted: '#b0b0b0',\n  accent: '#60a5fa',\n  accentHover: '#93c5fd',\n  accentContrast: '#000000',\n  border: '#555555',\n  error: '#f87171',\n  errorHover: '#fca5a5',\n  errorBg: 'rgba(248, 113, 113, 0.15)',\n  errorBorder: 'rgba(248, 113, 113, 0.5)',\n  errorText: '#fca5a5',\n  errorContrast: '#000000',\n  success: '#4ade80',\n  successBg: 'rgba(74, 222, 128, 0.15)',\n  successBorder: 'rgba(74, 222, 128, 0.5)',\n  successText: '#86efac',\n  warning: '#fcd34d',\n  warningBg: 'rgba(252, 211, 77, 0.15)',\n  warningBorder: 'rgba(252, 211, 77, 0.5)',\n  warningText: '#fef08a',\n  infoBg: 'rgba(96, 165, 250, 0.15)',\n  infoBorder: 'rgba(96, 165, 250, 0.5)',\n  infoText: '#bfdbfe',\n})\n\nexport const highContrastShadows = css.createTheme(shadows, {\n  sm: '0 2px 4px rgba(0, 0, 0, 0.6)',\n  md: '0 4px 12px rgba(0, 0, 0, 0.7)',\n  lg: '0 8px 24px rgba(0, 0, 0, 0.8)',\n})\n"],"names":["colors","spacing","radii","typography","shadows","lightTheme","lightShadows","highContrastTheme","highContrastShadows"],"mappings":"AAEO,MAAMA,IAAS;AAAA,EACpB,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,aAAa;AAAA,EACb,WAAW;AAAA,EACX,eAAe;AAAA,EACf,SAAS;AAAA,EACT,WAAW;AAAA,EACX,eAAe;AAAA,EACf,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,eAAe;AAAA,EACf,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,kBAAkB;AACpB,GC5BaC,IAAU;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,kBAAkB;AACpB,GACaC,IAAQ;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,kBAAkB;AACpB,GCfaC,IAAa;AAAA,EACxB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,kBAAkB;AACpB,GCdaC,IAAU;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,kBAAkB;AACpB,GCHaC,IAAa;AAAA,EACxB,SAAS;AAAA,EACT,OAAO;AACT,GACaC,IAAe;AAAA,EAC1B,UAAU;AAAA,EACV,OAAO;AACT,GCPaC,IAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,OAAO;AACT,GACaC,IAAsB;AAAA,EACjC,UAAU;AAAA,EACV,OAAO;AACT;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duro-app/tokens",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -24,8 +24,15 @@
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./tokens/colors.css": "./src/tokens/colors.css.ts",
+    "./tokens/spacing.css": "./src/tokens/spacing.css.ts",
+    "./tokens/typography.css": "./src/tokens/typography.css.ts",
+    "./tokens/shadows.css": "./src/tokens/shadows.css.ts",
+    "./themes/light.css": "./src/themes/light.css.ts",
+    "./themes/high-contrast.css": "./src/themes/high-contrast.css.ts"
   },
   "peerDependencies": {
     "react-strict-dom": "^0.0.55"