npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.312 → 3.0.313 - Mend

@cloudscape-design/components-themeable 3.0.312 → 3.0.313

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

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

@@ -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_12h14_93:not(#\9) {
+.awsui_root_gfwv3_1fw4w_93:not(#\9) {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--space-scaled-xs-k3qrsg, 8px);
+  gap: var(--space-scaled-xs-sg3tfb, 8px);
 }
-.awsui_root_gfwv3_12h14_93.awsui_horizontal_gfwv3_12h14_98:not(#\9) {
-  gap: var(--space-xs-70e4tc, 8px);
+.awsui_root_gfwv3_1fw4w_93.awsui_horizontal_gfwv3_1fw4w_98:not(#\9) {
+  gap: var(--space-xs-7veqkr, 8px);
   flex-direction: row;
 }
-.awsui_root_gfwv3_12h14_93.awsui_vertical_gfwv3_12h14_102:not(#\9) {
+.awsui_root_gfwv3_1fw4w_93.awsui_vertical_gfwv3_1fw4w_102:not(#\9) {
   flex-direction: column;
 }
-.awsui_list_gfwv3_12h14_106:not(#\9) {
+.awsui_list_gfwv3_1fw4w_106:not(#\9) {
   display: contents;
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.awsui_list_gfwv3_12h14_106.awsui_horizontal_gfwv3_12h14_98:not(#\9), .awsui_list_gfwv3_12h14_106.awsui_vertical_gfwv3_12h14_102:not(#\9) {
+.awsui_list_gfwv3_1fw4w_106.awsui_horizontal_gfwv3_1fw4w_98:not(#\9), .awsui_list_gfwv3_1fw4w_106.awsui_vertical_gfwv3_1fw4w_102:not(#\9) {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--space-xs-70e4tc, 8px);
+  gap: var(--space-xs-7veqkr, 8px);
 }
-.awsui_list_gfwv3_12h14_106.awsui_horizontal_gfwv3_12h14_98:not(#\9) {
+.awsui_list_gfwv3_1fw4w_106.awsui_horizontal_gfwv3_1fw4w_98:not(#\9) {
   flex-direction: row;
 }
-.awsui_list_gfwv3_12h14_106.awsui_vertical_gfwv3_12h14_102:not(#\9) {
+.awsui_list_gfwv3_1fw4w_106.awsui_vertical_gfwv3_1fw4w_102:not(#\9) {
   flex-direction: column;
 }
-.awsui_list-item_gfwv3_12h14_124:not(#\9) {
+.awsui_list-item_gfwv3_1fw4w_124:not(#\9) {
   padding: 0;
   margin: 0;
 }
-.awsui_toggle-container-inline_gfwv3_12h14_129:not(#\9) {
-  padding-left: var(--space-xs-70e4tc, 8px);
+.awsui_toggle-container-inline_gfwv3_1fw4w_129:not(#\9) {
+  padding-left: var(--space-xs-7veqkr, 8px);
   display: flex;
   align-items: center;
 }
-.awsui_toggle_gfwv3_12h14_129:not(#\9) {
+.awsui_toggle_gfwv3_1fw4w_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-i6yc1c, 14px);
-  line-height: var(--font-body-m-line-height-uf359w, 22px);
-  color: var(--color-text-body-default-v5bj0z, #16191f);
+  font-size: var(--font-body-m-size-0qqejn, 14px);
+  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  color: var(--color-text-body-default-fckvk9, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-vmkkua, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  color: var(--color-text-link-default-m21l9v, #0073bb);
+  color: var(--color-text-link-default-0jy39k, #0073bb);
   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-mj4v72, 165ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-smx8a1, 165ms);
   display: flex;
   align-items: center;
   background-color: transparent;
-  border: var(--border-field-width-nvrpcd, 1px) solid transparent;
+  border: var(--border-field-width-gmdyxy, 1px) solid transparent;
   padding: 0;
   margin-left: -1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_12h14_129:not(#\9) {
+  .awsui_toggle_gfwv3_1fw4w_129:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_12h14_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_12h14_129:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_1fw4w_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1fw4w_129:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_12h14_129:not(#\9):hover {
+.awsui_toggle_gfwv3_1fw4w_129:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-z3rl2f, #0073bb);
+  color: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_toggle_gfwv3_12h14_129:not(#\9):focus {
+.awsui_toggle_gfwv3_1fw4w_129:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_12h14_129:not(#\9):active {
-  color: var(--color-text-link-hover-z3rl2f, #0073bb);
+.awsui_toggle_gfwv3_1fw4w_129:not(#\9):active {
+  color: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_toggle_gfwv3_12h14_129:not(#\9):active, .awsui_toggle_gfwv3_12h14_129:not(#\9):focus, .awsui_toggle_gfwv3_12h14_129:not(#\9):hover {
+.awsui_toggle_gfwv3_1fw4w_129:not(#\9):active, .awsui_toggle_gfwv3_1fw4w_129:not(#\9):focus, .awsui_toggle_gfwv3_1fw4w_129:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_12h14_129:not(#\9):active, .awsui_toggle_gfwv3_12h14_129:not(#\9):focus, .awsui_toggle_gfwv3_12h14_129:not(#\9):hover {
+.awsui_toggle_gfwv3_1fw4w_129:not(#\9):active, .awsui_toggle_gfwv3_1fw4w_129:not(#\9):focus, .awsui_toggle_gfwv3_1fw4w_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_12h14_129:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1fw4w_129:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: var(--border-field-width-nvrpcd, 1px) solid var(--color-border-item-focused-oqg5wt, #0073bb);
-  border-radius: var(--border-radius-control-default-focus-ring-tjcd01, 2px);
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-250cmp, 1px) var(--color-border-item-focused-oqg5wt, #0073bb);
+  border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-item-focused-4clyb1, #0073bb);
+  border-radius: var(--border-radius-control-default-focus-ring-uu8qi4, 2px);
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-qycpr2, 1px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_toggle_gfwv3_12h14_129 > .awsui_description_gfwv3_12h14_197:not(#\9) {
-  margin-left: var(--space-xxs-68xp1c, 4px);
+.awsui_toggle_gfwv3_1fw4w_129 > .awsui_description_gfwv3_1fw4w_197:not(#\9) {
+  margin-left: var(--space-xxs-xx079q, 4px);
 }
-.awsui_separator_gfwv3_12h14_201:not(#\9) {
-  margin: 0px var(--space-scaled-m-9r8o39, 16px);
-  width: var(--border-divider-section-width-om0oy7, 1px);
-  background-color: var(--color-border-divider-default-77o8t1, #eaeded);
+.awsui_separator_gfwv3_1fw4w_201:not(#\9) {
+  margin: 0px var(--space-scaled-m-5caa5e, 16px);
+  width: var(--border-divider-section-width-p0xg84, 1px);
+  background-color: var(--color-border-divider-default-uqjcpn, #eaeded);
 }

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

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_12h14_93",
-  "horizontal": "awsui_horizontal_gfwv3_12h14_98",
-  "vertical": "awsui_vertical_gfwv3_12h14_102",
-  "list": "awsui_list_gfwv3_12h14_106",
-  "list-item": "awsui_list-item_gfwv3_12h14_124",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_12h14_129",
-  "toggle": "awsui_toggle_gfwv3_12h14_129",
-  "description": "awsui_description_gfwv3_12h14_197",
-  "separator": "awsui_separator_gfwv3_12h14_201"
+  "root": "awsui_root_gfwv3_1fw4w_93",
+  "horizontal": "awsui_horizontal_gfwv3_1fw4w_98",
+  "vertical": "awsui_vertical_gfwv3_1fw4w_102",
+  "list": "awsui_list_gfwv3_1fw4w_106",
+  "list-item": "awsui_list-item_gfwv3_1fw4w_124",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1fw4w_129",
+  "toggle": "awsui_toggle_gfwv3_1fw4w_129",
+  "description": "awsui_description_gfwv3_1fw4w_197",
+  "separator": "awsui_separator_gfwv3_1fw4w_201"
 };

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

@@ -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/lib/internal/template/internal/generated/styles/tokens.d.ts CHANGED Viewed

@@ -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;