@xfers/design-system 4.4.2-dev.ff0d6744f6 → 4.4.3-dev.67ad42d4b7

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 (19) hide show
  1. package/cjs/index.js +9 -9
  2. package/cjs/index.js.map +1 -1
  3. package/dist/components/Label/index.js +91 -0
  4. package/dist/components/Label/index.js.map +1 -0
  5. package/dist/constants/Colors/colors.js +7 -7
  6. package/dist/index.js +3 -3
  7. package/dist/index.js.map +1 -1
  8. package/dist/types/components/Label/index.d.ts +9 -0
  9. package/dist/types/constants/Colors/colors.d.ts +7 -7
  10. package/dist/types/index.d.ts +4 -4
  11. package/es/index.js +9 -9
  12. package/es/index.js.map +1 -1
  13. package/package.json +1 -1
  14. package/dist/components/Tag/const.js +0 -79
  15. package/dist/components/Tag/const.js.map +0 -1
  16. package/dist/components/Tag/index.js +0 -39
  17. package/dist/components/Tag/index.js.map +0 -1
  18. package/dist/types/components/Tag/const.d.ts +0 -21
  19. package/dist/types/components/Tag/index.d.ts +0 -11
package/dist/components/Label/index.js ADDED
@@ -0,0 +1,91 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __assign = (this && this.__assign) || function () {
7
+ __assign = Object.assign || function(t) {
8
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
9
+ s = arguments[i];
10
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
+ t[p] = s[p];
12
+ }
13
+ return t;
14
+ };
15
+ return __assign.apply(this, arguments);
16
+ };
17
+ var __rest = (this && this.__rest) || function (s, e) {
18
+ var t = {};
19
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
20
+ t[p] = s[p];
21
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
22
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
23
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
24
+ t[p[i]] = s[p[i]];
25
+ }
26
+ return t;
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ exports.default = default_1;
30
+ var react_1 = require("react");
31
+ var styled_1 = require("@emotion/styled");
32
+ var ColorStyles_1 = require("src/shared/ColorStyles");
33
+ var TypographyStyles_1 = require("src/shared/TypographyStyles");
34
+ var success_svg_1 = require("./success.svg");
35
+ var error_svg_1 = require("./error.svg");
36
+ var warning_svg_1 = require("./warning.svg");
37
+ var neutral_svg_1 = require("./neutral.svg");
38
+ var info_svg_1 = require("./info.svg");
39
+ var BASE_COLORS = {
40
+ success: ColorStyles_1.BACKGROUND_COLORS.SUCCESS,
41
+ error: ColorStyles_1.BACKGROUND_COLORS.ERROR,
42
+ warning: ColorStyles_1.BACKGROUND_COLORS.WARNING,
43
+ info: ColorStyles_1.BACKGROUND_COLORS.INFO,
44
+ neutral: ColorStyles_1.BACKGROUND_COLORS.NEUTRAL
45
+ };
46
+ var PAYLOAD_COLORS = {
47
+ success: ColorStyles_1.TEXT_COLORS.SUCCESS,
48
+ error: ColorStyles_1.TEXT_COLORS.ERROR,
49
+ warning: ColorStyles_1.TEXT_COLORS.WARNING,
50
+ info: ColorStyles_1.TEXT_COLORS.INFO,
51
+ neutral: ColorStyles_1.NEUTRAL_COLORS.G500
52
+ };
53
+ var BORDER_COLORS = {
54
+ success: ColorStyles_1.GREEN_COLORS.G400,
55
+ error: ColorStyles_1.RED_COLORS.R400,
56
+ warning: ColorStyles_1.YELLOW_COLORS.Y300,
57
+ info: ColorStyles_1.BLUE_COLORS.B300,
58
+ neutral: ColorStyles_1.NEUTRAL_COLORS.G300
59
+ };
60
+ function default_1(_a) {
61
+ var type = _a.type, children = _a.children, _b = _a.icon, icon = _b === void 0 ? false : _b, rest = __rest(_a, ["type", "children", "icon"]);
62
+ var iconElement;
63
+ switch (type) {
64
+ case 'success': {
65
+ iconElement = (react_1.default.createElement(success_svg_1.default, { style: { width: '13px', marginRight: '4px', marginTop: '2px' } }));
66
+ break;
67
+ }
68
+ case 'error': {
69
+ iconElement = (react_1.default.createElement(error_svg_1.default, { style: { width: '9px', marginRight: '4px', marginTop: '0px' } }));
70
+ break;
71
+ }
72
+ case 'warning': {
73
+ iconElement = (react_1.default.createElement(warning_svg_1.default, { style: { width: '14px', marginRight: '4px', marginTop: '0px' } }));
74
+ break;
75
+ }
76
+ case 'info': {
77
+ iconElement = (react_1.default.createElement(info_svg_1.default, { style: { width: '14px', marginRight: '4px', marginTop: '0px' } }));
78
+ break;
79
+ }
80
+ case 'neutral': {
81
+ iconElement = (react_1.default.createElement(neutral_svg_1.default, { style: { width: '14px', marginRight: '4px', marginTop: '0px' } }));
82
+ break;
83
+ }
84
+ }
85
+ return (react_1.default.createElement(Base, __assign({ type: type }, rest),
86
+ icon && iconElement,
87
+ children));
88
+ }
89
+ 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 "); });
90
+ var templateObject_1;
91
+ //# sourceMappingURL=index.js.map
package/dist/components/Label/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Label/index.tsx"],"names":[],"mappings":"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"}
package/dist/constants/Colors/colors.js CHANGED
@@ -82,10 +82,10 @@ var SURFACE;
82
82
  SURFACE["DISABLED_ON_SURFACE"] = "#9D9E9F";
83
83
  // TODO(joseadhitya): Talk to design team about this , rename semantic color or remove it in cleanup effor
84
84
  SURFACE["DARK"] = "#051513";
85
- SURFACE["SUBDUE_INFO"] = "#EEF6FF";
86
- SURFACE["SUBDUE_POSITIVE"] = "#F0F9F4";
87
- SURFACE["SUBDUE_WARNING"] = "#FFFAEA";
88
- SURFACE["SUBDUE_CRITICAL"] = "#FFF1F1";
85
+ SURFACE["SUBDUE_INFO"] = "#EBF5FF";
86
+ SURFACE["SUBDUE_POSITIVE"] = "#E5F8F3";
87
+ SURFACE["SUBDUE_WARNING"] = "#FFFBE9";
88
+ SURFACE["SUBDUE_CRITICAL"] = "#FFF0F0";
89
89
  })(SURFACE || (exports.SURFACE = SURFACE = {}));
90
90
  var BASE;
91
91
  (function (BASE) {
@@ -113,10 +113,10 @@ var INTERACTIVE;
113
113
  })(INTERACTIVE || (exports.INTERACTIVE = INTERACTIVE = {}));
114
114
  var STATUS;
115
115
  (function (STATUS) {
116
- STATUS["INFO"] = "#0C45E1";
116
+ STATUS["INFO"] = "#2F8DEE";
117
117
  STATUS["POSITIVE"] = "#257C58";
118
- STATUS["WARNING"] = "#FC9A07";
119
- STATUS["CRITICAL"] = "#DF1312";
118
+ STATUS["WARNING"] = "#E5C412";
119
+ STATUS["CRITICAL"] = "#B71515";
120
120
  })(STATUS || (exports.STATUS = STATUS = {}));
121
121
  var COMPONENT;
122
122
  (function (COMPONENT) {
package/dist/index.js CHANGED
@@ -16,7 +16,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
16
16
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
17
17
  };
18
18
  Object.defineProperty(exports, "__esModule", { value: true });
19
- 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;
19
+ 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;
20
20
  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;
21
21
  // Components
22
22
  var Alert_1 = require("./components/Alert");
@@ -45,8 +45,8 @@ var Form_1 = require("./components/Form");
45
45
  Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.default; } });
46
46
  var Input_1 = require("./components/Input");
47
47
  Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.default; } });
48
- var Tag_1 = require("./components/Tag");
49
- Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.default; } });
48
+ var Label_1 = require("./components/Label");
49
+ Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.default; } });
50
50
  var Modal_1 = require("./components/Modal");
51
51
  Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.default; } });
52
52
  var DeprecatedModal_1 = require("./components/DeprecatedModal");
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/types/components/Label/index.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ type Props = {
3
+ type: 'success' | 'error' | 'warning' | 'info' | 'neutral';
4
+ children: React.ReactNode;
5
+ icon?: boolean;
6
+ style?: Record<string, unknown>;
7
+ };
8
+ export default function ({ type, children, icon, ...rest }: Props): React.JSX.Element;
9
+ export {};
package/dist/types/constants/Colors/colors.d.ts CHANGED
@@ -67,10 +67,10 @@ export declare enum SURFACE {
67
67
  DISABLED_SURFACE = "#F2F4F5",
68
68
  DISABLED_ON_SURFACE = "#9D9E9F",
69
69
  DARK = "#051513",
70
- SUBDUE_INFO = "#EEF6FF",
71
- SUBDUE_POSITIVE = "#F0F9F4",
72
- SUBDUE_WARNING = "#FFFAEA",
73
- SUBDUE_CRITICAL = "#FFF1F1"
70
+ SUBDUE_INFO = "#EBF5FF",
71
+ SUBDUE_POSITIVE = "#E5F8F3",
72
+ SUBDUE_WARNING = "#FFFBE9",
73
+ SUBDUE_CRITICAL = "#FFF0F0"
74
74
  }
75
75
  export declare enum BASE {
76
76
  PRIMARY = "#00D37E",
@@ -95,10 +95,10 @@ export declare enum INTERACTIVE {
95
95
  PRESSED_CRITICAL = "#A92920"
96
96
  }
97
97
  export declare enum STATUS {
98
- INFO = "#0C45E1",
98
+ INFO = "#2F8DEE",
99
99
  POSITIVE = "#257C58",
100
- WARNING = "#FC9A07",
101
- CRITICAL = "#DF1312"
100
+ WARNING = "#E5C412",
101
+ CRITICAL = "#B71515"
102
102
  }
103
103
  export declare enum COMPONENT {
104
104
  BUTTON_DISABLED = "#BDBDBD",
package/dist/types/index.d.ts CHANGED
@@ -11,7 +11,7 @@ export { default as Dropdown } from './components/Dropdown';
11
11
  export { default as DynamicSelect } from './components/DynamicSelect';
12
12
  export { default as Form } from './components/Form';
13
13
  export { default as Input } from './components/Input';
14
- export { default as Tag } from './components/Tag';
14
+ export { default as Label } from './components/Label';
15
15
  export { default as Modal } from './components/Modal';
16
16
  export { default as DeprecatedModal } from './components/DeprecatedModal';
17
17
  export { default as Pagination } from './components/Pagination';
@@ -46,6 +46,6 @@ export { Typography } from './constants/Typography/Typography';
46
46
  export { ThemeProvider, useTheme } from './theme/ThemeContext';
47
47
  export { xfersTheme, straitsXTheme } from './theme/theme';
48
48
  export { ModalProvider, useModal } from './shared/modalContext';
49
- export { EXTRA_LARGE_DESKTOP_BREAKPOINT, DESKTOP_BREAKPOINT, LAPTOP_BREAKPOINT, TABLET_BREAKPOINT, } from './constants/breakPoints';
50
- export { BLUE_COLORS, GREEN_COLORS, RED_COLORS, YELLOW_COLORS, NEUTRAL_COLORS, MAIN_COLORS, ICON_COLORS, TEXT_COLORS, BACKGROUND_COLORS, } from './shared/ColorStyles';
51
- export { MAIN_FONT, FALLBACK_FONT, FONT_WEIGHT, FONT_SIZE, LINE_HEIGHT, } from './shared/TypographyStyles';
49
+ export { EXTRA_LARGE_DESKTOP_BREAKPOINT, DESKTOP_BREAKPOINT, LAPTOP_BREAKPOINT, TABLET_BREAKPOINT } from './constants/breakPoints';
50
+ export { BLUE_COLORS, GREEN_COLORS, RED_COLORS, YELLOW_COLORS, NEUTRAL_COLORS, MAIN_COLORS, ICON_COLORS, TEXT_COLORS, BACKGROUND_COLORS } from './shared/ColorStyles';
51
+ export { MAIN_FONT, FALLBACK_FONT, FONT_WEIGHT, FONT_SIZE, LINE_HEIGHT } from './shared/TypographyStyles';