@cloudscape-design/components-themeable 3.0.1354 → 3.0.1356

package/lib/internal/scss/icon/mixins.scss

@@ -89,6 +89,10 @@ $_icon-sizes: (
       }
 
       > svg {
+        // Exposed for hover motion that compensates stroke width while scaling
+        // parts (see hover-motion.scss).
+        --awsui-internal-style-icon-stroke-width: calc(#{$stroke} / #{$scaleFactor});
+
         &,
         * {
           stroke-width: calc(#{$stroke} / #{$scaleFactor});

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

@@ -1,6 +1,6 @@
 
     // Build environment
-    $awsui-commit-hash: "d5642f70";
+    $awsui-commit-hash: "6ecc94b1";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-esndbs;
 $minContentWidth: --awsui-min-content-width-esndbs;

package/lib/internal/scss/link/styles.scss

@@ -45,6 +45,8 @@
       & {
         font-weight: inherit;
         letter-spacing: normal;
+        -webkit-font-smoothing: auto;
+        -moz-osx-font-smoothing: auto;
       }
       &.color-inverted {
         color: awsui.$color-text-link-inverted-default;

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

@@ -21,7 +21,7 @@ $selected-background: var(#{custom-props.$styleBackgroundActive}, awsui.$color-b
 $selected-color: var(#{custom-props.$styleColorActive}, awsui.$color-text-segment-active);
 $segment-gap: awsui.$space-static-xxs;
 $segment-divider-width: 1px;
-$segment-radius: calc(awsui.$border-radius-button - 3px);
+$segment-radius: calc(awsui.$border-radius-button - (#{awsui.$border-width-field} + #{awsui.$border-width-button}));
 
 .segment {
   @include styles.font-body-m;

package/lib/internal/scss/spinner/mixins.scss

@@ -8,6 +8,12 @@
 @use '../internal/styles/tokens' as awsui;
 
 $_spinner-sizes: (
+  (
+    name: 'x-small',
+    size: styles.$base-size,
+    iconSizeMap: 12px,
+    supportedLineHeight: awsui.$line-height-body-s,
+  ),
   (
     name: 'normal',
     size: 1.2 * styles.$base-size,

package/lib/internal/scss/spinner/styles.scss

@@ -7,6 +7,7 @@
 @use './mixins' as mixins;
 @use '../internal/styles/tokens' as awsui;
 @use '../internal/generated/custom-css-properties/index' as custom-props;
+@use '../internal/styles/utils/theming' as theming;
 
 @keyframes spinner-rotator {
   0% {
@@ -115,3 +116,15 @@
     animation-name: spinner-line-right;
   }
 }
+
+// One Theme renders x-small/normal status icons with a 1.5px stroke.
+// Match the spinner ring for those sizes only; big/large keep 2px.
+.root.size-x-small,
+.root.size-normal {
+  @include theming.one-theme-only {
+    & > .circle::after {
+      border-block-width: awsui.$border-width-icon-x-small;
+      border-inline-width: awsui.$border-width-icon-x-small;
+    }
+  }
+}

package/lib/internal/template/expandable-section/styles.css.js

@@ -1,48 +1,48 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gwq0h_12t28_149",
-  "expand-button": "awsui_expand-button_gwq0h_12t28_184",
-  "icon": "awsui_icon_gwq0h_12t28_188",
-  "expanded": "awsui_expanded_gwq0h_12t28_203",
-  "icon-container": "awsui_icon-container_gwq0h_12t28_213",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_12t28_217",
-  "wrapper": "awsui_wrapper_gwq0h_12t28_221",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_12t28_229",
-  "wrapper-inline": "awsui_wrapper-inline_gwq0h_12t28_229",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_12t28_229",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_12t28_233",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_12t28_236",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_12t28_240",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_12t28_253",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_12t28_272",
-  "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_12t28_317",
-  "header": "awsui_header_gwq0h_12t28_253",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_12t28_334",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_12t28_346",
-  "header-button": "awsui_header-button_gwq0h_12t28_354",
-  "header-container-button": "awsui_header-container-button_gwq0h_12t28_354",
-  "header-container": "awsui_header-container_gwq0h_12t28_354",
-  "header-navigation": "awsui_header-navigation_gwq0h_12t28_389",
-  "icon-container-end": "awsui_icon-container-end_gwq0h_12t28_402",
-  "header-text": "awsui_header-text_gwq0h_12t28_434",
-  "content": "awsui_content_gwq0h_12t28_444",
-  "content-expanded": "awsui_content-expanded_gwq0h_12t28_447",
-  "content-compact": "awsui_content-compact_gwq0h_12t28_450",
-  "content-inner": "awsui_content-inner_gwq0h_12t28_454",
-  "content-inner-expanded": "awsui_content-inner-expanded_gwq0h_12t28_458",
-  "content-inner-settled": "awsui_content-inner-settled_gwq0h_12t28_462",
-  "content-inner-body-default": "awsui_content-inner-body-default_gwq0h_12t28_466",
-  "content-inner-body-inline": "awsui_content-inner-body-inline_gwq0h_12t28_466",
-  "content-inner-body-footer": "awsui_content-inner-body-footer_gwq0h_12t28_469",
-  "content-inner-body-container": "awsui_content-inner-body-container_gwq0h_12t28_472",
-  "disable-header-paddings": "awsui_disable-header-paddings_gwq0h_12t28_477",
-  "disable-content-paddings": "awsui_disable-content-paddings_gwq0h_12t28_482",
-  "focusable": "awsui_focusable_gwq0h_12t28_487",
-  "click-target": "awsui_click-target_gwq0h_12t28_502",
-  "header-icon-end": "awsui_header-icon-end_gwq0h_12t28_509",
-  "header-button-icon-end": "awsui_header-button-icon-end_gwq0h_12t28_526",
-  "header-content": "awsui_header-content_gwq0h_12t28_580",
-  "header-navigation-content": "awsui_header-navigation-content_gwq0h_12t28_585"
+  "root": "awsui_root_gwq0h_1qsm6_149",
+  "expand-button": "awsui_expand-button_gwq0h_1qsm6_184",
+  "icon": "awsui_icon_gwq0h_1qsm6_188",
+  "expanded": "awsui_expanded_gwq0h_1qsm6_203",
+  "icon-container": "awsui_icon-container_gwq0h_1qsm6_213",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_1qsm6_217",
+  "wrapper": "awsui_wrapper_gwq0h_1qsm6_221",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_1qsm6_229",
+  "wrapper-inline": "awsui_wrapper-inline_gwq0h_1qsm6_229",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_1qsm6_229",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1qsm6_233",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_1qsm6_236",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_1qsm6_240",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_1qsm6_253",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1qsm6_272",
+  "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_1qsm6_317",
+  "header": "awsui_header_gwq0h_1qsm6_253",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_1qsm6_334",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1qsm6_346",
+  "header-button": "awsui_header-button_gwq0h_1qsm6_354",
+  "header-container-button": "awsui_header-container-button_gwq0h_1qsm6_354",
+  "header-container": "awsui_header-container_gwq0h_1qsm6_354",
+  "header-navigation": "awsui_header-navigation_gwq0h_1qsm6_389",
+  "icon-container-end": "awsui_icon-container-end_gwq0h_1qsm6_402",
+  "header-text": "awsui_header-text_gwq0h_1qsm6_434",
+  "content": "awsui_content_gwq0h_1qsm6_444",
+  "content-expanded": "awsui_content-expanded_gwq0h_1qsm6_447",
+  "content-compact": "awsui_content-compact_gwq0h_1qsm6_450",
+  "content-inner": "awsui_content-inner_gwq0h_1qsm6_454",
+  "content-inner-expanded": "awsui_content-inner-expanded_gwq0h_1qsm6_458",
+  "content-inner-settled": "awsui_content-inner-settled_gwq0h_1qsm6_462",
+  "content-inner-body-default": "awsui_content-inner-body-default_gwq0h_1qsm6_466",
+  "content-inner-body-inline": "awsui_content-inner-body-inline_gwq0h_1qsm6_466",
+  "content-inner-body-footer": "awsui_content-inner-body-footer_gwq0h_1qsm6_469",
+  "content-inner-body-container": "awsui_content-inner-body-container_gwq0h_1qsm6_472",
+  "disable-header-paddings": "awsui_disable-header-paddings_gwq0h_1qsm6_477",
+  "disable-content-paddings": "awsui_disable-content-paddings_gwq0h_1qsm6_482",
+  "focusable": "awsui_focusable_gwq0h_1qsm6_487",
+  "click-target": "awsui_click-target_gwq0h_1qsm6_502",
+  "header-icon-end": "awsui_header-icon-end_gwq0h_1qsm6_509",
+  "header-button-icon-end": "awsui_header-button-icon-end_gwq0h_1qsm6_526",
+  "header-content": "awsui_header-content_gwq0h_1qsm6_580",
+  "header-navigation-content": "awsui_header-navigation-content_gwq0h_1qsm6_586"
 };