@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,180 +0,0 @@
1
- const variant = [
2
- "filled",
3
- "filled-success",
4
- "filled-alert",
5
- "filled-warning",
6
- "filled-copilot",
7
- "filled-no-accent",
8
- "filled-black",
9
- "tinted",
10
- "tinted-alt",
11
- "tinted-accent-1",
12
- "tinted-success",
13
- "tinted-alert",
14
- "tinted-warning",
15
- "tinted-no-accent",
16
- "outline",
17
- "outline-alt",
18
- "outline-accent",
19
- "outline-accent-2",
20
- "outline-success",
21
- "outline-alert",
22
- "outline-warning",
23
- "outline-copilot",
24
- "outline-no-accent",
25
- "plain",
26
- "plain-accent",
27
- "plain-no-accent",
28
- "selection"
29
- ] as const
30
-
31
- export default {
32
- "slots": {
33
- "root": "overflow-hidden rounded-(--ui-border-radius-md)",
34
- "header": "p-[24px] sm:px-[22px] sm:py-[15px]",
35
- "body": "p-[24px] sm:px-[22px] sm:py-[15px]",
36
- "footer": "p-[24px] sm:px-[22px] sm:py-[15px]"
37
- },
38
- "variants": {
39
- "variant": {
40
- "filled": {
41
- "root": "bg-(--ui-color-design-filled-bg) border border-(--ui-color-design-filled-stroke) border-(length:--ui-design-filled-stroke-weight) text-(--ui-color-design-filled-content)",
42
- "header": "border-b border-(--ui-color-design-filled-content-divider) border-b-1",
43
- "footer": "border-t border-(--ui-color-design-filled-content-divider) border-t-1"
44
- },
45
- "filled-success": {
46
- "root": "bg-(--ui-color-design-filled-success-bg) border border-(--ui-color-design-filled-success-stroke) border-(length:--ui-design-filled-success-stroke-weight) text-(--ui-color-design-filled-success-content)",
47
- "header": "border-b border-(--ui-color-design-filled-success-content-divider) border-b-1",
48
- "footer": "border-t border-(--ui-color-design-filled-success-content-divider) border-t-1"
49
- },
50
- "filled-alert": {
51
- "root": "bg-(--ui-color-design-filled-alert-bg) border border-(--ui-color-design-filled-alert-stroke) border-(length:--ui-design-filled-alert-stroke-weight) text-(--ui-color-design-filled-alert-content)",
52
- "header": "border-b border-(--ui-color-design-filled-alert-content-divider) border-b-1",
53
- "footer": "border-t border-(--ui-color-design-filled-alert-content-divider) border-t-1"
54
- },
55
- "filled-warning": {
56
- "root": "bg-(--ui-color-design-filled-warning-bg) border border-(--ui-color-design-filled-warning-stroke) border-(length:--ui-design-filled-warning-stroke-weight) text-(--ui-color-design-filled-warning-content)",
57
- "header": "border-b border-(--ui-color-design-filled-warning-content-divider) border-b-1",
58
- "footer": "border-t border-(--ui-color-design-filled-warning-content-divider) border-t-1"
59
- },
60
- "filled-copilot": {
61
- "root": "bg-(--ui-color-design-filled-copilot-bg) border border-(--ui-color-design-filled-copilot-stroke) border-(length:--ui-design-filled-copilot-stroke-weight) text-(--ui-color-design-filled-copilot-content)",
62
- "header": "border-b border-(--ui-color-design-filled-copilot-content-divider) border-b-1",
63
- "footer": "border-t border-(--ui-color-design-filled-copilot-content-divider) border-t-1"
64
- },
65
- "filled-no-accent": {
66
- "root": "bg-(--ui-color-design-filled-na-bg) border border-(--ui-color-design-filled-na-stroke) border-(length:--ui-design-filled-na-stroke-weight) text-(--ui-color-design-filled-na-content)",
67
- "header": "border-b border-(--ui-color-design-filled-na-content-divider) border-b-1",
68
- "footer": "border-t border-(--ui-color-design-filled-na-content-divider) border-t-1"
69
- },
70
- "filled-black": {
71
- "root": "bg-(--ui-color-design-filled-black-bg) border border-(--ui-color-design-filled-black-stroke) border-(length:--ui-design-filled-black-stroke-weight) text-(--ui-color-design-filled-black-content)",
72
- "header": "border-b border-(--ui-color-design-filled-black-content-divider) border-b-1",
73
- "footer": "border-t border-(--ui-color-design-filled-black-content-divider) border-t-1"
74
- },
75
- "tinted": {
76
- "root": "bg-(--ui-color-design-tinted-bg) border border-(--ui-color-design-tinted-stroke) border-(length:--ui-design-tinted-stroke-weight) text-(--ui-color-design-tinted-content)",
77
- "header": "border-b border-(--ui-color-design-tinted-content-divider) border-b-1",
78
- "footer": "border-t border-(--ui-color-design-tinted-content-divider) border-t-1"
79
- },
80
- "tinted-alt": {
81
- "root": "bg-(--ui-color-design-tinted-bg-alt) border border-(--ui-color-design-tinted-stroke) border-(length:--ui-design-tinted-stroke-weight) text-(--ui-color-design-tinted-content)",
82
- "header": "border-b border-(--ui-color-design-tinted-content-divider) border-b-1",
83
- "footer": "border-t border-(--ui-color-design-tinted-content-divider) border-t-1"
84
- },
85
- "tinted-accent-1": {
86
- "root": "bg-(--ui-color-design-tinted-a1-bg) border border-(--ui-color-design-tinted-a1-stroke) border-(length:--ui-design-tinted-a1-stroke-weight) text-(--ui-color-design-tinted-a1-content)",
87
- "header": "border-b border-(--ui-color-design-tinted-a1-content-divider) border-b-1",
88
- "footer": "border-t border-(--ui-color-design-tinted-a1-content-divider) border-t-1"
89
- },
90
- "tinted-success": {
91
- "root": "bg-(--ui-color-design-tinted-success-bg) border border-(--ui-color-design-tinted-success-stroke) border-(length:--ui-design-tinted-success-stroke-weight) text-(--ui-color-design-tinted-success-content)",
92
- "header": "border-b border-(--ui-color-design-tinted-success-content-divider) border-b-1",
93
- "footer": "border-t border-(--ui-color-design-tinted-success-content-divider) border-t-1"
94
- },
95
- "tinted-alert": {
96
- "root": "bg-(--ui-color-design-tinted-alert-bg) border border-(--ui-color-design-tinted-alert-stroke) border-(length:--ui-design-tinted-alert-stroke-weight) text-(--ui-color-design-tinted-alert-content)",
97
- "header": "border-b border-(--ui-color-design-tinted-alert-content-divider) border-b-1",
98
- "footer": "border-t border-(--ui-color-design-tinted-alert-content-divider) border-t-1"
99
- },
100
- "tinted-warning": {
101
- "root": "bg-(--ui-color-design-tinted-warning-bg) border border-(--ui-color-design-tinted-warning-stroke) border-(length:--ui-design-tinted-warning-stroke-weight) text-(--ui-color-design-tinted-warning-content)",
102
- "header": "border-b border-(--ui-color-design-tinted-warning-content-divider) border-b-1",
103
- "footer": "border-t border-(--ui-color-design-tinted-warning-content-divider) border-t-1"
104
- },
105
- "tinted-no-accent": {
106
- "root": "bg-(--ui-color-design-tinted-na-bg) border border-(--ui-color-design-tinted-na-stroke) border-(length:--ui-design-tinted-na-stroke-weight) text-(--ui-color-design-tinted-na-content)",
107
- "header": "border-b border-(--ui-color-design-tinted-na-content-divider) border-b-1",
108
- "footer": "border-t border-(--ui-color-design-tinted-na-content-divider) border-t-1"
109
- },
110
- "outline": {
111
- "root": "bg-(--ui-color-design-outline-bg) border border-(--ui-color-design-outline-stroke) border-(length:--ui-design-outline-stroke-weight) text-(--ui-color-design-outline-content)",
112
- "header": "border-b border-(--ui-color-design-outline-content-divider) border-b-1",
113
- "footer": "border-t border-(--ui-color-design-outline-content-divider) border-t-1"
114
- },
115
- "outline-alt": {
116
- "root": "bg-(--ui-color-design-outline-bg-alt) border border-(--ui-color-design-outline-content-divider) border-(length:--ui-design-outline-stroke-weight-alt) text-(--ui-color-design-outline-content)",
117
- "header": "border-b border-(--ui-color-design-outline-content-divider) border-b-1",
118
- "footer": "border-t border-(--ui-color-design-outline-content-divider) border-t-1"
119
- },
120
- "outline-accent": {
121
- "root": "bg-(--ui-color-design-outline-a1-bg) border border-(--ui-color-design-outline-a1-stroke) border-(length:--ui-design-outline-a1-stroke-weight) text-(--ui-color-design-outline-a1-content)",
122
- "header": "border-b border-(--ui-color-design-outline-a1-content-divider) border-b-1",
123
- "footer": "border-t border-(--ui-color-design-outline-a1-content-divider) border-t-1"
124
- },
125
- "outline-accent-2": {
126
- "root": "bg-(--ui-color-design-outline-a2-bg) border border-(--ui-color-design-outline-a2-stroke) border-(length:--ui-design-outline-a2-stroke-weight) text-(--ui-color-design-outline-a2-content)",
127
- "header": "border-b border-(--ui-color-design-outline-a2-content-divider) border-b-1",
128
- "footer": "border-t border-(--ui-color-design-outline-a2-content-divider) border-t-1"
129
- },
130
- "outline-success": {
131
- "root": "bg-(--ui-color-design-outline-success-bg) border border-(--ui-color-design-outline-success-stroke) border-(length:--ui-design-outline-success-stroke-weight) text-(--ui-color-design-outline-success-content)",
132
- "header": "border-b border-(--ui-color-design-outline-success-content-divider) border-b-1",
133
- "footer": "border-t border-(--ui-color-design-outline-success-content-divider) border-t-1"
134
- },
135
- "outline-alert": {
136
- "root": "bg-(--ui-color-design-outline-alert-bg) border border-(--ui-color-design-outline-alert-stroke) border-(length:--ui-design-outline-alert-stroke-weight) text-(--ui-color-design-outline-alert-content)",
137
- "header": "border-b border-(--ui-color-design-outline-alert-content-divider) border-b-1",
138
- "footer": "border-t border-(--ui-color-design-outline-alert-content-divider) border-t-1"
139
- },
140
- "outline-warning": {
141
- "root": "bg-(--ui-color-design-outline-warning-bg) border border-(--ui-color-design-outline-warning-stroke) border-(length:--ui-design-outline-warning-stroke-weight) text-(--ui-color-design-outline-warning-content)",
142
- "header": "border-b border-(--ui-color-design-outline-warning-content-divider) border-b-1",
143
- "footer": "border-t border-(--ui-color-design-outline-warning-content-divider) border-t-1"
144
- },
145
- "outline-copilot": {
146
- "root": "bg-(--ui-color-design-outline-copilot-bg) border border-(--ui-color-design-outline-copilot-stroke) border-(length:--ui-design-outline-copilot-stroke-weight) text-(--ui-color-design-outline-copilot-content)",
147
- "header": "border-b border-(--ui-color-design-outline-copilot-content-divider) border-b-1",
148
- "footer": "border-t border-(--ui-color-design-outline-copilot-content-divider) border-t-1"
149
- },
150
- "outline-no-accent": {
151
- "root": "bg-(--ui-color-design-outline-na-bg) border border-(--ui-color-design-outline-na-stroke) border-(length:--ui-design-outline-na-stroke-weight) text-(--ui-color-design-outline-na-content)",
152
- "header": "border-b border-(--ui-color-design-outline-na-content-divider) border-b-1",
153
- "footer": "border-t border-(--ui-color-design-outline-na-content-divider) border-t-1"
154
- },
155
- "plain": {
156
- "root": "bg-(--ui-color-design-plain-bg) border border-(--ui-color-design-plain-stroke) border-(length:--ui-design-plain-stroke-weight) text-(--ui-color-design-plain-content)",
157
- "header": "border-b border-(--ui-color-design-plain-content-divider) border-b-1",
158
- "footer": "border-t border-(--ui-color-design-plain-content-divider) border-t-1"
159
- },
160
- "plain-accent": {
161
- "root": "bg-(--ui-color-design-plain-a-bg) border border-(--ui-color-design-plain-a-stroke) border-(length:--ui-design-plain-a-stroke-weight) text-(--ui-color-design-plain-a-content)",
162
- "header": "border-b border-(--ui-color-design-plain-a-content-divider) border-b-1",
163
- "footer": "border-t border-(--ui-color-design-plain-a-content-divider) border-t-1"
164
- },
165
- "plain-no-accent": {
166
- "root": "bg-(--ui-color-design-plain-na-bg) border border-(--ui-color-design-plain-na-stroke) border-(length:--ui-design-plain-na-stroke-weight) text-(--ui-color-design-plain-na-content)",
167
- "header": "border-b border-(--ui-color-design-plain-na-content-divider) border-b-1",
168
- "footer": "border-t border-(--ui-color-design-plain-na-content-divider) border-t-1"
169
- },
170
- "selection": {
171
- "root": "bg-(--ui-color-design-selection-bg) border border-(--ui-color-design-selection-stroke) border-(length:--ui-design-selection-stroke-weight) text-(--ui-color-design-selection-content)",
172
- "header": "border-b border-(--ui-color-design-selection-content-divider) border-b-1",
173
- "footer": "border-t border-(--ui-color-design-selection-content-divider) border-t-1"
174
- }
175
- }
176
- },
177
- "defaultVariants": {
178
- "variant": "outline" as typeof variant[number]
179
- }
180
- }
@@ -1,123 +0,0 @@
1
- const variant = [
2
- "message",
3
- "event",
4
- "system"
5
- ] as const
6
-
7
- const side = [
8
- "left",
9
- "right"
10
- ] as const
11
-
12
- export default {
13
- "slots": {
14
- "root": "group/message relative w-full",
15
- "container": "relative flex items-start",
16
- "leading": "inline-flex items-center justify-center min-h-6",
17
- "leadingIcon": "shrink-0",
18
- "leadingAvatar": "shrink-0",
19
- "leadingAvatarSize": "",
20
- "content": "relative text-pretty min-w-0 *:first:mt-0 *:last:mb-0",
21
- "actions": "opacity-0 group-hover/message:opacity-100 absolute bottom-0 flex items-center transition-opacity"
22
- },
23
- "variants": {
24
- "variant": {
25
- "message": {
26
- "content": "bg-inverted text-inverted"
27
- },
28
- "event": {
29
- "content": "bg-default ring ring-default"
30
- },
31
- "system": {
32
- "content": "bg-elevated/50"
33
- }
34
- },
35
- "side": {
36
- "left": {
37
- "container": "rtl:justify-end"
38
- },
39
- "right": {
40
- "container": "ltr:justify-end ms-auto max-w-[75%]"
41
- }
42
- },
43
- "leading": {
44
- "true": ""
45
- },
46
- "actions": {
47
- "true": ""
48
- },
49
- "compact": {
50
- "true": {
51
- "root": "scroll-mt-3",
52
- "container": "gap-1.5 pb-3",
53
- "leadingIcon": "size-5",
54
- "leadingAvatarSize": "2xs"
55
- },
56
- "false": {
57
- "root": "scroll-mt-4 sm:scroll-mt-6",
58
- "container": "gap-3 pb-8",
59
- "leadingIcon": "size-8",
60
- "leadingAvatarSize": "md"
61
- }
62
- }
63
- },
64
- "compoundVariants": [
65
- {
66
- "compact": true,
67
- "actions": true,
68
- "class": {
69
- "container": "pb-8"
70
- }
71
- },
72
- {
73
- "leading": true,
74
- "compact": false,
75
- "side": "left" as typeof side[number],
76
- "class": {
77
- "actions": "left-11"
78
- }
79
- },
80
- {
81
- "leading": true,
82
- "compact": true,
83
- "side": "left" as typeof side[number],
84
- "class": {
85
- "actions": "left-6.5"
86
- }
87
- },
88
- {
89
- "variant": [
90
- "message" as typeof variant[number],
91
- "event" as typeof variant[number],
92
- "system" as typeof variant[number]
93
- ],
94
- "compact": false,
95
- "class": {
96
- "content": "px-4 py-3 rounded-lg min-h-12",
97
- "leading": "mt-2"
98
- }
99
- },
100
- {
101
- "variant": [
102
- "message" as typeof variant[number],
103
- "event" as typeof variant[number],
104
- "system" as typeof variant[number]
105
- ],
106
- "compact": true,
107
- "class": {
108
- "content": "px-2 py-1 rounded-lg min-h-8",
109
- "leading": "mt-1"
110
- }
111
- },
112
- {
113
- "variant": "message" as typeof variant[number],
114
- "side": "left" as typeof side[number],
115
- "class": {
116
- "content": "w-full"
117
- }
118
- }
119
- ],
120
- "defaultVariants": {
121
- "variant": "message" as typeof variant[number]
122
- }
123
- }
@@ -1,14 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "w-full flex flex-col gap-1 flex-1 px-2.5 [&>article]:last-of-type:min-h-(--last-message-height)",
4
- "indicator": "h-6 flex items-center gap-1 py-3 *:size-2 *:rounded-full *:bg-(--ui-color-base-7) [&>*:nth-child(1)]:animate-[bounce_1s_infinite] [&>*:nth-child(2)]:animate-[bounce_1s_0.15s_infinite] [&>*:nth-child(3)]:animate-[bounce_1s_0.3s_infinite]",
5
- "viewport": "absolute inset-x-0 top-[86%] data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]",
6
- "autoScroll": "rounded-full absolute right-1/2 translate-x-1/2 bottom-0"
7
- },
8
- "variants": {
9
- "compact": {
10
- "true": "",
11
- "false": ""
12
- }
13
- }
14
- }
@@ -1,8 +0,0 @@
1
- export default {
2
- "slots": {
3
- "root": "relative flex-1 flex flex-col min-h-0 min-w-0",
4
- "prompt": "px-0 rounded-t-none border-t border-(--ui-color-divider-default)",
5
- "close": "",
6
- "content": "overflow-y-auto flex-1 flex flex-col py-3"
7
- }
8
- }
@@ -1,5 +0,0 @@
1
- export default {
2
- "slots": {
3
- "base": "rounded-full"
4
- }
5
- }
@@ -1,35 +0,0 @@
1
- const variant = [
2
- "outline",
3
- "tinted",
4
- "filled",
5
- "plain"
6
- ] as const
7
-
8
- export default {
9
- "slots": {
10
- "root": "relative flex flex-col items-stretch gap-[2px] ps-[12px] pe-[8px] py-[8px] w-full rounded-lg",
11
- "header": "flex items-center gap-[8px]",
12
- "body": "py-[4px] items-start",
13
- "footer": "flex items-center justify-end gap-[8px]",
14
- "base": "pt-[1px] pb-[0px] text-(length:--ui-font-size-lg)/(--ui-font-line-height-2xs)"
15
- },
16
- "variants": {
17
- "variant": {
18
- "outline": {
19
- "root": "bg-(--ui-color-design-outline-bg) ring ring-(--ui-color-design-outline-stroke) ring-1 text-(--ui-color-design-outline-content)"
20
- },
21
- "tinted": {
22
- "root": "bg-(--ui-color-design-tinted-na-bg) ring ring-(--ui-color-design-tinted-na-stroke) ring-(length:--ui-design-tinted-na-stroke-weight) text-(--ui-color-design-tinted-na-content)"
23
- },
24
- "filled": {
25
- "root": "bg-(--ui-color-design-filled-na-bg) ring ring-(--ui-color-design-filled-na-stroke) ring-(length:--ui-design-filled-na-stroke-weight) text-(--ui-color-design-filled-na-content)"
26
- },
27
- "plain": {
28
- "root": "bg-(--ui-color-design-plain-bg) ring ring-(--ui-color-design-plain-stroke) ring-(length:--ui-design-plain-stroke-weight) text-(--ui-color-design-plain-content)"
29
- }
30
- }
31
- },
32
- "defaultVariants": {
33
- "variant": "outline" as typeof variant[number]
34
- }
35
- }
@@ -1,255 +0,0 @@
1
- const orientation = [
2
- "horizontal",
3
- "vertical"
4
- ] as const
5
-
6
- const color = [
7
- "air-primary",
8
- "air-primary-success",
9
- "air-primary-alert",
10
- "air-primary-copilot",
11
- "air-primary-warning",
12
- "default",
13
- "danger",
14
- "success",
15
- "warning",
16
- "primary",
17
- "secondary",
18
- "collab",
19
- "ai"
20
- ] as const
21
-
22
- const variant = [
23
- "list",
24
- "card",
25
- "table"
26
- ] as const
27
-
28
- const size = [
29
- "xs",
30
- "sm",
31
- "md",
32
- "lg"
33
- ] as const
34
-
35
- export default {
36
- "slots": {
37
- "root": "relative",
38
- "fieldset": "flex gap-x-2",
39
- "legend": "mb-1.5 block text-(--b24ui-typography-label-color)",
40
- "item": ""
41
- },
42
- "variants": {
43
- "orientation": {
44
- "horizontal": {
45
- "fieldset": "flex-row"
46
- },
47
- "vertical": {
48
- "fieldset": "flex-col"
49
- }
50
- },
51
- "color": {
52
- "air-primary": {
53
- "item": "style-filled"
54
- },
55
- "air-primary-success": {
56
- "item": "style-filled-success"
57
- },
58
- "air-primary-alert": {
59
- "item": "style-filled-alert"
60
- },
61
- "air-primary-copilot": {
62
- "item": "style-filled-copilot"
63
- },
64
- "air-primary-warning": {
65
- "item": "style-filled-warning"
66
- },
67
- "default": {
68
- "item": "style-old-default"
69
- },
70
- "danger": {
71
- "item": "style-old-danger"
72
- },
73
- "success": {
74
- "item": "style-old-success"
75
- },
76
- "warning": {
77
- "item": "style-old-warning"
78
- },
79
- "primary": {
80
- "item": "style-old-primary"
81
- },
82
- "secondary": {
83
- "item": "style-old-secondary"
84
- },
85
- "collab": {
86
- "item": "style-old-collab"
87
- },
88
- "ai": {
89
- "item": "style-old-ai"
90
- }
91
- },
92
- "variant": {
93
- "list": {},
94
- "card": {
95
- "item": "cursor-pointer items-start border border-(--ui-color-design-outline-na-stroke) bg-(--ui-color-design-outline-na-bg) has-data-[state=checked]:border-(--b24ui-border-color)"
96
- },
97
- "table": {
98
- "item": "cursor-pointer border border-(--ui-color-design-outline-na-stroke) bg-(--ui-color-design-outline-na-bg) has-data-[state=checked]:bg-(--b24ui-background)/24 has-data-[state=checked]:border-(--b24ui-border-color) has-data-[state=checked]:text-(--b24ui-color) has-data-[state=checked]:z-[1]"
99
- }
100
- },
101
- "size": {
102
- "xs": {
103
- "fieldset": "gap-x-[12px] gap-y-[4px]",
104
- "legend": "text-(length:--ui-font-size-xs)"
105
- },
106
- "sm": {
107
- "fieldset": "gap-x-[14px] gap-y-[6px]",
108
- "legend": "text-(length:--ui-font-size-xs)"
109
- },
110
- "md": {
111
- "fieldset": "gap-x-[16px] gap-y-[8px]",
112
- "legend": "text-(length:--ui-font-size-sm)"
113
- },
114
- "lg": {
115
- "fieldset": "gap-x-[16px] gap-y-[8px]",
116
- "legend": "text-(length:--ui-font-size-sm)"
117
- }
118
- },
119
- "disabled": {
120
- "true": {
121
- "base": "cursor-not-allowed opacity-30",
122
- "label": "cursor-not-allowed opacity-30",
123
- "item": "cursor-not-allowed opacity-30"
124
- }
125
- },
126
- "required": {
127
- "true": {
128
- "label": "after:content-['*'] after:ms-0.5 after:text-(--ui-color-accent-main-alert)"
129
- }
130
- }
131
- },
132
- "compoundVariants": [
133
- {
134
- "size": "xs" as typeof size[number],
135
- "variant": "card" as typeof variant[number],
136
- "class": {
137
- "item": "px-[13px] py-[7px] rounded-(--ui-border-radius-xs)"
138
- }
139
- },
140
- {
141
- "size": "sm" as typeof size[number],
142
- "variant": "card" as typeof variant[number],
143
- "class": {
144
- "item": "px-[13px] py-[9px] rounded-(--ui-border-radius-sm)"
145
- }
146
- },
147
- {
148
- "size": "md" as typeof size[number],
149
- "variant": "card" as typeof variant[number],
150
- "class": {
151
- "item": "px-[17px] py-[10px] rounded-(--ui-border-radius-md)"
152
- }
153
- },
154
- {
155
- "size": "lg" as typeof size[number],
156
- "variant": "card" as typeof variant[number],
157
- "class": {
158
- "item": "px-[23px] py-[12px] rounded-(--ui-border-radius-md)"
159
- }
160
- },
161
- {
162
- "size": "xs" as typeof size[number],
163
- "variant": "table" as typeof variant[number],
164
- "class": {
165
- "item": "px-[13px] py-[7px]"
166
- }
167
- },
168
- {
169
- "size": "sm" as typeof size[number],
170
- "variant": "table" as typeof variant[number],
171
- "class": {
172
- "item": "px-[13px] py-[9px]"
173
- }
174
- },
175
- {
176
- "size": "md" as typeof size[number],
177
- "variant": "table" as typeof variant[number],
178
- "class": {
179
- "item": "px-[17px] py-[10px]"
180
- }
181
- },
182
- {
183
- "size": "lg" as typeof size[number],
184
- "variant": "table" as typeof variant[number],
185
- "class": {
186
- "item": "px-[23px] py-[12px]"
187
- }
188
- },
189
- {
190
- "size": "xs" as typeof size[number],
191
- "variant": "table" as typeof variant[number],
192
- "orientation": "horizontal" as typeof orientation[number],
193
- "class": {
194
- "item": "first-of-type:rounded-s-(--ui-border-radius-xs) last-of-type:rounded-e-(--ui-border-radius-xs)",
195
- "fieldset": "gap-0 -space-x-px"
196
- }
197
- },
198
- {
199
- "size": "xs" as typeof size[number],
200
- "variant": "table" as typeof variant[number],
201
- "orientation": "vertical" as typeof orientation[number],
202
- "class": {
203
- "item": "first-of-type:rounded-t-(--ui-border-radius-xs) last-of-type:rounded-b-(--ui-border-radius-xs)",
204
- "fieldset": "gap-0 -space-y-px"
205
- }
206
- },
207
- {
208
- "size": "sm" as typeof size[number],
209
- "variant": "table" as typeof variant[number],
210
- "orientation": "horizontal" as typeof orientation[number],
211
- "class": {
212
- "item": "first-of-type:rounded-s-(--ui-border-radius-sm) last-of-type:rounded-e-(--ui-border-radius-sm)",
213
- "fieldset": "gap-0 -space-x-px"
214
- }
215
- },
216
- {
217
- "size": "sm" as typeof size[number],
218
- "variant": "table" as typeof variant[number],
219
- "orientation": "vertical" as typeof orientation[number],
220
- "class": {
221
- "item": "first-of-type:rounded-t-(--ui-border-radius-sm) last-of-type:rounded-b-(--ui-border-radius-sm)",
222
- "fieldset": "gap-0 -space-y-px"
223
- }
224
- },
225
- {
226
- "size": [
227
- "lg" as typeof size[number],
228
- "md" as typeof size[number]
229
- ],
230
- "variant": "table" as typeof variant[number],
231
- "orientation": "horizontal" as typeof orientation[number],
232
- "class": {
233
- "item": "first-of-type:rounded-s-(--ui-border-radius-md) last-of-type:rounded-e-(--ui-border-radius-md)",
234
- "fieldset": "gap-0 -space-x-px"
235
- }
236
- },
237
- {
238
- "size": [
239
- "lg" as typeof size[number],
240
- "md" as typeof size[number]
241
- ],
242
- "variant": "table" as typeof variant[number],
243
- "orientation": "vertical" as typeof orientation[number],
244
- "class": {
245
- "item": "first-of-type:rounded-t-(--ui-border-radius-md) last-of-type:rounded-b-(--ui-border-radius-md)",
246
- "fieldset": "gap-0 -space-y-px"
247
- }
248
- }
249
- ],
250
- "defaultVariants": {
251
- "size": "md" as typeof size[number],
252
- "variant": "list" as typeof variant[number],
253
- "color": "air-primary" as typeof color[number]
254
- }
255
- }