@planningcenter/tapestry 2.8.0-rc.1 → 2.8.0-rc.3

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 (40) hide show
  1. package/dist/components/checkbox/Checkbox.d.ts.map +1 -1
  2. package/dist/components/checkbox/Checkbox.js +4 -1
  3. package/dist/components/checkbox/Checkbox.js.map +1 -1
  4. package/dist/components/page-header/PageHeader.d.ts.map +1 -1
  5. package/dist/components/page-header/PageHeader.js +39 -7
  6. package/dist/components/page-header/PageHeader.js.map +1 -1
  7. package/dist/components/page-header/index.js +1 -1
  8. package/dist/components/sidenav/index.js +1 -1
  9. package/dist/index.css +2 -2
  10. package/dist/reactRender.css +13 -3
  11. package/dist/reactRender.css.map +1 -1
  12. package/dist/reactRenderLegacy.css +13 -3
  13. package/dist/reactRenderLegacy.css.map +1 -1
  14. package/dist/tapestry-wc/dist/components/{p-DyuxdWHB.js → p-B61u0ZCm.js} +2 -2
  15. package/dist/tapestry-wc/dist/components/{p-DyuxdWHB.js.map → p-B61u0ZCm.js.map} +1 -1
  16. package/dist/tapestry-wc/dist/components/{p-5mZYbcme.js → p-DcqdbjQJ.js} +3 -3
  17. package/dist/tapestry-wc/dist/components/{p-5mZYbcme.js.map → p-DcqdbjQJ.js.map} +1 -1
  18. package/dist/tapestry-wc/dist/components/{p-0A08CXL_.js → p-Dt6ZlYln.js} +2 -2
  19. package/dist/tapestry-wc/dist/components/{p-0A08CXL_.js.map → p-Dt6ZlYln.js.map} +1 -1
  20. package/dist/tapestry-wc/dist/components/{p-BhPfBZD-.js → p-bZ_u5Viy.js} +3 -3
  21. package/dist/tapestry-wc/dist/components/{p-BhPfBZD-.js.map → p-bZ_u5Viy.js.map} +1 -1
  22. package/dist/tapestry-wc/dist/components/{p-DhVoKIg5.js → p-lXXhc-2f.js} +3 -3
  23. package/dist/tapestry-wc/dist/components/{p-DhVoKIg5.js.map → p-lXXhc-2f.js.map} +1 -1
  24. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
  25. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
  26. package/dist/tapestry-wc/dist/components/tds-page-header.js +3 -3
  27. package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  28. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +3 -3
  29. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
  30. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
  31. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
  32. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +3 -3
  33. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
  34. package/dist/tapestry-wc/dist/components/tds-sidenav.js +5 -5
  35. package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
  36. package/dist/unstable.css +13 -3
  37. package/dist/unstable.css.map +1 -1
  38. package/dist/unstable.js +1 -0
  39. package/dist/unstable.js.map +1 -1
  40. package/package.json +3 -3
@@ -1 +1 @@
1
- {"version":3,"file":"tds-sidenav.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 2.8.0-rc.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-DyuxdWHB.js';\nimport { r as removeSSRSlot } from './p-0A08CXL_.js';\nimport { d as defineCustomElement$3 } from './p-DhVoKIg5.js';\nimport { d as defineCustomElement$2 } from './p-5mZYbcme.js';\n\nlet sidenavMenuId = 0;\nconst Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends H {\n constructor() {\n super();\n this.__registerHost();\n this.sidenavMenuId = `tds-sidenav-menu-${sidenavMenuId++}`;\n /**\n * The label for the sidenav, used for accessibility.\n */\n this.label = \"Secondary\";\n /**\n * The id of the popover.\n */\n this.popoverId = `${this.sidenavMenuId}-popover`;\n }\n // --------------------------------------------------------------------------\n //\n // Lifecycle\n //\n // --------------------------------------------------------------------------\n componentDidLoad() {\n removeSSRSlot(this.el);\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (h(Host, { key: '06604b65e64762dcbdcb458cdbab59c1ab37b264', class: \"tds-sidenav\" }, h(\"nav\", { key: 'e80a40f55f227eae88bb46c0e5d5274ea7abc293', id: this.sidenavMenuId, class: \"tds-sidenav-nav\", \"aria-label\": this.label }, h(\"tds-sidenav-responsive-header\", { key: 'c2dc87a34873af79f8b38b4562aa7f341a2e037a', \"popover-id\": this.popoverId, label: this.selectedItemLabel }), h(\"tds-popover-container\", { key: 'a9e2d0406eac1e48198adf39adc3ebe412ca5132', breakpoint: 719, id: this.popoverId, class: \"tds-sidenav-collapse\", \"auto-position\": true }, h(\"div\", { key: '9d1f2055842fa1bf61bdd76205ab2a52dc14c23f', class: \"tds-sidenav-scroll-container\" }, h(\"slot\", { key: '65b731de86aad6d85f76aac0765b8ec68a4a5448' }))))));\n }\n get el() { return this; }\n}, [6, \"tds-sidenav\", {\n \"label\": [1],\n \"selectedItemLabel\": [1, \"selected-item-label\"],\n \"popoverId\": [1, \"popover-id\"]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-sidenav\", \"tds-popover-container\", \"tds-sidenav-responsive-header\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-sidenav\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, Sidenav);\n }\n break;\n case \"tds-popover-container\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"tds-sidenav-responsive-header\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst TdsSidenav = Sidenav;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenav, defineCustomElement };\n//# sourceMappingURL=tds-sidenav.js.map\n\n//# sourceMappingURL=tds-sidenav.js.map"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tds-sidenav.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 2.8.0-rc.2\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-B61u0ZCm.js';\nimport { r as removeSSRSlot } from './p-Dt6ZlYln.js';\nimport { d as defineCustomElement$3 } from './p-lXXhc-2f.js';\nimport { d as defineCustomElement$2 } from './p-DcqdbjQJ.js';\n\nlet sidenavMenuId = 0;\nconst Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends H {\n constructor() {\n super();\n this.__registerHost();\n this.sidenavMenuId = `tds-sidenav-menu-${sidenavMenuId++}`;\n /**\n * The label for the sidenav, used for accessibility.\n */\n this.label = \"Secondary\";\n /**\n * The id of the popover.\n */\n this.popoverId = `${this.sidenavMenuId}-popover`;\n }\n // --------------------------------------------------------------------------\n //\n // Lifecycle\n //\n // --------------------------------------------------------------------------\n componentDidLoad() {\n removeSSRSlot(this.el);\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (h(Host, { key: '06604b65e64762dcbdcb458cdbab59c1ab37b264', class: \"tds-sidenav\" }, h(\"nav\", { key: 'e80a40f55f227eae88bb46c0e5d5274ea7abc293', id: this.sidenavMenuId, class: \"tds-sidenav-nav\", \"aria-label\": this.label }, h(\"tds-sidenav-responsive-header\", { key: 'c2dc87a34873af79f8b38b4562aa7f341a2e037a', \"popover-id\": this.popoverId, label: this.selectedItemLabel }), h(\"tds-popover-container\", { key: 'a9e2d0406eac1e48198adf39adc3ebe412ca5132', breakpoint: 719, id: this.popoverId, class: \"tds-sidenav-collapse\", \"auto-position\": true }, h(\"div\", { key: '9d1f2055842fa1bf61bdd76205ab2a52dc14c23f', class: \"tds-sidenav-scroll-container\" }, h(\"slot\", { key: '65b731de86aad6d85f76aac0765b8ec68a4a5448' }))))));\n }\n get el() { return this; }\n}, [6, \"tds-sidenav\", {\n \"label\": [1],\n \"selectedItemLabel\": [1, \"selected-item-label\"],\n \"popoverId\": [1, \"popover-id\"]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-sidenav\", \"tds-popover-container\", \"tds-sidenav-responsive-header\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-sidenav\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, Sidenav);\n }\n break;\n case \"tds-popover-container\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"tds-sidenav-responsive-header\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst TdsSidenav = Sidenav;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenav, defineCustomElement };\n//# sourceMappingURL=tds-sidenav.js.map\n\n//# sourceMappingURL=tds-sidenav.js.map"],"names":[],"mappings":"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"}
package/dist/unstable.css CHANGED
@@ -29,6 +29,8 @@
29
29
  --tds-checkbox-description-line-height:1.35;
30
30
  --tds-checkbox-description-color:var(--t-text-color-secondary);
31
31
 
32
+ --tds-checkbox-description-invalid-icon-display:none;
33
+
32
34
  position:relative;
33
35
  display:inline-grid;
34
36
  grid-template-areas:"checkbox label" ". description";
@@ -136,7 +138,10 @@
136
138
  }
137
139
 
138
140
  .tds-checkbox-description{
141
+ display:flex;
139
142
  grid-area:description;
143
+ gap:4px;
144
+ align-items:center;
140
145
  margin:0;
141
146
  margin-top:var(--t-spacing-fourth);
142
147
  font-size:var(--tds-checkbox-description-font-size);
@@ -145,14 +150,19 @@
145
150
  cursor:text;
146
151
  }
147
152
 
153
+ .tds-checkbox-description-invalid-icon{
154
+ display:var(--tds-checkbox-description-invalid-icon-display);
155
+ }
156
+
148
157
  .tds-checkbox--invalid,
149
- .tds-checkbox:has(input:invalid){
158
+ .tds-checkbox:has(input:user-invalid){
150
159
  --tds-checkbox-input-border-color:var(--t-border-color-button-delete);
151
160
  --tds-checkbox-input-border-color-hover:var(--t-border-color-button-delete);
152
161
  --tds-checkbox-input-background-color-hover:var(--t-fill-color-button-delete-outline-hover);
153
162
  --tds-checkbox-input-border-color-checked:var(--t-fill-color-button-delete-solid);
154
163
  --tds-checkbox-input-background-color-checked:var(--t-fill-color-button-delete-solid);
155
164
  --tds-checkbox-description-color:var(--t-text-color-status-error);
165
+ --tds-checkbox-description-invalid-icon-display:inline-block;
156
166
  }
157
167
 
158
168
  .tds-checkbox:has(input:required) label::after{
@@ -1249,7 +1259,7 @@
1249
1259
  overflow-wrap:break-word;
1250
1260
  }
1251
1261
 
1252
- .tds-page-header [slot="actions"]{
1262
+ .tds-page-header [slot="actions"], .tds-page-header .tds-page-header__actions{
1253
1263
  width:100%;
1254
1264
  }
1255
1265
 
@@ -1378,7 +1388,7 @@
1378
1388
  align-items:flex-start;
1379
1389
  }
1380
1390
 
1381
- .tds-page-header [slot="actions"]{
1391
+ .tds-page-header [slot="actions"], .tds-page-header .tds-page-header__actions{
1382
1392
  width:auto;
1383
1393
  }
1384
1394