@wordpress/components 26.0.2 → 27.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.stylelintrc.js +2 -2
- package/CHANGELOG.md +23 -0
- package/CONTRIBUTING.md +72 -0
- package/build/autocomplete/index.js +3 -8
- package/build/autocomplete/index.js.map +1 -1
- package/build/color-picker/component.js +10 -1
- package/build/color-picker/component.js.map +1 -1
- package/build/color-picker/styles.js +8 -9
- package/build/color-picker/styles.js.map +1 -1
- package/build/combobox-control/index.js +4 -9
- package/build/combobox-control/index.js.map +1 -1
- package/build/custom-select-control/index.js +2 -15
- package/build/custom-select-control/index.js.map +1 -1
- package/build/custom-select-control-v2/custom-select-item.js +32 -0
- package/build/custom-select-control-v2/custom-select-item.js.map +1 -0
- package/build/custom-select-control-v2/custom-select.js +91 -0
- package/build/custom-select-control-v2/custom-select.js.map +1 -0
- package/build/custom-select-control-v2/default-component/index.js +41 -0
- package/build/custom-select-control-v2/default-component/index.js.map +1 -0
- package/build/custom-select-control-v2/index.js +13 -82
- package/build/custom-select-control-v2/index.js.map +1 -1
- package/build/custom-select-control-v2/legacy-adapter.js +29 -0
- package/build/custom-select-control-v2/legacy-adapter.js.map +1 -0
- package/build/custom-select-control-v2/legacy-component/index.js +123 -0
- package/build/custom-select-control-v2/legacy-component/index.js.map +1 -0
- package/build/custom-select-control-v2/styles.js +73 -50
- package/build/custom-select-control-v2/styles.js.map +1 -1
- package/build/custom-select-control-v2/types.js.map +1 -1
- package/build/font-size-picker/font-size-picker-select.js +0 -1
- package/build/font-size-picker/font-size-picker-select.js.map +1 -1
- package/build/form-token-field/index.js +3 -8
- package/build/form-token-field/index.js.map +1 -1
- package/build/form-token-field/suggestions-list.js +5 -12
- package/build/form-token-field/suggestions-list.js.map +1 -1
- package/build/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js +1 -1
- package/build/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js.map +1 -1
- package/build/modal/index.js +2 -10
- package/build/modal/index.js.map +1 -1
- package/build/progress-bar/styles.js +5 -5
- package/build/progress-bar/styles.js.map +1 -1
- package/build/utils/with-ignore-ime-events.js +34 -0
- package/build/utils/with-ignore-ime-events.js.map +1 -0
- package/build-module/autocomplete/index.js +3 -8
- package/build-module/autocomplete/index.js.map +1 -1
- package/build-module/color-picker/component.js +11 -2
- package/build-module/color-picker/component.js.map +1 -1
- package/build-module/color-picker/styles.js +8 -9
- package/build-module/color-picker/styles.js.map +1 -1
- package/build-module/combobox-control/index.js +4 -9
- package/build-module/combobox-control/index.js.map +1 -1
- package/build-module/custom-select-control/index.js +2 -15
- package/build-module/custom-select-control/index.js.map +1 -1
- package/build-module/custom-select-control-v2/custom-select-item.js +26 -0
- package/build-module/custom-select-control-v2/custom-select-item.js.map +1 -0
- package/build-module/custom-select-control-v2/custom-select.js +82 -0
- package/build-module/custom-select-control-v2/custom-select.js.map +1 -0
- package/build-module/custom-select-control-v2/default-component/index.js +30 -0
- package/build-module/custom-select-control-v2/default-component/index.js.map +1 -0
- package/build-module/custom-select-control-v2/index.js +2 -74
- package/build-module/custom-select-control-v2/index.js.map +1 -1
- package/build-module/custom-select-control-v2/legacy-adapter.js +21 -0
- package/build-module/custom-select-control-v2/legacy-adapter.js.map +1 -0
- package/build-module/custom-select-control-v2/legacy-component/index.js +111 -0
- package/build-module/custom-select-control-v2/legacy-component/index.js.map +1 -0
- package/build-module/custom-select-control-v2/styles.js +73 -42
- package/build-module/custom-select-control-v2/styles.js.map +1 -1
- package/build-module/custom-select-control-v2/types.js.map +1 -1
- package/build-module/font-size-picker/font-size-picker-select.js +0 -1
- package/build-module/font-size-picker/font-size-picker-select.js.map +1 -1
- package/build-module/form-token-field/index.js +3 -8
- package/build-module/form-token-field/index.js.map +1 -1
- package/build-module/form-token-field/suggestions-list.js +5 -12
- package/build-module/form-token-field/suggestions-list.js.map +1 -1
- package/build-module/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js +1 -1
- package/build-module/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js.map +1 -1
- package/build-module/modal/index.js +3 -10
- package/build-module/modal/index.js.map +1 -1
- package/build-module/progress-bar/styles.js +5 -5
- package/build-module/progress-bar/styles.js.map +1 -1
- package/build-module/utils/with-ignore-ime-events.js +28 -0
- package/build-module/utils/with-ignore-ime-events.js.map +1 -0
- package/build-style/style-rtl.css +8 -1
- package/build-style/style.css +8 -1
- package/build-types/alignment-matrix-control/stories/index.story.d.ts +1 -1
- package/build-types/angle-picker-control/stories/index.story.d.ts +1 -1
- package/build-types/animate/stories/index.story.d.ts +7 -7
- package/build-types/autocomplete/index.d.ts.map +1 -1
- package/build-types/base-control/stories/index.story.d.ts +1 -1
- package/build-types/border-box-control/stories/index.story.d.ts +1 -1
- package/build-types/border-control/stories/index.story.d.ts +6 -6
- package/build-types/box-control/stories/index.story.d.ts +6 -6
- package/build-types/button/stories/e2e/index.story.d.ts +1 -1
- package/build-types/button/stories/index.story.d.ts +7 -7
- package/build-types/card/stories/index.story.d.ts +2 -2
- package/build-types/circular-option-picker/stories/index.story.d.ts +5 -5
- package/build-types/color-palette/stories/index.story.d.ts +3 -3
- package/build-types/color-picker/component.d.ts.map +1 -1
- package/build-types/color-picker/stories/index.story.d.ts +1 -1
- package/build-types/color-picker/styles.d.ts.map +1 -1
- package/build-types/combobox-control/index.d.ts.map +1 -1
- package/build-types/combobox-control/stories/index.story.d.ts +2 -2
- package/build-types/confirm-dialog/stories/index.story.d.ts +2 -2
- package/build-types/custom-gradient-picker/stories/index.story.d.ts +1 -1
- package/build-types/custom-select-control/index.d.ts.map +1 -1
- package/build-types/custom-select-control-v2/custom-select-item.d.ts +9 -0
- package/build-types/custom-select-control-v2/custom-select-item.d.ts.map +1 -0
- package/build-types/custom-select-control-v2/custom-select.d.ts +6 -0
- package/build-types/custom-select-control-v2/custom-select.d.ts.map +1 -0
- package/build-types/custom-select-control-v2/default-component/index.d.ts +5 -0
- package/build-types/custom-select-control-v2/default-component/index.d.ts.map +1 -0
- package/build-types/custom-select-control-v2/index.d.ts +5 -6
- package/build-types/custom-select-control-v2/index.d.ts.map +1 -1
- package/build-types/custom-select-control-v2/legacy-adapter.d.ts +6 -0
- package/build-types/custom-select-control-v2/legacy-adapter.d.ts.map +1 -0
- package/build-types/custom-select-control-v2/legacy-component/index.d.ts +5 -0
- package/build-types/custom-select-control-v2/legacy-component/index.d.ts.map +1 -0
- package/build-types/custom-select-control-v2/stories/default.story.d.ts +29 -0
- package/build-types/custom-select-control-v2/stories/default.story.d.ts.map +1 -0
- package/build-types/custom-select-control-v2/stories/legacy.story.d.ts +12 -0
- package/build-types/custom-select-control-v2/stories/legacy.story.d.ts.map +1 -0
- package/build-types/custom-select-control-v2/styles.d.ts +31 -6
- package/build-types/custom-select-control-v2/styles.d.ts.map +1 -1
- package/build-types/custom-select-control-v2/types.d.ts +137 -14
- package/build-types/custom-select-control-v2/types.d.ts.map +1 -1
- package/build-types/dimension-control/stories/index.story.d.ts +2 -2
- package/build-types/drop-zone/stories/index.story.d.ts +1 -1
- package/build-types/dropdown/stories/index.story.d.ts +3 -3
- package/build-types/dropdown-menu/stories/index.story.d.ts +2 -2
- package/build-types/dropdown-menu-v2/stories/index.story.d.ts.map +1 -1
- package/build-types/duotone-picker/stories/duotone-picker.story.d.ts +1 -1
- package/build-types/duotone-picker/stories/duotone-swatch.story.d.ts +3 -3
- package/build-types/focal-point-picker/stories/index.story.d.ts +4 -4
- package/build-types/font-size-picker/font-size-picker-select.d.ts.map +1 -1
- package/build-types/form-file-upload/stories/index.story.d.ts +5 -5
- package/build-types/form-token-field/index.d.ts.map +1 -1
- package/build-types/form-token-field/suggestions-list.d.ts.map +1 -1
- package/build-types/gradient-picker/stories/index.story.d.ts +3 -3
- package/build-types/guide/stories/index.story.d.ts +1 -1
- package/build-types/icon/stories/index.story.d.ts +4 -4
- package/build-types/input-control/stories/index.story.d.ts +6 -6
- package/build-types/keyboard-shortcuts/stories/index.story.d.ts +1 -1
- package/build-types/menu-group/stories/index.story.d.ts +1 -1
- package/build-types/menu-item/stories/index.story.d.ts +4 -4
- package/build-types/modal/index.d.ts.map +1 -1
- package/build-types/navigation/stories/index.story.d.ts +6 -6
- package/build-types/notice/stories/index.story.d.ts +4 -4
- package/build-types/number-control/stories/index.story.d.ts +1 -1
- package/build-types/palette-edit/stories/index.story.d.ts +2 -2
- package/build-types/progress-bar/stories/index.story.d.ts.map +1 -1
- package/build-types/query-controls/stories/index.story.d.ts +1 -1
- package/build-types/resizable-box/stories/index.story.d.ts +2 -2
- package/build-types/responsive-wrapper/stories/index.story.d.ts +1 -1
- package/build-types/sandbox/stories/index.story.d.ts +1 -1
- package/build-types/search-control/stories/index.story.d.ts +2 -2
- package/build-types/select-control/stories/index.story.d.ts +2 -2
- package/build-types/shortcut/stories/index.story.d.ts +1 -1
- package/build-types/tab-panel/stories/index.story.d.ts +4 -4
- package/build-types/tabs/stories/index.story.d.ts +9 -9
- package/build-types/tabs/stories/index.story.d.ts.map +1 -1
- package/build-types/text/stories/index.story.d.ts +3 -3
- package/build-types/theme/stories/index.story.d.ts +1 -1
- package/build-types/theme/stories/index.story.d.ts.map +1 -1
- package/build-types/toggle-control/stories/index.story.d.ts +2 -2
- package/build-types/toolbar/stories/index.story.d.ts +3 -3
- package/build-types/tooltip/stories/index.story.d.ts +1 -1
- package/build-types/tree-grid/stories/index.story.d.ts +1 -1
- package/build-types/tree-select/stories/index.story.d.ts +1 -1
- package/build-types/utils/with-ignore-ime-events.d.ts +15 -0
- package/build-types/utils/with-ignore-ime-events.d.ts.map +1 -0
- package/build-types/v-stack/stories/index.story.d.ts +1 -1
- package/package.json +19 -20
- package/src/alignment-matrix-control/test/index.tsx +3 -1
- package/src/autocomplete/index.tsx +3 -10
- package/src/circular-option-picker/test/index.tsx +4 -1
- package/src/color-picker/component.tsx +22 -11
- package/src/color-picker/styles.ts +1 -15
- package/src/combobox-control/index.tsx +33 -41
- package/src/composite/legacy/test/index.tsx +18 -2
- package/src/custom-select-control/README.md +0 -10
- package/src/custom-select-control/index.js +3 -22
- package/src/custom-select-control/stories/index.story.js +0 -1
- package/src/custom-select-control/test/index.js +17 -17
- package/src/custom-select-control-v2/README.md +97 -7
- package/src/custom-select-control-v2/custom-select-item.tsx +29 -0
- package/src/custom-select-control-v2/custom-select.tsx +122 -0
- package/src/custom-select-control-v2/default-component/index.tsx +24 -0
- package/src/custom-select-control-v2/index.tsx +2 -102
- package/src/custom-select-control-v2/legacy-adapter.tsx +25 -0
- package/src/custom-select-control-v2/legacy-component/index.tsx +133 -0
- package/src/custom-select-control-v2/stories/{index.story.tsx → default.story.tsx} +27 -33
- package/src/custom-select-control-v2/stories/legacy.story.tsx +88 -0
- package/src/custom-select-control-v2/styles.ts +82 -38
- package/src/custom-select-control-v2/test/index.tsx +808 -148
- package/src/custom-select-control-v2/types.ts +148 -20
- package/src/dropdown-menu-v2/stories/index.story.tsx +1 -0
- package/src/dropdown-menu-v2/test/index.tsx +4 -1
- package/src/font-size-picker/font-size-picker-select.tsx +0 -1
- package/src/form-token-field/index.tsx +3 -10
- package/src/form-token-field/suggestions-list.tsx +5 -17
- package/src/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js +1 -1
- package/src/modal/index.tsx +2 -12
- package/src/modal/style.scss +1 -0
- package/src/progress-bar/stories/index.story.tsx +1 -0
- package/src/progress-bar/styles.ts +2 -2
- package/src/tab-panel/test/index.tsx +8 -1
- package/src/tabs/stories/index.story.tsx +1 -0
- package/src/tabs/test/index.tsx +36 -6
- package/src/theme/stories/index.story.tsx +1 -0
- package/src/toggle-group-control/test/index.tsx +4 -0
- package/src/toolbar/toolbar-group/style.scss +1 -0
- package/src/tooltip/test/index.tsx +5 -0
- package/src/utils/with-ignore-ime-events.ts +32 -0
- package/tsconfig.json +0 -1
- package/tsconfig.tsbuildinfo +1 -1
- package/build/custom-select-control/styles.js +0 -27
- package/build/custom-select-control/styles.js.map +0 -1
- package/build-module/custom-select-control/styles.js +0 -18
- package/build-module/custom-select-control/styles.js.map +0 -1
- package/build-types/custom-select-control/styles.d.ts +0 -11
- package/build-types/custom-select-control/styles.d.ts.map +0 -1
- package/build-types/custom-select-control-v2/stories/index.story.d.ts +0 -20
- package/build-types/custom-select-control-v2/stories/index.story.d.ts.map +0 -1
- package/src/custom-select-control/styles.ts +0 -28
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* External dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { Meta } from '@storybook/react';
|
|
5
|
+
/**
|
|
6
|
+
* Internal dependencies
|
|
7
|
+
*/
|
|
8
|
+
import CustomSelect from '../default-component';
|
|
9
|
+
declare const meta: Meta<typeof CustomSelect>;
|
|
10
|
+
export default meta;
|
|
11
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types")._CustomSelectProps & Omit<import("../types").CustomSelectButtonProps, "size"> & {
|
|
12
|
+
size?: "default" | "compact" | undefined;
|
|
13
|
+
}>;
|
|
14
|
+
/**
|
|
15
|
+
* Multiple selection can be enabled by using an array for the `value` and
|
|
16
|
+
* `defaultValue` props. The argument type of the `onChange` function will also
|
|
17
|
+
* change accordingly.
|
|
18
|
+
*/
|
|
19
|
+
export declare const MultipleSelection: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types")._CustomSelectProps & Omit<import("../types").CustomSelectButtonProps, "size"> & {
|
|
20
|
+
size?: "default" | "compact" | undefined;
|
|
21
|
+
}>;
|
|
22
|
+
/**
|
|
23
|
+
* The `renderSelectedValue` prop can be used to customize how the selected value
|
|
24
|
+
* is rendered in the dropdown trigger.
|
|
25
|
+
*/
|
|
26
|
+
export declare const CustomSelectedValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types")._CustomSelectProps & Omit<import("../types").CustomSelectButtonProps, "size"> & {
|
|
27
|
+
size?: "default" | "compact" | undefined;
|
|
28
|
+
}>;
|
|
29
|
+
//# sourceMappingURL=default.story.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default.story.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/stories/default.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAGhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA+BpC,CAAC;AACF,eAAe,IAAI,CAAC;AAgBpB,eAAO,MAAM,OAAO;;EAAsB,CAAC;AAmB3C;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;EAAsB,CAAC;AAoCrD;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;EAAsB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* External dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { Meta } from '@storybook/react';
|
|
5
|
+
/**
|
|
6
|
+
* Internal dependencies
|
|
7
|
+
*/
|
|
8
|
+
import _LegacyCustomSelect from '../legacy-component';
|
|
9
|
+
declare const meta: Meta<typeof _LegacyCustomSelect>;
|
|
10
|
+
export default meta;
|
|
11
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").LegacyCustomSelectProps>;
|
|
12
|
+
//# sourceMappingURL=legacy.story.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"legacy.story.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/stories/legacy.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,mBAAmB,MAAM,qBAAqB,CAAC;AAGtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,mBAAmB,CA0B3C,CAAC;AACF,eAAe,IAAI,CAAC;AAiBpB,eAAO,MAAM,OAAO,2IAAsB,CAAC"}
|
|
@@ -1,7 +1,22 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* External dependencies
|
|
4
|
+
*/
|
|
2
5
|
import * as Ariakit from '@ariakit/react';
|
|
3
|
-
import type {
|
|
4
|
-
export declare const
|
|
6
|
+
import type { CustomSelectButtonProps } from './types';
|
|
7
|
+
export declare const WithHintWrapper: import("@emotion/styled").StyledComponent<{
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
as?: import("react").ElementType<any> | undefined;
|
|
10
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
11
|
+
export declare const SelectedExperimentalHintItem: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
as?: import("react").ElementType<any> | undefined;
|
|
14
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
15
|
+
export declare const ExperimentalHintItem: import("@emotion/styled").StyledComponent<{
|
|
16
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
17
|
+
as?: import("react").ElementType<any> | undefined;
|
|
18
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
19
|
+
export declare const SelectLabel: import("@emotion/styled").StyledComponent<Ariakit.SelectLabelOptions<"div"> & {
|
|
5
20
|
[index: `data-${string}`]: unknown;
|
|
6
21
|
wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
|
|
7
22
|
children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
|
|
@@ -11,7 +26,7 @@ export declare const CustomSelectLabel: import("@emotion/styled").StyledComponen
|
|
|
11
26
|
}, "children" | keyof Ariakit.SelectLabelOptions<"div">> & {
|
|
12
27
|
theme?: import("@emotion/react").Theme | undefined;
|
|
13
28
|
}, {}, {}>;
|
|
14
|
-
export declare const
|
|
29
|
+
export declare const Select: import("@emotion/styled").StyledComponent<Ariakit.SelectOptions<"button"> & {
|
|
15
30
|
[index: `data-${string}`]: unknown;
|
|
16
31
|
wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
|
|
17
32
|
children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
|
|
@@ -21,10 +36,10 @@ export declare const CustomSelectButton: import("@emotion/styled").StyledCompone
|
|
|
21
36
|
}, "children" | keyof Ariakit.SelectOptions<"button">> & {
|
|
22
37
|
theme?: import("@emotion/react").Theme | undefined;
|
|
23
38
|
} & {
|
|
24
|
-
size: NonNullable<
|
|
39
|
+
size: NonNullable<CustomSelectButtonProps['size']>;
|
|
25
40
|
hasCustomRenderProp: boolean;
|
|
26
41
|
}, {}, {}>;
|
|
27
|
-
export declare const
|
|
42
|
+
export declare const SelectPopover: import("@emotion/styled").StyledComponent<Ariakit.SelectPopoverOptions<"div"> & {
|
|
28
43
|
[index: `data-${string}`]: unknown;
|
|
29
44
|
wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
|
|
30
45
|
children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
|
|
@@ -34,7 +49,7 @@ export declare const CustomSelectPopover: import("@emotion/styled").StyledCompon
|
|
|
34
49
|
}, "children" | keyof Ariakit.SelectPopoverOptions<"div">> & {
|
|
35
50
|
theme?: import("@emotion/react").Theme | undefined;
|
|
36
51
|
}, {}, {}>;
|
|
37
|
-
export declare const
|
|
52
|
+
export declare const SelectItem: import("@emotion/styled").StyledComponent<Ariakit.SelectItemOptions<"div"> & {
|
|
38
53
|
[index: `data-${string}`]: unknown;
|
|
39
54
|
wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
|
|
40
55
|
children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
|
|
@@ -44,4 +59,14 @@ export declare const CustomSelectItem: import("@emotion/styled").StyledComponent
|
|
|
44
59
|
}, "children" | keyof Ariakit.SelectItemOptions<"div">> & {
|
|
45
60
|
theme?: import("@emotion/react").Theme | undefined;
|
|
46
61
|
}, {}, {}>;
|
|
62
|
+
export declare const SelectedItemCheck: import("@emotion/styled").StyledComponent<Ariakit.SelectItemCheckOptions<"span"> & {
|
|
63
|
+
[index: `data-${string}`]: unknown;
|
|
64
|
+
wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
|
|
65
|
+
children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
|
|
66
|
+
render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
|
|
67
|
+
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
|
|
68
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
69
|
+
}, "children" | keyof Ariakit.SelectItemCheckOptions<"span">> & {
|
|
70
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
71
|
+
}, {}, {}>;
|
|
47
72
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/styles.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/styles.ts"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAQ1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIvD,eAAO,MAAM,eAAe;;;yGAI3B,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;2GAGxC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;2GAIhC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;UAMvB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;UAOZ,YAAa,uBAAuB,CAAE,MAAM,CAAE,CAAE;yBACjC,OAAO;UA6C1B,CAAC;AAEJ,eAAO,MAAM,aAAa;;;;;;;;;UAIzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;UAUtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;UAK7B,CAAC"}
|
|
@@ -1,46 +1,168 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
/**
|
|
3
2
|
* External dependencies
|
|
4
3
|
*/
|
|
5
4
|
import type * as Ariakit from '@ariakit/react';
|
|
6
|
-
|
|
5
|
+
import type { FocusEventHandler, MouseEventHandler } from 'react';
|
|
6
|
+
export type CustomSelectStore = {
|
|
7
7
|
/**
|
|
8
8
|
* The store object returned by Ariakit's `useSelectStore` hook.
|
|
9
9
|
*/
|
|
10
10
|
store: Ariakit.SelectStore;
|
|
11
|
-
}
|
|
12
|
-
export type
|
|
11
|
+
};
|
|
12
|
+
export type CustomSelectContext = CustomSelectStore | undefined;
|
|
13
|
+
export type CustomSelectButtonProps = {
|
|
14
|
+
/**
|
|
15
|
+
* An optional default value for the control when used in uncontrolled mode.
|
|
16
|
+
* If left `undefined`, the first non-disabled item will be used.
|
|
17
|
+
*/
|
|
18
|
+
defaultValue?: string | string[];
|
|
19
|
+
/**
|
|
20
|
+
* A function that receives the new value of the input.
|
|
21
|
+
*/
|
|
22
|
+
onChange?: (newValue: string | string[]) => void;
|
|
23
|
+
/**
|
|
24
|
+
* Can be used to render select UI with custom styled values.
|
|
25
|
+
*/
|
|
26
|
+
renderSelectedValue?: (selectedValue: string | string[]) => React.ReactNode;
|
|
27
|
+
/**
|
|
28
|
+
* The size of the control.
|
|
29
|
+
*
|
|
30
|
+
* @default 'default'
|
|
31
|
+
*/
|
|
32
|
+
size?: 'compact' | 'default' | 'small';
|
|
33
|
+
/**
|
|
34
|
+
* The value of the control when used in uncontrolled mode.
|
|
35
|
+
*/
|
|
36
|
+
value?: string | string[];
|
|
37
|
+
};
|
|
38
|
+
export type _CustomSelectProps = {
|
|
13
39
|
/**
|
|
14
|
-
* The child elements. This should be composed of CustomSelectItem components.
|
|
40
|
+
* The child elements. This should be composed of `CustomSelectItem` components.
|
|
15
41
|
*/
|
|
16
42
|
children: React.ReactNode;
|
|
17
43
|
/**
|
|
18
|
-
*
|
|
19
|
-
*
|
|
44
|
+
* Used to visually hide the label. It will always be visible to screen readers.
|
|
45
|
+
*
|
|
46
|
+
* @default false
|
|
20
47
|
*/
|
|
21
|
-
|
|
48
|
+
hideLabelFromVision?: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* Accessible label for the control.
|
|
51
|
+
*/
|
|
52
|
+
label: string;
|
|
53
|
+
};
|
|
54
|
+
export type CustomSelectProps = _CustomSelectProps & Omit<CustomSelectButtonProps, 'size'> & {
|
|
55
|
+
/**
|
|
56
|
+
* The size of the control.
|
|
57
|
+
*
|
|
58
|
+
* @default 'default'
|
|
59
|
+
*/
|
|
60
|
+
size?: Exclude<CustomSelectButtonProps['size'], 'small'>;
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* The legacy object structure for the options array.
|
|
64
|
+
*/
|
|
65
|
+
type LegacyOption = {
|
|
66
|
+
key: string;
|
|
67
|
+
name: string;
|
|
68
|
+
style?: React.CSSProperties;
|
|
69
|
+
className?: string;
|
|
70
|
+
__experimentalHint?: string;
|
|
71
|
+
};
|
|
72
|
+
/**
|
|
73
|
+
* The legacy object returned from the onChange event.
|
|
74
|
+
*/
|
|
75
|
+
type LegacyOnChangeObject = {
|
|
76
|
+
highlightedIndex?: number;
|
|
77
|
+
inputValue?: string;
|
|
78
|
+
isOpen?: boolean;
|
|
79
|
+
type?: string;
|
|
80
|
+
selectedItem: LegacyOption;
|
|
81
|
+
};
|
|
82
|
+
export type LegacyCustomSelectProps = {
|
|
83
|
+
children?: never;
|
|
84
|
+
/**
|
|
85
|
+
* Optional classname for the component.
|
|
86
|
+
*/
|
|
87
|
+
className?: string;
|
|
88
|
+
/**
|
|
89
|
+
* Used to visually hide the label. It will always be visible to screen readers.
|
|
90
|
+
*
|
|
91
|
+
*/
|
|
92
|
+
hideLabelFromVision?: boolean;
|
|
93
|
+
/**
|
|
94
|
+
* Pass in a description that will be shown to screen readers associated with the
|
|
95
|
+
* select trigger button. If no value is passed, the text "Currently selected:
|
|
96
|
+
* selectedItem.name" will be used fully translated.
|
|
97
|
+
*/
|
|
98
|
+
describedBy?: string;
|
|
22
99
|
/**
|
|
23
100
|
* Label for the control.
|
|
24
101
|
*/
|
|
25
102
|
label: string;
|
|
26
103
|
/**
|
|
27
|
-
*
|
|
104
|
+
* Function called with the control's internal state changes. The `selectedItem`
|
|
105
|
+
* property contains the next selected item.
|
|
28
106
|
*/
|
|
29
|
-
onChange?: (newValue:
|
|
107
|
+
onChange?: (newValue: LegacyOnChangeObject) => void;
|
|
30
108
|
/**
|
|
31
|
-
*
|
|
109
|
+
* A handler for `onBlur` events.
|
|
110
|
+
*
|
|
111
|
+
* @ignore
|
|
32
112
|
*/
|
|
33
|
-
|
|
113
|
+
onBlur?: FocusEventHandler<HTMLButtonElement>;
|
|
114
|
+
/**
|
|
115
|
+
* A handler for `onFocus` events.
|
|
116
|
+
*
|
|
117
|
+
* @ignore
|
|
118
|
+
*/
|
|
119
|
+
onFocus?: FocusEventHandler<HTMLButtonElement>;
|
|
120
|
+
/**
|
|
121
|
+
* A handler for `onMouseOver` events.
|
|
122
|
+
*
|
|
123
|
+
* @ignore
|
|
124
|
+
*/
|
|
125
|
+
onMouseOut?: MouseEventHandler<HTMLButtonElement>;
|
|
126
|
+
/**
|
|
127
|
+
* A handler for `onMouseOut` events.
|
|
128
|
+
*
|
|
129
|
+
* @ignore
|
|
130
|
+
*/
|
|
131
|
+
onMouseOver?: MouseEventHandler<HTMLButtonElement>;
|
|
132
|
+
/**
|
|
133
|
+
* The options that can be chosen from.
|
|
134
|
+
*/
|
|
135
|
+
options: Array<LegacyOption>;
|
|
34
136
|
/**
|
|
35
137
|
* The size of the control.
|
|
36
138
|
*
|
|
37
139
|
* @default 'default'
|
|
38
140
|
*/
|
|
39
|
-
size?: 'default' | 'small';
|
|
141
|
+
size?: 'default' | 'small' | '__unstable-large';
|
|
40
142
|
/**
|
|
41
143
|
* Can be used to externally control the value of the control.
|
|
42
144
|
*/
|
|
43
|
-
value?:
|
|
145
|
+
value?: LegacyOption;
|
|
146
|
+
/**
|
|
147
|
+
* Legacy way to add additional text to the right of each option.
|
|
148
|
+
*
|
|
149
|
+
* @default false
|
|
150
|
+
*/
|
|
151
|
+
__experimentalShowSelectedHint?: boolean;
|
|
152
|
+
/**
|
|
153
|
+
* Opt-in prop for an unconstrained width style which became the default in
|
|
154
|
+
* WordPress 6.5. The prop is no longer needed and can be safely removed.
|
|
155
|
+
*
|
|
156
|
+
* @deprecated
|
|
157
|
+
* @ignore
|
|
158
|
+
*/
|
|
159
|
+
__nextUnconstrainedWidth?: boolean;
|
|
160
|
+
/**
|
|
161
|
+
* Start opting into the larger default height that will become the default size in a future version.
|
|
162
|
+
*
|
|
163
|
+
* @default false
|
|
164
|
+
*/
|
|
165
|
+
__next40pxDefaultSize?: boolean;
|
|
44
166
|
};
|
|
45
167
|
export type CustomSelectItemProps = {
|
|
46
168
|
/**
|
|
@@ -54,4 +176,5 @@ export type CustomSelectItemProps = {
|
|
|
54
176
|
*/
|
|
55
177
|
children?: React.ReactNode;
|
|
56
178
|
};
|
|
179
|
+
export {};
|
|
57
180
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
1
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DimensionControlProps>;
|
|
2
2
|
export default _default;
|
|
3
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
3
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DimensionControlProps>;
|
|
4
4
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -9,5 +9,5 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import DropZone from '..';
|
|
10
10
|
declare const meta: Meta<typeof DropZone>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DropZoneProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof import("../types").DropZoneProps>>;
|
|
13
13
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -9,16 +9,16 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import Dropdown from '..';
|
|
10
10
|
declare const meta: Meta<typeof Dropdown>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
|
|
13
13
|
/**
|
|
14
14
|
* To apply more padding to the dropdown content, use the provided `<DropdownContentWrapper>`
|
|
15
15
|
* convenience wrapper. A `paddingSize` of `"medium"` is suitable for relatively larger dropdowns (default is `"small"`).
|
|
16
16
|
*/
|
|
17
|
-
export declare const WithMorePadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
17
|
+
export declare const WithMorePadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
|
|
18
18
|
/**
|
|
19
19
|
* The `<DropdownContentWrapper>` convenience wrapper can also be used to remove padding entirely,
|
|
20
20
|
* with a `paddingSize` of `"none"`. This can also serve as a clean foundation to add arbitrary
|
|
21
21
|
* paddings, for example when child components already have padding on their own.
|
|
22
22
|
*/
|
|
23
|
-
export declare const WithNoPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
23
|
+
export declare const WithNoPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
|
|
24
24
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -9,6 +9,6 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import { DropdownMenu } from '..';
|
|
10
10
|
declare const meta: Meta<typeof DropdownMenu>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const WithChildren: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownMenuProps, import("react").ElementType<any> | null, boolean>>;
|
|
13
|
+
export declare const WithChildren: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").DropdownMenuProps, import("react").ElementType<any> | null, boolean>>;
|
|
14
14
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu-v2/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAatD,OAAO,EACN,YAAY,EASZ,MAAM,IAAI,CAAC;AAOZ,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu-v2/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAatD,OAAO,EACN,YAAY,EASZ,MAAM,IAAI,CAAC;AAOZ,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA+CpC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,YAAY,CA6CjD,CAAC;AASF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,YAAY,CAoCrD,CAAC;AAKF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,YAAY,CAoIxD,CAAC;AAKF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,YAAY,CAqDpD,CAAC;AAYF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,YAAY,CAmDpD,CAAC;AAwDF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAE,OAAO,YAAY,CAkCtD,CAAC;AAUF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,YAAY,CA0BxD,CAAC;AAKF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,YAAY,CAgDrD,CAAC"}
|
|
@@ -9,5 +9,5 @@ import { DuotonePicker } from '..';
|
|
|
9
9
|
import type { DuotonePickerProps } from '../types';
|
|
10
10
|
declare const meta: Meta<typeof DuotonePicker>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, DuotonePickerProps>;
|
|
13
13
|
//# sourceMappingURL=duotone-picker.story.d.ts.map
|
|
@@ -8,7 +8,7 @@ import type { Meta } from '@storybook/react';
|
|
|
8
8
|
import { DuotoneSwatch } from '..';
|
|
9
9
|
declare const meta: Meta<typeof DuotoneSwatch>;
|
|
10
10
|
export default meta;
|
|
11
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
-
export declare const SingleColor: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const Null: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
11
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DuotoneSwatchProps>;
|
|
12
|
+
export declare const SingleColor: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DuotoneSwatchProps>;
|
|
13
|
+
export declare const Null: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").DuotoneSwatchProps>;
|
|
14
14
|
//# sourceMappingURL=duotone-swatch.story.d.ts.map
|
|
@@ -9,7 +9,7 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import FocalPointPicker from '..';
|
|
10
10
|
declare const meta: Meta<typeof FocalPointPicker>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
|
|
13
13
|
__nextHasNoMarginBottom?: boolean | undefined;
|
|
14
14
|
__next40pxDefaultSize?: boolean | undefined;
|
|
15
15
|
autoPlay?: boolean | undefined;
|
|
@@ -21,7 +21,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
|
|
|
21
21
|
url: string;
|
|
22
22
|
value: import("../types").FocalPoint;
|
|
23
23
|
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "value" | "as" | "autoPlay" | "url" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
|
|
24
|
-
export declare const Image: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
24
|
+
export declare const Image: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
|
|
25
25
|
__nextHasNoMarginBottom?: boolean | undefined;
|
|
26
26
|
__next40pxDefaultSize?: boolean | undefined;
|
|
27
27
|
autoPlay?: boolean | undefined;
|
|
@@ -33,7 +33,7 @@ export declare const Image: import("@storybook/types").AnnotatedStoryFn<import("
|
|
|
33
33
|
url: string;
|
|
34
34
|
value: import("../types").FocalPoint;
|
|
35
35
|
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "value" | "as" | "autoPlay" | "url" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
|
|
36
|
-
export declare const Video: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
36
|
+
export declare const Video: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
|
|
37
37
|
__nextHasNoMarginBottom?: boolean | undefined;
|
|
38
38
|
__next40pxDefaultSize?: boolean | undefined;
|
|
39
39
|
autoPlay?: boolean | undefined;
|
|
@@ -45,7 +45,7 @@ export declare const Video: import("@storybook/types").AnnotatedStoryFn<import("
|
|
|
45
45
|
url: string;
|
|
46
46
|
value: import("../types").FocalPoint;
|
|
47
47
|
} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "value" | "as" | "autoPlay" | "url" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
|
|
48
|
-
export declare const Snapping: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
48
|
+
export declare const Snapping: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
|
|
49
49
|
__nextHasNoMarginBottom?: boolean | undefined;
|
|
50
50
|
__next40pxDefaultSize?: boolean | undefined;
|
|
51
51
|
autoPlay?: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"font-size-picker-select.d.ts","sourceRoot":"","sources":["../../src/font-size-picker/font-size-picker-select.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EACX,yBAAyB,EAEzB,MAAM,SAAS,CAAC;AAcjB,QAAA,MAAM,oBAAoB,UAAY,yBAAyB,
|
|
1
|
+
{"version":3,"file":"font-size-picker-select.d.ts","sourceRoot":"","sources":["../../src/font-size-picker/font-size-picker-select.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EACX,yBAAyB,EAEzB,MAAM,SAAS,CAAC;AAcjB,QAAA,MAAM,oBAAoB,UAAY,yBAAyB,gBAqE9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -9,10 +9,10 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import FormFileUpload from '..';
|
|
10
10
|
declare const meta: Meta<typeof FormFileUpload>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const RestrictFileTypes: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
14
|
-
export declare const AllowMultipleFiles: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
15
|
-
export declare const WithIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
|
|
13
|
+
export declare const RestrictFileTypes: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
|
|
14
|
+
export declare const AllowMultipleFiles: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
|
|
15
|
+
export declare const WithIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
|
|
16
16
|
/**
|
|
17
17
|
* Render a custom trigger button by passing a render function to the `render` prop.
|
|
18
18
|
*
|
|
@@ -20,5 +20,5 @@ export declare const WithIcon: import("@storybook/types").AnnotatedStoryFn<impor
|
|
|
20
20
|
* ( { openFileDialog } ) => <button onClick={ openFileDialog }>Custom Upload Button</button>
|
|
21
21
|
* ```
|
|
22
22
|
*/
|
|
23
|
-
export declare const WithCustomRender: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
23
|
+
export declare const WithCustomRender: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").FormFileUploadProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").FormFileUploadProps>>;
|
|
24
24
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAY9D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,eAksBzD;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"suggestions-list.d.ts","sourceRoot":"","sources":["../../src/form-token-field/suggestions-list.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"suggestions-list.d.ts","sourceRoot":"","sources":["../../src/form-token-field/suggestions-list.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAOpD,wBAAgB,eAAe,CAAE,CAAC,SAAS,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAAI,EACxE,aAAa,EACb,cAAc,EACd,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,wBAAwB,GACxB,EAAE,oBAAoB,CAAE,CAAC,CAAE,eA2H3B;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -8,7 +8,7 @@ import type { Meta } from '@storybook/react';
|
|
|
8
8
|
import GradientPicker from '..';
|
|
9
9
|
declare const meta: Meta<typeof GradientPicker>;
|
|
10
10
|
export default meta;
|
|
11
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
-
export declare const WithNoExistingGradients: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const MultipleOrigins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
11
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").GradientPickerComponentProps>;
|
|
12
|
+
export declare const WithNoExistingGradients: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").GradientPickerComponentProps>;
|
|
13
|
+
export declare const MultipleOrigins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").GradientPickerComponentProps>;
|
|
14
14
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -5,5 +5,5 @@ import type { Meta } from '@storybook/react';
|
|
|
5
5
|
import Guide from '..';
|
|
6
6
|
declare const meta: Meta<typeof Guide>;
|
|
7
7
|
export default meta;
|
|
8
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
8
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").GuideProps>;
|
|
9
9
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -8,11 +8,11 @@ import type { Meta, StoryFn } from '@storybook/react';
|
|
|
8
8
|
import Icon from '..';
|
|
9
9
|
declare const meta: Meta<typeof Icon>;
|
|
10
10
|
export default meta;
|
|
11
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
11
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("..").Props>;
|
|
12
12
|
export declare const FillColor: StoryFn<typeof Icon>;
|
|
13
|
-
export declare const WithAFunction: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
14
|
-
export declare const WithAComponent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
15
|
-
export declare const WithAnSVG: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
+
export declare const WithAFunction: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("..").Props>;
|
|
14
|
+
export declare const WithAComponent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("..").Props>;
|
|
15
|
+
export declare const WithAnSVG: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("..").Props>;
|
|
16
16
|
/**
|
|
17
17
|
* Although it's preferred to use icons from the `@wordpress/icons` package, Dashicons are still supported,
|
|
18
18
|
* as long as you are in a context where the Dashicons stylesheet is loaded. To simulate that here,
|
|
@@ -9,20 +9,20 @@ import type { Meta } from '@storybook/react';
|
|
|
9
9
|
import InputControl from '..';
|
|
10
10
|
declare const meta: Meta<typeof InputControl>;
|
|
11
11
|
export default meta;
|
|
12
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
13
|
-
export declare const WithHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").InputControlProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
13
|
+
export declare const WithHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").InputControlProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
14
14
|
/**
|
|
15
15
|
* A `prefix` can be inserted before the input. By default, the prefix is aligned with the edge of the input border,
|
|
16
16
|
* with no padding. If you want to apply standard padding in accordance with the size variant, use the provided
|
|
17
17
|
* `<InputControlPrefixWrapper>` convenience wrapper.
|
|
18
18
|
*/
|
|
19
|
-
export declare const WithPrefix: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
19
|
+
export declare const WithPrefix: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").InputControlProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
20
20
|
/**
|
|
21
21
|
* A `suffix` can be inserted after the input. By default, the suffix is aligned with the edge of the input border,
|
|
22
22
|
* with no padding. If you want to apply standard padding in accordance with the size variant, use the provided
|
|
23
23
|
* `<InputControlSuffixWrapper>` convenience wrapper.
|
|
24
24
|
*/
|
|
25
|
-
export declare const WithSuffix: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
26
|
-
export declare const WithSideLabel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
27
|
-
export declare const WithEdgeLabel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
25
|
+
export declare const WithSuffix: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").InputControlProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
26
|
+
export declare const WithSideLabel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").InputControlProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
27
|
+
export declare const WithEdgeLabel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").InputControlProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
28
28
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -8,5 +8,5 @@ import type { Meta } from '@storybook/react';
|
|
|
8
8
|
import KeyboardShortcuts from '..';
|
|
9
9
|
declare const meta: Meta<typeof KeyboardShortcuts>;
|
|
10
10
|
export default meta;
|
|
11
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
11
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").KeyboardShortcutsProps>;
|
|
12
12
|
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -13,5 +13,5 @@ export declare const Default: StoryFn<typeof MenuGroup>;
|
|
|
13
13
|
* When other menu items exist above or below a MenuGroup, the group
|
|
14
14
|
* should have a divider line between it and the adjacent item.
|
|
15
15
|
*/
|
|
16
|
-
export declare const WithSeperator: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
16
|
+
export declare const WithSeperator: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").MenuGroupProps>;
|
|
17
17
|
//# sourceMappingURL=index.story.d.ts.map
|