@codeleap/web 1.2.0 → 1.4.0

package/dist/components/ActivityIndicator/index.js

@@ -45,7 +45,7 @@ __exportStar(require("./styles"), exports);
 var spin = (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    from {\n        transform: rotate(0deg);\n    }\n    to{ \n        transform: rotate(360deg);\n    }\n"], ["\n    from {\n        transform: rotate(0deg);\n    }\n    to{ \n        transform: rotate(360deg);\n    }\n"])));
 var ActivityIndicator = function (indicatorProps) {
     var _a = indicatorProps.animating, animating = _a === void 0 ? true : _a, _b = indicatorProps.hidesWhenStopped, hidesWhenStopped = _b === void 0 ? true : _b, variants = indicatorProps.variants, responsiveVariants = indicatorProps.responsiveVariants, styles = indicatorProps.styles, viewProps = __rest(indicatorProps, ["animating", "hidesWhenStopped", "variants", "responsiveVariants", "styles"]);
-    var variantStyles = (0, common_1.useComponentStyle)('ActivityIndicator', {
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('ActivityIndicator', {
         styles: styles,
         responsiveVariants: responsiveVariants,
         variants: variants,
@@ -53,7 +53,7 @@ var ActivityIndicator = function (indicatorProps) {
     if (!animating && hidesWhenStopped) {
         return null;
     }
-    return (0, jsx_runtime_1.jsxs)(View_1.View, __assign({}, viewProps, { css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, { css: __assign(__assign({}, variantStyles.circle), variantStyles.backCircle) }, void 0), (0, jsx_runtime_1.jsx)(View_1.View, { css: __assign(__assign(__assign({}, variantStyles.circle), variantStyles.frontCircle), { animation: "".concat(spin, " 1s infinite"), animationPlayState: animating ? 'running' : 'paused' }) }, void 0)] }), void 0);
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({}, viewProps, { css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, { css: __assign(__assign({}, variantStyles.circle), variantStyles.backCircle) }, void 0), (0, jsx_runtime_1.jsx)(View_1.View, { css: __assign(__assign(__assign({}, variantStyles.circle), variantStyles.frontCircle), { animation: "".concat(spin, " 1s infinite"), animationPlayState: animating ? 'running' : 'paused' }) }, void 0)] }), void 0));
 };
 exports.ActivityIndicator = ActivityIndicator;
 var templateObject_1;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,wCAAqD;AACrD,2CAA+H;AAG/H,2CAAwB;AAExB,IAAM,IAAI,OAAG,iBAAS,kLAAA,8GAOrB,IAAA,CAAA;AAWM,IAAM,iBAAiB,GAAoC,UAAC,cAAc;IAE7E,IAAA,KAOE,cAAc,UAPA,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,KAME,cAAc,iBANO,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EAEvB,QAAQ,GAIN,cAAc,SAJR,EACR,kBAAkB,GAGhB,cAAc,mBAHE,EAClB,MAAM,GAEJ,cAAc,OAFV,EACH,SAAS,UACV,cAAc,EARZ,6EAQL,CADa,CACI;IAGlB,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,mBAAmB,EAAE;QAC3D,MAAM,QAAA;QACN,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,IAAI,CAAC,SAAS,IAAI,gBAAgB,EAAC;QACjC,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,wBAAC,WAAI,eAAK,SAAS,IAAE,GAAG,EAAE,aAAa,CAAC,OAAO,iBACpD,uBAAC,WAAI,IAAC,GAAG,wBAAM,aAAa,CAAC,MAAM,GAAK,aAAa,CAAC,UAAU,YAAI,EACpE,uBAAC,WAAI,IAAC,GAAG,iCAAM,aAAa,CAAC,MAAM,GAAK,aAAa,CAAC,WAAW,KAC/D,SAAS,EAAE,UAAG,IAAI,iBAAc,EAChC,kBAAkB,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,QAAQ,cACnD,aACC,CAAA;AACT,CAAC,CAAA;AA7BY,QAAA,iBAAiB,qBA6B7B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,wCAAqD;AACrD,2CAKyB;AAGzB,2CAAwB;AAExB,IAAM,IAAI,OAAG,iBAAS,kLAAA,8GAOrB,IAAA,CAAA;AASM,IAAM,iBAAiB,GAAqC,UACjE,cAAc;IAGZ,IAAA,KAOE,cAAc,UAPA,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,KAME,cAAc,iBANO,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EAEvB,QAAQ,GAIN,cAAc,SAJR,EACR,kBAAkB,GAGhB,cAAc,mBAHE,EAClB,MAAM,GAEJ,cAAc,OAFV,EACH,SAAS,UACV,cAAc,EARZ,6EAQL,CADa,CACI;IAElB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,mBAAmB,EAAE;QAClE,MAAM,QAAA;QACN,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,IAAI,CAAC,SAAS,IAAI,gBAAgB,EAAE;QAClC,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,wBAAC,WAAI,eAAK,SAAS,IAAE,GAAG,EAAE,aAAa,CAAC,OAAO,iBAC7C,uBAAC,WAAI,IAAC,GAAG,wBAAO,aAAa,CAAC,MAAM,GAAK,aAAa,CAAC,UAAU,YAAM,EACvE,uBAAC,WAAI,IACH,GAAG,iCACE,aAAa,CAAC,MAAM,GACpB,aAAa,CAAC,WAAW,KAC5B,SAAS,EAAE,UAAG,IAAI,iBAAc,EAChC,kBAAkB,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,cAEtD,aACG,CACR,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,iBAAiB,qBAoC7B"}

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

@@ -1,46 +1,50 @@
 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>>;
-    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>>;
-    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    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>>;
-    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
-    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>>;
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,2CAAqH;AAIrH,IAAM,4BAA4B,GAAG,IAAA,oCAA2B,GAAgC,CAAA;AAEhG,IAAM,UAAU,GAAG,gCAAuB,CAAC,OAAO,CAAA;AAErC,QAAA,0BAA0B,yBAClC,gCAAuB,KAC1B,OAAO,EAAE,4BAA4B,CAAC,UAAC,KAAK;QAC1C,IAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;QAClC,OAAO,QAAQ,CAAA;IAEjB,CAAC,CAAC,IACH"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAIyB;AAEzB,IAAM,4BAA4B,GAChC,IAAA,oCAA2B,GAAgC,CAAA;AAE7D,IAAM,UAAU,GAAG,gCAAuB,CAAC,OAAO,CAAA;AAErC,QAAA,0BAA0B,yBAClC,gCAAuB,KAC1B,OAAO,EAAE,4BAA4B,CAAC,UAAC,KAAK;QAC1C,IAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;QAClC,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAC,IACH"}

package/dist/components/Button.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
-import { ButtonStyles, ComponentVariants, ButtonComposition, IconPlaceholder } from '@codeleap/common';
+import { ButtonStyles, ComponentVariants, ButtonComposition } from '@codeleap/common';
+import React, { ComponentPropsWithRef } from 'react';
 import { StylesOf } from '../types/utility';
-declare type NativeButtonProps = React.ComponentPropsWithoutRef<'button'>;
+import { IconPlaceholder } from '@codeleap/common';
+declare type NativeButtonProps = ComponentPropsWithRef<'button'>;
 export declare type ButtonProps = NativeButtonProps & ComponentVariants<typeof ButtonStyles> & {
     text?: string;
     rightIcon?: IconPlaceholder;

package/dist/components/Button.js

@@ -30,8 +30,8 @@ var Touchable_1 = require("./Touchable");
 var Icon_1 = require("./Icon");
 var ActivityIndicator_1 = require("./ActivityIndicator");
 var Button = function (buttonProps) {
-    var _a = buttonProps.variants, variants = _a === void 0 ? [] : _a, _b = buttonProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, children = buttonProps.children, icon = buttonProps.icon, text = buttonProps.text, loading = buttonProps.loading, styles = buttonProps.styles, onPress = buttonProps.onPress, rightIcon = buttonProps.rightIcon, props = __rest(buttonProps, ["variants", "responsiveVariants", "children", "icon", "text", "loading", "styles", "onPress", "rightIcon"]);
-    var variantStyles = (0, common_1.useComponentStyle)('Button', {
+    var _a = buttonProps.variants, variants = _a === void 0 ? [] : _a, _b = buttonProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, children = buttonProps.children, icon = buttonProps.icon, text = buttonProps.text, loading = buttonProps.loading, styles = buttonProps.styles, onPress = buttonProps.onPress, disabled = buttonProps.disabled, rightIcon = buttonProps.rightIcon, props = __rest(buttonProps, ["variants", "responsiveVariants", "children", "icon", "text", "loading", "styles", "onPress", "disabled", "rightIcon"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Button', {
         responsiveVariants: responsiveVariants,
         variants: variants,
         styles: styles,
@@ -40,9 +40,13 @@ var Button = function (buttonProps) {
         props.onClick && props.onClick(e);
         onPress && onPress(e);
     }
-    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ css: variantStyles.wrapper, component: 'button', onClick: handlePress }, props, { children: [loading && (0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, { css: variantStyles.loader }, void 0), !loading && (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, style: __assign(__assign({}, variantStyles.icon), variantStyles.leftIcon) }, void 0), children || (0, jsx_runtime_1.jsx)(Text_1.Text, { text: text, styles: {
-                    text: variantStyles.text,
-                } }, void 0), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: rightIcon, style: __assign(__assign({}, variantStyles.icon), variantStyles.rightIcon) }, void 0)] }), void 0));
+    function getStyles(key) {
+        return __assign(__assign({}, variantStyles[key]), (0, common_1.optionalObject)(disabled, variantStyles[key + ':disabled'], {}));
+    }
+    var iconStyle = getStyles('icon');
+    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ css: getStyles('wrapper'), component: 'button', onClick: handlePress }, props, { children: [loading && (0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, { css: getStyles('loader') }, void 0), !loading && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, style: __assign(__assign({}, iconStyle), getStyles('leftIcon')) }, void 0)), children || ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: text, styles: {
+                    text: getStyles('text'),
+                } }, void 0)), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: rightIcon, style: __assign(__assign({}, iconStyle), getStyles('rightIcon')) }, void 0)] }), void 0));
 };
 exports.Button = Button;
 //# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,2CAA0H;AAE1H,+BAA8B;AAC9B,yCAAwC;AACxC,+BAA8B;AAC9B,yDAAwD;AAejD,IAAM,MAAM,GAAyB,UAAC,WAAW;IAEpD,IAAA,KAUE,WAAW,SAVA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KASE,WAAW,mBATU,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,QAAQ,GAQN,WAAW,SARL,EACR,IAAI,GAOF,WAAW,KAPT,EACJ,IAAI,GAMF,WAAW,KANT,EACJ,OAAO,GAKL,WAAW,QALN,EACP,MAAM,GAIJ,WAAW,OAJP,EACN,OAAO,GAGL,WAAW,QAHN,EACP,SAAS,GAEP,WAAW,UAFJ,EACN,KAAK,UACN,WAAW,EAXT,2GAWL,CADS,CACK;IAGf,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,QAAQ,EAAE;QAChD,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IAGF,SAAS,WAAW,CAAC,CAAuC;QAC1D,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QACjC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;IACvB,CAAC;IAGD,OAAO,CACL,wBAAC,qBAAS,aACR,GAAG,EAAE,aAAa,CAAC,OAAO,EAC1B,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,WAAW,IAChB,KAAK,eAER,OAAO,IAAI,uBAAC,qCAAiB,IAAC,GAAG,EAAE,aAAa,CAAC,MAAM,WAAI,EAC3D,CAAC,OAAO,IAAI,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,wBAAM,aAAa,CAAC,IAAI,GAAK,aAAa,CAAC,QAAQ,YAAI,EAC1F,QAAQ,IAAI,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE;oBACrC,IAAI,EAAE,aAAa,CAAC,IAAI;iBACzB,WAAG,EACJ,uBAAC,WAAI,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,wBAAM,aAAa,CAAC,IAAI,GAAK,aAAa,CAAC,SAAS,YAAI,aAC1E,CACb,CAAA;AACH,CAAC,CAAA;AA3CY,QAAA,MAAM,UA2ClB"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAOyB;AAGzB,+BAA6B;AAC7B,yCAAuC;AACvC,+BAA6B;AAC7B,yDAAuD;AAehD,IAAM,MAAM,GAA0B,UAAC,WAAW;IAErD,IAAA,KAWE,WAAW,SAXA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAUE,WAAW,mBAVU,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,QAAQ,GASN,WAAW,SATL,EACR,IAAI,GAQF,WAAW,KART,EACJ,IAAI,GAOF,WAAW,KAPT,EACJ,OAAO,GAML,WAAW,QANN,EACP,MAAM,GAKJ,WAAW,OALP,EACN,OAAO,GAIL,WAAW,QAJN,EACP,QAAQ,GAGN,WAAW,SAHL,EACR,SAAS,GAEP,WAAW,UAFJ,EACN,KAAK,UACN,WAAW,EAZT,uHAYL,CADS,CACK;IAEf,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,QAAQ,EAAE;QACvD,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,SAAS,WAAW,CAAC,CAAwC;QAC3D,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QACjC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;IACvB,CAAC;IAED,SAAS,SAAS,CAAC,GAAe;QAChC,6BACK,aAAa,CAAC,GAAG,CAAC,GAClB,IAAA,uBAAc,EAAC,QAAQ,EAAE,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC,EAAE,EAAE,CAAC,EAClE;IACH,CAAC;IACD,IAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;IAGnC,OAAO,CACL,wBAAC,qBAAS,aACR,GAAG,EAAE,SAAS,CAAC,SAAS,CAAC,EACzB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,WAAW,IAChB,KAAK,eAER,OAAO,IAAI,uBAAC,qCAAiB,IAAC,GAAG,EAAE,SAAS,CAAC,QAAQ,CAAC,WAAI,EAC1D,CAAC,OAAO,IAAI,CACX,uBAAC,WAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,wBAAO,SAAS,GAAK,SAAS,CAAC,UAAU,CAAC,YAC/C,CACH,EACA,QAAQ,IAAI,CACX,uBAAC,WAAI,IACH,IAAI,EAAE,IAAI,EACV,MAAM,EAAE;oBACN,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC;iBACxB,WACD,CACH,EACD,uBAAC,WAAI,IACH,IAAI,EAAE,SAAS,EACf,KAAK,wBAAO,SAAS,GAAK,SAAS,CAAC,WAAW,CAAC,YAChD,aACQ,CACb,CAAA;AACH,CAAC,CAAA;AA/DY,QAAA,MAAM,UA+DlB"}

package/dist/components/CenterWrapper.js

@@ -17,7 +17,7 @@ var View_1 = require("./View");
 var common_1 = require("@codeleap/common");
 var CenterWrapper = function (props) {
     var _a = props.styles, propStyles = _a === void 0 ? {} : _a, children = props.children, variants = props.variants, styles = props.styles, responsiveVariants = props.responsiveVariants;
-    var variantStyles = (0, common_1.useComponentStyle)('CenterWrapper', {
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('CenterWrapper', {
         variants: variants,
         styles: styles,
         responsiveVariants: responsiveVariants,

package/dist/components/CenterWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"CenterWrapper.js","sourceRoot":"","sources":["../../src/components/CenterWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,+BAA8B;AAE9B,2CAAuH;AAMhH,IAAM,aAAa,GAAgC,UAAC,KAAK;IACrD,IAAA,KAA4E,KAAK,OAA1D,EAAf,UAAU,mBAAG,EAAE,KAAA,EAAE,QAAQ,GAA2C,KAAK,SAAhD,EAAE,QAAQ,GAAiC,KAAK,SAAtC,EAAE,MAAM,GAAyB,KAAK,OAA9B,EAAE,kBAAkB,GAAK,KAAK,mBAAV,CAAW;IAE3F,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,eAAe,EAAE;QACvD,QAAQ,UAAA;QAAE,MAAM,QAAA;QAAE,kBAAkB,oBAAA;KACrC,CAAC,CAAA;IAEF,OAAO,CACL,uBAAC,WAAI,aAAE,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,gBACrD,uBAAC,WAAI,aAAC,GAAG,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,UAAU,CAAC,YAAY,CAAC,gBAAG,QAAQ,YAAQ,YAC9E,CACR,CAAC;AACJ,CAAC,CAAA;AAZY,QAAA,aAAa,iBAYzB"}
+{"version":3,"file":"CenterWrapper.js","sourceRoot":"","sources":["../../src/components/CenterWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,+BAA6B;AAE7B,2CAKyB;AAMlB,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,KAKE,KAAK,OALgB,EAAf,UAAU,mBAAG,EAAE,KAAA,EACvB,QAAQ,GAIN,KAAK,SAJC,EACR,QAAQ,GAGN,KAAK,SAHC,EACR,MAAM,GAEJ,KAAK,OAFD,EACN,kBAAkB,GAChB,KAAK,mBADW,CACX;IAET,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,eAAe,EAAE;QAC9D,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,kBAAkB,oBAAA;KACnB,CAAC,CAAA;IAEF,OAAO,CACL,uBAAC,WAAI,aAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,gBACpD,uBAAC,WAAI,aAAC,GAAG,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,UAAU,CAAC,YAAY,CAAC,gBAC7D,QAAQ,YACJ,YACF,CACR,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,aAAa,iBAsBzB"}

package/dist/components/Checkbox/index.js

@@ -44,14 +44,14 @@ var Checkbox = function (checkboxProps) {
         onChange && onChange(e);
         onValueChange && onValueChange(e.target.checked);
     }
-    var variantStyles = (0, common_1.useComponentStyle)('Checkbox', {
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Checkbox', {
         responsiveVariants: responsiveVariants,
         variants: variants,
         styles: styles,
     });
-    var logger = (0, common_1.useStyle)().logger;
+    var logger = (0, common_1.useCodeleapContext)().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);
+    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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,2CAA4F;AAE5F,gCAA8B;AAC9B,gCAA8B;AAG9B,2CAAwB;AASjB,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;KACA,CAAqC,CAAA;IAEtC,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAKyB;AAEzB,gCAA8B;AAC9B,gCAA8B;AAM9B,2CAAwB;AAQjB,IAAM,QAAQ,GAAG,UAAC,aAA4B;IAEjD,IAAA,OAAO,GAQL,aAAa,QARR,EACP,aAAa,GAOX,aAAa,cAPF,EACb,KAME,aAAa,SANF,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAKE,aAAa,mBALQ,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,KAAK,GAIH,aAAa,MAJV,EACL,QAAQ,GAGN,aAAa,SAHP,EACR,MAAM,GAEJ,aAAa,OAFT,EACH,KAAK,UACN,aAAa,EATX,6FASL,CADS,CACO;IAEjB,SAAS,YAAY,CAAC,CAAsC;QAC1D,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAA;QACvB,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAClD,CAAC;IAED,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,UAAU,EAAE;QACzD,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACA,CAAqC,CAAA;IAErC,IAAA,MAAM,GAAK,IAAA,2BAAkB,GAAE,OAAzB,CAAyB;IACvC,MAAM,CAAC,GAAG,CAAC,gBAAgB,EAAE,aAAa,EAAE,OAAO,CAAC,CAAA;IAEpD,OAAO,CACL,wBAAC,WAAI,aAAC,SAAS,EAAC,OAAO,EAAC,GAAG,eAAO,aAAa,CAAC,OAAO,kBACrD,6CACM,KAAK,IACT,GAAG,EAAE,aAAa,CAAC,KAAK,EACxB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,YAChB,EACF,iCACE,SAAS,EAAC,gBAAgB,EAC1B,GAAG,wBACE,aAAa,CAAC,gBAAgB,KACjC,SAAS,eACJ,aAAa,CAAC,SAAS,eAG9B,EACD,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,uBAAC,WAAI,IAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE,WAAI,CAC7D,CAAC,CAAC,CAAC,CACF,KAAK,CACN,aACI,CACR,CAAA;AACH,CAAC,CAAA;AAnDY,QAAA,QAAQ,YAmDpB"}

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

@@ -1,46 +1,50 @@
 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>>;
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
 };

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

@@ -1 +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"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAQ9E,IAAM,mBAAmB,GACvB,IAAA,oCAA2B,GAA0B,CAAA;AAEvD,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,CAC1F,CAAA;AAEY,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;SACF;QACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAC/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,EA1CsC,CA0CtC,CAAC,IACJ"}

package/dist/components/ContentView.d.ts

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

package/dist/components/ContentView.js

@@ -30,23 +30,23 @@ var View_1 = require("./View");
 var Text_1 = require("./Text");
 var WrapContent = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (0, jsx_runtime_1.jsx)(View_1.View, __assign({}, props, { children: children }), void 0);
+    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({}, props, { children: children }), void 0));
 };
 var ContentView = function (rawProps) {
     var children = rawProps.children, placeholderMsg = rawProps.placeholderMsg, loading = rawProps.loading, variants = rawProps.variants, responsiveVariants = rawProps.responsiveVariants, styles = rawProps.styles, props = __rest(rawProps, ["children", "placeholderMsg", "loading", "variants", "responsiveVariants", "styles"]);
-    var variantStyle = (0, common_1.useComponentStyle)('ContentView', {
+    var variantStyle = (0, common_1.useDefaultComponentStyle)('ContentView', {
         variants: variants,
         responsiveVariants: responsiveVariants,
         styles: styles,
     });
     if (loading) {
-        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);
+        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) {
-        return (0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: variantStyle.wrapper }, { children: children }), void 0);
+        return ((0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: variantStyle.wrapper }, { children: children }), void 0));
     }
-    return (0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: variantStyle.wrapper }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { text: placeholderMsg, css: variantStyle.placeholder }, void 0) }), void 0);
+    return ((0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: variantStyle.wrapper }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { text: placeholderMsg, css: variantStyle.placeholder }, void 0) }), void 0));
 };
 exports.ContentView = ContentView;
 //# sourceMappingURL=ContentView.js.map

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,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"}
+{"version":3,"file":"ContentView.js","sourceRoot":"","sources":["../../src/components/ContentView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAKyB;AACzB,sBAAqC;AACrC,+BAAwC;AACxC,+BAA6B;AAY7B,IAAM,WAAW,GAAG,UAAC,EAAiD;IAA/C,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAAkC,OAAA,CACzE,uBAAC,WAAI,eAAK,KAAK,cAAG,QAAQ,YAAQ,CACnC,CAAA;CAAA,CAAA;AAEM,IAAM,WAAW,GAA+B,UAAC,QAAQ;IAE5D,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,iCAAwB,EAAC,aAAa,EAAE;QAC3D,QAAQ,UAAA;QACR,kBAAkB,oBAAA;QAClB,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,uBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,eAAO,YAAY,CAAC,OAAO,iBACpD,uBAAC,oBAAiB,IAAC,GAAG,EAAE,YAAY,CAAC,MAAM,WAAI,YACnC,CACf,CAAA;KACF;IACD,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAC1D,IAAI,WAAW,EAAE;QACf,OAAO,CACL,uBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,EAAE,YAAY,CAAC,OAAO,gBAC9C,QAAQ,YACG,CACf,CAAA;KACF;IAED,OAAO,CACL,uBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,EAAE,YAAY,CAAC,OAAO,gBAC/C,uBAAC,WAAI,IAAC,IAAI,EAAE,cAAc,EAAE,GAAG,EAAE,YAAY,CAAC,WAAW,WAAI,YACjD,CACf,CAAA;AACH,CAAC,CAAA;AAtCY,QAAA,WAAW,eAsCvB"}

package/dist/components/Drawer.js

@@ -54,13 +54,12 @@ var Drawer = function (_a) {
     var _j = resolveHiddenDrawerPosition(position), hiddenStyle = _j[0], axis = _j[1], positioning = _j[2];
     var sizeProperty = axis === 'X' ? 'width' : 'height';
     var fullProperty = sizeProperty === 'height' ? 'width' : 'height';
-    var variantStyles = (0, common_1.useComponentStyle)('Drawer', {
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Drawer', {
         styles: styles,
         variants: variants,
         responsiveVariants: responsiveVariants,
     });
-    return (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: __assign(__assign({}, variantStyles.wrapper), { transition: 'visibility 0.01s ease', transitionDelay: open ? '0' : animationDuration, visibility: open ? 'visible' : 'hidden' }) }, { children: [darkenBackground && (0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { visible: open, css: variantStyles.overlay, onPress: function () { return toggle(); } }, void 0), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ variants: ['fixed'], css: __assign(__assign(__assign((_b = { transform: open ? "translate(0%, 0%)" : hiddenStyle, transition: "transform ".concat(animationDuration, " ease") }, _b[sizeProperty] = size, _b[fullProperty] = '100%', _b), positioning), (_c = {}, _c[position] = 0, _c)), variantStyles.box) }, { children: [(0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'header', variants: ['justifySpaceBetween'], css: variantStyles.header }, { children: [typeof title === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: title }, void 0) : title, showCloseButton && (0, jsx_runtime_1.jsx)(Button_1.Button, { onPress: toggle, icon: 'close', variants: ['icon'], css: variantStyles.headerCloseButton }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: variantStyles.body }, { children: children }), void 0), footer &&
-                        (0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: 'footer', css: variantStyles.footer }, { children: footer }), void 0)] }), void 0)] }), void 0);
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: __assign(__assign({}, variantStyles.wrapper), { transition: 'visibility 0.01s ease', transitionDelay: open ? '0' : animationDuration, visibility: open ? 'visible' : 'hidden' }) }, { children: [darkenBackground && ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { visible: open, css: variantStyles.overlay, onPress: function () { return toggle(); } }, void 0)), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ variants: ['fixed'], css: __assign(__assign(__assign((_b = { transform: open ? "translate(0%, 0%)" : hiddenStyle, transition: "transform ".concat(animationDuration, " ease") }, _b[sizeProperty] = size, _b[fullProperty] = '100%', _b), positioning), (_c = {}, _c[position] = 0, _c)), variantStyles.box) }, { children: [(0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'header', variants: ['justifySpaceBetween'], css: variantStyles.header }, { children: [typeof title === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: title }, void 0) : title, showCloseButton && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onPress: toggle, icon: 'close', variants: ['icon'], css: variantStyles.headerCloseButton }, void 0))] }), void 0), (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: variantStyles.body }, { children: children }), void 0), footer && ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: 'footer', css: variantStyles.footer }, { children: footer }), void 0))] }), void 0)] }), void 0));
 };
 exports.Drawer = Drawer;
 //# sourceMappingURL=Drawer.js.map

package/dist/components/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/components/Drawer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/components/Drawer.tsx"],"names":[],"mappings":"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"}

package/dist/components/FileInput.js

@@ -64,6 +64,6 @@ exports.FileInput = react_1.default.forwardRef(function (inputProps, ref) {
         }); });
         onFileSelect && onFileSelect(files);
     }
-    return (0, jsx_runtime_1.jsx)("input", __assign({ type: 'file', css: { visibility: 'hidden' } }, props, { ref: inputRef, onChange: handleChange }), void 0);
+    return ((0, jsx_runtime_1.jsx)("input", __assign({ type: 'file', css: { visibility: 'hidden' } }, props, { ref: inputRef, onChange: handleChange }), void 0));
 });
 //# sourceMappingURL=FileInput.js.map

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,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"}
+{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAIc;AAWD,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CACvC,UAAC,UAAU,EAAE,GAAG;IACd,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;IAEH,SAAS,YAAY,CAAC,CAAsC;;QAC1D,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,KAAI,EAAE,CAAW,CAAA;QAE7D,IAAM,KAAK,GAAmB,SAAS,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC;YACpD,IAAI,EAAE,GAAG;YACT,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;SAClC,CAAC,EAHmD,CAGnD,CAAC,CAAA;QAEH,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,CAAA;IACrC,CAAC;IAED,OAAO,CACL,2CACE,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,IACzB,KAAK,IACT,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,YAAY,YACtB,CACH,CAAA;AACH,CAAC,CACF,CAAA"}

package/dist/components/HorizontalScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalScroll.js","sourceRoot":"","sources":["../../src/components/HorizontalScroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+BAA8B;AAE9B,SAAgB,gBAAgB,CAAgC,KAAkB;IACxE,IAAA,QAAQ,GAA2B,KAAK,SAAhC,EAAE,KAAK,GAAoB,KAAK,MAAzB,EAAK,UAAU,UAAK,KAAK,EAA1C,qBAAkC,CAAF,CAAW;IAEjD,OAAO,CACL,uBAAC,WAAI,eAAK,UAAU,IAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,gBAC9C,QAAQ,YACJ,CACR,CAAC;AACJ,CAAC;AARD,4CAQC;AAED,IAAM,MAAM,GAAG;IACb,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM;QAChB,qBAAqB,EAAE;YACrB,OAAO,EAAE,MAAM;SAChB;QACD,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC"}
+{"version":3,"file":"HorizontalScroll.js","sourceRoot":"","sources":["../../src/components/HorizontalScroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+BAA6B;AAE7B,SAAgB,gBAAgB,CAC9B,KAAmB;IAEX,IAAA,QAAQ,GAA2B,KAAK,SAAhC,EAAE,KAAK,GAAoB,KAAK,MAAzB,EAAK,UAAU,UAAK,KAAK,EAA1C,qBAAkC,CAAF,CAAU;IAEhD,OAAO,CACL,uBAAC,WAAI,eAAK,UAAU,IAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,gBAC9C,QAAQ,YACJ,CACR,CAAA;AACH,CAAC;AAVD,4CAUC;AAED,IAAM,MAAM,GAAG;IACb,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM;QAChB,qBAAqB,EAAE;YACrB,OAAO,EAAE,MAAM;SAChB;QACD,UAAU,EAAE,QAAQ;KACrB;CACF,CAAA"}

package/dist/components/Icon.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { ComponentVariants, IconPlaceholder, IconStyles } from '@codeleap/common';
 export declare type IconProps = {
     name: IconPlaceholder;
-    style?: {
-        color: string;
-        size?: string | number;
-        width?: string | number;
-        height?: string | number;
-    };
-} & ComponentVariants<typeof IconStyles>;
+    style?: any;
+    color?: string;
+    variants?: ComponentVariants<typeof IconStyles>['variants'];
+    renderEmptySpace?: boolean;
+    size?: number;
+};
 export declare const Icon: React.FC<IconProps>;