@cloudscape-design/components 3.0.302 → 3.0.303

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

@@ -90,49 +90,49 @@ 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_1koih_93:not(#\9) {
+.awsui_root_gfwv3_mzzco_93:not(#\9) {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--space-scaled-xs-u0e7ft, 8px);
+  gap: var(--space-scaled-xs-wbfgrv, 8px);
 }
-.awsui_root_gfwv3_1koih_93.awsui_horizontal_gfwv3_1koih_98:not(#\9) {
-  gap: var(--space-xs-inub5w, 8px);
+.awsui_root_gfwv3_mzzco_93.awsui_horizontal_gfwv3_mzzco_98:not(#\9) {
+  gap: var(--space-xs-edba2s, 8px);
   flex-direction: row;
 }
-.awsui_root_gfwv3_1koih_93.awsui_vertical_gfwv3_1koih_102:not(#\9) {
+.awsui_root_gfwv3_mzzco_93.awsui_vertical_gfwv3_mzzco_102:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_1koih_106:not(#\9) {
+.awsui_list_gfwv3_mzzco_106:not(#\9) {
   display: contents;
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.awsui_list_gfwv3_1koih_106.awsui_horizontal_gfwv3_1koih_98:not(#\9), .awsui_list_gfwv3_1koih_106.awsui_vertical_gfwv3_1koih_102:not(#\9) {
+.awsui_list_gfwv3_mzzco_106.awsui_horizontal_gfwv3_mzzco_98:not(#\9), .awsui_list_gfwv3_mzzco_106.awsui_vertical_gfwv3_mzzco_102:not(#\9) {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--space-xs-inub5w, 8px);
+  gap: var(--space-xs-edba2s, 8px);
 }
-.awsui_list_gfwv3_1koih_106.awsui_horizontal_gfwv3_1koih_98:not(#\9) {
+.awsui_list_gfwv3_mzzco_106.awsui_horizontal_gfwv3_mzzco_98:not(#\9) {
   flex-direction: row;
 }
-.awsui_list_gfwv3_1koih_106.awsui_vertical_gfwv3_1koih_102:not(#\9) {
+.awsui_list_gfwv3_mzzco_106.awsui_vertical_gfwv3_mzzco_102:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list-item_gfwv3_1koih_124:not(#\9) {
+.awsui_list-item_gfwv3_mzzco_124:not(#\9) {
   padding: 0;
   margin: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_1koih_129:not(#\9) {
-  padding-left: var(--space-xs-inub5w, 8px);
+.awsui_toggle-container-inline_gfwv3_mzzco_129:not(#\9) {
+  padding-left: var(--space-xs-edba2s, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_1koih_129:not(#\9) {
+.awsui_toggle_gfwv3_mzzco_129:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -162,14 +162,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  color: var(--color-text-body-default-01bwmw, #000716);
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  color: var(--color-text-body-default-mmvcvg, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  color: var(--color-text-link-default-zduqq6, #0972d3);
+  color: var(--color-text-link-default-gthbx2, #0972d3);
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration: none;
@@ -178,56 +178,56 @@ 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-af0v35, 165ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-wkp575, 165ms);
   display: flex;
   align-items: center;
   background-color: transparent;
-  border: var(--border-field-width-egrqih, 2px) solid transparent;
+  border: var(--border-field-width-riro62, 2px) solid transparent;
   padding: 0;
   margin-left: -1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_1koih_129:not(#\9) {
+  .awsui_toggle_gfwv3_mzzco_129:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_1koih_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1koih_129:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_mzzco_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_mzzco_129:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_1koih_129:not(#\9):hover {
+.awsui_toggle_gfwv3_mzzco_129:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-ccw05n, #033160);
+  color: var(--color-text-link-hover-h1b9eu, #033160);
 }
-.awsui_toggle_gfwv3_1koih_129:not(#\9):focus {
+.awsui_toggle_gfwv3_mzzco_129:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_1koih_129:not(#\9):active {
-  color: var(--color-text-link-hover-ccw05n, #033160);
+.awsui_toggle_gfwv3_mzzco_129:not(#\9):active {
+  color: var(--color-text-link-hover-h1b9eu, #033160);
 }
-.awsui_toggle_gfwv3_1koih_129:not(#\9):active, .awsui_toggle_gfwv3_1koih_129:not(#\9):focus, .awsui_toggle_gfwv3_1koih_129:not(#\9):hover {
+.awsui_toggle_gfwv3_mzzco_129:not(#\9):active, .awsui_toggle_gfwv3_mzzco_129:not(#\9):focus, .awsui_toggle_gfwv3_mzzco_129:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_1koih_129:not(#\9):active, .awsui_toggle_gfwv3_1koih_129:not(#\9):focus, .awsui_toggle_gfwv3_1koih_129:not(#\9):hover {
+.awsui_toggle_gfwv3_mzzco_129:not(#\9):active, .awsui_toggle_gfwv3_mzzco_129:not(#\9):focus, .awsui_toggle_gfwv3_mzzco_129:not(#\9):hover {
   text-decoration: none;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1koih_129:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_mzzco_129:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: var(--border-field-width-egrqih, 2px) solid var(--color-border-item-focused-nwfxo7, #0972d3);
-  border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-m25vwf, 0px) var(--color-border-item-focused-nwfxo7, #0972d3);
+  border: var(--border-field-width-riro62, 2px) solid var(--color-border-item-focused-4t19h5, #0972d3);
+  border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-cwek11, 0px) var(--color-border-item-focused-4t19h5, #0972d3);
 }
-.awsui_toggle_gfwv3_1koih_129 > .awsui_description_gfwv3_1koih_197:not(#\9) {
-  margin-left: var(--space-xxs-a6783b, 4px);
+.awsui_toggle_gfwv3_mzzco_129 > .awsui_description_gfwv3_mzzco_197:not(#\9) {
+  margin-left: var(--space-xxs-ja5cp8, 4px);
 }
 
-.awsui_separator_gfwv3_1koih_201:not(#\9) {
-  margin: 0px var(--space-scaled-m-9q5ipc, 16px);
-  width: var(--border-divider-section-width-g0ay3c, 2px);
-  background-color: var(--color-border-divider-default-4spq70, #e9ebed);
+.awsui_separator_gfwv3_mzzco_201:not(#\9) {
+  margin: 0px var(--space-scaled-m-gxhdpl, 16px);
+  width: var(--border-divider-section-width-orq175, 2px);
+  background-color: var(--color-border-divider-default-9o8zql, #e9ebed);
 }

package/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_1koih_93",
-  "horizontal": "awsui_horizontal_gfwv3_1koih_98",
-  "vertical": "awsui_vertical_gfwv3_1koih_102",
-  "list": "awsui_list_gfwv3_1koih_106",
-  "list-item": "awsui_list-item_gfwv3_1koih_124",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1koih_129",
-  "toggle": "awsui_toggle_gfwv3_1koih_129",
-  "description": "awsui_description_gfwv3_1koih_197",
-  "separator": "awsui_separator_gfwv3_1koih_201"
+  "root": "awsui_root_gfwv3_mzzco_93",
+  "horizontal": "awsui_horizontal_gfwv3_mzzco_98",
+  "vertical": "awsui_vertical_gfwv3_mzzco_102",
+  "list": "awsui_list_gfwv3_mzzco_106",
+  "list-item": "awsui_list-item_gfwv3_mzzco_124",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_mzzco_129",
+  "toggle": "awsui_toggle_gfwv3_mzzco_129",
+  "description": "awsui_description_gfwv3_mzzco_197",
+  "separator": "awsui_separator_gfwv3_mzzco_201"
 };
   

package/internal/environment.js

@@ -1,6 +1,6 @@
 
     export var PACKAGE_SOURCE = 'components';
-    export var PACKAGE_VERSION = '3.0.0 (c500082)';
+    export var PACKAGE_VERSION = '3.0.0 (52c5422)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

package/internal/generated/styles/tokens.d.ts

@@ -152,6 +152,10 @@ export const colorChartsPaletteCategorical47: string;
 export const colorChartsPaletteCategorical48: string;
 export const colorChartsPaletteCategorical49: string;
 export const colorChartsPaletteCategorical50: string;
+export const colorBackgroundButtonNormalActive: string;
+export const colorBackgroundButtonNormalDefault: string;
+export const colorBackgroundButtonNormalDisabled: string;
+export const colorBackgroundButtonNormalHover: string;
 export const colorBackgroundButtonPrimaryActive: string;
 export const colorBackgroundButtonPrimaryDefault: string;
 export const colorBackgroundButtonPrimaryDisabled: string;