@xfers/design-system 4.4.2-dev.5657cf7f0e → 4.4.2-dev.80eb30a5b6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xfers/design-system",
-  "version": "4.4.2-dev.5657cf7f0e",
+  "version": "4.4.2-dev.80eb30a5b6",
   "description": "StraitsX design system",
   "keywords": [
     "xfers",

package/dist/components/Label/index.js

@@ -1,91 +0,0 @@
-"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

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

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

@@ -1,9 +0,0 @@
-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 {};