@scbt-ecom/ui 0.16.3 → 0.17.1

package/dist/configs.js

@@ -0,0 +1,615 @@
+import { g } from "./_commonjsHelpers-C6fGbg64.js";
+var b = {}, m = {};
+(function(t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), Object.defineProperty(t, "default", {
+    enumerable: !0,
+    get: function() {
+      return a;
+    }
+  });
+  function n(e, i) {
+    return {
+      handler: e,
+      config: i
+    };
+  }
+  n.withOptions = function(e, i = () => ({})) {
+    const l = function(c) {
+      return {
+        __options: c,
+        handler: e(c),
+        config: i(c)
+      };
+    };
+    return l.__isOptionsFunction = !0, l.__pluginFunction = e, l.__configFunction = i, l;
+  };
+  const a = n;
+})(m);
+(function(t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), Object.defineProperty(t, "default", {
+    enumerable: !0,
+    get: function() {
+      return e;
+    }
+  });
+  const n = /* @__PURE__ */ a(m);
+  function a(i) {
+    return i && i.__esModule ? i : {
+      default: i
+    };
+  }
+  const e = n.default;
+})(b);
+let p = b;
+var y = (p.__esModule ? p : { default: p }).default;
+const d = /* @__PURE__ */ g(y), _ = y;
+function u(t) {
+  return Object.fromEntries(
+    Object.entries(t).filter(([n]) => n !== "DEFAULT")
+  );
+}
+var T = _(
+  ({ addUtilities: t, matchUtilities: n, theme: a }) => {
+    t({
+      "@keyframes enter": a("keyframes.enter"),
+      "@keyframes exit": a("keyframes.exit"),
+      ".animate-in": {
+        animationName: "enter",
+        animationDuration: a("animationDuration.DEFAULT"),
+        "--tw-enter-opacity": "initial",
+        "--tw-enter-scale": "initial",
+        "--tw-enter-rotate": "initial",
+        "--tw-enter-translate-x": "initial",
+        "--tw-enter-translate-y": "initial"
+      },
+      ".animate-out": {
+        animationName: "exit",
+        animationDuration: a("animationDuration.DEFAULT"),
+        "--tw-exit-opacity": "initial",
+        "--tw-exit-scale": "initial",
+        "--tw-exit-rotate": "initial",
+        "--tw-exit-translate-x": "initial",
+        "--tw-exit-translate-y": "initial"
+      }
+    }), n(
+      {
+        "fade-in": (e) => ({ "--tw-enter-opacity": e }),
+        "fade-out": (e) => ({ "--tw-exit-opacity": e })
+      },
+      { values: a("animationOpacity") }
+    ), n(
+      {
+        "zoom-in": (e) => ({ "--tw-enter-scale": e }),
+        "zoom-out": (e) => ({ "--tw-exit-scale": e })
+      },
+      { values: a("animationScale") }
+    ), n(
+      {
+        "spin-in": (e) => ({ "--tw-enter-rotate": e }),
+        "spin-out": (e) => ({ "--tw-exit-rotate": e })
+      },
+      { values: a("animationRotate") }
+    ), n(
+      {
+        "slide-in-from-top": (e) => ({
+          "--tw-enter-translate-y": `-${e}`
+        }),
+        "slide-in-from-bottom": (e) => ({
+          "--tw-enter-translate-y": e
+        }),
+        "slide-in-from-left": (e) => ({
+          "--tw-enter-translate-x": `-${e}`
+        }),
+        "slide-in-from-right": (e) => ({
+          "--tw-enter-translate-x": e
+        }),
+        "slide-out-to-top": (e) => ({
+          "--tw-exit-translate-y": `-${e}`
+        }),
+        "slide-out-to-bottom": (e) => ({
+          "--tw-exit-translate-y": e
+        }),
+        "slide-out-to-left": (e) => ({
+          "--tw-exit-translate-x": `-${e}`
+        }),
+        "slide-out-to-right": (e) => ({
+          "--tw-exit-translate-x": e
+        })
+      },
+      { values: a("animationTranslate") }
+    ), n(
+      { duration: (e) => ({ animationDuration: e }) },
+      { values: u(a("animationDuration")) }
+    ), n(
+      { delay: (e) => ({ animationDelay: e }) },
+      { values: a("animationDelay") }
+    ), n(
+      { ease: (e) => ({ animationTimingFunction: e }) },
+      { values: u(a("animationTimingFunction")) }
+    ), t({
+      ".running": { animationPlayState: "running" },
+      ".paused": { animationPlayState: "paused" }
+    }), n(
+      { "fill-mode": (e) => ({ animationFillMode: e }) },
+      { values: a("animationFillMode") }
+    ), n(
+      { direction: (e) => ({ animationDirection: e }) },
+      { values: a("animationDirection") }
+    ), n(
+      { repeat: (e) => ({ animationIterationCount: e }) },
+      { values: a("animationRepeat") }
+    );
+  },
+  {
+    theme: {
+      extend: {
+        animationDelay: ({ theme: t }) => ({
+          ...t("transitionDelay")
+        }),
+        animationDuration: ({ theme: t }) => ({
+          0: "0ms",
+          ...t("transitionDuration")
+        }),
+        animationTimingFunction: ({ theme: t }) => ({
+          ...t("transitionTimingFunction")
+        }),
+        animationFillMode: {
+          none: "none",
+          forwards: "forwards",
+          backwards: "backwards",
+          both: "both"
+        },
+        animationDirection: {
+          normal: "normal",
+          reverse: "reverse",
+          alternate: "alternate",
+          "alternate-reverse": "alternate-reverse"
+        },
+        animationOpacity: ({ theme: t }) => ({
+          DEFAULT: 0,
+          ...t("opacity")
+        }),
+        animationTranslate: ({ theme: t }) => ({
+          DEFAULT: "100%",
+          ...t("translate")
+        }),
+        animationScale: ({ theme: t }) => ({
+          DEFAULT: 0,
+          ...t("scale")
+        }),
+        animationRotate: ({ theme: t }) => ({
+          DEFAULT: "30deg",
+          ...t("rotate")
+        }),
+        animationRepeat: {
+          0: "0",
+          1: "1",
+          infinite: "infinite"
+        },
+        keyframes: {
+          enter: {
+            from: {
+              opacity: "var(--tw-enter-opacity, 1)",
+              transform: "translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"
+            }
+          },
+          exit: {
+            to: {
+              opacity: "var(--tw-exit-opacity, 1)",
+              transform: "translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"
+            }
+          }
+        }
+      }
+    }
+  }
+);
+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
+}, h = {
+  none: "0",
+  sm: "4px",
+  md: "8px",
+  lg: "16px",
+  full: "9999px"
+}, k = {
+  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 = {
+  theme: {
+    backgroundColor: {
+      color: s,
+      banner: w,
+      icon: r
+    },
+    textColor: {
+      icon: r,
+      color: v
+    },
+    fill: r,
+    stroke: r,
+    borderColor: f,
+    outlineColor: f,
+    borderRadius: h,
+    fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
+    fontSize: D,
+    lineHeight: F,
+    gradientColorStops: s,
+    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: k,
+      width: {
+        "popper-content": "var(--radix-popover-content-available-width)",
+        "popper-trigger": "var(--radix-popover-trigger-width)",
+        "autocomplete-input": "var(--input-width)",
+        "select-trigger": "var(--button-width)"
+      },
+      transitionDuration: {
+        DEFAULT: "0.3s",
+        12: "0.12s",
+        15: "0.15s",
+        2: "2s"
+      },
+      transitionTimingFunction: {
+        DEFAULT: "ease-in-out"
+      },
+      keyframes: {
+        slideDown: {
+          from: { height: "0px" },
+          to: { height: "var(--radix-accordion-content-height)" }
+        },
+        slideUp: {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0px" }
+        },
+        "scale-in": {
+          from: { opacity: "0", scale: "0" },
+          to: { opacity: "1", scale: "1" }
+        },
+        "progress-loader": {
+          "100%": {
+            backgroundPosition: "100% 100%"
+          }
+        },
+        "caret-blink": {
+          "0%,70%,100%": { opacity: "1" },
+          "20%,50%": { opacity: "0" }
+        },
+        shine: {
+          to: {
+            "background-position-x": "-200%"
+          }
+        }
+      },
+      animation: {
+        slideDown: "slideDown 0.3s cubic-bezier(0.87, 0, 0.13, 1)",
+        slideUp: "slideUp 0.3s cubic-bezier(0.87, 0, 0.13, 1)",
+        "scale-in": "scale-in 0.3s ease-in-out",
+        "progress-loader": "progress-loader 250s linear infinite",
+        "caret-blink": "caret-blink 1.25s ease-out infinite"
+      }
+    }
+  },
+  plugins: [
+    x,
+    d(({ addComponents: t }) => {
+      t(C);
+    }),
+    d(function({ matchUtilities: t, theme: n }) {
+      t(
+        {
+          "bg-deg-gradient": (a) => ({
+            "background-image": `linear-gradient(${a}, var(--tw-gradient-stops))`
+          })
+        },
+        {
+          values: Object.assign(n("bgGradientDeg", {}), {})
+        }
+      );
+    })
+  ]
+}, E = {
+  theme: {
+    extend: {
+      transitionDuration: {
+        DEFAULT: "0.3s",
+        12: "0.12s",
+        15: "0.15s",
+        2: "2s",
+        333: "333s"
+      },
+      transitionTimingFunction: {
+        DEFAULT: "ease-in-out"
+      },
+      keyframes: {
+        slideDown: {
+          from: { height: "0px" },
+          to: { height: "var(--radix-accordion-content-height)" }
+        },
+        slideUp: {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0px" }
+        },
+        "scale-in": {
+          from: { opacity: "0", scale: "0" },
+          to: { opacity: "1", scale: "1" }
+        },
+        "progress-loader": {
+          "100%": {
+            backgroundPosition: "100% 100%"
+          }
+        }
+      },
+      animation: {
+        slideDown: "slideDown 0.3s cubic-bezier(0.87, 0, 0.13, 1)",
+        slideUp: "slideUp 0.3s cubic-bezier(0.87, 0, 0.13, 1)",
+        "scale-in": "scale-in 0.3s ease-in-out",
+        "progress-loader": "progress-loader 250s linear infinite"
+      }
+    }
+  }
+}, L = {
+  theme: {
+    screens: {
+      mobile: { max: "1187px" },
+      desktop: "1188px"
+    },
+    backgroundColor: {
+      color: s,
+      banner: w,
+      icon: r
+    },
+    textColor: {
+      icon: r,
+      color: v
+    },
+    fill: r,
+    stroke: r,
+    borderColor: f,
+    outlineColor: f,
+    borderRadius: h,
+    fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
+    fontSize: D,
+    lineHeight: F,
+    gradientColorStops: s,
+    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,
+    extend: {
+      bgGradientDeg: k
+    }
+  },
+  plugins: [
+    x,
+    d(({ addComponents: t }) => {
+      t(C);
+    }),
+    d(function({ matchUtilities: t, theme: n }) {
+      t(
+        {
+          "bg-deg-gradient": (a) => ({
+            "background-image": `linear-gradient(${a}, var(--tw-gradient-stops))`
+          })
+        },
+        {
+          values: Object.assign(n("bgGradientDeg", {}), {})
+        }
+      );
+    })
+  ]
+};
+export {
+  E as extendsPreset,
+  L as resetPreset,
+  A as tailwindConfigBase
+};
+//# sourceMappingURL=configs.js.map