@cloudscape-design/components-themeable 3.0.1221 → 3.0.1223

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "0ad8fec76bce64e08098b306bbc1042d01d8a96f"
+  "commit": "a01000a12a87a949b7cb55935e33bc9a244cd85e"
 }

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

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

package/lib/internal/scss/modal/styles.scss

@@ -7,6 +7,7 @@
 @use '../internal/styles/tokens' as awsui;
 @use '../container/shared' as container;
 @use './motion';
+@use '../internal/generated/custom-css-properties/index.scss' as custom-props;
 
 $modal-z-index: 5000;
 
@@ -33,12 +34,19 @@ $modal-z-index: 5000;
 
 .focus-lock {
   align-self: flex-start;
-  margin-block: auto;
   margin-inline: auto;
   padding-block: awsui.$space-s;
   padding-inline: 0;
   z-index: $modal-z-index;
   pointer-events: none;
+
+  &.position-top {
+    margin-block-start: 0;
+  }
+
+  &.position-center {
+    margin-block: auto;
+  }
 }
 
 .dialog {
@@ -66,12 +74,29 @@ $modal-z-index: 5000;
     max-inline-size: 820px;
   }
 
+  &.x-large {
+    max-inline-size: 1024px;
+  }
+
+  &.xx-large {
+    max-inline-size: 1280px;
+  }
+
+  &.custom-width {
+    max-inline-size: var(#{custom-props.$modalCustomWidth});
+  }
+
   &.max.breakpoint-xs {
     // viewport - (closed app layout panel widths + 20px on each side)
     max-inline-size: calc(100vw - (2 * 4 * #{styles.$base-size} + #{awsui.$space-xxxl}));
     margin-block: auto;
     margin-inline: auto;
   }
+
+  &.custom-height {
+    block-size: var(#{custom-props.$modalCustomHeight});
+    max-block-size: calc(100vh - (2 * #{awsui.$space-s}));
+  }
 }
 
 .container {
@@ -85,6 +110,12 @@ $modal-z-index: 5000;
   border-end-start-radius: awsui.$border-radius-container;
   border-end-end-radius: awsui.$border-radius-container;
   box-shadow: awsui.$shadow-modal;
+
+  &.custom-height-container {
+    display: flex;
+    flex-direction: column;
+    block-size: 100%;
+  }
 }
 
 .content {
@@ -96,6 +127,12 @@ $modal-z-index: 5000;
     padding-block: 0;
     padding-inline: 0;
   }
+
+  // When custom height is set, make content scrollable
+  &.custom-height-content {
+    flex-grow: 1;
+    overflow-y: auto;
+  }
 }
 
 .header {
@@ -125,6 +162,11 @@ $modal-z-index: 5000;
   inset-block-end: 0;
   z-index: 800;
 
+  &.custom-height {
+    border-end-start-radius: awsui.$border-radius-container;
+    border-end-end-radius: awsui.$border-radius-container;
+  }
+
   &--stuck {
     border-start-start-radius: 0;
     border-start-end-radius: 0;

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

@@ -17,13 +17,13 @@
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
+  gap: awsui.$space-scaled-xs awsui.$space-l;
   padding-block-start: awsui.$space-scaled-xs;
   padding-block-end: awsui.$space-table-header-tools-bottom;
   padding-inline: 0;
 
   &-filtering {
     max-inline-size: 100%;
-    margin-inline-end: awsui.$space-l;
     @supports (flex-basis: fit-content) {
       flex: 1 1 fit-content;
     }
@@ -45,8 +45,6 @@
   }
 
   &-small > &-filtering {
-    margin-inline-end: 0;
-    margin-block-end: awsui.$space-scaled-xs;
     flex-basis: 100%;
   }
 }

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

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "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"
+  "alert": "awsui_alert_mx3cw_1uiie_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1uiie_1",
+  "root": "awsui_root_mx3cw_1uiie_215",
+  "hidden": "awsui_hidden_mx3cw_1uiie_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1uiie_299",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_1uiie_311",
+  "header": "awsui_header_mx3cw_1uiie_316",
+  "header-replacement": "awsui_header-replacement_mx3cw_1uiie_317",
+  "action": "awsui_action_mx3cw_1uiie_321",
+  "action-slot": "awsui_action-slot_mx3cw_1uiie_325",
+  "action-button": "awsui_action-button_mx3cw_1uiie_326",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1uiie_330",
+  "text": "awsui_text_mx3cw_1uiie_361",
+  "icon": "awsui_icon_mx3cw_1uiie_368",
+  "message": "awsui_message_mx3cw_1uiie_371",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_1uiie_375",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1uiie_379",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1uiie_383",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1uiie_387",
+  "content": "awsui_content_mx3cw_1uiie_391",
+  "content-replacement": "awsui_content-replacement_mx3cw_1uiie_392",
+  "dismiss": "awsui_dismiss_mx3cw_1uiie_396",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1uiie_401",
+  "type-error": "awsui_type-error_mx3cw_1uiie_405",
+  "type-warning": "awsui_type-warning_mx3cw_1uiie_413",
+  "type-success": "awsui_type-success_mx3cw_1uiie_421",
+  "type-info": "awsui_type-info_mx3cw_1uiie_429"
 };