npm - @cloudscape-design/components - Versions diffs - 3.0.870 → 3.0.872 - Mend

@cloudscape-design/components 3.0.870 → 3.0.872

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (159) hide show

package/collection-preferences/content-display/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import InternalBox from '../../box/internal';
 import InternalButton from '../../button/internal';
 import { useInternalI18n } from '../../i18n/context';
-import { DndArea } from '../../internal/components/dnd-area';
+import SortableArea from '../../internal/components/sortable-area';
 import { useUniqueId } from '../../internal/hooks/use-unique-id';
 import InternalSpaceBetween from '../../space-between/internal';
 import InternalTextFilter from '../../text-filter/internal';
@@ -46,10 +46,13 @@ export default function ContentDisplayPreference({ title, description, options,
                 React.createElement(InternalBox, { margin: { top: 'm' } }, i18n('contentDisplayPreference.i18nStrings.columnFilteringNoMatchText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.columnFilteringNoMatchText)),
                 React.createElement(InternalButton, { onClick: () => setColumnFilteringText('') }, i18n('contentDisplayPreference.i18nStrings.columnFilteringClearFilterText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.columnFilteringClearFilterText))))),
         React.createElement("ul", { className: getClassName('option-list'), "aria-describedby": descriptionId, "aria-labelledby": titleId, role: "list" },
-            React.createElement(DndArea, { items: sortedAndFilteredOptions.map(data => ({ id: data.id, label: data.label, data })), onItemsChange: items => onChange(items.map(({ id, data }) => ({ id, visible: data.visible }))), disableReorder: columnFilteringText.trim().length > 0, renderItem: ({ ref, item, isSorting, isActive, style, className, dragHandleProps }) => {
-                    className = clsx(className, getOptionClassName(), isSorting && styles.sorting);
-                    const content = (React.createElement(ContentDisplayOption, { ref: ref, option: item.data, onToggle: onToggle, dragHandleProps: dragHandleProps }));
-                    return isActive ? (content) : (React.createElement("li", { className: className, style: style }, content));
+            React.createElement(SortableArea, { items: sortedAndFilteredOptions, itemDefinition: { id: item => item.id, label: item => item.label }, onItemsChange: ({ detail }) => onChange(detail.items), disableReorder: columnFilteringText.trim().length > 0, renderItem: ({ ref, item, style, className, dragHandleProps, isDragGhost }) => {
+                    className = clsx(className, getOptionClassName());
+                    const content = (React.createElement(ContentDisplayOption, { ref: ref, option: item, onToggle: onToggle, dragHandleProps: dragHandleProps }));
+                    if (isDragGhost) {
+                        return content;
+                    }
+                    return (React.createElement("li", { className: className, style: style }, content));
                 }, i18nStrings: {
                     liveAnnouncementDndStarted: i18n('contentDisplayPreference.liveAnnouncementDndStarted', liveAnnouncementDndStarted, format => (position, total) => format({ position, total })),
                     liveAnnouncementDndItemReordered: i18n('contentDisplayPreference.liveAnnouncementDndItemReordered', liveAnnouncementDndItemReordered, format => (initialPosition, currentPosition, total) => format({ currentPosition, total, isInitialPosition: `${initialPosition === currentPosition}` })),

package/collection-preferences/content-display/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/collection-preferences/content-display/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo, useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalBox from '../../box/internal';\nimport InternalButton from '../../button/internal';\nimport { useInternalI18n } from '../../i18n/context';\nimport { DndArea } from '../../internal/components/dnd-area';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport InternalTextFilter from '../../text-filter/internal';\nimport { getAnalyticsInnerContextAttribute } from '../analytics-metadata/utils';\nimport { CollectionPreferencesProps } from '../interfaces';\nimport ContentDisplayOption, { getClassName as getOptionClassName } from './content-display-option';\nimport { getFilteredOptions, getSortedOptions, OptionWithVisibility } from './utils';\n\nimport styles from '../styles.css.js';\n\nconst componentPrefix = 'content-display';\n\nconst getClassName = (suffix: string) => styles[`${componentPrefix}-${suffix}`];\n\ninterface ContentDisplayPreferenceProps extends CollectionPreferencesProps.ContentDisplayPreference {\n onChange: (value: ReadonlyArray<CollectionPreferencesProps.ContentDisplayItem>) => void;\n value?: ReadonlyArray<CollectionPreferencesProps.ContentDisplayItem>;\n}\n\nexport default function ContentDisplayPreference({\n title,\n description,\n options,\n value = options.map(({ id }) => ({\n id,\n visible: true,\n })),\n onChange,\n liveAnnouncementDndStarted,\n liveAnnouncementDndItemReordered,\n liveAnnouncementDndItemCommitted,\n liveAnnouncementDndDiscarded,\n dragHandleAriaDescription,\n dragHandleAriaLabel,\n enableColumnFiltering = false,\n i18nStrings,\n}: ContentDisplayPreferenceProps) {\n const idPrefix = useUniqueId(componentPrefix);\n const i18n = useInternalI18n('collection-preferences');\n const [columnFilteringText, setColumnFilteringText] = useState('');\n\n const titleId = `${idPrefix}-title`;\n const descriptionId = `${idPrefix}-description`;\n\n const [sortedOptions, sortedAndFilteredOptions] = useMemo(() => {\n const sorted = getSortedOptions({ options, contentDisplay: value });\n const filtered = getFilteredOptions(sorted, columnFilteringText);\n return [sorted, filtered];\n }, [columnFilteringText, options, value]);\n\n const onToggle = (option: OptionWithVisibility) => {\n // We use sortedOptions as base and not value because there might be options that\n // are not in the value yet, so they're added as non-visible after the known ones.\n onChange(sortedOptions.map(({ id, visible }) => ({ id, visible: id === option.id ? !option.visible : visible })));\n };\n\n return (\n <div className={styles[componentPrefix]} {...getAnalyticsInnerContextAttribute('contentDisplay')}>\n <h3 className={getClassName('title')} id={titleId}>\n {i18n('contentDisplayPreference.title', title)}\n </h3>\n <p className={getClassName('description')} id={descriptionId}>\n {i18n('contentDisplayPreference.description', description)}\n </p>\n\n {/* Filter input /}\n {enableColumnFiltering && (\n <div className={getClassName('text-filter')}>\n <InternalTextFilter\n filteringText={columnFilteringText}\n filteringPlaceholder={i18n(\n 'contentDisplayPreference.i18nStrings.columnFilteringPlaceholder',\n i18nStrings?.columnFilteringPlaceholder\n )}\n filteringAriaLabel={i18n(\n 'contentDisplayPreference.i18nStrings.columnFilteringAriaLabel',\n i18nStrings?.columnFilteringAriaLabel\n )}\n filteringClearAriaLabel={i18n(\n 'contentDisplayPreference.i18nStrings.columnFilteringClearFilterText',\n i18nStrings?.columnFilteringClearFilterText\n )}\n onChange={({ detail }) => setColumnFilteringText(detail.filteringText)}\n countText={i18n(\n 'contentDisplayPreference.i18nStrings.columnFilteringCountText',\n i18nStrings?.columnFilteringCountText\n ? i18nStrings?.columnFilteringCountText(sortedAndFilteredOptions.length)\n : undefined,\n format => format({ count: sortedAndFilteredOptions.length })\n )}\n />\n </div>\n )}\n\n {/ No match /}\n {sortedAndFilteredOptions.length === 0 && (\n <div className={getClassName('no-match')}>\n <InternalSpaceBetween size=\"s\" alignItems=\"center\">\n <InternalBox margin={{ top: 'm' }}>\n {i18n(\n 'contentDisplayPreference.i18nStrings.columnFilteringNoMatchText',\n i18nStrings?.columnFilteringNoMatchText\n )}\n </InternalBox>\n <InternalButton onClick={() => setColumnFilteringText('')}>\n {i18n(\n 'contentDisplayPreference.i18nStrings.columnFilteringClearFilterText',\n i18nStrings?.columnFilteringClearFilterText\n )}\n </InternalButton>\n </InternalSpaceBetween>\n </div>\n )}\n\n {/ Use explicit list role to work around Safari not announcing lists as such when list-style is set to none.\n See https://bugs.webkit.org/show_bug.cgi?id=170179 */}\n <ul\n className={getClassName('option-list')}\n aria-describedby={descriptionId}\n aria-labelledby={titleId}\n role=\"list\"\n >\n <DndArea\n items={sortedAndFilteredOptions.map(data => ({ id: data.id, label: data.label, data }))}\n onItemsChange={items => onChange(items.map(({ id, data }) => ({ id, visible: data.visible })))}\n disableReorder={columnFilteringText.trim().length > 0}\n renderItem={({ ref, item, isSorting, isActive, style, className, dragHandleProps }) => {\n className = clsx(className, getOptionClassName(), isSorting && styles.sorting);\n const content = (\n <ContentDisplayOption\n ref={ref}\n option={item.data}\n onToggle={onToggle}\n dragHandleProps={dragHandleProps}\n />\n );\n return isActive ? (\n content\n ) : (\n <li className={className} style={style}>\n {content}\n </li>\n );\n }}\n i18nStrings={{\n liveAnnouncementDndStarted: i18n(\n 'contentDisplayPreference.liveAnnouncementDndStarted',\n liveAnnouncementDndStarted,\n format => (position, total) => format({ position, total })\n ),\n liveAnnouncementDndItemReordered: i18n(\n 'contentDisplayPreference.liveAnnouncementDndItemReordered',\n liveAnnouncementDndItemReordered,\n format => (initialPosition, currentPosition, total) =>\n format({ currentPosition, total, isInitialPosition: `${initialPosition === currentPosition}` })\n ),\n liveAnnouncementDndItemCommitted: i18n(\n 'contentDisplayPreference.liveAnnouncementDndItemCommitted',\n liveAnnouncementDndItemCommitted,\n format => (initialPosition, finalPosition, total) =>\n format({\n initialPosition,\n finalPosition,\n total,\n isInitialPosition: `${initialPosition === finalPosition}`,\n })\n ),\n liveAnnouncementDndDiscarded: i18n(\n 'contentDisplayPreference.liveAnnouncementDndDiscarded',\n liveAnnouncementDndDiscarded\n ),\n dragHandleAriaLabel: i18n('contentDisplayPreference.dragHandleAriaLabel', dragHandleAriaLabel),\n dragHandleAriaDescription: i18n(\n 'contentDisplayPreference.dragHandleAriaDescription',\n dragHandleAriaDescription\n ),\n }}\n />\n </ul>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/collection-preferences/content-display/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo, useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalBox from '../../box/internal';\nimport InternalButton from '../../button/internal';\nimport { useInternalI18n } from '../../i18n/context';\nimport SortableArea from '../../internal/components/sortable-area';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport InternalTextFilter from '../../text-filter/internal';\nimport { getAnalyticsInnerContextAttribute } from '../analytics-metadata/utils';\nimport { CollectionPreferencesProps } from '../interfaces';\nimport ContentDisplayOption, { getClassName as getOptionClassName } from './content-display-option';\nimport { getFilteredOptions, getSortedOptions, OptionWithVisibility } from './utils';\n\nimport styles from '../styles.css.js';\n\nconst componentPrefix = 'content-display';\n\nconst getClassName = (suffix: string) => styles[`${componentPrefix}-${suffix}`];\n\ninterface ContentDisplayPreferenceProps extends CollectionPreferencesProps.ContentDisplayPreference {\n onChange: (value: ReadonlyArray<CollectionPreferencesProps.ContentDisplayItem>) => void;\n value?: ReadonlyArray<CollectionPreferencesProps.ContentDisplayItem>;\n}\n\nexport default function ContentDisplayPreference({\n title,\n description,\n options,\n value = options.map(({ id }) => ({\n id,\n visible: true,\n })),\n onChange,\n liveAnnouncementDndStarted,\n liveAnnouncementDndItemReordered,\n liveAnnouncementDndItemCommitted,\n liveAnnouncementDndDiscarded,\n dragHandleAriaDescription,\n dragHandleAriaLabel,\n enableColumnFiltering = false,\n i18nStrings,\n}: ContentDisplayPreferenceProps) {\n const idPrefix = useUniqueId(componentPrefix);\n const i18n = useInternalI18n('collection-preferences');\n const [columnFilteringText, setColumnFilteringText] = useState('');\n\n const titleId = `${idPrefix}-title`;\n const descriptionId = `${idPrefix}-description`;\n\n const [sortedOptions, sortedAndFilteredOptions] = useMemo(() => {\n const sorted = getSortedOptions({ options, contentDisplay: value });\n const filtered = getFilteredOptions(sorted, columnFilteringText);\n return [sorted, filtered];\n }, [columnFilteringText, options, value]);\n\n const onToggle = (option: OptionWithVisibility) => {\n // We use sortedOptions as base and not value because there might be options that\n // are not in the value yet, so they're added as non-visible after the known ones.\n onChange(sortedOptions.map(({ id, visible }) => ({ id, visible: id === option.id ? !option.visible : visible })));\n };\n\n return (\n <div className={styles[componentPrefix]} {...getAnalyticsInnerContextAttribute('contentDisplay')}>\n <h3 className={getClassName('title')} id={titleId}>\n {i18n('contentDisplayPreference.title', title)}\n </h3>\n <p className={getClassName('description')} id={descriptionId}>\n {i18n('contentDisplayPreference.description', description)}\n </p>\n\n {/* Filter input /}\n {enableColumnFiltering && (\n <div className={getClassName('text-filter')}>\n <InternalTextFilter\n filteringText={columnFilteringText}\n filteringPlaceholder={i18n(\n 'contentDisplayPreference.i18nStrings.columnFilteringPlaceholder',\n i18nStrings?.columnFilteringPlaceholder\n )}\n filteringAriaLabel={i18n(\n 'contentDisplayPreference.i18nStrings.columnFilteringAriaLabel',\n i18nStrings?.columnFilteringAriaLabel\n )}\n filteringClearAriaLabel={i18n(\n 'contentDisplayPreference.i18nStrings.columnFilteringClearFilterText',\n i18nStrings?.columnFilteringClearFilterText\n )}\n onChange={({ detail }) => setColumnFilteringText(detail.filteringText)}\n countText={i18n(\n 'contentDisplayPreference.i18nStrings.columnFilteringCountText',\n i18nStrings?.columnFilteringCountText\n ? i18nStrings?.columnFilteringCountText(sortedAndFilteredOptions.length)\n : undefined,\n format => format({ count: sortedAndFilteredOptions.length })\n )}\n />\n </div>\n )}\n\n {/ No match /}\n {sortedAndFilteredOptions.length === 0 && (\n <div className={getClassName('no-match')}>\n <InternalSpaceBetween size=\"s\" alignItems=\"center\">\n <InternalBox margin={{ top: 'm' }}>\n {i18n(\n 'contentDisplayPreference.i18nStrings.columnFilteringNoMatchText',\n i18nStrings?.columnFilteringNoMatchText\n )}\n </InternalBox>\n <InternalButton onClick={() => setColumnFilteringText('')}>\n {i18n(\n 'contentDisplayPreference.i18nStrings.columnFilteringClearFilterText',\n i18nStrings?.columnFilteringClearFilterText\n )}\n </InternalButton>\n </InternalSpaceBetween>\n </div>\n )}\n\n {/ Use explicit list role to work around Safari not announcing lists as such when list-style is set to none.\n See https://bugs.webkit.org/show_bug.cgi?id=170179 */}\n <ul\n className={getClassName('option-list')}\n aria-describedby={descriptionId}\n aria-labelledby={titleId}\n role=\"list\"\n >\n <SortableArea\n items={sortedAndFilteredOptions}\n itemDefinition={{ id: item => item.id, label: item => item.label }}\n onItemsChange={({ detail }) => onChange(detail.items)}\n disableReorder={columnFilteringText.trim().length > 0}\n renderItem={({ ref, item, style, className, dragHandleProps, isDragGhost }) => {\n className = clsx(className, getOptionClassName());\n const content = (\n <ContentDisplayOption ref={ref} option={item} onToggle={onToggle} dragHandleProps={dragHandleProps} />\n );\n if (isDragGhost) {\n return content;\n }\n return (\n <li className={className} style={style}>\n {content}\n </li>\n );\n }}\n i18nStrings={{\n liveAnnouncementDndStarted: i18n(\n 'contentDisplayPreference.liveAnnouncementDndStarted',\n liveAnnouncementDndStarted,\n format => (position, total) => format({ position, total })\n ),\n liveAnnouncementDndItemReordered: i18n(\n 'contentDisplayPreference.liveAnnouncementDndItemReordered',\n liveAnnouncementDndItemReordered,\n format => (initialPosition, currentPosition, total) =>\n format({ currentPosition, total, isInitialPosition: `${initialPosition === currentPosition}` })\n ),\n liveAnnouncementDndItemCommitted: i18n(\n 'contentDisplayPreference.liveAnnouncementDndItemCommitted',\n liveAnnouncementDndItemCommitted,\n format => (initialPosition, finalPosition, total) =>\n format({\n initialPosition,\n finalPosition,\n total,\n isInitialPosition: `${initialPosition === finalPosition}`,\n })\n ),\n liveAnnouncementDndDiscarded: i18n(\n 'contentDisplayPreference.liveAnnouncementDndDiscarded',\n liveAnnouncementDndDiscarded\n ),\n dragHandleAriaLabel: i18n('contentDisplayPreference.dragHandleAriaLabel', dragHandleAriaLabel),\n dragHandleAriaDescription: i18n(\n 'contentDisplayPreference.dragHandleAriaDescription',\n dragHandleAriaDescription\n ),\n }}\n />\n </ul>\n </div>\n );\n}\n"]}

package/container/styles.css.js CHANGED Viewed

@@ -1,36 +1,37 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_irvl0_189",
-  "fit-height": "awsui_fit-height_14iqq_irvl0_222",
-  "with-side-media": "awsui_with-side-media_14iqq_irvl0_227",
-  "variant-default": "awsui_variant-default_14iqq_irvl0_230",
-  "variant-stacked": "awsui_variant-stacked_14iqq_irvl0_230",
-  "refresh": "awsui_refresh_14iqq_irvl0_238",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_irvl0_288",
-  "with-top-media": "awsui_with-top-media_14iqq_irvl0_300",
-  "content-wrapper": "awsui_content-wrapper_14iqq_irvl0_305",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_irvl0_310",
-  "media": "awsui_media_14iqq_irvl0_317",
-  "media-top": "awsui_media-top_14iqq_irvl0_335",
-  "media-side": "awsui_media-side_14iqq_irvl0_340",
-  "header": "awsui_header_14iqq_irvl0_346",
-  "header-full-page": "awsui_header-full-page_14iqq_irvl0_351",
-  "header-with-media": "awsui_header-with-media_14iqq_irvl0_354",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_irvl0_360",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_irvl0_364",
-  "header-stuck": "awsui_header-stuck_14iqq_irvl0_370",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_irvl0_380",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_irvl0_383",
-  "with-paddings": "awsui_with-paddings_14iqq_irvl0_389",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_irvl0_398",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_irvl0_456",
-  "header-cover": "awsui_header-cover_14iqq_irvl0_459",
-  "content": "awsui_content_14iqq_irvl0_305",
-  "content-fit-height": "awsui_content-fit-height_14iqq_irvl0_487",
-  "content-inner": "awsui_content-inner_14iqq_irvl0_493",
-  "with-header": "awsui_with-header_14iqq_irvl0_500",
-  "footer": "awsui_footer_14iqq_irvl0_504",
-  "with-divider": "awsui_with-divider_14iqq_irvl0_508"
+  "root": "awsui_root_14iqq_96qba_189",
+  "fit-height": "awsui_fit-height_14iqq_96qba_222",
+  "with-side-media": "awsui_with-side-media_14iqq_96qba_227",
+  "variant-default": "awsui_variant-default_14iqq_96qba_230",
+  "variant-stacked": "awsui_variant-stacked_14iqq_96qba_230",
+  "refresh": "awsui_refresh_14iqq_96qba_238",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_96qba_288",
+  "with-top-media": "awsui_with-top-media_14iqq_96qba_300",
+  "content-wrapper": "awsui_content-wrapper_14iqq_96qba_305",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_96qba_310",
+  "media": "awsui_media_14iqq_96qba_317",
+  "media-top": "awsui_media-top_14iqq_96qba_335",
+  "media-side": "awsui_media-side_14iqq_96qba_340",
+  "header": "awsui_header_14iqq_96qba_346",
+  "header-full-page": "awsui_header-full-page_14iqq_96qba_351",
+  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_96qba_354",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_96qba_354",
+  "header-with-media": "awsui_header-with-media_14iqq_96qba_357",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_96qba_363",
+  "header-stuck": "awsui_header-stuck_14iqq_96qba_373",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_96qba_383",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_96qba_386",
+  "with-paddings": "awsui_with-paddings_14iqq_96qba_392",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_96qba_401",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_96qba_459",
+  "header-cover": "awsui_header-cover_14iqq_96qba_462",
+  "content": "awsui_content_14iqq_96qba_305",
+  "content-fit-height": "awsui_content-fit-height_14iqq_96qba_490",
+  "content-inner": "awsui_content-inner_14iqq_96qba_496",
+  "with-header": "awsui_with-header_14iqq_96qba_503",
+  "footer": "awsui_footer_14iqq_96qba_507",
+  "with-divider": "awsui_with-divider_14iqq_96qba_511"
 };

package/container/styles.scoped.css CHANGED Viewed

@@ -186,7 +186,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_14iqq_irvl0_189:not(#\9) {
+.awsui_root_14iqq_96qba_189:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -220,15 +220,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_irvl0_189.awsui_fit-height_14iqq_irvl0_222:not(#\9) {
+.awsui_root_14iqq_96qba_189.awsui_fit-height_14iqq_96qba_222:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_root_14iqq_irvl0_189.awsui_fit-height_14iqq_irvl0_222.awsui_with-side-media_14iqq_irvl0_227:not(#\9) {
+.awsui_root_14iqq_96qba_189.awsui_fit-height_14iqq_96qba_222.awsui_with-side-media_14iqq_96qba_227:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_irvl0_189.awsui_variant-default_14iqq_irvl0_230:not(#\9), .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9) {
+.awsui_root_14iqq_96qba_189.awsui_variant-default_14iqq_96qba_230:not(#\9), .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9) {
   background-color: var(--color-background-container-content-z79u4u, #ffffff);
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
@@ -236,11 +236,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   box-sizing: border-box;
 }
-.awsui_root_14iqq_irvl0_189.awsui_variant-default_14iqq_irvl0_230.awsui_refresh_14iqq_irvl0_238:not(#\9), .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230.awsui_refresh_14iqq_irvl0_238:not(#\9) {
+.awsui_root_14iqq_96qba_189.awsui_variant-default_14iqq_96qba_230.awsui_refresh_14iqq_96qba_238:not(#\9), .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230.awsui_refresh_14iqq_96qba_238:not(#\9) {
   border-block: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
   border-inline: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_root_14iqq_irvl0_189.awsui_variant-default_14iqq_irvl0_230:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::before, .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::before {
+.awsui_root_14iqq_96qba_189.awsui_variant-default_14iqq_96qba_230:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::before, .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -258,7 +258,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   z-index: 1;
 }
-.awsui_root_14iqq_irvl0_189.awsui_variant-default_14iqq_irvl0_230:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::after, .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::after {
+.awsui_root_14iqq_96qba_189.awsui_variant-default_14iqq_96qba_230:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::after, .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -274,144 +274,147 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
 }
-.awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9):not(:last-child), .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9):not(:last-child)::before, .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9):not(:last-child), .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9):not(:last-child)::before, .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9):not(:last-child)::after {
   border-end-end-radius: 0;
   border-end-start-radius: 0;
   border-block-end-width: 0;
 }
-.awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230 + .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9), .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230 + .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9)::before, .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230 + .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9)::after {
+.awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230 + .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9), .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230 + .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9)::before, .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230 + .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9)::after {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230 + .awsui_root_14iqq_irvl0_189.awsui_variant-stacked_14iqq_irvl0_230:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::before {
+.awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230 + .awsui_root_14iqq_96qba_189.awsui_variant-stacked_14iqq_96qba_230:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::before {
   border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_root_14iqq_irvl0_189.awsui_sticky-enabled_14iqq_irvl0_288:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::before {
+.awsui_root_14iqq_96qba_189.awsui_sticky-enabled_14iqq_96qba_288:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::before {
   inset-block-start: calc(-1 * var(--border-container-top-width-uugwwl, 0px));
 }
-.awsui_root_14iqq_irvl0_189.awsui_sticky-enabled_14iqq_irvl0_288:not(#\9):not(.awsui_refresh_14iqq_irvl0_238).awsui_variant-stacked_14iqq_irvl0_230::before {
+.awsui_root_14iqq_96qba_189.awsui_sticky-enabled_14iqq_96qba_288:not(#\9):not(.awsui_refresh_14iqq_96qba_238).awsui_variant-stacked_14iqq_96qba_230::before {
   inset-block-start: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
 }
-.awsui_with-side-media_14iqq_irvl0_227:not(#\9) {
+.awsui_with-side-media_14iqq_96qba_227:not(#\9) {
   display: flex;
   flex-direction: row;
 }
-.awsui_with-top-media_14iqq_irvl0_300:not(#\9) {
+.awsui_with-top-media_14iqq_96qba_300:not(#\9) {
   display: flex;
   flex-direction: column;
 }
-.awsui_content-wrapper_14iqq_irvl0_305:not(#\9) {
+.awsui_content-wrapper_14iqq_96qba_305:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_irvl0_310:not(#\9) {
+.awsui_content-wrapper-fit-height_14iqq_96qba_310:not(#\9) {
   block-size: 100%;
   overflow: hidden;
   border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_media_14iqq_irvl0_317:not(#\9) {
+.awsui_media_14iqq_96qba_317:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_irvl0_317 img:not(#\9),
-.awsui_media_14iqq_irvl0_317 video:not(#\9),
-.awsui_media_14iqq_irvl0_317 picture:not(#\9) {
+.awsui_media_14iqq_96qba_317 img:not(#\9),
+.awsui_media_14iqq_96qba_317 video:not(#\9),
+.awsui_media_14iqq_96qba_317 picture:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media_14iqq_irvl0_317 iframe:not(#\9) {
+.awsui_media_14iqq_96qba_317 iframe:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   border-block: 0;
   border-inline: 0;
 }
-.awsui_media-top_14iqq_irvl0_335:not(#\9) {
+.awsui_media-top_14iqq_96qba_335:not(#\9) {
   max-block-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
   border-start-end-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
 }
-.awsui_media-side_14iqq_irvl0_340:not(#\9) {
+.awsui_media-side_14iqq_96qba_340:not(#\9) {
   max-inline-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
   border-end-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
 }
-.awsui_header_14iqq_irvl0_346:not(#\9) {
+.awsui_header_14iqq_96qba_346:not(#\9) {
   background-color: var(--color-background-container-header-clzg6q, #ffffff);
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_header_14iqq_irvl0_346.awsui_header-full-page_14iqq_irvl0_351:not(#\9) {
+.awsui_header_14iqq_96qba_346.awsui_header-full-page_14iqq_96qba_351:not(#\9) {
   background-color: var(--color-background-layout-main-nqw91u, #ffffff);
 }
-.awsui_header_14iqq_irvl0_346.awsui_header-with-media_14iqq_irvl0_354:not(#\9) {
+.awsui_header-variant-embedded_14iqq_96qba_354.awsui_refresh_14iqq_96qba_238:not(#\9):not(.awsui_header-sticky-enabled_14iqq_96qba_354) {
+  background-color: transparent;
+}
+.awsui_header_14iqq_96qba_346.awsui_header-with-media_14iqq_96qba_357:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_irvl0_346.awsui_header-with-media_14iqq_irvl0_354:not(#\9):not(:empty) {
+.awsui_header_14iqq_96qba_346.awsui_header-with-media_14iqq_96qba_357:not(#\9):not(:empty) {
   border-block-end: none;
 }
-.awsui_header-sticky-disabled_14iqq_irvl0_360:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_96qba_363:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_irvl0_364:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_96qba_354:not(#\9) {
   inset-block-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_irvl0_370:not(#\9) {
+.awsui_header-stuck_14iqq_96qba_373:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_header-stuck_14iqq_irvl0_370:not(#\9)::before {
+.awsui_header-stuck_14iqq_96qba_373:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
 }
-.awsui_header-stuck_14iqq_irvl0_370:not(#\9):not(.awsui_header-variant-cards_14iqq_irvl0_380) {
+.awsui_header-stuck_14iqq_96qba_373:not(#\9):not(.awsui_header-variant-cards_14iqq_96qba_383) {
   box-shadow: var(--shadow-sticky-embedded-uvh5ry, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
 }
-.awsui_header-dynamic-height_14iqq_irvl0_383.awsui_header-stuck_14iqq_irvl0_370:not(#\9) {
+.awsui_header-dynamic-height_14iqq_96qba_386.awsui_header-stuck_14iqq_96qba_373:not(#\9) {
   margin-block-end: calc(var(--line-height-heading-xl-avbttk, 30px) - var(--line-height-heading-l-mmm3my, 24px));
 }
-.awsui_header_14iqq_irvl0_346:not(#\9):not(:empty) {
+.awsui_header_14iqq_96qba_346:not(#\9):not(:empty) {
   border-block-end: var(--border-container-sticky-width-6asz33, 0px) solid var(--color-border-container-divider-p2uygo, transparent);
 }
-.awsui_header_14iqq_irvl0_346.awsui_with-paddings_14iqq_irvl0_389:not(#\9) {
+.awsui_header_14iqq_96qba_346.awsui_with-paddings_14iqq_96qba_392:not(#\9) {
   padding-block-start: var(--space-container-header-top-5qav00, 12px);
   padding-block-end: var(--space-container-header-bottom-vj01hn, 8px);
   padding-inline: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_header_14iqq_irvl0_346.awsui_with-paddings_14iqq_irvl0_389.awsui_header-variant-cards_14iqq_irvl0_380:not(#\9) {
+.awsui_header_14iqq_96qba_346.awsui_with-paddings_14iqq_96qba_392.awsui_header-variant-cards_14iqq_96qba_383:not(#\9) {
   padding-block: var(--space-container-header-top-5qav00, 12px);
   padding-inline: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_header_14iqq_irvl0_346.awsui_with-hidden-content_14iqq_irvl0_398:not(#\9) {
+.awsui_header_14iqq_96qba_346.awsui_with-hidden-content_14iqq_96qba_401:not(#\9) {
   border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_header-variant-cards_14iqq_irvl0_380:not(#\9) {
+.awsui_header-variant-cards_14iqq_96qba_383:not(#\9) {
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_irvl0_380.awsui_refresh_14iqq_irvl0_238:not(#\9) {
+.awsui_header-variant-cards_14iqq_96qba_383.awsui_refresh_14iqq_96qba_238:not(#\9) {
   border-block: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
   border-inline: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_header-variant-cards_14iqq_irvl0_380:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::before {
+.awsui_header-variant-cards_14iqq_96qba_383:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -429,7 +432,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_irvl0_380:not(#\9):not(.awsui_refresh_14iqq_irvl0_238)::after {
+.awsui_header-variant-cards_14iqq_96qba_383:not(#\9):not(.awsui_refresh_14iqq_96qba_238)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -445,26 +448,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
 }
-.awsui_header-variant-cards_14iqq_irvl0_380:not(#\9):not(.awsui_header-sticky-enabled_14iqq_irvl0_364) {
+.awsui_header-variant-cards_14iqq_96qba_383:not(#\9):not(.awsui_header-sticky-enabled_14iqq_96qba_354) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_irvl0_380.awsui_header-stuck_14iqq_irvl0_370:not(#\9)::after, .awsui_header-variant-cards_14iqq_irvl0_380.awsui_header-stuck_14iqq_irvl0_370:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_96qba_383.awsui_header-stuck_14iqq_96qba_373:not(#\9)::after, .awsui_header-variant-cards_14iqq_96qba_383.awsui_header-stuck_14iqq_96qba_373:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_irvl0_456.awsui_header-stuck_14iqq_irvl0_370:not(#\9) {
+.awsui_header-variant-full-page_14iqq_96qba_459.awsui_header-stuck_14iqq_96qba_373:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_irvl0_456.awsui_header-stuck_14iqq_irvl0_370 > .awsui_header-cover_14iqq_irvl0_459:not(#\9) {
+.awsui_header-variant-full-page_14iqq_96qba_459.awsui_header-stuck_14iqq_96qba_373 > .awsui_header-cover_14iqq_96qba_462:not(#\9) {
   background-color: var(--color-background-layout-main-nqw91u, #ffffff);
   inline-size: 100%;
   position: absolute;
   block-size: var(--space-scaled-s-aqzyko, 12px);
   inset-block-start: calc(-1 * var(--space-scaled-s-aqzyko, 12px));
 }
-.awsui_header-variant-full-page_14iqq_irvl0_456.awsui_header-stuck_14iqq_irvl0_370:not(#\9)::before {
+.awsui_header-variant-full-page_14iqq_96qba_459.awsui_header-stuck_14iqq_96qba_373:not(#\9)::before {
   content: "";
   position: absolute;
   pointer-events: none;
@@ -474,7 +477,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: 0;
   border-block-end: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_header-variant-full-page_14iqq_irvl0_456.awsui_header-stuck_14iqq_irvl0_370:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_96qba_459.awsui_header-stuck_14iqq_96qba_373:not(#\9)::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -482,30 +485,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
-.awsui_content_14iqq_irvl0_305:not(#\9) {
+.awsui_content_14iqq_96qba_305:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_irvl0_487:not(#\9) {
+.awsui_content-fit-height_14iqq_96qba_490:not(#\9) {
   overflow: auto;
   display: flex;
   flex-direction: column;
 }
-.awsui_content-inner_14iqq_irvl0_493:not(#\9) {
+.awsui_content-inner_14iqq_96qba_496:not(#\9) {
   flex: 1;
 }
-.awsui_content-inner_14iqq_irvl0_493.awsui_with-paddings_14iqq_irvl0_389:not(#\9) {
+.awsui_content-inner_14iqq_96qba_496.awsui_with-paddings_14iqq_96qba_392:not(#\9) {
   padding-block: var(--space-scaled-l-0hpmd7, 20px);
   padding-inline: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_content-inner_14iqq_irvl0_493.awsui_with-paddings_14iqq_irvl0_389.awsui_with-header_14iqq_irvl0_500:not(#\9) {
+.awsui_content-inner_14iqq_96qba_496.awsui_with-paddings_14iqq_96qba_392.awsui_with-header_14iqq_96qba_503:not(#\9) {
   padding-block-start: var(--space-container-content-top-1ae0r3, 4px);
 }
-.awsui_footer_14iqq_irvl0_504.awsui_with-paddings_14iqq_irvl0_389:not(#\9) {
+.awsui_footer_14iqq_96qba_507.awsui_with-paddings_14iqq_96qba_392:not(#\9) {
   padding-block: var(--space-scaled-s-aqzyko, 12px);
   padding-inline: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_footer_14iqq_irvl0_504.awsui_with-divider_14iqq_irvl0_508:not(#\9) {
+.awsui_footer_14iqq_96qba_507.awsui_with-divider_14iqq_96qba_511:not(#\9) {
   border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }

package/container/styles.selectors.js CHANGED Viewed

@@ -2,36 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_irvl0_189",
-  "fit-height": "awsui_fit-height_14iqq_irvl0_222",
-  "with-side-media": "awsui_with-side-media_14iqq_irvl0_227",
-  "variant-default": "awsui_variant-default_14iqq_irvl0_230",
-  "variant-stacked": "awsui_variant-stacked_14iqq_irvl0_230",
-  "refresh": "awsui_refresh_14iqq_irvl0_238",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_irvl0_288",
-  "with-top-media": "awsui_with-top-media_14iqq_irvl0_300",
-  "content-wrapper": "awsui_content-wrapper_14iqq_irvl0_305",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_irvl0_310",
-  "media": "awsui_media_14iqq_irvl0_317",
-  "media-top": "awsui_media-top_14iqq_irvl0_335",
-  "media-side": "awsui_media-side_14iqq_irvl0_340",
-  "header": "awsui_header_14iqq_irvl0_346",
-  "header-full-page": "awsui_header-full-page_14iqq_irvl0_351",
-  "header-with-media": "awsui_header-with-media_14iqq_irvl0_354",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_irvl0_360",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_irvl0_364",
-  "header-stuck": "awsui_header-stuck_14iqq_irvl0_370",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_irvl0_380",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_irvl0_383",
-  "with-paddings": "awsui_with-paddings_14iqq_irvl0_389",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_irvl0_398",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_irvl0_456",
-  "header-cover": "awsui_header-cover_14iqq_irvl0_459",
-  "content": "awsui_content_14iqq_irvl0_305",
-  "content-fit-height": "awsui_content-fit-height_14iqq_irvl0_487",
-  "content-inner": "awsui_content-inner_14iqq_irvl0_493",
-  "with-header": "awsui_with-header_14iqq_irvl0_500",
-  "footer": "awsui_footer_14iqq_irvl0_504",
-  "with-divider": "awsui_with-divider_14iqq_irvl0_508"
+  "root": "awsui_root_14iqq_96qba_189",
+  "fit-height": "awsui_fit-height_14iqq_96qba_222",
+  "with-side-media": "awsui_with-side-media_14iqq_96qba_227",
+  "variant-default": "awsui_variant-default_14iqq_96qba_230",
+  "variant-stacked": "awsui_variant-stacked_14iqq_96qba_230",
+  "refresh": "awsui_refresh_14iqq_96qba_238",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_96qba_288",
+  "with-top-media": "awsui_with-top-media_14iqq_96qba_300",
+  "content-wrapper": "awsui_content-wrapper_14iqq_96qba_305",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_96qba_310",
+  "media": "awsui_media_14iqq_96qba_317",
+  "media-top": "awsui_media-top_14iqq_96qba_335",
+  "media-side": "awsui_media-side_14iqq_96qba_340",
+  "header": "awsui_header_14iqq_96qba_346",
+  "header-full-page": "awsui_header-full-page_14iqq_96qba_351",
+  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_96qba_354",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_96qba_354",
+  "header-with-media": "awsui_header-with-media_14iqq_96qba_357",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_96qba_363",
+  "header-stuck": "awsui_header-stuck_14iqq_96qba_373",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_96qba_383",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_96qba_386",
+  "with-paddings": "awsui_with-paddings_14iqq_96qba_392",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_96qba_401",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_96qba_459",
+  "header-cover": "awsui_header-cover_14iqq_96qba_462",
+  "content": "awsui_content_14iqq_96qba_305",
+  "content-fit-height": "awsui_content-fit-height_14iqq_96qba_490",
+  "content-inner": "awsui_content-inner_14iqq_96qba_496",
+  "with-header": "awsui_with-header_14iqq_96qba_503",
+  "footer": "awsui_footer_14iqq_96qba_507",
+  "with-divider": "awsui_with-divider_14iqq_96qba_511"
 };

package/flashbar/internal/analytics.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../../src/flashbar/internal/analytics.ts"],"names":[],"mappings":"~~AAMA~~,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;~~AAM9C~~,eAAO,MAAM,gBAAgB,UAAW,aAAa,CAAC,OAAO,CAAC,SAS7D,CAAC;AAEF,eAAO,MAAM,gBAAgB,eAAgB,MAAM,YAAY,OAAO,SAMrE,CAAC;AAEF,eAAO,MAAM,iBAAiB,aAAc,MAAM,SAMjD,CAAC"}
1	+ {"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../../src/flashbar/internal/analytics.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAK9C,eAAO,MAAM,gBAAgB,UAAW,aAAa,CAAC,OAAO,CAAC,SAS7D,CAAC;AAEF,eAAO,MAAM,gBAAgB,eAAgB,MAAM,YAAY,OAAO,SAMrE,CAAC;AAEF,eAAO,MAAM,iBAAiB,aAAc,MAAM,SAMjD,CAAC"}

package/flashbar/internal/analytics.js CHANGED Viewed

@@ -1,9 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { Metrics } from '@cloudscape-design/component-toolkit/internal';
-import { PACKAGE_SOURCE, PACKAGE_VERSION } from '../../internal/environment';
+import { metrics } from '../../internal/metrics';
 import { getFlashTypeCount } from '../utils';
-const metrics = new Metrics(PACKAGE_SOURCE, PACKAGE_VERSION);
 const eventContext = 'csa_flashbar';
 export const sendRenderMetric = (items) => {
     const countByType = getFlashTypeCount(items);

package/flashbar/internal/analytics.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"analytics.js","sourceRoot":"","sources":["../../../../src/flashbar/internal/analytics.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM~~,+CAA+C~~,~~CAAC;AAExE~~,~~OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,4BAA4B,~~CAAC;~~AAE7E~~,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,~~OAAO,GAAG,IAAI,OAAO,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAC7D,MAAM,~~YAAY,GAAG,cAAc,CAAC;AAEpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAChE,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE;QACnC,WAAW,EAAE,WAAW;KACzB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,UAAkB,EAAE,QAAiB,EAAE,EAAE;IACxE,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;QAC3C,UAAU,EAAE,UAAU,CAAC,QAAQ,EAAE;KAClC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;IACpD,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,QAAQ;KACrB,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ~~Metrics~~ } from '~~@cloudscape-design/component-toolkit/internal';\n\nimport { PACKAGE_SOURCE, PACKAGE_VERSION } from '~~../../internal/~~environment~~';\nimport { FlashbarProps } from '../interfaces';\nimport { getFlashTypeCount } from '../utils';\n\nconst ~~metrics = new Metrics(PACKAGE_SOURCE, PACKAGE_VERSION);\nconst~~ eventContext = 'csa_flashbar';\n\nexport const sendRenderMetric = (items: FlashbarProps['items']) => {\n const countByType = getFlashTypeCount(items);\n\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: 'render',\n eventValue: items.length.toString(),\n eventDetail: countByType,\n });\n};\n\nexport const sendToggleMetric = (itemsCount: number, expanded: boolean) => {\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: expanded ? 'expand' : 'collapse',\n eventValue: itemsCount.toString(),\n });\n};\n\nexport const sendDismissMetric = (itemType: string) => {\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: 'dismiss',\n eventValue: itemType,\n });\n};\n"]}
1	+ {"version":3,"file":"analytics.js","sourceRoot":"","sources":["../../../../src/flashbar/internal/analytics.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,YAAY,GAAG,cAAc,CAAC;AAEpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAChE,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE;QACnC,WAAW,EAAE,WAAW;KACzB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,UAAkB,EAAE,QAAiB,EAAE,EAAE;IACxE,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;QAC3C,UAAU,EAAE,UAAU,CAAC,QAAQ,EAAE;KAClC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;IACpD,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,QAAQ;KACrB,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { metrics } from '../../internal/metrics';\nimport { FlashbarProps } from '../interfaces';\nimport { getFlashTypeCount } from '../utils';\n\nconst eventContext = 'csa_flashbar';\n\nexport const sendRenderMetric = (items: FlashbarProps['items']) => {\n const countByType = getFlashTypeCount(items);\n\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: 'render',\n eventValue: items.length.toString(),\n eventDetail: countByType,\n });\n};\n\nexport const sendToggleMetric = (itemsCount: number, expanded: boolean) => {\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: expanded ? 'expand' : 'collapse',\n eventValue: itemsCount.toString(),\n });\n};\n\nexport const sendDismissMetric = (itemType: string) => {\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: 'dismiss',\n eventValue: itemType,\n });\n};\n"]}

package/internal/components/autosuggest-input/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,cAAc,EACf,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,+BAA+B,EAAuB,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAA8D,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACrH,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;~~AAI5E~~,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D,UAAU,qBACR,SAAQ,kBAAkB,EACxB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,+BAA+B,EAC/B,gBAAgB,EAChB,0BAA0B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC;CAC9B;AAED,UAAU,4BAA4B;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,CAAC,GAAG;IAC/D,KAAK,CAAC,OAAO,CAAC,EAAE,4BAA4B,GAAG,IAAI,CAAC;IACpD,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,~~mGAmPrB~~,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,cAAc,EACf,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,+BAA+B,EAAuB,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAA8D,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACrH,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAK5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D,UAAU,qBACR,SAAQ,kBAAkB,EACxB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,+BAA+B,EAC/B,gBAAgB,EAChB,0BAA0B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC;CAC9B;AAED,UAAU,4BAA4B;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,CAAC,GAAG;IAC/D,KAAK,CAAC,OAAO,CAAC,EAAE,4BAA4B,GAAG,IAAI,CAAC;IACpD,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,mGAwPrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}