@cloudscape-design/components-themeable 3.0.1360 → 3.0.1361

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

@@ -1,178 +1,179 @@
 
     // Build environment
-    $awsui-commit-hash: "0c1c9fd2";
+    $awsui-commit-hash: "74e4f3d0";
     // Manually managed CSS-variables
-    $maxContentWidth: --awsui-max-content-width-esndbs;
-$minContentWidth: --awsui-min-content-width-esndbs;
-$breadcrumbsGap: --awsui-breadcrumbs-gap-esndbs;
-$contentGapLeft: --awsui-content-gap-left-esndbs;
-$contentGapRight: --awsui-content-gap-right-esndbs;
-$contentHeight: --awsui-content-height-esndbs;
-$contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-esndbs;
-$contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-esndbs;
-$contentLayoutMainGap: --awsui-content-layout-main-gap-esndbs;
-$defaultMaxContentWidth: --awsui-default-max-content-width-esndbs;
-$defaultMinContentWidth: --awsui-default-min-content-width-esndbs;
-$drawerSize: --awsui-drawer-size-esndbs;
-$drawerMinSize: --awsui-drawer-min-size-esndbs;
-$bottomDrawerSize: --awsui-bottom-drawer-size-esndbs;
-$footerHeight: --awsui-footer-height-esndbs;
-$headerGap: --awsui-header-gap-esndbs;
-$headerHeight: --awsui-header-height-esndbs;
-$layoutWidth: --awsui-layout-width-esndbs;
-$mainGap: --awsui-main-gap-esndbs;
-$mainOffsetLeft: --awsui-main-offset-left-esndbs;
-$mainTemplateRows: --awsui-main-template-rows-esndbs;
-$mobileBarHeight: --awsui-mobile-bar-height-esndbs;
-$notificationsHeight: --awsui-notifications-height-esndbs;
-$offsetTop: --awsui-offset-top-esndbs;
-$overlapHeight: --awsui-overlap-height-esndbs;
-$navigationWidth: --awsui-navigation-width-esndbs;
-$navigationCollapsedWidth: --awsui-navigation-collapsed-width-esndbs;
-$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-esndbs;
-$splitPanelReportedSize: --awsui-split-panel-reported-size-esndbs;
-$splitPanelHeight: --awsui-split-panel-height-esndbs;
-$splitPanelMinWidth: --awsui-split-panel-min-width-esndbs;
-$splitPanelMaxWidth: --awsui-split-panel-max-width-esndbs;
-$toolsMaxWidth: --awsui-tools-max-width-esndbs;
-$toolsWidth: --awsui-tools-width-esndbs;
-$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-esndbs;
-$contentScrollMargin: --awsui-content-scroll-margin-esndbs;
-$flashbarStackDepth: --awsui-flashbar-stack-depth-esndbs;
-$flashbarStackIndex: --awsui-flashbar-stack-index-esndbs;
-$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-esndbs;
-$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-esndbs;
-$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-esndbs;
-$dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-esndbs;
-$dropdownDefaultMinWidth: --awsui-dropdown-default-min-width-esndbs;
-$dropdownContentBorderColor: --awsui-dropdown-content-border-color-esndbs;
-$dropdownContentBorderWidth: --awsui-dropdown-content-border-width-esndbs;
-$dropdownContentBorderRadius: --awsui-dropdown-content-border-radius-esndbs;
-$modalCustomWidth: --awsui-modal-custom-width-esndbs;
-$modalCustomHeight: --awsui-modal-custom-height-esndbs;
-$spinnerRotatorFrom: --awsui-spinner-rotator-from-esndbs;
-$spinnerRotatorTo: --awsui-spinner-rotator-to-esndbs;
-$spinnerLineLeftFrom: --awsui-spinner-line-left-from-esndbs;
-$spinnerLineLeftTo: --awsui-spinner-line-left-to-esndbs;
-$spinnerLineRightFrom: --awsui-spinner-line-right-from-esndbs;
-$spinnerLineRightTo: --awsui-spinner-line-right-to-esndbs;
-$sliderLabelCount: --awsui-slider-label-count-esndbs;
-$sliderTickCount: --awsui-slider-tick-count-esndbs;
-$sliderReferenceColumn: --awsui-slider-reference-column-esndbs;
-$sliderNextReferenceColumn: --awsui-slider-next-reference-column-esndbs;
-$sliderMaxStart: --awsui-slider-max-start-esndbs;
-$sliderMinEnd: --awsui-slider-min-end-esndbs;
-$sliderRangeInlineSize: --awsui-slider-range-inline-size-esndbs;
-$sliderTooltipPosition: --awsui-slider-tooltip-position-esndbs;
-$togglesLeftWidth: --awsui-toggles-left-width-esndbs;
-$togglesRightWidth: --awsui-toggles-right-width-esndbs;
-$promptInputMaxRows: --awsui-prompt-input-max-rows-esndbs;
-$promptInputScrollHeight: --awsui-prompt-input-scroll-height-esndbs;
-$dragHandleAnimationInlineOffset: --awsui-drag-handle-animation-inline-offset-esndbs;
-$dragHandleAnimationBlockOffset: --awsui-drag-handle-animation-block-offset-esndbs;
-$styleBackgroundActive: --awsui-style-background-active-esndbs;
-$styleBackgroundDefault: --awsui-style-background-default-esndbs;
-$styleBackgroundDisabled: --awsui-style-background-disabled-esndbs;
-$styleBackgroundHover: --awsui-style-background-hover-esndbs;
-$styleBorderColorActive: --awsui-style-border-color-active-esndbs;
-$styleBorderColorDefault: --awsui-style-border-color-default-esndbs;
-$styleBorderColorDisabled: --awsui-style-border-color-disabled-esndbs;
-$styleBorderColorHover: --awsui-style-border-color-hover-esndbs;
-$styleColorActive: --awsui-style-color-active-esndbs;
-$styleColorDefault: --awsui-style-color-default-esndbs;
-$styleColorDisabled: --awsui-style-color-disabled-esndbs;
-$styleColorHover: --awsui-style-color-hover-esndbs;
-$styleFocusRingBorderColor: --awsui-style-focus-ring-border-color-esndbs;
-$styleFocusRingBorderRadius: --awsui-style-focus-ring-border-radius-esndbs;
-$styleFocusRingBorderWidth: --awsui-style-focus-ring-border-width-esndbs;
-$styleFocusRingBoxShadow: --awsui-style-focus-ring-box-shadow-esndbs;
-$styleBoxShadowActive: --awsui-style-box-shadow-active-esndbs;
-$styleBoxShadowDefault: --awsui-style-box-shadow-default-esndbs;
-$styleBoxShadowDisabled: --awsui-style-box-shadow-disabled-esndbs;
-$styleBoxShadowHover: --awsui-style-box-shadow-hover-esndbs;
-$styleBackgroundReadonly: --awsui-style-background-readonly-esndbs;
-$styleBorderColorReadonly: --awsui-style-border-color-readonly-esndbs;
-$styleBoxShadowReadonly: --awsui-style-box-shadow-readonly-esndbs;
-$styleColorReadonly: --awsui-style-color-readonly-esndbs;
-$styleBackgroundFocus: --awsui-style-background-focus-esndbs;
-$styleBorderColorFocus: --awsui-style-border-color-focus-esndbs;
-$styleBoxShadowFocus: --awsui-style-box-shadow-focus-esndbs;
-$styleColorFocus: --awsui-style-color-focus-esndbs;
-$stylePlaceholderColor: --awsui-style-placeholder-color-esndbs;
-$stylePlaceholderFontSize: --awsui-style-placeholder-font-size-esndbs;
-$stylePlaceholderFontStyle: --awsui-style-placeholder-font-style-esndbs;
-$stylePlaceholderFontWeight: --awsui-style-placeholder-font-weight-esndbs;
-$styleTabsActiveIndicatorColor: --awsui-style-tabs-active-indicator-color-esndbs;
-$styleTabsActiveIndicatorWidth: --awsui-style-tabs-active-indicator-width-esndbs;
-$styleTabsActiveIndicatorBorderRadius: --awsui-style-tabs-active-indicator-border-radius-esndbs;
-$styleTabsSeparatorColor: --awsui-style-tabs-separator-color-esndbs;
-$styleTabsSeparatorWidth: --awsui-style-tabs-separator-width-esndbs;
-$alertFocusRingBorderColor: --awsui-alert-focus-ring-border-color-esndbs;
-$alertFocusRingBorderRadius: --awsui-alert-focus-ring-border-radius-esndbs;
-$alertFocusRingBorderWidth: --awsui-alert-focus-ring-border-width-esndbs;
-$alertFocusRingBoxShadow: --awsui-alert-focus-ring-box-shadow-esndbs;
-$alertIconColor: --awsui-alert-icon-color-esndbs;
-$promptInputStyleBackgroundDefault: --awsui-prompt-input-style-background-default-esndbs;
-$promptInputStyleBackgroundDisabled: --awsui-prompt-input-style-background-disabled-esndbs;
-$promptInputStyleBackgroundFocus: --awsui-prompt-input-style-background-focus-esndbs;
-$promptInputStyleBackgroundHover: --awsui-prompt-input-style-background-hover-esndbs;
-$promptInputStyleBackgroundReadonly: --awsui-prompt-input-style-background-readonly-esndbs;
-$promptInputStyleBorderColorDefault: --awsui-prompt-input-style-border-color-default-esndbs;
-$promptInputStyleBorderColorDisabled: --awsui-prompt-input-style-border-color-disabled-esndbs;
-$promptInputStyleBorderColorFocus: --awsui-prompt-input-style-border-color-focus-esndbs;
-$promptInputStyleBorderColorHover: --awsui-prompt-input-style-border-color-hover-esndbs;
-$promptInputStyleBorderColorReadonly: --awsui-prompt-input-style-border-color-readonly-esndbs;
-$promptInputStyleBoxShadowDefault: --awsui-prompt-input-style-box-shadow-default-esndbs;
-$promptInputStyleBoxShadowDisabled: --awsui-prompt-input-style-box-shadow-disabled-esndbs;
-$promptInputStyleBoxShadowFocus: --awsui-prompt-input-style-box-shadow-focus-esndbs;
-$promptInputStyleBoxShadowHover: --awsui-prompt-input-style-box-shadow-hover-esndbs;
-$promptInputStyleBoxShadowReadonly: --awsui-prompt-input-style-box-shadow-readonly-esndbs;
-$promptInputStyleColorDefault: --awsui-prompt-input-style-color-default-esndbs;
-$promptInputStyleColorDisabled: --awsui-prompt-input-style-color-disabled-esndbs;
-$promptInputStyleColorFocus: --awsui-prompt-input-style-color-focus-esndbs;
-$promptInputStyleColorHover: --awsui-prompt-input-style-color-hover-esndbs;
-$promptInputStyleColorReadonly: --awsui-prompt-input-style-color-readonly-esndbs;
-$promptInputStylePlaceholderColor: --awsui-prompt-input-style-placeholder-color-esndbs;
-$promptInputStylePlaceholderFontSize: --awsui-prompt-input-style-placeholder-font-size-esndbs;
-$promptInputStylePlaceholderFontStyle: --awsui-prompt-input-style-placeholder-font-style-esndbs;
-$promptInputStylePlaceholderFontWeight: --awsui-prompt-input-style-placeholder-font-weight-esndbs;
-$promptInputMenuStyleBackgroundColor: --awsui-prompt-input-menu-style-background-color-esndbs;
-$promptInputMenuStyleBorderColor: --awsui-prompt-input-menu-style-border-color-esndbs;
-$promptInputMenuStyleBorderRadius: --awsui-prompt-input-menu-style-border-radius-esndbs;
-$promptInputMenuStyleBorderWidth: --awsui-prompt-input-menu-style-border-width-esndbs;
-$optionBackgroundDefault: --awsui-option-background-default-esndbs;
-$optionBackgroundHighlighted: --awsui-option-background-highlighted-esndbs;
-$optionBackgroundSelected: --awsui-option-background-selected-esndbs;
-$optionColorDefault: --awsui-option-color-default-esndbs;
-$optionColorHighlighted: --awsui-option-color-highlighted-esndbs;
-$optionColorDisabled: --awsui-option-color-disabled-esndbs;
-$optionGroupLabelColor: --awsui-option-group-label-color-esndbs;
-$optionFilterMatchBackground: --awsui-option-filter-match-background-esndbs;
-$optionFilterMatchColor: --awsui-option-filter-match-color-esndbs;
-$progressBarBackgroundColor: --awsui-progress-bar-background-color-esndbs;
-$progressBarBorderRadius: --awsui-progress-bar-border-radius-esndbs;
-$progressBarHeight: --awsui-progress-bar-height-esndbs;
-$progressValueBackgroundColor: --awsui-progress-value-background-color-esndbs;
-$styleSliderTrackBackgroundColor: --awsui-style-slider-track-background-color-esndbs;
-$styleSliderRangeBackgroundDefault: --awsui-style-slider-range-background-default-esndbs;
-$styleSliderRangeBackgroundActive: --awsui-style-slider-range-background-active-esndbs;
-$styleSliderHandleBackgroundDefault: --awsui-style-slider-handle-background-default-esndbs;
-$styleSliderHandleBackgroundHover: --awsui-style-slider-handle-background-hover-esndbs;
-$styleSliderHandleBackgroundActive: --awsui-style-slider-handle-background-active-esndbs;
-$styleSliderHandleBorderRadius: --awsui-style-slider-handle-border-radius-esndbs;
-$tokenStyleBackgroundDefault: --awsui-token-style-background-default-esndbs;
-$tokenStyleBackgroundDisabled: --awsui-token-style-background-disabled-esndbs;
-$tokenStyleBackgroundReadOnly: --awsui-token-style-background-read-only-esndbs;
-$tokenStyleBorderColorDefault: --awsui-token-style-border-color-default-esndbs;
-$tokenStyleBorderColorDisabled: --awsui-token-style-border-color-disabled-esndbs;
-$tokenStyleBorderColorReadOnly: --awsui-token-style-border-color-read-only-esndbs;
-$tokenStyleDismissColorDefault: --awsui-token-style-dismiss-color-default-esndbs;
-$tokenStyleDismissColorDisabled: --awsui-token-style-dismiss-color-disabled-esndbs;
-$tokenStyleDismissColorHover: --awsui-token-style-dismiss-color-hover-esndbs;
-$tokenStyleDismissColorReadOnly: --awsui-token-style-dismiss-color-read-only-esndbs;
-$styleItemCardBackgroundDefault: --awsui-style-item-card-background-default-esndbs;
-$styleItemCardBorderColorDefault: --awsui-style-item-card-border-color-default-esndbs;
-$styleItemCardBorderRadius: --awsui-style-item-card-border-radius-esndbs;
-$styleItemCardBorderWidthDefault: --awsui-style-item-card-border-width-default-esndbs;
-$styleItemCardBoxShadowDefault: --awsui-style-item-card-box-shadow-default-esndbs;
+    $maxContentWidth: --awsui-max-content-width-66120l;
+$minContentWidth: --awsui-min-content-width-66120l;
+$breadcrumbsGap: --awsui-breadcrumbs-gap-66120l;
+$contentGapLeft: --awsui-content-gap-left-66120l;
+$contentGapRight: --awsui-content-gap-right-66120l;
+$contentHeight: --awsui-content-height-66120l;
+$contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-66120l;
+$contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-66120l;
+$contentLayoutMainGap: --awsui-content-layout-main-gap-66120l;
+$defaultMaxContentWidth: --awsui-default-max-content-width-66120l;
+$defaultMinContentWidth: --awsui-default-min-content-width-66120l;
+$drawerSize: --awsui-drawer-size-66120l;
+$drawerMinSize: --awsui-drawer-min-size-66120l;
+$bottomDrawerSize: --awsui-bottom-drawer-size-66120l;
+$footerHeight: --awsui-footer-height-66120l;
+$headerGap: --awsui-header-gap-66120l;
+$headerHeight: --awsui-header-height-66120l;
+$layoutWidth: --awsui-layout-width-66120l;
+$mainGap: --awsui-main-gap-66120l;
+$mainOffsetLeft: --awsui-main-offset-left-66120l;
+$mainTemplateRows: --awsui-main-template-rows-66120l;
+$mobileBarHeight: --awsui-mobile-bar-height-66120l;
+$notificationsHeight: --awsui-notifications-height-66120l;
+$offsetTop: --awsui-offset-top-66120l;
+$overlapHeight: --awsui-overlap-height-66120l;
+$navigationWidth: --awsui-navigation-width-66120l;
+$navigationCollapsedWidth: --awsui-navigation-collapsed-width-66120l;
+$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-66120l;
+$splitPanelReportedSize: --awsui-split-panel-reported-size-66120l;
+$splitPanelHeight: --awsui-split-panel-height-66120l;
+$splitPanelMinWidth: --awsui-split-panel-min-width-66120l;
+$splitPanelMaxWidth: --awsui-split-panel-max-width-66120l;
+$toolsMaxWidth: --awsui-tools-max-width-66120l;
+$toolsWidth: --awsui-tools-width-66120l;
+$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-66120l;
+$contentScrollMargin: --awsui-content-scroll-margin-66120l;
+$flashbarStackDepth: --awsui-flashbar-stack-depth-66120l;
+$flashbarStackIndex: --awsui-flashbar-stack-index-66120l;
+$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-66120l;
+$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-66120l;
+$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-66120l;
+$dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-66120l;
+$dropdownDefaultMinWidth: --awsui-dropdown-default-min-width-66120l;
+$dropdownContentBorderColor: --awsui-dropdown-content-border-color-66120l;
+$dropdownContentBorderWidth: --awsui-dropdown-content-border-width-66120l;
+$dropdownContentBorderRadius: --awsui-dropdown-content-border-radius-66120l;
+$modalCustomWidth: --awsui-modal-custom-width-66120l;
+$modalCustomHeight: --awsui-modal-custom-height-66120l;
+$spinnerRotatorFrom: --awsui-spinner-rotator-from-66120l;
+$spinnerRotatorTo: --awsui-spinner-rotator-to-66120l;
+$spinnerLineLeftFrom: --awsui-spinner-line-left-from-66120l;
+$spinnerLineLeftTo: --awsui-spinner-line-left-to-66120l;
+$spinnerLineRightFrom: --awsui-spinner-line-right-from-66120l;
+$spinnerLineRightTo: --awsui-spinner-line-right-to-66120l;
+$sliderLabelCount: --awsui-slider-label-count-66120l;
+$sliderTickCount: --awsui-slider-tick-count-66120l;
+$sliderReferenceColumn: --awsui-slider-reference-column-66120l;
+$sliderNextReferenceColumn: --awsui-slider-next-reference-column-66120l;
+$sliderMaxStart: --awsui-slider-max-start-66120l;
+$sliderMinEnd: --awsui-slider-min-end-66120l;
+$sliderRangeInlineSize: --awsui-slider-range-inline-size-66120l;
+$sliderTooltipPosition: --awsui-slider-tooltip-position-66120l;
+$togglesLeftWidth: --awsui-toggles-left-width-66120l;
+$togglesRightWidth: --awsui-toggles-right-width-66120l;
+$promptInputMaxRows: --awsui-prompt-input-max-rows-66120l;
+$promptInputScrollHeight: --awsui-prompt-input-scroll-height-66120l;
+$dragHandleAnimationInlineOffset: --awsui-drag-handle-animation-inline-offset-66120l;
+$dragHandleAnimationBlockOffset: --awsui-drag-handle-animation-block-offset-66120l;
+$styleBackgroundActive: --awsui-style-background-active-66120l;
+$styleBackgroundDefault: --awsui-style-background-default-66120l;
+$styleBackgroundDisabled: --awsui-style-background-disabled-66120l;
+$styleBackgroundHover: --awsui-style-background-hover-66120l;
+$styleBorderColorActive: --awsui-style-border-color-active-66120l;
+$styleBorderColorDefault: --awsui-style-border-color-default-66120l;
+$styleBorderColorDisabled: --awsui-style-border-color-disabled-66120l;
+$styleBorderColorHover: --awsui-style-border-color-hover-66120l;
+$styleColorActive: --awsui-style-color-active-66120l;
+$styleColorDefault: --awsui-style-color-default-66120l;
+$styleColorDisabled: --awsui-style-color-disabled-66120l;
+$styleColorHover: --awsui-style-color-hover-66120l;
+$styleFocusRingBorderColor: --awsui-style-focus-ring-border-color-66120l;
+$styleFocusRingBorderRadius: --awsui-style-focus-ring-border-radius-66120l;
+$styleFocusRingBorderWidth: --awsui-style-focus-ring-border-width-66120l;
+$styleFocusRingBoxShadow: --awsui-style-focus-ring-box-shadow-66120l;
+$styleBoxShadowActive: --awsui-style-box-shadow-active-66120l;
+$styleBoxShadowDefault: --awsui-style-box-shadow-default-66120l;
+$styleBoxShadowDisabled: --awsui-style-box-shadow-disabled-66120l;
+$styleBoxShadowHover: --awsui-style-box-shadow-hover-66120l;
+$styleBackgroundReadonly: --awsui-style-background-readonly-66120l;
+$styleBorderColorReadonly: --awsui-style-border-color-readonly-66120l;
+$styleBoxShadowReadonly: --awsui-style-box-shadow-readonly-66120l;
+$styleColorReadonly: --awsui-style-color-readonly-66120l;
+$styleBackgroundFocus: --awsui-style-background-focus-66120l;
+$styleBorderColorFocus: --awsui-style-border-color-focus-66120l;
+$styleBoxShadowFocus: --awsui-style-box-shadow-focus-66120l;
+$styleColorFocus: --awsui-style-color-focus-66120l;
+$stylePlaceholderColor: --awsui-style-placeholder-color-66120l;
+$stylePlaceholderFontSize: --awsui-style-placeholder-font-size-66120l;
+$stylePlaceholderFontStyle: --awsui-style-placeholder-font-style-66120l;
+$stylePlaceholderFontWeight: --awsui-style-placeholder-font-weight-66120l;
+$styleTabsActiveIndicatorColor: --awsui-style-tabs-active-indicator-color-66120l;
+$styleTabsActiveIndicatorWidth: --awsui-style-tabs-active-indicator-width-66120l;
+$styleTabsActiveIndicatorBorderRadius: --awsui-style-tabs-active-indicator-border-radius-66120l;
+$styleTabsSeparatorColor: --awsui-style-tabs-separator-color-66120l;
+$styleTabsSeparatorWidth: --awsui-style-tabs-separator-width-66120l;
+$alertFocusRingBorderColor: --awsui-alert-focus-ring-border-color-66120l;
+$alertFocusRingBorderRadius: --awsui-alert-focus-ring-border-radius-66120l;
+$alertFocusRingBorderWidth: --awsui-alert-focus-ring-border-width-66120l;
+$alertFocusRingBoxShadow: --awsui-alert-focus-ring-box-shadow-66120l;
+$alertIconColor: --awsui-alert-icon-color-66120l;
+$promptInputStyleBackgroundDefault: --awsui-prompt-input-style-background-default-66120l;
+$promptInputStyleBackgroundDisabled: --awsui-prompt-input-style-background-disabled-66120l;
+$promptInputStyleBackgroundFocus: --awsui-prompt-input-style-background-focus-66120l;
+$promptInputStyleBackgroundHover: --awsui-prompt-input-style-background-hover-66120l;
+$promptInputStyleBackgroundReadonly: --awsui-prompt-input-style-background-readonly-66120l;
+$promptInputStyleBorderColorDefault: --awsui-prompt-input-style-border-color-default-66120l;
+$promptInputStyleBorderColorDisabled: --awsui-prompt-input-style-border-color-disabled-66120l;
+$promptInputStyleBorderColorFocus: --awsui-prompt-input-style-border-color-focus-66120l;
+$promptInputStyleBorderColorHover: --awsui-prompt-input-style-border-color-hover-66120l;
+$promptInputStyleBorderColorReadonly: --awsui-prompt-input-style-border-color-readonly-66120l;
+$promptInputStyleBoxShadowDefault: --awsui-prompt-input-style-box-shadow-default-66120l;
+$promptInputStyleBoxShadowDisabled: --awsui-prompt-input-style-box-shadow-disabled-66120l;
+$promptInputStyleBoxShadowFocus: --awsui-prompt-input-style-box-shadow-focus-66120l;
+$promptInputStyleBoxShadowHover: --awsui-prompt-input-style-box-shadow-hover-66120l;
+$promptInputStyleBoxShadowReadonly: --awsui-prompt-input-style-box-shadow-readonly-66120l;
+$promptInputStyleColorDefault: --awsui-prompt-input-style-color-default-66120l;
+$promptInputStyleColorDisabled: --awsui-prompt-input-style-color-disabled-66120l;
+$promptInputStyleColorFocus: --awsui-prompt-input-style-color-focus-66120l;
+$promptInputStyleColorHover: --awsui-prompt-input-style-color-hover-66120l;
+$promptInputStyleColorReadonly: --awsui-prompt-input-style-color-readonly-66120l;
+$promptInputStylePlaceholderColor: --awsui-prompt-input-style-placeholder-color-66120l;
+$promptInputStylePlaceholderFontSize: --awsui-prompt-input-style-placeholder-font-size-66120l;
+$promptInputStylePlaceholderFontStyle: --awsui-prompt-input-style-placeholder-font-style-66120l;
+$promptInputStylePlaceholderFontWeight: --awsui-prompt-input-style-placeholder-font-weight-66120l;
+$promptInputMenuStyleBackgroundColor: --awsui-prompt-input-menu-style-background-color-66120l;
+$promptInputMenuStyleBorderColor: --awsui-prompt-input-menu-style-border-color-66120l;
+$promptInputMenuStyleBorderRadius: --awsui-prompt-input-menu-style-border-radius-66120l;
+$promptInputMenuStyleBorderWidth: --awsui-prompt-input-menu-style-border-width-66120l;
+$optionBackgroundDefault: --awsui-option-background-default-66120l;
+$optionBackgroundHighlighted: --awsui-option-background-highlighted-66120l;
+$optionBackgroundSelected: --awsui-option-background-selected-66120l;
+$optionColorDefault: --awsui-option-color-default-66120l;
+$optionColorHighlighted: --awsui-option-color-highlighted-66120l;
+$optionColorDisabled: --awsui-option-color-disabled-66120l;
+$optionGroupLabelColor: --awsui-option-group-label-color-66120l;
+$optionFilterMatchBackground: --awsui-option-filter-match-background-66120l;
+$optionFilterMatchColor: --awsui-option-filter-match-color-66120l;
+$progressBarBackgroundColor: --awsui-progress-bar-background-color-66120l;
+$progressBarBorderRadius: --awsui-progress-bar-border-radius-66120l;
+$progressBarHeight: --awsui-progress-bar-height-66120l;
+$progressValueBackgroundColor: --awsui-progress-value-background-color-66120l;
+$styleSliderTrackBackgroundColor: --awsui-style-slider-track-background-color-66120l;
+$styleSliderRangeBackgroundDefault: --awsui-style-slider-range-background-default-66120l;
+$styleSliderRangeBackgroundActive: --awsui-style-slider-range-background-active-66120l;
+$styleSliderHandleBackgroundDefault: --awsui-style-slider-handle-background-default-66120l;
+$styleSliderHandleBackgroundHover: --awsui-style-slider-handle-background-hover-66120l;
+$styleSliderHandleBackgroundActive: --awsui-style-slider-handle-background-active-66120l;
+$styleSliderHandleBorderRadius: --awsui-style-slider-handle-border-radius-66120l;
+$tokenStyleBackgroundDefault: --awsui-token-style-background-default-66120l;
+$tokenStyleBackgroundDisabled: --awsui-token-style-background-disabled-66120l;
+$tokenStyleBackgroundReadOnly: --awsui-token-style-background-read-only-66120l;
+$tokenStyleBorderColorDefault: --awsui-token-style-border-color-default-66120l;
+$tokenStyleBorderColorDisabled: --awsui-token-style-border-color-disabled-66120l;
+$tokenStyleBorderColorReadOnly: --awsui-token-style-border-color-read-only-66120l;
+$tokenStyleDismissColorDefault: --awsui-token-style-dismiss-color-default-66120l;
+$tokenStyleDismissColorDisabled: --awsui-token-style-dismiss-color-disabled-66120l;
+$tokenStyleDismissColorHover: --awsui-token-style-dismiss-color-hover-66120l;
+$tokenStyleDismissColorReadOnly: --awsui-token-style-dismiss-color-read-only-66120l;
+$styleItemCardBackgroundDefault: --awsui-style-item-card-background-default-66120l;
+$styleItemCardBorderColorDefault: --awsui-style-item-card-border-color-default-66120l;
+$styleItemCardBorderRadius: --awsui-style-item-card-border-radius-66120l;
+$styleItemCardBorderWidthDefault: --awsui-style-item-card-border-width-default-66120l;
+$styleItemCardBoxShadowDefault: --awsui-style-item-card-box-shadow-default-66120l;
+$inlineLabelBackgroundColor: --awsui-inline-label-background-color-66120l;
     

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

@@ -8,6 +8,7 @@
 @use '../foundation' as foundation;
 @use '../utils' as utils;
 @use './constants' as constants;
+@use '../../generated/custom-css-properties/index.scss' as custom-props;
 
 @mixin link-focus(
   $border-color: awsui.$color-border-item-focused,
@@ -329,7 +330,11 @@ $inline-label-border-radius: 2px;
 }
 
 @mixin inline-label {
-  background: linear-gradient(to bottom, awsui.$color-background-layout-main, awsui.$color-background-input-default);
+  background: linear-gradient(
+    to bottom,
+    var(#{custom-props.$inlineLabelBackgroundColor}, awsui.$color-background-layout-main),
+    awsui.$color-background-input-default
+  );
   border-start-start-radius: $inline-label-border-radius;
   border-start-end-radius: $inline-label-border-radius;
   border-end-start-radius: $inline-label-border-radius;
@@ -351,5 +356,9 @@ $inline-label-border-radius: 2px;
 }
 
 @mixin inline-label-disabled {
-  background: linear-gradient(to bottom, awsui.$color-background-layout-main, awsui.$color-background-input-disabled);
+  background: linear-gradient(
+    to bottom,
+    var(#{custom-props.$inlineLabelBackgroundColor}, awsui.$color-background-layout-main),
+    awsui.$color-background-input-disabled
+  );
 }

package/lib/internal/scss/internal/styles/style-api.scss

@@ -1,9 +1,10 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-@forward '@cloudscape-design/component-toolkit/internal/style-api';
+@forward '@cloudscape-design/component-toolkit/internal/style-api' show combine, resolve;
 
 @use '@cloudscape-design/component-toolkit/internal/style-api' as toolkit;
+@use 'awsui:environment' as env;
 @use './tokens' as awsui;
 @use './foundation' as foundation;
 @use './forms/mixins' as forms;
@@ -23,6 +24,44 @@ $focus-ring: (focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-
 // carriers (re-anchored by carriers() on the component root), so the ring below reaches ::before.
 $_focus-ring-carriers: toolkit.resolve($focus-ring, carrier);
 
+@function enabled() {
+  @return env.$system != 'console';
+}
+
+// Emits `var(<carrier>, <fallback>)` when enabled, or just `<fallback>` when disabled — so a read
+// leaves no trace in the compiled CSS for gated-off systems.
+@function value($tokens, $token, $fallback) {
+  @if not enabled() {
+    @return $fallback;
+  }
+  @return var(#{toolkit.read($tokens, $token)}, #{$fallback});
+}
+
+// Gated wrappers around the toolkit's CSS-emitting mixins — same signatures, no-op when disabled.
+@mixin register($maps...) {
+  @if enabled() {
+    @include toolkit.register($maps...);
+  }
+}
+
+@mixin carriers($map) {
+  @if enabled() {
+    @include toolkit.carriers($map);
+  }
+}
+
+@mixin docs($name, $map) {
+  @if enabled() {
+    @include toolkit.docs($name, $map);
+  }
+}
+
+@mixin docs-forward($name, $component, $slot) {
+  @if enabled() {
+    @include toolkit.docs-forward($name, $component, $slot);
+  }
+}
+
 // A wrapper for forms.focus-highlight with style API integration.
 @mixin focus-highlight(
   $gutter-block: awsui.$space-button-focus-outline-gutter,
@@ -31,13 +70,24 @@ $_focus-ring-carriers: toolkit.resolve($focus-ring, carrier);
   $width: foundation.$box-shadow-focused-width,
   $color: awsui.$color-border-item-focused
 ) {
-  @include forms.focus-highlight(
-    $gutter: (
-      'vertical': var(#{toolkit.read($_focus-ring-carriers, focus-ring-gutter-block)}, #{$gutter-block}),
-      'horizontal': var(#{toolkit.read($_focus-ring-carriers, focus-ring-gutter-inline)}, #{$gutter-inline}),
-    ),
-    $border-radius: var(#{toolkit.read($_focus-ring-carriers, focus-ring-radius)}, #{$radius}),
-    $box-shadow: 0 0 0 var(#{toolkit.read($_focus-ring-carriers, focus-ring-width)}, #{$width})
-      var(#{toolkit.read($_focus-ring-carriers, focus-ring-color)}, #{$color})
-  );
+  @if enabled() {
+    @include forms.focus-highlight(
+      $gutter: (
+        'vertical': var(#{toolkit.read($_focus-ring-carriers, focus-ring-gutter-block)}, #{$gutter-block}),
+        'horizontal': var(#{toolkit.read($_focus-ring-carriers, focus-ring-gutter-inline)}, #{$gutter-inline}),
+      ),
+      $border-radius: var(#{toolkit.read($_focus-ring-carriers, focus-ring-radius)}, #{$radius}),
+      $box-shadow: 0 0 0 var(#{toolkit.read($_focus-ring-carriers, focus-ring-width)}, #{$width})
+        var(#{toolkit.read($_focus-ring-carriers, focus-ring-color)}, #{$color})
+    );
+  } @else {
+    @include forms.focus-highlight(
+      $gutter: (
+        'vertical': $gutter-block,
+        'horizontal': $gutter-inline,
+      ),
+      $border-radius: $radius,
+      $box-shadow: 0 0 0 $width $color
+    );
+  }
 }

package/lib/internal/scss/pagination/styles.scss

@@ -89,7 +89,9 @@
 
   &-input {
     inline-size: 87px;
-    margin-block-start: -0.6em;
+    // This element contains the inline label and the HTML input element.
+    // Push it upwards to let the HTML input element look vertically centered.
+    margin-block-start: calc(-2 * #{awsui.$space-scaled-xs});
     overflow: visible;
   }
 }

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

@@ -7,6 +7,7 @@
 @use '../internal/styles/tokens' as awsui;
 @use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
 @use '../container/shared' as container;
+@use '../internal/generated/custom-css-properties/index.scss' as custom-props;
 
 .root {
   @include styles.default-text-style;
@@ -194,6 +195,10 @@ filter search icon.
 .header-controls {
   padding-block: awsui.$space-container-header-top awsui.$space-container-header-bottom;
 
+  &:not(.variant-full-page) {
+    #{custom-props.$inlineLabelBackgroundColor}: awsui.$color-background-table-header;
+  }
+
   &.variant-full-page {
     padding-block: 0 calc(#{awsui.$space-container-header-bottom} + #{awsui.$space-table-header-tools-full-page-bottom});
   }

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

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_1l3uv_13",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1l3uv_1",
-  "root": "awsui_root_mx3cw_1l3uv_84",
-  "hidden": "awsui_hidden_mx3cw_1l3uv_119",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1l3uv_182",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_1l3uv_194",
-  "header": "awsui_header_mx3cw_1l3uv_199",
-  "header-replacement": "awsui_header-replacement_mx3cw_1l3uv_200",
-  "action": "awsui_action_mx3cw_1l3uv_204",
-  "action-slot": "awsui_action-slot_mx3cw_1l3uv_208",
-  "action-button": "awsui_action-button_mx3cw_1l3uv_209",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1l3uv_213",
-  "icon": "awsui_icon_mx3cw_1l3uv_245",
-  "text": "awsui_text_mx3cw_1l3uv_249",
-  "message": "awsui_message_mx3cw_1l3uv_259",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_1l3uv_263",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1l3uv_267",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_1l3uv_271",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1l3uv_275",
-  "content": "awsui_content_mx3cw_1l3uv_279",
-  "content-replacement": "awsui_content-replacement_mx3cw_1l3uv_280",
-  "dismiss": "awsui_dismiss_mx3cw_1l3uv_284",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1l3uv_290",
-  "type-error": "awsui_type-error_mx3cw_1l3uv_294",
-  "type-warning": "awsui_type-warning_mx3cw_1l3uv_302",
-  "type-success": "awsui_type-success_mx3cw_1l3uv_310",
-  "type-info": "awsui_type-info_mx3cw_1l3uv_318"
+  "alert": "awsui_alert_mx3cw_18uda_13",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_18uda_1",
+  "root": "awsui_root_mx3cw_18uda_84",
+  "hidden": "awsui_hidden_mx3cw_18uda_119",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_18uda_182",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_18uda_194",
+  "header": "awsui_header_mx3cw_18uda_199",
+  "header-replacement": "awsui_header-replacement_mx3cw_18uda_200",
+  "action": "awsui_action_mx3cw_18uda_204",
+  "action-slot": "awsui_action-slot_mx3cw_18uda_208",
+  "action-button": "awsui_action-button_mx3cw_18uda_209",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_18uda_213",
+  "icon": "awsui_icon_mx3cw_18uda_245",
+  "text": "awsui_text_mx3cw_18uda_249",
+  "message": "awsui_message_mx3cw_18uda_259",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_18uda_263",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_18uda_267",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_18uda_271",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_18uda_275",
+  "content": "awsui_content_mx3cw_18uda_279",
+  "content-replacement": "awsui_content-replacement_mx3cw_18uda_280",
+  "dismiss": "awsui_dismiss_mx3cw_18uda_284",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_18uda_290",
+  "type-error": "awsui_type-error_mx3cw_18uda_294",
+  "type-warning": "awsui_type-warning_mx3cw_18uda_302",
+  "type-success": "awsui_type-success_mx3cw_18uda_310",
+  "type-info": "awsui_type-info_mx3cw_18uda_318"
 };