@daikin-oss/dds-tokens 0.4.2 → 1.1.0

package/build/css/daikin/Dark/tailwind4.css

@@ -0,0 +1,177 @@
+@theme {
+  --color-dds-color-blue-10: var(--dds-color-blue-10, #ddf3fc);
+  --color-dds-color-blue-20: var(--dds-color-blue-20, #bbe7f9);
+  --color-dds-color-blue-30: var(--dds-color-blue-30, #98dbf7);
+  --color-dds-color-blue-40: var(--dds-color-blue-40, #76cff4);
+  --color-dds-color-blue-50: var(--dds-color-blue-50, #54c3f1);
+  --color-dds-color-blue-60: var(--dds-color-blue-60, #30ade9);
+  --color-dds-color-blue-70: var(--dds-color-blue-70, #0097e0);
+  --color-dds-color-blue-80: var(--dds-color-blue-80, #0081c0);
+  --color-dds-color-blue-90: var(--dds-color-blue-90, #00689a);
+  --color-dds-color-blue-100: var(--dds-color-blue-100, #005077);
+  --color-dds-color-blue-110: var(--dds-color-blue-110, #004160);
+  --color-dds-color-blue-120: var(--dds-color-blue-120, #002b40);
+  --color-dds-color-green-10: var(--dds-color-green-10, #ccfef8);
+  --color-dds-color-green-20: var(--dds-color-green-20, #9bfaef);
+  --color-dds-color-green-30: var(--dds-color-green-30, #6cf5e4);
+  --color-dds-color-green-40: var(--dds-color-green-40, #3bf1dc);
+  --color-dds-color-green-50: var(--dds-color-green-50, #13e5cc);
+  --color-dds-color-green-60: var(--dds-color-green-60, #00c3ac);
+  --color-dds-color-green-70: var(--dds-color-green-70, #008f7e);
+  --color-dds-color-green-80: var(--dds-color-green-80, #007b6c);
+  --color-dds-color-green-90: var(--dds-color-green-90, #00665a);
+  --color-dds-color-green-100: var(--dds-color-green-100, #005248);
+  --color-dds-color-green-110: var(--dds-color-green-110, #003d36);
+  --color-dds-color-green-120: var(--dds-color-green-120, #002924);
+  --color-dds-color-yellow-10: var(--dds-color-yellow-10, #fff4d7);
+  --color-dds-color-yellow-20: var(--dds-color-yellow-20, #ffeaaf);
+  --color-dds-color-yellow-30: var(--dds-color-yellow-30, #ffd45f);
+  --color-dds-color-yellow-40: var(--dds-color-yellow-40, #ffc936);
+  --color-dds-color-yellow-50: var(--dds-color-yellow-50, #ffbf0e);
+  --color-dds-color-yellow-60: var(--dds-color-yellow-60, #efb000);
+  --color-dds-color-yellow-70: var(--dds-color-yellow-70, #b88700);
+  --color-dds-color-yellow-80: var(--dds-color-yellow-80, #9e7400);
+  --color-dds-color-yellow-90: var(--dds-color-yellow-90, #836000);
+  --color-dds-color-yellow-100: var(--dds-color-yellow-100, #694d00);
+  --color-dds-color-yellow-110: var(--dds-color-yellow-110, #4f3a00);
+  --color-dds-color-yellow-120: var(--dds-color-yellow-120, #352700);
+  --color-dds-color-orange-10: var(--dds-color-orange-10, #feead9);
+  --color-dds-color-orange-20: var(--dds-color-orange-20, #fcd4b3);
+  --color-dds-color-orange-30: var(--dds-color-orange-30, #fbbf8e);
+  --color-dds-color-orange-40: var(--dds-color-orange-40, #ff9c4b);
+  --color-dds-color-orange-50: var(--dds-color-orange-50, #fd8b2e);
+  --color-dds-color-orange-60: var(--dds-color-orange-60, #fa7a12);
+  --color-dds-color-orange-70: var(--dds-color-orange-70, #e46b08);
+  --color-dds-color-orange-80: var(--dds-color-orange-80, #b45100);
+  --color-dds-color-orange-90: var(--dds-color-orange-90, #964400);
+  --color-dds-color-orange-100: var(--dds-color-orange-100, #783600);
+  --color-dds-color-orange-110: var(--dds-color-orange-110, #5a2900);
+  --color-dds-color-orange-120: var(--dds-color-orange-120, #3c1b00);
+  --color-dds-color-red-10: var(--dds-color-red-10, #fdd9db);
+  --color-dds-color-red-20: var(--dds-color-red-20, #fbb3b7);
+  --color-dds-color-red-30: var(--dds-color-red-30, #f98d93);
+  --color-dds-color-red-40: var(--dds-color-red-40, #f7666f);
+  --color-dds-color-red-50: var(--dds-color-red-50, #f4404b);
+  --color-dds-color-red-60: var(--dds-color-red-60, #f21a27);
+  --color-dds-color-red-70: var(--dds-color-red-70, #d80c18);
+  --color-dds-color-red-80: var(--dds-color-red-80, #b90a15);
+  --color-dds-color-red-90: var(--dds-color-red-90, #9a0911);
+  --color-dds-color-red-100: var(--dds-color-red-100, #7b070e);
+  --color-dds-color-red-110: var(--dds-color-red-110, #5d050a);
+  --color-dds-color-red-120: var(--dds-color-red-120, #3e0307);
+  --color-dds-color-gray-10: var(--dds-color-gray-10, #f2f2f2);
+  --color-dds-color-gray-20: var(--dds-color-gray-20, #ebebeb);
+  --color-dds-color-gray-30: var(--dds-color-gray-30, #dcdcdc);
+  --color-dds-color-gray-40: var(--dds-color-gray-40, #cecece);
+  --color-dds-color-gray-50: var(--dds-color-gray-50, #bfbfbf);
+  --color-dds-color-gray-60: var(--dds-color-gray-60, #a0a0a0);
+  --color-dds-color-gray-70: var(--dds-color-gray-70, #828282);
+  --color-dds-color-gray-80: var(--dds-color-gray-80, #616161);
+  --color-dds-color-gray-90: var(--dds-color-gray-90, #515151);
+  --color-dds-color-gray-100: var(--dds-color-gray-100, #414141);
+  --color-dds-color-gray-110: var(--dds-color-gray-110, #313131);
+  --color-dds-color-gray-120: var(--dds-color-gray-120, #212121);
+  --color-dds-color-black: var(--dds-color-black, #000000);
+  --color-dds-color-white: var(--dds-color-white, #ffffff);
+  --color-dds-color-blue-gray-10: var(--dds-color-blue-gray-10, #eef0f2);
+  --color-dds-color-blue-gray-20: var(--dds-color-blue-gray-20, #d8dde0);
+  --color-dds-color-blue-gray-30: var(--dds-color-blue-gray-30, #bbc1c7);
+  --color-dds-color-blue-gray-40: var(--dds-color-blue-gray-40, #a4acb4);
+  --color-dds-color-blue-gray-50: var(--dds-color-blue-gray-50, #8d98a1);
+  --color-dds-color-blue-gray-60: var(--dds-color-blue-gray-60, #76838e);
+  --color-dds-color-blue-gray-70: var(--dds-color-blue-gray-70, #636e78);
+  --color-dds-color-blue-gray-80: var(--dds-color-blue-gray-80, #505961);
+  --color-dds-color-blue-gray-90: var(--dds-color-blue-gray-90, #444b52);
+  --color-dds-color-blue-gray-100: var(--dds-color-blue-gray-100, #30353a);
+  --color-dds-color-blue-gray-110: var(--dds-color-blue-gray-110, #282c30);
+  --color-dds-color-blue-gray-120: var(--dds-color-blue-gray-120, #1b1e21);
+  --color-dds-color-dark-gray-105: var(--dds-color-dark-gray-105, #383838);
+  --color-dds-color-dark-gray-115: var(--dds-color-dark-gray-115, #282828);
+  --color-dds-color-dark-gray-125: var(--dds-color-dark-gray-125, #1a1a1a);
+  --color-dds-color-purple-10: var(--dds-color-purple-10, #f0ddf3);
+  --color-dds-color-purple-20: var(--dds-color-purple-20, #e1bbe8);
+  --color-dds-color-purple-30: var(--dds-color-purple-30, #d399dc);
+  --color-dds-color-purple-40: var(--dds-color-purple-40, #c477d0);
+  --color-dds-color-purple-50: var(--dds-color-purple-50, #b556c5);
+  --color-dds-color-purple-60: var(--dds-color-purple-60, #a03db0);
+  --color-dds-color-purple-70: var(--dds-color-purple-70, #81318e);
+  --color-dds-color-purple-80: var(--dds-color-purple-80, #6f2a7a);
+  --color-dds-color-purple-90: var(--dds-color-purple-90, #5c2365);
+  --color-dds-color-purple-100: var(--dds-color-purple-100, #4a1c51);
+  --color-dds-color-purple-110: var(--dds-color-purple-110, #37153d);
+  --color-dds-color-purple-120: var(--dds-color-purple-120, #250e29);
+  --color-dds-color-common-brand-default: var(--dds-color-common-brand-default, #30ade9);
+  --color-dds-color-common-brand-hover: var(--dds-color-common-brand-hover, #54c3f1);
+  --color-dds-color-common-brand-press: var(--dds-color-common-brand-press, #76cff4);
+  --color-dds-color-common-surface-brand-hover: var(--dds-color-common-surface-brand-hover, #002b40);
+  --color-dds-color-common-surface-brand-press: var(--dds-color-common-surface-brand-press, #004160);
+  --color-dds-color-common-surface-neutral-hover: var(--dds-color-common-surface-neutral-hover, #282828);
+  --color-dds-color-common-surface-neutral-press: var(--dds-color-common-surface-neutral-press, #313131);
+  --color-dds-color-common-surface-danger-hover: var(--dds-color-common-surface-danger-hover, #3e0307);
+  --color-dds-color-common-surface-danger-press: var(--dds-color-common-surface-danger-press, #5d050a);
+  --color-dds-color-common-surface-default: var(--dds-color-common-surface-default, #212121);
+  --color-dds-color-common-surface-secondary-default: var(--dds-color-common-surface-secondary-default, #313131);
+  --color-dds-color-common-surface-secondary-hover: var(--dds-color-common-surface-secondary-hover, #414141);
+  --color-dds-color-common-surface-secondary-press: var(--dds-color-common-surface-secondary-press, #515151);
+  --color-dds-color-common-surface-inverse: var(--dds-color-common-surface-inverse, #ffffff);
+  --color-dds-color-common-surface-hover: var(--dds-color-common-surface-hover, #282828);
+  --color-dds-color-common-surface-press: var(--dds-color-common-surface-press, #313131);
+  --color-dds-color-common-surface-selected-default: var(--dds-color-common-surface-selected-default, #002b40);
+  --color-dds-color-common-surface-selected-hover: var(--dds-color-common-surface-selected-hover, #004160);
+  --color-dds-color-common-surface-selected-press: var(--dds-color-common-surface-selected-press, #005077);
+  --color-dds-color-common-neutral-default: var(--dds-color-common-neutral-default, #bfbfbf);
+  --color-dds-color-common-neutral-hover: var(--dds-color-common-neutral-hover, #cecece);
+  --color-dds-color-common-neutral-press: var(--dds-color-common-neutral-press, #dcdcdc);
+  --color-dds-color-common-danger-default: var(--dds-color-common-danger-default, #f21a27);
+  --color-dds-color-common-danger-hover: var(--dds-color-common-danger-hover, #f4404b);
+  --color-dds-color-common-danger-press: var(--dds-color-common-danger-press, #f7666f);
+  --color-dds-color-common-success: var(--dds-color-common-success, #00c3ac);
+  --color-dds-color-common-warning: var(--dds-color-common-warning, #efb000);
+  --color-dds-color-common-alarm: var(--dds-color-common-alarm, #fa7a12);
+  --color-dds-color-common-information: var(--dds-color-common-information, #30ade9);
+  --color-dds-color-common-disabled: var(--dds-color-common-disabled, #616161);
+  --color-dds-color-common-text-primary: var(--dds-color-common-text-primary, #dcdcdc);
+  --color-dds-color-common-text-secondary: var(--dds-color-common-text-secondary, #bfbfbf);
+  --color-dds-color-common-text-inverse: var(--dds-color-common-text-inverse, #212121);
+  --color-dds-color-common-border-focus: var(--dds-color-common-border-focus, #54c3f1);
+  --color-dds-color-common-border-empty: var(--dds-color-common-border-empty, #515151);
+  --color-dds-color-common-border-inverse: var(--dds-color-common-border-inverse, #212121);
+  --color-dds-color-common-background-default: var(--dds-color-common-background-default, #212121);
+  --color-dds-color-common-background-overlay: var(--dds-color-common-background-overlay, #000000);
+  --color-dds-color-divider: var(--dds-color-divider, #515151);
+  --color-dds-color-link-text-default: var(--dds-color-link-text-default, #76cff4);
+  --color-dds-color-link-text-hover: var(--dds-color-link-text-hover, #98dbf7);
+  --color-dds-color-link-text-press: var(--dds-color-link-text-press, #bbe7f9);
+  --color-dds-color-link-text-visited-default: var(--dds-color-link-text-visited-default, #c477d0);
+  --color-dds-color-link-text-visited-hover: var(--dds-color-link-text-visited-hover, #d399dc);
+  --color-dds-color-link-text-visited-press: var(--dds-color-link-text-visited-press, #e1bbe8);
+  --color-dds-color-link-surface-visited-hover: var(--dds-color-link-surface-visited-hover, #250e29);
+  --color-dds-color-link-surface-visited-press: var(--dds-color-link-surface-visited-press, #37153d);
+  --radius-dds-border-radius-100: var(--dds-border-radius-100, 4px);
+  --radius-dds-border-radius-200: var(--dds-border-radius-200, 8px);
+  --radius-dds-border-radius-050: var(--dds-border-radius-050, 2px);
+  --border-width-dds-border-width-100: var(--dds-border-width-100, 4px);
+  --border-width-dds-border-width-025: var(--dds-border-width-025, 1px);
+  --border-width-dds-border-width-050: var(--dds-border-width-050, 2px);
+  --spacing-dds-space-100: var(--dds-space-100, 4px);
+  --spacing-dds-space-200: var(--dds-space-200, 8px);
+  --spacing-dds-space-300: var(--dds-space-300, 12px);
+  --spacing-dds-space-400: var(--dds-space-400, 16px);
+  --spacing-dds-space-600: var(--dds-space-600, 24px);
+  --spacing-dds-space-800: var(--dds-space-800, 32px);
+  --spacing-dds-space-1200: var(--dds-space-1200, 48px);
+  --spacing-dds-space-1600: var(--dds-space-1600, 64px);
+  --spacing-dds-space-050: var(--dds-space-050, 2px);
+  --font-size-dds-font-size-300: var(--dds-font-size-300, 12px);
+  --font-size-dds-font-size-350: var(--dds-font-size-350, 14px);
+  --font-size-dds-font-size-400: var(--dds-font-size-400, 16px);
+  --font-size-dds-font-size-500: var(--dds-font-size-500, 20px);
+  --font-size-dds-font-size-600: var(--dds-font-size-600, 24px);
+  --font-size-dds-font-size-700: var(--dds-font-size-700, 28px);
+  --font-size-dds-font-size-800: var(--dds-font-size-800, 32px);
+  --line-height-dds-font-line-height-tight: var(--dds-font-line-height-tight, 1.3);
+  --line-height-dds-font-line-height-normal: var(--dds-font-line-height-normal, 1.5);
+  --font-weight-dds-font-weight-bold: var(--dds-font-weight-bold, 700);
+  --font-weight-dds-font-weight-regular: var(--dds-font-weight-regular, 400);
+  --font-family-dds-font-family-base: var(--dds-font-family-base, Roboto);
+}

package/build/css/daikin/Dark/variables.css

@@ -114,6 +114,9 @@
   --dds-color-common-surface-danger-hover: #3e0307;
   --dds-color-common-surface-danger-press: #5d050a;
   --dds-color-common-surface-default: #212121;
+  --dds-color-common-surface-secondary-default: #313131;
+  --dds-color-common-surface-secondary-hover: #414141;
+  --dds-color-common-surface-secondary-press: #515151;
   --dds-color-common-surface-inverse: #ffffff;
   --dds-color-common-surface-hover: #282828;
   --dds-color-common-surface-press: #313131;
@@ -136,6 +139,7 @@
   --dds-color-common-text-inverse: #212121;
   --dds-color-common-border-focus: #54c3f1;
   --dds-color-common-border-empty: #515151;
+  --dds-color-common-border-inverse: #212121;
   --dds-color-common-background-default: #212121;
   --dds-color-common-background-overlay: #000000;
   --dds-color-divider: #515151;
@@ -159,6 +163,8 @@
   --dds-space-400: 16px;
   --dds-space-600: 24px;
   --dds-space-800: 32px;
+  --dds-space-1200: 48px;
+  --dds-space-1600: 64px;
   --dds-space-050: 2px;
   --dds-font-regular-normal-300: 400 12px/1.5 Roboto;
   --dds-font-regular-normal-350: 400 14px/1.5 Roboto;
@@ -168,18 +174,13 @@
   --dds-font-regular-tight-350: 400 14px/1.3 Roboto;
   --dds-font-regular-tight-400: 400 16px/1.3 Roboto;
   --dds-font-regular-tight-500: 400 20px/1.3 Roboto;
-  --dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
-  --dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
-  --dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
-  --dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
-  --dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
-  --dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
-  --dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
-  --dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
   --dds-font-size-300: 12px;
   --dds-font-size-350: 14px;
   --dds-font-size-400: 16px;
   --dds-font-size-500: 20px;
+  --dds-font-size-600: 24px;
+  --dds-font-size-700: 28px;
+  --dds-font-size-800: 32px;
   --dds-font-line-height-tight: 1.3;
   --dds-font-line-height-normal: 1.5;
   --dds-font-weight-bold: 700;
@@ -193,4 +194,7 @@
   --dds-font-bold-tight-350: 700 14px/1.3 Roboto;
   --dds-font-bold-tight-400: 700 16px/1.3 Roboto;
   --dds-font-bold-tight-500: 700 20px/1.3 Roboto;
+  --dds-font-bold-tight-600: 700 24px/1.3 Roboto;
+  --dds-font-bold-tight-700: 700 28px/1.3 Roboto;
+  --dds-font-bold-tight-800: 700 32px/1.3 Roboto;
 }

package/build/css/daikin/Light/tailwind4.css

@@ -0,0 +1,177 @@
+@theme {
+  --color-dds-color-blue-10: var(--dds-color-blue-10, #ddf3fc);
+  --color-dds-color-blue-20: var(--dds-color-blue-20, #bbe7f9);
+  --color-dds-color-blue-30: var(--dds-color-blue-30, #98dbf7);
+  --color-dds-color-blue-40: var(--dds-color-blue-40, #76cff4);
+  --color-dds-color-blue-50: var(--dds-color-blue-50, #54c3f1);
+  --color-dds-color-blue-60: var(--dds-color-blue-60, #30ade9);
+  --color-dds-color-blue-70: var(--dds-color-blue-70, #0097e0);
+  --color-dds-color-blue-80: var(--dds-color-blue-80, #0081c0);
+  --color-dds-color-blue-90: var(--dds-color-blue-90, #00689a);
+  --color-dds-color-blue-100: var(--dds-color-blue-100, #005077);
+  --color-dds-color-blue-110: var(--dds-color-blue-110, #004160);
+  --color-dds-color-blue-120: var(--dds-color-blue-120, #002b40);
+  --color-dds-color-green-10: var(--dds-color-green-10, #ccfef8);
+  --color-dds-color-green-20: var(--dds-color-green-20, #9bfaef);
+  --color-dds-color-green-30: var(--dds-color-green-30, #6cf5e4);
+  --color-dds-color-green-40: var(--dds-color-green-40, #3bf1dc);
+  --color-dds-color-green-50: var(--dds-color-green-50, #13e5cc);
+  --color-dds-color-green-60: var(--dds-color-green-60, #00c3ac);
+  --color-dds-color-green-70: var(--dds-color-green-70, #008f7e);
+  --color-dds-color-green-80: var(--dds-color-green-80, #007b6c);
+  --color-dds-color-green-90: var(--dds-color-green-90, #00665a);
+  --color-dds-color-green-100: var(--dds-color-green-100, #005248);
+  --color-dds-color-green-110: var(--dds-color-green-110, #003d36);
+  --color-dds-color-green-120: var(--dds-color-green-120, #002924);
+  --color-dds-color-yellow-10: var(--dds-color-yellow-10, #fff4d7);
+  --color-dds-color-yellow-20: var(--dds-color-yellow-20, #ffeaaf);
+  --color-dds-color-yellow-30: var(--dds-color-yellow-30, #ffd45f);
+  --color-dds-color-yellow-40: var(--dds-color-yellow-40, #ffc936);
+  --color-dds-color-yellow-50: var(--dds-color-yellow-50, #ffbf0e);
+  --color-dds-color-yellow-60: var(--dds-color-yellow-60, #efb000);
+  --color-dds-color-yellow-70: var(--dds-color-yellow-70, #b88700);
+  --color-dds-color-yellow-80: var(--dds-color-yellow-80, #9e7400);
+  --color-dds-color-yellow-90: var(--dds-color-yellow-90, #836000);
+  --color-dds-color-yellow-100: var(--dds-color-yellow-100, #694d00);
+  --color-dds-color-yellow-110: var(--dds-color-yellow-110, #4f3a00);
+  --color-dds-color-yellow-120: var(--dds-color-yellow-120, #352700);
+  --color-dds-color-orange-10: var(--dds-color-orange-10, #feead9);
+  --color-dds-color-orange-20: var(--dds-color-orange-20, #fcd4b3);
+  --color-dds-color-orange-30: var(--dds-color-orange-30, #fbbf8e);
+  --color-dds-color-orange-40: var(--dds-color-orange-40, #ff9c4b);
+  --color-dds-color-orange-50: var(--dds-color-orange-50, #fd8b2e);
+  --color-dds-color-orange-60: var(--dds-color-orange-60, #fa7a12);
+  --color-dds-color-orange-70: var(--dds-color-orange-70, #e46b08);
+  --color-dds-color-orange-80: var(--dds-color-orange-80, #b45100);
+  --color-dds-color-orange-90: var(--dds-color-orange-90, #964400);
+  --color-dds-color-orange-100: var(--dds-color-orange-100, #783600);
+  --color-dds-color-orange-110: var(--dds-color-orange-110, #5a2900);
+  --color-dds-color-orange-120: var(--dds-color-orange-120, #3c1b00);
+  --color-dds-color-red-10: var(--dds-color-red-10, #fdd9db);
+  --color-dds-color-red-20: var(--dds-color-red-20, #fbb3b7);
+  --color-dds-color-red-30: var(--dds-color-red-30, #f98d93);
+  --color-dds-color-red-40: var(--dds-color-red-40, #f7666f);
+  --color-dds-color-red-50: var(--dds-color-red-50, #f4404b);
+  --color-dds-color-red-60: var(--dds-color-red-60, #f21a27);
+  --color-dds-color-red-70: var(--dds-color-red-70, #d80c18);
+  --color-dds-color-red-80: var(--dds-color-red-80, #b90a15);
+  --color-dds-color-red-90: var(--dds-color-red-90, #9a0911);
+  --color-dds-color-red-100: var(--dds-color-red-100, #7b070e);
+  --color-dds-color-red-110: var(--dds-color-red-110, #5d050a);
+  --color-dds-color-red-120: var(--dds-color-red-120, #3e0307);
+  --color-dds-color-gray-10: var(--dds-color-gray-10, #f2f2f2);
+  --color-dds-color-gray-20: var(--dds-color-gray-20, #ebebeb);
+  --color-dds-color-gray-30: var(--dds-color-gray-30, #dcdcdc);
+  --color-dds-color-gray-40: var(--dds-color-gray-40, #cecece);
+  --color-dds-color-gray-50: var(--dds-color-gray-50, #bfbfbf);
+  --color-dds-color-gray-60: var(--dds-color-gray-60, #a0a0a0);
+  --color-dds-color-gray-70: var(--dds-color-gray-70, #828282);
+  --color-dds-color-gray-80: var(--dds-color-gray-80, #616161);
+  --color-dds-color-gray-90: var(--dds-color-gray-90, #515151);
+  --color-dds-color-gray-100: var(--dds-color-gray-100, #414141);
+  --color-dds-color-gray-110: var(--dds-color-gray-110, #313131);
+  --color-dds-color-gray-120: var(--dds-color-gray-120, #212121);
+  --color-dds-color-black: var(--dds-color-black, #000000);
+  --color-dds-color-white: var(--dds-color-white, #ffffff);
+  --color-dds-color-blue-gray-10: var(--dds-color-blue-gray-10, #eef0f2);
+  --color-dds-color-blue-gray-20: var(--dds-color-blue-gray-20, #d8dde0);
+  --color-dds-color-blue-gray-30: var(--dds-color-blue-gray-30, #bbc1c7);
+  --color-dds-color-blue-gray-40: var(--dds-color-blue-gray-40, #a4acb4);
+  --color-dds-color-blue-gray-50: var(--dds-color-blue-gray-50, #8d98a1);
+  --color-dds-color-blue-gray-60: var(--dds-color-blue-gray-60, #76838e);
+  --color-dds-color-blue-gray-70: var(--dds-color-blue-gray-70, #636e78);
+  --color-dds-color-blue-gray-80: var(--dds-color-blue-gray-80, #505961);
+  --color-dds-color-blue-gray-90: var(--dds-color-blue-gray-90, #444b52);
+  --color-dds-color-blue-gray-100: var(--dds-color-blue-gray-100, #30353a);
+  --color-dds-color-blue-gray-110: var(--dds-color-blue-gray-110, #282c30);
+  --color-dds-color-blue-gray-120: var(--dds-color-blue-gray-120, #1b1e21);
+  --color-dds-color-dark-gray-105: var(--dds-color-dark-gray-105, #383838);
+  --color-dds-color-dark-gray-115: var(--dds-color-dark-gray-115, #282828);
+  --color-dds-color-dark-gray-125: var(--dds-color-dark-gray-125, #1a1a1a);
+  --color-dds-color-purple-10: var(--dds-color-purple-10, #f0ddf3);
+  --color-dds-color-purple-20: var(--dds-color-purple-20, #e1bbe8);
+  --color-dds-color-purple-30: var(--dds-color-purple-30, #d399dc);
+  --color-dds-color-purple-40: var(--dds-color-purple-40, #c477d0);
+  --color-dds-color-purple-50: var(--dds-color-purple-50, #b556c5);
+  --color-dds-color-purple-60: var(--dds-color-purple-60, #a03db0);
+  --color-dds-color-purple-70: var(--dds-color-purple-70, #81318e);
+  --color-dds-color-purple-80: var(--dds-color-purple-80, #6f2a7a);
+  --color-dds-color-purple-90: var(--dds-color-purple-90, #5c2365);
+  --color-dds-color-purple-100: var(--dds-color-purple-100, #4a1c51);
+  --color-dds-color-purple-110: var(--dds-color-purple-110, #37153d);
+  --color-dds-color-purple-120: var(--dds-color-purple-120, #250e29);
+  --color-dds-color-common-brand-default: var(--dds-color-common-brand-default, #0097e0);
+  --color-dds-color-common-brand-hover: var(--dds-color-common-brand-hover, #0081c0);
+  --color-dds-color-common-brand-press: var(--dds-color-common-brand-press, #00689a);
+  --color-dds-color-common-surface-brand-hover: var(--dds-color-common-surface-brand-hover, #ddf3fc);
+  --color-dds-color-common-surface-brand-press: var(--dds-color-common-surface-brand-press, #bbe7f9);
+  --color-dds-color-common-surface-neutral-hover: var(--dds-color-common-surface-neutral-hover, #f2f2f2);
+  --color-dds-color-common-surface-neutral-press: var(--dds-color-common-surface-neutral-press, #ebebeb);
+  --color-dds-color-common-surface-danger-hover: var(--dds-color-common-surface-danger-hover, #fdd9db);
+  --color-dds-color-common-surface-danger-press: var(--dds-color-common-surface-danger-press, #fbb3b7);
+  --color-dds-color-common-surface-default: var(--dds-color-common-surface-default, #ffffff);
+  --color-dds-color-common-surface-secondary-default: var(--dds-color-common-surface-secondary-default, #ebebeb);
+  --color-dds-color-common-surface-secondary-hover: var(--dds-color-common-surface-secondary-hover, #dcdcdc);
+  --color-dds-color-common-surface-secondary-press: var(--dds-color-common-surface-secondary-press, #cecece);
+  --color-dds-color-common-surface-inverse: var(--dds-color-common-surface-inverse, #616161);
+  --color-dds-color-common-surface-hover: var(--dds-color-common-surface-hover, #f2f2f2);
+  --color-dds-color-common-surface-press: var(--dds-color-common-surface-press, #ebebeb);
+  --color-dds-color-common-surface-selected-default: var(--dds-color-common-surface-selected-default, #ddf3fc);
+  --color-dds-color-common-surface-selected-hover: var(--dds-color-common-surface-selected-hover, #bbe7f9);
+  --color-dds-color-common-surface-selected-press: var(--dds-color-common-surface-selected-press, #98dbf7);
+  --color-dds-color-common-neutral-default: var(--dds-color-common-neutral-default, #616161);
+  --color-dds-color-common-neutral-hover: var(--dds-color-common-neutral-hover, #515151);
+  --color-dds-color-common-neutral-press: var(--dds-color-common-neutral-press, #414141);
+  --color-dds-color-common-danger-default: var(--dds-color-common-danger-default, #d80c18);
+  --color-dds-color-common-danger-hover: var(--dds-color-common-danger-hover, #b90a15);
+  --color-dds-color-common-danger-press: var(--dds-color-common-danger-press, #9a0911);
+  --color-dds-color-common-success: var(--dds-color-common-success, #008f7e);
+  --color-dds-color-common-warning: var(--dds-color-common-warning, #b88700);
+  --color-dds-color-common-alarm: var(--dds-color-common-alarm, #e46b08);
+  --color-dds-color-common-information: var(--dds-color-common-information, #0097e0);
+  --color-dds-color-common-disabled: var(--dds-color-common-disabled, #bfbfbf);
+  --color-dds-color-common-text-primary: var(--dds-color-common-text-primary, #212121);
+  --color-dds-color-common-text-secondary: var(--dds-color-common-text-secondary, #616161);
+  --color-dds-color-common-text-inverse: var(--dds-color-common-text-inverse, #ffffff);
+  --color-dds-color-common-border-focus: var(--dds-color-common-border-focus, #0081c0);
+  --color-dds-color-common-border-empty: var(--dds-color-common-border-empty, #cecece);
+  --color-dds-color-common-border-inverse: var(--dds-color-common-border-inverse, #ffffff);
+  --color-dds-color-common-background-default: var(--dds-color-common-background-default, #ffffff);
+  --color-dds-color-common-background-overlay: var(--dds-color-common-background-overlay, #000000);
+  --color-dds-color-divider: var(--dds-color-divider, #cecece);
+  --color-dds-color-link-text-default: var(--dds-color-link-text-default, #00689a);
+  --color-dds-color-link-text-hover: var(--dds-color-link-text-hover, #005077);
+  --color-dds-color-link-text-press: var(--dds-color-link-text-press, #004160);
+  --color-dds-color-link-text-visited-default: var(--dds-color-link-text-visited-default, #5c2365);
+  --color-dds-color-link-text-visited-hover: var(--dds-color-link-text-visited-hover, #4a1c51);
+  --color-dds-color-link-text-visited-press: var(--dds-color-link-text-visited-press, #37153d);
+  --color-dds-color-link-surface-visited-hover: var(--dds-color-link-surface-visited-hover, #f0ddf3);
+  --color-dds-color-link-surface-visited-press: var(--dds-color-link-surface-visited-press, #e1bbe8);
+  --radius-dds-border-radius-100: var(--dds-border-radius-100, 4px);
+  --radius-dds-border-radius-200: var(--dds-border-radius-200, 8px);
+  --radius-dds-border-radius-050: var(--dds-border-radius-050, 2px);
+  --border-width-dds-border-width-100: var(--dds-border-width-100, 4px);
+  --border-width-dds-border-width-025: var(--dds-border-width-025, 1px);
+  --border-width-dds-border-width-050: var(--dds-border-width-050, 2px);
+  --spacing-dds-space-100: var(--dds-space-100, 4px);
+  --spacing-dds-space-200: var(--dds-space-200, 8px);
+  --spacing-dds-space-300: var(--dds-space-300, 12px);
+  --spacing-dds-space-400: var(--dds-space-400, 16px);
+  --spacing-dds-space-600: var(--dds-space-600, 24px);
+  --spacing-dds-space-800: var(--dds-space-800, 32px);
+  --spacing-dds-space-1200: var(--dds-space-1200, 48px);
+  --spacing-dds-space-1600: var(--dds-space-1600, 64px);
+  --spacing-dds-space-050: var(--dds-space-050, 2px);
+  --font-size-dds-font-size-300: var(--dds-font-size-300, 12px);
+  --font-size-dds-font-size-350: var(--dds-font-size-350, 14px);
+  --font-size-dds-font-size-400: var(--dds-font-size-400, 16px);
+  --font-size-dds-font-size-500: var(--dds-font-size-500, 20px);
+  --font-size-dds-font-size-600: var(--dds-font-size-600, 24px);
+  --font-size-dds-font-size-700: var(--dds-font-size-700, 28px);
+  --font-size-dds-font-size-800: var(--dds-font-size-800, 32px);
+  --line-height-dds-font-line-height-tight: var(--dds-font-line-height-tight, 1.3);
+  --line-height-dds-font-line-height-normal: var(--dds-font-line-height-normal, 1.5);
+  --font-weight-dds-font-weight-bold: var(--dds-font-weight-bold, 700);
+  --font-weight-dds-font-weight-regular: var(--dds-font-weight-regular, 400);
+  --font-family-dds-font-family-base: var(--dds-font-family-base, Roboto);
+}

package/build/css/daikin/Light/variables.css

@@ -114,6 +114,9 @@
   --dds-color-common-surface-danger-hover: #fdd9db;
   --dds-color-common-surface-danger-press: #fbb3b7;
   --dds-color-common-surface-default: #ffffff;
+  --dds-color-common-surface-secondary-default: #ebebeb;
+  --dds-color-common-surface-secondary-hover: #dcdcdc;
+  --dds-color-common-surface-secondary-press: #cecece;
   --dds-color-common-surface-inverse: #616161;
   --dds-color-common-surface-hover: #f2f2f2;
   --dds-color-common-surface-press: #ebebeb;
@@ -136,6 +139,7 @@
   --dds-color-common-text-inverse: #ffffff;
   --dds-color-common-border-focus: #0081c0;
   --dds-color-common-border-empty: #cecece;
+  --dds-color-common-border-inverse: #ffffff;
   --dds-color-common-background-default: #ffffff;
   --dds-color-common-background-overlay: #000000;
   --dds-color-divider: #cecece;
@@ -159,6 +163,8 @@
   --dds-space-400: 16px;
   --dds-space-600: 24px;
   --dds-space-800: 32px;
+  --dds-space-1200: 48px;
+  --dds-space-1600: 64px;
   --dds-space-050: 2px;
   --dds-font-regular-normal-300: 400 12px/1.5 Roboto;
   --dds-font-regular-normal-350: 400 14px/1.5 Roboto;
@@ -168,18 +174,13 @@
   --dds-font-regular-tight-350: 400 14px/1.3 Roboto;
   --dds-font-regular-tight-400: 400 16px/1.3 Roboto;
   --dds-font-regular-tight-500: 400 20px/1.3 Roboto;
-  --dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
-  --dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
-  --dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
-  --dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
-  --dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
-  --dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
-  --dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
-  --dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
   --dds-font-size-300: 12px;
   --dds-font-size-350: 14px;
   --dds-font-size-400: 16px;
   --dds-font-size-500: 20px;
+  --dds-font-size-600: 24px;
+  --dds-font-size-700: 28px;
+  --dds-font-size-800: 32px;
   --dds-font-line-height-tight: 1.3;
   --dds-font-line-height-normal: 1.5;
   --dds-font-weight-bold: 700;
@@ -193,4 +194,7 @@
   --dds-font-bold-tight-350: 700 14px/1.3 Roboto;
   --dds-font-bold-tight-400: 700 16px/1.3 Roboto;
   --dds-font-bold-tight-500: 700 20px/1.3 Roboto;
+  --dds-font-bold-tight-600: 700 24px/1.3 Roboto;
+  --dds-font-bold-tight-700: 700 28px/1.3 Roboto;
+  --dds-font-bold-tight-800: 700 32px/1.3 Roboto;
 }

package/build/js/aaf/Dark/variables.cjs

@@ -116,6 +116,8 @@ module.exports = {
   space400: "16px",
   space600: "24px",
   space800: "32px",
+  space1200: "48px",
+  space1600: "64px",
   space050: "2px",
   fontRegularNormal300: "400 12px/1.5 Roboto",
   fontRegularNormal350: "400 14px/1.5 Roboto",
@@ -125,18 +127,13 @@ module.exports = {
   fontRegularTight350: "400 14px/1.3 Roboto",
   fontRegularTight400: "400 16px/1.3 Roboto",
   fontRegularTight500: "400 20px/1.3 Roboto",
-  fontRegularBoldNormal300: "700 12px/1.5 Roboto",
-  fontRegularBoldNormal350: "700 14px/1.5 Roboto",
-  fontRegularBoldNormal400: "700 16px/1.5 Roboto",
-  fontRegularBoldNormal500: "700 20px/1.5 Roboto",
-  fontRegularBoldTight300: "700 12px/1.3 Roboto",
-  fontRegularBoldTight350: "700 14px/1.3 Roboto",
-  fontRegularBoldTight400: "700 16px/1.3 Roboto",
-  fontRegularBoldTight500: "700 20px/1.3 Roboto",
   fontSize300: "12px",
   fontSize350: "14px",
   fontSize400: "16px",
   fontSize500: "20px",
+  fontSize600: "24px",
+  fontSize700: "28px",
+  fontSize800: "32px",
   fontLineHeightTight: 1.3,
   fontLineHeightNormal: 1.5,
   fontWeightBold: 700,
@@ -150,4 +147,7 @@ module.exports = {
   fontBoldTight350: "700 14px/1.3 Roboto",
   fontBoldTight400: "700 16px/1.3 Roboto",
   fontBoldTight500: "700 20px/1.3 Roboto",
+  fontBoldTight600: "700 24px/1.3 Roboto",
+  fontBoldTight700: "700 28px/1.3 Roboto",
+  fontBoldTight800: "700 32px/1.3 Roboto",
 };

package/build/js/aaf/Dark/variables.d.cts

@@ -115,6 +115,8 @@ export const space300: string;
 export const space400: string;
 export const space600: string;
 export const space800: string;
+export const space1200: string;
+export const space1600: string;
 export const space050: string;
 export const fontRegularNormal300: string;
 export const fontRegularNormal350: string;
@@ -124,18 +126,13 @@ export const fontRegularTight300: string;
 export const fontRegularTight350: string;
 export const fontRegularTight400: string;
 export const fontRegularTight500: string;
-export const fontRegularBoldNormal300: string;
-export const fontRegularBoldNormal350: string;
-export const fontRegularBoldNormal400: string;
-export const fontRegularBoldNormal500: string;
-export const fontRegularBoldTight300: string;
-export const fontRegularBoldTight350: string;
-export const fontRegularBoldTight400: string;
-export const fontRegularBoldTight500: string;
 export const fontSize300: string;
 export const fontSize350: string;
 export const fontSize400: string;
 export const fontSize500: string;
+export const fontSize600: string;
+export const fontSize700: string;
+export const fontSize800: string;
 export const fontLineHeightTight: number;
 export const fontLineHeightNormal: number;
 export const fontWeightBold: number;
@@ -149,3 +146,6 @@ export const fontBoldTight300: string;
 export const fontBoldTight350: string;
 export const fontBoldTight400: string;
 export const fontBoldTight500: string;
+export const fontBoldTight600: string;
+export const fontBoldTight700: string;
+export const fontBoldTight800: string;

package/build/js/aaf/Dark/variables.d.ts

@@ -115,6 +115,8 @@ export const space300: string;
 export const space400: string;
 export const space600: string;
 export const space800: string;
+export const space1200: string;
+export const space1600: string;
 export const space050: string;
 export const fontRegularNormal300: string;
 export const fontRegularNormal350: string;
@@ -124,18 +126,13 @@ export const fontRegularTight300: string;
 export const fontRegularTight350: string;
 export const fontRegularTight400: string;
 export const fontRegularTight500: string;
-export const fontRegularBoldNormal300: string;
-export const fontRegularBoldNormal350: string;
-export const fontRegularBoldNormal400: string;
-export const fontRegularBoldNormal500: string;
-export const fontRegularBoldTight300: string;
-export const fontRegularBoldTight350: string;
-export const fontRegularBoldTight400: string;
-export const fontRegularBoldTight500: string;
 export const fontSize300: string;
 export const fontSize350: string;
 export const fontSize400: string;
 export const fontSize500: string;
+export const fontSize600: string;
+export const fontSize700: string;
+export const fontSize800: string;
 export const fontLineHeightTight: number;
 export const fontLineHeightNormal: number;
 export const fontWeightBold: number;
@@ -149,3 +146,6 @@ export const fontBoldTight300: string;
 export const fontBoldTight350: string;
 export const fontBoldTight400: string;
 export const fontBoldTight500: string;
+export const fontBoldTight600: string;
+export const fontBoldTight700: string;
+export const fontBoldTight800: string;

package/build/js/aaf/Dark/variables.js

@@ -115,6 +115,8 @@ export const space300 = "12px";
 export const space400 = "16px";
 export const space600 = "24px";
 export const space800 = "32px";
+export const space1200 = "48px";
+export const space1600 = "64px";
 export const space050 = "2px";
 export const fontRegularNormal300 = "400 12px/1.5 Roboto";
 export const fontRegularNormal350 = "400 14px/1.5 Roboto";
@@ -124,18 +126,13 @@ export const fontRegularTight300 = "400 12px/1.3 Roboto";
 export const fontRegularTight350 = "400 14px/1.3 Roboto";
 export const fontRegularTight400 = "400 16px/1.3 Roboto";
 export const fontRegularTight500 = "400 20px/1.3 Roboto";
-export const fontRegularBoldNormal300 = "700 12px/1.5 Roboto";
-export const fontRegularBoldNormal350 = "700 14px/1.5 Roboto";
-export const fontRegularBoldNormal400 = "700 16px/1.5 Roboto";
-export const fontRegularBoldNormal500 = "700 20px/1.5 Roboto";
-export const fontRegularBoldTight300 = "700 12px/1.3 Roboto";
-export const fontRegularBoldTight350 = "700 14px/1.3 Roboto";
-export const fontRegularBoldTight400 = "700 16px/1.3 Roboto";
-export const fontRegularBoldTight500 = "700 20px/1.3 Roboto";
 export const fontSize300 = "12px";
 export const fontSize350 = "14px";
 export const fontSize400 = "16px";
 export const fontSize500 = "20px";
+export const fontSize600 = "24px";
+export const fontSize700 = "28px";
+export const fontSize800 = "32px";
 export const fontLineHeightTight = 1.3;
 export const fontLineHeightNormal = 1.5;
 export const fontWeightBold = 700;
@@ -149,3 +146,6 @@ export const fontBoldTight300 = "700 12px/1.3 Roboto";
 export const fontBoldTight350 = "700 14px/1.3 Roboto";
 export const fontBoldTight400 = "700 16px/1.3 Roboto";
 export const fontBoldTight500 = "700 20px/1.3 Roboto";
+export const fontBoldTight600 = "700 24px/1.3 Roboto";
+export const fontBoldTight700 = "700 28px/1.3 Roboto";
+export const fontBoldTight800 = "700 32px/1.3 Roboto";

package/build/js/aaf/Light/variables.cjs

@@ -116,6 +116,8 @@ module.exports = {
   space400: "16px",
   space600: "24px",
   space800: "32px",
+  space1200: "48px",
+  space1600: "64px",
   space050: "2px",
   fontRegularNormal300: "400 12px/1.5 Roboto",
   fontRegularNormal350: "400 14px/1.5 Roboto",
@@ -125,18 +127,13 @@ module.exports = {
   fontRegularTight350: "400 14px/1.3 Roboto",
   fontRegularTight400: "400 16px/1.3 Roboto",
   fontRegularTight500: "400 20px/1.3 Roboto",
-  fontRegularBoldNormal300: "700 12px/1.5 Roboto",
-  fontRegularBoldNormal350: "700 14px/1.5 Roboto",
-  fontRegularBoldNormal400: "700 16px/1.5 Roboto",
-  fontRegularBoldNormal500: "700 20px/1.5 Roboto",
-  fontRegularBoldTight300: "700 12px/1.3 Roboto",
-  fontRegularBoldTight350: "700 14px/1.3 Roboto",
-  fontRegularBoldTight400: "700 16px/1.3 Roboto",
-  fontRegularBoldTight500: "700 20px/1.3 Roboto",
   fontSize300: "12px",
   fontSize350: "14px",
   fontSize400: "16px",
   fontSize500: "20px",
+  fontSize600: "24px",
+  fontSize700: "28px",
+  fontSize800: "32px",
   fontLineHeightTight: 1.3,
   fontLineHeightNormal: 1.5,
   fontWeightBold: 700,
@@ -150,4 +147,7 @@ module.exports = {
   fontBoldTight350: "700 14px/1.3 Roboto",
   fontBoldTight400: "700 16px/1.3 Roboto",
   fontBoldTight500: "700 20px/1.3 Roboto",
+  fontBoldTight600: "700 24px/1.3 Roboto",
+  fontBoldTight700: "700 28px/1.3 Roboto",
+  fontBoldTight800: "700 32px/1.3 Roboto",
 };