diff --git a/bun.lockb b/bun.lockb index 6de47d2642..df2f1268b5 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index e7f787fe97..c1ab3fb655 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -6,6 +6,14 @@ description: All notable changes will be documented in this file. ## [Unreleased] +### Added + +- **ColorPicker**: Added support for `invalid` and `openAutoFocus` props. + +### Fixed + +- **Presence, Collapsible**: Resolved a potential memory leak occurring after component unmount. + ## [4.4.4] - 2024-11-18 ### Fixed diff --git a/packages/react/package.json b/packages/react/package.json index 04609c70de..156360885a 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -166,55 +166,55 @@ "sideEffects": false, "dependencies": { "@internationalized/date": "3.6.0", - "@zag-js/accordion": "0.77.1", - "@zag-js/anatomy": "0.77.1", - "@zag-js/auto-resize": "0.77.1", - "@zag-js/avatar": "0.77.1", - "@zag-js/carousel": "0.77.1", - "@zag-js/checkbox": "0.77.1", - "@zag-js/clipboard": "0.77.1", - "@zag-js/collapsible": "0.77.1", - "@zag-js/collection": "0.77.1", - "@zag-js/color-picker": "0.77.1", - "@zag-js/color-utils": "0.77.1", - "@zag-js/combobox": "0.77.1", - "@zag-js/core": "0.77.1", - "@zag-js/date-picker": "0.77.1", - "@zag-js/date-utils": "0.77.1", - "@zag-js/dialog": "0.77.1", - "@zag-js/dom-query": "0.77.1", - "@zag-js/editable": "0.77.1", - "@zag-js/file-upload": "0.77.1", - "@zag-js/file-utils": "0.77.1", - "@zag-js/highlight-word": "0.77.1", - "@zag-js/hover-card": "0.77.1", - "@zag-js/i18n-utils": "0.77.1", - "@zag-js/menu": "0.77.1", - "@zag-js/number-input": "0.77.1", - "@zag-js/pagination": "0.77.1", - "@zag-js/pin-input": "0.77.1", - "@zag-js/popover": "0.77.1", - "@zag-js/presence": "0.77.1", - "@zag-js/progress": "0.77.1", - "@zag-js/qr-code": "0.77.1", - "@zag-js/radio-group": "0.77.1", - "@zag-js/rating-group": "0.77.1", - "@zag-js/react": "0.77.1", - "@zag-js/select": "0.77.1", - "@zag-js/signature-pad": "0.77.1", - "@zag-js/slider": "0.77.1", - "@zag-js/splitter": "0.77.1", - "@zag-js/steps": "0.77.1", - "@zag-js/switch": "0.77.1", - "@zag-js/tabs": "0.77.1", - "@zag-js/tags-input": "0.77.1", - "@zag-js/time-picker": "0.77.1", - "@zag-js/timer": "0.77.1", - "@zag-js/toast": "0.77.1", - "@zag-js/toggle-group": "0.77.1", - "@zag-js/tooltip": "0.77.1", - "@zag-js/tree-view": "0.77.1", - "@zag-js/types": "0.77.1" + "@zag-js/accordion": "0.78.0", + "@zag-js/anatomy": "0.78.0", + "@zag-js/auto-resize": "0.78.0", + "@zag-js/avatar": "0.78.0", + "@zag-js/carousel": "0.78.0", + "@zag-js/checkbox": "0.78.0", + "@zag-js/clipboard": "0.78.0", + "@zag-js/collapsible": "0.78.0", + "@zag-js/collection": "0.78.0", + "@zag-js/color-picker": "0.78.0", + "@zag-js/color-utils": "0.78.0", + "@zag-js/combobox": "0.78.0", + "@zag-js/core": "0.78.0", + "@zag-js/date-picker": "0.78.0", + "@zag-js/date-utils": "0.78.0", + "@zag-js/dialog": "0.78.0", + "@zag-js/dom-query": "0.78.0", + "@zag-js/editable": "0.78.0", + "@zag-js/file-upload": "0.78.0", + "@zag-js/file-utils": "0.78.0", + "@zag-js/highlight-word": "0.78.0", + "@zag-js/hover-card": "0.78.0", + "@zag-js/i18n-utils": "0.78.0", + "@zag-js/menu": "0.78.0", + "@zag-js/number-input": "0.78.0", + "@zag-js/pagination": "0.78.0", + "@zag-js/pin-input": "0.78.0", + "@zag-js/popover": "0.78.0", + "@zag-js/presence": "0.78.0", + "@zag-js/progress": "0.78.0", + "@zag-js/qr-code": "0.78.0", + "@zag-js/radio-group": "0.78.0", + "@zag-js/rating-group": "0.78.0", + "@zag-js/react": "0.78.0", + "@zag-js/select": "0.78.0", + "@zag-js/signature-pad": "0.78.0", + "@zag-js/slider": "0.78.0", + "@zag-js/splitter": "0.78.0", + "@zag-js/steps": "0.78.0", + "@zag-js/switch": "0.78.0", + "@zag-js/tabs": "0.78.0", + "@zag-js/tags-input": "0.78.0", + "@zag-js/time-picker": "0.78.0", + "@zag-js/timer": "0.78.0", + "@zag-js/toast": "0.78.0", + "@zag-js/toggle-group": "0.78.0", + "@zag-js/tooltip": "0.78.0", + "@zag-js/tree-view": "0.78.0", + "@zag-js/types": "0.78.0" }, "devDependencies": { "@biomejs/biome": "1.9.4", @@ -231,7 +231,7 @@ "@types/react": "18.3.12", "@types/react-dom": "18.3.1", "@vitejs/plugin-react": "4.3.3", - "@zag-js/stringify-state": "0.77.1", + "@zag-js/stringify-state": "0.78.0", "clean-package": "2.2.0", "globby": "14.0.2", "jsdom": "25.0.1", diff --git a/packages/react/src/components/color-picker/color-picker-root.tsx b/packages/react/src/components/color-picker/color-picker-root.tsx index 66421d7e87..2fbe376cca 100644 --- a/packages/react/src/components/color-picker/color-picker-root.tsx +++ b/packages/react/src/components/color-picker/color-picker-root.tsx @@ -31,6 +31,7 @@ export const ColorPickerRoot = forwardRef( 'id', 'ids', 'initialFocusEl', + 'invalid', 'name', 'name', 'onFocusOutside', @@ -41,6 +42,7 @@ export const ColorPickerRoot = forwardRef( 'onValueChange', 'onValueChangeEnd', 'open', + 'openAutoFocus', 'positioning', 'readOnly', 'required', diff --git a/packages/react/src/components/color-picker/use-color-picker.ts b/packages/react/src/components/color-picker/use-color-picker.ts index 30b68366ce..3adc81e571 100644 --- a/packages/react/src/components/color-picker/use-color-picker.ts +++ b/packages/react/src/components/color-picker/use-color-picker.ts @@ -35,6 +35,7 @@ export const useColorPicker = (props: UseColorPickerProps = {}): UseColorPickerR }, dir, disabled: field?.disabled, + invalid: field?.invalid, readOnly: field?.readOnly, required: field?.required, getRootNode, diff --git a/packages/solid/CHANGELOG.md b/packages/solid/CHANGELOG.md index 6c3a95c381..abda7c29eb 100644 --- a/packages/solid/CHANGELOG.md +++ b/packages/solid/CHANGELOG.md @@ -6,6 +6,14 @@ description: All notable changes will be documented in this file. ## [Unreleased] +### Added + +- **ColorPicker**: Added support for `invalid` and `openAutoFocus` props. + +### Fixed + +- **Presence, Collapsible**: Resolved a potential memory leak occurring after component unmount. + ## [4.5.1] - 2024-11-18 ### Fixed diff --git a/packages/solid/package.json b/packages/solid/package.json index 913984cd92..6894001947 100644 --- a/packages/solid/package.json +++ b/packages/solid/package.json @@ -129,52 +129,52 @@ "sideEffects": false, "dependencies": { "@internationalized/date": "3.6.0", - "@zag-js/accordion": "0.77.1", - "@zag-js/anatomy": "0.77.1", - "@zag-js/auto-resize": "0.77.1", - "@zag-js/avatar": "0.77.1", - "@zag-js/carousel": "0.77.1", - "@zag-js/checkbox": "0.77.1", - "@zag-js/clipboard": "0.77.1", - "@zag-js/collapsible": "0.77.1", - "@zag-js/collection": "0.77.1", - "@zag-js/color-picker": "0.77.1", - "@zag-js/combobox": "0.77.1", - "@zag-js/date-picker": "0.77.1", - "@zag-js/dialog": "0.77.1", - "@zag-js/dom-query": "0.77.1", - "@zag-js/editable": "0.77.1", - "@zag-js/file-upload": "0.77.1", - "@zag-js/highlight-word": "0.77.1", - "@zag-js/hover-card": "0.77.1", - "@zag-js/file-utils": "0.77.1", - "@zag-js/i18n-utils": "0.77.1", - "@zag-js/menu": "0.77.1", - "@zag-js/number-input": "0.77.1", - "@zag-js/pagination": "0.77.1", - "@zag-js/pin-input": "0.77.1", - "@zag-js/popover": "0.77.1", - "@zag-js/presence": "0.77.1", - "@zag-js/progress": "0.77.1", - "@zag-js/qr-code": "0.77.1", - "@zag-js/radio-group": "0.77.1", - "@zag-js/rating-group": "0.77.1", - "@zag-js/select": "0.77.1", - "@zag-js/signature-pad": "0.77.1", - "@zag-js/slider": "0.77.1", - "@zag-js/solid": "0.77.1", - "@zag-js/splitter": "0.77.1", - "@zag-js/steps": "0.77.1", - "@zag-js/switch": "0.77.1", - "@zag-js/tabs": "0.77.1", - "@zag-js/tags-input": "0.77.1", - "@zag-js/timer": "0.77.1", - "@zag-js/time-picker": "0.77.1", - "@zag-js/toast": "0.77.1", - "@zag-js/toggle-group": "0.77.1", - "@zag-js/tooltip": "0.77.1", - "@zag-js/tree-view": "0.77.1", - "@zag-js/types": "0.77.1" + "@zag-js/accordion": "0.78.0", + "@zag-js/anatomy": "0.78.0", + "@zag-js/auto-resize": "0.78.0", + "@zag-js/avatar": "0.78.0", + "@zag-js/carousel": "0.78.0", + "@zag-js/checkbox": "0.78.0", + "@zag-js/clipboard": "0.78.0", + "@zag-js/collapsible": "0.78.0", + "@zag-js/collection": "0.78.0", + "@zag-js/color-picker": "0.78.0", + "@zag-js/combobox": "0.78.0", + "@zag-js/date-picker": "0.78.0", + "@zag-js/dialog": "0.78.0", + "@zag-js/dom-query": "0.78.0", + "@zag-js/editable": "0.78.0", + "@zag-js/file-upload": "0.78.0", + "@zag-js/highlight-word": "0.78.0", + "@zag-js/hover-card": "0.78.0", + "@zag-js/file-utils": "0.78.0", + "@zag-js/i18n-utils": "0.78.0", + "@zag-js/menu": "0.78.0", + "@zag-js/number-input": "0.78.0", + "@zag-js/pagination": "0.78.0", + "@zag-js/pin-input": "0.78.0", + "@zag-js/popover": "0.78.0", + "@zag-js/presence": "0.78.0", + "@zag-js/progress": "0.78.0", + "@zag-js/qr-code": "0.78.0", + "@zag-js/radio-group": "0.78.0", + "@zag-js/rating-group": "0.78.0", + "@zag-js/select": "0.78.0", + "@zag-js/signature-pad": "0.78.0", + "@zag-js/slider": "0.78.0", + "@zag-js/solid": "0.78.0", + "@zag-js/splitter": "0.78.0", + "@zag-js/steps": "0.78.0", + "@zag-js/switch": "0.78.0", + "@zag-js/tabs": "0.78.0", + "@zag-js/tags-input": "0.78.0", + "@zag-js/timer": "0.78.0", + "@zag-js/time-picker": "0.78.0", + "@zag-js/toast": "0.78.0", + "@zag-js/toggle-group": "0.78.0", + "@zag-js/tooltip": "0.78.0", + "@zag-js/tree-view": "0.78.0", + "@zag-js/types": "0.78.0" }, "devDependencies": { "@biomejs/biome": "1.9.4", @@ -187,7 +187,7 @@ "@testing-library/jest-dom": "6.6.3", "@testing-library/user-event": "14.5.2", "@types/jsdom": "21.1.7", - "@zag-js/stringify-state": "0.77.1", + "@zag-js/stringify-state": "0.78.0", "clean-package": "2.2.0", "esbuild-plugin-solid": "0.6.0", "globby": "14.0.2", diff --git a/packages/solid/src/components/color-picker/color-picker-root.tsx b/packages/solid/src/components/color-picker/color-picker-root.tsx index e360bb96af..b8ab46d3ef 100644 --- a/packages/solid/src/components/color-picker/color-picker-root.tsx +++ b/packages/solid/src/components/color-picker/color-picker-root.tsx @@ -29,6 +29,7 @@ export const ColorPickerRoot = (props: ColorPickerRootProps) => { 'id', 'ids', 'initialFocusEl', + 'invalid', 'name', 'name', 'onFocusOutside', @@ -39,6 +40,7 @@ export const ColorPickerRoot = (props: ColorPickerRootProps) => { 'onValueChange', 'onValueChangeEnd', 'open', + 'openAutoFocus', 'positioning', 'readOnly', 'required', diff --git a/packages/solid/src/components/color-picker/use-color-picker.ts b/packages/solid/src/components/color-picker/use-color-picker.ts index 0f9c60c574..342641adea 100644 --- a/packages/solid/src/components/color-picker/use-color-picker.ts +++ b/packages/solid/src/components/color-picker/use-color-picker.ts @@ -34,6 +34,7 @@ export const useColorPicker = (props: UseColorPickerProps = {}): UseColorPickerR }, dir: locale().dir, disabled: field?.().disabled, + invalid: field?.().invalid, readOnly: field?.().readOnly, required: field?.().required, getRootNode: environment().getRootNode, diff --git a/packages/svelte/package.json b/packages/svelte/package.json index 331b738059..16c81ff920 100644 --- a/packages/svelte/package.json +++ b/packages/svelte/package.json @@ -57,10 +57,10 @@ }, "sideEffects": false, "dependencies": { - "@zag-js/avatar": "0.77.1", - "@zag-js/core": "0.77.1", - "@zag-js/i18n-utils": "0.77.1", - "@zag-js/svelte": "0.77.1", + "@zag-js/avatar": "0.78.0", + "@zag-js/core": "0.78.0", + "@zag-js/i18n-utils": "0.78.0", + "@zag-js/svelte": "0.78.0", "nanoid": "5.0.9" }, "devDependencies": { diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md index bdc2d0f362..9c3ded171a 100644 --- a/packages/vue/CHANGELOG.md +++ b/packages/vue/CHANGELOG.md @@ -6,6 +6,14 @@ description: All notable changes will be documented in this file. ## [Unreleased] +### Added + +- **ColorPicker**: Added support for `invalid` and `openAutoFocus` props. + +### Fixed + +- **Presence, Collapsible**: Resolved a potential memory leak occurring after component unmount. + ## [4.4.2] - 2024-11-18 ### Fixed diff --git a/packages/vue/package.json b/packages/vue/package.json index 2c2e3f7a20..f429616e1f 100644 --- a/packages/vue/package.json +++ b/packages/vue/package.json @@ -164,54 +164,54 @@ "sideEffects": false, "dependencies": { "@internationalized/date": "3.6.0", - "@zag-js/accordion": "0.77.1", - "@zag-js/anatomy": "0.77.1", - "@zag-js/auto-resize": "0.77.1", - "@zag-js/avatar": "0.77.1", - "@zag-js/carousel": "0.77.1", - "@zag-js/checkbox": "0.77.1", - "@zag-js/clipboard": "0.77.1", - "@zag-js/collapsible": "0.77.1", - "@zag-js/collection": "0.77.1", - "@zag-js/color-picker": "0.77.1", - "@zag-js/combobox": "0.77.1", - "@zag-js/date-picker": "0.77.1", - "@zag-js/dialog": "0.77.1", - "@zag-js/dom-query": "0.77.1", - "@zag-js/editable": "0.77.1", - "@zag-js/file-upload": "0.77.1", - "@zag-js/highlight-word": "0.77.1", - "@zag-js/hover-card": "0.77.1", - "@zag-js/i18n-utils": "0.77.1", - "@zag-js/file-utils": "0.77.1", - "@zag-js/menu": "0.77.1", - "@zag-js/number-input": "0.77.1", - "@zag-js/pagination": "0.77.1", - "@zag-js/pin-input": "0.77.1", - "@zag-js/popover": "0.77.1", - "@zag-js/presence": "0.77.1", - "@zag-js/progress": "0.77.1", - "@zag-js/qr-code": "0.77.1", - "@zag-js/radio-group": "0.77.1", - "@zag-js/rating-group": "0.77.1", - "@zag-js/select": "0.77.1", - "@zag-js/signature-pad": "0.77.1", - "@zag-js/slider": "0.77.1", - "@zag-js/splitter": "0.77.1", - "@zag-js/switch": "0.77.1", - "@zag-js/tabs": "0.77.1", - "@zag-js/tags-input": "0.77.1", - "@zag-js/time-picker": "0.77.1", - "@zag-js/timer": "0.77.1", - "@zag-js/toast": "0.77.1", - "@zag-js/toggle-group": "0.77.1", - "@zag-js/tooltip": "0.77.1", - "@zag-js/tree-view": "0.77.1", - "@zag-js/types": "0.77.1", - "@zag-js/utils": "0.77.1", - "@zag-js/steps": "0.77.1", - "@zag-js/store": "0.77.1", - "@zag-js/vue": "0.77.1" + "@zag-js/accordion": "0.78.0", + "@zag-js/anatomy": "0.78.0", + "@zag-js/auto-resize": "0.78.0", + "@zag-js/avatar": "0.78.0", + "@zag-js/carousel": "0.78.0", + "@zag-js/checkbox": "0.78.0", + "@zag-js/clipboard": "0.78.0", + "@zag-js/collapsible": "0.78.0", + "@zag-js/collection": "0.78.0", + "@zag-js/color-picker": "0.78.0", + "@zag-js/combobox": "0.78.0", + "@zag-js/date-picker": "0.78.0", + "@zag-js/dialog": "0.78.0", + "@zag-js/dom-query": "0.78.0", + "@zag-js/editable": "0.78.0", + "@zag-js/file-upload": "0.78.0", + "@zag-js/highlight-word": "0.78.0", + "@zag-js/hover-card": "0.78.0", + "@zag-js/i18n-utils": "0.78.0", + "@zag-js/file-utils": "0.78.0", + "@zag-js/menu": "0.78.0", + "@zag-js/number-input": "0.78.0", + "@zag-js/pagination": "0.78.0", + "@zag-js/pin-input": "0.78.0", + "@zag-js/popover": "0.78.0", + "@zag-js/presence": "0.78.0", + "@zag-js/progress": "0.78.0", + "@zag-js/qr-code": "0.78.0", + "@zag-js/radio-group": "0.78.0", + "@zag-js/rating-group": "0.78.0", + "@zag-js/select": "0.78.0", + "@zag-js/signature-pad": "0.78.0", + "@zag-js/slider": "0.78.0", + "@zag-js/splitter": "0.78.0", + "@zag-js/switch": "0.78.0", + "@zag-js/tabs": "0.78.0", + "@zag-js/tags-input": "0.78.0", + "@zag-js/time-picker": "0.78.0", + "@zag-js/timer": "0.78.0", + "@zag-js/toast": "0.78.0", + "@zag-js/toggle-group": "0.78.0", + "@zag-js/tooltip": "0.78.0", + "@zag-js/tree-view": "0.78.0", + "@zag-js/types": "0.78.0", + "@zag-js/utils": "0.78.0", + "@zag-js/steps": "0.78.0", + "@zag-js/store": "0.78.0", + "@zag-js/vue": "0.78.0" }, "devDependencies": { "@biomejs/biome": "1.9.4", diff --git a/packages/vue/src/components/color-picker/color-picker-root.vue b/packages/vue/src/components/color-picker/color-picker-root.vue index 129259eb91..b4f9ee9f4c 100644 --- a/packages/vue/src/components/color-picker/color-picker-root.vue +++ b/packages/vue/src/components/color-picker/color-picker-root.vue @@ -29,7 +29,9 @@ const props = withDefaults(defineProps(), { closeOnSelect: undefined, defaultOpen: undefined, disabled: undefined, + invalid: undefined, open: undefined, + openAutoFocus: undefined, readOnly: undefined, required: undefined, } satisfies BooleanDefaults) diff --git a/packages/vue/src/components/color-picker/color-picker.types.ts b/packages/vue/src/components/color-picker/color-picker.types.ts index ef8195a61c..db70e76157 100644 --- a/packages/vue/src/components/color-picker/color-picker.types.ts +++ b/packages/vue/src/components/color-picker/color-picker.types.ts @@ -52,6 +52,10 @@ export interface RootProps { * The initial focus element when the color picker is opened. */ initialFocusEl?: () => HTMLElement | null + /** + * Whether the color picker is invalid + */ + invalid?: boolean /** * The v-model value of the color picker */ @@ -64,6 +68,11 @@ export interface RootProps { * Whether the color picker is open */ open?: boolean + /** + * Whether to auto focus the color picker when it is opened + * @default true + */ + openAutoFocus?: boolean /** * The positioning options for the color picker */ diff --git a/packages/vue/src/components/color-picker/use-color-picker.ts b/packages/vue/src/components/color-picker/use-color-picker.ts index bcc14e1057..e0e483af33 100644 --- a/packages/vue/src/components/color-picker/use-color-picker.ts +++ b/packages/vue/src/components/color-picker/use-color-picker.ts @@ -44,6 +44,7 @@ export const useColorPicker = ( input: field?.value.ids.control, }, disabled: field?.value.disabled, + invalid: field?.value.invalid, readOnly: field?.value.readOnly, required: field?.value.required, dir: locale.value.dir, diff --git a/website/package.json b/website/package.json index eb7468a5f3..2149a4f42d 100644 --- a/website/package.json +++ b/website/package.json @@ -24,8 +24,8 @@ "@types/react": "18.3.12", "@types/react-dom": "18.3.1", "@uidotdev/usehooks": "2.4.1", - "@zag-js/anatomy-icons": "0.77.1", - "@zag-js/docs": "0.77.1", + "@zag-js/anatomy-icons": "0.78.0", + "@zag-js/docs": "0.78.0", "effect": "3.10.16", "lucide-react": "0.461.0", "match-sorter": "8.0.0", diff --git a/website/src/content/types/react/color-picker.types.json b/website/src/content/types/react/color-picker.types.json index 619c749ab2..4d0d8f9be6 100644 --- a/website/src/content/types/react/color-picker.types.json +++ b/website/src/content/types/react/color-picker.types.json @@ -229,6 +229,11 @@ "isRequired": false, "description": "The initial focus element when the color picker is opened." }, + "invalid": { + "type": "boolean", + "isRequired": false, + "description": "Whether the color picker is invalid" + }, "lazyMount": { "type": "boolean", "defaultValue": "false", @@ -285,6 +290,12 @@ "isRequired": false, "description": "Whether the color picker is open" }, + "openAutoFocus": { + "type": "boolean", + "defaultValue": "true", + "isRequired": false, + "description": "Whether to auto focus the color picker when it is opened" + }, "positioning": { "type": "PositioningOptions", "isRequired": false, diff --git a/website/src/content/types/solid/color-picker.types.json b/website/src/content/types/solid/color-picker.types.json index fd8f48311d..b99e6be75f 100644 --- a/website/src/content/types/solid/color-picker.types.json +++ b/website/src/content/types/solid/color-picker.types.json @@ -207,6 +207,11 @@ "isRequired": false, "description": "The initial focus element when the color picker is opened." }, + "invalid": { + "type": "boolean", + "isRequired": false, + "description": "Whether the color picker is invalid" + }, "lazyMount": { "type": "boolean", "defaultValue": "false", @@ -263,6 +268,12 @@ "isRequired": false, "description": "Whether the color picker is open" }, + "openAutoFocus": { + "type": "boolean", + "defaultValue": "true", + "isRequired": false, + "description": "Whether to auto focus the color picker when it is opened" + }, "positioning": { "type": "PositioningOptions", "isRequired": false, diff --git a/website/src/content/types/vue/color-picker.types.json b/website/src/content/types/vue/color-picker.types.json index 734ffa9afe..9c5b9dd36e 100644 --- a/website/src/content/types/vue/color-picker.types.json +++ b/website/src/content/types/vue/color-picker.types.json @@ -272,6 +272,11 @@ "isRequired": false, "description": "The initial focus element when the color picker is opened." }, + "invalid": { + "type": "boolean", + "isRequired": false, + "description": "Whether the color picker is invalid" + }, "lazyMount": { "type": "boolean", "defaultValue": "false", @@ -293,6 +298,12 @@ "isRequired": false, "description": "Whether the color picker is open" }, + "openAutoFocus": { + "type": "boolean", + "defaultValue": "true", + "isRequired": false, + "description": "Whether to auto focus the color picker when it is opened" + }, "positioning": { "type": "PositioningOptions", "isRequired": false,