npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1312 → 3.0.1314 - Mend

@cloudscape-design/components-themeable 3.0.1312 → 3.0.1314

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

package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -263,6 +263,7 @@
     --color-background-button-normal-hover-r7x40d:var(--color-neutral-100-wbgy1o);
     --color-background-toggle-button-normal-pressed-mt5i6m:var(--color-neutral-250-hdfqdx);
     --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
+    --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-background-button-primary-active-78nndc:var(--color-primary-1000-gaqvjz);
     --color-background-button-primary-default-3w82vy:var(--color-primary-600-be1v6a);
     --color-background-button-primary-disabled-1tc1nl:var(--color-white-jf0w15);
@@ -369,6 +370,8 @@
     --color-border-button-normal-active-soiq8b:var(--color-border-button-normal-default-5aez2l);
     --color-border-button-normal-default-5aez2l:var(--color-neutral-650-92yp10);
     --color-border-toggle-button-normal-pressed-9nd6i4:var(--color-neutral-650-92yp10);
+    --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
     --color-border-button-normal-disabled-iu8edd:var(--color-neutral-300-y8n3aq);
     --color-text-button-normal-disabled-sr2mjc:var(--color-neutral-500-h8gwav);
     --color-border-button-normal-hover-3y34o0:var(--color-neutral-950-qehfms);
@@ -400,6 +403,7 @@
     --color-border-divider-panel-bottom-x9b7bd:var(--color-shadow-side-5f83fi);
     --color-border-divider-panel-side-cxdqom:transparent;
     --color-border-divider-secondary-4wvr5g:var(--color-neutral-250-hdfqdx);
+    --color-border-divider-table-group-enot8o:var(--color-neutral-500-h8gwav);
     --color-border-dropdown-container-w99bbi:transparent;
     --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
     --color-border-dropdown-item-default-uslwbi:var(--color-border-divider-default-ipvpev);
@@ -423,6 +427,7 @@
     --color-border-segment-default-29y0lr:var(--color-neutral-600-boivn8);
     --color-border-segment-disabled-lhc94s:var(--color-border-button-normal-disabled-iu8edd);
     --color-border-segment-hover-dneu56:var(--color-neutral-950-qehfms);
+    --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
     --color-border-status-error-jybbdz:var(--color-error-600-l0qq56);
     --color-border-status-info-kp0iif:var(--color-info-600-ieuf7e);
     --color-border-status-success-e61wev:var(--color-success-600-ma9qew);
@@ -439,6 +444,7 @@
     --color-foreground-control-read-only-cgy3yn:var(--color-neutral-600-boivn8);
     --color-shadow-default-9hdvit:var(--color-grey-transparent-heavy-smmh5z);
     --color-shadow-side-5f83fi:var(--color-grey-transparent-light-4w4eu1);
+    --color-shadow-toggle-handle-3gekip:rgba(0, 0, 0, 0.25);
     --color-stroke-chart-line-8651o9:var(--color-neutral-500-h8gwav);
     --color-text-accent-rvq171:var(--color-primary-600-be1v6a);
     --color-text-body-default-5qid0u:var(--color-neutral-950-qehfms);
@@ -581,6 +587,7 @@
     --color-text-badge-green-i688l8:var(--color-text-notification-default-fmebm4);
     --color-text-badge-blue-pfnjhv:var(--color-text-notification-default-fmebm4);
     --color-text-badge-red-e7xtdk:var(--color-text-notification-default-fmebm4);
+    --color-background-code-view-mo92r8:#f8f8f8;
     --font-button-letter-spacing-9h7rbb:0.25px;
     --font-chart-detail-size-drm2a6:var(--font-size-body-m-vv54cm);
     --font-decoration-style-link-7y21z4:solid;
@@ -692,6 +699,7 @@
     --border-radius-tabs-focus-ring-ciyqfm:0px;
     --border-radius-tiles-5li9yd:var(--border-radius-input-4vr9on);
     --border-radius-token-8arsz0:var(--border-radius-input-4vr9on);
+    --border-radius-token-inline-j0bfab:var(--border-radius-token-8arsz0);
     --border-radius-tutorial-panel-item-9xcrp2:var(--border-radius-input-4vr9on);
     --border-table-sticky-width-o9kqes:0px;
     --border-width-action-card-active-qw9sq5:1px;
@@ -1080,6 +1088,7 @@
       --color-border-control-default-e686ow:var(--color-neutral-500-h8gwav);
       --color-border-divider-default-ipvpev:var(--color-neutral-700-heh17v);
       --color-border-divider-secondary-4wvr5g:var(--color-neutral-700-heh17v);
+      --color-border-divider-table-group-enot8o:var(--color-neutral-600-boivn8);
       --color-border-input-default-txli8y:var(--color-neutral-500-h8gwav);
       --color-border-item-focused-r5f6xl:var(--color-primary-400-i8y8uk);
       --color-border-dropdown-item-focused-xty1zx:var(--color-primary-400-i8y8uk);
@@ -1179,6 +1188,7 @@
       --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
       --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
       --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
+      --color-background-code-view-mo92r8:#282c34;
       --shadow-container-3fh0j3:0 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
       --shadow-dropup-44quix:0 -1px 1px 0 rgba(0, 0, 0, 0.3), 1px -1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 1px 0 rgba(0, 0, 0, 0.3);
       --shadow-split-bottom-0ncj9i:0 -2px 1px -1px rgba(0, 0, 0, 0.3), 0 -1px 1px -1px rgba(0, 0, 0, 0.3);
@@ -1372,6 +1382,7 @@
     --color-border-control-default-e686ow:var(--color-neutral-500-h8gwav);
     --color-border-divider-default-ipvpev:var(--color-neutral-700-heh17v);
     --color-border-divider-secondary-4wvr5g:var(--color-neutral-700-heh17v);
+    --color-border-divider-table-group-enot8o:var(--color-neutral-600-boivn8);
     --color-border-input-default-txli8y:var(--color-neutral-500-h8gwav);
     --color-border-item-focused-r5f6xl:var(--color-primary-400-i8y8uk);
     --color-border-dropdown-item-focused-xty1zx:var(--color-primary-400-i8y8uk);
@@ -1471,7 +1482,9 @@
     --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
     --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
     --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
+    --color-background-code-view-mo92r8:#282c34;
     --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
+    --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
     --color-background-code-editor-gutter-active-line-error-oqzpvs:var(--color-text-status-error-aknuvu);
     --color-background-code-editor-loading-nj9xm5:var(--color-background-code-editor-status-bar-hv1hb6);
@@ -1502,6 +1515,8 @@
     --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
     --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
     --color-border-button-normal-active-soiq8b:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
     --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
     --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
     --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
@@ -1523,6 +1538,7 @@
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-segment-active-kbwjy5:var(--color-border-segment-hover-dneu56);
     --color-border-segment-disabled-lhc94s:var(--color-border-button-normal-disabled-iu8edd);
+    --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
     --color-border-dialog-ego7yz:var(--color-border-status-info-kp0iif);
     --color-border-tabs-underline-gpe7rp:var(--color-text-interactive-hover-bu4gls);
     --color-shadow-default-9hdvit:var(--color-grey-transparent-heavy-smmh5z);
@@ -1591,10 +1607,13 @@
     --color-text-tutorial-hotspot-default-ql4c5o:var(--color-neutral-300-y8n3aq);
     --color-text-tutorial-hotspot-hover-baiupp:var(--color-neutral-100-wbgy1o);
     --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
+    --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
     --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
     --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
     --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+    --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
     --color-border-calendar-grid-zrkvhb:var(--color-border-dropdown-item-default-uslwbi);
     --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-border-item-focused-r5f6xl);
     --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
@@ -1655,10 +1674,13 @@
     --color-text-tutorial-hotspot-default-ql4c5o:var(--color-neutral-600-boivn8);
     --color-text-tutorial-hotspot-hover-baiupp:var(--color-neutral-900-o3oyxe);
     --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
+    --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
     --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
     --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
     --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+    --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
     --color-border-calendar-grid-zrkvhb:var(--color-border-dropdown-item-default-uslwbi);
     --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-border-item-focused-r5f6xl);
     --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
@@ -1925,6 +1947,7 @@
     --border-radius-input-4vr9on:8px;
     --border-radius-item-xggxkd:8px;
     --border-radius-tabs-focus-ring-ciyqfm:20px;
+    --border-radius-token-inline-j0bfab:4px;
     --border-table-sticky-width-o9kqes:1px;
     --border-width-action-card-active-qw9sq5:var(--border-width-card-xmgn65);
     --border-width-action-card-default-hax7i5:var(--border-width-card-xmgn65);
@@ -2034,6 +2057,7 @@
     --color-text-badge-severity-low-ixtax4:var(--color-text-notification-severity-low-8cm5oo);
     --color-text-badge-severity-neutral-vfdy0w:var(--color-text-notification-severity-neutral-bqmgv3);
     --color-background-badge-icon-y5ul10:var(--color-error-600-l0qq56);
+    --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-background-direction-button-active-wn6s2j:var(--color-neutral-750-gjawa6);
     --color-background-direction-button-default-m7w84a:var(--color-neutral-650-92yp10);
     --color-background-direction-button-disabled-rcznmi:var(--color-neutral-250-hdfqdx);
@@ -2091,6 +2115,8 @@
     --color-background-avatar-default-yhbpq4:var(--color-neutral-650-92yp10);
     --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
     --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+    --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
     --color-text-button-normal-disabled-sr2mjc:var(--color-neutral-500-h8gwav);
     --color-text-button-icon-disabled-xkerbo:var(--color-neutral-500-h8gwav);
     --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
@@ -2109,6 +2135,7 @@
     --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
     --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
     --color-border-divider-secondary-4wvr5g:var(--color-neutral-250-hdfqdx);
+    --color-border-divider-table-group-enot8o:var(--color-neutral-500-h8gwav);
     --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
     --color-border-dropdown-item-default-uslwbi:var(--color-border-divider-default-ipvpev);
     --color-border-dropdown-item-hover-vony6u:var(--color-neutral-500-h8gwav);
@@ -2118,6 +2145,7 @@
     --color-border-item-selected-vq6ddf:var(--color-item-selected-2dv7ug);
     --color-border-notification-stack-bar-jvl0qf:var(--color-neutral-750-gjawa6);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
+    --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
     --color-border-status-error-jybbdz:var(--color-error-600-l0qq56);
     --color-border-status-info-kp0iif:var(--color-info-600-ieuf7e);
     --color-border-status-success-e61wev:var(--color-success-600-ma9qew);
@@ -2311,6 +2339,7 @@
       --color-border-divider-active-d5kcok:var(--color-neutral-100-wbgy1o);
       --color-border-divider-default-ipvpev:var(--color-neutral-650-92yp10);
       --color-border-divider-secondary-4wvr5g:var(--color-neutral-750-gjawa6);
+      --color-border-divider-table-group-enot8o:var(--color-neutral-600-boivn8);
       --color-border-dropdown-container-w99bbi:var(--color-neutral-600-boivn8);
       --color-border-dropdown-item-hover-vony6u:var(--color-neutral-600-boivn8);
       --color-border-input-default-txli8y:var(--color-neutral-600-boivn8);
@@ -2555,6 +2584,8 @@
     --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
     --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
     --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+    --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
     --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
     --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
     --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
@@ -2569,6 +2600,7 @@
     --color-border-input-disabled-tz38ro:var(--color-background-input-disabled-4vlau3);
     --color-border-item-placeholder-pjnp48:var(--color-border-item-selected-vq6ddf);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
+    --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
     --color-border-tabs-shadow-ya1u83:var(--color-grey-transparent-jkfhak);
     --color-shadow-default-9hdvit:var(--color-grey-transparent-heavy-smmh5z);
     --color-shadow-side-5f83fi:var(--color-grey-transparent-light-4w4eu1);
@@ -2652,6 +2684,7 @@
     --color-border-divider-active-d5kcok:var(--color-neutral-100-wbgy1o);
     --color-border-divider-default-ipvpev:var(--color-neutral-650-92yp10);
     --color-border-divider-secondary-4wvr5g:var(--color-neutral-750-gjawa6);
+    --color-border-divider-table-group-enot8o:var(--color-neutral-600-boivn8);
     --color-border-dropdown-container-w99bbi:var(--color-neutral-600-boivn8);
     --color-border-dropdown-item-hover-vony6u:var(--color-neutral-600-boivn8);
     --color-border-input-default-txli8y:var(--color-neutral-600-boivn8);
@@ -2737,6 +2770,7 @@
     --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
     --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
     --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
+    --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
     --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
     --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
@@ -2768,6 +2802,8 @@
     --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
     --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
     --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+    --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
     --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
     --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
     --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
@@ -2793,6 +2829,7 @@
     --color-border-segment-active-kbwjy5:var(--color-border-segment-default-29y0lr);
     --color-border-segment-disabled-lhc94s:var(--color-border-segment-default-29y0lr);
     --color-border-segment-hover-dneu56:var(--color-border-segment-default-29y0lr);
+    --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
     --color-border-dialog-ego7yz:var(--color-border-status-info-kp0iif);
     --color-border-tabs-shadow-ya1u83:var(--color-grey-transparent-jkfhak);
     --color-border-tabs-underline-gpe7rp:var(--color-text-accent-rvq171);
@@ -2906,6 +2943,7 @@
     --color-border-divider-active-d5kcok:var(--color-neutral-100-wbgy1o);
     --color-border-divider-default-ipvpev:var(--color-neutral-650-92yp10);
     --color-border-divider-secondary-4wvr5g:var(--color-neutral-750-gjawa6);
+    --color-border-divider-table-group-enot8o:var(--color-neutral-600-boivn8);
     --color-border-dropdown-container-w99bbi:var(--color-neutral-600-boivn8);
     --color-border-dropdown-item-hover-vony6u:var(--color-neutral-600-boivn8);
     --color-border-input-default-txli8y:var(--color-neutral-600-boivn8);
@@ -3008,6 +3046,7 @@
     --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
     --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
     --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
+    --color-background-code-view-mo92r8:#282c34;
     --shadow-container-3fh0j3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
     --shadow-container-active-hawm65:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
     --shadow-dropdown-skxpuu:0px 4px 20px 1px rgba(0, 4, 12, 1);
@@ -3018,6 +3057,7 @@
     --shadow-sticky-column-first-vya346:0px 4px 8px 1px rgba(0, 7, 22, 0.5);
     --shadow-sticky-column-last-02l85g:0px 4px 8px 1px rgba(0, 7, 22, 0.5);
     --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
+    --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
     --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
     --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
@@ -3045,6 +3085,8 @@
     --color-background-dialog-ce2sax:var(--color-background-status-info-nzp1n3);
     --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
     --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+    --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
     --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
     --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
     --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
@@ -3070,6 +3112,7 @@
     --color-border-segment-active-kbwjy5:var(--color-border-segment-default-29y0lr);
     --color-border-segment-disabled-lhc94s:var(--color-border-segment-default-29y0lr);
     --color-border-segment-hover-dneu56:var(--color-border-segment-default-29y0lr);
+    --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
     --color-border-dialog-ego7yz:var(--color-border-status-info-kp0iif);
     --color-border-tabs-shadow-ya1u83:var(--color-grey-transparent-jkfhak);
     --color-border-tabs-underline-gpe7rp:var(--color-text-accent-rvq171);
@@ -3151,11 +3194,14 @@
     --color-text-link-hover-pqxtsy:var(--color-white-jf0w15);
     --color-text-tutorial-hotspot-default-ql4c5o:var(--color-neutral-300-y8n3aq);
     --color-text-tutorial-hotspot-hover-baiupp:var(--color-neutral-100-wbgy1o);
+    --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
     --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
     --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
     --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
     --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+    --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
     --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
     --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
     --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
@@ -3198,6 +3244,8 @@
     --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
     --color-border-button-normal-active-soiq8b:var(--color-text-button-normal-hover-tksuqp);
     --color-border-button-normal-default-5aez2l:var(--color-text-button-normal-default-gl8uar);
+    --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
     --color-border-button-normal-hover-3y34o0:var(--color-text-button-normal-hover-tksuqp);
     --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
     --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
@@ -3238,11 +3286,14 @@
     --color-text-notification-default-fmebm4:var(--color-text-notification-yellow-g3zcoy);
     --color-text-tutorial-hotspot-default-ql4c5o:var(--color-neutral-600-boivn8);
     --color-text-tutorial-hotspot-hover-baiupp:var(--color-neutral-900-o3oyxe);
+    --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
     --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
     --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
     --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
     --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+    --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
     --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
     --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
     --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
@@ -3291,10 +3342,13 @@
     --color-text-expandable-section-hover-8k6nu3:var(--color-text-button-normal-hover-tksuqp);
     --font-size-expandable-heading-i8x3r3:14px;
     --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
+    --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
     --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
     --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
     --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
+    --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
     --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
     --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
     --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
@@ -3329,10 +3383,13 @@
     --color-text-expandable-section-hover-8k6nu3:var(--color-text-button-normal-hover-tksuqp);
     --font-size-expandable-heading-i8x3r3:14px;
     --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
+    --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
     --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
     --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
     --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
+    --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
     --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
     --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
     --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
@@ -3418,6 +3475,7 @@
     --color-border-divider-active-d5kcok:var(--color-neutral-100-wbgy1o);
     --color-border-divider-default-ipvpev:var(--color-text-button-normal-default-gl8uar);
     --color-border-divider-secondary-4wvr5g:var(--color-neutral-750-gjawa6);
+    --color-border-divider-table-group-enot8o:var(--color-neutral-600-boivn8);
     --color-border-dropdown-container-w99bbi:var(--color-neutral-600-boivn8);
     --color-border-dropdown-item-hover-vony6u:var(--color-neutral-600-boivn8);
     --color-border-input-default-txli8y:var(--color-neutral-600-boivn8);
@@ -3523,7 +3581,9 @@
     --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
     --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
     --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
+    --color-background-code-view-mo92r8:#282c34;
     --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
+    --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
     --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
     --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
@@ -3555,6 +3615,8 @@
     --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
     --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
     --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+    --color-border-toggle-button-normal-default-0ram7p:var(--color-border-button-normal-default-5aez2l);
+    --color-border-toggle-button-normal-hover-44pc5g:var(--color-border-button-normal-hover-3y34o0);
     --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
     --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
     --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
@@ -3580,6 +3642,7 @@
     --color-border-segment-active-kbwjy5:var(--color-border-segment-default-29y0lr);
     --color-border-segment-disabled-lhc94s:var(--color-border-segment-default-29y0lr);
     --color-border-segment-hover-dneu56:var(--color-border-segment-default-29y0lr);
+    --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
     --color-border-dialog-ego7yz:var(--color-border-status-info-kp0iif);
     --color-border-tabs-shadow-ya1u83:var(--color-grey-transparent-jkfhak);
     --color-border-tabs-underline-gpe7rp:var(--color-text-accent-rvq171);
@@ -3784,5 +3847,5 @@
   }
 }
 :root {
-  --awsui-version-info-1b4a11ae: true;
+  --awsui-version-info-2f2e3191: true;
 }

package/lib/internal/template/internal/components/button-trigger/index.js CHANGED Viewed

@@ -46,7 +46,7 @@ const ButtonTrigger = ({ children, pressed, hideCaret = false, disabled = false,
     };
     return (React.createElement("button", { ref: ref, ...attributes, ...(disabled || readOnly ? {} : getAnalyticsMetadataAttribute(analyticsMetadata)) },
         children,
-        !hideCaret && (React.createElement("span", { className: clsx(styles.arrow, isThemeActive(Theme.OneTheme) && styles['one-theme']) },
+        !hideCaret && (React.createElement("span", { className: styles.arrow },
             React.createElement(InternalIcon, { name: isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled', size: isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal', variant: disabled || readOnly ? 'disabled' : 'normal' })))));
 };
 export default React.forwardRef(ButtonTrigger);

package/lib/internal/template/internal/components/button-trigger/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAyC,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAM7G,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA0BrC,MAAM,aAAa,GAAG,CACpB,EACE,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,SAAS,EACT,OAAO,EACP,WAAW,EACX,OAAO,EACP,OAAO,EACP,MAAM,EACN,gBAAgB,GAAG,KAAK,EACxB,SAAS,EACT,GAAG,SAAS,EACO,EACrB,GAAiC,EACjC,EAAE;IACF,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,IAAI,UAAU,GAA4C;QACxD,GAAG,SAAS;QACZ,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,gBAAgB,CAAC,EACxB,kBAAkB,CAAC,gBAAgB,CAAC,EACpC,SAAS,CAAC,SAAS,EACnB,OAAO,IAAI,MAAM,CAAC,OAAO,EACzB,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAC3B,OAAO,IAAI,MAAM,CAAC,OAAO,EACzB,OAAO,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EACrC,CAAC,SAAS,IAAI,MAAM,CAAC,WAAW,CAAC,EACjC,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAC3B,gBAAgB,IAAI,MAAM,CAAC,oBAAoB,CAAC,EAChD,gBAAgB,IAAI,MAAM,CAAC,sBAAsB,gBAAgB,EAAE,CAAC,EACpE,YAAY,IAAI,MAAM,CAAC,eAAe,CAAC,EACvC,CAAC,CAAC,gBAAgB,IAAI,MAAM,CAAC,eAAe,CAAC,CAC9C;QACD,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,OAAO;QACxB,iBAAiB,EAAE,cAAc;QACjC,kBAAkB,EAAE,eAAe;QACnC,eAAe,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,SAAS;QAC1C,eAAe,EAAE,YAAY;QAC7B,eAAe,EAAE,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAC3D,SAAS;KACV,CAAC;IAEF,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,UAAU,GAAG;YACX,GAAG,UAAU;YACb,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YACtE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAChE,WAAW,EAAE,WAAW,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,WAAW,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YAClF,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YACtE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YACtE,MAAM,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,EAAE,KAAK,CAAC,CAAC;SACxG,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,UAAU,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC;IACvC,CAAC;IAED,MAAM,iBAAiB,GAE+B;QACpD,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;QACxC,MAAM,EAAE;YACN,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB;KACF,CAAC;IAEF,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,KACJ,UAAU,KACV,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;QAEjF,QAAQ;QACR,CAAC,SAAS,IAAI,CACb,8BAAM,SAAS,EAAE,~~IAAI,CAAC,~~MAAM,CAAC,KAAK~~,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC~~;~~YACvF~~,oBAAC,YAAY,IACX,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,EACxE,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC1D,OAAO,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,GACrD,CACG,CACR,CACM,CACV,CAAC;AACJ,CAAC,CAAC;AAQF,eAAe,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../../../icon/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { BaseKeyDetail, CancelableEventHandler, fireCancelableEvent, fireKeyboardEvent } from '../../events';\nimport {\n GeneratedAnalyticsMetadataButtonTriggerCollapse,\n GeneratedAnalyticsMetadataButtonTriggerExpand,\n} from './analytics-metadata/interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n children?: React.ReactNode;\n pressed?: boolean;\n hideCaret?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n invalid?: boolean;\n warning?: boolean;\n inFilteringToken?: 'root' \| 'nested';\n inlineTokens?: boolean;\n ariaHasPopup?: 'true' \| 'listbox' \| 'dialog';\n ariaControls?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n onMouseDown?: CancelableEventHandler;\n onClick?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n onBlur?: CancelableEventHandler<{ relatedTarget: Node \| null }>;\n hasCustomContent?: boolean;\n autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n {\n children,\n pressed,\n hideCaret = false,\n disabled = false,\n readOnly = false,\n invalid = false,\n warning = false,\n inlineTokens,\n inFilteringToken,\n ariaHasPopup,\n ariaLabelledby,\n ariaDescribedby,\n ariaControls,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onClick,\n onFocus,\n onBlur,\n hasCustomContent = false,\n autoFocus,\n ...restProps\n }: ButtonTriggerProps,\n ref: React.Ref<HTMLButtonElement>\n) => {\n const baseProps = getBaseProps(restProps);\n let attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n ...baseProps,\n type: 'button',\n className: clsx(\n styles['button-trigger'],\n analyticsSelectors['button-trigger'],\n baseProps.className,\n pressed && styles.pressed,\n disabled && styles.disabled,\n invalid && styles.invalid,\n warning && !invalid && styles.warning,\n !hideCaret && styles['has-caret'],\n readOnly && styles.readonly,\n inFilteringToken && styles['in-filtering-token'],\n inFilteringToken && styles[`in-filtering-token-${inFilteringToken}`],\n inlineTokens && styles['inline-tokens'],\n !!hasCustomContent && styles['custom-option']\n ),\n disabled: disabled,\n 'aria-expanded': pressed,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup ?? 'listbox',\n 'aria-controls': ariaControls,\n 'aria-disabled': readOnly && !disabled ? 'true' : undefined,\n autoFocus,\n };\n\n if (!readOnly) {\n attributes = {\n ...attributes,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n };\n }\n\n if (invalid) {\n attributes['aria-invalid'] = invalid;\n }\n\n const analyticsMetadata:\n \| GeneratedAnalyticsMetadataButtonTriggerExpand\n \| GeneratedAnalyticsMetadataButtonTriggerCollapse = {\n action: !pressed ? 'expand' : 'collapse',\n detail: {\n label: { root: 'self' },\n },\n };\n\n return (\n <button\n ref={ref}\n {...attributes}\n {...(disabled \|\| readOnly ? {} : getAnalyticsMetadataAttribute(analyticsMetadata))}\n >\n {children}\n {!hideCaret && (\n <span className={~~clsx(~~styles.arrow~~, isThemeActive(Theme.OneTheme) && styles['one-theme'])~~}>\n <InternalIcon\n name={isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled'}\n size={isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal'}\n variant={disabled \|\| readOnly ? 'disabled' : 'normal'}\n />\n </span>\n )}\n </button>\n );\n};\n\nexport namespace ButtonTriggerProps {\n export interface Ref {\n focus(): void;\n }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../../../icon/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { BaseKeyDetail, CancelableEventHandler, fireCancelableEvent, fireKeyboardEvent } from '../../events';\nimport {\n GeneratedAnalyticsMetadataButtonTriggerCollapse,\n GeneratedAnalyticsMetadataButtonTriggerExpand,\n} from './analytics-metadata/interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n children?: React.ReactNode;\n pressed?: boolean;\n hideCaret?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n invalid?: boolean;\n warning?: boolean;\n inFilteringToken?: 'root' \| 'nested';\n inlineTokens?: boolean;\n ariaHasPopup?: 'true' \| 'listbox' \| 'dialog';\n ariaControls?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n onMouseDown?: CancelableEventHandler;\n onClick?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n onBlur?: CancelableEventHandler<{ relatedTarget: Node \| null }>;\n hasCustomContent?: boolean;\n autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n {\n children,\n pressed,\n hideCaret = false,\n disabled = false,\n readOnly = false,\n invalid = false,\n warning = false,\n inlineTokens,\n inFilteringToken,\n ariaHasPopup,\n ariaLabelledby,\n ariaDescribedby,\n ariaControls,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onClick,\n onFocus,\n onBlur,\n hasCustomContent = false,\n autoFocus,\n ...restProps\n }: ButtonTriggerProps,\n ref: React.Ref<HTMLButtonElement>\n) => {\n const baseProps = getBaseProps(restProps);\n let attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n ...baseProps,\n type: 'button',\n className: clsx(\n styles['button-trigger'],\n analyticsSelectors['button-trigger'],\n baseProps.className,\n pressed && styles.pressed,\n disabled && styles.disabled,\n invalid && styles.invalid,\n warning && !invalid && styles.warning,\n !hideCaret && styles['has-caret'],\n readOnly && styles.readonly,\n inFilteringToken && styles['in-filtering-token'],\n inFilteringToken && styles[`in-filtering-token-${inFilteringToken}`],\n inlineTokens && styles['inline-tokens'],\n !!hasCustomContent && styles['custom-option']\n ),\n disabled: disabled,\n 'aria-expanded': pressed,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup ?? 'listbox',\n 'aria-controls': ariaControls,\n 'aria-disabled': readOnly && !disabled ? 'true' : undefined,\n autoFocus,\n };\n\n if (!readOnly) {\n attributes = {\n ...attributes,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n };\n }\n\n if (invalid) {\n attributes['aria-invalid'] = invalid;\n }\n\n const analyticsMetadata:\n \| GeneratedAnalyticsMetadataButtonTriggerExpand\n \| GeneratedAnalyticsMetadataButtonTriggerCollapse = {\n action: !pressed ? 'expand' : 'collapse',\n detail: {\n label: { root: 'self' },\n },\n };\n\n return (\n <button\n ref={ref}\n {...attributes}\n {...(disabled \|\| readOnly ? {} : getAnalyticsMetadataAttribute(analyticsMetadata))}\n >\n {children}\n {!hideCaret && (\n <span className={styles.arrow}>\n <InternalIcon\n name={isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled'}\n size={isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal'}\n variant={disabled \|\| readOnly ? 'disabled' : 'normal'}\n />\n </span>\n )}\n </button>\n );\n};\n\nexport namespace ButtonTriggerProps {\n export interface Ref {\n focus(): void;\n }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}

package/lib/internal/template/internal/components/button-trigger/styles.css.js CHANGED Viewed

@@ -1,20 +1,19 @@
     import './styles.scoped.css';
     export default {
-  "button-trigger": "awsui_button-trigger_18eso_6h2xj_161",
-  "arrow": "awsui_arrow_18eso_6h2xj_161",
-  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_6h2xj_221",
-  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_6h2xj_221",
-  "has-caret": "awsui_has-caret_18eso_6h2xj_257",
-  "placeholder": "awsui_placeholder_18eso_6h2xj_260",
-  "one-theme": "awsui_one-theme_18eso_6h2xj_270",
-  "pressed": "awsui_pressed_18eso_6h2xj_276",
-  "disabled": "awsui_disabled_18eso_6h2xj_282",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_6h2xj_221",
-  "readonly": "awsui_readonly_18eso_6h2xj_303",
-  "invalid": "awsui_invalid_18eso_6h2xj_328",
-  "warning": "awsui_warning_18eso_6h2xj_337",
-  "custom-option": "awsui_custom-option_18eso_6h2xj_346",
-  "inline-tokens": "awsui_inline-tokens_18eso_6h2xj_351"
+  "button-trigger": "awsui_button-trigger_18eso_1ca00_161",
+  "arrow": "awsui_arrow_18eso_1ca00_161",
+  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_1ca00_221",
+  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_1ca00_221",
+  "has-caret": "awsui_has-caret_18eso_1ca00_257",
+  "placeholder": "awsui_placeholder_18eso_1ca00_260",
+  "pressed": "awsui_pressed_18eso_1ca00_276",
+  "disabled": "awsui_disabled_18eso_1ca00_282",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_1ca00_221",
+  "readonly": "awsui_readonly_18eso_1ca00_303",
+  "invalid": "awsui_invalid_18eso_1ca00_328",
+  "warning": "awsui_warning_18eso_1ca00_337",
+  "custom-option": "awsui_custom-option_18eso_1ca00_346",
+  "inline-tokens": "awsui_inline-tokens_18eso_1ca00_351"
 };