@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,238 +0,0 @@
1
- const color = [
2
- "air-primary",
3
- "air-primary-success",
4
- "air-primary-alert",
5
- "air-primary-copilot",
6
- "air-primary-warning",
7
- "air-secondary",
8
- "air-secondary-accent",
9
- "air-secondary-accent-1",
10
- "air-tertiary",
11
- "default",
12
- "danger",
13
- "success",
14
- "warning",
15
- "primary",
16
- "secondary",
17
- "collab",
18
- "ai"
19
- ] as const
20
-
21
- const size = [
22
- "sm",
23
- "md",
24
- "lg"
25
- ] as const
26
-
27
- const position = [
28
- "top-right",
29
- "bottom-right",
30
- "top-left",
31
- "bottom-left"
32
- ] as const
33
-
34
- export default {
35
- "slots": {
36
- "root": "relative shrink-0 isolate inline-flex items-center justify-center",
37
- "base": "ui-counter__scope --air font-[family-name:var(--ui-font-family-primary)] font-(--ui-font-weight-medium) select-none relative min-w-(--ui-counter-size) h-(--ui-counter-size) py-0 px-(--ui-counter-inline-space) inline-flex items-center justify-center bg-(--b24ui-background) rounded-(--ui-counter-current-size) ring-(length:--b24ui-border-width) ring-(--b24ui-border-color) text-center align-middle text-(length:--ui-counter-font-size) text-(--b24ui-color) leading-(--ui-counter-current-size) overflow-hidden z-1 text-nowrap",
38
- "trailingIcon": "size-(--ui-counter-size) text-inherit text-(length:--ui-counter-symbol-font-size) opacity-96 tracking-(--ui-letter-spacing-xl) me-(--ui-counter-symbol-compensation) empty:me-[0]"
39
- },
40
- "variants": {
41
- "color": {
42
- "air-primary": {
43
- "base": "style-filled"
44
- },
45
- "air-primary-success": {
46
- "base": "style-filled-success"
47
- },
48
- "air-primary-alert": {
49
- "base": "style-filled-alert"
50
- },
51
- "air-primary-copilot": {
52
- "base": "style-filled-copilot"
53
- },
54
- "air-primary-warning": {
55
- "base": "style-filled-warning"
56
- },
57
- "air-secondary": {
58
- "base": "style-tinted-no-accent-1"
59
- },
60
- "air-secondary-accent": {
61
- "base": "style-filled-no-accent"
62
- },
63
- "air-secondary-accent-1": {
64
- "base": "style-filled-no-accent-inverted edge-dark:text-(--ui-color-g-content-grey-2)"
65
- },
66
- "air-tertiary": {
67
- "base": "style-outline-no-accent"
68
- },
69
- "default": {
70
- "base": "style-old-default"
71
- },
72
- "danger": {
73
- "base": "style-old-danger"
74
- },
75
- "success": {
76
- "base": "style-old-success"
77
- },
78
- "warning": {
79
- "base": "style-old-warning"
80
- },
81
- "primary": {
82
- "base": "style-old-primary"
83
- },
84
- "secondary": {
85
- "base": "style-old-secondary"
86
- },
87
- "collab": {
88
- "base": "style-old-collab"
89
- },
90
- "ai": {
91
- "base": "style-old-ai"
92
- }
93
- },
94
- "size": {
95
- "sm": "ui-counter-sm font-(--ui-font-weight-regular)",
96
- "md": "ui-counter-md",
97
- "lg": "ui-counter-lg"
98
- },
99
- "position": {
100
- "top-right": "top-0 right-0",
101
- "bottom-right": "bottom-0 right-0",
102
- "top-left": "top-0 left-0",
103
- "bottom-left": "bottom-0 left-0"
104
- },
105
- "inverted": {
106
- "true": "",
107
- "false": ""
108
- },
109
- "inset": {
110
- "false": ""
111
- },
112
- "standalone": {
113
- "true": "",
114
- "false": "absolute"
115
- },
116
- "hideZero": {
117
- "true": {
118
- "base": "data-[value=0]:hidden"
119
- }
120
- },
121
- "oneDigit": {
122
- "true": {
123
- "base": "px-0"
124
- }
125
- }
126
- },
127
- "compoundVariants": [
128
- {
129
- "position": "top-right" as typeof position[number],
130
- "inset": false,
131
- "standalone": false,
132
- "class": "-translate-y-1/2 translate-x-1/2 transform"
133
- },
134
- {
135
- "position": "bottom-right" as typeof position[number],
136
- "inset": false,
137
- "standalone": false,
138
- "class": "translate-y-1/2 translate-x-1/2 transform"
139
- },
140
- {
141
- "position": "top-left" as typeof position[number],
142
- "inset": false,
143
- "standalone": false,
144
- "class": "-translate-y-1/2 -translate-x-1/2 transform"
145
- },
146
- {
147
- "position": "bottom-left" as typeof position[number],
148
- "inset": false,
149
- "standalone": false,
150
- "class": "translate-y-1/2 -translate-x-1/2 transform"
151
- },
152
- {
153
- "position": "top-right" as typeof position[number],
154
- "size": [
155
- "sm" as typeof size[number],
156
- "md" as typeof size[number],
157
- "lg" as typeof size[number]
158
- ],
159
- "inset": true,
160
- "standalone": false,
161
- "class": "-translate-y-1/3 translate-x-1/3 transform"
162
- },
163
- {
164
- "position": "bottom-right" as typeof position[number],
165
- "size": [
166
- "sm" as typeof size[number],
167
- "md" as typeof size[number],
168
- "lg" as typeof size[number]
169
- ],
170
- "inset": true,
171
- "standalone": false,
172
- "class": "translate-y-1/3 translate-x-1/3 transform"
173
- },
174
- {
175
- "position": "top-left" as typeof position[number],
176
- "size": [
177
- "sm" as typeof size[number],
178
- "md" as typeof size[number],
179
- "lg" as typeof size[number]
180
- ],
181
- "inset": true,
182
- "standalone": false,
183
- "class": "-translate-y-1/3 -translate-x-1/3 transform"
184
- },
185
- {
186
- "position": "bottom-left" as typeof position[number],
187
- "size": [
188
- "sm" as typeof size[number],
189
- "md" as typeof size[number],
190
- "lg" as typeof size[number]
191
- ],
192
- "inset": true,
193
- "standalone": false,
194
- "class": "translate-y-1/3 -translate-x-1/3 transform"
195
- },
196
- {
197
- "inverted": true,
198
- "color": "air-primary" as typeof color[number],
199
- "class": {
200
- "base": "style-filled-inverted"
201
- }
202
- },
203
- {
204
- "inverted": true,
205
- "color": "air-primary-success" as typeof color[number],
206
- "class": {
207
- "base": "style-filled-success-inverted"
208
- }
209
- },
210
- {
211
- "inverted": true,
212
- "color": "air-primary-alert" as typeof color[number],
213
- "class": {
214
- "base": "style-filled-alert-inverted"
215
- }
216
- },
217
- {
218
- "inverted": true,
219
- "color": "air-primary-copilot" as typeof color[number],
220
- "class": {
221
- "base": "style-filled-copilot-inverted"
222
- }
223
- },
224
- {
225
- "inverted": true,
226
- "color": "air-primary-warning" as typeof color[number],
227
- "class": {
228
- "base": "style-filled-warning-inverted"
229
- }
230
- }
231
- ],
232
- "defaultVariants": {
233
- "size": "sm" as typeof size[number],
234
- "color": "air-primary-alert" as typeof color[number],
235
- "position": "top-right" as typeof position[number],
236
- "inverted": false
237
- }
238
- }
@@ -1,6 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "",
4
- "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"
5
- }
6
- }
@@ -1,42 +0,0 @@
1
- const size = [
2
- "xs",
3
- "sm",
4
- "md",
5
- "lg"
6
- ] as const
7
-
8
- export default {
9
- "slots": {
10
- "root": "data-[disabled]:opacity-30",
11
- "picker": "flex gap-4",
12
- "selector": "rounded-(--ui-border-radius-md) touch-none",
13
- "selectorBackground": "w-full h-full relative rounded-(--ui-border-radius-md)",
14
- "selectorThumb": "-translate-y-1/2 -translate-x-1/2 absolute size-4 ring-2 ring-(--ui-color-base-white-fixed) rounded-full cursor-pointer data-[disabled]:cursor-not-allowed",
15
- "track": "w-[8px] relative rounded-(--ui-border-radius-md) touch-none",
16
- "trackThumb": "absolute transform -translate-y-1/2 -translate-x-[4px] rtl:translate-x-[4px] size-4 rounded-full ring-2 ring-(--ui-color-base-white-fixed) cursor-pointer data-[disabled]:cursor-not-allowed"
17
- },
18
- "variants": {
19
- "size": {
20
- "xs": {
21
- "selector": "w-[152px] h-[152px]",
22
- "track": "h-[152px]"
23
- },
24
- "sm": {
25
- "selector": "w-[160px] h-[160px]",
26
- "track": "h-[160px]"
27
- },
28
- "md": {
29
- "selector": "w-[168px] h-[168px]",
30
- "track": "h-[168px]"
31
- },
32
- "lg": {
33
- "selector": "w-[176px] h-[176px]",
34
- "track": "h-[176px]"
35
- }
36
- }
37
- },
38
- "compoundVariants": [],
39
- "defaultVariants": {
40
- "size": "md" as typeof size[number]
41
- }
42
- }
@@ -1,56 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "flex flex-col min-h-0 min-w-0 divide-y divide-(--ui-color-design-tinted-na-stroke)",
4
- "input": "ps-[40px] pe-[44px]",
5
- "close": "",
6
- "back": "p-0",
7
- "content": "relative overflow-hidden flex flex-col",
8
- "footer": "p-1",
9
- "viewport": "relative scroll-py-1 overflow-y-auto scrollbar-thin flex-1 focus:outline-none",
10
- "group": "p-1 isolate",
11
- "empty": "py-6 text-center text-(length:--ui-font-size-sm) text-(--b24ui-typography-description-color)",
12
- "label": "p-[6px] text-(length:--ui-font-size-xs) text-(--b24ui-typography-label-color)",
13
- "item": "group relative w-full flex items-center gap-[6px] p-[6px] text-(length:--ui-font-size-sm) select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-(--ui-border-radius-sm) data-disabled:cursor-not-allowed data-disabled:opacity-30",
14
- "itemLeadingIcon": "shrink-0 size-[20px]",
15
- "itemLeadingAvatar": "shrink-0",
16
- "itemLeadingAvatarSize": "2xs",
17
- "itemLeadingChip": "shrink-0 size-[20px]",
18
- "itemLeadingChipSize": "md",
19
- "itemTrailing": "ms-auto inline-flex gap-[6px] items-center",
20
- "itemTrailingIcon": "shrink-0 size-[20px] text-(--ui-color-accent-main-primary)",
21
- "itemTrailingHighlightedIcon": "shrink-0 size-[20px] text-(--b24ui-typography-label-color) hidden group-data-highlighted:inline-flex",
22
- "itemTrailingKbds": "hidden lg:inline-flex items-center shrink-0 gap-0.5",
23
- "itemTrailingKbdsSize": "md",
24
- "itemWrapper": "flex-1 flex flex-col text-start min-w-0 overflow-hidden",
25
- "itemLabel": "truncate space-x-1 text-(--b24ui-typography-label-color)",
26
- "itemDescription": "truncate -mt-[6px] text-(--b24ui-typography-description-color) text-(length:--ui-font-size-sm)",
27
- "itemLabelBase": "text-(--b24ui-typography-label-color) [&>mark]:text-(--ui-color-black-base) [&>mark]:bg-(--ui-color-collab-accent-less-1)",
28
- "itemLabelPrefix": "text-(--b24ui-typography-legend-color)",
29
- "itemLabelSuffix": "truncate text-(--b24ui-typography-description-color) [&>mark]:text-(--ui-color-black-base) [&>mark]:bg-(--ui-color-collab-accent-less-1)"
30
- },
31
- "variants": {
32
- "virtualize": {
33
- "true": {
34
- "viewport": "p-1 isolate"
35
- },
36
- "false": {
37
- "viewport": ""
38
- }
39
- },
40
- "active": {
41
- "true": {
42
- "item": "text-(--b24ui-typography-label-color) before:bg-(--ui-color-base-8)",
43
- "itemLeadingIcon": "text-(--b24ui-typography-legend-color)"
44
- },
45
- "false": {
46
- "item": "text-(--b24ui-typography-legend-color) data-highlighted:not-data-disabled:text-(--b24ui-typography-legend-color) data-highlighted:not-data-disabled:before:bg-(--ui-color-bg-content-secondary) transition-colors before:transition-colors",
47
- "itemLeadingIcon": "text-(--b24ui-typography-legend-color) group-data-highlighted:not-group-data-disabled:text-(--b24ui-typography-legend-color) transition-colors"
48
- }
49
- },
50
- "loading": {
51
- "true": {
52
- "itemLeadingIcon": "animate-spin"
53
- }
54
- }
55
- }
56
- }
@@ -1,3 +0,0 @@
1
- export default {
2
- "base": "w-full max-w-[1280px] mx-auto px-[22px]"
3
- }
@@ -1,6 +0,0 @@
1
- export default {
2
- "slots": {
3
- "base": "",
4
- "trailing": "hidden lg:flex items-center gap-0.5 ms-auto"
5
- }
6
- }
@@ -1,13 +0,0 @@
1
- export default {
2
- "slots": {
3
- "modal": "p-0 pt-0 pb-[10px]",
4
- "input": ""
5
- },
6
- "variants": {
7
- "fullscreen": {
8
- "false": {
9
- "modal": "sm:max-w-[768px] sm:h-[436px]"
10
- }
11
- }
12
- }
13
- }
@@ -1,21 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "grid grid-cols-1 sm:grid-cols-2 gap-[32px]",
4
- "link": "group block backdrop-blur-md rounded-(--ui-border-radius-md) px-[24px] py-[32px] bg-(--ui-color-design-outline-bg) border border-(--ui-color-design-outline-stroke) border-(length:--ui-design-outline-stroke-weight) cursor-pointer focus-visible:outline-(--ui-color-accent-main-primary) transition-colors",
5
- "linkLeading": "inline-flex items-center rounded-full select-none mb-[16px] p-[6px] bg-(--ui-color-design-outline-bg) group-hover:bg-[color-mix(in_srgb,_var(--ui-color-design-selection-bg)_100%,_var(--ui-color-bg-state-hover-default-hex)_var(--ui-color-bg-state-hover-default-opacity))] ring-(--ui-color-design-outline-stroke) ring-(length:--ui-design-outline-stroke-weight) group-hover:ring-[color-mix(in_srgb,_var(--ui-color-design-selection-stroke)_100%,_var(--ui-color-bg-state-hover-default-hex)_var(--ui-color-bg-state-hover-default-opacity))] transition",
6
- "linkLeadingIcon": "size-[20px] shrink-0 text-(--ui-color-design-outline-content-icon) group-hover:text-(--ui-color-design-outline-content-icon-alt) transition-[color,translate]",
7
- "linkTitle": "font-(--ui-font-weight-bold) text-(length:--ui-font-size-lg)/(--ui-font-line-height-lg) text-(--ui-color-design-outline-content) mb-[4px] truncate",
8
- "linkDescription": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm) text-(--ui-color-design-outline-content-secondary) text-pretty line-clamp-2"
9
- },
10
- "variants": {
11
- "direction": {
12
- "left": {
13
- "linkLeadingIcon": "group-active:-translate-x-0.5"
14
- },
15
- "right": {
16
- "link": "text-right",
17
- "linkLeadingIcon": "group-active:translate-x-0.5"
18
- }
19
- }
20
- }
21
- }
@@ -1,41 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "",
4
- "container": "border-dashed border-b-(length:--ui-border-width-thick) border-(--ui-color-divider-vibrant-default) lg:border-0 flex flex-col",
5
- "top": "",
6
- "bottom": "hidden lg:flex lg:flex-col gap-[24px]",
7
- "trigger": "group pb-[12px] cursor-pointer lg:cursor-text focus-visible:outline-(--ui-color-accent-main-primary) focus-visible:outline-2 focus-visible:rounded-[4px] text-(--b24ui-typography-legend-color) text-(length:--ui-font-size-lg)/(--ui-font-line-height-3xs) font-(--ui-font-weight-semi-bold) flex-1 flex items-center gap-[6px]",
8
- "title": "line-clamp-1 lg:line-clamp-2",
9
- "trailing": "ms-auto inline-flex gap-[6px] items-center",
10
- "trailingIcon": "size-[20px] transform transition-transform duration-200 shrink-0 group-data-[state=open]:rotate-180 lg:hidden",
11
- "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 focus:outline-none",
12
- "list": "min-w-0",
13
- "listWithChildren": "ms-[12px]",
14
- "item": "min-w-0",
15
- "itemWithChildren": "",
16
- "link": "group relative text-(length:--ui-font-size-lg)/(--ui-font-line-height-3xs) flex items-center focus-visible:outline-(--ui-color-accent-main-primary) focus-visible:outline-1 focus-visible:rounded-[4px] text-(--b24ui-typography-description-color) underline-offset-2 hover:text-(--b24ui-typography-label-color) hover:underline pb-[12px]",
17
- "linkText": "line-clamp-2"
18
- },
19
- "variants": {
20
- "active": {
21
- "false": {
22
- "link": "text-(--b24ui-typography-description-color) hover:text-(--b24ui-typography-label-color) transition-colors"
23
- }
24
- },
25
- "body": {
26
- "true": {
27
- "bottom": "mt-6"
28
- }
29
- }
30
- },
31
- "compoundVariants": [
32
- {
33
- "active": true,
34
- "class": {
35
- "link": "text-(--b24ui-typography-label-color)",
36
- "linkLeadingIcon": "text-(--b24ui-typography-label-color)"
37
- }
38
- }
39
- ],
40
- "defaultVariants": {}
41
- }
@@ -1,91 +0,0 @@
1
- const color = [
2
- "air-primary",
3
- "air-primary-success",
4
- "air-primary-alert",
5
- "air-primary-copilot",
6
- "air-primary-warning"
7
- ] as const
8
-
9
- export default {
10
- "slots": {
11
- "content": "light bg-(--popup-window-background-color) shadow-(--popup-window-box-shadow) rounded-(--popup-window-border-radius) will-change-[opacity] motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-context-menu-content-transform-origin) font-[family-name:var(--ui-font-family-primary)] relative isolate px-0 py-(--menu-popup-padding) pointer-events-auto",
12
- "viewport": "relative w-full max-h-[40vh] min-w-[120px] scroll-py-1 overflow-x-hidden overflow-y-auto scrollbar-thin",
13
- "group": "grid",
14
- "label": "w-full 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)",
15
- "separator": "my-[8px] mx-[18px] h-[1px] bg-(--popup-window-delimiter-bg-color)",
16
- "item": "group w-full h-[36px] px-[18px] mt-(--menu-item-block-stack-space) relative flex flex-row rtl:flex-row-reverse items-center select-none outline-none whitespace-nowrap cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-30 text-start text-(length:--menu-popup-item-font-size) text-(--menu-popup-item-color) hover:text-(--menu-popup-item-color-hover) data-highlighted:text-(--menu-popup-item-color-hover) data-[state=open]:text-(--menu-popup-item-color-hover) hover:bg-(--menu-popup-item-bg-color-hover) data-highlighted:bg-(--menu-popup-item-bg-color-hover) data-[state=open]:bg-(--menu-popup-item-bg-color-hover) transition-colors",
17
- "itemLeadingIcon": "shrink-0 size-[18px] text-(--ui-color-design-plain-content-icon-secondary) group-data-highlighted:text-(--ui-color-accent-main-primary) group-data-[state=open]:text-(--ui-color-accent-main-primary) group-data-[state=checked]:text-(--ui-color-accent-main-primary) transition-colors",
18
- "itemLeadingAvatar": "shrink-0 size-[16px] me-[12px]",
19
- "itemLeadingAvatarSize": "2xs",
20
- "itemTrailing": "ml-auto rtl:ml-0 rtl:mr-auto inline-flex gap-1.5 items-center",
21
- "itemTrailingIcon": "shrink-0 size-[24px] text-(--ui-color-accent-main-primary)",
22
- "itemTrailingKbds": "shrink-0 hidden lg:inline-flex items-center gap-0.5",
23
- "itemWrapper": "flex-1 flex flex-col text-start min-w-0",
24
- "itemTrailingKbdsSize": "md",
25
- "itemLabel": "max-w-[240px] truncate -mt-px group-data-[state=checked]:text-(--ui-color-accent-main-primary)",
26
- "itemDescription": "max-w-[240px] truncate -mt-[6px] text-(--b24ui-typography-description-color) text-(length:--ui-font-size-sm)",
27
- "itemLabelExternalIcon": "inline-block size-[16px] text-(--ui-color-design-plain-content-icon-secondary)"
28
- },
29
- "variants": {
30
- "color": {
31
- "air-primary": {
32
- "item": "style-filled"
33
- },
34
- "air-primary-success": {
35
- "item": "style-filled-success"
36
- },
37
- "air-primary-alert": {
38
- "item": "style-filled-alert"
39
- },
40
- "air-primary-copilot": {
41
- "item": "style-filled-copilot"
42
- },
43
- "air-primary-warning": {
44
- "item": "style-filled-warning"
45
- }
46
- },
47
- "active": {
48
- "true": {
49
- "item": "text-(--ui-color-accent-main-primary) hover:text-(--ui-color-accent-main-primary)",
50
- "itemLeadingIcon": "text-(--ui-color-accent-main-primary) hover:text-(--ui-color-accent-main-primary) group-data-[state=open]:text-(--ui-color-accent-main-primary)"
51
- },
52
- "false": {}
53
- },
54
- "loading": {
55
- "true": {
56
- "itemLeadingIcon": "animate-spin"
57
- }
58
- }
59
- },
60
- "compoundVariants": [
61
- {
62
- "color": [
63
- "air-primary" as typeof color[number],
64
- "air-primary-success" as typeof color[number],
65
- "air-primary-alert" as typeof color[number],
66
- "air-primary-copilot" as typeof color[number],
67
- "air-primary-warning" as typeof color[number]
68
- ],
69
- "active": false,
70
- "class": {
71
- "item": "text-(--b24ui-background) data-highlighted:text-(--b24ui-background-hover) data-[state=open]:text-(--b24ui-background-hover)",
72
- "itemLeadingIcon": "text-(--b24ui-background) group-data-highlighted:text-(--b24ui-background-hover) group-data-[state=open]:text-(--b24ui-background-hover)"
73
- }
74
- },
75
- {
76
- "color": [
77
- "air-primary" as typeof color[number],
78
- "air-primary-success" as typeof color[number],
79
- "air-primary-alert" as typeof color[number],
80
- "air-primary-copilot" as typeof color[number],
81
- "air-primary-warning" as typeof color[number]
82
- ],
83
- "active": true,
84
- "class": {
85
- "item": "text-(--b24ui-background-active)",
86
- "itemLeadingIcon": "text-(--b24ui-background-active) group-data-[state=open]:text-(--b24ui-background-active)"
87
- }
88
- }
89
- ],
90
- "defaultVariants": {}
91
- }
@@ -1,89 +0,0 @@
1
- const size = [
2
- "xs",
3
- "sm",
4
- "md",
5
- "lg",
6
- "xl"
7
- ] as const
8
-
9
- export default {
10
- "slots": {
11
- "base": "relative flex flex-row flex-nowrap items-center justify-between text-(--b24ui-typography-legend-color)",
12
- "label": "",
13
- "leadingIcon": "shrink-0",
14
- "leadingAvatar": "shrink-0",
15
- "leadingAvatarSize": "",
16
- "circleBase": "-scale-x-100 absolute inset-x-0 inset-y-0",
17
- "circleGroup": "fill-none stroke-none",
18
- "circleElement": "stroke-transparent stroke-1",
19
- "circlePath": "stroke-[7px] rotate-90 origin-center stroke-current transition-all duration-1000 ease-linear"
20
- },
21
- "variants": {
22
- "size": {
23
- "xs": {
24
- "base": "gap-0.5 text-(length:--ui-font-size-5xs)/(--ui-font-line-height-reset)",
25
- "leadingIcon": "size-sm",
26
- "leadingAvatarSize": "3xs"
27
- },
28
- "sm": {
29
- "base": "gap-1 text-(length:--ui-font-size-4xs)/(--ui-font-line-height-reset)",
30
- "leadingIcon": "size-sm2",
31
- "leadingAvatarSize": "3xs"
32
- },
33
- "md": {
34
- "base": "gap-1 text-(length:--ui-font-size-md)/(--ui-font-line-height-reset)",
35
- "leadingIcon": "size-[16px]",
36
- "leadingAvatarSize": "3xs"
37
- },
38
- "lg": {
39
- "base": "gap-1 text-(length:--ui-font-size-lg)/(--ui-font-line-height-reset)",
40
- "leadingIcon": "size-[22px]",
41
- "leadingAvatarSize": "2xs"
42
- },
43
- "xl": {
44
- "base": "gap-1 text-(length:--ui-font-size-xl)/(--ui-font-line-height-reset)",
45
- "leadingIcon": "size-[26px]",
46
- "leadingAvatarSize": "xs"
47
- }
48
- },
49
- "leading": {
50
- "true": ""
51
- },
52
- "useCircle": {
53
- "true": {
54
- "base": "justify-center",
55
- "circleBase": "size-full"
56
- }
57
- }
58
- },
59
- "compoundVariants": [
60
- {
61
- "size": "xs" as typeof size[number],
62
- "useCircle": true,
63
- "class": "text-(length:--ui-font-size-7xs)/[normal] p-0.5"
64
- },
65
- {
66
- "size": "sm" as typeof size[number],
67
- "useCircle": true,
68
- "class": "text-(length:--ui-font-size-6xs)/[normal] p-1.5"
69
- },
70
- {
71
- "size": "md" as typeof size[number],
72
- "useCircle": true,
73
- "class": "text-(length:--ui-font-size-3xs)/[normal] p-1.5"
74
- },
75
- {
76
- "size": "lg" as typeof size[number],
77
- "useCircle": true,
78
- "class": "text-(length:--ui-font-size-xs)/[normal] p-1.5 pb-2"
79
- },
80
- {
81
- "size": "xl" as typeof size[number],
82
- "useCircle": true,
83
- "class": "text-(length:--ui-font-size-sm)/[normal] p-2 pb-2.5"
84
- }
85
- ],
86
- "defaultVariants": {
87
- "size": "md" as typeof size[number]
88
- }
89
- }
@@ -1,3 +0,0 @@
1
- export default {
2
- "base": ""
3
- }
@@ -1,6 +0,0 @@
1
- export default {
2
- "slots": {
3
- "base": "",
4
- "trailing": "hidden lg:flex items-center gap-0.5 ms-auto"
5
- }
6
- }
@@ -1,13 +0,0 @@
1
- export default {
2
- "slots": {
3
- "modal": "p-0 pt-0 pb-[10px]",
4
- "input": ""
5
- },
6
- "variants": {
7
- "fullscreen": {
8
- "false": {
9
- "modal": "sm:max-w-[768px] sm:h-[436px]"
10
- }
11
- }
12
- }
13
- }