@porsche-design-system/components-react 4.0.0-beta.2 → 4.0.0-beta.4
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/CHANGELOG.md +334 -1
- package/OSS_NOTICE +1649 -5178
- package/cjs/lib/components/button-pure.wrapper.cjs +3 -3
- package/cjs/lib/components/display.wrapper.cjs +1 -0
- package/cjs/lib/components/flag.wrapper.cjs +1 -1
- package/cjs/lib/components/heading.wrapper.cjs +3 -3
- package/cjs/lib/components/icon.wrapper.cjs +1 -1
- package/cjs/lib/components/link-pure.wrapper.cjs +3 -3
- package/cjs/lib/components/spinner.wrapper.cjs +3 -3
- package/cjs/lib/components/text.wrapper.cjs +3 -3
- package/esm/lib/components/accordion.wrapper.d.ts +8 -8
- package/esm/lib/components/button-pure.wrapper.d.ts +15 -7
- package/esm/lib/components/button-pure.wrapper.mjs +3 -3
- package/esm/lib/components/button-tile.wrapper.d.ts +2 -2
- package/esm/lib/components/button.wrapper.d.ts +6 -6
- package/esm/lib/components/carousel.wrapper.d.ts +10 -10
- package/esm/lib/components/checkbox.wrapper.d.ts +6 -6
- package/esm/lib/components/crest.wrapper.d.ts +6 -6
- package/esm/lib/components/display.wrapper.d.ts +1 -0
- package/esm/lib/components/display.wrapper.mjs +1 -0
- package/esm/lib/components/drilldown-link.wrapper.d.ts +8 -8
- package/esm/lib/components/drilldown.wrapper.d.ts +8 -8
- package/esm/lib/components/fieldset.wrapper.d.ts +6 -6
- package/esm/lib/components/flag.wrapper.d.ts +5 -5
- package/esm/lib/components/flag.wrapper.mjs +1 -1
- package/esm/lib/components/flyout.wrapper.d.ts +2 -2
- package/esm/lib/components/heading.wrapper.d.ts +27 -11
- package/esm/lib/components/heading.wrapper.mjs +3 -3
- package/esm/lib/components/icon.wrapper.d.ts +7 -7
- package/esm/lib/components/icon.wrapper.mjs +1 -1
- package/esm/lib/components/input-date.wrapper.d.ts +12 -12
- package/esm/lib/components/input-email.wrapper.d.ts +8 -8
- package/esm/lib/components/input-month.wrapper.d.ts +12 -12
- package/esm/lib/components/input-number.wrapper.d.ts +8 -8
- package/esm/lib/components/input-password.wrapper.d.ts +6 -6
- package/esm/lib/components/input-search.wrapper.d.ts +6 -6
- package/esm/lib/components/input-tel.wrapper.d.ts +6 -6
- package/esm/lib/components/input-text.wrapper.d.ts +6 -6
- package/esm/lib/components/input-time.wrapper.d.ts +14 -14
- package/esm/lib/components/input-url.wrapper.d.ts +16 -16
- package/esm/lib/components/input-week.wrapper.d.ts +14 -14
- package/esm/lib/components/link-pure.wrapper.d.ts +23 -15
- package/esm/lib/components/link-pure.wrapper.mjs +3 -3
- package/esm/lib/components/link-tile-product.wrapper.d.ts +8 -8
- package/esm/lib/components/link-tile.wrapper.d.ts +8 -8
- package/esm/lib/components/link.wrapper.d.ts +14 -14
- package/esm/lib/components/modal.wrapper.d.ts +2 -2
- package/esm/lib/components/model-signature.wrapper.d.ts +2 -2
- package/esm/lib/components/multi-select.wrapper.d.ts +10 -10
- package/esm/lib/components/pin-code.wrapper.d.ts +8 -8
- package/esm/lib/components/popover.wrapper.d.ts +6 -6
- package/esm/lib/components/radio-group-option.wrapper.d.ts +2 -2
- package/esm/lib/components/radio-group.wrapper.d.ts +8 -8
- package/esm/lib/components/segmented-control-item.wrapper.d.ts +4 -4
- package/esm/lib/components/segmented-control.wrapper.d.ts +4 -4
- package/esm/lib/components/select.wrapper.d.ts +10 -10
- package/esm/lib/components/sheet.wrapper.d.ts +2 -2
- package/esm/lib/components/spinner.wrapper.d.ts +13 -5
- package/esm/lib/components/spinner.wrapper.mjs +3 -3
- package/esm/lib/components/switch.wrapper.d.ts +6 -6
- package/esm/lib/components/table-cell.wrapper.d.ts +2 -2
- package/esm/lib/components/table-head-cell.wrapper.d.ts +4 -4
- package/esm/lib/components/tabs-bar.wrapper.d.ts +2 -2
- package/esm/lib/components/tabs.wrapper.d.ts +2 -2
- package/esm/lib/components/tag-dismissible.wrapper.d.ts +6 -6
- package/esm/lib/components/tag.wrapper.d.ts +2 -2
- package/esm/lib/components/text.wrapper.d.ts +21 -13
- package/esm/lib/components/text.wrapper.mjs +3 -3
- package/esm/lib/components/textarea.wrapper.d.ts +6 -6
- package/esm/lib/components/wordmark.wrapper.d.ts +8 -8
- package/esm/lib/types.d.ts +341 -141
- package/global-styles/cn/index.css +157 -159
- package/global-styles/color-scheme.css +95 -95
- package/global-styles/index.css +157 -159
- package/global-styles/variables.css +62 -64
- package/package.json +6 -2
- package/ssr/cjs/components/dist/styles/esm/styles-entry.cjs +413 -512
- package/ssr/cjs/components/dist/utils/esm/utils-entry.cjs +20 -18
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/button-pure.wrapper.cjs +4 -4
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/display.wrapper.cjs +1 -0
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/flag.wrapper.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/heading.wrapper.cjs +4 -4
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/icon.wrapper.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/link-pure.wrapper.cjs +4 -4
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/spinner.wrapper.cjs +4 -4
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/text.wrapper.cjs +4 -4
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-pure.cjs +3 -2
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.cjs +2 -2
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/display.cjs +2 -0
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/drilldown-item.cjs +2 -2
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/heading.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/input-base.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-pure.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group-option.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/spinner.cjs +2 -2
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.cjs +1 -1
- package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text.cjs +1 -1
- package/ssr/esm/components/dist/styles/esm/styles-entry.mjs +413 -512
- package/ssr/esm/components/dist/utils/esm/utils-entry.mjs +20 -18
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/button-pure.wrapper.mjs +4 -4
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/display.wrapper.mjs +1 -0
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/flag.wrapper.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/heading.wrapper.mjs +4 -4
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/icon.wrapper.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/link-pure.wrapper.mjs +4 -4
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/spinner.wrapper.mjs +4 -4
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/text.wrapper.mjs +4 -4
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-pure.mjs +3 -2
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.mjs +2 -2
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/display.mjs +2 -0
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/drilldown-item.mjs +2 -2
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/heading.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/input-base.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-pure.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group-option.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-group.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/spinner.mjs +2 -2
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.mjs +1 -1
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text.mjs +1 -1
- package/ssr/esm/lib/components/accordion.wrapper.d.ts +8 -8
- package/ssr/esm/lib/components/button-pure.wrapper.d.ts +15 -7
- package/ssr/esm/lib/components/button-tile.wrapper.d.ts +2 -2
- package/ssr/esm/lib/components/button.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/carousel.wrapper.d.ts +10 -10
- package/ssr/esm/lib/components/checkbox.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/crest.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/display.wrapper.d.ts +1 -0
- package/ssr/esm/lib/components/drilldown-link.wrapper.d.ts +8 -8
- package/ssr/esm/lib/components/drilldown.wrapper.d.ts +8 -8
- package/ssr/esm/lib/components/fieldset.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/flag.wrapper.d.ts +5 -5
- package/ssr/esm/lib/components/flyout.wrapper.d.ts +2 -2
- package/ssr/esm/lib/components/heading.wrapper.d.ts +27 -11
- package/ssr/esm/lib/components/icon.wrapper.d.ts +7 -7
- package/ssr/esm/lib/components/input-date.wrapper.d.ts +12 -12
- package/ssr/esm/lib/components/input-email.wrapper.d.ts +8 -8
- package/ssr/esm/lib/components/input-month.wrapper.d.ts +12 -12
- package/ssr/esm/lib/components/input-number.wrapper.d.ts +8 -8
- package/ssr/esm/lib/components/input-password.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/input-search.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/input-tel.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/input-text.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/input-time.wrapper.d.ts +14 -14
- package/ssr/esm/lib/components/input-url.wrapper.d.ts +16 -16
- package/ssr/esm/lib/components/input-week.wrapper.d.ts +14 -14
- package/ssr/esm/lib/components/link-pure.wrapper.d.ts +23 -15
- package/ssr/esm/lib/components/link-tile-product.wrapper.d.ts +8 -8
- package/ssr/esm/lib/components/link-tile.wrapper.d.ts +8 -8
- package/ssr/esm/lib/components/link.wrapper.d.ts +14 -14
- package/ssr/esm/lib/components/modal.wrapper.d.ts +2 -2
- package/ssr/esm/lib/components/model-signature.wrapper.d.ts +2 -2
- package/ssr/esm/lib/components/multi-select.wrapper.d.ts +10 -10
- package/ssr/esm/lib/components/pin-code.wrapper.d.ts +8 -8
- package/ssr/esm/lib/components/popover.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/radio-group-option.wrapper.d.ts +2 -2
- package/ssr/esm/lib/components/radio-group.wrapper.d.ts +8 -8
- package/ssr/esm/lib/components/segmented-control-item.wrapper.d.ts +4 -4
- package/ssr/esm/lib/components/segmented-control.wrapper.d.ts +4 -4
- package/ssr/esm/lib/components/select.wrapper.d.ts +10 -10
- package/ssr/esm/lib/components/sheet.wrapper.d.ts +2 -2
- package/ssr/esm/lib/components/spinner.wrapper.d.ts +13 -5
- package/ssr/esm/lib/components/switch.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/table-cell.wrapper.d.ts +2 -2
- package/ssr/esm/lib/components/table-head-cell.wrapper.d.ts +4 -4
- package/ssr/esm/lib/components/tabs-bar.wrapper.d.ts +2 -2
- package/ssr/esm/lib/components/tabs.wrapper.d.ts +2 -2
- package/ssr/esm/lib/components/tag-dismissible.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/tag.wrapper.d.ts +2 -2
- package/ssr/esm/lib/components/text.wrapper.d.ts +21 -13
- package/ssr/esm/lib/components/textarea.wrapper.d.ts +6 -6
- package/ssr/esm/lib/components/wordmark.wrapper.d.ts +8 -8
- package/ssr/esm/lib/dsr-components/carousel.d.ts +2 -2
- package/ssr/esm/lib/dsr-components/display.d.ts +2 -0
- package/ssr/esm/lib/dsr-components/drilldown-item.d.ts +2 -2
- package/ssr/esm/lib/dsr-components/flyout.d.ts +1 -1
- package/ssr/esm/lib/types.d.ts +341 -141
- package/tailwindcss/index.css +170 -158
|
@@ -18,11 +18,11 @@ export type PLinkTileProductProps = BaseProps & {
|
|
|
18
18
|
*/
|
|
19
19
|
href?: string;
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* Shows a like button.
|
|
22
22
|
*/
|
|
23
23
|
likeButton?: boolean;
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
25
|
+
* Indicates whether the product is liked.
|
|
26
26
|
*/
|
|
27
27
|
liked?: boolean;
|
|
28
28
|
/**
|
|
@@ -38,11 +38,11 @@ export type PLinkTileProductProps = BaseProps & {
|
|
|
38
38
|
*/
|
|
39
39
|
priceOriginal?: string;
|
|
40
40
|
/**
|
|
41
|
-
*
|
|
41
|
+
* Sets the `rel` attribute on the link.
|
|
42
42
|
*/
|
|
43
43
|
rel?: string;
|
|
44
44
|
/**
|
|
45
|
-
*
|
|
45
|
+
* Specifies where to open the linked document.
|
|
46
46
|
*/
|
|
47
47
|
target?: LinkTileProductTarget;
|
|
48
48
|
};
|
|
@@ -64,11 +64,11 @@ export declare const PLinkTileProduct: import("react").ForwardRefExoticComponent
|
|
|
64
64
|
*/
|
|
65
65
|
href?: string;
|
|
66
66
|
/**
|
|
67
|
-
*
|
|
67
|
+
* Shows a like button.
|
|
68
68
|
*/
|
|
69
69
|
likeButton?: boolean;
|
|
70
70
|
/**
|
|
71
|
-
*
|
|
71
|
+
* Indicates whether the product is liked.
|
|
72
72
|
*/
|
|
73
73
|
liked?: boolean;
|
|
74
74
|
/**
|
|
@@ -84,11 +84,11 @@ export declare const PLinkTileProduct: import("react").ForwardRefExoticComponent
|
|
|
84
84
|
*/
|
|
85
85
|
priceOriginal?: string;
|
|
86
86
|
/**
|
|
87
|
-
*
|
|
87
|
+
* Sets the `rel` attribute on the link.
|
|
88
88
|
*/
|
|
89
89
|
rel?: string;
|
|
90
90
|
/**
|
|
91
|
-
*
|
|
91
|
+
* Specifies where to open the linked document.
|
|
92
92
|
*/
|
|
93
93
|
target?: LinkTileProductTarget;
|
|
94
94
|
} & {
|
|
@@ -6,7 +6,7 @@ export type PLinkTileProps = BaseProps & {
|
|
|
6
6
|
*/
|
|
7
7
|
align?: LinkTileAlign;
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Sets ARIA attributes.
|
|
10
10
|
*/
|
|
11
11
|
aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
|
|
12
12
|
/**
|
|
@@ -22,7 +22,7 @@ export type PLinkTileProps = BaseProps & {
|
|
|
22
22
|
*/
|
|
23
23
|
description: string;
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
25
|
+
* Sets the native `download` attribute when the target URL points to a downloadable file.
|
|
26
26
|
*/
|
|
27
27
|
download?: string;
|
|
28
28
|
/**
|
|
@@ -38,7 +38,7 @@ export type PLinkTileProps = BaseProps & {
|
|
|
38
38
|
*/
|
|
39
39
|
label: string;
|
|
40
40
|
/**
|
|
41
|
-
*
|
|
41
|
+
* Sets the `rel` attribute on the link.
|
|
42
42
|
*/
|
|
43
43
|
rel?: string;
|
|
44
44
|
/**
|
|
@@ -46,7 +46,7 @@ export type PLinkTileProps = BaseProps & {
|
|
|
46
46
|
*/
|
|
47
47
|
size?: BreakpointCustomizable<LinkTileSize>;
|
|
48
48
|
/**
|
|
49
|
-
*
|
|
49
|
+
* Specifies where to open the linked document.
|
|
50
50
|
*/
|
|
51
51
|
target?: LinkTileTarget;
|
|
52
52
|
/**
|
|
@@ -60,7 +60,7 @@ export declare const PLinkTile: import("react").ForwardRefExoticComponent<Omit<i
|
|
|
60
60
|
*/
|
|
61
61
|
align?: LinkTileAlign;
|
|
62
62
|
/**
|
|
63
|
-
*
|
|
63
|
+
* Sets ARIA attributes.
|
|
64
64
|
*/
|
|
65
65
|
aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
|
|
66
66
|
/**
|
|
@@ -76,7 +76,7 @@ export declare const PLinkTile: import("react").ForwardRefExoticComponent<Omit<i
|
|
|
76
76
|
*/
|
|
77
77
|
description: string;
|
|
78
78
|
/**
|
|
79
|
-
*
|
|
79
|
+
* Sets the native `download` attribute when the target URL points to a downloadable file.
|
|
80
80
|
*/
|
|
81
81
|
download?: string;
|
|
82
82
|
/**
|
|
@@ -92,7 +92,7 @@ export declare const PLinkTile: import("react").ForwardRefExoticComponent<Omit<i
|
|
|
92
92
|
*/
|
|
93
93
|
label: string;
|
|
94
94
|
/**
|
|
95
|
-
*
|
|
95
|
+
* Sets the `rel` attribute on the link.
|
|
96
96
|
*/
|
|
97
97
|
rel?: string;
|
|
98
98
|
/**
|
|
@@ -100,7 +100,7 @@ export declare const PLinkTile: import("react").ForwardRefExoticComponent<Omit<i
|
|
|
100
100
|
*/
|
|
101
101
|
size?: BreakpointCustomizable<LinkTileSize>;
|
|
102
102
|
/**
|
|
103
|
-
*
|
|
103
|
+
* Specifies where to open the linked document.
|
|
104
104
|
*/
|
|
105
105
|
target?: LinkTileTarget;
|
|
106
106
|
/**
|
|
@@ -2,23 +2,23 @@ import type { BaseProps } from '../../BaseProps';
|
|
|
2
2
|
import type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, LinkIcon, LinkTarget, LinkVariant } from '../types';
|
|
3
3
|
export type PLinkProps = BaseProps & {
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
5
|
+
* Sets ARIA attributes.
|
|
6
6
|
*/
|
|
7
7
|
aria?: SelectedAriaAttributes<LinkAriaAttribute>;
|
|
8
8
|
/**
|
|
9
|
-
* Displays
|
|
9
|
+
* Displays the link in compact mode.
|
|
10
10
|
*/
|
|
11
11
|
compact?: BreakpointCustomizable<boolean>;
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Sets the native `download` attribute when the target URL points to a downloadable file.
|
|
14
14
|
*/
|
|
15
15
|
download?: string;
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
18
18
|
*/
|
|
19
19
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
20
20
|
/**
|
|
21
|
-
* When
|
|
21
|
+
* When `href` is provided, the component renders as an `<a>` element.
|
|
22
22
|
*/
|
|
23
23
|
href?: string;
|
|
24
24
|
/**
|
|
@@ -30,11 +30,11 @@ export type PLinkProps = BaseProps & {
|
|
|
30
30
|
*/
|
|
31
31
|
iconSource?: string;
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Sets the `rel` attribute on the link.
|
|
34
34
|
*/
|
|
35
35
|
rel?: string;
|
|
36
36
|
/**
|
|
37
|
-
*
|
|
37
|
+
* Specifies where to open the linked document.
|
|
38
38
|
*/
|
|
39
39
|
target?: LinkTarget;
|
|
40
40
|
/**
|
|
@@ -44,23 +44,23 @@ export type PLinkProps = BaseProps & {
|
|
|
44
44
|
};
|
|
45
45
|
export declare const PLink: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
|
|
46
46
|
/**
|
|
47
|
-
*
|
|
47
|
+
* Sets ARIA attributes.
|
|
48
48
|
*/
|
|
49
49
|
aria?: SelectedAriaAttributes<LinkAriaAttribute>;
|
|
50
50
|
/**
|
|
51
|
-
* Displays
|
|
51
|
+
* Displays the link in compact mode.
|
|
52
52
|
*/
|
|
53
53
|
compact?: BreakpointCustomizable<boolean>;
|
|
54
54
|
/**
|
|
55
|
-
*
|
|
55
|
+
* Sets the native `download` attribute when the target URL points to a downloadable file.
|
|
56
56
|
*/
|
|
57
57
|
download?: string;
|
|
58
58
|
/**
|
|
59
|
-
*
|
|
59
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
60
60
|
*/
|
|
61
61
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
62
62
|
/**
|
|
63
|
-
* When
|
|
63
|
+
* When `href` is provided, the component renders as an `<a>` element.
|
|
64
64
|
*/
|
|
65
65
|
href?: string;
|
|
66
66
|
/**
|
|
@@ -72,11 +72,11 @@ export declare const PLink: import("react").ForwardRefExoticComponent<Omit<impor
|
|
|
72
72
|
*/
|
|
73
73
|
iconSource?: string;
|
|
74
74
|
/**
|
|
75
|
-
*
|
|
75
|
+
* Sets the `rel` attribute on the link.
|
|
76
76
|
*/
|
|
77
77
|
rel?: string;
|
|
78
78
|
/**
|
|
79
|
-
*
|
|
79
|
+
* Specifies where to open the linked document.
|
|
80
80
|
*/
|
|
81
81
|
target?: LinkTarget;
|
|
82
82
|
/**
|
|
@@ -2,7 +2,7 @@ import type { BaseProps } from '../../BaseProps';
|
|
|
2
2
|
import type { SelectedAriaAttributes, ModalAriaAttribute, ModalBackdrop, ModalBackground, BreakpointCustomizable, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail } from '../types';
|
|
3
3
|
export type PModalProps = BaseProps & {
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
5
|
+
* Sets ARIA attributes.
|
|
6
6
|
*/
|
|
7
7
|
aria?: SelectedAriaAttributes<ModalAriaAttribute>;
|
|
8
8
|
/**
|
|
@@ -44,7 +44,7 @@ export type PModalProps = BaseProps & {
|
|
|
44
44
|
};
|
|
45
45
|
export declare const PModal: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
|
|
46
46
|
/**
|
|
47
|
-
*
|
|
47
|
+
* Sets ARIA attributes.
|
|
48
48
|
*/
|
|
49
49
|
aria?: SelectedAriaAttributes<ModalAriaAttribute>;
|
|
50
50
|
/**
|
|
@@ -6,7 +6,7 @@ export type PModelSignatureProps = BaseProps & {
|
|
|
6
6
|
*/
|
|
7
7
|
color?: ModelSignatureColor;
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Sets the browser's fetch priority hint for the model signature asset.
|
|
10
10
|
*/
|
|
11
11
|
fetchPriority?: ModelSignatureFetchPriority;
|
|
12
12
|
/**
|
|
@@ -32,7 +32,7 @@ export declare const PModelSignature: import("react").ForwardRefExoticComponent<
|
|
|
32
32
|
*/
|
|
33
33
|
color?: ModelSignatureColor;
|
|
34
34
|
/**
|
|
35
|
-
*
|
|
35
|
+
* Sets the browser's fetch priority hint for the model signature asset.
|
|
36
36
|
*/
|
|
37
37
|
fetchPriority?: ModelSignatureFetchPriority;
|
|
38
38
|
/**
|
|
@@ -2,11 +2,11 @@ import type { BaseProps } from '../../BaseProps';
|
|
|
2
2
|
import type { MultiSelectDropdownDirection, BreakpointCustomizable, MultiSelectChangeEventDetail, MultiSelectToggleEventDetail, MultiSelectState } from '../types';
|
|
3
3
|
export type PMultiSelectProps = BaseProps & {
|
|
4
4
|
/**
|
|
5
|
-
* Displays
|
|
5
|
+
* Displays the multi-select in compact mode.
|
|
6
6
|
*/
|
|
7
7
|
compact?: boolean;
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Supplementary text providing more context or explanation for the multi-select.
|
|
10
10
|
*/
|
|
11
11
|
description?: string;
|
|
12
12
|
/**
|
|
@@ -22,11 +22,11 @@ export type PMultiSelectProps = BaseProps & {
|
|
|
22
22
|
*/
|
|
23
23
|
form?: string;
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
25
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
26
26
|
*/
|
|
27
27
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
28
28
|
/**
|
|
29
|
-
*
|
|
29
|
+
* Text content for a user-facing label.
|
|
30
30
|
*/
|
|
31
31
|
label?: string;
|
|
32
32
|
/**
|
|
@@ -50,7 +50,7 @@ export type PMultiSelectProps = BaseProps & {
|
|
|
50
50
|
*/
|
|
51
51
|
onToggle?: (event: CustomEvent<MultiSelectToggleEventDetail>) => void;
|
|
52
52
|
/**
|
|
53
|
-
*
|
|
53
|
+
* Requires an option with a non-empty string value to be selected.
|
|
54
54
|
*/
|
|
55
55
|
required?: boolean;
|
|
56
56
|
/**
|
|
@@ -64,11 +64,11 @@ export type PMultiSelectProps = BaseProps & {
|
|
|
64
64
|
};
|
|
65
65
|
export declare const PMultiSelect: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
|
|
66
66
|
/**
|
|
67
|
-
* Displays
|
|
67
|
+
* Displays the multi-select in compact mode.
|
|
68
68
|
*/
|
|
69
69
|
compact?: boolean;
|
|
70
70
|
/**
|
|
71
|
-
*
|
|
71
|
+
* Supplementary text providing more context or explanation for the multi-select.
|
|
72
72
|
*/
|
|
73
73
|
description?: string;
|
|
74
74
|
/**
|
|
@@ -84,11 +84,11 @@ export declare const PMultiSelect: import("react").ForwardRefExoticComponent<Omi
|
|
|
84
84
|
*/
|
|
85
85
|
form?: string;
|
|
86
86
|
/**
|
|
87
|
-
*
|
|
87
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
88
88
|
*/
|
|
89
89
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
90
90
|
/**
|
|
91
|
-
*
|
|
91
|
+
* Text content for a user-facing label.
|
|
92
92
|
*/
|
|
93
93
|
label?: string;
|
|
94
94
|
/**
|
|
@@ -112,7 +112,7 @@ export declare const PMultiSelect: import("react").ForwardRefExoticComponent<Omi
|
|
|
112
112
|
*/
|
|
113
113
|
onToggle?: (event: CustomEvent<MultiSelectToggleEventDetail>) => void;
|
|
114
114
|
/**
|
|
115
|
-
*
|
|
115
|
+
* Requires an option with a non-empty string value to be selected.
|
|
116
116
|
*/
|
|
117
117
|
required?: boolean;
|
|
118
118
|
/**
|
|
@@ -2,11 +2,11 @@ import type { BaseProps } from '../../BaseProps';
|
|
|
2
2
|
import type { BreakpointCustomizable, PinCodeLength, PinCodeChangeEventDetail, PinCodeState, PinCodeType } from '../types';
|
|
3
3
|
export type PPinCodeProps = BaseProps & {
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
5
|
+
* Displays the pin code in compact mode.
|
|
6
6
|
*/
|
|
7
7
|
compact?: boolean;
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Supplementary text providing more context or explanation for the pin code.
|
|
10
10
|
*/
|
|
11
11
|
description?: string;
|
|
12
12
|
/**
|
|
@@ -18,11 +18,11 @@ export type PPinCodeProps = BaseProps & {
|
|
|
18
18
|
*/
|
|
19
19
|
form?: string;
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* Shows or hides the label and description. For better accessibility, it is recommended to show the label.
|
|
22
22
|
*/
|
|
23
23
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
25
|
+
* Text content for a user-facing label.
|
|
26
26
|
*/
|
|
27
27
|
label?: string;
|
|
28
28
|
/**
|
|
@@ -68,11 +68,11 @@ export type PPinCodeProps = BaseProps & {
|
|
|
68
68
|
};
|
|
69
69
|
export declare const PPinCode: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
|
|
70
70
|
/**
|
|
71
|
-
*
|
|
71
|
+
* Displays the pin code in compact mode.
|
|
72
72
|
*/
|
|
73
73
|
compact?: boolean;
|
|
74
74
|
/**
|
|
75
|
-
*
|
|
75
|
+
* Supplementary text providing more context or explanation for the pin code.
|
|
76
76
|
*/
|
|
77
77
|
description?: string;
|
|
78
78
|
/**
|
|
@@ -84,11 +84,11 @@ export declare const PPinCode: import("react").ForwardRefExoticComponent<Omit<im
|
|
|
84
84
|
*/
|
|
85
85
|
form?: string;
|
|
86
86
|
/**
|
|
87
|
-
*
|
|
87
|
+
* Shows or hides the label and description. For better accessibility, it is recommended to show the label.
|
|
88
88
|
*/
|
|
89
89
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
90
90
|
/**
|
|
91
|
-
*
|
|
91
|
+
* Text content for a user-facing label.
|
|
92
92
|
*/
|
|
93
93
|
label?: string;
|
|
94
94
|
/**
|
|
@@ -2,29 +2,29 @@ import type { BaseProps } from '../../BaseProps';
|
|
|
2
2
|
import type { SelectedAriaAttributes, PopoverAriaAttribute, PopoverDirection } from '../types';
|
|
3
3
|
export type PPopoverProps = BaseProps & {
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
5
|
+
* Sets ARIA attributes.
|
|
6
6
|
*/
|
|
7
7
|
aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
|
|
8
8
|
/**
|
|
9
|
-
* Descriptive text
|
|
9
|
+
* Descriptive text shown when the popover is open.
|
|
10
10
|
*/
|
|
11
11
|
description?: string;
|
|
12
12
|
/**
|
|
13
|
-
* Preferred direction in which popover should open
|
|
13
|
+
* Preferred direction in which the popover should open when there is enough space in the viewport. Otherwise, it opens in the direction with the most available space.
|
|
14
14
|
*/
|
|
15
15
|
direction?: PopoverDirection;
|
|
16
16
|
};
|
|
17
17
|
export declare const PPopover: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* Sets ARIA attributes.
|
|
20
20
|
*/
|
|
21
21
|
aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
|
|
22
22
|
/**
|
|
23
|
-
* Descriptive text
|
|
23
|
+
* Descriptive text shown when the popover is open.
|
|
24
24
|
*/
|
|
25
25
|
description?: string;
|
|
26
26
|
/**
|
|
27
|
-
* Preferred direction in which popover should open
|
|
27
|
+
* Preferred direction in which the popover should open when there is enough space in the viewport. Otherwise, it opens in the direction with the most available space.
|
|
28
28
|
*/
|
|
29
29
|
direction?: PopoverDirection;
|
|
30
30
|
} & {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { BaseProps } from '../../BaseProps';
|
|
2
2
|
export type PRadioGroupOptionProps = BaseProps & {
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* Disables the radio group option. The value will not be submitted with the form.
|
|
5
5
|
*/
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
/**
|
|
@@ -19,7 +19,7 @@ export type PRadioGroupOptionProps = BaseProps & {
|
|
|
19
19
|
};
|
|
20
20
|
export declare const PRadioGroupOption: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* Disables the radio group option. The value will not be submitted with the form.
|
|
23
23
|
*/
|
|
24
24
|
disabled?: boolean;
|
|
25
25
|
/**
|
|
@@ -2,7 +2,7 @@ import type { BaseProps } from '../../BaseProps';
|
|
|
2
2
|
import type { BreakpointCustomizable, RadioGroupDirection, RadioGroupChangeEventDetail, RadioGroupState } from '../types';
|
|
3
3
|
export type PRadioGroupProps = BaseProps & {
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
5
|
+
* Displays the radio group in compact mode.
|
|
6
6
|
*/
|
|
7
7
|
compact?: boolean;
|
|
8
8
|
/**
|
|
@@ -10,11 +10,11 @@ export type PRadioGroupProps = BaseProps & {
|
|
|
10
10
|
*/
|
|
11
11
|
description?: string;
|
|
12
12
|
/**
|
|
13
|
-
* Defines the direction of the main and cross
|
|
13
|
+
* Defines the direction of the main and cross-axis. The default is `column`, which stacks the options vertically. You always need to provide a base value when using breakpoints.
|
|
14
14
|
*/
|
|
15
15
|
direction?: BreakpointCustomizable<RadioGroupDirection>;
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Disables the radio group. The value will not be submitted with the form.
|
|
18
18
|
*/
|
|
19
19
|
disabled?: boolean;
|
|
20
20
|
/**
|
|
@@ -22,7 +22,7 @@ export type PRadioGroupProps = BaseProps & {
|
|
|
22
22
|
*/
|
|
23
23
|
form?: string;
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
25
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
26
26
|
*/
|
|
27
27
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
28
28
|
/**
|
|
@@ -64,7 +64,7 @@ export type PRadioGroupProps = BaseProps & {
|
|
|
64
64
|
};
|
|
65
65
|
export declare const PRadioGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
|
|
66
66
|
/**
|
|
67
|
-
*
|
|
67
|
+
* Displays the radio group in compact mode.
|
|
68
68
|
*/
|
|
69
69
|
compact?: boolean;
|
|
70
70
|
/**
|
|
@@ -72,11 +72,11 @@ export declare const PRadioGroup: import("react").ForwardRefExoticComponent<Omit
|
|
|
72
72
|
*/
|
|
73
73
|
description?: string;
|
|
74
74
|
/**
|
|
75
|
-
* Defines the direction of the main and cross
|
|
75
|
+
* Defines the direction of the main and cross-axis. The default is `column`, which stacks the options vertically. You always need to provide a base value when using breakpoints.
|
|
76
76
|
*/
|
|
77
77
|
direction?: BreakpointCustomizable<RadioGroupDirection>;
|
|
78
78
|
/**
|
|
79
|
-
*
|
|
79
|
+
* Disables the radio group. The value will not be submitted with the form.
|
|
80
80
|
*/
|
|
81
81
|
disabled?: boolean;
|
|
82
82
|
/**
|
|
@@ -84,7 +84,7 @@ export declare const PRadioGroup: import("react").ForwardRefExoticComponent<Omit
|
|
|
84
84
|
*/
|
|
85
85
|
form?: string;
|
|
86
86
|
/**
|
|
87
|
-
*
|
|
87
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
88
88
|
*/
|
|
89
89
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
90
90
|
/**
|
|
@@ -2,7 +2,7 @@ import type { BaseProps } from '../../BaseProps';
|
|
|
2
2
|
import type { SelectedAriaAttributes, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon } from '../types';
|
|
3
3
|
export type PSegmentedControlItemProps = BaseProps & {
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
5
|
+
* Sets ARIA attributes.
|
|
6
6
|
*/
|
|
7
7
|
aria?: SelectedAriaAttributes<SegmentedControlItemAriaAttribute>;
|
|
8
8
|
/**
|
|
@@ -18,7 +18,7 @@ export type PSegmentedControlItemProps = BaseProps & {
|
|
|
18
18
|
*/
|
|
19
19
|
iconSource?: string;
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* Text content for a user-facing label.
|
|
22
22
|
*/
|
|
23
23
|
label?: string;
|
|
24
24
|
/**
|
|
@@ -28,7 +28,7 @@ export type PSegmentedControlItemProps = BaseProps & {
|
|
|
28
28
|
};
|
|
29
29
|
export declare const PSegmentedControlItem: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
|
|
30
30
|
/**
|
|
31
|
-
*
|
|
31
|
+
* Sets ARIA attributes.
|
|
32
32
|
*/
|
|
33
33
|
aria?: SelectedAriaAttributes<SegmentedControlItemAriaAttribute>;
|
|
34
34
|
/**
|
|
@@ -44,7 +44,7 @@ export declare const PSegmentedControlItem: import("react").ForwardRefExoticComp
|
|
|
44
44
|
*/
|
|
45
45
|
iconSource?: string;
|
|
46
46
|
/**
|
|
47
|
-
*
|
|
47
|
+
* Text content for a user-facing label.
|
|
48
48
|
*/
|
|
49
49
|
label?: string;
|
|
50
50
|
/**
|
|
@@ -6,7 +6,7 @@ export type PSegmentedControlProps = BaseProps & {
|
|
|
6
6
|
*/
|
|
7
7
|
columns?: BreakpointCustomizable<SegmentedControlColumns>;
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Displays the segmented control in compact mode.
|
|
10
10
|
*/
|
|
11
11
|
compact?: boolean;
|
|
12
12
|
/**
|
|
@@ -22,7 +22,7 @@ export type PSegmentedControlProps = BaseProps & {
|
|
|
22
22
|
*/
|
|
23
23
|
form?: string;
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
25
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
26
26
|
*/
|
|
27
27
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
28
28
|
/**
|
|
@@ -64,7 +64,7 @@ export declare const PSegmentedControl: import("react").ForwardRefExoticComponen
|
|
|
64
64
|
*/
|
|
65
65
|
columns?: BreakpointCustomizable<SegmentedControlColumns>;
|
|
66
66
|
/**
|
|
67
|
-
*
|
|
67
|
+
* Displays the segmented control in compact mode.
|
|
68
68
|
*/
|
|
69
69
|
compact?: boolean;
|
|
70
70
|
/**
|
|
@@ -80,7 +80,7 @@ export declare const PSegmentedControl: import("react").ForwardRefExoticComponen
|
|
|
80
80
|
*/
|
|
81
81
|
form?: string;
|
|
82
82
|
/**
|
|
83
|
-
*
|
|
83
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
84
84
|
*/
|
|
85
85
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
86
86
|
/**
|
|
@@ -2,11 +2,11 @@ import type { BaseProps } from '../../BaseProps';
|
|
|
2
2
|
import type { SelectDropdownDirection, BreakpointCustomizable, SelectChangeEventDetail, SelectToggleEventDetail, SelectState } from '../types';
|
|
3
3
|
export type PSelectProps = BaseProps & {
|
|
4
4
|
/**
|
|
5
|
-
* Displays
|
|
5
|
+
* Displays the select in compact mode.
|
|
6
6
|
*/
|
|
7
7
|
compact?: boolean;
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Supplementary text providing more context or explanation for the select.
|
|
10
10
|
*/
|
|
11
11
|
description?: string;
|
|
12
12
|
/**
|
|
@@ -26,11 +26,11 @@ export type PSelectProps = BaseProps & {
|
|
|
26
26
|
*/
|
|
27
27
|
form?: string;
|
|
28
28
|
/**
|
|
29
|
-
*
|
|
29
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
30
30
|
*/
|
|
31
31
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Text content for a user-facing label.
|
|
34
34
|
*/
|
|
35
35
|
label?: string;
|
|
36
36
|
/**
|
|
@@ -54,7 +54,7 @@ export type PSelectProps = BaseProps & {
|
|
|
54
54
|
*/
|
|
55
55
|
onToggle?: (event: CustomEvent<SelectToggleEventDetail>) => void;
|
|
56
56
|
/**
|
|
57
|
-
*
|
|
57
|
+
* Requires an option with a non-empty string value to be selected.
|
|
58
58
|
*/
|
|
59
59
|
required?: boolean;
|
|
60
60
|
/**
|
|
@@ -68,11 +68,11 @@ export type PSelectProps = BaseProps & {
|
|
|
68
68
|
};
|
|
69
69
|
export declare const PSelect: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
|
|
70
70
|
/**
|
|
71
|
-
* Displays
|
|
71
|
+
* Displays the select in compact mode.
|
|
72
72
|
*/
|
|
73
73
|
compact?: boolean;
|
|
74
74
|
/**
|
|
75
|
-
*
|
|
75
|
+
* Supplementary text providing more context or explanation for the select.
|
|
76
76
|
*/
|
|
77
77
|
description?: string;
|
|
78
78
|
/**
|
|
@@ -92,11 +92,11 @@ export declare const PSelect: import("react").ForwardRefExoticComponent<Omit<imp
|
|
|
92
92
|
*/
|
|
93
93
|
form?: string;
|
|
94
94
|
/**
|
|
95
|
-
*
|
|
95
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
96
96
|
*/
|
|
97
97
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
98
98
|
/**
|
|
99
|
-
*
|
|
99
|
+
* Text content for a user-facing label.
|
|
100
100
|
*/
|
|
101
101
|
label?: string;
|
|
102
102
|
/**
|
|
@@ -120,7 +120,7 @@ export declare const PSelect: import("react").ForwardRefExoticComponent<Omit<imp
|
|
|
120
120
|
*/
|
|
121
121
|
onToggle?: (event: CustomEvent<SelectToggleEventDetail>) => void;
|
|
122
122
|
/**
|
|
123
|
-
*
|
|
123
|
+
* Requires an option with a non-empty string value to be selected.
|
|
124
124
|
*/
|
|
125
125
|
required?: boolean;
|
|
126
126
|
/**
|