@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.
Files changed (79) hide show
  1. package/dist/components/combobox/Combobox.cjs +1 -1
  2. package/dist/components/combobox/Combobox.cjs.map +1 -1
  3. package/dist/components/combobox/Combobox.css +1 -1
  4. package/dist/components/combobox/Combobox.d.ts +43 -3
  5. package/dist/components/combobox/Combobox.d.ts.map +1 -1
  6. package/dist/components/combobox/Combobox.js +298 -283
  7. package/dist/components/combobox/Combobox.js.map +1 -1
  8. package/dist/components/combobox/Combobox.module.scss.cjs +1 -1
  9. package/dist/components/combobox/Combobox.module.scss.js +25 -25
  10. package/dist/components/combobox/index.d.ts +1 -1
  11. package/dist/components/combobox/index.d.ts.map +1 -1
  12. package/dist/components/dropdown/Dropdown.css +1 -1
  13. package/dist/components/dropdown/Dropdown.module.scss.cjs +1 -1
  14. package/dist/components/dropdown/Dropdown.module.scss.js +14 -14
  15. package/dist/components/global-banner/GlobalBanner.css +1 -1
  16. package/dist/components/global-banner/GlobalBanner.module.scss.cjs +1 -1
  17. package/dist/components/global-banner/GlobalBanner.module.scss.js +10 -10
  18. package/dist/components/modal/Modal.cjs +1 -1
  19. package/dist/components/modal/Modal.cjs.map +1 -1
  20. package/dist/components/modal/Modal.d.ts.map +1 -1
  21. package/dist/components/modal/Modal.js +91 -93
  22. package/dist/components/modal/Modal.js.map +1 -1
  23. package/dist/components/modal/ModalOverlay.cjs +2 -0
  24. package/dist/components/modal/ModalOverlay.cjs.map +1 -0
  25. package/dist/components/modal/ModalOverlay.css +1 -1
  26. package/dist/components/modal/ModalOverlay.d.ts +43 -0
  27. package/dist/components/modal/ModalOverlay.d.ts.map +1 -0
  28. package/dist/components/modal/ModalOverlay.js +59 -0
  29. package/dist/components/modal/ModalOverlay.js.map +1 -0
  30. package/dist/components/modal/ModalOverlay.module.scss.cjs +1 -1
  31. package/dist/components/modal/ModalOverlay.module.scss.js +3 -3
  32. package/dist/components/modal/index.cjs +1 -1
  33. package/dist/components/modal/index.d.ts +2 -0
  34. package/dist/components/modal/index.d.ts.map +1 -1
  35. package/dist/components/modal/index.js +4 -2
  36. package/dist/components/modal/index.js.map +1 -1
  37. package/dist/components/password-input/PasswordInput.css +1 -1
  38. package/dist/components/password-input/PasswordInput.module.scss.cjs +1 -1
  39. package/dist/components/password-input/PasswordInput.module.scss.js +12 -12
  40. package/dist/components/progress-bar/ProgressBar.cjs +1 -1
  41. package/dist/components/progress-bar/ProgressBar.cjs.map +1 -1
  42. package/dist/components/progress-bar/ProgressBar.d.ts +10 -2
  43. package/dist/components/progress-bar/ProgressBar.d.ts.map +1 -1
  44. package/dist/components/progress-bar/ProgressBar.js +31 -21
  45. package/dist/components/progress-bar/ProgressBar.js.map +1 -1
  46. package/dist/components/search-input/SearchInput.css +1 -1
  47. package/dist/components/search-input/SearchInput.module.scss.cjs +1 -1
  48. package/dist/components/search-input/SearchInput.module.scss.js +15 -15
  49. package/dist/components/text-area/TextArea.css +1 -1
  50. package/dist/components/text-area/TextArea.module.scss.cjs +1 -1
  51. package/dist/components/text-area/TextArea.module.scss.js +12 -12
  52. package/dist/components/text-input/TextInput.css +1 -1
  53. package/dist/components/text-input/TextInput.module.scss.cjs +1 -1
  54. package/dist/components/text-input/TextInput.module.scss.js +19 -19
  55. package/dist/components/thread-footer/ThreadFooter.css +1 -1
  56. package/dist/components/thread-footer/ThreadFooter.module.scss.cjs +1 -1
  57. package/dist/components/thread-footer/ThreadFooter.module.scss.js +18 -18
  58. package/dist/components/toast/Toast.css +1 -1
  59. package/dist/components/toast/Toast.module.scss.cjs +1 -1
  60. package/dist/components/toast/Toast.module.scss.js +10 -10
  61. package/dist/components/tour-point/TourPoint.css +1 -1
  62. package/dist/components/tour-point/TourPoint.module.scss.cjs +1 -1
  63. package/dist/components/tour-point/TourPoint.module.scss.js +28 -28
  64. package/dist/index.cjs +1 -1
  65. package/dist/index.js +97 -95
  66. package/dist/index.js.map +1 -1
  67. package/dist/utils/scrollLock.cjs +2 -0
  68. package/dist/utils/scrollLock.cjs.map +1 -0
  69. package/dist/utils/scrollLock.d.ts +9 -0
  70. package/dist/utils/scrollLock.d.ts.map +1 -0
  71. package/dist/utils/scrollLock.js +38 -0
  72. package/dist/utils/scrollLock.js.map +1 -0
  73. package/dist/utils/useOnExited.cjs +2 -0
  74. package/dist/utils/useOnExited.cjs.map +1 -0
  75. package/dist/utils/useOnExited.d.ts +7 -0
  76. package/dist/utils/useOnExited.d.ts.map +1 -0
  77. package/dist/utils/useOnExited.js +14 -0
  78. package/dist/utils/useOnExited.js.map +1 -0
  79. 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-input_d44ti_2","password-input__wrapper":"_password-input__wrapper_d44ti_8","password-input__input":"_password-input__input_d44ti_18","password-input__label":"_password-input__label_d44ti_28","password-input--label-floated":"_password-input--label-floated_d44ti_48","password-input__inner":"_password-input__inner_d44ti_55","password-input__trailing-icon":"_password-input__trailing-icon_d44ti_83","password-input__reveal":"_password-input__reveal_d44ti_91","password-input--size-small":"_password-input--size-small_d44ti_116","password-input--size-medium":"_password-input--size-medium_d44ti_132","password-input--size-large":"_password-input--size-large_d44ti_152","password-input--invalid":"_password-input--invalid_d44ti_179"};exports.default=s;
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-input_d44ti_2",
3
- "password-input__wrapper": "_password-input__wrapper_d44ti_8",
4
- "password-input__input": "_password-input__input_d44ti_18",
5
- "password-input__label": "_password-input__label_d44ti_28",
6
- "password-input--label-floated": "_password-input--label-floated_d44ti_48",
7
- "password-input__inner": "_password-input__inner_d44ti_55",
8
- "password-input__trailing-icon": "_password-input__trailing-icon_d44ti_83",
9
- "password-input__reveal": "_password-input__reveal_d44ti_91",
10
- "password-input--size-small": "_password-input--size-small_d44ti_116",
11
- "password-input--size-medium": "_password-input--size-medium_d44ti_132",
12
- "password-input--size-large": "_password-input--size-large_d44ti_152",
13
- "password-input--invalid": "_password-input--invalid_d44ti_179"
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"),r=require("./ProgressBar.module.scss.cjs");function g(e){return e>=90?r.default["progress-bar__fill--danger"]:e>=70?r.default["progress-bar__fill--warning"]:r.default["progress-bar__fill--success"]}function c({value:e=0,size:o="large",semanticColors:i=!1,indeterminate:a=!1,"aria-label":t="Progress",className:u="",...f}){const l=Math.min(100,Math.max(0,e)),n=o==="small"?r.default["progress-bar--size-small"]:r.default["progress-bar--size-large"],d=i&&!a?g(l):r.default["progress-bar__fill--default"];return s.jsx("div",{...f,role:"progressbar","aria-valuenow":a?void 0:l,"aria-valuemin":0,"aria-valuemax":100,"aria-label":t,className:[r.default["progress-bar"],n,a?r.default["progress-bar--indeterminate"]:"",u].filter(Boolean).join(" "),children:s.jsx("div",{className:[r.default["progress-bar__fill"],d].filter(Boolean).join(" "),style:a?void 0:{width:`${l}%`}})})}exports.default=c;
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=\"progressbar\"\n aria-valuenow={indeterminate ? undefined : clampedValue}\n aria-valuemin={0}\n aria-valuemax={100}\n aria-label={ariaLabel}\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","ariaLabel","className","rest","clampedValue","sizeClass","fillColorClass","jsx"],"mappings":"4LA0BA,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,aAAcC,EAAY,WAC1B,UAAAC,EAAY,GACZ,GAAGC,CACL,EAAqB,CACnB,MAAMC,EAAe,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGT,CAAK,CAAC,EAC/CU,EACJP,IAAS,QACLF,EAAAA,QAAO,0BAA0B,EACjCA,EAAAA,QAAO,0BAA0B,EAEjCU,EACJP,GAAkB,CAACC,EACfN,EAAsBU,CAAY,EAClCR,EAAAA,QAAO,6BAA6B,EAE1C,OACEW,EAAAA,IAAC,MAAA,CACE,GAAGJ,EACJ,KAAK,cACL,gBAAeH,EAAgB,OAAYI,EAC3C,gBAAe,EACf,gBAAe,IACf,aAAYH,EACZ,UAAW,CACTL,EAAAA,QAAO,cAAc,EACrBS,EACAL,EAAgBJ,EAAAA,QAAO,6BAA6B,EAAI,GACxDM,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAAAK,EAAAA,IAAC,MAAA,CACC,UAAW,CAACX,UAAO,oBAAoB,EAAGU,CAAc,EACrD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,MAAON,EAAgB,OAAY,CAAE,MAAO,GAAGI,CAAY,GAAA,CAAI,CAAA,CACjE,CAAA,CAGN"}
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
- /** Accessible label for the progress bar. Default: "Progress". */
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,kEAAkE;IAClE,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,YAAY,EAAE,SAAsB,EACpC,SAAc,EACd,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAqClB"}
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 b(s) {
4
- return s >= 90 ? r["progress-bar__fill--danger"] : s >= 70 ? r["progress-bar__fill--warning"] : r["progress-bar__fill--success"];
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 u({
7
- value: s = 0,
6
+ function b({
7
+ value: a = 0,
8
8
  size: o = "large",
9
9
  semanticColors: i = !1,
10
- indeterminate: a = !1,
11
- "aria-label": n = "Progress",
12
- className: t = "",
13
- ...f
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, s)), g = o === "small" ? r["progress-bar--size-small"] : r["progress-bar--size-large"], p = i && !a ? b(l) : r["progress-bar__fill--default"];
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
- ...f,
20
- role: "progressbar",
21
- "aria-valuenow": a ? void 0 : l,
22
- "aria-valuemin": 0,
23
- "aria-valuemax": 100,
24
- "aria-label": n,
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
- g,
28
- a ? r["progress-bar--indeterminate"] : "",
29
- t
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"], p].filter(Boolean).join(" "),
35
- style: a ? void 0 : { width: `${l}%` }
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
- u as default
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=\"progressbar\"\n aria-valuenow={indeterminate ? undefined : clampedValue}\n aria-valuemin={0}\n aria-valuemax={100}\n aria-label={ariaLabel}\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","ariaLabel","className","rest","clampedValue","sizeClass","fillColorClass","jsx"],"mappings":";;AA0BA,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,cAAcC,IAAY;AAAA,EAC1B,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAqB;AACnB,QAAMC,IAAe,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGT,CAAK,CAAC,GAC/CU,IACJP,MAAS,UACLF,EAAO,0BAA0B,IACjCA,EAAO,0BAA0B,GAEjCU,IACJP,KAAkB,CAACC,IACfN,EAAsBU,CAAY,IAClCR,EAAO,6BAA6B;AAE1C,SACE,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,MAAK;AAAA,MACL,iBAAeH,IAAgB,SAAYI;AAAA,MAC3C,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAYH;AAAA,MACZ,WAAW;AAAA,QACTL,EAAO,cAAc;AAAA,QACrBS;AAAA,QACAL,IAAgBJ,EAAO,6BAA6B,IAAI;AAAA,QACxDM;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAEX,UAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAACX,EAAO,oBAAoB,GAAGU,CAAc,EACrD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UACX,OAAON,IAAgB,SAAY,EAAE,OAAO,GAAGI,CAAY,IAAA;AAAA,QAAI;AAAA,MAAA;AAAA,IACjE;AAAA,EAAA;AAGN;"}
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-input_1h7hr_2{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._search-input__wrapper_1h7hr_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_1h7hr_2:has(._search-input__input_1h7hr_18:not(:disabled)):hover:not(:focus-within) ._search-input__wrapper_1h7hr_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._search-input_1h7hr_2:has(._search-input__input_1h7hr_18:focus-visible) ._search-input__wrapper_1h7hr_8{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._search-input_1h7hr_2:has(._search-input__input_1h7hr_18:disabled) ._search-input__wrapper_1h7hr_8{background-color:var(--center-channel-bg);opacity:.56}._search-input__label_1h7hr_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_1h7hr_48 ._search-input__label_1h7hr_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_1h7hr_55{display:flex;align-items:center;flex:1;min-width:0}._search-input__input_1h7hr_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_1h7hr_18::-webkit-search-decoration,._search-input__input_1h7hr_18::-webkit-search-cancel-button{-webkit-appearance:none}._search-input__input_1h7hr_18:focus{outline:none}._search-input__input_1h7hr_18::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._search-input__input_1h7hr_18:disabled{cursor:not-allowed}._search-input__leading-icon_1h7hr_86,._search-input__trailing-icon_1h7hr_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_1h7hr_86{margin-right:var(--spacing-xs);pointer-events:none}._search-input__trailing-icon_1h7hr_86{margin-left:var(--spacing-xs)}._search-input--size-small_1h7hr_100 ._search-input__wrapper_1h7hr_8{min-height:32px}._search-input--size-small_1h7hr_100 ._search-input__inner_1h7hr_55{padding:var(--spacing-xs) var(--spacing-m)}._search-input--size-small_1h7hr_100 ._search-input__input_1h7hr_18{font-size:var(--font-size-75);line-height:var(--line-height-25)}._search-input--size-small_1h7hr_100._search-input--label-floated_1h7hr_48 ._search-input__label_1h7hr_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--size-medium_1h7hr_116 ._search-input__wrapper_1h7hr_8{min-height:40px}._search-input--size-medium_1h7hr_116 ._search-input__inner_1h7hr_55{padding:var(--spacing-s) var(--spacing-l)}._search-input--size-medium_1h7hr_116 ._search-input__input_1h7hr_18{font-size:var(--font-size-100);line-height:var(--line-height-100)}._search-input--size-medium_1h7hr_116 ._search-input__label_1h7hr_28{font-size:var(--font-size-100);left:var(--spacing-m)}._search-input--size-medium_1h7hr_116._search-input--label-floated_1h7hr_48 ._search-input__label_1h7hr_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--size-large_1h7hr_136 ._search-input__wrapper_1h7hr_8{min-height:48px}._search-input--size-large_1h7hr_136 ._search-input__inner_1h7hr_55{padding:var(--spacing-m) var(--spacing-l)}._search-input--size-large_1h7hr_136 ._search-input__input_1h7hr_18{font-size:var(--font-size-200);line-height:var(--line-height-200)}._search-input--size-large_1h7hr_136 ._search-input__label_1h7hr_28{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._search-input--size-large_1h7hr_136._search-input--label-floated_1h7hr_48 ._search-input__label_1h7hr_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--has-leading-icon_1h7hr_157 ._search-input__label_1h7hr_28{left:28px}._search-input--has-leading-icon_1h7hr_157._search-input--label-floated_1h7hr_48 ._search-input__label_1h7hr_28{left:var(--spacing-xs)}._search-input--has-leading-icon_1h7hr_157._search-input--size-medium_1h7hr_116 ._search-input__label_1h7hr_28{left:36px}._search-input--has-leading-icon_1h7hr_157._search-input--size-medium_1h7hr_116._search-input--label-floated_1h7hr_48 ._search-input__label_1h7hr_28{left:var(--spacing-m)}._search-input--has-leading-icon_1h7hr_157._search-input--size-large_1h7hr_136 ._search-input__label_1h7hr_28{left:40px}._search-input--has-leading-icon_1h7hr_157._search-input--size-large_1h7hr_136._search-input--label-floated_1h7hr_48 ._search-input__label_1h7hr_28{left:var(--spacing-m)}._search-input_1h7hr_2:has(._search-input__input_1h7hr_18:focus-visible) ._search-input__label_1h7hr_28{color:var(--button-bg)}._search-input_1h7hr_2:has(._search-input__label_1h7hr_28):not(._search-input--label-floated_1h7hr_48) ._search-input__input_1h7hr_18::placeholder{color:transparent}._search-input--invalid_1h7hr_181 ._search-input__wrapper_1h7hr_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._search-input--invalid_1h7hr_181:has(._search-input__input_1h7hr_18:focus-visible) ._search-input__wrapper_1h7hr_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_1h7hr_181 ._search-input__label_1h7hr_28{color:var(--error-text, var(--color-danger))}._search-input--invalid_1h7hr_181:has(._search-input__input_1h7hr_18:focus-visible) ._search-input__label_1h7hr_28{color:var(--error-text, var(--color-danger))}
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 _={"search-input":"_search-input_1h7hr_2","search-input__wrapper":"_search-input__wrapper_1h7hr_8","search-input__input":"_search-input__input_1h7hr_18","search-input__label":"_search-input__label_1h7hr_28","search-input--label-floated":"_search-input--label-floated_1h7hr_48","search-input__inner":"_search-input__inner_1h7hr_55","search-input__leading-icon":"_search-input__leading-icon_1h7hr_86","search-input__trailing-icon":"_search-input__trailing-icon_1h7hr_86","search-input--size-small":"_search-input--size-small_1h7hr_100","search-input--size-medium":"_search-input--size-medium_1h7hr_116","search-input--size-large":"_search-input--size-large_1h7hr_136","search-input--has-leading-icon":"_search-input--has-leading-icon_1h7hr_157","search-input--invalid":"_search-input--invalid_1h7hr_181"};exports.default=_;
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-input_1h7hr_2",
3
- "search-input__wrapper": "_search-input__wrapper_1h7hr_8",
4
- "search-input__input": "_search-input__input_1h7hr_18",
5
- "search-input__label": "_search-input__label_1h7hr_28",
6
- "search-input--label-floated": "_search-input--label-floated_1h7hr_48",
7
- "search-input__inner": "_search-input__inner_1h7hr_55",
8
- "search-input__leading-icon": "_search-input__leading-icon_1h7hr_86",
9
- "search-input__trailing-icon": "_search-input__trailing-icon_1h7hr_86",
10
- "search-input--size-small": "_search-input--size-small_1h7hr_100",
11
- "search-input--size-medium": "_search-input--size-medium_1h7hr_116",
12
- "search-input--size-large": "_search-input--size-large_1h7hr_136",
13
- "search-input--has-leading-icon": "_search-input--has-leading-icon_1h7hr_157",
14
- "search-input--invalid": "_search-input--invalid_1h7hr_181"
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
- _ as default
17
+ e as default
18
18
  };
19
19
  //# sourceMappingURL=SearchInput.module.scss.js.map
@@ -1 +1 @@
1
- ._text-area_r07x5_2{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._text-area__wrapper_r07x5_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_r07x5_2:has(._text-area__input_r07x5_15:not(:disabled)):hover:not(:focus-within) ._text-area__wrapper_r07x5_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._text-area_r07x5_2:has(._text-area__input_r07x5_15:focus-visible) ._text-area__wrapper_r07x5_8{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._text-area_r07x5_2:has(._text-area__input_r07x5_15:disabled) ._text-area__wrapper_r07x5_8{background-color:var(--center-channel-bg);opacity:.56}._text-area__label_r07x5_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_r07x5_44 ._text-area__label_r07x5_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_r07x5_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_r07x5_15:focus{outline:none}._text-area__input_r07x5_15::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._text-area__input_r07x5_15:disabled{cursor:not-allowed;resize:none}._text-area__footer_r07x5_75{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-area__footer-message_r07x5_81{flex:1 1 0;min-width:0}._text-area__counter_r07x5_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_r07x5_94 ._text-area__input_r07x5_15{padding:var(--spacing-xs) var(--spacing-m);font-size:var(--font-size-75);line-height:var(--line-height-75)}._text-area--size-small_r07x5_94 ._text-area__label_r07x5_25{top:var(--spacing-xs);font-size:var(--font-size-75);line-height:var(--line-height-25)}._text-area--size-small_r07x5_94._text-area--label-floated_r07x5_44 ._text-area__label_r07x5_25{top:0;font-size:var(--font-size-25);line-height:14px}._text-area--size-medium_r07x5_109 ._text-area__input_r07x5_15{padding:var(--spacing-s) var(--spacing-l);font-size:var(--font-size-100);line-height:var(--line-height-100)}._text-area--size-medium_r07x5_109 ._text-area__label_r07x5_25{top:var(--spacing-s);left:var(--spacing-m);font-size:var(--font-size-100)}._text-area--size-medium_r07x5_109._text-area--label-floated_r07x5_44 ._text-area__label_r07x5_25{top:0;font-size:var(--font-size-25);line-height:14px}._text-area--size-large_r07x5_124 ._text-area__input_r07x5_15{padding:var(--spacing-m) var(--spacing-l);font-size:var(--font-size-200);line-height:var(--line-height-200)}._text-area--size-large_r07x5_124 ._text-area__label_r07x5_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_r07x5_124._text-area--label-floated_r07x5_44 ._text-area__label_r07x5_25{top:0;font-size:var(--font-size-25);line-height:14px}._text-area_r07x5_2:has(._text-area__input_r07x5_15:focus-visible) ._text-area__label_r07x5_25{color:var(--button-bg)}._text-area_r07x5_2:has(._text-area__label_r07x5_25):not(._text-area--label-floated_r07x5_44) ._text-area__input_r07x5_15::placeholder{color:transparent}._text-area--invalid_r07x5_146 ._text-area__wrapper_r07x5_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._text-area--invalid_r07x5_146:has(._text-area__input_r07x5_15:focus-visible) ._text-area__wrapper_r07x5_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_r07x5_146 ._text-area__label_r07x5_25{color:var(--error-text, var(--color-danger))}._text-area--invalid_r07x5_146:has(._text-area__input_r07x5_15:focus-visible) ._text-area__label_r07x5_25{color:var(--error-text, var(--color-danger))}
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-area_r07x5_2","text-area__wrapper":"_text-area__wrapper_r07x5_8","text-area__input":"_text-area__input_r07x5_15","text-area__label":"_text-area__label_r07x5_25","text-area--label-floated":"_text-area--label-floated_r07x5_44","text-area__footer":"_text-area__footer_r07x5_75","text-area__footer-message":"_text-area__footer-message_r07x5_81","text-area__counter":"_text-area__counter_r07x5_85","text-area--size-small":"_text-area--size-small_r07x5_94","text-area--size-medium":"_text-area--size-medium_r07x5_109","text-area--size-large":"_text-area--size-large_r07x5_124","text-area--invalid":"_text-area--invalid_r07x5_146"};exports.default=e;
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-area_r07x5_2",
3
- "text-area__wrapper": "_text-area__wrapper_r07x5_8",
4
- "text-area__input": "_text-area__input_r07x5_15",
5
- "text-area__label": "_text-area__label_r07x5_25",
6
- "text-area--label-floated": "_text-area--label-floated_r07x5_44",
7
- "text-area__footer": "_text-area__footer_r07x5_75",
8
- "text-area__footer-message": "_text-area__footer-message_r07x5_81",
9
- "text-area__counter": "_text-area__counter_r07x5_85",
10
- "text-area--size-small": "_text-area--size-small_r07x5_94",
11
- "text-area--size-medium": "_text-area--size-medium_r07x5_109",
12
- "text-area--size-large": "_text-area--size-large_r07x5_124",
13
- "text-area--invalid": "_text-area--invalid_r07x5_146"
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-input_3inqk_2{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._text-input__row_3inqk_8{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-input__field_3inqk_14{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1 0;min-width:0}._text-input__trailing-action_3inqk_21{display:inline-flex;align-items:stretch;flex-shrink:0}._text-input__trailing-action_3inqk_21>*{box-sizing:border-box;height:var(--text-input-control-height);min-height:var(--text-input-control-height)}._text-input__wrapper_3inqk_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_3inqk_2:has(._text-input__input_3inqk_42:not(:disabled)):hover:not(:focus-within) ._text-input__wrapper_3inqk_31{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._text-input_3inqk_2:has(._text-input__input_3inqk_42:focus-visible) ._text-input__wrapper_3inqk_31{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._text-input_3inqk_2:has(._text-input__input_3inqk_42:disabled) ._text-input__wrapper_3inqk_31{background-color:var(--center-channel-bg);opacity:.56;cursor:not-allowed}._text-input__label_3inqk_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_3inqk_73 ._text-input__label_3inqk_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_3inqk_80{display:flex;align-items:center;flex:1;width:100%;min-width:0;box-sizing:border-box;margin:0;cursor:text}._text-input__input_3inqk_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_3inqk_42:focus{outline:none}._text-input__input_3inqk_42::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._text-input__leading-icon_3inqk_111,._text-input__trailing-icon_3inqk_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_3inqk_111{margin-right:var(--spacing-xs)}._text-input__trailing-icon_3inqk_111{margin-left:var(--spacing-xs)}._text-input__footer_3inqk_124{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-input__footer-message_3inqk_130{flex:1 1 0;min-width:0}._text-input__counter_3inqk_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_3inqk_143{--text-input-control-height: 32px}._text-input--size-small_3inqk_143 ._text-input__wrapper_3inqk_31{min-height:var(--text-input-control-height)}._text-input--size-small_3inqk_143 ._text-input__inner_3inqk_80{padding:var(--spacing-xs) var(--spacing-m)}._text-input--size-small_3inqk_143 ._text-input__input_3inqk_42{font-size:var(--font-size-75);line-height:var(--line-height-25)}._text-input--size-small_3inqk_143._text-input--label-floated_3inqk_73 ._text-input__label_3inqk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--size-medium_3inqk_162{--text-input-control-height: 40px}._text-input--size-medium_3inqk_162 ._text-input__wrapper_3inqk_31{min-height:var(--text-input-control-height)}._text-input--size-medium_3inqk_162 ._text-input__inner_3inqk_80{padding:var(--spacing-s) var(--spacing-l)}._text-input--size-medium_3inqk_162 ._text-input__input_3inqk_42{font-size:var(--font-size-100);line-height:var(--line-height-100)}._text-input--size-medium_3inqk_162 ._text-input__label_3inqk_53{font-size:var(--font-size-100);left:var(--spacing-m)}._text-input--size-medium_3inqk_162._text-input--label-floated_3inqk_73 ._text-input__label_3inqk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--size-large_3inqk_185{--text-input-control-height: 48px}._text-input--size-large_3inqk_185 ._text-input__wrapper_3inqk_31{min-height:var(--text-input-control-height)}._text-input--size-large_3inqk_185 ._text-input__inner_3inqk_80{padding:var(--spacing-m) var(--spacing-l)}._text-input--size-large_3inqk_185 ._text-input__input_3inqk_42{font-size:var(--font-size-200);line-height:var(--line-height-200)}._text-input--size-large_3inqk_185 ._text-input__label_3inqk_53{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._text-input--size-large_3inqk_185._text-input--label-floated_3inqk_73 ._text-input__label_3inqk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--has-leading-icon_3inqk_209 ._text-input__label_3inqk_53{left:28px}._text-input--has-leading-icon_3inqk_209._text-input--label-floated_3inqk_73 ._text-input__label_3inqk_53{left:var(--spacing-xs)}._text-input--has-leading-icon_3inqk_209._text-input--size-medium_3inqk_162 ._text-input__label_3inqk_53,._text-input--has-leading-icon_3inqk_209._text-input--size-large_3inqk_185 ._text-input__label_3inqk_53{left:36px}._text-input--has-leading-icon_3inqk_209._text-input--size-medium_3inqk_162._text-input--label-floated_3inqk_73 ._text-input__label_3inqk_53,._text-input--has-leading-icon_3inqk_209._text-input--size-large_3inqk_185._text-input--label-floated_3inqk_73 ._text-input__label_3inqk_53{left:var(--spacing-m)}._text-input_3inqk_2:has(._text-input__input_3inqk_42:focus-visible) ._text-input__label_3inqk_53{color:var(--button-bg)}._text-input_3inqk_2:has(._text-input__label_3inqk_53):not(._text-input--label-floated_3inqk_73) ._text-input__input_3inqk_42::placeholder{color:transparent}._text-input--invalid_3inqk_227 ._text-input__wrapper_3inqk_31{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._text-input--invalid_3inqk_227:has(._text-input__input_3inqk_42:focus-visible) ._text-input__wrapper_3inqk_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_3inqk_227 ._text-input__label_3inqk_53{color:var(--error-text, var(--color-danger))}._text-input--invalid_3inqk_227:has(._text-input__input_3inqk_42:focus-visible) ._text-input__label_3inqk_53{color:var(--error-text, var(--color-danger))}
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-input_3inqk_2","text-input__row":"_text-input__row_3inqk_8","text-input__field":"_text-input__field_3inqk_14","text-input__trailing-action":"_text-input__trailing-action_3inqk_21","text-input__wrapper":"_text-input__wrapper_3inqk_31","text-input__input":"_text-input__input_3inqk_42","text-input__label":"_text-input__label_3inqk_53","text-input--label-floated":"_text-input--label-floated_3inqk_73","text-input__inner":"_text-input__inner_3inqk_80","text-input__leading-icon":"_text-input__leading-icon_3inqk_111","text-input__trailing-icon":"_text-input__trailing-icon_3inqk_111","text-input__footer":"_text-input__footer_3inqk_124","text-input__footer-message":"_text-input__footer-message_3inqk_130","text-input__counter":"_text-input__counter_3inqk_134","text-input--size-small":"_text-input--size-small_3inqk_143","text-input--size-medium":"_text-input--size-medium_3inqk_162","text-input--size-large":"_text-input--size-large_3inqk_185","text-input--has-leading-icon":"_text-input--has-leading-icon_3inqk_209","text-input--invalid":"_text-input--invalid_3inqk_227"};exports.default=t;
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-input_3inqk_2",
3
- "text-input__row": "_text-input__row_3inqk_8",
4
- "text-input__field": "_text-input__field_3inqk_14",
5
- "text-input__trailing-action": "_text-input__trailing-action_3inqk_21",
6
- "text-input__wrapper": "_text-input__wrapper_3inqk_31",
7
- "text-input__input": "_text-input__input_3inqk_42",
8
- "text-input__label": "_text-input__label_3inqk_53",
9
- "text-input--label-floated": "_text-input--label-floated_3inqk_73",
10
- "text-input__inner": "_text-input__inner_3inqk_80",
11
- "text-input__leading-icon": "_text-input__leading-icon_3inqk_111",
12
- "text-input__trailing-icon": "_text-input__trailing-icon_3inqk_111",
13
- "text-input__footer": "_text-input__footer_3inqk_124",
14
- "text-input__footer-message": "_text-input__footer-message_3inqk_130",
15
- "text-input__counter": "_text-input__counter_3inqk_134",
16
- "text-input--size-small": "_text-input--size-small_3inqk_143",
17
- "text-input--size-medium": "_text-input--size-medium_3inqk_162",
18
- "text-input--size-large": "_text-input--size-large_3inqk_185",
19
- "text-input--has-leading-icon": "_text-input--has-leading-icon_3inqk_209",
20
- "text-input--invalid": "_text-input--invalid_3inqk_227"
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-footer_1sd7m_2{--thread-footer-focus-ring-color: var(--focus-ring-color);display:flex;flex-direction:column;align-items:flex-start}._thread-footer__inner_1sd7m_8{position:relative;display:inline-flex;align-items:center;border-radius:var(--radius-s)}._thread-footer__avatars-group_1sd7m_14{display:inline-flex;align-items:center;padding-right:var(--spacing-xxxs)}._thread-footer__status-hint_1sd7m_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_1sd7m_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_1sd7m_39{display:block;width:8px;height:8px;border-radius:var(--radius-pill);background-color:var(--link-color)}._thread-footer__mention-badge_1sd7m_46{display:inline-flex}._thread-footer__buttons_1sd7m_49{display:inline-flex;align-items:center;gap:0}._thread-footer__reply-btn_1sd7m_54,._thread-footer__follow-btn_1sd7m_54{--focus-ring-color: var(--thread-footer-focus-ring-color)}._thread-footer_1sd7m_2 ._thread-footer__reply-btn_1sd7m_54[class*=button--emphasis-quaternary],._thread-footer_1sd7m_2 ._thread-footer__follow-btn_1sd7m_54:not(._thread-footer__follow-btn--following_1sd7m_57)[class*=button--emphasis-quaternary]{color:rgba(var(--center-channel-color-rgb),.75)}._thread-footer_1sd7m_2 ._thread-footer__reply-btn_1sd7m_54[class*=button--emphasis-quaternary]:hover:not(:disabled),._thread-footer_1sd7m_2 ._thread-footer__follow-btn_1sd7m_54:not(._thread-footer__follow-btn--following_1sd7m_57)[class*=button--emphasis-quaternary]:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08)}._thread-footer_1sd7m_2 ._thread-footer__reply-btn--hovered_1sd7m_63[class*=button--emphasis-quaternary]{background-color:rgba(var(--center-channel-color-rgb),.08)}._thread-footer_1sd7m_2 ._thread-footer__follow-btn--following_1sd7m_57[class*=button--emphasis-quaternary]{color:var(--link-color);background-color:rgba(var(--link-color-rgb),.08)}._thread-footer_1sd7m_2 ._thread-footer__follow-btn--following_1sd7m_57[class*=button--emphasis-quaternary]:hover:not(:disabled){background-color:rgba(var(--link-color-rgb),.12)}._thread-footer__btn-label_1sd7m_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_1sd7m_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_1sd7m_49:has(._thread-footer__follow-btn--following_1sd7m_57)>._thread-footer__divider_1sd7m_80:first-of-type,._thread-footer__buttons_1sd7m_49:has(._thread-footer__follow-btn--following_1sd7m_57)>._thread-footer__last-reply-group_1sd7m_93>._thread-footer__divider_1sd7m_80{opacity:0}._thread-footer__buttons_1sd7m_49:not(:has(._thread-footer__follow-btn--following_1sd7m_57)):has(._thread-footer__reply-btn_1sd7m_54:hover,._thread-footer__reply-btn--hovered_1sd7m_63,._thread-footer__reply-btn_1sd7m_54:focus-visible,._thread-footer__follow-btn_1sd7m_54:hover,._thread-footer__follow-btn_1sd7m_54:focus-visible)>._thread-footer__divider_1sd7m_80:first-of-type{opacity:0}._thread-footer__last-reply-group_1sd7m_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_1sd7m_112:hover ._thread-footer__last-reply-group_1sd7m_93,._thread-footer--following_1sd7m_112:focus-within ._thread-footer__last-reply-group_1sd7m_93,._thread-footer--following_1sd7m_112._thread-footer--hovered_1sd7m_112 ._thread-footer__last-reply-group_1sd7m_93{max-width:10rem;opacity:1}._thread-footer__last-reply_1sd7m_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
+ ._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-footer_1sd7m_2","thread-footer__inner":"_thread-footer__inner_1sd7m_8","thread-footer__avatars-group":"_thread-footer__avatars-group_1sd7m_14","thread-footer__status-hint":"_thread-footer__status-hint_1sd7m_19","thread-footer__badge-container":"_thread-footer__badge-container_1sd7m_30","thread-footer__unread-dot":"_thread-footer__unread-dot_1sd7m_39","thread-footer__mention-badge":"_thread-footer__mention-badge_1sd7m_46","thread-footer__buttons":"_thread-footer__buttons_1sd7m_49","thread-footer__reply-btn":"_thread-footer__reply-btn_1sd7m_54","thread-footer__follow-btn":"_thread-footer__follow-btn_1sd7m_54","thread-footer__follow-btn--following":"_thread-footer__follow-btn--following_1sd7m_57","thread-footer__reply-btn--hovered":"_thread-footer__reply-btn--hovered_1sd7m_63","thread-footer__btn-label":"_thread-footer__btn-label_1sd7m_73","thread-footer__divider":"_thread-footer__divider_1sd7m_80","thread-footer__last-reply-group":"_thread-footer__last-reply-group_1sd7m_93","thread-footer--following":"_thread-footer--following_1sd7m_112","thread-footer--hovered":"_thread-footer--hovered_1sd7m_112","thread-footer__last-reply":"_thread-footer__last-reply_1sd7m_93"};exports.default=e;
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-footer_1sd7m_2",
3
- "thread-footer__inner": "_thread-footer__inner_1sd7m_8",
4
- "thread-footer__avatars-group": "_thread-footer__avatars-group_1sd7m_14",
5
- "thread-footer__status-hint": "_thread-footer__status-hint_1sd7m_19",
6
- "thread-footer__badge-container": "_thread-footer__badge-container_1sd7m_30",
7
- "thread-footer__unread-dot": "_thread-footer__unread-dot_1sd7m_39",
8
- "thread-footer__mention-badge": "_thread-footer__mention-badge_1sd7m_46",
9
- "thread-footer__buttons": "_thread-footer__buttons_1sd7m_49",
10
- "thread-footer__reply-btn": "_thread-footer__reply-btn_1sd7m_54",
11
- "thread-footer__follow-btn": "_thread-footer__follow-btn_1sd7m_54",
12
- "thread-footer__follow-btn--following": "_thread-footer__follow-btn--following_1sd7m_57",
13
- "thread-footer__reply-btn--hovered": "_thread-footer__reply-btn--hovered_1sd7m_63",
14
- "thread-footer__btn-label": "_thread-footer__btn-label_1sd7m_73",
15
- "thread-footer__divider": "_thread-footer__divider_1sd7m_80",
16
- "thread-footer__last-reply-group": "_thread-footer__last-reply-group_1sd7m_93",
17
- "thread-footer--following": "_thread-footer--following_1sd7m_112",
18
- "thread-footer--hovered": "_thread-footer--hovered_1sd7m_112",
19
- "thread-footer__last-reply": "_thread-footer__last-reply_1sd7m_93"
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
- ._toast_1x4xn_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_1x4xn_13{display:flex;align-items:center;gap:var(--spacing-xs);height:32px;padding-left:var(--spacing-xs);min-width:0}._toast__icon_1x4xn_21{display:inline-flex;align-items:center;flex-shrink:0;color:var(--neutral-0)}._toast__message_1x4xn_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_1x4xn_38{flex-shrink:0;background-color:color-mix(in srgb,var(--neutral-0) 8%,transparent)!important;color:var(--neutral-0)!important;border-color:transparent!important}._toast__action-btn--on-dark_1x4xn_38:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;color:var(--neutral-0)!important}._toast__action-btn--on-dark_1x4xn_38:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 16%,transparent)!important;color:var(--neutral-0)!important}._toast__action-btn--on-dark_1x4xn_38:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--neutral-0) 56%,transparent)!important}._toast__action-btn--on-dark_1x4xn_38:disabled{color:color-mix(in srgb,var(--neutral-0) 40%,transparent)!important;background-color:color-mix(in srgb,var(--neutral-0) 6%,transparent)!important}._toast__dismiss_1x4xn_59{flex-shrink:0;color:color-mix(in srgb,var(--neutral-0) 64%,transparent)!important}._toast__dismiss_1x4xn_59:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;color:var(--neutral-0)!important}._toast__dismiss_1x4xn_59:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 20%,transparent)!important;color:var(--neutral-0)!important}._toast__dismiss_1x4xn_59: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_1x4xn_76{background-color:rgb(var(--semantic-color-info))}._toast--type-success_1x4xn_79{background-color:rgb(var(--semantic-color-success))}._toast--type-danger_1x4xn_82{background-color:rgb(var(--semantic-color-danger))}._toast--type-warning_1x4xn_85{background-color:rgb(var(--semantic-color-warning))}._toast--no-dismiss_1x4xn_88 ._toast__content_1x4xn_13{padding-right:var(--spacing-xs)}
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="_toast_1x4xn_2",s="_toast__content_1x4xn_13",_="_toast__icon_1x4xn_21",o="_toast__message_1x4xn_27",a="_toast__dismiss_1x4xn_59",n={toast:t,toast__content:s,toast__icon:_,toast__message:o,"toast__action-btn--on-dark":"_toast__action-btn--on-dark_1x4xn_38",toast__dismiss:a,"toast--type-info":"_toast--type-info_1x4xn_76","toast--type-success":"_toast--type-success_1x4xn_79","toast--type-danger":"_toast--type-danger_1x4xn_82","toast--type-warning":"_toast--type-warning_1x4xn_85","toast--no-dismiss":"_toast--no-dismiss_1x4xn_88"};exports.default=n;exports.toast=t;exports.toast__content=s;exports.toast__dismiss=a;exports.toast__icon=_;exports.toast__message=o;
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