@cloudscape-design/components 3.0.1281 → 3.0.1283

package/button-dropdown/item-element/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_item-element_93a1u_kk6fr_145:not(#\9) {
+.awsui_item-element_93a1u_18wnz_145:not(#\9) {
   position: relative;
   z-index: 1;
   border-block: var(--border-item-width-miijiw, 2px) solid transparent;
@@ -154,22 +154,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: calc(-1 * var(--border-width-dropdown-youcay, 2px));
   cursor: pointer;
 }
-.awsui_item-element_93a1u_kk6fr_145.awsui_no-content-styling_93a1u_kk6fr_157:not(#\9) {
+.awsui_item-element_93a1u_18wnz_145.awsui_no-content-styling_93a1u_18wnz_157:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-dropdown-item-default-f1jr9u, #0f141a);
 }
-.awsui_item-element_93a1u_kk6fr_145.awsui_disabled_93a1u_kk6fr_162:not(#\9) {
+.awsui_item-element_93a1u_18wnz_145.awsui_disabled_93a1u_18wnz_162:not(#\9) {
   cursor: default;
   color: var(--color-text-dropdown-item-disabled-8m65hf, #b4b4bb);
 }
-.awsui_item-element_93a1u_kk6fr_145:not(#\9):first-child {
+.awsui_item-element_93a1u_18wnz_145:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_item-element_93a1u_kk6fr_145.awsui_show-divider_93a1u_kk6fr_169:not(#\9) {
+.awsui_item-element_93a1u_18wnz_145.awsui_show-divider_93a1u_18wnz_169:not(#\9) {
   border-block-end: var(--border-item-width-miijiw, 2px) solid var(--color-border-dropdown-group-ylcnh8, #c6c6cd);
 }
-.awsui_item-element_93a1u_kk6fr_145.awsui_highlighted_93a1u_kk6fr_172:not(#\9) {
+.awsui_item-element_93a1u_18wnz_145.awsui_highlighted_93a1u_18wnz_172:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
   z-index: 2;
   background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
@@ -179,37 +179,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-item-iwaia5, 8px);
   border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
 }
-.awsui_item-element_93a1u_kk6fr_145.awsui_highlighted_93a1u_kk6fr_172.awsui_disabled_93a1u_kk6fr_162:not(#\9) {
+.awsui_item-element_93a1u_18wnz_145.awsui_highlighted_93a1u_18wnz_172.awsui_disabled_93a1u_18wnz_162:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-tq8vh3, #b4b4bb);
   border-color: var(--color-border-dropdown-item-dimmed-hover-ga9sch, #8c8c94);
   background-color: var(--color-background-dropdown-item-dimmed-dhho03, transparent);
 }
-.awsui_item-element_93a1u_kk6fr_145.awsui_highlighted_93a1u_kk6fr_172.awsui_is-focused_93a1u_kk6fr_187:not(#\9) {
+.awsui_item-element_93a1u_18wnz_145.awsui_highlighted_93a1u_18wnz_172.awsui_is-focused_93a1u_18wnz_187:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-zacqlp, #424650);
 }
-.awsui_item-element_93a1u_kk6fr_145.awsui_highlighted_93a1u_kk6fr_172.awsui_is-focused_93a1u_kk6fr_187:not(#\9):not(.awsui_visual-refresh_93a1u_kk6fr_190) {
+.awsui_item-element_93a1u_18wnz_145.awsui_highlighted_93a1u_18wnz_172.awsui_is-focused_93a1u_18wnz_187:not(#\9):not(.awsui_visual-refresh_93a1u_18wnz_190) {
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
 
-.awsui_menu-item_93a1u_kk6fr_194:not(#\9) {
+.awsui_menu-item_93a1u_18wnz_194:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: flex;
   align-items: flex-start;
-  padding-block: var(--space-xxs-hwfkai, 4px);
-  padding-inline: var(--space-l-2ud1p3, 20px);
+  padding-block: var(--space-option-padding-vertical-d2srv9, 4px);
+  padding-inline: var(--space-option-padding-horizontal-4taa4b, 20px);
   color: inherit;
   text-decoration: none;
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_menu-item_93a1u_kk6fr_194.awsui_no-content-styling_93a1u_kk6fr_157:not(#\9) {
+.awsui_menu-item_93a1u_18wnz_194.awsui_no-content-styling_93a1u_18wnz_157:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-dropdown-item-default-f1jr9u, #0f141a);
 }
-.awsui_menu-item_93a1u_kk6fr_194.awsui_link-style_93a1u_kk6fr_211:not(#\9) {
-  padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px));
+.awsui_menu-item_93a1u_18wnz_194.awsui_link-style_93a1u_18wnz_211:not(#\9) {
+  padding-block-end: calc(var(--space-option-padding-vertical-d2srv9, 4px) + var(--space-xxxs-pajhad, 2px));
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
@@ -223,30 +223,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_menu-item_93a1u_kk6fr_194.awsui_link-style_93a1u_kk6fr_211:not(#\9) {
+  .awsui_menu-item_93a1u_18wnz_194.awsui_link-style_93a1u_18wnz_211:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_menu-item_93a1u_kk6fr_194.awsui_link-style_93a1u_kk6fr_211:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_kk6fr_194.awsui_link-style_93a1u_kk6fr_211:not(#\9) {
+.awsui-motion-disabled .awsui_menu-item_93a1u_18wnz_194.awsui_link-style_93a1u_18wnz_211:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_18wnz_194.awsui_link-style_93a1u_18wnz_211:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_menu-item_93a1u_kk6fr_194.awsui_link-style_93a1u_kk6fr_211:not(#\9):hover {
+.awsui_menu-item_93a1u_18wnz_194.awsui_link-style_93a1u_18wnz_211:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_menu-item_93a1u_kk6fr_194.awsui_link-style_93a1u_kk6fr_211:not(#\9):focus {
+.awsui_menu-item_93a1u_18wnz_194.awsui_link-style_93a1u_18wnz_211:not(#\9):focus {
   outline: none;
 }
-.awsui_menu-item_93a1u_kk6fr_194.awsui_link-style_93a1u_kk6fr_211:not(#\9):active {
+.awsui_menu-item_93a1u_18wnz_194.awsui_link-style_93a1u_18wnz_211:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_menu-item_93a1u_kk6fr_194.awsui_link-style_93a1u_kk6fr_211:not(#\9):active, .awsui_menu-item_93a1u_kk6fr_194.awsui_link-style_93a1u_kk6fr_211:not(#\9):focus, .awsui_menu-item_93a1u_kk6fr_194.awsui_link-style_93a1u_kk6fr_211:not(#\9):hover {
+.awsui_menu-item_93a1u_18wnz_194.awsui_link-style_93a1u_18wnz_211:not(#\9):active, .awsui_menu-item_93a1u_18wnz_194.awsui_link-style_93a1u_18wnz_211:not(#\9):focus, .awsui_menu-item_93a1u_18wnz_194.awsui_link-style_93a1u_18wnz_211:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_menu-item_93a1u_kk6fr_194.awsui_link-style_93a1u_kk6fr_211.awsui_current-breadcrumb_93a1u_kk6fr_247:not(#\9) {
+.awsui_menu-item_93a1u_18wnz_194.awsui_link-style_93a1u_18wnz_211.awsui_current-breadcrumb_93a1u_18wnz_247:not(#\9) {
   font-weight: var(--font-weight-button-0eg20c, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
@@ -254,63 +254,63 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 700;
   text-decoration: none;
 }
-.awsui_menu-item_93a1u_kk6fr_194.awsui_link-style_93a1u_kk6fr_211.awsui_link-style-highlighted_93a1u_kk6fr_255:not(#\9) {
+.awsui_menu-item_93a1u_18wnz_194.awsui_link-style_93a1u_18wnz_211.awsui_link-style-highlighted_93a1u_18wnz_255:not(#\9) {
   color: var(--color-text-link-hover-2hfec2, #002b66);
 }
-.awsui_menu-item_93a1u_kk6fr_194:not(#\9):focus {
+.awsui_menu-item_93a1u_18wnz_194:not(#\9):focus {
   outline: none;
 }
-.awsui_has-category-header_93a1u_kk6fr_261 > .awsui_menu-item_93a1u_kk6fr_194:not(#\9), .awsui_has-category-header_93a1u_kk6fr_261 > .awsui_item-tooltip-wrapper_93a1u_kk6fr_261 > .awsui_menu-item_93a1u_kk6fr_194:not(#\9), .awsui_has-category-header_93a1u_kk6fr_261:not(#\9):not(.awsui_has-checkmark_93a1u_kk6fr_261) > span > .awsui_menu-item_93a1u_kk6fr_194 {
-  padding-inline-start: calc(var(--space-xs-ymlm0b, 8px) + var(--space-l-2ud1p3, 20px));
+.awsui_has-category-header_93a1u_18wnz_261 > .awsui_menu-item_93a1u_18wnz_194:not(#\9), .awsui_has-category-header_93a1u_18wnz_261 > .awsui_item-tooltip-wrapper_93a1u_18wnz_261 > .awsui_menu-item_93a1u_18wnz_194:not(#\9), .awsui_has-category-header_93a1u_18wnz_261:not(#\9):not(.awsui_has-checkmark_93a1u_18wnz_261) > span > .awsui_menu-item_93a1u_18wnz_194 {
+  padding-inline-start: calc(var(--space-xs-ymlm0b, 8px) + var(--space-option-padding-horizontal-4taa4b, 20px));
 }
-.awsui_has-category-header_93a1u_kk6fr_261 > .awsui_menu-item_93a1u_kk6fr_194.awsui_no-content-styling_93a1u_kk6fr_157:not(#\9), .awsui_has-category-header_93a1u_kk6fr_261 > .awsui_item-tooltip-wrapper_93a1u_kk6fr_261 > .awsui_menu-item_93a1u_kk6fr_194.awsui_no-content-styling_93a1u_kk6fr_157:not(#\9), .awsui_has-category-header_93a1u_kk6fr_261:not(#\9):not(.awsui_has-checkmark_93a1u_kk6fr_261) > span > .awsui_menu-item_93a1u_kk6fr_194.awsui_no-content-styling_93a1u_kk6fr_157 {
+.awsui_has-category-header_93a1u_18wnz_261 > .awsui_menu-item_93a1u_18wnz_194.awsui_no-content-styling_93a1u_18wnz_157:not(#\9), .awsui_has-category-header_93a1u_18wnz_261 > .awsui_item-tooltip-wrapper_93a1u_18wnz_261 > .awsui_menu-item_93a1u_18wnz_194.awsui_no-content-styling_93a1u_18wnz_157:not(#\9), .awsui_has-category-header_93a1u_18wnz_261:not(#\9):not(.awsui_has-checkmark_93a1u_18wnz_261) > span > .awsui_menu-item_93a1u_18wnz_194.awsui_no-content-styling_93a1u_18wnz_157 {
   padding-inline-start: 0;
 }
 
-.awsui_icon_93a1u_kk6fr_268:not(#\9) {
+.awsui_icon_93a1u_18wnz_268:not(#\9) {
   padding-inline-end: var(--space-xxs-hwfkai, 4px);
   flex-shrink: 0;
 }
-.awsui_icon_93a1u_kk6fr_268.awsui_checkmark_93a1u_kk6fr_272:not(#\9) {
+.awsui_icon_93a1u_18wnz_268.awsui_checkmark_93a1u_18wnz_272:not(#\9) {
   color: var(--color-item-selected-72rnwy, #006ce0);
 }
-.awsui_icon_93a1u_kk6fr_268.awsui_disabled_93a1u_kk6fr_162:not(#\9) {
+.awsui_icon_93a1u_18wnz_268.awsui_disabled_93a1u_18wnz_162:not(#\9) {
   color: var(--color-text-interactive-disabled-1bqmrl, #b4b4bb);
 }
 
-.awsui_external-icon_93a1u_kk6fr_279:not(#\9) {
+.awsui_external-icon_93a1u_18wnz_279:not(#\9) {
   margin-inline-start: var(--space-xxs-hwfkai, 4px);
 }
 
-.awsui_content-wrapper_93a1u_kk6fr_283:not(#\9) {
+.awsui_content-wrapper_93a1u_18wnz_283:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
 }
 
-.awsui_main-row_93a1u_kk6fr_289:not(#\9) {
+.awsui_main-row_93a1u_18wnz_289:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: var(--space-s-tvghoh, 12px);
 }
 
-.awsui_label-tag_93a1u_kk6fr_296:not(#\9) {
+.awsui_label-tag_93a1u_18wnz_296:not(#\9) {
   color: var(--color-text-body-default-vvtq8u, #0f141a);
 }
-.awsui_label-tag_93a1u_kk6fr_296.awsui_disabled_93a1u_kk6fr_162:not(#\9) {
+.awsui_label-tag_93a1u_18wnz_296.awsui_disabled_93a1u_18wnz_162:not(#\9) {
   color: var(--color-text-interactive-disabled-1bqmrl, #b4b4bb);
 }
 
-.awsui_secondary-text_93a1u_kk6fr_303:not(#\9) {
+.awsui_secondary-text_93a1u_18wnz_303:not(#\9) {
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
   letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
   color: var(--color-text-dropdown-item-secondary-v12lfh, #656871);
 }
-.awsui_secondary-text_93a1u_kk6fr_303.awsui_highlighted_93a1u_kk6fr_172:not(#\9) {
+.awsui_secondary-text_93a1u_18wnz_303.awsui_highlighted_93a1u_18wnz_172:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
 }
-.awsui_secondary-text_93a1u_kk6fr_303.awsui_disabled_93a1u_kk6fr_162:not(#\9) {
+.awsui_secondary-text_93a1u_18wnz_303.awsui_disabled_93a1u_18wnz_162:not(#\9) {
   color: var(--color-text-interactive-disabled-1bqmrl, #b4b4bb);
 }

package/button-dropdown/item-element/styles.selectors.js

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "item-element": "awsui_item-element_93a1u_kk6fr_145",
-  "no-content-styling": "awsui_no-content-styling_93a1u_kk6fr_157",
-  "disabled": "awsui_disabled_93a1u_kk6fr_162",
-  "show-divider": "awsui_show-divider_93a1u_kk6fr_169",
-  "highlighted": "awsui_highlighted_93a1u_kk6fr_172",
-  "is-focused": "awsui_is-focused_93a1u_kk6fr_187",
-  "visual-refresh": "awsui_visual-refresh_93a1u_kk6fr_190",
-  "menu-item": "awsui_menu-item_93a1u_kk6fr_194",
-  "link-style": "awsui_link-style_93a1u_kk6fr_211",
-  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_kk6fr_247",
-  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_kk6fr_255",
-  "has-category-header": "awsui_has-category-header_93a1u_kk6fr_261",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_kk6fr_261",
-  "has-checkmark": "awsui_has-checkmark_93a1u_kk6fr_261",
-  "icon": "awsui_icon_93a1u_kk6fr_268",
-  "checkmark": "awsui_checkmark_93a1u_kk6fr_272",
-  "external-icon": "awsui_external-icon_93a1u_kk6fr_279",
-  "content-wrapper": "awsui_content-wrapper_93a1u_kk6fr_283",
-  "main-row": "awsui_main-row_93a1u_kk6fr_289",
-  "label-tag": "awsui_label-tag_93a1u_kk6fr_296",
-  "secondary-text": "awsui_secondary-text_93a1u_kk6fr_303"
+  "item-element": "awsui_item-element_93a1u_18wnz_145",
+  "no-content-styling": "awsui_no-content-styling_93a1u_18wnz_157",
+  "disabled": "awsui_disabled_93a1u_18wnz_162",
+  "show-divider": "awsui_show-divider_93a1u_18wnz_169",
+  "highlighted": "awsui_highlighted_93a1u_18wnz_172",
+  "is-focused": "awsui_is-focused_93a1u_18wnz_187",
+  "visual-refresh": "awsui_visual-refresh_93a1u_18wnz_190",
+  "menu-item": "awsui_menu-item_93a1u_18wnz_194",
+  "link-style": "awsui_link-style_93a1u_18wnz_211",
+  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_18wnz_247",
+  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_18wnz_255",
+  "has-category-header": "awsui_has-category-header_93a1u_18wnz_261",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_18wnz_261",
+  "has-checkmark": "awsui_has-checkmark_93a1u_18wnz_261",
+  "icon": "awsui_icon_93a1u_18wnz_268",
+  "checkmark": "awsui_checkmark_93a1u_18wnz_272",
+  "external-icon": "awsui_external-icon_93a1u_18wnz_279",
+  "content-wrapper": "awsui_content-wrapper_93a1u_18wnz_283",
+  "main-row": "awsui_main-row_93a1u_18wnz_289",
+  "label-tag": "awsui_label-tag_93a1u_18wnz_296",
+  "secondary-text": "awsui_secondary-text_93a1u_18wnz_303"
 };
   

package/drawer/interfaces.d.ts

@@ -46,11 +46,10 @@ export interface NextDrawerProps extends DrawerProps {
   /**
    * Specifies the CSS positioning mode of the drawer, and supports the following options:
    * * `static` (default) - The drawer is positioned in the normal document flow.
-   * * `sticky` - The drawer sticks to its nearest scrolling ancestor. Only meaningful with `placement="top"` or `placement="bottom"`. Using `sticky` with `placement="start"` or `placement="end"` falls back to `static`.
+   * * `sticky` - The drawer sticks to its nearest scrolling ancestor. Only meaningful with `placement="top"` or `placement="bottom"`.
+   * Using `sticky` with `placement="start"` or `placement="end"` falls back to `static`.
    * * `absolute` - The drawer is positioned relative to its nearest positioned ancestor.
    * * `fixed` - The drawer is positioned relative to the viewport.
-   *
-   * @awsuiSystem core
    */
   position?: NextDrawerProps.Position;
   /**
@@ -59,8 +58,6 @@ export interface NextDrawerProps extends DrawerProps {
    * * `end` - (default) Anchored to the inline-end edge.
    * * `top` - Anchored to the top edge.
    * * `bottom` - Anchored to the bottom edge.
-   *
-   * @awsuiSystem core
    */
   placement?: NextDrawerProps.Placement;
   /**
@@ -71,8 +68,6 @@ export interface NextDrawerProps extends DrawerProps {
    * * `end` - Distance from the inline-end edge. Not applicable when `placement` is `"start"`.
    * * `top` - Distance from the top edge. Not applicable when `placement` is `"bottom"`.
    * * `bottom` - Distance from the bottom edge. Not applicable when `placement` is `"top"`.
-   *
-   * @awsuiSystem core
    */
   offset?: NextDrawerProps.Offset;
   /**
@@ -81,8 +76,6 @@ export interface NextDrawerProps extends DrawerProps {
    * * Supported properties:
    * * `top` - Distance from the top of the scrolling container.
    * * `bottom` - Distance from the bottom of the scrolling container.
-   *
-   * @awsuiSystem core
    */
   stickyOffset?: NextDrawerProps.StickyOffset;
   /**
@@ -90,8 +83,6 @@ export interface NextDrawerProps extends DrawerProps {
    * overlaps other positioned elements on the page.
    *
    * Applicable when using `position="sticky"`, `position="absolute"`, or `position="fixed"`.
-   *
-   * @awsuiSystem core
    */
   zIndex?: number;
 }

package/drawer/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/drawer/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC;IAEtC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,yBAAiB,WAAW,CAAC;IAC3B,UAAiB,WAAW;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB;CACF;AAGD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC;IAEpC;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC;IAEtC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAEhC;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC;IAE5C;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,yBAAiB,eAAe,CAAC;IAC/B,KAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IAElE,KAAY,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAE3D,UAAiB,MAAM;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB;IAED,UAAiB,YAAY;QAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/drawer/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC;IAEtC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,yBAAiB,WAAW,CAAC;IAC3B,UAAiB,WAAW;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB;CACF;AAGD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC;IAEpC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC;IAEtC;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAEhC;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC;IAE5C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,yBAAiB,eAAe,CAAC;IAC/B,KAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IAElE,KAAY,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAE3D,UAAiB,MAAM;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB;IAED,UAAiB,YAAY;QAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB;CACF"}

package/drawer/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/drawer/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface DrawerProps extends BaseComponentProps {\n  /**\n   * Header of the drawer.\n   *\n   * It should contain the only `h2` used in the drawer.\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Main content of the drawer.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Renders the drawer in a loading state. We recommend that you also set a `i18nStrings.loadingText`.\n   */\n  loading?: boolean;\n\n  /**\n   * Determines whether the drawer content has padding. If `true`, removes the default padding from the content area.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * - `loadingText` - The text that's displayed when the drawer is in a loading state.\n   * @i18n\n   */\n  i18nStrings?: DrawerProps.I18nStrings;\n\n  /**\n   * Actions for the header. Available only if you specify the `header` property.\n   */\n  headerActions?: React.ReactNode;\n\n  /**\n   * Sticky footer content that remains visible at the bottom during scroll.\n   *\n   * Automatically becomes non-sticky when scrollable content area is too small\n   * to ensure content remains accessible (not covered by the footer).\n   */\n  footer?: React.ReactNode;\n}\n\nexport namespace DrawerProps {\n  export interface I18nStrings {\n    loadingText?: string;\n  }\n}\n\n// Props for a future release\nexport interface NextDrawerProps extends DrawerProps {\n  /**\n   * Specifies the CSS positioning mode of the drawer, and supports the following options:\n   * * `static` (default) - The drawer is positioned in the normal document flow.\n   * * `sticky` - The drawer sticks to its nearest scrolling ancestor. Only meaningful with `placement=\"top\"` or `placement=\"bottom\"`. Using `sticky` with `placement=\"start\"` or `placement=\"end\"` falls back to `static`.\n   * * `absolute` - The drawer is positioned relative to its nearest positioned ancestor.\n   * * `fixed` - The drawer is positioned relative to the viewport.\n   *\n   * @awsuiSystem core\n   */\n  position?: NextDrawerProps.Position;\n\n  /**\n   * Specifies which edge of its container the drawer is anchored to, and supports these options:\n   * * `start` - Anchored to the inline-start edge.\n   * * `end` - (default) Anchored to the inline-end edge.\n   * * `top` - Anchored to the top edge.\n   * * `bottom` - Anchored to the bottom edge.\n   *\n   * @awsuiSystem core\n   */\n  placement?: NextDrawerProps.Placement;\n\n  /**\n   * Specifies the distance in pixels between the drawer and the edges of its container.\n   * Applicable when using `position=\"absolute\"` or `position=\"fixed\"`.\n   * Supported properties:\n   * * `start` - Distance from the inline-start edge. Not applicable when `placement` is `\"end\"`.\n   * * `end` - Distance from the inline-end edge. Not applicable when `placement` is `\"start\"`.\n   * * `top` - Distance from the top edge. Not applicable when `placement` is `\"bottom\"`.\n   * * `bottom` - Distance from the bottom edge. Not applicable when `placement` is `\"top\"`.\n   *\n   * @awsuiSystem core\n   */\n  offset?: NextDrawerProps.Offset;\n\n  /**\n   * Specifies the distance in pixels from the top or bottom edge of the scrolling container\n   * at which the drawer sticks. Applicable only when using `position=\"sticky\"` with `placement=\"top\"` or `placement=\"bottom\"`.\n   * * Supported properties:\n   * * `top` - Distance from the top of the scrolling container.\n   * * `bottom` - Distance from the bottom of the scrolling container.\n   *\n   * @awsuiSystem core\n   */\n  stickyOffset?: NextDrawerProps.StickyOffset;\n\n  /**\n   * Sets the CSS `z-index` of the drawer. Use this to control stacking order when the drawer\n   * overlaps other positioned elements on the page.\n   *\n   * Applicable when using `position=\"sticky\"`, `position=\"absolute\"`, or `position=\"fixed\"`.\n   *\n   * @awsuiSystem core\n   */\n  zIndex?: number;\n}\n\nexport namespace NextDrawerProps {\n  export type Position = 'static' | 'sticky' | 'absolute' | 'fixed';\n\n  export type Placement = 'start' | 'end' | 'top' | 'bottom';\n\n  export interface Offset {\n    start?: number;\n    end?: number;\n    top?: number;\n    bottom?: number;\n  }\n\n  export interface StickyOffset {\n    top?: number;\n    bottom?: number;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/drawer/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface DrawerProps extends BaseComponentProps {\n  /**\n   * Header of the drawer.\n   *\n   * It should contain the only `h2` used in the drawer.\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Main content of the drawer.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Renders the drawer in a loading state. We recommend that you also set a `i18nStrings.loadingText`.\n   */\n  loading?: boolean;\n\n  /**\n   * Determines whether the drawer content has padding. If `true`, removes the default padding from the content area.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * - `loadingText` - The text that's displayed when the drawer is in a loading state.\n   * @i18n\n   */\n  i18nStrings?: DrawerProps.I18nStrings;\n\n  /**\n   * Actions for the header. Available only if you specify the `header` property.\n   */\n  headerActions?: React.ReactNode;\n\n  /**\n   * Sticky footer content that remains visible at the bottom during scroll.\n   *\n   * Automatically becomes non-sticky when scrollable content area is too small\n   * to ensure content remains accessible (not covered by the footer).\n   */\n  footer?: React.ReactNode;\n}\n\nexport namespace DrawerProps {\n  export interface I18nStrings {\n    loadingText?: string;\n  }\n}\n\n// Props for a future release\nexport interface NextDrawerProps extends DrawerProps {\n  /**\n   * Specifies the CSS positioning mode of the drawer, and supports the following options:\n   * * `static` (default) - The drawer is positioned in the normal document flow.\n   * * `sticky` - The drawer sticks to its nearest scrolling ancestor. Only meaningful with `placement=\"top\"` or `placement=\"bottom\"`.\n   * Using `sticky` with `placement=\"start\"` or `placement=\"end\"` falls back to `static`.\n   * * `absolute` - The drawer is positioned relative to its nearest positioned ancestor.\n   * * `fixed` - The drawer is positioned relative to the viewport.\n   */\n  position?: NextDrawerProps.Position;\n\n  /**\n   * Specifies which edge of its container the drawer is anchored to, and supports these options:\n   * * `start` - Anchored to the inline-start edge.\n   * * `end` - (default) Anchored to the inline-end edge.\n   * * `top` - Anchored to the top edge.\n   * * `bottom` - Anchored to the bottom edge.\n   */\n  placement?: NextDrawerProps.Placement;\n\n  /**\n   * Specifies the distance in pixels between the drawer and the edges of its container.\n   * Applicable when using `position=\"absolute\"` or `position=\"fixed\"`.\n   * Supported properties:\n   * * `start` - Distance from the inline-start edge. Not applicable when `placement` is `\"end\"`.\n   * * `end` - Distance from the inline-end edge. Not applicable when `placement` is `\"start\"`.\n   * * `top` - Distance from the top edge. Not applicable when `placement` is `\"bottom\"`.\n   * * `bottom` - Distance from the bottom edge. Not applicable when `placement` is `\"top\"`.\n   */\n  offset?: NextDrawerProps.Offset;\n\n  /**\n   * Specifies the distance in pixels from the top or bottom edge of the scrolling container\n   * at which the drawer sticks. Applicable only when using `position=\"sticky\"` with `placement=\"top\"` or `placement=\"bottom\"`.\n   * * Supported properties:\n   * * `top` - Distance from the top of the scrolling container.\n   * * `bottom` - Distance from the bottom of the scrolling container.\n   */\n  stickyOffset?: NextDrawerProps.StickyOffset;\n\n  /**\n   * Sets the CSS `z-index` of the drawer. Use this to control stacking order when the drawer\n   * overlaps other positioned elements on the page.\n   *\n   * Applicable when using `position=\"sticky\"`, `position=\"absolute\"`, or `position=\"fixed\"`.\n   */\n  zIndex?: number;\n}\n\nexport namespace NextDrawerProps {\n  export type Position = 'static' | 'sticky' | 'absolute' | 'fixed';\n\n  export type Placement = 'start' | 'end' | 'top' | 'bottom';\n\n  export interface Offset {\n    start?: number;\n    end?: number;\n    top?: number;\n    bottom?: number;\n  }\n\n  export interface StickyOffset {\n    top?: number;\n    bottom?: number;\n  }\n}\n"]}

package/file-token-group/styles.css.js

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_39ths_e0jrr_209",
-  "file-loading-overlay": "awsui_file-loading-overlay_39ths_e0jrr_241",
-  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_e0jrr_246",
-  "file-name-container": "awsui_file-name-container_39ths_e0jrr_250",
-  "file-option-name": "awsui_file-option-name_39ths_e0jrr_280",
-  "file-option-size": "awsui_file-option-size_39ths_e0jrr_281",
-  "file-option-last-modified": "awsui_file-option-last-modified_39ths_e0jrr_282",
-  "file-option": "awsui_file-option_39ths_e0jrr_280",
-  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_e0jrr_295",
-  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_e0jrr_299",
-  "file-option-metadata": "awsui_file-option-metadata_39ths_e0jrr_312",
-  "with-image": "awsui_with-image_39ths_e0jrr_315",
-  "single-row-loading": "awsui_single-row-loading_39ths_e0jrr_318",
-  "token": "awsui_token_39ths_e0jrr_322",
-  "token-grid": "awsui_token-grid_39ths_e0jrr_329",
-  "token-contains-image": "awsui_token-contains-image_39ths_e0jrr_338",
-  "token-box": "awsui_token-box_39ths_e0jrr_342",
-  "horizontal": "awsui_horizontal_39ths_e0jrr_361",
-  "error": "awsui_error_39ths_e0jrr_369",
-  "dismiss-button": "awsui_dismiss-button_39ths_e0jrr_373",
-  "warning": "awsui_warning_39ths_e0jrr_379",
-  "read-only": "awsui_read-only_39ths_e0jrr_389",
-  "loading": "awsui_loading_39ths_e0jrr_402"
+  "root": "awsui_root_39ths_3kdob_209",
+  "file-loading-overlay": "awsui_file-loading-overlay_39ths_3kdob_241",
+  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_3kdob_246",
+  "file-name-container": "awsui_file-name-container_39ths_3kdob_250",
+  "file-option-name": "awsui_file-option-name_39ths_3kdob_280",
+  "file-option-size": "awsui_file-option-size_39ths_3kdob_281",
+  "file-option-last-modified": "awsui_file-option-last-modified_39ths_3kdob_282",
+  "file-option": "awsui_file-option_39ths_3kdob_280",
+  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_3kdob_295",
+  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_3kdob_299",
+  "file-option-metadata": "awsui_file-option-metadata_39ths_3kdob_312",
+  "with-image": "awsui_with-image_39ths_3kdob_315",
+  "single-row-loading": "awsui_single-row-loading_39ths_3kdob_318",
+  "token": "awsui_token_39ths_3kdob_322",
+  "token-grid": "awsui_token-grid_39ths_3kdob_329",
+  "token-contains-image": "awsui_token-contains-image_39ths_3kdob_338",
+  "token-box": "awsui_token-box_39ths_3kdob_342",
+  "horizontal": "awsui_horizontal_39ths_3kdob_361",
+  "error": "awsui_error_39ths_3kdob_369",
+  "dismiss-button": "awsui_dismiss-button_39ths_3kdob_373",
+  "warning": "awsui_warning_39ths_3kdob_379",
+  "read-only": "awsui_read-only_39ths_3kdob_389",
+  "loading": "awsui_loading_39ths_3kdob_402"
 };
   

package/file-token-group/styles.scoped.css

@@ -206,7 +206,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_39ths_e0jrr_209:not(#\9) {
+.awsui_root_39ths_3kdob_209:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -238,16 +238,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_file-loading-overlay_39ths_e0jrr_241:not(#\9) {
+.awsui_file-loading-overlay_39ths_3kdob_241:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-static-xs-gnm0mz, 8px);
   inset-block-end: var(--space-static-xxs-ns94dp, 4px);
 }
-.awsui_file-loading-overlay-single-row_39ths_e0jrr_246:not(#\9) {
+.awsui_file-loading-overlay-single-row_39ths_3kdob_246:not(#\9) {
   inset-inline-end: var(--space-static-xxl-ifa9j8, 32px);
 }
 
-.awsui_file-name-container_39ths_e0jrr_250:not(#\9) {
+.awsui_file-name-container_39ths_3kdob_250:not(#\9) {
   all: unset;
   display: block;
   inline-size: 100%;
@@ -255,14 +255,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: default;
   text-align: start;
 }
-body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_e0jrr_250:not(#\9):focus-visible:focus {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_3kdob_250:not(#\9):focus-visible:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_e0jrr_250:not(#\9):focus-visible:focus {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_3kdob_250:not(#\9):focus-visible:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_e0jrr_250:not(#\9):focus-visible:focus::before {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_3kdob_250:not(#\9):focus-visible:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -277,26 +277,26 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_e0jrr_250:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
 
-.awsui_file-option-name_39ths_e0jrr_280:not(#\9),
-.awsui_file-option-size_39ths_e0jrr_281:not(#\9),
-.awsui_file-option-last-modified_39ths_e0jrr_282:not(#\9) {
+.awsui_file-option-name_39ths_3kdob_280:not(#\9),
+.awsui_file-option-size_39ths_3kdob_281:not(#\9),
+.awsui_file-option-last-modified_39ths_3kdob_282:not(#\9) {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 
-.awsui_file-option_39ths_e0jrr_280:not(#\9) {
+.awsui_file-option_39ths_3kdob_280:not(#\9) {
   inline-size: 100%;
   min-inline-size: 0;
   display: flex;
   gap: var(--space-scaled-xs-xwoogq, 8px);
 }
 
-.awsui_file-option-thumbnail_39ths_e0jrr_295:not(#\9) {
+.awsui_file-option-thumbnail_39ths_3kdob_295:not(#\9) {
   margin-block-start: var(--space-static-xxs-ns94dp, 4px);
 }
 
-.awsui_file-option-thumbnail-image_39ths_e0jrr_299:not(#\9) {
+.awsui_file-option-thumbnail-image_39ths_3kdob_299:not(#\9) {
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
   letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
@@ -309,43 +309,43 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_e0jrr_250:n
   overflow: hidden;
 }
 
-.awsui_file-option-metadata_39ths_e0jrr_312:not(#\9) {
+.awsui_file-option-metadata_39ths_3kdob_312:not(#\9) {
   inline-size: 100%;
 }
-.awsui_file-option-metadata_39ths_e0jrr_312.awsui_with-image_39ths_e0jrr_315:not(#\9) {
+.awsui_file-option-metadata_39ths_3kdob_312.awsui_with-image_39ths_3kdob_315:not(#\9) {
   inline-size: calc(100% - 48px);
 }
-.awsui_file-option-metadata_39ths_e0jrr_312.awsui_single-row-loading_39ths_e0jrr_318:not(#\9) {
+.awsui_file-option-metadata_39ths_3kdob_312.awsui_single-row-loading_39ths_3kdob_318:not(#\9) {
   inline-size: calc(100% - var(--size-icon-normal-levt08, 16px));
 }
 
-.awsui_token_39ths_e0jrr_322:not(#\9) {
+.awsui_token_39ths_3kdob_322:not(#\9) {
   position: relative;
   block-size: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_token-grid_39ths_e0jrr_329:not(#\9) {
+.awsui_token-grid_39ths_3kdob_329:not(#\9) {
   display: grid;
   grid-template-rows: max-content auto;
 }
 @media (max-width: 688px) {
-  .awsui_token-grid_39ths_e0jrr_329:not(#\9) {
+  .awsui_token-grid_39ths_3kdob_329:not(#\9) {
     display: flex;
   }
 }
-.awsui_token-contains-image_39ths_e0jrr_338:not(#\9) {
+.awsui_token-contains-image_39ths_3kdob_338:not(#\9) {
   grid-template-rows: 68px auto;
 }
 
-.awsui_token-box_39ths_e0jrr_342:not(#\9) {
+.awsui_token-box_39ths_3kdob_342:not(#\9) {
   position: relative;
   block-size: 100%;
   border-block: var(--border-width-token-2ukdpu, 2px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-wl5ttm, #006ce0));
   border-inline: var(--border-width-token-2ukdpu, 2px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-wl5ttm, #006ce0));
-  padding-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
-  padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
+  padding-block-start: var(--space-field-vertical-vm99qz, 5px);
+  padding-block-end: var(--space-field-vertical-vm99qz, 5px);
   padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
   padding-inline-end: var(--space-xxs-hwfkai, 4px);
   display: flex;
@@ -358,48 +358,48 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_e0jrr_250:n
   color: var(--color-text-body-default-vvtq8u, #0f141a);
   box-sizing: border-box;
 }
-.awsui_token-box_39ths_e0jrr_342.awsui_horizontal_39ths_e0jrr_361:not(#\9) {
+.awsui_token-box_39ths_3kdob_342.awsui_horizontal_39ths_3kdob_361:not(#\9) {
   max-inline-size: 230px;
 }
 @media (max-width: 688px) {
-  .awsui_token-box_39ths_e0jrr_342.awsui_horizontal_39ths_e0jrr_361:not(#\9) {
+  .awsui_token-box_39ths_3kdob_342.awsui_horizontal_39ths_3kdob_361:not(#\9) {
     max-inline-size: 100%;
   }
 }
-.awsui_token-box_39ths_e0jrr_342.awsui_error_39ths_e0jrr_369:not(#\9) {
+.awsui_token-box_39ths_3kdob_342.awsui_error_39ths_3kdob_369:not(#\9) {
   border-color: var(--color-border-status-error-j8acpp, #db0000);
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_token-box_39ths_e0jrr_342.awsui_error_39ths_e0jrr_369 > .awsui_dismiss-button_39ths_e0jrr_373:not(#\9) {
+.awsui_token-box_39ths_3kdob_342.awsui_error_39ths_3kdob_369 > .awsui_dismiss-button_39ths_3kdob_373:not(#\9) {
   color: var(--color-text-interactive-default-ugh9wp, #424650);
 }
-.awsui_token-box_39ths_e0jrr_342.awsui_error_39ths_e0jrr_369 > .awsui_dismiss-button_39ths_e0jrr_373:not(#\9):hover {
+.awsui_token-box_39ths_3kdob_342.awsui_error_39ths_3kdob_369 > .awsui_dismiss-button_39ths_3kdob_373:not(#\9):hover {
   color: var(--color-text-interactive-hover-6naf7i, #0f141a);
 }
-.awsui_token-box_39ths_e0jrr_342.awsui_warning_39ths_e0jrr_379:not(#\9) {
+.awsui_token-box_39ths_3kdob_342.awsui_warning_39ths_3kdob_379:not(#\9) {
   border-color: var(--color-border-status-warning-j40pg7, #855900);
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_token-box_39ths_e0jrr_342.awsui_warning_39ths_e0jrr_379 > .awsui_dismiss-button_39ths_e0jrr_373:not(#\9) {
+.awsui_token-box_39ths_3kdob_342.awsui_warning_39ths_3kdob_379 > .awsui_dismiss-button_39ths_3kdob_373:not(#\9) {
   color: var(--color-text-interactive-default-ugh9wp, #424650);
 }
-.awsui_token-box_39ths_e0jrr_342.awsui_warning_39ths_e0jrr_379 > .awsui_dismiss-button_39ths_e0jrr_373:not(#\9):hover {
+.awsui_token-box_39ths_3kdob_342.awsui_warning_39ths_3kdob_379 > .awsui_dismiss-button_39ths_3kdob_373:not(#\9):hover {
   color: var(--color-text-interactive-hover-6naf7i, #0f141a);
 }
-.awsui_token-box_39ths_e0jrr_342.awsui_read-only_39ths_e0jrr_389:not(#\9) {
+.awsui_token-box_39ths_3kdob_342.awsui_read-only_39ths_3kdob_389:not(#\9) {
   border-color: var(--color-border-input-disabled-zgnzvk, #ebebf0);
   background-color: var(--color-background-container-content-6u8rvp, #ffffff);
   pointer-events: none;
 }
-.awsui_token-box_39ths_e0jrr_342.awsui_read-only_39ths_e0jrr_389 > .awsui_dismiss-button_39ths_e0jrr_373:not(#\9) {
+.awsui_token-box_39ths_3kdob_342.awsui_read-only_39ths_3kdob_389 > .awsui_dismiss-button_39ths_3kdob_373:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
 }
-.awsui_token-box_39ths_e0jrr_342.awsui_read-only_39ths_e0jrr_389 > .awsui_dismiss-button_39ths_e0jrr_373:not(#\9):hover {
+.awsui_token-box_39ths_3kdob_342.awsui_read-only_39ths_3kdob_389 > .awsui_dismiss-button_39ths_3kdob_373:not(#\9):hover {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   cursor: initial;
   color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
 }
-.awsui_token-box_39ths_e0jrr_342.awsui_loading_39ths_e0jrr_402:not(#\9) {
+.awsui_token-box_39ths_3kdob_342.awsui_loading_39ths_3kdob_402:not(#\9) {
   border-color: var(--color-border-control-disabled-uj7t08, #dedee3);
   background-color: var(--color-background-container-content-6u8rvp, #ffffff);
 }