@cloudscape-design/components-themeable 3.0.1022 → 3.0.1024

package/lib/internal/template/collection-preferences/styles.css.js

@@ -1,43 +1,41 @@
 
     import './styles.scoped.css';
     export default {
-  "visible-content": "awsui_visible-content_tc96w_1a1pn_153",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_1a1pn_154",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_1a1pn_155",
-  "visible-content-group": "awsui_visible-content-group_tc96w_1a1pn_155",
-  "visible-content-title": "awsui_visible-content-title_tc96w_1a1pn_160",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_1a1pn_170",
-  "visible-content-option": "awsui_visible-content-option_tc96w_1a1pn_176",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_1a1pn_189",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_1a1pn_212",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_1a1pn_216",
-  "content-display-option": "awsui_content-display-option_tc96w_1a1pn_212",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_1a1pn_264",
-  "drag-handle-wrapper": "awsui_drag-handle-wrapper_tc96w_1a1pn_271",
-  "content-display": "awsui_content-display_tc96w_1a1pn_212",
-  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_1a1pn_276",
-  "content-display-no-match": "awsui_content-display-no-match_tc96w_1a1pn_277",
-  "content-display-title": "awsui_content-display-title_tc96w_1a1pn_281",
-  "content-display-description": "awsui_content-display-description_tc96w_1a1pn_290",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_1a1pn_298",
-  "root": "awsui_root_tc96w_1a1pn_305",
-  "modal-root": "awsui_modal-root_tc96w_1a1pn_306",
-  "trigger-button": "awsui_trigger-button_tc96w_1a1pn_307",
-  "cancel-button": "awsui_cancel-button_tc96w_1a1pn_308",
-  "confirm-button": "awsui_confirm-button_tc96w_1a1pn_309",
-  "custom": "awsui_custom_tc96w_1a1pn_310",
-  "content-before": "awsui_content-before_tc96w_1a1pn_311",
-  "second-column-small": "awsui_second-column-small_tc96w_1a1pn_315",
-  "wrap-lines": "awsui_wrap-lines_tc96w_1a1pn_319",
-  "striped-rows": "awsui_striped-rows_tc96w_1a1pn_320",
-  "content-density": "awsui_content-density_tc96w_1a1pn_321",
-  "page-size": "awsui_page-size_tc96w_1a1pn_322",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_1a1pn_323",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_1a1pn_324",
-  "sticky-columns": "awsui_sticky-columns_tc96w_1a1pn_325",
-  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_1a1pn_326",
-  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_1a1pn_327",
-  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_1a1pn_328",
-  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_1a1pn_329"
+  "visible-content": "awsui_visible-content_tc96w_slxf2_153",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_slxf2_154",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_slxf2_155",
+  "visible-content-group": "awsui_visible-content-group_tc96w_slxf2_155",
+  "visible-content-title": "awsui_visible-content-title_tc96w_slxf2_160",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_slxf2_170",
+  "visible-content-option": "awsui_visible-content-option_tc96w_slxf2_176",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_slxf2_189",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_slxf2_212",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_slxf2_216",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_slxf2_256",
+  "content-display": "awsui_content-display_tc96w_slxf2_212",
+  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_slxf2_264",
+  "content-display-no-match": "awsui_content-display-no-match_tc96w_slxf2_265",
+  "content-display-title": "awsui_content-display-title_tc96w_slxf2_269",
+  "content-display-description": "awsui_content-display-description_tc96w_slxf2_278",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_slxf2_286",
+  "root": "awsui_root_tc96w_slxf2_293",
+  "modal-root": "awsui_modal-root_tc96w_slxf2_294",
+  "trigger-button": "awsui_trigger-button_tc96w_slxf2_295",
+  "cancel-button": "awsui_cancel-button_tc96w_slxf2_296",
+  "confirm-button": "awsui_confirm-button_tc96w_slxf2_297",
+  "custom": "awsui_custom_tc96w_slxf2_298",
+  "content-before": "awsui_content-before_tc96w_slxf2_299",
+  "second-column-small": "awsui_second-column-small_tc96w_slxf2_303",
+  "wrap-lines": "awsui_wrap-lines_tc96w_slxf2_307",
+  "striped-rows": "awsui_striped-rows_tc96w_slxf2_308",
+  "content-density": "awsui_content-density_tc96w_slxf2_309",
+  "page-size": "awsui_page-size_tc96w_slxf2_310",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_slxf2_311",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_slxf2_312",
+  "sticky-columns": "awsui_sticky-columns_tc96w_slxf2_313",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_slxf2_314",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_slxf2_315",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_slxf2_316",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_slxf2_317"
 };
   

package/lib/internal/template/collection-preferences/styles.scoped.css

@@ -150,14 +150,14 @@ 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_visible-content_tc96w_1a1pn_153:not(#\9),
-.awsui_visible-content-toggle_tc96w_1a1pn_154:not(#\9),
-.awsui_visible-content-groups_tc96w_1a1pn_155:not(#\9),
-.awsui_visible-content-group_tc96w_1a1pn_155:not(#\9) {
+.awsui_visible-content_tc96w_slxf2_153:not(#\9),
+.awsui_visible-content-toggle_tc96w_slxf2_154:not(#\9),
+.awsui_visible-content-groups_tc96w_slxf2_155:not(#\9),
+.awsui_visible-content-group_tc96w_slxf2_155:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_visible-content-title_tc96w_1a1pn_160:not(#\9) {
+.awsui_visible-content-title_tc96w_slxf2_160:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   font-weight: var(--font-display-label-weight-ise9n2, 400);
@@ -167,13 +167,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: 0;
 }
 
-.awsui_visible-content-group-label_tc96w_1a1pn_170:not(#\9) {
+.awsui_visible-content-group-label_tc96w_slxf2_170:not(#\9) {
   color: var(--color-text-group-label-md03vz, #545b64);
   padding-block-end: var(--space-xs-kw7k3v, 8px);
   border-block-end: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-divider-secondary-4wvr5g, #eaeded);
 }
 
-.awsui_visible-content-option_tc96w_1a1pn_176:not(#\9) {
+.awsui_visible-content-option_tc96w_slxf2_176:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
@@ -182,11 +182,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: 0px;
   border-block-end: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-divider-secondary-4wvr5g, #eaeded);
 }
-.awsui_visible-content-option_tc96w_1a1pn_176:not(#\9):last-child {
+.awsui_visible-content-option_tc96w_slxf2_176:not(#\9):last-child {
   border-block-end: none;
 }
 
-.awsui_visible-content-option-label_tc96w_1a1pn_189:not(#\9) {
+.awsui_visible-content-option-label_tc96w_slxf2_189:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   padding-inline-end: var(--space-l-3cws6j, 20px);
@@ -209,11 +209,11 @@ 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_content-display-option-toggle_tc96w_1a1pn_212:not(#\9) {
+.awsui_content-display-option-toggle_tc96w_slxf2_212:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content-display-option-content_tc96w_1a1pn_216:not(#\9) {
+.awsui_content-display-option-content_tc96w_slxf2_216:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -245,40 +245,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   display: flex;
   align-items: flex-start;
-  padding-block: var(--space-xs-kw7k3v, 8px);
-  padding-inline-start: 0;
-  padding-inline-end: var(--space-scaled-xs-sppte9, 8px);
-  background-color: var(--color-background-container-content-aemn43, #ffffff);
+  padding-block: var(--space-scaled-xs-sppte9, 8px);
+  padding-inline-end: var(--space-xs-kw7k3v, 8px);
   border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
   border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
   border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
   border-end-end-radius: var(--border-radius-item-xggxkd, 0px);
 }
 
-.awsui_content-display-option_tc96w_1a1pn_212:not(#\9) {
-  list-style: none;
-  position: relative;
-  border-block-start: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-divider-secondary-4wvr5g, #eaeded);
-}
-
-.awsui_content-display-option-label_tc96w_1a1pn_264:not(#\9) {
+.awsui_content-display-option-label_tc96w_slxf2_256:not(#\9) {
   flex-grow: 1;
   min-inline-size: 0;
   word-break: break-word;
   padding-inline-end: var(--space-l-3cws6j, 20px);
 }
 
-.awsui_drag-handle-wrapper_tc96w_1a1pn_271:not(#\9) {
-  margin-inline: var(--space-scaled-xxs-jatbiv, 4px);
-}
-
-.awsui_content-display_tc96w_1a1pn_212:not(#\9),
-.awsui_content-display-text-filter_tc96w_1a1pn_276:not(#\9),
-.awsui_content-display-no-match_tc96w_1a1pn_277:not(#\9) {
+.awsui_content-display_tc96w_slxf2_212:not(#\9),
+.awsui_content-display-text-filter_tc96w_slxf2_264:not(#\9),
+.awsui_content-display-no-match_tc96w_slxf2_265:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content-display-title_tc96w_1a1pn_281:not(#\9) {
+.awsui_content-display-title_tc96w_slxf2_269:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   font-weight: var(--font-display-label-weight-ise9n2, 400);
@@ -287,7 +275,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: 0;
 }
 
-.awsui_content-display-description_tc96w_1a1pn_290:not(#\9) {
+.awsui_content-display-description_tc96w_slxf2_278:not(#\9) {
   color: var(--color-text-form-secondary-4sp9un, #687078);
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
@@ -295,37 +283,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-scaled-xxxs-prgw5k, 2px);
 }
 
-.awsui_content-display-option-list_tc96w_1a1pn_298:not(#\9) {
+.awsui_content-display-option-list_tc96w_slxf2_286:not(#\9) {
   position: relative;
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_root_tc96w_1a1pn_305:not(#\9),
-.awsui_modal-root_tc96w_1a1pn_306:not(#\9),
-.awsui_trigger-button_tc96w_1a1pn_307:not(#\9),
-.awsui_cancel-button_tc96w_1a1pn_308:not(#\9),
-.awsui_confirm-button_tc96w_1a1pn_309:not(#\9),
-.awsui_custom_tc96w_1a1pn_310:not(#\9),
-.awsui_content-before_tc96w_1a1pn_311:not(#\9) {
+.awsui_root_tc96w_slxf2_293:not(#\9),
+.awsui_modal-root_tc96w_slxf2_294:not(#\9),
+.awsui_trigger-button_tc96w_slxf2_295:not(#\9),
+.awsui_cancel-button_tc96w_slxf2_296:not(#\9),
+.awsui_confirm-button_tc96w_slxf2_297:not(#\9),
+.awsui_custom_tc96w_slxf2_298:not(#\9),
+.awsui_content-before_tc96w_slxf2_299:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_second-column-small_tc96w_1a1pn_315:not(#\9) {
+.awsui_second-column-small_tc96w_slxf2_303:not(#\9) {
   padding-block-start: calc(2 * var(--space-scaled-l-66n9sr, 20px));
 }
 
-.awsui_wrap-lines_tc96w_1a1pn_319:not(#\9),
-.awsui_striped-rows_tc96w_1a1pn_320:not(#\9),
-.awsui_content-density_tc96w_1a1pn_321:not(#\9),
-.awsui_page-size_tc96w_1a1pn_322:not(#\9),
-.awsui_page-size-form-field_tc96w_1a1pn_323:not(#\9),
-.awsui_page-size-radio-group_tc96w_1a1pn_324:not(#\9),
-.awsui_sticky-columns_tc96w_1a1pn_325:not(#\9),
-.awsui_sticky-columns-form-field_tc96w_1a1pn_326:not(#\9),
-.awsui_sticky-columns-radio-group_tc96w_1a1pn_327:not(#\9),
-.awsui_sticky-columns-first_tc96w_1a1pn_328:not(#\9),
-.awsui_sticky-columns-last_tc96w_1a1pn_329:not(#\9) {
+.awsui_wrap-lines_tc96w_slxf2_307:not(#\9),
+.awsui_striped-rows_tc96w_slxf2_308:not(#\9),
+.awsui_content-density_tc96w_slxf2_309:not(#\9),
+.awsui_page-size_tc96w_slxf2_310:not(#\9),
+.awsui_page-size-form-field_tc96w_slxf2_311:not(#\9),
+.awsui_page-size-radio-group_tc96w_slxf2_312:not(#\9),
+.awsui_sticky-columns_tc96w_slxf2_313:not(#\9),
+.awsui_sticky-columns-form-field_tc96w_slxf2_314:not(#\9),
+.awsui_sticky-columns-radio-group_tc96w_slxf2_315:not(#\9),
+.awsui_sticky-columns-first_tc96w_slxf2_316:not(#\9),
+.awsui_sticky-columns-last_tc96w_slxf2_317:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/collection-preferences/styles.selectors.js

@@ -2,43 +2,41 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "visible-content": "awsui_visible-content_tc96w_1a1pn_153",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_1a1pn_154",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_1a1pn_155",
-  "visible-content-group": "awsui_visible-content-group_tc96w_1a1pn_155",
-  "visible-content-title": "awsui_visible-content-title_tc96w_1a1pn_160",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_1a1pn_170",
-  "visible-content-option": "awsui_visible-content-option_tc96w_1a1pn_176",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_1a1pn_189",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_1a1pn_212",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_1a1pn_216",
-  "content-display-option": "awsui_content-display-option_tc96w_1a1pn_212",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_1a1pn_264",
-  "drag-handle-wrapper": "awsui_drag-handle-wrapper_tc96w_1a1pn_271",
-  "content-display": "awsui_content-display_tc96w_1a1pn_212",
-  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_1a1pn_276",
-  "content-display-no-match": "awsui_content-display-no-match_tc96w_1a1pn_277",
-  "content-display-title": "awsui_content-display-title_tc96w_1a1pn_281",
-  "content-display-description": "awsui_content-display-description_tc96w_1a1pn_290",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_1a1pn_298",
-  "root": "awsui_root_tc96w_1a1pn_305",
-  "modal-root": "awsui_modal-root_tc96w_1a1pn_306",
-  "trigger-button": "awsui_trigger-button_tc96w_1a1pn_307",
-  "cancel-button": "awsui_cancel-button_tc96w_1a1pn_308",
-  "confirm-button": "awsui_confirm-button_tc96w_1a1pn_309",
-  "custom": "awsui_custom_tc96w_1a1pn_310",
-  "content-before": "awsui_content-before_tc96w_1a1pn_311",
-  "second-column-small": "awsui_second-column-small_tc96w_1a1pn_315",
-  "wrap-lines": "awsui_wrap-lines_tc96w_1a1pn_319",
-  "striped-rows": "awsui_striped-rows_tc96w_1a1pn_320",
-  "content-density": "awsui_content-density_tc96w_1a1pn_321",
-  "page-size": "awsui_page-size_tc96w_1a1pn_322",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_1a1pn_323",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_1a1pn_324",
-  "sticky-columns": "awsui_sticky-columns_tc96w_1a1pn_325",
-  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_1a1pn_326",
-  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_1a1pn_327",
-  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_1a1pn_328",
-  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_1a1pn_329"
+  "visible-content": "awsui_visible-content_tc96w_slxf2_153",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_slxf2_154",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_slxf2_155",
+  "visible-content-group": "awsui_visible-content-group_tc96w_slxf2_155",
+  "visible-content-title": "awsui_visible-content-title_tc96w_slxf2_160",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_slxf2_170",
+  "visible-content-option": "awsui_visible-content-option_tc96w_slxf2_176",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_slxf2_189",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_slxf2_212",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_slxf2_216",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_slxf2_256",
+  "content-display": "awsui_content-display_tc96w_slxf2_212",
+  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_slxf2_264",
+  "content-display-no-match": "awsui_content-display-no-match_tc96w_slxf2_265",
+  "content-display-title": "awsui_content-display-title_tc96w_slxf2_269",
+  "content-display-description": "awsui_content-display-description_tc96w_slxf2_278",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_slxf2_286",
+  "root": "awsui_root_tc96w_slxf2_293",
+  "modal-root": "awsui_modal-root_tc96w_slxf2_294",
+  "trigger-button": "awsui_trigger-button_tc96w_slxf2_295",
+  "cancel-button": "awsui_cancel-button_tc96w_slxf2_296",
+  "confirm-button": "awsui_confirm-button_tc96w_slxf2_297",
+  "custom": "awsui_custom_tc96w_slxf2_298",
+  "content-before": "awsui_content-before_tc96w_slxf2_299",
+  "second-column-small": "awsui_second-column-small_tc96w_slxf2_303",
+  "wrap-lines": "awsui_wrap-lines_tc96w_slxf2_307",
+  "striped-rows": "awsui_striped-rows_tc96w_slxf2_308",
+  "content-density": "awsui_content-density_tc96w_slxf2_309",
+  "page-size": "awsui_page-size_tc96w_slxf2_310",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_slxf2_311",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_slxf2_312",
+  "sticky-columns": "awsui_sticky-columns_tc96w_slxf2_313",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_slxf2_314",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_slxf2_315",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_slxf2_316",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_slxf2_317"
 };
   

package/lib/internal/template/flashbar/collapsible-flashbar.d.ts

@@ -1,12 +1,4 @@
 /// <reference types="react" />
 import { FlashbarProps } from './interfaces';
 export default function CollapsibleFlashbar({ items, style, ...restProps }: FlashbarProps): JSX.Element;
-export declare const getItemStyles: (style: FlashbarProps.Style, type?: string) => {
-    background: string | undefined;
-    borderColor: string | undefined;
-    borderRadius: string | undefined;
-    borderStyle: string | undefined;
-    borderWidth: string | undefined;
-    color: string | undefined;
-};
 //# sourceMappingURL=collapsible-flashbar.d.ts.map

package/lib/internal/template/flashbar/collapsible-flashbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible-flashbar.d.ts","sourceRoot":"","sources":["../../../src/flashbar/collapsible-flashbar.tsx"],"names":[],"mappings":";AA2BA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAW7C,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,eAuWxF;AAED,eAAO,MAAM,aAAa,UAAW,cAAc,KAAK,SAAQ,MAAM;;;;;;;CAiCrE,CAAC"}
+{"version":3,"file":"collapsible-flashbar.d.ts","sourceRoot":"","sources":["../../../src/flashbar/collapsible-flashbar.tsx"],"names":[],"mappings":";AA2BA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAY7C,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,eAqUxF"}

package/lib/internal/template/flashbar/collapsible-flashbar.js

@@ -19,6 +19,7 @@ import { throttle } from '../internal/utils/throttle';
 import { getComponentsAnalyticsMetadata, getItemAnalyticsMetadata } from './analytics-metadata/utils';
 import { useFlashbar } from './common';
 import { Flash, focusFlashById } from './flash';
+import { getCollapsibleFlashStyles, getNotificationBarStyles } from './style';
 import { counterTypes, getFlashTypeCount, getItemColor, getVisibleCollapsedItems } from './utils';
 import styles from './styles.css.js';
 // If the number of items is equal or less than this value,
@@ -158,28 +159,6 @@ export default function CollapsibleFlashbar(_a) {
     const showInnerContent = (item) => isFlashbarStackExpanded || hasLeft(item) || ('expandedIndex' in item && item.expandedIndex === 0);
     const shouldUseStandardAnimation = (item, index) => index === 0 && hasEnteredOrLeft(item);
     const getAnimationElementId = (item) => `flash-${getItemId(item)}`;
-    const getNotificationBarStyles = () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4;
-        return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ borderRadius: (_a = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _a === void 0 ? void 0 : _a.root.borderRadius, borderWidth: (_b = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _b === void 0 ? void 0 : _b.root.borderWidth }, (((_e = (_d = (_c = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _c === void 0 ? void 0 : _c.root) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.active) && {
-            [customCssProps.styleBackgroundActive]: style.notificationBar.root.background.active,
-        })), (((_h = (_g = (_f = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _f === void 0 ? void 0 : _f.root) === null || _g === void 0 ? void 0 : _g.background) === null || _h === void 0 ? void 0 : _h.default) && {
-            [customCssProps.styleBackgroundDefault]: style.notificationBar.root.background.default,
-        })), (((_l = (_k = (_j = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _j === void 0 ? void 0 : _j.root) === null || _k === void 0 ? void 0 : _k.background) === null || _l === void 0 ? void 0 : _l.hover) && {
-            [customCssProps.styleBackgroundHover]: style.notificationBar.root.background.hover,
-        })), (((_p = (_o = (_m = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _m === void 0 ? void 0 : _m.root) === null || _o === void 0 ? void 0 : _o.borderColor) === null || _p === void 0 ? void 0 : _p.active) && {
-            [customCssProps.styleBorderColorActive]: style.notificationBar.root.borderColor.active,
-        })), (((_s = (_r = (_q = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _q === void 0 ? void 0 : _q.root) === null || _r === void 0 ? void 0 : _r.borderColor) === null || _s === void 0 ? void 0 : _s.default) && {
-            [customCssProps.styleBorderColorDefault]: style.notificationBar.root.borderColor.default,
-        })), (((_v = (_u = (_t = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _t === void 0 ? void 0 : _t.root) === null || _u === void 0 ? void 0 : _u.borderColor) === null || _v === void 0 ? void 0 : _v.hover) && {
-            [customCssProps.styleBorderColorHover]: style.notificationBar.root.borderColor.hover,
-        })), (((_y = (_x = (_w = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _w === void 0 ? void 0 : _w.root) === null || _x === void 0 ? void 0 : _x.color) === null || _y === void 0 ? void 0 : _y.active) && {
-            [customCssProps.styleColorActive]: style.notificationBar.root.color.active,
-        })), (((_1 = (_0 = (_z = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _z === void 0 ? void 0 : _z.root) === null || _0 === void 0 ? void 0 : _0.color) === null || _1 === void 0 ? void 0 : _1.default) && {
-            [customCssProps.styleColorDefault]: style.notificationBar.root.color.default,
-        })), (((_4 = (_3 = (_2 = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _2 === void 0 ? void 0 : _2.root) === null || _3 === void 0 ? void 0 : _3.color) === null || _4 === void 0 ? void 0 : _4.hover) && {
-            [customCssProps.styleColorHover]: style.notificationBar.root.color.hover,
-        }));
-    };
     const renderList = () => (React.createElement("ul", { ref: listElementRef, className: clsx(styles['flash-list'], isFlashbarStackExpanded ? styles.expanded : styles.collapsed, transitioning && styles['animation-running'], initialAnimationState && styles['animation-ready'], isVisualRefresh && styles['visual-refresh']), id: flashbarElementId, "aria-label": ariaLabel, "aria-describedby": isCollapsible ? itemCountElementId : undefined, style: !isFlashbarStackExpanded || transitioning
             ? {
                 [customCssProps.flashbarStackDepth]: stackDepth,
@@ -203,7 +182,7 @@ export default function CollapsibleFlashbar(_a) {
                     else {
                         collapsedItemRefs.current[getAnimationElementId(item)] = element;
                     }
-                }, style: Object.assign(Object.assign({}, (index > 0 && !isFlashbarStackExpanded && style && getItemStyles(style, item.type))), ((!isFlashbarStackExpanded || transitioning) && {
+                }, style: Object.assign(Object.assign({}, (index > 0 && !isFlashbarStackExpanded && style && getCollapsibleFlashStyles(style, item.type))), ((!isFlashbarStackExpanded || transitioning) && {
                     [customCssProps.flashbarStackIndex]: (_c = (_b = item.collapsedIndex) !== null && _b !== void 0 ? _b : item.expandedIndex) !== null && _c !== void 0 ? _c : index,
                 })), key: getItemId(item) }, getAnalyticsMetadataAttribute(getItemAnalyticsMetadata(index + 1, item.type || 'info', item.id))), showInnerContent(item) && (React.createElement(Flash
             // eslint-disable-next-line react/forbid-component-props
@@ -214,7 +193,7 @@ export default function CollapsibleFlashbar(_a) {
     return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.flashbar, styles.stack, isCollapsible && styles.collapsible, items.length === 2 && styles['short-list'], isFlashbarStackExpanded && styles.expanded, isVisualRefresh && styles['visual-refresh']), ref: mergedRef }, getAnalyticsMetadataAttribute(getComponentsAnalyticsMetadata(items.length, true, isFlashbarStackExpanded))),
         isFlashbarStackExpanded && renderList(),
         isCollapsible && (React.createElement("div", Object.assign({ className: clsx(styles['notification-bar'], isVisualRefresh && styles['visual-refresh'], isFlashbarStackExpanded ? styles.expanded : styles.collapsed, transitioning && styles['animation-running'], items.length === 2 && styles['short-list'], getVisualContextClassname('flashbar') // Visual context is needed for focus ring to be white
-            ), onClick: toggleCollapseExpand, ref: notificationBarRef, style: Object.assign({}, getNotificationBarStyles()) }, getAnalyticsMetadataAttribute({
+            ), onClick: toggleCollapseExpand, ref: notificationBarRef, style: Object.assign({}, (style && getNotificationBarStyles(style))) }, getAnalyticsMetadataAttribute({
             action: !isFlashbarStackExpanded ? 'expand' : 'collapse',
             detail: {
                 label: 'h2',
@@ -227,32 +206,6 @@ export default function CollapsibleFlashbar(_a) {
                 React.createElement(InternalIcon, { className: styles.icon, size: "normal", name: "angle-down" })))),
         !isFlashbarStackExpanded && renderList()));
 }
-export const getItemStyles = (style, type = 'info') => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-    const background = ((_b = (_a = style === null || style === void 0 ? void 0 : style.item) === null || _a === void 0 ? void 0 : _a.root) === null || _b === void 0 ? void 0 : _b.background) &&
-        (type === 'in-progress'
-            ? (_d = (_c = style === null || style === void 0 ? void 0 : style.item) === null || _c === void 0 ? void 0 : _c.root) === null || _d === void 0 ? void 0 : _d.background.inProgress
-            : (_f = (_e = style === null || style === void 0 ? void 0 : style.item) === null || _e === void 0 ? void 0 : _e.root) === null || _f === void 0 ? void 0 : _f.background[type]);
-    const borderColor = ((_h = (_g = style === null || style === void 0 ? void 0 : style.item) === null || _g === void 0 ? void 0 : _g.root) === null || _h === void 0 ? void 0 : _h.borderColor) &&
-        (type === 'in-progress'
-            ? (_k = (_j = style === null || style === void 0 ? void 0 : style.item) === null || _j === void 0 ? void 0 : _j.root) === null || _k === void 0 ? void 0 : _k.borderColor.inProgress
-            : (_m = (_l = style === null || style === void 0 ? void 0 : style.item) === null || _l === void 0 ? void 0 : _l.root) === null || _m === void 0 ? void 0 : _m.borderColor[type]);
-    const borderRadius = (_p = (_o = style === null || style === void 0 ? void 0 : style.item) === null || _o === void 0 ? void 0 : _o.root) === null || _p === void 0 ? void 0 : _p.borderRadius;
-    const borderWidth = (_r = (_q = style === null || style === void 0 ? void 0 : style.item) === null || _q === void 0 ? void 0 : _q.root) === null || _r === void 0 ? void 0 : _r.borderWidth;
-    const borderStyle = ((_t = (_s = style === null || style === void 0 ? void 0 : style.item) === null || _s === void 0 ? void 0 : _s.root) === null || _t === void 0 ? void 0 : _t.borderWidth) && 'solid';
-    const color = ((_v = (_u = style === null || style === void 0 ? void 0 : style.item) === null || _u === void 0 ? void 0 : _u.root) === null || _v === void 0 ? void 0 : _v.color) &&
-        (type === 'in-progress'
-            ? (_x = (_w = style === null || style === void 0 ? void 0 : style.item) === null || _w === void 0 ? void 0 : _w.root) === null || _x === void 0 ? void 0 : _x.color.inProgress
-            : (_z = (_y = style === null || style === void 0 ? void 0 : style.item) === null || _y === void 0 ? void 0 : _y.root) === null || _z === void 0 ? void 0 : _z.color[type]);
-    return {
-        background,
-        borderColor,
-        borderRadius,
-        borderStyle,
-        borderWidth,
-        color,
-    };
-};
 const NotificationTypeCount = ({ iconName, label, count, }) => {
     return (React.createElement("span", { className: styles['type-count'] },
         React.createElement("span", { title: label },