@planningcenter/tapestry 3.0.0-rc.23 → 3.0.0-rc.25

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.
Files changed (32) hide show
  1. package/dist/components/link/BaseLink.d.ts.map +1 -1
  2. package/dist/components/link/BaseLink.js +4 -4
  3. package/dist/components/link/BaseLink.js.map +1 -1
  4. package/dist/components/page-header/index.js +1 -1
  5. package/dist/components/sidenav/index.js +1 -1
  6. package/dist/reactRender.css +56 -56
  7. package/dist/reactRender.css.map +1 -1
  8. package/dist/reactRenderLegacy.css +56 -56
  9. package/dist/reactRenderLegacy.css.map +1 -1
  10. package/dist/tapestry-wc/dist/components/{p-DWE7Cjco.js → p-B3g3KE10.js} +3 -3
  11. package/dist/tapestry-wc/dist/components/{p-DWE7Cjco.js.map → p-B3g3KE10.js.map} +1 -1
  12. package/dist/tapestry-wc/dist/components/{p-BBpJNF9r.js → p-BMbHCIAM.js} +3 -3
  13. package/dist/tapestry-wc/dist/components/{p-BBpJNF9r.js.map → p-BMbHCIAM.js.map} +1 -1
  14. package/dist/tapestry-wc/dist/components/{p-U8c4IsmA.js → p-BgG83B1-.js} +2 -2
  15. package/dist/tapestry-wc/dist/components/{p-U8c4IsmA.js.map → p-BgG83B1-.js.map} +1 -1
  16. package/dist/tapestry-wc/dist/components/{p-DEB_xuhM.js → p-CWT-jsBv.js} +2 -2
  17. package/dist/tapestry-wc/dist/components/{p-DEB_xuhM.js.map → p-CWT-jsBv.js.map} +1 -1
  18. package/dist/tapestry-wc/dist/components/{p-BElQcGY4.js → p-DObZMtMA.js} +3 -3
  19. package/dist/tapestry-wc/dist/components/{p-BElQcGY4.js.map → p-DObZMtMA.js.map} +1 -1
  20. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
  21. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
  22. package/dist/tapestry-wc/dist/components/tds-page-header.js +3 -3
  23. package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  24. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +3 -3
  25. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
  26. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
  27. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
  28. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +3 -3
  29. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
  30. package/dist/tapestry-wc/dist/components/tds-sidenav.js +5 -5
  31. package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
  32. package/package.json +3 -3
@@ -1 +1 @@
1
- {"version":3,"file":"BaseLink.d.ts","sourceRoot":"","sources":["../../../src/components/link/BaseLink.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAG1B,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAA;AAE/D,OAAO,EACL,kBAAkB,EAGlB,aAAa,EAGd,MAAM,kCAAkC,CAAA;AAEzC,MAAM,WAAW,oBACf,SAAQ,kBAAkB,EACxB,IAAI,CACF,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,kBAAkB,GAAG,UAAU,CACtC;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB;AAeD,eAAO,MAAM,QAAQ,gGAsCpB,CAAA"}
1
+ {"version":3,"file":"BaseLink.d.ts","sourceRoot":"","sources":["../../../src/components/link/BaseLink.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAG1B,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAA;AAE/D,OAAO,EACL,kBAAkB,EAGlB,aAAa,EAGd,MAAM,kCAAkC,CAAA;AAEzC,MAAM,WAAW,oBACf,SAAQ,kBAAkB,EACxB,IAAI,CACF,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,kBAAkB,GAAG,UAAU,CACtC;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB;AAiBD,eAAO,MAAM,QAAQ,gGA4CpB,CAAA"}
@@ -2,11 +2,11 @@ import classNames from 'classnames';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { enhanceElementWithClassName, COMPONENT_SIZE_CLASS_MAP, COMPONENT_KIND_CLASS_MAP } from '../../utilities/buttonLinkShared.js';
4
4
 
5
- const buildComponentClassName = (size, kind, className) => {
6
- return classNames("tds-btn", size && size !== "md" && kind && COMPONENT_SIZE_CLASS_MAP[size], kind && COMPONENT_KIND_CLASS_MAP[kind], className);
5
+ const buildComponentClassName = (size, kind, fullWidth, className) => {
6
+ return classNames("tds-btn", size && size !== "md" && kind && COMPONENT_SIZE_CLASS_MAP[size], kind && COMPONENT_KIND_CLASS_MAP[kind], fullWidth && "tds-btn--full-width", className);
7
7
  };
8
- const BaseLink = forwardRef(({ children, className, external = false, href, kind, label, prefix, size, suffix, ...restProps }, ref) => {
9
- const combinedClassName = buildComponentClassName(size, kind, className);
8
+ const BaseLink = forwardRef(({ children, className, external = false, fullWidth, href, kind, label, prefix, size, suffix, ...restProps }, ref) => {
9
+ const combinedClassName = buildComponentClassName(size, kind, fullWidth, className);
10
10
  const prefixElement = enhanceElementWithClassName(prefix, "prefix");
11
11
  const suffixElement = enhanceElementWithClassName(suffix, "suffix");
12
12
  const externalProps = external
@@ -1 +1 @@
1
- {"version":3,"file":"BaseLink.js","sources":["../../../src/components/link/BaseLink.tsx"],"sourcesContent":["import \"../button/btn.css\"\n\nimport classNames from \"classnames\"\nimport React, { AnchorHTMLAttributes, forwardRef } from \"react\"\n\nimport {\n BaseComponentProps,\n COMPONENT_KIND_CLASS_MAP,\n COMPONENT_SIZE_CLASS_MAP,\n ComponentKind,\n ComponentSize,\n enhanceElementWithClassName,\n} from \"../../utilities/buttonLinkShared\"\n\nexport interface BaseLinkElementProps\n extends BaseComponentProps,\n Omit<\n AnchorHTMLAttributes<HTMLAnchorElement>,\n keyof BaseComponentProps | \"children\"\n > {\n children?: React.ReactNode\n external?: boolean\n href: string\n kind?: ComponentKind\n label?: React.ReactNode\n}\n\nconst buildComponentClassName = (\n size?: ComponentSize,\n kind?: ComponentKind,\n className?: string\n): string => {\n return classNames(\n \"tds-btn\",\n size && size !== \"md\" && kind && COMPONENT_SIZE_CLASS_MAP[size],\n kind && COMPONENT_KIND_CLASS_MAP[kind],\n className\n )\n}\n\nexport const BaseLink = forwardRef<HTMLAnchorElement, BaseLinkElementProps>(\n (\n {\n children,\n className,\n external = false,\n href,\n kind,\n label,\n prefix,\n size,\n suffix,\n ...restProps\n }: BaseLinkElementProps,\n ref\n ) => {\n const combinedClassName = buildComponentClassName(size, kind, className)\n\n const prefixElement = enhanceElementWithClassName(prefix, \"prefix\")\n const suffixElement = enhanceElementWithClassName(suffix, \"suffix\")\n const externalProps = external\n ? { rel: \"noopener noreferrer\", target: \"_blank\" }\n : {}\n\n return (\n <a\n href={href}\n className={combinedClassName}\n ref={ref}\n {...restProps}\n {...externalProps}\n >\n {prefixElement}\n {label || children}\n {suffixElement}\n </a>\n )\n }\n)\n\nBaseLink.displayName = \"BaseLink\"\n"],"names":[],"mappings":";;;;AA2BA,MAAM,uBAAuB,GAAG,CAC9B,IAAoB,EACpB,IAAoB,EACpB,SAAkB,KACR;IACV,OAAO,UAAU,CACf,SAAS,EACT,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,IAAI,wBAAwB,CAAC,IAAI,CAAC,EAC/D,IAAI,IAAI,wBAAwB,CAAC,IAAI,CAAC,EACtC,SAAS,CACV;AACH,CAAC;AAEM,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,GAAG,SAAS,EACS,EACvB,GAAG,KACD;IACF,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC;IAExE,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC;IACnE,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC;IACnE,MAAM,aAAa,GAAG;UAClB,EAAE,GAAG,EAAE,qBAAqB,EAAE,MAAM,EAAE,QAAQ;UAC9C,EAAE;AAEN,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,EAAA,GACJ,SAAS,KACT,aAAa,EAAA;QAEhB,aAAa;AACb,QAAA,KAAK,IAAI,QAAQ;QACjB,aAAa,CACZ;AAER,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
1
+ {"version":3,"file":"BaseLink.js","sources":["../../../src/components/link/BaseLink.tsx"],"sourcesContent":["import \"../button/btn.css\"\n\nimport classNames from \"classnames\"\nimport React, { AnchorHTMLAttributes, forwardRef } from \"react\"\n\nimport {\n BaseComponentProps,\n COMPONENT_KIND_CLASS_MAP,\n COMPONENT_SIZE_CLASS_MAP,\n ComponentKind,\n ComponentSize,\n enhanceElementWithClassName,\n} from \"../../utilities/buttonLinkShared\"\n\nexport interface BaseLinkElementProps\n extends BaseComponentProps,\n Omit<\n AnchorHTMLAttributes<HTMLAnchorElement>,\n keyof BaseComponentProps | \"children\"\n > {\n children?: React.ReactNode\n external?: boolean\n href: string\n kind?: ComponentKind\n label?: React.ReactNode\n}\n\nconst buildComponentClassName = (\n size?: ComponentSize,\n kind?: ComponentKind,\n fullWidth?: boolean,\n className?: string\n): string => {\n return classNames(\n \"tds-btn\",\n size && size !== \"md\" && kind && COMPONENT_SIZE_CLASS_MAP[size],\n kind && COMPONENT_KIND_CLASS_MAP[kind],\n fullWidth && \"tds-btn--full-width\",\n className\n )\n}\n\nexport const BaseLink = forwardRef<HTMLAnchorElement, BaseLinkElementProps>(\n (\n {\n children,\n className,\n external = false,\n fullWidth,\n href,\n kind,\n label,\n prefix,\n size,\n suffix,\n ...restProps\n }: BaseLinkElementProps,\n ref\n ) => {\n const combinedClassName = buildComponentClassName(\n size,\n kind,\n fullWidth,\n className\n )\n\n const prefixElement = enhanceElementWithClassName(prefix, \"prefix\")\n const suffixElement = enhanceElementWithClassName(suffix, \"suffix\")\n const externalProps = external\n ? { rel: \"noopener noreferrer\", target: \"_blank\" }\n : {}\n\n return (\n <a\n href={href}\n className={combinedClassName}\n ref={ref}\n {...restProps}\n {...externalProps}\n >\n {prefixElement}\n {label || children}\n {suffixElement}\n </a>\n )\n }\n)\n\nBaseLink.displayName = \"BaseLink\"\n"],"names":[],"mappings":";;;;AA2BA,MAAM,uBAAuB,GAAG,CAC9B,IAAoB,EACpB,IAAoB,EACpB,SAAmB,EACnB,SAAkB,KACR;AACV,IAAA,OAAO,UAAU,CACf,SAAS,EACT,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,IAAI,wBAAwB,CAAC,IAAI,CAAC,EAC/D,IAAI,IAAI,wBAAwB,CAAC,IAAI,CAAC,EACtC,SAAS,IAAI,qBAAqB,EAClC,SAAS,CACV;AACH,CAAC;AAEM,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,GAAG,SAAS,EACS,EACvB,GAAG,KACD;AACF,IAAA,MAAM,iBAAiB,GAAG,uBAAuB,CAC/C,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,SAAS,CACV;IAED,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC;IACnE,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC;IACnE,MAAM,aAAa,GAAG;UAClB,EAAE,GAAG,EAAE,qBAAqB,EAAE,MAAM,EAAE,QAAQ;UAC9C,EAAE;AAEN,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,EAAA,GACJ,SAAS,KACT,aAAa,EAAA;QAEhB,aAAa;AACb,QAAA,KAAK,IAAI,QAAQ;QACjB,aAAa,CACZ;AAER,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
@@ -1,4 +1,4 @@
1
- import '../../tapestry-wc/dist/components/p-U8c4IsmA.js';
1
+ import '../../tapestry-wc/dist/components/p-BgG83B1-.js';
2
2
  import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-page-header.js';
3
3
  import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-page-header-nav.js';
4
4
 
@@ -1,4 +1,4 @@
1
- import '../../tapestry-wc/dist/components/p-U8c4IsmA.js';
1
+ import '../../tapestry-wc/dist/components/p-BgG83B1-.js';
2
2
  import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-sidenav.js';
3
3
  import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-sidenav-item.js';
4
4
  import { defineCustomElement as defineCustomElement$3 } from '../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js';
@@ -903,62 +903,6 @@
903
903
  --t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
904
904
  }
905
905
 
906
- :root[data-color-mode="dark"]{
907
- --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
908
- --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
909
- --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
910
- --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
911
- --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
912
- --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
913
- --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
914
- --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
915
- }
916
-
917
- :root{
918
- --t-border-color-default-base:var(--t-border-color);
919
- --t-border-color-default-dark:var(--t-border-color-dark);
920
- --t-border-color-default-darker:var(--t-border-color-darker);
921
- --t-border-color-default-darkest:var(--t-border-color-darkest);
922
- --t-border-color-default-dim:var(--t-border-color-dim);
923
- --t-border-color-default-disabled:var(--t-border-color-disabled);
924
- --t-border-color-default-white:var(--t-border-color-white);
925
- --t-border-radius-default:var(--t-border-radius);
926
- --t-border-width-default:var(--t-border-width);
927
- --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
928
- --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
929
- --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
930
- --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
931
- --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
932
- --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
933
- --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
934
- --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
935
- --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
936
- --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
937
- --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
938
- --t-fill-color-control-primary:var(--t-fill-color-control);
939
- --t-fill-color-interaction-default:var(--t-fill-color-interaction);
940
- --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
941
- --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
942
- --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
943
- --t-icon-color-default-dim:var(--t-icon-color-dim);
944
- --t-icon-color-default-disabled:var(--t-icon-color-disabled);
945
- --t-icon-color-default-inverted:var(--t-icon-color-inverted);
946
- --t-icon-color-default-primary:var(--t-icon-color);
947
- --t-icon-color-default-secondary:var(--t-icon-color-secondary);
948
- --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
949
- --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
950
- --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
951
- --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
952
- --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
953
- --t-text-color-default-disabled:var(--t-text-color-disabled);
954
- --t-text-color-default-headline:var(--t-text-color-headline);
955
- --t-text-color-default-inverted:var(--t-text-color-inverted);
956
- --t-text-color-default-placeholder:var(--t-text-color-placeholder);
957
- --t-text-color-default-primary:var(--t-text-color);
958
- --t-text-color-default-secondary:var(--t-text-color-secondary);
959
- --t-text-color-interaction-primary:var(--t-text-color-interaction);
960
- }
961
-
962
906
  @media (prefers-color-scheme: dark){
963
907
  :root[data-color-mode="system"]{
964
908
  --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
@@ -1567,6 +1511,62 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
1567
1511
  flex-direction:column;
1568
1512
  }
1569
1513
 
1514
+ :root[data-color-mode="dark"]{
1515
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
1516
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
1517
+ --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
1518
+ --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
1519
+ --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
1520
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
1521
+ --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
1522
+ --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
1523
+ }
1524
+
1525
+ :root{
1526
+ --t-border-color-default-base:var(--t-border-color);
1527
+ --t-border-color-default-dark:var(--t-border-color-dark);
1528
+ --t-border-color-default-darker:var(--t-border-color-darker);
1529
+ --t-border-color-default-darkest:var(--t-border-color-darkest);
1530
+ --t-border-color-default-dim:var(--t-border-color-dim);
1531
+ --t-border-color-default-disabled:var(--t-border-color-disabled);
1532
+ --t-border-color-default-white:var(--t-border-color-white);
1533
+ --t-border-radius-default:var(--t-border-radius);
1534
+ --t-border-width-default:var(--t-border-width);
1535
+ --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
1536
+ --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
1537
+ --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
1538
+ --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
1539
+ --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
1540
+ --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
1541
+ --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
1542
+ --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
1543
+ --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
1544
+ --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
1545
+ --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
1546
+ --t-fill-color-control-primary:var(--t-fill-color-control);
1547
+ --t-fill-color-interaction-default:var(--t-fill-color-interaction);
1548
+ --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
1549
+ --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
1550
+ --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
1551
+ --t-icon-color-default-dim:var(--t-icon-color-dim);
1552
+ --t-icon-color-default-disabled:var(--t-icon-color-disabled);
1553
+ --t-icon-color-default-inverted:var(--t-icon-color-inverted);
1554
+ --t-icon-color-default-primary:var(--t-icon-color);
1555
+ --t-icon-color-default-secondary:var(--t-icon-color-secondary);
1556
+ --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
1557
+ --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
1558
+ --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
1559
+ --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
1560
+ --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
1561
+ --t-text-color-default-disabled:var(--t-text-color-disabled);
1562
+ --t-text-color-default-headline:var(--t-text-color-headline);
1563
+ --t-text-color-default-inverted:var(--t-text-color-inverted);
1564
+ --t-text-color-default-placeholder:var(--t-text-color-placeholder);
1565
+ --t-text-color-default-primary:var(--t-text-color);
1566
+ --t-text-color-default-secondary:var(--t-text-color-secondary);
1567
+ --t-text-color-interaction-primary:var(--t-text-color-interaction);
1568
+ }
1569
+
1570
1570
  .tds-loading-spinner{
1571
1571
  --tds-loading-spinner-size:1.25em;
1572
1572