@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,42 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "relative min-w-0",
4
- "list": "flex items-center gap-[6px]",
5
- "item": "flex min-w-0",
6
- "link": "group relative flex items-center gap-[6px] text-(length:--ui-font-size-sm) min-w-0 -mt-px focus-visible:outline-(--ui-color-accent-main-primary)",
7
- "linkLeadingIcon": "shrink-0 size-[20px]",
8
- "linkLeadingAvatar": "shrink-0",
9
- "linkLeadingAvatarSize": "2xs",
10
- "linkLabel": "truncate",
11
- "separator": "flex",
12
- "separatorIcon": "shrink-0 size-[20px] text-(--ui-color-base-6)"
13
- },
14
- "variants": {
15
- "active": {
16
- "true": {
17
- "link": "text-(--ui-color-design-selection-content) hover:text-(--ui-color-accent-main-primary-alt-2) hover:underline font-(--ui-font-weight-semi-bold)"
18
- },
19
- "false": {
20
- "link": "text-(--b24ui-typography-legend-color) font-(--ui-font-weight-medium)"
21
- }
22
- },
23
- "disabled": {
24
- "true": {
25
- "link": "cursor-not-allowed opacity-30"
26
- }
27
- },
28
- "to": {
29
- "true": ""
30
- }
31
- },
32
- "compoundVariants": [
33
- {
34
- "disabled": false,
35
- "active": false,
36
- "to": true,
37
- "class": {
38
- "link": "hover:text-(--ui-color-accent-main-primary-alt-2) hover:underline transition-colors"
39
- }
40
- }
41
- ]
42
- }
@@ -1,350 +0,0 @@
1
- const color = [
2
- "air-primary",
3
- "air-primary-success",
4
- "air-primary-alert",
5
- "air-primary-copilot",
6
- "air-secondary",
7
- "air-secondary-alert",
8
- "air-secondary-accent",
9
- "air-secondary-accent-1",
10
- "air-secondary-accent-2",
11
- "air-secondary-no-accent",
12
- "air-tertiary",
13
- "air-tertiary-accent",
14
- "air-tertiary-no-accent",
15
- "air-selection",
16
- "air-boost",
17
- "default",
18
- "danger",
19
- "success",
20
- "warning",
21
- "primary",
22
- "secondary",
23
- "collab",
24
- "ai",
25
- "link"
26
- ] as const
27
-
28
- const depth = [
29
- "light",
30
- "normal",
31
- "dark"
32
- ] as const
33
-
34
- const size = [
35
- "xss",
36
- "xs",
37
- "sm",
38
- "md",
39
- "lg",
40
- "xl"
41
- ] as const
42
-
43
- export default {
44
- "slots": {
45
- "base": "ui-btn font-[family-name:var(--ui-font-family-primary)] select-none cursor-pointer inline-flex items-center relative outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-30 aria-disabled:opacity-30 transition duration-0 ease-linear border-(length:--ui-btn-border-width) text-(--ui-btn-color) bg-(--ui-btn-background) border-(--ui-btn-border-color) hover:text-(--ui-btn-color-hover) hover:bg-(--ui-btn-background-hover) hover:border-(--ui-btn-border-color-hover) focus:text-(--ui-btn-color-hover) focus:bg-(--ui-btn-background-hover) focus:border-(--ui-btn-border-color-hover) active:text-(--ui-btn-color-active) active:bg-(--ui-btn-background-active) active:border-(--ui-btn-border-color-active) disabled:bg-(--ui-btn-background) disabled:border-(--ui-btn-border-color) aria-disabled:bg-(--ui-btn-background) aria-disabled:border-(--ui-btn-border-color) focus-visible:outline-(--ui-btn-background) ring-(--ui-btn-background-hover) focus:outline-none focus-visible:ring-(--ui-btn-background-hover) h-(--ui-btn-height) text-(length:--ui-btn-font-size) leading-(--ui-btn-height) font-(--ui-btn-font-weight)",
46
- "baseLoading": "h-full w-full absolute inset-0 flex flex-row flex-nowrap items-center justify-center",
47
- "baseLoadingWaitIcon": "text-(--ui-btn-color) size-[calc(var(--ui-btn-wait-icon-size)_+_7px)]",
48
- "baseLoadingClockIcon": "text-(--ui-btn-color) size-[calc(var(--ui-btn-wait-icon-size)_+_7px)]",
49
- "baseLoadingSpinnerIcon": "text-(--ui-btn-color) size-(--ui-btn-wait-icon-size) animate-spin stroke-2",
50
- "baseLine": "w-full inline-flex items-center justify-center gap-(--ui-btn-icon-space) ps-(--ui-btn-padding-left) pe-(--ui-btn-padding-right)",
51
- "label": "h-(--ui-btn-height) max-w-full inline-flex items-center tracking-(--ui-btn-letter-spacing) overflow-visible text-clip mt-(--ui-btn-title-compensation)",
52
- "labelInner": "truncate inline-block max-w-full mt-(--ui-btn-title-compensation)",
53
- "leadingIcon": "text-(--ui-btn-color) shrink-0 size-(--ui-btn-icon-size)",
54
- "leadingAvatar": "shrink-0 me-[4px]",
55
- "leadingAvatarSize": "",
56
- "trailingIcon": "text-(--ui-btn-color) shrink-0 size-(--ui-btn-icon-size) mt-(--ui-btn-title-compensation)",
57
- "safeList": "invisible"
58
- },
59
- "variants": {
60
- "fieldGroup": {
61
- "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]",
62
- "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]"
63
- },
64
- "noSplit": {
65
- "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"
66
- },
67
- "color": {
68
- "air-primary": "--style-filled",
69
- "air-primary-success": "--style-filled-success",
70
- "air-primary-alert": "--style-filled-alert",
71
- "air-primary-copilot": "--style-filled-copilot",
72
- "air-secondary": "--style-tinted",
73
- "air-secondary-alert": "--style-tinted-alert",
74
- "air-secondary-accent": "--style-outline",
75
- "air-secondary-accent-1": "--style-outline-accent-1",
76
- "air-secondary-accent-2": "--style-outline-accent-2",
77
- "air-secondary-no-accent": "--style-outline-no-accent",
78
- "air-tertiary": "--style-plain",
79
- "air-tertiary-accent": "--style-plain-accent",
80
- "air-tertiary-no-accent": "--style-plain-no-accent",
81
- "air-selection": "--style-selection",
82
- "air-boost": {
83
- "base": "--style-filled-boost bg-transparent hover:bg-transparent focus:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent from-0% via-58.65% to-100% bg-radial-[110.42%_110.42%_at_-10.42%_31.25%] from-(--ui-color-design-filled-boost-bg-gradient-1) via-(--ui-color-design-filled-boost-bg-gradient-2) to-(--ui-color-design-filled-boost-bg-gradient-3) hover:bg-radial-[110.42%_110.42%_at_-10.42%_31.25%] hover:from-(--hover-color-1) via-(--hover-color-2) hover:via-58.65% hover:to-(--hover-color-3) focus:bg-radial-[110.42%_110.42%_at_-10.42%_31.25%] focus:from-(--hover-color-1) via-(--hover-color-2) focus:via-58.65% to-(--hover-color-3) active:bg-radial-[110.42%_110.42%_at_-10.42%_31.25%] active:from-(--active-color-1) via-(--active-color-2) active:via-58.65% to-(--active-color-3) disabled:bg-radial-[110.42%_110.42%_at_-10.42%_31.25%] disabled:from-(--ui-color-design-filled-boost-bg-gradient-1) via-(--ui-color-design-filled-boost-bg-gradient-2) to-(--ui-color-design-filled-boost-bg-gradient-3) aria-disabled:bg-radial-[110.42%_110.42%_at_-10.42%_31.25%] aria-disabled:from-(--ui-color-design-filled-boost-bg-gradient-1) aria-disabled:via-(--ui-color-design-filled-boost-bg-gradient-2) aria-disabled:to-(--ui-color-design-filled-boost-bg-gradient-3)"
84
- },
85
- "default": "",
86
- "danger": "",
87
- "success": "",
88
- "warning": "",
89
- "primary": "",
90
- "secondary": "",
91
- "collab": "",
92
- "ai": "",
93
- "link": ""
94
- },
95
- "depth": {
96
- "light": "",
97
- "normal": "",
98
- "dark": ""
99
- },
100
- "size": {
101
- "xss": {
102
- "base": "ui-btn-xss",
103
- "leadingAvatarSize": "2xs"
104
- },
105
- "xs": {
106
- "base": "ui-btn-xs",
107
- "leadingAvatarSize": "2xs"
108
- },
109
- "sm": {
110
- "base": "ui-btn-sm",
111
- "leadingAvatarSize": "xs"
112
- },
113
- "md": {
114
- "base": "ui-btn-md",
115
- "leadingAvatarSize": "xs"
116
- },
117
- "lg": {
118
- "base": "ui-btn-lg",
119
- "leadingAvatarSize": "md"
120
- },
121
- "xl": {
122
- "base": "ui-btn-xl",
123
- "leadingAvatarSize": "md"
124
- }
125
- },
126
- "block": {
127
- "true": {
128
- "base": "w-full"
129
- }
130
- },
131
- "rounded": {
132
- "true": "rounded-(--ui-border-radius-lg)",
133
- "false": "rounded-(--ui-btn-radius)"
134
- },
135
- "leading": {
136
- "true": ""
137
- },
138
- "active": {
139
- "true": {
140
- "base": ""
141
- },
142
- "false": {
143
- "base": ""
144
- }
145
- },
146
- "useLabel": {
147
- "true": "",
148
- "false": {
149
- "baseLine": "ps-[4px] pe-[4px]",
150
- "leadingAvatar": "me-0"
151
- }
152
- },
153
- "useDropdown": {
154
- "true": ""
155
- },
156
- "useWait": {
157
- "true": ""
158
- },
159
- "useClock": {
160
- "true": ""
161
- },
162
- "loading": {
163
- "true": ""
164
- },
165
- "normalCase": {
166
- "true": "normal-case",
167
- "false": "uppercase"
168
- },
169
- "isAir": {
170
- "true": "--air",
171
- "false": ""
172
- }
173
- },
174
- "compoundVariants": [
175
- {
176
- "color": "default" as typeof color[number],
177
- "depth": "light" as typeof depth[number],
178
- "class": "--style-default-light"
179
- },
180
- {
181
- "color": "default" as typeof color[number],
182
- "depth": "normal" as typeof depth[number],
183
- "class": "--style-default"
184
- },
185
- {
186
- "color": "default" as typeof color[number],
187
- "depth": "dark" as typeof depth[number],
188
- "class": "--style-default-dark"
189
- },
190
- {
191
- "color": "danger" as typeof color[number],
192
- "depth": "light" as typeof depth[number],
193
- "class": "--style-danger-light"
194
- },
195
- {
196
- "color": "danger" as typeof color[number],
197
- "depth": "normal" as typeof depth[number],
198
- "class": "--style-danger"
199
- },
200
- {
201
- "color": "danger" as typeof color[number],
202
- "depth": "dark" as typeof depth[number],
203
- "class": "--style-danger-dark"
204
- },
205
- {
206
- "color": "success" as typeof color[number],
207
- "depth": "light" as typeof depth[number],
208
- "class": "--style-success-light"
209
- },
210
- {
211
- "color": "success" as typeof color[number],
212
- "depth": "normal" as typeof depth[number],
213
- "class": "--style-success"
214
- },
215
- {
216
- "color": "success" as typeof color[number],
217
- "depth": "dark" as typeof depth[number],
218
- "class": "--style-success-dark"
219
- },
220
- {
221
- "color": "warning" as typeof color[number],
222
- "depth": "light" as typeof depth[number],
223
- "class": "--style-warning-light"
224
- },
225
- {
226
- "color": "warning" as typeof color[number],
227
- "depth": "normal" as typeof depth[number],
228
- "class": "--style-warning"
229
- },
230
- {
231
- "color": "warning" as typeof color[number],
232
- "depth": "dark" as typeof depth[number],
233
- "class": "--style-warning-dark"
234
- },
235
- {
236
- "color": "primary" as typeof color[number],
237
- "depth": "light" as typeof depth[number],
238
- "class": "--style-primary-light"
239
- },
240
- {
241
- "color": "primary" as typeof color[number],
242
- "depth": "normal" as typeof depth[number],
243
- "class": "--style-primary"
244
- },
245
- {
246
- "color": "primary" as typeof color[number],
247
- "depth": "dark" as typeof depth[number],
248
- "class": "--style-primary-dark"
249
- },
250
- {
251
- "color": "secondary" as typeof color[number],
252
- "depth": "light" as typeof depth[number],
253
- "class": "--style-secondary-light"
254
- },
255
- {
256
- "color": "secondary" as typeof color[number],
257
- "depth": "normal" as typeof depth[number],
258
- "class": "--style-secondary"
259
- },
260
- {
261
- "color": "secondary" as typeof color[number],
262
- "depth": "dark" as typeof depth[number],
263
- "class": "--style-secondary-dark"
264
- },
265
- {
266
- "color": "collab" as typeof color[number],
267
- "depth": "light" as typeof depth[number],
268
- "class": "--style-collab-light"
269
- },
270
- {
271
- "color": "collab" as typeof color[number],
272
- "depth": "normal" as typeof depth[number],
273
- "class": "--style-collab"
274
- },
275
- {
276
- "color": "collab" as typeof color[number],
277
- "depth": "dark" as typeof depth[number],
278
- "class": "--style-collab-dark"
279
- },
280
- {
281
- "color": "ai" as typeof color[number],
282
- "depth": "light" as typeof depth[number],
283
- "class": "--style-ai-light"
284
- },
285
- {
286
- "color": "ai" as typeof color[number],
287
- "depth": "normal" as typeof depth[number],
288
- "class": "--style-ai"
289
- },
290
- {
291
- "color": "ai" as typeof color[number],
292
- "depth": "dark" as typeof depth[number],
293
- "class": "--style-ai-dark"
294
- },
295
- {
296
- "color": "link" as typeof color[number],
297
- "depth": "light" as typeof depth[number],
298
- "class": "--style-link-light"
299
- },
300
- {
301
- "color": "link" as typeof color[number],
302
- "depth": "normal" as typeof depth[number],
303
- "class": "--style-link"
304
- },
305
- {
306
- "color": "link" as typeof color[number],
307
- "depth": "dark" as typeof depth[number],
308
- "class": "--style-link-dark"
309
- },
310
- {
311
- "leading": true,
312
- "useLabel": true,
313
- "useDropdown": false,
314
- "class": {
315
- "baseLine": "ps-[calc(var(--ui-btn-padding-left)_-_var(--ui-btn-icon-compensation))]"
316
- }
317
- },
318
- {
319
- "leading": false,
320
- "useLabel": true,
321
- "useDropdown": true,
322
- "class": {
323
- "baseLine": "pe-[calc(var(--ui-btn-padding-right)_-_var(--ui-btn-icon-compensation))]"
324
- }
325
- },
326
- {
327
- "leading": true,
328
- "useLabel": true,
329
- "useDropdown": true,
330
- "class": {
331
- "baseLine": "ps-[calc(var(--ui-btn-padding-left)_-_var(--ui-btn-icon-compensation))] pe-[calc(var(--ui-btn-padding-right)_-_var(--ui-btn-icon-compensation))]"
332
- }
333
- },
334
- {
335
- "leading": true,
336
- "useLabel": false,
337
- "useDropdown": false,
338
- "class": {
339
- "base": "w-(--ui-btn-height)"
340
- }
341
- }
342
- ],
343
- "defaultVariants": {
344
- "size": "md" as typeof size[number],
345
- "color": "air-secondary-no-accent" as typeof color[number],
346
- "depth": "normal" as typeof depth[number],
347
- "normalCase": true,
348
- "isAir": true
349
- }
350
- }
@@ -1,112 +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 size = [
18
- "xs",
19
- "sm",
20
- "md",
21
- "lg"
22
- ] as const
23
-
24
- export default {
25
- "slots": {
26
- "root": "font-[family-name:var(--ui-font-family-primary)]",
27
- "header": "flex items-center justify-between",
28
- "body": "flex flex-col space-y-4 pt-4 sm:flex-row sm:space-x-4 sm:space-y-0",
29
- "heading": "mx-auto text-center font-(--ui-font-weight-semi-bold) text-(--b24ui-typography-legend-color) truncate",
30
- "grid": "w-full border-collapse select-none space-y-1 focus:outline-none",
31
- "gridRow": "grid grid-cols-7 place-items-center",
32
- "gridWeekDaysRow": "mb-1 grid w-full grid-cols-7",
33
- "gridBody": "grid",
34
- "headCell": "font-(--ui-font-weight-normal) text-(--ui-color-design-plain-na-content)",
35
- "cell": "relative text-center cursor-pointer aria-disabled:cursor-not-allowed",
36
- "cellTrigger": "m-0.5 relative flex items-center justify-center rounded-full whitespace-nowrap focus-visible:ring-2 focus:outline-none text-(--b24ui-typography-label-color) data-disabled:text-(--ui-color-design-plain-na-content-secondary) data-unavailable:text-(--ui-color-design-plain-na-content-secondary) data-outside-view:text-(--ui-color-design-plain-na-content-secondary) data-[selected]:text-(--b24ui-color) focus-visible:ring-(--b24ui-background-hover) data-[selected]:bg-(--b24ui-background) data-today:not-data-[selected]:text-(--b24ui-background) data-[highlighted]:bg-(--b24ui-background) data-[highlighted]:text-(--b24ui-color) hover:not-data-[disabled]:not-data-[selected]:bg-(--b24ui-background) hover:not-data-[disabled]:not-data-[selected]:text-(--b24ui-color) data-unavailable:line-through data-unavailable:pointer-events-none data-today:font-(--ui-font-weight-semi-bold) transition"
37
- },
38
- "variants": {
39
- "color": {
40
- "air-primary": {
41
- "root": "style-filled"
42
- },
43
- "air-primary-success": {
44
- "root": "style-filled-success"
45
- },
46
- "air-primary-alert": {
47
- "root": "style-filled-alert"
48
- },
49
- "air-primary-copilot": {
50
- "root": "style-filled-copilot"
51
- },
52
- "air-primary-warning": {
53
- "root": "style-filled-warning"
54
- },
55
- "default": {
56
- "root": "style-old-default"
57
- },
58
- "danger": {
59
- "root": "style-old-danger"
60
- },
61
- "success": {
62
- "root": "style-old-success"
63
- },
64
- "warning": {
65
- "root": "style-old-warning"
66
- },
67
- "primary": {
68
- "root": "style-old-primary"
69
- },
70
- "secondary": {
71
- "root": "style-old-secondary"
72
- },
73
- "collab": {
74
- "root": "style-old-collab"
75
- },
76
- "ai": {
77
- "root": "style-old-ai"
78
- }
79
- },
80
- "size": {
81
- "xs": {
82
- "heading": "text-(length:--ui-font-size-md)",
83
- "cell": "text-(length:--ui-font-size-sm)",
84
- "headCell": "text-[10px]",
85
- "cellTrigger": "size-[28px]",
86
- "body": "space-y-2 pt-2"
87
- },
88
- "sm": {
89
- "heading": "text-(length:--ui-font-size-md)",
90
- "headCell": "text-(length:--ui-font-size-sm)",
91
- "cell": "text-(length:--ui-font-size-sm)",
92
- "cellTrigger": "size-[28px]"
93
- },
94
- "md": {
95
- "heading": "text-(length:--ui-font-size-lg)",
96
- "headCell": "text-(length:--ui-font-size-md)",
97
- "cell": "text-(length:--ui-font-size-md)",
98
- "cellTrigger": "size-[32px]"
99
- },
100
- "lg": {
101
- "heading": "text-(length:--ui-font-size-2xl)",
102
- "headCell": "text-(length:--ui-font-size-lg)",
103
- "cell": "text-(length:--ui-font-size-lg)",
104
- "cellTrigger": "size-[36px] text-(length:--ui-font-size-lg)"
105
- }
106
- }
107
- },
108
- "defaultVariants": {
109
- "size": "md" as typeof size[number],
110
- "color": "air-primary" as typeof color[number]
111
- }
112
- }