diff --git a/lerna.json b/lerna.json index b48f4e91aa..47a165123c 100644 --- a/lerna.json +++ b/lerna.json @@ -6,7 +6,7 @@ "ignore": [ "website" ], - "version": "6.5.0", + "version": "6.6.0-alpha.0", "npmClient": "yarn", "useNx": false } \ No newline at end of file diff --git a/packages/Accordion/package.json b/packages/Accordion/package.json index 1345decbcb..4445ea1981 100644 --- a/packages/Accordion/package.json +++ b/packages/Accordion/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/accordion", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", + "@ariakit/react": "0.4.15", "@welcome-ui/box": "^6.1.1", "@welcome-ui/icons": "^6.5.0", "@welcome-ui/system": "^6.1.1" diff --git a/packages/Alert/package.json b/packages/Alert/package.json index 2911cd1d1a..5aaf64db8c 100644 --- a/packages/Alert/package.json +++ b/packages/Alert/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/alert", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -47,8 +47,8 @@ }, "dependencies": { "@welcome-ui/box": "^6.1.1", - "@welcome-ui/button": "^6.5.0", - "@welcome-ui/close-button": "^6.5.0", + "@welcome-ui/button": "^6.6.0-alpha.0", + "@welcome-ui/close-button": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1", "@welcome-ui/text": "^6.2.0", "@welcome-ui/variant-icon": "^6.5.0" diff --git a/packages/Button/package.json b/packages/Button/package.json index 775c22fa2f..593feb7f8a 100644 --- a/packages/Button/package.json +++ b/packages/Button/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/button", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "welcome-ui: A button component", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", + "@ariakit/react": "0.4.15", "@welcome-ui/box": "^6.1.1", "@welcome-ui/loader": "^6.4.0", "@welcome-ui/system": "^6.1.1", diff --git a/packages/ButtonGroup/package.json b/packages/ButtonGroup/package.json index f8d112bbb7..3d474eaba2 100644 --- a/packages/ButtonGroup/package.json +++ b/packages/ButtonGroup/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/button-group", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "welcome-ui: A ButtonGroup component", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@welcome-ui/button": "^6.5.0", + "@welcome-ui/button": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1" }, "peerDependencies": { diff --git a/packages/Checkbox/package.json b/packages/Checkbox/package.json index 5e056e4ead..698541300e 100644 --- a/packages/Checkbox/package.json +++ b/packages/Checkbox/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/checkbox", - "version": "6.4.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", + "@ariakit/react": "0.4.15", "@welcome-ui/system": "^6.1.1", "@welcome-ui/utils": "^6.4.0" }, diff --git a/packages/ClearButton/package.json b/packages/ClearButton/package.json index 2f42e8147e..d2868a0a3b 100644 --- a/packages/ClearButton/package.json +++ b/packages/ClearButton/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/clear-button", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@welcome-ui/button": "^6.5.0", + "@welcome-ui/button": "^6.6.0-alpha.0", "@welcome-ui/icons": "^6.5.0", "@welcome-ui/system": "^6.1.1" }, diff --git a/packages/CloseButton/package.json b/packages/CloseButton/package.json index ed455646e2..6e0a58d729 100644 --- a/packages/CloseButton/package.json +++ b/packages/CloseButton/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/close-button", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@welcome-ui/button": "^6.5.0", + "@welcome-ui/button": "^6.6.0-alpha.0", "@welcome-ui/icons": "^6.5.0", "@welcome-ui/system": "^6.1.1" }, diff --git a/packages/DatePicker/package.json b/packages/DatePicker/package.json index 60c591cc34..2508f526f4 100644 --- a/packages/DatePicker/package.json +++ b/packages/DatePicker/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/date-picker", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -47,7 +47,7 @@ }, "dependencies": { "@types/react-datepicker": "^4.15.0", - "@welcome-ui/date-time-picker-common": "^6.5.0", + "@welcome-ui/date-time-picker-common": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1", "react-datepicker": "^4.16.0" }, diff --git a/packages/DateTimePicker/package.json b/packages/DateTimePicker/package.json index 5237037feb..b9eeebcf1f 100644 --- a/packages/DateTimePicker/package.json +++ b/packages/DateTimePicker/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/date-time-picker", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,10 +46,10 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@welcome-ui/date-picker": "^6.5.0", - "@welcome-ui/date-time-picker-common": "^6.5.0", + "@welcome-ui/date-picker": "^6.6.0-alpha.0", + "@welcome-ui/date-time-picker-common": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1", - "@welcome-ui/time-picker": "^6.5.0" + "@welcome-ui/time-picker": "^6.6.0-alpha.0" }, "peerDependencies": { "@xstyled/styled-components": "^3.7.3", diff --git a/packages/DateTimePickerCommon/package.json b/packages/DateTimePickerCommon/package.json index 247c78fc1a..206471828b 100644 --- a/packages/DateTimePickerCommon/package.json +++ b/packages/DateTimePickerCommon/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/date-time-picker-common", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -48,12 +48,12 @@ "homepage": "https://github.com/WTTJ/welcome-ui#readme", "dependencies": { "@types/react-datepicker": "^4.15.0", - "@welcome-ui/button": "^6.5.0", - "@welcome-ui/clear-button": "^6.5.0", + "@welcome-ui/button": "^6.6.0-alpha.0", + "@welcome-ui/clear-button": "^6.6.0-alpha.0", "@welcome-ui/field": "^6.5.0", "@welcome-ui/icon": "^6.1.1", "@welcome-ui/icons": "^6.5.0", - "@welcome-ui/select": "^6.5.0", + "@welcome-ui/select": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1", "@welcome-ui/utils": "^6.4.0", "date-fns": "^4.1.0", diff --git a/packages/Drawer/docs/properties.json b/packages/Drawer/docs/properties.json index 2e7f13f878..5ffff41ba1 100644 --- a/packages/Drawer/docs/properties.json +++ b/packages/Drawer/docs/properties.json @@ -3,7 +3,7 @@ "props": { "accessibleWhenDisabled": { "defaultValue": null, - "description": "Indicates whether the element should be focusable even when it is\n[`disabled`](https://ariakit.org/reference/focusable#disabled).\n\nThis is important when discoverability is a concern. For example:\n\n> A toolbar in an editor contains a set of special smart paste functions\nthat are disabled when the clipboard is empty or when the function is not\napplicable to the current content of the clipboard. It could be helpful to\nkeep the disabled buttons focusable if the ability to discover their\nfunctionality is primarily via their presence on the toolbar.\n\nLearn more on [Focusability of disabled\ncontrols](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)", + "description": "Indicates whether the element should be focusable even when it is\n[`disabled`](https://ariakit.org/reference/focusable#disabled).\n\nThis is important when discoverability is a concern. For example:\n\n> A toolbar in an editor contains a set of special smart paste functions\nthat are disabled when the clipboard is empty or when the function is not\napplicable to the current content of the clipboard. It could be helpful to\nkeep the disabled buttons focusable if the ability to discover their\nfunctionality is primarily via their presence on the toolbar.\n\nLearn more on [Focusability of disabled\ncontrols](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)", "name": "accessibleWhenDisabled", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/focusable/focusable.d.ts", @@ -155,7 +155,7 @@ "defaultValue": { "value": "false" }, - "description": "Determines if the element is disabled. This sets the `aria-disabled`\nattribute accordingly, enabling support for all elements, including those\nthat don't support the native `disabled` attribute.\n\nThis feature can be combined with the\n[`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)\nprop to make disabled elements still accessible via keyboard.\n\n**Note**: For this prop to work, the\n[`focusable`](https://ariakit.org/reference/command#focusable) prop must be\nset to `true`, if it's not set by default.\n\nLive examples:\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Context Menu](https://ariakit.org/examples/menu-context-menu)", + "description": "Determines if the element is disabled. This sets the `aria-disabled`\nattribute accordingly, enabling support for all elements, including those\nthat don't support the native `disabled` attribute.\n\nThis feature can be combined with the\n[`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)\nprop to make disabled elements still accessible via keyboard.\n\n**Note**: For this prop to work, the\n[`focusable`](https://ariakit.org/reference/command#focusable) prop must be\nset to `true`, if it's not set by default.\n\nLive examples:\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Context Menu](https://ariakit.org/examples/menu-context-menu)", "name": "disabled", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/focusable/focusable.d.ts", @@ -442,7 +442,7 @@ "props": { "accessibleWhenDisabled": { "defaultValue": null, - "description": "Indicates whether the element should be focusable even when it is\n[`disabled`](https://ariakit.org/reference/focusable#disabled).\n\nThis is important when discoverability is a concern. For example:\n\n> A toolbar in an editor contains a set of special smart paste functions\nthat are disabled when the clipboard is empty or when the function is not\napplicable to the current content of the clipboard. It could be helpful to\nkeep the disabled buttons focusable if the ability to discover their\nfunctionality is primarily via their presence on the toolbar.\n\nLearn more on [Focusability of disabled\ncontrols](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)", + "description": "Indicates whether the element should be focusable even when it is\n[`disabled`](https://ariakit.org/reference/focusable#disabled).\n\nThis is important when discoverability is a concern. For example:\n\n> A toolbar in an editor contains a set of special smart paste functions\nthat are disabled when the clipboard is empty or when the function is not\napplicable to the current content of the clipboard. It could be helpful to\nkeep the disabled buttons focusable if the ability to discover their\nfunctionality is primarily via their presence on the toolbar.\n\nLearn more on [Focusability of disabled\ncontrols](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)", "name": "accessibleWhenDisabled", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/focusable/focusable.d.ts", @@ -818,7 +818,7 @@ "defaultValue": { "value": "false" }, - "description": "Determines if the element is disabled. This sets the `aria-disabled`\nattribute accordingly, enabling support for all elements, including those\nthat don't support the native `disabled` attribute.\n\nThis feature can be combined with the\n[`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)\nprop to make disabled elements still accessible via keyboard.\n\n**Note**: For this prop to work, the\n[`focusable`](https://ariakit.org/reference/command#focusable) prop must be\nset to `true`, if it's not set by default.\n\nLive examples:\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Context Menu](https://ariakit.org/examples/menu-context-menu)", + "description": "Determines if the element is disabled. This sets the `aria-disabled`\nattribute accordingly, enabling support for all elements, including those\nthat don't support the native `disabled` attribute.\n\nThis feature can be combined with the\n[`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)\nprop to make disabled elements still accessible via keyboard.\n\n**Note**: For this prop to work, the\n[`focusable`](https://ariakit.org/reference/command#focusable) prop must be\nset to `true`, if it's not set by default.\n\nLive examples:\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Context Menu](https://ariakit.org/examples/menu-context-menu)", "name": "disabled", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/focusable/focusable.d.ts", @@ -1037,7 +1037,7 @@ "defaultValue": { "value": "true" }, - "description": "Determines whether the dialog is modal. Modal dialogs have distinct states\nand behaviors:\n- The [`portal`](https://ariakit.org/reference/dialog#portal) and\n [`preventBodyScroll`](https://ariakit.org/reference/dialog#preventbodyscroll)\n props are set to `true`. They can still be manually set to `false`.\n- When using the [`Heading`](https://ariakit.org/reference/heading) or\n [`DialogHeading`](https://ariakit.org/reference/dialog-heading)\n components within the dialog, their level will be reset so they start\n with `h1`.\n- A visually hidden dismiss button will be rendered if the\n [`DialogDismiss`](https://ariakit.org/reference/dialog-dismiss) component\n hasn't been used. This allows screen reader users to close the dialog.\n- When the dialog is open, element tree outside it will be inert.\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Dialog with details &\n summary](https://ariakit.org/examples/dialog-details)\n- [Form with Select](https://ariakit.org/examples/form-select)\n- [Context menu](https://ariakit.org/examples/menu-context-menu)\n- [Responsive Popover](https://ariakit.org/examples/popover-responsive)", + "description": "Determines whether the dialog is modal. Modal dialogs have distinct states\nand behaviors:\n- The [`portal`](https://ariakit.org/reference/dialog#portal) and\n [`preventBodyScroll`](https://ariakit.org/reference/dialog#preventbodyscroll)\n props are set to `true`. They can still be manually set to `false`.\n- When using the [`Heading`](https://ariakit.org/reference/heading) or\n [`DialogHeading`](https://ariakit.org/reference/dialog-heading)\n components within the dialog, their level will be reset so they start\n with `h1`.\n- A visually hidden dismiss button will be rendered if the\n [`DialogDismiss`](https://ariakit.org/reference/dialog-dismiss) component\n hasn't been used. This allows screen reader users to close the dialog.\n- When the dialog is open, element tree outside it will be inert.\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Dialog with details &\n summary](https://ariakit.org/examples/dialog-details)\n- [Form with Select](https://ariakit.org/examples/form-select)\n- [Context menu](https://ariakit.org/examples/menu-context-menu)\n- [Responsive Popover](https://ariakit.org/examples/popover-responsive)", "name": "modal", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/dialog/dialog.d.ts", @@ -1444,6 +1444,40 @@ ] } }, + "unstable_treeSnapshotKey": { + "defaultValue": null, + "description": "@private", + "name": "unstable_treeSnapshotKey", + "parent": { + "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/dialog/dialog.d.ts", + "name": "DialogOptions" + }, + "declarations": [ + { + "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/dialog/dialog.d.ts", + "name": "DialogOptions" + } + ], + "required": false, + "type": { + "name": "enum", + "raw": "string | number | boolean", + "value": [ + { + "value": "string" + }, + { + "value": "number" + }, + { + "value": "false" + }, + { + "value": "true" + } + ] + } + }, "withBackdrop": { "defaultValue": { "value": false diff --git a/packages/Drawer/package.json b/packages/Drawer/package.json index cbfda9ca44..a9bab94e06 100644 --- a/packages/Drawer/package.json +++ b/packages/Drawer/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/drawer", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,9 +46,9 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", + "@ariakit/react": "0.4.15", "@welcome-ui/box": "^6.1.1", - "@welcome-ui/close-button": "^6.5.0", + "@welcome-ui/close-button": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1", "@welcome-ui/text": "^6.2.0", "@welcome-ui/utils": "^6.4.0" diff --git a/packages/DropdownMenu/docs/properties.json b/packages/DropdownMenu/docs/properties.json index b132def32f..bea79cc2da 100644 --- a/packages/DropdownMenu/docs/properties.json +++ b/packages/DropdownMenu/docs/properties.json @@ -100,7 +100,7 @@ "props": { "accessibleWhenDisabled": { "defaultValue": null, - "description": "Indicates whether the element should be focusable even when it is\n[`disabled`](https://ariakit.org/reference/focusable#disabled).\n\nThis is important when discoverability is a concern. For example:\n\n> A toolbar in an editor contains a set of special smart paste functions\nthat are disabled when the clipboard is empty or when the function is not\napplicable to the current content of the clipboard. It could be helpful to\nkeep the disabled buttons focusable if the ability to discover their\nfunctionality is primarily via their presence on the toolbar.\n\nLearn more on [Focusability of disabled\ncontrols](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)", + "description": "Indicates whether the element should be focusable even when it is\n[`disabled`](https://ariakit.org/reference/focusable#disabled).\n\nThis is important when discoverability is a concern. For example:\n\n> A toolbar in an editor contains a set of special smart paste functions\nthat are disabled when the clipboard is empty or when the function is not\napplicable to the current content of the clipboard. It could be helpful to\nkeep the disabled buttons focusable if the ability to discover their\nfunctionality is primarily via their presence on the toolbar.\n\nLearn more on [Focusability of disabled\ncontrols](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)", "name": "accessibleWhenDisabled", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/focusable/focusable.d.ts", @@ -563,7 +563,7 @@ "defaultValue": { "value": "false" }, - "description": "Determines if the element is disabled. This sets the `aria-disabled`\nattribute accordingly, enabling support for all elements, including those\nthat don't support the native `disabled` attribute.\n\nThis feature can be combined with the\n[`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)\nprop to make disabled elements still accessible via keyboard.\n\n**Note**: For this prop to work, the\n[`focusable`](https://ariakit.org/reference/command#focusable) prop must be\nset to `true`, if it's not set by default.\n\nLive examples:\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Context Menu](https://ariakit.org/examples/menu-context-menu)", + "description": "Determines if the element is disabled. This sets the `aria-disabled`\nattribute accordingly, enabling support for all elements, including those\nthat don't support the native `disabled` attribute.\n\nThis feature can be combined with the\n[`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)\nprop to make disabled elements still accessible via keyboard.\n\n**Note**: For this prop to work, the\n[`focusable`](https://ariakit.org/reference/command#focusable) prop must be\nset to `true`, if it's not set by default.\n\nLive examples:\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Context Menu](https://ariakit.org/examples/menu-context-menu)", "name": "disabled", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/focusable/focusable.d.ts", @@ -1009,7 +1009,7 @@ "defaultValue": { "value": "false" }, - "description": "Determines whether the dialog is modal. Modal dialogs have distinct states\nand behaviors:\n- The [`portal`](https://ariakit.org/reference/dialog#portal) and\n [`preventBodyScroll`](https://ariakit.org/reference/dialog#preventbodyscroll)\n props are set to `true`. They can still be manually set to `false`.\n- When using the [`Heading`](https://ariakit.org/reference/heading) or\n [`DialogHeading`](https://ariakit.org/reference/dialog-heading)\n components within the dialog, their level will be reset so they start\n with `h1`.\n- A visually hidden dismiss button will be rendered if the\n [`DialogDismiss`](https://ariakit.org/reference/dialog-dismiss) component\n hasn't been used. This allows screen reader users to close the dialog.\n- When the dialog is open, element tree outside it will be inert.\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Dialog with details &\n summary](https://ariakit.org/examples/dialog-details)\n- [Form with Select](https://ariakit.org/examples/form-select)\n- [Context menu](https://ariakit.org/examples/menu-context-menu)\n- [Responsive Popover](https://ariakit.org/examples/popover-responsive)", + "description": "Determines whether the dialog is modal. Modal dialogs have distinct states\nand behaviors:\n- The [`portal`](https://ariakit.org/reference/dialog#portal) and\n [`preventBodyScroll`](https://ariakit.org/reference/dialog#preventbodyscroll)\n props are set to `true`. They can still be manually set to `false`.\n- When using the [`Heading`](https://ariakit.org/reference/heading) or\n [`DialogHeading`](https://ariakit.org/reference/dialog-heading)\n components within the dialog, their level will be reset so they start\n with `h1`.\n- A visually hidden dismiss button will be rendered if the\n [`DialogDismiss`](https://ariakit.org/reference/dialog-dismiss) component\n hasn't been used. This allows screen reader users to close the dialog.\n- When the dialog is open, element tree outside it will be inert.\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Dialog with details &\n summary](https://ariakit.org/examples/dialog-details)\n- [Form with Select](https://ariakit.org/examples/form-select)\n- [Context menu](https://ariakit.org/examples/menu-context-menu)\n- [Responsive Popover](https://ariakit.org/examples/popover-responsive)", "name": "modal", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/hovercard/hovercard.d.ts", @@ -1431,7 +1431,7 @@ "defaultValue": { "value": "0" }, - "description": "The skidding of the popover along the anchor element. Can be set to\nnegative values to make the popover shift to the opposite side.\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Menubar](https://ariakit.org/components/menubar)", + "description": "The skidding of the popover along the anchor element. Can be set to\nnegative values to make the popover shift to the opposite side.\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Menubar](https://ariakit.org/components/menubar)\n- [Select with Combobox and\n Tabs](https://ariakit.org/examples/select-combobox-tab)", "name": "shift", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/popover/popover.d.ts", @@ -1557,6 +1557,40 @@ ] } }, + "unstable_treeSnapshotKey": { + "defaultValue": null, + "description": "@private", + "name": "unstable_treeSnapshotKey", + "parent": { + "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/dialog/dialog.d.ts", + "name": "DialogOptions" + }, + "declarations": [ + { + "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/dialog/dialog.d.ts", + "name": "DialogOptions" + } + ], + "required": false, + "type": { + "name": "enum", + "raw": "string | number | boolean", + "value": [ + { + "value": "string" + }, + { + "value": "number" + }, + { + "value": "false" + }, + { + "value": "true" + } + ] + } + }, "updatePosition": { "defaultValue": null, "description": "A callback that will be called when the popover needs to calculate its\nposition. This will override the internal `updatePosition` function. The\noriginal `updatePosition` function will be passed as an argument, so it can\nbe called inside the callback to apply the default behavior.\n\nLive examples:\n - [Responsive Popover](https://ariakit.org/examples/popover-responsive)", @@ -1620,7 +1654,7 @@ "props": { "accessibleWhenDisabled": { "defaultValue": null, - "description": "Indicates whether the element should be focusable even when it is\n[`disabled`](https://ariakit.org/reference/focusable#disabled).\n\nThis is important when discoverability is a concern. For example:\n\n> A toolbar in an editor contains a set of special smart paste functions\nthat are disabled when the clipboard is empty or when the function is not\napplicable to the current content of the clipboard. It could be helpful to\nkeep the disabled buttons focusable if the ability to discover their\nfunctionality is primarily via their presence on the toolbar.\n\nLearn more on [Focusability of disabled\ncontrols](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)", + "description": "Indicates whether the element should be focusable even when it is\n[`disabled`](https://ariakit.org/reference/focusable#disabled).\n\nThis is important when discoverability is a concern. For example:\n\n> A toolbar in an editor contains a set of special smart paste functions\nthat are disabled when the clipboard is empty or when the function is not\napplicable to the current content of the clipboard. It could be helpful to\nkeep the disabled buttons focusable if the ability to discover their\nfunctionality is primarily via their presence on the toolbar.\n\nLearn more on [Focusability of disabled\ncontrols](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)", "name": "accessibleWhenDisabled", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/focusable/focusable.d.ts", @@ -1678,7 +1712,7 @@ }, "blurOnHoverEnd": { "defaultValue": null, - "description": "Determines if the composite item should lose focus when the mouse leaves.\nBy default, this is set to `true` if\n[`focusOnHover`](https://ariakit.org/reference/composite-hover#focusonhover)\nis `true`.\n\nLive examples:\n- [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)\n- [Combobox with integrated\n filter](https://ariakit.org/examples/combobox-filtering-integrated)\n- [Submenu with\n Combobox](https://ariakit.org/examples/menu-nested-combobox)\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)", + "description": "Determines if the composite item should lose focus when the mouse leaves.\nBy default, this is set to `true` if\n[`focusOnHover`](https://ariakit.org/reference/composite-hover#focusonhover)\nis `true`.\n\nLive examples:\n- [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)\n- [Combobox with integrated\n filter](https://ariakit.org/examples/combobox-filtering-integrated)\n- [Submenu with\n Combobox](https://ariakit.org/examples/menu-nested-combobox)\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Command Menu](https://ariakit.org/examples/dialog-combobox-command-menu)\n- [Select with Combobox and\n Tabs](https://ariakit.org/examples/select-combobox-tab)", "name": "blurOnHoverEnd", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/composite/composite-hover.d.ts", @@ -1774,7 +1808,7 @@ "defaultValue": { "value": "false" }, - "description": "Determines if the element is disabled. This sets the `aria-disabled`\nattribute accordingly, enabling support for all elements, including those\nthat don't support the native `disabled` attribute.\n\nThis feature can be combined with the\n[`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)\nprop to make disabled elements still accessible via keyboard.\n\n**Note**: For this prop to work, the\n[`focusable`](https://ariakit.org/reference/command#focusable) prop must be\nset to `true`, if it's not set by default.\n\nLive examples:\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Context Menu](https://ariakit.org/examples/menu-context-menu)", + "description": "Determines if the element is disabled. This sets the `aria-disabled`\nattribute accordingly, enabling support for all elements, including those\nthat don't support the native `disabled` attribute.\n\nThis feature can be combined with the\n[`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)\nprop to make disabled elements still accessible via keyboard.\n\n**Note**: For this prop to work, the\n[`focusable`](https://ariakit.org/reference/command#focusable) prop must be\nset to `true`, if it's not set by default.\n\nLive examples:\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Context Menu](https://ariakit.org/examples/menu-context-menu)", "name": "disabled", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/focusable/focusable.d.ts", @@ -1804,7 +1838,7 @@ "defaultValue": { "value": "true" }, - "description": "Determines if the composite item should be _focused_ when hovered over.\n\nNote that the actual DOM focus will stay on the composite element. This\nitem will get the\n[`data-active-item`](https://ariakit.org/guide/styling#data-active-item)\nattribute so it can be styled as if it's focused.\n\nLive examples:\n- [Multi-selectable\n Combobox](https://ariakit.org/examples/combobox-multiple)\n- [Combobox with integrated\n filter](https://ariakit.org/examples/combobox-filtering-integrated)\n- [Textarea with inline\n Combobox](https://ariakit.org/examples/combobox-textarea)\n- [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)\n- [Submenu with\n Combobox](https://ariakit.org/examples/menu-nested-combobox)\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)", + "description": "Determines if the composite item should be _focused_ when hovered over.\n\nNote that the actual DOM focus will stay on the composite element. This\nitem will get the\n[`data-active-item`](https://ariakit.org/guide/styling#data-active-item)\nattribute so it can be styled as if it's focused.\n\nLive examples:\n- [Multi-selectable\n Combobox](https://ariakit.org/examples/combobox-multiple)\n- [Combobox with integrated\n filter](https://ariakit.org/examples/combobox-filtering-integrated)\n- [Textarea with inline\n Combobox](https://ariakit.org/examples/combobox-textarea)\n- [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)\n- [Submenu with\n Combobox](https://ariakit.org/examples/menu-nested-combobox)\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)", "name": "focusOnHover", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/composite/composite-hover.d.ts", @@ -1923,7 +1957,7 @@ }, "id": { "defaultValue": null, - "description": "The unique ID of the item. This will be used to register the item in the\nstore and for the element's `id` attribute. If not provided, a unique ID\nwill be automatically generated.\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Tab with React Router](https://ariakit.org/examples/tab-react-router)\n- [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)", + "description": "The unique ID of the item. This will be used to register the item in the\nstore and for the element's `id` attribute. If not provided, a unique ID\nwill be automatically generated.\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Tab with React Router](https://ariakit.org/examples/tab-react-router)\n- [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)\n- [Select with Combobox and\n Tabs](https://ariakit.org/examples/select-combobox-tab)", "name": "id", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/collection/collection-item.d.ts", diff --git a/packages/DropdownMenu/package.json b/packages/DropdownMenu/package.json index deedf59062..a270620874 100644 --- a/packages/DropdownMenu/package.json +++ b/packages/DropdownMenu/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/dropdown-menu", - "version": "6.4.0", + "version": "6.6.0-alpha.0", "description": "welcome-ui: A DropdownMenu component", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", + "@ariakit/react": "0.4.15", "@welcome-ui/box": "^6.1.1", "@welcome-ui/core": "^6.4.0", "@welcome-ui/system": "^6.1.1", diff --git a/packages/EmojiPicker/package.json b/packages/EmojiPicker/package.json index ec17525ca0..d496633b12 100644 --- a/packages/EmojiPicker/package.json +++ b/packages/EmojiPicker/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/emoji-picker", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,14 +46,14 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", + "@ariakit/react": "0.4.15", "@welcome-ui/box": "^6.1.1", "@welcome-ui/emoji": "^6.1.1", "@welcome-ui/icons": "^6.5.0", - "@welcome-ui/input-text": "^6.5.0", - "@welcome-ui/popover": "^6.5.0", + "@welcome-ui/input-text": "^6.6.0-alpha.0", + "@welcome-ui/popover": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1", - "@welcome-ui/tabs": "^6.4.0", + "@welcome-ui/tabs": "^6.6.0-alpha.0", "@welcome-ui/text": "^6.2.0", "@welcome-ui/utils": "^6.4.0", "lodash.debounce": "^4.0.8", diff --git a/packages/FileDrop/package.json b/packages/FileDrop/package.json index 6bc440774b..d73135ce28 100644 --- a/packages/FileDrop/package.json +++ b/packages/FileDrop/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/file-drop", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@welcome-ui/button": "^6.5.0", + "@welcome-ui/button": "^6.6.0-alpha.0", "@welcome-ui/files": "^6.5.0", "@welcome-ui/icons": "^6.5.0", "@welcome-ui/system": "^6.1.1", diff --git a/packages/FileUpload/package.json b/packages/FileUpload/package.json index 0d73c85334..b1f087d9b3 100644 --- a/packages/FileUpload/package.json +++ b/packages/FileUpload/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/file-upload", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -47,7 +47,7 @@ }, "dependencies": { "@welcome-ui/box": "^6.1.1", - "@welcome-ui/button": "^6.5.0", + "@welcome-ui/button": "^6.6.0-alpha.0", "@welcome-ui/files": "^6.5.0", "@welcome-ui/system": "^6.1.1", "@welcome-ui/tag": "^6.5.0", diff --git a/packages/InputText/package.json b/packages/InputText/package.json index bbcb8243a5..ca512c877c 100644 --- a/packages/InputText/package.json +++ b/packages/InputText/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/input-text", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "welcome-ui: Text input", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@welcome-ui/clear-button": "^6.5.0", + "@welcome-ui/clear-button": "^6.6.0-alpha.0", "@welcome-ui/field": "^6.5.0", "@welcome-ui/system": "^6.1.1", "@welcome-ui/utils": "^6.4.0" diff --git a/packages/Modal/package.json b/packages/Modal/package.json index b7cbb82698..210a50400d 100644 --- a/packages/Modal/package.json +++ b/packages/Modal/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/modal", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Modal from Ariakit with a really nice theme 👀", "main": "dist/index.js", "module": "dist/index.mjs", @@ -48,13 +48,13 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", + "@ariakit/react": "0.4.15", "@welcome-ui/box": "^6.1.1", - "@welcome-ui/button": "^6.5.0", - "@welcome-ui/close-button": "^6.5.0", + "@welcome-ui/button": "^6.6.0-alpha.0", + "@welcome-ui/close-button": "^6.6.0-alpha.0", "@welcome-ui/icons.font": "^6.5.0", "@welcome-ui/shape": "^6.4.0", - "@welcome-ui/swiper": "^6.5.0", + "@welcome-ui/swiper": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1", "@welcome-ui/text": "^6.2.0", "@welcome-ui/utils": "^6.4.0" diff --git a/packages/PasswordInput/package.json b/packages/PasswordInput/package.json index a170899e1b..75f5c155e5 100644 --- a/packages/PasswordInput/package.json +++ b/packages/PasswordInput/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/password-input", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,9 +46,9 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@welcome-ui/button": "^6.5.0", + "@welcome-ui/button": "^6.6.0-alpha.0", "@welcome-ui/icons": "^6.5.0", - "@welcome-ui/input-text": "^6.5.0", + "@welcome-ui/input-text": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1" }, "peerDependencies": { diff --git a/packages/Picker/package.json b/packages/Picker/package.json index 13bcce77d3..7489aac76f 100644 --- a/packages/Picker/package.json +++ b/packages/Picker/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/picker", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "welcome-ui: Picker", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", + "@ariakit/react": "0.4.15", "@welcome-ui/box": "^6.1.1", "@welcome-ui/field-group": "^6.5.0", "@welcome-ui/label": "^6.5.0", diff --git a/packages/Popover/docs/properties.json b/packages/Popover/docs/properties.json index 0d1d68214a..ca5f926db7 100644 --- a/packages/Popover/docs/properties.json +++ b/packages/Popover/docs/properties.json @@ -57,7 +57,7 @@ "props": { "accessibleWhenDisabled": { "defaultValue": null, - "description": "Indicates whether the element should be focusable even when it is\n[`disabled`](https://ariakit.org/reference/focusable#disabled).\n\nThis is important when discoverability is a concern. For example:\n\n> A toolbar in an editor contains a set of special smart paste functions\nthat are disabled when the clipboard is empty or when the function is not\napplicable to the current content of the clipboard. It could be helpful to\nkeep the disabled buttons focusable if the ability to discover their\nfunctionality is primarily via their presence on the toolbar.\n\nLearn more on [Focusability of disabled\ncontrols](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)", + "description": "Indicates whether the element should be focusable even when it is\n[`disabled`](https://ariakit.org/reference/focusable#disabled).\n\nThis is important when discoverability is a concern. For example:\n\n> A toolbar in an editor contains a set of special smart paste functions\nthat are disabled when the clipboard is empty or when the function is not\napplicable to the current content of the clipboard. It could be helpful to\nkeep the disabled buttons focusable if the ability to discover their\nfunctionality is primarily via their presence on the toolbar.\n\nLearn more on [Focusability of disabled\ncontrols](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)", "name": "accessibleWhenDisabled", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/focusable/focusable.d.ts", @@ -454,7 +454,7 @@ "defaultValue": { "value": "false" }, - "description": "Determines if the element is disabled. This sets the `aria-disabled`\nattribute accordingly, enabling support for all elements, including those\nthat don't support the native `disabled` attribute.\n\nThis feature can be combined with the\n[`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)\nprop to make disabled elements still accessible via keyboard.\n\n**Note**: For this prop to work, the\n[`focusable`](https://ariakit.org/reference/command#focusable) prop must be\nset to `true`, if it's not set by default.\n\nLive examples:\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Context Menu](https://ariakit.org/examples/menu-context-menu)", + "description": "Determines if the element is disabled. This sets the `aria-disabled`\nattribute accordingly, enabling support for all elements, including those\nthat don't support the native `disabled` attribute.\n\nThis feature can be combined with the\n[`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)\nprop to make disabled elements still accessible via keyboard.\n\n**Note**: For this prop to work, the\n[`focusable`](https://ariakit.org/reference/command#focusable) prop must be\nset to `true`, if it's not set by default.\n\nLive examples:\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Context Menu](https://ariakit.org/examples/menu-context-menu)", "name": "disabled", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/focusable/focusable.d.ts", @@ -806,7 +806,7 @@ "defaultValue": { "value": "true" }, - "description": "Determines whether the dialog is modal. Modal dialogs have distinct states\nand behaviors:\n- The [`portal`](https://ariakit.org/reference/dialog#portal) and\n [`preventBodyScroll`](https://ariakit.org/reference/dialog#preventbodyscroll)\n props are set to `true`. They can still be manually set to `false`.\n- When using the [`Heading`](https://ariakit.org/reference/heading) or\n [`DialogHeading`](https://ariakit.org/reference/dialog-heading)\n components within the dialog, their level will be reset so they start\n with `h1`.\n- A visually hidden dismiss button will be rendered if the\n [`DialogDismiss`](https://ariakit.org/reference/dialog-dismiss) component\n hasn't been used. This allows screen reader users to close the dialog.\n- When the dialog is open, element tree outside it will be inert.\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Dialog with details &\n summary](https://ariakit.org/examples/dialog-details)\n- [Form with Select](https://ariakit.org/examples/form-select)\n- [Context menu](https://ariakit.org/examples/menu-context-menu)\n- [Responsive Popover](https://ariakit.org/examples/popover-responsive)", + "description": "Determines whether the dialog is modal. Modal dialogs have distinct states\nand behaviors:\n- The [`portal`](https://ariakit.org/reference/dialog#portal) and\n [`preventBodyScroll`](https://ariakit.org/reference/dialog#preventbodyscroll)\n props are set to `true`. They can still be manually set to `false`.\n- When using the [`Heading`](https://ariakit.org/reference/heading) or\n [`DialogHeading`](https://ariakit.org/reference/dialog-heading)\n components within the dialog, their level will be reset so they start\n with `h1`.\n- A visually hidden dismiss button will be rendered if the\n [`DialogDismiss`](https://ariakit.org/reference/dialog-dismiss) component\n hasn't been used. This allows screen reader users to close the dialog.\n- When the dialog is open, element tree outside it will be inert.\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Dialog with details &\n summary](https://ariakit.org/examples/dialog-details)\n- [Form with Select](https://ariakit.org/examples/form-select)\n- [Context menu](https://ariakit.org/examples/menu-context-menu)\n- [Responsive Popover](https://ariakit.org/examples/popover-responsive)", "name": "modal", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/dialog/dialog.d.ts", @@ -1192,7 +1192,7 @@ "defaultValue": { "value": "0" }, - "description": "The skidding of the popover along the anchor element. Can be set to\nnegative values to make the popover shift to the opposite side.\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Menubar](https://ariakit.org/components/menubar)", + "description": "The skidding of the popover along the anchor element. Can be set to\nnegative values to make the popover shift to the opposite side.\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Menubar](https://ariakit.org/components/menubar)\n- [Select with Combobox and\n Tabs](https://ariakit.org/examples/select-combobox-tab)", "name": "shift", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/popover/popover.d.ts", @@ -1288,6 +1288,40 @@ ] } }, + "unstable_treeSnapshotKey": { + "defaultValue": null, + "description": "@private", + "name": "unstable_treeSnapshotKey", + "parent": { + "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/dialog/dialog.d.ts", + "name": "DialogOptions" + }, + "declarations": [ + { + "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/dialog/dialog.d.ts", + "name": "DialogOptions" + } + ], + "required": false, + "type": { + "name": "enum", + "raw": "string | number | boolean", + "value": [ + { + "value": "string" + }, + { + "value": "number" + }, + { + "value": "false" + }, + { + "value": "true" + } + ] + } + }, "updatePosition": { "defaultValue": null, "description": "A callback that will be called when the popover needs to calculate its\nposition. This will override the internal `updatePosition` function. The\noriginal `updatePosition` function will be passed as an argument, so it can\nbe called inside the callback to apply the default behavior.\n\nLive examples:\n - [Responsive Popover](https://ariakit.org/examples/popover-responsive)", @@ -1351,7 +1385,7 @@ "props": { "accessibleWhenDisabled": { "defaultValue": null, - "description": "Indicates whether the element should be focusable even when it is\n[`disabled`](https://ariakit.org/reference/focusable#disabled).\n\nThis is important when discoverability is a concern. For example:\n\n> A toolbar in an editor contains a set of special smart paste functions\nthat are disabled when the clipboard is empty or when the function is not\napplicable to the current content of the clipboard. It could be helpful to\nkeep the disabled buttons focusable if the ability to discover their\nfunctionality is primarily via their presence on the toolbar.\n\nLearn more on [Focusability of disabled\ncontrols](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)", + "description": "Indicates whether the element should be focusable even when it is\n[`disabled`](https://ariakit.org/reference/focusable#disabled).\n\nThis is important when discoverability is a concern. For example:\n\n> A toolbar in an editor contains a set of special smart paste functions\nthat are disabled when the clipboard is empty or when the function is not\napplicable to the current content of the clipboard. It could be helpful to\nkeep the disabled buttons focusable if the ability to discover their\nfunctionality is primarily via their presence on the toolbar.\n\nLearn more on [Focusability of disabled\ncontrols](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)", "name": "accessibleWhenDisabled", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/focusable/focusable.d.ts", @@ -1784,7 +1818,7 @@ "defaultValue": { "value": "false" }, - "description": "Determines if the element is disabled. This sets the `aria-disabled`\nattribute accordingly, enabling support for all elements, including those\nthat don't support the native `disabled` attribute.\n\nThis feature can be combined with the\n[`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)\nprop to make disabled elements still accessible via keyboard.\n\n**Note**: For this prop to work, the\n[`focusable`](https://ariakit.org/reference/command#focusable) prop must be\nset to `true`, if it's not set by default.\n\nLive examples:\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Context Menu](https://ariakit.org/examples/menu-context-menu)", + "description": "Determines if the element is disabled. This sets the `aria-disabled`\nattribute accordingly, enabling support for all elements, including those\nthat don't support the native `disabled` attribute.\n\nThis feature can be combined with the\n[`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)\nprop to make disabled elements still accessible via keyboard.\n\n**Note**: For this prop to work, the\n[`focusable`](https://ariakit.org/reference/command#focusable) prop must be\nset to `true`, if it's not set by default.\n\nLive examples:\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Context Menu](https://ariakit.org/examples/menu-context-menu)", "name": "disabled", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/focusable/focusable.d.ts", @@ -2172,7 +2206,7 @@ "defaultValue": { "value": "false" }, - "description": "Determines whether the dialog is modal. Modal dialogs have distinct states\nand behaviors:\n- The [`portal`](https://ariakit.org/reference/dialog#portal) and\n [`preventBodyScroll`](https://ariakit.org/reference/dialog#preventbodyscroll)\n props are set to `true`. They can still be manually set to `false`.\n- When using the [`Heading`](https://ariakit.org/reference/heading) or\n [`DialogHeading`](https://ariakit.org/reference/dialog-heading)\n components within the dialog, their level will be reset so they start\n with `h1`.\n- A visually hidden dismiss button will be rendered if the\n [`DialogDismiss`](https://ariakit.org/reference/dialog-dismiss) component\n hasn't been used. This allows screen reader users to close the dialog.\n- When the dialog is open, element tree outside it will be inert.\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Dialog with details &\n summary](https://ariakit.org/examples/dialog-details)\n- [Form with Select](https://ariakit.org/examples/form-select)\n- [Context menu](https://ariakit.org/examples/menu-context-menu)\n- [Responsive Popover](https://ariakit.org/examples/popover-responsive)", + "description": "Determines whether the dialog is modal. Modal dialogs have distinct states\nand behaviors:\n- The [`portal`](https://ariakit.org/reference/dialog#portal) and\n [`preventBodyScroll`](https://ariakit.org/reference/dialog#preventbodyscroll)\n props are set to `true`. They can still be manually set to `false`.\n- When using the [`Heading`](https://ariakit.org/reference/heading) or\n [`DialogHeading`](https://ariakit.org/reference/dialog-heading)\n components within the dialog, their level will be reset so they start\n with `h1`.\n- A visually hidden dismiss button will be rendered if the\n [`DialogDismiss`](https://ariakit.org/reference/dialog-dismiss) component\n hasn't been used. This allows screen reader users to close the dialog.\n- When the dialog is open, element tree outside it will be inert.\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Dialog with details &\n summary](https://ariakit.org/examples/dialog-details)\n- [Form with Select](https://ariakit.org/examples/form-select)\n- [Context menu](https://ariakit.org/examples/menu-context-menu)\n- [Responsive Popover](https://ariakit.org/examples/popover-responsive)", "name": "modal", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/hovercard/hovercard.d.ts", @@ -2558,7 +2592,7 @@ "defaultValue": { "value": "0" }, - "description": "The skidding of the popover along the anchor element. Can be set to\nnegative values to make the popover shift to the opposite side.\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Menubar](https://ariakit.org/components/menubar)", + "description": "The skidding of the popover along the anchor element. Can be set to\nnegative values to make the popover shift to the opposite side.\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Menubar](https://ariakit.org/components/menubar)\n- [Select with Combobox and\n Tabs](https://ariakit.org/examples/select-combobox-tab)", "name": "shift", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/popover/popover.d.ts", @@ -2654,6 +2688,40 @@ ] } }, + "unstable_treeSnapshotKey": { + "defaultValue": null, + "description": "@private", + "name": "unstable_treeSnapshotKey", + "parent": { + "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/dialog/dialog.d.ts", + "name": "DialogOptions" + }, + "declarations": [ + { + "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/dialog/dialog.d.ts", + "name": "DialogOptions" + } + ], + "required": false, + "type": { + "name": "enum", + "raw": "string | number | boolean", + "value": [ + { + "value": "string" + }, + { + "value": "number" + }, + { + "value": "false" + }, + { + "value": "true" + } + ] + } + }, "updatePosition": { "defaultValue": null, "description": "A callback that will be called when the popover needs to calculate its\nposition. This will override the internal `updatePosition` function. The\noriginal `updatePosition` function will be passed as an argument, so it can\nbe called inside the callback to apply the default behavior.\n\nLive examples:\n - [Responsive Popover](https://ariakit.org/examples/popover-responsive)", diff --git a/packages/Popover/package.json b/packages/Popover/package.json index 74ed748ac3..f379a7700b 100644 --- a/packages/Popover/package.json +++ b/packages/Popover/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/popover", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "welcome-ui: A popover component", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,9 +46,9 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", + "@ariakit/react": "0.4.15", "@welcome-ui/box": "^6.1.1", - "@welcome-ui/button": "^6.5.0", + "@welcome-ui/button": "^6.6.0-alpha.0", "@welcome-ui/icons": "^6.5.0", "@welcome-ui/system": "^6.1.1" }, diff --git a/packages/Radio/package.json b/packages/Radio/package.json index a1c95a0810..cf0e0cda41 100644 --- a/packages/Radio/package.json +++ b/packages/Radio/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/radio", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", + "@ariakit/react": "0.4.15", "@welcome-ui/box": "^6.1.1", "@welcome-ui/hint": "^6.1.1", "@welcome-ui/label": "^6.5.0", diff --git a/packages/RadioGroup/package.json b/packages/RadioGroup/package.json index dcd5ba8f05..bcd907cc2d 100644 --- a/packages/RadioGroup/package.json +++ b/packages/RadioGroup/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/radio-group", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,9 +46,9 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", + "@ariakit/react": "0.4.15", "@welcome-ui/field-group": "^6.5.0", - "@welcome-ui/radio": "^6.5.0", + "@welcome-ui/radio": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1" }, "peerDependencies": { diff --git a/packages/RadioTab/package.json b/packages/RadioTab/package.json index 3adfee8176..e896850de4 100644 --- a/packages/RadioTab/package.json +++ b/packages/RadioTab/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/radio-tab", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,8 +46,8 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", - "@welcome-ui/button": "^6.5.0", + "@ariakit/react": "0.4.15", + "@welcome-ui/button": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1", "@welcome-ui/utils": "^6.4.0" }, diff --git a/packages/Search/package.json b/packages/Search/package.json index a82fc6a5d9..bcff3a04cf 100644 --- a/packages/Search/package.json +++ b/packages/Search/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/search", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -49,7 +49,7 @@ "@welcome-ui/shape": "^6.4.0" }, "dependencies": { - "@welcome-ui/clear-button": "^6.5.0", + "@welcome-ui/clear-button": "^6.6.0-alpha.0", "@welcome-ui/field": "^6.5.0", "@welcome-ui/icon": "^6.1.1", "@welcome-ui/system": "^6.1.1", diff --git a/packages/Select/package.json b/packages/Select/package.json index 53f6dd956e..d6bafe9ec6 100644 --- a/packages/Select/package.json +++ b/packages/Select/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/select", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@welcome-ui/clear-button": "^6.5.0", + "@welcome-ui/clear-button": "^6.6.0-alpha.0", "@welcome-ui/field": "^6.5.0", "@welcome-ui/icon": "^6.1.1", "@welcome-ui/icons": "^6.5.0", diff --git a/packages/Slider/package.json b/packages/Slider/package.json index 123a92fde6..f25b262618 100644 --- a/packages/Slider/package.json +++ b/packages/Slider/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/slider", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -48,7 +48,7 @@ "dependencies": { "@welcome-ui/box": "^6.1.1", "@welcome-ui/hint": "^6.1.1", - "@welcome-ui/input-text": "^6.5.0", + "@welcome-ui/input-text": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1", "@welcome-ui/text": "^6.2.0" }, diff --git a/packages/Swiper/package.json b/packages/Swiper/package.json index 0fe4a78c56..482b5bdf94 100644 --- a/packages/Swiper/package.json +++ b/packages/Swiper/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/swiper", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@welcome-ui/button": "^6.5.0", + "@welcome-ui/button": "^6.6.0-alpha.0", "@welcome-ui/icons.font": "^6.5.0", "@welcome-ui/system": "^6.1.1", "@welcome-ui/utils": "^6.4.0", diff --git a/packages/Tabs/docs/properties.json b/packages/Tabs/docs/properties.json index 884a9cdd95..ca0fc879e1 100644 --- a/packages/Tabs/docs/properties.json +++ b/packages/Tabs/docs/properties.json @@ -45,7 +45,7 @@ "props": { "combobox": { "defaultValue": null, - "description": "A reference to a [combobox\nstore](https://ariakit.org/reference/use-combobox-store). This is\nautomatically set when rendering tabs inside a\n[Combobox](https://ariakit.org/components/combobox).\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)", + "description": "A reference to a [combobox\nstore](https://ariakit.org/reference/use-combobox-store). This is\nautomatically set when rendering tabs inside a\n[Combobox](https://ariakit.org/components/combobox).\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)", "name": "combobox", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/tab/tab-store.d.ts", @@ -64,7 +64,7 @@ }, "composite": { "defaultValue": null, - "description": "A reference to another [composite\nstore](https://ariakit.org/reference/use-composite-store). This is\nautomatically set when rendering tabs as part of another composite widget,\nsuch as [Combobox](https://ariakit.org/components/combobox) or\n[Select](https://ariakit.org/components/select).\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)", + "description": "A reference to another [composite\nstore](https://ariakit.org/reference/use-composite-store). This is\nautomatically set when rendering tabs as part of another composite widget,\nsuch as [Combobox](https://ariakit.org/components/combobox) or\n[Select](https://ariakit.org/components/select).\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)", "name": "composite", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/tab/tab-store.d.ts", @@ -123,7 +123,7 @@ }, "defaultSelectedId": { "defaultValue": null, - "description": "The id of the tab whose panel is currently visible. If it's `undefined`, it\nwill be automatically set to the first enabled tab.\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)", + "description": "The id of the tab whose panel is currently visible. If it's `undefined`, it\nwill be automatically set to the first enabled tab.\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)\n- [Select with Combobox and\n Tabs](https://ariakit.org/examples/select-combobox-tab)", "name": "defaultSelectedId", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/core/cjs/tab/tab-store.d.ts", @@ -180,7 +180,7 @@ }, "setSelectedId": { "defaultValue": null, - "description": "Function that will be called when the\n[`selectedId`](https://ariakit.org/reference/tab-provider#selectedid) state\nchanges.\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)", + "description": "Function that will be called when the\n[`selectedId`](https://ariakit.org/reference/tab-provider#selectedid) state\nchanges.\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Select with Combobox and\n Tabs](https://ariakit.org/examples/select-combobox-tab)", "name": "setSelectedId", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/tab/tab-store.d.ts", @@ -237,7 +237,7 @@ "props": { "accessibleWhenDisabled": { "defaultValue": null, - "description": "Indicates whether the element should be focusable even when it is\n[`disabled`](https://ariakit.org/reference/focusable#disabled).\n\nThis is important when discoverability is a concern. For example:\n\n> A toolbar in an editor contains a set of special smart paste functions\nthat are disabled when the clipboard is empty or when the function is not\napplicable to the current content of the clipboard. It could be helpful to\nkeep the disabled buttons focusable if the ability to discover their\nfunctionality is primarily via their presence on the toolbar.\n\nLearn more on [Focusability of disabled\ncontrols](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)", + "description": "Indicates whether the element should be focusable even when it is\n[`disabled`](https://ariakit.org/reference/focusable#disabled).\n\nThis is important when discoverability is a concern. For example:\n\n> A toolbar in an editor contains a set of special smart paste functions\nthat are disabled when the clipboard is empty or when the function is not\napplicable to the current content of the clipboard. It could be helpful to\nkeep the disabled buttons focusable if the ability to discover their\nfunctionality is primarily via their presence on the toolbar.\n\nLearn more on [Focusability of disabled\ncontrols](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)", "name": "accessibleWhenDisabled", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/focusable/focusable.d.ts", @@ -327,7 +327,7 @@ "defaultValue": { "value": "false" }, - "description": "Determines if the element is disabled. This sets the `aria-disabled`\nattribute accordingly, enabling support for all elements, including those\nthat don't support the native `disabled` attribute.\n\nThis feature can be combined with the\n[`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)\nprop to make disabled elements still accessible via keyboard.\n\n**Note**: For this prop to work, the\n[`focusable`](https://ariakit.org/reference/command#focusable) prop must be\nset to `true`, if it's not set by default.\n\nLive examples:\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Context Menu](https://ariakit.org/examples/menu-context-menu)", + "description": "Determines if the element is disabled. This sets the `aria-disabled`\nattribute accordingly, enabling support for all elements, including those\nthat don't support the native `disabled` attribute.\n\nThis feature can be combined with the\n[`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled)\nprop to make disabled elements still accessible via keyboard.\n\n**Note**: For this prop to work, the\n[`focusable`](https://ariakit.org/reference/command#focusable) prop must be\nset to `true`, if it's not set by default.\n\nLive examples:\n- [Submenu](https://ariakit.org/examples/menu-nested)\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Context Menu](https://ariakit.org/examples/menu-context-menu)", "name": "disabled", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/focusable/focusable.d.ts", @@ -404,7 +404,7 @@ }, "id": { "defaultValue": null, - "description": "The unique ID of the item. This will be used to register the item in the\nstore and for the element's `id` attribute. If not provided, a unique ID\nwill be automatically generated.\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Tab with React Router](https://ariakit.org/examples/tab-react-router)\n- [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)", + "description": "The unique ID of the item. This will be used to register the item in the\nstore and for the element's `id` attribute. If not provided, a unique ID\nwill be automatically generated.\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Tab with React Router](https://ariakit.org/examples/tab-react-router)\n- [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)\n- [Select with Combobox and\n Tabs](https://ariakit.org/examples/select-combobox-tab)", "name": "id", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/collection/collection-item.d.ts", @@ -474,6 +474,79 @@ ] } }, + "scrollElement": { + "defaultValue": null, + "description": "When using the\n[`scrollRestoration`](https://ariakit.org/reference/tab-panel#scrollrestoration)\nprop, the tab panel element serves as the default scroll element. You can\nuse this prop to designate a different element for scrolling.\n\nIf a function is provided, it will be called with the tab panel element as\nan argument. The function should return the element to scroll.\n@example ```jsx\n panel.querySelector(\".scrollable\")}\n/>\n```", + "name": "scrollElement", + "parent": { + "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/tab/tab-panel.d.ts", + "name": "TabPanelOptions" + }, + "declarations": [ + { + "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/tab/tab-panel.d.ts", + "name": "TabPanelOptions" + } + ], + "required": false, + "type": { + "name": "enum", + "raw": "HTMLElement | RefObject | ((panel: HTMLElement) => HTMLElement)", + "value": [ + { + "value": "HTMLElement", + "description": "Any HTML element. Some elements directly implement this interface, while others implement it via an interface that inherits it.", + "fullComment": "Any HTML element. Some elements directly implement this interface, while others implement it via an interface that inherits it.", + "tags": {} + }, + { + "value": "RefObject", + "description": "", + "fullComment": "", + "tags": {} + }, + { + "value": "(panel: HTMLElement) => HTMLElement", + "description": "", + "fullComment": "", + "tags": {} + } + ] + } + }, + "scrollRestoration": { + "defaultValue": { + "value": "false" + }, + "description": "Manages the scrolling behavior of the tab panel when it is hidden and then\nshown again.\n\nThis is especially useful when using a single tab panel for multiple tabs,\nwhere you dynamically change the\n[`tabId`](https://ariakit.org/reference/tab-panel#tabid) prop and the\npanel's children, which would otherwise retain the current scroll position\nwhen switching tabs.\n\nWhen set to `true`, the component will save the scroll position and restore\nit when the panel is shown again. When set to `\"reset\"`, the scroll\nposition will reset to the top when the panel is displayed again.\n\nThe default scroll element is the tab panel itself. To scroll a different\nelement, use the\n[`scrollElement`](https://ariakit.org/reference/tab-panel#scrollelement)\nprop.", + "name": "scrollRestoration", + "parent": { + "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/tab/tab-panel.d.ts", + "name": "TabPanelOptions" + }, + "declarations": [ + { + "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/tab/tab-panel.d.ts", + "name": "TabPanelOptions" + } + ], + "required": false, + "type": { + "name": "enum", + "raw": "boolean | \"reset\"", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"reset\"" + } + ] + } + }, "shouldRegisterItem": { "defaultValue": { "value": "true" @@ -506,7 +579,7 @@ }, "tabId": { "defaultValue": null, - "description": "The [`id`](https://ariakit.org/reference/tab#id) of the tab controlling\nthis panel. This connection is used to assign the `aria-labelledby`\nattribute to the tab panel and to determine if the tab panel should be\nvisible.\n\nThis link is automatically established by matching the order of\n[`Tab`](https://ariakit.org/reference/tab) and\n[`TabPanel`](https://ariakit.org/reference/tab-panel) elements in the DOM.\nIf you're rendering a single tab panel, this can be set to a dynamic value\nthat refers to the selected tab.\n\nLive examples:\n- [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)\n- [Tab with React Router](https://ariakit.org/examples/tab-react-router)\n- [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)", + "description": "The [`id`](https://ariakit.org/reference/tab#id) of the tab controlling\nthis panel. This connection is used to assign the `aria-labelledby`\nattribute to the tab panel and to determine if the tab panel should be\nvisible.\n\nThis link is automatically established by matching the order of\n[`Tab`](https://ariakit.org/reference/tab) and\n[`TabPanel`](https://ariakit.org/reference/tab-panel) elements in the DOM.\nIf you're rendering a single tab panel, this can be set to a dynamic value\nthat refers to the selected tab.\n\nLive examples:\n- [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)\n- [Tab with React Router](https://ariakit.org/examples/tab-react-router)\n- [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)\n- [Select with Combobox and\n Tabs](https://ariakit.org/examples/select-combobox-tab)", "name": "tabId", "parent": { "fileName": "welcome-ui/node_modules/@ariakit/react-core/cjs/tab/tab-panel.d.ts", diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index 91b40c19dc..8ee7e5240b 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/tabs", - "version": "6.4.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", + "@ariakit/react": "0.4.15", "@welcome-ui/system": "^6.1.1", "@welcome-ui/utils": "^6.4.0", "react-flatten-children": "^1.0.0" diff --git a/packages/Tabs/tests/index.test.tsx b/packages/Tabs/tests/index.test.tsx index 119426e3fe..2408eea636 100644 --- a/packages/Tabs/tests/index.test.tsx +++ b/packages/Tabs/tests/index.test.tsx @@ -1,5 +1,5 @@ import React from 'react' -import { act, screen, waitFor } from '@testing-library/react' +import { fireEvent, screen, waitFor } from '@testing-library/react' import { render } from '../../../utils/tests' import { Tab, useTab } from '../src' @@ -52,7 +52,7 @@ const OneTab = () => { describe('Tabs', () => { it('renders an accessible structure', async () => { - const { user } = render() + render() const tab1 = screen.getByTestId('tab1') const tab2 = screen.getByTestId('tab2') @@ -84,13 +84,15 @@ describe('Tabs', () => { expect(activeBar).toBeInTheDocument() // Simulate click on second tab - await act(() => user.click(tab2)) + fireEvent.click(tab2) expect(tab1).toHaveAttribute('aria-selected', 'false') expect(tab2).toHaveAttribute('aria-selected', 'true') expect(tab3).toHaveAttribute('aria-selected', 'false') - expect(panel1).toHaveAttribute('hidden') + await waitFor(() => { + expect(panel1).toHaveAttribute('hidden') + }) expect(panel2).not.toHaveAttribute('hidden') expect(panel3).toHaveAttribute('hidden') }) diff --git a/packages/TimePicker/package.json b/packages/TimePicker/package.json index c4d922f2cd..8d61b40ab9 100644 --- a/packages/TimePicker/package.json +++ b/packages/TimePicker/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/time-picker", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -47,7 +47,7 @@ }, "dependencies": { "@types/react-datepicker": "^4.15.0", - "@welcome-ui/date-time-picker-common": "^6.5.0", + "@welcome-ui/date-time-picker-common": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1", "react-datepicker": "^4.16.0" }, diff --git a/packages/Toast/package.json b/packages/Toast/package.json index a0f4fb76d3..0ca021af68 100644 --- a/packages/Toast/package.json +++ b/packages/Toast/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/toast", - "version": "6.5.0", + "version": "6.6.0-alpha.0", "description": "Customizable design system with react • styled-components • styled-system and ariakit.", "main": "dist/index.js", "module": "dist/index.mjs", @@ -49,10 +49,10 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@welcome-ui/alert": "^6.5.0", + "@welcome-ui/alert": "^6.6.0-alpha.0", "@welcome-ui/box": "^6.1.1", - "@welcome-ui/button": "^6.5.0", - "@welcome-ui/close-button": "^6.5.0", + "@welcome-ui/button": "^6.6.0-alpha.0", + "@welcome-ui/close-button": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1", "@welcome-ui/text": "^6.2.0", "@welcome-ui/utils": "^6.4.0", diff --git a/packages/Toggle/package.json b/packages/Toggle/package.json index f909e58ea4..6df6d2ee20 100644 --- a/packages/Toggle/package.json +++ b/packages/Toggle/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/toggle", - "version": "6.4.0", + "version": "6.6.0-alpha.0", "description": "welcome-ui: A toggle component", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,8 +46,8 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", - "@welcome-ui/checkbox": "^6.4.0", + "@ariakit/react": "0.4.15", + "@welcome-ui/checkbox": "^6.6.0-alpha.0", "@welcome-ui/system": "^6.1.1" }, "peerDependencies": { diff --git a/packages/Tooltip/package.json b/packages/Tooltip/package.json index 07f394244c..ac26655a69 100644 --- a/packages/Tooltip/package.json +++ b/packages/Tooltip/package.json @@ -1,6 +1,6 @@ { "name": "@welcome-ui/tooltip", - "version": "6.1.1", + "version": "6.6.0-alpha.0", "description": "welcome-ui: A tooltip component", "main": "dist/index.js", "module": "dist/index.mjs", @@ -46,7 +46,7 @@ "url": "https://github.com/WTTJ/welcome-ui/issues" }, "dependencies": { - "@ariakit/react": "0.4.3", + "@ariakit/react": "0.4.15", "@welcome-ui/box": "^6.1.1", "@welcome-ui/system": "^6.1.1" }, diff --git a/yarn.lock b/yarn.lock index 7714005094..b0b67d2276 100644 --- a/yarn.lock +++ b/yarn.lock @@ -163,26 +163,26 @@ "@jridgewell/gen-mapping" "^0.1.0" "@jridgewell/trace-mapping" "^0.3.9" -"@ariakit/core@0.4.3": - version "0.4.3" - resolved "https://registry.yarnpkg.com/@ariakit/core/-/core-0.4.3.tgz#c68307e22b06e2bfae63f209feefe5ad65ad2d0f" - integrity sha512-Z5O1FZBbR2tIkEUJ7o+W5ZVBqMy2DQ5QpvAJCwM8iUibQBxEFi1rcYFWWpa/MO064wFJNyH7iadfrT4T+ZLuUw== +"@ariakit/core@0.4.14": + version "0.4.14" + resolved "https://registry.yarnpkg.com/@ariakit/core/-/core-0.4.14.tgz#a8bbefbc80a1781ae739bdf25a4fd9130fbd5089" + integrity sha512-hpzZvyYzGhP09S9jW1XGsU/FD5K3BKsH1eG/QJ8rfgEeUdPS7BvHPt5lHbOeJ2cMrRzBEvsEzLi1ivfDifHsVA== -"@ariakit/react-core@0.4.3": - version "0.4.3" - resolved "https://registry.yarnpkg.com/@ariakit/react-core/-/react-core-0.4.3.tgz#a7dbd43bf1e99f769151fcf0f2200fed9c5867c3" - integrity sha512-yGYiHUVQKbW1RN8tMMn2IJQ4HL7hG2+uliJzYpn5/SHWODwSJum1vXdcjx7jJoy8B6l53cxIsyUwBPhcaAR9NQ== +"@ariakit/react-core@0.4.15": + version "0.4.15" + resolved "https://registry.yarnpkg.com/@ariakit/react-core/-/react-core-0.4.15.tgz#333b9ee0f4c12d3b76db06e2d787987c1e3fae27" + integrity sha512-Up8+U97nAPJdyUh9E8BCEhJYTA+eVztWpHoo1R9zZfHd4cnBWAg5RHxEmMH+MamlvuRxBQA71hFKY/735fDg+A== dependencies: - "@ariakit/core" "0.4.3" + "@ariakit/core" "0.4.14" "@floating-ui/dom" "^1.0.0" use-sync-external-store "^1.2.0" -"@ariakit/react@0.4.3": - version "0.4.3" - resolved "https://registry.yarnpkg.com/@ariakit/react/-/react-0.4.3.tgz#7b1abd5dc90f8cd444de5e7d2117c2f80ef803ca" - integrity sha512-KmCflynxvJ1Uk9NHsf5LxpAJCaO30UWgml9c8+N4Y3ic9cOREsR0v4hQ9NG2R5JEV5C2yj77YovEfuk9YPHDpg== +"@ariakit/react@0.4.15": + version "0.4.15" + resolved "https://registry.yarnpkg.com/@ariakit/react/-/react-0.4.15.tgz#d088faf0e98e59542f3c23c348b6e923a6054208" + integrity sha512-0V2LkNPFrGRT+SEIiObx/LQjR6v3rR+mKEDUu/3tq7jfCZ+7+6Q6EMR1rFaK+XMkaRY1RWUcj/rRDWAUWnsDww== dependencies: - "@ariakit/react-core" "0.4.3" + "@ariakit/react-core" "0.4.15" "@babel/cli@7.25.9": version "7.25.9" @@ -12804,16 +12804,7 @@ string-natural-compare@^3.0.1: resolved "https://registry.yarnpkg.com/string-natural-compare/-/string-natural-compare-3.0.1.tgz#7a42d58474454963759e8e8b7ae63d71c1e7fdf4" integrity sha512-n3sPwynL1nwKi3WJ6AIsClwBMa0zTi54fn2oLU6ndfTSIO05xaznjSf15PcBZU6FNWbmN5Q6cxT4V5hGvB4taw== -"string-width-cjs@npm:string-width@^4.2.0": - version "4.2.3" - resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" - integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== - dependencies: - emoji-regex "^8.0.0" - is-fullwidth-code-point "^3.0.0" - strip-ansi "^6.0.1" - -"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: +"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -12958,14 +12949,7 @@ stringify-package@^1.0.1: resolved "https://registry.yarnpkg.com/stringify-package/-/stringify-package-1.0.1.tgz#e5aa3643e7f74d0f28628b72f3dad5cecfc3ba85" integrity sha512-sa4DUQsYciMP1xhKWGuFM04fB0LG/9DlluZoSVywUMRNvzid6XucHK0/90xGxRoHrAaROrcHK1aPKaijCtSrhg== -"strip-ansi-cjs@npm:strip-ansi@^6.0.1": - version "6.0.1" - resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" - integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== - dependencies: - ansi-regex "^5.0.1" - -strip-ansi@^6.0.0, strip-ansi@^6.0.1: +"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1: version "6.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -14155,16 +14139,7 @@ wordwrap@^1.0.0: resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb" integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q== -"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0": - version "7.0.0" - resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" - integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== - dependencies: - ansi-styles "^4.0.0" - string-width "^4.1.0" - strip-ansi "^6.0.0" - -wrap-ansi@^7.0.0: +"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0: version "7.0.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==