@feedmepos/ui-library 1.2.16-rc.3 → 1.2.18

package/dist/tailwind-plugin.js

@@ -1,170 +1,366 @@
-const styling = require('./tailwind-styling.js');
-const { typo, shadow, borderRadius } = styling;
-
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const plugin = require('tailwindcss/plugin');
-
-module.exports = plugin(
-  function ({ addComponents }) {
-    typo.forEach((style) => {
-      style.sizes.forEach((size) => {
-        const [locale, name, fontSize, fontWeight, lineHeight, letterSpacing] =
-          size;
-
-        addComponents({
-          [`.fm-typo-${locale}-${style.type}-${name}-${fontWeight}`]: {
-            fontSize,
-            fontWeight,
-            lineHeight,
-            letterSpacing,
-            textDecorationLine: style.type === 'link' ? 'underline' : 'none',
-          },
-        });
-      });
+function i(e, r) {
+  for (var n = 0; n < r.length; n++) {
+    const t = r[n];
+    if (typeof t != "string" && !Array.isArray(t)) {
+      for (const o in t)
+        if (o !== "default" && !(o in e)) {
+          const a = Object.getOwnPropertyDescriptor(t, o);
+          a && Object.defineProperty(e, o, a.get ? a : {
+            enumerable: !0,
+            get: () => t[o]
+          });
+        }
+    }
+  }
+  return Object.freeze(Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }));
+}
+function c(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function u(e) {
+  if (e.__esModule) return e;
+  var r = e.default;
+  if (typeof r == "function") {
+    var n = function t() {
+      return this instanceof t ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
+    };
+    n.prototype = r.prototype;
+  } else n = {};
+  return Object.defineProperty(n, "__esModule", { value: !0 }), Object.keys(e).forEach(function(t) {
+    var o = Object.getOwnPropertyDescriptor(e, t);
+    Object.defineProperty(n, t, o.get ? o : {
+      enumerable: !0,
+      get: function() {
+        return e[t];
+      }
     });
-    // tailwind doesn't have text shadow
-    addComponents({
-      '.fm-shadow-light-text': {
-        'text-shadow': '0px 1px 2px rgba(28, 28, 30, 0.24)',
+  }), n;
+}
+var m, d;
+function b() {
+  if (d) return m;
+  d = 1;
+  const e = (o) => `${o / 16}rem`;
+  return m = {
+    typo: [
+      {
+        type: "display",
+        sizes: [
+          ["en", "xl", e(72), 800, e(76), "0.025em"],
+          ["en", "lg", e(60), 800, e(62), "0.025em"],
+          ["en", "md", e(48), 800, e(46), "0.025em"],
+          ["en", "sm", e(36), 800, e(32), "0.025em"],
+          ["cn", "xl", e(72), 800, e(92), "0.025em"],
+          ["cn", "lg", e(60), 800, e(76), "0.025em"],
+          ["cn", "md", e(48), 800, e(58), "0.025em"],
+          ["cn", "sm", e(36), 800, e(40), "0.025em"]
+        ]
       },
-    });
-    for (const variant of shadow.variants) {
-      addComponents({
-        [`.fm-shadow-light-${variant.name}`]: {
-          'box-shadow': `${variant.value} ${
-            variant.color ?? shadow.defaultColor
-          }`,
+      {
+        type: "title",
+        sizes: [
+          ["en", "lg", e(30), 800, e(32), "0.025em"],
+          ["en", "md", e(26), 800, e(28), "0.015em"],
+          ["en", "sm", e(22), 800, e(24), "0.015em"],
+          ["cn", "lg", e(30), 800, e(38), "0.025em"],
+          ["cn", "md", e(26), 800, e(34), "0.015em"],
+          ["cn", "sm", e(22), 800, e(28), "0.015em"]
+        ]
+      },
+      {
+        type: "body",
+        sizes: [
+          ["en", "lg", e(16), 600, e(20), "0.005em"],
+          ["en", "md", e(14), 600, e(18), "0.0125em"],
+          ["en", "sm", e(12), 600, e(16), "0.02em"],
+          ["en", "lg", e(16), 400, e(20), "0.005em"],
+          ["en", "md", e(14), 400, e(18), "0.0125em"],
+          ["en", "sm", e(12), 400, e(16), "0.02em"],
+          ["cn", "lg", e(16), 600, e(22), "0.005em"],
+          ["cn", "md", e(14), 600, e(20), "0.0125em"],
+          ["cn", "sm", e(12), 600, e(18), "0.02em"],
+          ["cn", "lg", e(16), 400, e(22), "0.005em"],
+          ["cn", "md", e(14), 400, e(20), "0.0125em"],
+          ["cn", "sm", e(12), 400, e(18), "0.02em"]
+        ]
+      },
+      {
+        type: "link",
+        sizes: [
+          ["en", "lg", e(16), 600, e(20), "0.005em"],
+          ["en", "md", e(14), 600, e(18), "0.0125em"],
+          ["en", "sm", e(12), 600, e(16), "0.02em"],
+          ["en", "lg", e(16), 600, e(22), "0.005em"],
+          ["en", "md", e(14), 600, e(20), "0.0125em"],
+          ["en", "sm", e(12), 600, e(18), "0.02em"]
+        ]
+      }
+    ],
+    shadow: {
+      defaultColor: "rgba(199,199,204,0.24)",
+      variants: [
+        {
+          name: "100",
+          color: "rgba(28,28,30,0.24)",
+          value: "0px 1px 4px 0px"
         },
-      });
-    }
-
-    Object.entries(borderRadius).forEach(([key, value]) => {
-      addComponents({
-        [`.fm-corner-radius-${key}`]: {
-          'border-radius': value,
+        {
+          name: "200",
+          value: "0px 4px 8px 0px"
+        },
+        {
+          name: "300",
+          value: "0px 8px 16px 0px"
+        },
+        {
+          name: "400",
+          value: "0px 16px 24px 0px"
         },
+        {
+          name: "500",
+          value: "0px 24px 32px -4px"
+        },
+        {
+          name: "600",
+          value: "0px 32px 40px -4px"
+        }
+      ]
+    },
+    borderRadius: {
+      sm: "4px",
+      md: "8px",
+      lg: "16px",
+      xl: "32px",
+      xxl: "128px",
+      xxxl: "360px"
+    }
+  }, m;
+}
+var f = {}, p = {};
+(function(e) {
+  Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), Object.defineProperty(e, "default", {
+    enumerable: !0,
+    get: function() {
+      return n;
+    }
+  });
+  function r(t, o) {
+    return {
+      handler: t,
+      config: o
+    };
+  }
+  r.withOptions = function(t, o = () => ({})) {
+    const a = function(l) {
+      return {
+        __options: l,
+        handler: t(l),
+        config: o(l)
+      };
+    };
+    return a.__isOptionsFunction = !0, a.__pluginFunction = t, a.__configFunction = o, a;
+  };
+  const n = r;
+})(p);
+const h = /* @__PURE__ */ c(p), _ = /* @__PURE__ */ i({
+  __proto__: null,
+  default: h
+}, [p]), $ = /* @__PURE__ */ u(_);
+(function(e) {
+  Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), Object.defineProperty(e, "default", {
+    enumerable: !0,
+    get: function() {
+      return t;
+    }
+  });
+  const r = /* @__PURE__ */ n($);
+  function n(o) {
+    return o && o.__esModule ? o : {
+      default: o
+    };
+  }
+  const t = r.default;
+})(f);
+const w = /* @__PURE__ */ c(f), P = /* @__PURE__ */ i({
+  __proto__: null,
+  default: w
+}, [f]), O = /* @__PURE__ */ u(P);
+let s = O;
+var x = (s.__esModule ? s : { default: s }).default;
+const j = /* @__PURE__ */ c(x), S = /* @__PURE__ */ i({
+  __proto__: null,
+  default: j
+}, [x]), M = /* @__PURE__ */ u(S), z = b(), { typo: R, shadow: g, borderRadius: q } = z, E = M;
+var k = E(
+  function({ addComponents: e }) {
+    R.forEach((r) => {
+      r.sizes.forEach((n) => {
+        const [t, o, a, l, y, v] = n;
+        e({
+          [`.fm-typo-${t}-${r.type}-${o}-${l}`]: {
+            fontSize: a,
+            fontWeight: l,
+            lineHeight: y,
+            letterSpacing: v,
+            textDecorationLine: r.type === "link" ? "underline" : "none"
+          }
+        });
       });
+    }), e({
+      ".fm-shadow-light-text": {
+        "text-shadow": "0px 1px 2px rgba(28, 28, 30, 0.24)"
+      }
     });
-
-    addComponents({
-      '.border-1': {
-        'border-width': '1px',
-      },
-    });
-
-    addComponents({
-      '.h-fit': {
-        height: 'fit-content',
-      },
+    for (const r of g.variants)
+      e({
+        [`.fm-shadow-light-${r.name}`]: {
+          "box-shadow": `${r.value} ${r.color ?? g.defaultColor}`
+        }
+      });
+    Object.entries(q).forEach(([r, n]) => {
+      e({
+        [`.fm-corner-radius-${r}`]: {
+          "border-radius": n
+        }
+      });
+    }), e({
+      ".border-1": {
+        "border-width": "1px"
+      }
+    }), e({
+      ".h-fit": {
+        height: "fit-content"
+      }
     });
   },
   {
     theme: {
       screens: {
-        xs: { min: '0px', max: '647px' },
-        sm: { min: '648px', max: '959px' },
-        md: { min: '960px', max: '1247px' },
-        lg: { min: '1248px' },
+        xs: { min: "0px", max: "647px" },
+        sm: { min: "648px", max: "959px" },
+        md: { min: "960px", max: "1247px" },
+        lg: { min: "1248px" }
       },
       extend: {
         spacing: [
-          0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96, 104, 112,
-          120,
-        ].reduce((pv, v) => {
-          pv[v.toString()] = `${v}px`;
-          return pv;
-        }, {}),
+          0,
+          4,
+          8,
+          12,
+          16,
+          24,
+          32,
+          40,
+          48,
+          56,
+          64,
+          72,
+          80,
+          88,
+          96,
+          104,
+          112,
+          120
+        ].reduce((e, r) => (e[r.toString()] = `${r}px`, e), {}),
         colors: {
-          'fm-color-primary': 'var(--fm-color-primary)',
-          'fm-color-primary-oats': 'var(--fm-color-primary-oats)',
-          'fm-color-secondary': {
-            macaron: 'var(--fm-color-secondary-macaron)',
-            blueberry: 'var(--fm-color-secondary-blueberry)',
-            salmon: 'var(--fm-color-secondary-salmon)',
-            tuna: 'var(--fm-color-secondary-tuna)',
-            citrus: 'var(--fm-color-secondary-citrus)',
-            halite: 'var(--fm-color-secondary-halite)',
-            mustard: 'var(--fm-color-secondary-mustard)',
-            mint: 'var(--fm-color-secondary-mint)',
-            plum: 'var(--fm-color-secondary-plum)',
-            cocoa: 'var(--fm-color-secondary-cocoa)',
+          "fm-color-primary": "var(--fm-color-primary)",
+          "fm-color-primary-oats": "var(--fm-color-primary-oats)",
+          "fm-color-secondary": {
+            macaron: "var(--fm-color-secondary-macaron)",
+            blueberry: "var(--fm-color-secondary-blueberry)",
+            salmon: "var(--fm-color-secondary-salmon)",
+            tuna: "var(--fm-color-secondary-tuna)",
+            citrus: "var(--fm-color-secondary-citrus)",
+            halite: "var(--fm-color-secondary-halite)",
+            mustard: "var(--fm-color-secondary-mustard)",
+            mint: "var(--fm-color-secondary-mint)",
+            plum: "var(--fm-color-secondary-plum)",
+            cocoa: "var(--fm-color-secondary-cocoa)"
           },
-          'fm-color-neutral': {
-            white: 'var(--fm-color-neutral-white)',
-            black: 'var(--fm-color-neutral-gray-500)',
+          "fm-color-neutral": {
+            white: "var(--fm-color-neutral-white)",
+            black: "var(--fm-color-neutral-gray-500)",
             gray: {
-              100: 'var(--fm-color-neutral-gray-100)',
-              200: 'var(--fm-color-neutral-gray-200)',
-              300: 'var(--fm-color-neutral-gray-300)',
-              400: 'var(--fm-color-neutral-gray-400)',
-            },
+              100: "var(--fm-color-neutral-gray-100)",
+              200: "var(--fm-color-neutral-gray-200)",
+              300: "var(--fm-color-neutral-gray-300)",
+              400: "var(--fm-color-neutral-gray-400)"
+            }
           },
-          'fm-color-typo': {
-            white: 'var(--fm-color-neutral-white)',
-            disabled: 'var(--fm-color-neutral-gray-200)',
-            primary: 'var(--fm-color-neutral-gray-500)',
-            tertiary: 'var(--fm-color-neutral-gray-300)',
-            secondary: 'var(--fm-color-neutral-gray-400)',
-            success: 'var(--fm-color-system-green-400)',
-            warning: 'var(--fm-color-system-orange-400)',
-            error: 'var(--fm-color-system-red-400)',
-            info: 'var(--fm-color-system-blue-400)',
+          "fm-color-typo": {
+            white: "var(--fm-color-neutral-white)",
+            disabled: "var(--fm-color-neutral-gray-200)",
+            primary: "var(--fm-color-neutral-gray-500)",
+            tertiary: "var(--fm-color-neutral-gray-300)",
+            secondary: "var(--fm-color-neutral-gray-400)",
+            success: "var(--fm-color-system-green-400)",
+            warning: "var(--fm-color-system-orange-400)",
+            error: "var(--fm-color-system-red-400)",
+            info: "var(--fm-color-system-blue-400)"
           },
-          'fm-color-system': {
+          "fm-color-system": {
             success: {
-              100: 'var(--fm-color-system-green-100)',
-              200: 'var(--fm-color-system-green-200)',
-              300: 'var(--fm-color-system-green-300)',
-              400: 'var(--fm-color-system-green-400)',
+              100: "var(--fm-color-system-green-100)",
+              200: "var(--fm-color-system-green-200)",
+              300: "var(--fm-color-system-green-300)",
+              400: "var(--fm-color-system-green-400)"
             },
             warning: {
-              100: 'var(--fm-color-system-orange-100)',
-              200: 'var(--fm-color-system-orange-200)',
-              300: 'var(--fm-color-system-orange-300)',
-              400: 'var(--fm-color-system-orange-400)',
+              100: "var(--fm-color-system-orange-100)",
+              200: "var(--fm-color-system-orange-200)",
+              300: "var(--fm-color-system-orange-300)",
+              400: "var(--fm-color-system-orange-400)"
             },
             error: {
-              100: 'var(--fm-color-system-red-100)',
-              200: 'var(--fm-color-system-red-200)',
-              300: 'var(--fm-color-system-red-300)',
-              400: 'var(--fm-color-system-red-400)',
+              100: "var(--fm-color-system-red-100)",
+              200: "var(--fm-color-system-red-200)",
+              300: "var(--fm-color-system-red-300)",
+              400: "var(--fm-color-system-red-400)"
             },
             info: {
-              100: 'var(--fm-color-system-blue-100)',
-              200: 'var(--fm-color-system-blue-200)',
-              300: 'var(--fm-color-system-blue-300)',
-              400: 'var(--fm-color-system-blue-400)',
-            },
-          },
-          'fm-color-overlay': {
-            background: 'var(--fm-color-overlay)',
+              100: "var(--fm-color-system-blue-100)",
+              200: "var(--fm-color-system-blue-200)",
+              300: "var(--fm-color-system-blue-300)",
+              400: "var(--fm-color-system-blue-400)"
+            }
           },
-          'fm-color-opacity': {
-            sm: 'var(--fm-color-opacity-sm)',
-            md: 'var(--fm-color-opacity-md)',
-            lg: 'var(--fm-color-opacity-lg)',
+          "fm-color-overlay": {
+            background: "var(--fm-color-overlay)"
           },
+          "fm-color-opacity": {
+            sm: "var(--fm-color-opacity-sm)",
+            md: "var(--fm-color-opacity-md)",
+            lg: "var(--fm-color-opacity-lg)"
+          }
         },
         boxShadow: {
-          'light-100': '0px 1px 4px 0px rgba(28, 28, 30, 0.24)',
-          'light-200': '0px 4px 8px 0px rgba(199, 199, 204, 0.24)',
-          'light-300': '0px 8px 16px 0px rgba(199, 199, 204, 0.24)',
-          'light-400': '0px 16px 24px 0px rgba(199, 199, 204, 0.24)',
-          'light-500': '0px 24px 32px -4px rgba(199, 199, 204, 0.24)',
-          'light-600': '0px 32px 40px -4px rgba(199, 199, 204, 0.24)',
+          "light-100": "0px 1px 4px 0px rgba(28, 28, 30, 0.24)",
+          "light-200": "0px 4px 8px 0px rgba(199, 199, 204, 0.24)",
+          "light-300": "0px 8px 16px 0px rgba(199, 199, 204, 0.24)",
+          "light-400": "0px 16px 24px 0px rgba(199, 199, 204, 0.24)",
+          "light-500": "0px 24px 32px -4px rgba(199, 199, 204, 0.24)",
+          "light-600": "0px 32px 40px -4px rgba(199, 199, 204, 0.24)"
         },
         borderRadius: {
-          sm: '4px',
-          md: '8px',
-          lg: '16px',
-          xl: '32px',
-          xxl: '128px',
-          xxxl: '360px',
+          sm: "4px",
+          md: "8px",
+          lg: "16px",
+          xl: "32px",
+          xxl: "128px",
+          xxxl: "360px"
         },
         aspectRatio: {
-          '4/3': '4 / 3',
-        },
-      },
-    },
+          "4/3": "4 / 3"
+        }
+      }
+    }
   }
 );
+const D = /* @__PURE__ */ c(k);
+export {
+  D as default
+};