@daikin-oss/dds-tokens 0.2.1 → 0.3.1

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

@@ -63,12 +63,6 @@ module.exports = {
   colorRed100: "#7b070e",
   colorRed110: "#5d050a",
   colorRed120: "#3e0307",
-  colorRedAaf100: "#fcecea",
-  colorRedAaf200: "#f5c0b8",
-  colorRedAaf300: "#f8aeba",
-  colorRedAaf400: "#db4f66",
-  colorRedAaf500: "#d2324c",
-  colorRedAaf600: "#c8102e",
   colorGray10: "#f2f2f2",
   colorGray20: "#ebebeb",
   colorGray30: "#dcdcdc",
@@ -83,8 +77,6 @@ module.exports = {
   colorGray120: "#212121",
   colorBlack: "#000000",
   colorWhite: "#ffffff",
-  colorBlackShadow: "rgba(0, 0, 0, 0.1)",
-  colorWhiteShadow: "rgba(255, 255, 255, 0.1)",
   colorBlueGray10: "#eef0f2",
   colorBlueGray20: "#d8dde0",
   colorBlueGray30: "#bbc1c7",
@@ -112,32 +104,18 @@ module.exports = {
   colorPurple100: "#4a1c51",
   colorPurple110: "#37153d",
   colorPurple120: "#250e29",
-  colorFeedbackPositive: "#00c3ac",
-  colorFeedbackWarning: "#ffbf0e",
-  colorFeedbackNegative: "#f21a27",
-  colorFeedbackAlarm: "#fa7a12",
-  colorFeedbackInformation: "#30ade9",
-  colorBrandPrimary: "#30ade9",
-  colorBrandSecondary: "#76cff4",
-  colorTextBrandPrimary: "#30ade9",
-  colorTextTheme: "#ffffff",
-  colorTextDefault: "#414141",
-  colorTextDefaultSub: "#616161",
-  colorBackgroundTheme: "#ffffff",
-  colorBackgroundComponent: "#ffffff",
-  colorBackgroundObject: "#414141",
   colorCommonBrandDefault: "#30ade9",
   colorCommonBrandHover: "#54c3f1",
   colorCommonBrandPress: "#76cff4",
   colorCommonSurfaceBrandHover: "#002b40",
   colorCommonSurfaceBrandPress: "#004160",
-  colorCommonSurfaceNeutralHover: "#313131",
-  colorCommonSurfaceNeutralPress: "#414141",
+  colorCommonSurfaceNeutralHover: "#282828",
+  colorCommonSurfaceNeutralPress: "#313131",
   colorCommonSurfaceDangerHover: "#3e0307",
   colorCommonSurfaceDangerPress: "#5d050a",
   colorCommonSurfaceDefault: "#212121",
-  colorCommonSurfaceHover: "#313131",
-  colorCommonSurfacePress: "#414141",
+  colorCommonSurfaceHover: "#282828",
+  colorCommonSurfacePress: "#313131",
   colorCommonSurfaceSelectedDefault: "#002b40",
   colorCommonSurfaceSelectedHover: "#004160",
   colorCommonSurfaceSelectedPress: "#005077",
@@ -184,92 +162,24 @@ module.exports = {
   space400: "16px",
   space800: "32px",
   space050: "2px",
-  shadowBlack: "0 -2px 19px 0 rgba(0, 0, 0, 0.1)",
-  shadowWhite: "0 -2px 19px 0 rgba(255, 255, 255, 0.1)",
+  fontRegularNormal300: "400 12px/1.5 Roboto",
+  fontRegularNormal350: "400 14px/1.5 Roboto",
+  fontRegularNormal400: "400 16px/1.5 Roboto",
+  fontRegularTight300: "400 12px/1.3 Roboto",
+  fontRegularTight350: "400 14px/1.3 Roboto",
+  fontRegularTight400: "400 16px/1.3 Roboto",
+  fontRegularBoldNormal300: "700 12px/1.5 Roboto",
+  fontRegularBoldNormal350: "700 14px/1.5 Roboto",
+  fontRegularBoldNormal400: "700 16px/1.5 Roboto",
+  fontRegularBoldTight300: "700 12px/1.3 Roboto",
+  fontRegularBoldTight350: "700 14px/1.3 Roboto",
+  fontRegularBoldTight400: "700 16px/1.3 Roboto",
   fontSize300: "12px",
   fontSize350: "14px",
   fontSize400: "16px",
-  lineHeightTight: "130%",
-  lineHeightNormal: "150%",
-  fontWeightBold: "Bold",
-  fontWeightRegular: "Regular",
+  fontLineHeightTight: 1.3,
+  fontLineHeightNormal: 1.5,
+  fontWeightBold: 700,
+  fontWeightRegular: 400,
   fontFamilyBase: "Roboto",
-  regularNormal300: "400 12px/1.5 Roboto",
-  regularNormal350: "400 14px/1.5 Roboto",
-  regularNormal400: "400 16px/1.5 Roboto",
-  regularTight300: "400 12px/1.3 Roboto",
-  regularTight350: "400 14px/1.3 Roboto",
-  regularTight400: "400 16px/1.3 Roboto",
-  regularBoldNormal300: "700 12px/1.5 Roboto",
-  regularBoldNormal350: "700 14px/1.5 Roboto",
-  regularBoldNormal400: "700 16px/1.5 Roboto",
-  regularBoldTight300: "700 12px/1.3 Roboto",
-  regularBoldTight350: "700 14px/1.3 Roboto",
-  regularBoldTight400: "700 16px/1.3 Roboto",
-  checkboxBorderUnselected: "2px solid #bfbfbf",
-  checkboxColorBackground: "#30ade9",
-  checkboxColorIcon: "#ffffff",
-  dropdownColorBackground: "#ffffff",
-  dropdownColorText: "#515151",
-  dropdownTrayColorBackgroundSelected: "#ebebeb",
-  tableColorBackground: "#ffffff",
-  tableColorText: "#515151",
-  tableHeaderBorder: "1px none #000000",
-  tableCellBorder: "1px none #ebebeb",
-  tablePageNumberColorBackgroundSelected: "#828282",
-  tablePageNumberColorTextDefault: "#515151",
-  tablePageNumberColorTextSelected: "#ffffff",
-  tablePageNumberBorderHover: "1px none #828282",
-  loginSsoButtonBorder: "1px none #616161",
-  loginSsoButtonColorText: "#616161",
-  formColorBackground: "#ffffff",
-  formColorTextDefault: "#414141",
-  formColorTextPlaceholder: "#828282",
-  formColorTextPositive: "#00c3ac",
-  formColorTextNegative: "#f21a27",
-  notificationColorBackgroundSuccess: "#00c3ac",
-  notificationColorBackgroundError: "#f21a27",
-  notificationColorBackgroundWarning: "#ffbf0e",
-  notificationColorBackgroundAlarm: "#fa7a12",
-  notificationColorBackgroundInformation: "#30ade9",
-  notificationColorBackgroundTheme: "#ffffff",
-  notificationColorText: "#414141",
-  notificationShadow: "0 -2px 19px 0 rgba(0, 0, 0, 0.1)",
-  iconColorBackgroundNeutral: "#a0a0a0",
-  iconColorBackgroundDefault: "#414141",
-  iconColorBackgroundTheme: "#ffffff",
-  containerColorBackground: "#ffffff",
-  containerColorTextHeader: "#414141",
-  containerColorTextBody: "#616161",
-  cardShadow: "0 -2px 19px 0 rgba(0, 0, 0, 0.1)",
-  cardColorBackground: "#ffffff",
-  cardBorderHover: "2px solid #BFBFBF",
-  cardBorderAlert: "2px solid #f21a27",
-  cardBorderUnderline: "1px solid #d8dde0",
-  buttonColorBackgroundPrimaryActive: "#30ade9",
-  buttonColorBackgroundPrimaryHover: "#76cff4",
-  buttonColorBackgroundPrimaryPress: "#0097e0",
-  buttonColorBackgroundPrimaryFocus: "#0081c0",
-  buttonColorBackgroundPrimaryDisabled: "#dcdcdc",
-  buttonColorBorderSecondaryActive: "#30ade9",
-  buttonColorBorderSecondaryHover: "#76cff4",
-  buttonColorBorderSecondaryPress: "#0097e0",
-  buttonColorBorderSecondaryFocus: "#0081c0",
-  buttonColorBorderSecondaryDisabled: "#dcdcdc",
-  buttonColorTextSecondaryActive: "#30ade9",
-  buttonColorTextSecondaryHover: "#76cff4",
-  buttonColorTextSecondaryPress: "#0097e0",
-  buttonColorTextSecondaryFocus: "#0081c0",
-  buttonColorTextSecondaryDisabled: "#dcdcdc",
-  buttonColorTextPrimary: "#ffffff",
-  tabColorLineActive: "#30ade9",
-  tabColorLineHover: "#76cff4",
-  tabColorLinePress: "#0097e0",
-  tabColorLineFocus: "#0081c0",
-  tabColorLineDisabled: "#dcdcdc",
-  tabColorTextActive: "#30ade9",
-  tabColorTextHover: "#76cff4",
-  tabColorTextPress: "#0097e0",
-  tabColorTextFocus: "#0081c0",
-  tabColorTextDisabled: "#dcdcdc",
 };

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

@@ -62,12 +62,6 @@ export const colorRed90: string;
 export const colorRed100: string;
 export const colorRed110: string;
 export const colorRed120: string;
-export const colorRedAaf100: string;
-export const colorRedAaf200: string;
-export const colorRedAaf300: string;
-export const colorRedAaf400: string;
-export const colorRedAaf500: string;
-export const colorRedAaf600: string;
 export const colorGray10: string;
 export const colorGray20: string;
 export const colorGray30: string;
@@ -82,8 +76,6 @@ export const colorGray110: string;
 export const colorGray120: string;
 export const colorBlack: string;
 export const colorWhite: string;
-export const colorBlackShadow: string;
-export const colorWhiteShadow: string;
 export const colorBlueGray10: string;
 export const colorBlueGray20: string;
 export const colorBlueGray30: string;
@@ -111,27 +103,6 @@ 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 */
-export const colorFeedbackWarning: string;
-/** System status is warning */
-export const colorFeedbackNegative: string;
-/** System status is warning */
-export const colorFeedbackAlarm: string;
-/** System status is warning */
-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;
-export const colorTextDefault: string;
-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;
@@ -190,105 +161,23 @@ export const space300: string;
 export const space400: string;
 export const space800: string;
 export const space050: string;
-export const shadowBlack: string;
-export const shadowWhite: string;
+export const fontRegularNormal300: string;
+export const fontRegularNormal350: string;
+export const fontRegularNormal400: string;
+export const fontRegularTight300: string;
+export const fontRegularTight350: string;
+export const fontRegularTight400: string;
+export const fontRegularBoldNormal300: string;
+export const fontRegularBoldNormal350: string;
+export const fontRegularBoldNormal400: string;
+export const fontRegularBoldTight300: string;
+export const fontRegularBoldTight350: string;
+export const fontRegularBoldTight400: string;
 export const fontSize300: string;
 export const fontSize350: string;
 export const fontSize400: string;
-export const lineHeightTight: string;
-export const lineHeightNormal: string;
-export const fontWeightBold: string;
-export const fontWeightRegular: string;
-/** The primary font used in the DDS Design Kit is Roboto */
+export const fontLineHeightTight: number;
+export const fontLineHeightNormal: number;
+export const fontWeightBold: number;
+export const fontWeightRegular: number;
 export const fontFamilyBase: string;
-/** Body is primarily used for components and for blocks of text. */
-export const regularNormal300: string;
-/** Body is primarily used for components and for blocks of text. */
-export const regularNormal350: string;
-/** Body is primarily used for components and for blocks of text. */
-export const regularNormal400: string;
-/** Body is primarily used for components and for blocks of text. */
-export const regularTight300: string;
-/** Body is primarily used for components and for blocks of text. */
-export const regularTight350: string;
-/** Body is primarily used for components and for blocks of text. */
-export const regularTight400: string;
-/** Header is used to create various levels of typographic hierarchies. */
-export const regularBoldNormal300: string;
-/** Header is used to create various levels of typographic hierarchies. */
-export const regularBoldNormal350: string;
-/** Header is used to create various levels of typographic hierarchies. */
-export const regularBoldNormal400: string;
-/** Header is used to create various levels of typographic hierarchies. */
-export const regularBoldTight300: string;
-/** Header is used to create various levels of typographic hierarchies. */
-export const regularBoldTight350: string;
-/** Header is used to create various levels of typographic hierarchies. */
-export const regularBoldTight400: string;
-export const checkboxBorderUnselected: string;
-export const checkboxColorBackground: string;
-export const checkboxColorIcon: string;
-export const dropdownColorBackground: string;
-export const dropdownColorText: string;
-export const dropdownTrayColorBackgroundSelected: string;
-export const tableColorBackground: string;
-export const tableColorText: string;
-export const tableHeaderBorder: string;
-export const tableCellBorder: string;
-export const tablePageNumberColorBackgroundSelected: string;
-export const tablePageNumberColorTextDefault: string;
-export const tablePageNumberColorTextSelected: string;
-export const tablePageNumberBorderHover: string;
-export const loginSsoButtonBorder: string;
-export const loginSsoButtonColorText: string;
-export const formColorBackground: string;
-export const formColorTextDefault: string;
-export const formColorTextPlaceholder: string;
-export const formColorTextPositive: string;
-export const formColorTextNegative: string;
-export const notificationColorBackgroundSuccess: string;
-export const notificationColorBackgroundError: string;
-export const notificationColorBackgroundWarning: string;
-export const notificationColorBackgroundAlarm: string;
-export const notificationColorBackgroundInformation: string;
-export const notificationColorBackgroundTheme: string;
-export const notificationColorText: string;
-export const notificationShadow: string;
-export const iconColorBackgroundNeutral: string;
-export const iconColorBackgroundDefault: string;
-export const iconColorBackgroundTheme: string;
-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;
-export const buttonColorBackgroundPrimaryPress: string;
-export const buttonColorBackgroundPrimaryFocus: string;
-export const buttonColorBackgroundPrimaryDisabled: string;
-export const buttonColorBorderSecondaryActive: string;
-export const buttonColorBorderSecondaryHover: string;
-export const buttonColorBorderSecondaryPress: string;
-export const buttonColorBorderSecondaryFocus: string;
-export const buttonColorBorderSecondaryDisabled: string;
-export const buttonColorTextSecondaryActive: string;
-export const buttonColorTextSecondaryHover: string;
-export const buttonColorTextSecondaryPress: string;
-export const buttonColorTextSecondaryFocus: string;
-export const buttonColorTextSecondaryDisabled: string;
-export const buttonColorTextPrimary: string;
-export const tabColorLineActive: string;
-export const tabColorLineHover: string;
-export const tabColorLinePress: string;
-export const tabColorLineFocus: string;
-export const tabColorLineDisabled: string;
-export const tabColorTextActive: string;
-export const tabColorTextHover: string;
-export const tabColorTextPress: string;
-export const tabColorTextFocus: string;
-export const tabColorTextDisabled: string;

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

@@ -62,12 +62,6 @@ export const colorRed90: string;
 export const colorRed100: string;
 export const colorRed110: string;
 export const colorRed120: string;
-export const colorRedAaf100: string;
-export const colorRedAaf200: string;
-export const colorRedAaf300: string;
-export const colorRedAaf400: string;
-export const colorRedAaf500: string;
-export const colorRedAaf600: string;
 export const colorGray10: string;
 export const colorGray20: string;
 export const colorGray30: string;
@@ -82,8 +76,6 @@ export const colorGray110: string;
 export const colorGray120: string;
 export const colorBlack: string;
 export const colorWhite: string;
-export const colorBlackShadow: string;
-export const colorWhiteShadow: string;
 export const colorBlueGray10: string;
 export const colorBlueGray20: string;
 export const colorBlueGray30: string;
@@ -111,27 +103,6 @@ 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 */
-export const colorFeedbackWarning: string;
-/** System status is warning */
-export const colorFeedbackNegative: string;
-/** System status is warning */
-export const colorFeedbackAlarm: string;
-/** System status is warning */
-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;
-export const colorTextDefault: string;
-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;
@@ -190,105 +161,23 @@ export const space300: string;
 export const space400: string;
 export const space800: string;
 export const space050: string;
-export const shadowBlack: string;
-export const shadowWhite: string;
+export const fontRegularNormal300: string;
+export const fontRegularNormal350: string;
+export const fontRegularNormal400: string;
+export const fontRegularTight300: string;
+export const fontRegularTight350: string;
+export const fontRegularTight400: string;
+export const fontRegularBoldNormal300: string;
+export const fontRegularBoldNormal350: string;
+export const fontRegularBoldNormal400: string;
+export const fontRegularBoldTight300: string;
+export const fontRegularBoldTight350: string;
+export const fontRegularBoldTight400: string;
 export const fontSize300: string;
 export const fontSize350: string;
 export const fontSize400: string;
-export const lineHeightTight: string;
-export const lineHeightNormal: string;
-export const fontWeightBold: string;
-export const fontWeightRegular: string;
-/** The primary font used in the DDS Design Kit is Roboto */
+export const fontLineHeightTight: number;
+export const fontLineHeightNormal: number;
+export const fontWeightBold: number;
+export const fontWeightRegular: number;
 export const fontFamilyBase: string;
-/** Body is primarily used for components and for blocks of text. */
-export const regularNormal300: string;
-/** Body is primarily used for components and for blocks of text. */
-export const regularNormal350: string;
-/** Body is primarily used for components and for blocks of text. */
-export const regularNormal400: string;
-/** Body is primarily used for components and for blocks of text. */
-export const regularTight300: string;
-/** Body is primarily used for components and for blocks of text. */
-export const regularTight350: string;
-/** Body is primarily used for components and for blocks of text. */
-export const regularTight400: string;
-/** Header is used to create various levels of typographic hierarchies. */
-export const regularBoldNormal300: string;
-/** Header is used to create various levels of typographic hierarchies. */
-export const regularBoldNormal350: string;
-/** Header is used to create various levels of typographic hierarchies. */
-export const regularBoldNormal400: string;
-/** Header is used to create various levels of typographic hierarchies. */
-export const regularBoldTight300: string;
-/** Header is used to create various levels of typographic hierarchies. */
-export const regularBoldTight350: string;
-/** Header is used to create various levels of typographic hierarchies. */
-export const regularBoldTight400: string;
-export const checkboxBorderUnselected: string;
-export const checkboxColorBackground: string;
-export const checkboxColorIcon: string;
-export const dropdownColorBackground: string;
-export const dropdownColorText: string;
-export const dropdownTrayColorBackgroundSelected: string;
-export const tableColorBackground: string;
-export const tableColorText: string;
-export const tableHeaderBorder: string;
-export const tableCellBorder: string;
-export const tablePageNumberColorBackgroundSelected: string;
-export const tablePageNumberColorTextDefault: string;
-export const tablePageNumberColorTextSelected: string;
-export const tablePageNumberBorderHover: string;
-export const loginSsoButtonBorder: string;
-export const loginSsoButtonColorText: string;
-export const formColorBackground: string;
-export const formColorTextDefault: string;
-export const formColorTextPlaceholder: string;
-export const formColorTextPositive: string;
-export const formColorTextNegative: string;
-export const notificationColorBackgroundSuccess: string;
-export const notificationColorBackgroundError: string;
-export const notificationColorBackgroundWarning: string;
-export const notificationColorBackgroundAlarm: string;
-export const notificationColorBackgroundInformation: string;
-export const notificationColorBackgroundTheme: string;
-export const notificationColorText: string;
-export const notificationShadow: string;
-export const iconColorBackgroundNeutral: string;
-export const iconColorBackgroundDefault: string;
-export const iconColorBackgroundTheme: string;
-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;
-export const buttonColorBackgroundPrimaryPress: string;
-export const buttonColorBackgroundPrimaryFocus: string;
-export const buttonColorBackgroundPrimaryDisabled: string;
-export const buttonColorBorderSecondaryActive: string;
-export const buttonColorBorderSecondaryHover: string;
-export const buttonColorBorderSecondaryPress: string;
-export const buttonColorBorderSecondaryFocus: string;
-export const buttonColorBorderSecondaryDisabled: string;
-export const buttonColorTextSecondaryActive: string;
-export const buttonColorTextSecondaryHover: string;
-export const buttonColorTextSecondaryPress: string;
-export const buttonColorTextSecondaryFocus: string;
-export const buttonColorTextSecondaryDisabled: string;
-export const buttonColorTextPrimary: string;
-export const tabColorLineActive: string;
-export const tabColorLineHover: string;
-export const tabColorLinePress: string;
-export const tabColorLineFocus: string;
-export const tabColorLineDisabled: string;
-export const tabColorTextActive: string;
-export const tabColorTextHover: string;
-export const tabColorTextPress: string;
-export const tabColorTextFocus: string;
-export const tabColorTextDisabled: string;