@cloudscape-design/components 3.0.360 → 3.0.362

package/property-filter/styles.selectors.js

@@ -2,34 +2,34 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1wzqe_rth0w_93",
-  "search-field": "awsui_search-field_1wzqe_rth0w_106",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_rth0w_112",
-  "add-token": "awsui_add-token_1wzqe_rth0w_116",
-  "tokens": "awsui_tokens_1wzqe_rth0w_123",
-  "token-operator": "awsui_token-operator_1wzqe_rth0w_127",
-  "property-editor": "awsui_property-editor_1wzqe_rth0w_131",
-  "token-editor": "awsui_token-editor_1wzqe_rth0w_132",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_rth0w_136",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_rth0w_137",
-  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_rth0w_140",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_rth0w_141",
-  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_rth0w_144",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_rth0w_145",
-  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_rth0w_148",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_rth0w_149",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_rth0w_152",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_rth0w_153",
-  "property-editor-submit": "awsui_property-editor-submit_1wzqe_rth0w_156",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_rth0w_157",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_rth0w_160",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_rth0w_161",
-  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_rth0w_179",
-  "custom-control": "awsui_custom-control_1wzqe_rth0w_183",
-  "input": "awsui_input_1wzqe_rth0w_112",
-  "token-trigger": "awsui_token-trigger_1wzqe_rth0w_191",
-  "remove-all": "awsui_remove-all_1wzqe_rth0w_197",
-  "token-label": "awsui_token-label_1wzqe_rth0w_198",
-  "join-operation": "awsui_join-operation_1wzqe_rth0w_199"
+  "root": "awsui_root_1wzqe_1im8m_93",
+  "search-field": "awsui_search-field_1wzqe_1im8m_106",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_1im8m_112",
+  "add-token": "awsui_add-token_1wzqe_1im8m_116",
+  "tokens": "awsui_tokens_1wzqe_1im8m_123",
+  "token-operator": "awsui_token-operator_1wzqe_1im8m_127",
+  "property-editor": "awsui_property-editor_1wzqe_1im8m_131",
+  "token-editor": "awsui_token-editor_1wzqe_1im8m_132",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_1im8m_136",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_1im8m_137",
+  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1im8m_140",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1im8m_141",
+  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1im8m_144",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1im8m_145",
+  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1im8m_148",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1im8m_149",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1im8m_152",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1im8m_153",
+  "property-editor-submit": "awsui_property-editor-submit_1wzqe_1im8m_156",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_1im8m_157",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_1im8m_160",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_1im8m_161",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1im8m_179",
+  "custom-control": "awsui_custom-control_1wzqe_1im8m_183",
+  "input": "awsui_input_1wzqe_1im8m_112",
+  "token-trigger": "awsui_token-trigger_1wzqe_1im8m_191",
+  "remove-all": "awsui_remove-all_1wzqe_1im8m_197",
+  "token-label": "awsui_token-label_1wzqe_1im8m_198",
+  "join-operation": "awsui_join-operation_1wzqe_1im8m_199"
 };
   

package/s3-resource-selector/s3-in-context/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1vtzr_2vq0w_9",
-  "view-button": "awsui_view-button_1vtzr_2vq0w_13",
-  "browse-button": "awsui_browse-button_1vtzr_2vq0w_17",
-  "layout": "awsui_layout_1vtzr_2vq0w_21",
-  "layout-uri": "awsui_layout-uri_1vtzr_2vq0w_31",
-  "layout-version": "awsui_layout-version_1vtzr_2vq0w_35",
-  "layout-divider": "awsui_layout-divider_1vtzr_2vq0w_40"
+  "root": "awsui_root_1vtzr_cpfg5_9",
+  "view-button": "awsui_view-button_1vtzr_cpfg5_13",
+  "browse-button": "awsui_browse-button_1vtzr_cpfg5_17",
+  "layout": "awsui_layout_1vtzr_cpfg5_21",
+  "layout-uri": "awsui_layout-uri_1vtzr_cpfg5_31",
+  "layout-version": "awsui_layout-version_1vtzr_cpfg5_35",
+  "layout-divider": "awsui_layout-divider_1vtzr_cpfg5_40"
 };
   

package/s3-resource-selector/s3-in-context/styles.scoped.css

@@ -6,40 +6,40 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_1vtzr_2vq0w_9:not(#\9) {
+.awsui_root_1vtzr_cpfg5_9:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_view-button_1vtzr_2vq0w_13:not(#\9) {
+.awsui_view-button_1vtzr_cpfg5_13:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_browse-button_1vtzr_2vq0w_17:not(#\9) {
+.awsui_browse-button_1vtzr_cpfg5_17:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_layout_1vtzr_2vq0w_21:not(#\9) {
+.awsui_layout_1vtzr_cpfg5_21:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-end;
   margin: calc(-1 * var(--space-xs-zb16t3, 8px));
   /* stylelint-disable selector-max-universal */
 }
-.awsui_layout_1vtzr_2vq0w_21 > *:not(#\9) {
+.awsui_layout_1vtzr_cpfg5_21 > *:not(#\9) {
   margin: var(--space-xs-zb16t3, 8px);
 }
-.awsui_layout-uri_1vtzr_2vq0w_31:not(#\9) {
+.awsui_layout-uri_1vtzr_cpfg5_31:not(#\9) {
   min-width: 200px;
   flex: 1;
 }
-.awsui_layout-version_1vtzr_2vq0w_35:not(#\9) {
+.awsui_layout-version_1vtzr_cpfg5_35:not(#\9) {
   max-width: 180px;
   min-width: 140px;
   width: 20%;
 }
-.awsui_layout-divider_1vtzr_2vq0w_40:not(#\9) {
+.awsui_layout-divider_1vtzr_cpfg5_40:not(#\9) {
   height: calc(
-      2 * var(--border-divider-section-width-4ax5o2, 2px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + var(--font-body-m-line-height-5wv9x1, 20px)
+      2 * var(--border-divider-section-width-8a5uu9, 2px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + var(--font-body-m-line-height-5wv9x1, 20px)
     );
-  border-left: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
+  border-left: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
 }

package/s3-resource-selector/s3-in-context/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1vtzr_2vq0w_9",
-  "view-button": "awsui_view-button_1vtzr_2vq0w_13",
-  "browse-button": "awsui_browse-button_1vtzr_2vq0w_17",
-  "layout": "awsui_layout_1vtzr_2vq0w_21",
-  "layout-uri": "awsui_layout-uri_1vtzr_2vq0w_31",
-  "layout-version": "awsui_layout-version_1vtzr_2vq0w_35",
-  "layout-divider": "awsui_layout-divider_1vtzr_2vq0w_40"
+  "root": "awsui_root_1vtzr_cpfg5_9",
+  "view-button": "awsui_view-button_1vtzr_cpfg5_13",
+  "browse-button": "awsui_browse-button_1vtzr_cpfg5_17",
+  "layout": "awsui_layout_1vtzr_cpfg5_21",
+  "layout-uri": "awsui_layout-uri_1vtzr_cpfg5_31",
+  "layout-version": "awsui_layout-version_1vtzr_cpfg5_35",
+  "layout-divider": "awsui_layout-divider_1vtzr_cpfg5_40"
 };
   

package/s3-resource-selector/s3-in-context/use-versions-fetch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-versions-fetch.d.ts","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-in-context/use-versions-fetch.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC;;;;wBAK3D,MAAM;;;;;EAsClC"}
+{"version":3,"file":"use-versions-fetch.d.ts","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-in-context/use-versions-fetch.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAGxD,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC;;;;wBAK3D,MAAM;;;;;EAsClC"}

package/s3-resource-selector/s3-in-context/use-versions-fetch.js

@@ -1,9 +1,9 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { useState } from 'react';
-import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
 import { makeCancellable, PromiseCancelledSignal } from '../../internal/utils/promises';
 import { extractBucketName, validate } from './validation';
+import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
 export function useVersionsFetch(fetchVersions) {
     const [loading, setLoading] = useState(false);
     const [lastFetchedValue, setLastFetched] = useState('');
@@ -38,7 +38,7 @@ export function useVersionsFetch(fetchVersions) {
         versions,
         resetVersions: () => setVersions([]),
         // this function is a dependency of useEffect
-        loadVersions: useStableEventHandler(loadVersions),
+        loadVersions: useStableCallback(loadVersions),
     };
 }
 //# sourceMappingURL=use-versions-fetch.js.map

package/s3-resource-selector/s3-in-context/use-versions-fetch.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-versions-fetch.js","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-in-context/use-versions-fetch.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAExF,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG3D,MAAM,UAAU,gBAAgB,CAAC,aAAuD;IACtF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,gBAAgB,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAA4B,EAAE,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;QACnC,IAAI,GAAG,KAAK,gBAAgB,EAAE;YAC5B,OAAO;SACR;QACD,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;QACpD,IAAI,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;YACnE,OAAO;SACR;QACD,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAM,MAAM,GAAG,eAAe,CAAC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;QAClE,MAAM,CAAC,OAAO,CAAC,IAAI,CACjB,QAAQ,CAAC,EAAE;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,WAAW,CACT,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBACvB,KAAK,EAAE,OAAO,CAAC,SAAS;gBACxB,KAAK,EAAE,OAAO,CAAC,YAAY;aAC5B,CAAC,CAAC,CACJ,CAAC;QACJ,CAAC,EACD,GAAG,CAAC,EAAE;YACJ,IAAI,CAAC,CAAC,GAAG,YAAY,sBAAsB,CAAC,EAAE;gBAC5C,UAAU,CAAC,KAAK,CAAC,CAAC;aACnB;QACH,CAAC,CACF,CAAC;QACF,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO;QACL,OAAO;QACP,QAAQ;QACR,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;QACpC,6CAA6C;QAC7C,YAAY,EAAE,qBAAqB,CAAC,YAAY,CAAC;KAClD,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useState } from 'react';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\nimport { makeCancellable, PromiseCancelledSignal } from '../../internal/utils/promises';\nimport { SelectProps } from '../../select/interfaces';\nimport { extractBucketName, validate } from './validation';\nimport { S3ResourceSelectorProps } from '../interfaces';\n\nexport function useVersionsFetch(fetchVersions: S3ResourceSelectorProps['fetchVersions']) {\n  const [loading, setLoading] = useState(false);\n  const [lastFetchedValue, setLastFetched] = useState('');\n  const [versions, setVersions] = useState<Array<SelectProps.Option>>([]);\n\n  const loadVersions = (uri: string) => {\n    if (uri === lastFetchedValue) {\n      return;\n    }\n    setLastFetched(uri);\n    const errorCode = validate(uri);\n    const [bucketName, prefix] = extractBucketName(uri);\n    if (errorCode || !bucketName || !prefix || prefix.slice(-1) === '/') {\n      return;\n    }\n    setLoading(true);\n    const result = makeCancellable(fetchVersions(bucketName, prefix));\n    result.promise.then(\n      versions => {\n        setLoading(false);\n        setVersions(\n          versions.map(version => ({\n            value: version.VersionId,\n            label: version.LastModified,\n          }))\n        );\n      },\n      err => {\n        if (!(err instanceof PromiseCancelledSignal)) {\n          setLoading(false);\n        }\n      }\n    );\n    return result;\n  };\n\n  return {\n    loading,\n    versions,\n    resetVersions: () => setVersions([]),\n    // this function is a dependency of useEffect\n    loadVersions: useStableEventHandler(loadVersions),\n  };\n}\n"]}
+{"version":3,"file":"use-versions-fetch.js","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-in-context/use-versions-fetch.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAExF,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,MAAM,UAAU,gBAAgB,CAAC,aAAuD;IACtF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,gBAAgB,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAA4B,EAAE,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;QACnC,IAAI,GAAG,KAAK,gBAAgB,EAAE;YAC5B,OAAO;SACR;QACD,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;QACpD,IAAI,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;YACnE,OAAO;SACR;QACD,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAM,MAAM,GAAG,eAAe,CAAC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;QAClE,MAAM,CAAC,OAAO,CAAC,IAAI,CACjB,QAAQ,CAAC,EAAE;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,WAAW,CACT,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBACvB,KAAK,EAAE,OAAO,CAAC,SAAS;gBACxB,KAAK,EAAE,OAAO,CAAC,YAAY;aAC5B,CAAC,CAAC,CACJ,CAAC;QACJ,CAAC,EACD,GAAG,CAAC,EAAE;YACJ,IAAI,CAAC,CAAC,GAAG,YAAY,sBAAsB,CAAC,EAAE;gBAC5C,UAAU,CAAC,KAAK,CAAC,CAAC;aACnB;QACH,CAAC,CACF,CAAC;QACF,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO;QACL,OAAO;QACP,QAAQ;QACR,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;QACpC,6CAA6C;QAC7C,YAAY,EAAE,iBAAiB,CAAC,YAAY,CAAC;KAC9C,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useState } from 'react';\nimport { makeCancellable, PromiseCancelledSignal } from '../../internal/utils/promises';\nimport { SelectProps } from '../../select/interfaces';\nimport { extractBucketName, validate } from './validation';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nexport function useVersionsFetch(fetchVersions: S3ResourceSelectorProps['fetchVersions']) {\n  const [loading, setLoading] = useState(false);\n  const [lastFetchedValue, setLastFetched] = useState('');\n  const [versions, setVersions] = useState<Array<SelectProps.Option>>([]);\n\n  const loadVersions = (uri: string) => {\n    if (uri === lastFetchedValue) {\n      return;\n    }\n    setLastFetched(uri);\n    const errorCode = validate(uri);\n    const [bucketName, prefix] = extractBucketName(uri);\n    if (errorCode || !bucketName || !prefix || prefix.slice(-1) === '/') {\n      return;\n    }\n    setLoading(true);\n    const result = makeCancellable(fetchVersions(bucketName, prefix));\n    result.promise.then(\n      versions => {\n        setLoading(false);\n        setVersions(\n          versions.map(version => ({\n            value: version.VersionId,\n            label: version.LastModified,\n          }))\n        );\n      },\n      err => {\n        if (!(err instanceof PromiseCancelledSignal)) {\n          setLoading(false);\n        }\n      }\n    );\n    return result;\n  };\n\n  return {\n    loading,\n    versions,\n    resetVersions: () => setVersions([]),\n    // this function is a dependency of useEffect\n    loadVersions: useStableCallback(loadVersions),\n  };\n}\n"]}

package/s3-resource-selector/s3-modal/basic-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basic-table.d.ts","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-modal/basic-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIpD,OAAwB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAEtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,UAAU,mBAAmB,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;CAC5C;AAED,UAAU,iBAAiB,CAAC,CAAC;IAG3B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAC5C,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,SAAS,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC/B,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,cAAc,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACzD,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,uBAAuB,CAAC,sBAAsB,CAAC,EACrD,WAAW,EAAE,uBAAuB,CAAC,WAAW,GAAG,SAAS;;;;;;;;EAe7D;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,OAAO,EACP,WAAgB,EAChB,eAAe,EACf,cAAc,EACd,cAAc,EACd,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,eA6FtB"}
+{"version":3,"file":"basic-table.d.ts","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-modal/basic-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIpD,OAAwB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAG7D,UAAU,mBAAmB,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;CAC5C;AAED,UAAU,iBAAiB,CAAC,CAAC;IAG3B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAC5C,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,SAAS,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC/B,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,cAAc,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACzD,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,uBAAuB,CAAC,sBAAsB,CAAC,EACrD,WAAW,EAAE,uBAAuB,CAAC,WAAW,GAAG,SAAS;;;;;;;;EAe7D;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,OAAO,EACP,WAAgB,EAChB,eAAe,EACf,cAAc,EACd,cAAc,EACd,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,eA6FtB"}

package/s3-resource-selector/s3-modal/basic-table.js

@@ -8,8 +8,8 @@ import InternalPagination from '../../pagination/internal';
 import InternalTable from '../../table/internal';
 import InternalTextFilter from '../../text-filter/internal';
 import useForwardFocus from '../../internal/hooks/forward-focus';
-import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
 import { EmptyState } from './empty-state';
+import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
 export function getSharedI18Strings(i18n, i18nStrings) {
     return {
         filteringCounterText: i18n('i18nStrings.filteringCounterText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.filteringCounterText, format => count => format({ count })),
@@ -26,7 +26,7 @@ export function BasicS3Table({ forwardFocusRef, columnDefinitions, fetchData, tr
     const [loading, setLoading] = useState(false);
     const [allItems, setAllItems] = useState([]);
     const textFilterRef = useRef(null);
-    const onSelectLatest = useStableEventHandler(onSelect);
+    const onSelectLatest = useStableCallback(onSelect);
     function loadData() {
         setLoading(true);
         fetchData()

package/s3-resource-selector/s3-modal/basic-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic-table.js","sourceRoot":"lib/default/","sources":["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, useState, useRef } from 'react';\nimport { useCollection } from '@cloudscape-design/collection-hooks';\nimport { InternalButton } from '../../button/internal';\nimport InternalHeader from '../../header/internal';\nimport { PaginationProps } from '../../pagination/interfaces';\nimport InternalPagination from '../../pagination/internal';\nimport { TableProps } from '../../table/interfaces';\nimport InternalTable from '../../table/internal';\nimport { TextFilterProps } from '../../text-filter/interfaces';\nimport InternalTextFilter from '../../text-filter/internal';\nimport useForwardFocus, { ForwardFocusRef } from '../../internal/hooks/forward-focus';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { EmptyState } from './empty-state';\nimport { ComponentFormatFunction } from '../../i18n/context';\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  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) {\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  };\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 textFilterRef = useRef<TextFilterProps.Ref>(null);\n  const onSelectLatest = useStableEventHandler(onSelect);\n\n  function loadData() {\n    setLoading(true);\n    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  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={<InternalButton iconName=\"refresh\" ariaLabel={i18nStrings.labelRefresh} onClick={loadData} />}\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    />\n  );\n}\n"]}
+{"version":3,"file":"basic-table.js","sourceRoot":"lib/default/","sources":["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, useState, useRef } from 'react';\nimport { useCollection } from '@cloudscape-design/collection-hooks';\nimport { InternalButton } from '../../button/internal';\nimport InternalHeader from '../../header/internal';\nimport { PaginationProps } from '../../pagination/interfaces';\nimport InternalPagination from '../../pagination/internal';\nimport { TableProps } from '../../table/interfaces';\nimport InternalTable from '../../table/internal';\nimport { TextFilterProps } from '../../text-filter/interfaces';\nimport InternalTextFilter from '../../text-filter/internal';\nimport useForwardFocus, { ForwardFocusRef } from '../../internal/hooks/forward-focus';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { EmptyState } from './empty-state';\nimport { ComponentFormatFunction } from '../../i18n/context';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\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  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) {\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  };\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 textFilterRef = useRef<TextFilterProps.Ref>(null);\n  const onSelectLatest = useStableCallback(onSelect);\n\n  function loadData() {\n    setLoading(true);\n    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  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={<InternalButton iconName=\"refresh\" ariaLabel={i18nStrings.labelRefresh} onClick={loadData} />}\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    />\n  );\n}\n"]}

package/side-navigation/styles.css.js

@@ -1,33 +1,33 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_l0dv0_8vjrl_93",
-  "header": "awsui_header_l0dv0_8vjrl_109",
-  "header-link": "awsui_header-link_l0dv0_8vjrl_120",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_8vjrl_130",
-  "header-link-text": "awsui_header-link-text_l0dv0_8vjrl_130",
-  "header-logo": "awsui_header-logo_l0dv0_8vjrl_134",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_8vjrl_140",
-  "list-container": "awsui_list-container_l0dv0_8vjrl_145",
-  "list": "awsui_list_l0dv0_8vjrl_145",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_8vjrl_155",
-  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_8vjrl_159",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_8vjrl_163",
-  "list-item": "awsui_list-item_l0dv0_8vjrl_167",
-  "section": "awsui_section_l0dv0_8vjrl_173",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_8vjrl_174",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_8vjrl_177",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_8vjrl_178",
-  "refresh": "awsui_refresh_l0dv0_8vjrl_187",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_8vjrl_195",
-  "section-group": "awsui_section-group_l0dv0_8vjrl_200",
-  "section-group-title": "awsui_section-group-title_l0dv0_8vjrl_210",
-  "link": "awsui_link_l0dv0_8vjrl_214",
-  "link-active": "awsui_link-active_l0dv0_8vjrl_223",
-  "info": "awsui_info_l0dv0_8vjrl_257",
-  "external-icon": "awsui_external-icon_l0dv0_8vjrl_261",
-  "divider": "awsui_divider_l0dv0_8vjrl_265",
-  "divider-default": "awsui_divider-default_l0dv0_8vjrl_270",
-  "divider-header": "awsui_divider-header_l0dv0_8vjrl_274"
+  "root": "awsui_root_l0dv0_1kfyn_93",
+  "header": "awsui_header_l0dv0_1kfyn_109",
+  "header-link": "awsui_header-link_l0dv0_1kfyn_120",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1kfyn_130",
+  "header-link-text": "awsui_header-link-text_l0dv0_1kfyn_130",
+  "header-logo": "awsui_header-logo_l0dv0_1kfyn_134",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1kfyn_140",
+  "list-container": "awsui_list-container_l0dv0_1kfyn_145",
+  "list": "awsui_list_l0dv0_1kfyn_145",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_1kfyn_155",
+  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1kfyn_159",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1kfyn_163",
+  "list-item": "awsui_list-item_l0dv0_1kfyn_167",
+  "section": "awsui_section_l0dv0_1kfyn_173",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_1kfyn_174",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_1kfyn_177",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1kfyn_178",
+  "refresh": "awsui_refresh_l0dv0_1kfyn_187",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1kfyn_195",
+  "section-group": "awsui_section-group_l0dv0_1kfyn_200",
+  "section-group-title": "awsui_section-group-title_l0dv0_1kfyn_210",
+  "link": "awsui_link_l0dv0_1kfyn_214",
+  "link-active": "awsui_link-active_l0dv0_1kfyn_223",
+  "info": "awsui_info_l0dv0_1kfyn_257",
+  "external-icon": "awsui_external-icon_l0dv0_1kfyn_261",
+  "divider": "awsui_divider_l0dv0_1kfyn_265",
+  "divider-default": "awsui_divider-default_l0dv0_1kfyn_270",
+  "divider-header": "awsui_divider-header_l0dv0_1kfyn_274"
 };
   

package/side-navigation/styles.scoped.css

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_l0dv0_8vjrl_93:not(#\9) {
+.awsui_root_l0dv0_1kfyn_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -132,7 +132,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
 
-.awsui_header_l0dv0_8vjrl_109:not(#\9) {
+.awsui_header_l0dv0_1kfyn_109:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-heading-l-weight-a4lz4s, 700);
@@ -143,7 +143,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-right: calc(var(--space-scaled-xxl-wbot5q, 32px) + var(--space-xl-lmui9r, 24px));
 }
 
-.awsui_header-link_l0dv0_8vjrl_120:not(#\9) {
+.awsui_header-link_l0dv0_1kfyn_120:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-heading-l-weight-a4lz4s, 700);
@@ -153,77 +153,77 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   min-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   display: flex;
 }
-.awsui_header-link--has-logo_l0dv0_8vjrl_130 > .awsui_header-link-text_l0dv0_8vjrl_130:not(#\9) {
+.awsui_header-link--has-logo_l0dv0_1kfyn_130 > .awsui_header-link-text_l0dv0_1kfyn_130:not(#\9) {
   font-weight: 400;
 }
 
-.awsui_header-logo_l0dv0_8vjrl_134:not(#\9) {
+.awsui_header-logo_l0dv0_1kfyn_134:not(#\9) {
   margin-right: var(--space-s-34lx8l, 12px);
   margin-top: var(--space-xxxs-zbmxqb, 2px);
   max-width: calc(1.25 * var(--size-icon-big-zkdryd, 32px));
   align-self: flex-start;
 }
-.awsui_header-logo--stretched_l0dv0_8vjrl_140:not(#\9) {
+.awsui_header-logo--stretched_l0dv0_1kfyn_140:not(#\9) {
   max-width: 100%;
   margin-right: 0;
 }
 
-.awsui_list-container_l0dv0_8vjrl_145:not(#\9) {
+.awsui_list-container_l0dv0_1kfyn_145:not(#\9) {
   margin-top: var(--space-scaled-l-0hpmd7, 20px);
 }
 
-.awsui_list_l0dv0_8vjrl_145:not(#\9) {
+.awsui_list_l0dv0_1kfyn_145:not(#\9) {
   margin: 0;
   padding: 0;
   padding-left: var(--space-l-t419sm, 20px);
 }
 
-.awsui_list-variant-root_l0dv0_8vjrl_155:not(#\9) {
+.awsui_list-variant-root_l0dv0_1kfyn_155:not(#\9) {
   margin: 0;
   padding: 0 var(--space-panel-side-right-xofg51, 24px) 0 var(--space-panel-nav-left-b1g0mt, 28px);
 }
-.awsui_list-variant-root--last_l0dv0_8vjrl_159:not(#\9) {
+.awsui_list-variant-root--last_l0dv0_1kfyn_159:not(#\9) {
   margin-bottom: var(--space-scaled-xxxl-fdg8ai, 40px);
 }
 
-.awsui_list-variant-expandable-link-group_l0dv0_8vjrl_163:not(#\9) {
+.awsui_list-variant-expandable-link-group_l0dv0_1kfyn_163:not(#\9) {
   padding-left: var(--space-xxxl-4x2gki, 40px);
 }
 
-.awsui_list-item_l0dv0_8vjrl_167:not(#\9) {
+.awsui_list-item_l0dv0_1kfyn_167:not(#\9) {
   margin: var(--space-scaled-xs-26e2du, 8px) 0;
   padding: 0;
   list-style: none;
 }
 
-.awsui_section_l0dv0_8vjrl_173:not(#\9),
-.awsui_expandable-link-group_l0dv0_8vjrl_174:not(#\9) {
+.awsui_section_l0dv0_1kfyn_173:not(#\9),
+.awsui_expandable-link-group_l0dv0_1kfyn_174:not(#\9) {
   margin-left: calc(-1 * var(--space-l-t419sm, 20px));
 }
-.awsui_section--no-ident_l0dv0_8vjrl_177:not(#\9),
-.awsui_expandable-link-group--no-ident_l0dv0_8vjrl_178:not(#\9) {
+.awsui_section--no-ident_l0dv0_1kfyn_177:not(#\9),
+.awsui_expandable-link-group--no-ident_l0dv0_1kfyn_178:not(#\9) {
   margin-left: 0;
 }
 
-.awsui_section_l0dv0_8vjrl_173:not(#\9) {
-  margin-top: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-4ax5o2, 2px));
-  margin-bottom: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-4ax5o2, 2px));
+.awsui_section_l0dv0_1kfyn_173:not(#\9) {
+  margin-top: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-8a5uu9, 2px));
+  margin-bottom: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-8a5uu9, 2px));
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_section_l0dv0_8vjrl_173.awsui_refresh_l0dv0_8vjrl_187:not(#\9) {
-  margin-top: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-4ax5o2, 2px));
-  margin-bottom: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-4ax5o2, 2px));
+.awsui_section_l0dv0_1kfyn_173.awsui_refresh_l0dv0_1kfyn_187:not(#\9) {
+  margin-top: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-8a5uu9, 2px));
+  margin-bottom: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-8a5uu9, 2px));
 }
-.awsui_section_l0dv0_8vjrl_173 > div:not(#\9) {
+.awsui_section_l0dv0_1kfyn_173 > div:not(#\9) {
   padding: 0;
 }
 
-.awsui_list-variant-section-group_l0dv0_8vjrl_195:not(#\9) {
+.awsui_list-variant-section-group_l0dv0_1kfyn_195:not(#\9) {
   margin: 0;
   padding: 0;
 }
 
-.awsui_section-group_l0dv0_8vjrl_200:not(#\9) {
+.awsui_section-group_l0dv0_1kfyn_200:not(#\9) {
   font-size: var(--font-heading-m-size-ytqm4n, 18px);
   line-height: var(--font-heading-m-line-height-bk6bii, 22px);
   letter-spacing: var(--font-heading-m-letter-spacing-fefyfv, -0.01em);
@@ -233,11 +233,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: 0;
 }
 
-.awsui_section-group-title_l0dv0_8vjrl_210:not(#\9) {
+.awsui_section-group-title_l0dv0_1kfyn_210:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_link_l0dv0_8vjrl_214:not(#\9) {
+.awsui_link_l0dv0_1kfyn_214:not(#\9) {
   font-size: var(--font-body-m-size-dhtyxm, 14px);
   line-height: var(--font-body-m-line-height-5wv9x1, 20px);
   color: var(--color-text-body-secondary-so8znq, #414d5c);
@@ -246,30 +246,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_link-active_l0dv0_8vjrl_223:not(#\9) {
+.awsui_link-active_l0dv0_1kfyn_223:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-rbmzei, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
   color: var(--color-text-accent-n2acxv, #0972d3);
 }
 
-.awsui_header-link_l0dv0_8vjrl_120:not(#\9),
-.awsui_link_l0dv0_8vjrl_214:not(#\9) {
+.awsui_header-link_l0dv0_1kfyn_120:not(#\9),
+.awsui_link_l0dv0_1kfyn_214:not(#\9) {
   text-decoration: none;
 }
-.awsui_header-link_l0dv0_8vjrl_120:not(#\9):hover,
-.awsui_link_l0dv0_8vjrl_214:not(#\9):hover {
+.awsui_header-link_l0dv0_1kfyn_120:not(#\9):hover,
+.awsui_link_l0dv0_1kfyn_214:not(#\9):hover {
   color: var(--color-text-accent-n2acxv, #0972d3);
 }
-.awsui_header-link_l0dv0_8vjrl_120:not(#\9):focus,
-.awsui_link_l0dv0_8vjrl_214:not(#\9):focus {
+.awsui_header-link_l0dv0_1kfyn_120:not(#\9):focus,
+.awsui_link_l0dv0_1kfyn_214:not(#\9):focus {
   outline: none;
 }
-.awsui_header-link_l0dv0_8vjrl_120:not(#\9):hover, .awsui_header-link_l0dv0_8vjrl_120:not(#\9):focus, .awsui_link_l0dv0_8vjrl_214:not(#\9):hover, .awsui_link_l0dv0_8vjrl_214:not(#\9):focus {
+.awsui_header-link_l0dv0_1kfyn_120:not(#\9):hover, .awsui_header-link_l0dv0_1kfyn_120:not(#\9):focus, .awsui_link_l0dv0_1kfyn_214:not(#\9):hover, .awsui_link_l0dv0_1kfyn_214:not(#\9):focus {
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_8vjrl_120:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_link_l0dv0_8vjrl_214:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_1kfyn_120:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1kfyn_214:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -278,23 +278,23 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_8vjrl_214:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_info_l0dv0_8vjrl_257:not(#\9) {
+.awsui_info_l0dv0_1kfyn_257:not(#\9) {
   margin-left: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_external-icon_l0dv0_8vjrl_261:not(#\9) {
+.awsui_external-icon_l0dv0_1kfyn_261:not(#\9) {
   margin-left: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_divider_l0dv0_8vjrl_265:not(#\9) {
+.awsui_divider_l0dv0_1kfyn_265:not(#\9) {
   border: none;
-  border-top: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
+  border-top: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
 }
 
-.awsui_divider-default_l0dv0_8vjrl_270:not(#\9) {
+.awsui_divider-default_l0dv0_1kfyn_270:not(#\9) {
   margin: var(--space-scaled-2x-xl-udij7m, 24px) calc(-1 * var(--space-s-34lx8l, 12px));
 }
 
-.awsui_divider-header_l0dv0_8vjrl_274:not(#\9) {
+.awsui_divider-header_l0dv0_1kfyn_274:not(#\9) {
   margin-top: 0;
 }