@refineui/tokens 1.0.0

package/dist/tailwind-theme.css

@@ -0,0 +1,348 @@
+@theme {
+  --border-width-refineui-hairline: var(--refineui-stroke-width-hairline);
+  --border-width-refineui-none: var(--refineui-stroke-width-none);
+  --border-width-refineui-thick: var(--refineui-stroke-width-thick);
+  --border-width-refineui-thicker: var(--refineui-stroke-width-thicker);
+  --border-width-refineui-thickest: var(--refineui-stroke-width-thickest);
+  --border-width-refineui-thin: var(--refineui-stroke-width-thin);
+  --color-refineui-alias-background-brand-active: var(--refineui-color-alias-background-brand-active);
+  --color-refineui-alias-background-brand-disabled: var(--refineui-color-alias-background-brand-disabled);
+  --color-refineui-alias-background-brand-hover: var(--refineui-color-alias-background-brand-hover);
+  --color-refineui-alias-background-brand-strong: var(--refineui-color-alias-background-brand-strong);
+  --color-refineui-alias-background-brand-subtle: var(--refineui-color-alias-background-brand-subtle);
+  --color-refineui-alias-background-brand: var(--refineui-color-alias-background-brand);
+  --color-refineui-alias-background-discovery-hover: var(--refineui-color-alias-background-discovery-hover);
+  --color-refineui-alias-background-discovery-subtle: var(--refineui-color-alias-background-discovery-subtle);
+  --color-refineui-alias-background-discovery: var(--refineui-color-alias-background-discovery);
+  --color-refineui-alias-background-error-hover: var(--refineui-color-alias-background-error-hover);
+  --color-refineui-alias-background-error-subtle: var(--refineui-color-alias-background-error-subtle);
+  --color-refineui-alias-background-error: var(--refineui-color-alias-background-error);
+  --color-refineui-alias-background-info-hover: var(--refineui-color-alias-background-info-hover);
+  --color-refineui-alias-background-info-subtle: var(--refineui-color-alias-background-info-subtle);
+  --color-refineui-alias-background-info: var(--refineui-color-alias-background-info);
+  --color-refineui-alias-background-primary-active: var(--refineui-color-alias-background-primary-active);
+  --color-refineui-alias-background-primary-hover: var(--refineui-color-alias-background-primary-hover);
+  --color-refineui-alias-background-primary: var(--refineui-color-alias-background-primary);
+  --color-refineui-alias-background-success-hover: var(--refineui-color-alias-background-success-hover);
+  --color-refineui-alias-background-success-subtle: var(--refineui-color-alias-background-success-subtle);
+  --color-refineui-alias-background-success: var(--refineui-color-alias-background-success);
+  --color-refineui-alias-background-surface-active: var(--refineui-color-alias-background-surface-active);
+  --color-refineui-alias-background-surface-disabled: var(--refineui-color-alias-background-surface-disabled);
+  --color-refineui-alias-background-surface-hover: var(--refineui-color-alias-background-surface-hover);
+  --color-refineui-alias-background-surface-selected: var(--refineui-color-alias-background-surface-selected);
+  --color-refineui-alias-background-surface: var(--refineui-color-alias-background-surface);
+  --color-refineui-alias-background-warning-hover: var(--refineui-color-alias-background-warning-hover);
+  --color-refineui-alias-background-warning-subtle: var(--refineui-color-alias-background-warning-subtle);
+  --color-refineui-alias-background-warning: var(--refineui-color-alias-background-warning);
+  --color-refineui-alias-border-default: var(--refineui-color-alias-border-default);
+  --color-refineui-alias-border-disabled: var(--refineui-color-alias-border-disabled);
+  --color-refineui-alias-border-discovery: var(--refineui-color-alias-border-discovery);
+  --color-refineui-alias-border-error: var(--refineui-color-alias-border-error);
+  --color-refineui-alias-border-focus: var(--refineui-color-alias-border-focus);
+  --color-refineui-alias-border-hover: var(--refineui-color-alias-border-hover);
+  --color-refineui-alias-border-info: var(--refineui-color-alias-border-info);
+  --color-refineui-alias-border-strong: var(--refineui-color-alias-border-strong);
+  --color-refineui-alias-border-subtle: var(--refineui-color-alias-border-subtle);
+  --color-refineui-alias-border-success: var(--refineui-color-alias-border-success);
+  --color-refineui-alias-border-warning: var(--refineui-color-alias-border-warning);
+  --color-refineui-alias-foreground-brand-strong: var(--refineui-color-alias-foreground-brand-strong);
+  --color-refineui-alias-foreground-brand: var(--refineui-color-alias-foreground-brand);
+  --color-refineui-alias-foreground-disabled: var(--refineui-color-alias-foreground-disabled);
+  --color-refineui-alias-foreground-discovery: var(--refineui-color-alias-foreground-discovery);
+  --color-refineui-alias-foreground-error: var(--refineui-color-alias-foreground-error);
+  --color-refineui-alias-foreground-info: var(--refineui-color-alias-foreground-info);
+  --color-refineui-alias-foreground-inversed: var(--refineui-color-alias-foreground-inversed);
+  --color-refineui-alias-foreground-link-active: var(--refineui-color-alias-foreground-link-active);
+  --color-refineui-alias-foreground-link-hover: var(--refineui-color-alias-foreground-link-hover);
+  --color-refineui-alias-foreground-link-visited: var(--refineui-color-alias-foreground-link-visited);
+  --color-refineui-alias-foreground-link: var(--refineui-color-alias-foreground-link);
+  --color-refineui-alias-foreground-on-brand: var(--refineui-color-alias-foreground-on-brand);
+  --color-refineui-alias-foreground-on-discovery: var(--refineui-color-alias-foreground-on-discovery);
+  --color-refineui-alias-foreground-on-error: var(--refineui-color-alias-foreground-on-error);
+  --color-refineui-alias-foreground-on-info: var(--refineui-color-alias-foreground-on-info);
+  --color-refineui-alias-foreground-on-success: var(--refineui-color-alias-foreground-on-success);
+  --color-refineui-alias-foreground-on-warning: var(--refineui-color-alias-foreground-on-warning);
+  --color-refineui-alias-foreground-placeholder: var(--refineui-color-alias-foreground-placeholder);
+  --color-refineui-alias-foreground-primary-hover: var(--refineui-color-alias-foreground-primary-hover);
+  --color-refineui-alias-foreground-primary: var(--refineui-color-alias-foreground-primary);
+  --color-refineui-alias-foreground-secondary: var(--refineui-color-alias-foreground-secondary);
+  --color-refineui-alias-foreground-success: var(--refineui-color-alias-foreground-success);
+  --color-refineui-alias-foreground-tertiary: var(--refineui-color-alias-foreground-tertiary);
+  --color-refineui-alias-foreground-warning: var(--refineui-color-alias-foreground-warning);
+  --color-refineui-alias-surface-elevated: var(--refineui-color-alias-surface-elevated);
+  --color-refineui-alias-surface-inverse: var(--refineui-color-alias-surface-inverse);
+  --color-refineui-alias-surface-overlay: var(--refineui-color-alias-surface-overlay);
+  --color-refineui-alias-surface-popover: var(--refineui-color-alias-surface-popover);
+  --color-refineui-alias-surface-sunken: var(--refineui-color-alias-surface-sunken);
+  --color-refineui-alias-surface-tooltip: var(--refineui-color-alias-surface-tooltip);
+  --color-refineui-blue-1000: var(--refineui-color-blue-1000);
+  --color-refineui-blue-100: var(--refineui-color-blue-100);
+  --color-refineui-blue-200: var(--refineui-color-blue-200);
+  --color-refineui-blue-300: var(--refineui-color-blue-300);
+  --color-refineui-blue-400: var(--refineui-color-blue-400);
+  --color-refineui-blue-500: var(--refineui-color-blue-500);
+  --color-refineui-blue-600: var(--refineui-color-blue-600);
+  --color-refineui-blue-700: var(--refineui-color-blue-700);
+  --color-refineui-blue-800: var(--refineui-color-blue-800);
+  --color-refineui-blue-900: var(--refineui-color-blue-900);
+  --color-refineui-green-1000: var(--refineui-color-green-1000);
+  --color-refineui-green-100: var(--refineui-color-green-100);
+  --color-refineui-green-200: var(--refineui-color-green-200);
+  --color-refineui-green-300: var(--refineui-color-green-300);
+  --color-refineui-green-400: var(--refineui-color-green-400);
+  --color-refineui-green-500: var(--refineui-color-green-500);
+  --color-refineui-green-600: var(--refineui-color-green-600);
+  --color-refineui-green-700: var(--refineui-color-green-700);
+  --color-refineui-green-800: var(--refineui-color-green-800);
+  --color-refineui-green-900: var(--refineui-color-green-900);
+  --color-refineui-lime-1000: var(--refineui-color-lime-1000);
+  --color-refineui-lime-100: var(--refineui-color-lime-100);
+  --color-refineui-lime-200: var(--refineui-color-lime-200);
+  --color-refineui-lime-300: var(--refineui-color-lime-300);
+  --color-refineui-lime-400: var(--refineui-color-lime-400);
+  --color-refineui-lime-500: var(--refineui-color-lime-500);
+  --color-refineui-lime-600: var(--refineui-color-lime-600);
+  --color-refineui-lime-700: var(--refineui-color-lime-700);
+  --color-refineui-lime-800: var(--refineui-color-lime-800);
+  --color-refineui-lime-900: var(--refineui-color-lime-900);
+  --color-refineui-magenta-1000: var(--refineui-color-magenta-1000);
+  --color-refineui-magenta-100: var(--refineui-color-magenta-100);
+  --color-refineui-magenta-200: var(--refineui-color-magenta-200);
+  --color-refineui-magenta-300: var(--refineui-color-magenta-300);
+  --color-refineui-magenta-400: var(--refineui-color-magenta-400);
+  --color-refineui-magenta-500: var(--refineui-color-magenta-500);
+  --color-refineui-magenta-600: var(--refineui-color-magenta-600);
+  --color-refineui-magenta-700: var(--refineui-color-magenta-700);
+  --color-refineui-magenta-800: var(--refineui-color-magenta-800);
+  --color-refineui-magenta-900: var(--refineui-color-magenta-900);
+  --color-refineui-neutral-100: var(--refineui-color-neutral-100);
+  --color-refineui-neutral-150: var(--refineui-color-neutral-150);
+  --color-refineui-neutral-200: var(--refineui-color-neutral-200);
+  --color-refineui-neutral-250: var(--refineui-color-neutral-250);
+  --color-refineui-neutral-300: var(--refineui-color-neutral-300);
+  --color-refineui-neutral-350: var(--refineui-color-neutral-350);
+  --color-refineui-neutral-400: var(--refineui-color-neutral-400);
+  --color-refineui-neutral-450: var(--refineui-color-neutral-450);
+  --color-refineui-neutral-500: var(--refineui-color-neutral-500);
+  --color-refineui-neutral-550: var(--refineui-color-neutral-550);
+  --color-refineui-neutral-600: var(--refineui-color-neutral-600);
+  --color-refineui-neutral-650: var(--refineui-color-neutral-650);
+  --color-refineui-neutral-700: var(--refineui-color-neutral-700);
+  --color-refineui-neutral-750: var(--refineui-color-neutral-750);
+  --color-refineui-neutral-800: var(--refineui-color-neutral-800);
+  --color-refineui-neutral-850: var(--refineui-color-neutral-850);
+  --color-refineui-neutral-900: var(--refineui-color-neutral-900);
+  --color-refineui-neutral-950: var(--refineui-color-neutral-950);
+  --color-refineui-neutral-black: var(--refineui-color-neutral-black);
+  --color-refineui-neutral-white: var(--refineui-color-neutral-white);
+  --color-refineui-orange-1000: var(--refineui-color-orange-1000);
+  --color-refineui-orange-100: var(--refineui-color-orange-100);
+  --color-refineui-orange-200: var(--refineui-color-orange-200);
+  --color-refineui-orange-300: var(--refineui-color-orange-300);
+  --color-refineui-orange-400: var(--refineui-color-orange-400);
+  --color-refineui-orange-500: var(--refineui-color-orange-500);
+  --color-refineui-orange-600: var(--refineui-color-orange-600);
+  --color-refineui-orange-700: var(--refineui-color-orange-700);
+  --color-refineui-orange-800: var(--refineui-color-orange-800);
+  --color-refineui-orange-900: var(--refineui-color-orange-900);
+  --color-refineui-overlay-backdrop: var(--refineui-overlay-backdrop);
+  --color-refineui-overlay-ghost-button-hover-dark: var(--refineui-overlay-ghost-button-hover-dark);
+  --color-refineui-primary-black: var(--refineui-color-primary-black);
+  --color-refineui-primary-dark-gray: var(--refineui-color-primary-dark-gray);
+  --color-refineui-primary-gray: var(--refineui-color-primary-gray);
+  --color-refineui-primary-light-gray: var(--refineui-color-primary-light-gray);
+  --color-refineui-purple-1000: var(--refineui-color-purple-1000);
+  --color-refineui-purple-100: var(--refineui-color-purple-100);
+  --color-refineui-purple-200: var(--refineui-color-purple-200);
+  --color-refineui-purple-300: var(--refineui-color-purple-300);
+  --color-refineui-purple-400: var(--refineui-color-purple-400);
+  --color-refineui-purple-500: var(--refineui-color-purple-500);
+  --color-refineui-purple-600: var(--refineui-color-purple-600);
+  --color-refineui-purple-700: var(--refineui-color-purple-700);
+  --color-refineui-purple-800: var(--refineui-color-purple-800);
+  --color-refineui-purple-900: var(--refineui-color-purple-900);
+  --color-refineui-red-1000: var(--refineui-color-red-1000);
+  --color-refineui-red-100: var(--refineui-color-red-100);
+  --color-refineui-red-200: var(--refineui-color-red-200);
+  --color-refineui-red-300: var(--refineui-color-red-300);
+  --color-refineui-red-400: var(--refineui-color-red-400);
+  --color-refineui-red-500: var(--refineui-color-red-500);
+  --color-refineui-red-600: var(--refineui-color-red-600);
+  --color-refineui-red-700: var(--refineui-color-red-700);
+  --color-refineui-red-800: var(--refineui-color-red-800);
+  --color-refineui-red-900: var(--refineui-color-red-900);
+  --color-refineui-teal-1000: var(--refineui-color-teal-1000);
+  --color-refineui-teal-100: var(--refineui-color-teal-100);
+  --color-refineui-teal-200: var(--refineui-color-teal-200);
+  --color-refineui-teal-300: var(--refineui-color-teal-300);
+  --color-refineui-teal-400: var(--refineui-color-teal-400);
+  --color-refineui-teal-500: var(--refineui-color-teal-500);
+  --color-refineui-teal-600: var(--refineui-color-teal-600);
+  --color-refineui-teal-700: var(--refineui-color-teal-700);
+  --color-refineui-teal-800: var(--refineui-color-teal-800);
+  --color-refineui-teal-900: var(--refineui-color-teal-900);
+  --color-refineui-yellow-1000: var(--refineui-color-yellow-1000);
+  --color-refineui-yellow-100: var(--refineui-color-yellow-100);
+  --color-refineui-yellow-200: var(--refineui-color-yellow-200);
+  --color-refineui-yellow-300: var(--refineui-color-yellow-300);
+  --color-refineui-yellow-400: var(--refineui-color-yellow-400);
+  --color-refineui-yellow-500: var(--refineui-color-yellow-500);
+  --color-refineui-yellow-600: var(--refineui-color-yellow-600);
+  --color-refineui-yellow-700: var(--refineui-color-yellow-700);
+  --color-refineui-yellow-800: var(--refineui-color-yellow-800);
+  --color-refineui-yellow-900: var(--refineui-color-yellow-900);
+  --opacity-refineui-disabled: var(--refineui-opacity-disabled);
+  --opacity-refineui-full: var(--refineui-opacity-full);
+  --opacity-refineui-ghost-hover: var(--refineui-opacity-ghost-hover);
+  --radius-refineui-circle: var(--refineui-radius-rounded-circle);
+  --radius-refineui-large: var(--refineui-radius-rounded-large);
+  --radius-refineui-medium: var(--refineui-radius-rounded-medium);
+  --radius-refineui-none: var(--refineui-radius-rounded-none);
+  --radius-refineui-small: var(--refineui-radius-rounded-small);
+  --radius-refineui-x-large: var(--refineui-radius-rounded-x-large);
+  --radius-refineui-x-small: var(--refineui-radius-rounded-x-small);
+  --radius-refineui-xx-large: var(--refineui-radius-rounded-xx-large);
+  --shadow-refineui-16: var(--refineui-elevation-16);
+  --shadow-refineui-16dark: var(--refineui-elevation-16dark);
+  --shadow-refineui-16light: var(--refineui-elevation-16light);
+  --shadow-refineui-24: var(--refineui-elevation-24);
+  --shadow-refineui-24dark: var(--refineui-elevation-24dark);
+  --shadow-refineui-24light: var(--refineui-elevation-24light);
+  --shadow-refineui-2: var(--refineui-elevation-2);
+  --shadow-refineui-2dark: var(--refineui-elevation-2dark);
+  --shadow-refineui-2light: var(--refineui-elevation-2light);
+  --shadow-refineui-2lighter: var(--refineui-elevation-2lighter);
+  --shadow-refineui-32: var(--refineui-elevation-32);
+  --shadow-refineui-32dark: var(--refineui-elevation-32dark);
+  --shadow-refineui-32light: var(--refineui-elevation-32light);
+  --shadow-refineui-4: var(--refineui-elevation-4);
+  --shadow-refineui-4dark: var(--refineui-elevation-4dark);
+  --shadow-refineui-4light: var(--refineui-elevation-4light);
+  --shadow-refineui-64: var(--refineui-elevation-64);
+  --shadow-refineui-64dark: var(--refineui-elevation-64dark);
+  --shadow-refineui-64light: var(--refineui-elevation-64light);
+  --shadow-refineui-8: var(--refineui-elevation-8);
+  --shadow-refineui-8dark: var(--refineui-elevation-8dark);
+  --shadow-refineui-8light: var(--refineui-elevation-8light);
+  --spacing-refineui-accessible-clip: var(--refineui-size-accessible-clip);
+  --spacing-refineui-avatar-status-xxxlarge: var(--refineui-size-avatar-status-xxxlarge);
+  --spacing-refineui-button-min-height-lg: var(--refineui-size-button-min-height-lg);
+  --spacing-refineui-button-min-height-md: var(--refineui-size-button-min-height-md);
+  --spacing-refineui-button-min-height-sm: var(--refineui-size-button-min-height-sm);
+  --spacing-refineui-calendar-day-size: var(--refineui-size-calendar-day-size);
+  --spacing-refineui-calendar-min-width: var(--refineui-size-calendar-min-width);
+  --spacing-refineui-chip-min-height-lg: var(--refineui-size-chip-min-height-lg);
+  --spacing-refineui-chip-min-height-md: var(--refineui-size-chip-min-height-md);
+  --spacing-refineui-chip-min-height-sm: var(--refineui-size-chip-min-height-sm);
+  --spacing-refineui-control-checkbox-radio: var(--refineui-size-control-checkbox-radio);
+  --spacing-refineui-control-checkbox: var(--refineui-size-control-checkbox);
+  --spacing-refineui-control-height-lg: var(--refineui-size-control-height-lg);
+  --spacing-refineui-control-height-md: var(--refineui-size-control-height-md);
+  --spacing-refineui-control-height-sm: var(--refineui-size-control-height-sm);
+  --spacing-refineui-control-textarea-min: var(--refineui-size-control-textarea-min);
+  --spacing-refineui-control-touch-min: var(--refineui-size-control-touch-min);
+  --spacing-refineui-dialog-max-height-viewport: var(--refineui-size-dialog-max-height-viewport);
+  --spacing-refineui-dialog-max-width: var(--refineui-size-dialog-max-width);
+  --spacing-refineui-dialog-width-sm: var(--refineui-size-dialog-width-sm);
+  --spacing-refineui-divider-icon-circle-diameter: var(--refineui-size-divider-icon-circle-diameter);
+  --spacing-refineui-divider-icon-circle-inset: var(--refineui-size-divider-icon-circle-inset);
+  --spacing-refineui-divider-icon-slot: var(--refineui-size-divider-icon-slot);
+  --spacing-refineui-divider-short-end: var(--refineui-size-divider-short-end);
+  --spacing-refineui-drawer-width-lg: var(--refineui-size-drawer-width-lg);
+  --spacing-refineui-drawer-width-md: var(--refineui-size-drawer-width-md);
+  --spacing-refineui-drawer-width-sm: var(--refineui-size-drawer-width-sm);
+  --spacing-refineui-dropdown-menu-width: var(--refineui-size-dropdown-menu-width);
+  --spacing-refineui-foundation-size-100: var(--refineui-size-foundation-size-100);
+  --spacing-refineui-foundation-size-10: var(--refineui-size-foundation-size-10);
+  --spacing-refineui-foundation-size-120: var(--refineui-size-foundation-size-120);
+  --spacing-refineui-foundation-size-133: var(--refineui-size-foundation-size-133);
+  --spacing-refineui-foundation-size-140: var(--refineui-size-foundation-size-140);
+  --spacing-refineui-foundation-size-160: var(--refineui-size-foundation-size-160);
+  --spacing-refineui-foundation-size-2000: var(--refineui-size-foundation-size-2000);
+  --spacing-refineui-foundation-size-200: var(--refineui-size-foundation-size-200);
+  --spacing-refineui-foundation-size-20: var(--refineui-size-foundation-size-20);
+  --spacing-refineui-foundation-size-240: var(--refineui-size-foundation-size-240);
+  --spacing-refineui-foundation-size-2440: var(--refineui-size-foundation-size-2440);
+  --spacing-refineui-foundation-size-2560: var(--refineui-size-foundation-size-2560);
+  --spacing-refineui-foundation-size-280: var(--refineui-size-foundation-size-280);
+  --spacing-refineui-foundation-size-3000: var(--refineui-size-foundation-size-3000);
+  --spacing-refineui-foundation-size-300: var(--refineui-size-foundation-size-300);
+  --spacing-refineui-foundation-size-30: var(--refineui-size-foundation-size-30);
+  --spacing-refineui-foundation-size-3200: var(--refineui-size-foundation-size-3200);
+  --spacing-refineui-foundation-size-320: var(--refineui-size-foundation-size-320);
+  --spacing-refineui-foundation-size-3250: var(--refineui-size-foundation-size-3250);
+  --spacing-refineui-foundation-size-340: var(--refineui-size-foundation-size-340);
+  --spacing-refineui-foundation-size-360: var(--refineui-size-foundation-size-360);
+  --spacing-refineui-foundation-size-400: var(--refineui-size-foundation-size-400);
+  --spacing-refineui-foundation-size-40: var(--refineui-size-foundation-size-40);
+  --spacing-refineui-foundation-size-440: var(--refineui-size-foundation-size-440);
+  --spacing-refineui-foundation-size-4500: var(--refineui-size-foundation-size-4500);
+  --spacing-refineui-foundation-size-480: var(--refineui-size-foundation-size-480);
+  --spacing-refineui-foundation-size-520: var(--refineui-size-foundation-size-520);
+  --spacing-refineui-foundation-size-540: var(--refineui-size-foundation-size-540);
+  --spacing-refineui-foundation-size-5750: var(--refineui-size-foundation-size-5750);
+  --spacing-refineui-foundation-size-6000: var(--refineui-size-foundation-size-6000);
+  --spacing-refineui-foundation-size-600: var(--refineui-size-foundation-size-600);
+  --spacing-refineui-foundation-size-60: var(--refineui-size-foundation-size-60);
+  --spacing-refineui-foundation-size-800: var(--refineui-size-foundation-size-800);
+  --spacing-refineui-foundation-size-80: var(--refineui-size-foundation-size-80);
+  --spacing-refineui-foundation-size-8500: var(--refineui-size-foundation-size-8500);
+  --spacing-refineui-icon-large: var(--refineui-icon-size-large);
+  --spacing-refineui-icon-medium: var(--refineui-icon-size-medium);
+  --spacing-refineui-icon-small: var(--refineui-icon-size-small);
+  --spacing-refineui-icon-xlarge: var(--refineui-icon-size-xlarge);
+  --spacing-refineui-icon-xsmall: var(--refineui-icon-size-xsmall);
+  --spacing-refineui-icon-xxlarge: var(--refineui-icon-size-xxlarge);
+  --spacing-refineui-icon-xxsmall: var(--refineui-icon-size-xxsmall);
+  --spacing-refineui-menu-panel-width: var(--refineui-size-menu-panel-width);
+  --spacing-refineui-pagination-button-min-width: var(--refineui-size-pagination-button-min-width);
+  --spacing-refineui-popover-beak-inset-from-end-edge: var(--refineui-size-popover-beak-inset-from-end-edge);
+  --spacing-refineui-popover-beak-inset-from-start-edge: var(--refineui-size-popover-beak-inset-from-start-edge);
+  --spacing-refineui-popover-panel-width: var(--refineui-size-popover-panel-width);
+  --spacing-refineui-progress-track-height-lg: var(--refineui-size-progress-track-height-lg);
+  --spacing-refineui-progress-track-height-sm: var(--refineui-size-progress-track-height-sm);
+  --spacing-refineui-sidebar-width: var(--refineui-size-sidebar-width);
+  --spacing-refineui-size-large: var(--refineui-spacing-size-large);
+  --spacing-refineui-size-medium: var(--refineui-spacing-size-medium);
+  --spacing-refineui-size-none: var(--refineui-spacing-size-none);
+  --spacing-refineui-size-small: var(--refineui-spacing-size-small);
+  --spacing-refineui-size-x-large: var(--refineui-spacing-size-x-large);
+  --spacing-refineui-size-x-small: var(--refineui-spacing-size-x-small);
+  --spacing-refineui-size-xx-large: var(--refineui-spacing-size-xx-large);
+  --spacing-refineui-size-xx-small: var(--refineui-spacing-size-xx-small);
+  --spacing-refineui-size-xxx-large: var(--refineui-spacing-size-xxx-large);
+  --spacing-refineui-size-xxx-small: var(--refineui-spacing-size-xxx-small);
+  --spacing-refineui-skeleton-default-height: var(--refineui-size-skeleton-default-height);
+  --spacing-refineui-slider-interaction-height: var(--refineui-size-slider-interaction-height);
+  --spacing-refineui-slider-track-height-md: var(--refineui-size-slider-track-height-md);
+  --spacing-refineui-slider-track-height-sm: var(--refineui-size-slider-track-height-sm);
+  --spacing-refineui-spin-field-padding-inline-start: var(--refineui-size-spin-field-padding-inline-start);
+  --spacing-refineui-spin-stepper-width: var(--refineui-size-spin-stepper-width);
+  --spacing-refineui-spinner-ring-width-large: var(--refineui-size-spinner-ring-width-large);
+  --spacing-refineui-spinner-ring-width-medium: var(--refineui-size-spinner-ring-width-medium);
+  --spacing-refineui-spinner-ring-width-small: var(--refineui-size-spinner-ring-width-small);
+  --spacing-refineui-spinner-ring-width-x-large: var(--refineui-size-spinner-ring-width-x-large);
+  --spacing-refineui-spinner-ring-width-x-small: var(--refineui-size-spinner-ring-width-x-small);
+  --spacing-refineui-spinner-ring-width-xx-large: var(--refineui-size-spinner-ring-width-xx-large);
+  --spacing-refineui-spinner-size-large: var(--refineui-size-spinner-size-large);
+  --spacing-refineui-spinner-size-medium: var(--refineui-size-spinner-size-medium);
+  --spacing-refineui-spinner-size-small: var(--refineui-size-spinner-size-small);
+  --spacing-refineui-spinner-size-x-large: var(--refineui-size-spinner-size-x-large);
+  --spacing-refineui-spinner-size-x-small: var(--refineui-size-spinner-size-x-small);
+  --spacing-refineui-spinner-size-xx-large: var(--refineui-size-spinner-size-xx-large);
+  --spacing-refineui-switch-height: var(--refineui-size-switch-height);
+  --spacing-refineui-switch-padding: var(--refineui-size-switch-padding);
+  --spacing-refineui-switch-thumb: var(--refineui-size-switch-thumb);
+  --spacing-refineui-switch-width: var(--refineui-size-switch-width);
+  --spacing-refineui-toast-max-width: var(--refineui-size-toast-max-width);
+  --spacing-refineui-toast-min-width: var(--refineui-size-toast-min-width);
+  --spacing-refineui-tooltip-max-width: var(--refineui-size-tooltip-max-width);
+  --z-index-refineui-background: var(--refineui-z-background);
+  --z-index-refineui-content: var(--refineui-z-content);
+  --z-index-refineui-debug: var(--refineui-z-debug);
+  --z-index-refineui-floating: var(--refineui-z-floating);
+  --z-index-refineui-messages: var(--refineui-z-messages);
+  --z-index-refineui-overlay: var(--refineui-z-overlay);
+  --z-index-refineui-popup: var(--refineui-z-popup);
+  --z-index-refineui-priority: var(--refineui-z-priority);
+}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@refineui/tokens",
+  "version": "1.0.0",
+  "description": "RefineUI Theme Tokens",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "typings": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pelagornis/refineui",
+    "directory": "packages/tokens"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "tsup && node scripts/generate-css.mjs && node scripts/generate-spec.mjs"
+  },
+  "dependencies": {
+    "@swc/helpers": "^0.5.1"
+  },
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "tailwindcss": "^4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "default": "./dist/index.mjs"
+    },
+    "./css-variables.css": "./dist/css-variables.css",
+    "./dist/css-variables.css": "./dist/css-variables.css",
+    "./tailwind-theme.css": "./dist/tailwind-theme.css",
+    "./refineui-typography.css": "./dist/refineui-typography.css",
+    "./tailwind.css": "./tailwind.css",
+    "./package.json": "./package.json"
+  },
+  "files": ["*.md", "dist", "tailwind.css"]
+}

package/tailwind.css

@@ -0,0 +1,4 @@
+@import "tailwindcss";
+@import "./dist/css-variables.css";
+@import "./dist/tailwind-theme.css";
+@import "./dist/refineui-typography.css";