@planningcenter/tapestry 3.0.0 → 3.0.1-rc.1
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/Banner/Banner.js +7 -7
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/button/BaseButton.js +4 -4
- package/dist/components/button/BaseButton.js.map +1 -1
- package/dist/components/button/Button.js +2 -2
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/button/DropdownButton.js +3 -3
- package/dist/components/button/DropdownButton.js.map +1 -1
- package/dist/components/button/DropdownIconButton.js +2 -2
- package/dist/components/button/DropdownIconButton.js.map +1 -1
- package/dist/components/button/IconButton.js +2 -2
- package/dist/components/button/IconButton.js.map +1 -1
- package/dist/components/button/LoadingButton.js +2 -2
- package/dist/components/button/LoadingButton.js.map +1 -1
- package/dist/components/button/PageHeaderActionsDropdownButton.js +3 -3
- package/dist/components/button/PageHeaderActionsDropdownButton.js.map +1 -1
- package/dist/components/checkbox/Checkbox.js +6 -6
- package/dist/components/checkbox/Checkbox.js.map +1 -1
- package/dist/components/input/Input.d.ts.map +1 -1
- package/dist/components/input/Input.js +5 -18
- package/dist/components/input/Input.js.map +1 -1
- package/dist/components/input-text-base/InputTextBase.d.ts +17 -0
- package/dist/components/input-text-base/InputTextBase.d.ts.map +1 -0
- package/dist/components/input-text-base/InputTextBase.js +26 -0
- package/dist/components/input-text-base/InputTextBase.js.map +1 -0
- package/dist/components/input-text-base/index.d.ts +4 -0
- package/dist/components/input-text-base/index.d.ts.map +1 -0
- package/dist/components/internal/LoadingSpinner.js +2 -2
- package/dist/components/internal/LoadingSpinner.js.map +1 -1
- package/dist/components/link/BaseLink.js +2 -2
- package/dist/components/link/BaseLink.js.map +1 -1
- package/dist/components/link/IconLink.js +2 -2
- package/dist/components/link/IconLink.js.map +1 -1
- package/dist/components/link/Link.js +2 -2
- package/dist/components/link/Link.js.map +1 -1
- package/dist/components/page-header/index.js +1 -1
- package/dist/components/radio/Radio.js +5 -5
- package/dist/components/radio/Radio.js.map +1 -1
- package/dist/components/select/SelectNative.d.ts +18 -0
- package/dist/components/select/SelectNative.d.ts.map +1 -0
- package/dist/components/select/SelectOptions.d.ts +9 -0
- package/dist/components/select/SelectOptions.d.ts.map +1 -0
- package/dist/components/select/SelectPopover.d.ts +63 -0
- package/dist/components/select/SelectPopover.d.ts.map +1 -0
- package/dist/components/select/index.d.ts +2 -0
- package/dist/components/select/index.d.ts.map +1 -0
- package/dist/components/sidenav/index.js +1 -1
- package/dist/components/text-area/TextArea.d.ts.map +1 -0
- package/dist/components/text-area/TextArea.js +16 -0
- package/dist/components/text-area/TextArea.js.map +1 -0
- package/dist/components/text-area/index.d.ts.map +1 -0
- package/dist/components/toggle-switch/ToggleSwitch.js +6 -6
- package/dist/components/toggle-switch/ToggleSwitch.js.map +1 -1
- package/dist/index.css +1 -0
- package/dist/index.css.map +1 -1
- package/dist/reactRender.css +497 -614
- package/dist/reactRender.css.map +1 -1
- package/dist/reactRenderLegacy.css +497 -614
- package/dist/reactRenderLegacy.css.map +1 -1
- package/dist/tapestry-reset.css +10 -2
- package/dist/tapestry-reset.css.map +1 -1
- package/dist/tapestry-wc/dist/components/{p-Bdkqq_Bn.js → p-BRwQlDDG.js} +3 -3
- package/dist/tapestry-wc/dist/components/p-BRwQlDDG.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-DhuhrZb1.js → p-C-PZqWzP.js} +3 -3
- package/dist/tapestry-wc/dist/components/p-C-PZqWzP.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-BF5btZ2U.js → p-D20wThHn.js} +2 -2
- package/dist/tapestry-wc/dist/components/p-D20wThHn.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-gTgcP9lI.js → p-DJRiC7FI.js} +3 -3
- package/dist/tapestry-wc/dist/components/p-DJRiC7FI.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-BO35mzk2.js → p-De9z2C7O.js} +2 -2
- package/dist/tapestry-wc/dist/components/p-De9z2C7O.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 +91 -208
- package/dist/unstable.css.map +1 -1
- package/dist/unstable.d.ts +2 -1
- package/dist/unstable.d.ts.map +1 -1
- package/dist/unstable.js +1 -1
- package/dist/utilities/Icon.js +2 -2
- package/dist/utilities/Icon.js.map +1 -1
- package/dist/utilities/buttonLinkShared.js +4 -4
- package/dist/utilities/buttonLinkShared.js.map +1 -1
- package/dist/utilities/selectUtils.d.ts +15 -0
- package/dist/utilities/selectUtils.d.ts.map +1 -0
- package/package.json +8 -6
- package/dist/components/textarea/TextArea.d.ts.map +0 -1
- package/dist/components/textarea/TextArea.js +0 -27
- package/dist/components/textarea/TextArea.js.map +0 -1
- package/dist/components/textarea/index.d.ts.map +0 -1
- package/dist/tapestry-wc/dist/components/p-BF5btZ2U.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-BO35mzk2.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-Bdkqq_Bn.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-DhuhrZb1.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-gTgcP9lI.js.map +0 -1
- package/react-types/popover.d.ts +0 -7
- /package/dist/components/{textarea → text-area}/TextArea.d.ts +0 -0
- /package/dist/components/{textarea → text-area}/index.d.ts +0 -0
|
@@ -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.0.0\n */\nimport { p as proxyCustomElement, H, h } from './p-
|
|
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.0.1-rc.0\n */\nimport { p as proxyCustomElement, H, h } from './p-De9z2C7O.js';\nimport { d as defineCustomElement$2 } from './p-C-PZqWzP.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":"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"}
|
|
@@ -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-De9z2C7O.js';
|
|
2
|
+
import { r as removeSSRSlot } from './p-D20wThHn.js';
|
|
3
3
|
|
|
4
4
|
/*!
|
|
5
5
|
* Planning Center Tapestry Web Components
|
|
6
|
-
* Version: 3.0.0
|
|
6
|
+
* Version: 3.0.1-rc.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: 3.0.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-
|
|
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.0.1-rc.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-De9z2C7O.js';\nimport { r as removeSSRSlot } from './p-D20wThHn.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":";;;AAAA;AACA;AACA;AACA;;AAIA,MAAM,WAAW,iBAAiB,kBAAkB,CAAC,MAAM,WAAW,SAAS,CAAC,CAAC;AACjF,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,EAAE;AACf,QAAQ,IAAI,CAAC,cAAc,EAAE;AAC7B;AACA;AACA;AACA,QAAQ,IAAI,CAAC,QAAQ,GAAG,KAAK;AAC7B;AACA;AACA;AACA,QAAQ,IAAI,CAAC,WAAW,GAAG,MAAM;AACjC,YAAY,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,gCAAgC,CAAC;AAC7E,YAAY,IAAI,OAAO,EAAE;AACzB,gBAAgB,OAAO,CAAC,aAAa,EAAE;AACvC,YAAY;AACZ,QAAQ,CAAC;AACT;AACA;AACA;AACA,QAAQ,IAAI,CAAC,oBAAoB,GAAG,MAAM;AAC1C,YAAY,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,iBAAiB;AAClD,YAAY,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC/B,gBAAgB,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC;AACrG,YAAY;AACZ,iBAAiB;AACjB,gBAAgB,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC;AAChG,YAAY;AACZ,YAAY,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC;AACxG,QAAQ,CAAC;AACT,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,IAAI,iBAAiB,GAAG;AACxB,QAAQ,IAAI,CAAC,oBAAoB,EAAE;AACnC,IAAI;AACJ,IAAI,iBAAiB,GAAG;AACxB,QAAQ,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,oBAAoB,CAAC;AACvE,QAAQ,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE;AACvC,YAAY,SAAS,EAAE,IAAI;AAC3B,SAAS,CAAC;AACV,IAAI;AACJ,IAAI,gBAAgB,GAAG;AACvB,QAAQ,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;AAC9B,IAAI;AACJ,IAAI,kBAAkB,GAAG;AACzB,QAAQ,IAAI,CAAC,oBAAoB,EAAE;AACnC,IAAI;AACJ,IAAI,oBAAoB,GAAG;AAC3B,QAAQ,IAAI,EAAE,EAAE,EAAE;AAClB,QAAQ,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,UAAU,EAAE;AACjF,QAAQ,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,iBAAiB,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC;AAC/H,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,IAAI,MAAM,GAAG;AACb,QAAQ,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE;AAClF,gBAAgB,kBAAkB,EAAE,IAAI;AACxC,gBAAgB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvC,aAAa,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;AAClL,IAAI;AACJ,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC,CAAC;AAC5B,CAAC,EAAE,CAAC,CAAC,EAAE,kBAAkB,EAAE;AAC3B,QAAQ,UAAU,EAAE,CAAC,CAAC;AACtB,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,kBAAkB,CAAC;AAC3C,IAAI,UAAU,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,QAAQ,OAAO;AACnD,QAAQ,KAAK,kBAAkB;AAC/B,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC;AAC3D,YAAY;AACZ,YAAY;AACZ,KAAK,CAAC,CAAC,CAAC;AACR;AAGK,MAAC,mBAAmB,GAAG;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { d as defineCustomElement$1 } from './p-DJRiC7FI.js';
|
|
2
2
|
|
|
3
3
|
/*!
|
|
4
4
|
* Planning Center Tapestry Web Components
|
|
5
|
-
* Version: 3.0.0
|
|
5
|
+
* Version: 3.0.1-rc.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: 3.0.0\n */\nimport { S as SidenavResponsiveHeader, d as defineCustomElement$1 } from './p-
|
|
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.0.1-rc.0\n */\nimport { S as SidenavResponsiveHeader, d as defineCustomElement$1 } from './p-DJRiC7FI.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-De9z2C7O.js';
|
|
2
|
+
import { r as removeSSRSlot } from './p-D20wThHn.js';
|
|
3
3
|
|
|
4
4
|
/*!
|
|
5
5
|
* Planning Center Tapestry Web Components
|
|
6
|
-
* Version: 3.0.0
|
|
6
|
+
* Version: 3.0.1-rc.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: 3.0.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-
|
|
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.0.1-rc.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-De9z2C7O.js';\nimport { r as removeSSRSlot } from './p-D20wThHn.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-De9z2C7O.js';
|
|
2
|
+
import { r as removeSSRSlot } from './p-D20wThHn.js';
|
|
3
|
+
import { d as defineCustomElement$3 } from './p-BRwQlDDG.js';
|
|
4
|
+
import { d as defineCustomElement$2 } from './p-DJRiC7FI.js';
|
|
5
5
|
|
|
6
6
|
/*!
|
|
7
7
|
* Planning Center Tapestry Web Components
|
|
8
|
-
* Version: 3.0.0
|
|
8
|
+
* Version: 3.0.1-rc.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: 3.0.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-
|
|
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.0.1-rc.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-De9z2C7O.js';\nimport { r as removeSSRSlot } from './p-D20wThHn.js';\nimport { d as defineCustomElement$3 } from './p-BRwQlDDG.js';\nimport { d as defineCustomElement$2 } from './p-DJRiC7FI.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":";;;;;AAAA;AACA;AACA;AACA;;AAMA,IAAI,aAAa,GAAG,CAAC;AACrB,MAAM,OAAO,iBAAiB,kBAAkB,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AACzE,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,EAAE;AACf,QAAQ,IAAI,CAAC,cAAc,EAAE;AAC7B,QAAQ,IAAI,CAAC,aAAa,GAAG,CAAC,iBAAiB,EAAE,aAAa,EAAE,CAAC,CAAC;AAClE;AACA;AACA;AACA,QAAQ,IAAI,CAAC,KAAK,GAAG,WAAW;AAChC;AACA;AACA;AACA,QAAQ,IAAI,CAAC,SAAS,GAAG,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;AACxD,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,aAAa,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,+BAA+B,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC,EAAE,CAAC,CAAC,uBAAuB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,sBAAsB,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,8BAA8B,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACrtB,IAAI;AACJ,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC,CAAC;AAC5B,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE;AACtB,QAAQ,OAAO,EAAE,CAAC,CAAC,CAAC;AACpB,QAAQ,mBAAmB,EAAE,CAAC,CAAC,EAAE,qBAAqB,CAAC;AACvD,QAAQ,WAAW,EAAE,CAAC,CAAC,EAAE,YAAY;AACrC,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,aAAa,EAAE,uBAAuB,EAAE,+BAA+B,CAAC;AAChG,IAAI,UAAU,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,QAAQ,OAAO;AACnD,QAAQ,KAAK,aAAa;AAC1B,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC;AACvD,YAAY;AACZ,YAAY;AACZ,QAAQ,KAAK,uBAAuB;AACpC,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,qBAAqB,EAAE;AACvC,YAAY;AACZ,YAAY;AACZ,QAAQ,KAAK,+BAA+B;AAC5C,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;;;;"}
|
package/dist/unstable.css
CHANGED
|
@@ -1712,6 +1712,7 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
|
|
|
1712
1712
|
|
|
1713
1713
|
.tds-btn--outline-neutral{
|
|
1714
1714
|
--tds-btn-color:var(--t-text-color-status-neutral);
|
|
1715
|
+
--tds-btn-bg:var(--t-fill-color-button-neutral-outline);
|
|
1715
1716
|
--tds-btn-border-color:var(--t-border-color-button-neutral);
|
|
1716
1717
|
--tds-btn-color-hover:var(--tds-btn-color);
|
|
1717
1718
|
--tds-btn-bg-hover:var(--t-fill-color-button-neutral-outline-hover);
|
|
@@ -2613,15 +2614,38 @@ a[class="tds-btn"]{
|
|
|
2613
2614
|
--t-banner-spacing:calc(var(--t-spacing-half) + var(--t-spacing-1));
|
|
2614
2615
|
}
|
|
2615
2616
|
|
|
2617
|
+
|
|
2618
|
+
:is(.tds-input input)::-webkit-search-decoration,:is(.tds-input input)::-webkit-search-cancel-button,:is(.tds-input input)::-webkit-search-results-button,:is(.tds-input input)::-webkit-search-results-decoration{
|
|
2619
|
+
-webkit-appearance:none;
|
|
2620
|
+
appearance:none;
|
|
2621
|
+
}
|
|
2622
|
+
|
|
2623
|
+
[type="number"]:is(.tds-input input)::-webkit-inner-spin-button{
|
|
2624
|
+
inline-size:1em;
|
|
2625
|
+
block-size:2em;
|
|
2626
|
+
}
|
|
2627
|
+
|
|
2628
|
+
@supports (field-sizing: content){
|
|
2629
|
+
.tds-input--auto-width{
|
|
2630
|
+
inline-size:-moz-fit-content;
|
|
2631
|
+
inline-size:fit-content;
|
|
2632
|
+
}
|
|
2633
|
+
|
|
2634
|
+
.tds-input--auto-width input{
|
|
2635
|
+
field-sizing:content;
|
|
2636
|
+
inline-size:auto;
|
|
2637
|
+
}
|
|
2638
|
+
}
|
|
2639
|
+
|
|
2616
2640
|
.tds-input{
|
|
2617
2641
|
--tds-input-border-color:var(--t-form-border-color);
|
|
2618
2642
|
--tds-input-border-color-hover:var(--t-form-border-color-hover);
|
|
2619
2643
|
--tds-input-bg:var(--t-form-background-color);
|
|
2620
2644
|
--tds-input-color:var(--t-form-color);
|
|
2621
2645
|
--tds-input-font-size:var(--t-font-size-md);
|
|
2622
|
-
--tds-input-height:var(--t-container-size-md);
|
|
2623
2646
|
--tds-input-description-color:var(--t-text-color-secondary);
|
|
2624
2647
|
--tds-input-description-invalid-icon-display:none;
|
|
2648
|
+
--tds-input-min-height:var(--t-container-size-md);
|
|
2625
2649
|
--tds-input-transition-property:background-color, border-color, outline-color, outline-offset;
|
|
2626
2650
|
|
|
2627
2651
|
display:flex;
|
|
@@ -2635,9 +2659,9 @@ a[class="tds-btn"]{
|
|
|
2635
2659
|
color:var(--tds-input-color);
|
|
2636
2660
|
}
|
|
2637
2661
|
|
|
2638
|
-
.tds-input input{
|
|
2662
|
+
.tds-input :is(input,textarea){
|
|
2639
2663
|
inline-size:100%;
|
|
2640
|
-
block-size:var(--tds-input-height);
|
|
2664
|
+
min-block-size:var(--tds-input-min-height);
|
|
2641
2665
|
padding-inline:var(--t-spacing-1);
|
|
2642
2666
|
font-family:inherit;
|
|
2643
2667
|
font-size:var(--tds-input-font-size);
|
|
@@ -2655,96 +2679,78 @@ a[class="tds-btn"]{
|
|
|
2655
2679
|
transition-property:var(--tds-input-transition-property);
|
|
2656
2680
|
}
|
|
2657
2681
|
|
|
2658
|
-
:is(.tds-input input):hover:not(:disabled,:focus-visible){
|
|
2682
|
+
:is(.tds-input :is(input,textarea)):hover:not(:disabled,:focus-visible){
|
|
2659
2683
|
border-color:var(--tds-input-border-color-hover);
|
|
2660
2684
|
}
|
|
2661
2685
|
|
|
2662
|
-
:is(.tds-input input):focus{
|
|
2686
|
+
:is(.tds-input :is(input,textarea)):focus{
|
|
2663
2687
|
outline-color:transparent;
|
|
2664
2688
|
}
|
|
2665
2689
|
|
|
2666
|
-
:is(.tds-input input):focus-visible{
|
|
2690
|
+
:is(.tds-input :is(input,textarea)):focus-visible{
|
|
2667
2691
|
outline-color:var(--t-focus-ring-color);
|
|
2668
2692
|
outline-offset:var(--t-focus-ring-offset);
|
|
2669
2693
|
border-color:var(--t-form-border-color-focus);
|
|
2670
2694
|
}
|
|
2671
2695
|
|
|
2672
|
-
:is(.tds-input input)::-moz-placeholder{
|
|
2696
|
+
:is(.tds-input :is(input,textarea))::-moz-placeholder{
|
|
2673
2697
|
color:var(--t-form-placeholder-color);
|
|
2674
2698
|
-moz-user-select:none;
|
|
2675
2699
|
user-select:none;
|
|
2676
2700
|
}
|
|
2677
2701
|
|
|
2678
|
-
:is(.tds-input input)::placeholder{
|
|
2702
|
+
:is(.tds-input :is(input,textarea))::placeholder{
|
|
2679
2703
|
color:var(--t-form-placeholder-color);
|
|
2680
2704
|
-webkit-user-select:none;
|
|
2681
2705
|
-moz-user-select:none;
|
|
2682
2706
|
user-select:none;
|
|
2683
2707
|
}
|
|
2684
2708
|
|
|
2685
|
-
:is(.tds-input input)::-webkit-search-decoration,:is(.tds-input input)::-webkit-search-cancel-button,:is(.tds-input input)::-webkit-search-results-button,:is(.tds-input input)::-webkit-search-results-decoration{
|
|
2686
|
-
-webkit-appearance:none;
|
|
2687
|
-
appearance:none;
|
|
2688
|
-
}
|
|
2689
|
-
|
|
2690
|
-
[type="number"]:is(.tds-input input)::-webkit-inner-spin-button{
|
|
2691
|
-
inline-size:1em;
|
|
2692
|
-
block-size:2em;
|
|
2693
|
-
}
|
|
2694
|
-
|
|
2695
2709
|
@media (prefers-reduced-motion: reduce){
|
|
2696
2710
|
|
|
2697
|
-
.tds-input input{
|
|
2711
|
+
.tds-input :is(input,textarea){
|
|
2698
2712
|
--tds-input-transition-property:none;
|
|
2699
2713
|
}
|
|
2700
2714
|
}
|
|
2701
2715
|
|
|
2702
|
-
.tds-input:has(input:user-invalid,
|
|
2716
|
+
.tds-input.tds-input--invalid,.tds-input:has(:is(input,textarea):is(:user-invalid,[aria-invalid="true"])){
|
|
2703
2717
|
--tds-input-border-color:var(--t-form-border-color-error);
|
|
2704
2718
|
--tds-input-border-color-hover:var(--t-form-border-color-error-hover);
|
|
2705
2719
|
--tds-input-description-color:var(--t-text-color-status-error);
|
|
2706
2720
|
--tds-input-description-invalid-icon-display:inline-block;
|
|
2707
2721
|
}
|
|
2708
2722
|
|
|
2709
|
-
.tds-input:has(input:required) label::after{
|
|
2723
|
+
.tds-input:has(:is(input,textarea):required) label::after{
|
|
2710
2724
|
margin-inline-start:.25ch;
|
|
2711
2725
|
color:var(--t-text-color-status-error);
|
|
2712
2726
|
content:"*";
|
|
2713
2727
|
}
|
|
2714
2728
|
|
|
2715
|
-
.tds-input:where(:has(input:disabled)){
|
|
2729
|
+
.tds-input:where(:has(:is(input,textarea):disabled)){
|
|
2716
2730
|
--tds-input-border-color:var(--t-form-border-color-disabled);
|
|
2717
2731
|
--tds-input-bg:var(--t-form-background-color-disabled);
|
|
2718
2732
|
--tds-input-color:var(--t-form-color-disabled);
|
|
2719
2733
|
--tds-input-description-color:var(--t-text-color-disabled);
|
|
2720
2734
|
}
|
|
2721
2735
|
|
|
2722
|
-
.tds-input:where(:has(input:disabled)) input{
|
|
2736
|
+
.tds-input:where(:has(:is(input,textarea):disabled)) :is(input,textarea){
|
|
2723
2737
|
cursor:not-allowed;
|
|
2724
2738
|
}
|
|
2725
2739
|
|
|
2726
|
-
.tds-input:where(:has(input[readonly])){
|
|
2740
|
+
.tds-input:where(:has(:is(input,textarea)[readonly])){
|
|
2727
2741
|
--tds-input-border-color:var(--t-form-border-color-readonly);
|
|
2728
2742
|
--tds-input-bg:var(--t-form-background-color-readonly);
|
|
2729
2743
|
}
|
|
2730
2744
|
|
|
2745
|
+
.tds-input:where(:has(:is(input,textarea)[readonly])) :is(input,textarea):focus{
|
|
2746
|
+
border-color:var(--tds-input-border-color-hover);
|
|
2747
|
+
}
|
|
2748
|
+
|
|
2731
2749
|
.tds-input.tds-input--lg{
|
|
2732
|
-
--tds-input-height:var(--t-container-size-lg);
|
|
2750
|
+
--tds-input-min-height:var(--t-container-size-lg);
|
|
2733
2751
|
--tds-input-font-size:var(--t-font-size-lg);
|
|
2734
2752
|
}
|
|
2735
2753
|
|
|
2736
|
-
@supports (field-sizing: content){
|
|
2737
|
-
.tds-input--auto-width{
|
|
2738
|
-
inline-size:-moz-fit-content;
|
|
2739
|
-
inline-size:fit-content;
|
|
2740
|
-
}
|
|
2741
|
-
|
|
2742
|
-
.tds-input--auto-width input{
|
|
2743
|
-
field-sizing:content;
|
|
2744
|
-
inline-size:auto;
|
|
2745
|
-
}
|
|
2746
|
-
}
|
|
2747
|
-
|
|
2748
2754
|
.tds-input-description{
|
|
2749
2755
|
display:flex;
|
|
2750
2756
|
gap:var(--t-spacing-half);
|
|
@@ -2763,230 +2769,107 @@ a[class="tds-btn"]{
|
|
|
2763
2769
|
line-height:1.35;
|
|
2764
2770
|
}
|
|
2765
2771
|
|
|
2766
|
-
.tds-textarea{
|
|
2767
|
-
--tds-
|
|
2768
|
-
--tds-
|
|
2769
|
-
--tds-
|
|
2770
|
-
--tds-textarea-color:var(--t-form-color);
|
|
2771
|
-
--tds-textarea-padding-block:var(--t-spacing-half);
|
|
2772
|
-
--tds-textarea-font-size:var(--t-font-size-md);
|
|
2773
|
-
--tds-textarea-min-height:var(--t-container-size-md);
|
|
2774
|
-
--tds-textarea-description-color:var(--t-text-color-secondary);
|
|
2775
|
-
--tds-textarea-description-invalid-icon-display:none;
|
|
2776
|
-
--tds-textarea-transition-property:background-color, border-color, outline-color, outline-offset;
|
|
2777
|
-
--tds-textarea-resizer-size:var(--t-element-size-sm);
|
|
2778
|
-
--tds-textarea-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");
|
|
2779
|
-
|
|
2780
|
-
display:flex;
|
|
2781
|
-
flex-direction:column;
|
|
2782
|
-
gap:var(--t-spacing-half);
|
|
2772
|
+
.tds-input:has(textarea){
|
|
2773
|
+
--tds-input-padding-block:var(--t-spacing-half);
|
|
2774
|
+
--tds-input-resizer-size:var(--t-element-size-sm);
|
|
2775
|
+
--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");
|
|
2783
2776
|
}
|
|
2784
2777
|
|
|
2785
|
-
|
|
2786
|
-
|
|
2787
|
-
|
|
2788
|
-
|
|
2778
|
+
@supports (x: attr(x type(*))){
|
|
2779
|
+
|
|
2780
|
+
.tds-input:has(textarea){
|
|
2781
|
+
--tds-input-min-height:calc((attr(rows type(<number>), 3) * 1lh) + (var(--tds-input-padding-block) * 2) + 2px);
|
|
2782
|
+
}
|
|
2789
2783
|
}
|
|
2790
2784
|
|
|
2791
|
-
.tds-
|
|
2792
|
-
|
|
2793
|
-
|
|
2794
|
-
|
|
2795
|
-
|
|
2796
|
-
|
|
2797
|
-
|
|
2798
|
-
|
|
2799
|
-
|
|
2800
|
-
|
|
2801
|
-
|
|
2802
|
-
|
|
2803
|
-
outline-offset:0;
|
|
2804
|
-
background-color:var(--tds-textarea-bg);
|
|
2805
|
-
border:var(--t-form-border-width) solid var(--tds-textarea-border-color);
|
|
2806
|
-
border-radius:var(--t-form-border-radius);
|
|
2807
|
-
--tds-textarea-scrollbar-thumb-color-default:var(--t-fill-color-neutral-040);
|
|
2808
|
-
--tds-textarea-scrollbar-thumb-color-hidden:transparent;
|
|
2809
|
-
--tds-textarea-scrollbar-thumb-color-hover:var(--t-fill-color-neutral-030);
|
|
2810
|
-
--tds-textarea-scrollbar-thumb-color-thumb-hover:var(--t-fill-color-neutral-020);
|
|
2811
|
-
--tds-textarea-scrollbar-thumb-color-thumb-active:var(--t-fill-color-neutral-010);
|
|
2812
|
-
--tds-textarea-scrollbar-thumb-color:var(--tds-textarea-scrollbar-thumb-color-default);
|
|
2813
|
-
--tds-textarea-scrollbar-surface-color:rgba(0, 0, 0, 0);
|
|
2814
|
-
--tds-textarea-scrollbar-thumb-border-radius:999px;
|
|
2815
|
-
--tds-textarea-scrollbar-thumb-border-width:3px;
|
|
2816
|
-
--tds-textarea-scrollbar-track-margin-block:.125rem;
|
|
2785
|
+
.tds-input textarea{
|
|
2786
|
+
padding-block:var(--tds-input-padding-block);
|
|
2787
|
+
--tds-input-scrollbar-thumb-color-default:var(--t-fill-color-neutral-040);
|
|
2788
|
+
--tds-input-scrollbar-thumb-color-hidden:transparent;
|
|
2789
|
+
--tds-input-scrollbar-thumb-color-hover:var(--t-fill-color-neutral-030);
|
|
2790
|
+
--tds-input-scrollbar-thumb-color-thumb-hover:var(--t-fill-color-neutral-020);
|
|
2791
|
+
--tds-input-scrollbar-thumb-color-thumb-active:var(--t-fill-color-neutral-010);
|
|
2792
|
+
--tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-default);
|
|
2793
|
+
--tds-input-scrollbar-surface-color:rgba(0, 0, 0, 0);
|
|
2794
|
+
--tds-input-scrollbar-thumb-border-radius:999px;
|
|
2795
|
+
--tds-input-scrollbar-thumb-border-width:3px;
|
|
2796
|
+
--tds-input-scrollbar-track-margin-block:.125rem;
|
|
2817
2797
|
scrollbar-color:initial;
|
|
2818
2798
|
transition-timing-function:ease-in-out;
|
|
2819
2799
|
transition-duration:180ms;
|
|
2820
|
-
transition-property:var(--tds-
|
|
2800
|
+
transition-property:var(--tds-input-transition-property), --tds-input-scrollbar-thumb-color;
|
|
2821
2801
|
}
|
|
2822
2802
|
|
|
2823
|
-
|
|
2824
|
-
border-color:var(--tds-textarea-border-color-hover);
|
|
2825
|
-
}
|
|
2826
|
-
|
|
2827
|
-
:is(.tds-textarea textarea):focus{
|
|
2828
|
-
outline-color:transparent;
|
|
2829
|
-
}
|
|
2830
|
-
|
|
2831
|
-
:is(.tds-textarea textarea):focus-visible{
|
|
2832
|
-
outline-color:var(--t-focus-ring-color);
|
|
2833
|
-
outline-offset:var(--t-focus-ring-offset);
|
|
2834
|
-
border-color:var(--t-form-border-color-focus);
|
|
2835
|
-
}
|
|
2836
|
-
|
|
2837
|
-
:is(.tds-textarea textarea)::-moz-placeholder{
|
|
2838
|
-
color:var(--t-form-placeholder-color);
|
|
2839
|
-
-moz-user-select:none;
|
|
2840
|
-
user-select:none;
|
|
2841
|
-
}
|
|
2842
|
-
|
|
2843
|
-
:is(.tds-textarea textarea)::placeholder{
|
|
2844
|
-
color:var(--t-form-placeholder-color);
|
|
2845
|
-
-webkit-user-select:none;
|
|
2846
|
-
-moz-user-select:none;
|
|
2847
|
-
user-select:none;
|
|
2848
|
-
}
|
|
2849
|
-
|
|
2850
|
-
@media (prefers-reduced-motion: reduce){
|
|
2851
|
-
|
|
2852
|
-
.tds-textarea textarea{
|
|
2853
|
-
--tds-textarea-transition-property:none;
|
|
2854
|
-
}
|
|
2855
|
-
}
|
|
2856
|
-
|
|
2857
|
-
.tds-textarea:has(textarea:user-invalid,textarea[aria-invalid="true"]),.tds-textarea.tds-textarea--invalid{
|
|
2858
|
-
--tds-textarea-border-color:var(--t-form-border-color-error);
|
|
2859
|
-
--tds-textarea-border-color-hover:var(--t-form-border-color-error-hover);
|
|
2860
|
-
--tds-textarea-description-color:var(--t-text-color-status-error);
|
|
2861
|
-
--tds-textarea-description-invalid-icon-display:inline-block;
|
|
2862
|
-
}
|
|
2863
|
-
|
|
2864
|
-
.tds-textarea:has(textarea:required) label::after{
|
|
2865
|
-
margin-inline-start:.25ch;
|
|
2866
|
-
color:var(--t-text-color-status-error);
|
|
2867
|
-
content:"*";
|
|
2868
|
-
}
|
|
2869
|
-
|
|
2870
|
-
.tds-textarea:where(:has(textarea:disabled)){
|
|
2871
|
-
--tds-textarea-border-color:var(--t-form-border-color-disabled);
|
|
2872
|
-
--tds-textarea-bg:var(--t-form-background-color-disabled);
|
|
2873
|
-
--tds-textarea-color:var(--t-form-color-disabled);
|
|
2874
|
-
--tds-textarea-description-color:var(--t-text-color-disabled);
|
|
2875
|
-
}
|
|
2876
|
-
|
|
2877
|
-
.tds-textarea:where(:has(textarea:disabled)) textarea{
|
|
2878
|
-
cursor:not-allowed;
|
|
2879
|
-
}
|
|
2880
|
-
|
|
2881
|
-
.tds-textarea:where(:has(textarea[readonly])){
|
|
2882
|
-
--tds-textarea-border-color:var(--t-form-border-color-readonly);
|
|
2883
|
-
--tds-textarea-bg:var(--t-form-background-color-readonly);
|
|
2884
|
-
}
|
|
2885
|
-
|
|
2886
|
-
.tds-textarea:where(:has(textarea[readonly])) textarea:focus{
|
|
2887
|
-
border-color:var(--tds-textarea-border-color-hover);
|
|
2888
|
-
}
|
|
2889
|
-
|
|
2890
|
-
.tds-textarea.tds-textarea--lg{
|
|
2891
|
-
--tds-textarea-min-height:var(--t-container-size-lg);
|
|
2892
|
-
--tds-textarea-font-size:var(--t-font-size-lg);
|
|
2893
|
-
}
|
|
2894
|
-
|
|
2895
|
-
.tds-textarea.tds-textarea--resize-vertical textarea{
|
|
2803
|
+
.tds-input.tds-textarea--resize-vertical textarea{
|
|
2896
2804
|
resize:vertical;
|
|
2897
2805
|
}
|
|
2898
2806
|
|
|
2899
|
-
.tds-
|
|
2807
|
+
.tds-input.tds-textarea--resize-none textarea{
|
|
2900
2808
|
resize:none;
|
|
2901
2809
|
}
|
|
2902
2810
|
|
|
2903
|
-
.tds-
|
|
2811
|
+
.tds-input.tds-textarea--resize-auto textarea{
|
|
2904
2812
|
resize:vertical;
|
|
2905
2813
|
}
|
|
2906
2814
|
|
|
2907
2815
|
@supports (field-sizing: content){
|
|
2908
|
-
.tds-
|
|
2816
|
+
.tds-input.tds-textarea--resize-auto textarea{
|
|
2909
2817
|
field-sizing:content;
|
|
2910
2818
|
resize:none;
|
|
2911
2819
|
}
|
|
2912
2820
|
}
|
|
2913
2821
|
|
|
2914
|
-
@supports (x: attr(x type(*))){
|
|
2915
|
-
|
|
2916
|
-
.tds-textarea{
|
|
2917
|
-
--tds-textarea-min-height:calc((attr(rows type(<number>), 3) * 1lh) + (var(--tds-textarea-padding-block) * 2) + 2px);
|
|
2918
|
-
}
|
|
2919
|
-
}
|
|
2920
|
-
|
|
2921
|
-
.tds-textarea-description{
|
|
2922
|
-
display:flex;
|
|
2923
|
-
gap:var(--t-spacing-half);
|
|
2924
|
-
align-items:flex-start;
|
|
2925
|
-
margin:0;
|
|
2926
|
-
font-size:var(--t-font-size-sm);
|
|
2927
|
-
line-height:1.35;
|
|
2928
|
-
color:var(--tds-textarea-description-color, var(--t-text-color-secondary));
|
|
2929
|
-
cursor:text;
|
|
2930
|
-
}
|
|
2931
|
-
|
|
2932
|
-
.tds-textarea-description-invalid-icon{
|
|
2933
|
-
display:var(--tds-textarea-description-invalid-icon-display, none);
|
|
2934
|
-
flex-shrink:0;
|
|
2935
|
-
margin-block-start:calc(.5lh - .5em);
|
|
2936
|
-
line-height:1.35;
|
|
2937
|
-
}
|
|
2938
|
-
|
|
2939
2822
|
@media (pointer: fine){
|
|
2940
|
-
:is(.tds-
|
|
2823
|
+
:is(.tds-input textarea)::-webkit-scrollbar{
|
|
2941
2824
|
width:12px;
|
|
2942
2825
|
height:12px;
|
|
2943
2826
|
cursor:default;
|
|
2944
2827
|
}
|
|
2945
2828
|
|
|
2946
|
-
:is(.tds-
|
|
2829
|
+
:is(.tds-input textarea)::-webkit-scrollbar-thumb{
|
|
2947
2830
|
cursor:default;
|
|
2948
|
-
background:var(--tds-
|
|
2831
|
+
background:var(--tds-input-scrollbar-thumb-color);
|
|
2949
2832
|
background-clip:content-box;
|
|
2950
|
-
border:var(--tds-
|
|
2951
|
-
border-radius:var(--tds-
|
|
2833
|
+
border:var(--tds-input-scrollbar-thumb-border-width) solid var(--tds-input-scrollbar-surface-color);
|
|
2834
|
+
border-radius:var(--tds-input-scrollbar-thumb-border-radius);
|
|
2952
2835
|
}
|
|
2953
2836
|
|
|
2954
|
-
:is(.tds-
|
|
2955
|
-
--tds-
|
|
2837
|
+
:is(.tds-input textarea):is(:hover,:focus-within,:focus-visible){
|
|
2838
|
+
--tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-hover);
|
|
2956
2839
|
}
|
|
2957
2840
|
|
|
2958
|
-
:is(.tds-
|
|
2959
|
-
--tds-
|
|
2841
|
+
:is(.tds-input textarea)::-webkit-scrollbar-thumb:hover{
|
|
2842
|
+
--tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-thumb-hover);
|
|
2960
2843
|
}
|
|
2961
2844
|
|
|
2962
|
-
:is(.tds-
|
|
2963
|
-
--tds-
|
|
2845
|
+
:is(.tds-input textarea)::-webkit-scrollbar-thumb:active{
|
|
2846
|
+
--tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-thumb-active);
|
|
2964
2847
|
}
|
|
2965
2848
|
|
|
2966
|
-
:is(.tds-
|
|
2967
|
-
background:var(--tds-
|
|
2849
|
+
:is(.tds-input textarea)::-webkit-scrollbar-corner{
|
|
2850
|
+
background:var(--tds-input-scrollbar-surface-color);
|
|
2968
2851
|
}
|
|
2969
2852
|
|
|
2970
|
-
:is(.tds-
|
|
2971
|
-
background:var(--tds-
|
|
2853
|
+
:is(.tds-input textarea)::-webkit-resizer{
|
|
2854
|
+
background:var(--tds-input-resizer-icon) no-repeat;
|
|
2972
2855
|
background-position:right bottom;
|
|
2973
|
-
background-size:var(--tds-
|
|
2856
|
+
background-size:var(--tds-input-resizer-size) var(--tds-input-resizer-size);
|
|
2974
2857
|
}
|
|
2975
2858
|
|
|
2976
|
-
:is(.tds-
|
|
2977
|
-
margin-block:var(--tds-
|
|
2859
|
+
:is(.tds-input textarea)::-webkit-scrollbar-track{
|
|
2860
|
+
margin-block:var(--tds-input-scrollbar-track-margin-block);
|
|
2978
2861
|
cursor:default;
|
|
2979
2862
|
}
|
|
2980
2863
|
|
|
2981
2864
|
@supports (-moz-appearance: none){
|
|
2982
|
-
:is(.tds-
|
|
2983
|
-
scrollbar-color:var(--tds-
|
|
2865
|
+
:is(.tds-input textarea){
|
|
2866
|
+
scrollbar-color:var(--tds-input-scrollbar-thumb-color-default) var(--tds-input-scrollbar-surface-color);
|
|
2984
2867
|
scrollbar-width:thin;
|
|
2985
2868
|
}
|
|
2986
2869
|
|
|
2987
2870
|
@media (hover){
|
|
2988
|
-
:is(.tds-
|
|
2989
|
-
scrollbar-color:var(--tds-
|
|
2871
|
+
:is(.tds-input textarea):is(:hover,:focus-within,:focus-visible){
|
|
2872
|
+
scrollbar-color:var(--tds-input-scrollbar-thumb-color-hover) var(--tds-input-scrollbar-surface-color);
|
|
2990
2873
|
}
|
|
2991
2874
|
}
|
|
2992
2875
|
}
|