@bitrix24/b24ui-nuxt 2.0.7 → 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 (142) hide show
  1. package/dist/meta.d.mts +1 -1
  2. package/dist/meta.mjs +1 -1
  3. package/dist/module.json +1 -1
  4. package/dist/module.mjs +1 -1
  5. package/dist/runtime/components/RadioGroup.d.vue.ts +5 -5
  6. package/dist/runtime/components/RadioGroup.vue +1 -1
  7. package/dist/runtime/components/RadioGroup.vue.d.ts +5 -5
  8. package/dist/shared/{b24ui-nuxt.CPlfZAfR.mjs → b24ui-nuxt.CEMVb5Ee.mjs} +5 -3
  9. package/dist/unplugin.mjs +29 -1
  10. package/dist/vite.mjs +3 -1
  11. package/package.json +1 -8
  12. package/.nuxt/b24ui/accordion.ts +0 -20
  13. package/.nuxt/b24ui/advice.ts +0 -36
  14. package/.nuxt/b24ui/alert.ts +0 -176
  15. package/.nuxt/b24ui/avatar-group.ts +0 -52
  16. package/.nuxt/b24ui/avatar.ts +0 -63
  17. package/.nuxt/b24ui/badge.ts +0 -333
  18. package/.nuxt/b24ui/banner.ts +0 -78
  19. package/.nuxt/b24ui/breadcrumb.ts +0 -42
  20. package/.nuxt/b24ui/button.ts +0 -350
  21. package/.nuxt/b24ui/calendar.ts +0 -112
  22. package/.nuxt/b24ui/card.ts +0 -180
  23. package/.nuxt/b24ui/chat-message.ts +0 -123
  24. package/.nuxt/b24ui/chat-messages.ts +0 -14
  25. package/.nuxt/b24ui/chat-palette.ts +0 -8
  26. package/.nuxt/b24ui/chat-prompt-submit.ts +0 -5
  27. package/.nuxt/b24ui/chat-prompt.ts +0 -35
  28. package/.nuxt/b24ui/checkbox-group.ts +0 -255
  29. package/.nuxt/b24ui/checkbox.ts +0 -195
  30. package/.nuxt/b24ui/chip.ts +0 -238
  31. package/.nuxt/b24ui/collapsible.ts +0 -6
  32. package/.nuxt/b24ui/color-picker.ts +0 -42
  33. package/.nuxt/b24ui/command-palette.ts +0 -56
  34. package/.nuxt/b24ui/container.ts +0 -3
  35. package/.nuxt/b24ui/content/content-search-button.ts +0 -6
  36. package/.nuxt/b24ui/content/content-search.ts +0 -13
  37. package/.nuxt/b24ui/content/content-surround.ts +0 -21
  38. package/.nuxt/b24ui/content/content-toc.ts +0 -41
  39. package/.nuxt/b24ui/context-menu.ts +0 -91
  40. package/.nuxt/b24ui/countdown.ts +0 -89
  41. package/.nuxt/b24ui/dashboard-group.ts +0 -3
  42. package/.nuxt/b24ui/dashboard-search-button.ts +0 -6
  43. package/.nuxt/b24ui/dashboard-search.ts +0 -13
  44. package/.nuxt/b24ui/description-list.ts +0 -67
  45. package/.nuxt/b24ui/dropdown-menu.ts +0 -166
  46. package/.nuxt/b24ui/empty.ts +0 -145
  47. package/.nuxt/b24ui/error.ts +0 -9
  48. package/.nuxt/b24ui/field-group.ts +0 -17
  49. package/.nuxt/b24ui/file-upload.ts +0 -241
  50. package/.nuxt/b24ui/form-field.ts +0 -58
  51. package/.nuxt/b24ui/form.ts +0 -3
  52. package/.nuxt/b24ui/index.ts +0 -88
  53. package/.nuxt/b24ui/input-menu.ts +0 -631
  54. package/.nuxt/b24ui/input-number.ts +0 -426
  55. package/.nuxt/b24ui/input-tags.ts +0 -412
  56. package/.nuxt/b24ui/input.ts +0 -386
  57. package/.nuxt/b24ui/kbd.ts +0 -33
  58. package/.nuxt/b24ui/link.ts +0 -22
  59. package/.nuxt/b24ui/modal.ts +0 -57
  60. package/.nuxt/b24ui/navbar-divider.ts +0 -5
  61. package/.nuxt/b24ui/navbar-section.ts +0 -5
  62. package/.nuxt/b24ui/navbar-spacer.ts +0 -5
  63. package/.nuxt/b24ui/navbar.ts +0 -5
  64. package/.nuxt/b24ui/navigation-menu.ts +0 -155
  65. package/.nuxt/b24ui/page-card.ts +0 -489
  66. package/.nuxt/b24ui/page-columns.ts +0 -3
  67. package/.nuxt/b24ui/page-grid.ts +0 -3
  68. package/.nuxt/b24ui/page-links.ts +0 -26
  69. package/.nuxt/b24ui/page-list.ts +0 -8
  70. package/.nuxt/b24ui/pagination.ts +0 -13
  71. package/.nuxt/b24ui/pin-input.ts +0 -152
  72. package/.nuxt/b24ui/popover.ts +0 -6
  73. package/.nuxt/b24ui/progress.ts +0 -289
  74. package/.nuxt/b24ui/prose/a.ts +0 -5
  75. package/.nuxt/b24ui/prose/accordion-item.ts +0 -3
  76. package/.nuxt/b24ui/prose/accordion.ts +0 -6
  77. package/.nuxt/b24ui/prose/badge.ts +0 -3
  78. package/.nuxt/b24ui/prose/blockquote.ts +0 -5
  79. package/.nuxt/b24ui/prose/callout.ts +0 -83
  80. package/.nuxt/b24ui/prose/card-group.ts +0 -3
  81. package/.nuxt/b24ui/prose/card.ts +0 -86
  82. package/.nuxt/b24ui/prose/code-collapse.ts +0 -19
  83. package/.nuxt/b24ui/prose/code-group.ts +0 -10
  84. package/.nuxt/b24ui/prose/code-icon.ts +0 -66
  85. package/.nuxt/b24ui/prose/code-preview.ts +0 -14
  86. package/.nuxt/b24ui/prose/code.ts +0 -75
  87. package/.nuxt/b24ui/prose/collapsible.ts +0 -9
  88. package/.nuxt/b24ui/prose/em.ts +0 -5
  89. package/.nuxt/b24ui/prose/field-group.ts +0 -3
  90. package/.nuxt/b24ui/prose/field.ts +0 -11
  91. package/.nuxt/b24ui/prose/h1.ts +0 -26
  92. package/.nuxt/b24ui/prose/h2.ts +0 -28
  93. package/.nuxt/b24ui/prose/h3.ts +0 -28
  94. package/.nuxt/b24ui/prose/h4.ts +0 -28
  95. package/.nuxt/b24ui/prose/h5.ts +0 -25
  96. package/.nuxt/b24ui/prose/h6.ts +0 -25
  97. package/.nuxt/b24ui/prose/hr.ts +0 -5
  98. package/.nuxt/b24ui/prose/img.ts +0 -23
  99. package/.nuxt/b24ui/prose/index.ts +0 -41
  100. package/.nuxt/b24ui/prose/kbd.ts +0 -3
  101. package/.nuxt/b24ui/prose/li.ts +0 -5
  102. package/.nuxt/b24ui/prose/ol.ts +0 -5
  103. package/.nuxt/b24ui/prose/p.ts +0 -30
  104. package/.nuxt/b24ui/prose/pre.ts +0 -17
  105. package/.nuxt/b24ui/prose/steps.ts +0 -19
  106. package/.nuxt/b24ui/prose/strong.ts +0 -5
  107. package/.nuxt/b24ui/prose/table.ts +0 -6
  108. package/.nuxt/b24ui/prose/tabs-item.ts +0 -3
  109. package/.nuxt/b24ui/prose/tabs.ts +0 -5
  110. package/.nuxt/b24ui/prose/tbody.ts +0 -5
  111. package/.nuxt/b24ui/prose/td.ts +0 -5
  112. package/.nuxt/b24ui/prose/th.ts +0 -5
  113. package/.nuxt/b24ui/prose/thead.ts +0 -5
  114. package/.nuxt/b24ui/prose/tr.ts +0 -5
  115. package/.nuxt/b24ui/prose/ul.ts +0 -5
  116. package/.nuxt/b24ui/radio-group.ts +0 -303
  117. package/.nuxt/b24ui/range.ts +0 -184
  118. package/.nuxt/b24ui/select-menu.ts +0 -554
  119. package/.nuxt/b24ui/select.ts +0 -533
  120. package/.nuxt/b24ui/separator.ts +0 -131
  121. package/.nuxt/b24ui/sidebar-body.ts +0 -15
  122. package/.nuxt/b24ui/sidebar-footer.ts +0 -5
  123. package/.nuxt/b24ui/sidebar-header.ts +0 -5
  124. package/.nuxt/b24ui/sidebar-heading.ts +0 -5
  125. package/.nuxt/b24ui/sidebar-layout.ts +0 -160
  126. package/.nuxt/b24ui/sidebar-section.ts +0 -5
  127. package/.nuxt/b24ui/sidebar-spacer.ts +0 -5
  128. package/.nuxt/b24ui/sidebar.ts +0 -5
  129. package/.nuxt/b24ui/skeleton.ts +0 -21
  130. package/.nuxt/b24ui/slideover.ts +0 -130
  131. package/.nuxt/b24ui/stepper.ts +0 -187
  132. package/.nuxt/b24ui/switch.ts +0 -139
  133. package/.nuxt/b24ui/table-wrapper.ts +0 -46
  134. package/.nuxt/b24ui/table.ts +0 -131
  135. package/.nuxt/b24ui/tabs.ts +0 -119
  136. package/.nuxt/b24ui/textarea.ts +0 -186
  137. package/.nuxt/b24ui/timeline.ts +0 -211
  138. package/.nuxt/b24ui/toast.ts +0 -95
  139. package/.nuxt/b24ui/toaster.ts +0 -91
  140. package/.nuxt/b24ui/tooltip.ts +0 -10
  141. package/.nuxt/b24ui/user.ts +0 -95
  142. package/.nuxt/b24ui.css +0 -5
@@ -1,46 +0,0 @@
1
- const size = [
2
- "xs",
3
- "sm",
4
- "md",
5
- "lg"
6
- ] as const
7
-
8
- export default {
9
- "slots": {
10
- "base": "font-[family-name:var(--ui-font-family-primary)] [&>table]:text-(length:--ui-font-size-md)/(--ui-font-line-height-md) [&>table]:relative [&>table]:w-full [&>table]:text-left [&>table]:rtl:text-right [&>table]:text-(--b24ui-typography-label-color) [&>table>thead>tr>td]:align-middle [&>table>thead>tr>th]:align-middle [&>table>tbody>tr>td]:align-middle [&>table>tbody>tr>th]:align-middle [&>table>tfoot>tr>td]:align-middle [&>table>tfoot>tr>th]:align-middle [&>table>thead>tr>td]:whitespace-nowrap [&>table>thead>tr>td]:text-(length:--ui-font-size-md) [&>table>thead>tr>td]:font-(--ui-font-weight-normal) [&>table>thead>tr>th]:whitespace-nowrap [&>table>thead>tr>th]:text-(length:--ui-font-size-md) [&>table>thead>tr>th]:font-(--ui-font-weight-normal) [&>table>tbody>tr>th]:whitespace-nowrap [&>table>tbody>tr>th]:text-(length:--ui-font-size-md) [&>table>tbody>tr>th]:font-(--ui-font-weight-normal) [&>table>tfoot>tr>td]:whitespace-nowrap [&>table>tfoot>tr>td]:text-(length:--ui-font-size-md) [&>table>tfoot>tr>td]:font-(--ui-font-weight-normal) [&>table>tfoot>tr>th]:whitespace-nowrap [&>table>tfoot>tr>th]:text-(length:--ui-font-size-md) [&>table>tfoot>tr>th]:font-(--ui-font-weight-normal) [&>table>thead>tr]:border-(--ui-color-design-tinted-na-stroke) [&>table>tbody>tr]:border-(--ui-color-design-tinted-na-stroke) [&>table>tfoot]:border-(--ui-color-design-tinted-na-stroke) [&>table>thead>tr]:border-b [&>table>tbody>tr:not(:last-child)]:border-b [&>table>tfoot]:border-t"
11
- },
12
- "variants": {
13
- "size": {
14
- "xs": "[&>table>thead>tr>td]:text-(length:--ui-font-size-xs)/(--ui-font-line-height-2xs) [&>table>thead>tr>td]:px-2 [&>table>thead>tr>td]:py-1 [&>table>thead>tr>th]:text-(length:--ui-font-size-xs)/(--ui-font-line-height-2xs) [&>table>thead>tr>th]:px-2 [&>table>thead>tr>th]:py-1 [&>table>tbody>tr>td]:text-(length:--ui-font-size-xs)/(--ui-font-line-height-2xs) [&>table>tbody>tr>td]:px-2 [&>table>tbody>tr>td]:py-1 [&>table>tbody>tr>th]:text-(length:--ui-font-size-xs)/(--ui-font-line-height-2xs) [&>table>tbody>tr>th]:px-2 [&>table>tbody>tr>th]:py-1 [&>table>tfoot>tr>td]:text-(length:--ui-font-size-xs)/(--ui-font-line-height-2xs) [&>table>tfoot>tr>td]:px-2 [&>table>tfoot>tr>td]:py-1 [&>table>tfoot>tr>th]:text-(length:--ui-font-size-xs)/(--ui-font-line-height-2xs) [&>table>tfoot>tr>th]:px-2 [&>table>tfoot>tr>th]:py-1",
15
- "sm": "[&>table>thead>tr>td]:text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm) [&>table>thead>tr>td]:px-3 [&>table>thead>tr>td]:py-2 [&>table>thead>tr>th]:text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm) [&>table>thead>tr>th]:px-3 [&>table>thead>tr>th]:py-2 [&>table>tbody>tr>td]:text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm) [&>table>tbody>tr>td]:px-3 [&>table>tbody>tr>td]:py-2 [&>table>tbody>tr>th]:text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm) [&>table>tbody>tr>th]:px-3 [&>table>tbody>tr>th]:py-2 [&>table>tfoot>tr>td]:text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm) [&>table>tfoot>tr>td]:px-3 [&>table>tfoot>tr>td]:py-2 [&>table>tfoot>tr>th]:text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm) [&>table>tfoot>tr>th]:px-3 [&>table>tfoot>tr>th]:py-2",
16
- "md": "[&>table>thead>tr>td]:text-(length:--ui-font-size-md)/(--ui-font-line-height-md) [&>table>thead>tr>td]:px-4 [&>table>thead>tr>td]:py-3.5 [&>table>thead>tr>th]:text-(length:--ui-font-size-md)/(--ui-font-line-height-md) [&>table>thead>tr>th]:px-4 [&>table>thead>tr>th]:py-3.5 [&>table>tbody>tr>td]:text-(length:--ui-font-size-md)/(--ui-font-line-height-md) [&>table>tbody>tr>td]:px-4 [&>table>tbody>tr>td]:py-3.5 [&>table>tbody>tr>th]:text-(length:--ui-font-size-md)/(--ui-font-line-height-md) [&>table>tbody>tr>th]:px-4 [&>table>tbody>tr>th]:py-3.5 [&>table>tfoot>tr>td]:text-(length:--ui-font-size-md)/(--ui-font-line-height-md) [&>table>tfoot>tr>td]:px-4 [&>table>tfoot>tr>td]:py-3.5 [&>table>tfoot>tr>th]:text-(length:--ui-font-size-md)/(--ui-font-line-height-md) [&>table>tfoot>tr>th]:px-4 [&>table>tfoot>tr>th]:py-3.5",
17
- "lg": "[&>table>thead>tr>td]:text-(length:--ui-font-size-lg)/(--ui-font-line-height-lg) [&>table>thead>tr>td]:px-5 [&>table>thead>tr>td]:py-4 [&>table>thead>tr>th]:text-(length:--ui-font-size-lg)/(--ui-font-line-height-lg) [&>table>thead>tr>th]:px-5 [&>table>thead>tr>th]:py-4 [&>table>tbody>tr>td]:text-(length:--ui-font-size-lg)/(--ui-font-line-height-lg) [&>table>tbody>tr>td]:px-5 [&>table>tbody>tr>td]:py-4 [&>table>tbody>tr>th]:text-(length:--ui-font-size-lg)/(--ui-font-line-height-lg) [&>table>tbody>tr>th]:px-5 [&>table>tbody>tr>th]:py-4 [&>table>tfoot>tr>td]:text-(length:--ui-font-size-lg)/(--ui-font-line-height-lg) [&>table>tfoot>tr>td]:px-5 [&>table>tfoot>tr>td]:py-4 [&>table>tfoot>tr>th]:text-(length:--ui-font-size-lg)/(--ui-font-line-height-lg) [&>table>tfoot>tr>th]:px-5 [&>table>tfoot>tr>th]:py-4"
18
- },
19
- "rounded": {
20
- "true": "rounded-(--ui-border-radius-md)",
21
- "false": ""
22
- },
23
- "zebra": {
24
- "true": "[&>table>tbody>tr]:even:bg-(--ui-color-bg-content-secondary) [&>table>tbody>tr]:even:[&>td]:bg-(--ui-color-bg-content-secondary) [&>table>tbody>tr]:even:[&>th]:bg-(--ui-color-bg-content-secondary) light:[&>table>tbody>tr]:even:bg-[#f6f8f9] light:[&>table>tbody>tr]:even:[&>td]:bg-[#f6f8f9] light:[&>table>tbody>tr]:even:[&>th]:bg-[#f6f8f9]"
25
- },
26
- "pinRows": {
27
- "true": "[&>table>thead>tr]:sticky [&>table>thead>tr]:top-0 [&>table>thead>tr]:z-1 [&>table>thead>tr]:bg-(--ui-color-bg-content-primary) [&>table>thead>tr>th]:backdrop-blur [&>table>thead>tr]:shadow-bottom-sm [&>table>tfoot>tr]:sticky [&>table>tfoot>tr]:bottom-0 [&>table>tfoot>tr]:z-1 [&>table>tfoot>tr]:bg-(--ui-color-bg-content-primary) [&>table>tfoot>tr>th]:backdrop-blur [&>table>tfoot>tr]:shadow-top-sm"
28
- },
29
- "pinCols": {
30
- "true": "[&>table>thead>tr>th]:sticky [&>table>thead>tr>th]:right-0 [&>table>thead>tr>th]:left-0 [&>table>thead>tr>th]:bg-(--ui-color-bg-content-primary) [&>table>thead>tr>th]:backdrop-blur [&>table>tbody>tr>th]:sticky [&>table>tbody>tr>th]:right-0 [&>table>tbody>tr>th]:left-0 [&>table>tbody>tr>th]:bg-(--ui-color-bg-content-primary) [&>table>tbody>tr>th]:backdrop-blur [&>table>tfoot>tr>th]:sticky [&>table>tfoot>tr>th]:right-0 [&>table>tfoot>tr>th]:left-0 [&>table>tfoot>tr>th]:bg-(--ui-color-bg-content-primary) [&>table>tfoot>tr>th]:backdrop-blur"
31
- },
32
- "rowHover": {
33
- "true": "[&>table>tbody>tr]:hover:bg-(--ui-color-bg-content-secondary) [&>table>tbody>tr]:hover:[&>td]:bg-(--ui-color-bg-content-secondary) [&>table>tbody>tr]:hover:[&>th]:bg-(--ui-color-bg-content-secondary) light:[&>table>tbody>tr]:hover:bg-[#f6f8f9] light:[&>table>tbody>tr]:hover:[&>td]:bg-[#f6f8f9] light:[&>table>tbody>tr]:hover:[&>th]:bg-[#f6f8f9]"
34
- },
35
- "bordered": {
36
- "true": "border border-(--ui-color-design-tinted-na-stroke)"
37
- },
38
- "scrollbarThin": {
39
- "true": "scrollbar-thin"
40
- }
41
- },
42
- "defaultVariants": {
43
- "size": "md" as typeof size[number],
44
- "scrollbarThin": true
45
- }
46
- }
@@ -1,131 +0,0 @@
1
- const loadingAnimation = [
2
- "loading",
3
- "carousel",
4
- "carousel-inverse",
5
- "swing",
6
- "elastic"
7
- ] as const
8
-
9
- const loadingColor = [
10
- "air-primary",
11
- "air-primary-success",
12
- "air-primary-alert",
13
- "air-primary-copilot",
14
- "air-primary-warning"
15
- ] as const
16
-
17
- export default {
18
- "slots": {
19
- "root": "relative overflow-auto",
20
- "base": "min-w-full font-[family-name:var(--ui-font-family-primary)]",
21
- "caption": "sr-only",
22
- "thead": "relative",
23
- "tbody": "[&>tr]:data-[selectable=true]:hover:bg-(--ui-color-bg-content-secondary) light:[&>tr]:data-[selectable=true]:hover:bg-[#f6f8f9] [&>tr]:data-[selectable=true]:focus-visible:outline-(--ui-color-accent-soft-element-blue) [&>tr]:data-[selected=true]:hover:bg-(--ui-color-bg-content-secondary) light:[&>tr]:data-[selected=true]:hover:bg-(#eff7d7) [&>tr]:data-[selected=true]:focus-visible:outline-(--ui-color-accent-soft-element-blue)",
24
- "tfoot": "relative",
25
- "tr": "data-[selected=true]:bg-(--ui-color-bg-content-tertiary) light:data-[selected=true]:bg-[#f4fcde]",
26
- "th": "px-4 py-3.5 text-(length:--ui-font-size-md)/(--ui-font-line-height-md) text-(--b24ui-typography-label-color) whitespace-nowrap text-left rtl:text-right font-(--ui-font-weight-normal) [&:has([role=checkbox])]:pe-0 align-middle",
27
- "td": "p-4 text-(length:--ui-font-size-md)/(--ui-font-line-height-md) text-(--b24ui-typography-label-color) whitespace-nowrap font-(--ui-font-weight-normal) [&:has([role=checkbox])]:pe-0 align-middle",
28
- "separator": "absolute z-[1] left-0 w-full h-px bg-(--ui-color-design-tinted-na-stroke)",
29
- "empty": "py-6 text-center text-(length:--ui-font-size-sm) text-(--b24ui-typography-description-color)",
30
- "loading": "py-6 text-center"
31
- },
32
- "variants": {
33
- "virtualize": {
34
- "true": {
35
- "tr": "relative before:absolute before:z-1 before:w-full before:border-b before:border-b-(--ui-color-design-tinted-na-stroke)"
36
- },
37
- "false": {
38
- "base": "overflow-clip",
39
- "tbody": "divide-y divide-(--ui-color-design-tinted-na-stroke)"
40
- }
41
- },
42
- "pinned": {
43
- "true": {
44
- "th": "sticky bg-(--ui-color-bg-content-primary) data-[pinned=left]:left-0 data-[pinned=right]:right-0",
45
- "td": "sticky bg-(--ui-color-bg-content-primary) data-[pinned=left]:left-0 data-[pinned=right]:right-0"
46
- }
47
- },
48
- "sticky": {
49
- "true": {
50
- "thead": "sticky top-0 inset-x-0 bg-(--ui-color-bg-content-primary) z-[1] backdrop-blur",
51
- "tfoot": "sticky bottom-0 inset-x-0 bg-(--ui-color-bg-content-primary) z-[1] backdrop-blur"
52
- },
53
- "header": {
54
- "thead": "sticky top-0 inset-x-0 bg-(--ui-color-bg-content-primary) z-[1] backdrop-blur"
55
- },
56
- "footer": {
57
- "tfoot": "sticky bottom-0 inset-x-0 bg-(--ui-color-bg-content-primary) z-[1] backdrop-blur"
58
- }
59
- },
60
- "loading": {
61
- "true": {
62
- "thead": "after:absolute after:z-[1] after:h-px after:bg-(--b24ui-background)"
63
- }
64
- },
65
- "loadingAnimation": {
66
- "loading": "",
67
- "carousel": "",
68
- "carousel-inverse": "",
69
- "swing": "",
70
- "elastic": ""
71
- },
72
- "loadingColor": {
73
- "air-primary": {
74
- "root": "style-filled"
75
- },
76
- "air-primary-success": {
77
- "root": "style-filled-success"
78
- },
79
- "air-primary-alert": {
80
- "root": "style-filled-alert"
81
- },
82
- "air-primary-copilot": {
83
- "root": "style-filled-copilot"
84
- },
85
- "air-primary-warning": {
86
- "root": "style-filled-warning"
87
- }
88
- }
89
- },
90
- "compoundVariants": [
91
- {
92
- "loading": true,
93
- "loadingAnimation": "loading" as typeof loadingAnimation[number],
94
- "class": {
95
- "thead": "after:animate-[progressbar-loading_2s_infinite]"
96
- }
97
- },
98
- {
99
- "loading": true,
100
- "loadingAnimation": "carousel" as typeof loadingAnimation[number],
101
- "class": {
102
- "thead": "after:animate-[carousel_2s_ease-in-out_infinite] rtl:after:animate-[carousel-rtl_2s_ease-in-out_infinite]"
103
- }
104
- },
105
- {
106
- "loading": true,
107
- "loadingAnimation": "carousel-inverse" as typeof loadingAnimation[number],
108
- "class": {
109
- "thead": "after:animate-[carousel-inverse_2s_ease-in-out_infinite] rtl:after:animate-[carousel-inverse-rtl_2s_ease-in-out_infinite]"
110
- }
111
- },
112
- {
113
- "loading": true,
114
- "loadingAnimation": "swing" as typeof loadingAnimation[number],
115
- "class": {
116
- "thead": "after:animate-[swing_2s_ease-in-out_infinite]"
117
- }
118
- },
119
- {
120
- "loading": true,
121
- "loadingAnimation": "elastic" as typeof loadingAnimation[number],
122
- "class": {
123
- "thead": "after:animate-[elastic_2s_ease-in-out_infinite]"
124
- }
125
- }
126
- ],
127
- "defaultVariants": {
128
- "loadingColor": "air-primary" as typeof loadingColor[number],
129
- "loadingAnimation": "loading" as typeof loadingAnimation[number]
130
- }
131
- }
@@ -1,119 +0,0 @@
1
- const variant = [
2
- "link"
3
- ] as const
4
-
5
- const orientation = [
6
- "horizontal",
7
- "vertical"
8
- ] as const
9
-
10
- const size = [
11
- "xss",
12
- "xs",
13
- "sm",
14
- "md",
15
- "lg",
16
- "xl"
17
- ] as const
18
-
19
- export default {
20
- "slots": {
21
- "root": "style-outline-accent-2 flex items-center gap-2",
22
- "list": "relative flex p-1 group",
23
- "indicator": "absolute transition-[translate,width] duration-200",
24
- "trigger": "group relative inline-flex items-center min-w-0 data-[state=inactive]:text-(--ui-color-design-plain-na-content) hover:data-[state=inactive]:not-disabled:text-(--ui-color-design-selection-content) font-(--ui-font-weight-medium) cursor-pointer disabled:cursor-not-allowed disabled:opacity-30 transition-colors rounded-(--ui-border-radius-md)",
25
- "leadingIcon": "shrink-0",
26
- "leadingAvatar": "shrink-0",
27
- "leadingAvatarSize": "",
28
- "label": "",
29
- "trailingBadge": "shrink-0",
30
- "trailingBadgeSize": "sm",
31
- "content": "focus:outline-none w-full"
32
- },
33
- "variants": {
34
- "variant": {
35
- "link": {
36
- "list": "border-(--ui-color-divider-vibrant-accent-more)",
37
- "indicator": "rounded-(--ui-border-radius-pill)",
38
- "trigger": "focus:outline-none"
39
- }
40
- },
41
- "orientation": {
42
- "horizontal": {
43
- "root": "flex-col",
44
- "list": "w-full",
45
- "indicator": "left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)",
46
- "trigger": "justify-center"
47
- },
48
- "vertical": {
49
- "list": "flex-col",
50
- "indicator": "top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)"
51
- }
52
- },
53
- "size": {
54
- "xss": {
55
- "trigger": "px-2 py-1 text-(length:--ui-font-size-4xs)/[normal] gap-1",
56
- "leadingIcon": "size-4",
57
- "leadingAvatarSize": "3xs"
58
- },
59
- "xs": {
60
- "trigger": "px-2 py-1 text-(length:--ui-font-size-xs)/[normal] gap-1",
61
- "leadingIcon": "size-4",
62
- "leadingAvatarSize": "3xs"
63
- },
64
- "sm": {
65
- "trigger": "px-2.5 py-1.5 text-(length:--ui-font-size-sm)/[normal] gap-1.5",
66
- "leadingIcon": "size-4",
67
- "leadingAvatarSize": "3xs"
68
- },
69
- "md": {
70
- "trigger": "px-3 py-1.5 text-(length:--ui-font-size-md)/[normal] gap-1.5",
71
- "leadingIcon": "size-5",
72
- "leadingAvatarSize": "2xs"
73
- },
74
- "lg": {
75
- "trigger": "px-3 py-2 text-(length:--ui-font-size-lg)/[normal] gap-2",
76
- "leadingIcon": "size-5",
77
- "leadingAvatarSize": "2xs"
78
- },
79
- "xl": {
80
- "trigger": "px-3 py-2 text-(length:--ui-font-size-xl)/[normal] gap-2",
81
- "leadingIcon": "size-6",
82
- "leadingAvatarSize": "xs"
83
- }
84
- }
85
- },
86
- "compoundVariants": [
87
- {
88
- "orientation": "horizontal" as typeof orientation[number],
89
- "variant": "link" as typeof variant[number],
90
- "class": {
91
- "list": "border-b -mb-px",
92
- "indicator": "-bottom-px h-px"
93
- }
94
- },
95
- {
96
- "orientation": "vertical" as typeof orientation[number],
97
- "variant": "link" as typeof variant[number],
98
- "class": {
99
- "list": "border-s -ms-px",
100
- "indicator": "-start-px w-px"
101
- }
102
- },
103
- {
104
- "variant": "link" as typeof variant[number],
105
- "class": {
106
- "indicator": "bg-(--ui-color-design-selection-content)",
107
- "trigger": [
108
- "focus-visible:ring-1 focus-visible:ring-inset",
109
- "data-[state=active]:text-(--b24ui-color)",
110
- "focus-visible:ring-(--ui-color-design-selection-content)"
111
- ]
112
- }
113
- }
114
- ],
115
- "defaultVariants": {
116
- "variant": "link" as typeof variant[number],
117
- "size": "md" as typeof size[number]
118
- }
119
- }
@@ -1,186 +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
- "root": "isolate relative inline-flex items-center",
20
- "base": "px-3 w-full pt-[7px] pb-[8px] border-0 focus:outline-none disabled:cursor-not-allowed disabled:pointer-events-none disabled:select-none disabled:opacity-30 disabled:resize-none appearance-none transition duration-300 ease-linear text-(--ui-color-base-1) style-blurred-bg-input placeholder:text-(--ui-color-design-plain-na-content-secondary) hover:text-(--ui-color-base-1) focus:text-(--ui-color-base-1) active:text-(--ui-color-base-1) font-[family-name:var(--ui-font-family-primary)] font-(--ui-font-weight-regular) text-(length:--ui-font-size-lg)/(--ui-font-line-height-2xs) align-middle",
21
- "leading": "absolute inset-y-[7px] start-0 flex items-start px-[8px]",
22
- "leadingIcon": "shrink-0 size-[18px] text-(--b24ui-icon-color)",
23
- "leadingAvatar": "shrink-0 size-[20px]",
24
- "leadingAvatarSize": "2xs",
25
- "trailing": "absolute inset-y-[8px] end-0 flex items-start px-[6px]",
26
- "trailingIcon": "shrink-0 size-[18px] text-(--b24ui-icon-color)",
27
- "tag": "pointer-events-none select-none absolute z-10 -top-[6px] right-[12px]"
28
- },
29
- "variants": {
30
- "fieldGroup": {
31
- "horizontal": {
32
- "root": "group leading-none has-focus-visible:z-[1]",
33
- "base": "focus-visible:outline-none ring ring-inset ring-1 focus-visible:ring-2 group-not-only:group-first:rounded-e-3xl group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
34
- },
35
- "vertical": {
36
- "root": "group has-focus-visible:z-[1]",
37
- "base": "focus-visible:outline-none ring ring-inset ring-1 focus-visible:ring-2 group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
38
- }
39
- },
40
- "noSplit": {
41
- "false": "group-not-only:not-first:after:content-[''] group-not-only:not-first:after:absolute group-not-only:not-first:after:top-[7px] group-not-only:not-first:after:bottom-[6px] group-not-only:not-first:after:left-0 group-not-only:not-first:after:w-px group-not-only:not-first:after:bg-current/30"
42
- },
43
- "autoresize": {
44
- "true": {
45
- "base": "resize-none"
46
- }
47
- },
48
- "color": {
49
- "air-primary": {
50
- "base": "style-filled"
51
- },
52
- "air-primary-success": {
53
- "base": "style-filled-success"
54
- },
55
- "air-primary-alert": {
56
- "base": "style-filled-alert"
57
- },
58
- "air-primary-copilot": {
59
- "base": "style-filled-copilot"
60
- },
61
- "air-primary-warning": {
62
- "base": "style-filled-warning"
63
- },
64
- "default": {
65
- "base": "style-old-default"
66
- },
67
- "danger": {
68
- "base": "style-old-danger"
69
- },
70
- "success": {
71
- "base": "style-old-success"
72
- },
73
- "warning": {
74
- "base": "style-old-warning"
75
- },
76
- "primary": {
77
- "base": "style-old-primary"
78
- },
79
- "secondary": {
80
- "base": "style-old-secondary"
81
- },
82
- "collab": {
83
- "base": "style-old-collab"
84
- },
85
- "ai": {
86
- "base": "style-old-ai"
87
- }
88
- },
89
- "rounded": {
90
- "true": "rounded-(--ui-border-radius-3xl)",
91
- "false": "rounded-(--ui-border-radius-sm)"
92
- },
93
- "noPadding": {
94
- "true": {
95
- "base": "px-0"
96
- }
97
- },
98
- "noBorder": {
99
- "true": "ring-0 focus-visible:ring-0 style-transparent-bg"
100
- },
101
- "underline": {
102
- "true": "rounded-none ring-0 focus-visible:ring-0 style-transparent-bg border-b-1 border-b-(--ui-color-design-outline-stroke) rounded-none"
103
- },
104
- "leading": {
105
- "true": ""
106
- },
107
- "trailing": {
108
- "true": ""
109
- },
110
- "loading": {
111
- "true": ""
112
- },
113
- "highlight": {
114
- "true": "ring ring-inset ring-(--b24ui-border-color)"
115
- }
116
- },
117
- "compoundVariants": [
118
- {
119
- "highlight": false,
120
- "noBorder": false,
121
- "underline": false,
122
- "class": {
123
- "base": "ring ring-inset ring-(--ui-color-design-outline-stroke) focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-(--b24ui-border-color) hover:not-disabled:not-data-disabled:ring-1 hover:not-disabled:not-data-disabled:ring-inset hover:not-disabled:not-data-disabled:ring-(--b24ui-border-color) data-[state=open]:ring-1 data-[state=open]:ring-inset data-[state=open]:ring-(--b24ui-border-color)"
124
- }
125
- },
126
- {
127
- "highlight": true,
128
- "noBorder": false,
129
- "underline": false,
130
- "class": {
131
- "base": "ring ring-inset ring-(--b24ui-border-color) focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-(--b24ui-border-color) hover:ring-1 hover:ring-inset hover:ring-(--b24ui-border-color) data-[state=open]:ring-1 data-[state=open]:ring-inset data-[state=open]:ring-(--b24ui-border-color)"
132
- }
133
- },
134
- {
135
- "noBorder": false,
136
- "underline": true,
137
- "class": {
138
- "base": "focus-visible:border-(--b24ui-border-color) hover:border-(--b24ui-border-color) data-[state=open]:border-(--b24ui-border-color)"
139
- }
140
- },
141
- {
142
- "highlight": true,
143
- "noBorder": false,
144
- "underline": true,
145
- "class": {
146
- "base": "ring-0 border-b-(--b24ui-border-color)"
147
- }
148
- },
149
- {
150
- "highlight": true,
151
- "noBorder": true,
152
- "underline": false,
153
- "class": {
154
- "base": "ring-0"
155
- }
156
- },
157
- {
158
- "leading": true,
159
- "noPadding": false,
160
- "class": "ps-[34px]"
161
- },
162
- {
163
- "trailing": true,
164
- "noPadding": false,
165
- "class": "pe-[34px]"
166
- },
167
- {
168
- "loading": true,
169
- "leading": true,
170
- "class": {
171
- "leadingIcon": "size-[21px]"
172
- }
173
- },
174
- {
175
- "loading": true,
176
- "leading": false,
177
- "trailing": true,
178
- "class": {
179
- "trailingIcon": "size-[21px]"
180
- }
181
- }
182
- ],
183
- "defaultVariants": {
184
- "color": "air-primary" as typeof color[number]
185
- }
186
- }