@cloudscape-design/components-themeable 3.0.1020 → 3.0.1022

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "68bdd21eb17a2837b714d6687cbad596a61e2122"
+  "commit": "36bdac5a943bd9f943a879dcfbb7459e4b97e4b1"
 }

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss

@@ -1,6 +1,6 @@
 
     // Build environment
-    $awsui-commit-hash: "68bdd21e";
+    $awsui-commit-hash: "36bdac5a";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-kcc2gu;
 $minContentWidth: --awsui-min-content-width-kcc2gu;

package/lib/internal/template/button/interfaces.d.ts

@@ -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/lib/internal/template/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/lib/internal/template/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\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"]}
+{"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/lib/internal/template/internal/base-component/styles.scoped.css

@@ -3890,5 +3890,5 @@
   }
 }
 :root {
-  --awsui-version-info-68bdd21e: true;
+  --awsui-version-info-36bdac5a: true;
 }

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

@@ -1,5 +1,5 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (68bdd21e)";
-export var GIT_SHA = "68bdd21e";
+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/lib/internal/template/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (68bdd21e)",
-  "GIT_SHA": "68bdd21e",
+  "PACKAGE_VERSION": "3.0.0 (36bdac5a)",
+  "GIT_SHA": "36bdac5a",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

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

@@ -1,79 +1,78 @@
 declare const customCSSPropertiesMap: {
-    maxContentWidth: string;
-    minContentWidth: string;
-    breadcrumbsGap: string;
-    contentGapLeft: string;
-    contentGapRight: string;
-    contentHeight: string;
-    contentLayoutDefaultHorizontalPadding: string;
-    contentLayoutMaxContentWidth: string;
-    contentLayoutMainGap: string;
-    defaultMaxContentWidth: string;
-    defaultMinContentWidth: string;
-    drawerSize: string;
-    footerHeight: string;
-    headerGap: string;
-    headerHeight: string;
-    layoutWidth: string;
-    mainGap: string;
-    mainOffsetLeft: string;
-    mainTemplateRows: string;
-    mobileBarHeight: string;
-    notificationsHeight: string;
-    offsetTop: string;
-    overlapHeight: string;
-    navigationWidth: string;
-    splitPanelReportedHeaderSize: string;
-    splitPanelReportedSize: string;
-    splitPanelHeight: string;
-    splitPanelMinWidth: string;
-    splitPanelMaxWidth: string;
-    toolsMaxWidth: string;
-    toolsWidth: string;
-    toolsAnimationStartingOpacity: string;
-    contentScrollMargin: string;
-    flashbarStackDepth: string;
-    flashbarStackIndex: string;
-    flashbarStickyBottomMargin: string;
-    stackedNotificationsBottomMargin: string;
-    stackedNotificationsDefaultBottomMargin: string;
-    dropdownDefaultMaxWidth: string;
-    spinnerRotatorFrom: string;
-    spinnerRotatorTo: string;
-    spinnerLineLeftFrom: string;
-    spinnerLineLeftTo: string;
-    spinnerLineRightFrom: string;
-    spinnerLineRightTo: string;
-    sliderLabelCount: string;
-    sliderTickCount: string;
-    sliderReferenceColumn: string;
-    sliderNextReferenceColumn: string;
-    sliderMaxStart: string;
-    sliderMinEnd: string;
-    sliderRangeInlineSize: string;
-    sliderTooltipPosition: string;
-    togglesLeftWidth: string;
-    togglesRightWidth: string;
-    promptInputMaxRows: string;
-    promptInputScrollHeight: string;
-    dragHandleAnimationInlineOffset: string;
-    dragHandleAnimationBlockOffset: string;
-    styleBackgroundActive: string;
-    styleBackgroundDefault: string;
-    styleBackgroundDisabled: string;
-    styleBackgroundHover: string;
-    styleBorderColorActive: string;
-    styleBorderColorDefault: string;
-    styleBorderColorDisabled: string;
-    styleBorderColorHover: string;
-    styleColorActive: string;
-    styleColorDefault: string;
-    styleColorDisabled: string;
-    styleColorHover: string;
-    styleFocusRingBorderColor: string;
-    styleFocusRingBorderRadius: string;
-    styleFocusRingBorderWidth: string;
-    styleFocusRingBoxShadow: string;
+  maxContentWidth: string;
+  minContentWidth: string;
+  breadcrumbsGap: string;
+  contentGapLeft: string;
+  contentGapRight: string;
+  contentHeight: string;
+  contentLayoutDefaultHorizontalPadding: string;
+  contentLayoutMaxContentWidth: string;
+  contentLayoutMainGap: string;
+  defaultMaxContentWidth: string;
+  defaultMinContentWidth: string;
+  drawerSize: string;
+  footerHeight: string;
+  headerGap: string;
+  headerHeight: string;
+  layoutWidth: string;
+  mainGap: string;
+  mainOffsetLeft: string;
+  mainTemplateRows: string;
+  mobileBarHeight: string;
+  notificationsHeight: string;
+  offsetTop: string;
+  overlapHeight: string;
+  navigationWidth: string;
+  splitPanelReportedHeaderSize: string;
+  splitPanelReportedSize: string;
+  splitPanelHeight: string;
+  splitPanelMinWidth: string;
+  splitPanelMaxWidth: string;
+  toolsMaxWidth: string;
+  toolsWidth: string;
+  toolsAnimationStartingOpacity: string;
+  contentScrollMargin: string;
+  flashbarStackDepth: string;
+  flashbarStackIndex: string;
+  flashbarStickyBottomMargin: string;
+  stackedNotificationsBottomMargin: string;
+  stackedNotificationsDefaultBottomMargin: string;
+  dropdownDefaultMaxWidth: string;
+  spinnerRotatorFrom: string;
+  spinnerRotatorTo: string;
+  spinnerLineLeftFrom: string;
+  spinnerLineLeftTo: string;
+  spinnerLineRightFrom: string;
+  spinnerLineRightTo: string;
+  sliderLabelCount: string;
+  sliderTickCount: string;
+  sliderReferenceColumn: string;
+  sliderNextReferenceColumn: string;
+  sliderMaxStart: string;
+  sliderMinEnd: string;
+  sliderRangeInlineSize: string;
+  sliderTooltipPosition: string;
+  togglesLeftWidth: string;
+  togglesRightWidth: string;
+  promptInputMaxRows: string;
+  promptInputScrollHeight: string;
+  dragHandleAnimationInlineOffset: string;
+  dragHandleAnimationBlockOffset: string;
+  styleBackgroundActive: string;
+  styleBackgroundDefault: string;
+  styleBackgroundDisabled: string;
+  styleBackgroundHover: string;
+  styleBorderColorActive: string;
+  styleBorderColorDefault: string;
+  styleBorderColorDisabled: string;
+  styleBorderColorHover: string;
+  styleColorActive: string;
+  styleColorDefault: string;
+  styleColorDisabled: string;
+  styleColorHover: string;
+  styleFocusRingBorderColor: string;
+  styleFocusRingBorderRadius: string;
+  styleFocusRingBorderWidth: string;
+  styleFocusRingBoxShadow: string;
 };
-export default customCSSPropertiesMap;
-//# sourceMappingURL=index.d.ts.map
+export default customCSSPropertiesMap;

package/lib/internal/template/internal/generated/theming/index.cjs.d.ts

@@ -1,5 +1,4 @@
 import { ThemePreset, GlobalValue, TypedModeValueOverride } from '@cloudscape-design/theming-build';
-
 export declare interface TypedOverride {
   tokens: {
     colorChartsStatusCritical?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -256,7 +255,7 @@ export declare interface TypedOverride {
     borderWidthField?: GlobalValue;
     borderWidthPopover?: GlobalValue;
     borderWidthToken?: GlobalValue;
-  },
+  };
   contexts?: {
     'compact-table'?: {
       tokens: {
@@ -514,7 +513,7 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
+      };
     };
     'top-navigation'?: {
       tokens: {
@@ -772,7 +771,7 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
+      };
     };
     'header'?: {
       tokens: {
@@ -1030,7 +1029,7 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
+      };
     };
     'flashbar'?: {
       tokens: {
@@ -1288,7 +1287,7 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
+      };
     };
     'flashbar-warning'?: {
       tokens: {
@@ -1546,7 +1545,7 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
+      };
     };
     'alert'?: {
       tokens: {
@@ -1804,7 +1803,7 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
+      };
     };
     'alert-header'?: {
       tokens: {
@@ -2062,7 +2061,7 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
+      };
     };
     'app-layout-toolbar'?: {
       tokens: {
@@ -2320,8 +2319,8 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
-    }
-  }
+      };
+    };
+  };
 }
-export declare const preset: ThemePreset;
+export declare const preset: ThemePreset;

package/lib/internal/template/internal/generated/theming/index.d.ts

@@ -1,5 +1,4 @@
 import { ThemePreset, GlobalValue, TypedModeValueOverride } from '@cloudscape-design/theming-runtime';
-
 export declare interface TypedOverride {
   tokens: {
     colorChartsStatusCritical?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -256,7 +255,7 @@ export declare interface TypedOverride {
     borderWidthField?: GlobalValue;
     borderWidthPopover?: GlobalValue;
     borderWidthToken?: GlobalValue;
-  },
+  };
   contexts?: {
     'compact-table'?: {
       tokens: {
@@ -514,7 +513,7 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
+      };
     };
     'top-navigation'?: {
       tokens: {
@@ -772,7 +771,7 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
+      };
     };
     'header'?: {
       tokens: {
@@ -1030,7 +1029,7 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
+      };
     };
     'flashbar'?: {
       tokens: {
@@ -1288,7 +1287,7 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
+      };
     };
     'flashbar-warning'?: {
       tokens: {
@@ -1546,7 +1545,7 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
+      };
     };
     'alert'?: {
       tokens: {
@@ -1804,7 +1803,7 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
+      };
     };
     'alert-header'?: {
       tokens: {
@@ -2062,7 +2061,7 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
+      };
     };
     'app-layout-toolbar'?: {
       tokens: {
@@ -2320,8 +2319,8 @@ export declare interface TypedOverride {
         borderWidthField?: GlobalValue;
         borderWidthPopover?: GlobalValue;
         borderWidthToken?: GlobalValue;
-      }
-    }
-  }
+      };
+    };
+  };
 }
-export declare const preset: ThemePreset;
+export declare const preset: ThemePreset;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1020",
+  "version": "3.0.1022",
   "files": [
     "lib"
   ],