@scbt-ecom/ui 0.83.0 → 0.84.0

package/dist/config.js

@@ -1,60 +1,61 @@
-import { g } from "./_commonjsHelpers-C6fGbg64.js";
-var b = {}, m = {};
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
+import { g as p } from "./_commonjsHelpers-C6fGbg64.js";
+import { allowedBackgroundDeg as f, allowedBackgroundColors as l, allowedLineHeight as m, allowedFontSize as w, allowedBorderRadius as x, allowedStrokeColors as s, allowedIconsColors as o, allowedTextColors as b, allowedBannersBackgroundColors as v, allowedTextStyles as y, allowedZIndex as T } from "./constants.js";
+var D = {}, k = {};
+(function(e) {
+  Object.defineProperty(e, "__esModule", {
     value: !0
-  }), Object.defineProperty(t, "default", {
+  }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
       return a;
     }
   });
-  function n(e, i) {
+  function n(t, i) {
     return {
-      handler: e,
+      handler: t,
       config: i
     };
   }
-  n.withOptions = function(e, i = () => ({})) {
-    const l = function(c) {
+  n.withOptions = function(t, i = () => ({})) {
+    const r = function(u) {
       return {
-        __options: c,
-        handler: e(c),
-        config: i(c)
+        __options: u,
+        handler: t(u),
+        config: i(u)
       };
     };
-    return l.__isOptionsFunction = !0, l.__pluginFunction = e, l.__configFunction = i, l;
+    return r.__isOptionsFunction = !0, r.__pluginFunction = t, r.__configFunction = i, r;
   };
   const a = n;
-})(m);
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
+})(k);
+(function(e) {
+  Object.defineProperty(e, "__esModule", {
     value: !0
-  }), Object.defineProperty(t, "default", {
+  }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return e;
+      return t;
     }
   });
-  const n = /* @__PURE__ */ a(m);
+  const n = /* @__PURE__ */ a(k);
   function a(i) {
     return i && i.__esModule ? i : {
       default: i
     };
   }
-  const e = n.default;
-})(b);
-let u = b;
-var y = (u.__esModule ? u : { default: u }).default;
-const d = /* @__PURE__ */ g(y), _ = y;
-function p(t) {
+  const t = n.default;
+})(D);
+let c = D;
+var F = (c.__esModule ? c : { default: c }).default;
+const d = /* @__PURE__ */ p(F), C = F;
+function g(e) {
   return Object.fromEntries(
-    Object.entries(t).filter(([n]) => n !== "DEFAULT")
+    Object.entries(e).filter(([n]) => n !== "DEFAULT")
   );
 }
-var T = _(
-  ({ addUtilities: t, matchUtilities: n, theme: a }) => {
-    t({
+var P = C(
+  ({ addUtilities: e, matchUtilities: n, theme: a }) => {
+    e({
       "@keyframes enter": a("keyframes.enter"),
       "@keyframes exit": a("keyframes.exit"),
       ".animate-in": {
@@ -77,85 +78,85 @@ var T = _(
       }
     }), n(
       {
-        "fade-in": (e) => ({ "--tw-enter-opacity": e }),
-        "fade-out": (e) => ({ "--tw-exit-opacity": e })
+        "fade-in": (t) => ({ "--tw-enter-opacity": t }),
+        "fade-out": (t) => ({ "--tw-exit-opacity": t })
       },
       { values: a("animationOpacity") }
     ), n(
       {
-        "zoom-in": (e) => ({ "--tw-enter-scale": e }),
-        "zoom-out": (e) => ({ "--tw-exit-scale": e })
+        "zoom-in": (t) => ({ "--tw-enter-scale": t }),
+        "zoom-out": (t) => ({ "--tw-exit-scale": t })
       },
       { values: a("animationScale") }
     ), n(
       {
-        "spin-in": (e) => ({ "--tw-enter-rotate": e }),
-        "spin-out": (e) => ({ "--tw-exit-rotate": e })
+        "spin-in": (t) => ({ "--tw-enter-rotate": t }),
+        "spin-out": (t) => ({ "--tw-exit-rotate": t })
       },
       { values: a("animationRotate") }
     ), n(
       {
-        "slide-in-from-top": (e) => ({
-          "--tw-enter-translate-y": `-${e}`
+        "slide-in-from-top": (t) => ({
+          "--tw-enter-translate-y": `-${t}`
         }),
-        "slide-in-from-bottom": (e) => ({
-          "--tw-enter-translate-y": e
+        "slide-in-from-bottom": (t) => ({
+          "--tw-enter-translate-y": t
         }),
-        "slide-in-from-left": (e) => ({
-          "--tw-enter-translate-x": `-${e}`
+        "slide-in-from-left": (t) => ({
+          "--tw-enter-translate-x": `-${t}`
         }),
-        "slide-in-from-right": (e) => ({
-          "--tw-enter-translate-x": e
+        "slide-in-from-right": (t) => ({
+          "--tw-enter-translate-x": t
         }),
-        "slide-out-to-top": (e) => ({
-          "--tw-exit-translate-y": `-${e}`
+        "slide-out-to-top": (t) => ({
+          "--tw-exit-translate-y": `-${t}`
         }),
-        "slide-out-to-bottom": (e) => ({
-          "--tw-exit-translate-y": e
+        "slide-out-to-bottom": (t) => ({
+          "--tw-exit-translate-y": t
         }),
-        "slide-out-to-left": (e) => ({
-          "--tw-exit-translate-x": `-${e}`
+        "slide-out-to-left": (t) => ({
+          "--tw-exit-translate-x": `-${t}`
         }),
-        "slide-out-to-right": (e) => ({
-          "--tw-exit-translate-x": e
+        "slide-out-to-right": (t) => ({
+          "--tw-exit-translate-x": t
         })
       },
       { values: a("animationTranslate") }
     ), n(
-      { duration: (e) => ({ animationDuration: e }) },
-      { values: p(a("animationDuration")) }
+      { duration: (t) => ({ animationDuration: t }) },
+      { values: g(a("animationDuration")) }
     ), n(
-      { delay: (e) => ({ animationDelay: e }) },
+      { delay: (t) => ({ animationDelay: t }) },
       { values: a("animationDelay") }
     ), n(
-      { ease: (e) => ({ animationTimingFunction: e }) },
-      { values: p(a("animationTimingFunction")) }
-    ), t({
+      { ease: (t) => ({ animationTimingFunction: t }) },
+      { values: g(a("animationTimingFunction")) }
+    ), e({
       ".running": { animationPlayState: "running" },
       ".paused": { animationPlayState: "paused" }
     }), n(
-      { "fill-mode": (e) => ({ animationFillMode: e }) },
+      { "fill-mode": (t) => ({ animationFillMode: t }) },
       { values: a("animationFillMode") }
     ), n(
-      { direction: (e) => ({ animationDirection: e }) },
+      { direction: (t) => ({ animationDirection: t }) },
       { values: a("animationDirection") }
     ), n(
-      { repeat: (e) => ({ animationIterationCount: e }) },
+      { repeat: (t) => ({ animationIterationCount: t }) },
       { values: a("animationRepeat") }
     );
   },
   {
     theme: {
       extend: {
-        animationDelay: ({ theme: t }) => ({
-          ...t("transitionDelay")
+        animationDelay: ({ theme: e }) => ({
+          ...e("transitionDelay")
         }),
-        animationDuration: ({ theme: t }) => ({
+        animationDuration: ({ theme: e }) => ({
           0: "0ms",
-          ...t("transitionDuration")
+          ...e("transitionDuration")
         }),
-        animationTimingFunction: ({ theme: t }) => ({
-          ...t("transitionTimingFunction")
+        animationTimingFunction: ({ theme: e }) => ({
+          ...e("transitionTimingFunction")
         }),
         animationFillMode: {
           none: "none",
@@ -169,21 +170,21 @@ var T = _(
           alternate: "alternate",
           "alternate-reverse": "alternate-reverse"
         },
-        animationOpacity: ({ theme: t }) => ({
+        animationOpacity: ({ theme: e }) => ({
           DEFAULT: 0,
-          ...t("opacity")
+          ...e("opacity")
         }),
-        animationTranslate: ({ theme: t }) => ({
+        animationTranslate: ({ theme: e }) => ({
           DEFAULT: "100%",
-          ...t("translate")
+          ...e("translate")
         }),
-        animationScale: ({ theme: t }) => ({
+        animationScale: ({ theme: e }) => ({
           DEFAULT: 0,
-          ...t("scale")
+          ...e("scale")
         }),
-        animationRotate: ({ theme: t }) => ({
+        animationRotate: ({ theme: e }) => ({
           DEFAULT: "30deg",
-          ...t("rotate")
+          ...e("rotate")
         }),
         animationRepeat: {
           0: "0",
@@ -208,242 +209,33 @@ var T = _(
     }
   }
 );
-const x = /* @__PURE__ */ g(T), o = {
-  transparent: "transparent",
-  current: "currentColor",
-  inherit: "inherit",
-  initial: "initial"
-}, s = {
-  "blue-grey-100": "#f3f4f7",
-  "blue-grey-200": "#eaedf1",
-  "blue-grey-300": "#d4dbe2",
-  "blue-grey-500": "#a9b6c5",
-  footer: "#40465a",
-  negative: "#f42500",
-  "negative-light": "#ffd2ca",
-  positive: "#76bc21",
-  "positive-light": "#e4f6ce",
-  "primary-default": "#003790",
-  "primary-focus": "#2477ff",
-  "primary-hover": "#042e73",
-  "primary-light-default": "#f0f4f9",
-  "primary-tr-focus": "#0037901f",
-  "primary-tr-hover": "#00379014",
-  "primary-tr-pressed": "#00379033",
-  "secondary-default": "#fc5055",
-  "secondary-hover": "#f12f34",
-  warning: "#f49f00",
-  "warning-light": "#ffeecc",
-  white: "#ffffff",
-  "primary-disabled": "#809bc7",
-  "secondary-disabled": "#FFB7BF",
-  dark: "#292929",
-  purple: "#5f40bd",
-  "purple-hover": "#52399d",
-  overlay: "#0000004d",
-  ...o
-}, v = {
-  dark: "#292929",
-  disabled: "#a9b6c5",
-  footer: "#c3c3c3",
-  negative: "#f42500",
-  positive: "#76bc21",
-  "primary-default": "#003790",
-  "primary-hover": "#042e73",
-  secondary: "#40465a",
-  tetriary: "#5a6e85",
-  warning: "#f49f00",
-  white: "#ffffff",
-  "primary-disabled": "#809bc7",
-  "blue-grey-600": "#94a4b7",
-  ...o
-}, w = {
-  "barvcray-200": "#ebeef4",
-  "barvcray-300": "#dde1e8",
-  "greymint-200": "#deecee",
-  "lavender-100": "#f7f7ff",
-  "lavender-200": "#ecedfa",
-  "lavender-300": "#d0d3f1",
-  "lightblue-300": "#bed3ec",
-  "mint-200": "#e4f5ed",
-  "salmon-200": "#faecec",
-  "skyblue-100": "#f4f8fe",
-  "skyblue-200": "#e7f3ff",
-  "skyblue-300": "#d9edff",
-  ...o
-}, r = {
-  "accent-default": "#2477ff",
-  "accent-hover": "#0053da",
-  "blue-grey-100": "#f3f4f7",
-  "blue-grey-600": "#94a4b7",
-  "blue-grey-700": "#69809a",
-  "blue-grey-800": "#5a6e85",
-  "dark-default": "#292929",
-  "dark-hover": "#535353",
-  disabled: "#a9b6c5",
-  "negative-default": "#f42500",
-  "negative-hover": "#c31e00",
-  "positive-default": "#76bc21",
-  "positive-hover": "#598d19",
-  "primary-default": "#003790",
-  "primary-hover": "#042e73",
-  "secondary-dark-default": "#f12f34",
-  "secondary-dark-hover": "#c40309",
-  "secondary-default": "#fc5055",
-  "secondary-hover": "#f12f34",
-  "warning-default": "#f49f00",
-  "warning-hover": "#d68b00",
-  white: "#ffffff",
-  "primary-disabled": "#809bc7",
-  footer: "#C3C3C3",
-  ...o
-}, f = {
-  "blue-grey-500": "#a9b6c5",
-  "blue-grey-700": "#69809a",
-  "blue-grey-800": "#5a6e85",
-  dark: "#292929",
-  negative: "#f42500",
-  positive: "#76bc21",
-  "primary-default": "#003790",
-  "primary-focus": "#2477ff",
-  "primary-hover": "#042e73",
-  "primary-light": "#f0f4f9",
-  "secondary-default": "#fc5055",
-  "secondary-hover": "#f12f34",
-  "warm-grey-200": "#e4e4e4",
-  "warm-grey-300": "#c3c3c3",
-  warning: "#f49f00",
-  white: "#ffffff",
-  "primary-disabled": "#809bc7",
-  ...o
-}, k = {
-  none: "0",
-  sm: "4px",
-  md: "8px",
-  lg: "16px",
-  full: "9999px"
-}, h = {
-  30: "30deg",
-  45: "45deg",
-  80: "80deg",
-  90: "90deg",
-  110: "110deg",
-  180: "180deg"
-}, P = {
-  0: "0",
-  1: "1",
-  10: "10",
-  30: "30",
-  50: "50",
-  100: "100",
-  250: "250",
-  500: "500",
-  1e3: "1000"
-}, D = {
-  12: "12px",
-  14: "14px",
-  16: "16px",
-  18: "18px",
-  20: "20px",
-  24: "24px",
-  28: "28px",
-  32: "32px",
-  40: "40px"
-}, F = {
-  16: "16px",
-  20: "20px",
-  22: "22px",
-  24: "24px",
-  30: "30px",
-  32: "32px",
-  40: "40px",
-  48: "48px"
-}, C = {
-  /* # Headline */
-  ".mob-headline-bold-m": {
-    "@apply font-bold text-28 leading-32": ""
-  },
-  ".mob-headline-bold-s": {
-    "@apply font-bold text-24 leading-30": ""
-  },
-  /* # Title */
-  ".mob-title-bold-l": {
-    "@apply font-bold text-20 leading-24": ""
-  },
-  ".mob-title-bold-m": {
-    "@apply font-bold text-18 leading-22": ""
-  },
-  /* # Body */
-  ".mob-body-medium-l": {
-    "@apply font-medium text-16 leading-22": ""
-  },
-  ".mob-body-regular-l": {
-    "@apply font-normal text-16 leading-22": ""
-  },
-  ".mob-body-medium-m": {
-    "@apply font-medium text-14 leading-20": ""
-  },
-  ".mob-body-regular-m": {
-    "@apply font-normal text-14 leading-20": ""
-  },
-  ".mob-body-regular-s": {
-    "@apply font-normal text-12 leading-20": ""
-  },
-  /* -------- Desktop Typography -------- */
-  /* # Headline */
-  ".desk-headline-bold-l": {
-    "@apply font-bold text-40 leading-48": ""
-  },
-  ".desk-headline-bold-m": {
-    "@apply font-bold text-32 leading-40": ""
-  },
-  /* # Title */
-  ".desk-title-bold-l": {
-    "@apply font-bold text-24 leading-30": ""
-  },
-  ".desk-title-bold-s": {
-    "@apply font-bold text-18 leading-22": ""
-  },
-  /* # Body */
-  ".desk-body-medium-l": {
-    "@apply font-medium text-16 leading-22": ""
-  },
-  ".desk-body-regular-l": {
-    "@apply font-normal text-16 leading-22": ""
-  },
-  ".desk-body-regular-m": {
-    "@apply font-normal text-14 leading-20": ""
-  },
-  ".desk-body-regular-s": {
-    "@apply font-normal text-12 leading-16": ""
-  }
-}, A = {
+const _ = /* @__PURE__ */ p(P), S = {
   theme: {
     backgroundColor: {
-      color: s,
-      banner: w,
-      icon: r
+      color: l,
+      banner: v,
+      icon: o
     },
     textColor: {
-      icon: r,
-      color: v
+      icon: o,
+      color: b
     },
-    fill: r,
-    stroke: r,
-    borderColor: f,
-    outlineColor: f,
-    borderRadius: k,
+    fill: o,
+    stroke: o,
+    borderColor: s,
+    outlineColor: s,
+    borderRadius: x,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
-    fontSize: D,
-    lineHeight: F,
-    gradientColorStops: s,
+    fontSize: w,
+    lineHeight: m,
+    gradientColorStops: l,
     boxShadow: {
       sm: "0 8px 20px 0 rgba(0, 0, 0, 0.08)",
       md: "0 12px 20px 0 rgba(0, 33, 87, 0.10)",
       lg: "0 16px 24px 0 rgba(0, 33, 87, 0.16)"
     },
     extend: {
-      bgGradientDeg: h,
+      bgGradientDeg: f,
       width: {
         "popper-content": "var(--radix-popover-content-available-width)",
         "popper-trigger": "var(--radix-popover-trigger-width)",
@@ -487,12 +279,12 @@ const x = /* @__PURE__ */ g(T), o = {
     }
   },
   plugins: [
-    x,
-    d(({ addComponents: t }) => {
-      t(C);
+    _,
+    d(({ addComponents: e }) => {
+      e(y);
     }),
-    d(function({ matchUtilities: t, theme: n }) {
-      t(
+    d(function({ matchUtilities: e, theme: n }) {
+      e(
         {
           "bg-deg-gradient": (a) => ({
             "background-image": `linear-gradient(${a}, var(--tw-gradient-stops))`
@@ -504,7 +296,7 @@ const x = /* @__PURE__ */ g(T), o = {
       );
     })
   ]
-}, E = {
+}, h = {
   theme: {
     extend: {
       transitionDuration: {
@@ -551,40 +343,40 @@ const x = /* @__PURE__ */ g(T), o = {
       desktop: "1188px"
     },
     backgroundColor: {
-      color: s,
-      banner: w,
-      icon: r
+      color: l,
+      banner: v,
+      icon: o
     },
     textColor: {
-      icon: r,
-      color: v
+      icon: o,
+      color: b
     },
-    fill: r,
-    stroke: r,
-    borderColor: f,
-    outlineColor: f,
-    borderRadius: k,
+    fill: o,
+    stroke: o,
+    borderColor: s,
+    outlineColor: s,
+    borderRadius: x,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
-    fontSize: D,
-    lineHeight: F,
-    gradientColorStops: s,
+    fontSize: w,
+    lineHeight: m,
+    gradientColorStops: l,
     boxShadow: {
       sm: "0 8px 20px 0 rgba(0, 0, 0, 0.08)",
       md: "0 12px 20px 0 rgba(0, 33, 87, 0.10)",
       lg: "0 16px 24px 0 rgba(0, 33, 87, 0.16)"
     },
-    zIndex: P,
+    zIndex: T,
     extend: {
-      bgGradientDeg: h
+      bgGradientDeg: f
     }
   },
   plugins: [
-    x,
-    d(({ addComponents: t }) => {
-      t(C);
+    _,
+    d(({ addComponents: e }) => {
+      e(y);
     }),
-    d(function({ matchUtilities: t, theme: n }) {
-      t(
+    d(function({ matchUtilities: e, theme: n }) {
+      e(
         {
           "bg-deg-gradient": (a) => ({
             "background-image": `linear-gradient(${a}, var(--tw-gradient-stops))`
@@ -598,8 +390,8 @@ const x = /* @__PURE__ */ g(T), o = {
   ]
 };
 export {
-  E as extendsPreset,
+  h as extendsPreset,
   L as resetPreset,
-  A as tailwindConfigBase
+  S as tailwindConfigBase
 };
 //# sourceMappingURL=config.js.map