npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1329 → 3.0.1330 - Mend

@cloudscape-design/components-themeable 3.0.1329 → 3.0.1330

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 (310) hide show

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "4668872c714a83436d34c8917fc68b017e13ed94"
+  "commit": "9ef475158bf1a6dcf2f1e318d73c5cecd52610ee"
 }

package/lib/internal/scss/app-layout/constants.scss CHANGED Viewed

@@ -35,4 +35,4 @@ $toolbar-z-index: 1000;
 // Shared toolbar drawer component values
 $toolbar-vertical-panel-icon-offset: 14px;
-$ai-drawer-background: #161d26;
+$ai-drawer-background: awsui.$color-background-layout-ai-drawer;

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

@@ -278,6 +278,13 @@ $ai-drawer-heider-height: 42px;
       &:hover {
         stroke: awsui.$color-text-interactive-inverted-hover;
       }
+      @include theming.one-theme-only {
+        color: awsui.$color-text-interactive-default;
+        &:hover {
+          stroke: awsui.$color-text-interactive-hover;
+        }
+      }
     }
     > .drawer-content-container {
@@ -304,6 +311,9 @@ $ai-drawer-heider-height: 42px;
           border-block-end: 2px solid;
           border-image: linear-gradient(90deg, #962eff 0%, #5c7fff 30%, #09f 50%, #b8e7ff 70%, #8575ff 100%) 1;
           box-sizing: border-box;
+          @include theming.one-theme-only {
+            align-items: flex-start;
+          }
           > .drawer-content-header-content {
             display: flex;
@@ -314,9 +324,11 @@ $ai-drawer-heider-height: 42px;
             padding-inline-start: awsui.$space-l;
             padding-inline-end: awsui.$space-m;
-            @include theming.dark-mode-only {
+            @include theming.one-theme-only {
               border-block-start: awsui.$border-divider-section-width solid awsui.$color-border-layout;
+            }
+            @include theming.dark-mode-only {
               @include desktop-only {
                 &:has(+ .drawer-back-to-console-slot) {
                   border-inline-end: awsui.$border-divider-section-width solid awsui.$color-border-layout;
@@ -415,6 +427,9 @@ $ai-drawer-heider-height: 42px;
           @include theming.dark-mode-only {
             border-inline-end: awsui.$border-divider-section-width solid awsui.$color-border-layout;
           }
+          @include theming.one-theme-only {
+            border-inline-end: awsui.$border-divider-section-width solid awsui.$color-border-layout;
+          }
         }
       }
     }

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

@@ -11,6 +11,13 @@
 $toolbar-height: 42px;
+@mixin drawer-separator-border {
+  inset-block-start: $toolbar-height;
+  inline-size: awsui.$border-divider-section-width;
+  block-size: calc(100vh - #{$toolbar-height});
+  background: awsui.$color-border-layout;
+}
 .universal-toolbar {
   background-color: awsui.$color-background-layout-toolbar;
   box-sizing: border-box;
@@ -40,14 +47,13 @@ $toolbar-height: 42px;
        * - Main content area: Uses `display: contents`, preventing border application
        * - Nav panel: May be hidden, causing the border to disappear when separation is still needed
       */
+      // Visual refresh: separator only in dark mode
       @include theming.dark-mode-only {
-        content: '';
-        position: absolute;
-        inset-block-start: $toolbar-height;
-        inset-inline-start: 0;
-        inline-size: awsui.$border-divider-section-width;
-        block-size: calc(100vh - #{$toolbar-height});
-        background: awsui.$color-border-layout;
+        @include drawer-separator-border;
+      }
+      // One-theme: separator in both light and dark modes
+      @include theming.one-theme-only {
+        @include drawer-separator-border;
       }
     }
@@ -127,6 +133,13 @@ $toolbar-height: 42px;
         border-inline-start: awsui.$border-divider-section-width solid awsui.$color-border-layout;
       }
     }
+    @include theming.one-theme-only {
+      border-block-start: awsui.$border-divider-section-width solid awsui.$color-border-layout;
+      &.with-ai-drawer {
+        border-start-start-radius: awsui.$space-xxs;
+        border-inline-start: awsui.$border-divider-section-width solid awsui.$color-border-layout;
+      }
+    }
     > .universal-toolbar-nav {
       grid-column: 2;

package/lib/internal/scss/button/constants.scss CHANGED Viewed

@@ -56,7 +56,7 @@ $variants: (
     'default-color': awsui.$color-text-interactive-default,
     'hover-background': transparent,
     'hover-border-color': transparent,
-    'hover-color': awsui.$color-text-interactive-hover,
+    'hover-color': awsui.$color-text-button-icon-hover,
     'active-background': transparent,
     'active-border-color': transparent,
     'active-color': awsui.$color-text-interactive-default,
@@ -98,7 +98,7 @@ $variants: (
     'default-color': awsui.$color-text-button-normal-default,
     'hover-background': transparent,
     'hover-border-color': transparent,
-    'hover-color': awsui.$color-text-button-normal-hover,
+    'hover-color': awsui.$color-text-button-inline-link-hover,
     'active-background': transparent,
     'active-border-color': transparent,
     'active-color': awsui.$color-text-button-normal-active,

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

@@ -1,6 +1,6 @@
     // Build environment
-    $awsui-commit-hash: "4668872c";
+    $awsui-commit-hash: "9ef47515";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-z17rmd;
 $minContentWidth: --awsui-min-content-width-z17rmd;

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

@@ -1,22 +1,22 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_16248_11dsh_161",
-  "icon": "awsui_icon_16248_11dsh_193",
-  "header-inner": "awsui_header-inner_16248_11dsh_209",
-  "disabled": "awsui_disabled_16248_11dsh_218",
-  "header": "awsui_header_16248_11dsh_209",
-  "body": "awsui_body_16248_11dsh_224",
-  "header-row": "awsui_header-row_16248_11dsh_228",
-  "description": "awsui_description_16248_11dsh_241",
-  "has-header": "awsui_has-header_16248_11dsh_247",
-  "header-button": "awsui_header-button_16248_11dsh_261",
-  "overlay-button": "awsui_overlay-button_16248_11dsh_262",
-  "variant-embedded": "awsui_variant-embedded_16248_11dsh_281",
-  "variant-default": "awsui_variant-default_16248_11dsh_293",
-  "inner-card": "awsui_inner-card_16248_11dsh_394",
-  "no-padding": "awsui_no-padding_16248_11dsh_401",
-  "icon-vertical-align-center": "awsui_icon-vertical-align-center_16248_11dsh_412",
-  "icon-align-end": "awsui_icon-align-end_16248_11dsh_548"
+  "root": "awsui_root_16248_prcu5_161",
+  "icon": "awsui_icon_16248_prcu5_193",
+  "header-inner": "awsui_header-inner_16248_prcu5_209",
+  "disabled": "awsui_disabled_16248_prcu5_218",
+  "header": "awsui_header_16248_prcu5_209",
+  "body": "awsui_body_16248_prcu5_224",
+  "header-row": "awsui_header-row_16248_prcu5_228",
+  "description": "awsui_description_16248_prcu5_241",
+  "has-header": "awsui_has-header_16248_prcu5_247",
+  "header-button": "awsui_header-button_16248_prcu5_261",
+  "overlay-button": "awsui_overlay-button_16248_prcu5_262",
+  "variant-embedded": "awsui_variant-embedded_16248_prcu5_281",
+  "variant-default": "awsui_variant-default_16248_prcu5_293",
+  "inner-card": "awsui_inner-card_16248_prcu5_394",
+  "no-padding": "awsui_no-padding_16248_prcu5_401",
+  "icon-vertical-align-center": "awsui_icon-vertical-align-center_16248_prcu5_412",
+  "icon-align-end": "awsui_icon-align-end_16248_prcu5_548"
 };