npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1252 → 3.0.1253 - Mend

@cloudscape-design/components-themeable 3.0.1252 → 3.0.1253

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

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "208a36de9c7d024b9de53baa72bdd747decf7129"
+  "commit": "9cd9759baf9c4e80a1ac3c02b6cbc9275f143470"
 }

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED Viewed

@@ -1,6 +1,6 @@
     // Build environment
-    $awsui-commit-hash: "208a36de";
+    $awsui-commit-hash: "9cd9759b";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-n6lfw8;
 $minContentWidth: --awsui-min-content-width-n6lfw8;

package/lib/internal/scss/internal/styles/typography/mixins.scss CHANGED Viewed

@@ -97,7 +97,10 @@
   }
 }
-@mixin font-display-l {
+@mixin font-display-l($family: true) {
+  @if $family {
+    font-family: awsui.$font-family-display;
+  }
   font-size: awsui.$font-size-display-l;
   line-height: awsui.$line-height-display-l;
   letter-spacing: awsui.$letter-spacing-display-l;
@@ -160,7 +163,7 @@
     @include font-heading-xl($weight: false, $family: false);
   }
   @if $font-size == display-l {
-    @include font-display-l;
+    @include font-display-l($family: false);
   }
   @if $font-size == inherit {
     @include font-inherit;

package/lib/internal/scss/panel-layout/styles.scss CHANGED Viewed

@@ -47,6 +47,8 @@
   }
   .display-panel-only > & {
     flex: 1;
+    overflow-y: auto;
+    overflow-x: visible;
   }
 }

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-feature-notifications.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-feature-notifications.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-feature-notifications.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAC;AAOpE,OAAO,EAIL,aAAa,EACd,MAAM,6CAA6C,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOlD,UAAU,8BAA8B;IACtC,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACpC;AACD,MAAM,WAAW,yBAAyB;IACxC,yBAAyB,EAAE,yBAAyB,CAAC;IACrD,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC;CACvC;AACD,MAAM,MAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE,8BAA8B,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AA+BtG,wBAAgB,uBAAuB;;;~~gDAgDc~~,aAAa;EA0IjE"}
1	+ {"version":3,"file":"use-feature-notifications.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-feature-notifications.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAC;AAOpE,OAAO,EAIL,aAAa,EACd,MAAM,6CAA6C,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOlD,UAAU,8BAA8B;IACtC,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACpC;AACD,MAAM,WAAW,yBAAyB;IACxC,yBAAyB,EAAE,yBAAyB,CAAC;IACrD,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC;CACvC;AACD,MAAM,MAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE,8BAA8B,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AA+BtG,wBAAgB,uBAAuB;;;gDAsDc,aAAa;EA0IjE"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-feature-notifications.js CHANGED Viewed

@@ -56,7 +56,10 @@ export function useFeatureNotifications() {
             id: payload.id,
             content: (React.createElement(RuntimeFeaturesNotificationDrawer, { features: payload.features, featuresPageLink: payload.featuresPageLink, mountItem: payload.mountItem })),
             trigger: {
-                iconName: 'announcement',
+                iconSvg: (React.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", focusable: "false", "aria-hidden": "true" },
+                    React.createElement("path", { d: "M7 4L14.3244 1.25334C14.6513 1.13076 15 1.3724 15 1.7215V13.2785C15 13.6276 14.6513 13.8692 14.3244 13.7467L7 11" }),
+                    React.createElement("path", { d: "M1 6C1 4.89543 1.89543 4 3 4H7V11H3C1.89543 11 1 10.1046 1 9V6Z" }),
+                    React.createElement("path", { d: "M9.93649 12.1466C9.66614 13.4393 8.51989 14.4102 7.14687 14.4102C5.57286 14.4102 4.29688 13.1342 4.29688 11.5602C4.29688 11.3685 4.31579 11.1813 4.35187 11.0002" }))),
             },
             ariaLabels: {
                 closeButton: i18n('ariaLabels.closeButton', undefined),

package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-feature-notifications.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-feature-notifications.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-feature-notifications.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, { RefObject, useMemo, useRef, useState } from 'react';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../../../i18n/context';\nimport FeaturePrompt, { FeaturePromptProps } from '../../../internal/do-not-use/feature-prompt';\nimport { persistFeatureNotifications, retrieveFeatureNotifications } from '../../../internal/persistence';\nimport {\n Feature,\n FeatureNotificationsPayload,\n PersistedFeaturesDict,\n WidgetMessage,\n} from '../../../internal/plugins/widget/interfaces';\nimport { useMountRefPromise } from '../../../internal/utils/promises';\nimport { AppLayoutProps } from '../../interfaces';\nimport RuntimeFeaturesNotificationDrawer, { RuntimeContentPart } from '../drawer/feature-notifications-drawer-content';\n\nconst DEFAULT_PERSISTENCE_CONFIG = {\n uniqueKey: 'awsui-feature-notifications',\n};\n\ninterface RenderLatestFeaturePromptProps {\n triggerRef: RefObject<HTMLElement>;\n}\nexport interface FeatureNotificationsProps {\n renderLatestFeaturePrompt: RenderLatestFeaturePrompt;\n drawer?: AppLayoutProps.Drawer \| null;\n}\nexport type RenderLatestFeaturePrompt = (props: RenderLatestFeaturePromptProps) => JSX.Element \| null;\ninterface FeatureNotifications extends FeatureNotificationsPayload<unknown> {\n badge?: boolean;\n}\n\nconst FEATURE_NOTIFICATIONS_RETENTION_DAYS = 180;\nconst DEFAULT_FEATURE_FILTER_DAYS = 90;\n\nfunction subtractDaysFromDate(currentDate: Date, daysToSubtract: number = 0): Date {\n const pastDate = new Date(currentDate);\n pastDate.setDate(pastDate.getDate() - daysToSubtract);\n return pastDate;\n}\n\nfunction filterOutdatedFeatures(features: PersistedFeaturesDict): PersistedFeaturesDict {\n const cutoffDate = subtractDaysFromDate(new Date(), FEATURE_NOTIFICATIONS_RETENTION_DAYS);\n\n return Object.keys(features).reduce((acc, key) => {\n const featureDate = new Date(features[key]);\n\n if (featureDate && featureDate >= cutoffDate) {\n return {\n ...acc,\n [key]: features[key],\n };\n }\n\n return acc;\n }, {});\n}\n\nexport function useFeatureNotifications() {\n const i18n = useInternalI18n('features-notification-drawer');\n const [featurePromptDismissed, setFeaturePromptDismissed] = useState(false);\n const [featureNotificationsData, setFeatureNotificationsData] = useState<FeatureNotifications \| null>(null);\n const [seenFeatures, setSeenFeatures] = useState<PersistedFeaturesDict>({});\n const featurePromptRef = useRef<FeaturePromptProps.Ref>(null);\n const { ref: featurePromptMountRef, promise: featurePromptMountPromise } = useMountRefPromise();\n const featurePromptMergedRef = useMergeRefs(featurePromptRef, featurePromptMountRef);\n const allNotificationsSeen = useMemo(() => {\n return featureNotificationsData?.features.every(feature => !!seenFeatures[feature.id]);\n }, [featureNotificationsData, seenFeatures]);\n\n const defaultFeaturesFilter = (feature: Feature<unknown>) => {\n return feature.releaseDate >= subtractDaysFromDate(new Date(), DEFAULT_FEATURE_FILTER_DAYS);\n };\n\n const getFeaturesToDisplay = (payload: FeatureNotificationsPayload<unknown>): Array<Feature<unknown>> => {\n return payload.features\n .slice()\n .filter(payload.filterFeatures ? payload.filterFeatures : defaultFeaturesFilter)\n .sort((a, b) => b.releaseDate.getTime() - a.releaseDate.getTime());\n };\n\n const mapPayloadToDrawer = (payload: FeatureNotifications): AppLayoutProps.Drawer => {\n return {\n id: payload.id,\n content: (\n <RuntimeFeaturesNotificationDrawer\n features={payload.features}\n featuresPageLink={payload.featuresPageLink}\n mountItem={payload.mountItem}\n />\n ),\n trigger: {\n iconName: 'announcement',\n },\n ariaLabels: {\n closeButton: i18n('ariaLabels.closeButton', undefined),\n drawerName: i18n('ariaLabels.content', undefined) ?? '',\n triggerButton: i18n('ariaLabels.triggerButton', undefined),\n resizeHandle: i18n('ariaLabels.resizeHandle', undefined),\n },\n resizable: true,\n defaultSize: 320,\n badge: payload.badge,\n };\n };\n\n function featureNotificationsMessageHandler(event: WidgetMessage) {\n if (event.type === 'registerFeatureNotifications') {\n const { payload } = event;\n const features = getFeaturesToDisplay(payload);\n if (features.length === 0) {\n return;\n }\n\n setFeatureNotificationsData({ ...payload, features });\n\n const persistenceConfig = payload.persistenceConfig ?? DEFAULT_PERSISTENCE_CONFIG;\n // Retrieve previously seen feature notifications from persistence to determine\n // which features the user has already viewed\n (payload?.__retrieveFeatureNotifications \|\| retrieveFeatureNotifications)(persistenceConfig).then(\n seenFeatureNotifications => {\n setSeenFeatures(seenFeatureNotifications);\n const hasUnseenFeatures = features.some(feature => !seenFeatureNotifications[feature.id]);\n if (hasUnseenFeatures) {\n const latestFeature = features.find(feature => !seenFeatureNotifications[feature.id]) ?? null;\n if (\n !payload.suppressFeaturePrompt &&\n !featurePromptDismissed &&\n !seenFeatureNotifications[getFeaturePromptPersistenceId(latestFeature)]\n ) {\n featurePromptMountPromise.then(() => {\n featurePromptRef.current?.show();\n });\n }\n setFeatureNotificationsData(data => (data ? { ...data, badge: true } : data));\n }\n }\n );\n return;\n }\n\n if (event.type === 'showFeaturePromptIfPossible' && !allNotificationsSeen) {\n featurePromptRef.current?.show();\n return;\n }\n\n if (event.type === 'clearFeatureNotifications') {\n setFeatureNotificationsData(null);\n return;\n }\n }\n\n function getLatestUnseenFeature() {\n return featureNotificationsData?.features.find(feature => !seenFeatures[feature.id]) ?? null;\n }\n\n function renderLatestFeaturePrompt({ triggerRef }: RenderLatestFeaturePromptProps) {\n const latestFeature = getLatestUnseenFeature();\n if (!triggerRef.current \|\| !latestFeature) {\n return null;\n }\n return (\n <FeaturePrompt\n ref={featurePromptMergedRef}\n onShow={() => {\n triggerRef.current!.dataset!.awsuiSuppressTooltip = 'true';\n }}\n onDismiss={event => {\n if (event.detail?.method !== 'blur') {\n triggerRef?.current!.focus();\n }\n setFeaturePromptDismissed(true);\n Promise.resolve().then(() => {\n if (triggerRef.current?.dataset) {\n triggerRef.current!.dataset!.awsuiSuppressTooltip = 'false';\n }\n });\n persistFeaturePromptDismiss(latestFeature);\n }}\n header={\n <RuntimeContentPart mountContent={featureNotificationsData?.mountItem} content={latestFeature.header} />\n }\n content={\n <RuntimeContentPart mountContent={featureNotificationsData?.mountItem} content={latestFeature.content} />\n }\n trackKey={latestFeature.id}\n position=\"left\"\n getTrack={() => triggerRef.current}\n />\n );\n }\n\n const setFeaturesToSeenAndPersist = () => {\n const persistenceConfig = featureNotificationsData?.persistenceConfig ?? DEFAULT_PERSISTENCE_CONFIG;\n const featuresMap = featureNotificationsData?.features.reduce((acc, feature) => {\n return {\n ...acc,\n [feature.id]: feature.releaseDate,\n };\n }, {});\n const filteredSeenFeaturesMap = filterOutdatedFeatures(seenFeatures);\n const allFeaturesMap = { ...featuresMap, ...filteredSeenFeaturesMap };\n (featureNotificationsData?.__persistFeatureNotifications ?? persistFeatureNotifications)(\n persistenceConfig,\n allFeaturesMap\n ).then(() => {\n setSeenFeatures(allFeaturesMap);\n setFeatureNotificationsData(data => (data ? { ...data, badge: false } : data));\n });\n };\n\n const getFeaturePromptPersistenceId = (feature?: Feature<unknown> \| null) => `${feature?.id}_feature-prompt`;\n\n const persistFeaturePromptDismiss = (feature: Feature<unknown>) => {\n const persistenceConfig = featureNotificationsData?.persistenceConfig ?? DEFAULT_PERSISTENCE_CONFIG;\n const featuresMap = { [getFeaturePromptPersistenceId(feature)]: feature.releaseDate?.toString() };\n const filteredSeenFeaturesMap = filterOutdatedFeatures(seenFeatures);\n const allFeaturesMap = { ...featuresMap, ...filteredSeenFeaturesMap };\n (featureNotificationsData?.__persistFeatureNotifications ?? persistFeatureNotifications)(\n persistenceConfig,\n allFeaturesMap\n ).then(() => {\n setSeenFeatures(allFeaturesMap);\n });\n };\n\n const onOpenFeatureNotificationsDrawer = () => {\n if (!featureNotificationsData \|\| allNotificationsSeen) {\n return;\n }\n\n setFeaturesToSeenAndPersist();\n };\n\n const featureNotificationsProps: FeatureNotificationsProps = {\n renderLatestFeaturePrompt,\n drawer: featureNotificationsData && mapPayloadToDrawer(featureNotificationsData),\n };\n\n return {\n featureNotificationsProps,\n onOpenFeatureNotificationsDrawer,\n featureNotificationsMessageHandler,\n };\n}\n"]}
1	+ {"version":3,"file":"use-feature-notifications.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/state/use-feature-notifications.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, { RefObject, useMemo, useRef, useState } from 'react';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../../../i18n/context';\nimport FeaturePrompt, { FeaturePromptProps } from '../../../internal/do-not-use/feature-prompt';\nimport { persistFeatureNotifications, retrieveFeatureNotifications } from '../../../internal/persistence';\nimport {\n Feature,\n FeatureNotificationsPayload,\n PersistedFeaturesDict,\n WidgetMessage,\n} from '../../../internal/plugins/widget/interfaces';\nimport { useMountRefPromise } from '../../../internal/utils/promises';\nimport { AppLayoutProps } from '../../interfaces';\nimport RuntimeFeaturesNotificationDrawer, { RuntimeContentPart } from '../drawer/feature-notifications-drawer-content';\n\nconst DEFAULT_PERSISTENCE_CONFIG = {\n uniqueKey: 'awsui-feature-notifications',\n};\n\ninterface RenderLatestFeaturePromptProps {\n triggerRef: RefObject<HTMLElement>;\n}\nexport interface FeatureNotificationsProps {\n renderLatestFeaturePrompt: RenderLatestFeaturePrompt;\n drawer?: AppLayoutProps.Drawer \| null;\n}\nexport type RenderLatestFeaturePrompt = (props: RenderLatestFeaturePromptProps) => JSX.Element \| null;\ninterface FeatureNotifications extends FeatureNotificationsPayload<unknown> {\n badge?: boolean;\n}\n\nconst FEATURE_NOTIFICATIONS_RETENTION_DAYS = 180;\nconst DEFAULT_FEATURE_FILTER_DAYS = 90;\n\nfunction subtractDaysFromDate(currentDate: Date, daysToSubtract: number = 0): Date {\n const pastDate = new Date(currentDate);\n pastDate.setDate(pastDate.getDate() - daysToSubtract);\n return pastDate;\n}\n\nfunction filterOutdatedFeatures(features: PersistedFeaturesDict): PersistedFeaturesDict {\n const cutoffDate = subtractDaysFromDate(new Date(), FEATURE_NOTIFICATIONS_RETENTION_DAYS);\n\n return Object.keys(features).reduce((acc, key) => {\n const featureDate = new Date(features[key]);\n\n if (featureDate && featureDate >= cutoffDate) {\n return {\n ...acc,\n [key]: features[key],\n };\n }\n\n return acc;\n }, {});\n}\n\nexport function useFeatureNotifications() {\n const i18n = useInternalI18n('features-notification-drawer');\n const [featurePromptDismissed, setFeaturePromptDismissed] = useState(false);\n const [featureNotificationsData, setFeatureNotificationsData] = useState<FeatureNotifications \| null>(null);\n const [seenFeatures, setSeenFeatures] = useState<PersistedFeaturesDict>({});\n const featurePromptRef = useRef<FeaturePromptProps.Ref>(null);\n const { ref: featurePromptMountRef, promise: featurePromptMountPromise } = useMountRefPromise();\n const featurePromptMergedRef = useMergeRefs(featurePromptRef, featurePromptMountRef);\n const allNotificationsSeen = useMemo(() => {\n return featureNotificationsData?.features.every(feature => !!seenFeatures[feature.id]);\n }, [featureNotificationsData, seenFeatures]);\n\n const defaultFeaturesFilter = (feature: Feature<unknown>) => {\n return feature.releaseDate >= subtractDaysFromDate(new Date(), DEFAULT_FEATURE_FILTER_DAYS);\n };\n\n const getFeaturesToDisplay = (payload: FeatureNotificationsPayload<unknown>): Array<Feature<unknown>> => {\n return payload.features\n .slice()\n .filter(payload.filterFeatures ? payload.filterFeatures : defaultFeaturesFilter)\n .sort((a, b) => b.releaseDate.getTime() - a.releaseDate.getTime());\n };\n\n const mapPayloadToDrawer = (payload: FeatureNotifications): AppLayoutProps.Drawer => {\n return {\n id: payload.id,\n content: (\n <RuntimeFeaturesNotificationDrawer\n features={payload.features}\n featuresPageLink={payload.featuresPageLink}\n mountItem={payload.mountItem}\n />\n ),\n trigger: {\n iconSvg: (\n <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\">\n <path d=\"M7 4L14.3244 1.25334C14.6513 1.13076 15 1.3724 15 1.7215V13.2785C15 13.6276 14.6513 13.8692 14.3244 13.7467L7 11\" />\n <path d=\"M1 6C1 4.89543 1.89543 4 3 4H7V11H3C1.89543 11 1 10.1046 1 9V6Z\" />\n <path d=\"M9.93649 12.1466C9.66614 13.4393 8.51989 14.4102 7.14687 14.4102C5.57286 14.4102 4.29688 13.1342 4.29688 11.5602C4.29688 11.3685 4.31579 11.1813 4.35187 11.0002\" />\n </svg>\n ),\n },\n ariaLabels: {\n closeButton: i18n('ariaLabels.closeButton', undefined),\n drawerName: i18n('ariaLabels.content', undefined) ?? '',\n triggerButton: i18n('ariaLabels.triggerButton', undefined),\n resizeHandle: i18n('ariaLabels.resizeHandle', undefined),\n },\n resizable: true,\n defaultSize: 320,\n badge: payload.badge,\n };\n };\n\n function featureNotificationsMessageHandler(event: WidgetMessage) {\n if (event.type === 'registerFeatureNotifications') {\n const { payload } = event;\n const features = getFeaturesToDisplay(payload);\n if (features.length === 0) {\n return;\n }\n\n setFeatureNotificationsData({ ...payload, features });\n\n const persistenceConfig = payload.persistenceConfig ?? DEFAULT_PERSISTENCE_CONFIG;\n // Retrieve previously seen feature notifications from persistence to determine\n // which features the user has already viewed\n (payload?.__retrieveFeatureNotifications \|\| retrieveFeatureNotifications)(persistenceConfig).then(\n seenFeatureNotifications => {\n setSeenFeatures(seenFeatureNotifications);\n const hasUnseenFeatures = features.some(feature => !seenFeatureNotifications[feature.id]);\n if (hasUnseenFeatures) {\n const latestFeature = features.find(feature => !seenFeatureNotifications[feature.id]) ?? null;\n if (\n !payload.suppressFeaturePrompt &&\n !featurePromptDismissed &&\n !seenFeatureNotifications[getFeaturePromptPersistenceId(latestFeature)]\n ) {\n featurePromptMountPromise.then(() => {\n featurePromptRef.current?.show();\n });\n }\n setFeatureNotificationsData(data => (data ? { ...data, badge: true } : data));\n }\n }\n );\n return;\n }\n\n if (event.type === 'showFeaturePromptIfPossible' && !allNotificationsSeen) {\n featurePromptRef.current?.show();\n return;\n }\n\n if (event.type === 'clearFeatureNotifications') {\n setFeatureNotificationsData(null);\n return;\n }\n }\n\n function getLatestUnseenFeature() {\n return featureNotificationsData?.features.find(feature => !seenFeatures[feature.id]) ?? null;\n }\n\n function renderLatestFeaturePrompt({ triggerRef }: RenderLatestFeaturePromptProps) {\n const latestFeature = getLatestUnseenFeature();\n if (!triggerRef.current \|\| !latestFeature) {\n return null;\n }\n return (\n <FeaturePrompt\n ref={featurePromptMergedRef}\n onShow={() => {\n triggerRef.current!.dataset!.awsuiSuppressTooltip = 'true';\n }}\n onDismiss={event => {\n if (event.detail?.method !== 'blur') {\n triggerRef?.current!.focus();\n }\n setFeaturePromptDismissed(true);\n Promise.resolve().then(() => {\n if (triggerRef.current?.dataset) {\n triggerRef.current!.dataset!.awsuiSuppressTooltip = 'false';\n }\n });\n persistFeaturePromptDismiss(latestFeature);\n }}\n header={\n <RuntimeContentPart mountContent={featureNotificationsData?.mountItem} content={latestFeature.header} />\n }\n content={\n <RuntimeContentPart mountContent={featureNotificationsData?.mountItem} content={latestFeature.content} />\n }\n trackKey={latestFeature.id}\n position=\"left\"\n getTrack={() => triggerRef.current}\n />\n );\n }\n\n const setFeaturesToSeenAndPersist = () => {\n const persistenceConfig = featureNotificationsData?.persistenceConfig ?? DEFAULT_PERSISTENCE_CONFIG;\n const featuresMap = featureNotificationsData?.features.reduce((acc, feature) => {\n return {\n ...acc,\n [feature.id]: feature.releaseDate,\n };\n }, {});\n const filteredSeenFeaturesMap = filterOutdatedFeatures(seenFeatures);\n const allFeaturesMap = { ...featuresMap, ...filteredSeenFeaturesMap };\n (featureNotificationsData?.__persistFeatureNotifications ?? persistFeatureNotifications)(\n persistenceConfig,\n allFeaturesMap\n ).then(() => {\n setSeenFeatures(allFeaturesMap);\n setFeatureNotificationsData(data => (data ? { ...data, badge: false } : data));\n });\n };\n\n const getFeaturePromptPersistenceId = (feature?: Feature<unknown> \| null) => `${feature?.id}_feature-prompt`;\n\n const persistFeaturePromptDismiss = (feature: Feature<unknown>) => {\n const persistenceConfig = featureNotificationsData?.persistenceConfig ?? DEFAULT_PERSISTENCE_CONFIG;\n const featuresMap = { [getFeaturePromptPersistenceId(feature)]: feature.releaseDate?.toString() };\n const filteredSeenFeaturesMap = filterOutdatedFeatures(seenFeatures);\n const allFeaturesMap = { ...featuresMap, ...filteredSeenFeaturesMap };\n (featureNotificationsData?.__persistFeatureNotifications ?? persistFeatureNotifications)(\n persistenceConfig,\n allFeaturesMap\n ).then(() => {\n setSeenFeatures(allFeaturesMap);\n });\n };\n\n const onOpenFeatureNotificationsDrawer = () => {\n if (!featureNotificationsData \|\| allNotificationsSeen) {\n return;\n }\n\n setFeaturesToSeenAndPersist();\n };\n\n const featureNotificationsProps: FeatureNotificationsProps = {\n renderLatestFeaturePrompt,\n drawer: featureNotificationsData && mapPayloadToDrawer(featureNotificationsData),\n };\n\n return {\n featureNotificationsProps,\n onOpenFeatureNotificationsDrawer,\n featureNotificationsMessageHandler,\n };\n}\n"]}

package/lib/internal/template/box/styles.css.js CHANGED Viewed

@@ -1,197 +1,197 @@
     import './styles.scoped.css';
     export default {
-  "box": "awsui_box_18wu0_1q0fz_172",
-  "p-variant": "awsui_p-variant_18wu0_1q0fz_172",
-  "color-default": "awsui_color-default_18wu0_1q0fz_172",
-  "b-variant": "awsui_b-variant_18wu0_1q0fz_172",
-  "strong-variant": "awsui_strong-variant_18wu0_1q0fz_172",
-  "code-variant": "awsui_code-variant_18wu0_1q0fz_172",
-  "pre-variant": "awsui_pre-variant_18wu0_1q0fz_172",
-  "samp-variant": "awsui_samp-variant_18wu0_1q0fz_172",
-  "h1-variant": "awsui_h1-variant_18wu0_1q0fz_176",
-  "h2-variant": "awsui_h2-variant_18wu0_1q0fz_176",
-  "h3-variant": "awsui_h3-variant_18wu0_1q0fz_176",
-  "h4-variant": "awsui_h4-variant_18wu0_1q0fz_176",
-  "h5-variant": "awsui_h5-variant_18wu0_1q0fz_176",
-  "small-variant": "awsui_small-variant_18wu0_1q0fz_180",
-  "a-variant": "awsui_a-variant_18wu0_1q0fz_184",
-  "font-size-default": "awsui_font-size-default_18wu0_1q0fz_188",
-  "font-weight-default": "awsui_font-weight-default_18wu0_1q0fz_229",
-  "key-label-variant": "awsui_key-label-variant_18wu0_1q0fz_271",
-  "gen-ai-label-variant": "awsui_gen-ai-label-variant_18wu0_1q0fz_278",
-  "value-large-variant": "awsui_value-large-variant_18wu0_1q0fz_285",
-  "inline-code-variant": "awsui_inline-code-variant_18wu0_1q0fz_292",
-  "font-weight-heavy": "awsui_font-weight-heavy_18wu0_1q0fz_306",
-  "color-inverted": "awsui_color-inverted_18wu0_1q0fz_311",
-  "color-text-label": "awsui_color-text-label_18wu0_1q0fz_314",
-  "color-text-body-secondary": "awsui_color-text-body-secondary_18wu0_1q0fz_317",
-  "color-text-status-error": "awsui_color-text-status-error_18wu0_1q0fz_320",
-  "color-text-status-success": "awsui_color-text-status-success_18wu0_1q0fz_323",
-  "color-text-status-info": "awsui_color-text-status-info_18wu0_1q0fz_326",
-  "color-text-status-inactive": "awsui_color-text-status-inactive_18wu0_1q0fz_329",
-  "color-text-status-warning": "awsui_color-text-status-warning_18wu0_1q0fz_332",
-  "color-inherit": "awsui_color-inherit_18wu0_1q0fz_335",
-  "font-size-body-s": "awsui_font-size-body-s_18wu0_1q0fz_338",
-  "font-size-body-m": "awsui_font-size-body-m_18wu0_1q0fz_343",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_18wu0_1q0fz_347",
-  "font-size-heading-s": "awsui_font-size-heading-s_18wu0_1q0fz_352",
-  "font-size-heading-m": "awsui_font-size-heading-m_18wu0_1q0fz_357",
-  "font-size-heading-l": "awsui_font-size-heading-l_18wu0_1q0fz_362",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_18wu0_1q0fz_367",
-  "font-size-display-l": "awsui_font-size-display-l_18wu0_1q0fz_372",
-  "font-weight-light": "awsui_font-weight-light_18wu0_1q0fz_377",
-  "font-weight-normal": "awsui_font-weight-normal_18wu0_1q0fz_380",
-  "font-weight-bold": "awsui_font-weight-bold_18wu0_1q0fz_383",
-  "t-left": "awsui_t-left_18wu0_1q0fz_390",
-  "t-right": "awsui_t-right_18wu0_1q0fz_394",
-  "t-center": "awsui_t-center_18wu0_1q0fz_398",
-  "p-n": "awsui_p-n_18wu0_1q0fz_415",
-  "p-top-n": "awsui_p-top-n_18wu0_1q0fz_420",
-  "p-vertical-n": "awsui_p-vertical-n_18wu0_1q0fz_421",
-  "p-right-n": "awsui_p-right-n_18wu0_1q0fz_425",
-  "p-horizontal-n": "awsui_p-horizontal-n_18wu0_1q0fz_426",
-  "p-bottom-n": "awsui_p-bottom-n_18wu0_1q0fz_430",
-  "p-left-n": "awsui_p-left-n_18wu0_1q0fz_435",
-  "p-xxxs": "awsui_p-xxxs_18wu0_1q0fz_440",
-  "p-top-xxxs": "awsui_p-top-xxxs_18wu0_1q0fz_445",
-  "p-vertical-xxxs": "awsui_p-vertical-xxxs_18wu0_1q0fz_446",
-  "p-right-xxxs": "awsui_p-right-xxxs_18wu0_1q0fz_450",
-  "p-horizontal-xxxs": "awsui_p-horizontal-xxxs_18wu0_1q0fz_451",
-  "p-bottom-xxxs": "awsui_p-bottom-xxxs_18wu0_1q0fz_455",
-  "p-left-xxxs": "awsui_p-left-xxxs_18wu0_1q0fz_460",
-  "p-xxs": "awsui_p-xxs_18wu0_1q0fz_465",
-  "p-top-xxs": "awsui_p-top-xxs_18wu0_1q0fz_470",
-  "p-vertical-xxs": "awsui_p-vertical-xxs_18wu0_1q0fz_471",
-  "p-right-xxs": "awsui_p-right-xxs_18wu0_1q0fz_475",
-  "p-horizontal-xxs": "awsui_p-horizontal-xxs_18wu0_1q0fz_476",
-  "p-bottom-xxs": "awsui_p-bottom-xxs_18wu0_1q0fz_480",
-  "p-left-xxs": "awsui_p-left-xxs_18wu0_1q0fz_485",
-  "p-xs": "awsui_p-xs_18wu0_1q0fz_490",
-  "p-top-xs": "awsui_p-top-xs_18wu0_1q0fz_495",
-  "p-vertical-xs": "awsui_p-vertical-xs_18wu0_1q0fz_496",
-  "p-right-xs": "awsui_p-right-xs_18wu0_1q0fz_500",
-  "p-horizontal-xs": "awsui_p-horizontal-xs_18wu0_1q0fz_501",
-  "p-bottom-xs": "awsui_p-bottom-xs_18wu0_1q0fz_505",
-  "p-left-xs": "awsui_p-left-xs_18wu0_1q0fz_510",
-  "p-s": "awsui_p-s_18wu0_1q0fz_515",
-  "p-top-s": "awsui_p-top-s_18wu0_1q0fz_520",
-  "p-vertical-s": "awsui_p-vertical-s_18wu0_1q0fz_521",
-  "p-right-s": "awsui_p-right-s_18wu0_1q0fz_525",
-  "p-horizontal-s": "awsui_p-horizontal-s_18wu0_1q0fz_526",
-  "p-bottom-s": "awsui_p-bottom-s_18wu0_1q0fz_530",
-  "p-left-s": "awsui_p-left-s_18wu0_1q0fz_535",
-  "p-m": "awsui_p-m_18wu0_1q0fz_540",
-  "p-top-m": "awsui_p-top-m_18wu0_1q0fz_545",
-  "p-vertical-m": "awsui_p-vertical-m_18wu0_1q0fz_546",
-  "p-right-m": "awsui_p-right-m_18wu0_1q0fz_550",
-  "p-horizontal-m": "awsui_p-horizontal-m_18wu0_1q0fz_551",
-  "p-bottom-m": "awsui_p-bottom-m_18wu0_1q0fz_555",
-  "p-left-m": "awsui_p-left-m_18wu0_1q0fz_560",
-  "p-l": "awsui_p-l_18wu0_1q0fz_435",
-  "p-top-l": "awsui_p-top-l_18wu0_1q0fz_570",
-  "p-vertical-l": "awsui_p-vertical-l_18wu0_1q0fz_571",
-  "p-right-l": "awsui_p-right-l_18wu0_1q0fz_575",
-  "p-horizontal-l": "awsui_p-horizontal-l_18wu0_1q0fz_576",
-  "p-bottom-l": "awsui_p-bottom-l_18wu0_1q0fz_580",
-  "p-left-l": "awsui_p-left-l_18wu0_1q0fz_585",
-  "p-xl": "awsui_p-xl_18wu0_1q0fz_590",
-  "p-top-xl": "awsui_p-top-xl_18wu0_1q0fz_595",
-  "p-vertical-xl": "awsui_p-vertical-xl_18wu0_1q0fz_596",
-  "p-right-xl": "awsui_p-right-xl_18wu0_1q0fz_600",
-  "p-horizontal-xl": "awsui_p-horizontal-xl_18wu0_1q0fz_601",
-  "p-bottom-xl": "awsui_p-bottom-xl_18wu0_1q0fz_605",
-  "p-left-xl": "awsui_p-left-xl_18wu0_1q0fz_610",
-  "p-xxl": "awsui_p-xxl_18wu0_1q0fz_615",
-  "p-top-xxl": "awsui_p-top-xxl_18wu0_1q0fz_620",
-  "p-vertical-xxl": "awsui_p-vertical-xxl_18wu0_1q0fz_621",
-  "p-right-xxl": "awsui_p-right-xxl_18wu0_1q0fz_625",
-  "p-horizontal-xxl": "awsui_p-horizontal-xxl_18wu0_1q0fz_626",
-  "p-bottom-xxl": "awsui_p-bottom-xxl_18wu0_1q0fz_630",
-  "p-left-xxl": "awsui_p-left-xxl_18wu0_1q0fz_635",
-  "p-xxxl": "awsui_p-xxxl_18wu0_1q0fz_640",
-  "p-top-xxxl": "awsui_p-top-xxxl_18wu0_1q0fz_645",
-  "p-vertical-xxxl": "awsui_p-vertical-xxxl_18wu0_1q0fz_646",
-  "p-right-xxxl": "awsui_p-right-xxxl_18wu0_1q0fz_650",
-  "p-horizontal-xxxl": "awsui_p-horizontal-xxxl_18wu0_1q0fz_651",
-  "p-bottom-xxxl": "awsui_p-bottom-xxxl_18wu0_1q0fz_655",
-  "p-left-xxxl": "awsui_p-left-xxxl_18wu0_1q0fz_660",
-  "m-n": "awsui_m-n_18wu0_1q0fz_665",
-  "m-top-n": "awsui_m-top-n_18wu0_1q0fz_670",
-  "m-vertical-n": "awsui_m-vertical-n_18wu0_1q0fz_671",
-  "m-right-n": "awsui_m-right-n_18wu0_1q0fz_675",
-  "m-horizontal-n": "awsui_m-horizontal-n_18wu0_1q0fz_676",
-  "m-bottom-n": "awsui_m-bottom-n_18wu0_1q0fz_680",
-  "m-left-n": "awsui_m-left-n_18wu0_1q0fz_685",
-  "m-xxxs": "awsui_m-xxxs_18wu0_1q0fz_690",
-  "m-top-xxxs": "awsui_m-top-xxxs_18wu0_1q0fz_695",
-  "m-vertical-xxxs": "awsui_m-vertical-xxxs_18wu0_1q0fz_696",
-  "m-right-xxxs": "awsui_m-right-xxxs_18wu0_1q0fz_700",
-  "m-horizontal-xxxs": "awsui_m-horizontal-xxxs_18wu0_1q0fz_701",
-  "m-bottom-xxxs": "awsui_m-bottom-xxxs_18wu0_1q0fz_705",
-  "m-left-xxxs": "awsui_m-left-xxxs_18wu0_1q0fz_710",
-  "m-xxs": "awsui_m-xxs_18wu0_1q0fz_715",
-  "m-top-xxs": "awsui_m-top-xxs_18wu0_1q0fz_720",
-  "m-vertical-xxs": "awsui_m-vertical-xxs_18wu0_1q0fz_721",
-  "m-right-xxs": "awsui_m-right-xxs_18wu0_1q0fz_725",
-  "m-horizontal-xxs": "awsui_m-horizontal-xxs_18wu0_1q0fz_726",
-  "m-bottom-xxs": "awsui_m-bottom-xxs_18wu0_1q0fz_730",
-  "m-left-xxs": "awsui_m-left-xxs_18wu0_1q0fz_735",
-  "m-xs": "awsui_m-xs_18wu0_1q0fz_740",
-  "m-top-xs": "awsui_m-top-xs_18wu0_1q0fz_745",
-  "m-vertical-xs": "awsui_m-vertical-xs_18wu0_1q0fz_746",
-  "m-right-xs": "awsui_m-right-xs_18wu0_1q0fz_750",
-  "m-horizontal-xs": "awsui_m-horizontal-xs_18wu0_1q0fz_751",
-  "m-bottom-xs": "awsui_m-bottom-xs_18wu0_1q0fz_755",
-  "m-left-xs": "awsui_m-left-xs_18wu0_1q0fz_760",
-  "m-s": "awsui_m-s_18wu0_1q0fz_765",
-  "m-top-s": "awsui_m-top-s_18wu0_1q0fz_770",
-  "m-vertical-s": "awsui_m-vertical-s_18wu0_1q0fz_771",
-  "m-right-s": "awsui_m-right-s_18wu0_1q0fz_775",
-  "m-horizontal-s": "awsui_m-horizontal-s_18wu0_1q0fz_776",
-  "m-bottom-s": "awsui_m-bottom-s_18wu0_1q0fz_780",
-  "m-left-s": "awsui_m-left-s_18wu0_1q0fz_785",
-  "m-m": "awsui_m-m_18wu0_1q0fz_790",
-  "m-top-m": "awsui_m-top-m_18wu0_1q0fz_795",
-  "m-vertical-m": "awsui_m-vertical-m_18wu0_1q0fz_796",
-  "m-right-m": "awsui_m-right-m_18wu0_1q0fz_800",
-  "m-horizontal-m": "awsui_m-horizontal-m_18wu0_1q0fz_801",
-  "m-bottom-m": "awsui_m-bottom-m_18wu0_1q0fz_805",
-  "m-left-m": "awsui_m-left-m_18wu0_1q0fz_810",
-  "m-l": "awsui_m-l_18wu0_1q0fz_685",
-  "m-top-l": "awsui_m-top-l_18wu0_1q0fz_820",
-  "m-vertical-l": "awsui_m-vertical-l_18wu0_1q0fz_821",
-  "m-right-l": "awsui_m-right-l_18wu0_1q0fz_825",
-  "m-horizontal-l": "awsui_m-horizontal-l_18wu0_1q0fz_826",
-  "m-bottom-l": "awsui_m-bottom-l_18wu0_1q0fz_830",
-  "m-left-l": "awsui_m-left-l_18wu0_1q0fz_835",
-  "m-xl": "awsui_m-xl_18wu0_1q0fz_840",
-  "m-top-xl": "awsui_m-top-xl_18wu0_1q0fz_845",
-  "m-vertical-xl": "awsui_m-vertical-xl_18wu0_1q0fz_846",
-  "m-right-xl": "awsui_m-right-xl_18wu0_1q0fz_850",
-  "m-horizontal-xl": "awsui_m-horizontal-xl_18wu0_1q0fz_851",
-  "m-bottom-xl": "awsui_m-bottom-xl_18wu0_1q0fz_855",
-  "m-left-xl": "awsui_m-left-xl_18wu0_1q0fz_860",
-  "m-xxl": "awsui_m-xxl_18wu0_1q0fz_865",
-  "m-top-xxl": "awsui_m-top-xxl_18wu0_1q0fz_870",
-  "m-vertical-xxl": "awsui_m-vertical-xxl_18wu0_1q0fz_871",
-  "m-right-xxl": "awsui_m-right-xxl_18wu0_1q0fz_875",
-  "m-horizontal-xxl": "awsui_m-horizontal-xxl_18wu0_1q0fz_876",
-  "m-bottom-xxl": "awsui_m-bottom-xxl_18wu0_1q0fz_880",
-  "m-left-xxl": "awsui_m-left-xxl_18wu0_1q0fz_885",
-  "m-xxxl": "awsui_m-xxxl_18wu0_1q0fz_890",
-  "m-top-xxxl": "awsui_m-top-xxxl_18wu0_1q0fz_895",
-  "m-vertical-xxxl": "awsui_m-vertical-xxxl_18wu0_1q0fz_896",
-  "m-right-xxxl": "awsui_m-right-xxxl_18wu0_1q0fz_900",
-  "m-horizontal-xxxl": "awsui_m-horizontal-xxxl_18wu0_1q0fz_901",
-  "m-bottom-xxxl": "awsui_m-bottom-xxxl_18wu0_1q0fz_905",
-  "m-left-xxxl": "awsui_m-left-xxxl_18wu0_1q0fz_910",
-  "d-block": "awsui_d-block_18wu0_1q0fz_915",
-  "d-inline": "awsui_d-inline_18wu0_1q0fz_918",
-  "d-inline-block": "awsui_d-inline-block_18wu0_1q0fz_921",
-  "d-none": "awsui_d-none_18wu0_1q0fz_924",
-  "f-left": "awsui_f-left_18wu0_1q0fz_928",
-  "f-right": "awsui_f-right_18wu0_1q0fz_932",
-  "root": "awsui_root_18wu0_1q0fz_936"
+  "box": "awsui_box_18wu0_1e6pm_172",
+  "p-variant": "awsui_p-variant_18wu0_1e6pm_172",
+  "color-default": "awsui_color-default_18wu0_1e6pm_172",
+  "b-variant": "awsui_b-variant_18wu0_1e6pm_172",
+  "strong-variant": "awsui_strong-variant_18wu0_1e6pm_172",
+  "code-variant": "awsui_code-variant_18wu0_1e6pm_172",
+  "pre-variant": "awsui_pre-variant_18wu0_1e6pm_172",
+  "samp-variant": "awsui_samp-variant_18wu0_1e6pm_172",
+  "h1-variant": "awsui_h1-variant_18wu0_1e6pm_176",
+  "h2-variant": "awsui_h2-variant_18wu0_1e6pm_176",
+  "h3-variant": "awsui_h3-variant_18wu0_1e6pm_176",
+  "h4-variant": "awsui_h4-variant_18wu0_1e6pm_176",
+  "h5-variant": "awsui_h5-variant_18wu0_1e6pm_176",
+  "small-variant": "awsui_small-variant_18wu0_1e6pm_180",
+  "a-variant": "awsui_a-variant_18wu0_1e6pm_184",
+  "font-size-default": "awsui_font-size-default_18wu0_1e6pm_188",
+  "font-weight-default": "awsui_font-weight-default_18wu0_1e6pm_229",
+  "key-label-variant": "awsui_key-label-variant_18wu0_1e6pm_271",
+  "gen-ai-label-variant": "awsui_gen-ai-label-variant_18wu0_1e6pm_278",
+  "value-large-variant": "awsui_value-large-variant_18wu0_1e6pm_285",
+  "inline-code-variant": "awsui_inline-code-variant_18wu0_1e6pm_293",
+  "font-weight-heavy": "awsui_font-weight-heavy_18wu0_1e6pm_307",
+  "color-inverted": "awsui_color-inverted_18wu0_1e6pm_312",
+  "color-text-label": "awsui_color-text-label_18wu0_1e6pm_315",
+  "color-text-body-secondary": "awsui_color-text-body-secondary_18wu0_1e6pm_318",
+  "color-text-status-error": "awsui_color-text-status-error_18wu0_1e6pm_321",
+  "color-text-status-success": "awsui_color-text-status-success_18wu0_1e6pm_324",
+  "color-text-status-info": "awsui_color-text-status-info_18wu0_1e6pm_327",
+  "color-text-status-inactive": "awsui_color-text-status-inactive_18wu0_1e6pm_330",
+  "color-text-status-warning": "awsui_color-text-status-warning_18wu0_1e6pm_333",
+  "color-inherit": "awsui_color-inherit_18wu0_1e6pm_336",
+  "font-size-body-s": "awsui_font-size-body-s_18wu0_1e6pm_339",
+  "font-size-body-m": "awsui_font-size-body-m_18wu0_1e6pm_344",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_18wu0_1e6pm_348",
+  "font-size-heading-s": "awsui_font-size-heading-s_18wu0_1e6pm_353",
+  "font-size-heading-m": "awsui_font-size-heading-m_18wu0_1e6pm_358",
+  "font-size-heading-l": "awsui_font-size-heading-l_18wu0_1e6pm_363",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_18wu0_1e6pm_368",
+  "font-size-display-l": "awsui_font-size-display-l_18wu0_1e6pm_373",
+  "font-weight-light": "awsui_font-weight-light_18wu0_1e6pm_378",
+  "font-weight-normal": "awsui_font-weight-normal_18wu0_1e6pm_381",
+  "font-weight-bold": "awsui_font-weight-bold_18wu0_1e6pm_384",
+  "t-left": "awsui_t-left_18wu0_1e6pm_391",
+  "t-right": "awsui_t-right_18wu0_1e6pm_395",
+  "t-center": "awsui_t-center_18wu0_1e6pm_399",
+  "p-n": "awsui_p-n_18wu0_1e6pm_416",
+  "p-top-n": "awsui_p-top-n_18wu0_1e6pm_421",
+  "p-vertical-n": "awsui_p-vertical-n_18wu0_1e6pm_422",
+  "p-right-n": "awsui_p-right-n_18wu0_1e6pm_426",
+  "p-horizontal-n": "awsui_p-horizontal-n_18wu0_1e6pm_427",
+  "p-bottom-n": "awsui_p-bottom-n_18wu0_1e6pm_431",
+  "p-left-n": "awsui_p-left-n_18wu0_1e6pm_436",
+  "p-xxxs": "awsui_p-xxxs_18wu0_1e6pm_441",
+  "p-top-xxxs": "awsui_p-top-xxxs_18wu0_1e6pm_446",
+  "p-vertical-xxxs": "awsui_p-vertical-xxxs_18wu0_1e6pm_447",
+  "p-right-xxxs": "awsui_p-right-xxxs_18wu0_1e6pm_451",
+  "p-horizontal-xxxs": "awsui_p-horizontal-xxxs_18wu0_1e6pm_452",
+  "p-bottom-xxxs": "awsui_p-bottom-xxxs_18wu0_1e6pm_456",
+  "p-left-xxxs": "awsui_p-left-xxxs_18wu0_1e6pm_461",
+  "p-xxs": "awsui_p-xxs_18wu0_1e6pm_466",
+  "p-top-xxs": "awsui_p-top-xxs_18wu0_1e6pm_471",
+  "p-vertical-xxs": "awsui_p-vertical-xxs_18wu0_1e6pm_472",
+  "p-right-xxs": "awsui_p-right-xxs_18wu0_1e6pm_476",
+  "p-horizontal-xxs": "awsui_p-horizontal-xxs_18wu0_1e6pm_477",
+  "p-bottom-xxs": "awsui_p-bottom-xxs_18wu0_1e6pm_481",
+  "p-left-xxs": "awsui_p-left-xxs_18wu0_1e6pm_486",
+  "p-xs": "awsui_p-xs_18wu0_1e6pm_491",
+  "p-top-xs": "awsui_p-top-xs_18wu0_1e6pm_496",
+  "p-vertical-xs": "awsui_p-vertical-xs_18wu0_1e6pm_497",
+  "p-right-xs": "awsui_p-right-xs_18wu0_1e6pm_501",
+  "p-horizontal-xs": "awsui_p-horizontal-xs_18wu0_1e6pm_502",
+  "p-bottom-xs": "awsui_p-bottom-xs_18wu0_1e6pm_506",
+  "p-left-xs": "awsui_p-left-xs_18wu0_1e6pm_511",
+  "p-s": "awsui_p-s_18wu0_1e6pm_516",
+  "p-top-s": "awsui_p-top-s_18wu0_1e6pm_521",
+  "p-vertical-s": "awsui_p-vertical-s_18wu0_1e6pm_522",
+  "p-right-s": "awsui_p-right-s_18wu0_1e6pm_526",
+  "p-horizontal-s": "awsui_p-horizontal-s_18wu0_1e6pm_527",
+  "p-bottom-s": "awsui_p-bottom-s_18wu0_1e6pm_531",
+  "p-left-s": "awsui_p-left-s_18wu0_1e6pm_536",
+  "p-m": "awsui_p-m_18wu0_1e6pm_541",
+  "p-top-m": "awsui_p-top-m_18wu0_1e6pm_546",
+  "p-vertical-m": "awsui_p-vertical-m_18wu0_1e6pm_547",
+  "p-right-m": "awsui_p-right-m_18wu0_1e6pm_551",
+  "p-horizontal-m": "awsui_p-horizontal-m_18wu0_1e6pm_552",
+  "p-bottom-m": "awsui_p-bottom-m_18wu0_1e6pm_556",
+  "p-left-m": "awsui_p-left-m_18wu0_1e6pm_561",
+  "p-l": "awsui_p-l_18wu0_1e6pm_436",
+  "p-top-l": "awsui_p-top-l_18wu0_1e6pm_571",
+  "p-vertical-l": "awsui_p-vertical-l_18wu0_1e6pm_572",
+  "p-right-l": "awsui_p-right-l_18wu0_1e6pm_576",
+  "p-horizontal-l": "awsui_p-horizontal-l_18wu0_1e6pm_577",
+  "p-bottom-l": "awsui_p-bottom-l_18wu0_1e6pm_581",
+  "p-left-l": "awsui_p-left-l_18wu0_1e6pm_586",
+  "p-xl": "awsui_p-xl_18wu0_1e6pm_591",
+  "p-top-xl": "awsui_p-top-xl_18wu0_1e6pm_596",
+  "p-vertical-xl": "awsui_p-vertical-xl_18wu0_1e6pm_597",
+  "p-right-xl": "awsui_p-right-xl_18wu0_1e6pm_601",
+  "p-horizontal-xl": "awsui_p-horizontal-xl_18wu0_1e6pm_602",
+  "p-bottom-xl": "awsui_p-bottom-xl_18wu0_1e6pm_606",
+  "p-left-xl": "awsui_p-left-xl_18wu0_1e6pm_611",
+  "p-xxl": "awsui_p-xxl_18wu0_1e6pm_616",
+  "p-top-xxl": "awsui_p-top-xxl_18wu0_1e6pm_621",
+  "p-vertical-xxl": "awsui_p-vertical-xxl_18wu0_1e6pm_622",
+  "p-right-xxl": "awsui_p-right-xxl_18wu0_1e6pm_626",
+  "p-horizontal-xxl": "awsui_p-horizontal-xxl_18wu0_1e6pm_627",
+  "p-bottom-xxl": "awsui_p-bottom-xxl_18wu0_1e6pm_631",
+  "p-left-xxl": "awsui_p-left-xxl_18wu0_1e6pm_636",
+  "p-xxxl": "awsui_p-xxxl_18wu0_1e6pm_641",
+  "p-top-xxxl": "awsui_p-top-xxxl_18wu0_1e6pm_646",
+  "p-vertical-xxxl": "awsui_p-vertical-xxxl_18wu0_1e6pm_647",
+  "p-right-xxxl": "awsui_p-right-xxxl_18wu0_1e6pm_651",
+  "p-horizontal-xxxl": "awsui_p-horizontal-xxxl_18wu0_1e6pm_652",
+  "p-bottom-xxxl": "awsui_p-bottom-xxxl_18wu0_1e6pm_656",
+  "p-left-xxxl": "awsui_p-left-xxxl_18wu0_1e6pm_661",
+  "m-n": "awsui_m-n_18wu0_1e6pm_666",
+  "m-top-n": "awsui_m-top-n_18wu0_1e6pm_671",
+  "m-vertical-n": "awsui_m-vertical-n_18wu0_1e6pm_672",
+  "m-right-n": "awsui_m-right-n_18wu0_1e6pm_676",
+  "m-horizontal-n": "awsui_m-horizontal-n_18wu0_1e6pm_677",
+  "m-bottom-n": "awsui_m-bottom-n_18wu0_1e6pm_681",
+  "m-left-n": "awsui_m-left-n_18wu0_1e6pm_686",
+  "m-xxxs": "awsui_m-xxxs_18wu0_1e6pm_691",
+  "m-top-xxxs": "awsui_m-top-xxxs_18wu0_1e6pm_696",
+  "m-vertical-xxxs": "awsui_m-vertical-xxxs_18wu0_1e6pm_697",
+  "m-right-xxxs": "awsui_m-right-xxxs_18wu0_1e6pm_701",
+  "m-horizontal-xxxs": "awsui_m-horizontal-xxxs_18wu0_1e6pm_702",
+  "m-bottom-xxxs": "awsui_m-bottom-xxxs_18wu0_1e6pm_706",
+  "m-left-xxxs": "awsui_m-left-xxxs_18wu0_1e6pm_711",
+  "m-xxs": "awsui_m-xxs_18wu0_1e6pm_716",
+  "m-top-xxs": "awsui_m-top-xxs_18wu0_1e6pm_721",
+  "m-vertical-xxs": "awsui_m-vertical-xxs_18wu0_1e6pm_722",
+  "m-right-xxs": "awsui_m-right-xxs_18wu0_1e6pm_726",
+  "m-horizontal-xxs": "awsui_m-horizontal-xxs_18wu0_1e6pm_727",
+  "m-bottom-xxs": "awsui_m-bottom-xxs_18wu0_1e6pm_731",
+  "m-left-xxs": "awsui_m-left-xxs_18wu0_1e6pm_736",
+  "m-xs": "awsui_m-xs_18wu0_1e6pm_741",
+  "m-top-xs": "awsui_m-top-xs_18wu0_1e6pm_746",
+  "m-vertical-xs": "awsui_m-vertical-xs_18wu0_1e6pm_747",
+  "m-right-xs": "awsui_m-right-xs_18wu0_1e6pm_751",
+  "m-horizontal-xs": "awsui_m-horizontal-xs_18wu0_1e6pm_752",
+  "m-bottom-xs": "awsui_m-bottom-xs_18wu0_1e6pm_756",
+  "m-left-xs": "awsui_m-left-xs_18wu0_1e6pm_761",
+  "m-s": "awsui_m-s_18wu0_1e6pm_766",
+  "m-top-s": "awsui_m-top-s_18wu0_1e6pm_771",
+  "m-vertical-s": "awsui_m-vertical-s_18wu0_1e6pm_772",
+  "m-right-s": "awsui_m-right-s_18wu0_1e6pm_776",
+  "m-horizontal-s": "awsui_m-horizontal-s_18wu0_1e6pm_777",
+  "m-bottom-s": "awsui_m-bottom-s_18wu0_1e6pm_781",
+  "m-left-s": "awsui_m-left-s_18wu0_1e6pm_786",
+  "m-m": "awsui_m-m_18wu0_1e6pm_791",
+  "m-top-m": "awsui_m-top-m_18wu0_1e6pm_796",
+  "m-vertical-m": "awsui_m-vertical-m_18wu0_1e6pm_797",
+  "m-right-m": "awsui_m-right-m_18wu0_1e6pm_801",
+  "m-horizontal-m": "awsui_m-horizontal-m_18wu0_1e6pm_802",
+  "m-bottom-m": "awsui_m-bottom-m_18wu0_1e6pm_806",
+  "m-left-m": "awsui_m-left-m_18wu0_1e6pm_811",
+  "m-l": "awsui_m-l_18wu0_1e6pm_686",
+  "m-top-l": "awsui_m-top-l_18wu0_1e6pm_821",
+  "m-vertical-l": "awsui_m-vertical-l_18wu0_1e6pm_822",
+  "m-right-l": "awsui_m-right-l_18wu0_1e6pm_826",
+  "m-horizontal-l": "awsui_m-horizontal-l_18wu0_1e6pm_827",
+  "m-bottom-l": "awsui_m-bottom-l_18wu0_1e6pm_831",
+  "m-left-l": "awsui_m-left-l_18wu0_1e6pm_836",
+  "m-xl": "awsui_m-xl_18wu0_1e6pm_841",
+  "m-top-xl": "awsui_m-top-xl_18wu0_1e6pm_846",
+  "m-vertical-xl": "awsui_m-vertical-xl_18wu0_1e6pm_847",
+  "m-right-xl": "awsui_m-right-xl_18wu0_1e6pm_851",
+  "m-horizontal-xl": "awsui_m-horizontal-xl_18wu0_1e6pm_852",
+  "m-bottom-xl": "awsui_m-bottom-xl_18wu0_1e6pm_856",
+  "m-left-xl": "awsui_m-left-xl_18wu0_1e6pm_861",
+  "m-xxl": "awsui_m-xxl_18wu0_1e6pm_866",
+  "m-top-xxl": "awsui_m-top-xxl_18wu0_1e6pm_871",
+  "m-vertical-xxl": "awsui_m-vertical-xxl_18wu0_1e6pm_872",
+  "m-right-xxl": "awsui_m-right-xxl_18wu0_1e6pm_876",
+  "m-horizontal-xxl": "awsui_m-horizontal-xxl_18wu0_1e6pm_877",
+  "m-bottom-xxl": "awsui_m-bottom-xxl_18wu0_1e6pm_881",
+  "m-left-xxl": "awsui_m-left-xxl_18wu0_1e6pm_886",
+  "m-xxxl": "awsui_m-xxxl_18wu0_1e6pm_891",
+  "m-top-xxxl": "awsui_m-top-xxxl_18wu0_1e6pm_896",
+  "m-vertical-xxxl": "awsui_m-vertical-xxxl_18wu0_1e6pm_897",
+  "m-right-xxxl": "awsui_m-right-xxxl_18wu0_1e6pm_901",
+  "m-horizontal-xxxl": "awsui_m-horizontal-xxxl_18wu0_1e6pm_902",
+  "m-bottom-xxxl": "awsui_m-bottom-xxxl_18wu0_1e6pm_906",
+  "m-left-xxxl": "awsui_m-left-xxxl_18wu0_1e6pm_911",
+  "d-block": "awsui_d-block_18wu0_1e6pm_916",
+  "d-inline": "awsui_d-inline_18wu0_1e6pm_919",
+  "d-inline-block": "awsui_d-inline-block_18wu0_1e6pm_922",
+  "d-none": "awsui_d-none_18wu0_1e6pm_925",
+  "f-left": "awsui_f-left_18wu0_1e6pm_929",
+  "f-right": "awsui_f-right_18wu0_1e6pm_933",
+  "root": "awsui_root_18wu0_1e6pm_937"
 };