@veracity/vui 0.6.2 → 0.7.0-beta.0

package/svg/helpers.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stringToHTML = exports.initState = exports.getSvgContent = exports.getAttributes = void 0;
-/** Returns an object with given element's HTML attributes. */
-function getAttributes(element) {
-    if (!element)
-        return {};
-    var attrs = Array.from(element.attributes);
-    return attrs.reduce(function (props, attr) {
-        var name = attr.name, value = attr.value;
-        props[name] = value;
-        return props;
-    }, {});
-}
-exports.getAttributes = getAttributes;
-/** Returns content of the SVG HTML string by stripping the svg tag. */
-function getSvgContent(html) {
-    if (html === void 0) { html = ''; }
-    return html.replace(/(<\/?svg(?:.|\n)*?>)|(\r\n|\n|\r)/gm, '');
-}
-exports.getSvgContent = getSvgContent;
-/** Returns object with initial state values. */
-function initState() {
-    return { content: '', svgAttributes: {} };
-}
-exports.initState = initState;
-/** Returns given HTML string as an HTML element. */
-function stringToHTML(html) {
-    var container = document.createElement('div');
-    container.innerHTML = html;
-    return container.firstElementChild;
-}
-exports.stringToHTML = stringToHTML;

package/svg/index.js

@@ -1,20 +0,0 @@
-"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" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-__exportStar(require("./svg"), exports);
-var svg_1 = require("./svg");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(svg_1).default; } });
-__exportStar(require("./svg.types"), exports);

package/svg/svg.js

@@ -1,175 +0,0 @@
-"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 __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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-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;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Svg = exports.SvgBase = void 0;
-var react_1 = __importStar(require("react"));
-var core_1 = require("../core");
-var utils_1 = require("../utils");
-var cache_1 = __importDefault(require("./cache"));
-var helpers_1 = require("./helpers");
-exports.SvgBase = core_1.styled.svgBox(function (_a) {
-    var pathFill = _a.pathFill;
-    return (0, core_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t\t", "\n\t"], ["\n\t\t", "\n\t"])), pathFill !== undefined &&
-        (Array.isArray(pathFill)
-            ? pathFill
-                .map(function (fill, index) { return "\n\t\t\t\t\t& > path:nth-child(" + (index + 1) + ") {\n\t\t\t\t\t\tfill: " + fill + ";\n\t\t\t\t\t}\n\t\t\t\t"; })
-                .join()
-            : "\n\t\t\t\t& > path {\n\t\t\t\t\tfill: " + pathFill + ";\n\t\t\t\t}\n\t\t\t"));
-});
-/**
- * Displays an svg element based on provided children or 'src' prop.
- * When using src, it loads the content from the given URL and saves in in cache.
- * Then, renders the svg by parsing loaded content (Review potential for XSS due to innerHTML).
- */
-exports.Svg = (0, core_1.vui)(function (props, ref) {
-    var children = props.children, className = props.className, src = props.src, rest = __rest(props, ["children", "className", "src"]);
-    var _a = __read((0, react_1.useState)((0, helpers_1.initState)()), 2), state = _a[0], setState = _a[1];
-    var isMountedRef = (0, react_1.useRef)(false);
-    var srcRef = (0, react_1.useRef)(src);
-    var _b = state.content, content = _b === void 0 ? '' : _b, _c = state.svgAttributes, svgAttributes = _c === void 0 ? {} : _c;
-    var innerHTML = !children ? { __html: content } : undefined;
-    (0, react_1.useEffect)(function () {
-        isMountedRef.current = true;
-        return function () {
-            isMountedRef.current = false;
-        };
-    }, []);
-    (0, react_1.useEffect)(function () {
-        srcRef.current = src;
-        function loadSvg(src) {
-            return __awaiter(this, void 0, void 0, function () {
-                var response, content_1, svgEl, svgAttributes_1, error_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, 2, , 3]);
-                            return [4 /*yield*/, cache_1.default.get(src)];
-                        case 1:
-                            response = _a.sent();
-                            content_1 = (0, helpers_1.getSvgContent)(response);
-                            svgEl = (0, helpers_1.stringToHTML)(response);
-                            svgAttributes_1 = (0, helpers_1.getAttributes)(svgEl);
-                            svgAttributes_1['data-src'] = src !== null && src !== void 0 ? src : '';
-                            // Update state only when requested 'src' and current 'src' are the same
-                            if (srcRef.current === src && isMountedRef.current) {
-                                setState({ content: content_1, svgAttributes: svgAttributes_1 });
-                            }
-                            return [3 /*break*/, 3];
-                        case 2:
-                            error_1 = _a.sent();
-                            console.error(error_1); // eslint-disable-line no-console
-                            if (isMountedRef.current) {
-                                setState((0, helpers_1.initState)());
-                            }
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        }
-        src && loadSvg(src);
-    }, [src]);
-    return (react_1.default.createElement(exports.SvgBase, __assign({ className: (0, utils_1.cs)('vui-svg', className), dangerouslySetInnerHTML: innerHTML, ref: ref, xmlns: "http://www.w3.org/2000/svg" }, svgAttributes, rest), children));
-});
-exports.Svg.displayName = 'Svg';
-exports.default = exports.Svg;
-var templateObject_1;

package/switch/context.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { SwitchContext } from './switch.types';
-declare const SwitchProvider: import("react").Provider<SwitchContext>, useSwitchContext: () => SwitchContext;
-export { SwitchProvider, useSwitchContext };

package/switch/context.js

@@ -1,23 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSwitchContext = exports.SwitchProvider = void 0;
-var utils_1 = require("../utils");
-var _a = __read((0, utils_1.createContext)({ isOptional: true }), 2), SwitchProvider = _a[0], useSwitchContext = _a[1];
-exports.SwitchProvider = SwitchProvider;
-exports.useSwitchContext = useSwitchContext;

package/switch/index.js

@@ -1,23 +0,0 @@
-"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" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-__exportStar(require("./context"), exports);
-var switch_1 = require("./switch");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(switch_1).default; } });
-__exportStar(require("./switch"), exports);
-__exportStar(require("./switch.types"), exports);
-__exportStar(require("./switchButton"), exports);
-__exportStar(require("./switchLabel"), exports);

package/switch/switch.js

@@ -1,97 +0,0 @@
-"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 __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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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.Switch = exports.SwitchBase = void 0;
-var react_1 = __importStar(require("react"));
-var core_1 = require("../core");
-var utils_1 = require("../utils");
-var context_1 = require("./context");
-var switchButton_1 = require("./switchButton");
-var switchLabel_1 = require("./switchLabel");
-exports.SwitchBase = core_1.styled.labelBox(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\talign-items: center;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tline-height: normal;\n\twidth: fit-content;\n\n\t&[aria-disabled='true'] {\n\t\tcursor: not-allowed;\n\n\t\t.vui-switchLabel {\n\t\t\tcolor: disabled.color;\n\t\t}\n\t}\n"], ["\n\talign-items: center;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tline-height: normal;\n\twidth: fit-content;\n\n\t&[aria-disabled='true'] {\n\t\tcursor: not-allowed;\n\n\t\t.vui-switchLabel {\n\t\t\tcolor: disabled.color;\n\t\t}\n\t}\n"
-    /**
-     * Displays a toggle button with supporting text. Allows passing custom elements as side labels and inner labels.
-     * Forwards many relevant props to the innner input element. Exposes some props to the children via context.
-     */
-])));
-/**
- * Displays a toggle button with supporting text. Allows passing custom elements as side labels and inner labels.
- * Forwards many relevant props to the innner input element. Exposes some props to the children via context.
- */
-exports.Switch = (0, core_1.vui)(function (props, ref) {
-    var _a;
-    var button = props.button, checked = props.checked, children = props.children, className = props.className, colorScheme = props.colorScheme, defaultChecked = props.defaultChecked, disabled = props.disabled, id = props.id, innerLabelOff = props.innerLabelOff, innerLabelOn = props.innerLabelOn, inputProps = props.inputProps, inputRef = props.inputRef, labelLeft = props.labelLeft, labelRight = props.labelRight, name = props.name, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, required = props.required, size = props.size, value = props.value, variant = props.variant, rest = __rest(props, ["button", "checked", "children", "className", "colorScheme", "defaultChecked", "disabled", "id", "innerLabelOff", "innerLabelOn", "inputProps", "inputRef", "labelLeft", "labelRight", "name", "onBlur", "onChange", "onFocus", "required", "size", "value", "variant"]);
-    var styles = (0, core_1.useStyleConfig)('Switch', props);
-    var context = (0, react_1.useMemo)(function () {
-        return (0, utils_1.filterUndefined)({
-            checked: checked,
-            colorScheme: colorScheme,
-            defaultChecked: defaultChecked,
-            disabled: disabled,
-            name: name,
-            onBlur: onBlur,
-            onChange: onChange,
-            onFocus: onFocus,
-            required: required,
-            size: size,
-            value: value,
-            variant: variant
-        });
-    }, [checked, colorScheme, defaultChecked, disabled, name, onBlur, onChange, onFocus, required, size, value, variant]);
-    var aliasedProps = (0, utils_1.filterUndefined)({
-        'aria-disabled': disabled
-    });
-    return (react_1.default.createElement(context_1.SwitchProvider, { value: context },
-        react_1.default.createElement(exports.SwitchBase, __assign({ className: (0, utils_1.cs)('vui-switch', className), ref: ref }, styles.container, aliasedProps, rest),
-            (0, utils_1.isReactText)(labelLeft) ? react_1.default.createElement(switchLabel_1.SwitchLabel, { mr: 1, text: labelLeft }) : labelLeft, (_a = children !== null && children !== void 0 ? children : button) !== null && _a !== void 0 ? _a : react_1.default.createElement(switchButton_1.SwitchButton, __assign({}, { id: id, innerLabelOff: innerLabelOff, innerLabelOn: innerLabelOn, inputProps: inputProps, inputRef: inputRef })),
-            (0, utils_1.isReactText)(labelRight) ? react_1.default.createElement(switchLabel_1.SwitchLabel, { ml: 1, text: labelRight }) : labelRight)));
-});
-exports.Switch.displayName = 'Switch';
-exports.Switch.Button = switchButton_1.SwitchButton;
-exports.Switch.Label = switchLabel_1.SwitchLabel;
-exports.default = exports.Switch;
-var templateObject_1;

package/switch/switchButton.js

@@ -1,138 +0,0 @@
-"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 __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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwitchButton = exports.SwitchButtonBase = void 0;
-var react_1 = __importStar(require("react"));
-var core_1 = require("../core");
-var utils_1 = require("../utils");
-var context_1 = require("./context");
-var SwitchInput = core_1.styled.inputBox(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tcursor: inherit;\n\theight: calc(100% + 10px);\n\tleft: -5px;\n\tmargin: 0;\n\topacity: 0;\n\tpadding: 0;\n\tposition: absolute;\n\ttop: -5px;\n\twidth: calc(100% + 10px);\n\tz-index: 1;\n"], ["\n\tcursor: inherit;\n\theight: calc(100% + 10px);\n\tleft: -5px;\n\tmargin: 0;\n\topacity: 0;\n\tpadding: 0;\n\tposition: absolute;\n\ttop: -5px;\n\twidth: calc(100% + 10px);\n\tz-index: 1;\n"
-    /** Circular element that moves along the track when toggled. */
-])));
-/** Circular element that moves along the track when toggled. */
-var SwitchThumb = core_1.styled.spanBox(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tborder-radius: round;\n\tdisplay: inline-flex;\n\tflex-shrink: 0;\n\tposition: absolute;\n\ttransition-duration: fast;\n"], ["\n\tborder-radius: round;\n\tdisplay: inline-flex;\n\tflex-shrink: 0;\n\tposition: absolute;\n\ttransition-duration: fast;\n"
-    /** Track element along which the thumb moves when toggled. */
-])));
-/** Track element along which the thumb moves when toggled. */
-var SwitchTrack = core_1.styled.spanBox(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\talign-items: center;\n\tborder-radius: round;\n\tdisplay: inline-flex;\n\tflex: 1;\n\tposition: relative;\n\ttransition-duration: fast;\n"], ["\n\talign-items: center;\n\tborder-radius: round;\n\tdisplay: inline-flex;\n\tflex: 1;\n\tposition: relative;\n\ttransition-duration: fast;\n"])));
-exports.SwitchButtonBase = core_1.styled.spanBox(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\tcolor: white;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tflex-shrink: 0;\n\tposition: relative;\n\n\t&[aria-disabled='true'] {\n\t\tcursor: not-allowed;\n\n\t\t.vui-switchThumb {\n\t\t\tbackground-color: disabled.color;\n\t\t}\n\n\t\t.vui-switchTrack {\n\t\t\t// Using ring instead of border when disabled, because it's easier\n\t\t\t--x-ring-color: var(--vui-colors-disabled-border);\n\t\t\tbackground-color: disabled.bg;\n\t\t}\n\t}\n"], ["\n\tcolor: white;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tflex-shrink: 0;\n\tposition: relative;\n\n\t&[aria-disabled='true'] {\n\t\tcursor: not-allowed;\n\n\t\t.vui-switchThumb {\n\t\t\tbackground-color: disabled.color;\n\t\t}\n\n\t\t.vui-switchTrack {\n\t\t\t// Using ring instead of border when disabled, because it's easier\n\t\t\t--x-ring-color: var(--vui-colors-disabled-border);\n\t\t\tbackground-color: disabled.bg;\n\t\t}\n\t}\n"
-    /**
-     * Controls the logic and visuals of multiple inner parts, such as input, track or thumb elements.
-     * Handles controlled and uncontrolled modes.
-     */
-])));
-/**
- * Controls the logic and visuals of multiple inner parts, such as input, track or thumb elements.
- * Handles controlled and uncontrolled modes.
- */
-exports.SwitchButton = (0, core_1.vui)(function (props, ref) {
-    var mergedProps = __assign(__assign({}, (0, context_1.useSwitchContext)()), props);
-    var _a = (0, core_1.omitThemingProps)(mergedProps), checked = _a.checked, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, innerLabelOff = _a.innerLabelOff, innerLabelOn = _a.innerLabelOn, inputProps = _a.inputProps, inputRef = _a.inputRef, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, required = _a.required, value = _a.value, rest = __rest(_a, ["checked", "className", "defaultChecked", "disabled", "id", "innerLabelOff", "innerLabelOn", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "required", "value"]);
-    var isControlled = (0, react_1.useRef)(checked !== undefined).current;
-    var _b = __read((0, react_1.useState)(checked !== null && checked !== void 0 ? checked : defaultChecked), 2), isChecked = _b[0], setIsChecked = _b[1];
-    var _c = __read((0, react_1.useState)(false), 2), isFocused = _c[0], setIsFocused = _c[1];
-    var styles = (0, core_1.useStyleConfig)('Switch', (0, context_1.useSwitchContext)());
-    var _d = styles.button, thumbStyles = _d.thumb, trackStyles = _d.track, buttonStyles = __rest(_d, ["thumb", "track"]);
-    (0, react_1.useEffect)(function () {
-        isControlled && setIsChecked(checked);
-    }, [checked, isControlled]);
-    function handleOnBlur(e) {
-        setIsFocused(false);
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-    }
-    function handleOnChange(e) {
-        !isControlled && setIsChecked(e.target.checked);
-        onChange === null || onChange === void 0 ? void 0 : onChange(e);
-    }
-    function handleOnFocus(e) {
-        setIsFocused(true);
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-    }
-    var hDiff = (thumbStyles.h - trackStyles.h) / 2;
-    var thumbOffset = "calc(100% - " + Math.abs(hDiff - thumbStyles.h) + "px)";
-    var labelOffset = thumbStyles.h - hDiff + 4 + "px";
-    var aliasedProps = (0, utils_1.filterUndefined)({
-        'aria-checked': isChecked ? true : false,
-        'aria-disabled': disabled,
-        'data-focused': isFocused ? true : false
-    });
-    var thumbAliasedProps = (0, utils_1.filterUndefined)({
-        left: isChecked ? thumbOffset : -hDiff,
-        ring: isFocused ? thumbStyles.ring : 0
-    });
-    var trackAliasedProps = (0, utils_1.filterUndefined)({
-        bg: isChecked ? trackStyles.bg : 'grey.50',
-        pl: isChecked ? 1 : labelOffset,
-        pr: isChecked ? labelOffset : 1,
-        ring: !disabled ? (isFocused ? trackStyles.ring : 0) : 1
-    });
-    return (react_1.default.createElement(exports.SwitchButtonBase, __assign({ className: (0, utils_1.cs)('vui-switchButton', className), ref: ref }, buttonStyles, aliasedProps, rest),
-        react_1.default.createElement(SwitchInput, __assign({ className: "vui-switchInput", onBlur: handleOnBlur, onChange: handleOnChange, onFocus: handleOnFocus, ref: inputRef, type: "checkbox" }, { checked: checked, defaultChecked: defaultChecked, disabled: disabled, id: id, name: name, required: required, value: value }, inputProps)),
-        react_1.default.createElement(SwitchTrack, __assign({ className: "vui-switchTrack" }, trackStyles, trackAliasedProps),
-            !isChecked && innerLabelOff,
-            react_1.default.createElement(SwitchThumb, __assign({ className: "vui-switchThumb" }, thumbStyles, thumbAliasedProps)),
-            isChecked && innerLabelOn)));
-});
-exports.SwitchButton.displayName = 'SwitchButton';
-exports.default = exports.SwitchButton;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/switch/switchLabel.js

@@ -1,41 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwitchLabel = void 0;
-var react_1 = __importDefault(require("react"));
-var core_1 = require("../core");
-var t_1 = __importDefault(require("../t"));
-var utils_1 = require("../utils");
-var context_1 = require("./context");
-/** Displays label text within the Switch component. */
-exports.SwitchLabel = (0, core_1.vui)(function (props, ref) {
-    var className = props.className, rest = __rest(props, ["className"]);
-    var styles = (0, core_1.useStyleConfig)('Switch', (0, context_1.useSwitchContext)());
-    return react_1.default.createElement(t_1.default, __assign({ className: (0, utils_1.cs)('vui-switchLabel', className), display: "flex", ref: ref }, styles.label, rest));
-});
-exports.SwitchLabel.displayName = 'SwitchLabel';
-exports.default = exports.SwitchLabel;

package/switch/theme.js

@@ -1,88 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function sizeLg() {
-    var button = {
-        fontSize: 'md',
-        minW: 50,
-        thumb: {
-            h: 24,
-            w: 24
-        },
-        track: {
-            h: 28
-        }
-    };
-    var label = {
-        size: 'lg'
-    };
-    return { button: button, label: label };
-}
-function sizeMd() {
-    var button = {
-        fontSize: 'sm',
-        minW: 42,
-        thumb: {
-            h: 20,
-            w: 20
-        },
-        track: {
-            h: 24
-        }
-    };
-    var label = {
-        size: 'md'
-    };
-    return { button: button, label: label };
-}
-function sizeSm() {
-    var button = {
-        fontSize: 'xs',
-        minW: 34,
-        thumb: {
-            h: 16,
-            w: 16
-        },
-        track: {
-            h: 20
-        }
-    };
-    var label = {
-        size: 'sm'
-    };
-    return { button: button, label: label };
-}
-function variantContained(props) {
-    var c = props.colorScheme;
-    var button = {
-        thumb: {
-            bg: 'white'
-        },
-        track: {
-            bg: c + ".80",
-            ring: 3
-        }
-    };
-    return { button: button };
-}
-var baseStyle = {};
-var defaultProps = {
-    colorScheme: 'blue',
-    size: 'md',
-    variant: 'contained'
-};
-var parts = ['container', 'button', 'label'];
-var sizes = {
-    sm: sizeSm,
-    md: sizeMd,
-    lg: sizeLg
-};
-var variants = {
-    contained: variantContained
-};
-exports.default = {
-    baseStyle: baseStyle,
-    defaultProps: defaultProps,
-    parts: parts,
-    sizes: sizes,
-    variants: variants
-};