npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1209 → 3.0.1211 - Mend

@cloudscape-design/components-themeable 3.0.1209 → 3.0.1211

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (224) hide show

package/lib/internal/template/internal/utils/data-attributes.js ADDED Viewed

@@ -0,0 +1,21 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
+export function getDataAttributes(dataAttributes, excludeKeys = []) {
+    if (!dataAttributes) {
+        return {};
+    }
+    return Object.entries(dataAttributes).reduce((acc, [key, value]) => {
+        if (excludeKeys.includes(key) || excludeKeys.includes(`data-${key}`)) {
+            warnOnce('getDataAttributes', `"${key}" key is reserved and cannot be overridden via dataAttributes`);
+            return acc;
+        }
+        if (value === undefined) {
+            return acc;
+        }
+        const attrKey = key.startsWith('data-') ? key : `data-${key}`;
+        acc[attrKey] = value;
+        return acc;
+    }, {});
+}
+//# sourceMappingURL=data-attributes.js.map

package/lib/internal/template/internal/utils/data-attributes.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-attributes.js","sourceRoot":"","sources":["../../../../src/internal/utils/data-attributes.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,MAAM,UAAU,iBAAiB,CAC/B,cAAkD,EAClD,cAAwB,EAAE;IAE1B,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,MAAM,CAC1C,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACpB,IAAI,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,QAAQ,GAAG,EAAE,CAAC,EAAE,CAAC;YACrE,QAAQ,CAAC,mBAAmB,EAAE,IAAI,GAAG,+DAA+D,CAAC,CAAC;YACtG,OAAO,GAAG,CAAC;QACb,CAAC;QAED,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO,GAAG,CAAC;QACb,CAAC;QAED,MAAM,OAAO,GAAG,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,GAAG,EAAE,CAAC;QAC9D,GAAG,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;QACrB,OAAO,GAAG,CAAC;IACb,CAAC,EACD,EAA4B,CAC7B,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nexport function getDataAttributes(\n dataAttributes: Record<string, string> | undefined,\n excludeKeys: string[] = []\n): Record<string, string> {\n if (!dataAttributes) {\n return {};\n }\n\n return Object.entries(dataAttributes).reduce(\n (acc, [key, value]) => {\n if (excludeKeys.includes(key) || excludeKeys.includes(`data-${key}`)) {\n warnOnce('getDataAttributes', `\"${key}\" key is reserved and cannot be overridden via dataAttributes`);\n return acc;\n }\n\n if (value === undefined) {\n return acc;\n }\n\n const attrKey = key.startsWith('data-') ? key : `data-${key}`;\n acc[attrKey] = value;\n return acc;\n },\n {} as Record<string, string>\n );\n}\n"]}

package/lib/internal/template/internal/utils/input-styles.d.ts ADDED Viewed

@@ -0,0 +1,90 @@
+import customCssProps from '../generated/custom-css-properties';
+/**
+ * Shared style interface for input-like components (input, textarea, text-filter).
+ * Components can extend or alias this interface in their own interfaces.ts files.
+ */
+export interface InputStyleProps {
+    root?: {
+        backgroundColor?: {
+            default?: string;
+            disabled?: string;
+            focus?: string;
+            hover?: string;
+            readonly?: string;
+        };
+        borderColor?: {
+            default?: string;
+            disabled?: string;
+            focus?: string;
+            hover?: string;
+            readonly?: string;
+        };
+        borderRadius?: string;
+        borderWidth?: string;
+        boxShadow?: {
+            default?: string;
+            disabled?: string;
+            focus?: string;
+            hover?: string;
+            readonly?: string;
+        };
+        color?: {
+            default?: string;
+            disabled?: string;
+            focus?: string;
+            hover?: string;
+            readonly?: string;
+        };
+        fontSize?: string;
+        fontWeight?: string;
+        paddingBlock?: string;
+        paddingInline?: string;
+    };
+    placeholder?: {
+        color?: string;
+        fontSize?: string;
+        fontStyle?: string;
+        fontWeight?: string;
+    };
+}
+/**
+ * Maps input-like component style props to CSS custom properties.
+ * Used by input, textarea, and text-filter components.
+ *
+ * @param style - The style props to map
+ * @param requireRoot - If true, returns undefined when style.root is not provided (textarea behavior).
+ *                      If false, returns object with undefined values (input/text-filter behavior).
+ */
+export declare function getInputStylesCss(style: InputStyleProps | undefined, requireRoot?: boolean): {
+    [customCssProps.styleBackgroundDefault]: string | undefined;
+    [customCssProps.styleBackgroundDisabled]: string | undefined;
+    [customCssProps.styleBackgroundHover]: string | undefined;
+    [customCssProps.styleBackgroundFocus]: string | undefined;
+    [customCssProps.styleBackgroundReadonly]: string | undefined;
+    [customCssProps.styleBorderColorDefault]: string | undefined;
+    [customCssProps.styleBorderColorDisabled]: string | undefined;
+    [customCssProps.styleBorderColorHover]: string | undefined;
+    [customCssProps.styleBorderColorFocus]: string | undefined;
+    [customCssProps.styleBorderColorReadonly]: string | undefined;
+    [customCssProps.styleBoxShadowDefault]: string | undefined;
+    [customCssProps.styleBoxShadowDisabled]: string | undefined;
+    [customCssProps.styleBoxShadowHover]: string | undefined;
+    [customCssProps.styleBoxShadowFocus]: string | undefined;
+    [customCssProps.styleBoxShadowReadonly]: string | undefined;
+    [customCssProps.styleColorDefault]: string | undefined;
+    [customCssProps.styleColorDisabled]: string | undefined;
+    [customCssProps.styleColorHover]: string | undefined;
+    [customCssProps.styleColorFocus]: string | undefined;
+    [customCssProps.styleColorReadonly]: string | undefined;
+    [customCssProps.stylePlaceholderColor]: string | undefined;
+    [customCssProps.stylePlaceholderFontSize]: string | undefined;
+    [customCssProps.stylePlaceholderFontWeight]: string | undefined;
+    [customCssProps.stylePlaceholderFontStyle]: string | undefined;
+    borderRadius: string | undefined;
+    borderWidth: string | undefined;
+    fontSize: string | undefined;
+    fontWeight: string | undefined;
+    paddingBlock: string | undefined;
+    paddingInline: string | undefined;
+} | undefined;
+//# sourceMappingURL=input-styles.d.ts.map

package/lib/internal/template/internal/utils/input-styles.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"input-styles.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/input-styles.ts"],"names":[],"mappings":"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"}

package/lib/internal/template/internal/utils/input-styles.js ADDED Viewed

@@ -0,0 +1,54 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { SYSTEM } from '../environment';
+import customCssProps from '../generated/custom-css-properties';
+/**
+ * Maps input-like component style props to CSS custom properties.
+ * Used by input, textarea, and text-filter components.
+ *
+ * @param style - The style props to map
+ * @param requireRoot - If true, returns undefined when style.root is not provided (textarea behavior).
+ *                      If false, returns object with undefined values (input/text-filter behavior).
+ */
+export function getInputStylesCss(style, requireRoot = false) {
+    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, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25;
+    if (SYSTEM !== 'core') {
+        return undefined;
+    }
+    if (requireRoot && !(style === null || style === void 0 ? void 0 : style.root)) {
+        return undefined;
+    }
+    return {
+        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,
+        fontSize: (_c = style === null || style === void 0 ? void 0 : style.root) === null || _c === void 0 ? void 0 : _c.fontSize,
+        fontWeight: (_d = style === null || style === void 0 ? void 0 : style.root) === null || _d === void 0 ? void 0 : _d.fontWeight,
+        paddingBlock: (_e = style === null || style === void 0 ? void 0 : style.root) === null || _e === void 0 ? void 0 : _e.paddingBlock,
+        paddingInline: (_f = style === null || style === void 0 ? void 0 : style.root) === null || _f === void 0 ? void 0 : _f.paddingInline,
+        [customCssProps.styleBackgroundDefault]: (_h = (_g = style === null || style === void 0 ? void 0 : style.root) === null || _g === void 0 ? void 0 : _g.backgroundColor) === null || _h === void 0 ? void 0 : _h.default,
+        [customCssProps.styleBackgroundDisabled]: (_k = (_j = style === null || style === void 0 ? void 0 : style.root) === null || _j === void 0 ? void 0 : _j.backgroundColor) === null || _k === void 0 ? void 0 : _k.disabled,
+        [customCssProps.styleBackgroundHover]: (_m = (_l = style === null || style === void 0 ? void 0 : style.root) === null || _l === void 0 ? void 0 : _l.backgroundColor) === null || _m === void 0 ? void 0 : _m.hover,
+        [customCssProps.styleBackgroundFocus]: (_p = (_o = style === null || style === void 0 ? void 0 : style.root) === null || _o === void 0 ? void 0 : _o.backgroundColor) === null || _p === void 0 ? void 0 : _p.focus,
+        [customCssProps.styleBackgroundReadonly]: (_r = (_q = style === null || style === void 0 ? void 0 : style.root) === null || _q === void 0 ? void 0 : _q.backgroundColor) === null || _r === void 0 ? void 0 : _r.readonly,
+        [customCssProps.styleBorderColorDefault]: (_t = (_s = style === null || style === void 0 ? void 0 : style.root) === null || _s === void 0 ? void 0 : _s.borderColor) === null || _t === void 0 ? void 0 : _t.default,
+        [customCssProps.styleBorderColorDisabled]: (_v = (_u = style === null || style === void 0 ? void 0 : style.root) === null || _u === void 0 ? void 0 : _u.borderColor) === null || _v === void 0 ? void 0 : _v.disabled,
+        [customCssProps.styleBorderColorHover]: (_x = (_w = style === null || style === void 0 ? void 0 : style.root) === null || _w === void 0 ? void 0 : _w.borderColor) === null || _x === void 0 ? void 0 : _x.hover,
+        [customCssProps.styleBorderColorFocus]: (_z = (_y = style === null || style === void 0 ? void 0 : style.root) === null || _y === void 0 ? void 0 : _y.borderColor) === null || _z === void 0 ? void 0 : _z.focus,
+        [customCssProps.styleBorderColorReadonly]: (_1 = (_0 = style === null || style === void 0 ? void 0 : style.root) === null || _0 === void 0 ? void 0 : _0.borderColor) === null || _1 === void 0 ? void 0 : _1.readonly,
+        [customCssProps.styleBoxShadowDefault]: (_3 = (_2 = style === null || style === void 0 ? void 0 : style.root) === null || _2 === void 0 ? void 0 : _2.boxShadow) === null || _3 === void 0 ? void 0 : _3.default,
+        [customCssProps.styleBoxShadowDisabled]: (_5 = (_4 = style === null || style === void 0 ? void 0 : style.root) === null || _4 === void 0 ? void 0 : _4.boxShadow) === null || _5 === void 0 ? void 0 : _5.disabled,
+        [customCssProps.styleBoxShadowHover]: (_7 = (_6 = style === null || style === void 0 ? void 0 : style.root) === null || _6 === void 0 ? void 0 : _6.boxShadow) === null || _7 === void 0 ? void 0 : _7.hover,
+        [customCssProps.styleBoxShadowFocus]: (_9 = (_8 = style === null || style === void 0 ? void 0 : style.root) === null || _8 === void 0 ? void 0 : _8.boxShadow) === null || _9 === void 0 ? void 0 : _9.focus,
+        [customCssProps.styleBoxShadowReadonly]: (_11 = (_10 = style === null || style === void 0 ? void 0 : style.root) === null || _10 === void 0 ? void 0 : _10.boxShadow) === null || _11 === void 0 ? void 0 : _11.readonly,
+        [customCssProps.styleColorDefault]: (_13 = (_12 = style === null || style === void 0 ? void 0 : style.root) === null || _12 === void 0 ? void 0 : _12.color) === null || _13 === void 0 ? void 0 : _13.default,
+        [customCssProps.styleColorDisabled]: (_15 = (_14 = style === null || style === void 0 ? void 0 : style.root) === null || _14 === void 0 ? void 0 : _14.color) === null || _15 === void 0 ? void 0 : _15.disabled,
+        [customCssProps.styleColorHover]: (_17 = (_16 = style === null || style === void 0 ? void 0 : style.root) === null || _16 === void 0 ? void 0 : _16.color) === null || _17 === void 0 ? void 0 : _17.hover,
+        [customCssProps.styleColorFocus]: (_19 = (_18 = style === null || style === void 0 ? void 0 : style.root) === null || _18 === void 0 ? void 0 : _18.color) === null || _19 === void 0 ? void 0 : _19.focus,
+        [customCssProps.styleColorReadonly]: (_21 = (_20 = style === null || style === void 0 ? void 0 : style.root) === null || _20 === void 0 ? void 0 : _20.color) === null || _21 === void 0 ? void 0 : _21.readonly,
+        [customCssProps.stylePlaceholderColor]: (_22 = style === null || style === void 0 ? void 0 : style.placeholder) === null || _22 === void 0 ? void 0 : _22.color,
+        [customCssProps.stylePlaceholderFontSize]: (_23 = style === null || style === void 0 ? void 0 : style.placeholder) === null || _23 === void 0 ? void 0 : _23.fontSize,
+        [customCssProps.stylePlaceholderFontWeight]: (_24 = style === null || style === void 0 ? void 0 : style.placeholder) === null || _24 === void 0 ? void 0 : _24.fontWeight,
+        [customCssProps.stylePlaceholderFontStyle]: (_25 = style === null || style === void 0 ? void 0 : style.placeholder) === null || _25 === void 0 ? void 0 : _25.fontStyle,
+    };
+}
+//# sourceMappingURL=input-styles.js.map

package/lib/internal/template/internal/utils/input-styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"input-styles.js","sourceRoot":"","sources":["../../../../src/internal/utils/input-styles.ts"],"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 '../environment';\nimport customCssProps from '../generated/custom-css-properties';\n\n/**\n * Shared style interface for input-like components (input, textarea, text-filter).\n * Components can extend or alias this interface in their own interfaces.ts files.\n */\nexport interface InputStyleProps {\n root?: {\n backgroundColor?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n borderColor?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n borderRadius?: string;\n borderWidth?: string;\n boxShadow?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n color?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n fontSize?: string;\n fontWeight?: string;\n paddingBlock?: string;\n paddingInline?: string;\n };\n placeholder?: {\n color?: string;\n fontSize?: string;\n fontStyle?: string;\n fontWeight?: string;\n };\n}\n\n/**\n * Maps input-like component style props to CSS custom properties.\n * Used by input, textarea, and text-filter components.\n *\n * @param style - The style props to map\n * @param requireRoot - If true, returns undefined when style.root is not provided (textarea behavior).\n * If false, returns object with undefined values (input/text-filter behavior).\n */\nexport function getInputStylesCss(style: InputStyleProps | undefined, requireRoot = false) {\n if (SYSTEM !== 'core') {\n return undefined;\n }\n\n if (requireRoot && !style?.root) {\n return undefined;\n }\n\n return {\n borderRadius: style?.root?.borderRadius,\n borderWidth: style?.root?.borderWidth,\n fontSize: style?.root?.fontSize,\n fontWeight: style?.root?.fontWeight,\n paddingBlock: style?.root?.paddingBlock,\n paddingInline: style?.root?.paddingInline,\n [customCssProps.styleBackgroundDefault]: style?.root?.backgroundColor?.default,\n [customCssProps.styleBackgroundDisabled]: style?.root?.backgroundColor?.disabled,\n [customCssProps.styleBackgroundHover]: style?.root?.backgroundColor?.hover,\n [customCssProps.styleBackgroundFocus]: style?.root?.backgroundColor?.focus,\n [customCssProps.styleBackgroundReadonly]: style?.root?.backgroundColor?.readonly,\n [customCssProps.styleBorderColorDefault]: style?.root?.borderColor?.default,\n [customCssProps.styleBorderColorDisabled]: style?.root?.borderColor?.disabled,\n [customCssProps.styleBorderColorHover]: style?.root?.borderColor?.hover,\n [customCssProps.styleBorderColorFocus]: style?.root?.borderColor?.focus,\n [customCssProps.styleBorderColorReadonly]: style?.root?.borderColor?.readonly,\n [customCssProps.styleBoxShadowDefault]: style?.root?.boxShadow?.default,\n [customCssProps.styleBoxShadowDisabled]: style?.root?.boxShadow?.disabled,\n [customCssProps.styleBoxShadowHover]: style?.root?.boxShadow?.hover,\n [customCssProps.styleBoxShadowFocus]: style?.root?.boxShadow?.focus,\n [customCssProps.styleBoxShadowReadonly]: style?.root?.boxShadow?.readonly,\n [customCssProps.styleColorDefault]: style?.root?.color?.default,\n [customCssProps.styleColorDisabled]: style?.root?.color?.disabled,\n [customCssProps.styleColorHover]: style?.root?.color?.hover,\n [customCssProps.styleColorFocus]: style?.root?.color?.focus,\n [customCssProps.styleColorReadonly]: style?.root?.color?.readonly,\n [customCssProps.stylePlaceholderColor]: style?.placeholder?.color,\n [customCssProps.stylePlaceholderFontSize]: style?.placeholder?.fontSize,\n [customCssProps.stylePlaceholderFontWeight]: style?.placeholder?.fontWeight,\n [customCssProps.stylePlaceholderFontStyle]: style?.placeholder?.fontStyle,\n };\n}\n"]}

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

@@ -91,6 +91,8 @@ export interface LinkProps extends BaseComponentProps {
      */
     rel?: string;
     /**
+     * An object containing CSS properties to customize the link's visual appearance.
+     * Refer to the [style](/components/link/?tabId=style) tab for more details.
      * @awsuiSystem core
      */
     style?: LinkProps.Style;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/link/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,WAAW,IAAI,YAAY,EAC3B,yBAAyB,EAC1B,MAAM,oBAAoB,CAAC;AAC5B;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC;IAE9B;;;;;;;OAOG;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;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE3D;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb~~;;OAEG~~;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAExB;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAC;CACpF;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;IAED,KAAY,WAAW,GAAG,YAAY,CAAC;IACvC,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,KAAK,CAAC,EAAE;gBACN,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;KACH;CACF"}
1	+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/link/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,WAAW,IAAI,YAAY,EAC3B,yBAAyB,EAC1B,MAAM,oBAAoB,CAAC;AAC5B;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC;IAE9B;;;;;;;OAOG;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;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE3D;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAExB;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAC;CACpF;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;IAED,KAAY,WAAW,GAAG,YAAY,CAAC;IACvC,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,KAAK,CAAC,EAAE;gBACN,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;KACH;CACF"}

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

	@@ -1 +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 @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"]}
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"]}

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

@@ -1,25 +1,25 @@
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1rl6a_145",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1rl6a_212",
-  "variant-primary": "awsui_variant-primary_4c84z_1rl6a_247",
-  "variant-info": "awsui_variant-info_4c84z_1rl6a_280",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1rl6a_315",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1rl6a_347",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1rl6a_382",
-  "button": "awsui_button_4c84z_1rl6a_415",
-  "color-inverted": "awsui_color-inverted_4c84z_1rl6a_450",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1rl6a_471",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1rl6a_478",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1rl6a_484",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1rl6a_490",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1rl6a_497",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1rl6a_504",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1rl6a_511",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1rl6a_518",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1rl6a_525",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1rl6a_533",
-  "icon": "awsui_icon_4c84z_1rl6a_533"
+  "link": "awsui_link_4c84z_1grqn_145",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1grqn_212",
+  "variant-primary": "awsui_variant-primary_4c84z_1grqn_247",
+  "variant-info": "awsui_variant-info_4c84z_1grqn_280",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1grqn_315",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1grqn_347",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1grqn_382",
+  "button": "awsui_button_4c84z_1grqn_415",
+  "color-inverted": "awsui_color-inverted_4c84z_1grqn_450",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1grqn_471",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1grqn_478",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1grqn_484",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1grqn_490",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1grqn_497",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1grqn_504",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1grqn_511",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1grqn_518",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1grqn_525",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1grqn_533",
+  "icon": "awsui_icon_4c84z_1grqn_533"
 };