@xfers/design-system 4.4.1-dev.fe765dcfc9 → 4.4.2-dev.0016bcdae6
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.
- package/cjs/StraitsXPersonalAccountLightLogo-b6f06da0.js.map +1 -1
- package/cjs/index.js +2 -2
- package/cjs/index.js.map +1 -1
- package/dist/components/Link/index.js +12 -6
- package/dist/components/Link/index.js.map +1 -1
- package/dist/icons/MaterialSymbols/MaterialSymbols.js +2 -2
- package/dist/icons/MaterialSymbols/MaterialSymbols.js.map +1 -1
- package/dist/logos/EmptyStraitsX.js.map +1 -1
- package/dist/types/components/Link/index.d.ts +13 -3
- package/dist/types/icons/MaterialSymbols/MaterialSymbols.d.ts +1 -1
- package/es/StraitsXPersonalAccountLightLogo-88865b98.js.map +1 -1
- package/es/index.js +2 -2
- package/es/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -28,13 +28,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
var react_1 = require("react");
|
|
30
30
|
var styled_1 = require("@emotion/styled");
|
|
31
|
-
var
|
|
32
|
-
var
|
|
31
|
+
var Typography_1 = require("src/constants/Typography/Typography");
|
|
32
|
+
var theme_1 = require("src/theme/theme");
|
|
33
33
|
var Link = function (_a) {
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
|
|
34
|
+
var _b = _a.typographyType, typographyType = _b === void 0 ? 'body' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, textContent = _a.textContent, children = _a.children, href = _a.href, target = _a.target, rel = _a.rel, _d = _a.isUnderlined, isUnderlined = _d === void 0 ? true : _d, icon = _a.icon, _e = _a.iconPlacement, iconPlacement = _e === void 0 ? 'left' : _e, onClick = _a.onClick, props = __rest(_a, ["typographyType", "size", "textContent", "children", "href", "target", "rel", "isUnderlined", "icon", "iconPlacement", "onClick"]);
|
|
35
|
+
var StyledLink = styled_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: ", ";\n align-items: center;\n gap: 4px;\n .material-symbols-rounded {\n color: ", " !important;\n }\n text-decoration: ", "\n ", ";\n\n :hover {\n text-decoration: ", "\n ", ";\n }\n\n user-select: none;\n "], ["\n display: ", ";\n align-items: center;\n gap: 4px;\n .material-symbols-rounded {\n color: ", " !important;\n }\n text-decoration: ", "\n ", ";\n\n :hover {\n text-decoration: ", "\n ", ";\n }\n\n user-select: none;\n "])), icon ? 'flex' : 'inline-flex', theme_1.straitsXTheme.color.base.link, isUnderlined ? 'underline' : 'none', theme_1.straitsXTheme.color.base.link, isUnderlined ? 'underline' : 'none', theme_1.straitsXTheme.color.base.link);
|
|
36
|
+
var toShowIconOnLeft = icon && iconPlacement === 'left';
|
|
37
|
+
var toShowIconOnRight = icon && iconPlacement === 'right';
|
|
38
|
+
var content = textContent || children;
|
|
39
|
+
return (react_1.default.createElement(StyledLink, __assign({ href: href, target: target, rel: rel, onClick: onClick }, props),
|
|
40
|
+
toShowIconOnLeft && icon,
|
|
41
|
+
typographyType === 'body' && (react_1.default.createElement(Typography_1.Typography.Body, { size: size, color: theme_1.straitsXTheme.color.base.link }, content)),
|
|
42
|
+
typographyType === 'label' && (react_1.default.createElement(Typography_1.Typography.Label, { size: size, color: theme_1.straitsXTheme.color.base.link }, content)),
|
|
43
|
+
toShowIconOnRight && icon));
|
|
38
44
|
};
|
|
39
45
|
exports.default = Link;
|
|
40
46
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Link/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Link/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,kEAAgE;AAChE,yCAA+C;AAgB/C,IAAM,IAAI,GAAG,UAAC,EAaN;IAZN,IAAA,sBAAuB,EAAvB,cAAc,mBAAG,MAAM,KAAA,EACvB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,GAAG,SAAA,EACH,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,IAAI,UAAA,EACJ,qBAAsB,EAAtB,aAAa,mBAAG,MAAM,KAAA,EACtB,OAAO,aAAA,EACJ,KAAK,cAZI,kIAab,CADS;IAER,IAAM,UAAU,GAAG,gBAAM,CAAC,CAAC,kVAAA,iBACd,EAA6B,4FAI7B,EAA6B,4CAErB,EAAmC,UAClD,EAA6B,4CAGZ,EAAmC,YAClD,EAA6B,wCAIpC,KAfY,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,EAI7B,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAErB,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAClD,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAGZ,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAClD,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAIpC,CAAA;IAED,IAAM,gBAAgB,GAAG,IAAI,IAAI,aAAa,KAAK,MAAM,CAAA;IACzD,IAAM,iBAAiB,GAAG,IAAI,IAAI,aAAa,KAAK,OAAO,CAAA;IAC3D,IAAM,OAAO,GAAG,WAAW,IAAI,QAAQ,CAAA;IAEvC,OAAO,CACL,8BAAC,UAAU,aACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,IACZ,KAAK;QAER,gBAAgB,IAAI,IAAI;QACxB,cAAc,KAAK,MAAM,IAAI,CAC5B,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAC9D,OAAO,CACQ,CACnB;QACA,cAAc,KAAK,OAAO,IAAI,CAC7B,8BAAC,uBAAU,CAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAC/D,OAAO,CACS,CACpB;QACA,iBAAiB,IAAI,IAAI,CACf,CACd,CAAA;AACH,CAAC,CAAA;AACD,kBAAe,IAAI,CAAA"}
|
|
@@ -20,13 +20,13 @@ var SIZE_MAP = {
|
|
|
20
20
|
m: 24,
|
|
21
21
|
l: 32,
|
|
22
22
|
xl: 40,
|
|
23
|
-
xxl: 48
|
|
23
|
+
xxl: 48,
|
|
24
24
|
};
|
|
25
25
|
var MaterialSymbols = function (_a) {
|
|
26
26
|
var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'm' : _b, _c = _a.fill, fill = _c === void 0 ? 0 : _c, _d = _a.color, color = _d === void 0 ? ColorStyles_1.NEUTRAL_COLORS.BLACK : _d, _e = _a.className, className = _e === void 0 ? '' : _e, style = _a.style;
|
|
27
27
|
var iconSize = typeof size === 'string' ? SIZE_MAP[size] : size;
|
|
28
28
|
var materialSymbolStyle = __assign({ fontVariationSettings: "'FILL' ".concat(fill, ", 'wght' 400"), fontSize: iconSize, color: color }, style);
|
|
29
|
-
return (react_1.default.createElement("span", { className: "material-symbols-rounded ".concat(className), style: materialSymbolStyle }, icon));
|
|
29
|
+
return (react_1.default.createElement("span", { className: "material-symbols-rounded ".concat(className), style: materialSymbolStyle, translate: "no" }, icon));
|
|
30
30
|
};
|
|
31
31
|
exports.default = MaterialSymbols;
|
|
32
32
|
//# sourceMappingURL=MaterialSymbols.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaterialSymbols.js","sourceRoot":"","sources":["../../../src/icons/MaterialSymbols/MaterialSymbols.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+BAAyB;AAEzB,kCAA+B;AAC/B,sDAAuD;AAEvD,IAAM,QAAQ,GAAG;IACf,EAAE,EAAE,EAAE;IACN,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;CACC,CAAA;AAcV,IAAM,eAAe,GAAG,UAAC,EAOH;QANpB,IAAI,UAAA,EACJ,YAAU,EAAV,IAAI,mBAAG,GAAG,KAAA,EACV,YAAQ,EAAR,IAAI,mBAAG,CAAC,KAAA,EACR,aAA4B,EAA5B,KAAK,mBAAG,4BAAc,CAAC,KAAK,KAAA,EAC5B,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA;IAEL,IAAM,QAAQ,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAEjE,IAAM,mBAAmB,cACvB,qBAAqB,EAAE,iBAAU,IAAI,iBAAc,EACnD,QAAQ,EAAE,QAAQ,EAClB,KAAK,OAAA,IACF,KAAK,CACT,CAAA;IAED,OAAO,CACL,wCACE,SAAS,EAAE,mCAA4B,SAAS,CAAE,EAClD,KAAK,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"MaterialSymbols.js","sourceRoot":"","sources":["../../../src/icons/MaterialSymbols/MaterialSymbols.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+BAAyB;AAEzB,kCAA+B;AAC/B,sDAAuD;AAEvD,IAAM,QAAQ,GAAG;IACf,EAAE,EAAE,EAAE;IACN,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;CACC,CAAA;AAcV,IAAM,eAAe,GAAG,UAAC,EAOH;QANpB,IAAI,UAAA,EACJ,YAAU,EAAV,IAAI,mBAAG,GAAG,KAAA,EACV,YAAQ,EAAR,IAAI,mBAAG,CAAC,KAAA,EACR,aAA4B,EAA5B,KAAK,mBAAG,4BAAc,CAAC,KAAK,KAAA,EAC5B,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA;IAEL,IAAM,QAAQ,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAEjE,IAAM,mBAAmB,cACvB,qBAAqB,EAAE,iBAAU,IAAI,iBAAc,EACnD,QAAQ,EAAE,QAAQ,EAClB,KAAK,OAAA,IACF,KAAK,CACT,CAAA;IAED,OAAO,CACL,wCACE,SAAS,EAAE,mCAA4B,SAAS,CAAE,EAClD,KAAK,EAAE,mBAAmB,EAC1B,SAAS,EAAC,IAAI,IAEb,IAAI,CACA,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStraitsX.js","sourceRoot":"","sources":["../../src/logos/EmptyStraitsX.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,SAAS,aAAa,CAAC,KAAoC;IACzD,OAAO,CACL,sCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,
|
|
1
|
+
{"version":3,"file":"EmptyStraitsX.js","sourceRoot":"","sources":["../../src/logos/EmptyStraitsX.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
type
|
|
3
|
-
|
|
2
|
+
type Props = {
|
|
3
|
+
typographyType?: 'body' | 'label';
|
|
4
|
+
size?: 'md' | 'sm';
|
|
5
|
+
textContent?: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
href?: string;
|
|
8
|
+
target?: string;
|
|
9
|
+
rel?: string;
|
|
10
|
+
isUnderlined?: boolean;
|
|
11
|
+
icon?: React.ReactNode;
|
|
12
|
+
iconPlacement?: 'left' | 'right';
|
|
13
|
+
onClick?: () => void;
|
|
4
14
|
} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
5
|
-
declare const Link: ({ size, children, ...props }:
|
|
15
|
+
declare const Link: ({ typographyType, size, textContent, children, href, target, rel, isUnderlined, icon, iconPlacement, onClick, ...props }: Props) => React.JSX.Element;
|
|
6
16
|
export default Link;
|
|
@@ -19,5 +19,5 @@ type MaterialSymbolProps = {
|
|
|
19
19
|
className?: string;
|
|
20
20
|
style?: React.CSSProperties;
|
|
21
21
|
};
|
|
22
|
-
declare const MaterialSymbols: ({ icon, size, fill, color, className, style }: MaterialSymbolProps) => React.JSX.Element;
|
|
22
|
+
declare const MaterialSymbols: ({ icon, size, fill, color, className, style, }: MaterialSymbolProps) => React.JSX.Element;
|
|
23
23
|
export default MaterialSymbols;
|