@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,176 +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-tertiary",
13
- "default",
14
- "danger",
15
- "success",
16
- "warning",
17
- "primary",
18
- "secondary",
19
- "collab",
20
- "ai"
21
- ] as const
22
-
23
- const size = [
24
- "sm",
25
- "md"
26
- ] as const
27
-
28
- export default {
29
- "slots": {
30
- "root": "relative overflow-hidden w-full flex text-(--b24ui-color) bg-(--b24ui-background) border-(--b24ui-border-color) border-(length:--b24ui-border-width) rounded-(--ui-border-radius-md)",
31
- "wrapper": "min-w-0 flex-1 flex flex-col font-[family-name:var(--ui-font-family-primary)]",
32
- "title": "font-(--ui-font-weight-bold)",
33
- "description": "",
34
- "icon": "shrink-0 size-6",
35
- "avatar": "shrink-0",
36
- "avatarSize": "",
37
- "actions": "flex flex-wrap gap-1.5 shrink-0",
38
- "close": "p-0 [--ui-btn-color:var(--b24ui-color)] hover:bg-(--ui-color-base-white-fixed)/10 focus-visible:bg-(--ui-color-base-white-fixed)/10 -me-1.5 lg:me-0"
39
- },
40
- "variants": {
41
- "color": {
42
- "air-primary": {
43
- "root": "style-filled"
44
- },
45
- "air-primary-success": {
46
- "root": "style-filled-success"
47
- },
48
- "air-primary-alert": {
49
- "root": "style-filled-alert"
50
- },
51
- "air-primary-copilot": {
52
- "root": "style-filled-copilot"
53
- },
54
- "air-primary-warning": {
55
- "root": "style-filled-warning"
56
- },
57
- "air-secondary": {
58
- "root": "style-tinted"
59
- },
60
- "air-secondary-alert": {
61
- "root": "style-tinted-alert"
62
- },
63
- "air-secondary-accent": {
64
- "root": "style-outline"
65
- },
66
- "air-secondary-accent-1": {
67
- "root": "style-outline-accent-1"
68
- },
69
- "air-secondary-accent-2": {
70
- "root": "style-outline-accent-2"
71
- },
72
- "air-tertiary": {
73
- "root": "style-outline-no-accent"
74
- },
75
- "default": {
76
- "root": "style-old-default"
77
- },
78
- "danger": {
79
- "root": "style-old-danger"
80
- },
81
- "success": {
82
- "root": "style-old-success"
83
- },
84
- "warning": {
85
- "root": "style-old-warning"
86
- },
87
- "primary": {
88
- "root": "style-old-primary"
89
- },
90
- "secondary": {
91
- "root": "style-old-secondary"
92
- },
93
- "collab": {
94
- "root": "style-old-collab"
95
- },
96
- "ai": {
97
- "root": "style-old-ai"
98
- }
99
- },
100
- "size": {
101
- "sm": {
102
- "root": "py-xs ps-sm pe-xs gap-2",
103
- "title": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-lg)",
104
- "description": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-lg)",
105
- "avatarSize": "md"
106
- },
107
- "md": {
108
- "root": "py-md ps-md pe-xs gap-2.5",
109
- "title": "text-(length:--ui-font-size-md)/(--ui-font-line-height-reset)",
110
- "description": "text-(length:--ui-font-size-md)/(--ui-font-line-height-3xs)",
111
- "avatarSize": "xl"
112
- }
113
- },
114
- "orientation": {
115
- "horizontal": {
116
- "root": "items-center",
117
- "actions": "items-center"
118
- },
119
- "vertical": {
120
- "root": "items-start",
121
- "actions": "items-start mt-2"
122
- }
123
- },
124
- "title": {
125
- "true": {
126
- "description": "mt-1"
127
- }
128
- },
129
- "inverted": {
130
- "true": "",
131
- "false": ""
132
- }
133
- },
134
- "compoundVariants": [
135
- {
136
- "inverted": true,
137
- "color": "air-primary" as typeof color[number],
138
- "class": {
139
- "root": "style-filled-inverted"
140
- }
141
- },
142
- {
143
- "inverted": true,
144
- "color": "air-primary-success" as typeof color[number],
145
- "class": {
146
- "root": "style-filled-success-inverted"
147
- }
148
- },
149
- {
150
- "inverted": true,
151
- "color": "air-primary-alert" as typeof color[number],
152
- "class": {
153
- "root": "style-filled-alert-inverted"
154
- }
155
- },
156
- {
157
- "inverted": true,
158
- "color": "air-primary-copilot" as typeof color[number],
159
- "class": {
160
- "root": "style-filled-copilot-inverted"
161
- }
162
- },
163
- {
164
- "inverted": true,
165
- "color": "air-primary-warning" as typeof color[number],
166
- "class": {
167
- "root": "style-filled-warning-inverted"
168
- }
169
- }
170
- ],
171
- "defaultVariants": {
172
- "color": "air-secondary-accent" as typeof color[number],
173
- "size": "md" as typeof size[number],
174
- "inverted": false
175
- }
176
- }
@@ -1,52 +0,0 @@
1
- const size = [
2
- "3xs",
3
- "2xs",
4
- "xs",
5
- "sm",
6
- "md",
7
- "lg",
8
- "xl",
9
- "2xl",
10
- "3xl"
11
- ] as const
12
-
13
- export default {
14
- "slots": {
15
- "root": "inline-flex justify-end",
16
- "base": "relative rounded-full last:me-0"
17
- },
18
- "variants": {
19
- "size": {
20
- "3xs": {
21
- "base": "-me-0.5"
22
- },
23
- "2xs": {
24
- "base": "-me-0.5"
25
- },
26
- "xs": {
27
- "base": "-me-0.5"
28
- },
29
- "sm": {
30
- "base": "-me-1.5"
31
- },
32
- "md": {
33
- "base": "-me-1.5"
34
- },
35
- "lg": {
36
- "base": "-me-1.5"
37
- },
38
- "xl": {
39
- "base": "-me-2"
40
- },
41
- "2xl": {
42
- "base": "-me-2"
43
- },
44
- "3xl": {
45
- "base": "-me-2"
46
- }
47
- }
48
- },
49
- "defaultVariants": {
50
- "size": "md" as typeof size[number]
51
- }
52
- }
@@ -1,63 +0,0 @@
1
- const size = [
2
- "3xs",
3
- "2xs",
4
- "xs",
5
- "sm",
6
- "md",
7
- "lg",
8
- "xl",
9
- "2xl",
10
- "3xl"
11
- ] as const
12
-
13
- export default {
14
- "slots": {
15
- "root": "air-secondary-accent inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle bg-(--ui-color-base-8) ring ring-(--ui-color-base-7)",
16
- "image": "h-full w-full rounded-[inherit] object-cover",
17
- "fallback": "font-(--ui-font-weight-medium) text-(--ui-color-design-plain-content-icon-secondary) truncate",
18
- "icon": "text-(--ui-color-design-plain-content-icon-secondary) shrink-0"
19
- },
20
- "variants": {
21
- "size": {
22
- "3xs": {
23
- "root": "size-[10px] text-4xs font-(--ui-font-weight-regular)",
24
- "icon": "size-[10px]"
25
- },
26
- "2xs": {
27
- "root": "size-[20px] text-(length:--ui-font-size-4xs)/(--ui-font-line-height-reset) font-(--ui-font-weight-regular)",
28
- "icon": "size-[18px]"
29
- },
30
- "xs": {
31
- "root": "size-[24px] text-(length:--ui-font-size-3xs)/(--ui-font-line-height-reset) font-(--ui-font-weight-regular)",
32
- "icon": "size-[22px]"
33
- },
34
- "sm": {
35
- "root": "size-[28px] text-(length:--ui-font-size-xs)/(--ui-font-line-height-reset)",
36
- "icon": "size-[26px]"
37
- },
38
- "md": {
39
- "root": "size-[32px] text-(length:--ui-font-size-sm)/(--ui-font-line-height-reset)",
40
- "icon": "size-[28px]"
41
- },
42
- "lg": {
43
- "root": "size-[42px] text-(length:--ui-font-size-2xl)/(--ui-font-line-height-reset)",
44
- "icon": "size-[38px]"
45
- },
46
- "xl": {
47
- "root": "ring-2 size-[48px] text-(length:--ui-font-size-2xl)/(--ui-font-line-height-reset)",
48
- "icon": "size-[44px]"
49
- },
50
- "2xl": {
51
- "root": "ring-2 size-[60px] text-(length:--ui-font-size-5xl)/(--ui-font-line-height-reset)",
52
- "icon": "size-[56px]"
53
- },
54
- "3xl": {
55
- "root": "ring-2 size-[94px] text-[34px]/(--ui-font-line-height-reset)",
56
- "icon": "size-[90px]"
57
- }
58
- }
59
- },
60
- "defaultVariants": {
61
- "size": "md" as typeof size[number]
62
- }
63
- }
@@ -1,333 +0,0 @@
1
- const fieldGroup = [
2
- "horizontal",
3
- "vertical"
4
- ] as const
5
-
6
- const color = [
7
- "air-primary",
8
- "air-primary-success",
9
- "air-primary-alert",
10
- "air-primary-copilot",
11
- "air-primary-warning",
12
- "air-secondary",
13
- "air-secondary-alert",
14
- "air-secondary-accent",
15
- "air-secondary-accent-1",
16
- "air-secondary-accent-2",
17
- "air-tertiary",
18
- "air-selection",
19
- "default",
20
- "danger",
21
- "success",
22
- "warning",
23
- "primary",
24
- "secondary",
25
- "collab",
26
- "ai"
27
- ] as const
28
-
29
- const size = [
30
- "xss",
31
- "xs",
32
- "sm",
33
- "md",
34
- "lg",
35
- "xl"
36
- ] as const
37
-
38
- export default {
39
- "slots": {
40
- "base": "ui-label__scope --air select-none font-[family-name:var(--ui-font-family-secondary)] font-(--ui-label-font-weight) text-(length:--ui-label-font-size)/normal inline-flex items-center transition-all duration-200 ease-linear px-(--ui-label-inline-space) text-(--b24ui-color) bg-(--b24ui-background) border-(--b24ui-border-color) border-(length:--b24ui-border-width)",
41
- "wrapper": "h-(--ui-label-height) inline-flex items-center",
42
- "label": "max-w-full whitespace-nowrap text-ellipsis decoration-from-font",
43
- "leadingIcon": "shrink-0",
44
- "leadingAvatar": "shrink-0",
45
- "leadingAvatarSize": "",
46
- "trailingIcon": "shrink-0 cursor-pointer hover:rounded-(--ui-border-radius-circle) hover:bg-current/20"
47
- },
48
- "variants": {
49
- "fieldGroup": {
50
- "horizontal": "focus-visible:outline-none ring ring-inset ring-0 focus-visible:ring-2 group-[.is-field-group]/items:not-only:first:rounded-e-none group-[.is-field-group]/items:not-only:last:rounded-s-none group-[.is-field-group]/items:not-last:not-first:rounded-none group-[.is-field-group]/items:not-only:first:border-e-0 group-[.is-field-group]/items:not-only:not-first:border-s-0 focus-visible:z-[1]",
51
- "vertical": "focus-visible:outline-none ring ring-inset ring-0 focus-visible:ring-2 not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]"
52
- },
53
- "noSplit": {
54
- "false": "group-[.is-field-group]/items:not-only:not-first:after:content-[''] group-[.is-field-group]/items:not-only:not-first:after:absolute group-[.is-field-group]/items:not-only:not-first:after:top-[7px] group-[.is-field-group]/items:not-only:not-first:after:bottom-[6px] group-[.is-field-group]/items:not-only:not-first:after:left-0 group-[.is-field-group]/items:not-only:not-first:after:w-px group-[.is-field-group]/items:not-only:not-first:after:bg-current/30"
55
- },
56
- "useLink": {
57
- "true": {
58
- "base": "cursor-pointer",
59
- "wrapper": "group",
60
- "label": "group-hover:underline group-hover:decoration-dashed"
61
- }
62
- },
63
- "useClose": {
64
- "true": "pe-2xs",
65
- "false": ""
66
- },
67
- "leading": {
68
- "true": "ps-1",
69
- "false": ""
70
- },
71
- "color": {
72
- "air-primary": {
73
- "base": "style-filled"
74
- },
75
- "air-primary-success": {
76
- "base": "style-filled-success"
77
- },
78
- "air-primary-alert": {
79
- "base": "style-filled-alert"
80
- },
81
- "air-primary-copilot": {
82
- "base": "style-filled-copilot"
83
- },
84
- "air-primary-warning": {
85
- "base": "style-filled-warning"
86
- },
87
- "air-secondary": {
88
- "base": "style-tinted"
89
- },
90
- "air-secondary-alert": {
91
- "base": "style-tinted-alert"
92
- },
93
- "air-secondary-accent": {
94
- "base": "style-outline"
95
- },
96
- "air-secondary-accent-1": {
97
- "base": "style-outline-accent-1"
98
- },
99
- "air-secondary-accent-2": {
100
- "base": "style-outline-accent-2"
101
- },
102
- "air-tertiary": {
103
- "base": "style-outline-no-accent"
104
- },
105
- "air-selection": {
106
- "base": "style-selection"
107
- },
108
- "default": {
109
- "base": "style-old-default"
110
- },
111
- "danger": {
112
- "base": "style-old-danger"
113
- },
114
- "success": {
115
- "base": "style-old-success"
116
- },
117
- "warning": {
118
- "base": "style-old-warning"
119
- },
120
- "primary": {
121
- "base": "style-old-primary"
122
- },
123
- "secondary": {
124
- "base": "style-old-secondary"
125
- },
126
- "collab": {
127
- "base": "style-old-collab"
128
- },
129
- "ai": {
130
- "base": "style-old-ai"
131
- }
132
- },
133
- "size": {
134
- "xss": {
135
- "base": "ui-label-xss gap-0.5",
136
- "wrapper": "gap-0.5",
137
- "label": "underline-offset-1",
138
- "leadingIcon": "size-[12px]",
139
- "leadingAvatarSize": "3xs",
140
- "trailingIcon": "size-[12px]"
141
- },
142
- "xs": {
143
- "base": "ui-label-xs gap-0.5",
144
- "wrapper": "gap-0.5",
145
- "label": "underline-offset-1",
146
- "leadingIcon": "size-[12px]",
147
- "leadingAvatarSize": "3xs",
148
- "trailingIcon": "size-[12px]"
149
- },
150
- "sm": {
151
- "base": "ui-label-sm gap-1",
152
- "wrapper": "gap-1",
153
- "label": "underline-offset-1",
154
- "leadingIcon": "size-[14px]",
155
- "leadingAvatarSize": "3xs",
156
- "trailingIcon": "size-[14px]"
157
- },
158
- "md": {
159
- "base": "ui-label-md gap-1",
160
- "wrapper": "gap-1",
161
- "label": "underline-offset-1",
162
- "leadingIcon": "size-[15px]",
163
- "leadingAvatarSize": "3xs",
164
- "trailingIcon": "size-[15px]"
165
- },
166
- "lg": {
167
- "base": "ui-label-lg gap-1",
168
- "wrapper": "gap-1",
169
- "label": "",
170
- "leadingIcon": "size-[22px]",
171
- "leadingAvatarSize": "2xs",
172
- "trailingIcon": "size-[22px]"
173
- },
174
- "xl": {
175
- "base": "ui-label-xl gap-1",
176
- "wrapper": "gap-1",
177
- "label": "",
178
- "leadingIcon": "size-[22px]",
179
- "leadingAvatarSize": "2xs",
180
- "trailingIcon": "size-[22px]"
181
- }
182
- },
183
- "square": {
184
- "true": {
185
- "base": "rounded-[calc(var(--ui-label-height)_/_4)] ",
186
- "wrapper": "w-(--ui-label-height)",
187
- "label": "overflow-hidden"
188
- },
189
- "false": {
190
- "base": "rounded-[calc(var(--ui-label-height)_/_2)]"
191
- }
192
- },
193
- "inverted": {
194
- "true": {
195
- "base": "border-(--b24ui-color)"
196
- },
197
- "false": ""
198
- }
199
- },
200
- "compoundVariants": [
201
- {
202
- "inverted": true,
203
- "color": "air-primary" as typeof color[number],
204
- "class": {
205
- "base": "style-filled-inverted"
206
- }
207
- },
208
- {
209
- "inverted": true,
210
- "color": "air-primary-success" as typeof color[number],
211
- "class": {
212
- "base": "style-filled-success-inverted"
213
- }
214
- },
215
- {
216
- "inverted": true,
217
- "color": "air-primary-alert" as typeof color[number],
218
- "class": {
219
- "base": "style-filled-alert-inverted"
220
- }
221
- },
222
- {
223
- "inverted": true,
224
- "color": "air-primary-copilot" as typeof color[number],
225
- "class": {
226
- "base": "style-filled-copilot-inverted"
227
- }
228
- },
229
- {
230
- "inverted": true,
231
- "color": "air-primary-warning" as typeof color[number],
232
- "class": {
233
- "base": "style-filled-warning-inverted"
234
- }
235
- },
236
- {
237
- "size": "xss" as typeof size[number],
238
- "square": true,
239
- "class": {
240
- "base": "p-0 ps-0 pe-0",
241
- "wrapper": "px-[2px] gap-0",
242
- "leadingIcon": "size-[6px]"
243
- }
244
- },
245
- {
246
- "size": "xs" as typeof size[number],
247
- "square": true,
248
- "class": {
249
- "base": "p-0 ps-0 pe-0",
250
- "wrapper": "px-[2px] gap-0",
251
- "leadingIcon": "size-[10px]"
252
- }
253
- },
254
- {
255
- "size": "sm" as typeof size[number],
256
- "square": true,
257
- "class": {
258
- "base": "p-0 ps-0 pe-0",
259
- "wrapper": "p-[1px] gap-0",
260
- "leadingIcon": "size-[16px]"
261
- }
262
- },
263
- {
264
- "size": "md" as typeof size[number],
265
- "square": true,
266
- "class": {
267
- "base": "p-0 ps-0 pe-0",
268
- "wrapper": "p-[1px] gap-0",
269
- "leadingIcon": "size-[18px]"
270
- }
271
- },
272
- {
273
- "size": "lg" as typeof size[number],
274
- "square": true,
275
- "class": {
276
- "base": "p-0 ps-0 pe-0",
277
- "wrapper": "p-[1px] gap-0",
278
- "leadingIcon": "size-[23px]"
279
- }
280
- },
281
- {
282
- "size": "xl" as typeof size[number],
283
- "square": true,
284
- "class": {
285
- "base": "p-0 ps-0 pe-0",
286
- "wrapper": "p-[1px] gap-0",
287
- "leadingIcon": "size-[28px]"
288
- }
289
- },
290
- {
291
- "fieldGroup": [
292
- "horizontal" as typeof fieldGroup[number],
293
- "vertical" as typeof fieldGroup[number]
294
- ],
295
- "size": [
296
- "xl" as typeof size[number],
297
- "lg" as typeof size[number],
298
- "md" as typeof size[number]
299
- ],
300
- "class": "rounded-(--ui-border-radius-md)"
301
- },
302
- {
303
- "fieldGroup": [
304
- "horizontal" as typeof fieldGroup[number],
305
- "vertical" as typeof fieldGroup[number]
306
- ],
307
- "size": "sm" as typeof size[number],
308
- "class": "rounded-(--ui-border-radius-sm)"
309
- },
310
- {
311
- "fieldGroup": [
312
- "horizontal" as typeof fieldGroup[number],
313
- "vertical" as typeof fieldGroup[number]
314
- ],
315
- "size": "xs" as typeof size[number],
316
- "class": "rounded-(--ui-border-radius-xs)"
317
- },
318
- {
319
- "fieldGroup": [
320
- "horizontal" as typeof fieldGroup[number],
321
- "vertical" as typeof fieldGroup[number]
322
- ],
323
- "size": "xss" as typeof size[number],
324
- "class": "rounded-[5px]"
325
- }
326
- ],
327
- "defaultVariants": {
328
- "color": "air-primary" as typeof color[number],
329
- "size": "md" as typeof size[number],
330
- "square": false,
331
- "inverted": false
332
- }
333
- }
@@ -1,78 +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-tertiary"
13
- ] as const
14
-
15
- export default {
16
- "slots": {
17
- "root": "relative z-50 w-full bg-(--b24ui-background) transition-colors",
18
- "container": "flex items-center justify-between gap-3 h-12",
19
- "left": "hidden lg:flex-1 lg:flex lg:items-center",
20
- "center": "flex items-center gap-1.5 min-w-0",
21
- "right": "lg:flex-1 flex items-center justify-end",
22
- "icon": "size-5 shrink-0 text-(--b24ui-color) pointer-events-none",
23
- "title": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm) text-(--b24ui-color) font-(--ui-font-weight-medium) truncate",
24
- "actions": "flex gap-1.5 shrink-0 isolate",
25
- "close": "[--ui-btn-color:var(--b24ui-color)] hover:bg-(--ui-color-base-white-fixed)/10 focus-visible:bg-(--ui-color-base-white-fixed)/10 -me-1.5 lg:me-0"
26
- },
27
- "variants": {
28
- "color": {
29
- "air-primary": {
30
- "root": "style-filled"
31
- },
32
- "air-primary-success": {
33
- "root": "style-filled-success"
34
- },
35
- "air-primary-alert": {
36
- "root": "style-filled-alert"
37
- },
38
- "air-primary-copilot": {
39
- "root": "style-filled-copilot"
40
- },
41
- "air-primary-warning": {
42
- "root": "style-filled-warning"
43
- },
44
- "air-secondary": {
45
- "root": "style-tinted"
46
- },
47
- "air-secondary-alert": {
48
- "root": "style-tinted-alert"
49
- },
50
- "air-secondary-accent": {
51
- "root": "style-outline"
52
- },
53
- "air-secondary-accent-1": {
54
- "root": "style-outline-accent-1"
55
- },
56
- "air-secondary-accent-2": {
57
- "root": "style-outline-accent-2"
58
- },
59
- "air-tertiary": {
60
- "root": "style-outline-no-accent"
61
- }
62
- },
63
- "to": {
64
- "true": ""
65
- }
66
- },
67
- "compoundVariants": [
68
- {
69
- "to": true,
70
- "class": {
71
- "root": "hover:bg-(--b24ui-background)/90"
72
- }
73
- }
74
- ],
75
- "defaultVariants": {
76
- "color": "air-primary-alert" as typeof color[number]
77
- }
78
- }