react-native-mantine 0.1.11 → 0.1.15

package/lib/commonjs/components/Button/Button.styles.js

@@ -0,0 +1,224 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sizes = exports.default = exports.BUTTON_VARIANTS = void 0;
+var _index = require("../../theme/index.js");
+var _rem = require("../../theme/utils/rem.js");
+var _index2 = require("../Input/index.js");
+const BUTTON_VARIANTS = exports.BUTTON_VARIANTS = ['filled', 'outline', 'light', 'white', 'default', 'subtle', 'gradient'];
+const sizes = exports.sizes = {
+  'xs': {
+    height: _index2.INPUT_SIZES.xs,
+    paddingLeft: (0, _rem.rem)(14),
+    paddingRight: (0, _rem.rem)(14)
+  },
+  'sm': {
+    height: _index2.INPUT_SIZES.sm,
+    paddingLeft: (0, _rem.rem)(18),
+    paddingRight: (0, _rem.rem)(18)
+  },
+  'md': {
+    height: _index2.INPUT_SIZES.md,
+    paddingLeft: (0, _rem.rem)(22),
+    paddingRight: (0, _rem.rem)(22)
+  },
+  'lg': {
+    height: _index2.INPUT_SIZES.lg,
+    paddingLeft: (0, _rem.rem)(26),
+    paddingRight: (0, _rem.rem)(26)
+  },
+  'xl': {
+    height: _index2.INPUT_SIZES.xl,
+    paddingLeft: (0, _rem.rem)(32),
+    paddingRight: (0, _rem.rem)(32)
+  },
+  'compact-xs': {
+    height: (0, _rem.rem)(22),
+    paddingLeft: (0, _rem.rem)(7),
+    paddingRight: (0, _rem.rem)(7)
+  },
+  'compact-sm': {
+    height: (0, _rem.rem)(26),
+    paddingLeft: (0, _rem.rem)(8),
+    paddingRight: (0, _rem.rem)(8)
+  },
+  'compact-md': {
+    height: (0, _rem.rem)(30),
+    paddingLeft: (0, _rem.rem)(10),
+    paddingRight: (0, _rem.rem)(10)
+  },
+  'compact-lg': {
+    height: (0, _rem.rem)(34),
+    paddingLeft: (0, _rem.rem)(12),
+    paddingRight: (0, _rem.rem)(12)
+  },
+  'compact-xl': {
+    height: (0, _rem.rem)(40),
+    paddingLeft: (0, _rem.rem)(14),
+    paddingRight: (0, _rem.rem)(14)
+  }
+};
+function getSizeStyles({
+  // compact,
+  size,
+  withLeftIcon,
+  withRightIcon
+}) {
+  // if (compact) {
+  //   return sizes[`compact-${size}`];
+  // }
+
+  const _sizes = sizes[size];
+  if (!_sizes) {
+    return {};
+  }
+  return {
+    ..._sizes,
+    paddingLeft: withLeftIcon ? `calc(${_sizes.paddingLeft}  / 1.5)` : _sizes.paddingLeft,
+    paddingRight: withRightIcon ? `calc(${_sizes.paddingRight}  / 1.5)` : _sizes.paddingRight
+  };
+}
+const getWidthStyles = fullWidth => ({
+  display: fullWidth ? 'block' : 'inline-block',
+  width: fullWidth ? '100%' : 'auto'
+});
+
+// interface GetVariantStyles {
+//   theme: MantineTheme;
+//   color: MantineColor;
+//   variant: string;
+//   gradient: MantineGradient;
+// }
+
+// function getVariantStyles({
+//   variant,
+//   theme,
+//   color,
+//   gradient,
+// }: GetVariantStyles) {
+//   if (!BUTTON_VARIANTS.includes(variant)) {
+//     return null;
+//   }
+
+//   const colors = theme.fn.variant({ color, variant, gradient });
+
+//   if (variant === 'gradient') {
+//     return {
+//       border: 0,
+//       backgroundImage: colors.background,
+//       color: colors.color,
+//       ...theme.fn.hover({ backgroundSize: '200%' }),
+//     };
+//   }
+
+//   return {
+//     border: `${rem(1)} solid ${colors.border}`,
+//     backgroundColor: colors.background,
+//     color: colors.color,
+//     ...theme.fn.hover({ backgroundColor: colors.hover }),
+//   };
+// }
+
+const useStyles = (0, _index.createStyles)((theme, {
+  radius,
+  fullWidth,
+  compact,
+  withLeftIcon,
+  withRightIcon
+  // color,
+  // gradient,
+}, {
+  // variant,
+  size
+}) => {
+  return {
+    root: {
+      ...getSizeStyles({
+        compact,
+        size,
+        withLeftIcon,
+        withRightIcon
+      }),
+      ...theme.fn.fontStyles(),
+      ...theme.fn.focusStyles(),
+      ...getWidthStyles(fullWidth),
+      'borderRadius': theme.fn.radius(radius),
+      'fontWeight': 600,
+      'position': 'relative',
+      'lineHeight': 1,
+      'fontSize': (0, _index.getSize)({
+        size,
+        sizes: theme.fontSizes
+      }),
+      'userSelect': 'none',
+      'cursor': 'pointer',
+      // ...getVariantStyles({ variant, theme, color, gradient }),
+
+      '&:active': theme.activeStyles,
+      '&:disabled, &[data-disabled]': {
+        'borderColor': 'transparent',
+        // 'backgroundColor':
+        //   theme.colorScheme === 'dark'
+        //     ? theme.colors.dark[4]
+        //     : theme.colors.gray[2],
+        // 'color':
+        //   theme.colorScheme === 'dark'
+        //     ? theme.colors.dark[6]
+        //     : theme.colors.gray[5],
+        'cursor': 'not-allowed',
+        'backgroundImage': 'none',
+        'pointerEvents': 'none',
+        '&:active': {
+          transform: 'none'
+        }
+      },
+      '&[data-loading]': {
+        'pointerEvents': 'none',
+        '&::before': {
+          content: '""',
+          ...theme.fn.cover((0, _rem.rem)(-1)),
+          // backgroundColor:
+          //   theme.colorScheme === 'dark'
+          //     ? theme.fn.rgba(theme.colors.dark[7], 0.5)
+          //     : 'rgba(255, 255, 255, .5)',
+          borderRadius: theme.fn.radius(radius),
+          cursor: 'not-allowed'
+        }
+      }
+    },
+    icon: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    leftIcon: {
+      marginRight: theme.spacing.xs
+    },
+    rightIcon: {
+      marginLeft: theme.spacing.xs
+    },
+    centerLoader: {
+      position: 'absolute',
+      left: '50%',
+      transform: 'translateX(-50%)',
+      opacity: 0.5
+    },
+    inner: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: '100%',
+      overflow: 'visible'
+    },
+    label: {
+      whiteSpace: 'nowrap',
+      height: '100%',
+      overflow: 'hidden',
+      display: 'flex',
+      alignItems: 'center'
+    }
+  };
+});
+var _default = exports.default = useStyles;
+//# sourceMappingURL=Button.styles.js.map

package/lib/commonjs/components/Button/Button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_rem","_index2","BUTTON_VARIANTS","exports","sizes","height","INPUT_SIZES","xs","paddingLeft","rem","paddingRight","sm","md","lg","xl","getSizeStyles","size","withLeftIcon","withRightIcon","_sizes","getWidthStyles","fullWidth","display","width","useStyles","createStyles","theme","radius","compact","root","fn","fontStyles","focusStyles","getSize","fontSizes","activeStyles","transform","content","cover","borderRadius","cursor","icon","alignItems","leftIcon","marginRight","spacing","rightIcon","marginLeft","centerLoader","position","left","opacity","inner","justifyContent","overflow","label","whiteSpace","_default","default"],"sourceRoot":"../../../../src","sources":["components/Button/Button.styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Button/index.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports._Button = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../UnstyledButton/index.js");
+var _reactNative = require("react-native");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _ButtonStyles = _interopRequireDefault(require("./Button.styles.js"));
+var _index2 = require("../BoxView/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const defaultProps = {
+  size: 'sm',
+  type: 'button',
+  variant: 'filled',
+  loaderPosition: 'left'
+};
+const _Button = exports._Button = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    // className,
+    size,
+    color,
+    type,
+    disabled,
+    children,
+    leftIcon,
+    rightIcon,
+    fullWidth,
+    variant,
+    radius,
+    uppercase,
+    compact,
+    loading,
+    loaderPosition,
+    loaderProps,
+    gradient,
+    // classNames,
+    // styles,
+    // unstyled,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Button', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = (0, _ButtonStyles.default)({
+    radius,
+    color,
+    fullWidth,
+    compact,
+    gradient,
+    withLeftIcon: !!leftIcon,
+    withRightIcon: !!rightIcon
+  }, {
+    name: 'Button',
+    // unstyled, classNames, styles,
+    variant,
+    size
+  });
+
+  // const colors = theme.fn.variant({ color, variant });
+
+  // const loader = (
+  //   <Loader
+  //     color={colors.color}
+  //     size={`calc(${(getSize({ size, sizes }) as any).height} / 2)`}
+  //     {...loaderProps}
+  //   />
+  // );
+  const loader = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {});
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.UnstyledButton, {
+    style: sx(styles.root, style)
+    // type={type}
+    // disabled={disabled}
+    ,
+    "data-button": true,
+    "data-disabled": disabled || undefined,
+    "data-loading": loading || undefined,
+    ref: ref
+    // unstyled={unstyled}
+    ,
+    ...others,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.BoxView, {
+      style: styles.inner,
+      children: [(leftIcon || loading && loaderPosition === 'left') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.BoxView, {
+        style: sx(styles.icon, styles.leftIcon),
+        children: loading && loaderPosition === 'left' ? loader : leftIcon
+      }), loading && loaderPosition === 'center' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.BoxView, {
+        style: styles.centerLoader,
+        children: loader
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.BoxView, {
+        style: styles.label
+        // style={{ textTransform: uppercase ? 'uppercase' : undefined }}
+        ,
+        children: children
+      }), (rightIcon || loading && loaderPosition === 'right') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.BoxView, {
+        style: sx(styles.icon, styles.rightIcon),
+        children: loading && loaderPosition === 'right' ? loader : rightIcon
+      })]
+    })
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_reactNative","_themeProvider","_ButtonStyles","_interopRequireDefault","_index2","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","defaultProps","size","type","variant","loaderPosition","_Button","exports","forwardRef","props","ref","color","disabled","children","leftIcon","rightIcon","fullWidth","radius","uppercase","compact","loading","loaderProps","gradient","style","others","useComponentDefaultProps","styles","sx","useStyles","withLeftIcon","withRightIcon","name","loader","jsx","ActivityIndicator","UnstyledButton","root","undefined","jsxs","BoxView","inner","icon","centerLoader","label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Input/Input.styles.js

@@ -0,0 +1,218 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sizes = void 0;
+var _rem = require("../../theme/utils/rem.js");
+const sizes = exports.sizes = {
+  xs: (0, _rem.rem)(30),
+  sm: (0, _rem.rem)(36),
+  md: (0, _rem.rem)(42),
+  lg: (0, _rem.rem)(50),
+  xl: (0, _rem.rem)(60)
+};
+
+// const INPUT_VARIANTS = ['default', 'filled', 'unstyled'];
+
+// interface GetVariantStylesInput {
+//   theme: MantineTheme;
+//   variant: string;
+// }
+
+// function getVariantStyles({ theme, variant }: GetVariantStylesInput) {
+//   if (!INPUT_VARIANTS.includes(variant)) {
+//     return null;
+//   }
+
+//   if (variant === 'default') {
+//     return {
+//       'border': `${rem(1)} solid ${
+//         theme.colorScheme === 'dark'
+//           ? theme.colors.dark[4]
+//           : theme.colors.gray[4]
+//       }`,
+//       'backgroundColor':
+//         theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,
+//       'transition': 'border-color 100ms ease',
+//       '&:focus, &:focus-within': theme.focusRingStyles.inputStyles(theme),
+//     };
+//   }
+
+//   if (variant === 'filled') {
+//     return {
+//       'border': `${rem(1)} solid transparent`,
+//       'backgroundColor':
+//         theme.colorScheme === 'dark'
+//           ? theme.colors.dark[5]
+//           : theme.colors.gray[1],
+//       '&:focus, &:focus-within': theme.focusRingStyles.inputStyles(theme),
+//     };
+//   }
+
+//   return {
+//     'borderWidth': 0,
+//     'color': theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,
+//     'backgroundColor': 'transparent',
+//     'minHeight': rem(28),
+//     'outline': 0,
+
+//     '&:focus, &:focus-within': {
+//       outline: 'none',
+//       borderColor: 'transparent',
+//     },
+
+//     '&:disabled': {
+//       'backgroundColor': 'transparent',
+
+//       '&:focus, &:focus-within': {
+//         outline: 'none',
+//         borderColor: 'transparent',
+//       },
+//     },
+//   };
+// }
+
+// export default createStyles(
+//   (
+//     theme,
+//     {
+//       multiline,
+//       radius,
+//       invalid,
+//       rightSectionWidth,
+//       withRightSection,
+//       iconWidth,
+//       offsetBottom,
+//       offsetTop,
+//       pointer,
+//     }: InputStylesParams,
+//     { variant, size }
+//   ) => {
+//     const invalidColor = theme.fn.variant({
+//       variant: 'filled',
+//       color: 'red',
+//     }).background;
+//     const sizeStyles =
+//       variant === 'default' || variant === 'filled'
+//         ? {
+//             minHeight: getSize({ size, sizes }),
+//             paddingLeft: `calc(${getSize({ size, sizes })}  / 3)`,
+//             paddingRight: withRightSection
+//               ? rightSectionWidth || getSize({ size, sizes })
+//               : `calc(${getSize({ size, sizes })}  / 3)`,
+//             borderRadius: theme.fn.radius(radius),
+//           }
+//         : null;
+
+//     return {
+//       wrapper: {
+//         position: 'relative',
+//         marginTop: offsetTop ? `calc(${theme.spacing.xs} / 2)` : undefined,
+//         marginBottom: offsetBottom
+//           ? `calc(${theme.spacing.xs} / 2)`
+//           : undefined,
+//       },
+
+//       input: {
+//         ...theme.fn.fontStyles(),
+//         'height': multiline
+//           ? variant === 'unstyled'
+//             ? undefined
+//             : 'auto'
+//           : getSize({ size, sizes }),
+//         'WebkitTapHighlightColor': 'transparent',
+//         'lineHeight': multiline
+//           ? theme.lineHeight
+//           : `calc(${getSize({ size, sizes })} - ${rem(2)})`,
+//         'appearance': 'none',
+//         'resize': 'none',
+//         'boxSizing': 'border-box',
+//         'fontSize': getSize({ size, sizes: theme.fontSizes }),
+//         'width': '100%',
+//         'color':
+//           theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,
+//         'display': 'block',
+//         'textAlign': 'left',
+//         'cursor': pointer ? 'pointer' : undefined,
+//         ...getVariantStyles({ theme, variant }),
+//         ...sizeStyles,
+
+//         '&:disabled, &[data-disabled]': {
+//           'backgroundColor':
+//             theme.colorScheme === 'dark'
+//               ? theme.colors.dark[6]
+//               : theme.colors.gray[1],
+//           'color': theme.colors.dark[2],
+//           'opacity': 0.6,
+//           'cursor': 'not-allowed',
+
+//           '&::placeholder': {
+//             color: theme.colors.dark[2],
+//           },
+//         },
+
+//         '&[data-invalid]': {
+//           'color': invalidColor,
+//           'borderColor': invalidColor,
+
+//           '&::placeholder': {
+//             opacity: 1,
+//             color: invalidColor,
+//           },
+//         },
+
+//         '&[data-with-icon]': {
+//           paddingLeft:
+//             typeof iconWidth === 'number'
+//               ? rem(iconWidth)
+//               : getSize({ size, sizes }),
+//         },
+
+//         '&::placeholder': {
+//           ...theme.fn.placeholderStyles(),
+//           opacity: 1,
+//         },
+
+//         '&::-webkit-inner-spin-button, &::-webkit-outer-spin-button, &::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration':
+//           {
+//             appearance: 'none',
+//           },
+
+//         '&[type=number]': {
+//           MozAppearance: 'textfield',
+//         },
+//       },
+
+//       icon: {
+//         pointerEvents: 'none',
+//         position: 'absolute',
+//         zIndex: 1,
+//         left: 0,
+//         top: 0,
+//         bottom: 0,
+//         display: 'flex',
+//         alignItems: 'center',
+//         justifyContent: 'center',
+//         width: iconWidth ? rem(iconWidth) : getSize({ size, sizes }),
+//         color: invalid
+//           ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]
+//           : theme.colorScheme === 'dark'
+//             ? theme.colors.dark[2]
+//             : theme.colors.gray[5],
+//       },
+
+//       rightSection: {
+//         position: 'absolute',
+//         top: 0,
+//         bottom: 0,
+//         right: 0,
+//         display: 'flex',
+//         alignItems: 'center',
+//         justifyContent: 'center',
+//         width: rightSectionWidth || getSize({ size, sizes }),
+//       },
+//     };
+//   }
+// );
+//# sourceMappingURL=Input.styles.js.map

package/lib/commonjs/components/Input/Input.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_rem","require","sizes","exports","xs","rem","sm","md","lg","xl"],"sourceRoot":"../../../../src","sources":["components/Input/Input.styles.ts"],"mappings":";;;;;;AACA,IAAAA,IAAA,GAAAC,OAAA;AAcO,MAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnBE,EAAE,EAAE,IAAAC,QAAG,EAAC,EAAE,CAAC;EACXC,EAAE,EAAE,IAAAD,QAAG,EAAC,EAAE,CAAC;EACXE,EAAE,EAAE,IAAAF,QAAG,EAAC,EAAE,CAAC;EACXG,EAAE,EAAE,IAAAH,QAAG,EAAC,EAAE,CAAC;EACXI,EAAE,EAAE,IAAAJ,QAAG,EAAC,EAAE;AACZ,CAAC;;AAED;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/lib/commonjs/components/Input/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "INPUT_SIZES", {
+  enumerable: true,
+  get: function () {
+    return _InputStyles.sizes;
+  }
+});
+var _InputStyles = require("./Input.styles.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_InputStyles","require"],"sourceRoot":"../../../../src","sources":["components/Input/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/index.js

@@ -47,7 +47,7 @@ Object.keys(_index4).forEach(function (key) {
     }
   });
 });
-var _index5 = require("./UnstyledButton/index.js");
+var _index5 = require("./Button/index.js");
 Object.keys(_index5).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index5[key]) return;
@@ -58,7 +58,7 @@ Object.keys(_index5).forEach(function (key) {
     }
   });
 });
-var _index6 = require("./ActionIcon/index.js");
+var _index6 = require("./UnstyledButton/index.js");
 Object.keys(_index6).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index6[key]) return;
@@ -69,4 +69,15 @@ Object.keys(_index6).forEach(function (key) {
     }
   });
 });
+var _index7 = require("./ActionIcon/index.js");
+Object.keys(_index7).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index7[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index7[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_index2","_index3","_index4","_index5","_index6"],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,OAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,OAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,OAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,OAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,OAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,OAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,OAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,OAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,OAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,OAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,OAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,OAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,OAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,OAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,OAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,OAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_index2","_index3","_index4","_index5","_index6","_index7"],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/theme/create-styles.js

@@ -8,9 +8,9 @@ var _reactNative = require("react-native");
 var _themeProvider = require("./theme-provider.js");
 function createStyles(input) {
   const getStyleObject = typeof input === 'function' ? input : () => input;
-  function useStyles(params) {
+  function useStyles(params, variations) {
     const theme = (0, _themeProvider.useTheme)();
-    const styleObject = getStyleObject(theme, params);
+    const styleObject = getStyleObject(theme, params, variations);
     const sx = (...args) => {
       return args;
     };

package/lib/commonjs/theme/create-styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_themeProvider","createStyles","input","getStyleObject","useStyles","params","theme","useTheme","styleObject","sx","args","styles","StyleSheet","create"],"sourceRoot":"../../../src","sources":["theme/create-styles.ts"],"mappings":";;;;;;AAEA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAQO,SAASE,YAAYA,CAC1BC,KAAqD,EACrD;EACA,MAAMC,cAAc,GAAG,OAAOD,KAAK,KAAK,UAAU,GAAGA,KAAK,GAAG,MAAMA,KAAK;EACxE,SAASE,SAASA,CAACC,MAAY,EAAE;IAC/B,MAAMC,KAAK,GAAG,IAAAC,uBAAQ,EAAC,CAAC;IACxB,MAAMC,WAAW,GAAGL,cAAc,CAACG,KAAK,EAAED,MAAM,CAAC;IACjD,MAAMI,EAAE,GAAGA,CAAC,GAAGC,IAAS,KAAK;MAC3B,OAAOA,IAAI;IACb,CAAC;IACD,OAAO;MACLC,MAAM,EAAEC,uBAAU,CAACC,MAAM,CAACL,WAAW,CAAC;MACtCF,KAAK;MACLG;IACF,CAAC;EACH;EAEA,OAAOL,SAAS;AAClB","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_themeProvider","createStyles","input","getStyleObject","useStyles","params","variations","theme","useTheme","styleObject","sx","args","styles","StyleSheet","create"],"sourceRoot":"../../../src","sources":["theme/create-styles.ts"],"mappings":";;;;;;AAEA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAeO,SAASE,YAAYA,CAC1BC,KAImB,EACnB;EACA,MAAMC,cAAc,GAAG,OAAOD,KAAK,KAAK,UAAU,GAAGA,KAAK,GAAG,MAAMA,KAAK;EACxE,SAASE,SAASA,CAACC,MAAY,EAAEC,UAAuB,EAAE;IACxD,MAAMC,KAAK,GAAG,IAAAC,uBAAQ,EAAC,CAAC;IACxB,MAAMC,WAAW,GAAGN,cAAc,CAACI,KAAK,EAAEF,MAAM,EAAEC,UAAU,CAAC;IAC7D,MAAMI,EAAE,GAAGA,CAAC,GAAGC,IAAS,KAAK;MAC3B,OAAOA,IAAI;IACb,CAAC;IACD,OAAO;MACLC,MAAM,EAAEC,uBAAU,CAACC,MAAM,CAACL,WAAW,CAAC;MACtCF,KAAK;MACLG;IACF,CAAC;EACH;EAEA,OAAON,SAAS;AAClB","ignoreList":[]}