@activecollab/components 1.0.50 → 1.0.53

package/dist/cjs/components/EntityCard/EntityCard.js

@@ -23,8 +23,7 @@ var EntityCard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$renderAs = _ref.renderAs,
       renderAs = _ref$renderAs === void 0 ? "list-item" : _ref$renderAs,
       properties = _ref.properties,
-      link = _ref.link,
-      linkClassName = _ref.linkClassName;
+      className = _ref.className;
   var renderAsListItem = (0, _react.useCallback)(function (properties) {
     return properties.filter(function (p) {
       return p.showInList;
@@ -67,19 +66,16 @@ var EntityCard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       return renderProperty(p);
     })));
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledLinkEntityCard, {
-    href: link,
-    className: linkClassName
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityCard, {
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityCard, {
     ref: ref,
     hoverable: true,
     className: (0, _classnames.default)("entity-card-wrapper", {
       "grid-item": renderAs === "grid-item",
       "list-item": renderAs === "list-item"
-    }),
+    }, className),
     paperType: renderAs === "grid-item" ? "paper-1" : "paper-2",
     $renderAs: renderAs
-  }, renderAs === "list-item" ? renderAsListItem(properties) : null, renderAs === "grid-item" ? renderAsGridItem(properties) : null));
+  }, renderAs === "list-item" ? renderAsListItem(properties) : null, renderAs === "grid-item" ? renderAsGridItem(properties) : null);
 });
 exports.EntityCard = EntityCard;
 EntityCard.displayName = "EntityCard";

package/dist/cjs/components/EntityCard/EntityCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"names":["EntityCard","ref","renderAs","properties","link","linkClassName","renderAsListItem","filter","p","showInList","map","name","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","displayName"],"mappings":"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","sourcesContent":["import React, {\n  Ref,\n  HTMLAttributes,\n  forwardRef,\n  ReactNode,\n  useCallback,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledEntityCard, StyledLinkEntityCard } from \"./Styles\";\n\nexport type cardSection = \"header\" | \"body\" | \"footer\";\n\nexport interface IEntityProperties {\n  name: string;\n  render: () => ReactNode;\n  showInList?: boolean;\n  cardSection: cardSection;\n  className?: string;\n}\n\nexport interface IEntityCardProps {\n  renderAs?: \"list-item\" | \"grid-item\";\n  properties: IEntityProperties[];\n  ref?: Ref<HTMLDivElement>;\n  link?: string;\n  linkClassName?: string;\n}\n\nexport const EntityCard = forwardRef(\n  (\n    {\n      renderAs = \"list-item\",\n      properties,\n      link,\n      linkClassName,\n    }: HTMLAttributes<HTMLDivElement> & IEntityCardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const renderAsListItem = useCallback((properties: IEntityProperties[]) => {\n      return properties\n        .filter((p) => p.showInList)\n        .map((p) => {\n          return (\n            <div key={p.name} className={`entity-property-${p.name}`}>\n              {p.render()}\n            </div>\n          );\n        });\n    }, []);\n\n    const renderAsGridItem = useCallback((properties: IEntityProperties[]) => {\n      const headerSection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"header\"\n      );\n      const bodySection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"body\"\n      );\n      const footerSection = properties.filter(\n        (p) => p.cardSection === \"footer\"\n      );\n      const renderProperty = (p: IEntityProperties): ReactNode => (\n        <div key={p.name} className={`entity-property-${p.name}`}>\n          {p.render()}\n        </div>\n      );\n      return (\n        <>\n          <div className={\"card-header\"}>\n            {headerSection.map((p) => renderProperty(p))}\n          </div>\n          <div className={\"card-body\"}>\n            {bodySection.map((p) => renderProperty(p))}\n          </div>\n          <div className={\"card-footer\"}>\n            {footerSection.map((p) => renderProperty(p))}\n          </div>\n        </>\n      );\n    }, []);\n\n    return (\n      <StyledLinkEntityCard href={link} className={linkClassName}>\n        <StyledEntityCard\n          ref={ref}\n          hoverable\n          className={classnames(\"entity-card-wrapper\", {\n            \"grid-item\": renderAs === \"grid-item\",\n            \"list-item\": renderAs === \"list-item\",\n          })}\n          paperType={renderAs === \"grid-item\" ? \"paper-1\" : \"paper-2\"}\n          $renderAs={renderAs}\n        >\n          {renderAs === \"list-item\" ? renderAsListItem(properties) : null}\n          {renderAs === \"grid-item\" ? renderAsGridItem(properties) : null}\n        </StyledEntityCard>\n      </StyledLinkEntityCard>\n    );\n  }\n);\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}
+{"version":3,"sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"names":["EntityCard","ref","renderAs","properties","className","renderAsListItem","filter","p","showInList","map","name","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AACA;;;;;;;;AAoBO,IAAMA,UAAU,gBAAG,uBACxB,gBAMEC,GANF,EAOK;AAAA,2BALDC,QAKC;AAAA,MALDA,QAKC,8BALU,WAKV;AAAA,MAJDC,UAIC,QAJDA,UAIC;AAAA,MAHDC,SAGC,QAHDA,SAGC;AACH,MAAMC,gBAAgB,GAAG,wBAAY,UAACF,UAAD,EAAqC;AACxE,WAAOA,UAAU,CACdG,MADI,CACG,UAACC,CAAD;AAAA,aAAOA,CAAC,CAACC,UAAT;AAAA,KADH,EAEJC,GAFI,CAEA,UAACF,CAAD,EAAO;AACV,0BACE;AAAK,QAAA,GAAG,EAAEA,CAAC,CAACG,IAAZ;AAAkB,QAAA,SAAS,4BAAqBH,CAAC,CAACG,IAAvB;AAA3B,SACGH,CAAC,CAACI,MAAF,EADH,CADF;AAKD,KARI,CAAP;AASD,GAVwB,EAUtB,EAVsB,CAAzB;AAYA,MAAMC,gBAAgB,GAAG,wBAAY,UAACT,UAAD,EAAqC;AACxE,QAAMU,aAAa,GAAGV,UAAU,CAACG,MAAX,CACpB,UAACC,CAAD;AAAA,aAA0BA,CAAC,CAACO,WAAF,KAAkB,QAA5C;AAAA,KADoB,CAAtB;AAGA,QAAMC,WAAW,GAAGZ,UAAU,CAACG,MAAX,CAClB,UAACC,CAAD;AAAA,aAA0BA,CAAC,CAACO,WAAF,KAAkB,MAA5C;AAAA,KADkB,CAApB;AAGA,QAAME,aAAa,GAAGb,UAAU,CAACG,MAAX,CACpB,UAACC,CAAD;AAAA,aAAOA,CAAC,CAACO,WAAF,KAAkB,QAAzB;AAAA,KADoB,CAAtB;;AAGA,QAAMG,cAAc,GAAG,SAAjBA,cAAiB,CAACV,CAAD;AAAA,0BACrB;AAAK,QAAA,GAAG,EAAEA,CAAC,CAACG,IAAZ;AAAkB,QAAA,SAAS,4BAAqBH,CAAC,CAACG,IAAvB;AAA3B,SACGH,CAAC,CAACI,MAAF,EADH,CADqB;AAAA,KAAvB;;AAKA,wBACE,yEACE;AAAK,MAAA,SAAS,EAAE;AAAhB,OACGE,aAAa,CAACJ,GAAd,CAAkB,UAACF,CAAD;AAAA,aAAOU,cAAc,CAACV,CAAD,CAArB;AAAA,KAAlB,CADH,CADF,eAIE;AAAK,MAAA,SAAS,EAAE;AAAhB,OACGQ,WAAW,CAACN,GAAZ,CAAgB,UAACF,CAAD;AAAA,aAAOU,cAAc,CAACV,CAAD,CAArB;AAAA,KAAhB,CADH,CAJF,eAOE;AAAK,MAAA,SAAS,EAAE;AAAhB,OACGS,aAAa,CAACP,GAAd,CAAkB,UAACF,CAAD;AAAA,aAAOU,cAAc,CAACV,CAAD,CAArB;AAAA,KAAlB,CADH,CAPF,CADF;AAaD,GA5BwB,EA4BtB,EA5BsB,CAAzB;AA8BA,sBACE,6BAAC,wBAAD;AACE,IAAA,GAAG,EAAEN,GADP;AAEE,IAAA,SAAS,MAFX;AAGE,IAAA,SAAS,EAAE,yBACT,qBADS,EAET;AACE,mBAAaC,QAAQ,KAAK,WAD5B;AAEE,mBAAaA,QAAQ,KAAK;AAF5B,KAFS,EAMTE,SANS,CAHb;AAWE,IAAA,SAAS,EAAEF,QAAQ,KAAK,WAAb,GAA2B,SAA3B,GAAuC,SAXpD;AAYE,IAAA,SAAS,EAAEA;AAZb,KAcGA,QAAQ,KAAK,WAAb,GAA2BG,gBAAgB,CAACF,UAAD,CAA3C,GAA0D,IAd7D,EAeGD,QAAQ,KAAK,WAAb,GAA2BU,gBAAgB,CAACT,UAAD,CAA3C,GAA0D,IAf7D,CADF;AAmBD,CAtEuB,CAAnB;;AAyEPH,UAAU,CAACkB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  Ref,\n  HTMLAttributes,\n  forwardRef,\n  ReactNode,\n  useCallback,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledEntityCard } from \"./Styles\";\n\nexport type cardSection = \"header\" | \"body\" | \"footer\";\n\nexport interface IEntityProperties {\n  name: string;\n  render: () => ReactNode;\n  showInList?: boolean;\n  cardSection: cardSection;\n  className?: string;\n}\n\nexport interface IEntityCardProps {\n  renderAs?: \"list-item\" | \"grid-item\";\n  properties: IEntityProperties[];\n  ref?: Ref<HTMLDivElement>;\n  link?: string;\n  className?: string;\n}\n\nexport const EntityCard = forwardRef(\n  (\n    {\n      renderAs = \"list-item\",\n      properties,\n      className,\n    }: HTMLAttributes<HTMLDivElement> & IEntityCardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const renderAsListItem = useCallback((properties: IEntityProperties[]) => {\n      return properties\n        .filter((p) => p.showInList)\n        .map((p) => {\n          return (\n            <div key={p.name} className={`entity-property-${p.name}`}>\n              {p.render()}\n            </div>\n          );\n        });\n    }, []);\n\n    const renderAsGridItem = useCallback((properties: IEntityProperties[]) => {\n      const headerSection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"header\"\n      );\n      const bodySection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"body\"\n      );\n      const footerSection = properties.filter(\n        (p) => p.cardSection === \"footer\"\n      );\n      const renderProperty = (p: IEntityProperties): ReactNode => (\n        <div key={p.name} className={`entity-property-${p.name}`}>\n          {p.render()}\n        </div>\n      );\n      return (\n        <>\n          <div className={\"card-header\"}>\n            {headerSection.map((p) => renderProperty(p))}\n          </div>\n          <div className={\"card-body\"}>\n            {bodySection.map((p) => renderProperty(p))}\n          </div>\n          <div className={\"card-footer\"}>\n            {footerSection.map((p) => renderProperty(p))}\n          </div>\n        </>\n      );\n    }, []);\n\n    return (\n      <StyledEntityCard\n        ref={ref}\n        hoverable\n        className={classnames(\n          \"entity-card-wrapper\",\n          {\n            \"grid-item\": renderAs === \"grid-item\",\n            \"list-item\": renderAs === \"list-item\",\n          },\n          className\n        )}\n        paperType={renderAs === \"grid-item\" ? \"paper-1\" : \"paper-2\"}\n        $renderAs={renderAs}\n      >\n        {renderAs === \"list-item\" ? renderAsListItem(properties) : null}\n        {renderAs === \"grid-item\" ? renderAsGridItem(properties) : null}\n      </StyledEntityCard>\n    );\n  }\n);\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}

package/dist/cjs/components/EntityCard/Styles.js

@@ -5,16 +5,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledLinkEntityCard = exports.StyledEntityCard = void 0;
+exports.StyledEntityCard = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _BoxSizingStyle = require("../BoxSizingStyle");
-
 var _Card = require("../Card");
 
-var _FontStyle = require("../FontStyle");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -29,14 +25,4 @@ var StyledEntityCard = (0, _styledComponents.default)(_Card.Card).withConfig({
 });
 exports.StyledEntityCard = StyledEntityCard;
 StyledEntityCard.displayName = "StyledEntityCard";
-
-var StyledLinkEntityCard = _styledComponents.default.a.withConfig({
-  displayName: "Styles__StyledLinkEntityCard",
-  componentId: "sc-3vmxf-1"
-})(["", " ", " ", ""], {
-  "textDecoration": "none"
-}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
-
-exports.StyledLinkEntityCard = StyledLinkEntityCard;
-StyledLinkEntityCard.displayName = "StyledLinkEntityCard";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/EntityCard/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/EntityCard/Styles.ts"],"names":["StyledEntityCard","Card","props","$renderAs","css","displayName","StyledLinkEntityCard","styled","a","FontStyle","BoxSizingStyle"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;AAEO,IAAMA,gBAAgB,GAAG,+BAAOC,UAAP,CAAH;AAAA;AAAA;AAAA,iDAIzB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,WAApB,QACAC,qBADA,+FADA;AAAA,CAJyB,EAczB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,WAApB,QACAC,qBADA,2FADA;AAAA,CAdyB,CAAtB;;AA2BPJ,gBAAgB,CAACK,WAAjB,GAA+B,kBAA/B;;AAEO,IAAMC,oBAAoB,GAAGC,0BAAOC,CAAV;AAAA;AAAA;AAAA,uBAC3B;AAAA;AAAA,CAD2B,EAG7BC,oBAH6B,EAI7BC,8BAJ6B,CAA1B;;;AAMPJ,oBAAoB,CAACD,WAArB,GAAmC,sBAAnC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Card } from \"../Card\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledEntityCard = styled(Card)<{ $renderAs: string }>`\n  padding: 12px;\n  line-height: 1.375;\n\n  ${(props) =>\n    props.$renderAs === \"list-item\" &&\n    css`\n      display: grid;\n      grid-auto-flow: column;\n      align-items: center;\n      min-height: 48px;\n      margin-bottom: 4px;\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"grid-item\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n      height: 250px;\n      width: 250px;\n\n      .card-body {\n        flex-grow: 1;\n      }\n    `}\n`;\nStyledEntityCard.displayName = \"StyledEntityCard\";\n\nexport const StyledLinkEntityCard = styled.a`\n  ${tw`tw-no-underline`}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledLinkEntityCard.displayName = \"StyledLinkEntityCard\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/EntityCard/Styles.ts"],"names":["StyledEntityCard","Card","props","$renderAs","css","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;AAEO,IAAMA,gBAAgB,GAAG,+BAAOC,UAAP,CAAH;AAAA;AAAA;AAAA,iDAIzB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,WAApB,QACAC,qBADA,+FADA;AAAA,CAJyB,EAczB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,WAApB,QACAC,qBADA,2FADA;AAAA,CAdyB,CAAtB;;AA2BPJ,gBAAgB,CAACK,WAAjB,GAA+B,kBAA/B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Card } from \"../Card\";\n\nexport const StyledEntityCard = styled(Card)<{ $renderAs: string }>`\n  padding: 12px;\n  line-height: 1.375;\n\n  ${(props) =>\n    props.$renderAs === \"list-item\" &&\n    css`\n      display: grid;\n      grid-auto-flow: column;\n      align-items: center;\n      min-height: 48px;\n      margin-bottom: 4px;\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"grid-item\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n      height: 250px;\n      width: 250px;\n\n      .card-body {\n        flex-grow: 1;\n      }\n    `}\n`;\nStyledEntityCard.displayName = \"StyledEntityCard\";\n"],"file":"Styles.js"}

package/dist/cjs/components/GlobalStyle.js

@@ -7,6 +7,6 @@ exports.GlobalStyle = void 0;
 
 var _styledComponents = require("styled-components");
 
-var GlobalStyle = (0, _styledComponents.createGlobalStyle)([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--body-bg-main:rgb(244,245,247);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#99999e;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}"]);
+var GlobalStyle = (0, _styledComponents.createGlobalStyle)([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#99999e;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}"]);
 exports.GlobalStyle = GlobalStyle;
 //# sourceMappingURL=GlobalStyle.js.map

package/dist/cjs/components/GlobalStyle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/GlobalStyle.ts"],"names":["GlobalStyle","createGlobalStyle"],"mappings":";;;;;;;AAAA;;AAEO,IAAMA,WAAW,OAAGC,mCAAH,y9MAAjB","sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nexport const GlobalStyle = createGlobalStyle`\n  :root {\n    --color-primary: #5d2bff;\n    --color-secondary: #5d2bff;\n\n    --color-theme-100: #ffffff;\n    --color-theme-200: #f6f6f9;\n    --color-theme-300: #ebebee;\n    --color-theme-400: #d7d7da;\n    --color-theme-500: #b9b9bd;\n    --color-theme-600: #89898e;\n    --color-theme-700: #6d6d73;\n    --color-theme-800: #5b5b61;\n    --color-theme-900: #303037;\n\n    --color-primary-200: rgba(93, 43, 255, 0.05);\n    --color-primary-300: rgba(93, 43, 255, 0.1);\n    --color-primary-400: rgba(93, 43, 255, 0.25);\n    --color-primary-500: rgba(93, 43, 255, 0.5);\n    --color-primary-600: rgba(93, 43, 255, 0.75);\n    --color-primary-700: #5d2bff;\n    --color-primary-800: #4a21cd;\n    --color-primary-900: #32178b;\n\n    --color-secondary-200: rgba(93, 43, 255, 0.05);\n    --color-secondary-300: rgba(93, 43, 255, 0.1);\n    --color-secondary-400: rgba(93, 43, 255, 0.25);\n    --color-secondary-500: rgba(93, 43, 255, 0.5);\n    --color-secondary-600: rgba(93, 43, 255, 0.75);\n    --color-secondary-700: #5d2bff;\n    --color-secondary-800: #4a21cd;\n    --color-secondary-900: #32178b;\n\n    --color-primary-opaque-300: #efeaff;\n    --color-primary-opaque-400: #d6caff;\n\n    --color-secondary-opaque-300: #efeaff;\n    --color-secondary-opaque-400: #d6caff;\n\n    --color-sucess-green: #64cd93;\n\n    --body-bg-main: rgb(244, 245, 247);\n    --page-paper-main: #ffffff;\n    --border-primary: #d7d7da;\n\n    --note-bg: #fff9f1;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n      0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n      0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n      0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n      0 10px 15px -3px rgba(0, 0, 0, 0.1);\n    --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n      0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n    --page-paper-main-shadow: rgba(\n      255,\n      255,\n      255,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(244, 245, 247, 0.6);\n\n    --highlight-dark: rgba(0, 0, 0, 0.03);\n\n    --input-background-color: #ffffff;\n\n    --red-alert: rgb(237, 97, 97);\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n\n    --ac-br-4: 4px;\n\n    --ac-br-6: 6px;\n\n    --ac-br-8: 8px;\n\n    --ac-br-rounded: 999px;\n  }\n\n  .cupcake {\n    --color-primary: #29bcdd;\n    --color-secondary: #fe6fa7;\n\n    --color-primary-200: rgba(41, 188, 221, 0.07);\n    --color-primary-300: rgba(41, 188, 221, 0.12);\n    --color-primary-400: rgba(41, 188, 221, 0.26);\n    --color-primary-500: rgba(41, 188, 221, 0.52);\n    --color-primary-600: rgba(41, 188, 221, 0.75);\n    --color-primary-700: #29bcdd;\n    --color-primary-800: #219fbb;\n    --color-primary-900: #1a768b;\n\n    --color-secondary-200: rgba(254, 111, 167, 0.07);\n    --color-secondary-300: rgba(254, 111, 167, 0.13);\n    --color-secondary-400: rgba(254, 111, 167, 0.27);\n    --color-secondary-500: rgba(254, 111, 167, 0.52);\n    --color-secondary-600: rgba(254, 111, 167, 0.75);\n    --color-secondary-700: #fe6fa7;\n    --color-secondary-800: #dd6091;\n    --color-secondary-900: #ab496f;\n\n    --color-primary-opaque-300: #e5f7fb;\n    --color-primary-opaque-400: #c8eef6;\n\n    --color-secondary-opaque-300: #ffecf4;\n    --color-secondary-opaque-400: #ffd8e7;\n  }\n\n  .classic {\n    --color-primary: #4182f2;\n    --color-secondary: #4182f2;\n\n    --color-primary-200: rgba(65, 130, 242, 0.07);\n    --color-primary-300: rgba(65, 130, 242, 0.13);\n    --color-primary-400: rgba(65, 130, 242, 0.26);\n    --color-primary-500: rgba(65, 130, 242, 0.52);\n    --color-primary-600: rgba(65, 130, 242, 0.75);\n    --color-primary-700: #4182f2;\n    --color-primary-800: #356bc8;\n    --color-primary-900: #244a8a;\n\n    --color-secondary-200: rgba(65, 130, 242, 0.07);\n    --color-secondary-300: rgba(65, 130, 242, 0.13);\n    --color-secondary-400: rgba(65, 130, 242, 0.26);\n    --color-secondary-500: rgba(65, 130, 242, 0.52);\n    --color-secondary-600: rgba(65, 130, 242, 0.75);\n    --color-secondary-700: #4182f2;\n    --color-secondary-800: #356bc8;\n    --color-secondary-900: #244a8a;\n\n    --color-primary-opaque-300: #e6effd;\n    --color-primary-opaque-400: #cedffc;\n\n    --color-secondary-opaque-300: #e6effd;\n    --color-secondary-opaque-400: #cedffc;\n  }\n\n  .neon {\n    --color-primary: #67ffc8;\n    --color-secondary: #67ffc8;\n\n    --color-theme-100: #000000;\n    --color-theme-200: #31333e;\n    --color-theme-300: #2b2d37;\n    --color-theme-400: #1f2024;\n    --color-theme-500: #99999e;\n    --color-theme-600: #89898e;\n    --color-theme-700: #b0b0b5;\n    --color-theme-800: #dfdfe5;\n    --color-theme-900: #ffffff;\n\n    --color-primary-200: rgba(103, 255, 200, 0.05);\n    --color-primary-300: rgba(103, 255, 200, 0.1);\n    --color-primary-400: rgba(103, 255, 200, 0.25);\n    --color-primary-500: rgba(103, 255, 200, 0.5);\n    --color-primary-600: rgba(103, 255, 200, 0.75);\n    --color-primary-700: #67ffc8;\n    --color-primary-800: #a5ffdf;\n    --color-primary-900: #d0fdec;\n\n    --color-secondary-200: rgba(103, 255, 200, 0.05);\n    --color-secondary-300: rgba(103, 255, 200, 0.1);\n    --color-secondary-400: rgba(103, 255, 200, 0.25);\n    --color-secondary-500: rgba(103, 255, 200, 0.5);\n    --color-secondary-600: rgba(103, 255, 200, 0.75);\n    --color-secondary-700: #67ffc8;\n    --color-secondary-800: #a5ffdf;\n    --color-secondary-900: #d0fdec;\n\n    --color-primary-opaque-300: #3b4e51;\n    --color-primary-opaque-400: #436b64;\n\n    --color-secondary-opaque-300: #3b4e51;\n    --color-secondary-opaque-400: #436b64;\n\n    --body-bg-main: rgb(44, 46, 56);\n    --page-paper-main: #373a44;\n    --border-primary: #1f2024;\n\n    --note-bg: #464545;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n      0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n      0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n      0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n      0 10px 15px -3px rgba(0, 0, 0, 0.15);\n    --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n      0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n    --page-paper-main-shadow: rgba(\n      55,\n      58,\n      68,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(44, 46, 56, 0.7);\n\n    --highlight-dark: rgba(0, 0, 0, 0.06);\n\n    --input-background-color: #2c2e38;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n  }\n\n  .ac-shadow,\n  .ac-shadow--raised {\n    &--lg {\n      box-shadow: var(--shadow-primary);\n    }\n    &--sm {\n      box-shadow: var(--shadow-tertiary);\n    }\n  }\n\n  .ac-shadow--raised {\n    &--lg {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-primary-hover);\n      }\n    }\n    &--sm {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    }\n  }\n\n  .ac-shadow-optimized--sm {\n    position: relative;\n    box-shadow: var(--shadow-tertiary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-tertiary);\n      opacity: 0;\n      border-radius: var(--ac-br-6);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-shadow-optimized--lg {\n    position: relative;\n    box-shadow: var(--shadow-primary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-primary);\n      opacity: 0;\n      border-radius: var(--ac-br-8);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-border-radius {\n    &-4 {\n      border-radius: var(--ac-br-4);\n    }\n\n    &-6 {\n      border-radius: var(--ac-br-6);\n    }\n\n    &-8 {\n      border-radius: var(--ac-br-8);\n    }\n\n    &-rounded {\n      border-radius: var(--ac-br-rounded);\n    }\n  }\n\n`;\n"],"file":"GlobalStyle.js"}
+{"version":3,"sources":["../../../src/components/GlobalStyle.ts"],"names":["GlobalStyle","createGlobalStyle"],"mappings":";;;;;;;AAAA;;AAEO,IAAMA,WAAW,OAAGC,mCAAH,ojNAAjB","sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nexport const GlobalStyle = createGlobalStyle`\n  :root {\n    --color-primary: #5d2bff;\n    --color-secondary: #5d2bff;\n\n    --color-theme-100: #ffffff;\n    --color-theme-200: #f6f6f9;\n    --color-theme-300: #ebebee;\n    --color-theme-400: #d7d7da;\n    --color-theme-500: #b9b9bd;\n    --color-theme-600: #89898e;\n    --color-theme-700: #6d6d73;\n    --color-theme-800: #5b5b61;\n    --color-theme-900: #303037;\n\n    --color-primary-200: rgba(93, 43, 255, 0.05);\n    --color-primary-300: rgba(93, 43, 255, 0.1);\n    --color-primary-400: rgba(93, 43, 255, 0.25);\n    --color-primary-500: rgba(93, 43, 255, 0.5);\n    --color-primary-600: rgba(93, 43, 255, 0.75);\n    --color-primary-700: #5d2bff;\n    --color-primary-800: #4a21cd;\n    --color-primary-900: #32178b;\n\n    --color-secondary-200: rgba(93, 43, 255, 0.05);\n    --color-secondary-300: rgba(93, 43, 255, 0.1);\n    --color-secondary-400: rgba(93, 43, 255, 0.25);\n    --color-secondary-500: rgba(93, 43, 255, 0.5);\n    --color-secondary-600: rgba(93, 43, 255, 0.75);\n    --color-secondary-700: #5d2bff;\n    --color-secondary-800: #4a21cd;\n    --color-secondary-900: #32178b;\n\n    --color-primary-opaque-300: #efeaff;\n    --color-primary-opaque-400: #d6caff;\n\n    --color-secondary-opaque-300: #efeaff;\n    --color-secondary-opaque-400: #d6caff;\n\n    --color-sucess-green: #64cd93;\n\n    --body-bg-main: rgb(244, 245, 247);\n    --body-bg-main-transparent: rgba(244, 245, 247, 0);\n    --page-paper-main: #ffffff;\n    --border-primary: #d7d7da;\n\n    --note-bg: #fff9f1;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n      0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n      0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n      0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n      0 10px 15px -3px rgba(0, 0, 0, 0.1);\n    --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n      0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n    --page-paper-main-shadow: rgba(\n      255,\n      255,\n      255,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(244, 245, 247, 0.6);\n\n    --highlight-dark: rgba(0, 0, 0, 0.03);\n\n    --input-background-color: #ffffff;\n\n    --red-alert: rgb(237, 97, 97);\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n\n    --ac-br-4: 4px;\n\n    --ac-br-6: 6px;\n\n    --ac-br-8: 8px;\n\n    --ac-br-rounded: 999px;\n  }\n\n  .cupcake {\n    --color-primary: #29bcdd;\n    --color-secondary: #fe6fa7;\n\n    --color-primary-200: rgba(41, 188, 221, 0.07);\n    --color-primary-300: rgba(41, 188, 221, 0.12);\n    --color-primary-400: rgba(41, 188, 221, 0.26);\n    --color-primary-500: rgba(41, 188, 221, 0.52);\n    --color-primary-600: rgba(41, 188, 221, 0.75);\n    --color-primary-700: #29bcdd;\n    --color-primary-800: #219fbb;\n    --color-primary-900: #1a768b;\n\n    --color-secondary-200: rgba(254, 111, 167, 0.07);\n    --color-secondary-300: rgba(254, 111, 167, 0.13);\n    --color-secondary-400: rgba(254, 111, 167, 0.27);\n    --color-secondary-500: rgba(254, 111, 167, 0.52);\n    --color-secondary-600: rgba(254, 111, 167, 0.75);\n    --color-secondary-700: #fe6fa7;\n    --color-secondary-800: #dd6091;\n    --color-secondary-900: #ab496f;\n\n    --color-primary-opaque-300: #e5f7fb;\n    --color-primary-opaque-400: #c8eef6;\n\n    --color-secondary-opaque-300: #ffecf4;\n    --color-secondary-opaque-400: #ffd8e7;\n  }\n\n  .classic {\n    --color-primary: #4182f2;\n    --color-secondary: #4182f2;\n\n    --color-primary-200: rgba(65, 130, 242, 0.07);\n    --color-primary-300: rgba(65, 130, 242, 0.13);\n    --color-primary-400: rgba(65, 130, 242, 0.26);\n    --color-primary-500: rgba(65, 130, 242, 0.52);\n    --color-primary-600: rgba(65, 130, 242, 0.75);\n    --color-primary-700: #4182f2;\n    --color-primary-800: #356bc8;\n    --color-primary-900: #244a8a;\n\n    --color-secondary-200: rgba(65, 130, 242, 0.07);\n    --color-secondary-300: rgba(65, 130, 242, 0.13);\n    --color-secondary-400: rgba(65, 130, 242, 0.26);\n    --color-secondary-500: rgba(65, 130, 242, 0.52);\n    --color-secondary-600: rgba(65, 130, 242, 0.75);\n    --color-secondary-700: #4182f2;\n    --color-secondary-800: #356bc8;\n    --color-secondary-900: #244a8a;\n\n    --color-primary-opaque-300: #e6effd;\n    --color-primary-opaque-400: #cedffc;\n\n    --color-secondary-opaque-300: #e6effd;\n    --color-secondary-opaque-400: #cedffc;\n  }\n\n  .neon {\n    --color-primary: #67ffc8;\n    --color-secondary: #67ffc8;\n\n    --color-theme-100: #000000;\n    --color-theme-200: #31333e;\n    --color-theme-300: #2b2d37;\n    --color-theme-400: #1f2024;\n    --color-theme-500: #99999e;\n    --color-theme-600: #89898e;\n    --color-theme-700: #b0b0b5;\n    --color-theme-800: #dfdfe5;\n    --color-theme-900: #ffffff;\n\n    --color-primary-200: rgba(103, 255, 200, 0.05);\n    --color-primary-300: rgba(103, 255, 200, 0.1);\n    --color-primary-400: rgba(103, 255, 200, 0.25);\n    --color-primary-500: rgba(103, 255, 200, 0.5);\n    --color-primary-600: rgba(103, 255, 200, 0.75);\n    --color-primary-700: #67ffc8;\n    --color-primary-800: #a5ffdf;\n    --color-primary-900: #d0fdec;\n\n    --color-secondary-200: rgba(103, 255, 200, 0.05);\n    --color-secondary-300: rgba(103, 255, 200, 0.1);\n    --color-secondary-400: rgba(103, 255, 200, 0.25);\n    --color-secondary-500: rgba(103, 255, 200, 0.5);\n    --color-secondary-600: rgba(103, 255, 200, 0.75);\n    --color-secondary-700: #67ffc8;\n    --color-secondary-800: #a5ffdf;\n    --color-secondary-900: #d0fdec;\n\n    --color-primary-opaque-300: #3b4e51;\n    --color-primary-opaque-400: #436b64;\n\n    --color-secondary-opaque-300: #3b4e51;\n    --color-secondary-opaque-400: #436b64;\n\n    --body-bg-main: rgb(44, 46, 56);\n    --body-bg-main-transparent: rgba(44, 46, 56, 0);\n    --page-paper-main: #373a44;\n    --border-primary: #1f2024;\n\n    --note-bg: #464545;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n      0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n      0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n      0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n      0 10px 15px -3px rgba(0, 0, 0, 0.15);\n    --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n      0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n    --page-paper-main-shadow: rgba(\n      55,\n      58,\n      68,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(44, 46, 56, 0.7);\n\n    --highlight-dark: rgba(0, 0, 0, 0.06);\n\n    --input-background-color: #2c2e38;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n  }\n\n  .ac-shadow,\n  .ac-shadow--raised {\n    &--lg {\n      box-shadow: var(--shadow-primary);\n    }\n    &--sm {\n      box-shadow: var(--shadow-tertiary);\n    }\n  }\n\n  .ac-shadow--raised {\n    &--lg {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-primary-hover);\n      }\n    }\n    &--sm {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    }\n  }\n\n  .ac-shadow-optimized--sm {\n    position: relative;\n    box-shadow: var(--shadow-tertiary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-tertiary);\n      opacity: 0;\n      border-radius: var(--ac-br-6);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-shadow-optimized--lg {\n    position: relative;\n    box-shadow: var(--shadow-primary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-primary);\n      opacity: 0;\n      border-radius: var(--ac-br-8);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-border-radius {\n    &-4 {\n      border-radius: var(--ac-br-4);\n    }\n\n    &-6 {\n      border-radius: var(--ac-br-6);\n    }\n\n    &-8 {\n      border-radius: var(--ac-br-8);\n    }\n\n    &-rounded {\n      border-radius: var(--ac-br-rounded);\n    }\n  }\n\n`;\n"],"file":"GlobalStyle.js"}

package/dist/cjs/components/Icons/collection/PauseCircleOutline.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var PauseCircleOutlineIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+    width: 20,
+    height: 20,
+    viewBox: "0 0 20 20",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "var(--color-theme-600)",
+    ref: svgRef
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 2a8 8 0 100 16 8 8 0 000-16zM9 7v6H7V7h2zm4 0v6h-2V7h2z",
+    fillRule: "evenodd"
+  }));
+});
+
+PauseCircleOutlineIcon.displayName = "PauseCircleOutlineIcon";
+var _default = PauseCircleOutlineIcon;
+exports.default = _default;
+//# sourceMappingURL=PauseCircleOutline.js.map

package/dist/cjs/components/Icons/collection/PauseCircleOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/PauseCircleOutline.tsx"],"names":["PauseCircleOutlineIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,sBAAsB,gBAAGC,eAAMC,UAAN,CAC7B,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,oIADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CAD6B,CAA/B;;AAkBAH,sBAAsB,CAACK,WAAvB,GAAqC,wBAArC;eACeL,sB","sourcesContent":["import React from \"react\";\nconst PauseCircleOutlineIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={20}\n      height={20}\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 2a8 8 0 100 16 8 8 0 000-16zM9 7v6H7V7h2zm4 0v6h-2V7h2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPauseCircleOutlineIcon.displayName = \"PauseCircleOutlineIcon\";\nexport default PauseCircleOutlineIcon;\n"],"file":"PauseCircleOutline.js"}

package/dist/cjs/components/Icons/collection/PlayCircleOutline.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var PlayCircleOutlineIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+    width: 20,
+    height: 20,
+    viewBox: "0 0 20 20",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "var(--color-theme-600)",
+    ref: svgRef
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 2a8 8 0 100 16 8 8 0 000-16zM7.8 6l6.4 4-6.4 4V6z",
+    fillRule: "evenodd"
+  }));
+});
+
+PlayCircleOutlineIcon.displayName = "PlayCircleOutlineIcon";
+var _default = PlayCircleOutlineIcon;
+exports.default = _default;
+//# sourceMappingURL=PlayCircleOutline.js.map

package/dist/cjs/components/Icons/collection/PlayCircleOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/PlayCircleOutline.tsx"],"names":["PlayCircleOutlineIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,qBAAqB,gBAAGC,eAAMC,UAAN,CAC5B,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,8HADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CAD4B,CAA9B;;AAkBAH,qBAAqB,CAACK,WAAtB,GAAoC,uBAApC;eACeL,qB","sourcesContent":["import React from \"react\";\nconst PlayCircleOutlineIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={20}\n      height={20}\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 2a8 8 0 100 16 8 8 0 000-16zM7.8 6l6.4 4-6.4 4V6z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPlayCircleOutlineIcon.displayName = \"PlayCircleOutlineIcon\";\nexport default PlayCircleOutlineIcon;\n"],"file":"PlayCircleOutline.js"}

package/dist/cjs/components/Icons/collection/index.js

@@ -549,6 +549,12 @@ Object.defineProperty(exports, "PaidSmallIcon", {
     return _PaidSmall.default;
   }
 });
+Object.defineProperty(exports, "PauseCircleOutlineIcon", {
+  enumerable: true,
+  get: function get() {
+    return _PauseCircleOutline.default;
+  }
+});
 Object.defineProperty(exports, "PauseIcon", {
   enumerable: true,
   get: function get() {
@@ -591,6 +597,12 @@ Object.defineProperty(exports, "PersonPlusIcon", {
     return _PersonPlus.default;
   }
 });
+Object.defineProperty(exports, "PlayCircleOutlineIcon", {
+  enumerable: true,
+  get: function get() {
+    return _PlayCircleOutline.default;
+  }
+});
 Object.defineProperty(exports, "PlayIcon", {
   enumerable: true,
   get: function get() {
@@ -990,6 +1002,8 @@ var _OrderFirst = _interopRequireDefault(require("./OrderFirst"));
 
 var _PaidSmall = _interopRequireDefault(require("./PaidSmall"));
 
+var _PauseCircleOutline = _interopRequireDefault(require("./PauseCircleOutline"));
+
 var _PauseIcon = _interopRequireDefault(require("./PauseIcon"));
 
 var _PencilSmall = _interopRequireDefault(require("./PencilSmall"));
@@ -1004,6 +1018,8 @@ var _PersonPlus = _interopRequireDefault(require("./PersonPlus"));
 
 var _Person = _interopRequireDefault(require("./Person"));
 
+var _PlayCircleOutline = _interopRequireDefault(require("./PlayCircleOutline"));
+
 var _PlayIcon = _interopRequireDefault(require("./PlayIcon"));
 
 var _ProjectAdd = _interopRequireDefault(require("./ProjectAdd"));

package/dist/cjs/components/Icons/collection/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Icons/collection/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { default as ActivityIcon } from \"./Activity\";\nexport { default as AddCrossTinyIcon } from \"./AddCrossTiny\";\nexport { default as AddCrossIcon } from \"./AddCross\";\nexport { default as ArrowBackIcon } from \"./ArrowBack\";\nexport { default as ArrowCollapseMultipleIcon } from \"./ArrowCollapseMultiple\";\nexport { default as ArrowExpandeMultipleIcon } from \"./ArrowExpandeMultiple\";\nexport { default as ArrowLeftBoxIcon } from \"./ArrowLeftBox\";\nexport { default as ArrowRefreshIcon } from \"./ArrowRefresh\";\nexport { default as AssignIcon } from \"./Assign\";\nexport { default as AttachmentIcon } from \"./Attachment\";\nexport { default as BackIcon } from \"./Back\";\nexport { default as BellOffSmallIcon } from \"./BellOffSmall\";\nexport { default as BellOffIcon } from \"./BellOff\";\nexport { default as BudgetAlertIcon } from \"./BudgetAlert\";\nexport { default as BudgetNoAlertIcon } from \"./BudgetNoAlert\";\nexport { default as CalendarAddXIcon } from \"./CalendarAddX\";\nexport { default as CalendarEmptyIcon } from \"./CalendarEmpty\";\nexport { default as CalendarIcon } from \"./Calendar\";\nexport { default as CancelCrossIcon } from \"./CancelCross\";\nexport { default as CaretLeftIcon } from \"./CaretLeft\";\nexport { default as CaretRightIcon } from \"./CaretRight\";\nexport { default as ChatIcon } from \"./Chat\";\nexport { default as CheckIcon } from \"./Check\";\nexport { default as CheckboxBlankTogglerIcon } from \"./CheckboxBlankToggler\";\nexport { default as CheckboxIcon } from \"./Checkbox\";\nexport { default as ChecklistSmallIcon } from \"./ChecklistSmall\";\nexport { default as ChecklistIcon } from \"./Checklist\";\nexport { default as CircleMultipleIcon } from \"./CircleMultiple\";\nexport { default as ClockAddIcon } from \"./ClockAdd\";\nexport { default as ClockSmallIcon } from \"./ClockSmall\";\nexport { default as ClockStopwatchSmallIcon } from \"./ClockStopwatchSmall\";\nexport { default as ClockStopwatchIcon } from \"./ClockStopwatch\";\nexport { default as ClockIcon } from \"./Clock\";\nexport { default as CloseSmallIcon } from \"./CloseSmall\";\nexport { default as CollapsIcon } from \"./CollapsIcon\";\nexport { default as CollapseAllIcon } from \"./CollapseAll\";\nexport { default as CollapseExpandSingleIcon } from \"./CollapseExpandSingle\";\nexport { default as CommentIcon } from \"./Comment\";\nexport { default as CommentsIcon } from \"./Comments\";\nexport { default as ComputerIcon } from \"./Computer\";\nexport { default as CrownBlankIcon } from \"./CrownBlank\";\nexport { default as CrownSelectedIcon } from \"./CrownSelected\";\nexport { default as DependencySmallIcon } from \"./DependencySmall\";\nexport { default as DependencyIcon } from \"./Dependency\";\nexport { default as DiscussionAddIcon } from \"./DiscussionAdd\";\nexport { default as DollarCheckmarkSmallIcon } from \"./DollarCheckmarkSmall\";\nexport { default as DollarCheckmarkIcon } from \"./DollarCheckmark\";\nexport { default as DollarClockSmallIcon } from \"./DollarClockSmall\";\nexport { default as DollarClockIcon } from \"./DollarClock\";\nexport { default as DollarOffSmallIcon } from \"./DollarOffSmall\";\nexport { default as DollarOffIcon } from \"./DollarOff\";\nexport { default as DollarSmallIcon } from \"./DollarSmall\";\nexport { default as DollarIcon } from \"./Dollar\";\nexport { default as DownloadIcon } from \"./Download\";\nexport { default as DriveIcon } from \"./Drive\";\nexport { default as DropboxIcon } from \"./Dropbox\";\nexport { default as DuplicateIcon } from \"./Duplicate\";\nexport { default as EditIcon } from \"./Edit\";\nexport { default as EmojiIcon } from \"./Emoji\";\nexport { default as EstimatesIcon } from \"./Estimates\";\nexport { default as ExpandAllIcon } from \"./ExpandAll\";\nexport { default as ExpenseAddIcon } from \"./ExpenseAdd\";\nexport { default as ExportIcon } from \"./Export\";\nexport { default as EyeOffSmallIcon } from \"./EyeOffSmall\";\nexport { default as EyeOffIcon } from \"./EyeOff\";\nexport { default as EyeSmallIcon } from \"./EyeSmall\";\nexport { default as EyeIcon } from \"./Eye\";\nexport { default as FilterIcon } from \"./Filter\";\nexport { default as HelpIcon } from \"./Help\";\nexport { default as InfoSmallIcon } from \"./InfoSmall\";\nexport { default as InfoIcon } from \"./Info\";\nexport { default as InsertLinkIcon } from \"./InsertLink\";\nexport { default as IntegrationsIcon } from \"./Integrations\";\nexport { default as InvoicesIcon } from \"./Invoices\";\nexport { default as LabelsIcon } from \"./Labels\";\nexport { default as LockSmallIcon } from \"./LockSmall\";\nexport { default as LockIcon } from \"./Lock\";\nexport { default as MarkerIcon } from \"./Marker\";\nexport { default as MenuNavIcon } from \"./MenuNavIcon\";\nexport { default as MessageAddIcon } from \"./MessageAdd\";\nexport { default as MessageSmallIcon } from \"./MessageSmall\";\nexport { default as MessageIcon } from \"./Message\";\nexport { default as MinusIcon } from \"./Minus\";\nexport { default as MoveTriggerIcon } from \"./MoveTrigger\";\nexport { default as MyWorkIcon } from \"./MyWork\";\nexport { default as NoteAddIcon } from \"./NoteAdd\";\nexport { default as NoteIcon } from \"./Note\";\nexport { default as NotificationBellIcon } from \"./NotificationBell\";\nexport { default as OpenExpandedIcon } from \"./OpenExpanded\";\nexport { default as OrderFirstIcon } from \"./OrderFirst\";\nexport { default as PaidSmallIcon } from \"./PaidSmall\";\nexport { default as PauseIcon } from \"./PauseIcon\";\nexport { default as PencilSmallIcon } from \"./PencilSmall\";\nexport { default as PencilIcon } from \"./Pencil\";\nexport { default as PendingPaymentSmallIcon } from \"./PendingPaymentSmall\";\nexport { default as PeopleIcon } from \"./People\";\nexport { default as PersonPlusIcon } from \"./PersonPlus\";\nexport { default as PersonIcon } from \"./Person\";\nexport { default as PlayIcon } from \"./PlayIcon\";\nexport { default as ProjectAddIcon } from \"./ProjectAdd\";\nexport { default as ProjectTemplateAddIcon } from \"./ProjectTemplateAdd\";\nexport { default as ProjectTemplateConvertIcon } from \"./ProjectTemplateConvert\";\nexport { default as ProjectTemplateIcon } from \"./ProjectTemplate\";\nexport { default as ProjectsIcon } from \"./Projects\";\nexport { default as RadioBlankIcon } from \"./RadioBlank\";\nexport { default as RadioButtonIcon } from \"./RadioButton\";\nexport { default as RearangeIcon } from \"./Rearange\";\nexport { default as RearrangeSmallIcon } from \"./RearrangeSmall\";\nexport { default as RecurringCheckmarkSmallIcon } from \"./RecurringCheckmarkSmall\";\nexport { default as RecurringCheckmarkIcon } from \"./RecurringCheckmark\";\nexport { default as ReportTimeIcon } from \"./ReportTime\";\nexport { default as ReportsIcon } from \"./Reports\";\nexport { default as SearchIcon } from \"./Search\";\nexport { default as SendBlankIcon } from \"./SendBlank\";\nexport { default as SendFilledIcon } from \"./SendFilled\";\nexport { default as SettingsIcon } from \"./Settings\";\nexport { default as SortGeneralIcon } from \"./SortGeneral\";\nexport { default as SortIcon } from \"./SortIcon\";\nexport { default as StarIcon } from \"./Star\";\nexport { default as TaskAddIcon } from \"./TaskAdd\";\nexport { default as TaskListAddIcon } from \"./TaskListAdd\";\nexport { default as TextFormatGeneralAltIcon } from \"./TextFormatGeneralAlt\";\nexport { default as ThumbUpOutlineIcon } from \"./ThumbUpOutline\";\nexport { default as TrashIcon } from \"./Trash\";\nexport { default as TreeDotsIcon } from \"./TreeDots\";\nexport { default as ViewGridIcon } from \"./ViewGrid\";\nexport { default as ViewListIcon } from \"./ViewList\";\nexport { default as ViewTimelineIcon } from \"./ViewTimeline\";\nexport { default as VolumeHighIcon } from \"./VolumeHigh\";\nexport { default as VolumeOffIcon } from \"./VolumeOff\";\nexport { default as WarningTriangleSmallIcon } from \"./WarningTriangleSmall\";\nexport { default as WarningTriangleIcon } from \"./WarningTriangle\";\nexport { default as WarningIcon } from \"./Warning\";\nexport { default as WorkloadIcon } from \"./Workload\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../../src/components/Icons/collection/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { default as ActivityIcon } from \"./Activity\";\nexport { default as AddCrossTinyIcon } from \"./AddCrossTiny\";\nexport { default as AddCrossIcon } from \"./AddCross\";\nexport { default as ArrowBackIcon } from \"./ArrowBack\";\nexport { default as ArrowCollapseMultipleIcon } from \"./ArrowCollapseMultiple\";\nexport { default as ArrowExpandeMultipleIcon } from \"./ArrowExpandeMultiple\";\nexport { default as ArrowLeftBoxIcon } from \"./ArrowLeftBox\";\nexport { default as ArrowRefreshIcon } from \"./ArrowRefresh\";\nexport { default as AssignIcon } from \"./Assign\";\nexport { default as AttachmentIcon } from \"./Attachment\";\nexport { default as BackIcon } from \"./Back\";\nexport { default as BellOffSmallIcon } from \"./BellOffSmall\";\nexport { default as BellOffIcon } from \"./BellOff\";\nexport { default as BudgetAlertIcon } from \"./BudgetAlert\";\nexport { default as BudgetNoAlertIcon } from \"./BudgetNoAlert\";\nexport { default as CalendarAddXIcon } from \"./CalendarAddX\";\nexport { default as CalendarEmptyIcon } from \"./CalendarEmpty\";\nexport { default as CalendarIcon } from \"./Calendar\";\nexport { default as CancelCrossIcon } from \"./CancelCross\";\nexport { default as CaretLeftIcon } from \"./CaretLeft\";\nexport { default as CaretRightIcon } from \"./CaretRight\";\nexport { default as ChatIcon } from \"./Chat\";\nexport { default as CheckIcon } from \"./Check\";\nexport { default as CheckboxBlankTogglerIcon } from \"./CheckboxBlankToggler\";\nexport { default as CheckboxIcon } from \"./Checkbox\";\nexport { default as ChecklistSmallIcon } from \"./ChecklistSmall\";\nexport { default as ChecklistIcon } from \"./Checklist\";\nexport { default as CircleMultipleIcon } from \"./CircleMultiple\";\nexport { default as ClockAddIcon } from \"./ClockAdd\";\nexport { default as ClockSmallIcon } from \"./ClockSmall\";\nexport { default as ClockStopwatchSmallIcon } from \"./ClockStopwatchSmall\";\nexport { default as ClockStopwatchIcon } from \"./ClockStopwatch\";\nexport { default as ClockIcon } from \"./Clock\";\nexport { default as CloseSmallIcon } from \"./CloseSmall\";\nexport { default as CollapsIcon } from \"./CollapsIcon\";\nexport { default as CollapseAllIcon } from \"./CollapseAll\";\nexport { default as CollapseExpandSingleIcon } from \"./CollapseExpandSingle\";\nexport { default as CommentIcon } from \"./Comment\";\nexport { default as CommentsIcon } from \"./Comments\";\nexport { default as ComputerIcon } from \"./Computer\";\nexport { default as CrownBlankIcon } from \"./CrownBlank\";\nexport { default as CrownSelectedIcon } from \"./CrownSelected\";\nexport { default as DependencySmallIcon } from \"./DependencySmall\";\nexport { default as DependencyIcon } from \"./Dependency\";\nexport { default as DiscussionAddIcon } from \"./DiscussionAdd\";\nexport { default as DollarCheckmarkSmallIcon } from \"./DollarCheckmarkSmall\";\nexport { default as DollarCheckmarkIcon } from \"./DollarCheckmark\";\nexport { default as DollarClockSmallIcon } from \"./DollarClockSmall\";\nexport { default as DollarClockIcon } from \"./DollarClock\";\nexport { default as DollarOffSmallIcon } from \"./DollarOffSmall\";\nexport { default as DollarOffIcon } from \"./DollarOff\";\nexport { default as DollarSmallIcon } from \"./DollarSmall\";\nexport { default as DollarIcon } from \"./Dollar\";\nexport { default as DownloadIcon } from \"./Download\";\nexport { default as DriveIcon } from \"./Drive\";\nexport { default as DropboxIcon } from \"./Dropbox\";\nexport { default as DuplicateIcon } from \"./Duplicate\";\nexport { default as EditIcon } from \"./Edit\";\nexport { default as EmojiIcon } from \"./Emoji\";\nexport { default as EstimatesIcon } from \"./Estimates\";\nexport { default as ExpandAllIcon } from \"./ExpandAll\";\nexport { default as ExpenseAddIcon } from \"./ExpenseAdd\";\nexport { default as ExportIcon } from \"./Export\";\nexport { default as EyeOffSmallIcon } from \"./EyeOffSmall\";\nexport { default as EyeOffIcon } from \"./EyeOff\";\nexport { default as EyeSmallIcon } from \"./EyeSmall\";\nexport { default as EyeIcon } from \"./Eye\";\nexport { default as FilterIcon } from \"./Filter\";\nexport { default as HelpIcon } from \"./Help\";\nexport { default as InfoSmallIcon } from \"./InfoSmall\";\nexport { default as InfoIcon } from \"./Info\";\nexport { default as InsertLinkIcon } from \"./InsertLink\";\nexport { default as IntegrationsIcon } from \"./Integrations\";\nexport { default as InvoicesIcon } from \"./Invoices\";\nexport { default as LabelsIcon } from \"./Labels\";\nexport { default as LockSmallIcon } from \"./LockSmall\";\nexport { default as LockIcon } from \"./Lock\";\nexport { default as MarkerIcon } from \"./Marker\";\nexport { default as MenuNavIcon } from \"./MenuNavIcon\";\nexport { default as MessageAddIcon } from \"./MessageAdd\";\nexport { default as MessageSmallIcon } from \"./MessageSmall\";\nexport { default as MessageIcon } from \"./Message\";\nexport { default as MinusIcon } from \"./Minus\";\nexport { default as MoveTriggerIcon } from \"./MoveTrigger\";\nexport { default as MyWorkIcon } from \"./MyWork\";\nexport { default as NoteAddIcon } from \"./NoteAdd\";\nexport { default as NoteIcon } from \"./Note\";\nexport { default as NotificationBellIcon } from \"./NotificationBell\";\nexport { default as OpenExpandedIcon } from \"./OpenExpanded\";\nexport { default as OrderFirstIcon } from \"./OrderFirst\";\nexport { default as PaidSmallIcon } from \"./PaidSmall\";\nexport { default as PauseCircleOutlineIcon } from \"./PauseCircleOutline\";\nexport { default as PauseIcon } from \"./PauseIcon\";\nexport { default as PencilSmallIcon } from \"./PencilSmall\";\nexport { default as PencilIcon } from \"./Pencil\";\nexport { default as PendingPaymentSmallIcon } from \"./PendingPaymentSmall\";\nexport { default as PeopleIcon } from \"./People\";\nexport { default as PersonPlusIcon } from \"./PersonPlus\";\nexport { default as PersonIcon } from \"./Person\";\nexport { default as PlayCircleOutlineIcon } from \"./PlayCircleOutline\";\nexport { default as PlayIcon } from \"./PlayIcon\";\nexport { default as ProjectAddIcon } from \"./ProjectAdd\";\nexport { default as ProjectTemplateAddIcon } from \"./ProjectTemplateAdd\";\nexport { default as ProjectTemplateConvertIcon } from \"./ProjectTemplateConvert\";\nexport { default as ProjectTemplateIcon } from \"./ProjectTemplate\";\nexport { default as ProjectsIcon } from \"./Projects\";\nexport { default as RadioBlankIcon } from \"./RadioBlank\";\nexport { default as RadioButtonIcon } from \"./RadioButton\";\nexport { default as RearangeIcon } from \"./Rearange\";\nexport { default as RearrangeSmallIcon } from \"./RearrangeSmall\";\nexport { default as RecurringCheckmarkSmallIcon } from \"./RecurringCheckmarkSmall\";\nexport { default as RecurringCheckmarkIcon } from \"./RecurringCheckmark\";\nexport { default as ReportTimeIcon } from \"./ReportTime\";\nexport { default as ReportsIcon } from \"./Reports\";\nexport { default as SearchIcon } from \"./Search\";\nexport { default as SendBlankIcon } from \"./SendBlank\";\nexport { default as SendFilledIcon } from \"./SendFilled\";\nexport { default as SettingsIcon } from \"./Settings\";\nexport { default as SortGeneralIcon } from \"./SortGeneral\";\nexport { default as SortIcon } from \"./SortIcon\";\nexport { default as StarIcon } from \"./Star\";\nexport { default as TaskAddIcon } from \"./TaskAdd\";\nexport { default as TaskListAddIcon } from \"./TaskListAdd\";\nexport { default as TextFormatGeneralAltIcon } from \"./TextFormatGeneralAlt\";\nexport { default as ThumbUpOutlineIcon } from \"./ThumbUpOutline\";\nexport { default as TrashIcon } from \"./Trash\";\nexport { default as TreeDotsIcon } from \"./TreeDots\";\nexport { default as ViewGridIcon } from \"./ViewGrid\";\nexport { default as ViewListIcon } from \"./ViewList\";\nexport { default as ViewTimelineIcon } from \"./ViewTimeline\";\nexport { default as VolumeHighIcon } from \"./VolumeHigh\";\nexport { default as VolumeOffIcon } from \"./VolumeOff\";\nexport { default as WarningTriangleSmallIcon } from \"./WarningTriangleSmall\";\nexport { default as WarningTriangleIcon } from \"./WarningTriangle\";\nexport { default as WarningIcon } from \"./Warning\";\nexport { default as WorkloadIcon } from \"./Workload\";\n"],"file":"index.js"}

package/dist/esm/components/EntityCard/EntityCard.d.ts

@@ -12,7 +12,7 @@ export interface IEntityCardProps {
     properties: IEntityProperties[];
     ref?: Ref<HTMLDivElement>;
     link?: string;
-    linkClassName?: string;
+    className?: string;
 }
-export declare const EntityCard: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement> & IEntityCardProps, "link" | keyof React.HTMLAttributes<HTMLDivElement> | "renderAs" | "properties" | "linkClassName"> & React.RefAttributes<HTMLDivElement>>;
+export declare const EntityCard: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement> & IEntityCardProps, "link" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "cs" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw" | "renderAs" | "properties"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=EntityCard.d.ts.map

package/dist/esm/components/EntityCard/EntityCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityCard.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,GAAG,EAGH,SAAS,EAEV,MAAM,OAAO,CAAC;AAIf,oBAAY,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC;IACrC,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,yOAsEtB,CAAC"}
+{"version":3,"file":"EntityCard.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,GAAG,EAGH,SAAS,EAEV,MAAM,OAAO,CAAC;AAIf,oBAAY,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC;IACrC,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,uqJAuEtB,CAAC"}

package/dist/esm/components/EntityCard/EntityCard.js

@@ -1,12 +1,11 @@
 import React, { forwardRef, useCallback } from "react";
 import classnames from "classnames";
-import { StyledEntityCard, StyledLinkEntityCard } from "./Styles";
+import { StyledEntityCard } from "./Styles";
 export var EntityCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$renderAs = _ref.renderAs,
       renderAs = _ref$renderAs === void 0 ? "list-item" : _ref$renderAs,
       properties = _ref.properties,
-      link = _ref.link,
-      linkClassName = _ref.linkClassName;
+      className = _ref.className;
   var renderAsListItem = useCallback(function (properties) {
     return properties.filter(function (p) {
       return p.showInList;
@@ -49,19 +48,16 @@ export var EntityCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
       return renderProperty(p);
     })));
   }, []);
-  return /*#__PURE__*/React.createElement(StyledLinkEntityCard, {
-    href: link,
-    className: linkClassName
-  }, /*#__PURE__*/React.createElement(StyledEntityCard, {
+  return /*#__PURE__*/React.createElement(StyledEntityCard, {
     ref: ref,
     hoverable: true,
     className: classnames("entity-card-wrapper", {
       "grid-item": renderAs === "grid-item",
       "list-item": renderAs === "list-item"
-    }),
+    }, className),
     paperType: renderAs === "grid-item" ? "paper-1" : "paper-2",
     $renderAs: renderAs
-  }, renderAs === "list-item" ? renderAsListItem(properties) : null, renderAs === "grid-item" ? renderAsGridItem(properties) : null));
+  }, renderAs === "list-item" ? renderAsListItem(properties) : null, renderAs === "grid-item" ? renderAsGridItem(properties) : null);
 });
 EntityCard.displayName = "EntityCard";
 //# sourceMappingURL=EntityCard.js.map

package/dist/esm/components/EntityCard/EntityCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"names":["React","forwardRef","useCallback","classnames","StyledEntityCard","StyledLinkEntityCard","EntityCard","ref","renderAs","properties","link","linkClassName","renderAsListItem","filter","p","showInList","map","name","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","displayName"],"mappings":"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","sourcesContent":["import React, {\n  Ref,\n  HTMLAttributes,\n  forwardRef,\n  ReactNode,\n  useCallback,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledEntityCard, StyledLinkEntityCard } from \"./Styles\";\n\nexport type cardSection = \"header\" | \"body\" | \"footer\";\n\nexport interface IEntityProperties {\n  name: string;\n  render: () => ReactNode;\n  showInList?: boolean;\n  cardSection: cardSection;\n  className?: string;\n}\n\nexport interface IEntityCardProps {\n  renderAs?: \"list-item\" | \"grid-item\";\n  properties: IEntityProperties[];\n  ref?: Ref<HTMLDivElement>;\n  link?: string;\n  linkClassName?: string;\n}\n\nexport const EntityCard = forwardRef(\n  (\n    {\n      renderAs = \"list-item\",\n      properties,\n      link,\n      linkClassName,\n    }: HTMLAttributes<HTMLDivElement> & IEntityCardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const renderAsListItem = useCallback((properties: IEntityProperties[]) => {\n      return properties\n        .filter((p) => p.showInList)\n        .map((p) => {\n          return (\n            <div key={p.name} className={`entity-property-${p.name}`}>\n              {p.render()}\n            </div>\n          );\n        });\n    }, []);\n\n    const renderAsGridItem = useCallback((properties: IEntityProperties[]) => {\n      const headerSection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"header\"\n      );\n      const bodySection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"body\"\n      );\n      const footerSection = properties.filter(\n        (p) => p.cardSection === \"footer\"\n      );\n      const renderProperty = (p: IEntityProperties): ReactNode => (\n        <div key={p.name} className={`entity-property-${p.name}`}>\n          {p.render()}\n        </div>\n      );\n      return (\n        <>\n          <div className={\"card-header\"}>\n            {headerSection.map((p) => renderProperty(p))}\n          </div>\n          <div className={\"card-body\"}>\n            {bodySection.map((p) => renderProperty(p))}\n          </div>\n          <div className={\"card-footer\"}>\n            {footerSection.map((p) => renderProperty(p))}\n          </div>\n        </>\n      );\n    }, []);\n\n    return (\n      <StyledLinkEntityCard href={link} className={linkClassName}>\n        <StyledEntityCard\n          ref={ref}\n          hoverable\n          className={classnames(\"entity-card-wrapper\", {\n            \"grid-item\": renderAs === \"grid-item\",\n            \"list-item\": renderAs === \"list-item\",\n          })}\n          paperType={renderAs === \"grid-item\" ? \"paper-1\" : \"paper-2\"}\n          $renderAs={renderAs}\n        >\n          {renderAs === \"list-item\" ? renderAsListItem(properties) : null}\n          {renderAs === \"grid-item\" ? renderAsGridItem(properties) : null}\n        </StyledEntityCard>\n      </StyledLinkEntityCard>\n    );\n  }\n);\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}
+{"version":3,"sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"names":["React","forwardRef","useCallback","classnames","StyledEntityCard","EntityCard","ref","renderAs","properties","className","renderAsListItem","filter","p","showInList","map","name","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","displayName"],"mappings":"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","sourcesContent":["import React, {\n  Ref,\n  HTMLAttributes,\n  forwardRef,\n  ReactNode,\n  useCallback,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledEntityCard } from \"./Styles\";\n\nexport type cardSection = \"header\" | \"body\" | \"footer\";\n\nexport interface IEntityProperties {\n  name: string;\n  render: () => ReactNode;\n  showInList?: boolean;\n  cardSection: cardSection;\n  className?: string;\n}\n\nexport interface IEntityCardProps {\n  renderAs?: \"list-item\" | \"grid-item\";\n  properties: IEntityProperties[];\n  ref?: Ref<HTMLDivElement>;\n  link?: string;\n  className?: string;\n}\n\nexport const EntityCard = forwardRef(\n  (\n    {\n      renderAs = \"list-item\",\n      properties,\n      className,\n    }: HTMLAttributes<HTMLDivElement> & IEntityCardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const renderAsListItem = useCallback((properties: IEntityProperties[]) => {\n      return properties\n        .filter((p) => p.showInList)\n        .map((p) => {\n          return (\n            <div key={p.name} className={`entity-property-${p.name}`}>\n              {p.render()}\n            </div>\n          );\n        });\n    }, []);\n\n    const renderAsGridItem = useCallback((properties: IEntityProperties[]) => {\n      const headerSection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"header\"\n      );\n      const bodySection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"body\"\n      );\n      const footerSection = properties.filter(\n        (p) => p.cardSection === \"footer\"\n      );\n      const renderProperty = (p: IEntityProperties): ReactNode => (\n        <div key={p.name} className={`entity-property-${p.name}`}>\n          {p.render()}\n        </div>\n      );\n      return (\n        <>\n          <div className={\"card-header\"}>\n            {headerSection.map((p) => renderProperty(p))}\n          </div>\n          <div className={\"card-body\"}>\n            {bodySection.map((p) => renderProperty(p))}\n          </div>\n          <div className={\"card-footer\"}>\n            {footerSection.map((p) => renderProperty(p))}\n          </div>\n        </>\n      );\n    }, []);\n\n    return (\n      <StyledEntityCard\n        ref={ref}\n        hoverable\n        className={classnames(\n          \"entity-card-wrapper\",\n          {\n            \"grid-item\": renderAs === \"grid-item\",\n            \"list-item\": renderAs === \"list-item\",\n          },\n          className\n        )}\n        paperType={renderAs === \"grid-item\" ? \"paper-1\" : \"paper-2\"}\n        $renderAs={renderAs}\n      >\n        {renderAs === \"list-item\" ? renderAsListItem(properties) : null}\n        {renderAs === \"grid-item\" ? renderAsGridItem(properties) : null}\n      </StyledEntityCard>\n    );\n  }\n);\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}

package/dist/esm/components/EntityCard/Styles.d.ts

@@ -2,5 +2,4 @@
 export declare const StyledEntityCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").ICardProps, keyof import("react").HTMLAttributes<HTMLDivElement> | "hoverable" | "paperType"> & import("react").RefAttributes<HTMLDivElement>>, any, {
     $renderAs: string;
 }, never>;
-export declare const StyledLinkEntityCard: import("styled-components").StyledComponent<"a", any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/EntityCard/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityCard/Styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,gBAAgB;eAA6B,MAAM;SA0B/D,CAAC;AAGF,eAAO,MAAM,oBAAoB,kEAKhC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityCard/Styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,gBAAgB;eAA6B,MAAM;SA0B/D,CAAC"}

package/dist/esm/components/EntityCard/Styles.js

@@ -1,7 +1,5 @@
 import styled, { css } from "styled-components";
-import { BoxSizingStyle } from "../BoxSizingStyle";
 import { Card } from "../Card";
-import { FontStyle } from "../FontStyle";
 export var StyledEntityCard = styled(Card).withConfig({
   displayName: "Styles__StyledEntityCard",
   componentId: "sc-3vmxf-0"
@@ -11,11 +9,4 @@ export var StyledEntityCard = styled(Card).withConfig({
   return props.$renderAs === "grid-item" && css(["display:flex;flex-direction:column;height:250px;width:250px;.card-body{flex-grow:1;}"]);
 });
 StyledEntityCard.displayName = "StyledEntityCard";
-export var StyledLinkEntityCard = styled.a.withConfig({
-  displayName: "Styles__StyledLinkEntityCard",
-  componentId: "sc-3vmxf-1"
-})(["", " ", " ", ""], {
-  "textDecoration": "none"
-}, FontStyle, BoxSizingStyle);
-StyledLinkEntityCard.displayName = "StyledLinkEntityCard";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/EntityCard/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/EntityCard/Styles.ts"],"names":["styled","css","BoxSizingStyle","Card","FontStyle","StyledEntityCard","props","$renderAs","displayName","StyledLinkEntityCard","a"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,gBAAgB,GAAGL,MAAM,CAACG,IAAD,CAAT;AAAA;AAAA;AAAA,iDAIzB,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,WAApB,IACAN,GADA,8FADA;AAAA,CAJyB,EAczB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,WAApB,IACAN,GADA,0FADA;AAAA,CAdyB,CAAtB;AA2BPI,gBAAgB,CAACG,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMC,oBAAoB,GAAGT,MAAM,CAACU,CAAV;AAAA;AAAA;AAAA,uBAC3B;AAAA;AAAA,CAD2B,EAG7BN,SAH6B,EAI7BF,cAJ6B,CAA1B;AAMPO,oBAAoB,CAACD,WAArB,GAAmC,sBAAnC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Card } from \"../Card\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledEntityCard = styled(Card)<{ $renderAs: string }>`\n  padding: 12px;\n  line-height: 1.375;\n\n  ${(props) =>\n    props.$renderAs === \"list-item\" &&\n    css`\n      display: grid;\n      grid-auto-flow: column;\n      align-items: center;\n      min-height: 48px;\n      margin-bottom: 4px;\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"grid-item\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n      height: 250px;\n      width: 250px;\n\n      .card-body {\n        flex-grow: 1;\n      }\n    `}\n`;\nStyledEntityCard.displayName = \"StyledEntityCard\";\n\nexport const StyledLinkEntityCard = styled.a`\n  ${tw`tw-no-underline`}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledLinkEntityCard.displayName = \"StyledLinkEntityCard\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/EntityCard/Styles.ts"],"names":["styled","css","Card","StyledEntityCard","props","$renderAs","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,IAAT,QAAqB,SAArB;AAEA,OAAO,IAAMC,gBAAgB,GAAGH,MAAM,CAACE,IAAD,CAAT;AAAA;AAAA;AAAA,iDAIzB,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,WAApB,IACAJ,GADA,8FADA;AAAA,CAJyB,EAczB,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,WAApB,IACAJ,GADA,0FADA;AAAA,CAdyB,CAAtB;AA2BPE,gBAAgB,CAACG,WAAjB,GAA+B,kBAA/B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Card } from \"../Card\";\n\nexport const StyledEntityCard = styled(Card)<{ $renderAs: string }>`\n  padding: 12px;\n  line-height: 1.375;\n\n  ${(props) =>\n    props.$renderAs === \"list-item\" &&\n    css`\n      display: grid;\n      grid-auto-flow: column;\n      align-items: center;\n      min-height: 48px;\n      margin-bottom: 4px;\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"grid-item\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n      height: 250px;\n      width: 250px;\n\n      .card-body {\n        flex-grow: 1;\n      }\n    `}\n`;\nStyledEntityCard.displayName = \"StyledEntityCard\";\n"],"file":"Styles.js"}

package/dist/esm/components/GlobalStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalStyle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,gGA4TvB,CAAC"}
+{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalStyle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,gGA8TvB,CAAC"}

package/dist/esm/components/GlobalStyle.js

@@ -1,3 +1,3 @@
 import { createGlobalStyle } from "styled-components";
-export var GlobalStyle = createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--body-bg-main:rgb(244,245,247);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#99999e;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}"]);
+export var GlobalStyle = createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#99999e;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}"]);
 //# sourceMappingURL=GlobalStyle.js.map