@daikin-oss/dds-tokens 1.1.2 → 1.2.0

package/CHANGELOG.md

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

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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);
@@ -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

@@ -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;
@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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",
@@ -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

@@ -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";
@@ -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

@@ -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

@@ -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

@@ -534,6 +534,11 @@
     "dimension",
     "borderWidth"
   ],
+  "border-width-075": [
+    "3px",
+    "dimension",
+    "borderWidth"
+  ],
   "space-100": [
     "4px",
     "dimension",

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

@@ -534,6 +534,11 @@
     "dimension",
     "borderWidth"
   ],
+  "border-width-075": [
+    "3px",
+    "dimension",
+    "borderWidth"
+  ],
   "space-100": [
     "4px",
     "dimension",

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

@@ -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",
@@ -769,6 +789,11 @@
     "dimension",
     "borderWidth"
   ],
+  "border-width-075": [
+    "3px",
+    "dimension",
+    "borderWidth"
+  ],
   "space-100": [
     "4px",
     "dimension",

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

@@ -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

@@ -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

@@ -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

@@ -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;
@@ -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

@@ -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.2",
+  "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": {

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

@@ -453,6 +453,10 @@
     "050": {
       "value": "2",
       "type": "borderWidth"
+    },
+    "075": {
+      "value": "3",
+      "type": "borderWidth"
     }
   },
   "space": {