@orfium/ictinus 4.21.1 → 4.21.2
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/components/Avatar/Avatar.js +3 -2
- package/dist/components/Avatar/Avatar.style.js +1 -3
- package/dist/components/ButtonBase/ButtonBase.style.js +1 -3
- package/dist/components/CheckBox/CheckBox.js +4 -3
- package/dist/components/Chip/components/Badge/Badge.style.js +1 -3
- package/dist/components/DatePicker/Day/Day.style.js +3 -5
- package/dist/components/Drawer/Navigation/MenuItem/MenuItem.js +1 -1
- package/dist/components/Filter/utils.js +2 -4
- package/dist/components/IconButton/IconButton.js +1 -3
- package/dist/components/Menu/Menu.js +1 -3
- package/dist/components/Tooltip/Tooltip.style.js +1 -3
- package/dist/theme/index.d.ts +2 -34
- package/dist/theme/index.js +14 -26
- package/dist/theme/palette.d.ts +18 -3
- package/dist/theme/palette.js +36 -19
- package/dist/theme/types.d.ts +28 -0
- package/dist/theme/types.js +3 -0
- package/package.json +1 -1
|
@@ -5,7 +5,7 @@ exports["default"] = void 0;
|
|
|
5
5
|
|
|
6
6
|
var _react = _interopRequireDefault(require("react"));
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _index = require("../../index");
|
|
9
9
|
|
|
10
10
|
var _themeFunctions = require("../../utils/themeFunctions");
|
|
11
11
|
|
|
@@ -44,6 +44,7 @@ var Avatar = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
|
|
|
44
44
|
color = _ref$color === void 0 ? 'lightGrey-600' : _ref$color,
|
|
45
45
|
children = _ref.children,
|
|
46
46
|
className = _ref.className;
|
|
47
|
+
var theme = (0, _index.useTheme)();
|
|
47
48
|
var calculatedColor = (0, _themeFunctions.calculateActualColorFromComponentProp)(color);
|
|
48
49
|
return (0, _react2.jsx)("div", {
|
|
49
50
|
ref: ref,
|
|
@@ -56,7 +57,7 @@ var Avatar = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
|
|
|
56
57
|
}, src && (0, _react2.jsx)("img", {
|
|
57
58
|
src: src
|
|
58
59
|
}), !src && !children && iconName && (0, _react2.jsx)(_Icon["default"], {
|
|
59
|
-
color:
|
|
60
|
+
color: theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade),
|
|
60
61
|
name: iconName,
|
|
61
62
|
size: iconSizeBasedOnAvatar(size)
|
|
62
63
|
}), !src && children);
|
|
@@ -9,8 +9,6 @@ var _utils = require("../../theme/utils");
|
|
|
9
9
|
|
|
10
10
|
var _functions = require("../../theme/functions");
|
|
11
11
|
|
|
12
|
-
var _palette = require("../../theme/palette");
|
|
13
|
-
|
|
14
12
|
var sizeBasedOnProp = function sizeBasedOnProp(size) {
|
|
15
13
|
switch (size) {
|
|
16
14
|
case 'md':
|
|
@@ -54,7 +52,7 @@ var avatarStyle = function avatarStyle(_ref) {
|
|
|
54
52
|
/*#__PURE__*/
|
|
55
53
|
|
|
56
54
|
/*#__PURE__*/
|
|
57
|
-
(0, _react.css)(_functions.flex, ";width:", (0, _utils.rem)(sizeBasedOnProp(size)), ";height:", (0, _utils.rem)(sizeBasedOnProp(size)), ";border-radius:100%;border:", (0, _utils.rem)(1), " solid ", theme.utils.getColor('lightGrey', 100), ";box-sizing:border-box;background:", theme.utils.getColor(fill, fillShade), ";overflow:hidden;position:relative;font-size:", fontSizeBasedOnProp(theme, size), ";font-weight:", theme.typography.weights.medium, ";align-items:center;flex-shrink:0;line-height:1;user-select:none;justify-content:center;color:",
|
|
55
|
+
(0, _react.css)(_functions.flex, ";width:", (0, _utils.rem)(sizeBasedOnProp(size)), ";height:", (0, _utils.rem)(sizeBasedOnProp(size)), ";border-radius:100%;border:", (0, _utils.rem)(1), " solid ", theme.utils.getColor('lightGrey', 100), ";box-sizing:border-box;background:", theme.utils.getColor(fill, fillShade), ";overflow:hidden;position:relative;font-size:", fontSizeBasedOnProp(theme, size), ";font-weight:", theme.typography.weights.medium, ";align-items:center;flex-shrink:0;line-height:1;user-select:none;justify-content:center;color:", theme.utils.getAAColorFromSwatches(fill, fillShade), ";img{border-radius:100%;width:100%;height:100%;}" + (process.env.NODE_ENV === "production" ? "" : ";label:avatarStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEM2QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGZsZXggfSBmcm9tICcuLi8uLi90aGVtZS9mdW5jdGlvbnMnO1xuaW1wb3J0IHsgY29sb3JTaGFkZXMsIGZsYXRDb2xvcnMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IEF2YXRhclNpemVzIH0gZnJvbSAnLi9BdmF0YXInO1xuXG5leHBvcnQgY29uc3Qgc2l6ZUJhc2VkT25Qcm9wID0gKHNpemU6IEF2YXRhclNpemVzKTogbnVtYmVyID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnbWQnOlxuICAgICAgcmV0dXJuIDI0O1xuICAgIGNhc2UgJ3NtJzpcbiAgICAgIHJldHVybiAyMDtcbiAgICBjYXNlICd4cyc6XG4gICAgICByZXR1cm4gMTY7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiA0NjtcbiAgfVxufTtcblxuY29uc3QgZm9udFNpemVCYXNlZE9uUHJvcCA9ICh0aGVtZTogVGhlbWUsIHNpemU6IEF2YXRhclNpemVzKSA9PiB7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ21kJzpcbiAgICAgIHJldHVybiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTEnXTtcbiAgICBjYXNlICdzbSc6XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEwJ107XG4gICAgY2FzZSAneHMnOlxuICAgICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWyc4J107XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTYnXTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGF2YXRhclN0eWxlID0gKHtcbiAgc2l6ZSxcbiAgZmlsbCxcbiAgZmlsbFNoYWRlLFxufToge1xuICBzaXplOiBBdmF0YXJTaXplcztcbiAgZmlsbDogdHlwZW9mIGZsYXRDb2xvcnNbbnVtYmVyXTtcbiAgZmlsbFNoYWRlOiB0eXBlb2YgY29sb3JTaGFkZXNbbnVtYmVyXTtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgd2lkdGg6ICR7cmVtKHNpemVCYXNlZE9uUHJvcChzaXplKSl9O1xuICBoZWlnaHQ6ICR7cmVtKHNpemVCYXNlZE9uUHJvcChzaXplKSl9O1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBib3JkZXI6ICR7cmVtKDEpfSBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcihmaWxsLCBmaWxsU2hhZGUpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBmb250LXNpemU6ICR7Zm9udFNpemVCYXNlZE9uUHJvcCh0aGVtZSwgc2l6ZSl9O1xuICBmb250LXdlaWdodDogJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMubWVkaXVtfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGxpbmUtaGVpZ2h0OiAxO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGNvbG9yOiAke3RoZW1lLnV0aWxzLmdldEFBQ29sb3JGcm9tU3dhdGNoZXMoZmlsbCwgZmlsbFNoYWRlKX07XG5cbiAgaW1nIHtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:avatarStyle;")
|
|
58
56
|
);
|
|
59
57
|
};
|
|
60
58
|
};
|
|
@@ -7,8 +7,6 @@ var _polished = require("polished");
|
|
|
7
7
|
|
|
8
8
|
var _utils = require("../../theme/utils");
|
|
9
9
|
|
|
10
|
-
var _palette = require("../../theme/palette");
|
|
11
|
-
|
|
12
10
|
var _utils2 = require("./utils");
|
|
13
11
|
|
|
14
12
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -67,7 +65,7 @@ var buttonBaseStyle = function buttonBaseStyle(_ref) {
|
|
|
67
65
|
return (0, _utils2.defineBackgroundColor)(theme, calculatedColor, type, hasSupplementaryIcons, childrenCount > 0);
|
|
68
66
|
}
|
|
69
67
|
|
|
70
|
-
return
|
|
68
|
+
return theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade);
|
|
71
69
|
};
|
|
72
70
|
|
|
73
71
|
var baseButtonStyles = {
|
|
@@ -7,14 +7,14 @@ var _useTypeColorToColorMatch = require("../../hooks/useTypeColorToColorMatch");
|
|
|
7
7
|
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
10
|
-
var _palette = require("../../theme/palette");
|
|
11
|
-
|
|
12
10
|
var _helpers = require("../../utils/helpers");
|
|
13
11
|
|
|
14
12
|
var _CheckBox = require("./CheckBox.style");
|
|
15
13
|
|
|
16
14
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
17
15
|
|
|
16
|
+
var _index = require("../../index");
|
|
17
|
+
|
|
18
18
|
var _react2 = require("@emotion/react");
|
|
19
19
|
|
|
20
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -42,6 +42,7 @@ var CheckBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
42
42
|
setIsChecked = _React$useState[1];
|
|
43
43
|
|
|
44
44
|
var inputRef = React.useRef(null);
|
|
45
|
+
var theme = (0, _index.useTheme)();
|
|
45
46
|
|
|
46
47
|
var _useTypeColorToColorM = (0, _useTypeColorToColorMatch.useTypeColorToColorMatch)(),
|
|
47
48
|
calculateColorBetweenColorAndType = _useTypeColorToColorM.calculateColorBetweenColorAndType;
|
|
@@ -110,7 +111,7 @@ var CheckBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
110
111
|
}, (0, _react2.jsx)(_Icon["default"], {
|
|
111
112
|
name: intermediate ? 'minus' : 'checkmark',
|
|
112
113
|
size: 24,
|
|
113
|
-
color:
|
|
114
|
+
color: theme.utils.getAAColorFromSwatches(color, shade)
|
|
114
115
|
}))), label && (0, _react2.jsx)("span", {
|
|
115
116
|
css: (0, _CheckBox.labelStyle)()
|
|
116
117
|
}, label));
|
|
@@ -7,8 +7,6 @@ var _react = require("@emotion/react");
|
|
|
7
7
|
|
|
8
8
|
var _functions = require("../../../../theme/functions");
|
|
9
9
|
|
|
10
|
-
var _palette = require("../../../../theme/palette");
|
|
11
|
-
|
|
12
10
|
var badgeStyle = function badgeStyle(_ref) {
|
|
13
11
|
var _ref$fill = _ref.fill,
|
|
14
12
|
fill = _ref$fill === void 0 ? 'greyScale' : _ref$fill,
|
|
@@ -18,7 +16,7 @@ var badgeStyle = function badgeStyle(_ref) {
|
|
|
18
16
|
/*#__PURE__*/
|
|
19
17
|
|
|
20
18
|
/*#__PURE__*/
|
|
21
|
-
(0, _react.css)(_functions.flex, ";width:", theme.spacing.md, ";height:", theme.spacing.md, ";border-radius:100%;background:", isSelected ? theme.utils.getColor(fill, 550) : theme.utils.getColor('lightGrey', 200), ";font-size:", theme.typography.fontSizes['10'], ";font-weight:", theme.typography.weights.medium, ";align-items:center;flex-shrink:0;line-height:normal;justify-content:center;color:", isSelected ?
|
|
19
|
+
(0, _react.css)(_functions.flex, ";width:", theme.spacing.md, ";height:", theme.spacing.md, ";border-radius:100%;background:", isSelected ? theme.utils.getColor(fill, 550) : theme.utils.getColor('lightGrey', 200), ";font-size:", theme.typography.fontSizes['10'], ";font-weight:", theme.typography.weights.medium, ";align-items:center;flex-shrink:0;line-height:normal;justify-content:center;color:", isSelected ? theme.utils.getAAColorFromSwatches(fill, 550) : theme.utils.getAAColorFromSwatches('lightGrey', 200), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:badgeStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoaXAvY29tcG9uZW50cy9CYWRnZS9CYWRnZS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ2hpcC9jb21wb25lbnRzL0JhZGdlL0JhZGdlLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcblxuaW1wb3J0IHsgUHJvcHMgfSBmcm9tICcuLi8uLi9DaGlwJztcblxuZXhwb3J0IGNvbnN0IGJhZGdlU3R5bGUgPSAoeyBmaWxsID0gJ2dyZXlTY2FsZScsIGlzU2VsZWN0ZWQgfTogUHJvcHMpID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgd2lkdGg6ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIGhlaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgYmFja2dyb3VuZDogJHtpc1NlbGVjdGVkXG4gICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcihmaWxsLCA1NTApXG4gICAgOiB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMjAwKX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTAnXX07XG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXNocmluazogMDtcbiAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGNvbG9yOiAke2lzU2VsZWN0ZWRcbiAgICA/IHRoZW1lLnV0aWxzLmdldEFBQ29sb3JGcm9tU3dhdGNoZXMoZmlsbCwgNTUwKVxuICAgIDogdGhlbWUudXRpbHMuZ2V0QUFDb2xvckZyb21Td2F0Y2hlcygnbGlnaHRHcmV5JywgMjAwKX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:badgeStyle;")
|
|
22
20
|
);
|
|
23
21
|
};
|
|
24
22
|
};
|
|
@@ -7,8 +7,6 @@ var _react = require("@emotion/react");
|
|
|
7
7
|
|
|
8
8
|
var _utils = require("../../../theme/utils");
|
|
9
9
|
|
|
10
|
-
var _palette = require("../../../theme/palette");
|
|
11
|
-
|
|
12
10
|
var dayWrapperStyle = function dayWrapperStyle(_ref) {
|
|
13
11
|
var isSelected = _ref.isSelected,
|
|
14
12
|
isBetween = _ref.isBetween,
|
|
@@ -22,7 +20,7 @@ var dayWrapperStyle = function dayWrapperStyle(_ref) {
|
|
|
22
20
|
/*#__PURE__*/
|
|
23
21
|
|
|
24
22
|
/*#__PURE__*/
|
|
25
|
-
(0, _react.css)("vertical-align:middle;text-align:center;cursor:pointer;position:relative;color:", isSelected ?
|
|
23
|
+
(0, _react.css)("vertical-align:middle;text-align:center;cursor:pointer;position:relative;color:", isSelected ? theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade) : theme.utils.getColor('darkGrey', 850), ";width:", (0, _utils.rem)(40), ";padding:0 ", (0, _utils.rem)(4), ";font-weight:", isToday && 'bold', ";opacity:", disabled ? 0.5 : 1, ";background:", isLast || isFirst ? 'transparent' : (isSelected || isBetween) && typeof isBetween !== 'undefined' && theme.utils.getColor('blue', 50), ";border-bottom-right-radius:", isLast && isSelected && '100%', ";border-top-right-radius:", isLast && isSelected && '100%', ";border-bottom-left-radius:", isFirst && isSelected && '100%', ";border-top-left-radius:", isFirst && isSelected && '100%', ";", (isSelected || isLast || isFirst) && "&:after {\n z-index: -1;\n content: ' ';\n height: 100%;\n width: 50%;\n position: absolute;\n top: 0;\n background: " + (isLast && isFirst ? 'transparent' : (isSelected || isBetween) && typeof isBetween !== 'undefined' && theme.utils.getColor('blue', 50)) + ";\n left: " + (isLast ? '0' : 'initial') + ";\n right: " + (isFirst ? '0' : 'initial') + ";\n border-bottom-right-radius: " + (isLast && isSelected && '100%') + ";\n border-top-right-radius: " + (isLast && isSelected && '100%') + ";\n border-bottom-left-radius: " + (isFirst && isSelected && '100%') + ";\n border-top-left-radius: " + (isFirst && isSelected && '100%') + ";\n }", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dayWrapperStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBDb2xvclNoYXBlRnJvbUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL3RoZW1lRnVuY3Rpb25zJztcblxudHlwZSBQcm9wcyA9IHtcbiAgZGF5PzogbnVtYmVyO1xuICBpc1NlbGVjdGVkPzogYm9vbGVhbjtcbiAgaXNCZXR3ZWVuPzogYm9vbGVhbjtcbiAgaXNMYXN0PzogYm9vbGVhbjtcbiAgaXNGaXJzdD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNUb2RheTogYm9vbGVhbjtcbiAgY2FsY3VsYXRlZENvbG9yOiBDb2xvclNoYXBlRnJvbUNvbXBvbmVudDtcbn07XG5cbmV4cG9ydCBjb25zdCBkYXlXcmFwcGVyU3R5bGUgPSAoe1xuICBpc1NlbGVjdGVkLFxuICBpc0JldHdlZW4sXG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgaXNMYXN0LFxuICBpc0ZpcnN0LFxuICBpc1RvZGF5LFxuICBkaXNhYmxlZCxcbn06IFByb3BzICYgeyBpc1RvZGF5OiBib29sZWFuOyBjYWxjdWxhdGVkQ29sb3I6IENvbG9yU2hhcGVGcm9tQ29tcG9uZW50IH0pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7aXNTZWxlY3RlZFxuICAgID8gdGhlbWUudXRpbHMuZ2V0QUFDb2xvckZyb21Td2F0Y2hlcyhjYWxjdWxhdGVkQ29sb3IuY29sb3IsIGNhbGN1bGF0ZWRDb2xvci5zaGFkZSlcbiAgICA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIDg1MCl9O1xuICB3aWR0aDogJHtyZW0oNDApfTtcbiAgcGFkZGluZzogMCAke3JlbSg0KX07XG4gIGZvbnQtd2VpZ2h0OiAke2lzVG9kYXkgJiYgJ2JvbGQnfTtcbiAgb3BhY2l0eTogJHtkaXNhYmxlZCA/IDAuNSA6IDF9O1xuICBiYWNrZ3JvdW5kOiAke2lzTGFzdCB8fCBpc0ZpcnN0XG4gICAgPyAndHJhbnNwYXJlbnQnXG4gICAgOiAoaXNTZWxlY3RlZCB8fCBpc0JldHdlZW4pICYmXG4gICAgICB0eXBlb2YgaXNCZXR3ZWVuICE9PSAndW5kZWZpbmVkJyAmJlxuICAgICAgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1MCl9O1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuXG4gICR7KGlzU2VsZWN0ZWQgfHwgaXNMYXN0IHx8IGlzRmlyc3QpICYmXG4gICAgYCY6YWZ0ZXIge1xuICAgIHotaW5kZXg6IC0xO1xuICAgIGNvbnRlbnQ6ICcgJztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDUwJTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgICBiYWNrZ3JvdW5kOiAke1xuICAgICAgIGlzTGFzdCAmJiBpc0ZpcnN0XG4gICAgICAgICA/ICd0cmFuc3BhcmVudCdcbiAgICAgICAgIDogKGlzU2VsZWN0ZWQgfHwgaXNCZXR3ZWVuKSAmJlxuICAgICAgICAgICB0eXBlb2YgaXNCZXR3ZWVuICE9PSAndW5kZWZpbmVkJyAmJlxuICAgICAgICAgICB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKVxuICAgICB9O1xuICBsZWZ0OiAke2lzTGFzdCA/ICcwJyA6ICdpbml0aWFsJ307XG4gIHJpZ2h0OiAke2lzRmlyc3QgPyAnMCcgOiAnaW5pdGlhbCd9O1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICB9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBlbXB0eURheVN0eWxlID0gKHsgaXNCZXR3ZWVuIH06IHsgaXNCZXR3ZWVuOiBib29sZWFuIH0pID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogJHtpc0JldHdlZW4gPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6ICd0cmFuc3BhcmVudCd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGRheVN0eWxlID0gKHsgaXNTZWxlY3RlZCwgY2FsY3VsYXRlZENvbG9yLCBpc1RvZGF5LCBkaXNhYmxlZCB9OiBQcm9wcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbikgPT4gY3NzYFxuICBib3JkZXI6ICR7cmVtKDEpfSBzb2xpZCAke2lzVG9kYXkgPyB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNDUwKSA6ICd0cmFuc3BhcmVudCd9O1xuICBib3JkZXItcmFkaXVzOiAkeyhpc1RvZGF5IHx8IGlzU2VsZWN0ZWQpICYmICcxMDAlJ307XG4gIHdpZHRoOiAke3JlbSgzOSl9O1xuICBoZWlnaHQ6ICR7cmVtKDM5KX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kOiAke2lzU2VsZWN0ZWRcbiAgICA/IHRoZW1lLnV0aWxzLmdldENvbG9yKGNhbGN1bGF0ZWRDb2xvci5jb2xvciwgY2FsY3VsYXRlZENvbG9yLnNoYWRlKVxuICAgIDogJ3RyYW5zcGFyZW50J307XG5cbiAgJHshZGlzYWJsZWQgJiZcbiAgICBgJjpob3ZlciB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHshaXNTZWxlY3RlZCAmJiB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDEwMCl9O1xuICAgICAgICAgIH1gfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:dayWrapperStyle;")
|
|
26
24
|
);
|
|
27
25
|
};
|
|
28
26
|
};
|
|
@@ -36,7 +34,7 @@ var emptyDayStyle = function emptyDayStyle(_ref2) {
|
|
|
36
34
|
/*#__PURE__*/
|
|
37
35
|
|
|
38
36
|
/*#__PURE__*/
|
|
39
|
-
(0, _react.css)("vertical-align:middle;text-align:center;cursor:pointer;position:relative;background:", isBetween ? theme.utils.getColor('blue', 50) : 'transparent', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:emptyDayStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
+
(0, _react.css)("vertical-align:middle;text-align:center;cursor:pointer;position:relative;background:", isBetween ? theme.utils.getColor('blue', 50) : 'transparent', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:emptyDayStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RTZGIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBDb2xvclNoYXBlRnJvbUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL3RoZW1lRnVuY3Rpb25zJztcblxudHlwZSBQcm9wcyA9IHtcbiAgZGF5PzogbnVtYmVyO1xuICBpc1NlbGVjdGVkPzogYm9vbGVhbjtcbiAgaXNCZXR3ZWVuPzogYm9vbGVhbjtcbiAgaXNMYXN0PzogYm9vbGVhbjtcbiAgaXNGaXJzdD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNUb2RheTogYm9vbGVhbjtcbiAgY2FsY3VsYXRlZENvbG9yOiBDb2xvclNoYXBlRnJvbUNvbXBvbmVudDtcbn07XG5cbmV4cG9ydCBjb25zdCBkYXlXcmFwcGVyU3R5bGUgPSAoe1xuICBpc1NlbGVjdGVkLFxuICBpc0JldHdlZW4sXG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgaXNMYXN0LFxuICBpc0ZpcnN0LFxuICBpc1RvZGF5LFxuICBkaXNhYmxlZCxcbn06IFByb3BzICYgeyBpc1RvZGF5OiBib29sZWFuOyBjYWxjdWxhdGVkQ29sb3I6IENvbG9yU2hhcGVGcm9tQ29tcG9uZW50IH0pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7aXNTZWxlY3RlZFxuICAgID8gdGhlbWUudXRpbHMuZ2V0QUFDb2xvckZyb21Td2F0Y2hlcyhjYWxjdWxhdGVkQ29sb3IuY29sb3IsIGNhbGN1bGF0ZWRDb2xvci5zaGFkZSlcbiAgICA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIDg1MCl9O1xuICB3aWR0aDogJHtyZW0oNDApfTtcbiAgcGFkZGluZzogMCAke3JlbSg0KX07XG4gIGZvbnQtd2VpZ2h0OiAke2lzVG9kYXkgJiYgJ2JvbGQnfTtcbiAgb3BhY2l0eTogJHtkaXNhYmxlZCA/IDAuNSA6IDF9O1xuICBiYWNrZ3JvdW5kOiAke2lzTGFzdCB8fCBpc0ZpcnN0XG4gICAgPyAndHJhbnNwYXJlbnQnXG4gICAgOiAoaXNTZWxlY3RlZCB8fCBpc0JldHdlZW4pICYmXG4gICAgICB0eXBlb2YgaXNCZXR3ZWVuICE9PSAndW5kZWZpbmVkJyAmJlxuICAgICAgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1MCl9O1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuXG4gICR7KGlzU2VsZWN0ZWQgfHwgaXNMYXN0IHx8IGlzRmlyc3QpICYmXG4gICAgYCY6YWZ0ZXIge1xuICAgIHotaW5kZXg6IC0xO1xuICAgIGNvbnRlbnQ6ICcgJztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDUwJTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgICBiYWNrZ3JvdW5kOiAke1xuICAgICAgIGlzTGFzdCAmJiBpc0ZpcnN0XG4gICAgICAgICA/ICd0cmFuc3BhcmVudCdcbiAgICAgICAgIDogKGlzU2VsZWN0ZWQgfHwgaXNCZXR3ZWVuKSAmJlxuICAgICAgICAgICB0eXBlb2YgaXNCZXR3ZWVuICE9PSAndW5kZWZpbmVkJyAmJlxuICAgICAgICAgICB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKVxuICAgICB9O1xuICBsZWZ0OiAke2lzTGFzdCA/ICcwJyA6ICdpbml0aWFsJ307XG4gIHJpZ2h0OiAke2lzRmlyc3QgPyAnMCcgOiAnaW5pdGlhbCd9O1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICB9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBlbXB0eURheVN0eWxlID0gKHsgaXNCZXR3ZWVuIH06IHsgaXNCZXR3ZWVuOiBib29sZWFuIH0pID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogJHtpc0JldHdlZW4gPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6ICd0cmFuc3BhcmVudCd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGRheVN0eWxlID0gKHsgaXNTZWxlY3RlZCwgY2FsY3VsYXRlZENvbG9yLCBpc1RvZGF5LCBkaXNhYmxlZCB9OiBQcm9wcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbikgPT4gY3NzYFxuICBib3JkZXI6ICR7cmVtKDEpfSBzb2xpZCAke2lzVG9kYXkgPyB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNDUwKSA6ICd0cmFuc3BhcmVudCd9O1xuICBib3JkZXItcmFkaXVzOiAkeyhpc1RvZGF5IHx8IGlzU2VsZWN0ZWQpICYmICcxMDAlJ307XG4gIHdpZHRoOiAke3JlbSgzOSl9O1xuICBoZWlnaHQ6ICR7cmVtKDM5KX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kOiAke2lzU2VsZWN0ZWRcbiAgICA/IHRoZW1lLnV0aWxzLmdldENvbG9yKGNhbGN1bGF0ZWRDb2xvci5jb2xvciwgY2FsY3VsYXRlZENvbG9yLnNoYWRlKVxuICAgIDogJ3RyYW5zcGFyZW50J307XG5cbiAgJHshZGlzYWJsZWQgJiZcbiAgICBgJjpob3ZlciB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHshaXNTZWxlY3RlZCAmJiB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDEwMCl9O1xuICAgICAgICAgIH1gfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:emptyDayStyle;")
|
|
40
38
|
);
|
|
41
39
|
};
|
|
42
40
|
};
|
|
@@ -53,7 +51,7 @@ var dayStyle = function dayStyle(_ref3) {
|
|
|
53
51
|
/*#__PURE__*/
|
|
54
52
|
|
|
55
53
|
/*#__PURE__*/
|
|
56
|
-
(0, _react.css)("border:", (0, _utils.rem)(1), " solid ", isToday ? theme.utils.getColor('lightGrey', 450) : 'transparent', ";border-radius:", (isToday || isSelected) && '100%', ";width:", (0, _utils.rem)(39), ";height:", (0, _utils.rem)(39), ";display:flex;align-items:center;justify-content:center;background:", isSelected ? theme.utils.getColor(calculatedColor.color, calculatedColor.shade) : 'transparent', ";", !disabled && "&:hover {\n border-radius: 100%;\n background: " + (!isSelected && theme.utils.getColor('blue', 100)) + ";\n }", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dayStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
54
|
+
(0, _react.css)("border:", (0, _utils.rem)(1), " solid ", isToday ? theme.utils.getColor('lightGrey', 450) : 'transparent', ";border-radius:", (isToday || isSelected) && '100%', ";width:", (0, _utils.rem)(39), ";height:", (0, _utils.rem)(39), ";display:flex;align-items:center;justify-content:center;background:", isSelected ? theme.utils.getColor(calculatedColor.color, calculatedColor.shade) : 'transparent', ";", !disabled && "&:hover {\n border-radius: 100%;\n background: " + (!isSelected && theme.utils.getColor('blue', 100)) + ";\n }", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dayStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRlEiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGF0ZVBpY2tlci9EYXkvRGF5LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IENvbG9yU2hhcGVGcm9tQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvdGhlbWVGdW5jdGlvbnMnO1xuXG50eXBlIFByb3BzID0ge1xuICBkYXk/OiBudW1iZXI7XG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuO1xuICBpc0JldHdlZW4/OiBib29sZWFuO1xuICBpc0xhc3Q/OiBib29sZWFuO1xuICBpc0ZpcnN0PzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBpc1RvZGF5OiBib29sZWFuO1xuICBjYWxjdWxhdGVkQ29sb3I6IENvbG9yU2hhcGVGcm9tQ29tcG9uZW50O1xufTtcblxuZXhwb3J0IGNvbnN0IGRheVdyYXBwZXJTdHlsZSA9ICh7XG4gIGlzU2VsZWN0ZWQsXG4gIGlzQmV0d2VlbixcbiAgY2FsY3VsYXRlZENvbG9yLFxuICBpc0xhc3QsXG4gIGlzRmlyc3QsXG4gIGlzVG9kYXksXG4gIGRpc2FibGVkLFxufTogUHJvcHMgJiB7IGlzVG9kYXk6IGJvb2xlYW47IGNhbGN1bGF0ZWRDb2xvcjogQ29sb3JTaGFwZUZyb21Db21wb25lbnQgfSkgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogJHtpc1NlbGVjdGVkXG4gICAgPyB0aGVtZS51dGlscy5nZXRBQUNvbG9yRnJvbVN3YXRjaGVzKGNhbGN1bGF0ZWRDb2xvci5jb2xvciwgY2FsY3VsYXRlZENvbG9yLnNoYWRlKVxuICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgODUwKX07XG4gIHdpZHRoOiAke3JlbSg0MCl9O1xuICBwYWRkaW5nOiAwICR7cmVtKDQpfTtcbiAgZm9udC13ZWlnaHQ6ICR7aXNUb2RheSAmJiAnYm9sZCd9O1xuICBvcGFjaXR5OiAke2Rpc2FibGVkID8gMC41IDogMX07XG4gIGJhY2tncm91bmQ6ICR7aXNMYXN0IHx8IGlzRmlyc3RcbiAgICA/ICd0cmFuc3BhcmVudCdcbiAgICA6IChpc1NlbGVjdGVkIHx8IGlzQmV0d2VlbikgJiZcbiAgICAgIHR5cGVvZiBpc0JldHdlZW4gIT09ICd1bmRlZmluZWQnICYmXG4gICAgICB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKX07XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAke2lzTGFzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke2lzTGFzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7aXNGaXJzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7aXNGaXJzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG5cbiAgJHsoaXNTZWxlY3RlZCB8fCBpc0xhc3QgfHwgaXNGaXJzdCkgJiZcbiAgICBgJjphZnRlciB7XG4gICAgei1pbmRleDogLTE7XG4gICAgY29udGVudDogJyAnO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogNTAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgIGJhY2tncm91bmQ6ICR7XG4gICAgICAgaXNMYXN0ICYmIGlzRmlyc3RcbiAgICAgICAgID8gJ3RyYW5zcGFyZW50J1xuICAgICAgICAgOiAoaXNTZWxlY3RlZCB8fCBpc0JldHdlZW4pICYmXG4gICAgICAgICAgIHR5cGVvZiBpc0JldHdlZW4gIT09ICd1bmRlZmluZWQnICYmXG4gICAgICAgICAgIHRoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTApXG4gICAgIH07XG4gIGxlZnQ6ICR7aXNMYXN0ID8gJzAnIDogJ2luaXRpYWwnfTtcbiAgcmlnaHQ6ICR7aXNGaXJzdCA/ICcwJyA6ICdpbml0aWFsJ307XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAke2lzTGFzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke2lzTGFzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7aXNGaXJzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7aXNGaXJzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIH1gfVxuYDtcblxuZXhwb3J0IGNvbnN0IGVtcHR5RGF5U3R5bGUgPSAoeyBpc0JldHdlZW4gfTogeyBpc0JldHdlZW46IGJvb2xlYW4gfSkgPT4gKHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiAke2lzQmV0d2VlbiA/IHRoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTApIDogJ3RyYW5zcGFyZW50J307XG5gO1xuXG5leHBvcnQgY29uc3QgZGF5U3R5bGUgPSAoeyBpc1NlbGVjdGVkLCBjYWxjdWxhdGVkQ29sb3IsIGlzVG9kYXksIGRpc2FibGVkIH06IFByb3BzKSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKSA9PiBjc3NgXG4gIGJvcmRlcjogJHtyZW0oMSl9IHNvbGlkICR7aXNUb2RheSA/IHRoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA0NTApIDogJ3RyYW5zcGFyZW50J307XG4gIGJvcmRlci1yYWRpdXM6ICR7KGlzVG9kYXkgfHwgaXNTZWxlY3RlZCkgJiYgJzEwMCUnfTtcbiAgd2lkdGg6ICR7cmVtKDM5KX07XG4gIGhlaWdodDogJHtyZW0oMzkpfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQ6ICR7aXNTZWxlY3RlZFxuICAgID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoY2FsY3VsYXRlZENvbG9yLmNvbG9yLCBjYWxjdWxhdGVkQ29sb3Iuc2hhZGUpXG4gICAgOiAndHJhbnNwYXJlbnQnfTtcblxuICAkeyFkaXNhYmxlZCAmJlxuICAgIGAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAkeyFpc1NlbGVjdGVkICYmIHRoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgMTAwKX07XG4gICAgICAgICAgfWB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:dayStyle;")
|
|
57
55
|
);
|
|
58
56
|
};
|
|
59
57
|
};
|
|
@@ -58,7 +58,7 @@ var MenuItem = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
|
58
58
|
css: (0, _Navigation.menuIconStyle)(isCurrent)
|
|
59
59
|
}, (0, _react2.jsx)(_Icon["default"], {
|
|
60
60
|
name: iconName,
|
|
61
|
-
color: isCurrent ?
|
|
61
|
+
color: isCurrent ? theme.utils.getAAColorFromSwatches(color, shade) : theme.utils.getColor('lightGrey', 850),
|
|
62
62
|
size: 20,
|
|
63
63
|
variant: isCurrent ? shade : _palette.BASE_SHADE
|
|
64
64
|
})), (0, _react2.jsx)("span", {
|
|
@@ -5,8 +5,6 @@ exports.getHoverBorder = exports.getBorder = exports.getTextColor = exports.getB
|
|
|
5
5
|
|
|
6
6
|
var _utils = require("../../theme/utils");
|
|
7
7
|
|
|
8
|
-
var _palette = require("../../theme/palette");
|
|
9
|
-
|
|
10
8
|
var _utils2 = require("../Button/utils");
|
|
11
9
|
|
|
12
10
|
var FILTER_OPTIONS_MAX_HEIGHT = 253;
|
|
@@ -45,9 +43,9 @@ var getTextColor = function getTextColor(_ref2) {
|
|
|
45
43
|
calculatedColor = _ref2.calculatedColor;
|
|
46
44
|
|
|
47
45
|
if (hasSelectedValue && !open) {
|
|
48
|
-
return
|
|
46
|
+
return theme.utils.getAAColorFromSwatches(calculatedColor.color, 50);
|
|
49
47
|
} else if (open) {
|
|
50
|
-
return
|
|
48
|
+
return theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade);
|
|
51
49
|
}
|
|
52
50
|
|
|
53
51
|
return theme.utils.getColor('darkGrey', 850);
|
|
@@ -9,8 +9,6 @@ var _useTypeColorToColorMatch = require("../../hooks/useTypeColorToColorMatch");
|
|
|
9
9
|
|
|
10
10
|
var _index = require("../../index");
|
|
11
11
|
|
|
12
|
-
var _palette = require("../../theme/palette");
|
|
13
|
-
|
|
14
12
|
var _utils = require("../Button/utils");
|
|
15
13
|
|
|
16
14
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
@@ -39,7 +37,7 @@ var IconButton = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
|
|
|
39
37
|
calculateColorBetweenColorAndType = _useTypeColorToColorM.calculateColorBetweenColorAndType;
|
|
40
38
|
|
|
41
39
|
var calculatedColor = calculateColorBetweenColorAndType(color, type);
|
|
42
|
-
var iconColor = filled && !transparent ?
|
|
40
|
+
var iconColor = filled && !transparent ? theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade) : (0, _utils.defineBackgroundColor)(theme, calculatedColor, type, true, true);
|
|
43
41
|
return (0, _react2.jsx)(_ButtonBase["default"], _extends({}, props, {
|
|
44
42
|
ref: ref,
|
|
45
43
|
isIconButton: true
|
|
@@ -11,8 +11,6 @@ var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
|
|
|
11
11
|
|
|
12
12
|
var React = _interopRequireWildcard(require("react"));
|
|
13
13
|
|
|
14
|
-
var _palette = require("../../theme/palette");
|
|
15
|
-
|
|
16
14
|
var _Avatar = _interopRequireDefault(require("../Avatar"));
|
|
17
15
|
|
|
18
16
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
@@ -71,7 +69,7 @@ var Menu = function Menu(props) {
|
|
|
71
69
|
calculateColorBetweenColorAndType = _useTypeColorToColorM.calculateColorBetweenColorAndType;
|
|
72
70
|
|
|
73
71
|
var calculatedColor = calculateColorBetweenColorAndType(color, buttonType);
|
|
74
|
-
var iconColor = filled ?
|
|
72
|
+
var iconColor = filled ? theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade) : (0, _utils.defineBackgroundColor)(theme, calculatedColor, buttonType, true, true);
|
|
75
73
|
return (0, _react2.jsx)(_ClickAwayListener["default"], {
|
|
76
74
|
onClick: function onClick() {
|
|
77
75
|
return setOpen(false);
|
|
@@ -7,8 +7,6 @@ var _react = require("@emotion/react");
|
|
|
7
7
|
|
|
8
8
|
var _utils = require("../../theme/utils");
|
|
9
9
|
|
|
10
|
-
var _palette = require("../../theme/palette");
|
|
11
|
-
|
|
12
10
|
require("tippy.js/dist/tippy.css");
|
|
13
11
|
|
|
14
12
|
var tooltipStyle = function tooltipStyle(_ref) {
|
|
@@ -33,7 +31,7 @@ var tooltipStyle = function tooltipStyle(_ref) {
|
|
|
33
31
|
/*#__PURE__*/
|
|
34
32
|
|
|
35
33
|
/*#__PURE__*/
|
|
36
|
-
(0, _react.css)("background:transparent;.tippy-content{color:",
|
|
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.sm, ";text-align:start;white-space:pre-wrap;word-break:break-all;}.tippy-arrow{color:", backgroundColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IFRvb2x0aXBTaXplIH0gZnJvbSAnLi9Ub29sdGlwJztcbmltcG9ydCAndGlwcHkuanMvZGlzdC90aXBweS5jc3MnO1xuXG5leHBvcnQgY29uc3QgdG9vbHRpcFN0eWxlID0gKHtcbiAgc2l6ZSxcbiAgaXNUcmFuc3BhcmVudCxcbn06IHtcbiAgc2l6ZTogVG9vbHRpcFNpemU7XG4gIGlzVHJhbnNwYXJlbnQ6IGJvb2xlYW47XG59KSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGNvbG9yID0gJ2RhcmtHcmV5JztcbiAgY29uc3Qgc2hhZGUgPSA4NTA7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IGlzVHJhbnNwYXJlbnQgPyAndHJhbnNwYXJlbnQnIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoY29sb3IsIHNoYWRlKTtcblxuICBjb25zdCBkZWZpbmVGb250U2l6ZUJhc2VkT25Ub29sdGlwU2l6ZSA9IChzaXplOiBUb29sdGlwU2l6ZSkgPT4ge1xuICAgIGlmIChzaXplID09PSAnbGFyZ2UnKSB7XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE2J107XG4gICAgfSBlbHNlIGlmIChzaXplID09PSAnc21hbGwnKSB7XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEyJ107XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxNCddO1xuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgLnRpcHB5LWNvbnRlbnQge1xuICAgICAgY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0QUFDb2xvckZyb21Td2F0Y2hlcyhjb2xvciwgc2hhZGUpfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZENvbG9yfTtcbiAgICAgIG1heC13aWR0aDogJHtyZW0oMjU2KX07XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219O1xuICAgICAgZm9udC1zaXplOiAke2RlZmluZUZvbnRTaXplQmFzZWRPblRvb2x0aXBTaXplKHNpemUpfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5yZWd1bGFyfTtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxMTAlO1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICAgIHRleHQtYWxpZ246IHN0YXJ0O1xuICAgICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICAgICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgIH1cbiAgICAudGlwcHktYXJyb3cge1xuICAgICAgY29sb3I6ICR7YmFja2dyb3VuZENvbG9yfTtcbiAgICB9XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;")
|
|
37
35
|
);
|
|
38
36
|
};
|
|
39
37
|
};
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -1,36 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Overrides } from './overrides';
|
|
3
|
-
import { colorShades, flatColors, mainTypes, paleColors, Palette } from './palette';
|
|
4
|
-
import { PaletteConfig } from './palette.config';
|
|
5
|
-
import { Spacing } from './spacing';
|
|
6
|
-
import { Typography } from './typography';
|
|
7
|
-
declare type TextColorTypes = 'primary' | 'secondary' | 'light';
|
|
8
|
-
export declare type ThemeConfig = {
|
|
9
|
-
palette: PaletteConfig;
|
|
10
|
-
typography: Typography;
|
|
11
|
-
spacing: Spacing;
|
|
12
|
-
elevation: Elevation;
|
|
13
|
-
overrides: Overrides;
|
|
14
|
-
isDark: boolean;
|
|
15
|
-
};
|
|
16
|
-
declare type GetColor = {
|
|
17
|
-
(color: typeof flatColors[number], variant: typeof colorShades[number]): string;
|
|
18
|
-
(color: typeof flatColors[number], variant: typeof colorShades[number], scope: 'flat'): string;
|
|
19
|
-
(color: TextColorTypes, variant: typeof colorShades[number], scope: 'text'): string;
|
|
20
|
-
(color: typeof mainTypes[number], variant: typeof colorShades[number], scope: 'normal'): string;
|
|
21
|
-
(color: typeof paleColors[number], variant: null, scope: 'pale'): string;
|
|
22
|
-
};
|
|
23
|
-
export declare type Theme = {
|
|
24
|
-
palette: Palette;
|
|
25
|
-
typography: Typography;
|
|
26
|
-
spacing: Spacing;
|
|
27
|
-
elevation: Elevation;
|
|
28
|
-
isDark: boolean;
|
|
29
|
-
overrides: Overrides;
|
|
30
|
-
utils: {
|
|
31
|
-
getColor: GetColor;
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
export declare const getColor: (palette: Palette) => GetColor;
|
|
1
|
+
import { TextColorTypes, Theme, ThemeConfig } from './types';
|
|
35
2
|
declare const defaultTheme: (theming: 'dark' | 'light') => Theme;
|
|
3
|
+
export { TextColorTypes, Theme, ThemeConfig };
|
|
36
4
|
export default defaultTheme;
|
package/dist/theme/index.js
CHANGED
|
@@ -1,44 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports["default"] =
|
|
4
|
+
exports["default"] = void 0;
|
|
5
5
|
|
|
6
6
|
var _elevation = _interopRequireDefault(require("./elevation"));
|
|
7
7
|
|
|
8
8
|
var _overrides = _interopRequireDefault(require("./overrides"));
|
|
9
9
|
|
|
10
|
-
var _palette = require("./palette
|
|
10
|
+
var _palette = require("./palette");
|
|
11
|
+
|
|
12
|
+
var _palette2 = require("./palette.config");
|
|
11
13
|
|
|
12
14
|
var _spacing = _interopRequireDefault(require("./spacing"));
|
|
13
15
|
|
|
16
|
+
var _types = require("./types");
|
|
17
|
+
|
|
18
|
+
exports.TextColorTypes = _types.TextColorTypes;
|
|
19
|
+
exports.Theme = _types.Theme;
|
|
20
|
+
exports.ThemeConfig = _types.ThemeConfig;
|
|
21
|
+
|
|
14
22
|
var _typography = _interopRequireDefault(require("./typography"));
|
|
15
23
|
|
|
16
24
|
var _utils = require("./utils");
|
|
17
25
|
|
|
18
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
27
|
|
|
20
|
-
var getColor = function getColor(palette) {
|
|
21
|
-
return function (color, variant, scope) {
|
|
22
|
-
var _palette$scope, _palette$scope2, _palette$scope2$color;
|
|
23
|
-
|
|
24
|
-
if (scope === void 0) {
|
|
25
|
-
scope = 'flat';
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
var endColor = variant === null ? palette == null ? void 0 : (_palette$scope = palette[scope]) == null ? void 0 : _palette$scope[color] : scope === 'normal' ? palette[color][variant] : palette == null ? void 0 : (_palette$scope2 = palette[scope]) == null ? void 0 : (_palette$scope2$color = _palette$scope2[color]) == null ? void 0 : _palette$scope2$color[variant];
|
|
29
|
-
|
|
30
|
-
if (!endColor) {
|
|
31
|
-
throw new Error('No color found with that name');
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
return endColor;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
exports.getColor = getColor;
|
|
39
|
-
|
|
40
28
|
var defaultTheme = function defaultTheme(theming) {
|
|
41
|
-
var palette = theming === 'light' ? (0, _utils.enhancePaletteWithShades)(
|
|
29
|
+
var palette = theming === 'light' ? (0, _utils.enhancePaletteWithShades)(_palette2.lightPaletteConfig) : (0, _utils.enhancePaletteWithShades)(_palette2.darkPaletteConfig);
|
|
42
30
|
return {
|
|
43
31
|
palette: palette,
|
|
44
32
|
typography: _typography["default"],
|
|
@@ -47,12 +35,12 @@ var defaultTheme = function defaultTheme(theming) {
|
|
|
47
35
|
isDark: false,
|
|
48
36
|
overrides: _overrides["default"],
|
|
49
37
|
utils: {
|
|
50
|
-
getColor: getColor(palette)
|
|
38
|
+
getColor: (0, _palette.getColor)(palette),
|
|
39
|
+
getAAColorFromSwatches: (0, _palette.getAAColorFromSwatches)(palette),
|
|
40
|
+
getAAColor: (0, _palette.getAAColor)(palette)
|
|
51
41
|
}
|
|
52
42
|
};
|
|
53
43
|
};
|
|
54
|
-
/* Declare any static variables here e.g. $gray: #888; */
|
|
55
|
-
|
|
56
44
|
|
|
57
45
|
var _default = defaultTheme;
|
|
58
46
|
exports["default"] = _default;
|
package/dist/theme/palette.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { TextColorTypes } from './index';
|
|
1
2
|
export declare const neutralColors: readonly ["neutralWhite", "neutralBlack"];
|
|
2
3
|
export declare const BASE_SHADE = 500;
|
|
3
4
|
/**
|
|
@@ -42,9 +43,23 @@ export declare type Palette = {
|
|
|
42
43
|
black: string;
|
|
43
44
|
} & Record<typeof mainTypes[number], generatedColorShades>;
|
|
44
45
|
export declare type formFieldStyles = 'filled' | 'outlined' | 'elevated';
|
|
46
|
+
export declare type GetColor = {
|
|
47
|
+
(color: typeof flatColors[number], variant: typeof colorShades[number]): string;
|
|
48
|
+
(color: typeof flatColors[number], variant: typeof colorShades[number], scope: 'flat'): string;
|
|
49
|
+
(color: TextColorTypes, variant: typeof colorShades[number], scope: 'text'): string;
|
|
50
|
+
(color: typeof mainTypes[number], variant: typeof colorShades[number], scope: 'normal'): string;
|
|
51
|
+
(color: typeof paleColors[number], variant: null, scope: 'pale'): string;
|
|
52
|
+
};
|
|
53
|
+
export declare const getColor: (palette: Palette) => GetColor;
|
|
45
54
|
/**
|
|
46
55
|
* this function picks either white or black color based on the background that is passed
|
|
47
|
-
* swatches are calculated based on accessibility by
|
|
56
|
+
* swatches are calculated based on accessibility by getAAColor function and splited to those two colors
|
|
48
57
|
**/
|
|
49
|
-
export declare
|
|
50
|
-
|
|
58
|
+
export declare type GetAAColorFromSwatches = {
|
|
59
|
+
(color: typeof flatColors[number], variant: typeof colorShades[number]): string;
|
|
60
|
+
};
|
|
61
|
+
export declare const getAAColorFromSwatches: (palette: Palette) => GetAAColorFromSwatches;
|
|
62
|
+
export declare type GetAAColor = {
|
|
63
|
+
(color: string): string;
|
|
64
|
+
};
|
|
65
|
+
export declare const getAAColor: (palette: Palette) => GetAAColor;
|
package/dist/theme/palette.js
CHANGED
|
@@ -1,16 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.
|
|
4
|
+
exports.getAAColor = exports.getAAColorFromSwatches = exports.getColor = exports.mainTypes = exports.colorShades = exports.paleColors = exports.flatColors = exports.BASE_SHADE = exports.neutralColors = void 0;
|
|
5
5
|
|
|
6
6
|
var _polished = require("polished");
|
|
7
7
|
|
|
8
|
-
var _index = require("./index");
|
|
9
|
-
|
|
10
|
-
var _palette = require("./palette.config");
|
|
11
|
-
|
|
12
|
-
var _utils = require("./utils");
|
|
13
|
-
|
|
14
8
|
var neutralColors = ['neutralWhite', 'neutralBlack'];
|
|
15
9
|
exports.neutralColors = neutralColors;
|
|
16
10
|
var BASE_SHADE = 500;
|
|
@@ -48,23 +42,46 @@ exports.colorShades = colorShades;
|
|
|
48
42
|
var mainTypes = ['primary', 'secondary', 'success', 'error', 'warning', 'info', 'light', 'link'];
|
|
49
43
|
exports.mainTypes = mainTypes;
|
|
50
44
|
|
|
45
|
+
var getColor = function getColor(palette) {
|
|
46
|
+
return function (color, variant, scope) {
|
|
47
|
+
var _palette$scope, _palette$scope2, _palette$scope2$color;
|
|
48
|
+
|
|
49
|
+
if (scope === void 0) {
|
|
50
|
+
scope = 'flat';
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
var endColor = variant === null ? palette == null ? void 0 : (_palette$scope = palette[scope]) == null ? void 0 : _palette$scope[color] : scope === 'normal' ? palette[color][variant] : palette == null ? void 0 : (_palette$scope2 = palette[scope]) == null ? void 0 : (_palette$scope2$color = _palette$scope2[color]) == null ? void 0 : _palette$scope2$color[variant];
|
|
54
|
+
|
|
55
|
+
if (!endColor) {
|
|
56
|
+
throw new Error('No color found with that name');
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
return endColor;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
51
62
|
/**
|
|
52
63
|
* this function picks either white or black color based on the background that is passed
|
|
53
|
-
* swatches are calculated based on accessibility by
|
|
64
|
+
* swatches are calculated based on accessibility by getAAColor function and splited to those two colors
|
|
54
65
|
**/
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
exports.getColor = getColor;
|
|
69
|
+
|
|
70
|
+
var getAAColorFromSwatches = function getAAColorFromSwatches(palette) {
|
|
71
|
+
return function (color, shade) {
|
|
72
|
+
var hexColorCode = getColor(palette)(color, shade);
|
|
73
|
+
return getAAColor(palette)(hexColorCode);
|
|
74
|
+
};
|
|
59
75
|
};
|
|
60
76
|
|
|
61
|
-
exports.
|
|
77
|
+
exports.getAAColorFromSwatches = getAAColorFromSwatches;
|
|
62
78
|
|
|
63
|
-
var
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
79
|
+
var getAAColor = function getAAColor(palette) {
|
|
80
|
+
return function (color) {
|
|
81
|
+
var white = palette.white;
|
|
82
|
+
var black = palette.black;
|
|
83
|
+
return (0, _polished.getContrast)(color, black) > (0, _polished.getContrast)(color, white) ? black : white;
|
|
84
|
+
};
|
|
68
85
|
};
|
|
69
86
|
|
|
70
|
-
exports.
|
|
87
|
+
exports.getAAColor = getAAColor;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Elevation } from './elevation';
|
|
2
|
+
import { Overrides } from './overrides';
|
|
3
|
+
import { GetAAColor, GetAAColorFromSwatches, GetColor, Palette } from './palette';
|
|
4
|
+
import { PaletteConfig } from './palette.config';
|
|
5
|
+
import { Spacing } from './spacing';
|
|
6
|
+
import { Typography } from './typography';
|
|
7
|
+
export declare type TextColorTypes = 'primary' | 'secondary' | 'light';
|
|
8
|
+
export declare type ThemeConfig = {
|
|
9
|
+
palette: PaletteConfig;
|
|
10
|
+
typography: Typography;
|
|
11
|
+
spacing: Spacing;
|
|
12
|
+
elevation: Elevation;
|
|
13
|
+
overrides: Overrides;
|
|
14
|
+
isDark: boolean;
|
|
15
|
+
};
|
|
16
|
+
export declare type Theme = {
|
|
17
|
+
palette: Palette;
|
|
18
|
+
typography: Typography;
|
|
19
|
+
spacing: Spacing;
|
|
20
|
+
elevation: Elevation;
|
|
21
|
+
isDark: boolean;
|
|
22
|
+
overrides: Overrides;
|
|
23
|
+
utils: {
|
|
24
|
+
getColor: GetColor;
|
|
25
|
+
getAAColorFromSwatches: GetAAColorFromSwatches;
|
|
26
|
+
getAAColor: GetAAColor;
|
|
27
|
+
};
|
|
28
|
+
};
|