@bitrix24/b24ui-nuxt 2.0.6 → 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 (150) hide show
  1. package/dist/meta.d.mts +160 -14
  2. package/dist/meta.mjs +160 -14
  3. package/dist/module.json +1 -1
  4. package/dist/module.mjs +1 -1
  5. package/dist/runtime/components/ChatPrompt.vue +4 -3
  6. package/dist/runtime/components/ChatPromptSubmit.d.vue.ts +3 -2
  7. package/dist/runtime/components/ChatPromptSubmit.vue +4 -3
  8. package/dist/runtime/components/ChatPromptSubmit.vue.d.ts +3 -2
  9. package/dist/runtime/components/NavigationMenu.vue +2 -2
  10. package/dist/runtime/components/RadioGroup.d.vue.ts +5 -5
  11. package/dist/runtime/components/RadioGroup.vue +1 -1
  12. package/dist/runtime/components/RadioGroup.vue.d.ts +5 -5
  13. package/dist/runtime/components/Tabs.vue +1 -1
  14. package/dist/runtime/dictionary/icons.d.ts +1 -0
  15. package/dist/runtime/dictionary/icons.js +2 -0
  16. package/dist/shared/{b24ui-nuxt.DX94P9Wb.mjs → b24ui-nuxt.CEMVb5Ee.mjs} +50 -21
  17. package/dist/unplugin.mjs +29 -1
  18. package/dist/vite.mjs +3 -1
  19. package/package.json +9 -20
  20. package/.nuxt/b24ui/accordion.ts +0 -20
  21. package/.nuxt/b24ui/advice.ts +0 -36
  22. package/.nuxt/b24ui/alert.ts +0 -176
  23. package/.nuxt/b24ui/avatar-group.ts +0 -52
  24. package/.nuxt/b24ui/avatar.ts +0 -63
  25. package/.nuxt/b24ui/badge.ts +0 -333
  26. package/.nuxt/b24ui/banner.ts +0 -78
  27. package/.nuxt/b24ui/breadcrumb.ts +0 -42
  28. package/.nuxt/b24ui/button.ts +0 -342
  29. package/.nuxt/b24ui/calendar.ts +0 -112
  30. package/.nuxt/b24ui/card.ts +0 -180
  31. package/.nuxt/b24ui/chat-message.ts +0 -123
  32. package/.nuxt/b24ui/chat-messages.ts +0 -14
  33. package/.nuxt/b24ui/chat-palette.ts +0 -8
  34. package/.nuxt/b24ui/chat-prompt-submit.ts +0 -5
  35. package/.nuxt/b24ui/chat-prompt.ts +0 -35
  36. package/.nuxt/b24ui/checkbox-group.ts +0 -255
  37. package/.nuxt/b24ui/checkbox.ts +0 -195
  38. package/.nuxt/b24ui/chip.ts +0 -238
  39. package/.nuxt/b24ui/collapsible.ts +0 -6
  40. package/.nuxt/b24ui/color-picker.ts +0 -42
  41. package/.nuxt/b24ui/command-palette.ts +0 -56
  42. package/.nuxt/b24ui/container.ts +0 -3
  43. package/.nuxt/b24ui/content/content-search-button.ts +0 -6
  44. package/.nuxt/b24ui/content/content-search.ts +0 -13
  45. package/.nuxt/b24ui/content/content-surround.ts +0 -21
  46. package/.nuxt/b24ui/content/content-toc.ts +0 -41
  47. package/.nuxt/b24ui/context-menu.ts +0 -91
  48. package/.nuxt/b24ui/countdown.ts +0 -89
  49. package/.nuxt/b24ui/dashboard-group.ts +0 -3
  50. package/.nuxt/b24ui/dashboard-search-button.ts +0 -6
  51. package/.nuxt/b24ui/dashboard-search.ts +0 -13
  52. package/.nuxt/b24ui/description-list.ts +0 -67
  53. package/.nuxt/b24ui/dropdown-menu.ts +0 -166
  54. package/.nuxt/b24ui/empty.ts +0 -145
  55. package/.nuxt/b24ui/error.ts +0 -9
  56. package/.nuxt/b24ui/field-group.ts +0 -17
  57. package/.nuxt/b24ui/file-upload.ts +0 -241
  58. package/.nuxt/b24ui/form-field.ts +0 -58
  59. package/.nuxt/b24ui/form.ts +0 -3
  60. package/.nuxt/b24ui/index.ts +0 -88
  61. package/.nuxt/b24ui/input-menu.ts +0 -631
  62. package/.nuxt/b24ui/input-number.ts +0 -426
  63. package/.nuxt/b24ui/input-tags.ts +0 -412
  64. package/.nuxt/b24ui/input.ts +0 -386
  65. package/.nuxt/b24ui/kbd.ts +0 -33
  66. package/.nuxt/b24ui/link.ts +0 -22
  67. package/.nuxt/b24ui/modal.ts +0 -57
  68. package/.nuxt/b24ui/navbar-divider.ts +0 -5
  69. package/.nuxt/b24ui/navbar-section.ts +0 -5
  70. package/.nuxt/b24ui/navbar-spacer.ts +0 -5
  71. package/.nuxt/b24ui/navbar.ts +0 -5
  72. package/.nuxt/b24ui/navigation-menu.ts +0 -155
  73. package/.nuxt/b24ui/page-card.ts +0 -489
  74. package/.nuxt/b24ui/page-columns.ts +0 -3
  75. package/.nuxt/b24ui/page-grid.ts +0 -3
  76. package/.nuxt/b24ui/page-links.ts +0 -26
  77. package/.nuxt/b24ui/page-list.ts +0 -8
  78. package/.nuxt/b24ui/pagination.ts +0 -13
  79. package/.nuxt/b24ui/pin-input.ts +0 -152
  80. package/.nuxt/b24ui/popover.ts +0 -6
  81. package/.nuxt/b24ui/progress.ts +0 -289
  82. package/.nuxt/b24ui/prose/a.ts +0 -5
  83. package/.nuxt/b24ui/prose/accordion-item.ts +0 -3
  84. package/.nuxt/b24ui/prose/accordion.ts +0 -6
  85. package/.nuxt/b24ui/prose/badge.ts +0 -3
  86. package/.nuxt/b24ui/prose/blockquote.ts +0 -5
  87. package/.nuxt/b24ui/prose/callout.ts +0 -83
  88. package/.nuxt/b24ui/prose/card-group.ts +0 -3
  89. package/.nuxt/b24ui/prose/card.ts +0 -86
  90. package/.nuxt/b24ui/prose/code-collapse.ts +0 -19
  91. package/.nuxt/b24ui/prose/code-group.ts +0 -10
  92. package/.nuxt/b24ui/prose/code-icon.ts +0 -66
  93. package/.nuxt/b24ui/prose/code-preview.ts +0 -14
  94. package/.nuxt/b24ui/prose/code.ts +0 -75
  95. package/.nuxt/b24ui/prose/collapsible.ts +0 -9
  96. package/.nuxt/b24ui/prose/em.ts +0 -5
  97. package/.nuxt/b24ui/prose/field-group.ts +0 -3
  98. package/.nuxt/b24ui/prose/field.ts +0 -11
  99. package/.nuxt/b24ui/prose/h1.ts +0 -26
  100. package/.nuxt/b24ui/prose/h2.ts +0 -28
  101. package/.nuxt/b24ui/prose/h3.ts +0 -28
  102. package/.nuxt/b24ui/prose/h4.ts +0 -28
  103. package/.nuxt/b24ui/prose/h5.ts +0 -25
  104. package/.nuxt/b24ui/prose/h6.ts +0 -25
  105. package/.nuxt/b24ui/prose/hr.ts +0 -5
  106. package/.nuxt/b24ui/prose/img.ts +0 -23
  107. package/.nuxt/b24ui/prose/index.ts +0 -41
  108. package/.nuxt/b24ui/prose/kbd.ts +0 -3
  109. package/.nuxt/b24ui/prose/li.ts +0 -5
  110. package/.nuxt/b24ui/prose/ol.ts +0 -5
  111. package/.nuxt/b24ui/prose/p.ts +0 -30
  112. package/.nuxt/b24ui/prose/pre.ts +0 -17
  113. package/.nuxt/b24ui/prose/steps.ts +0 -19
  114. package/.nuxt/b24ui/prose/strong.ts +0 -5
  115. package/.nuxt/b24ui/prose/table.ts +0 -6
  116. package/.nuxt/b24ui/prose/tabs-item.ts +0 -3
  117. package/.nuxt/b24ui/prose/tabs.ts +0 -5
  118. package/.nuxt/b24ui/prose/tbody.ts +0 -5
  119. package/.nuxt/b24ui/prose/td.ts +0 -5
  120. package/.nuxt/b24ui/prose/th.ts +0 -5
  121. package/.nuxt/b24ui/prose/thead.ts +0 -5
  122. package/.nuxt/b24ui/prose/tr.ts +0 -5
  123. package/.nuxt/b24ui/prose/ul.ts +0 -5
  124. package/.nuxt/b24ui/radio-group.ts +0 -303
  125. package/.nuxt/b24ui/range.ts +0 -184
  126. package/.nuxt/b24ui/select-menu.ts +0 -554
  127. package/.nuxt/b24ui/select.ts +0 -533
  128. package/.nuxt/b24ui/separator.ts +0 -131
  129. package/.nuxt/b24ui/sidebar-body.ts +0 -15
  130. package/.nuxt/b24ui/sidebar-footer.ts +0 -5
  131. package/.nuxt/b24ui/sidebar-header.ts +0 -5
  132. package/.nuxt/b24ui/sidebar-heading.ts +0 -5
  133. package/.nuxt/b24ui/sidebar-layout.ts +0 -160
  134. package/.nuxt/b24ui/sidebar-section.ts +0 -5
  135. package/.nuxt/b24ui/sidebar-spacer.ts +0 -5
  136. package/.nuxt/b24ui/sidebar.ts +0 -5
  137. package/.nuxt/b24ui/skeleton.ts +0 -21
  138. package/.nuxt/b24ui/slideover.ts +0 -130
  139. package/.nuxt/b24ui/stepper.ts +0 -187
  140. package/.nuxt/b24ui/switch.ts +0 -139
  141. package/.nuxt/b24ui/table-wrapper.ts +0 -46
  142. package/.nuxt/b24ui/table.ts +0 -131
  143. package/.nuxt/b24ui/tabs.ts +0 -119
  144. package/.nuxt/b24ui/textarea.ts +0 -186
  145. package/.nuxt/b24ui/timeline.ts +0 -211
  146. package/.nuxt/b24ui/toast.ts +0 -95
  147. package/.nuxt/b24ui/toaster.ts +0 -91
  148. package/.nuxt/b24ui/tooltip.ts +0 -10
  149. package/.nuxt/b24ui/user.ts +0 -95
  150. 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
- }