@doist/reactist 28.5.1 → 28.5.2

package/es/components/progress-bar/progress-bar.js

@@ -1,18 +1,19 @@
 import * as React from 'react';
 import { HiddenVisually } from '../../hidden-visually/hidden-visually.js';
 import classNames from 'classnames';
+import modules_a0e70af1 from './progress-bar.module.css.js';
 
 function ProgressBar({
   fillPercentage = 0,
   className,
   'aria-valuetext': ariaValuetext
 }) {
-  const finalClassName = classNames('reactist_progress_bar', className);
+  const finalClassName = classNames(modules_a0e70af1.progressBar, className);
   const width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage;
   return /*#__PURE__*/React.createElement("div", {
     className: finalClassName
   }, /*#__PURE__*/React.createElement("div", {
-    className: "inner",
+    className: modules_a0e70af1.inner,
     style: {
       width: width + "%"
     }

package/es/components/progress-bar/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","sources":["../../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { HiddenVisually } from '../../hidden-visually'\nimport classNames from 'classnames'\n\nimport './progress-bar.less'\n\ntype Props = {\n    /** Additional css class applied to the progress bar. */\n    className?: string\n    /** How much of the progress bar should be filled. Number between 0 and 100 inclusive. */\n    fillPercentage?: number\n    /** Defines the human readable text alternative for assitive technologies. */\n    'aria-valuetext'?: string\n}\nfunction ProgressBar({ fillPercentage = 0, className, 'aria-valuetext': ariaValuetext }: Props) {\n    const finalClassName = classNames('reactist_progress_bar', className)\n    const width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage\n    return (\n        <div className={finalClassName}>\n            <div className=\"inner\" style={{ width: `${width}%` }} />\n            <HiddenVisually>\n                <progress value={width} max={100} aria-valuetext={ariaValuetext ?? undefined} />\n            </HiddenVisually>\n        </div>\n    )\n}\nProgressBar.displayName = 'ProgressBar'\n\nexport { ProgressBar }\n"],"names":["ProgressBar","fillPercentage","className","ariaValuetext","finalClassName","classNames","width","React","createElement","style","HiddenVisually","value","max","undefined","displayName"],"mappings":";;;;AAcA,SAASA,WAAT,CAAqB;AAAEC,EAAAA,cAAc,GAAG,CAAnB;EAAsBC,SAAtB;EAAiC,gBAAkBC,EAAAA,aAAAA;AAAnD,CAArB,EAA8F;AAC1F,EAAA,MAAMC,cAAc,GAAGC,UAAU,CAAC,uBAAD,EAA0BH,SAA1B,CAAjC,CAAA;AACA,EAAA,MAAMI,KAAK,GAAGL,cAAc,GAAG,CAAjB,GAAqB,CAArB,GAAyBA,cAAc,GAAG,GAAjB,GAAuB,GAAvB,GAA6BA,cAApE,CAAA;AACA,EAAA,oBACIM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKN,IAAAA,SAAS,EAAEE,cAAAA;AAAhB,GAAA,eACIG,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKN,IAAAA,SAAS,EAAC,OAAf;AAAuBO,IAAAA,KAAK,EAAE;AAAEH,MAAAA,KAAK,EAAKA,KAAL,GAAA,GAAA;AAAP,KAAA;AAA9B,GAAA,CADJ,eAEIC,KAAA,CAAAC,aAAA,CAACE,cAAD,EAAe,IAAf,eACIH,KAAA,CAAAC,aAAA,CAAA,UAAA,EAAA;AAAUG,IAAAA,KAAK,EAAEL,KAAjB;AAAwBM,IAAAA,GAAG,EAAE,GAA7B;IAAkD,gBAAAT,EAAAA,aAAA,IAAAA,IAAAA,GAAAA,aAAA,GAAiBU,SAAAA;GAAnE,CADJ,CAFJ,CADJ,CAAA;AAQH,CAAA;;AACDb,WAAW,CAACc,WAAZ,GAA0B,aAA1B;;;;"}
+{"version":3,"file":"progress-bar.js","sources":["../../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { HiddenVisually } from '../../hidden-visually'\nimport classNames from 'classnames'\n\nimport styles from './progress-bar.module.css'\n\ntype Props = {\n    /** Additional css class applied to the progress bar. */\n    className?: string\n    /** How much of the progress bar should be filled. Number between 0 and 100 inclusive. */\n    fillPercentage?: number\n    /** Defines the human readable text alternative for assitive technologies. */\n    'aria-valuetext'?: string\n}\nfunction ProgressBar({ fillPercentage = 0, className, 'aria-valuetext': ariaValuetext }: Props) {\n    const finalClassName = classNames(styles.progressBar, className)\n    const width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage\n    return (\n        <div className={finalClassName}>\n            <div className={styles.inner} style={{ width: `${width}%` }} />\n            <HiddenVisually>\n                <progress value={width} max={100} aria-valuetext={ariaValuetext ?? undefined} />\n            </HiddenVisually>\n        </div>\n    )\n}\nProgressBar.displayName = 'ProgressBar'\n\nexport { ProgressBar }\n"],"names":["ProgressBar","fillPercentage","className","ariaValuetext","finalClassName","classNames","styles","progressBar","width","React","createElement","inner","style","HiddenVisually","value","max","undefined","displayName"],"mappings":";;;;;AAcA,SAASA,WAAT,CAAqB;AAAEC,EAAAA,cAAc,GAAG,CAAnB;EAAsBC,SAAtB;EAAiC,gBAAkBC,EAAAA,aAAAA;AAAnD,CAArB,EAA8F;EAC1F,MAAMC,cAAc,GAAGC,UAAU,CAACC,gBAAM,CAACC,WAAR,EAAqBL,SAArB,CAAjC,CAAA;AACA,EAAA,MAAMM,KAAK,GAAGP,cAAc,GAAG,CAAjB,GAAqB,CAArB,GAAyBA,cAAc,GAAG,GAAjB,GAAuB,GAAvB,GAA6BA,cAApE,CAAA;AACA,EAAA,oBACIQ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKR,IAAAA,SAAS,EAAEE,cAAAA;AAAhB,GAAA,eACIK,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKR,SAAS,EAAEI,gBAAM,CAACK,KAAvB;AAA8BC,IAAAA,KAAK,EAAE;AAAEJ,MAAAA,KAAK,EAAKA,KAAL,GAAA,GAAA;AAAP,KAAA;AAArC,GAAA,CADJ,eAEIC,KAAA,CAAAC,aAAA,CAACG,cAAD,EAAe,IAAf,eACIJ,KAAA,CAAAC,aAAA,CAAA,UAAA,EAAA;AAAUI,IAAAA,KAAK,EAAEN,KAAjB;AAAwBO,IAAAA,GAAG,EAAE,GAA7B;IAAkD,gBAAAZ,EAAAA,aAAA,IAAAA,IAAAA,GAAAA,aAAA,GAAiBa,SAAAA;GAAnE,CADJ,CAFJ,CADJ,CAAA;AAQH,CAAA;;AACDhB,WAAW,CAACiB,WAAZ,GAA0B,aAA1B;;;;"}

package/es/components/progress-bar/progress-bar.module.css.js

@@ -0,0 +1,4 @@
+var modules_a0e70af1 = {"progressBar":"_2661b3dc","inner":"_0ca877fd"};
+
+export { modules_a0e70af1 as default };
+//# sourceMappingURL=progress-bar.module.css.js.map

package/es/components/progress-bar/progress-bar.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/components/progress-bar/progress-bar.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import './progress-bar.less';
 type Props = {
     /** Additional css class applied to the progress bar. */
     className?: string;

package/lib/components/progress-bar/progress-bar.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../../hidden-visually/hidden-visually.js"),t=require("classnames");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,r}var n=l(e),s=a(t);function u({fillPercentage:e=0,className:t,"aria-valuetext":a}){const l=s.default("reactist_progress_bar",t),u=e<0?0:e>100?100:e;return n.createElement("div",{className:l},n.createElement("div",{className:"inner",style:{width:u+"%"}}),n.createElement(r.HiddenVisually,null,n.createElement("progress",{value:u,max:100,"aria-valuetext":null!=a?a:void 0})))}u.displayName="ProgressBar",exports.ProgressBar=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../../hidden-visually/hidden-visually.js"),t=require("classnames"),a=require("./progress-bar.module.css.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,r}var u=s(e),n=l(t);function i({fillPercentage:e=0,className:t,"aria-valuetext":l}){const s=n.default(a.default.progressBar,t),i=e<0?0:e>100?100:e;return u.createElement("div",{className:s},u.createElement("div",{className:a.default.inner,style:{width:i+"%"}}),u.createElement(r.HiddenVisually,null,u.createElement("progress",{value:i,max:100,"aria-valuetext":null!=l?l:void 0})))}i.displayName="ProgressBar",exports.ProgressBar=i;
 //# sourceMappingURL=progress-bar.js.map

package/lib/components/progress-bar/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","sources":["../../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { HiddenVisually } from '../../hidden-visually'\nimport classNames from 'classnames'\n\nimport './progress-bar.less'\n\ntype Props = {\n    /** Additional css class applied to the progress bar. */\n    className?: string\n    /** How much of the progress bar should be filled. Number between 0 and 100 inclusive. */\n    fillPercentage?: number\n    /** Defines the human readable text alternative for assitive technologies. */\n    'aria-valuetext'?: string\n}\nfunction ProgressBar({ fillPercentage = 0, className, 'aria-valuetext': ariaValuetext }: Props) {\n    const finalClassName = classNames('reactist_progress_bar', className)\n    const width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage\n    return (\n        <div className={finalClassName}>\n            <div className=\"inner\" style={{ width: `${width}%` }} />\n            <HiddenVisually>\n                <progress value={width} max={100} aria-valuetext={ariaValuetext ?? undefined} />\n            </HiddenVisually>\n        </div>\n    )\n}\nProgressBar.displayName = 'ProgressBar'\n\nexport { ProgressBar }\n"],"names":["ProgressBar","fillPercentage","className","aria-valuetext","ariaValuetext","finalClassName","classNames","width","React","createElement","style","HiddenVisually","value","max","undefined","displayName"],"mappings":"mhBAcA,SAASA,GAAYC,eAAEA,EAAiB,EAAnBC,UAAsBA,EAAWC,iBAAkBC,IACpE,MAAMC,EAAiBC,EAAAA,QAAW,wBAAyBJ,GACrDK,EAAQN,EAAiB,EAAI,EAAIA,EAAiB,IAAM,IAAMA,EACpE,OACIO,EAAAC,cAAA,MAAA,CAAKP,UAAWG,GACZG,EAAAC,cAAA,MAAA,CAAKP,UAAU,QAAQQ,MAAO,CAAEH,MAAUA,EAAL,OACrCC,EAAAC,cAACE,EAAAA,eAAc,KACXH,EAAAC,cAAA,WAAA,CAAUG,MAAOL,EAAOM,IAAK,IAAqBV,iBAAAC,MAAAA,EAAAA,OAAiBU,MAKnFd,EAAYe,YAAc"}
+{"version":3,"file":"progress-bar.js","sources":["../../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { HiddenVisually } from '../../hidden-visually'\nimport classNames from 'classnames'\n\nimport styles from './progress-bar.module.css'\n\ntype Props = {\n    /** Additional css class applied to the progress bar. */\n    className?: string\n    /** How much of the progress bar should be filled. Number between 0 and 100 inclusive. */\n    fillPercentage?: number\n    /** Defines the human readable text alternative for assitive technologies. */\n    'aria-valuetext'?: string\n}\nfunction ProgressBar({ fillPercentage = 0, className, 'aria-valuetext': ariaValuetext }: Props) {\n    const finalClassName = classNames(styles.progressBar, className)\n    const width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage\n    return (\n        <div className={finalClassName}>\n            <div className={styles.inner} style={{ width: `${width}%` }} />\n            <HiddenVisually>\n                <progress value={width} max={100} aria-valuetext={ariaValuetext ?? undefined} />\n            </HiddenVisually>\n        </div>\n    )\n}\nProgressBar.displayName = 'ProgressBar'\n\nexport { ProgressBar }\n"],"names":["ProgressBar","fillPercentage","className","aria-valuetext","ariaValuetext","finalClassName","classNames","styles","progressBar","width","React","createElement","inner","style","HiddenVisually","value","max","undefined","displayName"],"mappings":"6jBAcA,SAASA,GAAYC,eAAEA,EAAiB,EAAnBC,UAAsBA,EAAWC,iBAAkBC,IACpE,MAAMC,EAAiBC,EAAU,QAACC,EAAM,QAACC,YAAaN,GAChDO,EAAQR,EAAiB,EAAI,EAAIA,EAAiB,IAAM,IAAMA,EACpE,OACIS,EAAAC,cAAA,MAAA,CAAKT,UAAWG,GACZK,EAAAC,cAAA,MAAA,CAAKT,UAAWK,EAAM,QAACK,MAAOC,MAAO,CAAEJ,MAAUA,EAAL,OAC5CC,EAAAC,cAACG,EAAAA,eAAc,KACXJ,EAAAC,cAAA,WAAA,CAAUI,MAAON,EAAOO,IAAK,IAAqBb,iBAAAC,MAAAA,EAAAA,OAAiBa,MAKnFjB,EAAYkB,YAAc"}

package/lib/components/progress-bar/progress-bar.module.css.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={progressBar:"_2661b3dc",inner:"_0ca877fd"};
+//# sourceMappingURL=progress-bar.module.css.js.map

package/lib/components/progress-bar/progress-bar.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -6,7 +6,7 @@
         "email": "henning@doist.com",
         "url": "http://doist.com"
     },
-    "version": "28.5.1",
+    "version": "28.5.2",
     "license": "MIT",
     "homepage": "https://github.com/Doist/reactist#readme",
     "repository": {

package/styles/progress-bar.module.css.css

@@ -0,0 +1 @@
+:root{--reactist-progressbar-height:var(--reactist-spacing-xsmall);--reactist-progressbar-radius-outer:var(--reactist-progressbar-height);--reactist-progressbar-radius-inner:var(--reactist-progressbar-height);--reactist-progressbar-track:var(--reactist-framework-fill-crest);--reactist-progressbar-fill:var(--reactist-bg-brand)}._2661b3dc{height:var(--reactist-progressbar-height);border-radius:var(--reactist-progressbar-radius-outer);background-color:var(--reactist-progressbar-track);width:100%}._0ca877fd{height:inherit;border-radius:var(--reactist-progressbar-radius-inner);background-color:var(--reactist-progressbar-fill)}

package/styles/reactist.css

@@ -31,7 +31,7 @@
 ._487c82cd{text-overflow:ellipsis;max-width:300px;z-index:var(--reactist-stacking-order-tooltip)}
 .reactist_menulist[role=menu]{min-height:44px;max-height:var(--popover-available-height);overflow:auto;display:block;white-space:nowrap;background:hsla(0,0%,100%,.99);outline:none;font-size:var(--reactist-font-size-copy);padding:4px 0;min-width:180px;border:1px solid var(--reactist-divider-secondary);border-radius:3px;margin:-4px;z-index:var(--reactist-stacking-order-menu)}.reactist_menulist[role=menu] .reactist_menugroup__label,.reactist_menulist[role=menu] [role=menuitem]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-align:left;display:flex;align-items:center;padding:5px 10px;color:inherit;border:none;background-color:transparent;font-family:var(--reactist-font-family);font-size:var(--reactist-font-size-copy)}.reactist_menulist[role=menu] .reactist_menugroup__label{color:var(--reactist-content-secondary);font-size:var(--reactist-font-size-copy)}.reactist_menulist[role=menu] [role=menuitem]{width:100%;box-sizing:border-box}.reactist_menulist[role=menu] [role=menuitem]:focus,.reactist_menulist[role=menu] [role=menuitem]:hover,.reactist_menulist[role=menu] [role=menuitem][aria-expanded=true]{color:var(--reactist-content-primary);background-color:var(--reactist-bg-selected)}.reactist_menulist[role=menu] [role=menuitem]:disabled,.reactist_menulist[role=menu] [role=menuitem][aria-disabled=true]{color:var(--reactist-content-secondary);pointer-events:none}.reactist_menulist[role=menu] a[role=menuitem]{cursor:default;text-decoration:none}.reactist_menulist[role=menu] a[role=menuitem]:hover{text-decoration:none}.reactist_menulist[role=menu] [role=menu]{margin-top:-5px}.reactist_menulist[role=menu] hr{border:none;height:1px;background-color:var(--reactist-bg-selected);margin:4px 0}
 .reactist_color_picker .color_trigger{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:24px;width:24px;border-radius:50%;cursor:pointer;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAxLjcwNy43MDhMMTIuNjA0IDE0YTEgMSAwIDAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwMS43MDctLjcwOHoiLz48L3N2Zz4=);background-position:50%;background-repeat:no-repeat;background-size:24px}.reactist_color_picker .color_trigger--inner_ring{background-color:rgba(0,0,0,.1);width:14px;height:14px;border-radius:50%;visibility:hidden}.reactist_color_picker .color_trigger:hover .color_trigger--inner_ring{visibility:visible}.reactist_color_picker .color_trigger.small{height:18px;width:18px}.reactist_color_picker .color_trigger.small .color_trigger--inner_ring{width:12px;height:12px}.reactist_color_picker .color_item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin:4px;width:32px;height:32px;border-radius:50%;cursor:pointer}.reactist_color_picker .color_item--inner_ring{background-color:transparent;border:2px solid #fff;height:24px;width:24px;border-radius:50%;visibility:hidden}.reactist_color_picker .color_item:hover .color_item--inner_ring{visibility:visible}.reactist_color_picker .color_item.active{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMTEuODYzLjQ5OWwtNC40NyA3Ljc0NGEuNDk5LjQ5OSAwIDAxLS43MzUuMTQ3LjUwMi41MDIgMCAwMS0uMDYxLS4wNDhsLTMuMzY2LTMuMTRhLjQ5OS40OTkgMCAxMS42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat}.reactist_color_picker .color_options{padding:6px;display:flex;flex-wrap:wrap;width:164px;position:relative}.reactist_color_picker .with_arrow:after,.reactist_color_picker .with_arrow:before{visibility:hidden}
-.reactist_progress_bar{height:4px;border-radius:3px;background-color:#ececec;width:100%}.reactist_progress_bar .inner{height:inherit;border-radius:4px;background-color:#70bc1c}
+:root{--reactist-progressbar-height:var(--reactist-spacing-xsmall);--reactist-progressbar-radius-outer:var(--reactist-progressbar-height);--reactist-progressbar-radius-inner:var(--reactist-progressbar-height);--reactist-progressbar-track:var(--reactist-framework-fill-crest);--reactist-progressbar-fill:var(--reactist-bg-brand)}._2661b3dc{height:var(--reactist-progressbar-height);border-radius:var(--reactist-progressbar-radius-outer);background-color:var(--reactist-progressbar-track);width:100%}._0ca877fd{height:inherit;border-radius:var(--reactist-progressbar-radius-inner);background-color:var(--reactist-progressbar-fill)}
 .reactist_time{font-size:.75rem;color:grey;font-weight:400;line-height:1.8}.reactist_tooltip .reactist_time:hover{text-decoration:underline}
 .reactist_button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;border:none;background-color:transparent;padding:0}.reactist_button[aria-disabled=true]{opacity:.4;cursor:not-allowed}.reactist_button--small{font-size:.81rem;color:#202020;font-weight:400;line-height:1.6}.reactist_button--danger,.reactist_button--primary,.reactist_button--secondary{font-size:.875rem;color:#202020;font-weight:400;line-height:1.7;box-sizing:border-box;padding:5px 15px;border:1px solid rgba(0,0,0,.1);border-radius:3px}.reactist_button--danger.reactist_button--small,.reactist_button--primary.reactist_button--small,.reactist_button--secondary.reactist_button--small{padding:5px 10px}.reactist_button--danger.reactist_button--large,.reactist_button--primary.reactist_button--large,.reactist_button--secondary.reactist_button--large{padding:10px 15px}.reactist_button--primary{background-color:#3f82ef;color:#fff}.reactist_button--primary:not([disabled]):hover{background-color:#3b7be2}.reactist_button--danger{background-color:#de4c4a;color:#fff}.reactist_button--danger:not([disabled]):hover{background-color:#cf2826}.reactist_button--secondary{background-color:#fff;color:#202020;border-color:#dcdcdc}.reactist_button--secondary:not([disabled]):hover{background-color:#f9f9f9}.reactist_button--link{color:#3f82ef;text-decoration:none}.reactist_button--link:disabled{color:grey}.reactist_button--link:not(:disabled):hover{text-decoration:underline}.reactist_button--link:not(.reactist_button--link--small):not(.reactist_button--link--large){font-size:inherit}.reactist_button--danger.reactist_button--loading,.reactist_button--primary.reactist_button--loading,.reactist_button--secondary.reactist_button--loading{cursor:progress!important}.reactist_button--danger.reactist_button--loading:after,.reactist_button--primary.reactist_button--loading:after,.reactist_button--secondary.reactist_button--loading:after{background-repeat:no-repeat;background-size:15px;content:"";display:inline-block;height:15px;margin-left:12px;vertical-align:middle;width:15px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:reactistRotateRight;animation-name:reactistRotateRight;-webkit-animation-timing-function:linear;animation-timing-function:linear;color:#fff;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4yNTciIGhlaWdodD0iMTYuMjU3IiB2aWV3Qm94PSItMTQ3LjgxMyAyMDYuNzUgMTYuMjU3IDE2LjI1NyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMTQ3LjgxMyAyMDYuNzUgMTYuMjU3IDE2LjI1NyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMikiPjxkZWZzPjxmaWx0ZXIgaWQ9ImEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iLTE0Ny42ODQiIHk9IjIxMC45MjkiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMy45NSI+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAxIDAiLz48L2ZpbHRlcj48L2RlZnM+PG1hc2sgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iLTE0Ny42ODQiIHk9IjIxMC45MjkiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMy45NSIgaWQ9ImIiPjxnIGZpbHRlcj0idXJsKCNhKSI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTS0xNDguNTg0IDIwNy45NzloMTh2MThoLTE4eiIvPjwvZz48L21hc2s+PHBhdGggbWFzaz0idXJsKCNiKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTS0xNDQuNjM0IDIxMS45MjlhNi45OTkgNi45OTkgMCAwMDAgOS44OTloMGE2Ljk5OSA2Ljk5OSAwIDAwOS44OTkgMCA2Ljk5OSA2Ljk5OSAwIDAwMC05Ljg5OSIvPjwvZz48L3N2Zz4=")}.reactist_button--secondary.reactist_button--loading{border-color:#dcdcdc;background-color:#dcdcdc;color:grey}@-webkit-keyframes reactistRotateRight{0%{transform:rotate(0deg);transform-origin:center center}to{transform:rotate(1turn);transform-origin:center center}}@keyframes reactistRotateRight{0%{transform:rotate(0deg);transform-origin:center center}to{transform:rotate(1turn);transform-origin:center center}}
 .reactist_dropdown .trigger{cursor:pointer;display:block}.reactist_dropdown .body{border-radius:3px;border:1px solid #dcdcdc;overflow:hidden;box-shadow:0 1px 8px 0 rgba(0,0,0,.08);z-index:1;background-color:#fff}.reactist_dropdown hr{border:none;height:1px;background-color:#dcdcdc;margin:0 5px}.reactist_dropdown .with_arrow:after,.reactist_dropdown .with_arrow:before{z-index:1;content:"";display:block;position:absolute;width:0;height:0;border-style:solid;border-width:6px;right:14px}.reactist_dropdown .with_arrow:after{top:-11px;border-color:transparent transparent #fff}.reactist_dropdown .with_arrow:before{top:-12px;border-color:transparent transparent #dcdcdc}.reactist_dropdown .with_arrow.top:after{top:-1px;border-color:#fff transparent transparent}.reactist_dropdown .with_arrow.top:before{top:-1px;right:13px;border-width:7px;border-color:#dcdcdc transparent transparent}