@doist/reactist 26.2.1 → 26.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -21,9 +21,10 @@ function Notice({
21
21
  }, /*#__PURE__*/React.createElement(Column, {
22
22
  width: "content"
23
23
  }, /*#__PURE__*/React.createElement(AlertIcon, {
24
- tone: tone
24
+ tone: tone,
25
+ className: modules_1b547e7e.icon
25
26
  })), /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement(Box, {
26
- paddingY: "xsmall"
27
+ className: modules_1b547e7e.content
27
28
  }, children))));
28
29
  }
29
30
 
@@ -1 +1 @@
1
- {"version":3,"file":"notice.js","sources":["../../src/notice/notice.tsx"],"sourcesContent":["import * as React from 'react'\nimport { getClassNames } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport { Columns, Column } from '../columns'\nimport { AlertIcon } from '../icons/alert-icon'\n\nimport type { AlertTone } from '../utils/common-types'\n\nimport styles from './notice.module.css'\n\ntype NoticeProps = {\n id?: string\n children: React.ReactNode\n tone: AlertTone\n}\n\nfunction Notice({ id, children, tone }: NoticeProps) {\n return (\n <Box\n id={id}\n role=\"alert\"\n aria-live=\"polite\"\n className={[styles.container, getClassNames(styles, 'tone', tone)]}\n >\n <Columns space=\"small\" alignY=\"top\">\n <Column width=\"content\">\n <AlertIcon tone={tone} />\n </Column>\n <Column>\n <Box paddingY=\"xsmall\">{children}</Box>\n </Column>\n </Columns>\n </Box>\n )\n}\n\nexport { Notice }\nexport type { NoticeProps }\n"],"names":["Notice","id","children","tone","React","createElement","Box","role","className","styles","container","getClassNames","Columns","space","alignY","Column","width","AlertIcon","paddingY"],"mappings":";;;;;;;AAgBA,SAASA,MAAT,CAAgB;EAAEC,EAAF;EAAMC,QAAN;AAAgBC,EAAAA,IAAAA;AAAhB,CAAhB,EAAmD;AAC/C,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,GAAD,EAAI;AACAL,IAAAA,EAAE,EAAEA,EADJ;AAEAM,IAAAA,IAAI,EAAC,OAFL;AAEY,IAAA,WAAA,EACF,QAHV;AAIAC,IAAAA,SAAS,EAAE,CAACC,gBAAM,CAACC,SAAR,EAAmBC,aAAa,CAACF,gBAAD,EAAS,MAAT,EAAiBN,IAAjB,CAAhC,CAAA;AAJX,GAAJ,eAMIC,KAAC,CAAAC,aAAD,CAACO,OAAD;AAASC,IAAAA,KAAK,EAAC;AAAQC,IAAAA,MAAM,EAAC,KAAA;GAA9B,eACIV,KAAA,CAAAC,aAAA,CAACU,MAAD,EAAO;AAACC,IAAAA,KAAK,EAAC,SAAA;AAAP,GAAP,eACIZ,KAAA,CAAAC,aAAA,CAACY,SAAD,EAAW;AAAAd,IAAAA,IAAI,EAAEA,IAAAA;AAAN,GAAX,CADJ,CADJ,eAIIC,KAAA,CAAAC,aAAA,CAACU,MAAD,EAAO,IAAP,eACIX,KAAA,CAAAC,aAAA,CAACC,GAAD,EAAI;AAACY,IAAAA,QAAQ,EAAC,QAAA;AAAV,GAAJ,EAAwBhB,QAAxB,CADJ,CAJJ,CANJ,CADJ,CAAA;AAiBH;;;;"}
1
+ {"version":3,"file":"notice.js","sources":["../../src/notice/notice.tsx"],"sourcesContent":["import * as React from 'react'\nimport { getClassNames } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport { Columns, Column } from '../columns'\nimport { AlertIcon } from '../icons/alert-icon'\n\nimport type { AlertTone } from '../utils/common-types'\n\nimport styles from './notice.module.css'\n\ntype NoticeProps = {\n id?: string\n children: React.ReactNode\n tone: AlertTone\n}\n\nfunction Notice({ id, children, tone }: NoticeProps) {\n return (\n <Box\n id={id}\n role=\"alert\"\n aria-live=\"polite\"\n className={[styles.container, getClassNames(styles, 'tone', tone)]}\n >\n <Columns space=\"small\" alignY=\"top\">\n <Column width=\"content\">\n <AlertIcon tone={tone} className={styles.icon} />\n </Column>\n <Column>\n <Box className={styles.content}>{children}</Box>\n </Column>\n </Columns>\n </Box>\n )\n}\n\nexport { Notice }\nexport type { NoticeProps }\n"],"names":["Notice","id","children","tone","React","createElement","Box","role","className","styles","container","getClassNames","Columns","space","alignY","Column","width","AlertIcon","icon","content"],"mappings":";;;;;;;AAgBA,SAASA,MAAT,CAAgB;EAAEC,EAAF;EAAMC,QAAN;AAAgBC,EAAAA,IAAAA;AAAhB,CAAhB,EAAmD;AAC/C,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,GAAD,EAAI;AACAL,IAAAA,EAAE,EAAEA,EADJ;AAEAM,IAAAA,IAAI,EAAC,OAFL;AAEY,IAAA,WAAA,EACF,QAHV;AAIAC,IAAAA,SAAS,EAAE,CAACC,gBAAM,CAACC,SAAR,EAAmBC,aAAa,CAACF,gBAAD,EAAS,MAAT,EAAiBN,IAAjB,CAAhC,CAAA;AAJX,GAAJ,eAMIC,KAAC,CAAAC,aAAD,CAACO,OAAD;AAASC,IAAAA,KAAK,EAAC;AAAQC,IAAAA,MAAM,EAAC,KAAA;GAA9B,eACIV,KAAA,CAAAC,aAAA,CAACU,MAAD,EAAO;AAACC,IAAAA,KAAK,EAAC,SAAA;AAAP,GAAP,eACIZ,KAAA,CAAAC,aAAA,CAACY,SAAD,EAAU;AAACd,IAAAA,IAAI,EAAEA,IAAP;IAAaK,SAAS,EAAEC,gBAAM,CAACS,IAAAA;AAA/B,GAAV,CADJ,CADJ,eAIId,KAAA,CAAAC,aAAA,CAACU,MAAD,EAAO,IAAP,eACIX,KAAA,CAAAC,aAAA,CAACC,GAAD,EAAI;IAACE,SAAS,EAAEC,gBAAM,CAACU,OAAAA;AAAnB,GAAJ,EAAiCjB,QAAjC,CADJ,CAJJ,CANJ,CADJ,CAAA;AAiBH;;;;"}
@@ -1,4 +1,4 @@
1
- var modules_1b547e7e = {"container":"_464500ae","tone-info":"_1abfe147","tone-positive":"_36ce9859","tone-caution":"f92214b7","tone-critical":"be6cf28e"};
1
+ var modules_1b547e7e = {"container":"_2e62197a","content":"b7e8d846","icon":"_1c02ef4a","tone-info":"_940b3b19","tone-positive":"_6261fc66","tone-caution":"_255e20fe","tone-critical":"e225437d"};
2
2
 
3
3
  export { modules_1b547e7e as default };
4
4
  //# sourceMappingURL=notice.module.css.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../utils/responsive-props.js"),r=require("../box/box.js"),n=require("../columns/columns.js"),l=require("../icons/alert-icon.js"),o=require("./notice.module.css.js");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,t}var c=a(e);exports.Notice=function({id:e,children:a,tone:i}){return c.createElement(r.Box,{id:e,role:"alert","aria-live":"polite",className:[o.default.container,t.getClassNames(o.default,"tone",i)]},c.createElement(n.Columns,{space:"small",alignY:"top"},c.createElement(n.Column,{width:"content"},c.createElement(l.AlertIcon,{tone:i})),c.createElement(n.Column,null,c.createElement(r.Box,{paddingY:"xsmall"},a))))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../utils/responsive-props.js"),r=require("../box/box.js"),n=require("../columns/columns.js"),l=require("../icons/alert-icon.js"),o=require("./notice.module.css.js");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,t}var c=a(e);exports.Notice=function({id:e,children:a,tone:s}){return c.createElement(r.Box,{id:e,role:"alert","aria-live":"polite",className:[o.default.container,t.getClassNames(o.default,"tone",s)]},c.createElement(n.Columns,{space:"small",alignY:"top"},c.createElement(n.Column,{width:"content"},c.createElement(l.AlertIcon,{tone:s,className:o.default.icon})),c.createElement(n.Column,null,c.createElement(r.Box,{className:o.default.content},a))))};
2
2
  //# sourceMappingURL=notice.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"notice.js","sources":["../../src/notice/notice.tsx"],"sourcesContent":["import * as React from 'react'\nimport { getClassNames } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport { Columns, Column } from '../columns'\nimport { AlertIcon } from '../icons/alert-icon'\n\nimport type { AlertTone } from '../utils/common-types'\n\nimport styles from './notice.module.css'\n\ntype NoticeProps = {\n id?: string\n children: React.ReactNode\n tone: AlertTone\n}\n\nfunction Notice({ id, children, tone }: NoticeProps) {\n return (\n <Box\n id={id}\n role=\"alert\"\n aria-live=\"polite\"\n className={[styles.container, getClassNames(styles, 'tone', tone)]}\n >\n <Columns space=\"small\" alignY=\"top\">\n <Column width=\"content\">\n <AlertIcon tone={tone} />\n </Column>\n <Column>\n <Box paddingY=\"xsmall\">{children}</Box>\n </Column>\n </Columns>\n </Box>\n )\n}\n\nexport { Notice }\nexport type { NoticeProps }\n"],"names":["id","children","tone","React","createElement","Box","role","aria-live","className","styles","container","getClassNames","Columns","space","alignY","Column","width","AlertIcon","paddingY"],"mappings":"qjBAgBA,UAAgBA,GAAEA,EAAFC,SAAMA,EAANC,KAAgBA,IAC5B,OACIC,EAAAC,cAACC,MAAG,CACAL,GAAIA,EACJM,KAAK,QAAOC,YACF,SACVC,UAAW,CAACC,EAAAA,QAAOC,UAAWC,EAAaA,cAACF,UAAQ,OAAQP,KAE5DC,EAACC,cAAAQ,WAAQC,MAAM,QAAQC,OAAO,OAC1BX,EAAAC,cAACW,SAAM,CAACC,MAAM,WACVb,EAAAC,cAACa,YAAU,CAAAf,KAAMA,KAErBC,EAAAC,cAACW,EAAAA,OAAM,KACHZ,EAAAC,cAACC,MAAG,CAACa,SAAS,UAAUjB"}
1
+ {"version":3,"file":"notice.js","sources":["../../src/notice/notice.tsx"],"sourcesContent":["import * as React from 'react'\nimport { getClassNames } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport { Columns, Column } from '../columns'\nimport { AlertIcon } from '../icons/alert-icon'\n\nimport type { AlertTone } from '../utils/common-types'\n\nimport styles from './notice.module.css'\n\ntype NoticeProps = {\n id?: string\n children: React.ReactNode\n tone: AlertTone\n}\n\nfunction Notice({ id, children, tone }: NoticeProps) {\n return (\n <Box\n id={id}\n role=\"alert\"\n aria-live=\"polite\"\n className={[styles.container, getClassNames(styles, 'tone', tone)]}\n >\n <Columns space=\"small\" alignY=\"top\">\n <Column width=\"content\">\n <AlertIcon tone={tone} className={styles.icon} />\n </Column>\n <Column>\n <Box className={styles.content}>{children}</Box>\n </Column>\n </Columns>\n </Box>\n )\n}\n\nexport { Notice }\nexport type { NoticeProps }\n"],"names":["id","children","tone","React","createElement","Box","role","aria-live","className","styles","container","getClassNames","Columns","space","alignY","Column","width","AlertIcon","icon","content"],"mappings":"qjBAgBA,UAAgBA,GAAEA,EAAFC,SAAMA,EAANC,KAAgBA,IAC5B,OACIC,EAAAC,cAACC,MAAG,CACAL,GAAIA,EACJM,KAAK,QAAOC,YACF,SACVC,UAAW,CAACC,EAAAA,QAAOC,UAAWC,EAAaA,cAACF,UAAQ,OAAQP,KAE5DC,EAACC,cAAAQ,WAAQC,MAAM,QAAQC,OAAO,OAC1BX,EAAAC,cAACW,SAAM,CAACC,MAAM,WACVb,EAAAC,cAACa,YAAS,CAACf,KAAMA,EAAMM,UAAWC,EAAM,QAACS,QAE7Cf,EAAAC,cAACW,EAAAA,OAAM,KACHZ,EAAAC,cAACC,MAAG,CAACG,UAAWC,EAAM,QAACU,SAAUlB"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={container:"_464500ae","tone-info":"_1abfe147","tone-positive":"_36ce9859","tone-caution":"f92214b7","tone-critical":"be6cf28e"};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={container:"_2e62197a",content:"b7e8d846",icon:"_1c02ef4a","tone-info":"_940b3b19","tone-positive":"_6261fc66","tone-caution":"_255e20fe","tone-critical":"e225437d"};
2
2
  //# sourceMappingURL=notice.module.css.js.map
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "email": "henning@doist.com",
7
7
  "url": "http://doist.com"
8
8
  },
9
- "version": "26.2.1",
9
+ "version": "26.2.2",
10
10
  "license": "MIT",
11
11
  "homepage": "https://github.com/Doist/reactist#readme",
12
12
  "repository": {
package/styles/notice.css CHANGED
@@ -4,4 +4,4 @@
4
4
  ._68ab48ca{min-width:0}._6fa2b565{min-width:var(--reactist-width-xsmall)}.dd50fabd{min-width:var(--reactist-width-small)}.e7e2c808{min-width:var(--reactist-width-medium)}._6abbe25e{min-width:var(--reactist-width-large)}._54f479ac{min-width:var(--reactist-width-xlarge)}._148492bc{max-width:var(--reactist-width-xsmall)}.bd023b96{max-width:var(--reactist-width-small)}.e102903f{max-width:var(--reactist-width-medium)}._0e8d76d7{max-width:var(--reactist-width-large)}._47a031d0{max-width:var(--reactist-width-xlarge)}.cd4c8183{max-width:100%}._5f5959e8{width:0}._8c75067a{width:100%}._56a651f6{width:auto}._26f87bb8{width:-moz-max-content;width:-webkit-max-content;width:max-content}._07a6ab44{width:-moz-min-content;width:-webkit-min-content;width:min-content}.a87016fa{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._1a972e50{width:var(--reactist-width-xsmall)}.c96d8261{width:var(--reactist-width-small)}.f3829d42{width:var(--reactist-width-medium)}._2caef228{width:var(--reactist-width-large)}._069e1491{width:var(--reactist-width-xlarge)}
5
5
  ._64ed24f4{gap:0}._2580a74b{gap:var(--reactist-spacing-xsmall)}.c68f8bf6{gap:var(--reactist-spacing-small)}._43e5f8e9{gap:var(--reactist-spacing-medium)}._966b120f{gap:var(--reactist-spacing-large)}.f957894c{gap:var(--reactist-spacing-xlarge)}._8cca104b{gap:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5797cee2{gap:0}._9015672f{gap:var(--reactist-spacing-xsmall)}._7ec86eec{gap:var(--reactist-spacing-small)}._714d7179{gap:var(--reactist-spacing-medium)}.ae1deb59{gap:var(--reactist-spacing-large)}.e1cfce55{gap:var(--reactist-spacing-xlarge)}._168a8ff8{gap:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._43e2b619{gap:0}._0ea9bf88{gap:var(--reactist-spacing-xsmall)}.d451307a{gap:var(--reactist-spacing-small)}.bf93cf66{gap:var(--reactist-spacing-medium)}._1430cddf{gap:var(--reactist-spacing-large)}.fa00c93e{gap:var(--reactist-spacing-xlarge)}._6f3aee54{gap:var(--reactist-spacing-xxlarge)}}
6
6
  .eae3d34f,.eae3d34f>:last-child{--reactist-columns-gap:0px}._9b4012c9{--reactist-columns-gap:var(--reactist-spacing-xsmall)}.e35e0320{--reactist-columns-gap:var(--reactist-spacing-small)}._0703e67f{--reactist-columns-gap:var(--reactist-spacing-medium)}._1cf15621{--reactist-columns-gap:var(--reactist-spacing-large)}._1c7dff67{--reactist-columns-gap:var(--reactist-spacing-xlarge)}._25bee9b6{--reactist-columns-gap:var(--reactist-spacing-xxlarge)}._4bb9987d{flex-basis:content}._9dd31975{flex-basis:auto}._38d11c0e{flex-basis:calc(50% - var(--reactist-columns-gap))}._7ac225c6{flex-basis:calc(33.33333% - var(--reactist-columns-gap))}._9c340680{flex-basis:calc(66.66667% - var(--reactist-columns-gap))}._81cb99d2{flex-basis:calc(25% - var(--reactist-columns-gap))}._10fd355f{flex-basis:calc(75% - var(--reactist-columns-gap))}._3ee66520{flex-basis:calc(20% - var(--reactist-columns-gap))}.df1201a5{flex-basis:calc(40% - var(--reactist-columns-gap))}.f772e0b2{flex-basis:calc(60% - var(--reactist-columns-gap))}._880cbbb1{flex-basis:calc(80% - var(--reactist-columns-gap))}
7
- ._464500ae{color:var(--reactist-content-primary)}._1abfe147 svg{color:var(--reactist-alert-tone-info-icon)}._36ce9859 svg{color:var(--reactist-alert-tone-positive-icon)}.f92214b7 svg{color:var(--reactist-alert-tone-caution-icon)}.be6cf28e svg{color:var(--reactist-alert-tone-critical-icon)}
7
+ ._2e62197a{color:var(--reactist-content-primary)}.b7e8d846{padding-top:calc(var(--reactist-spacing-xsmall)/2)}._1c02ef4a{display:block}._940b3b19 ._1c02ef4a{color:var(--reactist-alert-tone-info-icon)}._6261fc66 ._1c02ef4a{color:var(--reactist-alert-tone-positive-icon)}._255e20fe ._1c02ef4a{color:var(--reactist-alert-tone-caution-icon)}.e225437d ._1c02ef4a{color:var(--reactist-alert-tone-critical-icon)}
@@ -1 +1 @@
1
- ._464500ae{color:var(--reactist-content-primary)}._1abfe147 svg{color:var(--reactist-alert-tone-info-icon)}._36ce9859 svg{color:var(--reactist-alert-tone-positive-icon)}.f92214b7 svg{color:var(--reactist-alert-tone-caution-icon)}.be6cf28e svg{color:var(--reactist-alert-tone-critical-icon)}
1
+ ._2e62197a{color:var(--reactist-content-primary)}.b7e8d846{padding-top:calc(var(--reactist-spacing-xsmall)/2)}._1c02ef4a{display:block}._940b3b19 ._1c02ef4a{color:var(--reactist-alert-tone-info-icon)}._6261fc66 ._1c02ef4a{color:var(--reactist-alert-tone-positive-icon)}._255e20fe ._1c02ef4a{color:var(--reactist-alert-tone-caution-icon)}.e225437d ._1c02ef4a{color:var(--reactist-alert-tone-critical-icon)}
@@ -11,7 +11,7 @@
11
11
  .d6be7fe9{border-style:solid;border-width:1px;color:var(--reactist-content-primary);padding:var(--reactist-spacing-small)}.ad8ace2f{min-height:var(--reactist-button-small-height)}.ab71a9dc{display:block}._043941a6{background-color:var(--reactist-alert-tone-info-background);border-color:var(--reactist-alert-tone-info-border)}._043941a6 .ab71a9dc{color:var(--reactist-alert-tone-info-icon)}.f34b89d4{background-color:var(--reactist-alert-tone-positive-background);border-color:var(--reactist-alert-tone-positive-border)}.f34b89d4 .ab71a9dc{color:var(--reactist-alert-tone-positive-icon)}.a069ea07{background-color:var(--reactist-alert-tone-caution-background);border-color:var(--reactist-alert-tone-caution-border)}.a069ea07 .ab71a9dc{color:var(--reactist-alert-tone-caution-icon)}.e505aabb{background-color:var(--reactist-alert-tone-critical-background);border-color:var(--reactist-alert-tone-critical-border)}.e505aabb .ab71a9dc{color:var(--reactist-alert-tone-critical-icon)}
12
12
  :root{--reactist-banner-title-font-size:14px;--reactist-banner-title-line-height:21px;--reactist-banner-description-font-size:12px;--reactist-banner-description-line-height:20px;--reactist-banner-info-border:#eee;--reactist-banner-info-background:#fafafa;--reactist-banner-info-title:#202020;--reactist-banner-info-description:#666;--reactist-banner-promotion-border:#fae8d6;--reactist-banner-promotion-background:#fffaf4;--reactist-banner-promotion-title:#202020;--reactist-banner-promotion-description:#666}.c1dffd60{border-style:solid;border-width:1px;padding:var(--reactist-spacing-small) var(--reactist-spacing-large);letter-spacing:-.15px;font-family:var(--reactist-font-family)}._9d552538{background-color:var(--reactist-banner-info-background);border-color:var(--reactist-banner-info-border)}.d797752e{background-color:var(--reactist-banner-promotion-background);border-color:var(--reactist-banner-promotion-border)}._8cd610da{font-size:var(--reactist-banner-title-font-size);line-height:var(--reactist-banner-title-line-height);font-weight:var(--reactist-font-weight-strong)}._78ea5373{font-weight:var(--reactist-font-weight-regular)}._319c73fa{color:var(--reactist-banner-info-title)}.fc84253f{color:var(--reactist-banner-promotion-title)}.af4bd758{font-size:var(--reactist-banner-description-font-size);line-height:var(--reactist-banner-description-line-height);font-weight:var(--reactist-font-weight-regular)}.b95a8c07{color:var(--reactist-banner-info-description)}._3c33f615{color:var(--reactist-banner-promotion-description)}
13
13
  :root{--reactist-spinner-tint:var(--reactist-bg-brand);--reactist-spinner-fill:var(--reactist-framework-fill-crest)}@-webkit-keyframes _54fbe2b3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes _54fbe2b3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._51539197{-webkit-animation-name:_54fbe2b3;animation-name:_54fbe2b3;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.a0c466ed{fill:var(--reactist-spinner-tint)}._745b73d3{fill:var(--reactist-spinner-fill)}
14
- ._464500ae{color:var(--reactist-content-primary)}._1abfe147 svg{color:var(--reactist-alert-tone-info-icon)}._36ce9859 svg{color:var(--reactist-alert-tone-positive-icon)}.f92214b7 svg{color:var(--reactist-alert-tone-caution-icon)}.be6cf28e svg{color:var(--reactist-alert-tone-critical-icon)}
14
+ ._2e62197a{color:var(--reactist-content-primary)}.b7e8d846{padding-top:calc(var(--reactist-spacing-xsmall)/2)}._1c02ef4a{display:block}._940b3b19 ._1c02ef4a{color:var(--reactist-alert-tone-info-icon)}._6261fc66 ._1c02ef4a{color:var(--reactist-alert-tone-positive-icon)}._255e20fe ._1c02ef4a{color:var(--reactist-alert-tone-caution-icon)}.e225437d ._1c02ef4a{color:var(--reactist-alert-tone-critical-icon)}
15
15
  ._616cc3f3{bottom:0;pointer-events:none;z-index:var(--reactist-stacking-order-toast)}._1b5f8e86{pointer-events:all;gap:var(--reactist-spacing-medium);box-shadow:var(--reactist-toast-box-shadow)}.ce2e3476{color:var(--reactist-content-primary)}@media (max-width:500px){._1b5f8e86{width:100%!important}}
16
16
  .bff24867{color:var(--reactist-content-primary);font-weight:var(--reactist-font-weight-strong);font-family:var(--reactist-font-family)}._9b540c61{font-weight:var(--reactist-font-weight-medium)}.c6729907{font-weight:var(--reactist-font-weight-regular)}.d6507f70{color:var(--reactist-content-secondary)}.d1846d93{color:#d1453b}h1.bff24867{font-size:var(--reactist-font-size-header)}h1._7cbdd1ba{font-size:var(--reactist-font-size-header-xlarge)}h1.b3e14969{font-size:var(--reactist-font-size-header-large)}h1.be14a265,h2.bff24867{font-size:var(--reactist-font-size-subtitle)}h2._7cbdd1ba{font-size:var(--reactist-font-size-header-large)}h2.b3e14969{font-size:var(--reactist-font-size-header)}h2.be14a265,h3.bff24867{font-size:var(--reactist-font-size-body)}h3._7cbdd1ba{font-size:var(--reactist-font-size-header)}h3.b3e14969{font-size:var(--reactist-font-size-subtitle)}h3.be14a265{font-size:var(--reactist-font-size-caption)}h4.bff24867,h5.bff24867,h6.bff24867{font-size:var(--reactist-font-size-body)}h4._7cbdd1ba,h5._7cbdd1ba,h6._7cbdd1ba{font-size:var(--reactist-font-size-header)}h4.b3e14969,h5.b3e14969,h6.b3e14969{font-size:var(--reactist-font-size-subtitle)}._71391f13{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._97298b1b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._6d357d76{-webkit-line-clamp:2}.d820b451{-webkit-line-clamp:3}._8d37487d{-webkit-line-clamp:4}._5215b4d7{-webkit-line-clamp:5}
17
17
  .a83bd4e0{font-family:var(--reactist-font-family);font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-regular);color:var(--reactist-content-primary)}._266d6623{font-size:var(--reactist-font-size-caption)}.a8d37c6e{font-size:var(--reactist-font-size-copy)}._39f4eb1f{font-size:var(--reactist-font-size-subtitle)}._7be5c531{font-weight:var(--reactist-font-weight-medium)}.e214ff2e{font-weight:var(--reactist-font-weight-strong)}._6a3e5ade{color:var(--reactist-content-secondary)}._8f5b5f2b{color:var(--reactist-content-danger)}._9ae47ae4{color:var(--reactist-content-positive)}._969f18f7{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._2f303ac3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.d3e04245{-webkit-line-clamp:2}._33411704{-webkit-line-clamp:3}.bfc32640{-webkit-line-clamp:4}.f813c82f{-webkit-line-clamp:5}