@consumidor-positivo/aurora 0.0.18 → 0.0.20

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

@@ -1,7 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Button } from "../Button/index.es.js";
 import { Text } from "../Text/index.es.js";
-import { Conditional } from "../misc/index.es.js";
+import { Conditional } from "../Conditional/index.es.js";
 import './styles.css';const NotificationsBarWrap = ({
   renderRecents,
   renderOlds
@@ -49,7 +48,16 @@ const NotificationsBarLink = ({
         Conditional,
         {
           condition: !!onDelete,
-          renderIf: /* @__PURE__ */ jsx(Button, { type: "ghost", onClick: onDelete, children: "Excluir" })
+          renderIf: /* @__PURE__ */ jsx(
+            Text,
+            {
+              as: "a",
+              variant: "body-small",
+              weight: "semibold",
+              onClick: onDelete,
+              children: "Excluir"
+            }
+          )
         }
       )
     ] })

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/NotificationsBar/index.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Button } from '../Button'\nimport { Text } from '../Text'\nimport { Conditional } from '../misc'\nimport './styles.scss'\n\ntype NotificationsBarWrapProps = {\n  renderRecents?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderOlds?: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationsBarListProps = {\n  title: string\n  dataSource: NotificationBarListDataProps[]\n  renderItem: (\n    item: NotificationBarListDataProps,\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationBarListDataProps = {\n  title: string\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick: () => void\n  onDelete?: () => void\n  createdAt?: string\n}\n\ntype NotificationsBarLinkProps = {\n  title: string\n  onClick: () => void\n  onDelete?: () => void\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  createdAt?: string\n}\n\nexport const NotificationsBarWrap = ({\n  renderRecents,\n  renderOlds,\n}: NotificationsBarWrapProps) => {\n  return (\n    <div className=\"au-notifications-bar\">\n      {renderRecents && renderRecents()}\n      {renderOlds && renderOlds()}\n    </div>\n  )\n}\n\nexport const NotificationsBarList = ({\n  title,\n  dataSource,\n  renderItem,\n}: NotificationsBarListProps) => {\n  return (\n    <div className=\"au-notifications-bar__section\">\n      <Text as=\"h3\" variant=\"body-medium\" weight=\"bold\">\n        {title}\n      </Text>\n      <div className=\"au-notifications-bar__list\">\n        {dataSource?.map((item) => renderItem(item))}\n      </div>\n    </div>\n  )\n}\n\nexport const NotificationsBarLink = ({\n  Icon,\n  onClick,\n  title,\n  createdAt,\n  onDelete,\n}: NotificationsBarLinkProps) => {\n  return (\n    <div className=\"au-notifications-bar__item\">\n      <Text\n        as=\"a\"\n        variant=\"body-medium\"\n        weight=\"regular\"\n        className=\"au-notifications-bar__link\"\n        onClick={onClick}>\n        <Conditional condition={!!Icon} renderIf={Icon} />\n        {title}\n      </Text>\n      <div className=\"au-notifications-bar__actions\">\n        <Text as=\"span\" variant=\"body-small\">\n          {createdAt}\n        </Text>\n        <Conditional\n          condition={!!onDelete}\n          renderIf={\n            <Button type=\"ghost\" onClick={onDelete}>\n              Excluir\n            </Button>\n          }\n        />\n      </div>\n    </div>\n  )\n}\n\nconst components = {\n  Root: NotificationsBarWrap,\n  List: NotificationsBarList,\n  Link: NotificationsBarLink,\n}\n\nexport { components as NotificationsBar }\n"],"names":[],"mappings":";;;;AAmCO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,wBACZ,UAAA;AAAA,IAAA,iBAAiB,cAAc;AAAA,IAC/B,cAAc,WAAW;AAAA,EAC5B,EAAA,CAAA;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,IAAA,oBAAC,QAAK,IAAG,MAAK,SAAQ,eAAc,QAAO,QACxC,UACH,MAAA,CAAA;AAAA,IACA,oBAAC,OAAI,EAAA,WAAU,8BACZ,UAAA,yCAAY,IAAI,CAAC,SAAS,WAAW,IAAI,GAC5C,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,SAAQ;AAAA,QACR,QAAO;AAAA,QACP,WAAU;AAAA,QACV;AAAA,QACA,UAAA;AAAA,UAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,UAC/C;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,MAAA,oBAAC,MAAK,EAAA,IAAG,QAAO,SAAQ,cACrB,UACH,WAAA;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAAC,CAAC;AAAA,UACb,UACG,oBAAA,QAAA,EAAO,MAAK,SAAQ,SAAS,UAAU,UAExC,WAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;AAEA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/NotificationsBar/index.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Text } from '../Text'\nimport { Conditional } from '../misc'\nimport './styles.scss'\n\ntype NotificationsBarWrapProps = {\n  renderRecents?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderOlds?: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationsBarListProps = {\n  title: string\n  dataSource: NotificationBarListDataProps[]\n  renderItem: (\n    item: NotificationBarListDataProps,\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationBarListDataProps = {\n  title: string\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick: () => void\n  onDelete?: () => void\n  createdAt?: string\n}\n\ntype NotificationsBarLinkProps = {\n  title: string\n  onClick: () => void\n  onDelete?: () => void\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  createdAt?: string\n}\n\nexport const NotificationsBarWrap = ({\n  renderRecents,\n  renderOlds,\n}: NotificationsBarWrapProps) => {\n  return (\n    <div className=\"au-notifications-bar\">\n      {renderRecents && renderRecents()}\n      {renderOlds && renderOlds()}\n    </div>\n  )\n}\n\nexport const NotificationsBarList = ({\n  title,\n  dataSource,\n  renderItem,\n}: NotificationsBarListProps) => {\n  return (\n    <div className=\"au-notifications-bar__section\">\n      <Text as=\"h3\" variant=\"body-medium\" weight=\"bold\">\n        {title}\n      </Text>\n      <div className=\"au-notifications-bar__list\">\n        {dataSource?.map((item) => renderItem(item))}\n      </div>\n    </div>\n  )\n}\n\nexport const NotificationsBarLink = ({\n  Icon,\n  onClick,\n  title,\n  createdAt,\n  onDelete,\n}: NotificationsBarLinkProps) => {\n  return (\n    <div className=\"au-notifications-bar__item\">\n      <Text\n        as=\"a\"\n        variant=\"body-medium\"\n        weight=\"regular\"\n        className=\"au-notifications-bar__link\"\n        onClick={onClick}>\n        <Conditional condition={!!Icon} renderIf={Icon} />\n        {title}\n      </Text>\n      <div className=\"au-notifications-bar__actions\">\n        <Text as=\"span\" variant=\"body-small\">\n          {createdAt}\n        </Text>\n        <Conditional\n          condition={!!onDelete}\n          renderIf={\n            <Text\n              as=\"a\"\n              variant=\"body-small\"\n              weight=\"semibold\"\n              onClick={onDelete}>\n              Excluir\n            </Text>\n          }\n        />\n      </div>\n    </div>\n  )\n}\n\nconst components = {\n  Root: NotificationsBarWrap,\n  List: NotificationsBarList,\n  Link: NotificationsBarLink,\n}\n\nexport { components as NotificationsBar }\n"],"names":[],"mappings":";;;AAkCO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,wBACZ,UAAA;AAAA,IAAA,iBAAiB,cAAc;AAAA,IAC/B,cAAc,WAAW;AAAA,EAC5B,EAAA,CAAA;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,IAAA,oBAAC,QAAK,IAAG,MAAK,SAAQ,eAAc,QAAO,QACxC,UACH,MAAA,CAAA;AAAA,IACA,oBAAC,OAAI,EAAA,WAAU,8BACZ,UAAA,yCAAY,IAAI,CAAC,SAAS,WAAW,IAAI,GAC5C,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,SAAQ;AAAA,QACR,QAAO;AAAA,QACP,WAAU;AAAA,QACV;AAAA,QACA,UAAA;AAAA,UAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,UAC/C;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,MAAA,oBAAC,MAAK,EAAA,IAAG,QAAO,SAAQ,cACrB,UACH,WAAA;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAAC,CAAC;AAAA,UACb,UACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,SAAQ;AAAA,cACR,QAAO;AAAA,cACP,SAAS;AAAA,cAAU,UAAA;AAAA,YAAA;AAAA,UAErB;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;AAEA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}

package/dist/components/NotificationsBar/styles.css

@@ -1 +1 @@
-.au-notifications-bar{background-color:#fff}.au-notifications-bar__section>.au-text{padding:16px 24px;background-color:#fff}.au-notifications-bar__section:first-child{background-color:#f6f7fa}.au-notifications-bar__section:first-child>[class*=__list]{background-color:#f6f7fa}.au-notifications-bar__section:first-child [class*=__item]>.au-text{font-weight:700}.au-notifications-bar__item{display:flex;align-items:center}.au-notifications-bar__item+*{border-top:1px solid #fafbff}.au-notifications-bar__item>*:nth-child(1){flex-grow:1}.au-notifications-bar__item>*:nth-child(2){margin-left:auto}.au-notifications-bar__link{display:flex;align-items:center;gap:12px;padding:16px 24px;cursor:pointer}.au-notifications-bar__actions{display:flex;align-items:flex-end;flex-wrap:wrap;flex-direction:column;padding:16px 24px 16px 0}.au-notifications-bar__actions .au-text{padding-right:18px}
+.au-notifications-bar{background-color:#fff}.au-notifications-bar__section>.au-text{padding:16px 24px;background-color:#fff}.au-notifications-bar__section:first-child>[class*=__list]{background-color:#fafbff}.au-notifications-bar__section:first-child [class*=__item]{border-bottom:1px solid #dce8ff;position:relative}.au-notifications-bar__section:first-child [class*=__item]>.au-text{font-weight:700}.au-notifications-bar__section:first-child [class*=__item]:before{content:"";position:absolute;width:8px;height:8px;border-radius:999px;background-color:#e52222;left:8px;top:calc(50% - 4px)}.au-notifications-bar__item{display:flex;align-items:center;border-top:1px solid #fafbff}.au-notifications-bar__item>*:nth-child(1){flex-grow:1}.au-notifications-bar__item>*:nth-child(2){margin-left:auto}.au-notifications-bar__link{display:flex;align-items:center;gap:12px;padding:24px 8px 24px 24px;cursor:pointer}.au-notifications-bar__actions{display:flex;align-items:flex-end;flex-wrap:wrap;flex-direction:column;padding:0 24px 0 0}.au-notifications-bar__actions>span.au-text{color:#454a54}.au-notifications-bar__actions>span.au-text+a.au-text{margin-top:8px}.au-notifications-bar__actions>a.au-text{cursor:pointer;color:#0048db}

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

@@ -10,7 +10,7 @@ import './styles.css';const ProfileNav = ({ name, fullName }) => {
         "Olá, ",
         name
       ] }),
-      /* @__PURE__ */ jsx(Text, { children: "Tudo bem?" })
+      /* @__PURE__ */ jsx(Text, { color: "secondary", children: "Tudo bem?" })
     ] })
   ] });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/ProfileNav/index.tsx"],"sourcesContent":["import { getInitialLetters } from '../../core/utils/getInitialLetters'\nimport { Text } from '../Text'\nimport './styles.scss'\n\ntype ProfileNavProps = {\n  name: string\n  fullName: string\n}\n\nexport const ProfileNav = ({ name, fullName }: ProfileNavProps) => {\n  const initialLetters = getInitialLetters(fullName)\n\n  return (\n    <div className=\"au-profile-nav\">\n      <div className=\"au-profile-nav__badget\">\n        <Text variant=\"heading-small\" weight=\"medium\">\n          {initialLetters}\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":";;;AASO,MAAM,aAAa,CAAC,EAAE,MAAM,eAAgC;AAC3D,QAAA,iBAAiB,kBAAkB,QAAQ;AAG/C,SAAA,qBAAC,OAAI,EAAA,WAAU,kBACb,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,0BACb,UAAC,oBAAA,MAAA,EAAK,SAAQ,iBAAgB,QAAO,UAClC,UAAA,eACH,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;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/ProfileNav/index.tsx"],"sourcesContent":["import { getInitialLetters } from '../../core/utils/getInitialLetters'\nimport { Text } from '../Text'\nimport './styles.scss'\n\ntype ProfileNavProps = {\n  name: string\n  fullName: string\n}\n\nexport const ProfileNav = ({ name, fullName }: ProfileNavProps) => {\n  const initialLetters = getInitialLetters(fullName)\n\n  return (\n    <div className=\"au-profile-nav\">\n      <div className=\"au-profile-nav__badget\">\n        <Text variant=\"heading-small\" weight=\"medium\">\n          {initialLetters}\n        </Text>\n      </div>\n      <div className=\"div\">\n        <Text as=\"h3\" variant=\"heading-micro\" weight=\"bold\">\n          Olá, {name}\n        </Text>\n        <Text color=\"secondary\">Tudo bem?</Text>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AASO,MAAM,aAAa,CAAC,EAAE,MAAM,eAAgC;AAC3D,QAAA,iBAAiB,kBAAkB,QAAQ;AAG/C,SAAA,qBAAC,OAAI,EAAA,WAAU,kBACb,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,0BACb,UAAC,oBAAA,MAAA,EAAK,SAAQ,iBAAgB,QAAO,UAClC,UAAA,eACH,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,MACC,oBAAA,MAAA,EAAK,OAAM,aAAY,UAAS,aAAA;AAAA,IAAA,GACnC;AAAA,EACF,EAAA,CAAA;AAEJ;"}

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

@@ -1,13 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import * as React from "react";
+import DynamicTagComponent from "../DynamicTagComponent/index.es.js";
 import { c as classNames } from "../../index-CweZ_OcN.js";
-import { Conditional } from "../misc/index.es.js";
-import './styles.css';const DynamicTagComponent = ({
-  children = "Dynamic tag component",
-  tag = "button",
-  ...props
-}) => React.createElement(tag, { ...props }, children);
-const Text = ({
+import { Conditional } from "../Conditional/index.es.js";
+import './styles.css';const Text = ({
   as = "p",
   children,
   className = "",

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 './styles.scss'\n\nexport const Text = ({\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;AAAA,EAC/D,WAAW;AAAA,EACX,MAAM;AAAA,EACN,GAAG;AACL,MAAM,MAAM,cAAc,KAAK,EAAE,GAAG,SAAS,QAAQ;ACL9C,MAAM,OAAO,CAAC;AAAA,EACnB,KAAK;AAAA,EACL;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAAiB;AACT,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,EAAA,KAAK,IAAI,WAAW,aAAc,GAAG,OAC/D,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,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Text/index.tsx"],"sourcesContent":["import DynamicTagComponentStories from '../misc/DynamicTagComponent'\nimport classNames from 'classnames'\nimport { TextProps } from './types'\nimport { Conditional } from '../misc/Conditional'\nimport './styles.scss'\n\nexport const Text = ({\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":";;;;AAMO,MAAM,OAAO,CAAC;AAAA,EACnB,KAAK;AAAA,EACL;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAAiB;AACT,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,EAAA,KAAK,IAAI,WAAW,aAAc,GAAG,OAC/D,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,CAAA;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,.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}}
+.au-text{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;font-weight:400}.au-text--color-common{color:#16181d}.au-text--color-secondary{color:#454a54}.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

@@ -4,7 +4,7 @@ type TextWeight = 'bold' | 'semibold' | 'medium' | 'regular' | 'light';
 export interface TextProps extends React.HTMLAttributes<HTMLElement> {
     as?: keyof React.ReactHTML;
     className?: string;
-    color?: 'common';
+    color?: 'common' | 'secondary';
     variant?: TextVariant;
     variantDesk?: TextVariant;
     weight?: TextWeight;