@xfers/design-system 4.4.2-dev.5657cf7f0e → 4.4.2-dev.8e4ed0bf50

package/dist/components/Link/index.js

@@ -28,13 +28,19 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var styled_1 = require("@emotion/styled");
-var ThemeContext_1 = require("src/theme/ThemeContext");
-var fontStyles_1 = require("src/constants/fontStyles");
+var Typography_1 = require("src/constants/Typography/Typography");
+var theme_1 = require("src/theme/theme");
 var Link = function (_a) {
-    var size = _a.size, children = _a.children, props = __rest(_a, ["size", "children"]);
-    var primary = (0, ThemeContext_1.useTheme)().brand.primary;
-    var StyledLink = styled_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", ";\n    color: ", ";\n    user-select: none;\n    text-decoration: underline;\n\n    &:hover {\n      color: ", ";\n      text-decoration: underline;\n    }\n  "], ["\n    ", ";\n    color: ", ";\n    user-select: none;\n    text-decoration: underline;\n\n    &:hover {\n      color: ", ";\n      text-decoration: underline;\n    }\n  "])), size === 'small' ? fontStyles_1.smallPStyle : fontStyles_1.pStyle, primary.link, primary.default);
-    return react_1.default.createElement(StyledLink, __assign({}, props), children);
+    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"]);
+    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);
+    var toShowIconOnLeft = icon && iconPlacement === 'left';
+    var toShowIconOnRight = icon && iconPlacement === 'right';
+    var content = textContent || children;
+    return (react_1.default.createElement(StyledLink, __assign({ href: href, target: target, rel: rel, onClick: onClick }, props),
+        toShowIconOnLeft && icon,
+        typographyType === 'body' && (react_1.default.createElement(Typography_1.Typography.Body, { size: size, color: theme_1.straitsXTheme.color.base.link }, content)),
+        typographyType === 'label' && (react_1.default.createElement(Typography_1.Typography.Label, { size: size, color: theme_1.straitsXTheme.color.base.link }, content)),
+        toShowIconOnRight && icon));
 };
 exports.default = Link;
 var templateObject_1;

package/dist/components/Link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Link/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,uDAAiD;AACjD,uDAA8D;AAM9D,IAAM,IAAI,GAAG,UAAC,EAAuC;IAArC,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IAE3B,IAAA,OAAO,GACd,IAAA,uBAAQ,GAAE,cADI,CACJ;IAEd,IAAM,UAAU,GAAG,gBAAM,CAAC,CAAC,8OAAA,QACvB,EAAuC,gBAChC,EAAY,4FAKV,EAAe,iDAG3B,KATG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,wBAAW,CAAC,CAAC,CAAC,mBAAM,EAChC,OAAO,CAAC,IAAI,EAKV,OAAO,CAAC,OAAO,CAG3B,CAAA;IACD,OAAO,8BAAC,UAAU,eAAK,KAAK,GAAG,QAAQ,CAAc,CAAA;AACvD,CAAC,CAAA;AACD,kBAAe,IAAI,CAAA"}
+{"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"}

package/dist/components/Tag/const.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.REMOVABLE_TAG_COLORS = exports.FILLED_TAG_COLORS = exports.OUTLINED_TAG_COLORS = exports.ICON_MAP = void 0;
+var ColorStyles_1 = require("src/shared/ColorStyles");
+var theme_1 = require("src/theme/theme");
+var TAG_TYPES = {
+    POSITIVE: 'positive',
+    CRITICAL: 'critical',
+    WARNING: 'warning',
+    INFO: 'info',
+    NEUTRAL: 'neutral',
+    DISABLED: 'disabled',
+};
+var VARIANTS = {
+    OUTLINED: 'outlined',
+    REMOVABLE: 'removable',
+    FILLED: 'filled',
+};
+exports.ICON_MAP = {
+    positive: 'check',
+    critical: 'cancel',
+    warning: 'timer',
+    info: 'info',
+    neutral: 'timer',
+};
+exports.OUTLINED_TAG_COLORS = {
+    positive: {
+        base: theme_1.straitsXTheme.color.surface.subduePositive,
+        text: theme_1.straitsXTheme.color.status.positive,
+        icon: theme_1.straitsXTheme.color.status.positive,
+        border: theme_1.straitsXTheme.color.status.positive,
+    },
+    critical: {
+        base: theme_1.straitsXTheme.color.surface.subdueCritical,
+        text: theme_1.straitsXTheme.color.status.critical,
+        icon: theme_1.straitsXTheme.color.status.critical,
+        border: theme_1.straitsXTheme.color.status.critical,
+    },
+    warning: {
+        base: theme_1.straitsXTheme.color.surface.subdueWarning,
+        text: theme_1.straitsXTheme.color.status.warning,
+        icon: theme_1.straitsXTheme.color.status.warning,
+        border: theme_1.straitsXTheme.color.status.warning,
+    },
+    info: {
+        base: theme_1.straitsXTheme.color.surface.SubdueInfo,
+        text: theme_1.straitsXTheme.color.status.info,
+        icon: theme_1.straitsXTheme.color.status.info,
+        border: theme_1.straitsXTheme.color.status.info,
+    },
+    neutral: {
+        base: ColorStyles_1.NEUTRAL_COLORS.G100,
+        text: theme_1.straitsXTheme.color.base.onNeutralSecondary,
+        icon: theme_1.straitsXTheme.color.base.onNeutralSecondary,
+        border: theme_1.straitsXTheme.color.base.line,
+    },
+};
+exports.FILLED_TAG_COLORS = {
+    positive: {
+        base: theme_1.straitsXTheme.color.status.positive,
+        text: theme_1.straitsXTheme.color.base.onContainer,
+        icon: '',
+        border: theme_1.straitsXTheme.color.status.positive,
+    },
+    neutral: {
+        base: theme_1.straitsXTheme.color.surface.disabledSurface,
+        text: theme_1.straitsXTheme.color.surface.disabledOnSurface,
+        icon: '',
+        border: theme_1.straitsXTheme.color.base.line,
+    },
+};
+exports.REMOVABLE_TAG_COLORS = {
+    positive: {
+        base: theme_1.straitsXTheme.color.surface.subduePositive,
+        text: theme_1.straitsXTheme.color.status.positive,
+        icon: theme_1.straitsXTheme.color.status.positive,
+        border: theme_1.straitsXTheme.color.status.positive,
+    },
+    disabled: {
+        base: theme_1.straitsXTheme.color.surface.disabledSurface,
+        text: theme_1.straitsXTheme.color.surface.disabledOnSurface,
+        icon: theme_1.straitsXTheme.color.surface.disabledOnSurface,
+        border: theme_1.straitsXTheme.color.base.line,
+    },
+    neutral: {
+        base: theme_1.straitsXTheme.color.surface.neutral,
+        text: theme_1.straitsXTheme.color.base.onNeutralSecondary,
+        icon: theme_1.straitsXTheme.color.base.onNeutralSecondary,
+        border: theme_1.straitsXTheme.color.base.line,
+    },
+};
+//# sourceMappingURL=const.js.map

package/dist/components/Tag/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"","sources":["../../../src/components/Tag/const.ts"],"names":[],"mappings":";;;AAAA,sDAAuD;AACvD,yCAA+C;AAE/C,IAAM,SAAS,GAAG;IAChB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;CACZ,CAAA;AAEV,IAAM,QAAQ,GAAG;IACf,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;CACR,CAAA;AAEG,QAAA,QAAQ,GAAG;IACtB,QAAQ,EAAE,OAAO;IACjB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,OAAO;CACR,CAAA;AAsBG,QAAA,mBAAmB,GAA4C;IAC1E,QAAQ,EAAE;QACR,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;QAChD,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QACzC,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QACzC,MAAM,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;KAC5C;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;QAChD,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QACzC,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QACzC,MAAM,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;KAC5C;IACD,OAAO,EAAE;QACP,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa;QAC/C,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QACxC,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QACxC,MAAM,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;KAC3C;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;QAC5C,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;QACrC,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;QACrC,MAAM,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;KACxC;IACD,OAAO,EAAE;QACP,IAAI,EAAE,4BAAc,CAAC,IAAI;QACzB,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB;QACjD,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB;QACjD,MAAM,EAAE,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;KACtC;CACF,CAAA;AAEY,QAAA,iBAAiB,GAA0C;IACtE,QAAQ,EAAE;QACR,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QACzC,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;QAC1C,IAAI,EAAE,EAAE;QACR,MAAM,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;KAC5C;IACD,OAAO,EAAE;QACP,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;QACjD,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB;QACnD,IAAI,EAAE,EAAE;QACR,MAAM,EAAE,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;KACtC;CACF,CAAA;AAEY,QAAA,oBAAoB,GAA6C;IAC5E,QAAQ,EAAE;QACR,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;QAChD,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QACzC,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QACzC,MAAM,EAAE,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;KAC5C;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;QACjD,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB;QACnD,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB;QACnD,MAAM,EAAE,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;KACtC;IACD,OAAO,EAAE;QACP,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;QACzC,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB;QACjD,IAAI,EAAE,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB;QACjD,MAAM,EAAE,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;KACtC;CACF,CAAA"}

package/dist/components/Tag/index.js

@@ -0,0 +1,37 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+var react_1 = require("react");
+var styled_1 = require("@emotion/styled");
+var MaterialSymbols_1 = require("src/icons/MaterialSymbols");
+var Typography_1 = require("src/constants/Typography/Typography");
+var const_1 = require("src/components/Tag/const");
+var src_1 = require("src");
+function getColorByProperty(type, variant, property) {
+    switch (variant) {
+        case 'outlined':
+            return const_1.OUTLINED_TAG_COLORS[type][property];
+        case 'filled':
+            return const_1.FILLED_TAG_COLORS[type][property];
+        case 'removable':
+            return const_1.REMOVABLE_TAG_COLORS[type][property];
+        default:
+            return const_1.OUTLINED_TAG_COLORS[type][property];
+    }
+}
+function default_1(_a) {
+    var type = _a.type, children = _a.children, _b = _a.showIcon, showIcon = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 'sm' : _c, _d = _a.variant, variant = _d === void 0 ? 'outlined' : _d, onClick = _a.onClick;
+    return (react_1.default.createElement(Base, { type: type, size: size, variant: variant },
+        showIcon && type !== 'disabled' && (react_1.default.createElement(MaterialSymbols_1.MaterialSymbols, { icon: const_1.ICON_MAP[type], size: size === 'sm' ? 'xs' : 's', color: getColorByProperty(type, variant, 'icon') })),
+        react_1.default.createElement(Typography_1.Typography.Body, { size: size, color: getColorByProperty(type, variant, 'text') }, children),
+        variant === 'removable' && (react_1.default.createElement(CloseButton, { onClick: onClick, type: "tertiary", icon: react_1.default.createElement(MaterialSymbols_1.MaterialSymbols, { icon: "close", size: size === 'sm' ? 'xs' : 's', color: getColorByProperty(type, variant, 'icon') }) }))));
+}
+var getAdditionalStyles = function (type, variant, size) { return "\n  border-radius: ".concat(variant === 'removable' ? '999px' : '4px', ";\n  min-height: ").concat(size === 'sm' ? '24px' : '32px', ";\n  background-color: ").concat(getColorByProperty(type, variant, 'base'), ";\n  border: 1px solid ").concat(getColorByProperty(type, variant, 'border'), ";\n  padding-inline: ").concat(variant === 'removable' ? '12px' : '8px', ";\n"); };
+var CloseButton = (0, styled_1.default)(src_1.Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  && {\n    padding: 0 !important;\n    width: auto !important;\n    height: auto !important;\n  }\n\n  &&:hover {\n    background: transparent !important;\n  }\n\n  &&:focus {\n    background: transparent !important;\n  }\n\n  &&:active {\n    background: transparent !important;\n  }\n"], ["\n  && {\n    padding: 0 !important;\n    width: auto !important;\n    height: auto !important;\n  }\n\n  &&:hover {\n    background: transparent !important;\n  }\n\n  &&:focus {\n    background: transparent !important;\n  }\n\n  &&:active {\n    background: transparent !important;\n  }\n"])));
+var Base = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n\n  ", ";\n"], ["\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n\n  ", ";\n"])), function (props) { return getAdditionalStyles(props.type, props.variant, props.size); });
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

package/dist/components/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":";;;;;;AA4CA,4BAsCC;AAlFD,+BAAyB;AACzB,0CAAoC;AACpC,6DAA2D;AAC3D,kEAAgE;AAChE,kDAWiC;AACjC,2BAA4B;AAW5B,SAAS,kBAAkB,CACzB,IAAwD,EACxD,OAAoB,EACpB,QAAuB;IAEvB,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,2BAAmB,CAAC,IAAuB,CAAC,CAAC,QAAQ,CAAC,CAAA;QAC/D,KAAK,QAAQ;YACX,OAAO,yBAAiB,CAAC,IAAqB,CAAC,CAAC,QAAQ,CAAC,CAAA;QAC3D,KAAK,WAAW;YACd,OAAO,4BAAoB,CAAC,IAAwB,CAAC,CAAC,QAAQ,CAAC,CAAA;QACjE;YACE,OAAO,2BAAmB,CAAC,IAAuB,CAAC,CAAC,QAAQ,CAAC,CAAA;IACjE,CAAC;AACH,CAAC;AAED,mBAAyB,EAOjB;QANN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,eAAoB,EAApB,OAAO,mBAAG,UAAU,KAAA,EACpB,OAAO,aAAA;IAEP,OAAO,CACL,8BAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;QAC3C,QAAQ,IAAI,IAAI,KAAK,UAAU,IAAI,CAClC,8BAAC,iCAAe,IACd,IAAI,EAAE,gBAAQ,CAAC,IAAI,CAAC,EACpB,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAChC,KAAK,EAAE,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,GAChD,CACH;QACD,8BAAC,uBAAU,CAAC,IAAI,IACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,IAE/C,QAAQ,CACO;QACjB,OAAO,KAAK,WAAW,IAAI,CAC1B,8BAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,UAAU,EACf,IAAI,EACF,8BAAC,iCAAe,IACd,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAChC,KAAK,EAAE,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,GAChD,GAEJ,CACH,CACI,CACR,CAAA;AACH,CAAC;AAED,IAAM,mBAAmB,GAAG,UAC1B,IAAa,EACb,OAAoB,EACpB,IAAiB,IACd,OAAA,6BACc,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,8BAC5C,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,oCACzB,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,oCACzC,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,kCAC7C,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,QAC3D,EANI,CAMJ,CAAA;AAED,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,YAAM,CAAC,sWAAA,mSAkBjC,IAAA,CAAA;AACD,IAAM,IAAI,GAAG,gBAAM,CAAC,GAAG,oNAIrB,0IAQE,EAAqE,KACxE,KADG,UAAC,KAAK,IAAK,OAAA,mBAAmB,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,EAA1D,CAA0D,CACxE,CAAA"}

package/dist/constants/Colors/colors.js

@@ -82,10 +82,10 @@ var SURFACE;
     SURFACE["DISABLED_ON_SURFACE"] = "#9D9E9F";
     // TODO(joseadhitya): Talk to design team about this , rename semantic color or remove it in cleanup effor
     SURFACE["DARK"] = "#051513";
-    SURFACE["SUBDUE_INFO"] = "#EBF5FF";
-    SURFACE["SUBDUE_POSITIVE"] = "#E5F8F3";
-    SURFACE["SUBDUE_WARNING"] = "#FFFBE9";
-    SURFACE["SUBDUE_CRITICAL"] = "#FFF0F0";
+    SURFACE["SUBDUE_INFO"] = "#EEF6FF";
+    SURFACE["SUBDUE_POSITIVE"] = "#F0F9F4";
+    SURFACE["SUBDUE_WARNING"] = "#FFFAEA";
+    SURFACE["SUBDUE_CRITICAL"] = "#FFF1F1";
 })(SURFACE || (exports.SURFACE = SURFACE = {}));
 var BASE;
 (function (BASE) {
@@ -113,10 +113,10 @@ var INTERACTIVE;
 })(INTERACTIVE || (exports.INTERACTIVE = INTERACTIVE = {}));
 var STATUS;
 (function (STATUS) {
-    STATUS["INFO"] = "#2F8DEE";
+    STATUS["INFO"] = "#0C45E1";
     STATUS["POSITIVE"] = "#257C58";
-    STATUS["WARNING"] = "#E5C412";
-    STATUS["CRITICAL"] = "#B71515";
+    STATUS["WARNING"] = "#FC9A07";
+    STATUS["CRITICAL"] = "#DF1312";
 })(STATUS || (exports.STATUS = STATUS = {}));
 var COMPONENT;
 (function (COMPONENT) {

package/dist/index.js

@@ -16,7 +16,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.Timeline = exports.SummaryCard = exports.Spin = exports.ErrorPage = exports.Tooltip = exports.CopyBox = exports.Section = exports.Banner = exports.Note = exports.ContentBreakdown = exports.Hidden = exports.Link = exports.Divider = exports.EmptyData = exports.SmallP = exports.P1Bold = exports.P1 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Checkbox = exports.DatePicker = exports.Timer = exports.Tabs = exports.Table = exports.Steps = exports.Select = exports.RangePicker = exports.Radio = exports.Pagination = exports.DeprecatedModal = exports.Modal = exports.Label = exports.Input = exports.Form = exports.DynamicSelect = exports.Dropdown = exports.Carousel = exports.Chart = exports.Card = exports.BadgeIcon = exports.Accordion = exports.ActionCard = exports.ActionButton = exports.Button = exports.Alert = void 0;
+exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.Timeline = exports.SummaryCard = exports.Spin = exports.ErrorPage = exports.Tooltip = exports.CopyBox = exports.Section = exports.Banner = exports.Note = exports.ContentBreakdown = exports.Hidden = exports.Link = exports.Divider = exports.EmptyData = exports.SmallP = exports.P1Bold = exports.P1 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Checkbox = exports.DatePicker = exports.Timer = exports.Tabs = exports.Table = exports.Steps = exports.Select = exports.RangePicker = exports.Radio = exports.Pagination = exports.DeprecatedModal = exports.Modal = exports.Tag = exports.Input = exports.Form = exports.DynamicSelect = exports.Dropdown = exports.Carousel = exports.Chart = exports.Card = exports.BadgeIcon = exports.Accordion = exports.ActionCard = exports.ActionButton = exports.Button = exports.Alert = void 0;
 exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = exports.useTheme = void 0;
 // Components
 var Alert_1 = require("./components/Alert");
@@ -45,8 +45,8 @@ var Form_1 = require("./components/Form");
 Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.default; } });
 var Input_1 = require("./components/Input");
 Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.default; } });
-var Label_1 = require("./components/Label");
-Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.default; } });
+var Tag_1 = require("./components/Tag");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.default; } });
 var Modal_1 = require("./components/Modal");
 Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.default; } });
 var DeprecatedModal_1 = require("./components/DeprecatedModal");

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/logos/EmptyStraitsX.js.map

@@ -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,IAE9B,KAAK;QAET,2BAAG,QAAQ,EAAC,aAAa;YACvB,8BACE,OAAO,EAAC,KAAK,EACb,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ksBAAksB,EACpsB,IAAI,EAAC,qBAAqB,GAC1B;YACF,8BACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,qBAAqB,GAC1B;YACF,8BACE,OAAO,EAAC,OAAO,EACf,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yWAAyW,EAC3W,IAAI,EAAC,qBAAqB,GAC1B;YACF,8BACE,CAAC,EAAC,iMAAiM,EACnM,IAAI,EAAC,SAAS,GACd;YACF,8BACE,CAAC,EAAC,kOAAkO,EACpO,IAAI,EAAC,qBAAqB,GAC1B;YACF,8BACE,CAAC,EAAC,uhBAAuhB,EACzhB,IAAI,EAAC,qBAAqB,GAC1B,CACA;QACJ;YACE,wCACE,EAAE,EAAC,eAAe,EAClB,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,gBAAgB;gBAE9B,8BAAM,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,GAAG;gBAC5C,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,GAAG,CAC1C;YACjB,wCACE,EAAE,EAAC,eAAe,EAClB,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,QAAQ,EACX,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,QAAQ,EACX,aAAa,EAAC,gBAAgB;gBAE9B,8BAAM,SAAS,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,GAAG;gBAC1C,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,GAAG,CAC5C;YACjB,wCACE,EAAE,EAAC,eAAe,EAClB,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,gBAAgB;gBAE9B,8BAAM,SAAS,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,GAAG;gBAC1C,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,MAAM,GAAG,CAC3C;YACjB,wCACE,EAAE,EAAC,eAAe,EAClB,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,gBAAgB;gBAE9B,8BAAM,SAAS,EAAC,SAAS,GAAG;gBAC5B,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,OAAO,GAAG,CACtB;YACjB,wCACE,EAAE,EAAC,eAAe,EAClB,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,QAAQ,EACX,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,gBAAgB;gBAE9B,8BAAM,SAAS,EAAC,SAAS,GAAG;gBAC5B,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,CACxB;YACjB,kCAAU,EAAE,EAAC,OAAO;gBAClB,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,CACpC,CACN,CACH,CACP,CAAA;AACH,CAAC;AAED,kBAAe,aAAa,CAAA"}
+{"version":3,"file":"EmptyStraitsX.js","sourceRoot":"","sources":["../../src/logos/EmptyStraitsX.tsx"],"names":[],"mappings":"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"}

package/dist/types/components/Link/index.d.ts

@@ -1,6 +1,16 @@
 import React from 'react';
-type LinkProps = {
-    size?: 'small';
+type Props = {
+    typographyType?: 'body' | 'label';
+    size?: 'md' | 'sm';
+    textContent?: string;
+    children?: React.ReactNode;
+    href?: string;
+    target?: string;
+    rel?: string;
+    isUnderlined?: boolean;
+    icon?: React.ReactNode;
+    iconPlacement?: 'left' | 'right';
+    onClick?: () => void;
 } & React.AnchorHTMLAttributes<HTMLAnchorElement>;
-declare const Link: ({ size, children, ...props }: LinkProps) => React.JSX.Element;
+declare const Link: ({ typographyType, size, textContent, children, href, target, rel, isUnderlined, icon, iconPlacement, onClick, ...props }: Props) => React.JSX.Element;
 export default Link;

package/dist/types/components/Tag/const.d.ts

@@ -0,0 +1,36 @@
+declare const TAG_TYPES: {
+    readonly POSITIVE: "positive";
+    readonly CRITICAL: "critical";
+    readonly WARNING: "warning";
+    readonly INFO: "info";
+    readonly NEUTRAL: "neutral";
+    readonly DISABLED: "disabled";
+};
+declare const VARIANTS: {
+    readonly OUTLINED: "outlined";
+    readonly REMOVABLE: "removable";
+    readonly FILLED: "filled";
+};
+export declare const ICON_MAP: {
+    readonly positive: "check";
+    readonly critical: "cancel";
+    readonly warning: "timer";
+    readonly info: "info";
+    readonly neutral: "timer";
+};
+export type TagType = (typeof TAG_TYPES)[keyof typeof TAG_TYPES];
+export type VariantType = (typeof VARIANTS)[keyof typeof VARIANTS];
+export type OutlinedTagType = 'positive' | 'critical' | 'warning' | 'info' | 'neutral';
+export type FilledTagType = 'positive' | 'neutral';
+export type RemovableTagType = 'positive' | 'disabled' | 'neutral';
+type TagColorSchema = {
+    base: string;
+    text: string;
+    icon: string;
+    border: string;
+};
+export type TagSchemaType = 'base' | 'text' | 'icon' | 'border';
+export declare const OUTLINED_TAG_COLORS: Record<OutlinedTagType, TagColorSchema>;
+export declare const FILLED_TAG_COLORS: Record<FilledTagType, TagColorSchema>;
+export declare const REMOVABLE_TAG_COLORS: Record<RemovableTagType, TagColorSchema>;
+export {};

package/dist/types/components/Tag/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TagType, VariantType } from 'src/components/Tag/const';
+type Props = {
+    type: TagType;
+    children: React.ReactNode;
+    showIcon?: boolean;
+    size?: 'sm' | 'lg';
+    variant?: VariantType;
+    onClick?: () => void;
+};
+export default function ({ type, children, showIcon, size, variant, onClick, }: Props): React.JSX.Element;
+export {};

package/dist/types/constants/Colors/colors.d.ts

@@ -67,10 +67,10 @@ export declare enum SURFACE {
     DISABLED_SURFACE = "#F2F4F5",
     DISABLED_ON_SURFACE = "#9D9E9F",
     DARK = "#051513",
-    SUBDUE_INFO = "#EBF5FF",
-    SUBDUE_POSITIVE = "#E5F8F3",
-    SUBDUE_WARNING = "#FFFBE9",
-    SUBDUE_CRITICAL = "#FFF0F0"
+    SUBDUE_INFO = "#EEF6FF",
+    SUBDUE_POSITIVE = "#F0F9F4",
+    SUBDUE_WARNING = "#FFFAEA",
+    SUBDUE_CRITICAL = "#FFF1F1"
 }
 export declare enum BASE {
     PRIMARY = "#00D37E",
@@ -95,10 +95,10 @@ export declare enum INTERACTIVE {
     PRESSED_CRITICAL = "#A92920"
 }
 export declare enum STATUS {
-    INFO = "#2F8DEE",
+    INFO = "#0C45E1",
     POSITIVE = "#257C58",
-    WARNING = "#E5C412",
-    CRITICAL = "#B71515"
+    WARNING = "#FC9A07",
+    CRITICAL = "#DF1312"
 }
 export declare enum COMPONENT {
     BUTTON_DISABLED = "#BDBDBD",

package/dist/types/index.d.ts

@@ -11,7 +11,7 @@ export { default as Dropdown } from './components/Dropdown';
 export { default as DynamicSelect } from './components/DynamicSelect';
 export { default as Form } from './components/Form';
 export { default as Input } from './components/Input';
-export { default as Label } from './components/Label';
+export { default as Tag } from './components/Tag';
 export { default as Modal } from './components/Modal';
 export { default as DeprecatedModal } from './components/DeprecatedModal';
 export { default as Pagination } from './components/Pagination';
@@ -46,6 +46,6 @@ export { Typography } from './constants/Typography/Typography';
 export { ThemeProvider, useTheme } from './theme/ThemeContext';
 export { xfersTheme, straitsXTheme } from './theme/theme';
 export { ModalProvider, useModal } from './shared/modalContext';
-export { EXTRA_LARGE_DESKTOP_BREAKPOINT, DESKTOP_BREAKPOINT, LAPTOP_BREAKPOINT, TABLET_BREAKPOINT } from './constants/breakPoints';
-export { BLUE_COLORS, GREEN_COLORS, RED_COLORS, YELLOW_COLORS, NEUTRAL_COLORS, MAIN_COLORS, ICON_COLORS, TEXT_COLORS, BACKGROUND_COLORS } from './shared/ColorStyles';
-export { MAIN_FONT, FALLBACK_FONT, FONT_WEIGHT, FONT_SIZE, LINE_HEIGHT } from './shared/TypographyStyles';
+export { EXTRA_LARGE_DESKTOP_BREAKPOINT, DESKTOP_BREAKPOINT, LAPTOP_BREAKPOINT, TABLET_BREAKPOINT, } from './constants/breakPoints';
+export { BLUE_COLORS, GREEN_COLORS, RED_COLORS, YELLOW_COLORS, NEUTRAL_COLORS, MAIN_COLORS, ICON_COLORS, TEXT_COLORS, BACKGROUND_COLORS, } from './shared/ColorStyles';
+export { MAIN_FONT, FALLBACK_FONT, FONT_WEIGHT, FONT_SIZE, LINE_HEIGHT, } from './shared/TypographyStyles';