@duro-app/tokens 4.5.0 → 5.0.0

package/dist/raw.d.ts

@@ -26,6 +26,100 @@ export type RawColors = {
     infoBg: string;
     infoBorder: string;
     infoText: string;
+    scrim: string;
+    inverseFill: string;
+    inverseFillHover: string;
+    inverseBorder: string;
+    inverseBorderHover: string;
+    fixedLight: string;
+};
+export declare const SPACING_PX: {
+    readonly xs: 4;
+    readonly sm: 8;
+    readonly ms: 12;
+    readonly md: 16;
+    readonly lg: 24;
+    readonly xl: 32;
+    readonly xxl: 48;
+    readonly xxxl: 64;
+};
+export declare const RADII_PX: {
+    readonly xs: 4;
+    readonly px6: 6;
+    readonly sm: 8;
+    readonly md: 12;
+    readonly lg: 16;
+    readonly full: 9999;
+};
+export declare const FONT_SIZE_REM: {
+    readonly fontSizeXs: 0.75;
+    readonly fontSizeSm: 0.875;
+    readonly fontSizeMd: 1;
+    readonly fontSizeLg: 1.125;
+    readonly fontSizeXl: 1.25;
+    readonly fontSizeHeading: 1.5;
+};
+export declare const BORDERS_PX: {
+    readonly hairline: 1;
+    readonly strong: 2;
+    readonly accent: 3;
+    readonly focusRing: 2;
+    readonly focusOffset: 2;
+    readonly focusOffsetSm: 1;
+};
+export declare const SIZES_PX: {
+    readonly touchTarget: 44;
+    readonly controlSm: 28;
+    readonly controlMd: 39;
+    readonly controlLg: 40;
+    readonly indicator: 18;
+    readonly indicatorDot: 8;
+    readonly checkMarkW: 5;
+    readonly checkMarkH: 9;
+    readonly switchTrackW: 36;
+    readonly switchTrackH: 20;
+    readonly switchThumb: 16;
+    readonly iconButton: 32;
+    readonly iconButtonSm: 28;
+    readonly spinnerSm: 16;
+    readonly spinnerMd: 24;
+    readonly spinnerLg: 40;
+    readonly glyphXs: 10;
+    readonly glyphSm: 12;
+    readonly glyphMd: 16;
+    readonly iconSm: 16;
+    readonly iconMd: 18;
+    readonly iconLg: 24;
+    readonly iconXl: 36;
+    readonly iconXxl: 48;
+    readonly navMarkerW: 3;
+    readonly navMarkerH: 18;
+    readonly divider: 1;
+    readonly tabIndicator: 2;
+    readonly edgeFade: 32;
+    readonly scrollbar: 8;
+    readonly swatchW: 44;
+    readonly swatchH: 34;
+    readonly labelMinW: 120;
+    readonly popupMinW: 160;
+    readonly listMaxH: 280;
+    readonly listMaxHSm: 200;
+    readonly dialogSm: 400;
+    readonly dialogMd: 520;
+    readonly dialogLg: 680;
+    readonly panelSm: 360;
+    readonly panelMd: 480;
+    readonly panelLg: 640;
+    readonly toastMaxW: 440;
+    readonly gridColSm: 240;
+    readonly gridColMd: 280;
+    readonly pageSm: 600;
+    readonly pageMd: 800;
+    readonly pageLg: 1200;
+};
+export declare const EMAIL_PX: {
+    readonly emailCardW: 520;
+    readonly trackingPixel: 1;
 };
 export declare const darkColors: RawColors;
 export declare const lightColors: RawColors;

package/dist/raw.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"raw.d.ts","sourceRoot":"","sources":["../src/raw.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,SA4BxB,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,SA4BzB,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,SA4BhC,CAAA"}
+{"version":3,"file":"raw.d.ts","sourceRoot":"","sources":["../src/raw.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAKD,eAAO,MAAM,UAAU;;;;;;;;;CASb,CAAA;AAEV,eAAO,MAAM,QAAQ;;;;;;;CAOX,CAAA;AAEV,eAAO,MAAM,aAAa;;;;;;;CAOhB,CAAA;AAEV,eAAO,MAAM,UAAU;;;;;;;CAOb,CAAA;AAEV,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDX,CAAA;AAIV,eAAO,MAAM,QAAQ;;;CAA+C,CAAA;AAGpE,eAAO,MAAM,UAAU,EAAE,SAkCxB,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,SAkCzB,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,SAkChC,CAAA"}

package/dist/raw.js

@@ -1,4 +1,86 @@
 const r = {
+  xs: 4,
+  sm: 8,
+  ms: 12,
+  md: 16,
+  lg: 24,
+  xl: 32,
+  xxl: 48,
+  xxxl: 64
+}, e = {
+  xs: 4,
+  px6: 6,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  full: 9999
+}, a = {
+  fontSizeXs: 0.75,
+  fontSizeSm: 0.875,
+  fontSizeMd: 1,
+  fontSizeLg: 1.125,
+  fontSizeXl: 1.25,
+  fontSizeHeading: 1.5
+}, o = {
+  hairline: 1,
+  strong: 2,
+  accent: 3,
+  focusRing: 2,
+  focusOffset: 2,
+  focusOffsetSm: 1
+}, n = {
+  touchTarget: 44,
+  controlSm: 28,
+  controlMd: 39,
+  controlLg: 40,
+  indicator: 18,
+  indicatorDot: 8,
+  checkMarkW: 5,
+  checkMarkH: 9,
+  switchTrackW: 36,
+  switchTrackH: 20,
+  switchThumb: 16,
+  iconButton: 32,
+  iconButtonSm: 28,
+  spinnerSm: 16,
+  spinnerMd: 24,
+  spinnerLg: 40,
+  glyphXs: 10,
+  glyphSm: 12,
+  glyphMd: 16,
+  iconSm: 16,
+  iconMd: 18,
+  iconLg: 24,
+  iconXl: 36,
+  iconXxl: 48,
+  navMarkerW: 3,
+  navMarkerH: 18,
+  divider: 1,
+  tabIndicator: 2,
+  edgeFade: 32,
+  scrollbar: 8,
+  swatchW: 44,
+  swatchH: 34,
+  labelMinW: 120,
+  popupMinW: 160,
+  listMaxH: 280,
+  listMaxHSm: 200,
+  dialogSm: 400,
+  dialogMd: 520,
+  dialogLg: 680,
+  panelSm: 360,
+  panelMd: 480,
+  panelLg: 640,
+  toastMaxW: 440,
+  gridColSm: 240,
+  gridColMd: 280,
+  pageSm: 600,
+  pageMd: 800,
+  pageLg: 1200
+}, f = {
+  emailCardW: 520,
+  trackingPixel: 1
+}, g = {
   bg: "#0f0f0f",
   bgCard: "#1a1a1a",
   bgCardHover: "#242424",
@@ -25,8 +107,14 @@ const r = {
   info: "#6aaffc",
   infoBg: "rgba(106, 175, 252, 0.1)",
   infoBorder: "rgba(106, 175, 252, 0.3)",
-  infoText: "#93c5fd"
-}, e = {
+  infoText: "#93c5fd",
+  scrim: "rgba(0, 0, 0, 0.4)",
+  inverseFill: "rgba(0, 0, 0, 0.10)",
+  inverseFillHover: "rgba(0, 0, 0, 0.18)",
+  inverseBorder: "rgba(0, 0, 0, 0.55)",
+  inverseBorderHover: "rgba(0, 0, 0, 0.70)",
+  fixedLight: "#ffffff"
+}, c = {
   bg: "#ffffff",
   bgCard: "#f5f5f5",
   bgCardHover: "#ebebeb",
@@ -53,8 +141,14 @@ const r = {
   info: "#1e40af",
   infoBg: "rgba(30, 64, 175, 0.08)",
   infoBorder: "rgba(30, 64, 175, 0.3)",
-  infoText: "#1e40af"
-}, a = {
+  infoText: "#1e40af",
+  scrim: "rgba(0, 0, 0, 0.4)",
+  inverseFill: "rgba(0, 0, 0, 0.10)",
+  inverseFillHover: "rgba(0, 0, 0, 0.18)",
+  inverseBorder: "rgba(0, 0, 0, 0.55)",
+  inverseBorderHover: "rgba(0, 0, 0, 0.70)",
+  fixedLight: "#ffffff"
+}, t = {
   bg: "#000000",
   bgCard: "#111111",
   bgCardHover: "#1a1a1a",
@@ -81,11 +175,23 @@ const r = {
   info: "#60a5fa",
   infoBg: "rgba(96, 165, 250, 0.15)",
   infoBorder: "rgba(96, 165, 250, 0.5)",
-  infoText: "#bfdbfe"
+  infoText: "#bfdbfe",
+  scrim: "rgba(0, 0, 0, 0.4)",
+  inverseFill: "rgba(0, 0, 0, 0.10)",
+  inverseFillHover: "rgba(0, 0, 0, 0.18)",
+  inverseBorder: "rgba(0, 0, 0, 0.55)",
+  inverseBorderHover: "rgba(0, 0, 0, 0.70)",
+  fixedLight: "#ffffff"
 };
 export {
-  r as darkColors,
-  a as highContrastColors,
-  e as lightColors
+  o as BORDERS_PX,
+  f as EMAIL_PX,
+  a as FONT_SIZE_REM,
+  e as RADII_PX,
+  n as SIZES_PX,
+  r as SPACING_PX,
+  g as darkColors,
+  t as highContrastColors,
+  c as lightColors
 };
 //# sourceMappingURL=raw.js.map

package/dist/raw.js.map

@@ -1 +1 @@
-{"version":3,"file":"raw.js","sources":["../src/raw.ts"],"sourcesContent":["// Plain hex values for non-`react-strict-dom` consumers (e.g. an MUI\n// `createTheme` palette). These mirror the literals defined in\n// `tokens/colors.css.ts`, `themes/light.css.ts`, and `themes/high-contrast.css.ts`.\n//\n// We can't make the css.ts files import from here: StyleX (the babel plugin\n// behind RSD's `css.defineVars` / `css.createTheme` on web) requires the\n// argument to be an inline object literal. So values live in two places.\n//\n// `scripts/check-token-drift.mjs` runs in `prebuild` and fails the build if\n// the literal in any css.ts file diverges from the corresponding export here.\n\nexport type RawColors = {\n  bg: string\n  bgCard: string\n  bgCardHover: string\n  text: string\n  textMuted: string\n  accent: string\n  accentHover: string\n  accentContrast: string\n  border: string\n  error: string\n  errorHover: string\n  errorBg: string\n  errorBorder: string\n  errorText: string\n  errorContrast: string\n  success: string\n  successBg: string\n  successBorder: string\n  successText: string\n  warning: string\n  warningBg: string\n  warningBorder: string\n  warningText: string\n  info: string\n  infoBg: string\n  infoBorder: string\n  infoText: string\n}\n\n// Dark theme — matches the defaults in `tokens/colors.css.ts`.\nexport const darkColors: RawColors = {\n  bg: '#0f0f0f',\n  bgCard: '#1a1a1a',\n  bgCardHover: '#242424',\n  text: '#e5e5e5',\n  textMuted: '#b0b0b0',\n  accent: '#6aaffc',\n  accentHover: '#93c5fd',\n  accentContrast: '#000000',\n  border: '#333333',\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  success: '#22c55e',\n  successBg: 'rgba(34, 197, 94, 0.1)',\n  successBorder: 'rgba(34, 197, 94, 0.3)',\n  successText: '#86efac',\n  warning: '#fbbf24',\n  warningBg: 'rgba(251, 191, 36, 0.1)',\n  warningBorder: 'rgba(251, 191, 36, 0.3)',\n  warningText: '#fde68a',\n  info: '#6aaffc',\n  infoBg: 'rgba(106, 175, 252, 0.1)',\n  infoBorder: 'rgba(106, 175, 252, 0.3)',\n  infoText: '#93c5fd',\n}\n\n// Light theme — matches the overrides in `themes/light.css.ts`.\nexport const lightColors: RawColors = {\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  info: '#1e40af',\n  infoBg: 'rgba(30, 64, 175, 0.08)',\n  infoBorder: 'rgba(30, 64, 175, 0.3)',\n  infoText: '#1e40af',\n}\n\n// High-contrast theme — matches the overrides in `themes/high-contrast.css.ts`.\nexport const highContrastColors: RawColors = {\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  info: '#60a5fa',\n  infoBg: 'rgba(96, 165, 250, 0.15)',\n  infoBorder: 'rgba(96, 165, 250, 0.5)',\n  infoText: '#bfdbfe',\n}\n"],"names":["darkColors","lightColors","highContrastColors"],"mappings":"AA0CO,MAAMA,IAAwB;AAAA,EACnC,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,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AACZ,GAGaC,IAAyB;AAAA,EACpC,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,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AACZ,GAGaC,IAAgC;AAAA,EAC3C,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,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AACZ;"}
+{"version":3,"file":"raw.js","sources":["../src/raw.ts"],"sourcesContent":["// Plain hex values for non-`react-strict-dom` consumers (e.g. an MUI\n// `createTheme` palette). These mirror the literals defined in\n// `tokens/colors.css.ts`, `themes/light.css.ts`, and `themes/high-contrast.css.ts`.\n//\n// We can't make the css.ts files import from here: StyleX (the babel plugin\n// behind RSD's `css.defineVars` / `css.createTheme` on web) requires the\n// argument to be an inline object literal. So values live in two places.\n//\n// `scripts/check-token-drift.mjs` runs in `prebuild` and fails the build if\n// the literal in any css.ts file diverges from the corresponding export here.\n\nexport type RawColors = {\n  bg: string\n  bgCard: string\n  bgCardHover: string\n  text: string\n  textMuted: string\n  accent: string\n  accentHover: string\n  accentContrast: string\n  border: string\n  error: string\n  errorHover: string\n  errorBg: string\n  errorBorder: string\n  errorText: string\n  errorContrast: string\n  success: string\n  successBg: string\n  successBorder: string\n  successText: string\n  warning: string\n  warningBg: string\n  warningBorder: string\n  warningText: string\n  info: string\n  infoBg: string\n  infoBorder: string\n  infoText: string\n  scrim: string\n  inverseFill: string\n  inverseFillHover: string\n  inverseBorder: string\n  inverseBorderHover: string\n  fixedLight: string\n}\n\n// Numeric maps for consumers that load only the compiled `/raw` entry (e.g.\n// ui-email, which cannot read CSS variables or the TypeScript `/keys` source).\n// Copies of the keys.ts maps; check-token-drift.mjs fails if they diverge.\nexport const SPACING_PX = {\n  xs: 4,\n  sm: 8,\n  ms: 12,\n  md: 16,\n  lg: 24,\n  xl: 32,\n  xxl: 48,\n  xxxl: 64,\n} as const\n\nexport const RADII_PX = {\n  xs: 4,\n  px6: 6,\n  sm: 8,\n  md: 12,\n  lg: 16,\n  full: 9999,\n} as const\n\nexport const FONT_SIZE_REM = {\n  fontSizeXs: 0.75,\n  fontSizeSm: 0.875,\n  fontSizeMd: 1,\n  fontSizeLg: 1.125,\n  fontSizeXl: 1.25,\n  fontSizeHeading: 1.5,\n} as const\n\nexport const BORDERS_PX = {\n  hairline: 1,\n  strong: 2,\n  accent: 3,\n  focusRing: 2,\n  focusOffset: 2,\n  focusOffsetSm: 1,\n} as const\n\nexport const SIZES_PX = {\n  touchTarget: 44,\n  controlSm: 28,\n  controlMd: 39,\n  controlLg: 40,\n  indicator: 18,\n  indicatorDot: 8,\n  checkMarkW: 5,\n  checkMarkH: 9,\n  switchTrackW: 36,\n  switchTrackH: 20,\n  switchThumb: 16,\n  iconButton: 32,\n  iconButtonSm: 28,\n  spinnerSm: 16,\n  spinnerMd: 24,\n  spinnerLg: 40,\n  glyphXs: 10,\n  glyphSm: 12,\n  glyphMd: 16,\n  iconSm: 16,\n  iconMd: 18,\n  iconLg: 24,\n  iconXl: 36,\n  iconXxl: 48,\n  navMarkerW: 3,\n  navMarkerH: 18,\n  divider: 1,\n  tabIndicator: 2,\n  edgeFade: 32,\n  scrollbar: 8,\n  swatchW: 44,\n  swatchH: 34,\n  labelMinW: 120,\n  popupMinW: 160,\n  listMaxH: 280,\n  listMaxHSm: 200,\n  dialogSm: 400,\n  dialogMd: 520,\n  dialogLg: 680,\n  panelSm: 360,\n  panelMd: 480,\n  panelLg: 640,\n  toastMaxW: 440,\n  gridColSm: 240,\n  gridColMd: 280,\n  pageSm: 600,\n  pageMd: 800,\n  pageLg: 1200,\n} as const\n\n// Email-only measures: no CSS variable (mail clients cannot read them) and not\n// a lint candidate, so it is deliberately absent from keys.ts.\nexport const EMAIL_PX = {emailCardW: 520, trackingPixel: 1} as const\n\n// Dark theme — matches the defaults in `tokens/colors.css.ts`.\nexport const darkColors: RawColors = {\n  bg: '#0f0f0f',\n  bgCard: '#1a1a1a',\n  bgCardHover: '#242424',\n  text: '#e5e5e5',\n  textMuted: '#b0b0b0',\n  accent: '#6aaffc',\n  accentHover: '#93c5fd',\n  accentContrast: '#000000',\n  border: '#333333',\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  success: '#22c55e',\n  successBg: 'rgba(34, 197, 94, 0.1)',\n  successBorder: 'rgba(34, 197, 94, 0.3)',\n  successText: '#86efac',\n  warning: '#fbbf24',\n  warningBg: 'rgba(251, 191, 36, 0.1)',\n  warningBorder: 'rgba(251, 191, 36, 0.3)',\n  warningText: '#fde68a',\n  info: '#6aaffc',\n  infoBg: 'rgba(106, 175, 252, 0.1)',\n  infoBorder: 'rgba(106, 175, 252, 0.3)',\n  infoText: '#93c5fd',\n  scrim: 'rgba(0, 0, 0, 0.4)',\n  inverseFill: 'rgba(0, 0, 0, 0.10)',\n  inverseFillHover: 'rgba(0, 0, 0, 0.18)',\n  inverseBorder: 'rgba(0, 0, 0, 0.55)',\n  inverseBorderHover: 'rgba(0, 0, 0, 0.70)',\n  fixedLight: '#ffffff',\n}\n\n// Light theme — matches the overrides in `themes/light.css.ts`.\nexport const lightColors: RawColors = {\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  info: '#1e40af',\n  infoBg: 'rgba(30, 64, 175, 0.08)',\n  infoBorder: 'rgba(30, 64, 175, 0.3)',\n  infoText: '#1e40af',\n  scrim: 'rgba(0, 0, 0, 0.4)',\n  inverseFill: 'rgba(0, 0, 0, 0.10)',\n  inverseFillHover: 'rgba(0, 0, 0, 0.18)',\n  inverseBorder: 'rgba(0, 0, 0, 0.55)',\n  inverseBorderHover: 'rgba(0, 0, 0, 0.70)',\n  fixedLight: '#ffffff',\n}\n\n// High-contrast theme — matches the overrides in `themes/high-contrast.css.ts`.\nexport const highContrastColors: RawColors = {\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  info: '#60a5fa',\n  infoBg: 'rgba(96, 165, 250, 0.15)',\n  infoBorder: 'rgba(96, 165, 250, 0.5)',\n  infoText: '#bfdbfe',\n  scrim: 'rgba(0, 0, 0, 0.4)',\n  inverseFill: 'rgba(0, 0, 0, 0.10)',\n  inverseFillHover: 'rgba(0, 0, 0, 0.18)',\n  inverseBorder: 'rgba(0, 0, 0, 0.55)',\n  inverseBorderHover: 'rgba(0, 0, 0, 0.70)',\n  fixedLight: '#ffffff',\n}\n"],"names":["SPACING_PX","RADII_PX","FONT_SIZE_REM","BORDERS_PX","SIZES_PX","EMAIL_PX","darkColors","lightColors","highContrastColors"],"mappings":"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"}

package/dist/themes/high-contrast.css.d.ts

@@ -27,6 +27,12 @@ export declare const highContrastTheme: css.Theme<css.VarGroup<Readonly<{
     infoBg: string;
     infoBorder: string;
     infoText: string;
+    scrim: string;
+    inverseFill: string;
+    inverseFillHover: string;
+    inverseBorder: string;
+    inverseBorderHover: string;
+    fixedLight: string;
 }>, symbol>, symbol>;
 export declare const highContrastShadows: css.Theme<css.VarGroup<Readonly<{
     sm: string;

package/dist/themes/high-contrast.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"high-contrast.css.d.ts","sourceRoot":"","sources":["../../src/themes/high-contrast.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAIpC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA4B5B,CAAA;AAEF,eAAO,MAAM,mBAAmB;;;;oBAI9B,CAAA"}
+{"version":3,"file":"high-contrast.css.d.ts","sourceRoot":"","sources":["../../src/themes/high-contrast.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAIpC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAqC5B,CAAA;AAEF,eAAO,MAAM,mBAAmB;;;;oBAI9B,CAAA"}

package/dist/themes/light.css.d.ts

@@ -27,6 +27,12 @@ export declare const lightTheme: css.Theme<css.VarGroup<Readonly<{
     infoBg: string;
     infoBorder: string;
     infoText: string;
+    scrim: string;
+    inverseFill: string;
+    inverseFillHover: string;
+    inverseBorder: string;
+    inverseBorderHover: string;
+    fixedLight: string;
 }>, symbol>, symbol>;
 export declare const lightShadows: css.Theme<css.VarGroup<Readonly<{
     sm: string;

package/dist/themes/light.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"light.css.d.ts","sourceRoot":"","sources":["../../src/themes/light.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAIpC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA4BrB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;oBAIvB,CAAA"}
+{"version":3,"file":"light.css.d.ts","sourceRoot":"","sources":["../../src/themes/light.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAIpC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAqCrB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;oBAIvB,CAAA"}

package/dist/tokens/borders.css.d.ts

@@ -0,0 +1,10 @@
+import { css } from 'react-strict-dom';
+export declare const borders: css.VarGroup<Readonly<{
+    hairline: string;
+    strong: string;
+    accent: string;
+    focusRing: string;
+    focusOffset: string;
+    focusOffsetSm: string;
+}>, symbol>;
+//# sourceMappingURL=borders.css.d.ts.map

package/dist/tokens/borders.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"borders.css.d.ts","sourceRoot":"","sources":["../../src/tokens/borders.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,eAAO,MAAM,OAAO;;;;;;;WAOlB,CAAA"}

package/dist/tokens/colors.css.d.ts

@@ -27,5 +27,11 @@ export declare const colors: css.VarGroup<Readonly<{
     infoBg: string;
     infoBorder: string;
     infoText: string;
+    scrim: string;
+    inverseFill: string;
+    inverseFillHover: string;
+    inverseBorder: string;
+    inverseBorderHover: string;
+    fixedLight: string;
 }>, symbol>;
 //# sourceMappingURL=colors.css.d.ts.map

package/dist/tokens/colors.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.css.d.ts","sourceRoot":"","sources":["../../src/tokens/colors.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA2CjB,CAAA"}
+{"version":3,"file":"colors.css.d.ts","sourceRoot":"","sources":["../../src/tokens/colors.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAqDjB,CAAA"}

package/dist/tokens/motion.css.d.ts

@@ -6,8 +6,12 @@ import { css } from 'react-strict-dom';
  * - durations: 150ms is the de-facto transition (Button, Card, and ~30 other
  *   spots), 200ms the common overlay enter (Drawer), 280ms the larger panel
  *   enter (DetailPanel). `instant` is for explicit no-motion.
+ *   `quick` (List hover, sort indicator) and `brisk` (Toast enter) are the
+ *   two other values components used; `minimal` is the 1ms reduced-motion
+ *   duration that still fires animationend.
  * - easings: `standard` is the default `ease` used throughout; `easeOut` /
  *   `easeIn` are the "Apple ease" curves already defined for DetailPanel.
+ *   `linear` is the Spinner's constant rotation.
  *
  * Reduced motion is handled globally (the `@media (prefers-reduced-motion)`
  * rule in the reset neutralizes timing) plus per-component transform guards, so
@@ -15,12 +19,16 @@ import { css } from 'react-strict-dom';
  */
 export declare const duration: css.VarGroup<Readonly<{
     instant: string;
+    minimal: string;
+    quick: string;
     fast: string;
+    brisk: string;
     base: string;
     slow: string;
 }>, symbol>;
 export declare const easing: css.VarGroup<Readonly<{
     standard: string;
+    linear: string;
     easeOut: string;
     easeIn: string;
 }>, symbol>;

package/dist/tokens/motion.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motion.css.d.ts","sourceRoot":"","sources":["../../src/tokens/motion.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ;;;;;WAKnB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;WAIjB,CAAA"}
+{"version":3,"file":"motion.css.d.ts","sourceRoot":"","sources":["../../src/tokens/motion.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ;;;;;;;;WASnB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;WAKjB,CAAA"}

package/dist/tokens/sizes.css.d.ts

@@ -0,0 +1,52 @@
+import { css } from 'react-strict-dom';
+export declare const sizes: css.VarGroup<Readonly<{
+    touchTarget: string;
+    controlSm: string;
+    controlMd: string;
+    controlLg: string;
+    indicator: string;
+    indicatorDot: string;
+    checkMarkW: string;
+    checkMarkH: string;
+    switchTrackW: string;
+    switchTrackH: string;
+    switchThumb: string;
+    iconButton: string;
+    iconButtonSm: string;
+    spinnerSm: string;
+    spinnerMd: string;
+    spinnerLg: string;
+    glyphXs: string;
+    glyphSm: string;
+    glyphMd: string;
+    iconSm: string;
+    iconMd: string;
+    iconLg: string;
+    iconXl: string;
+    iconXxl: string;
+    navMarkerW: string;
+    navMarkerH: string;
+    divider: string;
+    tabIndicator: string;
+    edgeFade: string;
+    scrollbar: string;
+    swatchW: string;
+    swatchH: string;
+    labelMinW: string;
+    popupMinW: string;
+    listMaxH: string;
+    listMaxHSm: string;
+    dialogSm: string;
+    dialogMd: string;
+    dialogLg: string;
+    panelSm: string;
+    panelMd: string;
+    panelLg: string;
+    toastMaxW: string;
+    gridColSm: string;
+    gridColMd: string;
+    pageSm: string;
+    pageMd: string;
+    pageLg: string;
+}>, symbol>;
+//# sourceMappingURL=sizes.css.d.ts.map

package/dist/tokens/sizes.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.css.d.ts","sourceRoot":"","sources":["../../src/tokens/sizes.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAiDhB,CAAA"}

package/dist/tokens/spacing.css.d.ts

@@ -9,8 +9,16 @@ export declare const spacing: css.VarGroup<Readonly<{
     xxl: string;
     xxxl: string;
 }>, symbol>;
+export declare const microSpacing: css.VarGroup<Readonly<{
+    px1: string;
+    px2: string;
+    px3: string;
+    px5: string;
+    px6: string;
+}>, symbol>;
 export declare const radii: css.VarGroup<Readonly<{
     xs: string;
+    px6: string;
     sm: string;
     md: string;
     lg: string;

package/dist/tokens/spacing.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.css.d.ts","sourceRoot":"","sources":["../../src/tokens/spacing.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,eAAO,MAAM,OAAO;;;;;;;;;WASlB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;WAMhB,CAAA"}
+{"version":3,"file":"spacing.css.d.ts","sourceRoot":"","sources":["../../src/tokens/spacing.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,eAAO,MAAM,OAAO;;;;;;;;;WASlB,CAAA;AAKF,eAAO,MAAM,YAAY;;;;;;WAMvB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;WAOhB,CAAA"}

package/dist/vars.css

@@ -26,10 +26,16 @@
   --duro-color-error-contrast: var(--errorContrast-x1lvjkah);
   --duro-color-error-hover: var(--errorHover-x7eyu03);
   --duro-color-error-text: var(--errorText-xf51nwe);
+  --duro-color-fixed-light: var(--fixedLight-xd608fw);
   --duro-color-info: var(--info-x97ho0r);
   --duro-color-info-bg: var(--infoBg-xho8jir);
   --duro-color-info-border: var(--infoBorder-xnevk3x);
   --duro-color-info-text: var(--infoText-x19pseus);
+  --duro-color-inverse-border: var(--inverseBorder-x1x0j0at);
+  --duro-color-inverse-border-hover: var(--inverseBorderHover-x12x46ev);
+  --duro-color-inverse-fill: var(--inverseFill-x1il694p);
+  --duro-color-inverse-fill-hover: var(--inverseFillHover-xmxqxj9);
+  --duro-color-scrim: var(--scrim-x2ypej7);
   --duro-color-success: var(--success-x197pe5n);
   --duro-color-success-bg: var(--successBg-xzjukav);
   --duro-color-success-border: var(--successBorder-x1my3ygc);
@@ -44,6 +50,7 @@
   --duro-radius-full: var(--full-x9vxdtd);
   --duro-radius-lg: var(--lg-xwd56yl);
   --duro-radius-md: var(--md-xx2g89g);
+  --duro-radius-px6: var(--px6-xgv4348);
   --duro-radius-sm: var(--sm-x1bhtfs5);
   --duro-radius-xs: var(--xs-x1gb5bcy);
   /* shadows */
@@ -59,6 +66,68 @@
   --duro-spacing-xs: var(--xs-xxfyjsd);
   --duro-spacing-xxl: var(--xxl-xbe9eha);
   --duro-spacing-xxxl: var(--xxxl-xroalp5);
+  /* microSpacing */
+  --duro-micro-spacing-px1: var(--px1-xt32so4);
+  --duro-micro-spacing-px2: var(--px2-x127ks2i);
+  --duro-micro-spacing-px3: var(--px3-xzcc43o);
+  --duro-micro-spacing-px5: var(--px5-xrmlnev);
+  --duro-micro-spacing-px6: var(--px6-x1h3gnvl);
+  /* sizes */
+  --duro-size-check-mark-h: var(--checkMarkH-xz3lx6u);
+  --duro-size-check-mark-w: var(--checkMarkW-xvyirw7);
+  --duro-size-control-lg: var(--controlLg-xf3drh3);
+  --duro-size-control-md: var(--controlMd-xkvaeme);
+  --duro-size-control-sm: var(--controlSm-x6ymn93);
+  --duro-size-dialog-lg: var(--dialogLg-xsd9wl3);
+  --duro-size-dialog-md: var(--dialogMd-x1yjoj5l);
+  --duro-size-dialog-sm: var(--dialogSm-x16fibl1);
+  --duro-size-divider: var(--divider-x34oj7m);
+  --duro-size-edge-fade: var(--edgeFade-x1a8srg4);
+  --duro-size-glyph-md: var(--glyphMd-x1hz0jso);
+  --duro-size-glyph-sm: var(--glyphSm-x17geiot);
+  --duro-size-glyph-xs: var(--glyphXs-x7xktls);
+  --duro-size-grid-col-md: var(--gridColMd-x1cjqdt9);
+  --duro-size-grid-col-sm: var(--gridColSm-xzwpy92);
+  --duro-size-icon-button: var(--iconButton-x16lr7a8);
+  --duro-size-icon-button-sm: var(--iconButtonSm-xtjgrhy);
+  --duro-size-icon-lg: var(--iconLg-x1lsumnr);
+  --duro-size-icon-md: var(--iconMd-x1oru5hg);
+  --duro-size-icon-sm: var(--iconSm-x1k4bwrj);
+  --duro-size-icon-xl: var(--iconXl-x7w40q9);
+  --duro-size-icon-xxl: var(--iconXxl-xij55jf);
+  --duro-size-indicator: var(--indicator-xce456j);
+  --duro-size-indicator-dot: var(--indicatorDot-xqflvbi);
+  --duro-size-label-min-w: var(--labelMinW-x1tnvsg3);
+  --duro-size-list-max-h: var(--listMaxH-x1g3bmh3);
+  --duro-size-list-max-h-sm: var(--listMaxHSm-xhny4oa);
+  --duro-size-nav-marker-h: var(--navMarkerH-xlc6r7a);
+  --duro-size-nav-marker-w: var(--navMarkerW-x1swbkx4);
+  --duro-size-page-lg: var(--pageLg-x393fnm);
+  --duro-size-page-md: var(--pageMd-xloo57l);
+  --duro-size-page-sm: var(--pageSm-x5j4ghi);
+  --duro-size-panel-lg: var(--panelLg-x19cpfjm);
+  --duro-size-panel-md: var(--panelMd-x11x23mn);
+  --duro-size-panel-sm: var(--panelSm-x1ng1dcv);
+  --duro-size-popup-min-w: var(--popupMinW-xzyp04);
+  --duro-size-scrollbar: var(--scrollbar-xppi9bb);
+  --duro-size-spinner-lg: var(--spinnerLg-x1lgp9p9);
+  --duro-size-spinner-md: var(--spinnerMd-x11a4rba);
+  --duro-size-spinner-sm: var(--spinnerSm-xoj3xel);
+  --duro-size-swatch-h: var(--swatchH-x5k3223);
+  --duro-size-swatch-w: var(--swatchW-x14v7170);
+  --duro-size-switch-thumb: var(--switchThumb-x6qupft);
+  --duro-size-switch-track-h: var(--switchTrackH-x1h3icne);
+  --duro-size-switch-track-w: var(--switchTrackW-xcah3tt);
+  --duro-size-tab-indicator: var(--tabIndicator-xeswvk3);
+  --duro-size-toast-max-w: var(--toastMaxW-x1po6n0z);
+  --duro-size-touch-target: var(--touchTarget-x1u5badx);
+  /* borders */
+  --duro-border-accent: var(--accent-x1eiysj0);
+  --duro-border-focus-offset: var(--focusOffset-xvo0vkt);
+  --duro-border-focus-offset-sm: var(--focusOffsetSm-x1xhasg3);
+  --duro-border-focus-ring: var(--focusRing-x851k0b);
+  --duro-border-hairline: var(--hairline-xomm6fc);
+  --duro-border-strong: var(--strong-x1otbxzr);
   /* layoutSpacing */
   --duro-layout-spacing-container-lg: var(--containerLg-x1n6aasq);
   --duro-layout-spacing-container-md: var(--containerMd-x170dvin);
@@ -113,12 +182,16 @@
   --duro-type-scale-line-height9: var(--lineHeight9-xshcxhh);
   /* duration */
   --duro-duration-base: var(--base-x13vs74m);
+  --duro-duration-brisk: var(--brisk-xsyifss);
   --duro-duration-fast: var(--fast-x8gs7zb);
   --duro-duration-instant: var(--instant-x3tclo2);
+  --duro-duration-minimal: var(--minimal-x39oeki);
+  --duro-duration-quick: var(--quick-xmb6uht);
   --duro-duration-slow: var(--slow-xtti36c);
   /* easing */
   --duro-easing-ease-in: var(--easeIn-xxaysck);
   --duro-easing-ease-out: var(--easeOut-x1dtgzac);
+  --duro-easing-linear: var(--linear-x13iskbu);
   --duro-easing-standard: var(--standard-xg4ngex);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duro-app/tokens",
-  "version": "4.5.0",
+  "version": "5.0.0",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -32,13 +32,15 @@
     "./raw": {
       "source": "./src/raw.ts",
       "import": "./dist/raw.js",
-      "types": "./src/raw.ts",
+      "types": "./dist/raw.d.ts",
       "default": "./dist/raw.js"
     },
     "./keys": "./src/keys.ts",
     "./tokens/breakpoints.css": "./src/tokens/breakpoints.css.ts",
     "./tokens/colors.css": "./src/tokens/colors.css.ts",
     "./tokens/spacing.css": "./src/tokens/spacing.css.ts",
+    "./tokens/sizes.css": "./src/tokens/sizes.css.ts",
+    "./tokens/borders.css": "./src/tokens/borders.css.ts",
     "./tokens/typography.css": "./src/tokens/typography.css.ts",
     "./tokens/layout-spacing.css": "./src/tokens/layout-spacing.css.ts",
     "./tokens/shadows.css": "./src/tokens/shadows.css.ts",

package/src/index.ts

@@ -1,7 +1,9 @@
 // Tokens
 export {breakpoints, breakpointsPx, type Breakpoint} from './tokens/breakpoints.css'
 export {colors} from './tokens/colors.css'
-export {spacing, radii} from './tokens/spacing.css'
+export {spacing, microSpacing, radii} from './tokens/spacing.css'
+export {sizes} from './tokens/sizes.css'
+export {borders} from './tokens/borders.css'
 export {layoutSpacing} from './tokens/layout-spacing.css'
 export {typography, typeScale} from './tokens/typography.css'
 export {typePresets} from './tokens/type-presets.css'