@cloudscape-design/components-themeable 3.0.1210 → 3.0.1212

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "62db9d6a7c80ebd09b4ff146b52cf6c91b9beedc"
+  "commit": "96f8230d708f3f787f439dae8336e70675d45aac"
 }

package/lib/internal/scss/internal/components/dropdown/styles.scss

@@ -73,9 +73,10 @@
   &.occupy-entire-width {
     min-inline-size: 100%;
   }
-  &.stretch-beyond-trigger-width {
+  &.use-flexible-width {
     inline-size: max-content;
-    max-inline-size: var(#{custom-props.$dropdownDefaultMaxWidth}, 100%);
+    max-inline-size: var(#{custom-props.$dropdownDefaultMaxWidth}, none);
+    min-inline-size: var(#{custom-props.$dropdownDefaultMinWidth}, auto);
   }
   &.interior > .dropdown-content-wrapper {
     margin-block-start: -1px;

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

@@ -1,143 +1,144 @@
 
     // Build environment
-    $awsui-commit-hash: "62db9d6a";
+    $awsui-commit-hash: "96f8230d";
     // Manually managed CSS-variables
-    $maxContentWidth: --awsui-max-content-width-4hh3rt;
-$minContentWidth: --awsui-min-content-width-4hh3rt;
-$breadcrumbsGap: --awsui-breadcrumbs-gap-4hh3rt;
-$contentGapLeft: --awsui-content-gap-left-4hh3rt;
-$contentGapRight: --awsui-content-gap-right-4hh3rt;
-$contentHeight: --awsui-content-height-4hh3rt;
-$contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-4hh3rt;
-$contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-4hh3rt;
-$contentLayoutMainGap: --awsui-content-layout-main-gap-4hh3rt;
-$defaultMaxContentWidth: --awsui-default-max-content-width-4hh3rt;
-$defaultMinContentWidth: --awsui-default-min-content-width-4hh3rt;
-$drawerSize: --awsui-drawer-size-4hh3rt;
-$drawerMinSize: --awsui-drawer-min-size-4hh3rt;
-$bottomDrawerSize: --awsui-bottom-drawer-size-4hh3rt;
-$footerHeight: --awsui-footer-height-4hh3rt;
-$headerGap: --awsui-header-gap-4hh3rt;
-$headerHeight: --awsui-header-height-4hh3rt;
-$layoutWidth: --awsui-layout-width-4hh3rt;
-$mainGap: --awsui-main-gap-4hh3rt;
-$mainOffsetLeft: --awsui-main-offset-left-4hh3rt;
-$mainTemplateRows: --awsui-main-template-rows-4hh3rt;
-$mobileBarHeight: --awsui-mobile-bar-height-4hh3rt;
-$notificationsHeight: --awsui-notifications-height-4hh3rt;
-$offsetTop: --awsui-offset-top-4hh3rt;
-$overlapHeight: --awsui-overlap-height-4hh3rt;
-$navigationWidth: --awsui-navigation-width-4hh3rt;
-$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-4hh3rt;
-$splitPanelReportedSize: --awsui-split-panel-reported-size-4hh3rt;
-$splitPanelHeight: --awsui-split-panel-height-4hh3rt;
-$splitPanelMinWidth: --awsui-split-panel-min-width-4hh3rt;
-$splitPanelMaxWidth: --awsui-split-panel-max-width-4hh3rt;
-$toolsMaxWidth: --awsui-tools-max-width-4hh3rt;
-$toolsWidth: --awsui-tools-width-4hh3rt;
-$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-4hh3rt;
-$contentScrollMargin: --awsui-content-scroll-margin-4hh3rt;
-$flashbarStackDepth: --awsui-flashbar-stack-depth-4hh3rt;
-$flashbarStackIndex: --awsui-flashbar-stack-index-4hh3rt;
-$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-4hh3rt;
-$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-4hh3rt;
-$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-4hh3rt;
-$dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-4hh3rt;
-$spinnerRotatorFrom: --awsui-spinner-rotator-from-4hh3rt;
-$spinnerRotatorTo: --awsui-spinner-rotator-to-4hh3rt;
-$spinnerLineLeftFrom: --awsui-spinner-line-left-from-4hh3rt;
-$spinnerLineLeftTo: --awsui-spinner-line-left-to-4hh3rt;
-$spinnerLineRightFrom: --awsui-spinner-line-right-from-4hh3rt;
-$spinnerLineRightTo: --awsui-spinner-line-right-to-4hh3rt;
-$sliderLabelCount: --awsui-slider-label-count-4hh3rt;
-$sliderTickCount: --awsui-slider-tick-count-4hh3rt;
-$sliderReferenceColumn: --awsui-slider-reference-column-4hh3rt;
-$sliderNextReferenceColumn: --awsui-slider-next-reference-column-4hh3rt;
-$sliderMaxStart: --awsui-slider-max-start-4hh3rt;
-$sliderMinEnd: --awsui-slider-min-end-4hh3rt;
-$sliderRangeInlineSize: --awsui-slider-range-inline-size-4hh3rt;
-$sliderTooltipPosition: --awsui-slider-tooltip-position-4hh3rt;
-$togglesLeftWidth: --awsui-toggles-left-width-4hh3rt;
-$togglesRightWidth: --awsui-toggles-right-width-4hh3rt;
-$promptInputMaxRows: --awsui-prompt-input-max-rows-4hh3rt;
-$promptInputScrollHeight: --awsui-prompt-input-scroll-height-4hh3rt;
-$dragHandleAnimationInlineOffset: --awsui-drag-handle-animation-inline-offset-4hh3rt;
-$dragHandleAnimationBlockOffset: --awsui-drag-handle-animation-block-offset-4hh3rt;
-$styleBackgroundActive: --awsui-style-background-active-4hh3rt;
-$styleBackgroundDefault: --awsui-style-background-default-4hh3rt;
-$styleBackgroundDisabled: --awsui-style-background-disabled-4hh3rt;
-$styleBackgroundHover: --awsui-style-background-hover-4hh3rt;
-$styleBorderColorActive: --awsui-style-border-color-active-4hh3rt;
-$styleBorderColorDefault: --awsui-style-border-color-default-4hh3rt;
-$styleBorderColorDisabled: --awsui-style-border-color-disabled-4hh3rt;
-$styleBorderColorHover: --awsui-style-border-color-hover-4hh3rt;
-$styleColorActive: --awsui-style-color-active-4hh3rt;
-$styleColorDefault: --awsui-style-color-default-4hh3rt;
-$styleColorDisabled: --awsui-style-color-disabled-4hh3rt;
-$styleColorHover: --awsui-style-color-hover-4hh3rt;
-$styleFocusRingBorderColor: --awsui-style-focus-ring-border-color-4hh3rt;
-$styleFocusRingBorderRadius: --awsui-style-focus-ring-border-radius-4hh3rt;
-$styleFocusRingBorderWidth: --awsui-style-focus-ring-border-width-4hh3rt;
-$styleFocusRingBoxShadow: --awsui-style-focus-ring-box-shadow-4hh3rt;
-$styleBoxShadowActive: --awsui-style-box-shadow-active-4hh3rt;
-$styleBoxShadowDefault: --awsui-style-box-shadow-default-4hh3rt;
-$styleBoxShadowDisabled: --awsui-style-box-shadow-disabled-4hh3rt;
-$styleBoxShadowHover: --awsui-style-box-shadow-hover-4hh3rt;
-$styleBackgroundReadonly: --awsui-style-background-readonly-4hh3rt;
-$styleBorderColorReadonly: --awsui-style-border-color-readonly-4hh3rt;
-$styleBoxShadowReadonly: --awsui-style-box-shadow-readonly-4hh3rt;
-$styleColorReadonly: --awsui-style-color-readonly-4hh3rt;
-$styleBackgroundFocus: --awsui-style-background-focus-4hh3rt;
-$styleBorderColorFocus: --awsui-style-border-color-focus-4hh3rt;
-$styleBoxShadowFocus: --awsui-style-box-shadow-focus-4hh3rt;
-$styleColorFocus: --awsui-style-color-focus-4hh3rt;
-$stylePlaceholderColor: --awsui-style-placeholder-color-4hh3rt;
-$stylePlaceholderFontSize: --awsui-style-placeholder-font-size-4hh3rt;
-$stylePlaceholderFontStyle: --awsui-style-placeholder-font-style-4hh3rt;
-$stylePlaceholderFontWeight: --awsui-style-placeholder-font-weight-4hh3rt;
-$styleTabsActiveIndicatorColor: --awsui-style-tabs-active-indicator-color-4hh3rt;
-$styleTabsActiveIndicatorWidth: --awsui-style-tabs-active-indicator-width-4hh3rt;
-$styleTabsActiveIndicatorBorderRadius: --awsui-style-tabs-active-indicator-border-radius-4hh3rt;
-$styleTabsSeparatorColor: --awsui-style-tabs-separator-color-4hh3rt;
-$styleTabsSeparatorWidth: --awsui-style-tabs-separator-width-4hh3rt;
-$alertFocusRingBorderColor: --awsui-alert-focus-ring-border-color-4hh3rt;
-$alertFocusRingBorderRadius: --awsui-alert-focus-ring-border-radius-4hh3rt;
-$alertFocusRingBorderWidth: --awsui-alert-focus-ring-border-width-4hh3rt;
-$alertFocusRingBoxShadow: --awsui-alert-focus-ring-box-shadow-4hh3rt;
-$alertIconColor: --awsui-alert-icon-color-4hh3rt;
-$promptInputStyleBackgroundDefault: --awsui-prompt-input-style-background-default-4hh3rt;
-$promptInputStyleBackgroundDisabled: --awsui-prompt-input-style-background-disabled-4hh3rt;
-$promptInputStyleBackgroundFocus: --awsui-prompt-input-style-background-focus-4hh3rt;
-$promptInputStyleBackgroundHover: --awsui-prompt-input-style-background-hover-4hh3rt;
-$promptInputStyleBackgroundReadonly: --awsui-prompt-input-style-background-readonly-4hh3rt;
-$promptInputStyleBorderColorDefault: --awsui-prompt-input-style-border-color-default-4hh3rt;
-$promptInputStyleBorderColorDisabled: --awsui-prompt-input-style-border-color-disabled-4hh3rt;
-$promptInputStyleBorderColorFocus: --awsui-prompt-input-style-border-color-focus-4hh3rt;
-$promptInputStyleBorderColorHover: --awsui-prompt-input-style-border-color-hover-4hh3rt;
-$promptInputStyleBorderColorReadonly: --awsui-prompt-input-style-border-color-readonly-4hh3rt;
-$promptInputStyleBoxShadowDefault: --awsui-prompt-input-style-box-shadow-default-4hh3rt;
-$promptInputStyleBoxShadowDisabled: --awsui-prompt-input-style-box-shadow-disabled-4hh3rt;
-$promptInputStyleBoxShadowFocus: --awsui-prompt-input-style-box-shadow-focus-4hh3rt;
-$promptInputStyleBoxShadowHover: --awsui-prompt-input-style-box-shadow-hover-4hh3rt;
-$promptInputStyleBoxShadowReadonly: --awsui-prompt-input-style-box-shadow-readonly-4hh3rt;
-$promptInputStyleColorDefault: --awsui-prompt-input-style-color-default-4hh3rt;
-$promptInputStyleColorDisabled: --awsui-prompt-input-style-color-disabled-4hh3rt;
-$promptInputStyleColorFocus: --awsui-prompt-input-style-color-focus-4hh3rt;
-$promptInputStyleColorHover: --awsui-prompt-input-style-color-hover-4hh3rt;
-$promptInputStyleColorReadonly: --awsui-prompt-input-style-color-readonly-4hh3rt;
-$promptInputStylePlaceholderColor: --awsui-prompt-input-style-placeholder-color-4hh3rt;
-$promptInputStylePlaceholderFontSize: --awsui-prompt-input-style-placeholder-font-size-4hh3rt;
-$promptInputStylePlaceholderFontStyle: --awsui-prompt-input-style-placeholder-font-style-4hh3rt;
-$promptInputStylePlaceholderFontWeight: --awsui-prompt-input-style-placeholder-font-weight-4hh3rt;
-$progressBarBackgroundColor: --awsui-progress-bar-background-color-4hh3rt;
-$progressBarBorderRadius: --awsui-progress-bar-border-radius-4hh3rt;
-$progressBarHeight: --awsui-progress-bar-height-4hh3rt;
-$progressValueBackgroundColor: --awsui-progress-value-background-color-4hh3rt;
-$styleSliderTrackBackgroundColor: --awsui-style-slider-track-background-color-4hh3rt;
-$styleSliderRangeBackgroundDefault: --awsui-style-slider-range-background-default-4hh3rt;
-$styleSliderRangeBackgroundActive: --awsui-style-slider-range-background-active-4hh3rt;
-$styleSliderHandleBackgroundDefault: --awsui-style-slider-handle-background-default-4hh3rt;
-$styleSliderHandleBackgroundHover: --awsui-style-slider-handle-background-hover-4hh3rt;
-$styleSliderHandleBackgroundActive: --awsui-style-slider-handle-background-active-4hh3rt;
-$styleSliderHandleBorderRadius: --awsui-style-slider-handle-border-radius-4hh3rt;
+    $maxContentWidth: --awsui-max-content-width-c5ek4l;
+$minContentWidth: --awsui-min-content-width-c5ek4l;
+$breadcrumbsGap: --awsui-breadcrumbs-gap-c5ek4l;
+$contentGapLeft: --awsui-content-gap-left-c5ek4l;
+$contentGapRight: --awsui-content-gap-right-c5ek4l;
+$contentHeight: --awsui-content-height-c5ek4l;
+$contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-c5ek4l;
+$contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-c5ek4l;
+$contentLayoutMainGap: --awsui-content-layout-main-gap-c5ek4l;
+$defaultMaxContentWidth: --awsui-default-max-content-width-c5ek4l;
+$defaultMinContentWidth: --awsui-default-min-content-width-c5ek4l;
+$drawerSize: --awsui-drawer-size-c5ek4l;
+$drawerMinSize: --awsui-drawer-min-size-c5ek4l;
+$bottomDrawerSize: --awsui-bottom-drawer-size-c5ek4l;
+$footerHeight: --awsui-footer-height-c5ek4l;
+$headerGap: --awsui-header-gap-c5ek4l;
+$headerHeight: --awsui-header-height-c5ek4l;
+$layoutWidth: --awsui-layout-width-c5ek4l;
+$mainGap: --awsui-main-gap-c5ek4l;
+$mainOffsetLeft: --awsui-main-offset-left-c5ek4l;
+$mainTemplateRows: --awsui-main-template-rows-c5ek4l;
+$mobileBarHeight: --awsui-mobile-bar-height-c5ek4l;
+$notificationsHeight: --awsui-notifications-height-c5ek4l;
+$offsetTop: --awsui-offset-top-c5ek4l;
+$overlapHeight: --awsui-overlap-height-c5ek4l;
+$navigationWidth: --awsui-navigation-width-c5ek4l;
+$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-c5ek4l;
+$splitPanelReportedSize: --awsui-split-panel-reported-size-c5ek4l;
+$splitPanelHeight: --awsui-split-panel-height-c5ek4l;
+$splitPanelMinWidth: --awsui-split-panel-min-width-c5ek4l;
+$splitPanelMaxWidth: --awsui-split-panel-max-width-c5ek4l;
+$toolsMaxWidth: --awsui-tools-max-width-c5ek4l;
+$toolsWidth: --awsui-tools-width-c5ek4l;
+$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-c5ek4l;
+$contentScrollMargin: --awsui-content-scroll-margin-c5ek4l;
+$flashbarStackDepth: --awsui-flashbar-stack-depth-c5ek4l;
+$flashbarStackIndex: --awsui-flashbar-stack-index-c5ek4l;
+$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-c5ek4l;
+$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-c5ek4l;
+$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-c5ek4l;
+$dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-c5ek4l;
+$dropdownDefaultMinWidth: --awsui-dropdown-default-min-width-c5ek4l;
+$spinnerRotatorFrom: --awsui-spinner-rotator-from-c5ek4l;
+$spinnerRotatorTo: --awsui-spinner-rotator-to-c5ek4l;
+$spinnerLineLeftFrom: --awsui-spinner-line-left-from-c5ek4l;
+$spinnerLineLeftTo: --awsui-spinner-line-left-to-c5ek4l;
+$spinnerLineRightFrom: --awsui-spinner-line-right-from-c5ek4l;
+$spinnerLineRightTo: --awsui-spinner-line-right-to-c5ek4l;
+$sliderLabelCount: --awsui-slider-label-count-c5ek4l;
+$sliderTickCount: --awsui-slider-tick-count-c5ek4l;
+$sliderReferenceColumn: --awsui-slider-reference-column-c5ek4l;
+$sliderNextReferenceColumn: --awsui-slider-next-reference-column-c5ek4l;
+$sliderMaxStart: --awsui-slider-max-start-c5ek4l;
+$sliderMinEnd: --awsui-slider-min-end-c5ek4l;
+$sliderRangeInlineSize: --awsui-slider-range-inline-size-c5ek4l;
+$sliderTooltipPosition: --awsui-slider-tooltip-position-c5ek4l;
+$togglesLeftWidth: --awsui-toggles-left-width-c5ek4l;
+$togglesRightWidth: --awsui-toggles-right-width-c5ek4l;
+$promptInputMaxRows: --awsui-prompt-input-max-rows-c5ek4l;
+$promptInputScrollHeight: --awsui-prompt-input-scroll-height-c5ek4l;
+$dragHandleAnimationInlineOffset: --awsui-drag-handle-animation-inline-offset-c5ek4l;
+$dragHandleAnimationBlockOffset: --awsui-drag-handle-animation-block-offset-c5ek4l;
+$styleBackgroundActive: --awsui-style-background-active-c5ek4l;
+$styleBackgroundDefault: --awsui-style-background-default-c5ek4l;
+$styleBackgroundDisabled: --awsui-style-background-disabled-c5ek4l;
+$styleBackgroundHover: --awsui-style-background-hover-c5ek4l;
+$styleBorderColorActive: --awsui-style-border-color-active-c5ek4l;
+$styleBorderColorDefault: --awsui-style-border-color-default-c5ek4l;
+$styleBorderColorDisabled: --awsui-style-border-color-disabled-c5ek4l;
+$styleBorderColorHover: --awsui-style-border-color-hover-c5ek4l;
+$styleColorActive: --awsui-style-color-active-c5ek4l;
+$styleColorDefault: --awsui-style-color-default-c5ek4l;
+$styleColorDisabled: --awsui-style-color-disabled-c5ek4l;
+$styleColorHover: --awsui-style-color-hover-c5ek4l;
+$styleFocusRingBorderColor: --awsui-style-focus-ring-border-color-c5ek4l;
+$styleFocusRingBorderRadius: --awsui-style-focus-ring-border-radius-c5ek4l;
+$styleFocusRingBorderWidth: --awsui-style-focus-ring-border-width-c5ek4l;
+$styleFocusRingBoxShadow: --awsui-style-focus-ring-box-shadow-c5ek4l;
+$styleBoxShadowActive: --awsui-style-box-shadow-active-c5ek4l;
+$styleBoxShadowDefault: --awsui-style-box-shadow-default-c5ek4l;
+$styleBoxShadowDisabled: --awsui-style-box-shadow-disabled-c5ek4l;
+$styleBoxShadowHover: --awsui-style-box-shadow-hover-c5ek4l;
+$styleBackgroundReadonly: --awsui-style-background-readonly-c5ek4l;
+$styleBorderColorReadonly: --awsui-style-border-color-readonly-c5ek4l;
+$styleBoxShadowReadonly: --awsui-style-box-shadow-readonly-c5ek4l;
+$styleColorReadonly: --awsui-style-color-readonly-c5ek4l;
+$styleBackgroundFocus: --awsui-style-background-focus-c5ek4l;
+$styleBorderColorFocus: --awsui-style-border-color-focus-c5ek4l;
+$styleBoxShadowFocus: --awsui-style-box-shadow-focus-c5ek4l;
+$styleColorFocus: --awsui-style-color-focus-c5ek4l;
+$stylePlaceholderColor: --awsui-style-placeholder-color-c5ek4l;
+$stylePlaceholderFontSize: --awsui-style-placeholder-font-size-c5ek4l;
+$stylePlaceholderFontStyle: --awsui-style-placeholder-font-style-c5ek4l;
+$stylePlaceholderFontWeight: --awsui-style-placeholder-font-weight-c5ek4l;
+$styleTabsActiveIndicatorColor: --awsui-style-tabs-active-indicator-color-c5ek4l;
+$styleTabsActiveIndicatorWidth: --awsui-style-tabs-active-indicator-width-c5ek4l;
+$styleTabsActiveIndicatorBorderRadius: --awsui-style-tabs-active-indicator-border-radius-c5ek4l;
+$styleTabsSeparatorColor: --awsui-style-tabs-separator-color-c5ek4l;
+$styleTabsSeparatorWidth: --awsui-style-tabs-separator-width-c5ek4l;
+$alertFocusRingBorderColor: --awsui-alert-focus-ring-border-color-c5ek4l;
+$alertFocusRingBorderRadius: --awsui-alert-focus-ring-border-radius-c5ek4l;
+$alertFocusRingBorderWidth: --awsui-alert-focus-ring-border-width-c5ek4l;
+$alertFocusRingBoxShadow: --awsui-alert-focus-ring-box-shadow-c5ek4l;
+$alertIconColor: --awsui-alert-icon-color-c5ek4l;
+$promptInputStyleBackgroundDefault: --awsui-prompt-input-style-background-default-c5ek4l;
+$promptInputStyleBackgroundDisabled: --awsui-prompt-input-style-background-disabled-c5ek4l;
+$promptInputStyleBackgroundFocus: --awsui-prompt-input-style-background-focus-c5ek4l;
+$promptInputStyleBackgroundHover: --awsui-prompt-input-style-background-hover-c5ek4l;
+$promptInputStyleBackgroundReadonly: --awsui-prompt-input-style-background-readonly-c5ek4l;
+$promptInputStyleBorderColorDefault: --awsui-prompt-input-style-border-color-default-c5ek4l;
+$promptInputStyleBorderColorDisabled: --awsui-prompt-input-style-border-color-disabled-c5ek4l;
+$promptInputStyleBorderColorFocus: --awsui-prompt-input-style-border-color-focus-c5ek4l;
+$promptInputStyleBorderColorHover: --awsui-prompt-input-style-border-color-hover-c5ek4l;
+$promptInputStyleBorderColorReadonly: --awsui-prompt-input-style-border-color-readonly-c5ek4l;
+$promptInputStyleBoxShadowDefault: --awsui-prompt-input-style-box-shadow-default-c5ek4l;
+$promptInputStyleBoxShadowDisabled: --awsui-prompt-input-style-box-shadow-disabled-c5ek4l;
+$promptInputStyleBoxShadowFocus: --awsui-prompt-input-style-box-shadow-focus-c5ek4l;
+$promptInputStyleBoxShadowHover: --awsui-prompt-input-style-box-shadow-hover-c5ek4l;
+$promptInputStyleBoxShadowReadonly: --awsui-prompt-input-style-box-shadow-readonly-c5ek4l;
+$promptInputStyleColorDefault: --awsui-prompt-input-style-color-default-c5ek4l;
+$promptInputStyleColorDisabled: --awsui-prompt-input-style-color-disabled-c5ek4l;
+$promptInputStyleColorFocus: --awsui-prompt-input-style-color-focus-c5ek4l;
+$promptInputStyleColorHover: --awsui-prompt-input-style-color-hover-c5ek4l;
+$promptInputStyleColorReadonly: --awsui-prompt-input-style-color-readonly-c5ek4l;
+$promptInputStylePlaceholderColor: --awsui-prompt-input-style-placeholder-color-c5ek4l;
+$promptInputStylePlaceholderFontSize: --awsui-prompt-input-style-placeholder-font-size-c5ek4l;
+$promptInputStylePlaceholderFontStyle: --awsui-prompt-input-style-placeholder-font-style-c5ek4l;
+$promptInputStylePlaceholderFontWeight: --awsui-prompt-input-style-placeholder-font-weight-c5ek4l;
+$progressBarBackgroundColor: --awsui-progress-bar-background-color-c5ek4l;
+$progressBarBorderRadius: --awsui-progress-bar-border-radius-c5ek4l;
+$progressBarHeight: --awsui-progress-bar-height-c5ek4l;
+$progressValueBackgroundColor: --awsui-progress-value-background-color-c5ek4l;
+$styleSliderTrackBackgroundColor: --awsui-style-slider-track-background-color-c5ek4l;
+$styleSliderRangeBackgroundDefault: --awsui-style-slider-range-background-default-c5ek4l;
+$styleSliderRangeBackgroundActive: --awsui-style-slider-range-background-active-c5ek4l;
+$styleSliderHandleBackgroundDefault: --awsui-style-slider-handle-background-default-c5ek4l;
+$styleSliderHandleBackgroundHover: --awsui-style-slider-handle-background-hover-c5ek4l;
+$styleSliderHandleBackgroundActive: --awsui-style-slider-handle-background-active-c5ek4l;
+$styleSliderHandleBorderRadius: --awsui-style-slider-handle-border-radius-c5ek4l;
     

package/lib/internal/template/alert/interfaces.d.ts

@@ -126,6 +126,8 @@ export interface AlertProps extends BaseComponentProps {
      */
     analyticsMetadata?: AlertProps.AnalyticsMetadata;
     /**
+     * An object containing CSS properties to customize the alert's visual appearance.
+     * Refer to the [style](/components/alert/?tabId=style) tab for more details.
      * @awsuiSystem core
      */
     style?: AlertProps.Style;

package/lib/internal/template/alert/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/alert/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/alert/interfaces.ts"],"names":[],"mappings":"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"}

package/lib/internal/template/alert/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/alert/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ErrorContext } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace AlertProps {\n  export type Type = 'success' | 'error' | 'warning' | 'info';\n\n  export interface Ref {\n    /**\n     * Sets focus on the alert content.\n     */\n    focus(): void;\n  }\n\n  export interface I18nStrings {\n    /*\n     * Specifies the ARIA label for the alert icon for type `success`.\n     * @property {string} [successIconAriaLabel] - optional\n     */\n    successIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the alert icon for type `error`.\n     * @property {string} [errorIconAriaLabel] - optional\n     */\n    errorIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the alert icon for type `warning`.\n     * @property {string} [warningIconAriaLabel] - optional\n     */\n    warningIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the alert icon for type `info`.\n     * @property {string} [infoIconAriaLabel] - optional\n     */\n    infoIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the dismiss button.\n     * @property {string} [dismissAriaLabel] - optional\n     */\n    dismissAriaLabel?: string;\n  }\n\n  export interface AnalyticsMetadata {\n    errorContext?: ErrorContext;\n  }\n\n  export interface Style {\n    root?: {\n      background?: string;\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n      color?: string;\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n    };\n    icon?: {\n      color?: string;\n    };\n    dismissButton?: {\n      color?: {\n        active?: string;\n        default?: string;\n        hover?: string;\n      };\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n    };\n  }\n  export interface PersistenceConfig {\n    uniqueKey: string;\n    crossServicePersistence?: boolean;\n  }\n}\n\nexport interface AlertProps extends BaseComponentProps {\n  /**\n   * Specifies the type of message you want to display.\n   */\n  type?: AlertProps.Type;\n\n  /**\n   * Provides a text alternative for the icon.\n   *\n   * @deprecated Use the label properties inside `i18nStrings` instead.\n   * If the label is assigned via the `i18nStrings` property, this label will be ignored.\n   */\n  statusIconAriaLabel?: string;\n\n  /**\n   * Determines whether the alert is displayed.\n   * @deprecated Use conditional rendering in your code instead of this prop.\n   */\n  visible?: boolean;\n  /**\n   * Adds a close button to the alert when set to `true`.\n   * An `onDismiss` event is fired when a user clicks the button.\n   */\n  dismissible?: boolean;\n  /**\n   * Adds an aria-label to the dismiss button.\n   * @i18n\n   *\n   * @deprecated Use `i18nStrings.dismissAriaLabel` instead.\n   * If the label is assigned via the `i18nStrings` property, this label will be ignored.\n   */\n  dismissAriaLabel?: string;\n  /**\n   * Primary text displayed in the element.\n   */\n  children?: React.ReactNode;\n  /**\n   * Heading text.\n   */\n  header?: React.ReactNode;\n  /**\n   * Displays an action button next to the message area when set.\n   * An `onButtonClick` event is fired when the user clicks it.\n   * @deprecated Replaced by `action`.\n   */\n  buttonText?: React.ReactNode;\n  /**\n   * Specifies an action for the alert message.\n   * Although it is technically possible to insert any content, our UX guidelines only allow you to add a button.\n   */\n  action?: React.ReactNode;\n  /**\n   * Fired when the user clicks the close icon that is displayed\n   * when the `dismissible` property is set to `true`.\n   */\n  onDismiss?: NonCancelableEventHandler;\n  /**\n   * Fired when the user clicks the action button.\n   * **Deprecated** Replaced by `action`.\n   */\n  onButtonClick?: NonCancelableEventHandler;\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @property {AlertProps.I18nStrings} [i18nStrings] - optional\n   * @i18n\n   */\n  i18nStrings?: AlertProps.I18nStrings;\n  /**\n   * Specifies additional analytics-related metadata.\n   * * `errorContext` - Identifies the error category and sub-category.\n   * @analytics\n   */\n  analyticsMetadata?: AlertProps.AnalyticsMetadata;\n  /**\n   * @awsuiSystem core\n   */\n  style?: AlertProps.Style;\n  /**\n   * Config to persist dismiss state for dismissable Alert\n   * persistenceConfig contains:\n   * * `uniqueKey` (string) - This key to store the persistence state, it must be unique across your console.\n   * * `crossServicePersistence` (boolean) - (Optional) If true, the persistence state will be shared across AWS services.\n   * @awsuiSystem console\n   */\n  persistenceConfig?: AlertProps.PersistenceConfig;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/alert/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ErrorContext } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace AlertProps {\n  export type Type = 'success' | 'error' | 'warning' | 'info';\n\n  export interface Ref {\n    /**\n     * Sets focus on the alert content.\n     */\n    focus(): void;\n  }\n\n  export interface I18nStrings {\n    /*\n     * Specifies the ARIA label for the alert icon for type `success`.\n     * @property {string} [successIconAriaLabel] - optional\n     */\n    successIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the alert icon for type `error`.\n     * @property {string} [errorIconAriaLabel] - optional\n     */\n    errorIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the alert icon for type `warning`.\n     * @property {string} [warningIconAriaLabel] - optional\n     */\n    warningIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the alert icon for type `info`.\n     * @property {string} [infoIconAriaLabel] - optional\n     */\n    infoIconAriaLabel?: string;\n    /*\n     * Specifies the ARIA label for the dismiss button.\n     * @property {string} [dismissAriaLabel] - optional\n     */\n    dismissAriaLabel?: string;\n  }\n\n  export interface AnalyticsMetadata {\n    errorContext?: ErrorContext;\n  }\n\n  export interface Style {\n    root?: {\n      background?: string;\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n      color?: string;\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n    };\n    icon?: {\n      color?: string;\n    };\n    dismissButton?: {\n      color?: {\n        active?: string;\n        default?: string;\n        hover?: string;\n      };\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n    };\n  }\n  export interface PersistenceConfig {\n    uniqueKey: string;\n    crossServicePersistence?: boolean;\n  }\n}\n\nexport interface AlertProps extends BaseComponentProps {\n  /**\n   * Specifies the type of message you want to display.\n   */\n  type?: AlertProps.Type;\n\n  /**\n   * Provides a text alternative for the icon.\n   *\n   * @deprecated Use the label properties inside `i18nStrings` instead.\n   * If the label is assigned via the `i18nStrings` property, this label will be ignored.\n   */\n  statusIconAriaLabel?: string;\n\n  /**\n   * Determines whether the alert is displayed.\n   * @deprecated Use conditional rendering in your code instead of this prop.\n   */\n  visible?: boolean;\n  /**\n   * Adds a close button to the alert when set to `true`.\n   * An `onDismiss` event is fired when a user clicks the button.\n   */\n  dismissible?: boolean;\n  /**\n   * Adds an aria-label to the dismiss button.\n   * @i18n\n   *\n   * @deprecated Use `i18nStrings.dismissAriaLabel` instead.\n   * If the label is assigned via the `i18nStrings` property, this label will be ignored.\n   */\n  dismissAriaLabel?: string;\n  /**\n   * Primary text displayed in the element.\n   */\n  children?: React.ReactNode;\n  /**\n   * Heading text.\n   */\n  header?: React.ReactNode;\n  /**\n   * Displays an action button next to the message area when set.\n   * An `onButtonClick` event is fired when the user clicks it.\n   * @deprecated Replaced by `action`.\n   */\n  buttonText?: React.ReactNode;\n  /**\n   * Specifies an action for the alert message.\n   * Although it is technically possible to insert any content, our UX guidelines only allow you to add a button.\n   */\n  action?: React.ReactNode;\n  /**\n   * Fired when the user clicks the close icon that is displayed\n   * when the `dismissible` property is set to `true`.\n   */\n  onDismiss?: NonCancelableEventHandler;\n  /**\n   * Fired when the user clicks the action button.\n   * **Deprecated** Replaced by `action`.\n   */\n  onButtonClick?: NonCancelableEventHandler;\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @property {AlertProps.I18nStrings} [i18nStrings] - optional\n   * @i18n\n   */\n  i18nStrings?: AlertProps.I18nStrings;\n  /**\n   * Specifies additional analytics-related metadata.\n   * * `errorContext` - Identifies the error category and sub-category.\n   * @analytics\n   */\n  analyticsMetadata?: AlertProps.AnalyticsMetadata;\n  /**\n   * An object containing CSS properties to customize the alert's visual appearance.\n   * Refer to the [style](/components/alert/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: AlertProps.Style;\n  /**\n   * Config to persist dismiss state for dismissable Alert\n   * persistenceConfig contains:\n   * * `uniqueKey` (string) - This key to store the persistence state, it must be unique across your console.\n   * * `crossServicePersistence` (boolean) - (Optional) If true, the persistence state will be shared across AWS services.\n   * @awsuiSystem console\n   */\n  persistenceConfig?: AlertProps.PersistenceConfig;\n}\n"]}

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

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_12aw9_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_12aw9_1",
-  "root": "awsui_root_mx3cw_12aw9_215",
-  "hidden": "awsui_hidden_mx3cw_12aw9_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_12aw9_299",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_12aw9_311",
-  "header": "awsui_header_mx3cw_12aw9_316",
-  "header-replacement": "awsui_header-replacement_mx3cw_12aw9_317",
-  "action": "awsui_action_mx3cw_12aw9_321",
-  "action-slot": "awsui_action-slot_mx3cw_12aw9_325",
-  "action-button": "awsui_action-button_mx3cw_12aw9_326",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_12aw9_330",
-  "text": "awsui_text_mx3cw_12aw9_361",
-  "icon": "awsui_icon_mx3cw_12aw9_368",
-  "message": "awsui_message_mx3cw_12aw9_371",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_12aw9_375",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_12aw9_379",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_12aw9_383",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_12aw9_387",
-  "content": "awsui_content_mx3cw_12aw9_391",
-  "content-replacement": "awsui_content-replacement_mx3cw_12aw9_392",
-  "dismiss": "awsui_dismiss_mx3cw_12aw9_396",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_12aw9_401",
-  "type-error": "awsui_type-error_mx3cw_12aw9_405",
-  "type-warning": "awsui_type-warning_mx3cw_12aw9_413",
-  "type-success": "awsui_type-success_mx3cw_12aw9_421",
-  "type-info": "awsui_type-info_mx3cw_12aw9_429"
+  "alert": "awsui_alert_mx3cw_1h8yn_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1h8yn_1",
+  "root": "awsui_root_mx3cw_1h8yn_215",
+  "hidden": "awsui_hidden_mx3cw_1h8yn_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1h8yn_299",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_1h8yn_311",
+  "header": "awsui_header_mx3cw_1h8yn_316",
+  "header-replacement": "awsui_header-replacement_mx3cw_1h8yn_317",
+  "action": "awsui_action_mx3cw_1h8yn_321",
+  "action-slot": "awsui_action-slot_mx3cw_1h8yn_325",
+  "action-button": "awsui_action-button_mx3cw_1h8yn_326",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1h8yn_330",
+  "text": "awsui_text_mx3cw_1h8yn_361",
+  "icon": "awsui_icon_mx3cw_1h8yn_368",
+  "message": "awsui_message_mx3cw_1h8yn_371",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_1h8yn_375",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1h8yn_379",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1h8yn_383",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1h8yn_387",
+  "content": "awsui_content_mx3cw_1h8yn_391",
+  "content-replacement": "awsui_content-replacement_mx3cw_1h8yn_392",
+  "dismiss": "awsui_dismiss_mx3cw_1h8yn_396",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1h8yn_401",
+  "type-error": "awsui_type-error_mx3cw_1h8yn_405",
+  "type-warning": "awsui_type-warning_mx3cw_1h8yn_413",
+  "type-success": "awsui_type-success_mx3cw_1h8yn_421",
+  "type-info": "awsui_type-info_mx3cw_1h8yn_429"
 };