npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.408 → 3.0.409 - Mend

@cloudscape-design/components-themeable 3.0.408 → 3.0.409

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

package/lib/internal/template/header/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["header/internal.tsx"],"names":[],"mappings":"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~~gBACb~~,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,~~IAC5C~~,~~IAAI~~,~~IAAI~~,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ,~~CACtB~~,~~CAC5B~~;YACL,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,mBAAmB,eAAe,EAAE,CAAC,EAAE,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC,IAEzG,OAAO,CACJ,CACP,CACG;QACN,oBAAC,WAAW,IAAC,eAAe,EAAE,eAAe,IAAG,WAAW,CAAe,CACtE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,eAAe,EAA0D;IAC/G,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,OAAO,CACL,CAAC,QAAQ,IAAI,CACX,2BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,WAAW,EAClB,MAAM,CAAC,uBAAuB,eAAe,EAAE,CAAC,EAChD,SAAS,IAAI,MAAM,CAAC,OAAO,CAC5B,IAEA,QAAQ,CACP,CACL,CAAC;QACF,IAAI,CACL,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useContext } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { HeaderProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { CollectionLabelContext } from '../internal/context/collection-label-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_SUBSTEP_NAME } from '../internal/analytics/selectors';\n\ninterface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {\n __disableActionsWrapping?: boolean;\n}\n\nexport default function InternalHeader({\n variant,\n headingTagOverride,\n children,\n actions,\n counter,\n description,\n info,\n __internalRootRef = null,\n __disableActionsWrapping,\n ...restProps\n}: InternalHeaderProps) {\n const isMobile = useMobile();\n const HeadingTag = headingTagOverride ?? (variant === 'awsui-h1-sticky' ? 'h1' : variant);\n const { isStuck } = useContext(StickyHeaderContext);\n const baseProps = getBaseProps(restProps);\n const isRefresh = useVisualRefresh();\n const assignHeaderId = useContext(CollectionLabelContext).assignId;\n const headingId = useUniqueId('heading');\n if (assignHeaderId !== undefined) {\n assignHeaderId(headingId);\n }\n // If is mobile there is no need to have the dynamic variant because it's scrolled out of view\n const dynamicVariant = !isMobile && isStuck ? 'h2' : 'h1';\n const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;\n\n return (\n <div\n {...baseProps}\n className={clsx(\n styles.root,\n baseProps.className,\n styles[`root-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n !actions && [styles[`root-no-actions`]],\n description && [styles[`root-has-description`]]\n )}\n ref={__internalRootRef}\n >\n <div\n className={clsx(\n styles.main,\n styles[`main-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n __disableActionsWrapping && [styles['no-wrap']]\n )}\n >\n <div className={clsx(styles.title, styles[`title-variant-${variantOverride}`], isRefresh && styles.refresh)}>\n <HeadingTag className={clsx(styles.heading, styles[`heading-variant-${variantOverride}`])}>\n <span\n {...(HeadingTag === 'h2' ? { [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_SUBSTEP_NAME } : {})}\n className={clsx(styles['heading-text'], styles[`heading-text-variant-${variantOverride}`])}\n id={headingId}\n >\n {children}\n </span>\n {counter !== undefined && <span className={styles.counter}> {counter}</span>}\n </HeadingTag>\n <InfoLinkLabelContext.Provider value={headingId}>\n {info && <span className={styles.info}>{info}</span~~>}\~~n </InfoLinkLabelContext.Provider>\n </div>\n {actions && (\n <div\n className={clsx(styles.actions, styles[`actions-variant-${variantOverride}`], isRefresh && styles.refresh)}\n >\n {actions}\n </div>\n )}\n </div>\n <Description variantOverride={variantOverride}>{description}</Description>\n </div>\n );\n}\n\nexport function Description({ children, variantOverride }: { children: React.ReactNode; variantOverride: string }) {\n const isRefresh = useVisualRefresh();\n return (\n (children && (\n <p\n className={clsx(\n styles.description,\n styles[`description-variant-${variantOverride}`],\n isRefresh && styles.refresh\n )}\n >\n {children}\n </p>\n )) \|\|\n null\n );\n}\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["header/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 clsx from 'clsx';\nimport React, { useContext } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { HeaderProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { CollectionLabelContext } from '../internal/context/collection-label-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_SUBSTEP_NAME } from '../internal/analytics/selectors';\n\ninterface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {\n __disableActionsWrapping?: boolean;\n}\n\nexport default function InternalHeader({\n variant,\n headingTagOverride,\n children,\n actions,\n counter,\n description,\n info,\n __internalRootRef = null,\n __disableActionsWrapping,\n ...restProps\n}: InternalHeaderProps) {\n const isMobile = useMobile();\n const HeadingTag = headingTagOverride ?? (variant === 'awsui-h1-sticky' ? 'h1' : variant);\n const { isStuck } = useContext(StickyHeaderContext);\n const baseProps = getBaseProps(restProps);\n const isRefresh = useVisualRefresh();\n const assignHeaderId = useContext(CollectionLabelContext).assignId;\n const headingId = useUniqueId('heading');\n if (assignHeaderId !== undefined) {\n assignHeaderId(headingId);\n }\n // If is mobile there is no need to have the dynamic variant because it's scrolled out of view\n const dynamicVariant = !isMobile && isStuck ? 'h2' : 'h1';\n const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;\n\n return (\n <div\n {...baseProps}\n className={clsx(\n styles.root,\n baseProps.className,\n styles[`root-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n !actions && [styles[`root-no-actions`]],\n description && [styles[`root-has-description`]]\n )}\n ref={__internalRootRef}\n >\n <div\n className={clsx(\n styles.main,\n styles[`main-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n __disableActionsWrapping && [styles['no-wrap']]\n )}\n >\n <div className={clsx(styles.title, styles[`title-variant-${variantOverride}`], isRefresh && styles.refresh)}>\n <HeadingTag className={clsx(styles.heading, styles[`heading-variant-${variantOverride}`])}>\n <span\n {...(HeadingTag === 'h2' ? { [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_SUBSTEP_NAME } : {})}\n className={clsx(styles['heading-text'], styles[`heading-text-variant-${variantOverride}`])}\n id={headingId}\n >\n {children}\n </span>\n {counter !== undefined && <span className={styles.counter}> {counter}</span>}\n </HeadingTag>\n {info && (\n <InfoLinkLabelContext.Provider value={headingId}>\n {/* Exists to create a space between heading text and info so that a double-click selection on the last word of the heading doesn't also include info */}\n <span className={styles['virtual-space']}>  </span>\n <span className={styles.info}>{info}</span>\n </InfoLinkLabelContext.Provider>\n )}\n </div>\n {actions && (\n <div\n className={clsx(styles.actions, styles[`actions-variant-${variantOverride}`], isRefresh && styles.refresh)}\n >\n {actions}\n </div>\n )}\n </div>\n <Description variantOverride={variantOverride}>{description}</Description>\n </div>\n );\n}\n\nexport function Description({ children, variantOverride }: { children: React.ReactNode; variantOverride: string }) {\n const isRefresh = useVisualRefresh();\n return (\n (children && (\n <p\n className={clsx(\n styles.description,\n styles[`description-variant-${variantOverride}`],\n isRefresh && styles.refresh\n )}\n >\n {children}\n </p>\n )) \|\|\n null\n );\n}\n"]}

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

@@ -1,37 +1,38 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2qdw9_8poy5_93",
-  "refresh": "awsui_refresh_2qdw9_8poy5_110",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_8poy5_110",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_8poy5_113",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_8poy5_113",
-  "root-has-description": "awsui_root-has-description_2qdw9_8poy5_113",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_8poy5_122",
-  "main": "awsui_main_2qdw9_8poy5_132",
-  "no-wrap": "awsui_no-wrap_2qdw9_8poy5_142",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_8poy5_148",
-  "actions": "awsui_actions_2qdw9_8poy5_156",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_8poy5_160",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_8poy5_163",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_8poy5_166",
-  "title": "awsui_title_2qdw9_8poy5_179",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_8poy5_184",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_8poy5_191",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_8poy5_197",
-  "info": "awsui_info_2qdw9_8poy5_218",
-  "description": "awsui_description_2qdw9_8poy5_222",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_8poy5_227",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_8poy5_231",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_8poy5_238",
-  "heading": "awsui_heading_2qdw9_8poy5_247",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_8poy5_256",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_8poy5_261",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_8poy5_266",
-  "heading-text": "awsui_heading-text_2qdw9_8poy5_272",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_8poy5_275",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_8poy5_283",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_8poy5_291",
-  "counter": "awsui_counter_2qdw9_8poy5_300"
+  "root": "awsui_root_2qdw9_6h6z2_93",
+  "refresh": "awsui_refresh_2qdw9_6h6z2_110",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_6h6z2_110",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_6h6z2_113",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_6h6z2_113",
+  "root-has-description": "awsui_root-has-description_2qdw9_6h6z2_113",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_6h6z2_122",
+  "main": "awsui_main_2qdw9_6h6z2_132",
+  "no-wrap": "awsui_no-wrap_2qdw9_6h6z2_142",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_6h6z2_148",
+  "actions": "awsui_actions_2qdw9_6h6z2_156",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_6h6z2_160",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_6h6z2_163",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_6h6z2_166",
+  "title": "awsui_title_2qdw9_6h6z2_179",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_6h6z2_184",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_6h6z2_191",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_6h6z2_197",
+  "virtual-space": "awsui_virtual-space_2qdw9_6h6z2_218",
+  "info": "awsui_info_2qdw9_6h6z2_224",
+  "description": "awsui_description_2qdw9_6h6z2_228",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_6h6z2_233",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_6h6z2_237",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_6h6z2_244",
+  "heading": "awsui_heading_2qdw9_6h6z2_253",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_6h6z2_262",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_6h6z2_267",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_6h6z2_272",
+  "heading-text": "awsui_heading-text_2qdw9_6h6z2_278",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_6h6z2_281",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_6h6z2_289",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_6h6z2_297",
+  "counter": "awsui_counter_2qdw9_6h6z2_306"
 };

package/lib/internal/template/header/styles.scoped.css CHANGED Viewed

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_2qdw9_8poy5_93:not(#\9) {
+.awsui_root_2qdw9_6h6z2_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -133,29 +133,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
   justify-content: space-between;
 }
-.awsui_root_2qdw9_8poy5_93.awsui_refresh_2qdw9_8poy5_110:not(#\9), .awsui_root_2qdw9_8poy5_93:not(#\9):not(.awsui_root-no-actions_2qdw9_8poy5_110) {
+.awsui_root_2qdw9_6h6z2_93.awsui_refresh_2qdw9_6h6z2_110:not(#\9), .awsui_root_2qdw9_6h6z2_93:not(#\9):not(.awsui_root-no-actions_2qdw9_6h6z2_110) {
   row-gap: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_root-no-actions_2qdw9_8poy5_110.awsui_root-variant-h2_2qdw9_8poy5_113:not(#\9):not(.awsui_refresh_2qdw9_8poy5_110), .awsui_root-no-actions_2qdw9_8poy5_110.awsui_root-variant-h3_2qdw9_8poy5_113:not(#\9):not(.awsui_refresh_2qdw9_8poy5_110), .awsui_root-has-description_2qdw9_8poy5_113.awsui_root-variant-h2_2qdw9_8poy5_113:not(#\9):not(.awsui_refresh_2qdw9_8poy5_110), .awsui_root-has-description_2qdw9_8poy5_113.awsui_root-variant-h3_2qdw9_8poy5_113:not(#\9):not(.awsui_refresh_2qdw9_8poy5_110) {
+.awsui_root-no-actions_2qdw9_6h6z2_110.awsui_root-variant-h2_2qdw9_6h6z2_113:not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110), .awsui_root-no-actions_2qdw9_6h6z2_110.awsui_root-variant-h3_2qdw9_6h6z2_113:not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110), .awsui_root-has-description_2qdw9_6h6z2_113.awsui_root-variant-h2_2qdw9_6h6z2_113:not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110), .awsui_root-has-description_2qdw9_6h6z2_113.awsui_root-variant-h3_2qdw9_6h6z2_113:not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110) {
   padding-bottom: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_root-no-actions_2qdw9_8poy5_110:not(#\9):not(.awsui_root-has-description_2qdw9_8poy5_113):not(.awsui_refresh_2qdw9_8poy5_110) {
+.awsui_root-no-actions_2qdw9_6h6z2_110:not(#\9):not(.awsui_root-has-description_2qdw9_6h6z2_113):not(.awsui_refresh_2qdw9_6h6z2_110) {
   padding-bottom: calc(var(--space-scaled-xs-x91h81, 8px) + var(--space-xxxs-z28114, 2px));
 }
-.awsui_root-no-actions_2qdw9_8poy5_110.awsui_refresh_2qdw9_8poy5_110.awsui_root-variant-h2_2qdw9_8poy5_113:not(#\9), .awsui_root-no-actions_2qdw9_8poy5_110.awsui_refresh_2qdw9_8poy5_110.awsui_root-variant-h3_2qdw9_8poy5_113:not(#\9) {
+.awsui_root-no-actions_2qdw9_6h6z2_110.awsui_refresh_2qdw9_6h6z2_110.awsui_root-variant-h2_2qdw9_6h6z2_113:not(#\9), .awsui_root-no-actions_2qdw9_6h6z2_110.awsui_refresh_2qdw9_6h6z2_110.awsui_root-variant-h3_2qdw9_6h6z2_113:not(#\9) {
   row-gap: var(--space-scaled-xxxs-f7yq15, 2px);
 }
-.awsui_root_2qdw9_8poy5_93.awsui_root-variant-h1_2qdw9_8poy5_122:not(#\9):not(.awsui_refresh_2qdw9_8poy5_110) {
+.awsui_root_2qdw9_6h6z2_93.awsui_root-variant-h1_2qdw9_6h6z2_122:not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110) {
   row-gap: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_root-no-actions_2qdw9_8poy5_110:not(#\9):not(.awsui_root-has-description_2qdw9_8poy5_113).awsui_refresh_2qdw9_8poy5_110.awsui_root-variant-h3_2qdw9_8poy5_113 {
+.awsui_root-no-actions_2qdw9_6h6z2_110:not(#\9):not(.awsui_root-has-description_2qdw9_6h6z2_113).awsui_refresh_2qdw9_6h6z2_110.awsui_root-variant-h3_2qdw9_6h6z2_113 {
   padding-bottom: var(--space-scaled-xs-x91h81, 8px);
 }
-.awsui_root_2qdw9_8poy5_93.awsui_root-variant-h1_2qdw9_8poy5_122.awsui_root-has-description_2qdw9_8poy5_113:not(#\9):not(.awsui_refresh_2qdw9_8poy5_110) {
+.awsui_root_2qdw9_6h6z2_93.awsui_root-variant-h1_2qdw9_6h6z2_122.awsui_root-has-description_2qdw9_6h6z2_113:not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110) {
   padding-bottom: var(--space-scaled-2x-xxs-r5f1ts, 4px);
 }
-.awsui_main_2qdw9_8poy5_132:not(#\9) {
+.awsui_main_2qdw9_6h6z2_132:not(#\9) {
   word-wrap: break-word;
   max-width: 100%;
   display: flex;
@@ -165,140 +165,146 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   column-gap: var(--space-xs-xf5ch3, 8px);
   row-gap: calc(var(--space-scaled-xxs-t7ij38, 4px) + var(--space-scaled-xxxs-f7yq15, 2px));
 }
-.awsui_main_2qdw9_8poy5_132.awsui_no-wrap_2qdw9_8poy5_142:not(#\9) {
+.awsui_main_2qdw9_6h6z2_132.awsui_no-wrap_2qdw9_6h6z2_142:not(#\9) {
   flex-wrap: nowrap;
 }
-.awsui_main_2qdw9_8poy5_132.awsui_refresh_2qdw9_8poy5_110:not(#\9) {
+.awsui_main_2qdw9_6h6z2_132.awsui_refresh_2qdw9_6h6z2_110:not(#\9) {
   row-gap: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_main-variant-h1_2qdw9_8poy5_148:not(#\9) {
+.awsui_main-variant-h1_2qdw9_6h6z2_148:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-r5f1ts, 4px);
 }
-.awsui_root-has-description_2qdw9_8poy5_113 > .awsui_main_2qdw9_8poy5_132:not(#\9) {
+.awsui_root-has-description_2qdw9_6h6z2_113 > .awsui_main_2qdw9_6h6z2_132:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-r5f1ts, 4px);
 }
-.awsui_actions_2qdw9_8poy5_156:not(#\9) {
+.awsui_actions_2qdw9_6h6z2_156:not(#\9) {
   display: flex;
   align-items: flex-start;
 }
-.awsui_actions-variant-h1_2qdw9_8poy5_160.awsui_refresh_2qdw9_8poy5_110:not(#\9) {
+.awsui_actions-variant-h1_2qdw9_6h6z2_160.awsui_refresh_2qdw9_6h6z2_110:not(#\9) {
   padding: calc((var(--line-height-heading-xl-v9hsvt, 36px) - var(--size-vertical-input-ubbp77, 32px)) / 2) 0;
 }
-.awsui_actions-variant-h2_2qdw9_8poy5_163.awsui_refresh_2qdw9_8poy5_110:not(#\9) {
+.awsui_actions-variant-h2_2qdw9_6h6z2_163.awsui_refresh_2qdw9_6h6z2_110:not(#\9) {
   padding: calc((var(--line-height-heading-l-vog8w7, 22px) - var(--size-vertical-input-ubbp77, 32px)) / 2) 0;
 }
-.awsui_actions-variant-h3_2qdw9_8poy5_166.awsui_refresh_2qdw9_8poy5_110:not(#\9) {
+.awsui_actions-variant-h3_2qdw9_6h6z2_166.awsui_refresh_2qdw9_6h6z2_110:not(#\9) {
   padding: calc((var(--line-height-heading-m-6mmwjh, 22px) - var(--size-vertical-input-ubbp77, 32px)) / 2) 0;
 }
-.awsui_actions-variant-h1_2qdw9_8poy5_160:not(#\9):not(.awsui_refresh_2qdw9_8poy5_110) {
+.awsui_actions-variant-h1_2qdw9_6h6z2_160:not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110) {
   padding: var(--space-scaled-xs-x91h81, 8px) 0;
 }
-.awsui_actions-variant-h2_2qdw9_8poy5_163:not(#\9):not(.awsui_refresh_2qdw9_8poy5_110), .awsui_actions-variant-h3_2qdw9_8poy5_166:not(#\9):not(.awsui_refresh_2qdw9_8poy5_110) {
+.awsui_actions-variant-h2_2qdw9_6h6z2_163:not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110), .awsui_actions-variant-h3_2qdw9_6h6z2_166:not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110) {
   padding: var(--space-scaled-xxs-t7ij38, 4px) 0;
 }
-.awsui_root-has-description_2qdw9_8poy5_113 > .awsui_main_2qdw9_8poy5_132 > .awsui_actions_2qdw9_8poy5_156:not(#\9) {
+.awsui_root-has-description_2qdw9_6h6z2_113 > .awsui_main_2qdw9_6h6z2_132 > .awsui_actions_2qdw9_6h6z2_156:not(#\9) {
   padding-bottom: 0;
 }
-.awsui_title_2qdw9_8poy5_179:not(#\9) {
+.awsui_title_2qdw9_6h6z2_179:not(#\9) {
   min-width: 0;
   word-break: break-word;
   color: var(--color-text-heading-default-q5s9rq, #16191f);
 }
-.awsui_title-variant-h1_2qdw9_8poy5_184:not(#\9) {
+.awsui_title-variant-h1_2qdw9_6h6z2_184:not(#\9) {
   font-size: var(--font-size-heading-xl-k9a0qt, 28px);
   padding-top: var(--space-scaled-2x-xxs-r5f1ts, 4px);
 }
-.awsui_title-variant-h1_2qdw9_8poy5_184.awsui_refresh_2qdw9_8poy5_110:not(#\9) {
+.awsui_title-variant-h1_2qdw9_6h6z2_184.awsui_refresh_2qdw9_6h6z2_110:not(#\9) {
   padding-top: calc((var(--size-vertical-input-ubbp77, 32px) - var(--line-height-heading-xl-v9hsvt, 36px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_8poy5_191:not(#\9) {
+.awsui_title-variant-h2_2qdw9_6h6z2_191:not(#\9) {
   font-size: var(--font-size-heading-l-l21r86, 18px);
 }
-.awsui_title-variant-h2_2qdw9_8poy5_191.awsui_refresh_2qdw9_8poy5_110:not(#\9) {
+.awsui_title-variant-h2_2qdw9_6h6z2_191.awsui_refresh_2qdw9_6h6z2_110:not(#\9) {
   padding-top: calc((var(--size-vertical-input-ubbp77, 32px) - var(--line-height-heading-l-vog8w7, 22px)) / 2);
 }
-.awsui_title-variant-h3_2qdw9_8poy5_197:not(#\9) {
+.awsui_title-variant-h3_2qdw9_6h6z2_197:not(#\9) {
   font-size: var(--font-size-heading-m-io97me, 18px);
 }
-.awsui_title-variant-h3_2qdw9_8poy5_197.awsui_refresh_2qdw9_8poy5_110:not(#\9) {
+.awsui_title-variant-h3_2qdw9_6h6z2_197.awsui_refresh_2qdw9_6h6z2_110:not(#\9) {
   padding-top: calc((var(--size-vertical-input-ubbp77, 32px) - var(--line-height-heading-m-6mmwjh, 22px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_8poy5_191:not(#\9):not(.awsui_refresh_2qdw9_8poy5_110), .awsui_title-variant-h3_2qdw9_8poy5_197:not(#\9):not(.awsui_refresh_2qdw9_8poy5_110) {
+.awsui_title-variant-h2_2qdw9_6h6z2_191:not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110), .awsui_title-variant-h3_2qdw9_6h6z2_197:not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110) {
   padding-top: var(--space-scaled-xs-x91h81, 8px);
 }
-.awsui_no-wrap_2qdw9_8poy5_142 > .awsui_title_2qdw9_8poy5_179:not(#\9):not(.awsui_refresh_2qdw9_8poy5_110) {
+.awsui_no-wrap_2qdw9_6h6z2_142 > .awsui_title_2qdw9_6h6z2_179:not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110) {
   padding-bottom: calc(var(--space-scaled-xxs-t7ij38, 4px) + var(--space-scaled-xxxs-f7yq15, 2px));
 }
-.awsui_root-no-actions_2qdw9_8poy5_110.awsui_root-has-description_2qdw9_8poy5_113 > .awsui_main_2qdw9_8poy5_132 > :not(#\9):not(.awsui_refresh_2qdw9_8poy5_110).awsui_title-variant-h2_2qdw9_8poy5_191, .awsui_root-no-actions_2qdw9_8poy5_110.awsui_root-has-description_2qdw9_8poy5_113 > .awsui_main_2qdw9_8poy5_132 > :not(#\9):not(.awsui_refresh_2qdw9_8poy5_110).awsui_title-variant-h3_2qdw9_8poy5_197 {
+.awsui_root-no-actions_2qdw9_6h6z2_110.awsui_root-has-description_2qdw9_6h6z2_113 > .awsui_main_2qdw9_6h6z2_132 > :not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110).awsui_title-variant-h2_2qdw9_6h6z2_191, .awsui_root-no-actions_2qdw9_6h6z2_110.awsui_root-has-description_2qdw9_6h6z2_113 > .awsui_main_2qdw9_6h6z2_132 > :not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110).awsui_title-variant-h3_2qdw9_6h6z2_197 {
   padding-bottom: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_root-variant-h1_2qdw9_8poy5_122.awsui_root-no-actions_2qdw9_8poy5_110:not(#\9):not(.awsui_root-has-description_2qdw9_8poy5_113):not(.awsui_refresh_2qdw9_8poy5_110) {
+.awsui_root-variant-h1_2qdw9_6h6z2_122.awsui_root-no-actions_2qdw9_6h6z2_110:not(#\9):not(.awsui_root-has-description_2qdw9_6h6z2_113):not(.awsui_refresh_2qdw9_6h6z2_110) {
   padding-bottom: var(--space-scaled-2x-xxs-r5f1ts, 4px);
 }
-.awsui_info_2qdw9_8poy5_218:not(#\9) {
+.awsui_virtual-space_2qdw9_6h6z2_218:not(#\9) {
+  position: absolute !important;
+  top: -9999px !important;
+  left: -9999px !important;
+}
+.awsui_info_2qdw9_6h6z2_224:not(#\9) {
   padding-right: var(--space-s-2025hl, 12px);
 }
-.awsui_description_2qdw9_8poy5_222:not(#\9) {
+.awsui_description_2qdw9_6h6z2_228:not(#\9) {
   margin: 0;
   padding: 0;
   color: var(--color-text-heading-secondary-b83go1, #545b64);
 }
-.awsui_description-variant-h1_2qdw9_8poy5_227:not(#\9) {
+.awsui_description-variant-h1_2qdw9_6h6z2_233:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
 }
-.awsui_description-variant-h2_2qdw9_8poy5_231:not(#\9) {
+.awsui_description-variant-h2_2qdw9_6h6z2_237:not(#\9) {
   font-size: var(--font-header-h2-description-size-zfw7u2, 12px);
   line-height: var(--font-header-h2-description-line-height-trwmd4, 16px);
 }
-.awsui_description-variant-h2_2qdw9_8poy5_231:not(#\9):not(.awsui_refresh_2qdw9_8poy5_110) {
+.awsui_description-variant-h2_2qdw9_6h6z2_237:not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110) {
   padding-bottom: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_description-variant-h3_2qdw9_8poy5_238:not(#\9) {
+.awsui_description-variant-h3_2qdw9_6h6z2_244:not(#\9) {
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
 }
-.awsui_description-variant-h3_2qdw9_8poy5_238:not(#\9):not(.awsui_refresh_2qdw9_8poy5_110) {
+.awsui_description-variant-h3_2qdw9_6h6z2_244:not(#\9):not(.awsui_refresh_2qdw9_6h6z2_110) {
   padding-bottom: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_heading_2qdw9_8poy5_247:not(#\9) {
+.awsui_heading_2qdw9_6h6z2_253:not(#\9) {
   margin: 0;
   display: inline;
   font-size: inherit;
   margin-right: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_heading_2qdw9_8poy5_247:not(#\9):only-child {
+.awsui_heading_2qdw9_6h6z2_253:not(#\9):only-child {
   margin: 0;
 }
-.awsui_heading-variant-h1_2qdw9_8poy5_256:not(#\9) {
+.awsui_heading-variant-h1_2qdw9_6h6z2_262:not(#\9) {
   font-size: var(--font-size-heading-xl-k9a0qt, 28px);
   line-height: var(--line-height-heading-xl-v9hsvt, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-87t96e, normal);
 }
-.awsui_heading-variant-h2_2qdw9_8poy5_261:not(#\9) {
+.awsui_heading-variant-h2_2qdw9_6h6z2_267:not(#\9) {
   font-size: var(--font-size-heading-l-l21r86, 18px);
   line-height: var(--line-height-heading-l-vog8w7, 22px);
   letter-spacing: var(--letter-spacing-heading-l-bejyzw, normal);
 }
-.awsui_heading-variant-h3_2qdw9_8poy5_266:not(#\9) {
+.awsui_heading-variant-h3_2qdw9_6h6z2_272:not(#\9) {
   font-size: var(--font-size-heading-m-io97me, 18px);
   line-height: var(--line-height-heading-m-6mmwjh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-kfwhdw, normal);
 }
-.awsui_heading-text_2qdw9_8poy5_272:not(#\9) {
+.awsui_heading-text_2qdw9_6h6z2_278:not(#\9) {
   /* used in test-utils */
 }
-.awsui_heading-text-variant-h1_2qdw9_8poy5_275:not(#\9) {
+.awsui_heading-text-variant-h1_2qdw9_6h6z2_281:not(#\9) {
   font-size: var(--font-size-heading-xl-k9a0qt, 28px);
   line-height: var(--line-height-heading-xl-v9hsvt, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-87t96e, normal);
@@ -306,7 +312,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_heading-text-variant-h2_2qdw9_8poy5_283:not(#\9) {
+.awsui_heading-text-variant-h2_2qdw9_6h6z2_289:not(#\9) {
   font-size: var(--font-size-heading-l-l21r86, 18px);
   line-height: var(--line-height-heading-l-vog8w7, 22px);
   letter-spacing: var(--letter-spacing-heading-l-bejyzw, normal);
@@ -314,7 +320,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_heading-text-variant-h3_2qdw9_8poy5_291:not(#\9) {
+.awsui_heading-text-variant-h3_2qdw9_6h6z2_297:not(#\9) {
   font-size: var(--font-size-heading-m-io97me, 18px);
   line-height: var(--line-height-heading-m-6mmwjh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-kfwhdw, normal);
@@ -323,7 +329,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_counter_2qdw9_8poy5_300:not(#\9) {
+.awsui_counter_2qdw9_6h6z2_306:not(#\9) {
   color: var(--color-text-counter-f3a2pb, #687078);
   font-weight: 400;
 }

package/lib/internal/template/header/styles.selectors.js CHANGED Viewed

@@ -2,37 +2,38 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2qdw9_8poy5_93",
-  "refresh": "awsui_refresh_2qdw9_8poy5_110",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_8poy5_110",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_8poy5_113",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_8poy5_113",
-  "root-has-description": "awsui_root-has-description_2qdw9_8poy5_113",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_8poy5_122",
-  "main": "awsui_main_2qdw9_8poy5_132",
-  "no-wrap": "awsui_no-wrap_2qdw9_8poy5_142",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_8poy5_148",
-  "actions": "awsui_actions_2qdw9_8poy5_156",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_8poy5_160",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_8poy5_163",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_8poy5_166",
-  "title": "awsui_title_2qdw9_8poy5_179",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_8poy5_184",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_8poy5_191",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_8poy5_197",
-  "info": "awsui_info_2qdw9_8poy5_218",
-  "description": "awsui_description_2qdw9_8poy5_222",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_8poy5_227",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_8poy5_231",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_8poy5_238",
-  "heading": "awsui_heading_2qdw9_8poy5_247",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_8poy5_256",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_8poy5_261",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_8poy5_266",
-  "heading-text": "awsui_heading-text_2qdw9_8poy5_272",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_8poy5_275",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_8poy5_283",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_8poy5_291",
-  "counter": "awsui_counter_2qdw9_8poy5_300"
+  "root": "awsui_root_2qdw9_6h6z2_93",
+  "refresh": "awsui_refresh_2qdw9_6h6z2_110",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_6h6z2_110",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_6h6z2_113",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_6h6z2_113",
+  "root-has-description": "awsui_root-has-description_2qdw9_6h6z2_113",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_6h6z2_122",
+  "main": "awsui_main_2qdw9_6h6z2_132",
+  "no-wrap": "awsui_no-wrap_2qdw9_6h6z2_142",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_6h6z2_148",
+  "actions": "awsui_actions_2qdw9_6h6z2_156",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_6h6z2_160",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_6h6z2_163",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_6h6z2_166",
+  "title": "awsui_title_2qdw9_6h6z2_179",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_6h6z2_184",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_6h6z2_191",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_6h6z2_197",
+  "virtual-space": "awsui_virtual-space_2qdw9_6h6z2_218",
+  "info": "awsui_info_2qdw9_6h6z2_224",
+  "description": "awsui_description_2qdw9_6h6z2_228",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_6h6z2_233",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_6h6z2_237",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_6h6z2_244",
+  "heading": "awsui_heading_2qdw9_6h6z2_253",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_6h6z2_262",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_6h6z2_267",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_6h6z2_272",
+  "heading-text": "awsui_heading-text_2qdw9_6h6z2_278",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_6h6z2_281",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_6h6z2_289",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_6h6z2_297",
+  "counter": "awsui_counter_2qdw9_6h6z2_306"
 };

package/lib/internal/template/internal/components/button-trigger/index.d.ts CHANGED Viewed

@@ -9,6 +9,7 @@ export interface ButtonTriggerProps extends BaseComponentProps {
     readOnly?: boolean;
     invalid?: boolean;
     inFilteringToken?: boolean;
+    inlineTokens?: boolean;
     ariaHasPopup?: 'true' | 'listbox' | 'dialog';
     ariaControls?: string;
     ariaLabel?: string;

package/lib/internal/template/internal/components/button-trigger/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;~~AAyED~~,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA2ED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}

package/lib/internal/template/internal/components/button-trigger/index.js CHANGED Viewed

@@ -8,9 +8,9 @@ import InternalIcon from '../../../icon/internal';
 import styles from './styles.css.js';
 import { fireKeyboardEvent, fireCancelableEvent } from '../../events';
 const ButtonTrigger = (_a, ref) => {
-    var { children, pressed = false, hideCaret = false, disabled = false, readOnly = false, invalid = false, inFilteringToken, ariaHasPopup, ariaLabel, ariaLabelledby, ariaDescribedby, ariaControls, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, autoFocus } = _a, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "ariaControls", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur", "autoFocus"]);
+    var { children, pressed = false, hideCaret = false, disabled = false, readOnly = false, invalid = false, inlineTokens, inFilteringToken, ariaHasPopup, ariaLabel, ariaLabelledby, ariaDescribedby, ariaControls, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, autoFocus } = _a, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "inlineTokens", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "ariaControls", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur", "autoFocus"]);
     const baseProps = getBaseProps(restProps);
-    const attributes = Object.assign(Object.assign({}, baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', 'aria-controls': ariaControls, onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)), onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)), onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)), onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)), onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)), onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)), autoFocus });
+    const attributes = Object.assign(Object.assign({}, baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token'], inlineTokens && styles['inline-tokens']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', 'aria-controls': ariaControls, onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)), onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)), onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)), onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)), onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)), onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)), autoFocus });
     if (invalid) {
         attributes['aria-invalid'] = invalid;
     }

package/lib/internal/template/internal/components/button-trigger/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAyC,MAAM,cAAc,CAAC;~~AAwB7G~~,MAAM,aAAa,GAAG,CACpB,~~EAqBqB~~,EACrB,GAAiC,EACjC,EAAE;~~QAvBF~~,EACE,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,EACZ,SAAS,EACT,OAAO,EACP,WAAW,EACX,OAAO,EACP,OAAO,EACP,MAAM,EACN,SAAS,OAEU,EADhB,SAAS,~~cApBd~~,~~iQAqBC~~,CADa;IAId,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,UAAU,mCACX,SAAS,KACZ,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,gBAAgB,CAAC,EACxB,SAAS,CAAC,SAAS,EACnB,OAAO,IAAI,MAAM,CAAC,OAAO,EACzB,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAC3B,OAAO,IAAI,MAAM,CAAC,OAAO,EACzB,CAAC,SAAS,IAAI,MAAM,CAAC,WAAW,CAAC,EACjC,QAAQ,IAAI,MAAM,CAAC,WAAW,CAAC,EAC/B,gBAAgB,IAAI,MAAM,CAAC,oBAAoB,CAAC,~~CACjD~~,EACD,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,eAAe,EAAE,OAAO,EACxB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,eAAe,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,SAAS,EAC1C,eAAe,EAAE,YAAY,EAC7B,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,EACtE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,EAChE,WAAW,EAAE,WAAW,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,WAAW,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC,EAClF,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC,EACtE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC,EACtE,MAAM,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,EAAE,KAAK,CAAC,CAAC,EACvG,SAAS,GACV,CAAC;IAEF,IAAI,OAAO,EAAE;QACX,UAAU,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC;KACtC;IAED,OAAO,CACL,8CAAQ,GAAG,EAAE,GAAG,IAAM,UAAU;QAC7B,QAAQ;QACR,CAAC,SAAS,IAAI,CACb,8BAAM,SAAS,EAAE,MAAM,CAAC,KAAK;YAC3B,oBAAC,YAAY,IAAC,IAAI,EAAC,mBAAmB,EAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,GAAI,CAC/E,CACR,CACM,CACV,CAAC;AACJ,CAAC,CAAC;AAQF,eAAe,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport InternalIcon from '../../../icon/internal';\nimport styles from './styles.css.js';\nimport { fireKeyboardEvent, fireCancelableEvent, CancelableEventHandler, BaseKeyDetail } from '../../events';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n children?: React.ReactNode;\n pressed?: boolean;\n hideCaret?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n invalid?: boolean;\n inFilteringToken?: boolean;\n ariaHasPopup?: 'true' \| 'listbox' \| 'dialog';\n ariaControls?: string;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n onMouseDown?: CancelableEventHandler;\n onClick?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n onBlur?: CancelableEventHandler<{ relatedTarget: Node \| null }>;\n autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n {\n children,\n pressed = false,\n hideCaret = false,\n disabled = false,\n readOnly = false,\n invalid = false,\n inFilteringToken,\n ariaHasPopup,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n ariaControls,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onClick,\n onFocus,\n onBlur,\n autoFocus,\n ...restProps\n }: ButtonTriggerProps,\n ref: React.Ref<HTMLButtonElement>\n) => {\n const baseProps = getBaseProps(restProps);\n const attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n ...baseProps,\n type: 'button',\n className: clsx(\n styles['button-trigger'],\n baseProps.className,\n pressed && styles.pressed,\n disabled && styles.disabled,\n invalid && styles.invalid,\n !hideCaret && styles['has-caret'],\n readOnly && styles['read-only'],\n inFilteringToken && styles['in-filtering-token']\n ),\n disabled: disabled \|\| readOnly,\n 'aria-expanded': pressed,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup ?? 'listbox',\n 'aria-controls': ariaControls,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n autoFocus,\n };\n\n if (invalid) {\n attributes['aria-invalid'] = invalid;\n }\n\n return (\n <button ref={ref} {...attributes}>\n {children}\n {!hideCaret && (\n <span className={styles.arrow}>\n <InternalIcon name=\"caret-down-filled\" variant={disabled ? 'disabled' : 'normal'} />\n </span>\n )}\n </button>\n );\n};\n\nexport namespace ButtonTriggerProps {\n export interface Ref {\n focus(): void;\n }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/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, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport InternalIcon from '../../../icon/internal';\nimport styles from './styles.css.js';\nimport { fireKeyboardEvent, fireCancelableEvent, CancelableEventHandler, BaseKeyDetail } from '../../events';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n children?: React.ReactNode;\n pressed?: boolean;\n hideCaret?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n invalid?: boolean;\n inFilteringToken?: boolean;\n inlineTokens?: boolean;\n ariaHasPopup?: 'true' \| 'listbox' \| 'dialog';\n ariaControls?: string;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n onMouseDown?: CancelableEventHandler;\n onClick?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n onBlur?: CancelableEventHandler<{ relatedTarget: Node \| null }>;\n autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n {\n children,\n pressed = false,\n hideCaret = false,\n disabled = false,\n readOnly = false,\n invalid = false,\n inlineTokens,\n inFilteringToken,\n ariaHasPopup,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n ariaControls,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onClick,\n onFocus,\n onBlur,\n autoFocus,\n ...restProps\n }: ButtonTriggerProps,\n ref: React.Ref<HTMLButtonElement>\n) => {\n const baseProps = getBaseProps(restProps);\n const attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n ...baseProps,\n type: 'button',\n className: clsx(\n styles['button-trigger'],\n baseProps.className,\n pressed && styles.pressed,\n disabled && styles.disabled,\n invalid && styles.invalid,\n !hideCaret && styles['has-caret'],\n readOnly && styles['read-only'],\n inFilteringToken && styles['in-filtering-token'],\n inlineTokens && styles['inline-tokens']\n ),\n disabled: disabled \|\| readOnly,\n 'aria-expanded': pressed,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup ?? 'listbox',\n 'aria-controls': ariaControls,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n autoFocus,\n };\n\n if (invalid) {\n attributes['aria-invalid'] = invalid;\n }\n\n return (\n <button ref={ref} {...attributes}>\n {children}\n {!hideCaret && (\n <span className={styles.arrow}>\n <InternalIcon name=\"caret-down-filled\" variant={disabled ? 'disabled' : 'normal'} />\n </span>\n )}\n </button>\n );\n};\n\nexport namespace ButtonTriggerProps {\n export interface Ref {\n focus(): void;\n }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}

package/lib/internal/template/internal/components/button-trigger/styles.css.js CHANGED Viewed

@@ -1,14 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "button-trigger": "awsui_button-trigger_18eso_1udh2_97",
-  "arrow": "awsui_arrow_18eso_1udh2_97",
-  "has-caret": "awsui_has-caret_18eso_1udh2_137",
-  "placeholder": "awsui_placeholder_18eso_1udh2_140",
-  "pressed": "awsui_pressed_18eso_1udh2_153",
-  "disabled": "awsui_disabled_18eso_1udh2_156",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_1udh2_165",
-  "read-only": "awsui_read-only_18eso_1udh2_171",
-  "invalid": "awsui_invalid_18eso_1udh2_188"
+  "button-trigger": "awsui_button-trigger_18eso_u7l1r_97",
+  "arrow": "awsui_arrow_18eso_u7l1r_97",
+  "has-caret": "awsui_has-caret_18eso_u7l1r_137",
+  "placeholder": "awsui_placeholder_18eso_u7l1r_140",
+  "pressed": "awsui_pressed_18eso_u7l1r_153",
+  "disabled": "awsui_disabled_18eso_u7l1r_156",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_u7l1r_165",
+  "read-only": "awsui_read-only_18eso_u7l1r_171",
+  "invalid": "awsui_invalid_18eso_u7l1r_188",
+  "inline-tokens": "awsui_inline-tokens_18eso_u7l1r_223"
 };