@frontify/fondue 12.0.0-beta.7 → 12.0.0-beta.9

package/dist/components/AssetInput/AssetInput.es.js

@@ -84,7 +84,7 @@ import "../../foundation/Icon/Generated/IconArrowCircleDown16.es.js";
 import "../../foundation/Icon/Generated/IconArrowCircleDown20.es.js";
 import "../../foundation/Icon/Generated/IconArrowCircleDown24.es.js";
 import "../../foundation/Icon/Generated/IconArrowCircleDown32.es.js";
-import x from "../../foundation/Icon/Generated/IconArrowCircleUp.es.js";
+import v from "../../foundation/Icon/Generated/IconArrowCircleUp.es.js";
 import "../../foundation/Icon/Generated/IconArrowCircleUp12.es.js";
 import "../../foundation/Icon/Generated/IconArrowCircleUp16.es.js";
 import "../../foundation/Icon/Generated/IconArrowCircleUp20.es.js";
@@ -814,7 +814,7 @@ import "../../foundation/Icon/Generated/IconImage16.es.js";
 import "../../foundation/Icon/Generated/IconImage20.es.js";
 import "../../foundation/Icon/Generated/IconImage24.es.js";
 import "../../foundation/Icon/Generated/IconImage32.es.js";
-import v from "../../foundation/Icon/Generated/IconImageStack.es.js";
+import x from "../../foundation/Icon/Generated/IconImageStack.es.js";
 import "../../foundation/Icon/Generated/IconImageStack12.es.js";
 import "../../foundation/Icon/Generated/IconImageStack16.es.js";
 import "../../foundation/Icon/Generated/IconImageStack20.es.js";
@@ -1690,11 +1690,11 @@ const n3 = ({
     className: p(["tw-flex tw-flex-col tw-h-8", o && "tw-pr-3"]),
     "data-test-id": "asset-input-upload"
   }, /* @__PURE__ */ t.createElement("label", {
-    className: "tw-relative tw-cursor-pointer tw-rounded tw-flex tw-items-center tw-justify-center tw-px-4 tw-h-9 tw-text-s tw-text-black-80 tw-bg-transparent hover:tw-bg-black-10 hover:tw-text-black active:tw-bg-black-20 active:tw-text-black dark:tw-text-white dark:hover:tw-bg-black-superdark dark:active:tw-bg-black-superdark dark:hover:tw-text-white tw-text-button-text tw-font-medium",
+    className: "tw-relative tw-cursor-pointer tw-rounded tw-flex tw-items-center tw-justify-center tw-px-4 tw-h-9 tw-text-s  tw-bg-transparent hover:tw-bg-black-10 hover:tw-text-black active:tw-bg-black-20 active:tw-text-black dark:tw-text-white dark:hover:tw-bg-black-superdark dark:active:tw-bg-black-superdark dark:hover:tw-text-white tw-font-medium tw-text-black",
     htmlFor: w
   }, /* @__PURE__ */ t.createElement("span", {
     className: "tw--ml-1 tw-mr-1.5"
-  }, /* @__PURE__ */ t.createElement(x, {
+  }, /* @__PURE__ */ t.createElement(v, {
     size: E.Size20
   })), "Upload"), /* @__PURE__ */ t.createElement("input", {
     id: w,
@@ -1710,7 +1710,7 @@ const n3 = ({
     style: b.Default,
     onClick: o,
     emphasis: g.Weak,
-    icon: /* @__PURE__ */ t.createElement(v, null)
+    icon: /* @__PURE__ */ t.createElement(x, null)
   }, "Browse")));
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"AssetInput.es.js","sources":["../../../src/components/AssetInput/AssetInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ActionMenuProps } from '@components/ActionMenu/ActionMenu/ActionMenu';\nimport { Button, ButtonEmphasis, ButtonStyle } from '@components/Button';\nimport { IconArrowCircleUp, IconImageStack } from '@foundation/Icon/';\nimport { IconProps } from '@foundation/Icon/IconProps';\nimport { IconSize } from '@foundation/Icon/IconSize';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { merge } from '@utilities/merge';\nimport React, { ChangeEvent, FC, ReactElement } from 'react';\nimport { MultiAssetPreview } from './MultiAssetPreview';\nimport { SelectedAsset } from './SingleAsset/SelectedAsset';\n\ntype BaseAsset = {\n    name: string;\n};\n\nexport type ImageAsset = {\n    type: 'image' | 'logo';\n    name: string;\n    extension: string;\n    src?: string;\n    alt?: string;\n    icon?: undefined;\n    size: number;\n};\n\ntype OtherAsset = BaseAsset & {\n    type: 'audio';\n    extension: string;\n    src?: undefined;\n    alt?: undefined;\n    icon?: undefined;\n    size: number;\n};\n\ntype IconAsset = BaseAsset & {\n    type: 'icon';\n    extension?: undefined;\n    src?: undefined;\n    alt?: undefined;\n    icon: ReactElement<IconProps>;\n    size?: undefined;\n};\n\nexport type UploadSource = { source: 'upload'; sourceName?: undefined };\nexport type LibrarySource = { source: 'library'; sourceName: string };\n\nexport enum AssetInputSize {\n    Small = 'Small',\n    Large = 'Large',\n}\n\nexport type AssetType =\n    | (ImageAsset & UploadSource)\n    | (ImageAsset & LibrarySource)\n    | (IconAsset & UploadSource)\n    | (IconAsset & LibrarySource)\n    | (OtherAsset & UploadSource)\n    | (OtherAsset & LibrarySource);\n\nexport type AssetInputProps = {\n    assets?: AssetType[];\n    size: AssetInputSize;\n    numberOfLocations?: number;\n    actions?: ActionMenuProps['menuBlocks'];\n    isLoading?: boolean;\n    onUploadClick?: (files: FileList) => void;\n    onLibraryClick?: () => void;\n    onMultiAssetClick?: () => void;\n    acceptFileType?: string;\n};\n\nexport const AssetInput: FC<AssetInputProps> = ({\n    assets = [],\n    numberOfLocations = 1,\n    actions = [],\n    size = AssetInputSize.Small,\n    isLoading = false,\n    onLibraryClick,\n    onUploadClick,\n    onMultiAssetClick,\n    acceptFileType,\n}) => {\n    const assetsLength = assets.length;\n    const id = useMemoizedId();\n\n    const onFileChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const files = event.target.files;\n\n        if (files && onUploadClick) {\n            onUploadClick(files);\n        }\n    };\n\n    if ((isLoading || assetsLength === 1) && actions) {\n        return <SelectedAsset asset={assets[0]} size={size} actions={actions} isLoading={isLoading} />;\n    }\n\n    if (assetsLength > 1 && onMultiAssetClick) {\n        return <MultiAssetPreview assets={assets} onClick={onMultiAssetClick} numberOfLocations={numberOfLocations} />;\n    }\n\n    return (\n        <div\n            data-test-id=\"asset-input-placeholder\"\n            className={merge([\n                'tw-grid tw-p-3 tw-border tw-border-dashed tw-border-black-10 tw-rounded',\n                onUploadClick && onLibraryClick ? 'tw-grid-cols-2 tw-divide-x tw-divide-black-10' : 'tw-grid-cols-1',\n            ])}\n        >\n            {onUploadClick && (\n                <div\n                    className={merge(['tw-flex tw-flex-col tw-h-8', onLibraryClick && 'tw-pr-3'])}\n                    data-test-id=\"asset-input-upload\"\n                >\n                    <label\n                        className=\"tw-relative tw-cursor-pointer tw-rounded tw-flex tw-items-center tw-justify-center tw-px-4 tw-h-9 tw-text-s tw-text-black-80 tw-bg-transparent hover:tw-bg-black-10 hover:tw-text-black active:tw-bg-black-20 active:tw-text-black dark:tw-text-white dark:hover:tw-bg-black-superdark dark:active:tw-bg-black-superdark dark:hover:tw-text-white tw-text-button-text tw-font-medium\"\n                        htmlFor={id}\n                    >\n                        <span className=\"tw--ml-1 tw-mr-1.5\">\n                            <IconArrowCircleUp size={IconSize.Size20} />\n                        </span>\n                        Upload\n                    </label>\n                    <input\n                        id={id}\n                        className=\"tw-hidden\"\n                        type=\"file\"\n                        accept={acceptFileType}\n                        multiple={!!onMultiAssetClick}\n                        onChange={onFileChange}\n                    />\n                </div>\n            )}\n            {onLibraryClick && (\n                <div\n                    className={merge(['tw-flex tw-flex-col tw-h-8', onUploadClick && 'tw-pl-3'])}\n                    data-test-id=\"asset-input-library\"\n                >\n                    <Button\n                        style={ButtonStyle.Default}\n                        onClick={onLibraryClick}\n                        emphasis={ButtonEmphasis.Weak}\n                        icon={<IconImageStack />}\n                    >\n                        Browse\n                    </Button>\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDY,IAAA,sBAAA,MACA,GAAA,QAAA,SACA,EAAA,QAAA,SAFA,IAAA,KAAA,CAAA,CAAA;AAyBL,MAAM,KAAkC,CAAC;AAAA,EAC5C,YAAS,CAAC;AAAA,EACV,uBAAoB;AAAA,EACpB,aAAU,CAAC;AAAA,EACX,UAAO;AAAA,EACP,eAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACE;AACF,QAAM,IAAe,EAAO,QACtB,IAAK,KAEL,IAAe,CAAC,MAAyC;AACrD,UAAA,IAAQ,EAAM,OAAO;AAE3B,IAAI,KAAS,KACT,EAAc,CAAK;AAAA,EACvB;AAGC,SAAA,MAAa,MAAiB,MAAM,IAC7B,kBAAA,cAAA,GAAA;AAAA,IAAc,OAAO,EAAO;AAAA,IAAI;AAAA,IAAY;AAAA,IAAkB;AAAA,EAAA,CAAsB,IAG5F,IAAe,KAAK,IACZ,kBAAA,cAAA,GAAA;AAAA,IAAkB;AAAA,IAAgB,SAAS;AAAA,IAAmB;AAAA,EAAA,CAAsC,IAI3G,kBAAA,cAAA,OAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAW,EAAM;AAAA,MACb;AAAA,MACA,KAAiB,IAAiB,kDAAkD;AAAA,IAAA,CACvF;AAAA,EAAA,GAEA,KACI,kBAAA,cAAA,OAAA;AAAA,IACG,WAAW,EAAM,CAAC,8BAA8B,KAAkB,SAAS,CAAC;AAAA,IAC5E,gBAAa;AAAA,EAAA,GAEZ,kBAAA,cAAA,SAAA;AAAA,IACG,WAAU;AAAA,IACV,SAAS;AAAA,EAAA,GAER,kBAAA,cAAA,QAAA;AAAA,IAAK,WAAU;AAAA,EAAA,GACX,kBAAA,cAAA,GAAA;AAAA,IAAkB,MAAM,EAAS;AAAA,EAAQ,CAAA,CAC9C,GAAO,QAEX,GACC,kBAAA,cAAA,SAAA;AAAA,IACG;AAAA,IACA,WAAU;AAAA,IACV,MAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU,CAAC,CAAC;AAAA,IACZ,UAAU;AAAA,EACd,CAAA,CACJ,GAEH,KACI,kBAAA,cAAA,OAAA;AAAA,IACG,WAAW,EAAM,CAAC,8BAA8B,KAAiB,SAAS,CAAC;AAAA,IAC3E,gBAAa;AAAA,EAAA,GAEZ,kBAAA,cAAA,GAAA;AAAA,IACG,OAAO,EAAY;AAAA,IACnB,SAAS;AAAA,IACT,UAAU,EAAe;AAAA,IACzB,sCAAO,GAAe,IAAA;AAAA,EAAA,GACzB,QAED,CACJ,CAER;AAER;"}
+{"version":3,"file":"AssetInput.es.js","sources":["../../../src/components/AssetInput/AssetInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ActionMenuProps } from '@components/ActionMenu/ActionMenu/ActionMenu';\nimport { Button, ButtonEmphasis, ButtonStyle } from '@components/Button';\nimport { IconArrowCircleUp, IconImageStack } from '@foundation/Icon/';\nimport { IconProps } from '@foundation/Icon/IconProps';\nimport { IconSize } from '@foundation/Icon/IconSize';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { merge } from '@utilities/merge';\nimport React, { ChangeEvent, FC, ReactElement } from 'react';\nimport { MultiAssetPreview } from './MultiAssetPreview';\nimport { SelectedAsset } from './SingleAsset/SelectedAsset';\n\ntype BaseAsset = {\n    name: string;\n};\n\nexport type ImageAsset = {\n    type: 'image' | 'logo';\n    name: string;\n    extension: string;\n    src?: string;\n    alt?: string;\n    icon?: undefined;\n    size: number;\n};\n\ntype OtherAsset = BaseAsset & {\n    type: 'audio';\n    extension: string;\n    src?: undefined;\n    alt?: undefined;\n    icon?: undefined;\n    size: number;\n};\n\ntype IconAsset = BaseAsset & {\n    type: 'icon';\n    extension?: undefined;\n    src?: undefined;\n    alt?: undefined;\n    icon: ReactElement<IconProps>;\n    size?: undefined;\n};\n\nexport type UploadSource = { source: 'upload'; sourceName?: undefined };\nexport type LibrarySource = { source: 'library'; sourceName: string };\n\nexport enum AssetInputSize {\n    Small = 'Small',\n    Large = 'Large',\n}\n\nexport type AssetType =\n    | (ImageAsset & UploadSource)\n    | (ImageAsset & LibrarySource)\n    | (IconAsset & UploadSource)\n    | (IconAsset & LibrarySource)\n    | (OtherAsset & UploadSource)\n    | (OtherAsset & LibrarySource);\n\nexport type AssetInputProps = {\n    assets?: AssetType[];\n    size: AssetInputSize;\n    numberOfLocations?: number;\n    actions?: ActionMenuProps['menuBlocks'];\n    isLoading?: boolean;\n    onUploadClick?: (files: FileList) => void;\n    onLibraryClick?: () => void;\n    onMultiAssetClick?: () => void;\n    acceptFileType?: string;\n};\n\nexport const AssetInput: FC<AssetInputProps> = ({\n    assets = [],\n    numberOfLocations = 1,\n    actions = [],\n    size = AssetInputSize.Small,\n    isLoading = false,\n    onLibraryClick,\n    onUploadClick,\n    onMultiAssetClick,\n    acceptFileType,\n}) => {\n    const assetsLength = assets.length;\n    const id = useMemoizedId();\n\n    const onFileChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const files = event.target.files;\n\n        if (files && onUploadClick) {\n            onUploadClick(files);\n        }\n    };\n\n    if ((isLoading || assetsLength === 1) && actions) {\n        return <SelectedAsset asset={assets[0]} size={size} actions={actions} isLoading={isLoading} />;\n    }\n\n    if (assetsLength > 1 && onMultiAssetClick) {\n        return <MultiAssetPreview assets={assets} onClick={onMultiAssetClick} numberOfLocations={numberOfLocations} />;\n    }\n\n    return (\n        <div\n            data-test-id=\"asset-input-placeholder\"\n            className={merge([\n                'tw-grid tw-p-3 tw-border tw-border-dashed tw-border-black-10 tw-rounded',\n                onUploadClick && onLibraryClick ? 'tw-grid-cols-2 tw-divide-x tw-divide-black-10' : 'tw-grid-cols-1',\n            ])}\n        >\n            {onUploadClick && (\n                <div\n                    className={merge(['tw-flex tw-flex-col tw-h-8', onLibraryClick && 'tw-pr-3'])}\n                    data-test-id=\"asset-input-upload\"\n                >\n                    <label\n                        className=\"tw-relative tw-cursor-pointer tw-rounded tw-flex tw-items-center tw-justify-center tw-px-4 tw-h-9 tw-text-s  tw-bg-transparent hover:tw-bg-black-10 hover:tw-text-black active:tw-bg-black-20 active:tw-text-black dark:tw-text-white dark:hover:tw-bg-black-superdark dark:active:tw-bg-black-superdark dark:hover:tw-text-white tw-font-medium tw-text-black\"\n                        htmlFor={id}\n                    >\n                        <span className=\"tw--ml-1 tw-mr-1.5\">\n                            <IconArrowCircleUp size={IconSize.Size20} />\n                        </span>\n                        Upload\n                    </label>\n                    <input\n                        id={id}\n                        className=\"tw-hidden\"\n                        type=\"file\"\n                        accept={acceptFileType}\n                        multiple={!!onMultiAssetClick}\n                        onChange={onFileChange}\n                    />\n                </div>\n            )}\n            {onLibraryClick && (\n                <div\n                    className={merge(['tw-flex tw-flex-col tw-h-8', onUploadClick && 'tw-pl-3'])}\n                    data-test-id=\"asset-input-library\"\n                >\n                    <Button\n                        style={ButtonStyle.Default}\n                        onClick={onLibraryClick}\n                        emphasis={ButtonEmphasis.Weak}\n                        icon={<IconImageStack />}\n                    >\n                        Browse\n                    </Button>\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDY,IAAA,sBAAA,MACA,GAAA,QAAA,SACA,EAAA,QAAA,SAFA,IAAA,KAAA,CAAA,CAAA;AAyBL,MAAM,KAAkC,CAAC;AAAA,EAC5C,YAAS,CAAC;AAAA,EACV,uBAAoB;AAAA,EACpB,aAAU,CAAC;AAAA,EACX,UAAO;AAAA,EACP,eAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACE;AACF,QAAM,IAAe,EAAO,QACtB,IAAK,KAEL,IAAe,CAAC,MAAyC;AACrD,UAAA,IAAQ,EAAM,OAAO;AAE3B,IAAI,KAAS,KACT,EAAc,CAAK;AAAA,EACvB;AAGC,SAAA,MAAa,MAAiB,MAAM,IAC7B,kBAAA,cAAA,GAAA;AAAA,IAAc,OAAO,EAAO;AAAA,IAAI;AAAA,IAAY;AAAA,IAAkB;AAAA,EAAA,CAAsB,IAG5F,IAAe,KAAK,IACZ,kBAAA,cAAA,GAAA;AAAA,IAAkB;AAAA,IAAgB,SAAS;AAAA,IAAmB;AAAA,EAAA,CAAsC,IAI3G,kBAAA,cAAA,OAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAW,EAAM;AAAA,MACb;AAAA,MACA,KAAiB,IAAiB,kDAAkD;AAAA,IAAA,CACvF;AAAA,EAAA,GAEA,KACI,kBAAA,cAAA,OAAA;AAAA,IACG,WAAW,EAAM,CAAC,8BAA8B,KAAkB,SAAS,CAAC;AAAA,IAC5E,gBAAa;AAAA,EAAA,GAEZ,kBAAA,cAAA,SAAA;AAAA,IACG,WAAU;AAAA,IACV,SAAS;AAAA,EAAA,GAER,kBAAA,cAAA,QAAA;AAAA,IAAK,WAAU;AAAA,EAAA,GACX,kBAAA,cAAA,GAAA;AAAA,IAAkB,MAAM,EAAS;AAAA,EAAQ,CAAA,CAC9C,GAAO,QAEX,GACC,kBAAA,cAAA,SAAA;AAAA,IACG;AAAA,IACA,WAAU;AAAA,IACV,MAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU,CAAC,CAAC;AAAA,IACZ,UAAU;AAAA,EACd,CAAA,CACJ,GAEH,KACI,kBAAA,cAAA,OAAA;AAAA,IACG,WAAW,EAAM,CAAC,8BAA8B,KAAiB,SAAS,CAAC;AAAA,IAC3E,gBAAa;AAAA,EAAA,GAEZ,kBAAA,cAAA,GAAA;AAAA,IACG,OAAO,EAAY;AAAA,IACnB,SAAS;AAAA,IACT,UAAU,EAAe;AAAA,IACzB,sCAAO,GAAe,IAAA;AAAA,EAAA,GACzB,QAED,CACJ,CAER;AAER;"}

package/dist/components/ColorInputFlyout/ColorPickerFlyout.es.js

@@ -1672,7 +1672,7 @@ import "react-popper";
 import "react-colorful";
 import { Flyout as w } from "../Flyout/Flyout.es.js";
 import { ColorInputTrigger as x } from "./ColorPickerTrigger.es.js";
-const HI = ({
+const CC = ({
   id: c,
   onClick: o,
   onClose: m,
@@ -1684,7 +1684,7 @@ const HI = ({
   onClear: e,
   onDelete: p
 }) => {
-  const [a, r] = s(!1), [f, F] = s(O.Hex), n = (l) => {
+  const [a, r] = s(!1), [n, F] = s(O.Hex), f = (l) => {
     l || m == null || m(), r(l);
   }, E = () => {
     r(!1), o == null || o();
@@ -1693,15 +1693,16 @@ const HI = ({
     hug: !1,
     onConfirm: E,
     isOpen: a,
-    onCancel: () => n(!1),
+    onCancel: () => f(!1),
+    contentMinHeight: 300,
     fixedHeader: /* @__PURE__ */ t.createElement(v, {
       color: i || { red: 255, green: 255, blue: 255 }
     }),
-    onOpenChange: n,
+    onOpenChange: f,
     trigger: /* @__PURE__ */ t.createElement(x, {
       isOpen: a,
       currentColor: i,
-      format: f,
+      format: n,
       disabled: d,
       id: c,
       clearable: h,
@@ -1713,7 +1714,7 @@ const HI = ({
       } : void 0
     })
   }, /* @__PURE__ */ t.createElement(P, {
-    currentFormat: f,
+    currentFormat: n,
     setFormat: F,
     palettes: u,
     showPreview: !1,
@@ -1722,6 +1723,6 @@ const HI = ({
   }));
 };
 export {
-  HI as ColorPickerFlyout
+  CC as ColorPickerFlyout
 };
 //# sourceMappingURL=ColorPickerFlyout.es.js.map

package/dist/components/ColorInputFlyout/ColorPickerFlyout.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerFlyout.es.js","sources":["../../../src/components/ColorInputFlyout/ColorPickerFlyout.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ColorPreview } from '@components/ColorPicker';\nimport { ColorPicker, ColorPickerProps } from '@components/ColorPicker/ColorPicker';\nimport { Flyout } from '@components/Flyout/Flyout';\nimport React, { FC, useState } from 'react';\nimport { Color, ColorFormat } from '../../types/colors';\nimport { ColorInputTrigger } from './ColorPickerTrigger';\n\nexport type ColorPickerFlyoutProps = Pick<ColorPickerProps, 'palettes' | 'onSelect'> & {\n    id?: string;\n    disabled?: boolean;\n    onClick?: () => void;\n    onClose?: () => void;\n    currentColor: Color | null;\n    clearable?: boolean;\n    onClear?: () => void;\n    onDelete?: () => void;\n};\n\nexport const ColorPickerFlyout: FC<ColorPickerFlyoutProps> = ({\n    id,\n    onClick,\n    onClose,\n    onSelect,\n    currentColor,\n    palettes,\n    disabled = false,\n    clearable = false,\n    onClear,\n    onDelete,\n}) => {\n    const [open, setOpen] = useState(false);\n    const [currentFormat, setCurrentFormat] = useState(ColorFormat.Hex);\n\n    const handleOpenChange = (isOpen: boolean) => {\n        if (!isOpen) {\n            onClose?.();\n        }\n        setOpen(isOpen);\n    };\n\n    const handleClick = () => {\n        setOpen(false);\n        onClick?.();\n    };\n\n    return (\n        <Flyout\n            hug={false}\n            onConfirm={handleClick}\n            isOpen={open}\n            onCancel={() => handleOpenChange(false)}\n            fixedHeader={<ColorPreview color={currentColor || { red: 255, green: 255, blue: 255 }} />}\n            onOpenChange={handleOpenChange}\n            trigger={\n                <ColorInputTrigger\n                    isOpen={open}\n                    currentColor={currentColor}\n                    format={currentFormat}\n                    disabled={disabled}\n                    id={id}\n                    clearable={clearable}\n                    onClear={() => {\n                        setOpen(false);\n                        onClear && onClear();\n                    }}\n                    onDelete={\n                        onDelete\n                            ? () => {\n                                  setOpen(false);\n                                  onDelete && onDelete();\n                              }\n                            : undefined\n                    }\n                />\n            }\n        >\n            <ColorPicker\n                currentFormat={currentFormat}\n                setFormat={setCurrentFormat}\n                palettes={palettes}\n                showPreview={false}\n                currentColor={currentColor || { red: 255, green: 255, blue: 255 }}\n                onSelect={onSelect}\n            />\n        </Flyout>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBO,MAAM,KAAgD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAW;AAAA,EACX,eAAY;AAAA,EACZ;AAAA,EACA;AAAA,MACE;AACF,QAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,CAAC,GAAe,KAAoB,EAAS,EAAY,GAAG,GAE5D,IAAmB,CAAC,MAAoB;AAC1C,IAAK,KACS,kBAEd,EAAQ,CAAM;AAAA,EAAA,GAGZ,IAAc,MAAM;AACtB,MAAQ,EAAK,GACH;AAAA,EAAA;AAGd,SACK,kBAAA,cAAA,GAAA;AAAA,IACG,KAAK;AAAA,IACL,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,UAAU,MAAM,EAAiB,EAAK;AAAA,IACtC,aAAc,kBAAA,cAAA,GAAA;AAAA,MAAa,OAAO,KAAgB,EAAE,KAAK,KAAK,OAAO,KAAK,MAAM,IAAI;AAAA,IAAA,CAAG;AAAA,IACvF,cAAc;AAAA,IACd,SACK,kBAAA,cAAA,GAAA;AAAA,MACG,QAAQ;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM;AACX,UAAQ,EAAK,GACb,KAAW,EAAQ;AAAA,MACvB;AAAA,MACA,UACI,IACM,MAAM;AACF,UAAQ,EAAK,GACb,KAAY,EAAS;AAAA,MAEzB,IAAA;AAAA,IAAA,CAEd;AAAA,EAAA,GAGH,kBAAA,cAAA,GAAA;AAAA,IACG;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,aAAa;AAAA,IACb,cAAc,KAAgB,EAAE,KAAK,KAAK,OAAO,KAAK,MAAM,IAAI;AAAA,IAChE;AAAA,EACJ,CAAA,CACJ;AAER;"}
+{"version":3,"file":"ColorPickerFlyout.es.js","sources":["../../../src/components/ColorInputFlyout/ColorPickerFlyout.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ColorPreview } from '@components/ColorPicker';\nimport { ColorPicker, ColorPickerProps } from '@components/ColorPicker/ColorPicker';\nimport { Flyout } from '@components/Flyout/Flyout';\nimport React, { FC, useState } from 'react';\nimport { Color, ColorFormat } from '../../types/colors';\nimport { ColorInputTrigger } from './ColorPickerTrigger';\n\nexport type ColorPickerFlyoutProps = Pick<ColorPickerProps, 'palettes' | 'onSelect'> & {\n    id?: string;\n    disabled?: boolean;\n    onClick?: () => void;\n    onClose?: () => void;\n    currentColor: Color | null;\n    clearable?: boolean;\n    onClear?: () => void;\n    onDelete?: () => void;\n};\n\nexport const ColorPickerFlyout: FC<ColorPickerFlyoutProps> = ({\n    id,\n    onClick,\n    onClose,\n    onSelect,\n    currentColor,\n    palettes,\n    disabled = false,\n    clearable = false,\n    onClear,\n    onDelete,\n}) => {\n    const [open, setOpen] = useState(false);\n    const [currentFormat, setCurrentFormat] = useState(ColorFormat.Hex);\n\n    const handleOpenChange = (isOpen: boolean) => {\n        if (!isOpen) {\n            onClose?.();\n        }\n        setOpen(isOpen);\n    };\n\n    const handleClick = () => {\n        setOpen(false);\n        onClick?.();\n    };\n\n    return (\n        <Flyout\n            hug={false}\n            onConfirm={handleClick}\n            isOpen={open}\n            onCancel={() => handleOpenChange(false)}\n            contentMinHeight={300}\n            fixedHeader={<ColorPreview color={currentColor || { red: 255, green: 255, blue: 255 }} />}\n            onOpenChange={handleOpenChange}\n            trigger={\n                <ColorInputTrigger\n                    isOpen={open}\n                    currentColor={currentColor}\n                    format={currentFormat}\n                    disabled={disabled}\n                    id={id}\n                    clearable={clearable}\n                    onClear={() => {\n                        setOpen(false);\n                        onClear && onClear();\n                    }}\n                    onDelete={\n                        onDelete\n                            ? () => {\n                                  setOpen(false);\n                                  onDelete && onDelete();\n                              }\n                            : undefined\n                    }\n                />\n            }\n        >\n            <ColorPicker\n                currentFormat={currentFormat}\n                setFormat={setCurrentFormat}\n                palettes={palettes}\n                showPreview={false}\n                currentColor={currentColor || { red: 255, green: 255, blue: 255 }}\n                onSelect={onSelect}\n            />\n        </Flyout>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBO,MAAM,KAAgD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAW;AAAA,EACX,eAAY;AAAA,EACZ;AAAA,EACA;AAAA,MACE;AACF,QAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,CAAC,GAAe,KAAoB,EAAS,EAAY,GAAG,GAE5D,IAAmB,CAAC,MAAoB;AAC1C,IAAK,KACS,kBAEd,EAAQ,CAAM;AAAA,EAAA,GAGZ,IAAc,MAAM;AACtB,MAAQ,EAAK,GACH;AAAA,EAAA;AAGd,SACK,kBAAA,cAAA,GAAA;AAAA,IACG,KAAK;AAAA,IACL,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,UAAU,MAAM,EAAiB,EAAK;AAAA,IACtC,kBAAkB;AAAA,IAClB,aAAc,kBAAA,cAAA,GAAA;AAAA,MAAa,OAAO,KAAgB,EAAE,KAAK,KAAK,OAAO,KAAK,MAAM,IAAI;AAAA,IAAA,CAAG;AAAA,IACvF,cAAc;AAAA,IACd,SACK,kBAAA,cAAA,GAAA;AAAA,MACG,QAAQ;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM;AACX,UAAQ,EAAK,GACb,KAAW,EAAQ;AAAA,MACvB;AAAA,MACA,UACI,IACM,MAAM;AACF,UAAQ,EAAK,GACb,KAAY,EAAS;AAAA,MAEzB,IAAA;AAAA,IAAA,CAEd;AAAA,EAAA,GAGH,kBAAA,cAAA,GAAA;AAAA,IACG;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,aAAa;AAAA,IACb,cAAc,KAAgB,EAAE,KAAK,KAAK,OAAO,KAAK,MAAM,IAAI;AAAA,IAChE;AAAA,EACJ,CAAA,CACJ;AAER;"}

package/dist/components/RichTextEditor/Plugins/BoldPlugin/index.d.ts

@@ -3,3 +3,4 @@ export declare class BoldPlugin extends Plugin {
     constructor(props?: PluginProps);
     plugins(): import("@udecode/plate").PlatePlugin<import("@udecode/plate").ToggleMarkPlugin<import("@udecode/plate").Value, keyof import("@udecode/plate").TText>, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>[];
 }
+export * from './BoldMarkupElement';

package/dist/components/RichTextEditor/Plugins/BoldPlugin/index.es.js

@@ -1,13 +1,14 @@
 import { createBoldPlugin as r } from "@udecode/plate";
 import { BOLD_PLUGIN as t } from "./id.es.js";
-import { BoldMarkupElement as m } from "./BoldMarkupElement.es.js";
-import { BoldButton as e } from "./BoldButton.es.js";
-import { Plugin as n } from "../Plugin.es.js";
-class d extends n {
+import { BoldMarkupElement as e } from "./BoldMarkupElement.es.js";
+import { BOLD_CLASSES as E, BoldMarkupElement as c, BoldMarkupElementNode as g } from "./BoldMarkupElement.es.js";
+import { BoldButton as m } from "./BoldButton.es.js";
+import { Plugin as l } from "../Plugin.es.js";
+class a extends l {
   constructor(o) {
     super(t, {
-      button: e,
-      markupElement: new m(),
+      button: m,
+      markupElement: new e(),
       ...o
     });
   }
@@ -16,6 +17,9 @@ class d extends n {
   }
 }
 export {
-  d as BoldPlugin
+  E as BOLD_CLASSES,
+  c as BoldMarkupElement,
+  g as BoldMarkupElementNode,
+  a as BoldPlugin
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/Plugins/BoldPlugin/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/BoldPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createBoldPlugin } from '@udecode/plate';\nimport { BOLD_PLUGIN } from './id';\nimport { BoldMarkupElement } from './BoldMarkupElement';\nimport { BoldButton } from './BoldButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport class BoldPlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(BOLD_PLUGIN, {\n            button: BoldButton,\n            markupElement: new BoldMarkupElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createBoldPlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,UAAmB,EAAO;AAAA,EACnC,YAAY,GAAqB;AAC7B,UAAM,GAAa;AAAA,MACf,QAAQ;AAAA,MACR,eAAe,IAAI,EAAkB;AAAA,MACrC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAkB;AAAA,EAC9B;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/BoldPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createBoldPlugin } from '@udecode/plate';\nimport { BOLD_PLUGIN } from './id';\nimport { BoldMarkupElement } from './BoldMarkupElement';\nimport { BoldButton } from './BoldButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport class BoldPlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(BOLD_PLUGIN, {\n            button: BoldButton,\n            markupElement: new BoldMarkupElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createBoldPlugin()];\n    }\n}\n\nexport * from './BoldMarkupElement';\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,UAAmB,EAAO;AAAA,EACnC,YAAY,GAAqB;AAC7B,UAAM,GAAa;AAAA,MACf,QAAQ;AAAA,MACR,eAAe,IAAI,EAAkB;AAAA,MACrC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAkB;AAAA,EAC9B;AACJ;"}

package/dist/components/RichTextEditor/Plugins/CheckboxListPlugin/index.d.ts

@@ -4,3 +4,4 @@ export declare class CheckboxListPlugin extends Plugin {
     constructor(props?: PluginProps);
     plugins(): import("@udecode/plate").PlatePlugin<import("@udecode/plate").AnyObject, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>[];
 }
+export * from './id';

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

@@ -1,26 +1,29 @@
 import { createPluginFactory as e } from "@udecode/plate";
 import { ELEMENT_CHECK_ITEM as o, CHECKBOX_LIST_PLUGIN as r } from "./id.es.js";
+import { CHECKBOX_LIST_PLUGIN as f, ELEMENT_CHECK_ITEM as k } from "./id.es.js";
 import { CheckboxListElement as i } from "./CheckboxListElement.es.js";
-import { CheckboxListButton as n } from "./CheckboxListButton/index.es.js";
-import { Plugin as m } from "../Plugin.es.js";
-const s = e({
+import { CheckboxListButton as m } from "./CheckboxListButton/index.es.js";
+import { Plugin as n } from "../Plugin.es.js";
+const E = e({
   key: o,
   isElement: !0
 });
-class L extends m {
+class l extends n {
   constructor(t) {
     super(r, {
-      button: n,
+      button: m,
       markupElement: new i(),
       ...t
     });
   }
   plugins() {
-    return [s()];
+    return [E()];
   }
 }
 export {
-  L as CheckboxListPlugin,
-  s as createCheckboxListPlugin
+  f as CHECKBOX_LIST_PLUGIN,
+  l as CheckboxListPlugin,
+  k as ELEMENT_CHECK_ITEM,
+  E as createCheckboxListPlugin
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/CheckboxListPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createPluginFactory } from '@udecode/plate';\nimport { CHECKBOX_LIST_PLUGIN, ELEMENT_CHECK_ITEM } from './id';\nimport { CheckboxListElement } from './CheckboxListElement';\nimport { CheckboxListButton } from './CheckboxListButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport const createCheckboxListPlugin = createPluginFactory({\n    key: ELEMENT_CHECK_ITEM,\n    isElement: true,\n});\n\nexport class CheckboxListPlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(CHECKBOX_LIST_PLUGIN, {\n            button: CheckboxListButton,\n            markupElement: new CheckboxListElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createCheckboxListPlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,IAA2B,EAAoB;AAAA,EACxD,KAAK;AAAA,EACL,WAAW;AACf,CAAC;AAEM,MAAM,UAA2B,EAAO;AAAA,EAC3C,YAAY,GAAqB;AAC7B,UAAM,GAAsB;AAAA,MACxB,QAAQ;AAAA,MACR,eAAe,IAAI,EAAoB;AAAA,MACvC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAA0B;AAAA,EACtC;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/CheckboxListPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createPluginFactory } from '@udecode/plate';\nimport { CHECKBOX_LIST_PLUGIN, ELEMENT_CHECK_ITEM } from './id';\nimport { CheckboxListElement } from './CheckboxListElement';\nimport { CheckboxListButton } from './CheckboxListButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport const createCheckboxListPlugin = createPluginFactory({\n    key: ELEMENT_CHECK_ITEM,\n    isElement: true,\n});\n\nexport class CheckboxListPlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(CHECKBOX_LIST_PLUGIN, {\n            button: CheckboxListButton,\n            markupElement: new CheckboxListElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createCheckboxListPlugin()];\n    }\n}\n\nexport * from './id';\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,IAA2B,EAAoB;AAAA,EACxD,KAAK;AAAA,EACL,WAAW;AACf,CAAC;AAEM,MAAM,UAA2B,EAAO;AAAA,EAC3C,YAAY,GAAqB;AAC7B,UAAM,GAAsB;AAAA,MACxB,QAAQ;AAAA,MACR,eAAe,IAAI,EAAoB;AAAA,MACvC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAA0B;AAAA,EACtC;AACJ;"}

package/dist/components/RichTextEditor/Plugins/CodePlugin/index.d.ts

@@ -3,3 +3,4 @@ export declare class CodePlugin extends Plugin {
     constructor(props?: PluginProps);
     plugins(): import("@udecode/plate").PlatePlugin<import("@udecode/plate").ToggleMarkPlugin<import("@udecode/plate").Value, keyof import("@udecode/plate").TText>, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>[];
 }
+export * from './CodeMarkupElement';

package/dist/components/RichTextEditor/Plugins/CodePlugin/index.es.js

@@ -1,17 +1,25 @@
-import { createCodePlugin as r } from "@udecode/plate";
-import { CODE_PLUGIN as t } from "./id.es.js";
-import { CodeMarkupElement as e } from "./CodeMarkupElement.es.js";
+import { createCodePlugin as o } from "@udecode/plate";
+import { CODE_PLUGIN as r } from "./id.es.js";
+import { CodeMarkupElement as t } from "./CodeMarkupElement.es.js";
+import { CODE_CLASSES as s, CodeMarkupElement as c, CodeMarkupElementNode as g } from "./CodeMarkupElement.es.js";
 import { CodeButton as m } from "./CodeButton.es.js";
 import { Plugin as n } from "../Plugin.es.js";
-class f extends n {
-  constructor(o) {
-    super(t, { button: m, markupElement: new e(), ...o });
+class E extends n {
+  constructor(e) {
+    super(r, {
+      button: m,
+      markupElement: new t(),
+      ...e
+    });
   }
   plugins() {
-    return [r()];
+    return [o()];
   }
 }
 export {
-  f as CodePlugin
+  s as CODE_CLASSES,
+  c as CodeMarkupElement,
+  g as CodeMarkupElementNode,
+  E as CodePlugin
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/Plugins/CodePlugin/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/CodePlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createCodePlugin } from '@udecode/plate';\nimport { CODE_PLUGIN } from './id';\nimport { CodeMarkupElement } from './CodeMarkupElement';\nimport { CodeButton } from './CodeButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport class CodePlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(CODE_PLUGIN, { button: CodeButton, markupElement: new CodeMarkupElement(), ...props });\n    }\n\n    plugins() {\n        return [createCodePlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,UAAmB,EAAO;AAAA,EACnC,YAAY,GAAqB;AACvB,UAAA,GAAa,EAAE,QAAQ,GAAY,eAAe,IAAI,EAAkB,GAAG,GAAG,EAAA,CAAO;AAAA,EAC/F;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAkB;AAAA,EAC9B;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/CodePlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createCodePlugin } from '@udecode/plate';\nimport { CODE_PLUGIN } from './id';\nimport { CodeMarkupElement } from './CodeMarkupElement';\nimport { CodeButton } from './CodeButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport class CodePlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(CODE_PLUGIN, {\n            button: CodeButton,\n            markupElement: new CodeMarkupElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createCodePlugin()];\n    }\n}\n\nexport * from './CodeMarkupElement';\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,UAAmB,EAAO;AAAA,EACnC,YAAY,GAAqB;AAC7B,UAAM,GAAa;AAAA,MACf,QAAQ;AAAA,MACR,eAAe,IAAI,EAAkB;AAAA,MACrC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAkB;AAAA,EAC9B;AACJ;"}

package/dist/components/RichTextEditor/Plugins/ItalicPlugin/index.d.ts

@@ -3,3 +3,4 @@ export declare class ItalicPlugin extends Plugin {
     constructor(props?: PluginProps);
     plugins(): import("@udecode/plate").PlatePlugin<import("@udecode/plate").ToggleMarkPlugin<import("@udecode/plate").Value, keyof import("@udecode/plate").TText>, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>[];
 }
+export * from './ItalicMarkupElement';

package/dist/components/RichTextEditor/Plugins/ItalicPlugin/index.es.js

@@ -1,13 +1,14 @@
 import { createItalicPlugin as r } from "@udecode/plate";
-import { ITALIC_PLUGIN as o } from "./id.es.js";
-import { ItalicMarkupElement as i } from "./ItalicMarkupElement.es.js";
+import { ITALIC_PLUGIN as e } from "./id.es.js";
+import { ItalicMarkupElement as o } from "./ItalicMarkupElement.es.js";
+import { ITALIC_CLASSES as E, ItalicMarkupElement as g, ItalicMarkupElementNode as k } from "./ItalicMarkupElement.es.js";
 import { Plugin as m } from "../Plugin.es.js";
-import { ItalicButton as e } from "./ItalicButton.es.js";
-class I extends m {
+import { ItalicButton as i } from "./ItalicButton.es.js";
+class c extends m {
   constructor(t) {
-    super(o, {
-      button: e,
-      markupElement: new i(),
+    super(e, {
+      button: i,
+      markupElement: new o(),
       ...t
     });
   }
@@ -16,6 +17,9 @@ class I extends m {
   }
 }
 export {
-  I as ItalicPlugin
+  E as ITALIC_CLASSES,
+  g as ItalicMarkupElement,
+  k as ItalicMarkupElementNode,
+  c as ItalicPlugin
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/Plugins/ItalicPlugin/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/ItalicPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createItalicPlugin } from '@udecode/plate';\nimport { ITALIC_PLUGIN } from './id';\nimport { ItalicMarkupElement } from './ItalicMarkupElement';\nimport { Plugin, PluginProps } from '../Plugin';\nimport { ItalicButton } from './ItalicButton';\n\nexport class ItalicPlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(ITALIC_PLUGIN, {\n            button: ItalicButton,\n            markupElement: new ItalicMarkupElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createItalicPlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,UAAqB,EAAO;AAAA,EACrC,YAAY,GAAqB;AAC7B,UAAM,GAAe;AAAA,MACjB,QAAQ;AAAA,MACR,eAAe,IAAI,EAAoB;AAAA,MACvC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAoB;AAAA,EAChC;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/ItalicPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createItalicPlugin } from '@udecode/plate';\nimport { ITALIC_PLUGIN } from './id';\nimport { ItalicMarkupElement } from './ItalicMarkupElement';\nimport { Plugin, PluginProps } from '../Plugin';\nimport { ItalicButton } from './ItalicButton';\n\nexport class ItalicPlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(ITALIC_PLUGIN, {\n            button: ItalicButton,\n            markupElement: new ItalicMarkupElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createItalicPlugin()];\n    }\n}\n\nexport * from './ItalicMarkupElement';\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,UAAqB,EAAO;AAAA,EACrC,YAAY,GAAqB;AAC7B,UAAM,GAAe;AAAA,MACjB,QAAQ;AAAA,MACR,eAAe,IAAI,EAAoB;AAAA,MACvC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAoB;AAAA,EAChC;AACJ;"}

package/dist/components/RichTextEditor/Plugins/ListPlugin/ListItemContentMarkupElement.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { PlateRenderElementProps } from '@udecode/plate';
 import { MarkupElement } from '../MarkupElement';
+export declare const ListItemContentMarkupElementNode: ({ attributes, children }: PlateRenderElementProps) => JSX.Element;
 export declare class ListItemContentMarkupElement extends MarkupElement {
     constructor(id?: string, node?: ({ attributes, children }: PlateRenderElementProps<import("@udecode/plate").Value, import("@udecode/plate").TElement>) => JSX.Element);
 }

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

@@ -10,6 +10,7 @@ class c extends n {
   }
 }
 export {
-  c as ListItemContentMarkupElement
+  c as ListItemContentMarkupElement,
+  p as ListItemContentMarkupElementNode
 };
 //# 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 React from 'react';\nimport { ELEMENT_LIC, PlateRenderElementProps } from '@udecode/plate';\nimport { MarkupElement } from '../MarkupElement';\n\nconst ListItemContentMarkupElementNode = ({ attributes, children }: PlateRenderElementProps) => (\n    <span {...attributes}>{children}</span>\n);\n\nexport class ListItemContentMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_LIC, node = ListItemContentMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":[],"mappings":";;;AAMA,MAAM,IAAmC,CAAC,EAAE,eAAY,kBACnD,kBAAA,cAAA,QAAA;AAAA,EAAM,GAAG;AAAA,GAAa,CAAS;AAG7B,MAAM,UAAqC,EAAc;AAAA,EAC5D,YAAY,IAAK,GAAa,IAAO,GAAkC;AACnE,UAAM,GAAI,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 React from 'react';\nimport { ELEMENT_LIC, PlateRenderElementProps } from '@udecode/plate';\nimport { MarkupElement } from '../MarkupElement';\n\nexport const ListItemContentMarkupElementNode = ({ attributes, children }: PlateRenderElementProps) => (\n    <span {...attributes}>{children}</span>\n);\n\nexport class ListItemContentMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_LIC, node = ListItemContentMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":[],"mappings":";;;AAMO,MAAM,IAAmC,CAAC,EAAE,eAAY,kBAC1D,kBAAA,cAAA,QAAA;AAAA,EAAM,GAAG;AAAA,GAAa,CAAS;AAG7B,MAAM,UAAqC,EAAc;AAAA,EAC5D,YAAY,IAAK,GAAa,IAAO,GAAkC;AACnE,UAAM,GAAI,CAAI;AAAA,EAClB;AACJ;"}

package/dist/components/RichTextEditor/Plugins/ListPlugin/ListItemMarkupElement.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { PlateRenderElementProps } from '@udecode/plate';
 import { MarkupElement } from '../MarkupElement';
+export declare const ListItemMarkupElementNode: ({ attributes, children }: PlateRenderElementProps) => JSX.Element;
 export declare class ListItemMarkupElement extends MarkupElement {
     constructor(id?: string, node?: ({ attributes, children }: PlateRenderElementProps<import("@udecode/plate").Value, import("@udecode/plate").TElement>) => JSX.Element);
 }

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

@@ -10,6 +10,7 @@ class c extends p {
   }
 }
 export {
-  c as ListItemMarkupElement
+  c as ListItemMarkupElement,
+  s as ListItemMarkupElementNode
 };
 //# sourceMappingURL=ListItemMarkupElement.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemMarkupElement.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/ListPlugin/ListItemMarkupElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { ELEMENT_LI, PlateRenderElementProps } from '@udecode/plate';\nimport { MarkupElement } from '../MarkupElement';\n\nconst ListItemMarkupElementNode = ({ attributes, children }: PlateRenderElementProps) => (\n    <li {...attributes}>{children}</li>\n);\n\nexport class ListItemMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_LI, node = ListItemMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":[],"mappings":";;;AAMA,MAAM,IAA4B,CAAC,EAAE,eAAY,kBAC5C,kBAAA,cAAA,MAAA;AAAA,EAAI,GAAG;AAAA,GAAa,CAAS;AAG3B,MAAM,UAA8B,EAAc;AAAA,EACrD,YAAY,IAAK,GAAY,IAAO,GAA2B;AAC3D,UAAM,GAAI,CAAI;AAAA,EAClB;AACJ;"}
+{"version":3,"file":"ListItemMarkupElement.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/ListPlugin/ListItemMarkupElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { ELEMENT_LI, PlateRenderElementProps } from '@udecode/plate';\nimport { MarkupElement } from '../MarkupElement';\n\nexport const ListItemMarkupElementNode = ({ attributes, children }: PlateRenderElementProps) => (\n    <li {...attributes}>{children}</li>\n);\n\nexport class ListItemMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_LI, node = ListItemMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":[],"mappings":";;;AAMO,MAAM,IAA4B,CAAC,EAAE,eAAY,kBACnD,kBAAA,cAAA,MAAA;AAAA,EAAI,GAAG;AAAA,GAAa,CAAS;AAG3B,MAAM,UAA8B,EAAc;AAAA,EACrD,YAAY,IAAK,GAAY,IAAO,GAA2B;AAC3D,UAAM,GAAI,CAAI;AAAA,EAClB;AACJ;"}

package/dist/components/RichTextEditor/Plugins/ListPlugin/OrderedListPlugin/index.d.ts

@@ -3,3 +3,5 @@ import { PluginProps } from '../../Plugin';
 export declare class OrderedListPlugin extends ListPlugin {
     constructor(props?: PluginProps);
 }
+export * from './OrderedListButton';
+export * from './OrderedListMarkupElement';

package/dist/components/RichTextEditor/Plugins/ListPlugin/OrderedListPlugin/index.es.js

@@ -1,18 +1,24 @@
-import { LIST_PLUGIN as t } from "../id.es.js";
-import { OrderedListMarkupElement as e } from "./OrderedListMarkupElement.es.js";
+import { LIST_PLUGIN as e } from "../id.es.js";
+import { OrderedListMarkupElement as t } from "./OrderedListMarkupElement.es.js";
+import { OL_CLASSES as O, OrderedListMarkupElement as f, OrderedListMarkupElementNode as a } from "./OrderedListMarkupElement.es.js";
 import { OrderedListButton as o } from "./OrderedListButton.es.js";
-import { ListPlugin as i } from "../ListPlugin.es.js";
-class u extends i {
+import { OrderedListButton as k } from "./OrderedListButton.es.js";
+import { ListPlugin as d } from "../ListPlugin.es.js";
+class u extends d {
   constructor(r) {
     super({
-      id: t,
+      id: e,
       button: o,
-      markupElement: new e(),
+      markupElement: new t(),
       ...r
     });
   }
 }
 export {
+  O as OL_CLASSES,
+  k as OrderedListButton,
+  f as OrderedListMarkupElement,
+  a as OrderedListMarkupElementNode,
   u as OrderedListPlugin
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/Plugins/ListPlugin/OrderedListPlugin/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ListPlugin/OrderedListPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { LIST_PLUGIN } from '../id';\nimport { OrderedListMarkupElement } from './OrderedListMarkupElement';\nimport { OrderedListButton } from './OrderedListButton';\nimport { ListPlugin } from '../ListPlugin';\nimport { PluginProps } from '../../Plugin';\n\nexport class OrderedListPlugin extends ListPlugin {\n    constructor(props?: PluginProps) {\n        super({\n            id: LIST_PLUGIN,\n            button: OrderedListButton,\n            markupElement: new OrderedListMarkupElement(),\n            ...props,\n        });\n    }\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,UAA0B,EAAW;AAAA,EAC9C,YAAY,GAAqB;AACvB,UAAA;AAAA,MACF,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,eAAe,IAAI,EAAyB;AAAA,MAC5C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ListPlugin/OrderedListPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { LIST_PLUGIN } from '../id';\nimport { OrderedListMarkupElement } from './OrderedListMarkupElement';\nimport { OrderedListButton } from './OrderedListButton';\nimport { ListPlugin } from '../ListPlugin';\nimport { PluginProps } from '../../Plugin';\n\nexport class OrderedListPlugin extends ListPlugin {\n    constructor(props?: PluginProps) {\n        super({\n            id: LIST_PLUGIN,\n            button: OrderedListButton,\n            markupElement: new OrderedListMarkupElement(),\n            ...props,\n        });\n    }\n}\n\nexport * from './OrderedListButton';\nexport * from './OrderedListMarkupElement';\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,UAA0B,EAAW;AAAA,EAC9C,YAAY,GAAqB;AACvB,UAAA;AAAA,MACF,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,eAAe,IAAI,EAAyB;AAAA,MAC5C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AACJ;"}

package/dist/components/RichTextEditor/Plugins/ListPlugin/UnorderedListPlugin/index.d.ts

@@ -3,3 +3,5 @@ import { PluginProps } from '../../Plugin';
 export declare class UnorderedListPlugin extends ListPlugin {
     constructor(props?: PluginProps);
 }
+export * from './UnorderedListButton';
+export * from './UnorderedListMarkupElement';

package/dist/components/RichTextEditor/Plugins/ListPlugin/UnorderedListPlugin/index.es.js

@@ -1,18 +1,24 @@
-import { LIST_PLUGIN as t } from "../id.es.js";
-import { UnorderedListMarkupElement as o } from "./UnorderedListMarkupElement.es.js";
-import { UnorderedListButton as e } from "./UnorderedListButton.es.js";
+import { LIST_PLUGIN as e } from "../id.es.js";
+import { UnorderedListMarkupElement as t } from "./UnorderedListMarkupElement.es.js";
+import { UL_CLASSES as l, UnorderedListMarkupElement as f, UnorderedListMarkupElementNode as a } from "./UnorderedListMarkupElement.es.js";
+import { UnorderedListButton as o } from "./UnorderedListButton.es.js";
+import { UnorderedListButton as k } from "./UnorderedListButton.es.js";
 import { ListPlugin as n } from "../ListPlugin.es.js";
 class u extends n {
   constructor(r) {
     super({
-      id: t,
-      button: e,
-      markupElement: new o(),
+      id: e,
+      button: o,
+      markupElement: new t(),
       ...r
     });
   }
 }
 export {
+  l as UL_CLASSES,
+  k as UnorderedListButton,
+  f as UnorderedListMarkupElement,
+  a as UnorderedListMarkupElementNode,
   u as UnorderedListPlugin
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/Plugins/ListPlugin/UnorderedListPlugin/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ListPlugin/UnorderedListPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { LIST_PLUGIN } from '../id';\nimport { UnorderedListMarkupElement } from './UnorderedListMarkupElement';\nimport { UnorderedListButton } from './UnorderedListButton';\nimport { ListPlugin } from '../ListPlugin';\nimport { PluginProps } from '../../Plugin';\n\nexport class UnorderedListPlugin extends ListPlugin {\n    constructor(props?: PluginProps) {\n        super({\n            id: LIST_PLUGIN,\n            button: UnorderedListButton,\n            markupElement: new UnorderedListMarkupElement(),\n            ...props,\n        });\n    }\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,UAA4B,EAAW;AAAA,EAChD,YAAY,GAAqB;AACvB,UAAA;AAAA,MACF,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,eAAe,IAAI,EAA2B;AAAA,MAC9C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ListPlugin/UnorderedListPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { LIST_PLUGIN } from '../id';\nimport { UnorderedListMarkupElement } from './UnorderedListMarkupElement';\nimport { UnorderedListButton } from './UnorderedListButton';\nimport { ListPlugin } from '../ListPlugin';\nimport { PluginProps } from '../../Plugin';\n\nexport class UnorderedListPlugin extends ListPlugin {\n    constructor(props?: PluginProps) {\n        super({\n            id: LIST_PLUGIN,\n            button: UnorderedListButton,\n            markupElement: new UnorderedListMarkupElement(),\n            ...props,\n        });\n    }\n}\n\nexport * from './UnorderedListButton';\nexport * from './UnorderedListMarkupElement';\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,UAA4B,EAAW;AAAA,EAChD,YAAY,GAAqB;AACvB,UAAA;AAAA,MACF,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,eAAe,IAAI,EAA2B;AAAA,MAC9C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AACJ;"}

package/dist/components/RichTextEditor/Plugins/MarkupElement.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkupElement.es.js","sources":["../../../../src/components/RichTextEditor/Plugins/MarkupElement.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlatePluginComponent } from '@udecode/plate';\n\nexport class MarkupElement {\n    constructor(readonly id: string, readonly node?: PlatePluginComponent<any>) {}\n}\n"],"names":[],"mappings":"AAIO,MAAM,EAAc;AAAA,EACvB,YAAqB,GAAqB,GAAkC;AAAvD,SAAA,KAAA,GAAqB,KAAA,OAAA;AAAA,EAAmC;AACjF;"}
+{"version":3,"file":"MarkupElement.es.js","sources":["../../../../src/components/RichTextEditor/Plugins/MarkupElement.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlatePluginComponent } from '@udecode/plate';\n\nexport class MarkupElement {\n    constructor(readonly id: string, readonly node?: PlatePluginComponent) {}\n}\n"],"names":[],"mappings":"AAIO,MAAM,EAAc;AAAA,EACvB,YAAqB,GAAqB,GAA6B;AAAlD,SAAA,KAAA,GAAqB,KAAA,OAAA;AAAA,EAA8B;AAC5E;"}

package/dist/components/RichTextEditor/Plugins/StrikethroughPlugin/index.d.ts

@@ -3,3 +3,4 @@ export declare class StrikethroughPlugin extends Plugin {
     constructor(props?: PluginProps);
     plugins(): import("@udecode/plate").PlatePlugin<import("@udecode/plate").ToggleMarkPlugin<import("@udecode/plate").Value, keyof import("@udecode/plate").TText>, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>[];
 }
+export * from './StrikethroughMarkupElement';

package/dist/components/RichTextEditor/Plugins/StrikethroughPlugin/index.es.js

@@ -1,13 +1,14 @@
 import { createStrikethroughPlugin as t } from "@udecode/plate";
-import { STRIKETHROUGH_PLUGIN as o } from "./id.es.js";
-import { StrikethroughMarkupElement as e } from "./StrikethroughMarkupElement.es.js";
+import { STRIKETHROUGH_PLUGIN as e } from "./id.es.js";
+import { StrikethroughMarkupElement as o } from "./StrikethroughMarkupElement.es.js";
+import { STRIKETHROUGH_CLASSES as a, StrikethroughMarkupElement as f, StrikethroughMarkupElementNode as s } from "./StrikethroughMarkupElement.es.js";
 import { StrikethroughButton as u } from "./StrikethroughButton.es.js";
-import { Plugin as i } from "../Plugin.es.js";
-class k extends i {
+import { Plugin as m } from "../Plugin.es.js";
+class k extends m {
   constructor(r) {
-    super(o, {
+    super(e, {
       button: u,
-      markupElement: new e(),
+      markupElement: new o(),
       ...r
     });
   }
@@ -16,6 +17,9 @@ class k extends i {
   }
 }
 export {
+  a as STRIKETHROUGH_CLASSES,
+  f as StrikethroughMarkupElement,
+  s as StrikethroughMarkupElementNode,
   k as StrikethroughPlugin
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/Plugins/StrikethroughPlugin/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/StrikethroughPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createStrikethroughPlugin } from '@udecode/plate';\nimport { STRIKETHROUGH_PLUGIN } from './id';\nimport { StrikethroughMarkupElement } from './StrikethroughMarkupElement';\nimport { StrikethroughButton } from './StrikethroughButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport class StrikethroughPlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(STRIKETHROUGH_PLUGIN, {\n            button: StrikethroughButton,\n            markupElement: new StrikethroughMarkupElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createStrikethroughPlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,UAA4B,EAAO;AAAA,EAC5C,YAAY,GAAqB;AAC7B,UAAM,GAAsB;AAAA,MACxB,QAAQ;AAAA,MACR,eAAe,IAAI,EAA2B;AAAA,MAC9C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAA2B;AAAA,EACvC;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/StrikethroughPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createStrikethroughPlugin } from '@udecode/plate';\nimport { STRIKETHROUGH_PLUGIN } from './id';\nimport { StrikethroughMarkupElement } from './StrikethroughMarkupElement';\nimport { StrikethroughButton } from './StrikethroughButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport class StrikethroughPlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(STRIKETHROUGH_PLUGIN, {\n            button: StrikethroughButton,\n            markupElement: new StrikethroughMarkupElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createStrikethroughPlugin()];\n    }\n}\n\nexport * from './StrikethroughMarkupElement';\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,UAA4B,EAAO;AAAA,EAC5C,YAAY,GAAqB;AAC7B,UAAM,GAAsB;AAAA,MACxB,QAAQ;AAAA,MACR,eAAe,IAAI,EAA2B;AAAA,MAC9C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAA2B;AAAA,EACvC;AACJ;"}

package/dist/components/RichTextEditor/Plugins/UnderlinePlugin/index.d.ts

@@ -3,3 +3,4 @@ export declare class UnderlinePlugin extends Plugin {
     constructor(props?: PluginProps);
     plugins(): import("@udecode/plate").PlatePlugin<import("@udecode/plate").ToggleMarkPlugin<import("@udecode/plate").Value, keyof import("@udecode/plate").TText>, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>[];
 }
+export * from './UnderlineMarkupElement';