@ketvietlab/design-system 0.1.9 → 0.1.13
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 +92 -6
- package/dist/atlas/README.md +35 -0
- package/dist/atlas/adapter.schema.json +78 -0
- package/dist/atlas/profile.json +43 -0
- package/dist/atlas-cli.d.ts +3 -0
- package/dist/atlas-cli.d.ts.map +1 -0
- package/dist/atlas-cli.js +213 -0
- package/dist/atlas-cli.js.map +1 -0
- package/dist/catalogue/catalogue.css +198 -5
- package/dist/catalogue/groups.d.ts +11 -0
- package/dist/catalogue/groups.d.ts.map +1 -0
- package/dist/catalogue/groups.js +47 -0
- package/dist/catalogue/groups.js.map +1 -0
- package/dist/catalogue/index.d.ts +16 -17
- package/dist/catalogue/index.d.ts.map +1 -1
- package/dist/catalogue/index.js +39 -751
- package/dist/catalogue/index.js.map +1 -1
- package/dist/catalogue/inventory-policy.json +560 -0
- package/dist/catalogue/inventory.css +574 -0
- package/dist/catalogue/inventory.d.ts +16 -0
- package/dist/catalogue/inventory.d.ts.map +1 -0
- package/dist/catalogue/inventory.generated.d.ts +42 -0
- package/dist/catalogue/inventory.generated.d.ts.map +1 -0
- package/dist/catalogue/inventory.generated.js +3 -0
- package/dist/catalogue/inventory.generated.js.map +1 -0
- package/dist/catalogue/inventory.generated.json +9993 -0
- package/dist/catalogue/inventory.js +48 -0
- package/dist/catalogue/inventory.js.map +1 -0
- package/dist/catalogue/registry.d.ts +12 -0
- package/dist/catalogue/registry.d.ts.map +1 -0
- package/dist/catalogue/registry.js +134 -0
- package/dist/catalogue/registry.js.map +1 -0
- package/dist/catalogue/specimens.d.ts +15 -0
- package/dist/catalogue/specimens.d.ts.map +1 -0
- package/dist/catalogue/specimens.js +1186 -0
- package/dist/catalogue/specimens.js.map +1 -0
- package/dist/catalogue/styles.css +1 -0
- package/dist/contract/index.d.ts.map +1 -1
- package/dist/contract/index.js +64 -18
- package/dist/contract/index.js.map +1 -1
- package/dist/data-display/data-grid/index.d.ts +22 -0
- package/dist/data-display/data-grid/index.d.ts.map +1 -0
- package/dist/data-display/data-grid/index.js +15 -0
- package/dist/data-display/data-grid/index.js.map +1 -0
- package/dist/data-display/data-grid/styles.css +49 -0
- package/dist/data-display/resource-list/index.d.ts +22 -0
- package/dist/data-display/resource-list/index.d.ts.map +1 -0
- package/dist/data-display/resource-list/index.js +21 -0
- package/dist/data-display/resource-list/index.js.map +1 -0
- package/dist/data-display/resource-list/styles.css +39 -0
- package/dist/data-display/tree/index.d.ts +33 -0
- package/dist/data-display/tree/index.d.ts.map +1 -0
- package/dist/data-display/tree/index.js +21 -0
- package/dist/data-display/tree/index.js.map +1 -0
- package/dist/data-display/tree/styles.css +45 -0
- package/dist/data-operations/inline-edit/index.d.ts +19 -0
- package/dist/data-operations/inline-edit/index.d.ts.map +1 -0
- package/dist/data-operations/inline-edit/index.js +5 -0
- package/dist/data-operations/inline-edit/index.js.map +1 -0
- package/dist/data-operations/inline-edit/styles.css +34 -0
- package/dist/data-operations/list-controls/index.d.ts +67 -0
- package/dist/data-operations/list-controls/index.d.ts.map +1 -0
- package/dist/data-operations/list-controls/index.js +35 -0
- package/dist/data-operations/list-controls/index.js.map +1 -0
- package/dist/data-operations/list-controls/styles.css +82 -0
- package/dist/forms/combobox/index.d.ts +39 -0
- package/dist/forms/combobox/index.d.ts.map +1 -0
- package/dist/forms/combobox/index.js +23 -0
- package/dist/forms/combobox/index.js.map +1 -0
- package/dist/forms/combobox/styles.css +76 -0
- package/dist/forms/date-time/index.d.ts +25 -0
- package/dist/forms/date-time/index.d.ts.map +1 -0
- package/dist/forms/date-time/index.js +15 -0
- package/dist/forms/date-time/index.js.map +1 -0
- package/dist/forms/date-time/styles.css +25 -0
- package/dist/forms/relation-picker/index.d.ts +12 -0
- package/dist/forms/relation-picker/index.d.ts.map +1 -0
- package/dist/forms/relation-picker/index.js +13 -0
- package/dist/forms/relation-picker/index.js.map +1 -0
- package/dist/forms/relation-picker/styles.css +5 -0
- package/dist/forms/scalar-fields/index.d.ts +24 -0
- package/dist/forms/scalar-fields/index.d.ts.map +1 -0
- package/dist/forms/scalar-fields/index.js +23 -0
- package/dist/forms/scalar-fields/index.js.map +1 -0
- package/dist/forms/scalar-fields/styles.css +52 -0
- package/dist/forms/shared.d.ts +19 -0
- package/dist/forms/shared.d.ts.map +1 -0
- package/dist/forms/shared.js +9 -0
- package/dist/forms/shared.js.map +1 -0
- package/dist/forms/upload/index.d.ts +20 -0
- package/dist/forms/upload/index.d.ts.map +1 -0
- package/dist/forms/upload/index.js +11 -0
- package/dist/forms/upload/index.js.map +1 -0
- package/dist/forms/upload/styles.css +21 -0
- package/dist/foundations/reset.css +4 -0
- package/dist/foundations/tokens.css +31 -4
- package/dist/index.d.ts +78 -35
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +43 -19
- package/dist/index.js.map +1 -1
- package/dist/interactions/dialog/index.d.ts +25 -0
- package/dist/interactions/dialog/index.d.ts.map +1 -0
- package/dist/interactions/dialog/index.js +10 -0
- package/dist/interactions/dialog/index.js.map +1 -0
- package/dist/interactions/dialog/styles.css +11 -0
- package/dist/interactions/menu/index.d.ts +27 -0
- package/dist/interactions/menu/index.d.ts.map +1 -0
- package/dist/interactions/menu/index.js +13 -0
- package/dist/interactions/menu/index.js.map +1 -0
- package/dist/interactions/menu/styles.css +85 -0
- package/dist/interactions/popover/index.d.ts +15 -0
- package/dist/interactions/popover/index.d.ts.map +1 -0
- package/dist/interactions/popover/index.js +4 -0
- package/dist/interactions/popover/index.js.map +1 -0
- package/dist/interactions/popover/styles.css +47 -0
- package/dist/interactions/skeleton/index.d.ts +7 -0
- package/dist/interactions/skeleton/index.d.ts.map +1 -0
- package/dist/interactions/skeleton/index.js +5 -0
- package/dist/interactions/skeleton/index.js.map +1 -0
- package/dist/interactions/skeleton/styles.css +32 -0
- package/dist/interactions/spinner/index.d.ts +7 -0
- package/dist/interactions/spinner/index.d.ts.map +1 -0
- package/dist/interactions/spinner/index.js +4 -0
- package/dist/interactions/spinner/index.js.map +1 -0
- package/dist/interactions/spinner/styles.css +38 -0
- package/dist/interactions/toast/index.d.ts +16 -0
- package/dist/interactions/toast/index.d.ts.map +1 -0
- package/dist/interactions/toast/index.js +13 -0
- package/dist/interactions/toast/index.js.map +1 -0
- package/dist/interactions/toast/styles.css +64 -0
- package/dist/interactions/tooltip/index.d.ts +9 -0
- package/dist/interactions/tooltip/index.d.ts.map +1 -0
- package/dist/interactions/tooltip/index.js +4 -0
- package/dist/interactions/tooltip/index.js.map +1 -0
- package/dist/interactions/tooltip/styles.css +65 -0
- package/dist/layouts/app-navigation/index.d.ts +63 -0
- package/dist/layouts/app-navigation/index.d.ts.map +1 -0
- package/dist/layouts/app-navigation/index.js +50 -0
- package/dist/layouts/app-navigation/index.js.map +1 -0
- package/dist/layouts/app-navigation/styles.css +331 -0
- package/dist/layouts/app-navigation.d.ts +2 -0
- package/dist/layouts/app-navigation.d.ts.map +1 -0
- package/dist/layouts/app-navigation.js +2 -0
- package/dist/layouts/app-navigation.js.map +1 -0
- package/dist/layouts/flat/styles.css +74 -0
- package/dist/layouts/flat.css +1 -74
- package/dist/layouts/grouped/styles.css +131 -0
- package/dist/layouts/grouped.css +1 -126
- package/dist/layouts/index.d.ts +1 -69
- package/dist/layouts/index.d.ts.map +1 -1
- package/dist/layouts/index.js +1 -68
- package/dist/layouts/index.js.map +1 -1
- package/dist/layouts/layout/index.d.ts +70 -0
- package/dist/layouts/layout/index.d.ts.map +1 -0
- package/dist/layouts/layout/index.js +71 -0
- package/dist/layouts/layout/index.js.map +1 -0
- package/dist/layouts/layout/styles.css +369 -0
- package/dist/layouts/layouts.css +1 -369
- package/dist/layouts/shell/index.d.ts +27 -0
- package/dist/layouts/shell/index.d.ts.map +1 -0
- package/dist/layouts/shell/index.js +24 -0
- package/dist/layouts/shell/index.js.map +1 -0
- package/dist/layouts/shell/styles.css +168 -0
- package/dist/layouts/shell.css +1 -168
- package/dist/layouts/shell.d.ts +1 -26
- package/dist/layouts/shell.d.ts.map +1 -1
- package/dist/layouts/shell.js +1 -23
- package/dist/layouts/shell.js.map +1 -1
- package/dist/patterns/board-page/index.d.ts +16 -0
- package/dist/patterns/board-page/index.d.ts.map +1 -0
- package/dist/patterns/board-page/index.js +30 -0
- package/dist/patterns/board-page/index.js.map +1 -0
- package/dist/patterns/board-page/styles.css +164 -0
- package/dist/patterns/board-page.d.ts +1 -13
- package/dist/patterns/board-page.d.ts.map +1 -1
- package/dist/patterns/board-page.js +1 -27
- package/dist/patterns/board-page.js.map +1 -1
- package/dist/patterns/dashboard-page/index.d.ts +15 -0
- package/dist/patterns/dashboard-page/index.d.ts.map +1 -0
- package/dist/patterns/dashboard-page/index.js +27 -0
- package/dist/patterns/dashboard-page/index.js.map +1 -0
- package/dist/patterns/dashboard-page/styles.css +169 -0
- package/dist/patterns/dashboard-page.d.ts +1 -12
- package/dist/patterns/dashboard-page.d.ts.map +1 -1
- package/dist/patterns/dashboard-page.js +1 -24
- package/dist/patterns/dashboard-page.js.map +1 -1
- package/dist/patterns/data-table/index.d.ts +74 -0
- package/dist/patterns/data-table/index.d.ts.map +1 -0
- package/dist/patterns/data-table/index.js +60 -0
- package/dist/patterns/data-table/index.js.map +1 -0
- package/dist/patterns/data-table/styles.css +269 -0
- package/dist/patterns/data-table.d.ts +1 -73
- package/dist/patterns/data-table.d.ts.map +1 -1
- package/dist/patterns/data-table.js +1 -59
- package/dist/patterns/data-table.js.map +1 -1
- package/dist/patterns/form-page/index.d.ts +8 -0
- package/dist/patterns/form-page/index.d.ts.map +1 -0
- package/dist/patterns/form-page/index.js +22 -0
- package/dist/patterns/form-page/index.js.map +1 -0
- package/dist/patterns/form-page/styles.css +237 -0
- package/dist/patterns/form-page.d.ts +1 -7
- package/dist/patterns/form-page.d.ts.map +1 -1
- package/dist/patterns/form-page.js +1 -21
- package/dist/patterns/form-page.js.map +1 -1
- package/dist/patterns/list-chrome/index.d.ts +80 -0
- package/dist/patterns/list-chrome/index.d.ts.map +1 -0
- package/dist/patterns/list-chrome/index.js +45 -0
- package/dist/patterns/list-chrome/index.js.map +1 -0
- package/dist/patterns/list-chrome/styles.css +245 -0
- package/dist/patterns/list-chrome.d.ts +1 -79
- package/dist/patterns/list-chrome.d.ts.map +1 -1
- package/dist/patterns/list-chrome.js +1 -44
- package/dist/patterns/list-chrome.js.map +1 -1
- package/dist/patterns/list-page/index.d.ts +31 -0
- package/dist/patterns/list-page/index.d.ts.map +1 -0
- package/dist/patterns/list-page/index.js +41 -0
- package/dist/patterns/list-page/index.js.map +1 -0
- package/dist/patterns/list-page/responsive.css +140 -0
- package/dist/patterns/list-page/styles.css +228 -0
- package/dist/patterns/list-page.d.ts +1 -30
- package/dist/patterns/list-page.d.ts.map +1 -1
- package/dist/patterns/list-page.js +1 -40
- package/dist/patterns/list-page.js.map +1 -1
- package/dist/patterns/modal-sheet/index.d.ts +16 -0
- package/dist/patterns/modal-sheet/index.d.ts.map +1 -0
- package/dist/patterns/modal-sheet/index.js +15 -0
- package/dist/patterns/modal-sheet/index.js.map +1 -0
- package/dist/patterns/modal-sheet/styles.css +219 -0
- package/dist/patterns/modal-sheet.d.ts +1 -15
- package/dist/patterns/modal-sheet.d.ts.map +1 -1
- package/dist/patterns/modal-sheet.js +1 -14
- package/dist/patterns/modal-sheet.js.map +1 -1
- package/dist/patterns/page-shell/index.d.ts +24 -0
- package/dist/patterns/page-shell/index.d.ts.map +1 -0
- package/dist/patterns/page-shell/index.js +11 -0
- package/dist/patterns/page-shell/index.js.map +1 -0
- package/dist/patterns/page-shell.d.ts +1 -23
- package/dist/patterns/page-shell.d.ts.map +1 -1
- package/dist/patterns/page-shell.js +1 -10
- package/dist/patterns/page-shell.js.map +1 -1
- package/dist/patterns/patterns.css +12 -2247
- package/dist/patterns/pipeline/index.d.ts +29 -0
- package/dist/patterns/pipeline/index.d.ts.map +1 -0
- package/dist/patterns/pipeline/index.js +26 -0
- package/dist/patterns/pipeline/index.js.map +1 -0
- package/dist/patterns/pipeline/styles.css +168 -0
- package/dist/patterns/pipeline.d.ts +1 -28
- package/dist/patterns/pipeline.d.ts.map +1 -1
- package/dist/patterns/pipeline.js +1 -25
- package/dist/patterns/pipeline.js.map +1 -1
- package/dist/patterns/record-form/index.d.ts +18 -0
- package/dist/patterns/record-form/index.d.ts.map +1 -0
- package/dist/patterns/record-form/index.js +14 -0
- package/dist/patterns/record-form/index.js.map +1 -0
- package/dist/patterns/record-form/styles.css +175 -0
- package/dist/patterns/record-form.d.ts +1 -17
- package/dist/patterns/record-form.d.ts.map +1 -1
- package/dist/patterns/record-form.js +1 -13
- package/dist/patterns/record-form.js.map +1 -1
- package/dist/patterns/record-page/index.d.ts +31 -0
- package/dist/patterns/record-page/index.d.ts.map +1 -0
- package/dist/patterns/record-page/index.js +29 -0
- package/dist/patterns/record-page/index.js.map +1 -0
- package/dist/patterns/record-page/styles.css +228 -0
- package/dist/patterns/record-page.d.ts +1 -30
- package/dist/patterns/record-page.d.ts.map +1 -1
- package/dist/patterns/record-page.js +1 -28
- package/dist/patterns/record-page.js.map +1 -1
- package/dist/patterns/workspace-page/index.d.ts +23 -0
- package/dist/patterns/workspace-page/index.d.ts.map +1 -0
- package/dist/patterns/workspace-page/index.js +26 -0
- package/dist/patterns/workspace-page/index.js.map +1 -0
- package/dist/patterns/workspace-page/styles.css +9 -0
- package/dist/patterns/workspace-page.d.ts +1 -22
- package/dist/patterns/workspace-page.d.ts.map +1 -1
- package/dist/patterns/workspace-page.js +1 -25
- package/dist/patterns/workspace-page.js.map +1 -1
- package/dist/primitives/actions/index.d.ts +36 -0
- package/dist/primitives/actions/index.d.ts.map +1 -0
- package/dist/primitives/actions/index.js +10 -0
- package/dist/primitives/actions/index.js.map +1 -0
- package/dist/primitives/actions/styles.css +149 -0
- package/dist/primitives/actions.d.ts +1 -35
- package/dist/primitives/actions.d.ts.map +1 -1
- package/dist/primitives/actions.js +1 -9
- package/dist/primitives/actions.js.map +1 -1
- package/dist/primitives/feedback/index.d.ts +19 -0
- package/dist/primitives/feedback/index.d.ts.map +1 -0
- package/dist/primitives/feedback/index.js +21 -0
- package/dist/primitives/feedback/index.js.map +1 -0
- package/dist/primitives/feedback/styles.css +117 -0
- package/dist/primitives/feedback.d.ts +1 -18
- package/dist/primitives/feedback.d.ts.map +1 -1
- package/dist/primitives/feedback.js +1 -22
- package/dist/primitives/feedback.js.map +1 -1
- package/dist/primitives/field/index.d.ts +35 -0
- package/dist/primitives/field/index.d.ts.map +1 -0
- package/dist/primitives/field/index.js +34 -0
- package/dist/primitives/field/index.js.map +1 -0
- package/dist/primitives/field/native-control.d.ts +4 -0
- package/dist/primitives/field/native-control.d.ts.map +1 -0
- package/dist/primitives/field/native-control.js +12 -0
- package/dist/primitives/field/native-control.js.map +1 -0
- package/dist/primitives/field/styles.css +160 -0
- package/dist/primitives/field.d.ts +1 -34
- package/dist/primitives/field.d.ts.map +1 -1
- package/dist/primitives/field.js +1 -41
- package/dist/primitives/field.js.map +1 -1
- package/dist/primitives/navigation/index.d.ts +36 -0
- package/dist/primitives/navigation/index.d.ts.map +1 -0
- package/dist/primitives/navigation/index.js +19 -0
- package/dist/primitives/navigation/index.js.map +1 -0
- package/dist/primitives/{navigation.css → navigation/styles.css} +51 -0
- package/dist/primitives/navigation.d.ts +1 -25
- package/dist/primitives/navigation.d.ts.map +1 -1
- package/dist/primitives/navigation.js +1 -15
- package/dist/primitives/navigation.js.map +1 -1
- package/dist/primitives/primitives.css +4 -570
- package/dist/primitives/progress/index.d.ts +10 -0
- package/dist/primitives/progress/index.d.ts.map +1 -0
- package/dist/primitives/progress/index.js +13 -0
- package/dist/primitives/progress/index.js.map +1 -0
- package/dist/primitives/progress.d.ts +1 -9
- package/dist/primitives/progress.d.ts.map +1 -1
- package/dist/primitives/progress.js +1 -12
- package/dist/primitives/progress.js.map +1 -1
- package/dist/primitives/status/index.d.ts +27 -0
- package/dist/primitives/status/index.d.ts.map +1 -0
- package/dist/primitives/status/index.js +16 -0
- package/dist/primitives/status/index.js.map +1 -0
- package/dist/primitives/status/styles.css +114 -0
- package/dist/primitives/status.d.ts +1 -26
- package/dist/primitives/status.d.ts.map +1 -1
- package/dist/primitives/status.js +1 -15
- package/dist/primitives/status.js.map +1 -1
- package/dist/record/activity/index.d.ts +26 -0
- package/dist/record/activity/index.d.ts.map +1 -0
- package/dist/record/activity/index.js +33 -0
- package/dist/record/activity/index.js.map +1 -0
- package/dist/record/activity/styles.css +38 -0
- package/dist/record/composition/index.d.ts +33 -0
- package/dist/record/composition/index.d.ts.map +1 -0
- package/dist/record/composition/index.js +10 -0
- package/dist/record/composition/index.js.map +1 -0
- package/dist/record/composition/styles.css +30 -0
- package/dist/record/display/index.d.ts +37 -0
- package/dist/record/display/index.d.ts.map +1 -0
- package/dist/record/display/index.js +23 -0
- package/dist/record/display/index.js.map +1 -0
- package/dist/record/display/styles.css +63 -0
- package/dist/record/formatted-values/index.d.ts +19 -0
- package/dist/record/formatted-values/index.d.ts.map +1 -0
- package/dist/record/formatted-values/index.js +21 -0
- package/dist/record/formatted-values/index.js.map +1 -0
- package/dist/record/formatted-values/styles.css +8 -0
- package/dist/record/media/index.d.ts +31 -0
- package/dist/record/media/index.d.ts.map +1 -0
- package/dist/record/media/index.js +19 -0
- package/dist/record/media/index.js.map +1 -0
- package/dist/record/media/styles.css +38 -0
- package/dist/runtime/auto.d.ts +2 -0
- package/dist/runtime/auto.d.ts.map +1 -0
- package/dist/runtime/auto.js +5 -0
- package/dist/runtime/auto.js.map +1 -0
- package/dist/runtime/index.d.ts +9 -0
- package/dist/runtime/index.d.ts.map +1 -0
- package/dist/runtime/index.js +369 -0
- package/dist/runtime/index.js.map +1 -0
- package/dist/styles.css +47 -8
- package/package.json +9 -2
- /package/dist/primitives/{progress.css → progress/styles.css} +0 -0
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
@layer ket.app {
|
|
2
|
+
:where([data-kv-design-system]) [data-ui="switch-control"] {
|
|
3
|
+
grid-column: 2;
|
|
4
|
+
display: inline-flex;
|
|
5
|
+
width: fit-content;
|
|
6
|
+
min-height: var(--kv-control-height);
|
|
7
|
+
align-items: center;
|
|
8
|
+
cursor: pointer;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
:where([data-kv-design-system]) [data-ui="switch-control"] input {
|
|
12
|
+
position: absolute;
|
|
13
|
+
inline-size: 1px;
|
|
14
|
+
block-size: 1px;
|
|
15
|
+
opacity: 0;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
:where([data-kv-design-system]) [data-ui="switch-track"] {
|
|
19
|
+
position: relative;
|
|
20
|
+
width: 2.25rem;
|
|
21
|
+
height: 1.25rem;
|
|
22
|
+
border: 1px solid var(--kv-field-border);
|
|
23
|
+
border-radius: 999px;
|
|
24
|
+
background: var(--kv-interactive-bg);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
:where([data-kv-design-system]) [data-ui="switch-track"]::after {
|
|
28
|
+
position: absolute;
|
|
29
|
+
top: 2px;
|
|
30
|
+
left: 2px;
|
|
31
|
+
width: 0.875rem;
|
|
32
|
+
height: 0.875rem;
|
|
33
|
+
border-radius: 50%;
|
|
34
|
+
background: var(--kv-panel-bg);
|
|
35
|
+
box-shadow: var(--kv-shadow-sm);
|
|
36
|
+
content: "";
|
|
37
|
+
transition: transform var(--kv-motion-fast);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
:where([data-kv-design-system]) [data-ui="switch-control"] input:checked + [data-ui="switch-track"] {
|
|
41
|
+
border-color: var(--kv-color-accent);
|
|
42
|
+
background: var(--kv-color-accent);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
:where([data-kv-design-system]) [data-ui="switch-control"] input:checked + [data-ui="switch-track"]::after {
|
|
46
|
+
transform: translateX(1rem);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
:where([data-kv-design-system]) [data-ui="switch-control"] input:focus-visible + [data-ui="switch-track"] {
|
|
50
|
+
box-shadow: var(--kv-focus-ring);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
|
|
2
|
+
export type FieldIssue = {
|
|
3
|
+
path: string;
|
|
4
|
+
message: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const issueFor: (issues: readonly FieldIssue[] | undefined, name: string) => string | null;
|
|
7
|
+
export type FieldFrameProps = {
|
|
8
|
+
id: string;
|
|
9
|
+
label: string;
|
|
10
|
+
control: JSXChild;
|
|
11
|
+
help?: string | null;
|
|
12
|
+
error?: string | null;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
span?: 'half' | 'full';
|
|
15
|
+
kind: string;
|
|
16
|
+
};
|
|
17
|
+
export declare const FieldFrame: (props: FieldFrameProps) => TemplateResult;
|
|
18
|
+
export declare const describedBy: (id: string, help?: string | null, error?: string | null) => string | null;
|
|
19
|
+
//# sourceMappingURL=shared.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../../packages/design-system/src/forms/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,MAAM,MAAM,UAAU,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1D,eAAO,MAAM,QAAQ,WAAY,SAAS,UAAU,EAAE,GAAG,SAAS,QAAQ,MAAM,KAAG,MAAM,GAAG,IAC7B,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,QAAQ,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,cA+BnD,CAAA;AAED,eAAO,MAAM,WAAW,OAAQ,MAAM,SAAS,MAAM,GAAG,IAAI,UAAU,MAAM,GAAG,IAAI,KAAG,MAAM,GAAG,IACD,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
|
|
2
|
+
export const issueFor = (issues, name) => issues?.find((issue) => issue.path === name)?.message ?? null;
|
|
3
|
+
export const FieldFrame = (props) => {
|
|
4
|
+
const helpId = props.help ? `${props.id}-help` : null;
|
|
5
|
+
const errorId = props.error ? `${props.id}-error` : null;
|
|
6
|
+
return (_jsxs("div", { "data-ui": "field", "data-kind": props.kind, "data-span": props.span ?? 'half', "data-invalid": String(!!props.error), children: [_jsxs("label", { "data-ui": "field-label", for: props.id, children: [props.label, props.required && (_jsx("span", { "data-ui": "field-required", "aria-hidden": "true", children: ' *' }))] }), props.control, !!props.help && (_jsx("small", { "data-ui": "field-help", id: helpId ?? undefined, children: props.help })), !!props.error && (_jsx("small", { "data-ui": "field-error", id: errorId ?? undefined, children: props.error }))] }));
|
|
7
|
+
};
|
|
8
|
+
export const describedBy = (id, help, error) => [help ? `${id}-help` : null, error ? `${id}-error` : null].filter(Boolean).join(' ') || null;
|
|
9
|
+
//# sourceMappingURL=shared.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../../../packages/design-system/src/forms/shared.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAyC,EAAE,IAAY,EAAiB,EAAE,CACjG,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,OAAO,IAAI,IAAI,CAAA;AAa/D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAkB,EAAE;IACnE,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;IACrD,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;IACxD,OAAO,CACL,0BACU,OAAO,eACJ,KAAK,CAAC,IAAI,eACV,KAAK,CAAC,IAAI,IAAI,MAAM,kBACjB,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,aAEnC,4BAAe,aAAa,EAAC,GAAG,EAAE,KAAK,CAAC,EAAE,aACvC,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,QAAQ,IAAI,CACjB,0BAAc,gBAAgB,iBAAa,MAAM,YAC9C,IAAI,GACA,CACR,IACK,EACP,KAAK,CAAC,OAAO,EACb,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,CACf,2BAAe,YAAY,EAAC,EAAE,EAAE,MAAM,IAAI,SAAS,YAChD,KAAK,CAAC,IAAI,GACL,CACT,EACA,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,CAChB,2BAAe,aAAa,EAAC,EAAE,EAAE,OAAO,IAAI,SAAS,YAClD,KAAK,CAAC,KAAK,GACN,CACT,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAU,EAAE,IAAoB,EAAE,KAAqB,EAAiB,EAAE,CACpG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
|
|
2
|
+
import type { FieldIssue } from '../shared.tsx';
|
|
3
|
+
export declare const HOOKS: readonly ['file-upload', 'drop-zone', 'upload-status'];
|
|
4
|
+
export type FileUploadProps = {
|
|
5
|
+
id: string;
|
|
6
|
+
name: string;
|
|
7
|
+
label: string;
|
|
8
|
+
accept?: string;
|
|
9
|
+
multiple?: boolean;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
help?: string | null;
|
|
13
|
+
error?: string | null;
|
|
14
|
+
issues?: readonly FieldIssue[];
|
|
15
|
+
status?: JSXChild;
|
|
16
|
+
span?: 'half' | 'full';
|
|
17
|
+
};
|
|
18
|
+
export declare const FileUpload: (props: FileUploadProps) => TemplateResult;
|
|
19
|
+
export declare const DropZone: (props: FileUploadProps) => TemplateResult;
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/forms/upload/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,eAAO,MAAM,KAAK,YAAI,aAAa,EAAE,WAAW,EAAE,eAAe,CAAU,CAAA;AAE3E,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,MAAM,CAAC,EAAE,SAAS,UAAU,EAAE,CAAA;IAC9B,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAgCD,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,cAA4C,CAAA;AAChG,eAAO,MAAM,QAAQ,UAAW,eAAe,KAAG,cAA2C,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
|
|
2
|
+
import { describedBy, FieldFrame, issueFor } from '../shared.js';
|
|
3
|
+
export const HOOKS = ['file-upload', 'drop-zone', 'upload-status'];
|
|
4
|
+
const uploadControl = (props, error, drop) => (_jsxs("div", { "data-ui": drop ? 'drop-zone' : 'file-upload', children: [_jsx("input", { "data-ui": "field-control", id: props.id, type: "file", name: props.name, accept: props.accept, multiple: props.multiple === true, required: props.required === true, disabled: props.disabled === true, "aria-invalid": error ? 'true' : null, "aria-describedby": describedBy(props.id, props.help, error) }), props.status !== undefined && _jsx("div", { "data-ui": "upload-status", children: props.status })] }));
|
|
5
|
+
const renderUpload = (props, drop) => {
|
|
6
|
+
const error = props.error ?? issueFor(props.issues, props.name);
|
|
7
|
+
return (_jsx(FieldFrame, { ...props, kind: drop ? 'drop-zone' : 'file-upload', error: error, control: uploadControl(props, error, drop) }));
|
|
8
|
+
};
|
|
9
|
+
export const FileUpload = (props) => renderUpload(props, false);
|
|
10
|
+
export const DropZone = (props) => renderUpload(props, true);
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/forms/upload/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAe,CAAA;AAGjE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,aAAa,EAAE,WAAW,EAAE,eAAe,CAAU,CAAA;AAiB3E,MAAM,aAAa,GAAG,CAAC,KAAsB,EAAE,KAAoB,EAAE,IAAa,EAAkB,EAAE,CAAC,CACrG,0BAAc,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,aAC9C,2BACU,eAAe,EACvB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,EACjC,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,EACjC,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,kBACnB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,sBACjB,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,GAC1D,EACD,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,yBAAa,eAAe,YAAE,KAAK,CAAC,MAAM,GAAO,IAC5E,CACP,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,KAAsB,EAAE,IAAa,EAAkB,EAAE;IAC7E,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;IAC/D,OAAO,CACL,KAAC,UAAU,OACL,KAAK,EACT,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EACxC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,GAC1C,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAkB,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;AAChG,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAsB,EAAkB,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
@layer ket.app {
|
|
2
|
+
:where([data-kv-design-system]) [data-ui="file-upload"],
|
|
3
|
+
:where([data-kv-design-system]) [data-ui="drop-zone"] {
|
|
4
|
+
grid-column: 2;
|
|
5
|
+
display: grid;
|
|
6
|
+
min-width: 0;
|
|
7
|
+
gap: var(--kv-space-2);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:where([data-kv-design-system]) [data-ui="drop-zone"] {
|
|
11
|
+
padding: var(--kv-space-4);
|
|
12
|
+
border: 1px dashed var(--kv-field-border);
|
|
13
|
+
border-radius: var(--kv-radius-sm);
|
|
14
|
+
background: var(--kv-interactive-bg);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
:where([data-kv-design-system]) [data-ui="upload-status"] {
|
|
18
|
+
color: var(--kv-text-secondary);
|
|
19
|
+
font-size: var(--kv-text-xs);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -219,12 +219,18 @@
|
|
|
219
219
|
--kv-control-height: var(--kv-control-height-md);
|
|
220
220
|
--kv-control-height-compact: var(--kv-control-height-sm);
|
|
221
221
|
--kv-control-height-prominent: var(--kv-control-height-lg);
|
|
222
|
+
--kv-density-control-height: var(--kv-control-height-md);
|
|
223
|
+
--kv-density-row-height: 3.25rem;
|
|
224
|
+
--kv-density-content-gap: var(--kv-space-4);
|
|
222
225
|
--kv-sidebar-width: 13.5rem;
|
|
223
226
|
--kv-right-rail-width: 21.25rem;
|
|
224
227
|
--kv-sidebar-item-height: 1.875rem;
|
|
225
228
|
--kv-table-row-height: 3.25rem;
|
|
226
229
|
--kv-table-header-height: 2.625rem;
|
|
227
230
|
--kv-row-height: var(--kv-table-row-height);
|
|
231
|
+
--kv-container-field-narrow: 42rem;
|
|
232
|
+
--kv-container-rail-collapse: 64rem;
|
|
233
|
+
--kv-container-page-wide: 80rem;
|
|
228
234
|
--kv-radius-xs: 0.1875rem;
|
|
229
235
|
--kv-radius-sm: 0.3125rem;
|
|
230
236
|
--kv-radius-md: 0.4375rem;
|
|
@@ -252,6 +258,12 @@
|
|
|
252
258
|
--kv-z-popover: 50;
|
|
253
259
|
--kv-z-modal: 100;
|
|
254
260
|
--kv-z-toast: 200;
|
|
261
|
+
--kv-layer-base: var(--kv-z-base);
|
|
262
|
+
--kv-layer-sticky: var(--kv-z-sticky);
|
|
263
|
+
--kv-layer-menu: var(--kv-z-dropdown);
|
|
264
|
+
--kv-layer-popover: var(--kv-z-popover);
|
|
265
|
+
--kv-layer-dialog: var(--kv-z-modal);
|
|
266
|
+
--kv-layer-toast: var(--kv-z-toast);
|
|
255
267
|
|
|
256
268
|
/* Component roles. */
|
|
257
269
|
/* Page chrome and the canvas remain quiet; individual surfaces own their
|
|
@@ -295,12 +307,27 @@
|
|
|
295
307
|
}
|
|
296
308
|
|
|
297
309
|
[data-kv-design-system][data-density="compact"] {
|
|
298
|
-
--kv-control-height: var(--kv-control-height-sm);
|
|
299
|
-
--kv-row-height: 2.5rem;
|
|
310
|
+
--kv-density-control-height: var(--kv-control-height-sm);
|
|
311
|
+
--kv-density-row-height: 2.5rem;
|
|
312
|
+
--kv-density-content-gap: var(--kv-space-3);
|
|
300
313
|
}
|
|
301
314
|
|
|
302
315
|
[data-kv-design-system][data-density="comfortable"] {
|
|
303
|
-
--kv-control-height: var(--kv-control-height-lg);
|
|
304
|
-
--kv-row-height: 3.75rem;
|
|
316
|
+
--kv-density-control-height: var(--kv-control-height-lg);
|
|
317
|
+
--kv-density-row-height: 3.75rem;
|
|
318
|
+
--kv-density-content-gap: var(--kv-space-5);
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
[data-kv-design-system] {
|
|
322
|
+
--kv-control-height: var(--kv-density-control-height);
|
|
323
|
+
--kv-row-height: var(--kv-density-row-height);
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
@media (prefers-reduced-motion: reduce) {
|
|
327
|
+
[data-kv-design-system] {
|
|
328
|
+
--kv-duration-fast: 0.01ms;
|
|
329
|
+
--kv-duration-normal: 0.01ms;
|
|
330
|
+
--kv-duration-slow: 0.01ms;
|
|
331
|
+
}
|
|
305
332
|
}
|
|
306
333
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,37 +1,80 @@
|
|
|
1
|
-
export { ActionGroup, Button, IconButton, LinkButton } from './primitives/actions.tsx';
|
|
2
|
-
export type { ActionSize, ActionVariant, ButtonProps, IconButtonProps, LinkButtonProps, } from './primitives/actions.tsx';
|
|
3
|
-
export { Avatar, Badge, Code, CountBadge, Tag, initials } from './primitives/status.tsx';
|
|
4
|
-
export type { Tone } from './primitives/status.tsx';
|
|
5
|
-
export { EmptyState, LoadingState, Notice } from './primitives/feedback.tsx';
|
|
6
|
-
export type { NoticeTone } from './primitives/feedback.tsx';
|
|
7
|
-
export { Field } from './primitives/field.tsx';
|
|
8
|
-
export type { FieldOption, FieldProps } from './primitives/field.tsx';
|
|
9
|
-
export { NavItem, NavList, Tabs } from './primitives/navigation.tsx';
|
|
10
|
-
export type { NavItemProps, TabItem } from './primitives/navigation.tsx';
|
|
11
|
-
export { Progress } from './primitives/progress.tsx';
|
|
12
|
-
export type { ProgressTone } from './primitives/progress.tsx';
|
|
13
|
-
export {
|
|
14
|
-
export {
|
|
15
|
-
export {
|
|
16
|
-
export type {
|
|
17
|
-
export {
|
|
18
|
-
export
|
|
19
|
-
export {
|
|
20
|
-
export
|
|
21
|
-
export {
|
|
22
|
-
export
|
|
23
|
-
export {
|
|
24
|
-
export
|
|
25
|
-
export {
|
|
26
|
-
export type {
|
|
27
|
-
export {
|
|
28
|
-
export type {
|
|
29
|
-
export {
|
|
30
|
-
export type {
|
|
31
|
-
export {
|
|
32
|
-
export {
|
|
33
|
-
export
|
|
34
|
-
export {
|
|
35
|
-
export
|
|
1
|
+
export { ActionGroup, Button, IconButton, LinkButton } from './primitives/actions/index.tsx';
|
|
2
|
+
export type { ActionSize, ActionVariant, ButtonProps, IconButtonProps, LinkButtonProps, } from './primitives/actions/index.tsx';
|
|
3
|
+
export { Avatar, Badge, Code, CountBadge, Tag, initials } from './primitives/status/index.tsx';
|
|
4
|
+
export type { Tone } from './primitives/status/index.tsx';
|
|
5
|
+
export { EmptyState, LoadingState, Notice } from './primitives/feedback/index.tsx';
|
|
6
|
+
export type { NoticeTone } from './primitives/feedback/index.tsx';
|
|
7
|
+
export { Field } from './primitives/field/index.tsx';
|
|
8
|
+
export type { FieldOption, FieldProps } from './primitives/field/index.tsx';
|
|
9
|
+
export { Breadcrumbs, NavItem, NavList, Tabs } from './primitives/navigation/index.tsx';
|
|
10
|
+
export type { BreadcrumbItem, NavItemProps, TabItem } from './primitives/navigation/index.tsx';
|
|
11
|
+
export { Progress } from './primitives/progress/index.tsx';
|
|
12
|
+
export type { ProgressTone } from './primitives/progress/index.tsx';
|
|
13
|
+
export { ActionMenu, Menu } from './interactions/menu/index.tsx';
|
|
14
|
+
export type { MenuItem, MenuProps } from './interactions/menu/index.tsx';
|
|
15
|
+
export { Popover } from './interactions/popover/index.tsx';
|
|
16
|
+
export type { PopoverProps } from './interactions/popover/index.tsx';
|
|
17
|
+
export { Tooltip } from './interactions/tooltip/index.tsx';
|
|
18
|
+
export { ConfirmDialog, Dialog } from './interactions/dialog/index.tsx';
|
|
19
|
+
export type { ConfirmDialogProps, DialogProps } from './interactions/dialog/index.tsx';
|
|
20
|
+
export { Toast, ToastRegion } from './interactions/toast/index.tsx';
|
|
21
|
+
export type { ToastProps } from './interactions/toast/index.tsx';
|
|
22
|
+
export { Spinner } from './interactions/spinner/index.tsx';
|
|
23
|
+
export { Skeleton } from './interactions/skeleton/index.tsx';
|
|
24
|
+
export { attachDesignSystemInteractions } from './runtime/index.js';
|
|
25
|
+
export { Checkbox, CheckboxGroup, MoneyField, NumberField, RadioGroup, SearchField, Select, Switch, TextArea, TextField, } from './forms/scalar-fields/index.tsx';
|
|
26
|
+
export type { FieldIssue, ScalarFieldProps, SwitchProps } from './forms/scalar-fields/index.tsx';
|
|
27
|
+
export { Combobox, MultiCombobox, TagPicker } from './forms/combobox/index.tsx';
|
|
28
|
+
export type { ComboboxOption, ComboboxProps, MultiComboboxProps, } from './forms/combobox/index.tsx';
|
|
29
|
+
export { DatePicker, DateRangePicker, DateTimePicker, TimePicker } from './forms/date-time/index.tsx';
|
|
30
|
+
export type { DateRangePickerProps, TemporalProps } from './forms/date-time/index.tsx';
|
|
31
|
+
export { DropZone, FileUpload } from './forms/upload/index.tsx';
|
|
32
|
+
export type { FileUploadProps } from './forms/upload/index.tsx';
|
|
33
|
+
export { RelationPicker } from './forms/relation-picker/index.tsx';
|
|
34
|
+
export type { RelationPickerProps } from './forms/relation-picker/index.tsx';
|
|
35
|
+
export { AppliedFilters, FilterBar, SavedViews, SearchBar, SortMenu, ViewSettings, withQueryState, } from './data-operations/list-controls/index.tsx';
|
|
36
|
+
export type { AppliedFilter, SavedView, SearchBarProps, SortChoice, ViewSetting, } from './data-operations/list-controls/index.tsx';
|
|
37
|
+
export { InlineEdit } from './data-operations/inline-edit/index.tsx';
|
|
38
|
+
export type { InlineEditProps } from './data-operations/inline-edit/index.tsx';
|
|
39
|
+
export { ResourceList } from './data-display/resource-list/index.tsx';
|
|
40
|
+
export type { ResourceListProps } from './data-display/resource-list/index.tsx';
|
|
41
|
+
export { DataGrid } from './data-display/data-grid/index.tsx';
|
|
42
|
+
export type { DataGridColumn, DataGridProps } from './data-display/data-grid/index.tsx';
|
|
43
|
+
export { Tree, TreeGrid } from './data-display/tree/index.tsx';
|
|
44
|
+
export type { TreeGridColumn, TreeGridRow, TreeNode } from './data-display/tree/index.tsx';
|
|
45
|
+
export { AvatarGroup, DescriptionList, KeyValue, Person, Status } from './record/display/index.tsx';
|
|
46
|
+
export type { KeyValueProps, PersonProps } from './record/display/index.tsx';
|
|
47
|
+
export { FormattedDate, FormattedMoney, FormattedNumber } from './record/formatted-values/index.tsx';
|
|
48
|
+
export { RecordActions, RecordRail, RecordSummary } from './record/composition/index.tsx';
|
|
49
|
+
export type { RecordRailSection, RecordSummaryProps, } from './record/composition/index.tsx';
|
|
50
|
+
export { ActivityTimeline, AuditLog } from './record/activity/index.tsx';
|
|
51
|
+
export type { ActivityItem } from './record/activity/index.tsx';
|
|
52
|
+
export { Attachments, MediaGallery } from './record/media/index.tsx';
|
|
53
|
+
export type { AttachmentItem, MediaItem } from './record/media/index.tsx';
|
|
54
|
+
export { ContentCard, Disclosure, Grid, Inline, Metric, Section, Stack, Surface, } from './layouts/layout/index.tsx';
|
|
55
|
+
export { AppShell, Page, PageHeader, RecordCanvas, RecordSection } from './layouts/shell/index.tsx';
|
|
56
|
+
export { AppNavigation, NavigationDrawer, NavigationGroup, NavigationHeader, NavigationItem, NavigationTrigger, } from './layouts/app-navigation/index.tsx';
|
|
57
|
+
export type { AppNavigationProps, NavigationGroupData, NavigationItemData, } from './layouts/app-navigation/index.tsx';
|
|
58
|
+
export { DataTable } from './patterns/data-table/index.tsx';
|
|
59
|
+
export type { Cell, Column, DataTableLabels, DataTableProps, SortDirection, TableGroup, TablePager, TableSelection, } from './patterns/data-table/index.tsx';
|
|
60
|
+
export { BulkActions, ListChrome, PagerBar } from './patterns/list-chrome/index.tsx';
|
|
61
|
+
export type { BulkAction, BulkActionsProps, ListChromeProps, ListFacet, ListSearch, ListSort, ListSortChoice, PagerBarProps, PagerPage, } from './patterns/list-chrome/index.tsx';
|
|
62
|
+
export { ListPage } from './patterns/list-page/index.tsx';
|
|
63
|
+
export type { ListPageProps } from './patterns/list-page/index.tsx';
|
|
64
|
+
export { FormPage } from './patterns/form-page/index.tsx';
|
|
65
|
+
export type { FormPageProps, FormPageSlots } from './patterns/form-page/index.tsx';
|
|
66
|
+
export { RecordPage } from './patterns/record-page/index.tsx';
|
|
67
|
+
export type { RecordPageProps, RecordPageSlots } from './patterns/record-page/index.tsx';
|
|
68
|
+
export { WorkspacePage } from './patterns/workspace-page/index.tsx';
|
|
69
|
+
export type { WorkspacePageProps } from './patterns/workspace-page/index.tsx';
|
|
70
|
+
export { DashboardPage } from './patterns/dashboard-page/index.tsx';
|
|
71
|
+
export type { DashboardPageProps } from './patterns/dashboard-page/index.tsx';
|
|
72
|
+
export { BoardPage } from './patterns/board-page/index.tsx';
|
|
73
|
+
export type { BoardPageProps } from './patterns/board-page/index.tsx';
|
|
74
|
+
export { ModalSheet } from './patterns/modal-sheet/index.tsx';
|
|
75
|
+
export { Pipeline } from './patterns/pipeline/index.tsx';
|
|
76
|
+
export type { PipelineStep } from './patterns/pipeline/index.tsx';
|
|
77
|
+
export { RecordForm } from './patterns/record-form/index.tsx';
|
|
78
|
+
export type { RecordFormProps } from './patterns/record-form/index.tsx';
|
|
36
79
|
export { HOOKS, OWNERS } from './contract/index.ts';
|
|
37
80
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/design-system/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/design-system/src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,21 +1,45 @@
|
|
|
1
|
-
export { ActionGroup, Button, IconButton, LinkButton } from './primitives/actions.js';
|
|
2
|
-
export { Avatar, Badge, Code, CountBadge, Tag, initials } from './primitives/status.js';
|
|
3
|
-
export { EmptyState, LoadingState, Notice } from './primitives/feedback.js';
|
|
4
|
-
export { Field } from './primitives/field.js';
|
|
5
|
-
export { NavItem, NavList, Tabs } from './primitives/navigation.js';
|
|
6
|
-
export { Progress } from './primitives/progress.js';
|
|
7
|
-
export {
|
|
8
|
-
export {
|
|
9
|
-
export {
|
|
10
|
-
export {
|
|
11
|
-
export {
|
|
12
|
-
export {
|
|
13
|
-
export {
|
|
14
|
-
export {
|
|
15
|
-
export {
|
|
16
|
-
export {
|
|
17
|
-
export {
|
|
18
|
-
export {
|
|
19
|
-
export {
|
|
1
|
+
export { ActionGroup, Button, IconButton, LinkButton } from './primitives/actions/index.js';
|
|
2
|
+
export { Avatar, Badge, Code, CountBadge, Tag, initials } from './primitives/status/index.js';
|
|
3
|
+
export { EmptyState, LoadingState, Notice } from './primitives/feedback/index.js';
|
|
4
|
+
export { Field } from './primitives/field/index.js';
|
|
5
|
+
export { Breadcrumbs, NavItem, NavList, Tabs } from './primitives/navigation/index.js';
|
|
6
|
+
export { Progress } from './primitives/progress/index.js';
|
|
7
|
+
export { ActionMenu, Menu } from './interactions/menu/index.js';
|
|
8
|
+
export { Popover } from './interactions/popover/index.js';
|
|
9
|
+
export { Tooltip } from './interactions/tooltip/index.js';
|
|
10
|
+
export { ConfirmDialog, Dialog } from './interactions/dialog/index.js';
|
|
11
|
+
export { Toast, ToastRegion } from './interactions/toast/index.js';
|
|
12
|
+
export { Spinner } from './interactions/spinner/index.js';
|
|
13
|
+
export { Skeleton } from './interactions/skeleton/index.js';
|
|
14
|
+
export { attachDesignSystemInteractions } from './runtime/index.js';
|
|
15
|
+
export { Checkbox, CheckboxGroup, MoneyField, NumberField, RadioGroup, SearchField, Select, Switch, TextArea, TextField, } from './forms/scalar-fields/index.js';
|
|
16
|
+
export { Combobox, MultiCombobox, TagPicker } from './forms/combobox/index.js';
|
|
17
|
+
export { DatePicker, DateRangePicker, DateTimePicker, TimePicker } from './forms/date-time/index.js';
|
|
18
|
+
export { DropZone, FileUpload } from './forms/upload/index.js';
|
|
19
|
+
export { RelationPicker } from './forms/relation-picker/index.js';
|
|
20
|
+
export { AppliedFilters, FilterBar, SavedViews, SearchBar, SortMenu, ViewSettings, withQueryState, } from './data-operations/list-controls/index.js';
|
|
21
|
+
export { InlineEdit } from './data-operations/inline-edit/index.js';
|
|
22
|
+
export { ResourceList } from './data-display/resource-list/index.js';
|
|
23
|
+
export { DataGrid } from './data-display/data-grid/index.js';
|
|
24
|
+
export { Tree, TreeGrid } from './data-display/tree/index.js';
|
|
25
|
+
export { AvatarGroup, DescriptionList, KeyValue, Person, Status } from './record/display/index.js';
|
|
26
|
+
export { FormattedDate, FormattedMoney, FormattedNumber } from './record/formatted-values/index.js';
|
|
27
|
+
export { RecordActions, RecordRail, RecordSummary } from './record/composition/index.js';
|
|
28
|
+
export { ActivityTimeline, AuditLog } from './record/activity/index.js';
|
|
29
|
+
export { Attachments, MediaGallery } from './record/media/index.js';
|
|
30
|
+
export { ContentCard, Disclosure, Grid, Inline, Metric, Section, Stack, Surface, } from './layouts/layout/index.js';
|
|
31
|
+
export { AppShell, Page, PageHeader, RecordCanvas, RecordSection } from './layouts/shell/index.js';
|
|
32
|
+
export { AppNavigation, NavigationDrawer, NavigationGroup, NavigationHeader, NavigationItem, NavigationTrigger, } from './layouts/app-navigation/index.js';
|
|
33
|
+
export { DataTable } from './patterns/data-table/index.js';
|
|
34
|
+
export { BulkActions, ListChrome, PagerBar } from './patterns/list-chrome/index.js';
|
|
35
|
+
export { ListPage } from './patterns/list-page/index.js';
|
|
36
|
+
export { FormPage } from './patterns/form-page/index.js';
|
|
37
|
+
export { RecordPage } from './patterns/record-page/index.js';
|
|
38
|
+
export { WorkspacePage } from './patterns/workspace-page/index.js';
|
|
39
|
+
export { DashboardPage } from './patterns/dashboard-page/index.js';
|
|
40
|
+
export { BoardPage } from './patterns/board-page/index.js';
|
|
41
|
+
export { ModalSheet } from './patterns/modal-sheet/index.js';
|
|
42
|
+
export { Pipeline } from './patterns/pipeline/index.js';
|
|
43
|
+
export { RecordForm } from './patterns/record-form/index.js';
|
|
20
44
|
export { HOOKS, OWNERS } from './contract/index.js';
|
|
21
45
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/design-system/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/design-system/src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
|
|
2
|
+
import type { ActionVariant } from '../../primitives/actions/index.tsx';
|
|
3
|
+
export declare const HOOKS: readonly ['dialog', 'confirm-dialog-message'];
|
|
4
|
+
export type DialogProps = {
|
|
5
|
+
id: string;
|
|
6
|
+
title: string;
|
|
7
|
+
body: JSXChild;
|
|
8
|
+
closeHref: string;
|
|
9
|
+
closeLabel: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
actions?: JSXChild;
|
|
12
|
+
mode?: 'overlay' | 'embedded';
|
|
13
|
+
unsavedPrompt?: string;
|
|
14
|
+
};
|
|
15
|
+
export declare const Dialog: (props: DialogProps) => TemplateResult;
|
|
16
|
+
export type ConfirmDialogProps = Omit<DialogProps, 'body' | 'actions'> & {
|
|
17
|
+
message: string;
|
|
18
|
+
confirmLabel: string;
|
|
19
|
+
confirmName?: string;
|
|
20
|
+
confirmValue?: string;
|
|
21
|
+
confirmForm?: string;
|
|
22
|
+
confirmVariant?: ActionVariant;
|
|
23
|
+
};
|
|
24
|
+
export declare const ConfirmDialog: (props: ConfirmDialogProps) => TemplateResult;
|
|
25
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/interactions/dialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAGvE,eAAO,MAAM,KAAK,YAAI,QAAQ,EAAE,wBAAwB,CAAU,CAAA;AAElE,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,MAAM,UAAW,WAAW,KAAG,cAI3C,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG;IACvE,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,aAAa,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,kBAAkB,KAAG,cAqBzD,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@ketvietlab/ketjs-view/jsx-runtime";
|
|
2
|
+
import { ActionGroup, Button, LinkButton } from '../../primitives/actions/index.js';
|
|
3
|
+
import { ModalSheet } from '../../patterns/modal-sheet/index.js';
|
|
4
|
+
export const HOOKS = ['dialog', 'confirm-dialog-message'];
|
|
5
|
+
export const Dialog = (props) => (_jsx("div", { "data-ui": "dialog", children: _jsx(ModalSheet, { ...props, presentation: "dialog" }) }));
|
|
6
|
+
export const ConfirmDialog = (props) => (_jsx(Dialog, { ...props, body: _jsx("p", { "data-ui": "confirm-dialog-message", children: props.message }), actions: _jsx(ActionGroup, { label: props.title, actions: [
|
|
7
|
+
_jsx(LinkButton, { label: props.closeLabel, href: props.closeHref }),
|
|
8
|
+
_jsx(Button, { label: props.confirmLabel, variant: props.confirmVariant ?? 'destructive', type: "submit", name: props.confirmName ?? 'intent', value: props.confirmValue ?? 'confirm', form: props.confirmForm ?? null }),
|
|
9
|
+
] }) }));
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/interactions/dialog/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mCAAoC,CAAA;AAEpF,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAsC,CAAA;AAEjE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,wBAAwB,CAAU,CAAA;AAclE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAkB,EAAE,CAAC,CAC5D,yBAAa,QAAQ,YACnB,KAAC,UAAU,OAAK,KAAK,EAAE,YAAY,EAAC,QAAQ,GAAG,GAC3C,CACP,CAAA;AAWD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAkB,EAAE,CAAC,CAC1E,KAAC,MAAM,OACD,KAAK,EACT,IAAI,EAAE,uBAAW,wBAAwB,YAAE,KAAK,CAAC,OAAO,GAAK,EAC7D,OAAO,EACL,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE;YACP,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,GAAI;YAC9D,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,CAAC,YAAY,EACzB,OAAO,EAAE,KAAK,CAAC,cAAc,IAAI,aAAa,EAC9C,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,CAAC,WAAW,IAAI,QAAQ,EACnC,KAAK,EAAE,KAAK,CAAC,YAAY,IAAI,SAAS,EACtC,IAAI,EAAE,KAAK,CAAC,WAAW,IAAI,IAAI,GAC/B;SACH,GACD,GAEJ,CACH,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
|
|
2
|
+
export declare const HOOKS: readonly ['menu', 'menu-trigger', 'menu-panel', 'menu-item', 'menu-item-copy'];
|
|
3
|
+
export type MenuItem = {
|
|
4
|
+
id: string;
|
|
5
|
+
label: string;
|
|
6
|
+
href?: string;
|
|
7
|
+
name?: string;
|
|
8
|
+
value?: string;
|
|
9
|
+
form?: string;
|
|
10
|
+
leading?: JSXChild;
|
|
11
|
+
description?: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
destructive?: boolean;
|
|
14
|
+
};
|
|
15
|
+
export type MenuProps = {
|
|
16
|
+
id: string;
|
|
17
|
+
label: string;
|
|
18
|
+
items: readonly MenuItem[];
|
|
19
|
+
trigger?: JSXChild;
|
|
20
|
+
open?: boolean;
|
|
21
|
+
align?: 'start' | 'end';
|
|
22
|
+
};
|
|
23
|
+
export declare const Menu: (props: MenuProps) => TemplateResult;
|
|
24
|
+
export declare const ActionMenu: (props: Omit<MenuProps, 'trigger'> & {
|
|
25
|
+
triggerLabel?: string;
|
|
26
|
+
}) => TemplateResult;
|
|
27
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/interactions/menu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAAI,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,CAAU,CAAA;AAEnG,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,cAqDvC,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,cAM1F,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
|
|
2
|
+
import { each } from '@ketvietlab/ketjs-view';
|
|
3
|
+
export const HOOKS = ['menu', 'menu-trigger', 'menu-panel', 'menu-item', 'menu-item-copy'];
|
|
4
|
+
export const Menu = (props) => (_jsxs("details", { "data-ui": "menu", "data-align": props.align ?? 'start', open: props.open === true ? true : undefined, children: [_jsx("summary", { "data-ui": "menu-trigger", "aria-haspopup": "menu", "aria-controls": `${props.id}-panel`, children: props.trigger ?? props.label }), _jsx("div", { "data-ui": "menu-panel", id: `${props.id}-panel`, role: "menu", "aria-label": props.label, children: each(props.items, (item) => item.id, (item) => {
|
|
5
|
+
const content = (_jsxs(_Fragment, { children: [item.leading !== undefined && _jsx("span", { "aria-hidden": "true", children: item.leading }), _jsxs("span", { "data-ui": "menu-item-copy", children: [_jsx("span", { children: item.label }), item.description && _jsx("small", { children: item.description })] })] }));
|
|
6
|
+
if (item.disabled)
|
|
7
|
+
return (_jsx("span", { "data-ui": "menu-item", role: "menuitem", "aria-disabled": "true", tabIndex: "-1", children: content }));
|
|
8
|
+
if (item.href)
|
|
9
|
+
return (_jsx("a", { "data-ui": "menu-item", "data-destructive": item.destructive ? 'true' : null, role: "menuitem", href: item.href, children: content }));
|
|
10
|
+
return (_jsx("button", { "data-ui": "menu-item", "data-destructive": item.destructive ? 'true' : null, role: "menuitem", type: "submit", name: item.name ?? 'intent', value: item.value ?? item.id, form: item.form ?? null, children: content }));
|
|
11
|
+
}) })] }));
|
|
12
|
+
export const ActionMenu = (props) => (_jsx(Menu, { ...props, trigger: _jsxs("span", { children: [props.triggerLabel ?? props.label, " \u00B7\u00B7\u00B7"] }), align: props.align ?? 'end' }));
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/interactions/menu/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAG7C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,CAAU,CAAA;AAwBnG,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAkB,EAAE,CAAC,CACxD,8BAAiB,MAAM,gBAAa,KAAK,CAAC,KAAK,IAAI,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,aACtG,6BAAiB,cAAc,mBAAe,MAAM,mBAAgB,GAAG,KAAK,CAAC,EAAE,QAAQ,YACpF,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,GACrB,EACV,yBAAa,YAAY,EAAC,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,gBAAa,KAAK,CAAC,KAAK,YACnF,IAAI,CACH,KAAK,CAAC,KAAK,EACX,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EACjB,CAAC,IAAI,EAAE,EAAE;gBACP,MAAM,OAAO,GAAG,CACd,8BACG,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,8BAAkB,MAAM,YAAE,IAAI,CAAC,OAAO,GAAQ,EAC7E,2BAAc,gBAAgB,aAC5B,yBAAO,IAAI,CAAC,KAAK,GAAQ,EACxB,IAAI,CAAC,WAAW,IAAI,0BAAQ,IAAI,CAAC,WAAW,GAAS,IACjD,IACN,CACJ,CAAA;gBACD,IAAI,IAAI,CAAC,QAAQ;oBACf,OAAO,CACL,0BAAc,WAAW,EAAC,IAAI,EAAC,UAAU,mBAAe,MAAM,EAAC,QAAQ,EAAC,IAAI,YACzE,OAAO,GACH,CACR,CAAA;gBACH,IAAI,IAAI,CAAC,IAAI;oBACX,OAAO,CACL,uBACU,WAAW,sBACD,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAClD,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,YAEd,OAAO,GACN,CACL,CAAA;gBACH,OAAO,CACL,4BACU,WAAW,sBACD,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAClD,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,QAAQ,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,EAAE,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,YAEtB,OAAO,GACD,CACV,CAAA;YACH,CAAC,CACF,GACG,IACE,CACX,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAA6D,EAAkB,EAAE,CAAC,CAC3G,KAAC,IAAI,OACC,KAAK,EACT,OAAO,EAAE,2BAAO,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,KAAK,2BAAY,EAC7D,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,GAC3B,CACH,CAAA"}
|