@cloudscape-design/components-themeable 3.0.1382 → 3.0.1384

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "ef70d2fa2db69a881f12085257fe32df66d54de8"
+  "commit": "ea381b71fcac6b61d0a81b1c96a90ae8419d9943"
 }

package/lib/internal/scss/container/styles.scss

@@ -138,8 +138,9 @@
 
 .header {
   background-color: awsui.$color-background-container-header;
-  border-start-start-radius: awsui.$border-radius-container;
-  border-start-end-radius: awsui.$border-radius-container;
+  $border-radius: var(#{custom-props.$containerStyleBorderRadius}, #{awsui.$border-radius-container});
+  border-start-start-radius: $border-radius;
+  border-start-end-radius: $border-radius;
   &.header-full-page {
     background-color: awsui.$color-background-layout-main;
   }
@@ -206,8 +207,8 @@
   }
 
   &.with-hidden-content {
-    border-end-start-radius: awsui.$border-radius-container;
-    border-end-end-radius: awsui.$border-radius-container;
+    border-end-start-radius: $border-radius;
+    border-end-end-radius: $border-radius;
   }
 
   &-variant-cards {

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

@@ -198,6 +198,10 @@
   }
 }
 
+.grouped {
+  @include styles.grouped-control;
+}
+
 .input-container {
   display: flex;
   position: relative;

package/lib/internal/scss/internal/components/button-trigger/styles.scss

@@ -159,4 +159,8 @@ $icon-offset: awsui.$space-xxxs;
     // Remove default paddings and just rely on center alignment of the content
     padding-block: 0;
   }
+
+  &.grouped {
+    @include styles.grouped-control;
+  }
 }

package/lib/internal/scss/internal/components/control-group/styles.scss

@@ -0,0 +1,53 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+
+@use '../../styles' as styles;
+@use '../../styles/tokens' as awsui;
+
+.root {
+  @include styles.styles-reset;
+  display: flex;
+
+  &-horizontal {
+    flex-direction: row;
+    flex-wrap: nowrap;
+    // Align controls along their bottom edge so their field boxes line up
+    // even when one control is taller than another.
+    align-items: flex-end;
+  }
+
+  &-vertical {
+    flex-direction: column;
+    // Stretch stacked controls to share the group's inline size so their
+    // fused block edges line up across the full width.
+    align-items: stretch;
+  }
+}
+
+.control {
+  // Let slots shrink below their content so a narrow group compresses, not overflows.
+  min-inline-size: 0;
+  // Establish a stacking context per slot so a control's internal z-indexes stay
+  // contained within its own slot and cannot paint over adjacent controls.
+  isolation: isolate;
+  // Raise the focused control's slot above its neighbors so its focus ring is
+  // painted over the adjacent control's seam border.
+  &:focus-within {
+    z-index: 1;
+  }
+
+  &-middle,
+  &-last {
+    // Overlap each non-first slot onto its predecessor by one border width,
+    // so the two adjacent borders coincide into a single seam.
+    $margin: calc(-1 * #{awsui.$border-width-field});
+    &-horizontal {
+      margin-inline-start: $margin;
+    }
+    &-vertical {
+      margin-block-start: $margin;
+    }
+  }
+}

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

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

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

@@ -117,7 +117,6 @@
 // Use for form input elements, excluding buttons
 // or for elements that have a light border and light background
 @mixin form-focus-element(
-  $border-radius: constants.$control-border-radius,
   $border-color: awsui.$color-border-input-focused,
   $box-shadow: foundation.$box-shadow-focused-light
 ) {
@@ -127,10 +126,6 @@
 
   border-block: awsui.$border-width-field solid $border-color;
   border-inline: awsui.$border-width-field solid $border-color;
-  border-start-start-radius: $border-radius;
-  border-start-end-radius: $border-radius;
-  border-end-start-radius: $border-radius;
-  border-end-end-radius: $border-radius;
 
   box-shadow: $box-shadow;
 }
@@ -239,10 +234,13 @@
 }
 
 @mixin container-style {
-  border-start-start-radius: awsui.$border-radius-container;
-  border-start-end-radius: awsui.$border-radius-container;
-  border-end-start-radius: awsui.$border-radius-container;
-  border-end-end-radius: awsui.$border-radius-container;
+  // Custom radius from the container style API if set, otherwise the token. Stacked
+  // containers still flatten adjacent corners because those rules set a literal 0.
+  $radius: var(#{custom-props.$containerStyleBorderRadius}, #{awsui.$border-radius-container});
+  border-start-start-radius: $radius;
+  border-start-end-radius: $radius;
+  border-end-start-radius: $radius;
+  border-end-end-radius: $radius;
   box-sizing: border-box;
 
   &.refresh {
@@ -255,19 +253,19 @@
     // Reset border color to prevent it from flashing black during card selection animation
     border-color: transparent;
     border-block-start: awsui.$border-container-top-width solid awsui.$color-border-container-top;
-    border-start-start-radius: awsui.$border-radius-container;
-    border-start-end-radius: awsui.$border-radius-container;
-    border-end-start-radius: awsui.$border-radius-container;
-    border-end-end-radius: awsui.$border-radius-container;
+    border-start-start-radius: $radius;
+    border-start-end-radius: $radius;
+    border-end-start-radius: $radius;
+    border-end-end-radius: $radius;
     z-index: 1;
   }
 
   &:not(.refresh)::after {
     @include utils.base-pseudo-element;
-    border-start-start-radius: awsui.$border-radius-container;
-    border-start-end-radius: awsui.$border-radius-container;
-    border-end-start-radius: awsui.$border-radius-container;
-    border-end-end-radius: awsui.$border-radius-container;
+    border-start-start-radius: $radius;
+    border-start-end-radius: $radius;
+    border-end-start-radius: $radius;
+    border-end-end-radius: $radius;
     box-shadow: awsui.$shadow-container;
   }
 }
@@ -362,3 +360,46 @@ $inline-label-border-radius: 2px;
     awsui.$color-background-input-disabled
   );
 }
+
+@mixin grouped-control {
+  $radius: constants.$control-border-radius;
+
+  border-start-start-radius: $radius;
+  border-start-end-radius: $radius;
+  border-end-start-radius: $radius;
+  border-end-end-radius: $radius;
+
+  &-horizontal {
+    &-first {
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+    }
+    &-middle {
+      border-start-start-radius: 0;
+      border-start-end-radius: 0;
+      border-end-start-radius: 0;
+      border-end-end-radius: 0;
+    }
+    &-last {
+      border-start-start-radius: 0;
+      border-end-start-radius: 0;
+    }
+  }
+
+  &-vertical {
+    &-first {
+      border-end-start-radius: 0;
+      border-end-end-radius: 0;
+    }
+    &-middle {
+      border-start-start-radius: 0;
+      border-start-end-radius: 0;
+      border-end-start-radius: 0;
+      border-end-end-radius: 0;
+    }
+    &-last {
+      border-start-start-radius: 0;
+      border-start-end-radius: 0;
+    }
+  }
+}

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

@@ -27,6 +27,12 @@ $modal-z-index: 5000;
 
   cursor: pointer;
 
+  // Without a dismiss button the modal is asking the user to choose one of the footer actions,
+  // so the overlay shouldn't suggest that clicking it will close the modal.
+  &.hide-dismiss-button {
+    cursor: default;
+  }
+
   &.hidden {
     display: none;
   }

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

@@ -156,6 +156,8 @@ $invalid-border-offset: constants.$invalid-control-left-padding;
   @include styles.styles-reset;
   @include styles.control-border-radius-full();
   @include styles.font-body-m;
+  font-size: inherit;
+  font-weight: inherit;
   // Restore browsers' default resize values
   resize: none;
   // Restore default text cursor
@@ -394,4 +396,6 @@ $invalid-border-offset: constants.$invalid-control-left-padding;
   white-space: pre-wrap;
   // Inherit color from parent (textarea) for disabled/readonly states
   color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
 }

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

@@ -46,6 +46,11 @@ $segment-radius: calc(awsui.$border-radius-button - (#{awsui.$border-width-field
   border-inline: none;
   border-block: none;
 
+  // Center the text when the segment stretches to full width
+  &.full-width {
+    justify-content: center;
+  }
+
   &:not(.refresh) {
     block-size: calc(100% - $segment-gap - (2 * awsui.$border-width-field));
   }