@cloudscape-design/components-themeable 3.0.1223 → 3.0.1225

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

@@ -245,6 +245,11 @@ export declare interface TypedOverride {
     fontWeightHeadingM?: GlobalValue;
     fontWeightHeadingS?: GlobalValue;
     fontWeightHeadingXs?: GlobalValue;
+    letterSpacingHeadingXl?: GlobalValue;
+    letterSpacingHeadingL?: GlobalValue;
+    letterSpacingHeadingM?: GlobalValue;
+    letterSpacingHeadingS?: GlobalValue;
+    letterSpacingHeadingXs?: GlobalValue;
     lineHeightBodyM?: GlobalValue;
     lineHeightBodyS?: GlobalValue;
     lineHeightDisplayL?: GlobalValue;
@@ -528,6 +533,11 @@ export declare interface TypedOverride {
         fontWeightHeadingM?: GlobalValue;
         fontWeightHeadingS?: GlobalValue;
         fontWeightHeadingXs?: GlobalValue;
+        letterSpacingHeadingXl?: GlobalValue;
+        letterSpacingHeadingL?: GlobalValue;
+        letterSpacingHeadingM?: GlobalValue;
+        letterSpacingHeadingS?: GlobalValue;
+        letterSpacingHeadingXs?: GlobalValue;
         lineHeightBodyM?: GlobalValue;
         lineHeightBodyS?: GlobalValue;
         lineHeightDisplayL?: GlobalValue;
@@ -811,6 +821,11 @@ export declare interface TypedOverride {
         fontWeightHeadingM?: GlobalValue;
         fontWeightHeadingS?: GlobalValue;
         fontWeightHeadingXs?: GlobalValue;
+        letterSpacingHeadingXl?: GlobalValue;
+        letterSpacingHeadingL?: GlobalValue;
+        letterSpacingHeadingM?: GlobalValue;
+        letterSpacingHeadingS?: GlobalValue;
+        letterSpacingHeadingXs?: GlobalValue;
         lineHeightBodyM?: GlobalValue;
         lineHeightBodyS?: GlobalValue;
         lineHeightDisplayL?: GlobalValue;
@@ -1094,6 +1109,11 @@ export declare interface TypedOverride {
         fontWeightHeadingM?: GlobalValue;
         fontWeightHeadingS?: GlobalValue;
         fontWeightHeadingXs?: GlobalValue;
+        letterSpacingHeadingXl?: GlobalValue;
+        letterSpacingHeadingL?: GlobalValue;
+        letterSpacingHeadingM?: GlobalValue;
+        letterSpacingHeadingS?: GlobalValue;
+        letterSpacingHeadingXs?: GlobalValue;
         lineHeightBodyM?: GlobalValue;
         lineHeightBodyS?: GlobalValue;
         lineHeightDisplayL?: GlobalValue;
@@ -1377,6 +1397,11 @@ export declare interface TypedOverride {
         fontWeightHeadingM?: GlobalValue;
         fontWeightHeadingS?: GlobalValue;
         fontWeightHeadingXs?: GlobalValue;
+        letterSpacingHeadingXl?: GlobalValue;
+        letterSpacingHeadingL?: GlobalValue;
+        letterSpacingHeadingM?: GlobalValue;
+        letterSpacingHeadingS?: GlobalValue;
+        letterSpacingHeadingXs?: GlobalValue;
         lineHeightBodyM?: GlobalValue;
         lineHeightBodyS?: GlobalValue;
         lineHeightDisplayL?: GlobalValue;
@@ -1660,6 +1685,11 @@ export declare interface TypedOverride {
         fontWeightHeadingM?: GlobalValue;
         fontWeightHeadingS?: GlobalValue;
         fontWeightHeadingXs?: GlobalValue;
+        letterSpacingHeadingXl?: GlobalValue;
+        letterSpacingHeadingL?: GlobalValue;
+        letterSpacingHeadingM?: GlobalValue;
+        letterSpacingHeadingS?: GlobalValue;
+        letterSpacingHeadingXs?: GlobalValue;
         lineHeightBodyM?: GlobalValue;
         lineHeightBodyS?: GlobalValue;
         lineHeightDisplayL?: GlobalValue;
@@ -1943,6 +1973,11 @@ export declare interface TypedOverride {
         fontWeightHeadingM?: GlobalValue;
         fontWeightHeadingS?: GlobalValue;
         fontWeightHeadingXs?: GlobalValue;
+        letterSpacingHeadingXl?: GlobalValue;
+        letterSpacingHeadingL?: GlobalValue;
+        letterSpacingHeadingM?: GlobalValue;
+        letterSpacingHeadingS?: GlobalValue;
+        letterSpacingHeadingXs?: GlobalValue;
         lineHeightBodyM?: GlobalValue;
         lineHeightBodyS?: GlobalValue;
         lineHeightDisplayL?: GlobalValue;
@@ -2226,6 +2261,11 @@ export declare interface TypedOverride {
         fontWeightHeadingM?: GlobalValue;
         fontWeightHeadingS?: GlobalValue;
         fontWeightHeadingXs?: GlobalValue;
+        letterSpacingHeadingXl?: GlobalValue;
+        letterSpacingHeadingL?: GlobalValue;
+        letterSpacingHeadingM?: GlobalValue;
+        letterSpacingHeadingS?: GlobalValue;
+        letterSpacingHeadingXs?: GlobalValue;
         lineHeightBodyM?: GlobalValue;
         lineHeightBodyS?: GlobalValue;
         lineHeightDisplayL?: GlobalValue;
@@ -2509,6 +2549,11 @@ export declare interface TypedOverride {
         fontWeightHeadingM?: GlobalValue;
         fontWeightHeadingS?: GlobalValue;
         fontWeightHeadingXs?: GlobalValue;
+        letterSpacingHeadingXl?: GlobalValue;
+        letterSpacingHeadingL?: GlobalValue;
+        letterSpacingHeadingM?: GlobalValue;
+        letterSpacingHeadingS?: GlobalValue;
+        letterSpacingHeadingXs?: GlobalValue;
         lineHeightBodyM?: GlobalValue;
         lineHeightBodyS?: GlobalValue;
         lineHeightDisplayL?: GlobalValue;

package/lib/internal/template/internal/generated/theming/index.js

@@ -2296,6 +2296,7 @@ export var preset = {
       "letterSpacingHeadingL": "-0.015em",
       "letterSpacingHeadingM": "-0.010em",
       "letterSpacingHeadingS": "-0.005em",
+      "letterSpacingHeadingXs": "normal",
       "lineHeightBodyM": "20px",
       "lineHeightBodyS": "16px",
       "lineHeightDisplayL": "48px",
@@ -11748,6 +11749,11 @@ export var preset = {
     "fontWeightHeadingM",
     "fontWeightHeadingS",
     "fontWeightHeadingXs",
+    "letterSpacingHeadingXl",
+    "letterSpacingHeadingL",
+    "letterSpacingHeadingM",
+    "letterSpacingHeadingS",
+    "letterSpacingHeadingXs",
     "lineHeightBodyM",
     "lineHeightBodyS",
     "lineHeightDisplayL",
@@ -12127,6 +12133,11 @@ export var preset = {
     "fontWeightHeadingM",
     "fontWeightHeadingS",
     "fontWeightHeadingXs",
+    "letterSpacingHeadingXl",
+    "letterSpacingHeadingL",
+    "letterSpacingHeadingM",
+    "letterSpacingHeadingS",
+    "letterSpacingHeadingXs",
     "lineHeightBodyM",
     "lineHeightBodyS",
     "lineHeightDisplayL",
@@ -12796,6 +12807,7 @@ export var preset = {
     "letterSpacingHeadingL": "letter-spacing-heading-l",
     "letterSpacingHeadingM": "letter-spacing-heading-m",
     "letterSpacingHeadingS": "letter-spacing-heading-s",
+    "letterSpacingHeadingXs": "letter-spacing-heading-xs",
     "lineHeightBodyM": "line-height-body-m",
     "lineHeightBodyS": "line-height-body-s",
     "lineHeightDisplayL": "line-height-display-l",
@@ -13616,6 +13628,7 @@ export var preset = {
     "letterSpacingHeadingL": "--letter-spacing-heading-l-5v6ibv",
     "letterSpacingHeadingM": "--letter-spacing-heading-m-29ewnk",
     "letterSpacingHeadingS": "--letter-spacing-heading-s-4st9ep",
+    "letterSpacingHeadingXs": "--letter-spacing-heading-xs-fgog7a",
     "lineHeightBodyM": "--line-height-body-m-2mh3ke",
     "lineHeightBodyS": "--line-height-body-s-nu5hx1",
     "lineHeightDisplayL": "--line-height-display-l-vwanzp",

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

@@ -9,12 +9,12 @@ export interface LinkProps extends BaseComponentProps {
     /**
      * Determines the visual style of the link as follows:
      *
-     * - `primary` - Displays the link text with bold styling for sufficient contrast with surrounding text.
-     *     Use this for links where the context doesn't imply interactivity such as
-     *     "Learn more" links and links within paragraphs.
-     * - `secondary` - Does not provide any additional indicators for interactivity (except for an underline when the user hovers over or focuses the link).
-     *     This can be used in cases where the interactivity is strongly implied by its context,
-     *     such as in a table or a list of external links.
+     * - `primary` - Displays the link text with an underline for sufficient contrast with surrounding text.
+     *     Use this for links adjacent to other text, such as inside a paragraph, a "Learn more" link,
+     *     an item ID in a table, a link in a key-value pair, or a link in an alert.
+     * - `secondary` - Uses regular font weight without additional interactivity indicators (except for an underline on hover).
+     *     Use this where context implies interactivity and users can identify links easily,
+     *     such as in a list of links inside a container.
      * - `info` - Use for "info" links that link to content in a help panel.
      *
      * The default is `secondary`, except inside the following components where it defaults to `primary`:

package/lib/internal/template/link/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/link/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 { BaseComponentProps } from '../internal/base-component';\nimport {\n  BaseNavigationDetail,\n  CancelableEventHandler,\n  ClickDetail as _ClickDetail,\n  NonCancelableEventHandler,\n} from '../internal/events';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\n\nexport interface LinkProps extends BaseComponentProps {\n  /**\n   * Determines the visual style of the link as follows:\n   *\n   * - `primary` - Displays the link text with bold styling for sufficient contrast with surrounding text.\n   *     Use this for links where the context doesn't imply interactivity such as\n   *     \"Learn more\" links and links within paragraphs.\n   * - `secondary` - Does not provide any additional indicators for interactivity (except for an underline when the user hovers over or focuses the link).\n   *     This can be used in cases where the interactivity is strongly implied by its context,\n   *     such as in a table or a list of external links.\n   * - `info` - Use for \"info\" links that link to content in a help panel.\n   *\n   * The default is `secondary`, except inside the following components where it defaults to `primary`:\n   * - Table\n   * - Cards\n   * - Alert\n   * - Popover\n   * - Help Panel (main `content` only)\n   */\n  variant?: LinkProps.Variant;\n\n  /**\n   * Determines the font size and line height.\n   * This property is overridden if the variant is `info`.\n   */\n  fontSize?: LinkProps.FontSize;\n\n  /**\n   * Determines the text color of the link and its icon.\n   *\n   * - `normal`: Use in most cases where a link is required.\n   * - `inverted`: Use to style links inside Flashbars.\n   *\n   * This property is overridden if the variant is `info`.\n   */\n  color?: LinkProps.Color;\n\n  /**\n   * Marks the link as external by adding an icon after the text. If `href`\n   * is provided, opens the link in a new tab when clicked.\n   */\n  external?: boolean;\n\n  /**\n   * Specifies where to open the linked URL. Set this to `_blank` to open the URL\n   * in a new tab. If you set this property to `_blank`, the component\n   * automatically adds `rel=\"noopener noreferrer\"` to avoid performance\n   * and security issues.\n   *\n   * For other options see the documentation for <a> tag's\n   * [target attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).\n   */\n  target?: string;\n\n  /**\n   * The URL that the link points to.\n   * If an `href` is not provided, the component will render using a\n   * \"button\" role and `target` will not be used.\n   */\n  href?: string;\n\n  /**\n   * The text to render inside the link.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Adds an aria-label to the HTML element.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds an aria-label to the external icon.\n   * @i18n\n   */\n  externalIconAriaLabel?: string;\n\n  /**\n   * Called when a link is clicked without any modifier keys. If the link has no `href` provided, it will be called on\n   * all clicks.\n   *\n   * If you want to implement client-side routing yourself, use this event and prevent default browser navigation\n   * (by calling `preventDefault`).\n   */\n  onFollow?: CancelableEventHandler<LinkProps.FollowDetail>;\n\n  /**\n   * Called when the user clicks on the link. Do not use this handler for navigation, use the `onFollow` event instead.\n   */\n  onClick?: NonCancelableEventHandler<LinkProps.ClickDetail>;\n\n  /**\n   * Adds a `rel` attribute to the link. If the `rel` property is provided, it overrides the default behaviour.\n   * By default, the component sets the `rel` attribute to \"noopener noreferrer\" when `external` is `true` or `target` is `\"_blank\"`.\n   */\n  rel?: string;\n\n  /**\n   * An object containing CSS properties to customize the link's visual appearance.\n   * Refer to the [style](/components/link/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: LinkProps.Style;\n\n  /**\n   * Attributes to add to the native 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  nativeAttributes?: NativeAttributes<React.AnchorHTMLAttributes<HTMLAnchorElement>>;\n}\n\nexport namespace LinkProps {\n  export type Variant = 'primary' | 'secondary' | 'info' | 'awsui-value-large';\n  export type FontSize =\n    | 'body-s'\n    | 'body-m'\n    | 'heading-xs'\n    | 'heading-s'\n    | 'heading-m'\n    | 'heading-l'\n    | 'heading-xl'\n    | 'display-l'\n    | 'inherit';\n  export type Color = 'normal' | 'inverted';\n\n  export type FollowDetail = BaseNavigationDetail;\n\n  export interface Ref {\n    /**\n     * Sets the browser focus on the anchor element.\n     */\n    focus(): void;\n  }\n\n  export type ClickDetail = _ClickDetail;\n  export interface Style {\n    root?: {\n      color?: {\n        active?: string;\n        default?: string;\n        hover?: string;\n      };\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n    };\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/link/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 { BaseComponentProps } from '../internal/base-component';\nimport {\n  BaseNavigationDetail,\n  CancelableEventHandler,\n  ClickDetail as _ClickDetail,\n  NonCancelableEventHandler,\n} from '../internal/events';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\n\nexport interface LinkProps extends BaseComponentProps {\n  /**\n   * Determines the visual style of the link as follows:\n   *\n   * - `primary` - Displays the link text with an underline for sufficient contrast with surrounding text.\n   *     Use this for links adjacent to other text, such as inside a paragraph, a \"Learn more\" link,\n   *     an item ID in a table, a link in a key-value pair, or a link in an alert.\n   * - `secondary` - Uses regular font weight without additional interactivity indicators (except for an underline on hover).\n   *     Use this where context implies interactivity and users can identify links easily,\n   *     such as in a list of links inside a container.\n   * - `info` - Use for \"info\" links that link to content in a help panel.\n   *\n   * The default is `secondary`, except inside the following components where it defaults to `primary`:\n   * - Table\n   * - Cards\n   * - Alert\n   * - Popover\n   * - Help Panel (main `content` only)\n   */\n  variant?: LinkProps.Variant;\n\n  /**\n   * Determines the font size and line height.\n   * This property is overridden if the variant is `info`.\n   */\n  fontSize?: LinkProps.FontSize;\n\n  /**\n   * Determines the text color of the link and its icon.\n   *\n   * - `normal`: Use in most cases where a link is required.\n   * - `inverted`: Use to style links inside Flashbars.\n   *\n   * This property is overridden if the variant is `info`.\n   */\n  color?: LinkProps.Color;\n\n  /**\n   * Marks the link as external by adding an icon after the text. If `href`\n   * is provided, opens the link in a new tab when clicked.\n   */\n  external?: boolean;\n\n  /**\n   * Specifies where to open the linked URL. Set this to `_blank` to open the URL\n   * in a new tab. If you set this property to `_blank`, the component\n   * automatically adds `rel=\"noopener noreferrer\"` to avoid performance\n   * and security issues.\n   *\n   * For other options see the documentation for <a> tag's\n   * [target attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).\n   */\n  target?: string;\n\n  /**\n   * The URL that the link points to.\n   * If an `href` is not provided, the component will render using a\n   * \"button\" role and `target` will not be used.\n   */\n  href?: string;\n\n  /**\n   * The text to render inside the link.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Adds an aria-label to the HTML element.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds an aria-label to the external icon.\n   * @i18n\n   */\n  externalIconAriaLabel?: string;\n\n  /**\n   * Called when a link is clicked without any modifier keys. If the link has no `href` provided, it will be called on\n   * all clicks.\n   *\n   * If you want to implement client-side routing yourself, use this event and prevent default browser navigation\n   * (by calling `preventDefault`).\n   */\n  onFollow?: CancelableEventHandler<LinkProps.FollowDetail>;\n\n  /**\n   * Called when the user clicks on the link. Do not use this handler for navigation, use the `onFollow` event instead.\n   */\n  onClick?: NonCancelableEventHandler<LinkProps.ClickDetail>;\n\n  /**\n   * Adds a `rel` attribute to the link. If the `rel` property is provided, it overrides the default behaviour.\n   * By default, the component sets the `rel` attribute to \"noopener noreferrer\" when `external` is `true` or `target` is `\"_blank\"`.\n   */\n  rel?: string;\n\n  /**\n   * An object containing CSS properties to customize the link's visual appearance.\n   * Refer to the [style](/components/link/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: LinkProps.Style;\n\n  /**\n   * Attributes to add to the native 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  nativeAttributes?: NativeAttributes<React.AnchorHTMLAttributes<HTMLAnchorElement>>;\n}\n\nexport namespace LinkProps {\n  export type Variant = 'primary' | 'secondary' | 'info' | 'awsui-value-large';\n  export type FontSize =\n    | 'body-s'\n    | 'body-m'\n    | 'heading-xs'\n    | 'heading-s'\n    | 'heading-m'\n    | 'heading-l'\n    | 'heading-xl'\n    | 'display-l'\n    | 'inherit';\n  export type Color = 'normal' | 'inverted';\n\n  export type FollowDetail = BaseNavigationDetail;\n\n  export interface Ref {\n    /**\n     * Sets the browser focus on the anchor element.\n     */\n    focus(): void;\n  }\n\n  export type ClickDetail = _ClickDetail;\n  export interface Style {\n    root?: {\n      color?: {\n        active?: string;\n        default?: string;\n        hover?: string;\n      };\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n    };\n  }\n}\n"]}

package/lib/internal/template/link/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1jvg2_145",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1jvg2_212",
-  "variant-primary": "awsui_variant-primary_4c84z_1jvg2_247",
-  "variant-info": "awsui_variant-info_4c84z_1jvg2_280",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1jvg2_315",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1jvg2_347",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1jvg2_382",
-  "button": "awsui_button_4c84z_1jvg2_415",
-  "color-inverted": "awsui_color-inverted_4c84z_1jvg2_450",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1jvg2_471",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1jvg2_478",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1jvg2_484",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1jvg2_490",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1jvg2_497",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1jvg2_504",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1jvg2_511",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1jvg2_518",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1jvg2_525",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1jvg2_533",
-  "icon": "awsui_icon_4c84z_1jvg2_533"
+  "link": "awsui_link_4c84z_1js89_145",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1js89_212",
+  "variant-primary": "awsui_variant-primary_4c84z_1js89_247",
+  "variant-info": "awsui_variant-info_4c84z_1js89_280",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1js89_315",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1js89_347",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1js89_382",
+  "button": "awsui_button_4c84z_1js89_415",
+  "color-inverted": "awsui_color-inverted_4c84z_1js89_450",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1js89_471",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1js89_478",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1js89_484",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1js89_491",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1js89_498",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1js89_505",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1js89_512",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1js89_519",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1js89_526",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1js89_534",
+  "icon": "awsui_icon_4c84z_1js89_534"
 };