@consumidor-positivo/aurora 0.0.11 → 0.0.13

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+
+type NavbarVerticalDataProps = {
+    name: string;
+    Icon?: ReactNode;
+    onClick: () => void;
+    dropdown?: NavbarVerticalDataProps[];
+    active?: boolean;
+};
+type NavbarVerticalProps = {
+    data: NavbarVerticalDataProps[];
+    renderItem: (link: NavbarVerticalDataProps) => ReactNode;
+    renderActions: () => ReactNode;
+};
+export declare const NavbarVertical: {
+    ({ data, renderItem, renderActions, }: NavbarVerticalProps): import("react/jsx-runtime").JSX.Element;
+    Link: ({ name, onClick, Icon, dropdown, active, }: NavbarVerticalDataProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/components/NavbarVertical/index.es.js

@@ -0,0 +1,85 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { useState } from "react";
+import { Text } from "../Text/index.es.js";
+import "../../Icon-BvEdGGJ8.js";
+import { I as IconChevronDown } from "../../IconChevronDown-LKLlTSau.js";
+import { I as IconChevronUp } from "../../IconChevronUp--WhWeQrm.js";
+import { C as Conditional } from "../../index-CeZZT_W9.js";
+import './styles.css';const NavbarVertical = ({
+  data,
+  renderItem,
+  renderActions
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "au-navbar-vertical", children: [
+    data == null ? void 0 : data.map((link) => {
+      return renderItem(link);
+    }),
+    /* @__PURE__ */ jsx("div", { className: "au-navbar-vertical__actions", children: renderActions() })
+  ] });
+};
+const NavbarVerticalLink = ({
+  name,
+  onClick,
+  Icon,
+  dropdown,
+  active = false
+}) => {
+  const [open, setOpen] = useState(active);
+  function handleClick() {
+    if (dropdown) {
+      setOpen((prev) => !prev);
+    } else {
+      onClick();
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    Text,
+    {
+      as: "a",
+      variant: "heading-micro",
+      weight: "light",
+      className: classNames("au-navbar-vertical__link", {
+        "is-dropdown": dropdown,
+        "is-active": active,
+        "is-open": open
+      }),
+      onClick: handleClick,
+      children: [
+        /* @__PURE__ */ jsx(Conditional, { condition: !!Icon, renderIf: Icon }),
+        name,
+        /* @__PURE__ */ jsx(
+          Conditional,
+          {
+            condition: !!(dropdown == null ? void 0 : dropdown.length),
+            renderIf: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Conditional, { condition: !!open, renderIf: /* @__PURE__ */ jsx(IconChevronUp, {}) }),
+              /* @__PURE__ */ jsx(Conditional, { condition: !open, renderIf: /* @__PURE__ */ jsx(IconChevronDown, {}) }),
+              /* @__PURE__ */ jsx("div", { className: "au-navbar-vertical__dropdown", children: dropdown == null ? void 0 : dropdown.map((item) => {
+                return /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    as: "a",
+                    variant: "heading-micro",
+                    weight: "light",
+                    className: classNames("au-navbar-vertical__dropdown-link", {
+                      "is-active": item.active
+                    }),
+                    title: item.name,
+                    children: item.name
+                  },
+                  item.name
+                );
+              }) })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+NavbarVertical.Link = NavbarVerticalLink;
+export {
+  NavbarVertical
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/NavbarVertical/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/NavbarVertical/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { Text } from '../Text'\nimport { IconChevronDown, IconChevronUp } from '../icons/default'\nimport { Conditional } from '../misc'\nimport './styles.scss'\n\ntype NavbarVerticalDataProps = {\n  name: string\n  Icon?: ReactNode\n  onClick: () => void\n  dropdown?: NavbarVerticalDataProps[]\n  active?: boolean\n}\n\ntype NavbarVerticalProps = {\n  data: NavbarVerticalDataProps[]\n  renderItem: (link: NavbarVerticalDataProps) => ReactNode\n  renderActions: () => ReactNode\n}\n\nexport const NavbarVertical = ({\n  data,\n  renderItem,\n  renderActions,\n}: NavbarVerticalProps) => {\n  return (\n    <div className=\"au-navbar-vertical\">\n      {data?.map((link) => {\n        return renderItem(link)\n      })}\n      <div className=\"au-navbar-vertical__actions\">{renderActions()}</div>\n    </div>\n  )\n}\n\nconst NavbarVerticalLink = ({\n  name,\n  onClick,\n  Icon,\n  dropdown,\n  active = false,\n}: NavbarVerticalDataProps) => {\n  const [open, setOpen] = useState<boolean>(active)\n\n  function handleClick() {\n    if (dropdown) {\n      setOpen((prev) => !prev)\n    } else {\n      onClick()\n    }\n  }\n\n  return (\n    <Text\n      as=\"a\"\n      variant=\"heading-micro\"\n      weight=\"light\"\n      className={classNames('au-navbar-vertical__link', {\n        'is-dropdown': dropdown,\n        'is-active': active,\n        'is-open': open,\n      })}\n      onClick={handleClick}>\n      <Conditional condition={!!Icon} renderIf={Icon} />\n      {name}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <>\n            <Conditional condition={!!open} renderIf={<IconChevronUp />} />\n            <Conditional condition={!open} renderIf={<IconChevronDown />} />\n            <div className=\"au-navbar-vertical__dropdown\">\n              {dropdown?.map((item) => {\n                return (\n                  <Text\n                    key={item.name}\n                    as=\"a\"\n                    variant=\"heading-micro\"\n                    weight=\"light\"\n                    className={classNames('au-navbar-vertical__dropdown-link', {\n                      'is-active': item.active,\n                    })}\n                    title={item.name}>\n                    {item.name}\n                  </Text>\n                )\n              })}\n            </div>\n          </>\n        }\n      />\n    </Text>\n  )\n}\n\nNavbarVertical.Link = NavbarVerticalLink\n"],"names":[],"mappings":";;;;;;;;AAqBO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AAEvB,SAAA,qBAAC,OAAI,EAAA,WAAU,sBACZ,UAAA;AAAA,IAAM,6BAAA,IAAI,CAAC,SAAS;AACnB,aAAO,WAAW,IAAI;AAAA,IAAA;AAAA,IAEvB,oBAAA,OAAA,EAAI,WAAU,+BAA+B,2BAAgB;AAAA,EAChE,EAAA,CAAA;AAEJ;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAA+B;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,MAAM;AAEhD,WAAS,cAAc;AACrB,QAAI,UAAU;AACJ,cAAA,CAAC,SAAS,CAAC,IAAI;AAAA,IAAA,OAClB;AACG;IACV;AAAA,EACF;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,WAAW,WAAW,4BAA4B;AAAA,QAChD,eAAe;AAAA,QACf,aAAa;AAAA,QACb,WAAW;AAAA,MAAA,CACZ;AAAA,MACD,SAAS;AAAA,MACT,UAAA;AAAA,QAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,QAC/C;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAC,qCAAU;AAAA,YACvB,UAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,cAAC,oBAAA,aAAA,EAAY,WAAW,CAAC,CAAC,MAAM,UAAU,oBAAC,gBAAc,CAAA,GAAI;AAAA,cAC7D,oBAAC,eAAY,WAAW,CAAC,MAAM,UAAU,oBAAC,kBAAgB,CAAA,GAAI;AAAA,kCAC7D,OAAI,EAAA,WAAU,gCACZ,UAAU,qCAAA,IAAI,CAAC,SAAS;AAErB,uBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,IAAG;AAAA,oBACH,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,WAAW,WAAW,qCAAqC;AAAA,sBACzD,aAAa,KAAK;AAAA,oBAAA,CACnB;AAAA,oBACD,OAAO,KAAK;AAAA,oBACX,UAAK,KAAA;AAAA,kBAAA;AAAA,kBARD,KAAK;AAAA,gBAAA;AAAA,cAWf,IACH;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,eAAe,OAAO;"}

package/dist/components/NavbarVertical/styles.css

@@ -0,0 +1 @@
+.au-navbar-vertical{width:100%;background-color:#fff;height:100%}.au-navbar-vertical__link{padding:16px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;flex-wrap:wrap;border-bottom:1px solid #dce8ff}.au-navbar-vertical__link:hover,.au-navbar-vertical__link:focus{font-weight:700}.au-navbar-vertical__link.is-active{background-color:#fafbff;color:#0048db;font-weight:700}.au-navbar-vertical__dropdown{display:block;width:100%;border-top:1px solid #dce8ff;padding-top:12px;display:none}.is-open .au-navbar-vertical__dropdown{display:block}.au-navbar-vertical__dropdown-link{display:block;width:100%;padding:12px 0}.au-navbar-vertical__dropdown-link:hover,.au-navbar-vertical__dropdown-link:focus{font-weight:700}.au-navbar-vertical__dropdown-link.is-active{color:#0048db;font-weight:700}.au-navbar-vertical__actions{display:flex;gap:8px;padding:24px}

package/dist/components/ProfileNav/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./styles.css');const e=require("react/jsx-runtime"),i=require("../Text/index.cjs.js");exports.ProfileNav=({name:s})=>e.jsxs("div",{className:"au-profile-nav",children:[e.jsx("div",{className:"au-profile-nav__badget",children:e.jsx(i.Text,{variant:"heading-small",weight:"medium",children:"FS"})}),e.jsxs("div",{className:"div",children:[e.jsxs(i.Text,{as:"h3",variant:"heading-micro",weight:"bold",children:["Olá, ",s]}),e.jsx(i.Text,{children:"Tudo bem?"})]})]});
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/ProfileNav/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../lib/components/ProfileNav/index.tsx"],"sourcesContent":["import { Text } from '../Text'\nimport './styles.scss'\n\ntype ProfileNavProps = {\n  name: string\n}\n\nexport const ProfileNav = ({ name }: ProfileNavProps) => {\n  return (\n    <div className=\"au-profile-nav\">\n      <div className=\"au-profile-nav__badget\">\n        <Text variant=\"heading-small\" weight=\"medium\">\n          FS\n        </Text>\n      </div>\n      <div className=\"div\">\n        <Text as=\"h3\" variant=\"heading-micro\" weight=\"bold\">\n          Olá, {name}\n        </Text>\n        <Text>Tudo bem?</Text>\n      </div>\n    </div>\n  )\n}\n"],"names":["name","jsxs","className","children","jsx","Text","variant","weight","as"],"mappings":"0KAO0B,EAAGA,YAEzBC,KAAC,MAAI,CAAAC,UAAU,iBACbC,SAAA,CAACC,EAAAA,IAAA,MAAA,CAAIF,UAAU,yBACbC,WAACC,IAAAC,EAAAA,KAAA,CAAKC,QAAQ,gBAAgBC,OAAO,SAASJ,SAAA,WAIhDF,KAAC,MAAI,CAAAC,UAAU,MACbC,SAAA,CAAAF,OAACI,EAAAA,MAAKG,GAAG,KAAKF,QAAQ,gBAAgBC,OAAO,OAAOJ,SAAA,CAAA,QAC5CH,OAERI,IAACC,QAAKF,SAAS"}

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

@@ -0,0 +1,6 @@
+
+type ProfileNavProps = {
+    name: string;
+};
+export declare const ProfileNav: ({ name }: ProfileNavProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ProfileNav/index.es.js

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Text } from "../Text/index.es.js";
+import './styles.css';const ProfileNav = ({ name }) => {
+  return /* @__PURE__ */ jsxs("div", { className: "au-profile-nav", children: [
+    /* @__PURE__ */ jsx("div", { className: "au-profile-nav__badget", children: /* @__PURE__ */ jsx(Text, { variant: "heading-small", weight: "medium", children: "FS" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "div", children: [
+      /* @__PURE__ */ jsxs(Text, { as: "h3", variant: "heading-micro", weight: "bold", children: [
+        "Olá, ",
+        name
+      ] }),
+      /* @__PURE__ */ jsx(Text, { children: "Tudo bem?" })
+    ] })
+  ] });
+};
+export {
+  ProfileNav
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/ProfileNav/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/ProfileNav/index.tsx"],"sourcesContent":["import { Text } from '../Text'\nimport './styles.scss'\n\ntype ProfileNavProps = {\n  name: string\n}\n\nexport const ProfileNav = ({ name }: ProfileNavProps) => {\n  return (\n    <div className=\"au-profile-nav\">\n      <div className=\"au-profile-nav__badget\">\n        <Text variant=\"heading-small\" weight=\"medium\">\n          FS\n        </Text>\n      </div>\n      <div className=\"div\">\n        <Text as=\"h3\" variant=\"heading-micro\" weight=\"bold\">\n          Olá, {name}\n        </Text>\n        <Text>Tudo bem?</Text>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAOO,MAAM,aAAa,CAAC,EAAE,WAA4B;AAErD,SAAA,qBAAC,OAAI,EAAA,WAAU,kBACb,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,0BACb,UAAC,oBAAA,MAAA,EAAK,SAAQ,iBAAgB,QAAO,UAAS,UAAA,KAE9C,CAAA,GACF;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,OACb,UAAA;AAAA,MAAA,qBAAC,QAAK,IAAG,MAAK,SAAQ,iBAAgB,QAAO,QAAO,UAAA;AAAA,QAAA;AAAA,QAC5C;AAAA,MAAA,GACR;AAAA,MACA,oBAAC,QAAK,UAAS,YAAA,CAAA;AAAA,IAAA,GACjB;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/ProfileNav/styles.css

@@ -0,0 +1 @@
+.au-profile-nav{display:flex;gap:16px}.au-profile-nav__badget{width:48px;height:48px;background-color:#dce8ff;border-radius:999px;display:flex;align-items:center;justify-content:center}

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

@@ -11,6 +11,7 @@ export declare const HeadingBig: Story;
 export declare const HeadingLarge: Story;
 export declare const HeadingMedium: Story;
 export declare const HeadingSmall: Story;
+export declare const HeadingMicro: Story;
 export declare const ParagraphBig: Story;
 export declare const ParagraphLarge: Story;
 export declare const ParagraphMedium: Story;

package/dist/components/Text/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";require('./styles.css');var e=Object.defineProperty,r=Object.defineProperties,t=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,c=(r,t,n)=>t in r?e(r,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[t]=n,i=(e,r)=>{for(var t in r||(r={}))a.call(r,t)&&c(e,t,r[t]);if(n)for(var t of n(r))o.call(r,t)&&c(e,t,r[t]);return e},l=(e,r)=>{var t={};for(var c in e)a.call(e,c)&&r.indexOf(c)<0&&(t[c]=e[c]);if(null!=e&&n)for(var c of n(e))r.indexOf(c)<0&&o.call(e,c)&&(t[c]=e[c]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),d=require("../../index-BJmus9Hg.cjs"),f=require("../../index-BK77G4Uk.cjs");function b(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}return r.default=e,Object.freeze(r)}const g=b(u),p=e=>{var r=e,{children:t="Dynamic tag component",tag:n="button"}=r,a=l(r,["children","tag"]);return g.createElement(n,i({},a),t)};exports.Text=e=>{var n=e,{as:a="p",children:o,className:c="",color:u="common",variant:b="body-large",variantDesk:g,weight:y="bold",dangerouslySetInnerHTML:j}=n,m=l(n,["as","children","className","color","variant","variantDesk","weight","dangerouslySetInnerHTML"]);const v=d.classNames("au-text",{[`au-text--${b}`]:!!b,[`au-text--desk-${g}`]:!!g,[`au-text--color-${u}`]:!!u,[`au-text--weight-${y}`]:!!y,[c]:!!c});return s.jsx(p,(O=i({tag:a,className:v},m),x={children:s.jsx(f.Conditional,{condition:j,renderIf:s.jsx("div",{dangerouslySetInnerHTML:{__html:j}}),renderElse:o})},r(O,t(x))));var O,x};
+"use strict";require('./styles.css');var e=Object.defineProperty,r=Object.defineProperties,t=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,i=(r,t,n)=>t in r?e(r,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[t]=n,c=(e,r)=>{for(var t in r||(r={}))a.call(r,t)&&i(e,t,r[t]);if(n)for(var t of n(r))o.call(r,t)&&i(e,t,r[t]);return e},l=(e,r)=>{var t={};for(var i in e)a.call(e,i)&&r.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&n)for(var i of n(e))r.indexOf(i)<0&&o.call(e,i)&&(t[i]=e[i]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),d=require("../../index-BJmus9Hg.cjs"),f=require("../../index-BK77G4Uk.cjs");function b(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}return r.default=e,Object.freeze(r)}const g=b(u),p=e=>{var r=e,{children:t="Dynamic tag component",tag:n="button"}=r,a=l(r,["children","tag"]);return g.createElement(n,c({},a),t)};exports.Text=e=>{var n=e,{as:a="p",children:o,className:i="",color:u="common",variant:b="body-medium",variantDesk:g,weight:m="regular",dangerouslySetInnerHTML:y}=n,j=l(n,["as","children","className","color","variant","variantDesk","weight","dangerouslySetInnerHTML"]);const v=d.classNames("au-text",{[`au-text--${b}`]:!!b,[`au-text--desk-${g}`]:!!g,[`au-text--color-${u}`]:!!u,[`au-text--weight-${m}`]:!!m,[i]:!!i});return s.jsx(p,(O=c({tag:a,className:v},j),x={children:s.jsx(f.Conditional,{condition:y,renderIf:s.jsx("div",{dangerouslySetInnerHTML:{__html:y}}),renderElse:o})},r(O,t(x))));var O,x};
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/Text/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../lib/components/misc/DynamicTagComponent/index.tsx","../../../lib/components/Text/index.tsx"],"sourcesContent":["import * as React from 'react'\n\ninterface DynamicTagComponentProps extends React.HTMLAttributes<HTMLElement> {\n  /** Html tag that this component root should have */\n  tag: string\n}\n\nconst DynamicTagComponent: React.FC<DynamicTagComponentProps> = ({\n  children = 'Dynamic tag component',\n  tag = 'button',\n  ...props\n}) => React.createElement(tag, { ...props }, children)\n\nexport default DynamicTagComponent\n","import DynamicTagComponentStories from '../misc/DynamicTagComponent'\nimport classNames from 'classnames'\nimport { TextProps } from './types'\nimport { Conditional } from '../misc/Conditional'\nimport React from 'react'\nimport './styles.scss'\n\nexport const Text: React.FC<TextProps> = ({\n  as = 'p',\n  children,\n  className = '',\n  color = 'common',\n  variant = 'body-large',\n  variantDesk,\n  weight = 'bold',\n  dangerouslySetInnerHTML,\n  ...props\n}: TextProps) => {\n  const rootClasses = classNames('au-text', {\n    [`au-text--${variant}`]: !!variant,\n    [`au-text--desk-${variantDesk}`]: !!variantDesk,\n    [`au-text--color-${color}`]: !!color,\n    [`au-text--weight-${weight}`]: !!weight,\n    [className]: !!className,\n  })\n\n  return (\n    <DynamicTagComponentStories tag={as} className={rootClasses} {...props}>\n      <Conditional\n        condition={dangerouslySetInnerHTML}\n        renderIf={\n          <div dangerouslySetInnerHTML={{ __html: dangerouslySetInnerHTML }} />\n        }\n        renderElse={children}\n      />\n    </DynamicTagComponentStories>\n  )\n}\n"],"names":["DynamicTagComponent","_a","_b","children","tag","props","__objRest","React","createElement","__spreadValues","_c","_d","as","className","color","variant","variantDesk","weight","dangerouslySetInnerHTML","rootClasses","classNames","DynamicTagComponentStories","jsxRuntime","jsx","Conditional","condition","renderIf","__html","renderElse"],"mappings":"ohCAOMA,EAA2DC,IAC/D,IAAAC,EAAAD,GAAAE,SAAWA,EAAA,wBAAAC,IACXA,EAAM,UAFyDF,EAG5DG,EAAAC,EAH4DJ,EAG5D,CAFH,WACA,QAEIK,OAAAA,EAAMC,cAAcJ,EAAKK,EAAK,CAAA,EAAAJ,GAASF,EAAQ,eCJXO,IACxC,IAAAC,EAAAD,GAAAE,GAAKA,EAAA,IAAAT,SACLA,EAAAU,UACAA,EAAY,GAAAC,MACZA,EAAQ,SAAAC,QACRA,EAAU,aAAAC,YACVA,EAAAC,OACAA,EAAS,OAAAC,wBACTA,GARwCP,EASrCN,EAAAC,EATqCK,EASrC,CARH,KACA,WACA,YACA,QACA,UACA,cACA,SACA,4BAGM,MAAAQ,EAAcC,aAAW,UAAW,CACxC,CAAC,YAAYL,OAAcA,EAC3B,CAAC,iBAAiBC,OAAkBA,EACpC,CAAC,kBAAkBF,OAAYA,EAC/B,CAAC,mBAAmBG,OAAaA,EACjCJ,CAACA,KAAcA,iBAIdQ,KAA2BZ,EAAA,CAAAL,IAAKQ,EAAIC,UAAWM,GAAiBd,KAArC,CAC1BF,SAAAmB,EAAAC,IAACC,EAAAA,YAAA,CACCC,UAAWP,EACXQ,SACGJ,EAAAC,IAAA,MAAA,CAAIL,wBAAyB,CAAES,OAAQT,KAE1CU,WAAYzB,wBAEhB"}
+{"version":3,"file":"index.cjs.js","sources":["../../../lib/components/misc/DynamicTagComponent/index.tsx","../../../lib/components/Text/index.tsx"],"sourcesContent":["import * as React from 'react'\n\ninterface DynamicTagComponentProps extends React.HTMLAttributes<HTMLElement> {\n  /** Html tag that this component root should have */\n  tag: string\n}\n\nconst DynamicTagComponent: React.FC<DynamicTagComponentProps> = ({\n  children = 'Dynamic tag component',\n  tag = 'button',\n  ...props\n}) => React.createElement(tag, { ...props }, children)\n\nexport default DynamicTagComponent\n","import DynamicTagComponentStories from '../misc/DynamicTagComponent'\nimport classNames from 'classnames'\nimport { TextProps } from './types'\nimport { Conditional } from '../misc/Conditional'\nimport React from 'react'\nimport './styles.scss'\n\nexport const Text: React.FC<TextProps> = ({\n  as = 'p',\n  children,\n  className = '',\n  color = 'common',\n  variant = 'body-medium',\n  variantDesk,\n  weight = 'regular',\n  dangerouslySetInnerHTML,\n  ...props\n}: TextProps) => {\n  const rootClasses = classNames('au-text', {\n    [`au-text--${variant}`]: !!variant,\n    [`au-text--desk-${variantDesk}`]: !!variantDesk,\n    [`au-text--color-${color}`]: !!color,\n    [`au-text--weight-${weight}`]: !!weight,\n    [className]: !!className,\n  })\n\n  return (\n    <DynamicTagComponentStories tag={as} className={rootClasses} {...props}>\n      <Conditional\n        condition={dangerouslySetInnerHTML}\n        renderIf={\n          <div dangerouslySetInnerHTML={{ __html: dangerouslySetInnerHTML }} />\n        }\n        renderElse={children}\n      />\n    </DynamicTagComponentStories>\n  )\n}\n"],"names":["DynamicTagComponent","_a","_b","children","tag","props","__objRest","React","createElement","__spreadValues","_c","_d","as","className","color","variant","variantDesk","weight","dangerouslySetInnerHTML","rootClasses","classNames","DynamicTagComponentStories","jsxRuntime","jsx","Conditional","condition","renderIf","__html","renderElse"],"mappings":"ohCAOMA,EAA2DC,IAC/D,IAAAC,EAAAD,GAAAE,SAAWA,EAAA,wBAAAC,IACXA,EAAM,UAFyDF,EAG5DG,EAAAC,EAH4DJ,EAG5D,CAFH,WACA,QAEIK,OAAAA,EAAMC,cAAcJ,EAAKK,EAAK,CAAA,EAAAJ,GAASF,EAAQ,eCJXO,IACxC,IAAAC,EAAAD,GAAAE,GAAKA,EAAA,IAAAT,SACLA,EAAAU,UACAA,EAAY,GAAAC,MACZA,EAAQ,SAAAC,QACRA,EAAU,cAAAC,YACVA,EAAAC,OACAA,EAAS,UAAAC,wBACTA,GARwCP,EASrCN,EAAAC,EATqCK,EASrC,CARH,KACA,WACA,YACA,QACA,UACA,cACA,SACA,4BAGM,MAAAQ,EAAcC,aAAW,UAAW,CACxC,CAAC,YAAYL,OAAcA,EAC3B,CAAC,iBAAiBC,OAAkBA,EACpC,CAAC,kBAAkBF,OAAYA,EAC/B,CAAC,mBAAmBG,OAAaA,EACjCJ,CAACA,KAAcA,iBAIdQ,KAA2BZ,EAAA,CAAAL,IAAKQ,EAAIC,UAAWM,GAAiBd,KAArC,CAC1BF,SAAAmB,EAAAC,IAACC,EAAAA,YAAA,CACCC,UAAWP,EACXQ,SACGJ,EAAAC,IAAA,MAAA,CAAIL,wBAAyB,CAAES,OAAQT,KAE1CU,WAAYzB,wBAEhB"}

package/dist/components/Text/index.es.js

@@ -49,9 +49,9 @@ const Text = (_c) => {
     children,
     className = "",
     color = "common",
-    variant = "body-large",
+    variant = "body-medium",
     variantDesk,
-    weight = "bold",
+    weight = "regular",
     dangerouslySetInnerHTML
   } = _d, props = __objRest(_d, [
     "as",

package/dist/components/Text/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/misc/DynamicTagComponent/index.tsx","../../../lib/components/Text/index.tsx"],"sourcesContent":["import * as React from 'react'\n\ninterface DynamicTagComponentProps extends React.HTMLAttributes<HTMLElement> {\n  /** Html tag that this component root should have */\n  tag: string\n}\n\nconst DynamicTagComponent: React.FC<DynamicTagComponentProps> = ({\n  children = 'Dynamic tag component',\n  tag = 'button',\n  ...props\n}) => React.createElement(tag, { ...props }, children)\n\nexport default DynamicTagComponent\n","import DynamicTagComponentStories from '../misc/DynamicTagComponent'\nimport classNames from 'classnames'\nimport { TextProps } from './types'\nimport { Conditional } from '../misc/Conditional'\nimport React from 'react'\nimport './styles.scss'\n\nexport const Text: React.FC<TextProps> = ({\n  as = 'p',\n  children,\n  className = '',\n  color = 'common',\n  variant = 'body-large',\n  variantDesk,\n  weight = 'bold',\n  dangerouslySetInnerHTML,\n  ...props\n}: TextProps) => {\n  const rootClasses = classNames('au-text', {\n    [`au-text--${variant}`]: !!variant,\n    [`au-text--desk-${variantDesk}`]: !!variantDesk,\n    [`au-text--color-${color}`]: !!color,\n    [`au-text--weight-${weight}`]: !!weight,\n    [className]: !!className,\n  })\n\n  return (\n    <DynamicTagComponentStories tag={as} className={rootClasses} {...props}>\n      <Conditional\n        condition={dangerouslySetInnerHTML}\n        renderIf={\n          <div dangerouslySetInnerHTML={{ __html: dangerouslySetInnerHTML }} />\n        }\n        renderElse={children}\n      />\n    </DynamicTagComponentStories>\n  )\n}\n"],"names":["DynamicTagComponentStories"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,sBAA0D,CAAC,OAI3D;AAJ2D,eAC/D;AAAA,eAAW;AAAA,IACX,MAAM;AAAA,MAFyD,IAG5D,kBAH4D,IAG5D;AAAA,IAFH;AAAA,IACA;AAAA;AAEI,eAAM,cAAc,KAAK,mBAAK,QAAS,QAAQ;AAAA;ACJ9C,MAAM,OAA4B,CAAC,OAUzB;AAVyB,eACxC;AAAA,SAAK;AAAA,IACL;AAAA,IACA,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA,SAAS;AAAA,IACT;AAAA,MARwC,IASrC,kBATqC,IASrC;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGM,QAAA,cAAc,WAAW,WAAW;AAAA,IACxC,CAAC,YAAY,OAAO,EAAE,GAAG,CAAC,CAAC;AAAA,IAC3B,CAAC,iBAAiB,WAAW,EAAE,GAAG,CAAC,CAAC;AAAA,IACpC,CAAC,kBAAkB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,IAC/B,CAAC,mBAAmB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IACjC,CAAC,SAAS,GAAG,CAAC,CAAC;AAAA,EAAA,CAChB;AAED,6BACGA,qBAA2B,+BAAA,KAAK,IAAI,WAAW,eAAiB,QAArC,EAC1B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,UACG,oBAAA,OAAA,EAAI,yBAAyB,EAAE,QAAQ,2BAA2B;AAAA,MAErE,YAAY;AAAA,IAAA;AAAA,EAEhB,EAAA,EAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/misc/DynamicTagComponent/index.tsx","../../../lib/components/Text/index.tsx"],"sourcesContent":["import * as React from 'react'\n\ninterface DynamicTagComponentProps extends React.HTMLAttributes<HTMLElement> {\n  /** Html tag that this component root should have */\n  tag: string\n}\n\nconst DynamicTagComponent: React.FC<DynamicTagComponentProps> = ({\n  children = 'Dynamic tag component',\n  tag = 'button',\n  ...props\n}) => React.createElement(tag, { ...props }, children)\n\nexport default DynamicTagComponent\n","import DynamicTagComponentStories from '../misc/DynamicTagComponent'\nimport classNames from 'classnames'\nimport { TextProps } from './types'\nimport { Conditional } from '../misc/Conditional'\nimport React from 'react'\nimport './styles.scss'\n\nexport const Text: React.FC<TextProps> = ({\n  as = 'p',\n  children,\n  className = '',\n  color = 'common',\n  variant = 'body-medium',\n  variantDesk,\n  weight = 'regular',\n  dangerouslySetInnerHTML,\n  ...props\n}: TextProps) => {\n  const rootClasses = classNames('au-text', {\n    [`au-text--${variant}`]: !!variant,\n    [`au-text--desk-${variantDesk}`]: !!variantDesk,\n    [`au-text--color-${color}`]: !!color,\n    [`au-text--weight-${weight}`]: !!weight,\n    [className]: !!className,\n  })\n\n  return (\n    <DynamicTagComponentStories tag={as} className={rootClasses} {...props}>\n      <Conditional\n        condition={dangerouslySetInnerHTML}\n        renderIf={\n          <div dangerouslySetInnerHTML={{ __html: dangerouslySetInnerHTML }} />\n        }\n        renderElse={children}\n      />\n    </DynamicTagComponentStories>\n  )\n}\n"],"names":["DynamicTagComponentStories"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,sBAA0D,CAAC,OAI3D;AAJ2D,eAC/D;AAAA,eAAW;AAAA,IACX,MAAM;AAAA,MAFyD,IAG5D,kBAH4D,IAG5D;AAAA,IAFH;AAAA,IACA;AAAA;AAEI,eAAM,cAAc,KAAK,mBAAK,QAAS,QAAQ;AAAA;ACJ9C,MAAM,OAA4B,CAAC,OAUzB;AAVyB,eACxC;AAAA,SAAK;AAAA,IACL;AAAA,IACA,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA,SAAS;AAAA,IACT;AAAA,MARwC,IASrC,kBATqC,IASrC;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGM,QAAA,cAAc,WAAW,WAAW;AAAA,IACxC,CAAC,YAAY,OAAO,EAAE,GAAG,CAAC,CAAC;AAAA,IAC3B,CAAC,iBAAiB,WAAW,EAAE,GAAG,CAAC,CAAC;AAAA,IACpC,CAAC,kBAAkB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,IAC/B,CAAC,mBAAmB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IACjC,CAAC,SAAS,GAAG,CAAC,CAAC;AAAA,EAAA,CAChB;AAED,6BACGA,qBAA2B,+BAAA,KAAK,IAAI,WAAW,eAAiB,QAArC,EAC1B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,UACG,oBAAA,OAAA,EAAI,yBAAyB,EAAE,QAAQ,2BAA2B;AAAA,MAErE,YAAY;AAAA,IAAA;AAAA,EAEhB,EAAA,EAAA;AAEJ;"}

package/dist/components/Text/styles.css

@@ -1 +1 @@
-.au-text{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;font-weight:400}.au-text--color-common{color:#313131}.au-text--weight-bold{font-weight:700}.au-text--weight-semibold{font-weight:600}.au-text--weight-medium{font-weight:500}.au-text--weight-regular{font-weight:400}.au-text--weight-light{font-weight:300}.au-text--display-large,.au-text--display-medium,.au-text--display-small{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--display-large{font-size:56px;line-height:76px}.au-text--display-medium{font-size:48px;line-height:68px}.au-text--display-small{font-size:40px;line-height:60px}.au-text--heading-big,.au-text--heading-large,.au-text--heading-medium,.au-text--heading-small{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--heading-big{font-size:32px;line-height:52px}.au-text--heading-large{font-size:28px;line-height:48px}.au-text--heading-medium{font-size:24px;line-height:44px}.au-text--heading-small{font-size:20px;line-height:40px}.au-text--body-big,.au-text--body-large,.au-text--body-medium,.au-text--body-small{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif}.au-text--body-big{font-size:24px;line-height:36px}.au-text--body-large{font-size:20px;line-height:30px}.au-text--body-medium{font-size:16px;line-height:24px}.au-text--body-small{font-size:14px;line-height:21px}.au-text--caption{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;font-size:12px;line-height:18px}@media (min-width: 320px){.au-text--desk-display-large,.au-text--desk-display-medium,.au-text--desk-display-small{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--desk-display-large{font-size:56px;line-height:76px}.au-text--desk-display-medium{font-size:48px;line-height:68px}.au-text--desk-display-small{font-size:40px;line-height:60px}.au-text--desk-heading-big,.au-text--desk-heading-large,.au-text--desk-heading-medium,.au-text--desk-heading-small{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--desk-heading-big{font-size:32px;line-height:52px}.au-text--desk-heading-large{font-size:28px;line-height:48px}.au-text--desk-heading-medium{font-size:24px;line-height:44px}.au-text--desk-heading-small{font-size:20px;line-height:40px}.au-text--desk-body-big,.au-text--desk-body-large,.au-text--desk-body-medium,.au-text--desk-body-small{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif}.au-text--desk-body-big{font-size:24px;line-height:36px}.au-text--desk-body-large{font-size:20px;line-height:30px}.au-text--desk-body-medium{font-size:16px;line-height:24px}.au-text--desk-body-small{font-size:14px;line-height:21px}.au-text--desk-caption{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;font-size:12px;line-height:18px}}
+.au-text{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;font-weight:400}.au-text--color-common{color:#313131}.au-text--weight-bold{font-weight:700}.au-text--weight-semibold{font-weight:600}.au-text--weight-medium{font-weight:500}.au-text--weight-regular{font-weight:400}.au-text--weight-light{font-weight:300}.au-text--display-large,.au-text--display-medium,.au-text--display-small{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--display-large{font-size:56px;line-height:76px}.au-text--display-medium{font-size:48px;line-height:68px}.au-text--display-small{font-size:40px;line-height:60px}.au-text--heading-big,.au-text--heading-large,.au-text--heading-medium,.au-text--heading-small,.au-text--heading-micro{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--heading-big{font-size:32px;line-height:52px}.au-text--heading-large{font-size:28px;line-height:48px}.au-text--heading-medium{font-size:24px;line-height:44px}.au-text--heading-small{font-size:20px;line-height:40px}.au-text--heading-micro{font-size:16px;line-height:24px}.au-text--body-big,.au-text--body-large,.au-text--body-medium,.au-text--body-small{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif}.au-text--body-big{font-size:24px;line-height:36px}.au-text--body-large{font-size:20px;line-height:30px}.au-text--body-medium{font-size:16px;line-height:24px}.au-text--body-small{font-size:14px;line-height:21px}.au-text--caption{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;font-size:12px;line-height:18px}@media (min-width: 320px){.au-text--desk-display-large,.au-text--desk-display-medium,.au-text--desk-display-small{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--desk-display-large{font-size:56px;line-height:76px}.au-text--desk-display-medium{font-size:48px;line-height:68px}.au-text--desk-display-small{font-size:40px;line-height:60px}.au-text--desk-heading-big,.au-text--desk-heading-large,.au-text--desk-heading-medium,.au-text--desk-heading-small,.au-text--desk-heading-micro{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--desk-heading-big{font-size:32px;line-height:52px}.au-text--desk-heading-large{font-size:28px;line-height:48px}.au-text--desk-heading-medium{font-size:24px;line-height:44px}.au-text--desk-heading-small{font-size:20px;line-height:40px}.au-text--desk-heading-micro{font-size:16px;line-height:24px}.au-text--desk-body-big,.au-text--desk-body-large,.au-text--desk-body-medium,.au-text--desk-body-small{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif}.au-text--desk-body-big{font-size:24px;line-height:36px}.au-text--desk-body-large{font-size:20px;line-height:30px}.au-text--desk-body-medium{font-size:16px;line-height:24px}.au-text--desk-body-small{font-size:14px;line-height:21px}.au-text--desk-caption{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;font-size:12px;line-height:18px}}

package/dist/components/Text/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type TextVariant = 'display-large' | 'display-medium' | 'display-small' | 'heading-big' | 'heading-large' | 'heading-medium' | 'heading-small' | 'body-big' | 'body-large' | 'body-medium' | 'body-small' | 'caption';
+type TextVariant = 'display-large' | 'display-medium' | 'display-small' | 'heading-big' | 'heading-large' | 'heading-medium' | 'heading-small' | 'heading-micro' | 'body-big' | 'body-large' | 'body-medium' | 'body-small' | 'caption';
 type TextWeight = 'bold' | 'semibold' | 'medium' | 'regular' | 'light';
 export interface TextProps extends React.HTMLAttributes<HTMLElement> {
     as?: keyof React.ReactHTML;