npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.853 → 3.0.855 - Mend

@cloudscape-design/components-themeable 3.0.853 → 3.0.855

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

package/lib/internal/template/property-filter/styles.scoped.css CHANGED Viewed

@@ -136,9 +136,13 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* 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_root_1wzqe_4q710_141:not(#\9) {
+.awsui_root_1wzqe_l8oe3_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -171,40 +175,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_search-field_1wzqe_4q710_173:not(#\9) {
+.awsui_search-field_1wzqe_l8oe3_177:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
   gap: var(--space-xs-6dgkww, 8px) var(--space-s-vmutj3, 12px);
 }
-.awsui_input-wrapper_1wzqe_4q710_180:not(#\9) {
+.awsui_input-wrapper_1wzqe_l8oe3_184:not(#\9) {
   flex-grow: 1;
   display: flex;
   align-items: flex-end;
   max-inline-size: calc(688px - 2 * var(--space-l-eenfqd, 20px));
 }
-.awsui_add-token_1wzqe_4q710_187:not(#\9) {
+.awsui_add-token_1wzqe_l8oe3_191:not(#\9) {
   border-inline-start: 1px solid var(--color-border-divider-default-u5ytia, #eaeded);
   box-sizing: border-box;
   margin-inline-start: var(--space-m-u91ipm, 16px);
   padding-inline-start: var(--space-m-u91ipm, 16px);
 }
-.awsui_tokens_1wzqe_4q710_194:not(#\9) {
+.awsui_tokens_1wzqe_l8oe3_198:not(#\9) {
   margin-block: var(--space-xs-6dgkww, 8px);
   margin-inline: 0;
 }
-.awsui_token-operator_1wzqe_4q710_199:not(#\9) {
+.awsui_token-operator_1wzqe_l8oe3_203:not(#\9) {
   font-weight: bold;
 }
-.awsui_property-editor_1wzqe_4q710_203:not(#\9) {
+.awsui_property-editor_1wzqe_l8oe3_207:not(#\9) {
   overflow-y: auto;
 }
-.awsui_property-editor-header_1wzqe_4q710_206:not(#\9) {
+.awsui_property-editor-header_1wzqe_l8oe3_210:not(#\9) {
   font-size: var(--font-size-body-m-6wxxs5, 14px);
   line-height: var(--line-height-body-m-gw0130, 22px);
   color: var(--color-text-body-default-agk00h, #16191f);
@@ -217,7 +221,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block-end: var(--space-xxs-y2432o, 4px);
   padding-inline: var(--space-s-vmutj3, 12px);
 }
-.awsui_property-editor-header-enum_1wzqe_4q710_219:not(#\9) {
+.awsui_property-editor-header-enum_1wzqe_l8oe3_223:not(#\9) {
   display: flex;
   gap: var(--space-xs-6dgkww, 8px);
   font-size: var(--font-size-body-m-6wxxs5, 14px);
@@ -232,15 +236,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: calc(var(--space-xs-6dgkww, 8px) + var(--border-item-width-bjacxs, 1px) - var(--border-divider-list-width-x6rz7e, 1px));
   padding-inline: calc(var(--space-field-horizontal-cxdor9, 8px) + var(--border-item-width-bjacxs, 1px));
 }
-.awsui_property-editor-form_1wzqe_4q710_234:not(#\9) {
+.awsui_property-editor-form_1wzqe_l8oe3_238:not(#\9) {
   padding-block-start: var(--space-xxs-y2432o, 4px);
   padding-block-end: var(--space-s-vmutj3, 12px);
   padding-inline: var(--space-s-vmutj3, 12px);
 }
-.awsui_property-editor-cancel_1wzqe_4q710_239:not(#\9) {
+.awsui_property-editor-cancel_1wzqe_l8oe3_243:not(#\9) {
   margin-inline-end: var(--space-xs-6dgkww, 8px);
 }
-.awsui_property-editor-actions_1wzqe_4q710_242:not(#\9) {
+.awsui_property-editor-actions_1wzqe_l8oe3_246:not(#\9) {
   display: flex;
   justify-content: flex-end;
   border-block-start: var(--border-divider-list-width-x6rz7e, 1px) solid var(--color-border-dropdown-item-default-s0ovy4, #eaeded);
@@ -248,46 +252,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-s-vmutj3, 12px);
 }
-.awsui_property-editor-enum_1wzqe_4q710_250:not(#\9) {
+.awsui_property-editor-enum_1wzqe_l8oe3_254:not(#\9) {
   display: flex;
   flex-direction: column;
 }
-.awsui_token-editor_1wzqe_4q710_255:not(#\9) {
+.awsui_token-editor_1wzqe_l8oe3_259:not(#\9) {
   display: flex;
   flex-direction: column;
   gap: var(--space-s-vmutj3, 12px);
   margin-block: var(--space-xxs-y2432o, 4px);
   margin-inline: var(--space-xxs-y2432o, 4px);
 }
-.awsui_token-editor-form_1wzqe_4q710_262:not(#\9) {
+.awsui_token-editor-form_1wzqe_l8oe3_266:not(#\9) {
   /* used in test-utils */
 }
-.awsui_token-editor-field-property_1wzqe_4q710_265:not(#\9) {
+.awsui_token-editor-field-property_1wzqe_l8oe3_269:not(#\9) {
   flex-grow: 2;
 }
-.awsui_token-editor-field-operator_1wzqe_4q710_268:not(#\9) {
+.awsui_token-editor-field-operator_1wzqe_l8oe3_272:not(#\9) {
   flex-grow: 1;
 }
-.awsui_token-editor-field-value_1wzqe_4q710_271:not(#\9) {
+.awsui_token-editor-field-value_1wzqe_l8oe3_275:not(#\9) {
   flex-grow: 2;
 }
-.awsui_token-editor-multiselect-wrapper_1wzqe_4q710_274:not(#\9) {
+.awsui_token-editor-multiselect-wrapper_1wzqe_l8oe3_278:not(#\9) {
   position: relative;
   block-size: var(--size-vertical-input-t2p4dg, 32px);
   min-inline-size: 200px;
 }
-.awsui_token-editor-multiselect-wrapper-inner_1wzqe_4q710_279:not(#\9) {
+.awsui_token-editor-multiselect-wrapper-inner_1wzqe_l8oe3_283:not(#\9) {
   position: absolute;
   inline-size: 100%;
 }
-.awsui_token-editor-cancel_1wzqe_4q710_283:not(#\9) {
+.awsui_token-editor-cancel_1wzqe_l8oe3_287:not(#\9) {
   margin-inline-end: var(--space-xs-6dgkww, 8px);
 }
-.awsui_token-editor-submit_1wzqe_4q710_286:not(#\9) {
+.awsui_token-editor-submit_1wzqe_l8oe3_290:not(#\9) {
   /* used in test-utils */
 }
-.awsui_token-editor-actions_1wzqe_4q710_289:not(#\9) {
+.awsui_token-editor-actions_1wzqe_l8oe3_293:not(#\9) {
   display: flex;
   justify-content: flex-end;
   padding-block-start: var(--space-s-vmutj3, 12px);
@@ -296,7 +300,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: calc(-1 * var(--space-m-u91ipm, 16px) + -1 * var(--space-xxs-y2432o, 4px));
   margin-block-start: var(--space-s-vmutj3, 12px);
 }
-.awsui_token-editor-grid_1wzqe_4q710_298:not(#\9) {
+.awsui_token-editor-grid_1wzqe_l8oe3_302:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -331,70 +335,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   gap: var(--space-s-vmutj3, 12px);
   grid-template-columns: minmax(min-content, 2fr) minmax(min-content, 120px) minmax(min-content, 3fr) min-content;
 }
-.awsui_token-editor-grid-group_1wzqe_4q710_332:not(#\9) {
+.awsui_token-editor-grid-group_1wzqe_l8oe3_336:not(#\9) {
   display: contents;
 }
-.awsui_token-editor-grid_1wzqe_4q710_298.awsui_token-editor-narrow_1wzqe_4q710_335:not(#\9) {
+.awsui_token-editor-grid_1wzqe_l8oe3_302.awsui_token-editor-narrow_1wzqe_l8oe3_339:not(#\9) {
   grid-template-columns: minmax(100px, 1fr);
   gap: var(--space-m-u91ipm, 16px);
 }
-.awsui_token-editor-grid_1wzqe_4q710_298.awsui_token-editor-narrow_1wzqe_4q710_335 > .awsui_token-editor-grid-group_1wzqe_4q710_332:not(#\9) {
+.awsui_token-editor-grid_1wzqe_l8oe3_302.awsui_token-editor-narrow_1wzqe_l8oe3_339 > .awsui_token-editor-grid-group_1wzqe_l8oe3_336:not(#\9) {
   display: flex;
   flex-direction: column;
   gap: var(--space-s-vmutj3, 12px);
 }
-.awsui_token-editor-grid_1wzqe_4q710_298.awsui_token-editor-narrow_1wzqe_4q710_335 > .awsui_token-editor-grid-group_1wzqe_4q710_332.awsui_token-editor-supports-groups_1wzqe_4q710_344:not(#\9) {
+.awsui_token-editor-grid_1wzqe_l8oe3_302.awsui_token-editor-narrow_1wzqe_l8oe3_339 > .awsui_token-editor-grid-group_1wzqe_l8oe3_336.awsui_token-editor-supports-groups_1wzqe_l8oe3_348:not(#\9) {
   padding-block-end: var(--space-m-u91ipm, 16px);
   border-block-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_token-editor-grid-header_1wzqe_4q710_348:not(#\9) {
+.awsui_token-editor-grid-header_1wzqe_l8oe3_352:not(#\9) {
   color: var(--color-text-column-header-rriflt, #545b64);
   font-weight: var(--font-weight-heading-s-zyfn4j, 700);
   padding-block: var(--space-scaled-xxs-krq5fq, 4px);
   text-align: start;
 }
-.awsui_token-editor-grid-cell_1wzqe_4q710_354:not(#\9):not(.awsui_token-editor-narrow_1wzqe_4q710_335) {
+.awsui_token-editor-grid-cell_1wzqe_l8oe3_358:not(#\9):not(.awsui_token-editor-narrow_1wzqe_l8oe3_339) {
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
 }
-.awsui_token-editor-grid-cell_1wzqe_4q710_354.awsui_token-editor-narrow_1wzqe_4q710_335:not(#\9):nth-child(4) {
+.awsui_token-editor-grid-cell_1wzqe_l8oe3_358.awsui_token-editor-narrow_1wzqe_l8oe3_339:not(#\9):nth-child(4) {
   display: flex;
   justify-content: flex-end;
 }
-.awsui_token-editor-add-token_1wzqe_4q710_363:not(#\9) {
+.awsui_token-editor-add-token_1wzqe_l8oe3_367:not(#\9) {
   margin-block-start: var(--space-s-vmutj3, 12px);
 }
-.awsui_custom-content-wrapper_1wzqe_4q710_367:not(#\9) {
+.awsui_custom-content-wrapper_1wzqe_l8oe3_371:not(#\9) {
   display: contents;
 }
-.awsui_custom-control_1wzqe_4q710_371:not(#\9) {
+.awsui_custom-control_1wzqe_l8oe3_375:not(#\9) {
   /* used in test-utils */
 }
-.awsui_input_1wzqe_4q710_180:not(#\9) {
+.awsui_input_1wzqe_l8oe3_184:not(#\9) {
   flex: 1;
 }
-.awsui_results_1wzqe_4q710_379:not(#\9) {
+.awsui_results_1wzqe_l8oe3_383:not(#\9) {
   padding-block: calc(var(--space-scaled-xxs-krq5fq, 4px) + var(--border-width-field-9kmoac, 1px));
   padding-inline: 0;
 }
-.awsui_token-trigger_1wzqe_4q710_384:not(#\9) {
+.awsui_token-trigger_1wzqe_l8oe3_388:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_remove-all_1wzqe_4q710_389:not(#\9),
-.awsui_join-operation_1wzqe_4q710_390:not(#\9),
-.awsui_custom-filter-actions_1wzqe_4q710_391:not(#\9) {
+.awsui_remove-all_1wzqe_l8oe3_393:not(#\9),
+.awsui_join-operation_1wzqe_l8oe3_394:not(#\9),
+.awsui_custom-filter-actions_1wzqe_l8oe3_395:not(#\9) {
   /* used in test-utils */
 }
-.awsui_constraint_1wzqe_4q710_395:not(#\9) {
+.awsui_constraint_1wzqe_l8oe3_399:not(#\9) {
   padding-block-start: var(--space-xxs-y2432o, 4px);
   color: var(--color-text-form-secondary-5q4khe, #687078);
   font-size: var(--font-size-body-s-4dzx5q, 12px);

package/lib/internal/template/property-filter/styles.selectors.js CHANGED Viewed

@@ -2,44 +2,44 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1wzqe_4q710_141",
-  "search-field": "awsui_search-field_1wzqe_4q710_173",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_4q710_180",
-  "add-token": "awsui_add-token_1wzqe_4q710_187",
-  "tokens": "awsui_tokens_1wzqe_4q710_194",
-  "token-operator": "awsui_token-operator_1wzqe_4q710_199",
-  "property-editor": "awsui_property-editor_1wzqe_4q710_203",
-  "property-editor-header": "awsui_property-editor-header_1wzqe_4q710_206",
-  "property-editor-header-enum": "awsui_property-editor-header-enum_1wzqe_4q710_219",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_4q710_234",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_4q710_239",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_4q710_242",
-  "property-editor-enum": "awsui_property-editor-enum_1wzqe_4q710_250",
-  "token-editor": "awsui_token-editor_1wzqe_4q710_255",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_4q710_262",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_4q710_265",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_4q710_268",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_4q710_271",
-  "token-editor-multiselect-wrapper": "awsui_token-editor-multiselect-wrapper_1wzqe_4q710_274",
-  "token-editor-multiselect-wrapper-inner": "awsui_token-editor-multiselect-wrapper-inner_1wzqe_4q710_279",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_4q710_283",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_4q710_286",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_4q710_289",
-  "token-editor-grid": "awsui_token-editor-grid_1wzqe_4q710_298",
-  "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_4q710_332",
-  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_4q710_335",
-  "token-editor-supports-groups": "awsui_token-editor-supports-groups_1wzqe_4q710_344",
-  "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_4q710_348",
-  "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_4q710_354",
-  "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_4q710_363",
-  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_4q710_367",
-  "custom-control": "awsui_custom-control_1wzqe_4q710_371",
-  "input": "awsui_input_1wzqe_4q710_180",
-  "results": "awsui_results_1wzqe_4q710_379",
-  "token-trigger": "awsui_token-trigger_1wzqe_4q710_384",
-  "remove-all": "awsui_remove-all_1wzqe_4q710_389",
-  "join-operation": "awsui_join-operation_1wzqe_4q710_390",
-  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_4q710_391",
-  "constraint": "awsui_constraint_1wzqe_4q710_395"
+  "root": "awsui_root_1wzqe_l8oe3_145",
+  "search-field": "awsui_search-field_1wzqe_l8oe3_177",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_l8oe3_184",
+  "add-token": "awsui_add-token_1wzqe_l8oe3_191",
+  "tokens": "awsui_tokens_1wzqe_l8oe3_198",
+  "token-operator": "awsui_token-operator_1wzqe_l8oe3_203",
+  "property-editor": "awsui_property-editor_1wzqe_l8oe3_207",
+  "property-editor-header": "awsui_property-editor-header_1wzqe_l8oe3_210",
+  "property-editor-header-enum": "awsui_property-editor-header-enum_1wzqe_l8oe3_223",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_l8oe3_238",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_l8oe3_243",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_l8oe3_246",
+  "property-editor-enum": "awsui_property-editor-enum_1wzqe_l8oe3_254",
+  "token-editor": "awsui_token-editor_1wzqe_l8oe3_259",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_l8oe3_266",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_l8oe3_269",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_l8oe3_272",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_l8oe3_275",
+  "token-editor-multiselect-wrapper": "awsui_token-editor-multiselect-wrapper_1wzqe_l8oe3_278",
+  "token-editor-multiselect-wrapper-inner": "awsui_token-editor-multiselect-wrapper-inner_1wzqe_l8oe3_283",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_l8oe3_287",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_l8oe3_290",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_l8oe3_293",
+  "token-editor-grid": "awsui_token-editor-grid_1wzqe_l8oe3_302",
+  "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_l8oe3_336",
+  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_l8oe3_339",
+  "token-editor-supports-groups": "awsui_token-editor-supports-groups_1wzqe_l8oe3_348",
+  "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_l8oe3_352",
+  "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_l8oe3_358",
+  "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_l8oe3_367",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_l8oe3_371",
+  "custom-control": "awsui_custom-control_1wzqe_l8oe3_375",
+  "input": "awsui_input_1wzqe_l8oe3_184",
+  "results": "awsui_results_1wzqe_l8oe3_383",
+  "token-trigger": "awsui_token-trigger_1wzqe_l8oe3_388",
+  "remove-all": "awsui_remove-all_1wzqe_l8oe3_393",
+  "join-operation": "awsui_join-operation_1wzqe_l8oe3_394",
+  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_l8oe3_395",
+  "constraint": "awsui_constraint_1wzqe_l8oe3_399"
 };

package/lib/internal/template/radio-group/styles.css.js CHANGED Viewed

@@ -1,15 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1mabk_xm1sy_141",
-  "radio": "awsui_radio_1mabk_xm1sy_174",
-  "radio--has-description": "awsui_radio--has-description_1mabk_xm1sy_182",
-  "radio-control": "awsui_radio-control_1mabk_xm1sy_186",
-  "outline": "awsui_outline_1mabk_xm1sy_194",
-  "styled-circle-border": "awsui_styled-circle-border_1mabk_xm1sy_216",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_xm1sy_220",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_xm1sy_220",
-  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_xm1sy_225",
-  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_xm1sy_241"
+  "root": "awsui_root_1mabk_fctsy_145",
+  "radio": "awsui_radio_1mabk_fctsy_178",
+  "radio--has-description": "awsui_radio--has-description_1mabk_fctsy_186",
+  "radio-control": "awsui_radio-control_1mabk_fctsy_190",
+  "outline": "awsui_outline_1mabk_fctsy_198",
+  "styled-circle-border": "awsui_styled-circle-border_1mabk_fctsy_220",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_fctsy_224",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_fctsy_224",
+  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_fctsy_229",
+  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_fctsy_245"
 };

package/lib/internal/template/radio-group/styles.scoped.css CHANGED Viewed

@@ -136,9 +136,13 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* 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_root_1mabk_xm1sy_141:not(#\9) {
+.awsui_root_1mabk_fctsy_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -172,19 +176,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
-.awsui_radio_1mabk_xm1sy_174:not(#\9) {
+.awsui_radio_1mabk_fctsy_178:not(#\9) {
   /*used in test-utils*/
 }
-.awsui_radio_1mabk_xm1sy_174 + .awsui_radio_1mabk_xm1sy_174:not(#\9) {
+.awsui_radio_1mabk_fctsy_178 + .awsui_radio_1mabk_fctsy_178:not(#\9) {
   margin-block-start: var(--space-scaled-xxs-krq5fq, 4px);
 }
-.awsui_radio--has-description_1mabk_xm1sy_182 + .awsui_radio_1mabk_xm1sy_174:not(#\9) {
+.awsui_radio--has-description_1mabk_fctsy_186 + .awsui_radio_1mabk_fctsy_178:not(#\9) {
   margin-block-start: var(--space-scaled-xs-t3am3w, 8px);
 }
-.awsui_radio-control_1mabk_xm1sy_186:not(#\9) {
+.awsui_radio-control_1mabk_fctsy_190:not(#\9) {
   margin-block-start: calc((var(--line-height-body-m-gw0130, 22px) - var(--size-control-rwazx4, 14px)) / 2);
   min-block-size: var(--size-control-rwazx4, 14px);
   min-inline-size: var(--size-control-rwazx4, 14px);
@@ -192,14 +196,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-control-rwazx4, 14px);
 }
-.awsui_outline_1mabk_xm1sy_194:not(#\9) {
+.awsui_outline_1mabk_fctsy_198:not(#\9) {
   position: relative;
 }
-.awsui_outline_1mabk_xm1sy_194:not(#\9) {
+.awsui_outline_1mabk_fctsy_198:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_1mabk_xm1sy_194:not(#\9)::before {
+.awsui_outline_1mabk_fctsy_198:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -214,39 +218,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_styled-circle-border_1mabk_xm1sy_216:not(#\9) {
+.awsui_styled-circle-border_1mabk_fctsy_220:not(#\9) {
   stroke: var(--color-border-control-default-1n1i69, #687078);
   fill: var(--color-background-control-default-mfefru, #ffffff);
 }
-.awsui_styled-circle-border_1mabk_xm1sy_216.awsui_styled-circle-disabled_1mabk_xm1sy_220:not(#\9), .awsui_styled-circle-border_1mabk_xm1sy_216.awsui_styled-circle-readonly_1mabk_xm1sy_220:not(#\9) {
+.awsui_styled-circle-border_1mabk_fctsy_220.awsui_styled-circle-disabled_1mabk_fctsy_224:not(#\9), .awsui_styled-circle-border_1mabk_fctsy_220.awsui_styled-circle-readonly_1mabk_fctsy_224:not(#\9) {
   fill: var(--color-background-control-disabled-91jpo5, #d5dbdb);
   stroke: var(--color-background-control-disabled-91jpo5, #d5dbdb);
 }
-.awsui_styled-circle-fill_1mabk_xm1sy_225:not(#\9) {
+.awsui_styled-circle-fill_1mabk_fctsy_229:not(#\9) {
   stroke: var(--color-background-control-checked-aeun6h, #0073bb);
   fill: var(--color-foreground-control-default-q0po12, #ffffff);
   opacity: 0;
   transition: opacity var(--motion-duration-transition-quick-1ym1ir, 90ms) var(--motion-easing-transition-quick-c2tqbv, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_styled-circle-fill_1mabk_xm1sy_225:not(#\9) {
+  .awsui_styled-circle-fill_1mabk_fctsy_229:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_styled-circle-fill_1mabk_xm1sy_225:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_xm1sy_225:not(#\9) {
+.awsui-motion-disabled .awsui_styled-circle-fill_1mabk_fctsy_229:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_fctsy_229:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_styled-circle-fill_1mabk_xm1sy_225.awsui_styled-circle-checked_1mabk_xm1sy_241:not(#\9) {
+.awsui_styled-circle-fill_1mabk_fctsy_229.awsui_styled-circle-checked_1mabk_fctsy_245:not(#\9) {
   opacity: 1;
 }
-.awsui_styled-circle-fill_1mabk_xm1sy_225.awsui_styled-circle-disabled_1mabk_xm1sy_220:not(#\9) {
+.awsui_styled-circle-fill_1mabk_fctsy_229.awsui_styled-circle-disabled_1mabk_fctsy_224:not(#\9) {
   fill: var(--color-foreground-control-disabled-qyr9s6, #ffffff);
   stroke: var(--color-background-control-disabled-91jpo5, #d5dbdb);
 }
-.awsui_styled-circle-fill_1mabk_xm1sy_225.awsui_styled-circle-readonly_1mabk_xm1sy_220:not(#\9) {
+.awsui_styled-circle-fill_1mabk_fctsy_229.awsui_styled-circle-readonly_1mabk_fctsy_224:not(#\9) {
   fill: var(--color-foreground-control-read-only-xonnp3, #687078);
   stroke: var(--color-background-control-disabled-91jpo5, #d5dbdb);
 }

package/lib/internal/template/radio-group/styles.selectors.js CHANGED Viewed

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1mabk_xm1sy_141",
-  "radio": "awsui_radio_1mabk_xm1sy_174",
-  "radio--has-description": "awsui_radio--has-description_1mabk_xm1sy_182",
-  "radio-control": "awsui_radio-control_1mabk_xm1sy_186",
-  "outline": "awsui_outline_1mabk_xm1sy_194",
-  "styled-circle-border": "awsui_styled-circle-border_1mabk_xm1sy_216",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_xm1sy_220",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_xm1sy_220",
-  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_xm1sy_225",
-  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_xm1sy_241"
+  "root": "awsui_root_1mabk_fctsy_145",
+  "radio": "awsui_radio_1mabk_fctsy_178",
+  "radio--has-description": "awsui_radio--has-description_1mabk_fctsy_186",
+  "radio-control": "awsui_radio-control_1mabk_fctsy_190",
+  "outline": "awsui_outline_1mabk_fctsy_198",
+  "styled-circle-border": "awsui_styled-circle-border_1mabk_fctsy_220",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_fctsy_224",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_fctsy_224",
+  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_fctsy_229",
+  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_fctsy_245"
 };

package/lib/internal/template/s3-resource-selector/s3-modal/basic-table.js CHANGED Viewed

@@ -83,6 +83,7 @@ function InternalHeaderActions({ i18nStrings, reloadData, lastUpdated }) {
         const formattedDate = formatDateLocalized({
             date: lastUpdated.toString(),
             isDateOnly: false,
+            isMonthOnly: false,
         });
         return (React.createElement("div", { className: styles['last-updated-caption'] },
             i18nStrings.lastUpdatedText,

package/lib/internal/template/s3-resource-selector/s3-modal/basic-table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"basic-table.js","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-modal/basic-table.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, { useEffect, useRef, useState } from 'react';\n\nimport { useCollection } from '@cloudscape-design/collection-hooks';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nimport { InternalButton } from '../../button/internal';\nimport InternalHeader from '../../header/internal';\nimport { ComponentFormatFunction } from '../../i18n/context';\nimport useForwardFocus, { ForwardFocusRef } from '../../internal/hooks/forward-focus';\nimport formatDateLocalized from '../../internal/utils/date-time/format-date-localized';\nimport InternalLiveRegion from '../../live-region/internal';\nimport { PaginationProps } from '../../pagination/interfaces';\nimport InternalPagination from '../../pagination/internal';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport { TableProps } from '../../table/interfaces';\nimport InternalTable from '../../table/internal';\nimport { TextFilterProps } from '../../text-filter/interfaces';\nimport InternalTextFilter from '../../text-filter/internal';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { EmptyState } from './empty-state';\n\nimport styles from './styles.css.js';\n\ninterface BasicS3TableStrings<T> {\n labelRefresh?: string;\n labelsPagination?: PaginationProps.Labels;\n header?: string;\n loadingText?: string;\n filteringPlaceholder?: string;\n filteringAriaLabel?: string;\n filteringClearAriaLabel?: string;\n filteringCounterText?: S3ResourceSelectorProps.I18nStrings['filteringCounterText'];\n lastUpdatedText?: string;\n emptyText?: string;\n noMatchTitle?: string;\n noMatchSubtitle?: string;\n clearFilterButtonText?: string;\n selectionLabels?: TableProps.AriaLabels<T>;\n}\n\ninterface BasicS3TableProps<T> {\n // We do not use idiomatic `ref` prop because it does not allow generics.\n // Option 3 from this solution: https://stackoverflow.com/a/58473012/1297743\n forwardFocusRef: React.Ref<ForwardFocusRef>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n fetchData: () => Promise<ReadonlyArray<T>>;\n trackBy: TableProps.TrackBy<T>;\n i18nStrings: BasicS3TableStrings<T>;\n isVisualRefresh?: boolean;\n visibleColumns: ReadonlyArray<string>;\n isItemDisabled: TableProps.IsItemDisabled<T> \| undefined;\n onSelect: (item: T \| undefined) => void;\n}\n\nexport function getSharedI18Strings(\n i18n: ComponentFormatFunction<'s3-resource-selector'>,\n i18nStrings: S3ResourceSelectorProps.I18nStrings \| undefined\n): BasicS3TableStrings<unknown> {\n return {\n filteringCounterText: i18n(\n 'i18nStrings.filteringCounterText',\n i18nStrings?.filteringCounterText,\n format => count => format({ count })\n ),\n labelRefresh: i18n('i18nStrings.labelRefresh', i18nStrings?.labelRefresh),\n labelsPagination: i18nStrings?.labelsPagination,\n noMatchTitle: i18n('i18nStrings.filteringNoMatches', i18nStrings?.filteringNoMatches),\n noMatchSubtitle: i18n('i18nStrings.filteringCantFindMatch', i18nStrings?.filteringCantFindMatch),\n clearFilterButtonText: i18n('i18nStrings.clearFilterButtonText', i18nStrings?.clearFilterButtonText),\n filteringClearAriaLabel: i18nStrings?.labelClearFilter,\n lastUpdatedText: i18n('i18nStrings.modalLastUpdatedText', i18nStrings?.modalLastUpdatedText),\n };\n}\n\nexport function BasicS3Table<T>({\n forwardFocusRef,\n columnDefinitions,\n fetchData,\n trackBy,\n i18nStrings = {},\n isVisualRefresh,\n visibleColumns,\n isItemDisabled,\n onSelect,\n}: BasicS3TableProps<T>) {\n const [loading, setLoading] = useState(false);\n const [allItems, setAllItems] = useState<ReadonlyArray<T>>([]);\n const [lastUpdated, setLastUpdated] = useState<Date>();\n const textFilterRef = useRef<TextFilterProps.Ref>(null);\n const onSelectLatest = useStableCallback(onSelect);\n\n function loadData() {\n setLoading(true);\n return fetchData()\n .then(items => {\n setAllItems(items);\n setLoading(false);\n })\n .catch(() => {\n // error handling should happen on the customer side, outside of this component\n setLoading(false);\n });\n }\n\n async function reloadData() {\n await loadData();\n setLastUpdated(new Date());\n }\n\n useEffect(() => {\n loadData();\n // Data loading is only happening on initial render, or via refresh button\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useForwardFocus(forwardFocusRef, textFilterRef);\n\n const { items, filteredItemsCount, collectionProps, filterProps, paginationProps, actions } = useCollection(\n allItems,\n {\n selection: { trackBy },\n filtering: {\n empty: i18nStrings.emptyText,\n noMatch: (\n <EmptyState\n title={i18nStrings.noMatchTitle}\n subtitle={i18nStrings.noMatchSubtitle}\n action={\n <InternalButton onClick={() => actions.setFiltering('')}>\n {i18nStrings.clearFilterButtonText}\n </InternalButton>\n }\n />\n ),\n },\n pagination: {},\n sorting: {},\n }\n );\n const selectedItem = collectionProps.selectedItems?.[0];\n\n // selectedItem can change internally inside the hook after pagination or filtering\n // useEffect will capture all possible changes\n useEffect(() => {\n onSelectLatest(selectedItem);\n }, [selectedItem, onSelectLatest]);\n\n return (\n <InternalTable<T>\n variant={isVisualRefresh ? 'borderless' : 'container'}\n {...collectionProps}\n header={\n <InternalHeader\n variant={isVisualRefresh ? 'h3' : 'h2'}\n headingTagOverride={'h3'}\n actions={\n <InternalHeaderActions<T> reloadData={reloadData} i18nStrings={i18nStrings} lastUpdated={lastUpdated} />\n }\n counter={selectedItem ? `(1/${allItems.length})` : `(${allItems.length})`}\n >\n {i18nStrings.header}\n </InternalHeader>\n }\n trackBy={trackBy}\n filter={\n <InternalTextFilter\n {...filterProps}\n ref={textFilterRef}\n filteringAriaLabel={i18nStrings.filteringAriaLabel}\n filteringClearAriaLabel={i18nStrings.filteringClearAriaLabel}\n filteringPlaceholder={i18nStrings.filteringPlaceholder}\n countText={i18nStrings.filteringCounterText ? i18nStrings.filteringCounterText(filteredItemsCount!) : ''}\n />\n }\n pagination={<InternalPagination {...paginationProps} ariaLabels={i18nStrings.labelsPagination} />}\n selectionType=\"single\"\n ariaLabels={i18nStrings.selectionLabels}\n loading={loading}\n loadingText={i18nStrings.loadingText}\n items={items}\n visibleColumns={visibleColumns}\n isItemDisabled={isItemDisabled}\n columnDefinitions={columnDefinitions}\n enableKeyboardNavigation={true}\n />\n );\n}\n\ninterface InternalHeaderActionsProps<T> {\n reloadData: () => void;\n i18nStrings: BasicS3TableProps<T>['i18nStrings'];\n lastUpdated: Date \| undefined;\n}\n\nfunction InternalHeaderActions<T>({ i18nStrings, reloadData, lastUpdated }: InternalHeaderActionsProps<T>) {\n function getLastUpdated() {\n if (!lastUpdated \|\| !i18nStrings.lastUpdatedText) {\n return null;\n }\n\n const formattedDate = formatDateLocalized({\n date: lastUpdated.toString(),\n isDateOnly: false,\n });\n\n return (\n <div className={styles['last-updated-caption']}>\n {i18nStrings.lastUpdatedText}\n <br />\n {formattedDate}\n <InternalLiveRegion tagName=\"span\" sources={[i18nStrings.lastUpdatedText, formattedDate]} />\n </div>\n );\n }\n\n return (\n <InternalSpaceBetween size=\"s\" direction=\"horizontal\" alignItems=\"center\">\n {getLastUpdated()}\n <InternalButton iconName=\"refresh\" ariaLabel={i18nStrings.labelRefresh} onClick={reloadData} />\n </InternalSpaceBetween>\n );\n}\n"]}
1	+ {"version":3,"file":"basic-table.js","sourceRoot":"","sources":["../../../../src/s3-resource-selector/s3-modal/basic-table.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,cAAc,MAAM,uBAAuB,CAAC;AAEnD,OAAO,eAAoC,MAAM,oCAAoC,CAAC;AACtF,OAAO,mBAAmB,MAAM,sDAAsD,CAAC;AACvF,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAE5D,OAAO,kBAAkB,MAAM,2BAA2B,CAAC;AAC3D,OAAO,oBAAoB,MAAM,8BAA8B,CAAC;AAEhE,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAEjD,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAiCrC,MAAM,UAAU,mBAAmB,CACjC,IAAqD,EACrD,WAA4D;IAE5D,OAAO;QACL,oBAAoB,EAAE,IAAI,CACxB,kCAAkC,EAClC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,oBAAoB,EACjC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CACrC;QACD,YAAY,EAAE,IAAI,CAAC,0BAA0B,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY,CAAC;QACzE,gBAAgB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB;QAC/C,YAAY,EAAE,IAAI,CAAC,gCAAgC,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,kBAAkB,CAAC;QACrF,eAAe,EAAE,IAAI,CAAC,oCAAoC,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,sBAAsB,CAAC;QAChG,qBAAqB,EAAE,IAAI,CAAC,mCAAmC,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,qBAAqB,CAAC;QACpG,uBAAuB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB;QACtD,eAAe,EAAE,IAAI,CAAC,kCAAkC,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,oBAAoB,CAAC;KAC7F,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAI,EAC9B,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,OAAO,EACP,WAAW,GAAG,EAAE,EAChB,eAAe,EACf,cAAc,EACd,cAAc,EACd,QAAQ,GACa;;IACrB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAQ,CAAC;IACvD,MAAM,aAAa,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAEnD,SAAS,QAAQ;QACf,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,SAAS,EAAE;aACf,IAAI,CAAC,KAAK,CAAC,EAAE;YACZ,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,+EAA+E;YAC/E,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;IACP,CAAC;IAED,SAAe,UAAU;;YACvB,MAAM,QAAQ,EAAE,CAAC;YACjB,cAAc,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QAC7B,CAAC;KAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,EAAE,CAAC;QACX,0EAA0E;QAC1E,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,eAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IAEhD,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,aAAa,CACzG,QAAQ,EACR;QACE,SAAS,EAAE,EAAE,OAAO,EAAE;QACtB,SAAS,EAAE;YACT,KAAK,EAAE,WAAW,CAAC,SAAS;YAC5B,OAAO,EAAE,CACP,oBAAC,UAAU,IACT,KAAK,EAAE,WAAW,CAAC,YAAY,EAC/B,QAAQ,EAAE,WAAW,CAAC,eAAe,EACrC,MAAM,EACJ,oBAAC,cAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC,IACpD,WAAW,CAAC,qBAAqB,CACnB,GAEnB,CACH;SACF;QACD,UAAU,EAAE,EAAE;QACd,OAAO,EAAE,EAAE;KACZ,CACF,CAAC;IACF,MAAM,YAAY,GAAG,MAAA,eAAe,CAAC,aAAa,0CAAG,CAAC,CAAC,CAAC;IAExD,mFAAmF;IACnF,8CAA8C;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,oBAAC,aAAa,kBACZ,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,IACjD,eAAe,IACnB,MAAM,EACJ,oBAAC,cAAc,IACb,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACtC,kBAAkB,EAAE,IAAI,EACxB,OAAO,EACL,oBAAC,qBAAqB,IAAI,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,GAAI,EAE1G,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,IAExE,WAAW,CAAC,MAAM,CACJ,EAEnB,OAAO,EAAE,OAAO,EAChB,MAAM,EACJ,oBAAC,kBAAkB,oBACb,WAAW,IACf,GAAG,EAAE,aAAa,EAClB,kBAAkB,EAAE,WAAW,CAAC,kBAAkB,EAClD,uBAAuB,EAAE,WAAW,CAAC,uBAAuB,EAC5D,oBAAoB,EAAE,WAAW,CAAC,oBAAoB,EACtD,SAAS,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,kBAAmB,CAAC,CAAC,CAAC,CAAC,EAAE,IACxG,EAEJ,UAAU,EAAE,oBAAC,kBAAkB,oBAAK,eAAe,IAAE,UAAU,EAAE,WAAW,CAAC,gBAAgB,IAAI,EACjG,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAE,WAAW,CAAC,eAAe,EACvC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,wBAAwB,EAAE,IAAI,IAC9B,CACH,CAAC;AACJ,CAAC;AAQD,SAAS,qBAAqB,CAAI,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAiC;IACvG,SAAS,cAAc;QACrB,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE;YAChD,OAAO,IAAI,CAAC;SACb;QAED,MAAM,aAAa,GAAG,mBAAmB,CAAC;YACxC,IAAI,EAAE,WAAW,CAAC,QAAQ,EAAE;YAC5B,UAAU,EAAE,KAAK;YACjB,WAAW,EAAE,KAAK;SACnB,CAAC,CAAC;QAEH,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC3C,WAAW,CAAC,eAAe;YAC5B,+BAAM;YACL,aAAa;YACd,oBAAC,kBAAkB,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,WAAW,CAAC,eAAe,EAAE,aAAa,CAAC,GAAI,CACxF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,oBAAoB,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,YAAY,EAAC,UAAU,EAAC,QAAQ;QACtE,cAAc,EAAE;QACjB,oBAAC,cAAc,IAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAE,WAAW,CAAC,YAAY,EAAE,OAAO,EAAE,UAAU,GAAI,CAC1E,CACxB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { useCollection } from '@cloudscape-design/collection-hooks';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nimport { InternalButton } from '../../button/internal';\nimport InternalHeader from '../../header/internal';\nimport { ComponentFormatFunction } from '../../i18n/context';\nimport useForwardFocus, { ForwardFocusRef } from '../../internal/hooks/forward-focus';\nimport formatDateLocalized from '../../internal/utils/date-time/format-date-localized';\nimport InternalLiveRegion from '../../live-region/internal';\nimport { PaginationProps } from '../../pagination/interfaces';\nimport InternalPagination from '../../pagination/internal';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport { TableProps } from '../../table/interfaces';\nimport InternalTable from '../../table/internal';\nimport { TextFilterProps } from '../../text-filter/interfaces';\nimport InternalTextFilter from '../../text-filter/internal';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { EmptyState } from './empty-state';\n\nimport styles from './styles.css.js';\n\ninterface BasicS3TableStrings<T> {\n labelRefresh?: string;\n labelsPagination?: PaginationProps.Labels;\n header?: string;\n loadingText?: string;\n filteringPlaceholder?: string;\n filteringAriaLabel?: string;\n filteringClearAriaLabel?: string;\n filteringCounterText?: S3ResourceSelectorProps.I18nStrings['filteringCounterText'];\n lastUpdatedText?: string;\n emptyText?: string;\n noMatchTitle?: string;\n noMatchSubtitle?: string;\n clearFilterButtonText?: string;\n selectionLabels?: TableProps.AriaLabels<T>;\n}\n\ninterface BasicS3TableProps<T> {\n // We do not use idiomatic `ref` prop because it does not allow generics.\n // Option 3 from this solution: https://stackoverflow.com/a/58473012/1297743\n forwardFocusRef: React.Ref<ForwardFocusRef>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n fetchData: () => Promise<ReadonlyArray<T>>;\n trackBy: TableProps.TrackBy<T>;\n i18nStrings: BasicS3TableStrings<T>;\n isVisualRefresh?: boolean;\n visibleColumns: ReadonlyArray<string>;\n isItemDisabled: TableProps.IsItemDisabled<T> \| undefined;\n onSelect: (item: T \| undefined) => void;\n}\n\nexport function getSharedI18Strings(\n i18n: ComponentFormatFunction<'s3-resource-selector'>,\n i18nStrings: S3ResourceSelectorProps.I18nStrings \| undefined\n): BasicS3TableStrings<unknown> {\n return {\n filteringCounterText: i18n(\n 'i18nStrings.filteringCounterText',\n i18nStrings?.filteringCounterText,\n format => count => format({ count })\n ),\n labelRefresh: i18n('i18nStrings.labelRefresh', i18nStrings?.labelRefresh),\n labelsPagination: i18nStrings?.labelsPagination,\n noMatchTitle: i18n('i18nStrings.filteringNoMatches', i18nStrings?.filteringNoMatches),\n noMatchSubtitle: i18n('i18nStrings.filteringCantFindMatch', i18nStrings?.filteringCantFindMatch),\n clearFilterButtonText: i18n('i18nStrings.clearFilterButtonText', i18nStrings?.clearFilterButtonText),\n filteringClearAriaLabel: i18nStrings?.labelClearFilter,\n lastUpdatedText: i18n('i18nStrings.modalLastUpdatedText', i18nStrings?.modalLastUpdatedText),\n };\n}\n\nexport function BasicS3Table<T>({\n forwardFocusRef,\n columnDefinitions,\n fetchData,\n trackBy,\n i18nStrings = {},\n isVisualRefresh,\n visibleColumns,\n isItemDisabled,\n onSelect,\n}: BasicS3TableProps<T>) {\n const [loading, setLoading] = useState(false);\n const [allItems, setAllItems] = useState<ReadonlyArray<T>>([]);\n const [lastUpdated, setLastUpdated] = useState<Date>();\n const textFilterRef = useRef<TextFilterProps.Ref>(null);\n const onSelectLatest = useStableCallback(onSelect);\n\n function loadData() {\n setLoading(true);\n return fetchData()\n .then(items => {\n setAllItems(items);\n setLoading(false);\n })\n .catch(() => {\n // error handling should happen on the customer side, outside of this component\n setLoading(false);\n });\n }\n\n async function reloadData() {\n await loadData();\n setLastUpdated(new Date());\n }\n\n useEffect(() => {\n loadData();\n // Data loading is only happening on initial render, or via refresh button\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useForwardFocus(forwardFocusRef, textFilterRef);\n\n const { items, filteredItemsCount, collectionProps, filterProps, paginationProps, actions } = useCollection(\n allItems,\n {\n selection: { trackBy },\n filtering: {\n empty: i18nStrings.emptyText,\n noMatch: (\n <EmptyState\n title={i18nStrings.noMatchTitle}\n subtitle={i18nStrings.noMatchSubtitle}\n action={\n <InternalButton onClick={() => actions.setFiltering('')}>\n {i18nStrings.clearFilterButtonText}\n </InternalButton>\n }\n />\n ),\n },\n pagination: {},\n sorting: {},\n }\n );\n const selectedItem = collectionProps.selectedItems?.[0];\n\n // selectedItem can change internally inside the hook after pagination or filtering\n // useEffect will capture all possible changes\n useEffect(() => {\n onSelectLatest(selectedItem);\n }, [selectedItem, onSelectLatest]);\n\n return (\n <InternalTable<T>\n variant={isVisualRefresh ? 'borderless' : 'container'}\n {...collectionProps}\n header={\n <InternalHeader\n variant={isVisualRefresh ? 'h3' : 'h2'}\n headingTagOverride={'h3'}\n actions={\n <InternalHeaderActions<T> reloadData={reloadData} i18nStrings={i18nStrings} lastUpdated={lastUpdated} />\n }\n counter={selectedItem ? `(1/${allItems.length})` : `(${allItems.length})`}\n >\n {i18nStrings.header}\n </InternalHeader>\n }\n trackBy={trackBy}\n filter={\n <InternalTextFilter\n {...filterProps}\n ref={textFilterRef}\n filteringAriaLabel={i18nStrings.filteringAriaLabel}\n filteringClearAriaLabel={i18nStrings.filteringClearAriaLabel}\n filteringPlaceholder={i18nStrings.filteringPlaceholder}\n countText={i18nStrings.filteringCounterText ? i18nStrings.filteringCounterText(filteredItemsCount!) : ''}\n />\n }\n pagination={<InternalPagination {...paginationProps} ariaLabels={i18nStrings.labelsPagination} />}\n selectionType=\"single\"\n ariaLabels={i18nStrings.selectionLabels}\n loading={loading}\n loadingText={i18nStrings.loadingText}\n items={items}\n visibleColumns={visibleColumns}\n isItemDisabled={isItemDisabled}\n columnDefinitions={columnDefinitions}\n enableKeyboardNavigation={true}\n />\n );\n}\n\ninterface InternalHeaderActionsProps<T> {\n reloadData: () => void;\n i18nStrings: BasicS3TableProps<T>['i18nStrings'];\n lastUpdated: Date \| undefined;\n}\n\nfunction InternalHeaderActions<T>({ i18nStrings, reloadData, lastUpdated }: InternalHeaderActionsProps<T>) {\n function getLastUpdated() {\n if (!lastUpdated \|\| !i18nStrings.lastUpdatedText) {\n return null;\n }\n\n const formattedDate = formatDateLocalized({\n date: lastUpdated.toString(),\n isDateOnly: false,\n isMonthOnly: false,\n });\n\n return (\n <div className={styles['last-updated-caption']}>\n {i18nStrings.lastUpdatedText}\n <br />\n {formattedDate}\n <InternalLiveRegion tagName=\"span\" sources={[i18nStrings.lastUpdatedText, formattedDate]} />\n </div>\n );\n }\n\n return (\n <InternalSpaceBetween size=\"s\" direction=\"horizontal\" alignItems=\"center\">\n {getLastUpdated()}\n <InternalButton iconName=\"refresh\" ariaLabel={i18nStrings.labelRefresh} onClick={reloadData} />\n </InternalSpaceBetween>\n );\n}\n"]}

package/lib/internal/template/s3-resource-selector/s3-modal/styles.css.js CHANGED Viewed

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "modal-actions": "awsui_modal-actions_12hyz_138p3_177",
-  "submit-button": "awsui_submit-button_12hyz_138p3_181",
-  "last-updated-caption": "awsui_last-updated-caption_12hyz_138p3_185"
+  "modal-actions": "awsui_modal-actions_12hyz_w54ch_181",
+  "submit-button": "awsui_submit-button_12hyz_w54ch_185",
+  "last-updated-caption": "awsui_last-updated-caption_12hyz_w54ch_189"
 };

package/lib/internal/template/s3-resource-selector/s3-modal/styles.scoped.css CHANGED Viewed

@@ -134,12 +134,16 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -174,15 +178,15 @@
 */
 /* 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_modal-actions_12hyz_138p3_177:not(#\9) {
+.awsui_modal-actions_12hyz_w54ch_181:not(#\9) {
   justify-content: flex-end;
 }
-.awsui_submit-button_12hyz_138p3_181:not(#\9) {
+.awsui_submit-button_12hyz_w54ch_185:not(#\9) {
   /* used in test-utils */
 }
-.awsui_last-updated-caption_12hyz_138p3_185:not(#\9) {
+.awsui_last-updated-caption_12hyz_w54ch_189:not(#\9) {
   font-size: var(--font-size-body-s-4dzx5q, 12px);
   line-height: var(--line-height-body-s-egzl4q, 16px);
   letter-spacing: var(--letter-spacing-body-s-cbaxyl, normal);

package/lib/internal/template/s3-resource-selector/s3-modal/styles.selectors.js CHANGED Viewed

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "modal-actions": "awsui_modal-actions_12hyz_138p3_177",
-  "submit-button": "awsui_submit-button_12hyz_138p3_181",
-  "last-updated-caption": "awsui_last-updated-caption_12hyz_138p3_185"
+  "modal-actions": "awsui_modal-actions_12hyz_w54ch_181",
+  "submit-button": "awsui_submit-button_12hyz_w54ch_185",
+  "last-updated-caption": "awsui_last-updated-caption_12hyz_w54ch_189"
 };