@planningcenter/tapestry 2.6.1-rc.2 → 2.7.1-rc.0

package/dist/tokens-dark.css

@@ -3,7 +3,7 @@
   --t-text-color-headline:hsl(0, 0%, 94%);
   --t-text-color:hsl(0, 0%, 80%);
   --t-text-color-secondary:hsl(0, 0%, 54%);
-  --t-text-color-disabled:hsl(0, 0%, 25%);
+  --t-text-color-disabled:hsl(0, 0%, 32%);
   --t-text-color-placeholder:hsl(0, 0%, 38%);
   --t-text-color-interaction:hsl(204, 68%, 55%);
   --t-text-color-interaction-hover:hsl(204, 68%, 50%);
@@ -217,7 +217,7 @@
   --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
   --t-border-color-control-neutral:hsl(0, 0%, 33%);
   --t-border-color-control-info:hsl(204, 100%, 35%);
-  --t-border-color-control-disabled:hsl(0, 0%, 21%);
+  --t-border-color-control-disabled:hsl(0, 0%, 24%);
   --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
 }
 
@@ -227,7 +227,7 @@
   --t-text-color-headline:hsl(0, 0%, 94%);
   --t-text-color:hsl(0, 0%, 80%);
   --t-text-color-secondary:hsl(0, 0%, 54%);
-  --t-text-color-disabled:hsl(0, 0%, 25%);
+  --t-text-color-disabled:hsl(0, 0%, 32%);
   --t-text-color-placeholder:hsl(0, 0%, 38%);
   --t-text-color-interaction:hsl(204, 68%, 55%);
   --t-text-color-interaction-hover:hsl(204, 68%, 50%);
@@ -441,7 +441,9 @@
   --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
   --t-border-color-control-neutral:hsl(0, 0%, 33%);
   --t-border-color-control-info:hsl(204, 100%, 35%);
-  --t-border-color-control-disabled:hsl(0, 0%, 21%);
+  --t-border-color-control-disabled:hsl(0, 0%, 24%);
   --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
 }
 }
+
+/*# sourceMappingURL=tokens-dark.css.map */

package/dist/tokens-dark.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../tokens/dist/css/tokens-dark.css","../../../tokens/dist/css/tokens-system-dark.css"],"names":[],"mappings":"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","file":"tokens-dark.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root[data-color-mode=\"dark\"] {\n  color-scheme: dark;\n  --t-text-color-headline: hsl(0, 0%, 94%);\n  --t-text-color: hsl(0, 0%, 80%);\n  --t-text-color-secondary: hsl(0, 0%, 54%);\n  --t-text-color-disabled: hsl(0, 0%, 32%);\n  --t-text-color-placeholder: hsl(0, 0%, 38%);\n  --t-text-color-interaction: hsl(204, 68%, 55%);\n  --t-text-color-interaction-hover: hsl(204, 68%, 50%);\n  --t-text-color-interaction-active: hsl(204, 68%, 45%);\n  --t-text-color-interaction-visited: hsl(204, 68%, 50%);\n  --t-text-color-status-neutral: hsl(0, 0%, 80%);\n  --t-text-color-status-info: hsl(204, 68%, 55%);\n  --t-text-color-status-success: hsl(97, 57%, 41%);\n  --t-text-color-status-warning: hsl(42, 84%, 55%);\n  --t-text-color-status-error: hsl(8, 61%, 61%);\n  --t-text-color-tag-subtle-gray: hsl(0, 0%, 80%);\n  --t-text-color-tag-subtle-blue: hsl(223, 46%, 84%);\n  --t-text-color-tag-subtle-indigo: hsl(233, 78%, 84%);\n  --t-text-color-tag-subtle-aqua: hsl(208, 77%, 85%);\n  --t-text-color-tag-subtle-teal: hsl(180, 95%, 74%);\n  --t-text-color-tag-subtle-green: hsl(99, 93%, 84%);\n  --t-text-color-tag-subtle-yellow: hsl(29, 100%, 85%);\n  --t-text-color-tag-subtle-orange: hsl(18, 100%, 85%);\n  --t-text-color-tag-subtle-pink: hsl(328, 89%, 89%);\n  --t-text-color-tag-subtle-purple: hsl(268, 70%, 88%);\n  --t-text-color-tag-subtle-magenta: hsl(285, 70%, 88%);\n  --t-text-color-tag-bold-gray: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-indigo: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-blue: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-aqua: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-teal: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-green: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-yellow: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-orange: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-pink: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-purple: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-magenta: hsl(0, 0%, 100%);\n  --t-icon-color: hsl(0, 0%, 80%);\n  --t-icon-color-secondary: hsl(0, 0%, 54%);\n  --t-icon-color-dim: hsl(0, 0%, 38%);\n  --t-icon-color-disabled: hsl(0, 0%, 25%);\n  --t-icon-color-status-neutral: hsl(0, 0%, 54%);\n  --t-icon-color-status-neutral-secondary: hsl(0, 0%, 38%);\n  --t-icon-color-status-neutral-bold: hsl(0, 0%, 80%);\n  --t-icon-color-status-info: hsl(204, 68%, 55%);\n  --t-icon-color-status-error: hsl(8, 61%, 61%);\n  --t-fill-color-neutral-100: hsl(0, 0%, 10%);\n  --t-fill-color-neutral-000: hsl(0, 0%, 98%);\n  --t-fill-color-neutral-010: hsl(0, 0%, 88%);\n  --t-fill-color-neutral-020: hsl(0, 0%, 68%);\n  --t-fill-color-neutral-025: hsl(0, 0%, 58%);\n  --t-fill-color-neutral-030: hsl(0, 0%, 50%);\n  --t-fill-color-neutral-040: hsl(0, 0%, 32%);\n  --t-fill-color-neutral-050: hsl(0, 0%, 24%);\n  --t-fill-color-neutral-060: hsl(0, 0%, 19%);\n  --t-fill-color-neutral-070: hsl(0, 0%, 17%);\n  --t-fill-color-neutral-080: hsl(0, 0%, 15%);\n  --t-fill-color-neutral-090: hsl(0, 0%, 12%);\n  --t-fill-color-interaction: hsl(204, 100%, 35%);\n  --t-fill-color-interaction-hover: hsl(204, 100%, 40%);\n  --t-fill-color-interaction-active: hsl(204, 80%, 45%);\n  --t-fill-color-interaction-disabled: hsl(0, 0%, 25%);\n  --t-fill-color-control-neutral-off: hsl(0, 0%, 32%);\n  --t-fill-color-control-neutral-on: hsl(0, 0%, 50%);\n  --t-fill-color-control: hsl(204, 100%, 35%);\n  --t-fill-color-control-disabled: hsl(0, 0%, 20%);\n  --t-fill-color-status-neutral: hsl(0, 0%, 24%);\n  --t-fill-color-status-neutral-ghost: hsl(0, 0%, 18%);\n  --t-fill-color-status-neutral-dim: hsl(0, 0%, 15%);\n  --t-fill-color-status-info: hsl(204, 100%, 35%);\n  --t-fill-color-status-info-ghost: hsl(204, 32%, 15%);\n  --t-fill-color-status-info-dim: hsl(206, 22%, 15%);\n  --t-fill-color-status-success-ghost: hsl(125, 17%, 15%);\n  --t-fill-color-status-success-dim: hsl(120, 12%, 14%);\n  --t-fill-color-status-warning-ghost: hsl(41, 18%, 17%);\n  --t-fill-color-status-warning-dim: hsl(42, 13%, 15%);\n  --t-fill-color-status-error-ghost: hsl(8, 20%, 16%);\n  --t-fill-color-status-error-dim: hsl(10, 16%, 15%);\n  --t-fill-color-tooltip: hsla(0, 0%, 24%, 0.9);\n  --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));\n  --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));\n  --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));\n  --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));\n  --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));\n  --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));\n  --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-registrations-gradient-tint: linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));\n  --t-fill-color-product-services-gradient-page: linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-services-gradient-tint: linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));\n  --t-fill-color-tag-gray-010: hsl(0, 0%, 20%);\n  --t-fill-color-tag-gray-020: hsl(0, 0%, 24%);\n  --t-fill-color-tag-gray-030: hsl(0, 0%, 36%);\n  --t-fill-color-tag-gray-040: hsl(0, 0%, 42%);\n  --t-fill-color-tag-blue-010: hsl(219, 26%, 24%);\n  --t-fill-color-tag-blue-020: hsl(220, 28%, 29%);\n  --t-fill-color-tag-blue-030: hsl(219, 32%, 45%);\n  --t-fill-color-tag-blue-040: hsl(220, 35%, 52%);\n  --t-fill-color-tag-aqua-010: hsl(200, 30%, 21%);\n  --t-fill-color-tag-aqua-020: hsl(200, 33%, 26%);\n  --t-fill-color-tag-aqua-030: hsl(200, 39%, 38%);\n  --t-fill-color-tag-aqua-040: hsl(200, 39%, 43%);\n  --t-fill-color-tag-teal-010: hsl(169, 33%, 19%);\n  --t-fill-color-tag-teal-020: hsl(169, 37%, 22%);\n  --t-fill-color-tag-teal-030: hsl(169, 43%, 31%);\n  --t-fill-color-tag-teal-040: hsl(169, 44%, 35%);\n  --t-fill-color-tag-green-010: hsl(110, 30%, 20%);\n  --t-fill-color-tag-green-020: hsl(112, 33%, 23%);\n  --t-fill-color-tag-green-030: hsl(112, 37%, 33%);\n  --t-fill-color-tag-green-040: hsl(112, 39%, 37%);\n  --t-fill-color-tag-yellow-010: hsl(44, 39%, 19%);\n  --t-fill-color-tag-yellow-020: hsl(44, 44%, 22%);\n  --t-fill-color-tag-yellow-030: hsl(44, 50%, 31%);\n  --t-fill-color-tag-yellow-040: hsl(44, 53%, 36%);\n  --t-fill-color-tag-orange-010: hsl(21, 35%, 22%);\n  --t-fill-color-tag-orange-020: hsl(20, 38%, 26%);\n  --t-fill-color-tag-orange-030: hsl(21, 44%, 40%);\n  --t-fill-color-tag-orange-040: hsl(21, 46%, 45%);\n  --t-fill-color-tag-pink-010: hsl(331, 22%, 24%);\n  --t-fill-color-tag-pink-020: hsl(324, 26%, 26%);\n  --t-fill-color-tag-pink-030: hsl(324, 30%, 45%);\n  --t-fill-color-tag-pink-040: hsl(324, 33%, 51%);\n  --t-fill-color-tag-purple-010: hsl(274, 20%, 23%);\n  --t-fill-color-tag-purple-020: hsl(274, 21%, 28%);\n  --t-fill-color-tag-purple-030: hsl(274, 25%, 46%);\n  --t-fill-color-tag-purple-040: hsl(274, 28%, 53%);\n  --t-fill-color-tag-magenta-010: hsl(292, 20%, 21%);\n  --t-fill-color-tag-magenta-020: hsl(292, 22%, 26%);\n  --t-fill-color-tag-magenta-030: hsl(293, 26%, 42%);\n  --t-fill-color-tag-magenta-040: hsl(292, 27%, 48%);\n  --t-fill-color-tag-indigo-010: hsl(235, 21%, 24%);\n  --t-fill-color-tag-indigo-020: hsl(236, 22%, 29%);\n  --t-fill-color-tag-indigo-030: hsl(236, 26%, 50%);\n  --t-fill-color-tag-indigo-040: hsl(236, 34%, 56%);\n  --t-fill-color-button-neutral-solid: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n  --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 32%);\n  --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-neutral-outline: hsl(0, 0%, 15%);\n  --t-fill-color-button-neutral-outline-hover: hsl(0, 0%, 17%);\n  --t-fill-color-button-neutral-outline-active: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-neutral-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 17%);\n  --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 100%, 0.05);\n  --t-fill-color-button-interaction-solid: hsl(204, 100%, 35%);\n  --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 40%);\n  --t-fill-color-button-interaction-solid-active: hsl(204, 80%, 45%);\n  --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-interaction-outline: hsl(204, 32%, 15%);\n  --t-fill-color-button-interaction-outline-hover: hsl(204, 39%, 17%);\n  --t-fill-color-button-interaction-outline-active: hsl(205, 45%, 18%);\n  --t-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-interaction-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-interaction-ghost-hover: hsl(204, 32%, 15%);\n  --t-fill-color-button-interaction-ghost-active: hsl(204, 39%, 17%);\n  --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-delete-solid: hsl(8, 60%, 40%);\n  --t-fill-color-button-delete-solid-active: hsl(8, 60%, 47%);\n  --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-delete-outline: hsl(8, 20%, 16%);\n  --t-fill-color-button-delete-outline-hover: hsl(9, 24%, 17%);\n  --t-fill-color-button-delete-outline-active: hsl(9, 29%, 19%);\n  --t-fill-color-button-delete-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-delete-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-delete-ghost-hover: hsl(8, 20%, 16%);\n  --t-fill-color-button-delete-ghost-active: hsl(9, 24%, 17%);\n  --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-pill: hsl(0, 0%, 18%);\n  --t-fill-color-button-pill-hover: hsl(0, 0%, 21%);\n  --t-fill-color-button-pill-active: hsl(0, 0%, 21%);\n  --t-fill-color-button-pill-disabled: hsl(0, 0%, 18%);\n  --t-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n  --t-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n  --t-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n  --t-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n  --t-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n  --t-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n  --t-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n  --t-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n  --t-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n  --t-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n  --t-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n  --t-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n  --t-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n  --t-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n  --t-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n  --t-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n  --t-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n  --t-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n  --t-surface-color-card: hsl(0, 0%, 12%);\n  --t-surface-color-canvas: hsl(0, 0%, 10%);\n  --t-border-color: hsl(0, 0%, 21%);\n  --t-border-color-dark: hsl(0, 0%, 25%);\n  --t-border-color-darker: hsl(0, 0%, 33%);\n  --t-border-color-darkest: hsl(0, 0%, 38%);\n  --t-border-color-disabled: hsl(0, 0%, 21%);\n  --t-border-color-dim: hsl(0, 0%, 16%);\n  --t-border-color-white: hsl(0, 0%, 12%);\n  --t-border-color-status-neutral: hsl(0, 0%, 38%);\n  --t-border-color-status-info: hsl(204, 100%, 35%);\n  --t-border-color-button-neutral: hsl(0, 0%, 19%);\n  --t-border-color-button-info: hsla(204, 100%, 40%, 0.25);\n  --t-border-color-button-create: hsla(96, 57%, 33%, 0.25);\n  --t-border-color-button-delete: hsla(8, 60%, 47%, 0.25);\n  --t-border-color-control-neutral: hsl(0, 0%, 33%);\n  --t-border-color-control-info: hsl(204, 100%, 35%);\n  --t-border-color-control-disabled: hsl(0, 0%, 24%);\n  --t-shadow-overflow-color: hsla(0, 0%, 0%, 0.6);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n@media (prefers-color-scheme: dark) {\n:root[data-color-mode=\"system\"] {\n  color-scheme: dark;\n  --t-text-color-headline: hsl(0, 0%, 94%);\n  --t-text-color: hsl(0, 0%, 80%);\n  --t-text-color-secondary: hsl(0, 0%, 54%);\n  --t-text-color-disabled: hsl(0, 0%, 32%);\n  --t-text-color-placeholder: hsl(0, 0%, 38%);\n  --t-text-color-interaction: hsl(204, 68%, 55%);\n  --t-text-color-interaction-hover: hsl(204, 68%, 50%);\n  --t-text-color-interaction-active: hsl(204, 68%, 45%);\n  --t-text-color-interaction-visited: hsl(204, 68%, 50%);\n  --t-text-color-status-neutral: hsl(0, 0%, 80%);\n  --t-text-color-status-info: hsl(204, 68%, 55%);\n  --t-text-color-status-success: hsl(97, 57%, 41%);\n  --t-text-color-status-warning: hsl(42, 84%, 55%);\n  --t-text-color-status-error: hsl(8, 61%, 61%);\n  --t-text-color-tag-subtle-gray: hsl(0, 0%, 80%);\n  --t-text-color-tag-subtle-blue: hsl(223, 46%, 84%);\n  --t-text-color-tag-subtle-indigo: hsl(233, 78%, 84%);\n  --t-text-color-tag-subtle-aqua: hsl(208, 77%, 85%);\n  --t-text-color-tag-subtle-teal: hsl(180, 95%, 74%);\n  --t-text-color-tag-subtle-green: hsl(99, 93%, 84%);\n  --t-text-color-tag-subtle-yellow: hsl(29, 100%, 85%);\n  --t-text-color-tag-subtle-orange: hsl(18, 100%, 85%);\n  --t-text-color-tag-subtle-pink: hsl(328, 89%, 89%);\n  --t-text-color-tag-subtle-purple: hsl(268, 70%, 88%);\n  --t-text-color-tag-subtle-magenta: hsl(285, 70%, 88%);\n  --t-text-color-tag-bold-gray: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-indigo: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-blue: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-aqua: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-teal: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-green: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-yellow: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-orange: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-pink: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-purple: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-magenta: hsl(0, 0%, 100%);\n  --t-icon-color: hsl(0, 0%, 80%);\n  --t-icon-color-secondary: hsl(0, 0%, 54%);\n  --t-icon-color-dim: hsl(0, 0%, 38%);\n  --t-icon-color-disabled: hsl(0, 0%, 25%);\n  --t-icon-color-status-neutral: hsl(0, 0%, 54%);\n  --t-icon-color-status-neutral-secondary: hsl(0, 0%, 38%);\n  --t-icon-color-status-neutral-bold: hsl(0, 0%, 80%);\n  --t-icon-color-status-info: hsl(204, 68%, 55%);\n  --t-icon-color-status-error: hsl(8, 61%, 61%);\n  --t-fill-color-neutral-100: hsl(0, 0%, 10%);\n  --t-fill-color-neutral-000: hsl(0, 0%, 98%);\n  --t-fill-color-neutral-010: hsl(0, 0%, 88%);\n  --t-fill-color-neutral-020: hsl(0, 0%, 68%);\n  --t-fill-color-neutral-025: hsl(0, 0%, 58%);\n  --t-fill-color-neutral-030: hsl(0, 0%, 50%);\n  --t-fill-color-neutral-040: hsl(0, 0%, 32%);\n  --t-fill-color-neutral-050: hsl(0, 0%, 24%);\n  --t-fill-color-neutral-060: hsl(0, 0%, 19%);\n  --t-fill-color-neutral-070: hsl(0, 0%, 17%);\n  --t-fill-color-neutral-080: hsl(0, 0%, 15%);\n  --t-fill-color-neutral-090: hsl(0, 0%, 12%);\n  --t-fill-color-interaction: hsl(204, 100%, 35%);\n  --t-fill-color-interaction-hover: hsl(204, 100%, 40%);\n  --t-fill-color-interaction-active: hsl(204, 80%, 45%);\n  --t-fill-color-interaction-disabled: hsl(0, 0%, 25%);\n  --t-fill-color-control-neutral-off: hsl(0, 0%, 32%);\n  --t-fill-color-control-neutral-on: hsl(0, 0%, 50%);\n  --t-fill-color-control: hsl(204, 100%, 35%);\n  --t-fill-color-control-disabled: hsl(0, 0%, 20%);\n  --t-fill-color-status-neutral: hsl(0, 0%, 24%);\n  --t-fill-color-status-neutral-ghost: hsl(0, 0%, 18%);\n  --t-fill-color-status-neutral-dim: hsl(0, 0%, 15%);\n  --t-fill-color-status-info: hsl(204, 100%, 35%);\n  --t-fill-color-status-info-ghost: hsl(204, 32%, 15%);\n  --t-fill-color-status-info-dim: hsl(206, 22%, 15%);\n  --t-fill-color-status-success-ghost: hsl(125, 17%, 15%);\n  --t-fill-color-status-success-dim: hsl(120, 12%, 14%);\n  --t-fill-color-status-warning-ghost: hsl(41, 18%, 17%);\n  --t-fill-color-status-warning-dim: hsl(42, 13%, 15%);\n  --t-fill-color-status-error-ghost: hsl(8, 20%, 16%);\n  --t-fill-color-status-error-dim: hsl(10, 16%, 15%);\n  --t-fill-color-tooltip: hsla(0, 0%, 24%, 0.9);\n  --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));\n  --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));\n  --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));\n  --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));\n  --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));\n  --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));\n  --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-registrations-gradient-tint: linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));\n  --t-fill-color-product-services-gradient-page: linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-services-gradient-tint: linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));\n  --t-fill-color-tag-gray-010: hsl(0, 0%, 20%);\n  --t-fill-color-tag-gray-020: hsl(0, 0%, 24%);\n  --t-fill-color-tag-gray-030: hsl(0, 0%, 36%);\n  --t-fill-color-tag-gray-040: hsl(0, 0%, 42%);\n  --t-fill-color-tag-blue-010: hsl(219, 26%, 24%);\n  --t-fill-color-tag-blue-020: hsl(220, 28%, 29%);\n  --t-fill-color-tag-blue-030: hsl(219, 32%, 45%);\n  --t-fill-color-tag-blue-040: hsl(220, 35%, 52%);\n  --t-fill-color-tag-aqua-010: hsl(200, 30%, 21%);\n  --t-fill-color-tag-aqua-020: hsl(200, 33%, 26%);\n  --t-fill-color-tag-aqua-030: hsl(200, 39%, 38%);\n  --t-fill-color-tag-aqua-040: hsl(200, 39%, 43%);\n  --t-fill-color-tag-teal-010: hsl(169, 33%, 19%);\n  --t-fill-color-tag-teal-020: hsl(169, 37%, 22%);\n  --t-fill-color-tag-teal-030: hsl(169, 43%, 31%);\n  --t-fill-color-tag-teal-040: hsl(169, 44%, 35%);\n  --t-fill-color-tag-green-010: hsl(110, 30%, 20%);\n  --t-fill-color-tag-green-020: hsl(112, 33%, 23%);\n  --t-fill-color-tag-green-030: hsl(112, 37%, 33%);\n  --t-fill-color-tag-green-040: hsl(112, 39%, 37%);\n  --t-fill-color-tag-yellow-010: hsl(44, 39%, 19%);\n  --t-fill-color-tag-yellow-020: hsl(44, 44%, 22%);\n  --t-fill-color-tag-yellow-030: hsl(44, 50%, 31%);\n  --t-fill-color-tag-yellow-040: hsl(44, 53%, 36%);\n  --t-fill-color-tag-orange-010: hsl(21, 35%, 22%);\n  --t-fill-color-tag-orange-020: hsl(20, 38%, 26%);\n  --t-fill-color-tag-orange-030: hsl(21, 44%, 40%);\n  --t-fill-color-tag-orange-040: hsl(21, 46%, 45%);\n  --t-fill-color-tag-pink-010: hsl(331, 22%, 24%);\n  --t-fill-color-tag-pink-020: hsl(324, 26%, 26%);\n  --t-fill-color-tag-pink-030: hsl(324, 30%, 45%);\n  --t-fill-color-tag-pink-040: hsl(324, 33%, 51%);\n  --t-fill-color-tag-purple-010: hsl(274, 20%, 23%);\n  --t-fill-color-tag-purple-020: hsl(274, 21%, 28%);\n  --t-fill-color-tag-purple-030: hsl(274, 25%, 46%);\n  --t-fill-color-tag-purple-040: hsl(274, 28%, 53%);\n  --t-fill-color-tag-magenta-010: hsl(292, 20%, 21%);\n  --t-fill-color-tag-magenta-020: hsl(292, 22%, 26%);\n  --t-fill-color-tag-magenta-030: hsl(293, 26%, 42%);\n  --t-fill-color-tag-magenta-040: hsl(292, 27%, 48%);\n  --t-fill-color-tag-indigo-010: hsl(235, 21%, 24%);\n  --t-fill-color-tag-indigo-020: hsl(236, 22%, 29%);\n  --t-fill-color-tag-indigo-030: hsl(236, 26%, 50%);\n  --t-fill-color-tag-indigo-040: hsl(236, 34%, 56%);\n  --t-fill-color-button-neutral-solid: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n  --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 32%);\n  --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-neutral-outline: hsl(0, 0%, 15%);\n  --t-fill-color-button-neutral-outline-hover: hsl(0, 0%, 17%);\n  --t-fill-color-button-neutral-outline-active: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-neutral-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 17%);\n  --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 100%, 0.05);\n  --t-fill-color-button-interaction-solid: hsl(204, 100%, 35%);\n  --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 40%);\n  --t-fill-color-button-interaction-solid-active: hsl(204, 80%, 45%);\n  --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-interaction-outline: hsl(204, 32%, 15%);\n  --t-fill-color-button-interaction-outline-hover: hsl(204, 39%, 17%);\n  --t-fill-color-button-interaction-outline-active: hsl(205, 45%, 18%);\n  --t-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-interaction-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-interaction-ghost-hover: hsl(204, 32%, 15%);\n  --t-fill-color-button-interaction-ghost-active: hsl(204, 39%, 17%);\n  --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-delete-solid: hsl(8, 60%, 40%);\n  --t-fill-color-button-delete-solid-active: hsl(8, 60%, 47%);\n  --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-delete-outline: hsl(8, 20%, 16%);\n  --t-fill-color-button-delete-outline-hover: hsl(9, 24%, 17%);\n  --t-fill-color-button-delete-outline-active: hsl(9, 29%, 19%);\n  --t-fill-color-button-delete-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-delete-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-delete-ghost-hover: hsl(8, 20%, 16%);\n  --t-fill-color-button-delete-ghost-active: hsl(9, 24%, 17%);\n  --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-pill: hsl(0, 0%, 18%);\n  --t-fill-color-button-pill-hover: hsl(0, 0%, 21%);\n  --t-fill-color-button-pill-active: hsl(0, 0%, 21%);\n  --t-fill-color-button-pill-disabled: hsl(0, 0%, 18%);\n  --t-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n  --t-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n  --t-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n  --t-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n  --t-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n  --t-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n  --t-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n  --t-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n  --t-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n  --t-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n  --t-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n  --t-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n  --t-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n  --t-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n  --t-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n  --t-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n  --t-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n  --t-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n  --t-surface-color-card: hsl(0, 0%, 12%);\n  --t-surface-color-canvas: hsl(0, 0%, 10%);\n  --t-border-color: hsl(0, 0%, 21%);\n  --t-border-color-dark: hsl(0, 0%, 25%);\n  --t-border-color-darker: hsl(0, 0%, 33%);\n  --t-border-color-darkest: hsl(0, 0%, 38%);\n  --t-border-color-disabled: hsl(0, 0%, 21%);\n  --t-border-color-dim: hsl(0, 0%, 16%);\n  --t-border-color-white: hsl(0, 0%, 12%);\n  --t-border-color-status-neutral: hsl(0, 0%, 38%);\n  --t-border-color-status-info: hsl(204, 100%, 35%);\n  --t-border-color-button-neutral: hsl(0, 0%, 19%);\n  --t-border-color-button-info: hsla(204, 100%, 40%, 0.25);\n  --t-border-color-button-create: hsla(96, 57%, 33%, 0.25);\n  --t-border-color-button-delete: hsla(8, 60%, 47%, 0.25);\n  --t-border-color-control-neutral: hsl(0, 0%, 33%);\n  --t-border-color-control-info: hsl(204, 100%, 35%);\n  --t-border-color-control-disabled: hsl(0, 0%, 24%);\n  --t-shadow-overflow-color: hsla(0, 0%, 0%, 0.6);\n}\n}\n"]}

package/dist/tokens-deprecated.css

@@ -0,0 +1,106 @@
+:root{
+  --t-border-size-default:var(--t-border-width);
+  --t-border-size-thick:var(--t-border-width-thick);
+  --t-font-weight-semi-bold:var(--t-font-weight-semibold);
+  --t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
+  --t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
+  --t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
+  --t-fill-color-status-info-solid:var(--t-fill-color-status-info);
+  --t-fill-color-status-success-solid:var(--t-fill-color-status-success);
+  --t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
+  --t-fill-color-status-error-solid:var(--t-fill-color-status-error);
+  --t-fill-color-alert-info:hsl(204, 94%, 49%);
+  --t-fill-color-alert-success:hsl(122, 60%, 41%);
+  --t-fill-color-alert-warning:hsl(43, 96%, 58%);
+  --t-fill-color-alert-error:hsl(4, 77%, 59%);
+  --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
+  --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
+  --t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
+  --t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
+  --t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
+  --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
+  --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
+  --t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
+  --t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
+  --t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
+  --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
+  --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
+  --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
+  --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
+  --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
+  --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
+  --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
+  --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
+  --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
+  --t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
+  --t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
+  --t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
+  --t-border-color-default-base:var(--t-border-color);
+  --t-border-color-default-dark:var(--t-border-color-dark);
+  --t-border-color-default-darker:var(--t-border-color-darker);
+  --t-border-color-default-darkest:var(--t-border-color-darkest);
+  --t-border-color-default-dim:var(--t-border-color-dim);
+  --t-border-color-default-disabled:var(--t-border-color-disabled);
+  --t-border-color-default-white:var(--t-border-color-white);
+  --t-border-radius-default:var(--t-border-radius);
+  --t-border-width-default:var(--t-border-width);
+  --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
+  --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
+  --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
+  --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
+  --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
+  --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
+  --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
+  --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
+  --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
+  --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
+  --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
+  --t-fill-color-control-primary:var(--t-fill-color-control);
+  --t-fill-color-interaction-default:var(--t-fill-color-interaction);
+  --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
+  --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
+  --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
+  --t-icon-color-default-dim:var(--t-icon-color-dim);
+  --t-icon-color-default-disabled:var(--t-icon-color-disabled);
+  --t-icon-color-default-inverted:var(--t-icon-color-inverted);
+  --t-icon-color-default-primary:var(--t-icon-color);
+  --t-icon-color-default-secondary:var(--t-icon-color-secondary);
+  --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
+  --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
+  --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
+  --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
+  --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
+  --t-text-color-default-disabled:var(--t-text-color-disabled);
+  --t-text-color-default-headline:var(--t-text-color-headline);
+  --t-text-color-default-inverted:var(--t-text-color-inverted);
+  --t-text-color-default-placeholder:var(--t-text-color-placeholder);
+  --t-text-color-default-primary:var(--t-text-color);
+  --t-text-color-default-secondary:var(--t-text-color-secondary);
+  --t-text-color-interaction-primary:var(--t-text-color-interaction);
+}
+
+:root[data-color-mode="dark"]{
+  --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
+  --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
+  --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
+  --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
+}
+
+@media (prefers-color-scheme: dark){
+:root[data-color-mode="system"]{
+  --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
+  --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
+  --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
+  --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
+}
+}
+
+/*# sourceMappingURL=tokens-deprecated.css.map */

package/dist/tokens-deprecated.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../tokens/dist/css/tokens-alias-deprecated.css","../../../tokens/dist/css/tokens-alias-deprecated-removed-segments.css","../../../tokens/dist/css/tokens-dark-deprecated.css","../../../tokens/dist/css/tokens-system-dark-deprecated.css"],"names":[],"mappings":"AAIA;EACE,6CAA8C;EAC9C,iDAAkD;EAClD,uDAAwD;EACxD,0EAA2E;EAC3E,oEAAqE;EACrE,sEAAuE;EACvE,gEAAiE;EACjE,sEAAuE;EACvE,sEAAuE;EACvE,kEAAmE;EACnE,4CAA6C;EAC7C,+CAAgD;EAChD,8CAA+C;EAC/C,2CAA4C;EAC5C,kEAAmE;EACnE,4FAA6F;EAC7F,gGAAiG;EACjG,kGAAmG;EACnG,sGAAuG;EACvG,wEAAyE;EACzE,oGAAqG;EACrG,wGAAyG;EACzG,0GAA2G;EAC3G,8GAA+G;EAC/G,4DAA6D;EAC7D,0DAA2D;EAC3D,2DAA4D;EAC5D,2DAA4D;EAC5D,+DAAgE;EAChE,0DAA2D;EAC3D,2DAA4D;EAC5D,gEAAiE;EACjE,0FAA2F;EAC3F,8FAA+F;EAC/F,gGAAiG;EACjG,oGAAqG;ECnCrG,mDAAoD;EACpD,wDAAyD;EACzD,4DAA6D;EAC7D,8DAA+D;EAC/D,sDAAuD;EACvD,gEAAiE;EACjE,0DAA2D;EAC3D,gDAAiD;EACjD,8CAA+C;EAC/C,kFAAmF;EACnF,sFAAuF;EACvF,kFAAmF;EACnF,4FAA6F;EAC7F,gGAAiG;EACjG,4FAA6F;EAC7F,oFAAqF;EACrF,wFAAyF;EACzF,4GAA6G;EAC7G,oFAAqF;EACrF,kEAAmE;EACnE,0DAA2D;EAC3D,kEAAmE;EACnE,mEAAoE;EACpE,oEAAqE;EACrE,0DAA2D;EAC3D,kDAAmD;EACnD,4DAA6D;EAC7D,4DAA6D;EAC7D,kDAAmD;EACnD,8DAA+D;EAC/D,oEAAqE;EACrE,kEAAmE;EACnE,wEAAyE;EACzE,wEAAyE;EACzE,wEAAyE;EACzE,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,kEAAmE;EACnE,kDAAmD;EACnD,8DAA+D;EAC/D,kEAAmE;ADLrE;;AErCA;EACE,mEAAoE;EACpE,yEAA0E;EAC1E,0DAA2D;EAC3D,wDAAyD;EACzD,yDAA0D;EAC1D,2DAA4D;EAC5D,6DAA8D;EAC9D,8DAA+D;AACjE;;ACTA;AACA;EACE,mEAAoE;EACpE,yEAA0E;EAC1E,0DAA2D;EAC3D,wDAAyD;EACzD,yDAA0D;EAC1D,2DAA4D;EAC5D,6DAA8D;EAC9D,8DAA+D;AACjE;AACA","file":"tokens-deprecated.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n  --t-border-size-default: var(--t-border-width);\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: var(--t-icon-color-status-neutral-bold);\n  --t-icon-color-status-info-secondary: var(--t-icon-color-status-info);\n  --t-fill-color-status-neutral-solid: var(--t-fill-color-status-neutral);\n  --t-fill-color-status-info-solid: var(--t-fill-color-status-info);\n  --t-fill-color-status-success-solid: var(--t-fill-color-status-success);\n  --t-fill-color-status-warning-solid: var(--t-fill-color-status-warning);\n  --t-fill-color-status-error-solid: var(--t-fill-color-status-error);\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-ghost-disabled-solid: hsl(0, 0%, 98%);\n  --t-fill-color-button-neutral-outline-dim-default: var(--t-fill-color-button-neutral-outline);\n  --t-fill-color-button-neutral-outline-dim-hover: var(--t-fill-color-button-neutral-outline-hover);\n  --t-fill-color-button-neutral-outline-dim-active: var(--t-fill-color-button-neutral-outline-active);\n  --t-fill-color-button-neutral-outline-dim-disabled: var(--t-fill-color-button-neutral-outline-disabled);\n  --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);\n  --t-fill-color-button-interaction-outline-dim-default: var(--t-fill-color-button-interaction-outline);\n  --t-fill-color-button-interaction-outline-dim-hover: var(--t-fill-color-button-interaction-outline-hover);\n  --t-fill-color-button-interaction-outline-dim-active: var(--t-fill-color-button-interaction-outline-active);\n  --t-fill-color-button-interaction-outline-dim-disabled: var(--t-fill-color-button-interaction-outline-disabled);\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  --t-fill-color-button-delete-outline-dim-default: var(--t-fill-color-button-delete-outline);\n  --t-fill-color-button-delete-outline-dim-hover: var(--t-fill-color-button-delete-outline-hover);\n  --t-fill-color-button-delete-outline-dim-active: var(--t-fill-color-button-delete-outline-active);\n  --t-fill-color-button-delete-outline-dim-disabled: var(--t-fill-color-button-delete-outline-disabled);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n  --t-border-color-default-base: var(--t-border-color);\n  --t-border-color-default-dark: var(--t-border-color-dark);\n  --t-border-color-default-darker: var(--t-border-color-darker);\n  --t-border-color-default-darkest: var(--t-border-color-darkest);\n  --t-border-color-default-dim: var(--t-border-color-dim);\n  --t-border-color-default-disabled: var(--t-border-color-disabled);\n  --t-border-color-default-white: var(--t-border-color-white);\n  --t-border-radius-default: var(--t-border-radius);\n  --t-border-width-default: var(--t-border-width);\n  --t-fill-color-button-delete-ghost-default: var(--t-fill-color-button-delete-ghost);\n  --t-fill-color-button-delete-outline-default: var(--t-fill-color-button-delete-outline);\n  --t-fill-color-button-delete-solid-default: var(--t-fill-color-button-delete-solid);\n  --t-fill-color-button-interaction-ghost-default: var(--t-fill-color-button-interaction-ghost);\n  --t-fill-color-button-interaction-outline-default: var(--t-fill-color-button-interaction-outline);\n  --t-fill-color-button-interaction-solid-default: var(--t-fill-color-button-interaction-solid);\n  --t-fill-color-button-neutral-ghost-default: var(--t-fill-color-button-neutral-ghost);\n  --t-fill-color-button-neutral-outline-default: var(--t-fill-color-button-neutral-outline);\n  --t-fill-color-button-neutral-responsive-header-default: var(--t-fill-color-button-neutral-responsive-header);\n  --t-fill-color-button-neutral-solid-default: var(--t-fill-color-button-neutral-solid);\n  --t-fill-color-button-pill-default: var(--t-fill-color-button-pill);\n  --t-fill-color-control-primary: var(--t-fill-color-control);\n  --t-fill-color-interaction-default: var(--t-fill-color-interaction);\n  --t-fill-color-product-staff-base: var(--t-fill-color-product-staff);\n  --t-fill-color-status-error-primary: var(--t-fill-color-status-error);\n  --t-fill-color-tooltip-primary: var(--t-fill-color-tooltip);\n  --t-icon-color-default-dim: var(--t-icon-color-dim);\n  --t-icon-color-default-disabled: var(--t-icon-color-disabled);\n  --t-icon-color-default-inverted: var(--t-icon-color-inverted);\n  --t-icon-color-default-primary: var(--t-icon-color);\n  --t-icon-color-default-secondary: var(--t-icon-color-secondary);\n  --t-icon-color-status-error-primary: var(--t-icon-color-status-error);\n  --t-icon-color-status-info-primary: var(--t-icon-color-status-info);\n  --t-icon-color-status-neutral-primary: var(--t-icon-color-status-neutral);\n  --t-icon-color-status-success-primary: var(--t-icon-color-status-success);\n  --t-icon-color-status-warning-primary: var(--t-icon-color-status-warning);\n  --t-text-color-default-disabled: var(--t-text-color-disabled);\n  --t-text-color-default-headline: var(--t-text-color-headline);\n  --t-text-color-default-inverted: var(--t-text-color-inverted);\n  --t-text-color-default-placeholder: var(--t-text-color-placeholder);\n  --t-text-color-default-primary: var(--t-text-color);\n  --t-text-color-default-secondary: var(--t-text-color-secondary);\n  --t-text-color-interaction-primary: var(--t-text-color-interaction);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root[data-color-mode=\"dark\"] {\n  --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 100%);\n  --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 100%);\n  --t-fill-color-button-create-solid-default: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-solid-hover: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-solid-active: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-ghost-hover: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-create-ghost-active: hsla(0, 0%, 100%, 0);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n@media (prefers-color-scheme: dark) {\n:root[data-color-mode=\"system\"] {\n  --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 100%);\n  --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 100%);\n  --t-fill-color-button-create-solid-default: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-solid-hover: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-solid-active: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-ghost-hover: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-create-ghost-active: hsla(0, 0%, 100%, 0);\n}\n}\n"]}

package/dist/tokens-deprecated.js

@@ -0,0 +1,3 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };

package/dist/tokens.css

@@ -16,6 +16,7 @@
   --t-spacing-7:56px;
   --t-spacing-fourth:2px;
   --t-spacing-half:4px;
+  --t-spacing-1-half:12px;
   --t-element-size-3xl:48px;
   --t-element-size-2xl:32px;
   --t-element-size-xl:24px;
@@ -50,7 +51,7 @@
   --t-text-color-headline:hsl(0, 0%, 12%);
   --t-text-color:hsl(0, 0%, 24%);
   --t-text-color-secondary:hsl(0, 0%, 42%);
-  --t-text-color-disabled:hsl(0, 0%, 81%);
+  --t-text-color-disabled:hsl(0, 0%, 68%);
   --t-text-color-placeholder:hsl(0, 0%, 58%);
   --t-text-color-inverted:hsl(0, 0%, 100%);
   --t-text-color-interaction:hsl(204, 100%, 40%);
@@ -183,6 +184,14 @@
   --t-fill-color-product-home-060:hsl(221, 90%, 50%);
   --t-fill-color-product-home-070:hsl(221, 90%, 45%);
   --t-fill-color-product-home-080:hsl(218, 84%, 25%);
+  --t-fill-color-product-musicstand-010:hsl(207, 61%, 93%);
+  --t-fill-color-product-musicstand-020:hsl(207, 61%, 90%);
+  --t-fill-color-product-musicstand-030:hsl(207, 58%, 85%);
+  --t-fill-color-product-musicstand-040:hsl(207, 59%, 60%);
+  --t-fill-color-product-musicstand-050:hsl(207, 59%, 50%);
+  --t-fill-color-product-musicstand-060:hsl(207, 59%, 40%);
+  --t-fill-color-product-musicstand-070:hsl(207, 59%, 35%);
+  --t-fill-color-product-musicstand-080:hsl(207, 59%, 25%);
   --t-fill-color-product-people-010:hsl(219, 73%, 91%);
   --t-fill-color-product-people-020:hsl(220, 69%, 81%);
   --t-fill-color-product-people-030:hsl(221, 73%, 71%);
@@ -389,8 +398,10 @@
   --t-border-color-control-success:hsl(97, 57%, 40%);
   --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-border-color-control-disabled:hsl(0, 0%, 81%);
   --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.07);
+  --t-font-sans-serif:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --t-font-monospace:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
   --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);
@@ -409,84 +420,6 @@
   --t-form-font-color-readonly:var(--t-text-color);
   --t-form-picker-icon-color:var(--t-icon-color);
   --t-form-placeholder-color:var(--t-text-color-placeholder);
-  --t-border-size-default:var(--t-border-width);
-  --t-border-size-thick:var(--t-border-width-thick);
-  --t-font-weight-semi-bold:var(--t-font-weight-semibold);
-  --t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
-  --t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
-  --t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
-  --t-fill-color-status-info-solid:var(--t-fill-color-status-info);
-  --t-fill-color-status-success-solid:var(--t-fill-color-status-success);
-  --t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
-  --t-fill-color-status-error-solid:var(--t-fill-color-status-error);
-  --t-fill-color-alert-info:hsl(204, 94%, 49%);
-  --t-fill-color-alert-success:hsl(122, 60%, 41%);
-  --t-fill-color-alert-warning:hsl(43, 96%, 58%);
-  --t-fill-color-alert-error:hsl(4, 77%, 59%);
-  --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
-  --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
-  --t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
-  --t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
-  --t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
-  --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
-  --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
-  --t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
-  --t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
-  --t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
-  --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
-  --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
-  --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
-  --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
-  --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
-  --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
-  --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
-  --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
-  --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
-  --t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
-  --t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
-  --t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
-  --t-border-color-default-base:var(--t-border-color);
-  --t-border-color-default-dark:var(--t-border-color-dark);
-  --t-border-color-default-darker:var(--t-border-color-darker);
-  --t-border-color-default-darkest:var(--t-border-color-darkest);
-  --t-border-color-default-dim:var(--t-border-color-dim);
-  --t-border-color-default-disabled:var(--t-border-color-disabled);
-  --t-border-color-default-white:var(--t-border-color-white);
-  --t-border-radius-default:var(--t-border-radius);
-  --t-border-width-default:var(--t-border-width);
-  --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
-  --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
-  --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
-  --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
-  --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
-  --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
-  --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
-  --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
-  --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
-  --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
-  --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
-  --t-fill-color-control-primary:var(--t-fill-color-control);
-  --t-fill-color-interaction-default:var(--t-fill-color-interaction);
-  --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
-  --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
-  --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
-  --t-icon-color-default-dim:var(--t-icon-color-dim);
-  --t-icon-color-default-disabled:var(--t-icon-color-disabled);
-  --t-icon-color-default-inverted:var(--t-icon-color-inverted);
-  --t-icon-color-default-primary:var(--t-icon-color);
-  --t-icon-color-default-secondary:var(--t-icon-color-secondary);
-  --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
-  --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
-  --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
-  --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
-  --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
-  --t-text-color-default-disabled:var(--t-text-color-disabled);
-  --t-text-color-default-headline:var(--t-text-color-headline);
-  --t-text-color-default-inverted:var(--t-text-color-inverted);
-  --t-text-color-default-placeholder:var(--t-text-color-placeholder);
-  --t-text-color-default-primary:var(--t-text-color);
-  --t-text-color-default-secondary:var(--t-text-color-secondary);
-  --t-text-color-interaction-primary:var(--t-text-color-interaction);
 }
 
 :root[data-color-mode="dark"]{
@@ -494,7 +427,7 @@
   --t-text-color-headline:hsl(0, 0%, 94%);
   --t-text-color:hsl(0, 0%, 80%);
   --t-text-color-secondary:hsl(0, 0%, 54%);
-  --t-text-color-disabled:hsl(0, 0%, 25%);
+  --t-text-color-disabled:hsl(0, 0%, 32%);
   --t-text-color-placeholder:hsl(0, 0%, 38%);
   --t-text-color-interaction:hsl(204, 68%, 55%);
   --t-text-color-interaction-hover:hsl(204, 68%, 50%);
@@ -708,7 +641,7 @@
   --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
   --t-border-color-control-neutral:hsl(0, 0%, 33%);
   --t-border-color-control-info:hsl(204, 100%, 35%);
-  --t-border-color-control-disabled:hsl(0, 0%, 21%);
+  --t-border-color-control-disabled:hsl(0, 0%, 24%);
   --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
 }
 
@@ -718,7 +651,7 @@
   --t-text-color-headline:hsl(0, 0%, 94%);
   --t-text-color:hsl(0, 0%, 80%);
   --t-text-color-secondary:hsl(0, 0%, 54%);
-  --t-text-color-disabled:hsl(0, 0%, 25%);
+  --t-text-color-disabled:hsl(0, 0%, 32%);
   --t-text-color-placeholder:hsl(0, 0%, 38%);
   --t-text-color-interaction:hsl(204, 68%, 55%);
   --t-text-color-interaction-hover:hsl(204, 68%, 50%);
@@ -932,7 +865,7 @@
   --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
   --t-border-color-control-neutral:hsl(0, 0%, 33%);
   --t-border-color-control-info:hsl(204, 100%, 35%);
-  --t-border-color-control-disabled:hsl(0, 0%, 21%);
+  --t-border-color-control-disabled:hsl(0, 0%, 24%);
   --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
 }
 }