@cloudscape-design/components 3.0.1260 → 3.0.1261

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 (8) hide show
  1. package/internal/base-component/styles.scoped.css +1 -1
  2. package/internal/environment.js +2 -2
  3. package/internal/environment.json +2 -2
  4. package/internal/manifest.json +1 -1
  5. package/package.json +1 -1
  6. package/segmented-control/styles.css.js +16 -16
  7. package/segmented-control/styles.scoped.css +36 -36
  8. package/segmented-control/styles.selectors.js +16 -16
package/internal/base-component/styles.scoped.css CHANGED
@@ -2061,5 +2061,5 @@ body {
2061
2061
  }
2062
2062
  }
2063
2063
  :root {
2064
- --awsui-version-info-1a54c666: true;
2064
+ --awsui-version-info-dbcec2d6: true;
2065
2065
  }
package/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (1a54c666)";
3
- export var GIT_SHA = "1a54c666";
2
+ export var PACKAGE_VERSION = "3.0.0 (dbcec2d6)";
3
+ export var GIT_SHA = "dbcec2d6";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (1a54c666)",
4
- "GIT_SHA": "1a54c666",
3
+ "PACKAGE_VERSION": "3.0.0 (dbcec2d6)",
4
+ "GIT_SHA": "dbcec2d6",
5
5
  "THEME": "open-source-visual-refresh",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": true
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "1a54c66684f7fd098e9b57c347859dcd5d438daa"
2
+ "commit": "dbcec2d678db5f87c32ca9cc8fa9cd467f3e6d3b"
3
3
  }
package/package.json CHANGED
@@ -163,7 +163,7 @@
163
163
  "./internal/base-component/index.js",
164
164
  "./internal/base-component/styles.css.js"
165
165
  ],
166
- "version": "3.0.1260",
166
+ "version": "3.0.1261",
167
167
  "repository": {
168
168
  "type": "git",
169
169
  "url": "https://github.com/cloudscape-design/components.git"
package/segmented-control/styles.css.js CHANGED
@@ -1,21 +1,21 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "segment": "awsui_segment_8cbea_1idps_161",
5
- "refresh": "awsui_refresh_8cbea_1idps_188",
6
- "disabled": "awsui_disabled_8cbea_1idps_194",
7
- "selected": "awsui_selected_8cbea_1idps_251",
8
- "icon": "awsui_icon_8cbea_1idps_261",
9
- "with-text": "awsui_with-text_8cbea_1idps_265",
10
- "with-no-text": "awsui_with-no-text_8cbea_1idps_271",
11
- "root": "awsui_root_8cbea_1idps_276",
12
- "segment-part": "awsui_segment-part_8cbea_1idps_308",
13
- "select": "awsui_select_8cbea_1idps_251",
14
- "segment-count-2": "awsui_segment-count-2_8cbea_1idps_343",
15
- "segment-count-3": "awsui_segment-count-3_8cbea_1idps_347",
16
- "segment-count-4": "awsui_segment-count-4_8cbea_1idps_351",
17
- "segment-count-5": "awsui_segment-count-5_8cbea_1idps_355",
18
- "segment-count-6": "awsui_segment-count-6_8cbea_1idps_359",
19
- "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1idps_363"
4
+ "segment": "awsui_segment_8cbea_qf7d6_161",
5
+ "refresh": "awsui_refresh_8cbea_qf7d6_188",
6
+ "disabled": "awsui_disabled_8cbea_qf7d6_194",
7
+ "selected": "awsui_selected_8cbea_qf7d6_251",
8
+ "icon": "awsui_icon_8cbea_qf7d6_261",
9
+ "with-text": "awsui_with-text_8cbea_qf7d6_265",
10
+ "with-no-text": "awsui_with-no-text_8cbea_qf7d6_271",
11
+ "root": "awsui_root_8cbea_qf7d6_276",
12
+ "segment-part": "awsui_segment-part_8cbea_qf7d6_308",
13
+ "select": "awsui_select_8cbea_qf7d6_251",
14
+ "segment-count-2": "awsui_segment-count-2_8cbea_qf7d6_343",
15
+ "segment-count-3": "awsui_segment-count-3_8cbea_qf7d6_347",
16
+ "segment-count-4": "awsui_segment-count-4_8cbea_qf7d6_351",
17
+ "segment-count-5": "awsui_segment-count-5_8cbea_qf7d6_355",
18
+ "segment-count-6": "awsui_segment-count-6_8cbea_qf7d6_359",
19
+ "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_qf7d6_363"
20
20
  };
21
21
 
package/segmented-control/styles.scoped.css CHANGED
@@ -158,7 +158,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
159
159
  SPDX-License-Identifier: Apache-2.0
160
160
  */
161
- .awsui_segment_8cbea_1idps_161:not(#\9) {
161
+ .awsui_segment_8cbea_qf7d6_161:not(#\9) {
162
162
  font-size: var(--font-size-body-m-a7nh2n, 14px);
163
163
  line-height: var(--line-height-body-m-2mh3ke, 20px);
164
164
  word-wrap: break-word;
@@ -173,10 +173,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
173
173
  background: var(--awsui-style-background-default-6b9ypa, var(--color-background-segment-default-b0r494, #ffffff));
174
174
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-segment-default-vi2vn9, #424650));
175
175
  overflow: visible;
176
- border-start-start-radius: var(--border-radius-button-7bgkcs, 20px);
177
- border-start-end-radius: var(--border-radius-button-7bgkcs, 20px);
178
- border-end-start-radius: var(--border-radius-button-7bgkcs, 20px);
179
- border-end-end-radius: var(--border-radius-button-7bgkcs, 20px);
176
+ border-start-start-radius: calc(var(--border-radius-button-7bgkcs, 20px) - 3px);
177
+ border-start-end-radius: calc(var(--border-radius-button-7bgkcs, 20px) - 3px);
178
+ border-end-start-radius: calc(var(--border-radius-button-7bgkcs, 20px) - 3px);
179
+ border-end-end-radius: calc(var(--border-radius-button-7bgkcs, 20px) - 3px);
180
180
  position: relative;
181
181
  block-size: calc(100% - var(--space-static-xxs-ns94dp, 4px));
182
182
  display: flex;
@@ -185,24 +185,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
185
185
  border-block: none;
186
186
  --awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-uk47pl, #006ce0));
187
187
  }
188
- .awsui_segment_8cbea_1idps_161:not(#\9):not(.awsui_refresh_8cbea_1idps_188) {
188
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):not(.awsui_refresh_8cbea_qf7d6_188) {
189
189
  block-size: calc(100% - var(--space-static-xxs-ns94dp, 4px) - 2 * var(--border-width-field-2xc78x, 1px));
190
190
  }
191
- .awsui_segment_8cbea_1idps_161:not(#\9):focus {
191
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):focus {
192
192
  outline: none;
193
193
  }
194
- .awsui_segment_8cbea_1idps_161.awsui_disabled_8cbea_1idps_194:not(#\9) {
194
+ .awsui_segment_8cbea_qf7d6_161.awsui_disabled_8cbea_qf7d6_194:not(#\9) {
195
195
  background: var(--awsui-style-background-disabled-6b9ypa, var(--color-background-segment-disabled-m2a5t7, #ffffff));
196
196
  color: var(--awsui-style-color-disabled-6b9ypa, var(--color-text-interactive-disabled-1bqmrl, #b4b4bb));
197
197
  }
198
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1idps_161:not(#\9):focus {
198
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_qf7d6_161:not(#\9):focus {
199
199
  position: relative;
200
200
  }
201
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1idps_161:not(#\9):focus {
201
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_qf7d6_161:not(#\9):focus {
202
202
  outline: 2px dotted transparent;
203
203
  outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-x1ywqb, 6px) - 1px);
204
204
  }
205
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1idps_161:not(#\9):focus::before {
205
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_qf7d6_161:not(#\9):focus::before {
206
206
  content: " ";
207
207
  display: block;
208
208
  position: absolute;
@@ -217,7 +217,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1idps_161:not(#\9):focu
217
217
  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
218
218
  z-index: 1;
219
219
  }
220
- .awsui_segment_8cbea_1idps_161:not(#\9):not(:last-child)::after {
220
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):not(:last-child)::after {
221
221
  content: "";
222
222
  position: absolute;
223
223
  inset-inline-end: calc(-1 * (var(--space-static-xxs-ns94dp, 4px) + 1px));
@@ -227,53 +227,53 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1idps_161:not(#\9):focu
227
227
  background: var(--color-border-input-default-317xk5, #8c8c94);
228
228
  z-index: 1;
229
229
  }
230
- .awsui_segment_8cbea_1idps_161:not(#\9):not(.awsui_refresh_8cbea_1idps_188):not(:last-child)::after {
230
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):not(.awsui_refresh_8cbea_qf7d6_188):not(:last-child)::after {
231
231
  inset-inline-end: calc(-1 * var(--space-static-xxs-ns94dp, 4px));
232
232
  }
233
- .awsui_segment_8cbea_1idps_161:not(#\9):nth-child(1) {
233
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):nth-child(1) {
234
234
  grid-column: 1;
235
235
  }
236
- .awsui_segment_8cbea_1idps_161:not(#\9):nth-child(2) {
236
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):nth-child(2) {
237
237
  grid-column: 2;
238
238
  }
239
- .awsui_segment_8cbea_1idps_161:not(#\9):nth-child(3) {
239
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):nth-child(3) {
240
240
  grid-column: 3;
241
241
  }
242
- .awsui_segment_8cbea_1idps_161:not(#\9):nth-child(4) {
242
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):nth-child(4) {
243
243
  grid-column: 4;
244
244
  }
245
- .awsui_segment_8cbea_1idps_161:not(#\9):nth-child(5) {
245
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):nth-child(5) {
246
246
  grid-column: 5;
247
247
  }
248
- .awsui_segment_8cbea_1idps_161:not(#\9):nth-child(6) {
248
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):nth-child(6) {
249
249
  grid-column: 6;
250
250
  }
251
- .awsui_segment_8cbea_1idps_161.awsui_selected_8cbea_1idps_251:not(#\9) {
251
+ .awsui_segment_8cbea_qf7d6_161.awsui_selected_8cbea_qf7d6_251:not(#\9) {
252
252
  background: var(--awsui-style-background-active-6b9ypa, var(--color-background-segment-active-1u2ldl, #006ce0));
253
253
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-segment-active-hlorbe, #ffffff));
254
254
  }
255
- .awsui_segment_8cbea_1idps_161:not(#\9):hover:not(.awsui_selected_8cbea_1idps_251):not(.awsui_disabled_8cbea_1idps_194):not(:focus) {
255
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):hover:not(.awsui_selected_8cbea_qf7d6_251):not(.awsui_disabled_8cbea_qf7d6_194):not(:focus) {
256
256
  background: var(--awsui-style-background-hover-6b9ypa, var(--color-background-segment-hover-800sl4, #f0fbff));
257
257
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-segment-hover-65a2x8, #002b66));
258
258
  cursor: pointer;
259
259
  }
260
260
 
261
- .awsui_icon_8cbea_1idps_261:not(#\9) {
261
+ .awsui_icon_8cbea_qf7d6_261:not(#\9) {
262
262
  /* used in test-utils */
263
263
  }
264
264
 
265
- .awsui_with-text_8cbea_1idps_265:not(#\9) {
265
+ .awsui_with-text_8cbea_qf7d6_265:not(#\9) {
266
266
  position: relative;
267
267
  inset-inline-start: calc(-1 * var(--space-xxs-hwfkai, 4px));
268
268
  margin-inline-end: var(--space-xxs-hwfkai, 4px);
269
269
  }
270
270
 
271
- .awsui_with-no-text_8cbea_1idps_271:not(#\9) {
271
+ .awsui_with-no-text_8cbea_qf7d6_271:not(#\9) {
272
272
  margin-inline: auto;
273
273
  inset-inline: 0;
274
274
  }
275
275
 
276
- .awsui_root_8cbea_1idps_276:not(#\9) {
276
+ .awsui_root_8cbea_qf7d6_276:not(#\9) {
277
277
  border-collapse: separate;
278
278
  border-spacing: 0;
279
279
  box-sizing: border-box;
@@ -305,7 +305,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1idps_161:not(#\9):focu
305
305
  -moz-osx-font-smoothing: auto;
306
306
  }
307
307
 
308
- .awsui_segment-part_8cbea_1idps_308:not(#\9) {
308
+ .awsui_segment-part_8cbea_qf7d6_308:not(#\9) {
309
309
  display: inline-grid;
310
310
  border-inline: solid var(--border-width-field-2xc78x, 1px) var(--color-border-input-default-317xk5, #8c8c94);
311
311
  border-block: solid var(--border-width-field-2xc78x, 1px) var(--color-border-input-default-317xk5, #8c8c94);
@@ -320,46 +320,46 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1idps_161:not(#\9):focu
320
320
  padding-inline: calc(var(--space-static-xxs-ns94dp, 4px) - var(--border-width-field-2xc78x, 1px));
321
321
  gap: calc(var(--space-static-xxs-ns94dp, 4px) * 2 + 1px);
322
322
  }
323
- .awsui_segment-part_8cbea_1idps_308:not(#\9):not(.awsui_refresh_8cbea_1idps_188) {
323
+ .awsui_segment-part_8cbea_qf7d6_308:not(#\9):not(.awsui_refresh_8cbea_qf7d6_188) {
324
324
  padding-inline: calc(var(--space-static-xxxs-yidks1, 2px) + var(--border-width-field-2xc78x, 1px));
325
325
  padding-block: 0;
326
326
  gap: calc(var(--space-static-xxs-ns94dp, 4px) * 2 - 1px);
327
327
  }
328
328
  @media (max-width: 688px) {
329
- .awsui_segment-part_8cbea_1idps_308:not(#\9) {
329
+ .awsui_segment-part_8cbea_qf7d6_308:not(#\9) {
330
330
  display: none;
331
331
  }
332
332
  }
333
333
 
334
- .awsui_select_8cbea_1idps_251:not(#\9) {
334
+ .awsui_select_8cbea_qf7d6_251:not(#\9) {
335
335
  display: none;
336
336
  }
337
337
  @media (max-width: 688px) {
338
- .awsui_select_8cbea_1idps_251:not(#\9) {
338
+ .awsui_select_8cbea_qf7d6_251:not(#\9) {
339
339
  display: block;
340
340
  }
341
341
  }
342
342
 
343
- .awsui_segment-count-2_8cbea_1idps_343:not(#\9) {
343
+ .awsui_segment-count-2_8cbea_qf7d6_343:not(#\9) {
344
344
  grid-template-columns: repeat(2, auto);
345
345
  }
346
346
 
347
- .awsui_segment-count-3_8cbea_1idps_347:not(#\9) {
347
+ .awsui_segment-count-3_8cbea_qf7d6_347:not(#\9) {
348
348
  grid-template-columns: repeat(3, auto);
349
349
  }
350
350
 
351
- .awsui_segment-count-4_8cbea_1idps_351:not(#\9) {
351
+ .awsui_segment-count-4_8cbea_qf7d6_351:not(#\9) {
352
352
  grid-template-columns: repeat(4, auto);
353
353
  }
354
354
 
355
- .awsui_segment-count-5_8cbea_1idps_355:not(#\9) {
355
+ .awsui_segment-count-5_8cbea_qf7d6_355:not(#\9) {
356
356
  grid-template-columns: repeat(5, auto);
357
357
  }
358
358
 
359
- .awsui_segment-count-6_8cbea_1idps_359:not(#\9) {
359
+ .awsui_segment-count-6_8cbea_qf7d6_359:not(#\9) {
360
360
  grid-template-columns: repeat(6, auto);
361
361
  }
362
362
 
363
- .awsui_disabled-reason-tooltip_8cbea_1idps_363:not(#\9) {
363
+ .awsui_disabled-reason-tooltip_8cbea_qf7d6_363:not(#\9) {
364
364
  /* used in test-utils or tests */
365
365
  }
package/segmented-control/styles.selectors.js CHANGED
@@ -2,21 +2,21 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "segment": "awsui_segment_8cbea_1idps_161",
6
- "refresh": "awsui_refresh_8cbea_1idps_188",
7
- "disabled": "awsui_disabled_8cbea_1idps_194",
8
- "selected": "awsui_selected_8cbea_1idps_251",
9
- "icon": "awsui_icon_8cbea_1idps_261",
10
- "with-text": "awsui_with-text_8cbea_1idps_265",
11
- "with-no-text": "awsui_with-no-text_8cbea_1idps_271",
12
- "root": "awsui_root_8cbea_1idps_276",
13
- "segment-part": "awsui_segment-part_8cbea_1idps_308",
14
- "select": "awsui_select_8cbea_1idps_251",
15
- "segment-count-2": "awsui_segment-count-2_8cbea_1idps_343",
16
- "segment-count-3": "awsui_segment-count-3_8cbea_1idps_347",
17
- "segment-count-4": "awsui_segment-count-4_8cbea_1idps_351",
18
- "segment-count-5": "awsui_segment-count-5_8cbea_1idps_355",
19
- "segment-count-6": "awsui_segment-count-6_8cbea_1idps_359",
20
- "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1idps_363"
5
+ "segment": "awsui_segment_8cbea_qf7d6_161",
6
+ "refresh": "awsui_refresh_8cbea_qf7d6_188",
7
+ "disabled": "awsui_disabled_8cbea_qf7d6_194",
8
+ "selected": "awsui_selected_8cbea_qf7d6_251",
9
+ "icon": "awsui_icon_8cbea_qf7d6_261",
10
+ "with-text": "awsui_with-text_8cbea_qf7d6_265",
11
+ "with-no-text": "awsui_with-no-text_8cbea_qf7d6_271",
12
+ "root": "awsui_root_8cbea_qf7d6_276",
13
+ "segment-part": "awsui_segment-part_8cbea_qf7d6_308",
14
+ "select": "awsui_select_8cbea_qf7d6_251",
15
+ "segment-count-2": "awsui_segment-count-2_8cbea_qf7d6_343",
16
+ "segment-count-3": "awsui_segment-count-3_8cbea_qf7d6_347",
17
+ "segment-count-4": "awsui_segment-count-4_8cbea_qf7d6_351",
18
+ "segment-count-5": "awsui_segment-count-5_8cbea_qf7d6_355",
19
+ "segment-count-6": "awsui_segment-count-6_8cbea_qf7d6_359",
20
+ "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_qf7d6_363"
21
21
  };
22
22