@sberbusiness/triplex-next 0.1.4 → 0.1.6

package/components/DesignTokens/DesignTokensCore.js

@@ -0,0 +1,466 @@
+const a = {
+  ColorBrand: {
+    0: {
+      value: "#1F3336"
+      //     var(--triplex-next-ColorBrand-0)
+    },
+    10: {
+      value: "#0B3A3C"
+      //     var(--triplex-next-ColorBrand-10)
+    },
+    20: {
+      value: "#006063"
+      //     var(--triplex-next-ColorBrand-20)
+    },
+    30: {
+      value: "#007777"
+      //     var(--triplex-next-ColorBrand-30)
+    },
+    40: {
+      value: "#008985"
+      //     var(--triplex-next-ColorBrand-40)
+    },
+    50: {
+      value: "#21A19A"
+      //     var(--triplex-next-ColorBrand-50)
+    },
+    60: {
+      value: "#19BDB0"
+      //     var(--triplex-next-ColorBrand-60)
+    },
+    70: {
+      value: "#4BD9CF"
+      //     var(--triplex-next-ColorBrand-70)
+    },
+    80: {
+      value: "#71ECDC"
+      //     var(--triplex-next-ColorBrand-80)
+    },
+    90: {
+      value: "#A8F5E9"
+      //     var(--triplex-next-ColorBrand-90)
+    },
+    100: {
+      value: "#E3FFFA"
+      //     var(--triplex-next-ColorBrand-100)
+    }
+  },
+  ColorDarkNeutralAlpha: {
+    0: {
+      value: "rgba(31, 31, 34, 1)"
+      //     var(--triplex-next-ColorDarkNeutralAlpha-0)
+    },
+    10: {
+      value: "rgba(31, 31, 34, .95)"
+      //     var(--triplex-next-ColorDarkNeutralAlpha-10)
+    },
+    20: {
+      value: "rgba(31, 31, 34, .85)"
+      //     var(--triplex-next-ColorDarkNeutralAlpha-20)
+    },
+    30: {
+      value: "rgba(31, 31, 34, .75)"
+      //     var(--triplex-next-ColorDarkNeutralAlpha-30)
+    },
+    40: {
+      value: "rgba(31, 31, 34, .65)"
+      //     var(--triplex-next-ColorDarkNeutralAlpha-40)
+    },
+    50: {
+      value: "rgba(31, 31, 34, .55)"
+      //     var(--triplex-next-ColorDarkNeutralAlpha-50)
+    },
+    60: {
+      value: "rgba(31, 31, 34, .45)"
+      //     var(--triplex-next-ColorDarkNeutralAlpha-60)
+    },
+    70: {
+      value: "rgba(31, 31, 34, .35)"
+      //     var(--triplex-next-ColorDarkNeutralAlpha-70)
+    },
+    80: {
+      value: "rgba(31, 31, 34, .25)"
+      //     var(--triplex-next-ColorDarkNeutralAlpha-80)
+    },
+    90: {
+      value: "rgba(31, 31, 34, .15)"
+      //     var(--triplex-next-ColorDarkNeutralAlpha-90)
+    },
+    100: {
+      value: "rgba(31, 31, 34, .05)"
+      //     var(--triplex-next-ColorDarkNeutralAlpha-100)
+    }
+  },
+  ColorDarkNeutral: {
+    0: {
+      value: "#000000"
+      //     var(--triplex-next-ColorDarkNeutral-0)
+    },
+    10: {
+      value: "#171719"
+      //     var(--triplex-next-ColorDarkNeutral-10)
+    },
+    20: {
+      value: "#1B1B1D"
+      //     var(--triplex-next-ColorDarkNeutral-20)
+    },
+    30: {
+      value: "#1F1F22"
+      //     var(--triplex-next-ColorDarkNeutral-30)
+    },
+    40: {
+      value: "#262629"
+      //     var(--triplex-next-ColorDarkNeutral-40)
+    },
+    50: {
+      value: "#2D2D30"
+      //     var(--triplex-next-ColorDarkNeutral-50)
+    },
+    60: {
+      value: "#343437"
+      //     var(--triplex-next-ColorDarkNeutral-60)
+    },
+    70: {
+      value: "#3B3B3E"
+      //     var(--triplex-next-ColorDarkNeutral-70)
+    },
+    80: {
+      value: "#424245"
+      //     var(--triplex-next-ColorDarkNeutral-80)
+    },
+    90: {
+      value: "#49494C"
+      //     var(--triplex-next-ColorDarkNeutral-90)
+    },
+    100: {
+      value: "#4F4F52"
+      //     var(--triplex-next-ColorDarkNeutral-100)
+    }
+  },
+  ColorError: {
+    0: {
+      value: "#443139"
+      //     var(--triplex-next-ColorError-0)
+    },
+    10: {
+      value: "#4E3741"
+      //     var(--triplex-next-ColorError-10)
+    },
+    20: {
+      value: "#A90024"
+      //     var(--triplex-next-ColorError-20)
+    },
+    30: {
+      value: "#BD002C"
+      //     var(--triplex-next-ColorError-30)
+    },
+    40: {
+      value: "#D10032"
+      //     var(--triplex-next-ColorError-40)
+    },
+    50: {
+      value: "#E60037"
+      //     var(--triplex-next-ColorError-50)
+    },
+    60: {
+      value: "#F80C45"
+      //     var(--triplex-next-ColorError-60)
+    },
+    70: {
+      value: "#FF5571"
+      //     var(--triplex-next-ColorError-70)
+    },
+    80: {
+      value: "#FFB1C1"
+      //     var(--triplex-next-ColorError-80)
+    },
+    90: {
+      value: "#FCE0E6"
+      //     var(--triplex-next-ColorError-90)
+    },
+    100: {
+      value: "#FFF0F3"
+      //     var(--triplex-next-ColorError-100)
+    }
+  },
+  ColorInfo: {
+    0: {
+      value: "#313749"
+      //     var(--triplex-next-ColorInfo-0)
+    },
+    10: {
+      value: "#2E3A52"
+      //     var(--triplex-next-ColorInfo-10)
+    },
+    20: {
+      value: "#0A43B0"
+      //     var(--triplex-next-ColorInfo-20)
+    },
+    30: {
+      value: "#124FC2"
+      //     var(--triplex-next-ColorInfo-30)
+    },
+    40: {
+      value: "#0E57CC"
+      //     var(--triplex-next-ColorInfo-40)
+    },
+    50: {
+      value: "#1371E4"
+      //     var(--triplex-next-ColorInfo-50)
+    },
+    60: {
+      value: "#1297FE"
+      //     var(--triplex-next-ColorInfo-60)
+    },
+    70: {
+      value: "#66BEFF"
+      //     var(--triplex-next-ColorInfo-70)
+    },
+    80: {
+      value: "#8DD2FF"
+      //     var(--triplex-next-ColorInfo-80)
+    },
+    90: {
+      value: "#B8E6FF"
+      //     var(--triplex-next-ColorInfo-90)
+    },
+    100: {
+      value: "#E3F6FF"
+      //     var(--triplex-next-ColorInfo-100)
+    }
+  },
+  ColorNeutralAlpha: {
+    0: {
+      value: "rgba(255, 255, 255, 1)"
+      //     var(--triplex-next-ColorNeutralAlpha-0)
+    },
+    10: {
+      value: "rgba(255, 255, 255, .95)"
+      //     var(--triplex-next-ColorNeutralAlpha-10)
+    },
+    20: {
+      value: "rgba(255, 255, 255, .85)"
+      //     var(--triplex-next-ColorNeutralAlpha-20)
+    },
+    30: {
+      value: "rgba(255, 255, 255, .75)"
+      //     var(--triplex-next-ColorNeutralAlpha-30)
+    },
+    40: {
+      value: "rgba(255, 255, 255, .65)"
+      //     var(--triplex-next-ColorNeutralAlpha-40)
+    },
+    50: {
+      value: "rgba(255, 255, 255, .55)"
+      //     var(--triplex-next-ColorNeutralAlpha-50)
+    },
+    60: {
+      value: "rgba(255, 255, 255, .45)"
+      //     var(--triplex-next-ColorNeutralAlpha-60)
+    },
+    70: {
+      value: "rgba(255, 255, 255, .35)"
+      //     var(--triplex-next-ColorNeutralAlpha-70)
+    },
+    80: {
+      value: "rgba(255, 255, 255, .25)"
+      //     var(--triplex-next-ColorNeutralAlpha-80)
+    },
+    90: {
+      value: "rgba(255, 255, 255, .15)"
+      //     var(--triplex-next-ColorNeutralAlpha-90)
+    },
+    100: {
+      value: "rgba(255, 255, 255, .05)"
+      //     var(--triplex-next-ColorNeutralAlpha-100)
+    }
+  },
+  ColorNeutral: {
+    0: {
+      value: "#CBCFD7"
+      //     var(--triplex-next-ColorNeutral-0)
+    },
+    10: {
+      value: "#D1D4DC"
+      //     var(--triplex-next-ColorNeutral-10)
+    },
+    20: {
+      value: "#D6D9E0"
+      //     var(--triplex-next-ColorNeutral-20)
+    },
+    30: {
+      value: "#DCDFE4"
+      //     var(--triplex-next-ColorNeutral-30)
+    },
+    40: {
+      value: "#DFE2E7"
+      //     var(--triplex-next-ColorNeutral-40)
+    },
+    50: {
+      value: "#E3E6EA"
+      //     var(--triplex-next-ColorNeutral-50)
+    },
+    60: {
+      value: "#E7E9EE"
+      //     var(--triplex-next-ColorNeutral-60)
+    },
+    70: {
+      value: "#EAEDF1"
+      //     var(--triplex-next-ColorNeutral-70)
+    },
+    80: {
+      value: "#EEF0F4"
+      //     var(--triplex-next-ColorNeutral-80)
+    },
+    90: {
+      value: "#F2F4F7"
+      //     var(--triplex-next-ColorNeutral-90)
+    },
+    100: {
+      value: "#FFFFFF"
+      //     var(--triplex-next-ColorNeutral-100)
+    }
+  },
+  ColorSuccess: {
+    0: {
+      value: "#28433E"
+      //     var(--triplex-next-ColorSuccess-0)
+    },
+    10: {
+      value: "#2A4C45"
+      //     var(--triplex-next-ColorSuccess-10)
+    },
+    20: {
+      value: "#00624C"
+      //     var(--triplex-next-ColorSuccess-20)
+    },
+    30: {
+      value: "#007353"
+      //     var(--triplex-next-ColorSuccess-30)
+    },
+    40: {
+      value: "#008B5C"
+      //     var(--triplex-next-ColorSuccess-40)
+    },
+    50: {
+      value: "#00C075"
+      //     var(--triplex-next-ColorSuccess-50)
+    },
+    60: {
+      value: "#00D67D"
+      //     var(--triplex-next-ColorSuccess-60)
+    },
+    70: {
+      value: "#3AF299"
+      //     var(--triplex-next-ColorSuccess-70)
+    },
+    80: {
+      value: "#8AFFB8"
+      //     var(--triplex-next-ColorSuccess-80)
+    },
+    90: {
+      value: "#B8FFD4"
+      //     var(--triplex-next-ColorSuccess-90)
+    },
+    100: {
+      value: "#E1FFEB"
+      //     var(--triplex-next-ColorSuccess-100)
+    }
+  },
+  ColorSystem: {
+    0: {
+      value: "#373C49"
+      //     var(--triplex-next-ColorSystem-0)
+    },
+    10: {
+      value: "#384156"
+      //     var(--triplex-next-ColorSystem-10)
+    },
+    20: {
+      value: "#47526D"
+      //     var(--triplex-next-ColorSystem-20)
+    },
+    30: {
+      value: "#57637F"
+      //     var(--triplex-next-ColorSystem-30)
+    },
+    40: {
+      value: "#697591"
+      //     var(--triplex-next-ColorSystem-40)
+    },
+    50: {
+      value: "#8291B3"
+      //     var(--triplex-next-ColorSystem-50)
+    },
+    60: {
+      value: "#95A3C1"
+      //     var(--triplex-next-ColorSystem-60)
+    },
+    70: {
+      value: "#A9B6D0"
+      //     var(--triplex-next-ColorSystem-70)
+    },
+    80: {
+      value: "#BFCADF"
+      //     var(--triplex-next-ColorSystem-80)
+    },
+    90: {
+      value: "#D6DEED"
+      //     var(--triplex-next-ColorSystem-90)
+    },
+    100: {
+      value: "#EEF3FC"
+      //     var(--triplex-next-ColorSystem-100)
+    }
+  },
+  ColorWarning: {
+    0: {
+      value: "#463734"
+      //     var(--triplex-next-ColorWarning-0)
+    },
+    10: {
+      value: "#4F3E3B"
+      //     var(--triplex-next-ColorWarning-10)
+    },
+    20: {
+      value: "#E03400"
+      //     var(--triplex-next-ColorWarning-20)
+    },
+    30: {
+      value: "#E63D00"
+      //     var(--triplex-next-ColorWarning-30)
+    },
+    40: {
+      value: "#EF4C01"
+      //     var(--triplex-next-ColorWarning-40)
+    },
+    50: {
+      value: "#FD6508"
+      //     var(--triplex-next-ColorWarning-50)
+    },
+    60: {
+      value: "#FF7A17"
+      //     var(--triplex-next-ColorWarning-60)
+    },
+    70: {
+      value: "#FFB13B"
+      //     var(--triplex-next-ColorWarning-70)
+    },
+    80: {
+      value: "#FFD169"
+      //     var(--triplex-next-ColorWarning-80)
+    },
+    90: {
+      value: "#FFE7B1"
+      //     var(--triplex-next-ColorWarning-90)
+    },
+    100: {
+      value: "#FFF4DB"
+      //     var(--triplex-next-ColorWarning-100)
+    }
+  }
+};
+export {
+  a as DesignTokensCore
+};
+//# sourceMappingURL=DesignTokensCore.js.map

package/components/DesignTokens/DesignTokensCoreThemeDark.js

@@ -0,0 +1,6 @@
+import { DesignTokensCore as e } from "./DesignTokensCore.js";
+const r = e;
+export {
+  r as DesignTokensCoreThemeDark
+};
+//# sourceMappingURL=DesignTokensCoreThemeDark.js.map

package/components/DesignTokens/GetTokensValueByTheme.js

@@ -0,0 +1,11 @@
+import { ETriplexNextTheme as T } from "../ThemeProvider/ETriplexNextTheme.js";
+const h = (o, e) => {
+  const r = {};
+  return Object.keys(e).forEach((t) => {
+    r[t] = o === T.LIGHT ? e[t][0] : e[t][1];
+  }), r;
+};
+export {
+  h as GetTokensValueByTheme
+};
+//# sourceMappingURL=GetTokensValueByTheme.js.map

package/components/DesignTokens/components/AlertContext.js

@@ -0,0 +1,20 @@
+const r = [
+  "Error_Color",
+  "Info_Color",
+  "System_Color",
+  "Warning_Color"
+], o = {
+  Error_Color: [{ ref: "ColorError.40" }, { ref: "ColorError.60" }],
+  // var(--triplex-next-AlertContext-Error_Color)
+  Info_Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-AlertContext-Info_Color)
+  System_Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-AlertContext-System_Color)
+  Warning_Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }]
+  // var(--triplex-next-AlertContext-Warning_Color)
+};
+export {
+  o as AlertContext_Tokens,
+  r as designTokensComponentsAlertContextKeys
+};
+//# sourceMappingURL=AlertContext.js.map

package/components/DesignTokens/components/AlertProcess.js

@@ -0,0 +1,23 @@
+const r = [
+  "Info_Background",
+  "Warning_Background",
+  "Error_Background",
+  "System_Background",
+  "Feature_Background"
+], o = {
+  Info_Background: [{ ref: "ColorInfo.100" }, { ref: "ColorInfo.0" }],
+  // var(--triplex-next-AlertProcess-Info_Background)
+  Warning_Background: [{ ref: "ColorWarning.100" }, { ref: "ColorWarning.0" }],
+  // var(--triplex-next-AlertProcess-Warning_Background)
+  Error_Background: [{ ref: "ColorError.100" }, { ref: "ColorError.0" }],
+  // var(--triplex-next-AlertProcess-Error_Background)
+  System_Background: [{ ref: "ColorSystem.100" }, { ref: "ColorSystem.0" }],
+  // var(--triplex-next-AlertProcess-System_Background)
+  Feature_Background: [{ ref: "ColorBrand.100" }, { ref: "ColorBrand.0" }]
+  // var(--triplex-next-AlertProcess-Feature_Background)
+};
+export {
+  o as AlertProcess_Tokens,
+  r as designTokensComponentsAlertProcessKeys
+};
+//# sourceMappingURL=AlertProcess.js.map

package/components/DesignTokens/components/Button.js

@@ -0,0 +1,107 @@
+const r = [
+  "General_Background_Active",
+  "General_Background_Default",
+  "General_Background_Disabled",
+  "General_Background_Hover",
+  "General_Color_Active",
+  "General_Color_Default",
+  "General_Color_Disabled",
+  "General_Color_Hover",
+  "General_Shadow_Focus",
+  "Secondary_Background_Active",
+  "Secondary_Background_Default",
+  "Secondary_Background_Disabled",
+  "Secondary_Background_Hover",
+  "Secondary_Color_Active",
+  "Secondary_Color_Default",
+  "Secondary_Color_Disabled",
+  "Secondary_Color_Hover",
+  "Secondary_Shadow_Focus",
+  "Danger_Background_Active",
+  "Danger_Background_Default",
+  "Danger_Background_Disabled",
+  "Danger_Background_Hover",
+  "Danger_Color_Active",
+  "Danger_Color_Default",
+  "Danger_Color_Disabled",
+  "Danger_Color_Hover",
+  "Danger_Shadow_Focus",
+  "Icon_Shadow_Focus",
+  "Link_Color_Active",
+  "Link_Color_Default",
+  "Link_Color_Disabled",
+  "Link_Color_Hover",
+  "Link_Shadow_Focus"
+], o = {
+  General_Background_Active: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.30" }],
+  // var(--triplex-next-Button-General_Background_Active)
+  General_Background_Default: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
+  // var(--triplex-next-Button-General_Background_Default)
+  General_Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-Button-General_Background_Disabled)
+  General_Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-Button-General_Background_Hover)
+  General_Color_Active: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Button-General_Color_Active)
+  General_Color_Default: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Button-General_Color_Default)
+  General_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-Button-General_Color_Disabled)
+  General_Color_Hover: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Button-General_Color_Hover)
+  General_Shadow_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
+  // var(--triplex-next-Button-General_Shadow_Focus)
+  Secondary_Background_Active: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.100" }],
+  // var(--triplex-next-Button-Secondary_Background_Active)
+  Secondary_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Button-Secondary_Background_Default)
+  Secondary_Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-Button-Secondary_Background_Disabled)
+  Secondary_Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.90" }],
+  // var(--triplex-next-Button-Secondary_Background_Hover)
+  Secondary_Color_Active: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.40" }],
+  // var(--triplex-next-Button-Secondary_Color_Active)
+  Secondary_Color_Default: [{ ref: "ColorBrand.40" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-Button-Secondary_Color_Default)
+  Secondary_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-Button-Secondary_Color_Disabled)
+  Secondary_Color_Hover: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.70" }],
+  // var(--triplex-next-Button-Secondary_Color_Hover)
+  Secondary_Shadow_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
+  // var(--triplex-next-Button-Secondary_Shadow_Focus)
+  Danger_Background_Active: [{ ref: "ColorError.30" }, { ref: "ColorError.30" }],
+  // var(--triplex-next-Button-Danger_Background_Active)
+  Danger_Background_Default: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }],
+  // var(--triplex-next-Button-Danger_Background_Default)
+  Danger_Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-Button-Danger_Background_Disabled)
+  Danger_Background_Hover: [{ ref: "ColorError.60" }, { ref: "ColorError.60" }],
+  // var(--triplex-next-Button-Danger_Background_Hover)
+  Danger_Color_Active: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Button-Danger_Color_Active)
+  Danger_Color_Default: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Button-Danger_Color_Default)
+  Danger_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-Button-Danger_Color_Disabled)
+  Danger_Color_Hover: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Button-Danger_Color_Hover)
+  Danger_Shadow_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
+  // var(--triplex-next-Button-Danger_Shadow_Focus)
+  Icon_Shadow_Focus: [{ value: "0 0 0 1px #FFD169" }, { value: "0 0 0 1px #FFD169" }],
+  // var(--triplex-next-Button-Icon_Shadow_Focus)
+  Link_Color_Active: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.40" }],
+  // var(--triplex-next-Button-Link_Color_Active)
+  Link_Color_Default: [{ ref: "ColorBrand.40" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-Button-Link_Color_Default)
+  Link_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-Button-Link_Color_Disabled)
+  Link_Color_Hover: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.70" }],
+  // var(--triplex-next-Button-Link_Color_Hover)
+  Link_Shadow_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }]
+  // var(--triplex-next-Button-Link_Shadow_Focus)
+};
+export {
+  o as Button_Tokens,
+  r as designTokensComponentsButtonKeys
+};
+//# sourceMappingURL=Button.js.map

package/components/DesignTokens/components/Card.js

@@ -0,0 +1,53 @@
+const r = [
+  // Static card backgrounds (CardStatic)
+  "Static_General_Background",
+  "Static_Secondary_Background",
+  // Action card backgrounds (CardAction)
+  "Action_General_Background",
+  "Action_General_Background_Hover",
+  "Action_General_Background_Selected",
+  "Action_General_Background_Selected_Hover",
+  "Action_Secondary_Background",
+  "Action_Secondary_Background_Hover",
+  "Action_Secondary_Background_Selected",
+  "Action_Secondary_Background_Selected_Hover",
+  // Common
+  "BorderColor_Focus",
+  "Shadow_Default",
+  "Shadow_Hover"
+], e = {
+  // Static (CardStatic)
+  Static_General_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-Card-Static_General_Background)
+  Static_Secondary_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Card-Static_Secondary_Background)
+  // Action (CardAction)
+  Action_General_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-Card-Action_General_Background)
+  Action_General_Background_Hover: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-Card-Action_General_Background_Hover)
+  Action_General_Background_Selected: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Card-Action_General_Background_Selected)
+  Action_General_Background_Selected_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Card-Action_General_Background_Selected_Hover)
+  Action_Secondary_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Card-Action_Secondary_Background)
+  Action_Secondary_Background_Hover: [{ ref: "ColorNeutral.60" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-Card-Action_Secondary_Background_Hover)
+  Action_Secondary_Background_Selected: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-Card-Action_Secondary_Background_Selected)
+  Action_Secondary_Background_Selected_Hover: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-Card-Action_Secondary_Background_Selected_Hover)
+  // Common
+  BorderColor_Focus: [{ ref: "ColorWarning.80" }, { ref: "ColorWarning.80" }],
+  // var(--triplex-next-Card-BorderColor_Focus)
+  Shadow_Default: [{ value: "0 0 7px 0 rgba(31, 31, 34, 0.25)" }, { value: "0 0 7px 0 rgba(0, 0, 0, 0.35)" }],
+  // var(--triplex-next-Card-Shadow_Default)
+  Shadow_Hover: [{ value: "0 0 14px 0 rgba(31, 31, 34, 0.25)" }, { value: "0 0 14px 0 rgba(0, 0, 0, 0.35)" }]
+  // var(--triplex-next-Card-Shadow_Hover)
+};
+export {
+  e as Card_Tokens,
+  r as designTokensComponentsCardKeys
+};
+//# sourceMappingURL=Card.js.map