@cloudscape-design/components 3.0.1283 → 3.0.1285

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 (29) hide show
  1. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
  2. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +34 -34
  3. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
  4. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +6 -6
  5. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +15 -15
  6. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +6 -6
  7. package/button/styles.css.js +22 -22
  8. package/button/styles.scoped.css +72 -72
  9. package/button/styles.selectors.js +22 -22
  10. package/file-token-group/styles.css.js +23 -23
  11. package/file-token-group/styles.scoped.css +35 -35
  12. package/file-token-group/styles.selectors.js +23 -23
  13. package/internal/base-component/styles.scoped.css +26 -1
  14. package/internal/environment.js +2 -2
  15. package/internal/environment.json +2 -2
  16. package/internal/generated/styles/tokens.d.ts +5 -0
  17. package/internal/generated/styles/tokens.js +5 -0
  18. package/internal/generated/theming/index.cjs +145 -0
  19. package/internal/generated/theming/index.cjs.d.ts +45 -0
  20. package/internal/generated/theming/index.d.ts +45 -0
  21. package/internal/generated/theming/index.js +145 -0
  22. package/internal/manifest.json +1 -1
  23. package/package.json +1 -1
  24. package/steps/interfaces.d.ts +0 -2
  25. package/steps/interfaces.d.ts.map +1 -1
  26. package/steps/interfaces.js.map +1 -1
  27. package/token/styles.css.js +14 -14
  28. package/token/styles.scoped.css +30 -30
  29. package/token/styles.selectors.js +14 -14
package/package.json CHANGED
@@ -164,7 +164,7 @@
164
164
  "./internal/base-component/index.js",
165
165
  "./internal/base-component/styles.css.js"
166
166
  ],
167
- "version": "3.0.1283",
167
+ "version": "3.0.1285",
168
168
  "repository": {
169
169
  "type": "git",
170
170
  "url": "https://github.com/cloudscape-design/components.git"
@@ -22,8 +22,6 @@ export interface StepsProps extends BaseComponentProps {
22
22
  * * `header` (React.ReactNode) - Summary corresponding to the step.
23
23
  * * `details` (React.ReactNode) - (Optional) Additional information corresponding to the step.
24
24
  * * `icon` (React.ReactNode) - (Optional) Replaces the standard step icon from the status indicator.
25
- *
26
- * @awsuiSystem core
27
25
  */
28
26
  renderStep?: (step: StepsProps.Step) => {
29
27
  header: React.ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;;;;;OAQG;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK;QACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC;IAE/C,UAAiB,IAAI;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B;IAED,KAAY,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;CACrD"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;;;;;OAQG;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK;QACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC;IAE/C,UAAiB,IAAI;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B;IAED,KAAY,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;CACrD"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { StatusIndicatorProps } from '../status-indicator/interfaces';\n\nexport interface StepsProps extends BaseComponentProps {\n /**\n * An array of individual steps\n *\n * Each step definition has the following properties:\n * * `status` (string) - Status of the step corresponding to a status indicator.\n * * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.\n * * `header` (ReactNode) - Summary corresponding to the step.\n * * `details` (ReactNode) - (Optional) Additional information corresponding to the step.\n */\n steps: ReadonlyArray<StepsProps.Step>;\n /**\n * The visual orientation of the steps (vertical or horizontal).\n * By default the orientation is vertical.\n */\n orientation?: StepsProps.Orientation;\n /**\n * Render a step. This overrides the default icon, header, and details provided by the component.\n * The function is called for each step and should return an object with the following keys:\n * * `header` (React.ReactNode) - Summary corresponding to the step.\n * * `details` (React.ReactNode) - (Optional) Additional information corresponding to the step.\n * * `icon` (React.ReactNode) - (Optional) Replaces the standard step icon from the status indicator.\n *\n * @awsuiSystem core\n */\n renderStep?: (step: StepsProps.Step) => {\n header: React.ReactNode;\n details?: React.ReactNode;\n icon?: React.ReactNode;\n };\n /**\n * Provides an `aria-label` to the progress steps container.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabel?: string;\n /**\n * Sets the `aria-labelledby` property on the progress steps container.\n * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabelledby?: string;\n /**\n * Sets the `aria-describedby` property on the progress steps container.\n */\n ariaDescribedby?: string;\n}\n\nexport namespace StepsProps {\n export type Status = StatusIndicatorProps.Type;\n\n export interface Step {\n status: Status;\n statusIconAriaLabel?: string;\n header: React.ReactNode;\n details?: React.ReactNode;\n }\n\n export type Orientation = 'vertical' | 'horizontal';\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { StatusIndicatorProps } from '../status-indicator/interfaces';\n\nexport interface StepsProps extends BaseComponentProps {\n /**\n * An array of individual steps\n *\n * Each step definition has the following properties:\n * * `status` (string) - Status of the step corresponding to a status indicator.\n * * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.\n * * `header` (ReactNode) - Summary corresponding to the step.\n * * `details` (ReactNode) - (Optional) Additional information corresponding to the step.\n */\n steps: ReadonlyArray<StepsProps.Step>;\n /**\n * The visual orientation of the steps (vertical or horizontal).\n * By default the orientation is vertical.\n */\n orientation?: StepsProps.Orientation;\n /**\n * Render a step. This overrides the default icon, header, and details provided by the component.\n * The function is called for each step and should return an object with the following keys:\n * * `header` (React.ReactNode) - Summary corresponding to the step.\n * * `details` (React.ReactNode) - (Optional) Additional information corresponding to the step.\n * * `icon` (React.ReactNode) - (Optional) Replaces the standard step icon from the status indicator.\n */\n renderStep?: (step: StepsProps.Step) => {\n header: React.ReactNode;\n details?: React.ReactNode;\n icon?: React.ReactNode;\n };\n /**\n * Provides an `aria-label` to the progress steps container.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabel?: string;\n /**\n * Sets the `aria-labelledby` property on the progress steps container.\n * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabelledby?: string;\n /**\n * Sets the `aria-describedby` property on the progress steps container.\n */\n ariaDescribedby?: string;\n}\n\nexport namespace StepsProps {\n export type Status = StatusIndicatorProps.Type;\n\n export interface Step {\n status: Status;\n statusIconAriaLabel?: string;\n header: React.ReactNode;\n details?: React.ReactNode;\n }\n\n export type Orientation = 'vertical' | 'horizontal';\n}\n"]}
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1i2wg_ss91t_161",
5
- "dismiss-button": "awsui_dismiss-button_1i2wg_ss91t_193",
6
- "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_ss91t_234",
7
- "icon": "awsui_icon_1i2wg_ss91t_241",
8
- "icon-inline": "awsui_icon-inline_1i2wg_ss91t_247",
9
- "token-normal": "awsui_token-normal_1i2wg_ss91t_252",
10
- "token-inline": "awsui_token-inline_1i2wg_ss91t_259",
11
- "token-option-inline": "awsui_token-option-inline_1i2wg_ss91t_285",
12
- "token-box": "awsui_token-box_1i2wg_ss91t_289",
13
- "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_ss91t_308",
14
- "token-box-inline": "awsui_token-box-inline_1i2wg_ss91t_312",
15
- "disable-padding": "awsui_disable-padding_1i2wg_ss91t_332",
16
- "token-box-readonly": "awsui_token-box-readonly_1i2wg_ss91t_339",
17
- "token-box-disabled": "awsui_token-box-disabled_1i2wg_ss91t_340"
4
+ "root": "awsui_root_1i2wg_c5kvl_161",
5
+ "dismiss-button": "awsui_dismiss-button_1i2wg_c5kvl_193",
6
+ "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_c5kvl_234",
7
+ "icon": "awsui_icon_1i2wg_c5kvl_241",
8
+ "icon-inline": "awsui_icon-inline_1i2wg_c5kvl_247",
9
+ "token-normal": "awsui_token-normal_1i2wg_c5kvl_252",
10
+ "token-inline": "awsui_token-inline_1i2wg_c5kvl_259",
11
+ "token-option-inline": "awsui_token-option-inline_1i2wg_c5kvl_285",
12
+ "token-box": "awsui_token-box_1i2wg_c5kvl_289",
13
+ "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_c5kvl_308",
14
+ "token-box-inline": "awsui_token-box-inline_1i2wg_c5kvl_312",
15
+ "disable-padding": "awsui_disable-padding_1i2wg_c5kvl_332",
16
+ "token-box-readonly": "awsui_token-box-readonly_1i2wg_c5kvl_339",
17
+ "token-box-disabled": "awsui_token-box-disabled_1i2wg_c5kvl_340"
18
18
  };
19
19
 
@@ -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_root_1i2wg_ss91t_161:not(#\9) {
161
+ .awsui_root_1i2wg_c5kvl_161:not(#\9) {
162
162
  border-collapse: separate;
163
163
  border-spacing: 0;
164
164
  box-sizing: border-box;
@@ -190,7 +190,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
190
  -moz-osx-font-smoothing: auto;
191
191
  }
192
192
 
193
- .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9) {
193
+ .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9) {
194
194
  align-self: flex-start;
195
195
  margin-block-end: 0;
196
196
  margin-inline-start: var(--space-xxs-hwfkai, 4px);
@@ -203,14 +203,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
203
203
  cursor: pointer;
204
204
  --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));
205
205
  }
206
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9):focus {
206
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9):focus {
207
207
  position: relative;
208
208
  }
209
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9):focus {
209
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9):focus {
210
210
  outline: 2px dotted transparent;
211
211
  outline-offset: calc(0px - 1px);
212
212
  }
213
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9):focus::before {
213
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9):focus::before {
214
214
  content: " ";
215
215
  display: block;
216
216
  position: absolute;
@@ -224,50 +224,50 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_ss91t_193:not(#\
224
224
  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-1uabki, 4px));
225
225
  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
226
226
  }
227
- .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9):focus {
227
+ .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9):focus {
228
228
  outline: none;
229
229
  text-decoration: none;
230
230
  }
231
- .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9):hover {
231
+ .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9):hover {
232
232
  color: var(--awsui-token-style-dismiss-color-hover-6b9ypa, var(--color-text-button-inline-icon-hover-rbyzfc, #002b66));
233
233
  }
234
- .awsui_dismiss-button-inline_1i2wg_ss91t_234:not(#\9) {
234
+ .awsui_dismiss-button-inline_1i2wg_c5kvl_234:not(#\9) {
235
235
  padding-inline: 0;
236
236
  display: flex;
237
237
  align-items: center;
238
238
  align-self: center;
239
239
  }
240
240
 
241
- .awsui_icon_1i2wg_ss91t_241:not(#\9) {
241
+ .awsui_icon_1i2wg_c5kvl_241:not(#\9) {
242
242
  padding-inline-end: var(--space-xs-ymlm0b, 8px);
243
243
  align-self: flex-start;
244
244
  display: flex;
245
245
  flex-shrink: 0;
246
246
  }
247
- .awsui_icon-inline_1i2wg_ss91t_247:not(#\9) {
247
+ .awsui_icon-inline_1i2wg_c5kvl_247:not(#\9) {
248
248
  padding-inline-end: var(--space-xxs-hwfkai, 4px);
249
249
  align-self: center;
250
250
  }
251
251
 
252
- .awsui_token-normal_1i2wg_ss91t_252:not(#\9) {
252
+ .awsui_token-normal_1i2wg_c5kvl_252:not(#\9) {
253
253
  block-size: 100%;
254
254
  display: flex;
255
255
  flex-direction: column;
256
256
  gap: var(--space-xxs-hwfkai, 4px);
257
257
  }
258
258
 
259
- .awsui_token-inline_1i2wg_ss91t_259:not(#\9) {
259
+ .awsui_token-inline_1i2wg_c5kvl_259:not(#\9) {
260
260
  display: inline-flex;
261
261
  max-inline-size: 100%;
262
262
  }
263
- body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ss91t_259:not(#\9):focus {
263
+ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_c5kvl_259:not(#\9):focus {
264
264
  position: relative;
265
265
  }
266
- body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ss91t_259:not(#\9):focus {
266
+ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_c5kvl_259:not(#\9):focus {
267
267
  outline: 2px dotted transparent;
268
268
  outline-offset: calc(0px - 1px);
269
269
  }
270
- body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ss91t_259:not(#\9):focus::before {
270
+ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_c5kvl_259:not(#\9):focus::before {
271
271
  content: " ";
272
272
  display: block;
273
273
  position: absolute;
@@ -282,17 +282,17 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ss91t_259:not(#\9)
282
282
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
283
283
  }
284
284
 
285
- .awsui_token-option-inline_1i2wg_ss91t_285:not(#\9) {
285
+ .awsui_token-option-inline_1i2wg_c5kvl_285:not(#\9) {
286
286
  max-block-size: 20px;
287
287
  }
288
288
 
289
- .awsui_token-box_1i2wg_ss91t_289:not(#\9) {
289
+ .awsui_token-box_1i2wg_c5kvl_289:not(#\9) {
290
290
  position: relative;
291
291
  block-size: 100%;
292
292
  border-block: var(--border-width-token-2ukdpu, 2px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-wl5ttm, #006ce0));
293
293
  border-inline: var(--border-width-token-2ukdpu, 2px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-wl5ttm, #006ce0));
294
- padding-block-start: var(--space-field-vertical-vm99qz, 5px);
295
- padding-block-end: var(--space-field-vertical-vm99qz, 5px);
294
+ padding-block-start: var(--space-token-vertical-m3oh2a, 4px);
295
+ padding-block-end: var(--space-token-vertical-m3oh2a, 4px);
296
296
  padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
297
297
  padding-inline-end: var(--space-xxs-hwfkai, 4px);
298
298
  display: flex;
@@ -305,11 +305,11 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ss91t_259:not(#\9)
305
305
  color: var(--color-text-body-default-vvtq8u, #0f141a);
306
306
  box-sizing: border-box;
307
307
  }
308
- .awsui_token-box-without-dismiss_1i2wg_ss91t_308:not(#\9) {
308
+ .awsui_token-box-without-dismiss_1i2wg_c5kvl_308:not(#\9) {
309
309
  padding-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
310
310
  }
311
311
 
312
- .awsui_token-box-inline_1i2wg_ss91t_312:not(#\9) {
312
+ .awsui_token-box-inline_1i2wg_c5kvl_312:not(#\9) {
313
313
  position: relative;
314
314
  block-size: 20px;
315
315
  max-block-size: 20px;
@@ -329,35 +329,35 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ss91t_259:not(#\9)
329
329
  max-inline-size: 100%;
330
330
  }
331
331
 
332
- .awsui_disable-padding_1i2wg_ss91t_332:not(#\9) {
332
+ .awsui_disable-padding_1i2wg_c5kvl_332:not(#\9) {
333
333
  padding-block-start: 0;
334
334
  padding-block-end: 0;
335
335
  padding-inline-start: 0;
336
336
  padding-inline-end: 0;
337
337
  }
338
338
 
339
- .awsui_token-box-readonly_1i2wg_ss91t_339:not(#\9),
340
- .awsui_token-box-disabled_1i2wg_ss91t_340:not(#\9) {
339
+ .awsui_token-box-readonly_1i2wg_c5kvl_339:not(#\9),
340
+ .awsui_token-box-disabled_1i2wg_c5kvl_340:not(#\9) {
341
341
  pointer-events: none;
342
342
  }
343
- .awsui_token-box-readonly_1i2wg_ss91t_339 > .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9),
344
- .awsui_token-box-disabled_1i2wg_ss91t_340 > .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9) {
343
+ .awsui_token-box-readonly_1i2wg_c5kvl_339 > .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9),
344
+ .awsui_token-box-disabled_1i2wg_c5kvl_340 > .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9) {
345
345
  cursor: initial;
346
346
  }
347
347
 
348
- .awsui_token-box-readonly_1i2wg_ss91t_339:not(#\9) {
348
+ .awsui_token-box-readonly_1i2wg_c5kvl_339:not(#\9) {
349
349
  border-color: var(--awsui-token-style-border-color-read-only-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
350
350
  background: var(--awsui-token-style-background-read-only-6b9ypa, var(--color-background-container-content-6u8rvp, #ffffff));
351
351
  }
352
- .awsui_token-box-readonly_1i2wg_ss91t_339 > .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9) {
352
+ .awsui_token-box-readonly_1i2wg_c5kvl_339 > .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9) {
353
353
  color: var(--awsui-token-style-dismiss-color-read-only-6b9ypa, var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb));
354
354
  }
355
355
 
356
- .awsui_token-box-disabled_1i2wg_ss91t_340:not(#\9) {
356
+ .awsui_token-box-disabled_1i2wg_c5kvl_340:not(#\9) {
357
357
  border-color: var(--awsui-token-style-border-color-disabled-6b9ypa, var(--color-border-control-disabled-uj7t08, #dedee3));
358
358
  background: var(--awsui-token-style-background-disabled-6b9ypa, var(--color-background-container-content-6u8rvp, #ffffff));
359
359
  color: var(--color-text-disabled-rox5hg, #b4b4bb);
360
360
  }
361
- .awsui_token-box-disabled_1i2wg_ss91t_340 > .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9) {
361
+ .awsui_token-box-disabled_1i2wg_c5kvl_340 > .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9) {
362
362
  color: var(--awsui-token-style-dismiss-color-disabled-6b9ypa, var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb));
363
363
  }
@@ -2,19 +2,19 @@
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_1i2wg_ss91t_161",
6
- "dismiss-button": "awsui_dismiss-button_1i2wg_ss91t_193",
7
- "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_ss91t_234",
8
- "icon": "awsui_icon_1i2wg_ss91t_241",
9
- "icon-inline": "awsui_icon-inline_1i2wg_ss91t_247",
10
- "token-normal": "awsui_token-normal_1i2wg_ss91t_252",
11
- "token-inline": "awsui_token-inline_1i2wg_ss91t_259",
12
- "token-option-inline": "awsui_token-option-inline_1i2wg_ss91t_285",
13
- "token-box": "awsui_token-box_1i2wg_ss91t_289",
14
- "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_ss91t_308",
15
- "token-box-inline": "awsui_token-box-inline_1i2wg_ss91t_312",
16
- "disable-padding": "awsui_disable-padding_1i2wg_ss91t_332",
17
- "token-box-readonly": "awsui_token-box-readonly_1i2wg_ss91t_339",
18
- "token-box-disabled": "awsui_token-box-disabled_1i2wg_ss91t_340"
5
+ "root": "awsui_root_1i2wg_c5kvl_161",
6
+ "dismiss-button": "awsui_dismiss-button_1i2wg_c5kvl_193",
7
+ "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_c5kvl_234",
8
+ "icon": "awsui_icon_1i2wg_c5kvl_241",
9
+ "icon-inline": "awsui_icon-inline_1i2wg_c5kvl_247",
10
+ "token-normal": "awsui_token-normal_1i2wg_c5kvl_252",
11
+ "token-inline": "awsui_token-inline_1i2wg_c5kvl_259",
12
+ "token-option-inline": "awsui_token-option-inline_1i2wg_c5kvl_285",
13
+ "token-box": "awsui_token-box_1i2wg_c5kvl_289",
14
+ "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_c5kvl_308",
15
+ "token-box-inline": "awsui_token-box-inline_1i2wg_c5kvl_312",
16
+ "disable-padding": "awsui_disable-padding_1i2wg_c5kvl_332",
17
+ "token-box-readonly": "awsui_token-box-readonly_1i2wg_c5kvl_339",
18
+ "token-box-disabled": "awsui_token-box-disabled_1i2wg_c5kvl_340"
19
19
  };
20
20