@xfers/design-system 4.4.4 → 4.4.5-dev.59905ab06a

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xfers/design-system",
3
- "version": "4.4.4",
3
+ "version": "4.4.5-dev.59905ab06a",
4
4
  "description": "StraitsX design system",
5
5
  "keywords": [
6
6
  "xfers",
@@ -130,6 +130,7 @@
130
130
  "eslint-plugin-react": "7.14.3",
131
131
  "jest": "^23.6.0",
132
132
  "jest-config": "^23.6.0",
133
+ "material-symbols": "^0.38.0",
133
134
  "moment": "2.24.0",
134
135
  "postcss": "^8.2.15",
135
136
  "postcss-cssnext": "^3.1.0",
@@ -155,8 +156,7 @@
155
156
  "tslint": "^5.11.0",
156
157
  "tslint-config-prettier": "^1.15.0",
157
158
  "tslint-config-standard": "^8.0.1",
158
- "typescript": "^5.7.3",
159
- "material-symbols": "^0.38.0"
159
+ "typescript": "^5.7.3"
160
160
  },
161
161
  "peerDependencies": {
162
162
  "react": ">=16.8.0",
@@ -1,91 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Label/index.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +0,0 @@
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 {};