@neko-os/ui 0.2.3 → 0.4.0

package/dist/modifiers/flexWrapper.js

@@ -1 +1,87 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["justify","align","center","centerV","centerH","toRight","toBottom","toLeft","toTop","direction","row","wrap","gap","noGap"];import{clearProps,flattenStyle}from"./_helpers";import{useGetSpace}from"../theme/ThemeHandler";export function useFlexWrapperModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getSpace=useGetSpace();var justify=props.justify,align=props.align,center=props.center,centerV=props.centerV,centerH=props.centerH,toRight=props.toRight,toBottom=props.toBottom,toLeft=props.toLeft,toTop=props.toTop,direction=props.direction,row=props.row,wrap=props.wrap,gap=props.gap,noGap=props.noGap,restProps=_objectWithoutProperties(props,_excluded);var flexDirection=direction||(row?'row':'column');var justifyContent=justify;var alignItems=align;var flexWrap;gap=getSpace(gap);if(noGap)gap=undefined;var isRow=flexDirection==='row';var mainAxis=isRow?'horizontal':'vertical';var crossAxis=isRow?'vertical':'horizontal';if(center){justifyContent='center';alignItems='center';}else{if(centerH){if(mainAxis==='horizontal')justifyContent='center';else alignItems='center';}if(centerV){if(mainAxis==='vertical')justifyContent='center';else alignItems='center';}if(toRight){if(mainAxis==='horizontal')justifyContent='flex-end';else alignItems='flex-end';}if(toLeft){if(mainAxis==='horizontal')justifyContent='flex-start';else alignItems='flex-start';}if(toBottom){if(mainAxis==='vertical')justifyContent='flex-end';else alignItems='flex-end';}if(toTop){if(mainAxis==='vertical')justifyContent='flex-start';else alignItems='flex-start';}}if(wrap)flexWrap='wrap';var style=clearProps({display:'flex',justifyContent:justifyContent,alignItems:alignItems,flexDirection:flexDirection,flexWrap:flexWrap,gap:gap});return[values,Object.assign({},restProps,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["justify", "align", "center", "centerV", "centerH", "toRight", "toBottom", "toLeft", "toTop", "direction", "row", "wrap", "gap", "noGap"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { clearProps, flattenStyle } from "./_helpers";
+import { useGetSpace } from "../theme/ThemeHandler";
+
+export function useFlexWrapperModifier(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var getSpace = useGetSpace();
+  var
+    justify =
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    props.justify,align = props.align,center = props.center,centerV = props.centerV,centerH = props.centerH,toRight = props.toRight,toBottom = props.toBottom,toLeft = props.toLeft,toTop = props.toTop,direction = props.direction,row = props.row,wrap = props.wrap,gap = props.gap,noGap = props.noGap,restProps = _objectWithoutProperties(props, _excluded);
+
+  var flexDirection = direction || (row ? 'row' : 'column');
+  var justifyContent = justify;
+  var alignItems = align;
+  var flexWrap;
+
+  gap = getSpace(gap);
+  if (noGap) gap = undefined;
+
+  var isRow = flexDirection === 'row';
+  var mainAxis = isRow ? 'horizontal' : 'vertical';
+  var crossAxis = isRow ? 'vertical' : 'horizontal';
+
+  if (center) {
+    justifyContent = 'center';
+    alignItems = 'center';
+  } else {
+    if (centerH) {
+      if (mainAxis === 'horizontal') justifyContent = 'center';else
+      alignItems = 'center';
+    }
+    if (centerV) {
+      if (mainAxis === 'vertical') justifyContent = 'center';else
+      alignItems = 'center';
+    }
+    if (toRight) {
+      if (mainAxis === 'horizontal') justifyContent = 'flex-end';else
+      alignItems = 'flex-end';
+    }
+    if (toLeft) {
+      if (mainAxis === 'horizontal') justifyContent = 'flex-start';else
+      alignItems = 'flex-start';
+    }
+    if (toBottom) {
+      if (mainAxis === 'vertical') justifyContent = 'flex-end';else
+      alignItems = 'flex-end';
+    }
+    if (toTop) {
+      if (mainAxis === 'vertical') justifyContent = 'flex-start';else
+      alignItems = 'flex-start';
+    }
+  }
+
+  if (wrap) flexWrap = 'wrap';
+
+  var style = clearProps({
+    display: 'flex',
+    justifyContent: justifyContent,
+    alignItems: alignItems,
+    flexDirection: flexDirection,
+    flexWrap: flexWrap,
+    gap: gap
+  });
+
+  return [
+  values, Object.assign({},
+
+  restProps, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}

package/dist/modifiers/fullColor.js

@@ -1 +1,32 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["color"],_excluded2=["outline","contrastTolerance","fill","bg","borderColor"];import tinycolor from'tinycolor2';import{getContrastColor}from"../theme/helpers/contrastColor";import{useGetColor}from"../theme/ThemeHandler";export function useFullColorModifier(_ref){var _ref2=_slicedToArray(_ref,2),_ref2$=_ref2[0],color=_ref2$.color,values=_objectWithoutProperties(_ref2$,_excluded),_ref2$2=_ref2[1],outline=_ref2$2.outline,contrastTolerance=_ref2$2.contrastTolerance,fill=_ref2$2.fill,forcedBG=_ref2$2.bg,explicitBorderColor=_ref2$2.borderColor,props=_objectWithoutProperties(_ref2$2,_excluded2);var getColor=useGetColor();var bg=color;var bgObj=tinycolor(getColor(bg));var borderColor=explicitBorderColor!=null?explicitBorderColor:color;var fontColor='text';if(!!outline&&fill!==true){bg='transparent';fontColor=color;}else{fontColor=getContrastColor(bgObj,[getColor('overlayBG'),getColor('text')],contrastTolerance);}return[Object.assign({},values,{fontColor:fontColor}),Object.assign({},props,{bg:forcedBG||bg,borderColor:borderColor})];}
+var _excluded = ["color"],_excluded2 = ["outline", "contrastTolerance", "fill", "bg", "borderColor"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import tinycolor from 'tinycolor2';
+
+import { getContrastColor } from "../theme/helpers/contrastColor";
+import { useGetColor } from "../theme/ThemeHandler";
+
+export function useFullColorModifier(_ref)
+
+
+{var _ref2 = _slicedToArray(_ref, 2),_ref2$ = _ref2[0],color = _ref2$.color,values = _objectWithoutProperties(_ref2$, _excluded),_ref2$2 = _ref2[1],outline = _ref2$2.outline,contrastTolerance = _ref2$2.contrastTolerance,fill = _ref2$2.fill,forcedBG = _ref2$2.bg,explicitBorderColor = _ref2$2.borderColor,props = _objectWithoutProperties(_ref2$2, _excluded2);
+  var getColor = useGetColor();
+
+  var bg = color;
+  var bgObj = tinycolor(getColor(bg));
+  var borderColor = explicitBorderColor != null ? explicitBorderColor : color;
+  var fontColor = 'text';
+
+  if (!!outline && fill !== true) {
+    bg = 'transparent';
+    fontColor = color;
+  } else {
+    fontColor = getContrastColor(bgObj, [getColor('overlayBG'), getColor('text')], contrastTolerance);
+  }
+
+  return [Object.assign({},
+  values, { fontColor: fontColor }), Object.assign({},
+
+  props, {
+    bg: forcedBG || bg,
+    borderColor: borderColor })];
+
+
+}

package/dist/modifiers/grid.js

@@ -1 +1,27 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["gap","gapV","gapH"];import{useGetSpace}from"../theme/ThemeHandler";export function useGridModifier(_ref){var _gapV,_gapH;var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getSpace=useGetSpace();var gap=props.gap,gapV=props.gapV,gapH=props.gapH,restProps=_objectWithoutProperties(props,_excluded);gap=getSpace(gap);gapV=getSpace(gapV);gapH=getSpace(gapH);var childPaddingV,childPaddingH;if(gap||gapV)childPaddingV=((_gapV=gapV)!=null?_gapV:gap)/2;if(gap||gapH)childPaddingH=((_gapH=gapH)!=null?_gapH:gap)/2;var childPaddingProps={paddingV:childPaddingV,paddingH:childPaddingH};return[Object.assign({},values,{gap:gap,childPaddingProps:childPaddingProps}),Object.assign({row:true,wrap:true,marginV:-childPaddingV,marginH:-childPaddingH},restProps)];}
+var _excluded = ["gap", "gapV", "gapH"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { useGetSpace } from "../theme/ThemeHandler";
+
+export function useGridModifier(_ref) {var _gapV, _gapH;var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var getSpace = useGetSpace();
+
+  var gap = props.gap,gapV = props.gapV,gapH = props.gapH,restProps = _objectWithoutProperties(props, _excluded);
+
+  gap = getSpace(gap);
+  gapV = getSpace(gapV);
+  gapH = getSpace(gapH);
+  var childPaddingV, childPaddingH;
+  if (gap || gapV) childPaddingV = ((_gapV = gapV) != null ? _gapV : gap) / 2;
+  if (gap || gapH) childPaddingH = ((_gapH = gapH) != null ? _gapH : gap) / 2;
+
+  var childPaddingProps = { paddingV: childPaddingV, paddingH: childPaddingH };
+
+  return [Object.assign({},
+  values, { gap: gap, childPaddingProps: childPaddingProps }), Object.assign({
+
+    row: true,
+    wrap: true,
+    marginV: -childPaddingV,
+    marginH: -childPaddingH },
+  restProps)];
+
+
+}

package/dist/modifiers/hover.js

@@ -1 +1,28 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["hover","onMouseEnter","onMouseLeave"];import React from'react';export function useHoverConverter(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var _React$useState=React.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isHover=_React$useState2[0],setIsHover=_React$useState2[1];var hover=props.hover,onMouseEnter=props.onMouseEnter,onMouseLeave=props.onMouseLeave,restProps=_objectWithoutProperties(props,_excluded);var handleMouseEnter=function handleMouseEnter(){setIsHover(true);onMouseEnter==null?void 0:onMouseEnter();};var handleMouseLeave=function handleMouseLeave(){setIsHover(false);onMouseLeave==null?void 0:onMouseLeave();};if(!isHover)hover={};return[Object.assign({},values,{isHover:isHover}),Object.assign({},restProps,{onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave},hover)];}
+var _excluded = ["hover", "onMouseEnter", "onMouseLeave"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import React from 'react';
+
+export function useHoverConverter(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var _React$useState = React.useState(false),_React$useState2 = _slicedToArray(_React$useState, 2),isHover = _React$useState2[0],setIsHover = _React$useState2[1];
+  var hover = props.hover,onMouseEnter = props.onMouseEnter,onMouseLeave = props.onMouseLeave,restProps = _objectWithoutProperties(props, _excluded);
+
+  var handleMouseEnter = function handleMouseEnter() {
+    setIsHover(true);
+    onMouseEnter == null ? void 0 : onMouseEnter();
+  };
+
+  var handleMouseLeave = function handleMouseLeave() {
+    setIsHover(false);
+    onMouseLeave == null ? void 0 : onMouseLeave();
+  };
+
+  if (!isHover) hover = {};
+
+  return [Object.assign({},
+  values, { isHover: isHover }), Object.assign({},
+
+  restProps, {
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave },
+  hover)];
+
+
+}

package/dist/modifiers/logger.js

@@ -1 +1,6 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";export function useLoggerModifier(key){return function(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];console.log(key,values,props);return[values,props];};}
+function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}export function useLoggerModifier(key) {
+  return function (_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+    console.log(key, values, props);
+    return [values, props];
+  };
+}

package/dist/modifiers/margin.js

@@ -1 +1,25 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["marginT","marginB","marginL","marginR","marginV","marginH","margin"];import{clearProps,flattenStyle}from"./_helpers";import{useGetSpace}from"../theme/ThemeHandler";export function useMarginModifier(_ref){var _ref3,_ref4,_ref5,_ref6;var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getSpace=useGetSpace();var marginT=props.marginT,marginB=props.marginB,marginL=props.marginL,marginR=props.marginR,marginV=props.marginV,marginH=props.marginH,margin=props.margin,restProps=_objectWithoutProperties(props,_excluded);var marginTop=getSpace((_ref3=marginT!=null?marginT:marginV)!=null?_ref3:margin);var marginBottom=getSpace((_ref4=marginB!=null?marginB:marginV)!=null?_ref4:margin);var marginRight=getSpace((_ref5=marginR!=null?marginR:marginH)!=null?_ref5:margin);var marginLeft=getSpace((_ref6=marginL!=null?marginL:marginH)!=null?_ref6:margin);var style=clearProps({marginTop:marginTop,marginBottom:marginBottom,marginRight:marginRight,marginLeft:marginLeft});return[values,Object.assign({},restProps,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["marginT", "marginB", "marginL", "marginR", "marginV", "marginH", "margin"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { clearProps, flattenStyle } from "./_helpers";
+import { useGetSpace } from "../theme/ThemeHandler";
+
+export function useMarginModifier(_ref) {var _ref3, _ref4, _ref5, _ref6;var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var getSpace = useGetSpace();
+  var marginT = props.marginT,marginB = props.marginB,marginL = props.marginL,marginR = props.marginR,marginV = props.marginV,marginH = props.marginH,margin = props.margin,restProps = _objectWithoutProperties(props, _excluded);
+
+  var marginTop = getSpace((_ref3 = marginT != null ? marginT : marginV) != null ? _ref3 : margin);
+  var marginBottom = getSpace((_ref4 = marginB != null ? marginB : marginV) != null ? _ref4 : margin);
+  var marginRight = getSpace((_ref5 = marginR != null ? marginR : marginH) != null ? _ref5 : margin);
+  var marginLeft = getSpace((_ref6 = marginL != null ? marginL : marginH) != null ? _ref6 : margin);
+
+  var style = clearProps({ marginTop: marginTop, marginBottom: marginBottom, marginRight: marginRight, marginLeft: marginLeft });
+
+  return [
+  values, Object.assign({},
+
+  restProps, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}

package/dist/modifiers/overflow.js

@@ -1 +1,28 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["hiddenOverflow","scroll","noScroll","scrollY","scrollX","overflow","overflowY","overflowX"];import{clearProps,flattenStyle}from"./_helpers";export function useOverflowModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var hiddenOverflow=props.hiddenOverflow,scroll=props.scroll,noScroll=props.noScroll,scrollY=props.scrollY,scrollX=props.scrollX,overflow=props.overflow,overflowY=props.overflowY,overflowX=props.overflowX,restProps=_objectWithoutProperties(props,_excluded);if(hiddenOverflow)overflow='hidden';if(scroll)overflow='scroll';if(scrollY)overflowY='scroll';if(scrollX)overflowX='scroll';if(noScroll){if(overflow==='scroll')overflow=undefined;if(overflowY==='scroll')overflowY=undefined;if(overflowX==='scroll')overflowX=undefined;}var style=clearProps({overflow:overflow,overflowY:overflowY,overflowX:overflowX});return[values,Object.assign({},restProps,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["hiddenOverflow", "scroll", "noScroll", "scrollY", "scrollX", "overflow", "overflowY", "overflowX"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { clearProps, flattenStyle } from "./_helpers";
+
+export function useOverflowModifier(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var hiddenOverflow = props.hiddenOverflow,scroll = props.scroll,noScroll = props.noScroll,scrollY = props.scrollY,scrollX = props.scrollX,overflow = props.overflow,overflowY = props.overflowY,overflowX = props.overflowX,restProps = _objectWithoutProperties(props, _excluded);
+
+  if (hiddenOverflow) overflow = 'hidden';
+  if (scroll) overflow = 'scroll';
+  if (scrollY) overflowY = 'scroll';
+  if (scrollX) overflowX = 'scroll';
+  if (noScroll) {
+    if (overflow === 'scroll') overflow = undefined;
+    if (overflowY === 'scroll') overflowY = undefined;
+    if (overflowX === 'scroll') overflowX = undefined;
+  }
+
+  var style = clearProps({ overflow: overflow, overflowY: overflowY, overflowX: overflowX });
+
+  return [
+  values, Object.assign({},
+
+  restProps, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}

package/dist/modifiers/padding.js

@@ -1 +1,25 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["paddingT","paddingB","paddingL","paddingR","paddingV","paddingH","padding"];import{clearProps,flattenStyle}from"./_helpers";import{useGetSpace}from"../theme/ThemeHandler";export function usePaddingModifier(_ref){var _ref3,_ref4,_ref5,_ref6;var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getSpace=useGetSpace();var paddingT=props.paddingT,paddingB=props.paddingB,paddingL=props.paddingL,paddingR=props.paddingR,paddingV=props.paddingV,paddingH=props.paddingH,padding=props.padding,restProps=_objectWithoutProperties(props,_excluded);var paddingTop=getSpace((_ref3=paddingT!=null?paddingT:paddingV)!=null?_ref3:padding);var paddingBottom=getSpace((_ref4=paddingB!=null?paddingB:paddingV)!=null?_ref4:padding);var paddingRight=getSpace((_ref5=paddingR!=null?paddingR:paddingH)!=null?_ref5:padding);var paddingLeft=getSpace((_ref6=paddingL!=null?paddingL:paddingH)!=null?_ref6:padding);var style=clearProps({paddingTop:paddingTop,paddingBottom:paddingBottom,paddingRight:paddingRight,paddingLeft:paddingLeft});return[values,Object.assign({},restProps,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["paddingT", "paddingB", "paddingL", "paddingR", "paddingV", "paddingH", "padding"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { clearProps, flattenStyle } from "./_helpers";
+import { useGetSpace } from "../theme/ThemeHandler";
+
+export function usePaddingModifier(_ref) {var _ref3, _ref4, _ref5, _ref6;var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var getSpace = useGetSpace();
+  var paddingT = props.paddingT,paddingB = props.paddingB,paddingL = props.paddingL,paddingR = props.paddingR,paddingV = props.paddingV,paddingH = props.paddingH,padding = props.padding,restProps = _objectWithoutProperties(props, _excluded);
+
+  var paddingTop = getSpace((_ref3 = paddingT != null ? paddingT : paddingV) != null ? _ref3 : padding);
+  var paddingBottom = getSpace((_ref4 = paddingB != null ? paddingB : paddingV) != null ? _ref4 : padding);
+  var paddingRight = getSpace((_ref5 = paddingR != null ? paddingR : paddingH) != null ? _ref5 : padding);
+  var paddingLeft = getSpace((_ref6 = paddingL != null ? paddingL : paddingH) != null ? _ref6 : padding);
+
+  var style = clearProps({ paddingTop: paddingTop, paddingBottom: paddingBottom, paddingRight: paddingRight, paddingLeft: paddingLeft });
+
+  return [
+  values, Object.assign({},
+
+  restProps, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}

package/dist/modifiers/position.js

@@ -1 +1,57 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["position","absolute","absoluteFill","fixedFill","relative","fixed","sticky","top","bottom","left","right","zIndex"];import{Platform}from"../abstractions/Platform";import{clearProps,flattenStyle}from"./_helpers";import{useGetSpace}from"../theme";export function usePositionModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getSpace=useGetSpace();var position=props.position,absolute=props.absolute,absoluteFill=props.absoluteFill,fixedFill=props.fixedFill,relative=props.relative,fixed=props.fixed,sticky=props.sticky,top=props.top,bottom=props.bottom,left=props.left,right=props.right,zIndex=props.zIndex,restProps=_objectWithoutProperties(props,_excluded);if(!zIndex&&!!absolute)zIndex=10;if(absolute||absoluteFill)position='absolute';if(relative)position='relative';if(fixed||fixedFill)position='fixed';if(sticky)position='sticky';top=getSpace(top);bottom=getSpace(bottom);right=getSpace(right);left=getSpace(left);if(absoluteFill||fixedFill){top=0;bottom=0;left=0;right=0;}if(Platform.OS!=='web'&&['fixed','sticky'].includes(position)){position='absolute';}var style=clearProps({position:position,top:top,bottom:bottom,left:left,right:right,zIndex:zIndex});return[values,Object.assign({},restProps,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["position", "absolute", "absoluteFill", "fixedFill", "relative", "fixed", "sticky", "top", "bottom", "left", "right", "zIndex"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { Platform } from "../abstractions/Platform";
+import { clearProps, flattenStyle } from "./_helpers";
+import { useGetSpace } from "../theme";
+
+export function usePositionModifier(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var getSpace = useGetSpace();
+  var
+    position =
+
+
+
+
+
+
+
+
+
+
+
+
+    props.position,absolute = props.absolute,absoluteFill = props.absoluteFill,fixedFill = props.fixedFill,relative = props.relative,fixed = props.fixed,sticky = props.sticky,top = props.top,bottom = props.bottom,left = props.left,right = props.right,zIndex = props.zIndex,restProps = _objectWithoutProperties(props, _excluded);
+
+  if (!zIndex && !!absolute) zIndex = 10;
+  if (absolute || absoluteFill) position = 'absolute';
+  if (relative) position = 'relative';
+  if (fixed || fixedFill) position = 'fixed';
+  if (sticky) position = 'sticky';
+
+  top = getSpace(top);
+  bottom = getSpace(bottom);
+  right = getSpace(right);
+  left = getSpace(left);
+
+  if (absoluteFill || fixedFill) {
+    top = 0;
+    bottom = 0;
+    left = 0;
+    right = 0;
+  }
+
+  if (Platform.OS !== 'web' && ['fixed', 'sticky'].includes(position)) {
+    position = 'absolute';
+  }
+
+  var style = clearProps({ position: position, top: top, bottom: bottom, left: left, right: right, zIndex: zIndex });
+
+  return [
+  values, Object.assign({},
+
+  restProps, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}

package/dist/modifiers/responsiveConverter.js

@@ -1 +1,19 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{curry}from'ramda';import React from'react';import{useGetResponsiveValue}from"../responsive/responsiveHooks";export var useResponsiveConverter=curry(function(keys,_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getValue=useGetResponsiveValue();return React.useMemo(function(){var formattedProps=Object.keys(props).reduce(function(acc,k){var v=props[k];if(!(keys!=null&&keys.length)||keys.includes(k))v=getValue(v);acc[k]=v;return acc;},{});return[values,formattedProps];},[getValue]);});
+function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { curry } from 'ramda';
+import React from 'react';
+
+import { useGetResponsiveValue } from "../responsive/responsiveHooks";
+
+export var useResponsiveConverter = curry(function (keys, _ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var getValue = useGetResponsiveValue();
+
+  return React.useMemo(function () {
+    var formattedProps = Object.keys(props).reduce(function (acc, k) {
+      var v = props[k];
+      if (!(keys != null && keys.length) || keys.includes(k)) v = getValue(v);
+      acc[k] = v;
+      return acc;
+    }, {});
+
+    return [values, formattedProps];
+  }, [getValue]);
+});

package/dist/modifiers/shadow.js

@@ -1 +1,35 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["shadow"];import{clearProps,flattenStyle}from"./_helpers";import{useGetColor}from"../theme/ThemeHandler";export function useShadowModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getColor=useGetColor();var shadow=props.shadow,restProps=_objectWithoutProperties(props,_excluded);var boxShadow,shadowRadius,shadowOffset,shadowOpacity,shadowColor,elevation;if(shadow===true){shadow=getColor('shadow');}else if(!!shadow){shadow=getColor(shadow);}if(!!shadow){boxShadow=`0 1px 10px ${shadow}`;shadowRadius=10;shadowOffset={width:0,height:1};shadowOpacity=1;elevation=10;shadowColor=shadow;}var style=clearProps({boxShadow:boxShadow,shadowRadius:shadowRadius,shadowOffset:shadowOffset,shadowOpacity:shadowOpacity,shadowColor:shadowColor,elevation:elevation});return[values,Object.assign({},restProps,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["shadow"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { clearProps, flattenStyle } from "./_helpers";
+import { useGetColor } from "../theme/ThemeHandler";
+
+export function useShadowModifier(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var getColor = useGetColor();
+  var shadow = props.shadow,restProps = _objectWithoutProperties(props, _excluded);
+
+  var boxShadow, shadowRadius, shadowOffset, shadowOpacity, shadowColor, elevation;
+  if (shadow === true) {
+    shadow = getColor('shadow');
+  } else if (!!shadow) {
+    shadow = getColor(shadow);
+  }
+  if (!!shadow) {
+    boxShadow = `0 1px 10px ${shadow}`;
+    shadowRadius = 10;
+    shadowOffset = { width: 0, height: 1 };
+    shadowOpacity = 1;
+    elevation = 10;
+    shadowColor = shadow;
+  }
+
+  var style = clearProps({ boxShadow: boxShadow, shadowRadius: shadowRadius, shadowOffset: shadowOffset, shadowOpacity: shadowOpacity, shadowColor: shadowColor, elevation: elevation });
+
+  return [
+  values, Object.assign({},
+
+  restProps, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}

package/dist/modifiers/size.js

@@ -1 +1,59 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["width","height","minH","minHeight","maxH","maxHeight","minWidth","minW","maxWidth","maxW","fullWidth","fullW","fullHeight","fullH","ratio","square","span","parentSpan"];import{Platform}from"../abstractions/Platform";import{clearProps,flattenStyle}from"./_helpers";import{useGetElementHeight}from"../theme/ThemeHandler";export function useSizeModifier(_ref){var _span;var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var getHeight=useGetElementHeight();var _ref3=props||{},width=_ref3.width,height=_ref3.height,minH=_ref3.minH,minHeight=_ref3.minHeight,maxH=_ref3.maxH,maxHeight=_ref3.maxHeight,minWidth=_ref3.minWidth,minW=_ref3.minW,maxWidth=_ref3.maxWidth,maxW=_ref3.maxW,fullWidth=_ref3.fullWidth,fullW=_ref3.fullW,fullHeight=_ref3.fullHeight,fullH=_ref3.fullH,ratio=_ref3.ratio,square=_ref3.square,span=_ref3.span,parentSpan=_ref3.parentSpan,restProps=_objectWithoutProperties(_ref3,_excluded);minHeight=getHeight(minHeight||minH);minWidth=getHeight(minWidth||minW);maxHeight=getHeight(maxHeight||maxH);maxWidth=getHeight(maxWidth||maxW);height=getHeight(height);width=getHeight(width);span=(_span=span)!=null?_span:parentSpan;if(span)width=span/24*100+'%';if(fullWidth||fullW)width='100%';if((fullHeight||fullH)&&Platform.OS==='web')height='100%';var aspectRatio=ratio;if(!!square)aspectRatio=1;var style=clearProps({height:height,width:width,minHeight:minHeight,minHeight:minHeight,maxHeight:maxHeight,minWidth:minWidth,maxWidth:maxWidth,aspectRatio:aspectRatio});return[values,Object.assign({},restProps,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["width", "height", "minH", "minHeight", "maxH", "maxHeight", "minWidth", "minW", "maxWidth", "maxW", "fullWidth", "fullW", "fullHeight", "fullH", "ratio", "square", "span", "parentSpan"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { Platform } from "../abstractions/Platform";
+import { clearProps, flattenStyle } from "./_helpers";
+import { useGetElementHeight, useTheme } from "../theme/ThemeHandler";
+
+export function useSizeModifier(_ref) {var _minHeight, _minWidth, _maxHeight, _maxWidth, _span;var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var theme = useTheme();
+  var getHeight = useGetElementHeight();
+  var _ref3 =
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    props || {},width = _ref3.width,height = _ref3.height,minH = _ref3.minH,minHeight = _ref3.minHeight,maxH = _ref3.maxH,maxHeight = _ref3.maxHeight,minWidth = _ref3.minWidth,minW = _ref3.minW,maxWidth = _ref3.maxWidth,maxW = _ref3.maxW,fullWidth = _ref3.fullWidth,fullW = _ref3.fullW,fullHeight = _ref3.fullHeight,fullH = _ref3.fullH,ratio = _ref3.ratio,square = _ref3.square,span = _ref3.span,parentSpan = _ref3.parentSpan,restProps = _objectWithoutProperties(_ref3, _excluded);
+
+  minHeight = getHeight((_minHeight = minHeight) != null ? _minHeight : minH);
+  minWidth = getHeight((_minWidth = minWidth) != null ? _minWidth : minW);
+
+  maxHeight = getHeight((_maxHeight = maxHeight) != null ? _maxHeight : maxH);
+
+  maxWidth = (_maxWidth = maxWidth) != null ? _maxWidth : maxW;
+  maxWidth = maxWidth === 'base' ? theme.baseMaxWidth : getHeight(maxWidth || maxW);
+
+  height = getHeight(height);
+  width = getHeight(width);
+
+  span = (_span = span) != null ? _span : parentSpan;
+  if (span) width = span / 24 * 100 + '%';
+
+  if (fullWidth || fullW) width = '100%';
+  if ((fullHeight || fullH) && Platform.OS === 'web') height = '100%';
+
+  var aspectRatio = ratio;
+  if (!!square) aspectRatio = 1;
+
+  var style = clearProps({ height: height, width: width, minHeight: minHeight, minHeight: minHeight, maxHeight: maxHeight, minWidth: minWidth, maxWidth: maxWidth, aspectRatio: aspectRatio });
+
+  return [
+  values, Object.assign({},
+
+  restProps, {
+    style: Object.assign({}, flattenStyle(props.style), style) })];
+
+
+}

package/dist/modifiers/sizeConverter.js

@@ -1 +1,12 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{getSizeFromProps}from"../theme/helpers/sizeScale";import{useGetThemeValue}from"../theme/ThemeHandler";export function useSizeConverter(groupKey,defaultValue){var getSizeValue=useGetThemeValue(groupKey);return function(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var _getSizeFromProps=getSizeFromProps(props,defaultValue),_getSizeFromProps2=_slicedToArray(_getSizeFromProps,2),sizeCode=_getSizeFromProps2[0],formattedProps=_getSizeFromProps2[1];var size=getSizeValue(sizeCode);return[Object.assign({},values,{size:size,sizeCode:sizeCode}),formattedProps];};}
+function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { getSizeFromProps } from "../theme/helpers/sizeScale";
+import { useGetThemeValue } from "../theme/ThemeHandler";
+
+export function useSizeConverter(groupKey, defaultValue) {
+  var getSizeValue = useGetThemeValue(groupKey);
+
+  return function (_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+    var _getSizeFromProps = getSizeFromProps(props, defaultValue),_getSizeFromProps2 = _slicedToArray(_getSizeFromProps, 2),sizeCode = _getSizeFromProps2[0],formattedProps = _getSizeFromProps2[1];
+    var size = getSizeValue(sizeCode);
+    return [Object.assign({}, values, { size: size, sizeCode: sizeCode }), formattedProps];
+  };
+}