@planningcenter/tapestry 1.5.0-rc.0 → 1.5.0-rc.10

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 (61) hide show
  1. package/dist/components/button/BaseButton.d.ts +1 -2
  2. package/dist/components/button/BaseButton.d.ts.map +1 -1
  3. package/dist/components/button/BaseButton.js +1 -1
  4. package/dist/components/button/BaseButton.js.map +1 -1
  5. package/dist/components/page-header/index.js +1 -1
  6. package/dist/components/sidenav/index.js +1 -1
  7. package/dist/index.css +94 -9
  8. package/dist/index.css.map +1 -1
  9. package/dist/product-tokens/accounts.css +17 -0
  10. package/dist/product-tokens/calendar.css +17 -0
  11. package/dist/product-tokens/checkins.css +17 -0
  12. package/dist/product-tokens/giving.css +17 -0
  13. package/dist/product-tokens/groups.css +17 -0
  14. package/dist/product-tokens/home.css +16 -0
  15. package/dist/product-tokens/people.css +17 -0
  16. package/dist/product-tokens/publishing.css +17 -0
  17. package/dist/product-tokens/registrations.css +17 -0
  18. package/dist/product-tokens/services.css +17 -0
  19. package/dist/tapestry-wc/dist/components/{p-DITfKN_C.js → p-8UBbpZ0c.js} +2 -2
  20. package/dist/tapestry-wc/dist/components/{p-DITfKN_C.js.map → p-8UBbpZ0c.js.map} +1 -1
  21. package/dist/tapestry-wc/dist/components/{p-BxeyjcZK.js → p-Cht-ntUS.js} +6 -14
  22. package/dist/tapestry-wc/dist/components/p-Cht-ntUS.js.map +1 -0
  23. package/dist/tapestry-wc/dist/components/{p-B58MtERl.js → p-DxaErtCG.js} +6 -18
  24. package/dist/tapestry-wc/dist/components/p-DxaErtCG.js.map +1 -0
  25. package/dist/tapestry-wc/dist/components/{p-BfPipmyN.js → p-i08KYys-.js} +3 -3
  26. package/dist/tapestry-wc/dist/components/{p-BfPipmyN.js.map → p-i08KYys-.js.map} +1 -1
  27. package/dist/tapestry-wc/dist/components/{p-BZvUvlPE.js → p-rbR8aD1l.js} +50 -4
  28. package/dist/tapestry-wc/dist/components/p-rbR8aD1l.js.map +1 -0
  29. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
  30. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
  31. package/dist/tapestry-wc/dist/components/tds-page-header.js +5 -5
  32. package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  33. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +6 -6
  34. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
  35. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
  36. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
  37. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +4 -4
  38. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
  39. package/dist/tapestry-wc/dist/components/tds-sidenav.js +10 -13
  40. package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
  41. package/dist/tokens/ts/tokens.d.ts +37 -0
  42. package/dist/tokens/ts/tokens.d.ts.map +1 -1
  43. package/dist/tokens/ts/tokens.js +37 -0
  44. package/dist/tokens/ts/tokens.js.map +1 -1
  45. package/dist/tokens.css +37 -0
  46. package/dist/tokens.css.map +1 -1
  47. package/dist/unstable.css +144 -9
  48. package/dist/unstable.css.map +1 -1
  49. package/dist/utilities/buttonLinkShared.d.ts +8 -0
  50. package/dist/utilities/buttonLinkShared.d.ts.map +1 -1
  51. package/dist/utilities/buttonLinkShared.js +8 -0
  52. package/dist/utilities/buttonLinkShared.js.map +1 -1
  53. package/dist/webComponents.css +144 -9
  54. package/dist/webComponents.css.map +1 -1
  55. package/package.json +3 -3
  56. package/react-types/index.d.ts +9 -12
  57. package/dist/tapestry-wc/dist/components/p-B58MtERl.js.map +0 -1
  58. package/dist/tapestry-wc/dist/components/p-BZvUvlPE.js.map +0 -1
  59. package/dist/tapestry-wc/dist/components/p-BxeyjcZK.js.map +0 -1
  60. package/dist/tapestry-wc/dist/components/p-CGnD1VDi.js +0 -93
  61. package/dist/tapestry-wc/dist/components/p-CGnD1VDi.js.map +0 -1
package/dist/tokens.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["tokens-alias.css","tokens-alias-deprecated.css"],"names":[],"mappings":"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","file":"tokens.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-radius-sm: 2px;\n --t-border-radius-md: 4px;\n --t-border-radius-lg: 8px;\n --t-border-radius-xl: 16px;\n --t-border-radius-round: 56px;\n --t-border-radius-default: 4px;\n --t-border-width-default: 1px;\n --t-border-width-thick: 2px;\n --t-spacing-1: 8px;\n --t-spacing-2: 16px;\n --t-spacing-3: 24px;\n --t-spacing-4: 32px;\n --t-spacing-5: 40px;\n --t-spacing-6: 48px;\n --t-spacing-7: 56px;\n --t-spacing-fourth: 2px;\n --t-spacing-half: 4px;\n --t-element-size-3xl: 48px;\n --t-element-size-2xl: 32px;\n --t-element-size-xl: 24px;\n --t-element-size-lg: 18px;\n --t-element-size-md: 16px;\n --t-element-size-sm: 14px;\n --t-element-size-xs: 12px;\n --t-font-size-4xl: 32px;\n --t-font-size-3xl: 28px;\n --t-font-size-2xl: 24px;\n --t-font-size-xl: 20px;\n --t-font-size-lg: 18px;\n --t-font-size-md: 16px;\n --t-font-size-sm: 14px;\n --t-font-size-xs: 12px;\n --t-font-size-2xs: 10px;\n --t-font-weight-normal: 400;\n --t-font-weight-medium: 500;\n --t-font-weight-semibold: 600;\n --t-font-weight-bold: 700;\n --t-container-size-xl: 48px;\n --t-container-size-lg: 40px;\n --t-container-size-md: 32px;\n --t-container-size-sm: 24px;\n --t-container-size-xs: 20px;\n --t-avatar-size-20: 20px;\n --t-avatar-size-24: 24px;\n --t-avatar-size-36: 36px;\n --t-avatar-size-48: 48px;\n --t-avatar-size-72: 72px;\n --t-avatar-size-112: 112px;\n --t-text-color-default-headline: hsl(0, 0%, 12%);\n --t-text-color-default-primary: hsl(0, 0%, 24%);\n --t-text-color-default-secondary: hsl(0, 0%, 42%);\n --t-text-color-default-disabled: hsl(0, 0%, 81%);\n --t-text-color-default-placeholder: hsl(0, 0%, 58%);\n --t-text-color-default-inverted: hsl(0, 0%, 100%);\n --t-text-color-interaction-primary: hsl(204, 100%, 40%);\n --t-text-color-interaction-hover: hsl(204, 100%, 35%);\n --t-text-color-interaction-active: hsl(204, 100%, 30%);\n --t-text-color-interaction-visited: hsl(204, 100%, 30%);\n --t-text-color-status-neutral: hsl(0, 0%, 24%);\n --t-text-color-status-info: hsl(204, 100%, 35%);\n --t-text-color-status-success: hsl(97, 57%, 28%);\n --t-text-color-status-warning: hsl(42, 100%, 29%);\n --t-text-color-status-error: hsl(8, 60%, 45%);\n --t-text-color-tag-subtle-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-subtle-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-subtle-indigo: hsl(241, 59%, 28%);\n --t-text-color-tag-subtle-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-subtle-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-subtle-green: hsl(100, 93%, 17%);\n --t-text-color-tag-subtle-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-subtle-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-subtle-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-subtle-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-subtle-magenta: hsl(285, 71%, 20%);\n --t-text-color-tag-bold-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-bold-indigo: hsl(241, 59%, 28%);\n --t-text-color-tag-bold-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-bold-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-bold-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-bold-green: hsl(100, 93%, 17%);\n --t-text-color-tag-bold-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-bold-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-bold-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-bold-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-bold-magenta: hsl(285, 71%, 20%);\n --t-icon-color-default-primary: hsl(0, 0%, 24%);\n --t-icon-color-default-secondary: hsl(0, 0%, 42%);\n --t-icon-color-default-dim: hsl(0, 0%, 58%);\n --t-icon-color-default-disabled: hsl(0, 0%, 81%);\n --t-icon-color-default-inverted: hsl(0, 0%, 100%);\n --t-icon-color-status-neutral-primary: hsl(0, 0%, 42%);\n --t-icon-color-status-neutral-secondary: hsl(0, 0%, 58%);\n --t-icon-color-status-neutral-bold: hsl(0, 0%, 24%);\n --t-icon-color-status-info-primary: hsl(204, 100%, 40%);\n --t-icon-color-status-success-primary: hsl(96, 57%, 33%);\n --t-icon-color-status-success-secondary: hsl(97, 57%, 40%);\n --t-icon-color-status-warning-primary: hsl(42, 84%, 49%);\n --t-icon-color-status-error-primary: hsl(8, 60%, 47%);\n --t-fill-color-neutral-000: hsl(0, 0%, 12%);\n --t-fill-color-neutral-010: hsl(0, 0%, 24%);\n --t-fill-color-neutral-020: hsl(0, 0%, 42%);\n --t-fill-color-neutral-025: hsl(0, 0%, 50%);\n --t-fill-color-neutral-030: hsl(0, 0%, 58%);\n --t-fill-color-neutral-040: hsl(0, 0%, 81%);\n --t-fill-color-neutral-050: hsl(0, 0%, 88%);\n --t-fill-color-neutral-060: hsl(0, 0%, 93%);\n --t-fill-color-neutral-070: hsl(0, 0%, 95%);\n --t-fill-color-neutral-080: hsl(0, 0%, 97%);\n --t-fill-color-neutral-090: hsl(0, 0%, 98%);\n --t-fill-color-neutral-100: hsl(0, 0%, 100%);\n --t-fill-color-interaction-default: hsl(204, 100%, 40%);\n --t-fill-color-interaction-hover: hsl(204, 100%, 35%);\n --t-fill-color-interaction-active: hsl(204, 100%, 30%);\n --t-fill-color-interaction-disabled: hsl(0, 0%, 81%);\n --t-fill-color-control-neutral-off: hsl(0, 0%, 58%);\n --t-fill-color-control-neutral-on: hsl(0, 0%, 24%);\n --t-fill-color-control-primary: hsl(204, 100%, 40%);\n --t-fill-color-control-secondary: hsl(97, 57%, 40%);\n --t-fill-color-control-error: hsl(8, 60%, 47%);\n --t-fill-color-control-disabled: hsl(0, 0%, 81%);\n --t-fill-color-status-neutral-solid: hsl(0, 0%, 42%);\n --t-fill-color-status-neutral-ghost: hsl(0, 0%, 93%);\n --t-fill-color-status-neutral-dim: hsl(0, 0%, 97%);\n --t-fill-color-status-info-solid: hsl(204, 100%, 40%);\n --t-fill-color-status-info-ghost: hsl(203, 94%, 94%);\n --t-fill-color-status-info-dim: hsl(204, 100%, 97%);\n --t-fill-color-status-success-solid: hsl(96, 57%, 33%);\n --t-fill-color-status-success-ghost: hsl(97, 57%, 90%);\n --t-fill-color-status-success-dim: hsl(96, 60%, 95%);\n --t-fill-color-status-warning-solid: hsl(42, 84%, 63%);\n --t-fill-color-status-warning-ghost: hsl(42, 87%, 94%);\n --t-fill-color-status-warning-dim: hsl(42, 87%, 97%);\n --t-fill-color-status-error-solid: hsl(8, 60%, 47%);\n --t-fill-color-status-error-ghost: hsl(9, 59%, 93%);\n --t-fill-color-status-error-dim: hsl(7, 60%, 97%);\n --t-fill-color-tooltip-primary: hsla(0, 0%, 12%, 0.77);\n --t-fill-color-product-accounts-010: hsl(212, 54%, 93%);\n --t-fill-color-product-accounts-020: hsl(209, 53%, 90%);\n --t-fill-color-product-accounts-030: hsl(210, 56%, 70%);\n --t-fill-color-product-accounts-040: hsl(210, 54%, 60%);\n --t-fill-color-product-accounts-050: hsl(210, 55%, 50%);\n --t-fill-color-product-accounts-060: hsl(210, 65%, 40%);\n --t-fill-color-product-accounts-070: hsl(211, 70%, 32%);\n --t-fill-color-product-accounts-080: hsl(210, 75%, 25%);\n --t-fill-color-product-calendar-010: hsl(8, 61%, 90%);\n --t-fill-color-product-calendar-020: hsl(8, 61%, 70%);\n --t-fill-color-product-calendar-030: hsl(8, 72%, 59%);\n --t-fill-color-product-calendar-040: hsl(8, 65%, 55%);\n --t-fill-color-product-calendar-050: hsl(9, 61%, 50%);\n --t-fill-color-product-calendar-060: hsl(8, 65%, 42%);\n --t-fill-color-product-calendar-070: hsl(7, 65%, 34%);\n --t-fill-color-product-calendar-080: hsl(9, 61%, 27%);\n --t-fill-color-product-checkins-010: hsl(285, 20%, 92%);\n --t-fill-color-product-checkins-020: hsl(283, 22%, 75%);\n --t-fill-color-product-checkins-030: hsl(284, 22%, 64%);\n --t-fill-color-product-checkins-040: hsl(283, 22%, 55%);\n --t-fill-color-product-checkins-050: hsl(283, 22%, 48%);\n --t-fill-color-product-checkins-060: hsl(283, 27%, 42%);\n --t-fill-color-product-checkins-070: hsl(284, 33%, 34%);\n --t-fill-color-product-checkins-080: hsl(283, 33%, 27%);\n --t-fill-color-product-giving-010: hsl(41, 95%, 93%);\n --t-fill-color-product-giving-020: hsl(42, 95%, 83%);\n --t-fill-color-product-giving-030: hsl(43, 95%, 75%);\n --t-fill-color-product-giving-040: hsl(43, 88%, 70%);\n --t-fill-color-product-giving-050: hsl(43, 88%, 64%);\n --t-fill-color-product-giving-060: hsl(42, 84%, 55%);\n --t-fill-color-product-giving-070: hsl(42, 84%, 48%);\n --t-fill-color-product-giving-080: hsl(42, 100%, 40%);\n --t-fill-color-product-groups-010: hsl(18, 95%, 92%);\n --t-fill-color-product-groups-020: hsl(17, 96%, 80%);\n --t-fill-color-product-groups-030: hsl(17, 96%, 70%);\n --t-fill-color-product-groups-040: hsl(17, 96%, 63%);\n --t-fill-color-product-groups-050: hsl(17, 88%, 55%);\n --t-fill-color-product-groups-060: hsl(12, 70%, 48%);\n --t-fill-color-product-groups-070: hsl(12, 70%, 40%);\n --t-fill-color-product-groups-080: hsl(14, 70%, 34%);\n --t-fill-color-product-home-010: hsl(221, 89%, 93%);\n --t-fill-color-product-home-020: hsl(221, 91%, 91%);\n --t-fill-color-product-home-030: hsl(221, 91%, 87%);\n --t-fill-color-product-home-040: hsl(221, 91%, 62%);\n --t-fill-color-product-home-050: hsl(221, 91%, 55%);\n --t-fill-color-product-home-060: hsl(221, 90%, 50%);\n --t-fill-color-product-home-070: hsl(221, 90%, 45%);\n --t-fill-color-product-home-080: hsl(218, 84%, 25%);\n --t-fill-color-product-people-010: hsl(219, 73%, 91%);\n --t-fill-color-product-people-020: hsl(220, 69%, 81%);\n --t-fill-color-product-people-030: hsl(221, 73%, 71%);\n --t-fill-color-product-people-040: hsl(221, 73%, 65%);\n --t-fill-color-product-people-050: hsl(220, 74%, 57%);\n --t-fill-color-product-people-060: hsl(220, 68%, 51%);\n --t-fill-color-product-people-070: hsl(220, 68%, 41%);\n --t-fill-color-product-people-080: hsl(221, 68%, 31%);\n --t-fill-color-product-publishing-010: hsl(220, 4%, 86%);\n --t-fill-color-product-publishing-020: hsl(222, 10%, 60%);\n --t-fill-color-product-publishing-030: hsl(221, 11%, 50%);\n --t-fill-color-product-publishing-040: hsl(222, 12%, 39%);\n --t-fill-color-product-publishing-050: hsl(220, 12%, 31%);\n --t-fill-color-product-publishing-060: hsl(220, 11%, 26%);\n --t-fill-color-product-publishing-070: hsl(217, 12%, 22%);\n --t-fill-color-product-publishing-080: hsl(214, 11%, 12%);\n --t-fill-color-product-registrations-010: hsl(173, 28%, 89%);\n --t-fill-color-product-registrations-020: hsl(176, 38%, 78%);\n --t-fill-color-product-registrations-030: hsl(176, 37%, 68%);\n --t-fill-color-product-registrations-040: hsl(176, 37%, 60%);\n --t-fill-color-product-registrations-050: hsl(175, 36%, 43%);\n --t-fill-color-product-registrations-060: hsl(175, 51%, 34%);\n --t-fill-color-product-registrations-070: hsl(174, 51%, 28%);\n --t-fill-color-product-registrations-080: hsl(175, 52%, 22%);\n --t-fill-color-product-services-010: hsl(88, 31%, 88%);\n --t-fill-color-product-services-020: hsl(88, 39%, 75%);\n --t-fill-color-product-services-030: hsl(88, 39%, 66%);\n --t-fill-color-product-services-040: hsl(88, 40%, 54%);\n --t-fill-color-product-services-050: hsl(88, 45%, 41%);\n --t-fill-color-product-services-060: hsl(89, 62%, 31%);\n --t-fill-color-product-services-070: hsl(89, 62%, 26%);\n --t-fill-color-product-services-080: hsl(89, 63%, 21%);\n --t-fill-color-product-staff-base: hsl(328, 100%, 45%);\n --t-fill-color-product-staff-dark: hsl(328, 100%, 38%);\n --t-fill-color-product-staff-darker: hsl(328, 100%, 33%);\n --t-fill-color-tag-gray-010: hsl(0, 0%, 93%);\n --t-fill-color-tag-gray-020: hsl(0, 0%, 88%);\n --t-fill-color-tag-gray-030: hsl(0, 0%, 88%);\n --t-fill-color-tag-gray-040: hsl(0, 0%, 81%);\n --t-fill-color-tag-blue-010: hsl(220, 100%, 95%);\n --t-fill-color-tag-blue-020: hsl(221, 100%, 88%);\n --t-fill-color-tag-blue-030: hsl(220, 98%, 81%);\n --t-fill-color-tag-blue-040: hsl(220, 98%, 74%);\n --t-fill-color-tag-aqua-010: hsl(200, 82%, 89%);\n --t-fill-color-tag-aqua-020: hsl(200, 82%, 82%);\n --t-fill-color-tag-aqua-030: hsl(201, 76%, 71%);\n --t-fill-color-tag-aqua-040: hsl(200, 75%, 64%);\n --t-fill-color-tag-teal-010: hsl(163, 53%, 83%);\n --t-fill-color-tag-teal-020: hsl(164, 52%, 76%);\n --t-fill-color-tag-teal-030: hsl(169, 62%, 64%);\n --t-fill-color-tag-teal-040: hsl(169, 62%, 56%);\n --t-fill-color-tag-green-010: hsl(98, 59%, 85%);\n --t-fill-color-tag-green-020: hsl(99, 59%, 78%);\n --t-fill-color-tag-green-030: hsl(112, 57%, 65%);\n --t-fill-color-tag-green-040: hsl(112, 57%, 57%);\n --t-fill-color-tag-yellow-010: hsl(45, 77%, 85%);\n --t-fill-color-tag-yellow-020: hsl(44, 78%, 77%);\n --t-fill-color-tag-yellow-030: hsl(44, 92%, 69%);\n --t-fill-color-tag-yellow-040: hsl(44, 93%, 61%);\n --t-fill-color-tag-orange-010: hsl(22, 89%, 89%);\n --t-fill-color-tag-orange-020: hsl(21, 89%, 82%);\n --t-fill-color-tag-orange-030: hsl(21, 86%, 72%);\n --t-fill-color-tag-orange-040: hsl(21, 86%, 64%);\n --t-fill-color-tag-pink-010: hsl(311, 66%, 92%);\n --t-fill-color-tag-pink-020: hsl(310, 64%, 85%);\n --t-fill-color-tag-pink-030: hsl(324, 78%, 77%);\n --t-fill-color-tag-pink-040: hsl(324, 76%, 70%);\n --t-fill-color-tag-purple-010: hsl(259, 74%, 93%);\n --t-fill-color-tag-purple-020: hsl(259, 74%, 85%);\n --t-fill-color-tag-purple-030: hsl(273, 62%, 76%);\n --t-fill-color-tag-purple-040: hsl(273, 62%, 70%);\n --t-fill-color-tag-magenta-010: hsl(294, 37%, 90%);\n --t-fill-color-tag-magenta-020: hsl(291, 40%, 83%);\n --t-fill-color-tag-magenta-030: hsl(291, 48%, 70%);\n --t-fill-color-tag-magenta-040: hsl(292, 48%, 63%);\n --t-fill-color-tag-indigo-010: hsl(234, 78%, 93%);\n --t-fill-color-tag-indigo-020: hsl(233, 79%, 87%);\n --t-fill-color-tag-indigo-030: hsl(233, 77%, 81%);\n --t-fill-color-tag-indigo-040: hsl(236, 79%, 74%);\n --t-fill-color-button-neutral-solid-default: hsl(0, 0%, 42%);\n --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-outline-dim-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-solid-default: hsl(204, 100%, 40%);\n --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-interaction-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-interaction-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-solid-default: hsl(8, 60%, 47%);\n --t-fill-color-button-delete-solid-hover: hsl(8, 60%, 45%);\n --t-fill-color-button-delete-solid-active: hsl(8, 60%, 40%);\n --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-delete-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-outline-dim-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-outline-dim-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-delete-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-ghost-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-ghost-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-pill-default: hsl(0, 0%, 93%);\n --t-fill-color-button-pill-hover: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-active: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-disabled: hsl(0, 0%, 93%);\n --t-fill-color-transparency-light-010: hsla(0, 0%, 100%, 0.1);\n --t-fill-color-transparency-light-020: hsla(0, 0%, 100%, 0.2);\n --t-fill-color-transparency-light-030: hsla(0, 0%, 100%, 0.3);\n --t-fill-color-transparency-light-040: hsla(0, 0%, 100%, 0.4);\n --t-fill-color-transparency-light-050: hsla(0, 0%, 100%, 0.5);\n --t-fill-color-transparency-light-060: hsla(0, 0%, 100%, 0.6);\n --t-fill-color-transparency-light-070: hsla(0, 0%, 100%, 0.7);\n --t-fill-color-transparency-light-080: hsla(0, 0%, 100%, 0.8);\n --t-fill-color-transparency-light-090: hsla(0, 0%, 100%, 0.9);\n --t-fill-color-transparency-dark-010: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-transparency-dark-020: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-transparency-dark-030: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-transparency-dark-040: hsla(0, 0%, 0%, 0.4);\n --t-fill-color-transparency-dark-050: hsla(0, 0%, 0%, 0.5);\n --t-fill-color-transparency-dark-060: hsla(0, 0%, 0%, 0.6);\n --t-fill-color-transparency-dark-070: hsla(0, 0%, 0%, 0.7);\n --t-fill-color-transparency-dark-080: hsla(0, 0%, 0%, 0.8);\n --t-fill-color-transparency-dark-090: hsla(0, 0%, 0%, 0.9);\n --t-surface-color-canvas: hsl(0, 0%, 98%);\n --t-surface-color-card: hsl(0, 0%, 100%);\n --t-border-color-default-base: hsl(0, 0%, 88%);\n --t-border-color-default-dark: hsl(0, 0%, 81%);\n --t-border-color-default-darker: hsl(0, 0%, 68%);\n --t-border-color-default-darkest: hsl(0, 0%, 58%);\n --t-border-color-default-disabled: hsl(0, 0%, 88%);\n --t-border-color-default-dim: hsl(0, 0%, 95%);\n --t-border-color-default-white: hsl(0, 0%, 100%);\n --t-border-color-status-neutral: hsl(0, 0%, 58%);\n --t-border-color-status-info: hsl(204, 100%, 40%);\n --t-border-color-status-success: hsl(97, 57%, 40%);\n --t-border-color-status-warning: hsl(42, 84%, 63%);\n --t-border-color-status-error: hsl(8, 60%, 47%);\n --t-border-color-button-neutral: hsl(0, 0%, 88%);\n --t-border-color-button-info: hsl(204, 100%, 40%);\n --t-border-color-button-create: hsl(96, 57%, 33%);\n --t-border-color-button-delete: hsl(8, 60%, 47%);\n --t-border-color-control-neutral: hsl(0, 0%, 68%);\n --t-border-color-control-info: hsl(204, 100%, 40%);\n --t-border-color-control-success: hsl(97, 57%, 40%);\n --t-border-color-control-warning: hsl(42, 84%, 63%);\n --t-border-color-control-error: hsl(8, 60%, 47%);\n --t-border-color-control-disabled: hsl(0, 0%, 88%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-size-default: var(--t-border-width-default);\n --t-border-size-thick: var(--t-border-width-thick);\n --t-font-weight-semi-bold: var(--t-font-weight-semibold);\n --t-text-color-tag-gray: var(--t-text-color-tag-bold-gray);\n --t-text-color-tag-magenta: var(--t-text-color-tag-bold-magenta);\n --t-text-color-tag-blue: var(--t-text-color-tag-bold-blue);\n --t-text-color-tag-aqua: var(--t-text-color-tag-bold-aqua);\n --t-text-color-tag-teal: var(--t-text-color-tag-bold-teal);\n --t-text-color-tag-green: var(--t-text-color-tag-bold-green);\n --t-text-color-tag-yellow: var(--t-text-color-tag-bold-yellow);\n --t-text-color-tag-orange: var(--t-text-color-tag-bold-orange);\n --t-text-color-tag-pink: var(--t-text-color-tag-bold-pink);\n --t-text-color-tag-purple: var(--t-text-color-tag-bold-purple);\n --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);\n --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);\n --t-fill-color-alert-info: hsl(204, 94%, 49%);\n --t-fill-color-alert-success: hsl(122, 60%, 41%);\n --t-fill-color-alert-warning: hsl(43, 96%, 58%);\n --t-fill-color-alert-error: hsl(4, 77%, 59%);\n --t-fill-color-product-accounts-lightest: var(--t-fill-color-product-accounts-010);\n --t-fill-color-product-accounts-lighter: var(--t-fill-color-product-accounts-020);\n --t-fill-color-product-accounts-light: var(--t-fill-color-product-accounts-040);\n --t-fill-color-product-accounts-base: var(--t-fill-color-product-accounts-050);\n --t-fill-color-product-accounts-dark: var(--t-fill-color-product-accounts-060);\n --t-fill-color-product-accounts-darker: var(--t-fill-color-product-accounts-070);\n --t-fill-color-product-accounts-darkest: var(--t-fill-color-product-accounts-080);\n --t-fill-color-product-calendar-lightest: var(--t-fill-color-product-calendar-020);\n --t-fill-color-product-calendar-lighter: var(--t-fill-color-product-calendar-030);\n --t-fill-color-product-calendar-light: var(--t-fill-color-product-calendar-040);\n --t-fill-color-product-calendar-base: var(--t-fill-color-product-calendar-050);\n --t-fill-color-product-calendar-dark: var(--t-fill-color-product-calendar-060);\n --t-fill-color-product-calendar-darker: var(--t-fill-color-product-calendar-070);\n --t-fill-color-product-calendar-darkest: var(--t-fill-color-product-calendar-080);\n --t-fill-color-product-checkins-lightest: var(--t-fill-color-product-checkins-020);\n --t-fill-color-product-checkins-lighter: var(--t-fill-color-product-checkins-030);\n --t-fill-color-product-checkins-light: var(--t-fill-color-product-checkins-040);\n --t-fill-color-product-checkins-base: var(--t-fill-color-product-checkins-050);\n --t-fill-color-product-checkins-dark: var(--t-fill-color-product-checkins-060);\n --t-fill-color-product-checkins-darker: var(--t-fill-color-product-checkins-070);\n --t-fill-color-product-checkins-darkest: var(--t-fill-color-product-checkins-080);\n --t-fill-color-product-giving-lightest: var(--t-fill-color-product-giving-020);\n --t-fill-color-product-giving-lighter: var(--t-fill-color-product-giving-030);\n --t-fill-color-product-giving-light: var(--t-fill-color-product-giving-040);\n --t-fill-color-product-giving-base: var(--t-fill-color-product-giving-050);\n --t-fill-color-product-giving-dark: var(--t-fill-color-product-giving-060);\n --t-fill-color-product-giving-darker: var(--t-fill-color-product-giving-070);\n --t-fill-color-product-giving-darkest: var(--t-fill-color-product-giving-080);\n --t-fill-color-product-groups-lightest: var(--t-fill-color-product-groups-020);\n --t-fill-color-product-groups-lighter: var(--t-fill-color-product-groups-030);\n --t-fill-color-product-groups-light: var(--t-fill-color-product-groups-040);\n --t-fill-color-product-groups-base: var(--t-fill-color-product-groups-050);\n --t-fill-color-product-groups-dark: var(--t-fill-color-product-groups-060);\n --t-fill-color-product-groups-darker: var(--t-fill-color-product-groups-070);\n --t-fill-color-product-groups-darkest: var(--t-fill-color-product-groups-080);\n --t-fill-color-product-home-lightest: var(--t-fill-color-product-home-020);\n --t-fill-color-product-home-lighter: var(--t-fill-color-product-home-030);\n --t-fill-color-product-home-light: var(--t-fill-color-product-home-040);\n --t-fill-color-product-home-base: var(--t-fill-color-product-home-050);\n --t-fill-color-product-home-dark: var(--t-fill-color-product-home-060);\n --t-fill-color-product-home-darker: var(--t-fill-color-product-home-070);\n --t-fill-color-product-home-darkest: var(--t-fill-color-product-home-080);\n --t-fill-color-product-people-lightest: var(--t-fill-color-product-people-020);\n --t-fill-color-product-people-lighter: var(--t-fill-color-product-people-030);\n --t-fill-color-product-people-light: var(--t-fill-color-product-people-040);\n --t-fill-color-product-people-base: var(--t-fill-color-product-people-050);\n --t-fill-color-product-people-dark: var(--t-fill-color-product-people-060);\n --t-fill-color-product-people-darker: var(--t-fill-color-product-people-070);\n --t-fill-color-product-people-darkest: var(--t-fill-color-product-people-080);\n --t-fill-color-product-publishing-lightest: var(--t-fill-color-product-publishing-020);\n --t-fill-color-product-publishing-lighter: var(--t-fill-color-product-publishing-030);\n --t-fill-color-product-publishing-light: var(--t-fill-color-product-publishing-040);\n --t-fill-color-product-publishing-base: var(--t-fill-color-product-publishing-050);\n --t-fill-color-product-publishing-dark: var(--t-fill-color-product-publishing-060);\n --t-fill-color-product-publishing-darker: var(--t-fill-color-product-publishing-070);\n --t-fill-color-product-publishing-darkest: var(--t-fill-color-product-publishing-080);\n --t-fill-color-product-registrations-lightest: var(--t-fill-color-product-registrations-020);\n --t-fill-color-product-registrations-lighter: var(--t-fill-color-product-registrations-030);\n --t-fill-color-product-registrations-light: var(--t-fill-color-product-registrations-040);\n --t-fill-color-product-registrations-base: var(--t-fill-color-product-registrations-050);\n --t-fill-color-product-registrations-dark: var(--t-fill-color-product-registrations-060);\n --t-fill-color-product-registrations-darker: var(--t-fill-color-product-registrations-070);\n --t-fill-color-product-registrations-darkest: var(--t-fill-color-product-registrations-080);\n --t-fill-color-product-services-lightest: var(--t-fill-color-product-services-020);\n --t-fill-color-product-services-lighter: var(--t-fill-color-product-services-030);\n --t-fill-color-product-services-light: var(--t-fill-color-product-services-040);\n --t-fill-color-product-services-base: var(--t-fill-color-product-services-050);\n --t-fill-color-product-services-dark: var(--t-fill-color-product-services-060);\n --t-fill-color-product-services-darker: var(--t-fill-color-product-services-070);\n --t-fill-color-product-services-darkest: var(--t-fill-color-product-services-080);\n --t-fill-color-tag-subtle-gray: var(--t-fill-color-tag-gray-010);\n --t-fill-color-tag-subtle-blue: var(--t-fill-color-tag-blue-010);\n --t-fill-color-tag-subtle-aqua: var(--t-fill-color-tag-aqua-010);\n --t-fill-color-tag-subtle-teal: var(--t-fill-color-tag-teal-010);\n --t-fill-color-tag-subtle-green: var(--t-fill-color-tag-green-010);\n --t-fill-color-tag-subtle-yellow: var(--t-fill-color-tag-yellow-010);\n --t-fill-color-tag-subtle-orange: var(--t-fill-color-tag-orange-010);\n --t-fill-color-tag-subtle-pink: var(--t-fill-color-tag-pink-010);\n --t-fill-color-tag-subtle-purple: var(--t-fill-color-tag-purple-010);\n --t-fill-color-tag-subtle-magenta: var(--t-fill-color-tag-magenta-010);\n --t-fill-color-tag-subtle-label-gray: var(--t-fill-color-tag-gray-020);\n --t-fill-color-tag-subtle-label-blue: var(--t-fill-color-tag-blue-020);\n --t-fill-color-tag-subtle-label-aqua: var(--t-fill-color-tag-aqua-020);\n --t-fill-color-tag-subtle-label-teal: var(--t-fill-color-tag-teal-020);\n --t-fill-color-tag-subtle-label-green: var(--t-fill-color-tag-green-020);\n --t-fill-color-tag-subtle-label-yellow: var(--t-fill-color-tag-yellow-020);\n --t-fill-color-tag-subtle-label-orange: var(--t-fill-color-tag-orange-020);\n --t-fill-color-tag-subtle-label-pink: var(--t-fill-color-tag-pink-020);\n --t-fill-color-tag-subtle-label-purple: var(--t-fill-color-tag-purple-020);\n --t-fill-color-tag-subtle-label-magenta: var(--t-fill-color-tag-magenta-020);\n --t-fill-color-tag-bold-gray: var(--t-fill-color-tag-gray-030);\n --t-fill-color-tag-bold-blue: var(--t-fill-color-tag-blue-030);\n --t-fill-color-tag-bold-aqua: var(--t-fill-color-tag-aqua-030);\n --t-fill-color-tag-bold-teal: var(--t-fill-color-tag-teal-030);\n --t-fill-color-tag-bold-green: var(--t-fill-color-tag-green-030);\n --t-fill-color-tag-bold-yellow: var(--t-fill-color-tag-yellow-030);\n --t-fill-color-tag-bold-orange: var(--t-fill-color-tag-orange-030);\n --t-fill-color-tag-bold-pink: var(--t-fill-color-tag-pink-030);\n --t-fill-color-tag-bold-purple: var(--t-fill-color-tag-purple-030);\n --t-fill-color-tag-bold-magenta: var(--t-fill-color-tag-magenta-030);\n --t-fill-color-tag-bold-label-gray: var(--t-fill-color-tag-gray-040);\n --t-fill-color-tag-bold-label-blue: var(--t-fill-color-tag-blue-040);\n --t-fill-color-tag-bold-label-aqua: var(--t-fill-color-tag-aqua-040);\n --t-fill-color-tag-bold-label-teal: var(--t-fill-color-tag-teal-040);\n --t-fill-color-tag-bold-label-green: var(--t-fill-color-tag-green-040);\n --t-fill-color-tag-bold-label-yellow: var(--t-fill-color-tag-yellow-040);\n --t-fill-color-tag-bold-label-orange: var(--t-fill-color-tag-orange-040);\n --t-fill-color-tag-bold-label-pink: var(--t-fill-color-tag-pink-040);\n --t-fill-color-tag-bold-label-purple: var(--t-fill-color-tag-purple-040);\n --t-fill-color-tag-bold-label-magenta: var(--t-fill-color-tag-magenta-040);\n --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);\n --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-default-info-outline-dim-default: #ffffff00;\n --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-outline-dim-disabled: #ffffff00;\n --t-fill-color-button-default-info-ghost-default: #ffffff00;\n --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-ghost-disabled: #ffffff00;\n --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);\n --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);\n --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);\n --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-create-ghost-default: #ffffff00;\n --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);\n --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);\n --t-fill-color-button-create-ghost-disabled: #ffffff00;\n}\n"]}
1
+ {"version":3,"sources":["tokens-alias.css","tokens-alias-deprecated.css"],"names":[],"mappings":"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","file":"tokens.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-radius-sm: 2px;\n --t-border-radius-md: 4px;\n --t-border-radius-lg: 8px;\n --t-border-radius-xl: 16px;\n --t-border-radius-round: 56px;\n --t-border-radius-default: 4px;\n --t-border-width-default: 1px;\n --t-border-width-thick: 2px;\n --t-spacing-1: 8px;\n --t-spacing-2: 16px;\n --t-spacing-3: 24px;\n --t-spacing-4: 32px;\n --t-spacing-5: 40px;\n --t-spacing-6: 48px;\n --t-spacing-7: 56px;\n --t-spacing-fourth: 2px;\n --t-spacing-half: 4px;\n --t-element-size-3xl: 48px;\n --t-element-size-2xl: 32px;\n --t-element-size-xl: 24px;\n --t-element-size-lg: 18px;\n --t-element-size-md: 16px;\n --t-element-size-sm: 14px;\n --t-element-size-xs: 12px;\n --t-font-size-4xl: 32px;\n --t-font-size-3xl: 28px;\n --t-font-size-2xl: 24px;\n --t-font-size-xl: 20px;\n --t-font-size-lg: 18px;\n --t-font-size-md: 16px;\n --t-font-size-sm: 14px;\n --t-font-size-xs: 12px;\n --t-font-size-2xs: 10px;\n --t-font-weight-normal: 400;\n --t-font-weight-medium: 500;\n --t-font-weight-semibold: 600;\n --t-font-weight-bold: 700;\n --t-container-size-xl: 48px;\n --t-container-size-lg: 40px;\n --t-container-size-md: 32px;\n --t-container-size-sm: 24px;\n --t-container-size-xs: 20px;\n --t-avatar-size-20: 20px;\n --t-avatar-size-24: 24px;\n --t-avatar-size-36: 36px;\n --t-avatar-size-48: 48px;\n --t-avatar-size-72: 72px;\n --t-avatar-size-112: 112px;\n --t-text-color-default-headline: hsl(0, 0%, 12%);\n --t-text-color-default-primary: hsl(0, 0%, 24%);\n --t-text-color-default-secondary: hsl(0, 0%, 42%);\n --t-text-color-default-disabled: hsl(0, 0%, 81%);\n --t-text-color-default-placeholder: hsl(0, 0%, 58%);\n --t-text-color-default-inverted: hsl(0, 0%, 100%);\n --t-text-color-interaction-primary: hsl(204, 100%, 40%);\n --t-text-color-interaction-hover: hsl(204, 100%, 35%);\n --t-text-color-interaction-active: hsl(204, 100%, 30%);\n --t-text-color-interaction-visited: hsl(204, 100%, 30%);\n --t-text-color-status-neutral: hsl(0, 0%, 24%);\n --t-text-color-status-info: hsl(204, 100%, 35%);\n --t-text-color-status-success: hsl(97, 57%, 28%);\n --t-text-color-status-warning: hsl(42, 100%, 29%);\n --t-text-color-status-error: hsl(8, 60%, 45%);\n --t-text-color-tag-subtle-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-subtle-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-subtle-indigo: hsl(241, 59%, 28%);\n --t-text-color-tag-subtle-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-subtle-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-subtle-green: hsl(100, 93%, 17%);\n --t-text-color-tag-subtle-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-subtle-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-subtle-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-subtle-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-subtle-magenta: hsl(285, 71%, 20%);\n --t-text-color-tag-bold-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-bold-indigo: hsl(241, 59%, 28%);\n --t-text-color-tag-bold-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-bold-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-bold-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-bold-green: hsl(100, 93%, 17%);\n --t-text-color-tag-bold-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-bold-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-bold-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-bold-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-bold-magenta: hsl(285, 71%, 20%);\n --t-icon-color-default-primary: hsl(0, 0%, 24%);\n --t-icon-color-default-secondary: hsl(0, 0%, 42%);\n --t-icon-color-default-dim: hsl(0, 0%, 58%);\n --t-icon-color-default-disabled: hsl(0, 0%, 81%);\n --t-icon-color-default-inverted: hsl(0, 0%, 100%);\n --t-icon-color-status-neutral-primary: hsl(0, 0%, 42%);\n --t-icon-color-status-neutral-secondary: hsl(0, 0%, 58%);\n --t-icon-color-status-neutral-bold: hsl(0, 0%, 24%);\n --t-icon-color-status-info-primary: hsl(204, 100%, 40%);\n --t-icon-color-status-success-primary: hsl(96, 57%, 33%);\n --t-icon-color-status-success-secondary: hsl(97, 57%, 40%);\n --t-icon-color-status-warning-primary: hsl(42, 84%, 49%);\n --t-icon-color-status-error-primary: hsl(8, 60%, 47%);\n --t-fill-color-neutral-000: hsl(0, 0%, 12%);\n --t-fill-color-neutral-010: hsl(0, 0%, 24%);\n --t-fill-color-neutral-020: hsl(0, 0%, 42%);\n --t-fill-color-neutral-025: hsl(0, 0%, 50%);\n --t-fill-color-neutral-030: hsl(0, 0%, 58%);\n --t-fill-color-neutral-040: hsl(0, 0%, 81%);\n --t-fill-color-neutral-050: hsl(0, 0%, 88%);\n --t-fill-color-neutral-060: hsl(0, 0%, 93%);\n --t-fill-color-neutral-070: hsl(0, 0%, 95%);\n --t-fill-color-neutral-080: hsl(0, 0%, 97%);\n --t-fill-color-neutral-090: hsl(0, 0%, 98%);\n --t-fill-color-neutral-100: hsl(0, 0%, 100%);\n --t-fill-color-interaction-default: hsl(204, 100%, 40%);\n --t-fill-color-interaction-hover: hsl(204, 100%, 35%);\n --t-fill-color-interaction-active: hsl(204, 100%, 30%);\n --t-fill-color-interaction-disabled: hsl(0, 0%, 81%);\n --t-fill-color-control-neutral-off: hsl(0, 0%, 58%);\n --t-fill-color-control-neutral-on: hsl(0, 0%, 24%);\n --t-fill-color-control-primary: hsl(204, 100%, 40%);\n --t-fill-color-control-secondary: hsl(97, 57%, 40%);\n --t-fill-color-control-error: hsl(8, 60%, 47%);\n --t-fill-color-control-disabled: hsl(0, 0%, 81%);\n --t-fill-color-status-neutral-solid: hsl(0, 0%, 42%);\n --t-fill-color-status-neutral-ghost: hsl(0, 0%, 93%);\n --t-fill-color-status-neutral-dim: hsl(0, 0%, 97%);\n --t-fill-color-status-info-solid: hsl(204, 100%, 40%);\n --t-fill-color-status-info-ghost: hsl(203, 94%, 94%);\n --t-fill-color-status-info-dim: hsl(204, 100%, 97%);\n --t-fill-color-status-success-solid: hsl(96, 57%, 33%);\n --t-fill-color-status-success-ghost: hsl(97, 57%, 90%);\n --t-fill-color-status-success-dim: hsl(96, 60%, 95%);\n --t-fill-color-status-warning-solid: hsl(42, 84%, 63%);\n --t-fill-color-status-warning-ghost: hsl(42, 87%, 94%);\n --t-fill-color-status-warning-dim: hsl(42, 87%, 97%);\n --t-fill-color-status-error-solid: hsl(8, 60%, 47%);\n --t-fill-color-status-error-ghost: hsl(9, 59%, 93%);\n --t-fill-color-status-error-dim: hsl(7, 60%, 97%);\n --t-fill-color-tooltip-primary: hsla(0, 0%, 12%, 0.77);\n --t-fill-color-product-accounts-010: hsl(212, 54%, 93%);\n --t-fill-color-product-accounts-020: hsl(209, 53%, 90%);\n --t-fill-color-product-accounts-030: hsl(210, 56%, 70%);\n --t-fill-color-product-accounts-040: hsl(210, 54%, 60%);\n --t-fill-color-product-accounts-050: hsl(210, 55%, 50%);\n --t-fill-color-product-accounts-060: hsl(210, 65%, 40%);\n --t-fill-color-product-accounts-070: hsl(211, 70%, 32%);\n --t-fill-color-product-accounts-080: hsl(210, 75%, 25%);\n --t-fill-color-product-calendar-010: hsl(8, 61%, 90%);\n --t-fill-color-product-calendar-020: hsl(8, 61%, 70%);\n --t-fill-color-product-calendar-030: hsl(8, 72%, 59%);\n --t-fill-color-product-calendar-040: hsl(8, 65%, 55%);\n --t-fill-color-product-calendar-050: hsl(9, 61%, 50%);\n --t-fill-color-product-calendar-060: hsl(8, 65%, 42%);\n --t-fill-color-product-calendar-070: hsl(7, 65%, 34%);\n --t-fill-color-product-calendar-080: hsl(9, 61%, 27%);\n --t-fill-color-product-checkins-010: hsl(285, 20%, 92%);\n --t-fill-color-product-checkins-020: hsl(283, 22%, 75%);\n --t-fill-color-product-checkins-030: hsl(284, 22%, 64%);\n --t-fill-color-product-checkins-040: hsl(283, 22%, 55%);\n --t-fill-color-product-checkins-050: hsl(283, 22%, 48%);\n --t-fill-color-product-checkins-060: hsl(283, 27%, 42%);\n --t-fill-color-product-checkins-070: hsl(284, 33%, 34%);\n --t-fill-color-product-checkins-080: hsl(283, 33%, 27%);\n --t-fill-color-product-giving-010: hsl(41, 95%, 93%);\n --t-fill-color-product-giving-020: hsl(42, 95%, 83%);\n --t-fill-color-product-giving-030: hsl(43, 95%, 75%);\n --t-fill-color-product-giving-040: hsl(43, 88%, 70%);\n --t-fill-color-product-giving-050: hsl(43, 88%, 64%);\n --t-fill-color-product-giving-060: hsl(42, 84%, 55%);\n --t-fill-color-product-giving-070: hsl(42, 84%, 48%);\n --t-fill-color-product-giving-080: hsl(42, 100%, 40%);\n --t-fill-color-product-groups-010: hsl(18, 95%, 92%);\n --t-fill-color-product-groups-020: hsl(17, 96%, 80%);\n --t-fill-color-product-groups-030: hsl(17, 96%, 70%);\n --t-fill-color-product-groups-040: hsl(17, 96%, 63%);\n --t-fill-color-product-groups-050: hsl(17, 88%, 55%);\n --t-fill-color-product-groups-060: hsl(12, 70%, 48%);\n --t-fill-color-product-groups-070: hsl(12, 70%, 40%);\n --t-fill-color-product-groups-080: hsl(14, 70%, 34%);\n --t-fill-color-product-home-010: hsl(221, 89%, 93%);\n --t-fill-color-product-home-020: hsl(221, 91%, 91%);\n --t-fill-color-product-home-030: hsl(221, 91%, 87%);\n --t-fill-color-product-home-040: hsl(221, 91%, 62%);\n --t-fill-color-product-home-050: hsl(221, 91%, 55%);\n --t-fill-color-product-home-060: hsl(221, 90%, 50%);\n --t-fill-color-product-home-070: hsl(221, 90%, 45%);\n --t-fill-color-product-home-080: hsl(218, 84%, 25%);\n --t-fill-color-product-people-010: hsl(219, 73%, 91%);\n --t-fill-color-product-people-020: hsl(220, 69%, 81%);\n --t-fill-color-product-people-030: hsl(221, 73%, 71%);\n --t-fill-color-product-people-040: hsl(221, 73%, 65%);\n --t-fill-color-product-people-050: hsl(220, 74%, 57%);\n --t-fill-color-product-people-060: hsl(220, 68%, 51%);\n --t-fill-color-product-people-070: hsl(220, 68%, 41%);\n --t-fill-color-product-people-080: hsl(221, 68%, 31%);\n --t-fill-color-product-publishing-010: hsl(220, 4%, 86%);\n --t-fill-color-product-publishing-020: hsl(222, 10%, 60%);\n --t-fill-color-product-publishing-030: hsl(221, 11%, 50%);\n --t-fill-color-product-publishing-040: hsl(222, 12%, 39%);\n --t-fill-color-product-publishing-050: hsl(220, 12%, 31%);\n --t-fill-color-product-publishing-060: hsl(220, 11%, 26%);\n --t-fill-color-product-publishing-070: hsl(217, 12%, 22%);\n --t-fill-color-product-publishing-080: hsl(214, 11%, 12%);\n --t-fill-color-product-registrations-010: hsl(173, 28%, 89%);\n --t-fill-color-product-registrations-020: hsl(176, 38%, 78%);\n --t-fill-color-product-registrations-030: hsl(176, 37%, 68%);\n --t-fill-color-product-registrations-040: hsl(176, 37%, 60%);\n --t-fill-color-product-registrations-050: hsl(175, 36%, 43%);\n --t-fill-color-product-registrations-060: hsl(175, 51%, 34%);\n --t-fill-color-product-registrations-070: hsl(174, 51%, 28%);\n --t-fill-color-product-registrations-080: hsl(175, 52%, 22%);\n --t-fill-color-product-services-010: hsl(88, 31%, 88%);\n --t-fill-color-product-services-020: hsl(88, 39%, 75%);\n --t-fill-color-product-services-030: hsl(88, 39%, 66%);\n --t-fill-color-product-services-040: hsl(88, 40%, 54%);\n --t-fill-color-product-services-050: hsl(88, 45%, 41%);\n --t-fill-color-product-services-060: hsl(89, 62%, 31%);\n --t-fill-color-product-services-070: hsl(89, 62%, 26%);\n --t-fill-color-product-services-080: hsl(89, 63%, 21%);\n --t-fill-color-product-staff-base: hsl(328, 100%, 45%);\n --t-fill-color-product-staff-dark: hsl(328, 100%, 38%);\n --t-fill-color-product-staff-darker: hsl(328, 100%, 33%);\n --t-fill-color-product-accounts-gradient-brand: linear-gradient(-45deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%));\n --t-fill-color-product-accounts-gradient-page: linear-gradient(-21.717456154496844deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n --t-fill-color-product-accounts-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n --t-fill-color-product-api-gradient-brand: linear-gradient(-90deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%));\n --t-fill-color-product-calendar-gradient-brand: linear-gradient(-45deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%));\n --t-fill-color-product-calendar-gradient-page: linear-gradient(-21.717456154496844deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));\n --t-fill-color-product-calendar-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(9, 60%, 93%), hsl(285, 18%, 91%), hsl(204, 67%, 92%));\n --t-fill-color-product-cc-gradient-brand: linear-gradient(-45deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%));\n --t-fill-color-product-checkins-gradient-brand: linear-gradient(-45deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%));\n --t-fill-color-product-checkins-gradient-page: linear-gradient(-21.717456154496844deg, hsl(283, 21%, 77%), hsl(227, 36%, 78%) 41.999998688697815%, hsl(204, 67%, 73%));\n --t-fill-color-product-checkins-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 41.999998688697815%, hsl(204, 67%, 92%));\n --t-fill-color-product-giving-gradient-brand: linear-gradient(0deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%));\n --t-fill-color-product-giving-gradient-page: linear-gradient(-21.717456154496844deg, hsl(42, 84%, 80%), hsl(255, 21%, 89%) 58.49999785423279%, hsl(204, 67%, 73%));\n --t-fill-color-product-giving-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(42, 87%, 94%), hsl(260, 18%, 97%) 58.49999785423279%, hsl(204, 67%, 92%));\n --t-fill-color-product-groups-gradient-brand: linear-gradient(-45deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%));\n --t-fill-color-product-groups-gradient-page: linear-gradient(-21.717456154496844deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));\n --t-fill-color-product-groups-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%));\n --t-fill-color-product-headcounts-gradient-brand: linear-gradient(-45deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%));\n --t-fill-color-product-home-gradient-page: linear-gradient(-21.717456154496844deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n --t-fill-color-product-home-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n --t-fill-color-product-musicstand-gradient-brand: linear-gradient(-45deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%));\n --t-fill-color-product-people-gradient-brand: linear-gradient(-45deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%));\n --t-fill-color-product-people-gradient-page: linear-gradient(-21.717456154496844deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n --t-fill-color-product-people-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n --t-fill-color-product-publishing-gradient-brand: linear-gradient(-45deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%));\n --t-fill-color-product-publishing-gradient-page: linear-gradient(-21.717456154496844deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 44.999998807907104%, hsl(204, 67%, 73%));\n --t-fill-color-product-publishing-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 44.999998807907104%, hsl(204, 67%, 92%));\n --t-fill-color-product-registrations-gradient-brand: linear-gradient(-45deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%));\n --t-fill-color-product-registrations-gradient-page: linear-gradient(-21.717456154496844deg, hsl(175, 27%, 74%), hsl(196, 46%, 73%) 39.500001072883606%, hsl(204, 67%, 73%));\n --t-fill-color-product-registrations-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(175, 28%, 92%), hsl(196, 46%, 92%) 39.500001072883606%, hsl(204, 67%, 92%));\n --t-fill-color-product-services-gradient-brand: linear-gradient(-45deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%));\n --t-fill-color-product-services-gradient-page: linear-gradient(-21.717456154496844deg, hsl(89, 31%, 73%), hsl(122, 29%, 78%) 39.500001072883606%, hsl(204, 67%, 73%));\n --t-fill-color-product-services-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(88, 32%, 92%), hsl(126, 29%, 93%) 39.500001072883606%, hsl(204, 67%, 92%));\n --t-fill-color-tag-gray-010: hsl(0, 0%, 93%);\n --t-fill-color-tag-gray-020: hsl(0, 0%, 88%);\n --t-fill-color-tag-gray-030: hsl(0, 0%, 88%);\n --t-fill-color-tag-gray-040: hsl(0, 0%, 81%);\n --t-fill-color-tag-blue-010: hsl(220, 100%, 95%);\n --t-fill-color-tag-blue-020: hsl(221, 100%, 88%);\n --t-fill-color-tag-blue-030: hsl(220, 98%, 81%);\n --t-fill-color-tag-blue-040: hsl(220, 98%, 74%);\n --t-fill-color-tag-aqua-010: hsl(200, 82%, 89%);\n --t-fill-color-tag-aqua-020: hsl(200, 82%, 82%);\n --t-fill-color-tag-aqua-030: hsl(201, 76%, 71%);\n --t-fill-color-tag-aqua-040: hsl(200, 75%, 64%);\n --t-fill-color-tag-teal-010: hsl(163, 53%, 83%);\n --t-fill-color-tag-teal-020: hsl(164, 52%, 76%);\n --t-fill-color-tag-teal-030: hsl(169, 62%, 64%);\n --t-fill-color-tag-teal-040: hsl(169, 62%, 56%);\n --t-fill-color-tag-green-010: hsl(98, 59%, 85%);\n --t-fill-color-tag-green-020: hsl(99, 59%, 78%);\n --t-fill-color-tag-green-030: hsl(112, 57%, 65%);\n --t-fill-color-tag-green-040: hsl(112, 57%, 57%);\n --t-fill-color-tag-yellow-010: hsl(45, 77%, 85%);\n --t-fill-color-tag-yellow-020: hsl(44, 78%, 77%);\n --t-fill-color-tag-yellow-030: hsl(44, 92%, 69%);\n --t-fill-color-tag-yellow-040: hsl(44, 93%, 61%);\n --t-fill-color-tag-orange-010: hsl(22, 89%, 89%);\n --t-fill-color-tag-orange-020: hsl(21, 89%, 82%);\n --t-fill-color-tag-orange-030: hsl(21, 86%, 72%);\n --t-fill-color-tag-orange-040: hsl(21, 86%, 64%);\n --t-fill-color-tag-pink-010: hsl(311, 66%, 92%);\n --t-fill-color-tag-pink-020: hsl(310, 64%, 85%);\n --t-fill-color-tag-pink-030: hsl(324, 78%, 77%);\n --t-fill-color-tag-pink-040: hsl(324, 76%, 70%);\n --t-fill-color-tag-purple-010: hsl(259, 74%, 93%);\n --t-fill-color-tag-purple-020: hsl(259, 74%, 85%);\n --t-fill-color-tag-purple-030: hsl(273, 62%, 76%);\n --t-fill-color-tag-purple-040: hsl(273, 62%, 70%);\n --t-fill-color-tag-magenta-010: hsl(294, 37%, 90%);\n --t-fill-color-tag-magenta-020: hsl(291, 40%, 83%);\n --t-fill-color-tag-magenta-030: hsl(291, 48%, 70%);\n --t-fill-color-tag-magenta-040: hsl(292, 48%, 63%);\n --t-fill-color-tag-indigo-010: hsl(234, 78%, 93%);\n --t-fill-color-tag-indigo-020: hsl(233, 79%, 87%);\n --t-fill-color-tag-indigo-030: hsl(233, 77%, 81%);\n --t-fill-color-tag-indigo-040: hsl(236, 79%, 74%);\n --t-fill-color-button-neutral-solid-default: hsl(0, 0%, 42%);\n --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-outline-dim-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-responsive-header-default: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-button-neutral-responsive-header-hover: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-button-neutral-responsive-header-active: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 0%, 0.05);\n --t-fill-color-button-interaction-solid-default: hsl(204, 100%, 40%);\n --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-interaction-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-interaction-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-solid-default: hsl(8, 60%, 47%);\n --t-fill-color-button-delete-solid-hover: hsl(8, 60%, 45%);\n --t-fill-color-button-delete-solid-active: hsl(8, 60%, 40%);\n --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-delete-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-outline-dim-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-outline-dim-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-delete-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-ghost-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-ghost-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-pill-default: hsl(0, 0%, 93%);\n --t-fill-color-button-pill-hover: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-active: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-disabled: hsl(0, 0%, 93%);\n --t-fill-color-transparency-light-010: hsla(0, 0%, 100%, 0.1);\n --t-fill-color-transparency-light-020: hsla(0, 0%, 100%, 0.2);\n --t-fill-color-transparency-light-030: hsla(0, 0%, 100%, 0.3);\n --t-fill-color-transparency-light-040: hsla(0, 0%, 100%, 0.4);\n --t-fill-color-transparency-light-050: hsla(0, 0%, 100%, 0.5);\n --t-fill-color-transparency-light-060: hsla(0, 0%, 100%, 0.6);\n --t-fill-color-transparency-light-070: hsla(0, 0%, 100%, 0.7);\n --t-fill-color-transparency-light-080: hsla(0, 0%, 100%, 0.8);\n --t-fill-color-transparency-light-090: hsla(0, 0%, 100%, 0.9);\n --t-fill-color-transparency-dark-010: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-transparency-dark-020: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-transparency-dark-030: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-transparency-dark-040: hsla(0, 0%, 0%, 0.4);\n --t-fill-color-transparency-dark-050: hsla(0, 0%, 0%, 0.5);\n --t-fill-color-transparency-dark-060: hsla(0, 0%, 0%, 0.6);\n --t-fill-color-transparency-dark-070: hsla(0, 0%, 0%, 0.7);\n --t-fill-color-transparency-dark-080: hsla(0, 0%, 0%, 0.8);\n --t-fill-color-transparency-dark-090: hsla(0, 0%, 0%, 0.9);\n --t-surface-color-canvas: hsl(0, 0%, 98%);\n --t-surface-color-card: hsl(0, 0%, 100%);\n --t-border-color-default-base: hsl(0, 0%, 88%);\n --t-border-color-default-dark: hsl(0, 0%, 81%);\n --t-border-color-default-darker: hsl(0, 0%, 68%);\n --t-border-color-default-darkest: hsl(0, 0%, 58%);\n --t-border-color-default-disabled: hsl(0, 0%, 88%);\n --t-border-color-default-dim: hsl(0, 0%, 95%);\n --t-border-color-default-white: hsl(0, 0%, 100%);\n --t-border-color-status-neutral: hsl(0, 0%, 58%);\n --t-border-color-status-info: hsl(204, 100%, 40%);\n --t-border-color-status-success: hsl(97, 57%, 40%);\n --t-border-color-status-warning: hsl(42, 84%, 63%);\n --t-border-color-status-error: hsl(8, 60%, 47%);\n --t-border-color-button-neutral: hsl(0, 0%, 88%);\n --t-border-color-button-info: hsl(204, 100%, 40%);\n --t-border-color-button-create: hsl(96, 57%, 33%);\n --t-border-color-button-delete: hsl(8, 60%, 47%);\n --t-border-color-control-neutral: hsl(0, 0%, 68%);\n --t-border-color-control-info: hsl(204, 100%, 40%);\n --t-border-color-control-success: hsl(97, 57%, 40%);\n --t-border-color-control-warning: hsl(42, 84%, 63%);\n --t-border-color-control-error: hsl(8, 60%, 47%);\n --t-border-color-control-disabled: hsl(0, 0%, 88%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-size-default: var(--t-border-width-default);\n --t-border-size-thick: var(--t-border-width-thick);\n --t-font-weight-semi-bold: var(--t-font-weight-semibold);\n --t-text-color-tag-gray: var(--t-text-color-tag-bold-gray);\n --t-text-color-tag-magenta: var(--t-text-color-tag-bold-magenta);\n --t-text-color-tag-blue: var(--t-text-color-tag-bold-blue);\n --t-text-color-tag-aqua: var(--t-text-color-tag-bold-aqua);\n --t-text-color-tag-teal: var(--t-text-color-tag-bold-teal);\n --t-text-color-tag-green: var(--t-text-color-tag-bold-green);\n --t-text-color-tag-yellow: var(--t-text-color-tag-bold-yellow);\n --t-text-color-tag-orange: var(--t-text-color-tag-bold-orange);\n --t-text-color-tag-pink: var(--t-text-color-tag-bold-pink);\n --t-text-color-tag-purple: var(--t-text-color-tag-bold-purple);\n --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);\n --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);\n --t-fill-color-alert-info: hsl(204, 94%, 49%);\n --t-fill-color-alert-success: hsl(122, 60%, 41%);\n --t-fill-color-alert-warning: hsl(43, 96%, 58%);\n --t-fill-color-alert-error: hsl(4, 77%, 59%);\n --t-fill-color-product-accounts-lightest: var(--t-fill-color-product-accounts-010);\n --t-fill-color-product-accounts-lighter: var(--t-fill-color-product-accounts-020);\n --t-fill-color-product-accounts-light: var(--t-fill-color-product-accounts-040);\n --t-fill-color-product-accounts-base: var(--t-fill-color-product-accounts-050);\n --t-fill-color-product-accounts-dark: var(--t-fill-color-product-accounts-060);\n --t-fill-color-product-accounts-darker: var(--t-fill-color-product-accounts-070);\n --t-fill-color-product-accounts-darkest: var(--t-fill-color-product-accounts-080);\n --t-fill-color-product-calendar-lightest: var(--t-fill-color-product-calendar-020);\n --t-fill-color-product-calendar-lighter: var(--t-fill-color-product-calendar-030);\n --t-fill-color-product-calendar-light: var(--t-fill-color-product-calendar-040);\n --t-fill-color-product-calendar-base: var(--t-fill-color-product-calendar-050);\n --t-fill-color-product-calendar-dark: var(--t-fill-color-product-calendar-060);\n --t-fill-color-product-calendar-darker: var(--t-fill-color-product-calendar-070);\n --t-fill-color-product-calendar-darkest: var(--t-fill-color-product-calendar-080);\n --t-fill-color-product-checkins-lightest: var(--t-fill-color-product-checkins-020);\n --t-fill-color-product-checkins-lighter: var(--t-fill-color-product-checkins-030);\n --t-fill-color-product-checkins-light: var(--t-fill-color-product-checkins-040);\n --t-fill-color-product-checkins-base: var(--t-fill-color-product-checkins-050);\n --t-fill-color-product-checkins-dark: var(--t-fill-color-product-checkins-060);\n --t-fill-color-product-checkins-darker: var(--t-fill-color-product-checkins-070);\n --t-fill-color-product-checkins-darkest: var(--t-fill-color-product-checkins-080);\n --t-fill-color-product-giving-lightest: var(--t-fill-color-product-giving-020);\n --t-fill-color-product-giving-lighter: var(--t-fill-color-product-giving-030);\n --t-fill-color-product-giving-light: var(--t-fill-color-product-giving-040);\n --t-fill-color-product-giving-base: var(--t-fill-color-product-giving-050);\n --t-fill-color-product-giving-dark: var(--t-fill-color-product-giving-060);\n --t-fill-color-product-giving-darker: var(--t-fill-color-product-giving-070);\n --t-fill-color-product-giving-darkest: var(--t-fill-color-product-giving-080);\n --t-fill-color-product-groups-lightest: var(--t-fill-color-product-groups-020);\n --t-fill-color-product-groups-lighter: var(--t-fill-color-product-groups-030);\n --t-fill-color-product-groups-light: var(--t-fill-color-product-groups-040);\n --t-fill-color-product-groups-base: var(--t-fill-color-product-groups-050);\n --t-fill-color-product-groups-dark: var(--t-fill-color-product-groups-060);\n --t-fill-color-product-groups-darker: var(--t-fill-color-product-groups-070);\n --t-fill-color-product-groups-darkest: var(--t-fill-color-product-groups-080);\n --t-fill-color-product-home-lightest: var(--t-fill-color-product-home-020);\n --t-fill-color-product-home-lighter: var(--t-fill-color-product-home-030);\n --t-fill-color-product-home-light: var(--t-fill-color-product-home-040);\n --t-fill-color-product-home-base: var(--t-fill-color-product-home-050);\n --t-fill-color-product-home-dark: var(--t-fill-color-product-home-060);\n --t-fill-color-product-home-darker: var(--t-fill-color-product-home-070);\n --t-fill-color-product-home-darkest: var(--t-fill-color-product-home-080);\n --t-fill-color-product-people-lightest: var(--t-fill-color-product-people-020);\n --t-fill-color-product-people-lighter: var(--t-fill-color-product-people-030);\n --t-fill-color-product-people-light: var(--t-fill-color-product-people-040);\n --t-fill-color-product-people-base: var(--t-fill-color-product-people-050);\n --t-fill-color-product-people-dark: var(--t-fill-color-product-people-060);\n --t-fill-color-product-people-darker: var(--t-fill-color-product-people-070);\n --t-fill-color-product-people-darkest: var(--t-fill-color-product-people-080);\n --t-fill-color-product-publishing-lightest: var(--t-fill-color-product-publishing-020);\n --t-fill-color-product-publishing-lighter: var(--t-fill-color-product-publishing-030);\n --t-fill-color-product-publishing-light: var(--t-fill-color-product-publishing-040);\n --t-fill-color-product-publishing-base: var(--t-fill-color-product-publishing-050);\n --t-fill-color-product-publishing-dark: var(--t-fill-color-product-publishing-060);\n --t-fill-color-product-publishing-darker: var(--t-fill-color-product-publishing-070);\n --t-fill-color-product-publishing-darkest: var(--t-fill-color-product-publishing-080);\n --t-fill-color-product-registrations-lightest: var(--t-fill-color-product-registrations-020);\n --t-fill-color-product-registrations-lighter: var(--t-fill-color-product-registrations-030);\n --t-fill-color-product-registrations-light: var(--t-fill-color-product-registrations-040);\n --t-fill-color-product-registrations-base: var(--t-fill-color-product-registrations-050);\n --t-fill-color-product-registrations-dark: var(--t-fill-color-product-registrations-060);\n --t-fill-color-product-registrations-darker: var(--t-fill-color-product-registrations-070);\n --t-fill-color-product-registrations-darkest: var(--t-fill-color-product-registrations-080);\n --t-fill-color-product-services-lightest: var(--t-fill-color-product-services-020);\n --t-fill-color-product-services-lighter: var(--t-fill-color-product-services-030);\n --t-fill-color-product-services-light: var(--t-fill-color-product-services-040);\n --t-fill-color-product-services-base: var(--t-fill-color-product-services-050);\n --t-fill-color-product-services-dark: var(--t-fill-color-product-services-060);\n --t-fill-color-product-services-darker: var(--t-fill-color-product-services-070);\n --t-fill-color-product-services-darkest: var(--t-fill-color-product-services-080);\n --t-fill-color-tag-subtle-gray: var(--t-fill-color-tag-gray-010);\n --t-fill-color-tag-subtle-blue: var(--t-fill-color-tag-blue-010);\n --t-fill-color-tag-subtle-aqua: var(--t-fill-color-tag-aqua-010);\n --t-fill-color-tag-subtle-teal: var(--t-fill-color-tag-teal-010);\n --t-fill-color-tag-subtle-green: var(--t-fill-color-tag-green-010);\n --t-fill-color-tag-subtle-yellow: var(--t-fill-color-tag-yellow-010);\n --t-fill-color-tag-subtle-orange: var(--t-fill-color-tag-orange-010);\n --t-fill-color-tag-subtle-pink: var(--t-fill-color-tag-pink-010);\n --t-fill-color-tag-subtle-purple: var(--t-fill-color-tag-purple-010);\n --t-fill-color-tag-subtle-magenta: var(--t-fill-color-tag-magenta-010);\n --t-fill-color-tag-subtle-label-gray: var(--t-fill-color-tag-gray-020);\n --t-fill-color-tag-subtle-label-blue: var(--t-fill-color-tag-blue-020);\n --t-fill-color-tag-subtle-label-aqua: var(--t-fill-color-tag-aqua-020);\n --t-fill-color-tag-subtle-label-teal: var(--t-fill-color-tag-teal-020);\n --t-fill-color-tag-subtle-label-green: var(--t-fill-color-tag-green-020);\n --t-fill-color-tag-subtle-label-yellow: var(--t-fill-color-tag-yellow-020);\n --t-fill-color-tag-subtle-label-orange: var(--t-fill-color-tag-orange-020);\n --t-fill-color-tag-subtle-label-pink: var(--t-fill-color-tag-pink-020);\n --t-fill-color-tag-subtle-label-purple: var(--t-fill-color-tag-purple-020);\n --t-fill-color-tag-subtle-label-magenta: var(--t-fill-color-tag-magenta-020);\n --t-fill-color-tag-bold-gray: var(--t-fill-color-tag-gray-030);\n --t-fill-color-tag-bold-blue: var(--t-fill-color-tag-blue-030);\n --t-fill-color-tag-bold-aqua: var(--t-fill-color-tag-aqua-030);\n --t-fill-color-tag-bold-teal: var(--t-fill-color-tag-teal-030);\n --t-fill-color-tag-bold-green: var(--t-fill-color-tag-green-030);\n --t-fill-color-tag-bold-yellow: var(--t-fill-color-tag-yellow-030);\n --t-fill-color-tag-bold-orange: var(--t-fill-color-tag-orange-030);\n --t-fill-color-tag-bold-pink: var(--t-fill-color-tag-pink-030);\n --t-fill-color-tag-bold-purple: var(--t-fill-color-tag-purple-030);\n --t-fill-color-tag-bold-magenta: var(--t-fill-color-tag-magenta-030);\n --t-fill-color-tag-bold-label-gray: var(--t-fill-color-tag-gray-040);\n --t-fill-color-tag-bold-label-blue: var(--t-fill-color-tag-blue-040);\n --t-fill-color-tag-bold-label-aqua: var(--t-fill-color-tag-aqua-040);\n --t-fill-color-tag-bold-label-teal: var(--t-fill-color-tag-teal-040);\n --t-fill-color-tag-bold-label-green: var(--t-fill-color-tag-green-040);\n --t-fill-color-tag-bold-label-yellow: var(--t-fill-color-tag-yellow-040);\n --t-fill-color-tag-bold-label-orange: var(--t-fill-color-tag-orange-040);\n --t-fill-color-tag-bold-label-pink: var(--t-fill-color-tag-pink-040);\n --t-fill-color-tag-bold-label-purple: var(--t-fill-color-tag-purple-040);\n --t-fill-color-tag-bold-label-magenta: var(--t-fill-color-tag-magenta-040);\n --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);\n --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-default-info-outline-dim-default: #ffffff00;\n --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-outline-dim-disabled: #ffffff00;\n --t-fill-color-button-default-info-ghost-default: #ffffff00;\n --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-ghost-disabled: #ffffff00;\n --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);\n --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);\n --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);\n --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-create-ghost-default: #ffffff00;\n --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);\n --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);\n --t-fill-color-button-create-ghost-disabled: #ffffff00;\n}\n"]}
package/dist/unstable.css CHANGED
@@ -55,13 +55,21 @@
55
55
  }
56
56
 
57
57
  .tds-sidenav-section-header {
58
- margin: var(--t-spacing-2) 0 0 0;
59
- font-size: var(--t-font-size-sm);
60
- font-weight: var(--t-font-weight-semibold);
61
- color: var(--t-text-color-default-secondary);
62
- text-transform: uppercase;
58
+ display: flex;
59
+ align-items: baseline;
60
+ justify-content: space-between;
61
+ padding-top: var(--t-spacing-2);
63
62
  }
64
63
 
64
+ .tds-sidenav-section-header h2 {
65
+ margin: 0;
66
+ font-size: var(--t-font-size-sm);
67
+ font-weight: var(--t-font-weight-semibold);
68
+ color: var(--t-text-color-default-secondary);
69
+ text-transform: uppercase;
70
+ line-height: 1.35;
71
+ }
72
+
65
73
  .tds-sidenav-section:first-of-type .tds-sidenav-section-header {
66
74
  margin-top: 0;
67
75
  }
@@ -300,7 +308,7 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
300
308
 
301
309
  @layer t-component {
302
310
  .tds-page-header {
303
- --tds-page-header-background-color: var(--t-surface-color-card);
311
+ --tds-page-header-background-color: var(--t-fill-color-product-current-gradient-tint, var(--t-surface-color-card));
304
312
  --tds-page-header-background-color-inactive:
305
313
  var(
306
314
  --t-fill-color-transparency-dark-010
@@ -386,11 +394,13 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
386
394
  var(
387
395
  --tds-page-header-nav-item-background-color-selected
388
396
  );
397
+ --tds-page-header-nav-item-indicator-color: var(--t-icon-color-status-warning-primary);
389
398
  }
390
399
 
391
400
 
392
401
  @media (min-width: 720px) {
393
402
  .tds-page-header {
403
+ --tds-page-header-background-color: var(--t-surface-color-card);
394
404
  --tds-page-header-padding-x: var(--t-spacing-3);
395
405
  --tds-page-header-nav-background: transparent;
396
406
  --tds-page-header-nav-item-padding-x: var(--t-spacing-2);
@@ -407,10 +417,9 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
407
417
  .tds-page-header {
408
418
  display: flex;
409
419
  flex-direction: column;
410
- gap: var(--t-spacing-2);
411
420
  padding-top: var(--tds-page-header-padding-y);
412
421
  color: var(--tds-page-header-color);
413
- background-color: var(--tds-page-header-background-color);
422
+ background: var(--tds-page-header-background-color);
414
423
  border-bottom: 1px solid var(--t-border-color-default-base);
415
424
  }
416
425
 
@@ -463,7 +472,7 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
463
472
  .tds-page-header nav.tds-page-header__nav ul {
464
473
  display: flex;
465
474
  gap: var(--t-spacing-half);
466
- padding: 0 var(--tds-page-header-nav-padding-x);
475
+ padding: var(--t-spacing-2) var(--tds-page-header-nav-padding-x) 0;
467
476
  margin: 0 0 -1px;
468
477
  overflow: auto;
469
478
  list-style: none;
@@ -474,6 +483,7 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
474
483
  .tds-page-header nav[slot="navigation"] button,
475
484
  .tds-page-header nav.tds-page-header__nav a,
476
485
  .tds-page-header nav.tds-page-header__nav button {
486
+ position: relative;
477
487
  display: inline-flex;
478
488
  padding:
479
489
  var(--tds-page-header-nav-item-padding-y)
@@ -495,6 +505,33 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
495
505
  border-radius: var(--t-border-radius-md) var(--t-border-radius-md) 0 0;
496
506
  }
497
507
 
508
+ .tds-page-header nav:is([slot="navigation"], .tds-page-header__nav) li:has(.indicator) {
509
+ position: relative;
510
+ }
511
+
512
+ .tds-page-header nav:is([slot="navigation"], .tds-page-header__nav) li:has(.indicator) :is(a, button) {
513
+ -webkit-mask: radial-gradient(8px at calc(100% - 3px) 0, #0000 98%, #000);
514
+ mask: radial-gradient(8px at calc(100% - 3px) 0, #0000 98%, #000);
515
+ }
516
+
517
+ .tds-page-header nav:is([slot="navigation"], .tds-page-header__nav) li:has(.indicator)::before,
518
+ .tds-page-header nav:is([slot="navigation"], .tds-page-header__nav) li:has(.indicator)::after {
519
+ position: absolute;
520
+ top: -5px;
521
+ right: -2px;
522
+ width: 10px;
523
+ height: 10px;
524
+ content: "";
525
+ background: var(--tds-page-header-nav-item-indicator-color);
526
+ border-radius: 50%;
527
+ }
528
+
529
+ @media (prefers-reduced-motion: no-preference) {
530
+ .tds-page-header nav:is([slot="navigation"], .tds-page-header__nav) li:has(.indicator)::after {
531
+ animation: indicator-pulse 1.25s ease infinite;
532
+ }
533
+ }
534
+
498
535
  .tds-page-header nav[slot="navigation"] a.selected,
499
536
  .tds-page-header nav[slot="navigation"] button.selected,
500
537
  .tds-page-header nav.tds-page-header__nav a.selected,
@@ -572,6 +609,17 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
572
609
  }
573
610
  }
574
611
 
612
+ @keyframes indicator-pulse {
613
+ 0% {
614
+ opacity: .3;
615
+ transform: scale(.9);
616
+ }
617
+ 100% {
618
+ opacity: 0;
619
+ transform: scale(1.75);
620
+ }
621
+ }
622
+
575
623
  /**
576
624
  * Do not edit directly, this file was auto-generated.
577
625
  */
@@ -796,6 +844,39 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
796
844
  --t-fill-color-product-staff-base: hsl(328, 100%, 45%);
797
845
  --t-fill-color-product-staff-dark: hsl(328, 100%, 38%);
798
846
  --t-fill-color-product-staff-darker: hsl(328, 100%, 33%);
847
+ --t-fill-color-product-accounts-gradient-brand: linear-gradient(-45deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%));
848
+ --t-fill-color-product-accounts-gradient-page: linear-gradient(-21.717456154496844deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
849
+ --t-fill-color-product-accounts-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
850
+ --t-fill-color-product-api-gradient-brand: linear-gradient(-90deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%));
851
+ --t-fill-color-product-calendar-gradient-brand: linear-gradient(-45deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%));
852
+ --t-fill-color-product-calendar-gradient-page: linear-gradient(-21.717456154496844deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
853
+ --t-fill-color-product-calendar-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(9, 60%, 93%), hsl(285, 18%, 91%), hsl(204, 67%, 92%));
854
+ --t-fill-color-product-cc-gradient-brand: linear-gradient(-45deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%));
855
+ --t-fill-color-product-checkins-gradient-brand: linear-gradient(-45deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%));
856
+ --t-fill-color-product-checkins-gradient-page: linear-gradient(-21.717456154496844deg, hsl(283, 21%, 77%), hsl(227, 36%, 78%) 41.999998688697815%, hsl(204, 67%, 73%));
857
+ --t-fill-color-product-checkins-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 41.999998688697815%, hsl(204, 67%, 92%));
858
+ --t-fill-color-product-giving-gradient-brand: linear-gradient(0deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%));
859
+ --t-fill-color-product-giving-gradient-page: linear-gradient(-21.717456154496844deg, hsl(42, 84%, 80%), hsl(255, 21%, 89%) 58.49999785423279%, hsl(204, 67%, 73%));
860
+ --t-fill-color-product-giving-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(42, 87%, 94%), hsl(260, 18%, 97%) 58.49999785423279%, hsl(204, 67%, 92%));
861
+ --t-fill-color-product-groups-gradient-brand: linear-gradient(-45deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%));
862
+ --t-fill-color-product-groups-gradient-page: linear-gradient(-21.717456154496844deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
863
+ --t-fill-color-product-groups-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%));
864
+ --t-fill-color-product-headcounts-gradient-brand: linear-gradient(-45deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%));
865
+ --t-fill-color-product-home-gradient-page: linear-gradient(-21.717456154496844deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
866
+ --t-fill-color-product-home-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
867
+ --t-fill-color-product-musicstand-gradient-brand: linear-gradient(-45deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%));
868
+ --t-fill-color-product-people-gradient-brand: linear-gradient(-45deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%));
869
+ --t-fill-color-product-people-gradient-page: linear-gradient(-21.717456154496844deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
870
+ --t-fill-color-product-people-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
871
+ --t-fill-color-product-publishing-gradient-brand: linear-gradient(-45deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%));
872
+ --t-fill-color-product-publishing-gradient-page: linear-gradient(-21.717456154496844deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 44.999998807907104%, hsl(204, 67%, 73%));
873
+ --t-fill-color-product-publishing-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 44.999998807907104%, hsl(204, 67%, 92%));
874
+ --t-fill-color-product-registrations-gradient-brand: linear-gradient(-45deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%));
875
+ --t-fill-color-product-registrations-gradient-page: linear-gradient(-21.717456154496844deg, hsl(175, 27%, 74%), hsl(196, 46%, 73%) 39.500001072883606%, hsl(204, 67%, 73%));
876
+ --t-fill-color-product-registrations-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(175, 28%, 92%), hsl(196, 46%, 92%) 39.500001072883606%, hsl(204, 67%, 92%));
877
+ --t-fill-color-product-services-gradient-brand: linear-gradient(-45deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%));
878
+ --t-fill-color-product-services-gradient-page: linear-gradient(-21.717456154496844deg, hsl(89, 31%, 73%), hsl(122, 29%, 78%) 39.500001072883606%, hsl(204, 67%, 73%));
879
+ --t-fill-color-product-services-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(88, 32%, 92%), hsl(126, 29%, 93%) 39.500001072883606%, hsl(204, 67%, 92%));
799
880
  --t-fill-color-tag-gray-010: hsl(0, 0%, 93%);
800
881
  --t-fill-color-tag-gray-020: hsl(0, 0%, 88%);
801
882
  --t-fill-color-tag-gray-030: hsl(0, 0%, 88%);
@@ -852,6 +933,10 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
852
933
  --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 95%);
853
934
  --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);
854
935
  --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);
936
+ --t-fill-color-button-neutral-responsive-header-default: hsla(0, 0%, 0%, 0.1);
937
+ --t-fill-color-button-neutral-responsive-header-hover: hsla(0, 0%, 0%, 0.2);
938
+ --t-fill-color-button-neutral-responsive-header-active: hsla(0, 0%, 0%, 0.3);
939
+ --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 0%, 0.05);
855
940
  --t-fill-color-button-interaction-solid-default: hsl(204, 100%, 40%);
856
941
  --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);
857
942
  --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);
@@ -1417,6 +1502,56 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
1417
1502
  --tds-btn-border-color-disabled: transparent;
1418
1503
  }
1419
1504
 
1505
+ .tds-btn--primary-page-header {
1506
+ --tds-btn-color: var(--t-text-color-default-inverted);
1507
+ --tds-btn-bg: var(--t-fill-color-button-interaction-solid-default);
1508
+ --tds-btn-border-color: var(--t-fill-color-button-interaction-solid-default);
1509
+ --tds-btn-color-hover: var(--t-text-color-default-inverted);
1510
+ --tds-btn-bg-hover: var(--t-fill-color-button-interaction-solid-hover);
1511
+ --tds-btn-border-color-hover: var(--t-fill-color-button-interaction-solid-hover);
1512
+ --tds-btn-color-active: var(--t-text-color-default-inverted);
1513
+ --tds-btn-bg-active: var(--t-fill-color-button-interaction-solid-active);
1514
+ --tds-btn-border-color-active: var(--t-fill-color-button-interaction-solid-active);
1515
+ --tds-btn-color-disabled: var(--t-text-color-default-disabled);
1516
+ --tds-btn-bg-disabled: var(--t-fill-color-button-interaction-solid-disabled);
1517
+ --tds-btn-border-color-disabled: var(--tds-btn-bg-disabled);
1518
+ }
1519
+
1520
+ .tds-btn--secondary-page-header {
1521
+ --tds-btn-border-width: 0;
1522
+ --tds-btn-color: var(--t-text-color-status-neutral);
1523
+ --tds-btn-bg: var(--t-fill-color-button-neutral-responsive-header-default);
1524
+ --tds-btn-border-color: var(--t-fill-color-button-neutral-responsive-header-default);
1525
+ --tds-btn-color-hover: var(--t-text-color-status-neutral);
1526
+ --tds-btn-bg-hover: var(--t-fill-color-button-neutral-responsive-header-hover);
1527
+ --tds-btn-border-color-hover: var(--t-fill-color-button-neutral-responsive-header-hover);
1528
+ --tds-btn-color-active: var(--t-text-color-status-neutral);
1529
+ --tds-btn-bg-active: var(--t-fill-color-button-neutral-responsive-header-active);
1530
+ --tds-btn-border-color-active: var(--t-fill-color-button-neutral-responsive-header-active);
1531
+ --tds-btn-color-disabled: var(--t-text-color-default-disabled);
1532
+ --tds-btn-bg-disabled: var(--t-fill-color-button-neutral-responsive-header-disabled);
1533
+ --tds-btn-border-color-disabled: var(--t-fill-color-button-neutral-responsive-header-disabled);
1534
+ }
1535
+
1536
+ @media (min-width: 720px) {
1537
+
1538
+ .tds-btn--secondary-page-header {
1539
+ --tds-btn-border-width: 1px;
1540
+ --tds-btn-color: var(--t-text-color-status-neutral);
1541
+ --tds-btn-bg: transparent;
1542
+ --tds-btn-border-color: var(--t-border-color-button-neutral);
1543
+ --tds-btn-color-hover: var(--tds-btn-color);
1544
+ --tds-btn-bg-hover: var(--t-fill-color-button-neutral-outline-dim-hover);
1545
+ --tds-btn-border-color-hover: var(--t-border-color-button-neutral);
1546
+ --tds-btn-color-active: var(--tds-btn-color);
1547
+ --tds-btn-bg-active: var(--t-fill-color-button-neutral-outline-dim-active);
1548
+ --tds-btn-border-color-active: var(--t-border-color-button-neutral);
1549
+ --tds-btn-color-disabled: var(--t-text-color-default-disabled);
1550
+ --tds-btn-bg-disabled: var(--t-fill-color-button-neutral-outline-dim-disabled);
1551
+ --tds-btn-border-color-disabled: var(--t-border-color-button-neutral);
1552
+ }
1553
+ }
1554
+
1420
1555
  .tds-btn--pill {
1421
1556
  --tds-btn-border-radius: 999px;
1422
1557
  --tds-btn-padding-y: 4px;