@cloudscape-design/components-themeable 3.0.1051 → 3.0.1053

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 (77) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/alert/styles.scss +12 -2
  3. package/lib/internal/scss/internal/components/button-trigger/styles.scss +4 -2
  4. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  5. package/lib/internal/template/alert/index.d.ts.map +1 -1
  6. package/lib/internal/template/alert/index.js +2 -2
  7. package/lib/internal/template/alert/index.js.map +1 -1
  8. package/lib/internal/template/alert/interfaces.d.ts +46 -0
  9. package/lib/internal/template/alert/interfaces.d.ts.map +1 -1
  10. package/lib/internal/template/alert/interfaces.js.map +1 -1
  11. package/lib/internal/template/alert/internal.d.ts +1 -0
  12. package/lib/internal/template/alert/internal.d.ts.map +1 -1
  13. package/lib/internal/template/alert/internal.js +4 -3
  14. package/lib/internal/template/alert/internal.js.map +1 -1
  15. package/lib/internal/template/alert/style.d.ts +23 -0
  16. package/lib/internal/template/alert/style.d.ts.map +1 -0
  17. package/lib/internal/template/alert/style.js +36 -0
  18. package/lib/internal/template/alert/style.js.map +1 -0
  19. package/lib/internal/template/alert/styles.css.js +27 -27
  20. package/lib/internal/template/alert/styles.scoped.css +47 -46
  21. package/lib/internal/template/alert/styles.selectors.js +27 -27
  22. package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
  23. package/lib/internal/template/button-dropdown/internal.js +2 -2
  24. package/lib/internal/template/button-dropdown/internal.js.map +1 -1
  25. package/lib/internal/template/container/interfaces.d.ts +46 -0
  26. package/lib/internal/template/container/interfaces.d.ts.map +1 -1
  27. package/lib/internal/template/container/interfaces.js.map +1 -1
  28. package/lib/internal/template/container/internal.d.ts +1 -1
  29. package/lib/internal/template/container/internal.d.ts.map +1 -1
  30. package/lib/internal/template/container/internal.js +9 -7
  31. package/lib/internal/template/container/internal.js.map +1 -1
  32. package/lib/internal/template/container/style.d.ts +7 -0
  33. package/lib/internal/template/container/style.d.ts.map +1 -0
  34. package/lib/internal/template/container/style.js +58 -0
  35. package/lib/internal/template/container/style.js.map +1 -0
  36. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  37. package/lib/internal/template/internal/components/button-trigger/styles.css.js +13 -13
  38. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +36 -31
  39. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +13 -13
  40. package/lib/internal/template/internal/environment.js +2 -2
  41. package/lib/internal/template/internal/environment.json +2 -2
  42. package/lib/internal/template/package.json +0 -1
  43. package/package.json +1 -1
  44. package/lib/internal/scss/top-navigation/1.0-beta/styles.scss +0 -219
  45. package/lib/internal/template/test-utils/dom/top-navigation/1.0-beta/index.d.ts +0 -28
  46. package/lib/internal/template/test-utils/dom/top-navigation/1.0-beta/index.js +0 -72
  47. package/lib/internal/template/test-utils/dom/top-navigation/1.0-beta/index.js.map +0 -1
  48. package/lib/internal/template/test-utils/selectors/top-navigation/1.0-beta/index.d.ts +0 -28
  49. package/lib/internal/template/test-utils/selectors/top-navigation/1.0-beta/index.js +0 -72
  50. package/lib/internal/template/test-utils/selectors/top-navigation/1.0-beta/index.js.map +0 -1
  51. package/lib/internal/template/top-navigation/1.0-beta/index.d.ts +0 -10
  52. package/lib/internal/template/top-navigation/1.0-beta/index.d.ts.map +0 -1
  53. package/lib/internal/template/top-navigation/1.0-beta/index.js +0 -19
  54. package/lib/internal/template/top-navigation/1.0-beta/index.js.map +0 -1
  55. package/lib/internal/template/top-navigation/1.0-beta/interfaces.d.ts +0 -103
  56. package/lib/internal/template/top-navigation/1.0-beta/interfaces.d.ts.map +0 -1
  57. package/lib/internal/template/top-navigation/1.0-beta/interfaces.js +0 -2
  58. package/lib/internal/template/top-navigation/1.0-beta/interfaces.js.map +0 -1
  59. package/lib/internal/template/top-navigation/1.0-beta/internal.d.ts +0 -7
  60. package/lib/internal/template/top-navigation/1.0-beta/internal.d.ts.map +0 -1
  61. package/lib/internal/template/top-navigation/1.0-beta/internal.js +0 -93
  62. package/lib/internal/template/top-navigation/1.0-beta/internal.js.map +0 -1
  63. package/lib/internal/template/top-navigation/1.0-beta/parts/overflow-menu.d.ts +0 -17
  64. package/lib/internal/template/top-navigation/1.0-beta/parts/overflow-menu.d.ts.map +0 -1
  65. package/lib/internal/template/top-navigation/1.0-beta/parts/overflow-menu.js +0 -54
  66. package/lib/internal/template/top-navigation/1.0-beta/parts/overflow-menu.js.map +0 -1
  67. package/lib/internal/template/top-navigation/1.0-beta/parts/utility.d.ts +0 -10
  68. package/lib/internal/template/top-navigation/1.0-beta/parts/utility.d.ts.map +0 -1
  69. package/lib/internal/template/top-navigation/1.0-beta/parts/utility.js +0 -56
  70. package/lib/internal/template/top-navigation/1.0-beta/parts/utility.js.map +0 -1
  71. package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +0 -28
  72. package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +0 -360
  73. package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +0 -29
  74. package/lib/internal/template/top-navigation/1.0-beta/use-top-navigation.d.ts +0 -25
  75. package/lib/internal/template/top-navigation/1.0-beta/use-top-navigation.d.ts.map +0 -1
  76. package/lib/internal/template/top-navigation/1.0-beta/use-top-navigation.js +0 -154
  77. package/lib/internal/template/top-navigation/1.0-beta/use-top-navigation.js.map +0 -1
package/lib/internal/template/container/internal.js CHANGED
@@ -11,6 +11,7 @@ import { ContainerHeaderContextProvider } from '../internal/context/container-he
11
11
  import { useModalContext } from '../internal/context/modal-context';
12
12
  import { useMobile } from '../internal/hooks/use-mobile';
13
13
  import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
14
+ import { getContentStyles, getFooterStyles, getHeaderStyles, getMediaStyles, getRootStyles } from './style';
14
15
  import { StickyHeaderContext, useStickyHeader } from './use-sticky-header';
15
16
  import analyticsSelectors from './analytics-metadata/styles.css.js';
16
17
  import styles from './styles.css.js';
@@ -22,7 +23,7 @@ export function InternalContainerAsSubstep(props) {
22
23
  }
23
24
  export default function InternalContainer(_a) {
24
25
  var _b;
25
- var { header, footer, children, variant = 'default', disableHeaderPaddings = false, disableContentPaddings = false, disableFooterPaddings = false, fitHeight, media, __stickyOffset, __mobileStickyOffset, __stickyHeader = false, __internalRootRef = null, __disableFooterDivider = false, __hiddenContent = false, __headerRef, __fullPage = false, __disableStickyMobile = true, __funnelSubStepProps, __subStepRef } = _a, restProps = __rest(_a, ["header", "footer", "children", "variant", "disableHeaderPaddings", "disableContentPaddings", "disableFooterPaddings", "fitHeight", "media", "__stickyOffset", "__mobileStickyOffset", "__stickyHeader", "__internalRootRef", "__disableFooterDivider", "__hiddenContent", "__headerRef", "__fullPage", "__disableStickyMobile", "__funnelSubStepProps", "__subStepRef"]);
26
+ var { header, footer, children, variant = 'default', disableHeaderPaddings = false, disableContentPaddings = false, disableFooterPaddings = false, fitHeight, media, style, __stickyOffset, __mobileStickyOffset, __stickyHeader = false, __internalRootRef = null, __disableFooterDivider = false, __hiddenContent = false, __headerRef, __fullPage = false, __disableStickyMobile = true, __funnelSubStepProps, __subStepRef } = _a, restProps = __rest(_a, ["header", "footer", "children", "variant", "disableHeaderPaddings", "disableContentPaddings", "disableFooterPaddings", "fitHeight", "media", "style", "__stickyOffset", "__mobileStickyOffset", "__stickyHeader", "__internalRootRef", "__disableFooterDivider", "__hiddenContent", "__headerRef", "__fullPage", "__disableStickyMobile", "__funnelSubStepProps", "__subStepRef"]);
26
27
  const isMobile = useMobile();
27
28
  const isRefresh = useVisualRefresh();
28
29
  const baseProps = getBaseProps(restProps);
@@ -38,12 +39,13 @@ export default function InternalContainer(_a) {
38
39
  const shouldHaveStickyStyles = isSticky && !isMobile;
39
40
  const hasMedia = !!(media === null || media === void 0 ? void 0 : media.content);
40
41
  const mediaPosition = (_b = media === null || media === void 0 ? void 0 : media.position) !== null && _b !== void 0 ? _b : 'top';
41
- return (React.createElement("div", Object.assign({}, baseProps, __funnelSubStepProps, { className: clsx(baseProps.className, styles.root, styles[`variant-${variant}`], fitHeight && styles['fit-height'], hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']), shouldHaveStickyStyles && [styles['sticky-enabled']], shouldHaveStickyStyles && isStuck && isStuckAtBottom && [styles['with-stuck-sticky-header-at-bottom']], isRefresh && styles.refresh), ref: mergedRef }, getAnalyticsLabelAttribute(`.${analyticsSelectors.header} h1, .${analyticsSelectors.header} h2, .${analyticsSelectors.header} h3`)),
42
- hasMedia && (React.createElement("div", { className: clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media), style: mediaPosition === 'top' ? { height: (media === null || media === void 0 ? void 0 : media.height) || '' } : { width: (media === null || media === void 0 ? void 0 : media.width) || '' } }, media.content)),
42
+ return (React.createElement("div", Object.assign({}, baseProps, __funnelSubStepProps, { className: clsx(baseProps.className, styles.root, styles[`variant-${variant}`], fitHeight && styles['fit-height'], hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']), shouldHaveStickyStyles && [styles['sticky-enabled']], shouldHaveStickyStyles && isStuck && isStuckAtBottom && [styles['with-stuck-sticky-header-at-bottom']], isRefresh && styles.refresh), ref: mergedRef }, getAnalyticsLabelAttribute(`.${analyticsSelectors.header} h1, .${analyticsSelectors.header} h2, .${analyticsSelectors.header} h3`), { style: getRootStyles(style) }),
43
+ hasMedia && (React.createElement("div", { className: clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media), style: mediaPosition === 'top'
44
+ ? Object.assign(Object.assign({}, getMediaStyles(mediaPosition, style)), { height: (media === null || media === void 0 ? void 0 : media.height) || '' }) : Object.assign(Object.assign({}, getMediaStyles(mediaPosition, style)), { width: (media === null || media === void 0 ? void 0 : media.width) || '' }) }, media.content)),
43
45
  React.createElement("div", { id: contentId, ref: __subStepRef, className: clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height']) },
44
46
  header && (React.createElement(ContainerHeaderContextProvider, null,
45
47
  React.createElement(StickyHeaderContext.Provider, { value: { isStuck, isStuckAtBottom } },
46
- React.createElement("div", Object.assign({ className: clsx(isRefresh && styles.refresh, styles.header, analyticsSelectors.header, styles[`header-variant-${variant}`], {
48
+ React.createElement("div", { className: clsx(isRefresh && styles.refresh, styles.header, analyticsSelectors.header, styles[`header-variant-${variant}`], {
47
49
  [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,
48
50
  [styles['header-sticky-enabled']]: isSticky,
49
51
  [styles['header-dynamic-height']]: hasDynamicHeight,
@@ -52,17 +54,17 @@ export default function InternalContainer(_a) {
52
54
  [styles['with-hidden-content']]: !children || __hiddenContent,
53
55
  [styles['header-with-media']]: hasMedia,
54
56
  [styles['header-full-page']]: __fullPage && isRefresh,
55
- }) }, stickyStyles, { ref: headerMergedRef }),
57
+ }), ref: headerMergedRef, style: Object.assign(Object.assign({}, stickyStyles.style), getHeaderStyles(style)) },
56
58
  isStuck && !isMobile && isRefresh && __fullPage && React.createElement("div", { className: styles['header-cover'] }),
57
59
  header)))),
58
60
  React.createElement("div", { className: clsx(styles.content, fitHeight && styles['content-fit-height']) },
59
61
  React.createElement("div", { className: clsx(styles['content-inner'], testStyles['content-inner'], {
60
62
  [styles['with-paddings']]: !disableContentPaddings,
61
63
  [styles['with-header']]: !!header,
62
- }) }, children)),
64
+ }), style: getContentStyles(style) }, children)),
63
65
  footer && (React.createElement("div", { className: clsx(styles.footer, {
64
66
  [styles['with-divider']]: !__disableFooterDivider,
65
67
  [styles['with-paddings']]: !disableFooterPaddings,
66
- }) }, footer)))));
68
+ }), style: getFooterStyles(style) }, footer)))));
67
69
  }
68
70
  //# sourceMappingURL=internal.js.map
package/lib/internal/template/container/internal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/container/internal.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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsLabelAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { getBaseProps } from '../internal/base-component';\nimport { ContainerHeaderContextProvider } from '../internal/context/container-header';\nimport { useModalContext } from '../internal/context/modal-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { ContainerProps } from './interfaces';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n disableFooterPaddings?: boolean;\n __stickyHeader?: boolean;\n __stickyOffset?: number;\n __mobileStickyOffset?: number;\n __disableFooterDivider?: boolean;\n __hiddenContent?: boolean;\n __headerRef?: React.RefObject<HTMLDivElement>;\n __fullPage?: boolean;\n __disableStickyMobile?: boolean;\n /**\n * Additional internal variant:\n * * `embedded` - Use this variant within a parent container (such as a modal,\n * expandable section, container or split panel).\n * * `full-page` – Only for internal use in table, cards and other components\n */\n variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';\n\n __funnelSubStepProps?: ReturnType<typeof useFunnelSubStep>['funnelSubStepProps'];\n __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];\n}\n\nexport function InternalContainerAsSubstep(props: InternalContainerProps) {\n const { subStepRef, funnelSubStepProps } = useFunnelSubStep();\n const modalContext = useModalContext();\n\n return (\n <InternalContainer\n {...props}\n __subStepRef={modalContext?.isInModal ? { current: null } : subStepRef}\n __funnelSubStepProps={modalContext?.isInModal ? {} : funnelSubStepProps}\n />\n );\n}\n\nexport default function InternalContainer({\n header,\n footer,\n children,\n variant = 'default',\n disableHeaderPaddings = false,\n disableContentPaddings = false,\n disableFooterPaddings = false,\n fitHeight,\n media,\n __stickyOffset,\n __mobileStickyOffset,\n __stickyHeader = false,\n __internalRootRef = null,\n __disableFooterDivider = false,\n __hiddenContent = false,\n __headerRef,\n __fullPage = false,\n __disableStickyMobile = true,\n __funnelSubStepProps,\n __subStepRef,\n ...restProps\n}: InternalContainerProps) {\n const isMobile = useMobile();\n const isRefresh = useVisualRefresh();\n const baseProps = getBaseProps(restProps);\n const rootRef = useRef<HTMLDivElement>(null);\n const headerRef = useRef<HTMLDivElement>(null);\n const { isSticky, isStuck, isStuckAtBottom, stickyStyles } = useStickyHeader(\n rootRef,\n headerRef,\n __stickyHeader,\n __stickyOffset,\n __mobileStickyOffset,\n __disableStickyMobile,\n __fullPage && isRefresh && !isMobile\n );\n const contentId = useUniqueId();\n\n const hasDynamicHeight = isRefresh && variant === 'full-page';\n\n const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n const headerMergedRef = useMergeRefs(headerRef, __headerRef);\n\n // The container is only sticky on mobile if it is the header for the table.\n // In this case we don't want the container to have sticky styles, as only the table header row will show as stuck on scroll.\n const shouldHaveStickyStyles = isSticky && !isMobile;\n\n const hasMedia = !!media?.content;\n const mediaPosition = media?.position ?? 'top';\n return (\n <div\n {...baseProps}\n {...__funnelSubStepProps}\n className={clsx(\n baseProps.className,\n styles.root,\n styles[`variant-${variant}`],\n fitHeight && styles['fit-height'],\n hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']),\n shouldHaveStickyStyles && [styles['sticky-enabled']],\n shouldHaveStickyStyles && isStuck && isStuckAtBottom && [styles['with-stuck-sticky-header-at-bottom']],\n isRefresh && styles.refresh\n )}\n ref={mergedRef}\n {...getAnalyticsLabelAttribute(\n `.${analyticsSelectors.header} h1, .${analyticsSelectors.header} h2, .${analyticsSelectors.header} h3`\n )}\n >\n {hasMedia && (\n <div\n className={clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media)}\n style={mediaPosition === 'top' ? { height: media?.height || '' } : { width: media?.width || '' }}\n >\n {media.content}\n </div>\n )}\n <div\n id={contentId}\n ref={__subStepRef}\n className={clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height'])}\n >\n {header && (\n <ContainerHeaderContextProvider>\n <StickyHeaderContext.Provider value={{ isStuck, isStuckAtBottom }}>\n <div\n className={clsx(\n isRefresh && styles.refresh,\n styles.header,\n analyticsSelectors.header,\n styles[`header-variant-${variant}`],\n {\n [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n [styles['header-sticky-enabled']]: isSticky,\n [styles['header-dynamic-height']]: hasDynamicHeight,\n [styles['header-stuck']]: isStuck,\n [styles['with-paddings']]: !disableHeaderPaddings,\n [styles['with-hidden-content']]: !children || __hiddenContent,\n [styles['header-with-media']]: hasMedia,\n [styles['header-full-page']]: __fullPage && isRefresh,\n }\n )}\n {...stickyStyles}\n ref={headerMergedRef}\n >\n {isStuck && !isMobile && isRefresh && __fullPage && <div className={styles['header-cover']}></div>}\n {header}\n </div>\n </StickyHeaderContext.Provider>\n </ContainerHeaderContextProvider>\n )}\n <div className={clsx(styles.content, fitHeight && styles['content-fit-height'])}>\n <div\n className={clsx(styles['content-inner'], testStyles['content-inner'], {\n [styles['with-paddings']]: !disableContentPaddings,\n [styles['with-header']]: !!header,\n })}\n >\n {children}\n </div>\n </div>\n {footer && (\n <div\n className={clsx(styles.footer, {\n [styles['with-divider']]: !__disableFooterDivider,\n [styles['with-paddings']]: !disableFooterPaddings,\n })}\n >\n {footer}\n </div>\n )}\n </div>\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/container/internal.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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsLabelAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { getBaseProps } from '../internal/base-component';\nimport { ContainerHeaderContextProvider } from '../internal/context/container-header';\nimport { useModalContext } from '../internal/context/modal-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { ContainerProps } from './interfaces';\nimport { getContentStyles, getFooterStyles, getHeaderStyles, getMediaStyles, getRootStyles } from './style';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n disableFooterPaddings?: boolean;\n __stickyHeader?: boolean;\n __stickyOffset?: number;\n __mobileStickyOffset?: number;\n __disableFooterDivider?: boolean;\n __hiddenContent?: boolean;\n __headerRef?: React.RefObject<HTMLDivElement>;\n __fullPage?: boolean;\n __disableStickyMobile?: boolean;\n /**\n * Additional internal variant:\n * * `embedded` - Use this variant within a parent container (such as a modal,\n * expandable section, container or split panel).\n * * `full-page` – Only for internal use in table, cards and other components\n */\n variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';\n\n __funnelSubStepProps?: ReturnType<typeof useFunnelSubStep>['funnelSubStepProps'];\n __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];\n}\n\nexport function InternalContainerAsSubstep(props: InternalContainerProps) {\n const { subStepRef, funnelSubStepProps } = useFunnelSubStep();\n const modalContext = useModalContext();\n\n return (\n <InternalContainer\n {...props}\n __subStepRef={modalContext?.isInModal ? { current: null } : subStepRef}\n __funnelSubStepProps={modalContext?.isInModal ? {} : funnelSubStepProps}\n />\n );\n}\n\nexport default function InternalContainer({\n header,\n footer,\n children,\n variant = 'default',\n disableHeaderPaddings = false,\n disableContentPaddings = false,\n disableFooterPaddings = false,\n fitHeight,\n media,\n style,\n __stickyOffset,\n __mobileStickyOffset,\n __stickyHeader = false,\n __internalRootRef = null,\n __disableFooterDivider = false,\n __hiddenContent = false,\n __headerRef,\n __fullPage = false,\n __disableStickyMobile = true,\n __funnelSubStepProps,\n __subStepRef,\n ...restProps\n}: InternalContainerProps) {\n const isMobile = useMobile();\n const isRefresh = useVisualRefresh();\n const baseProps = getBaseProps(restProps);\n const rootRef = useRef<HTMLDivElement>(null);\n const headerRef = useRef<HTMLDivElement>(null);\n const { isSticky, isStuck, isStuckAtBottom, stickyStyles } = useStickyHeader(\n rootRef,\n headerRef,\n __stickyHeader,\n __stickyOffset,\n __mobileStickyOffset,\n __disableStickyMobile,\n __fullPage && isRefresh && !isMobile\n );\n const contentId = useUniqueId();\n\n const hasDynamicHeight = isRefresh && variant === 'full-page';\n\n const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n const headerMergedRef = useMergeRefs(headerRef, __headerRef);\n\n // The container is only sticky on mobile if it is the header for the table.\n // In this case we don't want the container to have sticky styles, as only the table header row will show as stuck on scroll.\n const shouldHaveStickyStyles = isSticky && !isMobile;\n\n const hasMedia = !!media?.content;\n const mediaPosition = media?.position ?? 'top';\n\n return (\n <div\n {...baseProps}\n {...__funnelSubStepProps}\n className={clsx(\n baseProps.className,\n styles.root,\n styles[`variant-${variant}`],\n fitHeight && styles['fit-height'],\n hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']),\n shouldHaveStickyStyles && [styles['sticky-enabled']],\n shouldHaveStickyStyles && isStuck && isStuckAtBottom && [styles['with-stuck-sticky-header-at-bottom']],\n isRefresh && styles.refresh\n )}\n ref={mergedRef}\n {...getAnalyticsLabelAttribute(\n `.${analyticsSelectors.header} h1, .${analyticsSelectors.header} h2, .${analyticsSelectors.header} h3`\n )}\n style={getRootStyles(style)}\n >\n {hasMedia && (\n <div\n className={clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media)}\n style={\n mediaPosition === 'top'\n ? { ...getMediaStyles(mediaPosition, style), height: media?.height || '' }\n : { ...getMediaStyles(mediaPosition, style), width: media?.width || '' }\n }\n >\n {media.content}\n </div>\n )}\n <div\n id={contentId}\n ref={__subStepRef}\n className={clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height'])}\n >\n {header && (\n <ContainerHeaderContextProvider>\n <StickyHeaderContext.Provider value={{ isStuck, isStuckAtBottom }}>\n <div\n className={clsx(\n isRefresh && styles.refresh,\n styles.header,\n analyticsSelectors.header,\n styles[`header-variant-${variant}`],\n {\n [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n [styles['header-sticky-enabled']]: isSticky,\n [styles['header-dynamic-height']]: hasDynamicHeight,\n [styles['header-stuck']]: isStuck,\n [styles['with-paddings']]: !disableHeaderPaddings,\n [styles['with-hidden-content']]: !children || __hiddenContent,\n [styles['header-with-media']]: hasMedia,\n [styles['header-full-page']]: __fullPage && isRefresh,\n }\n )}\n ref={headerMergedRef}\n style={{\n ...stickyStyles.style,\n ...getHeaderStyles(style),\n }}\n >\n {isStuck && !isMobile && isRefresh && __fullPage && <div className={styles['header-cover']}></div>}\n {header}\n </div>\n </StickyHeaderContext.Provider>\n </ContainerHeaderContextProvider>\n )}\n <div className={clsx(styles.content, fitHeight && styles['content-fit-height'])}>\n <div\n className={clsx(styles['content-inner'], testStyles['content-inner'], {\n [styles['with-paddings']]: !disableContentPaddings,\n [styles['with-header']]: !!header,\n })}\n style={getContentStyles(style)}\n >\n {children}\n </div>\n </div>\n {footer && (\n <div\n className={clsx(styles.footer, {\n [styles['with-divider']]: !__disableFooterDivider,\n [styles['with-paddings']]: !disableFooterPaddings,\n })}\n style={getFooterStyles(style)}\n >\n {footer}\n </div>\n )}\n </div>\n </div>\n );\n}\n"]}
package/lib/internal/template/container/style.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { ContainerProps } from './interfaces';
2
+ export declare function getRootStyles(style: ContainerProps.Style | undefined): {};
3
+ export declare function getContentStyles(style: ContainerProps.Style | undefined): {};
4
+ export declare function getHeaderStyles(style: ContainerProps.Style | undefined): {};
5
+ export declare function getFooterStyles(style: ContainerProps.Style | undefined): {};
6
+ export declare function getMediaStyles(mediaPosition: string, style: ContainerProps.Style | undefined): {};
7
+ //# sourceMappingURL=style.d.ts.map
package/lib/internal/template/container/style.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/container/style.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAcpE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAWvE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAatE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAatE;AAED,wBAAgB,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAY5F"}
package/lib/internal/template/container/style.js ADDED
@@ -0,0 +1,58 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import { SYSTEM } from '../internal/environment';
4
+ export function getRootStyles(style) {
5
+ var _a, _b, _c, _d, _e;
6
+ let properties = {};
7
+ if (SYSTEM === 'core' && (style === null || style === void 0 ? void 0 : style.root)) {
8
+ properties = {
9
+ background: (_a = style.root) === null || _a === void 0 ? void 0 : _a.background,
10
+ borderColor: (_b = style.root) === null || _b === void 0 ? void 0 : _b.borderColor,
11
+ borderRadius: (_c = style.root) === null || _c === void 0 ? void 0 : _c.borderRadius,
12
+ borderWidth: (_d = style.root) === null || _d === void 0 ? void 0 : _d.borderWidth,
13
+ boxShadow: (_e = style.root) === null || _e === void 0 ? void 0 : _e.boxShadow,
14
+ };
15
+ }
16
+ return properties;
17
+ }
18
+ export function getContentStyles(style) {
19
+ var _a, _b;
20
+ let properties = {};
21
+ if (SYSTEM === 'core' && (style === null || style === void 0 ? void 0 : style.content)) {
22
+ properties = {
23
+ paddingBlock: (_a = style.content) === null || _a === void 0 ? void 0 : _a.paddingBlock,
24
+ paddingInline: (_b = style.content) === null || _b === void 0 ? void 0 : _b.paddingInline,
25
+ };
26
+ }
27
+ return properties;
28
+ }
29
+ export function getHeaderStyles(style) {
30
+ var _a, _b, _c, _d, _e, _f;
31
+ let properties = {};
32
+ if (SYSTEM === 'core' && (style === null || style === void 0 ? void 0 : style.header)) {
33
+ properties = Object.assign(Object.assign(Object.assign({}, (((_a = style === null || style === void 0 ? void 0 : style.root) === null || _a === void 0 ? void 0 : _a.background) && { background: (_b = style === null || style === void 0 ? void 0 : style.root) === null || _b === void 0 ? void 0 : _b.background })), (((_c = style === null || style === void 0 ? void 0 : style.root) === null || _c === void 0 ? void 0 : _c.borderRadius) && { background: (_d = style === null || style === void 0 ? void 0 : style.root) === null || _d === void 0 ? void 0 : _d.borderRadius })), { paddingBlock: (_e = style.header) === null || _e === void 0 ? void 0 : _e.paddingBlock, paddingInline: (_f = style.header) === null || _f === void 0 ? void 0 : _f.paddingInline });
34
+ }
35
+ return properties;
36
+ }
37
+ export function getFooterStyles(style) {
38
+ var _a, _b, _c, _d, _e, _f, _g, _h;
39
+ let properties = {};
40
+ if (SYSTEM === 'core' && (style === null || style === void 0 ? void 0 : style.footer)) {
41
+ properties = {
42
+ borderColor: (_b = (_a = style.footer) === null || _a === void 0 ? void 0 : _a.divider) === null || _b === void 0 ? void 0 : _b.borderColor,
43
+ borderWidth: (_d = (_c = style.footer) === null || _c === void 0 ? void 0 : _c.divider) === null || _d === void 0 ? void 0 : _d.borderWidth,
44
+ paddingBlock: (_f = (_e = style.footer) === null || _e === void 0 ? void 0 : _e.root) === null || _f === void 0 ? void 0 : _f.paddingBlock,
45
+ paddingInline: (_h = (_g = style.footer) === null || _g === void 0 ? void 0 : _g.root) === null || _h === void 0 ? void 0 : _h.paddingInline,
46
+ };
47
+ }
48
+ return properties;
49
+ }
50
+ export function getMediaStyles(mediaPosition, style) {
51
+ var _a, _b;
52
+ let properties = {};
53
+ if (SYSTEM === 'core' && ((_a = style === null || style === void 0 ? void 0 : style.root) === null || _a === void 0 ? void 0 : _a.borderRadius)) {
54
+ properties = Object.assign(Object.assign({ borderRadius: (_b = style === null || style === void 0 ? void 0 : style.root) === null || _b === void 0 ? void 0 : _b.borderRadius }, (mediaPosition === 'top' && { borderEndStartRadius: '0px', borderEndEndRadius: '0px' })), (mediaPosition === 'side' && { borderStartEndRadius: '0px', borderEndEndRadius: '0px' }));
55
+ }
56
+ return properties;
57
+ }
58
+ //# sourceMappingURL=style.js.map
package/lib/internal/template/container/style.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/container/style.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 { SYSTEM } from '../internal/environment';\nimport { ContainerProps } from './interfaces';\n\nexport function getRootStyles(style: ContainerProps.Style | undefined) {\n let properties = {};\n\n if (SYSTEM === 'core' && style?.root) {\n properties = {\n background: style.root?.background,\n borderColor: style.root?.borderColor,\n borderRadius: style.root?.borderRadius,\n borderWidth: style.root?.borderWidth,\n boxShadow: style.root?.boxShadow,\n };\n }\n\n return properties;\n}\n\nexport function getContentStyles(style: ContainerProps.Style | undefined) {\n let properties = {};\n\n if (SYSTEM === 'core' && style?.content) {\n properties = {\n paddingBlock: style.content?.paddingBlock,\n paddingInline: style.content?.paddingInline,\n };\n }\n\n return properties;\n}\n\nexport function getHeaderStyles(style: ContainerProps.Style | undefined) {\n let properties = {};\n\n if (SYSTEM === 'core' && style?.header) {\n properties = {\n ...(style?.root?.background && { background: style?.root?.background }),\n ...(style?.root?.borderRadius && { background: style?.root?.borderRadius }),\n paddingBlock: style.header?.paddingBlock,\n paddingInline: style.header?.paddingInline,\n };\n }\n\n return properties;\n}\n\nexport function getFooterStyles(style: ContainerProps.Style | undefined) {\n let properties = {};\n\n if (SYSTEM === 'core' && style?.footer) {\n properties = {\n borderColor: style.footer?.divider?.borderColor,\n borderWidth: style.footer?.divider?.borderWidth,\n paddingBlock: style.footer?.root?.paddingBlock,\n paddingInline: style.footer?.root?.paddingInline,\n };\n }\n\n return properties;\n}\n\nexport function getMediaStyles(mediaPosition: string, style: ContainerProps.Style | undefined) {\n let properties = {};\n\n if (SYSTEM === 'core' && style?.root?.borderRadius) {\n properties = {\n borderRadius: style?.root?.borderRadius,\n ...(mediaPosition === 'top' && { borderEndStartRadius: '0px', borderEndEndRadius: '0px' }),\n ...(mediaPosition === 'side' && { borderStartEndRadius: '0px', borderEndEndRadius: '0px' }),\n };\n }\n\n return properties;\n}\n"]}
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -3892,5 +3892,5 @@
3892
3892
  }
3893
3893
  }
3894
3894
  :root {
3895
- --awsui-version-info-bb84fa6e: true;
3895
+ --awsui-version-info-9e83d9a9: true;
3896
3896
  }
package/lib/internal/template/internal/components/button-trigger/styles.css.js CHANGED
@@ -1,18 +1,18 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "button-trigger": "awsui_button-trigger_18eso_erzep_161",
5
- "arrow": "awsui_arrow_18eso_erzep_161",
6
- "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_erzep_221",
7
- "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_erzep_221",
8
- "has-caret": "awsui_has-caret_18eso_erzep_257",
9
- "placeholder": "awsui_placeholder_18eso_erzep_260",
10
- "pressed": "awsui_pressed_18eso_erzep_273",
11
- "disabled": "awsui_disabled_18eso_erzep_276",
12
- "in-filtering-token": "awsui_in-filtering-token_18eso_erzep_221",
13
- "readonly": "awsui_readonly_18eso_erzep_292",
14
- "invalid": "awsui_invalid_18eso_erzep_314",
15
- "warning": "awsui_warning_18eso_erzep_323",
16
- "inline-tokens": "awsui_inline-tokens_18eso_erzep_332"
4
+ "button-trigger": "awsui_button-trigger_18eso_g5u7l_161",
5
+ "arrow": "awsui_arrow_18eso_g5u7l_161",
6
+ "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_g5u7l_221",
7
+ "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_g5u7l_221",
8
+ "has-caret": "awsui_has-caret_18eso_g5u7l_257",
9
+ "placeholder": "awsui_placeholder_18eso_g5u7l_260",
10
+ "pressed": "awsui_pressed_18eso_g5u7l_273",
11
+ "disabled": "awsui_disabled_18eso_g5u7l_276",
12
+ "in-filtering-token": "awsui_in-filtering-token_18eso_g5u7l_221",
13
+ "readonly": "awsui_readonly_18eso_g5u7l_297",
14
+ "invalid": "awsui_invalid_18eso_g5u7l_319",
15
+ "warning": "awsui_warning_18eso_g5u7l_328",
16
+ "inline-tokens": "awsui_inline-tokens_18eso_g5u7l_337"
17
17
  };
18
18
 
package/lib/internal/template/internal/components/button-trigger/styles.scoped.css CHANGED
@@ -158,21 +158,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
159
159
  SPDX-License-Identifier: Apache-2.0
160
160
  */
161
- .awsui_button-trigger_18eso_erzep_161 > .awsui_arrow_18eso_erzep_161:not(#\9) {
161
+ .awsui_button-trigger_18eso_g5u7l_161 > .awsui_arrow_18eso_g5u7l_161:not(#\9) {
162
162
  transition: transform var(--motion-duration-rotate-180-4er9qu, 135ms) var(--motion-easing-rotate-180-xlspcm, cubic-bezier(0.165, 0.84, 0.44, 1));
163
163
  }
164
164
  @media (prefers-reduced-motion: reduce) {
165
- .awsui_button-trigger_18eso_erzep_161 > .awsui_arrow_18eso_erzep_161:not(#\9) {
165
+ .awsui_button-trigger_18eso_g5u7l_161 > .awsui_arrow_18eso_g5u7l_161:not(#\9) {
166
166
  animation: none;
167
167
  transition: none;
168
168
  }
169
169
  }
170
- .awsui-motion-disabled .awsui_button-trigger_18eso_erzep_161 > .awsui_arrow_18eso_erzep_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_erzep_161 > .awsui_arrow_18eso_erzep_161:not(#\9) {
170
+ .awsui-motion-disabled .awsui_button-trigger_18eso_g5u7l_161 > .awsui_arrow_18eso_g5u7l_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_g5u7l_161 > .awsui_arrow_18eso_g5u7l_161:not(#\9) {
171
171
  animation: none;
172
172
  transition: none;
173
173
  }
174
174
 
175
- .awsui_button-trigger_18eso_erzep_161:not(#\9) {
175
+ .awsui_button-trigger_18eso_g5u7l_161:not(#\9) {
176
176
  border-collapse: separate;
177
177
  border-spacing: 0;
178
178
  box-sizing: border-box;
@@ -218,7 +218,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
218
218
  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-default-txli8y, #687078);
219
219
  min-block-size: var(--size-vertical-input-8gzd1t, 32px);
220
220
  }
221
- .awsui_button-trigger_18eso_erzep_161.awsui_in-filtering-token-root_18eso_erzep_221:not(#\9), .awsui_button-trigger_18eso_erzep_161.awsui_in-filtering-token-nested_18eso_erzep_221:not(#\9) {
221
+ .awsui_button-trigger_18eso_g5u7l_161.awsui_in-filtering-token-root_18eso_g5u7l_221:not(#\9), .awsui_button-trigger_18eso_g5u7l_161.awsui_in-filtering-token-nested_18eso_g5u7l_221:not(#\9) {
222
222
  padding-block: 0px;
223
223
  padding-inline: var(--space-field-horizontal-n5peob, 8px);
224
224
  border-block-width: var(--border-width-token-cwl2sl, 1px);
@@ -229,14 +229,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
229
229
  block-size: 100%;
230
230
  min-block-size: unset;
231
231
  }
232
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_erzep_161.awsui_in-filtering-token-root_18eso_erzep_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_erzep_161.awsui_in-filtering-token-nested_18eso_erzep_221:not(#\9):focus {
232
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_g5u7l_161.awsui_in-filtering-token-root_18eso_g5u7l_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_g5u7l_161.awsui_in-filtering-token-nested_18eso_g5u7l_221:not(#\9):focus {
233
233
  position: relative;
234
234
  }
235
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_erzep_161.awsui_in-filtering-token-root_18eso_erzep_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_erzep_161.awsui_in-filtering-token-nested_18eso_erzep_221:not(#\9):focus {
235
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_g5u7l_161.awsui_in-filtering-token-root_18eso_g5u7l_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_g5u7l_161.awsui_in-filtering-token-nested_18eso_g5u7l_221:not(#\9):focus {
236
236
  outline: 2px dotted transparent;
237
237
  outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-jo15dc, 0px) - 1px);
238
238
  }
239
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_erzep_161.awsui_in-filtering-token-root_18eso_erzep_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_erzep_161.awsui_in-filtering-token-nested_18eso_erzep_221:not(#\9):focus::before {
239
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_g5u7l_161.awsui_in-filtering-token-root_18eso_g5u7l_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_g5u7l_161.awsui_in-filtering-token-nested_18eso_g5u7l_221:not(#\9):focus::before {
240
240
  content: " ";
241
241
  display: block;
242
242
  position: absolute;
@@ -250,55 +250,60 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_erzep_161.awsui_
250
250
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
251
251
  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
252
252
  }
253
- .awsui_button-trigger_18eso_erzep_161.awsui_in-filtering-token-nested_18eso_erzep_221:not(#\9) {
253
+ .awsui_button-trigger_18eso_g5u7l_161.awsui_in-filtering-token-nested_18eso_g5u7l_221:not(#\9) {
254
254
  border-start-start-radius: calc(var(--border-radius-input-4vr9on, 2px) / 2);
255
255
  border-end-start-radius: calc(var(--border-radius-input-4vr9on, 2px) / 2);
256
256
  }
257
- .awsui_button-trigger_18eso_erzep_161.awsui_has-caret_18eso_erzep_257:not(#\9) {
257
+ .awsui_button-trigger_18eso_g5u7l_161.awsui_has-caret_18eso_g5u7l_257:not(#\9) {
258
258
  padding-inline-end: var(--space-field-icon-offset-ihoxql, 32px);
259
259
  }
260
- .awsui_button-trigger_18eso_erzep_161 > .awsui_placeholder_18eso_erzep_260:not(#\9) {
260
+ .awsui_button-trigger_18eso_g5u7l_161 > .awsui_placeholder_18eso_g5u7l_260:not(#\9) {
261
261
  color: var(--color-text-input-placeholder-hvcry0, #687078);
262
262
  font-style: italic;
263
263
  }
264
- .awsui_button-trigger_18eso_erzep_161 > .awsui_arrow_18eso_erzep_161:not(#\9) {
264
+ .awsui_button-trigger_18eso_g5u7l_161 > .awsui_arrow_18eso_g5u7l_161:not(#\9) {
265
265
  position: absolute;
266
266
  inset-inline-end: var(--space-field-horizontal-n5peob, 8px);
267
267
  inset-block-start: calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2);
268
268
  color: var(--color-text-button-inline-icon-default-1vy0j1, #545b64);
269
269
  }
270
- .awsui_button-trigger_18eso_erzep_161:not(#\9):hover > .awsui_arrow_18eso_erzep_161 {
270
+ .awsui_button-trigger_18eso_g5u7l_161:not(#\9):hover > .awsui_arrow_18eso_g5u7l_161 {
271
271
  color: var(--color-text-button-inline-icon-hover-9zejqi, #16191f);
272
272
  }
273
- .awsui_button-trigger_18eso_erzep_161.awsui_pressed_18eso_erzep_273 > .awsui_arrow_18eso_erzep_161:not(#\9) {
273
+ .awsui_button-trigger_18eso_g5u7l_161.awsui_pressed_18eso_g5u7l_273 > .awsui_arrow_18eso_g5u7l_161:not(#\9) {
274
274
  transform: rotate(-180deg);
275
275
  }
276
- .awsui_button-trigger_18eso_erzep_161.awsui_disabled_18eso_erzep_276:not(#\9) {
276
+ .awsui_button-trigger_18eso_g5u7l_161.awsui_disabled_18eso_g5u7l_276:not(#\9) {
277
277
  background-color: var(--color-background-input-disabled-4vlau3, #eaeded);
278
- border-block: var(--border-width-token-cwl2sl, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
279
- border-inline: var(--border-width-token-cwl2sl, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
278
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
279
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
280
280
  color: var(--color-text-input-disabled-y5t5v9, #879596);
281
281
  cursor: auto;
282
282
  }
283
- .awsui_button-trigger_18eso_erzep_161.awsui_disabled_18eso_erzep_276 > .awsui_arrow_18eso_erzep_161:not(#\9) {
283
+ .awsui_button-trigger_18eso_g5u7l_161.awsui_disabled_18eso_g5u7l_276 > .awsui_arrow_18eso_g5u7l_161:not(#\9) {
284
284
  color: var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8);
285
285
  }
286
- .awsui_button-trigger_18eso_erzep_161.awsui_disabled_18eso_erzep_276.awsui_in-filtering-token_18eso_erzep_221:not(#\9) {
286
+ .awsui_button-trigger_18eso_g5u7l_161.awsui_disabled_18eso_g5u7l_276.awsui_in-filtering-token_18eso_g5u7l_221:not(#\9) {
287
+ background-color: var(--color-background-input-disabled-4vlau3, #eaeded);
288
+ border-block: var(--border-width-token-cwl2sl, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
289
+ border-inline: var(--border-width-token-cwl2sl, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
290
+ color: var(--color-text-input-disabled-y5t5v9, #879596);
291
+ cursor: auto;
287
292
  border-color: var(--color-border-control-disabled-c9dn39, #d5dbdb);
288
293
  }
289
- .awsui_button-trigger_18eso_erzep_161.awsui_disabled_18eso_erzep_276 > .awsui_placeholder_18eso_erzep_260:not(#\9) {
294
+ .awsui_button-trigger_18eso_g5u7l_161.awsui_disabled_18eso_g5u7l_276 > .awsui_placeholder_18eso_g5u7l_260:not(#\9) {
290
295
  color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
291
296
  }
292
- .awsui_button-trigger_18eso_erzep_161.awsui_readonly_18eso_erzep_292:not(#\9):not(.awsui_button-trigger_18eso_erzep_161.awsui_disabled_18eso_erzep_276):not(.awsui_button-trigger_18eso_erzep_161.awsui_in-filtering-token_18eso_erzep_221) {
297
+ .awsui_button-trigger_18eso_g5u7l_161.awsui_readonly_18eso_g5u7l_297:not(#\9):not(.awsui_button-trigger_18eso_g5u7l_161.awsui_disabled_18eso_g5u7l_276):not(.awsui_button-trigger_18eso_g5u7l_161.awsui_in-filtering-token_18eso_g5u7l_221) {
293
298
  background-color: var(--color-background-input-default-1z2buq, #ffffff);
294
- border-block: var(--border-width-token-cwl2sl, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
295
- border-inline: var(--border-width-token-cwl2sl, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
299
+ border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
300
+ border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
296
301
  }
297
- .awsui_button-trigger_18eso_erzep_161:not(#\9):focus {
302
+ .awsui_button-trigger_18eso_g5u7l_161:not(#\9):focus {
298
303
  outline: none;
299
304
  text-decoration: none;
300
305
  }
301
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_erzep_161:not(#\9):not(.awsui_in-filtering-token_18eso_erzep_221):focus {
306
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_g5u7l_161:not(#\9):not(.awsui_in-filtering-token_18eso_g5u7l_221):focus {
302
307
  outline: 2px dotted transparent;
303
308
  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
304
309
  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
@@ -308,27 +313,27 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_erzep_161:not(#\
308
313
  border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
309
314
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
310
315
  }
311
- .awsui_button-trigger_18eso_erzep_161:not(#\9):not(.awsui_in-filtering-token_18eso_erzep_221):invalid {
316
+ .awsui_button-trigger_18eso_g5u7l_161:not(#\9):not(.awsui_in-filtering-token_18eso_g5u7l_221):invalid {
312
317
  box-shadow: none;
313
318
  }
314
- .awsui_button-trigger_18eso_erzep_161:not(#\9):not(.awsui_in-filtering-token_18eso_erzep_221).awsui_invalid_18eso_erzep_314, .awsui_button-trigger_18eso_erzep_161:not(#\9):not(.awsui_in-filtering-token_18eso_erzep_221).awsui_invalid_18eso_erzep_314:focus {
319
+ .awsui_button-trigger_18eso_g5u7l_161:not(#\9):not(.awsui_in-filtering-token_18eso_g5u7l_221).awsui_invalid_18eso_g5u7l_319, .awsui_button-trigger_18eso_g5u7l_161:not(#\9):not(.awsui_in-filtering-token_18eso_g5u7l_221).awsui_invalid_18eso_g5u7l_319:focus {
315
320
  color: var(--color-text-status-error-aknuvu, #d13212);
316
321
  border-color: var(--color-text-status-error-aknuvu, #d13212);
317
322
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
318
323
  border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
319
324
  }
320
- .awsui_button-trigger_18eso_erzep_161:not(#\9):not(.awsui_in-filtering-token_18eso_erzep_221).awsui_invalid_18eso_erzep_314:focus, .awsui_button-trigger_18eso_erzep_161:not(#\9):not(.awsui_in-filtering-token_18eso_erzep_221).awsui_invalid_18eso_erzep_314:focus:focus {
325
+ .awsui_button-trigger_18eso_g5u7l_161:not(#\9):not(.awsui_in-filtering-token_18eso_g5u7l_221).awsui_invalid_18eso_g5u7l_319:focus, .awsui_button-trigger_18eso_g5u7l_161:not(#\9):not(.awsui_in-filtering-token_18eso_g5u7l_221).awsui_invalid_18eso_g5u7l_319:focus:focus {
321
326
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
322
327
  }
323
- .awsui_button-trigger_18eso_erzep_161:not(#\9):not(.awsui_in-filtering-token_18eso_erzep_221).awsui_warning_18eso_erzep_323, .awsui_button-trigger_18eso_erzep_161:not(#\9):not(.awsui_in-filtering-token_18eso_erzep_221).awsui_warning_18eso_erzep_323:focus {
328
+ .awsui_button-trigger_18eso_g5u7l_161:not(#\9):not(.awsui_in-filtering-token_18eso_g5u7l_221).awsui_warning_18eso_g5u7l_328, .awsui_button-trigger_18eso_g5u7l_161:not(#\9):not(.awsui_in-filtering-token_18eso_g5u7l_221).awsui_warning_18eso_g5u7l_328:focus {
324
329
  color: var(--color-text-status-warning-9b45qh, #906806);
325
330
  border-color: var(--color-text-status-warning-9b45qh, #906806);
326
331
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
327
332
  border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
328
333
  }
329
- .awsui_button-trigger_18eso_erzep_161:not(#\9):not(.awsui_in-filtering-token_18eso_erzep_221).awsui_warning_18eso_erzep_323:focus, .awsui_button-trigger_18eso_erzep_161:not(#\9):not(.awsui_in-filtering-token_18eso_erzep_221).awsui_warning_18eso_erzep_323:focus:focus {
334
+ .awsui_button-trigger_18eso_g5u7l_161:not(#\9):not(.awsui_in-filtering-token_18eso_g5u7l_221).awsui_warning_18eso_g5u7l_328:focus, .awsui_button-trigger_18eso_g5u7l_161:not(#\9):not(.awsui_in-filtering-token_18eso_g5u7l_221).awsui_warning_18eso_g5u7l_328:focus:focus {
330
335
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
331
336
  }
332
- .awsui_button-trigger_18eso_erzep_161.awsui_inline-tokens_18eso_erzep_332:not(#\9) {
337
+ .awsui_button-trigger_18eso_g5u7l_161.awsui_inline-tokens_18eso_g5u7l_337:not(#\9) {
333
338
  padding-block: 0;
334
339
  }
package/lib/internal/template/internal/components/button-trigger/styles.selectors.js CHANGED
@@ -2,18 +2,18 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "button-trigger": "awsui_button-trigger_18eso_erzep_161",
6
- "arrow": "awsui_arrow_18eso_erzep_161",
7
- "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_erzep_221",
8
- "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_erzep_221",
9
- "has-caret": "awsui_has-caret_18eso_erzep_257",
10
- "placeholder": "awsui_placeholder_18eso_erzep_260",
11
- "pressed": "awsui_pressed_18eso_erzep_273",
12
- "disabled": "awsui_disabled_18eso_erzep_276",
13
- "in-filtering-token": "awsui_in-filtering-token_18eso_erzep_221",
14
- "readonly": "awsui_readonly_18eso_erzep_292",
15
- "invalid": "awsui_invalid_18eso_erzep_314",
16
- "warning": "awsui_warning_18eso_erzep_323",
17
- "inline-tokens": "awsui_inline-tokens_18eso_erzep_332"
5
+ "button-trigger": "awsui_button-trigger_18eso_g5u7l_161",
6
+ "arrow": "awsui_arrow_18eso_g5u7l_161",
7
+ "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_g5u7l_221",
8
+ "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_g5u7l_221",
9
+ "has-caret": "awsui_has-caret_18eso_g5u7l_257",
10
+ "placeholder": "awsui_placeholder_18eso_g5u7l_260",
11
+ "pressed": "awsui_pressed_18eso_g5u7l_273",
12
+ "disabled": "awsui_disabled_18eso_g5u7l_276",
13
+ "in-filtering-token": "awsui_in-filtering-token_18eso_g5u7l_221",
14
+ "readonly": "awsui_readonly_18eso_g5u7l_297",
15
+ "invalid": "awsui_invalid_18eso_g5u7l_319",
16
+ "warning": "awsui_warning_18eso_g5u7l_328",
17
+ "inline-tokens": "awsui_inline-tokens_18eso_g5u7l_337"
18
18
  };
19
19
 
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (bb84fa6e)";
3
- export var GIT_SHA = "bb84fa6e";
2
+ export var PACKAGE_VERSION = "3.0.0 (9e83d9a9)";
3
+ export var GIT_SHA = "9e83d9a9";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "console";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (bb84fa6e)",
4
- "GIT_SHA": "bb84fa6e",
3
+ "PACKAGE_VERSION": "3.0.0 (9e83d9a9)",
4
+ "GIT_SHA": "9e83d9a9",
5
5
  "THEME": "default",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": false
package/lib/internal/template/package.json CHANGED
@@ -110,7 +110,6 @@
110
110
  "./tree-view": "./tree-view/index.js",
111
111
  "./tutorial-panel": "./tutorial-panel/index.js",
112
112
  "./wizard": "./wizard/index.js",
113
- "./top-navigation/1.0-beta": "./top-navigation/1.0-beta/index.js",
114
113
  "./i18n": "./i18n/index.js",
115
114
  "./i18n/messages/all.all": "./i18n/messages/all.all.js",
116
115
  "./i18n/messages/all.all.json": "./i18n/messages/all.all.json",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.1051",
3
+ "version": "3.0.1053",
4
4
  "files": [
5
5
  "lib"
6
6
  ],