@daikin-oss/dds-tokens 0.0.0 → 0.1.0

package/README.md

@@ -18,21 +18,24 @@ npm install @daikin-oss/dds-tokens
 
 Import as js variables:
 
-```
-import {
+```js
+import { buttonColorBackgroundPrimaryActive } from '@daikin-oss/dds-tokens/js/daikin/Light/variables.js';
+
+// CommonJS
+const {
     buttonColorBackgroundPrimaryActive
-} from '@daikin-oss/dds-tokens/js/daikin/Light/variables.js';
+} = require('@daikin-oss/dds-tokens/js/daikin/Light/variables.js');
 ```
 
 Import the CSS:
 
-```
+```CSS
 import variables from '@daikin-oss/dds-tokens/css/daikin/Dark/variables.css'
 ```
 
 The above includes all CSS classes - including core styles and components
 There are also component-specific files if you don't need everything:
 
-```
+```CSS
 import buttonStyles from '@daikin-oss/dds-tokens/css/daikin/Dark/buttons.css'
 ```

package/build/css/AAF/Dark/buttons.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 31 May 2024 20:50:38 GMT
+ * Generated on Mon, 29 Jul 2024 23:34:49 GMT
  */
 
 :root {

package/build/css/AAF/Dark/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 31 May 2024 20:50:38 GMT
+ * Generated on Mon, 29 Jul 2024 23:34:49 GMT
  */
 
 :root {
@@ -106,6 +106,8 @@
   --colorFeedbackPositive: #13CE66; /* System status is positive */
   --colorFeedbackWarning: #FFCC3D; /* System status has a warning */
   --colorFeedbackNegative: #FF4949; /* System status is negative */
+  --colorFeedbackAlarm: #F68C54;
+  --colorFeedbackInformation: #0097E0;
   --colorBrandPrimary: #DB4F66; /* Primary brand blue */
   --colorBrandSecondary: #C8102E;
   --colorTextBrandPrimary: #DB4F66;
@@ -268,9 +270,19 @@
   --formBorderNegative: 1px solid #FF4949;
   --tabBorderUnderline: 1px  #CFDFDF;
   --tabBorderSelected: 1px  #0097E0;
+  --notificationColorBackgroundPositive: #13CE66;
+  --notificationColorBackgroundNegative: #FF4949;
+  --notificationColorBackgroundWarning: #FFCC3D;
+  --notificationColorBackgroundAlarm: #F68C54;
+  --notificationColorBackgroundInformation: #0097E0;
+  --notificationBorderPositive: 2px  #13CE66;
+  --notificationBorderNegative: 2px  #FF4949;
+  --notificationBorderWarning: 2px  #FFCC3D;
+  --notificationBorderAlarm: 2px  #F68C54;
+  --notificationBorderInformation: 2px  #0097E0;
+  --iconColorBackground: #ffffff;
   --containerColorBackground: #414141;
   --containerColorTextHeader: #ffffff;
   --containerColorTextBody: #FAFAFA;
   --containerShadow: 0 -2px 19px 0 #ffffff1A;
-  --iconColorBackground: #ffffff;
 }

package/build/css/AAF/Light/buttons.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 31 May 2024 20:50:38 GMT
+ * Generated on Mon, 29 Jul 2024 23:34:48 GMT
  */
 
 :root {

package/build/css/AAF/Light/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 31 May 2024 20:50:38 GMT
+ * Generated on Mon, 29 Jul 2024 23:34:48 GMT
  */
 
 :root {
@@ -106,6 +106,8 @@
   --colorFeedbackPositive: #13CE66; /* System status is positive */
   --colorFeedbackWarning: #FFCC3D; /* System status has a warning */
   --colorFeedbackNegative: #FF4949; /* System status is negative */
+  --colorFeedbackAlarm: #F68C54;
+  --colorFeedbackInformation: #0097E0;
   --colorBrandPrimary: #C8102E; /* Primary brand blue */
   --colorBrandSecondary: #DB4F66;
   --colorTextBrandPrimary: #C8102E;
@@ -268,9 +270,19 @@
   --formBorderNegative: 1px solid #FF4949;
   --tabBorderUnderline: 1px  #CFDFDF;
   --tabBorderSelected: 1px  #0097E0;
+  --notificationColorBackgroundPositive: #13CE66;
+  --notificationColorBackgroundNegative: #FF4949;
+  --notificationColorBackgroundWarning: #FFCC3D;
+  --notificationColorBackgroundAlarm: #F68C54;
+  --notificationColorBackgroundInformation: #0097E0;
+  --notificationBorderPositive: 2px  #13CE66;
+  --notificationBorderNegative: 2px  #FF4949;
+  --notificationBorderWarning: 2px  #FFCC3D;
+  --notificationBorderAlarm: 2px  #F68C54;
+  --notificationBorderInformation: 2px  #0097E0;
+  --iconColorBackground: #414141;
   --containerColorBackground: #ffffff;
   --containerColorTextHeader: #414141;
   --containerColorTextBody: #828282;
   --containerShadow: 0 -2px 19px 0 #0000001A;
-  --iconColorBackground: #414141;
 }

package/build/css/DKN/Dark/buttons.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 31 May 2024 20:50:38 GMT
+ * Generated on Mon, 29 Jul 2024 23:34:48 GMT
  */
 
 :root {

package/build/css/DKN/Dark/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 31 May 2024 20:50:38 GMT
+ * Generated on Mon, 29 Jul 2024 23:34:48 GMT
  */
 
 :root {
@@ -106,6 +106,8 @@
   --colorFeedbackPositive: #13CE66; /* System status is positive */
   --colorFeedbackWarning: #FFCC3D; /* System status has a warning */
   --colorFeedbackNegative: #FF4949; /* System status is negative */
+  --colorFeedbackAlarm: #F68C54;
+  --colorFeedbackInformation: #0097E0;
   --colorBrandPrimary: #54c3f1; /* Primary brand blue */
   --colorBrandSecondary: #0097E0; /* Primary secondary brand blue */
   --colorTextBrandPrimary: #54c3f1;
@@ -268,9 +270,29 @@
   --formBorderNegative: 1px solid #FF4949;
   --tabBorderUnderline: 1px  #CFDFDF;
   --tabBorderSelected: 1px  #0097E0;
+  --tabColorLineActive: #54c3f1;
+  --tabColorLineHover: #0097E0;
+  --tabColorLinePress: #7CD5F7;
+  --tabColorLineFocus: #A6E4FB;
+  --tabColorLineDisabled: #616161;
+  --tabColorTextActive: #54c3f1;
+  --tabColorTextHover: #0097E0;
+  --tabColorTextPress: #7CD5F7;
+  --tabColorTextFocus: #A6E4FB;
+  --tabColorTextDisabled: #616161;
+  --notificationColorBackground: #212121;
+  --notificationColorText: #FAFAFA;
+  --notificationBorderPositive: 2px  #13CE66;
+  --notificationBorderNegative: 2px  #FF4949;
+  --notificationBorderWarning: 2px  #FFCC3D;
+  --notificationBorderAlarm: 2px  #F68C54;
+  --notificationBorderInformation: 2px  #0097E0;
+  --notificationShadow: 0 -2px 19px 0 #ffffff1A;
+  --iconColorBackgroundNeutral: #A0A0A0;
+  --iconColorBackgroundDefault: #FAFAFA;
+  --iconColorBackgroundTheme: #000000;
   --containerColorBackground: #212121;
   --containerColorTextHeader: #FAFAFA;
   --containerColorTextBody: #EBEBEB;
   --containerShadow: 0 -2px 19px 0 #ffffff1A;
-  --iconColorBackground: #FAFAFA;
 }

package/build/css/DKN/Light/buttons.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 31 May 2024 20:50:38 GMT
+ * Generated on Mon, 29 Jul 2024 23:34:48 GMT
  */
 
 :root {

package/build/css/DKN/Light/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 31 May 2024 20:50:38 GMT
+ * Generated on Mon, 29 Jul 2024 23:34:48 GMT
  */
 
 :root {
@@ -106,6 +106,8 @@
   --colorFeedbackPositive: #13CE66; /* System status is positive */
   --colorFeedbackWarning: #FFCC3D; /* System status has a warning */
   --colorFeedbackNegative: #FF4949; /* System status is negative */
+  --colorFeedbackAlarm: #F68C54;
+  --colorFeedbackInformation: #0097E0;
   --colorBrandPrimary: #0097E0; /* Primary brand blue */
   --colorBrandSecondary: #54c3f1; /* Primary secondary brand blue */
   --colorTextBrandPrimary: #0097E0;
@@ -268,9 +270,29 @@
   --formBorderNegative: 1px solid #FF4949;
   --tabBorderUnderline: 1px  #CFDFDF;
   --tabBorderSelected: 1px  #0097E0;
+  --tabColorLineActive: #0097E0;
+  --tabColorLineHover: #54c3f1;
+  --tabColorLinePress: #0674C1;
+  --tabColorLineFocus: #0D59A3;
+  --tabColorLineDisabled: #DCDCDC;
+  --tabColorTextActive: #0097E0;
+  --tabColorTextHover: #54c3f1;
+  --tabColorTextPress: #0674C1;
+  --tabColorTextFocus: #0D59A3;
+  --tabColorTextDisabled: #DCDCDC;
+  --notificationColorBackground: #ffffff;
+  --notificationColorText: #212121;
+  --notificationBorderPositive: 2px  #13CE66;
+  --notificationBorderNegative: 2px  #FF4949;
+  --notificationBorderWarning: 2px  #FFCC3D;
+  --notificationBorderAlarm: 2px  #F68C54;
+  --notificationBorderInformation: 2px  #0097E0;
+  --notificationShadow: 0 -2px 19px 0 #0000001A;
+  --iconColorBackgroundNeutral: #A0A0A0;
+  --iconColorBackgroundDefault: #212121;
+  --iconColorBackgroundTheme: #ffffff;
   --containerColorBackground: #ffffff;
   --containerColorTextHeader: #212121;
   --containerColorTextBody: #616161;
   --containerShadow: 0 -2px 19px 0 #0000001A;
-  --iconColorBackground: #212121;
 }

package/build/js/{AAF → cjs/AAF}/Dark/variables.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 31 May 2024 20:50:38 GMT
+ * Generated on Mon, 29 Jul 2024 23:34:49 GMT
  */
 
 export const colorBlue10 : string;
@@ -108,6 +108,8 @@ export const colorFeedbackPositive : string;
 export const colorFeedbackWarning : string;
 /** System status is negative */
 export const colorFeedbackNegative : string;
+export const colorFeedbackAlarm : string;
+export const colorFeedbackInformation : string;
 /** Primary brand blue */
 export const colorBrandPrimary : string;
 export const colorBrandSecondary : string;
@@ -298,8 +300,18 @@ export const formBorderActive : string;
 export const formBorderNegative : string;
 export const tabBorderUnderline : string;
 export const tabBorderSelected : string;
+export const notificationColorBackgroundPositive : string;
+export const notificationColorBackgroundNegative : string;
+export const notificationColorBackgroundWarning : string;
+export const notificationColorBackgroundAlarm : string;
+export const notificationColorBackgroundInformation : string;
+export const notificationBorderPositive : string;
+export const notificationBorderNegative : string;
+export const notificationBorderWarning : string;
+export const notificationBorderAlarm : string;
+export const notificationBorderInformation : string;
+export const iconColorBackground : string;
 export const containerColorBackground : string;
 export const containerColorTextHeader : string;
 export const containerColorTextBody : string;
 export const containerShadow : string;
-export const iconColorBackground : string;

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

@@ -0,0 +1,288 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 29 Jul 2024 23:34:49 GMT
+ */
+
+module.exports = {
+  "colorBlue10": "#D1F3FF",
+  "colorBlue20": "#A6E4FB",
+  "colorBlue30": "#7CD5F7",
+  "colorBlue40": "#54c3f1",
+  "colorBlue50": "#2DB8F0",
+  "colorBlue60": "#0097E0",
+  "colorBlue70": "#0674C1",
+  "colorBlue80": "#0D59A3",
+  "colorBlue90": "#114484",
+  "colorBlue100": "#143466",
+  "colorBlue110": "#132547",
+  "colorBlue120": "#0E1629",
+  "colorBlue130": "#04060A",
+  "colorGreen10": "#F4FFE6",
+  "colorGreen20": "#D0F8B9",
+  "colorGreen30": "#9FF28F",
+  "colorGreen40": "#69EB6E",
+  "colorGreen50": "#45E46A",
+  "colorGreen60": "#13CE66",
+  "colorGreen70": "#04A632",
+  "colorGreen80": "#007F0E",
+  "colorGreen90": "#055700",
+  "colorGreen100": "#0B2F00",
+  "colorGreen110": "#030800",
+  "colorYellow10": "#FCFFE6",
+  "colorYellow20": "#FDFFBB",
+  "colorYellow30": "#FFF890",
+  "colorYellow40": "#FFE667",
+  "colorYellow50": "#FFCC3D",
+  "colorYellow60": "#D7B834",
+  "colorYellow70": "#AFA02E",
+  "colorYellow80": "#878429",
+  "colorYellow90": "#5C5F21",
+  "colorYellow100": "#333717",
+  "colorYellow110": "#0E0F07",
+  "colorOrange10": "#FFF4E6",
+  "colorOrange20": "#FFE7CD",
+  "colorOrange30": "#FFD8B5",
+  "colorOrange40": "#FFC69A",
+  "colorOrange50": "#FFB27F",
+  "colorOrange60": "#F68C54",
+  "colorOrange70": "#E86427",
+  "colorOrange80": "#B15C20",
+  "colorOrange90": "#7A4D14",
+  "colorOrange100": "#443809",
+  "colorOrange110": "#0C0D01",
+  "colorRed10": "#FAF2ED",
+  "colorRed20": "#FEE0D2",
+  "colorRed30": "#FFC7B5",
+  "colorRed40": "#FFAA98",
+  "colorRed50": "#FF867B",
+  "colorRed60": "#FF4949",
+  "colorRed70": "#CE3B2B",
+  "colorRed80": "#9C3219",
+  "colorRed90": "#6B290F",
+  "colorRed100": "#391A08",
+  "colorRed110": "#080401",
+  "colorRedAaf100": "#FCECEA",
+  "colorRedAaf200": "#F5C0B8",
+  "colorRedAaf300": "#F8AEBA",
+  "colorRedAaf400": "#DB4F66",
+  "colorRedAaf500": "#D2324C",
+  "colorRedAaf600": "#C8102E",
+  "colorMagenta10": "#F5F5FF",
+  "colorMagenta20": "#E4E0F8",
+  "colorMagenta30": "#D7CCF2",
+  "colorMagenta40": "#CDB8EB",
+  "colorMagenta50": "#C7A4E5",
+  "colorMagenta60": "#B981CF",
+  "colorMagenta70": "#B15FBA",
+  "colorMagenta80": "#A43D95",
+  "colorMagenta90": "#722B6D",
+  "colorMagenta100": "#3F183F",
+  "colorMagenta110": "#0C050D",
+  "colorGrey10": "#FAFAFA",
+  "colorGrey20": "#EBEBEB",
+  "colorGrey30": "#DCDCDC",
+  "colorGrey40": "#CECECE",
+  "colorGrey50": "#BFBFBF",
+  "colorGrey60": "#A0A0A0",
+  "colorGrey70": "#828282",
+  "colorGrey80": "#616161",
+  "colorGrey90": "#414141",
+  "colorGrey100": "#212121",
+  "colorCoolgrey10": "#EDFFFE",
+  "colorCoolgrey20": "#DEEFEF",
+  "colorCoolgrey30": "#CFDFDF",
+  "colorCoolgrey40": "#C0CED0",
+  "colorCoolgrey50": "#B1BEC0",
+  "colorCoolgrey60": "#8D9CA0",
+  "colorCoolgrey70": "#6C7A81",
+  "colorCoolgrey80": "#445762",
+  "colorCoolgrey90": "#253543",
+  "colorCoolgrey100": "#0F1724",
+  "colorCoolgrey110": "#010205",
+  "colorBlack": "#000000",
+  "colorWhite": "#ffffff",
+  "colorBlackShadow": "#0000001A",
+  "colorWhiteShadow": "#ffffff1A",
+  "colorFeedbackPositive": "#13CE66",
+  "colorFeedbackWarning": "#FFCC3D",
+  "colorFeedbackNegative": "#FF4949",
+  "colorFeedbackAlarm": "#F68C54",
+  "colorFeedbackInformation": "#0097E0",
+  "colorBrandPrimary": "#DB4F66",
+  "colorBrandSecondary": "#C8102E",
+  "colorTextBrandPrimary": "#DB4F66",
+  "colorTextTheme": "#414141",
+  "colorTextDefault": "#ffffff",
+  "colorTextDefaultSub": "#FAFAFA",
+  "colorBackgroundTheme": "#000000",
+  "colorBackgroundComponent": "#414141",
+  "colorBackgroundObject": "#ffffff",
+  "fontSize12": "12px",
+  "fontSize14": "14px",
+  "fontSize16": "16px",
+  "fontSize18": "18px",
+  "fontSize20": "20px",
+  "fontSize24": "24px",
+  "fontSize28": "28px",
+  "fontSize32": "32px",
+  "fontSize36": "36px",
+  "fontSize40": "40px",
+  "fontSize48": "48px",
+  "fontSizeXs": "12px",
+  "fontSizeS": "14px",
+  "fontSizeM": "16px",
+  "fontSizeL": "18px",
+  "fontSizeXl": "20px",
+  "fontSize2Xl": "24px",
+  "fontSize3Xl": "28px",
+  "fontSize4Xl": "32px",
+  "fontSize5Xl": "36px",
+  "fontSize6Xl": "40px",
+  "fontSize7Xl": "48px",
+  "lineHeight130": 1.3,
+  "lineHeight150": 1.5,
+  "lineHeightM": 1.3,
+  "lineHeightL": 1.5,
+  "fontWeightBold": 700,
+  "fontWeightRegular": 400,
+  "fontFamilyRoboto": "Roboto",
+  "fontFamilyBase": "Roboto",
+  "borderRadius2": "2px",
+  "borderRadius4": "4px",
+  "borderRadius6": "6px",
+  "borderRadius8": "8px",
+  "borderRadius10": "10px",
+  "borderRadius12": "12px",
+  "borderRadius16": "16px",
+  "borderRadius2Xs": "2px",
+  "borderRadiusXs": "4px",
+  "borderRadiusS": "6px",
+  "borderRadiusM": "8px",
+  "borderRadiusL": "10px",
+  "borderRadiusXl": "12px",
+  "borderRadius2Xl": "16px",
+  "borderWidth1": "1px",
+  "borderWidth2": "2px",
+  "borderWidth4": "4px",
+  "borderWidthS": "1px",
+  "borderWidthM": "2px",
+  "borderWidthL": "4px",
+  "space0": "0",
+  "space2": "2px",
+  "space4": "4px",
+  "space8": "8px",
+  "space12": "12px",
+  "space16": "16px",
+  "space20": "20px",
+  "space24": "24px",
+  "space32": "32px",
+  "space40": "40px",
+  "space48": "48px",
+  "space56": "56px",
+  "space64": "64px",
+  "space72": "72px",
+  "space80": "80px",
+  "space96": "96px",
+  "space4Xs": "0",
+  "space3Xs": "2px",
+  "space2Xs": "4px",
+  "spaceXs": "8px",
+  "spaceS": "12px",
+  "spaceM": "16px",
+  "spaceL": "20px",
+  "spaceXl": "24px",
+  "space2Xl": "32px",
+  "space3Xl": "40px",
+  "space4Xl": "48px",
+  "space5Xl": "56px",
+  "space6Xl": "64px",
+  "space7Xl": "72px",
+  "space8Xl": "80px",
+  "space9Xl": "96px",
+  "shadowBlack": "0 -2px 19px 0 #0000001A",
+  "shadowWhite": "0 -2px 19px 0 #ffffff1A",
+  "bodyXs": "400 12px/1.5 Roboto",
+  "bodyS": "400 14px/1.5 Roboto",
+  "bodyM": "400 16px/1.5 Roboto",
+  "bodyL": "400 18px/1.5 Roboto",
+  "bodyXl": "400 20px/1.5 Roboto",
+  "body2Xl": "400 24px/1.5 Roboto",
+  "body3Xl": "400 28px/1.5 Roboto",
+  "body4Xl": "400 32px/1.5 Roboto",
+  "body5Xl": "400 36px/1.5 Roboto",
+  "body6Xl": "400 40px/1.5 Roboto",
+  "body7Xl": "400 48px/1.5 Roboto",
+  "headerXs": "700 12px/1.3 Roboto",
+  "headerS": "700 14px/1.3 Roboto",
+  "headerM": "700 16px/1.3 Roboto",
+  "headerL": "700 18px/1.3 Roboto",
+  "headerXl": "700 20px/1.3 Roboto",
+  "header2Xl": "700 24px/1.3 Roboto",
+  "header3Xl": "700 28px/1.3 Roboto",
+  "header4Xl": "700 32px/1.3 Roboto",
+  "header5Xl": "700 36px/1.3 Roboto",
+  "header6Xl": "700 40px/1.3 Roboto",
+  "header7Xl": "700 48px/1.3 Roboto",
+  "buttonBorderSignInActive": "1px Inside #616161",
+  "buttonBorderSecondaryActive": "1px Solid #DB4F66",
+  "buttonBorderSecondaryHover": "1px Solid #C8102E",
+  "buttonBorderSecondaryPress": "1px Solid #F8AEBA",
+  "buttonBorderSecondaryFocus": "1px Solid #F5C0B8",
+  "buttonBorderSecondaryDisabled": "1px Solid #616161",
+  "buttonColorBackgroundPrimaryActive": "#DB4F66",
+  "buttonColorBackgroundPrimaryHover": "#C8102E",
+  "buttonColorBackgroundPrimaryPress": "#F8AEBA",
+  "buttonColorBackgroundPrimaryFocus": "#F5C0B8",
+  "buttonColorBackgroundPrimaryDisabled": "#616161",
+  "buttonColorBorderSecondaryActive": "#DB4F66",
+  "buttonColorBorderSecondaryHover": "#C8102E",
+  "buttonColorBorderSecondaryPress": "#F8AEBA",
+  "buttonColorBorderSecondaryFocus": "#F5C0B8",
+  "buttonColorBorderSecondaryDisabled": "#616161",
+  "buttonColorTextSecondaryActive": "#DB4F66",
+  "buttonColorTextSecondaryHover": "#C8102E",
+  "buttonColorTextSecondaryPress": "#F8AEBA",
+  "buttonColorTextSecondaryFocus": "#F5C0B8",
+  "buttonColorTextSecondaryDisabled": "#616161",
+  "buttonColorTextPrimary": "#414141",
+  "checkboxBorderUnselected": "2px solid #BFBFBF",
+  "checkboxColorBackground": "#0097E0",
+  "checkboxColorIcon": "#ffffff",
+  "dropdownColorBackground": "#ffffff",
+  "dropdownColorText": "#414141",
+  "dropdownTrayColorBackgroundSelected": "#EBEBEB",
+  "tableColorBackground": "#ffffff",
+  "tableColorText": "#414141",
+  "tableHeaderBorder": "1px  #000000",
+  "tableCellBorder": "1px  #EBEBEB",
+  "tablePageNumberColorBackgroundSelected": "#828282",
+  "tablePageNumberColorTextDefault": "#414141",
+  "tablePageNumberColorTextSelected": "#ffffff",
+  "tablePageNumberBorderHover": "1px  #828282",
+  "loginSsoButtonBorder": "1px  #616161",
+  "loginSsoButtonColorText": "#616161",
+  "formColorBackground": "#ffffff",
+  "formColorTextDefault": "#212121",
+  "formColorTextPlaceholder": "#828282",
+  "formColorTextPositive": "#13CE66",
+  "formColorTextNegative": "#FF4949",
+  "formBorderActive": "1px Solid #828282",
+  "formBorderNegative": "1px solid #FF4949",
+  "tabBorderUnderline": "1px  #CFDFDF",
+  "tabBorderSelected": "1px  #0097E0",
+  "notificationColorBackgroundPositive": "#13CE66",
+  "notificationColorBackgroundNegative": "#FF4949",
+  "notificationColorBackgroundWarning": "#FFCC3D",
+  "notificationColorBackgroundAlarm": "#F68C54",
+  "notificationColorBackgroundInformation": "#0097E0",
+  "notificationBorderPositive": "2px  #13CE66",
+  "notificationBorderNegative": "2px  #FF4949",
+  "notificationBorderWarning": "2px  #FFCC3D",
+  "notificationBorderAlarm": "2px  #F68C54",
+  "notificationBorderInformation": "2px  #0097E0",
+  "iconColorBackground": "#ffffff",
+  "containerColorBackground": "#414141",
+  "containerColorTextHeader": "#ffffff",
+  "containerColorTextBody": "#FAFAFA",
+  "containerShadow": "0 -2px 19px 0 #ffffff1A"
+};

package/build/js/{DKN/Dark → cjs/AAF/Light}/variables.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 31 May 2024 20:50:38 GMT
+ * Generated on Mon, 29 Jul 2024 23:34:48 GMT
  */
 
 export const colorBlue10 : string;
@@ -108,9 +108,10 @@ export const colorFeedbackPositive : string;
 export const colorFeedbackWarning : string;
 /** System status is negative */
 export const colorFeedbackNegative : string;
+export const colorFeedbackAlarm : string;
+export const colorFeedbackInformation : string;
 /** Primary brand blue */
 export const colorBrandPrimary : string;
-/** Primary secondary brand blue */
 export const colorBrandSecondary : string;
 export const colorTextBrandPrimary : string;
 export const colorTextTheme : string;
@@ -299,8 +300,18 @@ export const formBorderActive : string;
 export const formBorderNegative : string;
 export const tabBorderUnderline : string;
 export const tabBorderSelected : string;
+export const notificationColorBackgroundPositive : string;
+export const notificationColorBackgroundNegative : string;
+export const notificationColorBackgroundWarning : string;
+export const notificationColorBackgroundAlarm : string;
+export const notificationColorBackgroundInformation : string;
+export const notificationBorderPositive : string;
+export const notificationBorderNegative : string;
+export const notificationBorderWarning : string;
+export const notificationBorderAlarm : string;
+export const notificationBorderInformation : string;
+export const iconColorBackground : string;
 export const containerColorBackground : string;
 export const containerColorTextHeader : string;
 export const containerColorTextBody : string;
 export const containerShadow : string;
-export const iconColorBackground : string;