@planningcenter/tapestry 3.0.0-rc.13 → 3.0.0-rc.15

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 (37) hide show
  1. package/dist/components/button/BaseButton.js +1 -1
  2. package/dist/components/button/BaseButton.js.map +1 -1
  3. package/dist/components/button/IconButton.js +1 -1
  4. package/dist/components/button/IconButton.js.map +1 -1
  5. package/dist/components/button/PageHeaderActionsDropdownButton.js +1 -1
  6. package/dist/components/button/PageHeaderActionsDropdownButton.js.map +1 -1
  7. package/dist/components/link/BaseLink.js +1 -1
  8. package/dist/components/link/BaseLink.js.map +1 -1
  9. package/dist/components/page-header/index.js +1 -1
  10. package/dist/components/sidenav/index.js +1 -1
  11. package/dist/reactRender.css +87 -87
  12. package/dist/reactRender.css.map +1 -1
  13. package/dist/reactRenderLegacy.css +87 -87
  14. package/dist/reactRenderLegacy.css.map +1 -1
  15. package/dist/tapestry-wc/dist/components/{p-Czop0bFj.js → p-5y8_fniU.js} +2 -2
  16. package/dist/tapestry-wc/dist/components/{p-Czop0bFj.js.map → p-5y8_fniU.js.map} +1 -1
  17. package/dist/tapestry-wc/dist/components/{p-CpZ0hUNM.js → p-CCVokWBG.js} +2 -2
  18. package/dist/tapestry-wc/dist/components/{p-CpZ0hUNM.js.map → p-CCVokWBG.js.map} +1 -1
  19. package/dist/tapestry-wc/dist/components/{p-DXDkvHFj.js → p-CyHWV_ow.js} +3 -3
  20. package/dist/tapestry-wc/dist/components/{p-DXDkvHFj.js.map → p-CyHWV_ow.js.map} +1 -1
  21. package/dist/tapestry-wc/dist/components/{p-ZW3Io_5F.js → p-DVfg4EOX.js} +3 -3
  22. package/dist/tapestry-wc/dist/components/{p-ZW3Io_5F.js.map → p-DVfg4EOX.js.map} +1 -1
  23. package/dist/tapestry-wc/dist/components/{p-u_Tnrxmv.js → p-DzSjNrCf.js} +3 -3
  24. package/dist/tapestry-wc/dist/components/{p-u_Tnrxmv.js.map → p-DzSjNrCf.js.map} +1 -1
  25. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
  26. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
  27. package/dist/tapestry-wc/dist/components/tds-page-header.js +3 -3
  28. package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  29. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +3 -3
  30. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
  31. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
  32. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
  33. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +3 -3
  34. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
  35. package/dist/tapestry-wc/dist/components/tds-sidenav.js +5 -5
  36. package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
  37. package/package.json +3 -3
package/dist/components/button/BaseButton.js CHANGED
@@ -6,7 +6,7 @@ import LoadingSpinner from '../internal/LoadingSpinner.js';
6
6
  const buildComponentClassName = ({ className, fullWidth, kind, loading, size, }) => {
7
7
  return classNames(kind && "tds-btn", size && size !== "md" && COMPONENT_SIZE_CLASS_MAP[size], kind && COMPONENT_KIND_CLASS_MAP[kind], fullWidth && "tds-btn--full-width", loading && "tds-btn--loading", className);
8
8
  };
9
- const BaseButton = forwardRef(({ size, prefix, suffix, kind = "secondary", label, className, fullWidth, loading = false, loadingAriaLabel = "Loading...", "aria-label": ariaLabel, disabled = false, ...restProps }, ref) => {
9
+ const BaseButton = forwardRef(({ "aria-label": ariaLabel, className, disabled = false, fullWidth, kind = "secondary", label, loading = false, loadingAriaLabel = "Loading...", prefix, size, suffix, ...restProps }, ref) => {
10
10
  const combinedClassName = buildComponentClassName({
11
11
  className,
12
12
  fullWidth,
package/dist/components/button/BaseButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseButton.js","sources":["../../../src/components/button/BaseButton.tsx"],"sourcesContent":["import \"./btn.css\"\n\nimport classNames from \"classnames\"\nimport React, { ButtonHTMLAttributes, 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\"\nimport { LoadingSpinner } from \"../internal\"\n\nexport interface BaseButtonProps extends Omit<BaseComponentProps, \"kind\"> {\n kind?: ComponentKind\n label: React.ReactNode\n loading?: boolean\n loadingAriaLabel?: string\n}\n\nexport type BaseButtonElementProps = Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n keyof BaseButtonProps | \"children\"\n> &\n BaseButtonProps\n\nconst buildComponentClassName = ({\n className,\n fullWidth,\n kind,\n loading,\n size,\n}: {\n className?: string\n fullWidth?: boolean\n kind?: ComponentKind\n loading?: boolean\n size?: ComponentSize\n}): string => {\n return classNames(\n kind && \"tds-btn\",\n size && size !== \"md\" && COMPONENT_SIZE_CLASS_MAP[size],\n kind && COMPONENT_KIND_CLASS_MAP[kind],\n fullWidth && \"tds-btn--full-width\",\n loading && \"tds-btn--loading\",\n className\n )\n}\n\nexport const BaseButton = forwardRef<HTMLButtonElement, BaseButtonElementProps>(\n (\n {\n size,\n prefix,\n suffix,\n kind = \"secondary\",\n label,\n className,\n fullWidth,\n loading = false,\n loadingAriaLabel = \"Loading...\",\n \"aria-label\": ariaLabel,\n disabled = false,\n ...restProps\n }: BaseButtonElementProps,\n ref\n ) => {\n const combinedClassName = buildComponentClassName({\n className,\n fullWidth,\n kind,\n loading,\n size,\n })\n\n const prefixElement = enhanceElementWithClassName(prefix, \"prefix\")\n const suffixElement = enhanceElementWithClassName(suffix, \"suffix\")\n\n const isDisabled = disabled || loading\n\n return (\n <button\n type=\"button\"\n className={combinedClassName}\n ref={ref}\n {...restProps}\n aria-busy={loading || undefined}\n aria-disabled={isDisabled || undefined}\n disabled={isDisabled}\n aria-label={loading ? loadingAriaLabel : ariaLabel}\n >\n {loading && <LoadingSpinner />}\n {prefixElement}\n {loading ? <span>{label}</span> : label}\n {suffixElement}\n </button>\n )\n }\n)\n\nBaseButton.displayName = \"BaseButton\"\n"],"names":[],"mappings":";;;;;AA4BA,MAAM,uBAAuB,GAAG,CAAC,EAC/B,SAAS,EACT,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAI,GAOL,KAAY;AACX,IAAA,OAAO,UAAU,CACf,IAAI,IAAI,SAAS,EACjB,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,wBAAwB,CAAC,IAAI,CAAC,EACvD,IAAI,IAAI,wBAAwB,CAAC,IAAI,CAAC,EACtC,SAAS,IAAI,qBAAqB,EAClC,OAAO,IAAI,kBAAkB,EAC7B,SAAS,CACV;AACH,CAAC;MAEY,UAAU,GAAG,UAAU,CAClC,CACE,EACE,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,GAAG,WAAW,EAClB,KAAK,EACL,SAAS,EACT,SAAS,EACT,OAAO,GAAG,KAAK,EACf,gBAAgB,GAAG,YAAY,EAC/B,YAAY,EAAE,SAAS,EACvB,QAAQ,GAAG,KAAK,EAChB,GAAG,SAAS,EACW,EACzB,GAAG,KACD;IACF,MAAM,iBAAiB,GAAG,uBAAuB,CAAC;QAChD,SAAS;QACT,SAAS;QACT,IAAI;QACJ,OAAO;QACP,IAAI;AACL,KAAA,CAAC;IAEF,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC;IACnE,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC;AAEnE,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,OAAO;AAEtC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,EAAA,GACJ,SAAS,eACF,OAAO,IAAI,SAAS,EAAA,eAAA,EAChB,UAAU,IAAI,SAAS,EACtC,QAAQ,EAAE,UAAU,EAAA,YAAA,EACR,OAAO,GAAG,gBAAgB,GAAG,SAAS,EAAA;QAEjD,OAAO,IAAI,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,CAAG;QAC7B,aAAa;QACb,OAAO,GAAG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAQ,GAAG,KAAK;QACtC,aAAa,CACP;AAEb,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
1
+ {"version":3,"file":"BaseButton.js","sources":["../../../src/components/button/BaseButton.tsx"],"sourcesContent":["import \"./btn.css\"\n\nimport classNames from \"classnames\"\nimport React, { ButtonHTMLAttributes, 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\"\nimport { LoadingSpinner } from \"../internal\"\n\nexport interface BaseButtonProps extends Omit<BaseComponentProps, \"kind\"> {\n kind?: ComponentKind\n label: React.ReactNode\n loading?: boolean\n loadingAriaLabel?: string\n}\n\nexport type BaseButtonElementProps = Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n keyof BaseButtonProps | \"children\"\n> &\n BaseButtonProps\n\nconst buildComponentClassName = ({\n className,\n fullWidth,\n kind,\n loading,\n size,\n}: {\n className?: string\n fullWidth?: boolean\n kind?: ComponentKind\n loading?: boolean\n size?: ComponentSize\n}): string => {\n return classNames(\n kind && \"tds-btn\",\n size && size !== \"md\" && COMPONENT_SIZE_CLASS_MAP[size],\n kind && COMPONENT_KIND_CLASS_MAP[kind],\n fullWidth && \"tds-btn--full-width\",\n loading && \"tds-btn--loading\",\n className\n )\n}\n\nexport const BaseButton = forwardRef<HTMLButtonElement, BaseButtonElementProps>(\n (\n {\n \"aria-label\": ariaLabel,\n className,\n disabled = false,\n fullWidth,\n kind = \"secondary\",\n label,\n loading = false,\n loadingAriaLabel = \"Loading...\",\n prefix,\n size,\n suffix,\n ...restProps\n }: BaseButtonElementProps,\n ref\n ) => {\n const combinedClassName = buildComponentClassName({\n className,\n fullWidth,\n kind,\n loading,\n size,\n })\n\n const prefixElement = enhanceElementWithClassName(prefix, \"prefix\")\n const suffixElement = enhanceElementWithClassName(suffix, \"suffix\")\n\n const isDisabled = disabled || loading\n\n return (\n <button\n type=\"button\"\n className={combinedClassName}\n ref={ref}\n {...restProps}\n aria-busy={loading || undefined}\n aria-disabled={isDisabled || undefined}\n disabled={isDisabled}\n aria-label={loading ? loadingAriaLabel : ariaLabel}\n >\n {loading && <LoadingSpinner />}\n {prefixElement}\n {loading ? <span>{label}</span> : label}\n {suffixElement}\n </button>\n )\n }\n)\n\nBaseButton.displayName = \"BaseButton\"\n"],"names":[],"mappings":";;;;;AA4BA,MAAM,uBAAuB,GAAG,CAAC,EAC/B,SAAS,EACT,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAI,GAOL,KAAY;AACX,IAAA,OAAO,UAAU,CACf,IAAI,IAAI,SAAS,EACjB,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,wBAAwB,CAAC,IAAI,CAAC,EACvD,IAAI,IAAI,wBAAwB,CAAC,IAAI,CAAC,EACtC,SAAS,IAAI,qBAAqB,EAClC,OAAO,IAAI,kBAAkB,EAC7B,SAAS,CACV;AACH,CAAC;MAEY,UAAU,GAAG,UAAU,CAClC,CACE,EACE,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,IAAI,GAAG,WAAW,EAClB,KAAK,EACL,OAAO,GAAG,KAAK,EACf,gBAAgB,GAAG,YAAY,EAC/B,MAAM,EACN,IAAI,EACJ,MAAM,EACN,GAAG,SAAS,EACW,EACzB,GAAG,KACD;IACF,MAAM,iBAAiB,GAAG,uBAAuB,CAAC;QAChD,SAAS;QACT,SAAS;QACT,IAAI;QACJ,OAAO;QACP,IAAI;AACL,KAAA,CAAC;IAEF,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC;IACnE,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC;AAEnE,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,OAAO;AAEtC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,EAAA,GACJ,SAAS,eACF,OAAO,IAAI,SAAS,EAAA,eAAA,EAChB,UAAU,IAAI,SAAS,EACtC,QAAQ,EAAE,UAAU,EAAA,YAAA,EACR,OAAO,GAAG,gBAAgB,GAAG,SAAS,EAAA;QAEjD,OAAO,IAAI,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,CAAG;QAC7B,aAAa;QACb,OAAO,GAAG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAQ,GAAG,KAAK;QACtC,aAAa,CACP;AAEb,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
package/dist/components/button/IconButton.js CHANGED
@@ -8,7 +8,7 @@ import { BaseButton } from './BaseButton.js';
8
8
  *
9
9
  * @component
10
10
  */
11
- const IconButton = forwardRef(({ icon, className, ...restProps }, ref) => {
11
+ const IconButton = forwardRef(({ className, icon, ...restProps }, ref) => {
12
12
  const iconOnlyClassName = classNames("tds-btn--icononly", className);
13
13
  return (React.createElement(BaseButton, { ...restProps, label: icon, className: iconOnlyClassName, ref: ref }));
14
14
  });
package/dist/components/button/IconButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.js","sources":["../../../src/components/button/IconButton.tsx"],"sourcesContent":["import \"./btn.css\"\n\nimport classNames from \"classnames\"\nimport React, { forwardRef } from \"react\"\n\nimport { BaseButton, BaseButtonElementProps } from \"./BaseButton\"\n\nexport type IconButtonProps = Omit<BaseButtonElementProps, \"label\"> & {\n \"aria-label\": string\n icon: React.ReactNode\n}\n\n/**\n * An icon-only button component that renders as a button element.\n * Requires an icon and aria-label for accessibility.\n *\n * @component\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n ({ icon, className, ...restProps }: IconButtonProps, ref) => {\n const iconOnlyClassName = classNames(\"tds-btn--icononly\", className)\n\n return (\n <BaseButton\n {...restProps}\n label={icon}\n className={iconOnlyClassName}\n ref={ref}\n />\n )\n }\n)\n\nIconButton.displayName = \"IconButton\"\n"],"names":[],"mappings":";;;;AAYA;;;;;AAKG;AACI,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,EAAmB,EAAE,GAAG,KAAI;IAC1D,MAAM,iBAAiB,GAAG,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC;AAEpE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,OACL,SAAS,EACb,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
1
+ {"version":3,"file":"IconButton.js","sources":["../../../src/components/button/IconButton.tsx"],"sourcesContent":["import \"./btn.css\"\n\nimport classNames from \"classnames\"\nimport React, { forwardRef } from \"react\"\n\nimport { BaseButton, BaseButtonElementProps } from \"./BaseButton\"\n\nexport type IconButtonProps = Omit<BaseButtonElementProps, \"label\"> & {\n \"aria-label\": string\n icon: React.ReactNode\n}\n\n/**\n * An icon-only button component that renders as a button element.\n * Requires an icon and aria-label for accessibility.\n *\n * @component\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n ({ className, icon, ...restProps }: IconButtonProps, ref) => {\n const iconOnlyClassName = classNames(\"tds-btn--icononly\", className)\n\n return (\n <BaseButton\n {...restProps}\n label={icon}\n className={iconOnlyClassName}\n ref={ref}\n />\n )\n }\n)\n\nIconButton.displayName = \"IconButton\"\n"],"names":[],"mappings":";;;;AAYA;;;;;AAKG;AACI,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,EAAmB,EAAE,GAAG,KAAI;IAC1D,MAAM,iBAAiB,GAAG,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC;AAEpE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,OACL,SAAS,EACb,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
package/dist/components/button/PageHeaderActionsDropdownButton.js CHANGED
@@ -12,7 +12,7 @@ function needsAttentionProps({ className, needsAttention, }) {
12
12
  className,
13
13
  };
14
14
  }
15
- const PageHeaderActionsDropdownButton = forwardRef(({ needsAttention, className, ...props }, ref) => {
15
+ const PageHeaderActionsDropdownButton = forwardRef(({ className, needsAttention, ...props }, ref) => {
16
16
  return (React.createElement(DropdownButton, { ref: ref, ...props, kind: "secondary-page-header", ...needsAttentionProps({ className, needsAttention }) }));
17
17
  });
18
18
  PageHeaderActionsDropdownButton.displayName = "PageHeaderActionsDropdownButton";
package/dist/components/button/PageHeaderActionsDropdownButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeaderActionsDropdownButton.js","sources":["../../../src/components/button/PageHeaderActionsDropdownButton.tsx"],"sourcesContent":["import classNames from \"classnames\"\nimport React, { forwardRef } from \"react\"\n\nimport { BaseButtonElementProps } from \"./BaseButton\"\nimport { DropdownButton, DropdownButtonProps } from \"./DropdownButton\"\n\nexport type PageHeaderActionsDropdownButtonProps = Omit<\n BaseButtonElementProps,\n \"kind\"\n> &\n DropdownButtonProps & {\n needsAttention?: boolean\n }\n\nexport function needsAttentionProps({\n className,\n needsAttention,\n}: {\n className?: string\n needsAttention?: boolean\n}) {\n return needsAttention\n ? {\n className: classNames(className, \"tds-btn--attention\"),\n prefix: (\n <span className=\"attention-icon\" aria-label=\"Needs attention!\" />\n ),\n }\n : {\n className,\n }\n}\n\nexport const PageHeaderActionsDropdownButton = forwardRef<\n HTMLButtonElement,\n PageHeaderActionsDropdownButtonProps\n>(\n (\n {\n needsAttention,\n className,\n ...props\n }: PageHeaderActionsDropdownButtonProps,\n ref\n ) => {\n return (\n <DropdownButton\n ref={ref}\n {...props}\n kind=\"secondary-page-header\"\n {...needsAttentionProps({ className, needsAttention })}\n />\n )\n }\n)\n\nPageHeaderActionsDropdownButton.displayName = \"PageHeaderActionsDropdownButton\"\n"],"names":[],"mappings":";;;;SAcgB,mBAAmB,CAAC,EAClC,SAAS,EACT,cAAc,GAIf,EAAA;AACC,IAAA,OAAO;AACL,UAAE;AACE,YAAA,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,oBAAoB,CAAC;YACtD,MAAM,GACJ,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gBAAgB,EAAA,YAAA,EAAY,kBAAkB,EAAA,CAAG,CAClE;AACF;AACH,UAAE;YACE,SAAS;SACV;AACP;AAEO,MAAM,+BAA+B,GAAG,UAAU,CAIvD,CACE,EACE,cAAc,EACd,SAAS,EACT,GAAG,KAAK,EAC6B,EACvC,GAAG,KACD;IACF,QACE,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,IAAI,EAAC,uBAAuB,EAAA,GACxB,mBAAmB,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,EAAA,CACtD;AAEN,CAAC;AAGH,+BAA+B,CAAC,WAAW,GAAG,iCAAiC;;;;"}
1
+ {"version":3,"file":"PageHeaderActionsDropdownButton.js","sources":["../../../src/components/button/PageHeaderActionsDropdownButton.tsx"],"sourcesContent":["import classNames from \"classnames\"\nimport React, { forwardRef } from \"react\"\n\nimport { BaseButtonElementProps } from \"./BaseButton\"\nimport { DropdownButton, DropdownButtonProps } from \"./DropdownButton\"\n\nexport type PageHeaderActionsDropdownButtonProps = Omit<\n BaseButtonElementProps,\n \"kind\"\n> &\n DropdownButtonProps & {\n needsAttention?: boolean\n }\n\nexport function needsAttentionProps({\n className,\n needsAttention,\n}: {\n className?: string\n needsAttention?: boolean\n}) {\n return needsAttention\n ? {\n className: classNames(className, \"tds-btn--attention\"),\n prefix: (\n <span className=\"attention-icon\" aria-label=\"Needs attention!\" />\n ),\n }\n : {\n className,\n }\n}\n\nexport const PageHeaderActionsDropdownButton = forwardRef<\n HTMLButtonElement,\n PageHeaderActionsDropdownButtonProps\n>(\n (\n {\n className,\n needsAttention,\n ...props\n }: PageHeaderActionsDropdownButtonProps,\n ref\n ) => {\n return (\n <DropdownButton\n ref={ref}\n {...props}\n kind=\"secondary-page-header\"\n {...needsAttentionProps({ className, needsAttention })}\n />\n )\n }\n)\n\nPageHeaderActionsDropdownButton.displayName = \"PageHeaderActionsDropdownButton\"\n"],"names":[],"mappings":";;;;SAcgB,mBAAmB,CAAC,EAClC,SAAS,EACT,cAAc,GAIf,EAAA;AACC,IAAA,OAAO;AACL,UAAE;AACE,YAAA,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,oBAAoB,CAAC;YACtD,MAAM,GACJ,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gBAAgB,EAAA,YAAA,EAAY,kBAAkB,EAAA,CAAG,CAClE;AACF;AACH,UAAE;YACE,SAAS;SACV;AACP;AAEO,MAAM,+BAA+B,GAAG,UAAU,CAIvD,CACE,EACE,SAAS,EACT,cAAc,EACd,GAAG,KAAK,EAC6B,EACvC,GAAG,KACD;IACF,QACE,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,IAAI,EAAC,uBAAuB,EAAA,GACxB,mBAAmB,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,EAAA,CACtD;AAEN,CAAC;AAGH,+BAA+B,CAAC,WAAW,GAAG,iCAAiC;;;;"}
package/dist/components/link/BaseLink.js CHANGED
@@ -5,7 +5,7 @@ import { enhanceElementWithClassName, COMPONENT_SIZE_CLASS_MAP, COMPONENT_KIND_C
5
5
  const buildComponentClassName = (size, kind, className) => {
6
6
  return classNames("tds-btn", size && size !== "md" && kind && COMPONENT_SIZE_CLASS_MAP[size], kind && COMPONENT_KIND_CLASS_MAP[kind], className);
7
7
  };
8
- const BaseLink = forwardRef(({ size, prefix, suffix, kind, label, children, className, href, external = false, ...restProps }, ref) => {
8
+ const BaseLink = forwardRef(({ children, className, external = false, href, kind, label, prefix, size, suffix, ...restProps }, ref) => {
9
9
  const combinedClassName = buildComponentClassName(size, kind, className);
10
10
  const prefixElement = enhanceElementWithClassName(prefix, "prefix");
11
11
  const suffixElement = enhanceElementWithClassName(suffix, "suffix");
package/dist/components/link/BaseLink.js.map CHANGED
@@ -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 size,\n prefix,\n suffix,\n kind,\n label,\n children,\n className,\n href,\n external = false,\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,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,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 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;;;;"}
package/dist/components/page-header/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import '../../tapestry-wc/dist/components/p-Czop0bFj.js';
1
+ import '../../tapestry-wc/dist/components/p-5y8_fniU.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
 
package/dist/components/sidenav/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import '../../tapestry-wc/dist/components/p-Czop0bFj.js';
1
+ import '../../tapestry-wc/dist/components/p-5y8_fniU.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';
package/dist/reactRender.css CHANGED
@@ -1,6 +1,7 @@
1
1
  @layer t-critical, t-component;
2
2
 
3
- :root[data-color-mode="dark"]{
3
+ @media (prefers-color-scheme: dark){
4
+ :root[data-color-mode="system"]{
4
5
  color-scheme:dark;
5
6
  --t-text-color-headline:hsl(0, 0%, 94%);
6
7
  --t-text-color:hsl(0, 0%, 80%);
@@ -222,9 +223,9 @@
222
223
  --t-border-color-control-disabled:hsl(0, 0%, 21%);
223
224
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
224
225
  }
226
+ }
225
227
 
226
- @media (prefers-color-scheme: dark){
227
- :root[data-color-mode="system"]{
228
+ :root[data-color-mode="dark"]{
228
229
  color-scheme:dark;
229
230
  --t-text-color-headline:hsl(0, 0%, 94%);
230
231
  --t-text-color:hsl(0, 0%, 80%);
@@ -446,6 +447,89 @@
446
447
  --t-border-color-control-disabled:hsl(0, 0%, 21%);
447
448
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
448
449
  }
450
+
451
+ :root{
452
+ --t-border-size-default:var(--t-border-width);
453
+ --t-border-size-thick:var(--t-border-width-thick);
454
+ --t-font-weight-semi-bold:var(--t-font-weight-semibold);
455
+ --t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
456
+ --t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
457
+ --t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
458
+ --t-fill-color-status-info-solid:var(--t-fill-color-status-info);
459
+ --t-fill-color-status-success-solid:var(--t-fill-color-status-success);
460
+ --t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
461
+ --t-fill-color-status-error-solid:var(--t-fill-color-status-error);
462
+ --t-fill-color-alert-info:hsl(204, 94%, 49%);
463
+ --t-fill-color-alert-success:hsl(122, 60%, 41%);
464
+ --t-fill-color-alert-warning:hsl(43, 96%, 58%);
465
+ --t-fill-color-alert-error:hsl(4, 77%, 59%);
466
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
467
+ --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
468
+ --t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
469
+ --t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
470
+ --t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
471
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
472
+ --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
473
+ --t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
474
+ --t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
475
+ --t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
476
+ --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
477
+ --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
478
+ --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
479
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
480
+ --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
481
+ --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
482
+ --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
483
+ --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
484
+ --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
485
+ --t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
486
+ --t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
487
+ --t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
488
+ }
489
+
490
+ :root{
491
+ --t-border-color-default-base:var(--t-border-color);
492
+ --t-border-color-default-dark:var(--t-border-color-dark);
493
+ --t-border-color-default-darker:var(--t-border-color-darker);
494
+ --t-border-color-default-darkest:var(--t-border-color-darkest);
495
+ --t-border-color-default-dim:var(--t-border-color-dim);
496
+ --t-border-color-default-disabled:var(--t-border-color-disabled);
497
+ --t-border-color-default-white:var(--t-border-color-white);
498
+ --t-border-radius-default:var(--t-border-radius);
499
+ --t-border-width-default:var(--t-border-width);
500
+ --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
501
+ --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
502
+ --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
503
+ --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
504
+ --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
505
+ --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
506
+ --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
507
+ --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
508
+ --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
509
+ --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
510
+ --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
511
+ --t-fill-color-control-primary:var(--t-fill-color-control);
512
+ --t-fill-color-interaction-default:var(--t-fill-color-interaction);
513
+ --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
514
+ --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
515
+ --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
516
+ --t-icon-color-default-dim:var(--t-icon-color-dim);
517
+ --t-icon-color-default-disabled:var(--t-icon-color-disabled);
518
+ --t-icon-color-default-inverted:var(--t-icon-color-inverted);
519
+ --t-icon-color-default-primary:var(--t-icon-color);
520
+ --t-icon-color-default-secondary:var(--t-icon-color-secondary);
521
+ --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
522
+ --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
523
+ --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
524
+ --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
525
+ --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
526
+ --t-text-color-default-disabled:var(--t-text-color-disabled);
527
+ --t-text-color-default-headline:var(--t-text-color-headline);
528
+ --t-text-color-default-inverted:var(--t-text-color-inverted);
529
+ --t-text-color-default-placeholder:var(--t-text-color-placeholder);
530
+ --t-text-color-default-primary:var(--t-text-color);
531
+ --t-text-color-default-secondary:var(--t-text-color-secondary);
532
+ --t-text-color-interaction-primary:var(--t-text-color-interaction);
449
533
  }
450
534
 
451
535
  :root[data-color-mode="dark"]{
@@ -873,45 +957,6 @@
873
957
  --t-form-placeholder-color:var(--t-text-color-placeholder);
874
958
  }
875
959
 
876
- :root{
877
- --t-border-size-default:var(--t-border-width);
878
- --t-border-size-thick:var(--t-border-width-thick);
879
- --t-font-weight-semi-bold:var(--t-font-weight-semibold);
880
- --t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
881
- --t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
882
- --t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
883
- --t-fill-color-status-info-solid:var(--t-fill-color-status-info);
884
- --t-fill-color-status-success-solid:var(--t-fill-color-status-success);
885
- --t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
886
- --t-fill-color-status-error-solid:var(--t-fill-color-status-error);
887
- --t-fill-color-alert-info:hsl(204, 94%, 49%);
888
- --t-fill-color-alert-success:hsl(122, 60%, 41%);
889
- --t-fill-color-alert-warning:hsl(43, 96%, 58%);
890
- --t-fill-color-alert-error:hsl(4, 77%, 59%);
891
- --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
892
- --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
893
- --t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
894
- --t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
895
- --t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
896
- --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
897
- --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
898
- --t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
899
- --t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
900
- --t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
901
- --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
902
- --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
903
- --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
904
- --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
905
- --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
906
- --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
907
- --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
908
- --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
909
- --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
910
- --t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
911
- --t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
912
- --t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
913
- }
914
-
915
960
  @media (prefers-color-scheme: dark){
916
961
  :root[data-color-mode="system"]{
917
962
  --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
@@ -925,51 +970,6 @@
925
970
  }
926
971
  }
927
972
 
928
- :root{
929
- --t-border-color-default-base:var(--t-border-color);
930
- --t-border-color-default-dark:var(--t-border-color-dark);
931
- --t-border-color-default-darker:var(--t-border-color-darker);
932
- --t-border-color-default-darkest:var(--t-border-color-darkest);
933
- --t-border-color-default-dim:var(--t-border-color-dim);
934
- --t-border-color-default-disabled:var(--t-border-color-disabled);
935
- --t-border-color-default-white:var(--t-border-color-white);
936
- --t-border-radius-default:var(--t-border-radius);
937
- --t-border-width-default:var(--t-border-width);
938
- --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
939
- --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
940
- --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
941
- --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
942
- --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
943
- --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
944
- --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
945
- --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
946
- --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
947
- --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
948
- --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
949
- --t-fill-color-control-primary:var(--t-fill-color-control);
950
- --t-fill-color-interaction-default:var(--t-fill-color-interaction);
951
- --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
952
- --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
953
- --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
954
- --t-icon-color-default-dim:var(--t-icon-color-dim);
955
- --t-icon-color-default-disabled:var(--t-icon-color-disabled);
956
- --t-icon-color-default-inverted:var(--t-icon-color-inverted);
957
- --t-icon-color-default-primary:var(--t-icon-color);
958
- --t-icon-color-default-secondary:var(--t-icon-color-secondary);
959
- --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
960
- --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
961
- --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
962
- --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
963
- --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
964
- --t-text-color-default-disabled:var(--t-text-color-disabled);
965
- --t-text-color-default-headline:var(--t-text-color-headline);
966
- --t-text-color-default-inverted:var(--t-text-color-inverted);
967
- --t-text-color-default-placeholder:var(--t-text-color-placeholder);
968
- --t-text-color-default-primary:var(--t-text-color);
969
- --t-text-color-default-secondary:var(--t-text-color-secondary);
970
- --t-text-color-interaction-primary:var(--t-text-color-interaction);
971
- }
972
-
973
973
  @layer t-critical{
974
974
  tds-page-header:not(.hydrated){
975
975
  display:none;