@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,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
- }