@cloudscape-design/components-themeable 3.0.101 → 3.0.102

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 (21) hide show
  1. package/lib/internal/template/input/styles.css.js +13 -13
  2. package/lib/internal/template/input/styles.scoped.css +34 -34
  3. package/lib/internal/template/input/styles.selectors.js +13 -13
  4. package/lib/internal/template/internal/base-component/styles.scoped.css +7 -9
  5. package/lib/internal/template/internal/components/button-trigger/styles.css.js +9 -9
  6. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +24 -24
  7. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +9 -9
  8. package/lib/internal/template/internal/environment.js +1 -1
  9. package/lib/internal/template/internal/generated/styles/tokens.js +1 -1
  10. package/lib/internal/template/internal/generated/theming/index.cjs +24 -24
  11. package/lib/internal/template/internal/generated/theming/index.js +24 -24
  12. package/lib/internal/template/split-panel/styles.css.js +58 -58
  13. package/lib/internal/template/split-panel/styles.scoped.css +81 -81
  14. package/lib/internal/template/split-panel/styles.selectors.js +58 -58
  15. package/lib/internal/template/textarea/styles.css.js +4 -4
  16. package/lib/internal/template/textarea/styles.scoped.css +13 -13
  17. package/lib/internal/template/textarea/styles.selectors.js +4 -4
  18. package/lib/internal/template/tiles/styles.css.js +28 -28
  19. package/lib/internal/template/tiles/styles.scoped.css +69 -69
  20. package/lib/internal/template/tiles/styles.selectors.js +28 -28
  21. package/package.json +1 -1
package/lib/internal/template/input/styles.css.js CHANGED
@@ -1,18 +1,18 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_2rhyz_25nxz_93",
5
- "input": "awsui_input_2rhyz_25nxz_97",
6
- "input-readonly": "awsui_input-readonly_2rhyz_25nxz_118",
7
- "input-invalid": "awsui_input-invalid_2rhyz_25nxz_179",
8
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_25nxz_190",
9
- "input-type-search": "awsui_input-type-search_2rhyz_25nxz_195",
10
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_25nxz_213",
11
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_25nxz_216",
12
- "input-container": "awsui_input-container_2rhyz_25nxz_220",
13
- "input-icon": "awsui_input-icon_2rhyz_25nxz_225",
14
- "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_25nxz_228",
15
- "input-icon-left": "awsui_input-icon-left_2rhyz_25nxz_232",
16
- "input-icon-right": "awsui_input-icon-right_2rhyz_25nxz_237"
4
+ "root": "awsui_root_2rhyz_145et_93",
5
+ "input": "awsui_input_2rhyz_145et_97",
6
+ "input-readonly": "awsui_input-readonly_2rhyz_145et_118",
7
+ "input-invalid": "awsui_input-invalid_2rhyz_145et_179",
8
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_145et_190",
9
+ "input-type-search": "awsui_input-type-search_2rhyz_145et_195",
10
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_145et_213",
11
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_145et_216",
12
+ "input-container": "awsui_input-container_2rhyz_145et_220",
13
+ "input-icon": "awsui_input-icon_2rhyz_145et_225",
14
+ "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_145et_228",
15
+ "input-icon-left": "awsui_input-icon-left_2rhyz_145et_232",
16
+ "input-icon-right": "awsui_input-icon-right_2rhyz_145et_237"
17
17
  };
18
18
 
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_25nxz_93:not(#\9) {
93
+ .awsui_root_2rhyz_145et_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_25nxz_97:not(#\9) {
97
+ .awsui_input_2rhyz_145et_97:not(#\9) {
98
98
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
99
99
  border-collapse: separate;
100
100
  border-spacing: 0;
@@ -136,75 +136,75 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
136
136
  box-sizing: border-box;
137
137
  background-color: var(--color-background-input-default-ewlytp, #ffffff);
138
138
  border-radius: var(--border-radius-input-fterib, 2px);
139
- border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-default-94d18j, #aab7b8);
139
+ border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-default-t7b5of, #879596);
140
140
  font-size: var(--font-body-m-size-sregvd, 14px);
141
141
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
142
142
  height: var(--size-vertical-input-ikahdk, 32px);
143
143
  }
144
- .awsui_input_2rhyz_25nxz_97.awsui_input-readonly_2rhyz_25nxz_118:not(#\9) {
144
+ .awsui_input_2rhyz_145et_97.awsui_input-readonly_2rhyz_145et_118:not(#\9) {
145
145
  background-color: var(--color-background-input-default-ewlytp, #ffffff);
146
146
  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-disabled-ek5o0x, #eaeded);
147
147
  }
148
- .awsui_input_2rhyz_25nxz_97:not(#\9)::-webkit-input-placeholder {
148
+ .awsui_input_2rhyz_145et_97:not(#\9)::-webkit-input-placeholder {
149
149
  color: var(--color-text-input-placeholder-rtvjp5, #687078);
150
150
  font-style: italic;
151
151
  -webkit-user-select: none;
152
152
  user-select: none;
153
153
  }
154
- .awsui_input_2rhyz_25nxz_97:not(#\9)::-ms-input-placeholder {
154
+ .awsui_input_2rhyz_145et_97:not(#\9)::-ms-input-placeholder {
155
155
  color: var(--color-text-input-placeholder-rtvjp5, #687078);
156
156
  font-style: italic;
157
157
  }
158
- .awsui_input_2rhyz_25nxz_97:not(#\9)::-moz-placeholder {
158
+ .awsui_input_2rhyz_145et_97:not(#\9)::-moz-placeholder {
159
159
  color: var(--color-text-input-placeholder-rtvjp5, #687078);
160
160
  font-style: italic;
161
161
  opacity: 1;
162
162
  }
163
- .awsui_input_2rhyz_25nxz_97:not(#\9):-ms-input-placeholder {
163
+ .awsui_input_2rhyz_145et_97:not(#\9):-ms-input-placeholder {
164
164
  color: var(--color-text-input-placeholder-rtvjp5, #687078);
165
165
  font-style: italic;
166
166
  }
167
- .awsui_input_2rhyz_25nxz_97:not(#\9):-moz-placeholder {
167
+ .awsui_input_2rhyz_145et_97:not(#\9):-moz-placeholder {
168
168
  color: var(--color-text-input-placeholder-rtvjp5, #687078);
169
169
  font-style: italic;
170
170
  opacity: 1;
171
171
  }
172
- .awsui_input_2rhyz_25nxz_97:not(#\9):focus {
172
+ .awsui_input_2rhyz_145et_97:not(#\9):focus {
173
173
  outline: 2px dotted transparent;
174
174
  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-n5kd8g, #0073bb);
175
175
  border-radius: var(--border-radius-input-fterib, 2px);
176
176
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
177
177
  }
178
- .awsui_input_2rhyz_25nxz_97:not(#\9):disabled {
178
+ .awsui_input_2rhyz_145et_97:not(#\9):disabled {
179
179
  background-color: var(--color-background-input-disabled-5vlksk, #eaeded);
180
180
  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-disabled-ek5o0x, #eaeded);
181
181
  color: var(--color-text-input-disabled-zfb02z, #879596);
182
182
  cursor: auto;
183
183
  cursor: default;
184
184
  }
185
- .awsui_input_2rhyz_25nxz_97:not(#\9):disabled::-webkit-input-placeholder {
185
+ .awsui_input_2rhyz_145et_97:not(#\9):disabled::-webkit-input-placeholder {
186
186
  color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
187
187
  -webkit-user-select: none;
188
188
  user-select: none;
189
189
  }
190
- .awsui_input_2rhyz_25nxz_97:not(#\9):disabled::-ms-input-placeholder {
190
+ .awsui_input_2rhyz_145et_97:not(#\9):disabled::-ms-input-placeholder {
191
191
  color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
192
192
  }
193
- .awsui_input_2rhyz_25nxz_97:not(#\9):disabled::-moz-placeholder {
193
+ .awsui_input_2rhyz_145et_97:not(#\9):disabled::-moz-placeholder {
194
194
  color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
195
195
  opacity: 1;
196
196
  }
197
- .awsui_input_2rhyz_25nxz_97:not(#\9):disabled:-ms-input-placeholder {
197
+ .awsui_input_2rhyz_145et_97:not(#\9):disabled:-ms-input-placeholder {
198
198
  color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
199
199
  }
200
- .awsui_input_2rhyz_25nxz_97:not(#\9):disabled:-moz-placeholder {
200
+ .awsui_input_2rhyz_145et_97:not(#\9):disabled:-moz-placeholder {
201
201
  color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
202
202
  opacity: 1;
203
203
  }
204
- .awsui_input_2rhyz_25nxz_97:not(#\9):invalid {
204
+ .awsui_input_2rhyz_145et_97:not(#\9):invalid {
205
205
  box-shadow: none;
206
206
  }
207
- .awsui_input_2rhyz_25nxz_97.awsui_input-invalid_2rhyz_25nxz_179:not(#\9) {
207
+ .awsui_input_2rhyz_145et_97.awsui_input-invalid_2rhyz_145et_179:not(#\9) {
208
208
  color: var(--color-text-status-error-jer77f, #d13212);
209
209
  border-color: var(--color-text-status-error-jer77f, #d13212);
210
210
  padding-left: calc(
@@ -212,65 +212,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
212
212
  );
213
213
  border-left-width: var(--border-invalid-width-glmng5, 4px);
214
214
  }
215
- .awsui_input_2rhyz_25nxz_97.awsui_input-invalid_2rhyz_25nxz_179:not(#\9):focus {
215
+ .awsui_input_2rhyz_145et_97.awsui_input-invalid_2rhyz_145et_179:not(#\9):focus {
216
216
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-6t5p47, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
217
217
  }
218
- .awsui_input_2rhyz_25nxz_97.awsui_input-invalid_2rhyz_25nxz_179.awsui_input-has-icon-left_2rhyz_25nxz_190:not(#\9) {
218
+ .awsui_input_2rhyz_145et_97.awsui_input-invalid_2rhyz_145et_179.awsui_input-has-icon-left_2rhyz_145et_190:not(#\9) {
219
219
  padding-left: calc(
220
220
  var(--space-field-icon-offset-alfd6o, 32px) - (var(--border-invalid-width-glmng5, 4px) - var(--border-field-width-y6x4sn, 1px))
221
221
  );
222
222
  }
223
- .awsui_input_2rhyz_25nxz_97.awsui_input-type-search_2rhyz_25nxz_195:not(#\9) {
223
+ .awsui_input_2rhyz_145et_97.awsui_input-type-search_2rhyz_145et_195:not(#\9) {
224
224
  box-sizing: border-box;
225
225
  -webkit-appearance: none;
226
226
  /* stylelint-disable-line plugin/no-unsupported-browser-features */
227
227
  }
228
- .awsui_input_2rhyz_25nxz_97.awsui_input-type-search_2rhyz_25nxz_195:not(#\9)::-ms-clear {
228
+ .awsui_input_2rhyz_145et_97.awsui_input-type-search_2rhyz_145et_195:not(#\9)::-ms-clear {
229
229
  display: none;
230
230
  }
231
- .awsui_input_2rhyz_25nxz_97.awsui_input-type-search_2rhyz_25nxz_195:not(#\9)::-webkit-search-decoration {
231
+ .awsui_input_2rhyz_145et_97.awsui_input-type-search_2rhyz_145et_195:not(#\9)::-webkit-search-decoration {
232
232
  -webkit-appearance: none;
233
233
  /* stylelint-disable-line plugin/no-unsupported-browser-features */
234
234
  }
235
- .awsui_input_2rhyz_25nxz_97.awsui_input-type-search_2rhyz_25nxz_195:not(#\9)::-webkit-search-cancel-button {
235
+ .awsui_input_2rhyz_145et_97.awsui_input-type-search_2rhyz_145et_195:not(#\9)::-webkit-search-cancel-button {
236
236
  display: none;
237
237
  }
238
- .awsui_input_2rhyz_25nxz_97.awsui_input-has-icon-left_2rhyz_25nxz_190:not(#\9) {
238
+ .awsui_input_2rhyz_145et_97.awsui_input-has-icon-left_2rhyz_145et_190:not(#\9) {
239
239
  padding-left: var(--space-field-icon-offset-alfd6o, 32px);
240
240
  }
241
- .awsui_input_2rhyz_25nxz_97.awsui_input-has-icon-right_2rhyz_25nxz_213:not(#\9) {
241
+ .awsui_input_2rhyz_145et_97.awsui_input-has-icon-right_2rhyz_145et_213:not(#\9) {
242
242
  padding-right: var(--space-field-icon-offset-alfd6o, 32px);
243
243
  }
244
- .awsui_input_2rhyz_25nxz_97.awsui_input-has-no-border-radius_2rhyz_25nxz_216:not(#\9) {
244
+ .awsui_input_2rhyz_145et_97.awsui_input-has-no-border-radius_2rhyz_145et_216:not(#\9) {
245
245
  border-radius: var(--border-radius-dropdown-0c284d, 0px);
246
246
  }
247
247
 
248
- .awsui_input-container_2rhyz_25nxz_220:not(#\9) {
248
+ .awsui_input-container_2rhyz_145et_220:not(#\9) {
249
249
  display: flex;
250
250
  position: relative;
251
251
  }
252
252
 
253
- .awsui_input-icon_2rhyz_25nxz_225:not(#\9) {
253
+ .awsui_input-icon_2rhyz_145et_225:not(#\9) {
254
254
  position: absolute;
255
255
  }
256
- .awsui_input-icon_2rhyz_25nxz_225:not(#\9):not(.awsui_input-icon-hoverable_2rhyz_25nxz_228) {
256
+ .awsui_input-icon_2rhyz_145et_225:not(#\9):not(.awsui_input-icon-hoverable_2rhyz_145et_228) {
257
257
  pointer-events: none;
258
258
  }
259
259
 
260
- .awsui_input-icon-left_2rhyz_25nxz_232:not(#\9) {
260
+ .awsui_input-icon-left_2rhyz_145et_232:not(#\9) {
261
261
  left: var(--space-field-horizontal-z3i1c8, 8px);
262
262
  top: calc(50% - var(--font-body-m-line-height-i7xxvv, 22px) / 2);
263
263
  }
264
264
 
265
- .awsui_input-icon-right_2rhyz_25nxz_237:not(#\9) {
265
+ .awsui_input-icon-right_2rhyz_145et_237:not(#\9) {
266
266
  right: var(--space-field-horizontal-z3i1c8, 8px);
267
267
  top: calc(50% - var(--font-body-m-line-height-i7xxvv, 22px) / 2);
268
268
  color: var(--color-text-button-inline-icon-default-qhj7jl, #545b64);
269
269
  }
270
270
 
271
- .awsui_input-icon-hoverable_2rhyz_25nxz_228:not(#\9) {
271
+ .awsui_input-icon-hoverable_2rhyz_145et_228:not(#\9) {
272
272
  cursor: pointer;
273
273
  }
274
- .awsui_input-icon-hoverable_2rhyz_25nxz_228:not(#\9):hover {
274
+ .awsui_input-icon-hoverable_2rhyz_145et_228:not(#\9):hover {
275
275
  color: var(--color-text-button-inline-icon-hover-84mkuo, #16191f);
276
276
  }
package/lib/internal/template/input/styles.selectors.js CHANGED
@@ -2,18 +2,18 @@
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_25nxz_93",
6
- "input": "awsui_input_2rhyz_25nxz_97",
7
- "input-readonly": "awsui_input-readonly_2rhyz_25nxz_118",
8
- "input-invalid": "awsui_input-invalid_2rhyz_25nxz_179",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_25nxz_190",
10
- "input-type-search": "awsui_input-type-search_2rhyz_25nxz_195",
11
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_25nxz_213",
12
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_25nxz_216",
13
- "input-container": "awsui_input-container_2rhyz_25nxz_220",
14
- "input-icon": "awsui_input-icon_2rhyz_25nxz_225",
15
- "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_25nxz_228",
16
- "input-icon-left": "awsui_input-icon-left_2rhyz_25nxz_232",
17
- "input-icon-right": "awsui_input-icon-right_2rhyz_25nxz_237"
5
+ "root": "awsui_root_2rhyz_145et_93",
6
+ "input": "awsui_input_2rhyz_145et_97",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_145et_118",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_145et_179",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_145et_190",
10
+ "input-type-search": "awsui_input-type-search_2rhyz_145et_195",
11
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_145et_213",
12
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_145et_216",
13
+ "input-container": "awsui_input-container_2rhyz_145et_220",
14
+ "input-icon": "awsui_input-icon_2rhyz_145et_225",
15
+ "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_145et_228",
16
+ "input-icon-left": "awsui_input-icon-left_2rhyz_145et_232",
17
+ "input-icon-right": "awsui_input-icon-right_2rhyz_145et_237"
18
18
  };
19
19
 
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -243,7 +243,7 @@
243
243
  --color-border-dropdown-item-hover-d32f3f:#879596;
244
244
  --color-border-dropdown-item-dimmed-hover-znavol:#879596;
245
245
  --color-border-dropdown-item-top-3kvhpl:#eaeded;
246
- --color-border-input-default-94d18j:#aab7b8;
246
+ --color-border-input-default-t7b5of:#879596;
247
247
  --color-border-input-disabled-ek5o0x:#eaeded;
248
248
  --color-border-item-focused-n5kd8g:#0073bb;
249
249
  --color-border-item-placeholder-wtgwev:transparent;
@@ -799,7 +799,6 @@
799
799
  --color-border-dropdown-group-lane4t:#414750;
800
800
  --color-border-dropdown-item-default-tcqivq:#414750;
801
801
  --color-border-dropdown-item-top-3kvhpl:#414750;
802
- --color-border-input-default-94d18j:#879596;
803
802
  --color-border-input-disabled-ek5o0x:#414750;
804
803
  --color-border-item-focused-n5kd8g:#00a1c9;
805
804
  --color-border-layout-ifju5o:#414750;
@@ -1029,7 +1028,6 @@
1029
1028
  --color-border-dropdown-group-lane4t:#414750;
1030
1029
  --color-border-dropdown-item-default-tcqivq:#414750;
1031
1030
  --color-border-dropdown-item-top-3kvhpl:#414750;
1032
- --color-border-input-default-94d18j:#879596;
1033
1031
  --color-border-input-disabled-ek5o0x:#414750;
1034
1032
  --color-border-item-focused-n5kd8g:#00a1c9;
1035
1033
  --color-border-layout-ifju5o:#414750;
@@ -1211,7 +1209,7 @@
1211
1209
  --color-border-dropdown-item-hover-d32f3f:#7d8998;
1212
1210
  --color-border-dropdown-item-dimmed-hover-znavol:#7d8998;
1213
1211
  --color-border-dropdown-item-top-3kvhpl:transparent;
1214
- --color-border-input-default-94d18j:#9ba7b6;
1212
+ --color-border-input-default-t7b5of:#7d8998;
1215
1213
  --color-border-input-disabled-ek5o0x:#e9ebed;
1216
1214
  --color-border-item-focused-n5kd8g:#0972d3;
1217
1215
  --color-border-item-placeholder-wtgwev:#0972d3;
@@ -1528,7 +1526,7 @@
1528
1526
  --color-border-dropdown-group-lane4t:#414d5c;
1529
1527
  --color-border-dropdown-item-default-tcqivq:#414d5c;
1530
1528
  --color-border-dropdown-item-hover-d32f3f:#5f6b7a;
1531
- --color-border-input-default-94d18j:#5f6b7a;
1529
+ --color-border-input-default-t7b5of:#5f6b7a;
1532
1530
  --color-border-input-disabled-ek5o0x:#192534;
1533
1531
  --color-border-item-focused-n5kd8g:#539fe5;
1534
1532
  --color-border-item-placeholder-wtgwev:#539fe5;
@@ -1741,7 +1739,7 @@
1741
1739
  --color-border-dropdown-item-default-tcqivq:#414d5c;
1742
1740
  --color-border-dropdown-item-hover-d32f3f:#5f6b7a;
1743
1741
  --color-border-dropdown-item-top-3kvhpl:transparent;
1744
- --color-border-input-default-94d18j:#5f6b7a;
1742
+ --color-border-input-default-t7b5of:#5f6b7a;
1745
1743
  --color-border-input-disabled-ek5o0x:#192534;
1746
1744
  --color-border-item-focused-n5kd8g:#539fe5;
1747
1745
  --color-border-item-placeholder-wtgwev:#539fe5;
@@ -1911,7 +1909,7 @@
1911
1909
  --color-border-dropdown-group-lane4t:#414d5c;
1912
1910
  --color-border-dropdown-item-default-tcqivq:#414d5c;
1913
1911
  --color-border-dropdown-item-hover-d32f3f:#5f6b7a;
1914
- --color-border-input-default-94d18j:#5f6b7a;
1912
+ --color-border-input-default-t7b5of:#5f6b7a;
1915
1913
  --color-border-input-disabled-ek5o0x:#192534;
1916
1914
  --color-border-item-focused-n5kd8g:#539fe5;
1917
1915
  --color-border-item-placeholder-wtgwev:#539fe5;
@@ -2081,7 +2079,7 @@
2081
2079
  --color-border-dropdown-group-lane4t:#414d5c;
2082
2080
  --color-border-dropdown-item-default-tcqivq:#414d5c;
2083
2081
  --color-border-dropdown-item-hover-d32f3f:#5f6b7a;
2084
- --color-border-input-default-94d18j:#5f6b7a;
2082
+ --color-border-input-default-t7b5of:#5f6b7a;
2085
2083
  --color-border-input-disabled-ek5o0x:#192534;
2086
2084
  --color-border-item-focused-n5kd8g:#539fe5;
2087
2085
  --color-border-item-placeholder-wtgwev:#539fe5;
@@ -2260,7 +2258,7 @@
2260
2258
  --color-border-dropdown-group-lane4t:#414d5c;
2261
2259
  --color-border-dropdown-item-default-tcqivq:#414d5c;
2262
2260
  --color-border-dropdown-item-hover-d32f3f:#5f6b7a;
2263
- --color-border-input-default-94d18j:#5f6b7a;
2261
+ --color-border-input-default-t7b5of:#5f6b7a;
2264
2262
  --color-border-input-disabled-ek5o0x:#192534;
2265
2263
  --color-border-item-focused-n5kd8g:#539fe5;
2266
2264
  --color-border-item-placeholder-wtgwev:#539fe5;
package/lib/internal/template/internal/components/button-trigger/styles.css.js CHANGED
@@ -1,14 +1,14 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "button-trigger": "awsui_button-trigger_18eso_1si9w_97",
5
- "arrow": "awsui_arrow_18eso_1si9w_97",
6
- "has-caret": "awsui_has-caret_18eso_1si9w_135",
7
- "placeholder": "awsui_placeholder_18eso_1si9w_138",
8
- "pressed": "awsui_pressed_18eso_1si9w_151",
9
- "disabled": "awsui_disabled_18eso_1si9w_154",
10
- "in-filtering-token": "awsui_in-filtering-token_18eso_1si9w_163",
11
- "read-only": "awsui_read-only_18eso_1si9w_169",
12
- "invalid": "awsui_invalid_18eso_1si9w_186"
4
+ "button-trigger": "awsui_button-trigger_18eso_xvimv_97",
5
+ "arrow": "awsui_arrow_18eso_xvimv_97",
6
+ "has-caret": "awsui_has-caret_18eso_xvimv_135",
7
+ "placeholder": "awsui_placeholder_18eso_xvimv_138",
8
+ "pressed": "awsui_pressed_18eso_xvimv_151",
9
+ "disabled": "awsui_disabled_18eso_xvimv_154",
10
+ "in-filtering-token": "awsui_in-filtering-token_18eso_xvimv_163",
11
+ "read-only": "awsui_read-only_18eso_xvimv_169",
12
+ "invalid": "awsui_invalid_18eso_xvimv_186"
13
13
  };
14
14
 
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_1si9w_97 > .awsui_arrow_18eso_1si9w_97:not(#\9) {
97
+ .awsui_button-trigger_18eso_xvimv_97 > .awsui_arrow_18eso_xvimv_97:not(#\9) {
98
98
  transition: transform var(--motion-duration-rotate-180-ofa1ir, 135ms) var(--motion-easing-rotate-180-3rbbga, cubic-bezier(0.165, 0.84, 0.44, 1));
99
99
  }
100
100
  @media (prefers-reduced-motion: reduce) {
101
- .awsui_button-trigger_18eso_1si9w_97 > .awsui_arrow_18eso_1si9w_97:not(#\9) {
101
+ .awsui_button-trigger_18eso_xvimv_97 > .awsui_arrow_18eso_xvimv_97:not(#\9) {
102
102
  animation: none;
103
103
  transition: none;
104
104
  }
105
105
  }
106
- .awsui-motion-disabled .awsui_button-trigger_18eso_1si9w_97 > .awsui_arrow_18eso_1si9w_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1si9w_97 > .awsui_arrow_18eso_1si9w_97:not(#\9) {
106
+ .awsui-motion-disabled .awsui_button-trigger_18eso_xvimv_97 > .awsui_arrow_18eso_xvimv_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_xvimv_97 > .awsui_arrow_18eso_xvimv_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_1si9w_97:not(#\9) {
115
+ .awsui_button-trigger_18eso_xvimv_97:not(#\9) {
116
116
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
117
117
  border-collapse: separate;
118
118
  border-spacing: 0;
@@ -155,61 +155,61 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
155
155
  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-field-horizontal-z3i1c8, 8px);
156
156
  background-color: var(--color-background-input-default-ewlytp, #ffffff);
157
157
  border-radius: var(--border-radius-input-fterib, 2px);
158
- border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-default-94d18j, #aab7b8);
158
+ border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-default-t7b5of, #879596);
159
159
  min-height: var(--size-vertical-input-ikahdk, 32px);
160
160
  }
161
- .awsui_button-trigger_18eso_1si9w_97.awsui_has-caret_18eso_1si9w_135:not(#\9) {
161
+ .awsui_button-trigger_18eso_xvimv_97.awsui_has-caret_18eso_xvimv_135:not(#\9) {
162
162
  padding-right: var(--space-field-icon-offset-alfd6o, 32px);
163
163
  }
164
- .awsui_button-trigger_18eso_1si9w_97 > .awsui_placeholder_18eso_1si9w_138:not(#\9) {
164
+ .awsui_button-trigger_18eso_xvimv_97 > .awsui_placeholder_18eso_xvimv_138:not(#\9) {
165
165
  color: var(--color-text-input-placeholder-rtvjp5, #687078);
166
166
  font-style: italic;
167
167
  }
168
- .awsui_button-trigger_18eso_1si9w_97 > .awsui_arrow_18eso_1si9w_97:not(#\9) {
168
+ .awsui_button-trigger_18eso_xvimv_97 > .awsui_arrow_18eso_xvimv_97:not(#\9) {
169
169
  position: absolute;
170
170
  right: var(--space-field-horizontal-z3i1c8, 8px);
171
171
  top: calc(50% - var(--font-body-m-line-height-i7xxvv, 22px) / 2);
172
172
  color: var(--color-text-button-inline-icon-default-qhj7jl, #545b64);
173
173
  }
174
- .awsui_button-trigger_18eso_1si9w_97:not(#\9):hover > .awsui_arrow_18eso_1si9w_97 {
174
+ .awsui_button-trigger_18eso_xvimv_97:not(#\9):hover > .awsui_arrow_18eso_xvimv_97 {
175
175
  color: var(--color-text-button-inline-icon-hover-84mkuo, #16191f);
176
176
  }
177
- .awsui_button-trigger_18eso_1si9w_97.awsui_pressed_18eso_1si9w_151 > .awsui_arrow_18eso_1si9w_97:not(#\9) {
177
+ .awsui_button-trigger_18eso_xvimv_97.awsui_pressed_18eso_xvimv_151 > .awsui_arrow_18eso_xvimv_97:not(#\9) {
178
178
  transform: rotate(-180deg);
179
179
  }
180
- .awsui_button-trigger_18eso_1si9w_97.awsui_disabled_18eso_1si9w_154:not(#\9) {
180
+ .awsui_button-trigger_18eso_xvimv_97.awsui_disabled_18eso_xvimv_154:not(#\9) {
181
181
  background-color: var(--color-background-input-disabled-5vlksk, #eaeded);
182
182
  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-disabled-ek5o0x, #eaeded);
183
183
  color: var(--color-text-input-disabled-zfb02z, #879596);
184
184
  cursor: auto;
185
185
  }
186
- .awsui_button-trigger_18eso_1si9w_97.awsui_disabled_18eso_1si9w_154 > .awsui_arrow_18eso_1si9w_97:not(#\9) {
186
+ .awsui_button-trigger_18eso_xvimv_97.awsui_disabled_18eso_xvimv_154 > .awsui_arrow_18eso_xvimv_97:not(#\9) {
187
187
  color: var(--color-text-button-inline-icon-disabled-sesloi, #aab7b8);
188
188
  }
189
- .awsui_button-trigger_18eso_1si9w_97.awsui_disabled_18eso_1si9w_154.awsui_in-filtering-token_18eso_1si9w_163:not(#\9) {
189
+ .awsui_button-trigger_18eso_xvimv_97.awsui_disabled_18eso_xvimv_154.awsui_in-filtering-token_18eso_xvimv_163:not(#\9) {
190
190
  border-color: var(--color-border-control-disabled-zgidl5, #d5dbdb);
191
191
  }
192
- .awsui_button-trigger_18eso_1si9w_97.awsui_disabled_18eso_1si9w_154 > .awsui_placeholder_18eso_1si9w_138:not(#\9) {
192
+ .awsui_button-trigger_18eso_xvimv_97.awsui_disabled_18eso_xvimv_154 > .awsui_placeholder_18eso_xvimv_138:not(#\9) {
193
193
  color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
194
194
  }
195
- .awsui_button-trigger_18eso_1si9w_97.awsui_read-only_18eso_1si9w_169:not(#\9) {
195
+ .awsui_button-trigger_18eso_xvimv_97.awsui_read-only_18eso_xvimv_169:not(#\9) {
196
196
  background-color: var(--color-background-input-default-ewlytp, #ffffff);
197
197
  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-disabled-ek5o0x, #eaeded);
198
198
  }
199
- .awsui_button-trigger_18eso_1si9w_97:not(#\9):focus {
199
+ .awsui_button-trigger_18eso_xvimv_97:not(#\9):focus {
200
200
  outline: none;
201
201
  text-decoration: none;
202
202
  }
203
- .awsui_button-trigger_18eso_1si9w_97:not(#\9):not(.awsui_in-filtering-token_18eso_1si9w_163)[data-awsui-focus-visible=true]:focus {
203
+ .awsui_button-trigger_18eso_xvimv_97:not(#\9):not(.awsui_in-filtering-token_18eso_xvimv_163)[data-awsui-focus-visible=true]:focus {
204
204
  outline: 2px dotted transparent;
205
205
  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-n5kd8g, #0073bb);
206
206
  border-radius: var(--border-radius-input-fterib, 2px);
207
207
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
208
208
  }
209
- .awsui_button-trigger_18eso_1si9w_97:not(#\9):not(.awsui_in-filtering-token_18eso_1si9w_163):invalid {
209
+ .awsui_button-trigger_18eso_xvimv_97:not(#\9):not(.awsui_in-filtering-token_18eso_xvimv_163):invalid {
210
210
  box-shadow: none;
211
211
  }
212
- .awsui_button-trigger_18eso_1si9w_97:not(#\9):not(.awsui_in-filtering-token_18eso_1si9w_163).awsui_invalid_18eso_1si9w_186, .awsui_button-trigger_18eso_1si9w_97:not(#\9):not(.awsui_in-filtering-token_18eso_1si9w_163).awsui_invalid_18eso_1si9w_186:focus {
212
+ .awsui_button-trigger_18eso_xvimv_97:not(#\9):not(.awsui_in-filtering-token_18eso_xvimv_163).awsui_invalid_18eso_xvimv_186, .awsui_button-trigger_18eso_xvimv_97:not(#\9):not(.awsui_in-filtering-token_18eso_xvimv_163).awsui_invalid_18eso_xvimv_186:focus {
213
213
  color: var(--color-text-status-error-jer77f, #d13212);
214
214
  border-color: var(--color-text-status-error-jer77f, #d13212);
215
215
  padding-left: calc(
@@ -217,23 +217,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
217
217
  );
218
218
  border-left-width: var(--border-invalid-width-glmng5, 4px);
219
219
  }
220
- .awsui_button-trigger_18eso_1si9w_97:not(#\9):not(.awsui_in-filtering-token_18eso_1si9w_163).awsui_invalid_18eso_1si9w_186:focus, .awsui_button-trigger_18eso_1si9w_97:not(#\9):not(.awsui_in-filtering-token_18eso_1si9w_163).awsui_invalid_18eso_1si9w_186:focus:focus {
220
+ .awsui_button-trigger_18eso_xvimv_97:not(#\9):not(.awsui_in-filtering-token_18eso_xvimv_163).awsui_invalid_18eso_xvimv_186:focus, .awsui_button-trigger_18eso_xvimv_97:not(#\9):not(.awsui_in-filtering-token_18eso_xvimv_163).awsui_invalid_18eso_xvimv_186:focus:focus {
221
221
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-6t5p47, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
222
222
  }
223
- .awsui_button-trigger_18eso_1si9w_97.awsui_in-filtering-token_18eso_1si9w_163:not(#\9) {
223
+ .awsui_button-trigger_18eso_xvimv_97.awsui_in-filtering-token_18eso_xvimv_163:not(#\9) {
224
224
  border-color: var(--color-border-item-selected-pr9yuf, #00a1c9);
225
225
  border-top-right-radius: 0;
226
226
  border-bottom-right-radius: 0;
227
227
  height: 100%;
228
228
  }
229
- .awsui_button-trigger_18eso_1si9w_97.awsui_in-filtering-token_18eso_1si9w_163[data-awsui-focus-visible=true]:not(#\9):focus {
229
+ .awsui_button-trigger_18eso_xvimv_97.awsui_in-filtering-token_18eso_xvimv_163[data-awsui-focus-visible=true]:not(#\9):focus {
230
230
  position: relative;
231
231
  }
232
- .awsui_button-trigger_18eso_1si9w_97.awsui_in-filtering-token_18eso_1si9w_163[data-awsui-focus-visible=true]:not(#\9):focus {
232
+ .awsui_button-trigger_18eso_xvimv_97.awsui_in-filtering-token_18eso_xvimv_163[data-awsui-focus-visible=true]:not(#\9):focus {
233
233
  outline: 2px dotted transparent;
234
234
  outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-0nruvp, 0px) - 1px);
235
235
  }
236
- .awsui_button-trigger_18eso_1si9w_97.awsui_in-filtering-token_18eso_1si9w_163[data-awsui-focus-visible=true]:not(#\9):focus::before {
236
+ .awsui_button-trigger_18eso_xvimv_97.awsui_in-filtering-token_18eso_xvimv_163[data-awsui-focus-visible=true]:not(#\9):focus::before {
237
237
  content: " ";
238
238
  display: block;
239
239
  position: absolute;
package/lib/internal/template/internal/components/button-trigger/styles.selectors.js CHANGED
@@ -2,14 +2,14 @@
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_1si9w_97",
6
- "arrow": "awsui_arrow_18eso_1si9w_97",
7
- "has-caret": "awsui_has-caret_18eso_1si9w_135",
8
- "placeholder": "awsui_placeholder_18eso_1si9w_138",
9
- "pressed": "awsui_pressed_18eso_1si9w_151",
10
- "disabled": "awsui_disabled_18eso_1si9w_154",
11
- "in-filtering-token": "awsui_in-filtering-token_18eso_1si9w_163",
12
- "read-only": "awsui_read-only_18eso_1si9w_169",
13
- "invalid": "awsui_invalid_18eso_1si9w_186"
5
+ "button-trigger": "awsui_button-trigger_18eso_xvimv_97",
6
+ "arrow": "awsui_arrow_18eso_xvimv_97",
7
+ "has-caret": "awsui_has-caret_18eso_xvimv_135",
8
+ "placeholder": "awsui_placeholder_18eso_xvimv_138",
9
+ "pressed": "awsui_pressed_18eso_xvimv_151",
10
+ "disabled": "awsui_disabled_18eso_xvimv_154",
11
+ "in-filtering-token": "awsui_in-filtering-token_18eso_xvimv_163",
12
+ "read-only": "awsui_read-only_18eso_xvimv_169",
13
+ "invalid": "awsui_invalid_18eso_xvimv_186"
14
14
  };
15
15
 
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- export var PACKAGE_VERSION = '3.0.0 (0c53a39)';
2
+ export var PACKAGE_VERSION = '3.0.0 (c062494)';
3
3
  export var THEME = 'open-source-visual-refresh';
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
5
5
 
package/lib/internal/template/internal/generated/styles/tokens.js CHANGED
@@ -185,7 +185,7 @@ export var colorBorderContainerTop = "var(--color-border-container-top-srcvx4, t
185
185
  export var colorBorderControlDefault = "var(--color-border-control-default-m3lmsh, #7d8998)";
186
186
  export var colorBorderDividerDefault = "var(--color-border-divider-default-7s2wjw, #e9ebed)";
187
187
  export var colorBorderDropdownItemHover = "var(--color-border-dropdown-item-hover-tyzq9m, #7d8998)";
188
- export var colorBorderInputDefault = "var(--color-border-input-default-dtyu8d, #9ba7b6)";
188
+ export var colorBorderInputDefault = "var(--color-border-input-default-e47bkv, #7d8998)";
189
189
  export var colorBorderItemFocused = "var(--color-border-item-focused-ap3b6s, #0972d3)";
190
190
  export var colorBorderItemSelected = "var(--color-border-item-selected-ppkssz, #0972d3)";
191
191
  export var colorBorderStatusError = "var(--color-border-status-error-mfrddc, #d91515)";