@doist/reactist 28.7.2 → 28.7.4

package/lib/utils/responsive-props.d.ts

@@ -1,44 +1,44 @@
-type ResponsiveBreakpoints = 'mobile' | 'tablet' | 'desktop';
-type Atom = string | number | boolean;
-/**
- * A responsive prop supports receiving values of its given base type, or an object mapping a
- * responsive breakpoint name to a value from the prop's base type.
- *
- * Some examples:
- *
- * - `align={{ mobile: 'left', tablet: 'center', desktop: 'right' }}`
- */
-type ResponsiveProp<AtomType extends Atom> = AtomType | Readonly<{
-    [key in ResponsiveBreakpoints]?: AtomType;
-}>;
-/**
- * Builds a css module class name for a given prop + prop-value combination.
- *
- * We have a convention of building the internal utility-based class names system in a way that
- * resembles the prop for which it is used and the value of the prop. For instance, in a component
- * with a prop `width` with possible values `narrow` and `wide`, we encode the styles for each of
- * these alternatives in the class-names `.width-narrow` and `.width-wide`.
- *
- * Furthermore, this helper is aware of responsive prop values. For instance, if you provide the
- * `width` prop above with the value `['narrow', 'wide']` this returns `['narrow', 'tablet-wide']`.
- * That is, it returns an array of class names, following the same convention above, but also
- * prefixing by the viewport width variant (`tablet-` or `desktop-`).
- *
- * @param styles the class names mapping imported from a css module
- * @param property the prop name
- * @param value the given prop's value
- */
-declare function getClassNames(styles: Record<string, string>, property: string, value: ResponsiveProp<string> | null | undefined): Array<string | undefined> | null;
-/**
- * A mapping over a responsive prop value.
- *
- * Since response values can be an object but also a scalar value, this helper makes it easier to
- * to map the values when it's an object but keeps it consistent for the case when it is a scalar
- * value as well.
- *
- * @param fromValue the responsive prop value
- * @param mapper the mapping function
- */
-declare function mapResponsiveProp<From extends Atom, To extends Atom>(fromValue: ResponsiveProp<From> | undefined, mapper: (from: From) => To): ResponsiveProp<To> | undefined;
-export type { ResponsiveProp, ResponsiveBreakpoints };
-export { getClassNames, mapResponsiveProp };
+type ResponsiveBreakpoints = 'mobile' | 'tablet' | 'desktop';
+type Atom = string | number | boolean;
+/**
+ * A responsive prop supports receiving values of its given base type, or an object mapping a
+ * responsive breakpoint name to a value from the prop's base type.
+ *
+ * Some examples:
+ *
+ * - `align={{ mobile: 'left', tablet: 'center', desktop: 'right' }}`
+ */
+type ResponsiveProp<AtomType extends Atom> = AtomType | Readonly<{
+    [key in ResponsiveBreakpoints]?: AtomType;
+}>;
+/**
+ * Builds a css module class name for a given prop + prop-value combination.
+ *
+ * We have a convention of building the internal utility-based class names system in a way that
+ * resembles the prop for which it is used and the value of the prop. For instance, in a component
+ * with a prop `width` with possible values `narrow` and `wide`, we encode the styles for each of
+ * these alternatives in the class-names `.width-narrow` and `.width-wide`.
+ *
+ * Furthermore, this helper is aware of responsive prop values. For instance, if you provide the
+ * `width` prop above with the value `['narrow', 'wide']` this returns `['narrow', 'tablet-wide']`.
+ * That is, it returns an array of class names, following the same convention above, but also
+ * prefixing by the viewport width variant (`tablet-` or `desktop-`).
+ *
+ * @param styles the class names mapping imported from a css module
+ * @param property the prop name
+ * @param value the given prop's value
+ */
+declare function getClassNames(styles: Record<string, string>, property: string, value: ResponsiveProp<string> | null | undefined): Array<string | undefined> | null;
+/**
+ * A mapping over a responsive prop value.
+ *
+ * Since response values can be an object but also a scalar value, this helper makes it easier to
+ * to map the values when it's an object but keeps it consistent for the case when it is a scalar
+ * value as well.
+ *
+ * @param fromValue the responsive prop value
+ * @param mapper the mapping function
+ */
+declare function mapResponsiveProp<From extends Atom, To extends Atom>(fromValue: ResponsiveProp<From> | undefined, mapper: (from: From) => To): ResponsiveProp<To> | undefined;
+export type { ResponsiveProp, ResponsiveBreakpoints };
+export { getClassNames, mapResponsiveProp };

package/lib/utils/responsive-props.js

@@ -1,2 +1,71 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getClassNames=function(e,t,o){if(!o)return null;const s=[];return"string"==typeof o?s.push(e[`${t}-${o}`]):(o.mobile&&s.push(e[`${t}-${o.mobile}`]),o.tablet&&s.push(e[`tablet-${t}-${o.tablet}`]),o.desktop&&s.push(e[`desktop-${t}-${o.desktop}`])),s},exports.mapResponsiveProp=function(e,t){if(e)return"object"!=typeof e?t(e):{mobile:e.mobile?t(e.mobile):void 0,tablet:e.tablet?t(e.tablet):void 0,desktop:e.desktop?t(e.desktop):void 0}};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DEBUG = process.env.NODE_ENV === 'development';
+/**
+ * Builds a css module class name for a given prop + prop-value combination.
+ *
+ * We have a convention of building the internal utility-based class names system in a way that
+ * resembles the prop for which it is used and the value of the prop. For instance, in a component
+ * with a prop `width` with possible values `narrow` and `wide`, we encode the styles for each of
+ * these alternatives in the class-names `.width-narrow` and `.width-wide`.
+ *
+ * Furthermore, this helper is aware of responsive prop values. For instance, if you provide the
+ * `width` prop above with the value `['narrow', 'wide']` this returns `['narrow', 'tablet-wide']`.
+ * That is, it returns an array of class names, following the same convention above, but also
+ * prefixing by the viewport width variant (`tablet-` or `desktop-`).
+ *
+ * @param styles the class names mapping imported from a css module
+ * @param property the prop name
+ * @param value the given prop's value
+ */
+function getClassNames(styles, property, value) {
+    if (!value) {
+        return null;
+    }
+    var classList = [];
+    if (typeof value === 'string') {
+        classList.push(styles["".concat(property, "-").concat(value)]);
+    }
+    else {
+        if (value.mobile)
+            classList.push(styles["".concat(property, "-").concat(value.mobile)]);
+        if (value.tablet)
+            classList.push(styles["tablet-".concat(property, "-").concat(value.tablet)]);
+        if (value.desktop)
+            classList.push(styles["desktop-".concat(property, "-").concat(value.desktop)]);
+    }
+    if (DEBUG && !classList.every(Boolean)) {
+        // eslint-disable-next-line no-console
+        console.warn('Not all generated class names were found', { property: property, value: value, classList: classList });
+    }
+    return classList;
+}
+/**
+ * A mapping over a responsive prop value.
+ *
+ * Since response values can be an object but also a scalar value, this helper makes it easier to
+ * to map the values when it's an object but keeps it consistent for the case when it is a scalar
+ * value as well.
+ *
+ * @param fromValue the responsive prop value
+ * @param mapper the mapping function
+ */
+function mapResponsiveProp(fromValue, mapper) {
+    if (!fromValue) {
+        return undefined;
+    }
+    if (typeof fromValue !== 'object') {
+        return mapper(fromValue);
+    }
+    return {
+        mobile: fromValue.mobile ? mapper(fromValue.mobile) : undefined,
+        tablet: fromValue.tablet ? mapper(fromValue.tablet) : undefined,
+        desktop: fromValue.desktop ? mapper(fromValue.desktop) : undefined
+    };
+}
+
+exports.getClassNames = getClassNames;
+exports.mapResponsiveProp = mapResponsiveProp;
 //# sourceMappingURL=responsive-props.js.map

package/lib/utils/responsive-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-props.js","sources":["../../src/utils/responsive-props.ts"],"sourcesContent":["type ResponsiveBreakpoints = 'mobile' | 'tablet' | 'desktop'\n\ntype Atom = string | number | boolean\n\n/**\n * A responsive prop supports receiving values of its given base type, or an object mapping a\n * responsive breakpoint name to a value from the prop's base type.\n *\n * Some examples:\n *\n * - `align={{ mobile: 'left', tablet: 'center', desktop: 'right' }}`\n */\ntype ResponsiveProp<AtomType extends Atom> =\n    | AtomType\n    | Readonly<{ [key in ResponsiveBreakpoints]?: AtomType }>\n\nconst DEBUG = process.env.NODE_ENV === 'development'\n\n/**\n * Builds a css module class name for a given prop + prop-value combination.\n *\n * We have a convention of building the internal utility-based class names system in a way that\n * resembles the prop for which it is used and the value of the prop. For instance, in a component\n * with a prop `width` with possible values `narrow` and `wide`, we encode the styles for each of\n * these alternatives in the class-names `.width-narrow` and `.width-wide`.\n *\n * Furthermore, this helper is aware of responsive prop values. For instance, if you provide the\n * `width` prop above with the value `['narrow', 'wide']` this returns `['narrow', 'tablet-wide']`.\n * That is, it returns an array of class names, following the same convention above, but also\n * prefixing by the viewport width variant (`tablet-` or `desktop-`).\n *\n * @param styles the class names mapping imported from a css module\n * @param property the prop name\n * @param value the given prop's value\n */\nfunction getClassNames(\n    styles: Record<string, string>,\n    property: string,\n    value: ResponsiveProp<string> | null | undefined,\n): Array<string | undefined> | null {\n    if (!value) {\n        return null\n    }\n\n    const classList: Array<string | undefined> = []\n\n    if (typeof value === 'string') {\n        classList.push(styles[`${property}-${value}`])\n    } else {\n        if (value.mobile) classList.push(styles[`${property}-${value.mobile}`])\n        if (value.tablet) classList.push(styles[`tablet-${property}-${value.tablet}`])\n        if (value.desktop) classList.push(styles[`desktop-${property}-${value.desktop}`])\n    }\n\n    if (DEBUG && !classList.every(Boolean)) {\n        // eslint-disable-next-line no-console\n        console.warn('Not all generated class names were found', { property, value, classList })\n    }\n\n    return classList\n}\n\n/**\n * A mapping over a responsive prop value.\n *\n * Since response values can be an object but also a scalar value, this helper makes it easier to\n * to map the values when it's an object but keeps it consistent for the case when it is a scalar\n * value as well.\n *\n * @param fromValue the responsive prop value\n * @param mapper the mapping function\n */\nfunction mapResponsiveProp<From extends Atom, To extends Atom>(\n    fromValue: ResponsiveProp<From> | undefined,\n    mapper: (from: From) => To,\n): ResponsiveProp<To> | undefined {\n    if (!fromValue) {\n        return undefined\n    }\n\n    if (typeof fromValue !== 'object') {\n        return mapper(fromValue)\n    }\n\n    return {\n        mobile: fromValue.mobile ? mapper(fromValue.mobile) : undefined,\n        tablet: fromValue.tablet ? mapper(fromValue.tablet) : undefined,\n        desktop: fromValue.desktop ? mapper(fromValue.desktop) : undefined,\n    }\n}\n\nexport type { ResponsiveProp, ResponsiveBreakpoints }\nexport { getClassNames, mapResponsiveProp }\n"],"names":["styles","property","value","classList","push","mobile","tablet","desktop","fromValue","mapper","undefined"],"mappings":"0FAmCA,SACIA,EACAC,EACAC,GAEA,IAAKA,EACD,OAAO,KAGX,MAAMC,EAAuC,GAe7C,MAbqB,iBAAVD,EACPC,EAAUC,KAAKJ,EAAO,GAAGC,KAAYC,OAEjCA,EAAMG,QAAQF,EAAUC,KAAKJ,EAAU,GAAAC,KAAYC,EAAMG,WACzDH,EAAMI,QAAQH,EAAUC,KAAKJ,EAAiB,UAAAC,KAAYC,EAAMI,WAChEJ,EAAMK,SAASJ,EAAUC,KAAKJ,EAAkB,WAAAC,KAAYC,EAAMK,aAQnEJ,6BAaX,SACIK,EACAC,GAEA,GAAKD,EAIL,MAAyB,iBAAdA,EACAC,EAAOD,GAGX,CACHH,OAAQG,EAAUH,OAASI,EAAOD,EAAUH,aAAUK,EACtDJ,OAAQE,EAAUF,OAASG,EAAOD,EAAUF,aAAUI,EACtDH,QAASC,EAAUD,QAAUE,EAAOD,EAAUD,cAAWG"}
+{"version":3,"file":"responsive-props.js","sources":["../../src/utils/responsive-props.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAgBA,IAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAA;AAEpD;;;;;;;;;;;;;;;;AAgBG;AACH,SAAS,aAAa,CAClB,MAA8B,EAC9B,QAAgB,EAChB,KAAgD,EAAA;IAEhD,IAAI,CAAC,KAAK,EAAE;AACR,QAAA,OAAO,IAAI,CAAA;AACd,KAAA;IAED,IAAM,SAAS,GAA8B,EAAE,CAAA;AAE/C,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC3B,QAAA,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAAA,CAAA,MAAA,CAAG,QAAQ,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,KAAK,CAAE,CAAC,CAAC,CAAA;AACjD,KAAA;AAAM,SAAA;QACH,IAAI,KAAK,CAAC,MAAM;AAAE,YAAA,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAAG,CAAA,MAAA,CAAA,QAAQ,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,KAAK,CAAC,MAAM,CAAE,CAAC,CAAC,CAAA;QACvE,IAAI,KAAK,CAAC,MAAM;AAAE,YAAA,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,SAAU,CAAA,MAAA,CAAA,QAAQ,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,KAAK,CAAC,MAAM,CAAE,CAAC,CAAC,CAAA;QAC9E,IAAI,KAAK,CAAC,OAAO;AAAE,YAAA,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,UAAW,CAAA,MAAA,CAAA,QAAQ,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,KAAK,CAAC,OAAO,CAAE,CAAC,CAAC,CAAA;AACpF,KAAA;IAED,IAAI,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;;AAEpC,QAAA,OAAO,CAAC,IAAI,CAAC,0CAA0C,EAAE,EAAE,QAAQ,EAAA,QAAA,EAAE,KAAK,OAAA,EAAE,SAAS,EAAA,SAAA,EAAE,CAAC,CAAA;AAC3F,KAAA;AAED,IAAA,OAAO,SAAS,CAAA;AACpB,CAAC;AAED;;;;;;;;;AASG;AACH,SAAS,iBAAiB,CACtB,SAA2C,EAC3C,MAA0B,EAAA;IAE1B,IAAI,CAAC,SAAS,EAAE;AACZ,QAAA,OAAO,SAAS,CAAA;AACnB,KAAA;AAED,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AAC/B,QAAA,OAAO,MAAM,CAAC,SAAS,CAAC,CAAA;AAC3B,KAAA;IAED,OAAO;AACH,QAAA,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS;AAC/D,QAAA,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS;AAC/D,QAAA,OAAO,EAAE,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,SAAS;KACrE,CAAA;AACL;;;;;"}

package/lib/utils/storybook-helper.d.ts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import '../styles/design-tokens.css';
+import type { BoxProps } from '../box';
+import type { Space } from './common-types';
+type SelectTypeOptionsProp<T> = Extract<T, PropertyKey>[] | readonly Extract<T, PropertyKey>[];
+declare function select<T extends string | number>(options: SelectTypeOptionsProp<T>, defaultValue?: T): {
+    control: {
+        type: string;
+    };
+    options: SelectTypeOptionsProp<T>;
+    defaultValue: T | undefined;
+};
+declare function selectWithNone<T extends string | number>(options: SelectTypeOptionsProp<T>, defaultValue?: T | 'none'): {
+    control: {
+        type: string;
+    };
+    options: (string | Extract<T, PropertyKey>)[];
+    defaultValue: "none" | T;
+    mapping: {
+        none: undefined;
+    };
+};
+declare function selectSize(defaultValue?: Space | 'none'): {
+    control: {
+        type: string;
+    };
+    options: string[];
+    defaultValue: Space | "none";
+    mapping: {
+        none: undefined;
+    };
+};
+declare function selectCount(label: string, defaultValue?: number): {
+    control: {
+        type: string;
+        min: number;
+    };
+    name: string;
+    defaultValue: number;
+};
+declare function times(count: number): number[];
+declare function reusableBoxProps(): Partial<Record<keyof BoxProps, ReturnType<typeof selectWithNone>>>;
+declare const disableResponsiveProps: {};
+declare function Wrapper({ title, children, border, }: {
+    title?: React.ReactNode;
+    children: React.ReactNode;
+    border?: boolean;
+}): React.JSX.Element;
+declare function ResponsiveWidthRef(): React.JSX.Element;
+declare function Placeholder({ label, width, height, }: {
+    label?: React.ReactNode;
+} & Pick<React.CSSProperties, 'width' | 'height'>): React.JSX.Element;
+type PartialProps<T extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> = Partial<React.ComponentProps<T>>;
+export { select, selectWithNone, selectSize, selectCount, times, reusableBoxProps, disableResponsiveProps, Wrapper, ResponsiveWidthRef, Placeholder, };
+export type { PartialProps };

package/lib/utils/test-helpers.d.ts

@@ -1,22 +1,22 @@
-import * as React from 'react';
-import type { ResponsiveProp } from './responsive-props';
-import type { Space } from './common-types';
-type PropsWithSpace = {
-    space?: ResponsiveProp<Space>;
-    'data-testid'?: string;
-};
-declare function runSpaceTests<Props extends PropsWithSpace>(Component: React.ComponentType<Props>): void;
-/**
- * Solves some issues with unwanted warnings in tests of ariakit components due to its internal
- * usage of the event queue for asynchronous side-effects.
- *
- * Think of it as a special version of `act` that we need to call to make sure some async (but
- * immediate) actions are taken care of. Mostly around the ariakit popover and combobox elements'
- * state management.
- *
- * @see https://twitter.com/diegohaz/status/1560525455383461888
- * @see https://github.com/ariakit/ariakit/issues/1800#issuecomment-1227862399
- */
-declare function flushMicrotasks(): Promise<void>;
-declare function TestIcon(): React.JSX.Element;
-export { runSpaceTests, flushMicrotasks, TestIcon };
+import * as React from 'react';
+import type { ResponsiveProp } from './responsive-props';
+import type { Space } from './common-types';
+type PropsWithSpace = {
+    space?: ResponsiveProp<Space>;
+    'data-testid'?: string;
+};
+declare function runSpaceTests<Props extends PropsWithSpace>(Component: React.ComponentType<Props>): void;
+/**
+ * Solves some issues with unwanted warnings in tests of ariakit components due to its internal
+ * usage of the event queue for asynchronous side-effects.
+ *
+ * Think of it as a special version of `act` that we need to call to make sure some async (but
+ * immediate) actions are taken care of. Mostly around the ariakit popover and combobox elements'
+ * state management.
+ *
+ * @see https://twitter.com/diegohaz/status/1560525455383461888
+ * @see https://github.com/ariakit/ariakit/issues/1800#issuecomment-1227862399
+ */
+declare function flushMicrotasks(): Promise<undefined>;
+declare function TestIcon(): React.JSX.Element;
+export { runSpaceTests, flushMicrotasks, TestIcon };

package/package.json

@@ -1,9 +1,12 @@
 {
     "name": "@doist/reactist",
     "description": "Open source React components by Doist",
-    "version": "28.7.2",
+    "version": "28.7.4",
     "repository": "https://github.com/Doist/reactist",
     "homepage": "https://github.com/Doist/reactist#readme",
+    "bugs": {
+        "url": "https://github.com/Doist/reactist/issues"
+    },
     "author": {
         "name": "Henning Muszynski",
         "email": "henning@doist.com",
@@ -18,23 +21,31 @@
     "sideEffects": [
         "**/*.css"
     ],
-    "files": [
-        "dist",
-        "es",
-        "lib",
-        "styles"
-    ],
     "engines": {
-        "node": "^16.0.0 || ^18.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
-        "npm": "^8.3.0 || ^9.0.0 || ^10.0.0 || ^11.0.0"
+        "node": "^22.14.0 || >= 24.10.0",
+        "npm": "^10.9.2 || >= 11.5.1"
+    },
+    "publishConfig": {
+        "access": "public"
     },
+    "files": [
+        "CHANGELOG.md",
+        "CODE_OF_CONDUCT.md",
+        "CONTRIBUTING.md",
+        "LICENSE",
+        "README.md",
+        "dist/**",
+        "es/**",
+        "lib/**",
+        "styles/**"
+    ],
     "scripts": {
         "postinstall": "patch-package",
         "setup": "npm install && npm run validate",
         "validate": "npm run lint && npm run type-check && npm run test",
-        "start": "tsdx watch --onSuccess \"./scripts/organize-styles.sh\"",
+        "start": "ON_SUCCESS=\"./scripts/organize-styles.sh\" rollup -c --watch --no-watch.clearScreen",
         "prestart:yalc": "npm run clean && yalc publish",
-        "start:yalc": "tsdx watch --tsconfig tsconfig.dist.json --onSuccess=\"npm run start:yalc:success\"",
+        "start:yalc": "ON_SUCCESS=\"npm run start:yalc:success\" rollup -c --watch --no-watch.clearScreen",
         "poststart:yalc": "yalc installations clean",
         "start:yalc:success": "./scripts/organize-styles.sh && yalc push --sig",
         "build": "scripts/build.sh",
@@ -60,7 +71,9 @@
         "@babel/plugin-proposal-class-properties": "^7.10.1",
         "@babel/plugin-proposal-export-default-from": "^7.0.0",
         "@babel/plugin-proposal-export-namespace-from": "^7.0.0",
+        "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
         "@babel/plugin-proposal-object-rest-spread": "^7.10.1",
+        "@babel/plugin-proposal-optional-chaining": "7.21.0",
         "@babel/plugin-transform-spread": "^7.0.0",
         "@babel/polyfill": "^7.0.0",
         "@babel/preset-env": "^7.0.0",
@@ -71,7 +84,10 @@
         "@doist/prettier-config": "^3.0.5",
         "@doist/tsconfig": "^1.0.0",
         "@geometricpanda/storybook-addon-badges": "^0.2.2",
-        "@rollup/plugin-typescript": "11.1.6",
+        "@rollup/plugin-commonjs": "28.0.9",
+        "@rollup/plugin-node-resolve": "16.0.3",
+        "@rollup/plugin-terser": "0.4.4",
+        "@rollup/plugin-typescript": "12.3.0",
         "@storybook/addon-actions": "^6.5.3",
         "@storybook/addon-controls": "^6.5.3",
         "@storybook/addon-docs": "^6.5.3",
@@ -103,7 +119,7 @@
         "chromatic": "^6.11.4",
         "classnames": "^2.2.5",
         "css-loader": "^4.2.2",
-        "cssnano": "^4.1.10",
+        "cssnano": "^5.0.16",
         "eslint": "^8.16.0",
         "eslint-config-prettier": "^8.5.0",
         "eslint-formatter-codeframe": "^7.32.1",
@@ -134,15 +150,13 @@
         "react-svg-loader": "^3.0.3",
         "react-test-renderer": "^17.0.2",
         "rimraf": "^3.0.2",
-        "rollup": "2.79.1",
-        "rollup-plugin-postcss": "3.1.8",
-        "rollup-plugin-styles": "^3.14.1",
+        "rollup": "2.79.2",
+        "rollup-plugin-styles": "4.0.0",
         "style-loader": "^0.23.1",
         "svg-url-loader": "^6.0.0",
         "ts-loader": "^8.0.2",
-        "tsdx": "0.14.1",
         "tslib": "^2.0.0",
-        "typescript": "^4.6.4",
+        "typescript": "^4.8.3",
         "webpack": "^4.43.0"
     },
     "dependencies": {
@@ -154,13 +168,5 @@
         "react-keyed-flatten-children": "^1.3.0",
         "react-markdown": "^5.0.3",
         "use-callback-ref": "^1.3.0"
-    },
-    "overrides": {
-        "typescript": "^4.6.4",
-        "@rollup/plugin-typescript": "11.1.6",
-        "rollup": "2.79.1"
-    },
-    "bugs": {
-        "url": "https://github.com/Doist/reactist/issues"
     }
 }

package/styles/avatar.css

@@ -1,5 +1,5 @@
-:root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}._38a1be89{flex-shrink:0;background-position:50%;color:#fff;text-align:center;border-radius:50%;width:var(--reactist-avatar-size);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);background-size:var(--reactist-avatar-size);font-size:calc(var(--reactist-avatar-size)/2)}.d32e92ae{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._0667d719{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.cf529fcf{--reactist-avatar-size:var(--reactist-avatar-size-small)}._6e268eab{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.d64c62cf{--reactist-avatar-size:var(--reactist-avatar-size-large)}._44fb77de{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._01f85e0e{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._41a5fe19{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._6ab1577d{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}.b52a4963{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._714a8419{--reactist-avatar-size:var(--reactist-avatar-size-small)}._81cd4d51{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.bf0a4edb{--reactist-avatar-size:var(--reactist-avatar-size-large)}.e4f0dabd{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._67ea065d{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2af7f76f{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._759081dc{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._8290d1c1{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._48ea172d{--reactist-avatar-size:var(--reactist-avatar-size-small)}._758f6641{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.f9ada088{--reactist-avatar-size:var(--reactist-avatar-size-large)}.d3bb7470{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._9a312ee3{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}.a1d30c23{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}
-._19abae45{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._19abae45{font-family:var(--reactist-font-family-monospace)}._19abae45[hidden]{display:none!important}.c77f2a47{position:absolute}._2fe771e3{position:fixed}._7fb159a0{position:relative}._1b0c2c53{position:sticky}@media (min-width:768px){.fbfd01f5{position:absolute}._718d00e5{position:fixed}.ce0fef03{position:relative}._8ede9d51{position:sticky}}@media (min-width:992px){._5037d59d{position:absolute}._2cf38f34{position:fixed}.bf2d89a9{position:relative}._0a00a995{position:sticky}}._5e944bac{display:block}.a7c6de33{display:flex}._8ed03dfe{display:inline}.d7c72ae2{display:inline-block}.baf095bf{display:inline-flex}.fdecf61b{display:none}@media (min-width:768px){.e67bff4d{display:block}.cd8908ce{display:flex}._859da319{display:inline}._9cfe10c7{display:inline-block}.bdc812ae{display:inline-flex}._21f0dae7{display:none}}@media (min-width:992px){.d94bf997{display:block}.e6925ae5{display:flex}._57151837{display:inline}._7721cd07{display:inline-block}._0e197a41{display:inline-flex}.dc1fe7a5{display:none}}._1e47f652{flex-direction:column}._194d8611{flex-direction:row}@media (min-width:768px){._11ca3004{flex-direction:column}._7e4f2f2b{flex-direction:row}}@media (min-width:992px){.fbca1929{flex-direction:column}._50dd05a2{flex-direction:row}}.afd15909{flex-wrap:wrap}._7682c7ed{flex-wrap:nowrap}.b834b77e{flex-shrink:0}._89d517e2{flex-grow:0}.bfa58fdf{flex-grow:1}._4e2075e2{align-items:flex-start}._8ad6a17c{align-items:center}.a6235493{align-items:flex-end}._1e964f8a{align-items:baseline}@media (min-width:768px){._87c0c7f8{align-items:flex-start}._812a2195{align-items:center}._207fa4f7{align-items:flex-end}._6415fbe8{align-items:baseline}}@media (min-width:992px){._84ec8c58{align-items:flex-start}.afdff695{align-items:center}._78607c32{align-items:flex-end}._57428c98{align-items:baseline}}._9e8363f8{justify-content:flex-start}.f88bdaf1{justify-content:center}._0315ed60{justify-content:flex-end}._81fc01b2{justify-content:space-around}._54d85bfe{justify-content:space-between}.b09b6390{justify-content:space-evenly}@media (min-width:768px){.bea77b61{justify-content:flex-start}._2f6925fc{justify-content:center}._462a9e07{justify-content:flex-end}._1c555ae4{justify-content:space-around}._7a9768a8{justify-content:space-between}._859b8158{justify-content:space-evenly}}@media (min-width:992px){.c190fc20{justify-content:flex-start}._73777561{justify-content:center}.d2151eb8{justify-content:flex-end}._1c555ae4{justify-content:space-around}.b8ec7870{justify-content:space-between}._859b8158{justify-content:space-evenly}}.d607c41c{align-self:stretch}._30b9c3a2{align-self:flex-start}.f1f37bf1{align-self:center}._341847ab{align-self:flex-end}._2c7dfaf8{align-self:baseline}@media (min-width:768px){._8be172b1{align-self:stretch}._84af0ad2{align-self:flex-start}._2fb0b3f1{align-self:center}.d8b98da0{align-self:flex-end}._096c96ed{align-self:baseline}}@media (min-width:992px){._217cc45f{align-self:stretch}._29964d59{align-self:flex-start}.e76ee627{align-self:center}._7435c694{align-self:flex-end}._84758309{align-self:baseline}}._47471e4e{overflow:hidden}._37460640{overflow:auto}._73d1ede9{overflow:visible}.a39c32d7{overflow:scroll}._5cede05a{height:100%}.b50b47ee{background-color:var(--reactist-bg-default)}._5912d165{background-color:var(--reactist-bg-aside)}.c4b77c63{background-color:var(--reactist-bg-highlight)}._7ab4d8a9{background-color:var(--reactist-bg-selected)}._9ce2e0c1{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}.f6a2af5a{border-radius:var(--reactist-border-radius-small)}._7e67e1f6{border-radius:var(--reactist-border-radius-large)}.f5b8570f{border:1px solid var(--reactist-divider-primary)}._5dd76b5f{border:1px solid var(--reactist-divider-secondary)}._7c14c801{border:1px solid var(--reactist-divider-tertiary)}._57086b20{text-align:start}.b7f35b86{text-align:center}._6596dbcd{text-align:end}.d5210e4f{text-align:justify}@media (min-width:768px){._97da11d5{text-align:start}._9add5f3d{text-align:center}.f8b12189{text-align:end}.d5acd111{text-align:justify}}@media (min-width:992px){.b33bdab7{text-align:start}._0fc7972b{text-align:center}.a0f648ae{text-align:end}.a0bdba20{text-align:justify}}.d19e99ad{overflow:auto}.d19e99ad::-webkit-scrollbar{width:var(--reactist-spacing-small)}.d19e99ad::-webkit-scrollbar-track{background:transparent}.d19e99ad::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--reactist-border-radius-large)}.d19e99ad:hover::-webkit-scrollbar-thumb{background-color:var(--reactist-scrollbar-thumb-idle)}.d19e99ad{scrollbar-width:thin;scrollbar-color:transparent transparent}.d19e99ad:hover{scrollbar-color:var(--reactist-scrollbar-thumb-idle) transparent}
+:root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}._38a1be89{background-position:50%;background-size:var(--reactist-avatar-size);border-radius:50%;color:#fff;flex-shrink:0;font-size:calc(var(--reactist-avatar-size)/2);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);text-align:center;width:var(--reactist-avatar-size)}.d32e92ae{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._0667d719{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.cf529fcf{--reactist-avatar-size:var(--reactist-avatar-size-small)}._6e268eab{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.d64c62cf{--reactist-avatar-size:var(--reactist-avatar-size-large)}._44fb77de{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._01f85e0e{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._41a5fe19{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._6ab1577d{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}.b52a4963{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._714a8419{--reactist-avatar-size:var(--reactist-avatar-size-small)}._81cd4d51{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.bf0a4edb{--reactist-avatar-size:var(--reactist-avatar-size-large)}.e4f0dabd{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._67ea065d{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2af7f76f{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._759081dc{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._8290d1c1{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._48ea172d{--reactist-avatar-size:var(--reactist-avatar-size-small)}._758f6641{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.f9ada088{--reactist-avatar-size:var(--reactist-avatar-size-large)}.d3bb7470{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._9a312ee3{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}.a1d30c23{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}
+._19abae45{background-color:transparent;border:0;box-sizing:border-box;font-family:inherit;font-size:inherit;list-style:none;margin:0;padding:0;vertical-align:baseline}pre._19abae45{font-family:var(--reactist-font-family-monospace)}._19abae45[hidden]{display:none!important}.c77f2a47{position:absolute}._2fe771e3{position:fixed}._7fb159a0{position:relative}._1b0c2c53{position:sticky}@media (min-width:768px){.fbfd01f5{position:absolute}._718d00e5{position:fixed}.ce0fef03{position:relative}._8ede9d51{position:sticky}}@media (min-width:992px){._5037d59d{position:absolute}._2cf38f34{position:fixed}.bf2d89a9{position:relative}._0a00a995{position:sticky}}._5e944bac{display:block}.a7c6de33{display:flex}._8ed03dfe{display:inline}.d7c72ae2{display:inline-block}.baf095bf{display:inline-flex}.fdecf61b{display:none}@media (min-width:768px){.e67bff4d{display:block}.cd8908ce{display:flex}._859da319{display:inline}._9cfe10c7{display:inline-block}.bdc812ae{display:inline-flex}._21f0dae7{display:none}}@media (min-width:992px){.d94bf997{display:block}.e6925ae5{display:flex}._57151837{display:inline}._7721cd07{display:inline-block}._0e197a41{display:inline-flex}.dc1fe7a5{display:none}}._1e47f652{flex-direction:column}._194d8611{flex-direction:row}@media (min-width:768px){._11ca3004{flex-direction:column}._7e4f2f2b{flex-direction:row}}@media (min-width:992px){.fbca1929{flex-direction:column}._50dd05a2{flex-direction:row}}.afd15909{flex-wrap:wrap}._7682c7ed{flex-wrap:nowrap}.b834b77e{flex-shrink:0}._89d517e2{flex-grow:0}.bfa58fdf{flex-grow:1}._4e2075e2{align-items:flex-start}._8ad6a17c{align-items:center}.a6235493{align-items:flex-end}._1e964f8a{align-items:baseline}@media (min-width:768px){._87c0c7f8{align-items:flex-start}._812a2195{align-items:center}._207fa4f7{align-items:flex-end}._6415fbe8{align-items:baseline}}@media (min-width:992px){._84ec8c58{align-items:flex-start}.afdff695{align-items:center}._78607c32{align-items:flex-end}._57428c98{align-items:baseline}}._9e8363f8{justify-content:flex-start}.f88bdaf1{justify-content:center}._0315ed60{justify-content:flex-end}._81fc01b2{justify-content:space-around}._54d85bfe{justify-content:space-between}.b09b6390{justify-content:space-evenly}@media (min-width:768px){.bea77b61{justify-content:flex-start}._2f6925fc{justify-content:center}._462a9e07{justify-content:flex-end}._1c555ae4{justify-content:space-around}._7a9768a8{justify-content:space-between}._859b8158{justify-content:space-evenly}}@media (min-width:992px){.c190fc20{justify-content:flex-start}._73777561{justify-content:center}.d2151eb8{justify-content:flex-end}._1c555ae4{justify-content:space-around}.b8ec7870{justify-content:space-between}._859b8158{justify-content:space-evenly}}.d607c41c{align-self:stretch}._30b9c3a2{align-self:flex-start}.f1f37bf1{align-self:center}._341847ab{align-self:flex-end}._2c7dfaf8{align-self:baseline}@media (min-width:768px){._8be172b1{align-self:stretch}._84af0ad2{align-self:flex-start}._2fb0b3f1{align-self:center}.d8b98da0{align-self:flex-end}._096c96ed{align-self:baseline}}@media (min-width:992px){._217cc45f{align-self:stretch}._29964d59{align-self:flex-start}.e76ee627{align-self:center}._7435c694{align-self:flex-end}._84758309{align-self:baseline}}._47471e4e{overflow:hidden}._37460640{overflow:auto}._73d1ede9{overflow:visible}.a39c32d7{overflow:scroll}._5cede05a{height:100%}.b50b47ee{background-color:var(--reactist-bg-default)}._5912d165{background-color:var(--reactist-bg-aside)}.c4b77c63{background-color:var(--reactist-bg-highlight)}._7ab4d8a9{background-color:var(--reactist-bg-selected)}._9ce2e0c1{--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill);background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary)}.f6a2af5a{border-radius:var(--reactist-border-radius-small)}._7e67e1f6{border-radius:var(--reactist-border-radius-large)}.f5b8570f{border:1px solid var(--reactist-divider-primary)}._5dd76b5f{border:1px solid var(--reactist-divider-secondary)}._7c14c801{border:1px solid var(--reactist-divider-tertiary)}._57086b20{text-align:start}.b7f35b86{text-align:center}._6596dbcd{text-align:end}.d5210e4f{text-align:justify}@media (min-width:768px){._97da11d5{text-align:start}._9add5f3d{text-align:center}.f8b12189{text-align:end}.d5acd111{text-align:justify}}@media (min-width:992px){.b33bdab7{text-align:start}._0fc7972b{text-align:center}.a0f648ae{text-align:end}.a0bdba20{text-align:justify}}.d19e99ad{overflow:auto}.d19e99ad::-webkit-scrollbar{width:var(--reactist-spacing-small)}.d19e99ad::-webkit-scrollbar-track{background:transparent}.d19e99ad::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--reactist-border-radius-large)}.d19e99ad:hover::-webkit-scrollbar-thumb{background-color:var(--reactist-scrollbar-thumb-idle)}.d19e99ad{scrollbar-color:transparent transparent;scrollbar-width:thin}.d19e99ad:hover{scrollbar-color:var(--reactist-scrollbar-thumb-idle) transparent}
 .c4803194{padding-top:var(--reactist-spacing-xsmall)}._4e9ab24b{padding-top:var(--reactist-spacing-small)}._1d226e27{padding-top:var(--reactist-spacing-medium)}.eb6097f1{padding-top:var(--reactist-spacing-large)}.d3229ba4{padding-top:var(--reactist-spacing-xlarge)}._47978ba4{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f987719c{padding-top:var(--reactist-spacing-xsmall)}._8dbc4b4d{padding-top:var(--reactist-spacing-small)}.ae44fe07{padding-top:var(--reactist-spacing-medium)}.ffe9548d{padding-top:var(--reactist-spacing-large)}.f2b76a44{padding-top:var(--reactist-spacing-xlarge)}.c6eb8f43{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._8699b560{padding-top:var(--reactist-spacing-xsmall)}._02c374b7{padding-top:var(--reactist-spacing-small)}._0dd0332f{padding-top:var(--reactist-spacing-medium)}.da55f1f6{padding-top:var(--reactist-spacing-large)}._8ef2a278{padding-top:var(--reactist-spacing-xlarge)}._8b493b28{padding-top:var(--reactist-spacing-xxlarge)}}._211eebc7{padding-right:var(--reactist-spacing-xsmall)}.ad0ccf15{padding-right:var(--reactist-spacing-small)}.a03e39af{padding-right:var(--reactist-spacing-medium)}.f0941ead{padding-right:var(--reactist-spacing-large)}.e47c5a43{padding-right:var(--reactist-spacing-xlarge)}.e849a5cf{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._85374228{padding-right:var(--reactist-spacing-xsmall)}._89df37b9{padding-right:var(--reactist-spacing-small)}._1cc50ebe{padding-right:var(--reactist-spacing-medium)}._1060982b{padding-right:var(--reactist-spacing-large)}.be58847d{padding-right:var(--reactist-spacing-xlarge)}._45093484{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.f8d99d6a{padding-right:var(--reactist-spacing-xsmall)}.efa076d9{padding-right:var(--reactist-spacing-small)}.e59caa64{padding-right:var(--reactist-spacing-medium)}.da42f46a{padding-right:var(--reactist-spacing-large)}.b3ee2580{padding-right:var(--reactist-spacing-xlarge)}._3ef94658{padding-right:var(--reactist-spacing-xxlarge)}}.b0e6eab4{padding-bottom:var(--reactist-spacing-xsmall)}._9510d053{padding-bottom:var(--reactist-spacing-small)}.d7af60c9{padding-bottom:var(--reactist-spacing-medium)}.b75f86cd{padding-bottom:var(--reactist-spacing-large)}.fbd4ce29{padding-bottom:var(--reactist-spacing-xlarge)}._33e3ad63{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f0302da7{padding-bottom:var(--reactist-spacing-xsmall)}._4f9b8012{padding-bottom:var(--reactist-spacing-small)}._4333e20e{padding-bottom:var(--reactist-spacing-medium)}._30bbc76c{padding-bottom:var(--reactist-spacing-large)}.ba5a4008{padding-bottom:var(--reactist-spacing-xlarge)}._423a3b1a{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b40139b7{padding-bottom:var(--reactist-spacing-xsmall)}.f96071fa{padding-bottom:var(--reactist-spacing-small)}.fe803c9a{padding-bottom:var(--reactist-spacing-medium)}._01686eb9{padding-bottom:var(--reactist-spacing-large)}.afa763d8{padding-bottom:var(--reactist-spacing-xlarge)}.a95785f1{padding-bottom:var(--reactist-spacing-xxlarge)}}.cad4e2ec{padding-left:var(--reactist-spacing-xsmall)}.d70b3c17{padding-left:var(--reactist-spacing-small)}._8c851bd6{padding-left:var(--reactist-spacing-medium)}._078feb3c{padding-left:var(--reactist-spacing-large)}._76ab968c{padding-left:var(--reactist-spacing-xlarge)}.aaca85d7{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5eb0e5aa{padding-left:var(--reactist-spacing-xsmall)}._0384fb4f{padding-left:var(--reactist-spacing-small)}.edffff6f{padding-left:var(--reactist-spacing-medium)}._873b9a46{padding-left:var(--reactist-spacing-large)}._89105db5{padding-left:var(--reactist-spacing-xlarge)}.db1966fe{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b17f826b{padding-left:var(--reactist-spacing-xsmall)}._6dc83610{padding-left:var(--reactist-spacing-small)}._3421b8b2{padding-left:var(--reactist-spacing-medium)}._68cec7a6{padding-left:var(--reactist-spacing-large)}._94bde020{padding-left:var(--reactist-spacing-xlarge)}.b94ee579{padding-left:var(--reactist-spacing-xxlarge)}}
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}
 ._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:max-content}._07a6ab44{width:-moz-min-content;width:min-content}.a87016fa{width:-moz-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)}

package/styles/avatar.module.css.css

@@ -1 +1 @@
-:root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}._38a1be89{flex-shrink:0;background-position:50%;color:#fff;text-align:center;border-radius:50%;width:var(--reactist-avatar-size);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);background-size:var(--reactist-avatar-size);font-size:calc(var(--reactist-avatar-size)/2)}.d32e92ae{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._0667d719{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.cf529fcf{--reactist-avatar-size:var(--reactist-avatar-size-small)}._6e268eab{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.d64c62cf{--reactist-avatar-size:var(--reactist-avatar-size-large)}._44fb77de{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._01f85e0e{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._41a5fe19{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._6ab1577d{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}.b52a4963{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._714a8419{--reactist-avatar-size:var(--reactist-avatar-size-small)}._81cd4d51{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.bf0a4edb{--reactist-avatar-size:var(--reactist-avatar-size-large)}.e4f0dabd{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._67ea065d{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2af7f76f{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._759081dc{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._8290d1c1{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._48ea172d{--reactist-avatar-size:var(--reactist-avatar-size-small)}._758f6641{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.f9ada088{--reactist-avatar-size:var(--reactist-avatar-size-large)}.d3bb7470{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._9a312ee3{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}.a1d30c23{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}
+:root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}._38a1be89{background-position:50%;background-size:var(--reactist-avatar-size);border-radius:50%;color:#fff;flex-shrink:0;font-size:calc(var(--reactist-avatar-size)/2);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);text-align:center;width:var(--reactist-avatar-size)}.d32e92ae{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._0667d719{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.cf529fcf{--reactist-avatar-size:var(--reactist-avatar-size-small)}._6e268eab{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.d64c62cf{--reactist-avatar-size:var(--reactist-avatar-size-large)}._44fb77de{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._01f85e0e{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._41a5fe19{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._6ab1577d{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}.b52a4963{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._714a8419{--reactist-avatar-size:var(--reactist-avatar-size-small)}._81cd4d51{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.bf0a4edb{--reactist-avatar-size:var(--reactist-avatar-size-large)}.e4f0dabd{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._67ea065d{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2af7f76f{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._759081dc{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._8290d1c1{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._48ea172d{--reactist-avatar-size:var(--reactist-avatar-size-small)}._758f6641{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.f9ada088{--reactist-avatar-size:var(--reactist-avatar-size-large)}.d3bb7470{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._9a312ee3{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}.a1d30c23{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}

package/styles/badge.css

@@ -1,6 +1,6 @@
-._19abae45{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._19abae45{font-family:var(--reactist-font-family-monospace)}._19abae45[hidden]{display:none!important}.c77f2a47{position:absolute}._2fe771e3{position:fixed}._7fb159a0{position:relative}._1b0c2c53{position:sticky}@media (min-width:768px){.fbfd01f5{position:absolute}._718d00e5{position:fixed}.ce0fef03{position:relative}._8ede9d51{position:sticky}}@media (min-width:992px){._5037d59d{position:absolute}._2cf38f34{position:fixed}.bf2d89a9{position:relative}._0a00a995{position:sticky}}._5e944bac{display:block}.a7c6de33{display:flex}._8ed03dfe{display:inline}.d7c72ae2{display:inline-block}.baf095bf{display:inline-flex}.fdecf61b{display:none}@media (min-width:768px){.e67bff4d{display:block}.cd8908ce{display:flex}._859da319{display:inline}._9cfe10c7{display:inline-block}.bdc812ae{display:inline-flex}._21f0dae7{display:none}}@media (min-width:992px){.d94bf997{display:block}.e6925ae5{display:flex}._57151837{display:inline}._7721cd07{display:inline-block}._0e197a41{display:inline-flex}.dc1fe7a5{display:none}}._1e47f652{flex-direction:column}._194d8611{flex-direction:row}@media (min-width:768px){._11ca3004{flex-direction:column}._7e4f2f2b{flex-direction:row}}@media (min-width:992px){.fbca1929{flex-direction:column}._50dd05a2{flex-direction:row}}.afd15909{flex-wrap:wrap}._7682c7ed{flex-wrap:nowrap}.b834b77e{flex-shrink:0}._89d517e2{flex-grow:0}.bfa58fdf{flex-grow:1}._4e2075e2{align-items:flex-start}._8ad6a17c{align-items:center}.a6235493{align-items:flex-end}._1e964f8a{align-items:baseline}@media (min-width:768px){._87c0c7f8{align-items:flex-start}._812a2195{align-items:center}._207fa4f7{align-items:flex-end}._6415fbe8{align-items:baseline}}@media (min-width:992px){._84ec8c58{align-items:flex-start}.afdff695{align-items:center}._78607c32{align-items:flex-end}._57428c98{align-items:baseline}}._9e8363f8{justify-content:flex-start}.f88bdaf1{justify-content:center}._0315ed60{justify-content:flex-end}._81fc01b2{justify-content:space-around}._54d85bfe{justify-content:space-between}.b09b6390{justify-content:space-evenly}@media (min-width:768px){.bea77b61{justify-content:flex-start}._2f6925fc{justify-content:center}._462a9e07{justify-content:flex-end}._1c555ae4{justify-content:space-around}._7a9768a8{justify-content:space-between}._859b8158{justify-content:space-evenly}}@media (min-width:992px){.c190fc20{justify-content:flex-start}._73777561{justify-content:center}.d2151eb8{justify-content:flex-end}._1c555ae4{justify-content:space-around}.b8ec7870{justify-content:space-between}._859b8158{justify-content:space-evenly}}.d607c41c{align-self:stretch}._30b9c3a2{align-self:flex-start}.f1f37bf1{align-self:center}._341847ab{align-self:flex-end}._2c7dfaf8{align-self:baseline}@media (min-width:768px){._8be172b1{align-self:stretch}._84af0ad2{align-self:flex-start}._2fb0b3f1{align-self:center}.d8b98da0{align-self:flex-end}._096c96ed{align-self:baseline}}@media (min-width:992px){._217cc45f{align-self:stretch}._29964d59{align-self:flex-start}.e76ee627{align-self:center}._7435c694{align-self:flex-end}._84758309{align-self:baseline}}._47471e4e{overflow:hidden}._37460640{overflow:auto}._73d1ede9{overflow:visible}.a39c32d7{overflow:scroll}._5cede05a{height:100%}.b50b47ee{background-color:var(--reactist-bg-default)}._5912d165{background-color:var(--reactist-bg-aside)}.c4b77c63{background-color:var(--reactist-bg-highlight)}._7ab4d8a9{background-color:var(--reactist-bg-selected)}._9ce2e0c1{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}.f6a2af5a{border-radius:var(--reactist-border-radius-small)}._7e67e1f6{border-radius:var(--reactist-border-radius-large)}.f5b8570f{border:1px solid var(--reactist-divider-primary)}._5dd76b5f{border:1px solid var(--reactist-divider-secondary)}._7c14c801{border:1px solid var(--reactist-divider-tertiary)}._57086b20{text-align:start}.b7f35b86{text-align:center}._6596dbcd{text-align:end}.d5210e4f{text-align:justify}@media (min-width:768px){._97da11d5{text-align:start}._9add5f3d{text-align:center}.f8b12189{text-align:end}.d5acd111{text-align:justify}}@media (min-width:992px){.b33bdab7{text-align:start}._0fc7972b{text-align:center}.a0f648ae{text-align:end}.a0bdba20{text-align:justify}}.d19e99ad{overflow:auto}.d19e99ad::-webkit-scrollbar{width:var(--reactist-spacing-small)}.d19e99ad::-webkit-scrollbar-track{background:transparent}.d19e99ad::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--reactist-border-radius-large)}.d19e99ad:hover::-webkit-scrollbar-thumb{background-color:var(--reactist-scrollbar-thumb-idle)}.d19e99ad{scrollbar-width:thin;scrollbar-color:transparent transparent}.d19e99ad:hover{scrollbar-color:var(--reactist-scrollbar-thumb-idle) transparent}
+._19abae45{background-color:transparent;border:0;box-sizing:border-box;font-family:inherit;font-size:inherit;list-style:none;margin:0;padding:0;vertical-align:baseline}pre._19abae45{font-family:var(--reactist-font-family-monospace)}._19abae45[hidden]{display:none!important}.c77f2a47{position:absolute}._2fe771e3{position:fixed}._7fb159a0{position:relative}._1b0c2c53{position:sticky}@media (min-width:768px){.fbfd01f5{position:absolute}._718d00e5{position:fixed}.ce0fef03{position:relative}._8ede9d51{position:sticky}}@media (min-width:992px){._5037d59d{position:absolute}._2cf38f34{position:fixed}.bf2d89a9{position:relative}._0a00a995{position:sticky}}._5e944bac{display:block}.a7c6de33{display:flex}._8ed03dfe{display:inline}.d7c72ae2{display:inline-block}.baf095bf{display:inline-flex}.fdecf61b{display:none}@media (min-width:768px){.e67bff4d{display:block}.cd8908ce{display:flex}._859da319{display:inline}._9cfe10c7{display:inline-block}.bdc812ae{display:inline-flex}._21f0dae7{display:none}}@media (min-width:992px){.d94bf997{display:block}.e6925ae5{display:flex}._57151837{display:inline}._7721cd07{display:inline-block}._0e197a41{display:inline-flex}.dc1fe7a5{display:none}}._1e47f652{flex-direction:column}._194d8611{flex-direction:row}@media (min-width:768px){._11ca3004{flex-direction:column}._7e4f2f2b{flex-direction:row}}@media (min-width:992px){.fbca1929{flex-direction:column}._50dd05a2{flex-direction:row}}.afd15909{flex-wrap:wrap}._7682c7ed{flex-wrap:nowrap}.b834b77e{flex-shrink:0}._89d517e2{flex-grow:0}.bfa58fdf{flex-grow:1}._4e2075e2{align-items:flex-start}._8ad6a17c{align-items:center}.a6235493{align-items:flex-end}._1e964f8a{align-items:baseline}@media (min-width:768px){._87c0c7f8{align-items:flex-start}._812a2195{align-items:center}._207fa4f7{align-items:flex-end}._6415fbe8{align-items:baseline}}@media (min-width:992px){._84ec8c58{align-items:flex-start}.afdff695{align-items:center}._78607c32{align-items:flex-end}._57428c98{align-items:baseline}}._9e8363f8{justify-content:flex-start}.f88bdaf1{justify-content:center}._0315ed60{justify-content:flex-end}._81fc01b2{justify-content:space-around}._54d85bfe{justify-content:space-between}.b09b6390{justify-content:space-evenly}@media (min-width:768px){.bea77b61{justify-content:flex-start}._2f6925fc{justify-content:center}._462a9e07{justify-content:flex-end}._1c555ae4{justify-content:space-around}._7a9768a8{justify-content:space-between}._859b8158{justify-content:space-evenly}}@media (min-width:992px){.c190fc20{justify-content:flex-start}._73777561{justify-content:center}.d2151eb8{justify-content:flex-end}._1c555ae4{justify-content:space-around}.b8ec7870{justify-content:space-between}._859b8158{justify-content:space-evenly}}.d607c41c{align-self:stretch}._30b9c3a2{align-self:flex-start}.f1f37bf1{align-self:center}._341847ab{align-self:flex-end}._2c7dfaf8{align-self:baseline}@media (min-width:768px){._8be172b1{align-self:stretch}._84af0ad2{align-self:flex-start}._2fb0b3f1{align-self:center}.d8b98da0{align-self:flex-end}._096c96ed{align-self:baseline}}@media (min-width:992px){._217cc45f{align-self:stretch}._29964d59{align-self:flex-start}.e76ee627{align-self:center}._7435c694{align-self:flex-end}._84758309{align-self:baseline}}._47471e4e{overflow:hidden}._37460640{overflow:auto}._73d1ede9{overflow:visible}.a39c32d7{overflow:scroll}._5cede05a{height:100%}.b50b47ee{background-color:var(--reactist-bg-default)}._5912d165{background-color:var(--reactist-bg-aside)}.c4b77c63{background-color:var(--reactist-bg-highlight)}._7ab4d8a9{background-color:var(--reactist-bg-selected)}._9ce2e0c1{--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill);background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary)}.f6a2af5a{border-radius:var(--reactist-border-radius-small)}._7e67e1f6{border-radius:var(--reactist-border-radius-large)}.f5b8570f{border:1px solid var(--reactist-divider-primary)}._5dd76b5f{border:1px solid var(--reactist-divider-secondary)}._7c14c801{border:1px solid var(--reactist-divider-tertiary)}._57086b20{text-align:start}.b7f35b86{text-align:center}._6596dbcd{text-align:end}.d5210e4f{text-align:justify}@media (min-width:768px){._97da11d5{text-align:start}._9add5f3d{text-align:center}.f8b12189{text-align:end}.d5acd111{text-align:justify}}@media (min-width:992px){.b33bdab7{text-align:start}._0fc7972b{text-align:center}.a0f648ae{text-align:end}.a0bdba20{text-align:justify}}.d19e99ad{overflow:auto}.d19e99ad::-webkit-scrollbar{width:var(--reactist-spacing-small)}.d19e99ad::-webkit-scrollbar-track{background:transparent}.d19e99ad::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--reactist-border-radius-large)}.d19e99ad:hover::-webkit-scrollbar-thumb{background-color:var(--reactist-scrollbar-thumb-idle)}.d19e99ad{scrollbar-color:transparent transparent;scrollbar-width:thin}.d19e99ad:hover{scrollbar-color:var(--reactist-scrollbar-thumb-idle) transparent}
 .c4803194{padding-top:var(--reactist-spacing-xsmall)}._4e9ab24b{padding-top:var(--reactist-spacing-small)}._1d226e27{padding-top:var(--reactist-spacing-medium)}.eb6097f1{padding-top:var(--reactist-spacing-large)}.d3229ba4{padding-top:var(--reactist-spacing-xlarge)}._47978ba4{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f987719c{padding-top:var(--reactist-spacing-xsmall)}._8dbc4b4d{padding-top:var(--reactist-spacing-small)}.ae44fe07{padding-top:var(--reactist-spacing-medium)}.ffe9548d{padding-top:var(--reactist-spacing-large)}.f2b76a44{padding-top:var(--reactist-spacing-xlarge)}.c6eb8f43{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._8699b560{padding-top:var(--reactist-spacing-xsmall)}._02c374b7{padding-top:var(--reactist-spacing-small)}._0dd0332f{padding-top:var(--reactist-spacing-medium)}.da55f1f6{padding-top:var(--reactist-spacing-large)}._8ef2a278{padding-top:var(--reactist-spacing-xlarge)}._8b493b28{padding-top:var(--reactist-spacing-xxlarge)}}._211eebc7{padding-right:var(--reactist-spacing-xsmall)}.ad0ccf15{padding-right:var(--reactist-spacing-small)}.a03e39af{padding-right:var(--reactist-spacing-medium)}.f0941ead{padding-right:var(--reactist-spacing-large)}.e47c5a43{padding-right:var(--reactist-spacing-xlarge)}.e849a5cf{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._85374228{padding-right:var(--reactist-spacing-xsmall)}._89df37b9{padding-right:var(--reactist-spacing-small)}._1cc50ebe{padding-right:var(--reactist-spacing-medium)}._1060982b{padding-right:var(--reactist-spacing-large)}.be58847d{padding-right:var(--reactist-spacing-xlarge)}._45093484{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.f8d99d6a{padding-right:var(--reactist-spacing-xsmall)}.efa076d9{padding-right:var(--reactist-spacing-small)}.e59caa64{padding-right:var(--reactist-spacing-medium)}.da42f46a{padding-right:var(--reactist-spacing-large)}.b3ee2580{padding-right:var(--reactist-spacing-xlarge)}._3ef94658{padding-right:var(--reactist-spacing-xxlarge)}}.b0e6eab4{padding-bottom:var(--reactist-spacing-xsmall)}._9510d053{padding-bottom:var(--reactist-spacing-small)}.d7af60c9{padding-bottom:var(--reactist-spacing-medium)}.b75f86cd{padding-bottom:var(--reactist-spacing-large)}.fbd4ce29{padding-bottom:var(--reactist-spacing-xlarge)}._33e3ad63{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f0302da7{padding-bottom:var(--reactist-spacing-xsmall)}._4f9b8012{padding-bottom:var(--reactist-spacing-small)}._4333e20e{padding-bottom:var(--reactist-spacing-medium)}._30bbc76c{padding-bottom:var(--reactist-spacing-large)}.ba5a4008{padding-bottom:var(--reactist-spacing-xlarge)}._423a3b1a{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b40139b7{padding-bottom:var(--reactist-spacing-xsmall)}.f96071fa{padding-bottom:var(--reactist-spacing-small)}.fe803c9a{padding-bottom:var(--reactist-spacing-medium)}._01686eb9{padding-bottom:var(--reactist-spacing-large)}.afa763d8{padding-bottom:var(--reactist-spacing-xlarge)}.a95785f1{padding-bottom:var(--reactist-spacing-xxlarge)}}.cad4e2ec{padding-left:var(--reactist-spacing-xsmall)}.d70b3c17{padding-left:var(--reactist-spacing-small)}._8c851bd6{padding-left:var(--reactist-spacing-medium)}._078feb3c{padding-left:var(--reactist-spacing-large)}._76ab968c{padding-left:var(--reactist-spacing-xlarge)}.aaca85d7{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5eb0e5aa{padding-left:var(--reactist-spacing-xsmall)}._0384fb4f{padding-left:var(--reactist-spacing-small)}.edffff6f{padding-left:var(--reactist-spacing-medium)}._873b9a46{padding-left:var(--reactist-spacing-large)}._89105db5{padding-left:var(--reactist-spacing-xlarge)}.db1966fe{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b17f826b{padding-left:var(--reactist-spacing-xsmall)}._6dc83610{padding-left:var(--reactist-spacing-small)}._3421b8b2{padding-left:var(--reactist-spacing-medium)}._68cec7a6{padding-left:var(--reactist-spacing-large)}._94bde020{padding-left:var(--reactist-spacing-xlarge)}.b94ee579{padding-left:var(--reactist-spacing-xxlarge)}}
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}
 ._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:max-content}._07a6ab44{width:-moz-min-content;width:min-content}.a87016fa{width:-moz-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)}
 ._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)}}
-:root{--reactist-badge-font-size:10px;--reactist-badge-info-tint:#666;--reactist-badge-info-fill:#eee;--reactist-badge-positive-tint:#058527;--reactist-badge-positive-fill:#e0f0e3;--reactist-badge-promote-tint:#8f4700;--reactist-badge-promote-fill:#faead1;--reactist-badge-attention-tint:#cf473a;--reactist-badge-attention-fill:#f9e3e2;--reactist-badge-warning-tint:#fff;--reactist-badge-warning-fill:#eb8909}._2714fc40{font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-strong);font-size:var(--reactist-badge-font-size);text-transform:uppercase;letter-spacing:.1em;border-radius:3px;padding:1px var(--reactist-spacing-xsmall);background-color:var(--reactist-badge-fill);line-height:calc(var(--reactist-badge-font-size) + 3px);white-space:nowrap}._2714fc40,._2714fc40:hover{color:var(--reactist-badge-tint);text-decoration:none}._3397e001{--reactist-badge-tint:var(--reactist-badge-info-tint);--reactist-badge-fill:var(--reactist-badge-info-fill)}.b7b8944a{--reactist-badge-tint:var(--reactist-badge-positive-tint);--reactist-badge-fill:var(--reactist-badge-positive-fill)}.bfc2b0e9{--reactist-badge-tint:var(--reactist-badge-promote-tint);--reactist-badge-fill:var(--reactist-badge-promote-fill)}.d45e594f{--reactist-badge-tint:var(--reactist-badge-attention-tint);--reactist-badge-fill:var(--reactist-badge-attention-fill)}._1e30e9b3{--reactist-badge-tint:var(--reactist-badge-warning-tint);--reactist-badge-fill:var(--reactist-badge-warning-fill)}
+:root{--reactist-badge-font-size:10px;--reactist-badge-info-tint:#666;--reactist-badge-info-fill:#eee;--reactist-badge-positive-tint:#058527;--reactist-badge-positive-fill:#e0f0e3;--reactist-badge-promote-tint:#8f4700;--reactist-badge-promote-fill:#faead1;--reactist-badge-attention-tint:#cf473a;--reactist-badge-attention-fill:#f9e3e2;--reactist-badge-warning-tint:#fff;--reactist-badge-warning-fill:#eb8909}._2714fc40{background-color:var(--reactist-badge-fill);border-radius:3px;font-family:var(--reactist-font-family);font-size:var(--reactist-badge-font-size);font-weight:var(--reactist-font-weight-strong);letter-spacing:.1em;line-height:calc(var(--reactist-badge-font-size) + 3px);padding:1px var(--reactist-spacing-xsmall);text-transform:uppercase;white-space:nowrap}._2714fc40,._2714fc40:hover{color:var(--reactist-badge-tint);text-decoration:none}._3397e001{--reactist-badge-tint:var(--reactist-badge-info-tint);--reactist-badge-fill:var(--reactist-badge-info-fill)}.b7b8944a{--reactist-badge-tint:var(--reactist-badge-positive-tint);--reactist-badge-fill:var(--reactist-badge-positive-fill)}.bfc2b0e9{--reactist-badge-tint:var(--reactist-badge-promote-tint);--reactist-badge-fill:var(--reactist-badge-promote-fill)}.d45e594f{--reactist-badge-tint:var(--reactist-badge-attention-tint);--reactist-badge-fill:var(--reactist-badge-attention-fill)}._1e30e9b3{--reactist-badge-tint:var(--reactist-badge-warning-tint);--reactist-badge-fill:var(--reactist-badge-warning-fill)}

package/styles/badge.module.css.css

@@ -1 +1 @@
-:root{--reactist-badge-font-size:10px;--reactist-badge-info-tint:#666;--reactist-badge-info-fill:#eee;--reactist-badge-positive-tint:#058527;--reactist-badge-positive-fill:#e0f0e3;--reactist-badge-promote-tint:#8f4700;--reactist-badge-promote-fill:#faead1;--reactist-badge-attention-tint:#cf473a;--reactist-badge-attention-fill:#f9e3e2;--reactist-badge-warning-tint:#fff;--reactist-badge-warning-fill:#eb8909}._2714fc40{font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-strong);font-size:var(--reactist-badge-font-size);text-transform:uppercase;letter-spacing:.1em;border-radius:3px;padding:1px var(--reactist-spacing-xsmall);background-color:var(--reactist-badge-fill);line-height:calc(var(--reactist-badge-font-size) + 3px);white-space:nowrap}._2714fc40,._2714fc40:hover{color:var(--reactist-badge-tint);text-decoration:none}._3397e001{--reactist-badge-tint:var(--reactist-badge-info-tint);--reactist-badge-fill:var(--reactist-badge-info-fill)}.b7b8944a{--reactist-badge-tint:var(--reactist-badge-positive-tint);--reactist-badge-fill:var(--reactist-badge-positive-fill)}.bfc2b0e9{--reactist-badge-tint:var(--reactist-badge-promote-tint);--reactist-badge-fill:var(--reactist-badge-promote-fill)}.d45e594f{--reactist-badge-tint:var(--reactist-badge-attention-tint);--reactist-badge-fill:var(--reactist-badge-attention-fill)}._1e30e9b3{--reactist-badge-tint:var(--reactist-badge-warning-tint);--reactist-badge-fill:var(--reactist-badge-warning-fill)}
+:root{--reactist-badge-font-size:10px;--reactist-badge-info-tint:#666;--reactist-badge-info-fill:#eee;--reactist-badge-positive-tint:#058527;--reactist-badge-positive-fill:#e0f0e3;--reactist-badge-promote-tint:#8f4700;--reactist-badge-promote-fill:#faead1;--reactist-badge-attention-tint:#cf473a;--reactist-badge-attention-fill:#f9e3e2;--reactist-badge-warning-tint:#fff;--reactist-badge-warning-fill:#eb8909}._2714fc40{background-color:var(--reactist-badge-fill);border-radius:3px;font-family:var(--reactist-font-family);font-size:var(--reactist-badge-font-size);font-weight:var(--reactist-font-weight-strong);letter-spacing:.1em;line-height:calc(var(--reactist-badge-font-size) + 3px);padding:1px var(--reactist-spacing-xsmall);text-transform:uppercase;white-space:nowrap}._2714fc40,._2714fc40:hover{color:var(--reactist-badge-tint);text-decoration:none}._3397e001{--reactist-badge-tint:var(--reactist-badge-info-tint);--reactist-badge-fill:var(--reactist-badge-info-fill)}.b7b8944a{--reactist-badge-tint:var(--reactist-badge-positive-tint);--reactist-badge-fill:var(--reactist-badge-positive-fill)}.bfc2b0e9{--reactist-badge-tint:var(--reactist-badge-promote-tint);--reactist-badge-fill:var(--reactist-badge-promote-fill)}.d45e594f{--reactist-badge-tint:var(--reactist-badge-attention-tint);--reactist-badge-fill:var(--reactist-badge-attention-fill)}._1e30e9b3{--reactist-badge-tint:var(--reactist-badge-warning-tint);--reactist-badge-fill:var(--reactist-badge-warning-fill)}