@reacteditor/core 0.0.4 → 0.0.6

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 (51) hide show
  1. package/dist/Editor-4LPVLYSU.css +415 -0
  2. package/dist/{Editor-2TYODRQT.mjs → Editor-YNFB7B6Z.mjs} +8 -8
  3. package/dist/{Render-VDC7AEQK.mjs → Render-STFB5CNO.mjs} +1 -1
  4. package/dist/Render-ZTUTUUAH.css +103 -0
  5. package/dist/{actions-BCDhqbeL.d.mts → actions-CQmL3wwa.d.mts} +11 -6
  6. package/dist/{actions-BCDhqbeL.d.ts → actions-CQmL3wwa.d.ts} +11 -6
  7. package/dist/{chunk-VD3EVRUF.mjs → chunk-275EJPEB.mjs} +2 -2
  8. package/dist/{chunk-ZHNRSSMW.mjs → chunk-6LG4Q4HO.mjs} +1 -1
  9. package/dist/chunk-6QJ2HF4O.mjs +11 -0
  10. package/dist/{chunk-6Q6A3BQH.mjs → chunk-BRDUM7MJ.mjs} +15 -15
  11. package/dist/{chunk-2LVYDXZS.mjs → chunk-CRF2GWQA.mjs} +3 -3
  12. package/dist/{chunk-TCVU3WEN.mjs → chunk-DB4R5IWG.mjs} +4 -4
  13. package/dist/{chunk-D2RG73WI.mjs → chunk-HCFEY5Y7.mjs} +475 -288
  14. package/dist/{chunk-VUEM62JF.mjs → chunk-UB2DES2O.mjs} +17 -6
  15. package/dist/{chunk-M2RKJTNY.mjs → chunk-WGPCLAZR.mjs} +1 -1
  16. package/dist/{chunk-HMTHZBH6.mjs → chunk-Z6IIVDFY.mjs} +1 -1
  17. package/dist/{full-7KJICNR5.mjs → full-24FOTNTB.mjs} +6 -6
  18. package/dist/full-7ABPY2WA.css +311 -0
  19. package/dist/{index-DVwiIwYU.d.mts → index-BOP2qNVA.d.mts} +1 -1
  20. package/dist/{index-ComBHfdn.d.ts → index-_G46lHpL.d.ts} +1 -1
  21. package/dist/index.css +1307 -1203
  22. package/dist/index.d.mts +11 -20
  23. package/dist/index.d.ts +11 -20
  24. package/dist/index.js +572 -372
  25. package/dist/index.mjs +10 -10
  26. package/dist/internal.d.mts +2 -2
  27. package/dist/internal.d.ts +2 -2
  28. package/dist/internal.js +17 -6
  29. package/dist/internal.mjs +1 -1
  30. package/dist/{loaded-DGSPK47E.mjs → loaded-6IBSSOXD.mjs} +3 -3
  31. package/dist/{loaded-IJNA4SY5.mjs → loaded-6NPDD7SF.mjs} +3 -3
  32. package/dist/{loaded-CBJRWD4Z.mjs → loaded-BQVZGQG2.mjs} +3 -3
  33. package/dist/loaded-N4KWL7FV.css +90 -0
  34. package/dist/no-external.css +1307 -1203
  35. package/dist/no-external.d.mts +4 -4
  36. package/dist/no-external.d.ts +4 -4
  37. package/dist/no-external.js +572 -372
  38. package/dist/no-external.mjs +10 -10
  39. package/dist/rsc.css +41 -41
  40. package/dist/rsc.d.mts +2 -2
  41. package/dist/rsc.d.ts +2 -2
  42. package/dist/rsc.js +5 -5
  43. package/dist/rsc.mjs +2 -2
  44. package/dist/{walk-tree-BPIigVTF.d.mts → walk-tree-Dwv3c_9M.d.mts} +1 -1
  45. package/dist/{walk-tree-BZq1CPCH.d.ts → walk-tree-DxSkPLnl.d.ts} +1 -1
  46. package/package.json +2 -1
  47. package/dist/Editor-GBV2O5RD.css +0 -415
  48. package/dist/Render-EFT7YD2C.css +0 -103
  49. package/dist/chunk-MFI3RDA4.mjs +0 -11
  50. package/dist/full-ELX6RALJ.css +0 -311
  51. package/dist/loaded-TBSVRJPY.css +0 -90
@@ -1,103 +0,0 @@
1
- /* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
2
- ._RichTextEditor_1grt5_1 .ProseMirror {
3
- white-space: pre-wrap;
4
- word-wrap: break-word;
5
- cursor: text;
6
- outline: none;
7
- position: relative;
8
- }
9
- ._RichTextEditor_1grt5_1 .rich-text * {
10
- white-space: pre-wrap;
11
- user-select: auto;
12
- -webkit-user-select: auto;
13
- }
14
- ._RichTextEditor_1grt5_1 .rich-text blockquote {
15
- margin: 1em 0;
16
- padding: 0 1em;
17
- border-left: 4px solid var(--re-border-default);
18
- }
19
- ._RichTextEditor_1grt5_1 .rich-text code {
20
- background-color: var(--re-surface-sunken);
21
- padding: 4px 8px;
22
- border-radius: var(--re-radius-sm);
23
- }
24
- ._RichTextEditor_1grt5_1 .rich-text p:empty::before {
25
- content: "\a0";
26
- }
27
- ._RichTextEditor_1grt5_1 .rich-text pre code {
28
- display: block;
29
- padding: 8px 12px;
30
- }
31
- ._RichTextEditor_1grt5_1 .rich-text > *:first-child,
32
- ._RichTextEditor_1grt5_1 .ProseMirror > *:first-child,
33
- ._RichTextEditor_1grt5_1 .rich-text * p:first-of-type {
34
- margin-top: 0;
35
- }
36
- ._RichTextEditor_1grt5_1 .rich-text > *:last-child,
37
- ._RichTextEditor_1grt5_1 .ProseMirror > *:last-child,
38
- ._RichTextEditor_1grt5_1 .rich-text * p:last-of-type {
39
- margin-bottom: 0;
40
- }
41
- ._RichTextEditor--editor_1grt5_50 {
42
- background: var(--re-surface-panel);
43
- border-width: 1px;
44
- border-style: solid;
45
- border-color: var(--re-border-default);
46
- border-radius: var(--re-radius-md);
47
- box-sizing: border-box;
48
- display: flex;
49
- flex-direction: column;
50
- font-family: inherit;
51
- font-size: var(--re-font-size-xxs);
52
- resize: vertical;
53
- text-align: initial;
54
- transition: border-color var(--re-motion-fast) var(--re-ease), box-shadow var(--re-motion-fast) var(--re-ease);
55
- width: 100%;
56
- max-width: 100%;
57
- min-height: 128px;
58
- }
59
- ._RichTextEditor--editor_1grt5_50 .rich-text {
60
- flex-grow: 1;
61
- }
62
- ._RichTextEditor--editor_1grt5_50 .rich-text:not(:has(.ProseMirror)),
63
- ._RichTextEditor--editor_1grt5_50 .rich-text .ProseMirror {
64
- height: 100%;
65
- padding: 12px 15px;
66
- }
67
- ._RichTextEditor--editor_1grt5_50 .rich-text ul,
68
- ._RichTextEditor--editor_1grt5_50 .rich-text ol {
69
- padding-left: 24px;
70
- }
71
- ._RichTextEditor--editor_1grt5_50 .rich-text li {
72
- line-height: 1.5;
73
- }
74
- ._RichTextEditor--editor_1grt5_50 .rich-text p {
75
- margin-block: 12px;
76
- }
77
- ._RichTextEditor--editor_1grt5_50 .rich-text ul {
78
- list-style: disc;
79
- }
80
- ._RichTextEditor--editor_1grt5_50 .rich-text ol {
81
- list-style: decimal;
82
- }
83
- ._RichTextEditor--editor_1grt5_50:focus-within {
84
- border-color: var(--re-accent);
85
- outline: none;
86
- box-shadow: var(--re-ring);
87
- transition: none;
88
- }
89
- ._RichTextEditor--editor_1grt5_50._RichTextEditor--disabled_1grt5_109 {
90
- background: var(--re-surface-sunken);
91
- }
92
- ._RichTextEditor_1grt5_1:not(:focus-within):not(._RichTextEditor--isActive_1grt5_113) .ProseMirror ::selection {
93
- background-color: transparent;
94
- }
95
- ._RichTextEditor-menu_1grt5_119 {
96
- border-bottom: 1px solid var(--re-border-subtle);
97
- position: sticky;
98
- top: 0;
99
- z-index: 1;
100
- }
101
- ._RichTextEditor--disabled_1grt5_109 ._RichTextEditor-menu_1grt5_119 {
102
- border-bottom: 1px solid var(--re-border-subtle);
103
- }
@@ -1,11 +0,0 @@
1
- import {
2
- init_react_import
3
- } from "./chunk-M6W7YEVX.mjs";
4
-
5
- // css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/RichTextEditor/styles.module.css#css-module
6
- init_react_import();
7
- var styles_module_default = { "RichTextEditor": "_RichTextEditor_1grt5_1", "RichTextEditor--editor": "_RichTextEditor--editor_1grt5_50", "RichTextEditor--disabled": "_RichTextEditor--disabled_1grt5_109", "RichTextEditor--isActive": "_RichTextEditor--isActive_1grt5_113", "RichTextEditor-menu": "_RichTextEditor-menu_1grt5_119" };
8
-
9
- export {
10
- styles_module_default
11
- };
@@ -1,311 +0,0 @@
1
- /* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
2
- ._RichTextMenu_7muaf_1 {
3
- display: flex;
4
- flex-direction: row;
5
- flex-wrap: nowrap;
6
- }
7
- ._RichTextMenu--form_7muaf_7 {
8
- border-top-left-radius: var(--re-radius-md);
9
- border-top-right-radius: var(--re-radius-md);
10
- padding: 6px 6px;
11
- background-color: var(--re-surface-sunken);
12
- position: relative;
13
- scrollbar-width: none;
14
- overflow-x: auto;
15
- }
16
- ._RichTextMenu-group_7muaf_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_7muaf_17:first-of-type {
26
- padding-left: 0;
27
- }
28
- ._RichTextMenu-group_7muaf_17:last-of-type {
29
- padding-right: 0;
30
- }
31
- ._RichTextMenu--inline_7muaf_35 ._RichTextMenu-group_7muaf_17 {
32
- color: var(--re-text-inverse);
33
- opacity: 0.85;
34
- gap: 0px;
35
- flex-wrap: nowrap;
36
- }
37
- ._RichTextMenu-group_7muaf_17 + ._RichTextMenu-group_7muaf_17 {
38
- border-left: 1px solid var(--re-border-subtle);
39
- }
40
- ._RichTextMenu--inline_7muaf_35 ._RichTextMenu-group_7muaf_17 + ._RichTextMenu-group_7muaf_17 {
41
- border-left: 0.5px solid rgba(255, 255, 255, 0.2);
42
- }
43
-
44
- /* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
45
- ._IconButton_19x6h_1 {
46
- align-items: center;
47
- background: transparent;
48
- border: none;
49
- border-radius: var(--re-radius-md);
50
- color: currentColor;
51
- display: flex;
52
- font-family: var(--re-font-family);
53
- justify-content: center;
54
- padding: 4px;
55
- transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
56
- }
57
- ._IconButton--active_19x6h_15 {
58
- color: var(--re-text-accent);
59
- background: var(--re-accent-soft);
60
- }
61
- ._IconButton_19x6h_1:focus-visible {
62
- outline: none;
63
- box-shadow: var(--re-ring);
64
- }
65
- @media (hover: hover) and (pointer: fine) {
66
- ._IconButton_19x6h_1:hover:not(._IconButton--disabled_19x6h_26) {
67
- background: var(--re-surface-hover);
68
- color: var(--re-text-accent);
69
- cursor: pointer;
70
- transition: none;
71
- }
72
- }
73
- ._IconButton_19x6h_1:active {
74
- background: var(--re-accent-soft);
75
- transition: none;
76
- }
77
- ._IconButton-title_19x6h_39 {
78
- clip: rect(0 0 0 0);
79
- clip-path: inset(100%);
80
- height: 1px;
81
- overflow: hidden;
82
- position: absolute;
83
- white-space: nowrap;
84
- width: 1px;
85
- }
86
- ._IconButton--disabled_19x6h_26 {
87
- color: var(--re-text-tertiary);
88
- }
89
-
90
- /* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/Loader/styles.module.css/#css-module-data */
91
- @keyframes _loader-animation_nacdm_1 {
92
- 0% {
93
- transform: rotate(0deg) scale(1);
94
- }
95
- 50% {
96
- transform: rotate(180deg) scale(0.8);
97
- }
98
- 100% {
99
- transform: rotate(360deg) scale(1);
100
- }
101
- }
102
- ._Loader_nacdm_13 {
103
- background: transparent;
104
- border-radius: 100%;
105
- border: 2px solid currentColor;
106
- border-bottom-color: transparent;
107
- display: inline-block;
108
- animation: _loader-animation_nacdm_1 1s 0s infinite linear;
109
- animation-fill-mode: both;
110
- }
111
-
112
- /* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/ActionBar/styles.module.css/#css-module-data */
113
- ._ActionBar_5kf61_1 {
114
- align-items: center;
115
- cursor: default;
116
- display: flex;
117
- width: auto;
118
- padding: 4px;
119
- padding-inline-start: 0;
120
- padding-inline-end: 0;
121
- border-top-left-radius: var(--re-radius-lg);
122
- border-top-right-radius: var(--re-radius-lg);
123
- border-radius: var(--re-radius-lg);
124
- background: var(--re-primary);
125
- color: var(--re-primary-foreground);
126
- font-family: var(--re-font-family);
127
- min-height: 26px;
128
- box-shadow: var(--re-shadow-md);
129
- }
130
- ._ActionBar-label_5kf61_19 {
131
- color: var(--re-primary-foreground);
132
- opacity: 0.85;
133
- font-size: var(--re-font-size-xxxs);
134
- font-weight: 500;
135
- padding-inline-start: 8px;
136
- padding-inline-end: 8px;
137
- margin-inline-start: 4px;
138
- margin-inline-end: 4px;
139
- text-overflow: ellipsis;
140
- white-space: nowrap;
141
- }
142
- ._ActionBarAction_5kf61_32 + ._ActionBar-label_5kf61_19 {
143
- padding-inline-start: 0;
144
- }
145
- ._ActionBar-label_5kf61_19 + ._ActionBarAction_5kf61_32 {
146
- margin-inline-start: -4px;
147
- }
148
- ._ActionBar-group_5kf61_40 {
149
- align-items: center;
150
- border-inline-start: 0.5px solid rgba(255, 255, 255, 0.2);
151
- display: flex;
152
- height: 100%;
153
- padding-inline-start: 4px;
154
- padding-inline-end: 4px;
155
- }
156
- ._ActionBar-group_5kf61_40:first-of-type {
157
- border-inline-start: 0;
158
- }
159
- ._ActionBar-group_5kf61_40:empty {
160
- display: none;
161
- }
162
- ._ActionBarAction_5kf61_32 {
163
- background: transparent;
164
- border: none;
165
- color: var(--re-primary-foreground);
166
- opacity: 0.85;
167
- cursor: pointer;
168
- padding: 6px;
169
- margin-inline-start: 4px;
170
- margin-inline-end: 4px;
171
- border-radius: var(--re-radius-sm);
172
- overflow: hidden;
173
- display: flex;
174
- align-items: center;
175
- justify-content: center;
176
- transition: opacity var(--re-motion-fast) var(--re-ease), background-color var(--re-motion-fast) var(--re-ease);
177
- }
178
- ._ActionBarAction--disabled_5kf61_75 {
179
- cursor: auto;
180
- opacity: 0.4;
181
- }
182
- ._ActionBarAction_5kf61_32 svg {
183
- max-width: none !important;
184
- }
185
- ._ActionBarAction_5kf61_32:focus-visible {
186
- outline: none;
187
- box-shadow: var(--re-ring);
188
- }
189
- @media (hover: hover) and (pointer: fine) {
190
- ._ActionBarAction_5kf61_32:hover:not(._ActionBarAction--disabled_5kf61_75) {
191
- opacity: 1;
192
- background: rgba(255, 255, 255, 0.12);
193
- transition: none;
194
- }
195
- }
196
- ._ActionBarAction_5kf61_32:active:not(._ActionBarAction--disabled_5kf61_75),
197
- ._ActionBarAction--active_5kf61_98 {
198
- opacity: 1;
199
- background: rgba(255, 255, 255, 0.18);
200
- transition: none;
201
- }
202
- ._ActionBar-group_5kf61_40 * {
203
- margin: 0;
204
- }
205
- ._ActionBar-separator_5kf61_108 {
206
- background: rgba(255, 255, 255, 0.2);
207
- margin-inline: 4px;
208
- width: 0.5px;
209
- height: 100%;
210
- }
211
-
212
- /* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
213
- ._Control_1aveu_1 .lucide {
214
- height: 18px;
215
- width: 18px;
216
- }
217
- ._Control--inline_1aveu_6 .lucide {
218
- height: 16px;
219
- width: 16px;
220
- }
221
-
222
- /* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/Select/styles.module.css/#css-module-data */
223
- ._Select_6nen1_1 {
224
- position: relative;
225
- z-index: 1;
226
- }
227
- ._Select-button_6nen1_6 {
228
- align-items: center;
229
- background: transparent;
230
- border: none;
231
- border-radius: var(--re-radius-sm);
232
- display: flex;
233
- justify-content: center;
234
- gap: 0px;
235
- height: 100%;
236
- padding: 4px;
237
- padding-right: 2px;
238
- transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
239
- }
240
- ._Select--hasOptions_6nen1_21 ._Select-button_6nen1_6 {
241
- color: currentColor;
242
- }
243
- ._Select--hasOptions_6nen1_21:not(._Select--disabled_6nen1_25) ._Select-button_6nen1_6 {
244
- cursor: pointer;
245
- }
246
- ._Select-buttonIcon_6nen1_29 {
247
- align-items: center;
248
- display: flex;
249
- justify-content: center;
250
- }
251
- ._Select--standalone_6nen1_35 ._Select-buttonIcon_6nen1_29 .lucide {
252
- height: 18px;
253
- width: 18px;
254
- }
255
- ._Select--actionBar_6nen1_40 ._Select-buttonIcon_6nen1_29 .lucide {
256
- height: 16px;
257
- width: 16px;
258
- }
259
- ._Select--hasOptions_6nen1_21:not(._Select--disabled_6nen1_25) ._Select-button_6nen1_6:hover,
260
- ._Select--hasValue_6nen1_46 ._Select-button_6nen1_6 {
261
- background: var(--re-surface-hover);
262
- color: var(--re-text-accent);
263
- }
264
- ._Select--disabled_6nen1_25 ._Select-button_6nen1_6 {
265
- color: var(--re-text-tertiary);
266
- }
267
- ._Select--actionBar_6nen1_40 {
268
- &._Select--hasOptions_6nen1_21 ._Select-button_6nen1_6:hover,
269
- &._Select--hasValue_6nen1_46 ._Select-button_6nen1_6 {
270
- background: rgba(255, 255, 255, 0.12);
271
- color: var(--re-text-inverse);
272
- }
273
- }
274
- ._Select-items_6nen1_63 {
275
- background: var(--re-surface-panel);
276
- border: 1px solid var(--re-border-subtle);
277
- border-radius: var(--re-radius-lg);
278
- box-shadow: var(--re-shadow-lg);
279
- margin: 10px 8px;
280
- margin-left: 0;
281
- padding: 4px;
282
- z-index: 2;
283
- list-style: none;
284
- }
285
- ._SelectItem_6nen1_75 {
286
- background: transparent;
287
- border-radius: var(--re-radius-sm);
288
- border: none;
289
- color: var(--re-text-secondary);
290
- cursor: pointer;
291
- display: flex;
292
- gap: 8px;
293
- align-items: center;
294
- font-size: var(--re-font-size-xxs);
295
- margin: 0;
296
- padding: 8px 12px;
297
- width: 100%;
298
- transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
299
- }
300
- ._SelectItem--isSelected_6nen1_92 {
301
- background: var(--re-accent-soft);
302
- color: var(--re-text-accent);
303
- font-weight: 500;
304
- }
305
- ._SelectItem--isSelected_6nen1_92 ._SelectItem-icon_6nen1_98 {
306
- color: var(--re-text-accent);
307
- }
308
- ._SelectItem_6nen1_75:hover {
309
- background: var(--re-surface-hover);
310
- color: var(--re-text-accent);
311
- }
@@ -1,90 +0,0 @@
1
- /* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/Select/styles.module.css/#css-module-data */
2
- ._Select_6nen1_1 {
3
- position: relative;
4
- z-index: 1;
5
- }
6
- ._Select-button_6nen1_6 {
7
- align-items: center;
8
- background: transparent;
9
- border: none;
10
- border-radius: var(--re-radius-sm);
11
- display: flex;
12
- justify-content: center;
13
- gap: 0px;
14
- height: 100%;
15
- padding: 4px;
16
- padding-right: 2px;
17
- transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
18
- }
19
- ._Select--hasOptions_6nen1_21 ._Select-button_6nen1_6 {
20
- color: currentColor;
21
- }
22
- ._Select--hasOptions_6nen1_21:not(._Select--disabled_6nen1_25) ._Select-button_6nen1_6 {
23
- cursor: pointer;
24
- }
25
- ._Select-buttonIcon_6nen1_29 {
26
- align-items: center;
27
- display: flex;
28
- justify-content: center;
29
- }
30
- ._Select--standalone_6nen1_35 ._Select-buttonIcon_6nen1_29 .lucide {
31
- height: 18px;
32
- width: 18px;
33
- }
34
- ._Select--actionBar_6nen1_40 ._Select-buttonIcon_6nen1_29 .lucide {
35
- height: 16px;
36
- width: 16px;
37
- }
38
- ._Select--hasOptions_6nen1_21:not(._Select--disabled_6nen1_25) ._Select-button_6nen1_6:hover,
39
- ._Select--hasValue_6nen1_46 ._Select-button_6nen1_6 {
40
- background: var(--re-surface-hover);
41
- color: var(--re-text-accent);
42
- }
43
- ._Select--disabled_6nen1_25 ._Select-button_6nen1_6 {
44
- color: var(--re-text-tertiary);
45
- }
46
- ._Select--actionBar_6nen1_40 {
47
- &._Select--hasOptions_6nen1_21 ._Select-button_6nen1_6:hover,
48
- &._Select--hasValue_6nen1_46 ._Select-button_6nen1_6 {
49
- background: rgba(255, 255, 255, 0.12);
50
- color: var(--re-text-inverse);
51
- }
52
- }
53
- ._Select-items_6nen1_63 {
54
- background: var(--re-surface-panel);
55
- border: 1px solid var(--re-border-subtle);
56
- border-radius: var(--re-radius-lg);
57
- box-shadow: var(--re-shadow-lg);
58
- margin: 10px 8px;
59
- margin-left: 0;
60
- padding: 4px;
61
- z-index: 2;
62
- list-style: none;
63
- }
64
- ._SelectItem_6nen1_75 {
65
- background: transparent;
66
- border-radius: var(--re-radius-sm);
67
- border: none;
68
- color: var(--re-text-secondary);
69
- cursor: pointer;
70
- display: flex;
71
- gap: 8px;
72
- align-items: center;
73
- font-size: var(--re-font-size-xxs);
74
- margin: 0;
75
- padding: 8px 12px;
76
- width: 100%;
77
- transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
78
- }
79
- ._SelectItem--isSelected_6nen1_92 {
80
- background: var(--re-accent-soft);
81
- color: var(--re-text-accent);
82
- font-weight: 500;
83
- }
84
- ._SelectItem--isSelected_6nen1_92 ._SelectItem-icon_6nen1_98 {
85
- color: var(--re-text-accent);
86
- }
87
- ._SelectItem_6nen1_75:hover {
88
- background: var(--re-surface-hover);
89
- color: var(--re-text-accent);
90
- }