@xfers/design-system 4.4.2-dev.ff0d6744f6 → 4.4.3-dev.0e54c27f6c

package/dist/components/Banner/index.js

@@ -44,7 +44,6 @@ var Banner = function (_a) {
     var warningStyle = "\n    color: ".concat(theme_1.straitsXTheme.color.status.warning, ";\n    background: ").concat(theme_1.straitsXTheme.color.surface.subdueWarning, ";\n    ");
     var errorStyle = "\n    color: ".concat(theme_1.straitsXTheme.color.status.critical, ";\n    background: ").concat(theme_1.straitsXTheme.color.surface.subdueCritical, ";\n    ");
     var notificationStyle = "\n    color: ".concat(theme_1.straitsXTheme.color.base.onNeutral, "};\n    background: ").concat(theme_1.straitsXTheme.color.surface.SubdueInfo, ";\n    ");
-    var importantStyle = "\n    color: ".concat(theme_1.straitsXTheme.color.base.onNeutral, "};\n    background: ").concat(theme_1.straitsXTheme.color.surface.SubdueInfo, ";\n  ");
     var getTypeStyle = function () {
         switch (type) {
             case 'primary':
@@ -58,8 +57,6 @@ var Banner = function (_a) {
                 return errorStyle;
             case 'notification':
                 return notificationStyle;
-            case 'important':
-                return importantStyle;
         }
     };
     var StyledBanner = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: ", ";\n    border-radius: 5px;\n    display: flex;\n    vertical-align: middle;\n    ", " ol {\n      padding-left: 20px;\n      margin: 0;\n\n      > li {\n        margin-bottom: 5px;\n      }\n    }\n  "], ["\n    padding: ", ";\n    border-radius: 5px;\n    display: flex;\n    vertical-align: middle;\n    ", " ol {\n      padding-left: 20px;\n      margin: 0;\n\n      > li {\n        margin-bottom: 5px;\n      }\n    }\n  "])), spacing.sm, getTypeStyle());
@@ -80,15 +77,6 @@ var Banner = function (_a) {
         else if (type === 'notification') {
             return (react_1.default.createElement(InfoFilled_1.default, { style: { minHeight: '18px', minWidth: '18px' }, color: theme_1.straitsXTheme.color.status.info, className: (0, emotion_1.cx)(svgStyle) }));
         }
-        else if (type === 'important') {
-            return (react_1.default.createElement("div", { style: {
-                    display: 'block',
-                    minWidth: '5px',
-                    margin: '0 15px 0 3px',
-                    borderRadius: '10px',
-                    background: theme_1.straitsXTheme.color.status.info
-                } }));
-        }
         return react_1.default.createElement(react_1.default.Fragment, null);
     };
     return (react_1.default.createElement(StyledBanner, __assign({}, rest),

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

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

package/dist/components/Coachmark/getJoyrideConfig.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCoachmarkJoyrideConfig = getCoachmarkJoyrideConfig;
+var theme_1 = require("src/theme/theme");
+/**
+ * Get the default Joyride configuration for Coachmark component.
+ * This includes the arrow styling that matches the Coachmark design.
+ *
+ * @param options - Optional configuration overrides
+ * @returns Joyride configuration object with floaterProps and styles
+ *
+ * @example
+ * ```tsx
+ * import { Coachmark, getCoachmarkJoyrideConfig } from '@xfers/design-system'
+ * import Joyride from 'react-joyride'
+ *
+ * <Joyride
+ *   {...getCoachmarkJoyrideConfig()}
+ * />
+ * ```
+ */
+function getCoachmarkJoyrideConfig(options) {
+    var _a = options || {}, _b = _a.arrowColor, arrowColor = _b === void 0 ? theme_1.straitsXTheme.color.surface.secondaryNeutral : _b, _c = _a.arrowLength, arrowLength = _c === void 0 ? 8 : _c, _d = _a.arrowSpread, arrowSpread = _d === void 0 ? 16 : _d;
+    return {
+        floaterProps: {
+            styles: {
+                arrow: {
+                    length: arrowLength,
+                    spread: arrowSpread,
+                    color: arrowColor,
+                },
+            },
+        },
+    };
+}
+//# sourceMappingURL=getJoyrideConfig.js.map

package/dist/components/Coachmark/getJoyrideConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getJoyrideConfig.js","sourceRoot":"","sources":["../../../src/components/Coachmark/getJoyrideConfig.ts"],"names":[],"mappings":";;AAoBA,8DAsBC;AA1CD,yCAA+C;AAE/C;;;;;;;;;;;;;;;;GAgBG;AAEH,SAAgB,yBAAyB,CAAC,OAIzC;IACO,IAAA,KAIF,OAAO,IAAI,EAAE,EAHf,kBAAyD,EAAzD,UAAU,mBAAG,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,KAAA,EACzD,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACf,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KACD,CAAA;IAEjB,OAAO;QACL,YAAY,EAAE;YACZ,MAAM,EAAE;gBACN,KAAK,EAAE;oBACL,MAAM,EAAE,WAAW;oBACnB,MAAM,EAAE,WAAW;oBACnB,KAAK,EAAE,UAAU;iBAClB;aACF;SACF;KACF,CAAA;AACH,CAAC"}

package/dist/components/Coachmark/index.js

@@ -0,0 +1,53 @@
+"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 = Coachmark;
+var styled_1 = require("@emotion/styled");
+var react_1 = require("react");
+var Typography_1 = require("src/constants/Typography/Typography");
+var MaterialSymbols_1 = require("src/icons/MaterialSymbols");
+var theme_1 = require("src/theme/theme");
+var Link_1 = require("../Link");
+function Coachmark(_a) {
+    var index = _a.index, primaryProps = _a.primaryProps, size = _a.size, skipProps = _a.skipProps, step = _a.step, tooltipProps = _a.tooltipProps, backProps = _a.backProps;
+    var title = step.title, content = step.content, data = step.data;
+    return (react_1.default.createElement(Container, { role: tooltipProps.role },
+        react_1.default.createElement(TextContainer, null,
+            react_1.default.createElement(Header, null,
+                react_1.default.createElement(Typography_1.Typography.Label, { size: "md" }, title),
+                react_1.default.createElement(SkipAction, { role: skipProps.role, onClick: skipProps.onClick },
+                    react_1.default.createElement(MaterialSymbols_1.MaterialSymbols, { icon: "close", size: "m" }))),
+            react_1.default.createElement(Typography_1.Typography.Body, { size: "md" }, content)),
+        react_1.default.createElement(Footer, null,
+            react_1.default.createElement(Dots, null, Array.from({ length: size }, function (_, i) {
+                if (index === 0 && (data === null || data === void 0 ? void 0 : data.skipZeroIndex) === true) {
+                    return react_1.default.createElement(react_1.default.Fragment, null);
+                }
+                return react_1.default.createElement(Dot, { key: i, isActive: i === index });
+            })),
+            react_1.default.createElement(ButtonContainer, null,
+                backProps && (react_1.default.createElement(BackButton, { typographyType: "label", size: "md", role: backProps === null || backProps === void 0 ? void 0 : backProps.role, isDisabled: index === 0, onClick: backProps.onClick, isUnderlined: false }, "Back")),
+                react_1.default.createElement(Link_1.default, { typographyType: "label", size: "md", role: primaryProps.role, onClick: primaryProps.onClick, isUnderlined: false }, "Next")))));
+}
+var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 12px;\n  min-width: 200px;\n  max-width: 260px;\n"], ["\n  background-color: ", ";\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 12px;\n  min-width: 200px;\n  max-width: 260px;\n"])), theme_1.straitsXTheme.color.surface.secondaryNeutral);
+var TextContainer = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  color: ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  color: ", ";\n"])), theme_1.straitsXTheme.color.base.onNeutral);
+var Header = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
+var SkipAction = (0, styled_1.default)(Link_1.default)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  text-decoration: none !important;\n"], ["\n  text-decoration: none !important;\n"])));
+var Footer = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
+var Dots = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n"])));
+var Dot = styled_1.default.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: ", ";\n"], ["\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: ", ";\n"])), function (props) {
+    return props.isActive
+        ? "".concat(theme_1.straitsXTheme.color.base.primary3)
+        : "".concat(theme_1.straitsXTheme.color.surface.disabledOnSurface);
+});
+var BackButton = (0, styled_1.default)(Link_1.default)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  h5 {\n    color: ", ";\n  }\n  pointer-events: ", ";\n"], ["\n  h5 {\n    color: ", ";\n  }\n  pointer-events: ", ";\n"])), function (props) {
+    return props.isDisabled
+        ? "".concat(theme_1.straitsXTheme.color.surface.disabledOnSurface)
+        : "".concat(theme_1.straitsXTheme.color.base.link);
+}, function (props) { return (props.isDisabled ? 'none' : 'auto'); });
+var ButtonContainer = styled_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n"], ["\n  display: flex;\n  gap: 8px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Label/index.js

@@ -0,0 +1,91 @@
+"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;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+var react_1 = require("react");
+var styled_1 = require("@emotion/styled");
+var ColorStyles_1 = require("src/shared/ColorStyles");
+var TypographyStyles_1 = require("src/shared/TypographyStyles");
+var success_svg_1 = require("./success.svg");
+var error_svg_1 = require("./error.svg");
+var warning_svg_1 = require("./warning.svg");
+var neutral_svg_1 = require("./neutral.svg");
+var info_svg_1 = require("./info.svg");
+var BASE_COLORS = {
+    success: ColorStyles_1.BACKGROUND_COLORS.SUCCESS,
+    error: ColorStyles_1.BACKGROUND_COLORS.ERROR,
+    warning: ColorStyles_1.BACKGROUND_COLORS.WARNING,
+    info: ColorStyles_1.BACKGROUND_COLORS.INFO,
+    neutral: ColorStyles_1.BACKGROUND_COLORS.NEUTRAL
+};
+var PAYLOAD_COLORS = {
+    success: ColorStyles_1.TEXT_COLORS.SUCCESS,
+    error: ColorStyles_1.TEXT_COLORS.ERROR,
+    warning: ColorStyles_1.TEXT_COLORS.WARNING,
+    info: ColorStyles_1.TEXT_COLORS.INFO,
+    neutral: ColorStyles_1.NEUTRAL_COLORS.G500
+};
+var BORDER_COLORS = {
+    success: ColorStyles_1.GREEN_COLORS.G400,
+    error: ColorStyles_1.RED_COLORS.R400,
+    warning: ColorStyles_1.YELLOW_COLORS.Y300,
+    info: ColorStyles_1.BLUE_COLORS.B300,
+    neutral: ColorStyles_1.NEUTRAL_COLORS.G300
+};
+function default_1(_a) {
+    var type = _a.type, children = _a.children, _b = _a.icon, icon = _b === void 0 ? false : _b, rest = __rest(_a, ["type", "children", "icon"]);
+    var iconElement;
+    switch (type) {
+        case 'success': {
+            iconElement = (react_1.default.createElement(success_svg_1.default, { style: { width: '13px', marginRight: '4px', marginTop: '2px' } }));
+            break;
+        }
+        case 'error': {
+            iconElement = (react_1.default.createElement(error_svg_1.default, { style: { width: '9px', marginRight: '4px', marginTop: '0px' } }));
+            break;
+        }
+        case 'warning': {
+            iconElement = (react_1.default.createElement(warning_svg_1.default, { style: { width: '14px', marginRight: '4px', marginTop: '0px' } }));
+            break;
+        }
+        case 'info': {
+            iconElement = (react_1.default.createElement(info_svg_1.default, { style: { width: '14px', marginRight: '4px', marginTop: '0px' } }));
+            break;
+        }
+        case 'neutral': {
+            iconElement = (react_1.default.createElement(neutral_svg_1.default, { style: { width: '14px', marginRight: '4px', marginTop: '0px' } }));
+            break;
+        }
+    }
+    return (react_1.default.createElement(Base, __assign({ type: type }, rest),
+        icon && iconElement,
+        children));
+}
+var Base = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  -webkit-font-smoothing: antialiased;\n  border-radius: 14px;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: 400;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  padding-right: 15px;\n  padding-left: 15px;\n  text-transform: capitalize;\n\n  ", ";\n"], ["\n  -webkit-font-smoothing: antialiased;\n  border-radius: 14px;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: 400;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  padding-right: 15px;\n  padding-left: 15px;\n  text-transform: capitalize;\n\n  ", ";\n"])), TypographyStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, function (props) { return "\n    background-color: ".concat(BASE_COLORS[props.type], ";\n    color: ").concat(PAYLOAD_COLORS[props.type], " !important;\n    border: 1px solid ").concat(BORDER_COLORS[props.type], ";\n  "); });
+var templateObject_1;
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Note/index.js

@@ -3,43 +3,24 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var styled_1 = require("@emotion/styled");
-var Typography_1 = require("src/components/Typography");
-var ThemeContext_1 = require("src/theme/ThemeContext");
+var theme_1 = require("src/theme/theme");
+var Typography_1 = require("src/constants/Typography/Typography");
 var Note = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var _b = (0, ThemeContext_1.useTheme)(), brand = _b.brand, spacing = _b.spacing;
-    var StyledNote = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    background: ", ";\n    padding: ", ";\n    border-radius: 5px;\n  "], ["\n    position: relative;\n    width: 100%;\n    background: ", ";\n    padding: ", ";\n    border-radius: 5px;\n  "])), brand.primary.background, spacing.sm);
-    var StyledContainer = (0, styled_1.default)(Typography_1.P1)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    position: relative;\n\n    ::before {\n      content: '';\n      height: 100%;\n      width: ", ";\n      background: ", ";\n      border-radius: 5px;\n      position: absolute;\n    }\n  "], ["\n    position: relative;\n\n    ::before {\n      content: '';\n      height: 100%;\n      width: ", ";\n      background: ", ";\n      border-radius: 5px;\n      position: absolute;\n    }\n  "])), spacing.xs, brand.primary.emphasis);
-    var TextContainer = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    margin-left: ", ";\n  "], ["\n    margin-left: ", ";\n  "])), spacing.md);
-    return (react_1.default.createElement(StyledNote, __assign({}, props),
+    var title = _a.title, children = _a.children;
+    // Check if children is an array to determine if it should be a list
+    var isArray = Array.isArray(children);
+    var isList = isArray && children.length > 1;
+    var StyledNote = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 100%;\n    background: ", ";\n    padding: 4px;\n    border-radius: 8px;\n  "], ["\n    width: 100%;\n    background: ", ";\n    padding: 4px;\n    border-radius: 8px;\n  "])), theme_1.straitsXTheme.color.surface.subduePositive);
+    var StyledContainer = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    position: relative;\n    ::before {\n      content: '';\n      height: 100%;\n      width: 5px;\n      background: ", ";\n      border-radius: 5px;\n      position: absolute;\n      left: 0;\n    }\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 5px 0 5px 15px;\n    gap: ", ";\n  "], ["\n    position: relative;\n    ::before {\n      content: '';\n      height: 100%;\n      width: 5px;\n      background: ", ";\n      border-radius: 5px;\n      position: absolute;\n      left: 0;\n    }\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 5px 0 5px 15px;\n    gap: ", ";\n  "])), theme_1.straitsXTheme.color.status.positive, title ? '5px' : '0px');
+    return (react_1.default.createElement(StyledNote, null,
         react_1.default.createElement(StyledContainer, null,
-            react_1.default.createElement(TextContainer, null, children))));
+            react_1.default.createElement(Typography_1.Typography.Label, { size: "md" }, title),
+            isList ? (react_1.default.createElement(Typography_1.Typography.Body, { size: "md", style: { scrollbarWidth: 'none' } },
+                react_1.default.createElement("ol", { style: { margin: 0, paddingLeft: '20px' } }, children.map(function (child, index) { return (react_1.default.createElement("li", { key: index }, child)); })))) : (react_1.default.createElement(Typography_1.Typography.Body, { size: "md", style: { scrollbarWidth: 'none' } }, children)))));
 };
 exports.default = Note;
-var templateObject_1, templateObject_2, templateObject_3;
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Note/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,wDAA8C;AAC9C,uDAAiD;AAMjD,IAAM,IAAI,GAAG,UAAC,EAAiC;IAA/B,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC1B,IAAA,KAAqB,IAAA,uBAAQ,GAAE,EAA7B,KAAK,WAAA,EAAE,OAAO,aAAe,CAAA;IAErC,IAAM,UAAU,GAAG,gBAAM,CAAC,GAAG,wLAAA,+DAGb,EAAwB,kBAC3B,EAAU,gCAEtB,KAHe,KAAK,CAAC,OAAO,CAAC,UAAU,EAC3B,OAAO,CAAC,EAAE,CAEtB,CAAA;IACD,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,eAAE,CAAC,uQAAA,qGAMrB,EAAU,uBACL,EAAsB,oEAIvC,KALY,OAAO,CAAC,EAAE,EACL,KAAK,CAAC,OAAO,CAAC,QAAQ,CAIvC,CAAA;IACD,IAAM,aAAa,GAAG,gBAAM,CAAC,GAAG,iGAAA,qBACf,EAAU,OAC1B,KADgB,OAAO,CAAC,EAAE,CAC1B,CAAA;IACD,OAAO,CACL,8BAAC,UAAU,eAAK,KAAK;QACnB,8BAAC,eAAe;YACd,8BAAC,aAAa,QAAE,QAAQ,CAAiB,CACzB,CACP,CACd,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,IAAI,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Note/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,yCAA+C;AAC/C,kEAAgE;AAOhE,IAAM,IAAI,GAAG,UAAC,EAA8B;QAA5B,KAAK,WAAA,EAAE,QAAQ,cAAA;IAC7B,oEAAoE;IACpE,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IACvC,IAAM,MAAM,GAAG,OAAO,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;IAC7C,IAAM,UAAU,GAAG,gBAAM,CAAC,GAAG,8JAAA,sCAEb,EAA0C,mDAGzD,KAHe,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAGzD,CAAA;IACD,IAAM,eAAe,GAAG,gBAAM,CAAC,GAAG,iZAAA,2HAMhB,EAAmC,wMAS5C,EAAqB,OAC7B,KAViB,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAS5C,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAC7B,CAAA;IAED,OAAO,CACL,8BAAC,UAAU;QACT,8BAAC,eAAe;YACd,8BAAC,uBAAU,CAAC,KAAK,IAAC,IAAI,EAAC,IAAI,IAAE,KAAK,CAAoB;YACrD,MAAM,CAAC,CAAC,CAAC,CACR,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE;gBAC1D,sCAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,IAC1C,QAAQ,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAC9B,sCAAI,GAAG,EAAE,KAAK,IAAG,KAAK,CAAM,CAC7B,EAF+B,CAE/B,CAAC,CACC,CACW,CACnB,CAAC,CAAC,CAAC,CACF,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,IACzD,QAAQ,CACO,CACnB,CACe,CACP,CACd,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,IAAI,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"] = "#EEF6FF";
-    SURFACE["SUBDUE_POSITIVE"] = "#F0F9F4";
-    SURFACE["SUBDUE_WARNING"] = "#FFFAEA";
-    SURFACE["SUBDUE_CRITICAL"] = "#FFF1F1";
+    SURFACE["SUBDUE_INFO"] = "#EBF5FF";
+    SURFACE["SUBDUE_POSITIVE"] = "#E5F8F3";
+    SURFACE["SUBDUE_WARNING"] = "#FFFBE9";
+    SURFACE["SUBDUE_CRITICAL"] = "#FFF0F0";
 })(SURFACE || (exports.SURFACE = SURFACE = {}));
 var BASE;
 (function (BASE) {
@@ -113,10 +113,10 @@ var INTERACTIVE;
 })(INTERACTIVE || (exports.INTERACTIVE = INTERACTIVE = {}));
 var STATUS;
 (function (STATUS) {
-    STATUS["INFO"] = "#0C45E1";
+    STATUS["INFO"] = "#2F8DEE";
     STATUS["POSITIVE"] = "#257C58";
-    STATUS["WARNING"] = "#FC9A07";
-    STATUS["CRITICAL"] = "#DF1312";
+    STATUS["WARNING"] = "#E5C412";
+    STATUS["CRITICAL"] = "#B71515";
 })(STATUS || (exports.STATUS = STATUS = {}));
 var COMPONENT;
 (function (COMPONENT) {

package/dist/index.js

@@ -16,8 +16,8 @@ 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.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;
+exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.Coachmark = 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.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 = exports.ThemeProvider = exports.Typography = void 0;
 // Components
 var Alert_1 = require("./components/Alert");
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.default; } });
@@ -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 Tag_1 = require("./components/Tag");
-Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.default; } });
+var Label_1 = require("./components/Label");
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_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");
@@ -107,6 +107,11 @@ var SummaryCard_1 = require("./components/SummaryCard");
 Object.defineProperty(exports, "SummaryCard", { enumerable: true, get: function () { return SummaryCard_1.default; } });
 var Timeline_1 = require("./components/Timeline");
 Object.defineProperty(exports, "Timeline", { enumerable: true, get: function () { return Timeline_1.default; } });
+var Coachmark_1 = require("./components/Coachmark");
+Object.defineProperty(exports, "Coachmark", { enumerable: true, get: function () { return Coachmark_1.default; } });
+// Helper Functions
+var getJoyrideConfig_1 = require("./components/Coachmark/getJoyrideConfig");
+Object.defineProperty(exports, "getCoachmarkJoyrideConfig", { enumerable: true, get: function () { return getJoyrideConfig_1.getCoachmarkJoyrideConfig; } });
 // Icons
 __exportStar(require("./icons"), exports);
 var MaterialSymbols_1 = require("./icons/MaterialSymbols");

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/types/components/Banner/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 type BannerProps = {
-    type?: 'primary' | 'success' | 'warning' | 'error' | 'notification' | 'important';
+    type?: 'primary' | 'success' | 'warning' | 'error' | 'notification';
     withIcon?: boolean;
     children: React.ReactNode;
 } & React.HTMLAttributes<HTMLDivElement>;

package/dist/types/components/Coachmark/getJoyrideConfig.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Get the default Joyride configuration for Coachmark component.
+ * This includes the arrow styling that matches the Coachmark design.
+ *
+ * @param options - Optional configuration overrides
+ * @returns Joyride configuration object with floaterProps and styles
+ *
+ * @example
+ * ```tsx
+ * import { Coachmark, getCoachmarkJoyrideConfig } from '@xfers/design-system'
+ * import Joyride from 'react-joyride'
+ *
+ * <Joyride
+ *   {...getCoachmarkJoyrideConfig()}
+ * />
+ * ```
+ */
+export declare function getCoachmarkJoyrideConfig(options?: {
+    arrowColor?: string;
+    arrowLength?: number;
+    arrowSpread?: number;
+}): {
+    floaterProps: {
+        styles: {
+            arrow: {
+                length: number;
+                spread: number;
+                color: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,29 @@
+import React, { ReactNode } from 'react';
+type CoachmarkProps = {
+    index: number;
+    size: number;
+    step: {
+        title: ReactNode;
+        content: ReactNode;
+        data?: {
+            skipZeroIndex?: boolean;
+        };
+    };
+    tooltipProps: {
+        role: string;
+    };
+    skipProps: {
+        role: string;
+        onClick: () => void;
+    };
+    primaryProps: {
+        role: string;
+        onClick: () => void;
+    };
+    backProps?: {
+        role: string;
+        onClick: () => void;
+    };
+};
+export default function Coachmark({ index, primaryProps, size, skipProps, step, tooltipProps, backProps, }: CoachmarkProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+type Props = {
+    type: 'success' | 'error' | 'warning' | 'info' | 'neutral';
+    children: React.ReactNode;
+    icon?: boolean;
+    style?: Record<string, unknown>;
+};
+export default function ({ type, children, icon, ...rest }: Props): React.JSX.Element;
+export {};

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

@@ -1,6 +1,7 @@
 import React from 'react';
 type NoteProps = {
+    title: string;
     children: React.ReactNode;
-} & React.HTMLAttributes<HTMLDivElement>;
-declare const Note: ({ children, ...props }: NoteProps) => React.JSX.Element;
+};
+declare const Note: ({ title, children }: NoteProps) => React.JSX.Element;
 export default Note;

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 = "#EEF6FF",
-    SUBDUE_POSITIVE = "#F0F9F4",
-    SUBDUE_WARNING = "#FFFAEA",
-    SUBDUE_CRITICAL = "#FFF1F1"
+    SUBDUE_INFO = "#EBF5FF",
+    SUBDUE_POSITIVE = "#E5F8F3",
+    SUBDUE_WARNING = "#FFFBE9",
+    SUBDUE_CRITICAL = "#FFF0F0"
 }
 export declare enum BASE {
     PRIMARY = "#00D37E",
@@ -95,10 +95,10 @@ export declare enum INTERACTIVE {
     PRESSED_CRITICAL = "#A92920"
 }
 export declare enum STATUS {
-    INFO = "#0C45E1",
+    INFO = "#2F8DEE",
     POSITIVE = "#257C58",
-    WARNING = "#FC9A07",
-    CRITICAL = "#DF1312"
+    WARNING = "#E5C412",
+    CRITICAL = "#B71515"
 }
 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 Tag } from './components/Tag';
+export { default as Label } from './components/Label';
 export { default as Modal } from './components/Modal';
 export { default as DeprecatedModal } from './components/DeprecatedModal';
 export { default as Pagination } from './components/Pagination';
@@ -39,6 +39,8 @@ export { default as ErrorPage } from './components/ErrorPage';
 export { default as Spin } from './components/Spin';
 export { default as SummaryCard } from './components/SummaryCard';
 export { default as Timeline } from './components/Timeline';
+export { default as Coachmark } from './components/Coachmark';
+export { getCoachmarkJoyrideConfig } from './components/Coachmark/getJoyrideConfig';
 export * from './icons';
 export { MaterialSymbols } from './icons/MaterialSymbols';
 export * from './logos';