@planningcenter/tapestry-react 4.12.3 → 4.13.1

package/dist/system/button-themes.js

@@ -1,2 +1,2 @@
-import{token as o}from"@planningcenter/tapestry";var l={fill:{backgroundColor:o("--t-fill-color-button-interaction-solid-disabled"),color:o("--t-text-color-default-disabled"),opacity:1},naked:{color:o("--t-text-color-default-disabled"),opacity:1},outline:{backgroundColor:o("--t-fill-color-button-interaction-outline-dim-disabled"),color:o("--t-text-color-default-disabled"),opacity:1,stroke:o("--t-border-color-button-neutral")}},r={color:o("--t-text-color-status-neutral"),backgroundColor:o("--t-fill-color-button-neutral-responsive-header-default"),stroke:"transparent",hover:{backgroundColor:o("--t-fill-color-button-neutral-responsive-header-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-responsive-header-active")},disabled:{color:o("--t-text-color-default-disabled"),backgroundColor:o("--t-fill-color-button-neutral-responsive-header-disabled"),borderColor:o("--t-fill-color-button-neutral-responsive-header-disabled"),opacity:1},mediaQueries:{"@media (min-width: 600px)":{color:o("--t-text-color-status-neutral"),backgroundColor:"var(--local-page-header-button-background-color, transparent)",boxShadow:"inset 0px 0px 0px 1px var(--t-border-color-button-neutral)",hover:{backgroundColor:o("--t-fill-color-button-neutral-outline-dim-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-outline-dim-active")},disabled:l.outline}}},e={dark:{fill:{active:{backgroundColor:"dark-2"},backgroundColor:"dark-0",color:"dark-9",hover:{backgroundColor:"dark-1"},disabled:l.fill},naked:{active:{backgroundColor:"dark-1"},color:"dark-9",hover:{backgroundColor:"dark-0"},disabled:l.naked},outline:{active:{backgroundColor:"dark-1"},color:"dark-9",hover:{backgroundColor:"dark-0"},stroke:"dark-3",disabled:l.outline}},default:{fill:{backgroundColor:o("--t-fill-color-button-neutral-solid-default"),color:o("--t-text-color-status-neutral"),hover:{backgroundColor:o("--t-fill-color-button-neutral-solid-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-solid-active")},disabled:l.fill},naked:{color:o("--t-text-color-status-neutral"),hover:{backgroundColor:o("--t-fill-color-button-neutral-outline-dim-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-outline-dim-active")},disabled:l.naked},outline:{color:o("--t-text-color-status-neutral"),stroke:o("--t-border-color-button-neutral"),hover:{backgroundColor:o("--t-fill-color-button-neutral-outline-dim-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-outline-dim-active")},disabled:l.outline}},secondaryPageHeader:{fill:r,naked:r,outline:r},error:{fill:{backgroundColor:o("--t-fill-color-button-delete-solid-default"),color:o("--t-text-color-default-inverted"),hover:{backgroundColor:o("--t-fill-color-button-delete-solid-hover")},active:{backgroundColor:o("--t-fill-color-button-delete-solid-active")},disabled:l.fill},naked:{color:o("--t-text-color-status-error"),hover:{backgroundColor:o("--t-fill-color-button-delete-outline-dim-hover")},active:{backgroundColor:o("--t-fill-color-button-delete-outline-dim-active")},disabled:l.naked},outline:{color:o("--t-text-color-status-error"),stroke:o("--t-border-color-button-delete"),hover:{backgroundColor:o("--t-fill-color-button-delete-outline-dim-hover")},active:{backgroundColor:o("--t-fill-color-button-delete-outline-dim-active")},disabled:l.outline}},info:{fill:{active:{backgroundColor:"blue-3"},backgroundColor:"blue-5",color:"light-9",hover:{backgroundColor:"blue-4"},disabled:l.fill},naked:{active:{backgroundColor:"blue-1"},color:"blue-5",hover:{backgroundColor:"blue-0"},disabled:l.naked},outline:{active:{backgroundColor:"blue-1"},color:"blue-5",hover:{backgroundColor:"blue-0"},stroke:"blue-5",disabled:l.outline}},light:{fill:{active:{backgroundColor:"light-3"},backgroundColor:"light-1",color:"white",hover:{backgroundColor:"light-2"},disabled:l.fill},naked:{active:{backgroundColor:"light-1"},color:"light-9",hover:{backgroundColor:"light-0"},disabled:l.naked},outline:{active:{backgroundColor:"light-1"},color:"white",hover:{backgroundColor:"light-0"},stroke:"light-3",disabled:l.outline}},primary:{fill:{backgroundColor:o("--t-fill-color-button-interaction-solid-default"),color:o("--t-text-color-default-inverted"),hover:{backgroundColor:o("--t-fill-color-button-interaction-solid-hover")},active:{backgroundColor:o("--t-fill-color-button-interaction-solid-active")},disabled:l.fill},naked:{color:o("--t-text-color-interaction-primary"),hover:{backgroundColor:o("--t-fill-color-button-interaction-outline-dim-hover")},active:{backgroundColor:o("--t-fill-color-button-interaction-outline-dim-active")},disabled:l.naked},outline:{color:o("--t-text-color-interaction-primary"),stroke:o("--t-border-color-button-info"),hover:{backgroundColor:o("--t-fill-color-button-interaction-outline-dim-hover")},active:{backgroundColor:o("--t-fill-color-button-interaction-outline-dim-active")},disabled:l.outline}},success:{fill:{active:{backgroundColor:"success-darker"},backgroundColor:"success",color:"white",hover:{backgroundColor:"success-dark"},disabled:l.fill},naked:{active:{backgroundColor:"success-lighter"},color:"success",hover:{backgroundColor:"success-lightest"},disabled:l.naked},outline:{active:{backgroundColor:"success-lighter"},color:"success",hover:{backgroundColor:"success-lightest"},stroke:"success",disabled:l.outline}},warning:{fill:{active:{backgroundColor:"yellow-3"},backgroundColor:"yellow-5",color:"dark-9",hover:{backgroundColor:"yellow-4"},disabled:l.fill},naked:{active:{backgroundColor:"yellow-1"},color:"yellow-9",hover:{backgroundColor:"yellow-0"},disabled:l.naked},outline:{active:{backgroundColor:"yellow-1"},color:"yellow-9",hover:{backgroundColor:"yellow-0"},stroke:"yellow-5",disabled:l.outline}},white:{fill:{active:{backgroundColor:"grey-1"},backgroundColor:"white",color:"primary",hover:{backgroundColor:"grey-0"},disabled:l.fill},naked:{active:{backgroundColor:"light-1"},color:"white",hover:{backgroundColor:"light-0"},disabled:l.naked},outline:{active:{backgroundColor:"light-1"},color:"white",hover:{backgroundColor:"light-0"},stroke:"white",disabled:l.outline}}};export{e as buttonThemes};
+import{token as o}from"@planningcenter/tapestry";var l={fill:{backgroundColor:o("--t-fill-color-button-interaction-solid-disabled"),color:o("--t-text-color-disabled"),opacity:1},naked:{color:o("--t-text-color-disabled"),opacity:1},outline:{backgroundColor:o("--t-fill-color-button-interaction-outline-disabled"),color:o("--t-text-color-disabled"),opacity:1,stroke:o("--t-border-color-button-neutral")}},r={color:o("--t-text-color-status-neutral"),backgroundColor:o("--t-fill-color-button-neutral-responsive-header"),stroke:"transparent",hover:{backgroundColor:o("--t-fill-color-button-neutral-responsive-header-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-responsive-header-active")},disabled:{color:o("--t-text-color-disabled"),backgroundColor:o("--t-fill-color-button-neutral-responsive-header-disabled"),borderColor:o("--t-fill-color-button-neutral-responsive-header-disabled"),opacity:1},mediaQueries:{"@media (min-width: 600px)":{color:o("--t-text-color-status-neutral"),backgroundColor:"var(--local-page-header-button-background-color, transparent)",boxShadow:"inset 0px 0px 0px 1px var(--t-border-color-button-neutral)",hover:{backgroundColor:o("--t-fill-color-button-neutral-outline-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-outline-active")},disabled:l.outline}}},e={dark:{fill:{active:{backgroundColor:"dark-2"},backgroundColor:"dark-0",color:"dark-9",hover:{backgroundColor:"dark-1"},disabled:l.fill},naked:{active:{backgroundColor:"dark-1"},color:"dark-9",hover:{backgroundColor:"dark-0"},disabled:l.naked},outline:{active:{backgroundColor:"dark-1"},color:"dark-9",hover:{backgroundColor:"dark-0"},stroke:"dark-3",disabled:l.outline}},default:{fill:{backgroundColor:o("--t-fill-color-button-neutral-solid"),color:o("--t-text-color-status-neutral"),hover:{backgroundColor:o("--t-fill-color-button-neutral-solid-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-solid-active")},disabled:l.fill},naked:{color:o("--t-text-color-status-neutral"),hover:{backgroundColor:o("--t-fill-color-button-neutral-outline-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-outline-active")},disabled:l.naked},outline:{color:o("--t-text-color-status-neutral"),stroke:o("--t-border-color-button-neutral"),hover:{backgroundColor:o("--t-fill-color-button-neutral-outline-hover")},active:{backgroundColor:o("--t-fill-color-button-neutral-outline-active")},disabled:l.outline}},secondaryPageHeader:{fill:r,naked:r,outline:r},error:{fill:{backgroundColor:o("--t-fill-color-button-delete-solid"),color:o("--t-text-color-inverted"),hover:{backgroundColor:o("--t-fill-color-button-delete-solid-hover")},active:{backgroundColor:o("--t-fill-color-button-delete-solid-active")},disabled:l.fill},naked:{color:o("--t-text-color-status-error"),hover:{backgroundColor:o("--t-fill-color-button-delete-outline-hover")},active:{backgroundColor:o("--t-fill-color-button-delete-outline-active")},disabled:l.naked},outline:{color:o("--t-text-color-status-error"),stroke:o("--t-border-color-button-delete"),hover:{backgroundColor:o("--t-fill-color-button-delete-outline-hover")},active:{backgroundColor:o("--t-fill-color-button-delete-outline-active")},disabled:l.outline}},info:{fill:{active:{backgroundColor:"blue-3"},backgroundColor:"blue-5",color:"light-9",hover:{backgroundColor:"blue-4"},disabled:l.fill},naked:{active:{backgroundColor:"blue-1"},color:"blue-5",hover:{backgroundColor:"blue-0"},disabled:l.naked},outline:{active:{backgroundColor:"blue-1"},color:"blue-5",hover:{backgroundColor:"blue-0"},stroke:"blue-5",disabled:l.outline}},light:{fill:{active:{backgroundColor:"light-3"},backgroundColor:"light-1",color:"white",hover:{backgroundColor:"light-2"},disabled:l.fill},naked:{active:{backgroundColor:"light-1"},color:"light-9",hover:{backgroundColor:"light-0"},disabled:l.naked},outline:{active:{backgroundColor:"light-1"},color:"white",hover:{backgroundColor:"light-0"},stroke:"light-3",disabled:l.outline}},primary:{fill:{backgroundColor:o("--t-fill-color-button-interaction-solid"),color:o("--t-text-color-inverted"),hover:{backgroundColor:o("--t-fill-color-button-interaction-solid-hover")},active:{backgroundColor:o("--t-fill-color-button-interaction-solid-active")},disabled:l.fill},naked:{color:o("--t-text-color-interaction"),hover:{backgroundColor:o("--t-fill-color-button-interaction-outline-hover")},active:{backgroundColor:o("--t-fill-color-button-interaction-outline-active")},disabled:l.naked},outline:{color:o("--t-text-color-interaction"),stroke:o("--t-border-color-button-info"),hover:{backgroundColor:o("--t-fill-color-button-interaction-outline-hover")},active:{backgroundColor:o("--t-fill-color-button-interaction-outline-active")},disabled:l.outline}},success:{fill:{active:{backgroundColor:"success-darker"},backgroundColor:"success",color:"white",hover:{backgroundColor:"success-dark"},disabled:l.fill},naked:{active:{backgroundColor:"success-lighter"},color:"success",hover:{backgroundColor:"success-lightest"},disabled:l.naked},outline:{active:{backgroundColor:"success-lighter"},color:"success",hover:{backgroundColor:"success-lightest"},stroke:"success",disabled:l.outline}},warning:{fill:{active:{backgroundColor:"yellow-3"},backgroundColor:"yellow-5",color:"dark-9",hover:{backgroundColor:"yellow-4"},disabled:l.fill},naked:{active:{backgroundColor:"yellow-1"},color:"yellow-9",hover:{backgroundColor:"yellow-0"},disabled:l.naked},outline:{active:{backgroundColor:"yellow-1"},color:"yellow-9",hover:{backgroundColor:"yellow-0"},stroke:"yellow-5",disabled:l.outline}},white:{fill:{active:{backgroundColor:"grey-1"},backgroundColor:"white",color:"primary",hover:{backgroundColor:"grey-0"},disabled:l.fill},naked:{active:{backgroundColor:"light-1"},color:"white",hover:{backgroundColor:"light-0"},disabled:l.naked},outline:{active:{backgroundColor:"light-1"},color:"white",hover:{backgroundColor:"light-0"},stroke:"white",disabled:l.outline}}};export{e as buttonThemes};
 //# sourceMappingURL=button-themes.js.map

package/dist/system/colors/colors.d.ts

@@ -34,7 +34,7 @@ export declare const palette: {
         wednesday: string;
     };
     error: {
-        base: "var(--t-fill-color-button-delete-solid-default)";
+        base: "var(--t-fill-color-button-delete-solid)";
         dark: "var(--t-fill-color-button-delete-solid-hover)";
         darker: "var(--t-fill-color-button-delete-solid-active)";
         light: string;
@@ -42,8 +42,8 @@ export declare const palette: {
         lightest: "var(--t-fill-color-status-error-dim)";
     };
     foreground: {
-        foreground: "var(--t-text-color-default-primary)";
-        foregroundSecondary: "var(--t-text-color-default-secondary)";
+        foreground: "var(--t-text-color)";
+        foregroundSecondary: "var(--t-text-color-secondary)";
         foregroundTertiary: string;
     };
     green: string[];
@@ -53,7 +53,7 @@ export declare const palette: {
         highlightSecondary: "var(--t-fill-color-neutral-060)";
     };
     interaction: {
-        base: "var(--t-fill-color-interaction-default)";
+        base: "var(--t-fill-color-interaction)";
         dark: "var(--t-fill-color-interaction-hover)";
         darker: "var(--t-fill-color-interaction-active)";
         darkest: string;
@@ -64,7 +64,7 @@ export declare const palette: {
     light: string[];
     link: {
         linkBackground: "var(--t-fill-color-neutral-090)";
-        linkForeground: "var(--t-text-color-interaction-primary)";
+        linkForeground: "var(--t-text-color-interaction)";
     };
     primary: {
         base: string;
@@ -85,7 +85,7 @@ export declare const palette: {
         separatorTertiary: "var(--t-fill-color-neutral-050)";
     };
     success: {
-        base: "var(--t-fill-color-status-success-solid)";
+        base: "var(--t-fill-color-status-success)";
         dark: "var(--t-text-color-status-success)";
         darker: string;
         light: "var(--t-border-color-control-success)";
@@ -101,12 +101,12 @@ export declare const palette: {
         create: {
             create35: "var(--t-fill-color-control-secondary)";
         };
-        interaction66: "var(--t-fill-color-control-primary)";
+        interaction66: "var(--t-fill-color-control)";
     };
     warning: {
-        base: "var(--t-fill-color-status-warning-solid)";
-        dark: "var(--t-fill-color-status-warning-solid)";
-        darker: "var(--t-icon-color-status-warning-primary)";
+        base: "var(--t-fill-color-status-warning)";
+        dark: "var(--t-fill-color-status-warning)";
+        darker: "var(--t-icon-color-status-warning)";
         light: string;
         lighter: "var(--t-fill-color-status-warning-ghost)";
         lightest: "var(--t-fill-color-status-warning-dim)";
@@ -117,12 +117,12 @@ export declare const colors: Partial<import("../../types").Colors> & Record<stri
     create: {
         create35: "var(--t-fill-color-control-secondary)";
     };
-    interaction66: "var(--t-fill-color-control-primary)";
+    interaction66: "var(--t-fill-color-control)";
 };
 export declare function getColor(key: string): string | [string, string, string, string, string, string, string, string, string, string] | (Partial<import("../../types").Colors> & Record<string, string | [string, string, string, string, string, string, string, string, string, string]> & {
     create: {
         create35: "var(--t-fill-color-control-secondary)";
     };
-    interaction66: "var(--t-fill-color-control-primary)";
+    interaction66: "var(--t-fill-color-control)";
 });
 //# sourceMappingURL=colors.d.ts.map

package/dist/system/colors/colors.js

@@ -1,2 +1,2 @@
-import{token as l,computedToken as r}from"@planningcenter/tapestry";import{flattenPalette as t}from"./utils.js";var o={create:{create35:l("--t-fill-color-control-secondary")},interaction66:l("--t-fill-color-control-primary")},a={apps:{calendar:l("--t-fill-color-product-calendar-050"),"check-ins":l("--t-fill-color-product-checkins-050"),giving:l("--t-fill-color-product-giving-050"),groups:l("--t-fill-color-product-groups-050"),home:l("--t-fill-color-product-home-050"),"music-stand":"#4984c4",pco:"#3565cf",people:l("--t-fill-color-product-people-050"),"planning-center":"#2266f7",projector:"#f19900",registrations:l("--t-fill-color-product-registrations-050"),services:l("--t-fill-color-product-services-050")},background:{background:l("--t-surface-color-card"),backgroundSecondary:l("--t-surface-color-canvas"),backgroundTertiary:l("--t-fill-color-neutral-070")},static:{staticDark:r("--t-text-color-default-primary"),staticLight:r("--t-text-color-default-inverted")},blue:["hsl(197, 56%, 92%)","hsl(197, 56%, 88%)","hsl(197, 56%, 72%)","hsl(197, 56%, 64%)","hsl(197, 56%, 52%)","hsl(197, 56%, 44%)","hsl(197, 56%, 40%)","hsl(197, 56%, 32%)","hsl(197, 56%, 24%)","hsl(197, 56%, 20%)"],dark:["hsla(0,0%,0%,0.04)","hsla(0,0%,0%,0.08)",l("--t-fill-color-transparency-dark-010"),l("--t-fill-color-transparency-dark-020"),l("--t-fill-color-transparency-dark-020"),l("--t-fill-color-transparency-dark-030"),l("--t-fill-color-transparency-dark-040"),l("--t-fill-color-transparency-dark-050"),l("--t-fill-color-transparency-dark-060"),l("--t-fill-color-transparency-dark-070")],days:{friday:"#F69688",monday:"#789FF8",saturday:"#66BEEB",sunday:"#7DC156",thursday:"#FA7EA4",tuesday:"#A193FD",wednesday:"#D18CF6"},error:{base:l("--t-fill-color-button-delete-solid-default"),dark:l("--t-fill-color-button-delete-solid-hover"),darker:l("--t-fill-color-button-delete-solid-active"),light:"hsl(8, 60%, 85%)",lighter:l("--t-fill-color-status-error-ghost"),lightest:l("--t-fill-color-status-error-dim")},foreground:{foreground:l("--t-text-color-default-primary"),foregroundSecondary:l("--t-text-color-default-secondary"),foregroundTertiary:"hsl(0, 0%, 58%)"},green:["hsl(96, 24%, 92%)","hsl(96, 30%, 84%)","hsl(96, 32%, 76%)","hsl(96, 34%, 72%)","hsl(96, 36%, 64%)","hsl(96, 40%, 58%)","hsl(96, 44%, 50%)","hsl(96, 48%, 40%)","hsl(96, 52%, 30%)","hsl(96, 60%, 20%)"],grey:[l("--t-fill-color-neutral-090"),l("--t-fill-color-neutral-080"),l("--t-fill-color-neutral-070"),l("--t-fill-color-neutral-060"),l("--t-fill-color-neutral-050"),l("--t-fill-color-neutral-040"),l("--t-fill-color-neutral-030"),l("--t-fill-color-neutral-025"),l("--t-fill-color-neutral-020"),l("--t-fill-color-neutral-010")],highlight:{highlight:l("--t-fill-color-neutral-070"),highlightSecondary:l("--t-fill-color-neutral-060")},interaction:{base:l("--t-fill-color-interaction-default"),dark:l("--t-fill-color-interaction-hover"),darker:l("--t-fill-color-interaction-active"),darkest:"hsl(221, 90%, 31%)",light:"hsl(221, 91%, 70%)",lighter:"hsl(0, 0%, 81%);",lightest:l("--t-fill-color-interaction-disabled")},light:[l("--t-fill-color-transparency-light-010"),l("--t-fill-color-transparency-light-020"),l("--t-fill-color-transparency-light-030"),l("--t-fill-color-transparency-light-040"),l("--t-fill-color-transparency-light-050"),l("--t-fill-color-transparency-light-060"),l("--t-fill-color-transparency-light-070"),l("--t-fill-color-transparency-light-080"),l("--t-fill-color-transparency-light-090"),"hsla(0,0%,100%,0.96)"],link:{linkBackground:l("--t-fill-color-neutral-090"),linkForeground:l("--t-text-color-interaction-primary")},primary:{base:"hsl(88, 44%, 40%)",dark:"hsl(88, 46%, 36%)",darker:"hsl(88, 52%, 32%)",darkest:"hsl(88, 72%, 20%)",light:"hsl(88, 40%, 54%)",lighter:"hsl(88, 32%, 86%)",lightest:"hsl(88, 24%, 92%)"},red:["hsl(8, 73%, 96%)","hsl(8, 74%, 92%)","hsl(8, 75%, 88%)","hsl(8, 76%, 68%)","hsl(8, 77%, 60%)","hsl(8, 78%, 56%)","hsl(8, 79%, 52%)","hsl(8, 80%, 48%)","hsl(8, 81%, 40%)","hsl(8, 82%, 30%)"],separator:{separator:l("--t-fill-color-neutral-040"),separatorFocus:l("--t-form-border-color-focus"),separatorFocusSecondary:l("--t-fill-color-neutral-050"),separatorHover:l("--t-form-border-color-hover"),separatorSecondary:l("--t-fill-color-neutral-050"),separatorTertiary:l("--t-fill-color-neutral-050")},success:{base:l("--t-fill-color-status-success-solid"),dark:l("--t-text-color-status-success"),darker:"hsl(86, 91%, 23%)",light:l("--t-border-color-control-success"),lighter:l("--t-fill-color-status-success-ghost"),lightest:l("--t-fill-color-status-success-dim")},surface:{surface:l("--t-surface-color-card"),surfaceSecondary:l("--t-surface-color-canvas"),surfaceTertiary:l("--t-fill-color-neutral-070")},tapestry:o,warning:{base:l("--t-fill-color-status-warning-solid"),dark:l("--t-fill-color-status-warning-solid"),darker:l("--t-icon-color-status-warning-primary"),light:"hsl(42, 87%, 90%)",lighter:l("--t-fill-color-status-warning-ghost"),lightest:l("--t-fill-color-status-warning-dim")},yellow:["hsl(50, 89%, 90%)","hsl(50, 90%, 86%)","hsl(50, 91%, 74%)","hsl(50, 92%, 68%)","hsl(50, 93%, 62%)","hsl(50, 94%, 56%)","hsl(50, 95%, 48%)","hsl(50, 96%, 40%)","hsl(50, 97%, 32%)","hsl(50, 98%, 26%)"]},s=t(a);function e(l){return l?s[l]:s}export{s as colors,e as getColor,a as palette};
+import{token as l,computedToken as r}from"@planningcenter/tapestry";import{flattenPalette as t}from"./utils.js";var o={create:{create35:l("--t-fill-color-control-secondary")},interaction66:l("--t-fill-color-control")},a={apps:{calendar:l("--t-fill-color-product-calendar-050"),"check-ins":l("--t-fill-color-product-checkins-050"),giving:l("--t-fill-color-product-giving-050"),groups:l("--t-fill-color-product-groups-050"),home:l("--t-fill-color-product-home-050"),"music-stand":"#4984c4",pco:"#3565cf",people:l("--t-fill-color-product-people-050"),"planning-center":"#2266f7",projector:"#f19900",registrations:l("--t-fill-color-product-registrations-050"),services:l("--t-fill-color-product-services-050")},background:{background:l("--t-surface-color-card"),backgroundSecondary:l("--t-surface-color-canvas"),backgroundTertiary:l("--t-fill-color-neutral-070")},static:{staticDark:r("--t-text-color"),staticLight:r("--t-text-color-inverted")},blue:["hsl(197, 56%, 92%)","hsl(197, 56%, 88%)","hsl(197, 56%, 72%)","hsl(197, 56%, 64%)","hsl(197, 56%, 52%)","hsl(197, 56%, 44%)","hsl(197, 56%, 40%)","hsl(197, 56%, 32%)","hsl(197, 56%, 24%)","hsl(197, 56%, 20%)"],dark:["hsla(0,0%,0%,0.04)","hsla(0,0%,0%,0.08)",l("--t-fill-color-transparency-dark-010"),l("--t-fill-color-transparency-dark-020"),l("--t-fill-color-transparency-dark-020"),l("--t-fill-color-transparency-dark-030"),l("--t-fill-color-transparency-dark-040"),l("--t-fill-color-transparency-dark-050"),l("--t-fill-color-transparency-dark-060"),l("--t-fill-color-transparency-dark-070")],days:{friday:"#F69688",monday:"#789FF8",saturday:"#66BEEB",sunday:"#7DC156",thursday:"#FA7EA4",tuesday:"#A193FD",wednesday:"#D18CF6"},error:{base:l("--t-fill-color-button-delete-solid"),dark:l("--t-fill-color-button-delete-solid-hover"),darker:l("--t-fill-color-button-delete-solid-active"),light:"hsl(8, 60%, 85%)",lighter:l("--t-fill-color-status-error-ghost"),lightest:l("--t-fill-color-status-error-dim")},foreground:{foreground:l("--t-text-color"),foregroundSecondary:l("--t-text-color-secondary"),foregroundTertiary:"hsl(0, 0%, 58%)"},green:["hsl(96, 24%, 92%)","hsl(96, 30%, 84%)","hsl(96, 32%, 76%)","hsl(96, 34%, 72%)","hsl(96, 36%, 64%)","hsl(96, 40%, 58%)","hsl(96, 44%, 50%)","hsl(96, 48%, 40%)","hsl(96, 52%, 30%)","hsl(96, 60%, 20%)"],grey:[l("--t-fill-color-neutral-090"),l("--t-fill-color-neutral-080"),l("--t-fill-color-neutral-070"),l("--t-fill-color-neutral-060"),l("--t-fill-color-neutral-050"),l("--t-fill-color-neutral-040"),l("--t-fill-color-neutral-030"),l("--t-fill-color-neutral-025"),l("--t-fill-color-neutral-020"),l("--t-fill-color-neutral-010")],highlight:{highlight:l("--t-fill-color-neutral-070"),highlightSecondary:l("--t-fill-color-neutral-060")},interaction:{base:l("--t-fill-color-interaction"),dark:l("--t-fill-color-interaction-hover"),darker:l("--t-fill-color-interaction-active"),darkest:"hsl(221, 90%, 31%)",light:"hsl(221, 91%, 70%)",lighter:"hsl(0, 0%, 81%);",lightest:l("--t-fill-color-interaction-disabled")},light:[l("--t-fill-color-transparency-light-010"),l("--t-fill-color-transparency-light-020"),l("--t-fill-color-transparency-light-030"),l("--t-fill-color-transparency-light-040"),l("--t-fill-color-transparency-light-050"),l("--t-fill-color-transparency-light-060"),l("--t-fill-color-transparency-light-070"),l("--t-fill-color-transparency-light-080"),l("--t-fill-color-transparency-light-090"),"hsla(0,0%,100%,0.96)"],link:{linkBackground:l("--t-fill-color-neutral-090"),linkForeground:l("--t-text-color-interaction")},primary:{base:"hsl(88, 44%, 40%)",dark:"hsl(88, 46%, 36%)",darker:"hsl(88, 52%, 32%)",darkest:"hsl(88, 72%, 20%)",light:"hsl(88, 40%, 54%)",lighter:"hsl(88, 32%, 86%)",lightest:"hsl(88, 24%, 92%)"},red:["hsl(8, 73%, 96%)","hsl(8, 74%, 92%)","hsl(8, 75%, 88%)","hsl(8, 76%, 68%)","hsl(8, 77%, 60%)","hsl(8, 78%, 56%)","hsl(8, 79%, 52%)","hsl(8, 80%, 48%)","hsl(8, 81%, 40%)","hsl(8, 82%, 30%)"],separator:{separator:l("--t-fill-color-neutral-040"),separatorFocus:l("--t-form-border-color-focus"),separatorFocusSecondary:l("--t-fill-color-neutral-050"),separatorHover:l("--t-form-border-color-hover"),separatorSecondary:l("--t-fill-color-neutral-050"),separatorTertiary:l("--t-fill-color-neutral-050")},success:{base:l("--t-fill-color-status-success"),dark:l("--t-text-color-status-success"),darker:"hsl(86, 91%, 23%)",light:l("--t-border-color-control-success"),lighter:l("--t-fill-color-status-success-ghost"),lightest:l("--t-fill-color-status-success-dim")},surface:{surface:l("--t-surface-color-card"),surfaceSecondary:l("--t-surface-color-canvas"),surfaceTertiary:l("--t-fill-color-neutral-070")},tapestry:o,warning:{base:l("--t-fill-color-status-warning"),dark:l("--t-fill-color-status-warning"),darker:l("--t-icon-color-status-warning"),light:"hsl(42, 87%, 90%)",lighter:l("--t-fill-color-status-warning-ghost"),lightest:l("--t-fill-color-status-warning-dim")},yellow:["hsl(50, 89%, 90%)","hsl(50, 90%, 86%)","hsl(50, 91%, 74%)","hsl(50, 92%, 68%)","hsl(50, 93%, 62%)","hsl(50, 94%, 56%)","hsl(50, 95%, 48%)","hsl(50, 96%, 40%)","hsl(50, 97%, 32%)","hsl(50, 98%, 26%)"]},s=t(a);function c(l){return l?s[l]:s}export{s as colors,c as getColor,a as palette};
 //# sourceMappingURL=colors.js.map

package/dist/system/cxs.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cxs.test.d.ts.map

package/dist/system/cxs.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cxs.test.d.ts","sourceRoot":"","sources":["../../src/system/cxs.test.ts"],"names":[],"mappings":""}

package/dist/system/default-theme.d.ts

@@ -23,7 +23,7 @@ declare const defaultTheme: {
                     };
                     disabled: {
                         backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
@@ -36,7 +36,7 @@ declare const defaultTheme: {
                         backgroundColor: string;
                     };
                     disabled: {
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
@@ -50,8 +50,8 @@ declare const defaultTheme: {
                     };
                     stroke: string;
                     disabled: {
-                        backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        backgroundColor: "var(--t-fill-color-button-interaction-outline-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                         stroke: "var(--t-border-color-button-neutral)";
                     };
@@ -59,7 +59,7 @@ declare const defaultTheme: {
             };
             default: {
                 fill: {
-                    backgroundColor: "var(--t-fill-color-button-neutral-solid-default)";
+                    backgroundColor: "var(--t-fill-color-button-neutral-solid)";
                     color: "var(--t-text-color-status-neutral)";
                     hover: {
                         backgroundColor: "var(--t-fill-color-button-neutral-solid-hover)";
@@ -69,20 +69,20 @@ declare const defaultTheme: {
                     };
                     disabled: {
                         backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
                 naked: {
                     color: "var(--t-text-color-status-neutral)";
                     hover: {
-                        backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-hover)";
+                        backgroundColor: "var(--t-fill-color-button-neutral-outline-hover)";
                     };
                     active: {
-                        backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
+                        backgroundColor: "var(--t-fill-color-button-neutral-outline-active)";
                     };
                     disabled: {
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
@@ -90,14 +90,14 @@ declare const defaultTheme: {
                     color: "var(--t-text-color-status-neutral)";
                     stroke: "var(--t-border-color-button-neutral)";
                     hover: {
-                        backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-hover)";
+                        backgroundColor: "var(--t-fill-color-button-neutral-outline-hover)";
                     };
                     active: {
-                        backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
+                        backgroundColor: "var(--t-fill-color-button-neutral-outline-active)";
                     };
                     disabled: {
-                        backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        backgroundColor: "var(--t-fill-color-button-interaction-outline-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                         stroke: "var(--t-border-color-button-neutral)";
                     };
@@ -106,7 +106,7 @@ declare const defaultTheme: {
             secondaryPageHeader: {
                 fill: {
                     color: "var(--t-text-color-status-neutral)";
-                    backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-default)";
+                    backgroundColor: "var(--t-fill-color-button-neutral-responsive-header)";
                     stroke: string;
                     hover: {
                         backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-hover)";
@@ -115,7 +115,7 @@ declare const defaultTheme: {
                         backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-active)";
                     };
                     disabled: {
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
                         borderColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
                         opacity: number;
@@ -126,14 +126,14 @@ declare const defaultTheme: {
                             backgroundColor: string;
                             boxShadow: string;
                             hover: {
-                                backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-hover)";
+                                backgroundColor: "var(--t-fill-color-button-neutral-outline-hover)";
                             };
                             active: {
-                                backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
+                                backgroundColor: "var(--t-fill-color-button-neutral-outline-active)";
                             };
                             disabled: {
-                                backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
-                                color: "var(--t-text-color-default-disabled)";
+                                backgroundColor: "var(--t-fill-color-button-interaction-outline-disabled)";
+                                color: "var(--t-text-color-disabled)";
                                 opacity: number;
                                 stroke: "var(--t-border-color-button-neutral)";
                             };
@@ -142,7 +142,7 @@ declare const defaultTheme: {
                 };
                 naked: {
                     color: "var(--t-text-color-status-neutral)";
-                    backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-default)";
+                    backgroundColor: "var(--t-fill-color-button-neutral-responsive-header)";
                     stroke: string;
                     hover: {
                         backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-hover)";
@@ -151,7 +151,7 @@ declare const defaultTheme: {
                         backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-active)";
                     };
                     disabled: {
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
                         borderColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
                         opacity: number;
@@ -162,14 +162,14 @@ declare const defaultTheme: {
                             backgroundColor: string;
                             boxShadow: string;
                             hover: {
-                                backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-hover)";
+                                backgroundColor: "var(--t-fill-color-button-neutral-outline-hover)";
                             };
                             active: {
-                                backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
+                                backgroundColor: "var(--t-fill-color-button-neutral-outline-active)";
                             };
                             disabled: {
-                                backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
-                                color: "var(--t-text-color-default-disabled)";
+                                backgroundColor: "var(--t-fill-color-button-interaction-outline-disabled)";
+                                color: "var(--t-text-color-disabled)";
                                 opacity: number;
                                 stroke: "var(--t-border-color-button-neutral)";
                             };
@@ -178,7 +178,7 @@ declare const defaultTheme: {
                 };
                 outline: {
                     color: "var(--t-text-color-status-neutral)";
-                    backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-default)";
+                    backgroundColor: "var(--t-fill-color-button-neutral-responsive-header)";
                     stroke: string;
                     hover: {
                         backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-hover)";
@@ -187,7 +187,7 @@ declare const defaultTheme: {
                         backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-active)";
                     };
                     disabled: {
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         backgroundColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
                         borderColor: "var(--t-fill-color-button-neutral-responsive-header-disabled)";
                         opacity: number;
@@ -198,14 +198,14 @@ declare const defaultTheme: {
                             backgroundColor: string;
                             boxShadow: string;
                             hover: {
-                                backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-hover)";
+                                backgroundColor: "var(--t-fill-color-button-neutral-outline-hover)";
                             };
                             active: {
-                                backgroundColor: "var(--t-fill-color-button-neutral-outline-dim-active)";
+                                backgroundColor: "var(--t-fill-color-button-neutral-outline-active)";
                             };
                             disabled: {
-                                backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
-                                color: "var(--t-text-color-default-disabled)";
+                                backgroundColor: "var(--t-fill-color-button-interaction-outline-disabled)";
+                                color: "var(--t-text-color-disabled)";
                                 opacity: number;
                                 stroke: "var(--t-border-color-button-neutral)";
                             };
@@ -215,8 +215,8 @@ declare const defaultTheme: {
             };
             error: {
                 fill: {
-                    backgroundColor: "var(--t-fill-color-button-delete-solid-default)";
-                    color: "var(--t-text-color-default-inverted)";
+                    backgroundColor: "var(--t-fill-color-button-delete-solid)";
+                    color: "var(--t-text-color-inverted)";
                     hover: {
                         backgroundColor: "var(--t-fill-color-button-delete-solid-hover)";
                     };
@@ -225,20 +225,20 @@ declare const defaultTheme: {
                     };
                     disabled: {
                         backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
                 naked: {
                     color: "var(--t-text-color-status-error)";
                     hover: {
-                        backgroundColor: "var(--t-fill-color-button-delete-outline-dim-hover)";
+                        backgroundColor: "var(--t-fill-color-button-delete-outline-hover)";
                     };
                     active: {
-                        backgroundColor: "var(--t-fill-color-button-delete-outline-dim-active)";
+                        backgroundColor: "var(--t-fill-color-button-delete-outline-active)";
                     };
                     disabled: {
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
@@ -246,14 +246,14 @@ declare const defaultTheme: {
                     color: "var(--t-text-color-status-error)";
                     stroke: "var(--t-border-color-button-delete)";
                     hover: {
-                        backgroundColor: "var(--t-fill-color-button-delete-outline-dim-hover)";
+                        backgroundColor: "var(--t-fill-color-button-delete-outline-hover)";
                     };
                     active: {
-                        backgroundColor: "var(--t-fill-color-button-delete-outline-dim-active)";
+                        backgroundColor: "var(--t-fill-color-button-delete-outline-active)";
                     };
                     disabled: {
-                        backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        backgroundColor: "var(--t-fill-color-button-interaction-outline-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                         stroke: "var(--t-border-color-button-neutral)";
                     };
@@ -271,7 +271,7 @@ declare const defaultTheme: {
                     };
                     disabled: {
                         backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
@@ -284,7 +284,7 @@ declare const defaultTheme: {
                         backgroundColor: string;
                     };
                     disabled: {
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
@@ -298,8 +298,8 @@ declare const defaultTheme: {
                     };
                     stroke: string;
                     disabled: {
-                        backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        backgroundColor: "var(--t-fill-color-button-interaction-outline-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                         stroke: "var(--t-border-color-button-neutral)";
                     };
@@ -317,7 +317,7 @@ declare const defaultTheme: {
                     };
                     disabled: {
                         backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
@@ -330,7 +330,7 @@ declare const defaultTheme: {
                         backgroundColor: string;
                     };
                     disabled: {
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
@@ -344,8 +344,8 @@ declare const defaultTheme: {
                     };
                     stroke: string;
                     disabled: {
-                        backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        backgroundColor: "var(--t-fill-color-button-interaction-outline-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                         stroke: "var(--t-border-color-button-neutral)";
                     };
@@ -353,8 +353,8 @@ declare const defaultTheme: {
             };
             primary: {
                 fill: {
-                    backgroundColor: "var(--t-fill-color-button-interaction-solid-default)";
-                    color: "var(--t-text-color-default-inverted)";
+                    backgroundColor: "var(--t-fill-color-button-interaction-solid)";
+                    color: "var(--t-text-color-inverted)";
                     hover: {
                         backgroundColor: "var(--t-fill-color-button-interaction-solid-hover)";
                     };
@@ -363,35 +363,35 @@ declare const defaultTheme: {
                     };
                     disabled: {
                         backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
                 naked: {
-                    color: "var(--t-text-color-interaction-primary)";
+                    color: "var(--t-text-color-interaction)";
                     hover: {
-                        backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-hover)";
+                        backgroundColor: "var(--t-fill-color-button-interaction-outline-hover)";
                     };
                     active: {
-                        backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-active)";
+                        backgroundColor: "var(--t-fill-color-button-interaction-outline-active)";
                     };
                     disabled: {
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
                 outline: {
-                    color: "var(--t-text-color-interaction-primary)";
+                    color: "var(--t-text-color-interaction)";
                     stroke: "var(--t-border-color-button-info)";
                     hover: {
-                        backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-hover)";
+                        backgroundColor: "var(--t-fill-color-button-interaction-outline-hover)";
                     };
                     active: {
-                        backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-active)";
+                        backgroundColor: "var(--t-fill-color-button-interaction-outline-active)";
                     };
                     disabled: {
-                        backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        backgroundColor: "var(--t-fill-color-button-interaction-outline-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                         stroke: "var(--t-border-color-button-neutral)";
                     };
@@ -409,7 +409,7 @@ declare const defaultTheme: {
                     };
                     disabled: {
                         backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
@@ -422,7 +422,7 @@ declare const defaultTheme: {
                         backgroundColor: string;
                     };
                     disabled: {
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
@@ -436,8 +436,8 @@ declare const defaultTheme: {
                     };
                     stroke: string;
                     disabled: {
-                        backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        backgroundColor: "var(--t-fill-color-button-interaction-outline-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                         stroke: "var(--t-border-color-button-neutral)";
                     };
@@ -455,7 +455,7 @@ declare const defaultTheme: {
                     };
                     disabled: {
                         backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
@@ -468,7 +468,7 @@ declare const defaultTheme: {
                         backgroundColor: string;
                     };
                     disabled: {
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
@@ -482,8 +482,8 @@ declare const defaultTheme: {
                     };
                     stroke: string;
                     disabled: {
-                        backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        backgroundColor: "var(--t-fill-color-button-interaction-outline-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                         stroke: "var(--t-border-color-button-neutral)";
                     };
@@ -501,7 +501,7 @@ declare const defaultTheme: {
                     };
                     disabled: {
                         backgroundColor: "var(--t-fill-color-button-interaction-solid-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
@@ -514,7 +514,7 @@ declare const defaultTheme: {
                         backgroundColor: string;
                     };
                     disabled: {
-                        color: "var(--t-text-color-default-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                     };
                 };
@@ -528,8 +528,8 @@ declare const defaultTheme: {
                     };
                     stroke: string;
                     disabled: {
-                        backgroundColor: "var(--t-fill-color-button-interaction-outline-dim-disabled)";
-                        color: "var(--t-text-color-default-disabled)";
+                        backgroundColor: "var(--t-fill-color-button-interaction-outline-disabled)";
+                        color: "var(--t-text-color-disabled)";
                         opacity: number;
                         stroke: "var(--t-border-color-button-neutral)";
                     };
@@ -541,8 +541,8 @@ declare const defaultTheme: {
         weekStartsOn: number;
     };
     checkbox: {
-        checkedFill: "var(--t-fill-color-control-primary)";
-        checkedStroke: "var(--t-fill-color-control-primary)";
+        checkedFill: "var(--t-fill-color-control)";
+        checkedStroke: "var(--t-fill-color-control)";
         disabled: {
             checkedFill: "var(--t-fill-color-control-disabled)";
             checkedStroke: "var(--t-border-color-control-disabled)";
@@ -550,14 +550,14 @@ declare const defaultTheme: {
             stroke: "var(--t-border-color-control-disabled)";
         };
         fill: "var(--t-surface-color-card)";
-        focusStroke: "var(--t-fill-color-control-primary)";
+        focusStroke: "var(--t-fill-color-control)";
         stroke: "var(--t-border-color-control-neutral)";
     };
     colors: Partial<import("..").Colors> & Record<string, string | [string, string, string, string, string, string, string, string, string, string]> & {
         create: {
             create35: "var(--t-fill-color-control-secondary)";
         };
-        interaction66: "var(--t-fill-color-control-primary)";
+        interaction66: "var(--t-fill-color-control)";
     };
     elevations: string[];
     fontSizes: number[];
@@ -596,7 +596,7 @@ declare const defaultTheme: {
         trackColor: "var(--t-fill-color-transparency-dark-020)";
     };
     toggleSwitch: {
-        backgroundColor: "var(--t-fill-color-control-primary)";
+        backgroundColor: "var(--t-fill-color-control)";
     };
 };
 export default defaultTheme;

package/dist/system/default-theme.js

@@ -1,2 +1,2 @@
-import*as r from"@planningcenter/icons/paths/general";import*as o from"@planningcenter/icons/paths/tapestry";import{token as l}from"@planningcenter/tapestry";import{boxSizes as t}from"./box-sizes.js";import{buttonThemes as e}from"./button-themes.js";import{colors as a}from"./colors/colors.js";import"polished";import"../utils.js";var s={boxSizes:t,breakpoints:{lg:960,md:720,sm:600,xl:1200,xs:480},button:{themes:e},calendar:{weekStartsOn:0},checkbox:{checkedFill:l("--t-fill-color-control-primary"),checkedStroke:l("--t-fill-color-control-primary"),disabled:{checkedFill:l("--t-fill-color-control-disabled"),checkedStroke:l("--t-border-color-control-disabled"),fill:l("--t-fill-color-neutral-070"),stroke:l("--t-border-color-control-disabled")},fill:l("--t-surface-color-card"),focusStroke:l("--t-fill-color-control-primary"),stroke:l("--t-border-color-control-neutral")},colors:a,elevations:["0 2px 5px rgba(0,0,0,0.043)","0 4px 12px rgba(0,0,0,0.12)","0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)","0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)","0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)","0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)"],fontSizes:[30,21,18,16,14,12,10],group:{radius:3},icons:{general:r,tapestry:o},pageBody:{backgroundColor:l("--t-surface-color-card")},id:"default",lineHeights:[40,32,24,24,20,16,16],spinner:{color:l("--t-fill-color-neutral-010"),sizes:{lg:3,md:2.5,sm:2,xl:5,xs:1.75,xxl:8,xxs:1.5},thickness:{lg:5,md:4,sm:3,xl:7,xs:3,xxl:9,xxs:3},trackColor:l("--t-fill-color-transparency-dark-020")},toggleSwitch:{backgroundColor:l("--t-fill-color-control-primary")}};export{s as default};
+import*as o from"@planningcenter/icons/paths/general";import*as r from"@planningcenter/icons/paths/tapestry";import{token as l}from"@planningcenter/tapestry";import{boxSizes as t}from"./box-sizes.js";import{buttonThemes as e}from"./button-themes.js";import{colors as s}from"./colors/colors.js";import"polished";import"../utils.js";var c={boxSizes:t,breakpoints:{lg:960,md:720,sm:600,xl:1200,xs:480},button:{themes:e},calendar:{weekStartsOn:0},checkbox:{checkedFill:l("--t-fill-color-control"),checkedStroke:l("--t-fill-color-control"),disabled:{checkedFill:l("--t-fill-color-control-disabled"),checkedStroke:l("--t-border-color-control-disabled"),fill:l("--t-fill-color-neutral-070"),stroke:l("--t-border-color-control-disabled")},fill:l("--t-surface-color-card"),focusStroke:l("--t-fill-color-control"),stroke:l("--t-border-color-control-neutral")},colors:s,elevations:["0 2px 5px rgba(0,0,0,0.043)","0 4px 12px rgba(0,0,0,0.12)","0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)","0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)","0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)","0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)"],fontSizes:[30,21,18,16,14,12,10],group:{radius:3},icons:{general:o,tapestry:r},pageBody:{backgroundColor:l("--t-surface-color-card")},id:"default",lineHeights:[40,32,24,24,20,16,16],spinner:{color:l("--t-fill-color-neutral-010"),sizes:{lg:3,md:2.5,sm:2,xl:5,xs:1.75,xxl:8,xxs:1.5},thickness:{lg:5,md:4,sm:3,xl:7,xs:3,xxl:9,xxs:3},trackColor:l("--t-fill-color-transparency-dark-020")},toggleSwitch:{backgroundColor:l("--t-fill-color-control")}};export{c as default};
 //# sourceMappingURL=default-theme.js.map