@planningcenter/tapestry-react 4.1.0 → 4.2.0

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/system/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,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

@@ -8,15 +8,15 @@ export declare function generateColorScale({ key, baseColor }: {
     [x: number]: any;
 };
 type ColorScale = string[];
-type Palette = {
+export type Palette = {
     [key: string]: string | ColorScale | Palette;
 };
-export type FlattenedPalette = Partial<Colors> & {
+export type FlattenedPalette = Partial<Colors> | {
     [key: string | keyof Theme]: string | FlattenedPalette;
 };
 export declare function eachPalette<R>(palette: Palette, getColor: (data: {
-    name: string;
     colors: FlattenedPalette;
+    name: string;
 }) => R): R[];
 export declare function flattenPalette(palette: Palette): FlattenedPalette;
 export declare function adjustLightness(amount: any, color: any): any;

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

@@ -1 +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"}
+{"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;AAO3C,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,MAAM,MAAM,OAAO,GAAG;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAA;CAC7C,CAAA;AACD,MAAM,MAAM,gBAAgB,GACxB,OAAO,CAAC,MAAM,CAAC,GACf;IACE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,MAAM,GAAG,gBAAgB,CAAA;CACvD,CAAA;AAEL,wBAAgB,WAAW,CAAC,CAAC,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,IAAI,EAAE;IAAE,MAAM,EAAE,gBAAgB,CAAC;IAAC,IAAI,EAAE,MAAM,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

@@ -1,2 +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};
+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({colors:o,name:(a=e,a.charAt(0).toUpperCase()+a.slice(1))})}))}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/default-theme.d.ts

@@ -1,4 +1,355 @@
-import { Theme } from '../index';
-declare const defaultTheme: Theme;
+declare const defaultTheme: {
+    boxSizes: Partial<Record<import("..").Sizes, import("..").BoxSize>>;
+    breakpoints: {
+        lg: number;
+        md: number;
+        sm: number;
+        xl: number;
+        xs: number;
+    };
+    button: {
+        themes: {
+            dark: {
+                fill: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    backgroundColor: string;
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                naked: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                outline: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    stroke: string;
+                };
+            };
+            default: {
+                fill: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    backgroundColor: string;
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                naked: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                outline: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    stroke: string;
+                };
+            };
+            error: {
+                fill: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    backgroundColor: string;
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                naked: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                outline: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    stroke: string;
+                };
+            };
+            info: {
+                fill: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    backgroundColor: string;
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                naked: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                outline: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    stroke: string;
+                };
+            };
+            light: {
+                fill: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    backgroundColor: string;
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                naked: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                outline: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    stroke: string;
+                };
+            };
+            primary: {
+                fill: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    backgroundColor: string;
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                naked: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                outline: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    stroke: string;
+                };
+            };
+            success: {
+                fill: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    backgroundColor: string;
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                naked: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                outline: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    stroke: string;
+                };
+            };
+            warning: {
+                fill: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    backgroundColor: string;
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                naked: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                outline: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    stroke: string;
+                };
+            };
+            white: {
+                fill: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    backgroundColor: string;
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                naked: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                };
+                outline: {
+                    active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    hover: {
+                        backgroundColor: string;
+                    };
+                    stroke: string;
+                };
+            };
+        };
+    };
+    calendar: {
+        weekStartsOn: number;
+    };
+    checkbox: {
+        checkedFill: string;
+        checkedStroke: string;
+        fill: string;
+        focusStroke: string;
+        stroke: string;
+    };
+    colors: Partial<import("..").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;
+        };
+    };
+    elevations: string[];
+    fontSizes: number[];
+    group: {
+        radius: number;
+    };
+    icons: {
+        general: any;
+        tapestry: any;
+    };
+    id: string;
+    lineHeights: number[];
+    spinner: {
+        color: string;
+        sizes: {
+            lg: number;
+            md: number;
+            sm: number;
+            xl: number;
+            xs: number;
+            xxl: number;
+            xxs: number;
+        };
+        thickness: {
+            lg: number;
+            md: number;
+            sm: number;
+            xl: number;
+            xs: number;
+            xxl: number;
+            xxs: number;
+        };
+        trackColor: string;
+    };
+    toggleSwitch: {
+        backgroundColor: string;
+    };
+};
 export default defaultTheme;
 //# sourceMappingURL=default-theme.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"default-theme.d.ts","sourceRoot":"","sources":["../../src/system/default-theme.ts"],"names":[],"mappings":"AAeA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCjB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/system/default-theme.js

@@ -1,2 +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};
+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 p={boxSizes:o,breakpoints:{lg:960,md:720,sm:600,xl:1200,xs:480},button:{themes:s},calendar:{weekStartsOn:0},checkbox:{checkedFill:"primary-light",checkedStroke:"primary",fill:"surfaceTertiary",focusStroke:"blue-5",stroke:"separatorSecondary"},colors:t,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],group:{radius:3},icons:{general:r,tapestry:e},id:"default",lineHeights:[40,32,24,24,20,16,16],spinner:{color:"primary",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:"primary-lighter"},toggleSwitch:{backgroundColor:"interaction66"}};export{p as default};
 //# sourceMappingURL=default-theme.js.map

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

@@ -1,13 +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;
+    strokeOpacity?: number;
+    visible?: string;
 };
 export declare function parseStyles(style: any, plugin: any, theme: any): Omit<CSSProperties, "direction" | "position" | "strokeOpacity"> & {
-    visible?: string;
-    strokeOpacity?: number;
     css?: any;
+    strokeOpacity?: number;
+    visible?: string;
 };
 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

@@ -1 +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"}
+{"version":3,"file":"parse-styles.d.ts","sourceRoot":"","sources":["../../src/system/parse-styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAOrC,wBAAgB,iBAAiB,CAAC,aAAa,IAAK,EAAE,eAAe,KAAA,EAAE,KAAK,KAAA;UAKlE,GAAG;oBACO,MAAM;cACZ,MAAM;EAiBnB;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

@@ -1,2 +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};
+import{__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"lodash/includes";import o from"./plugins/index.js";import{colorStyleNames as e}from"./style-names.js";var n=o.length;function s(t,e,s){void 0===t&&(t={});var i=r({},t);e&&(i=e.getStyles(i,s));for(var c=0;c<n;c++){i=(0,o[c])(i,s)}return i.css&&delete(i=r(r({},i),u(i.css,e,s))).css,i}function i(r,o,n){var u={};for(var c in r){var l=r[c];u[c]=t(e,c)||"object"!=typeof l?l:i(l,o,n)}return s(u,o,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/plugins/border.d.ts

@@ -1,14 +1,14 @@
 type Props = {
-    borderWidth?: string | number;
-    borderTopWidth?: string | number;
-    borderRightWidth?: string | number;
     borderBottomWidth?: string | number;
     borderLeftWidth?: string | number;
+    borderRightWidth?: string | number;
+    borderTopWidth?: string | number;
+    borderWidth?: string | number;
     radius?: string | number;
-    radiusTop?: string | number;
-    radiusRight?: string | number;
     radiusBottom?: string | number;
     radiusLeft?: string | number;
+    radiusRight?: string | number;
+    radiusTop?: string | number;
 };
 declare function border({ borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, radius, radiusTop, radiusRight, radiusBottom, radiusLeft, ...restProps }: Props): {
     accentColor?: import("csstype").Property.AccentColor;

package/dist/system/plugins/border.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/border.ts"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEjC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC7B,CAAA;AAMD,iBAAS,MAAM,CAAC,EACd,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EAEf,MAAM,EACN,SAAS,EACT,WAAW,EACX,YAAY,EACZ,UAAU,EAEV,GAAG,SAAS,EACb,EAAE,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEP;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/border.ts"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACjC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC5B,CAAA;AAMD,iBAAS,MAAM,CAAC,EACd,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EAEf,MAAM,EACN,SAAS,EACT,WAAW,EACX,YAAY,EACZ,UAAU,EAEV,GAAG,SAAS,EACb,EAAE,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEP;AAED,eAAe,MAAM,CAAA"}

package/dist/system/plugins/color.d.ts

@@ -1,7 +1,7 @@
 type Props = {
     backgroundColor?: string | Object;
-    borderColor?: string | Object;
     borderBottomColor?: string | Object;
+    borderColor?: string | Object;
     borderLeftColor?: string | Object;
     borderRightColor?: string | Object;
     borderTopColor?: string | Object;

package/dist/system/plugins/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/color.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACjC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB,CAAA;AAED,iBAAS,KAAK,CACZ,EACE,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,GAAG,MAAM,EACV,EAAE,KAAK,EACR,KAAK,KAAA,MA0BN;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/color.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACjC,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACjC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB,CAAA;AAED,iBAAS,KAAK,CACZ,EACE,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,GAAG,MAAM,EACV,EAAE,KAAK,EACR,KAAK,KAAA,MA0BN;AAED,eAAe,KAAK,CAAA"}

package/dist/system/plugins/color.js

@@ -1,2 +1,2 @@
-import{__rest as o}from'./../../ext/tslib/tslib.es6.js';import{parseColor as r}from"../utils.js";import{getCSSProperty as l}from"../../utils.js";function e(e,t){var b=e.backgroundColor,d=e.borderColor,C=e.borderBottomColor,i=e.borderLeftColor,s=e.borderRightColor,c=e.borderTopColor,f=e.color,u=e.fill,n=e.outlineColor,m=e.stroke,a=o(e,["backgroundColor","borderColor","borderBottomColor","borderLeftColor","borderRightColor","borderTopColor","color","fill","outlineColor","stroke"]),k={backgroundColor:b,borderColor:d,borderBottomColor:C,borderLeftColor:i,borderRightColor:s,borderTopColor:c,color:f,fill:u,outlineColor:n,stroke:m};return Object.keys(k).forEach((function(o){var e=k[o];e&&(a[o]=t&&t.colors&&t.colors[e]?l("colors",e):r(e))})),a}export{e as default};
+import{__rest as o}from'./../../ext/tslib/tslib.es6.js';import{getCSSProperty as r}from"../../utils.js";import{parseColor as l}from"../utils.js";function e(e,t){var b=e.backgroundColor,d=e.borderColor,C=e.borderBottomColor,i=e.borderLeftColor,s=e.borderRightColor,c=e.borderTopColor,f=e.color,u=e.fill,n=e.outlineColor,m=e.stroke,a=o(e,["backgroundColor","borderColor","borderBottomColor","borderLeftColor","borderRightColor","borderTopColor","color","fill","outlineColor","stroke"]),k={backgroundColor:b,borderBottomColor:C,borderColor:d,borderLeftColor:i,borderRightColor:s,borderTopColor:c,color:f,fill:u,outlineColor:n,stroke:m};return Object.keys(k).forEach((function(o){var e=k[o];e&&(a[o]=t&&t.colors&&t.colors[e]?r("colors",e):l(e))})),a}export{e as default};
 //# sourceMappingURL=color.js.map

package/dist/system/plugins/flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/flex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,OAAO,CAAA;AAGrD,KAAK,QAAQ,GAAG,OAAO,CACrB,IAAI,CACF,aAAa,EACX,eAAe,GACf,UAAU,GACV,UAAU,GACV,YAAY,GACZ,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,WAAW,CACd,CACF,CAAA;AACD,KAAK,KAAK,GAAG,QAAQ,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,QAAQ,GAAG,gBAAgB,CAAA;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;IAChD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;IACpD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CACxB,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,UAAU,EACV,SAAS,EACT,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,MAAM,EACN,IAAI,EACJ,GAAG,MAAM,EACV,GAAE,KAAU;;;;;;;;;EAqDZ;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/flex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,aAAa,EAAE,MAAM,OAAO,CAAA;AAIrD,KAAK,QAAQ,GAAG,OAAO,CACrB,IAAI,CACF,aAAa,EACX,eAAe,GACf,UAAU,GACV,UAAU,GACV,YAAY,GACZ,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,WAAW,CACd,CACF,CAAA;AACD,KAAK,KAAK,GAAG,QAAQ,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,QAAQ,GAAG,gBAAgB,CAAA;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;IAChD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;IACpD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CACxB,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,UAAU,EACV,SAAS,EACT,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,MAAM,EACN,IAAI,EACJ,GAAG,MAAM,EACV,GAAE,KAAU;;;;;;;;;EAqDZ;AAED,eAAe,IAAI,CAAA"}

package/dist/system/plugins/grid.d.ts

@@ -1,10 +1,10 @@
 type Props = {
     column?: number;
-    columnStart?: number;
     columnEnd?: number;
+    columnStart?: number;
     row?: number;
-    rowStart?: number;
     rowEnd?: number;
+    rowStart?: number;
 };
 declare function grid({ column, columnStart, columnEnd, row, rowStart, rowEnd, ...restProps }?: Props): {
     accentColor?: import("csstype").Property.AccentColor;

package/dist/system/plugins/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/grid.ts"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,MAAM,EACN,WAAW,EACX,SAAS,EACT,GAAG,EACH,QAAQ,EACR,MAAM,EACN,GAAG,SAAS,EACb,GAAE,KAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBZ;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/grid.ts"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,MAAM,EACN,WAAW,EACX,SAAS,EACT,GAAG,EACH,QAAQ,EACR,MAAM,EACN,GAAG,SAAS,EACb,GAAE,KAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBZ;AAED,eAAe,IAAI,CAAA"}

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

@@ -7,6 +7,6 @@ import size from './size';
 import space from './space';
 import stroke from './stroke';
 import typography from './typography';
-declare const _default: (typeof border | typeof color | typeof flex | typeof grid | typeof position | typeof size | typeof space | typeof stroke | typeof typography)[];
+declare const _default: (typeof border | typeof flex | typeof position | typeof size | typeof space | typeof stroke | typeof typography | typeof color | typeof grid)[];
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/system/plugins/misc.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
 declare function misc({ uppercase, ...styles }: CSSProperties & {
-    uppercase?: boolean;
     boxShadow?: string[] | string;
+    uppercase?: boolean;
 }): {
     accentColor?: import("csstype").Property.AccentColor;
     alignContent?: import("csstype").Property.AlignContent;

package/dist/system/plugins/misc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"misc.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/misc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAGrC,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,MAAM,EACV,EAAE,aAAa,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"misc.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/misc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAIrC,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,MAAM,EACV,EAAE,aAAa,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA;AAED,eAAe,IAAI,CAAA"}

package/dist/system/plugins/position.d.ts

@@ -1,9 +1,9 @@
 type Props = {
-    position?: 'absolute' | 'fixed' | 'relative' | 'static';
-    top?: string | number;
-    right?: string | number;
     bottom?: string | number;
     left?: string | number;
+    position?: 'absolute' | 'fixed' | 'relative' | 'static';
+    right?: string | number;
+    top?: string | number;
     zIndex?: string | number;
 };
 declare function position({ position, top, right, bottom, left, zIndex, ...restProps }: Props): {

package/dist/system/plugins/position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/position.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA;IACvD,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,GAAG,SAAS,EACb,EAAE,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BP;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/position.ts"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,GAAG,SAAS,EACb,EAAE,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BP;AAED,eAAe,QAAQ,CAAA"}

package/dist/system/plugins/size.d.ts

@@ -1,10 +1,10 @@
 type Props = {
-    width?: string | number;
     height?: string | number;
-    minWidth?: string | number;
-    minHeight?: string | number;
-    maxWidth?: string | number;
     maxHeight?: string | number;
+    maxWidth?: string | number;
+    minHeight?: string | number;
+    minWidth?: string | number;
+    width?: string | number;
 };
 declare function size({ width, height, minWidth, minHeight, maxWidth, maxHeight, ...styles }: Props): {};
 export default size;

package/dist/system/plugins/size.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/size.ts"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC5B,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,KAAK,EACL,MAAM,EAEN,QAAQ,EACR,SAAS,EAET,QAAQ,EACR,SAAS,EAET,GAAG,MAAM,EACV,EAAE,KAAK,MASP;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/size.ts"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,KAAK,EACL,MAAM,EAEN,QAAQ,EACR,SAAS,EAET,QAAQ,EACR,SAAS,EAET,GAAG,MAAM,EACV,EAAE,KAAK,MASP;AAED,eAAe,IAAI,CAAA"}

package/dist/system/plugins/size.js

@@ -1,2 +1,2 @@
-import{__rest as i}from'./../../ext/tslib/tslib.es6.js';import{spacingValue as t}from"../utils.js";function h(h){var e=h.width,m=h.height,d=h.minWidth,n=h.minHeight,a=h.maxWidth,o=h.maxHeight,r=i(h,["width","height","minWidth","minHeight","maxWidth","maxHeight"]),g={width:e,height:m,minWidth:d,minHeight:n,maxWidth:a,maxHeight:o};return Object.keys(g).forEach((function(i){var h=g[i];void 0!==h&&(r[i]=t(h))})),r}export{h as default};
+import{__rest as i}from'./../../ext/tslib/tslib.es6.js';import{spacingValue as t}from"../utils.js";function h(h){var e=h.width,m=h.height,d=h.minWidth,n=h.minHeight,a=h.maxWidth,o=h.maxHeight,r=i(h,["width","height","minWidth","minHeight","maxWidth","maxHeight"]),g={height:m,maxHeight:o,maxWidth:a,minHeight:n,minWidth:d,width:e};return Object.keys(g).forEach((function(i){var h=g[i];void 0!==h&&(r[i]=t(h))})),r}export{h as default};
 //# sourceMappingURL=size.js.map