@veracity/vui 2.18.3 → 2.20.0-beta.0

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 (263) hide show
  1. package/dist/cjs/button/button.d.ts.map +1 -1
  2. package/dist/cjs/button/button.js +3 -2
  3. package/dist/cjs/button/button.js.map +1 -1
  4. package/dist/cjs/checkbox/checkbox.d.ts.map +1 -1
  5. package/dist/cjs/checkbox/checkbox.js +7 -4
  6. package/dist/cjs/checkbox/checkbox.js.map +1 -1
  7. package/dist/cjs/checkbox/consts.d.ts +5 -3
  8. package/dist/cjs/checkbox/consts.d.ts.map +1 -1
  9. package/dist/cjs/checkbox/consts.js +5 -3
  10. package/dist/cjs/checkbox/consts.js.map +1 -1
  11. package/dist/cjs/checkbox/theme.d.ts +2 -2
  12. package/dist/cjs/checkbox/theme.js +1 -1
  13. package/dist/cjs/checkbox/theme.js.map +1 -1
  14. package/dist/cjs/index.d.ts +1 -0
  15. package/dist/cjs/index.d.ts.map +1 -1
  16. package/dist/cjs/index.js +1 -0
  17. package/dist/cjs/index.js.map +1 -1
  18. package/dist/cjs/input/consts.d.ts +27 -21
  19. package/dist/cjs/input/consts.d.ts.map +1 -1
  20. package/dist/cjs/input/consts.js +8 -2
  21. package/dist/cjs/input/consts.js.map +1 -1
  22. package/dist/cjs/input/helpText.d.ts +1 -1
  23. package/dist/cjs/input/helpText.d.ts.map +1 -1
  24. package/dist/cjs/input/helpText.js +2 -2
  25. package/dist/cjs/input/helpText.js.map +1 -1
  26. package/dist/cjs/input/input.d.ts.map +1 -1
  27. package/dist/cjs/input/input.js +22 -18
  28. package/dist/cjs/input/input.js.map +1 -1
  29. package/dist/cjs/input/input.types.d.ts +7 -3
  30. package/dist/cjs/input/input.types.d.ts.map +1 -1
  31. package/dist/cjs/input/inputInput.js +3 -2
  32. package/dist/cjs/input/inputInput.js.map +1 -1
  33. package/dist/cjs/input/theme.d.ts +20 -8
  34. package/dist/cjs/input/theme.d.ts.map +1 -1
  35. package/dist/cjs/input/theme.js +14 -2
  36. package/dist/cjs/input/theme.js.map +1 -1
  37. package/dist/cjs/label/index.d.ts +4 -0
  38. package/dist/cjs/label/index.d.ts.map +1 -0
  39. package/dist/cjs/label/index.js +25 -0
  40. package/dist/cjs/label/index.js.map +1 -0
  41. package/dist/cjs/label/label.d.ts +6 -0
  42. package/dist/cjs/label/label.d.ts.map +1 -0
  43. package/dist/cjs/label/label.js +41 -0
  44. package/dist/cjs/label/label.js.map +1 -0
  45. package/dist/cjs/label/label.types.d.ts +7 -0
  46. package/dist/cjs/label/label.types.d.ts.map +1 -0
  47. package/dist/cjs/label/label.types.js +3 -0
  48. package/dist/cjs/label/label.types.js.map +1 -0
  49. package/dist/cjs/label/theme.d.ts +23 -0
  50. package/dist/cjs/label/theme.d.ts.map +1 -0
  51. package/dist/cjs/label/theme.js +28 -0
  52. package/dist/cjs/label/theme.js.map +1 -0
  53. package/dist/cjs/list/list.d.ts.map +1 -1
  54. package/dist/cjs/list/list.js +64 -2
  55. package/dist/cjs/list/list.js.map +1 -1
  56. package/dist/cjs/menu/menuItem.d.ts.map +1 -1
  57. package/dist/cjs/menu/menuItem.js +1 -1
  58. package/dist/cjs/menu/menuItem.js.map +1 -1
  59. package/dist/cjs/menu/menuList.d.ts.map +1 -1
  60. package/dist/cjs/menu/menuList.js +1 -1
  61. package/dist/cjs/menu/menuList.js.map +1 -1
  62. package/dist/cjs/radio/consts.d.ts +5 -3
  63. package/dist/cjs/radio/consts.d.ts.map +1 -1
  64. package/dist/cjs/radio/consts.js +5 -3
  65. package/dist/cjs/radio/consts.js.map +1 -1
  66. package/dist/cjs/radio/radio.d.ts.map +1 -1
  67. package/dist/cjs/radio/radio.js +6 -2
  68. package/dist/cjs/radio/radio.js.map +1 -1
  69. package/dist/cjs/radio/theme.d.ts +2 -2
  70. package/dist/cjs/radio/theme.js +1 -1
  71. package/dist/cjs/radio/theme.js.map +1 -1
  72. package/dist/cjs/select/select.d.ts +11 -6
  73. package/dist/cjs/select/select.d.ts.map +1 -1
  74. package/dist/cjs/select/select.js +9 -2
  75. package/dist/cjs/select/select.js.map +1 -1
  76. package/dist/cjs/select/select.types.d.ts +8 -0
  77. package/dist/cjs/select/select.types.d.ts.map +1 -1
  78. package/dist/cjs/select/selectButton.d.ts.map +1 -1
  79. package/dist/cjs/select/selectButton.js +16 -5
  80. package/dist/cjs/select/selectButton.js.map +1 -1
  81. package/dist/cjs/select/selectGroup.js +1 -1
  82. package/dist/cjs/select/selectGroup.js.map +1 -1
  83. package/dist/cjs/select/selectOption.js +1 -1
  84. package/dist/cjs/select/selectOption.js.map +1 -1
  85. package/dist/cjs/select/theme.d.ts +32 -0
  86. package/dist/cjs/select/theme.d.ts.map +1 -1
  87. package/dist/cjs/select/theme.js +33 -1
  88. package/dist/cjs/select/theme.js.map +1 -1
  89. package/dist/cjs/switch/switchLabel.d.ts.map +1 -1
  90. package/dist/cjs/switch/switchLabel.js +4 -0
  91. package/dist/cjs/switch/switchLabel.js.map +1 -1
  92. package/dist/cjs/switch/theme.d.ts +17 -0
  93. package/dist/cjs/switch/theme.d.ts.map +1 -1
  94. package/dist/cjs/switch/theme.js +18 -0
  95. package/dist/cjs/switch/theme.js.map +1 -1
  96. package/dist/cjs/tabs/tabsNavBar.d.ts.map +1 -1
  97. package/dist/cjs/tabs/tabsNavBar.js +5 -1
  98. package/dist/cjs/tabs/tabsNavBar.js.map +1 -1
  99. package/dist/cjs/textarea/textarea.d.ts +1 -1
  100. package/dist/cjs/textarea/textarea.d.ts.map +1 -1
  101. package/dist/cjs/textarea/textarea.js +23 -17
  102. package/dist/cjs/textarea/textarea.js.map +1 -1
  103. package/dist/cjs/textarea/textarea.types.d.ts +8 -0
  104. package/dist/cjs/textarea/textarea.types.d.ts.map +1 -1
  105. package/dist/cjs/textarea/theme.d.ts +8 -8
  106. package/dist/cjs/textarea/theme.js +2 -2
  107. package/dist/cjs/textarea/theme.js.map +1 -1
  108. package/dist/cjs/theme/components.d.ts +101 -20
  109. package/dist/cjs/theme/components.d.ts.map +1 -1
  110. package/dist/cjs/theme/components.js +56 -54
  111. package/dist/cjs/theme/components.js.map +1 -1
  112. package/dist/cjs/theme/defaultTheme.d.ts +101 -20
  113. package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
  114. package/dist/esm/button/button.d.ts.map +1 -1
  115. package/dist/esm/button/button.js +3 -2
  116. package/dist/esm/button/button.js.map +1 -1
  117. package/dist/esm/checkbox/checkbox.d.ts.map +1 -1
  118. package/dist/esm/checkbox/checkbox.js +7 -4
  119. package/dist/esm/checkbox/checkbox.js.map +1 -1
  120. package/dist/esm/checkbox/consts.d.ts +5 -3
  121. package/dist/esm/checkbox/consts.d.ts.map +1 -1
  122. package/dist/esm/checkbox/consts.js +5 -3
  123. package/dist/esm/checkbox/consts.js.map +1 -1
  124. package/dist/esm/checkbox/theme.d.ts +2 -2
  125. package/dist/esm/checkbox/theme.js +1 -1
  126. package/dist/esm/checkbox/theme.js.map +1 -1
  127. package/dist/esm/index.d.ts +1 -0
  128. package/dist/esm/index.d.ts.map +1 -1
  129. package/dist/esm/index.js +1 -0
  130. package/dist/esm/index.js.map +1 -1
  131. package/dist/esm/input/consts.d.ts +27 -21
  132. package/dist/esm/input/consts.d.ts.map +1 -1
  133. package/dist/esm/input/consts.js +7 -1
  134. package/dist/esm/input/consts.js.map +1 -1
  135. package/dist/esm/input/helpText.d.ts +1 -1
  136. package/dist/esm/input/helpText.d.ts.map +1 -1
  137. package/dist/esm/input/helpText.js +2 -2
  138. package/dist/esm/input/helpText.js.map +1 -1
  139. package/dist/esm/input/input.d.ts.map +1 -1
  140. package/dist/esm/input/input.js +25 -21
  141. package/dist/esm/input/input.js.map +1 -1
  142. package/dist/esm/input/input.types.d.ts +7 -3
  143. package/dist/esm/input/input.types.d.ts.map +1 -1
  144. package/dist/esm/input/inputInput.js +3 -2
  145. package/dist/esm/input/inputInput.js.map +1 -1
  146. package/dist/esm/input/theme.d.ts +20 -8
  147. package/dist/esm/input/theme.d.ts.map +1 -1
  148. package/dist/esm/input/theme.js +14 -2
  149. package/dist/esm/input/theme.js.map +1 -1
  150. package/dist/esm/label/index.d.ts +4 -0
  151. package/dist/esm/label/index.d.ts.map +1 -0
  152. package/dist/esm/label/index.js +4 -0
  153. package/dist/esm/label/index.js.map +1 -0
  154. package/dist/esm/label/label.d.ts +6 -0
  155. package/dist/esm/label/label.d.ts.map +1 -0
  156. package/dist/esm/label/label.js +24 -0
  157. package/dist/esm/label/label.js.map +1 -0
  158. package/dist/esm/label/label.types.d.ts +7 -0
  159. package/dist/esm/label/label.types.d.ts.map +1 -0
  160. package/dist/esm/label/label.types.js +2 -0
  161. package/dist/esm/label/label.types.js.map +1 -0
  162. package/dist/esm/label/theme.d.ts +23 -0
  163. package/dist/esm/label/theme.d.ts.map +1 -0
  164. package/dist/esm/label/theme.js +26 -0
  165. package/dist/esm/label/theme.js.map +1 -0
  166. package/dist/esm/list/list.d.ts.map +1 -1
  167. package/dist/esm/list/list.js +40 -2
  168. package/dist/esm/list/list.js.map +1 -1
  169. package/dist/esm/menu/menuItem.d.ts.map +1 -1
  170. package/dist/esm/menu/menuItem.js +1 -1
  171. package/dist/esm/menu/menuItem.js.map +1 -1
  172. package/dist/esm/menu/menuList.d.ts.map +1 -1
  173. package/dist/esm/menu/menuList.js +1 -1
  174. package/dist/esm/menu/menuList.js.map +1 -1
  175. package/dist/esm/radio/consts.d.ts +5 -3
  176. package/dist/esm/radio/consts.d.ts.map +1 -1
  177. package/dist/esm/radio/consts.js +5 -3
  178. package/dist/esm/radio/consts.js.map +1 -1
  179. package/dist/esm/radio/radio.d.ts.map +1 -1
  180. package/dist/esm/radio/radio.js +6 -2
  181. package/dist/esm/radio/radio.js.map +1 -1
  182. package/dist/esm/radio/theme.d.ts +2 -2
  183. package/dist/esm/radio/theme.js +1 -1
  184. package/dist/esm/radio/theme.js.map +1 -1
  185. package/dist/esm/select/select.d.ts +11 -6
  186. package/dist/esm/select/select.d.ts.map +1 -1
  187. package/dist/esm/select/select.js +13 -6
  188. package/dist/esm/select/select.js.map +1 -1
  189. package/dist/esm/select/select.types.d.ts +8 -0
  190. package/dist/esm/select/select.types.d.ts.map +1 -1
  191. package/dist/esm/select/selectButton.d.ts.map +1 -1
  192. package/dist/esm/select/selectButton.js +16 -5
  193. package/dist/esm/select/selectButton.js.map +1 -1
  194. package/dist/esm/select/selectGroup.js +1 -1
  195. package/dist/esm/select/selectGroup.js.map +1 -1
  196. package/dist/esm/select/selectOption.js +2 -2
  197. package/dist/esm/select/selectOption.js.map +1 -1
  198. package/dist/esm/select/theme.d.ts +32 -0
  199. package/dist/esm/select/theme.d.ts.map +1 -1
  200. package/dist/esm/select/theme.js +33 -1
  201. package/dist/esm/select/theme.js.map +1 -1
  202. package/dist/esm/switch/switchLabel.d.ts.map +1 -1
  203. package/dist/esm/switch/switchLabel.js +4 -0
  204. package/dist/esm/switch/switchLabel.js.map +1 -1
  205. package/dist/esm/switch/theme.d.ts +17 -0
  206. package/dist/esm/switch/theme.d.ts.map +1 -1
  207. package/dist/esm/switch/theme.js +18 -0
  208. package/dist/esm/switch/theme.js.map +1 -1
  209. package/dist/esm/tabs/tabsNavBar.d.ts.map +1 -1
  210. package/dist/esm/tabs/tabsNavBar.js +4 -1
  211. package/dist/esm/tabs/tabsNavBar.js.map +1 -1
  212. package/dist/esm/textarea/textarea.d.ts +1 -1
  213. package/dist/esm/textarea/textarea.d.ts.map +1 -1
  214. package/dist/esm/textarea/textarea.js +27 -21
  215. package/dist/esm/textarea/textarea.js.map +1 -1
  216. package/dist/esm/textarea/textarea.types.d.ts +8 -0
  217. package/dist/esm/textarea/textarea.types.d.ts.map +1 -1
  218. package/dist/esm/textarea/theme.d.ts +8 -8
  219. package/dist/esm/textarea/theme.js +2 -2
  220. package/dist/esm/textarea/theme.js.map +1 -1
  221. package/dist/esm/theme/components.d.ts +101 -20
  222. package/dist/esm/theme/components.d.ts.map +1 -1
  223. package/dist/esm/theme/components.js +2 -0
  224. package/dist/esm/theme/components.js.map +1 -1
  225. package/dist/esm/theme/defaultTheme.d.ts +101 -20
  226. package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
  227. package/dist/tsconfig.legacy.tsbuildinfo +1 -1
  228. package/dist/tsconfig.tsbuildinfo +1 -1
  229. package/package.json +1 -1
  230. package/src/button/button.tsx +11 -6
  231. package/src/checkbox/checkbox.tsx +7 -5
  232. package/src/checkbox/consts.ts +6 -4
  233. package/src/checkbox/theme.ts +1 -1
  234. package/src/index.ts +1 -0
  235. package/src/input/consts.ts +12 -5
  236. package/src/input/helpText.tsx +2 -2
  237. package/src/input/input.tsx +90 -67
  238. package/src/input/input.types.ts +7 -4
  239. package/src/input/inputInput.tsx +2 -2
  240. package/src/input/theme.ts +14 -2
  241. package/src/label/index.ts +3 -0
  242. package/src/label/label.tsx +31 -0
  243. package/src/label/label.types.ts +8 -0
  244. package/src/label/theme.ts +29 -0
  245. package/src/list/list.tsx +44 -3
  246. package/src/menu/menuItem.tsx +1 -10
  247. package/src/menu/menuList.tsx +1 -0
  248. package/src/radio/consts.ts +6 -4
  249. package/src/radio/radio.tsx +5 -3
  250. package/src/radio/theme.ts +1 -1
  251. package/src/select/select.tsx +30 -5
  252. package/src/select/select.types.ts +8 -0
  253. package/src/select/selectButton.tsx +18 -5
  254. package/src/select/selectGroup.tsx +1 -1
  255. package/src/select/selectOption.tsx +2 -2
  256. package/src/select/theme.ts +33 -1
  257. package/src/switch/switchLabel.tsx +5 -0
  258. package/src/switch/theme.ts +21 -0
  259. package/src/tabs/tabsNavBar.tsx +4 -1
  260. package/src/textarea/textarea.tsx +78 -45
  261. package/src/textarea/textarea.types.ts +8 -0
  262. package/src/textarea/theme.ts +2 -2
  263. package/src/theme/components.ts +2 -0
@@ -1 +1 @@
1
- {"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/radio/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;CAIvB,CAAA"}
1
+ {"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/radio/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;CAMd,CAAA"}
@@ -1,6 +1,8 @@
1
1
  export const radioColors = {
2
- main: 'seaBlue.main',
3
- hover: 'seaBlue.40',
4
- disabled: 'sandstone.main',
2
+ unchecked: 'sandstone.60',
3
+ checked: 'seaBlue.28',
4
+ hover: 'seaBlue.20',
5
+ focus: 'seaBlue.35',
6
+ disabled: 'sandstone.90',
5
7
  };
6
8
  //# sourceMappingURL=consts.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/radio/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,gBAAgB;CAC3B,CAAA"}
1
+ {"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/radio/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,SAAS,EAAE,cAAc;IACzB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,cAAc;CAChB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,olJAkBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,oDA4GhB,CAAA;AAIF,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,olJAsBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,oDA0GhB,CAAA;AAIF,eAAe,KAAK,CAAA"}
@@ -35,6 +35,10 @@ export const RadioBase = styled.labelBox `
35
35
  color: ${p => th.color(p.controlHoverColor)};
36
36
  }
37
37
 
38
+ .vui-radioControl:focus-within {
39
+ color: ${radioColors.focus};
40
+ }
41
+
38
42
  &[aria-disabled='true'] {
39
43
  color: ${radioColors.disabled};
40
44
  cursor: not-allowed;
@@ -58,7 +62,7 @@ export const Radio = vui((props, ref) => {
58
62
  const { color: controlColor, hoverColor, ...controlStyles } = styles.control;
59
63
  const icon = isChecked ? iconChecked : iconProp;
60
64
  const controlMr = children || label ? 1 : 0;
61
- const color = controlColor ? controlColor : radioColors.main;
65
+ const color = isChecked ? radioColors.checked : controlColor;
62
66
  const controlHoverColor = hoverColor ? hoverColor : radioColors.hover;
63
67
  useEffect(() => {
64
68
  if (groupIsChecked !== undefined) {
@@ -75,7 +79,7 @@ export const Radio = vui((props, ref) => {
75
79
  const aliasedProps = filterUndefined({
76
80
  'aria-disabled': disabled,
77
81
  });
78
- return (_jsxs(RadioBase, { className: cs('vui-radio', className), controlHoverColor: controlHoverColor, ref: ref, ...styles.container, ...aliasedProps, ...rest, children: [_jsxs(RadioControl, { bg: "white", className: "vui-radioControl", color: color, focusWithinRing: 3, mr: controlMr, ...controlStyles, children: [checked !== undefined && (_jsx(RadioInput, { "aria-label": "input-radio", className: "vui-radioInput", onChange: handleOnChange, ref: inputRef, type: "radio", checked, disabled, id, name, required, value, ...inputProps })), checked === undefined && (_jsx(RadioInput, { "aria-label": "input-radio", className: "vui-radioInput", onChange: handleOnChange, ref: inputRef, type: "radio", defaultChecked, disabled, id, name, required, value, ...inputProps })), _jsx(Icon, { className: "vui-radioIcon", h: "100%", name: icon, w: "100%" })] }), children ??
82
+ return (_jsxs(RadioBase, { className: cs('vui-radio', className), controlHoverColor: controlHoverColor, ref: ref, ...styles.container, ...aliasedProps, ...rest, children: [_jsxs(RadioControl, { bg: "white", className: "vui-radioControl", color: color, focusWithinRing: 3, mr: controlMr, ...controlStyles, children: [checked !== undefined && (_jsx(RadioInput, { className: "vui-radioInput", onChange: handleOnChange, ref: inputRef, type: "radio", checked, disabled, id, name, required, value, ...inputProps })), checked === undefined && (_jsx(RadioInput, { className: "vui-radioInput", onChange: handleOnChange, ref: inputRef, type: "radio", defaultChecked, disabled, id, name, required, value, ...inputProps })), _jsx(Icon, { className: "vui-radioIcon", h: "100%", name: icon, w: "100%" })] }), children ??
79
83
  (label && (_jsx(T, { className: "vui-radioLabel", lineHeight: "normal", ...styles.label, children: label })))] }));
80
84
  });
81
85
  Radio.displayName = 'Radio';
@@ -1 +1 @@
1
- {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"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"}
@@ -1,8 +1,8 @@
1
1
  declare const _default: {
2
2
  baseStyle: {
3
3
  control: {
4
- color: string;
5
- hoverColor: string;
4
+ color: "sandstone.60";
5
+ hoverColor: "seaBlue.20";
6
6
  };
7
7
  };
8
8
  defaultProps: {
@@ -1,7 +1,7 @@
1
1
  import { radioColors } from './consts';
2
2
  const baseStyle = {
3
3
  control: {
4
- color: radioColors.main,
4
+ color: radioColors.unchecked,
5
5
  hoverColor: radioColors.hover,
6
6
  },
7
7
  };
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/radio/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE;QACP,KAAK,EAAE,WAAW,CAAC,IAAI;QACvB,UAAU,EAAE,WAAW,CAAC,KAAK;KAC9B;CACF,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;CACX,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;AAE/C,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,OAAO,EAAE;YACP,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;KACF;IACD,EAAE,EAAE;QACF,OAAO,EAAE;YACP,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;KACF;IACD,EAAE,EAAE;QACF,OAAO,EAAE;YACP,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAG,EAAE,CAAA;AAEnB,eAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
1
+ {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/radio/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE;QACP,KAAK,EAAE,WAAW,CAAC,SAAS;QAC5B,UAAU,EAAE,WAAW,CAAC,KAAK;KAC9B;CACF,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;CACX,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;AAE/C,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,OAAO,EAAE;YACP,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;KACF;IACD,EAAE,EAAE;QACF,OAAO,EAAE;YACP,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;KACF;IACD,EAAE,EAAE;QACF,OAAO,EAAE;YACP,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAG,EAAE,CAAA;AAEnB,eAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
@@ -6,13 +6,18 @@ import { SelectProps } from './select.types';
6
6
  */
7
7
  export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
8
8
  export declare namespace Select {
9
- var Button: import("..").VuiComponent<"button", import("..").ButtonProps>;
10
- var Content: import("..").VuiComponent<"div", import("../box").BoxProps>;
11
- var Group: import("..").VuiComponent<"ul", import("..").ListProps> & {
12
- Divider: import("..").VuiComponent<"hr", import("..").DividerProps>;
13
- Heading: import("..").VuiComponent<"li", import("..").TProps>;
9
+ var Button: import("../core").VuiComponent<"button", import("..").ButtonProps>;
10
+ var Content: import("../core").VuiComponent<"div", import("../box").BoxProps>;
11
+ var Group: import("../core").VuiComponent<"ul", import("..").ListProps> & {
12
+ /**
13
+ * Wraps trigger and content elements, providing them with context.
14
+ * When no children are provided, content can be displayed based on 'options' data prop.
15
+ * Supports single select and multi select, as well as controlled and uncontrolled modes.
16
+ */
17
+ Divider: import("../core").VuiComponent<"hr", import("..").DividerProps>;
18
+ Heading: import("../core").VuiComponent<"li", import("..").TProps>;
14
19
  };
15
- var Option: import("..").VuiComponent<"li", import("./select.types").SelectOptionProps>;
20
+ var Option: import("../core").VuiComponent<"li", import("./select.types").SelectOptionProps>;
16
21
  var displayName: string;
17
22
  }
18
23
  export default Select;
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO9D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAkFxC;yBAlFe,MAAM;;;;;;;;;;AA0FtB,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO9D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuGxC;yBAvGe,MAAM;;;;QALtB;;;;WAIG;;;;;;;AAgHH,eAAe,MAAM,CAAA"}
@@ -1,10 +1,14 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { useEffect, useState } from 'react';
2
+ import { useEffect, useId, useState } from 'react';
3
3
  import { Box } from '../box';
4
+ import { useStyleConfig } from '../core';
4
5
  import { Input } from '../input';
6
+ import { helpTextSize } from '../input/consts';
7
+ import HelpText from '../input/helpText';
8
+ import Label from '../label';
5
9
  import { Popover } from '../popover';
6
- import { __DEV__ } from '../utils';
7
- import { SelectProvider } from './context';
10
+ import { __DEV__, isString } from '../utils';
11
+ import { SelectProvider, useSelectContext } from './context';
8
12
  import SelectButton from './selectButton';
9
13
  import SelectContent from './selectContent';
10
14
  import SelectGroup from './selectGroup';
@@ -16,13 +20,16 @@ import useSelect from './useSelect';
16
20
  * Supports single select and multi select, as well as controlled and uncontrolled modes.
17
21
  */
18
22
  export function Select(props) {
19
- const { children, defaultValue, disabled, isInvalid, isMultiple, maxHeight, name, onChange, options, placeholder = 'Please select', readOnly, selectButton, selectButtonProps, showOptionsFilter, size, value, variant, ...rest } = props;
23
+ const { children, defaultValue, disabled, errorText, helpText, id: idProp, isInvalid, isMultiple, label, maxHeight, name, onChange, options, placeholder = 'Please select', readOnly, selectButton, selectButtonProps, showOptionsFilter, size = 'lg', value, variant, ...rest } = props;
20
24
  const selectProps = useSelect({ defaultValue, isMultiple, onChange, value, options, children });
21
25
  if (__DEV__ && isMultiple && !Array.isArray(selectProps.value)) {
22
26
  console.error('<Select /> is used with isMultiple but its value is not an array: ', value);
23
27
  }
28
+ const generatedId = useId();
29
+ const styles = useStyleConfig('Select', useSelectContext());
24
30
  const [query, setQuery] = useState('');
25
31
  const [filteredOptions, setFilteredOptions] = useState(options);
32
+ const id = idProp || generatedId;
26
33
  const context = {
27
34
  disabled,
28
35
  isInvalid,
@@ -42,8 +49,8 @@ export function Select(props) {
42
49
  useEffect(() => {
43
50
  setFilteredOptions(options?.filter(filterOptions));
44
51
  }, [query, options]);
45
- return (_jsx(SelectProvider, { value: context, children: _jsx(Popover, { matchWidth: true, ...rest, children: _jsxs(_Fragment, { children: [selectButton ?? _jsx(SelectButton, { ...selectButtonProps }), _jsxs(SelectContent, { children: [showOptionsFilter && (_jsx(Box, { mr: 2, children: _jsx(Input, { iconLeft: "culFilterAlt", m: 1, mt: 0, onChange: onQueryChange, placeholder: "Filter\u2026", size: "sm", value: query }) })), _jsx(SelectGroup, { maxH: maxHeight, tabIndex: 1000, children: children ??
46
- filteredOptions?.map?.(option => _jsx(SelectOption, { title: option.text, ...option }, option.value)) })] })] }) }) }));
52
+ return (_jsxs(SelectProvider, { value: context, children: [isString(label) ? (_jsx(Label, { "aria-disabled": disabled, className: "vui-input-label", htmlFor: id, mb: 0.5, ...styles.label, children: label })) : (label), _jsx(Popover, { matchWidth: true, ...rest, children: _jsxs(_Fragment, { children: [selectButton ?? _jsx(SelectButton, { ...selectButtonProps }), _jsxs(SelectContent, { children: [showOptionsFilter && (_jsx(Box, { mr: 2, children: _jsx(Input, { iconLeft: "culFilterAlt", m: 1, mt: 0, onChange: onQueryChange, placeholder: "Filter\u2026", size: size, value: query }) })), _jsx(SelectGroup, { maxH: maxHeight, tabIndex: 1000, children: children ??
53
+ filteredOptions?.map?.(option => _jsx(SelectOption, { title: option.text, ...option }, option.value)) })] })] }) }), !!helpText && _jsx(HelpText, { size: helpTextSize[size], children: helpText }), !!errorText && (_jsx(HelpText, { isError: true, size: helpTextSize[size], children: errorText }))] }));
47
54
  }
48
55
  Select.Button = SelectButton;
49
56
  Select.Content = SelectContent;
@@ -1 +1 @@
1
- {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"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"}
@@ -12,12 +12,20 @@ export type SelectGroupProps = ListProps;
12
12
  export type SelectProps = ThemingProps<'Select'> & PopoverProps & UseSelectProps & {
13
13
  /** Select cannot be opened and is styled accordingly. */
14
14
  disabled?: boolean;
15
+ /** Socket displaying error text below an input. */
16
+ errorText?: string | React.ReactNode;
17
+ /** Socket displaying help text below an input. */
18
+ helpText?: React.ReactNode | string;
19
+ /** Unique identifier */
20
+ id?: string;
15
21
  /** Represents invalid form input and is styled accordingly. */
16
22
  isInvalid?: boolean;
17
23
  /** Maximum container height in px. */
18
24
  maxHeight?: number;
19
25
  /** Name of the input. Used in custom change event to support form library integration. */
20
26
  name?: string;
27
+ /** The label. */
28
+ label?: string | React.ReactNode;
21
29
  /** Data prop to display an array of options in the popover. */
22
30
  options?: SelectOptionData[];
23
31
  /** Displayed inside the trigger when no value is selected. */
@@ -1 +1 @@
1
- {"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC/G,GACC,mBAAmB,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAC9C,YAAY,GACZ,cAAc,GAAG;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,+BAA+B;IAC/B,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,mGAAmG;IACnG,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA"}
1
+ {"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC/G,GACC,mBAAmB,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAC9C,YAAY,GACZ,cAAc,GAAG;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACpC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,+BAA+B;IAC/B,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,mGAAmG;IACnG,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"selectButton.d.ts","sourceRoot":"","sources":["../../../src/select/selectButton.tsx"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,YAAY,2EAoDvB,CAAA;AAIF,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"selectButton.d.ts","sourceRoot":"","sources":["../../../src/select/selectButton.tsx"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,YAAY,2EAkEvB,CAAA;AAGF,eAAe,YAAY,CAAA"}
@@ -14,8 +14,17 @@ export const SelectButton = vui((props, ref) => {
14
14
  const { disabled, isInvalid, placeholder, readOnly, valueText } = useSelectContext() ?? {};
15
15
  const styles = useStyleConfig('Select', useSelectContext());
16
16
  const text = valueText || placeholder;
17
- const textColor = disabled ? 'sandstone.10' : !valueText ? 'sandstone.10' : undefined;
18
- const iconColor = disabled ? 'sandstone.10' : 'seaBlue.main';
17
+ const disabledProps = disabled
18
+ ? {
19
+ activeBg: 'sandstone.79',
20
+ cursor: 'not-allowed',
21
+ backgroundColor: 'sandstone.79',
22
+ borderColor: 'sandstone.79',
23
+ hoverBg: 'sandstone.79',
24
+ hoverBorderColor: 'sandstone.79',
25
+ activeBorderColor: 'sandstone.79',
26
+ }
27
+ : undefined;
19
28
  const readOnlyProps = readOnly
20
29
  ? {
21
30
  activeBg: 'sandstone.95',
@@ -26,14 +35,16 @@ export const SelectButton = vui((props, ref) => {
26
35
  hoverBg: 'sandstone.95',
27
36
  opacity: 1,
28
37
  }
29
- : {};
38
+ : undefined;
30
39
  const isInvalidProps = isInvalid
31
40
  ? {
32
41
  borderColor: 'energyRed.45',
33
42
  hoverBorderColor: 'energyRed.45',
34
43
  }
35
- : {};
36
- return (_jsx(PopoverTrigger, { as: LineButton, bg: "white", className: cs('vui-selectButton', className), disabled: disabled, focusRing: 2, fontWeight: "regular", iconRight: _jsx(Button.Icon, { color: iconColor, ml: "auto", name: "falAngleDown" }), isFullWidth: true, px: 1, ref: ref, text: _jsx(Button.Text, { color: textColor, ...ellipsisOverflow, children: text }), userSelect: "text", ...styles.button, ...readOnlyProps, ...isInvalidProps, ...rest }));
44
+ : undefined;
45
+ const textColor = valueText ? undefined : 'sandstone.10';
46
+ const iconColor = disabled ? 'sandstone.10' : 'seaBlue.main';
47
+ return (_jsx(PopoverTrigger, { as: LineButton, bg: "white", className: cs('vui-selectButton', className), disabled: disabled, focusRing: 2, fontWeight: "regular", iconRight: _jsx(Button.Icon, { color: iconColor, ml: "auto", name: "falAngleDown" }), isFullWidth: true, px: 1, ref: ref, text: _jsx(Button.Text, { color: textColor, ...ellipsisOverflow, children: text }), userSelect: "text", ...styles.button, ...disabledProps, ...readOnlyProps, ...isInvalidProps, ...rest }));
37
48
  });
38
49
  SelectButton.displayName = 'SelectButton';
39
50
  export default SelectButton;
@@ -1 +1 @@
1
- {"version":3,"file":"selectButton.js","sourceRoot":"","sources":["../../../src/select/selectButton.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,IAAI,EAAE,CAAA;IAC1F,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAA;IAE3D,MAAM,IAAI,GAAG,SAAS,IAAI,WAAW,CAAA;IACrC,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAA;IACrF,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAA;IAE5D,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC;YACE,QAAQ,EAAE,cAAc;YACxB,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,cAAc;YACrB,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC;SACX;QACH,CAAC,CAAC,EAAE,CAAA;IAEN,MAAM,cAAc,GAAG,SAAS;QAC9B,CAAC,CAAC;YACE,WAAW,EAAE,cAAc;YAC3B,gBAAgB,EAAE,cAAc;SACjC;QACH,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,CACL,KAAC,cAAc,IACb,EAAE,EAAE,UAAU,EACd,EAAE,EAAC,OAAO,EACV,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAC5C,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAC,EACZ,UAAU,EAAC,SAAS,EACpB,SAAS,EAAE,KAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,GAAG,EAC1E,WAAW,QACX,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,GAAG,EACR,IAAI,EACF,KAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,SAAS,KAAM,gBAAgB,YAChD,IAAI,GACO,EAEhB,UAAU,EAAC,MAAM,KACb,MAAM,CAAC,MAAM,KACb,aAAa,KACb,cAAc,KACd,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"selectButton.js","sourceRoot":"","sources":["../../../src/select/selectButton.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,IAAI,EAAE,CAAA;IAC1F,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAA;IAE3D,MAAM,IAAI,GAAG,SAAS,IAAI,WAAW,CAAA;IAErC,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC;YACE,QAAQ,EAAE,cAAc;YACxB,MAAM,EAAE,aAAa;YACrB,eAAe,EAAE,cAAc;YAC/B,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,cAAc;YACvB,gBAAgB,EAAE,cAAc;YAChC,iBAAiB,EAAE,cAAc;SAClC;QACH,CAAC,CAAC,SAAS,CAAA;IAEb,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC;YACE,QAAQ,EAAE,cAAc;YACxB,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,cAAc;YACrB,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC;SACX;QACH,CAAC,CAAC,SAAS,CAAA;IAEb,MAAM,cAAc,GAAG,SAAS;QAC9B,CAAC,CAAC;YACE,WAAW,EAAE,cAAc;YAC3B,gBAAgB,EAAE,cAAc;SACjC;QACH,CAAC,CAAC,SAAS,CAAA;IAEb,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAA;IACxD,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAA;IAE5D,OAAO,CACL,KAAC,cAAc,IACb,EAAE,EAAE,UAAU,EACd,EAAE,EAAC,OAAO,EACV,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAC5C,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAC,EACZ,UAAU,EAAC,SAAS,EACpB,SAAS,EAAE,KAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,GAAG,EAC1E,WAAW,QACX,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,GAAG,EACR,IAAI,EACF,KAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,SAAS,KAAM,gBAAgB,YAChD,IAAI,GACO,EAEhB,UAAU,EAAC,MAAM,KACb,MAAM,CAAC,MAAM,KACb,aAAa,KACb,aAAa,KACb,cAAc,KACd,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AACzC,eAAe,YAAY,CAAA"}
@@ -7,7 +7,7 @@ import { useSelectContext } from './context';
7
7
  export const SelectGroup = vui((props, ref) => {
8
8
  const { className, ...rest } = props;
9
9
  const styles = useStyleConfig('Select', useSelectContext());
10
- return _jsx(List, { className: cs('vui-selectGroup', className), ref: ref, size: "sm", ...styles.group, ...rest });
10
+ return _jsx(List, { className: cs('vui-selectGroup', className), ref: ref, ...styles.group, ...rest });
11
11
  });
12
12
  SelectGroup.Divider = ListDivider;
13
13
  SelectGroup.Heading = ListHeading;
@@ -1 +1 @@
1
- {"version":3,"file":"selectGroup.js","sourceRoot":"","sources":["../../../src/select/selectGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG5C,wFAAwF;AACxF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAA;IAE3D,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,IAAI,KAAK,MAAM,CAAC,KAAK,KAAM,IAAI,GAAI,CAAA;AAC9G,CAAC,CAGA,CAAA;AAED,WAAW,CAAC,OAAO,GAAG,WAAW,CAAA;AACjC,WAAW,CAAC,OAAO,GAAG,WAAW,CAAA;AAEjC,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"selectGroup.js","sourceRoot":"","sources":["../../../src/select/selectGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG5C,wFAAwF;AACxF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAA;IAE3D,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,MAAM,CAAC,KAAK,KAAM,IAAI,GAAI,CAAA;AACpG,CAAC,CAGA,CAAA;AAED,WAAW,CAAC,OAAO,GAAG,WAAW,CAAA;AACjC,WAAW,CAAC,OAAO,GAAG,WAAW,CAAA;AAEjC,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
@@ -29,8 +29,8 @@ export const SelectOption = vui((props, ref) => {
29
29
  onChange?.(clonedEvent);
30
30
  !isMultiple && instance?.hide();
31
31
  });
32
- return (_jsx(ListItem, { activeBg: "skyBlue.active", className: cs('vui-selectOption', className), disabled: disabled, hoverBg: "skyBlue.hover", isInteractive: true, isSelected: isSelected, onClick: onClick, ref: ref, selectedBg: "skyBlue.selected", title: title, value: valueProp, ...styles.item, ...rest, ...ellipsisOverflow, children: children ??
33
- (isMultiple && (_jsxs(_Fragment, { children: [_jsx(Checkbox, { checked: isSelected, disabled: disabled, mr: 1 }), _jsx(List.Text, { children: props.text })] }))) }));
32
+ return (_jsx(ListItem, { activeBg: "skyBlue.active", className: cs('vui-selectOption', className), disabled: disabled, hoverBg: "skyBlue.hover", isInteractive: true, isSelected: isSelected, onClick: onClick, ref: ref, selectedBg: "skyBlue.selected", title: title, value: valueProp, ...styles.option, ...rest, ...ellipsisOverflow, children: children ??
33
+ (isMultiple && (_jsxs(_Fragment, { children: [_jsx(Checkbox, { checked: isSelected, disabled: disabled, mr: 1, ...styles.option }), _jsx(List.Text, { children: props.text })] }))) }));
34
34
  });
35
35
  SelectOption.displayName = 'SelectOption';
36
36
  export default SelectOption;
@@ -1 +1 @@
1
- {"version":3,"file":"selectOption.js","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAc,cAAc,EAAE,MAAM,UAAU,CAAA;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACvG,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,IAAI,EAAE,CAAA;IAC9C,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,IAAI,EAAE,CAAA;IACtE,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAA;IAE3D,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAA;IAEtG,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAA4B,EAAE,EAAE;QAC9D,6BAA6B;QAC7B,MAAM,WAAW,GAAG,CAAC,CAAC,WAAW,IAAI,CAAC,CAAA;QACtC,MAAM,WAAW,GAAG,IAAK,WAAW,CAAC,WAAmB,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;QAEvF,8CAA8C;QAC9C,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,QAAQ,EAAE;YAC3C,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE;SAClC,CAAC,CAAA;QAEF,WAAW,EAAE,CAAC,CAAC,CAAC,CAAA;QAChB,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAA;QACvB,CAAC,UAAU,IAAI,QAAQ,EAAE,IAAI,EAAE,CAAA;IACjC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,QAAQ,EAAC,gBAAgB,EACzB,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAC5C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,eAAe,EACvB,aAAa,QACb,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,kBAAkB,EAC7B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,KACZ,MAAM,CAAC,IAAI,KACX,IAAI,KACJ,gBAAgB,YAEnB,QAAQ;YACP,CAAC,UAAU,IAAI,CACb,8BACE,KAAC,QAAQ,IAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAI,EAC5D,KAAC,IAAI,CAAC,IAAI,cAAE,KAAK,CAAC,IAAI,GAAa,IAClC,CACJ,CAAC,GACK,CACZ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"selectOption.js","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAc,cAAc,EAAE,MAAM,UAAU,CAAA;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACvG,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,IAAI,EAAE,CAAA;IAC9C,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,IAAI,EAAE,CAAA;IACtE,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAA;IAE3D,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAA;IAEtG,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAA4B,EAAE,EAAE;QAC9D,6BAA6B;QAC7B,MAAM,WAAW,GAAG,CAAC,CAAC,WAAW,IAAI,CAAC,CAAA;QACtC,MAAM,WAAW,GAAG,IAAK,WAAW,CAAC,WAAmB,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;QAEvF,8CAA8C;QAC9C,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,QAAQ,EAAE;YAC3C,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE;SAClC,CAAC,CAAA;QAEF,WAAW,EAAE,CAAC,CAAC,CAAC,CAAA;QAChB,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAA;QACvB,CAAC,UAAU,IAAI,QAAQ,EAAE,IAAI,EAAE,CAAA;IACjC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,QAAQ,EAAC,gBAAgB,EACzB,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAC5C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,eAAe,EACvB,aAAa,QACb,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,kBAAkB,EAC7B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,KACZ,MAAM,CAAC,MAAM,KACb,IAAI,KACJ,gBAAgB,YAEnB,QAAQ;YACP,CAAC,UAAU,IAAI,CACb,8BACE,KAAC,QAAQ,IAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAM,MAAM,CAAC,MAAM,GAAI,EAC/E,KAAC,IAAI,CAAC,IAAI,cAAE,KAAK,CAAC,IAAI,GAAa,IAClC,CACJ,CAAC,GACK,CACZ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}
@@ -10,11 +10,43 @@ declare const _default: {
10
10
  button: {
11
11
  size: string;
12
12
  };
13
+ group: {
14
+ size: string;
15
+ };
16
+ option: {
17
+ size: string;
18
+ };
19
+ label: {
20
+ fontSize: string;
21
+ };
13
22
  };
14
23
  md: {
15
24
  button: {
16
25
  size: string;
17
26
  };
27
+ group: {
28
+ size: string;
29
+ };
30
+ option: {
31
+ size: string;
32
+ };
33
+ label: {
34
+ fontSize: string;
35
+ };
36
+ };
37
+ lg: {
38
+ button: {
39
+ size: string;
40
+ };
41
+ group: {
42
+ size: string;
43
+ };
44
+ option: {
45
+ size: string;
46
+ };
47
+ label: {
48
+ fontSize: string;
49
+ };
18
50
  };
19
51
  };
20
52
  variants: {
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/select/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,wBAMC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/select/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,wBAMC"}
@@ -3,17 +3,49 @@ const defaultProps = {
3
3
  size: 'md',
4
4
  variant: 'outlined',
5
5
  };
6
- const parts = ['container', 'button', 'content', 'group', 'option'];
6
+ const parts = ['container', 'button', 'content', 'group', 'option', 'label'];
7
7
  const sizes = {
8
8
  sm: {
9
9
  button: {
10
10
  size: 'sm',
11
11
  },
12
+ group: {
13
+ size: 'sm',
14
+ },
15
+ option: {
16
+ size: 'sm',
17
+ },
18
+ label: {
19
+ fontSize: 'sm',
20
+ },
12
21
  },
13
22
  md: {
14
23
  button: {
15
24
  size: 'md',
16
25
  },
26
+ group: {
27
+ size: 'md',
28
+ },
29
+ option: {
30
+ size: 'md',
31
+ },
32
+ label: {
33
+ fontSize: 'md',
34
+ },
35
+ },
36
+ lg: {
37
+ button: {
38
+ size: 'lg',
39
+ },
40
+ group: {
41
+ size: 'lg',
42
+ },
43
+ option: {
44
+ size: 'lg',
45
+ },
46
+ label: {
47
+ fontSize: 'lg',
48
+ },
17
49
  },
18
50
  };
19
51
  const variants = {
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/select/theme.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,UAAU;CACpB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAA;AAEnE,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,MAAM,EAAE;YACN,IAAI,EAAE,IAAI;SACX;KACF;IACD,EAAE,EAAE;QACF,MAAM,EAAE;YACN,IAAI,EAAE,IAAI;SACX;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAG;IACf,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,OAAO;YACjB,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,SAAS;SAC5B;KACF;IACD,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,OAAO;YACjB,WAAW,EAAE,aAAa;YAC1B,gBAAgB,EAAE,aAAa;SAChC;KACF;CACF,CAAA;AAED,eAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
1
+ {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/select/theme.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,UAAU;CACpB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAE5E,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,MAAM,EAAE;YACN,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;QACD,MAAM,EAAE;YACN,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;SACf;KACF;IACD,EAAE,EAAE;QACF,MAAM,EAAE;YACN,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;QACD,MAAM,EAAE;YACN,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;SACf;KACF;IACD,EAAE,EAAE;QACF,MAAM,EAAE;YACN,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;QACD,MAAM,EAAE;YACN,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;SACf;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAG;IACf,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,OAAO;YACjB,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,SAAS;SAC5B;KACF;IACD,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,OAAO;YACjB,WAAW,EAAE,aAAa;YAC1B,gBAAgB,EAAE,aAAa;SAChC;KACF;CACF,CAAA;AAED,eAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"switchLabel.d.ts","sourceRoot":"","sources":["../../../src/switch/switchLabel.tsx"],"names":[],"mappings":"AAGA,OAAU,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIhC,uDAAuD;AACvD,eAAO,MAAM,WAAW,gDAKtB,CAAA;AAIF,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"switchLabel.d.ts","sourceRoot":"","sources":["../../../src/switch/switchLabel.tsx"],"names":[],"mappings":"AAGA,OAAU,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIhC,uDAAuD;AACvD,eAAO,MAAM,WAAW,gDAUtB,CAAA;AAIF,eAAe,WAAW,CAAA"}
@@ -7,6 +7,10 @@ import { useSwitchContext } from './context';
7
7
  export const SwitchLabel = vui((props, ref) => {
8
8
  const { className, ...rest } = props;
9
9
  const styles = useStyleConfig('Switch', useSwitchContext());
10
+ // <T> has xs but not xl
11
+ if (styles.label.size === 'xl') {
12
+ rest.fontSize = 20;
13
+ }
10
14
  return _jsx(T, { className: cs('vui-switchLabel', className), display: "flex", ref: ref, ...styles.label, ...rest });
11
15
  });
12
16
  SwitchLabel.displayName = 'SwitchLabel';
@@ -1 +1 @@
1
- {"version":3,"file":"switchLabel.js","sourceRoot":"","sources":["../../../src/switch/switchLabel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,CAAa,MAAM,MAAM,CAAA;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,uDAAuD;AACvD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAA;IAE3D,OAAO,KAAC,CAAC,IAAC,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG,KAAM,MAAM,CAAC,KAAK,KAAM,IAAI,GAAI,CAAA;AAChH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"switchLabel.js","sourceRoot":"","sources":["../../../src/switch/switchLabel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,CAAa,MAAM,MAAM,CAAA;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,uDAAuD;AACvD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAA;IAE3D,wBAAwB;IACxB,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE;QAC9B,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAA;KACnB;IAED,OAAO,KAAC,CAAC,IAAC,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG,KAAM,MAAM,CAAC,KAAK,KAAM,IAAI,GAAI,CAAA;AAChH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
@@ -1,3 +1,19 @@
1
+ declare function sizeXl(): {
2
+ button: {
3
+ fontSize: string;
4
+ minW: number;
5
+ thumb: {
6
+ h: number;
7
+ w: number;
8
+ };
9
+ track: {
10
+ h: number;
11
+ };
12
+ };
13
+ label: {
14
+ size: string;
15
+ };
16
+ };
1
17
  declare function sizeLg(): {
2
18
  button: {
3
19
  fontSize: string;
@@ -66,6 +82,7 @@ declare const _default: {
66
82
  sm: typeof sizeSm;
67
83
  md: typeof sizeMd;
68
84
  lg: typeof sizeLg;
85
+ xl: typeof sizeXl;
69
86
  };
70
87
  variants: {
71
88
  primary: {
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/switch/theme.ts"],"names":[],"mappings":"AAaA,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCD,wBAMC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/switch/theme.ts"],"names":[],"mappings":"AAaA,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCD,wBAMC"}
@@ -9,6 +9,23 @@ const baseStyle = {
9
9
  },
10
10
  },
11
11
  };
12
+ function sizeXl() {
13
+ const button = {
14
+ fontSize: 'lg',
15
+ minW: 58,
16
+ thumb: {
17
+ h: 28,
18
+ w: 28,
19
+ },
20
+ track: {
21
+ h: 32,
22
+ },
23
+ };
24
+ const label = {
25
+ size: 'xl',
26
+ };
27
+ return { button, label };
28
+ }
12
29
  function sizeLg() {
13
30
  const button = {
14
31
  fontSize: 'md',
@@ -69,6 +86,7 @@ const sizes = {
69
86
  sm: sizeSm,
70
87
  md: sizeMd,
71
88
  lg: sizeLg,
89
+ xl: sizeXl,
72
90
  };
73
91
  const variants = {
74
92
  primary: {
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/switch/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,SAAS,GAAG;IAChB,MAAM,EAAE;QACN,KAAK,EAAE;YACL,EAAE,EAAE,OAAO;SACZ;QACD,KAAK,EAAE;YACL,IAAI,EAAE,CAAC;SACR;KACF;CACF,CAAA;AAED,SAAS,MAAM;IACb,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAA;IAED,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,IAAI;KACX,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC;AAED,SAAS,MAAM;IACb,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAA;IAED,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,IAAI;KACX,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC;AAED,SAAS,MAAM;IACb,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAA;IAED,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,IAAI;KACX,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC;AAED,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAE9C,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;CACX,CAAA;AAED,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE;QACP,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,EAAE,EAAE,YAAY,CAAC,IAAI;aACtB;SACF;KACF;IACD,KAAK,EAAE;QACL,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,EAAE,EAAE,YAAY,CAAC,KAAK;aACvB;SACF;KACF;IACD,GAAG,EAAE;QACH,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,EAAE,EAAE,YAAY,CAAC,GAAG;aACrB;SACF;KACF;CACF,CAAA;AAED,eAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
1
+ {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/switch/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,SAAS,GAAG;IAChB,MAAM,EAAE;QACN,KAAK,EAAE;YACL,EAAE,EAAE,OAAO;SACZ;QACD,KAAK,EAAE;YACL,IAAI,EAAE,CAAC;SACR;KACF;CACF,CAAA;AAED,SAAS,MAAM;IACb,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAA;IAED,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,IAAI;KACX,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC;AAED,SAAS,MAAM;IACb,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAA;IAED,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,IAAI;KACX,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC;AAED,SAAS,MAAM;IACb,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAA;IAED,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,IAAI;KACX,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC;AAED,SAAS,MAAM;IACb,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAA;IAED,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,IAAI;KACX,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC;AAED,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAE9C,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;CACX,CAAA;AAED,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE;QACP,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,EAAE,EAAE,YAAY,CAAC,IAAI;aACtB;SACF;KACF;IACD,KAAK,EAAE;QACL,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,EAAE,EAAE,YAAY,CAAC,KAAK;aACvB;SACF;KACF;IACD,GAAG,EAAE;QACH,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,EAAE,EAAE,YAAY,CAAC,GAAG;aACrB;SACF;KACF;CACF,CAAA;AAED,eAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"tabsNavBar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"AASA,OAAO,EAAiC,cAAc,EAAE,MAAM,cAAc,CAAA;AAK5E,eAAO,MAAM,UAAU,uDAgFrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"tabsNavBar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"AASA,OAAO,EAAiC,cAAc,EAAE,MAAM,cAAc,CAAA;AAK5E,eAAO,MAAM,UAAU,uDAmFrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
@@ -18,7 +18,10 @@ export const TabsNavBar = vui((props, ref) => {
18
18
  const py = sizes[size ?? 'md'].tabsNavBar.py;
19
19
  const iconMarginRight = size === 'xxl' ? '16px' : '8px';
20
20
  const isActive = (tab) => !tab.disabled && tab?.index === activeNavItem;
21
- return (_jsxs(List, { alignItems: "end", borderBottom: showBorder ? `1px solid ${border}` : 'none', className: cs('vui-tabsNavBar'), display: "flex", isInteractive: true, mb: "20px", ref: ref, w: 1, children: [tabs?.map?.(tab => (_jsxs(ListItem, { activeBg: tab.disabled ? undefined : activeBg, bg: "white", className: `vui-tabsNavBarItem vui-tabsNavBarItem-${tab?.id}`, color: isActive(tab) ? main : color, disabled: tab.disabled, display: "inline-flex", fontSize: fontSize, fontWeight: 500, h: h, hoverBg: tab.disabled ? undefined : hover, onClick: e => onNavItemClick?.(tab.index || 0, e), position: "relative", px: "16px", py: py, children: [_jsxs(Box, { alignItems: "center", children: [!!tab.icon && _jsx(Icon, { mr: iconMarginRight, name: tab.icon, size: iconSize }), tab.title] }), !!tab.onDelete && (_jsx(TagButton, { disabled: tab.disabled, hoverBg: "skyBlue.80", hoverColor: "seaBlue.main", isRound: false, ml: 1, onClick: e => tab?.onDelete?.(e), title: "Delete" })), isActive(tab) && (_jsx(Box, { animation: animationDirection, bg: main, bottom: "-1px", h: borderWidth, left: 0, position: "absolute", w: 1, children: "\u00A0" }))] }, tab.index))), !!actions && (_jsx(Box, { ml: "auto", px: 0.75, py: 0.5, children: actions }))] }));
21
+ return (_jsxs(List, { alignItems: "end", borderBottom: showBorder ? `1px solid ${border}` : 'none', className: cs('vui-tabsNavBar'), display: "flex", isInteractive: true, mb: "20px", ref: ref, w: 1, children: [tabs?.map?.(tab => (_jsxs(ListItem, { activeBg: tab.disabled ? undefined : activeBg, bg: "white", className: `vui-tabsNavBarItem vui-tabsNavBarItem-${tab?.id}`, color: isActive(tab) ? main : color, disabled: tab.disabled, display: "inline-flex", fontSize: fontSize, fontWeight: 500, h: h, hoverBg: tab.disabled ? undefined : hover, onClick: e => onNavItemClick?.(tab.index || 0, e), position: "relative", px: "16px", py: py, children: [_jsxs(Box, { alignItems: "center", children: [!!tab.icon && _jsx(Icon, { mr: iconMarginRight, name: tab.icon, size: iconSize }), tab.title] }), !!tab.onDelete && (_jsx(TagButton, { disabled: tab.disabled, hoverBg: "skyBlue.80", hoverColor: "seaBlue.main", isRound: false, ml: 1, onClick: e => {
22
+ e.stopPropagation();
23
+ tab?.onDelete?.(e);
24
+ }, title: "Delete" })), isActive(tab) && (_jsx(Box, { animation: animationDirection, bg: main, bottom: "-1px", h: borderWidth, left: 0, position: "absolute", w: 1, children: "\u00A0" }))] }, tab.index))), !!actions && (_jsx(Box, { ml: "auto", px: 0.75, py: 0.5, children: actions }))] }));
22
25
  });
23
26
  TabsNavBar.displayName = 'TabsNavBar';
24
27
  export default TabsNavBar;
@@ -1 +1 @@
1
- {"version":3,"file":"tabsNavBar.js","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tabsNavBar.js","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"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"}
@@ -4,6 +4,6 @@ export declare const TextareaBase: import("styled-components").StyledComponent<"
4
4
  * Displays a textarea element wrapped in a div to allow extra content, like counter.
5
5
  * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.
6
6
  */
7
- export declare const Textarea: import("../core").VuiComponent<"div", TextareaProps>;
7
+ export declare const Textarea: import("..").VuiComponent<"div", TextareaProps>;
8
8
  export default Textarea;
9
9
  //# sourceMappingURL=textarea.d.ts.map