@planningcenter/tapestry-react 4.1.0 → 4.2.0

package/dist/system/button-themes.d.ts

@@ -1,281 +1,281 @@
 export declare const buttonThemes: {
-    default: {
+    dark: {
         fill: {
-            color: string;
+            active: {
+                backgroundColor: string;
+            };
             backgroundColor: string;
+            color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        naked: {
             active: {
                 backgroundColor: string;
             };
-        };
-        outline: {
-            stroke: string;
             color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        outline: {
             active: {
                 backgroundColor: string;
             };
-        };
-        naked: {
             color: string;
             hover: {
                 backgroundColor: string;
             };
-            active: {
-                backgroundColor: string;
-            };
+            stroke: string;
         };
     };
-    white: {
+    default: {
         fill: {
-            color: string;
+            active: {
+                backgroundColor: string;
+            };
             backgroundColor: string;
+            color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        naked: {
             active: {
                 backgroundColor: string;
             };
-        };
-        outline: {
-            stroke: string;
             color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        outline: {
             active: {
                 backgroundColor: string;
             };
-        };
-        naked: {
             color: string;
             hover: {
                 backgroundColor: string;
             };
-            active: {
-                backgroundColor: string;
-            };
+            stroke: string;
         };
     };
-    light: {
+    error: {
         fill: {
-            color: string;
+            active: {
+                backgroundColor: string;
+            };
             backgroundColor: string;
+            color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        naked: {
             active: {
                 backgroundColor: string;
             };
-        };
-        outline: {
-            stroke: string;
             color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        outline: {
             active: {
                 backgroundColor: string;
             };
-        };
-        naked: {
             color: string;
             hover: {
                 backgroundColor: string;
             };
-            active: {
-                backgroundColor: string;
-            };
+            stroke: string;
         };
     };
-    dark: {
+    info: {
         fill: {
-            color: string;
+            active: {
+                backgroundColor: string;
+            };
             backgroundColor: string;
+            color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        naked: {
             active: {
                 backgroundColor: string;
             };
-        };
-        outline: {
-            stroke: string;
             color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        outline: {
             active: {
                 backgroundColor: string;
             };
-        };
-        naked: {
             color: string;
             hover: {
                 backgroundColor: string;
             };
-            active: {
-                backgroundColor: string;
-            };
+            stroke: string;
         };
     };
-    primary: {
+    light: {
         fill: {
-            color: string;
+            active: {
+                backgroundColor: string;
+            };
             backgroundColor: string;
+            color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        naked: {
             active: {
                 backgroundColor: string;
             };
-        };
-        outline: {
-            stroke: string;
             color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        outline: {
             active: {
                 backgroundColor: string;
             };
-        };
-        naked: {
             color: string;
             hover: {
                 backgroundColor: string;
             };
-            active: {
-                backgroundColor: string;
-            };
+            stroke: string;
         };
     };
-    warning: {
+    primary: {
         fill: {
-            color: string;
+            active: {
+                backgroundColor: string;
+            };
             backgroundColor: string;
+            color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        naked: {
             active: {
                 backgroundColor: string;
             };
-        };
-        outline: {
-            stroke: string;
             color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        outline: {
             active: {
                 backgroundColor: string;
             };
-        };
-        naked: {
             color: string;
             hover: {
                 backgroundColor: string;
             };
-            active: {
-                backgroundColor: string;
-            };
+            stroke: string;
         };
     };
-    error: {
+    success: {
         fill: {
-            color: string;
+            active: {
+                backgroundColor: string;
+            };
             backgroundColor: string;
+            color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        naked: {
             active: {
                 backgroundColor: string;
             };
-        };
-        outline: {
-            stroke: string;
             color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        outline: {
             active: {
                 backgroundColor: string;
             };
-        };
-        naked: {
             color: string;
             hover: {
                 backgroundColor: string;
             };
-            active: {
-                backgroundColor: string;
-            };
+            stroke: string;
         };
     };
-    success: {
+    warning: {
         fill: {
-            color: string;
+            active: {
+                backgroundColor: string;
+            };
             backgroundColor: string;
+            color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        naked: {
             active: {
                 backgroundColor: string;
             };
-        };
-        outline: {
-            stroke: string;
             color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        outline: {
             active: {
                 backgroundColor: string;
             };
-        };
-        naked: {
             color: string;
             hover: {
                 backgroundColor: string;
             };
-            active: {
-                backgroundColor: string;
-            };
+            stroke: string;
         };
     };
-    info: {
+    white: {
         fill: {
-            color: string;
+            active: {
+                backgroundColor: string;
+            };
             backgroundColor: string;
+            color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        naked: {
             active: {
                 backgroundColor: string;
             };
-        };
-        outline: {
-            stroke: string;
             color: string;
             hover: {
                 backgroundColor: string;
             };
+        };
+        outline: {
             active: {
                 backgroundColor: string;
             };
-        };
-        naked: {
             color: string;
             hover: {
                 backgroundColor: string;
             };
-            active: {
-                backgroundColor: string;
-            };
+            stroke: string;
         };
     };
 };

package/dist/system/button-themes.js

@@ -1,2 +1,2 @@
-var o={default:{fill:{color:"foreground",backgroundColor:"grey-3",hover:{backgroundColor:"grey-4"},active:{backgroundColor:"grey-5"}},outline:{stroke:"separatorSecondary",color:"foreground",hover:{backgroundColor:"highlight"},active:{backgroundColor:"highlightSecondary"}},naked:{color:"foreground",hover:{backgroundColor:"highlight"},active:{backgroundColor:"highlightSecondary"}}},white:{fill:{color:"primary",backgroundColor:"white",hover:{backgroundColor:"grey-0"},active:{backgroundColor:"grey-1"}},outline:{stroke:"white",color:"white",hover:{backgroundColor:"light-0"},active:{backgroundColor:"light-1"}},naked:{color:"white",hover:{backgroundColor:"light-0"},active:{backgroundColor:"light-1"}}},light:{fill:{color:"white",backgroundColor:"light-1",hover:{backgroundColor:"light-2"},active:{backgroundColor:"light-3"}},outline:{stroke:"light-3",color:"white",hover:{backgroundColor:"light-0"},active:{backgroundColor:"light-1"}},naked:{color:"light-9",hover:{backgroundColor:"light-0"},active:{backgroundColor:"light-1"}}},dark:{fill:{color:"dark-9",backgroundColor:"dark-0",hover:{backgroundColor:"dark-1"},active:{backgroundColor:"dark-2"}},outline:{stroke:"dark-3",color:"dark-9",hover:{backgroundColor:"dark-0"},active:{backgroundColor:"dark-1"}},naked:{color:"dark-9",hover:{backgroundColor:"dark-0"},active:{backgroundColor:"dark-1"}}},primary:{fill:{color:"light-9",backgroundColor:"primary",hover:{backgroundColor:"primary-dark"},active:{backgroundColor:"primary-darker"}},outline:{stroke:"primary",color:"primary",hover:{backgroundColor:"primary-lightest"},active:{backgroundColor:"primary-lighter"}},naked:{color:"primary",hover:{backgroundColor:"primary-lightest"},active:{backgroundColor:"primary-lighter"}}},warning:{fill:{color:"dark-9",backgroundColor:"yellow-5",hover:{backgroundColor:"yellow-4"},active:{backgroundColor:"yellow-3"}},outline:{stroke:"yellow-5",color:"yellow-9",hover:{backgroundColor:"yellow-0"},active:{backgroundColor:"yellow-1"}},naked:{color:"yellow-9",hover:{backgroundColor:"yellow-0"},active:{backgroundColor:"yellow-1"}}},error:{fill:{color:"white",backgroundColor:"error",hover:{backgroundColor:"error-dark"},active:{backgroundColor:"error-darker"}},outline:{stroke:"error",color:"error",hover:{backgroundColor:"error-lightest"},active:{backgroundColor:"error-lighter"}},naked:{color:"error",hover:{backgroundColor:"error-lightest"},active:{backgroundColor:"error-lighter"}}},success:{fill:{color:"white",backgroundColor:"success",hover:{backgroundColor:"success-dark"},active:{backgroundColor:"success-darker"}},outline:{stroke:"success",color:"success",hover:{backgroundColor:"success-lightest"},active:{backgroundColor:"success-lighter"}},naked:{color:"success",hover:{backgroundColor:"success-lightest"},active:{backgroundColor:"success-lighter"}}},info:{fill:{color:"light-9",backgroundColor:"blue-5",hover:{backgroundColor:"blue-4"},active:{backgroundColor:"blue-3"}},outline:{stroke:"blue-5",color:"blue-5",hover:{backgroundColor:"blue-0"},active:{backgroundColor:"blue-1"}},naked:{color:"blue-5",hover:{backgroundColor:"blue-0"},active:{backgroundColor:"blue-1"}}}};export{o as buttonThemes};
+var o={dark:{fill:{active:{backgroundColor:"dark-2"},backgroundColor:"dark-0",color:"dark-9",hover:{backgroundColor:"dark-1"}},naked:{active:{backgroundColor:"dark-1"},color:"dark-9",hover:{backgroundColor:"dark-0"}},outline:{active:{backgroundColor:"dark-1"},color:"dark-9",hover:{backgroundColor:"dark-0"},stroke:"dark-3"}},default:{fill:{active:{backgroundColor:"grey-5"},backgroundColor:"grey-3",color:"foreground",hover:{backgroundColor:"grey-4"}},naked:{active:{backgroundColor:"highlightSecondary"},color:"foreground",hover:{backgroundColor:"highlight"}},outline:{active:{backgroundColor:"highlightSecondary"},color:"foreground",hover:{backgroundColor:"highlight"},stroke:"separatorSecondary"}},error:{fill:{active:{backgroundColor:"error-darker"},backgroundColor:"error",color:"white",hover:{backgroundColor:"error-dark"}},naked:{active:{backgroundColor:"error-lighter"},color:"error",hover:{backgroundColor:"error-lightest"}},outline:{active:{backgroundColor:"error-lighter"},color:"error",hover:{backgroundColor:"error-lightest"},stroke:"error"}},info:{fill:{active:{backgroundColor:"blue-3"},backgroundColor:"blue-5",color:"light-9",hover:{backgroundColor:"blue-4"}},naked:{active:{backgroundColor:"blue-1"},color:"blue-5",hover:{backgroundColor:"blue-0"}},outline:{active:{backgroundColor:"blue-1"},color:"blue-5",hover:{backgroundColor:"blue-0"},stroke:"blue-5"}},light:{fill:{active:{backgroundColor:"light-3"},backgroundColor:"light-1",color:"white",hover:{backgroundColor:"light-2"}},naked:{active:{backgroundColor:"light-1"},color:"light-9",hover:{backgroundColor:"light-0"}},outline:{active:{backgroundColor:"light-1"},color:"white",hover:{backgroundColor:"light-0"},stroke:"light-3"}},primary:{fill:{active:{backgroundColor:"primary-darker"},backgroundColor:"primary",color:"light-9",hover:{backgroundColor:"primary-dark"}},naked:{active:{backgroundColor:"primary-lighter"},color:"primary",hover:{backgroundColor:"primary-lightest"}},outline:{active:{backgroundColor:"primary-lighter"},color:"primary",hover:{backgroundColor:"primary-lightest"},stroke:"primary"}},success:{fill:{active:{backgroundColor:"success-darker"},backgroundColor:"success",color:"white",hover:{backgroundColor:"success-dark"}},naked:{active:{backgroundColor:"success-lighter"},color:"success",hover:{backgroundColor:"success-lightest"}},outline:{active:{backgroundColor:"success-lighter"},color:"success",hover:{backgroundColor:"success-lightest"},stroke:"success"}},warning:{fill:{active:{backgroundColor:"yellow-3"},backgroundColor:"yellow-5",color:"dark-9",hover:{backgroundColor:"yellow-4"}},naked:{active:{backgroundColor:"yellow-1"},color:"yellow-9",hover:{backgroundColor:"yellow-0"}},outline:{active:{backgroundColor:"yellow-1"},color:"yellow-9",hover:{backgroundColor:"yellow-0"},stroke:"yellow-5"}},white:{fill:{active:{backgroundColor:"grey-1"},backgroundColor:"white",color:"primary",hover:{backgroundColor:"grey-0"}},naked:{active:{backgroundColor:"light-1"},color:"white",hover:{backgroundColor:"light-0"}},outline:{active:{backgroundColor:"light-1"},color:"white",hover:{backgroundColor:"light-0"},stroke:"white"}}};export{o as buttonThemes};
 //# sourceMappingURL=button-themes.js.map

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

@@ -1,122 +1,139 @@
-import { Colors } from '../../types';
-import { FlattenedPalette } from './utils';
 export declare const palette: {
-    tapestry: {
-        create: {
-            create35: string;
-        };
-        grays: {
-            light: {
-                neutral62: string;
-                neutral81: string;
-            };
-        };
-        interaction: {
-            interaction66: string;
-        };
+    apps: {
+        calendar: string;
+        'check-ins': string;
+        giving: string;
+        groups: string;
+        home: string;
+        'music-stand': string;
+        pco: string;
+        people: string;
+        'planning-center': string;
+        projector: string;
+        registrations: string;
+        services: string;
     };
-    primary: {
-        lightest: string;
-        lighter: string;
-        light: string;
-        base: string;
-        dark: string;
-        darker: string;
-        darkest: string;
+    background: {
+        background: string;
+        backgroundSecondary: string;
+        backgroundTertiary: string;
     };
-    warning: {
-        lightest: string;
-        lighter: string;
-        light: string;
-        base: string;
-        dark: string;
-        darker: string;
+    blue: string[];
+    dark: string[];
+    days: {
+        friday: string;
+        monday: string;
+        saturday: string;
+        sunday: string;
+        thursday: string;
+        tuesday: string;
+        wednesday: string;
     };
     error: {
-        lightest: string;
-        lighter: string;
-        light: string;
         base: string;
         dark: string;
         darker: string;
-    };
-    success: {
-        lightest: string;
-        lighter: string;
         light: string;
-        base: string;
-        dark: string;
-        darker: string;
+        lighter: string;
+        lightest: string;
     };
-    red: string[];
-    blue: string[];
-    green: string[];
-    yellow: string[];
-    light: string[];
-    dark: string[];
-    grey: string[];
     foreground: {
         foreground: string;
         foregroundSecondary: string;
         foregroundTertiary: string;
     };
-    background: {
-        background: string;
-        backgroundSecondary: string;
-        backgroundTertiary: string;
+    green: string[];
+    grey: string[];
+    highlight: {
+        highlight: string;
+        highlightSecondary: string;
     };
-    surface: {
-        surface: string;
-        surfaceSecondary: string;
-        surfaceTertiary: string;
+    light: string[];
+    link: {
+        linkBackground: string;
+        linkForeground: string;
+    };
+    primary: {
+        base: string;
+        dark: string;
+        darker: string;
+        darkest: string;
+        light: string;
+        lighter: string;
+        lightest: string;
     };
+    red: string[];
     separator: {
         separator: string;
-        separatorSecondary: string;
-        separatorTertiary: string;
-        separatorHover: string;
         separatorFocus: string;
         separatorFocusSecondary: string;
+        separatorHover: string;
+        separatorSecondary: string;
+        separatorTertiary: string;
     };
-    highlight: {
-        highlight: string;
-        highlightSecondary: string;
+    success: {
+        base: string;
+        dark: string;
+        darker: string;
+        light: string;
+        lighter: string;
+        lightest: string;
     };
-    link: {
-        linkForeground: string;
-        linkBackground: string;
+    surface: {
+        surface: string;
+        surfaceSecondary: string;
+        surfaceTertiary: string;
     };
-    days: {
-        sunday: string;
-        monday: string;
-        tuesday: string;
-        wednesday: string;
-        thursday: string;
-        friday: string;
-        saturday: string;
+    tapestry: {
+        create: {
+            create35: string;
+        };
+        grays: {
+            light: {
+                neutral62: string;
+                neutral81: string;
+            };
+        };
+        interaction: {
+            interaction66: string;
+        };
     };
-    apps: {
-        'check-ins': string;
-        giving: string;
-        groups: string;
-        home: string;
-        'music-stand': string;
-        pco: string;
-        people: string;
-        'planning-center': string;
-        projector: string;
-        registrations: string;
-        calendar: string;
-        services: string;
+    warning: {
+        base: string;
+        dark: string;
+        darker: string;
+        light: string;
+        lighter: string;
+        lightest: string;
     };
+    yellow: string[];
 };
-export declare const colors: Colors & {
+export declare const colors: Partial<import("../../types").Colors> & Record<string, string | [string, string, string, string, string, string, string, string, string, string]> & {
+    create: {
+        create35: string;
+    };
     grays: {
         light: {
             neutral62: string;
             neutral81: string;
         };
     };
+    interaction: {
+        interaction66: string;
+    };
 };
-export declare function getColor(key: string): string | FlattenedPalette;
+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: string;
+    };
+    grays: {
+        light: {
+            neutral62: string;
+            neutral81: string;
+        };
+    };
+    interaction: {
+        interaction66: string;
+    };
+});
 //# sourceMappingURL=colors.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/system/colors/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAoB1C,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgMnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,MAAM,GAAG;IAC5B,KAAK,EAAE;QAAE,KAAK,EAAE;YAAE,SAAS,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAA;CAC1B,CAAA;AAElC,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAE/D"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/system/colors/colors.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgMnB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;CACF,CAAA;AAEjB,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM;;;;;;;;;;;;;GAEnC"}

package/dist/system/colors/colors.js

@@ -1,2 +1,2 @@
-import{flattenPalette as s}from"./utils.js";var l={tapestry:{create:{create35:"hsl(86deg 91% 35% / 100%)"},grays:{light:{neutral62:"hsl(0deg 0% 62% / 100%)",neutral81:"hsl(0deg 0% 81% / 100%)"}},interaction:{interaction66:"hsl(221deg 91% 66% / 100%)"}},primary:{lightest:"hsl(88, 24%, 92%)",lighter:"hsl(88, 32%, 86%)",light:"hsl(88, 40%, 54%)",base:"hsl(88, 44%, 40%)",dark:"hsl(88, 46%, 36%)",darker:"hsl(88, 52%, 32%)",darkest:"hsl(88, 72%, 20%)"},warning:{lightest:"hsl(42, 87%, 97%)",lighter:"hsl(42, 87%, 94%)",light:"hsl(42, 87%, 90%)",base:"hsl(42, 84%, 63%)",dark:"hsl(42, 84%, 55%)",darker:"hsl(42, 84%, 49%)"},error:{lightest:"hsl(7, 60%, 97%)",lighter:"hsl(9, 59%, 93%)",light:"hsl(8, 60%, 85%)",base:"hsl(8, 60%, 47%)",dark:"hsl(8, 60%, 45%)",darker:"hsl(9, 61%, 43%)"},success:{lightest:"hsl(93, 53%, 97%)",lighter:"hsl(95, 50%, 91%)",light:"hsl(86, 91%, 35%)",base:"hsl(86, 91%, 27%)",dark:"hsl(86, 91%, 25%)",darker:"hsl(86, 91%, 23%)"},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%)"],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%)"],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%)"],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%)"],light:["hsla(0,0%,100%,0.16)","hsla(0,0%,100%,0.24)","hsla(0,0%,100%,0.32)","hsla(0,0%,100%,0.44)","hsla(0,0%,100%,0.50)","hsla(0,0%,100%,0.60)","hsla(0,0%,100%,0.68)","hsla(0,0%,100%,0.76)","hsla(0,0%,100%,0.88)","hsla(0,0%,100%,0.96)"],dark:["hsla(0,0%,0%,0.04)","hsla(0,0%,0%,0.08)","hsla(0,0%,0%,0.12)","hsla(0,0%,0%,0.16)","hsla(0,0%,0%,0.24)","hsla(0,0%,0%,0.32)","hsla(0,0%,0%,0.40)","hsla(0,0%,0%,0.46)","hsla(0,0%,0%,0.54)","hsla(0,0%,0%,0.68)"],grey:["hsl(200,1%,98%)","hsl(200,1%,96%)","hsl(200,1%,94%)","hsl(200,1%,92%)","hsl(200,1%,90%)","hsl(200,1%,86%)","hsl(200,1%,74%)","hsl(200,1%,58%)","hsl(200,1%,46%)","hsl(200,1%,28%)"],foreground:{foreground:"grey-9",foregroundSecondary:"grey-8",foregroundTertiary:"grey-7"},background:{background:"hsl(30, 9%, 99%)",backgroundSecondary:"hsl(30, 9%, 97%)",backgroundTertiary:"hsl(30, 9%, 95%)"},surface:{surface:"white",surfaceSecondary:"grey-0",surfaceTertiary:"grey-1"},separator:{separator:"grey-6",separatorSecondary:"grey-5",separatorTertiary:"grey-4",separatorHover:"separator",separatorFocus:"primary",separatorFocusSecondary:"primary-lighter"},highlight:{highlight:"grey-2",highlightSecondary:"grey-3"},link:{linkForeground:"primary",linkBackground:"hsl(200,100%,98%)"},days:{sunday:"#7DC156",monday:"#789FF8",tuesday:"#A193FD",wednesday:"#D18CF6",thursday:"#FA7EA4",friday:"#F69688",saturday:"#66BEEB"},apps:{"check-ins":"#8c6999",giving:"#f4c551",groups:"#f58a4f",home:"#2565f4","music-stand":"#4984c4",pco:"#3565cf",people:"#5781cf","planning-center":"#2266f7",projector:"#f19900",registrations:"#569690",calendar:"#cc4832",services:"#6a9639"}},h=s(l);function r(s){return s?h[s]:h}export{h as colors,r as getColor,l as palette};
+import{flattenPalette as s}from"./utils.js";var l={apps:{calendar:"#cc4832","check-ins":"#8c6999",giving:"#f4c551",groups:"#f58a4f",home:"#2565f4","music-stand":"#4984c4",pco:"#3565cf",people:"#5781cf","planning-center":"#2266f7",projector:"#f19900",registrations:"#569690",services:"#6a9639"},background:{background:"hsl(30, 9%, 99%)",backgroundSecondary:"hsl(30, 9%, 97%)",backgroundTertiary:"hsl(30, 9%, 95%)"},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)","hsla(0,0%,0%,0.12)","hsla(0,0%,0%,0.16)","hsla(0,0%,0%,0.24)","hsla(0,0%,0%,0.32)","hsla(0,0%,0%,0.40)","hsla(0,0%,0%,0.46)","hsla(0,0%,0%,0.54)","hsla(0,0%,0%,0.68)"],days:{friday:"#F69688",monday:"#789FF8",saturday:"#66BEEB",sunday:"#7DC156",thursday:"#FA7EA4",tuesday:"#A193FD",wednesday:"#D18CF6"},error:{base:"hsl(8, 60%, 47%)",dark:"hsl(8, 60%, 45%)",darker:"hsl(9, 61%, 43%)",light:"hsl(8, 60%, 85%)",lighter:"hsl(9, 59%, 93%)",lightest:"hsl(7, 60%, 97%)"},foreground:{foreground:"grey-9",foregroundSecondary:"grey-8",foregroundTertiary:"grey-7"},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:["hsl(200,1%,98%)","hsl(200,1%,96%)","hsl(200,1%,94%)","hsl(200,1%,92%)","hsl(200,1%,90%)","hsl(200,1%,86%)","hsl(200,1%,74%)","hsl(200,1%,58%)","hsl(200,1%,46%)","hsl(200,1%,28%)"],highlight:{highlight:"grey-2",highlightSecondary:"grey-3"},light:["hsla(0,0%,100%,0.16)","hsla(0,0%,100%,0.24)","hsla(0,0%,100%,0.32)","hsla(0,0%,100%,0.44)","hsla(0,0%,100%,0.50)","hsla(0,0%,100%,0.60)","hsla(0,0%,100%,0.68)","hsla(0,0%,100%,0.76)","hsla(0,0%,100%,0.88)","hsla(0,0%,100%,0.96)"],link:{linkBackground:"hsl(200,100%,98%)",linkForeground:"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:"grey-6",separatorFocus:"primary",separatorFocusSecondary:"primary-lighter",separatorHover:"separator",separatorSecondary:"grey-5",separatorTertiary:"grey-4"},success:{base:"hsl(86, 91%, 27%)",dark:"hsl(86, 91%, 25%)",darker:"hsl(86, 91%, 23%)",light:"hsl(86, 91%, 35%)",lighter:"hsl(95, 50%, 91%)",lightest:"hsl(93, 53%, 97%)"},surface:{surface:"white",surfaceSecondary:"grey-0",surfaceTertiary:"grey-1"},tapestry:{create:{create35:"hsl(86deg 91% 35% / 100%)"},grays:{light:{neutral62:"hsl(0deg 0% 62% / 100%)",neutral81:"hsl(0deg 0% 81% / 100%)"}},interaction:{interaction66:"hsl(221deg 91% 66% / 100%)"}},warning:{base:"hsl(42, 84%, 63%)",dark:"hsl(42, 84%, 55%)",darker:"hsl(42, 84%, 49%)",light:"hsl(42, 87%, 90%)",lighter:"hsl(42, 87%, 94%)",lightest:"hsl(42, 87%, 97%)"},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%)"]},h=s(l);function r(s){return s?h[s]:h}export{h as colors,r as getColor,l as palette};
 //# sourceMappingURL=colors.js.map

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

@@ -1,3 +1,3 @@
-export { colors, palette, getColor } from './colors';
+export { colors, getColor, palette } from './colors';
 export { createTones, eachPalette, flattenPalette, generateColorScale, setAlphaChannel, } from './utils';
 //# sourceMappingURL=index.d.ts.map