@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,152 +0,0 @@
1
- const size = [
2
- "xss",
3
- "xs",
4
- "sm",
5
- "md",
6
- "lg",
7
- "xl"
8
- ] as const
9
-
10
- const color = [
11
- "air-primary",
12
- "air-primary-success",
13
- "air-primary-alert",
14
- "air-primary-copilot",
15
- "air-primary-warning",
16
- "default",
17
- "danger",
18
- "success",
19
- "warning",
20
- "primary",
21
- "secondary",
22
- "collab",
23
- "ai"
24
- ] as const
25
-
26
- export default {
27
- "slots": {
28
- "root": "relative inline-flex items-center gap-1.5",
29
- "base": "px-0 py-0 border-0 focus:outline-none disabled:cursor-not-allowed disabled:pointer-events-none disabled:select-none disabled:opacity-30 disabled:resize-none text-center appearance-none transition duration-300 ease-linear text-(--ui-color-base-1) style-blurred-bg-input placeholder:text-(--ui-color-design-plain-na-content-secondary) hover:text-(--ui-color-base-1) focus:text-(--ui-color-base-1) active:text-(--ui-color-base-1) font-[family-name:var(--ui-font-family-primary)] font-(--ui-font-weight-regular) focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-(--b24ui-border-color)"
30
- },
31
- "variants": {
32
- "size": {
33
- "xss": {
34
- "base": "size-[20px] text-(length:--ui-font-size-4xs)/[normal]"
35
- },
36
- "xs": {
37
- "base": "size-[24px] text-(length:--ui-font-size-xs)/[normal]"
38
- },
39
- "sm": {
40
- "base": "size-[28px] text-(length:--ui-font-size-sm)/[normal]"
41
- },
42
- "md": {
43
- "base": "size-[34px] text-(length:--ui-font-size-lg)/[normal]"
44
- },
45
- "lg": {
46
- "base": "size-[38px] text-(length:--ui-font-size-lg)/[normal]"
47
- },
48
- "xl": {
49
- "base": "size-[46px] text-(length:--ui-font-size-2xl)/[normal]"
50
- }
51
- },
52
- "color": {
53
- "air-primary": {
54
- "base": "style-filled"
55
- },
56
- "air-primary-success": {
57
- "base": "style-filled-success"
58
- },
59
- "air-primary-alert": {
60
- "base": "style-filled-alert"
61
- },
62
- "air-primary-copilot": {
63
- "base": "style-filled-copilot"
64
- },
65
- "air-primary-warning": {
66
- "base": "style-filled-warning"
67
- },
68
- "default": {
69
- "base": "style-old-default"
70
- },
71
- "danger": {
72
- "base": "style-old-danger"
73
- },
74
- "success": {
75
- "base": "style-old-success"
76
- },
77
- "warning": {
78
- "base": "style-old-warning"
79
- },
80
- "primary": {
81
- "base": "style-old-primary"
82
- },
83
- "secondary": {
84
- "base": "style-old-secondary"
85
- },
86
- "collab": {
87
- "base": "style-old-collab"
88
- },
89
- "ai": {
90
- "base": "style-old-ai"
91
- }
92
- },
93
- "rounded": {
94
- "true": "rounded-(--ui-border-radius-3xl)",
95
- "false": "rounded-(--ui-border-radius-sm)"
96
- },
97
- "noBorder": {
98
- "true": "ring-0 focus-visible:ring-0 style-transparent-bg"
99
- },
100
- "underline": {
101
- "true": "rounded-none ring-0 focus-visible:ring-0 style-transparent-bg border-b-1 border-b-(--ui-color-design-outline-stroke)"
102
- },
103
- "highlight": {
104
- "true": "ring ring-inset ring-(--b24ui-border-color)"
105
- }
106
- },
107
- "compoundVariants": [
108
- {
109
- "highlight": false,
110
- "noBorder": false,
111
- "underline": false,
112
- "class": {
113
- "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)"
114
- }
115
- },
116
- {
117
- "highlight": true,
118
- "noBorder": false,
119
- "underline": false,
120
- "class": {
121
- "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)"
122
- }
123
- },
124
- {
125
- "noBorder": false,
126
- "underline": true,
127
- "class": {
128
- "base": "focus-visible:border-(--b24ui-border-color)"
129
- }
130
- },
131
- {
132
- "highlight": true,
133
- "noBorder": false,
134
- "underline": true,
135
- "class": {
136
- "base": "ring-0 border-b-(--b24ui-border-color)"
137
- }
138
- },
139
- {
140
- "highlight": true,
141
- "noBorder": true,
142
- "underline": false,
143
- "class": {
144
- "base": "ring-0"
145
- }
146
- }
147
- ],
148
- "defaultVariants": {
149
- "size": "md" as typeof size[number],
150
- "color": "air-primary" as typeof color[number]
151
- }
152
- }
@@ -1,6 +0,0 @@
1
- export default {
2
- "slots": {
3
- "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-popover-content-transform-origin) focus:outline-none pointer-events-auto",
4
- "arrow": "fill-(--popup-window-background-color)"
5
- }
6
- }
@@ -1,289 +0,0 @@
1
- const animation = [
2
- "loading",
3
- "carousel",
4
- "carousel-inverse",
5
- "swing",
6
- "elastic"
7
- ] as const
8
-
9
- const color = [
10
- "air-primary",
11
- "air-primary-success",
12
- "air-primary-alert",
13
- "air-primary-copilot",
14
- "air-primary-warning",
15
- "air-secondary",
16
- "default",
17
- "danger",
18
- "success",
19
- "warning",
20
- "primary",
21
- "secondary",
22
- "collab",
23
- "ai"
24
- ] as const
25
-
26
- const size = [
27
- "xs",
28
- "sm",
29
- "md",
30
- "lg"
31
- ] as const
32
-
33
- const step = [
34
- "active",
35
- "first",
36
- "other",
37
- "last"
38
- ] as const
39
-
40
- const orientation = [
41
- "horizontal",
42
- "vertical"
43
- ] as const
44
-
45
- export default {
46
- "slots": {
47
- "root": "gap-2",
48
- "base": "relative overflow-hidden rounded-(--ui-border-radius-pill) bg-(--ui-color-base-5)",
49
- "indicator": "rounded-(--ui-border-radius-pill) size-full transition-transform duration-200 ease-out bg-(--b24ui-background)",
50
- "status": "flex justify-end text-(--b24ui-typography-legend-color) transition-[width] duration-200",
51
- "steps": "grid items-end text-(--b24ui-typography-legend-color)",
52
- "step": "truncate text-end row-start-1 col-start-1 transition-opacity" as typeof step[number]
53
- },
54
- "variants": {
55
- "animation": {
56
- "loading": "",
57
- "carousel": "",
58
- "carousel-inverse": "",
59
- "swing": "",
60
- "elastic": ""
61
- },
62
- "color": {
63
- "air-primary": {
64
- "root": "style-filled"
65
- },
66
- "air-primary-success": {
67
- "root": "style-filled-success"
68
- },
69
- "air-primary-alert": {
70
- "root": "style-filled-alert"
71
- },
72
- "air-primary-copilot": {
73
- "root": "style-filled-copilot"
74
- },
75
- "air-primary-warning": {
76
- "root": "style-filled-warning"
77
- },
78
- "air-secondary": {
79
- "root": "style-tinted"
80
- },
81
- "default": {
82
- "root": "style-old-default"
83
- },
84
- "danger": {
85
- "root": "style-old-danger"
86
- },
87
- "success": {
88
- "root": "style-old-success"
89
- },
90
- "warning": {
91
- "root": "style-old-warning"
92
- },
93
- "primary": {
94
- "root": "style-old-primary"
95
- },
96
- "secondary": {
97
- "root": "style-old-secondary"
98
- },
99
- "collab": {
100
- "root": "style-old-collab"
101
- },
102
- "ai": {
103
- "root": "style-old-ai"
104
- }
105
- },
106
- "size": {
107
- "xs": {
108
- "status": "text-(length:--ui-font-size-xs)/(--ui-font-line-height-sm)",
109
- "steps": "text-(length:--ui-font-size-xs)/(--ui-font-line-height-sm)"
110
- },
111
- "sm": {
112
- "status": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm)",
113
- "steps": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm)"
114
- },
115
- "md": {
116
- "status": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm)",
117
- "steps": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm)"
118
- },
119
- "lg": {
120
- "status": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm)",
121
- "steps": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm)"
122
- }
123
- },
124
- "step": {
125
- "active": {
126
- "step": "opacity-100" as typeof step[number]
127
- },
128
- "first": {
129
- "step": "opacity-100 text-(--b24ui-typography-legend-color)" as typeof step[number]
130
- },
131
- "other": {
132
- "step": "opacity-0" as typeof step[number]
133
- },
134
- "last": {
135
- "step": ""
136
- }
137
- },
138
- "orientation": {
139
- "horizontal": {
140
- "root": "w-full flex flex-col",
141
- "base": "w-full",
142
- "status": "flex-row"
143
- },
144
- "vertical": {
145
- "root": "h-full flex flex-row-reverse",
146
- "base": "h-full",
147
- "status": "flex-col min-w-[32px]"
148
- }
149
- },
150
- "inverted": {
151
- "true": {
152
- "status": "self-end"
153
- }
154
- }
155
- },
156
- "compoundVariants": [
157
- {
158
- "inverted": true,
159
- "orientation": "horizontal" as typeof orientation[number],
160
- "class": {
161
- "step": "text-start" as typeof step[number],
162
- "status": "flex-row-reverse"
163
- }
164
- },
165
- {
166
- "inverted": true,
167
- "orientation": "vertical" as typeof orientation[number],
168
- "class": {
169
- "steps": "items-start",
170
- "status": "flex-col-reverse"
171
- }
172
- },
173
- {
174
- "orientation": "horizontal" as typeof orientation[number],
175
- "size": "xs" as typeof size[number],
176
- "class": "h-[2px]"
177
- },
178
- {
179
- "orientation": "horizontal" as typeof orientation[number],
180
- "size": "sm" as typeof size[number],
181
- "class": "h-[4px]"
182
- },
183
- {
184
- "orientation": "horizontal" as typeof orientation[number],
185
- "size": "md" as typeof size[number],
186
- "class": "h-[8px]"
187
- },
188
- {
189
- "orientation": "horizontal" as typeof orientation[number],
190
- "size": "lg" as typeof size[number],
191
- "class": "h-[12px]"
192
- },
193
- {
194
- "orientation": "vertical" as typeof orientation[number],
195
- "size": "xs" as typeof size[number],
196
- "class": "w-[2px]"
197
- },
198
- {
199
- "orientation": "vertical" as typeof orientation[number],
200
- "size": "sm" as typeof size[number],
201
- "class": "w-[4px]"
202
- },
203
- {
204
- "orientation": "vertical" as typeof orientation[number],
205
- "size": "md" as typeof size[number],
206
- "class": "w-[8px]"
207
- },
208
- {
209
- "orientation": "vertical" as typeof orientation[number],
210
- "size": "lg" as typeof size[number],
211
- "class": "w-[12px]"
212
- },
213
- {
214
- "orientation": "horizontal" as typeof orientation[number],
215
- "animation": "carousel" as typeof animation[number],
216
- "class": {
217
- "indicator": "data-[state=indeterminate]:animate-[carousel_2s_ease-in-out_infinite] data-[state=indeterminate]:rtl:animate-[carousel-rtl_2s_ease-in-out_infinite]"
218
- }
219
- },
220
- {
221
- "orientation": "vertical" as typeof orientation[number],
222
- "animation": "carousel" as typeof animation[number],
223
- "class": {
224
- "indicator": "data-[state=indeterminate]:animate-[carousel-vertical_2s_ease-in-out_infinite]"
225
- }
226
- },
227
- {
228
- "orientation": "horizontal" as typeof orientation[number],
229
- "animation": "carousel-inverse" as typeof animation[number],
230
- "class": {
231
- "indicator": "data-[state=indeterminate]:animate-[carousel-inverse_2s_ease-in-out_infinite] data-[state=indeterminate]:rtl:animate-[carousel-inverse-rtl_2s_ease-in-out_infinite]"
232
- }
233
- },
234
- {
235
- "orientation": "vertical" as typeof orientation[number],
236
- "animation": "carousel-inverse" as typeof animation[number],
237
- "class": {
238
- "indicator": "data-[state=indeterminate]:animate-[carousel-inverse-vertical_2s_ease-in-out_infinite]"
239
- }
240
- },
241
- {
242
- "orientation": "horizontal" as typeof orientation[number],
243
- "animation": "swing" as typeof animation[number],
244
- "class": {
245
- "indicator": "data-[state=indeterminate]:animate-[swing_2s_ease-in-out_infinite]"
246
- }
247
- },
248
- {
249
- "orientation": "vertical" as typeof orientation[number],
250
- "animation": "swing" as typeof animation[number],
251
- "class": {
252
- "indicator": "data-[state=indeterminate]:animate-[swing-vertical_2s_ease-in-out_infinite]"
253
- }
254
- },
255
- {
256
- "orientation": "horizontal" as typeof orientation[number],
257
- "animation": "elastic" as typeof animation[number],
258
- "class": {
259
- "indicator": "data-[state=indeterminate]:animate-[elastic_2s_ease-in-out_infinite]"
260
- }
261
- },
262
- {
263
- "orientation": "vertical" as typeof orientation[number],
264
- "animation": "elastic" as typeof animation[number],
265
- "class": {
266
- "indicator": "data-[state=indeterminate]:animate-[elastic-vertical_2s_ease-in-out_infinite]"
267
- }
268
- },
269
- {
270
- "orientation": "horizontal" as typeof orientation[number],
271
- "animation": "loading" as typeof animation[number],
272
- "class": {
273
- "indicator": "data-[state=indeterminate]:animate-[progressbar-loading_2s_infinite]"
274
- }
275
- },
276
- {
277
- "orientation": "vertical" as typeof orientation[number],
278
- "animation": "loading" as typeof animation[number],
279
- "class": {
280
- "indicator": "data-[state=indeterminate]:animate-[progressbar-loading-vertical_2s_infinite]"
281
- }
282
- }
283
- ],
284
- "defaultVariants": {
285
- "color": "air-primary" as typeof color[number],
286
- "animation": "loading" as typeof animation[number],
287
- "size": "md" as typeof size[number]
288
- }
289
- }
@@ -1,5 +0,0 @@
1
- export default {
2
- "slots": {
3
- "base": "cursor-pointer text-(--ui-color-accent-main-link) dark:text-(--ui-color-blue-40) hover:underline underline-offset-2 hover:text-(--ui-color-accent-main-primary-alt) dark:hover:text-(--ui-color-blue-50) focus-visible:outline-info-text transition-colors [&>code]:transition-colors hover:[&>code]:text-(--ui-color-accent-main-primary-alt-2) hover:[&>code]:bg-(--ui-color-design-selection-bg) hover:[&>code]:ring-(--ui-color-design-selection-stroke)"
4
- }
5
- }
@@ -1,3 +0,0 @@
1
- export default {
2
- "base": "pb-[20px] text-(--b24ui-typography-description-color) *:first:mt-0 *:last:mb-0 *:my-[6px]"
3
- }
@@ -1,6 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "my-[20px]",
4
- "trigger": "text-(--b24ui-typography-label-color)"
5
- }
6
- }
@@ -1,3 +0,0 @@
1
- export default {
2
- "base": "rounded-full"
3
- }
@@ -1,5 +0,0 @@
1
- export default {
2
- "slots": {
3
- "base": "mb-2 border-s-4 border-(--ui-color-accent-soft-element-blue) ps-4 italic"
4
- }
5
- }
@@ -1,83 +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-alert",
9
- "air-secondary-accent",
10
- "air-secondary-accent-1",
11
- "air-secondary-accent-2",
12
- "air-secondary-no-accent",
13
- "air-tertiary"
14
- ] as const
15
-
16
- export default {
17
- "slots": {
18
- "base": "group relative block py-xs ps-sm pe-xs gap-2 my-5 last:mb-0 text-(length:--ui-font-size-md)/(--ui-font-line-height-3xs) text-(--b24ui-color) bg-(--b24ui-background) border-(--b24ui-border-color) border-(length:--b24ui-border-width) rounded-(--ui-border-radius-md) [&_code]:text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm) [&_code]:bg-(--ui-color-design-filled-black-content) dark:[&_code]:bg-(--ui-color-design-tinted-na-bg) [&_code]:text-(--ui-color-design-filled-black-bg) [&_pre]:bg-(--ui-color-design-filled-black-bg) dark:[&_pre]:bg-(--ui-color-design-tinted-na-bg) [&>div]:my-2.5 [&_ul]:my-2.5 [&_ol]:my-2.5 [&>*]:last:!mb-0 [&_ul]:ps-4.5 [&_ol]:ps-4.5 [&_li]:my-0 transition-colors",
19
- "icon": "shrink-0 size-5 inline-block me-[6px] text-(--b24ui-icon) transition-colors",
20
- "externalIcon": "size-4 align-top absolute right-2 top-2 pointer-events-none text-(--b24ui-split-divider-color) transition-colors"
21
- },
22
- "variants": {
23
- "color": {
24
- "air-primary": {
25
- "base": "style-filled"
26
- },
27
- "air-primary-success": {
28
- "base": "style-filled-success"
29
- },
30
- "air-primary-alert": {
31
- "base": "style-filled-alert"
32
- },
33
- "air-primary-copilot": {
34
- "base": "style-filled-copilot"
35
- },
36
- "air-primary-warning": {
37
- "base": "style-filled-warning"
38
- },
39
- "air-secondary": {
40
- "base": "style-tinted"
41
- },
42
- "air-secondary-alert": {
43
- "base": "style-tinted-alert"
44
- },
45
- "air-secondary-accent": {
46
- "base": "style-tinted-no-accent-1"
47
- },
48
- "air-secondary-accent-1": {
49
- "base": "style-outline-accent-1"
50
- },
51
- "air-secondary-accent-2": {
52
- "base": "style-outline-accent-2"
53
- },
54
- "air-secondary-no-accent": {
55
- "base": "style-outline"
56
- },
57
- "air-tertiary": {
58
- "base": "style-outline-no-accent"
59
- }
60
- },
61
- "to": {
62
- "true": "border-dashed"
63
- }
64
- },
65
- "compoundVariants": [
66
- {
67
- "to": true,
68
- "class": {
69
- "base": "hover:border-(--b24ui-border-color-hover)",
70
- "externalIcon": "group-hover:text-(--b24ui-icon)"
71
- }
72
- },
73
- {
74
- "color": "air-secondary-accent" as typeof color[number],
75
- "class": {
76
- "base": "bg-(--b24ui-background)/20"
77
- }
78
- }
79
- ],
80
- "defaultVariants": {
81
- "color": "air-primary" as typeof color[number]
82
- }
83
- }
@@ -1,3 +0,0 @@
1
- export default {
2
- "base": "grid grid-cols-1 sm:grid-cols-2 gap-5 my-5 *:my-0"
3
- }
@@ -1,86 +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-alert",
9
- "air-secondary-accent",
10
- "air-secondary-accent-1",
11
- "air-secondary-accent-2",
12
- "air-secondary-no-accent",
13
- "air-tertiary"
14
- ] as const
15
-
16
- export default {
17
- "slots": {
18
- "base": "group relative block my-5 p-4 sm:p-6 text-(--b24ui-color) border border-(--ui-color-design-tinted-na-stroke) bg-(--b24ui-background) rounded-md transition-colors",
19
- "icon": "size-6 mb-2 block text-(--b24ui-icon)",
20
- "title": "text-(--b24ui-color) font-semibold",
21
- "description": "text-[15px] text-(--b24ui-color) [&_p]:text-(--b24ui-color) *:first:mt-0 *:last:mb-0 *:my-1",
22
- "externalIcon": "size-4 align-top absolute right-2 top-2 pointer-events-none text-(--b24ui-split-divider-color) transition-colors"
23
- },
24
- "variants": {
25
- "color": {
26
- "air-primary": {
27
- "base": "style-filled"
28
- },
29
- "air-primary-success": {
30
- "base": "style-filled-success"
31
- },
32
- "air-primary-alert": {
33
- "base": "style-filled-alert"
34
- },
35
- "air-primary-copilot": {
36
- "base": "style-filled-copilot"
37
- },
38
- "air-primary-warning": {
39
- "base": "style-filled-warning"
40
- },
41
- "air-secondary": {
42
- "base": "style-tinted"
43
- },
44
- "air-secondary-alert": {
45
- "base": "style-tinted-alert"
46
- },
47
- "air-secondary-accent": {
48
- "base": "style-tinted-no-accent-1"
49
- },
50
- "air-secondary-accent-1": {
51
- "base": "style-outline-accent-1"
52
- },
53
- "air-secondary-accent-2": {
54
- "base": "style-outline-accent-2"
55
- },
56
- "air-secondary-no-accent": {
57
- "base": "style-outline"
58
- },
59
- "air-tertiary": {
60
- "base": "style-outline-no-accent"
61
- }
62
- },
63
- "to": {
64
- "true": ""
65
- },
66
- "title": {
67
- "true": {
68
- "description": "mt-1"
69
- }
70
- }
71
- },
72
- "compoundVariants": [
73
- {
74
- "to": true,
75
- "class": {
76
- "base": "hover:bg-(--ui-color-bg-content-secondary) hover:border-(--b24ui-border-color-hover)",
77
- "title": "group-hover:text-(--b24ui-border-color)",
78
- "description": "group-hover:text-(--b24ui-border-color) [&_p]:group-hover:text-(--b24ui-border-color)",
79
- "externalIcon": "group-hover:text-(--b24ui-icon)"
80
- }
81
- }
82
- ],
83
- "defaultVariants": {
84
- "color": "air-primary" as typeof color[number]
85
- }
86
- }
@@ -1,19 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "relative [&_pre]:h-[200px]",
4
- "footer": "h-[64px] absolute inset-x-px bottom-px rounded-b-(--ui-border-radius-md) flex items-center justify-center",
5
- "trigger": "group",
6
- "triggerIcon": "group-data-[state=open]:rotate-180"
7
- },
8
- "variants": {
9
- "open": {
10
- "true": {
11
- "root": "[&_pre]:h-auto [&_pre]:min-h-[200px] [&_pre]:max-h-[80vh] [&_pre]:pb-[48px]"
12
- },
13
- "false": {
14
- "root": "[&_pre]:overflow-hidden",
15
- "footer": "bg-gradient-to-t from-(--ui-color-gray-90) dark:from-(--ui-color-gray-90)/80"
16
- }
17
- }
18
- }
19
- }
@@ -1,10 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "relative group *:not-first:!my-0 *:not-first:!static my-5",
4
- "list": "relative flex items-center gap-1 border border-(--ui-color-design-tinted-na-stroke) bg-(--ui-color-bg-content-secondary) border-b-0 rounded-t-md overflow-x-auto p-2",
5
- "indicator": "absolute left-0 inset-y-2 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position) transition-[translate,width] duration-200 bg-(--ui-color-design-selection-bg) rounded-md shadow-xs",
6
- "trigger": "relative inline-flex items-center gap-1.5 text-(--b24ui-typography-legend-color) data-[state=active]:text-(--b24ui-typography-legend-color) hover:bg-(--ui-color-design-selection-bg) px-2 py-1.5 text-sm rounded-md disabled:cursor-not-allowed disabled:opacity-30 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-color-accent-soft-element-blue) focus:outline-none transition-colors",
7
- "triggerIcon": "size-4 shrink-0",
8
- "triggerLabel": "truncate"
9
- }
10
- }