@frontify/fondue 13.0.0-rc.2 → 13.0.0-rc.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/RichTextEditor/Plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.es.js +8 -8
- package/dist/components/RichTextEditor/components/EditorPositioningWrapper/index.es.js +12 -12
- package/dist/components/RichTextEditor/components/EditorPositioningWrapper/index.es.js.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/legacyTokens.tailwind.config.js +3 -0
- package/dist/packages/tokens/legacy/deprecatedTailwindConfig.ts +7 -1
- package/dist/packages/tokens/tailwind/tailwind.config.js +8 -356
- package/dist/style.css +1 -1
- package/package.json +5 -6
package/dist/components/RichTextEditor/Plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.es.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
2
2
|
import { useLinkOpenButtonState as s } from "@udecode/plate-link";
|
|
3
|
-
import d from "
|
|
4
|
-
import l from "../../../../../../foundation/Icon/Generated/
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
3
|
+
import { getUrlFromLinkOrLegacyLink as d } from "../../utils/getUrl.es.js";
|
|
4
|
+
import l from "../../../../../../foundation/Icon/Generated/IconPen16.es.js";
|
|
5
|
+
import p from "../../../../../../foundation/Icon/Generated/IconTrashBin16.es.js";
|
|
6
|
+
import { LINK_PLUGIN as m } from "../../id.es.js";
|
|
7
7
|
import { FloatingModalWrapper as c } from "../../../../components/FloatingModal/FloatingModal.es.js";
|
|
8
8
|
import { useRichTextEditorContext as u } from "../../../../context/RichTextEditorContext.es.js";
|
|
9
9
|
const N = ({ editButtonProps: o, unlinkButtonProps: r }) => {
|
|
10
|
-
const { element: e } = s(), { styles: i } = u(), a = e ?
|
|
10
|
+
const { element: e } = s(), { styles: i } = u(), a = e ? d(e) : "";
|
|
11
11
|
return /* @__PURE__ */ t(c, { "data-test-id": "floating-link-edit", padding: "16px", minWidth: "400px", children: /* @__PURE__ */ n("span", { "data-test-id": "preview-link-flyout", className: "tw-flex tw-justify-between", children: [
|
|
12
|
-
/* @__PURE__ */ t("span", { style: i[
|
|
12
|
+
/* @__PURE__ */ t("span", { style: i[m], className: "tw-pointer-events-none", children: a }),
|
|
13
13
|
/* @__PURE__ */ n("span", { className: "tw-flex tw-gap-2", children: [
|
|
14
14
|
/* @__PURE__ */ t(
|
|
15
15
|
"button",
|
|
@@ -19,7 +19,7 @@ const N = ({ editButtonProps: o, unlinkButtonProps: r }) => {
|
|
|
19
19
|
"data-test-id": "edit-link-button",
|
|
20
20
|
className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
|
|
21
21
|
...o,
|
|
22
|
-
children: /* @__PURE__ */ t(
|
|
22
|
+
children: /* @__PURE__ */ t(l, {})
|
|
23
23
|
}
|
|
24
24
|
),
|
|
25
25
|
/* @__PURE__ */ t(
|
|
@@ -30,7 +30,7 @@ const N = ({ editButtonProps: o, unlinkButtonProps: r }) => {
|
|
|
30
30
|
"data-test-id": "remove-link-button",
|
|
31
31
|
className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
|
|
32
32
|
...r,
|
|
33
|
-
children: /* @__PURE__ */ t(
|
|
33
|
+
children: /* @__PURE__ */ t(p, {})
|
|
34
34
|
}
|
|
35
35
|
)
|
|
36
36
|
] })
|
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
import { merge as a } from "../../../../utilities/merge.es.js";
|
|
2
2
|
import { Position as r } from "./types.es.js";
|
|
3
|
-
import { ToolbarWrapperPositioningTop as
|
|
4
|
-
import { ToolbarWrapperPositioningFloating as
|
|
5
|
-
import { ToolbarWrapperPositioningBottom as
|
|
6
|
-
const
|
|
3
|
+
import { ToolbarWrapperPositioningTop as i } from "./ToolbarWrapper/ToolbarWrapperPositioningTop.es.js";
|
|
4
|
+
import { ToolbarWrapperPositioningFloating as l } from "./ToolbarWrapper/ToolbarWrapperPositioningFloating.es.js";
|
|
5
|
+
import { ToolbarWrapperPositioningBottom as s } from "./ToolbarWrapper/ToolbarWrapperPositioningBottom.es.js";
|
|
6
|
+
const p = {
|
|
7
7
|
[r.BOTTOM]: {
|
|
8
8
|
PlateWrapperClassNames: "tw-relative tw-w-full tw-flex tw-flex-col",
|
|
9
|
-
ToolbarWrapper:
|
|
9
|
+
ToolbarWrapper: s
|
|
10
10
|
},
|
|
11
11
|
[r.FLOATING]: {
|
|
12
12
|
PlateWrapperClassNames: "tw-relative tw-w-full",
|
|
13
|
-
ToolbarWrapper:
|
|
13
|
+
ToolbarWrapper: l
|
|
14
14
|
},
|
|
15
15
|
[r.TOP]: {
|
|
16
16
|
PlateWrapperClassNames: "tw-relative tw-w-full tw-flex tw-flex-col-reverse",
|
|
17
|
-
ToolbarWrapper:
|
|
17
|
+
ToolbarWrapper: i
|
|
18
18
|
}
|
|
19
|
-
},
|
|
20
|
-
const e =
|
|
19
|
+
}, W = (o, t) => {
|
|
20
|
+
const e = p[o].PlateWrapperClassNames;
|
|
21
21
|
return a([
|
|
22
22
|
e,
|
|
23
|
-
t && "tw-transition-[border] tw-border tw-border-line-
|
|
23
|
+
t && "tw-transition-[border] tw-border tw-border-line-mid hover:tw-border-line-strong focus-within:tw-border-line-strong tw-rounded"
|
|
24
24
|
]);
|
|
25
25
|
};
|
|
26
26
|
export {
|
|
27
|
-
|
|
27
|
+
p as EditorPositioningWrapper,
|
|
28
28
|
r as Position,
|
|
29
|
-
|
|
29
|
+
W as getEditorWrapperClassNames
|
|
30
30
|
};
|
|
31
31
|
//# sourceMappingURL=index.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/components/EditorPositioningWrapper/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { merge } from '@utilities/merge';\n\nimport {\n ToolbarWrapperPositioningBottom,\n ToolbarWrapperPositioningFloating,\n ToolbarWrapperPositioningTop,\n} from './ToolbarWrapper';\nimport { type EditorPositioningWrapperProps, Position } from './types';\n\nexport { Position } from './types';\nexport const EditorPositioningWrapper: EditorPositioningWrapperProps = {\n [Position.BOTTOM]: {\n PlateWrapperClassNames: 'tw-relative tw-w-full tw-flex tw-flex-col',\n ToolbarWrapper: ToolbarWrapperPositioningBottom,\n },\n [Position.FLOATING]: {\n PlateWrapperClassNames: 'tw-relative tw-w-full',\n ToolbarWrapper: ToolbarWrapperPositioningFloating,\n },\n [Position.TOP]: {\n PlateWrapperClassNames: 'tw-relative tw-w-full tw-flex tw-flex-col-reverse',\n ToolbarWrapper: ToolbarWrapperPositioningTop,\n },\n};\n\nexport const getEditorWrapperClassNames = (position: Position, border: boolean) => {\n const toolbarPositioningClasses = EditorPositioningWrapper[position].PlateWrapperClassNames;\n\n return merge([\n toolbarPositioningClasses,\n border
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/components/EditorPositioningWrapper/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { merge } from '@utilities/merge';\n\nimport {\n ToolbarWrapperPositioningBottom,\n ToolbarWrapperPositioningFloating,\n ToolbarWrapperPositioningTop,\n} from './ToolbarWrapper';\nimport { type EditorPositioningWrapperProps, Position } from './types';\n\nexport { Position } from './types';\nexport const EditorPositioningWrapper: EditorPositioningWrapperProps = {\n [Position.BOTTOM]: {\n PlateWrapperClassNames: 'tw-relative tw-w-full tw-flex tw-flex-col',\n ToolbarWrapper: ToolbarWrapperPositioningBottom,\n },\n [Position.FLOATING]: {\n PlateWrapperClassNames: 'tw-relative tw-w-full',\n ToolbarWrapper: ToolbarWrapperPositioningFloating,\n },\n [Position.TOP]: {\n PlateWrapperClassNames: 'tw-relative tw-w-full tw-flex tw-flex-col-reverse',\n ToolbarWrapper: ToolbarWrapperPositioningTop,\n },\n};\n\nexport const getEditorWrapperClassNames = (position: Position, border: boolean) => {\n const toolbarPositioningClasses = EditorPositioningWrapper[position].PlateWrapperClassNames;\n\n return merge([\n toolbarPositioningClasses,\n border &&\n 'tw-transition-[border] tw-border tw-border-line-mid hover:tw-border-line-strong focus-within:tw-border-line-strong tw-rounded',\n ]);\n};\n"],"names":["EditorPositioningWrapper","Position","ToolbarWrapperPositioningBottom","ToolbarWrapperPositioningFloating","ToolbarWrapperPositioningTop","getEditorWrapperClassNames","position","border","toolbarPositioningClasses","merge"],"mappings":";;;;;AAYO,MAAMA,IAA0D;AAAA,EACnE,CAACC,EAAS,MAAM,GAAG;AAAA,IACf,wBAAwB;AAAA,IACxB,gBAAgBC;AAAA,EAAA;AAAA,EAEpB,CAACD,EAAS,QAAQ,GAAG;AAAA,IACjB,wBAAwB;AAAA,IACxB,gBAAgBE;AAAA,EAAA;AAAA,EAEpB,CAACF,EAAS,GAAG,GAAG;AAAA,IACZ,wBAAwB;AAAA,IACxB,gBAAgBG;AAAA,EAAA;AAExB,GAEaC,IAA6B,CAACC,GAAoBC,MAAoB;AAC/E,QAAMC,IAA4BR,EAAyBM,CAAQ,EAAE;AAErE,SAAOG,EAAM;AAAA,IACTD;AAAA,IACAD,KACI;AAAA,EAAA,CACP;AACL;"}
|