@codeleap/web 2.0.0 → 2.3.12

package/dist/components/Checkbox/index.js

@@ -1,62 +1,62 @@
-"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 __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.Checkbox = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var View_1 = require("../View");
-var Text_1 = require("../Text");
-__exportStar(require("./styles"), exports);
-var Checkbox = function (checkboxProps) {
-    var checked = checkboxProps.checked, onValueChange = checkboxProps.onValueChange, _a = checkboxProps.variants, variants = _a === void 0 ? [] : _a, _b = checkboxProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, label = checkboxProps.label, onChange = checkboxProps.onChange, styles = checkboxProps.styles, props = __rest(checkboxProps, ["checked", "onValueChange", "variants", "responsiveVariants", "label", "onChange", "styles"]);
-    function handleChange(e, value) {
-        var isChecked = common_1.TypeGuards.isBoolean(value) ? value : e.target.checked;
-        if (e) {
-            onChange && onChange(e);
-        }
-        onValueChange && onValueChange(isChecked);
-    }
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Checkbox', {
-        responsiveVariants: responsiveVariants,
-        variants: variants,
-        styles: styles,
-    });
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'label', css: __assign({}, variantStyles.wrapper) }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props, { css: variantStyles.input, onChange: handleChange, type: 'checkbox', checked: checked })), (0, jsx_runtime_1.jsx)("span", { className: 'checkbox-label', onClick: function () { return handleChange(null, !checked); }, css: __assign(__assign({}, variantStyles.checkmarkWrapper), { '&:after': __assign({}, variantStyles.checkmark) }) }), typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, styles: { text: variantStyles.label } })) : (label)] })));
-};
-exports.Checkbox = 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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 __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.Checkbox = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var View_1 = require("../View");
+var Text_1 = require("../Text");
+__exportStar(require("./styles"), exports);
+var Checkbox = function (checkboxProps) {
+    var checked = checkboxProps.checked, onValueChange = checkboxProps.onValueChange, _a = checkboxProps.variants, variants = _a === void 0 ? [] : _a, _b = checkboxProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, label = checkboxProps.label, onChange = checkboxProps.onChange, styles = checkboxProps.styles, props = __rest(checkboxProps, ["checked", "onValueChange", "variants", "responsiveVariants", "label", "onChange", "styles"]);
+    function handleChange(e, value) {
+        var isChecked = common_1.TypeGuards.isBoolean(value) ? value : e.target.checked;
+        if (e) {
+            onChange && onChange(e);
+        }
+        onValueChange && onValueChange(isChecked);
+    }
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Checkbox', {
+        responsiveVariants: responsiveVariants,
+        variants: variants,
+        styles: styles,
+    });
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'label', css: __assign({}, variantStyles.wrapper) }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props, { css: variantStyles.input, onChange: handleChange, type: 'checkbox', checked: checked })), (0, jsx_runtime_1.jsx)("span", { className: 'checkbox-label', onClick: function () { return handleChange(null, !checked); }, css: __assign(__assign({}, variantStyles.checkmarkWrapper), { '&:after': __assign({}, variantStyles.checkmark) }) }), typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, styles: { text: variantStyles.label } })) : (label)] })));
+};
+exports.Checkbox = Checkbox;
 //# sourceMappingURL=index.js.map

package/dist/components/Checkbox/styles.d.ts

@@ -1,53 +1,53 @@
-export declare type WebCheckboxComposition = 'wrapper' | 'label' | 'input' | 'checkmark' | 'checkmarkWrapper';
-export declare const WebCheckboxStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
-};
+export declare type WebCheckboxComposition = 'wrapper' | 'label' | 'input' | 'checkmark' | 'checkmarkWrapper';
+export declare const WebCheckboxStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+};

package/dist/components/Checkbox/styles.js

@@ -1,64 +1,64 @@
-"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.WebCheckboxStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createCheckboxStyle = (0, common_1.createDefaultVariantFactory)();
-var presets = (0, common_1.includePresets)(function (styles) { return createCheckboxStyle(function () { return ({ wrapper: styles }); }); });
-exports.WebCheckboxStyles = __assign(__assign({}, presets), { default: createCheckboxStyle(function (theme) { return ({
-        wrapper: {
-            display: 'flex',
-            alignItems: 'center',
-            position: 'relative',
-            cursor: 'pointer',
-            minHeight: '18px',
-            minWidth: '18px',
-            '.checkbox-label': {
-                height: '18px',
-                width: '18px',
-                border: "1px solid ".concat(theme.colors.gray),
-                borderRadius: theme.borderRadius.small,
-                position: 'absolute',
-                overflow: 'hidden',
-                top: '50%',
-                transform: 'translateY(-50%)',
-                transition: 'background 0.3s ease',
-                ':after': {
-                    content: '""',
-                    border: "2px solid ".concat(theme.colors.white),
-                    borderLeftColor: 'transparent',
-                    borderTopColor: 'transparent',
-                    height: '40%',
-                    width: '20%',
-                    position: 'absolute',
-                    left: '50%',
-                    top: '40%',
-                    transform: 'translate(-50%,-50%) rotate(45deg) scale(0)',
-                    transition: 'transform 0.2s ease',
-                },
-            },
-        },
-        label: __assign({}, theme.spacing.marginLeft(1)),
-        input: {
-            visibility: 'hidden',
-            height: 0,
-            width: 0,
-            '&:checked + .checkbox-label': {
-                '&:after': {
-                    transform: 'translate(-50%,-50%) rotate(45deg) scale(1)',
-                },
-                background: theme.colors.primary,
-            },
-        },
-    }); }) });
+"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.WebCheckboxStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createCheckboxStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createCheckboxStyle(function () { return ({ wrapper: styles }); }); });
+exports.WebCheckboxStyles = __assign(__assign({}, presets), { default: createCheckboxStyle(function (theme) { return ({
+        wrapper: {
+            display: 'flex',
+            alignItems: 'center',
+            position: 'relative',
+            cursor: 'pointer',
+            minHeight: '18px',
+            minWidth: '18px',
+            '.checkbox-label': {
+                height: '18px',
+                width: '18px',
+                border: "1px solid ".concat(theme.colors.gray),
+                borderRadius: theme.borderRadius.small,
+                position: 'absolute',
+                overflow: 'hidden',
+                top: '50%',
+                transform: 'translateY(-50%)',
+                transition: 'background 0.3s ease',
+                ':after': {
+                    content: '""',
+                    border: "2px solid ".concat(theme.colors.white),
+                    borderLeftColor: 'transparent',
+                    borderTopColor: 'transparent',
+                    height: '40%',
+                    width: '20%',
+                    position: 'absolute',
+                    left: '50%',
+                    top: '40%',
+                    transform: 'translate(-50%,-50%) rotate(45deg) scale(0)',
+                    transition: 'transform 0.2s ease',
+                },
+            },
+        },
+        label: __assign({}, theme.spacing.marginLeft(1)),
+        input: {
+            visibility: 'hidden',
+            height: 0,
+            width: 0,
+            '&:checked + .checkbox-label': {
+                '&:after': {
+                    transform: 'translate(-50%,-50%) rotate(45deg) scale(1)',
+                },
+                background: theme.colors.primary,
+            },
+        },
+    }); }) });
 //# sourceMappingURL=styles.js.map

package/dist/components/Collapse.d.ts

@@ -1,20 +1,20 @@
-import { ViewProps } from './View';
-import { ElementType } from 'react';
-export declare type CollapseAxis = 'horizontal' | 'vertical';
-export declare type GetCollapseStylesArgs = {
-    direction?: CollapseAxis;
-    value: string | number;
-    animation?: string;
-    scroll?: boolean;
-};
-declare type CollapseComposition = 'wrapper' | 'wrapper:open' | 'wrapper:hidden';
-export declare function getCollapseStyles<TCSS = React.CSSProperties, Return extends Record<CollapseComposition, TCSS> = Record<CollapseComposition, TCSS>>(args: GetCollapseStylesArgs): Return;
-export declare type CollapseProps<T extends ElementType = 'div'> = ViewProps<T> & {
-    open: boolean;
-    scroll?: boolean;
-    size?: string | number;
-    direction?: CollapseAxis;
-    animation?: string;
-};
-export declare const Collapse: React.FC<CollapseProps>;
-export {};
+import { ViewProps } from './View';
+import { ElementType } from 'react';
+export declare type CollapseAxis = 'horizontal' | 'vertical';
+export declare type GetCollapseStylesArgs = {
+    direction?: CollapseAxis;
+    value: string | number;
+    animation?: string;
+    scroll?: boolean;
+};
+declare type CollapseComposition = 'wrapper' | 'wrapper:open' | 'wrapper:hidden';
+export declare function getCollapseStyles<TCSS = React.CSSProperties, Return extends Record<CollapseComposition, TCSS> = Record<CollapseComposition, TCSS>>(args: GetCollapseStylesArgs): Return;
+export declare type CollapseProps<T extends ElementType = 'div'> = ViewProps<T> & {
+    open: boolean;
+    scroll?: boolean;
+    size?: string | number;
+    direction?: CollapseAxis;
+    animation?: string;
+};
+export declare const Collapse: React.FC<CollapseProps>;
+export {};

package/dist/components/Collapse.js

@@ -1,68 +1,68 @@
-"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.Collapse = exports.getCollapseStyles = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var Scroll_1 = require("./Scroll");
-var View_1 = require("./View");
-function getCollapseStyles(args) {
-    var _a, _b;
-    var _c = args.direction, direction = _c === void 0 ? 'vertical' : _c, value = args.value, _d = args.animation, animation = _d === void 0 ? '0.3s ease' : _d, _e = args.scroll, scroll = _e === void 0 ? false : _e;
-    var dimension = direction === 'horizontal' ? 'width' : 'height';
-    var capitalizedDimension = (0, common_1.capitalize)(dimension);
-    var overflowOpen = scroll ? 'auto' : 'hidden';
-    var axis = direction === 'vertical' ? 'Y' : 'X';
-    return {
-        'wrapper:closed': (_a = {},
-            _a["max".concat(capitalizedDimension)] = '0px',
-            _a["overflow".concat(axis)] = 'hidden',
-            _a),
-        'wrapper:open': (_b = {},
-            _b["max".concat(capitalizedDimension)] = common_1.TypeGuards.isString(value) ? value : "".concat(value, "px"),
-            _b["overflow".concat(axis)] = overflowOpen,
-            _b),
-        wrapper: {
-            height: 'auto',
-            transition: "max-".concat(dimension, " ").concat(animation),
-        },
-    };
-}
-exports.getCollapseStyles = getCollapseStyles;
-var Collapse = function (_a) {
-    var open = _a.open, _b = _a.size, size = _b === void 0 ? 1000 : _b, _c = _a.scroll, scroll = _c === void 0 ? false : _c, children = _a.children, direction = _a.direction, animation = _a.animation, props = __rest(_a, ["open", "size", "scroll", "children", "direction", "animation"]);
-    var Component = scroll ? Scroll_1.Scroll : View_1.View;
-    var styles = getCollapseStyles({
-        value: size,
-        direction: direction,
-        animation: animation,
-    });
-    // @ts-ignore
-    return (0, jsx_runtime_1.jsx)(Component, __assign({ css: [
-            styles.wrapper,
-            open ? styles['wrapper:open'] : styles['wrapper:closed'],
-        ] }, props, { children: children }));
-};
-exports.Collapse = Collapse;
+"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.Collapse = exports.getCollapseStyles = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var Scroll_1 = require("./Scroll");
+var View_1 = require("./View");
+function getCollapseStyles(args) {
+    var _a, _b;
+    var _c = args.direction, direction = _c === void 0 ? 'vertical' : _c, value = args.value, _d = args.animation, animation = _d === void 0 ? '0.3s ease' : _d, _e = args.scroll, scroll = _e === void 0 ? false : _e;
+    var dimension = direction === 'horizontal' ? 'width' : 'height';
+    var capitalizedDimension = (0, common_1.capitalize)(dimension);
+    var overflowOpen = scroll ? 'auto' : 'hidden';
+    var axis = direction === 'vertical' ? 'Y' : 'X';
+    return {
+        'wrapper:closed': (_a = {},
+            _a["max".concat(capitalizedDimension)] = '0px',
+            _a["overflow".concat(axis)] = 'hidden',
+            _a),
+        'wrapper:open': (_b = {},
+            _b["max".concat(capitalizedDimension)] = common_1.TypeGuards.isString(value) ? value : "".concat(value, "px"),
+            _b["overflow".concat(axis)] = overflowOpen,
+            _b),
+        wrapper: {
+            height: 'auto',
+            transition: "max-".concat(dimension, " ").concat(animation),
+        },
+    };
+}
+exports.getCollapseStyles = getCollapseStyles;
+var Collapse = function (_a) {
+    var open = _a.open, _b = _a.size, size = _b === void 0 ? 1000 : _b, _c = _a.scroll, scroll = _c === void 0 ? false : _c, children = _a.children, direction = _a.direction, animation = _a.animation, props = __rest(_a, ["open", "size", "scroll", "children", "direction", "animation"]);
+    var Component = scroll ? Scroll_1.Scroll : View_1.View;
+    var styles = getCollapseStyles({
+        value: size,
+        direction: direction,
+        animation: animation,
+    });
+    // @ts-ignore
+    return (0, jsx_runtime_1.jsx)(Component, __assign({ css: [
+            styles.wrapper,
+            open ? styles['wrapper:open'] : styles['wrapper:closed'],
+        ] }, props, { children: children }));
+};
+exports.Collapse = Collapse;
 //# sourceMappingURL=Collapse.js.map

package/dist/components/ContentView.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { ComponentVariants, ContentViewStyles, ViewComposition } from '@codeleap/common';
-import { ViewProps } from './View';
-import { StylesOf } from '../types/utility';
-export declare type ContentViewProps = Omit<ViewProps<'div'>, 'variants' | 'responsiveVariants'> & {
-    placeholderMsg: string;
-    loading?: boolean;
-    styles?: StylesOf<ViewComposition>;
-} & ComponentVariants<typeof ContentViewStyles>;
-export declare const ContentView: React.FC<ContentViewProps>;
+import React from 'react';
+import { ComponentVariants, ContentViewStyles, ViewComposition } from '@codeleap/common';
+import { ViewProps } from './View';
+import { StylesOf } from '../types/utility';
+export declare type ContentViewProps = Omit<ViewProps<'div'>, 'variants' | 'responsiveVariants'> & {
+    placeholderMsg: string;
+    loading?: boolean;
+    styles?: StylesOf<ViewComposition>;
+} & ComponentVariants<typeof ContentViewStyles>;
+export declare const ContentView: React.FC<ContentViewProps>;