@bitrix24/b24ui-nuxt 2.0.6 → 2.0.8

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 (150) hide show
  1. package/dist/meta.d.mts +160 -14
  2. package/dist/meta.mjs +160 -14
  3. package/dist/module.json +1 -1
  4. package/dist/module.mjs +1 -1
  5. package/dist/runtime/components/ChatPrompt.vue +4 -3
  6. package/dist/runtime/components/ChatPromptSubmit.d.vue.ts +3 -2
  7. package/dist/runtime/components/ChatPromptSubmit.vue +4 -3
  8. package/dist/runtime/components/ChatPromptSubmit.vue.d.ts +3 -2
  9. package/dist/runtime/components/NavigationMenu.vue +2 -2
  10. package/dist/runtime/components/RadioGroup.d.vue.ts +5 -5
  11. package/dist/runtime/components/RadioGroup.vue +1 -1
  12. package/dist/runtime/components/RadioGroup.vue.d.ts +5 -5
  13. package/dist/runtime/components/Tabs.vue +1 -1
  14. package/dist/runtime/dictionary/icons.d.ts +1 -0
  15. package/dist/runtime/dictionary/icons.js +2 -0
  16. package/dist/shared/{b24ui-nuxt.DX94P9Wb.mjs → b24ui-nuxt.CEMVb5Ee.mjs} +50 -21
  17. package/dist/unplugin.mjs +29 -1
  18. package/dist/vite.mjs +3 -1
  19. package/package.json +9 -20
  20. package/.nuxt/b24ui/accordion.ts +0 -20
  21. package/.nuxt/b24ui/advice.ts +0 -36
  22. package/.nuxt/b24ui/alert.ts +0 -176
  23. package/.nuxt/b24ui/avatar-group.ts +0 -52
  24. package/.nuxt/b24ui/avatar.ts +0 -63
  25. package/.nuxt/b24ui/badge.ts +0 -333
  26. package/.nuxt/b24ui/banner.ts +0 -78
  27. package/.nuxt/b24ui/breadcrumb.ts +0 -42
  28. package/.nuxt/b24ui/button.ts +0 -342
  29. package/.nuxt/b24ui/calendar.ts +0 -112
  30. package/.nuxt/b24ui/card.ts +0 -180
  31. package/.nuxt/b24ui/chat-message.ts +0 -123
  32. package/.nuxt/b24ui/chat-messages.ts +0 -14
  33. package/.nuxt/b24ui/chat-palette.ts +0 -8
  34. package/.nuxt/b24ui/chat-prompt-submit.ts +0 -5
  35. package/.nuxt/b24ui/chat-prompt.ts +0 -35
  36. package/.nuxt/b24ui/checkbox-group.ts +0 -255
  37. package/.nuxt/b24ui/checkbox.ts +0 -195
  38. package/.nuxt/b24ui/chip.ts +0 -238
  39. package/.nuxt/b24ui/collapsible.ts +0 -6
  40. package/.nuxt/b24ui/color-picker.ts +0 -42
  41. package/.nuxt/b24ui/command-palette.ts +0 -56
  42. package/.nuxt/b24ui/container.ts +0 -3
  43. package/.nuxt/b24ui/content/content-search-button.ts +0 -6
  44. package/.nuxt/b24ui/content/content-search.ts +0 -13
  45. package/.nuxt/b24ui/content/content-surround.ts +0 -21
  46. package/.nuxt/b24ui/content/content-toc.ts +0 -41
  47. package/.nuxt/b24ui/context-menu.ts +0 -91
  48. package/.nuxt/b24ui/countdown.ts +0 -89
  49. package/.nuxt/b24ui/dashboard-group.ts +0 -3
  50. package/.nuxt/b24ui/dashboard-search-button.ts +0 -6
  51. package/.nuxt/b24ui/dashboard-search.ts +0 -13
  52. package/.nuxt/b24ui/description-list.ts +0 -67
  53. package/.nuxt/b24ui/dropdown-menu.ts +0 -166
  54. package/.nuxt/b24ui/empty.ts +0 -145
  55. package/.nuxt/b24ui/error.ts +0 -9
  56. package/.nuxt/b24ui/field-group.ts +0 -17
  57. package/.nuxt/b24ui/file-upload.ts +0 -241
  58. package/.nuxt/b24ui/form-field.ts +0 -58
  59. package/.nuxt/b24ui/form.ts +0 -3
  60. package/.nuxt/b24ui/index.ts +0 -88
  61. package/.nuxt/b24ui/input-menu.ts +0 -631
  62. package/.nuxt/b24ui/input-number.ts +0 -426
  63. package/.nuxt/b24ui/input-tags.ts +0 -412
  64. package/.nuxt/b24ui/input.ts +0 -386
  65. package/.nuxt/b24ui/kbd.ts +0 -33
  66. package/.nuxt/b24ui/link.ts +0 -22
  67. package/.nuxt/b24ui/modal.ts +0 -57
  68. package/.nuxt/b24ui/navbar-divider.ts +0 -5
  69. package/.nuxt/b24ui/navbar-section.ts +0 -5
  70. package/.nuxt/b24ui/navbar-spacer.ts +0 -5
  71. package/.nuxt/b24ui/navbar.ts +0 -5
  72. package/.nuxt/b24ui/navigation-menu.ts +0 -155
  73. package/.nuxt/b24ui/page-card.ts +0 -489
  74. package/.nuxt/b24ui/page-columns.ts +0 -3
  75. package/.nuxt/b24ui/page-grid.ts +0 -3
  76. package/.nuxt/b24ui/page-links.ts +0 -26
  77. package/.nuxt/b24ui/page-list.ts +0 -8
  78. package/.nuxt/b24ui/pagination.ts +0 -13
  79. package/.nuxt/b24ui/pin-input.ts +0 -152
  80. package/.nuxt/b24ui/popover.ts +0 -6
  81. package/.nuxt/b24ui/progress.ts +0 -289
  82. package/.nuxt/b24ui/prose/a.ts +0 -5
  83. package/.nuxt/b24ui/prose/accordion-item.ts +0 -3
  84. package/.nuxt/b24ui/prose/accordion.ts +0 -6
  85. package/.nuxt/b24ui/prose/badge.ts +0 -3
  86. package/.nuxt/b24ui/prose/blockquote.ts +0 -5
  87. package/.nuxt/b24ui/prose/callout.ts +0 -83
  88. package/.nuxt/b24ui/prose/card-group.ts +0 -3
  89. package/.nuxt/b24ui/prose/card.ts +0 -86
  90. package/.nuxt/b24ui/prose/code-collapse.ts +0 -19
  91. package/.nuxt/b24ui/prose/code-group.ts +0 -10
  92. package/.nuxt/b24ui/prose/code-icon.ts +0 -66
  93. package/.nuxt/b24ui/prose/code-preview.ts +0 -14
  94. package/.nuxt/b24ui/prose/code.ts +0 -75
  95. package/.nuxt/b24ui/prose/collapsible.ts +0 -9
  96. package/.nuxt/b24ui/prose/em.ts +0 -5
  97. package/.nuxt/b24ui/prose/field-group.ts +0 -3
  98. package/.nuxt/b24ui/prose/field.ts +0 -11
  99. package/.nuxt/b24ui/prose/h1.ts +0 -26
  100. package/.nuxt/b24ui/prose/h2.ts +0 -28
  101. package/.nuxt/b24ui/prose/h3.ts +0 -28
  102. package/.nuxt/b24ui/prose/h4.ts +0 -28
  103. package/.nuxt/b24ui/prose/h5.ts +0 -25
  104. package/.nuxt/b24ui/prose/h6.ts +0 -25
  105. package/.nuxt/b24ui/prose/hr.ts +0 -5
  106. package/.nuxt/b24ui/prose/img.ts +0 -23
  107. package/.nuxt/b24ui/prose/index.ts +0 -41
  108. package/.nuxt/b24ui/prose/kbd.ts +0 -3
  109. package/.nuxt/b24ui/prose/li.ts +0 -5
  110. package/.nuxt/b24ui/prose/ol.ts +0 -5
  111. package/.nuxt/b24ui/prose/p.ts +0 -30
  112. package/.nuxt/b24ui/prose/pre.ts +0 -17
  113. package/.nuxt/b24ui/prose/steps.ts +0 -19
  114. package/.nuxt/b24ui/prose/strong.ts +0 -5
  115. package/.nuxt/b24ui/prose/table.ts +0 -6
  116. package/.nuxt/b24ui/prose/tabs-item.ts +0 -3
  117. package/.nuxt/b24ui/prose/tabs.ts +0 -5
  118. package/.nuxt/b24ui/prose/tbody.ts +0 -5
  119. package/.nuxt/b24ui/prose/td.ts +0 -5
  120. package/.nuxt/b24ui/prose/th.ts +0 -5
  121. package/.nuxt/b24ui/prose/thead.ts +0 -5
  122. package/.nuxt/b24ui/prose/tr.ts +0 -5
  123. package/.nuxt/b24ui/prose/ul.ts +0 -5
  124. package/.nuxt/b24ui/radio-group.ts +0 -303
  125. package/.nuxt/b24ui/range.ts +0 -184
  126. package/.nuxt/b24ui/select-menu.ts +0 -554
  127. package/.nuxt/b24ui/select.ts +0 -533
  128. package/.nuxt/b24ui/separator.ts +0 -131
  129. package/.nuxt/b24ui/sidebar-body.ts +0 -15
  130. package/.nuxt/b24ui/sidebar-footer.ts +0 -5
  131. package/.nuxt/b24ui/sidebar-header.ts +0 -5
  132. package/.nuxt/b24ui/sidebar-heading.ts +0 -5
  133. package/.nuxt/b24ui/sidebar-layout.ts +0 -160
  134. package/.nuxt/b24ui/sidebar-section.ts +0 -5
  135. package/.nuxt/b24ui/sidebar-spacer.ts +0 -5
  136. package/.nuxt/b24ui/sidebar.ts +0 -5
  137. package/.nuxt/b24ui/skeleton.ts +0 -21
  138. package/.nuxt/b24ui/slideover.ts +0 -130
  139. package/.nuxt/b24ui/stepper.ts +0 -187
  140. package/.nuxt/b24ui/switch.ts +0 -139
  141. package/.nuxt/b24ui/table-wrapper.ts +0 -46
  142. package/.nuxt/b24ui/table.ts +0 -131
  143. package/.nuxt/b24ui/tabs.ts +0 -119
  144. package/.nuxt/b24ui/textarea.ts +0 -186
  145. package/.nuxt/b24ui/timeline.ts +0 -211
  146. package/.nuxt/b24ui/toast.ts +0 -95
  147. package/.nuxt/b24ui/toaster.ts +0 -91
  148. package/.nuxt/b24ui/tooltip.ts +0 -10
  149. package/.nuxt/b24ui/user.ts +0 -95
  150. package/.nuxt/b24ui.css +0 -5
@@ -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
- }