@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.
Files changed (65) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +5 -5
  3. package/custom-elements.json +945 -241
  4. package/dist/action-menu/esp-action-menu-item.js +1 -0
  5. package/dist/action-menu/esp-action-menu.js +4 -3
  6. package/dist/box/esp-box.d.ts +14 -3
  7. package/dist/box/esp-box.js +5 -5
  8. package/dist/button/esp-button.d.ts +4 -4
  9. package/dist/date-picker/helpers/styles.js +1 -0
  10. package/dist/details/esp-details.d.ts +3 -0
  11. package/dist/details/esp-details.js +13 -6
  12. package/dist/dialog/esp-dialog.d.ts +6 -2
  13. package/dist/dialog/esp-dialog.js +62 -62
  14. package/dist/flyout/esp-flyout.d.ts +2 -2
  15. package/dist/flyout/esp-flyout.js +6 -5
  16. package/dist/focus-picker/esp-focus-picker.js +3 -2
  17. package/dist/footer/esp-footer.d.ts +3 -3
  18. package/dist/footer/esp-footer.js +10 -10
  19. package/dist/grid/esp-grid.d.ts +3 -0
  20. package/dist/grid/esp-grid.js +25 -17
  21. package/dist/header/esp-header-button.d.ts +6 -15
  22. package/dist/header/esp-header.d.ts +4 -2
  23. package/dist/header/esp-header.js +8 -7
  24. package/dist/image-picker/esp-image-picker.js +1 -0
  25. package/dist/image-upload/esp-image-upload.js +1 -0
  26. package/dist/info/esp-info.d.ts +3 -1
  27. package/dist/info/esp-info.js +8 -8
  28. package/dist/lightbox/esp-lightbox.d.ts +3 -0
  29. package/dist/lightbox/esp-lightbox.js +12 -9
  30. package/dist/menu/esp-menu-group.js +6 -2
  31. package/dist/menu/esp-menu-item.js +7 -3
  32. package/dist/menu/esp-menu.js +4 -2
  33. package/dist/page/esp-page.d.ts +1 -1
  34. package/dist/page/esp-page.styles.js +1 -0
  35. package/dist/pickers/esp-pick-one.d.ts +1 -2
  36. package/dist/pickers/esp-pick-some.d.ts +1 -1
  37. package/dist/pickers/esp-picker-item.js +9 -5
  38. package/dist/pickers/esp-picker-menu.js +2 -0
  39. package/dist/popover/esp-popover.d.ts +2 -4
  40. package/dist/repeater/esp-repeater.js +1 -0
  41. package/dist/root/esp-root.d.ts +4 -4
  42. package/dist/root/esp-root.js +5 -3
  43. package/dist/row/esp-row.d.ts +1 -2
  44. package/dist/search/esp-search.js +2 -0
  45. package/dist/section/esp-section.d.ts +1 -1
  46. package/dist/section/esp-section.js +2 -1
  47. package/dist/shared/configured-brand.d.ts +11 -37
  48. package/dist/shared/esp-element-base.d.ts +4 -1
  49. package/dist/shared/esp-element-base.js +27 -30
  50. package/dist/shared/justified-layout.d.ts +6 -18
  51. package/dist/shared/surface-layer.d.ts +12 -0
  52. package/dist/shared/surface-layer.js +10 -0
  53. package/dist/shared/theme.d.ts +7 -18
  54. package/dist/slider/esp-slider.d.ts +2 -4
  55. package/dist/stack/esp-stack.d.ts +1 -2
  56. package/dist/switch/esp-switch.d.ts +2 -4
  57. package/dist/tabs/esp-tab-group.d.ts +3 -0
  58. package/dist/tabs/esp-tab-group.js +7 -7
  59. package/dist/tooltip/esp-tooltip.js +1 -0
  60. package/dist/tree/esp-tree.d.ts +0 -5
  61. package/dist/tree/esp-tree.js +3 -0
  62. package/espalier.css-data.json +1 -1
  63. package/espalier.token-manifest.json +1 -1
  64. package/licenses/README.md +18 -15
  65. 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 enterprise-grade web component design system. It ships as
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 Usage
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 Metadata
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 Access
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.