@planningcenter/tapestry 3.3.0-rc.0 → 3.3.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/date-picker/DatePicker.d.ts.map +1 -1
- package/dist/components/date-picker/DatePicker.js +4 -5
- package/dist/components/date-picker/DatePicker.js.map +1 -1
- package/dist/components/page-header/index.js +1 -1
- package/dist/components/sidenav/index.js +1 -1
- package/dist/packages/tapestry-wc/dist/components/{p-BTLXo236.js → p-BdFrP7VV.js} +3 -3
- package/dist/packages/tapestry-wc/dist/components/p-BdFrP7VV.js.map +1 -0
- package/dist/{tapestry-wc/dist/components/p-CFO7nxJf.js → packages/tapestry-wc/dist/components/p-Bdu1ytgc.js} +3 -3
- package/dist/packages/tapestry-wc/dist/components/p-Bdu1ytgc.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/{p-DZSu2isL.js → p-Bm8M-zM-.js} +2 -2
- package/dist/packages/tapestry-wc/dist/components/p-Bm8M-zM-.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/{p-Dfwd-mRp.js → p-BxfIRl2_.js} +2 -2
- package/dist/packages/tapestry-wc/dist/components/p-BxfIRl2_.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/{p-CtTGh3OQ.js → p-CI2VB8nN.js} +3 -3
- package/dist/packages/tapestry-wc/dist/components/p-CI2VB8nN.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
- package/dist/packages/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-page-header.js +3 -3
- package/dist/packages/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-item.js +3 -3
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-section.js +3 -3
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav.js +5 -5
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
- package/dist/reactRender.css +1552 -1529
- package/dist/reactRender.css.map +1 -1
- package/dist/reactRenderLegacy.css +1552 -1529
- package/dist/reactRenderLegacy.css.map +1 -1
- package/dist/tapestry-wc/dist/components/{p-BTLXo236.js → p-BdFrP7VV.js} +3 -3
- package/dist/tapestry-wc/dist/components/p-BdFrP7VV.js.map +1 -0
- package/dist/{packages/tapestry-wc/dist/components/p-CFO7nxJf.js → tapestry-wc/dist/components/p-Bdu1ytgc.js} +3 -3
- package/dist/tapestry-wc/dist/components/p-Bdu1ytgc.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-DZSu2isL.js → p-Bm8M-zM-.js} +2 -2
- package/dist/tapestry-wc/dist/components/p-Bm8M-zM-.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-Dfwd-mRp.js → p-BxfIRl2_.js} +2 -2
- package/dist/tapestry-wc/dist/components/p-BxfIRl2_.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-CtTGh3OQ.js → p-CI2VB8nN.js} +3 -3
- package/dist/tapestry-wc/dist/components/p-CI2VB8nN.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 +3 -3
- 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 +5 -5
- package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
- package/dist/unstable.css +92 -69
- package/dist/unstable.css.map +1 -1
- package/package.json +3 -3
- package/dist/packages/tapestry-wc/dist/components/p-BTLXo236.js.map +0 -1
- package/dist/packages/tapestry-wc/dist/components/p-CFO7nxJf.js.map +0 -1
- package/dist/packages/tapestry-wc/dist/components/p-CtTGh3OQ.js.map +0 -1
- package/dist/packages/tapestry-wc/dist/components/p-DZSu2isL.js.map +0 -1
- package/dist/packages/tapestry-wc/dist/components/p-Dfwd-mRp.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-BTLXo236.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-CFO7nxJf.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-CtTGh3OQ.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-DZSu2isL.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-Dfwd-mRp.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tds-page-header.js","sources":["../../../../../tapestry-wc/dist/components/tds-page-header.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 3.
|
|
1
|
+
{"version":3,"file":"tds-page-header.js","sources":["../../../../../tapestry-wc/dist/components/tds-page-header.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 3.3.0-rc.1\n */\nimport { p as proxyCustomElement, H, h } from './p-Bm8M-zM-.js';\nimport { d as defineCustomElement$2 } from './p-CI2VB8nN.js';\n\nconst PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends H {\n constructor() {\n super();\n this.__registerHost();\n /**\n * Indicates whether the page header is inactive or not.\n * When set to true, the page header is visually inactive\n * @prop {boolean} inactive - Controls the inactive state of the page. Defaults to false.\n */\n this.inactive = false;\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n var _a, _b;\n const hasNavigationSlot = !!this.el.querySelector(\"[slot='navigation']\");\n const hasMultiActions = ((_b = (_a = this.el.querySelector(\"[slot='actions']\")) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length) > 1;\n return (h(\"header\", { key: '824a5714bcd0a97e5516f34b99eadeafdfa20727', class: {\n \"tds-page-header\": true,\n \"has-multi-actions\": hasMultiActions,\n \"has-nav\": hasNavigationSlot,\n \"tds-page-header--profile\": this.profile,\n inactive: this.inactive,\n } }, h(\"div\", { key: '080b1a9182afb1fb2ea9bca93c9ea1797b7ec6c2', class: \"tds-page-header__title-bar\" }, h(\"div\", { key: 'e184cd16b80cf466d8619682f1b3676d5970ee79', class: \"tds-page-header__primary\" }, h(\"slot\", { key: '2c5fcf9e8db56c1bacecc9e0dc3dda34a7b9baf2' })), h(\"slot\", { key: 'd742ebe9f78c5b278c2d5fbc4337c95ed0490713', name: \"actions\" })), hasNavigationSlot && (h(\"tds-page-header-nav\", { key: 'f0530d93defdf10cf7a49b9fefdbfef4ddbd573f', class: \"tds-no-print\" }, h(\"slot\", { key: '2fb70972f01df1ef4ef31ab49926e424ecf1fdbe', name: \"navigation\" })))));\n }\n get el() { return this; }\n}, [4, \"tds-page-header\", {\n \"inactive\": [4],\n \"profile\": [4]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-page-header\", \"tds-page-header-nav\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-page-header\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, PageHeader);\n }\n break;\n case \"tds-page-header-nav\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst TdsPageHeader = PageHeader;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsPageHeader, defineCustomElement };\n//# sourceMappingURL=tds-page-header.js.map\n\n//# sourceMappingURL=tds-page-header.js.map"],"names":[],"mappings":";;;AAAA;AACA;AACA;AACA;;AAIA,MAAM,UAAU,iBAAiB,kBAAkB,CAAC,MAAM,UAAU,SAAS,CAAC,CAAC;AAC/E,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,EAAE;AACf,QAAQ,IAAI,CAAC,cAAc,EAAE;AAC7B;AACA;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,QAAQ,GAAG,KAAK;AAC7B,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,IAAI,MAAM,GAAG;AACb,QAAQ,IAAI,EAAE,EAAE,EAAE;AAClB,QAAQ,MAAM,iBAAiB,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,CAAC;AAChF,QAAQ,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,QAAQ,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,MAAM,IAAI,CAAC;AAC7L,QAAQ,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE;AACtF,gBAAgB,iBAAiB,EAAE,IAAI;AACvC,gBAAgB,mBAAmB,EAAE,eAAe;AACpD,gBAAgB,SAAS,EAAE,iBAAiB;AAC5C,gBAAgB,0BAA0B,EAAE,IAAI,CAAC,OAAO;AACxD,gBAAgB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvC,aAAa,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,CAAC,CAAC,qBAAqB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;AACxjB,IAAI;AACJ,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC,CAAC;AAC5B,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE;AAC1B,QAAQ,UAAU,EAAE,CAAC,CAAC,CAAC;AACvB,QAAQ,SAAS,EAAE,CAAC,CAAC;AACrB,KAAK,CAAC,CAAC;AACP,SAAS,qBAAqB,GAAG;AACjC,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;AAC/C,QAAQ;AACR,IAAI;AACJ,IAAI,MAAM,UAAU,GAAG,CAAC,iBAAiB,EAAE,qBAAqB,CAAC;AACjE,IAAI,UAAU,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,QAAQ,OAAO;AACnD,QAAQ,KAAK,iBAAiB;AAC9B,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC;AAC1D,YAAY;AACZ,YAAY;AACZ,QAAQ,KAAK,qBAAqB;AAClC,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,qBAAqB,EAAE;AACvC,YAAY;AACZ,YAAY;AACZ,KAAK,CAAC,CAAC,CAAC;AACR;AAGK,MAAC,mBAAmB,GAAG;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, c as Host } from './p-
|
|
2
|
-
import { r as removeSSRSlot } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, h, c as Host } from './p-Bm8M-zM-.js';
|
|
2
|
+
import { r as removeSSRSlot } from './p-BxfIRl2_.js';
|
|
3
3
|
|
|
4
4
|
/*!
|
|
5
5
|
* Planning Center Tapestry Web Components
|
|
6
|
-
* Version: 3.
|
|
6
|
+
* Version: 3.3.0-rc.1
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
const SidenavItem = /*@__PURE__*/ proxyCustomElement(class SidenavItem extends H {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tds-sidenav-item.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav-item.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 3.
|
|
1
|
+
{"version":3,"file":"tds-sidenav-item.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav-item.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 3.3.0-rc.1\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-Bm8M-zM-.js';\nimport { r as removeSSRSlot } from './p-BxfIRl2_.js';\n\nconst SidenavItem = /*@__PURE__*/ proxyCustomElement(class SidenavItem extends H {\n constructor() {\n super();\n this.__registerHost();\n /**\n * Whether the sidenav item is selected.\n */\n this.selected = false;\n /**\n * Handles toggling the popover state.\n */\n this.handleClick = () => {\n const popover = this.el.closest(\"tds-popover-container[popover]\");\n if (popover) {\n popover.togglePopover();\n }\n };\n /**\n * Handles the case where slotted content might change\n */\n this.handleSlottedContent = () => {\n const item = this.el.firstElementChild;\n if (this.selected) {\n item === null || item === void 0 ? void 0 : item.setAttribute(\"aria-current\", \"page\");\n }\n else {\n item === null || item === void 0 ? void 0 : item.removeAttribute(\"aria-current\");\n }\n item === null || item === void 0 ? void 0 : item.addEventListener(\"click\", this.handleClick);\n };\n }\n // --------------------------------------------------------------------------\n //\n // Lifecycle\n //\n // --------------------------------------------------------------------------\n connectedCallback() {\n this.handleSlottedContent();\n }\n componentWillLoad() {\n this.observer = new MutationObserver(this.handleSlottedContent);\n this.observer.observe(this.el, {\n childList: true,\n });\n }\n componentDidLoad() {\n removeSSRSlot(this.el);\n }\n componentDidUpdate() {\n this.handleSlottedContent();\n }\n disconnectedCallback() {\n var _a, _b;\n (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();\n (_b = this.el.firstElementChild) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"click\", this.handleClick);\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (h(Host, { key: '2fd6a14278f8ce597a945e1d1ea216616ea05ceb', class: {\n \"tds-sidenav-item\": true,\n selected: this.selected,\n }, role: \"listitem\" }, h(\"slot\", { key: '0b1aae7b72448aaf718500cf655dc7a772efa72c' }), h(\"slot\", { key: 'b6a65573d62b6dbb1ea5eb86da8305153b7c91e3', name: \"subnav\" })));\n }\n get el() { return this; }\n}, [6, \"tds-sidenav-item\", {\n \"selected\": [4]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-sidenav-item\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-sidenav-item\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, SidenavItem);\n }\n break;\n } });\n}\n\nconst TdsSidenavItem = SidenavItem;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenavItem, defineCustomElement };\n//# sourceMappingURL=tds-sidenav-item.js.map\n\n//# sourceMappingURL=tds-sidenav-item.js.map"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { d as defineCustomElement$1 } from './p-BdFrP7VV.js';
|
|
2
2
|
|
|
3
3
|
/*!
|
|
4
4
|
* Planning Center Tapestry Web Components
|
|
5
|
-
* Version: 3.
|
|
5
|
+
* Version: 3.3.0-rc.1
|
|
6
6
|
*/
|
|
7
7
|
const defineCustomElement = defineCustomElement$1;
|
|
8
8
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tds-sidenav-responsive-header.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 3.
|
|
1
|
+
{"version":3,"file":"tds-sidenav-responsive-header.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 3.3.0-rc.1\n */\nimport { S as SidenavResponsiveHeader, d as defineCustomElement$1 } from './p-BdFrP7VV.js';\n\nconst TdsSidenavResponsiveHeader = SidenavResponsiveHeader;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenavResponsiveHeader, defineCustomElement };\n//# sourceMappingURL=tds-sidenav-responsive-header.js.map\n\n//# sourceMappingURL=tds-sidenav-responsive-header.js.map"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AAIK,MAAC,mBAAmB,GAAG;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, c as Host } from './p-
|
|
2
|
-
import { r as removeSSRSlot } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, h, c as Host } from './p-Bm8M-zM-.js';
|
|
2
|
+
import { r as removeSSRSlot } from './p-BxfIRl2_.js';
|
|
3
3
|
|
|
4
4
|
/*!
|
|
5
5
|
* Planning Center Tapestry Web Components
|
|
6
|
-
* Version: 3.
|
|
6
|
+
* Version: 3.3.0-rc.1
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
let sidenavSectionId = 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tds-sidenav-section.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav-section.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 3.
|
|
1
|
+
{"version":3,"file":"tds-sidenav-section.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav-section.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 3.3.0-rc.1\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-Bm8M-zM-.js';\nimport { r as removeSSRSlot } from './p-BxfIRl2_.js';\n\nlet sidenavSectionId = 0;\nconst SidenavSection = /*@__PURE__*/ proxyCustomElement(class SidenavSection extends H {\n constructor() {\n super();\n this.__registerHost();\n this.componentId = `sidenav-section-header-${sidenavSectionId++}`;\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: '6180a3b3e7cc275db1cca6543e8e6baa0cd1194d', class: \"tds-sidenav-section\" }, this.label && (h(\"div\", { key: 'e7d059ef4767a21d1b9151072f609b61f0604c0f', class: \"tds-sidenav-section-header\" }, h(\"h2\", { key: '11f8ae4bf17b4dc1e3e35f0001b55ad627c71f89', id: `${this.componentId}` }, this.label), h(\"slot\", { key: '7f48319f4dc7d6df825a886bec352a17f906ef62', name: \"label-actions\" }))), h(\"ul\", { key: '09a6e50b878ffefb38bb002dc220934eccc43065', class: \"tds-sidenav-section-list\", \"aria-labelledby\": this.label ? `${this.componentId}` : undefined }, h(\"slot\", { key: '609dd29d6fa5799b5db11bfcb4dd3bccca499511' })), h(\"slot\", { key: '7c6ead1b19894d59cbc4b860cc322f3fc23e12b9', name: \"section-actions\" })));\n }\n get el() { return this; }\n}, [6, \"tds-sidenav-section\", {\n \"label\": [1]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-sidenav-section\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-sidenav-section\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, SidenavSection);\n }\n break;\n } });\n}\n\nconst TdsSidenavSection = SidenavSection;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenavSection, defineCustomElement };\n//# sourceMappingURL=tds-sidenav-section.js.map\n\n//# sourceMappingURL=tds-sidenav-section.js.map"],"names":[],"mappings":";;;AAAA;AACA;AACA;AACA;;AAIA,IAAI,gBAAgB,GAAG,CAAC;AACxB,MAAM,cAAc,iBAAiB,kBAAkB,CAAC,MAAM,cAAc,SAAS,CAAC,CAAC;AACvF,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,EAAE;AACf,QAAQ,IAAI,CAAC,cAAc,EAAE;AAC7B,QAAQ,IAAI,CAAC,WAAW,GAAG,CAAC,uBAAuB,EAAE,gBAAgB,EAAE,CAAC,CAAC;AACzE,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,IAAI,gBAAgB,GAAG;AACvB,QAAQ,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;AAC9B,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,IAAI,MAAM,GAAG;AACb,QAAQ,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,0BAA0B,EAAE,iBAAiB,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,SAAS,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC;AACvtB,IAAI;AACJ,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC,CAAC;AAC5B,CAAC,EAAE,CAAC,CAAC,EAAE,qBAAqB,EAAE;AAC9B,QAAQ,OAAO,EAAE,CAAC,CAAC;AACnB,KAAK,CAAC,CAAC;AACP,SAAS,qBAAqB,GAAG;AACjC,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;AAC/C,QAAQ;AACR,IAAI;AACJ,IAAI,MAAM,UAAU,GAAG,CAAC,qBAAqB,CAAC;AAC9C,IAAI,UAAU,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,QAAQ,OAAO;AACnD,QAAQ,KAAK,qBAAqB;AAClC,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC;AAC9D,YAAY;AACZ,YAAY;AACZ,KAAK,CAAC,CAAC,CAAC;AACR;AAGK,MAAC,mBAAmB,GAAG;;;;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, c as Host } from './p-
|
|
2
|
-
import { r as removeSSRSlot } from './p-
|
|
3
|
-
import { d as defineCustomElement$3 } from './p-
|
|
4
|
-
import { d as defineCustomElement$2 } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, h, c as Host } from './p-Bm8M-zM-.js';
|
|
2
|
+
import { r as removeSSRSlot } from './p-BxfIRl2_.js';
|
|
3
|
+
import { d as defineCustomElement$3 } from './p-Bdu1ytgc.js';
|
|
4
|
+
import { d as defineCustomElement$2 } from './p-BdFrP7VV.js';
|
|
5
5
|
|
|
6
6
|
/*!
|
|
7
7
|
* Planning Center Tapestry Web Components
|
|
8
|
-
* Version: 3.
|
|
8
|
+
* Version: 3.3.0-rc.1
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
11
|
let sidenavMenuId = 0;
|
|
@@ -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: 3.
|
|
1
|
+
{"version":3,"file":"tds-sidenav.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 3.3.0-rc.1\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-Bm8M-zM-.js';\nimport { r as removeSSRSlot } from './p-BxfIRl2_.js';\nimport { d as defineCustomElement$3 } from './p-Bdu1ytgc.js';\nimport { d as defineCustomElement$2 } from './p-BdFrP7VV.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
|
@@ -3872,6 +3872,9 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3872
3872
|
background-color:var(--tds-date-picker-background-color);
|
|
3873
3873
|
border:var(--t-form-border-width) solid var(--tds-date-picker-border-color);
|
|
3874
3874
|
border-radius:var(--t-form-border-radius);
|
|
3875
|
+
transition-timing-function:var(--t-ease-in-out);
|
|
3876
|
+
transition-duration:var(--t-duration-200);
|
|
3877
|
+
transition-property:background-color, border-color, outline-color, outline-offset;
|
|
3875
3878
|
}
|
|
3876
3879
|
|
|
3877
3880
|
.tds-date-picker-field[data-hovered]:not([data-focus-visible],[data-focus-within],[data-disabled]){
|
|
@@ -3903,11 +3906,16 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3903
3906
|
flex:1;
|
|
3904
3907
|
padding-block:var(--tds-date-picker-padding-block);
|
|
3905
3908
|
padding-inline-start:var(--t-spacing-1);
|
|
3909
|
+
overflow-x:auto;
|
|
3906
3910
|
font-variant-numeric:tabular-nums;
|
|
3911
|
+
text-wrap:nowrap;
|
|
3912
|
+
scrollbar-width:none;
|
|
3907
3913
|
}
|
|
3908
3914
|
|
|
3909
3915
|
.tds-date-picker-segment{
|
|
3910
3916
|
padding-inline:2px;
|
|
3917
|
+
text-align:end;
|
|
3918
|
+
text-wrap:nowrap;
|
|
3911
3919
|
caret-color:transparent;
|
|
3912
3920
|
border-radius:var(--t-border-radius-sm);
|
|
3913
3921
|
}
|
|
@@ -3919,7 +3927,7 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3919
3927
|
.tds-date-picker-segment[data-focused]{
|
|
3920
3928
|
color:var(--t-text-color-inverted);
|
|
3921
3929
|
outline:0;
|
|
3922
|
-
background:var(--t-fill-color-interaction);
|
|
3930
|
+
background-color:var(--t-fill-color-interaction);
|
|
3923
3931
|
}
|
|
3924
3932
|
|
|
3925
3933
|
.tds-date-picker-segment-separator{
|
|
@@ -3927,6 +3935,10 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3927
3935
|
color:var(--tds-date-picker-placeholder-color);
|
|
3928
3936
|
}
|
|
3929
3937
|
|
|
3938
|
+
.tds-date-picker-segment:not([data-placeholder], [data-focused]) + .tds-date-picker-segment-separator{
|
|
3939
|
+
color:var(--tds-date-picker-color);
|
|
3940
|
+
}
|
|
3941
|
+
|
|
3930
3942
|
.tds-date-picker-description{
|
|
3931
3943
|
display:flex;
|
|
3932
3944
|
gap:var(--t-spacing-half);
|
|
@@ -3951,6 +3963,7 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3951
3963
|
inline-size:calc(var(--tds-date-picker-min-height) - (var(--tds-date-picker-button-offset) * 2));
|
|
3952
3964
|
block-size:calc(var(--tds-date-picker-min-height) - (var(--tds-date-picker-button-offset) * 2));
|
|
3953
3965
|
padding:0;
|
|
3966
|
+
margin-inline-start:var(--t-spacing-1);
|
|
3954
3967
|
margin-inline-end:var(--tds-date-picker-button-offset);
|
|
3955
3968
|
}
|
|
3956
3969
|
|
|
@@ -3958,6 +3971,7 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3958
3971
|
--tds-date-picker-popover-font-size:var(--t-font-size-md);
|
|
3959
3972
|
--tds-date-picker-popover-padding:var(--t-spacing-1-half);
|
|
3960
3973
|
--tds-date-picker-popover-background-color:var(--t-surface-color-card);
|
|
3974
|
+
--tds-date-picker-popover-shadow:hsl(0, 0%, 0%, .05) 0 10px 15px -3px, hsl(0, 0%, 0%, .05) 0 4px 6px -4px;
|
|
3961
3975
|
--tds-date-picker-popover-transition-enter:opacity var(--t-duration-300) var(--t-ease-out), transform var(--t-duration-300) var(--t-ease-out);
|
|
3962
3976
|
--tds-date-picker-popover-transition-exit:opacity var(--t-duration-200) var(--t-ease-in), transform var(--t-duration-200) var(--t-ease-in);
|
|
3963
3977
|
--tds-date-picker-popover-closed-opacity:0;
|
|
@@ -3971,7 +3985,7 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
3971
3985
|
background-color:var(--tds-date-picker-popover-background-color);
|
|
3972
3986
|
border:var(--t-border-width) solid var(--t-border-color);
|
|
3973
3987
|
border-radius:var(--t-border-radius);
|
|
3974
|
-
box-shadow:
|
|
3988
|
+
box-shadow:var(--tds-date-picker-popover-shadow);
|
|
3975
3989
|
opacity:1;
|
|
3976
3990
|
transform:translateY(0);
|
|
3977
3991
|
transition:var(--tds-date-picker-popover-transition-enter);
|
|
@@ -4009,22 +4023,22 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
4009
4023
|
.tds-date-picker-overlay-list{
|
|
4010
4024
|
display:grid;
|
|
4011
4025
|
flex:1;
|
|
4026
|
+
grid-template-columns:repeat(3, 1fr);
|
|
4012
4027
|
gap:var(--t-spacing-half);
|
|
4013
4028
|
padding-inline:var(--tds-date-picker-popover-padding);
|
|
4014
4029
|
outline:0;
|
|
4015
|
-
grid-template-columns:repeat(3, 1fr);
|
|
4016
|
-
scrollbar-width:thin;
|
|
4017
4030
|
scrollbar-color:var(--t-fill-color-transparency-dark-030) transparent;
|
|
4031
|
+
scrollbar-width:thin;
|
|
4018
4032
|
}
|
|
4019
4033
|
|
|
4020
4034
|
.tds-date-picker-overlay--month .tds-date-picker-overlay-list{
|
|
4021
|
-
padding-bottom:var(--tds-date-picker-popover-padding);
|
|
4022
4035
|
grid-template-rows:repeat(4, 1fr);
|
|
4036
|
+
padding-bottom:var(--tds-date-picker-popover-padding);
|
|
4023
4037
|
}
|
|
4024
4038
|
|
|
4025
4039
|
.tds-date-picker-overlay--year .tds-date-picker-overlay-list{
|
|
4026
|
-
padding-right:var(--t-spacing-1);
|
|
4027
4040
|
grid-auto-rows:var(--t-container-size-xl);
|
|
4041
|
+
padding-right:var(--t-spacing-1);
|
|
4028
4042
|
overflow-y:auto;
|
|
4029
4043
|
scroll-padding-block:calc(var(--t-focus-ring-width) + var(--t-focus-ring-offset));
|
|
4030
4044
|
}
|
|
@@ -4036,28 +4050,28 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
4036
4050
|
font-family:inherit;
|
|
4037
4051
|
font-size:var(--tds-date-picker-popover-font-size);
|
|
4038
4052
|
color:var(--t-text-color);
|
|
4039
|
-
cursor:
|
|
4053
|
+
cursor:pointer;
|
|
4040
4054
|
outline:0;
|
|
4041
|
-
background:transparent;
|
|
4055
|
+
background-color:transparent;
|
|
4042
4056
|
border:0;
|
|
4043
4057
|
border-radius:var(--t-border-radius-md);
|
|
4044
4058
|
transition-timing-function:var(--tds-date-picker-popover-interactive-timing-function);
|
|
4045
|
-
transition-duration:var(--
|
|
4059
|
+
transition-duration:var(--t-duration-100);
|
|
4046
4060
|
transition-property:var(--tds-date-picker-popover-interactive-property);
|
|
4047
4061
|
}
|
|
4048
4062
|
|
|
4049
4063
|
.tds-date-picker-overlay-cell[data-hovered]{
|
|
4050
|
-
background:var(--t-fill-color-button-neutral-outline-hover);
|
|
4064
|
+
background-color:var(--t-fill-color-button-neutral-outline-hover);
|
|
4051
4065
|
}
|
|
4052
4066
|
|
|
4053
4067
|
.tds-date-picker-overlay-cell[data-pressed]{
|
|
4054
|
-
background:var(--t-fill-color-button-neutral-outline-active);
|
|
4068
|
+
background-color:var(--t-fill-color-button-neutral-outline-active);
|
|
4055
4069
|
}
|
|
4056
4070
|
|
|
4057
4071
|
.tds-date-picker-overlay-cell[data-selected]{
|
|
4058
4072
|
font-weight:var(--t-font-weight-semibold);
|
|
4059
4073
|
color:var(--t-text-color-inverted);
|
|
4060
|
-
background:var(--t-fill-color-interaction);
|
|
4074
|
+
background-color:var(--t-fill-color-interaction);
|
|
4061
4075
|
}
|
|
4062
4076
|
|
|
4063
4077
|
.tds-date-picker-overlay-cell[data-focus-visible]{
|
|
@@ -4071,33 +4085,48 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
4071
4085
|
.tds-date-picker-calendar-heading{
|
|
4072
4086
|
display:flex;
|
|
4073
4087
|
flex:1;
|
|
4074
|
-
gap:var(--t-spacing-
|
|
4088
|
+
gap:var(--t-spacing-1);
|
|
4075
4089
|
align-items:center;
|
|
4076
4090
|
justify-content:flex-start;
|
|
4091
|
+
padding-inline-start:4px;
|
|
4077
4092
|
}
|
|
4078
4093
|
|
|
4079
4094
|
.tds-date-picker-calendar-overlay-trigger{
|
|
4080
|
-
|
|
4095
|
+
--_background-color:transparent;
|
|
4096
|
+
position:relative;
|
|
4097
|
+
padding:0;
|
|
4081
4098
|
font-family:inherit;
|
|
4082
4099
|
font-size:var(--tds-date-picker-popover-font-size);
|
|
4083
4100
|
font-weight:var(--t-font-weight-semibold);
|
|
4101
|
+
font-feature-settings:"ss01", "ss02";
|
|
4084
4102
|
color:var(--t-text-color);
|
|
4085
|
-
cursor:
|
|
4103
|
+
cursor:pointer;
|
|
4086
4104
|
outline:0;
|
|
4087
|
-
background:transparent;
|
|
4105
|
+
background-color:transparent;
|
|
4088
4106
|
border:0;
|
|
4089
4107
|
border-radius:var(--t-border-radius-md);
|
|
4108
|
+
isolation:isolate;
|
|
4090
4109
|
transition-timing-function:var(--tds-date-picker-popover-interactive-timing-function);
|
|
4091
4110
|
transition-duration:var(--tds-date-picker-popover-interactive-duration);
|
|
4092
4111
|
transition-property:var(--tds-date-picker-popover-interactive-property);
|
|
4093
4112
|
}
|
|
4094
4113
|
|
|
4114
|
+
.tds-date-picker-calendar-overlay-trigger::before{
|
|
4115
|
+
position:absolute;
|
|
4116
|
+
inset:calc(var(--t-spacing-half) * -1);
|
|
4117
|
+
z-index:-1;
|
|
4118
|
+
pointer-events:inherit;
|
|
4119
|
+
content:"";
|
|
4120
|
+
background-color:var(--_background-color);
|
|
4121
|
+
border-radius:inherit;
|
|
4122
|
+
}
|
|
4123
|
+
|
|
4095
4124
|
.tds-date-picker-calendar-overlay-trigger[data-hovered]{
|
|
4096
|
-
|
|
4125
|
+
--_background-color:var(--t-fill-color-button-neutral-outline-hover);
|
|
4097
4126
|
}
|
|
4098
4127
|
|
|
4099
4128
|
.tds-date-picker-calendar-overlay-trigger[data-pressed]{
|
|
4100
|
-
|
|
4129
|
+
--_background-color:var(--t-fill-color-button-neutral-outline-active);
|
|
4101
4130
|
}
|
|
4102
4131
|
|
|
4103
4132
|
.tds-date-picker-calendar-overlay-trigger[data-focus-visible]{
|
|
@@ -4106,9 +4135,9 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
4106
4135
|
}
|
|
4107
4136
|
|
|
4108
4137
|
.tds-date-picker-calendar{
|
|
4109
|
-
font-size:var(--tds-date-picker-popover-font-size);
|
|
4110
4138
|
inline-size:-moz-fit-content;
|
|
4111
4139
|
inline-size:fit-content;
|
|
4140
|
+
font-size:var(--tds-date-picker-popover-font-size);
|
|
4112
4141
|
}
|
|
4113
4142
|
|
|
4114
4143
|
.tds-date-picker-calendar-body{
|
|
@@ -4130,28 +4159,16 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
4130
4159
|
font-weight:var(--t-font-weight-semibold);
|
|
4131
4160
|
}
|
|
4132
4161
|
|
|
4133
|
-
.tds-date-picker-calendar-title--visually-hidden{
|
|
4134
|
-
position:absolute;
|
|
4135
|
-
inline-size:1px;
|
|
4136
|
-
block-size:1px;
|
|
4137
|
-
padding:0;
|
|
4138
|
-
margin:-1px;
|
|
4139
|
-
overflow:hidden;
|
|
4140
|
-
white-space:nowrap;
|
|
4141
|
-
border:0;
|
|
4142
|
-
clip-path:inset(50%);
|
|
4143
|
-
}
|
|
4144
|
-
|
|
4145
4162
|
.tds-date-picker-calendar-nav{
|
|
4146
|
-
font-size:var(--tds-date-picker-popover-font-size);
|
|
4147
4163
|
display:flex;
|
|
4148
4164
|
align-items:center;
|
|
4149
4165
|
justify-content:center;
|
|
4150
4166
|
padding:var(--t-spacing-half);
|
|
4167
|
+
font-size:.875em;
|
|
4151
4168
|
color:var(--t-text-color);
|
|
4152
|
-
cursor:
|
|
4169
|
+
cursor:pointer;
|
|
4153
4170
|
outline:0;
|
|
4154
|
-
background:transparent;
|
|
4171
|
+
background-color:transparent;
|
|
4155
4172
|
border:0;
|
|
4156
4173
|
border-radius:var(--t-border-radius-md);
|
|
4157
4174
|
transition-timing-function:var(--tds-date-picker-popover-interactive-timing-function);
|
|
@@ -4160,11 +4177,11 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
4160
4177
|
}
|
|
4161
4178
|
|
|
4162
4179
|
.tds-date-picker-calendar-nav[data-hovered]{
|
|
4163
|
-
background:var(--t-fill-color-button-neutral-outline-hover);
|
|
4180
|
+
background-color:var(--t-fill-color-button-neutral-outline-hover);
|
|
4164
4181
|
}
|
|
4165
4182
|
|
|
4166
4183
|
.tds-date-picker-calendar-nav[data-pressed]{
|
|
4167
|
-
background:var(--t-fill-color-button-neutral-outline-active);
|
|
4184
|
+
background-color:var(--t-fill-color-button-neutral-outline-active);
|
|
4168
4185
|
}
|
|
4169
4186
|
|
|
4170
4187
|
.tds-date-picker-calendar-nav[data-focus-visible]{
|
|
@@ -4177,84 +4194,90 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
4177
4194
|
cursor:not-allowed;
|
|
4178
4195
|
}
|
|
4179
4196
|
|
|
4180
|
-
.tds-date-picker-calendar-nav svg{
|
|
4181
|
-
transform:scale(0.875);
|
|
4182
|
-
}
|
|
4183
|
-
|
|
4184
|
-
.tds-date-picker-calendar-nav--lg svg{
|
|
4185
|
-
transform:scale(1);
|
|
4186
|
-
}
|
|
4187
|
-
|
|
4188
4197
|
.tds-date-picker-calendar-grid{
|
|
4198
|
+
font-feature-settings:"ss01", "ss02";
|
|
4189
4199
|
border-collapse:collapse;
|
|
4190
4200
|
}
|
|
4191
4201
|
|
|
4202
|
+
.tds-date-picker-calendar-grid :where(thead,tbody,tr,td,th){
|
|
4203
|
+
padding:0;
|
|
4204
|
+
border:0;
|
|
4205
|
+
}
|
|
4206
|
+
|
|
4192
4207
|
.tds-date-picker-calendar-header-cell{
|
|
4193
|
-
padding-block:var(--t-spacing-
|
|
4194
|
-
font-size
|
|
4208
|
+
padding-block-end:var(--t-spacing-1);
|
|
4209
|
+
font-size:.875em;
|
|
4195
4210
|
font-weight:var(--t-font-weight-medium);
|
|
4196
4211
|
color:var(--t-text-color-secondary);
|
|
4197
4212
|
text-align:center;
|
|
4213
|
+
-webkit-user-select:none;
|
|
4214
|
+
-moz-user-select:none;
|
|
4215
|
+
user-select:none;
|
|
4198
4216
|
}
|
|
4199
4217
|
|
|
4200
|
-
.tds-date-picker-calendar-cell{
|
|
4218
|
+
.tds-date-picker-calendar-cell-button{
|
|
4219
|
+
position:relative;
|
|
4201
4220
|
display:flex;
|
|
4202
4221
|
align-items:center;
|
|
4203
4222
|
justify-content:center;
|
|
4204
4223
|
inline-size:2.25em;
|
|
4205
4224
|
block-size:2.25em;
|
|
4206
4225
|
color:var(--t-text-color);
|
|
4207
|
-
cursor:
|
|
4226
|
+
cursor:pointer;
|
|
4227
|
+
-webkit-user-select:none;
|
|
4228
|
+
-moz-user-select:none;
|
|
4229
|
+
user-select:none;
|
|
4208
4230
|
outline:0;
|
|
4209
|
-
border:2px solid transparent;
|
|
4210
|
-
border-radius:var(--t-border-radius-md);
|
|
4211
|
-
position:relative;
|
|
4212
|
-
transition-timing-function:var(--tds-date-picker-popover-interactive-timing-function);
|
|
4213
|
-
transition-duration:var(--tds-date-picker-popover-interactive-duration);
|
|
4214
|
-
transition-property:var(--tds-date-picker-popover-interactive-property);
|
|
4215
4231
|
}
|
|
4216
4232
|
|
|
4217
|
-
.tds-date-picker-calendar-cell
|
|
4233
|
+
.tds-date-picker-calendar-cell-button::before{
|
|
4234
|
+
position:absolute;
|
|
4235
|
+
inset:0;
|
|
4236
|
+
z-index:-1;
|
|
4237
|
+
content:"";
|
|
4238
|
+
background-color:var(--_background-color);
|
|
4218
4239
|
border-radius:50%;
|
|
4219
|
-
border-color:var(--t-border-color);
|
|
4220
4240
|
}
|
|
4221
4241
|
|
|
4222
|
-
.tds-date-picker-calendar-cell[data-
|
|
4223
|
-
|
|
4242
|
+
.tds-date-picker-calendar-cell-button[data-today]::before{
|
|
4243
|
+
box-shadow:inset 0 0 0 1.5px var(--t-border-color);
|
|
4244
|
+
}
|
|
4245
|
+
|
|
4246
|
+
.tds-date-picker-calendar-cell-button[data-outside-month]{
|
|
4247
|
+
display:none;
|
|
4224
4248
|
}
|
|
4225
4249
|
|
|
4226
|
-
.tds-date-picker-calendar-cell[data-hovered]{
|
|
4227
|
-
|
|
4250
|
+
.tds-date-picker-calendar-cell-button[data-hovered]{
|
|
4251
|
+
--_background-color:var(--t-fill-color-button-neutral-outline-hover);
|
|
4228
4252
|
}
|
|
4229
4253
|
|
|
4230
|
-
.tds-date-picker-calendar-cell[data-pressed]{
|
|
4231
|
-
|
|
4254
|
+
.tds-date-picker-calendar-cell-button[data-pressed]{
|
|
4255
|
+
--_background-color:var(--t-fill-color-button-neutral-outline-active);
|
|
4232
4256
|
}
|
|
4233
4257
|
|
|
4234
|
-
.tds-date-picker-calendar-cell[data-selected]{
|
|
4258
|
+
.tds-date-picker-calendar-cell-button[data-selected]{
|
|
4259
|
+
--_background-color:var(--t-fill-color-interaction);
|
|
4235
4260
|
font-weight:var(--t-font-weight-semibold);
|
|
4236
4261
|
color:var(--t-text-color-inverted);
|
|
4237
|
-
background:var(--t-fill-color-interaction);
|
|
4238
4262
|
border-color:transparent;
|
|
4239
4263
|
}
|
|
4240
4264
|
|
|
4241
|
-
.tds-date-picker-calendar-cell[data-unavailable]{
|
|
4265
|
+
.tds-date-picker-calendar-cell-button[data-unavailable]{
|
|
4242
4266
|
color:var(--t-text-color-disabled);
|
|
4243
4267
|
text-decoration:line-through;
|
|
4244
4268
|
cursor:not-allowed;
|
|
4245
4269
|
}
|
|
4246
4270
|
|
|
4247
|
-
.tds-date-picker-calendar-cell[data-disabled]{
|
|
4271
|
+
.tds-date-picker-calendar-cell-button[data-disabled]{
|
|
4248
4272
|
color:var(--t-text-color-disabled);
|
|
4249
|
-
cursor:not-allowed;
|
|
4250
4273
|
}
|
|
4251
4274
|
|
|
4252
|
-
.tds-date-picker-calendar-cell[data-focus-visible]{
|
|
4275
|
+
.tds-date-picker-calendar-cell-button[data-focus-visible]{
|
|
4253
4276
|
outline:var(--t-focus-ring-width) solid var(--t-focus-ring-color);
|
|
4254
4277
|
outline-offset:-2px;
|
|
4255
4278
|
}
|
|
4256
4279
|
|
|
4257
|
-
.tds-date-picker-calendar-cell[data-focus-visible][data-selected]{
|
|
4280
|
+
.tds-date-picker-calendar-cell-button[data-focus-visible][data-selected]{
|
|
4258
4281
|
outline-offset:var(--t-focus-ring-offset);
|
|
4259
4282
|
}
|
|
4260
4283
|
|