@taprootio/espalier 6.2.0 → 6.3.0
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/CHANGELOG.md +8 -0
- package/README.md +5 -5
- package/custom-elements.json +945 -241
- package/dist/action-menu/esp-action-menu-item.js +1 -0
- package/dist/action-menu/esp-action-menu.js +4 -3
- package/dist/box/esp-box.d.ts +14 -3
- package/dist/box/esp-box.js +5 -5
- package/dist/button/esp-button.d.ts +4 -4
- package/dist/date-picker/helpers/styles.js +1 -0
- package/dist/details/esp-details.d.ts +3 -0
- package/dist/details/esp-details.js +13 -6
- package/dist/dialog/esp-dialog.d.ts +6 -2
- package/dist/dialog/esp-dialog.js +62 -62
- package/dist/flyout/esp-flyout.d.ts +2 -2
- package/dist/flyout/esp-flyout.js +6 -5
- package/dist/focus-picker/esp-focus-picker.js +3 -2
- package/dist/footer/esp-footer.d.ts +3 -3
- package/dist/footer/esp-footer.js +10 -10
- package/dist/grid/esp-grid.d.ts +3 -0
- package/dist/grid/esp-grid.js +25 -17
- package/dist/header/esp-header-button.d.ts +6 -15
- package/dist/header/esp-header.d.ts +4 -2
- package/dist/header/esp-header.js +8 -7
- package/dist/image-picker/esp-image-picker.js +1 -0
- package/dist/image-upload/esp-image-upload.js +1 -0
- package/dist/info/esp-info.d.ts +3 -1
- package/dist/info/esp-info.js +8 -8
- package/dist/lightbox/esp-lightbox.d.ts +3 -0
- package/dist/lightbox/esp-lightbox.js +12 -9
- package/dist/menu/esp-menu-group.js +6 -2
- package/dist/menu/esp-menu-item.js +7 -3
- package/dist/menu/esp-menu.js +4 -2
- package/dist/page/esp-page.d.ts +1 -1
- package/dist/page/esp-page.styles.js +1 -0
- package/dist/pickers/esp-pick-one.d.ts +1 -2
- package/dist/pickers/esp-pick-some.d.ts +1 -1
- package/dist/pickers/esp-picker-item.js +9 -5
- package/dist/pickers/esp-picker-menu.js +2 -0
- package/dist/popover/esp-popover.d.ts +2 -4
- package/dist/repeater/esp-repeater.js +1 -0
- package/dist/root/esp-root.d.ts +4 -4
- package/dist/root/esp-root.js +5 -3
- package/dist/row/esp-row.d.ts +1 -2
- package/dist/search/esp-search.js +2 -0
- package/dist/section/esp-section.d.ts +1 -1
- package/dist/section/esp-section.js +2 -1
- package/dist/shared/configured-brand.d.ts +11 -37
- package/dist/shared/esp-element-base.d.ts +4 -1
- package/dist/shared/esp-element-base.js +27 -30
- package/dist/shared/justified-layout.d.ts +6 -18
- package/dist/shared/surface-layer.d.ts +12 -0
- package/dist/shared/surface-layer.js +10 -0
- package/dist/shared/theme.d.ts +7 -18
- package/dist/slider/esp-slider.d.ts +2 -4
- package/dist/stack/esp-stack.d.ts +1 -2
- package/dist/switch/esp-switch.d.ts +2 -4
- package/dist/tabs/esp-tab-group.d.ts +3 -0
- package/dist/tabs/esp-tab-group.js +7 -7
- package/dist/tooltip/esp-tooltip.js +1 -0
- package/dist/tree/esp-tree.d.ts +0 -5
- package/dist/tree/esp-tree.js +3 -0
- package/espalier.css-data.json +1 -1
- package/espalier.token-manifest.json +1 -1
- package/licenses/README.md +18 -15
- package/package.json +5 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
# 6.3.0
|
|
2
|
+
|
|
3
|
+
A field fills one layer above the surface it sits on.
|
|
4
|
+
|
|
5
|
+
- Fields inside tab panels and boxes now follow the panel or box's declared layer: a layer-2 surface gives its fields layer 3, instead of the previous fixed layer 2. Default layer-1 panels and boxes still give fields layer 2. Dialogs give fields layer 4; headers, footers, and callouts give fields layer 3. Bare-page fields keep their layer-2 fill.
|
|
6
|
+
- New: `surface-layer="1|2|3|4"` selects an Espalier surface's default layer and declares depth for consumer-painted surfaces. The `@taprootio/espalier/shared/surface-layer` CSS helper supports consumer surfaces inside custom shadow roots. Nearest painted surface wins, independently of quiet/inverted contexts and color scheme.
|
|
7
|
+
- `--esp-field-background` overrides still win. Hover and focus derive from the resolved fill. At the layer-4 ceiling the resting field shares its container's fill, with the border and state treatments providing separation.
|
|
8
|
+
|
|
1
9
|
# 6.2.0
|
|
2
10
|
|
|
3
11
|
Banners gain a soft height contract, so a banner capped to the first fold or filling the viewport never clips its copy.
|
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Espalier
|
|
2
2
|
|
|
3
|
-
Espalier is Taproot's
|
|
3
|
+
Espalier is Taproot's web-component design system. It ships as
|
|
4
4
|
standard ES modules built on Lit, custom elements, Shadow DOM, CSS custom
|
|
5
5
|
properties, and native form participation.
|
|
6
6
|
|
|
@@ -16,10 +16,10 @@ included in this package or in the public artifact repository.
|
|
|
16
16
|
## Installation
|
|
17
17
|
|
|
18
18
|
```bash
|
|
19
|
-
npm install @taprootio/espalier
|
|
19
|
+
npm install @taprootio/espalier lit
|
|
20
20
|
```
|
|
21
21
|
|
|
22
|
-
## Basic
|
|
22
|
+
## Basic usage
|
|
23
23
|
|
|
24
24
|
Import the root element and the components you use:
|
|
25
25
|
|
|
@@ -42,7 +42,7 @@ You can also import the full component bundle:
|
|
|
42
42
|
import "@taprootio/espalier";
|
|
43
43
|
```
|
|
44
44
|
|
|
45
|
-
## Public
|
|
45
|
+
## Public metadata
|
|
46
46
|
|
|
47
47
|
The package includes machine-readable public API metadata:
|
|
48
48
|
|
|
@@ -58,7 +58,7 @@ Espalier is proprietary software. See `LICENSE` for the package license and
|
|
|
58
58
|
Production use requires a paid order form or another written agreement with
|
|
59
59
|
Taproot unless the license expressly allows the use case.
|
|
60
60
|
|
|
61
|
-
## Source
|
|
61
|
+
## Source access
|
|
62
62
|
|
|
63
63
|
No source code rights are granted by this package. Source access, source escrow,
|
|
64
64
|
or source snapshot transactions require a separate written agreement.
|