@codeleap/web 2.0.1 → 2.3.12

package/dist/components/RadioInput/index.js

@@ -1,55 +1,55 @@
-"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.RadioGroup = exports.RadioButton = exports.WebRadioInputStyles = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = require("react");
-var uuid_1 = require("uuid");
-var Text_1 = require("../Text");
-var Touchable_1 = require("../Touchable");
-var common_1 = require("@codeleap/common");
-var View_1 = require("../View");
-var styles_1 = require("./styles");
-Object.defineProperty(exports, "WebRadioInputStyles", { enumerable: true, get: function () { return styles_1.WebRadioInputStyles; } });
-var getRadioStyle = function (props) { return (0, common_1.useDefaultComponentStyle)('RadioInput', props); };
-var RadioButton = function (_a) {
-    var item = _a.item, select = _a.select, style = _a.style, checked = _a.checked, props = __rest(_a, ["item", "select", "style", "checked"]);
-    var styleByState = checked
-        ? style['button:checked']
-        : style['button:unchecked'];
-    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: select, css: style.itemWrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, { css: __assign(__assign(__assign({}, style.button), styleByState), { '&:after': __assign(__assign({}, style['button:mark']), styleByState === null || styleByState === void 0 ? void 0 : styleByState['&:after']) }) }), typeof item.label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: item.label, css: style.itemText })) : (item.label)] })));
-};
-exports.RadioButton = RadioButton;
-var RadioGroup = function (radioGroupProps) {
-    var options = radioGroupProps.options, value = radioGroupProps.value, onValueChange = radioGroupProps.onValueChange, label = radioGroupProps.label, responsiveVariants = radioGroupProps.responsiveVariants, variants = radioGroupProps.variants, styles = radioGroupProps.styles;
-    var radioName = (0, react_1.useRef)((0, uuid_1.v4)()).current;
-    var radioStyle = getRadioStyle({
-        responsiveVariants: responsiveVariants,
-        variants: variants,
-        styles: styles,
-    });
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: radioStyle.wrapper }, { children: [typeof label === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: label }) : label, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: radioStyle.listWrapper }, { children: options === null || options === void 0 ? void 0 : options.map(function (item, idx) { return ((0, jsx_runtime_1.jsx)(exports.RadioButton, { item: item, style: radioStyle, name: radioName, checked: value === item.value, select: function () { return onValueChange(item.value); } }, idx)); }) }))] })));
-};
-exports.RadioGroup = RadioGroup;
+"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.RadioGroup = exports.RadioButton = exports.WebRadioInputStyles = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("react");
+var uuid_1 = require("uuid");
+var Text_1 = require("../Text");
+var Touchable_1 = require("../Touchable");
+var common_1 = require("@codeleap/common");
+var View_1 = require("../View");
+var styles_1 = require("./styles");
+Object.defineProperty(exports, "WebRadioInputStyles", { enumerable: true, get: function () { return styles_1.WebRadioInputStyles; } });
+var getRadioStyle = function (props) { return (0, common_1.useDefaultComponentStyle)('RadioInput', props); };
+var RadioButton = function (_a) {
+    var item = _a.item, select = _a.select, style = _a.style, checked = _a.checked, props = __rest(_a, ["item", "select", "style", "checked"]);
+    var styleByState = checked
+        ? style['button:checked']
+        : style['button:unchecked'];
+    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: select, css: style.itemWrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, { css: __assign(__assign(__assign({}, style.button), styleByState), { '&:after': __assign(__assign({}, style['button:mark']), styleByState === null || styleByState === void 0 ? void 0 : styleByState['&:after']) }) }), typeof item.label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: item.label, css: style.itemText })) : (item.label)] })));
+};
+exports.RadioButton = RadioButton;
+var RadioGroup = function (radioGroupProps) {
+    var options = radioGroupProps.options, value = radioGroupProps.value, onValueChange = radioGroupProps.onValueChange, label = radioGroupProps.label, responsiveVariants = radioGroupProps.responsiveVariants, variants = radioGroupProps.variants, styles = radioGroupProps.styles;
+    var radioName = (0, react_1.useRef)((0, uuid_1.v4)()).current;
+    var radioStyle = getRadioStyle({
+        responsiveVariants: responsiveVariants,
+        variants: variants,
+        styles: styles,
+    });
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: radioStyle.wrapper }, { children: [typeof label === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: label }) : label, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: radioStyle.listWrapper }, { children: options === null || options === void 0 ? void 0 : options.map(function (item, idx) { return ((0, jsx_runtime_1.jsx)(exports.RadioButton, { item: item, style: radioStyle, name: radioName, checked: value === item.value, select: function () { return onValueChange(item.value); } }, idx)); }) }))] })));
+};
+exports.RadioGroup = RadioGroup;
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/RadioInput/styles.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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebRadioInputStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createRadioStyle = (0, common_1.createDefaultVariantFactory)();
-var defaultStyles = common_1.RadioInputStyles.default;
-exports.WebRadioInputStyles = __assign(__assign({}, common_1.RadioInputStyles), { default: createRadioStyle(function (theme) {
-        var style = defaultStyles(theme);
-        return __assign(__assign({}, style), { itemWrapper: __assign(__assign({}, style.itemWrapper), { cursor: 'pointer' }), button: __assign({ height: '1em', width: '1em', borderRadius: theme.borderRadius.large, border: theme.border.primary(1), position: 'relative' }, theme.spacing.marginRight(1)), 'button:mark': {
-                background: theme.colors.primary,
-                content: '""',
-                position: 'absolute',
-                left: '50%',
-                top: '50%',
-                transform: 'translate(-50%,-50%)',
-                borderRadius: theme.borderRadius.large,
-                height: '50%',
-                width: '50%',
-                visibility: 'hidden',
-            }, 'button:checked': {
-                '&:after': {
-                    visibility: 'visible',
-                },
-            } });
-    }), square: createRadioStyle(function () { return ({
-        'button:mark': {
-            borderRadius: '1px',
-        },
-        button: {
-            borderRadius: '1px',
-        },
-    }); }) });
+"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.WebRadioInputStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createRadioStyle = (0, common_1.createDefaultVariantFactory)();
+var defaultStyles = common_1.RadioInputStyles.default;
+exports.WebRadioInputStyles = __assign(__assign({}, common_1.RadioInputStyles), { default: createRadioStyle(function (theme) {
+        var style = defaultStyles(theme);
+        return __assign(__assign({}, style), { itemWrapper: __assign(__assign({}, style.itemWrapper), { cursor: 'pointer' }), button: __assign({ height: '1em', width: '1em', borderRadius: theme.borderRadius.large, border: theme.border.primary(1), position: 'relative' }, theme.spacing.marginRight(1)), 'button:mark': {
+                background: theme.colors.primary,
+                content: '""',
+                position: 'absolute',
+                left: '50%',
+                top: '50%',
+                transform: 'translate(-50%,-50%)',
+                borderRadius: theme.borderRadius.large,
+                height: '50%',
+                width: '50%',
+                visibility: 'hidden',
+            }, 'button:checked': {
+                '&:after': {
+                    visibility: 'visible',
+                },
+            } });
+    }), square: createRadioStyle(function () { return ({
+        'button:mark': {
+            borderRadius: '1px',
+        },
+        button: {
+            borderRadius: '1px',
+        },
+    }); }) });
 //# sourceMappingURL=styles.js.map

package/dist/components/RouterPage/Menu.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { MenuItemProps } from './MenuItem';
-import { MenuComposition } from '@codeleap/common';
-import { StylesOf } from '../../types/utility';
-declare type RouterMenuProps = {
-    items: MenuItemProps['data'][];
-    styles?: StylesOf<MenuComposition>;
-};
-export declare const Menu: React.FC<RouterMenuProps>;
-export {};
+/// <reference types="react" />
+import { MenuItemProps } from './MenuItem';
+import { MenuComposition } from '@codeleap/common';
+import { StylesOf } from '../../types/utility';
+declare type RouterMenuProps = {
+    items: MenuItemProps['data'][];
+    styles?: StylesOf<MenuComposition>;
+};
+export declare const Menu: React.FC<RouterMenuProps>;
+export {};

package/dist/components/RouterPage/Menu.js

@@ -1,36 +1,36 @@
-"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.Menu = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var View_1 = require("../View");
-var CenterWrapper_1 = require("../CenterWrapper");
-var HorizontalScroll_1 = require("../HorizontalScroll");
-var MenuItem_1 = require("./MenuItem");
-var common_1 = require("@codeleap/common");
-var TabsWrapper = function (_a) {
-    var children = _a.children, styles = _a.styles;
-    var Theme = (0, common_1.useCodeleapContext)().Theme;
-    var isMobile = Theme.hooks.down('small');
-    var wrapperStyle = isMobile ? styles.topMenu : styles.sideMenu;
-    if (isMobile) {
-        return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: [wrapperStyle] }, { children: (0, jsx_runtime_1.jsx)(CenterWrapper_1.CenterWrapper, { children: (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: styles.mobileMenu }, { children: (0, jsx_runtime_1.jsx)(HorizontalScroll_1.HorizontalScroll, __assign({ css: styles.horizontalScroll }, { children: children })) })) }) })));
-    }
-    return (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: [wrapperStyle] }, { children: children }));
-};
-var Menu = function (_a) {
-    var items = _a.items, styles = _a.styles;
-    return ((0, jsx_runtime_1.jsx)(TabsWrapper, __assign({ styles: styles }, { children: items.map(function (data) { return ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { data: data, styles: styles }, data.path)); }) })));
-};
-exports.Menu = Menu;
+"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.Menu = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var View_1 = require("../View");
+var CenterWrapper_1 = require("../CenterWrapper");
+var HorizontalScroll_1 = require("../HorizontalScroll");
+var MenuItem_1 = require("./MenuItem");
+var common_1 = require("@codeleap/common");
+var TabsWrapper = function (_a) {
+    var children = _a.children, styles = _a.styles;
+    var Theme = (0, common_1.useCodeleapContext)().Theme;
+    var isMobile = Theme.hooks.down('small');
+    var wrapperStyle = isMobile ? styles.topMenu : styles.sideMenu;
+    if (isMobile) {
+        return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: [wrapperStyle] }, { children: (0, jsx_runtime_1.jsx)(CenterWrapper_1.CenterWrapper, { children: (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: styles.mobileMenu }, { children: (0, jsx_runtime_1.jsx)(HorizontalScroll_1.HorizontalScroll, __assign({ css: styles.horizontalScroll }, { children: children })) })) }) })));
+    }
+    return (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: [wrapperStyle] }, { children: children }));
+};
+var Menu = function (_a) {
+    var items = _a.items, styles = _a.styles;
+    return ((0, jsx_runtime_1.jsx)(TabsWrapper, __assign({ styles: styles }, { children: items.map(function (data) { return ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { data: data, styles: styles }, data.path)); }) })));
+};
+exports.Menu = Menu;
 //# sourceMappingURL=Menu.js.map

package/dist/components/RouterPage/MenuItem.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { IconPlaceholder, StylesOf } from '@codeleap/common';
-import { MenuComposition } from './styles';
-export declare type MenuItemProps = {
-    data: {
-        icon: IconPlaceholder;
-        title: string;
-        path: string;
-    };
-    styles: StylesOf<MenuComposition>;
-};
-export declare const MenuItem: React.FC<MenuItemProps>;
+import React from 'react';
+import { IconPlaceholder, StylesOf } from '@codeleap/common';
+import { MenuComposition } from './styles';
+export declare type MenuItemProps = {
+    data: {
+        icon: IconPlaceholder;
+        title: string;
+        path: string;
+    };
+    styles: StylesOf<MenuComposition>;
+};
+export declare const MenuItem: React.FC<MenuItemProps>;

package/dist/components/RouterPage/MenuItem.js

@@ -1,42 +1,42 @@
-"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.MenuItem = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var Text_1 = require("../Text");
-var Icon_1 = require("../Icon");
-var Link_1 = require("../Link");
-var common_1 = require("@codeleap/common");
-var utils_1 = require("../../lib/utils");
-var gatsby_1 = require("gatsby");
-var RouterLink = function (props) { return ((0, jsx_runtime_1.jsx)(Link_1.Link, __assign({ component: gatsby_1.Link }, props))); };
-var MenuItem = function (props) {
-    var styles = props.styles;
-    var _a = props.data, title = _a.title, path = _a.path, icon = _a.icon;
-    var pathname = (0, utils_1.url)().pathname;
-    var selected = pathname.includes(path);
-    var Theme = (0, common_1.useCodeleapContext)().Theme;
-    var isMobile = Theme.hooks.down('small');
-    if (isMobile) {
-        return ((0, jsx_runtime_1.jsxs)(RouterLink, __assign({ to: path, css: [styles['menuItem:mobile']] }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'p3', css: [
-                        styles['menuItem:text:mobile'],
-                        selected && styles['menuItem:text:selected'],
-                    ], text: title }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, style: __assign(__assign({}, styles['menuItem:icon:mobile']), selected && styles['menuItem:icon:mobile:selected']) })] })));
-    }
-    return ((0, jsx_runtime_1.jsxs)(RouterLink, __assign({ to: path, css: [styles.menuItem] }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, style: __assign(__assign({}, styles['menuItem:icon']), selected && styles['menuItem:icon:selected']) }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'p3', css: [
-                    styles['menuItem:text'],
-                    selected && styles['menuItem:text:selected'],
-                ], text: title })] })));
-};
-exports.MenuItem = MenuItem;
+"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.MenuItem = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var Text_1 = require("../Text");
+var Icon_1 = require("../Icon");
+var Link_1 = require("../Link");
+var common_1 = require("@codeleap/common");
+var utils_1 = require("../../lib/utils");
+var gatsby_1 = require("gatsby");
+var RouterLink = function (props) { return ((0, jsx_runtime_1.jsx)(Link_1.Link, __assign({ component: gatsby_1.Link }, props))); };
+var MenuItem = function (props) {
+    var styles = props.styles;
+    var _a = props.data, title = _a.title, path = _a.path, icon = _a.icon;
+    var pathname = (0, utils_1.url)().pathname;
+    var selected = pathname.includes(path);
+    var Theme = (0, common_1.useCodeleapContext)().Theme;
+    var isMobile = Theme.hooks.down('small');
+    if (isMobile) {
+        return ((0, jsx_runtime_1.jsxs)(RouterLink, __assign({ to: path, css: [styles['menuItem:mobile']] }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'p3', css: [
+                        styles['menuItem:text:mobile'],
+                        selected && styles['menuItem:text:selected'],
+                    ], text: title }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, style: __assign(__assign({}, styles['menuItem:icon:mobile']), selected && styles['menuItem:icon:mobile:selected']) })] })));
+    }
+    return ((0, jsx_runtime_1.jsxs)(RouterLink, __assign({ to: path, css: [styles.menuItem] }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, style: __assign(__assign({}, styles['menuItem:icon']), selected && styles['menuItem:icon:selected']) }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'p3', css: [
+                    styles['menuItem:text'],
+                    selected && styles['menuItem:text:selected'],
+                ], text: title })] })));
+};
+exports.MenuItem = MenuItem;
 //# sourceMappingURL=MenuItem.js.map

package/dist/components/RouterPage/Router.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-declare type RouterProps = {
-    basePath: string;
-    style?: any;
-    defaultPath?: string;
-};
-export declare const Router: React.FC<RouterProps>;
-export {};
+import React from 'react';
+declare type RouterProps = {
+    basePath: string;
+    style?: any;
+    defaultPath?: string;
+};
+export declare const Router: React.FC<RouterProps>;
+export {};

package/dist/components/RouterPage/Router.js

@@ -1,27 +1,27 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Router = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
-var router_1 = require("@reach/router");
-var Router = function (props) {
-    var children = props.children, style = props.style, basePath = props.basePath, defaultPath = props.defaultPath;
-    var base = "".concat(basePath);
-    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(router_1.Router, __assign({ basepath: base, style: style }, { children: children })) }));
-};
-exports.Router = Router;
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Router = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var router_1 = require("@reach/router");
+var Router = function (props) {
+    var children = props.children, style = props.style, basePath = props.basePath, defaultPath = props.defaultPath;
+    var base = "".concat(basePath);
+    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(router_1.Router, __assign({ basepath: base, style: style }, { children: children })) }));
+};
+exports.Router = Router;
 //# sourceMappingURL=Router.js.map