@planningcenter/tapestry 2.3.0-rc.1 → 2.3.0-rc.10

package/dist/tokens.css.map

@@ -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.9);\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(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%));\n  --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n  --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n  --t-fill-color-product-api-gradient-brand: linear-gradient(180deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%));\n  --t-fill-color-product-calendar-gradient-brand: linear-gradient(135deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%));\n  --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(5, 80%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));\n  --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(8, 100%, 94%), hsl(285, 18%, 91%), hsl(204, 67%, 92%));\n  --t-fill-color-product-cc-gradient-brand: linear-gradient(135deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%));\n  --t-fill-color-product-checkins-gradient-brand: linear-gradient(135deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%));\n  --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(283, 21%, 77%) 25%, hsl(227, 36%, 78%) 60%, hsl(204, 67%, 73%));\n  --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 42%, hsl(204, 67%, 92%));\n  --t-fill-color-product-giving-gradient-brand: linear-gradient(90deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%));\n  --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(42, 84%, 80%), hsl(255, 21%, 89%) 58.5%, hsl(204, 67%, 73%));\n  --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(42, 87%, 94%), hsl(260, 18%, 97%) 58.5%, hsl(204, 67%, 92%));\n  --t-fill-color-product-groups-gradient-brand: linear-gradient(135deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%));\n  --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));\n  --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%));\n  --t-fill-color-product-headcounts-gradient-brand: linear-gradient(135deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%));\n  --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n  --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n  --t-fill-color-product-musicstand-gradient-brand: linear-gradient(135deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%));\n  --t-fill-color-product-people-gradient-brand: linear-gradient(135deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%));\n  --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n  --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n  --t-fill-color-product-publishing-gradient-brand: linear-gradient(135deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%));\n  --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 45%, hsl(204, 67%, 73%));\n  --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 45%, hsl(204, 67%, 92%));\n  --t-fill-color-product-registrations-gradient-brand: linear-gradient(135deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%));\n  --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(175, 27%, 74%), hsl(196, 46%, 73%) 39.5%, hsl(204, 67%, 73%));\n  --t-fill-color-product-registrations-gradient-tint: linear-gradient(111.72deg, hsl(175, 28%, 92%), hsl(196, 46%, 92%) 39.5%, hsl(204, 67%, 92%));\n  --t-fill-color-product-services-gradient-brand: linear-gradient(135deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%));\n  --t-fill-color-product-services-gradient-page: linear-gradient(111.72deg, hsl(89, 31%, 73%), hsl(122, 29%, 78%) 39.5%, hsl(204, 67%, 73%));\n  --t-fill-color-product-services-gradient-tint: linear-gradient(111.72deg, hsl(88, 32%, 92%), hsl(126, 29%, 93%) 39.5%, 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%, 93%);\n  --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 88%);\n  --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 81%);\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-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-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-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: hsla(0, 0%, 100%, 0);\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: hsla(0, 0%, 100%, 0);\n}\n"]}
+{"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-100: hsl(0, 0%, 100%);\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-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.9);\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(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%));\n  --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n  --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n  --t-fill-color-product-api-gradient-brand: linear-gradient(180deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%));\n  --t-fill-color-product-calendar-gradient-brand: linear-gradient(135deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%));\n  --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(5, 80%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));\n  --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(8, 100%, 94%), hsl(285, 18%, 91%), hsl(204, 67%, 92%));\n  --t-fill-color-product-cc-gradient-brand: linear-gradient(135deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%));\n  --t-fill-color-product-checkins-gradient-brand: linear-gradient(135deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%));\n  --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(283, 21%, 77%) 25%, hsl(227, 36%, 78%) 60%, hsl(204, 67%, 73%));\n  --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 42%, hsl(204, 67%, 92%));\n  --t-fill-color-product-giving-gradient-brand: linear-gradient(90deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%));\n  --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(42, 84%, 80%), hsl(255, 21%, 89%) 58.5%, hsl(204, 67%, 73%));\n  --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(42, 87%, 94%), hsl(260, 18%, 97%) 58.5%, hsl(204, 67%, 92%));\n  --t-fill-color-product-groups-gradient-brand: linear-gradient(135deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%));\n  --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));\n  --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%));\n  --t-fill-color-product-headcounts-gradient-brand: linear-gradient(135deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%));\n  --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n  --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n  --t-fill-color-product-musicstand-gradient-brand: linear-gradient(135deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%));\n  --t-fill-color-product-people-gradient-brand: linear-gradient(135deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%));\n  --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n  --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n  --t-fill-color-product-publishing-gradient-brand: linear-gradient(135deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%));\n  --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 45%, hsl(204, 67%, 73%));\n  --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 45%, hsl(204, 67%, 92%));\n  --t-fill-color-product-registrations-gradient-brand: linear-gradient(135deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%));\n  --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(175, 27%, 74%), hsl(196, 46%, 73%) 39.5%, hsl(204, 67%, 73%));\n  --t-fill-color-product-registrations-gradient-tint: linear-gradient(111.72deg, hsl(175, 28%, 92%), hsl(196, 46%, 92%) 39.5%, hsl(204, 67%, 92%));\n  --t-fill-color-product-services-gradient-brand: linear-gradient(135deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%));\n  --t-fill-color-product-services-gradient-page: linear-gradient(111.72deg, hsl(89, 31%, 73%), hsl(122, 29%, 78%) 39.5%, hsl(204, 67%, 73%));\n  --t-fill-color-product-services-gradient-tint: linear-gradient(111.72deg, hsl(88, 32%, 92%), hsl(126, 29%, 93%) 39.5%, 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%, 93%);\n  --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 88%);\n  --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 81%);\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  --t-form-background-color: var(--t-fill-color-neutral-100);\n  --t-form-background-color-disabled: var(--t-fill-color-neutral-070);\n  --t-form-background-color-error: var(--t-fill-color-neutral-100);\n  --t-form-background-color-readonly: var(--t-fill-color-neutral-070);\n  --t-form-border-color: var(--t-border-color-default-base);\n  --t-form-border-color-disabled: var(--t-border-color-default-base);\n  --t-form-border-color-error: var(--t-border-color-status-error);\n  --t-form-border-color-focus: var(--t-fill-color-interaction-default);\n  --t-form-border-color-hover: var(--t-border-color-default-dark);\n  --t-form-border-color-readonly: hsla(0, 0%, 100%, 0);\n  --t-form-border-radius: var(--t-border-radius-md);\n  --t-form-border-width: var(--t-border-width-default);\n  --t-form-font-color: var(--t-text-color-default-primary);\n  --t-form-font-color-disabled: var(--t-text-color-default-disabled);\n  --t-form-font-color-error: var(--t-text-color-status-error);\n  --t-form-font-color-readonly: var(--t-text-color-default-primary);\n  --t-form-picker-icon-color: var(--t-icon-color-default-primary);\n  --t-form-placeholder-color: var(--t-text-color-default-placeholder);\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-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-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-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: hsla(0, 0%, 100%, 0);\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: hsla(0, 0%, 100%, 0);\n}\n"]}

package/dist/unstable.css

@@ -103,6 +103,7 @@
   --t-icon-color-status-success-secondary: hsl(97, 57%, 40%);
   --t-icon-color-status-warning-primary: hsl(42, 84%, 49%);
   --t-icon-color-status-error-primary: hsl(8, 60%, 47%);
+  --t-fill-color-neutral-100: hsl(0, 0%, 100%);
   --t-fill-color-neutral-000: hsl(0, 0%, 12%);
   --t-fill-color-neutral-010: hsl(0, 0%, 24%);
   --t-fill-color-neutral-020: hsl(0, 0%, 42%);
@@ -114,7 +115,6 @@
   --t-fill-color-neutral-070: hsl(0, 0%, 95%);
   --t-fill-color-neutral-080: hsl(0, 0%, 97%);
   --t-fill-color-neutral-090: hsl(0, 0%, 98%);
-  --t-fill-color-neutral-100: hsl(0, 0%, 100%);
   --t-fill-color-interaction-default: hsl(204, 100%, 40%);
   --t-fill-color-interaction-hover: hsl(204, 100%, 35%);
   --t-fill-color-interaction-active: hsl(204, 100%, 30%);
@@ -387,6 +387,24 @@
   --t-border-color-control-warning: hsl(42, 84%, 63%);
   --t-border-color-control-error: hsl(8, 60%, 47%);
   --t-border-color-control-disabled: hsl(0, 0%, 88%);
+  --t-form-background-color: var(--t-fill-color-neutral-100);
+  --t-form-background-color-disabled: var(--t-fill-color-neutral-070);
+  --t-form-background-color-error: var(--t-fill-color-neutral-100);
+  --t-form-background-color-readonly: var(--t-fill-color-neutral-070);
+  --t-form-border-color: var(--t-border-color-default-base);
+  --t-form-border-color-disabled: var(--t-border-color-default-base);
+  --t-form-border-color-error: var(--t-border-color-status-error);
+  --t-form-border-color-focus: var(--t-fill-color-interaction-default);
+  --t-form-border-color-hover: var(--t-border-color-default-dark);
+  --t-form-border-color-readonly: hsla(0, 0%, 100%, 0);
+  --t-form-border-radius: var(--t-border-radius-md);
+  --t-form-border-width: var(--t-border-width-default);
+  --t-form-font-color: var(--t-text-color-default-primary);
+  --t-form-font-color-disabled: var(--t-text-color-default-disabled);
+  --t-form-font-color-error: var(--t-text-color-status-error);
+  --t-form-font-color-readonly: var(--t-text-color-default-primary);
+  --t-form-picker-icon-color: var(--t-icon-color-default-primary);
+  --t-form-placeholder-color: var(--t-text-color-default-placeholder);
   --t-border-size-default: var(--t-border-width-default);
   --t-border-size-thick: var(--t-border-width-thick);
   --t-font-weight-semi-bold: var(--t-font-weight-semibold);
@@ -1094,16 +1112,15 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
   }
 
 .tds-btn:disabled,.tds-btn.disabled {
+    --tds-btn-loading-spinner-track-color: var(--t-fill-color-transparency-dark-020);
+    --tds-btn-loading-spinner-color: var(--t-text-color-status-neutral);
+    color: var(--tds-btn-color-disabled);
     pointer-events: none;
+    background-color: var(--tds-btn-bg-disabled);
+    border-color: var(--tds-btn-border-color-disabled);
+    opacity: var(--tds-btn-disabled-opacity);
   }
 
-:is(.tds-btn:disabled,.tds-btn.disabled):not(.tds-btn--loading) {
-      color: var(--tds-btn-color-disabled);
-      background-color: var(--tds-btn-bg-disabled);
-      border-color: var(--tds-btn-border-color-disabled);
-      opacity: var(--tds-btn-disabled-opacity);
-    }
-
 .tds-btn svg:not(.symbol) {
     display: block;
     inline-size: auto;
@@ -1112,6 +1129,14 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
     color: var(--tds-btn-icon-color, currentColor);
   }
 
+.tds-btn .tds-loading-spinner {
+    --tds-loading-spinner-track-color: var(--tds-btn-loading-spinner-track-color);
+    --tds-loading-spinner-track-width: var(--tds-btn-loading-spinner-track-width);
+    --tds-loading-spinner-color: var(--tds-btn-loading-spinner-color);
+    --tds-loading-spinner-visibility: var(--tds-btn-loading-spinner-visibility);
+    --tds-loading-spinner-animation-play-state: var(--tds-btn-loading-spinner-animation-play-state);
+  }
+
 @media (prefers-reduced-motion: reduce) {
 
 .tds-btn {
@@ -1144,12 +1169,9 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
   --tds-btn-padding-truncated-x: 4px;
   --tds-btn-min-height: 24px;
   --tds-btn-font-size: var(--t-font-size-sm);
+  --tds-btn-loading-spinner-track-width: 3px;
 }
 
-.tds-btn--sm .tds-loading-spinner {
-    --tds-loading-spinner-border-width: 3px;
-  }
-
 /* Effective height 20px */
 
 .tds-btn--xs {
@@ -1158,12 +1180,9 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
   --tds-btn-padding-truncated-x: 5px;
   --tds-btn-min-height: 20px;
   --tds-btn-font-size: var(--t-font-size-xs);
+  --tds-btn-loading-spinner-track-width: 3px;
 }
 
-.tds-btn--xs .tds-loading-spinner {
-    --tds-loading-spinner-border-width: 3px;
-  }
-
 .tds-btn--neutral {
   --tds-btn-color: var(--t-text-color-status-neutral);
   --tds-btn-bg: var(--t-fill-color-button-neutral-solid-default);
@@ -1192,6 +1211,7 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
   --tds-btn-color-disabled: var(--t-text-color-default-disabled);
   --tds-btn-bg-disabled: var(--t-fill-color-button-interaction-solid-disabled);
   --tds-btn-border-color-disabled: var(--tds-btn-bg-disabled);
+  --tds-btn-loading-spinner-track-color: var(--t-fill-color-transparency-light-020);
 }
 
 .tds-btn--delete {
@@ -1207,6 +1227,7 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
   --tds-btn-color-disabled: var(--t-text-color-default-disabled);
   --tds-btn-bg-disabled: var(--t-fill-color-button-delete-solid-disabled);
   --tds-btn-border-color-disabled: var(--tds-btn-bg-disabled);
+  --tds-btn-loading-spinner-track-color: var(--t-fill-color-transparency-light-020);
 }
 
 .tds-btn--outline-neutral {
@@ -1223,11 +1244,6 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
   --tds-btn-border-color-disabled: var(--t-border-color-button-neutral);
 }
 
-.tds-btn--outline-neutral .tds-loading-spinner {
-    --tds-loading-spinner-border-color: var(--t-fill-color-transparency-dark-020);
-    --tds-loading-spinner-border-top-color: currentcolor;
-  }
-
 .tds-btn--outline-interaction {
   --tds-btn-color: var(--t-text-color-interaction-primary);
   --tds-btn-border-color: var(--t-border-color-button-info);
@@ -1240,6 +1256,7 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
   --tds-btn-color-disabled: var(--t-text-color-default-disabled);
   --tds-btn-bg-disabled: var(--t-fill-color-button-interaction-outline-dim-disabled);
   --tds-btn-border-color-disabled: var(--t-border-color-button-neutral);
+  --tds-btn-loading-spinner-track-color: var(--t-fill-color-status-info-ghost);
 }
 
 .tds-btn--outline-delete {
@@ -1254,6 +1271,7 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
   --tds-btn-color-disabled: var(--t-text-color-default-disabled);
   --tds-btn-bg-disabled: var(--t-fill-color-button-delete-outline-dim-disabled);
   --tds-btn-border-color-disabled: var(--t-border-color-button-neutral);
+  --tds-btn-loading-spinner-track-color: var(--t-fill-color-status-error-ghost);
 }
 
 .tds-btn--ghost-neutral {
@@ -1270,11 +1288,6 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
   --tds-btn-border-color-disabled: transparent;
 }
 
-.tds-btn--ghost-neutral .tds-loading-spinner {
-    --tds-loading-spinner-border-color: var(--t-fill-color-transparency-dark-020);
-    --tds-loading-spinner-border-top-color: currentcolor;
-  }
-
 .tds-btn--ghost-interaction {
   --tds-btn-color: var(--t-text-color-interaction-primary);
   --tds-btn-border-color: transparent;
@@ -1287,6 +1300,7 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
   --tds-btn-color-disabled: var(--t-text-color-default-disabled);
   --tds-btn-bg-disabled: transparent;
   --tds-btn-border-color-disabled: transparent;
+  --tds-btn-loading-spinner-track-color: var(--t-fill-color-status-info-ghost);
 }
 
 .tds-btn--ghost-delete {
@@ -1301,6 +1315,7 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
   --tds-btn-color-disabled: var(--t-text-color-default-disabled);
   --tds-btn-bg-disabled: transparent;
   --tds-btn-border-color-disabled: transparent;
+  --tds-btn-loading-spinner-track-color: var(--t-fill-color-status-error-ghost);
 }
 
 .tds-btn--inline-text {
@@ -1318,6 +1333,7 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
   --tds-btn-font-size: inherit;
   --tds-btn-font-weight: inherit;
   --tds-btn-line-height: inherit;
+  --tds-btn-loading-spinner-track-color: var(--t-fill-color-status-info-ghost);
   font-family: inherit;
   font-style: inherit;
   vertical-align: inherit;
@@ -1340,6 +1356,7 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
   --tds-btn-color-disabled: var(--t-text-color-default-disabled);
   --tds-btn-bg-disabled: var(--t-fill-color-button-interaction-solid-disabled);
   --tds-btn-border-color-disabled: var(--tds-btn-bg-disabled);
+  --tds-btn-loading-spinner-track-color: var(--t-fill-color-transparency-light-020);
 }
 
 .tds-btn--secondary-page-header {
@@ -1388,6 +1405,7 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
   --tds-btn-color-disabled: var(--t-text-color-default-disabled);
   --tds-btn-bg-disabled: var(--t-fill-color-button-interaction-solid-disabled);
   --tds-btn-border-color-disabled: var(--tds-btn-bg-disabled);
+  --tds-btn-loading-spinner-track-color: var(--t-fill-color-transparency-light-020);
 }
 
 .tds-btn--pill {
@@ -1441,14 +1459,12 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
 }
 
 .tds-btn--loading {
+  --tds-btn-loading-spinner-visibility: visible;
+  --tds-btn-loading-spinner-animation-play-state: running;
+
   position: relative;
 }
 
-.tds-btn--loading .tds-loading-spinner {
-    --tds-loading-spinner-visibility: visible;
-    --tds-loading-spinner-animation-play-state: running;
-  }
-
 .tds-btn--loading :not(.tds-loading-spinner) {
     visibility: hidden;
   }
@@ -1463,25 +1479,20 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"] {
 }
 
 .tds-loading-spinner {
-  --tds-loading-spinner-border-width: 4px; /* Default for md size */
-  --tds-loading-spinner-border-color: var(--t-fill-color-transparency-light-040);
-  --tds-loading-spinner-border-top-color: currentcolor;
   --tds-loading-spinner-size: 1.25em;
-  --tds-loading-spinner-visibility: hidden;
-  --tds-loading-spinner-animation-play-state: paused;
 
   position: absolute;
   right: 0;
   left: 0;
-  visibility: var(--tds-loading-spinner-visibility);
+  visibility: var(--tds-loading-spinner-visibility, hidden);
   width: var(--tds-loading-spinner-size);
   height: var(--tds-loading-spinner-size);
   margin: auto;
-  border: var(--tds-loading-spinner-border-width) solid var(--tds-loading-spinner-border-color);
-  border-top: var(--tds-loading-spinner-border-width) solid var(--tds-loading-spinner-border-top-color);
+  border: var(--tds-loading-spinner-track-width, 4px) solid var(--tds-loading-spinner-track-color, var(--t-fill-color-transparency-dark-020));
+  border-top-color: var(--tds-loading-spinner-color, currentcolor);
   border-radius: 50%;
   animation: spinner-rotate 500ms infinite linear;
-  animation-play-state: var(--tds-loading-spinner-animation-play-state);
+  animation-play-state: var(--tds-loading-spinner-animation-play-state, paused);
 }
 
 @keyframes spinner-rotate {