@codeleap/web 1.0.1 → 1.1.3

package/dist/components/ActivityIndicator/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CSSObject } from '@emotion/react';
 import { ComponentVariants, ActivityIndicatorStyles, ActivityIndicatorComposition } from '@codeleap/common';
 import { StylesOf } from '../../types/utility';

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

@@ -2,7 +2,6 @@ import { ActivityIndicatorComposition } from '@codeleap/common';
 export declare const WebActivityIndicatorStyles: {
     default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
@@ -13,6 +12,7 @@ export declare const WebActivityIndicatorStyles: {
     wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
@@ -39,4 +39,8 @@ export declare const WebActivityIndicatorStyles: {
     scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
 };

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

@@ -0,0 +1,12 @@
+import { ComponentVariants, StylesOf } from '@codeleap/common';
+import { ComponentPropsWithRef } from 'react';
+import { WebCheckboxComposition, WebCheckboxStyles as CheckboxStyles } from './styles';
+declare type NativeCheckboxProps = ComponentPropsWithRef<'input'>;
+export * from './styles';
+export declare type CheckboxProps = NativeCheckboxProps & {
+    checked?: boolean;
+    onValueChange?: (checked: boolean) => any;
+    label?: React.ReactNode;
+    styles?: StylesOf<WebCheckboxComposition>;
+} & ComponentVariants<typeof CheckboxStyles>;
+export declare const Checkbox: (checkboxProps: CheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Checkbox/index.js

@@ -0,0 +1,57 @@
+"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;
+    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 __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) {
+        onChange && onChange(e);
+        onValueChange && onValueChange(e.target.checked);
+    }
+    var variantStyles = (0, common_1.useComponentStyle)('Checkbox', {
+        responsiveVariants: responsiveVariants,
+        variants: variants,
+        styles: styles,
+    });
+    var logger = (0, common_1.useStyle)().logger;
+    logger.log('Checkbox Style', variantStyles, 'Style');
+    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 }), void 0), (0, jsx_runtime_1.jsx)("span", { className: 'checkbox-label', css: __assign(__assign({}, variantStyles.checkmarkWrapper), { '&:after': __assign({}, variantStyles.checkmark) }) }, void 0), typeof label === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, styles: { text: variantStyles.label } }, void 0) : label] }), void 0);
+};
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=index.js.map

package/dist/components/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,2CAA4F;AAE5F,gCAA8B;AAC9B,gCAA8B;AAG9B,2CAAwB;AAQjB,IAAM,QAAQ,GAAG,UAAC,aAA2B;IAC3C,IAAA,OAAO,GAA6F,aAAa,QAA1G,EAAE,aAAa,GAA8E,aAAa,cAA3F,EAAE,KAA4E,aAAa,SAA7E,EAAZ,QAAQ,mBAAE,EAAE,KAAA,EAAE,KAA8D,aAAa,mBAApD,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EAAE,KAAK,GAAgC,aAAa,MAA7C,EAAE,QAAQ,GAAsB,aAAa,SAAnC,EAAE,MAAM,GAAc,aAAa,OAA3B,EAAK,KAAK,UAAI,aAAa,EAAlH,6FAAkG,CAAD,CAAiB;IAExH,SAAS,YAAY,CAAC,CAAqC;QACzD,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAA;QACvB,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAClD,CAAC;IAED,IAAM,aAAa,GAAI,IAAA,0BAAiB,EAAC,UAAU,EAAE;QACnD,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAqC,CAAA;IAE/B,IAAA,MAAM,GAAI,IAAA,iBAAQ,GAAE,OAAd,CAAc;IAC3B,MAAM,CAAC,GAAG,CAAC,gBAAgB,EAAE,aAAa,EAAE,OAAO,CAAC,CAAA;IAEpD,OAAO,wBAAC,WAAI,aAAC,SAAS,EAAC,OAAO,EAAC,GAAG,eAAM,aAAa,CAAC,OAAO,kBAC3D,6CAAW,KAAK,IAAE,GAAG,EAAE,aAAa,CAAC,KAAK,EAAG,QAAQ,EAAE,YAAY,EAAG,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,YAAG,EACzG,iCAAM,SAAS,EAAC,gBAAgB,EAAC,GAAG,wBAC/B,aAAa,CAAC,gBAAgB,KACjC,SAAS,eACJ,aAAa,CAAC,SAAS,eAE1B,EAEF,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAE,uBAAC,WAAI,IAAE,IAAI,EAAE,KAAK,EAAG,MAAM,EAAE,EAAC,IAAI,EAAE,aAAa,CAAC,KAAK,EAAC,WAAG,CAAC,CAAC,CAAC,KAAK,aAE7F,CAAA;AACT,CAAC,CAAA;AA7BY,QAAA,QAAQ,YA6BpB"}

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

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

package/dist/components/Checkbox/styles.js

@@ -0,0 +1,58 @@
+"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',
+            '.checkbox-label': {
+                height: '18px',
+                width: '18px',
+                border: "1px solid ".concat(theme.colors.gray),
+                borderRadius: theme.borderRadius.small,
+                position: 'absolute',
+                overflow: 'hidden',
+                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',
+            '&:checked + .checkbox-label': {
+                '&:after': {
+                    transform: 'translate(-50%,-50%) rotate(45deg) scale(1)',
+                },
+                background: theme.colors.primary,
+            },
+        },
+    }); }) });
+//# sourceMappingURL=styles.js.map

package/dist/components/Checkbox/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA4E;AAG5E,IAAM,mBAAmB,GAAG,IAAA,oCAA2B,GAA0B,CAAA;AAEjF,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,mBAAmB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAhD,CAAgD,CAAC,CAAA;AAE/E,QAAA,iBAAiB,yBACzB,OAAO,KACV,OAAO,EAAE,mBAAmB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,SAAS;YACjB,iBAAiB,EAAE;gBACjB,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,oBAAa,KAAK,CAAC,MAAM,CAAC,IAAI,CAAE;gBACxC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;gBACtC,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,sBAAsB;gBAClC,QAAQ,EAAE;oBACR,OAAO,EAAE,IAAI;oBACb,MAAM,EAAE,oBAAa,KAAK,CAAC,MAAM,CAAC,KAAK,CAAE;oBACzC,eAAe,EAAE,aAAa;oBAC9B,cAAc,EAAE,aAAa;oBAC7B,MAAM,EAAE,KAAK;oBACb,KAAK,EAAE,KAAK;oBACZ,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,KAAK;oBACX,GAAG,EAAE,KAAK;oBAEV,SAAS,EAAE,6CAA6C;oBACxD,UAAU,EAAE,qBAAqB;iBAClC;aACF;SAEF;QACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAG/B;QACD,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,6BAA6B,EAAE;gBAC7B,SAAS,EAAE;oBACT,SAAS,EAAE,6CAA6C;iBACzD;gBACD,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACjC;SACF;KACF,CAAC,EA7CsC,CA6CtC,CAAC,IAEJ"}

package/dist/components/ContentView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentVariants, ContentViewStyles, ViewComposition } from '@codeleap/common';
 import { ViewProps } from './View';
 import { StylesOf } from '../types/utility';

package/dist/components/ContentView.js

@@ -40,7 +40,7 @@ var ContentView = function (rawProps) {
         styles: styles,
     });
     if (loading) {
-        return (0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: variantStyle.wrapper }, { children: (0, jsx_runtime_1.jsx)(_1.ActivityIndicator, { css: variantStyle.loader }, void 0) }), void 0);
+        return (0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: __assign({}, variantStyle.wrapper) }, { children: (0, jsx_runtime_1.jsx)(_1.ActivityIndicator, { css: variantStyle.loader }, void 0) }), void 0);
     }
     var hasChildren = Object.keys(children || {}).length > 0;
     if (hasChildren) {

package/dist/components/ContentView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentView.js","sourceRoot":"","sources":["../../src/components/ContentView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA4G;AAC5G,sBAAqC;AACrC,+BAAwC;AACxC,+BAA6B;AAS7B,IAAM,WAAW,GAAG,UAAC,EAA+C;IAA9C,IAAA,QAAQ,cAAA,EAAM,KAAK,cAApB,YAAqB,CAAD;IAAgC,OAAA,uBAAC,WAAI,eAAK,KAAK,cAAI,QAAQ,YAAQ,CAAA;CAAA,CAAA;AAErG,IAAM,WAAW,GAA8B,UAAC,QAAQ;IAE3D,IAAA,QAAQ,GAON,QAAQ,SAPF,EACR,cAAc,GAMZ,QAAQ,eANI,EACd,OAAO,GAKL,QAAQ,QALH,EACP,QAAQ,GAIN,QAAQ,SAJF,EACR,kBAAkB,GAGhB,QAAQ,mBAHQ,EAClB,MAAM,GAEJ,QAAQ,OAFJ,EACH,KAAK,UACN,QAAQ,EARN,qFAQL,CADS,CACE;IAEZ,IAAM,YAAY,GAAG,IAAA,0BAAiB,EAAC,aAAa,EAAE;QACpD,QAAQ,UAAA;QACR,kBAAkB,oBAAA;QAClB,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAI,OAAO,EAAC;QACV,OAAO,uBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,EAAE,YAAY,CAAC,OAAO,gBACtD,uBAAC,oBAAiB,IAAC,GAAG,EAAE,YAAY,CAAC,MAAM,WAAG,YAClC,CAAA;KACf;IACD,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAE,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IACxD,IAAI,WAAW,EAAC;QACd,OAAO,uBAAC,WAAW,eAAK,KAAK,IAAC,GAAG,EAAE,YAAY,CAAC,OAAO,gBACpD,QAAQ,YACG,CAAA;KACf;IAED,OAAO,uBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,EAAE,YAAY,CAAC,OAAO,gBACtD,uBAAC,WAAI,IAAC,IAAI,EAAE,cAAc,EAAE,GAAG,EAAE,YAAY,CAAC,WAAW,WAAG,YAChD,CAAA;AAEhB,CAAC,CAAA;AAjCY,QAAA,WAAW,eAiCvB"}
+{"version":3,"file":"ContentView.js","sourceRoot":"","sources":["../../src/components/ContentView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA4G;AAC5G,sBAAqC;AACrC,+BAAwC;AACxC,+BAA6B;AAS7B,IAAM,WAAW,GAAG,UAAC,EAA+C;IAA9C,IAAA,QAAQ,cAAA,EAAM,KAAK,cAApB,YAAqB,CAAD;IAAgC,OAAA,uBAAC,WAAI,eAAK,KAAK,cAAI,QAAQ,YAAQ,CAAA;CAAA,CAAA;AAErG,IAAM,WAAW,GAA8B,UAAC,QAAQ;IAE3D,IAAA,QAAQ,GAON,QAAQ,SAPF,EACR,cAAc,GAMZ,QAAQ,eANI,EACd,OAAO,GAKL,QAAQ,QALH,EACP,QAAQ,GAIN,QAAQ,SAJF,EACR,kBAAkB,GAGhB,QAAQ,mBAHQ,EAClB,MAAM,GAEJ,QAAQ,OAFJ,EACH,KAAK,UACN,QAAQ,EARN,qFAQL,CADS,CACE;IAEZ,IAAM,YAAY,GAAG,IAAA,0BAAiB,EAAC,aAAa,EAAE;QACpD,QAAQ,UAAA;QACR,kBAAkB,oBAAA;QAClB,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAI,OAAO,EAAC;QACV,OAAO,uBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,eAAM,YAAY,CAAC,OAAO,iBAC1D,uBAAC,oBAAiB,IAAC,GAAG,EAAE,YAAY,CAAC,MAAM,WAAG,YAClC,CAAA;KACf;IACD,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAE,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IACxD,IAAI,WAAW,EAAC;QACd,OAAO,uBAAC,WAAW,eAAK,KAAK,IAAC,GAAG,EAAE,YAAY,CAAC,OAAO,gBACpD,QAAQ,YACG,CAAA;KACf;IAED,OAAO,uBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,EAAE,YAAY,CAAC,OAAO,gBACtD,uBAAC,WAAI,IAAC,IAAI,EAAE,cAAc,EAAE,GAAG,EAAE,YAAY,CAAC,WAAW,WAAG,YAChD,CAAA;AAEhB,CAAC,CAAA;AAjCY,QAAA,WAAW,eAiCvB"}

package/dist/components/FileInput.d.ts

@@ -1,8 +1,4 @@
-import React from 'react';
-import { WebInputFile } from '@codeleap/common';
 export declare type FileInputRef = {
     openFilePicker: () => void;
 };
-export declare const FileInput: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type"> & {
-    onFileSelect(files: WebInputFile[]): void;
-} & React.RefAttributes<FileInputRef>>;
+export declare const FileInput: any;

package/dist/components/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsF;AAczE,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CAA+B,UAAC,UAAU,EAAE,GAAG;IACtF,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAEvC,IAAA,YAAY,GAAe,UAAU,aAAzB,EAAK,KAAK,UAAK,UAAU,EAAvC,gBAA0B,CAAF,CAAe;IAE7C,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QAC9B,cAAc,EAAE;YACd,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;QAC1B,CAAC;KACF,CAAC,EAJ6B,CAI7B,CAAC,CAAA;IAIH,SAAS,YAAY,CAAC,CAAqC;;QACzD,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;YAAE,OAAM;QAClC,UAAU,CAAC,QAAQ,IAAI,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QAC7C,IAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,KAAK,KAAE,EAAE,CAAC,CAAA;QAEjD,IAAM,KAAK,GAAkB,SAAS,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC;YACnD,IAAI,EAAE,GAAG;YACT,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;SAClC,CAAC,EAHkD,CAGlD,CAAC,CAAA;QAEH,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,CAAA;IAErC,CAAC;IAED,OAAO,2CAAO,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,EAAC,UAAU,EAAE,QAAQ,EAAC,IAAM,KAAK,IAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,YAAG,CAAA;AAC9G,CAAC,CAAC,CAAA"}
+{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsF;AAczE,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CAA+B,UAAC,UAAU,EAAE,GAAG;IACtF,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAEvC,IAAA,YAAY,GAAe,UAAU,aAAzB,EAAK,KAAK,UAAK,UAAU,EAAvC,gBAA0B,CAAF,CAAe;IAE7C,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QAC9B,cAAc,EAAE;YACd,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;QAC1B,CAAC;KACF,CAAC,EAJ6B,CAI7B,CAAC,CAAA;IAIH,SAAS,YAAY,CAAC,CAAqC;;QACzD,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;YAAE,OAAM;QAClC,UAAU,CAAC,QAAQ,IAAI,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QAC7C,IAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,KAAK,KAAE,EAAE,CAAW,CAAA;QAE3D,IAAM,KAAK,GAAkB,SAAS,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC;YACnD,IAAI,EAAE,GAAG;YACT,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;SAClC,CAAC,EAHkD,CAGlD,CAAC,CAAA;QAEH,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,CAAA;IAErC,CAAC;IAED,OAAO,2CAAO,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,EAAC,UAAU,EAAE,QAAQ,EAAC,IAAM,KAAK,IAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,YAAG,CAAA;AAC9G,CAAC,CAAC,CAAA"}

package/dist/components/Icon.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { IconPlaceholder } from '@codeleap/common';
+import { ComponentVariants, IconPlaceholder, IconStyles } from '@codeleap/common';
 export declare type IconProps = {
     name: IconPlaceholder;
     style?: {
@@ -8,5 +7,5 @@ export declare type IconProps = {
         width?: string | number;
         height?: string | number;
     };
-};
+} & ComponentVariants<typeof IconStyles>;
 export declare const Icon: React.FC<IconProps>;

package/dist/components/Icon.js

@@ -1,21 +1,35 @@
 "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.Icon = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var common_1 = require("@codeleap/common");
 var Icon = function (_a) {
     var _b;
-    var name = _a.name, style = _a.style;
-    var Theme = (0, common_1.useStyle)().Theme;
+    var name = _a.name, style = _a.style, responsiveVariants = _a.responsiveVariants, variants = _a.variants;
+    var _c = (0, common_1.useStyle)(), Theme = _c.Theme, logger = _c.logger;
     if (!name)
         return null;
     var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
-    var logger = (0, common_1.useStyle)().logger;
+    var variantStyles = (0, common_1.useComponentStyle)('Icon', {
+        variants: variants,
+        responsiveVariants: responsiveVariants,
+    });
     if (!Component) {
         logger.warn('Icon', "No icon found in theme for name \"".concat(name, "\""), 'Component');
         return null;
     }
-    return (0, jsx_runtime_1.jsx)(Component, { style: style }, void 0);
+    return (0, jsx_runtime_1.jsx)(Component, { style: __assign(__assign({}, variantStyles.icon), style) }, void 0);
 };
 exports.Icon = Icon;
 //# sourceMappingURL=Icon.js.map

package/dist/components/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":";;;;AAAA,2CAA4D;AAarD,IAAM,IAAI,GAAuB,UAAC,EAAa;;QAAZ,IAAI,UAAA,EAAE,KAAK,WAAA;IAC5C,IAAA,KAAK,GAAI,IAAA,iBAAQ,GAAE,MAAd,CAAc;IAC1B,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IACtB,IAAM,SAAS,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,IAAI,CAAC,CAAA;IAE/B,IAAA,MAAM,GAAI,IAAA,iBAAQ,GAAE,OAAd,CAAc;IAE3B,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,4CAAoC,IAAI,OAAG,EAAE,WAAW,CAAC,CAAA;QAC7E,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,uBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,WAAG,CAAA;AACnC,CAAC,CAAA;AAZY,QAAA,IAAI,QAYhB"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAA8G;AAYvG,IAAM,IAAI,GAAuB,UAAC,EAA2C;;QAA1C,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,kBAAkB,wBAAA,EAAE,QAAQ,cAAA;IAC3E,IAAA,KAAkB,IAAA,iBAAQ,GAAE,EAA3B,KAAK,WAAA,EAAE,MAAM,YAAc,CAAA;IAClC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IACtB,IAAM,SAAS,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,IAAI,CAAC,CAAA;IAItC,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC9C,QAAQ,UAAA;QACR,kBAAkB,oBAAA;KACnB,CAAC,CAAA;IACF,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,4CAAoC,IAAI,OAAG,EAAE,WAAW,CAAC,CAAA;QAC7E,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,uBAAC,SAAS,IAAC,KAAK,wBAAM,aAAa,CAAC,IAAI,GAAK,KAAK,YAAI,CAAA;AAC/D,CAAC,CAAA;AAhBY,QAAA,IAAI,QAgBhB"}

package/dist/components/Link.d.ts

@@ -3,4 +3,4 @@ import { TextProps } from './Text';
 export declare type LinkProps<T extends ElementType> = TextProps<T> & {
     openNewTab?: boolean;
 };
-export declare const Link: <T extends ElementType<any> = "a">(linkProps: LinkProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Link: <T extends ElementType = "a">(linkProps: any) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -4,7 +4,6 @@ export declare const WebModalStyles: {
     roundish: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     dynamicHandler: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
@@ -15,6 +14,7 @@ export declare const WebModalStyles: {
     wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
@@ -41,4 +41,8 @@ export declare const WebModalStyles: {
     scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
 };

package/dist/components/Overlay.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentVariants, OverlayComposition, OverlayStyles, SmartOmit, StylesOf } from '@codeleap/common';
 import { TouchableProps } from './Touchable';
 import { ViewProps } from './View';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuItemProps } from './MenuItem';
 import { MenuComposition } from '@codeleap/common';
 import { StylesOf } from '../../types/utility';

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconPlaceholder, MenuComposition, StylesOf } from '@codeleap/common';
 export declare type MenuItemProps = {
     data: {

package/dist/components/PageRouter/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/components/PageRouter/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAAyC;AACzC,2CAAwF;AACxF,yCAAsC;AACtC,yDAAmD;AAEnD,IAAM,UAAU,GAAwC,UAAC,KAAK,IAAK,OAAA,uBAAC,WAAI,aAAC,SAAS,EAAE,yBAAQ,IAAM,KAAK,UAAG,EAAvC,CAAuC,CAAA;AAWnG,IAAM,QAAQ,GAA2B,UAAC,KAAK;IAC5C,IAAA,MAAM,GAAI,KAAK,OAAT,CAAS;IACjB,IAAA,KAAwB,KAAK,CAAC,IAAI,EAAhC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAe,CAAC;IAEjC,IAAA,QAAQ,GAAK,IAAA,WAAG,GAAE,SAAV,CAAW;IAE3B,IAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjC,IAAA,KAAK,GAAK,IAAA,iBAAQ,GAAE,MAAf,CAAe;IAC5B,IAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAE1C,IAAI,QAAQ,EAAC;QACX,OAAS,wBAAC,UAAU,aAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,iBAC9D,uBAAC,WAAI,IACH,OAAO,EAAE,IAAI,EACb,GAAG,EAAE;wBACH,MAAM,CAAC,sBAAsB,CAAC;wBAC9B,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC;qBAC7C,EACD,GAAG,EAAE,KAAK,WACV,EACF,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,WAAI,aACT,CAAA;KACd;IAED,OAAO,CAAC,wBAAC,UAAU,aAAC,EAAE,EAAE,IAAI,iBAC1B,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,WAAI,EACpB,uBAAC,WAAI,IACH,OAAO,EAAE,IAAI,EACb,GAAG,EAAE;oBACH,MAAM,CAAC,eAAe,CAAC;oBACvB,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC;iBAC7C,EACD,GAAG,EAAE,KAAK,WACV,aACS,CACZ,CAAC;AACJ,CAAC,CAAA;AApCY,QAAA,QAAQ,YAoCpB"}
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/components/PageRouter/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,2CAAwF;AACxF,yCAAsC;AACtC,yDAAmD;AAGnD,IAAM,UAAU,GAAiB,UAAC,KAAK,IAAK,OAAA,uBAAC,WAAI,aAAC,SAAS,EAAE,yBAAQ,IAAM,KAAK,UAAG,EAAvC,CAAuC,CAAA;AAW5E,IAAM,QAAQ,GAA2B,UAAC,KAAK;IAC5C,IAAA,MAAM,GAAI,KAAK,OAAT,CAAS;IACjB,IAAA,KAAwB,KAAK,CAAC,IAAI,EAAhC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAe,CAAC;IAEjC,IAAA,QAAQ,GAAK,IAAA,WAAG,GAAE,SAAV,CAAW;IAE3B,IAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjC,IAAA,KAAK,GAAK,IAAA,iBAAQ,GAAE,MAAf,CAAe;IAC5B,IAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAE1C,IAAI,QAAQ,EAAC;QACX,OAAS,wBAAC,UAAU,aAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,iBAC9D,uBAAC,WAAI,IACH,OAAO,EAAE,IAAI,EACb,GAAG,EAAE;wBACH,MAAM,CAAC,sBAAsB,CAAC;wBAC9B,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC;qBAC7C,EACD,GAAG,EAAE,KAAK,WACV,EACF,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,WAAI,aACT,CAAA;KACd;IAED,OAAO,CAAC,wBAAC,UAAU,aAAC,EAAE,EAAE,IAAI,iBAC1B,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,WAAI,EACpB,uBAAC,WAAI,IACH,OAAO,EAAE,IAAI,EACb,GAAG,EAAE;oBACH,MAAM,CAAC,eAAe,CAAC;oBACvB,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC;iBAC7C,EACD,GAAG,EAAE,KAAK,WACV,aACS,CACZ,CAAC;AACJ,CAAC,CAAA;AApCY,QAAA,QAAQ,YAoCpB"}

package/dist/components/PageRouter/Router.js

@@ -21,7 +21,7 @@ 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 = "/:language".concat(basePath);
-    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(router_1.Router, __assign({ basepath: base }, { children: children }), void 0) }, void 0));
+    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 }), void 0) }, void 0));
 };
 exports.Router = Router;
 //# sourceMappingURL=Router.js.map

package/dist/components/PageRouter/Router.js.map

@@ -1 +1 @@
-{"version":3,"file":"Router.js","sourceRoot":"","sources":["../../../src/components/PageRouter/Router.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAAsD;AAQ/C,IAAM,MAAM,GAA0B,UAAC,KAAK;IACzC,IAAA,QAAQ,GAAmC,KAAK,SAAxC,EAAE,KAAK,GAA4B,KAAK,MAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAW;IACzD,IAAM,IAAI,GAAG,oBAAa,QAAQ,CAAE,CAAC;IAGrC,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cAEb,uBAAC,eAAW,aAAC,QAAQ,EAAE,IAAI,gBACxB,QAAQ,YACG,WACC,CAClB,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,MAAM,UAajB"}
+{"version":3,"file":"Router.js","sourceRoot":"","sources":["../../../src/components/PageRouter/Router.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAAsD;AAQ/C,IAAM,MAAM,GAA0B,UAAC,KAAK;IACzC,IAAA,QAAQ,GAAmC,KAAK,SAAxC,EAAE,KAAK,GAA4B,KAAK,MAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAW;IACzD,IAAM,IAAI,GAAG,oBAAa,QAAQ,CAAE,CAAC;IAErC,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cACb,uBAAC,eAAW,aAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,gBACtC,QAAQ,YACG,WACC,CAClB,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,MAAM,UAWjB"}

package/dist/components/PageRouter/index.js

@@ -70,7 +70,7 @@ var RouterPage = function (props) {
         var path = _a.path;
         return pathName.includes(path);
     });
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: (pageGroupTitle ? "".concat(pageGroupTitle, " | ") : '') + (currentPage ? currentPage === null || currentPage === void 0 ? void 0 : currentPage.title : '') }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(Menu_1.Menu, { items: menuItems, styles: variantStyles }, void 0), (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: variantStyles.content }, { children: (0, jsx_runtime_1.jsx)(Router_1.Router, __assign({ defaultPath: defaultPath, basePath: basePath }, { children: children }), void 0) }), void 0)] }, void 0);
+    return (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: (pageGroupTitle ? "".concat(pageGroupTitle, " | ") : '') + (currentPage ? currentPage === null || currentPage === void 0 ? void 0 : currentPage.title : '') }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(Menu_1.Menu, { items: menuItems, styles: variantStyles }, void 0), (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: variantStyles.content }, { children: (0, jsx_runtime_1.jsx)(Router_1.Router, __assign({ defaultPath: defaultPath, basePath: basePath, style: variantStyles.router }, { children: children }), void 0) }), void 0)] }), void 0);
 };
 exports.RouterPage = RouterPage;
 //# sourceMappingURL=index.js.map

package/dist/components/PageRouter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PageRouter/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,6CAAsC;AAEtC,+BAA6B;AAC7B,mCAAiC;AACjC,2CAAiI;AAEjI,6CAAqC;AACrC,yCAAqC;AASrC,2CAAwB;AAQjB,IAAM,UAAU,GAA6B,UAAC,KAAK;IACjD,IAAA,QAAQ,GAA6E,KAAK,SAAlF,EAAG,QAAQ,GAAkE,KAAK,SAAvE,EAAG,QAAQ,GAAuD,KAAK,SAA5D,EAAS,cAAc,GAAgC,KAAK,MAArC,EAAE,kBAAkB,GAAY,KAAK,mBAAjB,EAAE,MAAM,GAAI,KAAK,OAAT,CAAS;IACjG,IAAM,QAAQ,GAAG,IAAA,WAAG,GAAE,CAAC,QAAQ,CAAA;IAEzB,IAAA,KAA2B,IAAA,eAAO,EAAC;QACvC,IAAM,KAAK,GAAG,EAAE,CAAA;QAEhB,IAAI,WAAW,GAAG,EAAE,CAAA;QAEpB,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,CAAC;YACjC,IAAI,eAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAC;gBAC/B,IAAA,KAA0B,CAAC,CAAC,KAAK,EAAhC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAW,CAAA;gBACvC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAF,CAAE,CAAC,EAAC;oBAC1C,OAAM;iBACP;gBACD,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO;oBAAE,WAAW,GAAG,IAAI,CAAA;gBACvC,KAAK,CAAC,IAAI,uBACL,CAAC,CAAC,KAAK,KACV,KAAK,OAAA,EACL,IAAI,EAAE,UAAG,QAAQ,SAAG,IAAI,CAAE,EAC1B,IAAI,EAAE,QAAQ,IACd,CAAA;aACH;QACH,CAAC,CAAC,CAAA;QAEF,OAAO;YACL,SAAS,EAAE,KAAK;YAChB,WAAW,aAAA;SACZ,CAAA;IAEH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EA1BP,SAAS,eAAA,EAAE,WAAW,iBA0Bf,CAAA;IAEd,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,YAAY,EAAE,EAAC,QAAQ,UAAA,EAAE,kBAAkB,oBAAA,EAAE,MAAM,QAAA,EAAC,CAAC,CAAA;IAE7F,IAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,UAAC,EAAM;YAAL,IAAI,UAAA;QAAM,OAAA,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;IAAvB,CAAuB,CAAC,CAAA;IACvE,OAAO,6DACL,uBAAC,qBAAM,cACL,4CACG,CAAC,cAAc,CAAC,CAAC,CAAC,UAAG,cAAc,QAAK,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,WACnF,WACD,EACT,uBAAC,WAAI,IACH,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,aAAa,WACrB,EACF,uBAAC,WAAI,aAAC,GAAG,EAAE,aAAa,CAAC,OAAO,gBAC9B,uBAAC,eAAM,aACL,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,gBAEjB,QAAQ,YACF,YACJ,YACN,CAAA;AAEL,CAAC,CAAA;AAvDY,QAAA,UAAU,cAuDtB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PageRouter/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,6CAAsC;AAEtC,+BAA6B;AAC7B,mCAAiC;AACjC,2CAAiI;AAEjI,6CAAqC;AACrC,yCAAqC;AASrC,2CAAwB;AAQjB,IAAM,UAAU,GAA6B,UAAC,KAAK;IACjD,IAAA,QAAQ,GAA6E,KAAK,SAAlF,EAAG,QAAQ,GAAkE,KAAK,SAAvE,EAAG,QAAQ,GAAuD,KAAK,SAA5D,EAAS,cAAc,GAAgC,KAAK,MAArC,EAAE,kBAAkB,GAAY,KAAK,mBAAjB,EAAE,MAAM,GAAI,KAAK,OAAT,CAAS;IACjG,IAAM,QAAQ,GAAG,IAAA,WAAG,GAAE,CAAC,QAAQ,CAAA;IAEzB,IAAA,KAA2B,IAAA,eAAO,EAAC;QACvC,IAAM,KAAK,GAAG,EAAE,CAAA;QAEhB,IAAI,WAAW,GAAG,EAAE,CAAA;QAEpB,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,CAAC;YACjC,IAAI,eAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAC;gBAC/B,IAAA,KAA0B,CAAC,CAAC,KAAK,EAAhC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAW,CAAA;gBACvC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAF,CAAE,CAAC,EAAC;oBAC1C,OAAM;iBACP;gBACD,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO;oBAAE,WAAW,GAAG,IAAI,CAAA;gBACvC,KAAK,CAAC,IAAI,uBACL,CAAC,CAAC,KAAK,KACV,KAAK,OAAA,EACL,IAAI,EAAE,UAAG,QAAQ,SAAG,IAAI,CAAE,EAC1B,IAAI,EAAE,QAAQ,IACd,CAAA;aACH;QACH,CAAC,CAAC,CAAA;QAEF,OAAO;YACL,SAAS,EAAE,KAAK;YAChB,WAAW,aAAA;SACZ,CAAA;IAEH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EA1BP,SAAS,eAAA,EAAE,WAAW,iBA0Bf,CAAA;IAEd,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,YAAY,EAAE,EAAC,QAAQ,UAAA,EAAE,kBAAkB,oBAAA,EAAE,MAAM,QAAA,EAAC,CAAC,CAAA;IAE7F,IAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,UAAC,EAAM;YAAL,IAAI,UAAA;QAAM,OAAA,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;IAAvB,CAAuB,CAAC,CAAA;IACvE,OAAO,wBAAC,WAAI,aAAC,GAAG,EAAE,aAAa,CAAC,OAAO,iBACrC,uBAAC,qBAAM,cACL,4CACG,CAAC,cAAc,CAAC,CAAC,CAAC,UAAG,cAAc,QAAK,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,WACnF,WACD,EACT,uBAAC,WAAI,IACH,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,aAAa,WACrB,EACF,uBAAC,WAAI,aAAC,GAAG,EAAE,aAAa,CAAC,OAAO,gBAC9B,uBAAC,eAAM,aACL,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,aAAa,CAAC,MAAM,gBAE1B,QAAQ,YACF,YACJ,aACF,CAAA;AAET,CAAC,CAAA;AAxDY,QAAA,UAAU,cAwDtB"}

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

@@ -5,51 +5,10 @@ declare type RadioItem<T extends unknown = any> = {
     value: T;
     label: ReactNode;
 };
-declare const getRadioStyle: (props: any) => Record<import("@codeleap/common").NestedKeys<import("@codeleap/common").FromVariantsBuilder<import("react").CSSProperties, {
-    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-}>>, any>;
 export declare type RadioButtonProps = Omit<ComponentPropsWithoutRef<'input'>, 'style'> & {
     item: RadioItem;
     select: () => void;
-    style: ReturnType<typeof getRadioStyle>;
+    style: StylesOf<RadioInputComposition>;
 };
 export declare type RadioGroupProps<T> = {
     options: RadioItem<T>[];

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

@@ -3,7 +3,6 @@ export declare const WebRadioInputStyles: {
     default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     square: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
@@ -14,6 +13,7 @@ export declare const WebRadioInputStyles: {
     wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
@@ -40,4 +40,8 @@ export declare const WebRadioInputStyles: {
     scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
 };

package/dist/components/Slider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SliderProps as RCSliderProps } from 'rc-slider';
 declare type SliderProps = RCSliderProps & {};
 export declare const Slider: React.FC<SliderProps>;

package/dist/components/Text.d.ts

@@ -6,4 +6,4 @@ export declare type TextProps<T extends ElementType> = {
     text?: string;
     styles?: StylesOf<TextComposition>;
 } & ComponentPropsWithoutRef<T> & ComponentVariants<typeof TextStyles>;
-export declare const Text: <T extends ElementType<any>>(textProps: TextProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Text: <T extends ElementType>(textProps: any) => import("@emotion/react/jsx-runtime").JSX.Element;