@cloudscape-design/components-themeable 3.0.1221 → 3.0.1223

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 (126) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +142 -140
  3. package/lib/internal/scss/modal/styles.scss +43 -1
  4. package/lib/internal/scss/table/styles.scss +1 -3
  5. package/lib/internal/template/alert/styles.css.js +27 -27
  6. package/lib/internal/template/alert/styles.scoped.css +50 -50
  7. package/lib/internal/template/alert/styles.selectors.js +27 -27
  8. package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
  9. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +21 -21
  10. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
  11. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  12. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  13. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  14. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  15. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  16. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  17. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +89 -89
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
  26. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  27. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  28. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  29. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  30. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  31. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  32. package/lib/internal/template/button/styles.css.js +22 -22
  33. package/lib/internal/template/button/styles.scoped.css +256 -256
  34. package/lib/internal/template/button/styles.selectors.js +22 -22
  35. package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
  36. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +37 -37
  37. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  38. package/lib/internal/template/checkbox/styles.css.js +3 -3
  39. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  40. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  41. package/lib/internal/template/content-layout/styles.css.js +14 -14
  42. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  43. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  44. package/lib/internal/template/flashbar/styles.css.js +50 -50
  45. package/lib/internal/template/flashbar/styles.scoped.css +187 -187
  46. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  47. package/lib/internal/template/help-panel/styles.css.js +6 -6
  48. package/lib/internal/template/help-panel/styles.scoped.css +73 -73
  49. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  50. package/lib/internal/template/input/styles.css.js +13 -13
  51. package/lib/internal/template/input/styles.scoped.css +74 -74
  52. package/lib/internal/template/input/styles.selectors.js +13 -13
  53. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  54. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  55. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  56. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  57. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  58. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +39 -39
  59. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  60. package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
  61. package/lib/internal/template/internal/components/radio-button/styles.scoped.css +18 -18
  62. package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
  63. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  64. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  65. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  66. package/lib/internal/template/internal/environment.js +2 -2
  67. package/lib/internal/template/internal/environment.json +2 -2
  68. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +2 -0
  69. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  70. package/lib/internal/template/internal/generated/custom-css-properties/index.js +141 -139
  71. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  72. package/lib/internal/template/link/styles.css.js +20 -20
  73. package/lib/internal/template/link/styles.scoped.css +103 -103
  74. package/lib/internal/template/link/styles.selectors.js +20 -20
  75. package/lib/internal/template/modal/index.d.ts +1 -1
  76. package/lib/internal/template/modal/index.d.ts.map +1 -1
  77. package/lib/internal/template/modal/index.js +6 -3
  78. package/lib/internal/template/modal/index.js.map +1 -1
  79. package/lib/internal/template/modal/interfaces.d.ts +28 -3
  80. package/lib/internal/template/modal/interfaces.d.ts.map +1 -1
  81. package/lib/internal/template/modal/interfaces.js.map +1 -1
  82. package/lib/internal/template/modal/internal.d.ts +2 -0
  83. package/lib/internal/template/modal/internal.d.ts.map +1 -1
  84. package/lib/internal/template/modal/internal.js +20 -14
  85. package/lib/internal/template/modal/internal.js.map +1 -1
  86. package/lib/internal/template/modal/styles.css.js +31 -23
  87. package/lib/internal/template/modal/styles.scoped.css +70 -39
  88. package/lib/internal/template/modal/styles.selectors.js +31 -23
  89. package/lib/internal/template/modal/use-modal-dimensions.d.ts +17 -0
  90. package/lib/internal/template/modal/use-modal-dimensions.d.ts.map +1 -0
  91. package/lib/internal/template/modal/use-modal-dimensions.js +37 -0
  92. package/lib/internal/template/modal/use-modal-dimensions.js.map +1 -0
  93. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  94. package/lib/internal/template/progress-bar/styles.scoped.css +48 -48
  95. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  96. package/lib/internal/template/prompt-input/styles.css.js +17 -17
  97. package/lib/internal/template/prompt-input/styles.scoped.css +79 -79
  98. package/lib/internal/template/prompt-input/styles.selectors.js +17 -17
  99. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  100. package/lib/internal/template/segmented-control/styles.scoped.css +46 -46
  101. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  102. package/lib/internal/template/slider/styles.css.js +26 -26
  103. package/lib/internal/template/slider/styles.scoped.css +165 -165
  104. package/lib/internal/template/slider/styles.selectors.js +26 -26
  105. package/lib/internal/template/spinner/styles.css.js +13 -13
  106. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  107. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  108. package/lib/internal/template/table/styles.css.js +34 -34
  109. package/lib/internal/template/table/styles.scoped.css +42 -44
  110. package/lib/internal/template/table/styles.selectors.js +34 -34
  111. package/lib/internal/template/tabs/styles.css.js +30 -30
  112. package/lib/internal/template/tabs/styles.scoped.css +76 -76
  113. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  114. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  115. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  116. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  117. package/lib/internal/template/text-content/styles.css.js +1 -1
  118. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  119. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  120. package/lib/internal/template/textarea/styles.css.js +5 -5
  121. package/lib/internal/template/textarea/styles.scoped.css +45 -45
  122. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  123. package/lib/internal/template/toggle/styles.css.js +10 -10
  124. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  125. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  126. package/package.json +1 -1
package/lib/internal/template/text-content/styles.scoped.css CHANGED
@@ -143,7 +143,7 @@
143
143
  */
144
144
  /* Style used for links in slots/components that are text heavy, to help links stand out among
145
145
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
146
- .awsui_text-content_6absk_1udjb_146:not(#\9) {
146
+ .awsui_text-content_6absk_yhf9y_146:not(#\9) {
147
147
  border-collapse: separate;
148
148
  border-spacing: 0;
149
149
  box-sizing: border-box;
@@ -176,12 +176,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
176
176
  /* stylelint-disable no-descending-specificity */
177
177
  /* stylelint-enable no-descending-specificity */
178
178
  }
179
- .awsui_text-content_6absk_1udjb_146 h1:not(#\9),
180
- .awsui_text-content_6absk_1udjb_146 h2:not(#\9),
181
- .awsui_text-content_6absk_1udjb_146 h3:not(#\9),
182
- .awsui_text-content_6absk_1udjb_146 h4:not(#\9),
183
- .awsui_text-content_6absk_1udjb_146 h5:not(#\9),
184
- .awsui_text-content_6absk_1udjb_146 p:not(#\9) {
179
+ .awsui_text-content_6absk_yhf9y_146 h1:not(#\9),
180
+ .awsui_text-content_6absk_yhf9y_146 h2:not(#\9),
181
+ .awsui_text-content_6absk_yhf9y_146 h3:not(#\9),
182
+ .awsui_text-content_6absk_yhf9y_146 h4:not(#\9),
183
+ .awsui_text-content_6absk_yhf9y_146 h5:not(#\9),
184
+ .awsui_text-content_6absk_yhf9y_146 p:not(#\9) {
185
185
  font-family: inherit;
186
186
  font-weight: normal;
187
187
  text-decoration: none;
@@ -190,14 +190,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
190
  padding-block: var(--space-xxs-jnczic, 4px);
191
191
  padding-inline: 0;
192
192
  }
193
- .awsui_text-content_6absk_1udjb_146 h1:not(#\9),
194
- .awsui_text-content_6absk_1udjb_146 h2:not(#\9),
195
- .awsui_text-content_6absk_1udjb_146 h3:not(#\9),
196
- .awsui_text-content_6absk_1udjb_146 h4:not(#\9),
197
- .awsui_text-content_6absk_1udjb_146 h5:not(#\9) {
193
+ .awsui_text-content_6absk_yhf9y_146 h1:not(#\9),
194
+ .awsui_text-content_6absk_yhf9y_146 h2:not(#\9),
195
+ .awsui_text-content_6absk_yhf9y_146 h3:not(#\9),
196
+ .awsui_text-content_6absk_yhf9y_146 h4:not(#\9),
197
+ .awsui_text-content_6absk_yhf9y_146 h5:not(#\9) {
198
198
  color: var(--color-text-heading-default-wlau07, #16191f);
199
199
  }
200
- .awsui_text-content_6absk_1udjb_146 h1:not(#\9) {
200
+ .awsui_text-content_6absk_yhf9y_146 h1:not(#\9) {
201
201
  font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
202
202
  font-size: var(--font-size-heading-xl-w5di2k, 28px);
203
203
  line-height: var(--line-height-heading-xl-vs1f23, 36px);
@@ -206,7 +206,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
206
206
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
207
207
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
208
208
  }
209
- .awsui_text-content_6absk_1udjb_146 h2:not(#\9) {
209
+ .awsui_text-content_6absk_yhf9y_146 h2:not(#\9) {
210
210
  font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
211
211
  font-size: var(--font-size-heading-l-qgg2za, 18px);
212
212
  line-height: var(--line-height-heading-l-vhgtnq, 22px);
@@ -215,7 +215,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
215
215
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
216
216
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
217
217
  }
218
- .awsui_text-content_6absk_1udjb_146 h3:not(#\9) {
218
+ .awsui_text-content_6absk_yhf9y_146 h3:not(#\9) {
219
219
  font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
220
220
  font-size: var(--font-size-heading-m-56jjln, 18px);
221
221
  line-height: var(--line-height-heading-m-irezqt, 22px);
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
224
224
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
225
225
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
226
226
  }
227
- .awsui_text-content_6absk_1udjb_146 h4:not(#\9) {
227
+ .awsui_text-content_6absk_yhf9y_146 h4:not(#\9) {
228
228
  font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
229
229
  font-size: var(--font-size-heading-s-yde02v, 16px);
230
230
  line-height: var(--line-height-heading-s-j2axh8, 20px);
@@ -233,7 +233,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
233
233
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
234
234
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
235
235
  }
236
- .awsui_text-content_6absk_1udjb_146 h5:not(#\9) {
236
+ .awsui_text-content_6absk_yhf9y_146 h5:not(#\9) {
237
237
  font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
238
238
  font-size: var(--font-size-heading-xs-c20ika, 16px);
239
239
  line-height: var(--line-height-heading-xs-fuzanp, 20px);
@@ -241,27 +241,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
241
241
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
242
242
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
243
243
  }
244
- .awsui_text-content_6absk_1udjb_146 b:not(#\9),
245
- .awsui_text-content_6absk_1udjb_146 strong:not(#\9) {
244
+ .awsui_text-content_6absk_yhf9y_146 b:not(#\9),
245
+ .awsui_text-content_6absk_yhf9y_146 strong:not(#\9) {
246
246
  font-weight: 700;
247
247
  }
248
- .awsui_text-content_6absk_1udjb_146 p:not(#\9) {
248
+ .awsui_text-content_6absk_yhf9y_146 p:not(#\9) {
249
249
  font-size: var(--font-size-body-m-vv54cm, 14px);
250
250
  line-height: var(--line-height-body-m-bedeoh, 22px);
251
251
  color: inherit;
252
252
  }
253
- .awsui_text-content_6absk_1udjb_146 small:not(#\9) {
253
+ .awsui_text-content_6absk_yhf9y_146 small:not(#\9) {
254
254
  display: inline-block;
255
255
  font-size: var(--font-size-body-s-psgqn2, 12px);
256
256
  line-height: var(--line-height-body-s-otgtsr, 16px);
257
257
  letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
258
258
  color: var(--color-text-small-m20sr1, #687078);
259
259
  }
260
- .awsui_text-content_6absk_1udjb_146 small a:not(#\9) {
260
+ .awsui_text-content_6absk_yhf9y_146 small a:not(#\9) {
261
261
  font-size: inherit;
262
262
  text-underline-offset: 0.25em;
263
263
  text-decoration-thickness: 1px;
264
- color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-default-z7zuy8, #0073bb));
264
+ color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
265
265
  font-weight: inherit;
266
266
  letter-spacing: normal;
267
267
  text-decoration-line: underline;
@@ -272,44 +272,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
272
272
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
273
273
  }
274
274
  @media (prefers-reduced-motion: reduce) {
275
- .awsui_text-content_6absk_1udjb_146 small a:not(#\9) {
275
+ .awsui_text-content_6absk_yhf9y_146 small a:not(#\9) {
276
276
  animation: none;
277
277
  transition: none;
278
278
  }
279
279
  }
280
- .awsui-motion-disabled .awsui_text-content_6absk_1udjb_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1udjb_146 small a:not(#\9) {
280
+ .awsui-motion-disabled .awsui_text-content_6absk_yhf9y_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_yhf9y_146 small a:not(#\9) {
281
281
  animation: none;
282
282
  transition: none;
283
283
  }
284
- .awsui_text-content_6absk_1udjb_146 small a:not(#\9):hover {
284
+ .awsui_text-content_6absk_yhf9y_146 small a:not(#\9):hover {
285
285
  cursor: pointer;
286
- color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
286
+ color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
287
287
  }
288
- .awsui_text-content_6absk_1udjb_146 small a:not(#\9):focus {
288
+ .awsui_text-content_6absk_yhf9y_146 small a:not(#\9):focus {
289
289
  outline: none;
290
290
  }
291
- .awsui_text-content_6absk_1udjb_146 small a:not(#\9):active {
292
- color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
291
+ .awsui_text-content_6absk_yhf9y_146 small a:not(#\9):active {
292
+ color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
293
293
  }
294
- .awsui_text-content_6absk_1udjb_146 small a:not(#\9):active, .awsui_text-content_6absk_1udjb_146 small a:not(#\9):focus, .awsui_text-content_6absk_1udjb_146 small a:not(#\9):hover {
294
+ .awsui_text-content_6absk_yhf9y_146 small a:not(#\9):active, .awsui_text-content_6absk_yhf9y_146 small a:not(#\9):focus, .awsui_text-content_6absk_yhf9y_146 small a:not(#\9):hover {
295
295
  text-decoration-line: underline;
296
296
  text-decoration-color: currentColor;
297
297
  }
298
- .awsui_text-content_6absk_1udjb_146 code:not(#\9),
299
- .awsui_text-content_6absk_1udjb_146 pre:not(#\9),
300
- .awsui_text-content_6absk_1udjb_146 samp:not(#\9) {
298
+ .awsui_text-content_6absk_yhf9y_146 code:not(#\9),
299
+ .awsui_text-content_6absk_yhf9y_146 pre:not(#\9),
300
+ .awsui_text-content_6absk_yhf9y_146 samp:not(#\9) {
301
301
  font-family: var(--font-family-monospace-fub2rr, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
302
302
  background: transparent;
303
303
  }
304
- .awsui_text-content_6absk_1udjb_146 code:not(#\9) {
304
+ .awsui_text-content_6absk_yhf9y_146 code:not(#\9) {
305
305
  font-size: var(--font-size-body-s-psgqn2, 12px);
306
306
  line-height: var(--line-height-body-s-otgtsr, 16px);
307
307
  letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
308
308
  }
309
- .awsui_text-content_6absk_1udjb_146 a:not(#\9) {
309
+ .awsui_text-content_6absk_yhf9y_146 a:not(#\9) {
310
310
  text-underline-offset: 0.25em;
311
311
  text-decoration-thickness: 1px;
312
- color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-default-z7zuy8, #0073bb));
312
+ color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
313
313
  font-weight: inherit;
314
314
  letter-spacing: normal;
315
315
  text-decoration-line: underline;
@@ -320,30 +320,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
320
320
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
321
321
  }
322
322
  @media (prefers-reduced-motion: reduce) {
323
- .awsui_text-content_6absk_1udjb_146 a:not(#\9) {
323
+ .awsui_text-content_6absk_yhf9y_146 a:not(#\9) {
324
324
  animation: none;
325
325
  transition: none;
326
326
  }
327
327
  }
328
- .awsui-motion-disabled .awsui_text-content_6absk_1udjb_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1udjb_146 a:not(#\9) {
328
+ .awsui-motion-disabled .awsui_text-content_6absk_yhf9y_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_yhf9y_146 a:not(#\9) {
329
329
  animation: none;
330
330
  transition: none;
331
331
  }
332
- .awsui_text-content_6absk_1udjb_146 a:not(#\9):hover {
332
+ .awsui_text-content_6absk_yhf9y_146 a:not(#\9):hover {
333
333
  cursor: pointer;
334
- color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
334
+ color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
335
335
  }
336
- .awsui_text-content_6absk_1udjb_146 a:not(#\9):focus {
336
+ .awsui_text-content_6absk_yhf9y_146 a:not(#\9):focus {
337
337
  outline: none;
338
338
  }
339
- .awsui_text-content_6absk_1udjb_146 a:not(#\9):active {
340
- color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
339
+ .awsui_text-content_6absk_yhf9y_146 a:not(#\9):active {
340
+ color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
341
341
  }
342
- .awsui_text-content_6absk_1udjb_146 a:not(#\9):active, .awsui_text-content_6absk_1udjb_146 a:not(#\9):focus, .awsui_text-content_6absk_1udjb_146 a:not(#\9):hover {
342
+ .awsui_text-content_6absk_yhf9y_146 a:not(#\9):active, .awsui_text-content_6absk_yhf9y_146 a:not(#\9):focus, .awsui_text-content_6absk_yhf9y_146 a:not(#\9):hover {
343
343
  text-decoration-line: underline;
344
344
  text-decoration-color: currentColor;
345
345
  }
346
- .awsui_text-content_6absk_1udjb_146 a:not(#\9):focus {
346
+ .awsui_text-content_6absk_yhf9y_146 a:not(#\9):focus {
347
347
  outline: thin dotted;
348
348
  outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
349
349
  outline-offset: 2px;
@@ -354,33 +354,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
354
354
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
355
355
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
356
356
  }
357
- .awsui_text-content_6absk_1udjb_146 ul:not(#\9),
358
- .awsui_text-content_6absk_1udjb_146 ol:not(#\9) {
357
+ .awsui_text-content_6absk_yhf9y_146 ul:not(#\9),
358
+ .awsui_text-content_6absk_yhf9y_146 ol:not(#\9) {
359
359
  padding-inline-start: var(--space-l-3cws6j, 20px);
360
360
  margin-block: var(--space-scaled-xs-sppte9, 8px);
361
361
  margin-inline: 0;
362
362
  list-style-position: outside;
363
363
  }
364
- .awsui_text-content_6absk_1udjb_146 ul + ul:not(#\9),
365
- .awsui_text-content_6absk_1udjb_146 ul + ol:not(#\9),
366
- .awsui_text-content_6absk_1udjb_146 ul > li + ul:not(#\9),
367
- .awsui_text-content_6absk_1udjb_146 ul > li + li:not(#\9),
368
- .awsui_text-content_6absk_1udjb_146 ul > li + ol:not(#\9),
369
- .awsui_text-content_6absk_1udjb_146 ul > li > ul:not(#\9),
370
- .awsui_text-content_6absk_1udjb_146 ul > li > ol:not(#\9),
371
- .awsui_text-content_6absk_1udjb_146 ol + ul:not(#\9),
372
- .awsui_text-content_6absk_1udjb_146 ol + ol:not(#\9),
373
- .awsui_text-content_6absk_1udjb_146 ol > li + ul:not(#\9),
374
- .awsui_text-content_6absk_1udjb_146 ol > li + li:not(#\9),
375
- .awsui_text-content_6absk_1udjb_146 ol > li + ol:not(#\9),
376
- .awsui_text-content_6absk_1udjb_146 ol > li > ul:not(#\9),
377
- .awsui_text-content_6absk_1udjb_146 ol > li > ol:not(#\9) {
364
+ .awsui_text-content_6absk_yhf9y_146 ul + ul:not(#\9),
365
+ .awsui_text-content_6absk_yhf9y_146 ul + ol:not(#\9),
366
+ .awsui_text-content_6absk_yhf9y_146 ul > li + ul:not(#\9),
367
+ .awsui_text-content_6absk_yhf9y_146 ul > li + li:not(#\9),
368
+ .awsui_text-content_6absk_yhf9y_146 ul > li + ol:not(#\9),
369
+ .awsui_text-content_6absk_yhf9y_146 ul > li > ul:not(#\9),
370
+ .awsui_text-content_6absk_yhf9y_146 ul > li > ol:not(#\9),
371
+ .awsui_text-content_6absk_yhf9y_146 ol + ul:not(#\9),
372
+ .awsui_text-content_6absk_yhf9y_146 ol + ol:not(#\9),
373
+ .awsui_text-content_6absk_yhf9y_146 ol > li + ul:not(#\9),
374
+ .awsui_text-content_6absk_yhf9y_146 ol > li + li:not(#\9),
375
+ .awsui_text-content_6absk_yhf9y_146 ol > li + ol:not(#\9),
376
+ .awsui_text-content_6absk_yhf9y_146 ol > li > ul:not(#\9),
377
+ .awsui_text-content_6absk_yhf9y_146 ol > li > ol:not(#\9) {
378
378
  padding-block-start: var(--space-scaled-xxs-jatbiv, 4px);
379
379
  }
380
- .awsui_text-content_6absk_1udjb_146 ul > li > ul:not(#\9),
381
- .awsui_text-content_6absk_1udjb_146 ul > li > ol:not(#\9),
382
- .awsui_text-content_6absk_1udjb_146 ol > li > ul:not(#\9),
383
- .awsui_text-content_6absk_1udjb_146 ol > li > ol:not(#\9) {
380
+ .awsui_text-content_6absk_yhf9y_146 ul > li > ul:not(#\9),
381
+ .awsui_text-content_6absk_yhf9y_146 ul > li > ol:not(#\9),
382
+ .awsui_text-content_6absk_yhf9y_146 ol > li > ul:not(#\9),
383
+ .awsui_text-content_6absk_yhf9y_146 ol > li > ol:not(#\9) {
384
384
  margin-block: 0;
385
385
  margin-inline: 0;
386
386
  }
package/lib/internal/template/text-content/styles.selectors.js CHANGED
@@ -2,6 +2,6 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "text-content": "awsui_text-content_6absk_1udjb_146"
5
+ "text-content": "awsui_text-content_6absk_yhf9y_146"
6
6
  };
7
7
 
package/lib/internal/template/textarea/styles.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_qk1j1_1h4p9_145",
5
- "textarea": "awsui_textarea_qk1j1_1h4p9_149",
6
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_1h4p9_206",
7
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_1h4p9_247",
8
- "textarea-warning": "awsui_textarea-warning_qk1j1_1h4p9_256"
4
+ "root": "awsui_root_qk1j1_18mr4_145",
5
+ "textarea": "awsui_textarea_qk1j1_18mr4_149",
6
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_18mr4_206",
7
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_18mr4_247",
8
+ "textarea-warning": "awsui_textarea-warning_qk1j1_18mr4_256"
9
9
  };
10
10
 
package/lib/internal/template/textarea/styles.scoped.css CHANGED
@@ -142,11 +142,11 @@
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_root_qk1j1_1h4p9_145:not(#\9) {
145
+ .awsui_root_qk1j1_18mr4_145:not(#\9) {
146
146
  /* used for test-utils */
147
147
  }
148
148
 
149
- .awsui_textarea_qk1j1_1h4p9_149:not(#\9) {
149
+ .awsui_textarea_qk1j1_18mr4_149:not(#\9) {
150
150
  border-collapse: separate;
151
151
  border-spacing: 0;
152
152
  box-sizing: border-box;
@@ -181,84 +181,84 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
181
181
  white-space: pre-wrap;
182
182
  padding-block: var(--space-scaled-xxs-jatbiv, 4px);
183
183
  padding-inline: var(--space-field-horizontal-n5peob, 8px);
184
- color: var(--awsui-style-color-default-c5ek4l, var(--color-text-body-default-5qid0u, #16191f));
184
+ color: var(--awsui-style-color-default-n6lfw8, var(--color-text-body-default-5qid0u, #16191f));
185
185
  max-inline-size: 100%;
186
186
  inline-size: 100%;
187
187
  display: block;
188
188
  box-sizing: border-box;
189
- background-color: var(--awsui-style-background-default-c5ek4l, var(--color-background-input-default-1z2buq, #ffffff));
189
+ background-color: var(--awsui-style-background-default-n6lfw8, var(--color-background-input-default-1z2buq, #ffffff));
190
190
  border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
191
191
  border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
192
192
  border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
193
193
  border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
194
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-c5ek4l, var(--color-border-input-default-txli8y, #687078));
195
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-c5ek4l, var(--color-border-input-default-txli8y, #687078));
196
- box-shadow: var(--awsui-style-box-shadow-default-c5ek4l);
194
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-n6lfw8, var(--color-border-input-default-txli8y, #687078));
195
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-n6lfw8, var(--color-border-input-default-txli8y, #687078));
196
+ box-shadow: var(--awsui-style-box-shadow-default-n6lfw8);
197
197
  font-size: var(--font-size-body-m-vv54cm, 14px);
198
198
  line-height: var(--line-height-body-m-bedeoh, 22px);
199
199
  }
200
- .awsui_textarea_qk1j1_1h4p9_149:not(#\9):hover {
201
- border-color: var(--awsui-style-border-color-hover-c5ek4l, var(--awsui-style-border-color-default-c5ek4l, var(--color-border-input-default-txli8y, #687078)));
202
- color: var(--awsui-style-color-hover-c5ek4l, var(--awsui-style-border-color-default-c5ek4l, var(--color-text-body-default-5qid0u, #16191f)));
203
- background-color: var(--awsui-style-background-hover-c5ek4l, var(--awsui-style-background-default-c5ek4l, var(--color-background-input-default-1z2buq, #ffffff)));
204
- box-shadow: var(--awsui-style-box-shadow-hover-c5ek4l, --awsui-style-box-shadow-default-c5ek4l);
200
+ .awsui_textarea_qk1j1_18mr4_149:not(#\9):hover {
201
+ border-color: var(--awsui-style-border-color-hover-n6lfw8, var(--awsui-style-border-color-default-n6lfw8, var(--color-border-input-default-txli8y, #687078)));
202
+ color: var(--awsui-style-color-hover-n6lfw8, var(--awsui-style-border-color-default-n6lfw8, var(--color-text-body-default-5qid0u, #16191f)));
203
+ background-color: var(--awsui-style-background-hover-n6lfw8, var(--awsui-style-background-default-n6lfw8, var(--color-background-input-default-1z2buq, #ffffff)));
204
+ box-shadow: var(--awsui-style-box-shadow-hover-n6lfw8, --awsui-style-box-shadow-default-n6lfw8);
205
205
  }
206
- .awsui_textarea_qk1j1_1h4p9_149.awsui_textarea-readonly_qk1j1_1h4p9_206:not(#\9) {
207
- background-color: var(--awsui-style-background-readonly-c5ek4l, var(--awsui-style-background-default-c5ek4l, var(--color-background-input-default-1z2buq, #ffffff)));
208
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-c5ek4l, var(--awsui-style-border-color-default-c5ek4l, var(--color-border-input-disabled-tz38ro, #eaeded)));
209
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-c5ek4l, var(--awsui-style-border-color-default-c5ek4l, var(--color-border-input-disabled-tz38ro, #eaeded)));
210
- color: var(--awsui-style-color-readonly-c5ek4l, var(--awsui-style-color-default-c5ek4l, var(--color-text-body-default-5qid0u, #16191f)));
211
- box-shadow: var(--awsui-style-box-shadow-readonly-c5ek4l);
206
+ .awsui_textarea_qk1j1_18mr4_149.awsui_textarea-readonly_qk1j1_18mr4_206:not(#\9) {
207
+ background-color: var(--awsui-style-background-readonly-n6lfw8, var(--awsui-style-background-default-n6lfw8, var(--color-background-input-default-1z2buq, #ffffff)));
208
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-n6lfw8, var(--awsui-style-border-color-default-n6lfw8, var(--color-border-input-disabled-tz38ro, #eaeded)));
209
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-n6lfw8, var(--awsui-style-border-color-default-n6lfw8, var(--color-border-input-disabled-tz38ro, #eaeded)));
210
+ color: var(--awsui-style-color-readonly-n6lfw8, var(--awsui-style-color-default-n6lfw8, var(--color-text-body-default-5qid0u, #16191f)));
211
+ box-shadow: var(--awsui-style-box-shadow-readonly-n6lfw8);
212
212
  }
213
- .awsui_textarea_qk1j1_1h4p9_149:not(#\9)::placeholder {
214
- color: var(--awsui-style-placeholder-color-c5ek4l, var(--color-text-input-placeholder-hvcry0, #687078));
215
- font-size: var(--awsui-style-placeholder-font-size-c5ek4l);
216
- font-style: var(--awsui-style-placeholder-font-style-c5ek4l, italic);
217
- font-weight: var(--awsui-style-placeholder-font-weight-c5ek4l);
213
+ .awsui_textarea_qk1j1_18mr4_149:not(#\9)::placeholder {
214
+ color: var(--awsui-style-placeholder-color-n6lfw8, var(--color-text-input-placeholder-hvcry0, #687078));
215
+ font-size: var(--awsui-style-placeholder-font-size-n6lfw8);
216
+ font-style: var(--awsui-style-placeholder-font-style-n6lfw8, italic);
217
+ font-weight: var(--awsui-style-placeholder-font-weight-n6lfw8);
218
218
  opacity: 1;
219
219
  }
220
- .awsui_textarea_qk1j1_1h4p9_149:not(#\9):focus {
220
+ .awsui_textarea_qk1j1_18mr4_149:not(#\9):focus {
221
221
  outline: 2px dotted transparent;
222
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-c5ek4l, var(--color-border-input-focused-lslq4r, #0073bb));
223
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-c5ek4l, var(--color-border-input-focused-lslq4r, #0073bb));
222
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-n6lfw8, var(--color-border-input-focused-lslq4r, #0073bb));
223
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-n6lfw8, var(--color-border-input-focused-lslq4r, #0073bb));
224
224
  border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
225
225
  border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
226
226
  border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
227
227
  border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
228
- box-shadow: var(--awsui-style-box-shadow-focus-c5ek4l, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
229
- color: var(--awsui-style-color-focus-c5ek4l, var(--color-text-body-default-5qid0u, #16191f));
230
- background-color: var(--awsui-style-background-focus-c5ek4l, var(--color-background-input-default-1z2buq, #ffffff));
228
+ box-shadow: var(--awsui-style-box-shadow-focus-n6lfw8, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
229
+ color: var(--awsui-style-color-focus-n6lfw8, var(--color-text-body-default-5qid0u, #16191f));
230
+ background-color: var(--awsui-style-background-focus-n6lfw8, var(--color-background-input-default-1z2buq, #ffffff));
231
231
  }
232
- .awsui_textarea_qk1j1_1h4p9_149:not(#\9):invalid {
232
+ .awsui_textarea_qk1j1_18mr4_149:not(#\9):invalid {
233
233
  box-shadow: none;
234
234
  }
235
- .awsui_textarea_qk1j1_1h4p9_149:not(#\9):disabled {
236
- background-color: var(--awsui-style-background-disabled-c5ek4l, var(--color-background-input-disabled-4vlau3, #eaeded));
237
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-c5ek4l, var(--color-border-input-disabled-tz38ro, #eaeded));
238
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-c5ek4l, var(--color-border-input-disabled-tz38ro, #eaeded));
239
- color: var(--awsui-style-color-disabled-c5ek4l, var(--color-text-input-disabled-y5t5v9, #879596));
235
+ .awsui_textarea_qk1j1_18mr4_149:not(#\9):disabled {
236
+ background-color: var(--awsui-style-background-disabled-n6lfw8, var(--color-background-input-disabled-4vlau3, #eaeded));
237
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-n6lfw8, var(--color-border-input-disabled-tz38ro, #eaeded));
238
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-n6lfw8, var(--color-border-input-disabled-tz38ro, #eaeded));
239
+ color: var(--awsui-style-color-disabled-n6lfw8, var(--color-text-input-disabled-y5t5v9, #879596));
240
240
  cursor: default;
241
- box-shadow: var(--awsui-style-box-shadow-disabled-c5ek4l);
241
+ box-shadow: var(--awsui-style-box-shadow-disabled-n6lfw8);
242
242
  }
243
- .awsui_textarea_qk1j1_1h4p9_149:not(#\9):disabled::placeholder {
243
+ .awsui_textarea_qk1j1_18mr4_149:not(#\9):disabled::placeholder {
244
244
  color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
245
245
  opacity: 1;
246
246
  }
247
- .awsui_textarea_qk1j1_1h4p9_149.awsui_textarea-invalid_qk1j1_1h4p9_247:not(#\9) {
248
- color: var(--awsui-style-color-default-c5ek4l, var(--color-text-status-error-aknuvu, #d13212));
249
- border-color: var(--awsui-style-border-color-default-c5ek4l, var(--color-text-status-error-aknuvu, #d13212));
247
+ .awsui_textarea_qk1j1_18mr4_149.awsui_textarea-invalid_qk1j1_18mr4_247:not(#\9) {
248
+ color: var(--awsui-style-color-default-n6lfw8, var(--color-text-status-error-aknuvu, #d13212));
249
+ border-color: var(--awsui-style-border-color-default-n6lfw8, var(--color-text-status-error-aknuvu, #d13212));
250
250
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
251
251
  border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
252
252
  }
253
- .awsui_textarea_qk1j1_1h4p9_149.awsui_textarea-invalid_qk1j1_1h4p9_247:not(#\9):focus {
253
+ .awsui_textarea_qk1j1_18mr4_149.awsui_textarea-invalid_qk1j1_18mr4_247:not(#\9):focus {
254
254
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
255
255
  }
256
- .awsui_textarea_qk1j1_1h4p9_149.awsui_textarea-warning_qk1j1_1h4p9_256:not(#\9) {
257
- color: var(--awsui-style-color-default-c5ek4l, var(--color-text-status-warning-9b45qh, #906806));
258
- border-color: var(--awsui-style-border-color-default-c5ek4l, var(--color-text-status-warning-9b45qh, #906806));
256
+ .awsui_textarea_qk1j1_18mr4_149.awsui_textarea-warning_qk1j1_18mr4_256:not(#\9) {
257
+ color: var(--awsui-style-color-default-n6lfw8, var(--color-text-status-warning-9b45qh, #906806));
258
+ border-color: var(--awsui-style-border-color-default-n6lfw8, var(--color-text-status-warning-9b45qh, #906806));
259
259
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
260
260
  border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
261
261
  }
262
- .awsui_textarea_qk1j1_1h4p9_149.awsui_textarea-warning_qk1j1_1h4p9_256:not(#\9):focus {
262
+ .awsui_textarea_qk1j1_18mr4_149.awsui_textarea-warning_qk1j1_18mr4_256:not(#\9):focus {
263
263
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
264
264
  }
package/lib/internal/template/textarea/styles.selectors.js CHANGED
@@ -2,10 +2,10 @@
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_qk1j1_1h4p9_145",
6
- "textarea": "awsui_textarea_qk1j1_1h4p9_149",
7
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_1h4p9_206",
8
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_1h4p9_247",
9
- "textarea-warning": "awsui_textarea-warning_qk1j1_1h4p9_256"
5
+ "root": "awsui_root_qk1j1_18mr4_145",
6
+ "textarea": "awsui_textarea_qk1j1_18mr4_149",
7
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_18mr4_206",
8
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_18mr4_247",
9
+ "textarea-warning": "awsui_textarea-warning_qk1j1_18mr4_256"
10
10
  };
11
11
 
package/lib/internal/template/toggle/styles.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_4yi2u_1r1bm_145",
5
- "outline": "awsui_outline_4yi2u_1r1bm_178",
6
- "toggle-control": "awsui_toggle-control_4yi2u_1r1bm_201",
7
- "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1r1bm_214",
8
- "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1r1bm_217",
9
- "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1r1bm_223",
10
- "toggle-handle": "awsui_toggle-handle_4yi2u_1r1bm_227",
11
- "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1r1bm_252",
12
- "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1r1bm_259",
13
- "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1r1bm_263"
4
+ "root": "awsui_root_4yi2u_13fsu_145",
5
+ "outline": "awsui_outline_4yi2u_13fsu_178",
6
+ "toggle-control": "awsui_toggle-control_4yi2u_13fsu_201",
7
+ "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_13fsu_214",
8
+ "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_13fsu_217",
9
+ "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_13fsu_223",
10
+ "toggle-handle": "awsui_toggle-handle_4yi2u_13fsu_227",
11
+ "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_13fsu_252",
12
+ "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_13fsu_259",
13
+ "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_13fsu_263"
14
14
  };
15
15
 
package/lib/internal/template/toggle/styles.scoped.css CHANGED
@@ -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_root_4yi2u_1r1bm_145:not(#\9) {
145
+ .awsui_root_4yi2u_13fsu_145:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -175,15 +175,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
175
175
  display: flex;
176
176
  }
177
177
 
178
- .awsui_outline_4yi2u_1r1bm_178:not(#\9) {
179
- --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));
178
+ .awsui_outline_4yi2u_13fsu_178:not(#\9) {
179
+ --awsui-style-focus-ring-box-shadow-n6lfw8: 0 0 0 var(--awsui-style-focus-ring-border-width-n6lfw8, 2px) var(--awsui-style-focus-ring-border-color-n6lfw8, var(--color-border-item-focused-r5f6xl, #0073bb));
180
180
  position: relative;
181
181
  }
182
- .awsui_outline_4yi2u_1r1bm_178:not(#\9) {
182
+ .awsui_outline_4yi2u_13fsu_178:not(#\9) {
183
183
  outline: 2px dotted transparent;
184
184
  outline-offset: calc(2px - 1px);
185
185
  }
186
- .awsui_outline_4yi2u_1r1bm_178:not(#\9)::before {
186
+ .awsui_outline_4yi2u_13fsu_178:not(#\9)::before {
187
187
  content: " ";
188
188
  display: block;
189
189
  position: absolute;
@@ -191,14 +191,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
191
191
  inset-block-start: calc(-1 * 2px);
192
192
  inline-size: calc(100% + 2px + 2px);
193
193
  block-size: calc(100% + 2px + 2px);
194
- border-start-start-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
195
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
196
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
197
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
198
- box-shadow: var(--awsui-style-focus-ring-box-shadow-c5ek4l);
194
+ border-start-start-radius: var(--awsui-style-focus-ring-border-radius-n6lfw8, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
195
+ border-start-end-radius: var(--awsui-style-focus-ring-border-radius-n6lfw8, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
196
+ border-end-start-radius: var(--awsui-style-focus-ring-border-radius-n6lfw8, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
197
+ border-end-end-radius: var(--awsui-style-focus-ring-border-radius-n6lfw8, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
198
+ box-shadow: var(--awsui-style-focus-ring-box-shadow-n6lfw8);
199
199
  }
200
200
 
201
- .awsui_toggle-control_4yi2u_1r1bm_201:not(#\9) {
201
+ .awsui_toggle-control_4yi2u_13fsu_201:not(#\9) {
202
202
  forced-color-adjust: none;
203
203
  margin-block-start: calc((var(--line-height-body-m-bedeoh, 22px) - 16px) / 2);
204
204
  min-block-size: 16px;
@@ -211,20 +211,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
211
211
  border-end-start-radius: 8px;
212
212
  border-end-end-radius: 8px;
213
213
  }
214
- .awsui_toggle-control-checked_4yi2u_1r1bm_214:not(#\9) {
214
+ .awsui_toggle-control-checked_4yi2u_13fsu_214:not(#\9) {
215
215
  background: var(--color-background-control-checked-se0x0e, #0073bb);
216
216
  }
217
- .awsui_toggle-control-disabled_4yi2u_1r1bm_217:not(#\9) {
217
+ .awsui_toggle-control-disabled_4yi2u_13fsu_217:not(#\9) {
218
218
  background: var(--color-background-control-disabled-2ixett, #d5dbdb);
219
219
  }
220
- .awsui_toggle-control-disabled_4yi2u_1r1bm_217.awsui_toggle-control-checked_4yi2u_1r1bm_214:not(#\9) {
220
+ .awsui_toggle-control-disabled_4yi2u_13fsu_217.awsui_toggle-control-checked_4yi2u_13fsu_214:not(#\9) {
221
221
  background: var(--color-background-toggle-checked-disabled-i9a3za, #99cbe4);
222
222
  }
223
- .awsui_toggle-control-readonly_4yi2u_1r1bm_223:not(#\9) {
223
+ .awsui_toggle-control-readonly_4yi2u_13fsu_223:not(#\9) {
224
224
  background: var(--color-background-control-disabled-2ixett, #d5dbdb);
225
225
  }
226
226
 
227
- .awsui_toggle-handle_4yi2u_1r1bm_227:not(#\9) {
227
+ .awsui_toggle-handle_4yi2u_13fsu_227:not(#\9) {
228
228
  display: block;
229
229
  position: absolute;
230
230
  border-start-start-radius: 6px;
@@ -240,29 +240,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
240
240
  transition: transform var(--motion-duration-fast-okdxjh, 90ms) var(--motion-easing-ease-out-quart-x9fbvw, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-okdxjh, 90ms) var(--motion-easing-ease-out-quart-x9fbvw, cubic-bezier(0.165, 0.84, 0.44, 1));
241
241
  }
242
242
  @media (prefers-reduced-motion: reduce) {
243
- .awsui_toggle-handle_4yi2u_1r1bm_227:not(#\9) {
243
+ .awsui_toggle-handle_4yi2u_13fsu_227:not(#\9) {
244
244
  animation: none;
245
245
  transition: none;
246
246
  }
247
247
  }
248
- .awsui-motion-disabled .awsui_toggle-handle_4yi2u_1r1bm_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_1r1bm_227:not(#\9) {
248
+ .awsui-motion-disabled .awsui_toggle-handle_4yi2u_13fsu_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_13fsu_227:not(#\9) {
249
249
  animation: none;
250
250
  transition: none;
251
251
  }
252
- .awsui_toggle-handle-checked_4yi2u_1r1bm_252:not(#\9) {
252
+ .awsui_toggle-handle-checked_4yi2u_13fsu_252:not(#\9) {
253
253
  transform: translateX(8px);
254
254
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
255
255
  }
256
- .awsui_toggle-handle-checked_4yi2u_1r1bm_252:not(#\9):dir(rtl) {
256
+ .awsui_toggle-handle-checked_4yi2u_13fsu_252:not(#\9):dir(rtl) {
257
257
  transform: translateX(-8px);
258
258
  }
259
- .awsui_toggle-handle-disabled_4yi2u_1r1bm_259:not(#\9) {
259
+ .awsui_toggle-handle-disabled_4yi2u_13fsu_259:not(#\9) {
260
260
  background: var(--color-foreground-control-disabled-kj751b, #ffffff);
261
261
  box-shadow: none;
262
262
  }
263
- .awsui_toggle-handle-readonly_4yi2u_1r1bm_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_1r1bm_259) {
263
+ .awsui_toggle-handle-readonly_4yi2u_13fsu_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_13fsu_259) {
264
264
  box-shadow: none;
265
265
  }
266
- .awsui_toggle-handle-readonly_4yi2u_1r1bm_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_1r1bm_259).awsui_toggle-handle-checked_4yi2u_1r1bm_252 {
266
+ .awsui_toggle-handle-readonly_4yi2u_13fsu_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_13fsu_259).awsui_toggle-handle-checked_4yi2u_13fsu_252 {
267
267
  background: var(--color-foreground-control-read-only-cgy3yn, #687078);
268
268
  }
package/lib/internal/template/toggle/styles.selectors.js CHANGED
@@ -2,15 +2,15 @@
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_4yi2u_1r1bm_145",
6
- "outline": "awsui_outline_4yi2u_1r1bm_178",
7
- "toggle-control": "awsui_toggle-control_4yi2u_1r1bm_201",
8
- "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1r1bm_214",
9
- "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1r1bm_217",
10
- "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1r1bm_223",
11
- "toggle-handle": "awsui_toggle-handle_4yi2u_1r1bm_227",
12
- "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1r1bm_252",
13
- "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1r1bm_259",
14
- "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1r1bm_263"
5
+ "root": "awsui_root_4yi2u_13fsu_145",
6
+ "outline": "awsui_outline_4yi2u_13fsu_178",
7
+ "toggle-control": "awsui_toggle-control_4yi2u_13fsu_201",
8
+ "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_13fsu_214",
9
+ "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_13fsu_217",
10
+ "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_13fsu_223",
11
+ "toggle-handle": "awsui_toggle-handle_4yi2u_13fsu_227",
12
+ "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_13fsu_252",
13
+ "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_13fsu_259",
14
+ "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_13fsu_263"
15
15
  };
16
16