trepur_components 1.0.21 → 1.0.23

package/dist/src/lib/components/ImageInfo/style.module.css

@@ -50,6 +50,7 @@
     display: flex;
     height: 100%;
     align-items: center;
+    justify-content: center;
     padding: 2rem;
     text-align: center;
 }

package/dist/src/lib/components/ImageInfo/style.module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/ImageInfo/style.module.css"],"names":[],"mappings":"AACI;;IAAA;QAAA;IAAc;;IAId;QAAA;IAAkB;;IAIlB;QAAA;IAA0B;AARZ;;AAYd;IAAA,aAA4B;IAA5B;AAA4B;;AAI5B;;IAAA;QAAA;IAAe;AAAA;;AAGnB;IACI,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAGI;IAAA,YAAgC;IAAhC,WAAgC;IAAhC;AAAgC;;AAIhC;;IAAA;QAAA;IAAe;AAAA;;AAIf;IAAA,aAA+C;IAA/C,YAA+C;IAA/C,mBAA+C;IAA/C,aAA+C;IAA/C;AAA+C;;AAI/C;IAAA,eAAyB;IAAzB;AAAyB;;AAIzB;IAAA,eAAyB;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".wrapperClasses {\n    @apply md:flex;\n}\n\n.wrapper {\n    @apply md:flex-row;\n}\n\n.reverseWrapper {\n    @apply md:flex-row-reverse;\n}\n\n.reverseMobileWrapper {\n    @apply flex flex-col-reverse;\n}\n\n.imageWrapper {\n    @apply md:w-1/2;\n}\n\n.smallImageWrapper {\n    height: 100vw;\n}\n\n.smallImageHeight {\n    height: 100vw;\n}\n\n.image {\n    @apply w-full h-full object-fill;\n}\n\n.contentWrapper {\n    @apply md:w-1/2;\n}\n\n.content {\n    @apply h-full flex items-center text-center p-8;\n}\n\n.title {\n    @apply text-lg font-light;\n}\n\n.text {\n    @apply text-xs font-light;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/ImageInfo/style.module.css"],"names":[],"mappings":"AACI;;IAAA;QAAA;IAAc;;IAId;QAAA;IAAkB;;IAIlB;QAAA;IAA0B;AARZ;;AAYd;IAAA,aAA4B;IAA5B;AAA4B;;AAI5B;;IAAA;QAAA;IAAe;AAAA;;AAGnB;IACI,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAGI;IAAA,YAAgC;IAAhC,WAAgC;IAAhC;AAAgC;;AAIhC;;IAAA;QAAA;IAAe;AAAA;;AAIf;IAAA,aAA8D;IAA9D,YAA8D;IAA9D,mBAA8D;IAA9D,uBAA8D;IAA9D,aAA8D;IAA9D;AAA8D;;AAI9D;IAAA,eAAyB;IAAzB;AAAyB;;AAIzB;IAAA,eAAyB;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".wrapperClasses {\n    @apply md:flex;\n}\n\n.wrapper {\n    @apply md:flex-row;\n}\n\n.reverseWrapper {\n    @apply md:flex-row-reverse;\n}\n\n.reverseMobileWrapper {\n    @apply flex flex-col-reverse;\n}\n\n.imageWrapper {\n    @apply md:w-1/2;\n}\n\n.smallImageWrapper {\n    height: 100vw;\n}\n\n.smallImageHeight {\n    height: 100vw;\n}\n\n.image {\n    @apply w-full h-full object-fill;\n}\n\n.contentWrapper {\n    @apply md:w-1/2;\n}\n\n.content {\n    @apply h-full flex items-center text-center p-8 justify-center;\n}\n\n.title {\n    @apply text-lg font-light;\n}\n\n.text {\n    @apply text-xs font-light;\n}"]}

package/dist/src/lib/components/InformationIcon/InformationIcon.d.ts

@@ -1,15 +1,14 @@
 /// <reference types="react" />
 import { Props as iconProps } from '../Icon/Icon';
+import { Colours } from '../../utils/controls';
 export interface Props {
     id: string;
     className?: string;
-    text?: string;
+    text: string;
     number: number;
-    bordered?: boolean;
-    rounded?: boolean;
     withAnimation?: boolean;
-    iconProps?: iconProps;
-    theme?: 'dark' | 'light';
+    iconProps: iconProps;
+    backgroundColour?: Colours;
 }
-declare const InformationIcon: ({ id, className, text, number, bordered, rounded, withAnimation, iconProps, theme }: Props) => JSX.Element;
+declare const InformationIcon: ({ id, className, text, number, withAnimation, iconProps, backgroundColour }: Props) => JSX.Element;
 export default InformationIcon;

package/dist/src/lib/components/InformationIcon/InformationIcon.js

@@ -2,9 +2,9 @@ import React, { useEffect, useRef } from 'react';
 import Icon from '../Icon/Icon';
 import classNames from 'classnames';
 import style from './style.module.css';
-const InformationIcon = ({ id, className, text, number, bordered = false, rounded = false, withAnimation = false, iconProps, theme = 'light' }) => {
-    const colours = theme === 'dark' ? [style.dark] : [style.light];
+const InformationIcon = ({ id, className, text, number, withAnimation = false, iconProps, backgroundColour = 'white' }) => {
     const loaded = useRef(false);
+    const classList = classNames(className, style.classList, style[backgroundColour]);
     useEffect(() => {
         const element = document.getElementById(`${id}_number`);
         const observer = new IntersectionObserver((entries, observer) => {
@@ -17,10 +17,6 @@ const InformationIcon = ({ id, className, text, number, bordered = false, rounde
         }, { threshold: 1 });
         (element != null) && withAnimation && observer.observe(element);
     }, []);
-    const classList = classNames({
-        border: bordered,
-        [style.rounded]: rounded
-    }, className, colours, style.classList);
     const counterAnimation = (obj, start, end, duration) => {
         let startTimestamp;
         const step = (timestamp) => {
@@ -33,13 +29,11 @@ const InformationIcon = ({ id, className, text, number, bordered = false, rounde
         };
         window.requestAnimationFrame(step);
     };
-    return (React.createElement("div", { id: id, className: style.wrapperClassList },
-        React.createElement("div", { className: classList },
-            (iconProps != null) &&
-                React.createElement(Icon, Object.assign({}, iconProps)),
-            number !== undefined &&
-                React.createElement("p", null, number),
-            React.createElement("p", { className: style.text }, text))));
+    return (React.createElement("div", { id: id, className: classList },
+        React.createElement("div", { className: style.iconClassList }, (iconProps !== undefined) && React.createElement(Icon, Object.assign({}, iconProps))),
+        React.createElement("div", { className: style.textClassList },
+            number !== undefined && React.createElement("p", { className: style.number }, number),
+            number !== undefined && React.createElement("p", { className: style.text }, text))));
 };
 export default InformationIcon;
 //# sourceMappingURL=InformationIcon.js.map

package/dist/src/lib/components/InformationIcon/InformationIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InformationIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InformationIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAatC,MAAM,eAAe,GAAG,CAAC,EACvB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,MAAM,EACN,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,gBAAgB,GAAG,OAAO,EACpB,EAAe,EAAE;IACvB,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAC5B,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEjF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;QACvD,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;YAC9D,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtB,IAAI,KAAK,CAAC,iBAAiB,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;oBACrD,MAAM,CAAC,OAAO,GAAG,IAAI,CAAA;oBACrB,gBAAgB,CACd,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAA;iBAC5D;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,aAAa,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IACjE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,CAAC,GAAQ,EAAE,KAAa,EAAE,GAAW,EAAE,QAAgB,EAAQ,EAAE;QACxF,IAAI,cAAsB,CAAA;QAC1B,MAAM,IAAI,GAAG,CAAC,SAAiB,EAAQ,EAAE;YACvC,cAAc,GAAG,SAAS,CAAA;YAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,cAAc,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;YACrE,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,CAAA;YAC5D,IAAI,QAAQ,GAAG,CAAC,EAAE;gBAChB,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;aACnC;QACH,CAAC,CAAA;QACD,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,oBAAC,IAAI,oBAAK,SAAS,EAAI,CACjD;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;YAChC,MAAM,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,IAAG,MAAM,CAAK;YAChE,MAAM,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,IAAI,CAAK,CACzD,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/src/lib/components/InformationIcon/style.module.css

@@ -1,54 +1,57 @@
-.wrapperClassList {
-
-    display: flex;
-
-    height: 24rem;
-
-    align-items: center;
+.classList {
 
-    text-align: center
+    display: flex
 }
 
-.classList {
+.iconClassList {
 
     display: flex;
 
     height: 100%;
 
-    width: 100%;
+    align-items: center;
+
+    margin-top: auto;
 
-    flex-direction: column;
+    margin-bottom: auto;
 
-    align-items: center;
+    padding-top: 2rem;
 
-    justify-content: center;
+    padding-bottom: 2rem;
 
-    font-size: 32px
+    padding-left: 1rem
 }
 
-@media (min-width: 1024px) {
+@media (min-width: 768px) {
 
-    .classList {
+    .iconClassList {
 
-        font-size: 32px
+        padding-left: 2rem
     }
 }
 
-.classList:hover .text {
+.textClassList {
 
-    font-size: 48px;
+    padding-left: 1rem;
 
-    transition-duration: 500ms;
+    padding-right: 1rem;
 
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
+    padding-top: 2rem;
+
+    padding-bottom: 2rem
 }
 
-.rounded {
+@media (min-width: 768px) {
+
+    .textClassList {
 
-    border-radius: 1rem
+        padding-left: 2rem;
+
+        padding-right: 2rem
+    }
 }
 
-.dark {
+.primary {
 
     --tw-bg-opacity: 1;
 
@@ -59,14 +62,18 @@
     color: rgb(255 255 255 / var(--tw-text-opacity))
 }
 
-.dark::placeholder {
+.secondary {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 168 0 / var(--tw-bg-opacity));
 
-    --tw-placeholder-opacity: 1;
+    --tw-text-opacity: 1;
 
-    color: rgb(255 255 255 / var(--tw-placeholder-opacity))
+    color: rgb(255 255 255 / var(--tw-text-opacity))
 }
 
-.light {
+.white {
 
     --tw-bg-opacity: 1;
 
@@ -74,13 +81,28 @@
 
     --tw-text-opacity: 1;
 
-    color: rgb(0 54 160 / var(--tw-text-opacity))
+    color: rgb(0 0 0 / var(--tw-text-opacity))
+}
+
+.grey {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 0 0 / var(--tw-text-opacity))
 }
 
-.light::placeholder {
+.black {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 
-    --tw-placeholder-opacity: 1;
+    --tw-text-opacity: 1;
 
-    color: rgb(0 54 160 / var(--tw-placeholder-opacity))
+    color: rgb(255 255 255 / var(--tw-text-opacity))
 }
 /*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/InformationIcon/style.module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAyC;;IAAzC,aAAyC;;IAAzC,mBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,aAA8D;;IAA9D,YAA8D;;IAA9D,WAA8D;;IAA9D,sBAA8D;;IAA9D,mBAA8D;;IAA9D,uBAA8D;;IAC9D;AAD8D;;AAC9D;;IAAA;;QAAA;IAAyB;AAAA;;AAIzB;;IAAA,eAAuC;;IAAvC,0BAAuC;;IAAvC;AAAuC;;AAIvC;;IAAA;AAAkB;;AAIlB;;IAAA,kBAA8C;;IAA9C,sDAA8C;;IAA9C,oBAA8C;;IAA9C;AAA8C;;AAA9C;;IAAA,2BAA8C;;IAA9C;AAA8C;;AAI9C;;IAAA,kBAAgD;;IAAhD,yDAAgD;;IAAhD,oBAAgD;;IAAhD;AAAgD;;AAAhD;;IAAA,2BAAgD;;IAAhD;AAAgD","file":"style.module.css","sourcesContent":[".wrapperClassList {\n    @apply h-96 flex items-center text-center;\n}\n\n.classList {\n    @apply flex flex-col justify-center w-full h-full items-center;\n    @apply text-md lg:text-md;\n}\n\n.classList:hover .text {\n    @apply text-lg ease-in-out duration-500;\n}\n\n.rounded {\n    @apply rounded-2xl;\n}\n\n.dark {\n    @apply placeholder-white bg-primary text-white;\n}\n\n.light {\n    @apply placeholder-primary bg-white text-primary;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAW;;AAIX;;IAAA,aAA+B;;IAA/B,YAA+B;;IAA/B,mBAA+B;;IAC/B,gBAAgC;;IAAhC,mBAAgC;;IAAhC,iBAAgC;;IAAhC,oBAAgC;;IAAhC;AAD+B;;AAC/B;;IAAA;;QAAA;IAAgC;AAAA;;AAIhC;;IAAA,kBAAwB;;IAAxB,mBAAwB;;IAAxB,iBAAwB;;IAAxB;AAAwB;;AAAxB;;IAAA;;QAAA,kBAAwB;;QAAxB;IAAwB;AAAA;;AAIxB;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA8B;;IAA9B,uDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,kBAA0B;;IAA1B,yDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAkC;;IAAlC,yDAAkC;;IAAlC,oBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,kBAA0B;;IAA1B,mDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex;\n}\n\n.iconClassList {\n    @apply flex h-full items-center;\n    @apply my-auto pl-4 md:pl-8 py-8;\n}\n\n.textClassList {\n    @apply px-4 md:px-8 py-8;\n}\n\n.primary {\n    @apply bg-primary text-white;\n}\n\n.secondary {\n    @apply bg-secondary text-white;\n}\n\n.white {\n    @apply bg-white text-black;\n}\n\n.grey {\n    @apply bg-lightest-grey text-black;\n}\n\n.black {\n    @apply bg-black text-white;\n}"]}

package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.d.ts

@@ -8,7 +8,6 @@ export interface Props {
     description?: string;
     bgColour?: Colours;
     icons?: iconProps[];
-    theme?: 'light' | 'dark';
 }
-declare const InformationIconBlock: ({ id, className, title, description, bgColour, icons, theme }: Props) => JSX.Element;
+declare const InformationIconBlock: ({ id, className, title, description, bgColour, icons }: Props) => JSX.Element;
 export default InformationIconBlock;

package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js

@@ -1,21 +1,20 @@
 import React from 'react';
-import classNames from 'classnames';
 import style from './style.module.css';
 import Container from '../Container/Container';
 import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
 import { InformationIcon } from '../../../../src/lib';
-const InformationIconBlock = ({ id, className, title, description, bgColour, icons, theme = 'dark' }) => {
-    const classList = classNames(className);
-    return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour },
-        React.createElement(Container, { withPadding: true },
+const InformationIconBlock = ({ id, className, title, description, bgColour, icons }) => {
+    return (React.createElement(ComponentWrapper, { id: id, className: className, title: title, description: description, bgColour: bgColour },
+        React.createElement(Container, { withPadding: false },
             React.createElement("div", { className: style.iconWrapper }, icons === null || icons === void 0 ? void 0 : icons.map((icon, i) => {
                 return (React.createElement(InformationIcon, { key: i, iconProps: {
-                        className: style.iconClasses,
-                        size: 1,
+                        size: 2,
                         type: icon.type,
-                        colour: 'white',
-                        bgColour: 'primary'
-                    }, id: icon.name.replace(/\s+/g, ''), rounded: true, text: icon.name, number: icon.value, withAnimation: true, theme: theme }));
+                        colour: 'primary',
+                        bgColour: 'white',
+                        hoverColour: 'primary',
+                        hoverBgColour: 'white'
+                    }, id: icon.name.replace(/\s+/g, ''), text: icon.name, number: icon.value, withAnimation: true }));
             })))));
 };
 export default InformationIconBlock;

package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"InformationIconBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIconBlock/InformationIconBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAczC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,MAAM,EACR,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;QAElB,oBAAC,SAAS,IAAC,WAAW;YACpB,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;gBACnC,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,CAAC,EACN,SAAS,EAAE;wBACT,SAAS,EAAE,KAAK,CAAC,WAAW;wBAC5B,IAAI,EAAE,CAAC;wBACP,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,MAAM,EAAE,OAAO;wBACf,QAAQ,EAAE,SAAS;qBACpB,EACD,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EACjC,OAAO,QACP,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,aAAa,QACb,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;YACH,CAAC,CAAC,CACE,CACI,CACK,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"InformationIconBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIconBlock/InformationIconBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAYzC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACC,EAAe,EAAE;IACvB,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;QAElB,oBAAC,SAAS,IAAC,WAAW,EAAE,KAAK;YAC3B,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;gBACnC,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,CAAC,EACN,SAAS,EAAE;wBACT,IAAI,EAAE,CAAC;wBACP,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,MAAM,EAAE,SAAS;wBACjB,QAAQ,EAAE,OAAO;wBACjB,WAAW,EAAE,SAAS;wBACtB,aAAa,EAAE,OAAO;qBACvB,EACD,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EACjC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,aAAa,SACb,CACH,CAAA;YACH,CAAC,CAAC,CACE,CACI,CACK,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "private": false,
   "keywords": [
     "react",