@frontify/fondue 12.0.0-beta.167 → 12.0.0-beta.169

package/dist/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListElement.es.js

@@ -1,20 +1,20 @@
 import t from "react";
-import { ReactEditor as w } from "slate-react";
-import { getRootProps as k, setNodes as u } from "@udecode/plate";
-import { merge as i } from "../../../../utilities/merge.es.js";
-import { MarkupElement as x } from "../MarkupElement.es.js";
-import { ELEMENT_CHECK_ITEM as g } from "./id.es.js";
-import { useRichTextEditorContext as N } from "../../context/RichTextEditorContext.es.js";
-import { getTextStyle as b } from "../ListPlugin/ListItemContentMarkupElement.es.js";
-import { justifyClassNames as y } from "../TextStylePlugin/TextStyles/alignment.es.js";
+import { ReactEditor as f } from "slate-react";
+import { getRootProps as E, setNodes as u } from "@udecode/plate";
+import { merge as m } from "../../../../utilities/merge.es.js";
+import { MarkupElement as k } from "../MarkupElement.es.js";
+import { ELEMENT_CHECK_ITEM as x } from "./id.es.js";
+import { useRichTextEditorContext as g } from "../../context/RichTextEditorContext.es.js";
+import { getTextStyle as N } from "../ListPlugin/ListItemContentMarkupElement.es.js";
+import { justifyClassNames as b } from "../TextStylePlugin/TextStyles/alignment.es.js";
 const C = (o) => {
-  const { attributes: c, children: n, nodeProps: a, element: e, editor: s } = o, l = k(o), m = e.checked, { designTokens: d } = N(), p = d[b(e.children[0])], h = e.align ?? "left", f = e.children.every((r) => r.text === "");
+  const { attributes: c, children: n, nodeProps: a, element: e, editor: r } = o, i = E(o), s = e.checked, { designTokens: l } = g(), d = l[N(e.children[0])], p = e.align ?? "left";
   return /* @__PURE__ */ t.createElement(
     "div",
     {
       ...c,
-      ...l,
-      className: i(["tw-flex tw-flex-row tw-pb-2 tw-gap-1.5 tw-items-center", y[h]])
+      ...i,
+      className: m(["tw-flex tw-flex-row tw-pb-2 tw-gap-1.5 tw-items-center", b[p]])
     },
     /* @__PURE__ */ t.createElement("div", { contentEditable: !1, className: "tw-select-none" }, /* @__PURE__ */ t.createElement(
       "input",
@@ -22,10 +22,10 @@ const C = (o) => {
         "data-test-id": "checkbox-input",
         className: "tw-w-4 tw-h-4 tw-m-0",
         type: "checkbox",
-        checked: !!m,
-        onChange: (r) => {
-          const E = w.findPath(s, e);
-          u(s, { checked: r.target.checked }, { at: E });
+        checked: !!s,
+        onChange: (h) => {
+          const w = f.findPath(r, e);
+          u(r, { checked: h.target.checked }, { at: w });
         },
         ...a
       }
@@ -33,20 +33,20 @@ const C = (o) => {
     /* @__PURE__ */ t.createElement(
       "span",
       {
-        style: p,
-        className: i(["focus:tw-outline-none", m && "tw-line-through", f && "tw-w-10"])
+        style: d,
+        className: m(["focus:tw-outline-none tw-w-auto tw-min-w-[10px]", s && "tw-line-through"])
       },
       n
     )
   );
 };
-class H extends x {
-  constructor(c = g, n = C) {
+class j extends k {
+  constructor(c = x, n = C) {
     super(c, n);
   }
 }
 export {
-  H as CheckboxListElement,
+  j as CheckboxListElement,
   C as CheckboxListElementNode
 };
 //# sourceMappingURL=CheckboxListElement.es.js.map

package/dist/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListElement.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxListElement.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { ReactEditor } from 'slate-react';\nimport { PlateRenderElementProps, TTodoListItemElement, getRootProps, setNodes } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport { MarkupElement } from '../MarkupElement';\nimport { ELEMENT_CHECK_ITEM } from './id';\nimport { useRichTextEditorContext } from '@components/RichTextEditor/context/RichTextEditorContext';\nimport { getTextStyle } from '../ListPlugin/ListItemContentMarkupElement';\nimport { justifyClassNames } from '../TextStylePlugin/TextStyles/alignment';\n\nexport const CheckboxListElementNode = (props: PlateRenderElementProps) => {\n    const { attributes, children, nodeProps, element, editor } = props;\n    const rootProps = getRootProps(props);\n    const checked = element.checked as boolean;\n    const { designTokens } = useRichTextEditorContext();\n    const tokenStyles = designTokens[getTextStyle(element.children[0])];\n\n    const align = (element.align as string) ?? 'left';\n    const isEmpty = element.children.every((child) => child.text === '');\n\n    return (\n        <div\n            {...attributes}\n            {...rootProps}\n            className={merge(['tw-flex tw-flex-row tw-pb-2 tw-gap-1.5 tw-items-center', justifyClassNames[align]])}\n        >\n            <div contentEditable={false} className=\"tw-select-none\">\n                <input\n                    data-test-id=\"checkbox-input\"\n                    className=\"tw-w-4 tw-h-4 tw-m-0\"\n                    type=\"checkbox\"\n                    checked={!!checked}\n                    onChange={(e) => {\n                        const path = ReactEditor.findPath(editor as ReactEditor, element);\n                        setNodes<TTodoListItemElement>(editor, { checked: e.target.checked }, { at: path });\n                    }}\n                    {...nodeProps}\n                />\n            </div>\n            <span\n                style={tokenStyles}\n                className={merge(['focus:tw-outline-none', checked && 'tw-line-through', isEmpty && 'tw-w-10'])}\n            >\n                {children}\n            </span>\n        </div>\n    );\n};\n\nexport class CheckboxListElement extends MarkupElement {\n    constructor(id = ELEMENT_CHECK_ITEM, node = CheckboxListElementNode) {\n        super(id, node);\n    }\n}\n"],"names":["CheckboxListElementNode","props","attributes","children","nodeProps","element","editor","rootProps","getRootProps","checked","designTokens","useRichTextEditorContext","tokenStyles","getTextStyle","align","isEmpty","child","React","merge","justifyClassNames","e","path","ReactEditor","setNodes","CheckboxListElement","MarkupElement","id","ELEMENT_CHECK_ITEM","node"],"mappings":";;;;;;;;;AAYa,MAAAA,IAA0B,CAACC,MAAmC;AACvE,QAAM,EAAE,YAAAC,GAAY,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,QAAAC,EAAW,IAAAL,GACvDM,IAAYC,EAAaP,CAAK,GAC9BQ,IAAUJ,EAAQ,SAClB,EAAE,cAAAK,MAAiBC,KACnBC,IAAcF,EAAaG,EAAaR,EAAQ,SAAS,CAAC,CAAC,CAAC,GAE5DS,IAAST,EAAQ,SAAoB,QACrCU,IAAUV,EAAQ,SAAS,MAAM,CAACW,MAAUA,EAAM,SAAS,EAAE;AAG/D,SAAA,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGf;AAAA,MACH,GAAGK;AAAA,MACJ,WAAWW,EAAM,CAAC,0DAA0DC,EAAkBL,CAAK,CAAC,CAAC;AAAA,IAAA;AAAA,IAEpG,gBAAAG,EAAA,cAAA,OAAA,EAAI,iBAAiB,IAAO,WAAU,oBACnC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,CAAC,CAACR;AAAA,QACX,UAAU,CAACW,MAAM;AACb,gBAAMC,IAAOC,EAAY,SAAShB,GAAuBD,CAAO;AACjC,UAAAkB,EAAAjB,GAAQ,EAAE,SAASc,EAAE,OAAO,WAAW,EAAE,IAAIC,EAAA,CAAM;AAAA,QACtF;AAAA,QACC,GAAGjB;AAAA,MAAA;AAAA,IAAA,CAEZ;AAAA,IACA,gBAAAa,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAOL;AAAA,QACP,WAAWM,EAAM,CAAC,yBAAyBT,KAAW,mBAAmBM,KAAW,SAAS,CAAC;AAAA,MAAA;AAAA,MAE7FZ;AAAA,IACL;AAAA,EAAA;AAGZ;AAEO,MAAMqB,UAA4BC,EAAc;AAAA,EACnD,YAAYC,IAAKC,GAAoBC,IAAO5B,GAAyB;AACjE,UAAM0B,GAAIE,CAAI;AAAA,EAClB;AACJ;"}
+{"version":3,"file":"CheckboxListElement.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { ReactEditor } from 'slate-react';\nimport { PlateRenderElementProps, TTodoListItemElement, getRootProps, setNodes } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport { MarkupElement } from '../MarkupElement';\nimport { ELEMENT_CHECK_ITEM } from './id';\nimport { useRichTextEditorContext } from '@components/RichTextEditor/context/RichTextEditorContext';\nimport { getTextStyle } from '../ListPlugin/ListItemContentMarkupElement';\nimport { justifyClassNames } from '../TextStylePlugin/TextStyles/alignment';\n\nexport const CheckboxListElementNode = (props: PlateRenderElementProps) => {\n    const { attributes, children, nodeProps, element, editor } = props;\n    const rootProps = getRootProps(props);\n    const checked = element.checked as boolean;\n    const { designTokens } = useRichTextEditorContext();\n    const tokenStyles = designTokens[getTextStyle(element.children[0])];\n    const align = (element.align as string) ?? 'left';\n\n    return (\n        <div\n            {...attributes}\n            {...rootProps}\n            className={merge(['tw-flex tw-flex-row tw-pb-2 tw-gap-1.5 tw-items-center', justifyClassNames[align]])}\n        >\n            <div contentEditable={false} className=\"tw-select-none\">\n                <input\n                    data-test-id=\"checkbox-input\"\n                    className=\"tw-w-4 tw-h-4 tw-m-0\"\n                    type=\"checkbox\"\n                    checked={!!checked}\n                    onChange={(e) => {\n                        const path = ReactEditor.findPath(editor as ReactEditor, element);\n                        setNodes<TTodoListItemElement>(editor, { checked: e.target.checked }, { at: path });\n                    }}\n                    {...nodeProps}\n                />\n            </div>\n            <span\n                style={tokenStyles}\n                className={merge(['focus:tw-outline-none tw-w-auto tw-min-w-[10px]', checked && 'tw-line-through'])}\n            >\n                {children}\n            </span>\n        </div>\n    );\n};\n\nexport class CheckboxListElement extends MarkupElement {\n    constructor(id = ELEMENT_CHECK_ITEM, node = CheckboxListElementNode) {\n        super(id, node);\n    }\n}\n"],"names":["CheckboxListElementNode","props","attributes","children","nodeProps","element","editor","rootProps","getRootProps","checked","designTokens","useRichTextEditorContext","tokenStyles","getTextStyle","align","React","merge","justifyClassNames","e","path","ReactEditor","setNodes","CheckboxListElement","MarkupElement","id","ELEMENT_CHECK_ITEM","node"],"mappings":";;;;;;;;;AAYa,MAAAA,IAA0B,CAACC,MAAmC;AACvE,QAAM,EAAE,YAAAC,GAAY,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,QAAAC,EAAW,IAAAL,GACvDM,IAAYC,EAAaP,CAAK,GAC9BQ,IAAUJ,EAAQ,SAClB,EAAE,cAAAK,MAAiBC,KACnBC,IAAcF,EAAaG,EAAaR,EAAQ,SAAS,CAAC,CAAC,CAAC,GAC5DS,IAAST,EAAQ,SAAoB;AAGvC,SAAA,gBAAAU,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGb;AAAA,MACH,GAAGK;AAAA,MACJ,WAAWS,EAAM,CAAC,0DAA0DC,EAAkBH,CAAK,CAAC,CAAC;AAAA,IAAA;AAAA,IAEpG,gBAAAC,EAAA,cAAA,OAAA,EAAI,iBAAiB,IAAO,WAAU,oBACnC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,CAAC,CAACN;AAAA,QACX,UAAU,CAACS,MAAM;AACb,gBAAMC,IAAOC,EAAY,SAASd,GAAuBD,CAAO;AACjC,UAAAgB,EAAAf,GAAQ,EAAE,SAASY,EAAE,OAAO,WAAW,EAAE,IAAIC,EAAA,CAAM;AAAA,QACtF;AAAA,QACC,GAAGf;AAAA,MAAA;AAAA,IAAA,CAEZ;AAAA,IACA,gBAAAW,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAOH;AAAA,QACP,WAAWI,EAAM,CAAC,mDAAmDP,KAAW,iBAAiB,CAAC;AAAA,MAAA;AAAA,MAEjGN;AAAA,IACL;AAAA,EAAA;AAGZ;AAEO,MAAMmB,UAA4BC,EAAc;AAAA,EACnD,YAAYC,IAAKC,GAAoBC,IAAO1B,GAAyB;AACjE,UAAMwB,GAAIE,CAAI;AAAA,EAClB;AACJ;"}

package/dist/components/RichTextEditor/Plugins/ListPlugin/ListItemContentMarkupElement.es.js

@@ -1,37 +1,37 @@
-import { useRichTextEditorContext as c } from "../../context/RichTextEditorContext.es.js";
-import { TextStylesToDesignTokenMap as p } from "../../types.es.js";
-import { ELEMENT_LIC as l } from "@udecode/plate";
-import { merge as n } from "../../../../utilities/merge.es.js";
+import { useRichTextEditorContext as i } from "../../context/RichTextEditorContext.es.js";
+import { TextStylesToDesignTokenMap as a } from "../../types.es.js";
+import { ELEMENT_LIC as c } from "@udecode/plate";
+import { merge as s } from "../../../../utilities/merge.es.js";
 import o from "react";
-import { getColumnBreakClasses as E } from "../ColumnBreakPlugin/utils/getColumnBreakClasses.es.js";
-import { MarkupElement as u } from "../MarkupElement.es.js";
-import { justifyClassNames as f } from "../TextStylePlugin/TextStyles/alignment.es.js";
-import { MARK_TEXT_STYLE as T } from "./ListPlugin.es.js";
-import { TextStyles as s } from "../TextStylePlugin/TextStyles/textStyles.es.js";
-const g = (t) => {
-  const r = Object.values(s).find((e) => (t == null ? void 0 : t[T]) === e) ?? s.ELEMENT_PARAGRAPH;
-  return p[r];
-}, x = (t, r) => {
+import { getColumnBreakClasses as p } from "../ColumnBreakPlugin/utils/getColumnBreakClasses.es.js";
+import { MarkupElement as l } from "../MarkupElement.es.js";
+import { justifyClassNames as u } from "../TextStylePlugin/TextStyles/alignment.es.js";
+import { MARK_TEXT_STYLE as E } from "./ListPlugin.es.js";
+import { TextStyles as n } from "../TextStylePlugin/TextStyles/textStyles.es.js";
+const f = (t) => {
+  const r = Object.values(n).find((e) => (t == null ? void 0 : t[E]) === e) ?? n.ELEMENT_PARAGRAPH;
+  return a[r];
+}, T = (t, r) => {
   var e;
-  return ((e = t[g(r.children[0])]) == null ? void 0 : e.textDecoration) === "underline" ? "tw-underline" : "";
-}, C = (t) => n([
-  E(t),
-  t.align ? f[t.align] : "tw-justify-start",
+  return ((e = t[f(r.children[0])]) == null ? void 0 : e.textDecoration) === "underline" ? "tw-underline" : "";
+}, g = (t) => s([
+  p(t),
+  t.align ? u[t.align] : "tw-justify-start",
   "tw-grid tw-grid-cols-[min-content_repeat(3,_auto)]"
-]), L = ({ attributes: t, children: r, element: e }) => {
-  const { designTokens: m } = c(), i = e.children.every((a) => a.text === "");
-  return /* @__PURE__ */ o.createElement("p", { className: C(e), ...t }, /* @__PURE__ */ o.createElement("span", { className: n([i && "tw-w-4", x(m, e)]) }, r));
+]), x = ({ attributes: t, children: r, element: e }) => {
+  const { designTokens: m } = i();
+  return /* @__PURE__ */ o.createElement("p", { className: g(e), ...t }, /* @__PURE__ */ o.createElement("span", { className: s(["tw-w-auto tw-min-w-[10px]", T(m, e)]) }, r));
 };
-class h extends u {
-  constructor(r = l, e = L) {
+class d extends l {
+  constructor(r = c, e = x) {
     super(r, e);
   }
 }
 export {
-  h as ListItemContentMarkupElement,
-  L as ListItemContentMarkupElementNode,
-  C as getLicElementClassNames,
-  g as getTextStyle,
-  x as getUnderlineClassNames
+  d as ListItemContentMarkupElement,
+  x as ListItemContentMarkupElementNode,
+  g as getLicElementClassNames,
+  f as getTextStyle,
+  T as getUnderlineClassNames
 };
 //# sourceMappingURL=ListItemContentMarkupElement.es.js.map

package/dist/components/RichTextEditor/Plugins/ListPlugin/ListItemContentMarkupElement.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemContentMarkupElement.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/ListPlugin/ListItemContentMarkupElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useRichTextEditorContext } from '@components/RichTextEditor/context/RichTextEditorContext';\nimport { DesignTokens, TextStylesToDesignTokenMap } from '@components/RichTextEditor/types';\nimport { ELEMENT_LIC, PlateRenderElementProps, TElement, TNode } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport React from 'react';\nimport { getColumnBreakClasses } from '../ColumnBreakPlugin/utils/getColumnBreakClasses';\nimport { MarkupElement } from '../MarkupElement';\nimport { TextStyles } from '../TextStylePlugin';\nimport { justifyClassNames } from '../TextStylePlugin/TextStyles/alignment';\nimport { MARK_TEXT_STYLE } from './ListPlugin';\n\nexport const getTextStyle = (styledNode: TNode) => {\n    const textStyles =\n        Object.values(TextStyles).find((textStyle) => styledNode?.[MARK_TEXT_STYLE] === textStyle) ??\n        TextStyles.ELEMENT_PARAGRAPH;\n\n    return TextStylesToDesignTokenMap[textStyles];\n};\n\nexport const getUnderlineClassNames = (designTokens: DesignTokens, element: TElement) =>\n    designTokens[getTextStyle(element.children[0])]?.textDecoration === 'underline' ? 'tw-underline' : '';\n\nexport const getLicElementClassNames = (element: TElement) =>\n    merge([\n        getColumnBreakClasses(element),\n        element.align ? justifyClassNames[element.align as string] : 'tw-justify-start',\n        'tw-grid tw-grid-cols-[min-content_repeat(3,_auto)]',\n    ]);\n\nexport const ListItemContentMarkupElementNode = ({ attributes, children, element }: PlateRenderElementProps) => {\n    const { designTokens } = useRichTextEditorContext();\n    const isEmpty = element.children.every((child) => child.text === '');\n\n    return (\n        <p className={getLicElementClassNames(element)} {...attributes}>\n            <span className={merge([isEmpty && 'tw-w-4', getUnderlineClassNames(designTokens, element)])}>\n                {children}\n            </span>\n        </p>\n    );\n};\n\nexport class ListItemContentMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_LIC, node = ListItemContentMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":["getTextStyle","styledNode","textStyles","TextStyles","textStyle","MARK_TEXT_STYLE","TextStylesToDesignTokenMap","getUnderlineClassNames","designTokens","element","_a","getLicElementClassNames","merge","getColumnBreakClasses","justifyClassNames","ListItemContentMarkupElementNode","attributes","children","useRichTextEditorContext","isEmpty","child","React","ListItemContentMarkupElement","MarkupElement","id","ELEMENT_LIC","node"],"mappings":";;;;;;;;;;AAaa,MAAAA,IAAe,CAACC,MAAsB;AAC/C,QAAMC,IACF,OAAO,OAAOC,CAAU,EAAE,KAAK,CAACC,OAAcH,KAAA,gBAAAA,EAAaI,QAAqBD,CAAS,KACzFD,EAAW;AAEf,SAAOG,EAA2BJ,CAAU;AAChD,GAEaK,IAAyB,CAACC,GAA4BC,MAAA;;AAC/D,WAAAC,IAAAF,EAAaR,EAAaS,EAAQ,SAAS,CAAC,CAAC,CAAC,MAA9C,gBAAAC,EAAiD,oBAAmB,cAAc,iBAAiB;AAAA,GAE1FC,IAA0B,CAACF,MACpCG,EAAM;AAAA,EACFC,EAAsBJ,CAAO;AAAA,EAC7BA,EAAQ,QAAQK,EAAkBL,EAAQ,KAAe,IAAI;AAAA,EAC7D;AACJ,CAAC,GAEQM,IAAmC,CAAC,EAAE,YAAAC,GAAY,UAAAC,GAAU,SAAAR,QAAuC;AACtG,QAAA,EAAE,cAAAD,MAAiBU,KACnBC,IAAUV,EAAQ,SAAS,MAAM,CAACW,MAAUA,EAAM,SAAS,EAAE;AAG/D,SAAA,gBAAAC,EAAA,cAAC,OAAE,WAAWV,EAAwBF,CAAO,GAAI,GAAGO,KAChD,gBAAAK,EAAA,cAAC,QAAK,EAAA,WAAWT,EAAM,CAACO,KAAW,UAAUZ,EAAuBC,GAAcC,CAAO,CAAC,CAAC,KACtFQ,CACL,CACJ;AAER;AAEO,MAAMK,UAAqCC,EAAc;AAAA,EAC5D,YAAYC,IAAKC,GAAaC,IAAOX,GAAkC;AACnE,UAAMS,GAAIE,CAAI;AAAA,EAClB;AACJ;"}
+{"version":3,"file":"ListItemContentMarkupElement.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/ListPlugin/ListItemContentMarkupElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useRichTextEditorContext } from '@components/RichTextEditor/context/RichTextEditorContext';\nimport { DesignTokens, TextStylesToDesignTokenMap } from '@components/RichTextEditor/types';\nimport { ELEMENT_LIC, PlateRenderElementProps, TElement, TNode } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport React from 'react';\nimport { getColumnBreakClasses } from '../ColumnBreakPlugin/utils/getColumnBreakClasses';\nimport { MarkupElement } from '../MarkupElement';\nimport { TextStyles } from '../TextStylePlugin';\nimport { justifyClassNames } from '../TextStylePlugin/TextStyles/alignment';\nimport { MARK_TEXT_STYLE } from './ListPlugin';\n\nexport const getTextStyle = (styledNode: TNode) => {\n    const textStyles =\n        Object.values(TextStyles).find((textStyle) => styledNode?.[MARK_TEXT_STYLE] === textStyle) ??\n        TextStyles.ELEMENT_PARAGRAPH;\n\n    return TextStylesToDesignTokenMap[textStyles];\n};\n\nexport const getUnderlineClassNames = (designTokens: DesignTokens, element: TElement) =>\n    designTokens[getTextStyle(element.children[0])]?.textDecoration === 'underline' ? 'tw-underline' : '';\n\nexport const getLicElementClassNames = (element: TElement) =>\n    merge([\n        getColumnBreakClasses(element),\n        element.align ? justifyClassNames[element.align as string] : 'tw-justify-start',\n        'tw-grid tw-grid-cols-[min-content_repeat(3,_auto)]',\n    ]);\n\nexport const ListItemContentMarkupElementNode = ({ attributes, children, element }: PlateRenderElementProps) => {\n    const { designTokens } = useRichTextEditorContext();\n\n    return (\n        <p className={getLicElementClassNames(element)} {...attributes}>\n            <span className={merge(['tw-w-auto tw-min-w-[10px]', getUnderlineClassNames(designTokens, element)])}>\n                {children}\n            </span>\n        </p>\n    );\n};\n\nexport class ListItemContentMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_LIC, node = ListItemContentMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":["getTextStyle","styledNode","textStyles","TextStyles","textStyle","MARK_TEXT_STYLE","TextStylesToDesignTokenMap","getUnderlineClassNames","designTokens","element","_a","getLicElementClassNames","merge","getColumnBreakClasses","justifyClassNames","ListItemContentMarkupElementNode","attributes","children","useRichTextEditorContext","React","ListItemContentMarkupElement","MarkupElement","id","ELEMENT_LIC","node"],"mappings":";;;;;;;;;;AAaa,MAAAA,IAAe,CAACC,MAAsB;AAC/C,QAAMC,IACF,OAAO,OAAOC,CAAU,EAAE,KAAK,CAACC,OAAcH,KAAA,gBAAAA,EAAaI,QAAqBD,CAAS,KACzFD,EAAW;AAEf,SAAOG,EAA2BJ,CAAU;AAChD,GAEaK,IAAyB,CAACC,GAA4BC,MAAA;;AAC/D,WAAAC,IAAAF,EAAaR,EAAaS,EAAQ,SAAS,CAAC,CAAC,CAAC,MAA9C,gBAAAC,EAAiD,oBAAmB,cAAc,iBAAiB;AAAA,GAE1FC,IAA0B,CAACF,MACpCG,EAAM;AAAA,EACFC,EAAsBJ,CAAO;AAAA,EAC7BA,EAAQ,QAAQK,EAAkBL,EAAQ,KAAe,IAAI;AAAA,EAC7D;AACJ,CAAC,GAEQM,IAAmC,CAAC,EAAE,YAAAC,GAAY,UAAAC,GAAU,SAAAR,QAAuC;AACtG,QAAA,EAAE,cAAAD,MAAiBU;AAGrB,SAAA,gBAAAC,EAAA,cAAC,OAAE,WAAWR,EAAwBF,CAAO,GAAI,GAAGO,KAC/C,gBAAAG,EAAA,cAAA,QAAA,EAAK,WAAWP,EAAM,CAAC,6BAA6BL,EAAuBC,GAAcC,CAAO,CAAC,CAAC,KAC9FQ,CACL,CACJ;AAER;AAEO,MAAMG,UAAqCC,EAAc;AAAA,EAC5D,YAAYC,IAAKC,GAAaC,IAAOT,GAAkC;AACnE,UAAMO,GAAIE,CAAI;AAAA,EAClB;AACJ;"}

package/dist/extractedThirdPartyStyles.css

@@ -84,7 +84,6 @@
     font-weight: normal;
 }
 
-
 .react-datepicker-wrap .react-datepicker__day--keyboard-selected,
 .react-datepicker .react-datepicker__day--selected,
 .react-datepicker .react-datepicker__day--selected:hover,
@@ -101,7 +100,7 @@
 
 .react-datepicker-wrap .react-datepicker__day.range-day:hover {
     border-radius: 0;
-    background-color: #E3E8F6;
+    background-color: #e3e8f6;
     color: var(--box-selected-strong-color-pressed);
 }
 
@@ -116,10 +115,10 @@
 
 .react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-start.range-day,
 .react-datepicker__day.range-day.react-datepicker__day--selected,
-.react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-end.range-day, 
+.react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-end.range-day,
 .react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-start.react-datepicker__day--in-selecting-range.range-day,
 .react-datepicker__day.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-start.range-day {
-    background-color: #825FFF;
+    background-color: #825fff;
     color: var(--base-color);
     border: none;
     outline-color: var(--base-color);
@@ -128,7 +127,7 @@
 .react-datepicker__day--in-range.range-day,
 .react-datepicker__day.react-datepicker__day--in-range.range-day,
 .react-datepicker__day.react-datepicker__day--in-selecting-range.range-day {
-    background-color: #F1F3F9;
+    background-color: #f1f3f9;
     color: var(--box-selected-strong-color-pressed);
     border-radius: 0;
 }
@@ -147,8 +146,13 @@
 }
 
 .react-datepicker__day.range-day.react-datepicker__day--disabled,
+.react-datepicker-wrap .future-date.react-datepicker__day--disabled,
+.react-datepicker-wrap .future-date.react-datepicker__day--disabled:hover,
+.react-datepicker-wrap .past-date.react-datepicker__day--disabled,
+.react-datepicker-wrap .past-date.react-datepicker__day--disabled:hover,
 .react-datepicker__day.range-day.react-datepicker__day--disabled:hover {
     cursor: not-allowed;
     background-color: transparent;
     color: var(--text-color-disabled);
 }
+