@uxf/styles 1.3.0 → 1.4.2

package/README.md

@@ -214,13 +214,13 @@
 ### `matchMin`
 ### `matchBetween`
 ### `matchMax`
-### `matchHiDpi`
 ### `mediaBetween`
 ### `mediaMin`
 ### `mediaMax`
 ### `mediaHiDpi`
 ### `facepaintMin`
 ### `facepaintOnly`
+### `resolveResponsiveProperties`
 ### `responsiveMixin`
 ### `spacing`
 ### `transition`

package/components/AccesibleSvg/index.js

@@ -46,15 +46,15 @@ var slugify_1 = require("@uxf/core/utils/slugify");
 var react_1 = __importStar(require("react"));
 var AccessibleSvgComponent = function (props) {
     var children = props.children, description = props.description, id = props.id, _a = props.preserveAspectRatio, preserveAspectRatio = _a === void 0 ? "xMidYMid meet" : _a, _b = props.role, role = _b === void 0 ? "img" : _b, title = props.title, viewBox = props.viewBox, restProps = __rest(props, ["children", "description", "id", "preserveAspectRatio", "role", "title", "viewBox"]);
-    var idPrefix = "svg__" + slugify_1.slugify(id);
-    var titleId = idPrefix + "__title";
-    var descriptionId = idPrefix + "__desc";
+    var idPrefix = "svg__".concat((0, slugify_1.slugify)(id));
+    var titleId = "".concat(idPrefix, "__title");
+    var descriptionId = "".concat(idPrefix, "__desc");
     var ariaLabelledBy = [titleId, description].filter(function (i) { return i; }).join(" ");
     return (react_1.default.createElement("svg", __assign({ "aria-labelledby": ariaLabelledBy, id: id, preserveAspectRatio: preserveAspectRatio, role: role, viewBox: viewBox }, restProps),
         react_1.default.createElement("title", { id: titleId }, title),
         !!description && react_1.default.createElement("desc", { id: descriptionId }, description),
         children));
 };
-exports.AccessibleSvg = react_1.memo(AccessibleSvgComponent);
+exports.AccessibleSvg = (0, react_1.memo)(AccessibleSvgComponent);
 exports.AccessibleSvg.displayName = "AccessibleSvg";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BY2Nlc2libGVTdmcvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsbURBQWtEO0FBQ2xELDZDQUFrRTtBQVVsRSxJQUFNLHNCQUFzQixHQUEyQixVQUFDLEtBQUs7SUFFckQsSUFBQSxRQUFRLEdBUVIsS0FBSyxTQVJHLEVBQ1IsV0FBVyxHQU9YLEtBQUssWUFQTSxFQUNYLEVBQUUsR0FNRixLQUFLLEdBTkgsRUFDRixLQUtBLEtBQUssb0JBTGdDLEVBQXJDLG1CQUFtQixtQkFBRyxlQUFlLEtBQUEsRUFDckMsS0FJQSxLQUFLLEtBSk8sRUFBWixJQUFJLG1CQUFHLEtBQUssS0FBQSxFQUNaLEtBQUssR0FHTCxLQUFLLE1BSEEsRUFDTCxPQUFPLEdBRVAsS0FBSyxRQUZFLEVBQ0osU0FBUyxVQUNaLEtBQUssRUFUSCxvRkFTTCxDQURlLENBQ047SUFFVixJQUFNLFFBQVEsR0FBRyxVQUFRLGlCQUFPLENBQUMsRUFBRSxDQUFHLENBQUM7SUFDdkMsSUFBTSxPQUFPLEdBQU0sUUFBUSxZQUFTLENBQUM7SUFDckMsSUFBTSxhQUFhLEdBQU0sUUFBUSxXQUFRLENBQUM7SUFDMUMsSUFBTSxjQUFjLEdBQUcsQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxFQUFELENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUV6RSxPQUFPLENBQ0gsbUVBQ3FCLGNBQWMsRUFDL0IsRUFBRSxFQUFFLEVBQUUsRUFDTixtQkFBbUIsRUFBRSxtQkFBbUIsRUFDeEMsSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLEVBQUUsT0FBTyxJQUNaLFNBQVM7UUFFYix5Q0FBTyxFQUFFLEVBQUUsT0FBTyxJQUFHLEtBQUssQ0FBUztRQUNsQyxDQUFDLENBQUMsV0FBVyxJQUFJLHdDQUFNLEVBQUUsRUFBRSxhQUFhLElBQUcsV0FBVyxDQUFRO1FBQzlELFFBQVEsQ0FDUCxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFFVyxRQUFBLGFBQWEsR0FBRyxZQUFJLENBQUMsc0JBQXNCLENBQUMsQ0FBQztBQUUxRCxxQkFBYSxDQUFDLFdBQVcsR0FBRyxlQUFlLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BY2Nlc2libGVTdmcvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsbURBQWtEO0FBQ2xELDZDQUFrRTtBQVVsRSxJQUFNLHNCQUFzQixHQUEyQixVQUFDLEtBQUs7SUFFckQsSUFBQSxRQUFRLEdBUVIsS0FBSyxTQVJHLEVBQ1IsV0FBVyxHQU9YLEtBQUssWUFQTSxFQUNYLEVBQUUsR0FNRixLQUFLLEdBTkgsRUFDRixLQUtBLEtBQUssb0JBTGdDLEVBQXJDLG1CQUFtQixtQkFBRyxlQUFlLEtBQUEsRUFDckMsS0FJQSxLQUFLLEtBSk8sRUFBWixJQUFJLG1CQUFHLEtBQUssS0FBQSxFQUNaLEtBQUssR0FHTCxLQUFLLE1BSEEsRUFDTCxPQUFPLEdBRVAsS0FBSyxRQUZFLEVBQ0osU0FBUyxVQUNaLEtBQUssRUFUSCxvRkFTTCxDQURlLENBQ047SUFFVixJQUFNLFFBQVEsR0FBRyxlQUFRLElBQUEsaUJBQU8sRUFBQyxFQUFFLENBQUMsQ0FBRSxDQUFDO0lBQ3ZDLElBQU0sT0FBTyxHQUFHLFVBQUcsUUFBUSxZQUFTLENBQUM7SUFDckMsSUFBTSxhQUFhLEdBQUcsVUFBRyxRQUFRLFdBQVEsQ0FBQztJQUMxQyxJQUFNLGNBQWMsR0FBRyxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLEVBQUQsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBRXpFLE9BQU8sQ0FDSCxtRUFDcUIsY0FBYyxFQUMvQixFQUFFLEVBQUUsRUFBRSxFQUNOLG1CQUFtQixFQUFFLG1CQUFtQixFQUN4QyxJQUFJLEVBQUUsSUFBSSxFQUNWLE9BQU8sRUFBRSxPQUFPLElBQ1osU0FBUztRQUViLHlDQUFPLEVBQUUsRUFBRSxPQUFPLElBQUcsS0FBSyxDQUFTO1FBQ2xDLENBQUMsQ0FBQyxXQUFXLElBQUksd0NBQU0sRUFBRSxFQUFFLGFBQWEsSUFBRyxXQUFXLENBQVE7UUFDOUQsUUFBUSxDQUNQLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQUVXLFFBQUEsYUFBYSxHQUFHLElBQUEsWUFBSSxFQUFDLHNCQUFzQixDQUFDLENBQUM7QUFFMUQscUJBQWEsQ0FBQyxXQUFXLEdBQUcsZUFBZSxDQUFDIn0=

package/constants/index.d.ts

@@ -1,13 +1,15 @@
-export declare enum Classes {
-    FOCUS_VISIBLE = "focus-visible",
-    IS_ACTIVE = "is-active",
-    IS_BUSY = "is-busy",
-    IS_DISABLED = "is-disabled",
-    IS_FOCUSED = "is-focused",
-    IS_HOVERED = "is-hovered",
-    IS_HOVERABLE = "is-hoverable",
-    IS_INVALID = "is-invalid",
-    IS_READONLY = "is-readonly",
-    IS_SELECTED = "is-selected",
-    IS_NOT_HOVERABLE = "is-not-hoverable"
-}
+/** @deprecated Moved to @uxf/core package and renamed.
+ * Use 'import { CLASSES } from "@uxf/core/constants/classes";' instead. */
+export declare const Classes: {
+    readonly FOCUS_VISIBLE: "focus-visible";
+    readonly IS_ACTIVE: "is-active";
+    readonly IS_BUSY: "is-busy";
+    readonly IS_DISABLED: "is-disabled";
+    readonly IS_FOCUSED: "is-focused";
+    readonly IS_HOVERED: "is-hovered";
+    readonly IS_HOVERABLE: "is-hoverable";
+    readonly IS_INVALID: "is-invalid";
+    readonly IS_READONLY: "is-readonly";
+    readonly IS_SELECTED: "is-selected";
+    readonly IS_NOT_HOVERABLE: "is-not-hoverable";
+};

package/constants/index.js

@@ -1,18 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Classes = void 0;
-var Classes;
-(function (Classes) {
-    Classes["FOCUS_VISIBLE"] = "focus-visible";
-    Classes["IS_ACTIVE"] = "is-active";
-    Classes["IS_BUSY"] = "is-busy";
-    Classes["IS_DISABLED"] = "is-disabled";
-    Classes["IS_FOCUSED"] = "is-focused";
-    Classes["IS_HOVERED"] = "is-hovered";
-    Classes["IS_HOVERABLE"] = "is-hoverable";
-    Classes["IS_INVALID"] = "is-invalid";
-    Classes["IS_READONLY"] = "is-readonly";
-    Classes["IS_SELECTED"] = "is-selected";
-    Classes["IS_NOT_HOVERABLE"] = "is-not-hoverable";
-})(Classes = exports.Classes || (exports.Classes = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uc3RhbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLElBQVksT0FZWDtBQVpELFdBQVksT0FBTztJQUNmLDBDQUErQixDQUFBO0lBQy9CLGtDQUF1QixDQUFBO0lBQ3ZCLDhCQUFtQixDQUFBO0lBQ25CLHNDQUEyQixDQUFBO0lBQzNCLG9DQUF5QixDQUFBO0lBQ3pCLG9DQUF5QixDQUFBO0lBQ3pCLHdDQUE2QixDQUFBO0lBQzdCLG9DQUF5QixDQUFBO0lBQ3pCLHNDQUEyQixDQUFBO0lBQzNCLHNDQUEyQixDQUFBO0lBQzNCLGdEQUFxQyxDQUFBO0FBQ3pDLENBQUMsRUFaVyxPQUFPLEdBQVAsZUFBTyxLQUFQLGVBQU8sUUFZbEIifQ==
+var classes_1 = require("@uxf/core/constants/classes");
+/** @deprecated Moved to @uxf/core package and renamed.
+ * Use 'import { CLASSES } from "@uxf/core/constants/classes";' instead. */
+exports.Classes = classes_1.CLASSES;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uc3RhbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHVEQUFzRDtBQUV0RDsyRUFDMkU7QUFDOUQsUUFBQSxPQUFPLEdBQUcsaUJBQU8sQ0FBQyJ9

package/mixins/appearanceReset.js

@@ -6,6 +6,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.appearanceReset = void 0;
 var styled_components_1 = require("styled-components");
-exports.appearanceReset = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    appearance: none;\n    background-color: transparent;\n    border: 0;\n    border-radius: 0;\n    box-shadow: none;\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n"], ["\n    appearance: none;\n    background-color: transparent;\n    border: 0;\n    border-radius: 0;\n    box-shadow: none;\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n"])));
+exports.appearanceReset = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    appearance: none;\n    background-color: transparent;\n    border: 0;\n    border-radius: 0;\n    box-shadow: none;\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n"], ["\n    appearance: none;\n    background-color: transparent;\n    border: 0;\n    border-radius: 0;\n    box-shadow: none;\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n"])));
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwZWFyYW5jZVJlc2V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9hcHBlYXJhbmNlUmVzZXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUUzQixRQUFBLGVBQWUsR0FBRyx1QkFBRyw4UEFBQSwyTEFTakMsS0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwZWFyYW5jZVJlc2V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9hcHBlYXJhbmNlUmVzZXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUUzQixRQUFBLGVBQWUsT0FBRyx1QkFBRywrUEFBQSwyTEFTakMsS0FBQyJ9

package/mixins/aspectRatio.d.ts

@@ -1,2 +1,2 @@
-import { ResponsiveProperty } from "../types";
-export declare const aspectRatio: <B extends Record<string, number>>(breakpoints: B, ratio: ResponsiveProperty.AspectRatio) => import("styled-components").FlattenSimpleInterpolation | null;
+import { BreakpointsType, ResponsiveProperty } from "../types";
+export declare const aspectRatio: <B extends BreakpointsType>(breakpoints: B, ratio: ResponsiveProperty.AspectRatio) => import("styled-components").FlattenSimpleInterpolation | null;

package/mixins/aspectRatio.js

@@ -10,11 +10,10 @@ var formatAspectRatio_1 = require("../utils/formatAspectRatio");
 var responsive_1 = require("../utils/responsive");
 var aspectRatio = function (breakpoints, ratio) {
     return (Array.isArray(ratio) && ratio.some(function (i) { return i; })) || ratio
-        ? styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n              &::before {\n                  content: \"\";\n                  display: block;\n                  width: 100%;\n\n                  ", ";\n              }\n          "], ["\n              &::before {\n                  content: \"\";\n                  display: block;\n                  width: 100%;\n\n                  ",
-            ";\n              }\n          "])), responsive_1.facepaintMin(breakpoints)({
-            paddingBottom: formatAspectRatio_1.formatResponsiveAspectRatio(ratio),
+        ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n              &::before {\n                  content: \"\";\n                  display: block;\n                  width: 100%;\n\n                  ", ";\n              }\n          "], ["\n              &::before {\n                  content: \"\";\n                  display: block;\n                  width: 100%;\n\n                  ", ";\n              }\n          "])), (0, responsive_1.facepaintMin)(breakpoints)({
+            paddingBottom: (0, formatAspectRatio_1.formatResponsiveAspectRatio)(ratio),
         })) : null;
 };
 exports.aspectRatio = aspectRatio;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNwZWN0UmF0aW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbWl4aW5zL2FzcGVjdFJhdGlvLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFDeEMsZ0VBQXlFO0FBQ3pFLGtEQUFtRDtBQUc1QyxJQUFNLFdBQVcsR0FBRyxVQUE0QixXQUFjLEVBQUUsS0FBcUM7SUFDeEcsT0FBQSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsRUFBRCxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUs7UUFDbkQsQ0FBQyxDQUFDLHVCQUFHLDZQQUFBLHdKQU1PO1lBRUEsZ0NBRVQsS0FKUyx5QkFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBQ3hCLGFBQWEsRUFBRSwrQ0FBMkIsQ0FBQyxLQUFLLENBQUM7U0FDcEQsQ0FBQyxFQUdaLENBQUMsQ0FBQyxJQUFJO0FBWlYsQ0FZVSxDQUFDO0FBYkYsUUFBQSxXQUFXLGVBYVQifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNwZWN0UmF0aW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbWl4aW5zL2FzcGVjdFJhdGlvLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFDeEMsZ0VBQXlFO0FBQ3pFLGtEQUFtRDtBQUc1QyxJQUFNLFdBQVcsR0FBRyxVQUE0QixXQUFjLEVBQUUsS0FBcUM7SUFDeEcsT0FBQSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsRUFBRCxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUs7UUFDbkQsQ0FBQyxLQUFDLHVCQUFHLDhQQUFBLHdKQU1PLEVBRUEsZ0NBRVQsS0FKUyxJQUFBLHlCQUFZLEVBQUMsV0FBVyxDQUFDLENBQUM7WUFDeEIsYUFBYSxFQUFFLElBQUEsK0NBQTJCLEVBQUMsS0FBSyxDQUFDO1NBQ3BELENBQUMsRUFHWixDQUFDLENBQUMsSUFBSTtBQVpWLENBWVUsQ0FBQztBQWJGLFFBQUEsV0FBVyxlQWFUIn0=

package/mixins/injectCss.js

@@ -8,10 +8,10 @@ exports.injectCss = void 0;
 var styled_components_1 = require("styled-components");
 var injectCss = function (style) {
     if (style && style.some(function (i) { return i; })) {
-        return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            && {\n                ", "\n            }\n        "], ["\n            && {\n                ", "\n            }\n        "])), style);
+        return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            && {\n                ", "\n            }\n        "], ["\n            && {\n                ", "\n            }\n        "])), style);
     }
     return null;
 };
 exports.injectCss = injectCss;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5qZWN0Q3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9pbmplY3RDc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUFvRTtBQUU3RCxJQUFNLFNBQVMsR0FBRyxVQUFDLEtBQWtDO0lBQ3hELElBQUksS0FBSyxJQUFJLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLEVBQUQsQ0FBQyxDQUFDLEVBQUU7UUFDL0IsT0FBTyx1QkFBRyxzSUFBQSxzQ0FFQSxFQUFLLDJCQUVkLEtBRlMsS0FBSyxFQUViO0tBQ0w7SUFDRCxPQUFPLElBQUksQ0FBQztBQUNoQixDQUFDLENBQUM7QUFUVyxRQUFBLFNBQVMsYUFTcEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5qZWN0Q3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9pbmplY3RDc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUFvRTtBQUU3RCxJQUFNLFNBQVMsR0FBRyxVQUFDLEtBQWtDO0lBQ3hELElBQUksS0FBSyxJQUFJLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLEVBQUQsQ0FBQyxDQUFDLEVBQUU7UUFDL0IsV0FBTyx1QkFBRyx1SUFBQSxzQ0FFQSxFQUFLLDJCQUVkLEtBRlMsS0FBSyxFQUViO0tBQ0w7SUFDRCxPQUFPLElBQUksQ0FBQztBQUNoQixDQUFDLENBQUM7QUFUVyxRQUFBLFNBQVMsYUFTcEIifQ==

package/mixins/inputAutofill.js

@@ -6,7 +6,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.inputAutofill = void 0;
 var styled_components_1 = require("styled-components");
-var inputAutofill = function (background, color) { return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:-webkit-autofill {\n        -webkit-box-shadow: 0 0 0 1000px ", " inset;\n        -webkit-text-fill-color: ", " !important;\n    }\n    &:-moz-autofill {\n        -moz-box-shadow: 0 0 0 1000px ", " inset;\n        -moz-text-fill-color: ", " !important;\n    }\n    &:-o-autofill {\n        -o-box-shadow: 0 0 0 1000px ", " inset;\n        -o-text-fill-color: ", " !important;\n    }\n    &:-khtml-autofill {\n        -khtml-box-shadow: 0 0 0 1000px ", " inset;\n        -khtml-text-fill-color: ", " !important;\n    }\n    /* stylelint-enable */\n"], ["\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:-webkit-autofill {\n        -webkit-box-shadow: 0 0 0 1000px ", " inset;\n        -webkit-text-fill-color: ", " !important;\n    }\n    &:-moz-autofill {\n        -moz-box-shadow: 0 0 0 1000px ", " inset;\n        -moz-text-fill-color: ", " !important;\n    }\n    &:-o-autofill {\n        -o-box-shadow: 0 0 0 1000px ", " inset;\n        -o-text-fill-color: ", " !important;\n    }\n    &:-khtml-autofill {\n        -khtml-box-shadow: 0 0 0 1000px ", " inset;\n        -khtml-text-fill-color: ", " !important;\n    }\n    /* stylelint-enable */\n"])), background, color, background, color, background, color, background, color); };
+var inputAutofill = function (background, color) { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:-webkit-autofill {\n        -webkit-box-shadow: 0 0 0 1000px ", " inset;\n        -webkit-text-fill-color: ", " !important;\n    }\n    &:-moz-autofill {\n        -moz-box-shadow: 0 0 0 1000px ", " inset;\n        -moz-text-fill-color: ", " !important;\n    }\n    &:-o-autofill {\n        -o-box-shadow: 0 0 0 1000px ", " inset;\n        -o-text-fill-color: ", " !important;\n    }\n    &:-khtml-autofill {\n        -khtml-box-shadow: 0 0 0 1000px ", " inset;\n        -khtml-text-fill-color: ", " !important;\n    }\n    /* stylelint-enable */\n"], ["\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:-webkit-autofill {\n        -webkit-box-shadow: 0 0 0 1000px ", " inset;\n        -webkit-text-fill-color: ", " !important;\n    }\n    &:-moz-autofill {\n        -moz-box-shadow: 0 0 0 1000px ", " inset;\n        -moz-text-fill-color: ", " !important;\n    }\n    &:-o-autofill {\n        -o-box-shadow: 0 0 0 1000px ", " inset;\n        -o-text-fill-color: ", " !important;\n    }\n    &:-khtml-autofill {\n        -khtml-box-shadow: 0 0 0 1000px ", " inset;\n        -khtml-text-fill-color: ", " !important;\n    }\n    /* stylelint-enable */\n"])), background, color, background, color, background, color, background, color); };
 exports.inputAutofill = inputAutofill;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXRBdXRvZmlsbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvaW5wdXRBdXRvZmlsbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBR2pDLElBQU0sYUFBYSxHQUFHLFVBQUMsVUFBeUIsRUFBRSxLQUFvQixJQUFLLE9BQUEsdUJBQUcsa3NCQUFBLHlKQUcxQyxFQUFVLDRDQUNsQixFQUFLLG9GQUdBLEVBQVUseUNBQ2xCLEVBQUssZ0ZBR0MsRUFBVSx1Q0FDbEIsRUFBSyx3RkFHTyxFQUFVLDJDQUNsQixFQUFLLG1EQUd0QyxLQWhCMEMsVUFBVSxFQUNsQixLQUFLLEVBR0EsVUFBVSxFQUNsQixLQUFLLEVBR0MsVUFBVSxFQUNsQixLQUFLLEVBR08sVUFBVSxFQUNsQixLQUFLLEdBaEIyQyxDQW1CakYsQ0FBQztBQW5CVyxRQUFBLGFBQWEsaUJBbUJ4QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXRBdXRvZmlsbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvaW5wdXRBdXRvZmlsbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBR2pDLElBQU0sYUFBYSxHQUFHLFVBQUMsVUFBeUIsRUFBRSxLQUFvQixJQUFLLFdBQUEsdUJBQUcsbXNCQUFBLHlKQUcxQyxFQUFVLDRDQUNsQixFQUFLLG9GQUdBLEVBQVUseUNBQ2xCLEVBQUssZ0ZBR0MsRUFBVSx1Q0FDbEIsRUFBSyx3RkFHTyxFQUFVLDJDQUNsQixFQUFLLG1EQUd0QyxLQWhCMEMsVUFBVSxFQUNsQixLQUFLLEVBR0EsVUFBVSxFQUNsQixLQUFLLEVBR0MsVUFBVSxFQUNsQixLQUFLLEVBR08sVUFBVSxFQUNsQixLQUFLLEdBaEIyQyxDQW1CakYsQ0FBQztBQW5CVyxRQUFBLGFBQWEsaUJBbUJ4QiJ9

package/mixins/inputReset.js

@@ -7,6 +7,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.inputReset = void 0;
 var styled_components_1 = require("styled-components");
 var appearanceReset_1 = require("./appearanceReset");
-exports.inputReset = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", ";\n\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:invalid {\n        box-shadow: none;\n    }\n\n    &::-moz-placeholder {\n        opacity: 1;\n    }\n\n    &::-ms-clear,\n    &::-ms-reveal {\n        display: none;\n    }\n\n    &::-webkit-calendar-picker-indicator,\n    &::-webkit-clear-button,\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n        margin: 0;\n        -webkit-appearance: none;\n    }\n\n    &[type=\"date\"],\n    &[type=\"datetime\"],\n    &[type=\"datetime-local\"],\n    &[type=\"month\"],\n    &[type=\"number\"],\n    &[type=\"time\"],\n    &[type=\"week\"] {\n        -webkit-appearance: none;\n        -moz-appearance: textfield;\n    }\n    /* stylelint-enable */\n"], ["\n    ", ";\n\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:invalid {\n        box-shadow: none;\n    }\n\n    &::-moz-placeholder {\n        opacity: 1;\n    }\n\n    &::-ms-clear,\n    &::-ms-reveal {\n        display: none;\n    }\n\n    &::-webkit-calendar-picker-indicator,\n    &::-webkit-clear-button,\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n        margin: 0;\n        -webkit-appearance: none;\n    }\n\n    &[type=\"date\"],\n    &[type=\"datetime\"],\n    &[type=\"datetime-local\"],\n    &[type=\"month\"],\n    &[type=\"number\"],\n    &[type=\"time\"],\n    &[type=\"week\"] {\n        -webkit-appearance: none;\n        -moz-appearance: textfield;\n    }\n    /* stylelint-enable */\n"])), appearanceReset_1.appearanceReset);
+exports.inputReset = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", ";\n\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:invalid {\n        box-shadow: none;\n    }\n\n    &::-moz-placeholder {\n        opacity: 1;\n    }\n\n    &::-ms-clear,\n    &::-ms-reveal {\n        display: none;\n    }\n\n    &::-webkit-calendar-picker-indicator,\n    &::-webkit-clear-button,\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n        margin: 0;\n        -webkit-appearance: none;\n    }\n\n    &[type=\"date\"],\n    &[type=\"datetime\"],\n    &[type=\"datetime-local\"],\n    &[type=\"month\"],\n    &[type=\"number\"],\n    &[type=\"time\"],\n    &[type=\"week\"] {\n        -webkit-appearance: none;\n        -moz-appearance: textfield;\n    }\n    /* stylelint-enable */\n"], ["\n    ", ";\n\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:invalid {\n        box-shadow: none;\n    }\n\n    &::-moz-placeholder {\n        opacity: 1;\n    }\n\n    &::-ms-clear,\n    &::-ms-reveal {\n        display: none;\n    }\n\n    &::-webkit-calendar-picker-indicator,\n    &::-webkit-clear-button,\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n        margin: 0;\n        -webkit-appearance: none;\n    }\n\n    &[type=\"date\"],\n    &[type=\"datetime\"],\n    &[type=\"datetime-local\"],\n    &[type=\"month\"],\n    &[type=\"number\"],\n    &[type=\"time\"],\n    &[type=\"week\"] {\n        -webkit-appearance: none;\n        -moz-appearance: textfield;\n    }\n    /* stylelint-enable */\n"])), appearanceReset_1.appearanceReset);
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXRSZXNldC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvaW5wdXRSZXNldC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLHFEQUFvRDtBQUV2QyxRQUFBLFVBQVUsR0FBRyx1QkFBRywyMEJBQUEsUUFDdkIsRUFBZSw4dkJBbUNwQixLQW5DSyxpQ0FBZSxFQW1DbkIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXRSZXNldC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvaW5wdXRSZXNldC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLHFEQUFvRDtBQUV2QyxRQUFBLFVBQVUsT0FBRyx1QkFBRyw0MEJBQUEsUUFDdkIsRUFBZSw4dkJBbUNwQixLQW5DSyxpQ0FBZSxFQW1DbkIifQ==

package/mixins/multilineTruncate.js

@@ -8,8 +8,8 @@ exports.multilineTruncate = void 0;
 var styled_components_1 = require("styled-components");
 var multilineTruncate = function (lines) {
     return lines
-        ? styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n              /* stylelint-disable property-no-vendor-prefix, value-no-vendor-prefix */\n              display: -webkit-box;\n              -webkit-line-clamp: ", ";\n              -webkit-box-orient: vertical;\n              overflow: hidden;\n              /* stylelint-enable */\n          "], ["\n              /* stylelint-disable property-no-vendor-prefix, value-no-vendor-prefix */\n              display: -webkit-box;\n              -webkit-line-clamp: ", ";\n              -webkit-box-orient: vertical;\n              overflow: hidden;\n              /* stylelint-enable */\n          "])), lines) : null;
+        ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n              /* stylelint-disable property-no-vendor-prefix, value-no-vendor-prefix */\n              display: -webkit-box;\n              -webkit-line-clamp: ", ";\n              -webkit-box-orient: vertical;\n              overflow: hidden;\n              /* stylelint-enable */\n          "], ["\n              /* stylelint-disable property-no-vendor-prefix, value-no-vendor-prefix */\n              display: -webkit-box;\n              -webkit-line-clamp: ", ";\n              -webkit-box-orient: vertical;\n              overflow: hidden;\n              /* stylelint-enable */\n          "])), lines) : null;
 };
 exports.multilineTruncate = multilineTruncate;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGlsaW5lVHJ1bmNhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbWl4aW5zL211bHRpbGluZVRydW5jYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFFakMsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLEtBQWM7SUFDNUMsT0FBQSxLQUFLO1FBQ0QsQ0FBQyxDQUFDLHVCQUFHLDRXQUFBLG9LQUd1QixFQUFLLG1JQUk5QixLQUp5QixLQUFLLEVBS2pDLENBQUMsQ0FBQyxJQUFJO0FBVFYsQ0FTVSxDQUFDO0FBVkYsUUFBQSxpQkFBaUIscUJBVWYifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGlsaW5lVHJ1bmNhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbWl4aW5zL211bHRpbGluZVRydW5jYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFFakMsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLEtBQWM7SUFDNUMsT0FBQSxLQUFLO1FBQ0QsQ0FBQyxLQUFDLHVCQUFHLDZXQUFBLG9LQUd1QixFQUFLLG1JQUk5QixLQUp5QixLQUFLLEVBS2pDLENBQUMsQ0FBQyxJQUFJO0FBVFYsQ0FTVSxDQUFDO0FBVkYsUUFBQSxpQkFBaUIscUJBVWYifQ==

package/mixins/noWrap.js

@@ -6,6 +6,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.noWrap = void 0;
 var styled_components_1 = require("styled-components");
-exports.noWrap = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    white-space: nowrap;\n"], ["\n    white-space: nowrap;\n"])));
+exports.noWrap = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    white-space: nowrap;\n"], ["\n    white-space: nowrap;\n"])));
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9XcmFwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9ub1dyYXAudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUUzQixRQUFBLE1BQU0sR0FBRyx1QkFBRyxpR0FBQSw4QkFFeEIsS0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9XcmFwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9ub1dyYXAudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUUzQixRQUFBLE1BQU0sT0FBRyx1QkFBRyxrR0FBQSw4QkFFeEIsS0FBQyJ9

package/mixins/reboot.js

@@ -10,8 +10,8 @@ var SYSTEM_FONTS = 'system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarel
 var SYSTEM_FONTS_MONOSPACE = "SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Monospace, Noto Mono, Oxygen Mono, Liberation Mono, monospace";
 var reboot = function (options) {
     var _a, _b, _c, _d, _e;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    /* stylelint-disable */\n    *,\n    *::before,\n    *::after {\n        background-repeat: no-repeat;\n        box-sizing: border-box;\n    }\n\n    ::before,\n    ::after {\n        text-decoration: inherit;\n        vertical-align: inherit;\n    }\n\n    html {\n        cursor: default;\n        font-family: sans-serif;\n        font-size: 1rem;\n        line-height: 1.15;\n        overflow-wrap: break-word;\n        tab-size: 4;\n        -webkit-text-size-adjust: 100%;\n        -ms-text-size-adjust: 100%;\n        -ms-overflow-style: scrollbar;\n        -webkit-tap-highlight-color: rgba(#000, 0);\n    }\n\n    @-ms-viewport {\n        width: device-width;\n    }\n\n    article,\n    aside,\n    figcaption,\n    figure,\n    footer,\n    header,\n    hgroup,\n    main,\n    nav,\n    section {\n        display: block;\n    }\n\n    body {\n        background-color: ", ";\n        color: ", ";\n        font-family: ", ";\n        font-size: 1em;\n        font-weight: ", ";\n        line-height: ", ";\n        margin: 0;\n        text-align: left;\n    }\n\n    [tabindex=\"-1\"]:focus {\n        outline: 0 !important;\n    }\n\n    hr {\n        box-sizing: content-box;\n        height: 0;\n        overflow: visible;\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    p {\n        margin: 0;\n    }\n\n    abbr[title],\n    abbr[data-original-title] {\n        border-bottom: 0;\n        cursor: help;\n        text-decoration: underline;\n        text-decoration: underline dotted;\n    }\n\n    address {\n        font-style: normal;\n        line-height: inherit;\n        margin: 0;\n    }\n\n    ol,\n    ul,\n    dl {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n\n    ol ol,\n    ul ul,\n    ol ul,\n    ul ol {\n        margin: 0;\n    }\n\n    dt {\n        font-weight: unset;\n    }\n\n    dd {\n        margin: 0;\n    }\n\n    blockquote {\n        margin: 0;\n    }\n\n    dfn {\n        font-style: italic;\n    }\n\n    b,\n    strong {\n        font-weight: bolder;\n    }\n\n    small {\n        font-size: 80%;\n    }\n\n    sub,\n    sup {\n        font-size: 75%;\n        line-height: 0;\n        position: relative;\n        vertical-align: baseline;\n    }\n\n    sub {\n        bottom: -0.25em;\n    }\n\n    sup {\n        top: -0.5em;\n    }\n\n    a {\n        background-color: transparent;\n        color: ", ";\n        text-decoration: underline;\n        -webkit-text-decoration-skip: objects;\n    }\n\n    pre,\n    code,\n    kbd,\n    samp {\n        font-family: ", ";\n        font-size: 1em;\n    }\n\n    pre {\n        margin: 0;\n        overflow: auto;\n        -ms-overflow-style: scrollbar;\n    }\n\n    figure {\n        margin: 0;\n    }\n\n    img {\n        border-style: none;\n    }\n\n    svg {\n        overflow: hidden;\n    }\n\n    audio,\n    canvas,\n    iframe,\n    img,\n    svg,\n    video {\n        vertical-align: middle;\n    }\n\n    table {\n        border-collapse: collapse;\n    }\n\n    caption {\n        caption-side: bottom;\n        color: unset;\n        text-align: left;\n        padding: 0;\n    }\n\n    th {\n        text-align: inherit;\n    }\n\n    label {\n        display: inline-block;\n        margin: 0;\n    }\n\n    button {\n        border-radius: 0;\n    }\n\n    button:focus {\n        outline: 1px dotted;\n        outline: 5px auto -webkit-focus-ring-color;\n    }\n\n    input,\n    button,\n    select,\n    optgroup,\n    textarea {\n        font-family: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        margin: 0;\n    }\n\n    button,\n    input {\n        overflow: visible;\n    }\n\n    button,\n    select {\n        text-transform: none;\n    }\n\n    button,\n    html [type=\"button\"],\n    [type=\"reset\"],\n    [type=\"submit\"] {\n        -webkit-appearance: button;\n    }\n\n    button::-moz-focus-inner,\n    [type=\"button\"]::-moz-focus-inner,\n    [type=\"reset\"]::-moz-focus-inner,\n    [type=\"submit\"]::-moz-focus-inner {\n        border-style: none;\n        padding: 0;\n    }\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n        box-sizing: border-box;\n        padding: 0;\n    }\n\n    input[type=\"date\"],\n    input[type=\"time\"],\n    input[type=\"datetime-local\"],\n    input[type=\"month\"] {\n        -webkit-appearance: listbox;\n    }\n\n    [type=\"color\"],\n    [type=\"range\"] {\n        border-width: 0;\n        padding: 0;\n    }\n\n    textarea {\n        overflow: auto;\n        resize: vertical;\n    }\n\n    fieldset {\n        border: 0;\n        margin: 0;\n        min-width: 0;\n        padding: 0;\n    }\n\n    legend {\n        color: inherit;\n        display: block;\n        font-size: 1em;\n        line-height: inherit;\n        margin: 0;\n        max-width: 100%;\n        padding: 0;\n        white-space: normal;\n        width: 100%;\n    }\n\n    progress {\n        vertical-align: baseline;\n    }\n\n    [type=\"number\"]::-webkit-inner-spin-button,\n    [type=\"number\"]::-webkit-outer-spin-button {\n        height: auto;\n    }\n\n    [type=\"search\"] {\n        outline-offset: -2px;\n        -webkit-appearance: none;\n    }\n\n    [type=\"search\"]::-webkit-search-cancel-button,\n    [type=\"search\"]::-webkit-search-decoration {\n        -webkit-appearance: none;\n    }\n\n    ::-webkit-file-upload-button {\n        font: inherit;\n        -webkit-appearance: button;\n    }\n\n    output {\n        display: inline-block;\n    }\n\n    summary {\n        display: list-item;\n        cursor: pointer;\n    }\n\n    template {\n        display: none;\n    }\n\n    [hidden] {\n        display: none;\n    }\n\n    svg:not([fill]) {\n        fill: currentColor;\n    }\n\n    a,\n    area,\n    button,\n    input,\n    label,\n    select,\n    summary,\n    textarea,\n    [tabindex] {\n        -ms-touch-action: manipulation;\n        touch-action: manipulation;\n    }\n\n    [aria-busy=\"true\"] {\n        cursor: progress;\n    }\n\n    [aria-controls] {\n        cursor: pointer;\n    }\n\n    [aria-disabled=\"true\"],\n    [disabled] {\n        cursor: default;\n    }\n\n    [aria-hidden=\"false\"][hidden] {\n        display: initial !important;\n    }\n\n    [aria-hidden=\"false\"][hidden]:not(:focus) {\n        clip: rect(0, 0, 0, 0);\n        position: absolute;\n    }\n    /* stylelint-enable */\n"], ["\n    /* stylelint-disable */\n    *,\n    *::before,\n    *::after {\n        background-repeat: no-repeat;\n        box-sizing: border-box;\n    }\n\n    ::before,\n    ::after {\n        text-decoration: inherit;\n        vertical-align: inherit;\n    }\n\n    html {\n        cursor: default;\n        font-family: sans-serif;\n        font-size: 1rem;\n        line-height: 1.15;\n        overflow-wrap: break-word;\n        tab-size: 4;\n        -webkit-text-size-adjust: 100%;\n        -ms-text-size-adjust: 100%;\n        -ms-overflow-style: scrollbar;\n        -webkit-tap-highlight-color: rgba(#000, 0);\n    }\n\n    @-ms-viewport {\n        width: device-width;\n    }\n\n    article,\n    aside,\n    figcaption,\n    figure,\n    footer,\n    header,\n    hgroup,\n    main,\n    nav,\n    section {\n        display: block;\n    }\n\n    body {\n        background-color: ", ";\n        color: ", ";\n        font-family: ", ";\n        font-size: 1em;\n        font-weight: ", ";\n        line-height: ", ";\n        margin: 0;\n        text-align: left;\n    }\n\n    [tabindex=\"-1\"]:focus {\n        outline: 0 !important;\n    }\n\n    hr {\n        box-sizing: content-box;\n        height: 0;\n        overflow: visible;\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    p {\n        margin: 0;\n    }\n\n    abbr[title],\n    abbr[data-original-title] {\n        border-bottom: 0;\n        cursor: help;\n        text-decoration: underline;\n        text-decoration: underline dotted;\n    }\n\n    address {\n        font-style: normal;\n        line-height: inherit;\n        margin: 0;\n    }\n\n    ol,\n    ul,\n    dl {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n\n    ol ol,\n    ul ul,\n    ol ul,\n    ul ol {\n        margin: 0;\n    }\n\n    dt {\n        font-weight: unset;\n    }\n\n    dd {\n        margin: 0;\n    }\n\n    blockquote {\n        margin: 0;\n    }\n\n    dfn {\n        font-style: italic;\n    }\n\n    b,\n    strong {\n        font-weight: bolder;\n    }\n\n    small {\n        font-size: 80%;\n    }\n\n    sub,\n    sup {\n        font-size: 75%;\n        line-height: 0;\n        position: relative;\n        vertical-align: baseline;\n    }\n\n    sub {\n        bottom: -0.25em;\n    }\n\n    sup {\n        top: -0.5em;\n    }\n\n    a {\n        background-color: transparent;\n        color: ", ";\n        text-decoration: underline;\n        -webkit-text-decoration-skip: objects;\n    }\n\n    pre,\n    code,\n    kbd,\n    samp {\n        font-family: ", ";\n        font-size: 1em;\n    }\n\n    pre {\n        margin: 0;\n        overflow: auto;\n        -ms-overflow-style: scrollbar;\n    }\n\n    figure {\n        margin: 0;\n    }\n\n    img {\n        border-style: none;\n    }\n\n    svg {\n        overflow: hidden;\n    }\n\n    audio,\n    canvas,\n    iframe,\n    img,\n    svg,\n    video {\n        vertical-align: middle;\n    }\n\n    table {\n        border-collapse: collapse;\n    }\n\n    caption {\n        caption-side: bottom;\n        color: unset;\n        text-align: left;\n        padding: 0;\n    }\n\n    th {\n        text-align: inherit;\n    }\n\n    label {\n        display: inline-block;\n        margin: 0;\n    }\n\n    button {\n        border-radius: 0;\n    }\n\n    button:focus {\n        outline: 1px dotted;\n        outline: 5px auto -webkit-focus-ring-color;\n    }\n\n    input,\n    button,\n    select,\n    optgroup,\n    textarea {\n        font-family: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        margin: 0;\n    }\n\n    button,\n    input {\n        overflow: visible;\n    }\n\n    button,\n    select {\n        text-transform: none;\n    }\n\n    button,\n    html [type=\"button\"],\n    [type=\"reset\"],\n    [type=\"submit\"] {\n        -webkit-appearance: button;\n    }\n\n    button::-moz-focus-inner,\n    [type=\"button\"]::-moz-focus-inner,\n    [type=\"reset\"]::-moz-focus-inner,\n    [type=\"submit\"]::-moz-focus-inner {\n        border-style: none;\n        padding: 0;\n    }\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n        box-sizing: border-box;\n        padding: 0;\n    }\n\n    input[type=\"date\"],\n    input[type=\"time\"],\n    input[type=\"datetime-local\"],\n    input[type=\"month\"] {\n        -webkit-appearance: listbox;\n    }\n\n    [type=\"color\"],\n    [type=\"range\"] {\n        border-width: 0;\n        padding: 0;\n    }\n\n    textarea {\n        overflow: auto;\n        resize: vertical;\n    }\n\n    fieldset {\n        border: 0;\n        margin: 0;\n        min-width: 0;\n        padding: 0;\n    }\n\n    legend {\n        color: inherit;\n        display: block;\n        font-size: 1em;\n        line-height: inherit;\n        margin: 0;\n        max-width: 100%;\n        padding: 0;\n        white-space: normal;\n        width: 100%;\n    }\n\n    progress {\n        vertical-align: baseline;\n    }\n\n    [type=\"number\"]::-webkit-inner-spin-button,\n    [type=\"number\"]::-webkit-outer-spin-button {\n        height: auto;\n    }\n\n    [type=\"search\"] {\n        outline-offset: -2px;\n        -webkit-appearance: none;\n    }\n\n    [type=\"search\"]::-webkit-search-cancel-button,\n    [type=\"search\"]::-webkit-search-decoration {\n        -webkit-appearance: none;\n    }\n\n    ::-webkit-file-upload-button {\n        font: inherit;\n        -webkit-appearance: button;\n    }\n\n    output {\n        display: inline-block;\n    }\n\n    summary {\n        display: list-item;\n        cursor: pointer;\n    }\n\n    template {\n        display: none;\n    }\n\n    [hidden] {\n        display: none;\n    }\n\n    svg:not([fill]) {\n        fill: currentColor;\n    }\n\n    a,\n    area,\n    button,\n    input,\n    label,\n    select,\n    summary,\n    textarea,\n    [tabindex] {\n        -ms-touch-action: manipulation;\n        touch-action: manipulation;\n    }\n\n    [aria-busy=\"true\"] {\n        cursor: progress;\n    }\n\n    [aria-controls] {\n        cursor: pointer;\n    }\n\n    [aria-disabled=\"true\"],\n    [disabled] {\n        cursor: default;\n    }\n\n    [aria-hidden=\"false\"][hidden] {\n        display: initial !important;\n    }\n\n    [aria-hidden=\"false\"][hidden]:not(:focus) {\n        clip: rect(0, 0, 0, 0);\n        position: absolute;\n    }\n    /* stylelint-enable */\n"])), (_a = options === null || options === void 0 ? void 0 : options.bodyBg) !== null && _a !== void 0 ? _a : "#fff", (_b = options === null || options === void 0 ? void 0 : options.bodyColor) !== null && _b !== void 0 ? _b : "#000", [options === null || options === void 0 ? void 0 : options.fontFamilyBase, SYSTEM_FONTS].filter(function (i) { return i; }).join(", "), (_c = options === null || options === void 0 ? void 0 : options.fontWeightBase) !== null && _c !== void 0 ? _c : 400, (_d = options === null || options === void 0 ? void 0 : options.lineHeightBase) !== null && _d !== void 0 ? _d : 1, (_e = options === null || options === void 0 ? void 0 : options.linkColor) !== null && _e !== void 0 ? _e : "#007bff", [options === null || options === void 0 ? void 0 : options.fontFamilyMonospace, SYSTEM_FONTS_MONOSPACE].filter(function (i) { return i; }).join(", "));
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    /* stylelint-disable */\n    *,\n    *::before,\n    *::after {\n        background-repeat: no-repeat;\n        box-sizing: border-box;\n    }\n\n    ::before,\n    ::after {\n        text-decoration: inherit;\n        vertical-align: inherit;\n    }\n\n    html {\n        cursor: default;\n        font-family: sans-serif;\n        font-size: 1rem;\n        line-height: 1.15;\n        overflow-wrap: break-word;\n        tab-size: 4;\n        -webkit-text-size-adjust: 100%;\n        -ms-text-size-adjust: 100%;\n        -ms-overflow-style: scrollbar;\n        -webkit-tap-highlight-color: rgba(#000, 0);\n    }\n\n    @-ms-viewport {\n        width: device-width;\n    }\n\n    article,\n    aside,\n    figcaption,\n    figure,\n    footer,\n    header,\n    hgroup,\n    main,\n    nav,\n    section {\n        display: block;\n    }\n\n    body {\n        background-color: ", ";\n        color: ", ";\n        font-family: ", ";\n        font-size: 1em;\n        font-weight: ", ";\n        line-height: ", ";\n        margin: 0;\n        text-align: left;\n    }\n\n    [tabindex=\"-1\"]:focus {\n        outline: 0 !important;\n    }\n\n    hr {\n        box-sizing: content-box;\n        height: 0;\n        overflow: visible;\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    p {\n        margin: 0;\n    }\n\n    abbr[title],\n    abbr[data-original-title] {\n        border-bottom: 0;\n        cursor: help;\n        text-decoration: underline;\n        text-decoration: underline dotted;\n    }\n\n    address {\n        font-style: normal;\n        line-height: inherit;\n        margin: 0;\n    }\n\n    ol,\n    ul,\n    dl {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n\n    ol ol,\n    ul ul,\n    ol ul,\n    ul ol {\n        margin: 0;\n    }\n\n    dt {\n        font-weight: unset;\n    }\n\n    dd {\n        margin: 0;\n    }\n\n    blockquote {\n        margin: 0;\n    }\n\n    dfn {\n        font-style: italic;\n    }\n\n    b,\n    strong {\n        font-weight: bolder;\n    }\n\n    small {\n        font-size: 80%;\n    }\n\n    sub,\n    sup {\n        font-size: 75%;\n        line-height: 0;\n        position: relative;\n        vertical-align: baseline;\n    }\n\n    sub {\n        bottom: -0.25em;\n    }\n\n    sup {\n        top: -0.5em;\n    }\n\n    a {\n        background-color: transparent;\n        color: ", ";\n        text-decoration: underline;\n        -webkit-text-decoration-skip: objects;\n    }\n\n    pre,\n    code,\n    kbd,\n    samp {\n        font-family: ", ";\n        font-size: 1em;\n    }\n\n    pre {\n        margin: 0;\n        overflow: auto;\n        -ms-overflow-style: scrollbar;\n    }\n\n    figure {\n        margin: 0;\n    }\n\n    img {\n        border-style: none;\n    }\n\n    svg {\n        overflow: hidden;\n    }\n\n    audio,\n    canvas,\n    iframe,\n    img,\n    svg,\n    video {\n        vertical-align: middle;\n    }\n\n    table {\n        border-collapse: collapse;\n    }\n\n    caption {\n        caption-side: bottom;\n        color: unset;\n        text-align: left;\n        padding: 0;\n    }\n\n    th {\n        text-align: inherit;\n    }\n\n    label {\n        display: inline-block;\n        margin: 0;\n    }\n\n    button {\n        border-radius: 0;\n    }\n\n    button:focus {\n        outline: 1px dotted;\n        outline: 5px auto -webkit-focus-ring-color;\n    }\n\n    input,\n    button,\n    select,\n    optgroup,\n    textarea {\n        font-family: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        margin: 0;\n    }\n\n    button,\n    input {\n        overflow: visible;\n    }\n\n    button,\n    select {\n        text-transform: none;\n    }\n\n    button,\n    html [type=\"button\"],\n    [type=\"reset\"],\n    [type=\"submit\"] {\n        -webkit-appearance: button;\n    }\n\n    button::-moz-focus-inner,\n    [type=\"button\"]::-moz-focus-inner,\n    [type=\"reset\"]::-moz-focus-inner,\n    [type=\"submit\"]::-moz-focus-inner {\n        border-style: none;\n        padding: 0;\n    }\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n        box-sizing: border-box;\n        padding: 0;\n    }\n\n    input[type=\"date\"],\n    input[type=\"time\"],\n    input[type=\"datetime-local\"],\n    input[type=\"month\"] {\n        -webkit-appearance: listbox;\n    }\n\n    [type=\"color\"],\n    [type=\"range\"] {\n        border-width: 0;\n        padding: 0;\n    }\n\n    textarea {\n        overflow: auto;\n        resize: vertical;\n    }\n\n    fieldset {\n        border: 0;\n        margin: 0;\n        min-width: 0;\n        padding: 0;\n    }\n\n    legend {\n        color: inherit;\n        display: block;\n        font-size: 1em;\n        line-height: inherit;\n        margin: 0;\n        max-width: 100%;\n        padding: 0;\n        white-space: normal;\n        width: 100%;\n    }\n\n    progress {\n        vertical-align: baseline;\n    }\n\n    [type=\"number\"]::-webkit-inner-spin-button,\n    [type=\"number\"]::-webkit-outer-spin-button {\n        height: auto;\n    }\n\n    [type=\"search\"] {\n        outline-offset: -2px;\n        -webkit-appearance: none;\n    }\n\n    [type=\"search\"]::-webkit-search-cancel-button,\n    [type=\"search\"]::-webkit-search-decoration {\n        -webkit-appearance: none;\n    }\n\n    ::-webkit-file-upload-button {\n        font: inherit;\n        -webkit-appearance: button;\n    }\n\n    output {\n        display: inline-block;\n    }\n\n    summary {\n        display: list-item;\n        cursor: pointer;\n    }\n\n    template {\n        display: none;\n    }\n\n    [hidden] {\n        display: none;\n    }\n\n    svg:not([fill]) {\n        fill: currentColor;\n    }\n\n    a,\n    area,\n    button,\n    input,\n    label,\n    select,\n    summary,\n    textarea,\n    [tabindex] {\n        -ms-touch-action: manipulation;\n        touch-action: manipulation;\n    }\n\n    [aria-busy=\"true\"] {\n        cursor: progress;\n    }\n\n    [aria-controls] {\n        cursor: pointer;\n    }\n\n    [aria-disabled=\"true\"],\n    [disabled] {\n        cursor: default;\n    }\n\n    [aria-hidden=\"false\"][hidden] {\n        display: initial !important;\n    }\n\n    [aria-hidden=\"false\"][hidden]:not(:focus) {\n        clip: rect(0, 0, 0, 0);\n        position: absolute;\n    }\n    /* stylelint-enable */\n"], ["\n    /* stylelint-disable */\n    *,\n    *::before,\n    *::after {\n        background-repeat: no-repeat;\n        box-sizing: border-box;\n    }\n\n    ::before,\n    ::after {\n        text-decoration: inherit;\n        vertical-align: inherit;\n    }\n\n    html {\n        cursor: default;\n        font-family: sans-serif;\n        font-size: 1rem;\n        line-height: 1.15;\n        overflow-wrap: break-word;\n        tab-size: 4;\n        -webkit-text-size-adjust: 100%;\n        -ms-text-size-adjust: 100%;\n        -ms-overflow-style: scrollbar;\n        -webkit-tap-highlight-color: rgba(#000, 0);\n    }\n\n    @-ms-viewport {\n        width: device-width;\n    }\n\n    article,\n    aside,\n    figcaption,\n    figure,\n    footer,\n    header,\n    hgroup,\n    main,\n    nav,\n    section {\n        display: block;\n    }\n\n    body {\n        background-color: ", ";\n        color: ", ";\n        font-family: ", ";\n        font-size: 1em;\n        font-weight: ", ";\n        line-height: ", ";\n        margin: 0;\n        text-align: left;\n    }\n\n    [tabindex=\"-1\"]:focus {\n        outline: 0 !important;\n    }\n\n    hr {\n        box-sizing: content-box;\n        height: 0;\n        overflow: visible;\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    p {\n        margin: 0;\n    }\n\n    abbr[title],\n    abbr[data-original-title] {\n        border-bottom: 0;\n        cursor: help;\n        text-decoration: underline;\n        text-decoration: underline dotted;\n    }\n\n    address {\n        font-style: normal;\n        line-height: inherit;\n        margin: 0;\n    }\n\n    ol,\n    ul,\n    dl {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n\n    ol ol,\n    ul ul,\n    ol ul,\n    ul ol {\n        margin: 0;\n    }\n\n    dt {\n        font-weight: unset;\n    }\n\n    dd {\n        margin: 0;\n    }\n\n    blockquote {\n        margin: 0;\n    }\n\n    dfn {\n        font-style: italic;\n    }\n\n    b,\n    strong {\n        font-weight: bolder;\n    }\n\n    small {\n        font-size: 80%;\n    }\n\n    sub,\n    sup {\n        font-size: 75%;\n        line-height: 0;\n        position: relative;\n        vertical-align: baseline;\n    }\n\n    sub {\n        bottom: -0.25em;\n    }\n\n    sup {\n        top: -0.5em;\n    }\n\n    a {\n        background-color: transparent;\n        color: ", ";\n        text-decoration: underline;\n        -webkit-text-decoration-skip: objects;\n    }\n\n    pre,\n    code,\n    kbd,\n    samp {\n        font-family: ", ";\n        font-size: 1em;\n    }\n\n    pre {\n        margin: 0;\n        overflow: auto;\n        -ms-overflow-style: scrollbar;\n    }\n\n    figure {\n        margin: 0;\n    }\n\n    img {\n        border-style: none;\n    }\n\n    svg {\n        overflow: hidden;\n    }\n\n    audio,\n    canvas,\n    iframe,\n    img,\n    svg,\n    video {\n        vertical-align: middle;\n    }\n\n    table {\n        border-collapse: collapse;\n    }\n\n    caption {\n        caption-side: bottom;\n        color: unset;\n        text-align: left;\n        padding: 0;\n    }\n\n    th {\n        text-align: inherit;\n    }\n\n    label {\n        display: inline-block;\n        margin: 0;\n    }\n\n    button {\n        border-radius: 0;\n    }\n\n    button:focus {\n        outline: 1px dotted;\n        outline: 5px auto -webkit-focus-ring-color;\n    }\n\n    input,\n    button,\n    select,\n    optgroup,\n    textarea {\n        font-family: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        margin: 0;\n    }\n\n    button,\n    input {\n        overflow: visible;\n    }\n\n    button,\n    select {\n        text-transform: none;\n    }\n\n    button,\n    html [type=\"button\"],\n    [type=\"reset\"],\n    [type=\"submit\"] {\n        -webkit-appearance: button;\n    }\n\n    button::-moz-focus-inner,\n    [type=\"button\"]::-moz-focus-inner,\n    [type=\"reset\"]::-moz-focus-inner,\n    [type=\"submit\"]::-moz-focus-inner {\n        border-style: none;\n        padding: 0;\n    }\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n        box-sizing: border-box;\n        padding: 0;\n    }\n\n    input[type=\"date\"],\n    input[type=\"time\"],\n    input[type=\"datetime-local\"],\n    input[type=\"month\"] {\n        -webkit-appearance: listbox;\n    }\n\n    [type=\"color\"],\n    [type=\"range\"] {\n        border-width: 0;\n        padding: 0;\n    }\n\n    textarea {\n        overflow: auto;\n        resize: vertical;\n    }\n\n    fieldset {\n        border: 0;\n        margin: 0;\n        min-width: 0;\n        padding: 0;\n    }\n\n    legend {\n        color: inherit;\n        display: block;\n        font-size: 1em;\n        line-height: inherit;\n        margin: 0;\n        max-width: 100%;\n        padding: 0;\n        white-space: normal;\n        width: 100%;\n    }\n\n    progress {\n        vertical-align: baseline;\n    }\n\n    [type=\"number\"]::-webkit-inner-spin-button,\n    [type=\"number\"]::-webkit-outer-spin-button {\n        height: auto;\n    }\n\n    [type=\"search\"] {\n        outline-offset: -2px;\n        -webkit-appearance: none;\n    }\n\n    [type=\"search\"]::-webkit-search-cancel-button,\n    [type=\"search\"]::-webkit-search-decoration {\n        -webkit-appearance: none;\n    }\n\n    ::-webkit-file-upload-button {\n        font: inherit;\n        -webkit-appearance: button;\n    }\n\n    output {\n        display: inline-block;\n    }\n\n    summary {\n        display: list-item;\n        cursor: pointer;\n    }\n\n    template {\n        display: none;\n    }\n\n    [hidden] {\n        display: none;\n    }\n\n    svg:not([fill]) {\n        fill: currentColor;\n    }\n\n    a,\n    area,\n    button,\n    input,\n    label,\n    select,\n    summary,\n    textarea,\n    [tabindex] {\n        -ms-touch-action: manipulation;\n        touch-action: manipulation;\n    }\n\n    [aria-busy=\"true\"] {\n        cursor: progress;\n    }\n\n    [aria-controls] {\n        cursor: pointer;\n    }\n\n    [aria-disabled=\"true\"],\n    [disabled] {\n        cursor: default;\n    }\n\n    [aria-hidden=\"false\"][hidden] {\n        display: initial !important;\n    }\n\n    [aria-hidden=\"false\"][hidden]:not(:focus) {\n        clip: rect(0, 0, 0, 0);\n        position: absolute;\n    }\n    /* stylelint-enable */\n"])), (_a = options === null || options === void 0 ? void 0 : options.bodyBg) !== null && _a !== void 0 ? _a : "#fff", (_b = options === null || options === void 0 ? void 0 : options.bodyColor) !== null && _b !== void 0 ? _b : "#000", [options === null || options === void 0 ? void 0 : options.fontFamilyBase, SYSTEM_FONTS].filter(function (i) { return i; }).join(", "), (_c = options === null || options === void 0 ? void 0 : options.fontWeightBase) !== null && _c !== void 0 ? _c : 400, (_d = options === null || options === void 0 ? void 0 : options.lineHeightBase) !== null && _d !== void 0 ? _d : 1, (_e = options === null || options === void 0 ? void 0 : options.linkColor) !== null && _e !== void 0 ? _e : "#007bff", [options === null || options === void 0 ? void 0 : options.fontFamilyMonospace, SYSTEM_FONTS_MONOSPACE].filter(function (i) { return i; }).join(", "));
 };
 exports.reboot = reboot;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVib290LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9yZWJvb3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUV4QyxJQUFNLFlBQVksR0FDZCxvS0FBb0ssQ0FBQztBQUN6SyxJQUFNLHNCQUFzQixHQUN4Qiw0SEFBNEgsQ0FBQztBQVkxSCxJQUFNLE1BQU0sR0FBRyxVQUFDLE9BQXVCOztJQUFLLE9BQUEsdUJBQUcsaTJNQUFBLHkzQkE4QzFCLEVBQXlCLG9CQUNwQyxFQUE0QiwwQkFDdEIsRUFBbUUsbURBRW5FLEVBQThCLDBCQUM5QixFQUE0QiwrMkNBaUdsQyxFQUErQixtS0FTekIsRUFBa0YsMHdIQTJOeEcsV0ExVTJCLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxNQUFNLG1DQUFJLE1BQU0sUUFDcEMsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLFNBQVMsbUNBQUksTUFBTSxFQUN0QixDQUFDLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxjQUFjLEVBQUUsWUFBWSxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxFQUFELENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFFbkUsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLGNBQWMsbUNBQUksR0FBRyxRQUM5QixPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsY0FBYyxtQ0FBSSxDQUFDLFFBaUdsQyxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsU0FBUyxtQ0FBSSxTQUFTLEVBU3pCLENBQUMsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLG1CQUFtQixFQUFFLHNCQUFzQixDQUFDLENBQUMsTUFBTSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxFQUFELENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUEyTnhHO0NBQUEsQ0FBQztBQXhYVyxRQUFBLE1BQU0sVUF3WGpCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVib290LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9yZWJvb3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUV4QyxJQUFNLFlBQVksR0FDZCxvS0FBb0ssQ0FBQztBQUN6SyxJQUFNLHNCQUFzQixHQUN4Qiw0SEFBNEgsQ0FBQztBQVkxSCxJQUFNLE1BQU0sR0FBRyxVQUFDLE9BQXVCOztJQUFLLFdBQUEsdUJBQUcsazJNQUFBLHkzQkE4QzFCLEVBQXlCLG9CQUNwQyxFQUE0QiwwQkFDdEIsRUFBbUUsbURBRW5FLEVBQThCLDBCQUM5QixFQUE0QiwrMkNBaUdsQyxFQUErQixtS0FTekIsRUFBa0YsMHdIQTJOeEcsS0ExVTJCLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sbUNBQUksTUFBTSxFQUNwQyxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxTQUFTLG1DQUFJLE1BQU0sRUFDdEIsQ0FBQyxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsY0FBYyxFQUFFLFlBQVksQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsRUFBRCxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBRW5FLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLGNBQWMsbUNBQUksR0FBRyxFQUM5QixNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxjQUFjLG1DQUFJLENBQUMsRUFpR2xDLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLFNBQVMsbUNBQUksU0FBUyxFQVN6QixDQUFDLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxtQkFBbUIsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsRUFBRCxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBMk54RztDQUFBLENBQUM7QUF4WFcsUUFBQSxNQUFNLFVBd1hqQiJ9

package/mixins/responsiveHidden.d.ts

@@ -1 +1,2 @@
-export declare const responsiveHidden: <B extends Record<string, number>>(breakpoints: B, condition?: boolean | import("../types").ResponsiveRange<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;
+import { BreakpointsType, ResponsiveConditionProperty } from "../types";
+export declare const responsiveHidden: <B extends BreakpointsType>(breakpoints: B, condition?: ResponsiveConditionProperty<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;

package/mixins/responsiveHidden.js

@@ -9,9 +9,9 @@ var styled_components_1 = require("styled-components");
 var responsiveMixin_1 = require("../utils/responsiveMixin");
 var responsiveHidden = function (breakpoints, condition) {
     return condition
-        ? responsiveMixin_1.responsiveMixin(breakpoints, styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                  display: none !important;\n              "], ["\n                  display: none !important;\n              "]))), condition)
+        ? (0, responsiveMixin_1.responsiveMixin)(breakpoints, (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                  display: none !important;\n              "], ["\n                  display: none !important;\n              "]))), condition)
         : null;
 };
 exports.responsiveHidden = responsiveHidden;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZUhpZGRlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvcmVzcG9uc2l2ZUhpZGRlbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLDREQUEyRDtBQUdwRCxJQUFNLGdCQUFnQixHQUFHLFVBQzVCLFdBQWMsRUFDZCxTQUEwQztJQUUxQyxPQUFBLFNBQVM7UUFDTCxDQUFDLENBQUMsaUNBQWUsQ0FDWCxXQUFXLEVBQ1gsdUJBQUcsa0lBQUEsK0RBRUYsTUFDRCxTQUFTLENBQ1o7UUFDSCxDQUFDLENBQUMsSUFBSTtBQVJWLENBUVUsQ0FBQztBQVpGLFFBQUEsZ0JBQWdCLG9CQVlkIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZUhpZGRlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvcmVzcG9uc2l2ZUhpZGRlbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLDREQUEyRDtBQUdwRCxJQUFNLGdCQUFnQixHQUFHLFVBQzVCLFdBQWMsRUFDZCxTQUEwQztJQUUxQyxPQUFBLFNBQVM7UUFDTCxDQUFDLENBQUMsSUFBQSxpQ0FBZSxFQUNYLFdBQVcsTUFDWCx1QkFBRyxtSUFBQSwrREFFRixNQUNELFNBQVMsQ0FDWjtRQUNILENBQUMsQ0FBQyxJQUFJO0FBUlYsQ0FRVSxDQUFDO0FBWkYsUUFBQSxnQkFBZ0Isb0JBWWQifQ==

package/mixins/responsiveHideVisually.d.ts

@@ -1 +1,2 @@
-export declare const responsiveHideVisually: <B extends Record<string, number>>(breakpoints: B, condition?: boolean | import("../types").ResponsiveRange<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;
+import { BreakpointsType, ResponsiveConditionProperty } from "../types";
+export declare const responsiveHideVisually: <B extends BreakpointsType>(breakpoints: B, condition?: ResponsiveConditionProperty<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;

package/mixins/responsiveHideVisually.js

@@ -13,9 +13,9 @@ var styled_components_1 = require("styled-components");
 var responsiveMixin_1 = require("../utils/responsiveMixin");
 var responsiveHideVisually = function (breakpoints, condition) {
     return condition
-        ? responsiveMixin_1.responsiveMixin(breakpoints, styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                  &&& {\n                      ", ";\n                  }\n              "], ["\n                  &&& {\n                      ", ";\n                  }\n              "])), hideVisually_1.default()), condition)
+        ? (0, responsiveMixin_1.responsiveMixin)(breakpoints, (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                  &&& {\n                      ", ";\n                  }\n              "], ["\n                  &&& {\n                      ", ";\n                  }\n              "])), (0, hideVisually_1.default)()), condition)
         : null;
 };
 exports.responsiveHideVisually = responsiveHideVisually;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZUhpZGVWaXN1YWxseS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvcmVzcG9uc2l2ZUhpZGVWaXN1YWxseS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUEsa0ZBQTREO0FBQzVELHVEQUF3QztBQUN4Qyw0REFBMkQ7QUFHcEQsSUFBTSxzQkFBc0IsR0FBRyxVQUNsQyxXQUFjLEVBQ2QsU0FBMEM7SUFFMUMsT0FBQSxTQUFTO1FBQ0wsQ0FBQyxDQUFDLGlDQUFlLENBQ1gsV0FBVyxFQUNYLHVCQUFHLGdLQUFBLG1EQUVPLEVBQWMsd0NBRXZCLEtBRlMsc0JBQVksRUFBRSxHQUd4QixTQUFTLENBQ1o7UUFDSCxDQUFDLENBQUMsSUFBSTtBQVZWLENBVVUsQ0FBQztBQWRGLFFBQUEsc0JBQXNCLDBCQWNwQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZUhpZGVWaXN1YWxseS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvcmVzcG9uc2l2ZUhpZGVWaXN1YWxseS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUEsa0ZBQTREO0FBQzVELHVEQUF3QztBQUN4Qyw0REFBMkQ7QUFHcEQsSUFBTSxzQkFBc0IsR0FBRyxVQUNsQyxXQUFjLEVBQ2QsU0FBMEM7SUFFMUMsT0FBQSxTQUFTO1FBQ0wsQ0FBQyxDQUFDLElBQUEsaUNBQWUsRUFDWCxXQUFXLE1BQ1gsdUJBQUcsaUtBQUEsbURBRU8sRUFBYyx3Q0FFdkIsS0FGUyxJQUFBLHNCQUFZLEdBQUUsR0FHeEIsU0FBUyxDQUNaO1FBQ0gsQ0FBQyxDQUFDLElBQUk7QUFWVixDQVVVLENBQUM7QUFkRixRQUFBLHNCQUFzQiwwQkFjcEIifQ==

package/mixins/responsiveMultilineTruncate.d.ts

@@ -1 +1,2 @@
-export declare const responsiveMultilineTruncate: <B extends Record<string, number>>(breakpoints: B, lines?: number | undefined, condition?: boolean | import("../types").ResponsiveRange<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;
+import { BreakpointsType, ResponsiveConditionProperty } from "../types";
+export declare const responsiveMultilineTruncate: <B extends BreakpointsType>(breakpoints: B, lines?: number | undefined, condition?: ResponsiveConditionProperty<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;

package/mixins/responsiveMultilineTruncate.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.responsiveMultilineTruncate = void 0;
 var responsiveMixin_1 = require("../utils/responsiveMixin");
 var multilineTruncate_1 = require("./multilineTruncate");
-var responsiveMultilineTruncate = function (breakpoints, lines, condition) { return (lines ? responsiveMixin_1.responsiveMixin(breakpoints, multilineTruncate_1.multilineTruncate(lines), condition) : null); };
+var responsiveMultilineTruncate = function (breakpoints, lines, condition) { return (lines ? (0, responsiveMixin_1.responsiveMixin)(breakpoints, (0, multilineTruncate_1.multilineTruncate)(lines), condition) : null); };
 exports.responsiveMultilineTruncate = responsiveMultilineTruncate;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZU11bHRpbGluZVRydW5jYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9yZXNwb25zaXZlTXVsdGlsaW5lVHJ1bmNhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsNERBQTJEO0FBRTNELHlEQUF3RDtBQUVqRCxJQUFNLDJCQUEyQixHQUFHLFVBQ3ZDLFdBQWMsRUFDZCxLQUFjLEVBQ2QsU0FBMEMsSUFDekMsT0FBQSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsaUNBQWUsQ0FBQyxXQUFXLEVBQUUscUNBQWlCLENBQUMsS0FBSyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFsRixDQUFrRixDQUFDO0FBSjNFLFFBQUEsMkJBQTJCLCtCQUlnRCJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZU11bHRpbGluZVRydW5jYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9yZXNwb25zaXZlTXVsdGlsaW5lVHJ1bmNhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsNERBQTJEO0FBRTNELHlEQUF3RDtBQUVqRCxJQUFNLDJCQUEyQixHQUFHLFVBQ3ZDLFdBQWMsRUFDZCxLQUFjLEVBQ2QsU0FBMEMsSUFDekMsT0FBQSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBQSxpQ0FBZSxFQUFDLFdBQVcsRUFBRSxJQUFBLHFDQUFpQixFQUFDLEtBQUssQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBbEYsQ0FBa0YsQ0FBQztBQUozRSxRQUFBLDJCQUEyQiwrQkFJZ0QifQ==

package/mixins/responsiveNoWrap.d.ts

@@ -1 +1,2 @@
-export declare const responsiveNoWrap: <B extends Record<string, number>>(breakpoints: B, condition?: boolean | import("../types").ResponsiveRange<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;
+import { BreakpointsType, ResponsiveConditionProperty } from "../types";
+export declare const responsiveNoWrap: <B extends BreakpointsType>(breakpoints: B, condition?: ResponsiveConditionProperty<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;

package/mixins/responsiveNoWrap.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.responsiveNoWrap = void 0;
 var responsiveMixin_1 = require("../utils/responsiveMixin");
 var noWrap_1 = require("./noWrap");
-var responsiveNoWrap = function (breakpoints, condition) { return (condition ? responsiveMixin_1.responsiveMixin(breakpoints, noWrap_1.noWrap, condition) : null); };
+var responsiveNoWrap = function (breakpoints, condition) { return (condition ? (0, responsiveMixin_1.responsiveMixin)(breakpoints, noWrap_1.noWrap, condition) : null); };
 exports.responsiveNoWrap = responsiveNoWrap;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZU5vV3JhcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvcmVzcG9uc2l2ZU5vV3JhcC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSw0REFBMkQ7QUFFM0QsbUNBQWtDO0FBRTNCLElBQU0sZ0JBQWdCLEdBQUcsVUFDNUIsV0FBYyxFQUNkLFNBQTBDLElBQ3pDLE9BQUEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLGlDQUFlLENBQUMsV0FBVyxFQUFFLGVBQU0sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQXBFLENBQW9FLENBQUM7QUFIN0QsUUFBQSxnQkFBZ0Isb0JBRzZDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZU5vV3JhcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvcmVzcG9uc2l2ZU5vV3JhcC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSw0REFBMkQ7QUFFM0QsbUNBQWtDO0FBRTNCLElBQU0sZ0JBQWdCLEdBQUcsVUFDNUIsV0FBYyxFQUNkLFNBQTBDLElBQ3pDLE9BQUEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUEsaUNBQWUsRUFBQyxXQUFXLEVBQUUsZUFBTSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBcEUsQ0FBb0UsQ0FBQztBQUg3RCxRQUFBLGdCQUFnQixvQkFHNkMifQ==

package/mixins/responsiveTruncate.d.ts

@@ -1 +1,2 @@
-export declare const responsiveTruncate: <B extends Record<string, number>>(breakpoints: B, condition?: boolean | import("../types").ResponsiveRange<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;
+import { BreakpointsType, ResponsiveConditionProperty } from "../types";
+export declare const responsiveTruncate: <B extends BreakpointsType>(breakpoints: B, condition?: ResponsiveConditionProperty<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;

package/mixins/responsiveTruncate.js

@@ -10,9 +10,9 @@ var responsiveMixin_1 = require("../utils/responsiveMixin");
 var truncate_1 = require("./truncate");
 var responsiveTruncate = function (breakpoints, condition) {
     return condition
-        ? responsiveMixin_1.responsiveMixin(breakpoints, styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                  ", "\n              "], ["\n                  ", "\n              "])), truncate_1.truncate), condition)
+        ? (0, responsiveMixin_1.responsiveMixin)(breakpoints, (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                  ", "\n              "], ["\n                  ", "\n              "])), truncate_1.truncate), condition)
         : null;
 };
 exports.responsiveTruncate = responsiveTruncate;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZVRydW5jYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9yZXNwb25zaXZlVHJ1bmNhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUN4Qyw0REFBMkQ7QUFFM0QsdUNBQXNDO0FBRS9CLElBQU0sa0JBQWtCLEdBQUcsVUFDOUIsV0FBYyxFQUNkLFNBQTBDO0lBRTFDLE9BQUEsU0FBUztRQUNMLENBQUMsQ0FBQyxpQ0FBZSxDQUNYLFdBQVcsRUFDWCx1QkFBRyw2R0FBQSxzQkFDRyxFQUFRLGtCQUNiLEtBREssbUJBQVEsR0FFZCxTQUFTLENBQ1o7UUFDSCxDQUFDLENBQUMsSUFBSTtBQVJWLENBUVUsQ0FBQztBQVpGLFFBQUEsa0JBQWtCLHNCQVloQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZVRydW5jYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9yZXNwb25zaXZlVHJ1bmNhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUN4Qyw0REFBMkQ7QUFFM0QsdUNBQXNDO0FBRS9CLElBQU0sa0JBQWtCLEdBQUcsVUFDOUIsV0FBYyxFQUNkLFNBQTBDO0lBRTFDLE9BQUEsU0FBUztRQUNMLENBQUMsQ0FBQyxJQUFBLGlDQUFlLEVBQ1gsV0FBVyxNQUNYLHVCQUFHLDhHQUFBLHNCQUNHLEVBQVEsa0JBQ2IsS0FESyxtQkFBUSxHQUVkLFNBQVMsQ0FDWjtRQUNILENBQUMsQ0FBQyxJQUFJO0FBUlYsQ0FRVSxDQUFDO0FBWkYsUUFBQSxrQkFBa0Isc0JBWWhCIn0=

package/mixins/selectReset.d.ts

@@ -1 +1,2 @@
-export declare const selectReset: (fontFamily?: "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | (string & {}) | "cursive" | "fantasy" | "monospace" | "sans-serif" | "serif" | undefined) => import("styled-components").FlattenSimpleInterpolation;
+import { Property } from "csstype";
+export declare const selectReset: (fontFamily?: Property.FontFamily | undefined) => import("styled-components").FlattenSimpleInterpolation;

package/mixins/selectReset.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.selectReset = void 0;
 var styled_components_1 = require("styled-components");
 var appearanceReset_1 = require("./appearanceReset");
-var selectReset = function (fontFamily) { return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", ";\n\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:invalid {\n        box-shadow: none;\n    }\n\n    &::-ms-expand {\n        display: none;\n    }\n    /* stylelint-enable */\n\n    option {\n        font-family: ", ";\n        font-size: 0.8rem;\n        font-weight: 400;\n    }\n"], ["\n    ", ";\n\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:invalid {\n        box-shadow: none;\n    }\n\n    &::-ms-expand {\n        display: none;\n    }\n    /* stylelint-enable */\n\n    option {\n        font-family: ", ";\n        font-size: 0.8rem;\n        font-weight: 400;\n    }\n"])), appearanceReset_1.appearanceReset, fontFamily !== null && fontFamily !== void 0 ? fontFamily : null); };
+var selectReset = function (fontFamily) { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", ";\n\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:invalid {\n        box-shadow: none;\n    }\n\n    &::-ms-expand {\n        display: none;\n    }\n    /* stylelint-enable */\n\n    option {\n        font-family: ", ";\n        font-size: 0.8rem;\n        font-weight: 400;\n    }\n"], ["\n    ", ";\n\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:invalid {\n        box-shadow: none;\n    }\n\n    &::-ms-expand {\n        display: none;\n    }\n    /* stylelint-enable */\n\n    option {\n        font-family: ", ";\n        font-size: 0.8rem;\n        font-weight: 400;\n    }\n"])), appearanceReset_1.appearanceReset, fontFamily !== null && fontFamily !== void 0 ? fontFamily : null); };
 exports.selectReset = selectReset;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0UmVzZXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbWl4aW5zL3NlbGVjdFJlc2V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFDQSx1REFBd0M7QUFDeEMscURBQW9EO0FBRTdDLElBQU0sV0FBVyxHQUFHLFVBQUMsVUFBZ0MsSUFBSyxPQUFBLHVCQUFHLHFaQUFBLFFBQzlELEVBQWUsbVFBYUUsRUFBa0IsbUVBSXhDLEtBakJLLGlDQUFlLEVBYUUsVUFBVSxhQUFWLFVBQVUsY0FBVixVQUFVLEdBQUksSUFBSSxHQWR3QixDQWtCaEUsQ0FBQztBQWxCVyxRQUFBLFdBQVcsZUFrQnRCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0UmVzZXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbWl4aW5zL3NlbGVjdFJlc2V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFDQSx1REFBd0M7QUFDeEMscURBQW9EO0FBRTdDLElBQU0sV0FBVyxHQUFHLFVBQUMsVUFBZ0MsSUFBSyxXQUFBLHVCQUFHLHNaQUFBLFFBQzlELEVBQWUsbVFBYUUsRUFBa0IsbUVBSXhDLEtBakJLLGlDQUFlLEVBYUUsVUFBVSxhQUFWLFVBQVUsY0FBVixVQUFVLEdBQUksSUFBSSxHQWR3QixDQWtCaEUsQ0FBQztBQWxCVyxRQUFBLFdBQVcsZUFrQnRCIn0=

package/mixins/textAreaReset.js

@@ -7,6 +7,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.textAreaReset = void 0;
 var styled_components_1 = require("styled-components");
 var appearanceReset_1 = require("./appearanceReset");
-exports.textAreaReset = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", ";\n\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:invalid {\n        box-shadow: none;\n    }\n\n    &::-moz-placeholder {\n        opacity: 1;\n    }\n    /* stylelint-enable */\n"], ["\n    ", ";\n\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:invalid {\n        box-shadow: none;\n    }\n\n    &::-moz-placeholder {\n        opacity: 1;\n    }\n    /* stylelint-enable */\n"])), appearanceReset_1.appearanceReset);
+exports.textAreaReset = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", ";\n\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:invalid {\n        box-shadow: none;\n    }\n\n    &::-moz-placeholder {\n        opacity: 1;\n    }\n    /* stylelint-enable */\n"], ["\n    ", ";\n\n    /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n    &:invalid {\n        box-shadow: none;\n    }\n\n    &::-moz-placeholder {\n        opacity: 1;\n    }\n    /* stylelint-enable */\n"])), appearanceReset_1.appearanceReset);
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dEFyZWFSZXNldC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvdGV4dEFyZWFSZXNldC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLHFEQUFvRDtBQUV2QyxRQUFBLGFBQWEsR0FBRyx1QkFBRyw4U0FBQSxRQUMxQixFQUFlLGlPQVdwQixLQVhLLGlDQUFlLEVBV25CIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dEFyZWFSZXNldC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvdGV4dEFyZWFSZXNldC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLHFEQUFvRDtBQUV2QyxRQUFBLGFBQWEsT0FBRyx1QkFBRywrU0FBQSxRQUMxQixFQUFlLGlPQVdwQixLQVhLLGlDQUFlLEVBV25CIn0=

package/mixins/truncate.js

@@ -6,6 +6,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.truncate = void 0;
 var styled_components_1 = require("styled-components");
-exports.truncate = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    word-wrap: normal;\n"], ["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    word-wrap: normal;\n"])));
+exports.truncate = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    word-wrap: normal;\n"], ["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    word-wrap: normal;\n"])));
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1bmNhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbWl4aW5zL3RydW5jYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFFM0IsUUFBQSxRQUFRLEdBQUcsdUJBQUcsOEtBQUEsMkdBSzFCLEtBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1bmNhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbWl4aW5zL3RydW5jYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFFM0IsUUFBQSxRQUFRLE9BQUcsdUJBQUcsK0tBQUEsMkdBSzFCLEtBQUMifQ==

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/styles",
-  "version": "1.3.0",
+  "version": "1.4.2",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -21,47 +21,42 @@
     "url": "git+https://gitlab.com/uxf-npm/styles.git"
   },
   "devDependencies": {
-    "@types/facepaint": "^1.2.1",
-    "@types/lodash.debounce": "^4.0.6",
-    "@types/react": "^16.9.0",
-    "@types/react-dom": "^16.9.0",
-    "@types/styled-components": "^5.1.7",
-    "@typescript-eslint/eslint-plugin": "^4.13.0",
-    "@typescript-eslint/parser": "^4.13.0",
-    "@uxf/core": "^1.4.0",
-    "csstype": "^3.0.6",
-    "eslint": "7.17.0",
-    "eslint-config-prettier": "^7.1.0",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-react": "^7.22.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
+    "@stylelint/postcss-css-in-js": "^0.37.2",
+    "@types/facepaint": "^1.2.2",
+    "@types/react": "^17.0.2",
+    "@types/react-dom": "^17.0.2",
+    "@types/styled-components": "^5.1.11",
+    "@uxf/core": "^2.0.1",
+    "@uxf/eslint-config": "^1.1.4",
+    "csstype": "^3.0.10",
+    "eslint": "^8.6.0",
     "facepaint": "^1.2.1",
-    "lodash.debounce": "^4.0.8",
-    "parcel-bundler": "^1.12.4",
-    "polished": "^4.0.5",
-    "prettier": "^2.2.1",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
-    "styled-components": "^5.2.1",
-    "stylelint": "^13.8.0",
-    "stylelint-config-recommended": "^3.0.0",
+    "parcel": "^2.0.1",
+    "polished": "^4.1.3",
+    "postcss": "^8.4.5",
+    "postcss-syntax": "^0.36.2",
+    "prettier": "^2.5.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3",
+    "stylelint": "^14.2.0",
+    "stylelint-config-recommended": "^6.0.0",
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-processor-styled-components": "^1.10.0",
-    "typescript": "^4.1.3"
+    "typescript": "^4.5.4"
   },
   "peerDependencies": {
-    "@uxf/core": "^1.4.0",
+    "@uxf/core": "^2.0.0",
     "facepaint": "^1.2.1",
-    "polished": "^4.0.5",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
-    "styled-components": "^5.2.1"
+    "polished": "^4.1.3",
+    "react": "^16 || ^17",
+    "react-dom": "^16 || ^17",
+    "styled-components": "^5.3.0"
   },
   "author": "",
   "license": "ISC",
   "bugs": {
     "url": "https://gitlab.com/uxf-npm/styles/issues"
   },
-  "homepage": "https://gitlab.com/uxf-npm/styles#readme",
-  "dependencies": {}
+  "homepage": "https://gitlab.com/uxf-npm/styles#readme"
 }

package/properties/background.d.ts

@@ -1,6 +1,6 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface Background {
     $backgroundColor?: ResponsiveProperty.Color;
     $background?: ResponsiveProperty.Background;
 }
-export declare const background: <B extends Record<string, number>>({ breakpoints, $backgroundColor, $background, }: Background & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const background: <B extends BreakpointsType>({ breakpoints, $backgroundColor, $background, }: Background & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/background.js

@@ -1,21 +1,14 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.background = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var background = function (_a) {
     var breakpoints = _a.breakpoints, $backgroundColor = _a.$backgroundColor, $background = _a.$background;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        backgroundColor: formatValue_1.formatResponsiveValue($backgroundColor),
-        background: formatValue_1.formatResponsiveValue($background),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        backgroundColor: (0, formatValue_1.formatResponsiveValue)($backgroundColor),
+        background: (0, formatValue_1.formatResponsiveValue)($background),
+    });
 };
 exports.background = background;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2dyb3VuZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2JhY2tncm91bmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUN4QyxvREFBNkQ7QUFDN0Qsa0RBQW1EO0FBUTVDLElBQU0sVUFBVSxHQUFHLFVBQTRCLEVBSXhCO1FBSDFCLFdBQVcsaUJBQUEsRUFDWCxnQkFBZ0Isc0JBQUEsRUFDaEIsV0FBVyxpQkFBQTtJQUNvQixPQUFBLHVCQUFHLGlGQUFBLFFBQ2hDO1FBR0EsSUFDTCxLQUpLLHlCQUFZLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDeEIsZUFBZSxFQUFFLG1DQUFxQixDQUFDLGdCQUFnQixDQUFDO1FBQ3hELFVBQVUsRUFBRSxtQ0FBcUIsQ0FBQyxXQUFXLENBQUM7S0FDakQsQ0FBQztBQUo2QixDQUtsQyxDQUFDO0FBVFcsUUFBQSxVQUFVLGNBU3JCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2dyb3VuZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2JhY2tncm91bmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQU8zRCxJQUFNLFVBQVUsR0FBRyxVQUE0QixFQUl4QjtRQUgxQixXQUFXLGlCQUFBLEVBQ1gsZ0JBQWdCLHNCQUFBLEVBQ2hCLFdBQVcsaUJBQUE7SUFFWCxPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLGVBQWUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGdCQUFnQixDQUFDO1FBQ3hELFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztLQUNqRCxDQUFDO0FBSEYsQ0FHRSxDQUFDO0FBUk0sUUFBQSxVQUFVLGNBUWhCIn0=