@daikin-oss/dds-tokens 1.1.1 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 1.2.0
+
+### Minor Changes
+
+- 12 token(s) added.
+
+## 1.1.2
+
+### Patch Changes
+
+- 6 token(s) updated.
+
 ## 1.1.1
 
 ### Patch Changes

package/build/css/aaf/Dark/tailwind4.css

@@ -28,7 +28,7 @@
   --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-60: var(--dds-color-yellow-60, #ebac00);
   --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);
@@ -106,6 +106,7 @@
   --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);
+  --border-width-dds-border-width-075: var(--dds-border-width-075, 3px);
   --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);

package/build/css/aaf/Dark/variables.css

@@ -32,7 +32,7 @@
   --dds-color-yellow-30: #ffd45f;
   --dds-color-yellow-40: #ffc936;
   --dds-color-yellow-50: #ffbf0e;
-  --dds-color-yellow-60: #efb000;
+  --dds-color-yellow-60: #ebac00;
   --dds-color-yellow-70: #b88700;
   --dds-color-yellow-80: #9e7400;
   --dds-color-yellow-90: #836000;
@@ -110,6 +110,7 @@
   --dds-border-width-100: 4px;
   --dds-border-width-025: 1px;
   --dds-border-width-050: 2px;
+  --dds-border-width-075: 3px;
   --dds-space-100: 4px;
   --dds-space-200: 8px;
   --dds-space-300: 12px;

package/build/css/aaf/Light/tailwind4.css

@@ -28,7 +28,7 @@
   --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-60: var(--dds-color-yellow-60, #ebac00);
   --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);
@@ -106,6 +106,7 @@
   --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);
+  --border-width-dds-border-width-075: var(--dds-border-width-075, 3px);
   --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);

package/build/css/aaf/Light/variables.css

@@ -32,7 +32,7 @@
   --dds-color-yellow-30: #ffd45f;
   --dds-color-yellow-40: #ffc936;
   --dds-color-yellow-50: #ffbf0e;
-  --dds-color-yellow-60: #efb000;
+  --dds-color-yellow-60: #ebac00;
   --dds-color-yellow-70: #b88700;
   --dds-color-yellow-80: #9e7400;
   --dds-color-yellow-90: #836000;
@@ -110,6 +110,7 @@
   --dds-border-width-100: 4px;
   --dds-border-width-025: 1px;
   --dds-border-width-050: 2px;
+  --dds-border-width-075: 3px;
   --dds-space-100: 4px;
   --dds-space-200: 8px;
   --dds-space-300: 12px;

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

@@ -28,7 +28,7 @@
   --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-60: var(--dds-color-yellow-60, #ebac00);
   --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);
@@ -119,6 +119,10 @@
   --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-surface-overlay-default: var(--dds-color-common-surface-overlay-default, rgba(33, 33, 33, 0.75));
+  --color-dds-color-common-surface-overlay-hover: var(--dds-color-common-surface-overlay-hover, rgba(49, 49, 49, 0.75));
+  --color-dds-color-common-surface-overlay-press: var(--dds-color-common-surface-overlay-press, rgba(65, 65, 65, 0.75));
+  --color-dds-color-common-surface-overlay-disabled: var(--dds-color-common-surface-overlay-disabled, rgba(97, 97, 97, 0.75));
   --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);
@@ -126,11 +130,11 @@
   --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-warning: var(--dds-color-common-warning, #ebac00);
   --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-primary: var(--dds-color-common-text-primary, #f2f2f2);
   --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);
@@ -153,6 +157,7 @@
   --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);
+  --border-width-dds-border-width-075: var(--dds-border-width-075, 3px);
   --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);

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

@@ -32,7 +32,7 @@
   --dds-color-yellow-30: #ffd45f;
   --dds-color-yellow-40: #ffc936;
   --dds-color-yellow-50: #ffbf0e;
-  --dds-color-yellow-60: #efb000;
+  --dds-color-yellow-60: #ebac00;
   --dds-color-yellow-70: #b88700;
   --dds-color-yellow-80: #9e7400;
   --dds-color-yellow-90: #836000;
@@ -123,6 +123,10 @@
   --dds-color-common-surface-selected-default: #002b40;
   --dds-color-common-surface-selected-hover: #004160;
   --dds-color-common-surface-selected-press: #005077;
+  --dds-color-common-surface-overlay-default: rgba(33, 33, 33, 0.75);
+  --dds-color-common-surface-overlay-hover: rgba(49, 49, 49, 0.75);
+  --dds-color-common-surface-overlay-press: rgba(65, 65, 65, 0.75);
+  --dds-color-common-surface-overlay-disabled: rgba(97, 97, 97, 0.75);
   --dds-color-common-neutral-default: #bfbfbf;
   --dds-color-common-neutral-hover: #cecece;
   --dds-color-common-neutral-press: #dcdcdc;
@@ -130,11 +134,11 @@
   --dds-color-common-danger-hover: #f4404b;
   --dds-color-common-danger-press: #f7666f;
   --dds-color-common-success: #00c3ac;
-  --dds-color-common-warning: #efb000;
+  --dds-color-common-warning: #ebac00;
   --dds-color-common-alarm: #fa7a12;
   --dds-color-common-information: #30ade9;
   --dds-color-common-disabled: #616161;
-  --dds-color-common-text-primary: #dcdcdc;
+  --dds-color-common-text-primary: #f2f2f2;
   --dds-color-common-text-secondary: #bfbfbf;
   --dds-color-common-text-inverse: #212121;
   --dds-color-common-border-focus: #54c3f1;
@@ -157,6 +161,7 @@
   --dds-border-width-100: 4px;
   --dds-border-width-025: 1px;
   --dds-border-width-050: 2px;
+  --dds-border-width-075: 3px;
   --dds-space-100: 4px;
   --dds-space-200: 8px;
   --dds-space-300: 12px;

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

@@ -28,7 +28,7 @@
   --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-60: var(--dds-color-yellow-60, #ebac00);
   --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);
@@ -119,6 +119,10 @@
   --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-surface-overlay-default: var(--dds-color-common-surface-overlay-default, rgba(255, 255, 255, 0.75));
+  --color-dds-color-common-surface-overlay-hover: var(--dds-color-common-surface-overlay-hover, rgba(242, 242, 242, 0.75));
+  --color-dds-color-common-surface-overlay-press: var(--dds-color-common-surface-overlay-press, rgba(235, 235, 235, 0.75));
+  --color-dds-color-common-surface-overlay-disabled: var(--dds-color-common-surface-overlay-disabled, rgba(191, 191, 191, 0.75));
   --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);
@@ -153,6 +157,7 @@
   --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);
+  --border-width-dds-border-width-075: var(--dds-border-width-075, 3px);
   --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);

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

@@ -32,7 +32,7 @@
   --dds-color-yellow-30: #ffd45f;
   --dds-color-yellow-40: #ffc936;
   --dds-color-yellow-50: #ffbf0e;
-  --dds-color-yellow-60: #efb000;
+  --dds-color-yellow-60: #ebac00;
   --dds-color-yellow-70: #b88700;
   --dds-color-yellow-80: #9e7400;
   --dds-color-yellow-90: #836000;
@@ -123,6 +123,10 @@
   --dds-color-common-surface-selected-default: #ddf3fc;
   --dds-color-common-surface-selected-hover: #bbe7f9;
   --dds-color-common-surface-selected-press: #98dbf7;
+  --dds-color-common-surface-overlay-default: rgba(255, 255, 255, 0.75);
+  --dds-color-common-surface-overlay-hover: rgba(242, 242, 242, 0.75);
+  --dds-color-common-surface-overlay-press: rgba(235, 235, 235, 0.75);
+  --dds-color-common-surface-overlay-disabled: rgba(191, 191, 191, 0.75);
   --dds-color-common-neutral-default: #616161;
   --dds-color-common-neutral-hover: #515151;
   --dds-color-common-neutral-press: #414141;
@@ -157,6 +161,7 @@
   --dds-border-width-100: 4px;
   --dds-border-width-025: 1px;
   --dds-border-width-050: 2px;
+  --dds-border-width-075: 3px;
   --dds-space-100: 4px;
   --dds-space-200: 8px;
   --dds-space-300: 12px;

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

@@ -32,7 +32,7 @@ module.exports = {
   colorYellow30: "#ffd45f",
   colorYellow40: "#ffc936",
   colorYellow50: "#ffbf0e",
-  colorYellow60: "#efb000",
+  colorYellow60: "#ebac00",
   colorYellow70: "#b88700",
   colorYellow80: "#9e7400",
   colorYellow90: "#836000",
@@ -110,6 +110,7 @@ module.exports = {
   borderWidth100: "4px",
   borderWidth025: "1px",
   borderWidth050: "2px",
+  borderWidth075: "3px",
   space100: "4px",
   space200: "8px",
   space300: "12px",

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

@@ -109,6 +109,7 @@ export const borderRadius050: string;
 export const borderWidth100: string;
 export const borderWidth025: string;
 export const borderWidth050: string;
+export const borderWidth075: string;
 export const space100: string;
 export const space200: string;
 export const space300: string;

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

@@ -109,6 +109,7 @@ export const borderRadius050: string;
 export const borderWidth100: string;
 export const borderWidth025: string;
 export const borderWidth050: string;
+export const borderWidth075: string;
 export const space100: string;
 export const space200: string;
 export const space300: string;

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

@@ -31,7 +31,7 @@ export const colorYellow20 = "#ffeaaf";
 export const colorYellow30 = "#ffd45f";
 export const colorYellow40 = "#ffc936";
 export const colorYellow50 = "#ffbf0e";
-export const colorYellow60 = "#efb000";
+export const colorYellow60 = "#ebac00";
 export const colorYellow70 = "#b88700";
 export const colorYellow80 = "#9e7400";
 export const colorYellow90 = "#836000";
@@ -109,6 +109,7 @@ export const borderRadius050 = "2px";
 export const borderWidth100 = "4px";
 export const borderWidth025 = "1px";
 export const borderWidth050 = "2px";
+export const borderWidth075 = "3px";
 export const space100 = "4px";
 export const space200 = "8px";
 export const space300 = "12px";

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

@@ -32,7 +32,7 @@ module.exports = {
   colorYellow30: "#ffd45f",
   colorYellow40: "#ffc936",
   colorYellow50: "#ffbf0e",
-  colorYellow60: "#efb000",
+  colorYellow60: "#ebac00",
   colorYellow70: "#b88700",
   colorYellow80: "#9e7400",
   colorYellow90: "#836000",
@@ -110,6 +110,7 @@ module.exports = {
   borderWidth100: "4px",
   borderWidth025: "1px",
   borderWidth050: "2px",
+  borderWidth075: "3px",
   space100: "4px",
   space200: "8px",
   space300: "12px",

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

@@ -109,6 +109,7 @@ export const borderRadius050: string;
 export const borderWidth100: string;
 export const borderWidth025: string;
 export const borderWidth050: string;
+export const borderWidth075: string;
 export const space100: string;
 export const space200: string;
 export const space300: string;

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

@@ -109,6 +109,7 @@ export const borderRadius050: string;
 export const borderWidth100: string;
 export const borderWidth025: string;
 export const borderWidth050: string;
+export const borderWidth075: string;
 export const space100: string;
 export const space200: string;
 export const space300: string;

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

@@ -31,7 +31,7 @@ export const colorYellow20 = "#ffeaaf";
 export const colorYellow30 = "#ffd45f";
 export const colorYellow40 = "#ffc936";
 export const colorYellow50 = "#ffbf0e";
-export const colorYellow60 = "#efb000";
+export const colorYellow60 = "#ebac00";
 export const colorYellow70 = "#b88700";
 export const colorYellow80 = "#9e7400";
 export const colorYellow90 = "#836000";
@@ -109,6 +109,7 @@ export const borderRadius050 = "2px";
 export const borderWidth100 = "4px";
 export const borderWidth025 = "1px";
 export const borderWidth050 = "2px";
+export const borderWidth075 = "3px";
 export const space100 = "4px";
 export const space200 = "8px";
 export const space300 = "12px";

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

@@ -32,7 +32,7 @@ module.exports = {
   colorYellow30: "#ffd45f",
   colorYellow40: "#ffc936",
   colorYellow50: "#ffbf0e",
-  colorYellow60: "#efb000",
+  colorYellow60: "#ebac00",
   colorYellow70: "#b88700",
   colorYellow80: "#9e7400",
   colorYellow90: "#836000",
@@ -123,6 +123,10 @@ module.exports = {
   colorCommonSurfaceSelectedDefault: "#002b40",
   colorCommonSurfaceSelectedHover: "#004160",
   colorCommonSurfaceSelectedPress: "#005077",
+  colorCommonSurfaceOverlayDefault: "rgba(33, 33, 33, 0.75)",
+  colorCommonSurfaceOverlayHover: "rgba(49, 49, 49, 0.75)",
+  colorCommonSurfaceOverlayPress: "rgba(65, 65, 65, 0.75)",
+  colorCommonSurfaceOverlayDisabled: "rgba(97, 97, 97, 0.75)",
   colorCommonNeutralDefault: "#bfbfbf",
   colorCommonNeutralHover: "#cecece",
   colorCommonNeutralPress: "#dcdcdc",
@@ -130,11 +134,11 @@ module.exports = {
   colorCommonDangerHover: "#f4404b",
   colorCommonDangerPress: "#f7666f",
   colorCommonSuccess: "#00c3ac",
-  colorCommonWarning: "#efb000",
+  colorCommonWarning: "#ebac00",
   colorCommonAlarm: "#fa7a12",
   colorCommonInformation: "#30ade9",
   colorCommonDisabled: "#616161",
-  colorCommonTextPrimary: "#dcdcdc",
+  colorCommonTextPrimary: "#f2f2f2",
   colorCommonTextSecondary: "#bfbfbf",
   colorCommonTextInverse: "#212121",
   colorCommonBorderFocus: "#54c3f1",
@@ -157,6 +161,7 @@ module.exports = {
   borderWidth100: "4px",
   borderWidth025: "1px",
   borderWidth050: "2px",
+  borderWidth075: "3px",
   space100: "4px",
   space200: "8px",
   space300: "12px",

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

@@ -122,6 +122,10 @@ export const colorCommonSurfacePress: string;
 export const colorCommonSurfaceSelectedDefault: string;
 export const colorCommonSurfaceSelectedHover: string;
 export const colorCommonSurfaceSelectedPress: string;
+export const colorCommonSurfaceOverlayDefault: string;
+export const colorCommonSurfaceOverlayHover: string;
+export const colorCommonSurfaceOverlayPress: string;
+export const colorCommonSurfaceOverlayDisabled: string;
 export const colorCommonNeutralDefault: string;
 export const colorCommonNeutralHover: string;
 export const colorCommonNeutralPress: string;
@@ -156,6 +160,7 @@ export const borderRadius050: string;
 export const borderWidth100: string;
 export const borderWidth025: string;
 export const borderWidth050: string;
+export const borderWidth075: string;
 export const space100: string;
 export const space200: string;
 export const space300: string;

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

@@ -122,6 +122,10 @@ export const colorCommonSurfacePress: string;
 export const colorCommonSurfaceSelectedDefault: string;
 export const colorCommonSurfaceSelectedHover: string;
 export const colorCommonSurfaceSelectedPress: string;
+export const colorCommonSurfaceOverlayDefault: string;
+export const colorCommonSurfaceOverlayHover: string;
+export const colorCommonSurfaceOverlayPress: string;
+export const colorCommonSurfaceOverlayDisabled: string;
 export const colorCommonNeutralDefault: string;
 export const colorCommonNeutralHover: string;
 export const colorCommonNeutralPress: string;
@@ -156,6 +160,7 @@ export const borderRadius050: string;
 export const borderWidth100: string;
 export const borderWidth025: string;
 export const borderWidth050: string;
+export const borderWidth075: string;
 export const space100: string;
 export const space200: string;
 export const space300: string;

package/build/js/daikin/Dark/variables.js

@@ -31,7 +31,7 @@ export const colorYellow20 = "#ffeaaf";
 export const colorYellow30 = "#ffd45f";
 export const colorYellow40 = "#ffc936";
 export const colorYellow50 = "#ffbf0e";
-export const colorYellow60 = "#efb000";
+export const colorYellow60 = "#ebac00";
 export const colorYellow70 = "#b88700";
 export const colorYellow80 = "#9e7400";
 export const colorYellow90 = "#836000";
@@ -122,6 +122,10 @@ export const colorCommonSurfacePress = "#313131";
 export const colorCommonSurfaceSelectedDefault = "#002b40";
 export const colorCommonSurfaceSelectedHover = "#004160";
 export const colorCommonSurfaceSelectedPress = "#005077";
+export const colorCommonSurfaceOverlayDefault = "rgba(33, 33, 33, 0.75)";
+export const colorCommonSurfaceOverlayHover = "rgba(49, 49, 49, 0.75)";
+export const colorCommonSurfaceOverlayPress = "rgba(65, 65, 65, 0.75)";
+export const colorCommonSurfaceOverlayDisabled = "rgba(97, 97, 97, 0.75)";
 export const colorCommonNeutralDefault = "#bfbfbf";
 export const colorCommonNeutralHover = "#cecece";
 export const colorCommonNeutralPress = "#dcdcdc";
@@ -129,11 +133,11 @@ export const colorCommonDangerDefault = "#f21a27";
 export const colorCommonDangerHover = "#f4404b";
 export const colorCommonDangerPress = "#f7666f";
 export const colorCommonSuccess = "#00c3ac";
-export const colorCommonWarning = "#efb000";
+export const colorCommonWarning = "#ebac00";
 export const colorCommonAlarm = "#fa7a12";
 export const colorCommonInformation = "#30ade9";
 export const colorCommonDisabled = "#616161";
-export const colorCommonTextPrimary = "#dcdcdc";
+export const colorCommonTextPrimary = "#f2f2f2";
 export const colorCommonTextSecondary = "#bfbfbf";
 export const colorCommonTextInverse = "#212121";
 export const colorCommonBorderFocus = "#54c3f1";
@@ -156,6 +160,7 @@ export const borderRadius050 = "2px";
 export const borderWidth100 = "4px";
 export const borderWidth025 = "1px";
 export const borderWidth050 = "2px";
+export const borderWidth075 = "3px";
 export const space100 = "4px";
 export const space200 = "8px";
 export const space300 = "12px";

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

@@ -32,7 +32,7 @@ module.exports = {
   colorYellow30: "#ffd45f",
   colorYellow40: "#ffc936",
   colorYellow50: "#ffbf0e",
-  colorYellow60: "#efb000",
+  colorYellow60: "#ebac00",
   colorYellow70: "#b88700",
   colorYellow80: "#9e7400",
   colorYellow90: "#836000",
@@ -123,6 +123,10 @@ module.exports = {
   colorCommonSurfaceSelectedDefault: "#ddf3fc",
   colorCommonSurfaceSelectedHover: "#bbe7f9",
   colorCommonSurfaceSelectedPress: "#98dbf7",
+  colorCommonSurfaceOverlayDefault: "rgba(255, 255, 255, 0.75)",
+  colorCommonSurfaceOverlayHover: "rgba(242, 242, 242, 0.75)",
+  colorCommonSurfaceOverlayPress: "rgba(235, 235, 235, 0.75)",
+  colorCommonSurfaceOverlayDisabled: "rgba(191, 191, 191, 0.75)",
   colorCommonNeutralDefault: "#616161",
   colorCommonNeutralHover: "#515151",
   colorCommonNeutralPress: "#414141",
@@ -157,6 +161,7 @@ module.exports = {
   borderWidth100: "4px",
   borderWidth025: "1px",
   borderWidth050: "2px",
+  borderWidth075: "3px",
   space100: "4px",
   space200: "8px",
   space300: "12px",

package/build/js/daikin/Light/variables.d.cts

@@ -122,6 +122,10 @@ export const colorCommonSurfacePress: string;
 export const colorCommonSurfaceSelectedDefault: string;
 export const colorCommonSurfaceSelectedHover: string;
 export const colorCommonSurfaceSelectedPress: string;
+export const colorCommonSurfaceOverlayDefault: string;
+export const colorCommonSurfaceOverlayHover: string;
+export const colorCommonSurfaceOverlayPress: string;
+export const colorCommonSurfaceOverlayDisabled: string;
 export const colorCommonNeutralDefault: string;
 export const colorCommonNeutralHover: string;
 export const colorCommonNeutralPress: string;
@@ -156,6 +160,7 @@ export const borderRadius050: string;
 export const borderWidth100: string;
 export const borderWidth025: string;
 export const borderWidth050: string;
+export const borderWidth075: string;
 export const space100: string;
 export const space200: string;
 export const space300: string;

package/build/js/daikin/Light/variables.d.ts

@@ -122,6 +122,10 @@ export const colorCommonSurfacePress: string;
 export const colorCommonSurfaceSelectedDefault: string;
 export const colorCommonSurfaceSelectedHover: string;
 export const colorCommonSurfaceSelectedPress: string;
+export const colorCommonSurfaceOverlayDefault: string;
+export const colorCommonSurfaceOverlayHover: string;
+export const colorCommonSurfaceOverlayPress: string;
+export const colorCommonSurfaceOverlayDisabled: string;
 export const colorCommonNeutralDefault: string;
 export const colorCommonNeutralHover: string;
 export const colorCommonNeutralPress: string;
@@ -156,6 +160,7 @@ export const borderRadius050: string;
 export const borderWidth100: string;
 export const borderWidth025: string;
 export const borderWidth050: string;
+export const borderWidth075: string;
 export const space100: string;
 export const space200: string;
 export const space300: string;

package/build/js/daikin/Light/variables.js

@@ -31,7 +31,7 @@ export const colorYellow20 = "#ffeaaf";
 export const colorYellow30 = "#ffd45f";
 export const colorYellow40 = "#ffc936";
 export const colorYellow50 = "#ffbf0e";
-export const colorYellow60 = "#efb000";
+export const colorYellow60 = "#ebac00";
 export const colorYellow70 = "#b88700";
 export const colorYellow80 = "#9e7400";
 export const colorYellow90 = "#836000";
@@ -122,6 +122,10 @@ export const colorCommonSurfacePress = "#ebebeb";
 export const colorCommonSurfaceSelectedDefault = "#ddf3fc";
 export const colorCommonSurfaceSelectedHover = "#bbe7f9";
 export const colorCommonSurfaceSelectedPress = "#98dbf7";
+export const colorCommonSurfaceOverlayDefault = "rgba(255, 255, 255, 0.75)";
+export const colorCommonSurfaceOverlayHover = "rgba(242, 242, 242, 0.75)";
+export const colorCommonSurfaceOverlayPress = "rgba(235, 235, 235, 0.75)";
+export const colorCommonSurfaceOverlayDisabled = "rgba(191, 191, 191, 0.75)";
 export const colorCommonNeutralDefault = "#616161";
 export const colorCommonNeutralHover = "#515151";
 export const colorCommonNeutralPress = "#414141";
@@ -156,6 +160,7 @@ export const borderRadius050 = "2px";
 export const borderWidth100 = "4px";
 export const borderWidth025 = "1px";
 export const borderWidth050 = "2px";
+export const borderWidth075 = "3px";
 export const space100 = "4px";
 export const space200 = "8px";
 export const space300 = "12px";

package/build/json/aaf/Dark/tokens.json

@@ -145,7 +145,7 @@
     null
   ],
   "color-yellow-60": [
-    "#efb000",
+    "#ebac00",
     "color",
     null
   ],
@@ -534,6 +534,11 @@
     "dimension",
     "borderWidth"
   ],
+  "border-width-075": [
+    "3px",
+    "dimension",
+    "borderWidth"
+  ],
   "space-100": [
     "4px",
     "dimension",

package/build/json/aaf/Light/tokens.json

@@ -145,7 +145,7 @@
     null
   ],
   "color-yellow-60": [
-    "#efb000",
+    "#ebac00",
     "color",
     null
   ],
@@ -534,6 +534,11 @@
     "dimension",
     "borderWidth"
   ],
+  "border-width-075": [
+    "3px",
+    "dimension",
+    "borderWidth"
+  ],
   "space-100": [
     "4px",
     "dimension",

package/build/json/daikin/Dark/tokens.json

@@ -145,7 +145,7 @@
     null
   ],
   "color-yellow-60": [
-    "#efb000",
+    "#ebac00",
     "color",
     null
   ],
@@ -599,6 +599,26 @@
     "color",
     null
   ],
+  "color-common-surface-overlay-default": [
+    "rgba(33, 33, 33, 0.75)",
+    "color",
+    null
+  ],
+  "color-common-surface-overlay-hover": [
+    "rgba(49, 49, 49, 0.75)",
+    "color",
+    null
+  ],
+  "color-common-surface-overlay-press": [
+    "rgba(65, 65, 65, 0.75)",
+    "color",
+    null
+  ],
+  "color-common-surface-overlay-disabled": [
+    "rgba(97, 97, 97, 0.75)",
+    "color",
+    null
+  ],
   "color-common-neutral-default": [
     "#bfbfbf",
     "color",
@@ -635,7 +655,7 @@
     null
   ],
   "color-common-warning": [
-    "#efb000",
+    "#ebac00",
     "color",
     null
   ],
@@ -655,7 +675,7 @@
     null
   ],
   "color-common-text-primary": [
-    "#dcdcdc",
+    "#f2f2f2",
     "color",
     null
   ],
@@ -769,6 +789,11 @@
     "dimension",
     "borderWidth"
   ],
+  "border-width-075": [
+    "3px",
+    "dimension",
+    "borderWidth"
+  ],
   "space-100": [
     "4px",
     "dimension",

package/build/json/daikin/Light/tokens.json

@@ -145,7 +145,7 @@
     null
   ],
   "color-yellow-60": [
-    "#efb000",
+    "#ebac00",
     "color",
     null
   ],
@@ -599,6 +599,26 @@
     "color",
     null
   ],
+  "color-common-surface-overlay-default": [
+    "rgba(255, 255, 255, 0.75)",
+    "color",
+    null
+  ],
+  "color-common-surface-overlay-hover": [
+    "rgba(242, 242, 242, 0.75)",
+    "color",
+    null
+  ],
+  "color-common-surface-overlay-press": [
+    "rgba(235, 235, 235, 0.75)",
+    "color",
+    null
+  ],
+  "color-common-surface-overlay-disabled": [
+    "rgba(191, 191, 191, 0.75)",
+    "color",
+    null
+  ],
   "color-common-neutral-default": [
     "#616161",
     "color",
@@ -769,6 +789,11 @@
     "dimension",
     "borderWidth"
   ],
+  "border-width-075": [
+    "3px",
+    "dimension",
+    "borderWidth"
+  ],
   "space-100": [
     "4px",
     "dimension",

package/build/scss/aaf/Dark/_mixins.scss

@@ -32,7 +32,7 @@
   --dds-color-yellow-30: #ffd45f;
   --dds-color-yellow-40: #ffc936;
   --dds-color-yellow-50: #ffbf0e;
-  --dds-color-yellow-60: #efb000;
+  --dds-color-yellow-60: #ebac00;
   --dds-color-yellow-70: #b88700;
   --dds-color-yellow-80: #9e7400;
   --dds-color-yellow-90: #836000;
@@ -110,6 +110,7 @@
   --dds-border-width-100: 4px;
   --dds-border-width-025: 1px;
   --dds-border-width-050: 2px;
+  --dds-border-width-075: 3px;
   --dds-space-100: 4px;
   --dds-space-200: 8px;
   --dds-space-300: 12px;

package/build/scss/aaf/Light/_mixins.scss

@@ -32,7 +32,7 @@
   --dds-color-yellow-30: #ffd45f;
   --dds-color-yellow-40: #ffc936;
   --dds-color-yellow-50: #ffbf0e;
-  --dds-color-yellow-60: #efb000;
+  --dds-color-yellow-60: #ebac00;
   --dds-color-yellow-70: #b88700;
   --dds-color-yellow-80: #9e7400;
   --dds-color-yellow-90: #836000;
@@ -110,6 +110,7 @@
   --dds-border-width-100: 4px;
   --dds-border-width-025: 1px;
   --dds-border-width-050: 2px;
+  --dds-border-width-075: 3px;
   --dds-space-100: 4px;
   --dds-space-200: 8px;
   --dds-space-300: 12px;

package/build/scss/daikin/Dark/_mixins.scss

@@ -32,7 +32,7 @@
   --dds-color-yellow-30: #ffd45f;
   --dds-color-yellow-40: #ffc936;
   --dds-color-yellow-50: #ffbf0e;
-  --dds-color-yellow-60: #efb000;
+  --dds-color-yellow-60: #ebac00;
   --dds-color-yellow-70: #b88700;
   --dds-color-yellow-80: #9e7400;
   --dds-color-yellow-90: #836000;
@@ -123,6 +123,10 @@
   --dds-color-common-surface-selected-default: #002b40;
   --dds-color-common-surface-selected-hover: #004160;
   --dds-color-common-surface-selected-press: #005077;
+  --dds-color-common-surface-overlay-default: rgba(33, 33, 33, 0.75);
+  --dds-color-common-surface-overlay-hover: rgba(49, 49, 49, 0.75);
+  --dds-color-common-surface-overlay-press: rgba(65, 65, 65, 0.75);
+  --dds-color-common-surface-overlay-disabled: rgba(97, 97, 97, 0.75);
   --dds-color-common-neutral-default: #bfbfbf;
   --dds-color-common-neutral-hover: #cecece;
   --dds-color-common-neutral-press: #dcdcdc;
@@ -130,11 +134,11 @@
   --dds-color-common-danger-hover: #f4404b;
   --dds-color-common-danger-press: #f7666f;
   --dds-color-common-success: #00c3ac;
-  --dds-color-common-warning: #efb000;
+  --dds-color-common-warning: #ebac00;
   --dds-color-common-alarm: #fa7a12;
   --dds-color-common-information: #30ade9;
   --dds-color-common-disabled: #616161;
-  --dds-color-common-text-primary: #dcdcdc;
+  --dds-color-common-text-primary: #f2f2f2;
   --dds-color-common-text-secondary: #bfbfbf;
   --dds-color-common-text-inverse: #212121;
   --dds-color-common-border-focus: #54c3f1;
@@ -157,6 +161,7 @@
   --dds-border-width-100: 4px;
   --dds-border-width-025: 1px;
   --dds-border-width-050: 2px;
+  --dds-border-width-075: 3px;
   --dds-space-100: 4px;
   --dds-space-200: 8px;
   --dds-space-300: 12px;

package/build/scss/daikin/Light/_mixins.scss

@@ -32,7 +32,7 @@
   --dds-color-yellow-30: #ffd45f;
   --dds-color-yellow-40: #ffc936;
   --dds-color-yellow-50: #ffbf0e;
-  --dds-color-yellow-60: #efb000;
+  --dds-color-yellow-60: #ebac00;
   --dds-color-yellow-70: #b88700;
   --dds-color-yellow-80: #9e7400;
   --dds-color-yellow-90: #836000;
@@ -123,6 +123,10 @@
   --dds-color-common-surface-selected-default: #ddf3fc;
   --dds-color-common-surface-selected-hover: #bbe7f9;
   --dds-color-common-surface-selected-press: #98dbf7;
+  --dds-color-common-surface-overlay-default: rgba(255, 255, 255, 0.75);
+  --dds-color-common-surface-overlay-hover: rgba(242, 242, 242, 0.75);
+  --dds-color-common-surface-overlay-press: rgba(235, 235, 235, 0.75);
+  --dds-color-common-surface-overlay-disabled: rgba(191, 191, 191, 0.75);
   --dds-color-common-neutral-default: #616161;
   --dds-color-common-neutral-hover: #515151;
   --dds-color-common-neutral-press: #414141;
@@ -157,6 +161,7 @@
   --dds-border-width-100: 4px;
   --dds-border-width-025: 1px;
   --dds-border-width-050: 2px;
+  --dds-border-width-075: 3px;
   --dds-space-100: 4px;
   --dds-space-200: 8px;
   --dds-space-300: 12px;

package/build/tailwind4.css

@@ -119,6 +119,10 @@
   --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-surface-overlay-default: var(--dds-color-common-surface-overlay-default);
+  --color-dds-color-common-surface-overlay-hover: var(--dds-color-common-surface-overlay-hover);
+  --color-dds-color-common-surface-overlay-press: var(--dds-color-common-surface-overlay-press);
+  --color-dds-color-common-surface-overlay-disabled: var(--dds-color-common-surface-overlay-disabled);
   --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);
@@ -153,6 +157,7 @@
   --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);
+  --border-width-dds-border-width-075: var(--dds-border-width-075);
   --spacing-dds-space-100: var(--dds-space-100);
   --spacing-dds-space-200: var(--dds-space-200);
   --spacing-dds-space-300: var(--dds-space-300);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daikin-oss/dds-tokens",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "Design token definitions for DDS",
   "type": "module",
   "files": [

package/themes/dkn/dark/system.json

@@ -89,6 +89,24 @@
             "value": "{color.blue.100}",
             "type": "color"
           }
+        },
+        "overlay": {
+          "default": {
+            "value": "#212121BF",
+            "type": "color"
+          },
+          "hover": {
+            "value": "#313131BF",
+            "type": "color"
+          },
+          "press": {
+            "value": "#414141BF",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "#616161BF",
+            "type": "color"
+          }
         }
       },
       "neutral": {
@@ -141,7 +159,7 @@
       },
       "text": {
         "primary": {
-          "value": "{color.gray.30}",
+          "value": "{color.gray.10}",
           "type": "color"
         },
         "secondary": {

package/themes/dkn/light/system.json

@@ -89,6 +89,24 @@
             "value": "{color.blue.30}",
             "type": "color"
           }
+        },
+        "overlay": {
+          "default": {
+            "value": "#FFFFFFBF",
+            "type": "color"
+          },
+          "hover": {
+            "value": "#F2F2F2BF",
+            "type": "color"
+          },
+          "press": {
+            "value": "#EBEBEBBF",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "#BFBFBFBF",
+            "type": "color"
+          }
         }
       },
       "neutral": {

package/themes/reference.json

@@ -122,7 +122,7 @@
         "type": "color"
       },
       "60": {
-        "value": "#EFB000",
+        "value": "#EBAC00",
         "type": "color"
       },
       "70": {
@@ -453,6 +453,10 @@
     "050": {
       "value": "2",
       "type": "borderWidth"
+    },
+    "075": {
+      "value": "3",
+      "type": "borderWidth"
     }
   },
   "space": {