@warp-ds/elements 2.9.0-next.4 → 2.9.0-next.6
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/dist/custom-elements.json +3554 -3442
- package/dist/docs/affix/accessibility.md +7 -0
- package/dist/docs/affix/affix.md +174 -10
- package/dist/docs/affix/api.md +28 -10
- package/dist/docs/affix/examples.md +92 -0
- package/dist/docs/affix/usage.md +47 -0
- package/dist/docs/alert/alert.md +12 -12
- package/dist/docs/alert/api.md +12 -12
- package/dist/docs/attention/api.md +46 -46
- package/dist/docs/attention/attention.md +46 -46
- package/dist/docs/badge/accessibility.md +44 -0
- package/dist/docs/badge/api.md +12 -8
- package/dist/docs/badge/badge.md +191 -10
- package/dist/docs/badge/examples.md +82 -0
- package/dist/docs/badge/usage.md +53 -0
- package/dist/docs/button/api.md +46 -42
- package/dist/docs/button/button.md +46 -42
- package/dist/docs/card/api.md +11 -11
- package/dist/docs/card/card.md +11 -11
- package/dist/docs/combobox/api.md +62 -62
- package/dist/docs/combobox/combobox.md +62 -62
- package/dist/docs/datepicker/api.md +74 -66
- package/dist/docs/datepicker/datepicker.md +74 -66
- package/dist/docs/expandable/api.md +26 -26
- package/dist/docs/expandable/expandable.md +26 -26
- package/dist/docs/link/api.md +28 -28
- package/dist/docs/link/link.md +28 -28
- package/dist/docs/page-indicator/api.md +6 -6
- package/dist/docs/page-indicator/page-indicator.md +6 -6
- package/dist/docs/pagination/api.md +3 -3
- package/dist/docs/pagination/pagination.md +3 -3
- package/dist/docs/pill/api.md +19 -15
- package/dist/docs/pill/pill.md +19 -15
- package/dist/docs/select/api.md +44 -44
- package/dist/docs/select/select.md +44 -44
- package/dist/docs/slider/api.md +80 -78
- package/dist/docs/slider/slider.md +80 -78
- package/dist/docs/slider-thumb/api.md +28 -76
- package/dist/docs/slider-thumb/slider-thumb.md +28 -76
- package/dist/docs/switch/api.md +16 -16
- package/dist/docs/switch/switch.md +16 -16
- package/dist/docs/tab/api.md +26 -40
- package/dist/docs/tab/tab.md +26 -40
- package/dist/docs/tab-panel/api.md +1 -17
- package/dist/docs/tab-panel/tab-panel.md +1 -17
- package/dist/docs/tabs/api.md +3 -3
- package/dist/docs/tabs/tabs.md +3 -3
- package/dist/docs/textarea/api.md +42 -40
- package/dist/docs/textarea/textarea.md +42 -40
- package/dist/docs/textfield/accessibility.md +15 -0
- package/dist/docs/textfield/api.md +86 -83
- package/dist/docs/textfield/examples.md +147 -0
- package/dist/docs/textfield/textfield.md +279 -86
- package/dist/docs/textfield/usage.md +30 -0
- package/dist/index.d.ts +343 -319
- package/dist/packages/affix/affix.d.ts +23 -14
- package/dist/packages/affix/affix.js +24 -11
- package/dist/packages/affix/affix.js.map +4 -4
- package/dist/packages/affix/affix.stories.d.ts +3 -0
- package/dist/packages/affix/affix.stories.js +16 -0
- package/dist/packages/affix/affix.test.js +7 -0
- package/dist/packages/affix/locales/da/messages.d.mts +1 -0
- package/dist/packages/affix/locales/da/messages.mjs +1 -0
- package/dist/packages/affix/locales/en/messages.d.mts +1 -0
- package/dist/packages/affix/locales/en/messages.mjs +1 -0
- package/dist/packages/affix/locales/fi/messages.d.mts +1 -0
- package/dist/packages/affix/locales/fi/messages.mjs +1 -0
- package/dist/packages/affix/locales/nb/messages.d.mts +1 -0
- package/dist/packages/affix/locales/nb/messages.mjs +1 -0
- package/dist/packages/affix/locales/sv/messages.d.mts +1 -0
- package/dist/packages/affix/locales/sv/messages.mjs +1 -0
- package/dist/packages/badge/badge.d.ts +7 -5
- package/dist/packages/badge/badge.js.map +2 -2
- package/dist/packages/badge/badge.react.stories.d.ts +1 -1
- package/dist/packages/box/box.react.stories.d.ts +1 -1
- package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +1 -1
- package/dist/packages/button/button.react.stories.d.ts +1 -1
- package/dist/packages/card/card.react.stories.d.ts +1 -1
- package/dist/packages/combobox/combobox.react.stories.d.ts +1 -1
- package/dist/packages/datepicker/datepicker.js +1 -1
- package/dist/packages/datepicker/datepicker.js.map +2 -2
- package/dist/packages/datepicker/datepicker.react.stories.d.ts +9 -1
- package/dist/packages/datepicker/react.d.ts +4 -0
- package/dist/packages/datepicker/react.js +4 -0
- package/dist/packages/expandable/expandable.react.stories.d.ts +1 -1
- package/dist/packages/link/link.react.stories.d.ts +1 -1
- package/dist/packages/page-indicator/page-indicator.react.stories.d.ts +1 -1
- package/dist/packages/pagination/pagination.react.stories.d.ts +1 -1
- package/dist/packages/pill/pill.react.stories.d.ts +1 -1
- package/dist/packages/select/select.react.stories.d.ts +1 -1
- package/dist/packages/textarea/textarea.react.stories.d.ts +1 -1
- package/dist/packages/textfield/textfield.d.ts +57 -60
- package/dist/packages/textfield/textfield.js +5 -5
- package/dist/packages/textfield/textfield.js.map +2 -2
- package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
- package/dist/packages/textfield/textfield.stories.d.ts +3 -0
- package/dist/packages/textfield/textfield.stories.js +45 -0
- package/dist/web-types.json +452 -147
- package/package.json +2 -2
|
@@ -4,21 +4,21 @@
|
|
|
4
4
|
|
|
5
5
|
| Name | Type | Default | Summary |
|
|
6
6
|
|-|-|-|-|
|
|
7
|
-
|
|
|
8
|
-
|
|
|
7
|
+
| pageCount | `number` | `-` | Total number of pages (minimum 1) |
|
|
8
|
+
| selectedPage | `number` | `-` | Currently selected page (1-based index, clamped to valid range) |
|
|
9
9
|
|
|
10
10
|
### Property Details
|
|
11
11
|
|
|
12
|
-
####
|
|
13
|
-
|
|
12
|
+
#### pageCount
|
|
14
13
|
|
|
14
|
+
Total number of pages (minimum 1)
|
|
15
15
|
|
|
16
16
|
- Type: `number`
|
|
17
17
|
- Default: `-`
|
|
18
18
|
|
|
19
|
-
####
|
|
20
|
-
|
|
19
|
+
#### selectedPage
|
|
21
20
|
|
|
21
|
+
Currently selected page (1-based index, clamped to valid range)
|
|
22
22
|
|
|
23
23
|
- Type: `number`
|
|
24
24
|
- Default: `-`
|
|
@@ -17,21 +17,21 @@ One dot is highlighted to indicate the currently selected page.
|
|
|
17
17
|
|
|
18
18
|
| Name | Type | Default | Summary |
|
|
19
19
|
|-|-|-|-|
|
|
20
|
-
|
|
|
21
|
-
|
|
|
20
|
+
| pageCount | `number` | `-` | Total number of pages (minimum 1) |
|
|
21
|
+
| selectedPage | `number` | `-` | Currently selected page (1-based index, clamped to valid range) |
|
|
22
22
|
|
|
23
23
|
### Property Details
|
|
24
24
|
|
|
25
|
-
####
|
|
26
|
-
|
|
25
|
+
#### pageCount
|
|
27
26
|
|
|
27
|
+
Total number of pages (minimum 1)
|
|
28
28
|
|
|
29
29
|
- Type: `number`
|
|
30
30
|
- Default: `-`
|
|
31
31
|
|
|
32
|
-
####
|
|
33
|
-
|
|
32
|
+
#### selectedPage
|
|
34
33
|
|
|
34
|
+
Currently selected page (1-based index, clamped to valid range)
|
|
35
35
|
|
|
36
36
|
- Type: `number`
|
|
37
37
|
- Default: `-`
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
| Name | Type | Default | Summary |
|
|
6
6
|
|-|-|-|-|
|
|
7
7
|
| baseUrl | `string` | `-` | - |
|
|
8
|
-
| pages | `number` | `-` | - |
|
|
9
8
|
| currentPageNumber | `number` | `-` | - |
|
|
9
|
+
| pages | `number` | `-` | - |
|
|
10
10
|
| visiblePages | `number` | `-` | - |
|
|
11
11
|
|
|
12
12
|
### Property Details
|
|
@@ -18,14 +18,14 @@
|
|
|
18
18
|
- Type: `string`
|
|
19
19
|
- Default: `-`
|
|
20
20
|
|
|
21
|
-
####
|
|
21
|
+
#### currentPageNumber
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
- Type: `number`
|
|
26
26
|
- Default: `-`
|
|
27
27
|
|
|
28
|
-
####
|
|
28
|
+
#### pages
|
|
29
29
|
|
|
30
30
|
|
|
31
31
|
|
|
@@ -19,8 +19,8 @@ Pagination allows users to navigate through multiple pages of content by providi
|
|
|
19
19
|
| Name | Type | Default | Summary |
|
|
20
20
|
|-|-|-|-|
|
|
21
21
|
| baseUrl | `string` | `-` | - |
|
|
22
|
-
| pages | `number` | `-` | - |
|
|
23
22
|
| currentPageNumber | `number` | `-` | - |
|
|
23
|
+
| pages | `number` | `-` | - |
|
|
24
24
|
| visiblePages | `number` | `-` | - |
|
|
25
25
|
|
|
26
26
|
### Property Details
|
|
@@ -32,14 +32,14 @@ Pagination allows users to navigate through multiple pages of content by providi
|
|
|
32
32
|
- Type: `string`
|
|
33
33
|
- Default: `-`
|
|
34
34
|
|
|
35
|
-
####
|
|
35
|
+
#### currentPageNumber
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
- Type: `number`
|
|
40
40
|
- Default: `-`
|
|
41
41
|
|
|
42
|
-
####
|
|
42
|
+
#### pages
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
|
package/dist/docs/pill/api.md
CHANGED
|
@@ -5,13 +5,13 @@
|
|
|
5
5
|
| Name | Type | Default | Summary |
|
|
6
6
|
|-|-|-|-|
|
|
7
7
|
| canClose | `boolean` | `false` | - |
|
|
8
|
-
| suggestion | `boolean` | `false` | - |
|
|
9
|
-
| openSrLabel | `string` | `-` | - |
|
|
10
|
-
| openAriaLabel | `string` | `-` | - |
|
|
11
|
-
| closeSrLabel | `string` | `-` | - |
|
|
12
8
|
| closeAriaLabel | `string` | `-` | - |
|
|
9
|
+
| closeSrLabel | `string` | `-` | **Deprecated**: Used "close-arial-label" instead. |
|
|
10
|
+
| openAriaLabel | `string` | `-` | - |
|
|
13
11
|
| openFilterSrText | `unknown` | `-` | - |
|
|
12
|
+
| openSrLabel | `string` | `-` | **Deprecated**: Used "open-arial-label" instead. |
|
|
14
13
|
| removeFilterSrText | `unknown` | `-` | - |
|
|
14
|
+
| suggestion | `boolean` | `false` | - |
|
|
15
15
|
|
|
16
16
|
### Property Details
|
|
17
17
|
|
|
@@ -22,14 +22,16 @@
|
|
|
22
22
|
- Type: `boolean`
|
|
23
23
|
- Default: `false`
|
|
24
24
|
|
|
25
|
-
####
|
|
25
|
+
#### closeAriaLabel
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
|
-
- Type: `
|
|
30
|
-
- Default:
|
|
29
|
+
- Type: `string`
|
|
30
|
+
- Default: `-`
|
|
31
31
|
|
|
32
|
-
####
|
|
32
|
+
#### closeSrLabel
|
|
33
|
+
|
|
34
|
+
**Deprecated**: Used "close-arial-label" instead.
|
|
33
35
|
|
|
34
36
|
|
|
35
37
|
|
|
@@ -43,33 +45,35 @@
|
|
|
43
45
|
- Type: `string`
|
|
44
46
|
- Default: `-`
|
|
45
47
|
|
|
46
|
-
####
|
|
48
|
+
#### openFilterSrText
|
|
47
49
|
|
|
48
50
|
|
|
49
51
|
|
|
50
|
-
- Type: `
|
|
52
|
+
- Type: `unknown`
|
|
51
53
|
- Default: `-`
|
|
52
54
|
|
|
53
|
-
####
|
|
55
|
+
#### openSrLabel
|
|
56
|
+
|
|
57
|
+
**Deprecated**: Used "open-arial-label" instead.
|
|
54
58
|
|
|
55
59
|
|
|
56
60
|
|
|
57
61
|
- Type: `string`
|
|
58
62
|
- Default: `-`
|
|
59
63
|
|
|
60
|
-
####
|
|
64
|
+
#### removeFilterSrText
|
|
61
65
|
|
|
62
66
|
|
|
63
67
|
|
|
64
68
|
- Type: `unknown`
|
|
65
69
|
- Default: `-`
|
|
66
70
|
|
|
67
|
-
####
|
|
71
|
+
#### suggestion
|
|
68
72
|
|
|
69
73
|
|
|
70
74
|
|
|
71
|
-
- Type: `
|
|
72
|
-
- Default:
|
|
75
|
+
- Type: `boolean`
|
|
76
|
+
- Default: `false`
|
|
73
77
|
|
|
74
78
|
### Types
|
|
75
79
|
|
package/dist/docs/pill/pill.md
CHANGED
|
@@ -19,13 +19,13 @@ Pill is a type of button that is often used as a filter, but can also be used as
|
|
|
19
19
|
| Name | Type | Default | Summary |
|
|
20
20
|
|-|-|-|-|
|
|
21
21
|
| canClose | `boolean` | `false` | - |
|
|
22
|
-
| suggestion | `boolean` | `false` | - |
|
|
23
|
-
| openSrLabel | `string` | `-` | - |
|
|
24
|
-
| openAriaLabel | `string` | `-` | - |
|
|
25
|
-
| closeSrLabel | `string` | `-` | - |
|
|
26
22
|
| closeAriaLabel | `string` | `-` | - |
|
|
23
|
+
| closeSrLabel | `string` | `-` | **Deprecated**: Used "close-arial-label" instead. |
|
|
24
|
+
| openAriaLabel | `string` | `-` | - |
|
|
27
25
|
| openFilterSrText | `unknown` | `-` | - |
|
|
26
|
+
| openSrLabel | `string` | `-` | **Deprecated**: Used "open-arial-label" instead. |
|
|
28
27
|
| removeFilterSrText | `unknown` | `-` | - |
|
|
28
|
+
| suggestion | `boolean` | `false` | - |
|
|
29
29
|
|
|
30
30
|
### Property Details
|
|
31
31
|
|
|
@@ -36,14 +36,16 @@ Pill is a type of button that is often used as a filter, but can also be used as
|
|
|
36
36
|
- Type: `boolean`
|
|
37
37
|
- Default: `false`
|
|
38
38
|
|
|
39
|
-
####
|
|
39
|
+
#### closeAriaLabel
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
|
|
43
|
-
- Type: `
|
|
44
|
-
- Default:
|
|
43
|
+
- Type: `string`
|
|
44
|
+
- Default: `-`
|
|
45
45
|
|
|
46
|
-
####
|
|
46
|
+
#### closeSrLabel
|
|
47
|
+
|
|
48
|
+
**Deprecated**: Used "close-arial-label" instead.
|
|
47
49
|
|
|
48
50
|
|
|
49
51
|
|
|
@@ -57,33 +59,35 @@ Pill is a type of button that is often used as a filter, but can also be used as
|
|
|
57
59
|
- Type: `string`
|
|
58
60
|
- Default: `-`
|
|
59
61
|
|
|
60
|
-
####
|
|
62
|
+
#### openFilterSrText
|
|
61
63
|
|
|
62
64
|
|
|
63
65
|
|
|
64
|
-
- Type: `
|
|
66
|
+
- Type: `unknown`
|
|
65
67
|
- Default: `-`
|
|
66
68
|
|
|
67
|
-
####
|
|
69
|
+
#### openSrLabel
|
|
70
|
+
|
|
71
|
+
**Deprecated**: Used "open-arial-label" instead.
|
|
68
72
|
|
|
69
73
|
|
|
70
74
|
|
|
71
75
|
- Type: `string`
|
|
72
76
|
- Default: `-`
|
|
73
77
|
|
|
74
|
-
####
|
|
78
|
+
#### removeFilterSrText
|
|
75
79
|
|
|
76
80
|
|
|
77
81
|
|
|
78
82
|
- Type: `unknown`
|
|
79
83
|
- Default: `-`
|
|
80
84
|
|
|
81
|
-
####
|
|
85
|
+
#### suggestion
|
|
82
86
|
|
|
83
87
|
|
|
84
88
|
|
|
85
|
-
- Type: `
|
|
86
|
-
- Default:
|
|
89
|
+
- Type: `boolean`
|
|
90
|
+
- Default: `false`
|
|
87
91
|
|
|
88
92
|
### Types
|
|
89
93
|
|
package/dist/docs/select/api.md
CHANGED
|
@@ -4,66 +4,85 @@
|
|
|
4
4
|
|
|
5
5
|
| Name | Type | Default | Summary |
|
|
6
6
|
|-|-|-|-|
|
|
7
|
-
|
|
|
8
|
-
|
|
|
9
|
-
|
|
|
10
|
-
|
|
|
11
|
-
|
|
|
12
|
-
| hint | `string` | `-` | - |
|
|
13
|
-
|
|
|
14
|
-
|
|
|
15
|
-
| disabled | `boolean` | `false` | - |
|
|
16
|
-
| readOnly | `boolean` | `false` | - |
|
|
17
|
-
| readonly | `boolean` | `false` | - |
|
|
7
|
+
| always | `boolean` | `false` | Whether to always show a hint.. **Deprecated**: Use `help-text` instead and only set it if you want to display the help text. |
|
|
8
|
+
| autoFocus | `boolean` | `false` | Whether the element should receive focus on render.. **Deprecated**: Use the native `autofocus` attribute instead. |
|
|
9
|
+
| autofocus | `boolean` | `false` | Whether the element should receive focus on render |
|
|
10
|
+
| disabled | `boolean` | `false` | Renders the field in a disabled state. |
|
|
11
|
+
| helpText | `string` | `-` | The content displayed as the help text. Paired with `invalid` to show the text as a validation error. |
|
|
12
|
+
| hint | `string` | `-` | The content displayed as the help text.. **Deprecated**: Use `help-text` instead. |
|
|
13
|
+
| invalid | `boolean` | `false` | Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error. |
|
|
14
|
+
| label | `string` | `-` | The content to disply as the label |
|
|
18
15
|
| name | `string` | `-` | - |
|
|
16
|
+
| optional | `boolean` | `false` | Whether to show optional text |
|
|
17
|
+
| readOnly | `boolean` | `false` | Renders the field in a readonly state.. **Deprecated**: Use the native readonly attribute instead. |
|
|
18
|
+
| readonly | `boolean` | `false` | Renders the field in a readonly state. |
|
|
19
19
|
| value | `string` | `-` | - |
|
|
20
|
-
| _options | `unknown` | `-` | - |
|
|
21
20
|
|
|
22
21
|
### Property Details
|
|
23
22
|
|
|
23
|
+
#### always
|
|
24
|
+
|
|
25
|
+
**Deprecated**: Use `help-text` instead and only set it if you want to display the help text.
|
|
26
|
+
|
|
27
|
+
Whether to always show a hint.
|
|
28
|
+
|
|
29
|
+
- Type: `boolean`
|
|
30
|
+
- Default: `false`
|
|
31
|
+
|
|
24
32
|
#### autoFocus
|
|
25
33
|
|
|
34
|
+
**Deprecated**: Use the native `autofocus` attribute instead.
|
|
26
35
|
|
|
36
|
+
Whether the element should receive focus on render.
|
|
27
37
|
|
|
28
38
|
- Type: `boolean`
|
|
29
39
|
- Default: `false`
|
|
30
40
|
|
|
31
41
|
#### autofocus
|
|
32
42
|
|
|
43
|
+
Whether the element should receive focus on render
|
|
44
|
+
|
|
45
|
+
- Type: `boolean`
|
|
46
|
+
- Default: `false`
|
|
47
|
+
|
|
48
|
+
#### disabled
|
|
33
49
|
|
|
50
|
+
Renders the field in a disabled state.
|
|
34
51
|
|
|
35
52
|
- Type: `boolean`
|
|
36
53
|
- Default: `false`
|
|
37
54
|
|
|
38
55
|
#### helpText
|
|
39
56
|
|
|
40
|
-
|
|
57
|
+
The content displayed as the help text. Paired with `invalid` to show the text as a validation error.
|
|
41
58
|
|
|
42
59
|
- Type: `string`
|
|
43
60
|
- Default: `-`
|
|
44
61
|
|
|
45
|
-
####
|
|
46
|
-
|
|
62
|
+
#### hint
|
|
47
63
|
|
|
64
|
+
**Deprecated**: Use `help-text` instead.
|
|
48
65
|
|
|
49
|
-
|
|
50
|
-
- Default: `false`
|
|
66
|
+
The content displayed as the help text.
|
|
51
67
|
|
|
52
|
-
|
|
68
|
+
- Type: `string`
|
|
69
|
+
- Default: `-`
|
|
53
70
|
|
|
71
|
+
#### invalid
|
|
54
72
|
|
|
73
|
+
Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error.
|
|
55
74
|
|
|
56
75
|
- Type: `boolean`
|
|
57
76
|
- Default: `false`
|
|
58
77
|
|
|
59
|
-
####
|
|
60
|
-
|
|
78
|
+
#### label
|
|
61
79
|
|
|
80
|
+
The content to disply as the label
|
|
62
81
|
|
|
63
82
|
- Type: `string`
|
|
64
83
|
- Default: `-`
|
|
65
84
|
|
|
66
|
-
####
|
|
85
|
+
#### name
|
|
67
86
|
|
|
68
87
|
|
|
69
88
|
|
|
@@ -72,39 +91,27 @@
|
|
|
72
91
|
|
|
73
92
|
#### optional
|
|
74
93
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
- Type: `boolean`
|
|
78
|
-
- Default: `false`
|
|
79
|
-
|
|
80
|
-
#### disabled
|
|
81
|
-
|
|
82
|
-
|
|
94
|
+
Whether to show optional text
|
|
83
95
|
|
|
84
96
|
- Type: `boolean`
|
|
85
97
|
- Default: `false`
|
|
86
98
|
|
|
87
99
|
#### readOnly
|
|
88
100
|
|
|
101
|
+
**Deprecated**: Use the native readonly attribute instead.
|
|
89
102
|
|
|
103
|
+
Renders the field in a readonly state.
|
|
90
104
|
|
|
91
105
|
- Type: `boolean`
|
|
92
106
|
- Default: `false`
|
|
93
107
|
|
|
94
108
|
#### readonly
|
|
95
109
|
|
|
96
|
-
|
|
110
|
+
Renders the field in a readonly state.
|
|
97
111
|
|
|
98
112
|
- Type: `boolean`
|
|
99
113
|
- Default: `false`
|
|
100
114
|
|
|
101
|
-
#### name
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
- Type: `string`
|
|
106
|
-
- Default: `-`
|
|
107
|
-
|
|
108
115
|
#### value
|
|
109
116
|
|
|
110
117
|
|
|
@@ -112,13 +119,6 @@
|
|
|
112
119
|
- Type: `string`
|
|
113
120
|
- Default: `-`
|
|
114
121
|
|
|
115
|
-
#### _options
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
- Type: `unknown`
|
|
120
|
-
- Default: `-`
|
|
121
|
-
|
|
122
122
|
### Types
|
|
123
123
|
|
|
124
124
|
No types documented.
|
|
@@ -18,66 +18,85 @@ A dropdown component for selecting a single value.
|
|
|
18
18
|
|
|
19
19
|
| Name | Type | Default | Summary |
|
|
20
20
|
|-|-|-|-|
|
|
21
|
-
|
|
|
22
|
-
|
|
|
23
|
-
|
|
|
24
|
-
|
|
|
25
|
-
|
|
|
26
|
-
| hint | `string` | `-` | - |
|
|
27
|
-
|
|
|
28
|
-
|
|
|
29
|
-
| disabled | `boolean` | `false` | - |
|
|
30
|
-
| readOnly | `boolean` | `false` | - |
|
|
31
|
-
| readonly | `boolean` | `false` | - |
|
|
21
|
+
| always | `boolean` | `false` | Whether to always show a hint.. **Deprecated**: Use `help-text` instead and only set it if you want to display the help text. |
|
|
22
|
+
| autoFocus | `boolean` | `false` | Whether the element should receive focus on render.. **Deprecated**: Use the native `autofocus` attribute instead. |
|
|
23
|
+
| autofocus | `boolean` | `false` | Whether the element should receive focus on render |
|
|
24
|
+
| disabled | `boolean` | `false` | Renders the field in a disabled state. |
|
|
25
|
+
| helpText | `string` | `-` | The content displayed as the help text. Paired with `invalid` to show the text as a validation error. |
|
|
26
|
+
| hint | `string` | `-` | The content displayed as the help text.. **Deprecated**: Use `help-text` instead. |
|
|
27
|
+
| invalid | `boolean` | `false` | Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error. |
|
|
28
|
+
| label | `string` | `-` | The content to disply as the label |
|
|
32
29
|
| name | `string` | `-` | - |
|
|
30
|
+
| optional | `boolean` | `false` | Whether to show optional text |
|
|
31
|
+
| readOnly | `boolean` | `false` | Renders the field in a readonly state.. **Deprecated**: Use the native readonly attribute instead. |
|
|
32
|
+
| readonly | `boolean` | `false` | Renders the field in a readonly state. |
|
|
33
33
|
| value | `string` | `-` | - |
|
|
34
|
-
| _options | `unknown` | `-` | - |
|
|
35
34
|
|
|
36
35
|
### Property Details
|
|
37
36
|
|
|
37
|
+
#### always
|
|
38
|
+
|
|
39
|
+
**Deprecated**: Use `help-text` instead and only set it if you want to display the help text.
|
|
40
|
+
|
|
41
|
+
Whether to always show a hint.
|
|
42
|
+
|
|
43
|
+
- Type: `boolean`
|
|
44
|
+
- Default: `false`
|
|
45
|
+
|
|
38
46
|
#### autoFocus
|
|
39
47
|
|
|
48
|
+
**Deprecated**: Use the native `autofocus` attribute instead.
|
|
40
49
|
|
|
50
|
+
Whether the element should receive focus on render.
|
|
41
51
|
|
|
42
52
|
- Type: `boolean`
|
|
43
53
|
- Default: `false`
|
|
44
54
|
|
|
45
55
|
#### autofocus
|
|
46
56
|
|
|
57
|
+
Whether the element should receive focus on render
|
|
58
|
+
|
|
59
|
+
- Type: `boolean`
|
|
60
|
+
- Default: `false`
|
|
61
|
+
|
|
62
|
+
#### disabled
|
|
47
63
|
|
|
64
|
+
Renders the field in a disabled state.
|
|
48
65
|
|
|
49
66
|
- Type: `boolean`
|
|
50
67
|
- Default: `false`
|
|
51
68
|
|
|
52
69
|
#### helpText
|
|
53
70
|
|
|
54
|
-
|
|
71
|
+
The content displayed as the help text. Paired with `invalid` to show the text as a validation error.
|
|
55
72
|
|
|
56
73
|
- Type: `string`
|
|
57
74
|
- Default: `-`
|
|
58
75
|
|
|
59
|
-
####
|
|
60
|
-
|
|
76
|
+
#### hint
|
|
61
77
|
|
|
78
|
+
**Deprecated**: Use `help-text` instead.
|
|
62
79
|
|
|
63
|
-
|
|
64
|
-
- Default: `false`
|
|
80
|
+
The content displayed as the help text.
|
|
65
81
|
|
|
66
|
-
|
|
82
|
+
- Type: `string`
|
|
83
|
+
- Default: `-`
|
|
67
84
|
|
|
85
|
+
#### invalid
|
|
68
86
|
|
|
87
|
+
Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error.
|
|
69
88
|
|
|
70
89
|
- Type: `boolean`
|
|
71
90
|
- Default: `false`
|
|
72
91
|
|
|
73
|
-
####
|
|
74
|
-
|
|
92
|
+
#### label
|
|
75
93
|
|
|
94
|
+
The content to disply as the label
|
|
76
95
|
|
|
77
96
|
- Type: `string`
|
|
78
97
|
- Default: `-`
|
|
79
98
|
|
|
80
|
-
####
|
|
99
|
+
#### name
|
|
81
100
|
|
|
82
101
|
|
|
83
102
|
|
|
@@ -86,39 +105,27 @@ A dropdown component for selecting a single value.
|
|
|
86
105
|
|
|
87
106
|
#### optional
|
|
88
107
|
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
- Type: `boolean`
|
|
92
|
-
- Default: `false`
|
|
93
|
-
|
|
94
|
-
#### disabled
|
|
95
|
-
|
|
96
|
-
|
|
108
|
+
Whether to show optional text
|
|
97
109
|
|
|
98
110
|
- Type: `boolean`
|
|
99
111
|
- Default: `false`
|
|
100
112
|
|
|
101
113
|
#### readOnly
|
|
102
114
|
|
|
115
|
+
**Deprecated**: Use the native readonly attribute instead.
|
|
103
116
|
|
|
117
|
+
Renders the field in a readonly state.
|
|
104
118
|
|
|
105
119
|
- Type: `boolean`
|
|
106
120
|
- Default: `false`
|
|
107
121
|
|
|
108
122
|
#### readonly
|
|
109
123
|
|
|
110
|
-
|
|
124
|
+
Renders the field in a readonly state.
|
|
111
125
|
|
|
112
126
|
- Type: `boolean`
|
|
113
127
|
- Default: `false`
|
|
114
128
|
|
|
115
|
-
#### name
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
- Type: `string`
|
|
120
|
-
- Default: `-`
|
|
121
|
-
|
|
122
129
|
#### value
|
|
123
130
|
|
|
124
131
|
|
|
@@ -126,13 +133,6 @@ A dropdown component for selecting a single value.
|
|
|
126
133
|
- Type: `string`
|
|
127
134
|
- Default: `-`
|
|
128
135
|
|
|
129
|
-
#### _options
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
- Type: `unknown`
|
|
134
|
-
- Default: `-`
|
|
135
|
-
|
|
136
136
|
### Types
|
|
137
137
|
|
|
138
138
|
No types documented.
|