@cloudscape-design/components-themeable 3.0.508 → 3.0.509

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 (20) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/expandable-section/styles.scss +1 -1
  3. package/lib/internal/scss/internal/components/token-list/styles.scss +1 -1
  4. package/lib/internal/scss/internal/styles/forms/mixins.scss +13 -1
  5. package/lib/internal/scss/pagination/styles.scss +1 -1
  6. package/lib/internal/template/input/styles.css.js +12 -12
  7. package/lib/internal/template/input/styles.scoped.css +31 -31
  8. package/lib/internal/template/input/styles.selectors.js +12 -12
  9. package/lib/internal/template/internal/base-component/styles.scoped.css +19 -0
  10. package/lib/internal/template/internal/components/button-trigger/styles.css.js +10 -10
  11. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +25 -25
  12. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +10 -10
  13. package/lib/internal/template/internal/environment.js +1 -1
  14. package/lib/internal/template/internal/environment.json +1 -1
  15. package/lib/internal/template/internal/generated/theming/index.cjs +31 -0
  16. package/lib/internal/template/internal/generated/theming/index.js +31 -0
  17. package/lib/internal/template/textarea/styles.css.js +4 -4
  18. package/lib/internal/template/textarea/styles.scoped.css +13 -13
  19. package/lib/internal/template/textarea/styles.selectors.js +4 -4
  20. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "8e78410fd6eb1dceee2cfde683f8f762dc752064"
2
+ "commit": "65bc818608d60976ae2a1a2b3edcac06a605ab3d"
3
3
  }
package/lib/internal/scss/expandable-section/styles.scss CHANGED
@@ -241,7 +241,7 @@ $icon-total-space-medium: calc(#{$icon-width-medium} + #{$icon-margin-left} + #{
241
241
  }
242
242
 
243
243
  @include focus-visible.when-visible {
244
- @include styles.form-focus-element(awsui.$border-radius-control-default-focus-ring);
244
+ @include styles.focus-element-without-border(awsui.$border-radius-control-default-focus-ring);
245
245
  }
246
246
  }
247
247
 
package/lib/internal/scss/internal/components/token-list/styles.scss CHANGED
@@ -77,7 +77,7 @@
77
77
  }
78
78
 
79
79
  @include focus-visible.when-visible {
80
- @include styles.form-focus-element(awsui.$border-radius-control-default-focus-ring);
80
+ @include styles.focus-element-without-border(awsui.$border-radius-control-default-focus-ring);
81
81
  }
82
82
 
83
83
  > .description {
package/lib/internal/scss/internal/styles/forms/mixins.scss CHANGED
@@ -70,6 +70,18 @@
70
70
  }
71
71
  }
72
72
 
73
+ // Use for elements that have inline buttons without borders
74
+ // like pagination, token list and expandable section
75
+ @mixin focus-element-without-border($border-radius: constants.$control-border-radius) {
76
+ // Using a special transparent outline only visible in Windows High Contrast Mode.
77
+ // See focus-highlight above.
78
+ outline: 2px dotted transparent;
79
+
80
+ border: constants.$control-border-width solid awsui.$color-border-item-focused;
81
+ border-radius: $border-radius;
82
+ box-shadow: foundation.$box-shadow-focused-light;
83
+ }
84
+
73
85
  // Use for form input elements, excluding buttons
74
86
  // or for elements that have a light border and light background
75
87
  @mixin form-focus-element($border-radius: constants.$control-border-radius) {
@@ -77,7 +89,7 @@
77
89
  // See focus-highlight above.
78
90
  outline: 2px dotted transparent;
79
91
 
80
- border: constants.$control-border-width solid awsui.$color-border-item-focused;
92
+ border: constants.$control-border-width solid awsui.$color-border-input-focused;
81
93
  border-radius: $border-radius;
82
94
  box-shadow: foundation.$box-shadow-focused-light;
83
95
  }
package/lib/internal/scss/pagination/styles.scss CHANGED
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  @include focus-visible.when-visible {
41
- @include styles.form-focus-element(awsui.$border-radius-control-default-focus-ring);
41
+ @include styles.focus-element-without-border(awsui.$border-radius-control-default-focus-ring);
42
42
  }
43
43
 
44
44
  &-disabled {
package/lib/internal/template/input/styles.css.js CHANGED
@@ -1,17 +1,17 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_2rhyz_1brvq_93",
5
- "input": "awsui_input_2rhyz_1brvq_97",
6
- "input-readonly": "awsui_input-readonly_2rhyz_1brvq_120",
7
- "input-invalid": "awsui_input-invalid_2rhyz_1brvq_181",
8
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1brvq_192",
9
- "input-type-search": "awsui_input-type-search_2rhyz_1brvq_197",
10
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1brvq_213",
11
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1brvq_216",
12
- "input-container": "awsui_input-container_2rhyz_1brvq_220",
13
- "input-icon-left": "awsui_input-icon-left_2rhyz_1brvq_225",
14
- "input-icon-right": "awsui_input-icon-right_2rhyz_1brvq_232",
15
- "input-button-right": "awsui_input-button-right_2rhyz_1brvq_238"
4
+ "root": "awsui_root_2rhyz_1104r_93",
5
+ "input": "awsui_input_2rhyz_1104r_97",
6
+ "input-readonly": "awsui_input-readonly_2rhyz_1104r_120",
7
+ "input-invalid": "awsui_input-invalid_2rhyz_1104r_181",
8
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1104r_192",
9
+ "input-type-search": "awsui_input-type-search_2rhyz_1104r_197",
10
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1104r_213",
11
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1104r_216",
12
+ "input-container": "awsui_input-container_2rhyz_1104r_220",
13
+ "input-icon-left": "awsui_input-icon-left_2rhyz_1104r_225",
14
+ "input-icon-right": "awsui_input-icon-right_2rhyz_1104r_232",
15
+ "input-button-right": "awsui_input-button-right_2rhyz_1104r_238"
16
16
  };
17
17
 
package/lib/internal/template/input/styles.scoped.css CHANGED
@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_2rhyz_1brvq_93:not(#\9) {
93
+ .awsui_root_2rhyz_1104r_93:not(#\9) {
94
94
  /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
95
95
  }
96
96
 
97
- .awsui_input_2rhyz_1brvq_97:not(#\9) {
97
+ .awsui_input_2rhyz_1104r_97:not(#\9) {
98
98
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
99
99
  border-collapse: separate;
100
100
  border-spacing: 0;
@@ -143,70 +143,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
143
143
  line-height: var(--line-height-body-m-2zx78l, 22px);
144
144
  height: var(--size-vertical-input-ubbp77, 32px);
145
145
  }
146
- .awsui_input_2rhyz_1brvq_97.awsui_input-readonly_2rhyz_1brvq_120:not(#\9) {
146
+ .awsui_input_2rhyz_1104r_97.awsui_input-readonly_2rhyz_1104r_120:not(#\9) {
147
147
  background-color: var(--color-background-input-default-w7mbz6, #ffffff);
148
148
  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
149
149
  }
150
- .awsui_input_2rhyz_1brvq_97:not(#\9)::-webkit-input-placeholder {
150
+ .awsui_input_2rhyz_1104r_97:not(#\9)::-webkit-input-placeholder {
151
151
  color: var(--color-text-input-placeholder-epedqe, #687078);
152
152
  font-style: italic;
153
153
  -webkit-user-select: none;
154
154
  user-select: none;
155
155
  }
156
- .awsui_input_2rhyz_1brvq_97:not(#\9)::-ms-input-placeholder {
156
+ .awsui_input_2rhyz_1104r_97:not(#\9)::-ms-input-placeholder {
157
157
  color: var(--color-text-input-placeholder-epedqe, #687078);
158
158
  font-style: italic;
159
159
  }
160
- .awsui_input_2rhyz_1brvq_97:not(#\9)::-moz-placeholder {
160
+ .awsui_input_2rhyz_1104r_97:not(#\9)::-moz-placeholder {
161
161
  color: var(--color-text-input-placeholder-epedqe, #687078);
162
162
  font-style: italic;
163
163
  opacity: 1;
164
164
  }
165
- .awsui_input_2rhyz_1brvq_97:not(#\9):-ms-input-placeholder {
165
+ .awsui_input_2rhyz_1104r_97:not(#\9):-ms-input-placeholder {
166
166
  color: var(--color-text-input-placeholder-epedqe, #687078);
167
167
  font-style: italic;
168
168
  }
169
- .awsui_input_2rhyz_1brvq_97:not(#\9):-moz-placeholder {
169
+ .awsui_input_2rhyz_1104r_97:not(#\9):-moz-placeholder {
170
170
  color: var(--color-text-input-placeholder-epedqe, #687078);
171
171
  font-style: italic;
172
172
  opacity: 1;
173
173
  }
174
- .awsui_input_2rhyz_1brvq_97:not(#\9):focus {
174
+ .awsui_input_2rhyz_1104r_97:not(#\9):focus {
175
175
  outline: 2px dotted transparent;
176
- border: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
176
+ border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-v6z9fd, #0073bb);
177
177
  border-radius: var(--border-radius-input-hy50dp, 2px);
178
178
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
179
179
  }
180
- .awsui_input_2rhyz_1brvq_97:not(#\9):disabled {
180
+ .awsui_input_2rhyz_1104r_97:not(#\9):disabled {
181
181
  background-color: var(--color-background-input-disabled-zfoobi, #eaeded);
182
182
  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
183
183
  color: var(--color-text-input-disabled-c1yp62, #879596);
184
184
  cursor: auto;
185
185
  cursor: default;
186
186
  }
187
- .awsui_input_2rhyz_1brvq_97:not(#\9):disabled::-webkit-input-placeholder {
187
+ .awsui_input_2rhyz_1104r_97:not(#\9):disabled::-webkit-input-placeholder {
188
188
  color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
189
189
  -webkit-user-select: none;
190
190
  user-select: none;
191
191
  }
192
- .awsui_input_2rhyz_1brvq_97:not(#\9):disabled::-ms-input-placeholder {
192
+ .awsui_input_2rhyz_1104r_97:not(#\9):disabled::-ms-input-placeholder {
193
193
  color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
194
194
  }
195
- .awsui_input_2rhyz_1brvq_97:not(#\9):disabled::-moz-placeholder {
195
+ .awsui_input_2rhyz_1104r_97:not(#\9):disabled::-moz-placeholder {
196
196
  color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
197
197
  opacity: 1;
198
198
  }
199
- .awsui_input_2rhyz_1brvq_97:not(#\9):disabled:-ms-input-placeholder {
199
+ .awsui_input_2rhyz_1104r_97:not(#\9):disabled:-ms-input-placeholder {
200
200
  color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
201
201
  }
202
- .awsui_input_2rhyz_1brvq_97:not(#\9):disabled:-moz-placeholder {
202
+ .awsui_input_2rhyz_1104r_97:not(#\9):disabled:-moz-placeholder {
203
203
  color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
204
204
  opacity: 1;
205
205
  }
206
- .awsui_input_2rhyz_1brvq_97:not(#\9):invalid {
206
+ .awsui_input_2rhyz_1104r_97:not(#\9):invalid {
207
207
  box-shadow: none;
208
208
  }
209
- .awsui_input_2rhyz_1brvq_97.awsui_input-invalid_2rhyz_1brvq_181:not(#\9) {
209
+ .awsui_input_2rhyz_1104r_97.awsui_input-invalid_2rhyz_1104r_181:not(#\9) {
210
210
  color: var(--color-text-status-error-ofc4yr, #d13212);
211
211
  border-color: var(--color-text-status-error-ofc4yr, #d13212);
212
212
  padding-left: calc(
@@ -214,55 +214,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
214
214
  );
215
215
  border-left-width: var(--border-invalid-width-hp6noi, 4px);
216
216
  }
217
- .awsui_input_2rhyz_1brvq_97.awsui_input-invalid_2rhyz_1brvq_181:not(#\9):focus {
217
+ .awsui_input_2rhyz_1104r_97.awsui_input-invalid_2rhyz_1104r_181:not(#\9):focus {
218
218
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-v3635w, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
219
219
  }
220
- .awsui_input_2rhyz_1brvq_97.awsui_input-invalid_2rhyz_1brvq_181.awsui_input-has-icon-left_2rhyz_1brvq_192:not(#\9) {
220
+ .awsui_input_2rhyz_1104r_97.awsui_input-invalid_2rhyz_1104r_181.awsui_input-has-icon-left_2rhyz_1104r_192:not(#\9) {
221
221
  padding-left: calc(
222
222
  var(--space-field-icon-offset-llp3ak, 32px) - (var(--border-invalid-width-hp6noi, 4px) - var(--border-field-width-yoy972, 1px))
223
223
  );
224
224
  }
225
- .awsui_input_2rhyz_1brvq_97.awsui_input-type-search_2rhyz_1brvq_197:not(#\9) {
225
+ .awsui_input_2rhyz_1104r_97.awsui_input-type-search_2rhyz_1104r_197:not(#\9) {
226
226
  box-sizing: border-box;
227
227
  -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
228
228
  }
229
- .awsui_input_2rhyz_1brvq_97.awsui_input-type-search_2rhyz_1brvq_197:not(#\9)::-ms-clear {
229
+ .awsui_input_2rhyz_1104r_97.awsui_input-type-search_2rhyz_1104r_197:not(#\9)::-ms-clear {
230
230
  display: none;
231
231
  }
232
- .awsui_input_2rhyz_1brvq_97.awsui_input-type-search_2rhyz_1brvq_197:not(#\9)::-webkit-search-decoration {
232
+ .awsui_input_2rhyz_1104r_97.awsui_input-type-search_2rhyz_1104r_197:not(#\9)::-webkit-search-decoration {
233
233
  -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
234
234
  }
235
- .awsui_input_2rhyz_1brvq_97.awsui_input-type-search_2rhyz_1brvq_197:not(#\9)::-webkit-search-cancel-button {
235
+ .awsui_input_2rhyz_1104r_97.awsui_input-type-search_2rhyz_1104r_197:not(#\9)::-webkit-search-cancel-button {
236
236
  display: none;
237
237
  }
238
- .awsui_input_2rhyz_1brvq_97.awsui_input-has-icon-left_2rhyz_1brvq_192:not(#\9) {
238
+ .awsui_input_2rhyz_1104r_97.awsui_input-has-icon-left_2rhyz_1104r_192:not(#\9) {
239
239
  padding-left: var(--space-field-icon-offset-llp3ak, 32px);
240
240
  }
241
- .awsui_input_2rhyz_1brvq_97.awsui_input-has-icon-right_2rhyz_1brvq_213:not(#\9) {
241
+ .awsui_input_2rhyz_1104r_97.awsui_input-has-icon-right_2rhyz_1104r_213:not(#\9) {
242
242
  padding-right: var(--space-field-icon-offset-llp3ak, 32px);
243
243
  }
244
- .awsui_input_2rhyz_1brvq_97.awsui_input-has-no-border-radius_2rhyz_1brvq_216:not(#\9) {
244
+ .awsui_input_2rhyz_1104r_97.awsui_input-has-no-border-radius_2rhyz_1104r_216:not(#\9) {
245
245
  border-radius: var(--border-radius-dropdown-cw0ldi, 0px);
246
246
  }
247
247
 
248
- .awsui_input-container_2rhyz_1brvq_220:not(#\9) {
248
+ .awsui_input-container_2rhyz_1104r_220:not(#\9) {
249
249
  display: flex;
250
250
  position: relative;
251
251
  }
252
252
 
253
- .awsui_input-icon-left_2rhyz_1brvq_225:not(#\9) {
253
+ .awsui_input-icon-left_2rhyz_1104r_225:not(#\9) {
254
254
  position: absolute;
255
255
  pointer-events: none;
256
256
  left: var(--space-field-horizontal-cy5q05, 8px);
257
257
  top: calc(50% - var(--line-height-body-m-2zx78l, 22px) / 2);
258
258
  }
259
259
 
260
- .awsui_input-icon-right_2rhyz_1brvq_232:not(#\9) {
260
+ .awsui_input-icon-right_2rhyz_1104r_232:not(#\9) {
261
261
  position: absolute;
262
262
  top: calc(50% - var(--line-height-body-m-2zx78l, 22px) / 2);
263
263
  right: calc(var(--space-field-horizontal-cy5q05, 8px) - var(--space-xxs-9rrxti, 4px));
264
264
  }
265
265
 
266
- .awsui_input-button-right_2rhyz_1brvq_238:not(#\9) {
266
+ .awsui_input-button-right_2rhyz_1104r_238:not(#\9) {
267
267
  /* used in test-utils */
268
268
  }
package/lib/internal/template/input/styles.selectors.js CHANGED
@@ -2,17 +2,17 @@
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_2rhyz_1brvq_93",
6
- "input": "awsui_input_2rhyz_1brvq_97",
7
- "input-readonly": "awsui_input-readonly_2rhyz_1brvq_120",
8
- "input-invalid": "awsui_input-invalid_2rhyz_1brvq_181",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1brvq_192",
10
- "input-type-search": "awsui_input-type-search_2rhyz_1brvq_197",
11
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1brvq_213",
12
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1brvq_216",
13
- "input-container": "awsui_input-container_2rhyz_1brvq_220",
14
- "input-icon-left": "awsui_input-icon-left_2rhyz_1brvq_225",
15
- "input-icon-right": "awsui_input-icon-right_2rhyz_1brvq_232",
16
- "input-button-right": "awsui_input-button-right_2rhyz_1brvq_238"
5
+ "root": "awsui_root_2rhyz_1104r_93",
6
+ "input": "awsui_input_2rhyz_1104r_97",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_1104r_120",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_1104r_181",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1104r_192",
10
+ "input-type-search": "awsui_input-type-search_2rhyz_1104r_197",
11
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1104r_213",
12
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1104r_216",
13
+ "input-container": "awsui_input-container_2rhyz_1104r_220",
14
+ "input-icon-left": "awsui_input-icon-left_2rhyz_1104r_225",
15
+ "input-icon-right": "awsui_input-icon-right_2rhyz_1104r_232",
16
+ "input-button-right": "awsui_input-button-right_2rhyz_1104r_238"
17
17
  };
18
18
 
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -254,6 +254,7 @@
254
254
  --color-border-editable-cell-hover-hx4at2:#879596;
255
255
  --color-border-input-default-aksbt5:#687078;
256
256
  --color-border-input-disabled-v8bsvq:#eaeded;
257
+ --color-border-input-focused-v6z9fd:#0073bb;
257
258
  --color-border-item-focused-v8nq2m:#0073bb;
258
259
  --color-border-dropdown-item-focused-3o10kx:#0073bb;
259
260
  --color-border-item-placeholder-14j9vy:transparent;
@@ -840,6 +841,7 @@
840
841
  --color-border-dropdown-item-top-of452d:#414750;
841
842
  --color-border-input-default-aksbt5:#879596;
842
843
  --color-border-input-disabled-v8bsvq:#414750;
844
+ --color-border-input-focused-v6z9fd:#00a1c9;
843
845
  --color-border-item-focused-v8nq2m:#00a1c9;
844
846
  --color-border-dropdown-item-focused-3o10kx:#00a1c9;
845
847
  --color-border-item-selected-20gejb:#00a1c9;
@@ -1123,6 +1125,7 @@
1123
1125
  --color-border-dropdown-item-top-of452d:#414750;
1124
1126
  --color-border-input-default-aksbt5:#879596;
1125
1127
  --color-border-input-disabled-v8bsvq:#414750;
1128
+ --color-border-input-focused-v6z9fd:#00a1c9;
1126
1129
  --color-border-item-focused-v8nq2m:#00a1c9;
1127
1130
  --color-border-dropdown-item-focused-3o10kx:#00a1c9;
1128
1131
  --color-border-item-selected-20gejb:#00a1c9;
@@ -1236,6 +1239,7 @@
1236
1239
  --color-border-dropdown-item-default-xnte9u:#fafafa;
1237
1240
  --color-border-dropdown-item-selected-fxzclw:#fafafa;
1238
1241
  --color-border-dropdown-item-top-of452d:#fafafa;
1242
+ --color-border-input-focused-v6z9fd:#fafafa;
1239
1243
  --color-border-item-focused-v8nq2m:#fafafa;
1240
1244
  --color-border-tabs-shadow-vlaodw:#fafafa;
1241
1245
  --color-text-body-default-ffdwgg:#fafafa;
@@ -1253,6 +1257,7 @@
1253
1257
  --color-border-dropdown-item-default-xnte9u:#16191f;
1254
1258
  --color-border-dropdown-item-selected-fxzclw:#16191f;
1255
1259
  --color-border-dropdown-item-top-of452d:#16191f;
1260
+ --color-border-input-focused-v6z9fd:#16191f;
1256
1261
  --color-border-item-focused-v8nq2m:#16191f;
1257
1262
  --color-border-tabs-shadow-vlaodw:#16191f;
1258
1263
  --color-text-expandable-section-default-6s8xf7:#16191f;
@@ -1416,6 +1421,7 @@
1416
1421
  --color-border-editable-cell-hover-hx4at2:#7d8998;
1417
1422
  --color-border-input-default-aksbt5:#7d8998;
1418
1423
  --color-border-input-disabled-v8bsvq:#e9ebed;
1424
+ --color-border-input-focused-v6z9fd:#033160;
1419
1425
  --color-border-item-focused-v8nq2m:#0972d3;
1420
1426
  --color-border-dropdown-item-focused-3o10kx:#414d5c;
1421
1427
  --color-border-item-placeholder-14j9vy:#0972d3;
@@ -1747,6 +1753,7 @@
1747
1753
  --color-border-editable-cell-hover-hx4at2:#5f6b7a;
1748
1754
  --color-border-input-default-aksbt5:#5f6b7a;
1749
1755
  --color-border-input-disabled-v8bsvq:#192534;
1756
+ --color-border-input-focused-v6z9fd:#b5d6f4;
1750
1757
  --color-border-item-focused-v8nq2m:#539fe5;
1751
1758
  --color-border-dropdown-item-focused-3o10kx:#d1d5db;
1752
1759
  --color-border-item-placeholder-14j9vy:#539fe5;
@@ -2008,6 +2015,7 @@
2008
2015
  --color-border-editable-cell-hover-hx4at2:#5f6b7a;
2009
2016
  --color-border-input-default-aksbt5:#5f6b7a;
2010
2017
  --color-border-input-disabled-v8bsvq:#192534;
2018
+ --color-border-input-focused-v6z9fd:#b5d6f4;
2011
2019
  --color-border-item-focused-v8nq2m:#539fe5;
2012
2020
  --color-border-dropdown-item-focused-3o10kx:#d1d5db;
2013
2021
  --color-border-item-placeholder-14j9vy:#539fe5;
@@ -2192,6 +2200,7 @@
2192
2200
  --color-border-editable-cell-hover-hx4at2:#5f6b7a;
2193
2201
  --color-border-input-default-aksbt5:#5f6b7a;
2194
2202
  --color-border-input-disabled-v8bsvq:#192534;
2203
+ --color-border-input-focused-v6z9fd:#b5d6f4;
2195
2204
  --color-border-item-focused-v8nq2m:#539fe5;
2196
2205
  --color-border-dropdown-item-focused-3o10kx:#d1d5db;
2197
2206
  --color-border-item-placeholder-14j9vy:#539fe5;
@@ -2378,6 +2387,7 @@
2378
2387
  --color-border-editable-cell-hover-hx4at2:#5f6b7a;
2379
2388
  --color-border-input-default-aksbt5:#5f6b7a;
2380
2389
  --color-border-input-disabled-v8bsvq:#192534;
2390
+ --color-border-input-focused-v6z9fd:#b5d6f4;
2381
2391
  --color-border-item-focused-v8nq2m:#539fe5;
2382
2392
  --color-border-dropdown-item-focused-3o10kx:#d1d5db;
2383
2393
  --color-border-item-placeholder-14j9vy:#539fe5;
@@ -2576,6 +2586,7 @@
2576
2586
  --color-border-editable-cell-hover-hx4at2:#5f6b7a;
2577
2587
  --color-border-input-default-aksbt5:#5f6b7a;
2578
2588
  --color-border-input-disabled-v8bsvq:#192534;
2589
+ --color-border-input-focused-v6z9fd:#b5d6f4;
2579
2590
  --color-border-item-focused-v8nq2m:#539fe5;
2580
2591
  --color-border-dropdown-item-focused-3o10kx:#d1d5db;
2581
2592
  --color-border-item-placeholder-14j9vy:#539fe5;
@@ -2717,6 +2728,7 @@
2717
2728
  --color-border-dropdown-item-default-xnte9u:#fbfbfb;
2718
2729
  --color-border-dropdown-item-selected-fxzclw:#0972d3;
2719
2730
  --color-border-dropdown-item-top-of452d:transparent;
2731
+ --color-border-input-focused-v6z9fd:#033160;
2720
2732
  --color-border-item-focused-v8nq2m:#fbfbfb;
2721
2733
  --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 0.12);
2722
2734
  --color-text-body-default-ffdwgg:#fbfbfb;
@@ -2781,6 +2793,7 @@
2781
2793
  --color-border-dropdown-item-default-xnte9u:#000716;
2782
2794
  --color-border-dropdown-item-selected-fxzclw:#0972d3;
2783
2795
  --color-border-dropdown-item-top-of452d:transparent;
2796
+ --color-border-input-focused-v6z9fd:#033160;
2784
2797
  --color-border-item-focused-v8nq2m:#000716;
2785
2798
  --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 0.12);
2786
2799
  --color-text-button-normal-active-fp98iq:#000716;
@@ -2958,6 +2971,7 @@
2958
2971
  --color-border-editable-cell-hover-hx4at2:#5f6b7a;
2959
2972
  --color-border-input-default-aksbt5:#5f6b7a;
2960
2973
  --color-border-input-disabled-v8bsvq:#192534;
2974
+ --color-border-input-focused-v6z9fd:#b5d6f4;
2961
2975
  --color-border-item-focused-v8nq2m:#fbfbfb;
2962
2976
  --color-border-dropdown-item-focused-3o10kx:#d1d5db;
2963
2977
  --color-border-item-placeholder-14j9vy:#539fe5;
@@ -3144,6 +3158,7 @@
3144
3158
  --color-border-editable-cell-hover-hx4at2:#5f6b7a;
3145
3159
  --color-border-input-default-aksbt5:#5f6b7a;
3146
3160
  --color-border-input-disabled-v8bsvq:#192534;
3161
+ --color-border-input-focused-v6z9fd:#b5d6f4;
3147
3162
  --color-border-item-focused-v8nq2m:#fbfbfb;
3148
3163
  --color-border-dropdown-item-focused-3o10kx:#d1d5db;
3149
3164
  --color-border-item-placeholder-14j9vy:#539fe5;
@@ -3256,6 +3271,7 @@
3256
3271
  .awsui-dark-mode.awsui-visual-refresh .awsui-context-flashbar:not(#\9) {
3257
3272
  --color-border-calendar-grid-selected-focus-ring-hhlvy8:#0f1b2a;
3258
3273
  --color-border-dropdown-item-selected-fxzclw:#539fe5;
3274
+ --color-border-input-focused-v6z9fd:#b5d6f4;
3259
3275
  --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 1);
3260
3276
  }
3261
3277
  }
@@ -3263,6 +3279,7 @@
3263
3279
  .awsui-context-flashbar.awsui-dark-mode.awsui-visual-refresh:not(#\9) {
3264
3280
  --color-border-calendar-grid-selected-focus-ring-hhlvy8:#0f1b2a;
3265
3281
  --color-border-dropdown-item-selected-fxzclw:#539fe5;
3282
+ --color-border-input-focused-v6z9fd:#b5d6f4;
3266
3283
  --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 1);
3267
3284
  }
3268
3285
  }
@@ -3270,6 +3287,7 @@
3270
3287
  .awsui-dark-mode.awsui-visual-refresh .awsui-context-flashbar-warning:not(#\9) {
3271
3288
  --color-border-calendar-grid-selected-focus-ring-hhlvy8:#0f1b2a;
3272
3289
  --color-border-dropdown-item-selected-fxzclw:#539fe5;
3290
+ --color-border-input-focused-v6z9fd:#b5d6f4;
3273
3291
  --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 1);
3274
3292
  --color-text-body-default-ffdwgg:#000716;
3275
3293
  }
@@ -3278,6 +3296,7 @@
3278
3296
  .awsui-context-flashbar-warning.awsui-dark-mode.awsui-visual-refresh:not(#\9) {
3279
3297
  --color-border-calendar-grid-selected-focus-ring-hhlvy8:#0f1b2a;
3280
3298
  --color-border-dropdown-item-selected-fxzclw:#539fe5;
3299
+ --color-border-input-focused-v6z9fd:#b5d6f4;
3281
3300
  --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 1);
3282
3301
  --color-text-body-default-ffdwgg:#000716;
3283
3302
  }
package/lib/internal/template/internal/components/button-trigger/styles.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "button-trigger": "awsui_button-trigger_18eso_5r82s_97",
5
- "arrow": "awsui_arrow_18eso_5r82s_97",
6
- "has-caret": "awsui_has-caret_18eso_5r82s_137",
7
- "placeholder": "awsui_placeholder_18eso_5r82s_140",
8
- "pressed": "awsui_pressed_18eso_5r82s_153",
9
- "disabled": "awsui_disabled_18eso_5r82s_156",
10
- "in-filtering-token": "awsui_in-filtering-token_18eso_5r82s_165",
11
- "read-only": "awsui_read-only_18eso_5r82s_171",
12
- "invalid": "awsui_invalid_18eso_5r82s_188",
13
- "inline-tokens": "awsui_inline-tokens_18eso_5r82s_223"
4
+ "button-trigger": "awsui_button-trigger_18eso_vu9kh_97",
5
+ "arrow": "awsui_arrow_18eso_vu9kh_97",
6
+ "has-caret": "awsui_has-caret_18eso_vu9kh_137",
7
+ "placeholder": "awsui_placeholder_18eso_vu9kh_140",
8
+ "pressed": "awsui_pressed_18eso_vu9kh_153",
9
+ "disabled": "awsui_disabled_18eso_vu9kh_156",
10
+ "in-filtering-token": "awsui_in-filtering-token_18eso_vu9kh_165",
11
+ "read-only": "awsui_read-only_18eso_vu9kh_171",
12
+ "invalid": "awsui_invalid_18eso_vu9kh_188",
13
+ "inline-tokens": "awsui_inline-tokens_18eso_vu9kh_223"
14
14
  };
15
15
 
package/lib/internal/template/internal/components/button-trigger/styles.scoped.css CHANGED
@@ -94,16 +94,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_button-trigger_18eso_5r82s_97 > .awsui_arrow_18eso_5r82s_97:not(#\9) {
97
+ .awsui_button-trigger_18eso_vu9kh_97 > .awsui_arrow_18eso_vu9kh_97:not(#\9) {
98
98
  transition: transform var(--motion-duration-rotate-180-6z1h8e, 135ms) var(--motion-easing-rotate-180-l3wboa, cubic-bezier(0.165, 0.84, 0.44, 1));
99
99
  }
100
100
  @media (prefers-reduced-motion: reduce) {
101
- .awsui_button-trigger_18eso_5r82s_97 > .awsui_arrow_18eso_5r82s_97:not(#\9) {
101
+ .awsui_button-trigger_18eso_vu9kh_97 > .awsui_arrow_18eso_vu9kh_97:not(#\9) {
102
102
  animation: none;
103
103
  transition: none;
104
104
  }
105
105
  }
106
- .awsui-motion-disabled .awsui_button-trigger_18eso_5r82s_97 > .awsui_arrow_18eso_5r82s_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_5r82s_97 > .awsui_arrow_18eso_5r82s_97:not(#\9) {
106
+ .awsui-motion-disabled .awsui_button-trigger_18eso_vu9kh_97 > .awsui_arrow_18eso_vu9kh_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_vu9kh_97 > .awsui_arrow_18eso_vu9kh_97:not(#\9) {
107
107
  animation: none;
108
108
  transition: none;
109
109
  }
@@ -112,7 +112,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
112
112
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
113
113
  SPDX-License-Identifier: Apache-2.0
114
114
  */
115
- .awsui_button-trigger_18eso_5r82s_97:not(#\9) {
115
+ .awsui_button-trigger_18eso_vu9kh_97:not(#\9) {
116
116
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
117
117
  border-collapse: separate;
118
118
  border-spacing: 0;
@@ -160,58 +160,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
160
160
  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-default-aksbt5, #687078);
161
161
  min-height: var(--size-vertical-input-ubbp77, 32px);
162
162
  }
163
- .awsui_button-trigger_18eso_5r82s_97.awsui_has-caret_18eso_5r82s_137:not(#\9) {
163
+ .awsui_button-trigger_18eso_vu9kh_97.awsui_has-caret_18eso_vu9kh_137:not(#\9) {
164
164
  padding-right: var(--space-field-icon-offset-llp3ak, 32px);
165
165
  }
166
- .awsui_button-trigger_18eso_5r82s_97 > .awsui_placeholder_18eso_5r82s_140:not(#\9) {
166
+ .awsui_button-trigger_18eso_vu9kh_97 > .awsui_placeholder_18eso_vu9kh_140:not(#\9) {
167
167
  color: var(--color-text-input-placeholder-epedqe, #687078);
168
168
  font-style: italic;
169
169
  }
170
- .awsui_button-trigger_18eso_5r82s_97 > .awsui_arrow_18eso_5r82s_97:not(#\9) {
170
+ .awsui_button-trigger_18eso_vu9kh_97 > .awsui_arrow_18eso_vu9kh_97:not(#\9) {
171
171
  position: absolute;
172
172
  right: var(--space-field-horizontal-cy5q05, 8px);
173
173
  top: calc(50% - var(--line-height-body-m-2zx78l, 22px) / 2);
174
174
  color: var(--color-text-button-inline-icon-default-870ilx, #545b64);
175
175
  }
176
- .awsui_button-trigger_18eso_5r82s_97:not(#\9):hover > .awsui_arrow_18eso_5r82s_97 {
176
+ .awsui_button-trigger_18eso_vu9kh_97:not(#\9):hover > .awsui_arrow_18eso_vu9kh_97 {
177
177
  color: var(--color-text-button-inline-icon-hover-gmrtb4, #16191f);
178
178
  }
179
- .awsui_button-trigger_18eso_5r82s_97.awsui_pressed_18eso_5r82s_153 > .awsui_arrow_18eso_5r82s_97:not(#\9) {
179
+ .awsui_button-trigger_18eso_vu9kh_97.awsui_pressed_18eso_vu9kh_153 > .awsui_arrow_18eso_vu9kh_97:not(#\9) {
180
180
  transform: rotate(-180deg);
181
181
  }
182
- .awsui_button-trigger_18eso_5r82s_97.awsui_disabled_18eso_5r82s_156:not(#\9) {
182
+ .awsui_button-trigger_18eso_vu9kh_97.awsui_disabled_18eso_vu9kh_156:not(#\9) {
183
183
  background-color: var(--color-background-input-disabled-zfoobi, #eaeded);
184
184
  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
185
185
  color: var(--color-text-input-disabled-c1yp62, #879596);
186
186
  cursor: auto;
187
187
  }
188
- .awsui_button-trigger_18eso_5r82s_97.awsui_disabled_18eso_5r82s_156 > .awsui_arrow_18eso_5r82s_97:not(#\9) {
188
+ .awsui_button-trigger_18eso_vu9kh_97.awsui_disabled_18eso_vu9kh_156 > .awsui_arrow_18eso_vu9kh_97:not(#\9) {
189
189
  color: var(--color-text-button-inline-icon-disabled-m6lq35, #aab7b8);
190
190
  }
191
- .awsui_button-trigger_18eso_5r82s_97.awsui_disabled_18eso_5r82s_156.awsui_in-filtering-token_18eso_5r82s_165:not(#\9) {
191
+ .awsui_button-trigger_18eso_vu9kh_97.awsui_disabled_18eso_vu9kh_156.awsui_in-filtering-token_18eso_vu9kh_165:not(#\9) {
192
192
  border-color: var(--color-border-control-disabled-4hz3mo, #d5dbdb);
193
193
  }
194
- .awsui_button-trigger_18eso_5r82s_97.awsui_disabled_18eso_5r82s_156 > .awsui_placeholder_18eso_5r82s_140:not(#\9) {
194
+ .awsui_button-trigger_18eso_vu9kh_97.awsui_disabled_18eso_vu9kh_156 > .awsui_placeholder_18eso_vu9kh_140:not(#\9) {
195
195
  color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
196
196
  }
197
- .awsui_button-trigger_18eso_5r82s_97.awsui_read-only_18eso_5r82s_171:not(#\9) {
197
+ .awsui_button-trigger_18eso_vu9kh_97.awsui_read-only_18eso_vu9kh_171:not(#\9) {
198
198
  background-color: var(--color-background-input-default-w7mbz6, #ffffff);
199
199
  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
200
200
  }
201
- .awsui_button-trigger_18eso_5r82s_97:not(#\9):focus {
201
+ .awsui_button-trigger_18eso_vu9kh_97:not(#\9):focus {
202
202
  outline: none;
203
203
  text-decoration: none;
204
204
  }
205
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_5r82s_97:not(#\9):not(.awsui_in-filtering-token_18eso_5r82s_165):focus {
205
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_vu9kh_97:not(#\9):not(.awsui_in-filtering-token_18eso_vu9kh_165):focus {
206
206
  outline: 2px dotted transparent;
207
- border: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
207
+ border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-v6z9fd, #0073bb);
208
208
  border-radius: var(--border-radius-input-hy50dp, 2px);
209
209
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
210
210
  }
211
- .awsui_button-trigger_18eso_5r82s_97:not(#\9):not(.awsui_in-filtering-token_18eso_5r82s_165):invalid {
211
+ .awsui_button-trigger_18eso_vu9kh_97:not(#\9):not(.awsui_in-filtering-token_18eso_vu9kh_165):invalid {
212
212
  box-shadow: none;
213
213
  }
214
- .awsui_button-trigger_18eso_5r82s_97:not(#\9):not(.awsui_in-filtering-token_18eso_5r82s_165).awsui_invalid_18eso_5r82s_188, .awsui_button-trigger_18eso_5r82s_97:not(#\9):not(.awsui_in-filtering-token_18eso_5r82s_165).awsui_invalid_18eso_5r82s_188:focus {
214
+ .awsui_button-trigger_18eso_vu9kh_97:not(#\9):not(.awsui_in-filtering-token_18eso_vu9kh_165).awsui_invalid_18eso_vu9kh_188, .awsui_button-trigger_18eso_vu9kh_97:not(#\9):not(.awsui_in-filtering-token_18eso_vu9kh_165).awsui_invalid_18eso_vu9kh_188:focus {
215
215
  color: var(--color-text-status-error-ofc4yr, #d13212);
216
216
  border-color: var(--color-text-status-error-ofc4yr, #d13212);
217
217
  padding-left: calc(
@@ -219,23 +219,23 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_5r82s_97:not(#\9
219
219
  );
220
220
  border-left-width: var(--border-invalid-width-hp6noi, 4px);
221
221
  }
222
- .awsui_button-trigger_18eso_5r82s_97:not(#\9):not(.awsui_in-filtering-token_18eso_5r82s_165).awsui_invalid_18eso_5r82s_188:focus, .awsui_button-trigger_18eso_5r82s_97:not(#\9):not(.awsui_in-filtering-token_18eso_5r82s_165).awsui_invalid_18eso_5r82s_188:focus:focus {
222
+ .awsui_button-trigger_18eso_vu9kh_97:not(#\9):not(.awsui_in-filtering-token_18eso_vu9kh_165).awsui_invalid_18eso_vu9kh_188:focus, .awsui_button-trigger_18eso_vu9kh_97:not(#\9):not(.awsui_in-filtering-token_18eso_vu9kh_165).awsui_invalid_18eso_vu9kh_188:focus:focus {
223
223
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-v3635w, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
224
224
  }
225
- .awsui_button-trigger_18eso_5r82s_97.awsui_in-filtering-token_18eso_5r82s_165:not(#\9) {
225
+ .awsui_button-trigger_18eso_vu9kh_97.awsui_in-filtering-token_18eso_vu9kh_165:not(#\9) {
226
226
  border-color: var(--color-border-item-selected-20gejb, #0073bb);
227
227
  border-top-right-radius: 0;
228
228
  border-bottom-right-radius: 0;
229
229
  height: 100%;
230
230
  }
231
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_5r82s_97.awsui_in-filtering-token_18eso_5r82s_165:not(#\9):focus {
231
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_vu9kh_97.awsui_in-filtering-token_18eso_vu9kh_165:not(#\9):focus {
232
232
  position: relative;
233
233
  }
234
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_5r82s_97.awsui_in-filtering-token_18eso_5r82s_165:not(#\9):focus {
234
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_vu9kh_97.awsui_in-filtering-token_18eso_vu9kh_165:not(#\9):focus {
235
235
  outline: 2px dotted transparent;
236
236
  outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-lr5vk6, 0px) - 1px);
237
237
  }
238
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_5r82s_97.awsui_in-filtering-token_18eso_5r82s_165:not(#\9):focus::before {
238
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_vu9kh_97.awsui_in-filtering-token_18eso_vu9kh_165:not(#\9):focus::before {
239
239
  content: " ";
240
240
  display: block;
241
241
  position: absolute;
@@ -246,7 +246,7 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_5r82s_97.awsui_i
246
246
  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
247
247
  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
248
248
  }
249
- .awsui_button-trigger_18eso_5r82s_97.awsui_inline-tokens_18eso_5r82s_223:not(#\9) {
249
+ .awsui_button-trigger_18eso_vu9kh_97.awsui_inline-tokens_18eso_vu9kh_223:not(#\9) {
250
250
  padding-top: 0;
251
251
  padding-bottom: 0;
252
252
  }
package/lib/internal/template/internal/components/button-trigger/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
- "button-trigger": "awsui_button-trigger_18eso_5r82s_97",
6
- "arrow": "awsui_arrow_18eso_5r82s_97",
7
- "has-caret": "awsui_has-caret_18eso_5r82s_137",
8
- "placeholder": "awsui_placeholder_18eso_5r82s_140",
9
- "pressed": "awsui_pressed_18eso_5r82s_153",
10
- "disabled": "awsui_disabled_18eso_5r82s_156",
11
- "in-filtering-token": "awsui_in-filtering-token_18eso_5r82s_165",
12
- "read-only": "awsui_read-only_18eso_5r82s_171",
13
- "invalid": "awsui_invalid_18eso_5r82s_188",
14
- "inline-tokens": "awsui_inline-tokens_18eso_5r82s_223"
5
+ "button-trigger": "awsui_button-trigger_18eso_vu9kh_97",
6
+ "arrow": "awsui_arrow_18eso_vu9kh_97",
7
+ "has-caret": "awsui_has-caret_18eso_vu9kh_137",
8
+ "placeholder": "awsui_placeholder_18eso_vu9kh_140",
9
+ "pressed": "awsui_pressed_18eso_vu9kh_153",
10
+ "disabled": "awsui_disabled_18eso_vu9kh_156",
11
+ "in-filtering-token": "awsui_in-filtering-token_18eso_vu9kh_165",
12
+ "read-only": "awsui_read-only_18eso_vu9kh_171",
13
+ "invalid": "awsui_invalid_18eso_vu9kh_188",
14
+ "inline-tokens": "awsui_inline-tokens_18eso_vu9kh_223"
15
15
  };
16
16
 
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (8e78410f)";
2
+ export var PACKAGE_VERSION = "3.0.0 (65bc8186)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (8e78410f)",
3
+ "PACKAGE_VERSION": "3.0.0 (65bc8186)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
package/lib/internal/template/internal/generated/theming/index.cjs CHANGED
@@ -1143,6 +1143,10 @@ module.exports.preset = {
1143
1143
  "light": "{colorBackgroundInputDisabled}",
1144
1144
  "dark": "{colorBackgroundInputDisabled}"
1145
1145
  },
1146
+ "colorBorderInputFocused": {
1147
+ "light": "{colorBlue800}",
1148
+ "dark": "{colorBlue300}"
1149
+ },
1146
1150
  "colorBorderItemFocused": {
1147
1151
  "light": "{colorBlue600}",
1148
1152
  "dark": "{colorBlue500}"
@@ -3177,6 +3181,10 @@ module.exports.preset = {
3177
3181
  "light": "{colorBackgroundInputDisabled}",
3178
3182
  "dark": "{colorBackgroundInputDisabled}"
3179
3183
  },
3184
+ "colorBorderInputFocused": {
3185
+ "light": "{colorBlue300}",
3186
+ "dark": "{colorBlue300}"
3187
+ },
3180
3188
  "colorBorderItemFocused": {
3181
3189
  "light": "{colorBlue500}",
3182
3190
  "dark": "{colorBlue500}"
@@ -4191,6 +4199,10 @@ module.exports.preset = {
4191
4199
  "light": "{colorBackgroundInputDisabled}",
4192
4200
  "dark": "{colorBackgroundInputDisabled}"
4193
4201
  },
4202
+ "colorBorderInputFocused": {
4203
+ "light": "{colorBlue300}",
4204
+ "dark": "{colorBlue300}"
4205
+ },
4194
4206
  "colorBorderItemFocused": {
4195
4207
  "light": "{colorBlue500}",
4196
4208
  "dark": "{colorBlue500}"
@@ -5137,6 +5149,10 @@ module.exports.preset = {
5137
5149
  "light": "{colorBackgroundInputDisabled}",
5138
5150
  "dark": "{colorBackgroundInputDisabled}"
5139
5151
  },
5152
+ "colorBorderInputFocused": {
5153
+ "light": "{colorBlue800}",
5154
+ "dark": "{colorBlue300}"
5155
+ },
5140
5156
  "colorBorderItemFocused": {
5141
5157
  "light": "{colorGrey100}",
5142
5158
  "dark": "{colorGrey100}"
@@ -6083,6 +6099,10 @@ module.exports.preset = {
6083
6099
  "light": "{colorBackgroundInputDisabled}",
6084
6100
  "dark": "{colorBackgroundInputDisabled}"
6085
6101
  },
6102
+ "colorBorderInputFocused": {
6103
+ "light": "{colorBlue800}",
6104
+ "dark": "{colorBlue300}"
6105
+ },
6086
6106
  "colorBorderItemFocused": {
6087
6107
  "light": "{colorTextNotificationYellow}",
6088
6108
  "dark": "{colorTextNotificationYellow}"
@@ -7029,6 +7049,10 @@ module.exports.preset = {
7029
7049
  "light": "{colorBackgroundInputDisabled}",
7030
7050
  "dark": "{colorBackgroundInputDisabled}"
7031
7051
  },
7052
+ "colorBorderInputFocused": {
7053
+ "light": "{colorBlue800}",
7054
+ "dark": "{colorBlue300}"
7055
+ },
7032
7056
  "colorBorderItemFocused": {
7033
7057
  "light": "{colorBlue600}",
7034
7058
  "dark": "{colorGrey100}"
@@ -7977,6 +8001,10 @@ module.exports.preset = {
7977
8001
  "light": "{colorBackgroundInputDisabled}",
7978
8002
  "dark": "{colorBackgroundInputDisabled}"
7979
8003
  },
8004
+ "colorBorderInputFocused": {
8005
+ "light": "{colorBlue300}",
8006
+ "dark": "{colorBlue300}"
8007
+ },
7980
8008
  "colorBorderItemFocused": {
7981
8009
  "light": "{colorGrey100}",
7982
8010
  "dark": "{colorGrey100}"
@@ -8748,6 +8776,7 @@ module.exports.preset = {
8748
8776
  "colorBorderEditableCellHover": "color",
8749
8777
  "colorBorderInputDefault": "color",
8750
8778
  "colorBorderInputDisabled": "color",
8779
+ "colorBorderInputFocused": "color",
8751
8780
  "colorBorderItemFocused": "color",
8752
8781
  "colorBorderDropdownItemFocused": "color",
8753
8782
  "colorBorderItemPlaceholder": "color",
@@ -9910,6 +9939,7 @@ module.exports.preset = {
9910
9939
  "colorBorderEditableCellHover": "color-border-editable-cell-hover",
9911
9940
  "colorBorderInputDefault": "color-border-input-default",
9912
9941
  "colorBorderInputDisabled": "color-border-input-disabled",
9942
+ "colorBorderInputFocused": "color-border-input-focused",
9913
9943
  "colorBorderItemFocused": "color-border-item-focused",
9914
9944
  "colorBorderDropdownItemFocused": "color-border-dropdown-item-focused",
9915
9945
  "colorBorderItemPlaceholder": "color-border-item-placeholder",
@@ -10595,6 +10625,7 @@ module.exports.preset = {
10595
10625
  "colorBorderEditableCellHover": "--color-border-editable-cell-hover-nqrv6y",
10596
10626
  "colorBorderInputDefault": "--color-border-input-default-1zl7hq",
10597
10627
  "colorBorderInputDisabled": "--color-border-input-disabled-rx2aau",
10628
+ "colorBorderInputFocused": "--color-border-input-focused-3d15sl",
10598
10629
  "colorBorderItemFocused": "--color-border-item-focused-b2ntyl",
10599
10630
  "colorBorderDropdownItemFocused": "--color-border-dropdown-item-focused-5hbaf3",
10600
10631
  "colorBorderItemPlaceholder": "--color-border-item-placeholder-h8j85e",
package/lib/internal/template/internal/generated/theming/index.js CHANGED
@@ -1143,6 +1143,10 @@ export var preset = {
1143
1143
  "light": "{colorBackgroundInputDisabled}",
1144
1144
  "dark": "{colorBackgroundInputDisabled}"
1145
1145
  },
1146
+ "colorBorderInputFocused": {
1147
+ "light": "{colorBlue800}",
1148
+ "dark": "{colorBlue300}"
1149
+ },
1146
1150
  "colorBorderItemFocused": {
1147
1151
  "light": "{colorBlue600}",
1148
1152
  "dark": "{colorBlue500}"
@@ -3177,6 +3181,10 @@ export var preset = {
3177
3181
  "light": "{colorBackgroundInputDisabled}",
3178
3182
  "dark": "{colorBackgroundInputDisabled}"
3179
3183
  },
3184
+ "colorBorderInputFocused": {
3185
+ "light": "{colorBlue300}",
3186
+ "dark": "{colorBlue300}"
3187
+ },
3180
3188
  "colorBorderItemFocused": {
3181
3189
  "light": "{colorBlue500}",
3182
3190
  "dark": "{colorBlue500}"
@@ -4191,6 +4199,10 @@ export var preset = {
4191
4199
  "light": "{colorBackgroundInputDisabled}",
4192
4200
  "dark": "{colorBackgroundInputDisabled}"
4193
4201
  },
4202
+ "colorBorderInputFocused": {
4203
+ "light": "{colorBlue300}",
4204
+ "dark": "{colorBlue300}"
4205
+ },
4194
4206
  "colorBorderItemFocused": {
4195
4207
  "light": "{colorBlue500}",
4196
4208
  "dark": "{colorBlue500}"
@@ -5137,6 +5149,10 @@ export var preset = {
5137
5149
  "light": "{colorBackgroundInputDisabled}",
5138
5150
  "dark": "{colorBackgroundInputDisabled}"
5139
5151
  },
5152
+ "colorBorderInputFocused": {
5153
+ "light": "{colorBlue800}",
5154
+ "dark": "{colorBlue300}"
5155
+ },
5140
5156
  "colorBorderItemFocused": {
5141
5157
  "light": "{colorGrey100}",
5142
5158
  "dark": "{colorGrey100}"
@@ -6083,6 +6099,10 @@ export var preset = {
6083
6099
  "light": "{colorBackgroundInputDisabled}",
6084
6100
  "dark": "{colorBackgroundInputDisabled}"
6085
6101
  },
6102
+ "colorBorderInputFocused": {
6103
+ "light": "{colorBlue800}",
6104
+ "dark": "{colorBlue300}"
6105
+ },
6086
6106
  "colorBorderItemFocused": {
6087
6107
  "light": "{colorTextNotificationYellow}",
6088
6108
  "dark": "{colorTextNotificationYellow}"
@@ -7029,6 +7049,10 @@ export var preset = {
7029
7049
  "light": "{colorBackgroundInputDisabled}",
7030
7050
  "dark": "{colorBackgroundInputDisabled}"
7031
7051
  },
7052
+ "colorBorderInputFocused": {
7053
+ "light": "{colorBlue800}",
7054
+ "dark": "{colorBlue300}"
7055
+ },
7032
7056
  "colorBorderItemFocused": {
7033
7057
  "light": "{colorBlue600}",
7034
7058
  "dark": "{colorGrey100}"
@@ -7977,6 +8001,10 @@ export var preset = {
7977
8001
  "light": "{colorBackgroundInputDisabled}",
7978
8002
  "dark": "{colorBackgroundInputDisabled}"
7979
8003
  },
8004
+ "colorBorderInputFocused": {
8005
+ "light": "{colorBlue300}",
8006
+ "dark": "{colorBlue300}"
8007
+ },
7980
8008
  "colorBorderItemFocused": {
7981
8009
  "light": "{colorGrey100}",
7982
8010
  "dark": "{colorGrey100}"
@@ -8748,6 +8776,7 @@ export var preset = {
8748
8776
  "colorBorderEditableCellHover": "color",
8749
8777
  "colorBorderInputDefault": "color",
8750
8778
  "colorBorderInputDisabled": "color",
8779
+ "colorBorderInputFocused": "color",
8751
8780
  "colorBorderItemFocused": "color",
8752
8781
  "colorBorderDropdownItemFocused": "color",
8753
8782
  "colorBorderItemPlaceholder": "color",
@@ -9910,6 +9939,7 @@ export var preset = {
9910
9939
  "colorBorderEditableCellHover": "color-border-editable-cell-hover",
9911
9940
  "colorBorderInputDefault": "color-border-input-default",
9912
9941
  "colorBorderInputDisabled": "color-border-input-disabled",
9942
+ "colorBorderInputFocused": "color-border-input-focused",
9913
9943
  "colorBorderItemFocused": "color-border-item-focused",
9914
9944
  "colorBorderDropdownItemFocused": "color-border-dropdown-item-focused",
9915
9945
  "colorBorderItemPlaceholder": "color-border-item-placeholder",
@@ -10595,6 +10625,7 @@ export var preset = {
10595
10625
  "colorBorderEditableCellHover": "--color-border-editable-cell-hover-nqrv6y",
10596
10626
  "colorBorderInputDefault": "--color-border-input-default-1zl7hq",
10597
10627
  "colorBorderInputDisabled": "--color-border-input-disabled-rx2aau",
10628
+ "colorBorderInputFocused": "--color-border-input-focused-3d15sl",
10598
10629
  "colorBorderItemFocused": "--color-border-item-focused-b2ntyl",
10599
10630
  "colorBorderDropdownItemFocused": "--color-border-dropdown-item-focused-5hbaf3",
10600
10631
  "colorBorderItemPlaceholder": "--color-border-item-placeholder-h8j85e",
package/lib/internal/template/textarea/styles.css.js CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_qk1j1_1kqtp_93",
5
- "textarea": "awsui_textarea_qk1j1_1kqtp_97",
6
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_1kqtp_123",
7
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_1kqtp_159"
4
+ "root": "awsui_root_qk1j1_8lict_93",
5
+ "textarea": "awsui_textarea_qk1j1_8lict_97",
6
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_8lict_123",
7
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_8lict_159"
8
8
  };
9
9
 
package/lib/internal/template/textarea/styles.scoped.css CHANGED
@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_qk1j1_1kqtp_93:not(#\9) {
93
+ .awsui_root_qk1j1_8lict_93:not(#\9) {
94
94
  /* used for test-utils */
95
95
  }
96
96
 
97
- .awsui_textarea_qk1j1_1kqtp_97:not(#\9) {
97
+ .awsui_textarea_qk1j1_8lict_97:not(#\9) {
98
98
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
99
99
  border-collapse: separate;
100
100
  border-spacing: 0;
@@ -146,43 +146,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
146
146
  font-size: var(--font-size-body-m-pa3mqb, 14px);
147
147
  line-height: var(--line-height-body-m-2zx78l, 22px);
148
148
  }
149
- .awsui_textarea_qk1j1_1kqtp_97.awsui_textarea-readonly_qk1j1_1kqtp_123:not(#\9) {
149
+ .awsui_textarea_qk1j1_8lict_97.awsui_textarea-readonly_qk1j1_8lict_123:not(#\9) {
150
150
  background-color: var(--color-background-input-default-w7mbz6, #ffffff);
151
151
  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
152
152
  }
153
- .awsui_textarea_qk1j1_1kqtp_97:not(#\9)::placeholder {
153
+ .awsui_textarea_qk1j1_8lict_97:not(#\9)::placeholder {
154
154
  color: var(--color-text-input-placeholder-epedqe, #687078);
155
155
  font-style: italic;
156
156
  opacity: 1;
157
157
  }
158
- .awsui_textarea_qk1j1_1kqtp_97:not(#\9):-ms-input-placeholder {
158
+ .awsui_textarea_qk1j1_8lict_97:not(#\9):-ms-input-placeholder {
159
159
  color: var(--color-text-input-placeholder-epedqe, #687078);
160
160
  font-style: italic;
161
161
  }
162
- .awsui_textarea_qk1j1_1kqtp_97:not(#\9):focus {
162
+ .awsui_textarea_qk1j1_8lict_97:not(#\9):focus {
163
163
  outline: 2px dotted transparent;
164
- border: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
164
+ border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-v6z9fd, #0073bb);
165
165
  border-radius: var(--border-radius-input-hy50dp, 2px);
166
166
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
167
167
  }
168
- .awsui_textarea_qk1j1_1kqtp_97:not(#\9):invalid {
168
+ .awsui_textarea_qk1j1_8lict_97:not(#\9):invalid {
169
169
  box-shadow: none;
170
170
  }
171
- .awsui_textarea_qk1j1_1kqtp_97:not(#\9):disabled {
171
+ .awsui_textarea_qk1j1_8lict_97:not(#\9):disabled {
172
172
  background-color: var(--color-background-input-disabled-zfoobi, #eaeded);
173
173
  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
174
174
  color: var(--color-text-input-disabled-c1yp62, #879596);
175
175
  cursor: auto;
176
176
  cursor: default;
177
177
  }
178
- .awsui_textarea_qk1j1_1kqtp_97:not(#\9):disabled::placeholder {
178
+ .awsui_textarea_qk1j1_8lict_97:not(#\9):disabled::placeholder {
179
179
  color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
180
180
  opacity: 1;
181
181
  }
182
- .awsui_textarea_qk1j1_1kqtp_97:not(#\9):disabled:-ms-input-placeholder {
182
+ .awsui_textarea_qk1j1_8lict_97:not(#\9):disabled:-ms-input-placeholder {
183
183
  color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
184
184
  }
185
- .awsui_textarea_qk1j1_1kqtp_97.awsui_textarea-invalid_qk1j1_1kqtp_159:not(#\9) {
185
+ .awsui_textarea_qk1j1_8lict_97.awsui_textarea-invalid_qk1j1_8lict_159:not(#\9) {
186
186
  color: var(--color-text-status-error-ofc4yr, #d13212);
187
187
  border-color: var(--color-text-status-error-ofc4yr, #d13212);
188
188
  padding-left: calc(
@@ -190,6 +190,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
190
  );
191
191
  border-left-width: var(--border-invalid-width-hp6noi, 4px);
192
192
  }
193
- .awsui_textarea_qk1j1_1kqtp_97.awsui_textarea-invalid_qk1j1_1kqtp_159:not(#\9):focus {
193
+ .awsui_textarea_qk1j1_8lict_97.awsui_textarea-invalid_qk1j1_8lict_159:not(#\9):focus {
194
194
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-v3635w, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
195
195
  }
package/lib/internal/template/textarea/styles.selectors.js CHANGED
@@ -2,9 +2,9 @@
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_1kqtp_93",
6
- "textarea": "awsui_textarea_qk1j1_1kqtp_97",
7
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_1kqtp_123",
8
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_1kqtp_159"
5
+ "root": "awsui_root_qk1j1_8lict_93",
6
+ "textarea": "awsui_textarea_qk1j1_8lict_97",
7
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_8lict_123",
8
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_8lict_159"
9
9
  };
10
10
 
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@cloudscape-design/components-themeable","version":"3.0.508","files":["lib"],"main":"lib/theming.js","types":"lib/theming.d.ts","exports":{".":"./lib/theming.js","./package.json":"./package.json","./theming":"./lib/theming.js"},"typesVersions":{"*":{"theming":["./lib/theming.d.ts"]}},"dependencies":{"@cloudscape-design/theming-build":"^1.0.0"},"repository":{"type":"git","url":"https://github.com/cloudscape-design/components.git"},"license":"Apache-2.0","homepage":"https://cloudscape.design"}
1
+ {"name":"@cloudscape-design/components-themeable","version":"3.0.509","files":["lib"],"main":"lib/theming.js","types":"lib/theming.d.ts","exports":{".":"./lib/theming.js","./package.json":"./package.json","./theming":"./lib/theming.js"},"typesVersions":{"*":{"theming":["./lib/theming.d.ts"]}},"dependencies":{"@cloudscape-design/theming-build":"^1.0.0"},"repository":{"type":"git","url":"https://github.com/cloudscape-design/components.git"},"license":"Apache-2.0","homepage":"https://cloudscape.design"}