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