@ketvietlab/design-system 0.1.17 → 0.1.19
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/catalogue/index.js +1 -1
- package/dist/catalogue/inventory-policy.json +14 -0
- package/dist/catalogue/inventory.generated.js +1 -1
- package/dist/catalogue/inventory.generated.js.map +1 -1
- package/dist/catalogue/inventory.generated.json +408 -10
- package/dist/patterns/data-table/styles.css +8 -0
- package/dist/patterns/list-chrome/styles.css +24 -1
- package/dist/patterns/modal-sheet/index.d.ts +9 -2
- package/dist/patterns/modal-sheet/index.d.ts.map +1 -1
- package/dist/patterns/modal-sheet/index.js +5 -1
- package/dist/patterns/modal-sheet/index.js.map +1 -1
- package/dist/primitives/feedback/index.d.ts.map +1 -1
- package/dist/primitives/feedback/index.js +9 -2
- package/dist/primitives/feedback/index.js.map +1 -1
- package/dist/primitives/feedback/styles.css +29 -6
- package/dist/styles.css +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/primitives/feedback/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAChB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,aAAa,EACb,eAAe,EACf,eAAe,EACf,SAAS,EACT,eAAe,CACP,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/primitives/feedback/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAChB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,aAAa,EACb,eAAe,EACf,eAAe,EACf,SAAS,EACT,eAAe,CACP,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAA;AAiCnE,eAAO,MAAM,MAAM,UAAW;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,QAAQ,CAAA;CACnB,KAAG,cA2BH,CAAA;AAED,eAAO,MAAM,UAAU,UAAW;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,QAAQ,CAAA;CAAE,KAAG,cAS1F,CAAA;AAED,eAAO,MAAM,YAAY,UAAW;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,cAavE,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
|
|
2
2
|
import { each } from '@ketvietlab/ketjs-view';
|
|
3
3
|
export const HOOKS = [
|
|
4
4
|
'notice',
|
|
@@ -15,7 +15,14 @@ export const HOOKS = [
|
|
|
15
15
|
'loading',
|
|
16
16
|
'loading-label',
|
|
17
17
|
];
|
|
18
|
-
|
|
18
|
+
// Lucide (ISC) glyphs, vendored per tone: info, circle-check, triangle-alert, circle-alert.
|
|
19
|
+
const NOTICE_ICONS = {
|
|
20
|
+
info: () => (_jsxs(_Fragment, { children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M12 16v-4" }), _jsx("path", { d: "M12 8h.01" })] })),
|
|
21
|
+
positive: () => (_jsxs(_Fragment, { children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "m9 12 2 2 4-4" })] })),
|
|
22
|
+
warning: () => (_jsxs(_Fragment, { children: [_jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }), _jsx("path", { d: "M12 9v4" }), _jsx("path", { d: "M12 17h.01" })] })),
|
|
23
|
+
danger: () => (_jsxs(_Fragment, { children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M12 8v4" }), _jsx("path", { d: "M12 16h.01" })] })),
|
|
24
|
+
};
|
|
25
|
+
export const Notice = (props) => (_jsxs("aside", { "data-ui": "notice", "data-pattern": "notice", "data-tone": props.tone ?? 'info', role: props.tone === 'danger' ? 'alert' : 'status', children: [_jsx("span", { "data-ui": "notice-mark", "aria-hidden": "true", children: _jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", focusable: "false", children: NOTICE_ICONS[props.tone ?? 'info']() }) }), _jsxs("div", { "data-ui": "notice-copy", children: [_jsx("p", { "data-ui": "notice-title", children: props.title }), _jsx("p", { "data-ui": "notice-message", children: props.message })] }), props.actions !== undefined && _jsx("div", { "data-ui": "notice-actions", children: props.actions })] }));
|
|
19
26
|
export const EmptyState = (props) => (_jsxs("div", { "data-ui": "empty", role: "status", children: [_jsx("span", { "data-ui": "empty-mark", "aria-hidden": "true", children: "\u25C7" }), _jsx("p", { "data-ui": "empty-title", children: props.title }), _jsx("p", { "data-ui": "empty-message", children: props.message }), props.actions !== undefined && _jsx("div", { "data-ui": "empty-actions", children: props.actions })] }));
|
|
20
27
|
export const LoadingState = (props) => (_jsxs("div", { "data-ui": "loading", role: "status", "aria-live": "polite", children: [_jsx("span", { "data-ui": "loading-label", children: props.label }), _jsx("div", { "data-ui": "skeleton", "aria-hidden": "true", children: each(Array.from({ length: Math.max(1, props.lines ?? 3) }), (_, index) => index, (_, index) => (_jsx("span", { "data-ui": "skeleton-line", "data-line": String(index + 1) }))) })] }));
|
|
21
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/primitives/feedback/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAG7C,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,QAAQ;IACR,aAAa;IACb,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,gBAAgB;IAChB,OAAO;IACP,YAAY;IACZ,aAAa;IACb,eAAe;IACf,eAAe;IACf,SAAS;IACT,eAAe;CACP,CAAA;AAIV,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAKtB,EAAkB,EAAE,CAAC,CACpB,4BACU,QAAQ,kBACH,QAAQ,eACV,KAAK,CAAC,IAAI,IAAI,MAAM,EAC/B,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,aAElD,0BAAc,aAAa,iBAAa,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/primitives/feedback/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,11 +27,34 @@
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
:where([data-kv-design-system]) [data-ui="notice"][data-pattern="notice"] [data-ui="notice-mark"] {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
30
|
+
display: inline-flex;
|
|
31
|
+
width: 1.25rem;
|
|
32
|
+
height: calc(var(--kv-text-base) * var(--kv-leading-normal));
|
|
33
|
+
align-items: center;
|
|
34
|
+
color: var(--kv-color-info);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
:where([data-kv-design-system]) [data-ui="notice"][data-pattern="notice"] [data-ui="notice-mark"] svg {
|
|
38
|
+
width: 1.25rem;
|
|
39
|
+
height: 1.25rem;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
:where([data-kv-design-system])
|
|
43
|
+
[data-ui="notice"][data-pattern="notice"][data-tone="positive"]
|
|
44
|
+
[data-ui="notice-mark"] {
|
|
45
|
+
color: var(--kv-color-positive);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
:where([data-kv-design-system])
|
|
49
|
+
[data-ui="notice"][data-pattern="notice"][data-tone="warning"]
|
|
50
|
+
[data-ui="notice-mark"] {
|
|
51
|
+
color: var(--kv-color-warning);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
:where([data-kv-design-system])
|
|
55
|
+
[data-ui="notice"][data-pattern="notice"][data-tone="danger"]
|
|
56
|
+
[data-ui="notice-mark"] {
|
|
57
|
+
color: var(--kv-color-danger);
|
|
35
58
|
}
|
|
36
59
|
|
|
37
60
|
:where([data-kv-design-system]) [data-ui="notice"][data-pattern="notice"] [data-ui="notice-copy"] {
|
|
@@ -41,7 +64,7 @@
|
|
|
41
64
|
:where([data-kv-design-system]) [data-ui="notice"][data-pattern="notice"] [data-ui="notice-title"] {
|
|
42
65
|
margin-bottom: var(--kv-space-1);
|
|
43
66
|
font-size: var(--kv-text-base);
|
|
44
|
-
font-weight:
|
|
67
|
+
font-weight: var(--kv-weight-semibold);
|
|
45
68
|
line-height: var(--kv-leading-normal);
|
|
46
69
|
}
|
|
47
70
|
|