@cloudscape-design/components-themeable 3.0.1274 → 3.0.1276

package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css

@@ -142,66 +142,59 @@
 */
 /* 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_trigger_lpshu_hah7l_145:not(#\9) {
+.awsui_trigger_lpshu_1jxi5_145:not(#\9) {
   all: initial;
   cursor: pointer;
   color: var(--color-text-interactive-default-qwoe3g, #545b64);
   text-align: center;
 }
-.awsui_trigger_lpshu_hah7l_145.awsui_custom_lpshu_hah7l_151:not(#\9) {
+.awsui_trigger_lpshu_1jxi5_145.awsui_custom_lpshu_1jxi5_151:not(#\9) {
   display: flex;
   block-size: 100%;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_trigger-with-badge_lpshu_hah7l_157:not(#\9) {
-  clip-path: path("M29.2862 10.4145C28.7243 10.5998 28.1238 10.7 27.4999 10.7C24.3519 10.7 21.7999 8.14803 21.7999 5C21.7999 3.92883 22.0954 2.92667 22.6093 2.07057C20.3785 0.754846 17.7774 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30C23.2843 30 30 23.2843 30 15C30 13.4007 29.7497 11.8599 29.2862 10.4145Z");
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-}
-.awsui_trigger-with-badge_lpshu_hah7l_157:not(#\9):dir(rtl) {
-  clip-path: path("M2.21384 10.4145C2.77569 10.5998 3.37617 10.7 4.00007 10.7C7.1481 10.7 9.70007 8.14803 9.70007 5C9.70007 3.92883 9.4046 2.92667 8.89071 2.07057C11.1215 0.754846 13.7226 0 16.5 0C24.7843 0 31.5 6.71573 31.5 15C31.5 23.2843 24.7843 30 16.5 30C8.21573 30 1.5 23.2843 1.5 15C1.5 13.4007 1.75029 11.8599 2.21384 10.4145Z");
-}
-.awsui_trigger_lpshu_hah7l_145:not(#\9):focus {
+.awsui_trigger_lpshu_1jxi5_145:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_lpshu_hah7l_145.awsui_circle_lpshu_hah7l_167:not(#\9) {
-  border-start-start-radius: 50%;
-  border-start-end-radius: 50%;
-  border-end-start-radius: 50%;
-  border-end-end-radius: 50%;
+.awsui_trigger_lpshu_1jxi5_145.awsui_default_lpshu_1jxi5_160:not(#\9) {
+  border-start-start-radius: var(--border-radius-button-vm1lh4, 2px);
+  border-start-end-radius: var(--border-radius-button-vm1lh4, 2px);
+  border-end-start-radius: var(--border-radius-button-vm1lh4, 2px);
+  border-end-end-radius: var(--border-radius-button-vm1lh4, 2px);
   block-size: 30px;
   inline-size: 30px;
 }
-.awsui_trigger_lpshu_hah7l_145.awsui_circle_lpshu_hah7l_167:not(#\9):hover {
+.awsui_trigger_lpshu_1jxi5_145.awsui_default_lpshu_1jxi5_160:not(#\9):hover {
   background: var(--color-background-input-disabled-4vlau3, #eaeded);
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_trigger_lpshu_hah7l_145.awsui_circle_lpshu_hah7l_167:not(#\9):active {
+.awsui_trigger_lpshu_1jxi5_145.awsui_default_lpshu_1jxi5_160:not(#\9):active {
   background: var(--color-background-control-disabled-2ixett, #d5dbdb);
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_trigger_lpshu_hah7l_145.awsui_circle_lpshu_hah7l_167.awsui_selected_lpshu_hah7l_183:not(#\9) {
+.awsui_trigger_lpshu_1jxi5_145.awsui_default_lpshu_1jxi5_160.awsui_selected_lpshu_1jxi5_176:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-o4my1h, #0073bb);
   color: var(--color-text-layout-toggle-selected-ofhd1q, #ffffff);
 }
-.awsui_trigger_lpshu_hah7l_145.awsui_circle_lpshu_hah7l_167.awsui_selected_lpshu_hah7l_183:not(#\9):hover {
+.awsui_trigger_lpshu_1jxi5_145.awsui_default_lpshu_1jxi5_160.awsui_selected_lpshu_1jxi5_176:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-yuaxel, #0a4a74);
 }
-.awsui_trigger_lpshu_hah7l_145.awsui_circle_lpshu_hah7l_167.awsui_selected_lpshu_hah7l_183:not(#\9):active {
+.awsui_trigger_lpshu_1jxi5_145.awsui_default_lpshu_1jxi5_160.awsui_selected_lpshu_1jxi5_176:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-wfv72o, #0073bb);
 }
 
-.awsui_trigger-wrapper_lpshu_hah7l_194:not(#\9) {
+.awsui_trigger-wrapper_lpshu_1jxi5_187:not(#\9) {
   position: relative;
 }
-.awsui_trigger-wrapper_lpshu_hah7l_194:not(#\9):has(:focus-visible) {
+.awsui_trigger-wrapper_lpshu_1jxi5_187:not(#\9):has(:focus-visible) {
   position: relative;
 }
-.awsui_trigger-wrapper_lpshu_hah7l_194:not(#\9):has(:focus-visible) {
+.awsui_trigger-wrapper_lpshu_1jxi5_187:not(#\9):has(:focus-visible) {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-.awsui_trigger-wrapper_lpshu_hah7l_194:not(#\9):has(:focus-visible)::before {
+.awsui_trigger-wrapper_lpshu_1jxi5_187:not(#\9):has(:focus-visible)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -216,7 +209,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
 
-.awsui_dot_lpshu_hah7l_219:not(#\9) {
+.awsui_dot_lpshu_1jxi5_212:not(#\9) {
   position: absolute;
   inline-size: 8px;
   block-size: 8px;
@@ -225,6 +218,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: 8px;
   border-end-end-radius: 8px;
   background-color: var(--color-background-badge-icon-y5ul10, #d13212);
-  inset-block-start: 1px;
+  inset-block-start: -1px;
   inset-inline-end: -1px;
+  outline: solid 2px var(--color-background-layout-panel-content-9tbx75, #ffffff);
 }

package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js

@@ -2,12 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "trigger": "awsui_trigger_lpshu_hah7l_145",
-  "custom": "awsui_custom_lpshu_hah7l_151",
-  "trigger-with-badge": "awsui_trigger-with-badge_lpshu_hah7l_157",
-  "circle": "awsui_circle_lpshu_hah7l_167",
-  "selected": "awsui_selected_lpshu_hah7l_183",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_hah7l_194",
-  "dot": "awsui_dot_lpshu_hah7l_219"
+  "trigger": "awsui_trigger_lpshu_1jxi5_145",
+  "custom": "awsui_custom_lpshu_1jxi5_151",
+  "default": "awsui_default_lpshu_1jxi5_160",
+  "selected": "awsui_selected_lpshu_1jxi5_176",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_1jxi5_187",
+  "dot": "awsui_dot_lpshu_1jxi5_212"
 };
   

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

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_vjswe_122j1_153",
-  "button": "awsui_button_vjswe_122j1_157",
-  "variant-normal": "awsui_variant-normal_vjswe_122j1_206",
-  "disabled": "awsui_disabled_vjswe_122j1_227",
-  "variant-primary": "awsui_variant-primary_vjswe_122j1_235",
-  "variant-link": "awsui_variant-link_vjswe_122j1_264",
-  "variant-icon": "awsui_variant-icon_vjswe_122j1_293",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_122j1_322",
-  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_122j1_351",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_122j1_380",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_122j1_413",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_122j1_442",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_122j1_471",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_122j1_505",
-  "button-no-text": "awsui_button-no-text_vjswe_122j1_601",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_122j1_605",
-  "full-width": "awsui_full-width_vjswe_122j1_608",
-  "icon-left": "awsui_icon-left_vjswe_122j1_630",
-  "icon-right": "awsui_icon-right_vjswe_122j1_635",
-  "icon": "awsui_icon_vjswe_122j1_630",
-  "link": "awsui_link_vjswe_122j1_654",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_122j1_654"
+  "content": "awsui_content_vjswe_8xaol_153",
+  "button": "awsui_button_vjswe_8xaol_157",
+  "variant-normal": "awsui_variant-normal_vjswe_8xaol_206",
+  "disabled": "awsui_disabled_vjswe_8xaol_227",
+  "variant-primary": "awsui_variant-primary_vjswe_8xaol_235",
+  "variant-link": "awsui_variant-link_vjswe_8xaol_264",
+  "variant-icon": "awsui_variant-icon_vjswe_8xaol_293",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_8xaol_322",
+  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_8xaol_351",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_8xaol_380",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_8xaol_413",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_8xaol_442",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_8xaol_471",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_8xaol_505",
+  "button-no-text": "awsui_button-no-text_vjswe_8xaol_601",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_8xaol_605",
+  "full-width": "awsui_full-width_vjswe_8xaol_608",
+  "icon-left": "awsui_icon-left_vjswe_8xaol_630",
+  "icon-right": "awsui_icon-right_vjswe_8xaol_635",
+  "icon": "awsui_icon_vjswe_8xaol_630",
+  "link": "awsui_link_vjswe_8xaol_654",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_8xaol_654"
 };