@cloudscape-design/components-themeable 3.0.1359 → 3.0.1361

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 (197) hide show
  1. package/lib/__tests__/theming.test.d.ts +2 -0
  2. package/lib/__tests__/theming.test.d.ts.map +1 -0
  3. package/lib/__tests__/theming.test.js +47 -0
  4. package/lib/__tests__/theming.test.js.map +1 -0
  5. package/lib/internal/manifest.json +1 -1
  6. package/lib/internal/scss/alert/styles.scss +13 -12
  7. package/lib/internal/scss/badge/styles.scss +38 -49
  8. package/lib/internal/scss/button/styles.scss +51 -51
  9. package/lib/internal/scss/cards/styles.scss +4 -0
  10. package/lib/internal/scss/container/styles.scss +2 -0
  11. package/lib/internal/scss/icon/hover-motion.scss +24 -12
  12. package/lib/internal/scss/input/styles.scss +4 -0
  13. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +175 -174
  14. package/lib/internal/scss/internal/styles/forms/mixins.scss +11 -2
  15. package/lib/internal/scss/internal/styles/style-api.scss +60 -10
  16. package/lib/internal/scss/pagination/styles.scss +3 -1
  17. package/lib/internal/scss/table/styles.scss +5 -0
  18. package/lib/internal/template/alert/styles.css.js +27 -27
  19. package/lib/internal/template/alert/styles.scoped.css +50 -50
  20. package/lib/internal/template/alert/styles.selectors.js +27 -27
  21. package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
  22. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +21 -21
  23. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
  24. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  25. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  26. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  27. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  28. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  29. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  30. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  31. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +89 -89
  32. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  33. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
  34. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +13 -13
  35. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
  36. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
  37. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +68 -68
  38. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
  39. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  40. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  41. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  42. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  43. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  44. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  45. package/lib/internal/template/button/styles.css.js +23 -23
  46. package/lib/internal/template/button/styles.scoped.css +261 -261
  47. package/lib/internal/template/button/styles.selectors.js +23 -23
  48. package/lib/internal/template/button-dropdown/filter.d.ts +1 -1
  49. package/lib/internal/template/button-dropdown/filter.d.ts.map +1 -1
  50. package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
  51. package/lib/internal/template/button-dropdown/internal.js +9 -3
  52. package/lib/internal/template/button-dropdown/internal.js.map +1 -1
  53. package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
  54. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +37 -37
  55. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  56. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts +5 -3
  57. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
  58. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js +14 -2
  59. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js.map +1 -1
  60. package/lib/internal/template/cards/styles.css.js +39 -38
  61. package/lib/internal/template/cards/styles.scoped.css +42 -39
  62. package/lib/internal/template/cards/styles.selectors.js +39 -38
  63. package/lib/internal/template/checkbox/styles.css.js +3 -3
  64. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  65. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  66. package/lib/internal/template/container/styles.css.js +33 -33
  67. package/lib/internal/template/container/styles.scoped.css +57 -56
  68. package/lib/internal/template/container/styles.selectors.js +33 -33
  69. package/lib/internal/template/content-layout/styles.css.js +14 -14
  70. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  71. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  72. package/lib/internal/template/dropdown/styles.css.js +20 -20
  73. package/lib/internal/template/dropdown/styles.scoped.css +49 -49
  74. package/lib/internal/template/dropdown/styles.selectors.js +20 -20
  75. package/lib/internal/template/file-token-group/styles.css.js +23 -23
  76. package/lib/internal/template/file-token-group/styles.scoped.css +36 -36
  77. package/lib/internal/template/file-token-group/styles.selectors.js +23 -23
  78. package/lib/internal/template/flashbar/styles.css.js +50 -50
  79. package/lib/internal/template/flashbar/styles.scoped.css +192 -192
  80. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  81. package/lib/internal/template/help-panel/styles.css.js +6 -6
  82. package/lib/internal/template/help-panel/styles.scoped.css +72 -72
  83. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  84. package/lib/internal/template/input/index.d.ts.map +1 -1
  85. package/lib/internal/template/input/index.js +3 -2
  86. package/lib/internal/template/input/index.js.map +1 -1
  87. package/lib/internal/template/input/interfaces.d.ts +6 -0
  88. package/lib/internal/template/input/interfaces.d.ts.map +1 -1
  89. package/lib/internal/template/input/interfaces.js.map +1 -1
  90. package/lib/internal/template/input/internal.d.ts +0 -1
  91. package/lib/internal/template/input/internal.d.ts.map +1 -1
  92. package/lib/internal/template/input/internal.js +26 -12
  93. package/lib/internal/template/input/internal.js.map +1 -1
  94. package/lib/internal/template/input/styles.css.js +29 -28
  95. package/lib/internal/template/input/styles.scoped.css +134 -131
  96. package/lib/internal/template/input/styles.selectors.js +29 -28
  97. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  98. package/lib/internal/template/internal/components/drag-handle-wrapper/index.d.ts.map +1 -1
  99. package/lib/internal/template/internal/components/drag-handle-wrapper/index.js +2 -1
  100. package/lib/internal/template/internal/components/drag-handle-wrapper/index.js.map +1 -1
  101. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  102. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  103. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  104. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  105. package/lib/internal/template/internal/components/option/styles.scoped.css +31 -31
  106. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  107. package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
  108. package/lib/internal/template/internal/components/radio-button/styles.scoped.css +18 -18
  109. package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
  110. package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -22
  111. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +57 -57
  112. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -22
  113. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  114. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  115. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  116. package/lib/internal/template/internal/environment.js +2 -2
  117. package/lib/internal/template/internal/environment.json +2 -2
  118. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +1 -0
  119. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  120. package/lib/internal/template/internal/generated/custom-css-properties/index.js +174 -173
  121. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  122. package/lib/internal/template/internal/generated/styles/tokens.js +200 -200
  123. package/lib/internal/template/internal/generated/theming/index.cjs +200 -200
  124. package/lib/internal/template/internal/generated/theming/index.js +200 -200
  125. package/lib/internal/template/internal/utils/focus-visible.d.ts +15 -0
  126. package/lib/internal/template/internal/utils/focus-visible.d.ts.map +1 -0
  127. package/lib/internal/template/internal/utils/focus-visible.js +21 -0
  128. package/lib/internal/template/internal/utils/focus-visible.js.map +1 -0
  129. package/lib/internal/template/item-card/styles.css.js +14 -14
  130. package/lib/internal/template/item-card/styles.scoped.css +63 -63
  131. package/lib/internal/template/item-card/styles.selectors.js +14 -14
  132. package/lib/internal/template/link/styles.css.js +21 -21
  133. package/lib/internal/template/link/styles.scoped.css +104 -104
  134. package/lib/internal/template/link/styles.selectors.js +21 -21
  135. package/lib/internal/template/modal/styles.css.js +31 -31
  136. package/lib/internal/template/modal/styles.scoped.css +48 -48
  137. package/lib/internal/template/modal/styles.selectors.js +31 -31
  138. package/lib/internal/template/pagination/internal.js +1 -1
  139. package/lib/internal/template/pagination/internal.js.map +1 -1
  140. package/lib/internal/template/pagination/styles.css.js +12 -12
  141. package/lib/internal/template/pagination/styles.scoped.css +31 -31
  142. package/lib/internal/template/pagination/styles.selectors.js +12 -12
  143. package/lib/internal/template/progress-bar/styles.css.js +19 -19
  144. package/lib/internal/template/progress-bar/styles.scoped.css +58 -58
  145. package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
  146. package/lib/internal/template/prompt-input/styles.css.js +26 -26
  147. package/lib/internal/template/prompt-input/styles.scoped.css +105 -105
  148. package/lib/internal/template/prompt-input/styles.selectors.js +26 -26
  149. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  150. package/lib/internal/template/segmented-control/styles.scoped.css +46 -46
  151. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  152. package/lib/internal/template/select/parts/filter.d.ts +1 -1
  153. package/lib/internal/template/select/parts/filter.d.ts.map +1 -1
  154. package/lib/internal/template/select/parts/styles.css.js +21 -21
  155. package/lib/internal/template/select/parts/styles.scoped.css +24 -24
  156. package/lib/internal/template/select/parts/styles.selectors.js +21 -21
  157. package/lib/internal/template/side-navigation/styles.css.js +64 -64
  158. package/lib/internal/template/side-navigation/styles.scoped.css +111 -111
  159. package/lib/internal/template/side-navigation/styles.selectors.js +64 -64
  160. package/lib/internal/template/slider/styles.css.js +26 -26
  161. package/lib/internal/template/slider/styles.scoped.css +165 -165
  162. package/lib/internal/template/slider/styles.selectors.js +26 -26
  163. package/lib/internal/template/spinner/styles.css.js +14 -14
  164. package/lib/internal/template/spinner/styles.scoped.css +40 -40
  165. package/lib/internal/template/spinner/styles.selectors.js +14 -14
  166. package/lib/internal/template/table/styles.css.js +37 -37
  167. package/lib/internal/template/table/styles.scoped.css +47 -44
  168. package/lib/internal/template/table/styles.selectors.js +37 -37
  169. package/lib/internal/template/tabs/styles.css.js +30 -30
  170. package/lib/internal/template/tabs/styles.scoped.css +76 -76
  171. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  172. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  173. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  174. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  175. package/lib/internal/template/test-utils/dom/input/index.d.ts +1 -0
  176. package/lib/internal/template/test-utils/dom/input/index.js +3 -0
  177. package/lib/internal/template/test-utils/dom/input/index.js.map +1 -1
  178. package/lib/internal/template/test-utils/selectors/input/index.d.ts +1 -0
  179. package/lib/internal/template/test-utils/selectors/input/index.js +3 -0
  180. package/lib/internal/template/test-utils/selectors/input/index.js.map +1 -1
  181. package/lib/internal/template/text-content/styles.css.js +1 -1
  182. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  183. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  184. package/lib/internal/template/textarea/styles.css.js +9 -9
  185. package/lib/internal/template/textarea/styles.scoped.css +51 -51
  186. package/lib/internal/template/textarea/styles.selectors.js +9 -9
  187. package/lib/internal/template/toggle/styles.css.js +10 -10
  188. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  189. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  190. package/lib/internal/template/token/styles.css.js +14 -14
  191. package/lib/internal/template/token/styles.scoped.css +46 -46
  192. package/lib/internal/template/token/styles.selectors.js +14 -14
  193. package/lib/theming.d.ts +1 -1
  194. package/lib/theming.d.ts.map +1 -1
  195. package/lib/theming.js +11 -2
  196. package/lib/theming.js.map +1 -1
  197. package/package.json +1 -1
@@ -7,7 +7,7 @@
7
7
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
8
8
  /* Style used for links in slots/components that are text heavy, to help links stand out among
9
9
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
10
- .awsui_root_55fkh_1r6py_10:not(#\9) {
10
+ .awsui_root_55fkh_7hmfa_10:not(#\9) {
11
11
  border-collapse: separate;
12
12
  border-spacing: 0;
13
13
  box-sizing: border-box;
@@ -42,107 +42,107 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
42
42
  border-end-start-radius: var(--border-radius-input-k1q34z, 2px);
43
43
  border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
44
44
  cursor: text;
45
- background-color: var(--awsui-prompt-input-style-background-default-esndbs, var(--color-background-input-default-1u0v1p, #ffffff));
46
- border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-default-jtkw9d, #687078));
47
- border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-default-jtkw9d, #687078));
48
- box-shadow: var(--awsui-prompt-input-style-box-shadow-default-esndbs);
49
- }
50
- .awsui_root_55fkh_1r6py_10:not(#\9):hover {
51
- background-color: var(--awsui-prompt-input-style-background-hover-esndbs, var(--awsui-prompt-input-style-background-default-esndbs, var(--color-background-input-default-1u0v1p, #ffffff)));
52
- border-color: var(--awsui-prompt-input-style-border-color-hover-esndbs, var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-default-jtkw9d, #687078)));
53
- box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-esndbs, var(--awsui-prompt-input-style-box-shadow-default-esndbs));
54
- }
55
- .awsui_root_55fkh_1r6py_10.awsui_textarea-readonly_55fkh_1r6py_55:not(#\9) {
56
- background-color: var(--awsui-prompt-input-style-background-readonly-esndbs, var(--awsui-prompt-input-style-background-default-esndbs, var(--color-background-input-default-1u0v1p, #ffffff)));
57
- border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-esndbs, var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded)));
58
- border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-esndbs, var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded)));
59
- box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-esndbs);
60
- }
61
- .awsui_root_55fkh_1r6py_10.awsui_disabled_55fkh_1r6py_61:not(#\9) {
62
- background-color: var(--awsui-prompt-input-style-background-disabled-esndbs, var(--color-background-input-disabled-pyvhb1, #eaeded));
63
- border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded));
64
- border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded));
65
- color: var(--awsui-prompt-input-style-color-disabled-esndbs, var(--color-text-input-disabled-s4k7tb, #879596));
45
+ background-color: var(--awsui-prompt-input-style-background-default-66120l, var(--color-background-input-default-1u0v1p, #ffffff));
46
+ border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-default-jtkw9d, #687078));
47
+ border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-default-jtkw9d, #687078));
48
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-default-66120l);
49
+ }
50
+ .awsui_root_55fkh_7hmfa_10:not(#\9):hover {
51
+ background-color: var(--awsui-prompt-input-style-background-hover-66120l, var(--awsui-prompt-input-style-background-default-66120l, var(--color-background-input-default-1u0v1p, #ffffff)));
52
+ border-color: var(--awsui-prompt-input-style-border-color-hover-66120l, var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-default-jtkw9d, #687078)));
53
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-66120l, var(--awsui-prompt-input-style-box-shadow-default-66120l));
54
+ }
55
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-readonly_55fkh_7hmfa_55:not(#\9) {
56
+ background-color: var(--awsui-prompt-input-style-background-readonly-66120l, var(--awsui-prompt-input-style-background-default-66120l, var(--color-background-input-default-1u0v1p, #ffffff)));
57
+ border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-66120l, var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-disabled-5m31k6, #eaeded)));
58
+ border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-66120l, var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-border-input-disabled-5m31k6, #eaeded)));
59
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-66120l);
60
+ }
61
+ .awsui_root_55fkh_7hmfa_10.awsui_disabled_55fkh_7hmfa_61:not(#\9) {
62
+ background-color: var(--awsui-prompt-input-style-background-disabled-66120l, var(--color-background-input-disabled-pyvhb1, #eaeded));
63
+ border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-66120l, var(--color-border-input-disabled-5m31k6, #eaeded));
64
+ border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-66120l, var(--color-border-input-disabled-5m31k6, #eaeded));
65
+ color: var(--awsui-prompt-input-style-color-disabled-66120l, var(--color-text-input-disabled-s4k7tb, #879596));
66
66
  cursor: default;
67
- box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-esndbs);
67
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-66120l);
68
68
  }
69
- .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9) {
70
- color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-status-error-ri38gt, #d13212));
71
- border-color: var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-text-status-error-ri38gt, #d13212));
69
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9) {
70
+ color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-status-error-ri38gt, #d13212));
71
+ border-color: var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-text-status-error-ri38gt, #d13212));
72
72
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
73
73
  border-inline-start-width: var(--border-invalid-width-b183os, 4px);
74
74
  }
75
- .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9):focus {
75
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9):focus {
76
76
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
77
77
  }
78
- .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9) {
78
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9) {
79
79
  padding-inline-start: 0;
80
80
  }
81
- .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9):focus-within, .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9):focus {
82
- color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-status-error-ri38gt, #d13212));
83
- border-color: var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-text-status-error-ri38gt, #d13212));
81
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9):focus-within, .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9):focus {
82
+ color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-status-error-ri38gt, #d13212));
83
+ border-color: var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-text-status-error-ri38gt, #d13212));
84
84
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
85
85
  border-inline-start-width: var(--border-invalid-width-b183os, 4px);
86
86
  }
87
- .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9):focus-within:focus, .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9):focus:focus {
87
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9):focus-within:focus, .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9):focus:focus {
88
88
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
89
89
  }
90
- .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9):focus-within, .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69:not(#\9):focus {
90
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9):focus-within, .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69:not(#\9):focus {
91
91
  padding-inline-start: 0;
92
92
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
93
93
  }
94
- .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69.awsui_disabled_55fkh_1r6py_61:not(#\9):focus-within, .awsui_root_55fkh_1r6py_10.awsui_textarea-invalid_55fkh_1r6py_69.awsui_disabled_55fkh_1r6py_61:not(#\9):focus {
95
- box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-esndbs);
94
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69.awsui_disabled_55fkh_7hmfa_61:not(#\9):focus-within, .awsui_root_55fkh_7hmfa_10.awsui_textarea-invalid_55fkh_7hmfa_69.awsui_disabled_55fkh_7hmfa_61:not(#\9):focus {
95
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-66120l);
96
96
  }
97
- .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9) {
98
- color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-status-warning-fabq6h, #906806));
99
- border-color: var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-text-status-warning-fabq6h, #906806));
97
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9) {
98
+ color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-status-warning-fabq6h, #906806));
99
+ border-color: var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-text-status-warning-fabq6h, #906806));
100
100
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
101
101
  border-inline-start-width: var(--border-invalid-width-b183os, 4px);
102
102
  }
103
- .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9):focus {
103
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9):focus {
104
104
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
105
105
  }
106
- .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9) {
106
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9) {
107
107
  padding-inline-start: 0;
108
108
  }
109
- .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9):focus-within, .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9):focus {
110
- color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-status-warning-fabq6h, #906806));
111
- border-color: var(--awsui-prompt-input-style-border-color-default-esndbs, var(--color-text-status-warning-fabq6h, #906806));
109
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9):focus-within, .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9):focus {
110
+ color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-status-warning-fabq6h, #906806));
111
+ border-color: var(--awsui-prompt-input-style-border-color-default-66120l, var(--color-text-status-warning-fabq6h, #906806));
112
112
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
113
113
  border-inline-start-width: var(--border-invalid-width-b183os, 4px);
114
114
  }
115
- .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9):focus-within:focus, .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9):focus:focus {
115
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9):focus-within:focus, .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9):focus:focus {
116
116
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
117
117
  }
118
- .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9):focus-within, .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97:not(#\9):focus {
118
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9):focus-within, .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97:not(#\9):focus {
119
119
  padding-inline-start: 0;
120
120
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
121
121
  }
122
- .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97.awsui_disabled_55fkh_1r6py_61:not(#\9):focus-within, .awsui_root_55fkh_1r6py_10.awsui_textarea-warning_55fkh_1r6py_97.awsui_disabled_55fkh_1r6py_61:not(#\9):focus {
123
- box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-esndbs);
122
+ .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97.awsui_disabled_55fkh_7hmfa_61:not(#\9):focus-within, .awsui_root_55fkh_7hmfa_10.awsui_textarea-warning_55fkh_7hmfa_97.awsui_disabled_55fkh_7hmfa_61:not(#\9):focus {
123
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-66120l);
124
124
  }
125
- .awsui_root_55fkh_1r6py_10:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_1r6py_69):not(.awsui_textarea-warning_55fkh_1r6py_97), .awsui_root_55fkh_1r6py_10:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_1r6py_69):not(.awsui_textarea-warning_55fkh_1r6py_97) {
125
+ .awsui_root_55fkh_7hmfa_10:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_7hmfa_69):not(.awsui_textarea-warning_55fkh_7hmfa_97), .awsui_root_55fkh_7hmfa_10:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_7hmfa_69):not(.awsui_textarea-warning_55fkh_7hmfa_97) {
126
126
  outline: 2px dotted transparent;
127
- border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-focus-esndbs, var(--color-border-input-focused-ppoq5z, #0073bb));
128
- border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-focus-esndbs, var(--color-border-input-focused-ppoq5z, #0073bb));
127
+ border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-focus-66120l, var(--color-border-input-focused-ppoq5z, #0073bb));
128
+ border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-focus-66120l, var(--color-border-input-focused-ppoq5z, #0073bb));
129
129
  border-start-start-radius: var(--border-radius-input-k1q34z, 2px);
130
130
  border-start-end-radius: var(--border-radius-input-k1q34z, 2px);
131
131
  border-end-start-radius: var(--border-radius-input-k1q34z, 2px);
132
132
  border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
133
- box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-esndbs, 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb));
134
- background-color: var(--awsui-prompt-input-style-background-focus-esndbs, var(--color-background-input-default-1u0v1p, #ffffff));
135
- }
136
- .awsui_root_55fkh_1r6py_10.awsui_disabled_55fkh_1r6py_61:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_1r6py_69):not(.awsui_textarea-warning_55fkh_1r6py_97), .awsui_root_55fkh_1r6py_10.awsui_disabled_55fkh_1r6py_61:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_1r6py_69):not(.awsui_textarea-warning_55fkh_1r6py_97) {
137
- background-color: var(--awsui-prompt-input-style-background-disabled-esndbs, var(--color-background-input-disabled-pyvhb1, #eaeded));
138
- border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded));
139
- border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded));
140
- color: var(--awsui-prompt-input-style-color-disabled-esndbs, var(--color-text-input-disabled-s4k7tb, #879596));
133
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-66120l, 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb));
134
+ background-color: var(--awsui-prompt-input-style-background-focus-66120l, var(--color-background-input-default-1u0v1p, #ffffff));
135
+ }
136
+ .awsui_root_55fkh_7hmfa_10.awsui_disabled_55fkh_7hmfa_61:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_7hmfa_69):not(.awsui_textarea-warning_55fkh_7hmfa_97), .awsui_root_55fkh_7hmfa_10.awsui_disabled_55fkh_7hmfa_61:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_7hmfa_69):not(.awsui_textarea-warning_55fkh_7hmfa_97) {
137
+ background-color: var(--awsui-prompt-input-style-background-disabled-66120l, var(--color-background-input-disabled-pyvhb1, #eaeded));
138
+ border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-66120l, var(--color-border-input-disabled-5m31k6, #eaeded));
139
+ border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-66120l, var(--color-border-input-disabled-5m31k6, #eaeded));
140
+ color: var(--awsui-prompt-input-style-color-disabled-66120l, var(--color-text-input-disabled-s4k7tb, #879596));
141
141
  cursor: default;
142
- box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-esndbs);
142
+ box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-66120l);
143
143
  }
144
144
 
145
- .awsui_textarea_55fkh_1r6py_55:not(#\9) {
145
+ .awsui_textarea_55fkh_7hmfa_55:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -184,101 +184,101 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
184
184
  background-color: inherit;
185
185
  padding-block: var(--space-field-vertical-77df8s, 4px);
186
186
  padding-inline: var(--space-field-horizontal-anki5k, 8px);
187
- color: var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-body-default-b2us04, #16191f));
187
+ color: var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-body-default-b2us04, #16191f));
188
188
  max-inline-size: 100%;
189
189
  inline-size: 100%;
190
190
  display: block;
191
191
  box-sizing: border-box;
192
192
  border: 0;
193
193
  }
194
- .awsui_textarea_55fkh_1r6py_55.awsui_placeholder-visible_55fkh_1r6py_194:not(#\9) {
194
+ .awsui_textarea_55fkh_7hmfa_55.awsui_placeholder-visible_55fkh_7hmfa_194:not(#\9) {
195
195
  display: grid;
196
196
  grid-template-columns: 1fr;
197
197
  }
198
- .awsui_textarea_55fkh_1r6py_55.awsui_placeholder-visible_55fkh_1r6py_194:not(#\9)::before, .awsui_textarea_55fkh_1r6py_55.awsui_placeholder-visible_55fkh_1r6py_194 > *:not(#\9) {
198
+ .awsui_textarea_55fkh_7hmfa_55.awsui_placeholder-visible_55fkh_7hmfa_194:not(#\9)::before, .awsui_textarea_55fkh_7hmfa_55.awsui_placeholder-visible_55fkh_7hmfa_194 > *:not(#\9) {
199
199
  grid-column: 1;
200
200
  grid-row: 1;
201
201
  }
202
- .awsui_textarea_55fkh_1r6py_55.awsui_placeholder-visible_55fkh_1r6py_194:not(#\9)::before {
202
+ .awsui_textarea_55fkh_7hmfa_55.awsui_placeholder-visible_55fkh_7hmfa_194:not(#\9)::before {
203
203
  content: attr(data-placeholder);
204
- color: var(--awsui-prompt-input-style-placeholder-color-esndbs, var(--color-text-input-placeholder-l6klmg, #687078));
205
- font-size: var(--awsui-prompt-input-style-placeholder-font-size-esndbs);
206
- font-style: var(--awsui-prompt-input-style-placeholder-font-style-esndbs, italic);
207
- font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-esndbs);
204
+ color: var(--awsui-prompt-input-style-placeholder-color-66120l, var(--color-text-input-placeholder-l6klmg, #687078));
205
+ font-size: var(--awsui-prompt-input-style-placeholder-font-size-66120l);
206
+ font-style: var(--awsui-prompt-input-style-placeholder-font-style-66120l, italic);
207
+ font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-66120l);
208
208
  opacity: 1;
209
209
  pointer-events: none;
210
210
  align-self: start;
211
211
  min-inline-size: 0;
212
212
  }
213
- .awsui_textarea_55fkh_1r6py_55:not(#\9):hover {
214
- color: var(--awsui-prompt-input-style-color-hover-esndbs, var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-body-default-b2us04, #16191f)));
213
+ .awsui_textarea_55fkh_7hmfa_55:not(#\9):hover {
214
+ color: var(--awsui-prompt-input-style-color-hover-66120l, var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-body-default-b2us04, #16191f)));
215
215
  }
216
- .awsui_textarea_55fkh_1r6py_55:not(#\9):focus {
216
+ .awsui_textarea_55fkh_7hmfa_55:not(#\9):focus {
217
217
  outline: none;
218
- color: var(--awsui-prompt-input-style-color-focus-esndbs, var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-body-default-b2us04, #16191f)));
218
+ color: var(--awsui-prompt-input-style-color-focus-66120l, var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-body-default-b2us04, #16191f)));
219
219
  }
220
- .awsui_textarea_55fkh_1r6py_55:not(#\9):invalid {
220
+ .awsui_textarea_55fkh_7hmfa_55:not(#\9):invalid {
221
221
  box-shadow: none;
222
222
  }
223
- .awsui_textarea_55fkh_1r6py_55:not(#\9)::placeholder {
224
- color: var(--awsui-prompt-input-style-placeholder-color-esndbs, var(--color-text-input-placeholder-l6klmg, #687078));
225
- font-size: var(--awsui-prompt-input-style-placeholder-font-size-esndbs);
226
- font-style: var(--awsui-prompt-input-style-placeholder-font-style-esndbs, italic);
227
- font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-esndbs);
223
+ .awsui_textarea_55fkh_7hmfa_55:not(#\9)::placeholder {
224
+ color: var(--awsui-prompt-input-style-placeholder-color-66120l, var(--color-text-input-placeholder-l6klmg, #687078));
225
+ font-size: var(--awsui-prompt-input-style-placeholder-font-size-66120l);
226
+ font-style: var(--awsui-prompt-input-style-placeholder-font-style-66120l, italic);
227
+ font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-66120l);
228
228
  opacity: 1;
229
229
  }
230
- .awsui_textarea_55fkh_1r6py_55.awsui_invalid_55fkh_1r6py_230:not(#\9), .awsui_textarea_55fkh_1r6py_55.awsui_warning_55fkh_1r6py_230:not(#\9) {
230
+ .awsui_textarea_55fkh_7hmfa_55.awsui_invalid_55fkh_7hmfa_230:not(#\9), .awsui_textarea_55fkh_7hmfa_55.awsui_warning_55fkh_7hmfa_230:not(#\9) {
231
231
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
232
232
  }
233
- .awsui_textarea_55fkh_1r6py_55:not(#\9):disabled, .awsui_textarea_55fkh_1r6py_55.awsui_textarea-disabled_55fkh_1r6py_233:not(#\9) {
234
- color: var(--awsui-prompt-input-style-color-disabled-esndbs, var(--color-text-input-disabled-s4k7tb, #879596));
233
+ .awsui_textarea_55fkh_7hmfa_55:not(#\9):disabled, .awsui_textarea_55fkh_7hmfa_55.awsui_textarea-disabled_55fkh_7hmfa_233:not(#\9) {
234
+ color: var(--awsui-prompt-input-style-color-disabled-66120l, var(--color-text-input-disabled-s4k7tb, #879596));
235
235
  cursor: default;
236
236
  overflow-y: hidden;
237
237
  }
238
- .awsui_textarea_55fkh_1r6py_55:not(#\9):disabled::placeholder, .awsui_textarea_55fkh_1r6py_55.awsui_textarea-disabled_55fkh_1r6py_233:not(#\9)::placeholder {
238
+ .awsui_textarea_55fkh_7hmfa_55:not(#\9):disabled::placeholder, .awsui_textarea_55fkh_7hmfa_55.awsui_textarea-disabled_55fkh_7hmfa_233:not(#\9)::placeholder {
239
239
  color: var(--color-text-input-placeholder-disabled-8cf69l, #687078);
240
240
  opacity: 1;
241
241
  }
242
- .awsui_textarea-readonly_55fkh_1r6py_55:not(#\9) {
243
- color: var(--awsui-prompt-input-style-color-readonly-esndbs, var(--awsui-prompt-input-style-color-default-esndbs, var(--color-text-body-default-b2us04, #16191f)));
242
+ .awsui_textarea-readonly_55fkh_7hmfa_55:not(#\9) {
243
+ color: var(--awsui-prompt-input-style-color-readonly-66120l, var(--awsui-prompt-input-style-color-default-66120l, var(--color-text-body-default-b2us04, #16191f)));
244
244
  }
245
- .awsui_textarea_55fkh_1r6py_55.awsui_textarea-disabled_55fkh_1r6py_233.awsui_placeholder-visible_55fkh_1r6py_194:not(#\9)::before {
245
+ .awsui_textarea_55fkh_7hmfa_55.awsui_textarea-disabled_55fkh_7hmfa_233.awsui_placeholder-visible_55fkh_7hmfa_194:not(#\9)::before {
246
246
  color: var(--color-text-input-placeholder-disabled-8cf69l, #687078);
247
247
  opacity: 1;
248
248
  pointer-events: none;
249
249
  }
250
- .awsui_textarea-wrapper_55fkh_1r6py_250:not(#\9) {
250
+ .awsui_textarea-wrapper_55fkh_7hmfa_250:not(#\9) {
251
251
  display: flex;
252
252
  position: relative;
253
253
  }
254
254
 
255
- .awsui_editable-wrapper_55fkh_1r6py_255:not(#\9) {
255
+ .awsui_editable-wrapper_55fkh_7hmfa_255:not(#\9) {
256
256
  flex: 1;
257
257
  min-inline-size: 0;
258
258
  position: relative;
259
259
  }
260
260
 
261
- .awsui_editable-element_55fkh_1r6py_261:not(#\9) {
261
+ .awsui_editable-element_55fkh_7hmfa_261:not(#\9) {
262
262
  word-wrap: break-word;
263
263
  overflow-wrap: break-word;
264
264
  overflow-y: auto;
265
265
  overflow-x: hidden;
266
266
  }
267
267
 
268
- .awsui_primary-action_55fkh_1r6py_268:not(#\9) {
268
+ .awsui_primary-action_55fkh_7hmfa_268:not(#\9) {
269
269
  align-self: flex-end;
270
270
  flex-shrink: 0;
271
271
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) / 2);
272
272
  }
273
- .awsui_textarea-wrapper_55fkh_1r6py_250 > .awsui_primary-action_55fkh_1r6py_268:not(#\9) {
273
+ .awsui_textarea-wrapper_55fkh_7hmfa_250 > .awsui_primary-action_55fkh_7hmfa_268:not(#\9) {
274
274
  padding-inline-end: calc(var(--space-field-horizontal-anki5k, 8px) / 2);
275
275
  }
276
- .awsui_textarea-wrapper_55fkh_1r6py_250 > .awsui_primary-action_55fkh_1r6py_268 > .awsui_action-button_55fkh_1r6py_276:not(#\9) {
276
+ .awsui_textarea-wrapper_55fkh_7hmfa_250 > .awsui_primary-action_55fkh_7hmfa_268 > .awsui_action-button_55fkh_7hmfa_276:not(#\9) {
277
277
  margin-block-end: var(--space-scaled-xxxs-n0ri6o, 2px);
278
278
  padding: 0;
279
279
  }
280
280
 
281
- .awsui_secondary-content_55fkh_1r6py_281:not(#\9) {
281
+ .awsui_secondary-content_55fkh_7hmfa_281:not(#\9) {
282
282
  border-collapse: separate;
283
283
  border-spacing: 0;
284
284
  box-sizing: border-box;
@@ -313,17 +313,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
313
313
  border-end-start-radius: var(--border-radius-input-k1q34z, 2px);
314
314
  border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
315
315
  }
316
- .awsui_secondary-content_55fkh_1r6py_281.awsui_with-paddings_55fkh_1r6py_316:not(#\9) {
316
+ .awsui_secondary-content_55fkh_7hmfa_281.awsui_with-paddings_55fkh_7hmfa_316:not(#\9) {
317
317
  padding-block-start: var(--space-scaled-s-2crg2b, 12px);
318
318
  padding-block-end: var(--space-scaled-s-2crg2b, 12px);
319
319
  padding-inline-start: var(--space-field-horizontal-anki5k, 8px);
320
320
  padding-inline-end: var(--space-field-horizontal-anki5k, 8px);
321
321
  }
322
- .awsui_secondary-content_55fkh_1r6py_281.awsui_with-paddings_55fkh_1r6py_316.awsui_invalid_55fkh_1r6py_230:not(#\9), .awsui_secondary-content_55fkh_1r6py_281.awsui_with-paddings_55fkh_1r6py_316.awsui_warning_55fkh_1r6py_230:not(#\9) {
322
+ .awsui_secondary-content_55fkh_7hmfa_281.awsui_with-paddings_55fkh_7hmfa_316.awsui_invalid_55fkh_7hmfa_230:not(#\9), .awsui_secondary-content_55fkh_7hmfa_281.awsui_with-paddings_55fkh_7hmfa_316.awsui_warning_55fkh_7hmfa_230:not(#\9) {
323
323
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
324
324
  }
325
325
 
326
- .awsui_action-stripe_55fkh_1r6py_326:not(#\9) {
326
+ .awsui_action-stripe_55fkh_7hmfa_326:not(#\9) {
327
327
  border-collapse: separate;
328
328
  border-spacing: 0;
329
329
  box-sizing: border-box;
@@ -362,7 +362,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
362
362
  align-items: flex-end;
363
363
  }
364
364
 
365
- .awsui_secondary-actions_55fkh_1r6py_365:not(#\9) {
365
+ .awsui_secondary-actions_55fkh_7hmfa_365:not(#\9) {
366
366
  flex-basis: max-content;
367
367
  flex-grow: 0;
368
368
  flex-shrink: 1;
@@ -372,25 +372,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
372
372
  overflow: hidden;
373
373
  padding-inline-end: var(--space-scaled-xxs-j00t0m, 4px);
374
374
  }
375
- .awsui_secondary-actions_55fkh_1r6py_365.awsui_with-paddings_55fkh_1r6py_316:not(#\9) {
375
+ .awsui_secondary-actions_55fkh_7hmfa_365.awsui_with-paddings_55fkh_7hmfa_316:not(#\9) {
376
376
  padding-inline: var(--space-field-horizontal-anki5k, 8px);
377
377
  padding-block-start: var(--space-scaled-s-2crg2b, 12px);
378
378
  padding-block-end: var(--space-field-vertical-77df8s, 4px);
379
379
  }
380
- .awsui_secondary-actions_55fkh_1r6py_365.awsui_with-paddings_55fkh_1r6py_316.awsui_invalid_55fkh_1r6py_230:not(#\9), .awsui_secondary-actions_55fkh_1r6py_365.awsui_with-paddings_55fkh_1r6py_316.awsui_warning_55fkh_1r6py_230:not(#\9) {
380
+ .awsui_secondary-actions_55fkh_7hmfa_365.awsui_with-paddings_55fkh_7hmfa_316.awsui_invalid_55fkh_7hmfa_230:not(#\9), .awsui_secondary-actions_55fkh_7hmfa_365.awsui_with-paddings_55fkh_7hmfa_316.awsui_warning_55fkh_7hmfa_230:not(#\9) {
381
381
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
382
382
  }
383
- .awsui_secondary-actions_55fkh_1r6py_365.awsui_with-paddings-and-actions_55fkh_1r6py_383:not(#\9) {
383
+ .awsui_secondary-actions_55fkh_7hmfa_365.awsui_with-paddings-and-actions_55fkh_7hmfa_383:not(#\9) {
384
384
  padding-inline-end: 0;
385
385
  }
386
386
 
387
- .awsui_buffer_55fkh_1r6py_387:not(#\9) {
387
+ .awsui_buffer_55fkh_7hmfa_387:not(#\9) {
388
388
  flex: 1;
389
389
  align-self: stretch;
390
390
  cursor: text;
391
391
  }
392
392
 
393
- .awsui_token-container_55fkh_1r6py_393:not(#\9) {
393
+ .awsui_token-container_55fkh_7hmfa_393:not(#\9) {
394
394
  display: inline-block;
395
395
  user-select: all;
396
396
  -webkit-user-select: all;
@@ -398,22 +398,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
398
398
  padding-inline: var(--space-xxxs-3ulqs3, 2px);
399
399
  }
400
400
 
401
- .awsui_reference-wrapper_55fkh_1r6py_401:not(#\9) {
401
+ .awsui_reference-wrapper_55fkh_7hmfa_401:not(#\9) {
402
402
  unicode-bidi: isolate;
403
403
  }
404
404
 
405
- .awsui_trigger-base_55fkh_1r6py_405:not(#\9) {
405
+ .awsui_trigger-base_55fkh_7hmfa_405:not(#\9) {
406
406
  unicode-bidi: isolate;
407
407
  }
408
408
 
409
- .awsui_trigger-token_55fkh_1r6py_409:not(#\9) {
409
+ .awsui_trigger-token_55fkh_7hmfa_409:not(#\9) {
410
410
  -webkit-text-decoration: underline dashed currentColor;
411
411
  text-decoration: underline dashed currentColor;
412
412
  text-decoration-thickness: var(--border-divider-list-width-2qbfmz, 1px);
413
413
  text-underline-offset: var(--space-xxxs-3ulqs3, 2px);
414
414
  }
415
415
 
416
- .awsui_paragraph_55fkh_1r6py_415:not(#\9) {
416
+ .awsui_paragraph_55fkh_7hmfa_415:not(#\9) {
417
417
  border-collapse: separate;
418
418
  border-spacing: 0;
419
419
  box-sizing: border-box;
@@ -2,31 +2,31 @@
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_1r6py_10",
6
- "textarea-readonly": "awsui_textarea-readonly_55fkh_1r6py_55",
7
- "disabled": "awsui_disabled_55fkh_1r6py_61",
8
- "textarea-invalid": "awsui_textarea-invalid_55fkh_1r6py_69",
9
- "textarea-warning": "awsui_textarea-warning_55fkh_1r6py_97",
10
- "textarea": "awsui_textarea_55fkh_1r6py_55",
11
- "placeholder-visible": "awsui_placeholder-visible_55fkh_1r6py_194",
12
- "invalid": "awsui_invalid_55fkh_1r6py_230",
13
- "warning": "awsui_warning_55fkh_1r6py_230",
14
- "textarea-disabled": "awsui_textarea-disabled_55fkh_1r6py_233",
15
- "textarea-wrapper": "awsui_textarea-wrapper_55fkh_1r6py_250",
16
- "editable-wrapper": "awsui_editable-wrapper_55fkh_1r6py_255",
17
- "editable-element": "awsui_editable-element_55fkh_1r6py_261",
18
- "primary-action": "awsui_primary-action_55fkh_1r6py_268",
19
- "action-button": "awsui_action-button_55fkh_1r6py_276",
20
- "secondary-content": "awsui_secondary-content_55fkh_1r6py_281",
21
- "with-paddings": "awsui_with-paddings_55fkh_1r6py_316",
22
- "action-stripe": "awsui_action-stripe_55fkh_1r6py_326",
23
- "secondary-actions": "awsui_secondary-actions_55fkh_1r6py_365",
24
- "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_1r6py_383",
25
- "buffer": "awsui_buffer_55fkh_1r6py_387",
26
- "token-container": "awsui_token-container_55fkh_1r6py_393",
27
- "reference-wrapper": "awsui_reference-wrapper_55fkh_1r6py_401",
28
- "trigger-base": "awsui_trigger-base_55fkh_1r6py_405",
29
- "trigger-token": "awsui_trigger-token_55fkh_1r6py_409",
30
- "paragraph": "awsui_paragraph_55fkh_1r6py_415"
5
+ "root": "awsui_root_55fkh_7hmfa_10",
6
+ "textarea-readonly": "awsui_textarea-readonly_55fkh_7hmfa_55",
7
+ "disabled": "awsui_disabled_55fkh_7hmfa_61",
8
+ "textarea-invalid": "awsui_textarea-invalid_55fkh_7hmfa_69",
9
+ "textarea-warning": "awsui_textarea-warning_55fkh_7hmfa_97",
10
+ "textarea": "awsui_textarea_55fkh_7hmfa_55",
11
+ "placeholder-visible": "awsui_placeholder-visible_55fkh_7hmfa_194",
12
+ "invalid": "awsui_invalid_55fkh_7hmfa_230",
13
+ "warning": "awsui_warning_55fkh_7hmfa_230",
14
+ "textarea-disabled": "awsui_textarea-disabled_55fkh_7hmfa_233",
15
+ "textarea-wrapper": "awsui_textarea-wrapper_55fkh_7hmfa_250",
16
+ "editable-wrapper": "awsui_editable-wrapper_55fkh_7hmfa_255",
17
+ "editable-element": "awsui_editable-element_55fkh_7hmfa_261",
18
+ "primary-action": "awsui_primary-action_55fkh_7hmfa_268",
19
+ "action-button": "awsui_action-button_55fkh_7hmfa_276",
20
+ "secondary-content": "awsui_secondary-content_55fkh_7hmfa_281",
21
+ "with-paddings": "awsui_with-paddings_55fkh_7hmfa_316",
22
+ "action-stripe": "awsui_action-stripe_55fkh_7hmfa_326",
23
+ "secondary-actions": "awsui_secondary-actions_55fkh_7hmfa_365",
24
+ "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_7hmfa_383",
25
+ "buffer": "awsui_buffer_55fkh_7hmfa_387",
26
+ "token-container": "awsui_token-container_55fkh_7hmfa_393",
27
+ "reference-wrapper": "awsui_reference-wrapper_55fkh_7hmfa_401",
28
+ "trigger-base": "awsui_trigger-base_55fkh_7hmfa_405",
29
+ "trigger-token": "awsui_trigger-token_55fkh_7hmfa_409",
30
+ "paragraph": "awsui_paragraph_55fkh_7hmfa_415"
31
31
  };
32
32
 
@@ -1,21 +1,21 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "segment": "awsui_segment_8cbea_17kep_17",
5
- "refresh": "awsui_refresh_8cbea_17kep_44",
6
- "disabled": "awsui_disabled_8cbea_17kep_50",
7
- "selected": "awsui_selected_8cbea_17kep_107",
8
- "icon": "awsui_icon_8cbea_17kep_117",
9
- "with-text": "awsui_with-text_8cbea_17kep_121",
10
- "with-no-text": "awsui_with-no-text_8cbea_17kep_127",
11
- "root": "awsui_root_8cbea_17kep_132",
12
- "segment-part": "awsui_segment-part_8cbea_17kep_164",
13
- "select": "awsui_select_8cbea_17kep_107",
14
- "segment-count-2": "awsui_segment-count-2_8cbea_17kep_199",
15
- "segment-count-3": "awsui_segment-count-3_8cbea_17kep_203",
16
- "segment-count-4": "awsui_segment-count-4_8cbea_17kep_207",
17
- "segment-count-5": "awsui_segment-count-5_8cbea_17kep_211",
18
- "segment-count-6": "awsui_segment-count-6_8cbea_17kep_215",
19
- "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_17kep_219"
4
+ "segment": "awsui_segment_8cbea_17mt7_17",
5
+ "refresh": "awsui_refresh_8cbea_17mt7_44",
6
+ "disabled": "awsui_disabled_8cbea_17mt7_50",
7
+ "selected": "awsui_selected_8cbea_17mt7_107",
8
+ "icon": "awsui_icon_8cbea_17mt7_117",
9
+ "with-text": "awsui_with-text_8cbea_17mt7_121",
10
+ "with-no-text": "awsui_with-no-text_8cbea_17mt7_127",
11
+ "root": "awsui_root_8cbea_17mt7_132",
12
+ "segment-part": "awsui_segment-part_8cbea_17mt7_164",
13
+ "select": "awsui_select_8cbea_17mt7_107",
14
+ "segment-count-2": "awsui_segment-count-2_8cbea_17mt7_199",
15
+ "segment-count-3": "awsui_segment-count-3_8cbea_17mt7_203",
16
+ "segment-count-4": "awsui_segment-count-4_8cbea_17mt7_207",
17
+ "segment-count-5": "awsui_segment-count-5_8cbea_17mt7_211",
18
+ "segment-count-6": "awsui_segment-count-6_8cbea_17mt7_215",
19
+ "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_17mt7_219"
20
20
  };
21
21