@daikin-oss/dds-tokens 0.3.2 → 0.4.0

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

@@ -147,11 +147,7 @@ export const colorLinkTextVisitedPress = "#e1bbe8";
 export const colorLinkSurfaceVisitedHover = "#250e29";
 export const colorLinkSurfaceVisitedPress = "#37153d";
 export const borderRadius100 = "4px";
-export const borderRadius150 = "6px";
 export const borderRadius200 = "8px";
-export const borderRadius250 = "10px";
-export const borderRadius300 = "12px";
-export const borderRadius400 = "16px";
 export const borderRadius050 = "2px";
 export const borderWidth100 = "4px";
 export const borderWidth025 = "1px";
@@ -160,23 +156,29 @@ export const space100 = "4px";
 export const space200 = "8px";
 export const space300 = "12px";
 export const space400 = "16px";
+export const space600 = "24px";
 export const space800 = "32px";
 export const space050 = "2px";
 export const fontRegularNormal300 = "400 12px/1.5 Roboto";
 export const fontRegularNormal350 = "400 14px/1.5 Roboto";
 export const fontRegularNormal400 = "400 16px/1.5 Roboto";
+export const fontRegularNormal500 = "400 20px/1.5 Roboto";
 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 fontLineHeightTight = 1.3;
 export const fontLineHeightNormal = 1.5;
 export const fontWeightBold = 700;

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

@@ -148,11 +148,7 @@ module.exports = {
   colorLinkSurfaceVisitedHover: "#f0ddf3",
   colorLinkSurfaceVisitedPress: "#e1bbe8",
   borderRadius100: "4px",
-  borderRadius150: "6px",
   borderRadius200: "8px",
-  borderRadius250: "10px",
-  borderRadius300: "12px",
-  borderRadius400: "16px",
   borderRadius050: "2px",
   borderWidth100: "4px",
   borderWidth025: "1px",
@@ -161,23 +157,29 @@ module.exports = {
   space200: "8px",
   space300: "12px",
   space400: "16px",
+  space600: "24px",
   space800: "32px",
   space050: "2px",
   fontRegularNormal300: "400 12px/1.5 Roboto",
   fontRegularNormal350: "400 14px/1.5 Roboto",
   fontRegularNormal400: "400 16px/1.5 Roboto",
+  fontRegularNormal500: "400 20px/1.5 Roboto",
   fontRegularTight300: "400 12px/1.3 Roboto",
   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",
   fontLineHeightTight: 1.3,
   fontLineHeightNormal: 1.5,
   fontWeightBold: 700,

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

@@ -147,11 +147,7 @@ export const colorLinkTextVisitedPress: string;
 export const colorLinkSurfaceVisitedHover: string;
 export const colorLinkSurfaceVisitedPress: string;
 export const borderRadius100: string;
-export const borderRadius150: string;
 export const borderRadius200: string;
-export const borderRadius250: string;
-export const borderRadius300: string;
-export const borderRadius400: string;
 export const borderRadius050: string;
 export const borderWidth100: string;
 export const borderWidth025: string;
@@ -160,23 +156,29 @@ export const space100: string;
 export const space200: string;
 export const space300: string;
 export const space400: string;
+export const space600: string;
 export const space800: string;
 export const space050: string;
 export const fontRegularNormal300: string;
 export const fontRegularNormal350: string;
 export const fontRegularNormal400: string;
+export const fontRegularNormal500: string;
 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 fontLineHeightTight: number;
 export const fontLineHeightNormal: number;
 export const fontWeightBold: number;

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

@@ -147,11 +147,7 @@ export const colorLinkTextVisitedPress: string;
 export const colorLinkSurfaceVisitedHover: string;
 export const colorLinkSurfaceVisitedPress: string;
 export const borderRadius100: string;
-export const borderRadius150: string;
 export const borderRadius200: string;
-export const borderRadius250: string;
-export const borderRadius300: string;
-export const borderRadius400: string;
 export const borderRadius050: string;
 export const borderWidth100: string;
 export const borderWidth025: string;
@@ -160,23 +156,29 @@ export const space100: string;
 export const space200: string;
 export const space300: string;
 export const space400: string;
+export const space600: string;
 export const space800: string;
 export const space050: string;
 export const fontRegularNormal300: string;
 export const fontRegularNormal350: string;
 export const fontRegularNormal400: string;
+export const fontRegularNormal500: string;
 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 fontLineHeightTight: number;
 export const fontLineHeightNormal: number;
 export const fontWeightBold: number;

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

@@ -147,11 +147,7 @@ export const colorLinkTextVisitedPress = "#37153d";
 export const colorLinkSurfaceVisitedHover = "#f0ddf3";
 export const colorLinkSurfaceVisitedPress = "#e1bbe8";
 export const borderRadius100 = "4px";
-export const borderRadius150 = "6px";
 export const borderRadius200 = "8px";
-export const borderRadius250 = "10px";
-export const borderRadius300 = "12px";
-export const borderRadius400 = "16px";
 export const borderRadius050 = "2px";
 export const borderWidth100 = "4px";
 export const borderWidth025 = "1px";
@@ -160,23 +156,29 @@ export const space100 = "4px";
 export const space200 = "8px";
 export const space300 = "12px";
 export const space400 = "16px";
+export const space600 = "24px";
 export const space800 = "32px";
 export const space050 = "2px";
 export const fontRegularNormal300 = "400 12px/1.5 Roboto";
 export const fontRegularNormal350 = "400 14px/1.5 Roboto";
 export const fontRegularNormal400 = "400 16px/1.5 Roboto";
+export const fontRegularNormal500 = "400 20px/1.5 Roboto";
 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 fontLineHeightTight = 1.3;
 export const fontLineHeightNormal = 1.5;
 export const fontWeightBold = 700;

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

@@ -509,31 +509,11 @@
     "dimension",
     "borderRadius"
   ],
-  "border-radius-150": [
-    "6px",
-    "dimension",
-    "borderRadius"
-  ],
   "border-radius-200": [
     "8px",
     "dimension",
     "borderRadius"
   ],
-  "border-radius-250": [
-    "10px",
-    "dimension",
-    "borderRadius"
-  ],
-  "border-radius-300": [
-    "12px",
-    "dimension",
-    "borderRadius"
-  ],
-  "border-radius-400": [
-    "16px",
-    "dimension",
-    "borderRadius"
-  ],
   "border-radius-050": [
     "2px",
     "dimension",
@@ -574,6 +554,11 @@
     "dimension",
     "spacing"
   ],
+  "space-600": [
+    "24px",
+    "dimension",
+    "spacing"
+  ],
   "space-800": [
     "32px",
     "dimension",
@@ -599,6 +584,11 @@
     "typography",
     null
   ],
+  "font-regular-normal-500": [
+    "400 20px/1.5 Roboto",
+    "typography",
+    null
+  ],
   "font-regular-tight-300": [
     "400 12px/1.3 Roboto",
     "typography",
@@ -614,6 +604,11 @@
     "typography",
     null
   ],
+  "font-regular-tight-500": [
+    "400 20px/1.3 Roboto",
+    "typography",
+    null
+  ],
   "font-regular-bold-normal-300": [
     "700 12px/1.5 Roboto",
     "typography",
@@ -629,6 +624,11 @@
     "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",
@@ -644,6 +644,11 @@
     "typography",
     null
   ],
+  "font-regular-bold-tight-500": [
+    "700 20px/1.3 Roboto",
+    "typography",
+    null
+  ],
   "font-size-300": [
     "12px",
     "fontSize",
@@ -659,6 +664,11 @@
     "fontSize",
     "fontSizes"
   ],
+  "font-size-500": [
+    "20px",
+    "fontSize",
+    "fontSizes"
+  ],
   "font-line-height-tight": [
     "1.3",
     "lineHeight",

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

@@ -509,31 +509,11 @@
     "dimension",
     "borderRadius"
   ],
-  "border-radius-150": [
-    "6px",
-    "dimension",
-    "borderRadius"
-  ],
   "border-radius-200": [
     "8px",
     "dimension",
     "borderRadius"
   ],
-  "border-radius-250": [
-    "10px",
-    "dimension",
-    "borderRadius"
-  ],
-  "border-radius-300": [
-    "12px",
-    "dimension",
-    "borderRadius"
-  ],
-  "border-radius-400": [
-    "16px",
-    "dimension",
-    "borderRadius"
-  ],
   "border-radius-050": [
     "2px",
     "dimension",
@@ -574,6 +554,11 @@
     "dimension",
     "spacing"
   ],
+  "space-600": [
+    "24px",
+    "dimension",
+    "spacing"
+  ],
   "space-800": [
     "32px",
     "dimension",
@@ -599,6 +584,11 @@
     "typography",
     null
   ],
+  "font-regular-normal-500": [
+    "400 20px/1.5 Roboto",
+    "typography",
+    null
+  ],
   "font-regular-tight-300": [
     "400 12px/1.3 Roboto",
     "typography",
@@ -614,6 +604,11 @@
     "typography",
     null
   ],
+  "font-regular-tight-500": [
+    "400 20px/1.3 Roboto",
+    "typography",
+    null
+  ],
   "font-regular-bold-normal-300": [
     "700 12px/1.5 Roboto",
     "typography",
@@ -629,6 +624,11 @@
     "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",
@@ -644,6 +644,11 @@
     "typography",
     null
   ],
+  "font-regular-bold-tight-500": [
+    "700 20px/1.3 Roboto",
+    "typography",
+    null
+  ],
   "font-size-300": [
     "12px",
     "fontSize",
@@ -659,6 +664,11 @@
     "fontSize",
     "fontSizes"
   ],
+  "font-size-500": [
+    "20px",
+    "fontSize",
+    "fontSizes"
+  ],
   "font-line-height-tight": [
     "1.3",
     "lineHeight",

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

@@ -724,31 +724,11 @@
     "dimension",
     "borderRadius"
   ],
-  "border-radius-150": [
-    "6px",
-    "dimension",
-    "borderRadius"
-  ],
   "border-radius-200": [
     "8px",
     "dimension",
     "borderRadius"
   ],
-  "border-radius-250": [
-    "10px",
-    "dimension",
-    "borderRadius"
-  ],
-  "border-radius-300": [
-    "12px",
-    "dimension",
-    "borderRadius"
-  ],
-  "border-radius-400": [
-    "16px",
-    "dimension",
-    "borderRadius"
-  ],
   "border-radius-050": [
     "2px",
     "dimension",
@@ -789,6 +769,11 @@
     "dimension",
     "spacing"
   ],
+  "space-600": [
+    "24px",
+    "dimension",
+    "spacing"
+  ],
   "space-800": [
     "32px",
     "dimension",
@@ -814,6 +799,11 @@
     "typography",
     null
   ],
+  "font-regular-normal-500": [
+    "400 20px/1.5 Roboto",
+    "typography",
+    null
+  ],
   "font-regular-tight-300": [
     "400 12px/1.3 Roboto",
     "typography",
@@ -829,6 +819,11 @@
     "typography",
     null
   ],
+  "font-regular-tight-500": [
+    "400 20px/1.3 Roboto",
+    "typography",
+    null
+  ],
   "font-regular-bold-normal-300": [
     "700 12px/1.5 Roboto",
     "typography",
@@ -844,6 +839,11 @@
     "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",
@@ -859,6 +859,11 @@
     "typography",
     null
   ],
+  "font-regular-bold-tight-500": [
+    "700 20px/1.3 Roboto",
+    "typography",
+    null
+  ],
   "font-size-300": [
     "12px",
     "fontSize",
@@ -874,6 +879,11 @@
     "fontSize",
     "fontSizes"
   ],
+  "font-size-500": [
+    "20px",
+    "fontSize",
+    "fontSizes"
+  ],
   "font-line-height-tight": [
     "1.3",
     "lineHeight",

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

@@ -724,31 +724,11 @@
     "dimension",
     "borderRadius"
   ],
-  "border-radius-150": [
-    "6px",
-    "dimension",
-    "borderRadius"
-  ],
   "border-radius-200": [
     "8px",
     "dimension",
     "borderRadius"
   ],
-  "border-radius-250": [
-    "10px",
-    "dimension",
-    "borderRadius"
-  ],
-  "border-radius-300": [
-    "12px",
-    "dimension",
-    "borderRadius"
-  ],
-  "border-radius-400": [
-    "16px",
-    "dimension",
-    "borderRadius"
-  ],
   "border-radius-050": [
     "2px",
     "dimension",
@@ -789,6 +769,11 @@
     "dimension",
     "spacing"
   ],
+  "space-600": [
+    "24px",
+    "dimension",
+    "spacing"
+  ],
   "space-800": [
     "32px",
     "dimension",
@@ -814,6 +799,11 @@
     "typography",
     null
   ],
+  "font-regular-normal-500": [
+    "400 20px/1.5 Roboto",
+    "typography",
+    null
+  ],
   "font-regular-tight-300": [
     "400 12px/1.3 Roboto",
     "typography",
@@ -829,6 +819,11 @@
     "typography",
     null
   ],
+  "font-regular-tight-500": [
+    "400 20px/1.3 Roboto",
+    "typography",
+    null
+  ],
   "font-regular-bold-normal-300": [
     "700 12px/1.5 Roboto",
     "typography",
@@ -844,6 +839,11 @@
     "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",
@@ -859,6 +859,11 @@
     "typography",
     null
   ],
+  "font-regular-bold-tight-500": [
+    "700 20px/1.3 Roboto",
+    "typography",
+    null
+  ],
   "font-size-300": [
     "12px",
     "fontSize",
@@ -874,6 +879,11 @@
     "fontSize",
     "fontSizes"
   ],
+  "font-size-500": [
+    "20px",
+    "fontSize",
+    "fontSizes"
+  ],
   "font-line-height-tight": [
     "1.3",
     "lineHeight",

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

@@ -105,11 +105,7 @@
   --dds-color-purple-110: #37153d;
   --dds-color-purple-120: #250e29;
   --dds-border-radius-100: 4px;
-  --dds-border-radius-150: 6px;
   --dds-border-radius-200: 8px;
-  --dds-border-radius-250: 10px;
-  --dds-border-radius-300: 12px;
-  --dds-border-radius-400: 16px;
   --dds-border-radius-050: 2px;
   --dds-border-width-100: 4px;
   --dds-border-width-025: 1px;
@@ -118,23 +114,29 @@
   --dds-space-200: 8px;
   --dds-space-300: 12px;
   --dds-space-400: 16px;
+  --dds-space-600: 24px;
   --dds-space-800: 32px;
   --dds-space-050: 2px;
   --dds-font-regular-normal-300: 400 12px/1.5 Roboto;
   --dds-font-regular-normal-350: 400 14px/1.5 Roboto;
   --dds-font-regular-normal-400: 400 16px/1.5 Roboto;
+  --dds-font-regular-normal-500: 400 20px/1.5 Roboto;
   --dds-font-regular-tight-300: 400 12px/1.3 Roboto;
   --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-line-height-tight: 1.3;
   --dds-font-line-height-normal: 1.5;
   --dds-font-weight-bold: 700;