@daikin-oss/dds-tokens 0.2.0 → 0.2.1

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

@@ -99,6 +99,18 @@ export const colorBlueGray120: string;
 export const colorDarkGray105: string;
 export const colorDarkGray115: string;
 export const colorDarkGray125: string;
+export const colorPurple10: string;
+export const colorPurple20: string;
+export const colorPurple30: string;
+export const colorPurple40: string;
+export const colorPurple50: string;
+export const colorPurple60: string;
+export const colorPurple70: string;
+export const colorPurple80: string;
+export const colorPurple90: string;
+export const colorPurple100: string;
+export const colorPurple110: string;
+export const colorPurple120: string;
 /** System status is positive */
 export const colorFeedbackPositive: string;
 /** System status is warning */
@@ -120,6 +132,48 @@ export const colorTextDefaultSub: string;
 export const colorBackgroundTheme: string;
 export const colorBackgroundComponent: string;
 export const colorBackgroundObject: string;
+export const colorCommonBrandDefault: string;
+export const colorCommonBrandHover: string;
+export const colorCommonBrandPress: string;
+export const colorCommonSurfaceBrandHover: string;
+export const colorCommonSurfaceBrandPress: string;
+export const colorCommonSurfaceNeutralHover: string;
+export const colorCommonSurfaceNeutralPress: string;
+export const colorCommonSurfaceDangerHover: string;
+export const colorCommonSurfaceDangerPress: string;
+export const colorCommonSurfaceDefault: string;
+export const colorCommonSurfaceHover: string;
+export const colorCommonSurfacePress: string;
+export const colorCommonSurfaceSelectedDefault: string;
+export const colorCommonSurfaceSelectedHover: string;
+export const colorCommonSurfaceSelectedPress: string;
+export const colorCommonNeutralDefault: string;
+export const colorCommonNeutralHover: string;
+export const colorCommonNeutralPress: string;
+export const colorCommonDangerDefault: string;
+export const colorCommonDangerHover: string;
+export const colorCommonDangerPress: string;
+export const colorCommonSuccess: string;
+export const colorCommonWarning: string;
+export const colorCommonAlarm: string;
+export const colorCommonInformation: string;
+export const colorCommonDisabled: string;
+export const colorCommonTextPrimary: string;
+export const colorCommonTextSecondary: string;
+export const colorCommonTextInverse: string;
+export const colorCommonBorderFocus: string;
+export const colorCommonBorderEmpty: string;
+export const colorCommonBackgroundDefault: string;
+export const colorCommonBackgroundOverlay: string;
+export const colorDivider: string;
+export const colorLinkTextDefault: string;
+export const colorLinkTextHover: string;
+export const colorLinkTextPress: string;
+export const colorLinkTextVisitedDefault: string;
+export const colorLinkTextVisitedHover: string;
+export const colorLinkTextVisitedPress: string;
+export const colorLinkSurfaceVisitedHover: string;
+export const colorLinkSurfaceVisitedPress: string;
 export const borderRadius100: string;
 export const borderRadius150: string;
 export const borderRadius200: string;
@@ -207,6 +261,10 @@ export const containerColorBackground: string;
 export const containerColorTextHeader: string;
 export const containerColorTextBody: string;
 export const cardShadow: string;
+export const cardColorBackground: string;
+export const cardBorderHover: string;
+export const cardBorderAlert: string;
+export const cardBorderUnderline: string;
 /** Color used for the default state of a secondary button */
 export const buttonColorBackgroundPrimaryActive: string;
 export const buttonColorBackgroundPrimaryHover: string;

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

@@ -99,6 +99,18 @@ export const colorBlueGray120: string;
 export const colorDarkGray105: string;
 export const colorDarkGray115: string;
 export const colorDarkGray125: string;
+export const colorPurple10: string;
+export const colorPurple20: string;
+export const colorPurple30: string;
+export const colorPurple40: string;
+export const colorPurple50: string;
+export const colorPurple60: string;
+export const colorPurple70: string;
+export const colorPurple80: string;
+export const colorPurple90: string;
+export const colorPurple100: string;
+export const colorPurple110: string;
+export const colorPurple120: string;
 /** System status is positive */
 export const colorFeedbackPositive: string;
 /** System status is warning */
@@ -120,6 +132,48 @@ export const colorTextDefaultSub: string;
 export const colorBackgroundTheme: string;
 export const colorBackgroundComponent: string;
 export const colorBackgroundObject: string;
+export const colorCommonBrandDefault: string;
+export const colorCommonBrandHover: string;
+export const colorCommonBrandPress: string;
+export const colorCommonSurfaceBrandHover: string;
+export const colorCommonSurfaceBrandPress: string;
+export const colorCommonSurfaceNeutralHover: string;
+export const colorCommonSurfaceNeutralPress: string;
+export const colorCommonSurfaceDangerHover: string;
+export const colorCommonSurfaceDangerPress: string;
+export const colorCommonSurfaceDefault: string;
+export const colorCommonSurfaceHover: string;
+export const colorCommonSurfacePress: string;
+export const colorCommonSurfaceSelectedDefault: string;
+export const colorCommonSurfaceSelectedHover: string;
+export const colorCommonSurfaceSelectedPress: string;
+export const colorCommonNeutralDefault: string;
+export const colorCommonNeutralHover: string;
+export const colorCommonNeutralPress: string;
+export const colorCommonDangerDefault: string;
+export const colorCommonDangerHover: string;
+export const colorCommonDangerPress: string;
+export const colorCommonSuccess: string;
+export const colorCommonWarning: string;
+export const colorCommonAlarm: string;
+export const colorCommonInformation: string;
+export const colorCommonDisabled: string;
+export const colorCommonTextPrimary: string;
+export const colorCommonTextSecondary: string;
+export const colorCommonTextInverse: string;
+export const colorCommonBorderFocus: string;
+export const colorCommonBorderEmpty: string;
+export const colorCommonBackgroundDefault: string;
+export const colorCommonBackgroundOverlay: string;
+export const colorDivider: string;
+export const colorLinkTextDefault: string;
+export const colorLinkTextHover: string;
+export const colorLinkTextPress: string;
+export const colorLinkTextVisitedDefault: string;
+export const colorLinkTextVisitedHover: string;
+export const colorLinkTextVisitedPress: string;
+export const colorLinkSurfaceVisitedHover: string;
+export const colorLinkSurfaceVisitedPress: string;
 export const borderRadius100: string;
 export const borderRadius150: string;
 export const borderRadius200: string;
@@ -207,6 +261,10 @@ export const containerColorBackground: string;
 export const containerColorTextHeader: string;
 export const containerColorTextBody: string;
 export const cardShadow: string;
+export const cardColorBackground: string;
+export const cardBorderHover: string;
+export const cardBorderAlert: string;
+export const cardBorderUnderline: string;
 /** Color used for the default state of a secondary button */
 export const buttonColorBackgroundPrimaryActive: string;
 export const buttonColorBackgroundPrimaryHover: string;

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

@@ -99,20 +99,74 @@ export const colorBlueGray120 = "#1b1e21";
 export const colorDarkGray105 = "#383838";
 export const colorDarkGray115 = "#282828";
 export const colorDarkGray125 = "#1a1a1a";
+export const colorPurple10 = "#f0ddf3";
+export const colorPurple20 = "#e1bbe8";
+export const colorPurple30 = "#d399dc";
+export const colorPurple40 = "#c477d0";
+export const colorPurple50 = "#b556c5";
+export const colorPurple60 = "#a03db0";
+export const colorPurple70 = "#81318e";
+export const colorPurple80 = "#6f2a7a";
+export const colorPurple90 = "#5c2365";
+export const colorPurple100 = "#4a1c51";
+export const colorPurple110 = "#37153d";
+export const colorPurple120 = "#250e29";
 export const colorFeedbackPositive = "#00c3ac"; // System status is positive
 export const colorFeedbackWarning = "#ffbf0e"; // System status is warning
 export const colorFeedbackNegative = "#f21a27"; // System status is warning
 export const colorFeedbackAlarm = "#fa7a12"; // System status is warning
 export const colorFeedbackInformation = "#30ade9"; // System status is warning
-export const colorBrandPrimary = "#76cff4"; // Primary brand blue
-export const colorBrandSecondary = "#30ade9"; // Primary secondary brand blue
-export const colorTextBrandPrimary = "#76cff4";
-export const colorTextTheme = "#414141";
-export const colorTextDefault = "#f2f2f2";
-export const colorTextDefaultSub = "#ebebeb";
-export const colorBackgroundTheme = "#000000";
-export const colorBackgroundComponent = "#414141";
-export const colorBackgroundObject = "#f2f2f2";
+export const colorBrandPrimary = "#30ade9"; // Primary brand blue
+export const colorBrandSecondary = "#76cff4"; // Primary secondary brand blue
+export const colorTextBrandPrimary = "#30ade9";
+export const colorTextTheme = "#ffffff";
+export const colorTextDefault = "#414141";
+export const colorTextDefaultSub = "#616161";
+export const colorBackgroundTheme = "#ffffff";
+export const colorBackgroundComponent = "#ffffff";
+export const colorBackgroundObject = "#414141";
+export const colorCommonBrandDefault = "#30ade9";
+export const colorCommonBrandHover = "#54c3f1";
+export const colorCommonBrandPress = "#76cff4";
+export const colorCommonSurfaceBrandHover = "#002b40";
+export const colorCommonSurfaceBrandPress = "#004160";
+export const colorCommonSurfaceNeutralHover = "#313131";
+export const colorCommonSurfaceNeutralPress = "#414141";
+export const colorCommonSurfaceDangerHover = "#3e0307";
+export const colorCommonSurfaceDangerPress = "#5d050a";
+export const colorCommonSurfaceDefault = "#212121";
+export const colorCommonSurfaceHover = "#313131";
+export const colorCommonSurfacePress = "#414141";
+export const colorCommonSurfaceSelectedDefault = "#002b40";
+export const colorCommonSurfaceSelectedHover = "#004160";
+export const colorCommonSurfaceSelectedPress = "#005077";
+export const colorCommonNeutralDefault = "#bfbfbf";
+export const colorCommonNeutralHover = "#cecece";
+export const colorCommonNeutralPress = "#dcdcdc";
+export const colorCommonDangerDefault = "#f21a27";
+export const colorCommonDangerHover = "#f4404b";
+export const colorCommonDangerPress = "#f7666f";
+export const colorCommonSuccess = "#00c3ac";
+export const colorCommonWarning = "#efb000";
+export const colorCommonAlarm = "#fa7a12";
+export const colorCommonInformation = "#30ade9";
+export const colorCommonDisabled = "#616161";
+export const colorCommonTextPrimary = "#dcdcdc";
+export const colorCommonTextSecondary = "#bfbfbf";
+export const colorCommonTextInverse = "#212121";
+export const colorCommonBorderFocus = "#54c3f1";
+export const colorCommonBorderEmpty = "#515151";
+export const colorCommonBackgroundDefault = "#212121";
+export const colorCommonBackgroundOverlay = "#000000";
+export const colorDivider = "#515151";
+export const colorLinkTextDefault = "#76cff4";
+export const colorLinkTextHover = "#98dbf7";
+export const colorLinkTextPress = "#bbe7f9";
+export const colorLinkTextVisitedDefault = "#c477d0";
+export const colorLinkTextVisitedHover = "#d399dc";
+export const colorLinkTextVisitedPress = "#e1bbe8";
+export const colorLinkSurfaceVisitedHover = "#250e29";
+export const colorLinkSurfaceVisitedPress = "#37153d";
 export const borderRadius100 = "4px";
 export const borderRadius150 = "6px";
 export const borderRadius200 = "8px";
@@ -177,39 +231,43 @@ export const notificationColorBackgroundError = "#f21a27";
 export const notificationColorBackgroundWarning = "#ffbf0e";
 export const notificationColorBackgroundAlarm = "#fa7a12";
 export const notificationColorBackgroundInformation = "#30ade9";
-export const notificationColorBackgroundTheme = "#414141";
-export const notificationColorText = "#f2f2f2";
+export const notificationColorBackgroundTheme = "#ffffff";
+export const notificationColorText = "#414141";
 export const notificationShadow = "0 -2px 19px 0 rgba(0, 0, 0, 0.1)";
 export const iconColorBackgroundNeutral = "#a0a0a0";
-export const iconColorBackgroundDefault = "#f2f2f2";
-export const iconColorBackgroundTheme = "#000000";
-export const containerColorBackground = "#414141";
-export const containerColorTextHeader = "#f2f2f2";
-export const containerColorTextBody = "#ebebeb";
-export const cardShadow = "0 -2px 19px 0 rgba(255, 255, 255, 0.1)";
-export const buttonColorBackgroundPrimaryActive = "#76cff4"; // Color used for the default state of a secondary button
-export const buttonColorBackgroundPrimaryHover = "#30ade9";
-export const buttonColorBackgroundPrimaryPress = "#98dbf7";
-export const buttonColorBackgroundPrimaryFocus = "#bbe7f9";
-export const buttonColorBackgroundPrimaryDisabled = "#616161";
-export const buttonColorBorderSecondaryActive = "#76cff4";
-export const buttonColorBorderSecondaryHover = "#30ade9";
-export const buttonColorBorderSecondaryPress = "#98dbf7";
-export const buttonColorBorderSecondaryFocus = "#bbe7f9";
-export const buttonColorBorderSecondaryDisabled = "#616161";
-export const buttonColorTextSecondaryActive = "#76cff4";
-export const buttonColorTextSecondaryHover = "#30ade9";
-export const buttonColorTextSecondaryPress = "#98dbf7";
-export const buttonColorTextSecondaryFocus = "#bbe7f9";
-export const buttonColorTextSecondaryDisabled = "#616161";
-export const buttonColorTextPrimary = "#414141";
-export const tabColorLineActive = "#76cff4";
-export const tabColorLineHover = "#30ade9";
-export const tabColorLinePress = "#98dbf7";
-export const tabColorLineFocus = "#bbe7f9";
-export const tabColorLineDisabled = "#616161";
-export const tabColorTextActive = "#76cff4";
-export const tabColorTextHover = "#30ade9";
-export const tabColorTextPress = "#98dbf7";
-export const tabColorTextFocus = "#bbe7f9";
-export const tabColorTextDisabled = "#616161";
+export const iconColorBackgroundDefault = "#414141";
+export const iconColorBackgroundTheme = "#ffffff";
+export const containerColorBackground = "#ffffff";
+export const containerColorTextHeader = "#414141";
+export const containerColorTextBody = "#616161";
+export const cardShadow = "0 -2px 19px 0 rgba(0, 0, 0, 0.1)";
+export const cardColorBackground = "#ffffff";
+export const cardBorderHover = "2px solid #BFBFBF";
+export const cardBorderAlert = "2px solid #f21a27";
+export const cardBorderUnderline = "1px solid #d8dde0";
+export const buttonColorBackgroundPrimaryActive = "#30ade9"; // Color used for the default state of a secondary button
+export const buttonColorBackgroundPrimaryHover = "#76cff4";
+export const buttonColorBackgroundPrimaryPress = "#0097e0";
+export const buttonColorBackgroundPrimaryFocus = "#0081c0";
+export const buttonColorBackgroundPrimaryDisabled = "#dcdcdc";
+export const buttonColorBorderSecondaryActive = "#30ade9";
+export const buttonColorBorderSecondaryHover = "#76cff4";
+export const buttonColorBorderSecondaryPress = "#0097e0";
+export const buttonColorBorderSecondaryFocus = "#0081c0";
+export const buttonColorBorderSecondaryDisabled = "#dcdcdc";
+export const buttonColorTextSecondaryActive = "#30ade9";
+export const buttonColorTextSecondaryHover = "#76cff4";
+export const buttonColorTextSecondaryPress = "#0097e0";
+export const buttonColorTextSecondaryFocus = "#0081c0";
+export const buttonColorTextSecondaryDisabled = "#dcdcdc";
+export const buttonColorTextPrimary = "#ffffff";
+export const tabColorLineActive = "#30ade9";
+export const tabColorLineHover = "#76cff4";
+export const tabColorLinePress = "#0097e0";
+export const tabColorLineFocus = "#0081c0";
+export const tabColorLineDisabled = "#dcdcdc";
+export const tabColorTextActive = "#30ade9";
+export const tabColorTextHover = "#76cff4";
+export const tabColorTextPress = "#0097e0";
+export const tabColorTextFocus = "#0081c0";
+export const tabColorTextDisabled = "#dcdcdc";

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

@@ -100,6 +100,18 @@ module.exports = {
   colorDarkGray105: "#383838",
   colorDarkGray115: "#282828",
   colorDarkGray125: "#1a1a1a",
+  colorPurple10: "#f0ddf3",
+  colorPurple20: "#e1bbe8",
+  colorPurple30: "#d399dc",
+  colorPurple40: "#c477d0",
+  colorPurple50: "#b556c5",
+  colorPurple60: "#a03db0",
+  colorPurple70: "#81318e",
+  colorPurple80: "#6f2a7a",
+  colorPurple90: "#5c2365",
+  colorPurple100: "#4a1c51",
+  colorPurple110: "#37153d",
+  colorPurple120: "#250e29",
   colorFeedbackPositive: "#00c3ac",
   colorFeedbackWarning: "#ffbf0e",
   colorFeedbackNegative: "#f21a27",
@@ -150,7 +162,12 @@ module.exports = {
   colorDivider: "#cecece",
   colorLinkTextDefault: "#00689a",
   colorLinkTextHover: "#005077",
-  colorLinkTextPress: "#005077",
+  colorLinkTextPress: "#004160",
+  colorLinkTextVisitedDefault: "#5c2365",
+  colorLinkTextVisitedHover: "#4a1c51",
+  colorLinkTextVisitedPress: "#37153d",
+  colorLinkSurfaceVisitedHover: "#f0ddf3",
+  colorLinkSurfaceVisitedPress: "#e1bbe8",
   borderRadius100: "4px",
   borderRadius150: "6px",
   borderRadius200: "8px",

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

@@ -99,6 +99,18 @@ export const colorBlueGray120: string;
 export const colorDarkGray105: string;
 export const colorDarkGray115: string;
 export const colorDarkGray125: string;
+export const colorPurple10: string;
+export const colorPurple20: string;
+export const colorPurple30: string;
+export const colorPurple40: string;
+export const colorPurple50: string;
+export const colorPurple60: string;
+export const colorPurple70: string;
+export const colorPurple80: string;
+export const colorPurple90: string;
+export const colorPurple100: string;
+export const colorPurple110: string;
+export const colorPurple120: string;
 /** System status is positive */
 export const colorFeedbackPositive: string;
 /** System status is warning */
@@ -157,6 +169,11 @@ export const colorDivider: string;
 export const colorLinkTextDefault: string;
 export const colorLinkTextHover: string;
 export const colorLinkTextPress: string;
+export const colorLinkTextVisitedDefault: string;
+export const colorLinkTextVisitedHover: string;
+export const colorLinkTextVisitedPress: string;
+export const colorLinkSurfaceVisitedHover: string;
+export const colorLinkSurfaceVisitedPress: string;
 export const borderRadius100: string;
 export const borderRadius150: string;
 export const borderRadius200: string;

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

@@ -99,6 +99,18 @@ export const colorBlueGray120: string;
 export const colorDarkGray105: string;
 export const colorDarkGray115: string;
 export const colorDarkGray125: string;
+export const colorPurple10: string;
+export const colorPurple20: string;
+export const colorPurple30: string;
+export const colorPurple40: string;
+export const colorPurple50: string;
+export const colorPurple60: string;
+export const colorPurple70: string;
+export const colorPurple80: string;
+export const colorPurple90: string;
+export const colorPurple100: string;
+export const colorPurple110: string;
+export const colorPurple120: string;
 /** System status is positive */
 export const colorFeedbackPositive: string;
 /** System status is warning */
@@ -157,6 +169,11 @@ export const colorDivider: string;
 export const colorLinkTextDefault: string;
 export const colorLinkTextHover: string;
 export const colorLinkTextPress: string;
+export const colorLinkTextVisitedDefault: string;
+export const colorLinkTextVisitedHover: string;
+export const colorLinkTextVisitedPress: string;
+export const colorLinkSurfaceVisitedHover: string;
+export const colorLinkSurfaceVisitedPress: string;
 export const borderRadius100: string;
 export const borderRadius150: string;
 export const borderRadius200: string;

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

@@ -99,6 +99,18 @@ export const colorBlueGray120 = "#1b1e21";
 export const colorDarkGray105 = "#383838";
 export const colorDarkGray115 = "#282828";
 export const colorDarkGray125 = "#1a1a1a";
+export const colorPurple10 = "#f0ddf3";
+export const colorPurple20 = "#e1bbe8";
+export const colorPurple30 = "#d399dc";
+export const colorPurple40 = "#c477d0";
+export const colorPurple50 = "#b556c5";
+export const colorPurple60 = "#a03db0";
+export const colorPurple70 = "#81318e";
+export const colorPurple80 = "#6f2a7a";
+export const colorPurple90 = "#5c2365";
+export const colorPurple100 = "#4a1c51";
+export const colorPurple110 = "#37153d";
+export const colorPurple120 = "#250e29";
 export const colorFeedbackPositive = "#00c3ac"; // System status is positive
 export const colorFeedbackWarning = "#ffbf0e"; // System status is warning
 export const colorFeedbackNegative = "#f21a27"; // System status is warning
@@ -149,7 +161,12 @@ export const colorCommonBackgroundOverlay = "#000000";
 export const colorDivider = "#cecece";
 export const colorLinkTextDefault = "#00689a";
 export const colorLinkTextHover = "#005077";
-export const colorLinkTextPress = "#005077";
+export const colorLinkTextPress = "#004160";
+export const colorLinkTextVisitedDefault = "#5c2365";
+export const colorLinkTextVisitedHover = "#4a1c51";
+export const colorLinkTextVisitedPress = "#37153d";
+export const colorLinkSurfaceVisitedHover = "#f0ddf3";
+export const colorLinkSurfaceVisitedPress = "#e1bbe8";
 export const borderRadius100 = "4px";
 export const borderRadius150 = "6px";
 export const borderRadius200 = "8px";

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

@@ -387,6 +387,54 @@
     "#1a1a1a",
     "color"
   ],
+  "color-purple-10": [
+    "#f0ddf3",
+    "color"
+  ],
+  "color-purple-20": [
+    "#e1bbe8",
+    "color"
+  ],
+  "color-purple-30": [
+    "#d399dc",
+    "color"
+  ],
+  "color-purple-40": [
+    "#c477d0",
+    "color"
+  ],
+  "color-purple-50": [
+    "#b556c5",
+    "color"
+  ],
+  "color-purple-60": [
+    "#a03db0",
+    "color"
+  ],
+  "color-purple-70": [
+    "#81318e",
+    "color"
+  ],
+  "color-purple-80": [
+    "#6f2a7a",
+    "color"
+  ],
+  "color-purple-90": [
+    "#5c2365",
+    "color"
+  ],
+  "color-purple-100": [
+    "#4a1c51",
+    "color"
+  ],
+  "color-purple-110": [
+    "#37153d",
+    "color"
+  ],
+  "color-purple-120": [
+    "#250e29",
+    "color"
+  ],
   "color-feedback-positive": [
     "#00c3ac",
     "color"

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

@@ -387,6 +387,54 @@
     "#1a1a1a",
     "color"
   ],
+  "color-purple-10": [
+    "#f0ddf3",
+    "color"
+  ],
+  "color-purple-20": [
+    "#e1bbe8",
+    "color"
+  ],
+  "color-purple-30": [
+    "#d399dc",
+    "color"
+  ],
+  "color-purple-40": [
+    "#c477d0",
+    "color"
+  ],
+  "color-purple-50": [
+    "#b556c5",
+    "color"
+  ],
+  "color-purple-60": [
+    "#a03db0",
+    "color"
+  ],
+  "color-purple-70": [
+    "#81318e",
+    "color"
+  ],
+  "color-purple-80": [
+    "#6f2a7a",
+    "color"
+  ],
+  "color-purple-90": [
+    "#5c2365",
+    "color"
+  ],
+  "color-purple-100": [
+    "#4a1c51",
+    "color"
+  ],
+  "color-purple-110": [
+    "#37153d",
+    "color"
+  ],
+  "color-purple-120": [
+    "#250e29",
+    "color"
+  ],
   "color-feedback-positive": [
     "#00c3ac",
     "color"