@frontify/fondue 12.9.8 → 12.10.0

package/dist/components/Divider/Divider.es.js

@@ -1,25 +1,26 @@
-import { jsxs as l, Fragment as i, jsx as e } from "react/jsx-runtime";
-var w = /* @__PURE__ */ ((t) => (t.NoLine = "noline", t.Dashed = "dashed", t.Solid = "solid", t.Dotted = "dotted", t))(w || {}), m = /* @__PURE__ */ ((t) => (t.Small = "36px", t.Medium = "60px", t.Large = "96px", t))(m || {});
-const o = {
+import { jsxs as w, Fragment as m, jsx as e } from "react/jsx-runtime";
+var c = /* @__PURE__ */ ((t) => (t.NoLine = "noline", t.Dashed = "dashed", t.Solid = "solid", t.Dotted = "dotted", t))(c || {}), u = /* @__PURE__ */ ((t) => (t.Small = "36px", t.Medium = "60px", t.Large = "96px", t))(u || {});
+const l = {
   noline: "tw-border-none",
   dashed: "tw-border-dashed",
   solid: "tw-border-solid",
   dotted: "tw-border-dotted"
-}, c = "fondue-divider", u = ({
-  vertical: t = !1,
-  style: r = "solid",
+}, f = "fondue-divider", p = ({
+  as: t = "div",
+  vertical: r = !1,
+  style: s = "solid",
   height: d = "36px",
-  "data-test-id": s = c,
-  color: a = "#CCC"
+  "data-test-id": a = f,
+  color: o = "#CCC"
 }) => {
-  const n = `tw-w-px tw-h-full tw-border-r tw-m-0 ${o[r]}`;
-  return /* @__PURE__ */ l(i, { children: [
-    t && /* @__PURE__ */ e(
-      "div",
+  const i = `tw-w-px tw-h-full tw-border-r tw-m-0 ${l[s]}`, n = t;
+  return /* @__PURE__ */ w(m, { children: [
+    r && /* @__PURE__ */ e(
+      n,
       {
         "aria-hidden": "true",
         className: "tw-flex tw-self-stretch tw-mt-0 tw-mb-0 tw-items-center tw-justify-center",
-        "data-test-id": s,
+        "data-test-id": a,
         style: {
           marginLeft: parseInt(d) / 2,
           marginRight: parseInt(d) / 2
@@ -27,25 +28,25 @@ const o = {
         children: /* @__PURE__ */ e(
           "div",
           {
-            className: n,
-            style: { borderRightColor: a },
+            className: i,
+            style: { borderRightColor: o },
             "data-test-id": "fondue-divider-line"
           }
         )
       }
     ),
-    !t && /* @__PURE__ */ e(
-      "div",
+    !r && /* @__PURE__ */ e(
+      n,
       {
         "aria-hidden": "true",
         className: "tw-flex tw-items-center tw-w-full",
         style: { height: d },
-        "data-test-id": s,
+        "data-test-id": a,
         children: /* @__PURE__ */ e(
           "hr",
           {
-            className: `tw-border-t tw-m-0 tw-w-full ${o[r]}`,
-            style: { borderTopColor: a },
+            className: `tw-border-t tw-m-0 tw-w-full ${l[s]}`,
+            style: { borderTopColor: o },
             "data-test-id": "fondue-divider-line"
           }
         )
@@ -53,10 +54,10 @@ const o = {
     )
   ] });
 };
-u.displayName = "FondueDivider";
+p.displayName = "FondueDivider";
 export {
-  u as Divider,
-  m as DividerHeight,
-  w as DividerStyle
+  p as Divider,
+  u as DividerHeight,
+  c as DividerStyle
 };
 //# sourceMappingURL=Divider.es.js.map

package/dist/components/Divider/Divider.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.es.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactElement } from 'react';\n\nexport enum DividerStyle {\n    NoLine = 'noline',\n    Dashed = 'dashed',\n    Solid = 'solid',\n    Dotted = 'dotted',\n}\n\nexport enum DividerHeight {\n    Small = '36px',\n    Medium = '60px',\n    Large = '96px',\n}\n\nexport type DividerProps = {\n    style?: DividerStyle;\n    height?: DividerHeight | string;\n    color?: string;\n    vertical?: boolean;\n    'data-test-id'?: string;\n};\n\nconst styleMap = {\n    [DividerStyle.NoLine]: 'tw-border-none',\n    [DividerStyle.Dashed]: 'tw-border-dashed',\n    [DividerStyle.Solid]: 'tw-border-solid',\n    [DividerStyle.Dotted]: 'tw-border-dotted',\n};\n\nconst DIVIDER_TEST_ID = 'fondue-divider';\n\n/**\n * @deprecated Please use updated Divider component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#divider the migration guide}.\n */\nexport const Divider = ({\n    vertical = false,\n    style = DividerStyle.Solid,\n    height = DividerHeight.Small,\n    'data-test-id': dataTestId = DIVIDER_TEST_ID,\n    color = '#CCC',\n}: DividerProps): ReactElement => {\n    const verticalClassNames = `tw-w-px tw-h-full tw-border-r tw-m-0 ${styleMap[style]}`;\n    return (\n        <>\n            {vertical && (\n                <div\n                    aria-hidden=\"true\"\n                    className=\"tw-flex tw-self-stretch tw-mt-0 tw-mb-0 tw-items-center tw-justify-center\"\n                    data-test-id={dataTestId}\n                    style={{\n                        marginLeft: parseInt(height) / 2,\n                        marginRight: parseInt(height) / 2,\n                    }}\n                >\n                    <div\n                        className={verticalClassNames}\n                        style={{ borderRightColor: color }}\n                        data-test-id=\"fondue-divider-line\"\n                    ></div>\n                </div>\n            )}\n            {!vertical && (\n                <div\n                    aria-hidden=\"true\"\n                    className=\"tw-flex tw-items-center tw-w-full\"\n                    style={{ height }}\n                    data-test-id={dataTestId}\n                >\n                    <hr\n                        className={`tw-border-t tw-m-0 tw-w-full ${styleMap[style]}`}\n                        style={{ borderTopColor: color }}\n                        data-test-id=\"fondue-divider-line\"\n                    />\n                </div>\n            )}\n        </>\n    );\n};\nDivider.displayName = 'FondueDivider';\n"],"names":["DividerStyle","DividerHeight","styleMap","DIVIDER_TEST_ID","Divider","vertical","style","height","dataTestId","color","verticalClassNames","jsxs","Fragment","jsx"],"mappings":";AAIY,IAAAA,sBAAAA,OACRA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UAJDA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACRA,EAAA,QAAQ,QACRA,EAAA,SAAS,QACTA,EAAA,QAAQ,QAHAA,IAAAA,KAAA,CAAA,CAAA;AAcZ,MAAMC,IAAW;AAAA,EACZ,QAAsB;AAAA,EACtB,QAAsB;AAAA,EACtB,OAAqB;AAAA,EACrB,QAAsB;AAC3B,GAEMC,IAAkB,kBAKXC,IAAU,CAAC;AAAA,EACpB,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,gBAAgBC,IAAaL;AAAA,EAC7B,OAAAM,IAAQ;AACZ,MAAkC;AAC9B,QAAMC,IAAqB,wCAAwCR,EAASI,CAAK,CAAC;AAClF,SAES,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,IACGP,KAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,eAAY;AAAA,QACZ,WAAU;AAAA,QACV,gBAAcL;AAAA,QACd,OAAO;AAAA,UACH,YAAY,SAASD,CAAM,IAAI;AAAA,UAC/B,aAAa,SAASA,CAAM,IAAI;AAAA,QACpC;AAAA,QAEA,UAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWH;AAAA,YACX,OAAO,EAAE,kBAAkBD,EAAM;AAAA,YACjC,gBAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IACL;AAAA,IAEH,CAACJ,KACE,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,eAAY;AAAA,QACZ,WAAU;AAAA,QACV,OAAO,EAAE,QAAAN,EAAO;AAAA,QAChB,gBAAcC;AAAA,QAEd,UAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW,gCAAgCX,EAASI,CAAK,CAAC;AAAA,YAC1D,OAAO,EAAE,gBAAgBG,EAAM;AAAA,YAC/B,gBAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EACJ,GAER;AAER;AACAL,EAAQ,cAAc;"}
+{"version":3,"file":"Divider.es.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactElement } from 'react';\n\nexport enum DividerStyle {\n    NoLine = 'noline',\n    Dashed = 'dashed',\n    Solid = 'solid',\n    Dotted = 'dotted',\n}\n\nexport enum DividerHeight {\n    Small = '36px',\n    Medium = '60px',\n    Large = '96px',\n}\n\nexport type DividerProps = {\n    as?: 'div' | 'li';\n    style?: DividerStyle;\n    height?: DividerHeight | string;\n    color?: string;\n    vertical?: boolean;\n    'data-test-id'?: string;\n};\n\nconst styleMap = {\n    [DividerStyle.NoLine]: 'tw-border-none',\n    [DividerStyle.Dashed]: 'tw-border-dashed',\n    [DividerStyle.Solid]: 'tw-border-solid',\n    [DividerStyle.Dotted]: 'tw-border-dotted',\n};\n\nconst DIVIDER_TEST_ID = 'fondue-divider';\n\n/**\n * @deprecated Please use updated Divider component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#divider the migration guide}.\n */\nexport const Divider = ({\n    as = 'div',\n    vertical = false,\n    style = DividerStyle.Solid,\n    height = DividerHeight.Small,\n    'data-test-id': dataTestId = DIVIDER_TEST_ID,\n    color = '#CCC',\n}: DividerProps): ReactElement => {\n    const verticalClassNames = `tw-w-px tw-h-full tw-border-r tw-m-0 ${styleMap[style]}`;\n    const Component = as;\n\n    return (\n        <>\n            {vertical && (\n                <Component\n                    aria-hidden=\"true\"\n                    className=\"tw-flex tw-self-stretch tw-mt-0 tw-mb-0 tw-items-center tw-justify-center\"\n                    data-test-id={dataTestId}\n                    style={{\n                        marginLeft: parseInt(height) / 2,\n                        marginRight: parseInt(height) / 2,\n                    }}\n                >\n                    <div\n                        className={verticalClassNames}\n                        style={{ borderRightColor: color }}\n                        data-test-id=\"fondue-divider-line\"\n                    ></div>\n                </Component>\n            )}\n            {!vertical && (\n                <Component\n                    aria-hidden=\"true\"\n                    className=\"tw-flex tw-items-center tw-w-full\"\n                    style={{ height }}\n                    data-test-id={dataTestId}\n                >\n                    <hr\n                        className={`tw-border-t tw-m-0 tw-w-full ${styleMap[style]}`}\n                        style={{ borderTopColor: color }}\n                        data-test-id=\"fondue-divider-line\"\n                    />\n                </Component>\n            )}\n        </>\n    );\n};\nDivider.displayName = 'FondueDivider';\n"],"names":["DividerStyle","DividerHeight","styleMap","DIVIDER_TEST_ID","Divider","as","vertical","style","height","dataTestId","color","verticalClassNames","Component","jsxs","Fragment","jsx"],"mappings":";AAIY,IAAAA,sBAAAA,OACRA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UAJDA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACRA,EAAA,QAAQ,QACRA,EAAA,SAAS,QACTA,EAAA,QAAQ,QAHAA,IAAAA,KAAA,CAAA,CAAA;AAeZ,MAAMC,IAAW;AAAA,EACZ,QAAsB;AAAA,EACtB,QAAsB;AAAA,EACtB,OAAqB;AAAA,EACrB,QAAsB;AAC3B,GAEMC,IAAkB,kBAKXC,IAAU,CAAC;AAAA,EACpB,IAAAC,IAAK;AAAA,EACL,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,gBAAgBC,IAAaN;AAAA,EAC7B,OAAAO,IAAQ;AACZ,MAAkC;AAC9B,QAAMC,IAAqB,wCAAwCT,EAASK,CAAK,CAAC,IAC5EK,IAAYP;AAElB,SAES,gBAAAQ,EAAAC,GAAA,EAAA,UAAA;AAAA,IACGR,KAAA,gBAAAS;AAAA,MAACH;AAAA,MAAA;AAAA,QACG,eAAY;AAAA,QACZ,WAAU;AAAA,QACV,gBAAcH;AAAA,QACd,OAAO;AAAA,UACH,YAAY,SAASD,CAAM,IAAI;AAAA,UAC/B,aAAa,SAASA,CAAM,IAAI;AAAA,QACpC;AAAA,QAEA,UAAA,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWJ;AAAA,YACX,OAAO,EAAE,kBAAkBD,EAAM;AAAA,YACjC,gBAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IACL;AAAA,IAEH,CAACJ,KACE,gBAAAS;AAAA,MAACH;AAAA,MAAA;AAAA,QACG,eAAY;AAAA,QACZ,WAAU;AAAA,QACV,OAAO,EAAE,QAAAJ,EAAO;AAAA,QAChB,gBAAcC;AAAA,QAEd,UAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW,gCAAgCb,EAASK,CAAK,CAAC;AAAA,YAC1D,OAAO,EAAE,gBAAgBG,EAAM;AAAA,YAC/B,gBAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EACJ,GAER;AAER;AACAN,EAAQ,cAAc;"}