@alixpartners/ui-components 1.22.0 → 1.22.2

package/dist/esm/components/ApToggleSwitch/ApToggleSwitch.js

@@ -1,44 +1,44 @@
-"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.ApToggleSwitch = void 0;
-var React = require("react");
-var styles_1 = require("./styles");
-var ApCheckLabel_1 = require("../../internal/ApCheckLabel");
-var types_1 = require("../../utils/types");
-exports.ApToggleSwitch = function (_a) {
-    var flexDirection = _a.flexDirection, justifyContent = _a.justifyContent, id = _a.id, children = _a.children, className = _a.className, props = __rest(_a, ["flexDirection", "justifyContent", "id", "children", "className"]);
-    return (React.createElement(ApCheckLabel_1.StyledCheckLabel, { title: id, htmlFor: id, flexDirection: children ? flexDirection : 'row', justifyContent: children ? justifyContent : 'flex-start', tabIndex: 0 },
-        React.createElement(styles_1.StyledToggleWrapper, { disabled: props.disabled },
-            React.createElement(styles_1.StyledToggleInput, __assign({}, props, { id: id, type: props.type, defaultChecked: props.defaultChecked })),
-            React.createElement(styles_1.StyledToggleSwitch, { className: "ap-toggle-switch " + (className ? className : '') })),
-        children && React.createElement(ApCheckLabel_1.StyledCheckChild, null, children)));
-};
-exports.ApToggleSwitch.defaultProps = {
-    autoFocus: false,
-    disabled: false,
-    theme: types_1.LIGHT,
-    type: 'checkbox'
-};
+"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.ApToggleSwitch = void 0;
+var React = require("react");
+var styles_1 = require("./styles");
+var ApCheckLabel_1 = require("../../internal/ApCheckLabel");
+var types_1 = require("../../utils/types");
+exports.ApToggleSwitch = function (_a) {
+    var flexDirection = _a.flexDirection, justifyContent = _a.justifyContent, id = _a.id, children = _a.children, className = _a.className, props = __rest(_a, ["flexDirection", "justifyContent", "id", "children", "className"]);
+    return (React.createElement(ApCheckLabel_1.StyledCheckLabel, { title: id, htmlFor: id, flexDirection: children ? flexDirection : 'row', justifyContent: children ? justifyContent : 'flex-start', tabIndex: 0 },
+        React.createElement(styles_1.StyledToggleWrapper, { disabled: props.disabled },
+            React.createElement(styles_1.StyledToggleInput, __assign({}, props, { id: id, type: props.type, defaultChecked: props.defaultChecked })),
+            React.createElement(styles_1.StyledToggleSwitch, { className: "ap-toggle-switch " + (className ? className : '') })),
+        children && React.createElement(ApCheckLabel_1.StyledCheckChild, null, children)));
+};
+exports.ApToggleSwitch.defaultProps = {
+    autoFocus: false,
+    disabled: false,
+    theme: types_1.LIGHT,
+    type: 'checkbox'
+};
 //# sourceMappingURL=ApToggleSwitch.js.map

package/dist/esm/components/ApToggleSwitch/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("./ApToggleSwitch"), 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("./ApToggleSwitch"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,82 +1,82 @@
-"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;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledToggleInput = exports.StyledToggleSwitch = exports.StyledToggleWrapper = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../utils/theme");
-exports.StyledToggleWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  width: 44px;\n  height: 32px;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  border-radius: 16px;\n  ", "\n"], ["\n  display: flex;\n  width: 44px;\n  height: 32px;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  border-radius: 16px;\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.StyledToggleSwitch = styled_components_1.default.span({
-    ':after': {
-        borderColor: "" + theme_1.colors.transparent,
-        borderRadius: '32px',
-        borderStyle: 'solid',
-        borderWidth: '1px',
-        content: "''",
-        height: "calc(100% + 6px)",
-        left: '-4px',
-        position: 'absolute',
-        top: '-4px',
-        transition: 'all .2s linear',
-        width: "calc(100% + 6px)",
-    },
-    ':before': {
-        backgroundColor: theme_1.colors.grey400,
-        borderRadius: '50%',
-        bottom: '2px',
-        content: "''",
-        height: '12px',
-        left: '2px',
-        position: 'absolute',
-        transition: 'transform .1s linear, background-color .2s linear',
-        width: '12px',
-    },
-    backgroundColor: theme_1.colors.transparent,
-    borderColor: theme_1.colors.grey500,
-    borderRadius: '32px',
-    borderStyle: 'solid',
-    borderWidth: '2px',
-    boxSizing: 'border-box',
-    display: 'inline-block',
-    height: '20px',
-    outline: 'none',
-    position: 'relative',
-    transition: 'all .1s linear',
-    width: '32px',
-});
-exports.StyledToggleInput = styled_components_1.default.input((_a = {},
-    _a[":checked + " + exports.StyledToggleSwitch] = {
-        ':before': {
-            backgroundColor: theme_1.colors.grey700,
-            transform: 'translateX(12px)',
-        },
-        borderColor: theme_1.colors.grey700,
-    },
-    _a[":hover:enabled + " + exports.StyledToggleSwitch] = {
-        ':before': { backgroundColor: theme_1.colors.grey700 },
-    },
-    _a[":disabled + " + exports.StyledToggleSwitch] = {
-        borderColor: theme_1.colors.grey300,
-        cursor: 'not-allowed',
-        ':before': {
-            backgroundColor: theme_1.colors.grey300,
-        },
-    },
-    _a[":checked:disabled + " + exports.StyledToggleSwitch] = {
-        borderColor: theme_1.colors.grey400,
-        cursor: 'not-allowed',
-        ':before': {
-            backgroundColor: theme_1.colors.grey400,
-        },
-    },
-    _a.display = 'none',
-    _a));
-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;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledToggleInput = exports.StyledToggleSwitch = exports.StyledToggleWrapper = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+exports.StyledToggleWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  width: 44px;\n  height: 32px;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  border-radius: 16px;\n  ", "\n"], ["\n  display: flex;\n  width: 44px;\n  height: 32px;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  border-radius: 16px;\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.StyledToggleSwitch = styled_components_1.default.span({
+    ':after': {
+        borderColor: "" + theme_1.colors.transparent,
+        borderRadius: '32px',
+        borderStyle: 'solid',
+        borderWidth: '1px',
+        content: "''",
+        height: "calc(100% + 6px)",
+        left: '-4px',
+        position: 'absolute',
+        top: '-4px',
+        transition: 'all .2s linear',
+        width: "calc(100% + 6px)",
+    },
+    ':before': {
+        backgroundColor: theme_1.colors.grey400,
+        borderRadius: '50%',
+        bottom: '2px',
+        content: "''",
+        height: '12px',
+        left: '2px',
+        position: 'absolute',
+        transition: 'transform .1s linear, background-color .2s linear',
+        width: '12px',
+    },
+    backgroundColor: theme_1.colors.transparent,
+    borderColor: theme_1.colors.grey500,
+    borderRadius: '32px',
+    borderStyle: 'solid',
+    borderWidth: '2px',
+    boxSizing: 'border-box',
+    display: 'inline-block',
+    height: '20px',
+    outline: 'none',
+    position: 'relative',
+    transition: 'all .1s linear',
+    width: '32px',
+});
+exports.StyledToggleInput = styled_components_1.default.input((_a = {},
+    _a[":checked + " + exports.StyledToggleSwitch] = {
+        ':before': {
+            backgroundColor: theme_1.colors.grey700,
+            transform: 'translateX(12px)',
+        },
+        borderColor: theme_1.colors.grey700,
+    },
+    _a[":hover:enabled + " + exports.StyledToggleSwitch] = {
+        ':before': { backgroundColor: theme_1.colors.grey700 },
+    },
+    _a[":disabled + " + exports.StyledToggleSwitch] = {
+        borderColor: theme_1.colors.grey300,
+        cursor: 'not-allowed',
+        ':before': {
+            backgroundColor: theme_1.colors.grey300,
+        },
+    },
+    _a[":checked:disabled + " + exports.StyledToggleSwitch] = {
+        borderColor: theme_1.colors.grey400,
+        cursor: 'not-allowed',
+        ':before': {
+            backgroundColor: theme_1.colors.grey400,
+        },
+    },
+    _a.display = 'none',
+    _a));
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/ApToggleSwitchGroup/ApToggleSwitchGroup.js

@@ -1,32 +1,32 @@
-"use strict";
-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.ApToggleSwitchGroup = void 0;
-var React = require("react");
-var styles_1 = require("./styles");
-exports.ApToggleSwitchGroup = function (_a) {
-    var flexDirection = _a.flexDirection, justifyContent = _a.justifyContent, className = _a.className, children = _a.children, props = __rest(_a, ["flexDirection", "justifyContent", "className", "children"]);
-    var modifiedChildren = React.Children.map(children, function (child) {
-        return React.cloneElement(child, {
-            name: props.name,
-            type: props.type
-        });
-    });
-    return (React.createElement(styles_1.StyledToggleSwitchGroupFieldset, { className: "ap-toggle-switch-group " + (className ? className : '') },
-        React.createElement(styles_1.StyledToggleSwitchGroupLegend, null, props.name),
-        React.createElement(styles_1.StyledToggleSwitchGroup, { flexDirection: flexDirection, justifyContent: justifyContent }, modifiedChildren)));
-};
-exports.ApToggleSwitchGroup.defaultProps = {
-    flexDirection: 'column'
-};
+"use strict";
+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.ApToggleSwitchGroup = void 0;
+var React = require("react");
+var styles_1 = require("./styles");
+exports.ApToggleSwitchGroup = function (_a) {
+    var flexDirection = _a.flexDirection, justifyContent = _a.justifyContent, className = _a.className, children = _a.children, props = __rest(_a, ["flexDirection", "justifyContent", "className", "children"]);
+    var modifiedChildren = React.Children.map(children, function (child) {
+        return React.cloneElement(child, {
+            name: props.name,
+            type: props.type
+        });
+    });
+    return (React.createElement(styles_1.StyledToggleSwitchGroupFieldset, { className: "ap-toggle-switch-group " + (className ? className : '') },
+        React.createElement(styles_1.StyledToggleSwitchGroupLegend, null, props.name),
+        React.createElement(styles_1.StyledToggleSwitchGroup, { flexDirection: flexDirection, justifyContent: justifyContent }, modifiedChildren)));
+};
+exports.ApToggleSwitchGroup.defaultProps = {
+    flexDirection: 'column'
+};
 //# sourceMappingURL=ApToggleSwitchGroup.js.map

package/dist/esm/components/ApToggleSwitchGroup/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("./ApToggleSwitchGroup"), 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("./ApToggleSwitchGroup"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,74 +1,74 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledToggleSwitchGroupLegend = exports.StyledToggleSwitchGroup = exports.StyledToggleSwitchGroupFieldset = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../utils/theme");
-var ApCheckLabel_1 = require("../../internal/ApCheckLabel");
-exports.StyledToggleSwitchGroupFieldset = styled_components_1.default.fieldset({
-    border: '0px',
-    margin: '0px',
-    minWidth: '0px',
-    padding: '0px'
-});
-var getToggleSwitchGroupStyles = function (flexDirection) {
-    var _a, _b, _c, _d, _e;
-    var toggleSwitchGroupStyles = (_a = {},
-        _a['row'] = (_b = {
-                flexDirection: flexDirection
-            },
-            _b[":nth-child(n) > " + ApCheckLabel_1.StyledCheckLabel + ":not(:last-child)"] = {
-                marginRight: theme_1.scaffolding.md
-            },
-            _b),
-        _a['row-reverse'] = (_c = {
-                flexDirection: flexDirection
-            },
-            _c[":nth-child(n) > " + ApCheckLabel_1.StyledCheckLabel + ":not(:first-child)"] = {
-                marginRight: theme_1.scaffolding.md
-            },
-            _c),
-        _a['column'] = (_d = {
-                flexDirection: flexDirection
-            },
-            _d[":nth-child(n) > " + ApCheckLabel_1.StyledCheckLabel + ":not(:last-child)"] = {
-                marginBottom: theme_1.scaffolding.md
-            },
-            _d),
-        _a['column-reverse'] = (_e = {
-                flexDirection: flexDirection
-            },
-            _e[":nth-child(n) > " + ApCheckLabel_1.StyledCheckLabel + ":not(:first-child)"] = {
-                marginBottom: theme_1.scaffolding.md
-            },
-            _e),
-        _a['default'] = {
-            flexDirection: flexDirection
-        },
-        _a);
-    return toggleSwitchGroupStyles[flexDirection]
-        ? toggleSwitchGroupStyles[flexDirection]
-        : toggleSwitchGroupStyles.default;
-};
-// Fieldset doesn't support flex properites as it's always supposed to be a verticle list
-// https://stackoverflow.com/questions/28078681/why-cant-fieldset-be-flex-containers
-exports.StyledToggleSwitchGroup = styled_components_1.default.div({
-    display: 'flex'
-}, function (_a) {
-    var flexDirection = _a.flexDirection, justifyContent = _a.justifyContent;
-    return (__assign(__assign({}, getToggleSwitchGroupStyles(flexDirection)), { justifyContent: justifyContent }));
-});
-exports.StyledToggleSwitchGroupLegend = styled_components_1.default.legend({
-    display: 'none'
-});
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledToggleSwitchGroupLegend = exports.StyledToggleSwitchGroup = exports.StyledToggleSwitchGroupFieldset = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+var ApCheckLabel_1 = require("../../internal/ApCheckLabel");
+exports.StyledToggleSwitchGroupFieldset = styled_components_1.default.fieldset({
+    border: '0px',
+    margin: '0px',
+    minWidth: '0px',
+    padding: '0px'
+});
+var getToggleSwitchGroupStyles = function (flexDirection) {
+    var _a, _b, _c, _d, _e;
+    var toggleSwitchGroupStyles = (_a = {},
+        _a['row'] = (_b = {
+                flexDirection: flexDirection
+            },
+            _b[":nth-child(n) > " + ApCheckLabel_1.StyledCheckLabel + ":not(:last-child)"] = {
+                marginRight: theme_1.scaffolding.md
+            },
+            _b),
+        _a['row-reverse'] = (_c = {
+                flexDirection: flexDirection
+            },
+            _c[":nth-child(n) > " + ApCheckLabel_1.StyledCheckLabel + ":not(:first-child)"] = {
+                marginRight: theme_1.scaffolding.md
+            },
+            _c),
+        _a['column'] = (_d = {
+                flexDirection: flexDirection
+            },
+            _d[":nth-child(n) > " + ApCheckLabel_1.StyledCheckLabel + ":not(:last-child)"] = {
+                marginBottom: theme_1.scaffolding.md
+            },
+            _d),
+        _a['column-reverse'] = (_e = {
+                flexDirection: flexDirection
+            },
+            _e[":nth-child(n) > " + ApCheckLabel_1.StyledCheckLabel + ":not(:first-child)"] = {
+                marginBottom: theme_1.scaffolding.md
+            },
+            _e),
+        _a['default'] = {
+            flexDirection: flexDirection
+        },
+        _a);
+    return toggleSwitchGroupStyles[flexDirection]
+        ? toggleSwitchGroupStyles[flexDirection]
+        : toggleSwitchGroupStyles.default;
+};
+// Fieldset doesn't support flex properites as it's always supposed to be a verticle list
+// https://stackoverflow.com/questions/28078681/why-cant-fieldset-be-flex-containers
+exports.StyledToggleSwitchGroup = styled_components_1.default.div({
+    display: 'flex'
+}, function (_a) {
+    var flexDirection = _a.flexDirection, justifyContent = _a.justifyContent;
+    return (__assign(__assign({}, getToggleSwitchGroupStyles(flexDirection)), { justifyContent: justifyContent }));
+});
+exports.StyledToggleSwitchGroupLegend = styled_components_1.default.legend({
+    display: 'none'
+});
 //# sourceMappingURL=styles.js.map