@cloudscape-design/components-themeable 3.0.311 → 3.0.313

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

@@ -57,6 +57,7 @@ export interface LinkProps extends BaseComponentProps {
     ariaLabel?: string;
     /**
      * Adds an aria-label to the external icon.
+     * @i18n
      */
     externalIconAriaLabel?: string;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["link/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAElF,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC;IAE9B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAE1D;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,yBAAiB,SAAS,CAAC;IACzB,KAAY,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,mBAAmB,CAAC;IAC7E,KAAY,QAAQ,GAChB,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,WAAW,GACX,SAAS,CAAC;IACd,KAAY,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC;IAE1C,KAAY,YAAY,GAAG,oBAAoB,CAAC;IAEhD,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["link/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAElF,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC;IAE9B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAE1D;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,yBAAiB,SAAS,CAAC;IACzB,KAAY,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,mBAAmB,CAAC;IAC7E,KAAY,QAAQ,GAChB,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,WAAW,GACX,SAAS,CAAC;IACd,KAAY,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC;IAE1C,KAAY,YAAY,GAAG,oBAAoB,CAAC;IAEhD,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["link/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport React from 'react';\nimport { BaseNavigationDetail, CancelableEventHandler } from '../internal/events';\n\nexport interface LinkProps extends BaseComponentProps {\n  /**\n   * Determines the visual style of the link as follows:\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  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   * - `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   */\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   * 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\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"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["link/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport React from 'react';\nimport { BaseNavigationDetail, CancelableEventHandler } from '../internal/events';\n\nexport interface LinkProps extends BaseComponentProps {\n  /**\n   * Determines the visual style of the link as follows:\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  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   * - `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   * 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\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"]}

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

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1xd4z_93",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1xd4z_140",
-  "variant-primary": "awsui_variant-primary_4c84z_1xd4z_177",
-  "variant-info": "awsui_variant-info_4c84z_1xd4z_212",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1xd4z_249",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1xd4z_283",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1xd4z_318",
-  "button": "awsui_button_4c84z_1xd4z_353",
-  "color-inverted": "awsui_color-inverted_4c84z_1xd4z_390",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1xd4z_409",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1xd4z_414",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1xd4z_418",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1xd4z_422",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1xd4z_427",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1xd4z_432",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1xd4z_437",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1xd4z_442",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1xd4z_447",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1xd4z_453",
-  "icon": "awsui_icon_4c84z_1xd4z_453"
+  "link": "awsui_link_4c84z_kclky_93",
+  "variant-secondary": "awsui_variant-secondary_4c84z_kclky_140",
+  "variant-primary": "awsui_variant-primary_4c84z_kclky_177",
+  "variant-info": "awsui_variant-info_4c84z_kclky_212",
+  "variant-value-large": "awsui_variant-value-large_4c84z_kclky_249",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_kclky_283",
+  "variant-recovery": "awsui_variant-recovery_4c84z_kclky_318",
+  "button": "awsui_button_4c84z_kclky_353",
+  "color-inverted": "awsui_color-inverted_4c84z_kclky_390",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_kclky_409",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_kclky_414",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_kclky_418",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_kclky_422",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_kclky_427",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_kclky_432",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_kclky_437",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_kclky_442",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_kclky_447",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_kclky_453",
+  "icon": "awsui_icon_4c84z_kclky_453"
 };