@duro-app/tokens 5.1.0 → 5.3.0

package/dist/mockup.css

@@ -19,6 +19,8 @@
   --duro-color-bg-card: #1a1a1a;
   --duro-color-bg-card-hover: #242424;
   --duro-color-border: #333333;
+  --duro-color-contrast-border: rgba(0, 0, 0, 0.42);
+  --duro-color-contrast-surface: #f5f5f5;
   --duro-color-error: #f87171;
   --duro-color-error-bg: rgba(248, 113, 113, 0.1);
   --duro-color-error-border: rgba(248, 113, 113, 0.3);
@@ -26,6 +28,10 @@
   --duro-color-error-hover: #fca5a5;
   --duro-color-error-text: #fca5a5;
   --duro-color-fixed-light: #ffffff;
+  --duro-color-highlight: #c084fc;
+  --duro-color-highlight-bg: rgba(192, 132, 252, 0.1);
+  --duro-color-highlight-border: rgba(192, 132, 252, 0.3);
+  --duro-color-highlight-text: #d8b4fe;
   --duro-color-info: #6aaffc;
   --duro-color-info-bg: rgba(106, 175, 252, 0.1);
   --duro-color-info-border: rgba(106, 175, 252, 0.3);
@@ -34,6 +40,8 @@
   --duro-color-inverse-border-hover: rgba(0, 0, 0, 0.70);
   --duro-color-inverse-fill: rgba(0, 0, 0, 0.10);
   --duro-color-inverse-fill-hover: rgba(0, 0, 0, 0.18);
+  --duro-color-on-contrast-surface: #1a1a1a;
+  --duro-color-overlay-light: rgba(255, 255, 255, 0.78);
   --duro-color-scrim: rgba(0, 0, 0, 0.4);
   --duro-color-success: #22c55e;
   --duro-color-success-bg: rgba(34, 197, 94, 0.1);
@@ -46,6 +54,8 @@
   --duro-color-warning-border: rgba(251, 191, 36, 0.3);
   --duro-color-warning-text: #fde68a;
   /* shadows */
+  --duro-shadow-drop-over: inset 0 0 0 2px #6aaffc;
+  --duro-shadow-drop-ready: inset 0 0 0 1px #333333;
   --duro-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
   --duro-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
   --duro-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
@@ -72,21 +82,39 @@
   --duro-radius-sm: 8px;
   --duro-radius-xs: 4px;
   /* sizes */
+  --duro-size-aside-w: 320px;
+  --duro-size-bar-h: 4px;
+  --duro-size-canvas-min-h: 480px;
   --duro-size-check-mark-h: 9px;
   --duro-size-check-mark-w: 5px;
+  --duro-size-chip: 24px;
+  --duro-size-color-area-h: 150px;
+  --duro-size-color-picker-w: 196px;
+  --duro-size-color-preview-h: 22px;
+  --duro-size-color-swatch: 20px;
+  --duro-size-color-track-h: 12px;
   --duro-size-control-lg: 40px;
   --duro-size-control-md: 39px;
   --duro-size-control-sm: 28px;
+  --duro-size-day-header-h: 46px;
+  --duro-size-device-bar-w: 96px;
   --duro-size-dialog-lg: 680px;
   --duro-size-dialog-md: 520px;
   --duro-size-dialog-sm: 400px;
   --duro-size-divider: 1px;
+  --duro-size-drop-zone-min-h: 128px;
   --duro-size-edge-fade: 32px;
+  --duro-size-editor-min-h: 160px;
+  --duro-size-embed-w: 550px;
+  --duro-size-field-min-w: 160px;
+  --duro-size-field-min-w-sm: 80px;
   --duro-size-glyph-md: 16px;
   --duro-size-glyph-sm: 12px;
   --duro-size-glyph-xs: 10px;
   --duro-size-grid-col-md: 280px;
   --duro-size-grid-col-sm: 240px;
+  --duro-size-grid-col-xs: 200px;
+  --duro-size-handle: 16px;
   --duro-size-icon-button: 32px;
   --duro-size-icon-button-sm: 28px;
   --duro-size-icon-lg: 24px;
@@ -99,16 +127,29 @@
   --duro-size-label-min-w: 120px;
   --duro-size-list-max-h: 280px;
   --duro-size-list-max-h-sm: 200px;
+  --duro-size-meter-h: 6px;
   --duro-size-nav-marker-h: 18px;
   --duro-size-nav-marker-w: 3px;
   --duro-size-page-lg: 1200px;
   --duro-size-page-md: 800px;
   --duro-size-page-sm: 600px;
+  --duro-size-page-xl: 1440px;
+  --duro-size-page-xs: 480px;
+  --duro-size-palette-min-w: 96px;
   --duro-size-panel-lg: 640px;
   --duro-size-panel-md: 480px;
   --duro-size-panel-sm: 360px;
+  --duro-size-placeholder-min-h: 80px;
+  --duro-size-popover-w: 320px;
+  --duro-size-popover-w-sm: 240px;
+  --duro-size-popup-max-w: 280px;
   --duro-size-popup-min-w: 160px;
+  --duro-size-preview-max-h: 320px;
+  --duro-size-readout-w: 40px;
   --duro-size-scrollbar: 8px;
+  --duro-size-sidebar-w: 240px;
+  --duro-size-skeleton-chip-w: 96px;
+  --duro-size-slider-w: 96px;
   --duro-size-spinner-lg: 40px;
   --duro-size-spinner-md: 24px;
   --duro-size-spinner-sm: 16px;
@@ -118,7 +159,9 @@
   --duro-size-switch-track-h: 20px;
   --duro-size-switch-track-w: 36px;
   --duro-size-tab-indicator: 2px;
+  --duro-size-time-gutter-w: 64px;
   --duro-size-toast-max-w: 440px;
+  --duro-size-toolbar-h: 36px;
   --duro-size-touch-target: 44px;
   /* borders */
   --duro-border-accent: 3px;
@@ -127,6 +170,18 @@
   --duro-border-focus-ring: 2px;
   --duro-border-hairline: 1px;
   --duro-border-strong: 2px;
+  /* layers */
+  --duro-layer-floating: 50;
+  --duro-layer-modal: 1001;
+  --duro-layer-overlay: 1000;
+  --duro-layer-popover: 1040;
+  --duro-layer-popup: 1050;
+  --duro-layer-popup-backdrop: 1049;
+  --duro-layer-portal: 1100;
+  --duro-layer-raised: 1;
+  --duro-layer-toast: 1060;
+  /* effects */
+  --duro-effect-overlay-blur: blur(2px);
   /* layoutSpacing */
   --duro-layout-spacing-container-lg: 32px;
   --duro-layout-spacing-container-md: 24px;
@@ -210,6 +265,8 @@
   --duro-color-bg-card: #f5f5f5;
   --duro-color-bg-card-hover: #ebebeb;
   --duro-color-border: #d4d4d4;
+  --duro-color-contrast-border: rgba(255, 255, 255, 0.33);
+  --duro-color-contrast-surface: #1a1a1a;
   --duro-color-error: #991b1b;
   --duro-color-error-bg: rgba(153, 27, 27, 0.08);
   --duro-color-error-border: rgba(153, 27, 27, 0.3);
@@ -217,6 +274,10 @@
   --duro-color-error-hover: #7f1d1d;
   --duro-color-error-text: #7f1d1d;
   --duro-color-fixed-light: #ffffff;
+  --duro-color-highlight: #6b21a8;
+  --duro-color-highlight-bg: rgba(107, 33, 168, 0.08);
+  --duro-color-highlight-border: rgba(107, 33, 168, 0.3);
+  --duro-color-highlight-text: #581c87;
   --duro-color-info: #1e40af;
   --duro-color-info-bg: rgba(30, 64, 175, 0.08);
   --duro-color-info-border: rgba(30, 64, 175, 0.3);
@@ -225,6 +286,8 @@
   --duro-color-inverse-border-hover: rgba(0, 0, 0, 0.70);
   --duro-color-inverse-fill: rgba(0, 0, 0, 0.10);
   --duro-color-inverse-fill-hover: rgba(0, 0, 0, 0.18);
+  --duro-color-on-contrast-surface: #e5e5e5;
+  --duro-color-overlay-light: rgba(255, 255, 255, 0.78);
   --duro-color-scrim: rgba(0, 0, 0, 0.4);
   --duro-color-success: #166534;
   --duro-color-success-bg: rgba(22, 101, 52, 0.08);
@@ -237,6 +300,8 @@
   --duro-color-warning-border: rgba(146, 64, 14, 0.3);
   --duro-color-warning-text: #78350f;
   /* shadows */
+  --duro-shadow-drop-over: inset 0 0 0 2px #1e40af;
+  --duro-shadow-drop-ready: inset 0 0 0 1px #d4d4d4;
   --duro-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.16);
   --duro-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
   --duro-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
@@ -252,6 +317,8 @@
   --duro-color-bg-card: #111111;
   --duro-color-bg-card-hover: #1a1a1a;
   --duro-color-border: #555555;
+  --duro-color-contrast-border: rgba(0, 0, 0, 0.42);
+  --duro-color-contrast-surface: #ffffff;
   --duro-color-error: #f87171;
   --duro-color-error-bg: rgba(248, 113, 113, 0.15);
   --duro-color-error-border: rgba(248, 113, 113, 0.5);
@@ -259,6 +326,10 @@
   --duro-color-error-hover: #fca5a5;
   --duro-color-error-text: #fca5a5;
   --duro-color-fixed-light: #ffffff;
+  --duro-color-highlight: #d8b4fe;
+  --duro-color-highlight-bg: rgba(216, 180, 254, 0.15);
+  --duro-color-highlight-border: rgba(216, 180, 254, 0.5);
+  --duro-color-highlight-text: #e9d5ff;
   --duro-color-info: #60a5fa;
   --duro-color-info-bg: rgba(96, 165, 250, 0.15);
   --duro-color-info-border: rgba(96, 165, 250, 0.5);
@@ -267,6 +338,8 @@
   --duro-color-inverse-border-hover: rgba(0, 0, 0, 0.70);
   --duro-color-inverse-fill: rgba(0, 0, 0, 0.10);
   --duro-color-inverse-fill-hover: rgba(0, 0, 0, 0.18);
+  --duro-color-on-contrast-surface: #000000;
+  --duro-color-overlay-light: rgba(255, 255, 255, 0.78);
   --duro-color-scrim: rgba(0, 0, 0, 0.4);
   --duro-color-success: #4ade80;
   --duro-color-success-bg: rgba(74, 222, 128, 0.15);
@@ -279,6 +352,8 @@
   --duro-color-warning-border: rgba(252, 211, 77, 0.5);
   --duro-color-warning-text: #fef08a;
   /* shadows */
+  --duro-shadow-drop-over: inset 0 0 0 2px #60a5fa;
+  --duro-shadow-drop-ready: inset 0 0 0 1px #555555;
   --duro-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.8);
   --duro-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.7);
   --duro-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.6);

package/dist/raw.d.ts

@@ -26,12 +26,20 @@ export type RawColors = {
     infoBg: string;
     infoBorder: string;
     infoText: string;
+    highlight: string;
+    highlightBg: string;
+    highlightBorder: string;
+    highlightText: string;
     scrim: string;
     inverseFill: string;
     inverseFillHover: string;
     inverseBorder: string;
     inverseBorderHover: string;
     fixedLight: string;
+    overlayLight: string;
+    contrastSurface: string;
+    onContrastSurface: string;
+    contrastBorder: string;
 };
 export declare const SPACING_PX: {
     readonly xs: 4;
@@ -67,6 +75,17 @@ export declare const BORDERS_PX: {
     readonly focusOffset: 2;
     readonly focusOffsetSm: 1;
 };
+export declare const LAYERS: {
+    readonly raised: 1;
+    readonly floating: 50;
+    readonly overlay: 1000;
+    readonly modal: 1001;
+    readonly popover: 1040;
+    readonly popupBackdrop: 1049;
+    readonly popup: 1050;
+    readonly toast: 1060;
+    readonly portal: 1100;
+};
 export declare const SIZES_PX: {
     readonly touchTarget: 44;
     readonly controlSm: 28;
@@ -116,6 +135,39 @@ export declare const SIZES_PX: {
     readonly pageSm: 600;
     readonly pageMd: 800;
     readonly pageLg: 1200;
+    readonly sidebarW: 240;
+    readonly pageXs: 480;
+    readonly pageXl: 1440;
+    readonly asideW: 320;
+    readonly gridColXs: 200;
+    readonly fieldMinWSm: 80;
+    readonly fieldMinW: 160;
+    readonly popoverWSm: 240;
+    readonly popoverW: 320;
+    readonly popupMaxW: 280;
+    readonly meterH: 6;
+    readonly skeletonChipW: 96;
+    readonly dropZoneMinH: 128;
+    readonly canvasMinH: 480;
+    readonly editorMinH: 160;
+    readonly toolbarH: 36;
+    readonly embedW: 550;
+    readonly colorPickerW: 196;
+    readonly colorAreaH: 150;
+    readonly colorTrackH: 12;
+    readonly colorSwatch: 20;
+    readonly colorPreviewH: 22;
+    readonly handle: 16;
+    readonly chip: 24;
+    readonly placeholderMinH: 80;
+    readonly previewMaxH: 320;
+    readonly barH: 4;
+    readonly readoutW: 40;
+    readonly sliderW: 96;
+    readonly paletteMinW: 96;
+    readonly deviceBarW: 96;
+    readonly timeGutterW: 64;
+    readonly dayHeaderH: 46;
 };
 export declare const EMAIL_PX: {
     readonly emailCardW: 520;

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;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"}
+{"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,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,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;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,MAAM,CAAA;IACvB,iBAAiB,EAAE,MAAM,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;CACvB,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,MAAM;;;;;;;;;;CAUT,CAAA;AAEV,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFX,CAAA;AAIV,eAAO,MAAM,QAAQ;;;CAA+C,CAAA;AAGpE,eAAO,MAAM,UAAU,EAAE,SA0CxB,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,SA0CzB,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,SA0ChC,CAAA"}

package/dist/raw.js

@@ -28,7 +28,17 @@ const r = {
   focusRing: 2,
   focusOffset: 2,
   focusOffsetSm: 1
-}, n = {
+}, t = {
+  raised: 1,
+  floating: 50,
+  overlay: 1e3,
+  modal: 1001,
+  popover: 1040,
+  popupBackdrop: 1049,
+  popup: 1050,
+  toast: 1060,
+  portal: 1100
+}, g = {
   touchTarget: 44,
   controlSm: 28,
   controlMd: 39,
@@ -76,11 +86,44 @@ const r = {
   gridColMd: 280,
   pageSm: 600,
   pageMd: 800,
-  pageLg: 1200
-}, f = {
+  pageLg: 1200,
+  sidebarW: 240,
+  pageXs: 480,
+  pageXl: 1440,
+  asideW: 320,
+  gridColXs: 200,
+  fieldMinWSm: 80,
+  fieldMinW: 160,
+  popoverWSm: 240,
+  popoverW: 320,
+  popupMaxW: 280,
+  meterH: 6,
+  skeletonChipW: 96,
+  dropZoneMinH: 128,
+  canvasMinH: 480,
+  editorMinH: 160,
+  toolbarH: 36,
+  embedW: 550,
+  colorPickerW: 196,
+  colorAreaH: 150,
+  colorTrackH: 12,
+  colorSwatch: 20,
+  colorPreviewH: 22,
+  handle: 16,
+  chip: 24,
+  placeholderMinH: 80,
+  previewMaxH: 320,
+  barH: 4,
+  readoutW: 40,
+  sliderW: 96,
+  paletteMinW: 96,
+  deviceBarW: 96,
+  timeGutterW: 64,
+  dayHeaderH: 46
+}, i = {
   emailCardW: 520,
   trackingPixel: 1
-}, g = {
+}, n = {
   bg: "#0f0f0f",
   bgCard: "#1a1a1a",
   bgCardHover: "#242424",
@@ -108,13 +151,21 @@ const r = {
   infoBg: "rgba(106, 175, 252, 0.1)",
   infoBorder: "rgba(106, 175, 252, 0.3)",
   infoText: "#93c5fd",
+  highlight: "#c084fc",
+  highlightBg: "rgba(192, 132, 252, 0.1)",
+  highlightBorder: "rgba(192, 132, 252, 0.3)",
+  highlightText: "#d8b4fe",
   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 = {
+  fixedLight: "#ffffff",
+  overlayLight: "rgba(255, 255, 255, 0.78)",
+  contrastSurface: "#f5f5f5",
+  onContrastSurface: "#1a1a1a",
+  contrastBorder: "rgba(0, 0, 0, 0.42)"
+}, f = {
   bg: "#ffffff",
   bgCard: "#f5f5f5",
   bgCardHover: "#ebebeb",
@@ -142,13 +193,21 @@ const r = {
   infoBg: "rgba(30, 64, 175, 0.08)",
   infoBorder: "rgba(30, 64, 175, 0.3)",
   infoText: "#1e40af",
+  highlight: "#6b21a8",
+  highlightBg: "rgba(107, 33, 168, 0.08)",
+  highlightBorder: "rgba(107, 33, 168, 0.3)",
+  highlightText: "#581c87",
   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 = {
+  fixedLight: "#ffffff",
+  overlayLight: "rgba(255, 255, 255, 0.78)",
+  contrastSurface: "#1a1a1a",
+  onContrastSurface: "#e5e5e5",
+  contrastBorder: "rgba(255, 255, 255, 0.33)"
+}, c = {
   bg: "#000000",
   bgCard: "#111111",
   bgCardHover: "#1a1a1a",
@@ -176,22 +235,31 @@ const r = {
   infoBg: "rgba(96, 165, 250, 0.15)",
   infoBorder: "rgba(96, 165, 250, 0.5)",
   infoText: "#bfdbfe",
+  highlight: "#d8b4fe",
+  highlightBg: "rgba(216, 180, 254, 0.15)",
+  highlightBorder: "rgba(216, 180, 254, 0.5)",
+  highlightText: "#e9d5ff",
   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"
+  fixedLight: "#ffffff",
+  overlayLight: "rgba(255, 255, 255, 0.78)",
+  contrastSurface: "#ffffff",
+  onContrastSurface: "#000000",
+  contrastBorder: "rgba(0, 0, 0, 0.42)"
 };
 export {
   o as BORDERS_PX,
-  f as EMAIL_PX,
+  i as EMAIL_PX,
   a as FONT_SIZE_REM,
+  t as LAYERS,
   e as RADII_PX,
-  n as SIZES_PX,
+  g as SIZES_PX,
   r as SPACING_PX,
-  g as darkColors,
-  t as highContrastColors,
-  c as lightColors
+  n as darkColors,
+  c as highContrastColors,
+  f 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  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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"}
+{"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  highlight: string\n  highlightBg: string\n  highlightBorder: string\n  highlightText: string\n  scrim: string\n  inverseFill: string\n  inverseFillHover: string\n  inverseBorder: string\n  inverseBorderHover: string\n  fixedLight: string\n  overlayLight: string\n  contrastSurface: string\n  onContrastSurface: string\n  contrastBorder: 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 LAYERS = {\n  raised: 1,\n  floating: 50,\n  overlay: 1000,\n  modal: 1001,\n  popover: 1040,\n  popupBackdrop: 1049,\n  popup: 1050,\n  toast: 1060,\n  portal: 1100,\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  sidebarW: 240,\n  pageXs: 480,\n  pageXl: 1440,\n  asideW: 320,\n  gridColXs: 200,\n  fieldMinWSm: 80,\n  fieldMinW: 160,\n  popoverWSm: 240,\n  popoverW: 320,\n  popupMaxW: 280,\n  meterH: 6,\n  skeletonChipW: 96,\n  dropZoneMinH: 128,\n  canvasMinH: 480,\n  editorMinH: 160,\n  toolbarH: 36,\n  embedW: 550,\n  colorPickerW: 196,\n  colorAreaH: 150,\n  colorTrackH: 12,\n  colorSwatch: 20,\n  colorPreviewH: 22,\n  handle: 16,\n  chip: 24,\n  placeholderMinH: 80,\n  previewMaxH: 320,\n  barH: 4,\n  readoutW: 40,\n  sliderW: 96,\n  paletteMinW: 96,\n  deviceBarW: 96,\n  timeGutterW: 64,\n  dayHeaderH: 46,\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  highlight: '#c084fc',\n  highlightBg: 'rgba(192, 132, 252, 0.1)',\n  highlightBorder: 'rgba(192, 132, 252, 0.3)',\n  highlightText: '#d8b4fe',\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  overlayLight: 'rgba(255, 255, 255, 0.78)',\n  contrastSurface: '#f5f5f5',\n  onContrastSurface: '#1a1a1a',\n  contrastBorder: 'rgba(0, 0, 0, 0.42)',\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  highlight: '#6b21a8',\n  highlightBg: 'rgba(107, 33, 168, 0.08)',\n  highlightBorder: 'rgba(107, 33, 168, 0.3)',\n  highlightText: '#581c87',\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  overlayLight: 'rgba(255, 255, 255, 0.78)',\n  contrastSurface: '#1a1a1a',\n  onContrastSurface: '#e5e5e5',\n  contrastBorder: 'rgba(255, 255, 255, 0.33)',\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  highlight: '#d8b4fe',\n  highlightBg: 'rgba(216, 180, 254, 0.15)',\n  highlightBorder: 'rgba(216, 180, 254, 0.5)',\n  highlightText: '#e9d5ff',\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  overlayLight: 'rgba(255, 255, 255, 0.78)',\n  contrastSurface: '#ffffff',\n  onContrastSurface: '#000000',\n  contrastBorder: 'rgba(0, 0, 0, 0.42)',\n}\n"],"names":["SPACING_PX","RADII_PX","FONT_SIZE_REM","BORDERS_PX","LAYERS","SIZES_PX","EMAIL_PX","darkColors","lightColors","highContrastColors"],"mappings":"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"}

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

@@ -27,16 +27,26 @@ export declare const highContrastTheme: css.Theme<css.VarGroup<Readonly<{
     infoBg: string;
     infoBorder: string;
     infoText: string;
+    highlight: string;
+    highlightBg: string;
+    highlightBorder: string;
+    highlightText: string;
     scrim: string;
     inverseFill: string;
     inverseFillHover: string;
     inverseBorder: string;
     inverseBorderHover: string;
     fixedLight: string;
+    overlayLight: string;
+    contrastSurface: string;
+    onContrastSurface: string;
+    contrastBorder: string;
 }>, symbol>, symbol>;
 export declare const highContrastShadows: css.Theme<css.VarGroup<Readonly<{
     sm: string;
     md: string;
     lg: string;
+    dropReady: string;
+    dropOver: string;
 }>, symbol>, symbol>;
 //# sourceMappingURL=high-contrast.css.d.ts.map

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAqC5B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAoD5B,CAAA;AAEF,eAAO,MAAM,mBAAmB;;;;;;oBAM9B,CAAA"}

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

@@ -27,16 +27,26 @@ export declare const lightTheme: css.Theme<css.VarGroup<Readonly<{
     infoBg: string;
     infoBorder: string;
     infoText: string;
+    highlight: string;
+    highlightBg: string;
+    highlightBorder: string;
+    highlightText: string;
     scrim: string;
     inverseFill: string;
     inverseFillHover: string;
     inverseBorder: string;
     inverseBorderHover: string;
     fixedLight: string;
+    overlayLight: string;
+    contrastSurface: string;
+    onContrastSurface: string;
+    contrastBorder: string;
 }>, symbol>, symbol>;
 export declare const lightShadows: css.Theme<css.VarGroup<Readonly<{
     sm: string;
     md: string;
     lg: string;
+    dropReady: string;
+    dropOver: string;
 }>, symbol>, symbol>;
 //# sourceMappingURL=light.css.d.ts.map

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAqCrB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAoDrB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;oBAMvB,CAAA"}

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

@@ -27,11 +27,19 @@ export declare const colors: css.VarGroup<Readonly<{
     infoBg: string;
     infoBorder: string;
     infoText: string;
+    highlight: string;
+    highlightBg: string;
+    highlightBorder: string;
+    highlightText: string;
     scrim: string;
     inverseFill: string;
     inverseFillHover: string;
     inverseBorder: string;
     inverseBorderHover: string;
     fixedLight: string;
+    overlayLight: string;
+    contrastSurface: string;
+    onContrastSurface: string;
+    contrastBorder: 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAqDjB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAoEjB,CAAA"}

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

@@ -0,0 +1,5 @@
+import { css } from 'react-strict-dom';
+export declare const effects: css.VarGroup<Readonly<{
+    overlayBlur: string;
+}>, symbol>;
+//# sourceMappingURL=effects.css.d.ts.map

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

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

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

@@ -0,0 +1,13 @@
+import { css } from 'react-strict-dom';
+export declare const layers: css.VarGroup<Readonly<{
+    readonly raised: css.Types.Integer<number>;
+    readonly floating: css.Types.Integer<number>;
+    readonly overlay: css.Types.Integer<number>;
+    readonly modal: css.Types.Integer<number>;
+    readonly popover: css.Types.Integer<number>;
+    readonly popupBackdrop: css.Types.Integer<number>;
+    readonly popup: css.Types.Integer<number>;
+    readonly toast: css.Types.Integer<number>;
+    readonly portal: css.Types.Integer<number>;
+}>, symbol>;
+//# sourceMappingURL=layers.css.d.ts.map

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

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

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

@@ -3,5 +3,7 @@ export declare const shadows: css.VarGroup<Readonly<{
     sm: string;
     md: string;
     lg: string;
+    dropReady: string;
+    dropOver: string;
 }>, symbol>;
 //# sourceMappingURL=shadows.css.d.ts.map

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

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