@planningcenter/tapestry 1.7.0-rc.0 → 1.7.0-rc.2
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/dist/components/page-header/index.js +1 -1
- package/dist/components/sidenav/Sidenav.d.ts +5 -1
- package/dist/components/sidenav/Sidenav.d.ts.map +1 -1
- package/dist/components/sidenav/Sidenav.js +3 -2
- package/dist/components/sidenav/Sidenav.js.map +1 -1
- package/dist/components/sidenav/index.js +1 -1
- package/dist/print-no-media-queries.css +13 -0
- package/dist/print.css +16 -0
- package/dist/print.js +3 -0
- package/dist/tapestry-wc/dist/components/{p-B3HyvIaS.js → p-0A2mC6oZ.js} +3 -3
- package/dist/tapestry-wc/dist/components/{p-B3HyvIaS.js.map → p-0A2mC6oZ.js.map} +1 -1
- package/dist/tapestry-wc/dist/components/{p-BCiwg2CF.js → p-BEQ4mUEV.js} +2 -2
- package/dist/tapestry-wc/dist/components/{p-BCiwg2CF.js.map → p-BEQ4mUEV.js.map} +1 -1
- package/dist/tapestry-wc/dist/components/{p-C3GuxMej.js → p-Bv816RXj.js} +2 -2
- package/dist/tapestry-wc/dist/components/{p-C3GuxMej.js.map → p-Bv816RXj.js.map} +1 -1
- package/dist/tapestry-wc/dist/components/{p-uSHVlPUp.js → p-DT_d7UPj.js} +3 -3
- package/dist/tapestry-wc/dist/components/{p-uSHVlPUp.js.map → p-DT_d7UPj.js.map} +1 -1
- package/dist/tapestry-wc/dist/components/{p-ExfgU5Ba.js → p-DW7zUF_D.js} +13 -4
- package/dist/tapestry-wc/dist/components/p-DW7zUF_D.js.map +1 -0
- package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
- package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-page-header.js +4 -4
- package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +3 -3
- package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
- package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +3 -3
- package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-sidenav.js +12 -10
- package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
- package/dist/webComponents.css +240 -240
- package/dist/webComponents.css.map +1 -1
- package/package.json +8 -5
- package/react-types/index.d.ts +4 -0
- package/dist/tapestry-wc/dist/components/p-ExfgU5Ba.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import '../../tapestry-wc/dist/components/p-
|
|
1
|
+
import '../../tapestry-wc/dist/components/p-BEQ4mUEV.js';
|
|
2
2
|
import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-page-header.js';
|
|
3
3
|
import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-page-header-nav.js';
|
|
4
4
|
|
|
@@ -8,7 +8,7 @@ import React from "react";
|
|
|
8
8
|
*
|
|
9
9
|
* Please refer to each component's documentation for more information on how to use them.
|
|
10
10
|
*/
|
|
11
|
-
export declare function Sidenav({ children, label, selectedItemLabel, className, }: {
|
|
11
|
+
export declare function Sidenav({ children, label, selectedItemLabel, className, popoverId, }: {
|
|
12
12
|
/**
|
|
13
13
|
* Default slot used to nest `SidenavSection` components.
|
|
14
14
|
*/
|
|
@@ -18,6 +18,10 @@ export declare function Sidenav({ children, label, selectedItemLabel, className,
|
|
|
18
18
|
* Label for the sidenav, used for accessibility.
|
|
19
19
|
*/
|
|
20
20
|
label?: string;
|
|
21
|
+
/**
|
|
22
|
+
* The id of the popover container.
|
|
23
|
+
*/
|
|
24
|
+
popoverId?: string;
|
|
21
25
|
/**
|
|
22
26
|
* Label displayed in the responsive header of the sidenav.
|
|
23
27
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidenav.d.ts","sourceRoot":"","sources":["../../../src/components/sidenav/Sidenav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,SAAS,GACV,EAAE;IACD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,
|
|
1
|
+
{"version":3,"file":"Sidenav.d.ts","sourceRoot":"","sources":["../../../src/components/sidenav/Sidenav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,SAAS,EACT,SAAS,GACV,EAAE;IACD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,qBAcA"}
|
|
@@ -9,8 +9,9 @@ import React from 'react';
|
|
|
9
9
|
*
|
|
10
10
|
* Please refer to each component's documentation for more information on how to use them.
|
|
11
11
|
*/
|
|
12
|
-
function Sidenav({ children, label, selectedItemLabel, className, }) {
|
|
13
|
-
|
|
12
|
+
function Sidenav({ children, label, selectedItemLabel, className, popoverId, }) {
|
|
13
|
+
const popoverIdProp = popoverId && popoverId.trim() ? { "popover-id": popoverId } : {};
|
|
14
|
+
return (React.createElement("tds-sidenav", { label: label, "selected-item-label": selectedItemLabel, class: className, ...popoverIdProp }, children));
|
|
14
15
|
}
|
|
15
16
|
|
|
16
17
|
export { Sidenav };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidenav.js","sources":["../../../src/components/sidenav/Sidenav.tsx"],"sourcesContent":["import React from \"react\"\n\n/**\n * The sidenav lets users navigate through subsets of data pertaining to a resource.\n * It can be nested under the page header navigation, as secondary navigation.\n *\n * The expected structure of a `Sidenav` is:\n * `<Sidenav> <SidenavSection> <SidenavItem /> </SidenavSection> </Sidenav>`\n *\n * Please refer to each component's documentation for more information on how to use them.\n */\nexport function Sidenav({\n children,\n label,\n selectedItemLabel,\n className,\n}: {\n /**\n * Default slot used to nest `SidenavSection` components.\n */\n children: React.ReactNode\n className?: string\n /**\n * Label for the sidenav, used for accessibility.\n */\n label?: string\n /**\n * Label displayed in the responsive header of the sidenav.\n */\n selectedItemLabel?: string\n}) {\n return (\n <tds-sidenav\n label={label}\n selected-item-label={selectedItemLabel}\n class={className}\n >\n {children}\n </tds-sidenav>\n )\n}\n"],"names":[],"mappings":";;AAEA;;;;;;;;AAQG;
|
|
1
|
+
{"version":3,"file":"Sidenav.js","sources":["../../../src/components/sidenav/Sidenav.tsx"],"sourcesContent":["import React from \"react\"\n\n/**\n * The sidenav lets users navigate through subsets of data pertaining to a resource.\n * It can be nested under the page header navigation, as secondary navigation.\n *\n * The expected structure of a `Sidenav` is:\n * `<Sidenav> <SidenavSection> <SidenavItem /> </SidenavSection> </Sidenav>`\n *\n * Please refer to each component's documentation for more information on how to use them.\n */\nexport function Sidenav({\n children,\n label,\n selectedItemLabel,\n className,\n popoverId,\n}: {\n /**\n * Default slot used to nest `SidenavSection` components.\n */\n children: React.ReactNode\n className?: string\n /**\n * Label for the sidenav, used for accessibility.\n */\n label?: string\n /**\n * The id of the popover container.\n */\n popoverId?: string\n /**\n * Label displayed in the responsive header of the sidenav.\n */\n selectedItemLabel?: string\n}) {\n const popoverIdProp =\n popoverId && popoverId.trim() ? { \"popover-id\": popoverId } : {}\n\n return (\n <tds-sidenav\n label={label}\n selected-item-label={selectedItemLabel}\n class={className}\n {...popoverIdProp}\n >\n {children}\n </tds-sidenav>\n )\n}\n"],"names":[],"mappings":";;AAEA;;;;;;;;AAQG;AACa,SAAA,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,SAAS,EACT,SAAS,GAmBV,EAAA;IACC,MAAM,aAAa,GACjB,SAAS,IAAI,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,CAAA;AAElE,IAAA,QACE,KACE,CAAA,aAAA,CAAA,aAAA,EAAA,EAAA,KAAK,EAAE,KAAK,yBACS,iBAAiB,EACtC,KAAK,EAAE,SAAS,EACZ,GAAA,aAAa,IAEhB,QAAQ,CACG,EACf;AACH;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import '../../tapestry-wc/dist/components/p-
|
|
1
|
+
import '../../tapestry-wc/dist/components/p-BEQ4mUEV.js';
|
|
2
2
|
import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-sidenav.js';
|
|
3
3
|
import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-sidenav-item.js';
|
|
4
4
|
import { defineCustomElement as defineCustomElement$3 } from '../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
:root{
|
|
2
|
+
--t-text-color-default-headline:hsl(0, 0%, 0%);
|
|
3
|
+
--t-text-color-default-primary:hsl(0, 0%, 0%);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.tds-no-print,
|
|
7
|
+
.tds-page-header [slot="actions"]{
|
|
8
|
+
display:none !important;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.tds-page-header.has-nav{
|
|
12
|
+
padding-bottom:var(--tds-page-header-padding-y) !important;
|
|
13
|
+
}
|
package/dist/print.css
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
@media print{
|
|
2
|
+
:root{
|
|
3
|
+
--t-text-color-default-headline:hsl(0, 0%, 0%);
|
|
4
|
+
--t-text-color-default-primary:hsl(0, 0%, 0%);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.tds-no-print,
|
|
8
|
+
.tds-page-header [slot="actions"]{
|
|
9
|
+
display:none !important;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.tds-page-header.has-nav{
|
|
13
|
+
padding-bottom:var(--tds-page-header-padding-y) !important;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
}
|
package/dist/print.js
ADDED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, c as Host } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, h, c as Host } from './p-BEQ4mUEV.js';
|
|
2
2
|
|
|
3
3
|
/*!
|
|
4
4
|
* Planning Center Tapestry Web Components
|
|
5
|
-
* Version: 1.
|
|
5
|
+
* Version: 1.7.0-rc.1
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const SidenavResponsiveHeader = /*@__PURE__*/ proxyCustomElement(class SidenavResponsiveHeader extends H {
|
|
@@ -38,4 +38,4 @@ function defineCustomElement() {
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
export { SidenavResponsiveHeader as S, defineCustomElement as d };
|
|
41
|
-
//# sourceMappingURL=p-
|
|
41
|
+
//# sourceMappingURL=p-0A2mC6oZ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-
|
|
1
|
+
{"version":3,"file":"p-0A2mC6oZ.js","sources":["../../../../../tapestry-wc/dist/components/p-0A2mC6oZ.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.7.0-rc.1\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-BEQ4mUEV.js';\n\nconst SidenavResponsiveHeader = /*@__PURE__*/ proxyCustomElement(class SidenavResponsiveHeader extends H {\n constructor() {\n super();\n this.__registerHost();\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (h(Host, { key: '624a038cbc0781f42a91258c1a250719475f887e', class: \"tds-sidenav-responsive-header\" }, this.label && (h(\"h2\", { key: '455fedabcabdac824e47ad264d6dfa51c33fc770', class: \"tds-sidenav-responsive-header-label\" }, this.label)), h(\"button\", { key: '24c63296f5413840a62353ee2e4eb7d7e347dc87', type: \"button\", class: \"tds-sidenav-responsive-header-toggle\", \"aria-label\": \"Menu\", \"aria-controls\": this.popoverId, popoverTarget: this.popoverId }, h(\"svg\", { key: '140b4aca347cd2e335ed7ec29d28d0352d2e4c01', xmlns: \"http://www.w3.org/2000/svg\", width: \"16\", height: \"16\", viewBox: \"0 0 16 16\", fill: \"none\" }, h(\"path\", { key: '50ec3bc681d3ed6c5ef4c0f570ebeb675b508284', d: \"M0 6.91104H16V8.68904H0V6.91104ZM0 13.133H16V11.356H0V13.133ZM0 2.46704V4.24404H16V2.46704H0Z\", fill: \"currentColor\" })))));\n }\n get el() { return this; }\n}, [2, \"tds-sidenav-responsive-header\", {\n \"label\": [1],\n \"popoverId\": [1, \"popover-id\"]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-sidenav-responsive-header\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-sidenav-responsive-header\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, SidenavResponsiveHeader);\n }\n break;\n } });\n}\n\nexport { SidenavResponsiveHeader as S, defineCustomElement as d };\n//# sourceMappingURL=p-0A2mC6oZ.js.map\n\n//# sourceMappingURL=p-0A2mC6oZ.js.map"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AAEA;AACK,MAAC,uBAAuB,iBAAiB,kBAAkB,CAAC,MAAM,uBAAuB,SAAS,CAAC,CAAC;AACzG,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,EAAE,CAAC;AAChB,QAAQ,IAAI,CAAC,cAAc,EAAE,CAAC;AAC9B,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,IAAI,MAAM,GAAG;AACb,QAAQ,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,+BAA+B,EAAE,EAAE,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,qCAAqC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,sCAAsC,EAAE,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,IAAI,CAAC,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,EAAE,+FAA+F,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;AAClzB,KAAK;AACL,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC,EAAE;AAC7B,CAAC,EAAE,CAAC,CAAC,EAAE,+BAA+B,EAAE;AACxC,QAAQ,OAAO,EAAE,CAAC,CAAC,CAAC;AACpB,QAAQ,WAAW,EAAE,CAAC,CAAC,EAAE,YAAY,CAAC;AACtC,KAAK,CAAC,EAAE;AACR,SAAS,mBAAmB,GAAG;AAC/B,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;AAC/C,QAAQ,OAAO;AACf,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,CAAC,+BAA+B,CAAC,CAAC;AACzD,IAAI,UAAU,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,QAAQ,OAAO;AACnD,QAAQ,KAAK,+BAA+B;AAC5C,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAC;AACxE,aAAa;AACb,YAAY,MAAM;AAClB,KAAK,EAAE,CAAC,CAAC;AACT;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Planning Center Tapestry Web Components
|
|
3
|
-
* Version: 1.
|
|
3
|
+
* Version: 1.7.0-rc.1
|
|
4
4
|
*/
|
|
5
5
|
const NAMESPACE = 'tapestry';
|
|
6
6
|
const BUILD = /* tapestry */ { experimentalSlotFixes: true, hydratedSelectorName: "hydrated", lazyLoad: false, shadowDom: false, slotRelocation: true, updatable: true, watchCallback: false };
|
|
@@ -1733,4 +1733,4 @@ var proxyCustomElement = (Cstr, compactMeta) => {
|
|
|
1733
1733
|
};
|
|
1734
1734
|
|
|
1735
1735
|
export { H, Host as c, h, proxyCustomElement as p };
|
|
1736
|
-
//# sourceMappingURL=p-
|
|
1736
|
+
//# sourceMappingURL=p-BEQ4mUEV.js.map
|