@servesall/atoms 1.1.24 → 1.1.25

package/dist/bundle.web.esm/src/Icons/Assets/visible.json.js

@@ -0,0 +1,307 @@
+var ip = 0;
+var fr = 60;
+var v = "5.1.20";
+var assets = [
+];
+var layers = [
+	{
+		ty: 4,
+		nm: "visible",
+		ip: 0,
+		st: 0,
+		ind: 1,
+		hix: 1,
+		ks: {
+			o: {
+				a: 0,
+				k: 100
+			},
+			or: {
+				a: 0,
+				k: [
+					0,
+					0,
+					0
+				]
+			},
+			a: {
+				a: 0,
+				k: [
+					9,
+					6.5,
+					0
+				]
+			},
+			p: {
+				s: true,
+				x: {
+					a: 0,
+					k: 49.999999524764874
+				},
+				y: {
+					a: 0,
+					k: 50.00049965677462
+				}
+			},
+			rx: {
+				a: 0,
+				k: 0
+			},
+			ry: {
+				a: 0,
+				k: 0
+			},
+			rz: {
+				a: 0,
+				k: 0
+			},
+			s: {
+				a: 0,
+				k: [
+					499.09999999999997,
+					499.09999999999997
+				]
+			}
+		},
+		shapes: [
+			{
+				ty: "gr",
+				nm: "visible shape group",
+				it: [
+					{
+						ty: "sh",
+						ks: {
+							a: 0,
+							k: {
+								c: false,
+								v: [
+									[
+										11.6667023,
+										5.9460001
+									],
+									[
+										8.99970245,
+										8.61299992
+									],
+									[
+										6.33270264,
+										5.9460001
+									],
+									[
+										8.99970245,
+										3.27900028
+									]
+								],
+								i: [
+									[
+										0,
+										0
+									],
+									[
+										1.4730000500000013,
+										0
+									],
+									[
+										0,
+										1.4730000499999996
+									],
+									[
+										-1.4730000499999996,
+										0
+									]
+								],
+								o: [
+									[
+										0,
+										1.4730000499999996
+									],
+									[
+										-1.4730000499999996,
+										0
+									],
+									[
+										0,
+										-1.4730000500000004
+									],
+									[
+										0,
+										0
+									]
+								]
+							}
+						}
+					},
+					{
+						ty: "sh",
+						ks: {
+							a: 0,
+							k: {
+								c: true,
+								v: [
+									[
+										8.99970245,
+										0.61328125
+									],
+									[
+										17.2494068,
+										5.94653273
+									],
+									[
+										8.99970245,
+										11.2797823
+									],
+									[
+										0.75,
+										5.94653273
+									]
+								],
+								i: [
+									[
+										-3.6723422999999995,
+										0
+									],
+									[
+										-1.4162720999999987,
+										-3.1443119100000003
+									],
+									[
+										3.672342350000001,
+										0
+									],
+									[
+										1.41627145,
+										3.14431142
+									]
+								],
+								o: [
+									[
+										3.672342350000001,
+										0
+									],
+									[
+										-1.4162720999999987,
+										3.14431142
+									],
+									[
+										-3.6723422999999995,
+										0
+									],
+									[
+										1.41627145,
+										-3.1443119100000003
+									]
+								]
+							}
+						}
+					},
+					{
+						ty: "st",
+						o: {
+							a: 0,
+							k: 100
+						},
+						c: {
+							a: 0,
+							k: [
+								0,
+								0,
+								0,
+								1
+							]
+						},
+						lc: 2,
+						lj: 2,
+						ml: 1,
+						w: {
+							a: 0,
+							k: 1.5
+						},
+						d: [
+							{
+								n: "d",
+								v: {
+									a: 0,
+									k: 0
+								},
+								nm: "0"
+							},
+							{
+								n: "g",
+								v: {
+									a: 0,
+									k: 0
+								},
+								nm: "1"
+							}
+						]
+					},
+					{
+						ty: "fl",
+						o: {
+							a: 0,
+							k: 0
+						},
+						c: {
+							a: 0,
+							k: [
+								0,
+								0,
+								0,
+								0
+							]
+						},
+						r: 1
+					},
+					{
+						ty: "tr",
+						o: {
+							a: 0,
+							k: 100
+						},
+						a: {
+							a: 0,
+							k: [
+								0,
+								0
+							]
+						},
+						s: {
+							a: 0,
+							k: [
+								100,
+								100
+							]
+						},
+						p: {
+							a: 0,
+							k: [
+								0,
+								1
+							]
+						},
+						r: {
+							a: 0,
+							k: 0
+						}
+					}
+				]
+			}
+		],
+		op: 1
+	}
+];
+var op = 1;
+var w = 100;
+var h = 100;
+var visible = {
+	ip: ip,
+	fr: fr,
+	v: v,
+	assets: assets,
+	layers: layers,
+	op: op,
+	w: w,
+	h: h
+};
+
+export { assets, visible as default, fr, h, ip, layers, op, v, w };

package/dist/bundle.web.esm/src/Icons/Icons.style.js

@@ -0,0 +1,13 @@
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import styled from 'styled-components/native';
+
+var _templateObject;
+var IconWrapper = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    align-items: center;\n    justify-content: center;\n    height: ", ";\n    width: ", ";\n    ", ";\n"])), function (props) {
+  return props.theme[props.size];
+}, function (props) {
+  return props.theme[props.size];
+}, function (props) {
+  return props.style;
+});
+
+export { IconWrapper };

package/dist/bundle.web.esm/src/Icons/Icons.style.web.js

@@ -0,0 +1,13 @@
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import styled from 'styled-components';
+
+var _templateObject;
+var IconWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-items: center;\n  justify-content: center;\n  height: ", ";\n  width: ", ";\n  ", ";\n"])), function (props) {
+  return props.theme[props.size];
+}, function (props) {
+  return props.theme[props.size];
+}, function (props) {
+  return props.style;
+});
+
+export { IconWrapper };

package/dist/bundle.web.esm/src/Icons/index.web.js

@@ -0,0 +1,67 @@
+import { objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import Lottie from 'lottie-react';
+import allCategories from './Assets/index.js';
+import { IconWrapper } from './Icons.style.web.js';
+
+var Icon = function Icon(_ref) {
+  var icon = _ref.icon,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "small" : _ref$size,
+      autoplay = _ref.autoplay,
+      loop = _ref.loop,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? "#5E5E5E" : _ref$color,
+      style = _ref.style;
+
+  var hexToRgbArray = function hexToRgbArray(hex) {
+    var normalized = hex.replace("#", "");
+    var bigint = parseInt(normalized, 16);
+    var r = (bigint >> 16 & 255) / 255;
+    var g = (bigint >> 8 & 255) / 255;
+    var b = (bigint & 255) / 255;
+    return [r, g, b];
+  };
+
+  var recolorLottie = function recolorLottie(json, hexColor) {
+    var _hexToRgbArray = hexToRgbArray(hexColor),
+        _hexToRgbArray2 = _slicedToArray(_hexToRgbArray, 3),
+        r = _hexToRgbArray2[0],
+        g = _hexToRgbArray2[1],
+        b = _hexToRgbArray2[2];
+
+    console.log([r, g, b]);
+    var cloned = JSON.parse(JSON.stringify(json));
+
+    var recolorShapes = function recolorShapes(shapes) {
+      if (!shapes) return;
+      shapes.forEach(function (shape) {
+        if (shape.ty === "fl" && shape.c && shape.c.k) {
+          shape.c.k = [r, g, b, 1];
+        } // recursively handle nested groups
+
+
+        if (shape.it) recolorShapes(shape.it);
+      });
+    };
+
+    cloned.layers.forEach(function (layer) {
+      if (layer.shapes) recolorShapes(layer.shapes);
+    });
+    return cloned;
+  };
+
+  return /*#__PURE__*/React__default.createElement(IconWrapper, {
+    size: size
+  }, /*#__PURE__*/React__default.createElement(Lottie, {
+    style: _objectSpread2({
+      width: "100%",
+      height: "100%"
+    }, style),
+    autoPlay: autoplay,
+    loop: loop,
+    animationData: color ? recolorLottie(allCategories[icon], color) : allCategories[icon]
+  }));
+};
+
+export { Icon as default };

package/dist/bundle.web.esm/src/Layout/Background.web.js

@@ -0,0 +1,20 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { View } from 'react-native-web';
+import { useThemeContext } from '../Theme/index.web.js';
+
+var Background = function Background(_ref) {
+  var children = _ref.children,
+      _ref$style = _ref.style,
+      style = _ref$style === void 0 ? {} : _ref$style;
+  var theme = useThemeContext();
+  var background = theme.background;
+  return /*#__PURE__*/React__default.createElement(View, {
+    style: _objectSpread2({
+      flex: 1,
+      backgroundColor: background
+    }, style)
+  }, children);
+};
+
+export { Background as default };

package/dist/bundle.web.esm/src/Layout/BorderBottom.js

@@ -0,0 +1,13 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { BorderBottomElement } from './Layout.style.web.js';
+
+var BorderBottom = function BorderBottom(_ref) {
+  var children = _ref.children,
+      style = _ref.style;
+  return /*#__PURE__*/React__default.createElement(BorderBottomElement, {
+    style: _objectSpread2({}, style)
+  }, children);
+};
+
+export { BorderBottom as default };

package/dist/bundle.web.esm/src/Layout/BorderBox.js

@@ -0,0 +1,13 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { BorderBoxElement } from './Layout.style.web.js';
+
+var BorderBox = function BorderBox(_ref) {
+  var children = _ref.children,
+      style = _ref.style;
+  return /*#__PURE__*/React__default.createElement(BorderBoxElement, {
+    style: _objectSpread2({}, style)
+  }, children);
+};
+
+export { BorderBox as default };

package/dist/bundle.web.esm/src/Layout/BorderTop.js

@@ -0,0 +1,13 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { BorderTopElement } from './Layout.style.web.js';
+
+var BorderTop = function BorderTop(_ref) {
+  var children = _ref.children,
+      style = _ref.style;
+  return /*#__PURE__*/React__default.createElement(BorderTopElement, {
+    style: _objectSpread2({}, style)
+  }, children);
+};
+
+export { BorderTop as default };

package/dist/bundle.web.esm/src/Layout/Box.js

@@ -0,0 +1,24 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { BoxElement } from './Layout.style.web.js';
+
+var _excluded = ["children", "color", "style", "direction"];
+
+var Box = function Box(_ref) {
+  var children = _ref.children,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? "" : _ref$color,
+      style = _ref.style,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? false : _ref$direction,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React__default.createElement(BoxElement, _extends({
+    style: _objectSpread2({
+      backgroundColor: color
+    }, style),
+    direction: direction
+  }, rest), children);
+};
+
+export { Box as default };

package/dist/bundle.web.esm/src/Layout/Center.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { CenterElement } from './Layout.style.web.js';
+
+var Center = function Center(_ref) {
+  var children = _ref.children,
+      style = _ref.style,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? false : _ref$direction;
+  return /*#__PURE__*/React__default.createElement(CenterElement, {
+    style: style,
+    direction: direction
+  }, children);
+};
+
+export { Center as default };

package/dist/bundle.web.esm/src/Layout/CenterLeft.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { CenterLeftElement } from './Layout.style.web.js';
+
+var CenterLeft = function CenterLeft(_ref) {
+  var children = _ref.children,
+      style = _ref.style,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? false : _ref$direction;
+  return /*#__PURE__*/React__default.createElement(CenterLeftElement, {
+    style: style,
+    direction: direction
+  }, children);
+};
+
+export { CenterLeft as default };

package/dist/bundle.web.esm/src/Layout/CenterRight.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { CenterRightElement } from './Layout.style.web.js';
+
+var CenterRight = function CenterRight(_ref) {
+  var children = _ref.children,
+      style = _ref.style,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? false : _ref$direction;
+  return /*#__PURE__*/React__default.createElement(CenterRightElement, {
+    style: style,
+    direction: direction
+  }, children);
+};
+
+export { CenterRight as default };

package/dist/bundle.web.esm/src/Layout/FullScreen.js

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { FullScreenElement } from './Layout.style.web.js';
+
+var FullScreen = function FullScreen(_ref) {
+  var children = _ref.children,
+      style = _ref.style;
+  return /*#__PURE__*/React__default.createElement(FullScreenElement, {
+    style: style
+  }, children);
+};
+
+export { FullScreen as default };

package/dist/bundle.web.esm/src/Layout/ImageWrapper.js

@@ -0,0 +1,14 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { ImageWrapperElement } from './Layout.style.web.js';
+
+var ImageWrapper = function ImageWrapper(_ref) {
+  var children = _ref.children;
+      _ref.box;
+      var style = _ref.style;
+  return /*#__PURE__*/React__default.createElement(ImageWrapperElement, {
+    style: _objectSpread2({}, style)
+  }, children);
+};
+
+export { ImageWrapper as default };