@ketvietlab/design-system 0.1.29 → 0.1.31
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/README.md +101 -5
- package/dist/atlas-cli.d.ts.map +1 -1
- package/dist/atlas-cli.js +10 -7
- package/dist/atlas-cli.js.map +1 -1
- package/dist/catalogue/date-pickers.d.ts +6 -0
- package/dist/catalogue/date-pickers.d.ts.map +1 -0
- package/dist/catalogue/date-pickers.js +16 -0
- package/dist/catalogue/date-pickers.js.map +1 -0
- package/dist/catalogue/index.d.ts +7 -2
- package/dist/catalogue/index.d.ts.map +1 -1
- package/dist/catalogue/index.js +20 -4
- package/dist/catalogue/index.js.map +1 -1
- package/dist/catalogue/inventory.generated.js +1 -1
- package/dist/catalogue/inventory.generated.js.map +1 -1
- package/dist/catalogue/inventory.generated.json +363 -159
- package/dist/catalogue/layering.d.ts +10 -0
- package/dist/catalogue/layering.d.ts.map +1 -0
- package/dist/catalogue/layering.js +67 -0
- package/dist/catalogue/layering.js.map +1 -0
- package/dist/catalogue/primitives.css +77 -0
- package/dist/catalogue/primitives.d.ts +34 -0
- package/dist/catalogue/primitives.d.ts.map +1 -0
- package/dist/catalogue/primitives.js +149 -0
- package/dist/catalogue/primitives.js.map +1 -0
- package/dist/catalogue/specimens.d.ts.map +1 -1
- package/dist/catalogue/specimens.js +14 -14
- package/dist/catalogue/specimens.js.map +1 -1
- package/dist/catalogue/styles.css +1 -0
- package/dist/contract/index.d.ts +2 -0
- package/dist/contract/index.d.ts.map +1 -1
- package/dist/contract/index.js +1 -0
- package/dist/contract/index.js.map +1 -1
- package/dist/contract/layout-audit.d.ts +32 -0
- package/dist/contract/layout-audit.d.ts.map +1 -0
- package/dist/contract/layout-audit.js +204 -0
- package/dist/contract/layout-audit.js.map +1 -0
- package/dist/forms/date-time/date-math.d.ts +23 -0
- package/dist/forms/date-time/date-math.d.ts.map +1 -0
- package/dist/forms/date-time/date-math.js +83 -0
- package/dist/forms/date-time/date-math.js.map +1 -0
- package/dist/forms/date-time/index.d.ts +37 -6
- package/dist/forms/date-time/index.d.ts.map +1 -1
- package/dist/forms/date-time/index.js +140 -6
- package/dist/forms/date-time/index.js.map +1 -1
- package/dist/forms/date-time/runtime.d.ts +4 -0
- package/dist/forms/date-time/runtime.d.ts.map +1 -0
- package/dist/forms/date-time/runtime.js +637 -0
- package/dist/forms/date-time/runtime.js.map +1 -0
- package/dist/forms/date-time/styles.css +251 -12
- package/dist/foundations/tokens.css +14 -2
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/interactions/relation-select/styles.css +0 -12
- package/dist/interactions/search-filter/styles.css +2 -14
- package/dist/layout-audit-cli.d.ts +7 -0
- package/dist/layout-audit-cli.d.ts.map +1 -0
- package/dist/layout-audit-cli.js +63 -0
- package/dist/layout-audit-cli.js.map +1 -0
- package/dist/layouts/app-navigation/styles.css +4 -7
- package/dist/layouts/grouped/styles.css +5 -36
- package/dist/layouts/layering/styles.css +159 -0
- package/dist/layouts/layout/index.d.ts +6 -0
- package/dist/layouts/layout/index.d.ts.map +1 -1
- package/dist/layouts/layout/index.js +6 -1
- package/dist/layouts/layout/index.js.map +1 -1
- package/dist/layouts/layout/styles.css +15 -6
- package/dist/layouts/page-identity/index.d.ts +5 -7
- package/dist/layouts/page-identity/index.d.ts.map +1 -1
- package/dist/layouts/page-identity/index.js +4 -3
- package/dist/layouts/page-identity/index.js.map +1 -1
- package/dist/layouts/shell/index.d.ts +3 -3
- package/dist/layouts/shell/index.d.ts.map +1 -1
- package/dist/layouts/shell/index.js +0 -1
- package/dist/layouts/shell/index.js.map +1 -1
- package/dist/layouts/shell/styles.css +3 -4
- package/dist/patterns/board-page/index.d.ts +1 -1
- package/dist/patterns/board-page/index.d.ts.map +1 -1
- package/dist/patterns/board-page/index.js +0 -1
- package/dist/patterns/board-page/index.js.map +1 -1
- package/dist/patterns/board-page/styles.css +0 -12
- package/dist/patterns/dashboard-page/index.d.ts +1 -1
- package/dist/patterns/dashboard-page/index.d.ts.map +1 -1
- package/dist/patterns/dashboard-page/index.js +0 -1
- package/dist/patterns/dashboard-page/index.js.map +1 -1
- package/dist/patterns/dashboard-page/styles.css +0 -13
- package/dist/patterns/form-page/index.d.ts +1 -1
- package/dist/patterns/form-page/index.d.ts.map +1 -1
- package/dist/patterns/form-page/index.js +0 -1
- package/dist/patterns/form-page/index.js.map +1 -1
- package/dist/patterns/form-page/styles.css +0 -12
- package/dist/patterns/list-page/index.d.ts +2 -1
- package/dist/patterns/list-page/index.d.ts.map +1 -1
- package/dist/patterns/list-page/index.js.map +1 -1
- package/dist/patterns/list-page/responsive.css +0 -8
- package/dist/patterns/list-page/styles.css +1 -16
- package/dist/patterns/modal-sheet/index.d.ts +2 -4
- package/dist/patterns/modal-sheet/index.d.ts.map +1 -1
- package/dist/patterns/modal-sheet/index.js +1 -1
- package/dist/patterns/modal-sheet/index.js.map +1 -1
- package/dist/patterns/modal-sheet/styles.css +7 -2
- package/dist/patterns/page-shell/styles.css +0 -12
- package/dist/patterns/record-page/index.d.ts +1 -2
- package/dist/patterns/record-page/index.d.ts.map +1 -1
- package/dist/patterns/record-page/index.js +2 -3
- package/dist/patterns/record-page/index.js.map +1 -1
- package/dist/patterns/record-page/styles.css +0 -12
- package/dist/patterns/workspace-page/index.d.ts +1 -2
- package/dist/patterns/workspace-page/index.d.ts.map +1 -1
- package/dist/patterns/workspace-page/index.js +0 -1
- package/dist/patterns/workspace-page/index.js.map +1 -1
- package/dist/primitives/actions/styles.css +3 -10
- package/dist/primitives/feedback/styles.css +7 -5
- package/dist/primitives/field/index.d.ts +5 -0
- package/dist/primitives/field/index.d.ts.map +1 -1
- package/dist/primitives/field/index.js +1 -1
- package/dist/primitives/field/index.js.map +1 -1
- package/dist/primitives/field/native-control.d.ts.map +1 -1
- package/dist/primitives/field/native-control.js +3 -3
- package/dist/primitives/field/native-control.js.map +1 -1
- package/dist/primitives/field/styles.css +124 -2
- package/dist/primitives/progress/styles.css +3 -0
- package/dist/primitives/status/styles.css +7 -2
- package/dist/record/display/index.d.ts +6 -0
- package/dist/record/display/index.d.ts.map +1 -1
- package/dist/record/display/index.js +6 -1
- package/dist/record/display/index.js.map +1 -1
- package/dist/record/display/styles.css +26 -1
- package/dist/runtime/index.d.ts.map +1 -1
- package/dist/runtime/index.js +3 -0
- package/dist/runtime/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +4 -3
|
@@ -27,6 +27,9 @@
|
|
|
27
27
|
--kv-color-surface-subtle: var(--kv-surface-raised);
|
|
28
28
|
--kv-color-surface-hover: var(--kv-surface-hover);
|
|
29
29
|
--kv-color-line: var(--kv-panel-border);
|
|
30
|
+
/* One 12px inset for every working group, heading and body alike. */
|
|
31
|
+
--kv-surface-inset: var(--kv-space-3);
|
|
32
|
+
--kv-surface-head-gap: var(--kv-space-3);
|
|
30
33
|
}
|
|
31
34
|
|
|
32
35
|
[data-kv-design-system][data-presentation="grouped"] :is([data-ui="app-main"], [data-ui="modal-layer"]) {
|
|
@@ -60,7 +63,7 @@
|
|
|
60
63
|
|
|
61
64
|
[data-kv-design-system][data-presentation="grouped"]
|
|
62
65
|
:is([data-ui="dashboard-page-body"], [data-ui="board-page-body"], [data-ui="record-page-body"])
|
|
63
|
-
> [data-ui="stack"],
|
|
66
|
+
> [data-ui="stack"]:not([data-gap="loose"]):not([data-gap="compact"]),
|
|
64
67
|
[data-kv-design-system][data-presentation="grouped"] [data-ui="app-main"] [data-ui="grid"],
|
|
65
68
|
[data-kv-design-system][data-presentation="grouped"]
|
|
66
69
|
[data-ui="section-body"]
|
|
@@ -68,28 +71,15 @@
|
|
|
68
71
|
gap: var(--kv-space-2);
|
|
69
72
|
}
|
|
70
73
|
|
|
71
|
-
[data-kv-design-system][data-presentation="grouped"]
|
|
72
|
-
:is([data-ui="surface"], [data-ui="metric"], [data-ui="content-card"]) {
|
|
74
|
+
[data-kv-design-system][data-presentation="grouped"] :is([data-ui="metric"], [data-ui="content-card"]) {
|
|
73
75
|
padding: var(--kv-space-3);
|
|
74
76
|
}
|
|
75
77
|
|
|
76
|
-
[data-kv-design-system][data-presentation="grouped"] [data-ui="surface-head"] {
|
|
77
|
-
padding: 0;
|
|
78
|
-
margin-bottom: var(--kv-space-3);
|
|
79
|
-
}
|
|
80
|
-
|
|
81
78
|
[data-kv-design-system][data-presentation="grouped"] [data-ui="table-scroll"][data-framed="false"] {
|
|
82
79
|
width: auto;
|
|
83
80
|
margin-inline: 0;
|
|
84
81
|
}
|
|
85
82
|
|
|
86
|
-
[data-kv-design-system][data-presentation="grouped"]
|
|
87
|
-
[data-ui="surface"][data-padding="none"]
|
|
88
|
-
> [data-ui="surface-head"] {
|
|
89
|
-
padding: 0;
|
|
90
|
-
margin-bottom: var(--kv-space-3);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
83
|
[data-kv-design-system][data-presentation="grouped"] [data-ui="record-page-aside"] {
|
|
94
84
|
margin: var(--kv-space-3) var(--kv-space-3) var(--kv-space-3) 0;
|
|
95
85
|
padding: var(--kv-space-3);
|
|
@@ -102,30 +92,9 @@
|
|
|
102
92
|
gap: var(--kv-space-3);
|
|
103
93
|
}
|
|
104
94
|
|
|
105
|
-
/* The context surface already owns its background. */
|
|
106
|
-
[data-kv-design-system][data-presentation="grouped"] [data-ui="record-page-aside"] [data-ui="metric"] {
|
|
107
|
-
padding: 0;
|
|
108
|
-
min-height: 0;
|
|
109
|
-
border: 0;
|
|
110
|
-
border-radius: 0;
|
|
111
|
-
background: transparent;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
95
|
@media (max-width: 63.9375rem) {
|
|
115
96
|
[data-kv-design-system][data-presentation="grouped"] [data-ui="record-page-aside"] {
|
|
116
97
|
margin: 0 var(--kv-space-3) var(--kv-space-3);
|
|
117
98
|
}
|
|
118
99
|
}
|
|
119
|
-
|
|
120
|
-
[data-kv-design-system][data-presentation="grouped"] [data-ui="surface"] [data-ui="disclosure"] {
|
|
121
|
-
border: 0;
|
|
122
|
-
border-radius: 0;
|
|
123
|
-
background: transparent;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
[data-kv-design-system][data-presentation="grouped"]
|
|
127
|
-
[data-ui="surface"]
|
|
128
|
-
:is([data-ui="disclosure-summary"], [data-ui="disclosure-body"]) {
|
|
129
|
-
padding-inline: 0;
|
|
130
|
-
}
|
|
131
100
|
}
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Layering: see LAYOUT.md, rules L1 and L2.
|
|
3
|
+
*
|
|
4
|
+
* A frame separates a white working region from the canvas behind it, and it is
|
|
5
|
+
* drawn once. Inside a white region (a surface, a modal sheet or dialog, a
|
|
6
|
+
* popover, a card, the grouped record rail) a container renders flat. Its heading
|
|
7
|
+
* and spacing stay; its border, fill, radius and shadow go, and its title steps
|
|
8
|
+
* down to the section size. So a titled table or a form group placed in a modal
|
|
9
|
+
* reads as a section of that modal, not as a card inside it.
|
|
10
|
+
*
|
|
11
|
+
* Record objects (ContentCard, KanbanCard) keep their boundary everywhere: each
|
|
12
|
+
* is one thing that opens, moves or is selected on its own. A nested `subtle`
|
|
13
|
+
* surface stays a tinted well, the one sanctioned fill inside a white region.
|
|
14
|
+
*
|
|
15
|
+
* Loaded after every presentation, so these rules win at equal specificity.
|
|
16
|
+
*/
|
|
17
|
+
@layer ket.app {
|
|
18
|
+
[data-kv-design-system]
|
|
19
|
+
:is(
|
|
20
|
+
[data-ui="surface"],
|
|
21
|
+
[data-ui="modal-sheet"],
|
|
22
|
+
[data-ui="dialog"],
|
|
23
|
+
[data-ui="popover-panel"],
|
|
24
|
+
[data-ui="content-card"],
|
|
25
|
+
[data-ui="kanban-card"]
|
|
26
|
+
)
|
|
27
|
+
[data-ui="surface"],
|
|
28
|
+
[data-kv-design-system][data-presentation="grouped"] [data-ui="record-page-aside"] [data-ui="surface"] {
|
|
29
|
+
overflow: visible;
|
|
30
|
+
padding: 0;
|
|
31
|
+
border: 0;
|
|
32
|
+
border-radius: 0;
|
|
33
|
+
background: transparent;
|
|
34
|
+
box-shadow: none;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
[data-kv-design-system]
|
|
38
|
+
:is(
|
|
39
|
+
[data-ui="surface"],
|
|
40
|
+
[data-ui="modal-sheet"],
|
|
41
|
+
[data-ui="dialog"],
|
|
42
|
+
[data-ui="popover-panel"],
|
|
43
|
+
[data-ui="content-card"],
|
|
44
|
+
[data-ui="kanban-card"]
|
|
45
|
+
)
|
|
46
|
+
[data-ui="surface"][data-tone="subtle"],
|
|
47
|
+
[data-kv-design-system][data-presentation="grouped"]
|
|
48
|
+
[data-ui="record-page-aside"]
|
|
49
|
+
[data-ui="surface"][data-tone="subtle"] {
|
|
50
|
+
padding: var(--kv-space-3);
|
|
51
|
+
border-radius: var(--kv-radius-md);
|
|
52
|
+
background: var(--kv-panel-bg-subtle);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
[data-kv-design-system]
|
|
56
|
+
:is(
|
|
57
|
+
[data-ui="surface"],
|
|
58
|
+
[data-ui="modal-sheet"],
|
|
59
|
+
[data-ui="dialog"],
|
|
60
|
+
[data-ui="popover-panel"],
|
|
61
|
+
[data-ui="content-card"],
|
|
62
|
+
[data-ui="kanban-card"]
|
|
63
|
+
)
|
|
64
|
+
[data-ui="surface"]
|
|
65
|
+
> [data-ui="surface-head"],
|
|
66
|
+
[data-kv-design-system][data-presentation="grouped"]
|
|
67
|
+
[data-ui="record-page-aside"]
|
|
68
|
+
[data-ui="surface"]
|
|
69
|
+
> [data-ui="surface-head"] {
|
|
70
|
+
padding: 0;
|
|
71
|
+
margin-bottom: var(--kv-space-3);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
[data-kv-design-system]
|
|
75
|
+
:is(
|
|
76
|
+
[data-ui="surface"],
|
|
77
|
+
[data-ui="modal-sheet"],
|
|
78
|
+
[data-ui="dialog"],
|
|
79
|
+
[data-ui="popover-panel"],
|
|
80
|
+
[data-ui="content-card"],
|
|
81
|
+
[data-ui="kanban-card"]
|
|
82
|
+
)
|
|
83
|
+
[data-ui="surface"]
|
|
84
|
+
[data-ui="surface-title"],
|
|
85
|
+
[data-kv-design-system][data-presentation="grouped"]
|
|
86
|
+
[data-ui="record-page-aside"]
|
|
87
|
+
[data-ui="surface"]
|
|
88
|
+
[data-ui="surface-title"] {
|
|
89
|
+
font-size: var(--kv-text-lg);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
[data-kv-design-system]
|
|
93
|
+
:is(
|
|
94
|
+
[data-ui="surface"],
|
|
95
|
+
[data-ui="modal-sheet"],
|
|
96
|
+
[data-ui="dialog"],
|
|
97
|
+
[data-ui="popover-panel"],
|
|
98
|
+
[data-ui="content-card"],
|
|
99
|
+
[data-ui="kanban-card"]
|
|
100
|
+
)
|
|
101
|
+
[data-ui="table-scroll"][data-pattern="data-table"],
|
|
102
|
+
[data-kv-design-system][data-presentation="grouped"]
|
|
103
|
+
[data-ui="record-page-aside"]
|
|
104
|
+
[data-ui="table-scroll"][data-pattern="data-table"] {
|
|
105
|
+
border: 0;
|
|
106
|
+
border-radius: 0;
|
|
107
|
+
background: transparent;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
[data-kv-design-system]
|
|
111
|
+
:is(
|
|
112
|
+
[data-ui="surface"],
|
|
113
|
+
[data-ui="modal-sheet"],
|
|
114
|
+
[data-ui="dialog"],
|
|
115
|
+
[data-ui="popover-panel"],
|
|
116
|
+
[data-ui="content-card"],
|
|
117
|
+
[data-ui="kanban-card"]
|
|
118
|
+
)
|
|
119
|
+
[data-ui="disclosure"],
|
|
120
|
+
[data-kv-design-system][data-presentation="grouped"] [data-ui="record-page-aside"] [data-ui="disclosure"] {
|
|
121
|
+
border: 0;
|
|
122
|
+
border-radius: 0;
|
|
123
|
+
background: transparent;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
[data-kv-design-system]
|
|
127
|
+
:is(
|
|
128
|
+
[data-ui="surface"],
|
|
129
|
+
[data-ui="modal-sheet"],
|
|
130
|
+
[data-ui="dialog"],
|
|
131
|
+
[data-ui="popover-panel"],
|
|
132
|
+
[data-ui="content-card"],
|
|
133
|
+
[data-ui="kanban-card"]
|
|
134
|
+
)
|
|
135
|
+
:is([data-ui="disclosure-summary"], [data-ui="disclosure-body"]),
|
|
136
|
+
[data-kv-design-system][data-presentation="grouped"]
|
|
137
|
+
[data-ui="record-page-aside"]
|
|
138
|
+
:is([data-ui="disclosure-summary"], [data-ui="disclosure-body"]) {
|
|
139
|
+
padding-inline: 0;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
[data-kv-design-system]
|
|
143
|
+
:is(
|
|
144
|
+
[data-ui="surface"],
|
|
145
|
+
[data-ui="modal-sheet"],
|
|
146
|
+
[data-ui="dialog"],
|
|
147
|
+
[data-ui="popover-panel"],
|
|
148
|
+
[data-ui="content-card"],
|
|
149
|
+
[data-ui="kanban-card"]
|
|
150
|
+
)
|
|
151
|
+
[data-ui="metric"],
|
|
152
|
+
[data-kv-design-system][data-presentation="grouped"] [data-ui="record-page-aside"] [data-ui="metric"] {
|
|
153
|
+
min-height: 0;
|
|
154
|
+
padding: 0;
|
|
155
|
+
border: 0;
|
|
156
|
+
border-radius: 0;
|
|
157
|
+
background: transparent;
|
|
158
|
+
}
|
|
159
|
+
}
|
|
@@ -2,9 +2,15 @@ import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
|
|
|
2
2
|
import type { Tone } from '../../primitives/status.tsx';
|
|
3
3
|
export declare const HOOKS: readonly ['stack', 'inline', 'grid', 'card-grid', 'surface', 'surface-head', 'surface-heading', 'surface-title', 'surface-description', 'surface-actions', 'disclosure', 'disclosure-summary', 'disclosure-body', 'section', 'section-head', 'section-eyebrow', 'section-title', 'section-description', 'section-actions', 'section-body', 'content-card', 'card-media', 'card-head', 'card-leading', 'card-heading', 'card-eyebrow', 'card-title', 'card-summary', 'card-status', 'card-body', 'card-meta', 'card-actions', 'kanban', 'kanban-card', 'kanban-media', 'kanban-title', 'kanban-meta', 'kanban-note', 'kanban-actions', 'metric', 'metric-icon', 'metric-label', 'metric-value', 'metric-detail'];
|
|
4
4
|
export { AppShell, Page, PageHeader, RecordCanvas, RecordSection } from '../shell.tsx';
|
|
5
|
+
/**
|
|
6
|
+
* `divided` draws a hairline between items, the peer-section divider of LAYOUT.md
|
|
7
|
+
* L3 (a form with several groups, a list of sections in a modal). It never frames
|
|
8
|
+
* an item.
|
|
9
|
+
*/
|
|
5
10
|
export declare const Stack: (props: {
|
|
6
11
|
items: readonly JSXChild[];
|
|
7
12
|
gap?: 'compact' | 'default' | 'loose';
|
|
13
|
+
divided?: boolean;
|
|
8
14
|
}) => TemplateResult;
|
|
9
15
|
export declare const Inline: (props: {
|
|
10
16
|
items: readonly JSXChild[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/layout/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAEvD,eAAO,MAAM,KAAK,YAChB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,WAAW,EACX,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,YAAY,EACZ,WAAW,EACX,cAAc,EACd,cAAc,EACd,cAAc,EACd,YAAY,EACZ,cAAc,EACd,aAAa,EACb,WAAW,EACX,WAAW,EACX,cAAc,EACd,QAAQ,EACR,aAAa,EACb,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,cAAc,EACd,cAAc,EACd,eAAe,CACP,CAAA;AAEV,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAatF,eAAO,MAAM,KAAK,UAAW;IAC3B,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAA;IAC1B,GAAG,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/layout/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -50,7 +50,12 @@ export { AppShell, Page, PageHeader, RecordCanvas, RecordSection } from '../shel
|
|
|
50
50
|
const Items = (props) => (_jsx(_Fragment, { children: each(props.items, (_, index) => index,
|
|
51
51
|
// biome-ignore lint/complexity/noUselessFragments: `each` requires a TemplateResult callback.
|
|
52
52
|
(item) => (typeof item === 'string' || typeof item === 'number' ? _jsx("span", { children: item }) : _jsx(_Fragment, { children: item }))) }));
|
|
53
|
-
|
|
53
|
+
/**
|
|
54
|
+
* `divided` draws a hairline between items, the peer-section divider of LAYOUT.md
|
|
55
|
+
* L3 (a form with several groups, a list of sections in a modal). It never frames
|
|
56
|
+
* an item.
|
|
57
|
+
*/
|
|
58
|
+
export const Stack = (props) => (_jsx("div", { "data-ui": "stack", "data-pattern": "stack", "data-gap": props.gap ?? 'default', "data-divided": props.divided === true ? 'true' : null, children: _jsx(Items, { items: props.items }) }));
|
|
54
59
|
export const Inline = (props) => (_jsx("div", { "data-ui": "inline", children: _jsx(Items, { items: props.items }) }));
|
|
55
60
|
/**
|
|
56
61
|
* Fixed columns. `align="stretch"` gives every block in a row the row's height,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/layout/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAI7C,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,OAAO;IACP,QAAQ;IACR,MAAM;IACN,WAAW;IACX,SAAS;IACT,cAAc;IACd,iBAAiB;IACjB,eAAe;IACf,qBAAqB;IACrB,iBAAiB;IACjB,YAAY;IACZ,oBAAoB;IACpB,iBAAiB;IACjB,SAAS;IACT,cAAc;IACd,iBAAiB;IACjB,eAAe;IACf,qBAAqB;IACrB,iBAAiB;IACjB,cAAc;IACd,cAAc;IACd,YAAY;IACZ,WAAW;IACX,cAAc;IACd,cAAc;IACd,cAAc;IACd,YAAY;IACZ,cAAc;IACd,aAAa;IACb,WAAW;IACX,WAAW;IACX,cAAc;IACd,QAAQ;IACR,aAAa;IACb,cAAc;IACd,cAAc;IACd,aAAa;IACb,aAAa;IACb,gBAAgB;IAChB,QAAQ;IACR,aAAa;IACb,cAAc;IACd,cAAc;IACd,eAAe;CACP,CAAA;AAEV,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAc,CAAA;AAEtF,MAAM,KAAK,GAAG,CAAC,KAAqC,EAAkB,EAAE,CAAC,CACvE,4BACG,IAAI,CACH,KAAK,CAAC,KAAK,EACX,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK;IACnB,8FAA8F;IAC9F,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,yBAAO,IAAI,GAAQ,CAAC,CAAC,CAAC,4BAAG,IAAI,GAAI,CAAC,CACrG,GACA,CACJ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/layout/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,24 @@
|
|
|
1
1
|
@layer ket.app {
|
|
2
2
|
:where([data-kv-design-system]) [data-ui="stack"][data-pattern="stack"] {
|
|
3
|
+
--kv-stack-gap: var(--kv-space-4);
|
|
3
4
|
display: grid;
|
|
4
|
-
gap: var(--kv-
|
|
5
|
+
gap: var(--kv-stack-gap);
|
|
5
6
|
}
|
|
6
7
|
|
|
7
8
|
:where([data-kv-design-system]) [data-ui="stack"][data-pattern="stack"][data-gap="compact"] {
|
|
8
|
-
gap: var(--kv-space-2);
|
|
9
|
+
--kv-stack-gap: var(--kv-space-2);
|
|
10
|
+
gap: var(--kv-stack-gap);
|
|
9
11
|
}
|
|
10
12
|
|
|
11
13
|
:where([data-kv-design-system]) [data-ui="stack"][data-pattern="stack"][data-gap="loose"] {
|
|
12
|
-
gap: var(--kv-space-8);
|
|
14
|
+
--kv-stack-gap: var(--kv-space-8);
|
|
15
|
+
gap: var(--kv-stack-gap);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
/* A divider sits halfway: the gap above it and the same space below it. */
|
|
19
|
+
:where([data-kv-design-system]) [data-ui="stack"][data-pattern="stack"][data-divided="true"] > * + * {
|
|
20
|
+
padding-block-start: var(--kv-stack-gap);
|
|
21
|
+
border-block-start: 1px solid var(--kv-panel-border);
|
|
13
22
|
}
|
|
14
23
|
|
|
15
24
|
:where([data-kv-design-system]) [data-ui="inline"] {
|
|
@@ -79,7 +88,7 @@
|
|
|
79
88
|
}
|
|
80
89
|
|
|
81
90
|
:where([data-kv-design-system]) [data-ui="surface"][data-padding="default"] {
|
|
82
|
-
padding: var(--kv-
|
|
91
|
+
padding: var(--kv-surface-inset);
|
|
83
92
|
}
|
|
84
93
|
|
|
85
94
|
:where([data-kv-design-system]) [data-ui="surface"][data-has-heading="true"] {
|
|
@@ -92,7 +101,7 @@
|
|
|
92
101
|
align-items: center;
|
|
93
102
|
justify-content: space-between;
|
|
94
103
|
gap: var(--kv-space-3);
|
|
95
|
-
margin-bottom: var(--kv-
|
|
104
|
+
margin-bottom: var(--kv-surface-head-gap);
|
|
96
105
|
}
|
|
97
106
|
|
|
98
107
|
:where([data-kv-design-system]) [data-ui="surface"][data-padding="none"][data-has-heading="true"] {
|
|
@@ -205,7 +214,7 @@
|
|
|
205
214
|
|
|
206
215
|
:where([data-kv-design-system]) [data-ui="section-title"] {
|
|
207
216
|
margin-bottom: 0;
|
|
208
|
-
font-size: var(--kv-text-
|
|
217
|
+
font-size: var(--kv-text-lg);
|
|
209
218
|
line-height: var(--kv-leading-tight);
|
|
210
219
|
}
|
|
211
220
|
|
|
@@ -4,18 +4,16 @@ export type PageIdentityProps = {
|
|
|
4
4
|
context?: JSXChild;
|
|
5
5
|
eyebrow?: string | null;
|
|
6
6
|
title: string;
|
|
7
|
-
description?:
|
|
7
|
+
description?: JSXChild;
|
|
8
8
|
status?: JSXChild;
|
|
9
9
|
actions?: JSXChild;
|
|
10
10
|
/** Retain action content while removing an empty or conditional identity slot from layout. */
|
|
11
11
|
actionsHidden?: boolean;
|
|
12
12
|
meta?: JSXChild;
|
|
13
13
|
};
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
export declare const pageIdentityContent: (kind: PageIdentityKind, props: PageIdentityContentProps) => TemplateResult;
|
|
14
|
+
/**
|
|
15
|
+
* The single identity band shared by every full-page component and recipe.
|
|
16
|
+
*/
|
|
17
|
+
export declare const pageIdentityContent: (kind: PageIdentityKind, props: PageIdentityProps) => TemplateResult;
|
|
19
18
|
export declare const pageIdentity: (kind: PageIdentityKind, props: PageIdentityProps) => TemplateResult;
|
|
20
|
-
export {};
|
|
21
19
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/page-identity/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,WAAW,GACX,aAAa,GACb,WAAW,GACX,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,CAAA;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/page-identity/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,WAAW,GACX,aAAa,GACb,WAAW,GACX,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,CAAA;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,SAAU,gBAAgB,SAAS,iBAAiB,KAAG,cAyCtF,CAAA;AAED,eAAO,MAAM,YAAY,SAAU,gBAAgB,SAAS,iBAAiB,KAAG,cAW/E,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
/**
|
|
3
|
+
* The single identity band shared by every full-page component and recipe.
|
|
4
|
+
*/
|
|
5
|
+
export const pageIdentityContent = (kind, props) => (_jsxs(_Fragment, { children: [_jsxs("div", { "data-ui": `${kind}-heading`, "data-kv-page-identity": "heading", children: [!!props.eyebrow && (_jsx("p", { "data-ui": `${kind}-eyebrow`, "data-kv-page-identity": "eyebrow", children: props.eyebrow })), _jsxs("div", { "data-ui": `${kind}-title-row`, "data-kv-page-identity": "title-row", children: [_jsx("h1", { "data-ui": `${kind}-title`, "data-kv-page-identity": "title", children: props.title }), props.actions !== undefined && (_jsx("div", { "data-ui": `${kind}-actions`, "data-kv-page-identity": "actions", hidden: props.actionsHidden === true, children: props.actions }))] }), props.description !== undefined && props.description !== null && props.description !== '' && (_jsx("p", { "data-ui": `${kind}-description`, "data-kv-page-identity": "description", children: props.description })), props.status !== undefined && (_jsx("div", { "data-ui": `${kind}-subline`, "data-kv-page-identity": "subline", children: _jsx("span", { "data-ui": `${kind}-status`, "data-kv-page-identity": "status", children: props.status }) }))] }), props.meta !== undefined && (_jsx("div", { "data-ui": `${kind}-meta`, "data-kv-page-identity": "meta", children: props.meta }))] }));
|
|
5
6
|
export const pageIdentity = (kind, props) => (_jsxs(_Fragment, { children: [props.context != null && (_jsx("div", { "data-ui": `${kind}-context`, "data-kv-page-identity": "context", children: props.context })), _jsx("header", { "data-ui": `${kind}-header`, "data-kv-page-identity": "header", children: pageIdentityContent(kind, props) })] }));
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/page-identity/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/page-identity/index.tsx"],"names":[],"mappings":";AAuBA;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAsB,EAAE,KAAwB,EAAkB,EAAE,CAAC,CACvG,8BACE,0BAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,aAC7D,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAClB,uBAAY,GAAG,IAAI,UAAU,2BAAwB,SAAS,YAC3D,KAAK,CAAC,OAAO,GACZ,CACL,EACD,0BAAc,GAAG,IAAI,YAAY,2BAAwB,WAAW,aAClE,wBAAa,GAAG,IAAI,QAAQ,2BAAwB,OAAO,YACxD,KAAK,CAAC,KAAK,GACT,EACJ,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,CAC9B,yBACW,GAAG,IAAI,UAAU,2BACJ,SAAS,EAC/B,MAAM,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,YAEnC,KAAK,CAAC,OAAO,GACV,CACP,IACG,EACL,KAAK,CAAC,WAAW,KAAK,SAAS,IAAI,KAAK,CAAC,WAAW,KAAK,IAAI,IAAI,KAAK,CAAC,WAAW,KAAK,EAAE,IAAI,CAC5F,uBAAY,GAAG,IAAI,cAAc,2BAAwB,aAAa,YACnE,KAAK,CAAC,WAAW,GAChB,CACL,EACA,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,CAC7B,yBAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,YAC9D,0BAAe,GAAG,IAAI,SAAS,2BAAwB,QAAQ,YAC5D,KAAK,CAAC,MAAM,GACR,GACH,CACP,IACG,EACL,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,CAC3B,yBAAc,GAAG,IAAI,OAAO,2BAAwB,MAAM,YACvD,KAAK,CAAC,IAAI,GACP,CACP,IACA,CACJ,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAsB,EAAE,KAAwB,EAAkB,EAAE,CAAC,CAChG,8BACG,KAAK,CAAC,OAAO,IAAI,IAAI,IAAI,CACxB,yBAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,YAC7D,KAAK,CAAC,OAAO,GACV,CACP,EACD,4BAAiB,GAAG,IAAI,SAAS,2BAAwB,QAAQ,YAC9D,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,GAC1B,IACR,CACJ,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
|
|
2
2
|
import { type PageIdentityProps } from '../page-identity/index.tsx';
|
|
3
|
-
export declare const HOOKS: readonly ['app-shell', 'app-shell-topbar', 'app-topbar', 'app-location-bar', 'app-location-context', 'app-brand', 'app-topbar-brand', 'app-topbar-context', 'global-search-trigger', 'global-search-trigger-label', 'global-search-shortcut', 'global-search-dialog', 'global-search', 'global-search-input', 'global-search-submit', 'app-sidebar', 'app-main', 'app-right-rail', 'page', 'page-context', 'page-header', 'page-heading', 'page-eyebrow', 'page-title-row', 'page-title', 'page-
|
|
3
|
+
export declare const HOOKS: readonly ['app-shell', 'app-shell-topbar', 'app-topbar', 'app-location-bar', 'app-location-context', 'app-brand', 'app-topbar-brand', 'app-topbar-context', 'global-search-trigger', 'global-search-trigger-label', 'global-search-shortcut', 'global-search-dialog', 'global-search', 'global-search-input', 'global-search-submit', 'app-sidebar', 'app-main', 'app-right-rail', 'page', 'page-context', 'page-header', 'page-heading', 'page-eyebrow', 'page-title-row', 'page-title', 'page-subline', 'page-status', 'page-actions', 'page-meta', 'page-body', 'record-canvas', 'record-content', 'record-section', 'record-section-title'];
|
|
4
4
|
export declare const AppShell: (props: {
|
|
5
5
|
topbar?: JSXChild;
|
|
6
6
|
location?: JSXChild;
|
|
@@ -40,9 +40,9 @@ export declare const AppTopbar: (props: {
|
|
|
40
40
|
locale?: string;
|
|
41
41
|
};
|
|
42
42
|
}) => TemplateResult;
|
|
43
|
-
export type PageHeaderProps = Omit<PageIdentityProps, 'context'>;
|
|
43
|
+
export type PageHeaderProps = Omit<PageIdentityProps, 'context' | 'description'>;
|
|
44
44
|
export declare const PageHeader: (props: PageHeaderProps) => TemplateResult;
|
|
45
|
-
export type PageProps = PageIdentityProps & {
|
|
45
|
+
export type PageProps = Omit<PageIdentityProps, 'description'> & {
|
|
46
46
|
body: JSXChild;
|
|
47
47
|
};
|
|
48
48
|
export declare const Page: (props: PageProps) => TemplateResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/shell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,EAAqC,KAAK,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAEtG,eAAO,MAAM,KAAK,YAChB,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,uBAAuB,EACvB,6BAA6B,EAC7B,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,cAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/shell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,EAAqC,KAAK,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAEtG,eAAO,MAAM,KAAK,YAChB,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,uBAAuB,EACvB,6BAA6B,EAC7B,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,cAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,aAAa,EACb,cAAc,EACd,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,CACd,CAAA;AAEV,eAAO,MAAM,QAAQ,UAAW;IAC9B,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,OAAO,EAAE,QAAQ,CAAA;IACjB,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;CAC/B,KAAG,cAuBH,CAAA;AAiBD,eAAO,MAAM,QAAQ,UAAW;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC/B,KAAG,cASH,CAAA;AAED,kFAAkF;AAClF,eAAO,MAAM,SAAS,UAAW;IAC/B,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACvD,kFAAkF;IAClF,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAA;IACrB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,MAAM,EAAE;QACN,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,WAAW,EAAE,MAAM,CAAA;QACnB,WAAW,EAAE,MAAM,CAAA;QACnB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;CACF,KAAG,cA6EH,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,aAAa,CAAC,CAAA;AAEhF,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,cAInD,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,GAAG;IAC/D,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,cAQvC,CAAA;AAED,eAAO,MAAM,YAAY,UAAW;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,KAAG,cAIxD,CAAA;AAED,eAAO,MAAM,aAAa,UAAW;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,KAAG,cAKhF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/shell/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAsC,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAA0B,MAAM,2BAA4B,CAAA;AAEtG,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,WAAW;IACX,kBAAkB;IAClB,YAAY;IACZ,kBAAkB;IAClB,sBAAsB;IACtB,WAAW;IACX,kBAAkB;IAClB,oBAAoB;IACpB,uBAAuB;IACvB,6BAA6B;IAC7B,wBAAwB;IACxB,sBAAsB;IACtB,eAAe;IACf,qBAAqB;IACrB,sBAAsB;IACtB,aAAa;IACb,UAAU;IACV,gBAAgB;IAChB,MAAM;IACN,cAAc;IACd,aAAa;IACb,cAAc;IACd,cAAc;IACd,gBAAgB;IAChB,YAAY;IACZ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/shell/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -72,8 +72,7 @@
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
:where([data-kv-design-system]) [data-ui="page-eyebrow"],
|
|
75
|
-
:where([data-kv-design-system]) [data-ui="page-title"]
|
|
76
|
-
:where([data-kv-design-system]) [data-ui="page-description"] {
|
|
75
|
+
:where([data-kv-design-system]) [data-ui="page-title"] {
|
|
77
76
|
overflow-wrap: anywhere;
|
|
78
77
|
}
|
|
79
78
|
|
|
@@ -311,8 +310,8 @@
|
|
|
311
310
|
}
|
|
312
311
|
:where([data-kv-design-system]) [data-ui="global-search-trigger"] {
|
|
313
312
|
justify-content: center;
|
|
314
|
-
width: var(--kv-
|
|
315
|
-
height: var(--kv-
|
|
313
|
+
width: var(--kv-control-height);
|
|
314
|
+
height: var(--kv-control-height);
|
|
316
315
|
padding: 0;
|
|
317
316
|
}
|
|
318
317
|
:where([data-kv-design-system])
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { TemplateResult } from '@ketvietlab/ketjs-view';
|
|
2
2
|
import { type WorkspacePageProps } from '../workspace-page.tsx';
|
|
3
|
-
export declare const HOOKS: readonly ['board-page', 'board-page-context', 'board-page-header', 'board-page-heading', 'board-page-eyebrow', 'board-page-title-row', 'board-page-title', 'board-page-subline', 'board-page-status', 'board-page-
|
|
3
|
+
export declare const HOOKS: readonly ['board-page', 'board-page-context', 'board-page-header', 'board-page-heading', 'board-page-eyebrow', 'board-page-title-row', 'board-page-title', 'board-page-subline', 'board-page-status', 'board-page-actions', 'board-page-meta', 'board-page-toolbar', 'board-page-controls', 'board-page-body'];
|
|
4
4
|
export type BoardPageProps = Omit<WorkspacePageProps, 'layout'>;
|
|
5
5
|
/**
|
|
6
6
|
* The baseline for kanban, schedule and timeline workspaces.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/board-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE9E,eAAO,MAAM,KAAK,YAChB,YAAY,EACZ,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/board-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE9E,eAAO,MAAM,KAAK,YAChB,YAAY,EACZ,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,iBAAiB,CACT,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAA;AAE/D;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,UAAW,cAAc,KAAG,cACW,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/board-page/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAA2B,MAAM,sBAAuB,CAAA;AAE9E,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,YAAY;IACZ,oBAAoB;IACpB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,sBAAsB;IACtB,kBAAkB;IAClB,oBAAoB;IACpB,mBAAmB;IACnB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/board-page/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAA2B,MAAM,sBAAuB,CAAA;AAE9E,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,YAAY;IACZ,oBAAoB;IACpB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,sBAAsB;IACtB,kBAAkB;IAClB,oBAAoB;IACpB,mBAAmB;IACnB,oBAAoB;IACpB,iBAAiB;IACjB,oBAAoB;IACpB,qBAAqB;IACrB,iBAAiB;CACT,CAAA;AAIV;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAkB,EAAE,CACjE,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,CAAC,CAAA"}
|
|
@@ -72,14 +72,6 @@
|
|
|
72
72
|
line-height: var(--kv-leading-tight);
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
:where([data-kv-design-system]) [data-ui="board-page-description"] {
|
|
76
|
-
max-width: 56rem;
|
|
77
|
-
margin: 0;
|
|
78
|
-
color: var(--kv-text-muted);
|
|
79
|
-
font-size: var(--kv-text-sm);
|
|
80
|
-
line-height: var(--kv-leading-normal);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
75
|
:where([data-kv-design-system]) [data-ui="board-page-subline"] {
|
|
84
76
|
display: flex;
|
|
85
77
|
min-width: 0;
|
|
@@ -148,10 +140,6 @@
|
|
|
148
140
|
gap: var(--kv-space-3);
|
|
149
141
|
}
|
|
150
142
|
|
|
151
|
-
:where([data-kv-design-system]) [data-ui="board-page-title"] {
|
|
152
|
-
font-size: var(--kv-text-lg);
|
|
153
|
-
}
|
|
154
|
-
|
|
155
143
|
:where([data-kv-design-system]) [data-ui="board-page-actions"] {
|
|
156
144
|
justify-content: flex-start;
|
|
157
145
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { TemplateResult } from '@ketvietlab/ketjs-view';
|
|
2
2
|
import { type WorkspacePageProps } from '../workspace-page.tsx';
|
|
3
|
-
export declare const HOOKS: readonly ['dashboard-page', 'dashboard-page-context', 'dashboard-page-header', 'dashboard-page-heading', 'dashboard-page-eyebrow', 'dashboard-page-title-row', 'dashboard-page-title', 'dashboard-page-subline', 'dashboard-page-status', 'dashboard-page-
|
|
3
|
+
export declare const HOOKS: readonly ['dashboard-page', 'dashboard-page-context', 'dashboard-page-header', 'dashboard-page-heading', 'dashboard-page-eyebrow', 'dashboard-page-title-row', 'dashboard-page-title', 'dashboard-page-subline', 'dashboard-page-status', 'dashboard-page-actions', 'dashboard-page-meta', 'dashboard-page-body'];
|
|
4
4
|
export type DashboardPageProps = Omit<WorkspacePageProps, 'layout' | 'controls'>;
|
|
5
5
|
/**
|
|
6
6
|
* The baseline for KPI, workflow and analytical overview screens.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/dashboard-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE9E,eAAO,MAAM,KAAK,YAChB,gBAAgB,EAChB,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACxB,0BAA0B,EAC1B,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/dashboard-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE9E,eAAO,MAAM,KAAK,YAChB,gBAAgB,EAChB,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACxB,0BAA0B,EAC1B,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,CACb,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAA;AAEhF;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,UAAW,kBAAkB,KAAG,cACK,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/dashboard-page/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAA2B,MAAM,sBAAuB,CAAA;AAE9E,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,gBAAgB;IAChB,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,wBAAwB;IACxB,0BAA0B;IAC1B,sBAAsB;IACtB,wBAAwB;IACxB,uBAAuB;IACvB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/dashboard-page/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAA2B,MAAM,sBAAuB,CAAA;AAE9E,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,gBAAgB;IAChB,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,wBAAwB;IACxB,0BAA0B;IAC1B,sBAAsB;IACtB,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,qBAAqB;IACrB,qBAAqB;CACb,CAAA;AAIV;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAkB,EAAE,CACzE,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,gBAAgB,CAAC,CAAA"}
|