@cube-dev/ui-kit 0.59.14 → 0.60.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 (441) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/es/_internal/hooks/index.js +1 -1
  3. package/es/_internal/hooks/use-chained-callback.js +1 -1
  4. package/es/_internal/hooks/use-debounced-value.js +1 -1
  5. package/es/_internal/hooks/use-deprecation-warning.js +1 -1
  6. package/es/_internal/hooks/use-effect-once.js +1 -1
  7. package/es/_internal/hooks/use-event.js +1 -1
  8. package/es/_internal/hooks/use-is-first-render.js +1 -1
  9. package/es/_internal/hooks/use-sync-ref.js +1 -1
  10. package/es/_internal/hooks/use-timer/index.js +1 -1
  11. package/es/_internal/hooks/use-timer/timer.js +1 -1
  12. package/es/_internal/hooks/use-timer/use-timer.js +1 -1
  13. package/es/_internal/hooks/use-update-effect.js +1 -1
  14. package/es/_internal/hooks/use-warn.js +1 -1
  15. package/es/_internal/index.js +1 -1
  16. package/es/components/Block.js +1 -1
  17. package/es/components/GlobalStyles.js +14 -65
  18. package/es/components/GridProvider.js +1 -1
  19. package/es/components/HiddenInput.js +1 -1
  20. package/es/components/OpenTrasition.js +1 -1
  21. package/es/components/Root.js +1 -1
  22. package/es/components/actions/Action/Action.js +1 -1
  23. package/es/components/actions/Button/Button.js +127 -85
  24. package/es/components/actions/Button/index.js +1 -1
  25. package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  26. package/es/components/actions/index.js +1 -1
  27. package/es/components/actions/use-action.js +1 -1
  28. package/es/components/content/ActiveZone/ActiveZone.js +1 -1
  29. package/es/components/content/Alert/Alert.js +3 -3
  30. package/es/components/content/Alert/index.js +1 -1
  31. package/es/components/content/Alert/types.js +1 -1
  32. package/es/components/content/Alert/use-alert.js +1 -1
  33. package/es/components/content/Avatar/Avatar.js +1 -1
  34. package/es/components/content/Badge/Badge.js +1 -1
  35. package/es/components/content/Card/Card.js +3 -3
  36. package/es/components/content/Content.js +1 -1
  37. package/es/components/content/CopyPasteBlock/CopyPasteBlock.js +2 -2
  38. package/es/components/content/CopyPasteBlock/index.js +1 -1
  39. package/es/components/content/CopySnippet/CopySnippet.js +2 -2
  40. package/es/components/content/CopySnippet/index.js +1 -1
  41. package/es/components/content/Divider.js +3 -3
  42. package/es/components/content/Footer.js +1 -1
  43. package/es/components/content/Header.js +1 -1
  44. package/es/components/content/Paragraph.js +1 -1
  45. package/es/components/content/Placeholder/Placeholder.js +1 -1
  46. package/es/components/content/PrismCode/PrismCode.js +1 -1
  47. package/es/components/content/PrismDiffCode/PrismDiffCode.js +1 -1
  48. package/es/components/content/Result/Result.js +8 -11
  49. package/es/components/content/Skeleton/Skeleton.js +1 -1
  50. package/es/components/content/Tag/Tag.js +5 -8
  51. package/es/components/content/Text.js +1 -1
  52. package/es/components/content/Title.js +1 -1
  53. package/es/components/fields/Checkbox/Checkbox.js +6 -10
  54. package/es/components/fields/Checkbox/CheckboxGroup.js +1 -1
  55. package/es/components/fields/Checkbox/context.js +1 -1
  56. package/es/components/fields/Checkbox/index.js +1 -1
  57. package/es/components/fields/ComboBox/ComboBox.js +13 -12
  58. package/es/components/fields/ComboBox/index.js +1 -1
  59. package/es/components/fields/DatePicker/DateInput.js +1 -1
  60. package/es/components/fields/DatePicker/DateInputBase.js +1 -1
  61. package/es/components/fields/DatePicker/DatePicker.js +1 -1
  62. package/es/components/fields/DatePicker/DatePickerButton.js +1 -1
  63. package/es/components/fields/DatePicker/DatePickerElement.js +1 -1
  64. package/es/components/fields/DatePicker/DatePickerInput.js +1 -1
  65. package/es/components/fields/DatePicker/DatePickerSegment.js +1 -1
  66. package/es/components/fields/DatePicker/DateRangePicker.js +1 -1
  67. package/es/components/fields/DatePicker/DateRangeSeparatedPicker.js +1 -1
  68. package/es/components/fields/DatePicker/TimeInput.js +1 -1
  69. package/es/components/fields/DatePicker/index.js +1 -1
  70. package/es/components/fields/DatePicker/intl.js +1 -1
  71. package/es/components/fields/DatePicker/parseDate.js +1 -1
  72. package/es/components/fields/DatePicker/props.js +1 -1
  73. package/es/components/fields/DatePicker/types.js +1 -1
  74. package/es/components/fields/DatePicker/utils.js +1 -1
  75. package/es/components/fields/FileInput/FileInput.js +1 -1
  76. package/es/components/fields/Input/Input.js +1 -1
  77. package/es/components/fields/Input/index.js +1 -1
  78. package/es/components/fields/NumberInput/NumberInput.js +1 -1
  79. package/es/components/fields/NumberInput/StepButton.js +1 -1
  80. package/es/components/fields/PasswordInput/PasswordInput.js +1 -1
  81. package/es/components/fields/RadioGroup/Radio.js +1 -1
  82. package/es/components/fields/RadioGroup/RadioGroup.js +1 -1
  83. package/es/components/fields/RadioGroup/context.js +1 -1
  84. package/es/components/fields/RadioGroup/index.js +1 -1
  85. package/es/components/fields/SearchInput/SearchInput.js +6 -3
  86. package/es/components/fields/SearchInput/index.js +1 -1
  87. package/es/components/fields/Select/Select.js +13 -13
  88. package/es/components/fields/Select/index.js +1 -1
  89. package/es/components/fields/Slider/Gradation.js +1 -1
  90. package/es/components/fields/Slider/Header.js +1 -1
  91. package/es/components/fields/Slider/RangeSlider.js +1 -1
  92. package/es/components/fields/Slider/Slider.js +1 -1
  93. package/es/components/fields/Slider/SliderBase.js +1 -1
  94. package/es/components/fields/Slider/SliderInput.js +1 -1
  95. package/es/components/fields/Slider/SliderThumb.js +1 -1
  96. package/es/components/fields/Slider/SliderTrack.js +1 -1
  97. package/es/components/fields/Slider/elements.js +1 -1
  98. package/es/components/fields/Slider/index.js +1 -1
  99. package/es/components/fields/Slider/types.js +1 -1
  100. package/es/components/fields/Switch/Switch.js +24 -13
  101. package/es/components/fields/Switch/index.js +1 -1
  102. package/es/components/fields/TextArea/TextArea.js +1 -1
  103. package/es/components/fields/TextArea/index.js +1 -1
  104. package/es/components/fields/TextInput/TextInput.js +1 -1
  105. package/es/components/fields/TextInput/TextInputBase.js +5 -6
  106. package/es/components/fields/TextInput/index.js +1 -1
  107. package/es/components/fields/TextInputMapper/TextInputMapper.js +1 -1
  108. package/es/components/fields/TextInputMapper/index.js +1 -1
  109. package/es/components/fields/index.js +1 -1
  110. package/es/components/form/FieldWrapper/FieldWrapper.js +1 -1
  111. package/es/components/form/FieldWrapper/extract-field-wrapper-props.js +1 -1
  112. package/es/components/form/FieldWrapper/index.js +1 -1
  113. package/es/components/form/FieldWrapper/types.js +1 -1
  114. package/es/components/form/Form/Field.js +1 -1
  115. package/es/components/form/Form/Form.js +1 -1
  116. package/es/components/form/Form/ResetButton/ResetButton.js +1 -1
  117. package/es/components/form/Form/ResetButton/index.js +1 -1
  118. package/es/components/form/Form/SubmitButton/SubmitButton.js +1 -1
  119. package/es/components/form/Form/SubmitButton/index.js +1 -1
  120. package/es/components/form/Form/SubmitError.js +1 -1
  121. package/es/components/form/Form/index.js +1 -1
  122. package/es/components/form/Form/types.js +1 -1
  123. package/es/components/form/Form/use-field/index.js +1 -1
  124. package/es/components/form/Form/use-field/types.js +1 -1
  125. package/es/components/form/Form/use-field/use-field-props.js +1 -1
  126. package/es/components/form/Form/use-field/use-field.js +1 -1
  127. package/es/components/form/Form/use-form.js +1 -1
  128. package/es/components/form/Form/validation.js +1 -1
  129. package/es/components/form/Label.js +1 -1
  130. package/es/components/form/index.js +1 -1
  131. package/es/components/form/wrapper.js +1 -1
  132. package/es/components/layout/Flex.js +1 -1
  133. package/es/components/layout/Flow.js +1 -1
  134. package/es/components/layout/Grid.js +1 -1
  135. package/es/components/layout/Panel.js +1 -1
  136. package/es/components/layout/Prefix.js +1 -1
  137. package/es/components/layout/ResizablePanel.js +1 -1
  138. package/es/components/layout/Space.js +4 -2
  139. package/es/components/layout/Suffix.js +1 -1
  140. package/es/components/navigation/LegacyTabs/LegacyTabs.js +3 -3
  141. package/es/components/navigation/Link/Link.js +1 -1
  142. package/es/components/organisms/FileTabs/FileTabs.js +7 -12
  143. package/es/components/organisms/Modal/Modal.js +1 -1
  144. package/es/components/organisms/StatsCard/StatsCard.js +1 -1
  145. package/es/components/other/Base64Upload/Base64Upload.js +1 -1
  146. package/es/components/other/Calendar/Calendar.js +1 -1
  147. package/es/components/other/Calendar/CalendarCell.js +1 -1
  148. package/es/components/other/Calendar/CalendarGrid.js +1 -1
  149. package/es/components/other/Calendar/RangeCalendar.js +1 -1
  150. package/es/components/other/CloudLogo/CloudLogo.js +1 -1
  151. package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
  152. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  153. package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  154. package/es/components/overlays/AlertDialog/index.js +1 -1
  155. package/es/components/overlays/AlertDialog/types.js +1 -1
  156. package/es/components/overlays/Dialog/Dialog.js +30 -31
  157. package/es/components/overlays/Dialog/DialogContainer.js +1 -1
  158. package/es/components/overlays/Dialog/DialogForm.js +1 -1
  159. package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
  160. package/es/components/overlays/Dialog/context.js +1 -1
  161. package/es/components/overlays/Dialog/dialog-container.js +1 -1
  162. package/es/components/overlays/Dialog/index.js +1 -1
  163. package/es/components/overlays/Modal/Modal.js +1 -1
  164. package/es/components/overlays/Modal/OpenTransition.js +1 -1
  165. package/es/components/overlays/Modal/Overlay.js +1 -1
  166. package/es/components/overlays/Modal/Popover.js +1 -1
  167. package/es/components/overlays/Modal/Tray.js +1 -1
  168. package/es/components/overlays/Modal/Underlay.js +2 -2
  169. package/es/components/overlays/Modal/index.js +1 -1
  170. package/es/components/overlays/Modal/types.js +1 -1
  171. package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
  172. package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +1 -1
  173. package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
  174. package/es/components/overlays/NewNotifications/Bar/index.js +1 -1
  175. package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +1 -1
  176. package/es/components/overlays/NewNotifications/Dialog/index.js +1 -1
  177. package/es/components/overlays/NewNotifications/Notification.js +1 -1
  178. package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +1 -1
  179. package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
  180. package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
  181. package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +1 -1
  182. package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
  183. package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
  184. package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
  185. package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +1 -1
  186. package/es/components/overlays/NewNotifications/NotificationView/index.js +1 -1
  187. package/es/components/overlays/NewNotifications/NotificationView/types.js +1 -1
  188. package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
  189. package/es/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
  190. package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +1 -1
  191. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +1 -1
  192. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +1 -1
  193. package/es/components/overlays/NewNotifications/NotificationsList/index.js +1 -1
  194. package/es/components/overlays/NewNotifications/NotificationsList/types.js +1 -1
  195. package/es/components/overlays/NewNotifications/hooks/index.js +1 -1
  196. package/es/components/overlays/NewNotifications/hooks/types.js +1 -1
  197. package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
  198. package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
  199. package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
  200. package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +1 -1
  201. package/es/components/overlays/NewNotifications/index.js +1 -1
  202. package/es/components/overlays/NewNotifications/types.js +1 -1
  203. package/es/components/overlays/Notification/Notification.js +1 -1
  204. package/es/components/overlays/OverlayWrapper.js +1 -1
  205. package/es/components/overlays/Toasts/Toast.js +1 -1
  206. package/es/components/overlays/Toasts/index.js +1 -1
  207. package/es/components/overlays/Toasts/types.js +1 -1
  208. package/es/components/overlays/Toasts/use-toasts-api.js +1 -1
  209. package/es/components/overlays/Tooltip/Tooltip.js +1 -1
  210. package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
  211. package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  212. package/es/components/overlays/Tooltip/context.js +1 -1
  213. package/es/components/overlays/Tooltip/index.js +1 -1
  214. package/es/components/pickers/Menu/Menu.js +1 -1
  215. package/es/components/pickers/Menu/MenuButton.js +11 -19
  216. package/es/components/pickers/Menu/MenuItem.js +1 -1
  217. package/es/components/pickers/Menu/MenuSection.js +1 -1
  218. package/es/components/pickers/Menu/MenuTrigger.js +1 -1
  219. package/es/components/pickers/Menu/context.js +1 -1
  220. package/es/components/pickers/Menu/styled.js +2 -2
  221. package/es/components/portal/Portal.js +1 -1
  222. package/es/components/portal/PortalProvider.js +1 -1
  223. package/es/components/portal/index.js +1 -1
  224. package/es/components/portal/storybook/templates/CustomRoot.js +1 -1
  225. package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
  226. package/es/components/portal/storybook/templates/basic.js +1 -1
  227. package/es/components/portal/storybook/templates/index.js +1 -1
  228. package/es/components/portal/types.js +1 -1
  229. package/es/components/portal/usePortal.js +1 -1
  230. package/es/components/shared/InvalidIcon.js +1 -1
  231. package/es/components/shared/ValidIcon.js +1 -1
  232. package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  233. package/es/components/status/LoadingAnimation/index.js +1 -1
  234. package/es/components/status/Spin/Cube.js +1 -1
  235. package/es/components/status/Spin/InternalSpinner.js +1 -1
  236. package/es/components/status/Spin/Spin.js +1 -1
  237. package/es/components/status/Spin/SpinsContainer.js +1 -1
  238. package/es/components/status/Spin/index.js +1 -1
  239. package/es/components/status/Spin/types.js +1 -1
  240. package/es/components/status/index.js +1 -1
  241. package/es/data/themes.js +6 -6
  242. package/es/icons/AiIcon.js +3 -2
  243. package/es/icons/AreaChartIcon.js +3 -2
  244. package/es/icons/BackwardIcon.js +3 -2
  245. package/es/icons/BarChartIcon.js +3 -2
  246. package/es/icons/BellFilledIcon.js +3 -2
  247. package/es/icons/BellIcon.js +4 -3
  248. package/es/icons/BooleanIcon.js +1 -1
  249. package/es/icons/CalendarEditIcon.js +1 -1
  250. package/es/icons/CalendarIcon.js +1 -1
  251. package/es/icons/CaretDownIcon.js +3 -2
  252. package/es/icons/CaretUpIcon.js +3 -2
  253. package/es/icons/CheckCircleFilledIcon.js +3 -2
  254. package/es/icons/CheckCircleIcon.js +3 -2
  255. package/es/icons/CheckIcon.js +3 -2
  256. package/es/icons/CircleFilledIcon.js +3 -2
  257. package/es/icons/ClearIcon.js +3 -2
  258. package/es/icons/CloseCircleFilledIcon.js +3 -2
  259. package/es/icons/CloseCircleIcon.js +3 -2
  260. package/es/icons/CloseIcon.js +3 -2
  261. package/es/icons/CodeIcon.js +4 -3
  262. package/es/icons/CopyIcon.js +4 -3
  263. package/es/icons/CountIcon.js +1 -1
  264. package/es/icons/CubeIcon.js +1 -1
  265. package/es/icons/DangerIcon.js +4 -3
  266. package/es/icons/DashboardIcon.js +3 -2
  267. package/es/icons/DatabaseIcon.js +3 -2
  268. package/es/icons/DirectionIcon.js +1 -1
  269. package/es/icons/DonutIcon.js +3 -2
  270. package/es/icons/DownIcon.js +3 -2
  271. package/es/icons/EditIcon.js +3 -2
  272. package/es/icons/ExclamationCircleFilledIcon.js +3 -2
  273. package/es/icons/ExclamationCircleIcon.js +3 -2
  274. package/es/icons/ExclamationIcon.js +3 -2
  275. package/es/icons/EyeIcon.js +3 -2
  276. package/es/icons/EyeInvisibleIcon.js +4 -3
  277. package/es/icons/FilterIcon.js +3 -2
  278. package/es/icons/FolderFilledIcon.js +3 -2
  279. package/es/icons/FolderIcon.js +3 -2
  280. package/es/icons/FolderOpenFilledIcon.js +1 -1
  281. package/es/icons/FolderOpenIcon.js +3 -2
  282. package/es/icons/ForwardIcon.js +3 -2
  283. package/es/icons/HierarchyIcon.js +1 -1
  284. package/es/icons/Icon.js +31 -9
  285. package/es/icons/InfoCircleIcon.js +3 -2
  286. package/es/icons/InfoIcon.js +3 -2
  287. package/es/icons/KeyIcon.js +3 -2
  288. package/es/icons/LeftIcon.js +3 -2
  289. package/es/icons/LineChartIcon.js +3 -2
  290. package/es/icons/LoadingIcon.js +1 -1
  291. package/es/icons/LockFilledIcon.js +3 -2
  292. package/es/icons/LockIcon.js +3 -2
  293. package/es/icons/MoreIcon.js +3 -2
  294. package/es/icons/NotAllowedIcon.js +3 -2
  295. package/es/icons/NumberIcon.js +3 -2
  296. package/es/icons/PauseCircleFilledIcon.js +1 -1
  297. package/es/icons/PauseCircleIcon.js +1 -1
  298. package/es/icons/PauseIcon.js +3 -2
  299. package/es/icons/PieChartIcon.js +3 -2
  300. package/es/icons/PlayCircleIcon.js +3 -2
  301. package/es/icons/PlayIcon.js +3 -2
  302. package/es/icons/PlusIcon.js +3 -2
  303. package/es/icons/ReloadIcon.js +3 -2
  304. package/es/icons/ReportIcon.js +4 -3
  305. package/es/icons/ReturnIcon.js +3 -2
  306. package/es/icons/RightIcon.js +3 -2
  307. package/es/icons/SchemeIcon.js +4 -3
  308. package/es/icons/SearchIcon.js +3 -2
  309. package/es/icons/SettingsIcon.js +4 -3
  310. package/es/icons/ShieldFilledIcon.js +3 -2
  311. package/es/icons/ShieldIcon.js +3 -2
  312. package/es/icons/SlashIcon.js +3 -2
  313. package/es/icons/SparklesIcon.js +4 -3
  314. package/es/icons/SqlIcon.js +3 -2
  315. package/es/icons/StatsIcon.js +1 -1
  316. package/es/icons/StopIcon.js +3 -2
  317. package/es/icons/StringIcon.js +1 -1
  318. package/es/icons/SwitchIcon.js +3 -2
  319. package/es/icons/TableIcon.js +3 -2
  320. package/es/icons/ThumbsDownIcon.js +3 -2
  321. package/es/icons/ThumbsUpIcon.js +3 -2
  322. package/es/icons/ThunderboltCrossedIcon.js +3 -2
  323. package/es/icons/ThunderboltFilledIcon.js +3 -2
  324. package/es/icons/ThunderboltIcon.js +3 -2
  325. package/es/icons/TimeIcon.js +3 -2
  326. package/es/icons/UnlockIcon.js +3 -2
  327. package/es/icons/UpIcon.js +3 -2
  328. package/es/icons/UserGroupIcon.js +1 -1
  329. package/es/icons/UserIcon.js +1 -1
  330. package/es/icons/UserLockIcon.js +1 -1
  331. package/es/icons/ViewIcon.js +1 -1
  332. package/es/icons/WarningFilledIcon.js +3 -2
  333. package/es/icons/WarningIcon.js +3 -2
  334. package/es/icons/add-new-icon.js +1 -1
  335. package/es/icons/index.js +1 -1
  336. package/es/icons/wrap-icon.js +4 -2
  337. package/es/index.js +1 -1
  338. package/es/provider.js +1 -1
  339. package/es/providers/TrackingProvider.js +1 -1
  340. package/es/services/notification.js +1 -1
  341. package/es/shared/form.js +1 -1
  342. package/es/shared/index.js +1 -1
  343. package/es/stories/Form.stories.js +1 -1
  344. package/es/stories/FormFieldArgs.js +1 -1
  345. package/es/stories/Layout.stories.js +1 -1
  346. package/es/stories/Tasty.stories.js +1 -1
  347. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  348. package/es/stories/components/DialogFormApp.js +1 -1
  349. package/es/stories/components/StyledButton.js +1 -1
  350. package/es/stories/lists/baseProps.js +1 -1
  351. package/es/tasty/index.js +1 -1
  352. package/es/tasty/providers/BreakpointsProvider.js +1 -1
  353. package/es/tasty/styles/align.js +1 -1
  354. package/es/tasty/styles/border.js +1 -1
  355. package/es/tasty/styles/boxShadow.combinator.js +1 -1
  356. package/es/tasty/styles/color.js +1 -1
  357. package/es/tasty/styles/createStyle.js +1 -1
  358. package/es/tasty/styles/dimension.js +1 -1
  359. package/es/tasty/styles/display.js +1 -1
  360. package/es/tasty/styles/fade.js +1 -1
  361. package/es/tasty/styles/fill.js +1 -1
  362. package/es/tasty/styles/flow.js +1 -1
  363. package/es/tasty/styles/font.js +1 -1
  364. package/es/tasty/styles/fontStyle.js +1 -1
  365. package/es/tasty/styles/gap.js +2 -2
  366. package/es/tasty/styles/groupRadius.js +1 -1
  367. package/es/tasty/styles/height.js +1 -1
  368. package/es/tasty/styles/index.js +1 -1
  369. package/es/tasty/styles/inset.js +1 -1
  370. package/es/tasty/styles/justify.js +1 -1
  371. package/es/tasty/styles/list.js +1 -1
  372. package/es/tasty/styles/margin.js +1 -1
  373. package/es/tasty/styles/marginBlock.js +1 -1
  374. package/es/tasty/styles/marginInline.js +1 -1
  375. package/es/tasty/styles/outline.js +1 -1
  376. package/es/tasty/styles/padding.js +1 -1
  377. package/es/tasty/styles/paddingBlock.js +1 -1
  378. package/es/tasty/styles/paddingInline.js +1 -1
  379. package/es/tasty/styles/predefined.js +14 -14
  380. package/es/tasty/styles/preset.js +16 -2
  381. package/es/tasty/styles/radius.js +1 -1
  382. package/es/tasty/styles/reset.js +1 -1
  383. package/es/tasty/styles/shadow.js +1 -1
  384. package/es/tasty/styles/styledScrollbar.js +1 -1
  385. package/es/tasty/styles/transition.js +1 -1
  386. package/es/tasty/styles/types.js +1 -1
  387. package/es/tasty/styles/width.js +1 -1
  388. package/es/tasty/tasty.js +1 -1
  389. package/es/tasty/types.js +1 -1
  390. package/es/tasty/utils/cache-wrapper.js +1 -1
  391. package/es/tasty/utils/case-converter.js +1 -1
  392. package/es/tasty/utils/colors.js +1 -1
  393. package/es/tasty/utils/dotize.js +1 -1
  394. package/es/tasty/utils/filterBaseProps.js +1 -1
  395. package/es/tasty/utils/getDisplayName.js +1 -1
  396. package/es/tasty/utils/getModCombinations.js +1 -1
  397. package/es/tasty/utils/mergeStyles.js +1 -1
  398. package/es/tasty/utils/modAttrs.js +1 -1
  399. package/es/tasty/utils/renderStyles.js +1 -1
  400. package/es/tasty/utils/responsive.js +1 -1
  401. package/es/tasty/utils/string.js +1 -1
  402. package/es/tasty/utils/styles.js +2 -1
  403. package/es/tasty/utils/warnings.js +1 -1
  404. package/es/tokens.js +83 -50
  405. package/es/type-checks.js +1 -1
  406. package/es/utils/ResizeSensor.js +1 -1
  407. package/es/utils/modules.js +1 -1
  408. package/es/utils/promise.js +1 -1
  409. package/es/utils/random.js +1 -1
  410. package/es/utils/range.js +1 -1
  411. package/es/utils/react/Slots.js +1 -1
  412. package/es/utils/react/chain.js +1 -1
  413. package/es/utils/react/index.js +1 -1
  414. package/es/utils/react/interactions.js +1 -1
  415. package/es/utils/react/isTextOnly.js +1 -1
  416. package/es/utils/react/mapProps.js +1 -1
  417. package/es/utils/react/mergeProps.js +1 -1
  418. package/es/utils/react/nullableValue.js +1 -1
  419. package/es/utils/react/useCombinedRefs.js +1 -1
  420. package/es/utils/react/useId.js +1 -1
  421. package/es/utils/react/useLayoutEffect.js +1 -1
  422. package/es/utils/react/useQaProps.js +1 -1
  423. package/es/utils/react/useViewportSize.js +1 -1
  424. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  425. package/es/utils/transitions.js +1 -1
  426. package/es/utils/tree.js +1 -1
  427. package/es/utils/warnings.js +1 -1
  428. package/es/version.js +2 -2
  429. package/package.json +6 -2
  430. package/types/components/actions/Button/Button.d.ts +97 -2
  431. package/types/components/fields/DatePicker/DatePickerElement.d.ts +3 -3
  432. package/types/components/fields/RadioGroup/Radio.d.ts +6 -6
  433. package/types/components/fields/Select/Select.d.ts +3 -2
  434. package/types/components/pickers/Menu/styled.d.ts +6 -6
  435. package/types/data/themes.d.ts +5 -5
  436. package/types/icons/Icon.d.ts +4 -1
  437. package/types/icons/wrap-icon.d.ts +2 -2
  438. package/types/tasty/styles/types.d.ts +5 -1
  439. package/types/tasty/types.d.ts +1 -1
  440. package/types/tasty/utils/styles.d.ts +1 -0
  441. package/types/tokens.d.ts +25 -4
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -21,7 +21,10 @@ const ClearButton = tasty(Button, {
21
21
  icon: _jsx(CloseIcon, {}),
22
22
  styles: {
23
23
  radius: 'right (1r - 1bw)',
24
- width: '4x',
24
+ width: {
25
+ '': '4x',
26
+ '[data-size="small"]': '3x',
27
+ },
25
28
  height: 'auto',
26
29
  placeSelf: 'stretch',
27
30
  },
@@ -34,7 +37,7 @@ export const SearchInput = forwardRef(function SearchInput(props, ref) {
34
37
  let state = useSearchFieldState(props);
35
38
  let { inputProps, clearButtonProps } = useSearchField(props, state, inputRef);
36
39
  let showClearButton = isClearable && state.value !== '' && !props.isReadOnly;
37
- return (_jsx(TextInputBase, { ref: ref, inputProps: inputProps, inputRef: inputRef, type: "search", icon: _jsx(SearchIcon, {}), suffixPosition: "after", ...props, suffix: props.suffix || showClearButton ? (_jsxs(_Fragment, { children: [props.suffix, showClearButton && (_jsx(ClearButton, { type: validationState === 'invalid' ? 'clear' : 'neutral', theme: validationState === 'invalid' ? 'danger' : undefined, ...ariaToCubeButtonProps(clearButtonProps) }))] })) : undefined }));
40
+ return (_jsx(TextInputBase, { ref: ref, inputProps: inputProps, inputRef: inputRef, type: "search", icon: _jsx(SearchIcon, {}), suffixPosition: "after", ...props, suffix: props.suffix || showClearButton ? (_jsxs(_Fragment, { children: [props.suffix, showClearButton && (_jsx(ClearButton, { size: props.size, type: validationState === 'invalid' ? 'clear' : 'neutral', theme: validationState === 'invalid' ? 'danger' : undefined, ...ariaToCubeButtonProps(clearButtonProps) }))] })) : undefined }));
38
41
  });
39
42
 
40
43
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -11,9 +11,9 @@ import { cloneElement, forwardRef, useMemo, useRef, } from 'react';
11
11
  import { DismissButton, FocusScope, HiddenSelect, useButton, useHover, useListBox, useOption, useOverlay, useOverlayPosition, useSelect, } from 'react-aria';
12
12
  import { Item, useSelectState } from 'react-stately';
13
13
  import styled from 'styled-components';
14
- import { LoadingIcon } from '../../../icons/index';
14
+ import { DownIcon, LoadingIcon } from '../../../icons/index';
15
15
  import { useProviderProps } from '../../../provider';
16
- import { BLOCK_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tasty/index';
16
+ import { BASE_STYLES, COLOR_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tasty/index';
17
17
  import { mergeProps, useCombinedRefs } from '../../../utils/react/index';
18
18
  import { useFocus } from '../../../utils/react/interactions';
19
19
  import { getOverlayTransitionCSS } from '../../../utils/transitions';
@@ -23,9 +23,6 @@ import { OverlayWrapper } from '../../overlays/OverlayWrapper';
23
23
  import { InvalidIcon } from '../../shared/InvalidIcon';
24
24
  import { ValidIcon } from '../../shared/ValidIcon';
25
25
  import { DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES } from '../index';
26
- function CaretDownIcon() {
27
- return (_jsx("svg", { "aria-hidden": "true", width: "14", height: "14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M11.49 4.102H2.51c-.269 0-.42.284-.253.478l4.49 5.206a.342.342 0 00.506 0l4.49-5.206c.167-.194.016-.478-.253-.478z", fill: "currentColor" }) }));
28
- }
29
26
  const SelectWrapperElement = tasty({
30
27
  styles: {
31
28
  display: 'grid',
@@ -64,7 +61,10 @@ const SelectWrapperElement = tasty({
64
61
  CaretIcon: {
65
62
  display: 'grid',
66
63
  placeItems: 'center',
67
- width: 'min 4x',
64
+ width: {
65
+ '': '4x',
66
+ '[data-size="small"]': '3x',
67
+ },
68
68
  cursor: 'pointer',
69
69
  fontSize: 'inherit',
70
70
  },
@@ -141,7 +141,7 @@ const ListBoxElement = tasty({
141
141
  margin: '0',
142
142
  padding: '.5x',
143
143
  listStyle: 'none',
144
- radius: '@large-radius',
144
+ radius: '1cr',
145
145
  fill: '#white',
146
146
  shadow: '0px 4px 16px #shadow',
147
147
  height: 'initial 30x',
@@ -183,6 +183,7 @@ const StyledOverlayElement = styled(OverlayElement) `
183
183
  return getOverlayTransitionCSS({ placement: props?.['data-position'] });
184
184
  }}
185
185
  `;
186
+ const PROP_STYLES = [...BASE_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];
186
187
  function Select(props, ref) {
187
188
  props = useProviderProps(props);
188
189
  props = useFormProps(props);
@@ -193,10 +194,9 @@ function Select(props, ref) {
193
194
  onSelectionChange: onChange,
194
195
  }),
195
196
  });
196
- let { qa, label, extra, icon, labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, autoFocus, inputProps, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, suffix, listBoxStyles, overlayStyles, message, description, direction = 'bottom', shouldFlip = true, placeholder, tooltip, size, styles, type = 'secondary', theme = 'default', labelSuffix, ellipsis, suffixPosition = 'before', ...otherProps } = props;
197
+ let { qa, label, extra, icon, labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, autoFocus, inputProps, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, wrapperStyles, listBoxStyles, overlayStyles, suffix, message, description, direction = 'bottom', shouldFlip = true, placeholder, tooltip, size, styles, type = 'secondary', theme = 'default', labelSuffix, ellipsis, suffixPosition = 'before', ...otherProps } = props;
197
198
  let state = useSelectState(props);
198
- const outerStyles = extractStyles(otherProps, OUTER_STYLES, styles);
199
- inputStyles = extractStyles(otherProps, BLOCK_STYLES, inputStyles);
199
+ styles = extractStyles(otherProps, PROP_STYLES, styles);
200
200
  ref = useCombinedRefs(ref);
201
201
  triggerRef = useCombinedRefs(triggerRef);
202
202
  popoverRef = useCombinedRefs(popoverRef);
@@ -251,9 +251,9 @@ function Select(props, ref) {
251
251
  showPlaceholder,
252
252
  prefix,
253
253
  ]);
254
- let selectField = (_jsxs(SelectWrapperElement, { qa: qa || 'Select', mods: modifiers, styles: outerStyles, "data-size": size, "data-type": type, "data-theme": theme, children: [_jsx(HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }), _jsxs(SelectElement, { ...mergeProps(buttonProps, hoverProps, focusProps), ref: triggerRef, styles: inputStyles, "data-theme": theme, "data-size": size, "data-type": type, mods: modifiers, children: [prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }) : null, _jsx("span", { "data-element": "Value", ...valueProps, children: state.selectedItem
254
+ let selectField = (_jsxs(SelectWrapperElement, { qa: qa || 'Select', mods: modifiers, styles: wrapperStyles, "data-size": size, "data-type": type, "data-theme": theme, children: [_jsx(HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }), _jsxs(SelectElement, { ...mergeProps(buttonProps, hoverProps, focusProps), ref: triggerRef, styles: inputStyles, "data-theme": theme, "data-size": size, "data-type": type, mods: modifiers, children: [prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }) : null, _jsx("span", { "data-element": "Value", ...valueProps, children: state.selectedItem
255
255
  ? state.selectedItem.rendered
256
- : placeholder || _jsx(_Fragment, { children: "\u00A0" }) }), _jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingIcon, {}), suffixPosition === 'after' ? suffix : null, _jsx("div", { "data-element": "CaretIcon", children: _jsx(CaretDownIcon, {}) })] })] }), _jsx(OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: _jsx(ListBoxPopup, { ...menuProps, popoverRef: popoverRef, listBoxRef: listBoxRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: triggerWidth }) })] }));
256
+ : placeholder || _jsx(_Fragment, { children: "\u00A0" }) }), _jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingIcon, {}), suffixPosition === 'after' ? suffix : null, _jsx("div", { "data-element": "CaretIcon", children: _jsx(DownIcon, {}) })] })] }), _jsx(OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: _jsx(ListBoxPopup, { ...menuProps, popoverRef: popoverRef, listBoxRef: listBoxRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: triggerWidth }) })] }));
257
257
  return wrapWithField(selectField, ref, mergeProps({
258
258
  ...props,
259
259
  styles,
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -36,24 +36,32 @@ const SwitchWrapperElement = tasty({
36
36
  const SwitchElement = tasty({
37
37
  qa: 'Switch',
38
38
  styles: {
39
+ boxSizing: 'border-box',
39
40
  position: 'relative',
40
41
  verticalAlign: 'baseline',
41
42
  placeSelf: 'center',
42
43
  radius: 'round',
43
44
  fill: {
44
- '': '#dark.50',
45
+ '': '#white',
45
46
  checked: '#purple',
46
- disabled: '#dark.12',
47
+ disabled: '#border',
48
+ },
49
+ color: {
50
+ '': '#dark-03',
51
+ checked: '#white',
52
+ },
53
+ border: {
54
+ '': '#dark-05',
55
+ checked: '#purple',
56
+ disabled: '#dark-05',
47
57
  },
48
- color: '#white',
49
- border: false,
50
58
  width: {
51
59
  '': '5.25x 5.25x',
52
- '[data-size="small"]': '3.5x 3.5x',
60
+ '[data-size="small"]': '4x 4x',
53
61
  },
54
62
  height: {
55
63
  '': '3x 3x',
56
- '[data-size="small"]': '2x 2x',
64
+ '[data-size="small"]': '2.5x 2.5x',
57
65
  },
58
66
  outline: {
59
67
  '': '#purple-03.0',
@@ -68,22 +76,25 @@ const SwitchElement = tasty({
68
76
  Thumb: {
69
77
  position: 'absolute',
70
78
  width: {
71
- '': '2.5x 2.5x',
79
+ '': '2x 2x',
72
80
  '[data-size="small"]': '1.5x 1.5x',
73
81
  },
74
82
  height: {
75
- '': '2.5x 2.5x',
83
+ '': '2x 2x',
76
84
  '[data-size="small"]': '1.5x 1.5x',
77
85
  },
78
86
  radius: 'round',
79
87
  fill: {
80
88
  '': 'currentColor',
81
- disabled: '#white.5',
89
+ disabled: '#white.7',
90
+ },
91
+ top: {
92
+ '': '.375x',
93
+ '[data-size="small"]': '.375x',
82
94
  },
83
- shadow: '0px 2px 4px #dark.20;',
84
- top: '.25x',
85
95
  left: {
86
- '': '.25x',
96
+ '': '.375x',
97
+ '[data-size="small"]': '.375x',
87
98
  checked: '2.5x',
88
99
  'checked & [data-size="small"]': '1.75x',
89
100
  },
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.59.14
4
+ * @cube-dev/ui-kit v0.60.0
5
5
  * Released under the MIT license.
6
6
  */
7
7