@alixpartners/ui-components 1.22.0 → 1.22.2

package/dist/esm/components/ApPopover/ApPopover.js

@@ -1,89 +1,89 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApPopoverReference = exports.ApPopoverManager = exports.ApPopover = void 0;
-/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
-/* tslint:disable */
-var React = require("react");
-var react_1 = require("react");
-/* tslint:enable */
-var ReactDOM = require("react-dom");
-var react_popper_1 = require("react-popper");
-Object.defineProperty(exports, "ApPopoverManager", { enumerable: true, get: function () { return react_popper_1.Manager; } });
-Object.defineProperty(exports, "ApPopoverReference", { enumerable: true, get: function () { return react_popper_1.Reference; } });
-var classcaded_1 = require("../../utils/classcaded");
-var setReactRef_1 = require("../../utils/setReactRef");
-var ApOutsideClick_1 = require("../ApOutsideClick/ApOutsideClick");
-var styles_1 = require("./styles");
-var OutsideClickOrProxy = function (_a) {
-    var disableOutsideClick = _a.disableOutsideClick, children = _a.children, rest = __rest(_a, ["disableOutsideClick", "children"]);
-    return disableOutsideClick ? (children) : (React.createElement(ApOutsideClick_1.default, __assign({}, rest), children));
-};
-/**
- * Robust and composable popover.
- *
- * It builds upon [Popper.js](https://popper.js.org) and all of its positioning logic,
- * e.g.:
- *
- * - it never hides behind window boundaries (or boundaries of the parent scroll element)
- * - it repositions itself as the user scrolls
- * - its position always follows the button (popover reference)
- *
- * See the story, https://popper.js.org and https://github.com/FezVrasta/react-popper
- * for documentation and examples of usage.
- */
-exports.ApPopover = function (_a) {
-    var _b = _a.children, children = _b === void 0 ? null : _b, onClose = _a.onClose, className = _a.className, _c = _a.hideArrow, hideArrow = _c === void 0 ? false : _c, _d = _a.disableOutsideClick, disableOutsideClick = _d === void 0 ? false : _d, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onFocus = _a.onFocus, onBlur = _a.onBlur, modifiers = _a.modifiers, _e = _a.stopPropagation, stopPropagation = _e === void 0 ? true : _e, _f = _a.containerProps, containerProps = _f === void 0 ? {} : _f, rest = __rest(_a, ["children", "onClose", "className", "hideArrow", "disableOutsideClick", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur", "modifiers", "stopPropagation", "containerProps"]);
-    var onContentClick = react_1.useCallback(function (event) {
-        // By default don't bubble events through portals. This is based on the fact
-        // that click handlers on Popover triggers seldom want to react to clicks
-        // inside the Popover.
-        // This also prevent events from reaching OutsideClick and thus fixing
-        // outside click for multiple nested Popovers.
-        // More details in https://github.com/facebook/react/issues/11387
-        // TODO Revisit
-        if (stopPropagation) {
-            event.stopPropagation();
-            // See comments in OutsideClick
-            event.preventDefault();
-        }
-    }, [stopPropagation]);
-    return ReactDOM.createPortal(React.createElement(react_popper_1.Popper, __assign({}, rest, { modifiers: __assign({ 
-            // GPU acceleration causes blurry popper content
-            // with zoom!=100% on non-retina displays.
-            // This is important for CHC as users will often zoom out
-            // the app to see more content on the page.
-            // https://github.com/FezVrasta/popper.js/issues/3
-            // https://bugs.chromium.org/p/chromium/issues/detail?id=573146
-            computeStyle: { gpuAcceleration: false } }, modifiers) }), function (childProps) { return (React.createElement(OutsideClickOrProxy, { disableOutsideClick: disableOutsideClick, onClick: onClose, shouldPreventDefault: false, useCapture: false },
-        React.createElement(styles_1.PopoverContainer, __assign({}, containerProps, { ref: function (node) {
-                setReactRef_1.setReactRef(childProps.ref, node);
-                if (containerProps.ref) {
-                    setReactRef_1.setReactRef(containerProps.ref, node);
-                }
-            }, style: __assign(__assign({}, containerProps.style), childProps.style), role: "tooltip", className: classcaded_1.classcaded(containerProps.className, className), hideArrow: hideArrow, "data-placement": childProps.placement, onClick: onContentClick, onMouseEnter: onMouseEnter || containerProps.onMouseEnter, onMouseLeave: onMouseLeave || containerProps.onMouseLeave, onFocus: onFocus || containerProps.onFocus, onBlur: onBlur || containerProps.onBlur }),
-            typeof children === 'function' ? children(childProps) : children,
-            !hideArrow && (React.createElement(styles_1.Arrow, { ref: childProps.arrowProps.ref, style: childProps.arrowProps.style, "data-placement": childProps.placement, className: "ap-popover-arrow" }))))); }), document.body);
-};
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApPopoverReference = exports.ApPopoverManager = exports.ApPopover = void 0;
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+/* tslint:disable */
+var React = require("react");
+var react_1 = require("react");
+/* tslint:enable */
+var ReactDOM = require("react-dom");
+var react_popper_1 = require("react-popper");
+Object.defineProperty(exports, "ApPopoverManager", { enumerable: true, get: function () { return react_popper_1.Manager; } });
+Object.defineProperty(exports, "ApPopoverReference", { enumerable: true, get: function () { return react_popper_1.Reference; } });
+var classcaded_1 = require("../../utils/classcaded");
+var setReactRef_1 = require("../../utils/setReactRef");
+var ApOutsideClick_1 = require("../ApOutsideClick/ApOutsideClick");
+var styles_1 = require("./styles");
+var OutsideClickOrProxy = function (_a) {
+    var disableOutsideClick = _a.disableOutsideClick, children = _a.children, rest = __rest(_a, ["disableOutsideClick", "children"]);
+    return disableOutsideClick ? (children) : (React.createElement(ApOutsideClick_1.default, __assign({}, rest), children));
+};
+/**
+ * Robust and composable popover.
+ *
+ * It builds upon [Popper.js](https://popper.js.org) and all of its positioning logic,
+ * e.g.:
+ *
+ * - it never hides behind window boundaries (or boundaries of the parent scroll element)
+ * - it repositions itself as the user scrolls
+ * - its position always follows the button (popover reference)
+ *
+ * See the story, https://popper.js.org and https://github.com/FezVrasta/react-popper
+ * for documentation and examples of usage.
+ */
+exports.ApPopover = function (_a) {
+    var _b = _a.children, children = _b === void 0 ? null : _b, onClose = _a.onClose, className = _a.className, _c = _a.hideArrow, hideArrow = _c === void 0 ? false : _c, _d = _a.disableOutsideClick, disableOutsideClick = _d === void 0 ? false : _d, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onFocus = _a.onFocus, onBlur = _a.onBlur, modifiers = _a.modifiers, _e = _a.stopPropagation, stopPropagation = _e === void 0 ? true : _e, _f = _a.containerProps, containerProps = _f === void 0 ? {} : _f, rest = __rest(_a, ["children", "onClose", "className", "hideArrow", "disableOutsideClick", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur", "modifiers", "stopPropagation", "containerProps"]);
+    var onContentClick = react_1.useCallback(function (event) {
+        // By default don't bubble events through portals. This is based on the fact
+        // that click handlers on Popover triggers seldom want to react to clicks
+        // inside the Popover.
+        // This also prevent events from reaching OutsideClick and thus fixing
+        // outside click for multiple nested Popovers.
+        // More details in https://github.com/facebook/react/issues/11387
+        // TODO Revisit
+        if (stopPropagation) {
+            event.stopPropagation();
+            // See comments in OutsideClick
+            event.preventDefault();
+        }
+    }, [stopPropagation]);
+    return ReactDOM.createPortal(React.createElement(react_popper_1.Popper, __assign({}, rest, { modifiers: __assign({ 
+            // GPU acceleration causes blurry popper content
+            // with zoom!=100% on non-retina displays.
+            // This is important for CHC as users will often zoom out
+            // the app to see more content on the page.
+            // https://github.com/FezVrasta/popper.js/issues/3
+            // https://bugs.chromium.org/p/chromium/issues/detail?id=573146
+            computeStyle: { gpuAcceleration: false } }, modifiers) }), function (childProps) { return (React.createElement(OutsideClickOrProxy, { disableOutsideClick: disableOutsideClick, onClick: onClose, shouldPreventDefault: false, useCapture: false },
+        React.createElement(styles_1.PopoverContainer, __assign({}, containerProps, { ref: function (node) {
+                setReactRef_1.setReactRef(childProps.ref, node);
+                if (containerProps.ref) {
+                    setReactRef_1.setReactRef(containerProps.ref, node);
+                }
+            }, style: __assign(__assign({}, containerProps.style), childProps.style), role: "tooltip", className: classcaded_1.classcaded(containerProps.className, className), hideArrow: hideArrow, "data-placement": childProps.placement, onClick: onContentClick, onMouseEnter: onMouseEnter || containerProps.onMouseEnter, onMouseLeave: onMouseLeave || containerProps.onMouseLeave, onFocus: onFocus || containerProps.onFocus, onBlur: onBlur || containerProps.onBlur }),
+            typeof children === 'function' ? children(childProps) : children,
+            !hideArrow && (React.createElement(styles_1.Arrow, { ref: childProps.arrowProps.ref, style: childProps.arrowProps.style, "data-placement": childProps.placement, className: "ap-popover-arrow" }))))); }), document.body);
+};
 //# sourceMappingURL=ApPopover.js.map

package/dist/esm/components/ApPopover/index.js

@@ -1,14 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ApPopover"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ApPopover"), exports);
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ApPopover/styles.js

@@ -1,15 +1,15 @@
-"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.PopoverContainer = exports.Arrow = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../utils/theme");
-var arrowSize = '16px';
-var fadeIn = styled_components_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
-exports.Arrow = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    position: absolute;\n    /* 1px to account for arrow border */\n    width: calc(", " + 1px);\n    height: ", ";\n    &:before,\n    &:after {\n        content: ' ';\n        display: block;\n        width: 0;\n        height: 0;\n        position: absolute;\n    },\n"], ["\n    position: absolute;\n    /* 1px to account for arrow border */\n    width: calc(", " + 1px);\n    height: ", ";\n    &:before,\n    &:after {\n        content: ' ';\n        display: block;\n        width: 0;\n        height: 0;\n        position: absolute;\n    },\n"])), arrowSize, arrowSize);
-exports.PopoverContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    box-shadow: ", ";\n    background: ", ";\n    color: ", ";\n    z-index: 10;\n    opacity: 0;\n    animation: ", " ease 0.1s forwards;\n    &[data-placement='top'] {\n        margin-bottom: ", "\n    }\n    &[data-placement='bottom'] {\n        margin-top: ", "\n    }\n    &[data-placement='left'] {\n        margin-right: ", "\n    }\n    &[data-placement='right'] {\n        margin-left: ", "\n    }\n    &[data-placement*='top'] {\n        > ", " {\n            bottom: calc(", " / -2);\n            transform: scaleY(-1);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                border-bottom-color: ", ");\n                transform: translate(15%, -55%);\n            }\n            &:after  {\n                border-bottom-color: ", ";\n                transform: translate(15%, -48%);\n            }\n        }\n    }\n    &[data-placement*='bottom'] {\n        > ", " {\n            top: calc(", " / -2);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                border-bottom-color: ", ";\n                transform: translate(15%, -55%);\n            }\n            &:after  {\n                border-bottom-color: ", ";\n                transform: translate(15%, -48%);\n            }\n        }\n    }\n    &[data-placement*='left'] {\n        > ", " {\n            right: calc(", " * -1 + 2px);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                top: calc(", " / 2);\n                transform: translate(15%, -100%);\n            }\n            &:before  {\n                border-left-color: ", ";\n            }\n            &:after  {\n                border-left-color: ", ";\n            }\n        }\n    }\n    &[data-placement*='right'] {\n        > ", " {\n            left: calc(", " * -1 + 2px);\n            transform: scaleX(-1);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                top: calc(", " / 2);\n                transform: translate(15%, -100%);\n            }\n            &:before  {\n                border-left-color: rgba(0,0,0,0.05);\n            }\n            &:after  {\n                border-left-color: ", ";\n            }\n        }\n    }\n"], ["\n    box-shadow: ", ";\n    background: ", ";\n    color: ", ";\n    z-index: 10;\n    opacity: 0;\n    animation: ", " ease 0.1s forwards;\n    &[data-placement='top'] {\n        margin-bottom: ", "\n    }\n    &[data-placement='bottom'] {\n        margin-top: ", "\n    }\n    &[data-placement='left'] {\n        margin-right: ", "\n    }\n    &[data-placement='right'] {\n        margin-left: ", "\n    }\n    &[data-placement*='top'] {\n        > ", " {\n            bottom: calc(", " / -2);\n            transform: scaleY(-1);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                border-bottom-color: ", ");\n                transform: translate(15%, -55%);\n            }\n            &:after  {\n                border-bottom-color: ", ";\n                transform: translate(15%, -48%);\n            }\n        }\n    }\n    &[data-placement*='bottom'] {\n        > ", " {\n            top: calc(", " / -2);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                border-bottom-color: ", ";\n                transform: translate(15%, -55%);\n            }\n            &:after  {\n                border-bottom-color: ", ";\n                transform: translate(15%, -48%);\n            }\n        }\n    }\n    &[data-placement*='left'] {\n        > ", " {\n            right: calc(", " * -1 + 2px);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                top: calc(", " / 2);\n                transform: translate(15%, -100%);\n            }\n            &:before  {\n                border-left-color: ", ";\n            }\n            &:after  {\n                border-left-color: ", ";\n            }\n        }\n    }\n    &[data-placement*='right'] {\n        > ", " {\n            left: calc(", " * -1 + 2px);\n            transform: scaleX(-1);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                top: calc(", " / 2);\n                transform: translate(15%, -100%);\n            }\n            &:before  {\n                border-left-color: rgba(0,0,0,0.05);\n            }\n            &:after  {\n                border-left-color: ", ";\n            }\n        }\n    }\n"])), theme_1.boxShadows[3], theme_1.colors.white, theme_1.colors.grey6, fadeIn, function (props) { return props.hideArrow ? '' : "calc(" + arrowSize + " - 7px)"; }, function (props) { return props.hideArrow ? '' : "calc(" + arrowSize + " - 7px)"; }, function (props) { return props.hideArrow ? '' : "calc(" + arrowSize + " - 7px)"; }, function (props) { return props.hideArrow ? '' : "calc(" + arrowSize + " - 7px)"; }, exports.Arrow, arrowSize, theme_1.colors.white, theme_1.colors.white, exports.Arrow, arrowSize, theme_1.colors.white, theme_1.colors.white, exports.Arrow, arrowSize, arrowSize, theme_1.colors.white, theme_1.colors.white, exports.Arrow, arrowSize, arrowSize, theme_1.colors.white);
-var templateObject_1, templateObject_2, templateObject_3;
+"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.PopoverContainer = exports.Arrow = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+var arrowSize = '16px';
+var fadeIn = styled_components_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
+exports.Arrow = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    position: absolute;\n    /* 1px to account for arrow border */\n    width: calc(", " + 1px);\n    height: ", ";\n    &:before,\n    &:after {\n        content: ' ';\n        display: block;\n        width: 0;\n        height: 0;\n        position: absolute;\n    },\n"], ["\n    position: absolute;\n    /* 1px to account for arrow border */\n    width: calc(", " + 1px);\n    height: ", ";\n    &:before,\n    &:after {\n        content: ' ';\n        display: block;\n        width: 0;\n        height: 0;\n        position: absolute;\n    },\n"])), arrowSize, arrowSize);
+exports.PopoverContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    box-shadow: ", ";\n    background: ", ";\n    color: ", ";\n    z-index: 10;\n    opacity: 0;\n    animation: ", " ease 0.1s forwards;\n    &[data-placement='top'] {\n        margin-bottom: ", "\n    }\n    &[data-placement='bottom'] {\n        margin-top: ", "\n    }\n    &[data-placement='left'] {\n        margin-right: ", "\n    }\n    &[data-placement='right'] {\n        margin-left: ", "\n    }\n    &[data-placement*='top'] {\n        > ", " {\n            bottom: calc(", " / -2);\n            transform: scaleY(-1);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                border-bottom-color: ", ");\n                transform: translate(15%, -55%);\n            }\n            &:after  {\n                border-bottom-color: ", ";\n                transform: translate(15%, -48%);\n            }\n        }\n    }\n    &[data-placement*='bottom'] {\n        > ", " {\n            top: calc(", " / -2);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                border-bottom-color: ", ";\n                transform: translate(15%, -55%);\n            }\n            &:after  {\n                border-bottom-color: ", ";\n                transform: translate(15%, -48%);\n            }\n        }\n    }\n    &[data-placement*='left'] {\n        > ", " {\n            right: calc(", " * -1 + 2px);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                top: calc(", " / 2);\n                transform: translate(15%, -100%);\n            }\n            &:before  {\n                border-left-color: ", ";\n            }\n            &:after  {\n                border-left-color: ", ";\n            }\n        }\n    }\n    &[data-placement*='right'] {\n        > ", " {\n            left: calc(", " * -1 + 2px);\n            transform: scaleX(-1);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                top: calc(", " / 2);\n                transform: translate(15%, -100%);\n            }\n            &:before  {\n                border-left-color: rgba(0,0,0,0.05);\n            }\n            &:after  {\n                border-left-color: ", ";\n            }\n        }\n    }\n"], ["\n    box-shadow: ", ";\n    background: ", ";\n    color: ", ";\n    z-index: 10;\n    opacity: 0;\n    animation: ", " ease 0.1s forwards;\n    &[data-placement='top'] {\n        margin-bottom: ", "\n    }\n    &[data-placement='bottom'] {\n        margin-top: ", "\n    }\n    &[data-placement='left'] {\n        margin-right: ", "\n    }\n    &[data-placement='right'] {\n        margin-left: ", "\n    }\n    &[data-placement*='top'] {\n        > ", " {\n            bottom: calc(", " / -2);\n            transform: scaleY(-1);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                border-bottom-color: ", ");\n                transform: translate(15%, -55%);\n            }\n            &:after  {\n                border-bottom-color: ", ";\n                transform: translate(15%, -48%);\n            }\n        }\n    }\n    &[data-placement*='bottom'] {\n        > ", " {\n            top: calc(", " / -2);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                border-bottom-color: ", ";\n                transform: translate(15%, -55%);\n            }\n            &:after  {\n                border-bottom-color: ", ";\n                transform: translate(15%, -48%);\n            }\n        }\n    }\n    &[data-placement*='left'] {\n        > ", " {\n            right: calc(", " * -1 + 2px);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                top: calc(", " / 2);\n                transform: translate(15%, -100%);\n            }\n            &:before  {\n                border-left-color: ", ";\n            }\n            &:after  {\n                border-left-color: ", ";\n            }\n        }\n    }\n    &[data-placement*='right'] {\n        > ", " {\n            left: calc(", " * -1 + 2px);\n            transform: scaleX(-1);\n            &:before, &:after {\n                border: 8px solid rgba(0, 0, 0, 0);\n                top: calc(", " / 2);\n                transform: translate(15%, -100%);\n            }\n            &:before  {\n                border-left-color: rgba(0,0,0,0.05);\n            }\n            &:after  {\n                border-left-color: ", ";\n            }\n        }\n    }\n"])), theme_1.boxShadows[3], theme_1.colors.white, theme_1.colors.grey6, fadeIn, function (props) { return props.hideArrow ? '' : "calc(" + arrowSize + " - 7px)"; }, function (props) { return props.hideArrow ? '' : "calc(" + arrowSize + " - 7px)"; }, function (props) { return props.hideArrow ? '' : "calc(" + arrowSize + " - 7px)"; }, function (props) { return props.hideArrow ? '' : "calc(" + arrowSize + " - 7px)"; }, exports.Arrow, arrowSize, theme_1.colors.white, theme_1.colors.white, exports.Arrow, arrowSize, theme_1.colors.white, theme_1.colors.white, exports.Arrow, arrowSize, arrowSize, theme_1.colors.white, theme_1.colors.white, exports.Arrow, arrowSize, arrowSize, theme_1.colors.white);
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/ApRadio/ApRadio.js

@@ -1,47 +1,47 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApRadio = void 0;
-var React = require("react");
-var ApIcon_1 = require("../ApIcon");
-var styles_1 = require("./styles");
-var ApCheckLabel_1 = require("../../internal/ApCheckLabel");
-var types_1 = require("../../utils/types");
-exports.ApRadio = function (_a) {
-    var flexDirection = _a.flexDirection, justifyContent = _a.justifyContent, id = _a.id, className = _a.className, children = _a.children, theme = _a.theme, props = __rest(_a, ["flexDirection", "justifyContent", "id", "className", "children", "theme"]);
-    return (React.createElement(ApCheckLabel_1.StyledCheckLabel, { title: id, htmlFor: id, flexDirection: children ? flexDirection : 'row', justifyContent: children ? justifyContent : 'flex-start', tabIndex: 0, theme: theme },
-        React.createElement(styles_1.StyledRadioWrapper, { className: "ap-radio " + className, disabled: props.disabled },
-            React.createElement(styles_1.StyledRadioInput, __assign({}, props, { id: id, type: props.type, defaultChecked: props.defaultChecked })),
-            React.createElement(styles_1.StyledRadioIconWrapper, null,
-                React.createElement(ApIcon_1.ApIcon, { className: "ap-radio-unchecked", iconName: "custom_ap_radio_unchecked", iconColor: "currentColor" }),
-                React.createElement(ApIcon_1.ApIcon, { className: "ap-radio-checked", iconName: "custom_ap_radio_checked", iconColor: "currentColor" }))),
-        children && React.createElement(ApCheckLabel_1.StyledCheckChild, null, children)));
-};
-exports.ApRadio.defaultProps = {
-    autoFocus: false,
-    disabled: false,
-    theme: types_1.LIGHT,
-    type: 'radio',
-};
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApRadio = void 0;
+var React = require("react");
+var ApIcon_1 = require("../ApIcon");
+var styles_1 = require("./styles");
+var ApCheckLabel_1 = require("../../internal/ApCheckLabel");
+var types_1 = require("../../utils/types");
+exports.ApRadio = function (_a) {
+    var flexDirection = _a.flexDirection, justifyContent = _a.justifyContent, id = _a.id, className = _a.className, children = _a.children, theme = _a.theme, props = __rest(_a, ["flexDirection", "justifyContent", "id", "className", "children", "theme"]);
+    return (React.createElement(ApCheckLabel_1.StyledCheckLabel, { title: id, htmlFor: id, flexDirection: children ? flexDirection : 'row', justifyContent: children ? justifyContent : 'flex-start', tabIndex: 0, theme: theme },
+        React.createElement(styles_1.StyledRadioWrapper, { className: "ap-radio " + className, disabled: props.disabled },
+            React.createElement(styles_1.StyledRadioInput, __assign({}, props, { id: id, type: props.type, defaultChecked: props.defaultChecked })),
+            React.createElement(styles_1.StyledRadioIconWrapper, null,
+                React.createElement(ApIcon_1.ApIcon, { className: "ap-radio-unchecked", iconName: "custom_ap_radio_unchecked", iconColor: "currentColor" }),
+                React.createElement(ApIcon_1.ApIcon, { className: "ap-radio-checked", iconName: "custom_ap_radio_checked", iconColor: "currentColor" }))),
+        children && React.createElement(ApCheckLabel_1.StyledCheckChild, null, children)));
+};
+exports.ApRadio.defaultProps = {
+    autoFocus: false,
+    disabled: false,
+    theme: types_1.LIGHT,
+    type: 'radio',
+};
 //# sourceMappingURL=ApRadio.js.map

package/dist/esm/components/ApRadio/index.js

@@ -1,14 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ApRadio"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ApRadio"), exports);
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ApRadio/styles.js

@@ -1,54 +1,54 @@
-"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;
-};
-var _a, _b, _c;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledRadioInput = exports.StyledRadioIconWrapper = exports.StyledRadioWrapper = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../utils/theme");
-exports.StyledRadioWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  background-color: transparent;\n  border-radius: 50%;\n  ", "\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  background-color: transparent;\n  border-radius: 50%;\n  ",
-    "\n"])), function (_a) {
-    var disabled = _a.disabled;
-    return !disabled && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        &:hover {\n          background-color: ", ";\n        }\n        &:focus {\n          background-color: ", ";\n        }\n        &:active {\n          background-color: ", ";\n        }\n      "], ["\n        &:hover {\n          background-color: ", ";\n        }\n        &:focus {\n          background-color: ", ";\n        }\n        &:active {\n          background-color: ", ";\n        }\n      "])), theme_1.colors.green50, theme_1.colors.green50, theme_1.colors.green100);
-});
-exports.StyledRadioIconWrapper = styled_components_1.default.span((_a = {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        borderRadius: '15px',
-        boxSizing: 'border-box',
-        color: theme_1.colors.grey700,
-        height: '24px',
-        outline: 'none',
-        position: 'relative',
-        transition: 'all .1s linear'
-    },
-    _a['.ap-radio-unchecked'] = {
-        display: 'inline-block'
-    },
-    _a['.ap-radio-checked'] = {
-        display: 'none'
-    },
-    _a));
-exports.StyledRadioInput = styled_components_1.default.input((_b = {},
-    _b[":checked + " + exports.StyledRadioIconWrapper] = (_c = {},
-        _c['.ap-radio-unchecked'] = {
-            display: 'none'
-        },
-        _c['.ap-radio-checked'] = {
-            display: 'inline-block'
-        },
-        _c),
-    _b[":hover:enabled + " + exports.StyledRadioIconWrapper] = {
-        color: theme_1.colors.grey700,
-    },
-    _b[":disabled + " + exports.StyledRadioIconWrapper] = {
-        color: theme_1.colors.grey300,
-        cursor: 'not-allowed',
-    },
-    _b.display = 'none',
-    _b));
-var templateObject_1, templateObject_2;
+"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;
+};
+var _a, _b, _c;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledRadioInput = exports.StyledRadioIconWrapper = exports.StyledRadioWrapper = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+exports.StyledRadioWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  background-color: transparent;\n  border-radius: 50%;\n  ", "\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  background-color: transparent;\n  border-radius: 50%;\n  ",
+    "\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return !disabled && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        &:hover {\n          background-color: ", ";\n        }\n        &:focus {\n          background-color: ", ";\n        }\n        &:active {\n          background-color: ", ";\n        }\n      "], ["\n        &:hover {\n          background-color: ", ";\n        }\n        &:focus {\n          background-color: ", ";\n        }\n        &:active {\n          background-color: ", ";\n        }\n      "])), theme_1.colors.green50, theme_1.colors.green50, theme_1.colors.green100);
+});
+exports.StyledRadioIconWrapper = styled_components_1.default.span((_a = {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderRadius: '15px',
+        boxSizing: 'border-box',
+        color: theme_1.colors.grey700,
+        height: '24px',
+        outline: 'none',
+        position: 'relative',
+        transition: 'all .1s linear'
+    },
+    _a['.ap-radio-unchecked'] = {
+        display: 'inline-block'
+    },
+    _a['.ap-radio-checked'] = {
+        display: 'none'
+    },
+    _a));
+exports.StyledRadioInput = styled_components_1.default.input((_b = {},
+    _b[":checked + " + exports.StyledRadioIconWrapper] = (_c = {},
+        _c['.ap-radio-unchecked'] = {
+            display: 'none'
+        },
+        _c['.ap-radio-checked'] = {
+            display: 'inline-block'
+        },
+        _c),
+    _b[":hover:enabled + " + exports.StyledRadioIconWrapper] = {
+        color: theme_1.colors.grey700,
+    },
+    _b[":disabled + " + exports.StyledRadioIconWrapper] = {
+        color: theme_1.colors.grey300,
+        cursor: 'not-allowed',
+    },
+    _b.display = 'none',
+    _b));
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map