@cloudscape-design/components 3.0.1071 → 3.0.1073

package/breadcrumb-group/item/styles.scoped.css

@@ -142,27 +142,27 @@
 */
 /* 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_link_1kosq_1s9qb_145:not(#\9):after {
+.awsui_link_1kosq_1kaoe_145:not(#\9):after {
   display: none;
 }
 
-.awsui_breadcrumb_1kosq_1s9qb_149:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_1s9qb_150:not(#\9) {
+.awsui_breadcrumb_1kosq_1kaoe_149:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1kaoe_150:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_1s9qb_149 > .awsui_icon_1kosq_1s9qb_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_1s9qb_150 > .awsui_icon_1kosq_1s9qb_153:not(#\9) {
+.awsui_breadcrumb_1kosq_1kaoe_149 > .awsui_icon_1kosq_1kaoe_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1kaoe_150 > .awsui_icon_1kosq_1kaoe_153:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-xs-ymlm0b, 8px);
   color: var(--color-text-breadcrumb-icon-9j48ot, #8c8c94);
 }
-.awsui_breadcrumb_1kosq_1s9qb_149 > .awsui_anchor_1kosq_1s9qb_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_1s9qb_150 > .awsui_anchor_1kosq_1s9qb_159:not(#\9) {
+.awsui_breadcrumb_1kosq_1kaoe_149 > .awsui_anchor_1kosq_1kaoe_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1kaoe_150 > .awsui_anchor_1kosq_1kaoe_159:not(#\9) {
   min-inline-size: 0;
   overflow: hidden;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-mdigke, var(--color-text-link-default-1dmm7z, #006ce0));
+  color: var(--awsui-style-color-default-kiajpc, var(--color-text-link-default-1dmm7z, #006ce0));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -173,42 +173,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_breadcrumb_1kosq_1s9qb_149 > .awsui_anchor_1kosq_1s9qb_159:not(#\9),
-  .awsui_ghost-breadcrumb_1kosq_1s9qb_150 > .awsui_anchor_1kosq_1s9qb_159:not(#\9) {
+  .awsui_breadcrumb_1kosq_1kaoe_149 > .awsui_anchor_1kosq_1kaoe_159:not(#\9),
+  .awsui_ghost-breadcrumb_1kosq_1kaoe_150 > .awsui_anchor_1kosq_1kaoe_159:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_1s9qb_149 > .awsui_anchor_1kosq_1s9qb_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1s9qb_149 > .awsui_anchor_1kosq_1s9qb_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_1s9qb_150 > .awsui_anchor_1kosq_1s9qb_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_1s9qb_150 > .awsui_anchor_1kosq_1s9qb_159:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_1kaoe_149 > .awsui_anchor_1kosq_1kaoe_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1kaoe_149 > .awsui_anchor_1kosq_1kaoe_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_1kaoe_150 > .awsui_anchor_1kosq_1kaoe_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_1kaoe_150 > .awsui_anchor_1kosq_1kaoe_159:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_1s9qb_149 > .awsui_anchor_1kosq_1s9qb_159:not(#\9):hover,
-.awsui_ghost-breadcrumb_1kosq_1s9qb_150 > .awsui_anchor_1kosq_1s9qb_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1kaoe_149 > .awsui_anchor_1kosq_1kaoe_159:not(#\9):hover,
+.awsui_ghost-breadcrumb_1kosq_1kaoe_150 > .awsui_anchor_1kosq_1kaoe_159:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-mdigke, var(--color-text-link-hover-sq1gxg, #002b66));
+  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_breadcrumb_1kosq_1s9qb_149 > .awsui_anchor_1kosq_1s9qb_159:not(#\9):focus,
-.awsui_ghost-breadcrumb_1kosq_1s9qb_150 > .awsui_anchor_1kosq_1s9qb_159:not(#\9):focus {
+.awsui_breadcrumb_1kosq_1kaoe_149 > .awsui_anchor_1kosq_1kaoe_159:not(#\9):focus,
+.awsui_ghost-breadcrumb_1kosq_1kaoe_150 > .awsui_anchor_1kosq_1kaoe_159:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_1s9qb_149 > .awsui_anchor_1kosq_1s9qb_159:not(#\9):active,
-.awsui_ghost-breadcrumb_1kosq_1s9qb_150 > .awsui_anchor_1kosq_1s9qb_159:not(#\9):active {
-  color: var(--awsui-style-color-active-mdigke, var(--color-text-link-hover-sq1gxg, #002b66));
+.awsui_breadcrumb_1kosq_1kaoe_149 > .awsui_anchor_1kosq_1kaoe_159:not(#\9):active,
+.awsui_ghost-breadcrumb_1kosq_1kaoe_150 > .awsui_anchor_1kosq_1kaoe_159:not(#\9):active {
+  color: var(--awsui-style-color-active-kiajpc, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_breadcrumb_1kosq_1s9qb_149 > .awsui_anchor_1kosq_1s9qb_159:not(#\9):active, .awsui_breadcrumb_1kosq_1s9qb_149 > .awsui_anchor_1kosq_1s9qb_159:not(#\9):focus, .awsui_breadcrumb_1kosq_1s9qb_149 > .awsui_anchor_1kosq_1s9qb_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_1s9qb_150 > .awsui_anchor_1kosq_1s9qb_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_1s9qb_150 > .awsui_anchor_1kosq_1s9qb_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_1s9qb_150 > .awsui_anchor_1kosq_1s9qb_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1kaoe_149 > .awsui_anchor_1kosq_1kaoe_159:not(#\9):active, .awsui_breadcrumb_1kosq_1kaoe_149 > .awsui_anchor_1kosq_1kaoe_159:not(#\9):focus, .awsui_breadcrumb_1kosq_1kaoe_149 > .awsui_anchor_1kosq_1kaoe_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_1kaoe_150 > .awsui_anchor_1kosq_1kaoe_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_1kaoe_150 > .awsui_anchor_1kosq_1kaoe_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_1kaoe_150 > .awsui_anchor_1kosq_1kaoe_159:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_breadcrumb_1kosq_1s9qb_149 > .awsui_anchor_1kosq_1s9qb_159 > .awsui_text_1kosq_1s9qb_206:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_1s9qb_150 > .awsui_anchor_1kosq_1s9qb_159 > .awsui_text_1kosq_1s9qb_206:not(#\9) {
+.awsui_breadcrumb_1kosq_1kaoe_149 > .awsui_anchor_1kosq_1kaoe_159 > .awsui_text_1kosq_1kaoe_206:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1kaoe_150 > .awsui_anchor_1kosq_1kaoe_159 > .awsui_text_1kosq_1kaoe_206:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
-body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_1s9qb_149 > .awsui_anchor_1kosq_1s9qb_159:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_1s9qb_150 > .awsui_anchor_1kosq_1s9qb_159:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_1kaoe_149 > .awsui_anchor_1kosq_1kaoe_159:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_1kaoe_150 > .awsui_anchor_1kosq_1kaoe_159:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
   outline-offset: 2px;
@@ -219,12 +219,12 @@ body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_1s9qb_150 > .a
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-39uvxr, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_breadcrumb_1kosq_1s9qb_149.awsui_last_1kosq_1s9qb_225 > .awsui_icon_1kosq_1s9qb_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_1s9qb_150.awsui_last_1kosq_1s9qb_225 > .awsui_icon_1kosq_1s9qb_153:not(#\9) {
+.awsui_breadcrumb_1kosq_1kaoe_149.awsui_last_1kosq_1kaoe_225 > .awsui_icon_1kosq_1kaoe_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1kaoe_150.awsui_last_1kosq_1kaoe_225 > .awsui_icon_1kosq_1kaoe_153:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_1s9qb_149.awsui_last_1kosq_1s9qb_225 > .awsui_anchor_1kosq_1s9qb_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_1s9qb_150.awsui_last_1kosq_1s9qb_225 > .awsui_anchor_1kosq_1s9qb_159:not(#\9) {
+.awsui_breadcrumb_1kosq_1kaoe_149.awsui_last_1kosq_1kaoe_225 > .awsui_anchor_1kosq_1kaoe_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1kaoe_150.awsui_last_1kosq_1kaoe_225 > .awsui_anchor_1kosq_1kaoe_159:not(#\9) {
   color: var(--color-text-breadcrumb-current-2mqnkk, #656871);
   font-weight: 700;
   text-decoration: none;

package/breadcrumb-group/item/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_1kosq_1s9qb_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_1s9qb_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_1s9qb_150",
-  "icon": "awsui_icon_1kosq_1s9qb_153",
-  "anchor": "awsui_anchor_1kosq_1s9qb_159",
-  "text": "awsui_text_1kosq_1s9qb_206",
-  "last": "awsui_last_1kosq_1s9qb_225"
+  "link": "awsui_link_1kosq_1kaoe_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_1kaoe_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_1kaoe_150",
+  "icon": "awsui_icon_1kosq_1kaoe_153",
+  "anchor": "awsui_anchor_1kosq_1kaoe_159",
+  "text": "awsui_text_1kosq_1kaoe_206",
+  "last": "awsui_last_1kosq_1kaoe_225"
 };
   

package/button/interfaces.d.ts

@@ -181,18 +181,6 @@ export interface ButtonProps extends BaseComponentProps, BaseButtonProps {
    */
   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
    */
 }
@@ -230,6 +218,12 @@ export declare namespace ButtonProps {
       };
       borderRadius?: string;
       borderWidth?: string;
+      boxShadow?: {
+        active?: string;
+        default?: string;
+        disabled?: string;
+        hover?: string;
+      };
       color?: {
         active?: string;
         default?: string;

package/button/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/button/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/button/interfaces.ts"],"names":[],"mappings":"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"}

package/button/interfaces.js.map

@@ -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/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\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   * Attributes to add to the native `button` element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeButtonAttributes?: NativeAttributes<React.ButtonHTMLAttributes<HTMLButtonElement>>;\n\n  /**\n   * Attributes to add to the native `a` element (when `href` is provided).\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeAnchorAttributes?: NativeAttributes<React.AnchorHTMLAttributes<HTMLAnchorElement>>;\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"]}
+{"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/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\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   * Attributes to add to the native `button` element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeButtonAttributes?: NativeAttributes<React.ButtonHTMLAttributes<HTMLButtonElement>>;\n\n  /**\n   * Attributes to add to the native `a` element (when `href` is provided).\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeAnchorAttributes?: NativeAttributes<React.AnchorHTMLAttributes<HTMLAnchorElement>>;\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   * @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      boxShadow?: {\n        active?: string;\n        default?: string;\n        disabled?: string;\n        hover?: string;\n      };\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/button/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/button/style.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC;;;;;cAqC1D"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/button/style.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC;;;;;cA2C1D"}

package/button/style.js

@@ -3,11 +3,11 @@
 import { SYSTEM } from '../internal/environment';
 import customCssProps from '../internal/generated/custom-css-properties';
 export function getButtonStyles(style) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
     if (SYSTEM !== 'core' || !(style === null || style === void 0 ? void 0 : style.root)) {
         return undefined;
     }
-    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ borderRadius: (_a = style === null || style === void 0 ? void 0 : style.root) === null || _a === void 0 ? void 0 : _a.borderRadius, borderWidth: (_b = style === null || style === void 0 ? void 0 : style.root) === null || _b === void 0 ? void 0 : _b.borderWidth, paddingBlock: (_c = style === null || style === void 0 ? void 0 : style.root) === null || _c === void 0 ? void 0 : _c.paddingBlock, paddingInline: (_d = style === null || style === void 0 ? void 0 : style.root) === null || _d === void 0 ? void 0 : _d.paddingInline }, (((_e = style === null || style === void 0 ? void 0 : style.root) === null || _e === void 0 ? void 0 : _e.background) && {
+    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ borderRadius: (_a = style === null || style === void 0 ? void 0 : style.root) === null || _a === void 0 ? void 0 : _a.borderRadius, borderWidth: (_b = style === null || style === void 0 ? void 0 : style.root) === null || _b === void 0 ? void 0 : _b.borderWidth, paddingBlock: (_c = style === null || style === void 0 ? void 0 : style.root) === null || _c === void 0 ? void 0 : _c.paddingBlock, paddingInline: (_d = style === null || style === void 0 ? void 0 : style.root) === null || _d === void 0 ? void 0 : _d.paddingInline }, (((_e = style === null || style === void 0 ? void 0 : style.root) === null || _e === void 0 ? void 0 : _e.background) && {
         [customCssProps.styleBackgroundActive]: (_f = style.root.background) === null || _f === void 0 ? void 0 : _f.active,
         [customCssProps.styleBackgroundDefault]: (_g = style.root.background) === null || _g === void 0 ? void 0 : _g.default,
         [customCssProps.styleBackgroundDisabled]: (_h = style.root.background) === null || _h === void 0 ? void 0 : _h.disabled,
@@ -17,16 +17,21 @@ export function getButtonStyles(style) {
         [customCssProps.styleBorderColorDefault]: (_m = style.root.borderColor) === null || _m === void 0 ? void 0 : _m.default,
         [customCssProps.styleBorderColorDisabled]: (_o = style.root.borderColor) === null || _o === void 0 ? void 0 : _o.disabled,
         [customCssProps.styleBorderColorHover]: (_p = style.root.borderColor) === null || _p === void 0 ? void 0 : _p.hover,
-    })), (((_q = style === null || style === void 0 ? void 0 : style.root) === null || _q === void 0 ? void 0 : _q.color) && {
-        [customCssProps.styleColorActive]: (_r = style.root.color) === null || _r === void 0 ? void 0 : _r.active,
-        [customCssProps.styleColorDefault]: (_s = style.root.color) === null || _s === void 0 ? void 0 : _s.default,
-        [customCssProps.styleColorDisabled]: (_t = style.root.color) === null || _t === void 0 ? void 0 : _t.disabled,
-        [customCssProps.styleColorHover]: (_u = style.root.color) === null || _u === void 0 ? void 0 : _u.hover,
-    })), (((_v = style === null || style === void 0 ? void 0 : style.root) === null || _v === void 0 ? void 0 : _v.focusRing) && {
-        [customCssProps.styleFocusRingBorderColor]: (_w = style.root.focusRing) === null || _w === void 0 ? void 0 : _w.borderColor,
-        [customCssProps.styleFocusRingBorderRadius]: (_x = style.root.focusRing) === null || _x === void 0 ? void 0 : _x.borderRadius,
-        [customCssProps.styleFocusRingBorderWidth]: (_y = style.root.focusRing) === null || _y === void 0 ? void 0 : _y.borderWidth,
-    })), (((_0 = (_z = style === null || style === void 0 ? void 0 : style.root) === null || _z === void 0 ? void 0 : _z.focusRing) === null || _0 === void 0 ? void 0 : _0.borderRadius) && {
+    })), (((_q = style === null || style === void 0 ? void 0 : style.root) === null || _q === void 0 ? void 0 : _q.boxShadow) && {
+        [customCssProps.styleBoxShadowActive]: (_r = style.root.boxShadow) === null || _r === void 0 ? void 0 : _r.active,
+        [customCssProps.styleBoxShadowDefault]: (_s = style.root.boxShadow) === null || _s === void 0 ? void 0 : _s.default,
+        [customCssProps.styleBoxShadowDisabled]: (_t = style.root.boxShadow) === null || _t === void 0 ? void 0 : _t.disabled,
+        [customCssProps.styleBoxShadowHover]: (_u = style.root.boxShadow) === null || _u === void 0 ? void 0 : _u.hover,
+    })), (((_v = style === null || style === void 0 ? void 0 : style.root) === null || _v === void 0 ? void 0 : _v.color) && {
+        [customCssProps.styleColorActive]: (_w = style.root.color) === null || _w === void 0 ? void 0 : _w.active,
+        [customCssProps.styleColorDefault]: (_x = style.root.color) === null || _x === void 0 ? void 0 : _x.default,
+        [customCssProps.styleColorDisabled]: (_y = style.root.color) === null || _y === void 0 ? void 0 : _y.disabled,
+        [customCssProps.styleColorHover]: (_z = style.root.color) === null || _z === void 0 ? void 0 : _z.hover,
+    })), (((_0 = style === null || style === void 0 ? void 0 : style.root) === null || _0 === void 0 ? void 0 : _0.focusRing) && {
+        [customCssProps.styleFocusRingBorderColor]: (_1 = style.root.focusRing) === null || _1 === void 0 ? void 0 : _1.borderColor,
+        [customCssProps.styleFocusRingBorderRadius]: (_2 = style.root.focusRing) === null || _2 === void 0 ? void 0 : _2.borderRadius,
+        [customCssProps.styleFocusRingBorderWidth]: (_3 = style.root.focusRing) === null || _3 === void 0 ? void 0 : _3.borderWidth,
+    })), (((_5 = (_4 = style === null || style === void 0 ? void 0 : style.root) === null || _4 === void 0 ? void 0 : _4.focusRing) === null || _5 === void 0 ? void 0 : _5.borderRadius) && {
         [customCssProps.styleFocusRingBorderRadius]: style.root.focusRing.borderRadius,
     }));
 }

package/button/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/button/style.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { SYSTEM } from '../internal/environment';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { ButtonProps } from './interfaces';\n\nexport function getButtonStyles(style: ButtonProps['style']) {\n  if (SYSTEM !== 'core' || !style?.root) {\n    return undefined;\n  }\n\n  return {\n    borderRadius: style?.root?.borderRadius,\n    borderWidth: style?.root?.borderWidth,\n    paddingBlock: style?.root?.paddingBlock,\n    paddingInline: style?.root?.paddingInline,\n    ...(style?.root?.background && {\n      [customCssProps.styleBackgroundActive]: style.root.background?.active,\n      [customCssProps.styleBackgroundDefault]: style.root.background?.default,\n      [customCssProps.styleBackgroundDisabled]: style.root.background?.disabled,\n      [customCssProps.styleBackgroundHover]: style.root.background?.hover,\n    }),\n    ...(style?.root?.borderColor && {\n      [customCssProps.styleBorderColorActive]: style.root.borderColor?.active,\n      [customCssProps.styleBorderColorDefault]: style.root.borderColor?.default,\n      [customCssProps.styleBorderColorDisabled]: style.root.borderColor?.disabled,\n      [customCssProps.styleBorderColorHover]: style.root.borderColor?.hover,\n    }),\n    ...(style?.root?.color && {\n      [customCssProps.styleColorActive]: style.root.color?.active,\n      [customCssProps.styleColorDefault]: style.root.color?.default,\n      [customCssProps.styleColorDisabled]: style.root.color?.disabled,\n      [customCssProps.styleColorHover]: style.root.color?.hover,\n    }),\n    ...(style?.root?.focusRing && {\n      [customCssProps.styleFocusRingBorderColor]: style.root.focusRing?.borderColor,\n      [customCssProps.styleFocusRingBorderRadius]: style.root.focusRing?.borderRadius,\n      [customCssProps.styleFocusRingBorderWidth]: style.root.focusRing?.borderWidth,\n    }),\n    ...(style?.root?.focusRing?.borderRadius && {\n      [customCssProps.styleFocusRingBorderRadius]: style.root.focusRing.borderRadius,\n    }),\n  };\n}\n"]}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/button/style.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { SYSTEM } from '../internal/environment';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { ButtonProps } from './interfaces';\n\nexport function getButtonStyles(style: ButtonProps['style']) {\n  if (SYSTEM !== 'core' || !style?.root) {\n    return undefined;\n  }\n\n  return {\n    borderRadius: style?.root?.borderRadius,\n    borderWidth: style?.root?.borderWidth,\n    paddingBlock: style?.root?.paddingBlock,\n    paddingInline: style?.root?.paddingInline,\n    ...(style?.root?.background && {\n      [customCssProps.styleBackgroundActive]: style.root.background?.active,\n      [customCssProps.styleBackgroundDefault]: style.root.background?.default,\n      [customCssProps.styleBackgroundDisabled]: style.root.background?.disabled,\n      [customCssProps.styleBackgroundHover]: style.root.background?.hover,\n    }),\n    ...(style?.root?.borderColor && {\n      [customCssProps.styleBorderColorActive]: style.root.borderColor?.active,\n      [customCssProps.styleBorderColorDefault]: style.root.borderColor?.default,\n      [customCssProps.styleBorderColorDisabled]: style.root.borderColor?.disabled,\n      [customCssProps.styleBorderColorHover]: style.root.borderColor?.hover,\n    }),\n    ...(style?.root?.boxShadow && {\n      [customCssProps.styleBoxShadowActive]: style.root.boxShadow?.active,\n      [customCssProps.styleBoxShadowDefault]: style.root.boxShadow?.default,\n      [customCssProps.styleBoxShadowDisabled]: style.root.boxShadow?.disabled,\n      [customCssProps.styleBoxShadowHover]: style.root.boxShadow?.hover,\n    }),\n    ...(style?.root?.color && {\n      [customCssProps.styleColorActive]: style.root.color?.active,\n      [customCssProps.styleColorDefault]: style.root.color?.default,\n      [customCssProps.styleColorDisabled]: style.root.color?.disabled,\n      [customCssProps.styleColorHover]: style.root.color?.hover,\n    }),\n    ...(style?.root?.focusRing && {\n      [customCssProps.styleFocusRingBorderColor]: style.root.focusRing?.borderColor,\n      [customCssProps.styleFocusRingBorderRadius]: style.root.focusRing?.borderRadius,\n      [customCssProps.styleFocusRingBorderWidth]: style.root.focusRing?.borderWidth,\n    }),\n    ...(style?.root?.focusRing?.borderRadius && {\n      [customCssProps.styleFocusRingBorderRadius]: style.root.focusRing.borderRadius,\n    }),\n  };\n}\n"]}

package/button/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_vjswe_18qm7_153",
-  "button": "awsui_button_vjswe_18qm7_157",
-  "variant-normal": "awsui_variant-normal_vjswe_18qm7_206",
-  "disabled": "awsui_disabled_vjswe_18qm7_224",
-  "variant-primary": "awsui_variant-primary_vjswe_18qm7_231",
-  "variant-link": "awsui_variant-link_vjswe_18qm7_256",
-  "variant-icon": "awsui_variant-icon_vjswe_18qm7_281",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_18qm7_306",
-  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_18qm7_331",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_18qm7_356",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_18qm7_385",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_18qm7_410",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_18qm7_435",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_18qm7_465",
-  "button-no-text": "awsui_button-no-text_vjswe_18qm7_557",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_18qm7_561",
-  "full-width": "awsui_full-width_vjswe_18qm7_564",
-  "icon-left": "awsui_icon-left_vjswe_18qm7_586",
-  "icon-right": "awsui_icon-right_vjswe_18qm7_591",
-  "icon": "awsui_icon_vjswe_18qm7_586",
-  "link": "awsui_link_vjswe_18qm7_610",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_18qm7_610"
+  "content": "awsui_content_vjswe_1copn_153",
+  "button": "awsui_button_vjswe_1copn_157",
+  "variant-normal": "awsui_variant-normal_vjswe_1copn_206",
+  "disabled": "awsui_disabled_vjswe_1copn_227",
+  "variant-primary": "awsui_variant-primary_vjswe_1copn_235",
+  "variant-link": "awsui_variant-link_vjswe_1copn_264",
+  "variant-icon": "awsui_variant-icon_vjswe_1copn_293",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1copn_322",
+  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_1copn_351",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_1copn_380",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1copn_413",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1copn_442",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1copn_471",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1copn_505",
+  "button-no-text": "awsui_button-no-text_vjswe_1copn_601",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_1copn_605",
+  "full-width": "awsui_full-width_vjswe_1copn_608",
+  "icon-left": "awsui_icon-left_vjswe_1copn_630",
+  "icon-right": "awsui_icon-right_vjswe_1copn_635",
+  "icon": "awsui_icon_vjswe_1copn_630",
+  "link": "awsui_link_vjswe_1copn_654",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_1copn_654"
 };