@cloudscape-design/components-themeable 3.0.1137 → 3.0.1138

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 (143) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +103 -99
  3. package/lib/internal/scss/progress-bar/styles.scss +39 -25
  4. package/lib/internal/scss/radio-group/analytics-metadata/styles.scss +8 -0
  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 +24 -24
  9. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +32 -32
  10. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  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 +30 -30
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +87 -87
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
  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/index.d.ts.map +1 -1
  27. package/lib/internal/template/attribute-editor/index.js +2 -2
  28. package/lib/internal/template/attribute-editor/index.js.map +1 -1
  29. package/lib/internal/template/attribute-editor/interfaces.d.ts +8 -0
  30. package/lib/internal/template/attribute-editor/interfaces.d.ts.map +1 -1
  31. package/lib/internal/template/attribute-editor/interfaces.js.map +1 -1
  32. package/lib/internal/template/attribute-editor/internal.d.ts.map +1 -1
  33. package/lib/internal/template/attribute-editor/internal.js +9 -6
  34. package/lib/internal/template/attribute-editor/internal.js.map +1 -1
  35. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  36. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  37. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  38. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  39. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  40. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  41. package/lib/internal/template/button/styles.css.js +22 -22
  42. package/lib/internal/template/button/styles.scoped.css +256 -256
  43. package/lib/internal/template/button/styles.selectors.js +22 -22
  44. package/lib/internal/template/button-dropdown/item-element/styles.css.js +16 -16
  45. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +27 -27
  46. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +16 -16
  47. package/lib/internal/template/checkbox/styles.css.js +3 -3
  48. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  49. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  50. package/lib/internal/template/content-layout/styles.css.js +14 -14
  51. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  52. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  53. package/lib/internal/template/flashbar/styles.css.js +50 -50
  54. package/lib/internal/template/flashbar/styles.scoped.css +187 -187
  55. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  56. package/lib/internal/template/header/analytics/use-table-integration.d.ts +2 -1
  57. package/lib/internal/template/header/analytics/use-table-integration.d.ts.map +1 -1
  58. package/lib/internal/template/header/analytics/use-table-integration.js +8 -1
  59. package/lib/internal/template/header/analytics/use-table-integration.js.map +1 -1
  60. package/lib/internal/template/header/interfaces.d.ts +2 -2
  61. package/lib/internal/template/header/interfaces.d.ts.map +1 -1
  62. package/lib/internal/template/header/interfaces.js.map +1 -1
  63. package/lib/internal/template/help-panel/styles.css.js +6 -6
  64. package/lib/internal/template/help-panel/styles.scoped.css +73 -73
  65. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  66. package/lib/internal/template/input/styles.css.js +13 -13
  67. package/lib/internal/template/input/styles.scoped.css +65 -65
  68. package/lib/internal/template/input/styles.selectors.js +13 -13
  69. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  70. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +20 -20
  71. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +48 -48
  72. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +20 -20
  73. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  74. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +38 -38
  75. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  76. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  77. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  78. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  79. package/lib/internal/template/internal/environment.js +2 -2
  80. package/lib/internal/template/internal/environment.json +2 -2
  81. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +4 -0
  82. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  83. package/lib/internal/template/internal/generated/custom-css-properties/index.js +102 -98
  84. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  85. package/lib/internal/template/internal/generated/styles/tokens.d.ts +50 -75
  86. package/lib/internal/template/internal/generated/styles/tokens.js +50 -75
  87. package/lib/internal/template/internal/generated/theming/index.cjs +305 -461
  88. package/lib/internal/template/internal/generated/theming/index.js +305 -461
  89. package/lib/internal/template/link/styles.css.js +20 -20
  90. package/lib/internal/template/link/styles.scoped.css +103 -103
  91. package/lib/internal/template/link/styles.selectors.js +20 -20
  92. package/lib/internal/template/progress-bar/index.d.ts +1 -1
  93. package/lib/internal/template/progress-bar/index.d.ts.map +1 -1
  94. package/lib/internal/template/progress-bar/index.js +2 -2
  95. package/lib/internal/template/progress-bar/index.js.map +1 -1
  96. package/lib/internal/template/progress-bar/interfaces.d.ts +19 -0
  97. package/lib/internal/template/progress-bar/interfaces.d.ts.map +1 -1
  98. package/lib/internal/template/progress-bar/interfaces.js.map +1 -1
  99. package/lib/internal/template/progress-bar/internal.d.ts +2 -1
  100. package/lib/internal/template/progress-bar/internal.d.ts.map +1 -1
  101. package/lib/internal/template/progress-bar/internal.js +7 -3
  102. package/lib/internal/template/progress-bar/internal.js.map +1 -1
  103. package/lib/internal/template/progress-bar/styles.css.js +19 -19
  104. package/lib/internal/template/progress-bar/styles.d.ts +16 -0
  105. package/lib/internal/template/progress-bar/styles.d.ts.map +1 -0
  106. package/lib/internal/template/progress-bar/styles.js +33 -0
  107. package/lib/internal/template/progress-bar/styles.js.map +1 -0
  108. package/lib/internal/template/progress-bar/styles.scoped.css +56 -56
  109. package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
  110. package/lib/internal/template/radio-group/analytics-metadata/interfaces.d.ts +1 -0
  111. package/lib/internal/template/radio-group/analytics-metadata/interfaces.d.ts.map +1 -1
  112. package/lib/internal/template/radio-group/analytics-metadata/interfaces.js.map +1 -1
  113. package/lib/internal/template/radio-group/analytics-metadata/styles.css.js +6 -0
  114. package/lib/internal/template/radio-group/analytics-metadata/styles.scoped.css +7 -0
  115. package/lib/internal/template/radio-group/analytics-metadata/styles.selectors.js +7 -0
  116. package/lib/internal/template/radio-group/index.d.ts.map +1 -1
  117. package/lib/internal/template/radio-group/index.js +2 -0
  118. package/lib/internal/template/radio-group/index.js.map +1 -1
  119. package/lib/internal/template/radio-group/internal.d.ts.map +1 -1
  120. package/lib/internal/template/radio-group/internal.js +2 -1
  121. package/lib/internal/template/radio-group/internal.js.map +1 -1
  122. package/lib/internal/template/radio-group/styles.css.js +10 -10
  123. package/lib/internal/template/radio-group/styles.scoped.css +22 -22
  124. package/lib/internal/template/radio-group/styles.selectors.js +10 -10
  125. package/lib/internal/template/slider/styles.css.js +26 -26
  126. package/lib/internal/template/slider/styles.scoped.css +86 -86
  127. package/lib/internal/template/slider/styles.selectors.js +26 -26
  128. package/lib/internal/template/spinner/styles.css.js +13 -13
  129. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  130. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  131. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  132. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  133. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  134. package/lib/internal/template/text-content/styles.css.js +1 -1
  135. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  136. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  137. package/lib/internal/template/textarea/styles.css.js +5 -5
  138. package/lib/internal/template/textarea/styles.scoped.css +41 -41
  139. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  140. package/lib/internal/template/toggle/styles.css.js +10 -10
  141. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  142. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  143. package/package.json +1 -1
@@ -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_evjpj_145:not(#\9) {
145
+ .awsui_root_qk1j1_1rwic_145:not(#\9) {
146
146
  /* used for test-utils */
147
147
  }
148
148
 
149
- .awsui_textarea_qk1j1_evjpj_149:not(#\9) {
149
+ .awsui_textarea_qk1j1_1rwic_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-b75yp7, var(--color-text-body-default-5qid0u, #16191f));
184
+ color: var(--awsui-style-color-default-9t5olz, 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-b75yp7, var(--color-background-input-default-1z2buq, #ffffff));
189
+ background-color: var(--awsui-style-background-default-9t5olz, 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-b75yp7, var(--color-border-input-default-txli8y, #687078));
195
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-txli8y, #687078));
196
- box-shadow: var(--awsui-style-box-shadow-default-b75yp7);
194
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-default-txli8y, #687078));
195
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-default-txli8y, #687078));
196
+ box-shadow: var(--awsui-style-box-shadow-default-9t5olz);
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_evjpj_149:not(#\9):hover {
201
- border-color: var(--awsui-style-border-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-txli8y, #687078)));
202
- color: var(--awsui-style-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-text-body-default-5qid0u, #16191f)));
203
- background-color: var(--awsui-style-background-hover-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-1z2buq, #ffffff)));
204
- box-shadow: var(--awsui-style-box-shadow-hover-b75yp7, --awsui-style-box-shadow-default-b75yp7);
200
+ .awsui_textarea_qk1j1_1rwic_149:not(#\9):hover {
201
+ border-color: var(--awsui-style-border-color-hover-9t5olz, var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-default-txli8y, #687078)));
202
+ color: var(--awsui-style-color-hover-9t5olz, var(--awsui-style-border-color-default-9t5olz, var(--color-text-body-default-5qid0u, #16191f)));
203
+ background-color: var(--awsui-style-background-hover-9t5olz, var(--awsui-style-background-default-9t5olz, var(--color-background-input-default-1z2buq, #ffffff)));
204
+ box-shadow: var(--awsui-style-box-shadow-hover-9t5olz, --awsui-style-box-shadow-default-9t5olz);
205
205
  }
206
- .awsui_textarea_qk1j1_evjpj_149.awsui_textarea-readonly_qk1j1_evjpj_206:not(#\9) {
207
- background-color: var(--awsui-style-background-readonly-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-1z2buq, #ffffff)));
208
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-disabled-tz38ro, #eaeded)));
209
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-disabled-tz38ro, #eaeded)));
210
- color: var(--awsui-style-color-readonly-b75yp7, var(--awsui-style-color-default-b75yp7, var(--color-text-body-default-5qid0u, #16191f)));
211
- box-shadow: var(--awsui-style-box-shadow-readonly-b75yp7);
206
+ .awsui_textarea_qk1j1_1rwic_149.awsui_textarea-readonly_qk1j1_1rwic_206:not(#\9) {
207
+ background-color: var(--awsui-style-background-readonly-9t5olz, var(--awsui-style-background-default-9t5olz, var(--color-background-input-default-1z2buq, #ffffff)));
208
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-9t5olz, var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-disabled-tz38ro, #eaeded)));
209
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-9t5olz, var(--awsui-style-border-color-default-9t5olz, var(--color-border-input-disabled-tz38ro, #eaeded)));
210
+ color: var(--awsui-style-color-readonly-9t5olz, var(--awsui-style-color-default-9t5olz, var(--color-text-body-default-5qid0u, #16191f)));
211
+ box-shadow: var(--awsui-style-box-shadow-readonly-9t5olz);
212
212
  }
213
- .awsui_textarea_qk1j1_evjpj_149:not(#\9)::placeholder {
214
- color: var(--awsui-style-placeholder-color-b75yp7, var(--color-text-input-placeholder-hvcry0, #687078));
215
- font-size: var(--awsui-style-placeholder-font-size-b75yp7);
216
- font-style: var(--awsui-style-placeholder-font-style-b75yp7, italic);
217
- font-weight: var(--awsui-style-placeholder-font-weight-b75yp7);
213
+ .awsui_textarea_qk1j1_1rwic_149:not(#\9)::placeholder {
214
+ color: var(--awsui-style-placeholder-color-9t5olz, var(--color-text-input-placeholder-hvcry0, #687078));
215
+ font-size: var(--awsui-style-placeholder-font-size-9t5olz);
216
+ font-style: var(--awsui-style-placeholder-font-style-9t5olz, italic);
217
+ font-weight: var(--awsui-style-placeholder-font-weight-9t5olz);
218
218
  opacity: 1;
219
219
  }
220
- .awsui_textarea_qk1j1_evjpj_149:not(#\9):focus {
220
+ .awsui_textarea_qk1j1_1rwic_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-b75yp7, var(--color-border-input-focused-lslq4r, #0073bb));
223
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-b75yp7, var(--color-border-input-focused-lslq4r, #0073bb));
222
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-9t5olz, var(--color-border-input-focused-lslq4r, #0073bb));
223
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-9t5olz, 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-b75yp7, 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-b75yp7, var(--color-text-body-default-5qid0u, #16191f));
230
- background-color: var(--awsui-style-background-focus-b75yp7, var(--color-background-input-default-1z2buq, #ffffff));
228
+ box-shadow: var(--awsui-style-box-shadow-focus-9t5olz, 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-9t5olz, var(--color-text-body-default-5qid0u, #16191f));
230
+ background-color: var(--awsui-style-background-focus-9t5olz, var(--color-background-input-default-1z2buq, #ffffff));
231
231
  }
232
- .awsui_textarea_qk1j1_evjpj_149:not(#\9):invalid {
232
+ .awsui_textarea_qk1j1_1rwic_149:not(#\9):invalid {
233
233
  box-shadow: none;
234
234
  }
235
- .awsui_textarea_qk1j1_evjpj_149:not(#\9):disabled {
236
- background-color: var(--awsui-style-background-disabled-b75yp7, var(--color-background-input-disabled-4vlau3, #eaeded));
237
- border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-b75yp7, var(--color-border-input-disabled-tz38ro, #eaeded));
238
- border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-b75yp7, var(--color-border-input-disabled-tz38ro, #eaeded));
239
- color: var(--awsui-style-color-disabled-b75yp7, var(--color-text-input-disabled-y5t5v9, #879596));
235
+ .awsui_textarea_qk1j1_1rwic_149:not(#\9):disabled {
236
+ background-color: var(--awsui-style-background-disabled-9t5olz, var(--color-background-input-disabled-4vlau3, #eaeded));
237
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-9t5olz, var(--color-border-input-disabled-tz38ro, #eaeded));
238
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-9t5olz, var(--color-border-input-disabled-tz38ro, #eaeded));
239
+ color: var(--awsui-style-color-disabled-9t5olz, var(--color-text-input-disabled-y5t5v9, #879596));
240
240
  cursor: default;
241
- box-shadow: var(--awsui-style-box-shadow-disabled-b75yp7);
241
+ box-shadow: var(--awsui-style-box-shadow-disabled-9t5olz);
242
242
  }
243
- .awsui_textarea_qk1j1_evjpj_149:not(#\9):disabled::placeholder {
243
+ .awsui_textarea_qk1j1_1rwic_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_evjpj_149.awsui_textarea-invalid_qk1j1_evjpj_247:not(#\9) {
247
+ .awsui_textarea_qk1j1_1rwic_149.awsui_textarea-invalid_qk1j1_1rwic_247:not(#\9) {
248
248
  color: var(--color-text-status-error-aknuvu, #d13212);
249
249
  border-color: 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_evjpj_149.awsui_textarea-invalid_qk1j1_evjpj_247:not(#\9):focus {
253
+ .awsui_textarea_qk1j1_1rwic_149.awsui_textarea-invalid_qk1j1_1rwic_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_evjpj_149.awsui_textarea-warning_qk1j1_evjpj_256:not(#\9) {
256
+ .awsui_textarea_qk1j1_1rwic_149.awsui_textarea-warning_qk1j1_1rwic_256:not(#\9) {
257
257
  color: var(--color-text-status-warning-9b45qh, #906806);
258
258
  border-color: 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_evjpj_149.awsui_textarea-warning_qk1j1_evjpj_256:not(#\9):focus {
262
+ .awsui_textarea_qk1j1_1rwic_149.awsui_textarea-warning_qk1j1_1rwic_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
  }
@@ -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_evjpj_145",
6
- "textarea": "awsui_textarea_qk1j1_evjpj_149",
7
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_evjpj_206",
8
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_evjpj_247",
9
- "textarea-warning": "awsui_textarea-warning_qk1j1_evjpj_256"
5
+ "root": "awsui_root_qk1j1_1rwic_145",
6
+ "textarea": "awsui_textarea_qk1j1_1rwic_149",
7
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_1rwic_206",
8
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_1rwic_247",
9
+ "textarea-warning": "awsui_textarea-warning_qk1j1_1rwic_256"
10
10
  };
11
11
 
@@ -1,15 +1,15 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_4yi2u_e2miy_145",
5
- "outline": "awsui_outline_4yi2u_e2miy_178",
6
- "toggle-control": "awsui_toggle-control_4yi2u_e2miy_201",
7
- "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_e2miy_214",
8
- "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_e2miy_217",
9
- "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_e2miy_223",
10
- "toggle-handle": "awsui_toggle-handle_4yi2u_e2miy_227",
11
- "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_e2miy_252",
12
- "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_e2miy_259",
13
- "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_e2miy_263"
4
+ "root": "awsui_root_4yi2u_1blq1_145",
5
+ "outline": "awsui_outline_4yi2u_1blq1_178",
6
+ "toggle-control": "awsui_toggle-control_4yi2u_1blq1_201",
7
+ "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1blq1_214",
8
+ "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1blq1_217",
9
+ "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1blq1_223",
10
+ "toggle-handle": "awsui_toggle-handle_4yi2u_1blq1_227",
11
+ "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1blq1_252",
12
+ "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1blq1_259",
13
+ "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1blq1_263"
14
14
  };
15
15
 
@@ -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_e2miy_145:not(#\9) {
145
+ .awsui_root_4yi2u_1blq1_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_e2miy_178:not(#\9) {
179
- --awsui-style-focus-ring-box-shadow-b75yp7: 0 0 0 var(--awsui-style-focus-ring-border-width-b75yp7, 2px) var(--awsui-style-focus-ring-border-color-b75yp7, var(--color-border-item-focused-r5f6xl, #0073bb));
178
+ .awsui_outline_4yi2u_1blq1_178:not(#\9) {
179
+ --awsui-style-focus-ring-box-shadow-9t5olz: 0 0 0 var(--awsui-style-focus-ring-border-width-9t5olz, 2px) var(--awsui-style-focus-ring-border-color-9t5olz, var(--color-border-item-focused-r5f6xl, #0073bb));
180
180
  position: relative;
181
181
  }
182
- .awsui_outline_4yi2u_e2miy_178:not(#\9) {
182
+ .awsui_outline_4yi2u_1blq1_178:not(#\9) {
183
183
  outline: 2px dotted transparent;
184
184
  outline-offset: calc(2px - 1px);
185
185
  }
186
- .awsui_outline_4yi2u_e2miy_178:not(#\9)::before {
186
+ .awsui_outline_4yi2u_1blq1_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-b75yp7, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
195
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
196
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
197
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
198
- box-shadow: var(--awsui-style-focus-ring-box-shadow-b75yp7);
194
+ border-start-start-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
195
+ border-start-end-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
196
+ border-end-start-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
197
+ border-end-end-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
198
+ box-shadow: var(--awsui-style-focus-ring-box-shadow-9t5olz);
199
199
  }
200
200
 
201
- .awsui_toggle-control_4yi2u_e2miy_201:not(#\9) {
201
+ .awsui_toggle-control_4yi2u_1blq1_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_e2miy_214:not(#\9) {
214
+ .awsui_toggle-control-checked_4yi2u_1blq1_214:not(#\9) {
215
215
  background: var(--color-background-control-checked-se0x0e, #0073bb);
216
216
  }
217
- .awsui_toggle-control-disabled_4yi2u_e2miy_217:not(#\9) {
217
+ .awsui_toggle-control-disabled_4yi2u_1blq1_217:not(#\9) {
218
218
  background: var(--color-background-control-disabled-2ixett, #d5dbdb);
219
219
  }
220
- .awsui_toggle-control-disabled_4yi2u_e2miy_217.awsui_toggle-control-checked_4yi2u_e2miy_214:not(#\9) {
220
+ .awsui_toggle-control-disabled_4yi2u_1blq1_217.awsui_toggle-control-checked_4yi2u_1blq1_214:not(#\9) {
221
221
  background: var(--color-background-toggle-checked-disabled-i9a3za, #99cbe4);
222
222
  }
223
- .awsui_toggle-control-readonly_4yi2u_e2miy_223:not(#\9) {
223
+ .awsui_toggle-control-readonly_4yi2u_1blq1_223:not(#\9) {
224
224
  background: var(--color-background-control-disabled-2ixett, #d5dbdb);
225
225
  }
226
226
 
227
- .awsui_toggle-handle_4yi2u_e2miy_227:not(#\9) {
227
+ .awsui_toggle-handle_4yi2u_1blq1_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_e2miy_227:not(#\9) {
243
+ .awsui_toggle-handle_4yi2u_1blq1_227:not(#\9) {
244
244
  animation: none;
245
245
  transition: none;
246
246
  }
247
247
  }
248
- .awsui-motion-disabled .awsui_toggle-handle_4yi2u_e2miy_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_e2miy_227:not(#\9) {
248
+ .awsui-motion-disabled .awsui_toggle-handle_4yi2u_1blq1_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_1blq1_227:not(#\9) {
249
249
  animation: none;
250
250
  transition: none;
251
251
  }
252
- .awsui_toggle-handle-checked_4yi2u_e2miy_252:not(#\9) {
252
+ .awsui_toggle-handle-checked_4yi2u_1blq1_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_e2miy_252:not(#\9):dir(rtl) {
256
+ .awsui_toggle-handle-checked_4yi2u_1blq1_252:not(#\9):dir(rtl) {
257
257
  transform: translateX(-8px);
258
258
  }
259
- .awsui_toggle-handle-disabled_4yi2u_e2miy_259:not(#\9) {
259
+ .awsui_toggle-handle-disabled_4yi2u_1blq1_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_e2miy_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_e2miy_259) {
263
+ .awsui_toggle-handle-readonly_4yi2u_1blq1_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_1blq1_259) {
264
264
  box-shadow: none;
265
265
  }
266
- .awsui_toggle-handle-readonly_4yi2u_e2miy_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_e2miy_259).awsui_toggle-handle-checked_4yi2u_e2miy_252 {
266
+ .awsui_toggle-handle-readonly_4yi2u_1blq1_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_1blq1_259).awsui_toggle-handle-checked_4yi2u_1blq1_252 {
267
267
  background: var(--color-foreground-control-read-only-cgy3yn, #687078);
268
268
  }
@@ -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_e2miy_145",
6
- "outline": "awsui_outline_4yi2u_e2miy_178",
7
- "toggle-control": "awsui_toggle-control_4yi2u_e2miy_201",
8
- "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_e2miy_214",
9
- "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_e2miy_217",
10
- "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_e2miy_223",
11
- "toggle-handle": "awsui_toggle-handle_4yi2u_e2miy_227",
12
- "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_e2miy_252",
13
- "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_e2miy_259",
14
- "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_e2miy_263"
5
+ "root": "awsui_root_4yi2u_1blq1_145",
6
+ "outline": "awsui_outline_4yi2u_1blq1_178",
7
+ "toggle-control": "awsui_toggle-control_4yi2u_1blq1_201",
8
+ "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1blq1_214",
9
+ "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1blq1_217",
10
+ "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1blq1_223",
11
+ "toggle-handle": "awsui_toggle-handle_4yi2u_1blq1_227",
12
+ "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1blq1_252",
13
+ "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1blq1_259",
14
+ "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1blq1_263"
15
15
  };
16
16
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.1137",
3
+ "version": "3.0.1138",
4
4
  "files": [
5
5
  "lib"
6
6
  ],