@daikin-oss/dds-tokens
Version:
Design token definitions for DDS
178 lines (177 loc) • 11.5 kB
CSS
@theme inline {
--color-dds-color-blue-10: var(--dds-color-blue-10);
--color-dds-color-blue-20: var(--dds-color-blue-20);
--color-dds-color-blue-30: var(--dds-color-blue-30);
--color-dds-color-blue-40: var(--dds-color-blue-40);
--color-dds-color-blue-50: var(--dds-color-blue-50);
--color-dds-color-blue-60: var(--dds-color-blue-60);
--color-dds-color-blue-70: var(--dds-color-blue-70);
--color-dds-color-blue-80: var(--dds-color-blue-80);
--color-dds-color-blue-90: var(--dds-color-blue-90);
--color-dds-color-blue-100: var(--dds-color-blue-100);
--color-dds-color-blue-110: var(--dds-color-blue-110);
--color-dds-color-blue-120: var(--dds-color-blue-120);
--color-dds-color-green-10: var(--dds-color-green-10);
--color-dds-color-green-20: var(--dds-color-green-20);
--color-dds-color-green-30: var(--dds-color-green-30);
--color-dds-color-green-40: var(--dds-color-green-40);
--color-dds-color-green-50: var(--dds-color-green-50);
--color-dds-color-green-60: var(--dds-color-green-60);
--color-dds-color-green-70: var(--dds-color-green-70);
--color-dds-color-green-80: var(--dds-color-green-80);
--color-dds-color-green-90: var(--dds-color-green-90);
--color-dds-color-green-100: var(--dds-color-green-100);
--color-dds-color-green-110: var(--dds-color-green-110);
--color-dds-color-green-120: var(--dds-color-green-120);
--color-dds-color-yellow-10: var(--dds-color-yellow-10);
--color-dds-color-yellow-20: var(--dds-color-yellow-20);
--color-dds-color-yellow-30: var(--dds-color-yellow-30);
--color-dds-color-yellow-40: var(--dds-color-yellow-40);
--color-dds-color-yellow-50: var(--dds-color-yellow-50);
--color-dds-color-yellow-60: var(--dds-color-yellow-60);
--color-dds-color-yellow-70: var(--dds-color-yellow-70);
--color-dds-color-yellow-80: var(--dds-color-yellow-80);
--color-dds-color-yellow-90: var(--dds-color-yellow-90);
--color-dds-color-yellow-100: var(--dds-color-yellow-100);
--color-dds-color-yellow-110: var(--dds-color-yellow-110);
--color-dds-color-yellow-120: var(--dds-color-yellow-120);
--color-dds-color-orange-10: var(--dds-color-orange-10);
--color-dds-color-orange-20: var(--dds-color-orange-20);
--color-dds-color-orange-30: var(--dds-color-orange-30);
--color-dds-color-orange-40: var(--dds-color-orange-40);
--color-dds-color-orange-50: var(--dds-color-orange-50);
--color-dds-color-orange-60: var(--dds-color-orange-60);
--color-dds-color-orange-70: var(--dds-color-orange-70);
--color-dds-color-orange-80: var(--dds-color-orange-80);
--color-dds-color-orange-90: var(--dds-color-orange-90);
--color-dds-color-orange-100: var(--dds-color-orange-100);
--color-dds-color-orange-110: var(--dds-color-orange-110);
--color-dds-color-orange-120: var(--dds-color-orange-120);
--color-dds-color-red-10: var(--dds-color-red-10);
--color-dds-color-red-20: var(--dds-color-red-20);
--color-dds-color-red-30: var(--dds-color-red-30);
--color-dds-color-red-40: var(--dds-color-red-40);
--color-dds-color-red-50: var(--dds-color-red-50);
--color-dds-color-red-60: var(--dds-color-red-60);
--color-dds-color-red-70: var(--dds-color-red-70);
--color-dds-color-red-80: var(--dds-color-red-80);
--color-dds-color-red-90: var(--dds-color-red-90);
--color-dds-color-red-100: var(--dds-color-red-100);
--color-dds-color-red-110: var(--dds-color-red-110);
--color-dds-color-red-120: var(--dds-color-red-120);
--color-dds-color-gray-10: var(--dds-color-gray-10);
--color-dds-color-gray-20: var(--dds-color-gray-20);
--color-dds-color-gray-30: var(--dds-color-gray-30);
--color-dds-color-gray-40: var(--dds-color-gray-40);
--color-dds-color-gray-50: var(--dds-color-gray-50);
--color-dds-color-gray-60: var(--dds-color-gray-60);
--color-dds-color-gray-70: var(--dds-color-gray-70);
--color-dds-color-gray-80: var(--dds-color-gray-80);
--color-dds-color-gray-90: var(--dds-color-gray-90);
--color-dds-color-gray-100: var(--dds-color-gray-100);
--color-dds-color-gray-110: var(--dds-color-gray-110);
--color-dds-color-gray-120: var(--dds-color-gray-120);
--color-dds-color-black: var(--dds-color-black);
--color-dds-color-white: var(--dds-color-white);
--color-dds-color-blue-gray-10: var(--dds-color-blue-gray-10);
--color-dds-color-blue-gray-20: var(--dds-color-blue-gray-20);
--color-dds-color-blue-gray-30: var(--dds-color-blue-gray-30);
--color-dds-color-blue-gray-40: var(--dds-color-blue-gray-40);
--color-dds-color-blue-gray-50: var(--dds-color-blue-gray-50);
--color-dds-color-blue-gray-60: var(--dds-color-blue-gray-60);
--color-dds-color-blue-gray-70: var(--dds-color-blue-gray-70);
--color-dds-color-blue-gray-80: var(--dds-color-blue-gray-80);
--color-dds-color-blue-gray-90: var(--dds-color-blue-gray-90);
--color-dds-color-blue-gray-100: var(--dds-color-blue-gray-100);
--color-dds-color-blue-gray-110: var(--dds-color-blue-gray-110);
--color-dds-color-blue-gray-120: var(--dds-color-blue-gray-120);
--color-dds-color-dark-gray-105: var(--dds-color-dark-gray-105);
--color-dds-color-dark-gray-115: var(--dds-color-dark-gray-115);
--color-dds-color-dark-gray-125: var(--dds-color-dark-gray-125);
--color-dds-color-purple-10: var(--dds-color-purple-10);
--color-dds-color-purple-20: var(--dds-color-purple-20);
--color-dds-color-purple-30: var(--dds-color-purple-30);
--color-dds-color-purple-40: var(--dds-color-purple-40);
--color-dds-color-purple-50: var(--dds-color-purple-50);
--color-dds-color-purple-60: var(--dds-color-purple-60);
--color-dds-color-purple-70: var(--dds-color-purple-70);
--color-dds-color-purple-80: var(--dds-color-purple-80);
--color-dds-color-purple-90: var(--dds-color-purple-90);
--color-dds-color-purple-100: var(--dds-color-purple-100);
--color-dds-color-purple-110: var(--dds-color-purple-110);
--color-dds-color-purple-120: var(--dds-color-purple-120);
--color-dds-color-common-brand-default: var(--dds-color-common-brand-default);
--color-dds-color-common-brand-hover: var(--dds-color-common-brand-hover);
--color-dds-color-common-brand-press: var(--dds-color-common-brand-press);
--color-dds-color-common-surface-brand-hover: var(--dds-color-common-surface-brand-hover);
--color-dds-color-common-surface-brand-press: var(--dds-color-common-surface-brand-press);
--color-dds-color-common-surface-neutral-hover: var(--dds-color-common-surface-neutral-hover);
--color-dds-color-common-surface-neutral-press: var(--dds-color-common-surface-neutral-press);
--color-dds-color-common-surface-danger-hover: var(--dds-color-common-surface-danger-hover);
--color-dds-color-common-surface-danger-press: var(--dds-color-common-surface-danger-press);
--color-dds-color-common-surface-default: var(--dds-color-common-surface-default);
--color-dds-color-common-surface-secondary-default: var(--dds-color-common-surface-secondary-default);
--color-dds-color-common-surface-secondary-hover: var(--dds-color-common-surface-secondary-hover);
--color-dds-color-common-surface-secondary-press: var(--dds-color-common-surface-secondary-press);
--color-dds-color-common-surface-inverse: var(--dds-color-common-surface-inverse);
--color-dds-color-common-surface-hover: var(--dds-color-common-surface-hover);
--color-dds-color-common-surface-press: var(--dds-color-common-surface-press);
--color-dds-color-common-surface-selected-default: var(--dds-color-common-surface-selected-default);
--color-dds-color-common-surface-selected-hover: var(--dds-color-common-surface-selected-hover);
--color-dds-color-common-surface-selected-press: var(--dds-color-common-surface-selected-press);
--color-dds-color-common-neutral-default: var(--dds-color-common-neutral-default);
--color-dds-color-common-neutral-hover: var(--dds-color-common-neutral-hover);
--color-dds-color-common-neutral-press: var(--dds-color-common-neutral-press);
--color-dds-color-common-danger-default: var(--dds-color-common-danger-default);
--color-dds-color-common-danger-hover: var(--dds-color-common-danger-hover);
--color-dds-color-common-danger-press: var(--dds-color-common-danger-press);
--color-dds-color-common-success: var(--dds-color-common-success);
--color-dds-color-common-warning: var(--dds-color-common-warning);
--color-dds-color-common-alarm: var(--dds-color-common-alarm);
--color-dds-color-common-information: var(--dds-color-common-information);
--color-dds-color-common-disabled: var(--dds-color-common-disabled);
--color-dds-color-common-text-primary: var(--dds-color-common-text-primary);
--color-dds-color-common-text-secondary: var(--dds-color-common-text-secondary);
--color-dds-color-common-text-inverse: var(--dds-color-common-text-inverse);
--color-dds-color-common-border-focus: var(--dds-color-common-border-focus);
--color-dds-color-common-border-empty: var(--dds-color-common-border-empty);
--color-dds-color-common-border-inverse: var(--dds-color-common-border-inverse);
--color-dds-color-common-background-default: var(--dds-color-common-background-default);
--color-dds-color-common-background-overlay: var(--dds-color-common-background-overlay);
--color-dds-color-divider: var(--dds-color-divider);
--color-dds-color-link-text-default: var(--dds-color-link-text-default);
--color-dds-color-link-text-hover: var(--dds-color-link-text-hover);
--color-dds-color-link-text-press: var(--dds-color-link-text-press);
--color-dds-color-link-text-visited-default: var(--dds-color-link-text-visited-default);
--color-dds-color-link-text-visited-hover: var(--dds-color-link-text-visited-hover);
--color-dds-color-link-text-visited-press: var(--dds-color-link-text-visited-press);
--color-dds-color-link-surface-visited-hover: var(--dds-color-link-surface-visited-hover);
--color-dds-color-link-surface-visited-press: var(--dds-color-link-surface-visited-press);
--radius-dds-border-radius-100: var(--dds-border-radius-100);
--radius-dds-border-radius-200: var(--dds-border-radius-200);
--radius-dds-border-radius-050: var(--dds-border-radius-050);
--border-width-dds-border-width-100: var(--dds-border-width-100);
--border-width-dds-border-width-025: var(--dds-border-width-025);
--border-width-dds-border-width-050: var(--dds-border-width-050);
--spacing-dds-space-100: var(--dds-space-100);
--spacing-dds-space-200: var(--dds-space-200);
--spacing-dds-space-300: var(--dds-space-300);
--spacing-dds-space-400: var(--dds-space-400);
--spacing-dds-space-600: var(--dds-space-600);
--spacing-dds-space-800: var(--dds-space-800);
--spacing-dds-space-1200: var(--dds-space-1200);
--spacing-dds-space-1600: var(--dds-space-1600);
--spacing-dds-space-050: var(--dds-space-050);
--font-size-dds-font-size-300: var(--dds-font-size-300);
--font-size-dds-font-size-350: var(--dds-font-size-350);
--font-size-dds-font-size-400: var(--dds-font-size-400);
--font-size-dds-font-size-500: var(--dds-font-size-500);
--font-size-dds-font-size-600: var(--dds-font-size-600);
--font-size-dds-font-size-700: var(--dds-font-size-700);
--font-size-dds-font-size-800: var(--dds-font-size-800);
--line-height-dds-font-line-height-tight: var(--dds-font-line-height-tight);
--line-height-dds-font-line-height-normal: var(--dds-font-line-height-normal);
--font-weight-dds-font-weight-bold: var(--dds-font-weight-bold);
--font-weight-dds-font-weight-regular: var(--dds-font-weight-regular);
--font-family-dds-font-family-base: var(--dds-font-family-base);
}