@puckeditor/core 0.22.0-canary.faffb521 → 0.22.0

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.
Files changed (35) hide show
  1. package/dist/{Editor-HFELA66Z.mjs → Editor-FJJNKTC3.mjs} +8 -9
  2. package/dist/Editor-ZZW3KF2T.css +385 -0
  3. package/dist/{Render-MJ563JES.mjs → Render-DQXAYUBI.mjs} +1 -1
  4. package/dist/Render-EKEWMTMI.css +117 -0
  5. package/dist/{chunk-GFIZBMKN.mjs → chunk-3RQGAM3Z.mjs} +1 -1
  6. package/dist/{chunk-6PUO3QRB.mjs → chunk-4US666EQ.mjs} +91 -248
  7. package/dist/{chunk-52JFFDX2.mjs → chunk-ELDOSC5Y.mjs} +1469 -1335
  8. package/dist/{chunk-4V66DSMA.mjs → chunk-GKUX6MNS.mjs} +4 -4
  9. package/dist/{chunk-AOEDIUVK.mjs → chunk-H635BA2V.mjs} +1 -1
  10. package/dist/{chunk-4X2SLJRQ.mjs → chunk-M5GPDW62.mjs} +1 -1
  11. package/dist/{chunk-CO6PRTVM.mjs → chunk-SSXLOL3N.mjs} +6 -6
  12. package/dist/{chunk-MQKADUDK.mjs → chunk-XIGSFEU7.mjs} +1 -1
  13. package/dist/{chunk-OVPTKQ2P.mjs → chunk-XQHCQEAF.mjs} +229 -51
  14. package/dist/{full-YKFH7JSW.mjs → full-6ZILLKCS.mjs} +6 -6
  15. package/dist/full-S3QQ2IBQ.css +267 -0
  16. package/dist/index.css +1287 -1171
  17. package/dist/index.d.mts +9 -9
  18. package/dist/index.d.ts +9 -9
  19. package/dist/index.js +1993 -1837
  20. package/dist/index.mjs +11 -10
  21. package/dist/loaded-FVWRAJR3.css +215 -0
  22. package/dist/{loaded-A7UUCT2O.mjs → loaded-LAKI4KDY.mjs} +2 -2
  23. package/dist/{loaded-2QS7VXZ6.mjs → loaded-PILFUJGA.mjs} +2 -2
  24. package/dist/{loaded-JHBS3QYA.mjs → loaded-QH5RKCGC.mjs} +2 -2
  25. package/dist/no-external.css +1287 -1171
  26. package/dist/no-external.js +1993 -1837
  27. package/dist/no-external.mjs +11 -10
  28. package/dist/rsc.css +61 -46
  29. package/dist/rsc.js +6 -6
  30. package/dist/rsc.mjs +2 -2
  31. package/package.json +1 -1
  32. package/dist/Editor-IQP25PUX.css +0 -404
  33. package/dist/Render-3OV4N4MT.css +0 -102
  34. package/dist/full-2GJTAAZE.css +0 -301
  35. package/dist/loaded-RVWBFK7L.css +0 -87
@@ -17,27 +17,28 @@ import {
17
17
  setDeep,
18
18
  useGetPuck,
19
19
  usePuck
20
- } from "./chunk-52JFFDX2.mjs";
21
- import "./chunk-4V66DSMA.mjs";
20
+ } from "./chunk-ELDOSC5Y.mjs";
21
+ import "./chunk-GKUX6MNS.mjs";
22
22
  import {
23
23
  migrate,
24
24
  resolveAllData,
25
25
  transformProps
26
- } from "./chunk-CO6PRTVM.mjs";
27
- import "./chunk-AOEDIUVK.mjs";
26
+ } from "./chunk-SSXLOL3N.mjs";
27
+ import "./chunk-H635BA2V.mjs";
28
+ import {
29
+ RichTextMenu
30
+ } from "./chunk-4US666EQ.mjs";
31
+ import "./chunk-M5GPDW62.mjs";
32
+ import "./chunk-3RQGAM3Z.mjs";
33
+ import "./chunk-XIGSFEU7.mjs";
28
34
  import {
29
35
  Action,
30
36
  ActionBar,
31
37
  Group,
32
38
  IconButton,
33
39
  Label,
34
- RichTextMenu,
35
40
  Separator
36
- } from "./chunk-6PUO3QRB.mjs";
37
- import "./chunk-4X2SLJRQ.mjs";
38
- import "./chunk-GFIZBMKN.mjs";
39
- import "./chunk-MQKADUDK.mjs";
40
- import "./chunk-OVPTKQ2P.mjs";
41
+ } from "./chunk-XQHCQEAF.mjs";
41
42
  import "./chunk-DVZWVU66.mjs";
42
43
  import "./chunk-6MO3E35Y.mjs";
43
44
  import "./chunk-Y2EFNT5P.mjs";
package/dist/rsc.css CHANGED
@@ -1,102 +1,117 @@
1
1
  /* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
2
- ._RichTextEditor_z25h4_1 .ProseMirror {
2
+ ._RichTextEditor_5wzos_1 .ProseMirror {
3
3
  white-space: pre-wrap;
4
4
  word-wrap: break-word;
5
5
  cursor: text;
6
6
  outline: none;
7
7
  position: relative;
8
8
  }
9
- ._RichTextEditor_z25h4_1 .rich-text * {
9
+ ._RichTextEditor_5wzos_1 .rich-text * {
10
10
  white-space: pre-wrap;
11
11
  user-select: auto;
12
12
  -webkit-user-select: auto;
13
13
  }
14
- ._RichTextEditor_z25h4_1 .rich-text blockquote {
14
+ ._RichTextEditor_5wzos_1 .rich-text blockquote {
15
15
  margin: 1em 0;
16
16
  padding: 0 1em;
17
- border-left: 4px solid var(--puck-color-grey-09);
17
+ border-left: var(--puck-border-width-strong) solid var(--puck-color-border);
18
18
  }
19
- ._RichTextEditor_z25h4_1 .rich-text code {
20
- background-color: var(--puck-color-grey-11);
21
- padding: 4px 8px;
22
- border-radius: 4px;
19
+ ._RichTextEditor_5wzos_1 .rich-text code {
20
+ background-color: var(--puck-color-surface-muted);
21
+ padding: var(--puck-space-1) var(--puck-space-2);
22
+ border-radius: var(--puck-radius-m);
23
23
  }
24
- ._RichTextEditor_z25h4_1 .rich-text p:empty::before {
24
+ ._RichTextEditor_5wzos_1 .rich-text p:empty::before {
25
25
  content: "\a0";
26
26
  }
27
- ._RichTextEditor_z25h4_1 .rich-text pre code {
27
+ ._RichTextEditor_5wzos_1 .rich-text pre code {
28
28
  display: block;
29
- padding: 8px 12px;
29
+ padding: var(--puck-space-2) var(--puck-space-3);
30
30
  }
31
- ._RichTextEditor_z25h4_1 .rich-text > *:first-child,
32
- ._RichTextEditor_z25h4_1 .ProseMirror > *:first-child,
33
- ._RichTextEditor_z25h4_1 .rich-text * p:first-of-type {
31
+ ._RichTextEditor_5wzos_1 .rich-text > *:first-child,
32
+ ._RichTextEditor_5wzos_1 .ProseMirror > *:first-child,
33
+ ._RichTextEditor_5wzos_1 .rich-text * p:first-of-type {
34
34
  margin-top: 0;
35
35
  }
36
- ._RichTextEditor_z25h4_1 .rich-text > *:last-child,
37
- ._RichTextEditor_z25h4_1 .ProseMirror > *:last-child,
38
- ._RichTextEditor_z25h4_1 .rich-text * p:last-of-type {
36
+ ._RichTextEditor_5wzos_1 .rich-text > *:last-child,
37
+ ._RichTextEditor_5wzos_1 .ProseMirror > *:last-child,
38
+ ._RichTextEditor_5wzos_1 .rich-text * p:last-of-type {
39
39
  margin-bottom: 0;
40
40
  }
41
- ._RichTextEditor--editor_z25h4_50 {
42
- background: var(--puck-color-white);
43
- border-width: 1px;
41
+ ._RichTextEditor--editor_5wzos_50 {
42
+ color: var(--puck-field-color-text, var(--puck-color-text));
43
+ background: var(--puck-field-color-bg, var(--puck-color-surface));
44
+ border-width: var( --puck-field-border-width, var(--puck-border-width-regular) );
44
45
  border-style: solid;
45
- border-color: var(--puck-color-grey-09);
46
- border-radius: 4px;
46
+ border-color: var(--puck-field-color-border, var(--puck-color-border));
47
+ border-radius: var(--puck-field-radius, var(--puck-radius-m));
47
48
  box-sizing: border-box;
48
49
  display: flex;
49
50
  flex-direction: column;
50
51
  font-family: inherit;
51
- font-size: var(--puck-font-size-xxs);
52
+ font-size: var(--puck-field-font-size, var(--puck-font-size-xxs));
52
53
  resize: vertical;
53
54
  text-align: initial;
54
- transition: border-color 50ms ease-in;
55
+ transition: border-color var(--puck-duration-fast) var(--puck-ease-exit);
55
56
  width: 100%;
56
57
  max-width: 100%;
57
58
  min-height: 128px;
58
59
  }
59
- ._RichTextEditor--editor_z25h4_50 .rich-text {
60
+ ._RichTextEditor--editor_5wzos_50 .rich-text {
60
61
  flex-grow: 1;
61
62
  }
62
- ._RichTextEditor--editor_z25h4_50 .rich-text:not(:has(.ProseMirror)),
63
- ._RichTextEditor--editor_z25h4_50 .rich-text .ProseMirror {
63
+ ._RichTextEditor--editor_5wzos_50 .rich-text:not(:has(.ProseMirror)),
64
+ ._RichTextEditor--editor_5wzos_50 .rich-text .ProseMirror {
64
65
  height: 100%;
65
- padding: 12px 15px;
66
+ padding: var(--puck-field-space-y, var(--puck-space-3)) var( --puck-field-space-x, calc( var(--puck-space-4) - var(--puck-field-border-width, var(--puck-border-width-regular)) ) );
66
67
  }
67
- ._RichTextEditor--editor_z25h4_50 .rich-text ul,
68
- ._RichTextEditor--editor_z25h4_50 .rich-text ol {
69
- padding-left: 24px;
68
+ ._RichTextEditor--editor_5wzos_50 .rich-text ul,
69
+ ._RichTextEditor--editor_5wzos_50 .rich-text ol {
70
+ padding-left: var(--puck-space-5);
70
71
  }
71
- ._RichTextEditor--editor_z25h4_50 .rich-text li {
72
+ ._RichTextEditor--editor_5wzos_50 .rich-text li {
72
73
  line-height: 1.5;
73
74
  }
74
- ._RichTextEditor--editor_z25h4_50 .rich-text p {
75
- margin-block: 12px;
75
+ ._RichTextEditor--editor_5wzos_50 .rich-text p {
76
+ margin-block: var(--puck-space-3);
76
77
  }
77
- ._RichTextEditor--editor_z25h4_50 .rich-text ul {
78
+ ._RichTextEditor--editor_5wzos_50 .rich-text ul {
78
79
  list-style: disc;
79
80
  }
80
- ._RichTextEditor--editor_z25h4_50 .rich-text ol {
81
+ ._RichTextEditor--editor_5wzos_50 .rich-text ol {
81
82
  list-style: decimal;
82
83
  }
83
- ._RichTextEditor--editor_z25h4_50:focus-within {
84
- border-color: var(--puck-color-grey-05);
85
- outline: 2px solid var(--puck-color-azure-05);
84
+ ._RichTextEditor--editor_5wzos_50:focus-within {
85
+ border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) );
86
+ outline: var(--puck-border-width-focus) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring));
86
87
  transition: none;
87
88
  }
88
- ._RichTextEditor--editor_z25h4_50._RichTextEditor--disabled_z25h4_107 {
89
- background: var(--puck-color-grey-11);
89
+ @media (hover: hover) and (pointer: fine) {
90
+ ._RichTextEditor--editor_5wzos_50:hover:not(._RichTextEditor--disabled_5wzos_123) {
91
+ border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) );
92
+ transition: none;
93
+ }
90
94
  }
91
- ._RichTextEditor_z25h4_1:not(:focus-within):not(._RichTextEditor--isActive_z25h4_111) .ProseMirror ::selection {
95
+ ._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 {
96
+ background: var( --puck-field-color-bg-disabled, var(--puck-color-surface-muted) );
97
+ border-color: var( --puck-field-color-border-disabled, var(--puck-color-border) );
98
+ }
99
+ ._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .rich-text:not(:has(.ProseMirror)),
100
+ ._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .rich-text .ProseMirror {
101
+ color: var( --puck-field-color-text-disabled, var(--puck-color-text-secondary) );
102
+ }
103
+ ._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .ProseMirror[contenteditable=false] {
104
+ cursor: default;
105
+ }
106
+ ._RichTextEditor_5wzos_1:not(:focus-within):not(._RichTextEditor--isActive_5wzos_159) .ProseMirror ::selection {
92
107
  background-color: transparent;
93
108
  }
94
- ._RichTextEditor-menu_z25h4_117 {
95
- border-bottom: 1px solid var(--puck-color-grey-10);
109
+ ._RichTextEditor-menu_5wzos_165 {
110
+ border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border-muted);
96
111
  position: sticky;
97
112
  top: 0;
98
113
  z-index: 1;
99
114
  }
100
- ._RichTextEditor--disabled_z25h4_107 ._RichTextEditor-menu_z25h4_117 {
101
- border-bottom: 1px solid var(--puck-color-grey-09);
115
+ ._RichTextEditor--disabled_5wzos_123 ._RichTextEditor-menu_5wzos_165 {
116
+ border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
102
117
  }
package/dist/rsc.js CHANGED
@@ -199,7 +199,7 @@ var init_styles_module = __esm({
199
199
  "use strict";
200
200
  init_react_import();
201
201
  init_css_module_data();
202
- styles_module_default = { "RichTextEditor": "_RichTextEditor_z25h4_1", "RichTextEditor--editor": "_RichTextEditor--editor_z25h4_50", "RichTextEditor--disabled": "_RichTextEditor--disabled_z25h4_107", "RichTextEditor--isActive": "_RichTextEditor--isActive_z25h4_111", "RichTextEditor-menu": "_RichTextEditor-menu_z25h4_117" };
202
+ styles_module_default = { "RichTextEditor": "_RichTextEditor_5wzos_1", "RichTextEditor--editor": "_RichTextEditor--editor_5wzos_50", "RichTextEditor--disabled": "_RichTextEditor--disabled_5wzos_123", "RichTextEditor--isActive": "_RichTextEditor--isActive_5wzos_159", "RichTextEditor-menu": "_RichTextEditor-menu_5wzos_165" };
203
203
  }
204
204
  });
205
205
 
@@ -656,6 +656,11 @@ var mapDeep = (source, path, render) => {
656
656
 
657
657
  // components/RichTextEditor/lib/use-richtext-props.tsx
658
658
  var import_jsx_runtime3 = require("react/jsx-runtime");
659
+ var RichTextRender2 = (0, import_react4.lazy)(
660
+ () => Promise.resolve().then(() => (init_Render(), Render_exports)).then((m) => ({
661
+ default: m.RichTextRender
662
+ }))
663
+ );
659
664
  function useRichtextProps(fields, props) {
660
665
  const findAllRichtextKeys = (fields2, path = []) => {
661
666
  if (!fields2) return [];
@@ -680,11 +685,6 @@ function useRichtextProps(fields, props) {
680
685
  const richtextKeys = (0, import_react4.useMemo)(() => findAllRichtextKeys(fields), [fields]);
681
686
  const richtextProps = (0, import_react4.useMemo)(() => {
682
687
  if (!(richtextKeys == null ? void 0 : richtextKeys.length)) return {};
683
- const RichTextRender2 = (0, import_react4.lazy)(
684
- () => Promise.resolve().then(() => (init_Render(), Render_exports)).then((m) => ({
685
- default: m.RichTextRender
686
- }))
687
- );
688
688
  let result = __spreadValues({}, props);
689
689
  for (const { path, field } of richtextKeys) {
690
690
  result = mapDeep(result, path, (content) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
package/dist/rsc.mjs CHANGED
@@ -5,8 +5,8 @@ import {
5
5
  transformProps,
6
6
  useRichtextProps,
7
7
  useSlots
8
- } from "./chunk-CO6PRTVM.mjs";
9
- import "./chunk-AOEDIUVK.mjs";
8
+ } from "./chunk-SSXLOL3N.mjs";
9
+ import "./chunk-H635BA2V.mjs";
10
10
  import "./chunk-6MO3E35Y.mjs";
11
11
  import "./chunk-Y2EFNT5P.mjs";
12
12
  import {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@puckeditor/core",
3
- "version": "0.22.0-canary.faffb521",
3
+ "version": "0.22.0",
4
4
  "description": "The open-source visual editor for React",
5
5
  "author": "Chris Villa <chris@puckeditor.com>",
6
6
  "repository": "puckeditor/puck",
@@ -1,404 +0,0 @@
1
- /* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
2
- ._RichTextMenu_k97eh_1 {
3
- display: flex;
4
- flex-direction: row;
5
- flex-wrap: nowrap;
6
- }
7
- ._RichTextMenu--form_k97eh_7 {
8
- border-top-left-radius: 4px;
9
- border-top-right-radius: 4px;
10
- padding: 6px 6px;
11
- background-color: var(--puck-color-grey-12);
12
- position: relative;
13
- scrollbar-width: none;
14
- overflow-x: auto;
15
- }
16
- ._RichTextMenu-group_k97eh_17 {
17
- display: flex;
18
- align-items: space-between;
19
- flex-direction: row;
20
- flex-wrap: nowrap;
21
- padding-inline: 6px;
22
- gap: 2px;
23
- position: relative;
24
- }
25
- ._RichTextMenu-group_k97eh_17:first-of-type {
26
- padding-left: 0;
27
- }
28
- ._RichTextMenu-group_k97eh_17:last-of-type {
29
- padding-right: 0;
30
- }
31
- ._RichTextMenu--inline_k97eh_35 ._RichTextMenu-group_k97eh_17 {
32
- color: var(--puck-color-grey-08);
33
- gap: 0px;
34
- flex-wrap: nowrap;
35
- }
36
- ._RichTextMenu-group_k97eh_17 + ._RichTextMenu-group_k97eh_17 {
37
- border-left: 1px solid var(--puck-color-grey-10);
38
- }
39
- ._RichTextMenu--inline_k97eh_35 ._RichTextMenu-group_k97eh_17 + ._RichTextMenu-group_k97eh_17 {
40
- border-left: 0.5px solid var(--puck-color-grey-05);
41
- }
42
-
43
- /* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
44
- ._IconButton_ffob9_1 {
45
- align-items: center;
46
- background: transparent;
47
- border: none;
48
- border-radius: 4px;
49
- color: currentColor;
50
- display: flex;
51
- font-family: var(--puck-font-family);
52
- justify-content: center;
53
- padding: 4px;
54
- transition: background-color 50ms ease-in, color 50ms ease-in;
55
- }
56
- ._IconButton--active_ffob9_14 {
57
- color: var(--puck-color-azure-04);
58
- }
59
- ._IconButton_ffob9_1:focus-visible {
60
- outline: 2px solid var(--puck-color-azure-05);
61
- outline-offset: -2px;
62
- }
63
- @media (hover: hover) and (pointer: fine) {
64
- ._IconButton_ffob9_1:hover:not(._IconButton--disabled_ffob9_24) {
65
- background: var(--puck-color-grey-10);
66
- color: var(--puck-color-azure-04);
67
- cursor: pointer;
68
- transition: none;
69
- }
70
- }
71
- ._IconButton_ffob9_1:active {
72
- background: var(--puck-color-azure-11);
73
- transition: none;
74
- }
75
- ._IconButton-title_ffob9_37 {
76
- clip: rect(0 0 0 0);
77
- clip-path: inset(100%);
78
- height: 1px;
79
- overflow: hidden;
80
- position: absolute;
81
- white-space: nowrap;
82
- width: 1px;
83
- }
84
- ._IconButton--disabled_ffob9_24 {
85
- color: var(--puck-color-grey-07);
86
- }
87
-
88
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css/#css-module-data */
89
- @keyframes _loader-animation_nacdm_1 {
90
- 0% {
91
- transform: rotate(0deg) scale(1);
92
- }
93
- 50% {
94
- transform: rotate(180deg) scale(0.8);
95
- }
96
- 100% {
97
- transform: rotate(360deg) scale(1);
98
- }
99
- }
100
- ._Loader_nacdm_13 {
101
- background: transparent;
102
- border-radius: 100%;
103
- border: 2px solid currentColor;
104
- border-bottom-color: transparent;
105
- display: inline-block;
106
- animation: _loader-animation_nacdm_1 1s 0s infinite linear;
107
- animation-fill-mode: both;
108
- }
109
-
110
- /* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
111
- ._ActionBar_1nmyk_1 {
112
- align-items: center;
113
- cursor: default;
114
- display: flex;
115
- width: auto;
116
- padding: 4px;
117
- padding-inline-start: 0;
118
- padding-inline-end: 0;
119
- border-top-left-radius: 8px;
120
- border-top-right-radius: 8px;
121
- border-radius: 8px;
122
- background: var(--puck-color-grey-01);
123
- color: var(--puck-color-white);
124
- font-family: var(--puck-font-family);
125
- min-height: 26px;
126
- }
127
- ._ActionBar-label_1nmyk_18 {
128
- color: var(--puck-color-grey-08);
129
- font-size: var(--puck-font-size-xxxs);
130
- font-weight: 500;
131
- padding-inline-start: 8px;
132
- padding-inline-end: 8px;
133
- margin-inline-start: 4px;
134
- margin-inline-end: 4px;
135
- text-overflow: ellipsis;
136
- white-space: nowrap;
137
- }
138
- ._ActionBarAction_1nmyk_30 + ._ActionBar-label_1nmyk_18 {
139
- padding-inline-start: 0;
140
- }
141
- ._ActionBar-label_1nmyk_18 + ._ActionBarAction_1nmyk_30 {
142
- margin-inline-start: -4px;
143
- }
144
- ._ActionBar-group_1nmyk_38 {
145
- align-items: center;
146
- border-inline-start: 0.5px solid var(--puck-color-grey-05);
147
- display: flex;
148
- height: 100%;
149
- padding-inline-start: 4px;
150
- padding-inline-end: 4px;
151
- }
152
- ._ActionBar-group_1nmyk_38:first-of-type {
153
- border-inline-start: 0;
154
- }
155
- ._ActionBar-group_1nmyk_38:empty {
156
- display: none;
157
- }
158
- ._ActionBarAction_1nmyk_30 {
159
- background: transparent;
160
- border: none;
161
- color: var(--puck-color-grey-08);
162
- cursor: pointer;
163
- padding: 6px;
164
- margin-inline-start: 4px;
165
- margin-inline-end: 4px;
166
- border-radius: 4px;
167
- overflow: hidden;
168
- display: flex;
169
- align-items: center;
170
- justify-content: center;
171
- transition: color 50ms ease-in;
172
- }
173
- ._ActionBarAction--disabled_1nmyk_71 {
174
- cursor: auto;
175
- color: var(--puck-color-grey-06);
176
- }
177
- ._ActionBarAction_1nmyk_30 svg {
178
- max-width: none !important;
179
- }
180
- ._ActionBarAction_1nmyk_30:focus-visible {
181
- outline: 2px solid var(--puck-color-azure-05);
182
- outline-offset: -2px;
183
- }
184
- @media (hover: hover) and (pointer: fine) {
185
- ._ActionBarAction_1nmyk_30:hover:not(._ActionBarAction--disabled_1nmyk_71) {
186
- color: var(--puck-color-azure-06);
187
- transition: none;
188
- }
189
- }
190
- ._ActionBarAction_1nmyk_30:active:not(._ActionBarAction--disabled_1nmyk_71),
191
- ._ActionBarAction--active_1nmyk_93 {
192
- color: var(--puck-color-azure-07);
193
- transition: none;
194
- }
195
- ._ActionBar-group_1nmyk_38 * {
196
- margin: 0;
197
- }
198
- ._ActionBar-separator_1nmyk_102 {
199
- background: var(--puck-color-grey-05);
200
- margin-inline: 4px;
201
- width: 0.5px;
202
- height: 100%;
203
- }
204
-
205
- /* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
206
- ._Control_1aveu_1 .lucide {
207
- height: 18px;
208
- width: 18px;
209
- }
210
- ._Control--inline_1aveu_6 .lucide {
211
- height: 16px;
212
- width: 16px;
213
- }
214
-
215
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Select/styles.module.css/#css-module-data */
216
- ._Select_xjbef_1 {
217
- position: relative;
218
- z-index: 1;
219
- }
220
- ._Select-button_xjbef_6 {
221
- align-items: center;
222
- background: transparent;
223
- border: none;
224
- border-radius: 4px;
225
- display: flex;
226
- justify-content: center;
227
- gap: 0px;
228
- height: 100%;
229
- padding: 4px;
230
- padding-right: 2px;
231
- }
232
- ._Select--hasOptions_xjbef_19 ._Select-button_xjbef_6 {
233
- color: currentColor;
234
- }
235
- ._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6 {
236
- cursor: pointer;
237
- }
238
- ._Select-buttonIcon_xjbef_27 {
239
- align-items: center;
240
- display: flex;
241
- justify-content: center;
242
- }
243
- ._Select--standalone_xjbef_33 ._Select-buttonIcon_xjbef_27 .lucide {
244
- height: 18px;
245
- width: 18px;
246
- }
247
- ._Select--actionBar_xjbef_38 ._Select-buttonIcon_xjbef_27 .lucide {
248
- height: 16px;
249
- width: 16px;
250
- }
251
- ._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6:hover,
252
- ._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
253
- background: var(--puck-color-grey-10);
254
- color: var(--puck-color-azure-04);
255
- }
256
- ._Select--disabled_xjbef_23 ._Select-button_xjbef_6 {
257
- color: var(--puck-color-grey-07);
258
- }
259
- ._Select--actionBar_xjbef_38 {
260
- &._Select--hasOptions_xjbef_19 ._Select-button_xjbef_6:hover,
261
- &._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
262
- background: none;
263
- color: var(--puck-color-azure-07);
264
- }
265
- }
266
- ._Select-items_xjbef_61 {
267
- background: white;
268
- border: 1px solid var(--puck-color-grey-09);
269
- border-radius: 8px;
270
- margin: 10px 8px;
271
- margin-left: 0;
272
- padding: 4px;
273
- z-index: 2;
274
- list-style: none;
275
- }
276
- ._SelectItem_xjbef_72 {
277
- background: transparent;
278
- border-radius: 4px;
279
- border: none;
280
- color: var(--puck-color-grey-04);
281
- cursor: pointer;
282
- display: flex;
283
- gap: 8px;
284
- align-items: center;
285
- font-size: var(--puck-font-size-xxs);
286
- margin: 0;
287
- padding: 8px 12px;
288
- width: 100%;
289
- }
290
- ._SelectItem--isSelected_xjbef_87 {
291
- background: var(--puck-color-azure-11);
292
- color: var(--puck-color-azure-04);
293
- font-weight: 500;
294
- }
295
- ._SelectItem--isSelected_xjbef_87 ._SelectItem-icon_xjbef_93 {
296
- color: var(--puck-color-azure-04);
297
- }
298
- ._SelectItem_xjbef_72:hover {
299
- background: var(--puck-color-azure-11);
300
- color: var(--puck-color-azure-04);
301
- }
302
-
303
- /* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
304
- ._RichTextEditor_z25h4_1 .ProseMirror {
305
- white-space: pre-wrap;
306
- word-wrap: break-word;
307
- cursor: text;
308
- outline: none;
309
- position: relative;
310
- }
311
- ._RichTextEditor_z25h4_1 .rich-text * {
312
- white-space: pre-wrap;
313
- user-select: auto;
314
- -webkit-user-select: auto;
315
- }
316
- ._RichTextEditor_z25h4_1 .rich-text blockquote {
317
- margin: 1em 0;
318
- padding: 0 1em;
319
- border-left: 4px solid var(--puck-color-grey-09);
320
- }
321
- ._RichTextEditor_z25h4_1 .rich-text code {
322
- background-color: var(--puck-color-grey-11);
323
- padding: 4px 8px;
324
- border-radius: 4px;
325
- }
326
- ._RichTextEditor_z25h4_1 .rich-text p:empty::before {
327
- content: "\a0";
328
- }
329
- ._RichTextEditor_z25h4_1 .rich-text pre code {
330
- display: block;
331
- padding: 8px 12px;
332
- }
333
- ._RichTextEditor_z25h4_1 .rich-text > *:first-child,
334
- ._RichTextEditor_z25h4_1 .ProseMirror > *:first-child,
335
- ._RichTextEditor_z25h4_1 .rich-text * p:first-of-type {
336
- margin-top: 0;
337
- }
338
- ._RichTextEditor_z25h4_1 .rich-text > *:last-child,
339
- ._RichTextEditor_z25h4_1 .ProseMirror > *:last-child,
340
- ._RichTextEditor_z25h4_1 .rich-text * p:last-of-type {
341
- margin-bottom: 0;
342
- }
343
- ._RichTextEditor--editor_z25h4_50 {
344
- background: var(--puck-color-white);
345
- border-width: 1px;
346
- border-style: solid;
347
- border-color: var(--puck-color-grey-09);
348
- border-radius: 4px;
349
- box-sizing: border-box;
350
- display: flex;
351
- flex-direction: column;
352
- font-family: inherit;
353
- font-size: var(--puck-font-size-xxs);
354
- resize: vertical;
355
- text-align: initial;
356
- transition: border-color 50ms ease-in;
357
- width: 100%;
358
- max-width: 100%;
359
- min-height: 128px;
360
- }
361
- ._RichTextEditor--editor_z25h4_50 .rich-text {
362
- flex-grow: 1;
363
- }
364
- ._RichTextEditor--editor_z25h4_50 .rich-text:not(:has(.ProseMirror)),
365
- ._RichTextEditor--editor_z25h4_50 .rich-text .ProseMirror {
366
- height: 100%;
367
- padding: 12px 15px;
368
- }
369
- ._RichTextEditor--editor_z25h4_50 .rich-text ul,
370
- ._RichTextEditor--editor_z25h4_50 .rich-text ol {
371
- padding-left: 24px;
372
- }
373
- ._RichTextEditor--editor_z25h4_50 .rich-text li {
374
- line-height: 1.5;
375
- }
376
- ._RichTextEditor--editor_z25h4_50 .rich-text p {
377
- margin-block: 12px;
378
- }
379
- ._RichTextEditor--editor_z25h4_50 .rich-text ul {
380
- list-style: disc;
381
- }
382
- ._RichTextEditor--editor_z25h4_50 .rich-text ol {
383
- list-style: decimal;
384
- }
385
- ._RichTextEditor--editor_z25h4_50:focus-within {
386
- border-color: var(--puck-color-grey-05);
387
- outline: 2px solid var(--puck-color-azure-05);
388
- transition: none;
389
- }
390
- ._RichTextEditor--editor_z25h4_50._RichTextEditor--disabled_z25h4_107 {
391
- background: var(--puck-color-grey-11);
392
- }
393
- ._RichTextEditor_z25h4_1:not(:focus-within):not(._RichTextEditor--isActive_z25h4_111) .ProseMirror ::selection {
394
- background-color: transparent;
395
- }
396
- ._RichTextEditor-menu_z25h4_117 {
397
- border-bottom: 1px solid var(--puck-color-grey-10);
398
- position: sticky;
399
- top: 0;
400
- z-index: 1;
401
- }
402
- ._RichTextEditor--disabled_z25h4_107 ._RichTextEditor-menu_z25h4_117 {
403
- border-bottom: 1px solid var(--puck-color-grey-09);
404
- }