trepur_components 1.0.5 → 1.0.7

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

@@ -0,0 +1,299 @@
+.nav {
+
+    height: 4rem
+}
+
+.fixedTopNav {
+
+    position: fixed;
+
+    top: 0px;
+
+    z-index: 50;
+
+    margin-top: 0px;
+
+    width: 100%
+}
+
+.collapseBtnWrapper {
+
+    position: absolute;
+
+    top: 0px;
+
+    bottom: 0px;
+
+    left: 2rem;
+
+    top: 1.25rem
+}
+
+.collapseBtnWrapper:hover>button {
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-text-opacity))
+}
+
+.navItemsClassList {
+
+    margin-top: auto;
+
+    margin-bottom: auto;
+
+    display: flex;
+
+    justify-content: center;
+
+    padding-left: 1rem;
+
+    padding-right: 1rem
+}
+
+@media (min-width: 1024px) {
+
+    .navItemsClassList {
+
+        padding-left: 2rem;
+
+        padding-right: 2rem
+    }
+}
+
+.navItemPadding {
+
+    padding-left: 2rem
+}
+
+.logoImageClassList {
+
+    height: 4rem;
+
+    width: auto
+}
+
+.desktopLogo {
+
+    margin-left: auto;
+
+    margin-right: auto
+}
+
+.logoClassList {
+
+    margin-top: auto;
+
+    margin-bottom: auto;
+
+    display: flex;
+
+    justify-content: center;
+
+    padding-left: 4rem
+}
+
+@media (min-width: 1024px) {
+
+    .logoClassList {
+
+        padding-left: 6rem
+    }
+}
+
+.desktopClassList {
+
+    display: flex;
+
+    display: none;
+
+    width: 100%;
+
+    align-items: center;
+
+    justify-content: space-between;
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
+
+    text-align: center
+}
+
+@media (min-width: 640px) {
+
+    .desktopClassList {
+
+        align-items: stretch
+    }
+}
+
+@media (min-width: 768px) {
+
+    .desktopClassList {
+
+        display: flex
+    }
+}
+
+.text {
+
+    display: none
+}
+
+@media (min-width: 1024px) {
+
+    .text {
+
+        display: inline-block
+    }
+}
+
+.textClassList {
+
+    margin-top: auto;
+
+    margin-bottom: auto;
+
+    display: flex;
+
+    justify-content: center;
+
+    padding-right: 6rem
+}
+
+.mobileLogo {
+
+    margin-left: auto;
+
+    margin-right: auto
+}
+
+.mobileClassList {
+
+    display: flex;
+
+    align-items: center;
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem
+}
+
+@media (min-width: 768px) {
+
+    .mobileClassList {
+
+        display: none
+    }
+}
+
+.mobileDropDownMenu > :not([hidden]) ~ :not([hidden]) {
+
+    --tw-space-y-reverse: 0;
+
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
+}
+
+.mobileDropDownMenu {
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.75rem
+}
+
+.dropDownNavClassList {
+
+    z-index: 50;
+
+    overflow: hidden;
+
+    padding-top: 5rem
+}
+
+@media (min-width: 768px) {
+
+    .dropDownNavClassList {
+
+        display: none
+    }
+}
+
+.mobileDropDownMenuNavItems {
+
+    padding-left: 2rem;
+
+    padding-top: 0.5rem
+}
+
+.deropDownCollapsed {
+
+    height: 0px
+}
+
+.sideNavClassList {
+
+    position: fixed;
+
+    z-index: 50;
+
+    margin-top: 5rem;
+
+    height: 100%;
+
+    overflow: hidden;
+
+    transition-duration: 700ms
+}
+
+@media (min-width: 768px) {
+
+    .sideNavClassList {
+
+        display: none
+    }
+}
+
+.mobileSideBarMenu > :not([hidden]) ~ :not([hidden]) {
+
+    --tw-space-y-reverse: 0;
+
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
+}
+
+.mobileSideBarMenu {
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.75rem
+}
+
+.mobileSideBarMenuNavItems {
+
+    padding-left: 2rem;
+
+    padding-top: 1rem
+}
+
+.sideBarCollapsed {
+
+    width: 0px
+}
+
+.sideBarExpanded {
+
+    width: 100%
+}
+
+@media (min-width: 640px) {
+
+    .sideBarExpanded {
+
+        width: 33.333333%
+    }
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAW;;AAIX;;IAAA,eAAmC;;IAAnC,QAAmC;;IAAnC,WAAmC;;IAAnC,eAAmC;;IAAnC;AAAmC;;AAInC;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,oBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,gBAA+C;;IAA/C,mBAA+C;;IAA/C,aAA+C;;IAA/C,uBAA+C;;IAA/C,kBAA+C;;IAA/C;AAA+C;;AAA/C;;IAAA;;QAAA,kBAA+C;;QAA/C;IAA+C;AAAA;;AAI/C;;IAAA;AAAW;;AAIX;;IAAA,YAAkB;;IAAlB;AAAkB;;AAIlB;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,gBAAiD;;IAAjD,mBAAiD;;IAAjD,aAAiD;;IAAjD,uBAAiD;;IAAjD;AAAiD;;AAAjD;;IAAA;;QAAA;IAAiD;AAAA;;AAIjD;;IAAA,aAAsH;;IAAtH,aAAsH;;IAAtH,WAAsH;;IAAtH,mBAAsH;;IAAtH,8BAAsH;;IAAtH,kBAAsH;;IAAtH,sDAAsH;;IAAtH;AAAsH;;AAAtH;;IAAA;;QAAA;IAAsH;AAAA;;AAAtH;;IAAA;;QAAA;IAAsH;AAAA;;AAItH;;IAAA;AAA6B;;AAA7B;;IAAA;;QAAA;IAA6B;AAAA;;AAI7B;;IAAA,gBAAwC;;IAAxC,mBAAwC;;IAAxC,aAAwC;;IAAxC,uBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,aAAuC;;IAAvC,mBAAuC;;IAAvC,mBAAuC;;IAAvC;AAAuC;;AAAvC;;IAAA;;QAAA;IAAuC;AAAA;;AAIvC;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,WAA2C;;IAA3C,gBAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA,eAAqE;;IAArE,WAAqE;;IAArE,gBAAqE;;IAArE,YAAqE;;IAArE,gBAAqE;;IAArE;AAAqE;;AAArE;;IAAA;;QAAA;IAAqE;AAAA;;AAIrE;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA;AAAsB;;AAAtB;;IAAA;;QAAA;IAAsB;AAAA","file":"style.module.css","sourcesContent":[".nav {\n    @apply h-16;\n}\n\n.fixedTopNav {\n    @apply fixed w-full z-50 top-0 mt-0;\n}\n\n.collapseBtnWrapper {\n    @apply absolute inset-y-0 left-8 top-5;\n}\n\n.collapseBtnWrapper:hover>button {\n    @apply text-primary;\n}\n\n.navItemsClassList {\n    @apply flex justify-center my-auto px-4 lg:px-8;\n}\n\n.navItemPadding {\n    @apply pl-8;\n}\n\n.logoImageClassList {\n    @apply h-16 w-auto;\n}\n\n.desktopLogo {\n    @apply mx-auto;\n}\n\n.logoClassList {\n    @apply flex justify-center my-auto pl-16 lg:pl-24;\n}\n\n.desktopClassList {\n    @apply w-full justify-between hidden md:flex items-center justify-between sm:items-stretch text-center flex bg-primary;\n}\n\n.text {\n    @apply hidden lg:inline-block;\n}\n\n.textClassList {\n    @apply flex justify-center my-auto pr-24;\n}\n\n.mobileLogo {\n    @apply mx-auto;\n}\n\n.mobileClassList {\n    @apply flex items-center md:hidden py-2;\n}\n\n.mobileDropDownMenu {\n    @apply pt-2 pb-3 space-y-1;\n}\n\n.dropDownNavClassList {\n    @apply z-50 md:hidden overflow-hidden pt-20;\n}\n\n.mobileDropDownMenuNavItems {\n    @apply pl-8 pt-2;\n}\n\n.deropDownCollapsed {\n    @apply h-0;\n}\n\n.sideNavClassList {\n    @apply z-50 md:hidden mt-20 fixed overflow-hidden h-full duration-700;\n}\n\n.mobileSideBarMenu {\n    @apply pt-2 pb-3 space-y-1;\n}\n\n.mobileSideBarMenuNavItems {\n    @apply pl-8 pt-4;\n}\n\n.sideBarCollapsed {\n    @apply w-0;\n}\n\n.sideBarExpanded {\n    @apply w-full sm:w-1/3;\n}"]}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import classNames from 'classnames';
+import style from './style.module.css';
+const NavItem = ({ id, className, title, href = '/', onClick, bordered = false, rounded = true, underlineOnHover = true, isActive = false, variant = 'primary' }) => {
+    const classList = classNames(className, style.navItem);
+    const anchorClassList = classNames({
+        [style.underlineOnHover]: underlineOnHover,
+        [style.underline]: underlineOnHover,
+        [style.active]: isActive,
+        [style.inactive]: !isActive,
+        [style.bordered]: bordered,
+        [style.rounded]: rounded,
+        [style.primary]: variant === 'primary',
+        [style.secondary]: variant === 'secondary'
+    }, [style.anchorClassList]);
+    const spanClassList = classNames({}, style.spanClassList);
+    return (React.createElement("div", { id: id, className: classList },
+        React.createElement("a", { href: href, onClick: onClick, className: anchorClassList },
+            React.createElement("span", { className: spanClassList }, title))));
+};
+export default NavItem;
+//# sourceMappingURL=NavItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAetC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACb,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEtD,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,gBAAgB;QAC1C,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,gBAAgB;QACnC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,QAAQ;QACxB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ;QAC3B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;KAC3C,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;IAE3B,MAAM,aAAa,GAAG,UAAU,CAAC,EAChC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAEvB,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,2BACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe;YAE1B,8BAAM,SAAS,EAAE,aAAa,IAC3B,KAAK,CACD,CACL,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1,133 @@
+.bordered {
+
+    border-width: 2px;
+
+    padding-left: 0.5rem;
+
+    padding-right: 0.5rem;
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem
+}
+
+.rounded {
+
+    border-radius: 0.375rem
+}
+
+.navItem {
+
+    width: auto;
+
+    list-style-type: none
+}
+
+.underline > span {
+
+    position: relative;
+
+    transition-timing-function: linear
+}
+
+.underline > span:before {
+
+    position: absolute;
+
+    bottom: -0.25rem;
+
+    left: 0px;
+
+    height: 0.25rem;
+
+    transition-property: all;
+
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+
+    transition-duration: 150ms
+}
+
+.underline:hover > span:before {
+
+    width: 100%
+}
+
+.active > span::before {
+
+    content: var(--tw-content);
+
+    width: 100%
+}
+
+.inactive > span::before {
+
+    content: var(--tw-content);
+
+    width: 0px
+}
+
+.anchorClassList {
+
+    outline: 2px solid transparent;
+
+    outline-offset: 2px
+}
+
+.anchorClassList:focus > span:before {
+
+    width: 100%
+}
+
+.spanClassList {
+
+    white-space: nowrap;
+
+    text-align: center
+}
+
+.secondary {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.secondary > span:before {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.primary {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-text-opacity))
+}
+
+.primary > span:before {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-text-opacity))
+}
+
+
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/NavItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAyB;;IAAzB,oBAAyB;;IAAzB,qBAAyB;;IAAzB,mBAAyB;;IAAzB;AAAyB;;AAIzB;;IAAA;AAAiB;;AAIjB;;IAAA,WAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,kBAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,kBAAmD;;IAAnD,gBAAmD;;IAAnD,SAAmD;;IAAnD,eAAmD;;IAAnD,wBAAmD;;IAAnD,wDAAmD;;IAAnD;AAAmD;;AAInD;;IAAA;AAAa;;AAIb;;IAAA,0BAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,0BAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA,8BAAmB;;IAAnB;AAAmB;;AAInB;;IAAA;AAAa;;AAIb;;IAAA,mBAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA0B;;IAA1B,yDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAA4B;;IAA5B,yDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA8B;;IAA9B,sDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B","file":"style.module.css","sourcesContent":[".bordered {\n    @apply border-2 px-2 py-2;\n}\n\n.rounded {\n    @apply rounded-md;\n}\n\n.navItem {\n    @apply w-auto list-none;\n}\n\n.underline > span {\n    @apply relative ease-linear;\n}\n\n.underline > span:before {\n    @apply absolute -bottom-1 left-0 h-1 transition-all;\n}\n\n.underline:hover > span:before {\n    @apply w-full;\n}\n\n.active > span {\n    @apply before:w-full;\n}\n\n.inactive > span {\n    @apply before:w-0;\n}\n\n.anchorClassList {\n    @apply outline-none;\n}\n\n.anchorClassList:focus > span:before {\n    @apply w-full;\n}\n\n.spanClassList {\n    @apply text-center whitespace-nowrap;\n}\n\n.secondary {\n    @apply text-white bg-primary;\n}\n\n.secondary > span:before {\n    @apply text-white bg-white;\n}\n\n.primary {\n    @apply text-primary bg-white;\n}\n\n.primary > span:before{\n    @apply text-primary bg-primary;\n}\n\n"]}

package/dist/src/lib/components/NewsCard/{index.d.ts → NewsCard.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Props as buttonProps } from '../Button';
-import { Props as imageProps } from '../Image';
+import { Props as buttonProps } from '../Button/Button';
+import { Props as imageProps } from '../Image/Image';
 export interface Props {
     id?: string;
     className?: string;

package/dist/src/lib/components/NewsCard/{index.js → NewsCard.js}

@@ -1,20 +1,21 @@
 import React from 'react';
-import Button from '../Button';
-import Image from '../Image';
+import Button from '../Button/Button';
+import Image from '../Image/Image';
 import classNames from 'classnames';
+import style from './style.module.css';
 const NewsCard = ({ id, className, title, content, imageProps, buttonProps, rounded }) => {
     const classList = classNames({
-        'rounded-lg': rounded
-    }, className, 'border flex p-2');
+        [style.rounded]: rounded
+    }, className, style.classList);
     return (React.createElement("div", { id: id, className: classList },
         React.createElement("div", null,
             React.createElement(Image, Object.assign({}, imageProps))),
-        React.createElement("div", { className: 'flex flex-col justify-between expandable w-auto text-center' },
+        React.createElement("div", { className: classNames(style.contentWrapper, 'expandable') },
             React.createElement("p", null, title),
             React.createElement("p", null, content),
-            (buttonProps != null) &&
-                React.createElement("div", { className: 'px-8' },
+            (buttonProps !== undefined) &&
+                React.createElement("div", { className: style.buttonWrapper },
                     React.createElement(Button, Object.assign({}, buttonProps), buttonProps.children)))));
 };
 export default NewsCard;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=NewsCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewsCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/NewsCard/NewsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EACV,WAAW,EACX,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAE9B,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B;YACE,oBAAC,KAAK,oBAAK,UAAU,EAAI,CACrB;QACN,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC;YAC5D,+BAAI,KAAK,CAAK;YACd,+BAAI,OAAO,CAAK;YACf,CAAC,WAAW,KAAK,SAAS,CAAC;gBAC1B,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;oBACjC,oBAAC,MAAM,oBAAK,WAAW,GACpB,WAAW,CAAC,QAAQ,CACd,CACL,CACJ,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,34 @@
+.rounded {
+
+    border-radius: 0.5rem
+}
+
+.classList {
+
+    display: flex;
+
+    border-width: 1px;
+
+    padding: 0.5rem
+}
+
+.contentWrapper {
+
+    display: flex;
+
+    width: auto;
+
+    flex-direction: column;
+
+    justify-content: space-between;
+
+    text-align: center
+}
+
+.buttonWrapper {
+
+    padding-left: 2rem;
+
+    padding-right: 2rem
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/NewsCard/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAiB;;AAIjB;;IAAA,aAAsB;;IAAtB,iBAAsB;;IAAtB;AAAsB;;AAItB;;IAAA,aAAuD;;IAAvD,WAAuD;;IAAvD,sBAAuD;;IAAvD,8BAAuD;;IAAvD;AAAuD;;AAIvD;;IAAA,kBAAW;;IAAX;AAAW","file":"style.module.css","sourcesContent":[".rounded {\n    @apply rounded-lg;\n}\n\n.classList {\n    @apply border flex p-2;\n}\n\n.contentWrapper {\n    @apply flex flex-col justify-between w-auto text-center;\n}\n\n.buttonWrapper {\n    @apply px-8;\n}"]}

package/dist/src/lib/components/Profile/{index.d.ts → Profile.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Props as imageProps } from '../Image';
+import { Props as imageProps } from '../Image/Image';
 export interface Props {
     id?: string;
     className?: string;

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

@@ -0,0 +1,36 @@
+import React, { useState } from 'react';
+import Image from '../Image/Image';
+import classNames from 'classnames';
+import style from './style.module.css';
+const Profile = ({ id, className, profileLinks, alignment, imageHeight = 0, imageWidth = 0, rounded, bordered, imageProps }) => {
+    const [profileState, setProfileState] = useState(false);
+    const profileAlignment = classNames({
+        [style.floatRight]: alignment === 'right',
+        [style.floatLeft]: alignment === 'left'
+    });
+    const dropdownAlignement = classNames({
+        [style.dropdownRight]: alignment === 'right',
+        [style.dropdownLeft]: alignment === 'left'
+    });
+    const dropdownTextAlignement = classNames({
+        [style.center]: alignment !== 'right' && alignment !== 'left'
+    });
+    const classList = classNames({
+        [style.rounded]: rounded === true,
+        [style.bordered]: bordered === true
+    }, className, style.classList, `h-${imageHeight} w-${imageWidth}`);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { id: id, className: classList },
+            React.createElement("div", { className: classNames(style.buttonWrapper, profileAlignment) },
+                React.createElement("button", { className: style.buttonClassList, onClick: () => setProfileState(!profileState) },
+                    React.createElement(Image, Object.assign({}, imageProps))))),
+        profileState &&
+            React.createElement("div", { className: dropdownTextAlignement },
+                React.createElement("div", { className: classNames(style.linksWrapper, profileAlignment, dropdownAlignement) }, profileLinks === null || profileLinks === void 0 ? void 0 : profileLinks.map((link, i) => {
+                    return (React.createElement("a", { key: `profile_link_${i + 1}`, href: link.link, className: style.linkClassList, role: 'menuitem', 
+                        // tabindex="-1"
+                        id: `user-menu-item-${i + 1}` }, link.name));
+                })))));
+};
+export default Profile;
+//# sourceMappingURL=Profile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../../../src/lib/components/Profile/Profile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AActC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,GAAG,CAAC,EACf,UAAU,GAAG,CAAC,EACd,OAAO,EACP,QAAQ,EACR,UAAU,EACJ,EAAe,EAAE;IACvB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,SAAS,KAAK,OAAO;QACzC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS,KAAK,MAAM;KACxC,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,SAAS,KAAK,OAAO;QAC5C,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,SAAS,KAAK,MAAM;KAC3C,CAAC,CAAA;IAEF,MAAM,sBAAsB,GAAG,UAAU,CAAC;QACxC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM;KAC9D,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI;QACjC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,KAAK,IAAI;KACpC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,WAAW,MAAM,UAAU,EAAE,CAAC,CAAA;IAElE,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;YAC/B,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,aAAa,EAAE,gBAAgB,CAAC;gBAC/D,gCACE,SAAS,EAAE,KAAK,CAAC,eAAe,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC;oBAE7C,oBAAC,KAAK,oBAAK,UAAU,EAAI,CAClB,CACL,CACF;QACL,YAAY;YACX,6BAAK,SAAS,EAAE,sBAAsB;gBACpC,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,IACjF,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;oBAC7B,OAAO,CACL,2BACE,GAAG,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,KAAK,CAAC,aAAa,EAC9B,IAAI,EAAC,UAAU;wBACG,gBAAgB;wBAClC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,IAE5B,IAAI,CAAC,IAAI,CACR,CACL,CAAA;gBACH,CAAC,CAAC,CACE,CACF,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}