@sendoutcards/quantum-design-ui 1.7.91 → 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
|
|
|
@@ -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>;
|