@cloudscape-design/components-themeable 3.0.1129 → 3.0.1131

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "a5c0ddf5a1670a477423b256dc1432f03e79efd4"
+  "commit": "05d1e350f5cf1f8e913a72f1baeff2af7967d6bf"
 }

package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss

@@ -50,7 +50,7 @@ $ai-drawer-heider-height: 41px;
   }
 
   @include desktop-only {
-    &:not(.legacy):not(.ai-drawer) {
+    &:not(.legacy):not(.ai-drawer):not(.bottom-drawer) {
       border-inline-start: awsui.$border-divider-section-width solid awsui.$color-border-layout;
     }
   }

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

@@ -55,6 +55,22 @@
   @include styles.font-body-m;
   block-size: awsui.$size-vertical-input;
 
+  &:hover {
+    border-color: var(
+      #{custom-props.$styleBorderColorHover},
+      var(#{custom-props.$styleBorderColorDefault}, awsui.$color-border-input-default)
+    );
+    color: var(
+      #{custom-props.$styleColorHover},
+      var(#{custom-props.$styleBorderColorDefault}, awsui.$color-text-body-default)
+    );
+    background-color: var(
+      #{custom-props.$styleBackgroundHover},
+      var(#{custom-props.$styleBackgroundDefault}, awsui.$color-background-input-default)
+    );
+    box-shadow: var(#{custom-props.$styleBoxShadowHover}, #{custom-props.$styleBoxShadowDefault});
+  }
+
   &.input-readonly {
     @include styles.form-readonly-element(
       $background-color: var(
@@ -109,22 +125,6 @@
     box-shadow: none;
   }
 
-  &:hover:not(:focus):not(:disabled):not(.input-readonly) {
-    border-color: var(
-      #{custom-props.$styleBorderColorHover},
-      var(#{custom-props.$styleBorderColorDefault}, awsui.$color-border-input-default)
-    );
-    color: var(
-      #{custom-props.$styleColorHover},
-      var(#{custom-props.$styleBorderColorDefault}, awsui.$color-text-body-default)
-    );
-    background-color: var(
-      #{custom-props.$styleBackgroundHover},
-      var(#{custom-props.$styleBackgroundDefault}, awsui.$color-background-input-default)
-    );
-    box-shadow: var(#{custom-props.$styleBoxShadowHover}, #{custom-props.$styleBoxShadowDefault});
-  }
-
   &.input-invalid {
     @include styles.form-invalid-control();
     &.input-has-icon-left {

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

@@ -1,6 +1,6 @@
 
     // Build environment
-    $awsui-commit-hash: "a5c0ddf5";
+    $awsui-commit-hash: "05d1e350";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-b75yp7;
 $minContentWidth: --awsui-min-content-width-b75yp7;

package/lib/internal/scss/steps/styles.scss

@@ -8,6 +8,7 @@
 
 .root {
   @include styles.styles-reset;
+  @include styles.text-wrapping;
 
   > .list {
     list-style: none;
@@ -20,6 +21,8 @@
       grid-template-rows: minmax(awsui.$space-static-l, auto);
 
       > .header {
+        display: flex;
+        gap: awsui.$space-xxs;
         grid-row: 1;
         grid-column: 1 / span 2;
       }
@@ -49,5 +52,65 @@
     > :last-of-type > .connector {
       display: none;
     }
+
+    &.custom > .details {
+      // Remove built-in margins for custom rendering for maximum flexibility
+      margin-block-end: 0;
+    }
+  }
+}
+
+.horizontal {
+  > .list {
+    display: grid;
+    align-items: flex-start;
+    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+    grid-auto-flow: column;
+
+    > .container {
+      display: grid;
+      grid-template-columns: awsui.$space-static-l 1fr;
+      grid-template-rows: minmax(awsui.$space-static-l, auto);
+      align-items: center;
+
+      > .header {
+        display: flex;
+        grid-row: 1;
+        grid-column: 1 / span 2;
+        align-items: center;
+
+        > .connector {
+          display: block;
+          flex: 1;
+          background-color: awsui.$color-border-divider-default;
+          margin-block: 0;
+          border-block: 0;
+          border-inline: 0;
+          min-block-size: 0;
+          inset-inline-end: 0;
+
+          block-size: awsui.$border-divider-list-width;
+          inline-size: auto;
+          min-inline-size: awsui.$space-static-xs;
+          margin-inline-end: awsui.$space-static-xxs;
+        }
+      }
+
+      > .horizontal-header {
+        grid-row: 2;
+        grid-column: 1 / span 3;
+      }
+
+      > .details {
+        grid-row: 3;
+        grid-column: 1 / span 3;
+      }
+    }
+
+    > .container:last-child {
+      > .header > .connector {
+        display: none;
+      }
+    }
   }
 }

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_12i0j_bk9dj_193",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_bk9dj_207",
-  "legacy": "awsui_legacy_12i0j_bk9dj_221",
-  "ai-drawer": "awsui_ai-drawer_12i0j_bk9dj_221",
-  "last-opened": "awsui_last-opened_12i0j_bk9dj_229",
-  "drawer-global": "awsui_drawer-global_12i0j_bk9dj_233",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_bk9dj_242",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_bk9dj_246",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_bk9dj_256",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_bk9dj_256",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_bk9dj_270",
-  "drawer-gap": "awsui_drawer-gap_12i0j_bk9dj_273",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_bk9dj_291",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_bk9dj_297",
-  "drawer-content": "awsui_drawer-content_12i0j_bk9dj_270",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_bk9dj_309",
-  "drawer-slider": "awsui_drawer-slider_12i0j_bk9dj_312",
-  "drawer-actions": "awsui_drawer-actions_12i0j_bk9dj_362",
-  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_bk9dj_418",
-  "drawer-content-header": "awsui_drawer-content-header_12i0j_bk9dj_437",
-  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_bk9dj_450",
-  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_bk9dj_467",
-  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_bk9dj_506",
-  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_bk9dj_506",
-  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_bk9dj_579",
-  "drawer-content-content": "awsui_drawer-content-content_12i0j_bk9dj_585",
-  "bottom-drawer": "awsui_bottom-drawer_12i0j_bk9dj_613"
+  "drawer": "awsui_drawer_12i0j_1k77u_193",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1k77u_207",
+  "legacy": "awsui_legacy_12i0j_1k77u_221",
+  "ai-drawer": "awsui_ai-drawer_12i0j_1k77u_221",
+  "bottom-drawer": "awsui_bottom-drawer_12i0j_1k77u_221",
+  "last-opened": "awsui_last-opened_12i0j_1k77u_229",
+  "drawer-global": "awsui_drawer-global_12i0j_1k77u_233",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_1k77u_242",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_1k77u_246",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_1k77u_256",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1k77u_256",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_1k77u_270",
+  "drawer-gap": "awsui_drawer-gap_12i0j_1k77u_273",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_1k77u_291",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1k77u_297",
+  "drawer-content": "awsui_drawer-content_12i0j_1k77u_270",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1k77u_309",
+  "drawer-slider": "awsui_drawer-slider_12i0j_1k77u_312",
+  "drawer-actions": "awsui_drawer-actions_12i0j_1k77u_362",
+  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1k77u_418",
+  "drawer-content-header": "awsui_drawer-content-header_12i0j_1k77u_437",
+  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1k77u_450",
+  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1k77u_467",
+  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1k77u_506",
+  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1k77u_506",
+  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_1k77u_579",
+  "drawer-content-content": "awsui_drawer-content-content_12i0j_1k77u_585"
 };