@bitrix24/b24ui-nuxt 2.0.7 → 2.0.8

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 (142) hide show
  1. package/dist/meta.d.mts +1 -1
  2. package/dist/meta.mjs +1 -1
  3. package/dist/module.json +1 -1
  4. package/dist/module.mjs +1 -1
  5. package/dist/runtime/components/RadioGroup.d.vue.ts +5 -5
  6. package/dist/runtime/components/RadioGroup.vue +1 -1
  7. package/dist/runtime/components/RadioGroup.vue.d.ts +5 -5
  8. package/dist/shared/{b24ui-nuxt.CPlfZAfR.mjs → b24ui-nuxt.CEMVb5Ee.mjs} +5 -3
  9. package/dist/unplugin.mjs +29 -1
  10. package/dist/vite.mjs +3 -1
  11. package/package.json +1 -8
  12. package/.nuxt/b24ui/accordion.ts +0 -20
  13. package/.nuxt/b24ui/advice.ts +0 -36
  14. package/.nuxt/b24ui/alert.ts +0 -176
  15. package/.nuxt/b24ui/avatar-group.ts +0 -52
  16. package/.nuxt/b24ui/avatar.ts +0 -63
  17. package/.nuxt/b24ui/badge.ts +0 -333
  18. package/.nuxt/b24ui/banner.ts +0 -78
  19. package/.nuxt/b24ui/breadcrumb.ts +0 -42
  20. package/.nuxt/b24ui/button.ts +0 -350
  21. package/.nuxt/b24ui/calendar.ts +0 -112
  22. package/.nuxt/b24ui/card.ts +0 -180
  23. package/.nuxt/b24ui/chat-message.ts +0 -123
  24. package/.nuxt/b24ui/chat-messages.ts +0 -14
  25. package/.nuxt/b24ui/chat-palette.ts +0 -8
  26. package/.nuxt/b24ui/chat-prompt-submit.ts +0 -5
  27. package/.nuxt/b24ui/chat-prompt.ts +0 -35
  28. package/.nuxt/b24ui/checkbox-group.ts +0 -255
  29. package/.nuxt/b24ui/checkbox.ts +0 -195
  30. package/.nuxt/b24ui/chip.ts +0 -238
  31. package/.nuxt/b24ui/collapsible.ts +0 -6
  32. package/.nuxt/b24ui/color-picker.ts +0 -42
  33. package/.nuxt/b24ui/command-palette.ts +0 -56
  34. package/.nuxt/b24ui/container.ts +0 -3
  35. package/.nuxt/b24ui/content/content-search-button.ts +0 -6
  36. package/.nuxt/b24ui/content/content-search.ts +0 -13
  37. package/.nuxt/b24ui/content/content-surround.ts +0 -21
  38. package/.nuxt/b24ui/content/content-toc.ts +0 -41
  39. package/.nuxt/b24ui/context-menu.ts +0 -91
  40. package/.nuxt/b24ui/countdown.ts +0 -89
  41. package/.nuxt/b24ui/dashboard-group.ts +0 -3
  42. package/.nuxt/b24ui/dashboard-search-button.ts +0 -6
  43. package/.nuxt/b24ui/dashboard-search.ts +0 -13
  44. package/.nuxt/b24ui/description-list.ts +0 -67
  45. package/.nuxt/b24ui/dropdown-menu.ts +0 -166
  46. package/.nuxt/b24ui/empty.ts +0 -145
  47. package/.nuxt/b24ui/error.ts +0 -9
  48. package/.nuxt/b24ui/field-group.ts +0 -17
  49. package/.nuxt/b24ui/file-upload.ts +0 -241
  50. package/.nuxt/b24ui/form-field.ts +0 -58
  51. package/.nuxt/b24ui/form.ts +0 -3
  52. package/.nuxt/b24ui/index.ts +0 -88
  53. package/.nuxt/b24ui/input-menu.ts +0 -631
  54. package/.nuxt/b24ui/input-number.ts +0 -426
  55. package/.nuxt/b24ui/input-tags.ts +0 -412
  56. package/.nuxt/b24ui/input.ts +0 -386
  57. package/.nuxt/b24ui/kbd.ts +0 -33
  58. package/.nuxt/b24ui/link.ts +0 -22
  59. package/.nuxt/b24ui/modal.ts +0 -57
  60. package/.nuxt/b24ui/navbar-divider.ts +0 -5
  61. package/.nuxt/b24ui/navbar-section.ts +0 -5
  62. package/.nuxt/b24ui/navbar-spacer.ts +0 -5
  63. package/.nuxt/b24ui/navbar.ts +0 -5
  64. package/.nuxt/b24ui/navigation-menu.ts +0 -155
  65. package/.nuxt/b24ui/page-card.ts +0 -489
  66. package/.nuxt/b24ui/page-columns.ts +0 -3
  67. package/.nuxt/b24ui/page-grid.ts +0 -3
  68. package/.nuxt/b24ui/page-links.ts +0 -26
  69. package/.nuxt/b24ui/page-list.ts +0 -8
  70. package/.nuxt/b24ui/pagination.ts +0 -13
  71. package/.nuxt/b24ui/pin-input.ts +0 -152
  72. package/.nuxt/b24ui/popover.ts +0 -6
  73. package/.nuxt/b24ui/progress.ts +0 -289
  74. package/.nuxt/b24ui/prose/a.ts +0 -5
  75. package/.nuxt/b24ui/prose/accordion-item.ts +0 -3
  76. package/.nuxt/b24ui/prose/accordion.ts +0 -6
  77. package/.nuxt/b24ui/prose/badge.ts +0 -3
  78. package/.nuxt/b24ui/prose/blockquote.ts +0 -5
  79. package/.nuxt/b24ui/prose/callout.ts +0 -83
  80. package/.nuxt/b24ui/prose/card-group.ts +0 -3
  81. package/.nuxt/b24ui/prose/card.ts +0 -86
  82. package/.nuxt/b24ui/prose/code-collapse.ts +0 -19
  83. package/.nuxt/b24ui/prose/code-group.ts +0 -10
  84. package/.nuxt/b24ui/prose/code-icon.ts +0 -66
  85. package/.nuxt/b24ui/prose/code-preview.ts +0 -14
  86. package/.nuxt/b24ui/prose/code.ts +0 -75
  87. package/.nuxt/b24ui/prose/collapsible.ts +0 -9
  88. package/.nuxt/b24ui/prose/em.ts +0 -5
  89. package/.nuxt/b24ui/prose/field-group.ts +0 -3
  90. package/.nuxt/b24ui/prose/field.ts +0 -11
  91. package/.nuxt/b24ui/prose/h1.ts +0 -26
  92. package/.nuxt/b24ui/prose/h2.ts +0 -28
  93. package/.nuxt/b24ui/prose/h3.ts +0 -28
  94. package/.nuxt/b24ui/prose/h4.ts +0 -28
  95. package/.nuxt/b24ui/prose/h5.ts +0 -25
  96. package/.nuxt/b24ui/prose/h6.ts +0 -25
  97. package/.nuxt/b24ui/prose/hr.ts +0 -5
  98. package/.nuxt/b24ui/prose/img.ts +0 -23
  99. package/.nuxt/b24ui/prose/index.ts +0 -41
  100. package/.nuxt/b24ui/prose/kbd.ts +0 -3
  101. package/.nuxt/b24ui/prose/li.ts +0 -5
  102. package/.nuxt/b24ui/prose/ol.ts +0 -5
  103. package/.nuxt/b24ui/prose/p.ts +0 -30
  104. package/.nuxt/b24ui/prose/pre.ts +0 -17
  105. package/.nuxt/b24ui/prose/steps.ts +0 -19
  106. package/.nuxt/b24ui/prose/strong.ts +0 -5
  107. package/.nuxt/b24ui/prose/table.ts +0 -6
  108. package/.nuxt/b24ui/prose/tabs-item.ts +0 -3
  109. package/.nuxt/b24ui/prose/tabs.ts +0 -5
  110. package/.nuxt/b24ui/prose/tbody.ts +0 -5
  111. package/.nuxt/b24ui/prose/td.ts +0 -5
  112. package/.nuxt/b24ui/prose/th.ts +0 -5
  113. package/.nuxt/b24ui/prose/thead.ts +0 -5
  114. package/.nuxt/b24ui/prose/tr.ts +0 -5
  115. package/.nuxt/b24ui/prose/ul.ts +0 -5
  116. package/.nuxt/b24ui/radio-group.ts +0 -303
  117. package/.nuxt/b24ui/range.ts +0 -184
  118. package/.nuxt/b24ui/select-menu.ts +0 -554
  119. package/.nuxt/b24ui/select.ts +0 -533
  120. package/.nuxt/b24ui/separator.ts +0 -131
  121. package/.nuxt/b24ui/sidebar-body.ts +0 -15
  122. package/.nuxt/b24ui/sidebar-footer.ts +0 -5
  123. package/.nuxt/b24ui/sidebar-header.ts +0 -5
  124. package/.nuxt/b24ui/sidebar-heading.ts +0 -5
  125. package/.nuxt/b24ui/sidebar-layout.ts +0 -160
  126. package/.nuxt/b24ui/sidebar-section.ts +0 -5
  127. package/.nuxt/b24ui/sidebar-spacer.ts +0 -5
  128. package/.nuxt/b24ui/sidebar.ts +0 -5
  129. package/.nuxt/b24ui/skeleton.ts +0 -21
  130. package/.nuxt/b24ui/slideover.ts +0 -130
  131. package/.nuxt/b24ui/stepper.ts +0 -187
  132. package/.nuxt/b24ui/switch.ts +0 -139
  133. package/.nuxt/b24ui/table-wrapper.ts +0 -46
  134. package/.nuxt/b24ui/table.ts +0 -131
  135. package/.nuxt/b24ui/tabs.ts +0 -119
  136. package/.nuxt/b24ui/textarea.ts +0 -186
  137. package/.nuxt/b24ui/timeline.ts +0 -211
  138. package/.nuxt/b24ui/toast.ts +0 -95
  139. package/.nuxt/b24ui/toaster.ts +0 -91
  140. package/.nuxt/b24ui/tooltip.ts +0 -10
  141. package/.nuxt/b24ui/user.ts +0 -95
  142. package/.nuxt/b24ui.css +0 -5
@@ -1,386 +0,0 @@
1
- const fieldGroup = [
2
- "horizontal",
3
- "vertical"
4
- ] as const
5
-
6
- const size = [
7
- "xss",
8
- "xs",
9
- "sm",
10
- "md",
11
- "lg",
12
- "xl"
13
- ] as const
14
-
15
- const color = [
16
- "air-primary",
17
- "air-primary-success",
18
- "air-primary-alert",
19
- "air-primary-copilot",
20
- "air-primary-warning",
21
- "default",
22
- "danger",
23
- "success",
24
- "warning",
25
- "primary",
26
- "secondary",
27
- "collab",
28
- "ai"
29
- ] as const
30
-
31
- const type = [
32
- "file"
33
- ] as const
34
-
35
- export default {
36
- "slots": {
37
- "root": "isolate relative inline-flex items-center",
38
- "base": "px-3 w-full py-0 border-0 focus:outline-none disabled:cursor-not-allowed disabled:pointer-events-none disabled:select-none disabled:opacity-30 disabled:resize-none appearance-none transition duration-300 ease-linear text-(--ui-color-base-1) style-blurred-bg-input placeholder:text-(--ui-color-design-plain-na-content-secondary) hover:text-(--ui-color-base-1) focus:text-(--ui-color-base-1) active:text-(--ui-color-base-1) font-[family-name:var(--ui-font-family-primary)] font-(--ui-font-weight-regular) align-middle text-ellipsis whitespace-nowrap",
39
- "leading": "absolute inset-y-0 start-0 flex items-center",
40
- "leadingIcon": "shrink-0 text-(--b24ui-icon-color)",
41
- "leadingAvatar": "shrink-0",
42
- "leadingAvatarSize": "",
43
- "trailing": "absolute inset-y-0 end-0 flex items-center",
44
- "trailingIcon": "shrink-0 text-(--b24ui-icon-color)",
45
- "tag": "pointer-events-none select-none absolute z-10 -top-[7px] right-[14px] flex flex-col justify-center items-center"
46
- },
47
- "variants": {
48
- "fieldGroup": {
49
- "horizontal": {
50
- "root": "group leading-none has-focus-visible:z-[1]",
51
- "base": "focus-visible:outline-none ring ring-inset ring-1 focus-visible:ring-2 group-not-only:group-first:rounded-e-3xl group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
52
- },
53
- "vertical": {
54
- "root": "group has-focus-visible:z-[1]",
55
- "base": "focus-visible:outline-none ring ring-inset ring-1 focus-visible:ring-2 group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
56
- }
57
- },
58
- "noSplit": {
59
- "false": "group-not-only:not-first:after:content-[''] group-not-only:not-first:after:absolute group-not-only:not-first:after:top-[7px] group-not-only:not-first:after:bottom-[6px] group-not-only:not-first:after:left-0 group-not-only:not-first:after:w-px group-not-only:not-first:after:bg-current/30"
60
- },
61
- "size": {
62
- "xss": {
63
- "base": "h-[20px] gap-1 text-(length:--ui-font-size-4xs)/[normal]",
64
- "leading": "px-1",
65
- "trailing": "px-1",
66
- "leadingIcon": "size-[12px]",
67
- "leadingAvatarSize": "3xs",
68
- "trailingIcon": "size-[12px]"
69
- },
70
- "xs": {
71
- "base": "h-[24px] gap-1 text-(length:--ui-font-size-xs)/[normal]",
72
- "leading": "px-1",
73
- "trailing": "px-1",
74
- "leadingIcon": "size-[14px]",
75
- "leadingAvatarSize": "3xs",
76
- "trailingIcon": "size-[14px]"
77
- },
78
- "sm": {
79
- "base": "h-[28px] gap-1.5 text-(length:--ui-font-size-sm)/[normal]",
80
- "leading": "px-1.5",
81
- "trailing": "px-1.5",
82
- "leadingIcon": "size-[16px]",
83
- "leadingAvatar": "size-[16px]",
84
- "leadingAvatarSize": "2xs",
85
- "trailingIcon": "size-[16px]"
86
- },
87
- "md": {
88
- "base": "h-[34px] gap-1.5 text-(length:--ui-font-size-lg)/[normal]",
89
- "leading": "px-2",
90
- "trailing": "px-2",
91
- "leadingIcon": "size-[18px]",
92
- "leadingAvatarSize": "2xs",
93
- "trailingIcon": "size-[18px]"
94
- },
95
- "lg": {
96
- "base": "h-[38px] gap-2 text-(length:--ui-font-size-lg)/[normal]",
97
- "leading": "px-2",
98
- "trailing": "px-2",
99
- "leadingIcon": "size-[22px]",
100
- "leadingAvatarSize": "2xs",
101
- "trailingIcon": "size-[22px]"
102
- },
103
- "xl": {
104
- "base": "h-[46px] gap-2 text-(length:--ui-font-size-2xl)/[normal]",
105
- "leading": "px-2",
106
- "trailing": "px-2",
107
- "leadingIcon": "size-[22px]",
108
- "leadingAvatarSize": "2xs",
109
- "trailingIcon": "size-[22px]"
110
- }
111
- },
112
- "color": {
113
- "air-primary": {
114
- "base": "style-filled"
115
- },
116
- "air-primary-success": {
117
- "base": "style-filled-success"
118
- },
119
- "air-primary-alert": {
120
- "base": "style-filled-alert"
121
- },
122
- "air-primary-copilot": {
123
- "base": "style-filled-copilot"
124
- },
125
- "air-primary-warning": {
126
- "base": "style-filled-warning"
127
- },
128
- "default": {
129
- "base": "style-old-default"
130
- },
131
- "danger": {
132
- "base": "style-old-danger"
133
- },
134
- "success": {
135
- "base": "style-old-success"
136
- },
137
- "warning": {
138
- "base": "style-old-warning"
139
- },
140
- "primary": {
141
- "base": "style-old-primary"
142
- },
143
- "secondary": {
144
- "base": "style-old-secondary"
145
- },
146
- "collab": {
147
- "base": "style-old-collab"
148
- },
149
- "ai": {
150
- "base": "style-old-ai"
151
- }
152
- },
153
- "rounded": {
154
- "true": "rounded-(--ui-border-radius-3xl)",
155
- "false": "rounded-(--ui-border-radius-sm)"
156
- },
157
- "noPadding": {
158
- "true": {
159
- "base": "px-0"
160
- }
161
- },
162
- "noBorder": {
163
- "true": "ring-0 focus-visible:ring-0 style-transparent-bg"
164
- },
165
- "underline": {
166
- "true": "rounded-none ring-0 focus-visible:ring-0 style-transparent-bg border-b-1 border-b-(--ui-color-design-outline-stroke)"
167
- },
168
- "leading": {
169
- "true": ""
170
- },
171
- "trailing": {
172
- "true": ""
173
- },
174
- "loading": {
175
- "true": ""
176
- },
177
- "highlight": {
178
- "true": "ring ring-inset ring-(--b24ui-border-color)"
179
- },
180
- "type": {
181
- "file": "file:me-1.5 file:text-(--ui-color-design-plain-na-content-secondary) file:outline-none"
182
- }
183
- },
184
- "compoundVariants": [
185
- {
186
- "highlight": false,
187
- "noBorder": false,
188
- "underline": false,
189
- "class": {
190
- "base": "ring ring-inset ring-(--ui-color-design-outline-stroke) focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-(--b24ui-border-color) hover:not-disabled:not-data-disabled:ring-1 hover:not-disabled:not-data-disabled:ring-inset hover:not-disabled:not-data-disabled:ring-(--b24ui-border-color) data-[state=open]:ring-1 data-[state=open]:ring-inset data-[state=open]:ring-(--b24ui-border-color)"
191
- }
192
- },
193
- {
194
- "highlight": true,
195
- "noBorder": false,
196
- "underline": false,
197
- "class": {
198
- "base": "ring ring-inset ring-(--b24ui-border-color) focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-(--b24ui-border-color) hover:ring-1 hover:ring-inset hover:ring-(--b24ui-border-color) data-[state=open]:ring-1 data-[state=open]:ring-inset data-[state=open]:ring-(--b24ui-border-color)"
199
- }
200
- },
201
- {
202
- "noBorder": false,
203
- "underline": true,
204
- "class": {
205
- "base": "focus-visible:border-(--b24ui-border-color) hover:border-(--b24ui-border-color) data-[state=open]:border-(--b24ui-border-color)"
206
- }
207
- },
208
- {
209
- "highlight": true,
210
- "noBorder": false,
211
- "underline": true,
212
- "class": {
213
- "base": "ring-0 border-b-(--b24ui-border-color)"
214
- }
215
- },
216
- {
217
- "highlight": true,
218
- "noBorder": true,
219
- "underline": false,
220
- "class": {
221
- "base": "ring-0"
222
- }
223
- },
224
- {
225
- "type": "file" as typeof type[number],
226
- "size": "xss" as typeof size[number],
227
- "class": "py-[2px]"
228
- },
229
- {
230
- "type": "file" as typeof type[number],
231
- "size": "xs" as typeof size[number],
232
- "class": "py-[4px]"
233
- },
234
- {
235
- "type": "file" as typeof type[number],
236
- "size": "sm" as typeof size[number],
237
- "class": "py-[5px]"
238
- },
239
- {
240
- "type": "file" as typeof type[number],
241
- "size": "md" as typeof size[number],
242
- "class": "py-[7px]"
243
- },
244
- {
245
- "type": "file" as typeof type[number],
246
- "size": "lg" as typeof size[number],
247
- "class": "py-[9px]"
248
- },
249
- {
250
- "type": "file" as typeof type[number],
251
- "size": "xl" as typeof size[number],
252
- "class": "py-[11px]"
253
- },
254
- {
255
- "leading": true,
256
- "noPadding": false,
257
- "size": "xss" as typeof size[number],
258
- "class": "ps-[20px]"
259
- },
260
- {
261
- "leading": true,
262
- "noPadding": false,
263
- "size": "xs" as typeof size[number],
264
- "class": "ps-[22px]"
265
- },
266
- {
267
- "leading": true,
268
- "noPadding": false,
269
- "size": "sm" as typeof size[number],
270
- "class": "ps-[28px]"
271
- },
272
- {
273
- "leading": true,
274
- "noPadding": false,
275
- "size": "md" as typeof size[number],
276
- "class": "ps-[32px]"
277
- },
278
- {
279
- "leading": true,
280
- "noPadding": false,
281
- "size": "lg" as typeof size[number],
282
- "class": "ps-[32px]"
283
- },
284
- {
285
- "leading": true,
286
- "noPadding": false,
287
- "size": "xl" as typeof size[number],
288
- "class": "ps-[32px]"
289
- },
290
- {
291
- "trailing": true,
292
- "noPadding": false,
293
- "size": "xss" as typeof size[number],
294
- "class": "pe-[20px]"
295
- },
296
- {
297
- "trailing": true,
298
- "noPadding": false,
299
- "size": "xs" as typeof size[number],
300
- "class": "pe-[22px]"
301
- },
302
- {
303
- "trailing": true,
304
- "noPadding": false,
305
- "size": "sm" as typeof size[number],
306
- "class": "pe-[28px]"
307
- },
308
- {
309
- "trailing": true,
310
- "noPadding": false,
311
- "size": "md" as typeof size[number],
312
- "class": "pe-[34px]"
313
- },
314
- {
315
- "trailing": true,
316
- "noPadding": false,
317
- "size": "lg" as typeof size[number],
318
- "class": "pe-[38px]"
319
- },
320
- {
321
- "trailing": true,
322
- "noPadding": false,
323
- "size": "xl" as typeof size[number],
324
- "class": "pe-[38px]"
325
- },
326
- {
327
- "loading": true,
328
- "leading": true,
329
- "class": {
330
- "leadingIcon": "size-[21px]"
331
- }
332
- },
333
- {
334
- "loading": true,
335
- "leading": false,
336
- "trailing": true,
337
- "class": {
338
- "trailingIcon": "size-[21px]"
339
- }
340
- },
341
- {
342
- "fieldGroup": [
343
- "horizontal" as typeof fieldGroup[number],
344
- "vertical" as typeof fieldGroup[number]
345
- ],
346
- "size": [
347
- "xl" as typeof size[number],
348
- "lg" as typeof size[number],
349
- "md" as typeof size[number]
350
- ],
351
- "rounded": false,
352
- "class": "rounded-(--ui-border-radius-md)"
353
- },
354
- {
355
- "fieldGroup": [
356
- "horizontal" as typeof fieldGroup[number],
357
- "vertical" as typeof fieldGroup[number]
358
- ],
359
- "size": "sm" as typeof size[number],
360
- "rounded": false,
361
- "class": "rounded-(--ui-border-radius-sm)"
362
- },
363
- {
364
- "fieldGroup": [
365
- "horizontal" as typeof fieldGroup[number],
366
- "vertical" as typeof fieldGroup[number]
367
- ],
368
- "size": "xs" as typeof size[number],
369
- "rounded": false,
370
- "class": "rounded-(--ui-border-radius-xs)"
371
- },
372
- {
373
- "fieldGroup": [
374
- "horizontal" as typeof fieldGroup[number],
375
- "vertical" as typeof fieldGroup[number]
376
- ],
377
- "size": "xss" as typeof size[number],
378
- "rounded": false,
379
- "class": "rounded-[5px]"
380
- }
381
- ],
382
- "defaultVariants": {
383
- "color": "air-primary" as typeof color[number],
384
- "size": "md" as typeof size[number]
385
- }
386
- }
@@ -1,33 +0,0 @@
1
- const accent = [
2
- "default",
3
- "accent",
4
- "less"
5
- ] as const
6
-
7
- const size = [
8
- "sm",
9
- "md",
10
- "lg"
11
- ] as const
12
-
13
- export default {
14
- "slots": {
15
- "base": "inline-flex items-center justify-center px-1 rounded-(--ui-border-radius-2xs) font-(--ui-font-weight-normal) font-[family-name:var(--ui-font-family-system-mono)] uppercase border border-(length:--b24ui-border-width) border-(--b24ui-border-color) text-(--b24ui-color) bg-(--b24ui-background)"
16
- },
17
- "variants": {
18
- "accent": {
19
- "default": "style-outline",
20
- "accent": "style-outline-accent-1" as typeof accent[number],
21
- "less": "style-outline-no-accent"
22
- },
23
- "size": {
24
- "sm": "h-[20px] min-w-[20px] text-(length:--ui-font-size-4xs)/(--ui-font-line-height-reset)",
25
- "md": "h-[24px] min-w-[24px] text-(length:--ui-font-size-md)/(--ui-font-line-height-reset)",
26
- "lg": "h-[28px] min-w-[28px] text-(length:--ui-font-size-2xl)/(--ui-font-line-height-reset)"
27
- }
28
- },
29
- "defaultVariants": {
30
- "accent": "less" as typeof accent[number],
31
- "size": "md" as typeof size[number]
32
- }
33
- }
@@ -1,22 +0,0 @@
1
- export default {
2
- "base": "cursor-pointer focus-visible:outline-(--ui-color-accent-main-primary) focus-visible:outline-1 focus-visible:rounded-[4px] text-start",
3
- "variants": {
4
- "active": {
5
- "true": "text-(--ui-color-accent-main-primary) outline-(--ui-color-accent-main-primary) hover:not-disabled:not-aria-disabled:underline underline-offset-2",
6
- "false": "text-(--ui-color-design-selection-content) underline-offset-2"
7
- },
8
- "disabled": {
9
- "true": "cursor-not-allowed opacity-75"
10
- },
11
- "isAction": {
12
- "true": "text-nowrap text-(length:--ui-font-size-sm) h-auto py-0 font-(--ui-font-weight-normal) rounded-none border border-x-0 border-t-0 border-dashed text-(--ui-color-design-outline-a1-content) border-b-(--ui-color-design-outline-a1-content) hover:not-disabled:not-aria-disabled:no-underline hover:text(--ui-color-accent-soft-element-red) hover:not-disabled:not-aria-disabled:text-(--ui-color-accent-soft-element-red) hover:border-b-(--ui-color-accent-soft-element-red) focus-visible:outline-(--ui-color-accent-soft-element-red)"
13
- }
14
- },
15
- "compoundVariants": [
16
- {
17
- "active": false,
18
- "disabled": false,
19
- "class": "hover:text-(--ui-color-accent-main-primary-alt-2) hover:underline"
20
- }
21
- ]
22
- }
@@ -1,57 +0,0 @@
1
- const overlayBlur = [
2
- "auto",
3
- "on",
4
- "off"
5
- ] as const
6
-
7
- export default {
8
- "slots": {
9
- "overlay": "fixed inset-0 bg-[#003366]/20",
10
- "content": "light bg-(--popup-window-background-color) fixed flex flex-col gap-[20px] focus:outline-none p-[24px] pt-[20px]",
11
- "contentWrapper": "flex flex-col gap-[15px] pt-[4px]",
12
- "header": "flex items-start justify-between gap-[6px]",
13
- "wrapper": "",
14
- "title": "font-[family-name:var(--ui-font-family-primary)] text-(--b24ui-typography-label-color) font-(--ui-font-weight-medium) mb-0 text-[calc(var(--ui-font-size-2xl)+2px)]/(--ui-font-size-2xl)",
15
- "description": "mt-1 text-(--b24ui-typography-description-color) text-(length:--ui-font-size-sm)",
16
- "close": "-mt-[4px]",
17
- "body": "flex-1 overflow-y-auto text-(length:--ui-font-size-md) leading-normal",
18
- "footer": "flex items-center justify-between gap-[10px] border-t border-t-1 border-t-(--ui-color-divider-default) pt-[18px]"
19
- },
20
- "variants": {
21
- "overlayBlur": {
22
- "auto": {
23
- "overlay": "motion-safe:backdrop-blur-[2px]"
24
- },
25
- "on": {
26
- "overlay": "backdrop-blur-[2px]"
27
- },
28
- "off": {
29
- "overlay": ""
30
- }
31
- },
32
- "transition": {
33
- "true": {
34
- "overlay": "motion-safe:data-[state=open]:animate-[fade-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[fade-out_200ms_ease-in]",
35
- "content": "motion-safe:data-[state=open]:animate-[scale-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_200ms_ease-in]"
36
- }
37
- },
38
- "fullscreen": {
39
- "true": {
40
- "content": "inset-0"
41
- },
42
- "false": {
43
- "content": "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[calc(100vw-2rem)] max-w-[32rem] max-h-[calc(100dvh-2rem)] sm:max-h-[calc(100dvh-4rem)] rounded-[calc(var(--popup-window-border-radius)-2px)] shadow-lg",
44
- "contentWrapper": "overflow-hidden"
45
- }
46
- },
47
- "scrollbarThin": {
48
- "true": {
49
- "body": "scrollbar-thin"
50
- }
51
- }
52
- },
53
- "defaultVariants": {
54
- "scrollbarThin": true,
55
- "overlayBlur": "auto" as typeof overlayBlur[number]
56
- }
57
- }
@@ -1,5 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "h-6 w-px bg-(--ui-color-divider-vibrant-accent-more)"
4
- }
5
- }
@@ -1,5 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "h-full flex flex-row items-center gap-3"
4
- }
5
- }
@@ -1,5 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "-ml-4 flex-1"
4
- }
5
- }
@@ -1,5 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "h-full flex-1 flex items-center gap-4"
4
- }
5
- }
@@ -1,155 +0,0 @@
1
- const orientation = [
2
- "horizontal",
3
- "vertical"
4
- ] as const
5
-
6
- export default {
7
- "slots": {
8
- "root": "relative flex [&>div]:min-w-0 font-[family-name:var(--ui-font-family-secondary)]",
9
- "list": "isolate min-w-0",
10
- "label": "w-full h-[22px] overflow-hidden mt-[10px] opacity-70 text-(length:--ui-font-size-sm)",
11
- "item": "min-w-0",
12
- "link": "min-w-[38px] w-full max-w-full p-0 m-0 group relative cursor-pointer flex items-center gap-[2px] font-(--ui-font-weight-normal) text-(length:--ui-font-size-lg) focus:outline-none focus-visible:rounded-(--menu-item-border-radius) focus-visible:outline-none focus-visible:ring-inset focus-visible:ring-1 focus-visible:ring-(--ui-color-base-4) rounded-(--menu-item-border-radius) text-(--menu-item-color) bg-(--menu-item-background) hover:bg-(--menu-item-background-hover) data-[state=open]:bg-(--menu-item-background-hover) border-0",
13
- "linkLeadingIcon": "shrink-0 size-[26px]",
14
- "linkLeadingAvatar": "shrink-0",
15
- "linkLeadingAvatarSize": "xs",
16
- "linkLeadingHint": "inline-flex m-0 absolute -top-[5px] left-[8px] text-(length:--ui-font-size-4xs) leading-[8px] font-semibold text-(--b24ui-typography-description-color) uppercase ml-px",
17
- "linkLeadingBadge": "inline-flex m-0 absolute",
18
- "linkLeadingBadgeSize": "xs",
19
- "linkTrailing": "group inline-flex mt-[2px] items-center",
20
- "linkTrailingIcon": "text-(--ui-color-design-plain-na-content-icon) shrink-0",
21
- "linkLabel": "truncate",
22
- "linkLabelWrapper": "flex items-center justify-between rtl:flex-row-reverse",
23
- "linkLabelExternalIcon": "inline-block size-[16px] text-(--ui-color-design-plain-content-icon-secondary)",
24
- "childList": "isolate",
25
- "childLabel": "",
26
- "childItem": "h-[36px] mt-(--menu-item-block-stack-space)",
27
- "childLink": "group relative size-full flex flex-row rtl:flex-row-reverse items-center transition-colors text-start",
28
- "childLinkWrapper": "min-w-0 flex-1 flex flex-row items-center justify-start rtl:justify-end gap-0.5",
29
- "childLinkIcon": "size-[18px] shrink-0",
30
- "childLinkHint": "inline-flex m-0 absolute -top-[2px] left-[24px] text-(length:--ui-font-size-4xs) leading-[8px] font-semibold text-(--b24ui-typography-description-color) uppercase ml-px",
31
- "childLinkBadge": "inline-flex m-0",
32
- "childLinkBadgeSize": "xs",
33
- "childLinkLabel": "truncate ms-[2px] -mt-px",
34
- "childLinkLabelExternalIcon": "inline-block size-4 text-(--ui-color-design-plain-content-icon-secondary)",
35
- "separator": "h-px bg-(--leftmenu-bg-divider) my-[16px]",
36
- "popoverWrapper": "px-0 py-(--menu-popup-padding)",
37
- "viewportWrapper": "absolute top-[53px] left-0 flex w-full",
38
- "viewport": "light relative overflow-hidden w-full bg-(--popup-window-background-color) shadow-(--popup-window-box-shadow) h-(--reka-navigation-menu-viewport-height) w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left) rounded-(--popup-window-border-radius) will-change-[opacity] [&:has(>[data-viewport=rtl])]:left-auto [&:has(>[data-viewport=rtl])]:-right-[calc(100%-var(--reka-navigation-menu-viewport-width))] transition-[width,height] duration-200 origin-[top_center] z-[1]",
39
- "content": ""
40
- },
41
- "variants": {
42
- "orientation": {
43
- "horizontal": {
44
- "root": "relative h-full items-center justify-between",
45
- "list": "flex items-center gap-x-1 h-full",
46
- "item": "empty:hidden",
47
- "link": "menu-item-horizontal h-[32px] min-h-[32px] px-[10px] border border-(--menu-item-background) hover:border-(--ui-color-design-plain-na-focused-stroke) data-[state=open]:bg-(--ui-color-design-plain-na-focused-stroke)",
48
- "linkTrailingIcon": "size-[16px]",
49
- "linkLeadingBadge": "-top-[6px] -right-[14px] -translate-x-1/2",
50
- "linkLabelWrapper": "gap-[4px] truncate",
51
- "childList": "grid px-0 py-(--menu-popup-padding)",
52
- "childLink": "px-[18px] min-w-[195px] whitespace-nowrap font-[family-name:var(--ui-font-family-primary)] text-(length:--menu-popup-item-font-size) text-(--menu-popup-item-color) hover:text-(--menu-popup-item-color-hover) hover:bg-(--menu-popup-item-bg-color-hover)",
53
- "childLinkLabel": "",
54
- "content": "absolute top-0 left-0 w-full max-h-[70vh] overflow-y-auto scrollbar-thin scrollbar-transparent"
55
- },
56
- "vertical": {
57
- "root": "flex-col w-full ps-(--menu-items-block-padding-x) rtl:pe-(--menu-items-block-padding-x)",
58
- "list": "flex flex-col",
59
- "item": "mt-(--menu-item-block-stack-space) data-[state=open]:rounded-(--menu-item-border-radius) data-[state=open]:border-(length:--leftmenu-group-stroke-weight) data-[state=open]:border-(--leftmenu-group-stroke)",
60
- "link": "menu-item-vertical overflow-hidden h-[38px] min-h-[38px] p-[6px] flex-row rtl:flex-row-reverse justify-between data-[state=open]:text-(length:--ui-font-size-sm) data-[state=open]:opacity-70",
61
- "linkLeadingIcon": "",
62
- "linkTrailingIcon": "size-[20px] group-data-[state=open]:rotate-180 transition-transform duration-200",
63
- "linkLeadingBadge": "-top-[4px] left-[24px] -translate-x-1/2",
64
- "linkLabelWrapper": "relative h-[22px]",
65
- "childList": "",
66
- "childLink": "px-[18px] min-w-[195px] whitespace-nowrap font-[family-name:var(--ui-font-family-primary)] text-(length:--menu-popup-item-font-size) text-(--menu-popup-item-color) hover:text-(--menu-popup-item-color-hover) hover:bg-(--menu-popup-item-bg-color-hover)",
67
- "childLabel": "w-full min-w-[195px] h-(--popup-window-delimiter-section-height) px-[18px] mt-(--menu-item-block-stack-space) flex flex-row rtl:flex-row-reverse items-center select-none outline-none whitespace-nowrap text-start text-(length:--popup-window-delimiter-font-size) text-(--popup-window-delimiter-text-color) font-(--popup-window-delimiter-font-weight) after:ms-[10px] after:block after:flex-1 after:min-w-[15px] after:h-px after:bg-(--popup-window-delimiter-bg-color)"
68
- }
69
- },
70
- "active": {
71
- "true": {
72
- "childLink": "text-(--ui-color-accent-main-primary) hover:text-(--ui-color-accent-main-primary)",
73
- "childLinkIcon": "text-(--ui-color-accent-main-primary)"
74
- },
75
- "false": {
76
- "linkLeadingIcon": "text-(--ui-color-design-plain-content-icon-secondary)",
77
- "childLinkIcon": "text-(--ui-color-design-plain-content-icon-secondary) group-hover:text-(--ui-color-accent-main-primary)"
78
- }
79
- },
80
- "disabled": {
81
- "true": {
82
- "link": "cursor-not-allowed opacity-75"
83
- }
84
- },
85
- "level": {
86
- "true": ""
87
- },
88
- "collapsed": {
89
- "true": ""
90
- }
91
- },
92
- "compoundVariants": [
93
- {
94
- "orientation": "horizontal" as typeof orientation[number],
95
- "class": {
96
- "childList": "",
97
- "content": "w-[240px]"
98
- }
99
- },
100
- {
101
- "orientation": "vertical" as typeof orientation[number],
102
- "collapsed": false,
103
- "class": {
104
- "item": "data-[state=open]:bg-(--leftmenu-group-bg)",
105
- "childList": "",
106
- "childItem": "",
107
- "content": "motion-safe:data-[state=open]:animate-[collapsible-down_200ms_ease-out] motion-safe:data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden",
108
- "linkLabel": "ms-[9px]"
109
- }
110
- },
111
- {
112
- "orientation": "vertical" as typeof orientation[number],
113
- "collapsed": true,
114
- "class": {
115
- "childList": "grid px-0 py-(--menu-popup-padding)"
116
- }
117
- },
118
- {
119
- "orientation": "vertical" as typeof orientation[number],
120
- "collapsed": false,
121
- "class": {
122
- "link": "collapsed data-[state=open]:-mt-(--leftmenu-group-stroke-weight) data-[state=open]:-mx-(--leftmenu-group-stroke-weight)"
123
- }
124
- },
125
- {
126
- "disabled": false,
127
- "active": false,
128
- "class": {
129
- "link": "transition-colors",
130
- "linkLeadingIcon": "group-hover:text-(--ui-color-design-selection-content-icon)"
131
- }
132
- },
133
- {
134
- "active": true,
135
- "class": {
136
- "link": "leading-9 text-(--menu-item-color-active) bg-(--menu-item-background-active)"
137
- }
138
- },
139
- {
140
- "active": true,
141
- "orientation": "horizontal" as typeof orientation[number],
142
- "class": {
143
- "link": "menu-item-horizontal-active border-(--menu-item-border)"
144
- }
145
- },
146
- {
147
- "active": true,
148
- "orientation": "vertical" as typeof orientation[number],
149
- "class": {
150
- "link": "menu-item-vertical-active"
151
- }
152
- }
153
- ],
154
- "defaultVariants": {}
155
- }