npm - @onepercentio/one-ui - Versions diffs - 0.1.5 → 0.2.0 - Mend

@onepercentio/one-ui 0.1.5 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (103) hide show

package/dist/components/Header/Header.module.scss CHANGED Viewed

@@ -12,10 +12,6 @@
   z-index: 100;
 }
-.sectionDivider {
-  margin-left: auto;
-}
 .logo {
   align-self: stretch;
   display: flex;
@@ -67,7 +63,6 @@
   z-index: 1000;
   > * {
     cursor: pointer;
-    background: $mainBackgroundColor;
     backdrop-filter: var(--header-submenu-backdrop, initial);
     padding: 12px 32px;
     margin-bottom: 8px;
@@ -106,4 +101,19 @@
   @media screen and (min-width: 640px) {
     display: none;
   }
+}
+.options-right {
+  .logo {
+    margin-right: auto;
+  }
+  .sectionDivider {
+    margin-left: initial;
+  }
+}
+.options-left {
+  .sectionDivider {
+    margin-left: auto;
+  }
 }

package/dist/components/Header/Header.stories.d.ts CHANGED Viewed

@@ -8,6 +8,7 @@ export default _default;
 export declare const InitialImplementation: {
     (args: any): JSX.Element;
     args: Partial<{
+        optionsAlignment?: "left" | "right" | undefined;
         user?: {
             name: string;
             profilePicture?: string | undefined;

package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ export default _default;
 export declare const InitialImplementation: {
     (args: any): JSX.Element;
     args: Partial<{
-        mode: "back" | "close";
+        mode: "close" | "back";
         hidden: boolean;
         onClick: () => void;
     }>;

package/dist/components/Input/Input.d.ts CHANGED Viewed

@@ -4,11 +4,13 @@ export declare type InputProps = {
     hideError?: "onfocus";
     placeholder?: string;
     disclaimer?: string;
+    multiline?: number;
+    border?: boolean;
     icon?: {
         onClick?: () => void;
     } & DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, any>;
     Icon?: React.ReactElement;
-} & Omit<React.HTMLProps<HTMLInputElement>, 'ref'>;
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref">;
 export declare enum InputTestIds {
     DISCLAIMER = "disclaimer",
     ERROR = "error"
@@ -18,9 +20,11 @@ declare const _default: React.ForwardRefExoticComponent<{
     hideError?: "onfocus" | undefined;
     placeholder?: string | undefined;
     disclaimer?: string | undefined;
+    multiline?: number | undefined;
+    border?: boolean | undefined;
     icon?: ({
         onClick?: (() => void) | undefined;
     } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
     Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-} & Omit<React.HTMLProps<HTMLInputElement>, "ref"> & React.RefAttributes<any>>;
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/components/Input/Input.js CHANGED Viewed

@@ -39,13 +39,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputTestIds = void 0;
 const react_1 = __importStar(require("react"));
+const OneUIProvider_1 = require("../../context/OneUIProvider");
 const Text_1 = __importDefault(require("../Text"));
 const Input_module_scss_1 = __importDefault(require("./Input.module.scss"));
 /**
  * A transparent input with some prebuilt states common to the application
  **/
 function Input(_a, ref) {
-    var { error, placeholder = " ", hideError, icon, Icon, autoFocus, disclaimer } = _a, otherProps = __rest(_a, ["error", "placeholder", "hideError", "icon", "Icon", "autoFocus", "disclaimer"]);
+    var { error, placeholder = " ", hideError, icon, Icon, autoFocus, disclaimer, multiline, border: propBorder } = _a, otherProps = __rest(_a, ["error", "placeholder", "hideError", "icon", "Icon", "autoFocus", "disclaimer", "multiline", "border"]);
+    const { component: { input: { className, border: globalBorder = true }, }, } = (0, OneUIProvider_1.useOneUIContext)();
     const [focused, setFocused] = (0, react_1.useState)(false);
     const inputRef = (0, react_1.useRef)(null);
     (0, react_1.useImperativeHandle)(ref, () => inputRef.current, []);
@@ -62,8 +64,14 @@ function Input(_a, ref) {
             return () => clearTimeout(t);
         }
     }, [autoFocus]);
-    return (react_1.default.createElement("div", { className: `${Input_module_scss_1.default.inputContainer} ${false ? Input_module_scss_1.default.withIcon : ""}` },
-        react_1.default.createElement("input", Object.assign({ ref: inputRef, placeholder: placeholder }, otherProps, { onFocus: (e) => {
+    const Component = multiline ? "textarea" : "input";
+    const withBorder = (0, react_1.useMemo)(() => {
+        if (propBorder !== undefined)
+            return propBorder;
+        return globalBorder;
+    }, [propBorder, globalBorder]);
+    return (react_1.default.createElement("div", { className: `${Input_module_scss_1.default.inputContainer} ${false ? Input_module_scss_1.default.withIcon : ""} ${className}` },
+        react_1.default.createElement(Component, Object.assign({ ref: inputRef, placeholder: placeholder, rows: multiline }, otherProps, { onFocus: (e) => {
                 setFocused(true);
                 if (otherProps.onFocus)
                     otherProps.onFocus(e);
@@ -72,7 +80,7 @@ function Input(_a, ref) {
                 if (otherProps.onBlur)
                     otherProps.onBlur(e);
             } })),
-        react_1.default.createElement("div", { className: Input_module_scss_1.default.border }),
+        withBorder && react_1.default.createElement("div", { className: Input_module_scss_1.default.border }),
         error && shouldShowError ? (react_1.default.createElement(Text_1.default, { title: error, "data-testid": InputTestIds.ERROR, className: Input_module_scss_1.default.caption, type: "error" }, error)) : disclaimer ? (react_1.default.createElement(Text_1.default, { title: disclaimer, type: "caption", className: Input_module_scss_1.default.caption, "data-testid": InputTestIds.DISCLAIMER }, disclaimer)) : null,
         Icon && react_1.default.createElement("div", { className: Input_module_scss_1.default.icon }, Icon),
         icon && react_1.default.createElement("img", Object.assign({ className: Input_module_scss_1.default.icon }, icon))));

package/dist/components/Input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAWe;AACf,mDAA2B;AAC3B,4EAAyC;~~AAazC~~;;IAEI;AACJ,SAAS,KAAK,CACZ,~~EASa~~,EACb,GAAsB;~~QAVtB~~,EACE,KAAK,EACL,WAAW,GAAG,GAAG,EACjB,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,UAAU,~~OAEC~~,EADR,UAAU,~~cARf~~,~~gFASC~~,CADc;IAIf,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,IAAA,cAAM,~~EAAmB~~,IAAI,CAAC,CAAC;~~IAChD~~,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,IAAI,SAAS,KAAK,SAAS;YAAE,OAAO,CAAC,OAAO,CAAC;QAC7C,OAAO,CAAC,CAAC,KAAK,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAChC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxB,QAAQ,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;YAC5B,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;SAC9B;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,OAAO,CACL,~~uCAAK~~,SAAS,EAAE,GAAG,2BAAM,CAAC,cAAc,~~IAAI~~,KAAK,CAAC,CAAC,CAAC,2BAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,~~EAAE~~,EAAE;~~QACxE~~,~~uDACE~~,GAAG,EAAE,~~QAAQ~~,~~EACb~~,WAAW,EAAE,WAAW,~~IACpB~~,UAAU,IACd,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,IAAI,UAAU,CAAC,OAAO;oBAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAChD,CAAC,EACD,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;gBACZ,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,IAAI,UAAU,CAAC,MAAM;oBAAE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC9C,CAAC,IACD;~~QACF~~,uCAAK,SAAS,EAAE,2BAAM,CAAC,MAAM,GAAI;~~QAChC~~,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,CAC1B,8BAAC,cAAI,IACH,KAAK,EAAE,KAAK,iBACC,YAAY,CAAC,KAAK,EAC/B,SAAS,EAAE,2BAAM,CAAC,OAAO,EACzB,IAAI,EAAC,OAAO,IAEX,KAAK,CACD,CACR,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CACf,8BAAC,cAAI,IACH,KAAK,EAAE,UAAU,EACjB,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,2BAAM,CAAC,OAAO,iBACZ,YAAY,CAAC,UAAU,IAEnC,UAAU,CACN,CACR,CAAC,CAAC,CAAC,IAAI;QACP,IAAI,IAAI,uCAAK,SAAS,EAAE,2BAAM,CAAC,IAAI,IAAG,IAAI,CAAO;QACjD,IAAI,IAAI,qDAAK,SAAS,EAAE,2BAAM,CAAC,IAAI,IAAM,IAAI,EAAI,CAC9C,CACP,CAAC;AACJ,CAAC;AAED,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,yCAAyB,CAAA;IACzB,+BAAe,CAAA;AACjB,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AAED,kBAAe,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC"}
1	+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}

package/dist/components/Input/Input.module.scss CHANGED Viewed

@@ -19,7 +19,7 @@
     padding-right: 33px;
   }
   input,
-  .input {
+  textarea {
     border: none;
     background-color: transparent;
     width: 100%;

package/dist/components/Input/Input.stories.d.ts CHANGED Viewed

@@ -6,11 +6,13 @@ declare const _default: {
         hideError?: "onfocus" | undefined;
         placeholder?: string | undefined;
         disclaimer?: string | undefined;
+        multiline?: number | undefined;
+        border?: boolean | undefined;
         icon?: ({
             onClick?: (() => void) | undefined;
         } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
         Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    } & Omit<React.HTMLProps<HTMLInputElement>, "ref"> & React.RefAttributes<any>>;
+    } & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref"> & React.RefAttributes<any>>;
     title: string;
 };
 export default _default;

package/dist/components/MainGrid/MainGrid.d.ts CHANGED Viewed

@@ -3,7 +3,8 @@ declare const _default: React.ForwardRefExoticComponent<{
     leftContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     rightContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-} & React.RefAttributes<{
+} & React.RefAttributes<Pick<{
     setOrientation: (orientation: "forward" | "backward") => void;
-}>>;
+    sectionRef: React.RefObject<HTMLDivElement>;
+}, "setOrientation">>>;
 export default _default;

package/dist/components/MainGrid/MainGrid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MainGrid.js","sourceRoot":"","sources":["../../../src/components/MainGrid/MainGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,uFAA+D;AAC/D,kFAA4C;AAE5C;;IAEI;AACJ,SAAS,QAAQ,CACf,EACE,QAAQ,EACR,WAAW,EACX,YAAY,GAKb,EACD,~~GAA4D~~;~~IAE5D~~,MAAM,IAAI,GAAG;QACX,IAAA,cAAM,EAA4C,IAAI,CAAC;QACvD,IAAA,cAAM,EAA4C,IAAI,CAAC;QACvD,IAAA,cAAM,EAA4C,IAAI,CAAC;KACxD,CAAC;IAEF,IAAA,2BAAmB,EACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,cAAc,EAAE,CAAC,WAAW,EAAE,EAAE;YAC9B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,OAAO,0CAAE,cAAc,CAAC,WAAW,CAAC,CAAA,EAAA,CAAC,CAAC;QAC9D,CAAC;KACF,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,8BAAM,CAAC,SAAS;YAC9B,uCAAK,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,8BAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC/C,8BAAC,gCAAsB,IAAC,SAAS,EAAE,8BAAM,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,IAC5D,WAAW,CACW,CACrB;YACN;gBACE,8BAAC,gCAAsB,IAAC,SAAS,EAAE,8BAAM,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,IAC5D,QAAQ,CACc,CACrB;YACN,uCAAK,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,8BAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAChD,8BAAC,gCAAsB,IAAC,SAAS,EAAE,8BAAM,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,IAC5D,YAAY,CACU,CACrB,CACF,CACL,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,EAAC,QAAQ,CAAC,CAAC"}
1	+ {"version":3,"file":"MainGrid.js","sourceRoot":"","sources":["../../../src/components/MainGrid/MainGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,uFAA+D;AAC/D,kFAA4C;AAE5C;;IAEI;AACJ,SAAS,QAAQ,CACf,EACE,QAAQ,EACR,WAAW,EACX,YAAY,GAKb,EACD,GAAoF;IAEpF,MAAM,IAAI,GAAG;QACX,IAAA,cAAM,EAA4C,IAAI,CAAC;QACvD,IAAA,cAAM,EAA4C,IAAI,CAAC;QACvD,IAAA,cAAM,EAA4C,IAAI,CAAC;KACxD,CAAC;IAEF,IAAA,2BAAmB,EACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,cAAc,EAAE,CAAC,WAAW,EAAE,EAAE;YAC9B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,OAAO,0CAAE,cAAc,CAAC,WAAW,CAAC,CAAA,EAAA,CAAC,CAAC;QAC9D,CAAC;KACF,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,8BAAM,CAAC,SAAS;YAC9B,uCAAK,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,8BAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC/C,8BAAC,gCAAsB,IAAC,SAAS,EAAE,8BAAM,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,IAC5D,WAAW,CACW,CACrB;YACN;gBACE,8BAAC,gCAAsB,IAAC,SAAS,EAAE,8BAAM,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,IAC5D,QAAQ,CACc,CACrB;YACN,uCAAK,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,8BAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAChD,8BAAC,gCAAsB,IAAC,SAAS,EAAE,8BAAM,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,IAC5D,YAAY,CACU,CACrB,CACF,CACL,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,EAAC,QAAQ,CAAC,CAAC"}

package/dist/components/MainGrid/MainGrid.stories.d.ts CHANGED Viewed

@@ -4,9 +4,10 @@ declare const _default: {
         leftContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
         rightContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
         children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    } & React.RefAttributes<{
+    } & React.RefAttributes<Pick<{
         setOrientation: (orientation: "forward" | "backward") => void;
-    }>>;
+        sectionRef: React.RefObject<HTMLDivElement>;
+    }, "setOrientation">>>;
     title: string;
 };
 export default _default;

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
+import React from "react";
 /**
  * A hamburger button that mutates according to it's state
  **/
-export default function MutableHamburgerButton({ state, size, }: {
-    state?: "default" | "closed" | "arrow-up" | "arrow-down";
+export default function MutableHamburgerButton({ state, size, className, ...props }: {
+    state?: "default" | "closed" | "arrow-up" | "arrow-down" | "search";
     size: number;
-}): JSX.Element;
+} & React.HTMLProps<HTMLDivElement>): JSX.Element;

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js CHANGED Viewed

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,8 +19,9 @@ const MutableHamburgerButton_module_scss_1 = __importDefault(require("./MutableH
 /**
  * A hamburger button that mutates according to it's state
  **/
-function MutableHamburgerButton({ state = "default", size, }) {
-    return (react_1.default.createElement("div", { className: `${MutableHamburgerButton_module_scss_1.default.container} ${MutableHamburgerButton_module_scss_1.default[state]}`, style: { fontSize: `${size}px` } },
+function MutableHamburgerButton(_a) {
+    var { state = "default", size, className = "" } = _a, props = __rest(_a, ["state", "size", "className"]);
+    return (react_1.default.createElement("div", Object.assign({}, props, { className: `${MutableHamburgerButton_module_scss_1.default.container} ${MutableHamburgerButton_module_scss_1.default[state]} ${className}`, style: { fontSize: `${size}px` } }),
         react_1.default.createElement("div", null),
         react_1.default.createElement("div", null),
         react_1.default.createElement("div", null)));

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MutableHamburgerButton.js","sourceRoot":"","sources":["../../../src/components/MutableHamburgerButton/MutableHamburgerButton.tsx"],"names":[],"mappings":"~~;;;;;~~AAAA,kDAA0B;AAC1B,8GAA0D;AAE1D;;IAEI;AACJ,SAAwB,sBAAsB,CAAC,EAC7C,KAAK,GAAG,SAAS,EACjB,IAAI,~~GAIL~~;~~IACC~~,OAAO,CACL,~~uCACE~~,SAAS,EAAE,GAAG,4CAAM,CAAC,SAAS,IAAI,4CAAM,CAAC,KAAK,CAAC,EAAE,~~EACjD~~,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,IAAI,EAAE;QAEhC,0CAAO;QACP,0CAAO;QACP,0CAAO,CACH,CACP,CAAC;AACJ,CAAC;~~AAjBD~~,~~yCAiBC~~"}
1	+ {"version":3,"file":"MutableHamburgerButton.js","sourceRoot":"","sources":["../../../src/components/MutableHamburgerButton/MutableHamburgerButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8GAA0D;AAE1D;;IAEI;AACJ,SAAwB,sBAAsB,CAAC,EAQZ;QARY,EAC7C,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,SAAS,GAAG,EAAE,OAKmB,EAJ9B,KAAK,cAJqC,8BAK9C,CADS;IAKR,OAAO,CACL,uDACM,KAAK,IACT,SAAS,EAAE,GAAG,4CAAM,CAAC,SAAS,IAAI,4CAAM,CAAC,KAAK,CAAC,IAAI,SAAS,EAAE,EAC9D,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,IAAI,EAAE;QAEhC,0CAAO;QACP,0CAAO;QACP,0CAAO,CACH,CACP,CAAC;AACJ,CAAC;AApBD,yCAoBC"}

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

@@ -3,6 +3,7 @@
 $slice: 1/7;
 .container {
+  box-sizing: content-box;
   cursor: pointer;
   width: 1em;
   height: 1em;
@@ -79,4 +80,26 @@ $slice: 1/7;
       transform: translateX(-0.1em) translateY(-#{$slice * 2}em) rotateZ(45deg);
     }
   }
+  &.search {
+    > :nth-child(1) {
+      $rate: 1.8;
+      width: #{$slice * $rate}em;
+      height: #{$slice * $rate}em;
+      border-radius: #{$slice * $rate * 2}em;
+      background-color: transparent;
+      border: #{$slice / 1.35}em solid var(--mutable-hamburger-background, $digitalBlue);
+      transform: translateX(-0.15em);
+    }
+    > :nth-child(2) {
+      transform: translateX(0.12em) translateY(-0.05em) rotateZ(45deg);
+      height: #{$slice / 1.35}em;
+      width: 0.55em;
+    }
+    > :nth-child(3) {
+      transform: translateX(0.12em) translateY(-#{($slice*1.3) + 0.05}em)  rotateZ(45deg);
+      height: #{$slice / 1.35}em;
+      width: 0.55em;
+    }
+  }
 }

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from 'react';
 import MutableHamburgerButton from "./MutableHamburgerButton";
 declare const _default: {
     component: typeof MutableHamburgerButton;
@@ -7,7 +8,7 @@ export default _default;
 export declare const InitialImplementation: {
     (args: any): JSX.Element;
     args: Partial<{
-        state?: "default" | "closed" | "arrow-up" | "arrow-down" | undefined;
+        state?: "search" | "default" | "closed" | "arrow-up" | "arrow-down" | undefined;
         size: number;
-    }>;
+    } & React.HTMLProps<HTMLDivElement>>;
 };

package/dist/components/PasswordInput/PasswordInput.d.ts CHANGED Viewed

@@ -28,11 +28,13 @@ declare const _default: React.ForwardRefExoticComponent<(({
     hideError?: "onfocus" | undefined;
     placeholder?: string | undefined;
     disclaimer?: string | undefined;
+    multiline?: number | undefined;
+    border?: boolean | undefined;
     icon?: ({
         onClick?: (() => void) | undefined;
     } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
     Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-} & Omit<React.HTMLProps<HTMLInputElement>, "ref"> & React.RefAttributes<any>, "ref" | "value" | "onChange">) & React.RefAttributes<{
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref"> & React.RefAttributes<any>, "ref" | "value" | "onChange">) & React.RefAttributes<{
     validatePassword: (pass: string) => boolean;
 }>>;
 export default _default;

package/dist/components/Select/Select.module.scss CHANGED Viewed

@@ -42,6 +42,5 @@
 }
 .optionsContainer {
   margin: 0px 8px;
-  margin-top: -18px;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
 }

package/dist/components/Select/Select.stories.d.ts CHANGED Viewed

@@ -15,11 +15,13 @@ declare const _default: {
         hideError?: "onfocus" | undefined;
         placeholder?: string | undefined;
         disclaimer?: string | undefined;
+        multiline?: number | undefined;
+        border?: boolean | undefined;
         icon?: ({
             onClick?: (() => void) | undefined;
         } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
         Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    } & Omit<React.HTMLProps<HTMLInputElement>, "ref"> & React.RefAttributes<any>, "onClick" | "selected">) => JSX.Element;
+    } & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref"> & React.RefAttributes<any>, "selected" | "onClick">) => JSX.Element;
     title: string;
 };
 export default _default;
@@ -40,9 +42,11 @@ export declare const InitialImplementation: {
         hideError?: "onfocus" | undefined;
         placeholder?: string | undefined;
         disclaimer?: string | undefined;
+        multiline?: number | undefined;
+        border?: boolean | undefined;
         icon?: ({
             onClick?: (() => void) | undefined;
         } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
         Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    } & Omit<React.HTMLProps<HTMLInputElement>, "ref"> & React.RefAttributes<any>, "onClick" | "selected">>;
+    } & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref"> & React.RefAttributes<any>, "selected" | "onClick">>;
 };

package/dist/components/Table/Table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+~~CAQe~~;AACf,+DAA8D;AAC9D,uDAA+B;AAC/B,yDAAiC;AACjC,uFAA+D;AAC/D,4EAAyC;AAgBzC;;IAEI;AACJ,SAAwB,KAAK,CAAgB,EAC3C,SAAS,EACT,OAAO,EACP,KAAK,EACL,KAAK,EACL,SAAS,GAAG,EAAE,GACA;IACd,MAAM,aAAa,~~GAAG~~,IAAA,cAAM,~~EAE1B~~,IAAI,CAAC,CAAC;~~IACR~~,MAAM,EACJ,QAAQ,EAAE,EACR,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC3B,8BAAC,gBAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAC,QAAQ,IACzC,GAAG,CACG,CACV,EACD,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC3B,8BAAC,gBAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAC,QAAQ,IACzC,GAAG,CACG,CACV,GACF,GACF,GAAG,IAAA,+BAAe,GAAE,CAAC,SAAS,CAAC,KAAK,CAAC;IAEtC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjD,IAAI,SAAS,EAAE;YACb,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;YAErD,OAAO;gBACL,KAAK,EAAE,KAAK,CAAC,KAAK,CAChB,CAAC,SAAS,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,EAC/B,CAAC,SAAS,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CACpC;gBACD,KAAK,EAAE,QAAQ;aAChB,CAAC;SACH;QACD,OAAO;YACL,KAAK,EAAE,KAAK;SACb,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,CAAC,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,gCAAsB,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3D,OAAO,CACL;QACE,8BAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;gBACL,WAAW;gBACX,IAAI,EAAE,KAAK;gBACX,OAAO;aACR;YAED,8BAAC,OAAO,IACN,SAAS,EAAE,2BAAM,CAAC,mBAAmB,EACrC,GAAG,EAAE,aAAoB;gBAEzB,8BAAC,SAAS,IAAC,GAAG,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAI,CACxD,CACY;QACvB,SAAS,IAAI,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACvC;YACE,8BAAC,iBAAO,IAAC,IAAI,EAAC,OAAO,GAAG;YACxB,uCAAK,SAAS,EAAE,2BAAM,CAAC,MAAM,iBAAc,UAAU;gBACnD,wCACE,SAAS,EAAE,2BAAM,CAAC,QAAQ,EAC1B,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,CAAC,CAAC,aAAa,CAAC,OAAO,YAAY,cAAc,CAAC;4BACpD,aAAa,CAAC,OAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;wBACpD,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;oBAClD,CAAC;oBAED,8BAAC,QAAQ,IAAC,QAAQ,EAAE,SAAS,CAAC,WAAW,KAAK,CAAC,GAAI,CAC9C;gBACP,~~wCAAM~~,SAAS,EAAE,2BAAM,CAAC,MAAM,~~IAAG~~,GAAG,SAAS,CAAC,WAAW,IAAI,KAAK,EAAE,CAAQ;~~gBAC5E~~,wCACE,SAAS,EAAE,2BAAM,CAAC,QAAQ,EAC1B,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,CAAC,CAAC,aAAa,CAAC,OAAO,YAAY,cAAc,CAAC;4BACpD,aAAa,CAAC,OAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;wBACnD,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;oBAClD,CAAC;oBAED,8BAAC,QAAQ,IAAC,QAAQ,EAAE,SAAS,CAAC,WAAW,KAAK,KAAK,GAAI,CAClD,CACH,CACL,CACJ,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAC;AACJ,CAAC;~~AA1FD~~,~~wBA0FC~~;AAED,MAAM,YAAY,GAAG,IAAA,qBAAa,EAI/B,IAAW,CAAC,CAAC;AAEhB,SAAS,SAAS,CAAC,EAAE,SAAS,EAAyB;IACrD,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC;IAChE,OAAO,CACL,yCAAO,SAAS,EAAE,GAAG,2BAAM,CAAC,SAAS,IAAI,SAAS,EAAE;QAClD;YACE,0CACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,sCAAI,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,IAAG,OAAO,CAAC,GAAG,CAAC,CAAM,CAC1C,CAAC,CACC,CACC;QACR,6CACG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,sCAAI,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,IAC3C,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,sCAAI,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,IAAG,CAAC,CAAC,GAAG,CAAC,CAAM,CACpC,CAAC,CACC,CACN,CAAC,CACI,CACF,CACT,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}

package/dist/components/Text/Text.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import React from "react";
-/**
- * A component to hold all text variantions
- **/
-export default function Text({ type, children, className, ...otherProps }: React.PropsWithChildren<{
-    className?: string;
-    type: "title" | "description" | "error" | "caption" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "link" | "boldTitleBig" | "content";
-} & React.HTMLAttributes<HTMLParagraphElement>>): JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    type: "link" | "caption" | "title" | "content" | "description" | "error" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "boldTitleBig";
+} & React.HTMLAttributes<HTMLParagraphElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLParagraphElement>>;
+export default _default;

package/dist/components/Text/Text.js CHANGED Viewed

@@ -1,4 +1,27 @@
 "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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -14,14 +37,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
+const OneUIProvider_1 = require("../../context/OneUIProvider");
 const Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
 /**
  * A component to hold all text variantions
  **/
-function Text(_a) {
+function Text(_a, ref) {
     var { type, children, className = "" } = _a, otherProps = __rest(_a, ["type", "children", "className"]);
-    return (react_1.default.createElement("p", Object.assign({ className: `${Text_module_scss_1.default.text} ${Text_module_scss_1.default[type]} ${className} ${otherProps.onClick ? Text_module_scss_1.default.iteractible : ""}` }, otherProps), children));
+    const { component: { text: { className: classNameType }, }, } = (0, OneUIProvider_1.useOneUIContext)();
+    return (react_1.default.createElement("p", Object.assign({ ref: ref, className: `${Text_module_scss_1.default.text} ${classNameType[type] || Text_module_scss_1.default[type]} ${className} ${otherProps.onClick ? Text_module_scss_1.default.iteractible : ""}` }, otherProps), children));
 }
-exports.default = Text;
+exports.default = (0, react_1.forwardRef)(Text);
 //# sourceMappingURL=Text.js.map

package/dist/components/Text/Text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;~~AAAA~~,kDAA0B~~;~~AAC1B~~,0EAAwC;AAExC;;IAEI;AACJ,~~SAAwB~~,IAAI,~~CAAC~~,~~EAqB5B~~;~~QArB4B~~,~~EAC3B~~,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,OAkBf,EAjBI,UAAU,~~cAJc~~,~~iCAK5B~~,CADc;~~IAkBb~~,OAAO,CACL,mDACE,SAAS,EAAE,GAAG,0BAAM,CAAC,IAAI,IAAI,0BAAM,CAAC,IAAI,~~CAAC~~,IAAI,SAAS,~~IACpD~~,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,0BAAM,CAAC,WAAW,CAAC,CAAC,CAAC,~~EAC5C~~,EAAE,~~IACE~~,UAAU,GAEb,QAAQ,CACP,CACL,CAAC;AACJ,CAAC;~~AAhCD~~,~~uBAgCC~~"}
1	+ {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AACxD,+DAA8D;AAC9D,0EAAwC;AAExC;;IAEI;AACJ,SAAS,IAAI,CACX,EAqBC,EACD,GAAuC;QAtBvC,EACE,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,OAkBf,EAjBI,UAAU,cAJf,iCAKC,CADc;IAoBf,MAAM,EACJ,SAAS,EAAE,EACT,IAAI,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,GACnC,GACF,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEtB,OAAO,CACL,mDACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,0BAAM,CAAC,IAAI,IACvB,aAAa,CAAC,IAAI,CAAC,IAAI,0BAAM,CAAC,IAAI,CACpC,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,0BAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,IAC3D,UAAU,GAEb,QAAQ,CACP,CACL,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,EAAC,IAAI,CAAC,CAAA"}

package/dist/components/Text/Text.stories.d.ts CHANGED Viewed

@@ -1,6 +1,11 @@
-import C from "./Text";
+import React from "react";
 declare const _default: {
-    component: typeof C;
+    component: React.ForwardRefExoticComponent<{
+        className?: string | undefined;
+        type: "link" | "caption" | "title" | "content" | "description" | "error" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "boldTitleBig";
+    } & React.HTMLAttributes<HTMLParagraphElement> & {
+        children?: React.ReactNode;
+    } & React.RefAttributes<HTMLParagraphElement>>;
     title: string;
 };
 export default _default;

package/dist/components/Transition/Transition.d.ts CHANGED Viewed

@@ -33,10 +33,6 @@ declare function TransitionClasses(type: NonNullable<Exclude<TransitionProps["tr
         elementExiting: string;
     };
 };
-/**
- * Handles the transition between multiple children and recycling of elements
- **/
-export default function Transition({ step, contentStyle, contentClassName, children, className, onDiscardStep, lockTransitionWidth, ...props }: TransitionProps): JSX.Element;
 export declare enum TransitionAnimationTypes {
     SLIDE = 0,
     POP_FROM_CLICK_ORIGIN = 1,
@@ -44,4 +40,5 @@ export declare enum TransitionAnimationTypes {
     FADE = 3,
     CUSTOM = 4
 }
-export {};
+declare const _default: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement | null>>;
+export default _default;

package/dist/components/Transition/Transition.js CHANGED Viewed

@@ -81,13 +81,13 @@ function TransitionClasses(type) {
 /**
  * Handles the transition between multiple children and recycling of elements
  **/
-function Transition(_a) {
+function Transition(_a, _containerRef) {
     var _b, _c;
     var { step, contentStyle, contentClassName = "", children, className, onDiscardStep, lockTransitionWidth = false } = _a, props = __rest(_a, ["step", "contentStyle", "contentClassName", "children", "className", "onDiscardStep", "lockTransitionWidth"]);
+    const containerRef = (0, react_1.useMemo)(() => _containerRef || (0, react_1.createRef)(), [_containerRef]);
     const preTransitionDetails = (0, react_1.useRef)({
         transformOrigin: "initial",
     });
-    const containerRef = (0, react_1.useRef)(null);
     const [screensStack, setScreensStack] = (0, react_1.useState)([
         react_1.default.createElement("div", { "data-testid": "transition-container", key: String(((_b = children[step]) === null || _b === void 0 ? void 0 : _b.key) || step), style: contentStyle, className: contentClassName }, children[step]),
     ]);
@@ -215,7 +215,6 @@ function Transition(_a) {
                 preTransitionDetails.current.transformOrigin = `${percentX}% ${percentY}%`;
             }, "data-testid": "transition-controller", ref: containerRef, className: `${Transition_module_scss_1.default.section} ${className}` }, screensStack)));
 }
-exports.default = Transition;
 var TransitionAnimationTypes;
 (function (TransitionAnimationTypes) {
     TransitionAnimationTypes[TransitionAnimationTypes["SLIDE"] = 0] = "SLIDE";
@@ -224,4 +223,5 @@ var TransitionAnimationTypes;
     TransitionAnimationTypes[TransitionAnimationTypes["FADE"] = 3] = "FADE";
     TransitionAnimationTypes[TransitionAnimationTypes["CUSTOM"] = 4] = "CUSTOM";
 })(TransitionAnimationTypes = exports.TransitionAnimationTypes || (exports.TransitionAnimationTypes = {}));
+exports.default = (0, react_1.forwardRef)(Transition);
 //# sourceMappingURL=Transition.js.map

package/dist/components/Transition/Transition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+~~CAOe~~;AACf,sFAA8C;AA4B9C,SAAS,iBAAiB,CACxB,IAEC;IAiBD,QAAQ,IAAI,EAAE;QACZ,KAAK,wBAAwB,CAAC,IAAI;YAChC,OAAO;gBACL,QAAQ,EAAE;oBACR,cAAc,EAAE,gCAAM,CAAC,eAAe;oBACtC,eAAe,EAAE,gCAAM,CAAC,aAAa;iBACtC;gBACD,OAAO,EAAE;oBACP,cAAc,EAAE,gCAAM,CAAC,eAAe;oBACtC,eAAe,EAAE,gCAAM,CAAC,aAAa;iBACtC;aACF,CAAC;QACJ,KAAK,wBAAwB,CAAC,KAAK;YACjC,OAAO;gBACL,QAAQ,EAAE;oBACR,eAAe,EAAE,gCAAM,CAAC,YAAY;oBACpC,cAAc,EAAE,EAAE;iBACnB;gBACD,OAAO,EAAE;oBACP,eAAe,EAAE,EAAE;oBACnB,cAAc,EAAE,gCAAM,CAAC,QAAQ;iBAChC;aACF,CAAC;QACJ,KAAK,wBAAwB,CAAC,qBAAqB,CAAC;QACpD,KAAK,wBAAwB,CAAC,mBAAmB;YAC/C,OAAO;gBACL,QAAQ,EAAE;oBACR,eAAe,EAAE,gCAAM,CAAC,MAAM;oBAC9B,cAAc,EAAE,gCAAM,CAAC,QAAQ;iBAChC;gBACD,OAAO,EAAE;oBACP,eAAe,EAAE,gCAAM,CAAC,OAAO;oBAC/B,cAAc,EAAE,gCAAM,CAAC,OAAO;iBAC/B;aACF,CAAC;KACL;AACH,CAAC;AAED;;IAEI;AACJ,~~SAAwB~~,UAAU,~~CAAC~~,~~EASjB~~;;~~QATiB~~,~~EACjC~~,IAAI,EACJ,YAAY,EACZ,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,mBAAmB,GAAG,KAAK,OAEX,EADb,KAAK,~~cARyB~~,~~6GASlC~~,CADS;~~IAER~~,MAAM,~~oBAAoB~~,GAAG,IAAA,~~cAAM~~,~~EAEhC;QACD~~,~~eAAe~~,EAAE,~~SAAS;KAC3B~~,CAAC,CAAC;~~IACH~~,MAAM,~~YAAY~~,GAAG,IAAA,cAAM,~~EAAc~~,~~IAAI~~,CAAC,CAAC;~~IAC/C~~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~~AAlOD,6BAkOC;~~AAED,IAAY,wBAMX;AAND,WAAY,wBAAwB;IAClC,yEAAK,CAAA;IACL,yGAAqB,CAAA;IACrB,qGAAmB,CAAA;IACnB,uEAAI,CAAA;IACJ,2EAAM,CAAA;AACR,CAAC,EANW,wBAAwB,GAAxB,gCAAwB,KAAxB,gCAAwB,QAMnC"}
1	+ {"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAWe;AACf,sFAA8C;AA4B9C,SAAS,iBAAiB,CACxB,IAEC;IAiBD,QAAQ,IAAI,EAAE;QACZ,KAAK,wBAAwB,CAAC,IAAI;YAChC,OAAO;gBACL,QAAQ,EAAE;oBACR,cAAc,EAAE,gCAAM,CAAC,eAAe;oBACtC,eAAe,EAAE,gCAAM,CAAC,aAAa;iBACtC;gBACD,OAAO,EAAE;oBACP,cAAc,EAAE,gCAAM,CAAC,eAAe;oBACtC,eAAe,EAAE,gCAAM,CAAC,aAAa;iBACtC;aACF,CAAC;QACJ,KAAK,wBAAwB,CAAC,KAAK;YACjC,OAAO;gBACL,QAAQ,EAAE;oBACR,eAAe,EAAE,gCAAM,CAAC,YAAY;oBACpC,cAAc,EAAE,EAAE;iBACnB;gBACD,OAAO,EAAE;oBACP,eAAe,EAAE,EAAE;oBACnB,cAAc,EAAE,gCAAM,CAAC,QAAQ;iBAChC;aACF,CAAC;QACJ,KAAK,wBAAwB,CAAC,qBAAqB,CAAC;QACpD,KAAK,wBAAwB,CAAC,mBAAmB;YAC/C,OAAO;gBACL,QAAQ,EAAE;oBACR,eAAe,EAAE,gCAAM,CAAC,MAAM;oBAC9B,cAAc,EAAE,gCAAM,CAAC,QAAQ;iBAChC;gBACD,OAAO,EAAE;oBACP,eAAe,EAAE,gCAAM,CAAC,OAAO;oBAC/B,cAAc,EAAE,gCAAM,CAAC,OAAO;iBAC/B;aACF,CAAC;KACL;AACH,CAAC;AAED;;IAEI;AACJ,SAAS,UAAU,CACjB,EASkB,EAClB,aAAkD;;QAVlD,EACE,IAAI,EACJ,YAAY,EACZ,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,mBAAmB,GAAG,KAAK,OAEX,EADb,KAAK,cARV,6GASC,CADS;IAIV,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CACF,aAAyD,IAAI,IAAA,iBAAS,GAAE,EAC3E,CAAC,aAAa,CAAC,CAChB,CAAC;IACF,MAAM,oBAAoB,GAAG,IAAA,cAAM,EAEhC;QACD,eAAe,EAAE,SAAS;KAC3B,CAAC,CAAC;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC;QAC/C,sDACc,sBAAsB,EAClC,GAAG,EAAE,MAAM,CAAC,CAAA,MAAA,QAAQ,CAAC,IAAI,CAAC,0CAAE,GAAG,KAAI,IAAI,CAAC,EACxC,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,gBAAgB,IAE1B,QAAQ,CAAC,IAAI,CAAC,CACX;KACP,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,MAAA,QAAQ,CAAC,IAAI,CAAC,0CAAE,GAAG,CAAC,CAAC;IAE5C,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,YAAY,CAAC,OAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAChD,MAAM,iBAAiB,GACrB,KAAK,CAAC,cAAc,KAAK,wBAAwB,CAAC,MAAM;YACtD,CAAC,CAAC,KAAK,CAAC,MAAM;YACd,CAAC,CAAC,iBAAiB,CACf,KAAK,CAAC,cAAc,IAAI,wBAAwB,CAAC,KAAK,CACvD,CAAC;QAER,IACE,OAAO,CAAC,OAAO,KAAK,IAAI;YACxB,CAAA,MAAA,QAAQ,CAAC,IAAI,CAAC,0CAAE,GAAG,MAAK,OAAO,CAAC,OAAO,CAAC,gCAAgC;UACxE;YACA,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1B,CAAC,CAAC;SACH;QAED,MAAM,GAAG,GAAG,CAAA,MAAA,QAAQ,CAAC,IAAI,CAAC,0CAAE,GAAG,KAAI,IAAI,CAAC;QAExC,IAAI,QAAQ,CAAC,OAAO,KAAK,IAAI,IAAI,mBAAmB;YAClD,YAAY,CAAC,OAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,GAClC,YAAY,CAAC,OAAQ,CAAC,WACxB,IAAI,CAAC;QAEP,IAAI,QAAQ,CAAC,OAAO,GAAG,IAAI,EAAE;YAC3B,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;YACtC,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC;YACxD,eAAe,CAAC,CAAC,yBAAyB,EAAE,EAAE;;gBAC5C,MAAM,iBAAiB,GAAG,IAAA,iBAAS,GAAkB,CAAC;gBACtD,MAAM,CAAC,eAAe,EAAE,GAAG,aAAa,CAAC,GACvC,yBAAyB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;gBACjE,MAAM,WAAW,GAAG,eAAK,CAAC,YAAY,CAAC,eAAe,EAAE;oBACtD,aAAa,EAAE,sBAAsB;oBACrC,KAAK,oBACA,YAAY,CAChB;oBACD,SAAS,EAAE,GAAG,iBAAiB,CAAC,QAAQ,CAAC,cAAc,IACrD,CAAA,MAAA,eAAe,CAAC,KAAK,CAAC,SAAS,0CAAE,OAAO,CACtC,iBAAiB,CAAC,QAAQ,CAAC,eAAe,EAC1C,EAAE,CACH,KAAI,EACP,EAAE;iBACH,CAAC,CAAC;gBACH,SAAS,oBAAoB,CAAC,OAAuC;;oBACnE,MAAM,4BAA4B,GAChC,MAAA,iBAAiB,CAAC,OAAO,0CAAE,SAAS,CAAC,QAAQ,CAC3C,iBAAiB,CAAC,QAAQ,CAAC,eAAe,CAC3C,CAAC;oBACJ,MAAA,iBAAiB,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CACzC,iBAAiB,CAAC,QAAQ,CAAC,eAAe,CAC3C,CAAC;oBACF,eAAe,CAAC,CAAC,iCAAiC,EAAE,EAAE;wBACpD,IAAI,aAAa,IAAI,4BAA4B;4BAC/C,aAAa,CAAC,eAAe,CAAC,CAAC;wBACjC,OAAO,iCAAiC,CAAC,MAAM,CAC7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,eAAe,CAAC,CACzC,CAAC;oBACJ,CAAC,CAAC,CAAC;oBACH,OAAO,CAAC,aAAa,CAAC,mBAAmB,CACvC,cAAc,EACd,oBAA2B,CAC5B,CAAC;gBACJ,CAAC;gBACD,OAAO;oBACL,uCACE,GAAG,EAAE,iBAAiB,iBACV,sBAAsB,EAClC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,iBAAiB,CAAC,QAAQ,CAAC,eAAe,IAAI,gBAAgB,EAAE,EAC9E,KAAK,oBACA,YAAY,GAEjB,cAAc,EAAE,oBAAoB,IAEnC,QAAQ,CAAC,IAAI,CAAC,CACX;oBACN,WAAW;oBACX,GAAG,aAAa;iBACjB,CAAC;YACJ,CAAC,CAAC,CAAC;SACJ;aAAM,IAAI,QAAQ,CAAC,OAAO,GAAG,IAAI,EAAE;YAClC,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;YACtC,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC;YACxD,eAAe,CAAC,CAAC,yBAAyB,EAAE,EAAE;gBAC5C,MAAM,SAAS,GAAG,yBAAyB,CAAC,MAAM,GAAG,CAAC,CAAC;gBACvD,MAAM,UAAU,GAAG,yBAAyB,CAAC,SAAS,CAAC,CAAC;gBACxD,MAAM,aAAa,GAAG,IAAA,iBAAS,GAAkB,CAAC;gBAClD,MAAM,UAAU,GAAG,eAAK,CAAC,YAAY,CAAC,UAAU,EAAE;oBAChD,aAAa,EAAE,sBAAsB;oBACrC,KAAK,oBACA,YAAY,CAChB;oBACD,SAAS,EAAE,GAAG,gBAAgB,IAAI,iBAAiB,CAAC,OAAO,CAAC,cAAc,EAAE;oBAC5E,cAAc,EAAE,CAAC,CAAM,EAAE,EAAE;;wBACzB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;4BAAE,OAAO;wBACzC,IAAI,iBAAiB,CAAC,OAAO,CAAC,eAAe;4BAC3C,MAAA,aAAa,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CACrC,iBAAiB,CAAC,OAAO,CAAC,eAAe,CAC1C,CAAC;wBACJ,IAAI,aAAa;4BAAE,aAAa,CAAC,eAAe,CAAC,CAAC;wBAClD,eAAe,CAAC,CAAC,iCAAiC,EAAE,EAAE;4BACpD,MAAM,SAAS,GAAG,iCAAiC,CAAC,MAAM,CACxD,CAAC,CAAC,EAAE,EAAE;gCACJ,OAAO,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,eAAe,CAAC,CAAC;4BAC3C,CAAC,CACF,CAAC;4BACF,OAAO,SAAS,CAAC;wBACnB,CAAC,CAAC,CAAC;oBACL,CAAC;iBACF,CAAC,CAAC;gBAEH,OAAO;oBACL,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC;oBAChD,UAAU;oBACV,uCACE,GAAG,EAAE,aAAa,iBACN,sBAAsB,EAClC,GAAG,EAAE,GAAG,EACR,KAAK,oBACA,YAAY,GAEjB,SAAS,EAAE,GAAG,gBAAgB,IAAI,iBAAiB,CAAC,OAAO,CAAC,eAAe,EAAE,IAE5E,QAAQ,CAAC,IAAI,CAAC,CACX;iBACP,CAAC;YACJ,CAAC,CAAC,CAAC;SACJ;QACD,OAAO,GAAG,EAAE;;YACV,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;YACxB,OAAO,CAAC,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,CAAC,0CAAE,GAAG,CAAC;QACxC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,mBAAmB;YAClD,YAAY,CAAC,OAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;IAC3C,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC;IAEhC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IACE,KAAK,CAAC,cAAc,KAAK,wBAAwB,CAAC,mBAAmB;YACrE,WAAW,IAAI,KAAK,EACpB;YACA,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CACpC,IAAI,KAAK,CAAC,SAAS,EAAE,CACJ,CAAC;YAEpB,IAAI,OAAO,EAAE;gBACX,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAQ,CAAC;gBAE5D,MAAM,OAAO,GACX,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC;gBACpE,MAAM,OAAO,GACX,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC;gBACnE,MAAM,QAAQ,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,WAAW,CAAC;gBAC/C,MAAM,QAAQ,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,YAAY,CAAC;gBAChD,oBAAoB,CAAC,OAAO,CAAC,eAAe,GAAG,GAAG,QAAQ,KAAK,QAAQ,GAAG,CAAC;gBAE3E,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,OAAQ,CAAC,KAAK,EAAE;oBACzC,eAAe,EAAE,GAAG,QAAQ,KAAK,QAAQ,GAAG;iBAC7C,CAAC,CAAC;aACJ;SACF;aAAM;YACL,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,OAAQ,CAAC,KAAK,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;SAC1E;QAED,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;YAC7B,YAAY,CAAC,OAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;SAC3C;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL;QACE,2CACE,OAAO,EAAE,CAAC,EACR,aAAa,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,EACnE,OAAO,EACP,OAAO,GACR,EAAE,EAAE;gBACH,MAAM,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;gBACrC,MAAM,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;gBACpC,MAAM,QAAQ,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,WAAW,CAAC;gBAC/C,MAAM,QAAQ,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,YAAY,CAAC;gBAEhD,oBAAoB,CAAC,OAAO,CAAC,eAAe,GAAG,GAAG,QAAQ,KAAK,QAAQ,GAAG,CAAC;YAC7E,CAAC,iBACW,uBAAuB,EACnC,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,GAAG,gCAAM,CAAC,OAAO,IAAI,SAAS,EAAE,IAE1C,YAAY,CACL,CACT,CACJ,CAAC;AACJ,CAAC;AAED,IAAY,wBAMX;AAND,WAAY,wBAAwB;IAClC,yEAAK,CAAA;IACL,yGAAqB,CAAA;IACrB,qGAAmB,CAAA;IACnB,uEAAI,CAAA;IACJ,2EAAM,CAAA;AACR,CAAC,EANW,wBAAwB,GAAxB,gCAAwB,KAAxB,gCAAwB,QAMnC;AAED,kBAAe,IAAA,kBAAU,EAAC,UAAU,CAAC,CAAC"}

package/dist/components/Transition/Transition.stories.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-import Transition from "./Transition";
+import React from "react";
 declare const _default: {
-    component: typeof Transition;
+    component: React.ForwardRefExoticComponent<import("./Transition").TransitionProps & React.RefAttributes<HTMLDivElement | null>>;
     title: string;
 };
 export default _default;
 export declare const InitialImplementation: {
     (args: any): JSX.Element;
-    args: Partial<import("./Transition").TransitionProps>;
+    args: Partial<import("./Transition").TransitionProps & React.RefAttributes<HTMLDivElement | null>>;
 };

package/dist/components/UncontrolledTransition/UncontrolledTransition.d.ts CHANGED Viewed

@@ -7,5 +7,6 @@ declare const _default: React.ForwardRefExoticComponent<({
     lockTransitionWidth?: boolean | undefined;
 } & Pick<TransitionProps, "contentStyle"> & TransitionTypeDefinitions) & React.RefAttributes<{
     setOrientation: (orientation: "forward" | "backward") => void;
+    sectionRef: React.RefObject<HTMLDivElement>;
 }>>;
 export default _default;

package/dist/components/UncontrolledTransition/UncontrolledTransition.js CHANGED Viewed

@@ -44,8 +44,9 @@ const Transition_1 = __importDefault(require("../Transition"));
  **/
 function UncontrolledTransition(_a, ref) {
     var { className = "", contentClassName, children = react_1.default.createElement(react_1.default.Fragment, { key: "default" }), lockTransitionWidth = true, contentStyle } = _a, props = __rest(_a, ["className", "contentClassName", "children", "lockTransitionWidth", "contentStyle"]);
+    const sectionRef = (0, react_1.useRef)(null);
     const [{ childStack, offset }, setChildStack] = (0, react_1.useState)({
-        childStack: [],
+        childStack: [children],
         offset: 1,
     });
     // const [offset, setOffset] = useState(1);
@@ -71,10 +72,13 @@ useLayoutEffect(() => {
     }
     (0, react_1.useImperativeHandle)(ref, () => ({
         setOrientation,
+        sectionRef,
     }), []);
     (0, react_1.useEffect)(() => {
         if (process.env.NODE_ENV !== "production" && !children.key)
             throw new Error("The provided child should have a key property, please provide it");
+        if (childStack.length === 1 && childStack[0].key === children.key)
+            return;
         if (orientation.current === "forward")
             setChildStack((p) => (Object.assign(Object.assign({}, p), { childStack: [...p.childStack, children] })));
         else
@@ -85,7 +89,7 @@ useLayoutEffect(() => {
             setChildStack((prev) => (Object.assign(Object.assign({}, prev), { offset: 2 })));
         }
     }, [childStack.length]);
-    return (react_1.default.createElement(react_1.default.Fragment, null, childStack.length ? (react_1.default.createElement(Transition_1.default, Object.assign({ contentStyle: contentStyle, className: className, step: childStack.length - offset, onDiscardStep: (discardedKey) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null, childStack.length ? (react_1.default.createElement(Transition_1.default, Object.assign({ ref: sectionRef, contentStyle: contentStyle, className: className, step: childStack.length - offset, onDiscardStep: (discardedKey) => {
             orientation.current = "forward";
             setChildStack((prev) => {
                 return {