@deepfuture/dui-components 0.0.1 → 0.0.4
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 +191 -0
- package/accordion/accordion-item.js +0 -2
- package/accordion/index.d.ts +5 -2
- package/accordion/index.js +5 -2
- package/alert-dialog/index.d.ts +9 -4
- package/alert-dialog/index.js +9 -4
- package/all.d.ts +60 -19
- package/all.js +140 -140
- package/avatar/index.d.ts +3 -1
- package/avatar/index.js +3 -1
- package/badge/badge.d.ts +0 -2
- package/badge/badge.js +0 -13
- package/badge/index.d.ts +3 -2
- package/badge/index.js +3 -1
- package/breadcrumb/index.d.ts +13 -6
- package/breadcrumb/index.js +13 -6
- package/button/button.d.ts +1 -5
- package/button/button.js +1 -14
- package/button/index.d.ts +3 -2
- package/button/index.js +3 -1
- package/calendar/index.d.ts +3 -1
- package/calendar/index.js +3 -1
- package/center/index.d.ts +3 -1
- package/center/index.js +3 -1
- package/checkbox/checkbox.js +0 -1
- package/checkbox/index.d.ts +5 -2
- package/checkbox/index.js +5 -2
- package/collapsible/collapsible.js +0 -2
- package/collapsible/index.d.ts +3 -1
- package/collapsible/index.js +3 -1
- package/combobox/combobox.js +2 -37
- package/combobox/index.d.ts +3 -1
- package/combobox/index.js +3 -1
- package/command/index.d.ts +17 -8
- package/command/index.js +17 -8
- package/data-table/data-table.js +0 -4
- package/data-table/index.d.ts +3 -1
- package/data-table/index.js +3 -1
- package/dialog/index.d.ts +9 -4
- package/dialog/index.js +9 -4
- package/dropzone/dropzone.js +0 -1
- package/dropzone/index.d.ts +3 -1
- package/dropzone/index.js +3 -1
- package/hstack/index.d.ts +3 -1
- package/hstack/index.js +3 -1
- package/icon/index.d.ts +3 -1
- package/icon/index.js +3 -1
- package/input/index.d.ts +3 -1
- package/input/index.js +3 -1
- package/input/input.js +0 -1
- package/link/index.d.ts +3 -1
- package/link/index.js +3 -1
- package/menu/index.d.ts +5 -2
- package/menu/index.js +5 -2
- package/menu/menu-item.d.ts +0 -2
- package/menu/menu-item.js +0 -8
- package/menu/menu.js +1 -12
- package/menubar/index.d.ts +3 -1
- package/menubar/index.js +3 -1
- package/number-field/index.d.ts +3 -1
- package/number-field/index.js +3 -1
- package/package.json +5 -4
- package/page-inset/index.d.ts +3 -1
- package/page-inset/index.js +3 -1
- package/popover/index.d.ts +9 -4
- package/popover/index.js +9 -4
- package/popover/popover-popup.js +1 -22
- package/portal/index.d.ts +3 -1
- package/portal/index.js +3 -1
- package/preview-card/index.d.ts +7 -3
- package/preview-card/index.js +7 -3
- package/preview-card/preview-card-popup.js +1 -23
- package/progress/index.d.ts +3 -1
- package/progress/index.js +3 -1
- package/radio/index.d.ts +5 -2
- package/radio/index.js +5 -2
- package/radio/radio.js +0 -1
- package/scroll-area/index.d.ts +3 -1
- package/scroll-area/index.js +3 -1
- package/scroll-area/scroll-area.js +7 -0
- package/select/index.d.ts +3 -1
- package/select/index.js +3 -1
- package/select/select.js +1 -35
- package/separator/index.d.ts +3 -1
- package/separator/index.js +3 -1
- package/sidebar/index.d.ts +27 -14
- package/sidebar/index.js +32 -13
- package/sidebar/sidebar-context.d.ts +1 -1
- package/sidebar/sidebar-menu-button.d.ts +0 -3
- package/sidebar/sidebar-menu-button.js +0 -7
- package/sidebar/sidebar-provider.d.ts +1 -1
- package/sidebar/sidebar-provider.js +1 -1
- package/sidebar/sidebar-trigger.js +1 -1
- package/slider/index.d.ts +3 -1
- package/slider/index.js +3 -1
- package/slider/slider.js +0 -1
- package/spinner/index.d.ts +3 -1
- package/spinner/index.js +3 -1
- package/spinner/spinner.d.ts +1 -6
- package/spinner/spinner.js +1 -8
- package/switch/index.d.ts +3 -1
- package/switch/index.js +3 -1
- package/switch/switch.js +0 -2
- package/tabs/index.d.ts +11 -5
- package/tabs/index.js +11 -5
- package/tabs/tab.js +0 -1
- package/tabs/tabs-panel.js +0 -1
- package/textarea/index.d.ts +4 -2
- package/textarea/index.js +3 -1
- package/textarea/textarea.d.ts +0 -3
- package/textarea/textarea.js +0 -8
- package/toggle/index.d.ts +5 -2
- package/toggle/index.js +5 -2
- package/toggle/toggle.d.ts +1 -0
- package/toggle/toggle.js +3 -0
- package/toolbar/index.d.ts +3 -1
- package/toolbar/index.js +3 -1
- package/toolbar/toolbar.d.ts +0 -2
- package/toolbar/toolbar.js +0 -7
- package/tooltip/index.d.ts +7 -3
- package/tooltip/index.js +7 -3
- package/tooltip/tooltip-popup.js +1 -26
- package/trunc/index.d.ts +3 -1
- package/trunc/index.js +3 -1
- package/vstack/index.d.ts +3 -1
- package/vstack/index.js +3 -1
- package/accordion/register.d.ts +0 -1
- package/accordion/register.js +0 -8
- package/alert-dialog/register.d.ts +0 -1
- package/alert-dialog/register.js +0 -16
- package/avatar/register.d.ts +0 -1
- package/avatar/register.js +0 -4
- package/badge/register.d.ts +0 -1
- package/badge/register.js +0 -4
- package/breadcrumb/register.d.ts +0 -1
- package/breadcrumb/register.js +0 -14
- package/button/register.d.ts +0 -1
- package/button/register.js +0 -4
- package/calendar/register.d.ts +0 -1
- package/calendar/register.js +0 -4
- package/center/register.d.ts +0 -1
- package/center/register.js +0 -4
- package/checkbox/register.d.ts +0 -1
- package/checkbox/register.js +0 -8
- package/collapsible/register.d.ts +0 -1
- package/collapsible/register.js +0 -4
- package/combobox/register.d.ts +0 -1
- package/combobox/register.js +0 -4
- package/command/register.d.ts +0 -1
- package/command/register.js +0 -22
- package/data-table/register.d.ts +0 -1
- package/data-table/register.js +0 -4
- package/dialog/register.d.ts +0 -1
- package/dialog/register.js +0 -16
- package/dropzone/register.d.ts +0 -1
- package/dropzone/register.js +0 -4
- package/hstack/register.d.ts +0 -1
- package/hstack/register.js +0 -4
- package/icon/register.d.ts +0 -1
- package/icon/register.js +0 -4
- package/input/register.d.ts +0 -1
- package/input/register.js +0 -4
- package/link/register.d.ts +0 -1
- package/link/register.js +0 -4
- package/menu/register.d.ts +0 -1
- package/menu/register.js +0 -8
- package/menubar/register.d.ts +0 -1
- package/menubar/register.js +0 -4
- package/number-field/register.d.ts +0 -1
- package/number-field/register.js +0 -4
- package/page-inset/register.d.ts +0 -1
- package/page-inset/register.js +0 -4
- package/popover/register.d.ts +0 -1
- package/popover/register.js +0 -16
- package/portal/register.d.ts +0 -1
- package/portal/register.js +0 -4
- package/preview-card/register.d.ts +0 -1
- package/preview-card/register.js +0 -12
- package/progress/register.d.ts +0 -1
- package/progress/register.js +0 -4
- package/radio/register.d.ts +0 -1
- package/radio/register.js +0 -8
- package/scroll-area/register.d.ts +0 -1
- package/scroll-area/register.js +0 -4
- package/select/register.d.ts +0 -1
- package/select/register.js +0 -4
- package/separator/register.d.ts +0 -1
- package/separator/register.js +0 -4
- package/sidebar/register.d.ts +0 -1
- package/sidebar/register.js +0 -52
- package/slider/register.d.ts +0 -1
- package/slider/register.js +0 -4
- package/spinner/register.d.ts +0 -1
- package/spinner/register.js +0 -4
- package/switch/register.d.ts +0 -1
- package/switch/register.js +0 -4
- package/tabs/register.d.ts +0 -1
- package/tabs/register.js +0 -10
- package/textarea/register.d.ts +0 -1
- package/textarea/register.js +0 -4
- package/toggle/register.d.ts +0 -1
- package/toggle/register.js +0 -8
- package/toolbar/register.d.ts +0 -1
- package/toolbar/register.js +0 -4
- package/tooltip/register.d.ts +0 -1
- package/tooltip/register.js +0 -12
- package/trunc/register.d.ts +0 -1
- package/trunc/register.js +0 -4
- package/vstack/register.d.ts +0 -1
- package/vstack/register.js +0 -4
package/combobox/combobox.js
CHANGED
|
@@ -87,26 +87,19 @@ const componentStyles = css `
|
|
|
87
87
|
flex-shrink: 0;
|
|
88
88
|
}
|
|
89
89
|
`;
|
|
90
|
-
/**
|
|
90
|
+
/** Structural styles injected into the portal positioner. */
|
|
91
91
|
const portalPopupStyles = [
|
|
92
92
|
css `
|
|
93
93
|
.Popup {
|
|
94
|
-
background: var(--popover);
|
|
95
|
-
border: var(--border-width-thin) solid var(--border);
|
|
96
|
-
border-radius: var(--radius-md);
|
|
97
|
-
box-shadow: var(--shadow-md);
|
|
98
94
|
opacity: 1;
|
|
99
|
-
transition-property: opacity, transform;
|
|
100
|
-
transition-duration: var(--duration-fast);
|
|
101
|
-
transition-timing-function: var(--ease-out-3);
|
|
102
95
|
transform: translateY(0);
|
|
96
|
+
transition-property: opacity, transform;
|
|
103
97
|
pointer-events: auto;
|
|
104
98
|
}
|
|
105
99
|
|
|
106
100
|
.Popup[data-starting-style],
|
|
107
101
|
.Popup[data-ending-style] {
|
|
108
102
|
opacity: 0;
|
|
109
|
-
transform: translateY(calc(var(--space-1) * -1));
|
|
110
103
|
}
|
|
111
104
|
|
|
112
105
|
dui-scroll-area {
|
|
@@ -114,32 +107,13 @@ const portalPopupStyles = [
|
|
|
114
107
|
height: auto;
|
|
115
108
|
}
|
|
116
109
|
|
|
117
|
-
.List {
|
|
118
|
-
padding: var(--space-1);
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
/* ---- Items ---- */
|
|
122
|
-
|
|
123
110
|
.Item {
|
|
124
111
|
display: flex;
|
|
125
112
|
align-items: center;
|
|
126
|
-
gap: var(--space-2);
|
|
127
|
-
padding: var(--space-2) var(--space-2) var(--space-2) var(--space-3);
|
|
128
|
-
border-radius: var(--radius-sm);
|
|
129
|
-
font-size: var(--font-size-sm);
|
|
130
|
-
font-family: var(--font-sans);
|
|
131
|
-
color: var(--popover-foreground);
|
|
132
113
|
cursor: pointer;
|
|
133
114
|
}
|
|
134
115
|
|
|
135
|
-
.Item:hover,
|
|
136
|
-
.Item[data-highlighted] {
|
|
137
|
-
background: var(--secondary);
|
|
138
|
-
color: var(--foreground);
|
|
139
|
-
}
|
|
140
|
-
|
|
141
116
|
.ItemIndicator {
|
|
142
|
-
--icon-size: var(--space-3_5);
|
|
143
117
|
flex-shrink: 0;
|
|
144
118
|
display: flex;
|
|
145
119
|
align-items: center;
|
|
@@ -152,15 +126,6 @@ const portalPopupStyles = [
|
|
|
152
126
|
text-overflow: ellipsis;
|
|
153
127
|
white-space: nowrap;
|
|
154
128
|
}
|
|
155
|
-
|
|
156
|
-
/* ---- Empty ---- */
|
|
157
|
-
|
|
158
|
-
.Empty {
|
|
159
|
-
padding: var(--space-3) var(--space-3);
|
|
160
|
-
font-size: var(--font-size-sm);
|
|
161
|
-
color: var(--muted-foreground);
|
|
162
|
-
text-align: center;
|
|
163
|
-
}
|
|
164
129
|
`,
|
|
165
130
|
];
|
|
166
131
|
/**
|
package/combobox/index.d.ts
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { DuiCombobox, valueChangeEvent, valuesChangeEvent } from "./combobox.js";
|
|
2
|
+
export { DuiCombobox, valueChangeEvent, valuesChangeEvent, };
|
|
3
|
+
export declare const comboboxFamily: (typeof DuiCombobox)[];
|
|
2
4
|
export type { SelectOption, ComboboxValueChangeDetail, ComboboxValuesChangeDetail, } from "./combobox.js";
|
package/combobox/index.js
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import { DuiCombobox, valueChangeEvent, valuesChangeEvent, } from "./combobox.js";
|
|
2
|
+
export { DuiCombobox, valueChangeEvent, valuesChangeEvent, };
|
|
3
|
+
export const comboboxFamily = [DuiCombobox];
|
package/command/index.d.ts
CHANGED
|
@@ -1,10 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
export {
|
|
3
|
-
|
|
4
|
-
export {
|
|
5
|
-
|
|
6
|
-
export {
|
|
7
|
-
|
|
8
|
-
export {
|
|
1
|
+
import { DuiCommand } from "./command.js";
|
|
2
|
+
export { DuiCommand };
|
|
3
|
+
import { DuiCommandInput } from "./command-input.js";
|
|
4
|
+
export { DuiCommandInput };
|
|
5
|
+
import { DuiCommandList } from "./command-list.js";
|
|
6
|
+
export { DuiCommandList };
|
|
7
|
+
import { DuiCommandGroup } from "./command-group.js";
|
|
8
|
+
export { DuiCommandGroup };
|
|
9
|
+
import { DuiCommandItem } from "./command-item.js";
|
|
10
|
+
export { DuiCommandItem };
|
|
11
|
+
import { DuiCommandEmpty } from "./command-empty.js";
|
|
12
|
+
export { DuiCommandEmpty };
|
|
13
|
+
import { DuiCommandSeparator } from "./command-separator.js";
|
|
14
|
+
export { DuiCommandSeparator };
|
|
15
|
+
import { DuiCommandShortcut } from "./command-shortcut.js";
|
|
16
|
+
export { DuiCommandShortcut };
|
|
9
17
|
export type { CommandContext, CommandItemEntry } from "./command-context.js";
|
|
10
18
|
export { commandScore } from "./command-score.js";
|
|
19
|
+
export declare const commandFamily: (typeof DuiCommand | typeof DuiCommandInput | typeof DuiCommandList | typeof DuiCommandGroup | typeof DuiCommandItem | typeof DuiCommandEmpty | typeof DuiCommandSeparator | typeof DuiCommandShortcut)[];
|
package/command/index.js
CHANGED
|
@@ -1,9 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
export {
|
|
3
|
-
|
|
4
|
-
export {
|
|
5
|
-
|
|
6
|
-
export {
|
|
7
|
-
|
|
8
|
-
export {
|
|
1
|
+
import { DuiCommand } from "./command.js";
|
|
2
|
+
export { DuiCommand };
|
|
3
|
+
import { DuiCommandInput } from "./command-input.js";
|
|
4
|
+
export { DuiCommandInput };
|
|
5
|
+
import { DuiCommandList } from "./command-list.js";
|
|
6
|
+
export { DuiCommandList };
|
|
7
|
+
import { DuiCommandGroup } from "./command-group.js";
|
|
8
|
+
export { DuiCommandGroup };
|
|
9
|
+
import { DuiCommandItem } from "./command-item.js";
|
|
10
|
+
export { DuiCommandItem };
|
|
11
|
+
import { DuiCommandEmpty } from "./command-empty.js";
|
|
12
|
+
export { DuiCommandEmpty };
|
|
13
|
+
import { DuiCommandSeparator } from "./command-separator.js";
|
|
14
|
+
export { DuiCommandSeparator };
|
|
15
|
+
import { DuiCommandShortcut } from "./command-shortcut.js";
|
|
16
|
+
export { DuiCommandShortcut };
|
|
9
17
|
export { commandScore } from "./command-score.js";
|
|
18
|
+
export const commandFamily = [DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut];
|
package/data-table/data-table.js
CHANGED
package/data-table/index.d.ts
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { DuiDataTable } from "./data-table.js";
|
|
2
|
+
export { DuiDataTable };
|
|
2
3
|
export type { ColumnDef, SortDirection, SortState, PageState } from "./data-table.js";
|
|
4
|
+
export declare const dataTableFamily: (typeof DuiDataTable)[];
|
package/data-table/index.js
CHANGED
package/dialog/index.d.ts
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
import { DuiDialog, openChangeEvent } from "./dialog.js";
|
|
2
|
+
export { DuiDialog, openChangeEvent };
|
|
2
3
|
export type { DialogOpenChangeDetail } from "./dialog.js";
|
|
3
|
-
|
|
4
|
-
export {
|
|
5
|
-
|
|
4
|
+
import { DuiDialogTrigger } from "./dialog-trigger.js";
|
|
5
|
+
export { DuiDialogTrigger };
|
|
6
|
+
import { DuiDialogPopup } from "./dialog-popup.js";
|
|
7
|
+
export { DuiDialogPopup };
|
|
8
|
+
import { DuiDialogClose } from "./dialog-close.js";
|
|
9
|
+
export { DuiDialogClose };
|
|
6
10
|
export type { DialogContext } from "./dialog-context.js";
|
|
11
|
+
export declare const dialogFamily: (typeof DuiDialog | typeof DuiDialogTrigger | typeof DuiDialogPopup | typeof DuiDialogClose)[];
|
package/dialog/index.js
CHANGED
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
export {
|
|
3
|
-
|
|
4
|
-
export {
|
|
1
|
+
import { DuiDialog, openChangeEvent } from "./dialog.js";
|
|
2
|
+
export { DuiDialog, openChangeEvent };
|
|
3
|
+
import { DuiDialogTrigger } from "./dialog-trigger.js";
|
|
4
|
+
export { DuiDialogTrigger };
|
|
5
|
+
import { DuiDialogPopup } from "./dialog-popup.js";
|
|
6
|
+
export { DuiDialogPopup };
|
|
7
|
+
import { DuiDialogClose } from "./dialog-close.js";
|
|
8
|
+
export { DuiDialogClose };
|
|
9
|
+
export const dialogFamily = [DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose];
|
package/dropzone/dropzone.js
CHANGED
package/dropzone/index.d.ts
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent } from "./dropzone.js";
|
|
2
|
+
export { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent };
|
|
2
3
|
export type { DropzoneErrorCode, DropzoneRejectionCode, FileRejectionError, RejectedFile, DropzoneDropDetail, DropzoneAcceptedDetail, DropzoneRejectedDetail, DropzoneErrorDetail, } from "./dropzone.js";
|
|
4
|
+
export declare const dropzoneFamily: (typeof DuiDropzone)[];
|
package/dropzone/index.js
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent } from "./dropzone.js";
|
|
2
|
+
export { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent };
|
|
3
|
+
export const dropzoneFamily = [DuiDropzone];
|
package/hstack/index.d.ts
CHANGED
package/hstack/index.js
CHANGED
package/icon/index.d.ts
CHANGED
package/icon/index.js
CHANGED
package/input/index.d.ts
CHANGED
package/input/index.js
CHANGED
package/input/input.js
CHANGED
package/link/index.d.ts
CHANGED
package/link/index.js
CHANGED
package/menu/index.d.ts
CHANGED
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
export {
|
|
1
|
+
import { DuiMenu } from "./menu.js";
|
|
2
|
+
export { DuiMenu };
|
|
3
|
+
import { DuiMenuItem } from "./menu-item.js";
|
|
4
|
+
export { DuiMenuItem };
|
|
5
|
+
export declare const menuFamily: (typeof DuiMenuItem | typeof DuiMenu)[];
|
package/menu/index.js
CHANGED
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
export {
|
|
1
|
+
import { DuiMenu } from "./menu.js";
|
|
2
|
+
export { DuiMenu };
|
|
3
|
+
import { DuiMenuItem } from "./menu-item.js";
|
|
4
|
+
export { DuiMenuItem };
|
|
5
|
+
export const menuFamily = [DuiMenu, DuiMenuItem];
|
package/menu/menu-item.d.ts
CHANGED
|
@@ -8,8 +8,6 @@ import { LitElement, type TemplateResult } from "lit";
|
|
|
8
8
|
export declare class DuiMenuItem extends LitElement {
|
|
9
9
|
static tagName: "dui-menu-item";
|
|
10
10
|
static styles: import("lit").CSSResult[];
|
|
11
|
-
/** Visual variant. */
|
|
12
|
-
accessor variant: "default" | "danger";
|
|
13
11
|
/** Whether the item is disabled. */
|
|
14
12
|
accessor disabled: boolean;
|
|
15
13
|
connectedCallback(): void;
|
package/menu/menu-item.js
CHANGED
|
@@ -21,7 +21,6 @@ const componentStyles = css `
|
|
|
21
21
|
.Item {
|
|
22
22
|
display: flex;
|
|
23
23
|
align-items: center;
|
|
24
|
-
gap: var(--space-2);
|
|
25
24
|
cursor: pointer;
|
|
26
25
|
}
|
|
27
26
|
`;
|
|
@@ -33,10 +32,6 @@ const componentStyles = css `
|
|
|
33
32
|
export class DuiMenuItem extends LitElement {
|
|
34
33
|
static { this.tagName = "dui-menu-item"; }
|
|
35
34
|
static { this.styles = [base, hostStyles, componentStyles]; }
|
|
36
|
-
#variant_accessor_storage = "default";
|
|
37
|
-
/** Visual variant. */
|
|
38
|
-
get variant() { return this.#variant_accessor_storage; }
|
|
39
|
-
set variant(value) { this.#variant_accessor_storage = value; }
|
|
40
35
|
#disabled_accessor_storage = false;
|
|
41
36
|
/** Whether the item is disabled. */
|
|
42
37
|
get disabled() { return this.#disabled_accessor_storage; }
|
|
@@ -54,9 +49,6 @@ export class DuiMenuItem extends LitElement {
|
|
|
54
49
|
`;
|
|
55
50
|
}
|
|
56
51
|
}
|
|
57
|
-
__decorate([
|
|
58
|
-
property({ type: String, reflect: true })
|
|
59
|
-
], DuiMenuItem.prototype, "variant", null);
|
|
60
52
|
__decorate([
|
|
61
53
|
property({ type: Boolean, reflect: true })
|
|
62
54
|
], DuiMenuItem.prototype, "disabled", null);
|
package/menu/menu.js
CHANGED
|
@@ -14,33 +14,22 @@ const componentStyles = css `
|
|
|
14
14
|
cursor: pointer;
|
|
15
15
|
}
|
|
16
16
|
`;
|
|
17
|
-
/**
|
|
17
|
+
/** Structural styles injected into the portal positioner. */
|
|
18
18
|
const portalPopupStyles = [
|
|
19
19
|
css `
|
|
20
20
|
.Popup {
|
|
21
|
-
background: var(--popover);
|
|
22
|
-
border: var(--border-width-thin) solid var(--border);
|
|
23
|
-
border-radius: var(--radius-md);
|
|
24
|
-
box-shadow: var(--shadow-md);
|
|
25
21
|
max-height: 240px;
|
|
26
22
|
overflow-y: auto;
|
|
27
23
|
overscroll-behavior: contain;
|
|
28
24
|
opacity: 1;
|
|
29
25
|
transform: translateY(0);
|
|
30
26
|
transition-property: opacity, transform;
|
|
31
|
-
transition-duration: var(--duration-fast);
|
|
32
|
-
transition-timing-function: var(--ease-out-3);
|
|
33
27
|
pointer-events: auto;
|
|
34
28
|
}
|
|
35
29
|
|
|
36
30
|
.Popup[data-starting-style],
|
|
37
31
|
.Popup[data-ending-style] {
|
|
38
32
|
opacity: 0;
|
|
39
|
-
transform: translateY(calc(var(--space-1) * -1));
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.Menu {
|
|
43
|
-
padding: var(--space-1);
|
|
44
33
|
}
|
|
45
34
|
`,
|
|
46
35
|
];
|
package/menubar/index.d.ts
CHANGED
package/menubar/index.js
CHANGED
package/number-field/index.d.ts
CHANGED
package/number-field/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deepfuture/dui-components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"description": "DUI unstyled web components — structural CSS only, themed via applyTheme()",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|
|
9
|
-
"url": "https://github.com/
|
|
9
|
+
"url": "https://github.com/deepfuturenow/dui.git",
|
|
10
10
|
"directory": "packages/components"
|
|
11
11
|
},
|
|
12
12
|
"exports": {
|
|
@@ -190,10 +190,11 @@
|
|
|
190
190
|
"files": [
|
|
191
191
|
"**/*.js",
|
|
192
192
|
"**/*.d.ts",
|
|
193
|
-
"**/*.css"
|
|
193
|
+
"**/*.css",
|
|
194
|
+
"README.md"
|
|
194
195
|
],
|
|
195
196
|
"dependencies": {
|
|
196
|
-
"@deepfuture/dui-core": "0.0.
|
|
197
|
+
"@deepfuture/dui-core": "0.0.4",
|
|
197
198
|
"lit": "^3.3.2",
|
|
198
199
|
"@lit/context": "^1.1.3"
|
|
199
200
|
},
|
package/page-inset/index.d.ts
CHANGED
package/page-inset/index.js
CHANGED
package/popover/index.d.ts
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
import { DuiPopover, openChangeEvent } from "./popover.js";
|
|
2
|
+
export { DuiPopover, openChangeEvent };
|
|
2
3
|
export type { PopoverOpenChangeDetail } from "./popover.js";
|
|
3
|
-
|
|
4
|
-
export {
|
|
5
|
-
|
|
4
|
+
import { DuiPopoverTrigger } from "./popover-trigger.js";
|
|
5
|
+
export { DuiPopoverTrigger };
|
|
6
|
+
import { DuiPopoverPopup } from "./popover-popup.js";
|
|
7
|
+
export { DuiPopoverPopup };
|
|
8
|
+
import { DuiPopoverClose } from "./popover-close.js";
|
|
9
|
+
export { DuiPopoverClose };
|
|
6
10
|
export type { PopoverContext, PopoverSide } from "./popover-context.js";
|
|
11
|
+
export declare const popoverFamily: (typeof DuiPopover | typeof DuiPopoverTrigger | typeof DuiPopoverPopup | typeof DuiPopoverClose)[];
|
package/popover/index.js
CHANGED
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
export {
|
|
3
|
-
|
|
4
|
-
export {
|
|
1
|
+
import { DuiPopover, openChangeEvent } from "./popover.js";
|
|
2
|
+
export { DuiPopover, openChangeEvent };
|
|
3
|
+
import { DuiPopoverTrigger } from "./popover-trigger.js";
|
|
4
|
+
export { DuiPopoverTrigger };
|
|
5
|
+
import { DuiPopoverPopup } from "./popover-popup.js";
|
|
6
|
+
export { DuiPopoverPopup };
|
|
7
|
+
import { DuiPopoverClose } from "./popover-close.js";
|
|
8
|
+
export { DuiPopoverClose };
|
|
9
|
+
export const popoverFamily = [DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose];
|
package/popover/popover-popup.js
CHANGED
|
@@ -17,27 +17,16 @@ const hostStyles = css `
|
|
|
17
17
|
display: none;
|
|
18
18
|
}
|
|
19
19
|
`;
|
|
20
|
-
/**
|
|
20
|
+
/** Structural styles injected into the portal positioner. */
|
|
21
21
|
const portalPopupStyles = [
|
|
22
22
|
css `
|
|
23
23
|
.Popup {
|
|
24
24
|
box-sizing: border-box;
|
|
25
|
-
padding: var(--space-1);
|
|
26
|
-
border-radius: var(--radius-md);
|
|
27
|
-
background: var(--popover);
|
|
28
|
-
color: var(--popover-foreground);
|
|
29
|
-
font-family: var(--font-sans);
|
|
30
|
-
font-size: var(--font-size-sm);
|
|
31
|
-
line-height: var(--line-height-normal);
|
|
32
|
-
box-shadow: var(--shadow-md);
|
|
33
|
-
border: var(--border-width-thin) solid var(--border);
|
|
34
25
|
pointer-events: auto;
|
|
35
26
|
transform-origin: var(--transform-origin, center);
|
|
36
27
|
opacity: 1;
|
|
37
28
|
transform: scale(1);
|
|
38
29
|
transition-property: opacity, transform;
|
|
39
|
-
transition-duration: var(--duration-fast);
|
|
40
|
-
transition-timing-function: var(--ease-out-3);
|
|
41
30
|
}
|
|
42
31
|
|
|
43
32
|
.Popup[data-starting-style],
|
|
@@ -71,16 +60,6 @@ const portalPopupStyles = [
|
|
|
71
60
|
left: 50%;
|
|
72
61
|
transform: translateX(-50%) rotate(180deg);
|
|
73
62
|
}
|
|
74
|
-
|
|
75
|
-
.Arrow .arrow-fill {
|
|
76
|
-
fill: var(--popover);
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.Arrow .arrow-stroke {
|
|
80
|
-
fill: none;
|
|
81
|
-
stroke: var(--border);
|
|
82
|
-
stroke-width: 1px;
|
|
83
|
-
}
|
|
84
63
|
`,
|
|
85
64
|
];
|
|
86
65
|
/**
|
package/portal/index.d.ts
CHANGED
package/portal/index.js
CHANGED
package/preview-card/index.d.ts
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
import { DuiPreviewCard, openChangeEvent } from "./preview-card.js";
|
|
2
|
+
export { DuiPreviewCard, openChangeEvent };
|
|
2
3
|
export type { PreviewCardOpenChangeDetail } from "./preview-card.js";
|
|
3
|
-
|
|
4
|
-
export {
|
|
4
|
+
import { DuiPreviewCardTrigger } from "./preview-card-trigger.js";
|
|
5
|
+
export { DuiPreviewCardTrigger };
|
|
6
|
+
import { DuiPreviewCardPopup } from "./preview-card-popup.js";
|
|
7
|
+
export { DuiPreviewCardPopup };
|
|
5
8
|
export type { PreviewCardContext, PreviewCardSide } from "./preview-card-context.js";
|
|
9
|
+
export declare const previewCardFamily: (typeof DuiPreviewCard | typeof DuiPreviewCardTrigger | typeof DuiPreviewCardPopup)[];
|
package/preview-card/index.js
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
export {
|
|
3
|
-
|
|
1
|
+
import { DuiPreviewCard, openChangeEvent } from "./preview-card.js";
|
|
2
|
+
export { DuiPreviewCard, openChangeEvent };
|
|
3
|
+
import { DuiPreviewCardTrigger } from "./preview-card-trigger.js";
|
|
4
|
+
export { DuiPreviewCardTrigger };
|
|
5
|
+
import { DuiPreviewCardPopup } from "./preview-card-popup.js";
|
|
6
|
+
export { DuiPreviewCardPopup };
|
|
7
|
+
export const previewCardFamily = [DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup];
|
|
@@ -17,28 +17,16 @@ const hostStyles = css `
|
|
|
17
17
|
display: none;
|
|
18
18
|
}
|
|
19
19
|
`;
|
|
20
|
-
/**
|
|
20
|
+
/** Structural styles injected into the portal positioner. */
|
|
21
21
|
const portalPopupStyles = [
|
|
22
22
|
css `
|
|
23
23
|
.Popup {
|
|
24
24
|
box-sizing: border-box;
|
|
25
|
-
padding: var(--space-4);
|
|
26
|
-
border-radius: var(--radius-md);
|
|
27
|
-
background: var(--popover);
|
|
28
|
-
color: var(--popover-foreground);
|
|
29
|
-
font-family: var(--font-sans);
|
|
30
|
-
font-size: var(--font-size-sm);
|
|
31
|
-
line-height: var(--line-height-normal);
|
|
32
|
-
box-shadow: var(--shadow-lg);
|
|
33
|
-
border: var(--border-width-thin) solid var(--border);
|
|
34
|
-
max-width: var(--max-width, var(--space-80));
|
|
35
25
|
pointer-events: auto;
|
|
36
26
|
transform-origin: var(--transform-origin, center);
|
|
37
27
|
opacity: 1;
|
|
38
28
|
transform: scale(1);
|
|
39
29
|
transition-property: opacity, transform;
|
|
40
|
-
transition-duration: var(--duration-fast);
|
|
41
|
-
transition-timing-function: var(--ease-out-3);
|
|
42
30
|
}
|
|
43
31
|
|
|
44
32
|
.Popup[data-starting-style],
|
|
@@ -72,16 +60,6 @@ const portalPopupStyles = [
|
|
|
72
60
|
left: 50%;
|
|
73
61
|
transform: translateX(-50%) rotate(180deg);
|
|
74
62
|
}
|
|
75
|
-
|
|
76
|
-
.Arrow .arrow-fill {
|
|
77
|
-
fill: var(--popover);
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.Arrow .arrow-stroke {
|
|
81
|
-
fill: none;
|
|
82
|
-
stroke: var(--border);
|
|
83
|
-
stroke-width: 1px;
|
|
84
|
-
}
|
|
85
63
|
`,
|
|
86
64
|
];
|
|
87
65
|
/**
|
package/progress/index.d.ts
CHANGED
package/progress/index.js
CHANGED
package/radio/index.d.ts
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
export {
|
|
1
|
+
import { DuiRadio } from "./radio.js";
|
|
2
|
+
export { DuiRadio };
|
|
3
|
+
import { DuiRadioGroup, valueChangeEvent } from "./radio-group.js";
|
|
4
|
+
export { DuiRadioGroup, valueChangeEvent };
|
|
3
5
|
export type { RadioGroupContext } from "./radio-group-context.js";
|
|
6
|
+
export declare const radioFamily: (typeof DuiRadio | typeof DuiRadioGroup)[];
|