@mattermost/compass-ui 0.1.0-alpha.21 → 0.1.0-alpha.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/combobox/Combobox.cjs +1 -1
- package/dist/components/combobox/Combobox.cjs.map +1 -1
- package/dist/components/combobox/Combobox.css +1 -1
- package/dist/components/combobox/Combobox.d.ts +43 -3
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.js +298 -283
- package/dist/components/combobox/Combobox.js.map +1 -1
- package/dist/components/combobox/Combobox.module.scss.cjs +1 -1
- package/dist/components/combobox/Combobox.module.scss.js +25 -25
- package/dist/components/combobox/index.d.ts +1 -1
- package/dist/components/combobox/index.d.ts.map +1 -1
- package/dist/components/dropdown/Dropdown.css +1 -1
- package/dist/components/dropdown/Dropdown.module.scss.cjs +1 -1
- package/dist/components/dropdown/Dropdown.module.scss.js +14 -14
- package/dist/components/global-banner/GlobalBanner.css +1 -1
- package/dist/components/global-banner/GlobalBanner.module.scss.cjs +1 -1
- package/dist/components/global-banner/GlobalBanner.module.scss.js +10 -10
- package/dist/components/modal/Modal.cjs +1 -1
- package/dist/components/modal/Modal.cjs.map +1 -1
- package/dist/components/modal/Modal.d.ts.map +1 -1
- package/dist/components/modal/Modal.js +91 -93
- package/dist/components/modal/Modal.js.map +1 -1
- package/dist/components/modal/ModalOverlay.cjs +2 -0
- package/dist/components/modal/ModalOverlay.cjs.map +1 -0
- package/dist/components/modal/ModalOverlay.css +1 -1
- package/dist/components/modal/ModalOverlay.d.ts +43 -0
- package/dist/components/modal/ModalOverlay.d.ts.map +1 -0
- package/dist/components/modal/ModalOverlay.js +59 -0
- package/dist/components/modal/ModalOverlay.js.map +1 -0
- package/dist/components/modal/ModalOverlay.module.scss.cjs +1 -1
- package/dist/components/modal/ModalOverlay.module.scss.js +3 -3
- package/dist/components/modal/index.cjs +1 -1
- package/dist/components/modal/index.d.ts +2 -0
- package/dist/components/modal/index.d.ts.map +1 -1
- package/dist/components/modal/index.js +4 -2
- package/dist/components/modal/index.js.map +1 -1
- package/dist/components/password-input/PasswordInput.css +1 -1
- package/dist/components/password-input/PasswordInput.module.scss.cjs +1 -1
- package/dist/components/password-input/PasswordInput.module.scss.js +12 -12
- package/dist/components/progress-bar/ProgressBar.cjs +1 -1
- package/dist/components/progress-bar/ProgressBar.cjs.map +1 -1
- package/dist/components/progress-bar/ProgressBar.d.ts +10 -2
- package/dist/components/progress-bar/ProgressBar.d.ts.map +1 -1
- package/dist/components/progress-bar/ProgressBar.js +31 -21
- package/dist/components/progress-bar/ProgressBar.js.map +1 -1
- package/dist/components/search-input/SearchInput.css +1 -1
- package/dist/components/search-input/SearchInput.module.scss.cjs +1 -1
- package/dist/components/search-input/SearchInput.module.scss.js +15 -15
- package/dist/components/text-area/TextArea.css +1 -1
- package/dist/components/text-area/TextArea.module.scss.cjs +1 -1
- package/dist/components/text-area/TextArea.module.scss.js +12 -12
- package/dist/components/text-input/TextInput.css +1 -1
- package/dist/components/text-input/TextInput.module.scss.cjs +1 -1
- package/dist/components/text-input/TextInput.module.scss.js +19 -19
- package/dist/components/thread-footer/ThreadFooter.css +1 -1
- package/dist/components/thread-footer/ThreadFooter.module.scss.cjs +1 -1
- package/dist/components/thread-footer/ThreadFooter.module.scss.js +18 -18
- package/dist/components/toast/Toast.css +1 -1
- package/dist/components/toast/Toast.module.scss.cjs +1 -1
- package/dist/components/toast/Toast.module.scss.js +10 -10
- package/dist/components/tour-point/TourPoint.css +1 -1
- package/dist/components/tour-point/TourPoint.module.scss.cjs +1 -1
- package/dist/components/tour-point/TourPoint.module.scss.js +28 -28
- package/dist/index.cjs +1 -1
- package/dist/index.js +97 -95
- package/dist/index.js.map +1 -1
- package/dist/utils/scrollLock.cjs +2 -0
- package/dist/utils/scrollLock.cjs.map +1 -0
- package/dist/utils/scrollLock.d.ts +9 -0
- package/dist/utils/scrollLock.d.ts.map +1 -0
- package/dist/utils/scrollLock.js +38 -0
- package/dist/utils/scrollLock.js.map +1 -0
- package/dist/utils/useOnExited.cjs +2 -0
- package/dist/utils/useOnExited.cjs.map +1 -0
- package/dist/utils/useOnExited.d.ts +7 -0
- package/dist/utils/useOnExited.d.ts.map +1 -0
- package/dist/utils/useOnExited.js +14 -0
- package/dist/utils/useOnExited.js.map +1 -0
- package/package.json +2 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PasswordInput.css');const s={"password-input":"_password-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PasswordInput.css');const s={"password-input":"_password-input_xl3br_2","password-input__wrapper":"_password-input__wrapper_xl3br_8","password-input__input":"_password-input__input_xl3br_18","password-input__label":"_password-input__label_xl3br_28","password-input--label-floated":"_password-input--label-floated_xl3br_48","password-input__inner":"_password-input__inner_xl3br_55","password-input__trailing-icon":"_password-input__trailing-icon_xl3br_83","password-input__reveal":"_password-input__reveal_xl3br_91","password-input--size-small":"_password-input--size-small_xl3br_116","password-input--size-medium":"_password-input--size-medium_xl3br_132","password-input--size-large":"_password-input--size-large_xl3br_152","password-input--invalid":"_password-input--invalid_xl3br_179"};exports.default=s;
|
|
2
2
|
//# sourceMappingURL=PasswordInput.module.scss.cjs.map
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import './PasswordInput.css';const s = {
|
|
2
|
-
"password-input": "_password-
|
|
3
|
-
"password-input__wrapper": "_password-
|
|
4
|
-
"password-input__input": "_password-
|
|
5
|
-
"password-input__label": "_password-
|
|
6
|
-
"password-input--label-floated": "_password-input--label-
|
|
7
|
-
"password-input__inner": "_password-
|
|
8
|
-
"password-input__trailing-icon": "_password-input__trailing-
|
|
9
|
-
"password-input__reveal": "_password-
|
|
10
|
-
"password-input--size-small": "_password-input--size-
|
|
11
|
-
"password-input--size-medium": "_password-input--size-
|
|
12
|
-
"password-input--size-large": "_password-input--size-
|
|
13
|
-
"password-input--invalid": "_password-input--
|
|
2
|
+
"password-input": "_password-input_xl3br_2",
|
|
3
|
+
"password-input__wrapper": "_password-input__wrapper_xl3br_8",
|
|
4
|
+
"password-input__input": "_password-input__input_xl3br_18",
|
|
5
|
+
"password-input__label": "_password-input__label_xl3br_28",
|
|
6
|
+
"password-input--label-floated": "_password-input--label-floated_xl3br_48",
|
|
7
|
+
"password-input__inner": "_password-input__inner_xl3br_55",
|
|
8
|
+
"password-input__trailing-icon": "_password-input__trailing-icon_xl3br_83",
|
|
9
|
+
"password-input__reveal": "_password-input__reveal_xl3br_91",
|
|
10
|
+
"password-input--size-small": "_password-input--size-small_xl3br_116",
|
|
11
|
+
"password-input--size-medium": "_password-input--size-medium_xl3br_132",
|
|
12
|
+
"password-input--size-large": "_password-input--size-large_xl3br_152",
|
|
13
|
+
"password-input--invalid": "_password-input--invalid_xl3br_179"
|
|
14
14
|
};
|
|
15
15
|
export {
|
|
16
16
|
s as default
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),a=require("./ProgressBar.module.scss.cjs");function v(e){return e>=90?a.default["progress-bar__fill--danger"]:e>=70?a.default["progress-bar__fill--warning"]:a.default["progress-bar__fill--success"]}function c({value:e=0,size:i="large",semanticColors:o=!1,indeterminate:r=!1,decorative:t=!1,"aria-label":u="Progress",className:d="",...f}){const l=Math.min(100,Math.max(0,e)),n=i==="small"?a.default["progress-bar--size-small"]:a.default["progress-bar--size-large"],g=o&&!r?v(l):a.default["progress-bar__fill--default"];return s.jsx("div",{...f,...t?{"aria-hidden":!0,role:void 0,"aria-valuenow":void 0,"aria-valuemin":void 0,"aria-valuemax":void 0,"aria-valuetext":void 0}:{role:"progressbar","aria-valuenow":r?void 0:l,"aria-valuemin":0,"aria-valuemax":100,"aria-label":u},className:[a.default["progress-bar"],n,r?a.default["progress-bar--indeterminate"]:"",d].filter(Boolean).join(" "),children:s.jsx("div",{className:[a.default["progress-bar__fill"],g].filter(Boolean).join(" "),style:r?void 0:{width:`${l}%`}})})}exports.default=c;
|
|
2
2
|
//# sourceMappingURL=ProgressBar.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.cjs","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport styles from './ProgressBar.module.scss';\n\nexport type ProgressBarSize = 'small' | 'large';\n\nexport interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {\n /** Progress value 0–100. Default: 0. */\n value?: number;\n /** Size variant. Default: Large. */\n size?: ProgressBarSize;\n /**\n * When true, fill color shifts from green→yellow→red based on percentage.\n * When false, uses the default brand blue. Default: false.\n */\n semanticColors?: boolean;\n /**\n * When true, shows an animated bar for work with an unknown total and omits\n * `aria-valuenow`. `value` and `semanticColors` are ignored. Default: false.\n */\n indeterminate?: boolean;\n /** Accessible label for the progress bar. Default: \"Progress\". */\n 'aria-label'?: string;\n /** Optional CSS class name. */\n className?: string;\n}\n\nfunction getSemanticColorClass(value: number): string {\n if (value >= 90) return styles['progress-bar__fill--danger'];\n if (value >= 70) return styles['progress-bar__fill--warning'];\n return styles['progress-bar__fill--success'];\n}\n\n/**\n * Progress Bar shows determinate progress through a wait state — an upload finishing, a\n * quota filling, an import running. Use it when the duration or total is known; reach for\n * [Spinner](/components/spinner) when it isn't.\n */\nexport default function ProgressBar({\n value = 0,\n size = 'large',\n semanticColors = false,\n indeterminate = false,\n 'aria-label': ariaLabel = 'Progress',\n className = '',\n ...rest\n}: ProgressBarProps) {\n const clampedValue = Math.min(100, Math.max(0, value));\n const sizeClass =\n size === 'small'\n ? styles['progress-bar--size-small']\n : styles['progress-bar--size-large'];\n\n const fillColorClass =\n semanticColors && !indeterminate\n ? getSemanticColorClass(clampedValue)\n : styles['progress-bar__fill--default'];\n\n return (\n <div\n {...rest}\n role
|
|
1
|
+
{"version":3,"file":"ProgressBar.cjs","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport styles from './ProgressBar.module.scss';\n\nexport type ProgressBarSize = 'small' | 'large';\n\nexport interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {\n /** Progress value 0–100. Default: 0. */\n value?: number;\n /** Size variant. Default: Large. */\n size?: ProgressBarSize;\n /**\n * When true, fill color shifts from green→yellow→red based on percentage.\n * When false, uses the default brand blue. Default: false.\n */\n semanticColors?: boolean;\n /**\n * When true, shows an animated bar for work with an unknown total and omits\n * `aria-valuenow`. `value` and `semanticColors` are ignored. Default: false.\n */\n indeterminate?: boolean;\n /**\n * When true, the bar is purely visual: it renders `aria-hidden=\"true\"` and omits\n * `role=\"progressbar\"`, `aria-valuenow`, `aria-valuemin`, `aria-valuemax` and\n * `aria-label`. Use it for bars that don't report progress toward a goal (e.g.\n * rows in a bar chart) and put the accessible text on the surrounding element.\n * Default: false.\n */\n decorative?: boolean;\n /** Accessible label for the progress bar. Ignored when `decorative`. Default: \"Progress\". */\n 'aria-label'?: string;\n /** Optional CSS class name. */\n className?: string;\n}\n\nfunction getSemanticColorClass(value: number): string {\n if (value >= 90) return styles['progress-bar__fill--danger'];\n if (value >= 70) return styles['progress-bar__fill--warning'];\n return styles['progress-bar__fill--success'];\n}\n\n/**\n * Progress Bar shows determinate progress through a wait state — an upload finishing, a\n * quota filling, an import running. Use it when the duration or total is known; reach for\n * [Spinner](/components/spinner) when it isn't.\n */\nexport default function ProgressBar({\n value = 0,\n size = 'large',\n semanticColors = false,\n indeterminate = false,\n decorative = false,\n 'aria-label': ariaLabel = 'Progress',\n className = '',\n ...rest\n}: ProgressBarProps) {\n const clampedValue = Math.min(100, Math.max(0, value));\n const sizeClass =\n size === 'small'\n ? styles['progress-bar--size-small']\n : styles['progress-bar--size-large'];\n\n const fillColorClass =\n semanticColors && !indeterminate\n ? getSemanticColorClass(clampedValue)\n : styles['progress-bar__fill--default'];\n\n return (\n <div\n {...rest}\n {...(decorative\n ? {\n 'aria-hidden': true,\n role: undefined,\n 'aria-valuenow': undefined,\n 'aria-valuemin': undefined,\n 'aria-valuemax': undefined,\n 'aria-valuetext': undefined,\n }\n : {\n role: 'progressbar',\n 'aria-valuenow': indeterminate ? undefined : clampedValue,\n 'aria-valuemin': 0,\n 'aria-valuemax': 100,\n 'aria-label': ariaLabel,\n })}\n className={[\n styles['progress-bar'],\n sizeClass,\n indeterminate ? styles['progress-bar--indeterminate'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <div\n className={[styles['progress-bar__fill'], fillColorClass]\n .filter(Boolean)\n .join(' ')}\n style={indeterminate ? undefined : { width: `${clampedValue}%` }}\n />\n </div>\n );\n}\n"],"names":["getSemanticColorClass","value","styles","ProgressBar","size","semanticColors","indeterminate","decorative","ariaLabel","className","rest","clampedValue","sizeClass","fillColorClass","jsx"],"mappings":"4LAkCA,SAASA,EAAsBC,EAAuB,CACpD,OAAIA,GAAS,GAAWC,EAAAA,QAAO,4BAA4B,EACvDD,GAAS,GAAWC,EAAAA,QAAO,6BAA6B,EACrDA,EAAAA,QAAO,6BAA6B,CAC7C,CAOA,SAAwBC,EAAY,CAClC,MAAAF,EAAQ,EACR,KAAAG,EAAO,QACP,eAAAC,EAAiB,GACjB,cAAAC,EAAgB,GAChB,WAAAC,EAAa,GACb,aAAcC,EAAY,WAC1B,UAAAC,EAAY,GACZ,GAAGC,CACL,EAAqB,CACnB,MAAMC,EAAe,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGV,CAAK,CAAC,EAC/CW,EACJR,IAAS,QACLF,EAAAA,QAAO,0BAA0B,EACjCA,EAAAA,QAAO,0BAA0B,EAEjCW,EACJR,GAAkB,CAACC,EACfN,EAAsBW,CAAY,EAClCT,EAAAA,QAAO,6BAA6B,EAE1C,OACEY,EAAAA,IAAC,MAAA,CACE,GAAGJ,EACH,GAAIH,EACD,CACE,cAAe,GACf,KAAM,OACN,gBAAiB,OACjB,gBAAiB,OACjB,gBAAiB,OACjB,iBAAkB,MAAA,EAEpB,CACE,KAAM,cACN,gBAAiBD,EAAgB,OAAYK,EAC7C,gBAAiB,EACjB,gBAAiB,IACjB,aAAcH,CAAA,EAEpB,UAAW,CACTN,EAAAA,QAAO,cAAc,EACrBU,EACAN,EAAgBJ,EAAAA,QAAO,6BAA6B,EAAI,GACxDO,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAAAK,EAAAA,IAAC,MAAA,CACC,UAAW,CAACZ,UAAO,oBAAoB,EAAGW,CAAc,EACrD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,MAAOP,EAAgB,OAAY,CAAE,MAAO,GAAGK,CAAY,GAAA,CAAI,CAAA,CACjE,CAAA,CAGN"}
|
|
@@ -15,7 +15,15 @@ export interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
15
15
|
* `aria-valuenow`. `value` and `semanticColors` are ignored. Default: false.
|
|
16
16
|
*/
|
|
17
17
|
indeterminate?: boolean;
|
|
18
|
-
/**
|
|
18
|
+
/**
|
|
19
|
+
* When true, the bar is purely visual: it renders `aria-hidden="true"` and omits
|
|
20
|
+
* `role="progressbar"`, `aria-valuenow`, `aria-valuemin`, `aria-valuemax` and
|
|
21
|
+
* `aria-label`. Use it for bars that don't report progress toward a goal (e.g.
|
|
22
|
+
* rows in a bar chart) and put the accessible text on the surrounding element.
|
|
23
|
+
* Default: false.
|
|
24
|
+
*/
|
|
25
|
+
decorative?: boolean;
|
|
26
|
+
/** Accessible label for the progress bar. Ignored when `decorative`. Default: "Progress". */
|
|
19
27
|
'aria-label'?: string;
|
|
20
28
|
/** Optional CSS class name. */
|
|
21
29
|
className?: string;
|
|
@@ -25,5 +33,5 @@ export interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
25
33
|
* quota filling, an import running. Use it when the duration or total is known; reach for
|
|
26
34
|
* [Spinner](/components/spinner) when it isn't.
|
|
27
35
|
*/
|
|
28
|
-
export default function ProgressBar({ value, size, semanticColors, indeterminate, 'aria-label': ariaLabel, className, ...rest }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export default function ProgressBar({ value, size, semanticColors, indeterminate, decorative, 'aria-label': ariaLabel, className, ...rest }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
|
|
29
37
|
//# sourceMappingURL=ProgressBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAS,EACT,IAAc,EACd,cAAsB,EACtB,aAAqB,EACrB,UAAkB,EAClB,YAAY,EAAE,SAAsB,EACpC,SAAc,EACd,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAgDlB"}
|
|
@@ -1,44 +1,54 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import r from "./ProgressBar.module.scss.js";
|
|
3
|
-
function
|
|
4
|
-
return
|
|
3
|
+
function v(a) {
|
|
4
|
+
return a >= 90 ? r["progress-bar__fill--danger"] : a >= 70 ? r["progress-bar__fill--warning"] : r["progress-bar__fill--success"];
|
|
5
5
|
}
|
|
6
|
-
function
|
|
7
|
-
value:
|
|
6
|
+
function b({
|
|
7
|
+
value: a = 0,
|
|
8
8
|
size: o = "large",
|
|
9
9
|
semanticColors: i = !1,
|
|
10
|
-
indeterminate:
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
indeterminate: s = !1,
|
|
11
|
+
decorative: n = !1,
|
|
12
|
+
"aria-label": t = "Progress",
|
|
13
|
+
className: f = "",
|
|
14
|
+
...g
|
|
14
15
|
}) {
|
|
15
|
-
const l = Math.min(100, Math.max(0,
|
|
16
|
+
const l = Math.min(100, Math.max(0, a)), u = o === "small" ? r["progress-bar--size-small"] : r["progress-bar--size-large"], d = i && !s ? v(l) : r["progress-bar__fill--default"];
|
|
16
17
|
return /* @__PURE__ */ e(
|
|
17
18
|
"div",
|
|
18
19
|
{
|
|
19
|
-
...
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
...g,
|
|
21
|
+
...n ? {
|
|
22
|
+
"aria-hidden": !0,
|
|
23
|
+
role: void 0,
|
|
24
|
+
"aria-valuenow": void 0,
|
|
25
|
+
"aria-valuemin": void 0,
|
|
26
|
+
"aria-valuemax": void 0,
|
|
27
|
+
"aria-valuetext": void 0
|
|
28
|
+
} : {
|
|
29
|
+
role: "progressbar",
|
|
30
|
+
"aria-valuenow": s ? void 0 : l,
|
|
31
|
+
"aria-valuemin": 0,
|
|
32
|
+
"aria-valuemax": 100,
|
|
33
|
+
"aria-label": t
|
|
34
|
+
},
|
|
25
35
|
className: [
|
|
26
36
|
r["progress-bar"],
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
37
|
+
u,
|
|
38
|
+
s ? r["progress-bar--indeterminate"] : "",
|
|
39
|
+
f
|
|
30
40
|
].filter(Boolean).join(" "),
|
|
31
41
|
children: /* @__PURE__ */ e(
|
|
32
42
|
"div",
|
|
33
43
|
{
|
|
34
|
-
className: [r["progress-bar__fill"],
|
|
35
|
-
style:
|
|
44
|
+
className: [r["progress-bar__fill"], d].filter(Boolean).join(" "),
|
|
45
|
+
style: s ? void 0 : { width: `${l}%` }
|
|
36
46
|
}
|
|
37
47
|
)
|
|
38
48
|
}
|
|
39
49
|
);
|
|
40
50
|
}
|
|
41
51
|
export {
|
|
42
|
-
|
|
52
|
+
b as default
|
|
43
53
|
};
|
|
44
54
|
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport styles from './ProgressBar.module.scss';\n\nexport type ProgressBarSize = 'small' | 'large';\n\nexport interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {\n /** Progress value 0–100. Default: 0. */\n value?: number;\n /** Size variant. Default: Large. */\n size?: ProgressBarSize;\n /**\n * When true, fill color shifts from green→yellow→red based on percentage.\n * When false, uses the default brand blue. Default: false.\n */\n semanticColors?: boolean;\n /**\n * When true, shows an animated bar for work with an unknown total and omits\n * `aria-valuenow`. `value` and `semanticColors` are ignored. Default: false.\n */\n indeterminate?: boolean;\n /** Accessible label for the progress bar. Default: \"Progress\". */\n 'aria-label'?: string;\n /** Optional CSS class name. */\n className?: string;\n}\n\nfunction getSemanticColorClass(value: number): string {\n if (value >= 90) return styles['progress-bar__fill--danger'];\n if (value >= 70) return styles['progress-bar__fill--warning'];\n return styles['progress-bar__fill--success'];\n}\n\n/**\n * Progress Bar shows determinate progress through a wait state — an upload finishing, a\n * quota filling, an import running. Use it when the duration or total is known; reach for\n * [Spinner](/components/spinner) when it isn't.\n */\nexport default function ProgressBar({\n value = 0,\n size = 'large',\n semanticColors = false,\n indeterminate = false,\n 'aria-label': ariaLabel = 'Progress',\n className = '',\n ...rest\n}: ProgressBarProps) {\n const clampedValue = Math.min(100, Math.max(0, value));\n const sizeClass =\n size === 'small'\n ? styles['progress-bar--size-small']\n : styles['progress-bar--size-large'];\n\n const fillColorClass =\n semanticColors && !indeterminate\n ? getSemanticColorClass(clampedValue)\n : styles['progress-bar__fill--default'];\n\n return (\n <div\n {...rest}\n role
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport styles from './ProgressBar.module.scss';\n\nexport type ProgressBarSize = 'small' | 'large';\n\nexport interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {\n /** Progress value 0–100. Default: 0. */\n value?: number;\n /** Size variant. Default: Large. */\n size?: ProgressBarSize;\n /**\n * When true, fill color shifts from green→yellow→red based on percentage.\n * When false, uses the default brand blue. Default: false.\n */\n semanticColors?: boolean;\n /**\n * When true, shows an animated bar for work with an unknown total and omits\n * `aria-valuenow`. `value` and `semanticColors` are ignored. Default: false.\n */\n indeterminate?: boolean;\n /**\n * When true, the bar is purely visual: it renders `aria-hidden=\"true\"` and omits\n * `role=\"progressbar\"`, `aria-valuenow`, `aria-valuemin`, `aria-valuemax` and\n * `aria-label`. Use it for bars that don't report progress toward a goal (e.g.\n * rows in a bar chart) and put the accessible text on the surrounding element.\n * Default: false.\n */\n decorative?: boolean;\n /** Accessible label for the progress bar. Ignored when `decorative`. Default: \"Progress\". */\n 'aria-label'?: string;\n /** Optional CSS class name. */\n className?: string;\n}\n\nfunction getSemanticColorClass(value: number): string {\n if (value >= 90) return styles['progress-bar__fill--danger'];\n if (value >= 70) return styles['progress-bar__fill--warning'];\n return styles['progress-bar__fill--success'];\n}\n\n/**\n * Progress Bar shows determinate progress through a wait state — an upload finishing, a\n * quota filling, an import running. Use it when the duration or total is known; reach for\n * [Spinner](/components/spinner) when it isn't.\n */\nexport default function ProgressBar({\n value = 0,\n size = 'large',\n semanticColors = false,\n indeterminate = false,\n decorative = false,\n 'aria-label': ariaLabel = 'Progress',\n className = '',\n ...rest\n}: ProgressBarProps) {\n const clampedValue = Math.min(100, Math.max(0, value));\n const sizeClass =\n size === 'small'\n ? styles['progress-bar--size-small']\n : styles['progress-bar--size-large'];\n\n const fillColorClass =\n semanticColors && !indeterminate\n ? getSemanticColorClass(clampedValue)\n : styles['progress-bar__fill--default'];\n\n return (\n <div\n {...rest}\n {...(decorative\n ? {\n 'aria-hidden': true,\n role: undefined,\n 'aria-valuenow': undefined,\n 'aria-valuemin': undefined,\n 'aria-valuemax': undefined,\n 'aria-valuetext': undefined,\n }\n : {\n role: 'progressbar',\n 'aria-valuenow': indeterminate ? undefined : clampedValue,\n 'aria-valuemin': 0,\n 'aria-valuemax': 100,\n 'aria-label': ariaLabel,\n })}\n className={[\n styles['progress-bar'],\n sizeClass,\n indeterminate ? styles['progress-bar--indeterminate'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <div\n className={[styles['progress-bar__fill'], fillColorClass]\n .filter(Boolean)\n .join(' ')}\n style={indeterminate ? undefined : { width: `${clampedValue}%` }}\n />\n </div>\n );\n}\n"],"names":["getSemanticColorClass","value","styles","ProgressBar","size","semanticColors","indeterminate","decorative","ariaLabel","className","rest","clampedValue","sizeClass","fillColorClass","jsx"],"mappings":";;AAkCA,SAASA,EAAsBC,GAAuB;AACpD,SAAIA,KAAS,KAAWC,EAAO,4BAA4B,IACvDD,KAAS,KAAWC,EAAO,6BAA6B,IACrDA,EAAO,6BAA6B;AAC7C;AAOA,SAAwBC,EAAY;AAAA,EAClC,OAAAF,IAAQ;AAAA,EACR,MAAAG,IAAO;AAAA,EACP,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,YAAAC,IAAa;AAAA,EACb,cAAcC,IAAY;AAAA,EAC1B,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAqB;AACnB,QAAMC,IAAe,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGV,CAAK,CAAC,GAC/CW,IACJR,MAAS,UACLF,EAAO,0BAA0B,IACjCA,EAAO,0BAA0B,GAEjCW,IACJR,KAAkB,CAACC,IACfN,EAAsBW,CAAY,IAClCT,EAAO,6BAA6B;AAE1C,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACH,GAAIH,IACD;AAAA,QACE,eAAe;AAAA,QACf,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,MAAA,IAEpB;AAAA,QACE,MAAM;AAAA,QACN,iBAAiBD,IAAgB,SAAYK;AAAA,QAC7C,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,QACjB,cAAcH;AAAA,MAAA;AAAA,MAEpB,WAAW;AAAA,QACTN,EAAO,cAAc;AAAA,QACrBU;AAAA,QACAN,IAAgBJ,EAAO,6BAA6B,IAAI;AAAA,QACxDO;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAEX,UAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAACZ,EAAO,oBAAoB,GAAGW,CAAc,EACrD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UACX,OAAOP,IAAgB,SAAY,EAAE,OAAO,GAAGK,CAAY,IAAA;AAAA,QAAI;AAAA,MAAA;AAAA,IACjE;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._search-
|
|
1
|
+
._search-input_1c95e_2{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._search-input__wrapper_1c95e_8{position:relative;display:flex;flex-direction:column;min-height:0;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:not(:disabled)):hover:not(:focus-within) ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:focus-visible) ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:disabled) ._search-input__wrapper_1c95e_8{background-color:var(--center-channel-bg);opacity:.56}._search-input__label_1c95e_28{position:absolute;left:var(--spacing-xs);top:50%;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition)}._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px;color:rgba(var(--center-channel-color-rgb),.64)}._search-input__inner_1c95e_55{display:flex;align-items:center;flex:1;min-width:0}._search-input__input_1c95e_18{flex:1 1 0;min-width:0;margin:0;padding:0;border:0;background:transparent;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._search-input__input_1c95e_18::-webkit-search-decoration,._search-input__input_1c95e_18::-webkit-search-cancel-button{-webkit-appearance:none}._search-input__input_1c95e_18:focus{outline:none}._search-input__input_1c95e_18::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._search-input__input_1c95e_18:disabled{cursor:not-allowed}._search-input__leading-icon_1c95e_86,._search-input__trailing-icon_1c95e_86{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._search-input__leading-icon_1c95e_86{margin-right:var(--spacing-xs);pointer-events:none}._search-input__trailing-icon_1c95e_86{margin-left:var(--spacing-xs)}._search-input--size-small_1c95e_100 ._search-input__wrapper_1c95e_8{min-height:32px}._search-input--size-small_1c95e_100 ._search-input__inner_1c95e_55{padding:var(--spacing-xs) var(--spacing-m)}._search-input--size-small_1c95e_100 ._search-input__input_1c95e_18{font-size:var(--font-size-75);line-height:var(--line-height-25)}._search-input--size-small_1c95e_100._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--size-medium_1c95e_116 ._search-input__wrapper_1c95e_8{min-height:40px}._search-input--size-medium_1c95e_116 ._search-input__inner_1c95e_55{padding:var(--spacing-s) var(--spacing-l)}._search-input--size-medium_1c95e_116 ._search-input__input_1c95e_18{font-size:var(--font-size-100);line-height:var(--line-height-100)}._search-input--size-medium_1c95e_116 ._search-input__label_1c95e_28{font-size:var(--font-size-100);left:var(--spacing-m)}._search-input--size-medium_1c95e_116._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--size-large_1c95e_136 ._search-input__wrapper_1c95e_8{min-height:48px}._search-input--size-large_1c95e_136 ._search-input__inner_1c95e_55{padding:var(--spacing-m) var(--spacing-l)}._search-input--size-large_1c95e_136 ._search-input__input_1c95e_18{font-size:var(--font-size-200);line-height:var(--line-height-200)}._search-input--size-large_1c95e_136 ._search-input__label_1c95e_28{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._search-input--size-large_1c95e_136._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--has-leading-icon_1c95e_157 ._search-input__label_1c95e_28{left:28px}._search-input--has-leading-icon_1c95e_157._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{left:var(--spacing-xs)}._search-input--has-leading-icon_1c95e_157._search-input--size-medium_1c95e_116 ._search-input__label_1c95e_28{left:36px}._search-input--has-leading-icon_1c95e_157._search-input--size-medium_1c95e_116._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{left:var(--spacing-m)}._search-input--has-leading-icon_1c95e_157._search-input--size-large_1c95e_136 ._search-input__label_1c95e_28{left:40px}._search-input--has-leading-icon_1c95e_157._search-input--size-large_1c95e_136._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{left:var(--spacing-m)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:focus-visible) ._search-input__label_1c95e_28{color:var(--button-bg)}._search-input_1c95e_2:not(._search-input--label-floated_1c95e_48) ._search-input__label_1c95e_28~* ._search-input__input_1c95e_18::placeholder{color:transparent}._search-input--invalid_1c95e_181 ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._search-input--invalid_1c95e_181:has(._search-input__input_1c95e_18:focus-visible) ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._search-input--invalid_1c95e_181 ._search-input__label_1c95e_28{color:var(--error-text, var(--color-danger))}._search-input--invalid_1c95e_181:has(._search-input__input_1c95e_18:focus-visible) ._search-input__label_1c95e_28{color:var(--error-text, var(--color-danger))}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SearchInput.css');const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SearchInput.css');const e={"search-input":"_search-input_1c95e_2","search-input__wrapper":"_search-input__wrapper_1c95e_8","search-input__input":"_search-input__input_1c95e_18","search-input__label":"_search-input__label_1c95e_28","search-input--label-floated":"_search-input--label-floated_1c95e_48","search-input__inner":"_search-input__inner_1c95e_55","search-input__leading-icon":"_search-input__leading-icon_1c95e_86","search-input__trailing-icon":"_search-input__trailing-icon_1c95e_86","search-input--size-small":"_search-input--size-small_1c95e_100","search-input--size-medium":"_search-input--size-medium_1c95e_116","search-input--size-large":"_search-input--size-large_1c95e_136","search-input--has-leading-icon":"_search-input--has-leading-icon_1c95e_157","search-input--invalid":"_search-input--invalid_1c95e_181"};exports.default=e;
|
|
2
2
|
//# sourceMappingURL=SearchInput.module.scss.cjs.map
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import './SearchInput.css';const
|
|
2
|
-
"search-input": "_search-
|
|
3
|
-
"search-input__wrapper": "_search-
|
|
4
|
-
"search-input__input": "_search-
|
|
5
|
-
"search-input__label": "_search-
|
|
6
|
-
"search-input--label-floated": "_search-input--label-
|
|
7
|
-
"search-input__inner": "_search-
|
|
8
|
-
"search-input__leading-icon": "_search-input__leading-
|
|
9
|
-
"search-input__trailing-icon": "_search-input__trailing-
|
|
10
|
-
"search-input--size-small": "_search-input--size-
|
|
11
|
-
"search-input--size-medium": "_search-input--size-
|
|
12
|
-
"search-input--size-large": "_search-input--size-
|
|
13
|
-
"search-input--has-leading-icon": "_search-input--has-leading-
|
|
14
|
-
"search-input--invalid": "_search-input--
|
|
1
|
+
import './SearchInput.css';const e = {
|
|
2
|
+
"search-input": "_search-input_1c95e_2",
|
|
3
|
+
"search-input__wrapper": "_search-input__wrapper_1c95e_8",
|
|
4
|
+
"search-input__input": "_search-input__input_1c95e_18",
|
|
5
|
+
"search-input__label": "_search-input__label_1c95e_28",
|
|
6
|
+
"search-input--label-floated": "_search-input--label-floated_1c95e_48",
|
|
7
|
+
"search-input__inner": "_search-input__inner_1c95e_55",
|
|
8
|
+
"search-input__leading-icon": "_search-input__leading-icon_1c95e_86",
|
|
9
|
+
"search-input__trailing-icon": "_search-input__trailing-icon_1c95e_86",
|
|
10
|
+
"search-input--size-small": "_search-input--size-small_1c95e_100",
|
|
11
|
+
"search-input--size-medium": "_search-input--size-medium_1c95e_116",
|
|
12
|
+
"search-input--size-large": "_search-input--size-large_1c95e_136",
|
|
13
|
+
"search-input--has-leading-icon": "_search-input--has-leading-icon_1c95e_157",
|
|
14
|
+
"search-input--invalid": "_search-input--invalid_1c95e_181"
|
|
15
15
|
};
|
|
16
16
|
export {
|
|
17
|
-
|
|
17
|
+
e as default
|
|
18
18
|
};
|
|
19
19
|
//# sourceMappingURL=SearchInput.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._text-
|
|
1
|
+
._text-area_15881_2{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._text-area__wrapper_15881_8{position:relative;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition)}._text-area_15881_2:has(._text-area__input_15881_15:not(:disabled)):hover:not(:focus-within) ._text-area__wrapper_15881_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._text-area_15881_2:has(._text-area__input_15881_15:focus-visible) ._text-area__wrapper_15881_8{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._text-area_15881_2:has(._text-area__input_15881_15:disabled) ._text-area__wrapper_15881_8{background-color:var(--center-channel-bg);opacity:.56}._text-area__label_15881_25{position:absolute;left:var(--spacing-xs);top:var(--spacing-s);padding:0 var(--spacing-xxxs);margin:0;font-family:Open Sans,sans-serif;font-size:var(--font-size-100);line-height:var(--line-height-100);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:font-size var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._text-area--label-floated_15881_44 ._text-area__label_15881_25{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px;color:rgba(var(--center-channel-color-rgb),.64)}._text-area__input_15881_15{display:block;width:100%;margin:0;border:0;background:transparent;resize:vertical;font-family:Open Sans,sans-serif;font-size:var(--font-size-100);line-height:var(--line-height-100);font-weight:var(--font-weight-regular);color:var(--center-channel-color);box-sizing:border-box}._text-area__input_15881_15:focus{outline:none}._text-area__input_15881_15::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._text-area__input_15881_15:disabled{cursor:not-allowed;resize:none}._text-area__footer_15881_75{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-area__footer-message_15881_81{flex:1 1 0;min-width:0}._text-area__counter_15881_85{flex-shrink:0;margin-inline-start:auto;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64)}._text-area--size-small_15881_94 ._text-area__input_15881_15{padding:var(--spacing-xs) var(--spacing-m);font-size:var(--font-size-75);line-height:var(--line-height-75)}._text-area--size-small_15881_94 ._text-area__label_15881_25{top:var(--spacing-xs);font-size:var(--font-size-75);line-height:var(--line-height-25)}._text-area--size-small_15881_94._text-area--label-floated_15881_44 ._text-area__label_15881_25{top:0;font-size:var(--font-size-25);line-height:14px}._text-area--size-medium_15881_109 ._text-area__input_15881_15{padding:var(--spacing-s) var(--spacing-l);font-size:var(--font-size-100);line-height:var(--line-height-100)}._text-area--size-medium_15881_109 ._text-area__label_15881_25{top:var(--spacing-s);left:var(--spacing-m);font-size:var(--font-size-100)}._text-area--size-medium_15881_109._text-area--label-floated_15881_44 ._text-area__label_15881_25{top:0;font-size:var(--font-size-25);line-height:14px}._text-area--size-large_15881_124 ._text-area__input_15881_15{padding:var(--spacing-m) var(--spacing-l);font-size:var(--font-size-200);line-height:var(--line-height-200)}._text-area--size-large_15881_124 ._text-area__label_15881_25{top:var(--spacing-m);left:var(--spacing-m);font-size:var(--font-size-200);line-height:var(--line-height-200)}._text-area--size-large_15881_124._text-area--label-floated_15881_44 ._text-area__label_15881_25{top:0;font-size:var(--font-size-25);line-height:14px}._text-area_15881_2:has(._text-area__input_15881_15:focus-visible) ._text-area__label_15881_25{color:var(--button-bg)}._text-area_15881_2:not(._text-area--label-floated_15881_44) ._text-area__label_15881_25~._text-area__input_15881_15::placeholder{color:transparent}._text-area--invalid_15881_146 ._text-area__wrapper_15881_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._text-area--invalid_15881_146:has(._text-area__input_15881_15:focus-visible) ._text-area__wrapper_15881_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._text-area--invalid_15881_146 ._text-area__label_15881_25{color:var(--error-text, var(--color-danger))}._text-area--invalid_15881_146:has(._text-area__input_15881_15:focus-visible) ._text-area__label_15881_25{color:var(--error-text, var(--color-danger))}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TextArea.css');const e={"text-area":"_text-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TextArea.css');const e={"text-area":"_text-area_15881_2","text-area__wrapper":"_text-area__wrapper_15881_8","text-area__input":"_text-area__input_15881_15","text-area__label":"_text-area__label_15881_25","text-area--label-floated":"_text-area--label-floated_15881_44","text-area__footer":"_text-area__footer_15881_75","text-area__footer-message":"_text-area__footer-message_15881_81","text-area__counter":"_text-area__counter_15881_85","text-area--size-small":"_text-area--size-small_15881_94","text-area--size-medium":"_text-area--size-medium_15881_109","text-area--size-large":"_text-area--size-large_15881_124","text-area--invalid":"_text-area--invalid_15881_146"};exports.default=e;
|
|
2
2
|
//# sourceMappingURL=TextArea.module.scss.cjs.map
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import './TextArea.css';const e = {
|
|
2
|
-
"text-area": "_text-
|
|
3
|
-
"text-area__wrapper": "_text-
|
|
4
|
-
"text-area__input": "_text-
|
|
5
|
-
"text-area__label": "_text-
|
|
6
|
-
"text-area--label-floated": "_text-area--label-
|
|
7
|
-
"text-area__footer": "_text-
|
|
8
|
-
"text-area__footer-message": "_text-area__footer-
|
|
9
|
-
"text-area__counter": "_text-
|
|
10
|
-
"text-area--size-small": "_text-area--size-
|
|
11
|
-
"text-area--size-medium": "_text-area--size-
|
|
12
|
-
"text-area--size-large": "_text-area--size-
|
|
13
|
-
"text-area--invalid": "_text-area--
|
|
2
|
+
"text-area": "_text-area_15881_2",
|
|
3
|
+
"text-area__wrapper": "_text-area__wrapper_15881_8",
|
|
4
|
+
"text-area__input": "_text-area__input_15881_15",
|
|
5
|
+
"text-area__label": "_text-area__label_15881_25",
|
|
6
|
+
"text-area--label-floated": "_text-area--label-floated_15881_44",
|
|
7
|
+
"text-area__footer": "_text-area__footer_15881_75",
|
|
8
|
+
"text-area__footer-message": "_text-area__footer-message_15881_81",
|
|
9
|
+
"text-area__counter": "_text-area__counter_15881_85",
|
|
10
|
+
"text-area--size-small": "_text-area--size-small_15881_94",
|
|
11
|
+
"text-area--size-medium": "_text-area--size-medium_15881_109",
|
|
12
|
+
"text-area--size-large": "_text-area--size-large_15881_124",
|
|
13
|
+
"text-area--invalid": "_text-area--invalid_15881_146"
|
|
14
14
|
};
|
|
15
15
|
export {
|
|
16
16
|
e as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._text-
|
|
1
|
+
._text-input_s99mk_2{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._text-input__row_s99mk_8{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-input__field_s99mk_14{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1 0;min-width:0}._text-input__trailing-action_s99mk_21{display:inline-flex;align-items:stretch;flex-shrink:0}._text-input__trailing-action_s99mk_21>*{box-sizing:border-box;height:var(--text-input-control-height);min-height:var(--text-input-control-height)}._text-input__wrapper_s99mk_31{position:relative;display:flex;flex-direction:column;min-height:0;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition);cursor:text}._text-input_s99mk_2:has(._text-input__input_s99mk_42:not(:disabled)):hover:not(:focus-within) ._text-input__wrapper_s99mk_31{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._text-input_s99mk_2:has(._text-input__input_s99mk_42:focus-visible) ._text-input__wrapper_s99mk_31{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._text-input_s99mk_2:has(._text-input__input_s99mk_42:disabled) ._text-input__wrapper_s99mk_31{background-color:var(--center-channel-bg);opacity:.56;cursor:not-allowed}._text-input__label_s99mk_53{position:absolute;left:var(--spacing-xs);top:50%;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition)}._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px;color:rgba(var(--center-channel-color-rgb),.64)}._text-input__inner_s99mk_80{display:flex;align-items:center;flex:1;width:100%;min-width:0;box-sizing:border-box;margin:0;cursor:text}._text-input__input_s99mk_42{flex:1 1 0;width:100%;min-width:0;min-height:100%;margin:0;padding:0;border:0;background:transparent;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._text-input__input_s99mk_42:focus{outline:none}._text-input__input_s99mk_42::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._text-input__leading-icon_s99mk_111,._text-input__trailing-icon_s99mk_111{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._text-input__leading-icon_s99mk_111{margin-right:var(--spacing-xs)}._text-input__trailing-icon_s99mk_111{margin-left:var(--spacing-xs)}._text-input__footer_s99mk_124{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-input__footer-message_s99mk_130{flex:1 1 0;min-width:0}._text-input__counter_s99mk_134{flex-shrink:0;margin-inline-start:auto;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64)}._text-input--size-small_s99mk_143{--text-input-control-height: 32px}._text-input--size-small_s99mk_143 ._text-input__wrapper_s99mk_31{min-height:var(--text-input-control-height)}._text-input--size-small_s99mk_143 ._text-input__inner_s99mk_80{padding:var(--spacing-xs) var(--spacing-m)}._text-input--size-small_s99mk_143 ._text-input__input_s99mk_42{font-size:var(--font-size-75);line-height:var(--line-height-25)}._text-input--size-small_s99mk_143._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--size-medium_s99mk_162{--text-input-control-height: 40px}._text-input--size-medium_s99mk_162 ._text-input__wrapper_s99mk_31{min-height:var(--text-input-control-height)}._text-input--size-medium_s99mk_162 ._text-input__inner_s99mk_80{padding:var(--spacing-s) var(--spacing-l)}._text-input--size-medium_s99mk_162 ._text-input__input_s99mk_42{font-size:var(--font-size-100);line-height:var(--line-height-100)}._text-input--size-medium_s99mk_162 ._text-input__label_s99mk_53{font-size:var(--font-size-100);left:var(--spacing-m)}._text-input--size-medium_s99mk_162._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--size-large_s99mk_185{--text-input-control-height: 48px}._text-input--size-large_s99mk_185 ._text-input__wrapper_s99mk_31{min-height:var(--text-input-control-height)}._text-input--size-large_s99mk_185 ._text-input__inner_s99mk_80{padding:var(--spacing-m) var(--spacing-l)}._text-input--size-large_s99mk_185 ._text-input__input_s99mk_42{font-size:var(--font-size-200);line-height:var(--line-height-200)}._text-input--size-large_s99mk_185 ._text-input__label_s99mk_53{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._text-input--size-large_s99mk_185._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--has-leading-icon_s99mk_209 ._text-input__label_s99mk_53{left:28px}._text-input--has-leading-icon_s99mk_209._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{left:var(--spacing-xs)}._text-input--has-leading-icon_s99mk_209._text-input--size-medium_s99mk_162 ._text-input__label_s99mk_53,._text-input--has-leading-icon_s99mk_209._text-input--size-large_s99mk_185 ._text-input__label_s99mk_53{left:36px}._text-input--has-leading-icon_s99mk_209._text-input--size-medium_s99mk_162._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53,._text-input--has-leading-icon_s99mk_209._text-input--size-large_s99mk_185._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{left:var(--spacing-m)}._text-input_s99mk_2:has(._text-input__input_s99mk_42:focus-visible) ._text-input__label_s99mk_53{color:var(--button-bg)}._text-input_s99mk_2:not(._text-input--label-floated_s99mk_73) ._text-input__label_s99mk_53~* ._text-input__input_s99mk_42::placeholder{color:transparent}._text-input--invalid_s99mk_227 ._text-input__wrapper_s99mk_31{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._text-input--invalid_s99mk_227:has(._text-input__input_s99mk_42:focus-visible) ._text-input__wrapper_s99mk_31{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._text-input--invalid_s99mk_227 ._text-input__label_s99mk_53{color:var(--error-text, var(--color-danger))}._text-input--invalid_s99mk_227:has(._text-input__input_s99mk_42:focus-visible) ._text-input__label_s99mk_53{color:var(--error-text, var(--color-danger))}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TextInput.css');const t={"text-input":"_text-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TextInput.css');const t={"text-input":"_text-input_s99mk_2","text-input__row":"_text-input__row_s99mk_8","text-input__field":"_text-input__field_s99mk_14","text-input__trailing-action":"_text-input__trailing-action_s99mk_21","text-input__wrapper":"_text-input__wrapper_s99mk_31","text-input__input":"_text-input__input_s99mk_42","text-input__label":"_text-input__label_s99mk_53","text-input--label-floated":"_text-input--label-floated_s99mk_73","text-input__inner":"_text-input__inner_s99mk_80","text-input__leading-icon":"_text-input__leading-icon_s99mk_111","text-input__trailing-icon":"_text-input__trailing-icon_s99mk_111","text-input__footer":"_text-input__footer_s99mk_124","text-input__footer-message":"_text-input__footer-message_s99mk_130","text-input__counter":"_text-input__counter_s99mk_134","text-input--size-small":"_text-input--size-small_s99mk_143","text-input--size-medium":"_text-input--size-medium_s99mk_162","text-input--size-large":"_text-input--size-large_s99mk_185","text-input--has-leading-icon":"_text-input--has-leading-icon_s99mk_209","text-input--invalid":"_text-input--invalid_s99mk_227"};exports.default=t;
|
|
2
2
|
//# sourceMappingURL=TextInput.module.scss.cjs.map
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import './TextInput.css';const t = {
|
|
2
|
-
"text-input": "_text-
|
|
3
|
-
"text-input__row": "_text-
|
|
4
|
-
"text-input__field": "_text-
|
|
5
|
-
"text-input__trailing-action": "_text-input__trailing-
|
|
6
|
-
"text-input__wrapper": "_text-
|
|
7
|
-
"text-input__input": "_text-
|
|
8
|
-
"text-input__label": "_text-
|
|
9
|
-
"text-input--label-floated": "_text-input--label-
|
|
10
|
-
"text-input__inner": "_text-
|
|
11
|
-
"text-input__leading-icon": "_text-input__leading-
|
|
12
|
-
"text-input__trailing-icon": "_text-input__trailing-
|
|
13
|
-
"text-input__footer": "_text-
|
|
14
|
-
"text-input__footer-message": "_text-input__footer-
|
|
15
|
-
"text-input__counter": "_text-
|
|
16
|
-
"text-input--size-small": "_text-input--size-
|
|
17
|
-
"text-input--size-medium": "_text-input--size-
|
|
18
|
-
"text-input--size-large": "_text-input--size-
|
|
19
|
-
"text-input--has-leading-icon": "_text-input--has-leading-
|
|
20
|
-
"text-input--invalid": "_text-input--
|
|
2
|
+
"text-input": "_text-input_s99mk_2",
|
|
3
|
+
"text-input__row": "_text-input__row_s99mk_8",
|
|
4
|
+
"text-input__field": "_text-input__field_s99mk_14",
|
|
5
|
+
"text-input__trailing-action": "_text-input__trailing-action_s99mk_21",
|
|
6
|
+
"text-input__wrapper": "_text-input__wrapper_s99mk_31",
|
|
7
|
+
"text-input__input": "_text-input__input_s99mk_42",
|
|
8
|
+
"text-input__label": "_text-input__label_s99mk_53",
|
|
9
|
+
"text-input--label-floated": "_text-input--label-floated_s99mk_73",
|
|
10
|
+
"text-input__inner": "_text-input__inner_s99mk_80",
|
|
11
|
+
"text-input__leading-icon": "_text-input__leading-icon_s99mk_111",
|
|
12
|
+
"text-input__trailing-icon": "_text-input__trailing-icon_s99mk_111",
|
|
13
|
+
"text-input__footer": "_text-input__footer_s99mk_124",
|
|
14
|
+
"text-input__footer-message": "_text-input__footer-message_s99mk_130",
|
|
15
|
+
"text-input__counter": "_text-input__counter_s99mk_134",
|
|
16
|
+
"text-input--size-small": "_text-input--size-small_s99mk_143",
|
|
17
|
+
"text-input--size-medium": "_text-input--size-medium_s99mk_162",
|
|
18
|
+
"text-input--size-large": "_text-input--size-large_s99mk_185",
|
|
19
|
+
"text-input--has-leading-icon": "_text-input--has-leading-icon_s99mk_209",
|
|
20
|
+
"text-input--invalid": "_text-input--invalid_s99mk_227"
|
|
21
21
|
};
|
|
22
22
|
export {
|
|
23
23
|
t as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._thread-
|
|
1
|
+
._thread-footer_17041_2{--thread-footer-focus-ring-color: var(--focus-ring-color);display:flex;flex-direction:column;align-items:flex-start}._thread-footer__inner_17041_8{position:relative;display:inline-flex;align-items:center;border-radius:var(--radius-s)}._thread-footer__avatars-group_17041_14{display:inline-flex;align-items:center;padding-right:var(--spacing-xxxs)}._thread-footer__status-hint_17041_19{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._thread-footer__badge-container_17041_30{position:absolute;left:calc(var(--spacing-xxs) * -1);top:50%;transform:translate(-100%,-50%);display:flex;align-items:center;justify-content:flex-end}._thread-footer__unread-dot_17041_39{display:block;width:8px;height:8px;border-radius:var(--radius-pill);background-color:var(--link-color)}._thread-footer__mention-badge_17041_46{display:inline-flex}._thread-footer__buttons_17041_49{display:inline-flex;align-items:center;gap:0}._thread-footer__reply-btn_17041_54,._thread-footer__follow-btn_17041_54{--focus-ring-color: var(--thread-footer-focus-ring-color)}._thread-footer_17041_2 ._thread-footer__reply-btn_17041_54[class*=button--emphasis-quaternary],._thread-footer_17041_2 ._thread-footer__follow-btn_17041_54:not(._thread-footer__follow-btn--following_17041_57)[class*=button--emphasis-quaternary]{--button-fg: rgba(var(--center-channel-color-rgb), .75)}._thread-footer_17041_2 ._thread-footer__reply-btn_17041_54[class*=button--emphasis-quaternary]:hover:not(:disabled),._thread-footer_17041_2 ._thread-footer__follow-btn_17041_54:not(._thread-footer__follow-btn--following_17041_57)[class*=button--emphasis-quaternary]:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08)}._thread-footer_17041_2 ._thread-footer__reply-btn--hovered_17041_63[class*=button--emphasis-quaternary]{background-color:rgba(var(--center-channel-color-rgb),.08)}._thread-footer_17041_2 ._thread-footer__follow-btn--following_17041_57[class*=button--emphasis-quaternary]{--button-fg: var(--link-color);background-color:rgba(var(--link-color-rgb),.08)}._thread-footer_17041_2 ._thread-footer__follow-btn--following_17041_57[class*=button--emphasis-quaternary]:hover:not(:disabled){background-color:rgba(var(--link-color-rgb),.12)}._thread-footer__btn-label_17041_73{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:15px;white-space:nowrap}._thread-footer__divider_17041_80{box-sizing:border-box;width:1px;min-width:1px;max-width:1px;height:16px;padding:0;margin:0;border:0;background-color:rgba(var(--center-channel-color-rgb),.16);flex-shrink:0;transition:opacity var(--duration-quick) var(--ease-transition)}._thread-footer__buttons_17041_49:has(._thread-footer__follow-btn--following_17041_57)>._thread-footer__divider_17041_80:first-of-type,._thread-footer__buttons_17041_49:has(._thread-footer__follow-btn--following_17041_57)>._thread-footer__last-reply-group_17041_93>._thread-footer__divider_17041_80{opacity:0}._thread-footer__buttons_17041_49:not(:has(._thread-footer__follow-btn--following_17041_57)):has(._thread-footer__reply-btn_17041_54:hover,._thread-footer__reply-btn--hovered_17041_63,._thread-footer__reply-btn_17041_54:focus-visible,._thread-footer__follow-btn_17041_54:hover,._thread-footer__follow-btn_17041_54:focus-visible)>._thread-footer__divider_17041_80:first-of-type{opacity:0}._thread-footer__last-reply-group_17041_93{display:inline-flex;align-items:center;gap:0;overflow:hidden;max-width:0;opacity:0;transition:max-width var(--duration-quick) var(--ease-transition),opacity var(--duration-quick) var(--ease-transition)}._thread-footer--following_17041_112:hover ._thread-footer__last-reply-group_17041_93,._thread-footer--following_17041_112:focus-within ._thread-footer__last-reply-group_17041_93,._thread-footer--following_17041_112._thread-footer--hovered_17041_112 ._thread-footer__last-reply-group_17041_93{max-width:10rem;opacity:1}._thread-footer__last-reply_17041_93{padding:4.5px var(--spacing-s);color:rgba(var(--center-channel-color-rgb),.64);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:15px;white-space:nowrap}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ThreadFooter.css');const e={"thread-footer":"_thread-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ThreadFooter.css');const e={"thread-footer":"_thread-footer_17041_2","thread-footer__inner":"_thread-footer__inner_17041_8","thread-footer__avatars-group":"_thread-footer__avatars-group_17041_14","thread-footer__status-hint":"_thread-footer__status-hint_17041_19","thread-footer__badge-container":"_thread-footer__badge-container_17041_30","thread-footer__unread-dot":"_thread-footer__unread-dot_17041_39","thread-footer__mention-badge":"_thread-footer__mention-badge_17041_46","thread-footer__buttons":"_thread-footer__buttons_17041_49","thread-footer__reply-btn":"_thread-footer__reply-btn_17041_54","thread-footer__follow-btn":"_thread-footer__follow-btn_17041_54","thread-footer__follow-btn--following":"_thread-footer__follow-btn--following_17041_57","thread-footer__reply-btn--hovered":"_thread-footer__reply-btn--hovered_17041_63","thread-footer__btn-label":"_thread-footer__btn-label_17041_73","thread-footer__divider":"_thread-footer__divider_17041_80","thread-footer__last-reply-group":"_thread-footer__last-reply-group_17041_93","thread-footer--following":"_thread-footer--following_17041_112","thread-footer--hovered":"_thread-footer--hovered_17041_112","thread-footer__last-reply":"_thread-footer__last-reply_17041_93"};exports.default=e;
|
|
2
2
|
//# sourceMappingURL=ThreadFooter.module.scss.cjs.map
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import './ThreadFooter.css';const _ = {
|
|
2
|
-
"thread-footer": "_thread-
|
|
3
|
-
"thread-footer__inner": "_thread-
|
|
4
|
-
"thread-footer__avatars-group": "_thread-footer__avatars-
|
|
5
|
-
"thread-footer__status-hint": "_thread-footer__status-
|
|
6
|
-
"thread-footer__badge-container": "_thread-footer__badge-
|
|
7
|
-
"thread-footer__unread-dot": "_thread-footer__unread-
|
|
8
|
-
"thread-footer__mention-badge": "_thread-footer__mention-
|
|
9
|
-
"thread-footer__buttons": "_thread-
|
|
10
|
-
"thread-footer__reply-btn": "_thread-footer__reply-
|
|
11
|
-
"thread-footer__follow-btn": "_thread-footer__follow-
|
|
12
|
-
"thread-footer__follow-btn--following": "_thread-footer__follow-btn--
|
|
13
|
-
"thread-footer__reply-btn--hovered": "_thread-footer__reply-btn--
|
|
14
|
-
"thread-footer__btn-label": "_thread-footer__btn-
|
|
15
|
-
"thread-footer__divider": "_thread-
|
|
16
|
-
"thread-footer__last-reply-group": "_thread-footer__last-reply-
|
|
17
|
-
"thread-footer--following": "_thread-footer--
|
|
18
|
-
"thread-footer--hovered": "_thread-footer--
|
|
19
|
-
"thread-footer__last-reply": "_thread-footer__last-
|
|
2
|
+
"thread-footer": "_thread-footer_17041_2",
|
|
3
|
+
"thread-footer__inner": "_thread-footer__inner_17041_8",
|
|
4
|
+
"thread-footer__avatars-group": "_thread-footer__avatars-group_17041_14",
|
|
5
|
+
"thread-footer__status-hint": "_thread-footer__status-hint_17041_19",
|
|
6
|
+
"thread-footer__badge-container": "_thread-footer__badge-container_17041_30",
|
|
7
|
+
"thread-footer__unread-dot": "_thread-footer__unread-dot_17041_39",
|
|
8
|
+
"thread-footer__mention-badge": "_thread-footer__mention-badge_17041_46",
|
|
9
|
+
"thread-footer__buttons": "_thread-footer__buttons_17041_49",
|
|
10
|
+
"thread-footer__reply-btn": "_thread-footer__reply-btn_17041_54",
|
|
11
|
+
"thread-footer__follow-btn": "_thread-footer__follow-btn_17041_54",
|
|
12
|
+
"thread-footer__follow-btn--following": "_thread-footer__follow-btn--following_17041_57",
|
|
13
|
+
"thread-footer__reply-btn--hovered": "_thread-footer__reply-btn--hovered_17041_63",
|
|
14
|
+
"thread-footer__btn-label": "_thread-footer__btn-label_17041_73",
|
|
15
|
+
"thread-footer__divider": "_thread-footer__divider_17041_80",
|
|
16
|
+
"thread-footer__last-reply-group": "_thread-footer__last-reply-group_17041_93",
|
|
17
|
+
"thread-footer--following": "_thread-footer--following_17041_112",
|
|
18
|
+
"thread-footer--hovered": "_thread-footer--hovered_17041_112",
|
|
19
|
+
"thread-footer__last-reply": "_thread-footer__last-reply_17041_93"
|
|
20
20
|
};
|
|
21
21
|
export {
|
|
22
22
|
_ as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._toast_1se7h_2{display:inline-flex;gap:var(--spacing-xxs);align-items:center;width:fit-content;max-width:440px;padding:var(--spacing-xxxs);background-color:var(--neutral-900);border-radius:var(--radius-s);box-shadow:var(--elevation-2)}._toast__content_1se7h_13{display:flex;align-items:center;gap:var(--spacing-xs);height:32px;padding-left:var(--spacing-xs);min-width:0}._toast__icon_1se7h_21{display:inline-flex;align-items:center;flex-shrink:0;color:var(--neutral-0)}._toast__message_1se7h_27{flex:0 1 auto;min-width:0;font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--neutral-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._toast__action-btn--on-dark_1se7h_38{flex-shrink:0;background-color:color-mix(in srgb,var(--neutral-0) 8%,transparent)!important;--button-fg: var(--neutral-0) !important;border-color:transparent!important}._toast__action-btn--on-dark_1se7h_38:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;--button-fg: var(--neutral-0) !important}._toast__action-btn--on-dark_1se7h_38:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 16%,transparent)!important;--button-fg: var(--neutral-0) !important}._toast__action-btn--on-dark_1se7h_38:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--neutral-0) 56%,transparent)!important}._toast__action-btn--on-dark_1se7h_38:disabled{--button-fg: color-mix( in srgb, var(--neutral-0) 40%, transparent ) !important;background-color:color-mix(in srgb,var(--neutral-0) 6%,transparent)!important}._toast__dismiss_1se7h_63{flex-shrink:0;color:color-mix(in srgb,var(--neutral-0) 64%,transparent)!important}._toast__dismiss_1se7h_63:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;color:var(--neutral-0)!important}._toast__dismiss_1se7h_63:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 20%,transparent)!important;color:var(--neutral-0)!important}._toast__dismiss_1se7h_63:focus-visible{outline:2px solid color-mix(in srgb,var(--neutral-0) 56%,transparent)!important;outline-offset:2px!important;box-shadow:none!important}._toast--type-info_1se7h_80{background-color:rgb(var(--semantic-color-info))}._toast--type-success_1se7h_83{background-color:rgb(var(--semantic-color-success))}._toast--type-danger_1se7h_86{background-color:rgb(var(--semantic-color-danger))}._toast--type-warning_1se7h_89{background-color:rgb(var(--semantic-color-warning))}._toast--no-dismiss_1se7h_92 ._toast__content_1se7h_13{padding-right:var(--spacing-xs)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Toast.css');const t="
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Toast.css');const t="_toast_1se7h_2",s="_toast__content_1se7h_13",_="_toast__icon_1se7h_21",o="_toast__message_1se7h_27",e="_toast__dismiss_1se7h_63",a={toast:t,toast__content:s,toast__icon:_,toast__message:o,"toast__action-btn--on-dark":"_toast__action-btn--on-dark_1se7h_38",toast__dismiss:e,"toast--type-info":"_toast--type-info_1se7h_80","toast--type-success":"_toast--type-success_1se7h_83","toast--type-danger":"_toast--type-danger_1se7h_86","toast--type-warning":"_toast--type-warning_1se7h_89","toast--no-dismiss":"_toast--no-dismiss_1se7h_92"};exports.default=a;exports.toast=t;exports.toast__content=s;exports.toast__dismiss=e;exports.toast__icon=_;exports.toast__message=o;
|
|
2
2
|
//# sourceMappingURL=Toast.module.scss.cjs.map
|