npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.386 → 3.0.388 - Mend

@cloudscape-design/components-themeable 3.0.386 → 3.0.388

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 (266) hide show

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "8acd854fa6da3a01644b49998cde19f175dcc015"
+  "commit": "060d090d47699d5e5b60ef68c0c1d7186797e1cc"
 }

package/lib/internal/scss/attribute-editor/styles.scss CHANGED Viewed

@@ -42,7 +42,7 @@
   // The value is calculated as follows:
   // padding-top = awsui-form-field-controls: 4px +
   // line height (also applies to icon size) awsui-form-field-label: 22px
-  padding-top: calc(#{awsui.$space-xxs} + #{awsui.$font-body-m-line-height});
+  padding-top: calc(#{awsui.$space-xxs} + #{awsui.$line-height-body-m});
 }
 .button-container-nolabel {

package/lib/internal/scss/badge/styles.scss CHANGED Viewed

@@ -10,7 +10,7 @@
   @include styles.styles-reset;
   @include styles.font-body-s;
-  line-height: awsui.$font-body-m-line-height;
+  line-height: awsui.$line-height-body-m;
   display: inline-block;
   border-radius: awsui.$border-radius-badge;
   padding: 0 awsui.$space-xs;

package/lib/internal/scss/box/base-styles.scss CHANGED Viewed

@@ -96,19 +96,19 @@ $font-styles: (
         strong,
         b,
       ),
-      awsui.$font-heading-xs-weight: (
+      awsui.$font-weight-heading-xs: (
         h5,
       ),
-      awsui.$font-heading-s-weight: (
+      awsui.$font-weight-heading-s: (
         h4,
       ),
-      awsui.$font-heading-m-weight: (
+      awsui.$font-weight-heading-m: (
         h3,
       ),
-      awsui.$font-heading-l-weight: (
+      awsui.$font-weight-heading-l: (
         h2,
       ),
-      awsui.$font-heading-xl-weight: (
+      awsui.$font-weight-heading-xl: (
         h1,
       ),
     ),

package/lib/internal/scss/code-editor/pane.scss CHANGED Viewed

@@ -49,7 +49,7 @@
     overflow: auto;
     max-height: 100%;
     box-sizing: border-box;
-    margin-right: calc(#{awsui.$font-body-m-line-height} + 2 * #{awsui.$space-xs});
+    margin-right: calc(#{awsui.$line-height-body-m} + 2 * #{awsui.$space-xs});
   }
   &__table {

package/lib/internal/scss/code-editor/styles.scss CHANGED Viewed

@@ -161,7 +161,7 @@
   &--divider {
     display: inline-block;
-    height: awsui.$font-body-m-line-height;
+    height: awsui.$line-height-body-m;
     width: awsui.$border-code-editor-status-divider-width;
     background: awsui.$color-border-tabs-divider;
     vertical-align: middle;

package/lib/internal/scss/container/styles.scss CHANGED Viewed

@@ -149,7 +149,7 @@
   &-dynamic-height.header-stuck {
     // to prevent the block from changing its height when variant dynamically changes
-    margin-bottom: calc(#{awsui.$font-heading-xl-line-height} - #{awsui.$font-heading-l-line-height});
+    margin-bottom: calc(#{awsui.$line-height-heading-xl} - #{awsui.$line-height-heading-l});
   }
   &:not(:empty) {

package/lib/internal/scss/expandable-section/styles.scss CHANGED Viewed

@@ -11,7 +11,7 @@
 $icon-width-normal: awsui.$size-icon-normal;
 $icon-width-medium: awsui.$size-icon-medium;
-$icon-margin-left: '(#{awsui.$font-body-m-line-height} - #{$icon-width-normal}) / -2';
+$icon-margin-left: '(#{awsui.$line-height-body-m} - #{$icon-width-normal}) / -2';
 $icon-margin-right-normal: '#{awsui.$space-xxs} + #{awsui.$border-divider-list-width}';
 $icon-margin-right-medium: awsui.$space-xs;
@@ -52,7 +52,7 @@ $icon-total-space-medium: calc(#{$icon-width-medium} + #{$icon-margin-left} + #{
   box-sizing: border-box;
   border: none;
   width: 100%;
-  line-height: awsui.$font-body-m-line-height;
+  line-height: awsui.$line-height-body-m;
   text-align: left;
   &-default,
@@ -67,7 +67,7 @@ $icon-total-space-medium: calc(#{$icon-width-medium} + #{$icon-margin-left} + #{
   &-navigation,
   &-container {
     display: flex;
-    font-weight: awsui.$font-heading-s-weight;
+    font-weight: awsui.$font-weight-heading-s;
   }
   &-default,
@@ -76,7 +76,7 @@ $icon-total-space-medium: calc(#{$icon-width-medium} + #{$icon-margin-left} + #{
     color: awsui.$color-text-expandable-section-default;
     @include styles.font-smoothing;
     font-size: awsui.$font-expandable-heading-size;
-    letter-spacing: awsui.$font-heading-s-letter-spacing;
+    letter-spacing: awsui.$letter-spacing-heading-s;
   }
   &-default {
@@ -137,7 +137,7 @@ $icon-total-space-medium: calc(#{$icon-width-medium} + #{$icon-margin-left} + #{
   &-wrapper,
   &-deprecated {
     display: flex;
-    font-weight: awsui.$font-heading-s-weight;
+    font-weight: awsui.$font-weight-heading-s;
   }
   &-wrapper {

package/lib/internal/scss/flashbar/collapsible.scss CHANGED Viewed

@@ -14,7 +14,7 @@ $notification-bar-top-overlap: (
   'collapsed': calc(#{awsui.$space-scaled-xl} + 3px),
   'expanded': awsui.$space-scaled-s,
 );
-$notification-bar-line-height: awsui.$font-body-m-line-height;
+$notification-bar-line-height: awsui.$line-height-body-m;
 $notification-bar-padding-vertical: styles.$control-padding-vertical;
 $notification-bar-collapsed-item-overflow: (
   'x': 10px,
@@ -84,7 +84,7 @@ the grid layout will be:
        This makes them look better during the collapse animation, in which they are already empty.
      */
     min-height: calc(
-      #{awsui.$font-body-m-line-height} + (
+      #{awsui.$line-height-body-m} + (
           #{awsui.$space-scaled-xs} + #{awsui.$border-field-width} + #{awsui.$space-scaled-xxs}
         ) * 2
     );

package/lib/internal/scss/header/styles.scss CHANGED Viewed

@@ -83,13 +83,13 @@
   // Calculate padding so the heading text is better aligned with the buttons.
   // Can't align-items: middle because we want buttons to stay at the top of the container when text wraps to multiple lines.
   &-variant-h1.refresh {
-    padding: calc((#{awsui.$font-heading-xl-line-height} - #{awsui.$size-vertical-input}) / 2) 0;
+    padding: calc((#{awsui.$line-height-heading-xl} - #{awsui.$size-vertical-input}) / 2) 0;
   }
   &-variant-h2.refresh {
-    padding: calc((#{awsui.$font-heading-l-line-height} - #{awsui.$size-vertical-input}) / 2) 0;
+    padding: calc((#{awsui.$line-height-heading-l} - #{awsui.$size-vertical-input}) / 2) 0;
   }
   &-variant-h3.refresh {
-    padding: calc((#{awsui.$font-heading-m-line-height} - #{awsui.$size-vertical-input}) / 2) 0;
+    padding: calc((#{awsui.$line-height-heading-m} - #{awsui.$size-vertical-input}) / 2) 0;
   }
   &-variant-h1:not(.refresh) {
@@ -109,24 +109,24 @@
   color: awsui.$color-text-heading-default;
   &-variant-h1 {
-    font-size: awsui.$font-heading-xl-size;
+    font-size: awsui.$font-size-heading-xl;
     // Use padding rather than center align with min height to avoid having extra bottom space when no actions are present.
     // Having top padding always present ensures that all headers of the same variant start at the same height in the container,
     // whether there are buttons present or not; otherwise configurable dashboard handles are misaligned.
     &.refresh {
-      padding-top: space-heading-button-diff(awsui.$font-heading-xl-line-height);
+      padding-top: space-heading-button-diff(awsui.$line-height-heading-xl);
     }
   }
   &-variant-h2 {
-    font-size: awsui.$font-heading-l-size;
+    font-size: awsui.$font-size-heading-l;
     &.refresh {
-      padding-top: space-heading-button-diff(awsui.$font-heading-l-line-height);
+      padding-top: space-heading-button-diff(awsui.$line-height-heading-l);
     }
   }
   &-variant-h3 {
-    font-size: awsui.$font-heading-m-size;
+    font-size: awsui.$font-size-heading-m;
     &.refresh {
-      padding-top: space-heading-button-diff(awsui.$font-heading-m-line-height);
+      padding-top: space-heading-button-diff(awsui.$line-height-heading-m);
     }
   }
   &-variant-h2:not(.refresh),

package/lib/internal/scss/icon/mixins.scss CHANGED Viewed

@@ -23,31 +23,31 @@ $_icon-sizes: (
   (
     name: 'small',
     size: awsui.$size-icon-normal,
-    supportedLineHeight: awsui.$font-body-s-line-height,
+    supportedLineHeight: awsui.$line-height-body-s,
     stroke: 2px,
   ),
   (
     name: 'normal',
     size: awsui.$size-icon-normal,
-    supportedLineHeight: awsui.$font-body-m-line-height,
+    supportedLineHeight: awsui.$line-height-body-m,
     stroke: 2px,
   ),
   (
     name: 'medium',
     size: awsui.$size-icon-medium,
-    supportedLineHeight: awsui.$font-heading-l-line-height,
+    supportedLineHeight: awsui.$line-height-heading-l,
     stroke: 2px,
   ),
   (
     name: 'big',
     size: awsui.$size-icon-big,
-    supportedLineHeight: awsui.$font-heading-xl-line-height,
+    supportedLineHeight: awsui.$line-height-heading-xl,
     stroke: 2px,
   ),
   (
     name: 'large',
     size: awsui.$size-icon-large,
-    supportedLineHeight: awsui.$font-display-l-line-height,
+    supportedLineHeight: awsui.$line-height-display-l,
     stroke: 1.2px,
   )
 );

package/lib/internal/scss/internal/components/chart-wrapper/styles.scss CHANGED Viewed

@@ -39,11 +39,11 @@
 }
 .content--reserve-filter {
-  margin-top: calc(2 * #{awsui.$font-body-m-line-height});
+  margin-top: calc(2 * #{awsui.$line-height-body-m});
 }
 .content--reserve-legend {
-  margin-bottom: calc(2 * #{awsui.$font-body-m-line-height});
+  margin-bottom: calc(2 * #{awsui.$line-height-body-m});
 }
 .content--fit-height {

package/lib/internal/scss/internal/styles/forms/constants.scss CHANGED Viewed

@@ -29,6 +29,6 @@ $invalid-control-left-padding: calc(
   #{$control-padding-horizontal} - (#{$invalid-control-left-border} - #{$control-border-width})
 );
-$control-icon-vertical-offset: calc(50% - #{awsui.$font-body-m-line-height} / 2);
+$control-icon-vertical-offset: calc(50% - #{awsui.$line-height-body-m} / 2);
 $control-icon-horizontal-offset: $control-padding-horizontal;
 $control-icon-horizontal-padding: awsui.$space-field-icon-offset;

package/lib/internal/scss/internal/styles/forms/mixins.scss CHANGED Viewed

@@ -179,7 +179,7 @@
 }
 @mixin make-control-size($height, $width: $height) {
-  margin-top: calc((#{awsui.$font-body-m-line-height} - #{$height}) / 2);
+  margin-top: calc((#{awsui.$line-height-body-m} - #{$height}) / 2);
   min-height: $height;
   min-width: $width;
   height: $height;

package/lib/internal/scss/internal/styles/typography/mixins.scss CHANGED Viewed

@@ -22,69 +22,69 @@
 }
 @mixin font-body-s {
-  font-size: awsui.$font-body-s-size;
-  line-height: awsui.$font-body-s-line-height;
-  letter-spacing: awsui.$font-body-s-letter-spacing;
+  font-size: awsui.$font-size-body-s;
+  line-height: awsui.$line-height-body-s;
+  letter-spacing: awsui.$letter-spacing-body-s;
 }
 @mixin font-body-m {
-  font-size: awsui.$font-body-m-size;
-  line-height: awsui.$font-body-m-line-height;
+  font-size: awsui.$font-size-body-m;
+  line-height: awsui.$line-height-body-m;
 }
 @mixin font-heading-xs($weight: true) {
-  font-size: awsui.$font-heading-xs-size;
-  line-height: awsui.$font-heading-xs-line-height;
+  font-size: awsui.$font-size-heading-xs;
+  line-height: awsui.$line-height-heading-xs;
   @if $weight {
-    font-weight: awsui.$font-heading-xs-weight;
+    font-weight: awsui.$font-weight-heading-xs;
     @include font-smoothing;
   }
 }
 @mixin font-heading-s($weight: true) {
-  font-size: awsui.$font-heading-s-size;
-  line-height: awsui.$font-heading-s-line-height;
-  letter-spacing: awsui.$font-heading-s-letter-spacing;
+  font-size: awsui.$font-size-heading-s;
+  line-height: awsui.$line-height-heading-s;
+  letter-spacing: awsui.$letter-spacing-heading-s;
   @if $weight {
-    font-weight: awsui.$font-heading-s-weight;
+    font-weight: awsui.$font-weight-heading-s;
     @include font-smoothing;
   }
 }
 @mixin font-heading-m($weight: true) {
-  font-size: awsui.$font-heading-m-size;
-  line-height: awsui.$font-heading-m-line-height;
-  letter-spacing: awsui.$font-heading-m-letter-spacing;
+  font-size: awsui.$font-size-heading-m;
+  line-height: awsui.$line-height-heading-m;
+  letter-spacing: awsui.$letter-spacing-heading-m;
   @if $weight {
-    font-weight: awsui.$font-heading-m-weight;
+    font-weight: awsui.$font-weight-heading-m;
     @include font-smoothing;
   }
 }
 @mixin font-heading-l($weight: true) {
-  font-size: awsui.$font-heading-l-size;
-  line-height: awsui.$font-heading-l-line-height;
-  letter-spacing: awsui.$font-heading-l-letter-spacing;
+  font-size: awsui.$font-size-heading-l;
+  line-height: awsui.$line-height-heading-l;
+  letter-spacing: awsui.$letter-spacing-heading-l;
   @if $weight {
-    font-weight: awsui.$font-heading-l-weight;
+    font-weight: awsui.$font-weight-heading-l;
     @include font-smoothing;
   }
 }
 @mixin font-heading-xl($weight: true) {
-  font-size: awsui.$font-heading-xl-size;
-  line-height: awsui.$font-heading-xl-line-height;
-  letter-spacing: awsui.$font-heading-xl-letter-spacing;
+  font-size: awsui.$font-size-heading-xl;
+  line-height: awsui.$line-height-heading-xl;
+  letter-spacing: awsui.$letter-spacing-heading-xl;
   @if $weight {
-    font-weight: awsui.$font-heading-xl-weight;
+    font-weight: awsui.$font-weight-heading-xl;
     @include font-smoothing;
   }
 }
 @mixin font-display-l {
-  font-size: awsui.$font-display-l-size;
-  line-height: awsui.$font-display-l-line-height;
-  letter-spacing: awsui.$font-display-l-letter-spacing;
+  font-size: awsui.$font-size-display-l;
+  line-height: awsui.$line-height-display-l;
+  letter-spacing: awsui.$letter-spacing-display-l;
 }
 @mixin font-inherit {
@@ -106,18 +106,18 @@
 @mixin font-panel-header {
   font-size: awsui.$font-panel-header-size;
   line-height: awsui.$font-panel-header-line-height;
-  font-weight: awsui.$font-heading-l-weight;
+  font-weight: awsui.$font-weight-heading-l;
   @include font-smoothing;
 }
 @mixin font-code-inline {
-  font-size: awsui.$font-body-s-size;
-  line-height: awsui.$font-body-m-line-height;
+  font-size: awsui.$font-size-body-s;
+  line-height: awsui.$line-height-body-m;
 }
 @mixin font-code-block {
-  font-size: awsui.$font-body-m-size;
-  line-height: awsui.$font-body-m-line-height;
+  font-size: awsui.$font-size-body-m;
+  line-height: awsui.$line-height-body-m;
 }
 @mixin font($font-size) {

package/lib/internal/scss/pie-chart/constants.scss CHANGED Viewed

@@ -10,16 +10,16 @@ $pie-chart-sizes: (
   'small': (
     'radius': 50px,
     'innerPadding': awsui.$space-xs,
-    'labelPadding': calc(2 * #{awsui.$font-body-m-line-height}),
+    'labelPadding': calc(2 * #{awsui.$line-height-body-m}),
   ),
   'medium': (
     'radius': 100px,
     'innerPadding': awsui.$space-s,
-    'labelPadding': calc(2 * #{awsui.$font-body-m-line-height}),
+    'labelPadding': calc(2 * #{awsui.$line-height-body-m}),
   ),
   'large': (
     'radius': 140px,
     'innerPadding': awsui.$space-s,
-    'labelPadding': calc(2 * #{awsui.$font-body-m-line-height}),
+    'labelPadding': calc(2 * #{awsui.$line-height-body-m}),
   ),
 );

package/lib/internal/scss/progress-bar/styles.scss CHANGED Viewed

@@ -54,7 +54,7 @@
   display: flex;
   align-items: center;
   max-width: 800px;
-  height: awsui.$font-body-m-line-height;
+  height: awsui.$line-height-body-m;
 }
 .percentage-container {

package/lib/internal/scss/s3-resource-selector/s3-in-context/styles.scss CHANGED Viewed

@@ -38,7 +38,7 @@
   }
   &-divider {
     height: calc(
-      2 * #{awsui.$border-divider-section-width} + 2 * #{awsui.$space-scaled-xxs} + #{awsui.$font-body-m-line-height}
+      2 * #{awsui.$border-divider-section-width} + 2 * #{awsui.$space-scaled-xxs} + #{awsui.$line-height-body-m}
     ); // replicate the button layout: 2x border, 2x vertical padding, text line-height
     border-left: awsui.$border-divider-section-width solid awsui.$color-border-divider-default;
   }

package/lib/internal/scss/spinner/mixins.scss CHANGED Viewed

@@ -12,19 +12,19 @@ $_spinner-sizes: (
     name: 'normal',
     size: 1.2 * styles.$base-size,
     iconSizeMap: awsui.$size-icon-normal,
-    supportedLineHeight: awsui.$font-body-m-line-height,
+    supportedLineHeight: awsui.$line-height-body-m,
   ),
   (
     name: 'big',
     size: 2.4 * styles.$base-size,
     iconSizeMap: awsui.$size-icon-big,
-    supportedLineHeight: awsui.$font-heading-xl-line-height,
+    supportedLineHeight: awsui.$line-height-heading-xl,
   ),
   (
     name: 'large',
     size: 3.6 * styles.$base-size,
     iconSizeMap: awsui.$size-icon-large,
-    supportedLineHeight: awsui.$font-display-l-line-height,
+    supportedLineHeight: awsui.$line-height-display-l,
   )
 );

package/lib/internal/scss/table/header-cell/styles.scss CHANGED Viewed

@@ -14,7 +14,7 @@
   border-bottom: awsui.$border-divider-section-width solid awsui.$color-border-divider-default;
   background: awsui.$color-background-table-header;
   color: awsui.$color-text-column-header;
-  font-weight: awsui.$font-heading-s-weight;
+  font-weight: awsui.$font-weight-heading-s;
   @include styles.font-smoothing;
   padding: awsui.$space-scaled-xxs awsui.$space-scaled-xs;
   &-sticky {
@@ -64,7 +64,7 @@
     right: 0;
     bottom: 0;
     top: 0;
-    min-height: awsui.$font-heading-xs-line-height;
+    min-height: awsui.$line-height-heading-xs;
     max-height: calc(100% - #{$gap});
     margin: auto;
     border-left: awsui.$border-divider-section-width solid awsui.$color-border-divider-default;
@@ -132,7 +132,7 @@
 }
 .header-cell-text {
-  line-height: awsui.$font-heading-xs-line-height;
+  line-height: awsui.$line-height-heading-xs;
   padding-top: calc(#{awsui.$space-xxxs} / 2);
   padding-bottom: calc(#{awsui.$space-xxxs} / 2);

package/lib/internal/scss/table/resizer/styles.scss CHANGED Viewed

@@ -42,7 +42,7 @@ $active-separator-width: 2px;
         left: calc(#{$handle-width} / 2 - #{$active-separator-width});
         bottom: 0;
         top: 0;
-        min-height: awsui.$font-heading-xs-line-height;
+        min-height: awsui.$line-height-heading-xs;
         max-height: calc(100% - #{$gap});
         margin: auto;
         border-left: $active-separator-width solid awsui.$color-border-divider-active;

package/lib/internal/scss/tutorial-panel/components/tutorial-detail-view/styles.scss CHANGED Viewed

@@ -49,7 +49,7 @@
 .congratulation-message {
   display: flex;
   @include styles.font(heading-s);
-  font-weight: awsui.$font-heading-xs-weight;
+  font-weight: awsui.$font-weight-heading-xs;
   color: awsui.$color-text-status-success;
   &--status {

package/lib/internal/scss/wizard/styles.scss CHANGED Viewed

@@ -60,7 +60,7 @@
       > .number {
         color: awsui.$color-text-small;
-        font-size: awsui.$font-body-s-size;
+        font-size: awsui.$font-size-body-s;
         grid-column: 2;
         grid-row: 1;
       }
@@ -70,7 +70,7 @@
         column-gap: awsui.$space-xs;
         cursor: pointer;
         display: grid;
-        font-size: awsui.$font-body-m-size;
+        font-size: awsui.$font-size-body-m;
         grid-column: 1 / span 2;
         grid-row: 2;
         grid-template-columns: awsui.$space-l 1fr;

package/lib/internal/template/alert/styles.css.js CHANGED Viewed

@@ -1,30 +1,30 @@
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_4axkb_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_4axkb_1",
-  "root": "awsui_root_mx3cw_4axkb_119",
-  "hidden": "awsui_hidden_mx3cw_4axkb_135",
-  "with-dismiss": "awsui_with-dismiss_mx3cw_4axkb_158",
-  "with-action": "awsui_with-action_mx3cw_4axkb_158",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_4axkb_164",
-  "header": "awsui_header_mx3cw_4axkb_171",
-  "action": "awsui_action_mx3cw_4axkb_175",
-  "action-slot": "awsui_action-slot_mx3cw_4axkb_180",
-  "action-button": "awsui_action-button_mx3cw_4axkb_181",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_4axkb_185",
-  "text": "awsui_text_mx3cw_4axkb_211",
-  "icon": "awsui_icon_mx3cw_4axkb_216",
-  "message": "awsui_message_mx3cw_4axkb_219",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_4axkb_227",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_4axkb_230",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_4axkb_233",
-  "content": "awsui_content_mx3cw_4axkb_237",
-  "dismiss": "awsui_dismiss_mx3cw_4axkb_241",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_4axkb_246",
-  "type-error": "awsui_type-error_mx3cw_4axkb_250",
-  "type-warning": "awsui_type-warning_mx3cw_4axkb_258",
-  "type-success": "awsui_type-success_mx3cw_4axkb_266",
-  "type-info": "awsui_type-info_mx3cw_4axkb_274"
+  "alert": "awsui_alert_mx3cw_s7vra_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_s7vra_1",
+  "root": "awsui_root_mx3cw_s7vra_119",
+  "hidden": "awsui_hidden_mx3cw_s7vra_135",
+  "with-dismiss": "awsui_with-dismiss_mx3cw_s7vra_158",
+  "with-action": "awsui_with-action_mx3cw_s7vra_158",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_s7vra_164",
+  "header": "awsui_header_mx3cw_s7vra_171",
+  "action": "awsui_action_mx3cw_s7vra_175",
+  "action-slot": "awsui_action-slot_mx3cw_s7vra_180",
+  "action-button": "awsui_action-button_mx3cw_s7vra_181",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_s7vra_185",
+  "text": "awsui_text_mx3cw_s7vra_211",
+  "icon": "awsui_icon_mx3cw_s7vra_216",
+  "message": "awsui_message_mx3cw_s7vra_219",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_s7vra_227",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_s7vra_230",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_s7vra_233",
+  "content": "awsui_content_mx3cw_s7vra_237",
+  "dismiss": "awsui_dismiss_mx3cw_s7vra_241",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_s7vra_246",
+  "type-error": "awsui_type-error_mx3cw_s7vra_250",
+  "type-warning": "awsui_type-warning_mx3cw_s7vra_258",
+  "type-success": "awsui_type-success_mx3cw_s7vra_266",
+  "type-info": "awsui_type-info_mx3cw_s7vra_274"
 };