@uva-glass/component-library 3.50.5 → 3.50.6
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
._status-
|
|
1
|
+
._status-pill_15n23_1{align-items:center;border-radius:1.5rem;display:flex;gap:.25rem;padding:.25rem .5rem;width:fit-content}._status-pill__possible_15n23_10{background-color:var(--color-forest-100);color:var(--color-forest-900)}._status-pill__impossible_15n23_15{background-color:var(--color-red-100);color:var(--color-red-800)}._status-pill__new_15n23_20{background-color:var(--color-navy-100);color:var(--color-navy-600);font-size:var(--font-size-text-non-essential)}._status-pill__dark_15n23_26{background-color:var(--color-uva-black);color:var(--color-uva-white);font-size:var(--font-size-text-non-essential);font-weight:var(--semibold)}._status-pill--bar_15n23_33{border-radius:0;justify-content:center;padding:.5rem;width:100%}._status-pill--compact_15n23_40{height:1.125rem;padding:.125rem .5rem 0}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export interface StatusPillProps {
|
|
2
2
|
/** The status to convey. */
|
|
3
|
-
status: 'possible' | 'impossible' | 'new';
|
|
3
|
+
status: 'possible' | 'impossible' | 'new' | 'dark';
|
|
4
4
|
/** The variant of the pill. */
|
|
5
|
-
variant?: 'default' | 'bar';
|
|
5
|
+
variant?: 'default' | 'bar' | 'compact';
|
|
6
6
|
/** A description of the status. */
|
|
7
7
|
label: string;
|
|
8
8
|
}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { jsxs as _, jsx as p } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
2
|
+
import { c as a } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { Icon as e } from "../Icon/Icon.js";
|
|
4
4
|
import '../../assets/StatusPill.css';const l = {
|
|
5
|
-
"status-pill": "_status-
|
|
6
|
-
"status-pill__possible": "_status-
|
|
7
|
-
"status-pill__impossible": "_status-
|
|
8
|
-
"status-pill__new": "_status-
|
|
9
|
-
"status-
|
|
10
|
-
|
|
5
|
+
"status-pill": "_status-pill_15n23_1",
|
|
6
|
+
"status-pill__possible": "_status-pill__possible_15n23_10",
|
|
7
|
+
"status-pill__impossible": "_status-pill__impossible_15n23_15",
|
|
8
|
+
"status-pill__new": "_status-pill__new_15n23_20",
|
|
9
|
+
"status-pill__dark": "_status-pill__dark_15n23_26",
|
|
10
|
+
"status-pill--bar": "_status-pill--bar_15n23_33",
|
|
11
|
+
"status-pill--compact": "_status-pill--compact_15n23_40"
|
|
12
|
+
}, o = {
|
|
11
13
|
possible: "CheckCircleFillMini",
|
|
12
14
|
impossible: "CrossCircleFillMini"
|
|
13
15
|
};
|
|
@@ -15,13 +17,13 @@ function r({ status: s, variant: i = "default", label: t }) {
|
|
|
15
17
|
return /* @__PURE__ */ _(
|
|
16
18
|
"span",
|
|
17
19
|
{
|
|
18
|
-
className:
|
|
20
|
+
className: a(
|
|
19
21
|
l["status-pill"],
|
|
20
22
|
l[`status-pill__${s}`],
|
|
21
23
|
i !== "default" && l[`status-pill--${i}`]
|
|
22
24
|
),
|
|
23
25
|
children: [
|
|
24
|
-
s
|
|
26
|
+
(s === "possible" || s === "impossible") && /* @__PURE__ */ p(e, { name: o[s], title: s, size: 16 }),
|
|
25
27
|
t
|
|
26
28
|
]
|
|
27
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusPill.js","sources":["../../../src/components/StatusPill/StatusPill.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { IconProps } from 'components/Icon';\n\nimport styles from './StatusPill.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface StatusPillProps {\n /** The status to convey. */\n status: 'possible' | 'impossible' | 'new';\n /** The variant of the pill. */\n variant?: 'default' | 'bar';\n /** A description of the status. */\n label: string;\n}\n\nconst iconNameMap: Partial<Record<StatusPillProps['status'], IconProps['name']>> = {\n possible: 'CheckCircleFillMini',\n impossible: 'CrossCircleFillMini',\n};\n\n/** Represents a component for a status pill. */\nexport function StatusPill({ status, variant = 'default', label }: StatusPillProps) {\n return (\n <span\n className={clsx(\n styles['status-pill'],\n styles[`status-pill__${status}`],\n variant !== 'default' && styles[`status-pill--${variant}`]\n )}\n >\n {status
|
|
1
|
+
{"version":3,"file":"StatusPill.js","sources":["../../../src/components/StatusPill/StatusPill.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { IconProps } from 'components/Icon';\n\nimport styles from './StatusPill.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface StatusPillProps {\n /** The status to convey. */\n status: 'possible' | 'impossible' | 'new' | 'dark';\n /** The variant of the pill. */\n variant?: 'default' | 'bar' | 'compact';\n /** A description of the status. */\n label: string;\n}\n\nconst iconNameMap: Partial<Record<StatusPillProps['status'], IconProps['name']>> = {\n possible: 'CheckCircleFillMini',\n impossible: 'CrossCircleFillMini',\n};\n\n/** Represents a component for a status pill. */\nexport function StatusPill({ status, variant = 'default', label }: StatusPillProps) {\n return (\n <span\n className={clsx(\n styles['status-pill'],\n styles[`status-pill__${status}`],\n variant !== 'default' && styles[`status-pill--${variant}`]\n )}\n >\n {(status === 'possible' || status === 'impossible') && (\n <Icon name={iconNameMap[status]!} title={status} size={16} />\n )}\n {label}\n </span>\n );\n}\n"],"names":["iconNameMap","StatusPill","status","variant","label","jsxs","clsx","styles","jsx","Icon"],"mappings":";;;;;;;;;;;GAiBMA,IAA6E;AAAA,EACjF,UAAU;AAAA,EACV,YAAY;AACd;AAGO,SAASC,EAAW,EAAE,QAAAC,GAAQ,SAAAC,IAAU,WAAW,OAAAC,KAA0B;AAClF,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO,aAAa;AAAA,QACpBA,EAAO,gBAAgBL,CAAM,EAAE;AAAA,QAC/BC,MAAY,aAAaI,EAAO,gBAAgBJ,CAAO,EAAE;AAAA,MAAA;AAAA,MAGzD,UAAA;AAAA,SAAAD,MAAW,cAAcA,MAAW,iBACpC,gBAAAM,EAACC,GAAA,EAAK,MAAMT,EAAYE,CAAM,GAAI,OAAOA,GAAQ,MAAM,IAAI;AAAA,QAE5DE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@uva-glass/component-library",
|
|
3
3
|
"author": "Team Glass - Frontend vrienden",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "3.50.
|
|
5
|
+
"version": "3.50.6",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"types": "dist/index.d.ts",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"@testing-library/jest-dom": "^6.9.1",
|
|
62
62
|
"@testing-library/react": "^16.3.0",
|
|
63
63
|
"@types/jest": "^30.0.0",
|
|
64
|
-
"@types/node": "^24.7.
|
|
64
|
+
"@types/node": "^24.7.2",
|
|
65
65
|
"@types/react": "^19.2.2",
|
|
66
66
|
"@types/react-dom": "^19.2.1",
|
|
67
67
|
"@uva-glass/eslint-config": "^1.3.11",
|