@deepfuture/dui-components 1.0.0 → 1.0.1
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 +2 -2
- package/accordion/accordion-item.js +0 -1
- package/badge/badge.js +0 -1
- package/button/button.js +0 -1
- package/collapsible/collapsible.js +0 -1
- package/command/command-group.js +0 -1
- package/command/command-item.js +0 -1
- package/data-table/data-table.js +0 -1
- package/menu/menu-item.js +0 -1
- package/package.json +2 -3
- package/sidebar/sidebar-group-label.js +0 -1
- package/sidebar/sidebar-menu-button.js +0 -1
- package/split-button/split-button.js +0 -1
- package/tabs/tab.js +0 -1
- package/toggle/toggle.js +0 -1
- package/tooltip/tooltip-popup.js +0 -1
package/README.md
CHANGED
|
@@ -173,7 +173,7 @@ Templates self-register on import, just like components.
|
|
|
173
173
|
|
|
174
174
|
| Package | Purpose |
|
|
175
175
|
|---------|---------|
|
|
176
|
-
|
|
|
176
|
+
| `@deepfuture/dui-primitives/core` | Base reset, event factory, floating UI utilities (part of dui-primitives) |
|
|
177
177
|
| [`@deepfuture/dui-primitives`](https://www.npmjs.com/package/@deepfuture/dui-primitives) | Unstyled accessible component classes |
|
|
178
178
|
|
|
179
179
|
## Dev Tools
|
|
@@ -203,7 +203,7 @@ A runtime inspector and mutation API for DUI components ([separate package](http
|
|
|
203
203
|
|
|
204
204
|
DUI itself is an example of extending [dui-primitives](https://github.com/deepfuturenow/dui-primitives). You can build your own styled component library the same way:
|
|
205
205
|
|
|
206
|
-
1. Install `@deepfuture/dui-
|
|
206
|
+
1. Install `@deepfuture/dui-primitives`
|
|
207
207
|
2. Extend primitives with your own aesthetic CSS
|
|
208
208
|
3. Call `customElements.define()` to self-register
|
|
209
209
|
|
|
@@ -21,7 +21,6 @@ const styles = css `
|
|
|
21
21
|
font-family: var(--font-sans);
|
|
22
22
|
font-weight: var(--font-weight-semibold);
|
|
23
23
|
font-size: var(--text-sm); line-height: var(--text-sm--line-height);
|
|
24
|
-
text-box: trim-both cap alphabetic;
|
|
25
24
|
height: var(--component-height-md);
|
|
26
25
|
border-radius: var(--radius-sm);
|
|
27
26
|
transition-property: background, box-shadow, filter, transform;
|
package/badge/badge.js
CHANGED
|
@@ -85,7 +85,6 @@ const styles = css `
|
|
|
85
85
|
font-family: var(--font-sans);
|
|
86
86
|
font-size: var(--text-xs); letter-spacing: var(--letter-spacing-normal); line-height: var(--line-height-snug);
|
|
87
87
|
font-weight: var(--font-weight-medium);
|
|
88
|
-
text-box: trim-both cap alphabetic;
|
|
89
88
|
white-space: nowrap;
|
|
90
89
|
border: var(--border-width-thin) solid var(--badge-border);
|
|
91
90
|
}
|
package/button/button.js
CHANGED
|
@@ -139,7 +139,6 @@ const styles = css `
|
|
|
139
139
|
font-size: var(--button-font-size);
|
|
140
140
|
letter-spacing: var(--letter-spacing-tight);
|
|
141
141
|
line-height: var(--line-height-snug);
|
|
142
|
-
text-box: trim-both cap alphabetic;
|
|
143
142
|
white-space: nowrap;
|
|
144
143
|
transition-property: background, box-shadow, filter, transform, border-color, text-decoration-color;
|
|
145
144
|
transition-duration: var(--duration-fast);
|
|
@@ -12,7 +12,6 @@ const styles = css `
|
|
|
12
12
|
font-family: var(--font-sans);
|
|
13
13
|
font-weight: var(--font-weight-semibold);
|
|
14
14
|
font-size: var(--text-sm); line-height: var(--text-sm--line-height);
|
|
15
|
-
text-box: trim-both cap alphabetic;
|
|
16
15
|
height: var(--component-height-md);
|
|
17
16
|
border-radius: var(--radius-sm);
|
|
18
17
|
transition-property: background, box-shadow, filter, transform;
|
package/command/command-group.js
CHANGED
package/command/command-item.js
CHANGED
package/data-table/data-table.js
CHANGED
|
@@ -24,7 +24,6 @@ const styles = css `
|
|
|
24
24
|
padding: 0 var(--space-3);
|
|
25
25
|
font-weight: var(--font-weight-medium);
|
|
26
26
|
font-size: var(--text-xs); line-height: var(--text-xs--line-height);
|
|
27
|
-
text-box: trim-both cap alphabetic;
|
|
28
27
|
color: var(--text-2);
|
|
29
28
|
background: var(--surface-1);
|
|
30
29
|
border-bottom: var(--border-width-thin) solid var(--border);
|
package/menu/menu-item.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deepfuture/dui-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "DUI styled web components — extends dui-primitives with design tokens and variant CSS",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -206,8 +206,7 @@
|
|
|
206
206
|
"README.md"
|
|
207
207
|
],
|
|
208
208
|
"dependencies": {
|
|
209
|
-
"@deepfuture/dui-
|
|
210
|
-
"@deepfuture/dui-primitives": "1.0.0",
|
|
209
|
+
"@deepfuture/dui-primitives": "1.1.0",
|
|
211
210
|
"lit": "^3.3.2",
|
|
212
211
|
"@lit/context": "^1.1.3"
|
|
213
212
|
},
|
|
@@ -53,7 +53,6 @@ const styles = css `
|
|
|
53
53
|
font-weight: var(--font-weight-regular);
|
|
54
54
|
letter-spacing: var(--letter-spacing-tight);
|
|
55
55
|
line-height: var(--line-height-snug);
|
|
56
|
-
text-box: trim-both cap alphabetic;
|
|
57
56
|
--icon-size: var(--smb-icon-size);
|
|
58
57
|
--icon-color: var(--sidebar-muted-fg);
|
|
59
58
|
}
|
package/tabs/tab.js
CHANGED
|
@@ -6,7 +6,6 @@ const styles = css `
|
|
|
6
6
|
color: var(--text-2);
|
|
7
7
|
font-size: var(--text-sm); line-height: var(--line-height-snug);
|
|
8
8
|
font-weight: var(--font-weight-medium);
|
|
9
|
-
text-box: trim-both cap alphabetic;
|
|
10
9
|
padding-inline: var(--space-2);
|
|
11
10
|
height: var(--component-height-md);
|
|
12
11
|
transition-property: color, box-shadow, background, filter, transform;
|
package/toggle/toggle.js
CHANGED
|
@@ -62,7 +62,6 @@ const styles = css `
|
|
|
62
62
|
font-size: var(--toggle-font-size);
|
|
63
63
|
letter-spacing: var(--letter-spacing-tight);
|
|
64
64
|
line-height: var(--line-height-snug);
|
|
65
|
-
text-box: trim-both cap alphabetic;
|
|
66
65
|
white-space: nowrap;
|
|
67
66
|
color: var(--text-2);
|
|
68
67
|
background: oklch(from var(--foreground) l c h / calc(var(--_select) + var(--_interact)));
|
package/tooltip/tooltip-popup.js
CHANGED
|
@@ -14,7 +14,6 @@ const styles = css `
|
|
|
14
14
|
color: var(--background);
|
|
15
15
|
font-family: var(--font-sans);
|
|
16
16
|
font-size: var(--text-xs); line-height: var(--text-xs--line-height);
|
|
17
|
-
text-box: trim-both cap alphabetic;
|
|
18
17
|
box-shadow: var(--shadow-sm);
|
|
19
18
|
max-width: var(--space-80);
|
|
20
19
|
transition-duration: var(--duration-fastest);
|