@cloudscape-design/components-themeable 3.0.1164 → 3.0.1166

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.
Files changed (157) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss +1 -1
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +132 -127
  4. package/lib/internal/scss/table/resizer/styles.scss +7 -6
  5. package/lib/internal/scss/tabs/tab-header-bar.scss +53 -21
  6. package/lib/internal/template/alert/styles.css.js +27 -27
  7. package/lib/internal/template/alert/styles.scoped.css +50 -50
  8. package/lib/internal/template/alert/styles.selectors.js +27 -27
  9. package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
  10. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +21 -21
  11. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
  12. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  13. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  14. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  15. package/lib/internal/template/app-layout/runtime-drawer/index.d.ts.map +1 -1
  16. package/lib/internal/template/app-layout/runtime-drawer/index.js +20 -18
  17. package/lib/internal/template/app-layout/runtime-drawer/index.js.map +1 -1
  18. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  19. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  20. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +89 -89
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  26. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  27. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
  28. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
  29. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
  30. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  31. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  32. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  33. package/lib/internal/template/autosuggest/interfaces.d.ts +1 -1
  34. package/lib/internal/template/autosuggest/interfaces.js.map +1 -1
  35. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  36. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  37. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  38. package/lib/internal/template/button/styles.css.js +22 -22
  39. package/lib/internal/template/button/styles.scoped.css +256 -256
  40. package/lib/internal/template/button/styles.selectors.js +22 -22
  41. package/lib/internal/template/button-dropdown/item-element/styles.css.js +20 -20
  42. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +34 -34
  43. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +20 -20
  44. package/lib/internal/template/button-group/interfaces.d.ts +9 -0
  45. package/lib/internal/template/button-group/interfaces.d.ts.map +1 -1
  46. package/lib/internal/template/button-group/interfaces.js.map +1 -1
  47. package/lib/internal/template/checkbox/styles.css.js +3 -3
  48. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  49. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  50. package/lib/internal/template/content-layout/styles.css.js +14 -14
  51. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  52. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  53. package/lib/internal/template/flashbar/styles.css.js +50 -50
  54. package/lib/internal/template/flashbar/styles.scoped.css +187 -187
  55. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  56. package/lib/internal/template/help-panel/styles.css.js +6 -6
  57. package/lib/internal/template/help-panel/styles.scoped.css +73 -73
  58. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  59. package/lib/internal/template/input/styles.css.js +13 -13
  60. package/lib/internal/template/input/styles.scoped.css +74 -74
  61. package/lib/internal/template/input/styles.selectors.js +13 -13
  62. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  63. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +21 -21
  64. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +49 -49
  65. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +21 -21
  66. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  67. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +38 -38
  68. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  69. package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
  70. package/lib/internal/template/internal/components/radio-button/styles.scoped.css +18 -18
  71. package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
  72. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  73. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  74. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  75. package/lib/internal/template/internal/environment.js +3 -3
  76. package/lib/internal/template/internal/environment.json +2 -2
  77. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +5 -0
  78. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  79. package/lib/internal/template/internal/generated/custom-css-properties/index.js +131 -126
  80. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  81. package/lib/internal/template/internal/plugins/controllers/drawers.d.ts +2 -2
  82. package/lib/internal/template/internal/plugins/controllers/drawers.d.ts.map +1 -1
  83. package/lib/internal/template/internal/plugins/controllers/drawers.js.map +1 -1
  84. package/lib/internal/template/internal/plugins/widget/interfaces.d.ts +2 -2
  85. package/lib/internal/template/internal/plugins/widget/interfaces.d.ts.map +1 -1
  86. package/lib/internal/template/internal/plugins/widget/interfaces.js.map +1 -1
  87. package/lib/internal/template/internal/types.d.ts +18 -0
  88. package/lib/internal/template/internal/types.d.ts.map +1 -1
  89. package/lib/internal/template/internal/types.js.map +1 -1
  90. package/lib/internal/template/link/styles.css.js +20 -20
  91. package/lib/internal/template/link/styles.scoped.css +103 -103
  92. package/lib/internal/template/link/styles.selectors.js +20 -20
  93. package/lib/internal/template/progress-bar/styles.css.js +19 -19
  94. package/lib/internal/template/progress-bar/styles.scoped.css +56 -56
  95. package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
  96. package/lib/internal/template/prompt-input/styles.css.js +17 -17
  97. package/lib/internal/template/prompt-input/styles.scoped.css +79 -79
  98. package/lib/internal/template/prompt-input/styles.selectors.js +17 -17
  99. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  100. package/lib/internal/template/segmented-control/styles.scoped.css +46 -46
  101. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  102. package/lib/internal/template/select/interfaces.d.ts +1 -1
  103. package/lib/internal/template/select/interfaces.js.map +1 -1
  104. package/lib/internal/template/slider/styles.css.js +26 -26
  105. package/lib/internal/template/slider/styles.scoped.css +86 -86
  106. package/lib/internal/template/slider/styles.selectors.js +26 -26
  107. package/lib/internal/template/spinner/styles.css.js +13 -13
  108. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  109. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  110. package/lib/internal/template/table/header-cell/index.d.ts +1 -1
  111. package/lib/internal/template/table/header-cell/index.d.ts.map +1 -1
  112. package/lib/internal/template/table/header-cell/index.js +1 -1
  113. package/lib/internal/template/table/header-cell/index.js.map +1 -1
  114. package/lib/internal/template/table/header-cell/th-element.d.ts +1 -1
  115. package/lib/internal/template/table/header-cell/th-element.d.ts.map +1 -1
  116. package/lib/internal/template/table/header-cell/th-element.js.map +1 -1
  117. package/lib/internal/template/table/resizer/index.d.ts +2 -1
  118. package/lib/internal/template/table/resizer/index.d.ts.map +1 -1
  119. package/lib/internal/template/table/resizer/index.js +8 -5
  120. package/lib/internal/template/table/resizer/index.js.map +1 -1
  121. package/lib/internal/template/table/resizer/styles.css.js +13 -12
  122. package/lib/internal/template/table/resizer/styles.scoped.css +22 -22
  123. package/lib/internal/template/table/resizer/styles.selectors.js +13 -12
  124. package/lib/internal/template/table/thead.d.ts +1 -1
  125. package/lib/internal/template/table/thead.d.ts.map +1 -1
  126. package/lib/internal/template/table/thead.js.map +1 -1
  127. package/lib/internal/template/tabs/index.d.ts +1 -1
  128. package/lib/internal/template/tabs/index.d.ts.map +1 -1
  129. package/lib/internal/template/tabs/index.js +3 -3
  130. package/lib/internal/template/tabs/index.js.map +1 -1
  131. package/lib/internal/template/tabs/interfaces.d.ts +45 -0
  132. package/lib/internal/template/tabs/interfaces.d.ts.map +1 -1
  133. package/lib/internal/template/tabs/interfaces.js.map +1 -1
  134. package/lib/internal/template/tabs/styles.css.js +30 -30
  135. package/lib/internal/template/tabs/styles.d.ts +33 -0
  136. package/lib/internal/template/tabs/styles.d.ts.map +1 -0
  137. package/lib/internal/template/tabs/styles.js +47 -0
  138. package/lib/internal/template/tabs/styles.js.map +1 -0
  139. package/lib/internal/template/tabs/styles.scoped.css +77 -73
  140. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  141. package/lib/internal/template/tabs/tab-header-bar.d.ts +2 -1
  142. package/lib/internal/template/tabs/tab-header-bar.d.ts.map +1 -1
  143. package/lib/internal/template/tabs/tab-header-bar.js +6 -4
  144. package/lib/internal/template/tabs/tab-header-bar.js.map +1 -1
  145. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  146. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  147. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  148. package/lib/internal/template/text-content/styles.css.js +1 -1
  149. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  150. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  151. package/lib/internal/template/textarea/styles.css.js +5 -5
  152. package/lib/internal/template/textarea/styles.scoped.css +45 -45
  153. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  154. package/lib/internal/template/toggle/styles.css.js +10 -10
  155. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  156. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  157. package/package.json +1 -1
@@ -2,22 +2,22 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_55fkh_1mfne_146",
6
- "textarea-readonly": "awsui_textarea-readonly_55fkh_1mfne_191",
7
- "disabled": "awsui_disabled_55fkh_1mfne_197",
8
- "textarea-invalid": "awsui_textarea-invalid_55fkh_1mfne_205",
9
- "textarea-warning": "awsui_textarea-warning_55fkh_1mfne_230",
10
- "textarea": "awsui_textarea_55fkh_1mfne_191",
11
- "invalid": "awsui_invalid_55fkh_1mfne_333",
12
- "warning": "awsui_warning_55fkh_1mfne_333",
13
- "textarea-wrapper": "awsui_textarea-wrapper_55fkh_1mfne_347",
14
- "primary-action": "awsui_primary-action_55fkh_1mfne_351",
15
- "action-button": "awsui_action-button_55fkh_1mfne_359",
16
- "secondary-content": "awsui_secondary-content_55fkh_1mfne_364",
17
- "with-paddings": "awsui_with-paddings_55fkh_1mfne_399",
18
- "action-stripe": "awsui_action-stripe_55fkh_1mfne_409",
19
- "secondary-actions": "awsui_secondary-actions_55fkh_1mfne_448",
20
- "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_1mfne_465",
21
- "buffer": "awsui_buffer_55fkh_1mfne_469"
5
+ "root": "awsui_root_55fkh_15jxh_146",
6
+ "textarea-readonly": "awsui_textarea-readonly_55fkh_15jxh_191",
7
+ "disabled": "awsui_disabled_55fkh_15jxh_197",
8
+ "textarea-invalid": "awsui_textarea-invalid_55fkh_15jxh_205",
9
+ "textarea-warning": "awsui_textarea-warning_55fkh_15jxh_230",
10
+ "textarea": "awsui_textarea_55fkh_15jxh_191",
11
+ "invalid": "awsui_invalid_55fkh_15jxh_333",
12
+ "warning": "awsui_warning_55fkh_15jxh_333",
13
+ "textarea-wrapper": "awsui_textarea-wrapper_55fkh_15jxh_347",
14
+ "primary-action": "awsui_primary-action_55fkh_15jxh_351",
15
+ "action-button": "awsui_action-button_55fkh_15jxh_359",
16
+ "secondary-content": "awsui_secondary-content_55fkh_15jxh_364",
17
+ "with-paddings": "awsui_with-paddings_55fkh_15jxh_399",
18
+ "action-stripe": "awsui_action-stripe_55fkh_15jxh_409",
19
+ "secondary-actions": "awsui_secondary-actions_55fkh_15jxh_448",
20
+ "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_15jxh_465",
21
+ "buffer": "awsui_buffer_55fkh_15jxh_469"
22
22
  };
23
23
 
@@ -1,21 +1,21 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "segment": "awsui_segment_8cbea_1a0az_161",
5
- "refresh": "awsui_refresh_8cbea_1a0az_188",
6
- "disabled": "awsui_disabled_8cbea_1a0az_194",
7
- "selected": "awsui_selected_8cbea_1a0az_251",
8
- "icon": "awsui_icon_8cbea_1a0az_261",
9
- "with-text": "awsui_with-text_8cbea_1a0az_265",
10
- "with-no-text": "awsui_with-no-text_8cbea_1a0az_271",
11
- "root": "awsui_root_8cbea_1a0az_276",
12
- "segment-part": "awsui_segment-part_8cbea_1a0az_308",
13
- "select": "awsui_select_8cbea_1a0az_251",
14
- "segment-count-2": "awsui_segment-count-2_8cbea_1a0az_343",
15
- "segment-count-3": "awsui_segment-count-3_8cbea_1a0az_347",
16
- "segment-count-4": "awsui_segment-count-4_8cbea_1a0az_351",
17
- "segment-count-5": "awsui_segment-count-5_8cbea_1a0az_355",
18
- "segment-count-6": "awsui_segment-count-6_8cbea_1a0az_359",
19
- "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1a0az_363"
4
+ "segment": "awsui_segment_8cbea_1f63t_161",
5
+ "refresh": "awsui_refresh_8cbea_1f63t_188",
6
+ "disabled": "awsui_disabled_8cbea_1f63t_194",
7
+ "selected": "awsui_selected_8cbea_1f63t_251",
8
+ "icon": "awsui_icon_8cbea_1f63t_261",
9
+ "with-text": "awsui_with-text_8cbea_1f63t_265",
10
+ "with-no-text": "awsui_with-no-text_8cbea_1f63t_271",
11
+ "root": "awsui_root_8cbea_1f63t_276",
12
+ "segment-part": "awsui_segment-part_8cbea_1f63t_308",
13
+ "select": "awsui_select_8cbea_1f63t_251",
14
+ "segment-count-2": "awsui_segment-count-2_8cbea_1f63t_343",
15
+ "segment-count-3": "awsui_segment-count-3_8cbea_1f63t_347",
16
+ "segment-count-4": "awsui_segment-count-4_8cbea_1f63t_351",
17
+ "segment-count-5": "awsui_segment-count-5_8cbea_1f63t_355",
18
+ "segment-count-6": "awsui_segment-count-6_8cbea_1f63t_359",
19
+ "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1f63t_363"
20
20
  };
21
21
 
@@ -158,7 +158,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
159
159
  SPDX-License-Identifier: Apache-2.0
160
160
  */
161
- .awsui_segment_8cbea_1a0az_161:not(#\9) {
161
+ .awsui_segment_8cbea_1f63t_161:not(#\9) {
162
162
  font-size: var(--font-size-body-m-vv54cm, 14px);
163
163
  line-height: var(--line-height-body-m-bedeoh, 22px);
164
164
  word-wrap: break-word;
@@ -170,8 +170,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
170
170
  letter-spacing: 0.25px;
171
171
  padding-block: var(--space-scaled-xxs-jatbiv, 4px);
172
172
  padding-inline: calc(var(--space-button-horizontal-v8ywmo, 20px) - var(--space-static-xxs-0cgyf1, 4px));
173
- background: var(--awsui-style-background-default-d43v8n, var(--color-background-segment-default-zwi7m6, #ffffff));
174
- color: var(--awsui-style-color-default-d43v8n, var(--color-text-segment-default-a74tco, #545b64));
173
+ background: var(--awsui-style-background-default-rhu47t, var(--color-background-segment-default-zwi7m6, #ffffff));
174
+ color: var(--awsui-style-color-default-rhu47t, var(--color-text-segment-default-a74tco, #545b64));
175
175
  overflow: visible;
176
176
  border-start-start-radius: var(--border-radius-button-vm1lh4, 2px);
177
177
  border-start-end-radius: var(--border-radius-button-vm1lh4, 2px);
@@ -183,26 +183,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
183
183
  align-items: center;
184
184
  border-inline: none;
185
185
  border-block: none;
186
- --awsui-style-focus-ring-box-shadow-d43v8n: 0 0 0 var(--awsui-style-focus-ring-border-width-d43v8n, 2px) var(--awsui-style-focus-ring-border-color-d43v8n, var(--color-border-item-focused-r5f6xl, #0073bb));
186
+ --awsui-style-focus-ring-box-shadow-rhu47t: 0 0 0 var(--awsui-style-focus-ring-border-width-rhu47t, 2px) var(--awsui-style-focus-ring-border-color-rhu47t, var(--color-border-item-focused-r5f6xl, #0073bb));
187
187
  }
188
- .awsui_segment_8cbea_1a0az_161:not(#\9):not(.awsui_refresh_8cbea_1a0az_188) {
188
+ .awsui_segment_8cbea_1f63t_161:not(#\9):not(.awsui_refresh_8cbea_1f63t_188) {
189
189
  block-size: calc(100% - var(--space-static-xxs-0cgyf1, 4px) - 2 * var(--border-width-field-9k1tdz, 1px));
190
190
  }
191
- .awsui_segment_8cbea_1a0az_161:not(#\9):focus {
191
+ .awsui_segment_8cbea_1f63t_161:not(#\9):focus {
192
192
  outline: none;
193
193
  }
194
- .awsui_segment_8cbea_1a0az_161.awsui_disabled_8cbea_1a0az_194:not(#\9) {
195
- background: var(--awsui-style-background-disabled-d43v8n, var(--color-background-segment-disabled-etp65k, #ffffff));
196
- color: var(--awsui-style-color-disabled-d43v8n, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
194
+ .awsui_segment_8cbea_1f63t_161.awsui_disabled_8cbea_1f63t_194:not(#\9) {
195
+ background: var(--awsui-style-background-disabled-rhu47t, var(--color-background-segment-disabled-etp65k, #ffffff));
196
+ color: var(--awsui-style-color-disabled-rhu47t, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
197
197
  }
198
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1a0az_161:not(#\9):focus {
198
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1f63t_161:not(#\9):focus {
199
199
  position: relative;
200
200
  }
201
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1a0az_161:not(#\9):focus {
201
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1f63t_161:not(#\9):focus {
202
202
  outline: 2px dotted transparent;
203
203
  outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px) - 1px);
204
204
  }
205
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1a0az_161:not(#\9):focus::before {
205
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1f63t_161:not(#\9):focus::before {
206
206
  content: " ";
207
207
  display: block;
208
208
  position: absolute;
@@ -210,14 +210,14 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1a0az_161:not(#\9):focu
210
210
  inset-block-start: calc(-1 * var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px));
211
211
  inline-size: calc(100% + var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px) + var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px));
212
212
  block-size: calc(100% + var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px) + var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px));
213
- border-start-start-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
214
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
215
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
216
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
217
- box-shadow: var(--awsui-style-focus-ring-box-shadow-d43v8n);
213
+ border-start-start-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
214
+ border-start-end-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
215
+ border-end-start-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
216
+ border-end-end-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
217
+ box-shadow: var(--awsui-style-focus-ring-box-shadow-rhu47t);
218
218
  z-index: 1;
219
219
  }
220
- .awsui_segment_8cbea_1a0az_161:not(#\9):not(:last-child)::after {
220
+ .awsui_segment_8cbea_1f63t_161:not(#\9):not(:last-child)::after {
221
221
  content: "";
222
222
  position: absolute;
223
223
  inset-inline-end: calc(-1 * (var(--space-static-xxs-0cgyf1, 4px) + 1px));
@@ -227,53 +227,53 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1a0az_161:not(#\9):focu
227
227
  background: var(--color-border-input-default-txli8y, #687078);
228
228
  z-index: 1;
229
229
  }
230
- .awsui_segment_8cbea_1a0az_161:not(#\9):not(.awsui_refresh_8cbea_1a0az_188):not(:last-child)::after {
230
+ .awsui_segment_8cbea_1f63t_161:not(#\9):not(.awsui_refresh_8cbea_1f63t_188):not(:last-child)::after {
231
231
  inset-inline-end: calc(-1 * var(--space-static-xxs-0cgyf1, 4px));
232
232
  }
233
- .awsui_segment_8cbea_1a0az_161:not(#\9):nth-child(1) {
233
+ .awsui_segment_8cbea_1f63t_161:not(#\9):nth-child(1) {
234
234
  grid-column: 1;
235
235
  }
236
- .awsui_segment_8cbea_1a0az_161:not(#\9):nth-child(2) {
236
+ .awsui_segment_8cbea_1f63t_161:not(#\9):nth-child(2) {
237
237
  grid-column: 2;
238
238
  }
239
- .awsui_segment_8cbea_1a0az_161:not(#\9):nth-child(3) {
239
+ .awsui_segment_8cbea_1f63t_161:not(#\9):nth-child(3) {
240
240
  grid-column: 3;
241
241
  }
242
- .awsui_segment_8cbea_1a0az_161:not(#\9):nth-child(4) {
242
+ .awsui_segment_8cbea_1f63t_161:not(#\9):nth-child(4) {
243
243
  grid-column: 4;
244
244
  }
245
- .awsui_segment_8cbea_1a0az_161:not(#\9):nth-child(5) {
245
+ .awsui_segment_8cbea_1f63t_161:not(#\9):nth-child(5) {
246
246
  grid-column: 5;
247
247
  }
248
- .awsui_segment_8cbea_1a0az_161:not(#\9):nth-child(6) {
248
+ .awsui_segment_8cbea_1f63t_161:not(#\9):nth-child(6) {
249
249
  grid-column: 6;
250
250
  }
251
- .awsui_segment_8cbea_1a0az_161.awsui_selected_8cbea_1a0az_251:not(#\9) {
252
- background: var(--awsui-style-background-active-d43v8n, var(--color-background-segment-active-pvua4h, #0073bb));
253
- color: var(--awsui-style-color-active-d43v8n, var(--color-text-segment-active-q50mlg, #ffffff));
251
+ .awsui_segment_8cbea_1f63t_161.awsui_selected_8cbea_1f63t_251:not(#\9) {
252
+ background: var(--awsui-style-background-active-rhu47t, var(--color-background-segment-active-pvua4h, #0073bb));
253
+ color: var(--awsui-style-color-active-rhu47t, var(--color-text-segment-active-q50mlg, #ffffff));
254
254
  }
255
- .awsui_segment_8cbea_1a0az_161:not(#\9):hover:not(.awsui_selected_8cbea_1a0az_251):not(.awsui_disabled_8cbea_1a0az_194):not(:focus) {
256
- background: var(--awsui-style-background-hover-d43v8n, var(--color-background-segment-hover-bakufl, #fafafa));
257
- color: var(--awsui-style-color-hover-d43v8n, var(--color-text-segment-hover-33xnva, #16191f));
255
+ .awsui_segment_8cbea_1f63t_161:not(#\9):hover:not(.awsui_selected_8cbea_1f63t_251):not(.awsui_disabled_8cbea_1f63t_194):not(:focus) {
256
+ background: var(--awsui-style-background-hover-rhu47t, var(--color-background-segment-hover-bakufl, #fafafa));
257
+ color: var(--awsui-style-color-hover-rhu47t, var(--color-text-segment-hover-33xnva, #16191f));
258
258
  cursor: pointer;
259
259
  }
260
260
 
261
- .awsui_icon_8cbea_1a0az_261:not(#\9) {
261
+ .awsui_icon_8cbea_1f63t_261:not(#\9) {
262
262
  /* used in test-utils */
263
263
  }
264
264
 
265
- .awsui_with-text_8cbea_1a0az_265:not(#\9) {
265
+ .awsui_with-text_8cbea_1f63t_265:not(#\9) {
266
266
  position: relative;
267
267
  inset-inline-start: calc(-1 * var(--space-xxs-jnczic, 4px));
268
268
  margin-inline-end: var(--space-xxs-jnczic, 4px);
269
269
  }
270
270
 
271
- .awsui_with-no-text_8cbea_1a0az_271:not(#\9) {
271
+ .awsui_with-no-text_8cbea_1f63t_271:not(#\9) {
272
272
  margin-inline: auto;
273
273
  inset-inline: 0;
274
274
  }
275
275
 
276
- .awsui_root_8cbea_1a0az_276:not(#\9) {
276
+ .awsui_root_8cbea_1f63t_276:not(#\9) {
277
277
  border-collapse: separate;
278
278
  border-spacing: 0;
279
279
  box-sizing: border-box;
@@ -305,7 +305,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1a0az_161:not(#\9):focu
305
305
  -moz-osx-font-smoothing: auto;
306
306
  }
307
307
 
308
- .awsui_segment-part_8cbea_1a0az_308:not(#\9) {
308
+ .awsui_segment-part_8cbea_1f63t_308:not(#\9) {
309
309
  display: inline-grid;
310
310
  border-inline: solid var(--border-width-field-9k1tdz, 1px) var(--color-border-input-default-txli8y, #687078);
311
311
  border-block: solid var(--border-width-field-9k1tdz, 1px) var(--color-border-input-default-txli8y, #687078);
@@ -320,46 +320,46 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1a0az_161:not(#\9):focu
320
320
  padding-inline: calc(var(--space-static-xxs-0cgyf1, 4px) - var(--border-width-field-9k1tdz, 1px));
321
321
  gap: calc(var(--space-static-xxs-0cgyf1, 4px) * 2 + 1px);
322
322
  }
323
- .awsui_segment-part_8cbea_1a0az_308:not(#\9):not(.awsui_refresh_8cbea_1a0az_188) {
323
+ .awsui_segment-part_8cbea_1f63t_308:not(#\9):not(.awsui_refresh_8cbea_1f63t_188) {
324
324
  padding-inline: calc(var(--space-static-xxxs-zckw10, 2px) + var(--border-width-field-9k1tdz, 1px));
325
325
  padding-block: 0;
326
326
  gap: calc(var(--space-static-xxs-0cgyf1, 4px) * 2 - 1px);
327
327
  }
328
328
  @media (max-width: 688px) {
329
- .awsui_segment-part_8cbea_1a0az_308:not(#\9) {
329
+ .awsui_segment-part_8cbea_1f63t_308:not(#\9) {
330
330
  display: none;
331
331
  }
332
332
  }
333
333
 
334
- .awsui_select_8cbea_1a0az_251:not(#\9) {
334
+ .awsui_select_8cbea_1f63t_251:not(#\9) {
335
335
  display: none;
336
336
  }
337
337
  @media (max-width: 688px) {
338
- .awsui_select_8cbea_1a0az_251:not(#\9) {
338
+ .awsui_select_8cbea_1f63t_251:not(#\9) {
339
339
  display: block;
340
340
  }
341
341
  }
342
342
 
343
- .awsui_segment-count-2_8cbea_1a0az_343:not(#\9) {
343
+ .awsui_segment-count-2_8cbea_1f63t_343:not(#\9) {
344
344
  grid-template-columns: repeat(2, auto);
345
345
  }
346
346
 
347
- .awsui_segment-count-3_8cbea_1a0az_347:not(#\9) {
347
+ .awsui_segment-count-3_8cbea_1f63t_347:not(#\9) {
348
348
  grid-template-columns: repeat(3, auto);
349
349
  }
350
350
 
351
- .awsui_segment-count-4_8cbea_1a0az_351:not(#\9) {
351
+ .awsui_segment-count-4_8cbea_1f63t_351:not(#\9) {
352
352
  grid-template-columns: repeat(4, auto);
353
353
  }
354
354
 
355
- .awsui_segment-count-5_8cbea_1a0az_355:not(#\9) {
355
+ .awsui_segment-count-5_8cbea_1f63t_355:not(#\9) {
356
356
  grid-template-columns: repeat(5, auto);
357
357
  }
358
358
 
359
- .awsui_segment-count-6_8cbea_1a0az_359:not(#\9) {
359
+ .awsui_segment-count-6_8cbea_1f63t_359:not(#\9) {
360
360
  grid-template-columns: repeat(6, auto);
361
361
  }
362
362
 
363
- .awsui_disabled-reason-tooltip_8cbea_1a0az_363:not(#\9) {
363
+ .awsui_disabled-reason-tooltip_8cbea_1f63t_363:not(#\9) {
364
364
  /* used in test-utils or tests */
365
365
  }
@@ -2,21 +2,21 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "segment": "awsui_segment_8cbea_1a0az_161",
6
- "refresh": "awsui_refresh_8cbea_1a0az_188",
7
- "disabled": "awsui_disabled_8cbea_1a0az_194",
8
- "selected": "awsui_selected_8cbea_1a0az_251",
9
- "icon": "awsui_icon_8cbea_1a0az_261",
10
- "with-text": "awsui_with-text_8cbea_1a0az_265",
11
- "with-no-text": "awsui_with-no-text_8cbea_1a0az_271",
12
- "root": "awsui_root_8cbea_1a0az_276",
13
- "segment-part": "awsui_segment-part_8cbea_1a0az_308",
14
- "select": "awsui_select_8cbea_1a0az_251",
15
- "segment-count-2": "awsui_segment-count-2_8cbea_1a0az_343",
16
- "segment-count-3": "awsui_segment-count-3_8cbea_1a0az_347",
17
- "segment-count-4": "awsui_segment-count-4_8cbea_1a0az_351",
18
- "segment-count-5": "awsui_segment-count-5_8cbea_1a0az_355",
19
- "segment-count-6": "awsui_segment-count-6_8cbea_1a0az_359",
20
- "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1a0az_363"
5
+ "segment": "awsui_segment_8cbea_1f63t_161",
6
+ "refresh": "awsui_refresh_8cbea_1f63t_188",
7
+ "disabled": "awsui_disabled_8cbea_1f63t_194",
8
+ "selected": "awsui_selected_8cbea_1f63t_251",
9
+ "icon": "awsui_icon_8cbea_1f63t_261",
10
+ "with-text": "awsui_with-text_8cbea_1f63t_265",
11
+ "with-no-text": "awsui_with-no-text_8cbea_1f63t_271",
12
+ "root": "awsui_root_8cbea_1f63t_276",
13
+ "segment-part": "awsui_segment-part_8cbea_1f63t_308",
14
+ "select": "awsui_select_8cbea_1f63t_251",
15
+ "segment-count-2": "awsui_segment-count-2_8cbea_1f63t_343",
16
+ "segment-count-3": "awsui_segment-count-3_8cbea_1f63t_347",
17
+ "segment-count-4": "awsui_segment-count-4_8cbea_1f63t_351",
18
+ "segment-count-5": "awsui_segment-count-5_8cbea_1f63t_355",
19
+ "segment-count-6": "awsui_segment-count-6_8cbea_1f63t_359",
20
+ "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1f63t_363"
21
21
  };
22
22
 
@@ -112,7 +112,7 @@ export interface BaseSelectProps extends BaseDropdownHostProps, BaseComponentPro
112
112
  * Overrides the element that is announced to screen readers
113
113
  * when the highlighted option changes. By default, this announces
114
114
  * the option's name and properties, and its selected state if
115
- * the `selectedLabel` property is defined.
115
+ * the `selectedAriaLabel` property is defined.
116
116
  * The highlighted option is provided, and its group (if groups
117
117
  * are used and it differs from the group of the previously highlighted option).
118
118
  *
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport {\n BaseDropdownHostProps,\n OptionsFilteringType,\n OptionsLoadItemsDetail,\n} from '../internal/components/dropdown/interfaces';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface BaseSelectProps\n extends BaseDropdownHostProps,\n BaseComponentProps,\n FormFieldValidationControlProps,\n DropdownStatusProps {\n /**\n * Specifies an array of options that are displayed to the user as a dropdown list.\n * The options can be grouped using `OptionGroup` objects.\n *\n * #### Option\n * - `value` (string) - The returned value of the option when selected.\n *\n * #### OptionGroup\n * - `value` (string) - Used to locate option group in test utils.\n * - `options` (Option[]) - (Optional) The options under this group.\n *\n * #### Shared Option and OptionGroup properties\n * - `label` (string) - (Optional) Option or group text displayed to the user.\n * - `lang` (string) - (Optional) The language of the option or group, provided as a BCP 47 language tag.\n * - `description` (string) - (Optional) Further information about the option or group that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the option or group is disabled.\n * - `disabledReason` (string) - (Optional) Displays tooltip near the item when disabled. Use to provide additional context.\n * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option or group.\n * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option or group.\n * - `iconAriaLabel` (string) - (Optional) Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n * - `iconAlt` (string) - (Optional) **Deprecated**, replaced by \\`iconAriaLabel\\`. Specifies alternate text for a custom icon, for use with `iconUrl`.\n * - `iconUrl` (string) - (Optional) URL of a custom icon.\n * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n *\n * Note: Only one level of option nesting is supported.\n *\n * If you want to use the built-in filtering capabilities of this component, provide\n * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n *\n * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n * on your own.\n **/\n options?: SelectProps.Options;\n /**\n * Determines how filtering is applied to the list of `options`:\n *\n * * `auto` - The component will automatically filter options based on user input.\n * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n * them from server.\n *\n * By default the component will filter the provided `options` based on the value of the filtering input field.\n * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n * are displayed in the list of options.\n *\n * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n *\n * Note: Manual filtering doesn't disable match highlighting.\n **/\n filteringType?: OptionsFilteringType;\n\n /**\n * Determines whether the whole select component is disabled.\n */\n disabled?: boolean;\n /**\n * Specifies the placeholder to display in the filtering input if filtering is enabled.\n */\n filteringPlaceholder?: string;\n\n /**\n * Specifies the text to display with the number of matches at the bottom of the dropdown menu while filtering.\n */\n filteringResultsText?: (matchesCount: number, totalCount: number) => string;\n /**\n * Adds an `aria-label` on the built-in filtering input if filtering is enabled.\n */\n filteringAriaLabel?: string;\n /**\n * Adds an `aria-label` to the clear button inside the search input.\n * @i18n\n */\n filteringClearAriaLabel?: string;\n /**\n * @deprecated Has no effect.\n */\n name?: string;\n /**\n * Specifies the hint text that's displayed in the field when no option has been selected.\n */\n placeholder?: string;\n /**\n * Specifies the ID for the trigger component. It uses an automatically generated ID by default.\n */\n controlId?: string;\n /**\n * Adds `aria-required` to the native input element.\n */\n ariaRequired?: boolean;\n /**\n * Adds `aria-label` to the select element.\n * Use this if you don't have a visible label for this control.\n */\n ariaLabel?: string;\n /**\n * Specifies the localized string that describes an option as being selected.\n * This is required to provide a good screen reader experience. For more information, see the\n * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n * @i18n\n */\n selectedAriaLabel?: string;\n /**\n * Overrides the element that is announced to screen readers\n * when the highlighted option changes. By default, this announces\n * the option's name and properties, and its selected state if\n * the `selectedLabel` property is defined.\n * The highlighted option is provided, and its group (if groups\n * are used and it differs from the group of the previously highlighted option).\n *\n * For more information, see the\n * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n */\n renderHighlightedAriaLive?: SelectProps.ContainingOptionAndGroupString;\n /**\n * Displayed for `filteringType=\"auto\"` when there are no matches for the filtering.\n */\n noMatch?: React.ReactNode;\n /**\n * Called when input focus is removed from the UI control.\n */\n onBlur?: NonCancelableEventHandler;\n /**\n * Called when input focus is set onto the UI control.\n */\n onFocus?: NonCancelableEventHandler;\n\n /**\n * Specifies if the control is read-only, which prevents the\n * user from both modifying the value and opening the dropdown. A read-only control is still focusable.\n */\n readOnly?: boolean;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n /**\n * Adds a small label inline with the input for saving vertical space in the UI.\n * For use with collection select filters only.\n */\n inlineLabelText?: string;\n /**\n * Adds `aria-labelledby` to the component. If you're using this component within a form field,\n * don't set this property because the form field component automatically sets it.\n *\n * Use this property if the component isn't using `inlineLabelText` and isn't surrounded by a form field, or you want to override the value\n * automatically set by the form field (for example, if you have two components within a single form field).\n *\n * To use it correctly, define an ID for the element you want to use as label and set the property to that ID.\n */\n ariaLabelledby?: string;\n /**\n * Defines the variant of the trigger. You can use a simple label or the entire option (`label | option`)\n */\n triggerVariant?: SelectProps.TriggerVariant;\n /**\n * Specifies the currently selected option.\n * If you want to clear the selection, use `null`.\n */\n selectedOption: SelectProps.Option | null;\n /**\n * Called when the user selects an option.\n * The event `detail` contains the current `selectedOption`.\n */\n onChange?: NonCancelableEventHandler<SelectProps.ChangeDetail>;\n\n /**\n * Automatically focuses the trigger when component is mounted.\n */\n autoFocus?: boolean;\n}\n\nexport namespace SelectProps {\n export type FilteringType = OptionsFilteringType;\n export type TriggerVariant = 'label' | 'option';\n\n export type Option = OptionDefinition;\n export type OptionGroup = OptionGroupDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n\n export type LoadItemsDetail = OptionsLoadItemsDetail;\n\n export interface ChangeDetail {\n selectedOption: Option;\n }\n\n export interface ContainingOptionAndGroupString {\n (option: Option, group?: OptionGroup): string;\n }\n\n export interface Ref {\n /**\n * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n */\n focus(): void;\n }\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport {\n BaseDropdownHostProps,\n OptionsFilteringType,\n OptionsLoadItemsDetail,\n} from '../internal/components/dropdown/interfaces';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface BaseSelectProps\n extends BaseDropdownHostProps,\n BaseComponentProps,\n FormFieldValidationControlProps,\n DropdownStatusProps {\n /**\n * Specifies an array of options that are displayed to the user as a dropdown list.\n * The options can be grouped using `OptionGroup` objects.\n *\n * #### Option\n * - `value` (string) - The returned value of the option when selected.\n *\n * #### OptionGroup\n * - `value` (string) - Used to locate option group in test utils.\n * - `options` (Option[]) - (Optional) The options under this group.\n *\n * #### Shared Option and OptionGroup properties\n * - `label` (string) - (Optional) Option or group text displayed to the user.\n * - `lang` (string) - (Optional) The language of the option or group, provided as a BCP 47 language tag.\n * - `description` (string) - (Optional) Further information about the option or group that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the option or group is disabled.\n * - `disabledReason` (string) - (Optional) Displays tooltip near the item when disabled. Use to provide additional context.\n * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option or group.\n * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option or group.\n * - `iconAriaLabel` (string) - (Optional) Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n * - `iconAlt` (string) - (Optional) **Deprecated**, replaced by \\`iconAriaLabel\\`. Specifies alternate text for a custom icon, for use with `iconUrl`.\n * - `iconUrl` (string) - (Optional) URL of a custom icon.\n * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n *\n * Note: Only one level of option nesting is supported.\n *\n * If you want to use the built-in filtering capabilities of this component, provide\n * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n *\n * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n * on your own.\n **/\n options?: SelectProps.Options;\n /**\n * Determines how filtering is applied to the list of `options`:\n *\n * * `auto` - The component will automatically filter options based on user input.\n * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n * them from server.\n *\n * By default the component will filter the provided `options` based on the value of the filtering input field.\n * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n * are displayed in the list of options.\n *\n * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n *\n * Note: Manual filtering doesn't disable match highlighting.\n **/\n filteringType?: OptionsFilteringType;\n\n /**\n * Determines whether the whole select component is disabled.\n */\n disabled?: boolean;\n /**\n * Specifies the placeholder to display in the filtering input if filtering is enabled.\n */\n filteringPlaceholder?: string;\n\n /**\n * Specifies the text to display with the number of matches at the bottom of the dropdown menu while filtering.\n */\n filteringResultsText?: (matchesCount: number, totalCount: number) => string;\n /**\n * Adds an `aria-label` on the built-in filtering input if filtering is enabled.\n */\n filteringAriaLabel?: string;\n /**\n * Adds an `aria-label` to the clear button inside the search input.\n * @i18n\n */\n filteringClearAriaLabel?: string;\n /**\n * @deprecated Has no effect.\n */\n name?: string;\n /**\n * Specifies the hint text that's displayed in the field when no option has been selected.\n */\n placeholder?: string;\n /**\n * Specifies the ID for the trigger component. It uses an automatically generated ID by default.\n */\n controlId?: string;\n /**\n * Adds `aria-required` to the native input element.\n */\n ariaRequired?: boolean;\n /**\n * Adds `aria-label` to the select element.\n * Use this if you don't have a visible label for this control.\n */\n ariaLabel?: string;\n /**\n * Specifies the localized string that describes an option as being selected.\n * This is required to provide a good screen reader experience. For more information, see the\n * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n * @i18n\n */\n selectedAriaLabel?: string;\n /**\n * Overrides the element that is announced to screen readers\n * when the highlighted option changes. By default, this announces\n * the option's name and properties, and its selected state if\n * the `selectedAriaLabel` property is defined.\n * The highlighted option is provided, and its group (if groups\n * are used and it differs from the group of the previously highlighted option).\n *\n * For more information, see the\n * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n */\n renderHighlightedAriaLive?: SelectProps.ContainingOptionAndGroupString;\n /**\n * Displayed for `filteringType=\"auto\"` when there are no matches for the filtering.\n */\n noMatch?: React.ReactNode;\n /**\n * Called when input focus is removed from the UI control.\n */\n onBlur?: NonCancelableEventHandler;\n /**\n * Called when input focus is set onto the UI control.\n */\n onFocus?: NonCancelableEventHandler;\n\n /**\n * Specifies if the control is read-only, which prevents the\n * user from both modifying the value and opening the dropdown. A read-only control is still focusable.\n */\n readOnly?: boolean;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n /**\n * Adds a small label inline with the input for saving vertical space in the UI.\n * For use with collection select filters only.\n */\n inlineLabelText?: string;\n /**\n * Adds `aria-labelledby` to the component. If you're using this component within a form field,\n * don't set this property because the form field component automatically sets it.\n *\n * Use this property if the component isn't using `inlineLabelText` and isn't surrounded by a form field, or you want to override the value\n * automatically set by the form field (for example, if you have two components within a single form field).\n *\n * To use it correctly, define an ID for the element you want to use as label and set the property to that ID.\n */\n ariaLabelledby?: string;\n /**\n * Defines the variant of the trigger. You can use a simple label or the entire option (`label | option`)\n */\n triggerVariant?: SelectProps.TriggerVariant;\n /**\n * Specifies the currently selected option.\n * If you want to clear the selection, use `null`.\n */\n selectedOption: SelectProps.Option | null;\n /**\n * Called when the user selects an option.\n * The event `detail` contains the current `selectedOption`.\n */\n onChange?: NonCancelableEventHandler<SelectProps.ChangeDetail>;\n\n /**\n * Automatically focuses the trigger when component is mounted.\n */\n autoFocus?: boolean;\n}\n\nexport namespace SelectProps {\n export type FilteringType = OptionsFilteringType;\n export type TriggerVariant = 'label' | 'option';\n\n export type Option = OptionDefinition;\n export type OptionGroup = OptionGroupDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n\n export type LoadItemsDetail = OptionsLoadItemsDetail;\n\n export interface ChangeDetail {\n selectedOption: Option;\n }\n\n export interface ContainingOptionAndGroupString {\n (option: Option, group?: OptionGroup): string;\n }\n\n export interface Ref {\n /**\n * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n */\n focus(): void;\n }\n}\n"]}
@@ -1,31 +1,31 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_pcgz5_152qb_153",
5
- "slider": "awsui_slider_pcgz5_152qb_190",
6
- "slider-track": "awsui_slider-track_pcgz5_152qb_194",
7
- "slider-range": "awsui_slider-range_pcgz5_152qb_194",
8
- "disabled": "awsui_disabled_pcgz5_152qb_209",
9
- "readonly": "awsui_readonly_pcgz5_152qb_213",
10
- "error": "awsui_error_pcgz5_152qb_222",
11
- "warning": "awsui_warning_pcgz5_152qb_225",
12
- "active": "awsui_active_pcgz5_152qb_228",
13
- "error-active": "awsui_error-active_pcgz5_152qb_231",
14
- "warning-active": "awsui_warning-active_pcgz5_152qb_234",
15
- "labels": "awsui_labels_pcgz5_152qb_245",
16
- "labels-noref": "awsui_labels-noref_pcgz5_152qb_251",
17
- "labels-reference": "awsui_labels-reference_pcgz5_152qb_254",
18
- "labels-min": "awsui_labels-min_pcgz5_152qb_261",
19
- "labels-max": "awsui_labels-max_pcgz5_152qb_267",
20
- "labels-aria-description": "awsui_labels-aria-description_pcgz5_152qb_275",
21
- "ticks": "awsui_ticks_pcgz5_152qb_293",
22
- "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_152qb_299",
23
- "tick": "awsui_tick_pcgz5_152qb_293",
24
- "middle": "awsui_middle_pcgz5_152qb_314",
25
- "filled": "awsui_filled_pcgz5_152qb_317",
26
- "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_152qb_345",
27
- "thumb": "awsui_thumb_pcgz5_152qb_358",
28
- "min": "awsui_min_pcgz5_152qb_394",
29
- "max": "awsui_max_pcgz5_152qb_397"
4
+ "root": "awsui_root_pcgz5_1wu7s_153",
5
+ "slider": "awsui_slider_pcgz5_1wu7s_190",
6
+ "slider-track": "awsui_slider-track_pcgz5_1wu7s_194",
7
+ "slider-range": "awsui_slider-range_pcgz5_1wu7s_194",
8
+ "disabled": "awsui_disabled_pcgz5_1wu7s_209",
9
+ "readonly": "awsui_readonly_pcgz5_1wu7s_213",
10
+ "error": "awsui_error_pcgz5_1wu7s_222",
11
+ "warning": "awsui_warning_pcgz5_1wu7s_225",
12
+ "active": "awsui_active_pcgz5_1wu7s_228",
13
+ "error-active": "awsui_error-active_pcgz5_1wu7s_231",
14
+ "warning-active": "awsui_warning-active_pcgz5_1wu7s_234",
15
+ "labels": "awsui_labels_pcgz5_1wu7s_245",
16
+ "labels-noref": "awsui_labels-noref_pcgz5_1wu7s_251",
17
+ "labels-reference": "awsui_labels-reference_pcgz5_1wu7s_254",
18
+ "labels-min": "awsui_labels-min_pcgz5_1wu7s_261",
19
+ "labels-max": "awsui_labels-max_pcgz5_1wu7s_267",
20
+ "labels-aria-description": "awsui_labels-aria-description_pcgz5_1wu7s_275",
21
+ "ticks": "awsui_ticks_pcgz5_1wu7s_293",
22
+ "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_1wu7s_299",
23
+ "tick": "awsui_tick_pcgz5_1wu7s_293",
24
+ "middle": "awsui_middle_pcgz5_1wu7s_314",
25
+ "filled": "awsui_filled_pcgz5_1wu7s_317",
26
+ "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_1wu7s_345",
27
+ "thumb": "awsui_thumb_pcgz5_1wu7s_358",
28
+ "min": "awsui_min_pcgz5_1wu7s_394",
29
+ "max": "awsui_max_pcgz5_1wu7s_397"
30
30
  };
31
31