@bitrix24/b24ui-nuxt 0.7.2 → 1.0.1

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 (260) hide show
  1. package/.nuxt/b24ui/accordion.ts +3 -3
  2. package/.nuxt/b24ui/advice.ts +6 -5
  3. package/.nuxt/b24ui/alert.ts +102 -49
  4. package/.nuxt/b24ui/avatar-group.ts +10 -10
  5. package/.nuxt/b24ui/avatar.ts +18 -18
  6. package/.nuxt/b24ui/badge.ts +167 -176
  7. package/.nuxt/b24ui/button-group.ts +3 -1
  8. package/.nuxt/b24ui/button.ts +179 -170
  9. package/.nuxt/b24ui/calendar.ts +48 -28
  10. package/.nuxt/b24ui/checkbox.ts +82 -85
  11. package/.nuxt/b24ui/chip.ts +121 -32
  12. package/.nuxt/b24ui/container.ts +1 -1
  13. package/.nuxt/b24ui/content/table-wrapper.ts +11 -11
  14. package/.nuxt/b24ui/countdown.ts +11 -11
  15. package/.nuxt/b24ui/description-list.ts +6 -6
  16. package/.nuxt/b24ui/dropdown-menu.ts +111 -183
  17. package/.nuxt/b24ui/form-field.ts +19 -19
  18. package/.nuxt/b24ui/index.ts +0 -1
  19. package/.nuxt/b24ui/input-menu.ts +294 -357
  20. package/.nuxt/b24ui/input-number.ts +111 -259
  21. package/.nuxt/b24ui/input.ts +136 -259
  22. package/.nuxt/b24ui/kbd.ts +15 -13
  23. package/.nuxt/b24ui/link.ts +5 -5
  24. package/.nuxt/b24ui/modal.ts +14 -12
  25. package/.nuxt/b24ui/navbar-divider.ts +1 -1
  26. package/.nuxt/b24ui/navbar-section.ts +1 -1
  27. package/.nuxt/b24ui/navbar.ts +1 -1
  28. package/.nuxt/b24ui/navigation-menu.ts +70 -754
  29. package/.nuxt/b24ui/popover.ts +2 -2
  30. package/.nuxt/b24ui/progress.ts +58 -68
  31. package/.nuxt/b24ui/prose/a.ts +1 -1
  32. package/.nuxt/b24ui/prose/blockquote.ts +1 -1
  33. package/.nuxt/b24ui/prose/code.ts +45 -9
  34. package/.nuxt/b24ui/prose/h1.ts +21 -2
  35. package/.nuxt/b24ui/prose/h2.ts +21 -12
  36. package/.nuxt/b24ui/prose/h3.ts +21 -12
  37. package/.nuxt/b24ui/prose/h4.ts +21 -12
  38. package/.nuxt/b24ui/prose/h5.ts +21 -12
  39. package/.nuxt/b24ui/prose/h6.ts +21 -12
  40. package/.nuxt/b24ui/prose/hr.ts +1 -1
  41. package/.nuxt/b24ui/prose/ol.ts +1 -1
  42. package/.nuxt/b24ui/prose/p.ts +26 -1
  43. package/.nuxt/b24ui/prose/thead.ts +1 -1
  44. package/.nuxt/b24ui/prose/ul.ts +1 -1
  45. package/.nuxt/b24ui/radio-group.ts +115 -155
  46. package/.nuxt/b24ui/range.ts +38 -26
  47. package/.nuxt/b24ui/select-menu.ts +251 -306
  48. package/.nuxt/b24ui/select.ts +246 -301
  49. package/.nuxt/b24ui/separator.ts +40 -85
  50. package/.nuxt/b24ui/sidebar-header.ts +1 -1
  51. package/.nuxt/b24ui/sidebar-heading.ts +1 -1
  52. package/.nuxt/b24ui/sidebar-layout.ts +130 -19
  53. package/.nuxt/b24ui/sidebar-section.ts +1 -1
  54. package/.nuxt/b24ui/skeleton.ts +19 -1
  55. package/.nuxt/b24ui/slideover.ts +35 -34
  56. package/.nuxt/b24ui/switch.ts +59 -48
  57. package/.nuxt/b24ui/tabs.ts +26 -239
  58. package/.nuxt/b24ui/textarea.ts +50 -236
  59. package/.nuxt/b24ui/toast.ts +38 -30
  60. package/.nuxt/b24ui/toaster.ts +1 -1
  61. package/.nuxt/b24ui/tooltip.ts +5 -5
  62. package/cli/templates.mjs +2 -1
  63. package/dist/meta.d.mts +18759 -5002
  64. package/dist/meta.mjs +18759 -5002
  65. package/dist/module.d.mts +1 -0
  66. package/dist/module.json +2 -2
  67. package/dist/module.mjs +3 -5
  68. package/dist/runtime/air-design-tokens/001_b24_global.css +1 -0
  69. package/dist/runtime/air-design-tokens/002_b24_context_utility.css +0 -0
  70. package/dist/runtime/air-design-tokens/003_b24_context_light.css +1 -0
  71. package/dist/runtime/air-design-tokens/004_b24_context_dark.css +1 -0
  72. package/dist/runtime/air-design-tokens/005_b24_context_edge-light.css +1 -0
  73. package/dist/runtime/air-design-tokens/006_b24_context_edge-dark.css +1 -0
  74. package/dist/runtime/air-design-tokens/007_b24_global.css +1 -0
  75. package/dist/runtime/air-design-tokens/008_ui_global.css +1 -0
  76. package/dist/runtime/air-design-tokens/009_b24_tools.css +1 -0
  77. package/dist/runtime/air-design-tokens/components/badge-counter.css +1 -0
  78. package/dist/runtime/air-design-tokens/components/button.css +1 -0
  79. package/dist/runtime/air-design-tokens/components/navigation-menu.css +1 -0
  80. package/dist/runtime/air-design-tokens/components/popup.css +1 -0
  81. package/dist/runtime/air-design-tokens/components/scrollbar.css +2 -0
  82. package/dist/runtime/air-design-tokens/index.css +1 -0
  83. package/dist/runtime/components/Accordion.vue.d.ts +1 -1
  84. package/dist/runtime/components/Advice.vue +1 -13
  85. package/dist/runtime/components/Advice.vue.d.ts +1 -1
  86. package/dist/runtime/components/Alert.vue +6 -4
  87. package/dist/runtime/components/Alert.vue.d.ts +11 -4
  88. package/dist/runtime/components/App.vue.d.ts +1 -1
  89. package/dist/runtime/components/Avatar.vue.d.ts +1 -1
  90. package/dist/runtime/components/AvatarGroup.vue.d.ts +1 -1
  91. package/dist/runtime/components/Badge.vue +7 -11
  92. package/dist/runtime/components/Badge.vue.d.ts +6 -8
  93. package/dist/runtime/components/Button.vue +18 -15
  94. package/dist/runtime/components/Button.vue.d.ts +5 -7
  95. package/dist/runtime/components/ButtonGroup.vue.d.ts +1 -1
  96. package/dist/runtime/components/Calendar.vue +8 -8
  97. package/dist/runtime/components/Calendar.vue.d.ts +14 -8
  98. package/dist/runtime/components/Checkbox.vue.d.ts +2 -2
  99. package/dist/runtime/components/Chip.vue +28 -7
  100. package/dist/runtime/components/Chip.vue.d.ts +22 -2
  101. package/dist/runtime/components/Collapsible.vue.d.ts +1 -1
  102. package/dist/runtime/components/Container.vue.d.ts +1 -1
  103. package/dist/runtime/components/Countdown.vue.d.ts +5 -3
  104. package/dist/runtime/components/DescriptionList.vue.d.ts +1 -1
  105. package/dist/runtime/components/DropdownMenu.vue +20 -9
  106. package/dist/runtime/components/DropdownMenu.vue.d.ts +1 -5
  107. package/dist/runtime/components/DropdownMenuContent.vue +29 -7
  108. package/dist/runtime/components/DropdownMenuContent.vue.d.ts +14 -6
  109. package/dist/runtime/components/Form.vue +3 -3
  110. package/dist/runtime/components/Form.vue.d.ts +6 -5
  111. package/dist/runtime/components/FormField.vue +2 -2
  112. package/dist/runtime/components/FormField.vue.d.ts +4 -4
  113. package/dist/runtime/components/Input.vue +8 -4
  114. package/dist/runtime/components/Input.vue.d.ts +9 -8
  115. package/dist/runtime/components/InputMenu.vue +44 -18
  116. package/dist/runtime/components/InputMenu.vue.d.ts +17 -223
  117. package/dist/runtime/components/InputNumber.vue +14 -11
  118. package/dist/runtime/components/InputNumber.vue.d.ts +13 -87
  119. package/dist/runtime/components/Kbd.vue +6 -3
  120. package/dist/runtime/components/Kbd.vue.d.ts +7 -3
  121. package/dist/runtime/components/Link.vue +6 -5
  122. package/dist/runtime/components/Link.vue.d.ts +1 -3
  123. package/dist/runtime/components/LinkBase.vue.d.ts +1 -1
  124. package/dist/runtime/components/Modal.vue +37 -33
  125. package/dist/runtime/components/Modal.vue.d.ts +2 -2
  126. package/dist/runtime/components/ModalDialogClose.vue.d.ts +1 -1
  127. package/dist/runtime/components/Navbar.vue.d.ts +1 -1
  128. package/dist/runtime/components/NavbarDivider.vue.d.ts +1 -1
  129. package/dist/runtime/components/NavbarSection.vue.d.ts +1 -1
  130. package/dist/runtime/components/NavbarSpacer.vue.d.ts +1 -1
  131. package/dist/runtime/components/NavigationMenu.vue +95 -84
  132. package/dist/runtime/components/NavigationMenu.vue.d.ts +31 -33
  133. package/dist/runtime/components/OverlayProvider.vue.d.ts +1 -1
  134. package/dist/runtime/components/Popover.vue +8 -2
  135. package/dist/runtime/components/Popover.vue.d.ts +9 -3
  136. package/dist/runtime/components/Progress.vue.d.ts +3 -3
  137. package/dist/runtime/components/RadioGroup.vue +1 -1
  138. package/dist/runtime/components/RadioGroup.vue.d.ts +6 -5
  139. package/dist/runtime/components/Range.vue.d.ts +6 -6
  140. package/dist/runtime/components/Select.vue +25 -11
  141. package/dist/runtime/components/Select.vue.d.ts +7 -7
  142. package/dist/runtime/components/SelectMenu.vue +38 -19
  143. package/dist/runtime/components/SelectMenu.vue.d.ts +11 -10
  144. package/dist/runtime/components/Separator.vue +4 -4
  145. package/dist/runtime/components/Separator.vue.d.ts +6 -3
  146. package/dist/runtime/components/Sidebar.vue.d.ts +4 -1
  147. package/dist/runtime/components/SidebarBody.vue.d.ts +4 -1
  148. package/dist/runtime/components/SidebarFooter.vue.d.ts +4 -1
  149. package/dist/runtime/components/SidebarHeader.vue.d.ts +4 -1
  150. package/dist/runtime/components/SidebarHeading.vue.d.ts +4 -1
  151. package/dist/runtime/components/SidebarLayout.vue +148 -63
  152. package/dist/runtime/components/SidebarLayout.vue.d.ts +61 -8
  153. package/dist/runtime/components/SidebarSection.vue.d.ts +4 -1
  154. package/dist/runtime/components/SidebarSpacer.vue.d.ts +4 -1
  155. package/dist/runtime/components/Skeleton.vue +7 -3
  156. package/dist/runtime/components/Skeleton.vue.d.ts +12 -1
  157. package/dist/runtime/components/Slideover.vue +120 -43
  158. package/dist/runtime/components/Slideover.vue.d.ts +22 -9
  159. package/dist/runtime/components/Switch.vue.d.ts +2 -2
  160. package/dist/runtime/components/Tabs.vue +11 -3
  161. package/dist/runtime/components/Tabs.vue.d.ts +8 -7
  162. package/dist/runtime/components/Textarea.vue +8 -4
  163. package/dist/runtime/components/Textarea.vue.d.ts +8 -7
  164. package/dist/runtime/components/Toast.vue +16 -8
  165. package/dist/runtime/components/Toast.vue.d.ts +16 -15
  166. package/dist/runtime/components/Toaster.vue.d.ts +2 -2
  167. package/dist/runtime/components/Tooltip.vue +9 -5
  168. package/dist/runtime/components/Tooltip.vue.d.ts +7 -1
  169. package/dist/runtime/components/content/TableWrapper.vue.d.ts +1 -1
  170. package/dist/runtime/composables/defineShortcuts.js +5 -3
  171. package/dist/runtime/composables/useAvatarGroup.d.ts +1 -1
  172. package/dist/runtime/composables/useButtonGroup.d.ts +1 -1
  173. package/dist/runtime/composables/useComponentIcons.d.ts +1 -1
  174. package/dist/runtime/composables/useFormField.d.ts +4 -7
  175. package/dist/runtime/composables/useFormField.js +6 -3
  176. package/dist/runtime/composables/useKbd.d.ts +1 -1
  177. package/dist/runtime/composables/useLocale.js +2 -2
  178. package/dist/runtime/composables/useOverlay.d.ts +29 -2
  179. package/dist/runtime/composables/useOverlay.js +8 -7
  180. package/dist/runtime/composables/usePortal.d.ts +1 -1
  181. package/dist/runtime/composables/useSidebarLayout.d.ts +20 -0
  182. package/dist/runtime/composables/useSidebarLayout.js +16 -0
  183. package/dist/runtime/dictionary/icons.js +7 -7
  184. package/dist/runtime/index.css +1 -1
  185. package/dist/runtime/inertia/components/Link.vue +3 -0
  186. package/dist/runtime/inertia/components/Link.vue.d.ts +1 -1
  187. package/dist/runtime/inertia/components/LinkBase.vue.d.ts +1 -1
  188. package/dist/runtime/inertia/stubs.d.ts +1 -0
  189. package/dist/runtime/inertia/stubs.js +4 -2
  190. package/dist/runtime/locale/ar.js +6 -0
  191. package/dist/runtime/locale/br.js +6 -0
  192. package/dist/runtime/locale/de.js +6 -0
  193. package/dist/runtime/locale/en.js +6 -0
  194. package/dist/runtime/locale/fr.js +6 -0
  195. package/dist/runtime/locale/id.js +6 -0
  196. package/dist/runtime/locale/it.js +6 -0
  197. package/dist/runtime/locale/ja.js +6 -0
  198. package/dist/runtime/locale/kz.js +6 -0
  199. package/dist/runtime/locale/la.js +6 -0
  200. package/dist/runtime/locale/ms.js +6 -0
  201. package/dist/runtime/locale/pl.js +6 -0
  202. package/dist/runtime/locale/ru.js +6 -0
  203. package/dist/runtime/locale/sc.js +6 -0
  204. package/dist/runtime/locale/tc.js +6 -0
  205. package/dist/runtime/locale/th.js +6 -0
  206. package/dist/runtime/locale/tr.js +6 -0
  207. package/dist/runtime/locale/ua.js +6 -0
  208. package/dist/runtime/locale/vn.js +6 -0
  209. package/dist/runtime/plugins/ui-version.d.ts +5 -0
  210. package/dist/runtime/plugins/ui-version.js +8 -0
  211. package/dist/runtime/prose/A.vue.d.ts +4 -1
  212. package/dist/runtime/prose/Blockquote.vue.d.ts +4 -1
  213. package/dist/runtime/prose/Code.vue.d.ts +4 -1
  214. package/dist/runtime/prose/Em.vue.d.ts +4 -1
  215. package/dist/runtime/prose/H1.vue +4 -1
  216. package/dist/runtime/prose/H1.vue.d.ts +7 -1
  217. package/dist/runtime/prose/H2.vue +4 -1
  218. package/dist/runtime/prose/H2.vue.d.ts +7 -1
  219. package/dist/runtime/prose/H3.vue +4 -1
  220. package/dist/runtime/prose/H3.vue.d.ts +7 -1
  221. package/dist/runtime/prose/H4.vue +4 -1
  222. package/dist/runtime/prose/H4.vue.d.ts +7 -1
  223. package/dist/runtime/prose/H5.vue +4 -1
  224. package/dist/runtime/prose/H5.vue.d.ts +7 -1
  225. package/dist/runtime/prose/H6.vue +4 -1
  226. package/dist/runtime/prose/H6.vue.d.ts +7 -1
  227. package/dist/runtime/prose/Hr.vue.d.ts +1 -1
  228. package/dist/runtime/prose/Img.vue.d.ts +1 -1
  229. package/dist/runtime/prose/Li.vue.d.ts +4 -1
  230. package/dist/runtime/prose/Ol.vue.d.ts +4 -1
  231. package/dist/runtime/prose/P.vue +6 -1
  232. package/dist/runtime/prose/P.vue.d.ts +12 -1
  233. package/dist/runtime/prose/Pre.vue.d.ts +4 -1
  234. package/dist/runtime/prose/Strong.vue.d.ts +4 -1
  235. package/dist/runtime/prose/Table.vue.d.ts +5 -2
  236. package/dist/runtime/prose/Tbody.vue.d.ts +4 -1
  237. package/dist/runtime/prose/Td.vue.d.ts +4 -1
  238. package/dist/runtime/prose/Th.vue.d.ts +4 -1
  239. package/dist/runtime/prose/Thead.vue.d.ts +4 -1
  240. package/dist/runtime/prose/Tr.vue.d.ts +4 -1
  241. package/dist/runtime/prose/Ul.vue.d.ts +4 -1
  242. package/dist/runtime/types/index.d.ts +0 -1
  243. package/dist/runtime/types/index.js +0 -1
  244. package/dist/runtime/types/locale.d.ts +6 -0
  245. package/dist/runtime/utils/index.d.ts +6 -0
  246. package/dist/runtime/utils/index.js +27 -0
  247. package/dist/runtime/utils/tv.js +66 -1
  248. package/dist/runtime/vue/components/Link.vue +3 -0
  249. package/dist/runtime/vue/components/Link.vue.d.ts +1 -1
  250. package/dist/runtime/vue/stubs.d.ts +1 -0
  251. package/dist/runtime/vue/stubs.js +3 -1
  252. package/dist/shared/b24ui-nuxt.dLc5H7ID.mjs +6100 -0
  253. package/dist/unplugin.mjs +1 -1
  254. package/dist/vite.mjs +1 -1
  255. package/package.json +40 -28
  256. package/.nuxt/b24ui/stacked-layout.ts +0 -34
  257. package/dist/runtime/air-design-tokens.css +0 -1
  258. package/dist/runtime/components/StackedLayout.vue +0 -117
  259. package/dist/runtime/components/StackedLayout.vue.d.ts +0 -44
  260. package/dist/shared/b24ui-nuxt.CxsFEY3M.mjs +0 -7895
@@ -1,6 +1,6 @@
1
1
  export default {
2
2
  "slots": {
3
- "content": "bg-white dark:bg-base-dark shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800 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-white dark:fill-base-dark stroke-base-300 dark:stroke-base-800"
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
5
  }
6
6
  }
@@ -7,6 +7,12 @@ const animation = [
7
7
  ] as const
8
8
 
9
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",
10
16
  "default",
11
17
  "danger",
12
18
  "success",
@@ -39,10 +45,14 @@ const orientation = [
39
45
  export default {
40
46
  "slots": {
41
47
  "root": "gap-2",
42
- "base": "relative overflow-hidden rounded-full bg-base-200 dark:bg-base-800",
43
- "indicator": "rounded-full size-full transition-transform duration-200 ease-out",
44
- "status": "flex justify-end text-base-500 dark:text-base-600 transition-[width] duration-200",
45
- "steps": "grid items-end",
48
+ "base": [
49
+ "relative overflow-hidden",
50
+ "rounded-(--ui-border-radius-pill)",
51
+ "bg-(--ui-color-base-5)"
52
+ ],
53
+ "indicator": "rounded-(--ui-border-radius-pill) size-full transition-transform duration-200 ease-out bg-(--b24ui-background)",
54
+ "status": "flex justify-end text-(--b24ui-typography-legend-color) transition-[width] duration-200",
55
+ "steps": "grid items-end text-(--b24ui-typography-legend-color)",
46
56
  "step": "truncate text-end row-start-1 col-start-1 transition-opacity" as typeof step[number]
47
57
  },
48
58
  "variants": {
@@ -54,55 +64,65 @@ export default {
54
64
  "elastic": ""
55
65
  },
56
66
  "color": {
67
+ "air-primary": {
68
+ "root": "style-filled"
69
+ },
70
+ "air-primary-success": {
71
+ "root": "style-filled-success"
72
+ },
73
+ "air-primary-alert": {
74
+ "root": "style-filled-alert"
75
+ },
76
+ "air-primary-copilot": {
77
+ "root": "style-filled-copilot"
78
+ },
79
+ "air-primary-warning": {
80
+ "root": "style-filled-warning"
81
+ },
82
+ "air-secondary": {
83
+ "root": "style-tinted"
84
+ },
57
85
  "default": {
58
- "indicator": "bg-base-900 dark:bg-base-100",
59
- "steps": "text-base-500"
86
+ "root": "style-old-default"
60
87
  },
61
88
  "danger": {
62
- "indicator": "bg-red-500 dark:bg-red-600",
63
- "steps": "text-base-500"
89
+ "root": "style-old-danger"
64
90
  },
65
91
  "success": {
66
- "indicator": "bg-green-500 dark:bg-green-600",
67
- "steps": "text-base-500"
92
+ "root": "style-old-success"
68
93
  },
69
94
  "warning": {
70
- "indicator": "bg-orange-500 dark:bg-orange-600",
71
- "steps": "text-base-500"
95
+ "root": "style-old-warning"
72
96
  },
73
97
  "primary": {
74
- "indicator": "bg-blue-500 dark:bg-blue-600",
75
- "steps": "text-base-500"
98
+ "root": "style-old-primary"
76
99
  },
77
100
  "secondary": {
78
- "indicator": "bg-cyan-350 dark:bg-cyan-500",
79
- "steps": "text-base-500"
101
+ "root": "style-old-secondary"
80
102
  },
81
103
  "collab": {
82
- "indicator": "bg-collab-500 dark:bg-collab-600",
83
- "steps": "text-base-500"
104
+ "root": "style-old-collab"
84
105
  },
85
106
  "ai": {
86
- "indicator": "bg-ai-500 dark:bg-ai-900/85",
87
- "steps": "text-base-500"
107
+ "root": "style-old-ai"
88
108
  }
89
109
  },
90
110
  "size": {
91
111
  "xs": {
92
- "status": "text-xs",
93
- "steps": "text-xs"
112
+ "status": "text-(length:--ui-font-size-xs)/(--ui-font-line-height-sm)",
113
+ "steps": "text-(length:--ui-font-size-xs)/(--ui-font-line-height-sm)"
94
114
  },
95
115
  "sm": {
96
- "status": "text-sm",
97
- "steps": "text-sm"
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)"
98
118
  },
99
119
  "md": {
100
- "status": "text-sm",
101
- "steps": "text-sm"
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)"
102
122
  },
103
123
  "lg": {
104
- "status": "text-sm",
105
- "steps": "text-sm"
124
+ "status": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm)",
125
+ "steps": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm)"
106
126
  }
107
127
  },
108
128
  "step": {
@@ -110,7 +130,7 @@ export default {
110
130
  "step": "opacity-100" as typeof step[number]
111
131
  },
112
132
  "first": {
113
- "step": "opacity-100 text-base-500 dark:text-base-600" as typeof step[number]
133
+ "step": "opacity-100 text-(--b24ui-typography-legend-color)" as typeof step[number]
114
134
  },
115
135
  "other": {
116
136
  "step": "opacity-0" as typeof step[number]
@@ -154,75 +174,45 @@ export default {
154
174
  "status": "flex-col-reverse"
155
175
  }
156
176
  },
157
- {
158
- "orientation": "horizontal" as typeof orientation[number],
159
- "size": "2xs" as typeof size[number],
160
- "class": "h-px"
161
- },
162
177
  {
163
178
  "orientation": "horizontal" as typeof orientation[number],
164
179
  "size": "xs" as typeof size[number],
165
- "class": "h-0.5"
180
+ "class": "h-[2px]"
166
181
  },
167
182
  {
168
183
  "orientation": "horizontal" as typeof orientation[number],
169
184
  "size": "sm" as typeof size[number],
170
- "class": "h-1"
185
+ "class": "h-[4px]"
171
186
  },
172
187
  {
173
188
  "orientation": "horizontal" as typeof orientation[number],
174
189
  "size": "md" as typeof size[number],
175
- "class": "h-2"
190
+ "class": "h-[8px]"
176
191
  },
177
192
  {
178
193
  "orientation": "horizontal" as typeof orientation[number],
179
194
  "size": "lg" as typeof size[number],
180
- "class": "h-3"
181
- },
182
- {
183
- "orientation": "horizontal" as typeof orientation[number],
184
- "size": "xl" as typeof size[number],
185
- "class": "h-4"
186
- },
187
- {
188
- "orientation": "horizontal" as typeof orientation[number],
189
- "size": "2xl" as typeof size[number],
190
- "class": "h-5"
191
- },
192
- {
193
- "orientation": "vertical" as typeof orientation[number],
194
- "size": "2xs" as typeof size[number],
195
- "class": "w-px"
195
+ "class": "h-[12px]"
196
196
  },
197
197
  {
198
198
  "orientation": "vertical" as typeof orientation[number],
199
199
  "size": "xs" as typeof size[number],
200
- "class": "w-0.5"
200
+ "class": "w-[2px]"
201
201
  },
202
202
  {
203
203
  "orientation": "vertical" as typeof orientation[number],
204
204
  "size": "sm" as typeof size[number],
205
- "class": "w-1"
205
+ "class": "w-[4px]"
206
206
  },
207
207
  {
208
208
  "orientation": "vertical" as typeof orientation[number],
209
209
  "size": "md" as typeof size[number],
210
- "class": "w-2"
210
+ "class": "w-[8px]"
211
211
  },
212
212
  {
213
213
  "orientation": "vertical" as typeof orientation[number],
214
214
  "size": "lg" as typeof size[number],
215
- "class": "w-3"
216
- },
217
- {
218
- "orientation": "vertical" as typeof orientation[number],
219
- "size": "xl" as typeof size[number],
220
- "class": "w-4"
221
- },
222
- {
223
- "orientation": "vertical" as typeof orientation[number],
224
- "size": "2xl" as typeof size[number],
225
- "class": "w-5"
215
+ "class": "w-[12px]"
226
216
  },
227
217
  {
228
218
  "orientation": "horizontal" as typeof orientation[number],
@@ -296,8 +286,8 @@ export default {
296
286
  }
297
287
  ],
298
288
  "defaultVariants": {
289
+ "color": "air-primary" as typeof color[number],
299
290
  "animation": "loading" as typeof animation[number],
300
- "color": "primary" as typeof color[number],
301
291
  "size": "md" as typeof size[number]
302
292
  }
303
293
  }
@@ -1,5 +1,5 @@
1
1
  export default {
2
2
  "slots": {
3
- "base": "cursor-pointer text-blue-700 dark:text-blue-300 hover:underline underline-offset-2 focus-visible:outline-info-text transition-colors [&>code]:transition-colors [&>code]:ring-dashed hover:[&>code]:text-blue-700 hover:[&>code]:bg-blue-250 hover:[&>code]:ring-blue-250 dark:hover:[&>code]:text-blue-700 dark:hover:[&>code]:bg-blue-250 dark:hover:[&>code]:ring-blue-250"
3
+ "base": "cursor-pointer text-(--ui-color-accent-main-link) hover:underline underline-offset-2 hover:text-(--ui-color-accent-main-primary-alt) focus-visible:outline-info-text transition-colors [&>code]:transition-colors [&>code]:ring-dashed hover:[&>code]:text-(--ui-color-accent-main-primary-alt) hover:[&>code]:bg-(--ui-color-design-selection-bg) hover:[&>code]:ring-(--ui-color-design-selection-stroke)"
4
4
  }
5
5
  }
@@ -1,5 +1,5 @@
1
1
  export default {
2
2
  "slots": {
3
- "base": "mb-2 border-s-4 border-blue-500 dark:border-blue-600 ps-4 italic"
3
+ "base": "mb-2 border-s-4 border-(--ui-color-accent-soft-element-blue) ps-4 italic"
4
4
  }
5
5
  }
@@ -1,4 +1,9 @@
1
1
  const color = [
2
+ "air-primary",
3
+ "air-primary-success",
4
+ "air-primary-alert",
5
+ "air-primary-copilot",
6
+ "air-primary-warning",
2
7
  "default",
3
8
  "danger",
4
9
  "success",
@@ -11,18 +16,49 @@ const color = [
11
16
 
12
17
  export default {
13
18
  "slots": {
14
- "base": "px-1.5 py-0.5 font-b24-system-mono font-medium text-sm leading-normal rounded-md inline-block"
19
+ "base": "px-1.5 py-0.5 font-[family-name:var(--ui-font-family-system-mono)] font-(--ui-font-weight-medium) text-(length:--ui-font-size-sm)/[normal] rounded-(--ui-border-radius-md) inline-block ring-(--b24ui-border-width) ring-inset text-(--b24ui-color) bg-(--b24ui-background) ring-(--b24ui-border-color)"
15
20
  },
16
21
  "variants": {
17
22
  "color": {
18
- "default": "ring ring-inset text-base-800 bg-base-150 ring-base-300 dark:text-base-950 dark:bg-base-200 dark:ring-base-800",
19
- "danger": "ring ring-inset text-red-800 bg-red-250 ring-red-250 dark:text-red-800 dark:bg-red-350 dark:ring-red-350",
20
- "success": "ring ring-inset text-green-800 bg-green-300 ring-green-300 dark:text-green-800 dark:bg-green-330 dark:ring-green-330",
21
- "warning": "ring ring-inset text-orange-800 bg-orange-300 ring-orange-300 dark:text-orange-800 dark:bg-orange-400 dark:ring-orange-400",
22
- "primary": "ring ring-inset text-blue-700 bg-blue-250 ring-blue-250 dark:text-blue-700 dark:bg-blue-300 dark:ring-blue-300",
23
- "secondary": "ring ring-inset text-white bg-cyan-350 ring-cyan-350 dark:text-cyan-100 dark:bg-cyan-400 dark:ring-cyan-400",
24
- "collab": "ring ring-inset text-collab-800 bg-collab-300 ring-collab-300 dark:text-collab-800 dark:bg-collab-300 dark:ring-collab-300",
25
- "ai": "ring ring-inset text-ai-500 bg-ai-150 ring-ai-150 dark:text-ai-600 dark:bg-ai-200 dark:ring-ai-200"
23
+ "air-primary": {
24
+ "base": "style-filled"
25
+ },
26
+ "air-primary-success": {
27
+ "base": "style-filled-success"
28
+ },
29
+ "air-primary-alert": {
30
+ "base": "style-filled-alert"
31
+ },
32
+ "air-primary-copilot": {
33
+ "base": "style-filled-copilot"
34
+ },
35
+ "air-primary-warning": {
36
+ "base": "style-filled-warning"
37
+ },
38
+ "default": {
39
+ "base": "style-old-default"
40
+ },
41
+ "danger": {
42
+ "base": "style-old-danger"
43
+ },
44
+ "success": {
45
+ "base": "style-old-success"
46
+ },
47
+ "warning": {
48
+ "base": "style-old-warning"
49
+ },
50
+ "primary": {
51
+ "base": "style-old-primary"
52
+ },
53
+ "secondary": {
54
+ "base": "style-old-secondary"
55
+ },
56
+ "collab": {
57
+ "base": "style-old-collab"
58
+ },
59
+ "ai": {
60
+ "base": "style-old-ai"
61
+ }
26
62
  }
27
63
  },
28
64
  "defaultVariants": {
@@ -1,6 +1,25 @@
1
+ const accent = [
2
+ "default",
3
+ "accent",
4
+ "accent-more",
5
+ "less",
6
+ "less-more"
7
+ ] as const
8
+
1
9
  export default {
2
10
  "slots": {
3
- "base": "mb-2 text-base-master dark:text-base-150 scroll-mt-[calc(45px+var(--b24ui-header-height))] lg:scroll-mt-(--b24ui-header-height) text-h1",
4
- "link": "inline-flex items-center gap-2"
11
+ "base": "relative mb-2 scroll-mt-[calc(45px+var(--b24ui-header-height))] lg:scroll-mt-(--b24ui-header-height) text-(length:--ui-font-size-5xl)"
12
+ },
13
+ "variants": {
14
+ "accent": {
15
+ "default": "text-(--b24ui-typography-label-color)",
16
+ "accent": "text-(--ui-color-accent-brand-blue)" as typeof accent[number],
17
+ "accent-more": "text-(--ui-color-accent-soft-element-blue)",
18
+ "less": "text-(--b24ui-typography-description-color)",
19
+ "less-more": "text-(--ui-color-design-plain-na-content-secondary)"
20
+ }
21
+ },
22
+ "defaultVariants": {
23
+ "accent": "default" as typeof accent[number]
5
24
  }
6
25
  }
@@ -1,16 +1,25 @@
1
+ const accent = [
2
+ "default",
3
+ "accent",
4
+ "accent-more",
5
+ "less",
6
+ "less-more"
7
+ ] as const
8
+
1
9
  export default {
2
10
  "slots": {
3
- "base": "relative mb-2 [&>a>code]:text-xl/7 [&>a>code]:font-bold text-base-master dark:text-base-150 scroll-mt-[calc(48px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(48px+var(--b24ui-header-height))] [&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text hover:[&>a>code]:text-info-text [&>a>code]:border-dashed [&>a>code]:transition-colors text-h2",
4
- "leading": [
5
- "absolute -ms-8 top-1 p-1",
6
- "rounded-md hidden lg:flex",
7
- "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
8
- "bg-base-100 dark:bg-base-900",
9
- "text-base-500 dark:text-base-600",
10
- "hover:text-outline-info-text",
11
- "transition"
12
- ],
13
- "leadingIcon": "size-4 shrink-0",
14
- "link": "group lg:ps-2 lg:-ms-2"
11
+ "base": "relative mb-2 scroll-mt-[calc(48px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(48px+var(--b24ui-header-height))] text-(length:--ui-font-size-4xl)"
12
+ },
13
+ "variants": {
14
+ "accent": {
15
+ "default": "text-(--b24ui-typography-label-color)",
16
+ "accent": "text-(--ui-color-accent-brand-blue)" as typeof accent[number],
17
+ "accent-more": "text-(--ui-color-accent-soft-element-blue)",
18
+ "less": "text-(--b24ui-typography-description-color)",
19
+ "less-more": "text-(--ui-color-design-plain-na-content-secondary)"
20
+ }
21
+ },
22
+ "defaultVariants": {
23
+ "accent": "default" as typeof accent[number]
15
24
  }
16
25
  }
@@ -1,16 +1,25 @@
1
+ const accent = [
2
+ "default",
3
+ "accent",
4
+ "accent-more",
5
+ "less",
6
+ "less-more"
7
+ ] as const
8
+
1
9
  export default {
2
10
  "slots": {
3
- "base": "relative mb-2 [&>a>code]:text-lg/7 [&>a>code]:font-bold text-base-master dark:text-base-150 scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))] [&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text hover:[&>a>code]:text-info-text [&>a>code]:border-dashed [&>a>code]:transition-colors text-h3",
4
- "leading": [
5
- "absolute -ms-8 top-0.5 p-1",
6
- "rounded-md hidden lg:flex",
7
- "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
8
- "bg-base-100 dark:bg-base-900",
9
- "text-base-500 dark:text-base-600",
10
- "hover:text-outline-info-text",
11
- "transition"
12
- ],
13
- "leadingIcon": "size-4 shrink-0",
14
- "link": "group lg:ps-2 lg:-ms-2"
11
+ "base": "relative mb-2 scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))] text-(length:--ui-font-size-3xl)"
12
+ },
13
+ "variants": {
14
+ "accent": {
15
+ "default": "text-(--b24ui-typography-label-color)",
16
+ "accent": "text-(--ui-color-accent-brand-blue)" as typeof accent[number],
17
+ "accent-more": "text-(--ui-color-accent-soft-element-blue)",
18
+ "less": "text-(--b24ui-typography-description-color)",
19
+ "less-more": "text-(--ui-color-design-plain-na-content-secondary)"
20
+ }
21
+ },
22
+ "defaultVariants": {
23
+ "accent": "default" as typeof accent[number]
15
24
  }
16
25
  }
@@ -1,16 +1,25 @@
1
+ const accent = [
2
+ "default",
3
+ "accent",
4
+ "accent-more",
5
+ "less",
6
+ "less-more"
7
+ ] as const
8
+
1
9
  export default {
2
10
  "slots": {
3
- "base": "relative mb-2 [&>a>code]:text-lg/7 [&>a>code]:font-bold text-base-master dark:text-base-150 scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))] [&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text hover:[&>a>code]:text-info-text [&>a>code]:border-dashed [&>a>code]:transition-colors text-h4",
4
- "leading": [
5
- "absolute -ms-8 top-0.5 p-1",
6
- "rounded-md hidden lg:flex",
7
- "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
8
- "bg-base-100 dark:bg-base-900",
9
- "text-base-500 dark:text-base-600",
10
- "hover:text-outline-info-text",
11
- "transition"
12
- ],
13
- "leadingIcon": "size-4 shrink-0",
14
- "link": "group lg:ps-2 lg:-ms-2"
11
+ "base": "relative mb-2 scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))] text-(length:--ui-font-size-2xl)"
12
+ },
13
+ "variants": {
14
+ "accent": {
15
+ "default": "text-(--b24ui-typography-label-color)",
16
+ "accent": "text-(--ui-color-accent-brand-blue)" as typeof accent[number],
17
+ "accent-more": "text-(--ui-color-accent-soft-element-blue)",
18
+ "less": "text-(--b24ui-typography-description-color)",
19
+ "less-more": "text-(--ui-color-design-plain-na-content-secondary)"
20
+ }
21
+ },
22
+ "defaultVariants": {
23
+ "accent": "default" as typeof accent[number]
15
24
  }
16
25
  }
@@ -1,16 +1,25 @@
1
+ const accent = [
2
+ "default",
3
+ "accent",
4
+ "accent-more",
5
+ "less",
6
+ "less-more"
7
+ ] as const
8
+
1
9
  export default {
2
10
  "slots": {
3
- "base": "relative mb-2 [&>a>code]:text-lg/7 [&>a>code]:font-bold text-base-master dark:text-base-150 scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))] [&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text hover:[&>a>code]:text-info-text [&>a>code]:border-dashed [&>a>code]:transition-colors text-h5",
4
- "leading": [
5
- "absolute -ms-8 top-0.5 p-1",
6
- "rounded-md hidden lg:flex",
7
- "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
8
- "bg-base-100 dark:bg-base-900",
9
- "text-base-500 dark:text-base-600",
10
- "hover:text-outline-info-text",
11
- "transition"
12
- ],
13
- "leadingIcon": "size-4 shrink-0",
14
- "link": "group lg:ps-2 lg:-ms-2"
11
+ "base": "relative mb-2 scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))] text-(length:--ui-font-size-xl)"
12
+ },
13
+ "variants": {
14
+ "accent": {
15
+ "default": "text-(--b24ui-typography-label-color)",
16
+ "accent": "text-(--ui-color-accent-brand-blue)" as typeof accent[number],
17
+ "accent-more": "text-(--ui-color-accent-soft-element-blue)",
18
+ "less": "text-(--b24ui-typography-description-color)",
19
+ "less-more": "text-(--ui-color-design-plain-na-content-secondary)"
20
+ }
21
+ },
22
+ "defaultVariants": {
23
+ "accent": "default" as typeof accent[number]
15
24
  }
16
25
  }
@@ -1,16 +1,25 @@
1
+ const accent = [
2
+ "default",
3
+ "accent",
4
+ "accent-more",
5
+ "less",
6
+ "less-more"
7
+ ] as const
8
+
1
9
  export default {
2
10
  "slots": {
3
- "base": "relative mb-2 [&>a>code]:text-lg/7 [&>a>code]:font-bold text-base-master dark:text-base-150 scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))] [&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text hover:[&>a>code]:text-info-text [&>a>code]:border-dashed [&>a>code]:transition-colors text-h6",
4
- "leading": [
5
- "absolute -ms-8 top-0.5 p-1",
6
- "rounded-md hidden lg:flex",
7
- "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
8
- "bg-base-100 dark:bg-base-900",
9
- "text-base-500 dark:text-base-600",
10
- "hover:text-outline-info-text",
11
- "transition"
12
- ],
13
- "leadingIcon": "size-4 shrink-0",
14
- "link": "group lg:ps-2 lg:-ms-2"
11
+ "base": "relative mb-2 scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))] text-(length:--ui-font-size-md)"
12
+ },
13
+ "variants": {
14
+ "accent": {
15
+ "default": "text-(--b24ui-typography-label-color)",
16
+ "accent": "text-(--ui-color-accent-brand-blue)" as typeof accent[number],
17
+ "accent-more": "text-(--ui-color-accent-soft-element-blue)",
18
+ "less": "text-(--b24ui-typography-description-color)",
19
+ "less-more": "text-(--ui-color-design-plain-na-content-secondary)"
20
+ }
21
+ },
22
+ "defaultVariants": {
23
+ "accent": "default" as typeof accent[number]
15
24
  }
16
25
  }
@@ -1,5 +1,5 @@
1
1
  export default {
2
2
  "slots": {
3
- "base": "my-4 border-t border-base-master/10 dark:border-base-100/20"
3
+ "base": "my-4 border-t border-(--ui-color-divider-default)"
4
4
  }
5
5
  }
@@ -1,5 +1,5 @@
1
1
  export default {
2
2
  "slots": {
3
- "base": "list-decimal ps-2 mb-2 ms-3 marker:text-base-master dark:marker:text-base-150"
3
+ "base": "list-decimal ps-2 mb-2 ms-3 marker:text-(--ui-color-design-plain-content)"
4
4
  }
5
5
  }
@@ -1,5 +1,30 @@
1
+ const accent = [
2
+ "default",
3
+ "accent",
4
+ "accent-more",
5
+ "less",
6
+ "less-more"
7
+ ] as const
8
+
1
9
  export default {
2
10
  "slots": {
3
- "base": "mb-2 leading-relaxed text-pretty"
11
+ "base": "mb-2 last:mb-0 leading-relaxed text-pretty"
12
+ },
13
+ "variants": {
14
+ "small": {
15
+ "true": "text-sm",
16
+ "false": "text-base"
17
+ },
18
+ "accent": {
19
+ "default": "text-(--b24ui-typography-label-color)",
20
+ "accent": "text-(--ui-color-accent-brand-blue)" as typeof accent[number],
21
+ "accent-more": "text-(--ui-color-accent-soft-element-blue)",
22
+ "less": "text-(--b24ui-typography-description-color)",
23
+ "less-more": "text-(--ui-color-design-plain-na-content-secondary)"
24
+ }
25
+ },
26
+ "defaultVariants": {
27
+ "small": false,
28
+ "accent": "default" as typeof accent[number]
4
29
  }
5
30
  }
@@ -1,5 +1,5 @@
1
1
  export default {
2
2
  "slots": {
3
- "base": "bg-base-50 dark:bg-base-600"
3
+ "base": "bg-(--ui-color-gray-10) text-(--ui-color-gray-70)"
4
4
  }
5
5
  }
@@ -1,5 +1,5 @@
1
1
  export default {
2
2
  "slots": {
3
- "base": "list-disc ps-2 mb-2 ms-3 marker:text-base-master dark:marker:text-base-150"
3
+ "base": "list-disc ps-2 mb-2 ms-3 marker:text-(--ui-color-design-plain-content)"
4
4
  }
5
5
  }