npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1138 → 3.0.1139 - Mend

@cloudscape-design/components-themeable 3.0.1138 → 3.0.1139

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

package/lib/internal/template/internal/components/token-list/token-limit-toggle.js CHANGED Viewed

@@ -22,7 +22,7 @@ export default function TokenLimitToggle({ controlId, allHidden, expanded, numbe
             label: { root: 'self' },
         },
     };
-    return (React.createElement("button", Object.assign({ type: "button", className: styles.toggle, onClick: handleClick, "aria-controls": controlId, "aria-expanded": expanded, "aria-label": ariaLabel }, getAnalyticsMetadataAttribute(analyticsMetadata)),
+    return (React.createElement("button", { type: "button", className: styles.toggle, onClick: handleClick, "aria-controls": controlId, "aria-expanded": expanded, "aria-label": ariaLabel, ...getAnalyticsMetadataAttribute(analyticsMetadata) },
         React.createElement(InternalIcon, { name: expanded ? 'treeview-collapse' : 'treeview-expand' }),
         React.createElement("span", { className: styles.description }, description)));
 }

package/lib/internal/template/internal/components/token-list/token-limit-toggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"token-limit-toggle.js","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/token-limit-toggle.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAA6B,MAAM,cAAc,CAAC;AAOjF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAYrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,OAAO,EACP,WAAW,GAAG,EAAE,EAChB,uBAAuB,EACvB,sBAAsB,GACA;IACtB,MAAM,IAAI,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IAE5C,MAAM,yBAAyB,GAAG,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,qBAAqB,EAAE,CAAC;IAClG,MAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,IAAI,CAAC,4BAA4B,EAAE,WAAW,CAAC,cAAc,CAAC;QAChE,CAAC,CAAC,GAAG,IAAI,CAAC,2BAA2B,EAAE,WAAW,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,yBAAyB,GAAG,CAAC;IAC3G,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAE9E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,iBAAiB,GAA8F;QACnH,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;QAC3C,MAAM,EAAE;YACN,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB;KACF,CAAC;IAEF,OAAO,CACL,~~8CACE~~,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,WAAW,mBACL,SAAS,mBACT,QAAQ,gBACX,SAAS,~~IACjB~~,6BAA6B,CAAC,iBAAiB,CAAC;QAEpD,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,GAAI;QAC1E,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ,CAClD,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useCallback } from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../../../i18n/context';\nimport InternalIcon from '../../../icon/internal';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\nimport {\n GeneratedAnalyticsMetadataTokenListShowLess,\n GeneratedAnalyticsMetadataTokenListShowMore,\n} from './analytics-metadata/interfaces';\nimport { I18nStrings } from './interfaces';\n\nimport styles from './styles.css.js';\ninterface TokenLimitToggleProps {\n controlId?: string;\n allHidden: boolean;\n expanded: boolean;\n numberOfHiddenOptions: number;\n onClick?: NonCancelableEventHandler<null>;\n i18nStrings?: I18nStrings;\n limitShowFewerAriaLabel?: string;\n limitShowMoreAriaLabel?: string;\n}\n\nexport default function TokenLimitToggle({\n controlId,\n allHidden,\n expanded,\n numberOfHiddenOptions,\n onClick,\n i18nStrings = {},\n limitShowFewerAriaLabel,\n limitShowMoreAriaLabel,\n}: TokenLimitToggleProps) {\n const i18n = useInternalI18n('token-group');\n\n const numberOfHiddenOptionLabel = allHidden ? numberOfHiddenOptions : `+${numberOfHiddenOptions}`;\n const description = expanded\n ? i18n('i18nStrings.limitShowFewer', i18nStrings.limitShowFewer)\n : `${i18n('i18nStrings.limitShowMore', i18nStrings.limitShowMore) \|\| ''} (${numberOfHiddenOptionLabel})`;\n const ariaLabel = expanded ? limitShowFewerAriaLabel : limitShowMoreAriaLabel;\n\n const handleClick = useCallback(() => {\n fireNonCancelableEvent(onClick, null);\n }, [onClick]);\n\n const analyticsMetadata: GeneratedAnalyticsMetadataTokenListShowMore \| GeneratedAnalyticsMetadataTokenListShowLess = {\n action: !expanded ? 'showMore' : 'showLess',\n detail: {\n label: { root: 'self' },\n },\n };\n\n return (\n <button\n type=\"button\"\n className={styles.toggle}\n onClick={handleClick}\n aria-controls={controlId}\n aria-expanded={expanded}\n aria-label={ariaLabel}\n {...getAnalyticsMetadataAttribute(analyticsMetadata)}\n >\n <InternalIcon name={expanded ? 'treeview-collapse' : 'treeview-expand'} />\n <span className={styles.description}>{description}</span>\n </button>\n );\n}\n"]}
1	+ {"version":3,"file":"token-limit-toggle.js","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/token-limit-toggle.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAA6B,MAAM,cAAc,CAAC;AAOjF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAYrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,OAAO,EACP,WAAW,GAAG,EAAE,EAChB,uBAAuB,EACvB,sBAAsB,GACA;IACtB,MAAM,IAAI,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IAE5C,MAAM,yBAAyB,GAAG,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,qBAAqB,EAAE,CAAC;IAClG,MAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,IAAI,CAAC,4BAA4B,EAAE,WAAW,CAAC,cAAc,CAAC;QAChE,CAAC,CAAC,GAAG,IAAI,CAAC,2BAA2B,EAAE,WAAW,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,yBAAyB,GAAG,CAAC;IAC3G,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAE9E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,iBAAiB,GAA8F;QACnH,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;QAC3C,MAAM,EAAE;YACN,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB;KACF,CAAC;IAEF,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,WAAW,mBACL,SAAS,mBACT,QAAQ,gBACX,SAAS,KACjB,6BAA6B,CAAC,iBAAiB,CAAC;QAEpD,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,GAAI;QAC1E,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ,CAClD,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useCallback } from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../../../i18n/context';\nimport InternalIcon from '../../../icon/internal';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\nimport {\n GeneratedAnalyticsMetadataTokenListShowLess,\n GeneratedAnalyticsMetadataTokenListShowMore,\n} from './analytics-metadata/interfaces';\nimport { I18nStrings } from './interfaces';\n\nimport styles from './styles.css.js';\ninterface TokenLimitToggleProps {\n controlId?: string;\n allHidden: boolean;\n expanded: boolean;\n numberOfHiddenOptions: number;\n onClick?: NonCancelableEventHandler<null>;\n i18nStrings?: I18nStrings;\n limitShowFewerAriaLabel?: string;\n limitShowMoreAriaLabel?: string;\n}\n\nexport default function TokenLimitToggle({\n controlId,\n allHidden,\n expanded,\n numberOfHiddenOptions,\n onClick,\n i18nStrings = {},\n limitShowFewerAriaLabel,\n limitShowMoreAriaLabel,\n}: TokenLimitToggleProps) {\n const i18n = useInternalI18n('token-group');\n\n const numberOfHiddenOptionLabel = allHidden ? numberOfHiddenOptions : `+${numberOfHiddenOptions}`;\n const description = expanded\n ? i18n('i18nStrings.limitShowFewer', i18nStrings.limitShowFewer)\n : `${i18n('i18nStrings.limitShowMore', i18nStrings.limitShowMore) \|\| ''} (${numberOfHiddenOptionLabel})`;\n const ariaLabel = expanded ? limitShowFewerAriaLabel : limitShowMoreAriaLabel;\n\n const handleClick = useCallback(() => {\n fireNonCancelableEvent(onClick, null);\n }, [onClick]);\n\n const analyticsMetadata: GeneratedAnalyticsMetadataTokenListShowMore \| GeneratedAnalyticsMetadataTokenListShowLess = {\n action: !expanded ? 'showMore' : 'showLess',\n detail: {\n label: { root: 'self' },\n },\n };\n\n return (\n <button\n type=\"button\"\n className={styles.toggle}\n onClick={handleClick}\n aria-controls={controlId}\n aria-expanded={expanded}\n aria-label={ariaLabel}\n {...getAnalyticsMetadataAttribute(analyticsMetadata)}\n >\n <InternalIcon name={expanded ? 'treeview-collapse' : 'treeview-expand'} />\n <span className={styles.description}>{description}</span>\n </button>\n );\n}\n"]}

package/lib/internal/template/internal/components/tooltip/index.js CHANGED Viewed

@@ -31,7 +31,7 @@ export default function Tooltip({ value, trackRef, trackKey, className, contentA
         };
     }, [onDismiss]);
     return (React.createElement(Portal, null,
-        React.createElement("div", Object.assign({ className: styles.root }, contentAttributes, { "data-testid": trackKey }),
+        React.createElement("div", { className: styles.root, ...contentAttributes, "data-testid": trackKey },
             React.createElement(Transition, { in: true }, () => (React.createElement(PopoverContainer, { trackRef: trackRef, trackKey: trackKey, size: size, fixedWidth: false, position: position, zIndex: 7000, arrow: position => React.createElement(PopoverArrow, { position: position }), hideOnOverscroll: hideOnOverscroll, className: className },
                 React.createElement(PopoverBody, { dismissButton: false, dismissAriaLabel: undefined, onDismiss: undefined, header: undefined }, value)))))));
 }

package/lib/internal/template/internal/components/tooltip/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/tooltip/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAEvE,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAcrC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,iBAAiB,GAAG,EAAE,EACtB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,OAAO,EACd,gBAAgB,EAChB,SAAS,GACI;IACb,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,EAAE,CAAC;QAC1E,QAAQ,GAAG,KAAK,CAAC;IACnB,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QACzC,MAAM,CAAC,gBAAgB,CACrB,SAAS,EACT,CAAC,KAAoB,EAAE,EAAE;YACvB,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,qEAAqE;gBACrE,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAC;YAChB,CAAC;QACH,CAAC,EACD;YACE,yEAAyE;YACzE,yEAAyE;YACzE,oEAAoE;YACpE,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,UAAU,CAAC,MAAM;SAC1B,CACF,CAAC;QACF,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,oBAAC,MAAM;QACL,~~2CAAK~~,SAAS,EAAE,MAAM,CAAC,IAAI,~~IAAM~~,iBAAiB,~~mBAAe~~,QAAQ;YACvE,oBAAC,UAAU,IAAC,EAAE,EAAE,IAAI,IACjB,GAAG,EAAE,CAAC,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,GAAI,EACvD,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS;gBAEpB,oBAAC,WAAW,IAAC,aAAa,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,IACpG,KAAK,CACM,CACG,CACpB,CACU,CACT,CACC,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\n\nimport { Portal } from '@cloudscape-design/component-toolkit/internal';\n\nimport PopoverArrow from '../../../popover/arrow';\nimport PopoverBody from '../../../popover/body';\nimport PopoverContainer from '../../../popover/container';\nimport { PopoverProps } from '../../../popover/interfaces';\nimport { Transition } from '../transition';\n\nimport styles from './styles.css.js';\n\nexport interface TooltipProps {\n value: React.ReactNode;\n trackRef: React.RefObject<HTMLElement \| SVGElement>;\n trackKey?: string \| number;\n position?: 'top' \| 'right' \| 'bottom' \| 'left';\n className?: string;\n contentAttributes?: React.HTMLAttributes<HTMLDivElement>;\n size?: PopoverProps['size'];\n hideOnOverscroll?: boolean;\n onDismiss?: () => void;\n}\n\nexport default function Tooltip({\n value,\n trackRef,\n trackKey,\n className,\n contentAttributes = {},\n position = 'top',\n size = 'small',\n hideOnOverscroll,\n onDismiss,\n}: TooltipProps) {\n if (!trackKey && (typeof value === 'string' \|\| typeof value === 'number')) {\n trackKey = value;\n }\n\n useEffect(() => {\n const controller = new AbortController();\n window.addEventListener(\n 'keydown',\n (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n // Prevent any surrounding modals or dialogs from acting on this Esc.\n event.stopPropagation();\n onDismiss?.();\n }\n },\n {\n // The tooltip is often activated on mouseover, which means the focus can\n // be anywhere else on the page. Capture also means that this gets called\n // before any wrapper modals or dialogs can detect it and act on it.\n capture: true,\n signal: controller.signal,\n }\n );\n return () => {\n controller.abort();\n };\n }, [onDismiss]);\n\n return (\n <Portal>\n <div className={styles.root} {...contentAttributes} data-testid={trackKey}>\n <Transition in={true}>\n {() => (\n <PopoverContainer\n trackRef={trackRef}\n trackKey={trackKey}\n size={size}\n fixedWidth={false}\n position={position}\n zIndex={7000}\n arrow={position => <PopoverArrow position={position} />}\n hideOnOverscroll={hideOnOverscroll}\n className={className}\n >\n <PopoverBody dismissButton={false} dismissAriaLabel={undefined} onDismiss={undefined} header={undefined}>\n {value}\n </PopoverBody>\n </PopoverContainer>\n )}\n </Transition>\n </div>\n </Portal>\n );\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/tooltip/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAEvE,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAcrC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,iBAAiB,GAAG,EAAE,EACtB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,OAAO,EACd,gBAAgB,EAChB,SAAS,GACI;IACb,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,EAAE,CAAC;QAC1E,QAAQ,GAAG,KAAK,CAAC;IACnB,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QACzC,MAAM,CAAC,gBAAgB,CACrB,SAAS,EACT,CAAC,KAAoB,EAAE,EAAE;YACvB,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,qEAAqE;gBACrE,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAC;YAChB,CAAC;QACH,CAAC,EACD;YACE,yEAAyE;YACzE,yEAAyE;YACzE,oEAAoE;YACpE,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,UAAU,CAAC,MAAM;SAC1B,CACF,CAAC;QACF,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,oBAAC,MAAM;QACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,KAAM,iBAAiB,iBAAe,QAAQ;YACvE,oBAAC,UAAU,IAAC,EAAE,EAAE,IAAI,IACjB,GAAG,EAAE,CAAC,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,GAAI,EACvD,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS;gBAEpB,oBAAC,WAAW,IAAC,aAAa,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,IACpG,KAAK,CACM,CACG,CACpB,CACU,CACT,CACC,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\n\nimport { Portal } from '@cloudscape-design/component-toolkit/internal';\n\nimport PopoverArrow from '../../../popover/arrow';\nimport PopoverBody from '../../../popover/body';\nimport PopoverContainer from '../../../popover/container';\nimport { PopoverProps } from '../../../popover/interfaces';\nimport { Transition } from '../transition';\n\nimport styles from './styles.css.js';\n\nexport interface TooltipProps {\n value: React.ReactNode;\n trackRef: React.RefObject<HTMLElement \| SVGElement>;\n trackKey?: string \| number;\n position?: 'top' \| 'right' \| 'bottom' \| 'left';\n className?: string;\n contentAttributes?: React.HTMLAttributes<HTMLDivElement>;\n size?: PopoverProps['size'];\n hideOnOverscroll?: boolean;\n onDismiss?: () => void;\n}\n\nexport default function Tooltip({\n value,\n trackRef,\n trackKey,\n className,\n contentAttributes = {},\n position = 'top',\n size = 'small',\n hideOnOverscroll,\n onDismiss,\n}: TooltipProps) {\n if (!trackKey && (typeof value === 'string' \|\| typeof value === 'number')) {\n trackKey = value;\n }\n\n useEffect(() => {\n const controller = new AbortController();\n window.addEventListener(\n 'keydown',\n (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n // Prevent any surrounding modals or dialogs from acting on this Esc.\n event.stopPropagation();\n onDismiss?.();\n }\n },\n {\n // The tooltip is often activated on mouseover, which means the focus can\n // be anywhere else on the page. Capture also means that this gets called\n // before any wrapper modals or dialogs can detect it and act on it.\n capture: true,\n signal: controller.signal,\n }\n );\n return () => {\n controller.abort();\n };\n }, [onDismiss]);\n\n return (\n <Portal>\n <div className={styles.root} {...contentAttributes} data-testid={trackKey}>\n <Transition in={true}>\n {() => (\n <PopoverContainer\n trackRef={trackRef}\n trackKey={trackKey}\n size={size}\n fixedWidth={false}\n position={position}\n zIndex={7000}\n arrow={position => <PopoverArrow position={position} />}\n hideOnOverscroll={hideOnOverscroll}\n className={className}\n >\n <PopoverBody dismissButton={false} dismissAriaLabel={undefined} onDismiss={undefined} header={undefined}>\n {value}\n </PopoverBody>\n </PopoverContainer>\n )}\n </Transition>\n </div>\n </Portal>\n );\n}\n"]}

package/lib/internal/template/internal/components/transition/index.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React, { useState } from 'react';
@@ -11,8 +10,7 @@ import { useReducedMotion } from '@cloudscape-design/component-toolkit/internal'
  * It provides a second parameter in its rendering function that must be
  * attached to the node that is transitioning.
  */
-export function Transition(_a) {
-    var { in: isIn, children, exit = true, onStatusChange = () => void 0, disabled = false, transitionChangeDelay } = _a, rest = __rest(_a, ["in", "children", "exit", "onStatusChange", "disabled", "transitionChangeDelay"]);
+export function Transition({ in: isIn, children, exit = true, onStatusChange = () => void 0, disabled = false, transitionChangeDelay, ...rest }) {
     const transitionRootElement = useRef(null);
     // the initial state of the transition should be either 'exited' or 'entered' depending
     // on the `in` property, this mimicks how internally the Transition component works here:
@@ -34,7 +32,7 @@ export function Transition(_a) {
         node.addEventListener('transitionend', listener, { signal: controller.signal });
         node.addEventListener('animationend', listener, { signal: controller.signal });
     }, []);
-    return (React.createElement(ReactTransitionGroupTransition, Object.assign({ addEndListener: addTransitionEndListener, timeout: motionDisabled ? 0 : undefined, in: isIn, nodeRef: transitionRootElement, exit: exit, onEnter: isAppearing => {
+    return (React.createElement(ReactTransitionGroupTransition, { addEndListener: addTransitionEndListener, timeout: motionDisabled ? 0 : undefined, in: isIn, nodeRef: transitionRootElement, exit: exit, onEnter: isAppearing => {
             if (!isAppearing) {
                 setTransitionState('enter');
                 onStatusChange('enter');
@@ -70,6 +68,6 @@ export function Transition(_a) {
         }, onExited: () => {
             setTransitionState('exited');
             onStatusChange('exited');
-        } }, rest), () => children(transitionState, transitionRootElement)));
+        }, ...rest }, () => children(transitionState, transitionRootElement)));
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/components/transition/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/transition/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAoB,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EACL,UAAU,IAAI,8BAA8B,GAE7C,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AAejF;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,~~EAQT;QARS,~~EACzB,EAAE,EAAE,IAAI,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,cAAc,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,EAC7B,QAAQ,GAAG,KAAK,EAChB,qBAAqB,~~OAEL~~,~~EADb~~,IAAI,~~cAPkB,iFAQ1B,CADQ~~;~~IAEP~~,MAAM,qBAAqB,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACxD,uFAAuF;IACvF,yFAAyF;IACzF,yHAAyH;IACzH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACtG,MAAM,cAAc,GAAG,gBAAgB,CAAC,qBAAqB,CAAC,IAAI,QAAQ,CAAC;IAE3E,MAAM,wBAAwB,GAAG,WAAW,CAAC,CAAC,IAAgB,EAAE,EAAE;QAChE,MAAM,IAAI,GAAG,qBAAqB,CAAC,OAAO,CAAC;QAE3C,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QACD,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QACzC,MAAM,QAAQ,GAAG,CAAC,CAAmC,EAAE,EAAE;YACvD,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;gBACtB,UAAU,CAAC,KAAK,EAAE,CAAC;gBACnB,IAAI,EAAE,CAAC;YACT,CAAC;QACH,CAAC,CAAC;QACF,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;QAChF,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;IACjF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,8BAA8B,~~kBAC7B~~,cAAc,EAAE,wBAAwB,EACxC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACvC,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,qBAAqB,EAC9B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,CAAC,EAAE;YACrB,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,kBAAkB,CAAC,OAAO,CAAC,CAAC;gBAC5B,cAAc,CAAC,OAAO,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC,EACD,UAAU,EAAE,WAAW,CAAC,EAAE;;YACxB,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,iHAAiH;gBACjH,6CAA6C;gBAC7C,KAAK,CAAA,MAAA,qBAAqB,CAAC,OAAO,0CAAE,YAAY,CAAA,CAAC;gBAEjD,IAAI,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,QAAQ,EAAE,CAAC;oBACpC,UAAU,CAAC,GAAG,EAAE;wBACd,kBAAkB,CAAC,UAAU,CAAC,CAAC;wBAC/B,cAAc,CAAC,UAAU,CAAC,CAAC;oBAC7B,CAAC,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,QAAQ,CAAC,CAAC;gBACtC,CAAC;qBAAM,CAAC;oBACN,kBAAkB,CAAC,UAAU,CAAC,CAAC;oBAC/B,cAAc,CAAC,UAAU,CAAC,CAAC;gBAC7B,CAAC;YACH,CAAC;QACH,CAAC,EACD,SAAS,EAAE,WAAW,CAAC,EAAE;YACvB,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,kBAAkB,CAAC,SAAS,CAAC,CAAC;gBAC9B,cAAc,CAAC,SAAS,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;YACX,kBAAkB,CAAC,MAAM,CAAC,CAAC;YAC3B,cAAc,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC,EACD,SAAS,EAAE,GAAG,EAAE;YACd,kBAAkB,CAAC,SAAS,CAAC,CAAC;YAC9B,cAAc,CAAC,SAAS,CAAC,CAAC;QAC5B,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE;YACb,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC3B,CAAC,~~IACG~~,IAAI,~~GAEP~~,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,CACxB,CAClC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState } from 'react';\nimport { MutableRefObject, useCallback, useRef } from 'react';\nimport {\n Transition as ReactTransitionGroupTransition,\n TransitionStatus as ReactTransitionGroupTransitionStatus,\n} from 'react-transition-group';\n\nimport { useReducedMotion } from '@cloudscape-design/component-toolkit/internal';\n\nexport type TransitionStatus = ReactTransitionGroupTransitionStatus \| 'enter' \| 'exit';\n\ninterface TransitionProps {\n in: boolean;\n exit?: boolean;\n\n disabled?: boolean;\n\n children: (state: TransitionStatus, transitioningElementRef: MutableRefObject<any>) => React.ReactNode;\n onStatusChange?: (status: TransitionStatus) => void;\n transitionChangeDelay?: { entering?: number };\n}\n\n/*\n This component is a wrapper around the CSSTransition component.\n \n It provides a second parameter in its rendering function that must be\n * attached to the node that is transitioning.\n */\nexport function Transition({\n in: isIn,\n children,\n exit = true,\n onStatusChange = () => void 0,\n disabled = false,\n transitionChangeDelay,\n ...rest\n}: TransitionProps) {\n const transitionRootElement = useRef<HTMLElement>(null);\n // the initial state of the transition should be either 'exited' or 'entered' depending\n // on the `in` property, this mimicks how internally the Transition component works here:\n // https://github.com/reactjs/react-transition-group/blob/6cbd6aaedaf8e9472007640b429ddb48c6c24158/src/Transition.js#L121\n const [transitionState, setTransitionState] = useState<TransitionStatus>(isIn ? 'entered' : 'exited');\n const motionDisabled = useReducedMotion(transitionRootElement) \|\| disabled;\n\n const addTransitionEndListener = useCallback((done: () => void) => {\n const node = transitionRootElement.current;\n\n if (node === null) {\n return;\n }\n const controller = new AbortController();\n const listener = (e: TransitionEvent \| AnimationEvent) => {\n if (e.target === node) {\n controller.abort();\n done();\n }\n };\n node.addEventListener('transitionend', listener, { signal: controller.signal });\n node.addEventListener('animationend', listener, { signal: controller.signal });\n }, []);\n\n return (\n <ReactTransitionGroupTransition\n addEndListener={addTransitionEndListener}\n timeout={motionDisabled ? 0 : undefined}\n in={isIn}\n nodeRef={transitionRootElement}\n exit={exit}\n onEnter={isAppearing => {\n if (!isAppearing) {\n setTransitionState('enter');\n onStatusChange('enter');\n }\n }}\n onEntering={isAppearing => {\n if (!isAppearing) {\n // This line forces the browser to recalculate the layout because we want the starting state in the 'enter' style\n // to be applied before the animation starts.\n void transitionRootElement.current?.offsetHeight;\n\n if (transitionChangeDelay?.entering) {\n setTimeout(() => {\n setTransitionState('entering');\n onStatusChange('entering');\n }, transitionChangeDelay?.entering);\n } else {\n setTransitionState('entering');\n onStatusChange('entering');\n }\n }\n }}\n onEntered={isAppearing => {\n if (!isAppearing) {\n setTransitionState('entered');\n onStatusChange('entered');\n }\n }}\n onExit={() => {\n setTransitionState('exit');\n onStatusChange('exit');\n }}\n onExiting={() => {\n setTransitionState('exiting');\n onStatusChange('exiting');\n }}\n onExited={() => {\n setTransitionState('exited');\n onStatusChange('exited');\n }}\n {...rest}\n >\n {() => children(transitionState, transitionRootElement)}\n </ReactTransitionGroupTransition>\n );\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/transition/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, { useState } from 'react';\nimport { MutableRefObject, useCallback, useRef } from 'react';\nimport {\n Transition as ReactTransitionGroupTransition,\n TransitionStatus as ReactTransitionGroupTransitionStatus,\n} from 'react-transition-group';\n\nimport { useReducedMotion } from '@cloudscape-design/component-toolkit/internal';\n\nexport type TransitionStatus = ReactTransitionGroupTransitionStatus \| 'enter' \| 'exit';\n\ninterface TransitionProps {\n in: boolean;\n exit?: boolean;\n\n disabled?: boolean;\n\n children: (state: TransitionStatus, transitioningElementRef: MutableRefObject<any>) => React.ReactNode;\n onStatusChange?: (status: TransitionStatus) => void;\n transitionChangeDelay?: { entering?: number };\n}\n\n/*\n This component is a wrapper around the CSSTransition component.\n \n It provides a second parameter in its rendering function that must be\n * attached to the node that is transitioning.\n */\nexport function Transition({\n in: isIn,\n children,\n exit = true,\n onStatusChange = () => void 0,\n disabled = false,\n transitionChangeDelay,\n ...rest\n}: TransitionProps) {\n const transitionRootElement = useRef<HTMLElement>(null);\n // the initial state of the transition should be either 'exited' or 'entered' depending\n // on the `in` property, this mimicks how internally the Transition component works here:\n // https://github.com/reactjs/react-transition-group/blob/6cbd6aaedaf8e9472007640b429ddb48c6c24158/src/Transition.js#L121\n const [transitionState, setTransitionState] = useState<TransitionStatus>(isIn ? 'entered' : 'exited');\n const motionDisabled = useReducedMotion(transitionRootElement) \|\| disabled;\n\n const addTransitionEndListener = useCallback((done: () => void) => {\n const node = transitionRootElement.current;\n\n if (node === null) {\n return;\n }\n const controller = new AbortController();\n const listener = (e: TransitionEvent \| AnimationEvent) => {\n if (e.target === node) {\n controller.abort();\n done();\n }\n };\n node.addEventListener('transitionend', listener, { signal: controller.signal });\n node.addEventListener('animationend', listener, { signal: controller.signal });\n }, []);\n\n return (\n <ReactTransitionGroupTransition\n addEndListener={addTransitionEndListener}\n timeout={motionDisabled ? 0 : undefined}\n in={isIn}\n nodeRef={transitionRootElement}\n exit={exit}\n onEnter={isAppearing => {\n if (!isAppearing) {\n setTransitionState('enter');\n onStatusChange('enter');\n }\n }}\n onEntering={isAppearing => {\n if (!isAppearing) {\n // This line forces the browser to recalculate the layout because we want the starting state in the 'enter' style\n // to be applied before the animation starts.\n void transitionRootElement.current?.offsetHeight;\n\n if (transitionChangeDelay?.entering) {\n setTimeout(() => {\n setTransitionState('entering');\n onStatusChange('entering');\n }, transitionChangeDelay?.entering);\n } else {\n setTransitionState('entering');\n onStatusChange('entering');\n }\n }\n }}\n onEntered={isAppearing => {\n if (!isAppearing) {\n setTransitionState('entered');\n onStatusChange('entered');\n }\n }}\n onExit={() => {\n setTransitionState('exit');\n onStatusChange('exit');\n }}\n onExiting={() => {\n setTransitionState('exiting');\n onStatusChange('exiting');\n }}\n onExited={() => {\n setTransitionState('exited');\n onStatusChange('exited');\n }}\n {...rest}\n >\n {() => children(transitionState, transitionRootElement)}\n </ReactTransitionGroupTransition>\n );\n}\n"]}

package/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (4e4cdd5b)";
-export var GIT_SHA = "4e4cdd5b";
+export var PACKAGE_VERSION = "3.0.0 (7af314dc)";
+export var GIT_SHA = "7af314dc";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "console";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (4e4cdd5b)",
-  "GIT_SHA": "4e4cdd5b",
+  "PACKAGE_VERSION": "3.0.0 (7af314dc)",
+  "GIT_SHA": "7af314dc",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false

package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts CHANGED Viewed

@@ -97,6 +97,30 @@ declare const customCSSPropertiesMap: {
   alertFocusRingBorderWidth: string;
   alertFocusRingBoxShadow: string;
   alertIconColor: string;
+  promptInputStyleBackgroundDefault: string;
+  promptInputStyleBackgroundDisabled: string;
+  promptInputStyleBackgroundFocus: string;
+  promptInputStyleBackgroundHover: string;
+  promptInputStyleBackgroundReadonly: string;
+  promptInputStyleBorderColorDefault: string;
+  promptInputStyleBorderColorDisabled: string;
+  promptInputStyleBorderColorFocus: string;
+  promptInputStyleBorderColorHover: string;
+  promptInputStyleBorderColorReadonly: string;
+  promptInputStyleBoxShadowDefault: string;
+  promptInputStyleBoxShadowDisabled: string;
+  promptInputStyleBoxShadowFocus: string;
+  promptInputStyleBoxShadowHover: string;
+  promptInputStyleBoxShadowReadonly: string;
+  promptInputStyleColorDefault: string;
+  promptInputStyleColorDisabled: string;
+  promptInputStyleColorFocus: string;
+  promptInputStyleColorHover: string;
+  promptInputStyleColorReadonly: string;
+  promptInputStylePlaceholderColor: string;
+  promptInputStylePlaceholderFontSize: string;
+  promptInputStylePlaceholderFontStyle: string;
+  promptInputStylePlaceholderFontWeight: string;
   progressBarBackgroundColor: string;
   progressBarBorderRadius: string;
   progressBarHeight: string;

package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuG3B~~,CAAC;AACF,eAAe,sBAAsB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+H3B,CAAC;AACF,eAAe,sBAAsB,CAAC"}

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

@@ -1,106 +1,130 @@
 const customCSSPropertiesMap = {
-    "maxContentWidth": "--awsui-max-content-width-9t5olz",
-    "minContentWidth": "--awsui-min-content-width-9t5olz",
-    "breadcrumbsGap": "--awsui-breadcrumbs-gap-9t5olz",
-    "contentGapLeft": "--awsui-content-gap-left-9t5olz",
-    "contentGapRight": "--awsui-content-gap-right-9t5olz",
-    "contentHeight": "--awsui-content-height-9t5olz",
-    "contentLayoutDefaultHorizontalPadding": "--awsui-content-layout-default-horizontal-padding-9t5olz",
-    "contentLayoutMaxContentWidth": "--awsui-content-layout-max-content-width-9t5olz",
-    "contentLayoutMainGap": "--awsui-content-layout-main-gap-9t5olz",
-    "defaultMaxContentWidth": "--awsui-default-max-content-width-9t5olz",
-    "defaultMinContentWidth": "--awsui-default-min-content-width-9t5olz",
-    "drawerSize": "--awsui-drawer-size-9t5olz",
-    "drawerMinSize": "--awsui-drawer-min-size-9t5olz",
-    "bottomDrawerSize": "--awsui-bottom-drawer-size-9t5olz",
-    "footerHeight": "--awsui-footer-height-9t5olz",
-    "headerGap": "--awsui-header-gap-9t5olz",
-    "headerHeight": "--awsui-header-height-9t5olz",
-    "layoutWidth": "--awsui-layout-width-9t5olz",
-    "mainGap": "--awsui-main-gap-9t5olz",
-    "mainOffsetLeft": "--awsui-main-offset-left-9t5olz",
-    "mainTemplateRows": "--awsui-main-template-rows-9t5olz",
-    "mobileBarHeight": "--awsui-mobile-bar-height-9t5olz",
-    "notificationsHeight": "--awsui-notifications-height-9t5olz",
-    "offsetTop": "--awsui-offset-top-9t5olz",
-    "overlapHeight": "--awsui-overlap-height-9t5olz",
-    "navigationWidth": "--awsui-navigation-width-9t5olz",
-    "splitPanelReportedHeaderSize": "--awsui-split-panel-reported-header-size-9t5olz",
-    "splitPanelReportedSize": "--awsui-split-panel-reported-size-9t5olz",
-    "splitPanelHeight": "--awsui-split-panel-height-9t5olz",
-    "splitPanelMinWidth": "--awsui-split-panel-min-width-9t5olz",
-    "splitPanelMaxWidth": "--awsui-split-panel-max-width-9t5olz",
-    "toolsMaxWidth": "--awsui-tools-max-width-9t5olz",
-    "toolsWidth": "--awsui-tools-width-9t5olz",
-    "toolsAnimationStartingOpacity": "--awsui-tools-animation-starting-opacity-9t5olz",
-    "contentScrollMargin": "--awsui-content-scroll-margin-9t5olz",
-    "flashbarStackDepth": "--awsui-flashbar-stack-depth-9t5olz",
-    "flashbarStackIndex": "--awsui-flashbar-stack-index-9t5olz",
-    "flashbarStickyBottomMargin": "--awsui-flashbar-sticky-bottom-margin-9t5olz",
-    "stackedNotificationsBottomMargin": "--awsui-stacked-notifications-bottom-margin-9t5olz",
-    "stackedNotificationsDefaultBottomMargin": "--awsui-stacked-notifications-default-bottom-margin-9t5olz",
-    "dropdownDefaultMaxWidth": "--awsui-dropdown-default-max-width-9t5olz",
-    "spinnerRotatorFrom": "--awsui-spinner-rotator-from-9t5olz",
-    "spinnerRotatorTo": "--awsui-spinner-rotator-to-9t5olz",
-    "spinnerLineLeftFrom": "--awsui-spinner-line-left-from-9t5olz",
-    "spinnerLineLeftTo": "--awsui-spinner-line-left-to-9t5olz",
-    "spinnerLineRightFrom": "--awsui-spinner-line-right-from-9t5olz",
-    "spinnerLineRightTo": "--awsui-spinner-line-right-to-9t5olz",
-    "sliderLabelCount": "--awsui-slider-label-count-9t5olz",
-    "sliderTickCount": "--awsui-slider-tick-count-9t5olz",
-    "sliderReferenceColumn": "--awsui-slider-reference-column-9t5olz",
-    "sliderNextReferenceColumn": "--awsui-slider-next-reference-column-9t5olz",
-    "sliderMaxStart": "--awsui-slider-max-start-9t5olz",
-    "sliderMinEnd": "--awsui-slider-min-end-9t5olz",
-    "sliderRangeInlineSize": "--awsui-slider-range-inline-size-9t5olz",
-    "sliderTooltipPosition": "--awsui-slider-tooltip-position-9t5olz",
-    "togglesLeftWidth": "--awsui-toggles-left-width-9t5olz",
-    "togglesRightWidth": "--awsui-toggles-right-width-9t5olz",
-    "promptInputMaxRows": "--awsui-prompt-input-max-rows-9t5olz",
-    "promptInputScrollHeight": "--awsui-prompt-input-scroll-height-9t5olz",
-    "dragHandleAnimationInlineOffset": "--awsui-drag-handle-animation-inline-offset-9t5olz",
-    "dragHandleAnimationBlockOffset": "--awsui-drag-handle-animation-block-offset-9t5olz",
-    "styleBackgroundActive": "--awsui-style-background-active-9t5olz",
-    "styleBackgroundDefault": "--awsui-style-background-default-9t5olz",
-    "styleBackgroundDisabled": "--awsui-style-background-disabled-9t5olz",
-    "styleBackgroundHover": "--awsui-style-background-hover-9t5olz",
-    "styleBorderColorActive": "--awsui-style-border-color-active-9t5olz",
-    "styleBorderColorDefault": "--awsui-style-border-color-default-9t5olz",
-    "styleBorderColorDisabled": "--awsui-style-border-color-disabled-9t5olz",
-    "styleBorderColorHover": "--awsui-style-border-color-hover-9t5olz",
-    "styleColorActive": "--awsui-style-color-active-9t5olz",
-    "styleColorDefault": "--awsui-style-color-default-9t5olz",
-    "styleColorDisabled": "--awsui-style-color-disabled-9t5olz",
-    "styleColorHover": "--awsui-style-color-hover-9t5olz",
-    "styleFocusRingBorderColor": "--awsui-style-focus-ring-border-color-9t5olz",
-    "styleFocusRingBorderRadius": "--awsui-style-focus-ring-border-radius-9t5olz",
-    "styleFocusRingBorderWidth": "--awsui-style-focus-ring-border-width-9t5olz",
-    "styleFocusRingBoxShadow": "--awsui-style-focus-ring-box-shadow-9t5olz",
-    "styleBoxShadowActive": "--awsui-style-box-shadow-active-9t5olz",
-    "styleBoxShadowDefault": "--awsui-style-box-shadow-default-9t5olz",
-    "styleBoxShadowDisabled": "--awsui-style-box-shadow-disabled-9t5olz",
-    "styleBoxShadowHover": "--awsui-style-box-shadow-hover-9t5olz",
-    "styleBackgroundReadonly": "--awsui-style-background-readonly-9t5olz",
-    "styleBorderColorReadonly": "--awsui-style-border-color-readonly-9t5olz",
-    "styleBoxShadowReadonly": "--awsui-style-box-shadow-readonly-9t5olz",
-    "styleColorReadonly": "--awsui-style-color-readonly-9t5olz",
-    "styleBackgroundFocus": "--awsui-style-background-focus-9t5olz",
-    "styleBorderColorFocus": "--awsui-style-border-color-focus-9t5olz",
-    "styleBoxShadowFocus": "--awsui-style-box-shadow-focus-9t5olz",
-    "styleColorFocus": "--awsui-style-color-focus-9t5olz",
-    "stylePlaceholderColor": "--awsui-style-placeholder-color-9t5olz",
-    "stylePlaceholderFontSize": "--awsui-style-placeholder-font-size-9t5olz",
-    "stylePlaceholderFontStyle": "--awsui-style-placeholder-font-style-9t5olz",
-    "stylePlaceholderFontWeight": "--awsui-style-placeholder-font-weight-9t5olz",
-    "alertFocusRingBorderColor": "--awsui-alert-focus-ring-border-color-9t5olz",
-    "alertFocusRingBorderRadius": "--awsui-alert-focus-ring-border-radius-9t5olz",
-    "alertFocusRingBorderWidth": "--awsui-alert-focus-ring-border-width-9t5olz",
-    "alertFocusRingBoxShadow": "--awsui-alert-focus-ring-box-shadow-9t5olz",
-    "alertIconColor": "--awsui-alert-icon-color-9t5olz",
-    "progressBarBackgroundColor": "--awsui-progress-bar-background-color-9t5olz",
-    "progressBarBorderRadius": "--awsui-progress-bar-border-radius-9t5olz",
-    "progressBarHeight": "--awsui-progress-bar-height-9t5olz",
-    "progressValueBackgroundColor": "--awsui-progress-value-background-color-9t5olz",
+    "maxContentWidth": "--awsui-max-content-width-d43v8n",
+    "minContentWidth": "--awsui-min-content-width-d43v8n",
+    "breadcrumbsGap": "--awsui-breadcrumbs-gap-d43v8n",
+    "contentGapLeft": "--awsui-content-gap-left-d43v8n",
+    "contentGapRight": "--awsui-content-gap-right-d43v8n",
+    "contentHeight": "--awsui-content-height-d43v8n",
+    "contentLayoutDefaultHorizontalPadding": "--awsui-content-layout-default-horizontal-padding-d43v8n",
+    "contentLayoutMaxContentWidth": "--awsui-content-layout-max-content-width-d43v8n",
+    "contentLayoutMainGap": "--awsui-content-layout-main-gap-d43v8n",
+    "defaultMaxContentWidth": "--awsui-default-max-content-width-d43v8n",
+    "defaultMinContentWidth": "--awsui-default-min-content-width-d43v8n",
+    "drawerSize": "--awsui-drawer-size-d43v8n",
+    "drawerMinSize": "--awsui-drawer-min-size-d43v8n",
+    "bottomDrawerSize": "--awsui-bottom-drawer-size-d43v8n",
+    "footerHeight": "--awsui-footer-height-d43v8n",
+    "headerGap": "--awsui-header-gap-d43v8n",
+    "headerHeight": "--awsui-header-height-d43v8n",
+    "layoutWidth": "--awsui-layout-width-d43v8n",
+    "mainGap": "--awsui-main-gap-d43v8n",
+    "mainOffsetLeft": "--awsui-main-offset-left-d43v8n",
+    "mainTemplateRows": "--awsui-main-template-rows-d43v8n",
+    "mobileBarHeight": "--awsui-mobile-bar-height-d43v8n",
+    "notificationsHeight": "--awsui-notifications-height-d43v8n",
+    "offsetTop": "--awsui-offset-top-d43v8n",
+    "overlapHeight": "--awsui-overlap-height-d43v8n",
+    "navigationWidth": "--awsui-navigation-width-d43v8n",
+    "splitPanelReportedHeaderSize": "--awsui-split-panel-reported-header-size-d43v8n",
+    "splitPanelReportedSize": "--awsui-split-panel-reported-size-d43v8n",
+    "splitPanelHeight": "--awsui-split-panel-height-d43v8n",
+    "splitPanelMinWidth": "--awsui-split-panel-min-width-d43v8n",
+    "splitPanelMaxWidth": "--awsui-split-panel-max-width-d43v8n",
+    "toolsMaxWidth": "--awsui-tools-max-width-d43v8n",
+    "toolsWidth": "--awsui-tools-width-d43v8n",
+    "toolsAnimationStartingOpacity": "--awsui-tools-animation-starting-opacity-d43v8n",
+    "contentScrollMargin": "--awsui-content-scroll-margin-d43v8n",
+    "flashbarStackDepth": "--awsui-flashbar-stack-depth-d43v8n",
+    "flashbarStackIndex": "--awsui-flashbar-stack-index-d43v8n",
+    "flashbarStickyBottomMargin": "--awsui-flashbar-sticky-bottom-margin-d43v8n",
+    "stackedNotificationsBottomMargin": "--awsui-stacked-notifications-bottom-margin-d43v8n",
+    "stackedNotificationsDefaultBottomMargin": "--awsui-stacked-notifications-default-bottom-margin-d43v8n",
+    "dropdownDefaultMaxWidth": "--awsui-dropdown-default-max-width-d43v8n",
+    "spinnerRotatorFrom": "--awsui-spinner-rotator-from-d43v8n",
+    "spinnerRotatorTo": "--awsui-spinner-rotator-to-d43v8n",
+    "spinnerLineLeftFrom": "--awsui-spinner-line-left-from-d43v8n",
+    "spinnerLineLeftTo": "--awsui-spinner-line-left-to-d43v8n",
+    "spinnerLineRightFrom": "--awsui-spinner-line-right-from-d43v8n",
+    "spinnerLineRightTo": "--awsui-spinner-line-right-to-d43v8n",
+    "sliderLabelCount": "--awsui-slider-label-count-d43v8n",
+    "sliderTickCount": "--awsui-slider-tick-count-d43v8n",
+    "sliderReferenceColumn": "--awsui-slider-reference-column-d43v8n",
+    "sliderNextReferenceColumn": "--awsui-slider-next-reference-column-d43v8n",
+    "sliderMaxStart": "--awsui-slider-max-start-d43v8n",
+    "sliderMinEnd": "--awsui-slider-min-end-d43v8n",
+    "sliderRangeInlineSize": "--awsui-slider-range-inline-size-d43v8n",
+    "sliderTooltipPosition": "--awsui-slider-tooltip-position-d43v8n",
+    "togglesLeftWidth": "--awsui-toggles-left-width-d43v8n",
+    "togglesRightWidth": "--awsui-toggles-right-width-d43v8n",
+    "promptInputMaxRows": "--awsui-prompt-input-max-rows-d43v8n",
+    "promptInputScrollHeight": "--awsui-prompt-input-scroll-height-d43v8n",
+    "dragHandleAnimationInlineOffset": "--awsui-drag-handle-animation-inline-offset-d43v8n",
+    "dragHandleAnimationBlockOffset": "--awsui-drag-handle-animation-block-offset-d43v8n",
+    "styleBackgroundActive": "--awsui-style-background-active-d43v8n",
+    "styleBackgroundDefault": "--awsui-style-background-default-d43v8n",
+    "styleBackgroundDisabled": "--awsui-style-background-disabled-d43v8n",
+    "styleBackgroundHover": "--awsui-style-background-hover-d43v8n",
+    "styleBorderColorActive": "--awsui-style-border-color-active-d43v8n",
+    "styleBorderColorDefault": "--awsui-style-border-color-default-d43v8n",
+    "styleBorderColorDisabled": "--awsui-style-border-color-disabled-d43v8n",
+    "styleBorderColorHover": "--awsui-style-border-color-hover-d43v8n",
+    "styleColorActive": "--awsui-style-color-active-d43v8n",
+    "styleColorDefault": "--awsui-style-color-default-d43v8n",
+    "styleColorDisabled": "--awsui-style-color-disabled-d43v8n",
+    "styleColorHover": "--awsui-style-color-hover-d43v8n",
+    "styleFocusRingBorderColor": "--awsui-style-focus-ring-border-color-d43v8n",
+    "styleFocusRingBorderRadius": "--awsui-style-focus-ring-border-radius-d43v8n",
+    "styleFocusRingBorderWidth": "--awsui-style-focus-ring-border-width-d43v8n",
+    "styleFocusRingBoxShadow": "--awsui-style-focus-ring-box-shadow-d43v8n",
+    "styleBoxShadowActive": "--awsui-style-box-shadow-active-d43v8n",
+    "styleBoxShadowDefault": "--awsui-style-box-shadow-default-d43v8n",
+    "styleBoxShadowDisabled": "--awsui-style-box-shadow-disabled-d43v8n",
+    "styleBoxShadowHover": "--awsui-style-box-shadow-hover-d43v8n",
+    "styleBackgroundReadonly": "--awsui-style-background-readonly-d43v8n",
+    "styleBorderColorReadonly": "--awsui-style-border-color-readonly-d43v8n",
+    "styleBoxShadowReadonly": "--awsui-style-box-shadow-readonly-d43v8n",
+    "styleColorReadonly": "--awsui-style-color-readonly-d43v8n",
+    "styleBackgroundFocus": "--awsui-style-background-focus-d43v8n",
+    "styleBorderColorFocus": "--awsui-style-border-color-focus-d43v8n",
+    "styleBoxShadowFocus": "--awsui-style-box-shadow-focus-d43v8n",
+    "styleColorFocus": "--awsui-style-color-focus-d43v8n",
+    "stylePlaceholderColor": "--awsui-style-placeholder-color-d43v8n",
+    "stylePlaceholderFontSize": "--awsui-style-placeholder-font-size-d43v8n",
+    "stylePlaceholderFontStyle": "--awsui-style-placeholder-font-style-d43v8n",
+    "stylePlaceholderFontWeight": "--awsui-style-placeholder-font-weight-d43v8n",
+    "alertFocusRingBorderColor": "--awsui-alert-focus-ring-border-color-d43v8n",
+    "alertFocusRingBorderRadius": "--awsui-alert-focus-ring-border-radius-d43v8n",
+    "alertFocusRingBorderWidth": "--awsui-alert-focus-ring-border-width-d43v8n",
+    "alertFocusRingBoxShadow": "--awsui-alert-focus-ring-box-shadow-d43v8n",
+    "alertIconColor": "--awsui-alert-icon-color-d43v8n",
+    "promptInputStyleBackgroundDefault": "--awsui-prompt-input-style-background-default-d43v8n",
+    "promptInputStyleBackgroundDisabled": "--awsui-prompt-input-style-background-disabled-d43v8n",
+    "promptInputStyleBackgroundFocus": "--awsui-prompt-input-style-background-focus-d43v8n",
+    "promptInputStyleBackgroundHover": "--awsui-prompt-input-style-background-hover-d43v8n",
+    "promptInputStyleBackgroundReadonly": "--awsui-prompt-input-style-background-readonly-d43v8n",
+    "promptInputStyleBorderColorDefault": "--awsui-prompt-input-style-border-color-default-d43v8n",
+    "promptInputStyleBorderColorDisabled": "--awsui-prompt-input-style-border-color-disabled-d43v8n",
+    "promptInputStyleBorderColorFocus": "--awsui-prompt-input-style-border-color-focus-d43v8n",
+    "promptInputStyleBorderColorHover": "--awsui-prompt-input-style-border-color-hover-d43v8n",
+    "promptInputStyleBorderColorReadonly": "--awsui-prompt-input-style-border-color-readonly-d43v8n",
+    "promptInputStyleBoxShadowDefault": "--awsui-prompt-input-style-box-shadow-default-d43v8n",
+    "promptInputStyleBoxShadowDisabled": "--awsui-prompt-input-style-box-shadow-disabled-d43v8n",
+    "promptInputStyleBoxShadowFocus": "--awsui-prompt-input-style-box-shadow-focus-d43v8n",
+    "promptInputStyleBoxShadowHover": "--awsui-prompt-input-style-box-shadow-hover-d43v8n",
+    "promptInputStyleBoxShadowReadonly": "--awsui-prompt-input-style-box-shadow-readonly-d43v8n",
+    "promptInputStyleColorDefault": "--awsui-prompt-input-style-color-default-d43v8n",
+    "promptInputStyleColorDisabled": "--awsui-prompt-input-style-color-disabled-d43v8n",
+    "promptInputStyleColorFocus": "--awsui-prompt-input-style-color-focus-d43v8n",
+    "promptInputStyleColorHover": "--awsui-prompt-input-style-color-hover-d43v8n",
+    "promptInputStyleColorReadonly": "--awsui-prompt-input-style-color-readonly-d43v8n",
+    "promptInputStylePlaceholderColor": "--awsui-prompt-input-style-placeholder-color-d43v8n",
+    "promptInputStylePlaceholderFontSize": "--awsui-prompt-input-style-placeholder-font-size-d43v8n",
+    "promptInputStylePlaceholderFontStyle": "--awsui-prompt-input-style-placeholder-font-style-d43v8n",
+    "promptInputStylePlaceholderFontWeight": "--awsui-prompt-input-style-placeholder-font-weight-d43v8n",
+    "progressBarBackgroundColor": "--awsui-progress-bar-background-color-d43v8n",
+    "progressBarBorderRadius": "--awsui-progress-bar-border-radius-d43v8n",
+    "progressBarHeight": "--awsui-progress-bar-height-d43v8n",
+    "progressValueBackgroundColor": "--awsui-progress-value-background-color-d43v8n",
 };
 export default customCSSPropertiesMap;
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/generated/custom-css-properties/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"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","sourcesContent":["\n const customCSSPropertiesMap = {\n \"maxContentWidth\": \"--awsui-max-content-width-9t5olz\",\n\"minContentWidth\": \"--awsui-min-content-width-9t5olz\",\n\"breadcrumbsGap\": \"--awsui-breadcrumbs-gap-9t5olz\",\n\"contentGapLeft\": \"--awsui-content-gap-left-9t5olz\",\n\"contentGapRight\": \"--awsui-content-gap-right-9t5olz\",\n\"contentHeight\": \"--awsui-content-height-9t5olz\",\n\"contentLayoutDefaultHorizontalPadding\": \"--awsui-content-layout-default-horizontal-padding-9t5olz\",\n\"contentLayoutMaxContentWidth\": \"--awsui-content-layout-max-content-width-9t5olz\",\n\"contentLayoutMainGap\": \"--awsui-content-layout-main-gap-9t5olz\",\n\"defaultMaxContentWidth\": \"--awsui-default-max-content-width-9t5olz\",\n\"defaultMinContentWidth\": \"--awsui-default-min-content-width-9t5olz\",\n\"drawerSize\": \"--awsui-drawer-size-9t5olz\",\n\"drawerMinSize\": \"--awsui-drawer-min-size-9t5olz\",\n\"bottomDrawerSize\": \"--awsui-bottom-drawer-size-9t5olz\",\n\"footerHeight\": \"--awsui-footer-height-9t5olz\",\n\"headerGap\": \"--awsui-header-gap-9t5olz\",\n\"headerHeight\": \"--awsui-header-height-9t5olz\",\n\"layoutWidth\": \"--awsui-layout-width-9t5olz\",\n\"mainGap\": \"--awsui-main-gap-9t5olz\",\n\"mainOffsetLeft\": \"--awsui-main-offset-left-9t5olz\",\n\"mainTemplateRows\": \"--awsui-main-template-rows-9t5olz\",\n\"mobileBarHeight\": \"--awsui-mobile-bar-height-9t5olz\",\n\"notificationsHeight\": \"--awsui-notifications-height-9t5olz\",\n\"offsetTop\": \"--awsui-offset-top-9t5olz\",\n\"overlapHeight\": \"--awsui-overlap-height-9t5olz\",\n\"navigationWidth\": \"--awsui-navigation-width-9t5olz\",\n\"splitPanelReportedHeaderSize\": \"--awsui-split-panel-reported-header-size-9t5olz\",\n\"splitPanelReportedSize\": \"--awsui-split-panel-reported-size-9t5olz\",\n\"splitPanelHeight\": \"--awsui-split-panel-height-9t5olz\",\n\"splitPanelMinWidth\": \"--awsui-split-panel-min-width-9t5olz\",\n\"splitPanelMaxWidth\": \"--awsui-split-panel-max-width-9t5olz\",\n\"toolsMaxWidth\": \"--awsui-tools-max-width-9t5olz\",\n\"toolsWidth\": \"--awsui-tools-width-9t5olz\",\n\"toolsAnimationStartingOpacity\": \"--awsui-tools-animation-starting-opacity-9t5olz\",\n\"contentScrollMargin\": \"--awsui-content-scroll-margin-9t5olz\",\n\"flashbarStackDepth\": \"--awsui-flashbar-stack-depth-9t5olz\",\n\"flashbarStackIndex\": \"--awsui-flashbar-stack-index-9t5olz\",\n\"flashbarStickyBottomMargin\": \"--awsui-flashbar-sticky-bottom-margin-9t5olz\",\n\"stackedNotificationsBottomMargin\": \"--awsui-stacked-notifications-bottom-margin-9t5olz\",\n\"stackedNotificationsDefaultBottomMargin\": \"--awsui-stacked-notifications-default-bottom-margin-9t5olz\",\n\"dropdownDefaultMaxWidth\": \"--awsui-dropdown-default-max-width-9t5olz\",\n\"spinnerRotatorFrom\": \"--awsui-spinner-rotator-from-9t5olz\",\n\"spinnerRotatorTo\": \"--awsui-spinner-rotator-to-9t5olz\",\n\"spinnerLineLeftFrom\": \"--awsui-spinner-line-left-from-9t5olz\",\n\"spinnerLineLeftTo\": \"--awsui-spinner-line-left-to-9t5olz\",\n\"spinnerLineRightFrom\": \"--awsui-spinner-line-right-from-9t5olz\",\n\"spinnerLineRightTo\": \"--awsui-spinner-line-right-to-9t5olz\",\n\"sliderLabelCount\": \"--awsui-slider-label-count-9t5olz\",\n\"sliderTickCount\": \"--awsui-slider-tick-count-9t5olz\",\n\"sliderReferenceColumn\": \"--awsui-slider-reference-column-9t5olz\",\n\"sliderNextReferenceColumn\": \"--awsui-slider-next-reference-column-9t5olz\",\n\"sliderMaxStart\": \"--awsui-slider-max-start-9t5olz\",\n\"sliderMinEnd\": \"--awsui-slider-min-end-9t5olz\",\n\"sliderRangeInlineSize\": \"--awsui-slider-range-inline-size-9t5olz\",\n\"sliderTooltipPosition\": \"--awsui-slider-tooltip-position-9t5olz\",\n\"togglesLeftWidth\": \"--awsui-toggles-left-width-9t5olz\",\n\"togglesRightWidth\": \"--awsui-toggles-right-width-9t5olz\",\n\"promptInputMaxRows\": \"--awsui-prompt-input-max-rows-9t5olz\",\n\"promptInputScrollHeight\": \"--awsui-prompt-input-scroll-height-9t5olz\",\n\"dragHandleAnimationInlineOffset\": \"--awsui-drag-handle-animation-inline-offset-9t5olz\",\n\"dragHandleAnimationBlockOffset\": \"--awsui-drag-handle-animation-block-offset-9t5olz\",\n\"styleBackgroundActive\": \"--awsui-style-background-active-9t5olz\",\n\"styleBackgroundDefault\": \"--awsui-style-background-default-9t5olz\",\n\"styleBackgroundDisabled\": \"--awsui-style-background-disabled-9t5olz\",\n\"styleBackgroundHover\": \"--awsui-style-background-hover-9t5olz\",\n\"styleBorderColorActive\": \"--awsui-style-border-color-active-9t5olz\",\n\"styleBorderColorDefault\": \"--awsui-style-border-color-default-9t5olz\",\n\"styleBorderColorDisabled\": \"--awsui-style-border-color-disabled-9t5olz\",\n\"styleBorderColorHover\": \"--awsui-style-border-color-hover-9t5olz\",\n\"styleColorActive\": \"--awsui-style-color-active-9t5olz\",\n\"styleColorDefault\": \"--awsui-style-color-default-9t5olz\",\n\"styleColorDisabled\": \"--awsui-style-color-disabled-9t5olz\",\n\"styleColorHover\": \"--awsui-style-color-hover-9t5olz\",\n\"styleFocusRingBorderColor\": \"--awsui-style-focus-ring-border-color-9t5olz\",\n\"styleFocusRingBorderRadius\": \"--awsui-style-focus-ring-border-radius-9t5olz\",\n\"styleFocusRingBorderWidth\": \"--awsui-style-focus-ring-border-width-9t5olz\",\n\"styleFocusRingBoxShadow\": \"--awsui-style-focus-ring-box-shadow-9t5olz\",\n\"styleBoxShadowActive\": \"--awsui-style-box-shadow-active-9t5olz\",\n\"styleBoxShadowDefault\": \"--awsui-style-box-shadow-default-9t5olz\",\n\"styleBoxShadowDisabled\": \"--awsui-style-box-shadow-disabled-9t5olz\",\n\"styleBoxShadowHover\": \"--awsui-style-box-shadow-hover-9t5olz\",\n\"styleBackgroundReadonly\": \"--awsui-style-background-readonly-9t5olz\",\n\"styleBorderColorReadonly\": \"--awsui-style-border-color-readonly-9t5olz\",\n\"styleBoxShadowReadonly\": \"--awsui-style-box-shadow-readonly-9t5olz\",\n\"styleColorReadonly\": \"--awsui-style-color-readonly-9t5olz\",\n\"styleBackgroundFocus\": \"--awsui-style-background-focus-9t5olz\",\n\"styleBorderColorFocus\": \"--awsui-style-border-color-focus-9t5olz\",\n\"styleBoxShadowFocus\": \"--awsui-style-box-shadow-focus-9t5olz\",\n\"styleColorFocus\": \"--awsui-style-color-focus-9t5olz\",\n\"stylePlaceholderColor\": \"--awsui-style-placeholder-color-9t5olz\",\n\"stylePlaceholderFontSize\": \"--awsui-style-placeholder-font-size-9t5olz\",\n\"stylePlaceholderFontStyle\": \"--awsui-style-placeholder-font-style-9t5olz\",\n\"stylePlaceholderFontWeight\": \"--awsui-style-placeholder-font-weight-9t5olz\",\n\"alertFocusRingBorderColor\": \"--awsui-alert-focus-ring-border-color-9t5olz\",\n\"alertFocusRingBorderRadius\": \"--awsui-alert-focus-ring-border-radius-9t5olz\",\n\"alertFocusRingBorderWidth\": \"--awsui-alert-focus-ring-border-width-9t5olz\",\n\"alertFocusRingBoxShadow\": \"--awsui-alert-focus-ring-box-shadow-9t5olz\",\n\"alertIconColor\": \"--awsui-alert-icon-color-9t5olz\",\n\"progressBarBackgroundColor\": \"--awsui-progress-bar-background-color-9t5olz\",\n\"progressBarBorderRadius\": \"--awsui-progress-bar-border-radius-9t5olz\",\n\"progressBarHeight\": \"--awsui-progress-bar-height-9t5olz\",\n\"progressValueBackgroundColor\": \"--awsui-progress-value-background-color-9t5olz\",\n };\n export default customCSSPropertiesMap;\n "]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"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","sourcesContent":["\n const customCSSPropertiesMap = {\n \"maxContentWidth\": \"--awsui-max-content-width-d43v8n\",\n\"minContentWidth\": \"--awsui-min-content-width-d43v8n\",\n\"breadcrumbsGap\": \"--awsui-breadcrumbs-gap-d43v8n\",\n\"contentGapLeft\": \"--awsui-content-gap-left-d43v8n\",\n\"contentGapRight\": \"--awsui-content-gap-right-d43v8n\",\n\"contentHeight\": \"--awsui-content-height-d43v8n\",\n\"contentLayoutDefaultHorizontalPadding\": \"--awsui-content-layout-default-horizontal-padding-d43v8n\",\n\"contentLayoutMaxContentWidth\": \"--awsui-content-layout-max-content-width-d43v8n\",\n\"contentLayoutMainGap\": \"--awsui-content-layout-main-gap-d43v8n\",\n\"defaultMaxContentWidth\": \"--awsui-default-max-content-width-d43v8n\",\n\"defaultMinContentWidth\": \"--awsui-default-min-content-width-d43v8n\",\n\"drawerSize\": \"--awsui-drawer-size-d43v8n\",\n\"drawerMinSize\": \"--awsui-drawer-min-size-d43v8n\",\n\"bottomDrawerSize\": \"--awsui-bottom-drawer-size-d43v8n\",\n\"footerHeight\": \"--awsui-footer-height-d43v8n\",\n\"headerGap\": \"--awsui-header-gap-d43v8n\",\n\"headerHeight\": \"--awsui-header-height-d43v8n\",\n\"layoutWidth\": \"--awsui-layout-width-d43v8n\",\n\"mainGap\": \"--awsui-main-gap-d43v8n\",\n\"mainOffsetLeft\": \"--awsui-main-offset-left-d43v8n\",\n\"mainTemplateRows\": \"--awsui-main-template-rows-d43v8n\",\n\"mobileBarHeight\": \"--awsui-mobile-bar-height-d43v8n\",\n\"notificationsHeight\": \"--awsui-notifications-height-d43v8n\",\n\"offsetTop\": \"--awsui-offset-top-d43v8n\",\n\"overlapHeight\": \"--awsui-overlap-height-d43v8n\",\n\"navigationWidth\": \"--awsui-navigation-width-d43v8n\",\n\"splitPanelReportedHeaderSize\": \"--awsui-split-panel-reported-header-size-d43v8n\",\n\"splitPanelReportedSize\": \"--awsui-split-panel-reported-size-d43v8n\",\n\"splitPanelHeight\": \"--awsui-split-panel-height-d43v8n\",\n\"splitPanelMinWidth\": \"--awsui-split-panel-min-width-d43v8n\",\n\"splitPanelMaxWidth\": \"--awsui-split-panel-max-width-d43v8n\",\n\"toolsMaxWidth\": \"--awsui-tools-max-width-d43v8n\",\n\"toolsWidth\": \"--awsui-tools-width-d43v8n\",\n\"toolsAnimationStartingOpacity\": \"--awsui-tools-animation-starting-opacity-d43v8n\",\n\"contentScrollMargin\": \"--awsui-content-scroll-margin-d43v8n\",\n\"flashbarStackDepth\": \"--awsui-flashbar-stack-depth-d43v8n\",\n\"flashbarStackIndex\": \"--awsui-flashbar-stack-index-d43v8n\",\n\"flashbarStickyBottomMargin\": \"--awsui-flashbar-sticky-bottom-margin-d43v8n\",\n\"stackedNotificationsBottomMargin\": \"--awsui-stacked-notifications-bottom-margin-d43v8n\",\n\"stackedNotificationsDefaultBottomMargin\": \"--awsui-stacked-notifications-default-bottom-margin-d43v8n\",\n\"dropdownDefaultMaxWidth\": \"--awsui-dropdown-default-max-width-d43v8n\",\n\"spinnerRotatorFrom\": \"--awsui-spinner-rotator-from-d43v8n\",\n\"spinnerRotatorTo\": \"--awsui-spinner-rotator-to-d43v8n\",\n\"spinnerLineLeftFrom\": \"--awsui-spinner-line-left-from-d43v8n\",\n\"spinnerLineLeftTo\": \"--awsui-spinner-line-left-to-d43v8n\",\n\"spinnerLineRightFrom\": \"--awsui-spinner-line-right-from-d43v8n\",\n\"spinnerLineRightTo\": \"--awsui-spinner-line-right-to-d43v8n\",\n\"sliderLabelCount\": \"--awsui-slider-label-count-d43v8n\",\n\"sliderTickCount\": \"--awsui-slider-tick-count-d43v8n\",\n\"sliderReferenceColumn\": \"--awsui-slider-reference-column-d43v8n\",\n\"sliderNextReferenceColumn\": \"--awsui-slider-next-reference-column-d43v8n\",\n\"sliderMaxStart\": \"--awsui-slider-max-start-d43v8n\",\n\"sliderMinEnd\": \"--awsui-slider-min-end-d43v8n\",\n\"sliderRangeInlineSize\": \"--awsui-slider-range-inline-size-d43v8n\",\n\"sliderTooltipPosition\": \"--awsui-slider-tooltip-position-d43v8n\",\n\"togglesLeftWidth\": \"--awsui-toggles-left-width-d43v8n\",\n\"togglesRightWidth\": \"--awsui-toggles-right-width-d43v8n\",\n\"promptInputMaxRows\": \"--awsui-prompt-input-max-rows-d43v8n\",\n\"promptInputScrollHeight\": \"--awsui-prompt-input-scroll-height-d43v8n\",\n\"dragHandleAnimationInlineOffset\": \"--awsui-drag-handle-animation-inline-offset-d43v8n\",\n\"dragHandleAnimationBlockOffset\": \"--awsui-drag-handle-animation-block-offset-d43v8n\",\n\"styleBackgroundActive\": \"--awsui-style-background-active-d43v8n\",\n\"styleBackgroundDefault\": \"--awsui-style-background-default-d43v8n\",\n\"styleBackgroundDisabled\": \"--awsui-style-background-disabled-d43v8n\",\n\"styleBackgroundHover\": \"--awsui-style-background-hover-d43v8n\",\n\"styleBorderColorActive\": \"--awsui-style-border-color-active-d43v8n\",\n\"styleBorderColorDefault\": \"--awsui-style-border-color-default-d43v8n\",\n\"styleBorderColorDisabled\": \"--awsui-style-border-color-disabled-d43v8n\",\n\"styleBorderColorHover\": \"--awsui-style-border-color-hover-d43v8n\",\n\"styleColorActive\": \"--awsui-style-color-active-d43v8n\",\n\"styleColorDefault\": \"--awsui-style-color-default-d43v8n\",\n\"styleColorDisabled\": \"--awsui-style-color-disabled-d43v8n\",\n\"styleColorHover\": \"--awsui-style-color-hover-d43v8n\",\n\"styleFocusRingBorderColor\": \"--awsui-style-focus-ring-border-color-d43v8n\",\n\"styleFocusRingBorderRadius\": \"--awsui-style-focus-ring-border-radius-d43v8n\",\n\"styleFocusRingBorderWidth\": \"--awsui-style-focus-ring-border-width-d43v8n\",\n\"styleFocusRingBoxShadow\": \"--awsui-style-focus-ring-box-shadow-d43v8n\",\n\"styleBoxShadowActive\": \"--awsui-style-box-shadow-active-d43v8n\",\n\"styleBoxShadowDefault\": \"--awsui-style-box-shadow-default-d43v8n\",\n\"styleBoxShadowDisabled\": \"--awsui-style-box-shadow-disabled-d43v8n\",\n\"styleBoxShadowHover\": \"--awsui-style-box-shadow-hover-d43v8n\",\n\"styleBackgroundReadonly\": \"--awsui-style-background-readonly-d43v8n\",\n\"styleBorderColorReadonly\": \"--awsui-style-border-color-readonly-d43v8n\",\n\"styleBoxShadowReadonly\": \"--awsui-style-box-shadow-readonly-d43v8n\",\n\"styleColorReadonly\": \"--awsui-style-color-readonly-d43v8n\",\n\"styleBackgroundFocus\": \"--awsui-style-background-focus-d43v8n\",\n\"styleBorderColorFocus\": \"--awsui-style-border-color-focus-d43v8n\",\n\"styleBoxShadowFocus\": \"--awsui-style-box-shadow-focus-d43v8n\",\n\"styleColorFocus\": \"--awsui-style-color-focus-d43v8n\",\n\"stylePlaceholderColor\": \"--awsui-style-placeholder-color-d43v8n\",\n\"stylePlaceholderFontSize\": \"--awsui-style-placeholder-font-size-d43v8n\",\n\"stylePlaceholderFontStyle\": \"--awsui-style-placeholder-font-style-d43v8n\",\n\"stylePlaceholderFontWeight\": \"--awsui-style-placeholder-font-weight-d43v8n\",\n\"alertFocusRingBorderColor\": \"--awsui-alert-focus-ring-border-color-d43v8n\",\n\"alertFocusRingBorderRadius\": \"--awsui-alert-focus-ring-border-radius-d43v8n\",\n\"alertFocusRingBorderWidth\": \"--awsui-alert-focus-ring-border-width-d43v8n\",\n\"alertFocusRingBoxShadow\": \"--awsui-alert-focus-ring-box-shadow-d43v8n\",\n\"alertIconColor\": \"--awsui-alert-icon-color-d43v8n\",\n\"promptInputStyleBackgroundDefault\": \"--awsui-prompt-input-style-background-default-d43v8n\",\n\"promptInputStyleBackgroundDisabled\": \"--awsui-prompt-input-style-background-disabled-d43v8n\",\n\"promptInputStyleBackgroundFocus\": \"--awsui-prompt-input-style-background-focus-d43v8n\",\n\"promptInputStyleBackgroundHover\": \"--awsui-prompt-input-style-background-hover-d43v8n\",\n\"promptInputStyleBackgroundReadonly\": \"--awsui-prompt-input-style-background-readonly-d43v8n\",\n\"promptInputStyleBorderColorDefault\": \"--awsui-prompt-input-style-border-color-default-d43v8n\",\n\"promptInputStyleBorderColorDisabled\": \"--awsui-prompt-input-style-border-color-disabled-d43v8n\",\n\"promptInputStyleBorderColorFocus\": \"--awsui-prompt-input-style-border-color-focus-d43v8n\",\n\"promptInputStyleBorderColorHover\": \"--awsui-prompt-input-style-border-color-hover-d43v8n\",\n\"promptInputStyleBorderColorReadonly\": \"--awsui-prompt-input-style-border-color-readonly-d43v8n\",\n\"promptInputStyleBoxShadowDefault\": \"--awsui-prompt-input-style-box-shadow-default-d43v8n\",\n\"promptInputStyleBoxShadowDisabled\": \"--awsui-prompt-input-style-box-shadow-disabled-d43v8n\",\n\"promptInputStyleBoxShadowFocus\": \"--awsui-prompt-input-style-box-shadow-focus-d43v8n\",\n\"promptInputStyleBoxShadowHover\": \"--awsui-prompt-input-style-box-shadow-hover-d43v8n\",\n\"promptInputStyleBoxShadowReadonly\": \"--awsui-prompt-input-style-box-shadow-readonly-d43v8n\",\n\"promptInputStyleColorDefault\": \"--awsui-prompt-input-style-color-default-d43v8n\",\n\"promptInputStyleColorDisabled\": \"--awsui-prompt-input-style-color-disabled-d43v8n\",\n\"promptInputStyleColorFocus\": \"--awsui-prompt-input-style-color-focus-d43v8n\",\n\"promptInputStyleColorHover\": \"--awsui-prompt-input-style-color-hover-d43v8n\",\n\"promptInputStyleColorReadonly\": \"--awsui-prompt-input-style-color-readonly-d43v8n\",\n\"promptInputStylePlaceholderColor\": \"--awsui-prompt-input-style-placeholder-color-d43v8n\",\n\"promptInputStylePlaceholderFontSize\": \"--awsui-prompt-input-style-placeholder-font-size-d43v8n\",\n\"promptInputStylePlaceholderFontStyle\": \"--awsui-prompt-input-style-placeholder-font-style-d43v8n\",\n\"promptInputStylePlaceholderFontWeight\": \"--awsui-prompt-input-style-placeholder-font-weight-d43v8n\",\n\"progressBarBackgroundColor\": \"--awsui-progress-bar-background-color-d43v8n\",\n\"progressBarBorderRadius\": \"--awsui-progress-bar-border-radius-d43v8n\",\n\"progressBarHeight\": \"--awsui-progress-bar-height-d43v8n\",\n\"progressValueBackgroundColor\": \"--awsui-progress-value-background-color-d43v8n\",\n };\n export default customCSSPropertiesMap;\n "]}

package/lib/internal/template/internal/hooks/use-intersection-observer/index.js CHANGED Viewed

@@ -28,7 +28,7 @@ export function useIntersectionObserver({ initialState = false, } = {}) {
                     TopLevelIntersectionObserver = window.top.IntersectionObserver;
                 }
             }
-            catch (_a) {
+            catch {
                 // Tried to access a cross-origin iframe. Fall back to current IntersectionObserver.
             }
             observerRef.current = new TopLevelIntersectionObserver(entries => {

package/lib/internal/template/internal/hooks/use-intersection-observer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-intersection-observer/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAe,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMnE;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAAwB,EAC7D,YAAY,GAAG,KAAK,MACa,EAAE;IACnC,MAAM,WAAW,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEnE,MAAM,GAAG,GAAG,WAAW,CAAiB,aAAa,CAAC,EAAE;QACtD,IAAI,OAAO,oBAAoB,KAAK,WAAW,EAAE,CAAC;YAChD,wCAAwC;YACxC,OAAO;QACT,CAAC;QAED,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,uDAAuD;YACvD,WAAW,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QACnC,CAAC;QAED,gDAAgD;QAChD,IAAI,aAAa,EAAE,CAAC;YAClB,4EAA4E;YAC5E,iFAAiF;YACjF,2FAA2F;YAC3F,IAAI,4BAA4B,GAAG,oBAAoB,CAAC;YACxD,IAAI,CAAC;gBACH,IAAI,MAAM,CAAC,GAAG,EAAE,CAAC;oBACf,4BAA4B,GAAI,MAAM,CAAC,GAAqB,CAAC,oBAAoB,CAAC;gBACpF,CAAC;YACH,CAAC;YAAC,~~WAAM~~,CAAC;gBACP,oFAAoF;YACtF,CAAC;YACD,WAAW,CAAC,OAAO,GAAG,IAAI,4BAA4B,CAAC,OAAO,CAAC,EAAE;gBAC/D,IAAI,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBAC7B,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;oBAC5B,IAAI,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,EAAE,CAAC;wBAClC,WAAW,GAAG,KAAK,CAAC;oBACtB,CAAC;gBACH,CAAC;gBACD,iBAAiB,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;YACH,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,CAAC;AACjC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { RefCallback, useCallback, useRef, useState } from 'react';\n\ninterface UseIntersectionObserverConfig {\n initialState?: boolean;\n}\n\n/*\n A hook that uses an Intersection Observer on the target element ref\n * and detects if the element is intersecting with its parent.\n */\nexport function useIntersectionObserver<T extends HTMLElement>({\n initialState = false,\n}: UseIntersectionObserverConfig = {}) {\n const observerRef = useRef<IntersectionObserver \| null>(null);\n const [isIntersecting, setIsIntersecting] = useState(initialState);\n\n const ref = useCallback<RefCallback<T>>(targetElement => {\n if (typeof IntersectionObserver === 'undefined') {\n // Do nothing in environments like JSDOM\n return;\n }\n\n if (observerRef.current) {\n // Dismiss previous observer because the target changed\n observerRef.current.disconnect();\n }\n\n // Create a new observer with the target element\n if (targetElement) {\n // Fix for AWSUI-60898: In Firefox, IntersectionObserver instances inside an\n // iframe context can't detect visibility changes caused by changes to elements\n // outside the iframe (e.g. if an element wrapping the iframe is set to `display: none`).\n let TopLevelIntersectionObserver = IntersectionObserver;\n try {\n if (window.top) {\n TopLevelIntersectionObserver = (window.top as typeof window).IntersectionObserver;\n }\n } catch {\n // Tried to access a cross-origin iframe. Fall back to current IntersectionObserver.\n }\n observerRef.current = new TopLevelIntersectionObserver(entries => {\n let latestEntry = entries[0];\n for (const entry of entries) {\n if (entry.time > latestEntry.time) {\n latestEntry = entry;\n }\n }\n setIsIntersecting(latestEntry.isIntersecting);\n });\n observerRef.current.observe(targetElement);\n }\n }, []);\n\n return { ref, isIntersecting };\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-intersection-observer/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAe,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMnE;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAAwB,EAC7D,YAAY,GAAG,KAAK,MACa,EAAE;IACnC,MAAM,WAAW,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEnE,MAAM,GAAG,GAAG,WAAW,CAAiB,aAAa,CAAC,EAAE;QACtD,IAAI,OAAO,oBAAoB,KAAK,WAAW,EAAE,CAAC;YAChD,wCAAwC;YACxC,OAAO;QACT,CAAC;QAED,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,uDAAuD;YACvD,WAAW,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QACnC,CAAC;QAED,gDAAgD;QAChD,IAAI,aAAa,EAAE,CAAC;YAClB,4EAA4E;YAC5E,iFAAiF;YACjF,2FAA2F;YAC3F,IAAI,4BAA4B,GAAG,oBAAoB,CAAC;YACxD,IAAI,CAAC;gBACH,IAAI,MAAM,CAAC,GAAG,EAAE,CAAC;oBACf,4BAA4B,GAAI,MAAM,CAAC,GAAqB,CAAC,oBAAoB,CAAC;gBACpF,CAAC;YACH,CAAC;YAAC,MAAM,CAAC;gBACP,oFAAoF;YACtF,CAAC;YACD,WAAW,CAAC,OAAO,GAAG,IAAI,4BAA4B,CAAC,OAAO,CAAC,EAAE;gBAC/D,IAAI,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;gBAC7B,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;oBAC5B,IAAI,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,EAAE,CAAC;wBAClC,WAAW,GAAG,KAAK,CAAC;oBACtB,CAAC;gBACH,CAAC;gBACD,iBAAiB,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;YACH,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,CAAC;AACjC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { RefCallback, useCallback, useRef, useState } from 'react';\n\ninterface UseIntersectionObserverConfig {\n initialState?: boolean;\n}\n\n/*\n A hook that uses an Intersection Observer on the target element ref\n * and detects if the element is intersecting with its parent.\n */\nexport function useIntersectionObserver<T extends HTMLElement>({\n initialState = false,\n}: UseIntersectionObserverConfig = {}) {\n const observerRef = useRef<IntersectionObserver \| null>(null);\n const [isIntersecting, setIsIntersecting] = useState(initialState);\n\n const ref = useCallback<RefCallback<T>>(targetElement => {\n if (typeof IntersectionObserver === 'undefined') {\n // Do nothing in environments like JSDOM\n return;\n }\n\n if (observerRef.current) {\n // Dismiss previous observer because the target changed\n observerRef.current.disconnect();\n }\n\n // Create a new observer with the target element\n if (targetElement) {\n // Fix for AWSUI-60898: In Firefox, IntersectionObserver instances inside an\n // iframe context can't detect visibility changes caused by changes to elements\n // outside the iframe (e.g. if an element wrapping the iframe is set to `display: none`).\n let TopLevelIntersectionObserver = IntersectionObserver;\n try {\n if (window.top) {\n TopLevelIntersectionObserver = (window.top as typeof window).IntersectionObserver;\n }\n } catch {\n // Tried to access a cross-origin iframe. Fall back to current IntersectionObserver.\n }\n observerRef.current = new TopLevelIntersectionObserver(entries => {\n let latestEntry = entries[0];\n for (const entry of entries) {\n if (entry.time > latestEntry.time) {\n latestEntry = entry;\n }\n }\n setIsIntersecting(latestEntry.isIntersecting);\n });\n observerRef.current.observe(targetElement);\n }\n }, []);\n\n return { ref, isIntersecting };\n}\n"]}

package/lib/internal/template/internal/hooks/use-performance-marks/index.js CHANGED Viewed

@@ -50,7 +50,12 @@ export function usePerformanceMarks(name, enabled, elementRef, getDetails, depen
         const cleanup = isInViewport(elementRef.current, inViewport => {
             performance.mark(`${name}Rendered`, {
                 startTime: timestamp,
-                detail: Object.assign({ source: 'awsui', instanceIdentifier: id, inViewport }, getDetails()),
+                detail: {
+                    source: 'awsui',
+                    instanceIdentifier: id,
+                    inViewport,
+                    ...getDetails(),
+                },
             });
         });
         return cleanup;
@@ -70,7 +75,12 @@ export function usePerformanceMarks(name, enabled, elementRef, getDetails, depen
         const cleanup = isInViewport(elementRef.current, inViewport => {
             performance.mark(`${name}Updated`, {
                 startTime: timestamp,
-                detail: Object.assign({ source: 'awsui', instanceIdentifier: id, inViewport }, getDetails()),
+                detail: {
+                    source: 'awsui',
+                    instanceIdentifier: id,
+                    inViewport,
+                    ...getDetails(),
+                },
             });
         });
         return cleanup;