@xfers/design-system 3.1.27 → 3.1.28

package/dist/components/Tooltip/index.js

@@ -3,28 +3,6 @@ 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 tooltip_1 = require("antd/es/tooltip");
@@ -32,15 +10,45 @@ require("antd/es/tooltip/style/css");
 var styled_1 = require("@emotion/styled");
 var emotion_1 = require("emotion");
 var breakPoints_1 = require("src/constants/breakPoints");
-var defaultOverlayStyle = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-shadow: none;\n  max-width: 200px;\n\n  & .ant-tooltip-inner {\n    border-radius: 5px;\n    box-shadow: 0px 4px 15px rgba(149, 149, 149, 0.25);\n    transform: translateX(10px);\n    background-color: rgba(0, 0, 0, 0.95);\n  }\n\n  ", " {\n    max-width: 260px;\n  }\n"], ["\n  box-shadow: none;\n  max-width: 200px;\n\n  & .ant-tooltip-inner {\n    border-radius: 5px;\n    box-shadow: 0px 4px 15px rgba(149, 149, 149, 0.25);\n    transform: translateX(10px);\n    background-color: rgba(0, 0, 0, 0.95);\n  }\n\n  ", " {\n    max-width: 260px;\n  }\n"])), breakPoints_1.DESKTOP_BREAKPOINT);
-var Container = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 7px;\n  font-family: 'Hanken Grotesk', Inter;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 15px;\n  line-height: 22px;\n  color: #ffffff;\n\n  h1 {\n    font-family: 'Hanken Grotesk', Inter;\n    font-style: normal;\n    font-weight: bold;\n    font-size: 16px;\n    line-height: 19px;\n    margin: 0;\n    color: #ffffff;\n    margin-bottom: 10px;\n  }\n"], ["\n  padding: 7px;\n  font-family: 'Hanken Grotesk', Inter;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 15px;\n  line-height: 22px;\n  color: #ffffff;\n\n  h1 {\n    font-family: 'Hanken Grotesk', Inter;\n    font-style: normal;\n    font-weight: bold;\n    font-size: 16px;\n    line-height: 19px;\n    margin: 0;\n    color: #ffffff;\n    margin-bottom: 10px;\n  }\n"])));
-var FooterContainer = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n\n  a {\n    margin-left: 20px;\n  }\n"], ["\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n\n  a {\n    margin-left: 20px;\n  }\n"])));
+var fontStyles_1 = require("src/constants/fontStyles");
+var TypographyStyles_1 = require("src/shared/TypographyStyles");
+var ColorStyles_1 = require("src/shared/ColorStyles");
+var theme_1 = require("src/theme/theme");
+var Typography_1 = require("../Typography");
 function default_1(_a) {
-    var children = _a.children, _b = _a.placement, placement = _b === void 0 ? 'bottomRight' : _b, _c = _a.overlayClassName, overlayClassName = _c === void 0 ? defaultOverlayStyle : _c, color = _a.color, title = _a.title, footer = _a.footer, _d = _a.mouseEnterDelay, mouseEnterDelay = _d === void 0 ? 0 : _d, _e = _a.mouseLeaveDelay, mouseLeaveDelay = _e === void 0 ? 0 : _e, rest = __rest(_a, ["children", "placement", "overlayClassName", "color", "title", "footer", "mouseEnterDelay", "mouseLeaveDelay"]);
-    return (react_1.default.createElement(tooltip_1.default, __assign({ overlayClassName: overlayClassName, arrowPointAtCenter: true, color: color, placement: placement, title: react_1.default.createElement(Container, null,
-            title,
-            footer && react_1.default.createElement(FooterContainer, null, footer)), mouseEnterDelay: mouseEnterDelay, mouseLeaveDelay: mouseLeaveDelay }, rest), children));
+    var children = _a.children, _b = _a.placement, placement = _b === void 0 ? 'bottomRight' : _b, _c = _a.overlayClassName, overlayClassName = _c === void 0 ? defaultOverlayStyle : _c, _d = _a.arrowPointAtCenter, arrowPointAtCenter = _d === void 0 ? true : _d, _e = _a.trigger, trigger = _e === void 0 ? 'hover' : _e, color = _a.color, title = _a.title, content = _a.content, _f = _a.mouseEnterDelay, mouseEnterDelay = _f === void 0 ? 0 : _f, _g = _a.mouseLeaveDelay, mouseLeaveDelay = _g === void 0 ? 0 : _g, _h = _a.isNew, isNew = _h === void 0 ? false : _h, actionTitle = _a.actionTitle, dismissTitle = _a.dismissTitle, maxWidth = _a.maxWidth, onAction = _a.onAction, onDismiss = _a.onDismiss;
+    var onDismissButtonClick = function (e) {
+        e.preventDefault();
+        if (onDismiss) {
+            onDismiss();
+        }
+    };
+    var onActionButtonClick = function (e) {
+        e.preventDefault();
+        if (onAction) {
+            onAction();
+        }
+    };
+    var overlayStyle = maxWidth ? { maxWidth: maxWidth } : undefined;
+    return (react_1.default.createElement(tooltip_1.default, { overlayClassName: overlayClassName, arrowPointAtCenter: arrowPointAtCenter, trigger: trigger, color: color, placement: placement, overlayStyle: overlayStyle, title: react_1.default.createElement(Container, null,
+            title && (react_1.default.createElement(Typography_1.P1Bold, { style: {
+                    fontSize: TypographyStyles_1.FONT_SIZE.P1,
+                    marginBottom: '16px',
+                    color: theme_1.straitsXTheme.text.white
+                } },
+                title,
+                isNew === true && react_1.default.createElement(Badge, null, "New"))),
+            content,
+            (actionTitle || dismissTitle) && (react_1.default.createElement(FooterContainer, null,
+                react_1.default.createElement(DismissButton, { onClick: onDismissButtonClick }, dismissTitle),
+                react_1.default.createElement(ActionButton, { onClick: onActionButtonClick }, actionTitle)))), mouseEnterDelay: mouseEnterDelay, mouseLeaveDelay: mouseLeaveDelay }, children));
 }
 exports.default = default_1;
-var templateObject_1, templateObject_2, templateObject_3;
+var defaultOverlayStyle = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: 200px;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  box-shadow: none;\n\n  .ant-tooltip-inner {\n    padding: 12px;\n    border-radius: 8px;\n    box-shadow: none;\n    background-color: ", ";\n  }\n\n  ", " {\n    max-width: 250px;\n  }\n\n  .ant-tooltip-arrow {\n    width: 16px;\n    height: 16px;\n\n    .ant-tooltip-arrow-content {\n      background-color: ", ";\n      box-shadow: none;\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  &.ant-tooltip-placement-topRight .ant-tooltip-arrow,\n  &.ant-tooltip-placement-topLeft .ant-tooltip-arrow,\n  &.ant-tooltip-placement-top .ant-tooltip-arrow {\n    bottom: -3px;\n  }\n  &.ant-tooltip-placement-bottomRight .ant-tooltip-arrow,\n  &.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,\n  &.ant-tooltip-placement-bottom .ant-tooltip-arrow {\n    top: -3px;\n  }\n  &.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,\n  &.ant-tooltip-placement-rightTop .ant-tooltip-arrow,\n  &.ant-tooltip-placement-right .ant-tooltip-arrow {\n    left: -3px;\n  }\n  &.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,\n  &.ant-tooltip-placement-leftTop .ant-tooltip-arrow,\n  &.ant-tooltip-placement-left .ant-tooltip-arrow {\n    right: -3px;\n  }\n"], ["\n  max-width: 200px;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  box-shadow: none;\n\n  .ant-tooltip-inner {\n    padding: 12px;\n    border-radius: 8px;\n    box-shadow: none;\n    background-color: ", ";\n  }\n\n  ", " {\n    max-width: 250px;\n  }\n\n  .ant-tooltip-arrow {\n    width: 16px;\n    height: 16px;\n\n    .ant-tooltip-arrow-content {\n      background-color: ", ";\n      box-shadow: none;\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  &.ant-tooltip-placement-topRight .ant-tooltip-arrow,\n  &.ant-tooltip-placement-topLeft .ant-tooltip-arrow,\n  &.ant-tooltip-placement-top .ant-tooltip-arrow {\n    bottom: -3px;\n  }\n  &.ant-tooltip-placement-bottomRight .ant-tooltip-arrow,\n  &.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,\n  &.ant-tooltip-placement-bottom .ant-tooltip-arrow {\n    top: -3px;\n  }\n  &.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,\n  &.ant-tooltip-placement-rightTop .ant-tooltip-arrow,\n  &.ant-tooltip-placement-right .ant-tooltip-arrow {\n    left: -3px;\n  }\n  &.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,\n  &.ant-tooltip-placement-leftTop .ant-tooltip-arrow,\n  &.ant-tooltip-placement-left .ant-tooltip-arrow {\n    right: -3px;\n  }\n"])), fontStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, TypographyStyles_1.FONT_WEIGHT.REGULAR, theme_1.straitsXTheme.text.white, theme_1.straitsXTheme.brand.primary.contrast, breakPoints_1.DESKTOP_BREAKPOINT, theme_1.straitsXTheme.brand.primary.contrast);
+var Container = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  line-height: 22px;\n"], ["\n  line-height: 22px;\n"])));
+var FooterContainer = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 24px 0 0 0;\n  display: flex;\n  justify-content: flex-end;\n\n  a {\n    margin: 0 0 0 20px;\n  }\n"], ["\n  margin: 24px 0 0 0;\n  display: flex;\n  justify-content: flex-end;\n\n  a {\n    margin: 0 0 0 20px;\n  }\n"])));
+var Badge = styled_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: inline-block;\n  margin: 0 0 0 8px;\n  padding: 2px 6px;\n  background-color: ", ";\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  border-radius: 4px;\n"], ["\n  display: inline-block;\n  margin: 0 0 0 8px;\n  padding: 2px 6px;\n  background-color: ", ";\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  border-radius: 4px;\n"])), ColorStyles_1.GREEN_COLORS.G400, theme_1.straitsXTheme.text.white, TypographyStyles_1.FONT_SIZE.SMALL, TypographyStyles_1.FONT_WEIGHT.BOLD);
+var ActionButton = styled_1.default.a(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-weight: ", ";\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  font-weight: ", ";\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n"])), TypographyStyles_1.FONT_WEIGHT.BOLD, theme_1.straitsXTheme.brand.action.default, theme_1.straitsXTheme.brand.action.hover);
+var DismissButton = styled_1.default.a(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-weight: ", ";\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  font-weight: ", ";\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n"])), TypographyStyles_1.FONT_WEIGHT.BOLD, theme_1.straitsXTheme.text.white, theme_1.straitsXTheme.text.white);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,2CAAqC;AACrC,qCAAkC;AAElC,0CAAoC;AACpC,mCAA6B;AAC7B,yDAA8D;AA6B9D,IAAM,mBAAmB,GAAG,aAAG,0VAAA,mPAW3B,EAAkB,kCAGrB,KAHG,gCAAkB,CAGrB,CAAA;AAED,IAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,kcAAA,+XAmB3B,IAAA,CAAA;AAED,IAAM,eAAe,GAAG,gBAAM,CAAC,GAAG,kLAAA,+GAQjC,IAAA,CAAA;AAED,mBAAwB,EAUhB;IATN,IAAA,QAAQ,cAAA,EACR,iBAAyB,EAAzB,SAAS,mBAAG,aAAa,KAAA,EACzB,wBAAsC,EAAtC,gBAAgB,mBAAG,mBAAmB,KAAA,EACtC,KAAK,WAAA,EACL,KAAK,WAAA,EACL,MAAM,YAAA,EACN,uBAAmB,EAAnB,eAAe,mBAAG,CAAC,KAAA,EACnB,uBAAmB,EAAnB,eAAe,mBAAG,CAAC,KAAA,EAChB,IAAI,cATe,+GAUvB,CADQ;IAEP,OAAO,CACL,8BAAC,iBAAO,aACN,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,QAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EACH,8BAAC,SAAS;YACP,KAAK;YACL,MAAM,IAAI,8BAAC,eAAe,QAAE,MAAM,CAAmB,CAC5C,EAEd,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,IAC5B,IAAI,GAEP,QAAQ,CACD,CACX,CAAA;AACH,CAAC;AA9BD,4BA8BC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"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"}

package/dist/constants/colors.js

@@ -113,7 +113,7 @@ var INTERACTIVE;
 var STATUS;
 (function (STATUS) {
     STATUS["INFO"] = "#2F8DEE";
-    STATUS["POSITIVE"] = "#00B583";
+    STATUS["POSITIVE"] = "#257C58";
     STATUS["WARNING"] = "#E5C412";
     STATUS["CRITICAL"] = "#B71515";
 })(STATUS = exports.STATUS || (exports.STATUS = {}));

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

@@ -1,16 +1,24 @@
 import React from 'react';
 import 'antd/es/tooltip/style/css';
-declare type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
-declare type RenderFunction = () => React.ReactNode;
+declare type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+declare type TooltipTrigger = 'hover' | 'click';
 declare type Props = {
     children: React.ReactElement;
-    title: React.ReactNode | RenderFunction;
-    footer?: React.ReactNode | RenderFunction;
+    content: string | React.ReactElement;
+    title?: string;
+    isNew?: boolean;
+    color?: string;
     placement?: TooltipPlacement;
-    overlayClassName?: string;
+    trigger?: TooltipTrigger;
+    arrowPointAtCenter?: boolean;
     mouseEnterDelay?: number;
     mouseLeaveDelay?: number;
-    color?: string;
+    actionTitle?: string;
+    dismissTitle?: string;
+    maxWidth?: string;
+    onAction?: () => void;
+    onDismiss?: () => void;
+    overlayClassName?: string;
 };
-export default function ({ children, placement, overlayClassName, color, title, footer, mouseEnterDelay, mouseLeaveDelay, ...rest }: Props): JSX.Element;
+export default function ({ children, placement, overlayClassName, arrowPointAtCenter, trigger, color, title, content, mouseEnterDelay, mouseLeaveDelay, isNew, actionTitle, dismissTitle, maxWidth, onAction, onDismiss }: Props): JSX.Element;
 export {};

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

@@ -95,7 +95,7 @@ export declare enum INTERACTIVE {
 }
 export declare enum STATUS {
     INFO = "#2F8DEE",
-    POSITIVE = "#00B583",
+    POSITIVE = "#257C58",
     WARNING = "#E5C412",
     CRITICAL = "#B71515"
 }