@planningcenter/tapestry 4.4.0-rc.6 → 4.4.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/dist/components/page-header/index.js +1 -1
- package/dist/components/sidenav/index.js +1 -1
- package/dist/ext/@internationalized/date/dist/private/CalendarDate.js +40 -10
- package/dist/ext/@internationalized/date/dist/private/CalendarDate.js.map +1 -1
- package/dist/ext/@internationalized/date/dist/private/DateFormatter.js +4 -1
- package/dist/ext/@internationalized/date/dist/private/DateFormatter.js.map +1 -1
- package/dist/ext/@internationalized/date/dist/private/manipulation.js +1 -1
- package/dist/ext/@internationalized/date/dist/private/manipulation.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/{p-Bpho8UVy.js → p-6NO22Vi_.js} +2 -2
- package/dist/packages/tapestry-wc/dist/components/p-6NO22Vi_.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/{p-BZQPM5rQ.js → p-B2xqMgNQ.js} +2 -2
- package/dist/packages/tapestry-wc/dist/components/p-B2xqMgNQ.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/{p-D0iH4SPJ.js → p-BVvtAaVT.js} +3 -3
- package/dist/packages/tapestry-wc/dist/components/p-BVvtAaVT.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/{p-C6DfaWea.js → p-Rn6lOB18.js} +3 -3
- package/dist/packages/tapestry-wc/dist/components/p-Rn6lOB18.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/{p-DOdCGCnH.js → p-np7vhMVg.js} +3 -3
- package/dist/packages/tapestry-wc/dist/components/p-np7vhMVg.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 +147 -147
- package/dist/reactRender.css.map +1 -1
- package/dist/reactRenderLegacy.css +147 -147
- package/dist/reactRenderLegacy.css.map +1 -1
- package/package.json +7 -7
- package/dist/packages/tapestry-wc/dist/components/p-BZQPM5rQ.js.map +0 -1
- package/dist/packages/tapestry-wc/dist/components/p-Bpho8UVy.js.map +0 -1
- package/dist/packages/tapestry-wc/dist/components/p-C6DfaWea.js.map +0 -1
- package/dist/packages/tapestry-wc/dist/components/p-D0iH4SPJ.js.map +0 -1
- package/dist/packages/tapestry-wc/dist/components/p-DOdCGCnH.js.map +0 -1
|
@@ -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-B2xqMgNQ.js';
|
|
2
|
+
import { r as removeSSRSlot } from './p-6NO22Vi_.js';
|
|
3
3
|
|
|
4
4
|
/*!
|
|
5
5
|
* Planning Center Tapestry Web Components
|
|
6
|
-
* Version: 4.4.0
|
|
6
|
+
* Version: 4.4.0
|
|
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: 4.4.0
|
|
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: 4.4.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-B2xqMgNQ.js';\nimport { r as removeSSRSlot } from './p-6NO22Vi_.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-Rn6lOB18.js';
|
|
2
2
|
|
|
3
3
|
/*!
|
|
4
4
|
* Planning Center Tapestry Web Components
|
|
5
|
-
* Version: 4.4.0
|
|
5
|
+
* Version: 4.4.0
|
|
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: 4.4.0
|
|
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: 4.4.0\n */\nimport { S as SidenavResponsiveHeader, d as defineCustomElement$1 } from './p-Rn6lOB18.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-B2xqMgNQ.js';
|
|
2
|
+
import { r as removeSSRSlot } from './p-6NO22Vi_.js';
|
|
3
3
|
|
|
4
4
|
/*!
|
|
5
5
|
* Planning Center Tapestry Web Components
|
|
6
|
-
* Version: 4.4.0
|
|
6
|
+
* Version: 4.4.0
|
|
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: 4.4.0
|
|
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: 4.4.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-B2xqMgNQ.js';\nimport { r as removeSSRSlot } from './p-6NO22Vi_.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-B2xqMgNQ.js';
|
|
2
|
+
import { r as removeSSRSlot } from './p-6NO22Vi_.js';
|
|
3
|
+
import { d as defineCustomElement$3 } from './p-BVvtAaVT.js';
|
|
4
|
+
import { d as defineCustomElement$2 } from './p-Rn6lOB18.js';
|
|
5
5
|
|
|
6
6
|
/*!
|
|
7
7
|
* Planning Center Tapestry Web Components
|
|
8
|
-
* Version: 4.4.0
|
|
8
|
+
* Version: 4.4.0
|
|
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: 4.4.0
|
|
1
|
+
{"version":3,"file":"tds-sidenav.js","sources":["../../../../../../tapestry-wc/dist/components/tds-sidenav.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 4.4.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-B2xqMgNQ.js';\nimport { r as removeSSRSlot } from './p-6NO22Vi_.js';\nimport { d as defineCustomElement$3 } from './p-BVvtAaVT.js';\nimport { d as defineCustomElement$2 } from './p-Rn6lOB18.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/reactRender.css
CHANGED
|
@@ -1039,6 +1039,48 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
1039
1039
|
flex-direction:column;
|
|
1040
1040
|
}
|
|
1041
1041
|
|
|
1042
|
+
.tds-button-group{
|
|
1043
|
+
display:inline-flex;
|
|
1044
|
+
}
|
|
1045
|
+
.tds-button-group > .tds-btn{
|
|
1046
|
+
--tds-button-group-item-z-index:1;
|
|
1047
|
+
|
|
1048
|
+
position:relative;
|
|
1049
|
+
z-index:var(--tds-button-group-item-z-index);
|
|
1050
|
+
border-radius:0;
|
|
1051
|
+
}
|
|
1052
|
+
:is(.tds-button-group > .tds-btn):not(:first-child){
|
|
1053
|
+
margin-inline-start:calc(var(--tds-btn-border-width) * -1);
|
|
1054
|
+
}
|
|
1055
|
+
:is(.tds-button-group > .tds-btn):is(.tds-btn--interaction,.tds-btn--neutral,.tds-btn--staff-only):not(:first-child)::before,:is(.tds-button-group > .tds-btn):is(.tds-btn--interaction,.tds-btn--neutral,.tds-btn--staff-only):not(:last-child)::after{
|
|
1056
|
+
position:absolute;
|
|
1057
|
+
inset-block:calc(var(--tds-btn-border-width) * -1);
|
|
1058
|
+
width:var(--tds-btn-border-width);
|
|
1059
|
+
pointer-events:none;
|
|
1060
|
+
content:"";
|
|
1061
|
+
background-color:var(--t-border-color-white);
|
|
1062
|
+
}
|
|
1063
|
+
:is(.tds-button-group > .tds-btn):is(.tds-btn--interaction,.tds-btn--neutral,.tds-btn--staff-only):not(:first-child)::before{
|
|
1064
|
+
inset-inline-start:calc(var(--tds-btn-border-width) * -1);
|
|
1065
|
+
}
|
|
1066
|
+
:is(.tds-button-group > .tds-btn):is(.tds-btn--interaction,.tds-btn--neutral,.tds-btn--staff-only):not(:last-child)::after{
|
|
1067
|
+
inset-inline-end:calc(var(--tds-btn-border-width) * -1);
|
|
1068
|
+
}
|
|
1069
|
+
:is(.tds-button-group > .tds-btn):hover{
|
|
1070
|
+
--tds-button-group-item-z-index:2;
|
|
1071
|
+
}
|
|
1072
|
+
:is(.tds-button-group > .tds-btn):focus-visible{
|
|
1073
|
+
--tds-button-group-item-z-index:5;
|
|
1074
|
+
}
|
|
1075
|
+
.tds-button-group > .tds-btn:first-child{
|
|
1076
|
+
border-start-start-radius:var(--tds-btn-border-radius);
|
|
1077
|
+
border-end-start-radius:var(--tds-btn-border-radius);
|
|
1078
|
+
}
|
|
1079
|
+
.tds-button-group > .tds-btn:last-child{
|
|
1080
|
+
border-start-end-radius:var(--tds-btn-border-radius);
|
|
1081
|
+
border-end-end-radius:var(--tds-btn-border-radius);
|
|
1082
|
+
}
|
|
1083
|
+
|
|
1042
1084
|
.tds-checkbox{
|
|
1043
1085
|
--tds-checkbox-font-size:var(--t-font-size-md);
|
|
1044
1086
|
--tds-checkbox-cursor:pointer;
|
|
@@ -1331,48 +1373,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
1331
1373
|
}
|
|
1332
1374
|
}
|
|
1333
1375
|
|
|
1334
|
-
.tds-button-group{
|
|
1335
|
-
display:inline-flex;
|
|
1336
|
-
}
|
|
1337
|
-
.tds-button-group > .tds-btn{
|
|
1338
|
-
--tds-button-group-item-z-index:1;
|
|
1339
|
-
|
|
1340
|
-
position:relative;
|
|
1341
|
-
z-index:var(--tds-button-group-item-z-index);
|
|
1342
|
-
border-radius:0;
|
|
1343
|
-
}
|
|
1344
|
-
:is(.tds-button-group > .tds-btn):not(:first-child){
|
|
1345
|
-
margin-inline-start:calc(var(--tds-btn-border-width) * -1);
|
|
1346
|
-
}
|
|
1347
|
-
:is(.tds-button-group > .tds-btn):is(.tds-btn--interaction,.tds-btn--neutral,.tds-btn--staff-only):not(:first-child)::before,:is(.tds-button-group > .tds-btn):is(.tds-btn--interaction,.tds-btn--neutral,.tds-btn--staff-only):not(:last-child)::after{
|
|
1348
|
-
position:absolute;
|
|
1349
|
-
inset-block:calc(var(--tds-btn-border-width) * -1);
|
|
1350
|
-
width:var(--tds-btn-border-width);
|
|
1351
|
-
pointer-events:none;
|
|
1352
|
-
content:"";
|
|
1353
|
-
background-color:var(--t-border-color-white);
|
|
1354
|
-
}
|
|
1355
|
-
:is(.tds-button-group > .tds-btn):is(.tds-btn--interaction,.tds-btn--neutral,.tds-btn--staff-only):not(:first-child)::before{
|
|
1356
|
-
inset-inline-start:calc(var(--tds-btn-border-width) * -1);
|
|
1357
|
-
}
|
|
1358
|
-
:is(.tds-button-group > .tds-btn):is(.tds-btn--interaction,.tds-btn--neutral,.tds-btn--staff-only):not(:last-child)::after{
|
|
1359
|
-
inset-inline-end:calc(var(--tds-btn-border-width) * -1);
|
|
1360
|
-
}
|
|
1361
|
-
:is(.tds-button-group > .tds-btn):hover{
|
|
1362
|
-
--tds-button-group-item-z-index:2;
|
|
1363
|
-
}
|
|
1364
|
-
:is(.tds-button-group > .tds-btn):focus-visible{
|
|
1365
|
-
--tds-button-group-item-z-index:5;
|
|
1366
|
-
}
|
|
1367
|
-
.tds-button-group > .tds-btn:first-child{
|
|
1368
|
-
border-start-start-radius:var(--tds-btn-border-radius);
|
|
1369
|
-
border-end-start-radius:var(--tds-btn-border-radius);
|
|
1370
|
-
}
|
|
1371
|
-
.tds-button-group > .tds-btn:last-child{
|
|
1372
|
-
border-start-end-radius:var(--tds-btn-border-radius);
|
|
1373
|
-
border-end-end-radius:var(--tds-btn-border-radius);
|
|
1374
|
-
}
|
|
1375
|
-
|
|
1376
1376
|
.tds-modal-overlay{
|
|
1377
1377
|
--tds-modal-min-margin-block:var(--t-spacing-3);
|
|
1378
1378
|
|
|
@@ -1669,6 +1669,111 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
1669
1669
|
--tds-radio-description-line-height:1.3;
|
|
1670
1670
|
}
|
|
1671
1671
|
|
|
1672
|
+
.tds-input:has(textarea){
|
|
1673
|
+
--tds-input-padding-block:6px;
|
|
1674
|
+
--tds-input-resizer-size:var(--t-element-size-sm);
|
|
1675
|
+
--tds-input-resizer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%236f7784' stroke-linecap='round' stroke-width='1.25'%3E%3Cpath d='M5.5 13l7.5-7.5'/%3E%3Cpath d='M9 13l4-4'/%3E%3C/g%3E%3C/svg%3E");
|
|
1676
|
+
}
|
|
1677
|
+
|
|
1678
|
+
@supports (x: attr(x type(*))){
|
|
1679
|
+
|
|
1680
|
+
.tds-input textarea{
|
|
1681
|
+
--tds-input-min-height:calc((attr(rows type(<number>), 3) * 1lh) + (var(--tds-input-padding-block) * 2) + 2px);
|
|
1682
|
+
}
|
|
1683
|
+
}
|
|
1684
|
+
|
|
1685
|
+
.tds-input.tds-textarea--resize-vertical textarea{
|
|
1686
|
+
resize:vertical;
|
|
1687
|
+
}
|
|
1688
|
+
|
|
1689
|
+
.tds-input.tds-textarea--resize-none textarea{
|
|
1690
|
+
resize:none;
|
|
1691
|
+
}
|
|
1692
|
+
|
|
1693
|
+
.tds-input.tds-textarea--resize-auto textarea{
|
|
1694
|
+
resize:vertical;
|
|
1695
|
+
}
|
|
1696
|
+
|
|
1697
|
+
@supports (field-sizing: content){
|
|
1698
|
+
.tds-input.tds-textarea--resize-auto textarea{
|
|
1699
|
+
field-sizing:content;
|
|
1700
|
+
resize:none;
|
|
1701
|
+
}
|
|
1702
|
+
}
|
|
1703
|
+
|
|
1704
|
+
.tds-input textarea{
|
|
1705
|
+
--tds-input-scrollbar-thumb-color-default:var(--t-fill-color-neutral-040);
|
|
1706
|
+
--tds-input-scrollbar-thumb-color-hidden:transparent;
|
|
1707
|
+
--tds-input-scrollbar-thumb-color-hover:var(--t-fill-color-neutral-030);
|
|
1708
|
+
--tds-input-scrollbar-thumb-color-thumb-hover:var(--t-fill-color-neutral-020);
|
|
1709
|
+
--tds-input-scrollbar-thumb-color-thumb-active:var(--t-fill-color-neutral-010);
|
|
1710
|
+
--tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-default);
|
|
1711
|
+
--tds-input-scrollbar-surface-color:rgba(0, 0, 0, 0);
|
|
1712
|
+
--tds-input-scrollbar-thumb-border-radius:999px;
|
|
1713
|
+
--tds-input-scrollbar-thumb-border-width:3px;
|
|
1714
|
+
--tds-input-scrollbar-track-margin-block:.125rem;
|
|
1715
|
+
scrollbar-color:initial;
|
|
1716
|
+
transition-timing-function:var(--t-ease-in-out);
|
|
1717
|
+
transition-duration:var(--t-duration-200);
|
|
1718
|
+
transition-property:var(--tds-input-transition-property), --tds-input-scrollbar-thumb-color;
|
|
1719
|
+
}
|
|
1720
|
+
|
|
1721
|
+
@media (pointer: fine){
|
|
1722
|
+
:is(.tds-input textarea)::-webkit-scrollbar{
|
|
1723
|
+
width:12px;
|
|
1724
|
+
height:12px;
|
|
1725
|
+
cursor:default;
|
|
1726
|
+
}
|
|
1727
|
+
|
|
1728
|
+
:is(.tds-input textarea)::-webkit-scrollbar-thumb{
|
|
1729
|
+
cursor:default;
|
|
1730
|
+
background:var(--tds-input-scrollbar-thumb-color);
|
|
1731
|
+
background-clip:content-box;
|
|
1732
|
+
border:var(--tds-input-scrollbar-thumb-border-width) solid var(--tds-input-scrollbar-surface-color);
|
|
1733
|
+
border-radius:var(--tds-input-scrollbar-thumb-border-radius);
|
|
1734
|
+
}
|
|
1735
|
+
|
|
1736
|
+
:is(.tds-input textarea):is(:hover,:focus-within,:focus-visible){
|
|
1737
|
+
--tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-hover);
|
|
1738
|
+
}
|
|
1739
|
+
|
|
1740
|
+
:is(.tds-input textarea)::-webkit-scrollbar-thumb:hover{
|
|
1741
|
+
--tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-thumb-hover);
|
|
1742
|
+
}
|
|
1743
|
+
|
|
1744
|
+
:is(.tds-input textarea)::-webkit-scrollbar-thumb:active{
|
|
1745
|
+
--tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-thumb-active);
|
|
1746
|
+
}
|
|
1747
|
+
|
|
1748
|
+
:is(.tds-input textarea)::-webkit-scrollbar-corner{
|
|
1749
|
+
background:var(--tds-input-scrollbar-surface-color);
|
|
1750
|
+
}
|
|
1751
|
+
|
|
1752
|
+
:is(.tds-input textarea)::-webkit-resizer{
|
|
1753
|
+
background:var(--tds-input-resizer-icon) no-repeat;
|
|
1754
|
+
background-position:right bottom;
|
|
1755
|
+
background-size:var(--tds-input-resizer-size) var(--tds-input-resizer-size);
|
|
1756
|
+
}
|
|
1757
|
+
|
|
1758
|
+
:is(.tds-input textarea)::-webkit-scrollbar-track{
|
|
1759
|
+
margin-block:var(--tds-input-scrollbar-track-margin-block);
|
|
1760
|
+
cursor:default;
|
|
1761
|
+
}
|
|
1762
|
+
|
|
1763
|
+
@supports (-moz-appearance: none){
|
|
1764
|
+
:is(.tds-input textarea){
|
|
1765
|
+
scrollbar-color:var(--tds-input-scrollbar-thumb-color-default) var(--tds-input-scrollbar-surface-color);
|
|
1766
|
+
scrollbar-width:thin;
|
|
1767
|
+
}
|
|
1768
|
+
|
|
1769
|
+
@media (hover){
|
|
1770
|
+
:is(.tds-input textarea):is(:hover,:focus-within,:focus-visible){
|
|
1771
|
+
scrollbar-color:var(--tds-input-scrollbar-thumb-color-hover) var(--tds-input-scrollbar-surface-color);
|
|
1772
|
+
}
|
|
1773
|
+
}
|
|
1774
|
+
}
|
|
1775
|
+
}
|
|
1776
|
+
|
|
1672
1777
|
.tds-radio-group{
|
|
1673
1778
|
--tds-radio-group-font-size:var(--t-font-size-md);
|
|
1674
1779
|
--tds-radio-group-line-height:1.4;
|
|
@@ -1892,111 +1997,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
1892
1997
|
--tds-toggle-switch-display:inline-flex;
|
|
1893
1998
|
}
|
|
1894
1999
|
|
|
1895
|
-
.tds-input:has(textarea){
|
|
1896
|
-
--tds-input-padding-block:6px;
|
|
1897
|
-
--tds-input-resizer-size:var(--t-element-size-sm);
|
|
1898
|
-
--tds-input-resizer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%236f7784' stroke-linecap='round' stroke-width='1.25'%3E%3Cpath d='M5.5 13l7.5-7.5'/%3E%3Cpath d='M9 13l4-4'/%3E%3C/g%3E%3C/svg%3E");
|
|
1899
|
-
}
|
|
1900
|
-
|
|
1901
|
-
@supports (x: attr(x type(*))){
|
|
1902
|
-
|
|
1903
|
-
.tds-input textarea{
|
|
1904
|
-
--tds-input-min-height:calc((attr(rows type(<number>), 3) * 1lh) + (var(--tds-input-padding-block) * 2) + 2px);
|
|
1905
|
-
}
|
|
1906
|
-
}
|
|
1907
|
-
|
|
1908
|
-
.tds-input.tds-textarea--resize-vertical textarea{
|
|
1909
|
-
resize:vertical;
|
|
1910
|
-
}
|
|
1911
|
-
|
|
1912
|
-
.tds-input.tds-textarea--resize-none textarea{
|
|
1913
|
-
resize:none;
|
|
1914
|
-
}
|
|
1915
|
-
|
|
1916
|
-
.tds-input.tds-textarea--resize-auto textarea{
|
|
1917
|
-
resize:vertical;
|
|
1918
|
-
}
|
|
1919
|
-
|
|
1920
|
-
@supports (field-sizing: content){
|
|
1921
|
-
.tds-input.tds-textarea--resize-auto textarea{
|
|
1922
|
-
field-sizing:content;
|
|
1923
|
-
resize:none;
|
|
1924
|
-
}
|
|
1925
|
-
}
|
|
1926
|
-
|
|
1927
|
-
.tds-input textarea{
|
|
1928
|
-
--tds-input-scrollbar-thumb-color-default:var(--t-fill-color-neutral-040);
|
|
1929
|
-
--tds-input-scrollbar-thumb-color-hidden:transparent;
|
|
1930
|
-
--tds-input-scrollbar-thumb-color-hover:var(--t-fill-color-neutral-030);
|
|
1931
|
-
--tds-input-scrollbar-thumb-color-thumb-hover:var(--t-fill-color-neutral-020);
|
|
1932
|
-
--tds-input-scrollbar-thumb-color-thumb-active:var(--t-fill-color-neutral-010);
|
|
1933
|
-
--tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-default);
|
|
1934
|
-
--tds-input-scrollbar-surface-color:rgba(0, 0, 0, 0);
|
|
1935
|
-
--tds-input-scrollbar-thumb-border-radius:999px;
|
|
1936
|
-
--tds-input-scrollbar-thumb-border-width:3px;
|
|
1937
|
-
--tds-input-scrollbar-track-margin-block:.125rem;
|
|
1938
|
-
scrollbar-color:initial;
|
|
1939
|
-
transition-timing-function:var(--t-ease-in-out);
|
|
1940
|
-
transition-duration:var(--t-duration-200);
|
|
1941
|
-
transition-property:var(--tds-input-transition-property), --tds-input-scrollbar-thumb-color;
|
|
1942
|
-
}
|
|
1943
|
-
|
|
1944
|
-
@media (pointer: fine){
|
|
1945
|
-
:is(.tds-input textarea)::-webkit-scrollbar{
|
|
1946
|
-
width:12px;
|
|
1947
|
-
height:12px;
|
|
1948
|
-
cursor:default;
|
|
1949
|
-
}
|
|
1950
|
-
|
|
1951
|
-
:is(.tds-input textarea)::-webkit-scrollbar-thumb{
|
|
1952
|
-
cursor:default;
|
|
1953
|
-
background:var(--tds-input-scrollbar-thumb-color);
|
|
1954
|
-
background-clip:content-box;
|
|
1955
|
-
border:var(--tds-input-scrollbar-thumb-border-width) solid var(--tds-input-scrollbar-surface-color);
|
|
1956
|
-
border-radius:var(--tds-input-scrollbar-thumb-border-radius);
|
|
1957
|
-
}
|
|
1958
|
-
|
|
1959
|
-
:is(.tds-input textarea):is(:hover,:focus-within,:focus-visible){
|
|
1960
|
-
--tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-hover);
|
|
1961
|
-
}
|
|
1962
|
-
|
|
1963
|
-
:is(.tds-input textarea)::-webkit-scrollbar-thumb:hover{
|
|
1964
|
-
--tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-thumb-hover);
|
|
1965
|
-
}
|
|
1966
|
-
|
|
1967
|
-
:is(.tds-input textarea)::-webkit-scrollbar-thumb:active{
|
|
1968
|
-
--tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-thumb-active);
|
|
1969
|
-
}
|
|
1970
|
-
|
|
1971
|
-
:is(.tds-input textarea)::-webkit-scrollbar-corner{
|
|
1972
|
-
background:var(--tds-input-scrollbar-surface-color);
|
|
1973
|
-
}
|
|
1974
|
-
|
|
1975
|
-
:is(.tds-input textarea)::-webkit-resizer{
|
|
1976
|
-
background:var(--tds-input-resizer-icon) no-repeat;
|
|
1977
|
-
background-position:right bottom;
|
|
1978
|
-
background-size:var(--tds-input-resizer-size) var(--tds-input-resizer-size);
|
|
1979
|
-
}
|
|
1980
|
-
|
|
1981
|
-
:is(.tds-input textarea)::-webkit-scrollbar-track{
|
|
1982
|
-
margin-block:var(--tds-input-scrollbar-track-margin-block);
|
|
1983
|
-
cursor:default;
|
|
1984
|
-
}
|
|
1985
|
-
|
|
1986
|
-
@supports (-moz-appearance: none){
|
|
1987
|
-
:is(.tds-input textarea){
|
|
1988
|
-
scrollbar-color:var(--tds-input-scrollbar-thumb-color-default) var(--tds-input-scrollbar-surface-color);
|
|
1989
|
-
scrollbar-width:thin;
|
|
1990
|
-
}
|
|
1991
|
-
|
|
1992
|
-
@media (hover){
|
|
1993
|
-
:is(.tds-input textarea):is(:hover,:focus-within,:focus-visible){
|
|
1994
|
-
scrollbar-color:var(--tds-input-scrollbar-thumb-color-hover) var(--tds-input-scrollbar-surface-color);
|
|
1995
|
-
}
|
|
1996
|
-
}
|
|
1997
|
-
}
|
|
1998
|
-
}
|
|
1999
|
-
|
|
2000
2000
|
@layer t-critical{
|
|
2001
2001
|
tds-page-header:not(.hydrated){
|
|
2002
2002
|
display:none;
|