@onepercentio/one-ui 0.6.6 → 0.6.7

package/dist/components/Background/Background.d.ts

@@ -0,0 +1,7 @@
+/**
+ * An animated background that represents a 3d environment and places the user into a cenario
+ **/
+export default function Background({ pointTo, color, }: {
+    pointTo: "north" | "south" | "east" | "west";
+    color: string;
+}): JSX.Element;

package/dist/components/Background/Background.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const Background_module_scss_1 = __importDefault(require("./Background.module.scss"));
+const throttle_1 = __importDefault(require("lodash/throttle"));
+/**
+ * An animated background that represents a 3d environment and places the user into a cenario
+ **/
+function Background({ pointTo = "north", color, }) {
+    const base = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const func = (0, throttle_1.default)((e) => {
+            const razao = document.body.clientWidth / document.body.clientHeight;
+            const baseX = 1;
+            const baseY = baseX * razao;
+            const percentX = (e.x * 100) / document.body.clientWidth / 100;
+            const percentY = (e.y * 100) / document.body.clientHeight / 100;
+            const perspectiveOffsetX = baseX * percentX - baseX / 2;
+            const perspectiveOffsetY = baseY * percentY - baseY / 2;
+            base.current.style.perspectiveOrigin = `${50 - perspectiveOffsetX}% ${40 - perspectiveOffsetY}%`;
+        }, 1000 / 15);
+        window.addEventListener("mousemove", func);
+        return () => {
+            window.removeEventListener("mousemove", func);
+        };
+    }, []);
+    return (react_1.default.createElement("div", { ref: base, style: { "--halo": color }, className: `${Background_module_scss_1.default.background} ${Background_module_scss_1.default[pointTo]}` },
+        react_1.default.createElement("div", { className: Background_module_scss_1.default.ground }),
+        react_1.default.createElement("div", { className: Background_module_scss_1.default.overlay })));
+}
+exports.default = Background;
+//# sourceMappingURL=Background.js.map

package/dist/components/Background/Background.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../../src/components/Background/Background.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,sFAA8C;AAC9C,+DAAuC;AAEvC;;IAEI;AACJ,SAAwB,UAAU,CAAC,EACjC,OAAO,GAAG,OAAO,EACjB,KAAK,GAIN;IACC,MAAM,IAAI,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,IAAA,kBAAQ,EAAC,CAAC,CAAa,EAAE,EAAE;YACtC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC;YACrE,MAAM,KAAK,GAAG,CAAC,CAAC;YAChB,MAAM,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;YAC5B,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;YAC/D,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;YAChE,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC,CAAC;YACxD,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC,CAAC;YACxD,IAAI,CAAC,OAAQ,CAAC,KAAK,CAAC,iBAAiB,GAAG,GAAG,EAAE,GAAG,kBAAkB,KAChE,EAAE,GAAG,kBACP,GAAG,CAAC;QACN,CAAC,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;QACd,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAC3C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAChD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,uCACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAS,EACjC,SAAS,EAAE,GAAG,gCAAM,CAAC,UAAU,IAAI,gCAAM,CAAC,OAAO,CAAC,EAAE;QAEpD,uCAAK,SAAS,EAAE,gCAAM,CAAC,MAAM,GAAI;QACjC,uCAAK,SAAS,EAAE,gCAAM,CAAC,OAAO,GAAI,CAC9B,CACP,CAAC;AACJ,CAAC;AApCD,6BAoCC"}

package/dist/components/Background/Background.module.scss

@@ -0,0 +1,106 @@
+$renderResolutionWidth: 50vw;
+$renderResolutionHeight: 50vh;
+$blockSize: $renderResolutionWidth * 0.1;
+
+* {
+  -webkit-font-smoothing: subpixel-antialiased;
+  outline: 1px solid transparent;
+  --primary-color: blue;
+}
+
+.overlay {
+  position: absolute;
+  height: $renderResolutionHeight / 10;
+  width: $renderResolutionWidth / 10;
+  transform: scale(10);
+  background: radial-gradient(
+    circle at 50% -100%,
+    rgba(33, 0, 59, 0.5),
+    rgba(33, 0, 59, 0.5) 40%,
+    rgba(66, 35, 91, 0.5) 65%,
+    #0000 80%
+  );
+  background-repeat: no-repeat;
+}
+
+.background {
+  overflow: hidden;
+  image-rendering: 10px 10px;
+  background-color: black;
+  image-rendering: optimizeSpeed;
+  background-repeat: no-repeat;
+  background-size: $renderResolutionWidth $renderResolutionHeight * 0.5;
+  width: $renderResolutionWidth;
+  height: $renderResolutionHeight;
+  perspective: $renderResolutionWidth * 0.9;
+  perspective-origin: 50% 40%;
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: -1;
+  transition: perspective-origin;
+  transition-duration: var(--animation-speed-transition);
+  top: 50vh - $renderResolutionHeight / 2;
+  left: 50vw - $renderResolutionWidth / 2;
+  transform: scale(100vw / $renderResolutionWidth);
+
+  & .ground {
+    transform: rotateX(90deg) translateY(50%) translateZ(-75px) rotateZ(0deg);
+  }
+  &.north .ground {
+    transform: rotateX(90deg) translateY(50%) translateZ(-75px) rotateZ(0deg)
+      rotateZ(0deg);
+  }
+  &.south .ground {
+    transform: rotateX(90deg) translateY(50%) translateZ(-75px) rotateZ(0deg)
+      rotateZ(180deg);
+  }
+  &.east .ground {
+    transform: rotateX(90deg) translateY(50%) translateZ(-75px) rotateZ(0deg)
+      rotateZ(90deg);
+  }
+  &.west .ground {
+    transform: rotateX(90deg) translateY(50%) translateZ(-75px) rotateZ(0deg)
+      rotateZ(270deg);
+  }
+}
+
+$tileSize: $renderResolutionHeight * 0.075 * 1.5;
+.ground {
+  width: $renderResolutionWidth * 3 * (100vw / $renderResolutionWidth);
+  height: $renderResolutionWidth * 3 * (100vw / $renderResolutionWidth);
+  transition: transform var(--animation-speed-transition) var(--animation-timing-transition);
+  &::before {
+    backface-visibility: hidden;
+    content: "";
+    position: absolute;
+    width: $renderResolutionWidth * 3 * (100vw / $renderResolutionWidth);
+    height: $renderResolutionWidth * 3 * (100vw / $renderResolutionWidth);
+    border-radius: 50%;
+    background: url(./ground-tile.svg);
+    background-size: $tileSize $tileSize;
+    background-position: -18px 30px;
+  }
+
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &::after {
+    content: "";
+    width: $renderResolutionWidth * 3;
+    height: $renderResolutionWidth * 3;
+    transform: scale(4);
+    background: radial-gradient(
+      transparent 20%,
+      rgba(33, 0, 59, 1) 40%,
+      rgba(33, 0, 59, 0.6) 59%,
+      #0009 70%
+    );
+    // background-color: red;
+    border-radius: 50%;
+    position: absolute;
+  }
+}

package/dist/components/Background/Background.stories.d.ts

@@ -0,0 +1,7 @@
+import AsyncWrapper from "./Background";
+declare const _default: {
+    component: typeof AsyncWrapper;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: (args: any) => JSX.Element;

package/dist/components/Background/Background.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialImplementation = void 0;
+const react_1 = __importDefault(require("react"));
+const OneUIProvider_1 = __importDefault(require("../../context/OneUIProvider"));
+const Loader_1 = __importDefault(require("../Loader"));
+const Background_1 = __importDefault(require("./Background"));
+exports.default = {
+    component: Background_1.default,
+    title: "Sky",
+};
+const InitialImplementation = (args) => (react_1.default.createElement(OneUIProvider_1.default, { config: {
+        component: {
+            asyncWrapper: {
+                LoadingComponent: () => react_1.default.createElement(Loader_1.default, null),
+                messages: {
+                    error: {
+                        title: "Exemplo de error",
+                        retryBtn: "Tentar novamente",
+                    },
+                },
+            },
+        },
+    } },
+    react_1.default.createElement(Background_1.default, Object.assign({}, args))));
+exports.InitialImplementation = InitialImplementation;
+//# sourceMappingURL=Background.stories.js.map

package/dist/components/Background/Background.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Background.stories.js","sourceRoot":"","sources":["../../../src/components/Background/Background.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gFAAwD;AACxD,uDAA+B;AAC/B,8DAAwC;AAExC,kBAAe;IACb,SAAS,EAAE,oBAAY;IACvB,KAAK,EAAE,KAAK;CACb,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,8BAAC,uBAAa,IACZ,MAAM,EAAE;QACN,SAAS,EAAE;YACT,YAAY,EAAE;gBACZ,gBAAgB,EAAE,GAAG,EAAE,CAAC,8BAAC,gBAAM,OAAG;gBAClC,QAAQ,EAAE;oBACR,KAAK,EAAE;wBACL,KAAK,EAAE,kBAAkB;wBACzB,QAAQ,EAAE,kBAAkB;qBAC7B;iBACF;aACF;SACF;KACF;IAED,8BAAC,oBAAY,oBAAK,IAAI,EAAI,CACZ,CACjB,CAAC;AAlBW,QAAA,qBAAqB,yBAkBhC"}

package/dist/components/Background/ground-tile.svg

@@ -0,0 +1,9 @@
+<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none">
+
+    <defs>
+        <filter id="blur">
+            <feGaussianBlur stdDeviation="1" />
+        </filter>
+    </defs>
+    <rect width="400" height="400" stroke-width="6" stroke="#d0b9fc" fill="#0000" />
+</svg>

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

@@ -0,0 +1 @@
+export { default } from './Background';

package/dist/components/Background/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Background_1 = require("./Background");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Background_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Background/index.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA"}

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.module.scss

@@ -20,18 +20,20 @@ $slice: math.div(1, 7);
     transform: scale(0.9);
   }
   > * {
+    position: relative;
     flex-shrink: 0;
-    box-sizing: content-box;
+    box-sizing: border-box;
     width: 0.8em;
     height: #{$slice}em;
     border-radius: #{math.div($slice, 2)}em;
     transition: transform $veryFast, width $veryFast, height $veryFast,
       border-width $veryFast, background-color $veryFast,
-      border-radius $veryFast;
+      border-radius $veryFast, top $veryFast;
     background: var(--mutable-hamburger-background, $digitalBlue);
     background-size: 1em 1em;
     background-repeat: no-repeat;
     border: 0em solid #0000;
+    top: 0px;
     &:nth-child(1) {
       border-top-color: var(--mutable-hamburger-background, $digitalBlue);
     }
@@ -101,8 +103,8 @@ $slice: math.div(1, 7);
   &.search {
     > :nth-child(1) {
       $rate: 1.8;
-      width: #{$slice * $rate}em;
-      height: #{$slice * $rate}em;
+      width: #{$slice * $rate + math.div($slice, 1.35)}em;
+      height: #{$slice * $rate + math.div($slice, 1.35)}em;
       border-radius: #{$slice * $rate * 2}em;
       background-color: transparent;
       border: #{math.div($slice, 1.35)}em solid
@@ -115,7 +117,7 @@ $slice: math.div(1, 7);
       width: 0.55em;
     }
     > :nth-child(3) {
-      transform: translateX(0.12em) translateY(-#{($slice * 1.3) + 0.05}em)
+      transform: translateX(0.12em) translateY(-#{($slice * 1.3) + 0.085}em)
         rotateZ(45deg);
       height: #{math.div($slice, 1.35)}em;
       width: 0.55em;
@@ -158,19 +160,20 @@ $slice: math.div(1, 7);
     animation-timing-function: linear;
     > * {
       background-color: #0000;
-      width: #{$slice * 2.5}em;
-      height: #{$slice * 2.5}em;
-      border-radius: #{$slice * 2.5}em;
+      width: #{$slice * 4.5}em;
+      height: #{$slice * 4.5}em;
+      border-radius: #{$slice * 4.5}em;
       border-width: #{$slice}em;
     }
     > :nth-child(1) {
-      transform: translateY(#{$slice * 4.5}em);
+      top: (#{$slice * 4.5}em);
     }
     > :nth-child(2) {
       transform: rotateZ(-5deg);
     }
     > :nth-child(3) {
-      transform: translateY(-#{$slice * 4.5}em) rotateZ(-95deg);
+      transform: rotateZ(-95deg);
+      top: (-#{$slice * 4.5}em);
     }
   }
 }

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js

@@ -33,7 +33,7 @@ exports.default = {
     component: MutableHamburgerButton_1.default,
     title: "Mutable Hamburger Button",
 };
-const InitialImplementation = (args) => (react_1.default.createElement("div", { style: { backgroundColor: "#00f5", display: "inline-block" } },
+const InitialImplementation = (args) => (react_1.default.createElement("div", { style: { transformOrigin: '0px 0px', transform: "scale(10)", backgroundColor: "#00f5", display: "inline-block" } },
     react_1.default.createElement(MutableHamburgerButton_1.default, Object.assign({}, args))));
 exports.InitialImplementation = InitialImplementation;
 exports.InitialImplementation.args = {

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MutableHamburgerButton.stories.js","sourceRoot":"","sources":["../../../src/components/MutableHamburgerButton/MutableHamburgerButton.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmE;AACnE,sFAA8D;AAE9D,kBAAe;IACb,SAAS,EAAE,gCAAsB;IACjC,KAAK,EAAE,0BAA0B;CAClC,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,uCAAK,KAAK,EAAE,EAAC,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAC;IAC7D,8BAAC,gCAAsB,oBAAK,IAAI,EAAI,CAChC,CACP,CAAC;AAJW,QAAA,qBAAqB,yBAIhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG;CAC0B,CAAC;AAE3D,MAAM,kBAAkB,GAAG,CAAC,IAAS,EAAE,EAAE;IAC9C,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GACX,IAAA,gBAAQ,EAAyD,QAAQ,CAAC,CAAC;IAE3E,SAAS,WAAW;QAChB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,CAAC,GAAG,GAAG,EAAE;YACT,OAAO,SAAS,CAAA;SACnB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,YAAY,CAAA;SACtB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,UAAU,CAAA;SACpB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,QAAQ,CAAC;SACnB;aAAM;YACH,OAAO,QAAQ,CAAA;SAClB;IACL,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE;YACzB,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QAC3D,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IACH,OAAO,8BAAC,gCAAsB,oBAAK,IAAI,IAAE,KAAK,EAAE,CAAC,IAAI,CAAC;AACxD,CAAC,CAAC;AA3BW,QAAA,kBAAkB,sBA2B7B;AACF,0BAAkB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG;CAC0B,CAAC"}
+{"version":3,"file":"MutableHamburgerButton.stories.js","sourceRoot":"","sources":["../../../src/components/MutableHamburgerButton/MutableHamburgerButton.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmE;AACnE,sFAA8D;AAE9D,kBAAe;IACb,SAAS,EAAE,gCAAsB;IACjC,KAAK,EAAE,0BAA0B;CAClC,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,uCAAK,KAAK,EAAE,EAAC,eAAe,EAAE,SAAS,EAAC,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAC;IAChH,8BAAC,gCAAsB,oBAAK,IAAI,EAAI,CAChC,CACP,CAAC;AAJW,QAAA,qBAAqB,yBAIhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG;CAC0B,CAAC;AAE3D,MAAM,kBAAkB,GAAG,CAAC,IAAS,EAAE,EAAE;IAC9C,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GACX,IAAA,gBAAQ,EAAyD,QAAQ,CAAC,CAAC;IAE3E,SAAS,WAAW;QAChB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,CAAC,GAAG,GAAG,EAAE;YACT,OAAO,SAAS,CAAA;SACnB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,YAAY,CAAA;SACtB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,UAAU,CAAA;SACpB;aAAM,IAAI,CAAC,GAAG,GAAG,EAAE;YAChB,OAAO,QAAQ,CAAC;SACnB;aAAM;YACH,OAAO,QAAQ,CAAA;SAClB;IACL,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE;YACzB,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QAC3D,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IACH,OAAO,8BAAC,gCAAsB,oBAAK,IAAI,IAAE,KAAK,EAAE,CAAC,IAAI,CAAC;AACxD,CAAC,CAAC;AA3BW,QAAA,kBAAkB,sBA2B7B;AACF,0BAAkB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG;CAC0B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onepercentio/one-ui",
-  "version": "0.6.6",
+  "version": "0.6.7",
   "description": "A set of reusable components created through the development of Onepercent projects",
   "files": [
     "dist",