@sendoutcards/quantum-design-ui 1.7.90 → 1.7.92
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/dist/index.es.js
CHANGED
|
@@ -13411,10 +13411,10 @@ var styles$I = {
|
|
|
13411
13411
|
};
|
|
13412
13412
|
var templateObject_1$K, templateObject_2$s;
|
|
13413
13413
|
|
|
13414
|
-
var _emotionSourceMap$J = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
13414
|
+
var _emotionSourceMap$J = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEUiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHRvb2x0aXA6IGZ1bmN0aW9uIChkaXJlY3Rpb24sIGJhY2tncm91bmQsIHJlcG9zaXRpb25Ub29sdGlwKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICB0cmFuc2Zvcm06IFwiLCBcIlxcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XFxuICAgIGxlZnQ6IDA7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgOmFmdGVyLFxcbiAgICA6YmVmb3JlIHtcXG4gICAgICByaWdodDogXCIsIFwiO1xcbiAgICAgIHRvcDogXCIsIFwiO1xcbiAgICAgIGJvdHRvbTogXCIsIFwiO1xcbiAgICAgIGxlZnQ6IFwiLCBcIjtcXG4gICAgICBib3JkZXI6IHNvbGlkIHRyYW5zcGFyZW50O1xcbiAgICAgIGNvbnRlbnQ6ICcgJztcXG4gICAgICBoZWlnaHQ6IDA7XFxuICAgICAgd2lkdGg6IDA7XFxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xcbiAgICB9XFxuICAgIDphZnRlciB7XFxuICAgICAgYm9yZGVyLWNvbG9yOiByZ2JhKDI1NCwgMjU0LCAyNTQsIDApO1xcbiAgICAgIGJvcmRlci1yaWdodC1jb2xvcjogXCIsIFwiO1xcbiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6IFwiLCBcIjtcXG4gICAgICBib3JkZXItbGVmdC1jb2xvcjogXCIsIFwiO1xcbiAgICAgIGJvcmRlci10b3AtY29sb3I6IFwiLCBcIjtcXG4gICAgICBib3JkZXItd2lkdGg6IDhweDtcXG4gICAgICBtYXJnaW4tdG9wOiBcIiwgXCI7XFxuICAgICAgbWFyZ2luLWxlZnQ6IFwiLCBcIjtcXG4gICAgfVxcbiAgICA6YmVmb3JlIHtcXG4gICAgICBib3JkZXItY29sb3I6IHJnYmEoMjI3LCAyMzAsIDIzMiwgMCk7XFxuICAgICAgYm9yZGVyLXJpZ2h0LWNvbG9yOiBcIiwgXCI7XFxuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogXCIsIFwiO1xcbiAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiBcIiwgXCI7XFxuICAgICAgYm9yZGVyLXRvcC1jb2xvcjogXCIsIFwiO1xcblxcbiAgICAgIGJvcmRlci13aWR0aDogOXB4O1xcbiAgICAgIG1hcmdpbi10b3A6IFwiLCBcIjtcXG4gICAgICBtYXJnaW4tbGVmdDogXCIsIFwiO1xcbiAgICB9XFxuICBcIl0sIFtcIlxcbiAgICB0cmFuc2Zvcm06IFwiLCBcIlxcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XFxuICAgIGxlZnQ6IDA7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgOmFmdGVyLFxcbiAgICA6YmVmb3JlIHtcXG4gICAgICByaWdodDogXCIsIFwiO1xcbiAgICAgIHRvcDogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgICAgYm90dG9tOiBcIiwgXCI7XFxuICAgICAgbGVmdDogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgICAgYm9yZGVyOiBzb2xpZCB0cmFuc3BhcmVudDtcXG4gICAgICBjb250ZW50OiAnICc7XFxuICAgICAgaGVpZ2h0OiAwO1xcbiAgICAgIHdpZHRoOiAwO1xcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcXG4gICAgfVxcbiAgICA6YWZ0ZXIge1xcbiAgICAgIGJvcmRlci1jb2xvcjogcmdiYSgyNTQsIDI1NCwgMjU0LCAwKTtcXG4gICAgICBib3JkZXItcmlnaHQtY29sb3I6IFwiLCBcIjtcXG4gICAgICBib3JkZXItYm90dG9tLWNvbG9yOiBcIiwgXCI7XFxuICAgICAgYm9yZGVyLWxlZnQtY29sb3I6IFwiLCBcIjtcXG4gICAgICBib3JkZXItdG9wLWNvbG9yOiBcIiwgXCI7XFxuICAgICAgYm9yZGVyLXdpZHRoOiA4cHg7XFxuICAgICAgbWFyZ2luLXRvcDogXCIsIFwiO1xcbiAgICAgIG1hcmdpbi1sZWZ0OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgfVxcbiAgICA6YmVmb3JlIHtcXG4gICAgICBib3JkZXItY29sb3I6IHJnYmEoMjI3LCAyMzAsIDIzMiwgMCk7XFxuICAgICAgYm9yZGVyLXJpZ2h0LWNvbG9yOiBcIiwgXCI7XFxuICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogXCIsIFwiO1xcbiAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiBcIiwgXCI7XFxuICAgICAgYm9yZGVyLXRvcC1jb2xvcjogXCIsIFwiO1xcblxcbiAgICAgIGJvcmRlci13aWR0aDogOXB4O1xcbiAgICAgIG1hcmdpbi10b3A6IFwiLCBcIjtcXG4gICAgICBtYXJnaW4tbGVmdDogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIH1cXG4gIFwiXSkpLCByZXBvc2l0aW9uVG9vbHRpcCA/ICd0cmFuc2xhdGVZKC0xMjUlKTsnIDogbnVsbCwgYmFja2dyb3VuZCwgZGlyZWN0aW9uID09PSAnbGVmdCcgJiYgJzEwMCUnLCBkaXJlY3Rpb24gPT09ICdyaWdodCcgfHwgZGlyZWN0aW9uID09PSAnbGVmdCdcclxuICAgICAgICA/ICc1MCUnXHJcbiAgICAgICAgOiBkaXJlY3Rpb24gPT09ICdib3R0b20nICYmICcxMDAlJywgZGlyZWN0aW9uID09PSAndG9wJyAmJiAnMTAwJScsIGRpcmVjdGlvbiA9PT0gJ3RvcCcgfHwgZGlyZWN0aW9uID09PSAnYm90dG9tJ1xyXG4gICAgICAgID8gJzUwJSdcclxuICAgICAgICA6IGRpcmVjdGlvbiA9PT0gJ3JpZ2h0JyAmJiAnMTAwJScsIGRpcmVjdGlvbiA9PT0gJ2xlZnQnICYmIGJhY2tncm91bmQsIGRpcmVjdGlvbiA9PT0gJ3RvcCcgJiYgYmFja2dyb3VuZCwgZGlyZWN0aW9uID09PSAncmlnaHQnICYmIGJhY2tncm91bmQsIGRpcmVjdGlvbiA9PT0gJ2JvdHRvbScgJiYgYmFja2dyb3VuZCwgZGlyZWN0aW9uID09PSAnbGVmdCcgfHwgZGlyZWN0aW9uID09PSAncmlnaHQnID8gJy04cHgnIDogMCwgZGlyZWN0aW9uID09PSAndG9wJyB8fCBkaXJlY3Rpb24gPT09ICdib3R0b20nID8gJy04cHgnIDogMCwgZGlyZWN0aW9uID09PSAnbGVmdCcgJiYgYmFja2dyb3VuZCwgZGlyZWN0aW9uID09PSAndG9wJyAmJiBiYWNrZ3JvdW5kLCBkaXJlY3Rpb24gPT09ICdyaWdodCcgJiYgYmFja2dyb3VuZCwgZGlyZWN0aW9uID09PSAnYm90dG9tJyAmJiBiYWNrZ3JvdW5kLCBkaXJlY3Rpb24gPT09ICdsZWZ0JyB8fCBkaXJlY3Rpb24gPT09ICdyaWdodCcgPyAnLTlweCcgOiAwLCBkaXJlY3Rpb24gPT09ICd0b3AnIHx8IGRpcmVjdGlvbiA9PT0gJ2JvdHRvbScgPyAnLTlweCcgOiAwKTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzE7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
|
|
13415
13415
|
var styles$H = {
|
|
13416
13416
|
tooltip: function (direction, background, repositionTooltip) {
|
|
13417
|
-
return /*#__PURE__*/css(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n transform: ", "\n
|
|
13417
|
+
return /*#__PURE__*/css(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n transform: ", "\n position: relative;\n left: 0;\n background: ", ";\n :after,\n :before {\n right: ", ";\n top: ", ";\n bottom: ", ";\n left: ", ";\n border: solid transparent;\n content: ' ';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n }\n :after {\n border-color: rgba(254, 254, 254, 0);\n border-right-color: ", ";\n border-bottom-color: ", ";\n border-left-color: ", ";\n border-top-color: ", ";\n border-width: 8px;\n margin-top: ", ";\n margin-left: ", ";\n }\n :before {\n border-color: rgba(227, 230, 232, 0);\n border-right-color: ", ";\n border-bottom-color: ", ";\n border-left-color: ", ";\n border-top-color: ", ";\n\n border-width: 9px;\n margin-top: ", ";\n margin-left: ", ";\n }\n " + _emotionSourceMap$J], ["\n transform: ", "\n position: relative;\n left: 0;\n background: ", ";\n :after,\n :before {\n right: ", ";\n top: ", ";\n bottom: ", ";\n left: ", ";\n border: solid transparent;\n content: ' ';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n }\n :after {\n border-color: rgba(254, 254, 254, 0);\n border-right-color: ", ";\n border-bottom-color: ", ";\n border-left-color: ", ";\n border-top-color: ", ";\n border-width: 8px;\n margin-top: ", ";\n margin-left: ", ";\n }\n :before {\n border-color: rgba(227, 230, 232, 0);\n border-right-color: ", ";\n border-bottom-color: ", ";\n border-left-color: ", ";\n border-top-color: ", ";\n\n border-width: 9px;\n margin-top: ", ";\n margin-left: ", ";\n }\n " + _emotionSourceMap$J])), repositionTooltip ? 'translateY(-125%);' : null, background, direction === 'left' && '100%', direction === 'right' || direction === 'left' ? '50%' : direction === 'bottom' && '100%', direction === 'top' && '100%', direction === 'top' || direction === 'bottom' ? '50%' : direction === 'right' && '100%', direction === 'left' && background, direction === 'top' && background, direction === 'right' && background, direction === 'bottom' && background, direction === 'left' || direction === 'right' ? '-8px' : 0, direction === 'top' || direction === 'bottom' ? '-8px' : 0, direction === 'left' && background, direction === 'top' && background, direction === 'right' && background, direction === 'bottom' && background, direction === 'left' || direction === 'right' ? '-9px' : 0, direction === 'top' || direction === 'bottom' ? '-9px' : 0);
|
|
13418
13418
|
}
|
|
13419
13419
|
};
|
|
13420
13420
|
var templateObject_1$J;
|
|
@@ -13426,7 +13426,9 @@ var Tooltip = function (_a) {
|
|
|
13426
13426
|
_b = _a.background,
|
|
13427
13427
|
background = _b === void 0 ? 'light' : _b,
|
|
13428
13428
|
repositionTooltip = _a.repositionTooltip,
|
|
13429
|
-
zIndex = _a.zIndex
|
|
13429
|
+
zIndex = _a.zIndex,
|
|
13430
|
+
_c = _a.whiteSpace,
|
|
13431
|
+
whiteSpace = _c === void 0 ? 'nowrap' : _c;
|
|
13430
13432
|
var tooltip = useEntities().tooltip;
|
|
13431
13433
|
var backgroundColor = background === 'light' ? tooltip.lightBackgroundColor : tooltip.darkBackgroundColor ? tooltip.darkBackgroundColor : tooltip.lightBackgroundColor; // TODO this is because the dark bg color is set from a color swatch which can alter through the theme, come up with fix when colors get sorted out
|
|
13432
13434
|
|
|
@@ -13442,7 +13444,7 @@ var Tooltip = function (_a) {
|
|
|
13442
13444
|
}, jsx(Text, {
|
|
13443
13445
|
type: "footnote",
|
|
13444
13446
|
color: background === 'light' ? 'primaryBody' : 'inverseBody',
|
|
13445
|
-
whiteSpace:
|
|
13447
|
+
whiteSpace: whiteSpace
|
|
13446
13448
|
}, children || title));
|
|
13447
13449
|
};
|
|
13448
13450
|
|
|
@@ -24966,7 +24968,8 @@ var UpsaleDialog = function (_a) {
|
|
|
24966
24968
|
defaultNumOptionsShown = _a.defaultNumOptionsShown,
|
|
24967
24969
|
submitAction = _a.submitAction,
|
|
24968
24970
|
acceptSelectedAction = _a.acceptSelectedAction,
|
|
24969
|
-
shouldHideSendFreeCard = _a.shouldHideSendFreeCard
|
|
24971
|
+
shouldHideSendFreeCard = _a.shouldHideSendFreeCard,
|
|
24972
|
+
upsaleBanner = _a.upsaleBanner;
|
|
24970
24973
|
|
|
24971
24974
|
var _e = React.useState(false),
|
|
24972
24975
|
shouldShowCheckoutView = _e[0],
|
|
@@ -25092,7 +25095,9 @@ var UpsaleDialog = function (_a) {
|
|
|
25092
25095
|
title: (_b = acceptSelectedAction === null || acceptSelectedAction === void 0 ? void 0 : acceptSelectedAction.title) !== null && _b !== void 0 ? _b : 'Continue to Checkout',
|
|
25093
25096
|
disabled: !selectedOption.length,
|
|
25094
25097
|
onClick: handleOnClick
|
|
25095
|
-
}))
|
|
25098
|
+
})), upsaleBanner && jsx(Div, {
|
|
25099
|
+
width: "100%"
|
|
25100
|
+
}, upsaleBanner)), !isMobile && jsx(Div, {
|
|
25096
25101
|
width: "x3",
|
|
25097
25102
|
order: 2
|
|
25098
25103
|
}), jsx(Flex, {
|
|
@@ -18,7 +18,7 @@ export declare type TextProps = {
|
|
|
18
18
|
isInline?: boolean;
|
|
19
19
|
style?: React.CSSProperties;
|
|
20
20
|
};
|
|
21
|
-
export declare type WhiteSpaceType = 'normal' | 'nowrap';
|
|
21
|
+
export declare type WhiteSpaceType = 'normal' | 'nowrap' | 'pre';
|
|
22
22
|
export declare type WeightType = keyof typeof entities.text.weights;
|
|
23
23
|
export declare type TextType = keyof typeof entities.text.types;
|
|
24
24
|
export declare type TextColor = keyof typeof entities.text.colors;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
+
import { WhiteSpaceType } from "../../atoms/typography/text";
|
|
2
3
|
import { ColorModeType } from "../../types/global";
|
|
3
4
|
export declare type TooltipProps = {
|
|
4
5
|
title: string;
|
|
@@ -6,6 +7,7 @@ export declare type TooltipProps = {
|
|
|
6
7
|
background?: ColorModeType;
|
|
7
8
|
repositionTooltip?: boolean;
|
|
8
9
|
zIndex?: number;
|
|
10
|
+
whiteSpace?: WhiteSpaceType;
|
|
9
11
|
};
|
|
10
12
|
export declare type DirectionType = 'left' | 'right' | 'top' | 'bottom';
|
|
11
13
|
export declare const Tooltip: FC<TooltipProps>;
|
|
@@ -33,5 +33,6 @@ export declare type UpsaleDialogProps = {
|
|
|
33
33
|
submitAction?: SubmitOptionType;
|
|
34
34
|
acceptSelectedAction?: AcceptSelectedOptionType;
|
|
35
35
|
shouldHideSendFreeCard?: boolean;
|
|
36
|
+
upsaleBanner?: React.ReactNode;
|
|
36
37
|
} & UpsaleOptionsType;
|
|
37
38
|
export declare const UpsaleDialog: FC<UpsaleDialogProps>;
|