@cloudscape-design/components 3.0.1156 → 3.0.1158

package/internal/components/radio-button/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_radio-control_1v1hk_11np0_145:not(#\9) {
+.awsui_radio-control_1v1hk_svig6_145:not(#\9) {
   margin-block-start: calc((var(--line-height-body-m-2mh3ke, 20px) - var(--size-control-adm93y, 16px)) / 2);
   min-block-size: var(--size-control-adm93y, 16px);
   min-inline-size: var(--size-control-adm93y, 16px);
@@ -150,15 +150,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-control-adm93y, 16px);
 }
 
-.awsui_outline_1v1hk_11np0_153:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-d43v8n: 0 0 0 var(--awsui-style-focus-ring-border-width-d43v8n, 2px) var(--awsui-style-focus-ring-border-color-d43v8n, var(--color-border-item-focused-uk47pl, #006ce0));
+.awsui_outline_1v1hk_svig6_153:not(#\9) {
+  --awsui-style-focus-ring-box-shadow-rhu47t: 0 0 0 var(--awsui-style-focus-ring-border-width-rhu47t, 2px) var(--awsui-style-focus-ring-border-color-rhu47t, var(--color-border-item-focused-uk47pl, #006ce0));
   position: relative;
 }
-.awsui_outline_1v1hk_11np0_153:not(#\9) {
+.awsui_outline_1v1hk_svig6_153:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_1v1hk_11np0_153:not(#\9)::before {
+.awsui_outline_1v1hk_svig6_153:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -166,46 +166,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-d43v8n);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-rhu47t);
 }
 
-.awsui_styled-circle-border_1v1hk_11np0_176:not(#\9) {
+.awsui_styled-circle-border_1v1hk_svig6_176:not(#\9) {
   stroke: var(--color-border-control-default-sh3548, #8c8c94);
   fill: var(--color-background-control-default-4jb21l, #ffffff);
 }
-.awsui_styled-circle-border_1v1hk_11np0_176.awsui_styled-circle-disabled_1v1hk_11np0_180:not(#\9), .awsui_styled-circle-border_1v1hk_11np0_176.awsui_styled-circle-readonly_1v1hk_11np0_180:not(#\9) {
+.awsui_styled-circle-border_1v1hk_svig6_176.awsui_styled-circle-disabled_1v1hk_svig6_180:not(#\9), .awsui_styled-circle-border_1v1hk_svig6_176.awsui_styled-circle-readonly_1v1hk_svig6_180:not(#\9) {
   fill: var(--color-background-control-disabled-1f3718, #dedee3);
   stroke: var(--color-background-control-disabled-1f3718, #dedee3);
 }
 
-.awsui_styled-circle-fill_1v1hk_11np0_185:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_svig6_185:not(#\9) {
   stroke: var(--color-background-control-checked-ka7kc2, #006ce0);
   fill: var(--color-foreground-control-default-eto4wy, #ffffff);
   opacity: 0;
   transition: opacity var(--motion-duration-transition-quick-mcm2y0, 90ms) var(--motion-easing-transition-quick-qxak3i, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_styled-circle-fill_1v1hk_11np0_185:not(#\9) {
+  .awsui_styled-circle-fill_1v1hk_svig6_185:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_11np0_185:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_11np0_185:not(#\9) {
+.awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_svig6_185:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_svig6_185:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_styled-circle-fill_1v1hk_11np0_185.awsui_styled-circle-checked_1v1hk_11np0_201:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_svig6_185.awsui_styled-circle-checked_1v1hk_svig6_201:not(#\9) {
   opacity: 1;
 }
-.awsui_styled-circle-fill_1v1hk_11np0_185.awsui_styled-circle-disabled_1v1hk_11np0_180:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_svig6_185.awsui_styled-circle-disabled_1v1hk_svig6_180:not(#\9) {
   fill: var(--color-foreground-control-disabled-txi6cf, #ffffff);
   stroke: var(--color-background-control-disabled-1f3718, #dedee3);
 }
-.awsui_styled-circle-fill_1v1hk_11np0_185.awsui_styled-circle-readonly_1v1hk_11np0_180:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_svig6_185.awsui_styled-circle-readonly_1v1hk_svig6_180:not(#\9) {
   fill: var(--color-foreground-control-read-only-7ydvuj, #656871);
   stroke: var(--color-background-control-disabled-1f3718, #dedee3);
 }

package/internal/components/radio-button/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "radio-control": "awsui_radio-control_1v1hk_11np0_145",
-  "outline": "awsui_outline_1v1hk_11np0_153",
-  "styled-circle-border": "awsui_styled-circle-border_1v1hk_11np0_176",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_11np0_180",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_11np0_180",
-  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_11np0_185",
-  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_11np0_201"
+  "radio-control": "awsui_radio-control_1v1hk_svig6_145",
+  "outline": "awsui_outline_1v1hk_svig6_153",
+  "styled-circle-border": "awsui_styled-circle-border_1v1hk_svig6_176",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_svig6_180",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_svig6_180",
+  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_svig6_185",
+  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_svig6_201"
 };
   

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

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_1xo54_193",
-  "horizontal": "awsui_horizontal_gfwv3_1xo54_196",
-  "vertical": "awsui_vertical_gfwv3_1xo54_202",
-  "list": "awsui_list_gfwv3_1xo54_207",
-  "grid": "awsui_grid_gfwv3_1xo54_226",
-  "list-item": "awsui_list-item_gfwv3_1xo54_238",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1xo54_245",
-  "toggle": "awsui_toggle_gfwv3_1xo54_245",
-  "description": "awsui_description_gfwv3_1xo54_337",
-  "separator": "awsui_separator_gfwv3_1xo54_341"
+  "root": "awsui_root_gfwv3_167pt_193",
+  "horizontal": "awsui_horizontal_gfwv3_167pt_196",
+  "vertical": "awsui_vertical_gfwv3_167pt_202",
+  "list": "awsui_list_gfwv3_167pt_207",
+  "grid": "awsui_grid_gfwv3_167pt_226",
+  "list-item": "awsui_list-item_gfwv3_167pt_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_167pt_245",
+  "toggle": "awsui_toggle_gfwv3_167pt_245",
+  "description": "awsui_description_gfwv3_167pt_337",
+  "separator": "awsui_separator_gfwv3_167pt_341"
 };
   

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

@@ -190,21 +190,21 @@ 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_1xo54_193:not(#\9) {
+.awsui_root_gfwv3_167pt_193:not(#\9) {
   gap: var(--space-scaled-xs-xwoogq, 8px);
 }
-.awsui_root_gfwv3_1xo54_193.awsui_horizontal_gfwv3_1xo54_196:not(#\9) {
+.awsui_root_gfwv3_167pt_193.awsui_horizontal_gfwv3_167pt_196:not(#\9) {
   display: flex;
   gap: var(--space-xs-ymlm0b, 8px);
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_root_gfwv3_1xo54_193.awsui_vertical_gfwv3_1xo54_202:not(#\9) {
+.awsui_root_gfwv3_167pt_193.awsui_vertical_gfwv3_167pt_202:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_1xo54_207:not(#\9) {
+.awsui_list_gfwv3_167pt_207:not(#\9) {
   display: contents;
   list-style: none;
   padding-block: 0;
@@ -212,43 +212,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_list_gfwv3_1xo54_207.awsui_horizontal_gfwv3_1xo54_196:not(#\9), .awsui_list_gfwv3_1xo54_207.awsui_vertical_gfwv3_1xo54_202:not(#\9) {
+.awsui_list_gfwv3_167pt_207.awsui_horizontal_gfwv3_167pt_196:not(#\9), .awsui_list_gfwv3_167pt_207.awsui_vertical_gfwv3_167pt_202:not(#\9) {
   display: flex;
   gap: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_list_gfwv3_1xo54_207.awsui_horizontal_gfwv3_1xo54_196:not(#\9) {
+.awsui_list_gfwv3_167pt_207.awsui_horizontal_gfwv3_167pt_196:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_list_gfwv3_1xo54_207.awsui_vertical_gfwv3_1xo54_202:not(#\9) {
+.awsui_list_gfwv3_167pt_207.awsui_vertical_gfwv3_167pt_202:not(#\9) {
   flex-direction: column;
 }
-.awsui_list_gfwv3_1xo54_207.awsui_grid_gfwv3_1xo54_226:not(#\9) {
+.awsui_list_gfwv3_167pt_207.awsui_grid_gfwv3_167pt_226:not(#\9) {
   display: grid;
   gap: var(--space-xs-ymlm0b, 8px);
   grid-template-columns: repeat(auto-fill, 230px);
 }
 @media (max-width: 688px) {
-  .awsui_list_gfwv3_1xo54_207.awsui_grid_gfwv3_1xo54_226:not(#\9) {
+  .awsui_list_gfwv3_167pt_207.awsui_grid_gfwv3_167pt_226:not(#\9) {
     display: flex;
     flex-direction: column;
   }
 }
 
-.awsui_list-item_gfwv3_1xo54_238:not(#\9) {
+.awsui_list-item_gfwv3_167pt_238:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_1xo54_245:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_167pt_245:not(#\9) {
   padding-inline-start: var(--space-xs-ymlm0b, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_1xo54_245:not(#\9) {
+.awsui_toggle_gfwv3_167pt_245:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -288,7 +288,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: -1px;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-d43v8n, var(--color-text-link-default-hude44, #006ce0));
+  color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-hude44, #006ce0));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -299,34 +299,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_1xo54_245:not(#\9) {
+  .awsui_toggle_gfwv3_167pt_245:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_1xo54_245:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1xo54_245:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_167pt_245:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_167pt_245:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_1xo54_245:not(#\9):hover {
+.awsui_toggle_gfwv3_167pt_245:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-2hfec2, #002b66));
+  color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_toggle_gfwv3_1xo54_245:not(#\9):focus {
+.awsui_toggle_gfwv3_167pt_245:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_1xo54_245:not(#\9):active {
-  color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-2hfec2, #002b66));
+.awsui_toggle_gfwv3_167pt_245:not(#\9):active {
+  color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_toggle_gfwv3_1xo54_245:not(#\9):active, .awsui_toggle_gfwv3_1xo54_245:not(#\9):focus, .awsui_toggle_gfwv3_1xo54_245:not(#\9):hover {
+.awsui_toggle_gfwv3_167pt_245:not(#\9):active, .awsui_toggle_gfwv3_167pt_245:not(#\9):focus, .awsui_toggle_gfwv3_167pt_245:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_1xo54_245:not(#\9):active, .awsui_toggle_gfwv3_1xo54_245:not(#\9):focus, .awsui_toggle_gfwv3_1xo54_245:not(#\9):hover {
+.awsui_toggle_gfwv3_167pt_245:not(#\9):active, .awsui_toggle_gfwv3_167pt_245:not(#\9):focus, .awsui_toggle_gfwv3_167pt_245:not(#\9):hover {
   text-decoration: none;
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1xo54_245:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_167pt_245:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-uk47pl, #006ce0);
   border-inline: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-uk47pl, #006ce0);
@@ -336,11 +336,11 @@ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1xo54_245:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_toggle_gfwv3_1xo54_245 > .awsui_description_gfwv3_1xo54_337:not(#\9) {
+.awsui_toggle_gfwv3_167pt_245 > .awsui_description_gfwv3_167pt_337:not(#\9) {
   margin-inline-start: var(--space-xxs-hwfkai, 4px);
 }
 
-.awsui_separator_gfwv3_1xo54_341:not(#\9) {
+.awsui_separator_gfwv3_167pt_341:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-m892r9, 16px);
   inline-size: var(--border-divider-section-width-uwo8my, 1px);

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

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_1xo54_193",
-  "horizontal": "awsui_horizontal_gfwv3_1xo54_196",
-  "vertical": "awsui_vertical_gfwv3_1xo54_202",
-  "list": "awsui_list_gfwv3_1xo54_207",
-  "grid": "awsui_grid_gfwv3_1xo54_226",
-  "list-item": "awsui_list-item_gfwv3_1xo54_238",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1xo54_245",
-  "toggle": "awsui_toggle_gfwv3_1xo54_245",
-  "description": "awsui_description_gfwv3_1xo54_337",
-  "separator": "awsui_separator_gfwv3_1xo54_341"
+  "root": "awsui_root_gfwv3_167pt_193",
+  "horizontal": "awsui_horizontal_gfwv3_167pt_196",
+  "vertical": "awsui_vertical_gfwv3_167pt_202",
+  "list": "awsui_list_gfwv3_167pt_207",
+  "grid": "awsui_grid_gfwv3_167pt_226",
+  "list-item": "awsui_list-item_gfwv3_167pt_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_167pt_245",
+  "toggle": "awsui_toggle_gfwv3_167pt_245",
+  "description": "awsui_description_gfwv3_167pt_337",
+  "separator": "awsui_separator_gfwv3_167pt_341"
 };
   

package/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (6d73d510)";
-export var GIT_SHA = "6d73d510";
+export var PACKAGE_VERSION = "3.0.0 (8568662e)";
+export var GIT_SHA = "8568662e";
 export var THEME = "open-source-visual-refresh";
-export var SYSTEM = "console";
+export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,8 +1,8 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (6d73d510)",
-  "GIT_SHA": "6d73d510",
+  "PACKAGE_VERSION": "3.0.0 (8568662e)",
+  "GIT_SHA": "8568662e",
   "THEME": "open-source-visual-refresh",
-  "SYSTEM": "console",
+  "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": true
 }

package/internal/generated/custom-css-properties/index.d.ts

@@ -92,6 +92,11 @@ declare const customCSSPropertiesMap: {
   stylePlaceholderFontSize: string;
   stylePlaceholderFontStyle: string;
   stylePlaceholderFontWeight: string;
+  styleTabsActiveIndicatorColor: string;
+  styleTabsActiveIndicatorWidth: string;
+  styleTabsActiveIndicatorBorderRadius: string;
+  styleTabsSeparatorColor: string;
+  styleTabsSeparatorWidth: string;
   alertFocusRingBorderColor: string;
   alertFocusRingBorderRadius: string;
   alertFocusRingBorderWidth: string;

package/internal/generated/custom-css-properties/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+H3B,CAAC;AACF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoI3B,CAAC;AACF,eAAe,sBAAsB,CAAC"}