npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1360 → 3.0.1362 - Mend

@cloudscape-design/components-themeable 3.0.1360 → 3.0.1362

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (258) hide show

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

@@ -1,178 +1,179 @@
     // Build environment
-    $awsui-commit-hash: "0c1c9fd2";
+    $awsui-commit-hash: "0fcf5f74";
     // 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/action-card/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/action-card/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,0BAA0B,CAAC;AAEnF,QAAA,MAAM,kBAAkB,~~0HAiOvB~~,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/action-card/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,0BAA0B,CAAC;AAEnF,QAAA,MAAM,kBAAkB,0HAqOvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/internal/template/action-card/internal.js CHANGED Viewed

@@ -35,7 +35,7 @@ const InternalActionCard = React.forwardRef(({ header, description, children, on
         fireCancelableEvent(onClick, {}, event);
     };
     const headerRowEmpty = !header && !description;
-    const iconWrapper = icon && (React.createElement("div", { className: clsx(styles.icon, testStyles.icon), "aria-hidden": "true" }, icon));
+    const iconWrapper = icon && (React.createElement("div", { className: clsx(styles.icon, testStyles.icon), "aria-hidden": "true", "data-awsui-motion-target": "" }, icon));
     const iconInHeaderRow = icon && iconVerticalAlignment === 'top' && !!header;
     const mergedRootRef = useMergeRefs(rootRef, __internalRootRef);
     // Link the description element as the button's accessible description
@@ -49,6 +49,9 @@ const InternalActionCard = React.forwardRef(({ header, description, children, on
         onClick: handleButtonClick,
         'aria-describedby': ariaDescribedby,
         'aria-disabled': disabled || undefined,
+        // The hover region is the whole card (see the root element); focusing
+        // the inner control also plays the motion.
+        'data-awsui-motion-trigger': 'focus',
     };
     // <a>-tag specific props
     const anchorProps = {
@@ -88,7 +91,7 @@ const InternalActionCard = React.forwardRef(({ header, description, children, on
             headerSection,
             iconWrapper)) : (headerSection),
         children && (React.createElement("div", { className: clsx(styles.body, testStyles.body, disableContentPaddings && styles['no-padding']), id: bodyId }, children))));
-    return (React.createElement("div", { ...baseProps, ref: mergedRootRef, role: "group", "aria-labelledby": header ? headerId : standaloneButtonId, className: clsx(styles.root, styles[`variant-${variant}`], disabled && styles.disabled, disabled && testStyles.disabled, !!icon && styles['has-icon'], !!icon && styles['icon-align-end'], !!icon && styles[`icon-vertical-align-${iconVerticalAlignment}`], baseProps.className), "aria-disabled": disabled || undefined },
+    return (React.createElement("div", { ...baseProps, ref: mergedRootRef, role: "group", "aria-labelledby": header ? headerId : standaloneButtonId, className: clsx(styles.root, styles[`variant-${variant}`], disabled && styles.disabled, disabled && testStyles.disabled, !!icon && styles['has-icon'], !!icon && styles['icon-align-end'], !!icon && styles[`icon-vertical-align-${iconVerticalAlignment}`], baseProps.className), "aria-disabled": disabled || undefined, "data-awsui-motion-trigger": "hover" },
         standaloneButton,
         contentElement,
         !iconInHeaderRow && iconWrapper));

package/lib/internal/template/action-card/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/action-card/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStructuredItem from '../internal/components/structured-item';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { ActionCardProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\nexport type InternalActionCardProps = ActionCardProps & InternalBaseComponentProps;\n\nconst InternalActionCard = React.forwardRef(\n (\n {\n header,\n description,\n children,\n onClick,\n onFollow,\n href,\n target,\n rel,\n download,\n ariaLabel,\n ariaDescribedby,\n disabled,\n disableHeaderPaddings,\n disableContentPaddings,\n icon,\n iconVerticalAlignment,\n variant,\n nativeButtonAttributes,\n nativeAnchorAttributes,\n __internalRootRef,\n ...rest\n }: InternalActionCardProps,\n ref: React.Ref<ActionCardProps.Ref>\n ) => {\n const baseProps = getBaseProps(rest);\n const containerRef = useRef<HTMLButtonElement \| HTMLAnchorElement>(null);\n const rootRef = useRef<HTMLDivElement>(null);\n const headerId = useUniqueId('action-card-header-');\n const standaloneButtonId = useUniqueId('action-card-button-');\n const descriptionId = useUniqueId('action-card-description-');\n const bodyId = useUniqueId('action-card-body-');\n\n useForwardFocus(ref, containerRef);\n\n checkSafeUrl('ActionCard', href);\n const isAnchor = Boolean(href);\n\n if (!header && !ariaLabel) {\n warnOnce(\n 'ActionCard',\n 'An accessible name is required. Provide either a `header` or an `ariaLabel` prop so the action card has a meaningful label for screen reader users.'\n );\n }\n\n const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement \| HTMLAnchorElement>) => {\n if (disabled) {\n return event.preventDefault();\n }\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, { href, target }, event);\n }\n fireCancelableEvent(onClick, {}, event);\n };\n\n const headerRowEmpty = !header && !description;\n\n const iconWrapper = icon && (\n <div className={clsx(styles.icon, testStyles.icon)} aria-hidden=\"true\">\n {icon}\n </div>\n );\n const iconInHeaderRow = icon && iconVerticalAlignment === 'top' && !!header;\n\n const mergedRootRef = useMergeRefs(rootRef, __internalRootRef);\n\n // Link the description element as the button's accessible description\n // when the button already has a name (via header text or ariaLabel).\n if (!ariaDescribedby && description && (ariaLabel \|\| header)) {\n ariaDescribedby = descriptionId;\n }\n\n // Shared props between <a>-tag and <button>-tag\n const interactiveProps = {\n className: clsx(\n styles['header-button'],\n testStyles.button,\n disabled && styles.disabled,\n variant && styles[`variant-${variant}`]\n ),\n onClick: handleButtonClick,\n 'aria-describedby': ariaDescribedby,\n 'aria-disabled': disabled \|\| undefined,\n };\n\n // <a>-tag specific props\n const anchorProps = {\n href: disabled ? undefined : href,\n role: disabled ? 'link' : undefined,\n tabIndex: disabled ? 0 : undefined,\n target,\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel: rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined),\n download,\n };\n\n const renderInteractiveElement = (props: Record<string, unknown>, children?: React.ReactNode) =>\n isAnchor ? (\n <WithNativeAttributes<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>>\n {...props}\n {...anchorProps}\n tag=\"a\"\n componentName=\"ActionCard\"\n nativeAttributes={nativeAnchorAttributes}\n ref={containerRef as React.Ref<HTMLAnchorElement>}\n >\n {children}\n </WithNativeAttributes>\n ) : (\n <WithNativeAttributes<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>\n {...props}\n type=\"button\"\n tag=\"button\"\n componentName=\"ActionCard\"\n nativeAttributes={nativeButtonAttributes}\n ref={containerRef as React.Ref<HTMLButtonElement>}\n >\n {children}\n </WithNativeAttributes>\n );\n\n const headerSection = !headerRowEmpty ? (\n <div className={clsx(styles.header, disableHeaderPaddings && styles['no-padding'])}>\n <InternalStructuredItem\n content={\n header && (\n <div className={clsx(styles['header-inner'], testStyles.header, disabled && styles.disabled)}>\n {renderInteractiveElement({ ...interactiveProps, id: headerId }, header)}\n </div>\n )\n }\n secondaryContent={\n description && (\n <div\n id={descriptionId}\n className={clsx(\n styles.description,\n testStyles.description,\n disabled && styles.disabled,\n header && styles['has-header']\n )}\n >\n {description}\n </div>\n )\n }\n disablePaddings={disableHeaderPaddings}\n />\n </div>\n ) : null;\n\n // When there's no header, a standalone overlay button is rendered.\n // If ariaLabel is provided, it's used directly. Otherwise, derive the button's\n // accessible name from the first available content: description or children.\n let standaloneButtonLabelledBy: string \| undefined;\n if (!ariaLabel) {\n if (description) {\n standaloneButtonLabelledBy = descriptionId;\n } else if (children) {\n standaloneButtonLabelledBy = bodyId;\n }\n }\n\n const standaloneOverlayProps = {\n ...interactiveProps,\n id: standaloneButtonId,\n className: clsx(\n styles['overlay-button'],\n testStyles.button,\n disabled && styles.disabled,\n variant && styles[`variant-${variant}`]\n ),\n 'aria-label': ariaLabel \|\| undefined,\n 'aria-labelledby': standaloneButtonLabelledBy,\n };\n\n const standaloneButton = !header ? renderInteractiveElement(standaloneOverlayProps) : null;\n\n const contentElement = (\n <div className={styles['inner-card']}>\n {iconInHeaderRow ? (\n <div className={styles['header-row']}>\n {headerSection}\n {iconWrapper}\n </div>\n ) : (\n headerSection\n )}\n {children && (\n <div\n className={clsx(styles.body, testStyles.body, disableContentPaddings && styles['no-padding'])}\n id={bodyId}\n >\n {children}\n </div>\n )}\n </div>\n );\n\n return (\n <div\n {...baseProps}\n ref={mergedRootRef}\n role=\"group\"\n aria-labelledby={header ? headerId : standaloneButtonId}\n className={clsx(\n styles.root,\n styles[`variant-${variant}`],\n disabled && styles.disabled,\n disabled && testStyles.disabled,\n !!icon && styles['has-icon'],\n !!icon && styles['icon-align-end'],\n !!icon && styles[`icon-vertical-align-${iconVerticalAlignment}`],\n baseProps.className\n )}\n aria-disabled={disabled \|\| undefined}\n >\n {standaloneButton}\n {contentElement}\n {!iconInHeaderRow && iconWrapper}\n </div>\n );\n }\n);\n\nexport default InternalActionCard;\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/action-card/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStructuredItem from '../internal/components/structured-item';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { ActionCardProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\nexport type InternalActionCardProps = ActionCardProps & InternalBaseComponentProps;\n\nconst InternalActionCard = React.forwardRef(\n (\n {\n header,\n description,\n children,\n onClick,\n onFollow,\n href,\n target,\n rel,\n download,\n ariaLabel,\n ariaDescribedby,\n disabled,\n disableHeaderPaddings,\n disableContentPaddings,\n icon,\n iconVerticalAlignment,\n variant,\n nativeButtonAttributes,\n nativeAnchorAttributes,\n __internalRootRef,\n ...rest\n }: InternalActionCardProps,\n ref: React.Ref<ActionCardProps.Ref>\n ) => {\n const baseProps = getBaseProps(rest);\n const containerRef = useRef<HTMLButtonElement \| HTMLAnchorElement>(null);\n const rootRef = useRef<HTMLDivElement>(null);\n const headerId = useUniqueId('action-card-header-');\n const standaloneButtonId = useUniqueId('action-card-button-');\n const descriptionId = useUniqueId('action-card-description-');\n const bodyId = useUniqueId('action-card-body-');\n\n useForwardFocus(ref, containerRef);\n\n checkSafeUrl('ActionCard', href);\n const isAnchor = Boolean(href);\n\n if (!header && !ariaLabel) {\n warnOnce(\n 'ActionCard',\n 'An accessible name is required. Provide either a `header` or an `ariaLabel` prop so the action card has a meaningful label for screen reader users.'\n );\n }\n\n const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement \| HTMLAnchorElement>) => {\n if (disabled) {\n return event.preventDefault();\n }\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, { href, target }, event);\n }\n fireCancelableEvent(onClick, {}, event);\n };\n\n const headerRowEmpty = !header && !description;\n\n const iconWrapper = icon && (\n <div className={clsx(styles.icon, testStyles.icon)} aria-hidden=\"true\" data-awsui-motion-target=\"\">\n {icon}\n </div>\n );\n const iconInHeaderRow = icon && iconVerticalAlignment === 'top' && !!header;\n\n const mergedRootRef = useMergeRefs(rootRef, __internalRootRef);\n\n // Link the description element as the button's accessible description\n // when the button already has a name (via header text or ariaLabel).\n if (!ariaDescribedby && description && (ariaLabel \|\| header)) {\n ariaDescribedby = descriptionId;\n }\n\n // Shared props between <a>-tag and <button>-tag\n const interactiveProps = {\n className: clsx(\n styles['header-button'],\n testStyles.button,\n disabled && styles.disabled,\n variant && styles[`variant-${variant}`]\n ),\n onClick: handleButtonClick,\n 'aria-describedby': ariaDescribedby,\n 'aria-disabled': disabled \|\| undefined,\n // The hover region is the whole card (see the root element); focusing\n // the inner control also plays the motion.\n 'data-awsui-motion-trigger': 'focus',\n };\n\n // <a>-tag specific props\n const anchorProps = {\n href: disabled ? undefined : href,\n role: disabled ? 'link' : undefined,\n tabIndex: disabled ? 0 : undefined,\n target,\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel: rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined),\n download,\n };\n\n const renderInteractiveElement = (props: Record<string, unknown>, children?: React.ReactNode) =>\n isAnchor ? (\n <WithNativeAttributes<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>>\n {...props}\n {...anchorProps}\n tag=\"a\"\n componentName=\"ActionCard\"\n nativeAttributes={nativeAnchorAttributes}\n ref={containerRef as React.Ref<HTMLAnchorElement>}\n >\n {children}\n </WithNativeAttributes>\n ) : (\n <WithNativeAttributes<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>\n {...props}\n type=\"button\"\n tag=\"button\"\n componentName=\"ActionCard\"\n nativeAttributes={nativeButtonAttributes}\n ref={containerRef as React.Ref<HTMLButtonElement>}\n >\n {children}\n </WithNativeAttributes>\n );\n\n const headerSection = !headerRowEmpty ? (\n <div className={clsx(styles.header, disableHeaderPaddings && styles['no-padding'])}>\n <InternalStructuredItem\n content={\n header && (\n <div className={clsx(styles['header-inner'], testStyles.header, disabled && styles.disabled)}>\n {renderInteractiveElement({ ...interactiveProps, id: headerId }, header)}\n </div>\n )\n }\n secondaryContent={\n description && (\n <div\n id={descriptionId}\n className={clsx(\n styles.description,\n testStyles.description,\n disabled && styles.disabled,\n header && styles['has-header']\n )}\n >\n {description}\n </div>\n )\n }\n disablePaddings={disableHeaderPaddings}\n />\n </div>\n ) : null;\n\n // When there's no header, a standalone overlay button is rendered.\n // If ariaLabel is provided, it's used directly. Otherwise, derive the button's\n // accessible name from the first available content: description or children.\n let standaloneButtonLabelledBy: string \| undefined;\n if (!ariaLabel) {\n if (description) {\n standaloneButtonLabelledBy = descriptionId;\n } else if (children) {\n standaloneButtonLabelledBy = bodyId;\n }\n }\n\n const standaloneOverlayProps = {\n ...interactiveProps,\n id: standaloneButtonId,\n className: clsx(\n styles['overlay-button'],\n testStyles.button,\n disabled && styles.disabled,\n variant && styles[`variant-${variant}`]\n ),\n 'aria-label': ariaLabel \|\| undefined,\n 'aria-labelledby': standaloneButtonLabelledBy,\n };\n\n const standaloneButton = !header ? renderInteractiveElement(standaloneOverlayProps) : null;\n\n const contentElement = (\n <div className={styles['inner-card']}>\n {iconInHeaderRow ? (\n <div className={styles['header-row']}>\n {headerSection}\n {iconWrapper}\n </div>\n ) : (\n headerSection\n )}\n {children && (\n <div\n className={clsx(styles.body, testStyles.body, disableContentPaddings && styles['no-padding'])}\n id={bodyId}\n >\n {children}\n </div>\n )}\n </div>\n );\n\n return (\n <div\n {...baseProps}\n ref={mergedRootRef}\n role=\"group\"\n aria-labelledby={header ? headerId : standaloneButtonId}\n className={clsx(\n styles.root,\n styles[`variant-${variant}`],\n disabled && styles.disabled,\n disabled && testStyles.disabled,\n !!icon && styles['has-icon'],\n !!icon && styles['icon-align-end'],\n !!icon && styles[`icon-vertical-align-${iconVerticalAlignment}`],\n baseProps.className\n )}\n aria-disabled={disabled \|\| undefined}\n data-awsui-motion-trigger=\"hover\"\n >\n {standaloneButton}\n {contentElement}\n {!iconInHeaderRow && iconWrapper}\n </div>\n );\n }\n);\n\nexport default InternalActionCard;\n"]}