@planningcenter/tapestry 2.7.0 → 2.7.1-qa-513.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/print-no-media-queries.css +0 -2
- package/dist/print.css +0 -2
- package/dist/tapestry-wc/dist/components/tds-page-header.js +2 -2
- package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-sidenav.js +1 -1
- package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
- package/dist/utilities/Icon.d.ts.map +1 -1
- package/dist/utilities/Icon.js +12 -19
- package/dist/utilities/Icon.js.map +1 -1
- package/package.json +6 -6
- package/react-types/index.d.ts +8 -8
package/dist/print.css
CHANGED
|
@@ -26,13 +26,13 @@ const PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends H {
|
|
|
26
26
|
var _a, _b;
|
|
27
27
|
const hasNavigationSlot = !!this.el.querySelector("[slot='navigation']");
|
|
28
28
|
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;
|
|
29
|
-
return (h("header", { key: '
|
|
29
|
+
return (h("header", { key: '824a5714bcd0a97e5516f34b99eadeafdfa20727', class: {
|
|
30
30
|
"tds-page-header": true,
|
|
31
31
|
"has-multi-actions": hasMultiActions,
|
|
32
32
|
"has-nav": hasNavigationSlot,
|
|
33
33
|
"tds-page-header--profile": this.profile,
|
|
34
34
|
inactive: this.inactive,
|
|
35
|
-
} }, h("div", { key: '
|
|
35
|
+
} }, 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" })))));
|
|
36
36
|
}
|
|
37
37
|
get el() { return this; }
|
|
38
38
|
}, [4, "tds-page-header", {
|
|
@@ -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: 2.7.0\n */\nimport { p as proxyCustomElement, H, h } from './p-Ccu14VWv.js';\nimport { d as defineCustomElement$2 } from './p-BM4ymH3W.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: '
|
|
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: 2.7.0\n */\nimport { p as proxyCustomElement, H, h } from './p-Ccu14VWv.js';\nimport { d as defineCustomElement$2 } from './p-BM4ymH3W.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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"}
|
|
@@ -37,7 +37,7 @@ const Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends H {
|
|
|
37
37
|
//
|
|
38
38
|
// --------------------------------------------------------------------------
|
|
39
39
|
render() {
|
|
40
|
-
return (h(Host, { key: '
|
|
40
|
+
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' }))))));
|
|
41
41
|
}
|
|
42
42
|
get el() { return this; }
|
|
43
43
|
}, [6, "tds-sidenav", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tds-sidenav.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 2.7.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-Ccu14VWv.js';\nimport { r as removeSSRSlot } from './p-ksuK8bIM.js';\nimport { d as defineCustomElement$3 } from './p-CTvFafAw.js';\nimport { d as defineCustomElement$2 } from './p-D5K9xK_N.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: '
|
|
1
|
+
{"version":3,"file":"tds-sidenav.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 2.7.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-Ccu14VWv.js';\nimport { r as removeSSRSlot } from './p-ksuK8bIM.js';\nimport { d as defineCustomElement$3 } from './p-CTvFafAw.js';\nimport { d as defineCustomElement$2 } from './p-D5K9xK_N.js';\n\nlet sidenavMenuId = 0;\nconst Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends H {\n constructor() {\n super();\n this.__registerHost();\n this.sidenavMenuId = `tds-sidenav-menu-${sidenavMenuId++}`;\n /**\n * The label for the sidenav, used for accessibility.\n */\n this.label = \"Secondary\";\n /**\n * The id of the popover.\n */\n this.popoverId = `${this.sidenavMenuId}-popover`;\n }\n // --------------------------------------------------------------------------\n //\n // Lifecycle\n //\n // --------------------------------------------------------------------------\n componentDidLoad() {\n removeSSRSlot(this.el);\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (h(Host, { key: '06604b65e64762dcbdcb458cdbab59c1ab37b264', class: \"tds-sidenav\" }, h(\"nav\", { key: 'e80a40f55f227eae88bb46c0e5d5274ea7abc293', id: this.sidenavMenuId, class: \"tds-sidenav-nav\", \"aria-label\": this.label }, h(\"tds-sidenav-responsive-header\", { key: 'c2dc87a34873af79f8b38b4562aa7f341a2e037a', \"popover-id\": this.popoverId, label: this.selectedItemLabel }), h(\"tds-popover-container\", { key: 'a9e2d0406eac1e48198adf39adc3ebe412ca5132', breakpoint: 719, id: this.popoverId, class: \"tds-sidenav-collapse\", \"auto-position\": true }, h(\"div\", { key: '9d1f2055842fa1bf61bdd76205ab2a52dc14c23f', class: \"tds-sidenav-scroll-container\" }, h(\"slot\", { key: '65b731de86aad6d85f76aac0765b8ec68a4a5448' }))))));\n }\n get el() { return this; }\n}, [6, \"tds-sidenav\", {\n \"label\": [1],\n \"selectedItemLabel\": [1, \"selected-item-label\"],\n \"popoverId\": [1, \"popover-id\"]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-sidenav\", \"tds-popover-container\", \"tds-sidenav-responsive-header\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-sidenav\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, Sidenav);\n }\n break;\n case \"tds-popover-container\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"tds-sidenav-responsive-header\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst TdsSidenav = Sidenav;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenav, defineCustomElement };\n//# sourceMappingURL=tds-sidenav.js.map\n\n//# sourceMappingURL=tds-sidenav.js.map"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/utilities/Icon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/utilities/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAc7C,iBAAS,IAAI,CAAC,EACZ,MAAM,EAAE,CAAC,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,cAAc,CAAC,aAAa,CAAC,qBAiBpD;AAED,eAAe,IAAI,CAAA"}
|
package/dist/utilities/Icon.js
CHANGED
|
@@ -1,29 +1,22 @@
|
|
|
1
|
-
import
|
|
1
|
+
import general from '@planningcenter/icons/sprites/general.svg';
|
|
2
|
+
import { Symbol } from '@planningcenter/icons/symbol';
|
|
2
3
|
import React from 'react';
|
|
3
4
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
"exclamation-triangle": "M15.7713,14.0548c0.0002,0.133 -0.0347,0.2638 -0.1011,0.3791c-0.0664,0.1153 -0.162,0.211 -0.2772,0.2776c-0.1152,0.0665 -0.246,0.1015 -0.379,0.1015h-14.02801c-0.13305,0 -0.26377,-0.035 -0.37898,-0.1015c-0.11521,-0.0666 -0.21084,-0.1623 -0.27725,-0.2776c-0.06642,-0.1153 -0.10127,-0.2461 -0.10106,-0.3791c0.00022,-0.1331 0.0355,-0.2637 0.10229,-0.3788l7.014,-12.11501c0.06631,-0.11506 0.16176,-0.21062 0.27675,-0.27707c0.11498,-0.06644 0.24544,-0.10142 0.37825,-0.10142c0.1328,0 0.26326,0.03498 0.37824,0.10142c0.11499,0.06645 0.21044,0.16201 0.27676,0.27707l7.01401,12.11501c0.0668,0.1151 0.1021,0.2457 0.1023,0.3788zM8.75699,11.028h-1.514v1.514h1.514zM8.75699,6.48499h-1.514v3.029h1.514z",
|
|
9
|
-
"info-circle": "M8.8,4h-1.6v1.6h1.6zM8.8,7.2h-1.6v4.8h1.6zM8,0c2.1217,0 4.1566,0.84286 5.6569,2.34315c1.5002,1.50029 2.3431,3.53512 2.3431,5.65685c0,1.58225 -0.4692,3.129 -1.3482,4.4446c-0.8791,1.3156 -2.1285,2.3409 -3.5903,2.9464c-1.46184,0.6055 -3.07037,0.764 -4.62222,0.4553c-1.55185,-0.3087 -2.97731,-1.0706 -4.09613,-2.1894c-1.11882,-1.1189 -1.88075,-2.5443 -2.18943,-4.09618c-0.30868,-1.55185 -0.15025,-3.16038 0.45525,-4.62219c0.6055,-1.46181 1.63088,-2.71124 2.94647,-3.59029c1.31559,-0.87905 2.86231,-1.34824 4.44456,-1.34824z",
|
|
10
|
-
},
|
|
5
|
+
// Registry of valid sprite sheet collections
|
|
6
|
+
// We will add the other collections here when we / if we make this more publicly available
|
|
7
|
+
const validCollections = {
|
|
8
|
+
general,
|
|
11
9
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
// other projects.
|
|
10
|
+
function isValidCollection(collection) {
|
|
11
|
+
return collection in validCollections;
|
|
12
|
+
}
|
|
16
13
|
function Icon({ symbol: s, className, ...props }) {
|
|
17
14
|
const [collection, symbol] = s.split("#");
|
|
18
15
|
if (!isValidCollection(collection)) {
|
|
19
|
-
throw new Error(`Unknown icon collection: ${collection}`);
|
|
16
|
+
throw new Error(`Unknown icon collection: ${collection}. Available collections: ${Object.keys(validCollections).join(", ")}`);
|
|
20
17
|
}
|
|
21
|
-
const
|
|
22
|
-
return (React.createElement(
|
|
23
|
-
React.createElement("path", { d: fullPath })));
|
|
24
|
-
}
|
|
25
|
-
function isValidCollection(collection) {
|
|
26
|
-
return collection in icons;
|
|
18
|
+
const spriteSheet = validCollections[collection];
|
|
19
|
+
return (React.createElement(Symbol, { symbol: `${spriteSheet}#${symbol}`, className: className, ...props }));
|
|
27
20
|
}
|
|
28
21
|
|
|
29
22
|
export { Icon as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sources":["../../src/utilities/Icon.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"Icon.js","sources":["../../src/utilities/Icon.tsx"],"sourcesContent":["import general from \"@planningcenter/icons/sprites/general.svg\"\nimport { Symbol } from \"@planningcenter/icons/symbol\"\nimport React, { HTMLAttributes } from \"react\"\n\n// Registry of valid sprite sheet collections\n// We will add the other collections here when we / if we make this more publicly available\nconst validCollections = {\n general,\n} as const\n\ntype CollectionName = keyof typeof validCollections\n\nfunction isValidCollection(collection: string): collection is CollectionName {\n return collection in validCollections\n}\n\nfunction Icon({\n symbol: s,\n className,\n ...props\n}: { symbol: string } & HTMLAttributes<SVGSVGElement>) {\n const [collection, symbol] = s.split(\"#\") as [CollectionName, string]\n\n if (!isValidCollection(collection)) {\n throw new Error(\n `Unknown icon collection: ${collection}. Available collections: ${Object.keys(validCollections).join(\", \")}`\n )\n }\n\n const spriteSheet = validCollections[collection]\n return (\n <Symbol\n symbol={`${spriteSheet}#${symbol}`}\n className={className}\n {...props}\n />\n )\n}\n\nexport default Icon\n"],"names":[],"mappings":";;;;AAIA;AACA;AACA,MAAM,gBAAgB,GAAG;IACvB,OAAO;CACC;AAIV,SAAS,iBAAiB,CAAC,UAAkB,EAAA;IAC3C,OAAO,UAAU,IAAI,gBAAgB;AACvC;AAEA,SAAS,IAAI,CAAC,EACZ,MAAM,EAAE,CAAC,EACT,SAAS,EACT,GAAG,KAAK,EAC2C,EAAA;AACnD,IAAA,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAA6B;AAErE,IAAA,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE;AAClC,QAAA,MAAM,IAAI,KAAK,CACb,4BAA4B,UAAU,CAAA,yBAAA,EAA4B,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,CAAE,CAC7G;IACH;AAEA,IAAA,MAAM,WAAW,GAAG,gBAAgB,CAAC,UAAU,CAAC;AAChD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,IACL,MAAM,EAAE,GAAG,WAAW,CAAA,CAAA,EAAI,MAAM,CAAA,CAAE,EAClC,SAAS,EAAE,SAAS,KAChB,KAAK,EAAA,CACT;AAEN;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@planningcenter/tapestry",
|
|
3
|
-
"version": "2.7.0",
|
|
3
|
+
"version": "2.7.1-qa-513.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
},
|
|
47
47
|
"types": "./dist/index.d.ts",
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@planningcenter/tapestry-render": "^2.7.0",
|
|
49
|
+
"@planningcenter/tapestry-render": "^2.7.1-qa-513.0",
|
|
50
50
|
"@rollup/plugin-commonjs": "^26.0.1",
|
|
51
51
|
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
52
52
|
"@rollup/plugin-typescript": "^12.3.0",
|
|
@@ -92,16 +92,16 @@
|
|
|
92
92
|
"shadow-dom-testing-library": "^1.11.3",
|
|
93
93
|
"storybook": "9.1.17",
|
|
94
94
|
"style-dictionary": "^4.2.0",
|
|
95
|
-
"tapestry-wc": "^2.7.0",
|
|
95
|
+
"tapestry-wc": "^2.7.1-qa-513.0",
|
|
96
96
|
"typescript": "^5.5.3",
|
|
97
97
|
"vite": "^6.4.1",
|
|
98
98
|
"vitest": "^3.0.0"
|
|
99
99
|
},
|
|
100
100
|
"dependencies": {
|
|
101
|
-
"@planningcenter/icons": "
|
|
102
|
-
"@planningcenter/tapestry-tokens": "^2.7.0",
|
|
101
|
+
"@planningcenter/icons": "15.27.3",
|
|
102
|
+
"@planningcenter/tapestry-tokens": "^2.7.1-qa-513.0",
|
|
103
103
|
"classnames": "^2.5.1",
|
|
104
104
|
"lodash": "^4.17.21"
|
|
105
105
|
},
|
|
106
|
-
"gitHead": "
|
|
106
|
+
"gitHead": "99523ff01a0b24f7ecaf6a22b9da40e2594880ef"
|
|
107
107
|
}
|
package/react-types/index.d.ts
CHANGED
|
@@ -28,24 +28,24 @@ declare global {
|
|
|
28
28
|
* @cssprop --tds-page-header-nav-background - Background color of the navigation, gradient on mobile. Overrides are not recommended.
|
|
29
29
|
* @cssprop --tds-page-header-nav-item-padding-x: {var(--t-spacing-1)} - Horizontal padding for the tab.
|
|
30
30
|
* @cssprop --tds-page-header-nav-item-padding-y: {var(--t-spacing-1)} - Vertical padding for the tab.
|
|
31
|
-
* @cssprop --tds-page-header-nav-item-color: {var(--t-text-color
|
|
31
|
+
* @cssprop --tds-page-header-nav-item-color: {var(--t-text-color)} - Text color for the tab.
|
|
32
32
|
* @cssprop --tds-page-header-nav-item-background-color: {var(--t-fill-color-transparency-light-060)} - Background color for the tab.
|
|
33
33
|
* @cssprop --tds-page-header-nav-item-border-width: {0} - Border width for the tab.
|
|
34
34
|
* @cssprop --tds-page-header-nav-item-border-color: {var(--tds-page-header-nav-item-background-color)} - Border color for the tab.
|
|
35
|
-
* @cssprop --tds-page-header-nav-item-border-bottom-color: {var(--t-border-color
|
|
35
|
+
* @cssprop --tds-page-header-nav-item-border-bottom-color: {var(--t-border-color)} - Border bottom color for the tab.
|
|
36
36
|
* @cssprop --tds-page-header-nav-item-color-hover: {var(--tds-page-header-nav-item-color)} - Text color for the tab on hover.
|
|
37
37
|
* @cssprop --tds-page-header-nav-item-background-color-hover: {var(--t-fill-color-neutral-080)} - Background color for the tab on hover.
|
|
38
38
|
* @cssprop --tds-page-header-nav-item-border-color-hover: {var(--tds-page-header-nav-item-background-color-hover)} - Border color for the tab on hover.
|
|
39
39
|
* @cssprop --tds-page-header-nav-item-background-color-active: {var(--t-fill-color-neutral-060)} - Background color for the tab on active.
|
|
40
40
|
* @cssprop --tds-page-header-nav-item-border-color-active: {var(--tds-page-header-nav-item-background-color-hover)} - Border color for the tab on active.
|
|
41
|
-
* @cssprop --tds-page-header-nav-item-color-disabled: {var(--t-text-color-
|
|
41
|
+
* @cssprop --tds-page-header-nav-item-color-disabled: {var(--t-text-color-disabled)} - Text color for the tab on disabled.
|
|
42
42
|
* @cssprop --tds-page-header-nav-item-background-color-disabled: {var(--t-fill-color-neutral-080)} - Background color for the tab on disabled.
|
|
43
43
|
* @cssprop --tds-page-header-nav-item-border-color-disabled: {var(--tds-page-header-nav-item-background-color-disabled)} - Border color for the tab on disabled.
|
|
44
|
-
* @cssprop --tds-page-header-nav-item-color-selected: {var(--t-text-color
|
|
45
|
-
* @cssprop --tds-page-header-nav-item-border-color-selected: {var(--t-border-color
|
|
44
|
+
* @cssprop --tds-page-header-nav-item-color-selected: {var(--t-text-color)} - Text color for the tab on selected.
|
|
45
|
+
* @cssprop --tds-page-header-nav-item-border-color-selected: {var(--t-border-color)} - Border color for the tab on selected.
|
|
46
46
|
* @cssprop --tds-page-header-nav-item-background-color-selected: {var(--t-fill-color-neutral-100)} - Background color for the tab on selected.
|
|
47
47
|
* @cssprop --tds-page-header-nav-item-border-bottom-color-selected: {var(--tds-page-header-nav-item-background-color-selected)} - Border bottom color for the tab on selected.
|
|
48
|
-
* @cssprop --tds-page-header-nav-item-indicator-color: {var(--t-icon-color-status-warning
|
|
48
|
+
* @cssprop --tds-page-header-nav-item-indicator-color: {var(--t-icon-color-status-warning)} - Color for the indicator.
|
|
49
49
|
*/
|
|
50
50
|
"tds-page-header": {
|
|
51
51
|
/**
|
|
@@ -101,8 +101,8 @@ Please refer to each component's documentation for more information on how to us
|
|
|
101
101
|
* @cssprop --tds-sidenav-item-nested-border-color - Border color for nested items (default: var(--t-fill-color-neutral-050))
|
|
102
102
|
* @cssprop --tds-sidenav-item-nested-border-color-hover - Border color for nested items in hover state (default: var(--t-fill-color-neutral-010))
|
|
103
103
|
* @cssprop --tds-sidenav-item-nested-border-color-selected - Border color for nested items in selected state (default: var(--t-fill-color-neutral-010))
|
|
104
|
-
* @cssprop --tds-sidenav-item-icon-color - Color for item icons (default: var(--t-icon-color-
|
|
105
|
-
* @cssprop --tds-sidenav-item-icon-color-selected - Color for selected item icons (default: var(--t-icon-color
|
|
104
|
+
* @cssprop --tds-sidenav-item-icon-color - Color for item icons (default: var(--t-icon-color-secondary))
|
|
105
|
+
* @cssprop --tds-sidenav-item-icon-color-selected - Color for selected item icons (default: var(--t-icon-color))
|
|
106
106
|
* @cssprop --tds-sidenav-indent - Internal: The indentation spacing for nested items (default: 12px)
|
|
107
107
|
* @cssprop --tds-sidenav-item-depth - Internal: The current nesting depth of items (default: 0)
|
|
108
108
|
* @cssprop --tds-sidenav-item-transition - Internal: The transition timing for item state changes (default: background-color .2s cubic-bezier(.19, .91, .38, 1))
|