@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,5 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "mb-1 text-(length:--ui-font-size-xs)/[normal] font-(--ui-font-weight-medium) text-(--b24ui-typography-legend-color)"
4
- }
5
- }
@@ -1,160 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "sidebar-layout text-(--b24ui-typography-label-color) w-full flex",
4
- "sidebar": "air-sidebar before:absolute before:inset-0 before:z-[-1] before:bg-(--leftmenu-bg-expanded) w-[240px] pe-[3px] rtl:me-[14px] inset-y-0 left-0 max-lg:hidden",
5
- "sidebarSlideoverContainer": "w-full sm:max-w-80",
6
- "sidebarSlideover": "h-full overflow-hidden flex flex-col text-(--b24ui-typography-label-color) bg-(--ui-color-base-white-fixed) dark:bg-(--ui-color-bg-content-primary) edge-dark:bg-[#21334cf0] ring-1 ring-(--ui-color-divider-vibrant-less) shadow-xs rounded-none",
7
- "sidebarSlideoverBtnClose": "-mb-3 px-4 pt-3",
8
- "contentWrapper": "flex-1 flex flex-col",
9
- "header": "air-header px-(--content-area-shift) min-h-(--topbar-height) flex items-center gap-x-1",
10
- "headerMenuIcon": "lg:hidden",
11
- "headerWrapper": "min-w-0 flex-1 h-full",
12
- "pageWrapper": "flex flex-col lg:grid lg:grid-cols-12 lg:gap-[22px]",
13
- "container": "lg:col-span-12 lg:min-w-0 flex-1 flex flex-col lg:gap-[22px]",
14
- "containerWrapper": "grow group/layout-content",
15
- "pageTopWrapper": "text-(--ui-color-base-1) flex items-center gap-[12px]",
16
- "pageActionsWrapper": "flex flex-col md:flex-row items-start md:items-center justify-start gap-[12px]",
17
- "containerWrapperInner": "size-full",
18
- "pageRightWrapper": "",
19
- "pageBottomWrapper": "",
20
- "loadingWrapper": "cursor-wait w-full h-dvh flex flex-row flex-nowrap items-center justify-center",
21
- "loadingIcon": "text-(--ui-color-design-plain-content-icon-secondary) size-[110px] animate-spin-slow"
22
- },
23
- "variants": {
24
- "inner": {
25
- "true": {
26
- "root": "--inner light relative isolate h-full overflow-hidden",
27
- "sidebar": "relative z-[0]",
28
- "header": "relative",
29
- "container": "mt-0",
30
- "containerWrapper": "",
31
- "pageBottomWrapper": "flex-0"
32
- },
33
- "false": {
34
- "root": "--app max-lg:flex-col",
35
- "sidebar": "h-screen lg:sticky",
36
- "header": "relative",
37
- "container": "relative",
38
- "containerWrapper": ""
39
- }
40
- },
41
- "offContentScrollbar": {
42
- "false": "",
43
- "true": ""
44
- },
45
- "useSidebar": {
46
- "true": "",
47
- "false": ""
48
- },
49
- "useLightContent": {
50
- "true": {
51
- "containerWrapper": "light text-(--ui-color-text-primary) bg-(--ui-color-bg-content-primary)",
52
- "loadingIcon": "edge-dark:text-(--ui-color-gray-70)"
53
- },
54
- "false": {
55
- "pageWrapper": "px-(--content-area-shift)",
56
- "container": ""
57
- }
58
- },
59
- "loading": {
60
- "true": ""
61
- },
62
- "useNavbar": {
63
- "true": "",
64
- "false": ""
65
- },
66
- "useRightBar": {
67
- "true": {
68
- "pageWrapper": "",
69
- "container": "lg:col-span-10",
70
- "pageRightWrapper": "lg:col-span-2 order-first lg:order-last"
71
- },
72
- "false": {
73
- "container": ""
74
- }
75
- }
76
- },
77
- "compoundVariants": [
78
- {
79
- "inner": true,
80
- "useLightContent": true,
81
- "class": {
82
- "container": "",
83
- "pageTopWrapper": "px-0 lg:px-0",
84
- "pageActionsWrapper": "px-0 lg:px-0",
85
- "containerWrapper": "p-[20px] rounded-(--ui-border-radius-md)"
86
- }
87
- },
88
- {
89
- "inner": false,
90
- "useLightContent": true,
91
- "class": {
92
- "container": "",
93
- "containerWrapper": "p-6 lg:px-[22px] lg:py-[15px] lg:rounded-(--ui-border-radius-md)"
94
- }
95
- },
96
- {
97
- "inner": true,
98
- "offContentScrollbar": false,
99
- "class": {}
100
- },
101
- {
102
- "inner": true,
103
- "useSidebar": [
104
- true,
105
- false
106
- ],
107
- "class": {
108
- "pageWrapper": "pb-[20px] lg:pt-0 lg:px-[20px] lg:ps-[20px] lg:pe-[20px]"
109
- }
110
- },
111
- {
112
- "inner": false,
113
- "useSidebar": true,
114
- "class": {
115
- "header": "ps-[calc(var(--content-area-shift)-10px)] pe-[calc(var(--content-area-shift))] lg:px-(--content-area-shift)",
116
- "pageWrapper": "lg:px-(--content-area-shift)",
117
- "container": "",
118
- "contentWrapper": ""
119
- }
120
- },
121
- {
122
- "inner": false,
123
- "useSidebar": false,
124
- "class": {
125
- "pageWrapper": "px-(--content-area-shift)",
126
- "container": "",
127
- "contentWrapper": "lg:pl-0"
128
- }
129
- },
130
- {
131
- "inner": true,
132
- "useNavbar": [
133
- true,
134
- false
135
- ],
136
- "class": {
137
- "container": "h-full"
138
- }
139
- },
140
- {
141
- "inner": false,
142
- "useNavbar": true,
143
- "class": {
144
- "container": "h-auto"
145
- }
146
- },
147
- {
148
- "inner": false,
149
- "useNavbar": false,
150
- "class": {
151
- "container": "h-full"
152
- }
153
- }
154
- ],
155
- "defaultVariants": {
156
- "inner": false,
157
- "noContentScrollbar": false,
158
- "useLightContent": true
159
- }
160
- }
@@ -1,5 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "ps-(--menu-items-block-padding-x) rtl:pe-(--menu-items-block-padding-x) pe-xs rtl:ps-xs flex flex-col gap-0.5"
4
- }
5
- }
@@ -1,5 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "mt-8 flex-1"
4
- }
5
- }
@@ -1,5 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "h-full min-h-0 flex flex-col"
4
- }
5
- }
@@ -1,21 +0,0 @@
1
- const accent = [
2
- "default",
3
- "accent",
4
- "less"
5
- ] as const
6
-
7
- export default {
8
- "slots": {
9
- "base": "animate-pulse rounded-(--ui-border-radius-md) "
10
- },
11
- "variants": {
12
- "accent": {
13
- "default": "bg-(--ui-color-g-glass-grey-bg-1)",
14
- "accent": "bg-(--ui-color-g-glass-grey-bg-2)" as typeof accent[number],
15
- "less": "bg-(--ui-color-g-glass-grey-bg-3)"
16
- }
17
- },
18
- "defaultVariants": {
19
- "accent": "default" as typeof accent[number]
20
- }
21
- }
@@ -1,130 +0,0 @@
1
- const overlayBlur = [
2
- "auto",
3
- "on",
4
- "off"
5
- ] as const
6
-
7
- const side = [
8
- "right",
9
- "left",
10
- "top",
11
- "bottom"
12
- ] as const
13
-
14
- export default {
15
- "slots": {
16
- "overlay": "fixed inset-0 bg-linear-to-b from-[#00204e]/52 to-[#00204e]",
17
- "content": "fixed sm:shadow-lg flex flex-col focus:outline-none h-full",
18
- "sidebarLayoutRoot": "relative",
19
- "sidebarLayoutHeaderWrapper": "relative",
20
- "sidebarLayoutPageWrapper": "min-h-full pb-[calc(53px_+_10px)] px-[20px] ps-[20px] pe-[20px] pb-[20px]",
21
- "sidebarLayoutContainer": "gap-[22px]",
22
- "sidebarLayoutPageBottomWrapper": "relative",
23
- "sidebarLayoutLoadingWrapper": "",
24
- "sidebarLayoutLoadingIcon": "",
25
- "header": "pt-[24px] flex-1 flex items-center gap-x-[12px] gap-y-1.5",
26
- "wrapper": "min-h-[30px]",
27
- "title": "font-[family-name:var(--ui-font-family-primary)] text-(--b24ui-typography-label-color) font-(--ui-font-weight-semi-bold) mb-0 text-(length:--ui-font-size-4xl)/[calc(var(--ui-font-size-4xl)+2px)]",
28
- "description": "mt-1 text-(--b24ui-typography-description-color) text-(length:--ui-font-size-sm)",
29
- "close": "absolute",
30
- "body": "size-full flex-1",
31
- "footer": "absolute inset-x-0 bottom-0 light bg-(--popup-window-background-color) flex items-center justify-center gap-3 border-t border-t-1 border-t-(--ui-color-divider-less) shadow-top-md py-[9px] px-2 pr-(--scrollbar-width)",
32
- "safeList": "group-hover:rounded-full group-hover:border-1 group-hover:border-current"
33
- },
34
- "variants": {
35
- "useFooter": {
36
- "true": {
37
- "sidebarLayoutPageWrapper": "pb-[calc(53px+20px)]"
38
- }
39
- },
40
- "overlayBlur": {
41
- "auto": {
42
- "overlay": "motion-safe:backdrop-blur-sm"
43
- },
44
- "on": {
45
- "overlay": "backdrop-blur-sm"
46
- },
47
- "off": {
48
- "overlay": ""
49
- }
50
- },
51
- "side": {
52
- "right": {
53
- "content": "right-0 inset-y-0 w-[calc(100%-60px)] sm:w-[calc(100%-150px)] sm:rounded-t-none",
54
- "sidebarLayoutRoot": "sm:rounded-t-none"
55
- },
56
- "left": {
57
- "content": "left-0 inset-y-0 w-[calc(100%-60px)] sm:w-[calc(100%-150px)] sm:rounded-t-none",
58
- "sidebarLayoutRoot": "sm:rounded-t-none"
59
- },
60
- "top": {
61
- "content": "inset-x-0 top-0 max-h-full sm:rounded-t-none",
62
- "sidebarLayoutRoot": "sm:rounded-t-none"
63
- },
64
- "bottom": {
65
- "content": "right-[5px] top-0 sm:top-[18px] bottom-0 w-[calc(100%-60px-5px)] sm:w-[calc(100%-150px-70px)] sm:max-h-[calc(100%-18px)] sm:rounded-t-[18px]",
66
- "sidebarLayoutRoot": "sm:rounded-t-[18px]"
67
- }
68
- },
69
- "transition": {
70
- "true": {
71
- "overlay": "motion-safe:data-[state=open]:animate-[fade-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[fade-out_200ms_ease-in]"
72
- }
73
- }
74
- },
75
- "compoundVariants": [
76
- {
77
- "side": [
78
- "right" as typeof side[number],
79
- "bottom" as typeof side[number]
80
- ],
81
- "class": {
82
- "close": "pl-1.5 pr-[4px] top-[17px] -translate-x-full left-[1px] rounded-l-full"
83
- }
84
- },
85
- {
86
- "side": "left" as typeof side[number],
87
- "class": {
88
- "close": "pr-1.5 pl-[4px] top-[17px] translate-x-full right-[1px] rounded-r-full [&>div]:flex-row-reverse"
89
- }
90
- },
91
- {
92
- "side": "top" as typeof side[number],
93
- "class": {
94
- "close": "top-4 end-4"
95
- }
96
- },
97
- {
98
- "transition": true,
99
- "side": "top" as typeof side[number],
100
- "class": {
101
- "content": "motion-safe:data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]"
102
- }
103
- },
104
- {
105
- "transition": true,
106
- "side": "right" as typeof side[number],
107
- "class": {
108
- "content": "motion-safe:data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]"
109
- }
110
- },
111
- {
112
- "transition": true,
113
- "side": "bottom" as typeof side[number],
114
- "class": {
115
- "content": "motion-safe:data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]"
116
- }
117
- },
118
- {
119
- "transition": true,
120
- "side": "left" as typeof side[number],
121
- "class": {
122
- "content": "motion-safe:data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]"
123
- }
124
- }
125
- ],
126
- "defaultVariants": {
127
- "side": "bottom" as typeof side[number],
128
- "overlayBlur": "off" as typeof overlayBlur[number]
129
- }
130
- }
@@ -1,187 +0,0 @@
1
- const orientation = [
2
- "horizontal",
3
- "vertical"
4
- ] as const
5
-
6
- const size = [
7
- "xs",
8
- "sm",
9
- "md",
10
- "lg",
11
- "xl"
12
- ] as const
13
-
14
- const color = [
15
- "air-primary",
16
- "air-primary-success",
17
- "air-primary-alert",
18
- "air-primary-copilot",
19
- "air-primary-warning"
20
- ] as const
21
-
22
- export default {
23
- "slots": {
24
- "root": "flex gap-4",
25
- "header": "flex",
26
- "item": "group text-center relative w-full",
27
- "container": "relative",
28
- "trigger": "cursor-pointer rounded-full font-(--ui-font-weight-medium) text-center align-middle flex items-center justify-center group-data-[state=completed]:text-(--b24ui-color) group-data-[state=active]:text-(--b24ui-color) text-(--b24ui-typography-description-color) group-data-[state=completed]:bg-(--b24ui-background) group-data-[state=active]:bg-(--b24ui-background-active) focus-visible:outline-(--b24ui-background-active) bg-(--ui-color-base-8) ring ring-(--ui-color-base-7) focus-visible:outline-2 focus-visible:outline-offset-2",
29
- "indicator": "flex items-center justify-center size-full",
30
- "icon": "shrink-0",
31
- "separator": "absolute rounded-(--ui-border-radius-circle) group-data-[disabled]:opacity-75 group-data-[state=completed]:bg-(--b24ui-background-active) bg-(--ui-color-base-6)",
32
- "wrapper": "",
33
- "title": "font-(--ui-font-weight-medium) text-(--b24ui-typography-legend-color)",
34
- "description": "text-(--b24ui-typography-description-color) text-wrap",
35
- "content": "size-full"
36
- },
37
- "variants": {
38
- "orientation": {
39
- "horizontal": {
40
- "root": "flex-col",
41
- "container": "flex justify-center",
42
- "separator": "top-[calc(50%-2px)] h-0.5",
43
- "wrapper": "mt-1"
44
- },
45
- "vertical": {
46
- "header": "flex-col gap-4",
47
- "item": "flex text-start",
48
- "separator": "start-[calc(50%-1px)] -bottom-[10px] w-0.5"
49
- }
50
- },
51
- "size": {
52
- "xs": {
53
- "trigger": "size-[28px] text-(length:--ui-font-size-sm)",
54
- "icon": "size-[26px]",
55
- "title": "text-(length:--ui-font-size-xs)",
56
- "description": "text-(length:--ui-font-size-xs)",
57
- "wrapper": "mt-[6px]"
58
- },
59
- "sm": {
60
- "trigger": "size-[32px] text-(length:--ui-font-size-md)",
61
- "icon": "size-[28px]",
62
- "title": "text-(length:--ui-font-size-sm)",
63
- "description": "text-(length:--ui-font-size-sm)",
64
- "wrapper": "mt-[8px]"
65
- },
66
- "md": {
67
- "trigger": "size-[42px] text-(length:--ui-font-size-xl)",
68
- "icon": "size-[38px]",
69
- "title": "text-(length:--ui-font-size-md)",
70
- "description": "text-(length:--ui-font-size-md)",
71
- "wrapper": "mt-[10px]"
72
- },
73
- "lg": {
74
- "trigger": "size-[48px] text-(length:--ui-font-size-2xl)",
75
- "icon": "size-[44px]",
76
- "title": "text-(length:--ui-font-size-xl)",
77
- "description": "text-(length:--ui-font-size-xl)",
78
- "wrapper": "mt-[12px]"
79
- },
80
- "xl": {
81
- "trigger": "size-[60px] text-(length:--ui-font-size-3xl)",
82
- "icon": "size-[56px]",
83
- "title": "text-(length:--ui-font-size-2xl)",
84
- "description": "text-(length:--ui-font-size-2xl)",
85
- "wrapper": "mt-[14px]"
86
- }
87
- },
88
- "color": {
89
- "air-primary": {
90
- "root": "style-filled"
91
- },
92
- "air-primary-success": {
93
- "root": "style-filled-success"
94
- },
95
- "air-primary-alert": {
96
- "root": "style-filled-alert"
97
- },
98
- "air-primary-copilot": {
99
- "root": "style-filled-copilot"
100
- },
101
- "air-primary-warning": {
102
- "root": "style-filled-warning"
103
- }
104
- }
105
- },
106
- "compoundVariants": [
107
- {
108
- "orientation": "horizontal" as typeof orientation[number],
109
- "size": "xs" as typeof size[number],
110
- "class": {
111
- "separator": "start-[calc(50%+16px)] end-[calc(-50%+16px)]"
112
- }
113
- },
114
- {
115
- "orientation": "horizontal" as typeof orientation[number],
116
- "size": "sm" as typeof size[number],
117
- "class": {
118
- "separator": "start-[calc(50%+20px)] end-[calc(-50%+20px)]"
119
- }
120
- },
121
- {
122
- "orientation": "horizontal" as typeof orientation[number],
123
- "size": "md" as typeof size[number],
124
- "class": {
125
- "separator": "start-[calc(50%+28px)] end-[calc(-50%+28px)]"
126
- }
127
- },
128
- {
129
- "orientation": "horizontal" as typeof orientation[number],
130
- "size": "lg" as typeof size[number],
131
- "class": {
132
- "separator": "start-[calc(50%+32px)] end-[calc(-50%+32px)]"
133
- }
134
- },
135
- {
136
- "orientation": "horizontal" as typeof orientation[number],
137
- "size": "xl" as typeof size[number],
138
- "class": {
139
- "separator": "start-[calc(50%+36px)] end-[calc(-50%+36px)]"
140
- }
141
- },
142
- {
143
- "orientation": "vertical" as typeof orientation[number],
144
- "size": "xs" as typeof size[number],
145
- "class": {
146
- "separator": "top-[30px]",
147
- "item": "gap-1.5"
148
- }
149
- },
150
- {
151
- "orientation": "vertical" as typeof orientation[number],
152
- "size": "sm" as typeof size[number],
153
- "class": {
154
- "separator": "top-[38px]",
155
- "item": "gap-2"
156
- }
157
- },
158
- {
159
- "orientation": "vertical" as typeof orientation[number],
160
- "size": "md" as typeof size[number],
161
- "class": {
162
- "separator": "top-[46px]",
163
- "item": "gap-2.5"
164
- }
165
- },
166
- {
167
- "orientation": "vertical" as typeof orientation[number],
168
- "size": "lg" as typeof size[number],
169
- "class": {
170
- "separator": "top-[54px]",
171
- "item": "gap-3"
172
- }
173
- },
174
- {
175
- "orientation": "vertical" as typeof orientation[number],
176
- "size": "xl" as typeof size[number],
177
- "class": {
178
- "separator": "top-[62px]",
179
- "item": "gap-3.5"
180
- }
181
- }
182
- ],
183
- "defaultVariants": {
184
- "size": "md" as typeof size[number],
185
- "color": "air-primary" as typeof color[number]
186
- }
187
- }
@@ -1,139 +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": "relative flex items-start",
27
- "base": "cursor-pointer inline-flex items-center shrink-0 rounded-(--ui-border-radius-pill) outline-(--ui-color-background-transparent) focus-visible:outline-2 focus-visible:outline-offset-2 transition-[background] duration-200 border-2 border-(--ui-color-background-transparent) data-[state=unchecked]:bg-(--ui-color-base-5) data-[state=checked]:bg-(--b24ui-background) focus-visible:outline-(--b24ui-border-color)",
28
- "container": "flex items-center",
29
- "thumb": "group pointer-events-none flex items-center justify-center rounded-(--ui-border-radius-pill) bg-(--ui-color-base-white-fixed) shadow-lg ring-0 transition-transform duration-200 data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:-translate-x-0",
30
- "icon": "absolute shrink-0 group-data-[state=unchecked]:text-(--ui-color-base-5) edge-dark:group-data-[state=unchecked]:text-(--ui-color-gray-60) opacity-0 p-0.5 size-full transition-[color,opacity] duration-200 group-data-[state=checked]:text-(--b24ui-background)",
31
- "wrapper": "font-[family-name:var(--ui-font-family-primary)] font-(--ui-font-weight-regular) ms-2",
32
- "label": "cursor-pointer block text-(--b24ui-typography-label-color)",
33
- "description": "text-(--b24ui-typography-description-color)"
34
- },
35
- "variants": {
36
- "color": {
37
- "air-primary": {
38
- "base": "style-filled"
39
- },
40
- "air-primary-success": {
41
- "base": "style-filled-success"
42
- },
43
- "air-primary-alert": {
44
- "base": "style-filled-alert"
45
- },
46
- "air-primary-copilot": {
47
- "base": "style-filled-copilot"
48
- },
49
- "air-primary-warning": {
50
- "base": "style-filled-warning"
51
- },
52
- "default": {
53
- "base": "style-old-default"
54
- },
55
- "danger": {
56
- "base": "style-old-danger"
57
- },
58
- "success": {
59
- "base": "style-old-success"
60
- },
61
- "warning": {
62
- "base": "style-old-warning"
63
- },
64
- "primary": {
65
- "base": "style-old-primary"
66
- },
67
- "secondary": {
68
- "base": "style-old-secondary"
69
- },
70
- "collab": {
71
- "base": "style-old-collab"
72
- },
73
- "ai": {
74
- "base": "style-old-ai"
75
- }
76
- },
77
- "size": {
78
- "xs": {
79
- "base": "w-[28px]",
80
- "container": "h-[16px]",
81
- "thumb": "size-[12px] data-[state=checked]:translate-x-3 data-[state=checked]:rtl:-translate-x-3",
82
- "wrapper": "text-(length:--ui-font-size-xs)",
83
- "label": "leading-[16px]"
84
- },
85
- "sm": {
86
- "base": "w-[32px]",
87
- "container": "h-[16px]",
88
- "thumb": "size-[14px] data-[state=checked]:translate-x-3.5 data-[state=checked]:rtl:-translate-x-3.5",
89
- "wrapper": "text-(length:--ui-font-size-sm)",
90
- "label": "leading-[16px]"
91
- },
92
- "md": {
93
- "base": "w-[36px]",
94
- "container": "h-[20px]",
95
- "thumb": "size-[16px] data-[state=checked]:translate-x-4 data-[state=checked]:rtl:-translate-x-4",
96
- "wrapper": "text-(length:--ui-font-size-md)",
97
- "label": "leading-[20px]"
98
- },
99
- "lg": {
100
- "base": "w-[40px]",
101
- "container": "h-[20px]",
102
- "thumb": "size-[20px] data-[state=checked]:translate-x-4 data-[state=checked]:rtl:-translate-x-4",
103
- "wrapper": "text-(length:--ui-font-size-xl)",
104
- "label": "leading-[20px]"
105
- }
106
- },
107
- "checked": {
108
- "true": {
109
- "icon": "group-data-[state=checked]:opacity-100"
110
- }
111
- },
112
- "unchecked": {
113
- "true": {
114
- "icon": "group-data-[state=unchecked]:opacity-100"
115
- }
116
- },
117
- "loading": {
118
- "true": {
119
- "icon": "animate-spin"
120
- }
121
- },
122
- "required": {
123
- "true": {
124
- "label": "after:content-['*'] after:ms-0.5 after:text-(--ui-color-accent-main-alert)"
125
- }
126
- },
127
- "disabled": {
128
- "true": {
129
- "base": "cursor-not-allowed opacity-30",
130
- "label": "cursor-not-allowed opacity-30",
131
- "description": "cursor-not-allowed opacity-30"
132
- }
133
- }
134
- },
135
- "defaultVariants": {
136
- "color": "air-primary" as typeof color[number],
137
- "size": "md" as typeof size[number]
138
- }
139
- }