@planningcenter/tapestry-react 3.0.0 → 4.0.0-rc.2

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

@@ -0,0 +1,282 @@
+export declare const buttonThemes: {
+    default: {
+        fill: {
+            color: string;
+            backgroundColor: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        outline: {
+            stroke: string;
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        naked: {
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+    };
+    white: {
+        fill: {
+            color: string;
+            backgroundColor: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        outline: {
+            stroke: string;
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        naked: {
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+    };
+    light: {
+        fill: {
+            color: string;
+            backgroundColor: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        outline: {
+            stroke: string;
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        naked: {
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+    };
+    dark: {
+        fill: {
+            color: string;
+            backgroundColor: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        outline: {
+            stroke: string;
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        naked: {
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+    };
+    primary: {
+        fill: {
+            color: string;
+            backgroundColor: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        outline: {
+            stroke: string;
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        naked: {
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+    };
+    warning: {
+        fill: {
+            color: string;
+            backgroundColor: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        outline: {
+            stroke: string;
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        naked: {
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+    };
+    error: {
+        fill: {
+            color: string;
+            backgroundColor: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        outline: {
+            stroke: string;
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        naked: {
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+    };
+    success: {
+        fill: {
+            color: string;
+            backgroundColor: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        outline: {
+            stroke: string;
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        naked: {
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+    };
+    info: {
+        fill: {
+            color: string;
+            backgroundColor: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        outline: {
+            stroke: string;
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+        naked: {
+            color: string;
+            hover: {
+                backgroundColor: string;
+            };
+            active: {
+                backgroundColor: string;
+            };
+        };
+    };
+};
+//# sourceMappingURL=button-themes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-themes.d.ts","sourceRoot":"","sources":["../../src/system/button-themes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4KxB,CAAA"}

package/dist/system/button-themes.js

@@ -0,0 +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};
+//# sourceMappingURL=button-themes.js.map

package/dist/system/button-themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-themes.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,122 @@
+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;
+        };
+    };
+    primary: {
+        lightest: string;
+        lighter: string;
+        light: string;
+        base: string;
+        dark: string;
+        darker: string;
+        darkest: string;
+    };
+    warning: {
+        lightest: string;
+        lighter: string;
+        light: string;
+        base: string;
+        dark: string;
+        darker: 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;
+    };
+    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;
+    };
+    surface: {
+        surface: string;
+        surfaceSecondary: string;
+        surfaceTertiary: string;
+    };
+    separator: {
+        separator: string;
+        separatorSecondary: string;
+        separatorTertiary: string;
+        separatorHover: string;
+        separatorFocus: string;
+        separatorFocusSecondary: string;
+    };
+    highlight: {
+        highlight: string;
+        highlightSecondary: string;
+    };
+    link: {
+        linkForeground: string;
+        linkBackground: string;
+    };
+    days: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: 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;
+    };
+};
+export declare const colors: Colors & {
+    grays: {
+        light: {
+            neutral62: string;
+            neutral81: string;
+        };
+    };
+};
+export declare function getColor(key: string): string | FlattenedPalette;
+//# sourceMappingURL=colors.d.ts.map

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

@@ -0,0 +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"}

package/dist/system/colors/colors.js

@@ -0,0 +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};
+//# sourceMappingURL=colors.js.map

package/dist/system/colors/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/system/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EACL,WAAW,EACX,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,eAAe,GAChB,MAAM,SAAS,CAAA"}

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

@@ -0,0 +1,35 @@
+import { Colors, Theme } from '../../types';
+export declare function setAlphaChannel(alpha: any, color: any): any;
+export declare function generateColorScale({ key, baseColor }: {
+    key: any;
+    baseColor: any;
+}): {
+    [x: string]: string;
+    [x: number]: any;
+};
+type ColorScale = string[];
+type Palette = {
+    [key: string]: string | ColorScale | Palette;
+};
+export type FlattenedPalette = Partial<Colors> & {
+    [key: string | keyof Theme]: string | FlattenedPalette;
+};
+export declare function eachPalette<R>(palette: Palette, getColor: (data: {
+    name: string;
+    colors: FlattenedPalette;
+}) => R): R[];
+export declare function flattenPalette(palette: Palette): FlattenedPalette;
+export declare function adjustLightness(amount: any, color: any): any;
+export declare function adjustSaturation(amount: any, color: any): string;
+export declare function createTone(color: any, desaturate?: number): (value: any) => string;
+export declare function createTones(color: any, desaturate: any): string[];
+export declare function createColorScale(color: any, desaturate: any): {
+    base: any;
+    text: string;
+    tone: (value: any) => string;
+    tones: string[];
+};
+export declare function createColorScales(colors: any, desaturate: any): any;
+export declare function flattenColorScales(colors: any): {};
+export {};
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/system/colors/utils.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAM3C,wBAAgB,eAAe,CAAC,KAAK,KAAA,EAAE,KAAK,KAAA,OAO3C;AAED,wBAAgB,kBAAkB,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE;;;CAAA;;;EAUpD;AAED,KAAK,UAAU,GAAG,MAAM,EAAE,CAAA;AAC1B,KAAK,OAAO,GAAG;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAA;CAC7C,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG;IAC/C,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,MAAM,GAAG,gBAAgB,CAAA;CACvD,CAAA;AAED,wBAAgB,WAAW,CAAC,CAAC,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,IAAI,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,gBAAgB,CAAA;CAAE,KAAK,CAAC,GAChE,CAAC,EAAE,CA4CL;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,gBAAgB,CAejE;AAMD,wBAAgB,eAAe,CAAC,MAAM,KAAA,EAAE,KAAK,KAAA,OAwB5C;AAED,wBAAgB,gBAAgB,CAAC,MAAM,KAAA,EAAE,KAAK,KAAA,UAI7C;AAGD,wBAAgB,UAAU,CAAC,KAAK,KAAA,EAAE,UAAU,SAAM,0BAUjD;AAID,wBAAgB,WAAW,CAAC,KAAK,KAAA,EAAE,UAAU,KAAA,YAU5C;AAED,wBAAgB,gBAAgB,CAAC,KAAK,KAAA,EAAE,UAAU,KAAA;;;;;EAOjD;AAED,wBAAgB,iBAAiB,CAAC,MAAM,KAAA,EAAE,UAAU,KAAA,OAQnD;AAED,wBAAgB,kBAAkB,CAAC,MAAM,KAAA,MASxC"}

package/dist/system/colors/utils.js

@@ -0,0 +1,2 @@
+import{__assign as r,__spreadArray as t}from'./../../ext/tslib/tslib.es6.js';import{parseToRgb as n,setLightness as e,darken as c,getLuminance as o,rgba as a,parseToHsl as u,toColorString as i,mix as f}from"polished";import{getCSSProperty as s}from"../../utils.js";function v(r,t){if(void 0!==r){var e=n(t),c=e.red,o=e.green,a=e.blue;return"rgba(".concat(c,", ").concat(o,", ").concat(a,", ").concat(r,")")}return t}function l(r){var t,n=r.key,o=r.baseColor;return(t={})["".concat(n,"-lightest")]=e(.94,o),t["".concat(n,"-lighter")]=e(.92,o),t["".concat(n,"-light")]=e(.7,o),t[n]=o,t["".concat(n,"-dark")]=c(.04,o),t["".concat(n,"-darker")]=c(.08,o),t["".concat(n,"-darkest")]=c(.16,o),t}function d(t,n){return Object.keys(t).map((function(e){var c,o,a,u=t[e];return"string"==typeof u?((c={})[e]=u,o=c):o=Array.isArray(u)?u.reduce((function(t,n,c){var o;return r(r({},t),((o={})["".concat(e,"-").concat(c)]=n,o))}),{}):u.base?Object.keys(u).reduce((function(t,n){var c;return r(r({},t),((c={})["base"===n?e:"".concat(e,"-").concat(n)]=u[n],c))}),{}):Object.keys(u).reduce((function(t,n){var e;return r(r({},t),((e={})[n]=u[n],e))}),{}),n({name:(a=e,a.charAt(0).toUpperCase()+a.slice(1)),colors:o})}))}function m(t){var n=d(t,(function(r){return r.colors})).reduce((function(t,n){return r(r({},t),n)}),{});return Object.keys(n).reduce((function(t,e){var c,o=n[e],a="string"==typeof o?n[o]:void 0;return r(r({},t),((c={})[e]=a?s("colors",o):o,c))}),{})}var p=1e-7;function b(r,t){var e,c=n(t).alpha,u=void 0===c?1:c;if(0===r)e=a(0,0,0,u);else if(1===r)e=a(255,255,255,u);else{var i=20,s=function(t,n){var e=f(.5,t,n),c=o(e);return Math.abs(r-c)<p||!i--?e:c>r?s(t,e):s(e,n)};e=o(t)>r?s("#000",t):s(t,"#fff")}return e}function h(r,t){var n=u(t);return n.saturation+=n.saturation*r,i(n)}function y(r,t){return void 0===t&&(t=.5),function(n){var e=Math.min(Math.max(n,.05),.95);return h(-n*t,b(e,r))}}function k(r,n){var e=y(r,n),c=o(r),a=c/5,u=(1-c)/6,i=[4,3,2,1].map((function(r){return e(r*a)})),f=[5,4,3,2,1,0].map((function(r){return e(c+r*u)}));return t(t([],f,!0),i,!0)}export{b as adjustLightness,h as adjustSaturation,y as createTone,k as createTones,d as eachPalette,m as flattenPalette,l as generateColorScale,v as setAlphaChannel};
+//# sourceMappingURL=utils.js.map

package/dist/system/colors/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/system/css.d.ts

@@ -0,0 +1,3 @@
+declare const _default: (styles: any) => (theme: any) => any;
+export default _default;
+//# sourceMappingURL=css.d.ts.map

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

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

package/dist/system/css.js

@@ -0,0 +1,2 @@
+import{parseCssStyles as r}from"./parse-styles.js";var t=function(t){return function(n){return r(t,null,n)}};export{t as default};
+//# sourceMappingURL=css.js.map

package/dist/system/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/system/cxs.d.ts

@@ -0,0 +1,7 @@
+declare function cxs(...styles: any[]): string;
+declare namespace cxs {
+    var css: () => string;
+    var reset: () => void;
+}
+export default cxs;
+//# sourceMappingURL=cxs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cxs.d.ts","sourceRoot":"","sources":["../../src/system/cxs.ts"],"names":[],"mappings":"AAuDA,iBAAS,GAAG,CAAC,GAAG,MAAM,OAAA,UAKrB;kBALQ,GAAG;;;;AA4BZ,eAAe,GAAG,CAAA"}

package/dist/system/cxs.js

@@ -0,0 +1,2 @@
+var n={},t="x",e="development"===process.env.NODE_ENV||!process.env.NODE_ENV,c=[],o=function(n){c.push(n)},r=function(n,t){return""===t?n:"".concat(t,"{").concat(n,"}")},a=function(n,t,e,c){var o,r=""===t?".".concat(n):t.includes("&")?t.replace("&",".".concat(n)):".".concat(n).concat(t);return"".concat(r.trim(),"{").concat((o=e,o.replace(/[A-Z]|^ms/g,"-$&").toLowerCase()),":").concat(c,"}")};function i(e,s,u){void 0===s&&(s=""),void 0===u&&(u="");var l="";for(var f in e){var p=e[f];if(null!=p)if("object"!=typeof p){var v=f+p+s+u;if(n[v])l+=" "+n[v];else{var d=t+c.length.toString(36),h=r(a(d,s,f,p),u);o(h),n[v]=d,l+=" "+d}}else{var m=/^@/.test(f)?f:null;l+=i(p,m?s:f.startsWith(":")?"".concat(s).concat(f):"".concat(s," ").concat(f),m||u)}}return l}function s(){for(var n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];return n.map((function(n){return i(n)})).join(" ").trim()}if(s.css=function(){return c.sort().join("")},s.reset=function(){for(n={};c.length;)c.pop()},"undefined"!=typeof document){var u=document.head.appendChild(document.createElement("style")).sheet;o=function(n){try{c.push(n),u.insertRule(n,u.cssRules.length)}catch(t){e&&console.warn("whoops, illegal rule inserted",n)}}}export{s as default};
+//# sourceMappingURL=cxs.js.map

package/dist/system/cxs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cxs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+import { Theme } from '../index';
+declare const defaultTheme: Theme;
+export default defaultTheme;
+//# sourceMappingURL=default-theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-theme.d.ts","sourceRoot":"","sources":["../../src/system/default-theme.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAchC,QAAA,MAAM,YAAY,EAAE,KAiCnB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/system/default-theme.js

@@ -0,0 +1,2 @@
+import*as r from"@planningcenter/icons/paths/general";import*as e from"@planningcenter/icons/paths/tapestry";import{boxSizes as o}from"./box-sizes.js";import{buttonThemes as s}from"./button-themes.js";import{colors as t}from"./colors/colors.js";import"polished";import"../utils.js";var a={fill:"surfaceTertiary",stroke:"separatorSecondary",focusStroke:"blue-5",checkedFill:"primary-light",checkedStroke:"primary"},p={id:"default",boxSizes:o,colors:t,icons:{general:r,tapestry:e},breakpoints:{xs:480,sm:600,md:720,lg:960,xl:1200},button:{themes:s},calendar:{weekStartsOn:0},checkbox:a,radio:a,elevations:["0 2px 5px rgba(219,219,219,0.3)","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],lineHeights:[40,32,24,24,20,16,16],group:{radius:3},spinner:{color:"primary",sizes:{xxs:1.5,xs:1.75,sm:2,md:2.5,lg:3,xl:5,xxl:8},thickness:{xxs:3,xs:3,sm:3,md:4,lg:5,xl:7,xxl:9},trackColor:"primary-lighter"},toggleSwitch:{backgroundColor:"interaction66"}};export{p as default};
+//# sourceMappingURL=default-theme.js.map

package/dist/system/default-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/system/index.d.ts

@@ -0,0 +1,18 @@
+export { boxSizes, getBoxSize } from './box-sizes';
+export { colors, createTones, eachPalette, flattenPalette, generateColorScale, getColor, palette, setAlphaChannel, } from './colors';
+export { default as css } from './css';
+export { default as defaultTheme } from './default-theme';
+export { default as border } from './plugins/border';
+export { default as color } from './plugins/color';
+export { default as elevation } from './plugins/elevation';
+export { default as flex } from './plugins/flex';
+export { default as misc } from './plugins/misc';
+export { default as position } from './plugins/position';
+export { default as size } from './plugins/size';
+export { default as space } from './plugins/space';
+export { default as stroke } from './plugins/stroke';
+export { default as typography } from './plugins/typography';
+export { default as splitStyles } from './split-styles';
+export { default as useCss } from './use-css';
+export { getForegroundColor, isLightColor, navigateSize, parseColor, spacing, spacingValue, useBoxSize, useThemeProps, useThemeValue, } from './utils';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/system/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,eAAe,GAChB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,UAAU,EACV,aAAa,EACb,aAAa,GACd,MAAM,SAAS,CAAA"}

package/dist/system/index.js

@@ -0,0 +1,2 @@
+export{boxSizes,getBoxSize}from"./box-sizes.js";export{colors,getColor,palette}from"./colors/colors.js";export{createTones,eachPalette,flattenPalette,generateColorScale,setAlphaChannel}from"./colors/utils.js";export{default as css}from"./css.js";export{default as defaultTheme}from"./default-theme.js";export{default as border}from"./plugins/border.js";export{default as color}from"./plugins/color.js";export{default as elevation}from"./plugins/elevation.js";export{default as flex}from"./plugins/flex.js";export{default as misc}from"./plugins/misc.js";export{default as position}from"./plugins/position.js";export{default as size}from"./plugins/size.js";export{default as space}from"./plugins/space.js";export{default as stroke}from"./plugins/stroke.js";export{default as typography}from"./plugins/typography.js";export{default as splitStyles}from"./split-styles.js";export{default as useCss}from"./use-css.js";export{getForegroundColor,isLightColor,navigateSize,parseColor,spacing,spacingValue,useBoxSize,useThemeProps,useThemeValue}from"./utils.js";
+//# sourceMappingURL=index.js.map

package/dist/system/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/system/parse-styles.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties } from 'react';
+export declare function parsePluginStyles(initialStyles: {}, componentPlugin: any, theme: any): Omit<CSSProperties, "direction" | "position" | "strokeOpacity"> & {
+    visible?: string;
+    strokeOpacity?: number;
+    css?: any;
+};
+export declare function parseStyles(style: any, plugin: any, theme: any): Omit<CSSProperties, "direction" | "position" | "strokeOpacity"> & {
+    visible?: string;
+    strokeOpacity?: number;
+    css?: any;
+};
+export declare function parseCssStyles(style: any, plugin: any, theme: any): any;
+//# sourceMappingURL=parse-styles.d.ts.map

package/dist/system/parse-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-styles.d.ts","sourceRoot":"","sources":["../../src/system/parse-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAOrC,wBAAgB,iBAAiB,CAAC,aAAa,IAAK,EAAE,eAAe,KAAA,EAAE,KAAK,KAAA;cAK9D,MAAM;oBACA,MAAM;UAChB,GAAG;EAiBZ;AAED,wBAAgB,WAAW,CAAC,KAAK,KAAA,EAAE,MAAM,KAAA,EAAE,KAAK,KAAA;;;;EAU/C;AAED,wBAAgB,cAAc,CAAC,KAAK,KAAA,EAAE,MAAM,KAAA,EAAE,KAAK,KAAA,OAYlD"}

package/dist/system/parse-styles.js

@@ -0,0 +1,2 @@
+import{__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"./plugins/index.js";import{colorStyleNames as o}from"./style-names.js";import{includes as e}from"lodash";var n=t.length;function s(o,e,s){void 0===o&&(o={});var i=r({},o);e&&(i=e.getStyles(i,s));for(var c=0;c<n;c++){i=(0,t[c])(i,s)}return i.css&&delete(i=r(r({},i),u(i.css,e,s))).css,i}function i(r,t,n){var u={};for(var c in r){var f=r[c];u[c]=e(o,c)||"object"!=typeof f?f:i(f,t,n)}return s(u,t,n)}function u(t,o,e){return t?t.constructor===Array?t.reduce((function(t,n){return r(r({},t),i(n,o,e))}),{}):i(t,o,e):null}export{u as parseCssStyles,s as parsePluginStyles,i as parseStyles};
+//# sourceMappingURL=parse-styles.js.map

package/dist/system/parse-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}