@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 CHANGED
@@ -173,7 +173,7 @@ Templates self-register on import, just like components.
173
173
 
174
174
  | Package | Purpose |
175
175
  |---------|---------|
176
- | [`@deepfuture/dui-core`](https://www.npmjs.com/package/@deepfuture/dui-core) | Base reset, event factory, floating UI utilities |
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-core` + `@deepfuture/dui-primitives`
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;
@@ -9,7 +9,6 @@ const styles = css `
9
9
  .Heading {
10
10
  padding: var(--space-1_5) var(--space-2);
11
11
  font-size: var(--text-xs); line-height: var(--text-xs--line-height);
12
- text-box: trim-both cap alphabetic;
13
12
  font-weight: var(--font-weight-medium);
14
13
  color: var(--text-2);
15
14
  }
@@ -7,7 +7,6 @@ const styles = css `
7
7
  border-radius: var(--radius-sm);
8
8
  padding: var(--space-1_5) var(--space-2);
9
9
  font-size: var(--text-sm); line-height: var(--text-sm--line-height);
10
- text-box: trim-both cap alphabetic;
11
10
  font-weight: var(--font-weight-medium);
12
11
  }
13
12
 
@@ -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
@@ -11,7 +11,6 @@ const styles = css `
11
11
  border-radius: var(--radius-sm);
12
12
  font-size: var(--text-sm);
13
13
  line-height: var(--text-sm--line-height);
14
- text-box: trim-both cap alphabetic;
15
14
  font-family: var(--font-sans);
16
15
  color: var(--text-1);
17
16
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deepfuture/dui-components",
3
- "version": "1.0.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-core": "1.0.0",
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
  },
@@ -8,7 +8,6 @@ const styles = css `
8
8
  color: var(--sidebar-muted-fg);
9
9
  font-family: var(--font-sans);
10
10
  font-size: var(--text-xs); line-height: var(--text-xs--line-height);
11
- text-box: trim-both cap alphabetic;
12
11
  font-weight: var(--font-weight-medium);
13
12
  }
14
13
 
@@ -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
  }
@@ -139,7 +139,6 @@ const styles = css `
139
139
  font-size: var(--sb-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
  overflow: hidden;
145
144
  }
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)));
@@ -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);