npm - @cloudscape-design/components - Versions diffs - 3.0.1010 → 3.0.1012 - Mend

@cloudscape-design/components 3.0.1010 → 3.0.1012

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

package/button/interfaces.d.ts +16 -16
package/button/interfaces.d.ts.map +1 -1
package/button/interfaces.js.map +1 -1
package/header/styles.css.js +34 -34
package/header/styles.scoped.css +53 -51
package/header/styles.selectors.js +34 -34
package/internal/base-component/styles.scoped.css +1 -1
package/internal/environment.js +2 -2
package/internal/environment.json +2 -2
package/internal/manifest.json +1 -1
package/package.json +1 -1

package/button/interfaces.d.ts CHANGED Viewed

@@ -89,22 +89,6 @@ export interface BaseButtonProps {
      * @i18n
      */
     i18nStrings?: ButtonProps.I18nStrings;
-    /**
-     * Specifies an object of selectors and properties that are used to apply custom styles.
-     *
-     * - `root.background` {active, default, disabled, hover} - (Optional) Background for component states.
-     * - `root.borderColor` {active, default, disabled, hover} - (Optional) Border color for component states.
-     * - `root.borderRadius` (string) - (Optional) Border radius style.
-     * - `root.borderWidth` (string) - (Optional) Border width style.
-     * - `root.color` {active, default, disabled, hover} - (Optional) Color for component states.
-     * - `root.focusRing.borderColor` (string) - (Optional) Focus ring border color.
-     * - `root.focusRing.borderRadius` (string) - (Optional) Focus ring border radius.
-     * - `root.focusRing.borderWidth` (string) - (Optional) Focus ring border width.
-     * - `root.paddingBlock` (string) - (Optional) Block dimension padding.
-     * - `root.paddingInline` (string) - (Optional) Inline dimension padding.
-     * @awsuiSystem core
-     */
-    style?: ButtonProps.Style;
 }
 export interface ButtonProps extends BaseComponentProps, BaseButtonProps {
     /**
@@ -171,6 +155,22 @@ export interface ButtonProps extends BaseComponentProps, BaseButtonProps {
      * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.
      */
     iconAlt?: string;
+    /**
+     * Specifies an object of selectors and properties that are used to apply custom styles.
+     *
+     * - `root.background` {active, default, disabled, hover} - (Optional) Background for component states.
+     * - `root.borderColor` {active, default, disabled, hover} - (Optional) Border color for component states.
+     * - `root.borderRadius` (string) - (Optional) Border radius style.
+     * - `root.borderWidth` (string) - (Optional) Border width style.
+     * - `root.color` {active, default, disabled, hover} - (Optional) Color for component states.
+     * - `root.focusRing.borderColor` (string) - (Optional) Focus ring border color.
+     * - `root.focusRing.borderRadius` (string) - (Optional) Focus ring border radius.
+     * - `root.focusRing.borderWidth` (string) - (Optional) Focus ring border width.
+     * - `root.paddingBlock` (string) - (Optional) Block dimension padding.
+     * - `root.paddingInline` (string) - (Optional) Inline dimension padding.
+     * @awsuiSystem core
+     */
+    style?: ButtonProps.Style;
 }
 export declare namespace ButtonProps {
     type Variant = 'normal' | 'primary' | 'link' | 'icon' | 'inline-icon' | 'inline-link';

package/button/interfaces.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/button/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE/G,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC;~~IAEtC;;;;;;;;;;;;;;OAcG~~;~~IACH,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;CAC3B;~~AAED,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,eAAe;IACtE;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC;IAElC;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC;IAEpC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;QAII;IACJ,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAE1D;;;OAGG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAE5D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC;IAE9B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;~~CAClB~~;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,aAAa,CAAC;IAC7F,KAAY,WAAW,GAAG,YAAY,CAAC;IACvC,KAAY,YAAY,GAAG,oBAAoB,CAAC;IAEhD,KAAY,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IAE3C,KAAY,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAEzC,UAAiB,WAAW;QAC1B;;WAEG;QACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;KAChC;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;KACrC;IAED,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE;gBACX,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,WAAW,CAAC,EAAE;gBACZ,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,KAAK,CAAC,EAAE;gBACN,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;YACF,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;KACH;CACF"}
1	+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/button/interfaces.ts"],"names":[],"mappings":"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"}

package/button/interfaces.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/button/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { BaseNavigationDetail, CancelableEventHandler, ClickDetail as _ClickDetail } from '../internal/events';\n\nexport interface BaseButtonProps {\n /*\n Renders the button as disabled and prevents clicks.\n /\n disabled?: boolean;\n /\n Provides a reason why the button is disabled (only when `disabled` is `true`).\n * If provided, the button becomes focusable.\n * Applicable for all button variants, except link.\n /\n disabledReason?: string;\n /\n Renders the button as being in a loading state. It takes precedence over the `disabled` if both are set to `true`.\n * It prevents users from clicking the button, but it can still be focused.\n /\n loading?: boolean;\n /\n Specifies the text that screen reader announces when the button is in a loading state.\n /\n loadingText?: string;\n /\n Displays an icon next to the text. You can use the `iconAlign` property to position the icon.\n /\n iconName?: IconProps.Name;\n /\n Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n \n If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n /\n iconUrl?: string;\n /\n Specifies the SVG of a custom icon.\n \n Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n * - has attribute `focusable=\"false\"`.\n * - has `viewBox=\"0 0 16 16\"`.\n \n If you set the `svg` element as the root node of the slot, the component will automatically\n * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n * - set the stroke width based on the size of the icon.\n * - set the width and height of the SVG element based on the size of the icon.\n \n If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n \n If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n \n Note: Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n /\n iconSvg?: React.ReactNode;\n\n /\n Adds `aria-label` to the button element. Use this to provide an accessible name for buttons\n * that don't have visible text, and to distinguish between multiple buttons with identical visible text.\n * The text will also be added to the `title` attribute of the button.\n /\n ariaLabel?: string;\n\n /\n Adds `aria-describedby` to the button.\n /\n ariaDescribedby?: string;\n\n /\n Specifies if the `text` content wraps. If you set it to `false`, it prevents the text from wrapping.\n /\n wrapText?: boolean;\n\n /\n Text displayed in the button element.\n * @displayname text\n /\n children?: React.ReactNode;\n\n /\n Adds `aria-controls` to the button. Use when the button controls the contents or presence of an element.\n /\n ariaControls?: string;\n\n /\n Adds an external icon after the button label text.\n * If an href is provided, it opens the link in a new tab.\n /\n external?: boolean;\n\n /\n An object containing all the necessary localized strings required by the component. The object should contain:\n \n * `externalIconAriaLabel` - (optional) Specifies the aria-label for the external icon when `external` is set to `true`.\n * @i18n\n /\n i18nStrings?: ButtonProps.I18nStrings;\n~~\n /\n Specifies an object of selectors and properties that are used to apply custom styles.\n \n - `root.background` {active, default, disabled, hover~~} - (Optional) Background for component states.\n * - `root.borderColor` {active, default, disabled, hover} - (Optional) Border color for component states.\n * - `root.borderRadius` (string) - (Optional) Border radius style.\n * - `root.borderWidth` (string) - (Optional) Border width style.\n * - `root.color` {active, default, disabled, hover} - (Optional) Color for component states.\n * - `root.focusRing.borderColor` (string) - (Optional) Focus ring border color.\n * - `root.focusRing.borderRadius` (string) - (Optional) Focus ring border radius.\n * - `root.focusRing.borderWidth` (string) - (Optional) Focus ring border width.\n * - `root.paddingBlock` (string) - (Optional) Block dimension padding.\n * - `root.paddingInline` (string) - (Optional) Inline dimension padding.\n * @awsuiSystem core\n /\n style?: ButtonProps.Style;\n}\n\nexport interface ButtonProps extends BaseComponentProps, BaseButtonProps {\n /\n Specifies the alignment of the icon.\n /\n iconAlign?: ButtonProps.IconAlign;\n\n /\n The form action that is performed by a button click.\n /\n formAction?: ButtonProps.FormAction;\n\n /\n Applies button styling to a link. Use this property if you need a link styled as a button (`variant=link`).\n * For example, if you have a 'help' button that links to a documentation page.\n /\n href?: string;\n\n /\n Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`).\n * This property only applies when an `href` is provided.\n /\n target?: string;\n\n /\n Adds a `rel` attribute to the link. By default, the component sets the `rel` attribute to \"noopener noreferrer\" when `target` is `\"_blank\"`.\n * If the `rel` property is provided, it overrides the default behavior.\n /\n rel?: string;\n\n /\n Specifies whether the linked URL, when selected, will prompt the user to download instead of navigate.\n * You can specify a string value that will be suggested as the name of the downloaded file.\n * This property only applies when an `href` is provided.\n /\n download?: boolean \| string;\n\n / The id of the <form> element to associate with the button. The value of this attribute must be the id of a <form> in the same document.\n * Use when a button is not the descendant of a form element, such as when used in a modal.\n /\n form?: string;\n\n /\n Adds aria-expanded to the button element. Use when the button controls an expandable element.\n /\n ariaExpanded?: boolean;\n\n /\n Called when the user clicks on the button and the button is not disabled or in loading state.\n /\n onClick?: CancelableEventHandler<ButtonProps.ClickDetail>;\n\n /\n Called when the user clicks on the button with the left mouse button without pressing\n * modifier keys (that is, CTRL, ALT, SHIFT, META), and the button has an `href` set.\n /\n onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;\n\n /\n Sets the button width to be 100% of the parent container width. Button content is centered.\n /\n fullWidth?: boolean;\n\n /* Determines the general styling of the button as follows:\n * * `primary` for primary buttons.\n * * `normal` for secondary buttons.\n * * `link` for tertiary buttons.\n * * `icon` to display an icon only (no text).\n * * `inline-icon` to display an icon-only (no text) button within a text context.\n * * `inline-link` to display a tertiary button with no outer padding.\n /\n variant?: ButtonProps.Variant;\n\n /\n Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n /\n iconAlt?: string;\n}\n\nexport namespace ButtonProps {\n export type Variant = 'normal' \| 'primary' \| 'link' \| 'icon' \| 'inline-icon' \| 'inline-link';\n export type ClickDetail = _ClickDetail;\n export type FollowDetail = BaseNavigationDetail;\n\n export type FormAction = 'submit' \| 'none';\n\n export type IconAlign = 'left' \| 'right';\n\n export interface I18nStrings {\n /\n Specifies the aria-label for the external icon when `external` is set to `true`.\n /\n externalIconAriaLabel?: string;\n }\n\n export interface Ref {\n /\n Focuses the underlying native button.\n */\n focus(options?: FocusOptions): void;\n }\n\n export interface Style {\n root?: {\n background?: {\n active?: string;\n default?: string;\n disabled?: string;\n hover?: string;\n };\n borderColor?: {\n active?: string;\n default?: string;\n disabled?: string;\n hover?: string;\n };\n borderRadius?: string;\n borderWidth?: string;\n color?: {\n active?: string;\n default?: string;\n disabled?: string;\n hover?: string;\n };\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n paddingBlock?: string;\n paddingInline?: string;\n };\n }\n}\n"]}
1	+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/button/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { BaseNavigationDetail, CancelableEventHandler, ClickDetail as _ClickDetail } from '../internal/events';\n\nexport interface BaseButtonProps {\n /*\n Renders the button as disabled and prevents clicks.\n /\n disabled?: boolean;\n /\n Provides a reason why the button is disabled (only when `disabled` is `true`).\n * If provided, the button becomes focusable.\n * Applicable for all button variants, except link.\n /\n disabledReason?: string;\n /\n Renders the button as being in a loading state. It takes precedence over the `disabled` if both are set to `true`.\n * It prevents users from clicking the button, but it can still be focused.\n /\n loading?: boolean;\n /\n Specifies the text that screen reader announces when the button is in a loading state.\n /\n loadingText?: string;\n /\n Displays an icon next to the text. You can use the `iconAlign` property to position the icon.\n /\n iconName?: IconProps.Name;\n /\n Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n \n If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n /\n iconUrl?: string;\n /\n Specifies the SVG of a custom icon.\n \n Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n * - has attribute `focusable=\"false\"`.\n * - has `viewBox=\"0 0 16 16\"`.\n \n If you set the `svg` element as the root node of the slot, the component will automatically\n * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n * - set the stroke width based on the size of the icon.\n * - set the width and height of the SVG element based on the size of the icon.\n \n If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n \n If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n \n Note: Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n /\n iconSvg?: React.ReactNode;\n\n /\n Adds `aria-label` to the button element. Use this to provide an accessible name for buttons\n * that don't have visible text, and to distinguish between multiple buttons with identical visible text.\n * The text will also be added to the `title` attribute of the button.\n /\n ariaLabel?: string;\n\n /\n Adds `aria-describedby` to the button.\n /\n ariaDescribedby?: string;\n\n /\n Specifies if the `text` content wraps. If you set it to `false`, it prevents the text from wrapping.\n /\n wrapText?: boolean;\n\n /\n Text displayed in the button element.\n * @displayname text\n /\n children?: React.ReactNode;\n\n /\n Adds `aria-controls` to the button. Use when the button controls the contents or presence of an element.\n /\n ariaControls?: string;\n\n /\n Adds an external icon after the button label text.\n * If an href is provided, it opens the link in a new tab.\n /\n external?: boolean;\n\n /\n An object containing all the necessary localized strings required by the component. The object should contain:\n \n * `externalIconAriaLabel` - (optional) Specifies the aria-label for the external icon when `external` is set to `true`.\n * @i18n\n /\n i18nStrings?: ButtonProps.I18nStrings;\n}\n\nexport interface ButtonProps extends BaseComponentProps, BaseButtonProps {\n /\n Specifies the alignment of the icon.\n /\n iconAlign?: ButtonProps.IconAlign;\n\n /\n The form action that is performed by a button click.\n /\n formAction?: ButtonProps.FormAction;\n\n /\n Applies button styling to a link. Use this property if you need a link styled as a button (`variant=link`).\n * For example, if you have a 'help' button that links to a documentation page.\n /\n href?: string;\n\n /\n Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`).\n * This property only applies when an `href` is provided.\n /\n target?: string;\n\n /\n Adds a `rel` attribute to the link. By default, the component sets the `rel` attribute to \"noopener noreferrer\" when `target` is `\"_blank\"`.\n * If the `rel` property is provided, it overrides the default behavior.\n /\n rel?: string;\n\n /\n Specifies whether the linked URL, when selected, will prompt the user to download instead of navigate.\n * You can specify a string value that will be suggested as the name of the downloaded file.\n * This property only applies when an `href` is provided.\n /\n download?: boolean \| string;\n\n / The id of the <form> element to associate with the button. The value of this attribute must be the id of a <form> in the same document.\n * Use when a button is not the descendant of a form element, such as when used in a modal.\n /\n form?: string;\n\n /\n Adds aria-expanded to the button element. Use when the button controls an expandable element.\n /\n ariaExpanded?: boolean;\n\n /\n Called when the user clicks on the button and the button is not disabled or in loading state.\n /\n onClick?: CancelableEventHandler<ButtonProps.ClickDetail>;\n\n /\n Called when the user clicks on the button with the left mouse button without pressing\n * modifier keys (that is, CTRL, ALT, SHIFT, META), and the button has an `href` set.\n /\n onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;\n\n /\n Sets the button width to be 100% of the parent container width. Button content is centered.\n /\n fullWidth?: boolean;\n\n /* Determines the general styling of the button as follows:\n * * `primary` for primary buttons.\n * * `normal` for secondary buttons.\n * * `link` for tertiary buttons.\n * * `icon` to display an icon only (no text).\n * * `inline-icon` to display an icon-only (no text) button within a text context.\n * * `inline-link` to display a tertiary button with no outer padding.\n /\n variant?: ButtonProps.Variant;\n\n /\n Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n /\n iconAlt?: string;\n\n /\n Specifies an object of selectors and properties that are used to apply custom styles.\n \n - `root.background` {active, default, disabled, hover} - (Optional) Background for component states.\n * - `root.borderColor` {active, default, disabled, hover} - (Optional) Border color for component states.\n * - `root.borderRadius` (string) - (Optional) Border radius style.\n * - `root.borderWidth` (string) - (Optional) Border width style.\n * - `root.color` {active, default, disabled, hover} - (Optional) Color for component states.\n * - `root.focusRing.borderColor` (string) - (Optional) Focus ring border color.\n * - `root.focusRing.borderRadius` (string) - (Optional) Focus ring border radius.\n * - `root.focusRing.borderWidth` (string) - (Optional) Focus ring border width.\n * - `root.paddingBlock` (string) - (Optional) Block dimension padding.\n * - `root.paddingInline` (string) - (Optional) Inline dimension padding.\n * @awsuiSystem core\n /\n style?: ButtonProps.Style;\n}\n\nexport namespace ButtonProps {\n export type Variant = 'normal' \| 'primary' \| 'link' \| 'icon' \| 'inline-icon' \| 'inline-link';\n export type ClickDetail = _ClickDetail;\n export type FollowDetail = BaseNavigationDetail;\n\n export type FormAction = 'submit' \| 'none';\n\n export type IconAlign = 'left' \| 'right';\n\n export interface I18nStrings {\n /\n Specifies the aria-label for the external icon when `external` is set to `true`.\n /\n externalIconAriaLabel?: string;\n }\n\n export interface Ref {\n /\n Focuses the underlying native button.\n */\n focus(options?: FocusOptions): void;\n }\n\n export interface Style {\n root?: {\n background?: {\n active?: string;\n default?: string;\n disabled?: string;\n hover?: string;\n };\n borderColor?: {\n active?: string;\n default?: string;\n disabled?: string;\n hover?: string;\n };\n borderRadius?: string;\n borderWidth?: string;\n color?: {\n active?: string;\n default?: string;\n disabled?: string;\n hover?: string;\n };\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n paddingBlock?: string;\n paddingInline?: string;\n };\n }\n}\n"]}

package/header/styles.css.js CHANGED Viewed

@@ -1,39 +1,39 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2qdw9_hdx5e_181",
-  "refresh": "awsui_refresh_2qdw9_hdx5e_217",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_hdx5e_217",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_hdx5e_220",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_hdx5e_220",
-  "root-has-description": "awsui_root-has-description_2qdw9_hdx5e_220",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_hdx5e_229",
-  "main": "awsui_main_2qdw9_hdx5e_239",
-  "no-wrap": "awsui_no-wrap_2qdw9_hdx5e_249",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_hdx5e_255",
-  "actions": "awsui_actions_2qdw9_hdx5e_263",
-  "actions-centered": "awsui_actions-centered_2qdw9_hdx5e_268",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_hdx5e_271",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_hdx5e_275",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_hdx5e_279",
-  "title": "awsui_title_2qdw9_hdx5e_295",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_hdx5e_300",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_hdx5e_307",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_hdx5e_313",
-  "virtual-space": "awsui_virtual-space_2qdw9_hdx5e_334",
-  "info": "awsui_info_2qdw9_hdx5e_340",
-  "description": "awsui_description_2qdw9_hdx5e_344",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_hdx5e_351",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_hdx5e_355",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_hdx5e_362",
-  "heading": "awsui_heading_2qdw9_hdx5e_371",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_hdx5e_382",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_hdx5e_387",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_hdx5e_392",
-  "heading-text": "awsui_heading-text_2qdw9_hdx5e_398",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_hdx5e_401",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_hdx5e_409",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_hdx5e_417",
-  "counter": "awsui_counter_2qdw9_hdx5e_426"
+  "root": "awsui_root_2qdw9_88efd_181",
+  "refresh": "awsui_refresh_2qdw9_88efd_217",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_88efd_217",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_88efd_220",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_88efd_220",
+  "root-has-description": "awsui_root-has-description_2qdw9_88efd_220",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_88efd_229",
+  "main": "awsui_main_2qdw9_88efd_239",
+  "no-wrap": "awsui_no-wrap_2qdw9_88efd_249",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_88efd_255",
+  "actions": "awsui_actions_2qdw9_88efd_263",
+  "actions-centered": "awsui_actions-centered_2qdw9_88efd_268",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_88efd_271",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_88efd_275",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_88efd_279",
+  "title": "awsui_title_2qdw9_88efd_295",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_88efd_300",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_88efd_307",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_88efd_313",
+  "virtual-space": "awsui_virtual-space_2qdw9_88efd_334",
+  "info": "awsui_info_2qdw9_88efd_340",
+  "description": "awsui_description_2qdw9_88efd_344",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_88efd_351",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_88efd_355",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_88efd_362",
+  "heading": "awsui_heading_2qdw9_88efd_373",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_88efd_384",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_88efd_389",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_88efd_394",
+  "heading-text": "awsui_heading-text_2qdw9_88efd_400",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_88efd_403",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_88efd_411",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_88efd_419",
+  "counter": "awsui_counter_2qdw9_88efd_428"
 };

package/header/styles.scoped.css CHANGED Viewed

@@ -178,7 +178,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_2qdw9_hdx5e_181:not(#\9) {
+.awsui_root_2qdw9_88efd_181:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -214,29 +214,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
   justify-content: space-between;
 }
-.awsui_root_2qdw9_hdx5e_181.awsui_refresh_2qdw9_hdx5e_217:not(#\9), .awsui_root_2qdw9_hdx5e_181:not(#\9):not(.awsui_root-no-actions_2qdw9_hdx5e_217) {
+.awsui_root_2qdw9_88efd_181.awsui_refresh_2qdw9_88efd_217:not(#\9), .awsui_root_2qdw9_88efd_181:not(#\9):not(.awsui_root-no-actions_2qdw9_88efd_217) {
   row-gap: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_root-no-actions_2qdw9_hdx5e_217.awsui_root-variant-h2_2qdw9_hdx5e_220:not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217), .awsui_root-no-actions_2qdw9_hdx5e_217.awsui_root-variant-h3_2qdw9_hdx5e_220:not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217), .awsui_root-has-description_2qdw9_hdx5e_220.awsui_root-variant-h2_2qdw9_hdx5e_220:not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217), .awsui_root-has-description_2qdw9_hdx5e_220.awsui_root-variant-h3_2qdw9_hdx5e_220:not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217) {
+.awsui_root-no-actions_2qdw9_88efd_217.awsui_root-variant-h2_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_root-no-actions_2qdw9_88efd_217.awsui_root-variant-h3_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_root-has-description_2qdw9_88efd_220.awsui_root-variant-h2_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_root-has-description_2qdw9_88efd_220.awsui_root-variant-h3_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_root-no-actions_2qdw9_hdx5e_217:not(#\9):not(.awsui_root-has-description_2qdw9_hdx5e_220):not(.awsui_refresh_2qdw9_hdx5e_217) {
+.awsui_root-no-actions_2qdw9_88efd_217:not(#\9):not(.awsui_root-has-description_2qdw9_88efd_220):not(.awsui_refresh_2qdw9_88efd_217) {
   padding-block-end: calc(var(--space-scaled-xs-xwoogq, 8px) + var(--space-xxxs-pajhad, 2px));
 }
-.awsui_root-no-actions_2qdw9_hdx5e_217.awsui_refresh_2qdw9_hdx5e_217.awsui_root-variant-h2_2qdw9_hdx5e_220:not(#\9), .awsui_root-no-actions_2qdw9_hdx5e_217.awsui_refresh_2qdw9_hdx5e_217.awsui_root-variant-h3_2qdw9_hdx5e_220:not(#\9) {
+.awsui_root-no-actions_2qdw9_88efd_217.awsui_refresh_2qdw9_88efd_217.awsui_root-variant-h2_2qdw9_88efd_220:not(#\9), .awsui_root-no-actions_2qdw9_88efd_217.awsui_refresh_2qdw9_88efd_217.awsui_root-variant-h3_2qdw9_88efd_220:not(#\9) {
   row-gap: var(--space-scaled-xxxs-oo06c7, 2px);
 }
-.awsui_root_2qdw9_hdx5e_181.awsui_root-variant-h1_2qdw9_hdx5e_229:not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217) {
+.awsui_root_2qdw9_88efd_181.awsui_root-variant-h1_2qdw9_88efd_229:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
   row-gap: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_root-no-actions_2qdw9_hdx5e_217:not(#\9):not(.awsui_root-has-description_2qdw9_hdx5e_220).awsui_refresh_2qdw9_hdx5e_217.awsui_root-variant-h3_2qdw9_hdx5e_220 {
+.awsui_root-no-actions_2qdw9_88efd_217:not(#\9):not(.awsui_root-has-description_2qdw9_88efd_220).awsui_refresh_2qdw9_88efd_217.awsui_root-variant-h3_2qdw9_88efd_220 {
   padding-block-end: var(--space-scaled-xs-xwoogq, 8px);
 }
-.awsui_root_2qdw9_hdx5e_181.awsui_root-variant-h1_2qdw9_hdx5e_229.awsui_root-has-description_2qdw9_hdx5e_220:not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217) {
+.awsui_root_2qdw9_88efd_181.awsui_root-variant-h1_2qdw9_88efd_229.awsui_root-has-description_2qdw9_88efd_220:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
   padding-block-end: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
-.awsui_main_2qdw9_hdx5e_239:not(#\9) {
+.awsui_main_2qdw9_88efd_239:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   display: flex;
@@ -246,159 +246,161 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   column-gap: var(--space-xs-ymlm0b, 8px);
   row-gap: calc(var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxxs-oo06c7, 2px));
 }
-.awsui_main_2qdw9_hdx5e_239.awsui_no-wrap_2qdw9_hdx5e_249:not(#\9) {
+.awsui_main_2qdw9_88efd_239.awsui_no-wrap_2qdw9_88efd_249:not(#\9) {
   flex-wrap: nowrap;
 }
-.awsui_main_2qdw9_hdx5e_239.awsui_refresh_2qdw9_hdx5e_217:not(#\9) {
+.awsui_main_2qdw9_88efd_239.awsui_refresh_2qdw9_88efd_217:not(#\9) {
   row-gap: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_main-variant-h1_2qdw9_hdx5e_255:not(#\9) {
+.awsui_main-variant-h1_2qdw9_88efd_255:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
-.awsui_root-has-description_2qdw9_hdx5e_220 > .awsui_main_2qdw9_hdx5e_239:not(#\9) {
+.awsui_root-has-description_2qdw9_88efd_220 > .awsui_main_2qdw9_88efd_239:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
-.awsui_actions_2qdw9_hdx5e_263:not(#\9) {
+.awsui_actions_2qdw9_88efd_263:not(#\9) {
   display: flex;
   align-items: flex-start;
   min-block-size: var(--size-vertical-input-p1d7xx, 32px);
 }
-.awsui_actions-centered_2qdw9_hdx5e_268:not(#\9) {
+.awsui_actions-centered_2qdw9_88efd_268:not(#\9) {
   align-items: center;
 }
-.awsui_actions-variant-h1_2qdw9_hdx5e_271.awsui_refresh_2qdw9_hdx5e_217:not(#\9) {
+.awsui_actions-variant-h1_2qdw9_88efd_271.awsui_refresh_2qdw9_88efd_217:not(#\9) {
   padding-block: calc((var(--line-height-heading-xl-hko6p0, 30px) - var(--size-vertical-input-p1d7xx, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_hdx5e_275.awsui_refresh_2qdw9_hdx5e_217:not(#\9) {
+.awsui_actions-variant-h2_2qdw9_88efd_275.awsui_refresh_2qdw9_88efd_217:not(#\9) {
   padding-block: calc((var(--line-height-heading-l-mg5bx6, 24px) - var(--size-vertical-input-p1d7xx, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h3_2qdw9_hdx5e_279.awsui_refresh_2qdw9_hdx5e_217:not(#\9) {
+.awsui_actions-variant-h3_2qdw9_88efd_279.awsui_refresh_2qdw9_88efd_217:not(#\9) {
   padding-block: calc((var(--line-height-heading-m-uoaqdh, 22px) - var(--size-vertical-input-p1d7xx, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h1_2qdw9_hdx5e_271:not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217) {
+.awsui_actions-variant-h1_2qdw9_88efd_271:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
   padding-block: var(--space-scaled-xs-xwoogq, 8px);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_hdx5e_275:not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217), .awsui_actions-variant-h3_2qdw9_hdx5e_279:not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217) {
+.awsui_actions-variant-h2_2qdw9_88efd_275:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_actions-variant-h3_2qdw9_88efd_279:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
   padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
   padding-inline: 0;
 }
-.awsui_root-has-description_2qdw9_hdx5e_220 > .awsui_main_2qdw9_hdx5e_239 > .awsui_actions_2qdw9_hdx5e_263:not(#\9) {
+.awsui_root-has-description_2qdw9_88efd_220 > .awsui_main_2qdw9_88efd_239 > .awsui_actions_2qdw9_88efd_263:not(#\9) {
   padding-block-end: 0;
 }
-.awsui_title_2qdw9_hdx5e_295:not(#\9) {
+.awsui_title_2qdw9_88efd_295:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   color: var(--color-text-heading-default-izpp46, #0f141a);
 }
-.awsui_title-variant-h1_2qdw9_hdx5e_300:not(#\9) {
+.awsui_title-variant-h1_2qdw9_88efd_300:not(#\9) {
   font-size: var(--font-size-heading-xl-wvkbur, 24px);
   padding-block-start: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
-.awsui_title-variant-h1_2qdw9_hdx5e_300.awsui_refresh_2qdw9_hdx5e_217:not(#\9) {
+.awsui_title-variant-h1_2qdw9_88efd_300.awsui_refresh_2qdw9_88efd_217:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-p1d7xx, 32px) - var(--line-height-heading-xl-hko6p0, 30px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_hdx5e_307:not(#\9) {
+.awsui_title-variant-h2_2qdw9_88efd_307:not(#\9) {
   font-size: var(--font-size-heading-l-vnacx6, 20px);
 }
-.awsui_title-variant-h2_2qdw9_hdx5e_307.awsui_refresh_2qdw9_hdx5e_217:not(#\9) {
+.awsui_title-variant-h2_2qdw9_88efd_307.awsui_refresh_2qdw9_88efd_217:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-p1d7xx, 32px) - var(--line-height-heading-l-mg5bx6, 24px)) / 2);
 }
-.awsui_title-variant-h3_2qdw9_hdx5e_313:not(#\9) {
+.awsui_title-variant-h3_2qdw9_88efd_313:not(#\9) {
   font-size: var(--font-size-heading-m-170yiy, 18px);
 }
-.awsui_title-variant-h3_2qdw9_hdx5e_313.awsui_refresh_2qdw9_hdx5e_217:not(#\9) {
+.awsui_title-variant-h3_2qdw9_88efd_313.awsui_refresh_2qdw9_88efd_217:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-p1d7xx, 32px) - var(--line-height-heading-m-uoaqdh, 22px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_hdx5e_307:not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217), .awsui_title-variant-h3_2qdw9_hdx5e_313:not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217) {
+.awsui_title-variant-h2_2qdw9_88efd_307:not(#\9):not(.awsui_refresh_2qdw9_88efd_217), .awsui_title-variant-h3_2qdw9_88efd_313:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
   padding-block-start: var(--space-scaled-xs-xwoogq, 8px);
 }
-.awsui_no-wrap_2qdw9_hdx5e_249 > .awsui_title_2qdw9_hdx5e_295:not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217) {
+.awsui_no-wrap_2qdw9_88efd_249 > .awsui_title_2qdw9_88efd_295:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
   padding-block-end: calc(var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxxs-oo06c7, 2px));
 }
-.awsui_root-no-actions_2qdw9_hdx5e_217.awsui_root-has-description_2qdw9_hdx5e_220 > .awsui_main_2qdw9_hdx5e_239 > :not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217).awsui_title-variant-h2_2qdw9_hdx5e_307, .awsui_root-no-actions_2qdw9_hdx5e_217.awsui_root-has-description_2qdw9_hdx5e_220 > .awsui_main_2qdw9_hdx5e_239 > :not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217).awsui_title-variant-h3_2qdw9_hdx5e_313 {
+.awsui_root-no-actions_2qdw9_88efd_217.awsui_root-has-description_2qdw9_88efd_220 > .awsui_main_2qdw9_88efd_239 > :not(#\9):not(.awsui_refresh_2qdw9_88efd_217).awsui_title-variant-h2_2qdw9_88efd_307, .awsui_root-no-actions_2qdw9_88efd_217.awsui_root-has-description_2qdw9_88efd_220 > .awsui_main_2qdw9_88efd_239 > :not(#\9):not(.awsui_refresh_2qdw9_88efd_217).awsui_title-variant-h3_2qdw9_88efd_313 {
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_root-variant-h1_2qdw9_hdx5e_229.awsui_root-no-actions_2qdw9_hdx5e_217:not(#\9):not(.awsui_root-has-description_2qdw9_hdx5e_220):not(.awsui_refresh_2qdw9_hdx5e_217) {
+.awsui_root-variant-h1_2qdw9_88efd_229.awsui_root-no-actions_2qdw9_88efd_217:not(#\9):not(.awsui_root-has-description_2qdw9_88efd_220):not(.awsui_refresh_2qdw9_88efd_217) {
   padding-block-end: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
-.awsui_virtual-space_2qdw9_hdx5e_334:not(#\9) {
+.awsui_virtual-space_2qdw9_88efd_334:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
-.awsui_info_2qdw9_hdx5e_340:not(#\9) {
+.awsui_info_2qdw9_88efd_340:not(#\9) {
   padding-inline-end: var(--space-s-tvghoh, 12px);
 }
-.awsui_description_2qdw9_hdx5e_344:not(#\9) {
+.awsui_description_2qdw9_88efd_344:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-heading-secondary-iwtvf6, #424650);
 }
-.awsui_description-variant-h1_2qdw9_hdx5e_351:not(#\9) {
+.awsui_description-variant-h1_2qdw9_88efd_351:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
 }
-.awsui_description-variant-h2_2qdw9_hdx5e_355:not(#\9) {
+.awsui_description-variant-h2_2qdw9_88efd_355:not(#\9) {
   font-size: var(--font-header-h2-description-size-g2wws3, 14px);
   line-height: var(--font-header-h2-description-line-height-ts2s6o, 20px);
 }
-.awsui_description-variant-h2_2qdw9_hdx5e_355:not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217) {
+.awsui_description-variant-h2_2qdw9_88efd_355:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_description-variant-h3_2qdw9_hdx5e_362:not(#\9) {
+.awsui_description-variant-h3_2qdw9_88efd_362:not(#\9) {
+  font-size: var(--font-size-body-m-a7nh2n, 14px);
+  line-height: var(--line-height-body-m-2mh3ke, 20px);
+}
+.awsui_description-variant-h3_2qdw9_88efd_362:not(#\9):not(.awsui_refresh_2qdw9_88efd_217) {
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
   letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
-}
-.awsui_description-variant-h3_2qdw9_hdx5e_362:not(#\9):not(.awsui_refresh_2qdw9_hdx5e_217) {
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_heading_2qdw9_hdx5e_371:not(#\9) {
+.awsui_heading_2qdw9_88efd_373:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   display: inline;
   font-size: inherit;
   margin-inline-end: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_heading_2qdw9_hdx5e_371:not(#\9):only-child {
+.awsui_heading_2qdw9_88efd_373:not(#\9):only-child {
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_heading-variant-h1_2qdw9_hdx5e_382:not(#\9) {
+.awsui_heading-variant-h1_2qdw9_88efd_384:not(#\9) {
   font-size: var(--font-size-heading-xl-wvkbur, 24px);
   line-height: var(--line-height-heading-xl-hko6p0, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-ckkb6u, -0.02em);
 }
-.awsui_heading-variant-h2_2qdw9_hdx5e_387:not(#\9) {
+.awsui_heading-variant-h2_2qdw9_88efd_389:not(#\9) {
   font-size: var(--font-size-heading-l-vnacx6, 20px);
   line-height: var(--line-height-heading-l-mg5bx6, 24px);
   letter-spacing: var(--letter-spacing-heading-l-5v6ibv, -0.015em);
 }
-.awsui_heading-variant-h3_2qdw9_hdx5e_392:not(#\9) {
+.awsui_heading-variant-h3_2qdw9_88efd_394:not(#\9) {
   font-size: var(--font-size-heading-m-170yiy, 18px);
   line-height: var(--line-height-heading-m-uoaqdh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
 }
-.awsui_heading-text_2qdw9_hdx5e_398:not(#\9) {
+.awsui_heading-text_2qdw9_88efd_400:not(#\9) {
   /* used in test-utils */
 }
-.awsui_heading-text-variant-h1_2qdw9_hdx5e_401:not(#\9) {
+.awsui_heading-text-variant-h1_2qdw9_88efd_403:not(#\9) {
   font-size: var(--font-size-heading-xl-wvkbur, 24px);
   line-height: var(--line-height-heading-xl-hko6p0, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-ckkb6u, -0.02em);
@@ -406,7 +408,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_heading-text-variant-h2_2qdw9_hdx5e_409:not(#\9) {
+.awsui_heading-text-variant-h2_2qdw9_88efd_411:not(#\9) {
   font-size: var(--font-size-heading-l-vnacx6, 20px);
   line-height: var(--line-height-heading-l-mg5bx6, 24px);
   letter-spacing: var(--letter-spacing-heading-l-5v6ibv, -0.015em);
@@ -414,7 +416,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_heading-text-variant-h3_2qdw9_hdx5e_417:not(#\9) {
+.awsui_heading-text-variant-h3_2qdw9_88efd_419:not(#\9) {
   font-size: var(--font-size-heading-m-170yiy, 18px);
   line-height: var(--line-height-heading-m-uoaqdh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
@@ -423,7 +425,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_counter_2qdw9_hdx5e_426:not(#\9) {
+.awsui_counter_2qdw9_88efd_428:not(#\9) {
   color: var(--color-text-counter-bywf75, #656871);
   font-weight: 400;
 }

package/header/styles.selectors.js CHANGED Viewed

@@ -2,39 +2,39 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2qdw9_hdx5e_181",
-  "refresh": "awsui_refresh_2qdw9_hdx5e_217",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_hdx5e_217",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_hdx5e_220",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_hdx5e_220",
-  "root-has-description": "awsui_root-has-description_2qdw9_hdx5e_220",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_hdx5e_229",
-  "main": "awsui_main_2qdw9_hdx5e_239",
-  "no-wrap": "awsui_no-wrap_2qdw9_hdx5e_249",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_hdx5e_255",
-  "actions": "awsui_actions_2qdw9_hdx5e_263",
-  "actions-centered": "awsui_actions-centered_2qdw9_hdx5e_268",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_hdx5e_271",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_hdx5e_275",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_hdx5e_279",
-  "title": "awsui_title_2qdw9_hdx5e_295",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_hdx5e_300",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_hdx5e_307",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_hdx5e_313",
-  "virtual-space": "awsui_virtual-space_2qdw9_hdx5e_334",
-  "info": "awsui_info_2qdw9_hdx5e_340",
-  "description": "awsui_description_2qdw9_hdx5e_344",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_hdx5e_351",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_hdx5e_355",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_hdx5e_362",
-  "heading": "awsui_heading_2qdw9_hdx5e_371",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_hdx5e_382",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_hdx5e_387",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_hdx5e_392",
-  "heading-text": "awsui_heading-text_2qdw9_hdx5e_398",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_hdx5e_401",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_hdx5e_409",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_hdx5e_417",
-  "counter": "awsui_counter_2qdw9_hdx5e_426"
+  "root": "awsui_root_2qdw9_88efd_181",
+  "refresh": "awsui_refresh_2qdw9_88efd_217",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_88efd_217",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_88efd_220",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_88efd_220",
+  "root-has-description": "awsui_root-has-description_2qdw9_88efd_220",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_88efd_229",
+  "main": "awsui_main_2qdw9_88efd_239",
+  "no-wrap": "awsui_no-wrap_2qdw9_88efd_249",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_88efd_255",
+  "actions": "awsui_actions_2qdw9_88efd_263",
+  "actions-centered": "awsui_actions-centered_2qdw9_88efd_268",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_88efd_271",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_88efd_275",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_88efd_279",
+  "title": "awsui_title_2qdw9_88efd_295",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_88efd_300",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_88efd_307",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_88efd_313",
+  "virtual-space": "awsui_virtual-space_2qdw9_88efd_334",
+  "info": "awsui_info_2qdw9_88efd_340",
+  "description": "awsui_description_2qdw9_88efd_344",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_88efd_351",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_88efd_355",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_88efd_362",
+  "heading": "awsui_heading_2qdw9_88efd_373",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_88efd_384",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_88efd_389",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_88efd_394",
+  "heading-text": "awsui_heading-text_2qdw9_88efd_400",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_88efd_403",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_88efd_411",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_88efd_419",
+  "counter": "awsui_counter_2qdw9_88efd_428"
 };

package/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -2037,5 +2037,5 @@
   }
 }
 :root {
-  --awsui-version-info-45f0473e: true;
+  --awsui-version-info-36bdac5a: true;
 }

package/internal/environment.js CHANGED Viewed

@@ -1,5 +1,5 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (45f0473e)";
-export var GIT_SHA = "45f0473e";
+export var PACKAGE_VERSION = "3.0.0 (36bdac5a)";
+export var GIT_SHA = "36bdac5a";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (45f0473e)",
-  "GIT_SHA": "45f0473e",
+  "PACKAGE_VERSION": "3.0.0 (36bdac5a)",
+  "GIT_SHA": "36bdac5a",
   "THEME": "open-source-visual-refresh",
   "ALWAYS_VISUAL_REFRESH": true
 }

package/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "45f0473e5518910be2cca60c72de819e852d126f"
+  "commit": "36bdac5a943bd9f943a879dcfbb7459e4b97e4b1"
 }

package/package.json CHANGED Viewed

@@ -149,7 +149,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1010",
+  "version": "3.0.1012",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"