@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,195 +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
- "default",
8
- "danger",
9
- "success",
10
- "warning",
11
- "primary",
12
- "secondary",
13
- "collab",
14
- "ai"
15
- ] as const
16
-
17
- const variant = [
18
- "list",
19
- "card"
20
- ] as const
21
-
22
- const indicator = [
23
- "start",
24
- "end",
25
- "hidden"
26
- ] as const
27
-
28
- const size = [
29
- "xs",
30
- "sm",
31
- "md",
32
- "lg"
33
- ] as const
34
-
35
- export default {
36
- "slots": {
37
- "root": "relative flex items-start",
38
- "base": "cursor-pointer flex items-center justify-center shrink-0 rounded-(--ui-border-radius-2xs) text-(--b24ui-typography-label-color) ring ring-inset ring-(--ui-color-base-5) focus-visible:outline-(--b24ui-border-color) outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2",
39
- "indicator": "rounded-(--ui-border-radius-2xs) flex items-center justify-center size-full text-(--b24ui-color) ring-1 ring-(--b24ui-background) bg-(--b24ui-background)" as typeof indicator[number],
40
- "container": "flex items-center",
41
- "icon": "shrink-0 size-full",
42
- "wrapper": "w-full font-[family-name:var(--ui-font-family-primary)] font-(--ui-font-weight-regular)",
43
- "label": "cursor-pointer block text-(--b24ui-typography-label-color)",
44
- "description": "mt-[4px] text-(--b24ui-typography-description-color)"
45
- },
46
- "variants": {
47
- "color": {
48
- "air-primary": {
49
- "root": "style-filled"
50
- },
51
- "air-primary-success": {
52
- "root": "style-filled-success"
53
- },
54
- "air-primary-alert": {
55
- "root": "style-filled-alert"
56
- },
57
- "air-primary-copilot": {
58
- "root": "style-filled-copilot"
59
- },
60
- "air-primary-warning": {
61
- "root": "style-filled-warning"
62
- },
63
- "default": {
64
- "root": "style-old-default"
65
- },
66
- "danger": {
67
- "root": "style-old-danger"
68
- },
69
- "success": {
70
- "root": "style-old-success"
71
- },
72
- "warning": {
73
- "root": "style-old-warning"
74
- },
75
- "primary": {
76
- "root": "style-old-primary"
77
- },
78
- "secondary": {
79
- "root": "style-old-secondary"
80
- },
81
- "collab": {
82
- "root": "style-old-collab"
83
- },
84
- "ai": {
85
- "root": "style-old-ai"
86
- }
87
- },
88
- "variant": {
89
- "list": {
90
- "root": ""
91
- },
92
- "card": {
93
- "root": "border border-(--ui-color-design-outline-na-stroke) bg-(--ui-color-design-outline-na-bg)"
94
- }
95
- },
96
- "indicator": {
97
- "start": {
98
- "root": "flex-row",
99
- "wrapper": "ms-2"
100
- },
101
- "end": {
102
- "root": "flex-row-reverse",
103
- "wrapper": "me-2"
104
- },
105
- "hidden": {
106
- "base": "sr-only",
107
- "wrapper": "text-center"
108
- }
109
- },
110
- "size": {
111
- "xs": {
112
- "base": "size-[12px]",
113
- "container": "h-[12px]",
114
- "wrapper": "text-(length:--ui-font-size-xs) leading-[11px]",
115
- "label": ""
116
- },
117
- "sm": {
118
- "base": "size-[14px]",
119
- "container": "h-[14px]",
120
- "wrapper": "text-(length:--ui-font-size-sm) leading-[14px]",
121
- "label": ""
122
- },
123
- "md": {
124
- "base": "size-[16px]",
125
- "container": "h-[16px]",
126
- "wrapper": "text-(length:--ui-font-size-lg) leading-[16px]",
127
- "label": ""
128
- },
129
- "lg": {
130
- "base": "size-[20px]",
131
- "container": "h-[20px]",
132
- "wrapper": "text-(length:--ui-font-size-xl) leading-[18px]",
133
- "label": ""
134
- }
135
- },
136
- "required": {
137
- "true": {
138
- "label": "after:content-['*'] after:ms-0.5 after:text-(--ui-color-accent-main-alert)"
139
- }
140
- },
141
- "disabled": {
142
- "true": {
143
- "base": "cursor-not-allowed opacity-30",
144
- "label": "cursor-not-allowed opacity-30",
145
- "description": "cursor-not-allowed opacity-30"
146
- }
147
- },
148
- "checked": {
149
- "true": ""
150
- }
151
- },
152
- "compoundVariants": [
153
- {
154
- "size": "xs" as typeof size[number],
155
- "variant": "card" as typeof variant[number],
156
- "class": {
157
- "root": "px-[13px] py-[7px] rounded-(--ui-border-radius-xs)"
158
- }
159
- },
160
- {
161
- "size": "sm" as typeof size[number],
162
- "variant": "card" as typeof variant[number],
163
- "class": {
164
- "root": "px-[13px] py-[9px] rounded-(--ui-border-radius-sm)"
165
- }
166
- },
167
- {
168
- "size": "md" as typeof size[number],
169
- "variant": "card" as typeof variant[number],
170
- "class": {
171
- "root": "px-[17px] py-[10px] rounded-(--ui-border-radius-md)"
172
- }
173
- },
174
- {
175
- "size": "lg" as typeof size[number],
176
- "variant": "card" as typeof variant[number],
177
- "class": {
178
- "root": "px-[23px] py-[12px] rounded-(--ui-border-radius-md)"
179
- }
180
- },
181
- {
182
- "variant": "card" as typeof variant[number],
183
- "checked": true,
184
- "class": {
185
- "root": "border-(--b24ui-border-color) cursor-pointer"
186
- }
187
- }
188
- ],
189
- "defaultVariants": {
190
- "color": "air-primary" as typeof color[number],
191
- "size": "md" as typeof size[number],
192
- "variant": "list" as typeof variant[number],
193
- "indicator": "start" as typeof indicator[number]
194
- }
195
- }
@@ -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
- }