@doist/reactist 10.0.0 → 11.2.0

package/lib/components/modal/modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.js","sources":["../../../src/components/modal/modal.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport classnames from 'classnames'\n\nimport CloseIcon from '../icons/CloseIcon.svg'\n\nimport './modal.less'\n\ntype Props = {\n    /** Additional css class applied to the Modal.Box. */\n    className?: string\n    /** Sometimes a class name is not enough so you can use this to set the style directly. */\n    style?: React.CSSProperties\n    /** Large style. */\n    large: boolean\n    /** Medium size syle. */\n    medium?: boolean\n    /** Close the Modal when clicking on the overlay. */\n    closeOnOverlayClick: boolean\n}\n\nclass Box extends React.Component<React.PropsWithChildren<Props>> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    constructor(props: Props, context: unknown) {\n        super(props, context)\n        window.addEventListener('keydown', this._handleKeyDown)\n    }\n\n    componentWillUnmount() {\n        window.removeEventListener('keydown', this._handleKeyDown)\n    }\n\n    _closeModal = () => {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const modalElement = document.getElementById('modal_box')!\n        ReactDOM.unmountComponentAtNode(modalElement)\n    }\n\n    _handleKeyDown = (event: Partial<KeyboardEvent>) => {\n        if (event.keyCode === 27) {\n            // ESC\n            this._closeModal()\n            if (event.preventDefault) event.preventDefault()\n        }\n    }\n\n    _handleOverlayClick = (event: React.MouseEvent<Element>) => {\n        if (\n            event.target instanceof Element &&\n            (event.target.id === 'reactist-overlay' || event.target.id === 'reactist-overlay-inner')\n        ) {\n            this._closeModal()\n        }\n    }\n\n    render() {\n        const { large, medium, style, children, closeOnOverlayClick } = this.props\n\n        const className = classnames('reactist_modal_box', { large, medium }, this.props.className)\n\n        return (\n            <div\n                className=\"reactist_overlay\"\n                id=\"reactist-overlay\"\n                onClick={closeOnOverlayClick ? this._handleOverlayClick : undefined}\n            >\n                <div className=\"reactist_overlay_inner\" id=\"reactist-overlay-inner\">\n                    <div style={style} className={className}>\n                        {children}\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}\nBox.displayName = 'Modal.Box'\nBox.defaultProps = {\n    large: false,\n    closeOnOverlayClick: false,\n}\n\ntype HeaderProps = {\n    /** Title of the Modal.Header. */\n    title?: string | React.ReactNode\n    /** Subtitle of the Modal.Header. */\n    subtitle?: string | React.ReactNode\n    /** Function that is called right before the Modal unmounts itself. */\n    beforeClose?: () => void\n}\n\nclass Header extends React.Component<HeaderProps> {\n    public static displayName: string\n    public static defaultProps: HeaderProps\n\n    _closeModal(event: React.MouseEvent) {\n        event.preventDefault()\n        if (typeof this.props.beforeClose === 'function') {\n            this.props.beforeClose()\n        }\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const modalElement = document.getElementById('modal_box')!\n        ReactDOM.unmountComponentAtNode(modalElement)\n    }\n\n    render() {\n        return (\n            /* eslint-disable jsx-a11y/anchor-is-valid */\n            <div className=\"reactist_modal_box__header\">\n                <p>\n                    {this.props.title && <span className=\"title\">{this.props.title}</span>}\n                    {this.props.subtitle && <span className=\"subtitle\">{this.props.subtitle}</span>}\n                    {this.props.children}\n                </p>\n                <a className=\"close\" onClick={this._closeModal.bind(this)} href=\"#\">\n                    <CloseIcon />\n                </a>\n            </div>\n            /* eslint-enable jsx-a11y/anchor-is-valid */\n        )\n    }\n}\nHeader.displayName = 'Modal.Header'\n\ntype BodyProps = {\n    /** Display an icon (or basically any component) on the right hand side of the Modal.Body. */\n    icon?: React.ReactNode\n    /** Applies less styles on the body (e.g. no padding) */\n    plain?: boolean\n    /** Sometimes a class name is not enough so you can use this to set the style directly. */\n    style?: React.CSSProperties\n    /** Additionall css class applied to the Modal.Body. */\n    className?: string\n    /**\n     * Render a close icon in the top right corner of the Modal.Body.\n     * Recommended to use when no Modal.Header is used.\n     */\n    showCloseIcon?: boolean\n}\nclass Body extends React.Component<BodyProps> {\n    public static displayName: string\n    public static defaultProps: BodyProps\n\n    _closeModal(event: React.MouseEvent) {\n        event.preventDefault()\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const modalElement = document.getElementById('modal_box')!\n        ReactDOM.unmountComponentAtNode(modalElement)\n    }\n\n    render() {\n        const { icon, plain, children, style, showCloseIcon } = this.props\n        const className = classnames('reactist_modal_box__body', { plain }, this.props.className)\n\n        return (\n            /* eslint-disable jsx-a11y/anchor-is-valid */\n            <div className={className} style={style}>\n                {showCloseIcon && (\n                    <a className=\"close\" onClick={this._closeModal.bind(this)} href=\"#\">\n                        <CloseIcon />\n                    </a>\n                )}\n                {icon ? (\n                    <div className=\"dialog\">\n                        <div className=\"reactist_icon\">{icon}</div>\n                        <div className=\"content\">{children}</div>\n                    </div>\n                ) : (\n                    children\n                )}\n            </div>\n            /* eslint-enable jsx-a11y/anchor-is-valid */\n        )\n    }\n}\nBody.displayName = 'Modal.Body'\nBody.defaultProps = {\n    showCloseIcon: false,\n}\n\ntype ActionProps = {\n    /**\n     * Children to render inside the Modal.Actions. They can have an optional `close` property (boolean).\n     * When that is supplied and set to true it will close the modal after the onClick function\n     */\n    children?: React.ReactNode\n}\n\ntype ActionChildrenProps = {\n    close?: boolean\n    onClick?: () => void\n}\n\nclass Actions extends React.Component<ActionProps> {\n    public static displayName: string\n\n    _onClick(onClick: ActionChildrenProps['onClick']) {\n        if (onClick) {\n            onClick()\n        }\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const modalElement = document.getElementById('modal_box')!\n        ReactDOM.unmountComponentAtNode(modalElement)\n    }\n\n    render() {\n        const children = React.Children.map(\n            // see: https://github.com/microsoft/TypeScript/issues/21699\n            // @ts-expect-error Children cannot be typed properly yet in React\n            this.props.children,\n            (child: React.ReactElement<ActionChildrenProps>) => {\n                if (child?.props?.close) {\n                    return React.cloneElement(child, {\n                        onClick: () => this._onClick(child.props.onClick),\n                    })\n                } else {\n                    return child ? React.cloneElement(child) : <></>\n                }\n            },\n        )\n\n        return <div className=\"reactist_modal_box__actions\">{children}</div>\n    }\n}\nActions.displayName = 'Modal.Actions'\n\ntype Modal = {\n    Box: Box\n    Header: Header\n    Body: Body\n    Actions: Actions\n}\n\nexport type { Modal }\n\nexport { Box, Header, Body, Actions }\n"],"names":["Box","props","context","modalElement","document","getElementById","ReactDOM","unmountComponentAtNode","event","keyCode","_closeModal","preventDefault","target","Element","id","window","addEventListener","_this","_handleKeyDown","componentWillUnmount","removeEventListener","this","render","style","children","closeOnOverlayClick","className","classnames","large","medium","React","onClick","_handleOverlayClick","undefined","Component","displayName","defaultProps","Header","beforeClose","title","subtitle","bind","href","CloseIcon","Body","icon","showCloseIcon","plain","Actions","_onClick","Children","map","child","_child$props","close","cloneElement","_this2"],"mappings":"yTAqBMA,yBAIUC,EAAcC,8BAChBD,EAAOC,sBAQH,eAEJC,EAAeC,SAASC,eAAe,aAC7CC,EAASC,uBAAuBJ,qBAGnB,SAACK,GACQ,KAAlBA,EAAMC,YAEDC,cACDF,EAAMG,gBAAgBH,EAAMG,yCAIlB,SAACH,GAEfA,EAAMI,kBAAkBC,UACH,qBAApBL,EAAMI,OAAOE,IAAiD,2BAApBN,EAAMI,OAAOE,OAEnDJ,eA1BTK,OAAOC,iBAAiB,UAAWC,EAAKC,kEAG5CC,qBAAA,WACIJ,OAAOK,oBAAoB,UAAWC,KAAKH,mBA0B/CI,OAAA,iBACoED,KAAKpB,MAA9CsB,IAAAA,MAAOC,IAAAA,SAAUC,IAAAA,oBAElCC,EAAYC,EAAW,qBAAsB,CAAEC,QAF7CA,MAEoDC,SAF7CA,QAEuDR,KAAKpB,MAAMyB,kBAG7EI,uBACIJ,UAAU,mBACVZ,GAAG,mBACHiB,QAASN,EAAsBJ,KAAKW,yBAAsBC,GAE1DH,uBAAKJ,UAAU,yBAAyBZ,GAAG,0BACvCgB,uBAAKP,MAAOA,EAAOG,UAAWA,GACzBF,SAjDPM,EAAMI,WAwDxBlC,EAAImC,YAAc,YAClBnC,EAAIoC,aAAe,CACfR,OAAO,EACPH,qBAAqB,OAYnBY,gHAIF3B,YAAA,SAAYF,GACRA,EAAMG,iBACgC,mBAA3BU,KAAKpB,MAAMqC,kBACbrC,MAAMqC,kBAGTnC,EAAeC,SAASC,eAAe,aAC7CC,EAASC,uBAAuBJ,MAGpCmB,OAAA,kBAGQQ,uBAAKJ,UAAU,8BACXI,yBACKT,KAAKpB,MAAMsC,OAAST,wBAAMJ,UAAU,SAASL,KAAKpB,MAAMsC,OACxDlB,KAAKpB,MAAMuC,UAAYV,wBAAMJ,UAAU,YAAYL,KAAKpB,MAAMuC,UAC9DnB,KAAKpB,MAAMuB,UAEhBM,qBAAGJ,UAAU,QAAQK,QAASV,KAAKX,YAAY+B,KAAKpB,MAAOqB,KAAK,KAC5DZ,gBAACa,sBAxBAb,EAAMI,WA+B3BG,EAAOF,YAAc,mBAiBfS,gHAIFlC,YAAA,SAAYF,GACRA,EAAMG,qBAEAR,EAAeC,SAASC,eAAe,aAC7CC,EAASC,uBAAuBJ,MAGpCmB,OAAA,iBAC4DD,KAAKpB,MAArD4C,IAAAA,KAAarB,IAAAA,SAAUD,IAAAA,MAAOuB,IAAAA,cAChCpB,EAAYC,EAAW,2BAA4B,CAAEoB,QAD7CA,OACsD1B,KAAKpB,MAAMyB,kBAI3EI,uBAAKJ,UAAWA,EAAWH,MAAOA,GAC7BuB,GACGhB,qBAAGJ,UAAU,QAAQK,QAASV,KAAKX,YAAY+B,KAAKpB,MAAOqB,KAAK,KAC5DZ,gBAACa,iBAGRE,EACGf,uBAAKJ,UAAU,UACXI,uBAAKJ,UAAU,iBAAiBmB,GAChCf,uBAAKJ,UAAU,WAAWF,IAG9BA,OA7BDM,EAAMI,WAoCzBU,EAAKT,YAAc,aACnBS,EAAKR,aAAe,CAChBU,eAAe,OAgBbE,gHAGFC,SAAA,SAASlB,GACDA,GACAA,QAGE5B,EAAeC,SAASC,eAAe,aAC7CC,EAASC,uBAAuBJ,MAGpCmB,OAAA,sBACUE,EAAWM,EAAMoB,SAASC,SAGvBlD,MAAMuB,UACX,SAAC4B,gBACOA,MAAAA,aAAAA,EAAOnD,0BAAPoD,EAAcC,OACPxB,EAAMyB,aAAaH,EAAO,CAC7BrB,QAAS,kBAAMyB,EAAKP,SAASG,EAAMnD,MAAM8B,YAGtCqB,EAAQtB,EAAMyB,aAAaH,GAAStB,2CAKhDA,uBAAKJ,UAAU,+BAA+BF,OA5BvCM,EAAMI,WA+B5Bc,EAAQb,YAAc"}

package/lib/components/range-input/index.d.ts

@@ -1,2 +0,0 @@
-import { RangeInput } from './range-input';
-export default RangeInput;

package/lib/components/range-input/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./range-input.js");exports.default=e.RangeInput;
-//# sourceMappingURL=index.js.map

package/lib/components/range-input/index.js.map

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

package/lib/components/range-input/range-input.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import './range-input.less';
-declare type Props = {
-    /** Optional css class that is applied to the range input. */
-    className?: string;
-    /** Current value of the range input. */
-    value?: number;
-    /** Minimum value of the range input. */
-    min?: number;
-    /** Maximum value of the range input. */
-    max?: number;
-    /** Step size of the range input and the plus/minus buttons. */
-    stepSize?: number;
-    /** Optional function that is called when plus button is clicked. If not supplied onChange will be called with the next value. */
-    onPlus?: (value: number) => void;
-    /** Optional function that is called when minus button is clicked. If not supplied onChange will be called with the next value. */
-    onMinus?: (value: number) => void;
-    /** Callback function that is called whenever the range input value changes. When onPlus or onMinus is supplied this will not be called for button clicks. */
-    onChange?: (value: number) => void;
-};
-declare function RangeInput({ value, min, max, stepSize, onPlus, onMinus, onChange, className, }: Props): JSX.Element;
-declare namespace RangeInput {
-    var displayName: string;
-}
-export { RangeInput };

package/lib/components/range-input/range-input.js

@@ -1,2 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n=e(require("react")),t=e(require("classnames"));function a(e){var a=e.value,r=void 0===a?0:a,u=e.min,i=void 0===u?0:u,s=e.max,o=void 0===s?100:s,l=e.stepSize,c=void 0===l?1:l,p=e.onPlus,m=e.onMinus,f=e.onChange;"function"!=typeof p&&(p=f),"function"!=typeof m&&(m=f);var v=t("reactist_range_input",e.className);return n.createElement("div",{className:v},n.createElement("span",{className:"range_btn minus",onClick:function(){return r>i&&m&&m(r-c)}}),n.createElement("input",{value:r,className:"range_slider",type:"range",min:i,max:o,step:c,onChange:function(e){return null==f?void 0:f(parseInt(e.target.value))}}),n.createElement("span",{className:"range_btn plus",onClick:function(){return r<o&&p&&p(r+c)}}))}a.displayName="RangeInput",exports.RangeInput=a;
-//# sourceMappingURL=range-input.js.map

package/lib/components/range-input/range-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"range-input.js","sources":["../../../src/components/range-input/range-input.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './range-input.less'\n\ntype Props = {\n    /** Optional css class that is applied to the range input. */\n    className?: string\n    /** Current value of the range input. */\n    value?: number\n    /** Minimum value of the range input. */\n    min?: number\n    /** Maximum value of the range input. */\n    max?: number\n    /** Step size of the range input and the plus/minus buttons. */\n    stepSize?: number\n    /** Optional function that is called when plus button is clicked. If not supplied onChange will be called with the next value. */\n    onPlus?: (value: number) => void\n    /** Optional function that is called when minus button is clicked. If not supplied onChange will be called with the next value. */\n    onMinus?: (value: number) => void\n    /** Callback function that is called whenever the range input value changes. When onPlus or onMinus is supplied this will not be called for button clicks. */\n    onChange?: (value: number) => void\n}\n\nfunction RangeInput({\n    value = 0,\n    min = 0,\n    max = 100,\n    stepSize = 1,\n    onPlus,\n    onMinus,\n    onChange,\n    className,\n}: Props) {\n    if (typeof onPlus !== 'function') {\n        onPlus = onChange\n    }\n    if (typeof onMinus !== 'function') {\n        onMinus = onChange\n    }\n    const rangeInputClassName = classNames('reactist_range_input', className)\n    return (\n        <div className={rangeInputClassName}>\n            <span\n                className=\"range_btn minus\"\n                onClick={() => value > min && onMinus && onMinus(value - stepSize)}\n            />\n            <input\n                value={value}\n                className=\"range_slider\"\n                type=\"range\"\n                min={min}\n                max={max}\n                step={stepSize}\n                onChange={(event) => onChange?.(parseInt(event.target.value))}\n            />\n            <span\n                className=\"range_btn plus\"\n                onClick={() => value < max && onPlus && onPlus(value + stepSize)}\n            />\n        </div>\n    )\n}\nRangeInput.displayName = 'RangeInput'\n\nexport { RangeInput }\n"],"names":["RangeInput","value","min","max","stepSize","onPlus","onMinus","onChange","rangeInputClassName","classNames","className","React","onClick","type","step","event","parseInt","target","displayName"],"mappings":"+LAwBA,SAASA,aACLC,MAAAA,aAAQ,QACRC,IAAAA,aAAM,QACNC,IAAAA,aAAM,UACNC,SAAAA,aAAW,IACXC,IAAAA,OACAC,IAAAA,QACAC,IAAAA,SAGsB,mBAAXF,IACPA,EAASE,GAEU,mBAAZD,IACPA,EAAUC,OAERC,EAAsBC,EAAW,yBARvCC,kBAUIC,uBAAKD,UAAWF,GACZG,wBACID,UAAU,kBACVE,QAAS,kBAAMX,EAAQC,GAAOI,GAAWA,EAAQL,EAAQG,MAE7DO,yBACIV,MAAOA,EACPS,UAAU,eACVG,KAAK,QACLX,IAAKA,EACLC,IAAKA,EACLW,KAAMV,EACNG,SAAU,SAACQ,UAAUR,MAAAA,SAAAA,EAAWS,SAASD,EAAME,OAAOhB,WAE1DU,wBACID,UAAU,iBACVE,QAAS,kBAAMX,EAAQE,GAAOE,GAAUA,EAAOJ,EAAQG,OAKvEJ,EAAWkB,YAAc"}

package/lib/components/tabs/index.d.ts

@@ -1 +0,0 @@
-export { Tabs, Tab } from './tabs';

package/lib/components/tabs/tabs.d.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-import './tabs.less';
-declare type Props = {
-    disabled?: boolean;
-    /** Whether the tabs should take all available space and distribute it evenly or use the minimum required **/
-    spreadLayout?: boolean;
-    /** selects the tab whose value prop matches this prop */
-    defaultTab?: number;
-    /** Callback for tab change event. Tab value will be passed */
-    onChange?: (value: string | number | undefined) => void;
-};
-declare type State = {
-    activeTabIndex: number;
-};
-declare class Tabs extends React.Component<React.PropsWithChildren<Props>, State> {
-    static displayName: string;
-    static defaultProps: Props;
-    constructor(props: Props, context: unknown);
-    _switchActiveTab: (tab: React.Component<TabProps>, i: number) => void;
-    _renderTabLinks: (tabs: React.Component<TabProps>[]) => JSX.Element[];
-    render(): JSX.Element;
-}
-declare type TabProps = {
-    /** Additional css class applied to Tab. */
-    className?: string;
-    /** Disabled tabs can't be selected. */
-    disabled?: boolean;
-    value?: string | number;
-    /** Title of the tab. */
-    title?: React.ReactNode;
-};
-declare const Tab: React.FC<React.PropsWithChildren<TabProps>>;
-export { Tabs, Tab };

package/lib/components/tabs/tabs.js

@@ -1,2 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var a=e(require("react")),t=e(require("classnames")),r=require("../../_virtual/_rollupPluginBabelHelpers.js"),n=function(e){function n(r,n){var s;(s=e.call(this,r,n)||this)._switchActiveTab=function(e,a){s.setState((function(){return{activeTabIndex:a}})),s.props.onChange&&s.props.onChange(e.props.value)},s._renderTabLinks=function(e){return e.map((function(e,r){var n=e.props,i=n.title,o=n.disabled,l=e.props.value||r,u=t("reactist_tabs__header--item",{disabled:o,active:r===s.state.activeTabIndex});return a.createElement("a",{className:u,href:"",key:l,onClick:function(a){a.preventDefault(),o||s._switchActiveTab(e,r)}},i)}))};var i=r.defaultTab,o=r.onChange,l=a.Children.toArray(s.props.children),u=i||0===i;if((u||o)&&l&&l.find((function(e){return!e.props.value&&0!==e.props.value})))throw new Error('(Tab) Missing property: all Tab must have "value" set if "defaultTab" or "onChange" is used');if(u&&l){var c=l.findIndex((function(e){return e.props.value===i}));if(-1===c)throw new Error('(Tabs) Unable to find Tab with the matching defaultTab value "'+i+'"');s.state={activeTabIndex:c}}else s.state={activeTabIndex:0};return s}return r.inheritsLoose(n,e),n.prototype.render=function(){var e=a.Children.toArray(this.props.children),r=e[this.state.activeTabIndex]||e[0]||null,n=t("reactist_tabs"+(this.props.spreadLayout?"--spreadlayout":""));return a.createElement("div",{className:n},a.createElement("div",{className:"reactist_tabs__header"},this._renderTabLinks(e)),a.createElement("div",{className:"reactist_tabs__body"},r))},n}(a.Component);n.displayName="Tabs",n.defaultProps={spreadLayout:!1};var s=function(e){var r=e.children;return a.createElement("div",{className:t("reactist_tabs__tab",e.className)},r)};s.displayName="Tab",s.defaultProps={disabled:!1},exports.Tab=s,exports.Tabs=n;
-//# sourceMappingURL=tabs.js.map

package/lib/components/tabs/tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.js","sources":["../../../src/components/tabs/tabs.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './tabs.less'\n\ntype Props = {\n    disabled?: boolean\n    /** Whether the tabs should take all available space and distribute it evenly or use the minimum required **/\n    spreadLayout?: boolean\n    /** selects the tab whose value prop matches this prop */\n    defaultTab?: number\n    /** Callback for tab change event. Tab value will be passed */\n    onChange?: (value: string | number | undefined) => void\n}\n\ntype State = {\n    activeTabIndex: number\n}\n\nclass Tabs extends React.Component<React.PropsWithChildren<Props>, State> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    constructor(props: Props, context: unknown) {\n        super(props, context)\n        const { defaultTab, onChange } = props\n        const children = React.Children.toArray(this.props.children) as React.Component<TabProps>[]\n\n        const hasDefault = defaultTab || defaultTab === 0\n        if (hasDefault || onChange) {\n            if (children) {\n                const missing = children.find(\n                    (c: React.Component<TabProps>) => !c.props.value && c.props.value !== 0,\n                )\n                if (missing)\n                    throw new Error(\n                        '(Tab) Missing property: all Tab must have \"value\" set if \"defaultTab\" or \"onChange\" is used',\n                    )\n            }\n        }\n\n        if (hasDefault && children) {\n            const i = children.findIndex(\n                (x: React.Component<TabProps>) => x.props.value === defaultTab,\n            )\n            if (i === -1)\n                throw new Error(\n                    // `hasDefault` being `true` guarantees `defaultTab` being a `number`.\n                    // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n                    `(Tabs) Unable to find Tab with the matching defaultTab value \"${defaultTab}\"`,\n                )\n\n            this.state = { activeTabIndex: i }\n        } else {\n            this.state = { activeTabIndex: 0 }\n        }\n    }\n\n    _switchActiveTab = (tab: React.Component<TabProps>, i: number) => {\n        this.setState(() => ({ activeTabIndex: i }))\n        if (this.props.onChange) this.props.onChange(tab.props.value)\n    }\n\n    _renderTabLinks = (tabs: React.Component<TabProps>[]) => {\n        return tabs.map((t, i) => {\n            const { title, disabled } = t.props\n            const value = t.props.value || i\n            const className = classNames('reactist_tabs__header--item', {\n                disabled,\n                active: i === this.state.activeTabIndex,\n            })\n\n            return (\n                // eslint-disable-next-line jsx-a11y/anchor-is-valid\n                <a\n                    className={className}\n                    href=\"\"\n                    key={value}\n                    onClick={(event) => {\n                        event.preventDefault()\n                        if (!disabled) {\n                            this._switchActiveTab(t, i)\n                        }\n                    }}\n                >\n                    {title}\n                </a>\n            )\n        })\n    }\n\n    render() {\n        // ensures that single or no child components don't throw\n        const children = React.Children.toArray(this.props.children) as React.Component<TabProps>[]\n        const activeTab = children[this.state.activeTabIndex] || children[0] || null\n\n        const cls = classNames(`reactist_tabs${this.props.spreadLayout ? '--spreadlayout' : ''}`)\n\n        return (\n            <div className={cls}>\n                <div className=\"reactist_tabs__header\">{this._renderTabLinks(children)}</div>\n                <div className=\"reactist_tabs__body\">{activeTab}</div>\n            </div>\n        )\n    }\n}\nTabs.displayName = 'Tabs'\n\nTabs.defaultProps = {\n    spreadLayout: false,\n}\n\ntype TabProps = {\n    /** Additional css class applied to Tab. */\n    className?: string\n    /** Disabled tabs can't be selected. */\n    disabled?: boolean\n    /* It assigns a value to the tab so that it can be selected by the Tabs.*/\n    value?: string | number\n    /** Title of the tab. */\n    title?: React.ReactNode\n}\n\nconst Tab: React.FC<React.PropsWithChildren<TabProps>> = ({ children, className }) => (\n    <div className={classNames('reactist_tabs__tab', className)}>{children}</div>\n)\nTab.displayName = 'Tab'\nTab.defaultProps = {\n    disabled: false,\n}\n\nexport { Tabs, Tab }\n"],"names":["Tabs","props","context","tab","i","setState","activeTabIndex","_this","onChange","value","tabs","map","t","title","disabled","className","classNames","active","state","React","href","key","onClick","event","preventDefault","_switchActiveTab","defaultTab","children","Children","toArray","hasDefault","find","c","Error","findIndex","x","render","this","activeTab","cls","spreadLayout","_renderTabLinks","Component","displayName","defaultProps","Tab"],"mappings":"wPAmBMA,yBAIUC,EAAcC,wBAChBD,EAAOC,2BAkCE,SAACC,EAAgCC,KAC3CC,UAAS,iBAAO,CAAEC,eAAgBF,MACnCG,EAAKN,MAAMO,UAAUD,EAAKN,MAAMO,SAASL,EAAIF,MAAMQ,0BAGzC,SAACC,UACRA,EAAKC,KAAI,SAACC,EAAGR,SACYQ,EAAEX,MAAtBY,IAAAA,MAAOC,IAAAA,SACTL,EAAQG,EAAEX,MAAMQ,OAASL,EACzBW,EAAYC,EAAW,8BAA+B,CACxDF,SAAAA,EACAG,OAAQb,IAAMG,EAAKW,MAAMZ,wBAKzBa,qBACIJ,UAAWA,EACXK,KAAK,GACLC,IAAKZ,EACLa,QAAS,SAACC,GACNA,EAAMC,iBACDV,KACIW,iBAAiBb,EAAGR,KAIhCS,WA5DLa,EAAyBzB,EAAzByB,WAAYlB,EAAaP,EAAbO,SACdmB,EAAWR,EAAMS,SAASC,QAAQtB,EAAKN,MAAM0B,UAE7CG,EAAaJ,GAA6B,IAAfA,MAC7BI,GAActB,IACVmB,GACgBA,EAASI,MACrB,SAACC,UAAkCA,EAAE/B,MAAMQ,OAA2B,IAAlBuB,EAAE/B,MAAMQ,SAG5D,MAAM,IAAIwB,MACN,kGAKZH,GAAcH,EAAU,KAClBvB,EAAIuB,EAASO,WACf,SAACC,UAAiCA,EAAElC,MAAMQ,QAAUiB,SAE7C,IAAPtB,EACA,MAAM,IAAI6B,uEAG2DP,SAGpER,MAAQ,CAAEZ,eAAgBF,UAE1Bc,MAAQ,CAAEZ,eAAgB,oDAqCvC8B,OAAA,eAEUT,EAAWR,EAAMS,SAASC,QAAQQ,KAAKpC,MAAM0B,UAC7CW,EAAYX,EAASU,KAAKnB,MAAMZ,iBAAmBqB,EAAS,IAAM,KAElEY,EAAMvB,mBAA2BqB,KAAKpC,MAAMuC,aAAe,iBAAmB,YAGhFrB,uBAAKJ,UAAWwB,GACZpB,uBAAKJ,UAAU,yBAAyBsB,KAAKI,gBAAgBd,IAC7DR,uBAAKJ,UAAU,uBAAuBuB,QAlFnCnB,EAAMuB,WAuFzB1C,EAAK2C,YAAc,OAEnB3C,EAAK4C,aAAe,CAChBJ,cAAc,OAcZK,EAAmD,gBAAGlB,IAAAA,gBACxDR,uBAAKJ,UAAWC,EAAW,uBADuCD,YACJY,IAElEkB,EAAIF,YAAc,MAClBE,EAAID,aAAe,CACf9B,UAAU"}

package/lib/components/tip/index.d.ts

@@ -1,2 +0,0 @@
-import { Tip } from './tip';
-export default Tip;

package/lib/components/tip/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tip.js");exports.default=e.Tip;
-//# sourceMappingURL=index.js.map

package/lib/components/tip/index.js.map

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

package/lib/components/tip/tip.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import './tip.less';
-declare type Props = {
-    /** Additional css class that is applied to the Tip. */
-    className?: string;
-    /** Title of the tip. */
-    title?: React.ReactNode;
-    /** Message of the tip. */
-    message?: React.ReactNode;
-    /** Whether the tip content should be displayed to the top or not. Maps to the Dropdown.Box top property. */
-    top?: boolean;
-};
-declare function Tip({ title, message, top, className }: Props): JSX.Element;
-declare namespace Tip {
-    var displayName: string;
-    var defaultProps: {
-        top: boolean;
-    };
-}
-export { Tip };

package/lib/components/tip/tip.js

@@ -1,2 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),a=e(require("classnames")),r=require("../dropdown/index.js"),s=require("../icons/ThinQuestionMarkIcon.svg.js");function l(e){var l=e.title,i=e.message,n=e.top,c=a("reactist_tip__container",e.className);return t.createElement(r.default.Box,{top:n,className:c},t.createElement(r.default.Trigger,null,t.createElement(s.default,null)),t.createElement(r.default.Body,null,t.createElement("div",{className:"reactist_tip"},t.createElement("p",{className:"reactist_tip--title"},l),t.createElement("p",{className:"reactist_tip--message"},i))))}l.displayName="Tip",l.defaultProps={top:!1},exports.Tip=l;
-//# sourceMappingURL=tip.js.map

package/lib/components/tip/tip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tip.js","sources":["../../../src/components/tip/tip.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport ThinQuestionMark from '../icons/ThinQuestionMarkIcon.svg'\nimport Dropdown from '../dropdown'\n\nimport './tip.less'\n\ntype Props = {\n    /** Additional css class that is applied to the Tip. */\n    className?: string\n    /** Title of the tip. */\n    title?: React.ReactNode\n    /** Message of the tip. */\n    message?: React.ReactNode\n    /** Whether the tip content should be displayed to the top or not. Maps to the Dropdown.Box top property. */\n    top?: boolean\n}\n\nfunction Tip({ title, message, top, className }: Props) {\n    const tipClass = classNames('reactist_tip__container', className)\n    return (\n        <Dropdown.Box top={top} className={tipClass}>\n            <Dropdown.Trigger>\n                <ThinQuestionMark />\n            </Dropdown.Trigger>\n            <Dropdown.Body>\n                <div className=\"reactist_tip\">\n                    <p className=\"reactist_tip--title\">{title}</p>\n                    <p className=\"reactist_tip--message\">{message}</p>\n                </div>\n            </Dropdown.Body>\n        </Dropdown.Box>\n    )\n}\nTip.displayName = 'Tip'\nTip.defaultProps = {\n    top: false,\n}\n\nexport { Tip }\n"],"names":["Tip","title","message","top","tipClass","classNames","className","React","Dropdown","Box","Trigger","ThinQuestionMark","Body","displayName","defaultProps"],"mappings":"mRAmBA,SAASA,SAAMC,IAAAA,MAAOC,IAAAA,QAASC,IAAAA,IACrBC,EAAWC,EAAW,4BADIC,kBAG5BC,gBAACC,UAASC,KAAIN,IAAKA,EAAKG,UAAWF,GAC/BG,gBAACC,UAASE,aACNH,gBAACI,iBAELJ,gBAACC,UAASI,UACNL,uBAAKD,UAAU,gBACXC,qBAAGD,UAAU,uBAAuBL,GACpCM,qBAAGD,UAAU,yBAAyBJ,MAM1DF,EAAIa,YAAc,MAClBb,EAAIc,aAAe,CACfX,KAAK"}

package/styles/error-message.css

@@ -1 +0,0 @@
-.reactist_error_message{padding:10px 10px 0;margin-bottom:10px;background-color:#f8d9d8;border:1px solid #de4c4a}.reactist_error_message p{font-size:.875rem;color:#de4c4a;font-weight:400;line-height:1.7;margin:0 0 10px}.reactist_error_message .dismiss_icon{height:20px;width:20px;background-repeat:no-repeat;background-position:50%;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjN2MjNIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTEuMTcgMTAuMjg2TDcuMjgyIDYuMzk5YS43NS43NSAwIDEwLTEuMDYgMS4wNmwzLjg4NyAzLjg4Ny0zLjcxIDMuNzFhLjc1Ljc1IDAgMTAxLjA2IDEuMDZsMy43MS0zLjcwOSAzLjg4OCAzLjg4N2EuNzUuNzUgMCAxMDEuMDYtMS4wNmwtMy44ODctMy44ODggNC4wNjQtNC4wNjRhLjc1Ljc1IDAgMTAtMS4wNi0xLjA2bC00LjA2NCA0LjA2NHoiIGZpbGw9IiNERTRDNEEiLz48L2c+PC9zdmc+");float:right;position:relative;top:-30px}.reactist_error_message .dismiss_icon:hover{cursor:pointer}

package/styles/icon.css

@@ -1,2 +0,0 @@
-.reactist_icon{flex:0 0 auto;display:block;width:40px;height:40px;background-size:25px;background-position:50%;background-repeat:no-repeat}.reactist_icon.disabled{opacity:.4}.reactist_icon--component{display:flex;align-items:center;justify-content:center}
-.reactist_tooltip{font-size:.81rem;color:#202020;font-weight:400;line-height:1.6;text-align:center;text-overflow:ellipsis;overflow:hidden;max-width:100%;padding:5px 10px;background-color:#333;color:#fff;border:none;border-radius:3px;z-index:1000}

package/styles/range-input.css

@@ -1 +0,0 @@
-.reactist_range_input .range_btn{height:30px;width:30px;background-size:20px;display:inline-block;background-position:50%;background-repeat:no-repeat}.reactist_range_input .range_btn.plus{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMCAwaDIzdjIzSDB6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZmlsbD0iIzk3OTc5NyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTEuNSAyMWE5LjUgOS41IDAgMTAwLTE5IDkuNSA5LjUgMCAwMDAgMTl6bTAgMUM1LjcwMSAyMiAxIDE3LjI5OSAxIDExLjVTNS43MDEgMSAxMS41IDEgMjIgNS43MDEgMjIgMTEuNSAxNy4yOTkgMjIgMTEuNSAyMnoiIG1hc2s9InVybCgjYikiLz48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSI5IiB4PSIxMC41IiB5PSI3IiBmaWxsPSIjOTc5Nzk3IiBtYXNrPSJ1cmwoI2IpIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMTEuNSAxMS41KSIvPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjkiIHg9IjEwLjUiIHk9IjciIGZpbGw9IiM5Nzk3OTciIG1hc2s9InVybCgjYikiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDExLjUgMTEuNSkiLz48L2c+PC9zdmc+")}.reactist_range_input .range_btn.minus{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMCAwaDIzdjIzSDB6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iOSIgeD0iMTAuNSIgeT0iNyIgZmlsbD0iIzk3OTc5NyIgbWFzaz0idXJsKCNiKSIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKDkwIDExLjUgMTEuNSkiLz48cGF0aCBmaWxsPSIjOTc5Nzk3IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMS41IDIxYTkuNSA5LjUgMCAxMDAtMTkgOS41IDkuNSAwIDAwMCAxOXptMCAxQzUuNzAxIDIyIDEgMTcuMjk5IDEgMTEuNVM1LjcwMSAxIDExLjUgMSAyMiA1LjcwMSAyMiAxMS41IDE3LjI5OSAyMiAxMS41IDIyeiIgbWFzaz0idXJsKCNiKSIvPjwvZz48L3N2Zz4=")}.reactist_range_input .range_btn:hover{cursor:pointer}.reactist_range_input input[type=range]{-webkit-appearance:none;width:200px;height:30px}.reactist_range_input input[type=range]:focus{outline:none}.reactist_range_input input[type=range]::-webkit-slider-runnable-track{width:200px;height:2px;cursor:pointer;animate:.2s;background:grey}.reactist_range_input input[type=range]::-webkit-slider-thumb{box-sizing:border-box;border:1px solid #3f82ef;height:20px;width:20px;border-radius:50%;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-9px}.reactist_range_input input[type=range]:focus::-webkit-slider-runnable-track{background:#8d8d8d}.reactist_range_input input[type=range]::-moz-range-track{width:200px;height:2px;cursor:pointer;animate:.2s;background:grey}.reactist_range_input input[type=range]::-moz-range-thumb{box-sizing:border-box;border:1px solid #3f82ef;height:20px;width:20px;border-radius:50%;background:#fff;cursor:pointer}.reactist_range_input input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:20px 0;color:transparent}.reactist_range_input input[type=range]::-ms-fill-lower{width:200px;height:2px;cursor:pointer;animate:.2s;background:#737373}.reactist_range_input input[type=range]::-ms-fill-upper{width:200px;height:2px;cursor:pointer;animate:.2s;background:grey}.reactist_range_input input[type=range]::-ms-thumb{box-sizing:border-box;border:1px solid #3f82ef;height:20px;width:20px;border-radius:50%;background:#fff;cursor:pointer}.reactist_range_input input[type=range]:focus::-ms-fill-lower{background:grey}.reactist_range_input input[type=range]:focus::-ms-fill-upper{background:#8d8d8d}

package/styles/tip.css

@@ -1,4 +0,0 @@
-.reactist_tip{width:250px;padding:10px 20px}.reactist_tip__container{width:20px;height:20px}.reactist_tip--title{margin:0 0 10px;font-weight:700}.reactist_tip--message,.reactist_tip--title{font-size:.875rem;color:#202020;line-height:1.7}.reactist_tip--message{margin:0;font-weight:400}
-.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}
-.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;animation-duration:1s;animation-iteration-count:infinite;animation-name:reactistRotateRight;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}@keyframes reactistRotateRight{0%{transform:rotate(0deg);transform-origin:center center}to{transform:rotate(1turn);transform-origin:center center}}
-.reactist_tooltip{font-size:.81rem;color:#202020;font-weight:400;line-height:1.6;text-align:center;text-overflow:ellipsis;overflow:hidden;max-width:100%;padding:5px 10px;background-color:#333;color:#fff;border:none;border-radius:3px;z-index:1000}