@bitrix24/b24ui-nuxt 2.0.7 → 2.0.9

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 (167) hide show
  1. package/dist/meta.d.mts +28 -6
  2. package/dist/meta.mjs +28 -6
  3. package/dist/module.d.mts +13 -1
  4. package/dist/module.json +1 -1
  5. package/dist/module.mjs +6 -5
  6. package/dist/runtime/air-design-tokens/001_b24_global.css +1 -1
  7. package/dist/runtime/air-design-tokens/003_b24_context_light.css +1 -1
  8. package/dist/runtime/air-design-tokens/004_b24_context_dark.css +1 -1
  9. package/dist/runtime/air-design-tokens/005_b24_context_edge-light.css +1 -1
  10. package/dist/runtime/air-design-tokens/006_b24_context_edge-dark.css +1 -1
  11. package/dist/runtime/air-design-tokens/007_b24_global.css +1 -1
  12. package/dist/runtime/air-design-tokens/008_ui_global.css +1 -1
  13. package/dist/runtime/air-design-tokens/009_b24_tools.css +1 -1
  14. package/dist/runtime/air-design-tokens/components/badge-counter.css +1 -1
  15. package/dist/runtime/air-design-tokens/components/button.css +1 -1
  16. package/dist/runtime/air-design-tokens/components/navigation-menu.css +1 -1
  17. package/dist/runtime/air-design-tokens/components/popup.css +1 -1
  18. package/dist/runtime/air-design-tokens/components/scrollbar.css +1 -2
  19. package/dist/runtime/air-design-tokens/index.css +1 -1
  20. package/dist/runtime/components/Form.d.vue.ts +1 -1
  21. package/dist/runtime/components/Form.vue +3 -4
  22. package/dist/runtime/components/Form.vue.d.ts +1 -1
  23. package/dist/runtime/components/Modal.d.vue.ts +5 -0
  24. package/dist/runtime/components/Modal.vue +37 -9
  25. package/dist/runtime/components/Modal.vue.d.ts +5 -0
  26. package/dist/runtime/components/RadioGroup.d.vue.ts +5 -5
  27. package/dist/runtime/components/RadioGroup.vue +1 -1
  28. package/dist/runtime/components/RadioGroup.vue.d.ts +5 -5
  29. package/dist/runtime/index.css +1 -1
  30. package/dist/runtime/plugins/colors.js +4 -8
  31. package/dist/shared/{b24ui-nuxt.CPlfZAfR.mjs → b24ui-nuxt.4XNR9Ysu.mjs} +219 -126
  32. package/dist/unplugin.d.mts +3 -1
  33. package/dist/unplugin.mjs +32 -3
  34. package/dist/vite.mjs +5 -3
  35. package/package.json +4 -11
  36. package/.nuxt/b24ui/accordion.ts +0 -20
  37. package/.nuxt/b24ui/advice.ts +0 -36
  38. package/.nuxt/b24ui/alert.ts +0 -176
  39. package/.nuxt/b24ui/avatar-group.ts +0 -52
  40. package/.nuxt/b24ui/avatar.ts +0 -63
  41. package/.nuxt/b24ui/badge.ts +0 -333
  42. package/.nuxt/b24ui/banner.ts +0 -78
  43. package/.nuxt/b24ui/breadcrumb.ts +0 -42
  44. package/.nuxt/b24ui/button.ts +0 -350
  45. package/.nuxt/b24ui/calendar.ts +0 -112
  46. package/.nuxt/b24ui/card.ts +0 -180
  47. package/.nuxt/b24ui/chat-message.ts +0 -123
  48. package/.nuxt/b24ui/chat-messages.ts +0 -14
  49. package/.nuxt/b24ui/chat-palette.ts +0 -8
  50. package/.nuxt/b24ui/chat-prompt-submit.ts +0 -5
  51. package/.nuxt/b24ui/chat-prompt.ts +0 -35
  52. package/.nuxt/b24ui/checkbox-group.ts +0 -255
  53. package/.nuxt/b24ui/checkbox.ts +0 -195
  54. package/.nuxt/b24ui/chip.ts +0 -238
  55. package/.nuxt/b24ui/collapsible.ts +0 -6
  56. package/.nuxt/b24ui/color-picker.ts +0 -42
  57. package/.nuxt/b24ui/command-palette.ts +0 -56
  58. package/.nuxt/b24ui/container.ts +0 -3
  59. package/.nuxt/b24ui/content/content-search-button.ts +0 -6
  60. package/.nuxt/b24ui/content/content-search.ts +0 -13
  61. package/.nuxt/b24ui/content/content-surround.ts +0 -21
  62. package/.nuxt/b24ui/content/content-toc.ts +0 -41
  63. package/.nuxt/b24ui/context-menu.ts +0 -91
  64. package/.nuxt/b24ui/countdown.ts +0 -89
  65. package/.nuxt/b24ui/dashboard-group.ts +0 -3
  66. package/.nuxt/b24ui/dashboard-search-button.ts +0 -6
  67. package/.nuxt/b24ui/dashboard-search.ts +0 -13
  68. package/.nuxt/b24ui/description-list.ts +0 -67
  69. package/.nuxt/b24ui/dropdown-menu.ts +0 -166
  70. package/.nuxt/b24ui/empty.ts +0 -145
  71. package/.nuxt/b24ui/error.ts +0 -9
  72. package/.nuxt/b24ui/field-group.ts +0 -17
  73. package/.nuxt/b24ui/file-upload.ts +0 -241
  74. package/.nuxt/b24ui/form-field.ts +0 -58
  75. package/.nuxt/b24ui/form.ts +0 -3
  76. package/.nuxt/b24ui/index.ts +0 -88
  77. package/.nuxt/b24ui/input-menu.ts +0 -631
  78. package/.nuxt/b24ui/input-number.ts +0 -426
  79. package/.nuxt/b24ui/input-tags.ts +0 -412
  80. package/.nuxt/b24ui/input.ts +0 -386
  81. package/.nuxt/b24ui/kbd.ts +0 -33
  82. package/.nuxt/b24ui/link.ts +0 -22
  83. package/.nuxt/b24ui/modal.ts +0 -57
  84. package/.nuxt/b24ui/navbar-divider.ts +0 -5
  85. package/.nuxt/b24ui/navbar-section.ts +0 -5
  86. package/.nuxt/b24ui/navbar-spacer.ts +0 -5
  87. package/.nuxt/b24ui/navbar.ts +0 -5
  88. package/.nuxt/b24ui/navigation-menu.ts +0 -155
  89. package/.nuxt/b24ui/page-card.ts +0 -489
  90. package/.nuxt/b24ui/page-columns.ts +0 -3
  91. package/.nuxt/b24ui/page-grid.ts +0 -3
  92. package/.nuxt/b24ui/page-links.ts +0 -26
  93. package/.nuxt/b24ui/page-list.ts +0 -8
  94. package/.nuxt/b24ui/pagination.ts +0 -13
  95. package/.nuxt/b24ui/pin-input.ts +0 -152
  96. package/.nuxt/b24ui/popover.ts +0 -6
  97. package/.nuxt/b24ui/progress.ts +0 -289
  98. package/.nuxt/b24ui/prose/a.ts +0 -5
  99. package/.nuxt/b24ui/prose/accordion-item.ts +0 -3
  100. package/.nuxt/b24ui/prose/accordion.ts +0 -6
  101. package/.nuxt/b24ui/prose/badge.ts +0 -3
  102. package/.nuxt/b24ui/prose/blockquote.ts +0 -5
  103. package/.nuxt/b24ui/prose/callout.ts +0 -83
  104. package/.nuxt/b24ui/prose/card-group.ts +0 -3
  105. package/.nuxt/b24ui/prose/card.ts +0 -86
  106. package/.nuxt/b24ui/prose/code-collapse.ts +0 -19
  107. package/.nuxt/b24ui/prose/code-group.ts +0 -10
  108. package/.nuxt/b24ui/prose/code-icon.ts +0 -66
  109. package/.nuxt/b24ui/prose/code-preview.ts +0 -14
  110. package/.nuxt/b24ui/prose/code.ts +0 -75
  111. package/.nuxt/b24ui/prose/collapsible.ts +0 -9
  112. package/.nuxt/b24ui/prose/em.ts +0 -5
  113. package/.nuxt/b24ui/prose/field-group.ts +0 -3
  114. package/.nuxt/b24ui/prose/field.ts +0 -11
  115. package/.nuxt/b24ui/prose/h1.ts +0 -26
  116. package/.nuxt/b24ui/prose/h2.ts +0 -28
  117. package/.nuxt/b24ui/prose/h3.ts +0 -28
  118. package/.nuxt/b24ui/prose/h4.ts +0 -28
  119. package/.nuxt/b24ui/prose/h5.ts +0 -25
  120. package/.nuxt/b24ui/prose/h6.ts +0 -25
  121. package/.nuxt/b24ui/prose/hr.ts +0 -5
  122. package/.nuxt/b24ui/prose/img.ts +0 -23
  123. package/.nuxt/b24ui/prose/index.ts +0 -41
  124. package/.nuxt/b24ui/prose/kbd.ts +0 -3
  125. package/.nuxt/b24ui/prose/li.ts +0 -5
  126. package/.nuxt/b24ui/prose/ol.ts +0 -5
  127. package/.nuxt/b24ui/prose/p.ts +0 -30
  128. package/.nuxt/b24ui/prose/pre.ts +0 -17
  129. package/.nuxt/b24ui/prose/steps.ts +0 -19
  130. package/.nuxt/b24ui/prose/strong.ts +0 -5
  131. package/.nuxt/b24ui/prose/table.ts +0 -6
  132. package/.nuxt/b24ui/prose/tabs-item.ts +0 -3
  133. package/.nuxt/b24ui/prose/tabs.ts +0 -5
  134. package/.nuxt/b24ui/prose/tbody.ts +0 -5
  135. package/.nuxt/b24ui/prose/td.ts +0 -5
  136. package/.nuxt/b24ui/prose/th.ts +0 -5
  137. package/.nuxt/b24ui/prose/thead.ts +0 -5
  138. package/.nuxt/b24ui/prose/tr.ts +0 -5
  139. package/.nuxt/b24ui/prose/ul.ts +0 -5
  140. package/.nuxt/b24ui/radio-group.ts +0 -303
  141. package/.nuxt/b24ui/range.ts +0 -184
  142. package/.nuxt/b24ui/select-menu.ts +0 -554
  143. package/.nuxt/b24ui/select.ts +0 -533
  144. package/.nuxt/b24ui/separator.ts +0 -131
  145. package/.nuxt/b24ui/sidebar-body.ts +0 -15
  146. package/.nuxt/b24ui/sidebar-footer.ts +0 -5
  147. package/.nuxt/b24ui/sidebar-header.ts +0 -5
  148. package/.nuxt/b24ui/sidebar-heading.ts +0 -5
  149. package/.nuxt/b24ui/sidebar-layout.ts +0 -160
  150. package/.nuxt/b24ui/sidebar-section.ts +0 -5
  151. package/.nuxt/b24ui/sidebar-spacer.ts +0 -5
  152. package/.nuxt/b24ui/sidebar.ts +0 -5
  153. package/.nuxt/b24ui/skeleton.ts +0 -21
  154. package/.nuxt/b24ui/slideover.ts +0 -130
  155. package/.nuxt/b24ui/stepper.ts +0 -187
  156. package/.nuxt/b24ui/switch.ts +0 -139
  157. package/.nuxt/b24ui/table-wrapper.ts +0 -46
  158. package/.nuxt/b24ui/table.ts +0 -131
  159. package/.nuxt/b24ui/tabs.ts +0 -119
  160. package/.nuxt/b24ui/textarea.ts +0 -186
  161. package/.nuxt/b24ui/timeline.ts +0 -211
  162. package/.nuxt/b24ui/toast.ts +0 -95
  163. package/.nuxt/b24ui/toaster.ts +0 -91
  164. package/.nuxt/b24ui/tooltip.ts +0 -10
  165. package/.nuxt/b24ui/user.ts +0 -95
  166. package/.nuxt/b24ui.css +0 -5
  167. package/dist/runtime/air-design-tokens/002_b24_context_utility.css +0 -0
@@ -1,533 +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
- const colorItem = [
36
- "air-primary",
37
- "air-primary-success",
38
- "air-primary-alert",
39
- "air-primary-copilot",
40
- "air-primary-warning",
41
- "default",
42
- "danger",
43
- "success",
44
- "warning",
45
- "primary",
46
- "secondary",
47
- "collab",
48
- "ai"
49
- ] as const
50
-
51
- export default {
52
- "slots": {
53
- "root": "isolate relative inline-flex items-center",
54
- "base": "relative inline-flex items-center group px-3 w-full py-0 border-0 focus:outline-none cursor-pointer 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 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",
55
- "leading": "absolute inset-y-0 start-0 flex items-center",
56
- "leadingIcon": "shrink-0 text-(--b24ui-icon-color)",
57
- "leadingAvatar": "shrink-0",
58
- "leadingAvatarSize": "",
59
- "trailing": "absolute inset-y-0 end-0 flex items-center",
60
- "trailingIcon": "shrink-0 text-(--b24ui-icon-color)",
61
- "tag": "pointer-events-none select-none absolute z-10 -top-[7px] right-[14px] flex flex-col justify-center items-center",
62
- "value": "truncate pointer-events-none",
63
- "placeholder": "truncate text-(--ui-color-design-plain-na-content-secondary)",
64
- "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-dropdown-menu-content-transform-origin) font-[family-name:var(--ui-font-family-primary)] relative isolate px-0 py-(--menu-popup-padding) pointer-events-auto",
65
- "viewport": "relative scroll-py-1 w-[240px] max-h-[40vh] overflow-x-hidden overflow-y-auto scrollbar-thin",
66
- "arrow": "fill-(--popup-window-background-color)",
67
- "group": "grid",
68
- "empty": "h-(--popup-window-delimiter-section-height) mt-(--menu-item-block-stack-space) py-[8px] select-none outline-none whitespace-nowrap text-center text-(length:--popup-window-delimiter-font-size)/(--ui-font-line-height-lg) text-(--popup-window-delimiter-text-color) font-(--popup-window-delimiter-font-weight)",
69
- "label": "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)",
70
- "separator": "my-[8px] mx-[18px] h-[1px] bg-(--popup-window-delimiter-bg-color)",
71
- "item": "group w-full min-w-[195px] 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:not-data-disabled:text-(--menu-popup-item-color-hover) data-[state=open]:text-(--menu-popup-item-color-hover) data-[state=checked]: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",
72
- "itemLeadingIcon": "shrink-0 size-[24px] text-(--ui-color-design-plain-content-icon-secondary) group-data-highlighted:not-data-disabled: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",
73
- "itemLeadingAvatar": "shrink-0 size-[16px] me-[12px]",
74
- "itemLeadingAvatarSize": "2xs",
75
- "itemLeadingChip": "shrink-0 size-[16px]",
76
- "itemLeadingChipSize": "sm",
77
- "itemTrailing": "ml-auto rtl:ml-0 rtl:mr-auto inline-flex gap-1.5 items-center",
78
- "itemTrailingIcon": "shrink-0 size-[24px] text-(--ui-color-accent-main-primary)",
79
- "itemWrapper": "flex-1 flex flex-col min-w-0",
80
- "itemLabel": "truncate group-data-[state=checked]:text-(--ui-color-accent-main-primary)",
81
- "itemDescription": "truncate -mt-[6px] text-(--b24ui-typography-description-color) text-(length:--ui-font-size-sm)"
82
- },
83
- "variants": {
84
- "fieldGroup": {
85
- "horizontal": {
86
- "root": "group leading-none has-focus-visible:z-[1]",
87
- "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"
88
- },
89
- "vertical": {
90
- "root": "group has-focus-visible:z-[1]",
91
- "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"
92
- }
93
- },
94
- "noSplit": {
95
- "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"
96
- },
97
- "size": {
98
- "xss": {
99
- "base": "h-[20px] gap-1 text-(length:--ui-font-size-4xs)/[normal]",
100
- "leading": "px-1",
101
- "trailing": "px-1",
102
- "leadingIcon": "size-[12px]",
103
- "leadingAvatarSize": "3xs",
104
- "trailingIcon": "size-[12px]"
105
- },
106
- "xs": {
107
- "base": "h-[24px] gap-1 text-(length:--ui-font-size-xs)/[normal]",
108
- "leading": "px-1",
109
- "trailing": "px-1",
110
- "leadingIcon": "size-[14px]",
111
- "leadingAvatarSize": "3xs",
112
- "trailingIcon": "size-[14px]"
113
- },
114
- "sm": {
115
- "base": "h-[28px] gap-1.5 text-(length:--ui-font-size-xs)/[normal]",
116
- "leading": "px-1.5",
117
- "trailing": "px-1.5",
118
- "leadingIcon": "size-[16px]",
119
- "leadingAvatar": "size-[16px]",
120
- "leadingAvatarSize": "2xs",
121
- "trailingIcon": "size-[16px]"
122
- },
123
- "md": {
124
- "base": "h-[34px] gap-1.5 text-(length:--ui-font-size-lg)/[normal]",
125
- "leading": "px-2",
126
- "trailing": "px-2",
127
- "leadingIcon": "size-[18px]",
128
- "leadingAvatarSize": "2xs",
129
- "trailingIcon": "size-[18px]"
130
- },
131
- "lg": {
132
- "base": "h-[38px] gap-2 text-(length:--ui-font-size-lg)/[normal]",
133
- "leading": "px-2",
134
- "trailing": "px-2",
135
- "leadingIcon": "size-[22px]",
136
- "leadingAvatarSize": "2xs",
137
- "trailingIcon": "size-[22px]"
138
- },
139
- "xl": {
140
- "base": "h-[46px] gap-2 text-(length:--ui-font-size-2xl)/[normal]",
141
- "leading": "px-2",
142
- "trailing": "px-2",
143
- "leadingIcon": "size-[22px]",
144
- "leadingAvatarSize": "2xs",
145
- "trailingIcon": "size-[22px]"
146
- }
147
- },
148
- "color": {
149
- "air-primary": {
150
- "base": "style-filled"
151
- },
152
- "air-primary-success": {
153
- "base": "style-filled-success"
154
- },
155
- "air-primary-alert": {
156
- "base": "style-filled-alert"
157
- },
158
- "air-primary-copilot": {
159
- "base": "style-filled-copilot"
160
- },
161
- "air-primary-warning": {
162
- "base": "style-filled-warning"
163
- },
164
- "default": {
165
- "base": "style-old-default"
166
- },
167
- "danger": {
168
- "base": "style-old-danger"
169
- },
170
- "success": {
171
- "base": "style-old-success"
172
- },
173
- "warning": {
174
- "base": "style-old-warning"
175
- },
176
- "primary": {
177
- "base": "style-old-primary"
178
- },
179
- "secondary": {
180
- "base": "style-old-secondary"
181
- },
182
- "collab": {
183
- "base": "style-old-collab"
184
- },
185
- "ai": {
186
- "base": "style-old-ai"
187
- }
188
- },
189
- "rounded": {
190
- "true": "rounded-(--ui-border-radius-3xl)",
191
- "false": "rounded-(--ui-border-radius-sm)"
192
- },
193
- "noPadding": {
194
- "true": {
195
- "base": "px-0"
196
- }
197
- },
198
- "noBorder": {
199
- "true": "ring-0 focus-visible:ring-0 style-transparent-bg"
200
- },
201
- "underline": {
202
- "true": "rounded-none ring-0 focus-visible:ring-0 style-transparent-bg border-b-1 border-b-(--ui-color-design-outline-stroke)"
203
- },
204
- "leading": {
205
- "true": ""
206
- },
207
- "trailing": {
208
- "true": ""
209
- },
210
- "loading": {
211
- "true": ""
212
- },
213
- "highlight": {
214
- "true": "ring ring-inset ring-(--b24ui-border-color)"
215
- },
216
- "type": {
217
- "file": "file:me-1.5 file:text-(--ui-color-design-plain-na-content-secondary) file:outline-none"
218
- },
219
- "colorItem": {
220
- "air-primary": {
221
- "item": "style-filled"
222
- },
223
- "air-primary-success": {
224
- "item": "style-filled-success"
225
- },
226
- "air-primary-alert": {
227
- "item": "style-filled-alert"
228
- },
229
- "air-primary-copilot": {
230
- "item": "style-filled-copilot"
231
- },
232
- "air-primary-warning": {
233
- "item": "style-filled-warning"
234
- },
235
- "default": {
236
- "item": "style-old-default"
237
- },
238
- "danger": {
239
- "item": "style-old-danger"
240
- },
241
- "success": {
242
- "item": "style-old-success"
243
- },
244
- "warning": {
245
- "item": "style-old-warning"
246
- },
247
- "primary": {
248
- "item": "style-old-primary"
249
- },
250
- "secondary": {
251
- "item": "style-old-secondary"
252
- },
253
- "collab": {
254
- "item": "style-old-collab"
255
- },
256
- "ai": {
257
- "item": "style-old-ai"
258
- }
259
- }
260
- },
261
- "compoundVariants": [
262
- {
263
- "colorItem": [
264
- "air-primary" as typeof colorItem[number],
265
- "air-primary-success" as typeof colorItem[number],
266
- "air-primary-alert" as typeof colorItem[number],
267
- "air-primary-copilot" as typeof colorItem[number],
268
- "air-primary-warning" as typeof colorItem[number]
269
- ],
270
- "active": false,
271
- "class": {
272
- "item": "text-(--b24ui-background) data-highlighted:text-(--b24ui-background-hover) data-[state=open]:text-(--b24ui-background-hover)",
273
- "itemLeadingIcon": "text-(--b24ui-background) group-data-highlighted:text-(--b24ui-background-hover) group-data-[state=open]:text-(--b24ui-background-hover)"
274
- }
275
- },
276
- {
277
- "colorItem": [
278
- "air-primary" as typeof colorItem[number],
279
- "air-primary-success" as typeof colorItem[number],
280
- "air-primary-alert" as typeof colorItem[number],
281
- "air-primary-copilot" as typeof colorItem[number],
282
- "air-primary-warning" as typeof colorItem[number]
283
- ],
284
- "active": true,
285
- "class": {
286
- "item": "text-(--b24ui-background-active)",
287
- "itemLeadingIcon": "text-(--b24ui-background-active) group-data-[state=open]:text-(--b24ui-background-active)"
288
- }
289
- },
290
- {
291
- "colorItem": "default" as typeof colorItem[number],
292
- "active": false,
293
- "class": ""
294
- },
295
- {
296
- "colorItem": "default" as typeof colorItem[number],
297
- "active": true,
298
- "class": ""
299
- },
300
- {
301
- "colorItem": [
302
- "danger" as typeof colorItem[number],
303
- "success" as typeof colorItem[number],
304
- "warning" as typeof colorItem[number],
305
- "primary" as typeof colorItem[number],
306
- "secondary" as typeof colorItem[number],
307
- "collab" as typeof colorItem[number],
308
- "ai" as typeof colorItem[number]
309
- ],
310
- "active": false,
311
- "class": {
312
- "item": "text-(--b24ui-background-active) data-highlighted:text-(--b24ui-background-hover) data-[state=open]:text-(--b24ui-background-hover)",
313
- "itemLeadingIcon": "text-(--b24ui-icon) group-data-highlighted:text-(--b24ui-icon) group-data-[state=open]:text-(--b24ui-icon)"
314
- }
315
- },
316
- {
317
- "colorItem": [
318
- "danger" as typeof colorItem[number],
319
- "success" as typeof colorItem[number],
320
- "warning" as typeof colorItem[number],
321
- "primary" as typeof colorItem[number],
322
- "secondary" as typeof colorItem[number],
323
- "collab" as typeof colorItem[number],
324
- "ai" as typeof colorItem[number]
325
- ],
326
- "active": true,
327
- "class": {
328
- "item": "text-(--b24ui-background-active)",
329
- "itemLeadingIcon": "text-(--b24ui-background-active) group-data-[state=open]:text-(--b24ui-background-active)"
330
- }
331
- },
332
- {
333
- "highlight": false,
334
- "noBorder": false,
335
- "underline": false,
336
- "class": {
337
- "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)"
338
- }
339
- },
340
- {
341
- "highlight": true,
342
- "noBorder": false,
343
- "underline": false,
344
- "class": {
345
- "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)"
346
- }
347
- },
348
- {
349
- "noBorder": false,
350
- "underline": true,
351
- "class": {
352
- "base": "focus-visible:border-(--b24ui-border-color) hover:border-(--b24ui-border-color) data-[state=open]:border-(--b24ui-border-color)"
353
- }
354
- },
355
- {
356
- "highlight": true,
357
- "noBorder": false,
358
- "underline": true,
359
- "class": {
360
- "base": "ring-0 border-b-(--b24ui-border-color)"
361
- }
362
- },
363
- {
364
- "highlight": true,
365
- "noBorder": true,
366
- "underline": false,
367
- "class": {
368
- "base": "ring-0"
369
- }
370
- },
371
- {
372
- "type": "file" as typeof type[number],
373
- "size": "xss" as typeof size[number],
374
- "class": "py-[2px]"
375
- },
376
- {
377
- "type": "file" as typeof type[number],
378
- "size": "xs" as typeof size[number],
379
- "class": "py-[4px]"
380
- },
381
- {
382
- "type": "file" as typeof type[number],
383
- "size": "sm" as typeof size[number],
384
- "class": "py-[5px]"
385
- },
386
- {
387
- "type": "file" as typeof type[number],
388
- "size": "md" as typeof size[number],
389
- "class": "py-[7px]"
390
- },
391
- {
392
- "type": "file" as typeof type[number],
393
- "size": "lg" as typeof size[number],
394
- "class": "py-[9px]"
395
- },
396
- {
397
- "type": "file" as typeof type[number],
398
- "size": "xl" as typeof size[number],
399
- "class": "py-[11px]"
400
- },
401
- {
402
- "leading": true,
403
- "noPadding": false,
404
- "size": "xss" as typeof size[number],
405
- "class": "ps-[20px]"
406
- },
407
- {
408
- "leading": true,
409
- "noPadding": false,
410
- "size": "xs" as typeof size[number],
411
- "class": "ps-[22px]"
412
- },
413
- {
414
- "leading": true,
415
- "noPadding": false,
416
- "size": "sm" as typeof size[number],
417
- "class": "ps-[28px]"
418
- },
419
- {
420
- "leading": true,
421
- "noPadding": false,
422
- "size": "md" as typeof size[number],
423
- "class": "ps-[32px]"
424
- },
425
- {
426
- "leading": true,
427
- "noPadding": false,
428
- "size": "lg" as typeof size[number],
429
- "class": "ps-[32px]"
430
- },
431
- {
432
- "leading": true,
433
- "noPadding": false,
434
- "size": "xl" as typeof size[number],
435
- "class": "ps-[32px]"
436
- },
437
- {
438
- "trailing": true,
439
- "noPadding": false,
440
- "size": "xss" as typeof size[number],
441
- "class": "pe-[20px]"
442
- },
443
- {
444
- "trailing": true,
445
- "noPadding": false,
446
- "size": "xs" as typeof size[number],
447
- "class": "pe-[22px]"
448
- },
449
- {
450
- "trailing": true,
451
- "noPadding": false,
452
- "size": "sm" as typeof size[number],
453
- "class": "pe-[28px]"
454
- },
455
- {
456
- "trailing": true,
457
- "noPadding": false,
458
- "size": "md" as typeof size[number],
459
- "class": "pe-[34px]"
460
- },
461
- {
462
- "trailing": true,
463
- "noPadding": false,
464
- "size": "lg" as typeof size[number],
465
- "class": "pe-[38px]"
466
- },
467
- {
468
- "trailing": true,
469
- "noPadding": false,
470
- "size": "xl" as typeof size[number],
471
- "class": "pe-[38px]"
472
- },
473
- {
474
- "loading": true,
475
- "leading": true,
476
- "class": {
477
- "leadingIcon": "size-[21px]"
478
- }
479
- },
480
- {
481
- "loading": true,
482
- "leading": false,
483
- "trailing": true,
484
- "class": {
485
- "trailingIcon": "size-[21px]"
486
- }
487
- },
488
- {
489
- "fieldGroup": [
490
- "horizontal" as typeof fieldGroup[number],
491
- "vertical" as typeof fieldGroup[number]
492
- ],
493
- "size": [
494
- "xl" as typeof size[number],
495
- "lg" as typeof size[number],
496
- "md" as typeof size[number]
497
- ],
498
- "rounded": false,
499
- "class": "rounded-(--ui-border-radius-md)"
500
- },
501
- {
502
- "fieldGroup": [
503
- "horizontal" as typeof fieldGroup[number],
504
- "vertical" as typeof fieldGroup[number]
505
- ],
506
- "size": "sm" as typeof size[number],
507
- "rounded": false,
508
- "class": "rounded-(--ui-border-radius-sm)"
509
- },
510
- {
511
- "fieldGroup": [
512
- "horizontal" as typeof fieldGroup[number],
513
- "vertical" as typeof fieldGroup[number]
514
- ],
515
- "size": "xs" as typeof size[number],
516
- "rounded": false,
517
- "class": "rounded-(--ui-border-radius-xs)"
518
- },
519
- {
520
- "fieldGroup": [
521
- "horizontal" as typeof fieldGroup[number],
522
- "vertical" as typeof fieldGroup[number]
523
- ],
524
- "size": "xss" as typeof size[number],
525
- "rounded": false,
526
- "class": "rounded-[5px]"
527
- }
528
- ],
529
- "defaultVariants": {
530
- "color": "air-primary" as typeof color[number],
531
- "size": "md" as typeof size[number]
532
- }
533
- }
@@ -1,131 +0,0 @@
1
- const accent = [
2
- "default",
3
- "accent",
4
- "less"
5
- ] as const
6
-
7
- const orientation = [
8
- "horizontal",
9
- "vertical"
10
- ] as const
11
-
12
- const size = [
13
- "thin",
14
- "thick"
15
- ] as const
16
-
17
- const type = [
18
- "solid",
19
- "dashed",
20
- "dotted",
21
- "double"
22
- ] as const
23
-
24
- export default {
25
- "slots": {
26
- "root": "flex items-center align-center text-center",
27
- "border": "",
28
- "container": "font-[family-name:var(--ui-font-family-primary)] font-(--ui-font-weight-normal) flex",
29
- "icon": "shrink-0 size-7",
30
- "avatar": "shrink-0",
31
- "avatarSize": "sm",
32
- "label": ""
33
- },
34
- "variants": {
35
- "accent": {
36
- "default": {
37
- "container": "text-(--ui-color-design-plain-na-content-secondary) text-(length:--ui-font-size-sm)/(--ui-font-line-height-reset)",
38
- "border": "border-(--ui-color-divider-vibrant-default)"
39
- },
40
- "accent": {
41
- "container": "text-(--b24ui-typography-description-color) text-(length:--ui-font-size-sm)/(--ui-font-line-height-reset)",
42
- "border": "border-(--ui-color-divider-vibrant-accent-more)"
43
- },
44
- "less": {
45
- "container": "text-(--ui-color-base-6) text-(length:--ui-font-size-sm)/(--ui-font-line-height-reset)",
46
- "border": "border-(--ui-color-divider-vibrant-less)"
47
- }
48
- },
49
- "orientation": {
50
- "horizontal": {
51
- "root": "w-full flex-row",
52
- "border": "w-full",
53
- "container": "mx-3 whitespace-nowrap"
54
- },
55
- "vertical": {
56
- "root": "h-full flex-col",
57
- "border": "h-full",
58
- "container": "my-2"
59
- }
60
- },
61
- "size": {
62
- "thin": "",
63
- "thick": ""
64
- },
65
- "type": {
66
- "solid": {
67
- "border": "border-solid"
68
- },
69
- "dashed": {
70
- "border": "border-dashed"
71
- },
72
- "dotted": {
73
- "border": "border-dotted"
74
- },
75
- "double": {
76
- "border": "border-double"
77
- }
78
- }
79
- },
80
- "compoundVariants": [
81
- {
82
- "orientation": "horizontal" as typeof orientation[number],
83
- "size": "thin" as typeof size[number],
84
- "class": {
85
- "border": "border-t-(length:--ui-border-width-thin)"
86
- }
87
- },
88
- {
89
- "orientation": "horizontal" as typeof orientation[number],
90
- "size": "thick" as typeof size[number],
91
- "class": {
92
- "border": "border-t-(length:--ui-border-width-thick)"
93
- }
94
- },
95
- {
96
- "orientation": "vertical" as typeof orientation[number],
97
- "size": "thin" as typeof size[number],
98
- "class": {
99
- "border": "border-s-(length:--ui-border-width-thin)"
100
- }
101
- },
102
- {
103
- "orientation": "vertical" as typeof orientation[number],
104
- "size": "thick" as typeof size[number],
105
- "class": {
106
- "border": "border-s-(length:--ui-border-width-thick)"
107
- }
108
- },
109
- {
110
- "type": "double" as typeof type[number],
111
- "size": "thick" as typeof size[number],
112
- "orientation": "horizontal" as typeof orientation[number],
113
- "class": {
114
- "border": "border-t-[length:calc(var(--ui-border-width-thick)_+_1px)]"
115
- }
116
- },
117
- {
118
- "type": "double" as typeof type[number],
119
- "size": "thick" as typeof size[number],
120
- "orientation": "vertical" as typeof orientation[number],
121
- "class": {
122
- "border": "border-s-[length:calc(var(--ui-border-width-thick)_+_1px)]"
123
- }
124
- }
125
- ],
126
- "defaultVariants": {
127
- "accent": "default" as typeof accent[number],
128
- "size": "thin" as typeof size[number],
129
- "type": "solid" as typeof type[number]
130
- }
131
- }
@@ -1,15 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "py-4 flex flex-1 flex-col overflow-y-auto [&>[data-slot=section]+[data-slot=section]]:mt-8"
4
- },
5
- "variants": {
6
- "scrollbarThin": {
7
- "true": {
8
- "root": "scrollbar-thin scrollbar-transparent"
9
- }
10
- }
11
- },
12
- "defaultVariants": {
13
- "scrollbarThin": true
14
- }
15
- }
@@ -1,5 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "py-4 flex flex-col max-lg:hidden [&>[data-slot=section]+[data-slot=section]]:mt-2.5"
4
- }
5
- }
@@ -1,5 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "min-h-(--topbar-height) flex flex-col text-(--ui-color-base-1) border-b border-(--leftmenu-bg-divider) [&>[data-slot=section]+[data-slot=section]]:mt-2.5"
4
- }
5
- }