@cube-dev/ui-kit 0.12.7 → 0.13.0

package/CHANGELOG.md

@@ -0,0 +1,297 @@
+# @cube-dev/ui-kit
+
+## 0.13.0
+
+### Minor Changes
+
+- [#207](https://github.com/cube-js/cube-ui-kit/pull/207) [`fa16cd6`](https://github.com/cube-js/cube-ui-kit/commit/fa16cd6f74190b238583312aec6343a9258bb9b4) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Redesigned close button in `<Notification />` component.
+
+  Added ability to dismiss a notification in `<NotificationList />` component.
+
+  ```typescript jsx
+  import { NotificationsList } from '@cube-dev/ui-kit';
+
+  <NotificationList onDismiss={() => console.log('dismissed')}>
+    <NotificationsList.Item
+      header="Notification title"
+      description="Notification description"
+    />
+  </NotificationList>;
+  ```
+
+  Now notifications generates more uniq ids by default.
+
+### Patch Changes
+
+- [#206](https://github.com/cube-js/cube-ui-kit/pull/206) [`11f14c3`](https://github.com/cube-js/cube-ui-kit/commit/11f14c3b8c65c39a91dd6dac6d094a7bd9bfe549) Thanks [@nikolaykost](https://github.com/nikolaykost)! - Added support of keyboard navigation inside Menu component
+
+- [#211](https://github.com/cube-js/cube-ui-kit/pull/211) [`e74374d`](https://github.com/cube-js/cube-ui-kit/commit/e74374d2e9b9bd8b52a0e80ef561815f08d185c3) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Do not render more than 5 notificaitons at the same time
+
+## 0.12.7
+
+### Patch Changes
+
+- [#203](https://github.com/cube-js/cube-ui-kit/pull/203) [`f50b93a`](https://github.com/cube-js/cube-ui-kit/commit/f50b93aa6651f2feca7762345a3c4d54fe3d8ae4) Thanks [@tenphi](https://github.com/tenphi)! - On form submission the `isSubmitting` flag now set to true before the start of the validation.
+
+- [#202](https://github.com/cube-js/cube-ui-kit/pull/202) [`8e6767a`](https://github.com/cube-js/cube-ui-kit/commit/8e6767acc57670e0b7c3e47bcb4f0090cbb1e322) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Improve typings of `onSubmit` and `onValuesChange` callbacks in `<Form />` component. Now they properly match with `FormInstance` and `useForm`.
+
+## 0.12.6
+
+### Patch Changes
+
+- [#200](https://github.com/cube-js/cube-ui-kit/pull/200) [`6b7448a`](https://github.com/cube-js/cube-ui-kit/commit/6b7448a65e8112df2c0b079dbfaae9802922d065) Thanks [@tenphi](https://github.com/tenphi)! - Form is no longer validated on field removal (bugfix)
+
+- [#200](https://github.com/cube-js/cube-ui-kit/pull/200) [`6b7448a`](https://github.com/cube-js/cube-ui-kit/commit/6b7448a65e8112df2c0b079dbfaae9802922d065) Thanks [@tenphi](https://github.com/tenphi)! - Validation rules in Form now allows to return complex markup in error messages.
+
+## 0.12.5
+
+### Patch Changes
+
+- [#198](https://github.com/cube-js/cube-ui-kit/pull/198) [`dec5c65`](https://github.com/cube-js/cube-ui-kit/commit/dec5c65a121a06391d0757b7aee1a43cd17342c6) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Fixed input width in `<Combobox />` and `<Select />` components
+
+## 0.12.4
+
+### Patch Changes
+
+- [#181](https://github.com/cube-js/cube-ui-kit/pull/181) [`1f6220e`](https://github.com/cube-js/cube-ui-kit/commit/1f6220eeb7fc9c28f83f02eb113e92b8542fec89) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Improve display names across all components
+
+- [#195](https://github.com/cube-js/cube-ui-kit/pull/195) [`ee8ab23`](https://github.com/cube-js/cube-ui-kit/commit/ee8ab238ac9d0ca6ed2b35c816cbf155c6eefcf8) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Reduced gap between `label` and `labelSuffix` in `<Field />`
+
+## 0.12.3
+
+### Patch Changes
+
+- [#182](https://github.com/cube-js/cube-ui-kit/pull/182) [`6db0491`](https://github.com/cube-js/cube-ui-kit/commit/6db04916412cbf0150b0cc730451fd7c595571a5) Thanks [@tenphi](https://github.com/tenphi)! - Add `icon` property to Input components. You should use it instead `prefix` property to ensure your icon will have correct paddings.
+  Styles of Input components have been rewritten to improve consistency and maintenance.
+
+- [#193](https://github.com/cube-js/cube-ui-kit/pull/193) [`5c3ed68`](https://github.com/cube-js/cube-ui-kit/commit/5c3ed682a967d6bcaa26765b2c839b1d04a0f182) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Fixed alignment between label and suffix in Field component
+
+- [#177](https://github.com/cube-js/cube-ui-kit/pull/177) [`16a213a`](https://github.com/cube-js/cube-ui-kit/commit/16a213a616c4e5d328e344797323abdf910e7a53) Thanks [@tenphi](https://github.com/tenphi)! - ComboBox now respects `onSelectionChange` event while working inside a form.
+
+- [#185](https://github.com/cube-js/cube-ui-kit/pull/185) [`7a7b861`](https://github.com/cube-js/cube-ui-kit/commit/7a7b861ff2f0f50c751b0b73e4da3b4a682379c3) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Fixed types in `onSubmit` and `onValuesChange` types in `Form`
+
+## 0.12.2
+
+### Patch Changes
+
+- [`dcc4edc`](https://github.com/cube-js/cube-ui-kit/commit/dcc4edc3ef560d25062277b5e4f2fcee7afe4168) - Pass `labelSuffix` to all form components
+
+## 0.12.1
+
+### Patch Changes
+
+- [#178](https://github.com/cube-js/cube-ui-kit/pull/178) [`932d401`](https://github.com/cube-js/cube-ui-kit/commit/932d401f5100b92b7635f51054049e6176d672ff) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Fixed bug in button when `isLoading` prop didn't affect on mods
+
+## 0.12.0
+
+### Minor Changes
+
+- [#174](https://github.com/cube-js/cube-ui-kit/pull/174) [`76a9f37`](https://github.com/cube-js/cube-ui-kit/commit/76a9f373253dea98e2099ee2a39199064da7a3d6) Thanks [@tenphi](https://github.com/tenphi)! - Rename `default` size to `medium` and `default` type to `secondary` in the Button component.
+  Add `rightIcon` property to the Button component.
+
+- [#175](https://github.com/cube-js/cube-ui-kit/pull/175) [`34b680e`](https://github.com/cube-js/cube-ui-kit/commit/34b680eae60a4fbf9d310a048a8bb53d41cbf1ce) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Added new prop `labelSuffix` in Field component. Using this prop you can add any adornment after the label.
+
+- [#176](https://github.com/cube-js/cube-ui-kit/pull/176) [`4239ef6`](https://github.com/cube-js/cube-ui-kit/commit/4239ef6889956523409c9ff67696331e5ba2229c) Thanks [@tenphi](https://github.com/tenphi)! - Add a loading modifier and `placeholder` property to Select and ComboBox components.
+
+### Patch Changes
+
+- [#163](https://github.com/cube-js/cube-ui-kit/pull/163) [`644812c`](https://github.com/cube-js/cube-ui-kit/commit/644812cef1c6ca8f9e16d614641603a45e23a42b) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Now all icon only buttons have proper sizes
+
+- [#175](https://github.com/cube-js/cube-ui-kit/pull/175) [`34b680e`](https://github.com/cube-js/cube-ui-kit/commit/34b680eae60a4fbf9d310a048a8bb53d41cbf1ce) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Reduced default delay in tooltip to 250ms
+
+- [#169](https://github.com/cube-js/cube-ui-kit/pull/169) [`fe67fcc`](https://github.com/cube-js/cube-ui-kit/commit/fe67fcc96499505dfa31a581eaff9385d06aab6d) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Add `disableRemoveOnUnmount` prop in `<Notificaiton />` and `<Toast />` components
+
+- [#171](https://github.com/cube-js/cube-ui-kit/pull/171) [`3f99948`](https://github.com/cube-js/cube-ui-kit/commit/3f999483bc1cf54f73cd9099f3226e00041eafde) Thanks [@nikolaykost](https://github.com/nikolaykost)! - Adds customization form Menu.Item.
+  Now you can pass props like `icon` even if any react element inside `Menu.Item`
+
+- [#166](https://github.com/cube-js/cube-ui-kit/pull/166) [`c9226c6`](https://github.com/cube-js/cube-ui-kit/commit/c9226c68e73f7343c69c27972253ae1e9ac7a532) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Bugfixes in `<Notification />` and `<Toast />` components:
+
+  - Fixed width of notifications in bar
+  - Nofifications and toasts now respects duration property
+  - Fixed bug when user were unable to select a text inside a description
+
+- [#162](https://github.com/cube-js/cube-ui-kit/pull/162) [`328b664`](https://github.com/cube-js/cube-ui-kit/commit/328b664faff7894f91d34cbaac6e9abaad564a44) Thanks [@tenphi](https://github.com/tenphi)! - Fix font family fallback for `preset` style.
+
+- [#173](https://github.com/cube-js/cube-ui-kit/pull/173) [`34fdefb`](https://github.com/cube-js/cube-ui-kit/commit/34fdefba170c32f091df52ac895bc08f439655a2) Thanks [@nikolaykost](https://github.com/nikolaykost)! - Fixes `childrenchildrenchildren` bug when use `TooltipProvider` component
+
+- [#165](https://github.com/cube-js/cube-ui-kit/pull/165) [`6c53550`](https://github.com/cube-js/cube-ui-kit/commit/6c535506e649c42033d3c0508c5844e8987188b5) Thanks [@nikolaykost](https://github.com/nikolaykost)! - Fixed bug when menu doesn't open within a modal
+
+- [#167](https://github.com/cube-js/cube-ui-kit/pull/167) [`89899c2`](https://github.com/cube-js/cube-ui-kit/commit/89899c220e1cf1b00395f610a17b5bbc0fbaa307) Thanks [@tenphi](https://github.com/tenphi)! - fix(Switch): thumb disabled styles
+
+## 0.11.2
+
+### Patch Changes
+
+- [#161](https://github.com/cube-js/cube-ui-kit/pull/161) [`f5976df`](https://github.com/cube-js/cube-ui-kit/commit/f5976df3e318006ce62b325393f2f86aa9dce9e1) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Fixed description preset in notificaiton
+
+- [#156](https://github.com/cube-js/cube-ui-kit/pull/156) [`f0ac89a`](https://github.com/cube-js/cube-ui-kit/commit/f0ac89aff31626f9aea61cf99dfd397e5ccb7d1a) Thanks [@nikolaykost](https://github.com/nikolaykost)! - pass `isLoading` and `isDisabled` from `Form.Item` to childs
+
+  ```jsx
+  <Form.Item isLoading isDisabled>
+    <Input />
+  </Form.Item>
+  ```
+
+## 0.11.1
+
+### Patch Changes
+
+- [#158](https://github.com/cube-js/cube-ui-kit/pull/158) [`e03992b`](https://github.com/cube-js/cube-ui-kit/commit/e03992bcbd79e2ebcfd187b1d9478ac1a4e3c18e) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Fixed bug when notifications displays below the legacy `<Modal />` component
+
+## 0.11.0
+
+### Minor Changes
+
+- [#154](https://github.com/cube-js/cube-ui-kit/pull/154) [`1555c0d`](https://github.com/cube-js/cube-ui-kit/commit/1555c0d454939cebb7dc547d8290165450a7ce5d) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - [CUK-65](https://cubedevinc.atlassian.net/browse/CUK-65) - Notification component
+
+### Patch Changes
+
+- [#154](https://github.com/cube-js/cube-ui-kit/pull/154) [`1555c0d`](https://github.com/cube-js/cube-ui-kit/commit/1555c0d454939cebb7dc547d8290165450a7ce5d) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Toast Component
+
+## 0.10.13
+
+### Patch Changes
+
+- [#151](https://github.com/cube-js/cube-ui-kit/pull/151) [`e3eaeba`](https://github.com/cube-js/cube-ui-kit/commit/e3eaebac88a3826ad7b1bb542e72e25af563d367) Thanks [@nikolaykost](https://github.com/nikolaykost)! - Adds prop `selectionType` for `Menu` component. That stands for values `checkbox` or `radio`.
+
+  ```jsx
+  <Menu selectionType="checkbox" selectionMode="single">
+    <Item key="1">Item 1</Item>
+    <Item key="2">Item 2</Item>
+  </Menu>
+  ```
+
+- [#111](https://github.com/cube-js/cube-ui-kit/pull/111) [`f45b927`](https://github.com/cube-js/cube-ui-kit/commit/f45b927bb34dbc9bd0374a5d55c039bd37fa899e) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - [CC-677](https://cubedevinc.atlassian.net/browse/CC-677) significantly improved performance of the `Spin` component in all browsers.
+
+## 0.10.12
+
+### Patch Changes
+
+- [#149](https://github.com/cube-js/cube-ui-kit/pull/149) [`3ea195c`](https://github.com/cube-js/cube-ui-kit/commit/3ea195c713f880e7d4e45e19b72cc6f4a1b4d5b4) Thanks [@tenphi](https://github.com/tenphi)! - fix(Combobox): error on trigger
+
+## 0.10.11
+
+### Patch Changes
+
+- [#133](https://github.com/cube-js/cube-ui-kit/pull/133) [`943dbc6`](https://github.com/cube-js/cube-ui-kit/commit/943dbc69e7225c9f80c85cc887a1928a9b29b09f) Thanks [@tenphi](https://github.com/tenphi)! - fix(FileTabs): styles
+
+- [#146](https://github.com/cube-js/cube-ui-kit/pull/146) [`77a9c29`](https://github.com/cube-js/cube-ui-kit/commit/77a9c29b2fcefe1d49904b170c133dea530f33e7) Thanks [@tenphi](https://github.com/tenphi)! - fix(tasty): style merging while wrapping
+  feat(preset.style): add bold-font-weight token
+
+## 0.10.10
+
+### Patch Changes
+
+- [#140](https://github.com/cube-js/cube-ui-kit/pull/140) [`2b12419`](https://github.com/cube-js/cube-ui-kit/commit/2b12419446e001eb69d923ba0ec4523a87999452) Thanks [@tenphi](https://github.com/tenphi)! - fix(Space): items alignment
+
+## 0.10.9
+
+### Patch Changes
+
+- [#138](https://github.com/cube-js/cube-ui-kit/pull/138) [`e7861d3`](https://github.com/cube-js/cube-ui-kit/commit/e7861d33fd480439a9bbbab3a1a0659ec3af8422) Thanks [@tenphi](https://github.com/tenphi)! - Fix extractStyles() logic.
+  Fix label position inside a field.
+
+## 0.10.8
+
+### Patch Changes
+
+- [#131](https://github.com/cube-js/cube-ui-kit/pull/131) [`0f4e39a`](https://github.com/cube-js/cube-ui-kit/commit/0f4e39a98e469ee0ed0757d6fc76a2a0eb9591e1) Thanks [@tenphi](https://github.com/tenphi)! - fix(Field): pass labelStyles prop
+
+## 0.10.7
+
+### Patch Changes
+
+- [#129](https://github.com/cube-js/cube-ui-kit/pull/129) [`facd201`](https://github.com/cube-js/cube-ui-kit/commit/facd2013b2130aa44dcdc3e55540742df464c923) Thanks [@tenphi](https://github.com/tenphi)! - fix(Field): pass labelStyles prop
+
+## 0.10.6
+
+### Patch Changes
+
+- [#127](https://github.com/cube-js/cube-ui-kit/pull/127) [`3c875d6`](https://github.com/cube-js/cube-ui-kit/commit/3c875d60e4bc41be17e12926648c9dcfd2ca858c) Thanks [@tenphi](https://github.com/tenphi)! - fix(Field): pass labelPosition prop
+
+## 0.10.5
+
+### Patch Changes
+
+- [#125](https://github.com/cube-js/cube-ui-kit/pull/125) [`7c457f5`](https://github.com/cube-js/cube-ui-kit/commit/7c457f5cb85983f0ed3870d9b2f78b1bdfd81f9f) Thanks [@tenphi](https://github.com/tenphi)! - fix(Card): pass style props
+
+- [#124](https://github.com/cube-js/cube-ui-kit/pull/124) [`f4ed612`](https://github.com/cube-js/cube-ui-kit/commit/f4ed612289bff0526b61696e3d5c054a2cb578fc) Thanks [@tenphi](https://github.com/tenphi)! - fix(Space): condition for the vertical modifier
+
+## 0.10.4
+
+### Patch Changes
+
+- [#119](https://github.com/cube-js/cube-ui-kit/pull/119) [`bdccbf8`](https://github.com/cube-js/cube-ui-kit/commit/bdccbf8d0bd4762659185b9571efbdc1c1e97f09) Thanks [@tenphi](https://github.com/tenphi)! - Allow `tasty` to extend components with required properties.
+
+## 0.10.3
+
+### Patch Changes
+
+- [#120](https://github.com/cube-js/cube-ui-kit/pull/120) [`6aa6e26`](https://github.com/cube-js/cube-ui-kit/commit/6aa6e2645fc92bd8d7d6ed86f4e2ddff5fc7df62) Thanks [@tenphi](https://github.com/tenphi)! - Fix the display style default value in gap style generator.
+
+## 0.10.2
+
+### Patch Changes
+
+- [#116](https://github.com/cube-js/cube-ui-kit/pull/116) [`3967bd0`](https://github.com/cube-js/cube-ui-kit/commit/3967bd05c7a810ab4d83b71236b33f9382f00329) Thanks [@tenphi](https://github.com/tenphi)! - Pass `styles` prop to Field component.
+  Add stories for Field component.
+  Export `CubeRadioGroupProps` type.
+
+## 0.10.1
+
+### Patch Changes
+
+- [#113](https://github.com/cube-js/cube-ui-kit/pull/113) [`d6e2f46`](https://github.com/cube-js/cube-ui-kit/commit/d6e2f46c15aad30a102e070412e570fbc39ac725) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - Fixed transparent background of `<Select />` component
+
+- [#112](https://github.com/cube-js/cube-ui-kit/pull/112) [`7432820`](https://github.com/cube-js/cube-ui-kit/commit/743282055b923d841d9caab34361a4f4df2e987f) Thanks [@tenphi](https://github.com/tenphi)! - Stabilize Form behavior.
+  Fix Switch component styles.
+
+## 0.10.0
+
+### Minor Changes
+
+- [#84](https://github.com/cube-js/cube-ui-kit/pull/84) [`9af598c`](https://github.com/cube-js/cube-ui-kit/commit/9af598c08a0f1e2ea2a5e4a00118367428262e27) Thanks [@tenphi](https://github.com/tenphi)! - [CUK-72](https://cubedevinc.atlassian.net/jira/software/projects/CUK/boards/3?selectedIssue=CUK-72) Move all style engine logic into a single folder `tasty` and export new `tasty()` helper as `styled` replacement but with simplified and optimized API.
+
+- [#99](https://github.com/cube-js/cube-ui-kit/pull/99) [`8be45cd`](https://github.com/cube-js/cube-ui-kit/commit/8be45cddb565cc093b4d3b421de6984d5646a91b) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - [CC-484](https://cubedevinc.atlassian.net/browse/CC-484) This PR removes several organisms from ui-kit: TopBar, StatsCard, SearchResults, DirectoryTree.
+
+### Patch Changes
+
+- [#110](https://github.com/cube-js/cube-ui-kit/pull/110) [`52fbee3`](https://github.com/cube-js/cube-ui-kit/commit/52fbee3bef49c96182ca735770db5dca1e7338f4) Thanks [@tenphi](https://github.com/tenphi)! - Update `Select` & `Combobox` selected option styles.
+
+- [#105](https://github.com/cube-js/cube-ui-kit/pull/105) [`8ce1f2d`](https://github.com/cube-js/cube-ui-kit/commit/8ce1f2dd84a0f4f1e11b7e0e65212ac73bdf3cd0) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - [CUK-33](https://cubedevinc.atlassian.net/browse/CUK-33) Now you can use the `<DialogForm />` component together with `<DialogTrigger />` 🎉
+
+  ```tsx
+  <DialogTrigger>
+    <Button>Open dialog</Button>
+    <DialogForm>...</DialogForm>
+  </DialogTrigger>
+  ```
+
+- [#105](https://github.com/cube-js/cube-ui-kit/pull/105) [`8ce1f2d`](https://github.com/cube-js/cube-ui-kit/commit/8ce1f2dd84a0f4f1e11b7e0e65212ac73bdf3cd0) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - [CUK-33](https://cubedevinc.atlassian.net/browse/CUK-33) Removed unused `type` property in the `<DialogForm />`component
+
+- [#104](https://github.com/cube-js/cube-ui-kit/pull/104) [`cead470`](https://github.com/cube-js/cube-ui-kit/commit/cead4704c8fb03bfba70c8652fde7cd8c814bf9a) Thanks [@tenphi](https://github.com/tenphi)! - Deprecation of StyleProvider
+
+- [#104](https://github.com/cube-js/cube-ui-kit/pull/104) [`cead470`](https://github.com/cube-js/cube-ui-kit/commit/cead4704c8fb03bfba70c8652fde7cd8c814bf9a) Thanks [@tenphi](https://github.com/tenphi)! - Fix paddings and `size` prop typings in Dialog Component.
+
+- [#105](https://github.com/cube-js/cube-ui-kit/pull/105) [`8ce1f2d`](https://github.com/cube-js/cube-ui-kit/commit/8ce1f2dd84a0f4f1e11b7e0e65212ac73bdf3cd0) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - [CUK-33](https://cubedevinc.atlassian.net/browse/CUK-33) Added documentation for the `<DialogForm />` component
+
+- [#104](https://github.com/cube-js/cube-ui-kit/pull/104) [`cead470`](https://github.com/cube-js/cube-ui-kit/commit/cead4704c8fb03bfba70c8652fde7cd8c814bf9a) Thanks [@tenphi](https://github.com/tenphi)! - Fix neutral pressed fill style for Button component
+
+- [#109](https://github.com/cube-js/cube-ui-kit/pull/109) [`57a4cd3`](https://github.com/cube-js/cube-ui-kit/commit/57a4cd319eb8f7a9259772c289c218fce8a6e649) Thanks [@nikolaykost](https://github.com/nikolaykost)! - Rework design of `Menu` component with _sections_.
+  Now _sections_ more readable and has convenient design.
+
+- [#104](https://github.com/cube-js/cube-ui-kit/pull/104) [`cead470`](https://github.com/cube-js/cube-ui-kit/commit/cead4704c8fb03bfba70c8652fde7cd8c814bf9a) Thanks [@tenphi](https://github.com/tenphi)! - Support for `element` prop in `tasty` helper.
+
+- [#104](https://github.com/cube-js/cube-ui-kit/pull/104) [`cead470`](https://github.com/cube-js/cube-ui-kit/commit/cead4704c8fb03bfba70c8652fde7cd8c814bf9a) Thanks [@tenphi](https://github.com/tenphi)! - Fix Legacy Modal component to correctly pass theme prop
+
+## 0.9.12
+
+### Patch Changes
+
+- [#90](https://github.com/cube-js/cube-ui-kit/pull/90) [`ed07084`](https://github.com/cube-js/cube-ui-kit/commit/ed070842d46e5b448d1f88a9eeaee01b27d46467) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - this is a test release. will be removed
+
+## 0.9.11
+
+### Patch Changes
+
+- [#89](https://github.com/cube-js/cube-ui-kit/pull/89) [`da511c5`](https://github.com/cube-js/cube-ui-kit/commit/da511c5749c6cb85272852fc323caf02a9177eba) Thanks [@MrFlashAccount](https://github.com/MrFlashAccount)! - this is a test release

package/cjs/_internal/hooks/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-chained-callback.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-deprecation-warning.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-event.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-sync-ref.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-timer/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-timer/timer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 

package/cjs/_internal/hooks/use-timer/use-timer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -13,7 +13,7 @@ const use_event_1 = require("../use-event");
 const timer_1 = require("./timer");
 function useTimer(props = {}) {
     const { callback, delay, isDisabled, timer: propsTimer = null } = props;
-    const callbackEvent = (0, use_event_1.useEvent)(() => callback === null || callback === void 0 ? void 0 : callback());
+    const callbackEvent = (0, use_event_1.useEvent)(() => callback?.());
     const [timer, setTimer] = (0, react_1.useState)(() => {
         if (propsTimer) {
             return propsTimer;
@@ -24,14 +24,14 @@ function useTimer(props = {}) {
         return null;
     });
     if (isDisabled) {
-        timer === null || timer === void 0 ? void 0 : timer.reset();
+        timer?.reset();
     }
     else {
-        timer === null || timer === void 0 ? void 0 : timer.resume();
+        timer?.resume();
     }
     (0, react_1.useEffect)(() => {
         setTimer(propsTimer);
-        return () => timer === null || timer === void 0 ? void 0 : timer.reset();
+        return () => timer?.reset();
     }, [propsTimer]);
     (0, react_1.useEffect)(() => {
         if (propsTimer)
@@ -39,9 +39,9 @@ function useTimer(props = {}) {
         if (typeof delay === 'number') {
             setTimer(new timer_1.Timer(callbackEvent, delay));
         }
-        return () => timer === null || timer === void 0 ? void 0 : timer.reset();
+        return () => timer?.reset();
     }, [delay, propsTimer]);
-    (0, react_1.useEffect)(() => () => timer === null || timer === void 0 ? void 0 : timer.reset(), [timer]);
+    (0, react_1.useEffect)(() => () => timer?.reset(), [timer]);
     return { timer };
 }
 exports.useTimer = useTimer;

package/cjs/_internal/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 

package/cjs/components/Base.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -46,7 +46,7 @@ function Base(allProps, ref) {
     }
     const contextBreakpoints = (0, react_1.useContext)(tasty_1.BreakpointsContext);
     const zones = (0, tasty_1.pointsToZones)(breakpoints || contextBreakpoints);
-    css = `${css !== null && css !== void 0 ? css : ''}${(0, tasty_1.renderStyles)(styles, zones)}`;
+    css = `${css ?? ''}${(0, tasty_1.renderStyles)(styles, zones)}`;
     if (mods) {
         Object.assign(props, (0, tasty_1.modAttrs)(mods));
     }

package/cjs/components/Block.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 

package/cjs/components/GlobalStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 

package/cjs/components/GridProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -43,8 +43,7 @@ exports.GridProvider = (0, react_1.forwardRef)(function GridProvider(props, oute
     let { children, columns = 2, gap = '0', width: forcedWidth, initialWidth, } = props;
     let [width, setWidth] = (0, react_1.useState)(forcedWidth || initialWidth || '100vw');
     const resizeCallback = (0, react_1.useCallback)(() => {
-        var _a;
-        const el = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        const el = ref?.current?.parentElement;
         if (!el)
             return;
         const computedStyle = getComputedStyle(el);

package/cjs/components/HiddenInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 

package/cjs/components/OpenTrasition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 

package/cjs/components/Root.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -12,6 +12,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const overlays_1 = require("@react-aria/overlays");
 const styled_components_1 = require("styled-components");
+const utils_1 = require("@react-aria/utils");
 const tasty_1 = require("../tasty");
 const provider_1 = require("../provider");
 const tokens_1 = require("../tokens");
@@ -32,20 +33,54 @@ const DEFAULT_STYLES = {
     }, {}),
 };
 const STYLES = [...tasty_1.BASE_STYLES, ...tasty_1.BLOCK_STYLES];
+const IS_DVH_SUPPORTED = typeof CSS?.supports !== 'undefined' ? CSS.supports('height: 100dvh') : false;
 function Root(allProps) {
     let { children, 
     /** Raw css styles for body element */
     bodyStyles, fonts, publicUrl, router, font, monospaceFont, applyLegacyTokens, ...props } = allProps;
     const ref = (0, react_1.useRef)(null);
     const [rootRef, setRootRef] = (0, react_1.useState)();
+    // We need to measure the window's height in JS rather than using percentages in CSS
+    // so that contents (e.g. menu) can inherit the max-height properly. Using percentages
+    // does not work properly because there is nothing to base the percentage on.
+    // We cannot use vh units because mobile browsers adjust the window height dynamically
+    // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.
+    // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard
+    // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
+    let viewport = (0, utils_1.useViewportSize)();
+    let [height, setHeight] = (0, react_1.useState)(IS_DVH_SUPPORTED ? undefined : viewport.height);
+    let timeoutRef = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
+        if (IS_DVH_SUPPORTED) {
+            return;
+        }
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        // When the height is decreasing, and the keyboard is visible
+        // (visual viewport smaller than layout viewport), delay setting
+        // the new max height until after the animation is complete
+        // so that there isn't an empty space under the tray briefly.
+        if (viewport.height < (height || 0) &&
+            viewport.height < window.innerHeight) {
+            timeoutRef.current = setTimeout(() => {
+                setHeight(viewport.height);
+            }, 500);
+        }
+        else {
+            setHeight(viewport.height);
+        }
+    }, [height, viewport.height]);
     (0, react_1.useEffect)(() => {
         if (!rootRef) {
             // @ts-ignore
-            setRootRef(ref === null || ref === void 0 ? void 0 : ref.current);
+            setRootRef(ref?.current);
         }
     }, []);
     const styles = (0, tasty_1.extractStyles)(props, STYLES, DEFAULT_STYLES);
-    return ((0, jsx_runtime_1.jsx)(provider_1.Provider, { router: router, root: rootRef, children: (0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, { disableVendorPrefixes: true, children: (0, jsx_runtime_1.jsxs)(RootElement, { ref: ref, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }, void 0), (0, jsx_runtime_1.jsx)(overlays_1.ModalProvider, { children: (0, jsx_runtime_1.jsx)(portal_1.PortalProvider, { value: ref, children: (0, jsx_runtime_1.jsx)(NewNotifications_1.NotificationsProvider, { rootRef: ref, children: (0, jsx_runtime_1.jsx)(AlertDialog_1.AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(provider_1.Provider, { router: router, root: rootRef, children: (0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, { disableVendorPrefixes: true, children: (0, jsx_runtime_1.jsxs)(RootElement, { ref: ref, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, style: {
+                    '--cube-dynamic-viewport-height': height ? height + 'px' : '100dvh',
+                }, children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }, void 0), (0, jsx_runtime_1.jsx)(overlays_1.ModalProvider, { children: (0, jsx_runtime_1.jsx)(portal_1.PortalProvider, { value: ref, children: (0, jsx_runtime_1.jsx)(NewNotifications_1.NotificationsProvider, { rootRef: ref, children: (0, jsx_runtime_1.jsx)(AlertDialog_1.AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0));
 }
 exports.Root = Root;
 

package/cjs/components/actions/Action.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -51,7 +51,7 @@ function parseTo(to) {
 exports.parseTo = parseTo;
 function performClickHandler(evt, router, to, onPress) {
     const { newTab, nativeRoute, href } = parseTo(to);
-    onPress === null || onPress === void 0 ? void 0 : onPress(evt);
+    onPress?.(evt);
     if (!to)
         return;
     if (evt.shiftKey || evt.metaKey || newTab) {

package/cjs/components/actions/Button/Button.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -15,7 +15,7 @@ const Action_1 = require("../Action");
 const warnings_1 = require("../../../utils/warnings");
 function provideButtonStyles({ type, theme }) {
     return {
-        ...(theme === 'danger' ? DANGER_STYLES_BY_TYPE : DEFAULT_STYLES_BY_TYPE)[type !== null && type !== void 0 ? type : 'secondary'],
+        ...(theme === 'danger' ? DANGER_STYLES_BY_TYPE : DEFAULT_STYLES_BY_TYPE)[type ?? 'secondary'],
     };
 }
 exports.provideButtonStyles = provideButtonStyles;
@@ -301,7 +301,7 @@ exports.Button = (0, react_1.forwardRef)(function Button(allProps, ref) {
         'single-icon-only': singleIcon,
         ...mods,
     }), [mods, isDisabled, isLoading, isSelected, singleIcon]);
-    return ((0, jsx_runtime_1.jsxs)(Action_1.Action, { as: props.to ? 'a' : undefined, ...props, ref: ref, isDisabled: isLoading || isDisabled, theme: theme, "data-type": type !== null && type !== void 0 ? type : 'secondary', "data-size": size !== null && size !== void 0 ? size : 'medium', mods: modifiers, styles: styles, label: label, children: [icon || isLoading ? !isLoading ? icon : (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0) : null, children, rightIcon] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(Action_1.Action, { as: props.to ? 'a' : undefined, ...props, ref: ref, isDisabled: isLoading || isDisabled, theme: theme, "data-type": type ?? 'secondary', "data-size": size ?? 'medium', mods: modifiers, styles: styles, label: label, children: [icon || isLoading ? !isLoading ? icon : (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0) : null, children, rightIcon] }, void 0));
 });
 
         

package/cjs/components/actions/Button/Submit.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */