@activecollab/components 1.0.319 → 1.0.320

package/dist/cjs/components/EmptySlate/EmptySlate.js

@@ -21,12 +21,13 @@ var EmptySlate = function EmptySlate(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_EmptySlate.Container, _extends({}, rest, {
     role: "status"
-  }), /*#__PURE__*/_react.default.createElement("img", {
+  }), /*#__PURE__*/_react.default.createElement(_EmptySlate.StyledImg, {
     src: src,
     alt: alt
   }), /*#__PURE__*/_react.default.createElement(_EmptySlate.SubContainer, null, /*#__PURE__*/_react.default.createElement(_EmptySlate.Title, {
     variant: "Title 1"
   }, title), description && /*#__PURE__*/_react.default.createElement(_EmptySlate.Description, {
+    color: "secondary",
     variant: "Body 1"
   }, description), children));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.js","names":["EmptySlate","title","description","src","alt","children","rest","Footer","EmptySlateFooter","displayName"],"sources":["../../../../src/components/EmptySlate/EmptySlate.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport {\n  Container,\n  Description,\n  SubContainer,\n  Title,\n} from \"./EmptySlate.styles\";\nimport { EmptySlateFooter } from \"./EmptySlateFooter\";\n\nexport interface EmptySlateProps extends HTMLAttributes<HTMLDivElement> {\n  src: string;\n  alt: string;\n  title: string;\n  description?: string;\n}\n\nexport const EmptySlate = ({\n  title,\n  description,\n  src,\n  alt,\n  children,\n  ...rest\n}: EmptySlateProps) => {\n  return (\n    <Container {...rest} role=\"status\">\n      <img src={src} alt={alt} />\n      <SubContainer>\n        <Title variant=\"Title 1\">{title}</Title>\n        {description && (\n          <Description variant=\"Body 1\">{description}</Description>\n        )}\n\n        {children}\n      </SubContainer>\n    </Container>\n  );\n};\n\nEmptySlate.Footer = EmptySlateFooter;\n\nEmptySlate.displayName = \"EmptySlate\";\n"],"mappings":";;;;;;AAAA;AACA;AAMA;AAAsD;AAAA;AAAA;AAAA;AAAA;AAS/C,IAAMA,UAAU,GAAG,SAAbA,UAAU,OAOA;EAAA,IANrBC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,GAAG,QAAHA,GAAG;IACHC,GAAG,QAAHA,GAAG;IACHC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,oBACE,6BAAC,qBAAS,eAAKA,IAAI;IAAE,IAAI,EAAC;EAAQ,iBAChC;IAAK,GAAG,EAAEH,GAAI;IAAC,GAAG,EAAEC;EAAI,EAAG,eAC3B,6BAAC,wBAAY,qBACX,6BAAC,iBAAK;IAAC,OAAO,EAAC;EAAS,GAAEH,KAAK,CAAS,EACvCC,WAAW,iBACV,6BAAC,uBAAW;IAAC,OAAO,EAAC;EAAQ,GAAEA,WAAW,CAC3C,EAEAG,QAAQ,CACI,CACL;AAEhB,CAAC;AAAC;AAEFL,UAAU,CAACO,MAAM,GAAGC,kCAAgB;AAEpCR,UAAU,CAACS,WAAW,GAAG,YAAY"}
+{"version":3,"file":"EmptySlate.js","names":["EmptySlate","title","description","src","alt","children","rest","Footer","EmptySlateFooter","displayName"],"sources":["../../../../src/components/EmptySlate/EmptySlate.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport {\n  Container,\n  Description,\n  SubContainer,\n  Title,\n  StyledImg,\n} from \"./EmptySlate.styles\";\nimport { EmptySlateFooter } from \"./EmptySlateFooter\";\n\nexport interface EmptySlateProps extends HTMLAttributes<HTMLDivElement> {\n  src: string;\n  alt: string;\n  title: string;\n  description?: string;\n}\n\nexport const EmptySlate = ({\n  title,\n  description,\n  src,\n  alt,\n  children,\n  ...rest\n}: EmptySlateProps) => {\n  return (\n    <Container {...rest} role=\"status\">\n      <StyledImg src={src} alt={alt} />\n      <SubContainer>\n        <Title variant=\"Title 1\">{title}</Title>\n        {description && (\n          <Description color=\"secondary\" variant=\"Body 1\">\n            {description}\n          </Description>\n        )}\n\n        {children}\n      </SubContainer>\n    </Container>\n  );\n};\n\nEmptySlate.Footer = EmptySlateFooter;\n\nEmptySlate.displayName = \"EmptySlate\";\n"],"mappings":";;;;;;AAAA;AACA;AAOA;AAAsD;AAAA;AAAA;AAAA;AAAA;AAS/C,IAAMA,UAAU,GAAG,SAAbA,UAAU,OAOA;EAAA,IANrBC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,GAAG,QAAHA,GAAG;IACHC,GAAG,QAAHA,GAAG;IACHC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,oBACE,6BAAC,qBAAS,eAAKA,IAAI;IAAE,IAAI,EAAC;EAAQ,iBAChC,6BAAC,qBAAS;IAAC,GAAG,EAAEH,GAAI;IAAC,GAAG,EAAEC;EAAI,EAAG,eACjC,6BAAC,wBAAY,qBACX,6BAAC,iBAAK;IAAC,OAAO,EAAC;EAAS,GAAEH,KAAK,CAAS,EACvCC,WAAW,iBACV,6BAAC,uBAAW;IAAC,KAAK,EAAC,WAAW;IAAC,OAAO,EAAC;EAAQ,GAC5CA,WAAW,CAEf,EAEAG,QAAQ,CACI,CACL;AAEhB,CAAC;AAAC;AAEFL,UAAU,CAACO,MAAM,GAAGC,kCAAgB;AAEpCR,UAAU,CAACS,WAAW,GAAG,YAAY"}

package/dist/cjs/components/EmptySlate/EmptySlate.styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Title = exports.SubContainer = exports.FooterContainer = exports.Description = exports.Container = void 0;
+exports.Title = exports.SubContainer = exports.StyledImg = exports.FooterContainer = exports.Description = exports.Container = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Typography = require("../Typography/Typography");
 var _BreakPoints = require("../BreakPoints");
@@ -18,19 +18,24 @@ var SubContainer = _styledComponents.default.div.withConfig({
   componentId: "sc-jfbqky-1"
 })(["display:flex;align-items:center;flex-direction:column;justify-content:center;max-width:400px;", "{align-items:flex-start;}"], _BreakPoints.screen.lg);
 exports.SubContainer = SubContainer;
+var StyledImg = _styledComponents.default.img.withConfig({
+  displayName: "EmptySlatestyles__StyledImg",
+  componentId: "sc-jfbqky-2"
+})(["width:280px;height:280px;"]);
+exports.StyledImg = StyledImg;
 var Title = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "EmptySlatestyles__Title",
-  componentId: "sc-jfbqky-2"
+  componentId: "sc-jfbqky-3"
 })(["margin-block-end:8px;text-align:center;", "{text-align:start;}"], _BreakPoints.screen.lg);
 exports.Title = Title;
 var Description = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "EmptySlatestyles__Description",
-  componentId: "sc-jfbqky-3"
+  componentId: "sc-jfbqky-4"
 })(["text-align:center;", "{text-align:start;}"], _BreakPoints.screen.lg);
 exports.Description = Description;
 var FooterContainer = _styledComponents.default.div.withConfig({
   displayName: "EmptySlatestyles__FooterContainer",
-  componentId: "sc-jfbqky-4"
+  componentId: "sc-jfbqky-5"
 })(["margin-block-start:24px;display:flex;flex-direction:column;gap:12px;align-items:center;", "{flex-direction:row;}"], _BreakPoints.screen.lg);
 exports.FooterContainer = FooterContainer;
 //# sourceMappingURL=EmptySlate.styles.js.map

package/dist/cjs/components/EmptySlate/EmptySlate.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.styles.js","names":["Container","styled","div","screen","lg","SubContainer","Title","Typography","Description","FooterContainer"],"sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Typography } from \"../Typography/Typography\";\nimport { screen } from \"../BreakPoints\";\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  gap: 24px;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n\nexport const SubContainer = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 400px;\n\n  ${screen.lg} {\n    align-items: flex-start;\n  }\n`;\n\nexport const Title = styled(Typography)`\n  margin-block-end: 8px;\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const Description = styled(Typography)`\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const FooterContainer = styled.div`\n  margin-block-start: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAwC;AAEjC,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,0IAQ/BC,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAMC,YAAY,GAAGJ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,mIAOlCC,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAME,KAAK,GAAG,IAAAL,yBAAM,EAACM,sBAAU,CAAC;EAAA;EAAA;AAAA,uEAInCJ,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAMI,WAAW,GAAG,IAAAP,yBAAM,EAACM,sBAAU,CAAC;EAAA;EAAA;AAAA,kDAGzCJ,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAMK,eAAe,GAAGR,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,yHAOrCC,mBAAM,CAACC,EAAE,CAGZ;AAAC"}
+{"version":3,"file":"EmptySlate.styles.js","names":["Container","styled","div","screen","lg","SubContainer","StyledImg","img","Title","Typography","Description","FooterContainer"],"sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Typography } from \"../Typography/Typography\";\nimport { screen } from \"../BreakPoints\";\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  gap: 24px;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n\nexport const SubContainer = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 400px;\n\n  ${screen.lg} {\n    align-items: flex-start;\n  }\n`;\n\nexport const StyledImg = styled.img`\n  width: 280px;\n  height: 280px;\n`;\n\nexport const Title = styled(Typography)`\n  margin-block-end: 8px;\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const Description = styled(Typography)`\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const FooterContainer = styled.div`\n  margin-block-start: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAwC;AAEjC,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,0IAQ/BC,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAMC,YAAY,GAAGJ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,mIAOlCC,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAME,SAAS,GAAGL,yBAAM,CAACM,GAAG;EAAA;EAAA;AAAA,iCAGlC;AAAC;AAEK,IAAMC,KAAK,GAAG,IAAAP,yBAAM,EAACQ,sBAAU,CAAC;EAAA;EAAA;AAAA,uEAInCN,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAMM,WAAW,GAAG,IAAAT,yBAAM,EAACQ,sBAAU,CAAC;EAAA;EAAA;AAAA,kDAGzCN,mBAAM,CAACC,EAAE,CAGZ;AAAC;AAEK,IAAMO,eAAe,GAAGV,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,yHAOrCC,mBAAM,CAACC,EAAE,CAGZ;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptySlate/EmptySlate.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS9C,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU;0DAOpB,eAAe;;;;;;;;;CAcjB,CAAC"}
+{"version":3,"file":"EmptySlate.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptySlate/EmptySlate.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAU9C,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU;0DAOpB,eAAe;;;;;;;;;CAgBjB,CAAC"}

package/dist/esm/components/EmptySlate/EmptySlate.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["title", "description", "src", "alt", "children"];
 import React from "react";
-import { Container, Description, SubContainer, Title } from "./EmptySlate.styles";
+import { Container, Description, SubContainer, Title, StyledImg } from "./EmptySlate.styles";
 import { EmptySlateFooter } from "./EmptySlateFooter";
 export var EmptySlate = function EmptySlate(_ref) {
   var title = _ref.title,
@@ -13,12 +13,13 @@ export var EmptySlate = function EmptySlate(_ref) {
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
     role: "status"
-  }), /*#__PURE__*/React.createElement("img", {
+  }), /*#__PURE__*/React.createElement(StyledImg, {
     src: src,
     alt: alt
   }), /*#__PURE__*/React.createElement(SubContainer, null, /*#__PURE__*/React.createElement(Title, {
     variant: "Title 1"
   }, title), description && /*#__PURE__*/React.createElement(Description, {
+    color: "secondary",
     variant: "Body 1"
   }, description), children));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.js","names":["React","Container","Description","SubContainer","Title","EmptySlateFooter","EmptySlate","title","description","src","alt","children","rest","Footer","displayName"],"sources":["../../../../src/components/EmptySlate/EmptySlate.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport {\n  Container,\n  Description,\n  SubContainer,\n  Title,\n} from \"./EmptySlate.styles\";\nimport { EmptySlateFooter } from \"./EmptySlateFooter\";\n\nexport interface EmptySlateProps extends HTMLAttributes<HTMLDivElement> {\n  src: string;\n  alt: string;\n  title: string;\n  description?: string;\n}\n\nexport const EmptySlate = ({\n  title,\n  description,\n  src,\n  alt,\n  children,\n  ...rest\n}: EmptySlateProps) => {\n  return (\n    <Container {...rest} role=\"status\">\n      <img src={src} alt={alt} />\n      <SubContainer>\n        <Title variant=\"Title 1\">{title}</Title>\n        {description && (\n          <Description variant=\"Body 1\">{description}</Description>\n        )}\n\n        {children}\n      </SubContainer>\n    </Container>\n  );\n};\n\nEmptySlate.Footer = EmptySlateFooter;\n\nEmptySlate.displayName = \"EmptySlate\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAC7C,SACEC,SAAS,EACTC,WAAW,EACXC,YAAY,EACZC,KAAK,QACA,qBAAqB;AAC5B,SAASC,gBAAgB,QAAQ,oBAAoB;AASrD,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAU,OAOA;EAAA,IANrBC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,GAAG,QAAHA,GAAG;IACHC,GAAG,QAAHA,GAAG;IACHC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,oBACE,oBAAC,SAAS,eAAKA,IAAI;IAAE,IAAI,EAAC;EAAQ,iBAChC;IAAK,GAAG,EAAEH,GAAI;IAAC,GAAG,EAAEC;EAAI,EAAG,eAC3B,oBAAC,YAAY,qBACX,oBAAC,KAAK;IAAC,OAAO,EAAC;EAAS,GAAEH,KAAK,CAAS,EACvCC,WAAW,iBACV,oBAAC,WAAW;IAAC,OAAO,EAAC;EAAQ,GAAEA,WAAW,CAC3C,EAEAG,QAAQ,CACI,CACL;AAEhB,CAAC;AAEDL,UAAU,CAACO,MAAM,GAAGR,gBAAgB;AAEpCC,UAAU,CAACQ,WAAW,GAAG,YAAY"}
+{"version":3,"file":"EmptySlate.js","names":["React","Container","Description","SubContainer","Title","StyledImg","EmptySlateFooter","EmptySlate","title","description","src","alt","children","rest","Footer","displayName"],"sources":["../../../../src/components/EmptySlate/EmptySlate.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport {\n  Container,\n  Description,\n  SubContainer,\n  Title,\n  StyledImg,\n} from \"./EmptySlate.styles\";\nimport { EmptySlateFooter } from \"./EmptySlateFooter\";\n\nexport interface EmptySlateProps extends HTMLAttributes<HTMLDivElement> {\n  src: string;\n  alt: string;\n  title: string;\n  description?: string;\n}\n\nexport const EmptySlate = ({\n  title,\n  description,\n  src,\n  alt,\n  children,\n  ...rest\n}: EmptySlateProps) => {\n  return (\n    <Container {...rest} role=\"status\">\n      <StyledImg src={src} alt={alt} />\n      <SubContainer>\n        <Title variant=\"Title 1\">{title}</Title>\n        {description && (\n          <Description color=\"secondary\" variant=\"Body 1\">\n            {description}\n          </Description>\n        )}\n\n        {children}\n      </SubContainer>\n    </Container>\n  );\n};\n\nEmptySlate.Footer = EmptySlateFooter;\n\nEmptySlate.displayName = \"EmptySlate\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAC7C,SACEC,SAAS,EACTC,WAAW,EACXC,YAAY,EACZC,KAAK,EACLC,SAAS,QACJ,qBAAqB;AAC5B,SAASC,gBAAgB,QAAQ,oBAAoB;AASrD,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAU,OAOA;EAAA,IANrBC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,GAAG,QAAHA,GAAG;IACHC,GAAG,QAAHA,GAAG;IACHC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,oBACE,oBAAC,SAAS,eAAKA,IAAI;IAAE,IAAI,EAAC;EAAQ,iBAChC,oBAAC,SAAS;IAAC,GAAG,EAAEH,GAAI;IAAC,GAAG,EAAEC;EAAI,EAAG,eACjC,oBAAC,YAAY,qBACX,oBAAC,KAAK;IAAC,OAAO,EAAC;EAAS,GAAEH,KAAK,CAAS,EACvCC,WAAW,iBACV,oBAAC,WAAW;IAAC,KAAK,EAAC,WAAW;IAAC,OAAO,EAAC;EAAQ,GAC5CA,WAAW,CAEf,EAEAG,QAAQ,CACI,CACL;AAEhB,CAAC;AAEDL,UAAU,CAACO,MAAM,GAAGR,gBAAgB;AAEpCC,UAAU,CAACQ,WAAW,GAAG,YAAY"}

package/dist/esm/components/EmptySlate/EmptySlate.styles.d.ts

@@ -1,5 +1,6 @@
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SubContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledImg: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const Title: import("styled-components").StyledComponent<import("../Typography/Typography").TypographyComponent & {
     displayName?: string | undefined;
 }, any, {}, never>;

package/dist/esm/components/EmptySlate/EmptySlate.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,oEAWrB,CAAC;AAEF,eAAO,MAAM,YAAY,oEAUxB,CAAC;AAEF,eAAO,MAAM,KAAK;;kBAOjB,CAAC;AAEF,eAAO,MAAM,WAAW;;kBAMvB,CAAC;AAEF,eAAO,MAAM,eAAe,oEAU3B,CAAC"}
+{"version":3,"file":"EmptySlate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,oEAWrB,CAAC;AAEF,eAAO,MAAM,YAAY,oEAUxB,CAAC;AAEF,eAAO,MAAM,SAAS,oEAGrB,CAAC;AAEF,eAAO,MAAM,KAAK;;kBAOjB,CAAC;AAEF,eAAO,MAAM,WAAW;;kBAMvB,CAAC;AAEF,eAAO,MAAM,eAAe,oEAU3B,CAAC"}

package/dist/esm/components/EmptySlate/EmptySlate.styles.js

@@ -9,16 +9,20 @@ export var SubContainer = styled.div.withConfig({
   displayName: "EmptySlatestyles__SubContainer",
   componentId: "sc-jfbqky-1"
 })(["display:flex;align-items:center;flex-direction:column;justify-content:center;max-width:400px;", "{align-items:flex-start;}"], screen.lg);
+export var StyledImg = styled.img.withConfig({
+  displayName: "EmptySlatestyles__StyledImg",
+  componentId: "sc-jfbqky-2"
+})(["width:280px;height:280px;"]);
 export var Title = styled(Typography).withConfig({
   displayName: "EmptySlatestyles__Title",
-  componentId: "sc-jfbqky-2"
+  componentId: "sc-jfbqky-3"
 })(["margin-block-end:8px;text-align:center;", "{text-align:start;}"], screen.lg);
 export var Description = styled(Typography).withConfig({
   displayName: "EmptySlatestyles__Description",
-  componentId: "sc-jfbqky-3"
+  componentId: "sc-jfbqky-4"
 })(["text-align:center;", "{text-align:start;}"], screen.lg);
 export var FooterContainer = styled.div.withConfig({
   displayName: "EmptySlatestyles__FooterContainer",
-  componentId: "sc-jfbqky-4"
+  componentId: "sc-jfbqky-5"
 })(["margin-block-start:24px;display:flex;flex-direction:column;gap:12px;align-items:center;", "{flex-direction:row;}"], screen.lg);
 //# sourceMappingURL=EmptySlate.styles.js.map

package/dist/esm/components/EmptySlate/EmptySlate.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.styles.js","names":["styled","Typography","screen","Container","div","lg","SubContainer","Title","Description","FooterContainer"],"sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Typography } from \"../Typography/Typography\";\nimport { screen } from \"../BreakPoints\";\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  gap: 24px;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n\nexport const SubContainer = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 400px;\n\n  ${screen.lg} {\n    align-items: flex-start;\n  }\n`;\n\nexport const Title = styled(Typography)`\n  margin-block-end: 8px;\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const Description = styled(Typography)`\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const FooterContainer = styled.div`\n  margin-block-start: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,IAAMC,SAAS,GAAGH,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,0IAQ/BF,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAMC,YAAY,GAAGN,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,mIAOlCF,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAME,KAAK,GAAGP,MAAM,CAACC,UAAU,CAAC;EAAA;EAAA;AAAA,uEAInCC,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAMG,WAAW,GAAGR,MAAM,CAACC,UAAU,CAAC;EAAA;EAAA;AAAA,kDAGzCC,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAMI,eAAe,GAAGT,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,yHAOrCF,MAAM,CAACG,EAAE,CAGZ"}
+{"version":3,"file":"EmptySlate.styles.js","names":["styled","Typography","screen","Container","div","lg","SubContainer","StyledImg","img","Title","Description","FooterContainer"],"sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Typography } from \"../Typography/Typography\";\nimport { screen } from \"../BreakPoints\";\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  gap: 24px;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n\nexport const SubContainer = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 400px;\n\n  ${screen.lg} {\n    align-items: flex-start;\n  }\n`;\n\nexport const StyledImg = styled.img`\n  width: 280px;\n  height: 280px;\n`;\n\nexport const Title = styled(Typography)`\n  margin-block-end: 8px;\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const Description = styled(Typography)`\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const FooterContainer = styled.div`\n  margin-block-start: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,IAAMC,SAAS,GAAGH,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,0IAQ/BF,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAMC,YAAY,GAAGN,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,mIAOlCF,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAME,SAAS,GAAGP,MAAM,CAACQ,GAAG;EAAA;EAAA;AAAA,iCAGlC;AAED,OAAO,IAAMC,KAAK,GAAGT,MAAM,CAACC,UAAU,CAAC;EAAA;EAAA;AAAA,uEAInCC,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAMK,WAAW,GAAGV,MAAM,CAACC,UAAU,CAAC;EAAA;EAAA;AAAA,kDAGzCC,MAAM,CAACG,EAAE,CAGZ;AAED,OAAO,IAAMM,eAAe,GAAGX,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,yHAOrCF,MAAM,CAACG,EAAE,CAGZ"}

package/dist/index.js

@@ -16798,17 +16798,21 @@
     displayName: "EmptySlatestyles__SubContainer",
     componentId: "sc-jfbqky-1"
   })(["display:flex;align-items:center;flex-direction:column;justify-content:center;max-width:400px;", "{align-items:flex-start;}"], screen.lg);
+  var StyledImg = styled__default["default"].img.withConfig({
+    displayName: "EmptySlatestyles__StyledImg",
+    componentId: "sc-jfbqky-2"
+  })(["width:280px;height:280px;"]);
   var Title = styled__default["default"](Typography).withConfig({
     displayName: "EmptySlatestyles__Title",
-    componentId: "sc-jfbqky-2"
+    componentId: "sc-jfbqky-3"
   })(["margin-block-end:8px;text-align:center;", "{text-align:start;}"], screen.lg);
   var Description = styled__default["default"](Typography).withConfig({
     displayName: "EmptySlatestyles__Description",
-    componentId: "sc-jfbqky-3"
+    componentId: "sc-jfbqky-4"
   })(["text-align:center;", "{text-align:start;}"], screen.lg);
   var FooterContainer = styled__default["default"].div.withConfig({
     displayName: "EmptySlatestyles__FooterContainer",
-    componentId: "sc-jfbqky-4"
+    componentId: "sc-jfbqky-5"
   })(["margin-block-start:24px;display:flex;flex-direction:column;gap:12px;align-items:center;", "{flex-direction:row;}"], screen.lg);
 
   var _excluded$1 = ["children"];
@@ -16832,12 +16836,13 @@
       rest = _objectWithoutProperties(_ref, _excluded);
     return /*#__PURE__*/React__default["default"].createElement(Container, _extends({}, rest, {
       role: "status"
-    }), /*#__PURE__*/React__default["default"].createElement("img", {
+    }), /*#__PURE__*/React__default["default"].createElement(StyledImg, {
       src: src,
       alt: alt
     }), /*#__PURE__*/React__default["default"].createElement(SubContainer, null, /*#__PURE__*/React__default["default"].createElement(Title, {
       variant: "Title 1"
     }, title), description && /*#__PURE__*/React__default["default"].createElement(Description, {
+      color: "secondary",
       variant: "Body 1"
     }, description), children));
   };