@cloudscape-design/components-themeable 3.0.1087 → 3.0.1089

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "2212c2195ce0d509310f531e080ae91a27509e1a"
+  "commit": "18e722298c6101ce08e59d074f6df75d209e3dad"
 }

package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss

@@ -275,7 +275,7 @@ $drawer-resize-handle-size: awsui.$space-m;
     }
 
     > .drawer-content-container {
-      min-inline-size: calc(var(#{custom-props.$drawerSize}) - #{awsui.$space-xs});
+      min-inline-size: calc(var(#{custom-props.$drawerMinSize}) - #{awsui.$space-xs});
       grid-column: 1 / span 1;
       background-color: awsui.$color-background-layout-panel-content;
 
@@ -293,8 +293,9 @@ $drawer-resize-handle-size: awsui.$space-m;
           align-items: center;
           inset-block-start: 0;
           background-color: awsui.$color-background-layout-panel-content;
-          border-block-end: awsui.$border-divider-section-width solid;
+          border-block-end: 2px solid;
           border-image: linear-gradient(90deg, #962eff 0%, #5c7fff 30%, #09f 50%, #b8e7ff 70%, #8575ff 100%) 1;
+          box-sizing: border-box;
 
           > .drawer-content-header-content {
             display: flex;
@@ -385,7 +386,7 @@ $drawer-resize-handle-size: awsui.$space-m;
     &:not(.drawer-expanded) {
       > .drawer-content-container {
         @include desktop-only {
-          clip-path: inset(0 0 0 -9999px round awsui.$space-xxs);
+          clip-path: inset(0 0 -9999px 0 round awsui.$space-xxs);
           @include theming.dark-mode-only {
             border-inline-end: awsui.$border-divider-section-width solid awsui.$color-border-layout;
           }

package/lib/internal/scss/app-layout/visual-refresh-toolbar/toolbar/styles.scss

@@ -22,7 +22,7 @@ $toolbar-height: 42px;
     transition-property: inset-block-start, opacity;
   }
 
-  &.with-open-ai-drawer {
+  &.with-ai-drawer:not(:has(.universal-toolbar-ai-custom)) {
     &:before,
     &:after {
       content: '';

package/lib/internal/scss/button/styles.scss

@@ -49,10 +49,6 @@
   }
 }
 
-.content {
-  /* used in test-utils */
-}
-
 .button {
   @include styles.styles-reset;
   @include styles.text-wrapping;

package/lib/internal/scss/button/test-classes/styles.scss

@@ -3,10 +3,10 @@
  SPDX-License-Identifier: Apache-2.0
 */
 
-.disabled-reason-tooltip {
-  /* used in test-utils or tests */
-}
-
+.button,
+.content,
+.icon-left,
+.disabled-reason-tooltip,
 .external-icon {
   /* used in test-utils or tests */
 }

package/lib/internal/scss/input/styles.scss

@@ -14,19 +14,11 @@
     user-select: none;
   }
 
-  &::-ms-input-placeholder {
-    @content;
-  }
-
   &::-moz-placeholder {
     @content;
     opacity: 1;
   }
 
-  &:-ms-input-placeholder {
-    @content;
-  }
-
   &:-moz-placeholder {
     @content;
     opacity: 1;

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss

@@ -1,88 +1,89 @@
 
     // Build environment
-    $awsui-commit-hash: "2212c219";
+    $awsui-commit-hash: "18e72229";
     // Manually managed CSS-variables
-    $maxContentWidth: --awsui-max-content-width-kiajpc;
-$minContentWidth: --awsui-min-content-width-kiajpc;
-$breadcrumbsGap: --awsui-breadcrumbs-gap-kiajpc;
-$contentGapLeft: --awsui-content-gap-left-kiajpc;
-$contentGapRight: --awsui-content-gap-right-kiajpc;
-$contentHeight: --awsui-content-height-kiajpc;
-$contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-kiajpc;
-$contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-kiajpc;
-$contentLayoutMainGap: --awsui-content-layout-main-gap-kiajpc;
-$defaultMaxContentWidth: --awsui-default-max-content-width-kiajpc;
-$defaultMinContentWidth: --awsui-default-min-content-width-kiajpc;
-$drawerSize: --awsui-drawer-size-kiajpc;
-$footerHeight: --awsui-footer-height-kiajpc;
-$headerGap: --awsui-header-gap-kiajpc;
-$headerHeight: --awsui-header-height-kiajpc;
-$layoutWidth: --awsui-layout-width-kiajpc;
-$mainGap: --awsui-main-gap-kiajpc;
-$mainOffsetLeft: --awsui-main-offset-left-kiajpc;
-$mainTemplateRows: --awsui-main-template-rows-kiajpc;
-$mobileBarHeight: --awsui-mobile-bar-height-kiajpc;
-$notificationsHeight: --awsui-notifications-height-kiajpc;
-$offsetTop: --awsui-offset-top-kiajpc;
-$overlapHeight: --awsui-overlap-height-kiajpc;
-$navigationWidth: --awsui-navigation-width-kiajpc;
-$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-kiajpc;
-$splitPanelReportedSize: --awsui-split-panel-reported-size-kiajpc;
-$splitPanelHeight: --awsui-split-panel-height-kiajpc;
-$splitPanelMinWidth: --awsui-split-panel-min-width-kiajpc;
-$splitPanelMaxWidth: --awsui-split-panel-max-width-kiajpc;
-$toolsMaxWidth: --awsui-tools-max-width-kiajpc;
-$toolsWidth: --awsui-tools-width-kiajpc;
-$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-kiajpc;
-$contentScrollMargin: --awsui-content-scroll-margin-kiajpc;
-$flashbarStackDepth: --awsui-flashbar-stack-depth-kiajpc;
-$flashbarStackIndex: --awsui-flashbar-stack-index-kiajpc;
-$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-kiajpc;
-$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-kiajpc;
-$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-kiajpc;
-$dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-kiajpc;
-$spinnerRotatorFrom: --awsui-spinner-rotator-from-kiajpc;
-$spinnerRotatorTo: --awsui-spinner-rotator-to-kiajpc;
-$spinnerLineLeftFrom: --awsui-spinner-line-left-from-kiajpc;
-$spinnerLineLeftTo: --awsui-spinner-line-left-to-kiajpc;
-$spinnerLineRightFrom: --awsui-spinner-line-right-from-kiajpc;
-$spinnerLineRightTo: --awsui-spinner-line-right-to-kiajpc;
-$sliderLabelCount: --awsui-slider-label-count-kiajpc;
-$sliderTickCount: --awsui-slider-tick-count-kiajpc;
-$sliderReferenceColumn: --awsui-slider-reference-column-kiajpc;
-$sliderNextReferenceColumn: --awsui-slider-next-reference-column-kiajpc;
-$sliderMaxStart: --awsui-slider-max-start-kiajpc;
-$sliderMinEnd: --awsui-slider-min-end-kiajpc;
-$sliderRangeInlineSize: --awsui-slider-range-inline-size-kiajpc;
-$sliderTooltipPosition: --awsui-slider-tooltip-position-kiajpc;
-$togglesLeftWidth: --awsui-toggles-left-width-kiajpc;
-$togglesRightWidth: --awsui-toggles-right-width-kiajpc;
-$promptInputMaxRows: --awsui-prompt-input-max-rows-kiajpc;
-$promptInputScrollHeight: --awsui-prompt-input-scroll-height-kiajpc;
-$dragHandleAnimationInlineOffset: --awsui-drag-handle-animation-inline-offset-kiajpc;
-$dragHandleAnimationBlockOffset: --awsui-drag-handle-animation-block-offset-kiajpc;
-$styleBackgroundActive: --awsui-style-background-active-kiajpc;
-$styleBackgroundDefault: --awsui-style-background-default-kiajpc;
-$styleBackgroundDisabled: --awsui-style-background-disabled-kiajpc;
-$styleBackgroundHover: --awsui-style-background-hover-kiajpc;
-$styleBorderColorActive: --awsui-style-border-color-active-kiajpc;
-$styleBorderColorDefault: --awsui-style-border-color-default-kiajpc;
-$styleBorderColorDisabled: --awsui-style-border-color-disabled-kiajpc;
-$styleBorderColorHover: --awsui-style-border-color-hover-kiajpc;
-$styleColorActive: --awsui-style-color-active-kiajpc;
-$styleColorDefault: --awsui-style-color-default-kiajpc;
-$styleColorDisabled: --awsui-style-color-disabled-kiajpc;
-$styleColorHover: --awsui-style-color-hover-kiajpc;
-$styleFocusRingBorderColor: --awsui-style-focus-ring-border-color-kiajpc;
-$styleFocusRingBorderRadius: --awsui-style-focus-ring-border-radius-kiajpc;
-$styleFocusRingBorderWidth: --awsui-style-focus-ring-border-width-kiajpc;
-$styleFocusRingBoxShadow: --awsui-style-focus-ring-box-shadow-kiajpc;
-$styleBoxShadowActive: --awsui-style-box-shadow-active-kiajpc;
-$styleBoxShadowDefault: --awsui-style-box-shadow-default-kiajpc;
-$styleBoxShadowDisabled: --awsui-style-box-shadow-disabled-kiajpc;
-$styleBoxShadowHover: --awsui-style-box-shadow-hover-kiajpc;
-$alertFocusRingBorderColor: --awsui-alert-focus-ring-border-color-kiajpc;
-$alertFocusRingBorderRadius: --awsui-alert-focus-ring-border-radius-kiajpc;
-$alertFocusRingBorderWidth: --awsui-alert-focus-ring-border-width-kiajpc;
-$alertFocusRingBoxShadow: --awsui-alert-focus-ring-box-shadow-kiajpc;
+    $maxContentWidth: --awsui-max-content-width-y15yd5;
+$minContentWidth: --awsui-min-content-width-y15yd5;
+$breadcrumbsGap: --awsui-breadcrumbs-gap-y15yd5;
+$contentGapLeft: --awsui-content-gap-left-y15yd5;
+$contentGapRight: --awsui-content-gap-right-y15yd5;
+$contentHeight: --awsui-content-height-y15yd5;
+$contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-y15yd5;
+$contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-y15yd5;
+$contentLayoutMainGap: --awsui-content-layout-main-gap-y15yd5;
+$defaultMaxContentWidth: --awsui-default-max-content-width-y15yd5;
+$defaultMinContentWidth: --awsui-default-min-content-width-y15yd5;
+$drawerSize: --awsui-drawer-size-y15yd5;
+$drawerMinSize: --awsui-drawer-min-size-y15yd5;
+$footerHeight: --awsui-footer-height-y15yd5;
+$headerGap: --awsui-header-gap-y15yd5;
+$headerHeight: --awsui-header-height-y15yd5;
+$layoutWidth: --awsui-layout-width-y15yd5;
+$mainGap: --awsui-main-gap-y15yd5;
+$mainOffsetLeft: --awsui-main-offset-left-y15yd5;
+$mainTemplateRows: --awsui-main-template-rows-y15yd5;
+$mobileBarHeight: --awsui-mobile-bar-height-y15yd5;
+$notificationsHeight: --awsui-notifications-height-y15yd5;
+$offsetTop: --awsui-offset-top-y15yd5;
+$overlapHeight: --awsui-overlap-height-y15yd5;
+$navigationWidth: --awsui-navigation-width-y15yd5;
+$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-y15yd5;
+$splitPanelReportedSize: --awsui-split-panel-reported-size-y15yd5;
+$splitPanelHeight: --awsui-split-panel-height-y15yd5;
+$splitPanelMinWidth: --awsui-split-panel-min-width-y15yd5;
+$splitPanelMaxWidth: --awsui-split-panel-max-width-y15yd5;
+$toolsMaxWidth: --awsui-tools-max-width-y15yd5;
+$toolsWidth: --awsui-tools-width-y15yd5;
+$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-y15yd5;
+$contentScrollMargin: --awsui-content-scroll-margin-y15yd5;
+$flashbarStackDepth: --awsui-flashbar-stack-depth-y15yd5;
+$flashbarStackIndex: --awsui-flashbar-stack-index-y15yd5;
+$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-y15yd5;
+$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-y15yd5;
+$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-y15yd5;
+$dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-y15yd5;
+$spinnerRotatorFrom: --awsui-spinner-rotator-from-y15yd5;
+$spinnerRotatorTo: --awsui-spinner-rotator-to-y15yd5;
+$spinnerLineLeftFrom: --awsui-spinner-line-left-from-y15yd5;
+$spinnerLineLeftTo: --awsui-spinner-line-left-to-y15yd5;
+$spinnerLineRightFrom: --awsui-spinner-line-right-from-y15yd5;
+$spinnerLineRightTo: --awsui-spinner-line-right-to-y15yd5;
+$sliderLabelCount: --awsui-slider-label-count-y15yd5;
+$sliderTickCount: --awsui-slider-tick-count-y15yd5;
+$sliderReferenceColumn: --awsui-slider-reference-column-y15yd5;
+$sliderNextReferenceColumn: --awsui-slider-next-reference-column-y15yd5;
+$sliderMaxStart: --awsui-slider-max-start-y15yd5;
+$sliderMinEnd: --awsui-slider-min-end-y15yd5;
+$sliderRangeInlineSize: --awsui-slider-range-inline-size-y15yd5;
+$sliderTooltipPosition: --awsui-slider-tooltip-position-y15yd5;
+$togglesLeftWidth: --awsui-toggles-left-width-y15yd5;
+$togglesRightWidth: --awsui-toggles-right-width-y15yd5;
+$promptInputMaxRows: --awsui-prompt-input-max-rows-y15yd5;
+$promptInputScrollHeight: --awsui-prompt-input-scroll-height-y15yd5;
+$dragHandleAnimationInlineOffset: --awsui-drag-handle-animation-inline-offset-y15yd5;
+$dragHandleAnimationBlockOffset: --awsui-drag-handle-animation-block-offset-y15yd5;
+$styleBackgroundActive: --awsui-style-background-active-y15yd5;
+$styleBackgroundDefault: --awsui-style-background-default-y15yd5;
+$styleBackgroundDisabled: --awsui-style-background-disabled-y15yd5;
+$styleBackgroundHover: --awsui-style-background-hover-y15yd5;
+$styleBorderColorActive: --awsui-style-border-color-active-y15yd5;
+$styleBorderColorDefault: --awsui-style-border-color-default-y15yd5;
+$styleBorderColorDisabled: --awsui-style-border-color-disabled-y15yd5;
+$styleBorderColorHover: --awsui-style-border-color-hover-y15yd5;
+$styleColorActive: --awsui-style-color-active-y15yd5;
+$styleColorDefault: --awsui-style-color-default-y15yd5;
+$styleColorDisabled: --awsui-style-color-disabled-y15yd5;
+$styleColorHover: --awsui-style-color-hover-y15yd5;
+$styleFocusRingBorderColor: --awsui-style-focus-ring-border-color-y15yd5;
+$styleFocusRingBorderRadius: --awsui-style-focus-ring-border-radius-y15yd5;
+$styleFocusRingBorderWidth: --awsui-style-focus-ring-border-width-y15yd5;
+$styleFocusRingBoxShadow: --awsui-style-focus-ring-box-shadow-y15yd5;
+$styleBoxShadowActive: --awsui-style-box-shadow-active-y15yd5;
+$styleBoxShadowDefault: --awsui-style-box-shadow-default-y15yd5;
+$styleBoxShadowDisabled: --awsui-style-box-shadow-disabled-y15yd5;
+$styleBoxShadowHover: --awsui-style-box-shadow-hover-y15yd5;
+$alertFocusRingBorderColor: --awsui-alert-focus-ring-border-color-y15yd5;
+$alertFocusRingBorderRadius: --awsui-alert-focus-ring-border-radius-y15yd5;
+$alertFocusRingBorderWidth: --awsui-alert-focus-ring-border-width-y15yd5;
+$alertFocusRingBoxShadow: --awsui-alert-focus-ring-box-shadow-y15yd5;
     

package/lib/internal/scss/prompt-input/styles.scss

@@ -98,9 +98,6 @@ $invalid-border-offset: constants.$invalid-control-left-padding;
     opacity: 1;
   }
 
-  &:-ms-input-placeholder {
-    @include styles.form-placeholder;
-  }
 
   &:focus {
     outline: none;
@@ -126,9 +123,6 @@ $invalid-border-offset: constants.$invalid-control-left-padding;
       opacity: 1;
     }
 
-    &:-ms-input-placeholder {
-      @include styles.form-placeholder-disabled;
-    }
   }
 
   &-wrapper {

package/lib/internal/scss/segmented-control/segment.scss

@@ -95,7 +95,6 @@ $segment-divider-width: 1px;
   @for $i from 1 through 6 {
     &:nth-child(#{$i}) {
       grid-column: $i;
-      -ms-grid-column: $i;
     }
   }
 

package/lib/internal/scss/segmented-control/styles.scss

@@ -23,7 +23,6 @@
 }
 
 .segment-part {
-  display: -ms-inline-grid;
   display: inline-grid;
   border-inline: solid awsui.$border-width-field awsui.$color-border-input-default;
   border-block: solid awsui.$border-width-field awsui.$color-border-input-default;

package/lib/internal/scss/table/styles.scss

@@ -148,7 +148,6 @@ filter search icon.
 
 .header-secondary {
   overflow: auto;
-  -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
   box-sizing: border-box;
   inline-size: 100%;

package/lib/internal/scss/tabs/tab-header-bar.scss

@@ -40,7 +40,6 @@ $label-horizontal-spacing: awsui.$space-xs;
   // do not use pointer-events none because it disables scroll by sliding
 
   // Hide scrollbar in all browsers
-  -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
   &::-webkit-scrollbar {
     display: none; /* Safari and Chrome */

package/lib/internal/scss/textarea/styles.scss

@@ -45,10 +45,6 @@
     opacity: 1;
   }
 
-  &:-ms-input-placeholder {
-    @include styles.form-placeholder;
-  }
-
   &:focus {
     @include styles.form-focus-element;
   }
@@ -66,10 +62,6 @@
       @include styles.form-placeholder-disabled;
       opacity: 1;
     }
-
-    &:-ms-input-placeholder {
-      @include styles.form-placeholder-disabled;
-    }
   }
 
   &.textarea-invalid {

package/lib/internal/scss/toggle-button/test-classes/styles.scss

@@ -0,0 +1,9 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+
+.root,
+.pressed {
+  /* Test classes for toggle button component */
+}

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

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_eeybl_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_eeybl_1",
-  "root": "awsui_root_mx3cw_eeybl_215",
-  "hidden": "awsui_hidden_mx3cw_eeybl_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_eeybl_299",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_eeybl_311",
-  "header": "awsui_header_mx3cw_eeybl_316",
-  "header-replacement": "awsui_header-replacement_mx3cw_eeybl_317",
-  "action": "awsui_action_mx3cw_eeybl_321",
-  "action-slot": "awsui_action-slot_mx3cw_eeybl_325",
-  "action-button": "awsui_action-button_mx3cw_eeybl_326",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_eeybl_330",
-  "text": "awsui_text_mx3cw_eeybl_361",
-  "icon": "awsui_icon_mx3cw_eeybl_368",
-  "message": "awsui_message_mx3cw_eeybl_371",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_eeybl_375",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_eeybl_379",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_eeybl_383",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_eeybl_387",
-  "content": "awsui_content_mx3cw_eeybl_391",
-  "content-replacement": "awsui_content-replacement_mx3cw_eeybl_392",
-  "dismiss": "awsui_dismiss_mx3cw_eeybl_396",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_eeybl_401",
-  "type-error": "awsui_type-error_mx3cw_eeybl_405",
-  "type-warning": "awsui_type-warning_mx3cw_eeybl_413",
-  "type-success": "awsui_type-success_mx3cw_eeybl_421",
-  "type-info": "awsui_type-info_mx3cw_eeybl_429"
+  "alert": "awsui_alert_mx3cw_1qya4_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1qya4_1",
+  "root": "awsui_root_mx3cw_1qya4_215",
+  "hidden": "awsui_hidden_mx3cw_1qya4_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1qya4_299",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_1qya4_311",
+  "header": "awsui_header_mx3cw_1qya4_316",
+  "header-replacement": "awsui_header-replacement_mx3cw_1qya4_317",
+  "action": "awsui_action_mx3cw_1qya4_321",
+  "action-slot": "awsui_action-slot_mx3cw_1qya4_325",
+  "action-button": "awsui_action-button_mx3cw_1qya4_326",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1qya4_330",
+  "text": "awsui_text_mx3cw_1qya4_361",
+  "icon": "awsui_icon_mx3cw_1qya4_368",
+  "message": "awsui_message_mx3cw_1qya4_371",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_1qya4_375",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1qya4_379",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1qya4_383",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1qya4_387",
+  "content": "awsui_content_mx3cw_1qya4_391",
+  "content-replacement": "awsui_content-replacement_mx3cw_1qya4_392",
+  "dismiss": "awsui_dismiss_mx3cw_1qya4_396",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1qya4_401",
+  "type-error": "awsui_type-error_mx3cw_1qya4_405",
+  "type-warning": "awsui_type-warning_mx3cw_1qya4_413",
+  "type-success": "awsui_type-success_mx3cw_1qya4_421",
+  "type-info": "awsui_type-info_mx3cw_1qya4_429"
 };