@orfium/ictinus 4.71.3 → 4.72.1
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.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare type TooltipSize = 'large' | 'medium' | 'small';
|
|
3
3
|
export declare type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
|
|
4
|
-
declare type Props = {
|
|
4
|
+
export declare type Props = {
|
|
5
5
|
/** The plain text to show inside the tooltip */
|
|
6
6
|
content: React.ReactNode;
|
|
7
7
|
/** The placement where the tooltip will show */
|
|
@@ -31,7 +31,7 @@ var tooltipStyle = function tooltipStyle(_ref) {
|
|
|
31
31
|
/*#__PURE__*/
|
|
32
32
|
|
|
33
33
|
/*#__PURE__*/
|
|
34
|
-
(0, _react.css)("background:transparent;.tippy-content{color:", theme.utils.getAAColorFromSwatches(color, shade), ";background-color:", backgroundColor, ";max-width:", (0, _utils.rem)(256), ";padding:", theme.spacing.sm, ";font-size:", defineFontSizeBasedOnTooltipSize(size), ";font-weight:", theme.typography.weights.regular, ";line-height:110%;border-radius:", theme.spacing.
|
|
34
|
+
(0, _react.css)("background:transparent;.tippy-content{color:", theme.utils.getAAColorFromSwatches(color, shade), ";background-color:", backgroundColor, ";max-width:", (0, _utils.rem)(256), ";padding:", theme.spacing.sm, ";font-size:", defineFontSizeBasedOnTooltipSize(size), ";font-weight:", theme.typography.weights.regular, ";line-height:110%;border-radius:", theme.spacing.xsm, ";text-align:start;white-space:pre-wrap;word-break:break-word;}.tippy-arrow{color:", backgroundColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IFRvb2x0aXBTaXplIH0gZnJvbSAnLi9Ub29sdGlwJztcbmltcG9ydCAndGlwcHkuanMvZGlzdC90aXBweS5jc3MnO1xuXG5leHBvcnQgY29uc3QgdG9vbHRpcFN0eWxlID1cbiAgKHsgc2l6ZSwgaXNUcmFuc3BhcmVudCB9OiB7IHNpemU6IFRvb2x0aXBTaXplOyBpc1RyYW5zcGFyZW50OiBib29sZWFuIH0pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgICBjb25zdCBjb2xvciA9ICdkYXJrR3JleSc7XG4gICAgY29uc3Qgc2hhZGUgPSA4NTA7XG4gICAgY29uc3QgYmFja2dyb3VuZENvbG9yID0gaXNUcmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS51dGlscy5nZXRDb2xvcihjb2xvciwgc2hhZGUpO1xuXG4gICAgY29uc3QgZGVmaW5lRm9udFNpemVCYXNlZE9uVG9vbHRpcFNpemUgPSAoc2l6ZTogVG9vbHRpcFNpemUpID0+IHtcbiAgICAgIGlmIChzaXplID09PSAnbGFyZ2UnKSB7XG4gICAgICAgIHJldHVybiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTYnXTtcbiAgICAgIH0gZWxzZSBpZiAoc2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEyJ107XG4gICAgICB9XG5cbiAgICAgIHJldHVybiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTQnXTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICAgICAudGlwcHktY29udGVudCB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLnV0aWxzLmdldEFBQ29sb3JGcm9tU3dhdGNoZXMoY29sb3IsIHNoYWRlKX07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZENvbG9yfTtcbiAgICAgICAgbWF4LXdpZHRoOiAke3JlbSgyNTYpfTtcbiAgICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICAgICAgZm9udC1zaXplOiAke2RlZmluZUZvbnRTaXplQmFzZWRPblRvb2x0aXBTaXplKHNpemUpfTtcbiAgICAgICAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXJ9O1xuICAgICAgICBsaW5lLWhlaWdodDogMTEwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgICAgIHRleHQtYWxpZ246IHN0YXJ0O1xuICAgICAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICB9XG5cbiAgICAgIC50aXBweS1hcnJvdyB7XG4gICAgICAgIGNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgICB9XG4gICAgYDtcbiAgfTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;")
|
|
35
35
|
);
|
|
36
36
|
};
|
|
37
37
|
};
|
|
@@ -3,10 +3,14 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.getHover = void 0;
|
|
5
5
|
|
|
6
|
+
var _rgba = _interopRequireDefault(require("polished/lib/color/rgba"));
|
|
7
|
+
|
|
6
8
|
var _statesConfig = require("./statesConfig");
|
|
7
9
|
|
|
8
10
|
var _utils = require("./utils");
|
|
9
11
|
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
10
14
|
/**
|
|
11
15
|
* On hover background is darken by one step in shade.
|
|
12
16
|
* If we exceed the maximum value then we lighten it.
|
|
@@ -18,6 +22,13 @@ var getHover = function getHover(_ref) {
|
|
|
18
22
|
var backgroundColorStep = _statesConfig.statesConfig[theme.colorScheme].hover.backgroundColor.step;
|
|
19
23
|
var endColor = color || (theme.colorScheme === 'dark' ? 'darkGrey' : 'lightGrey');
|
|
20
24
|
var endShade = shade || (theme.colorScheme === 'dark' ? 700 : 0);
|
|
25
|
+
|
|
26
|
+
if (shade === 0 && color) {
|
|
27
|
+
return {
|
|
28
|
+
backgroundColor: (0, _rgba["default"])(theme.utils.getColor(color, 500), 0.07)
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
|
|
21
32
|
var calculatedShade = (0, _utils.getShadeWithStep)({
|
|
22
33
|
shade: endShade,
|
|
23
34
|
step: backgroundColorStep,
|
|
@@ -3,10 +3,14 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.getPressed = void 0;
|
|
5
5
|
|
|
6
|
+
var _rgba = _interopRequireDefault(require("polished/lib/color/rgba"));
|
|
7
|
+
|
|
6
8
|
var _statesConfig = require("./statesConfig");
|
|
7
9
|
|
|
8
10
|
var _utils = require("./utils");
|
|
9
11
|
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
10
14
|
/**
|
|
11
15
|
* On pressed background is darken by two steps in shade.
|
|
12
16
|
* If we exceed the maximum value then we lighten it by two steps.
|
|
@@ -18,6 +22,13 @@ var getPressed = function getPressed(_ref) {
|
|
|
18
22
|
var backgroundColorStep = _statesConfig.statesConfig[theme.colorScheme].pressed.backgroundColor.step;
|
|
19
23
|
var endColor = color || (theme.colorScheme === 'dark' ? 'darkGrey' : 'lightGrey');
|
|
20
24
|
var endShade = shade || (theme.colorScheme === 'dark' ? 700 : 0);
|
|
25
|
+
|
|
26
|
+
if (shade === 0 && color) {
|
|
27
|
+
return {
|
|
28
|
+
backgroundColor: (0, _rgba["default"])(theme.utils.getColor(color, 500), 0.14)
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
|
|
21
32
|
var calculatedShade = (0, _utils.getShadeWithStep)({
|
|
22
33
|
shade: endShade,
|
|
23
34
|
step: backgroundColorStep,
|