@cloudscape-design/components-themeable 3.0.1209 → 3.0.1211

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 (224) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/components/dropdown/styles.scss +3 -2
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +140 -139
  4. package/lib/internal/template/alert/interfaces.d.ts +2 -0
  5. package/lib/internal/template/alert/interfaces.d.ts.map +1 -1
  6. package/lib/internal/template/alert/interfaces.js.map +1 -1
  7. package/lib/internal/template/alert/styles.css.js +27 -27
  8. package/lib/internal/template/alert/styles.scoped.css +50 -50
  9. package/lib/internal/template/alert/styles.selectors.js +27 -27
  10. package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
  11. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +21 -21
  12. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
  13. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  14. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  15. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  16. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  17. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  18. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +87 -87
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
  26. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
  27. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
  28. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  29. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  30. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  31. package/lib/internal/template/autosuggest/interfaces.d.ts +2 -0
  32. package/lib/internal/template/autosuggest/interfaces.d.ts.map +1 -1
  33. package/lib/internal/template/autosuggest/interfaces.js.map +1 -1
  34. package/lib/internal/template/badge/interfaces.d.ts +2 -0
  35. package/lib/internal/template/badge/interfaces.d.ts.map +1 -1
  36. package/lib/internal/template/badge/interfaces.js.map +1 -1
  37. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  38. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  39. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  40. package/lib/internal/template/button/interfaces.d.ts +2 -0
  41. package/lib/internal/template/button/interfaces.d.ts.map +1 -1
  42. package/lib/internal/template/button/interfaces.js.map +1 -1
  43. package/lib/internal/template/button/styles.css.js +22 -22
  44. package/lib/internal/template/button/styles.scoped.css +256 -256
  45. package/lib/internal/template/button/styles.selectors.js +22 -22
  46. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js +1 -1
  47. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  48. package/lib/internal/template/button-dropdown/interfaces.d.ts +2 -0
  49. package/lib/internal/template/button-dropdown/interfaces.d.ts.map +1 -1
  50. package/lib/internal/template/button-dropdown/interfaces.js.map +1 -1
  51. package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
  52. package/lib/internal/template/button-dropdown/internal.js +1 -1
  53. package/lib/internal/template/button-dropdown/internal.js.map +1 -1
  54. package/lib/internal/template/button-dropdown/item-element/index.d.ts.map +1 -1
  55. package/lib/internal/template/button-dropdown/item-element/index.js +2 -1
  56. package/lib/internal/template/button-dropdown/item-element/index.js.map +1 -1
  57. package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
  58. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +37 -37
  59. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  60. package/lib/internal/template/button-group/interfaces.d.ts +2 -0
  61. package/lib/internal/template/button-group/interfaces.d.ts.map +1 -1
  62. package/lib/internal/template/button-group/interfaces.js.map +1 -1
  63. package/lib/internal/template/checkbox/interfaces.d.ts +2 -0
  64. package/lib/internal/template/checkbox/interfaces.d.ts.map +1 -1
  65. package/lib/internal/template/checkbox/interfaces.js.map +1 -1
  66. package/lib/internal/template/checkbox/styles.css.js +3 -3
  67. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  68. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  69. package/lib/internal/template/container/interfaces.d.ts +2 -0
  70. package/lib/internal/template/container/interfaces.d.ts.map +1 -1
  71. package/lib/internal/template/container/interfaces.js.map +1 -1
  72. package/lib/internal/template/content-layout/styles.css.js +14 -14
  73. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  74. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  75. package/lib/internal/template/date-picker/index.d.ts.map +1 -1
  76. package/lib/internal/template/date-picker/index.js +1 -1
  77. package/lib/internal/template/date-picker/index.js.map +1 -1
  78. package/lib/internal/template/date-range-picker/index.d.ts.map +1 -1
  79. package/lib/internal/template/date-range-picker/index.js +1 -1
  80. package/lib/internal/template/date-range-picker/index.js.map +1 -1
  81. package/lib/internal/template/flashbar/interfaces.d.ts +2 -0
  82. package/lib/internal/template/flashbar/interfaces.d.ts.map +1 -1
  83. package/lib/internal/template/flashbar/interfaces.js.map +1 -1
  84. package/lib/internal/template/flashbar/styles.css.js +50 -50
  85. package/lib/internal/template/flashbar/styles.scoped.css +187 -187
  86. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  87. package/lib/internal/template/help-panel/styles.css.js +6 -6
  88. package/lib/internal/template/help-panel/styles.scoped.css +73 -73
  89. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  90. package/lib/internal/template/input/interfaces.d.ts +2 -0
  91. package/lib/internal/template/input/interfaces.d.ts.map +1 -1
  92. package/lib/internal/template/input/interfaces.js.map +1 -1
  93. package/lib/internal/template/input/styles.css.js +13 -13
  94. package/lib/internal/template/input/styles.d.ts +9 -1
  95. package/lib/internal/template/input/styles.d.ts.map +1 -1
  96. package/lib/internal/template/input/styles.js +2 -39
  97. package/lib/internal/template/input/styles.js.map +1 -1
  98. package/lib/internal/template/input/styles.scoped.css +74 -74
  99. package/lib/internal/template/input/styles.selectors.js +13 -13
  100. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  101. package/lib/internal/template/internal/components/autosuggest-input/index.d.ts.map +1 -1
  102. package/lib/internal/template/internal/components/autosuggest-input/index.js +2 -1
  103. package/lib/internal/template/internal/components/autosuggest-input/index.js.map +1 -1
  104. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  105. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  106. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  107. package/lib/internal/template/internal/components/dropdown/dropdown-fit-handler.d.ts +9 -9
  108. package/lib/internal/template/internal/components/dropdown/dropdown-fit-handler.d.ts.map +1 -1
  109. package/lib/internal/template/internal/components/dropdown/dropdown-fit-handler.js +22 -23
  110. package/lib/internal/template/internal/components/dropdown/dropdown-fit-handler.js.map +1 -1
  111. package/lib/internal/template/internal/components/dropdown/dropdown-position.d.ts.map +1 -1
  112. package/lib/internal/template/internal/components/dropdown/dropdown-position.js +4 -1
  113. package/lib/internal/template/internal/components/dropdown/dropdown-position.js.map +1 -1
  114. package/lib/internal/template/internal/components/dropdown/index.d.ts +1 -1
  115. package/lib/internal/template/internal/components/dropdown/index.d.ts.map +1 -1
  116. package/lib/internal/template/internal/components/dropdown/index.js +52 -30
  117. package/lib/internal/template/internal/components/dropdown/index.js.map +1 -1
  118. package/lib/internal/template/internal/components/dropdown/interfaces.d.ts +20 -14
  119. package/lib/internal/template/internal/components/dropdown/interfaces.d.ts.map +1 -1
  120. package/lib/internal/template/internal/components/dropdown/interfaces.js.map +1 -1
  121. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  122. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +39 -38
  123. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  124. package/lib/internal/template/internal/components/radio-button/interfaces.d.ts +2 -0
  125. package/lib/internal/template/internal/components/radio-button/interfaces.d.ts.map +1 -1
  126. package/lib/internal/template/internal/components/radio-button/interfaces.js.map +1 -1
  127. package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
  128. package/lib/internal/template/internal/components/radio-button/styles.scoped.css +18 -18
  129. package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
  130. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  131. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  132. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  133. package/lib/internal/template/internal/environment.js +2 -2
  134. package/lib/internal/template/internal/environment.json +2 -2
  135. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +1 -0
  136. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  137. package/lib/internal/template/internal/generated/custom-css-properties/index.js +139 -138
  138. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  139. package/lib/internal/template/internal/utils/data-attributes.d.ts +2 -0
  140. package/lib/internal/template/internal/utils/data-attributes.d.ts.map +1 -0
  141. package/lib/internal/template/internal/utils/data-attributes.js +21 -0
  142. package/lib/internal/template/internal/utils/data-attributes.js.map +1 -0
  143. package/lib/internal/template/internal/utils/input-styles.d.ts +90 -0
  144. package/lib/internal/template/internal/utils/input-styles.d.ts.map +1 -0
  145. package/lib/internal/template/internal/utils/input-styles.js +54 -0
  146. package/lib/internal/template/internal/utils/input-styles.js.map +1 -0
  147. package/lib/internal/template/link/interfaces.d.ts +2 -0
  148. package/lib/internal/template/link/interfaces.d.ts.map +1 -1
  149. package/lib/internal/template/link/interfaces.js.map +1 -1
  150. package/lib/internal/template/link/styles.css.js +20 -20
  151. package/lib/internal/template/link/styles.scoped.css +103 -103
  152. package/lib/internal/template/link/styles.selectors.js +20 -20
  153. package/lib/internal/template/multiselect/internal.d.ts.map +1 -1
  154. package/lib/internal/template/multiselect/internal.js +2 -1
  155. package/lib/internal/template/multiselect/internal.js.map +1 -1
  156. package/lib/internal/template/progress-bar/interfaces.d.ts +2 -0
  157. package/lib/internal/template/progress-bar/interfaces.d.ts.map +1 -1
  158. package/lib/internal/template/progress-bar/interfaces.js.map +1 -1
  159. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  160. package/lib/internal/template/progress-bar/styles.scoped.css +48 -48
  161. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  162. package/lib/internal/template/prompt-input/interfaces.d.ts +2 -0
  163. package/lib/internal/template/prompt-input/interfaces.d.ts.map +1 -1
  164. package/lib/internal/template/prompt-input/interfaces.js.map +1 -1
  165. package/lib/internal/template/prompt-input/styles.css.js +17 -17
  166. package/lib/internal/template/prompt-input/styles.scoped.css +79 -79
  167. package/lib/internal/template/prompt-input/styles.selectors.js +17 -17
  168. package/lib/internal/template/radio-group/interfaces.d.ts +2 -0
  169. package/lib/internal/template/radio-group/interfaces.d.ts.map +1 -1
  170. package/lib/internal/template/radio-group/interfaces.js.map +1 -1
  171. package/lib/internal/template/segmented-control/interfaces.d.ts +2 -0
  172. package/lib/internal/template/segmented-control/interfaces.d.ts.map +1 -1
  173. package/lib/internal/template/segmented-control/interfaces.js.map +1 -1
  174. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  175. package/lib/internal/template/segmented-control/styles.scoped.css +46 -46
  176. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  177. package/lib/internal/template/select/internal.d.ts.map +1 -1
  178. package/lib/internal/template/select/internal.js +2 -1
  179. package/lib/internal/template/select/internal.js.map +1 -1
  180. package/lib/internal/template/slider/interfaces.d.ts +2 -0
  181. package/lib/internal/template/slider/interfaces.d.ts.map +1 -1
  182. package/lib/internal/template/slider/interfaces.js.map +1 -1
  183. package/lib/internal/template/slider/styles.css.js +26 -26
  184. package/lib/internal/template/slider/styles.scoped.css +165 -165
  185. package/lib/internal/template/slider/styles.selectors.js +26 -26
  186. package/lib/internal/template/spinner/styles.css.js +13 -13
  187. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  188. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  189. package/lib/internal/template/tabs/interfaces.d.ts +2 -0
  190. package/lib/internal/template/tabs/interfaces.d.ts.map +1 -1
  191. package/lib/internal/template/tabs/interfaces.js.map +1 -1
  192. package/lib/internal/template/tabs/styles.css.js +30 -30
  193. package/lib/internal/template/tabs/styles.scoped.css +76 -76
  194. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  195. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  196. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  197. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  198. package/lib/internal/template/text-content/styles.css.js +1 -1
  199. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  200. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  201. package/lib/internal/template/text-filter/interfaces.d.ts +2 -0
  202. package/lib/internal/template/text-filter/interfaces.d.ts.map +1 -1
  203. package/lib/internal/template/text-filter/interfaces.js.map +1 -1
  204. package/lib/internal/template/text-filter/styles.d.ts +9 -1
  205. package/lib/internal/template/text-filter/styles.d.ts.map +1 -1
  206. package/lib/internal/template/text-filter/styles.js +2 -39
  207. package/lib/internal/template/text-filter/styles.js.map +1 -1
  208. package/lib/internal/template/textarea/interfaces.d.ts +2 -0
  209. package/lib/internal/template/textarea/interfaces.d.ts.map +1 -1
  210. package/lib/internal/template/textarea/interfaces.js.map +1 -1
  211. package/lib/internal/template/textarea/styles.css.js +5 -5
  212. package/lib/internal/template/textarea/styles.d.ts +9 -1
  213. package/lib/internal/template/textarea/styles.d.ts.map +1 -1
  214. package/lib/internal/template/textarea/styles.js +2 -49
  215. package/lib/internal/template/textarea/styles.js.map +1 -1
  216. package/lib/internal/template/textarea/styles.scoped.css +45 -45
  217. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  218. package/lib/internal/template/toggle/interfaces.d.ts +2 -0
  219. package/lib/internal/template/toggle/interfaces.d.ts.map +1 -1
  220. package/lib/internal/template/toggle/interfaces.js.map +1 -1
  221. package/lib/internal/template/toggle/styles.css.js +10 -10
  222. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  223. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  224. package/package.json +1 -1
@@ -1,25 +1,25 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_lescr_153",
5
- "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_lescr_1",
6
- "refresh": "awsui_refresh_qwoo0_lescr_174",
7
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_lescr_1",
8
- "root": "awsui_root_qwoo0_lescr_199",
9
- "interior": "awsui_interior_qwoo0_lescr_232",
10
- "dropdown": "awsui_dropdown_qwoo0_lescr_153",
11
- "use-portal": "awsui_use-portal_qwoo0_lescr_242",
12
- "is-empty": "awsui_is-empty_qwoo0_lescr_288",
13
- "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_lescr_295",
14
- "with-limited-width": "awsui_with-limited-width_qwoo0_lescr_299",
15
- "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_lescr_302",
16
- "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_lescr_305",
17
- "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_lescr_308",
18
- "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_lescr_311",
19
- "hide-block-border": "awsui_hide-block-border_qwoo0_lescr_318",
20
- "open": "awsui_open_qwoo0_lescr_327",
21
- "nowrap": "awsui_nowrap_qwoo0_lescr_336",
22
- "dropdown-content": "awsui_dropdown-content_qwoo0_lescr_153",
23
- "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_lescr_347"
4
+ "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_k3boe_153",
5
+ "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_k3boe_1",
6
+ "refresh": "awsui_refresh_qwoo0_k3boe_174",
7
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_k3boe_1",
8
+ "root": "awsui_root_qwoo0_k3boe_199",
9
+ "interior": "awsui_interior_qwoo0_k3boe_232",
10
+ "dropdown": "awsui_dropdown_qwoo0_k3boe_153",
11
+ "use-portal": "awsui_use-portal_qwoo0_k3boe_242",
12
+ "is-empty": "awsui_is-empty_qwoo0_k3boe_288",
13
+ "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_k3boe_295",
14
+ "with-limited-width": "awsui_with-limited-width_qwoo0_k3boe_299",
15
+ "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_k3boe_302",
16
+ "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_k3boe_305",
17
+ "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_k3boe_308",
18
+ "use-flexible-width": "awsui_use-flexible-width_qwoo0_k3boe_311",
19
+ "hide-block-border": "awsui_hide-block-border_qwoo0_k3boe_319",
20
+ "open": "awsui_open_qwoo0_k3boe_328",
21
+ "nowrap": "awsui_nowrap_qwoo0_k3boe_337",
22
+ "dropdown-content": "awsui_dropdown-content_qwoo0_k3boe_153",
23
+ "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_k3boe_348"
24
24
  };
25
25
 
@@ -150,10 +150,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
150
150
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
151
151
  SPDX-License-Identifier: Apache-2.0
152
152
  */
153
- .awsui_dropdown-content-wrapper_qwoo0_lescr_153:not(#\9) {
154
- animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_lescr_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
153
+ .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
154
+ animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_k3boe_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
155
155
  }
156
- @keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_lescr_1 {
156
+ @keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_k3boe_1 {
157
157
  from {
158
158
  opacity: 0.4;
159
159
  }
@@ -162,22 +162,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
162
162
  }
163
163
  }
164
164
  @media (prefers-reduced-motion: reduce) {
165
- .awsui_dropdown-content-wrapper_qwoo0_lescr_153:not(#\9) {
165
+ .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
166
166
  animation: none;
167
167
  transition: none;
168
168
  }
169
169
  }
170
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_lescr_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_lescr_153:not(#\9) {
170
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
171
171
  animation: none;
172
172
  transition: none;
173
173
  }
174
- .awsui_dropdown-content-wrapper_qwoo0_lescr_153.awsui_refresh_qwoo0_lescr_174:not(#\9) {
174
+ .awsui_dropdown-content-wrapper_qwoo0_k3boe_153.awsui_refresh_qwoo0_k3boe_174:not(#\9) {
175
175
  transform-origin: top;
176
- animation-name: awsui_awsui-motion-fade-in-0_qwoo0_lescr_1;
176
+ animation-name: awsui_awsui-motion-fade-in-0_qwoo0_k3boe_1;
177
177
  animation-duration: var(--motion-duration-show-quick-i2gulq, 135ms);
178
178
  animation-timing-function: var(--motion-easing-show-quick-xucy9w, ease-out);
179
179
  }
180
- @keyframes awsui_awsui-motion-fade-in-0_qwoo0_lescr_1 {
180
+ @keyframes awsui_awsui-motion-fade-in-0_qwoo0_k3boe_1 {
181
181
  from {
182
182
  opacity: 0;
183
183
  }
@@ -186,17 +186,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  }
187
187
  }
188
188
  @media (prefers-reduced-motion: reduce) {
189
- .awsui_dropdown-content-wrapper_qwoo0_lescr_153.awsui_refresh_qwoo0_lescr_174:not(#\9) {
189
+ .awsui_dropdown-content-wrapper_qwoo0_k3boe_153.awsui_refresh_qwoo0_k3boe_174:not(#\9) {
190
190
  animation: none;
191
191
  transition: none;
192
192
  }
193
193
  }
194
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_lescr_153.awsui_refresh_qwoo0_lescr_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_lescr_153.awsui_refresh_qwoo0_lescr_174:not(#\9) {
194
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_k3boe_153.awsui_refresh_qwoo0_k3boe_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_k3boe_153.awsui_refresh_qwoo0_k3boe_174:not(#\9) {
195
195
  animation: none;
196
196
  transition: none;
197
197
  }
198
198
 
199
- .awsui_root_qwoo0_lescr_199:not(#\9) {
199
+ .awsui_root_qwoo0_k3boe_199:not(#\9) {
200
200
  border-collapse: separate;
201
201
  border-spacing: 0;
202
202
  box-sizing: border-box;
@@ -229,34 +229,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
229
229
  position: relative;
230
230
  white-space: inherit;
231
231
  }
232
- .awsui_root_qwoo0_lescr_199.awsui_interior_qwoo0_lescr_232:not(#\9) {
232
+ .awsui_root_qwoo0_k3boe_199.awsui_interior_qwoo0_k3boe_232:not(#\9) {
233
233
  position: static;
234
234
  }
235
235
 
236
- .awsui_dropdown_qwoo0_lescr_153:not(#\9) {
236
+ .awsui_dropdown_qwoo0_k3boe_153:not(#\9) {
237
237
  position: absolute;
238
238
  display: none;
239
239
  z-index: 2000;
240
240
  transform-origin: top;
241
241
  }
242
- .awsui_dropdown_qwoo0_lescr_153.awsui_use-portal_qwoo0_lescr_242:not(#\9) {
242
+ .awsui_dropdown_qwoo0_k3boe_153.awsui_use-portal_qwoo0_k3boe_242:not(#\9) {
243
243
  z-index: 7000;
244
244
  }
245
- .awsui_dropdown_qwoo0_lescr_153:not(#\9):not(.awsui_interior_qwoo0_lescr_232) {
245
+ .awsui_dropdown_qwoo0_k3boe_153:not(#\9):not(.awsui_interior_qwoo0_k3boe_232) {
246
246
  transform: translateY(0px);
247
247
  transition: transform var(--motion-duration-show-quick-i2gulq, 135ms);
248
248
  }
249
249
  @media (prefers-reduced-motion: reduce) {
250
- .awsui_dropdown_qwoo0_lescr_153:not(#\9):not(.awsui_interior_qwoo0_lescr_232) {
250
+ .awsui_dropdown_qwoo0_k3boe_153:not(#\9):not(.awsui_interior_qwoo0_k3boe_232) {
251
251
  animation: none;
252
252
  transition: none;
253
253
  }
254
254
  }
255
- .awsui-motion-disabled .awsui_dropdown_qwoo0_lescr_153:not(#\9):not(.awsui_interior_qwoo0_lescr_232), .awsui-mode-entering .awsui_dropdown_qwoo0_lescr_153:not(#\9):not(.awsui_interior_qwoo0_lescr_232) {
255
+ .awsui-motion-disabled .awsui_dropdown_qwoo0_k3boe_153:not(#\9):not(.awsui_interior_qwoo0_k3boe_232), .awsui-mode-entering .awsui_dropdown_qwoo0_k3boe_153:not(#\9):not(.awsui_interior_qwoo0_k3boe_232) {
256
256
  animation: none;
257
257
  transition: none;
258
258
  }
259
- .awsui_dropdown-content-wrapper_qwoo0_lescr_153:not(#\9) {
259
+ .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
260
260
  position: relative;
261
261
  background-color: var(--color-background-dropdown-item-default-fhmksr, #ffffff);
262
262
  outline: none;
@@ -268,7 +268,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
268
268
  border-block: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
269
269
  box-sizing: border-box;
270
270
  }
271
- .awsui_dropdown-content-wrapper_qwoo0_lescr_153:not(#\9)::after {
271
+ .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9)::after {
272
272
  content: "";
273
273
  position: absolute;
274
274
  z-index: 1;
@@ -285,65 +285,66 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
285
285
  border-end-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
286
286
  pointer-events: none;
287
287
  }
288
- .awsui_dropdown-content-wrapper_qwoo0_lescr_153.awsui_is-empty_qwoo0_lescr_288:not(#\9)::after {
288
+ .awsui_dropdown-content-wrapper_qwoo0_k3boe_153.awsui_is-empty_qwoo0_k3boe_288:not(#\9)::after {
289
289
  display: none;
290
290
  }
291
- .awsui_dropdown_qwoo0_lescr_153 > .awsui_dropdown-content-wrapper_qwoo0_lescr_153:not(#\9) {
291
+ .awsui_dropdown_qwoo0_k3boe_153 > .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
292
292
  border-block-start: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
293
293
  border-block-end: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-dropdown-group-dg9zg5, #eaeded);
294
294
  }
295
- .awsui_dropdown-drop-up_qwoo0_lescr_295 > .awsui_dropdown-content-wrapper_qwoo0_lescr_153:not(#\9) {
295
+ .awsui_dropdown-drop-up_qwoo0_k3boe_295 > .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
296
296
  transform-origin: bottom;
297
297
  box-shadow: var(--shadow-dropup-44quix, 0 -1px 1px 0 rgba(0, 28, 36, 0.3), 1px -1px 1px 0 rgba(0, 28, 36, 0.15), -1px -1px 1px 0 rgba(0, 28, 36, 0.15));
298
298
  }
299
- .awsui_dropdown-drop-up_qwoo0_lescr_295.awsui_with-limited-width_qwoo0_lescr_299 > .awsui_dropdown-content-wrapper_qwoo0_lescr_153:not(#\9) {
299
+ .awsui_dropdown-drop-up_qwoo0_k3boe_295.awsui_with-limited-width_qwoo0_k3boe_299 > .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
300
300
  border-block-start: none;
301
301
  }
302
- .awsui_dropdown-drop-left_qwoo0_lescr_302:not(#\9) {
302
+ .awsui_dropdown-drop-left_qwoo0_k3boe_302:not(#\9) {
303
303
  inset-inline-end: 0;
304
304
  }
305
- .awsui_dropdown-drop-right_qwoo0_lescr_305:not(#\9) {
305
+ .awsui_dropdown-drop-right_qwoo0_k3boe_305:not(#\9) {
306
306
  inset-inline-start: 0;
307
307
  }
308
- .awsui_dropdown_qwoo0_lescr_153.awsui_occupy-entire-width_qwoo0_lescr_308:not(#\9) {
308
+ .awsui_dropdown_qwoo0_k3boe_153.awsui_occupy-entire-width_qwoo0_k3boe_308:not(#\9) {
309
309
  min-inline-size: 100%;
310
310
  }
311
- .awsui_dropdown_qwoo0_lescr_153.awsui_stretch-beyond-trigger-width_qwoo0_lescr_311:not(#\9) {
311
+ .awsui_dropdown_qwoo0_k3boe_153.awsui_use-flexible-width_qwoo0_k3boe_311:not(#\9) {
312
312
  inline-size: max-content;
313
- max-inline-size: var(--awsui-dropdown-default-max-width-4hh3rt, 100%);
313
+ max-inline-size: var(--awsui-dropdown-default-max-width-c5ek4l, none);
314
+ min-inline-size: var(--awsui-dropdown-default-min-width-c5ek4l, auto);
314
315
  }
315
- .awsui_dropdown_qwoo0_lescr_153.awsui_interior_qwoo0_lescr_232 > .awsui_dropdown-content-wrapper_qwoo0_lescr_153:not(#\9) {
316
+ .awsui_dropdown_qwoo0_k3boe_153.awsui_interior_qwoo0_k3boe_232 > .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
316
317
  margin-block-start: -1px;
317
318
  }
318
- .awsui_dropdown_qwoo0_lescr_153.awsui_hide-block-border_qwoo0_lescr_318 > .awsui_dropdown-content-wrapper_qwoo0_lescr_153:not(#\9) {
319
+ .awsui_dropdown_qwoo0_k3boe_153.awsui_hide-block-border_qwoo0_k3boe_319 > .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
319
320
  border-block-start: none;
320
321
  }
321
- .awsui_dropdown_qwoo0_lescr_153.awsui_hide-block-border_qwoo0_lescr_318:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_lescr_295) > .awsui_dropdown-content-wrapper_qwoo0_lescr_153 {
322
+ .awsui_dropdown_qwoo0_k3boe_153.awsui_hide-block-border_qwoo0_k3boe_319:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_k3boe_295) > .awsui_dropdown-content-wrapper_qwoo0_k3boe_153 {
322
323
  border-block-end: none;
323
324
  }
324
- .awsui_dropdown_qwoo0_lescr_153.awsui_hide-block-border_qwoo0_lescr_318.awsui_refresh_qwoo0_lescr_174 > .awsui_dropdown-content-wrapper_qwoo0_lescr_153:not(#\9) {
325
+ .awsui_dropdown_qwoo0_k3boe_153.awsui_hide-block-border_qwoo0_k3boe_319.awsui_refresh_qwoo0_k3boe_174 > .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
325
326
  border-block-end: none;
326
327
  }
327
- .awsui_dropdown_qwoo0_lescr_153.awsui_open_qwoo0_lescr_327:not(#\9) {
328
+ .awsui_dropdown_qwoo0_k3boe_153.awsui_open_qwoo0_k3boe_328:not(#\9) {
328
329
  display: block;
329
330
  }
330
- .awsui_dropdown_qwoo0_lescr_153.awsui_open_qwoo0_lescr_327:not(#\9):not(.awsui_interior_qwoo0_lescr_232).awsui_refresh_qwoo0_lescr_174[data-animating=true] {
331
+ .awsui_dropdown_qwoo0_k3boe_153.awsui_open_qwoo0_k3boe_328:not(#\9):not(.awsui_interior_qwoo0_k3boe_232).awsui_refresh_qwoo0_k3boe_174[data-animating=true] {
331
332
  transform: translateY(4px);
332
333
  }
333
- .awsui_dropdown_qwoo0_lescr_153.awsui_open_qwoo0_lescr_327:not(#\9):not(.awsui_interior_qwoo0_lescr_232).awsui_refresh_qwoo0_lescr_174[data-animating=true].awsui_dropdown-drop-up_qwoo0_lescr_295 {
334
+ .awsui_dropdown_qwoo0_k3boe_153.awsui_open_qwoo0_k3boe_328:not(#\9):not(.awsui_interior_qwoo0_k3boe_232).awsui_refresh_qwoo0_k3boe_174[data-animating=true].awsui_dropdown-drop-up_qwoo0_k3boe_295 {
334
335
  transform: translateY(-4px);
335
336
  }
336
- .awsui_dropdown_qwoo0_lescr_153.awsui_open_qwoo0_lescr_327.awsui_nowrap_qwoo0_lescr_336:not(#\9) {
337
+ .awsui_dropdown_qwoo0_k3boe_153.awsui_open_qwoo0_k3boe_328.awsui_nowrap_qwoo0_k3boe_337:not(#\9) {
337
338
  white-space: nowrap;
338
339
  overflow: scroll;
339
340
  }
340
341
 
341
- .awsui_dropdown-content_qwoo0_lescr_153:not(#\9) {
342
+ .awsui_dropdown-content_qwoo0_k3boe_153:not(#\9) {
342
343
  display: flex;
343
344
  flex-direction: column;
344
345
  inline-size: 100%;
345
346
  }
346
347
 
347
- .awsui_stretch-trigger-height_qwoo0_lescr_347:not(#\9) {
348
+ .awsui_stretch-trigger-height_qwoo0_k3boe_348:not(#\9) {
348
349
  block-size: 100%;
349
350
  }
@@ -2,25 +2,25 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_lescr_153",
6
- "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_lescr_1",
7
- "refresh": "awsui_refresh_qwoo0_lescr_174",
8
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_lescr_1",
9
- "root": "awsui_root_qwoo0_lescr_199",
10
- "interior": "awsui_interior_qwoo0_lescr_232",
11
- "dropdown": "awsui_dropdown_qwoo0_lescr_153",
12
- "use-portal": "awsui_use-portal_qwoo0_lescr_242",
13
- "is-empty": "awsui_is-empty_qwoo0_lescr_288",
14
- "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_lescr_295",
15
- "with-limited-width": "awsui_with-limited-width_qwoo0_lescr_299",
16
- "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_lescr_302",
17
- "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_lescr_305",
18
- "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_lescr_308",
19
- "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_lescr_311",
20
- "hide-block-border": "awsui_hide-block-border_qwoo0_lescr_318",
21
- "open": "awsui_open_qwoo0_lescr_327",
22
- "nowrap": "awsui_nowrap_qwoo0_lescr_336",
23
- "dropdown-content": "awsui_dropdown-content_qwoo0_lescr_153",
24
- "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_lescr_347"
5
+ "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_k3boe_153",
6
+ "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_k3boe_1",
7
+ "refresh": "awsui_refresh_qwoo0_k3boe_174",
8
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_k3boe_1",
9
+ "root": "awsui_root_qwoo0_k3boe_199",
10
+ "interior": "awsui_interior_qwoo0_k3boe_232",
11
+ "dropdown": "awsui_dropdown_qwoo0_k3boe_153",
12
+ "use-portal": "awsui_use-portal_qwoo0_k3boe_242",
13
+ "is-empty": "awsui_is-empty_qwoo0_k3boe_288",
14
+ "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_k3boe_295",
15
+ "with-limited-width": "awsui_with-limited-width_qwoo0_k3boe_299",
16
+ "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_k3boe_302",
17
+ "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_k3boe_305",
18
+ "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_k3boe_308",
19
+ "use-flexible-width": "awsui_use-flexible-width_qwoo0_k3boe_311",
20
+ "hide-block-border": "awsui_hide-block-border_qwoo0_k3boe_319",
21
+ "open": "awsui_open_qwoo0_k3boe_328",
22
+ "nowrap": "awsui_nowrap_qwoo0_k3boe_337",
23
+ "dropdown-content": "awsui_dropdown-content_qwoo0_k3boe_153",
24
+ "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_k3boe_348"
25
25
  };
26
26
 
@@ -59,6 +59,8 @@ export interface RadioButtonProps extends BaseComponentProps {
59
59
  */
60
60
  readOnly?: boolean;
61
61
  /**
62
+ * An object containing CSS properties to customize the radio button's visual appearance.
63
+ * Refer to the [style](/components/radio-button/?tabId=style) tab for more details.
62
64
  * @awsuiSystem core
63
65
  */
64
66
  style?: RadioButtonProps.Style;
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/radio-button/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACzD;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;;OASG;IACH,qBAAqB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEtF;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;IAE/B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,yBAAiB,gBAAgB,CAAC;IAChC,UAAiB,YAAY;QAC3B,OAAO,EAAE,OAAO,CAAC;KAClB;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,UAAiB,KAAK;QACpB,KAAK,CAAC,EAAE;YACN,IAAI,CAAC,EAAE;gBACL,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,MAAM,CAAC,EAAE;gBACP,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,MAAM,CAAC,EAAE;gBACP,IAAI,CAAC,EAAE;oBACL,OAAO,CAAC,EAAE,MAAM,CAAC;oBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;oBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;iBACnB,CAAC;aACH,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;QACF,KAAK,CAAC,EAAE;YACN,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;SACH,CAAC;QACF,WAAW,CAAC,EAAE;YACZ,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;SACH,CAAC;KACH;CACF"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/radio-button/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACzD;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;;OASG;IACH,qBAAqB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEtF;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;IAE/B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,yBAAiB,gBAAgB,CAAC;IAChC,UAAiB,YAAY;QAC3B,OAAO,EAAE,OAAO,CAAC;KAClB;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,UAAiB,KAAK;QACpB,KAAK,CAAC,EAAE;YACN,IAAI,CAAC,EAAE;gBACL,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,MAAM,CAAC,EAAE;gBACP,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,MAAM,CAAC,EAAE;gBACP,IAAI,CAAC,EAAE;oBACL,OAAO,CAAC,EAAE,MAAM,CAAC;oBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;oBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;iBACnB,CAAC;aACH,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;QACF,KAAK,CAAC,EAAE;YACN,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;SACH,CAAC;QACF,WAAW,CAAC,EAAE;YACZ,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;SACH,CAAC;KACH;CACF"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/radio-button/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 '../../base-component';\nimport { NonCancelableEventHandler } from '../../events';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../../utils/with-native-attributes';\n\nexport interface RadioButtonProps extends BaseComponentProps {\n /**\n * Specifies if the component is selected.\n */\n checked: boolean;\n\n /**\n * Specifies the ID of the native form element. You can use it to relate\n * a label element's `for` attribute to this control.\n */\n controlId?: string;\n\n /**\n * Name of the group that the radio button belongs to.\n */\n name: string;\n\n /**\n * Description that appears below the label.\n */\n description?: React.ReactNode;\n\n /**\n * Specifies if the control is disabled, which prevents the\n * user from modifying the value and prevents the value from\n * being included in a form submission. A disabled control can't\n * receive focus.\n */\n disabled?: boolean;\n\n /**\n * The control's label that's displayed next to the radio button. A state change occurs when a user clicks on it.\n * @displayname label\n */\n children?: React.ReactNode;\n\n /**\n * Attributes to add to the native `input` element.\n * Some attributes will be automatically combined with internal attribute values:\n * - `className` will be appended.\n * - Event handlers will be chained, unless the default is prevented.\n *\n * We do not support using this attribute to apply custom styling.\n *\n * @awsuiSystem core\n */\n nativeInputAttributes?: NativeAttributes<React.InputHTMLAttributes<HTMLInputElement>>;\n\n /**\n * Called when the user clicks on the radio button and it is not disabled or read-only.\n */\n onSelect?: NonCancelableEventHandler;\n\n /**\n * Specifies if the radio button is read-only, which prevents the\n * user from modifying the value, but does not prevent the value from\n * being included in a form submission. A read-only control is still focusable.\n *\n * This property should be set for either all or none of the radio buttons in a group.\n */\n readOnly?: boolean;\n\n /**\n * @awsuiSystem core\n */\n style?: RadioButtonProps.Style;\n\n /**\n * Sets the value attribute to the native control.\n * If using native form submission, this value is sent to the server if the radio button is checked.\n * It is never shown to the user by their user agent.\n * For more details, see the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/radio#value).\n */\n value?: string;\n}\n\nexport namespace RadioButtonProps {\n export interface ChangeDetail {\n checked: boolean;\n }\n\n export interface Ref {\n /**\n * Sets input focus onto the UI control.\n */\n focus(): void;\n }\n\n export interface Style {\n input?: {\n fill?: {\n checked?: string;\n default?: string;\n disabled?: string;\n readOnly?: string;\n };\n stroke?: {\n default?: string;\n disabled?: string;\n readOnly?: string;\n };\n circle?: {\n fill?: {\n checked?: string;\n disabled?: string;\n readOnly?: string;\n };\n };\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n label?: {\n color?: {\n checked?: string;\n default?: string;\n disabled?: string;\n readOnly?: string;\n };\n };\n description?: {\n color?: {\n checked?: string;\n default?: string;\n disabled?: string;\n readOnly?: string;\n };\n };\n }\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/radio-button/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 '../../base-component';\nimport { NonCancelableEventHandler } from '../../events';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../../utils/with-native-attributes';\n\nexport interface RadioButtonProps extends BaseComponentProps {\n /**\n * Specifies if the component is selected.\n */\n checked: boolean;\n\n /**\n * Specifies the ID of the native form element. You can use it to relate\n * a label element's `for` attribute to this control.\n */\n controlId?: string;\n\n /**\n * Name of the group that the radio button belongs to.\n */\n name: string;\n\n /**\n * Description that appears below the label.\n */\n description?: React.ReactNode;\n\n /**\n * Specifies if the control is disabled, which prevents the\n * user from modifying the value and prevents the value from\n * being included in a form submission. A disabled control can't\n * receive focus.\n */\n disabled?: boolean;\n\n /**\n * The control's label that's displayed next to the radio button. A state change occurs when a user clicks on it.\n * @displayname label\n */\n children?: React.ReactNode;\n\n /**\n * Attributes to add to the native `input` element.\n * Some attributes will be automatically combined with internal attribute values:\n * - `className` will be appended.\n * - Event handlers will be chained, unless the default is prevented.\n *\n * We do not support using this attribute to apply custom styling.\n *\n * @awsuiSystem core\n */\n nativeInputAttributes?: NativeAttributes<React.InputHTMLAttributes<HTMLInputElement>>;\n\n /**\n * Called when the user clicks on the radio button and it is not disabled or read-only.\n */\n onSelect?: NonCancelableEventHandler;\n\n /**\n * Specifies if the radio button is read-only, which prevents the\n * user from modifying the value, but does not prevent the value from\n * being included in a form submission. A read-only control is still focusable.\n *\n * This property should be set for either all or none of the radio buttons in a group.\n */\n readOnly?: boolean;\n\n /**\n * An object containing CSS properties to customize the radio button's visual appearance.\n * Refer to the [style](/components/radio-button/?tabId=style) tab for more details.\n * @awsuiSystem core\n */\n style?: RadioButtonProps.Style;\n\n /**\n * Sets the value attribute to the native control.\n * If using native form submission, this value is sent to the server if the radio button is checked.\n * It is never shown to the user by their user agent.\n * For more details, see the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/radio#value).\n */\n value?: string;\n}\n\nexport namespace RadioButtonProps {\n export interface ChangeDetail {\n checked: boolean;\n }\n\n export interface Ref {\n /**\n * Sets input focus onto the UI control.\n */\n focus(): void;\n }\n\n export interface Style {\n input?: {\n fill?: {\n checked?: string;\n default?: string;\n disabled?: string;\n readOnly?: string;\n };\n stroke?: {\n default?: string;\n disabled?: string;\n readOnly?: string;\n };\n circle?: {\n fill?: {\n checked?: string;\n disabled?: string;\n readOnly?: string;\n };\n };\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n label?: {\n color?: {\n checked?: string;\n default?: string;\n disabled?: string;\n readOnly?: string;\n };\n };\n description?: {\n color?: {\n checked?: string;\n default?: string;\n disabled?: string;\n readOnly?: string;\n };\n };\n }\n}\n"]}
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "radio-control": "awsui_radio-control_1v1hk_b8apg_145",
5
- "outline": "awsui_outline_1v1hk_b8apg_153",
6
- "styled-circle-border": "awsui_styled-circle-border_1v1hk_b8apg_176",
7
- "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_b8apg_180",
8
- "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_b8apg_180",
9
- "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_b8apg_185",
10
- "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_b8apg_201"
4
+ "radio-control": "awsui_radio-control_1v1hk_1ynnp_145",
5
+ "outline": "awsui_outline_1v1hk_1ynnp_153",
6
+ "styled-circle-border": "awsui_styled-circle-border_1v1hk_1ynnp_176",
7
+ "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_1ynnp_180",
8
+ "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_1ynnp_180",
9
+ "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_1ynnp_185",
10
+ "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_1ynnp_201"
11
11
  };
12
12
 
@@ -142,7 +142,7 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_radio-control_1v1hk_b8apg_145:not(#\9) {
145
+ .awsui_radio-control_1v1hk_1ynnp_145:not(#\9) {
146
146
  margin-block-start: calc((var(--line-height-body-m-bedeoh, 22px) - var(--size-control-lkpwjy, 14px)) / 2);
147
147
  min-block-size: var(--size-control-lkpwjy, 14px);
148
148
  min-inline-size: var(--size-control-lkpwjy, 14px);
@@ -150,15 +150,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
150
150
  inline-size: var(--size-control-lkpwjy, 14px);
151
151
  }
152
152
 
153
- .awsui_outline_1v1hk_b8apg_153:not(#\9) {
154
- --awsui-style-focus-ring-box-shadow-4hh3rt: 0 0 0 var(--awsui-style-focus-ring-border-width-4hh3rt, 2px) var(--awsui-style-focus-ring-border-color-4hh3rt, var(--color-border-item-focused-r5f6xl, #0073bb));
153
+ .awsui_outline_1v1hk_1ynnp_153:not(#\9) {
154
+ --awsui-style-focus-ring-box-shadow-c5ek4l: 0 0 0 var(--awsui-style-focus-ring-border-width-c5ek4l, 2px) var(--awsui-style-focus-ring-border-color-c5ek4l, var(--color-border-item-focused-r5f6xl, #0073bb));
155
155
  position: relative;
156
156
  }
157
- .awsui_outline_1v1hk_b8apg_153:not(#\9) {
157
+ .awsui_outline_1v1hk_1ynnp_153:not(#\9) {
158
158
  outline: 2px dotted transparent;
159
159
  outline-offset: calc(2px - 1px);
160
160
  }
161
- .awsui_outline_1v1hk_b8apg_153:not(#\9)::before {
161
+ .awsui_outline_1v1hk_1ynnp_153:not(#\9)::before {
162
162
  content: " ";
163
163
  display: block;
164
164
  position: absolute;
@@ -166,46 +166,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
166
166
  inset-block-start: calc(-1 * 2px);
167
167
  inline-size: calc(100% + 2px + 2px);
168
168
  block-size: calc(100% + 2px + 2px);
169
- border-start-start-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
170
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
171
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
172
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
173
- box-shadow: var(--awsui-style-focus-ring-box-shadow-4hh3rt);
169
+ border-start-start-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
170
+ border-start-end-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
171
+ border-end-start-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
172
+ border-end-end-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
173
+ box-shadow: var(--awsui-style-focus-ring-box-shadow-c5ek4l);
174
174
  }
175
175
 
176
- .awsui_styled-circle-border_1v1hk_b8apg_176:not(#\9) {
176
+ .awsui_styled-circle-border_1v1hk_1ynnp_176:not(#\9) {
177
177
  stroke: var(--color-border-control-default-e686ow, #687078);
178
178
  fill: var(--color-background-control-default-wjdczs, #ffffff);
179
179
  }
180
- .awsui_styled-circle-border_1v1hk_b8apg_176.awsui_styled-circle-disabled_1v1hk_b8apg_180:not(#\9), .awsui_styled-circle-border_1v1hk_b8apg_176.awsui_styled-circle-readonly_1v1hk_b8apg_180:not(#\9) {
180
+ .awsui_styled-circle-border_1v1hk_1ynnp_176.awsui_styled-circle-disabled_1v1hk_1ynnp_180:not(#\9), .awsui_styled-circle-border_1v1hk_1ynnp_176.awsui_styled-circle-readonly_1v1hk_1ynnp_180:not(#\9) {
181
181
  fill: var(--color-background-control-disabled-2ixett, #d5dbdb);
182
182
  stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
183
183
  }
184
184
 
185
- .awsui_styled-circle-fill_1v1hk_b8apg_185:not(#\9) {
185
+ .awsui_styled-circle-fill_1v1hk_1ynnp_185:not(#\9) {
186
186
  stroke: var(--color-background-control-checked-se0x0e, #0073bb);
187
187
  fill: var(--color-foreground-control-default-rf7v4a, #ffffff);
188
188
  opacity: 0;
189
189
  transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
190
190
  }
191
191
  @media (prefers-reduced-motion: reduce) {
192
- .awsui_styled-circle-fill_1v1hk_b8apg_185:not(#\9) {
192
+ .awsui_styled-circle-fill_1v1hk_1ynnp_185:not(#\9) {
193
193
  animation: none;
194
194
  transition: none;
195
195
  }
196
196
  }
197
- .awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_b8apg_185:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_b8apg_185:not(#\9) {
197
+ .awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_1ynnp_185:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_1ynnp_185:not(#\9) {
198
198
  animation: none;
199
199
  transition: none;
200
200
  }
201
- .awsui_styled-circle-fill_1v1hk_b8apg_185.awsui_styled-circle-checked_1v1hk_b8apg_201:not(#\9) {
201
+ .awsui_styled-circle-fill_1v1hk_1ynnp_185.awsui_styled-circle-checked_1v1hk_1ynnp_201:not(#\9) {
202
202
  opacity: 1;
203
203
  }
204
- .awsui_styled-circle-fill_1v1hk_b8apg_185.awsui_styled-circle-disabled_1v1hk_b8apg_180:not(#\9) {
204
+ .awsui_styled-circle-fill_1v1hk_1ynnp_185.awsui_styled-circle-disabled_1v1hk_1ynnp_180:not(#\9) {
205
205
  fill: var(--color-foreground-control-disabled-kj751b, #ffffff);
206
206
  stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
207
207
  }
208
- .awsui_styled-circle-fill_1v1hk_b8apg_185.awsui_styled-circle-readonly_1v1hk_b8apg_180:not(#\9) {
208
+ .awsui_styled-circle-fill_1v1hk_1ynnp_185.awsui_styled-circle-readonly_1v1hk_1ynnp_180:not(#\9) {
209
209
  fill: var(--color-foreground-control-read-only-cgy3yn, #687078);
210
210
  stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
211
211
  }
@@ -2,12 +2,12 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "radio-control": "awsui_radio-control_1v1hk_b8apg_145",
6
- "outline": "awsui_outline_1v1hk_b8apg_153",
7
- "styled-circle-border": "awsui_styled-circle-border_1v1hk_b8apg_176",
8
- "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_b8apg_180",
9
- "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_b8apg_180",
10
- "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_b8apg_185",
11
- "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_b8apg_201"
5
+ "radio-control": "awsui_radio-control_1v1hk_1ynnp_145",
6
+ "outline": "awsui_outline_1v1hk_1ynnp_153",
7
+ "styled-circle-border": "awsui_styled-circle-border_1v1hk_1ynnp_176",
8
+ "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_1ynnp_180",
9
+ "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_1ynnp_180",
10
+ "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_1ynnp_185",
11
+ "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_1ynnp_201"
12
12
  };
13
13
 
@@ -1,15 +1,15 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_gfwv3_1xycb_193",
5
- "horizontal": "awsui_horizontal_gfwv3_1xycb_196",
6
- "vertical": "awsui_vertical_gfwv3_1xycb_202",
7
- "list": "awsui_list_gfwv3_1xycb_207",
8
- "grid": "awsui_grid_gfwv3_1xycb_226",
9
- "list-item": "awsui_list-item_gfwv3_1xycb_238",
10
- "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1xycb_245",
11
- "toggle": "awsui_toggle_gfwv3_1xycb_245",
12
- "description": "awsui_description_gfwv3_1xycb_337",
13
- "separator": "awsui_separator_gfwv3_1xycb_341"
4
+ "root": "awsui_root_gfwv3_1eux3_193",
5
+ "horizontal": "awsui_horizontal_gfwv3_1eux3_196",
6
+ "vertical": "awsui_vertical_gfwv3_1eux3_202",
7
+ "list": "awsui_list_gfwv3_1eux3_207",
8
+ "grid": "awsui_grid_gfwv3_1eux3_226",
9
+ "list-item": "awsui_list-item_gfwv3_1eux3_238",
10
+ "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1eux3_245",
11
+ "toggle": "awsui_toggle_gfwv3_1eux3_245",
12
+ "description": "awsui_description_gfwv3_1eux3_337",
13
+ "separator": "awsui_separator_gfwv3_1eux3_341"
14
14
  };
15
15