@cloudscape-design/components-themeable 3.0.743 → 3.0.745

package/lib/internal/template/internal/components/token-list/styles.scoped.css

@@ -178,20 +178,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_gfwv3_16o27_181:not(#\9) {
+.awsui_root_gfwv3_1pikh_181:not(#\9) {
   display: flex;
   gap: var(--space-scaled-xs-x91h81, 8px);
 }
-.awsui_root_gfwv3_16o27_181.awsui_horizontal_gfwv3_16o27_185:not(#\9) {
+.awsui_root_gfwv3_1pikh_181.awsui_horizontal_gfwv3_1pikh_185:not(#\9) {
   gap: var(--space-xs-xf5ch3, 8px);
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_root_gfwv3_16o27_181.awsui_vertical_gfwv3_16o27_190:not(#\9) {
+.awsui_root_gfwv3_1pikh_181.awsui_vertical_gfwv3_1pikh_190:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_16o27_194:not(#\9) {
+.awsui_list_gfwv3_1pikh_194:not(#\9) {
   display: contents;
   list-style: none;
   padding-block: 0;
@@ -199,32 +199,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_list_gfwv3_16o27_194.awsui_horizontal_gfwv3_16o27_185:not(#\9), .awsui_list_gfwv3_16o27_194.awsui_vertical_gfwv3_16o27_190:not(#\9) {
+.awsui_list_gfwv3_1pikh_194.awsui_horizontal_gfwv3_1pikh_185:not(#\9), .awsui_list_gfwv3_1pikh_194.awsui_vertical_gfwv3_1pikh_190:not(#\9) {
   display: flex;
   gap: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_list_gfwv3_16o27_194.awsui_horizontal_gfwv3_16o27_185:not(#\9) {
+.awsui_list_gfwv3_1pikh_194.awsui_horizontal_gfwv3_1pikh_185:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_list_gfwv3_16o27_194.awsui_vertical_gfwv3_16o27_190:not(#\9) {
+.awsui_list_gfwv3_1pikh_194.awsui_vertical_gfwv3_1pikh_190:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list-item_gfwv3_16o27_214:not(#\9) {
+.awsui_list-item_gfwv3_1pikh_214:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_16o27_221:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_1pikh_221:not(#\9) {
   padding-inline-start: var(--space-xs-xf5ch3, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_16o27_221:not(#\9) {
+.awsui_toggle_gfwv3_1pikh_221:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -266,7 +266,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-0rwzu1, 165ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-i6gkfs, 0ms);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
   display: flex;
@@ -279,34 +279,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: -1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_16o27_221:not(#\9) {
+  .awsui_toggle_gfwv3_1pikh_221:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_16o27_221:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_16o27_221:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_1pikh_221:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1pikh_221:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_16o27_221:not(#\9):hover {
+.awsui_toggle_gfwv3_1pikh_221:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_toggle_gfwv3_16o27_221:not(#\9):focus {
+.awsui_toggle_gfwv3_1pikh_221:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_16o27_221:not(#\9):active {
+.awsui_toggle_gfwv3_1pikh_221:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_toggle_gfwv3_16o27_221:not(#\9):active, .awsui_toggle_gfwv3_16o27_221:not(#\9):focus, .awsui_toggle_gfwv3_16o27_221:not(#\9):hover {
+.awsui_toggle_gfwv3_1pikh_221:not(#\9):active, .awsui_toggle_gfwv3_1pikh_221:not(#\9):focus, .awsui_toggle_gfwv3_1pikh_221:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_16o27_221:not(#\9):active, .awsui_toggle_gfwv3_16o27_221:not(#\9):focus, .awsui_toggle_gfwv3_16o27_221:not(#\9):hover {
+.awsui_toggle_gfwv3_1pikh_221:not(#\9):active, .awsui_toggle_gfwv3_1pikh_221:not(#\9):focus, .awsui_toggle_gfwv3_1pikh_221:not(#\9):hover {
   text-decoration: none;
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_16o27_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1pikh_221:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
   border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
@@ -316,11 +316,11 @@ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_16o27_221:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_toggle_gfwv3_16o27_221 > .awsui_description_gfwv3_16o27_316:not(#\9) {
+.awsui_toggle_gfwv3_1pikh_221 > .awsui_description_gfwv3_1pikh_316:not(#\9) {
   margin-inline-start: var(--space-xxs-9rrxti, 4px);
 }
 
-.awsui_separator_gfwv3_16o27_320:not(#\9) {
+.awsui_separator_gfwv3_1pikh_320:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-er48cl, 16px);
   inline-size: var(--border-divider-section-width-wl9k66, 1px);

package/lib/internal/template/internal/components/token-list/styles.selectors.js

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_16o27_181",
-  "horizontal": "awsui_horizontal_gfwv3_16o27_185",
-  "vertical": "awsui_vertical_gfwv3_16o27_190",
-  "list": "awsui_list_gfwv3_16o27_194",
-  "list-item": "awsui_list-item_gfwv3_16o27_214",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_16o27_221",
-  "toggle": "awsui_toggle_gfwv3_16o27_221",
-  "description": "awsui_description_gfwv3_16o27_316",
-  "separator": "awsui_separator_gfwv3_16o27_320"
+  "root": "awsui_root_gfwv3_1pikh_181",
+  "horizontal": "awsui_horizontal_gfwv3_1pikh_185",
+  "vertical": "awsui_vertical_gfwv3_1pikh_190",
+  "list": "awsui_list_gfwv3_1pikh_194",
+  "list-item": "awsui_list-item_gfwv3_1pikh_214",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1pikh_221",
+  "toggle": "awsui_toggle_gfwv3_1pikh_221",
+  "description": "awsui_description_gfwv3_1pikh_316",
+  "separator": "awsui_separator_gfwv3_1pikh_320"
 };
   

package/lib/internal/template/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (d42b614a)";
+export var PACKAGE_VERSION = "3.0.0 (69e8ea88)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (d42b614a)",
+  "PACKAGE_VERSION": "3.0.0 (69e8ea88)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/internal/generated/styles/tokens.js

@@ -334,7 +334,7 @@ export var colorBorderItemFocused = "var(--color-border-item-focused-b2ntyl, #09
 export var colorBorderDropdownItemFocused = "var(--color-border-dropdown-item-focused-5hbaf3, #414d5c)";
 export var colorBorderItemPlaceholder = "var(--color-border-item-placeholder-h8j85e, #0972d3)";
 export var colorBorderItemSelected = "var(--color-border-item-selected-k00wlz, #0972d3)";
-export var colorBorderLayout = "var(--color-border-layout-ownedw, #d1d5db)";
+export var colorBorderLayout = "var(--color-border-layout-1zovx9, #b6bec9)";
 export var colorBorderNotificationStackBar = "var(--color-border-notification-stack-bar-t3aws2, #232f3e)";
 export var colorBorderPanelHeader = "var(--color-border-panel-header-lf0q4c, #b6bec9)";
 export var colorBorderPopover = "var(--color-border-popover-umqvld, #9ba7b6)";

package/lib/internal/template/internal/generated/theming/index.cjs

@@ -1222,8 +1222,8 @@ module.exports.preset = {
         "dark": "{colorBlue500}"
       },
       "colorBorderLayout": {
-        "light": "{colorGrey300}",
-        "dark": "{colorGrey650}"
+        "light": "{colorBorderDividerDefault}",
+        "dark": "{colorBorderDividerDefault}"
       },
       "colorBorderNotificationStackBar": {
         "light": "{colorGrey700}",
@@ -3396,8 +3396,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -4490,8 +4490,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -5516,8 +5516,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey300}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -6542,8 +6542,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey300}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -7568,8 +7568,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey300}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -8596,8 +8596,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -11328,7 +11328,7 @@ module.exports.preset = {
     "colorBorderDropdownItemFocused": "--color-border-dropdown-item-focused-5hbaf3",
     "colorBorderItemPlaceholder": "--color-border-item-placeholder-h8j85e",
     "colorBorderItemSelected": "--color-border-item-selected-k00wlz",
-    "colorBorderLayout": "--color-border-layout-ownedw",
+    "colorBorderLayout": "--color-border-layout-1zovx9",
     "colorBorderNotificationStackBar": "--color-border-notification-stack-bar-t3aws2",
     "colorBorderPanelHeader": "--color-border-panel-header-lf0q4c",
     "colorBorderPopover": "--color-border-popover-umqvld",

package/lib/internal/template/internal/generated/theming/index.js

@@ -1222,8 +1222,8 @@ export var preset = {
         "dark": "{colorBlue500}"
       },
       "colorBorderLayout": {
-        "light": "{colorGrey300}",
-        "dark": "{colorGrey650}"
+        "light": "{colorBorderDividerDefault}",
+        "dark": "{colorBorderDividerDefault}"
       },
       "colorBorderNotificationStackBar": {
         "light": "{colorGrey700}",
@@ -3396,8 +3396,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -4490,8 +4490,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -5516,8 +5516,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey300}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -6542,8 +6542,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey300}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -7568,8 +7568,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey300}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -8596,8 +8596,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -11328,7 +11328,7 @@ export var preset = {
     "colorBorderDropdownItemFocused": "--color-border-dropdown-item-focused-5hbaf3",
     "colorBorderItemPlaceholder": "--color-border-item-placeholder-h8j85e",
     "colorBorderItemSelected": "--color-border-item-selected-k00wlz",
-    "colorBorderLayout": "--color-border-layout-ownedw",
+    "colorBorderLayout": "--color-border-layout-1zovx9",
     "colorBorderNotificationStackBar": "--color-border-notification-stack-bar-t3aws2",
     "colorBorderPanelHeader": "--color-border-panel-header-lf0q4c",
     "colorBorderPopover": "--color-border-popover-umqvld",

package/lib/internal/template/link/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1pc9p_141",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1pc9p_210",
-  "variant-primary": "awsui_variant-primary_4c84z_1pc9p_245",
-  "variant-info": "awsui_variant-info_4c84z_1pc9p_278",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1pc9p_313",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1pc9p_345",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1pc9p_378",
-  "button": "awsui_button_4c84z_1pc9p_411",
-  "color-inverted": "awsui_color-inverted_4c84z_1pc9p_446",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1pc9p_467",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1pc9p_474",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1pc9p_480",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1pc9p_486",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1pc9p_493",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1pc9p_500",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1pc9p_507",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1pc9p_514",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1pc9p_521",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1pc9p_529",
-  "icon": "awsui_icon_4c84z_1pc9p_529"
+  "link": "awsui_link_4c84z_tnwi8_141",
+  "variant-secondary": "awsui_variant-secondary_4c84z_tnwi8_210",
+  "variant-primary": "awsui_variant-primary_4c84z_tnwi8_245",
+  "variant-info": "awsui_variant-info_4c84z_tnwi8_278",
+  "variant-value-large": "awsui_variant-value-large_4c84z_tnwi8_313",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_tnwi8_345",
+  "variant-recovery": "awsui_variant-recovery_4c84z_tnwi8_378",
+  "button": "awsui_button_4c84z_tnwi8_411",
+  "color-inverted": "awsui_color-inverted_4c84z_tnwi8_446",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_tnwi8_467",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_tnwi8_474",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_tnwi8_480",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_tnwi8_486",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_tnwi8_493",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_tnwi8_500",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_tnwi8_507",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_tnwi8_514",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_tnwi8_521",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_tnwi8_529",
+  "icon": "awsui_icon_4c84z_tnwi8_529"
 };