@daikin-oss/dds-tokens 0.4.2 → 1.1.0

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

@@ -564,6 +564,16 @@
     "dimension",
     "spacing"
   ],
+  "space-1200": [
+    "48px",
+    "dimension",
+    "spacing"
+  ],
+  "space-1600": [
+    "64px",
+    "dimension",
+    "spacing"
+  ],
   "space-050": [
     "2px",
     "dimension",
@@ -609,46 +619,6 @@
     "typography",
     null
   ],
-  "font-regular-bold-normal-300": [
-    "700 12px/1.5 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-normal-350": [
-    "700 14px/1.5 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-normal-400": [
-    "700 16px/1.5 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-normal-500": [
-    "700 20px/1.5 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-tight-300": [
-    "700 12px/1.3 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-tight-350": [
-    "700 14px/1.3 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-tight-400": [
-    "700 16px/1.3 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-tight-500": [
-    "700 20px/1.3 Roboto",
-    "typography",
-    null
-  ],
   "font-size-300": [
     "12px",
     "fontSize",
@@ -669,6 +639,21 @@
     "fontSize",
     "fontSizes"
   ],
+  "font-size-600": [
+    "24px",
+    "fontSize",
+    "fontSizes"
+  ],
+  "font-size-700": [
+    "28px",
+    "fontSize",
+    "fontSizes"
+  ],
+  "font-size-800": [
+    "32px",
+    "fontSize",
+    "fontSizes"
+  ],
   "font-line-height-tight": [
     "1.3",
     "lineHeight",
@@ -733,5 +718,20 @@
     "700 20px/1.3 Roboto",
     "typography",
     null
+  ],
+  "font-bold-tight-600": [
+    "700 24px/1.3 Roboto",
+    "typography",
+    null
+  ],
+  "font-bold-tight-700": [
+    "700 28px/1.3 Roboto",
+    "typography",
+    null
+  ],
+  "font-bold-tight-800": [
+    "700 32px/1.3 Roboto",
+    "typography",
+    null
   ]
 }

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

@@ -554,6 +554,21 @@
     "color",
     null
   ],
+  "color-common-surface-secondary-default": [
+    "#313131",
+    "color",
+    null
+  ],
+  "color-common-surface-secondary-hover": [
+    "#414141",
+    "color",
+    null
+  ],
+  "color-common-surface-secondary-press": [
+    "#515151",
+    "color",
+    null
+  ],
   "color-common-surface-inverse": [
     "#ffffff",
     "color",
@@ -664,6 +679,11 @@
     "color",
     null
   ],
+  "color-common-border-inverse": [
+    "#212121",
+    "color",
+    null
+  ],
   "color-common-background-default": [
     "#212121",
     "color",
@@ -779,6 +799,16 @@
     "dimension",
     "spacing"
   ],
+  "space-1200": [
+    "48px",
+    "dimension",
+    "spacing"
+  ],
+  "space-1600": [
+    "64px",
+    "dimension",
+    "spacing"
+  ],
   "space-050": [
     "2px",
     "dimension",
@@ -824,46 +854,6 @@
     "typography",
     null
   ],
-  "font-regular-bold-normal-300": [
-    "700 12px/1.5 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-normal-350": [
-    "700 14px/1.5 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-normal-400": [
-    "700 16px/1.5 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-normal-500": [
-    "700 20px/1.5 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-tight-300": [
-    "700 12px/1.3 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-tight-350": [
-    "700 14px/1.3 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-tight-400": [
-    "700 16px/1.3 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-tight-500": [
-    "700 20px/1.3 Roboto",
-    "typography",
-    null
-  ],
   "font-size-300": [
     "12px",
     "fontSize",
@@ -884,6 +874,21 @@
     "fontSize",
     "fontSizes"
   ],
+  "font-size-600": [
+    "24px",
+    "fontSize",
+    "fontSizes"
+  ],
+  "font-size-700": [
+    "28px",
+    "fontSize",
+    "fontSizes"
+  ],
+  "font-size-800": [
+    "32px",
+    "fontSize",
+    "fontSizes"
+  ],
   "font-line-height-tight": [
     "1.3",
     "lineHeight",
@@ -948,5 +953,20 @@
     "700 20px/1.3 Roboto",
     "typography",
     null
+  ],
+  "font-bold-tight-600": [
+    "700 24px/1.3 Roboto",
+    "typography",
+    null
+  ],
+  "font-bold-tight-700": [
+    "700 28px/1.3 Roboto",
+    "typography",
+    null
+  ],
+  "font-bold-tight-800": [
+    "700 32px/1.3 Roboto",
+    "typography",
+    null
   ]
 }

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

@@ -554,6 +554,21 @@
     "color",
     null
   ],
+  "color-common-surface-secondary-default": [
+    "#ebebeb",
+    "color",
+    null
+  ],
+  "color-common-surface-secondary-hover": [
+    "#dcdcdc",
+    "color",
+    null
+  ],
+  "color-common-surface-secondary-press": [
+    "#cecece",
+    "color",
+    null
+  ],
   "color-common-surface-inverse": [
     "#616161",
     "color",
@@ -664,6 +679,11 @@
     "color",
     null
   ],
+  "color-common-border-inverse": [
+    "#ffffff",
+    "color",
+    null
+  ],
   "color-common-background-default": [
     "#ffffff",
     "color",
@@ -779,6 +799,16 @@
     "dimension",
     "spacing"
   ],
+  "space-1200": [
+    "48px",
+    "dimension",
+    "spacing"
+  ],
+  "space-1600": [
+    "64px",
+    "dimension",
+    "spacing"
+  ],
   "space-050": [
     "2px",
     "dimension",
@@ -824,46 +854,6 @@
     "typography",
     null
   ],
-  "font-regular-bold-normal-300": [
-    "700 12px/1.5 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-normal-350": [
-    "700 14px/1.5 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-normal-400": [
-    "700 16px/1.5 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-normal-500": [
-    "700 20px/1.5 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-tight-300": [
-    "700 12px/1.3 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-tight-350": [
-    "700 14px/1.3 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-tight-400": [
-    "700 16px/1.3 Roboto",
-    "typography",
-    null
-  ],
-  "font-regular-bold-tight-500": [
-    "700 20px/1.3 Roboto",
-    "typography",
-    null
-  ],
   "font-size-300": [
     "12px",
     "fontSize",
@@ -884,6 +874,21 @@
     "fontSize",
     "fontSizes"
   ],
+  "font-size-600": [
+    "24px",
+    "fontSize",
+    "fontSizes"
+  ],
+  "font-size-700": [
+    "28px",
+    "fontSize",
+    "fontSizes"
+  ],
+  "font-size-800": [
+    "32px",
+    "fontSize",
+    "fontSizes"
+  ],
   "font-line-height-tight": [
     "1.3",
     "lineHeight",
@@ -948,5 +953,20 @@
     "700 20px/1.3 Roboto",
     "typography",
     null
+  ],
+  "font-bold-tight-600": [
+    "700 24px/1.3 Roboto",
+    "typography",
+    null
+  ],
+  "font-bold-tight-700": [
+    "700 28px/1.3 Roboto",
+    "typography",
+    null
+  ],
+  "font-bold-tight-800": [
+    "700 32px/1.3 Roboto",
+    "typography",
+    null
   ]
 }

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

@@ -116,6 +116,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;
@@ -125,18 +127,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;
@@ -150,4 +147,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/scss/aaf/Light/_mixins.scss

@@ -116,6 +116,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;
@@ -125,18 +127,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;
@@ -150,4 +147,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/scss/daikin/Dark/_mixins.scss

@@ -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/scss/daikin/Light/_mixins.scss

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