@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,91 +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
- ] as const
8
-
9
- export default {
10
- "slots": {
11
- "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-context-menu-content-transform-origin) font-[family-name:var(--ui-font-family-primary)] relative isolate px-0 py-(--menu-popup-padding) pointer-events-auto",
12
- "viewport": "relative w-full max-h-[40vh] min-w-[120px] scroll-py-1 overflow-x-hidden overflow-y-auto scrollbar-thin",
13
- "group": "grid",
14
- "label": "w-full h-(--popup-window-delimiter-section-height) px-[18px] mt-(--menu-item-block-stack-space) flex flex-row rtl:flex-row-reverse items-center select-none outline-none whitespace-nowrap text-start text-(length:--popup-window-delimiter-font-size) text-(--popup-window-delimiter-text-color) font-(--popup-window-delimiter-font-weight) after:ms-[10px] after:block after:flex-1 after:min-w-[15px] after:h-px after:bg-(--popup-window-delimiter-bg-color)",
15
- "separator": "my-[8px] mx-[18px] h-[1px] bg-(--popup-window-delimiter-bg-color)",
16
- "item": "group w-full h-[36px] px-[18px] mt-(--menu-item-block-stack-space) relative flex flex-row rtl:flex-row-reverse items-center select-none outline-none whitespace-nowrap cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-30 text-start text-(length:--menu-popup-item-font-size) text-(--menu-popup-item-color) hover:text-(--menu-popup-item-color-hover) data-highlighted:text-(--menu-popup-item-color-hover) data-[state=open]:text-(--menu-popup-item-color-hover) hover:bg-(--menu-popup-item-bg-color-hover) data-highlighted:bg-(--menu-popup-item-bg-color-hover) data-[state=open]:bg-(--menu-popup-item-bg-color-hover) transition-colors",
17
- "itemLeadingIcon": "shrink-0 size-[18px] text-(--ui-color-design-plain-content-icon-secondary) group-data-highlighted:text-(--ui-color-accent-main-primary) group-data-[state=open]:text-(--ui-color-accent-main-primary) group-data-[state=checked]:text-(--ui-color-accent-main-primary) transition-colors",
18
- "itemLeadingAvatar": "shrink-0 size-[16px] me-[12px]",
19
- "itemLeadingAvatarSize": "2xs",
20
- "itemTrailing": "ml-auto rtl:ml-0 rtl:mr-auto inline-flex gap-1.5 items-center",
21
- "itemTrailingIcon": "shrink-0 size-[24px] text-(--ui-color-accent-main-primary)",
22
- "itemTrailingKbds": "shrink-0 hidden lg:inline-flex items-center gap-0.5",
23
- "itemWrapper": "flex-1 flex flex-col text-start min-w-0",
24
- "itemTrailingKbdsSize": "md",
25
- "itemLabel": "max-w-[240px] truncate -mt-px group-data-[state=checked]:text-(--ui-color-accent-main-primary)",
26
- "itemDescription": "max-w-[240px] truncate -mt-[6px] text-(--b24ui-typography-description-color) text-(length:--ui-font-size-sm)",
27
- "itemLabelExternalIcon": "inline-block size-[16px] text-(--ui-color-design-plain-content-icon-secondary)"
28
- },
29
- "variants": {
30
- "color": {
31
- "air-primary": {
32
- "item": "style-filled"
33
- },
34
- "air-primary-success": {
35
- "item": "style-filled-success"
36
- },
37
- "air-primary-alert": {
38
- "item": "style-filled-alert"
39
- },
40
- "air-primary-copilot": {
41
- "item": "style-filled-copilot"
42
- },
43
- "air-primary-warning": {
44
- "item": "style-filled-warning"
45
- }
46
- },
47
- "active": {
48
- "true": {
49
- "item": "text-(--ui-color-accent-main-primary) hover:text-(--ui-color-accent-main-primary)",
50
- "itemLeadingIcon": "text-(--ui-color-accent-main-primary) hover:text-(--ui-color-accent-main-primary) group-data-[state=open]:text-(--ui-color-accent-main-primary)"
51
- },
52
- "false": {}
53
- },
54
- "loading": {
55
- "true": {
56
- "itemLeadingIcon": "animate-spin"
57
- }
58
- }
59
- },
60
- "compoundVariants": [
61
- {
62
- "color": [
63
- "air-primary" as typeof color[number],
64
- "air-primary-success" as typeof color[number],
65
- "air-primary-alert" as typeof color[number],
66
- "air-primary-copilot" as typeof color[number],
67
- "air-primary-warning" as typeof color[number]
68
- ],
69
- "active": false,
70
- "class": {
71
- "item": "text-(--b24ui-background) data-highlighted:text-(--b24ui-background-hover) data-[state=open]:text-(--b24ui-background-hover)",
72
- "itemLeadingIcon": "text-(--b24ui-background) group-data-highlighted:text-(--b24ui-background-hover) group-data-[state=open]:text-(--b24ui-background-hover)"
73
- }
74
- },
75
- {
76
- "color": [
77
- "air-primary" as typeof color[number],
78
- "air-primary-success" as typeof color[number],
79
- "air-primary-alert" as typeof color[number],
80
- "air-primary-copilot" as typeof color[number],
81
- "air-primary-warning" as typeof color[number]
82
- ],
83
- "active": true,
84
- "class": {
85
- "item": "text-(--b24ui-background-active)",
86
- "itemLeadingIcon": "text-(--b24ui-background-active) group-data-[state=open]:text-(--b24ui-background-active)"
87
- }
88
- }
89
- ],
90
- "defaultVariants": {}
91
- }
@@ -1,89 +0,0 @@
1
- const size = [
2
- "xs",
3
- "sm",
4
- "md",
5
- "lg",
6
- "xl"
7
- ] as const
8
-
9
- export default {
10
- "slots": {
11
- "base": "relative flex flex-row flex-nowrap items-center justify-between text-(--b24ui-typography-legend-color)",
12
- "label": "",
13
- "leadingIcon": "shrink-0",
14
- "leadingAvatar": "shrink-0",
15
- "leadingAvatarSize": "",
16
- "circleBase": "-scale-x-100 absolute inset-x-0 inset-y-0",
17
- "circleGroup": "fill-none stroke-none",
18
- "circleElement": "stroke-transparent stroke-1",
19
- "circlePath": "stroke-[7px] rotate-90 origin-center stroke-current transition-all duration-1000 ease-linear"
20
- },
21
- "variants": {
22
- "size": {
23
- "xs": {
24
- "base": "gap-0.5 text-(length:--ui-font-size-5xs)/(--ui-font-line-height-reset)",
25
- "leadingIcon": "size-sm",
26
- "leadingAvatarSize": "3xs"
27
- },
28
- "sm": {
29
- "base": "gap-1 text-(length:--ui-font-size-4xs)/(--ui-font-line-height-reset)",
30
- "leadingIcon": "size-sm2",
31
- "leadingAvatarSize": "3xs"
32
- },
33
- "md": {
34
- "base": "gap-1 text-(length:--ui-font-size-md)/(--ui-font-line-height-reset)",
35
- "leadingIcon": "size-[16px]",
36
- "leadingAvatarSize": "3xs"
37
- },
38
- "lg": {
39
- "base": "gap-1 text-(length:--ui-font-size-lg)/(--ui-font-line-height-reset)",
40
- "leadingIcon": "size-[22px]",
41
- "leadingAvatarSize": "2xs"
42
- },
43
- "xl": {
44
- "base": "gap-1 text-(length:--ui-font-size-xl)/(--ui-font-line-height-reset)",
45
- "leadingIcon": "size-[26px]",
46
- "leadingAvatarSize": "xs"
47
- }
48
- },
49
- "leading": {
50
- "true": ""
51
- },
52
- "useCircle": {
53
- "true": {
54
- "base": "justify-center",
55
- "circleBase": "size-full"
56
- }
57
- }
58
- },
59
- "compoundVariants": [
60
- {
61
- "size": "xs" as typeof size[number],
62
- "useCircle": true,
63
- "class": "text-(length:--ui-font-size-7xs)/[normal] p-0.5"
64
- },
65
- {
66
- "size": "sm" as typeof size[number],
67
- "useCircle": true,
68
- "class": "text-(length:--ui-font-size-6xs)/[normal] p-1.5"
69
- },
70
- {
71
- "size": "md" as typeof size[number],
72
- "useCircle": true,
73
- "class": "text-(length:--ui-font-size-3xs)/[normal] p-1.5"
74
- },
75
- {
76
- "size": "lg" as typeof size[number],
77
- "useCircle": true,
78
- "class": "text-(length:--ui-font-size-xs)/[normal] p-1.5 pb-2"
79
- },
80
- {
81
- "size": "xl" as typeof size[number],
82
- "useCircle": true,
83
- "class": "text-(length:--ui-font-size-sm)/[normal] p-2 pb-2.5"
84
- }
85
- ],
86
- "defaultVariants": {
87
- "size": "md" as typeof size[number]
88
- }
89
- }
@@ -1,3 +0,0 @@
1
- export default {
2
- "base": ""
3
- }
@@ -1,6 +0,0 @@
1
- export default {
2
- "slots": {
3
- "base": "",
4
- "trailing": "hidden lg:flex items-center gap-0.5 ms-auto"
5
- }
6
- }
@@ -1,13 +0,0 @@
1
- export default {
2
- "slots": {
3
- "modal": "p-0 pt-0 pb-[10px]",
4
- "input": ""
5
- },
6
- "variants": {
7
- "fullscreen": {
8
- "false": {
9
- "modal": "sm:max-w-[768px] sm:h-[436px]"
10
- }
11
- }
12
- }
13
- }
@@ -1,67 +0,0 @@
1
- const size = [
2
- "sm",
3
- "md"
4
- ] as const
5
-
6
- export default {
7
- "slots": {
8
- "root": "w-full shrink-0",
9
- "legend": "font-(--ui-font-weight-semi-bold) text-(--b24ui-typography-label-color)",
10
- "text": "text-(--b24ui-typography-description-color)",
11
- "container": "grid grid-cols-1 sm:grid-cols-[min(50%,theme(spacing.80))_auto]",
12
- "labelWrapper": "col-start-1 border-t first:border-none sm:border-t flex flex-nowrap flex-row items-center justify-start gap-1.5 border-(--ui-color-divider-vibrant-default) sm:border-(--ui-color-divider-vibrant-default) text-(--b24ui-typography-description-color)",
13
- "icon": "shrink-0 size-6 text-(--b24ui-typography-description-color)",
14
- "avatar": "shrink-0",
15
- "avatarSize": "",
16
- "label": "",
17
- "descriptionWrapper": "sm:border-t sm:[&:nth-child(2)]:border-none sm:border-(--ui-color-divider-vibrant-default) text-(--b24ui-typography-label-color)",
18
- "description": "",
19
- "actions": "flex flex-wrap gap-1.5 shrink-0",
20
- "footer": "border-t border-(--ui-color-divider-vibrant-default)"
21
- },
22
- "variants": {
23
- "size": {
24
- "sm": {
25
- "legend": "text-md",
26
- "text": "mt-1 max-w-2/3 text-(length:--ui-font-size-sm)",
27
- "container": "mt-2.5 text-md",
28
- "labelWrapper": "pt-3 sm:py-3",
29
- "avatarSize": "xs",
30
- "label": "",
31
- "descriptionWrapper": "pb-3 pt-1 sm:py-3",
32
- "description": "",
33
- "footer": "mt-2 p-2"
34
- },
35
- "md": {
36
- "legend": "text-xl",
37
- "text": "mt-2 max-w-2/3 text-(length:--ui-font-size-lg) leading-5",
38
- "container": "mt-3 text-(length:--ui-font-size-lg)",
39
- "labelWrapper": "pt-3 sm:py-3",
40
- "avatarSize": "xs",
41
- "label": "",
42
- "descriptionWrapper": "pb-3 pt-1 sm:py-3",
43
- "description": "",
44
- "footer": "mt-4 p-4"
45
- }
46
- },
47
- "orientation": {
48
- "horizontal": {
49
- "descriptionWrapper": "w-full flex flex-row items-center justify-between gap-4",
50
- "actions": "items-center"
51
- },
52
- "vertical": {
53
- "descriptionWrapper": "",
54
- "actions": "items-start mt-2.5"
55
- }
56
- },
57
- "title": {
58
- "true": {
59
- "description": "mt-1"
60
- }
61
- }
62
- },
63
- "compoundVariants": [],
64
- "defaultVariants": {
65
- "size": "md" as typeof size[number]
66
- }
67
- }
@@ -1,166 +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
- export default {
18
- "slots": {
19
- "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-dropdown-menu-content-transform-origin) font-[family-name:var(--ui-font-family-primary)] relative isolate px-0 py-(--menu-popup-padding) pointer-events-auto",
20
- "viewport": "relative w-full max-h-[40vh] min-w-[120px] overflow-x-hidden overflow-y-auto scrollbar-thin",
21
- "arrow": "fill-(--popup-window-background-color)",
22
- "group": "grid",
23
- "label": "w-full h-(--popup-window-delimiter-section-height) px-[18px] mt-(--menu-item-block-stack-space) flex flex-row rtl:flex-row-reverse items-center select-none outline-none whitespace-nowrap text-start text-(length:--popup-window-delimiter-font-size) text-(--popup-window-delimiter-text-color) font-(--popup-window-delimiter-font-weight) after:ms-[10px] after:block after:flex-1 after:min-w-[15px] after:h-px after:bg-(--popup-window-delimiter-bg-color)",
24
- "separator": "my-[8px] mx-[18px] h-[1px] bg-(--popup-window-delimiter-bg-color)",
25
- "item": "group w-full h-[36px] px-[18px] mt-(--menu-item-block-stack-space) relative flex flex-row rtl:flex-row-reverse items-center select-none outline-none whitespace-nowrap cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-30 text-start text-(length:--menu-popup-item-font-size) text-(--menu-popup-item-color) hover:text-(--menu-popup-item-color-hover) data-highlighted:text-(--menu-popup-item-color-hover) data-[state=open]:text-(--menu-popup-item-color-hover) hover:bg-(--menu-popup-item-bg-color-hover) data-highlighted:bg-(--menu-popup-item-bg-color-hover) data-[state=open]:bg-(--menu-popup-item-bg-color-hover) transition-colors",
26
- "itemLeadingIcon": "shrink-0 size-[18px] text-(--ui-color-design-plain-content-icon-secondary) group-data-highlighted:text-(--ui-color-accent-main-primary) group-data-[state=open]:text-(--ui-color-accent-main-primary) group-data-[state=checked]:text-(--ui-color-accent-main-primary) transition-colors",
27
- "itemLeadingAvatar": "shrink-0 size-[16px] me-[8px]",
28
- "itemLeadingAvatarSize": "2xs",
29
- "itemTrailing": "ml-auto rtl:ml-0 rtl:mr-auto inline-flex gap-1.5 items-center",
30
- "itemTrailingIcon": "shrink-0 size-[24px] text-(--ui-color-accent-main-primary)",
31
- "itemTrailingKbds": "shrink-0 hidden lg:inline-flex items-center gap-0.5",
32
- "itemTrailingKbdsSize": "md",
33
- "itemWrapper": "flex-1 flex flex-col text-start min-w-0",
34
- "itemLabel": "max-w-[240px] truncate -mt-px group-data-[state=checked]:text-(--ui-color-accent-main-primary)",
35
- "itemDescription": "max-w-[240px] truncate -mt-[6px] text-(--b24ui-typography-description-color) text-(length:--ui-font-size-sm)",
36
- "itemLabelExternalIcon": "inline-block size-[16px] text-(--ui-color-design-plain-content-icon-secondary)"
37
- },
38
- "variants": {
39
- "color": {
40
- "air-primary": {
41
- "item": "style-filled"
42
- },
43
- "air-primary-success": {
44
- "item": "style-filled-success"
45
- },
46
- "air-primary-alert": {
47
- "item": "style-filled-alert"
48
- },
49
- "air-primary-copilot": {
50
- "item": "style-filled-copilot"
51
- },
52
- "air-primary-warning": {
53
- "item": "style-filled-warning"
54
- },
55
- "default": {
56
- "item": "style-old-default"
57
- },
58
- "danger": {
59
- "item": "style-old-danger"
60
- },
61
- "success": {
62
- "item": "style-old-success"
63
- },
64
- "warning": {
65
- "item": "style-old-warning"
66
- },
67
- "primary": {
68
- "item": "style-old-primary"
69
- },
70
- "secondary": {
71
- "item": "style-old-secondary"
72
- },
73
- "collab": {
74
- "item": "style-old-collab"
75
- },
76
- "ai": {
77
- "item": "style-old-ai"
78
- }
79
- },
80
- "active": {
81
- "true": {
82
- "item": "text-(--ui-color-accent-main-primary) hover:text-(--ui-color-accent-main-primary)",
83
- "itemLeadingIcon": "text-(--ui-color-accent-main-primary) hover:text-(--ui-color-accent-main-primary) group-data-[state=open]:text-(--ui-color-accent-main-primary)"
84
- },
85
- "false": {}
86
- },
87
- "loading": {
88
- "true": {
89
- "itemLeadingIcon": "animate-spin"
90
- }
91
- }
92
- },
93
- "compoundVariants": [
94
- {
95
- "color": [
96
- "air-primary" as typeof color[number],
97
- "air-primary-success" as typeof color[number],
98
- "air-primary-alert" as typeof color[number],
99
- "air-primary-copilot" as typeof color[number],
100
- "air-primary-warning" as typeof color[number]
101
- ],
102
- "active": false,
103
- "class": {
104
- "item": "text-(--b24ui-background) data-highlighted:text-(--b24ui-background-hover) data-[state=open]:text-(--b24ui-background-hover)",
105
- "itemLeadingIcon": "text-(--b24ui-background) group-data-highlighted:text-(--b24ui-background-hover) group-data-[state=open]:text-(--b24ui-background-hover)"
106
- }
107
- },
108
- {
109
- "color": [
110
- "air-primary" as typeof color[number],
111
- "air-primary-success" as typeof color[number],
112
- "air-primary-alert" as typeof color[number],
113
- "air-primary-copilot" as typeof color[number],
114
- "air-primary-warning" as typeof color[number]
115
- ],
116
- "active": true,
117
- "class": {
118
- "item": "text-(--b24ui-background-active)",
119
- "itemLeadingIcon": "text-(--b24ui-background-active) group-data-[state=open]:text-(--b24ui-background-active)"
120
- }
121
- },
122
- {
123
- "color": "default" as typeof color[number],
124
- "active": false,
125
- "class": ""
126
- },
127
- {
128
- "color": "default" as typeof color[number],
129
- "active": true,
130
- "class": ""
131
- },
132
- {
133
- "color": [
134
- "danger" as typeof color[number],
135
- "success" as typeof color[number],
136
- "warning" as typeof color[number],
137
- "primary" as typeof color[number],
138
- "secondary" as typeof color[number],
139
- "collab" as typeof color[number],
140
- "ai" as typeof color[number]
141
- ],
142
- "active": false,
143
- "class": {
144
- "item": "text-(--b24ui-background-active) data-highlighted:text-(--b24ui-background-hover) data-[state=open]:text-(--b24ui-background-hover)",
145
- "itemLeadingIcon": "text-(--b24ui-icon) group-data-highlighted:text-(--b24ui-icon) group-data-[state=open]:text-(--b24ui-icon)"
146
- }
147
- },
148
- {
149
- "color": [
150
- "danger" as typeof color[number],
151
- "success" as typeof color[number],
152
- "warning" as typeof color[number],
153
- "primary" as typeof color[number],
154
- "secondary" as typeof color[number],
155
- "collab" as typeof color[number],
156
- "ai" as typeof color[number]
157
- ],
158
- "active": true,
159
- "class": {
160
- "item": "text-(--b24ui-background-active)",
161
- "itemLeadingIcon": "text-(--b24ui-background-active) group-data-[state=open]:text-(--b24ui-background-active)"
162
- }
163
- }
164
- ],
165
- "defaultVariants": {}
166
- }
@@ -1,145 +0,0 @@
1
- const size = [
2
- "xs",
3
- "sm",
4
- "md",
5
- "lg",
6
- "xl"
7
- ] as const
8
-
9
- const color = [
10
- "air-primary",
11
- "air-primary-success",
12
- "air-primary-alert",
13
- "air-primary-copilot",
14
- "air-primary-warning",
15
- "air-secondary",
16
- "air-secondary-alert",
17
- "air-secondary-accent",
18
- "air-secondary-accent-1",
19
- "air-secondary-accent-2",
20
- "air-tertiary"
21
- ] as const
22
-
23
- export default {
24
- "slots": {
25
- "root": "relative flex flex-col items-center justify-center gap-4 rounded-lg p-4 sm:p-6 lg:p-8 min-w-0 bg-(--b24ui-background) ring ring-(--b24ui-border-color) ring-(length:--b24ui-border-width)",
26
- "header": "flex flex-col items-center gap-2 max-w-[384px] text-center",
27
- "indicator": "rounded-full text-(--b24ui-color) bg-(--b24ui-background-active) flex items-center justify-center mb-2",
28
- "icon": "shrink-0",
29
- "title": "text-(--b24ui-color) text-pretty font-(--ui-font-weight-medium)",
30
- "description": "text-balance text-center text-(--b24ui-color)",
31
- "body": "flex flex-col items-center gap-4 max-w-[384px]",
32
- "actions": "flex flex-wrap justify-center gap-2 shrink-0",
33
- "footer": "flex flex-col items-center gap-2 max-w-[384px]"
34
- },
35
- "variants": {
36
- "size": {
37
- "xs": {
38
- "icon": "size-[26px]",
39
- "title": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-lg)",
40
- "description": "text-(length:--ui-font-size-xs)"
41
- },
42
- "sm": {
43
- "icon": "size-[28px]",
44
- "title": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-lg)",
45
- "description": "text-(length:--ui-font-size-xs)"
46
- },
47
- "md": {
48
- "icon": "size-[38px]",
49
- "title": "text-base",
50
- "description": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-lg)"
51
- },
52
- "lg": {
53
- "icon": "size-[44px]",
54
- "title": "text-base",
55
- "description": "text-(length:--ui-font-size-sm)/(--ui-font-line-height-lg)"
56
- },
57
- "xl": {
58
- "icon": "size-[56px]",
59
- "title": "text-(length:--ui-font-size-xl)/(--ui-font-line-height-3xs)",
60
- "description": "text-(length:--ui-font-size-lg)/(--ui-font-line-height-3xs)"
61
- }
62
- },
63
- "color": {
64
- "air-primary": {
65
- "root": "style-filled"
66
- },
67
- "air-primary-success": {
68
- "root": "style-filled-success"
69
- },
70
- "air-primary-alert": {
71
- "root": "style-filled-alert"
72
- },
73
- "air-primary-copilot": {
74
- "root": "style-filled-copilot"
75
- },
76
- "air-primary-warning": {
77
- "root": "style-filled-warning"
78
- },
79
- "air-secondary": {
80
- "root": "style-tinted"
81
- },
82
- "air-secondary-alert": {
83
- "root": "style-tinted-alert"
84
- },
85
- "air-secondary-accent": {
86
- "root": "style-outline"
87
- },
88
- "air-secondary-accent-1": {
89
- "root": "style-outline-accent-1"
90
- },
91
- "air-secondary-accent-2": {
92
- "root": "style-outline-accent-2"
93
- },
94
- "air-tertiary": {
95
- "root": "style-outline-no-accent"
96
- }
97
- },
98
- "inverted": {
99
- "true": "",
100
- "false": ""
101
- }
102
- },
103
- "compoundVariants": [
104
- {
105
- "inverted": true,
106
- "color": "air-primary" as typeof color[number],
107
- "class": {
108
- "root": "style-filled-inverted"
109
- }
110
- },
111
- {
112
- "inverted": true,
113
- "color": "air-primary-success" as typeof color[number],
114
- "class": {
115
- "root": "style-filled-success-inverted"
116
- }
117
- },
118
- {
119
- "inverted": true,
120
- "color": "air-primary-alert" as typeof color[number],
121
- "class": {
122
- "root": "style-filled-alert-inverted"
123
- }
124
- },
125
- {
126
- "inverted": true,
127
- "color": "air-primary-copilot" as typeof color[number],
128
- "class": {
129
- "root": "style-filled-copilot-inverted"
130
- }
131
- },
132
- {
133
- "inverted": true,
134
- "color": "air-primary-warning" as typeof color[number],
135
- "class": {
136
- "root": "style-filled-warning-inverted"
137
- }
138
- }
139
- ],
140
- "defaultVariants": {
141
- "color": "air-secondary-accent" as typeof color[number],
142
- "size": "md" as typeof size[number],
143
- "inverted": false
144
- }
145
- }
@@ -1,9 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "min-h-[calc(100vh-var(--topbar-height))] flex flex-col items-center justify-center text-center",
4
- "statusCode": "text-(length:--ui-font-size-sm) font-(--ui-font-weight-semi-bold) text-(--b24ui-typography-legend-color)",
5
- "statusMessage": "mt-2 text-(length:--ui-font-size-4xl)/(--ui-font-line-height-md) sm:text-(length:--ui-font-size-5xl)/(--ui-font-line-height-md) font-(--ui-font-weight-bold) text-(--b24ui-typography-label-color) text-balance",
6
- "message": "mt-4 text-(length:--ui-font-size-2xl)/(--ui-font-line-height-md) text-(--b24ui-typography-description-color) text-balance",
7
- "links": "mt-8 flex items-center justify-center gap-6"
8
- }
9
- }
@@ -1,17 +0,0 @@
1
- export default {
2
- "base": "relative",
3
- "variants": {
4
- "size": {
5
- "xss": "",
6
- "xs": "",
7
- "sm": "",
8
- "md": "",
9
- "lg": "",
10
- "xl": ""
11
- },
12
- "orientation": {
13
- "horizontal": "flex flex-row -space-x-px",
14
- "vertical": "flex flex-col -space-y-px"
15
- }
16
- }
17
- }