@planningcenter/tapestry-react 4.1.0 → 4.2.0

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

@@ -1,20 +1,20 @@
 type Props = {
-    padding?: string | number;
-    paddingHorizontal?: string | number;
-    paddingVertical?: string | number;
-    paddingTop?: string | number;
-    paddingRight?: string | number;
-    paddingBottom?: string | number;
-    paddingLeft?: string | number;
+    columnGap?: string | number;
+    gap?: string | number;
     margin?: string | number;
-    marginHorizontal?: string | number;
-    marginVertical?: string | number;
-    marginTop?: string | number;
-    marginRight?: string | number;
     marginBottom?: string | number;
+    marginHorizontal?: string | number;
     marginLeft?: string | number;
-    gap?: string | number;
-    columnGap?: string | number;
+    marginRight?: string | number;
+    marginTop?: string | number;
+    marginVertical?: string | number;
+    padding?: string | number;
+    paddingBottom?: string | number;
+    paddingHorizontal?: string | number;
+    paddingLeft?: string | number;
+    paddingRight?: string | number;
+    paddingTop?: string | number;
+    paddingVertical?: string | number;
     rowGap?: string | number;
 };
 declare function space({ padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft, gap, columnGap, rowGap, ...restProps }: Props): {

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

@@ -1 +1 @@
-{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/space.ts"],"names":[],"mappings":"AAQA,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAChC,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;IAE5B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EAEX,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,WAAW,EACX,YAAY,EACZ,UAAU,EAEV,GAAG,EACH,SAAS,EACT,MAAM,EAEN,GAAG,SAAS,EACb,EAAE,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EP;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/space.ts"],"names":[],"mappings":"AASA,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAChC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE9B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EAEX,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,WAAW,EACX,YAAY,EACZ,UAAU,EAEV,GAAG,EACH,SAAS,EACT,MAAM,EAEN,GAAG,SAAS,EACb,EAAE,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EP;AAED,eAAe,KAAK,CAAA"}

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

@@ -1,8 +1,8 @@
 type Props = {
+    stroke?: string;
     strokeAlign?: 'center' | 'inside' | 'outside';
     strokeOpacity?: number;
     strokeWeight?: number;
-    stroke?: string;
 };
 declare function stroke({ stroke: _stroke, strokeAlign, strokeOpacity, strokeWeight, ...restProps }: Props, theme: any): {
     accentColor?: import("csstype").Property.AccentColor;

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

@@ -1 +1 @@
-{"version":3,"file":"stroke.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/stroke.ts"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,iBAAS,MAAM,CACb,EACE,MAAM,EAAE,OAAO,EACf,WAAuB,EACvB,aAAa,EACb,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,KAAK,EACR,KAAK,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BN;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"stroke.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/stroke.ts"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,iBAAS,MAAM,CACb,EACE,MAAM,EAAE,OAAO,EACf,WAAuB,EACvB,aAAa,EACb,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,KAAK,EACR,KAAK,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BN;AAED,eAAe,MAAM,CAAA"}

package/dist/system/plugins/stroke.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as t}from'./../../ext/tslib/tslib.es6.js';import{parseColor as s}from"../utils.js";import{getCSSProperty as i}from"../../utils.js";function e(e,r){var c=e.stroke,p=e.strokeAlign,n=void 0===p?"outside":p,x=e.strokeOpacity,a=e.strokeWeight,l=o(e,["stroke","strokeAlign","strokeOpacity","strokeWeight"]),u={};if(c&&a){var d=r&&r.colors&&r.colors[c]?i("colors",c):s(c),f=u.boxShadow?u.boxShadow.split(", "):[];"inside"===n?f.unshift("inset 0px 0px 0px ".concat(a,"px ").concat(d)):"outside"===n?f.unshift("0px 0px 0px ".concat(a,"px ").concat(d)):"center"===n&&(f.unshift("inset 0px 0px 0px ".concat(a/2,"px ").concat(d)),f.unshift("0px 0px 0px ".concat(a/2,"px ").concat(d))),u.boxShadow=f.join(", ")}else u.stroke=c,x&&(u.strokeOpacity=x);return t(t({},l),u)}export{e as default};
+import{__rest as o,__assign as t}from'./../../ext/tslib/tslib.es6.js';import{getCSSProperty as s}from"../../utils.js";import{parseColor as i}from"../utils.js";function e(e,r){var c=e.stroke,p=e.strokeAlign,n=void 0===p?"outside":p,x=e.strokeOpacity,a=e.strokeWeight,l=o(e,["stroke","strokeAlign","strokeOpacity","strokeWeight"]),u={};if(c&&a){var d=r&&r.colors&&r.colors[c]?s("colors",c):i(c),f=u.boxShadow?u.boxShadow.split(", "):[];"inside"===n?f.unshift("inset 0px 0px 0px ".concat(a,"px ").concat(d)):"outside"===n?f.unshift("0px 0px 0px ".concat(a,"px ").concat(d)):"center"===n&&(f.unshift("inset 0px 0px 0px ".concat(a/2,"px ").concat(d)),f.unshift("0px 0px 0px ".concat(a/2,"px ").concat(d))),u.boxShadow=f.join(", ")}else u.stroke=c,x&&(u.strokeOpacity=x);return t(t({},l),u)}export{e as default};
 //# sourceMappingURL=stroke.js.map

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

@@ -1,9 +1,9 @@
 import { CSSProperties } from 'react';
 declare function transform({ x, y, scale, rotate, ...styles }: CSSProperties & {
-    x?: number | string;
-    y?: number | string;
     rotate?: string | number;
     transform?: string;
+    x?: number | string;
+    y?: number | string;
 }): {
     accentColor?: import("csstype").Property.AccentColor;
     alignContent?: import("csstype").Property.AlignContent;

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

@@ -1 +1 @@
-{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/transform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,iBAAS,SAAS,CAAC,EACjB,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,GAAG,MAAM,EACV,EAAE,aAAa,GAAG;IACjB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBADa,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBnB;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../src/system/plugins/transform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,iBAAS,SAAS,CAAC,EACjB,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,GAAG,MAAM,EACV,EAAE,aAAa,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAHa,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BnB;AAED,eAAe,SAAS,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"split-styles.d.ts","sourceRoot":"","sources":["../../src/system/split-styles.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAqB,EACrB,YAAiB,EACjB,MAAkB,EAClB,OAAO,EACP,QAAa,EACb,OAAc,EACd,GAAG,aAAa,EACjB;;;;;;;;CAAA;;;EAoGA"}
+{"version":3,"file":"split-styles.d.ts","sourceRoot":"","sources":["../../src/system/split-styles.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAqB,EACrB,YAAiB,EACjB,MAAkB,EAClB,OAAO,EACP,QAAa,EACb,OAAc,EACd,GAAG,aAAa,EACjB;;;;;;;;CAAA;;;EAoGA"}

package/dist/system/split-styles.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as i}from'./../ext/tslib/tslib.es6.js';import{stylePropNames as r,pseudoPropNames as n}from"./style-names.js";import{parsePluginStyles as s}from"./parse-styles.js";import a from"lodash/includes";function t(t){var o=t.className,d=void 0===o?void 0:o,v=t.mediaQueries,l=void 0===v?{}:v,c=t.plugin,u=void 0===c?void 0:c,p=t.variant,f=t.variants,m=void 0===f?{}:f,y=t.visible,b=void 0===y||y,x=e(t,["className","mediaQueries","plugin","variant","variants","visible"]),O={},j={},k=function(e){return r.indexOf(e)>-1||n.indexOf(e)>-1||u&&u.styleProps.indexOf(e)>-1};for(var N in x){var g=x[N];k(N)?j[N]=g:O[N]=g}return i(i({},O),{className:d?"tapestry-react-reset ".concat(d):"tapestry-react-reset",css:function(t){var o={};for(var d in j){var v=j[d];a(r,d)||u&&u.styleProps.indexOf(d)>-1?o[d]=v:a(n,d)&&(o["&:".concat(d)]=s(v,u,t))}var c=s(o,u,t),f=Object.keys(l).reduce((function(e,i){var r=null==t?void 0:t.breakpoints[i],n=r?"number"==typeof r?"@media screen and (min-width: ".concat(r,"px)"):r:i,a=s(l[i],u,t);return void 0!==a.visible&&(a.display=a.visible?c.display:"none",delete a.visible),e[n]=a,e}),{}),y=function(r){var n=r.variants,s=e(r,["variants"]);return n?i(i({},s),x(n)):r},x=function(r){return Object.keys(r).reduce((function(o,d){var v,l=s(r[d],u,t),f=l.visible,m=e(l,["visible"]);return void 0!==f&&(m.display=f?c.display:"none"),p.includes(d)?i(i({},o),y(m)):a(n,d)?i(i({},o),((v={})[":".concat(d)]=y(m),v)):o}),{})},O=x(m);return!1===b&&(c.display="none"),[c,f,O]}})}export{t as default};
+import{__rest as e,__assign as i}from'./../ext/tslib/tslib.es6.js';import r from"lodash/includes";import{parsePluginStyles as n}from"./parse-styles.js";import{stylePropNames as s,pseudoPropNames as a}from"./style-names.js";function t(t){var o=t.className,d=void 0===o?void 0:o,v=t.mediaQueries,l=void 0===v?{}:v,c=t.plugin,u=void 0===c?void 0:c,p=t.variant,f=t.variants,m=void 0===f?{}:f,y=t.visible,b=void 0===y||y,x=e(t,["className","mediaQueries","plugin","variant","variants","visible"]),O={},j={},k=function(e){return s.indexOf(e)>-1||a.indexOf(e)>-1||u&&u.styleProps.indexOf(e)>-1};for(var N in x){var g=x[N];k(N)?j[N]=g:O[N]=g}return i(i({},O),{className:d?"tapestry-react-reset ".concat(d):"tapestry-react-reset",css:function(t){var o={};for(var d in j){var v=j[d];r(s,d)||u&&u.styleProps.indexOf(d)>-1?o[d]=v:r(a,d)&&(o["&:".concat(d)]=n(v,u,t))}var c=n(o,u,t),f=Object.keys(l).reduce((function(e,i){var r=null==t?void 0:t.breakpoints[i],s=r?"number"==typeof r?"@media screen and (min-width: ".concat(r,"px)"):r:i,a=n(l[i],u,t);return void 0!==a.visible&&(a.display=a.visible?c.display:"none",delete a.visible),e[s]=a,e}),{}),y=function(r){var n=r.variants,s=e(r,["variants"]);return n?i(i({},s),x(n)):r},x=function(s){return Object.keys(s).reduce((function(o,d){var v,l=n(s[d],u,t),f=l.visible,m=e(l,["visible"]);return void 0!==f&&(m.display=f?c.display:"none"),p.includes(d)?i(i({},o),y(m)):r(a,d)?i(i({},o),((v={})[":".concat(d)]=y(m),v)):o}),{})},O=x(m);return!1===b&&(c.display="none"),[c,f,O]}})}export{t as default};
 //# sourceMappingURL=split-styles.js.map

package/dist/system/use-css.js

@@ -1,2 +1,2 @@
-import{useCallback as r}from"react";import{useTheme as t}from"@emotion/react";import o from"./cxs.js";import{parseCssStyles as e}from"./parse-styles.js";function m(){var m=t();return r((function(r){return o(e(r,null,m))}),[m])}export{m as default};
+import{useTheme as r}from"@emotion/react";import{useCallback as t}from"react";import o from"./cxs.js";import{parseCssStyles as e}from"./parse-styles.js";function m(){var m=r();return t((function(r){return o(e(r,null,m))}),[m])}export{m as default};
 //# sourceMappingURL=use-css.js.map

package/dist/system/utils.d.ts

@@ -24,7 +24,7 @@ export declare function expandDirectionalProperty<Prefix extends string>(name: P
 export declare function parseSides(...sides: Array<number | string>): string | number;
 export declare function parseColor(color: any): any;
 export declare function isLightColor(color: any): boolean;
-export declare function getForegroundColor(color: any): "light-9" | "dark-9";
+export declare function getForegroundColor(color: any): "dark-9" | "light-9";
 export declare function useThemeValue<T>(path: string | string[], defaultValue?: T): any;
 export declare function useThemeProps<T extends Record<string, any>>(path: string, props: T): any;
 export declare function useBoxSize(size?: string): any;

package/dist/system/utils.js

@@ -1,2 +1,2 @@
-import{__assign as e}from'./../ext/tslib/tslib.es6.js';import{useContext as t,useCallback as r}from"react";import{ThemeContext as n}from"@emotion/react";import{darken as o,lighten as a,parseToRgb as c,getLuminance as u}from"polished";import i from"lodash/get";import{getColor as s}from"./colors/colors.js";import"../utils.js";import f from"./default-theme.js";var l=8,p=["xxs","xs","sm","md","lg","xl","xxl"],m={baseline:"baseline",center:"center",end:"flex-end",start:"flex-start",stretch:"stretch"},d={center:"center",end:"flex-end","space-around":"space-around","space-between":"space-between","space-evenly":"space-evenly",start:"flex-start"};function h(e,t){var r=p.indexOf(e);return p[r+t]||e}function v(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.some((function(e){return null!=e}))}function x(e){return"number"==typeof e?8*e+"px":e}function g(e){return e/8}function b(t,r){var n=r.split(/\s+/);if(1===n.length){var o=n[0];n=[o,o,o,o]}else 2===n.length?n=n.concat(n):3===n.length&&n.push(n[1]);return["Top","Right","Bottom","Left"].reduce((function(r,o,a){var c;return e(e({},r),((c={})["".concat(t).concat(o)]=n[a],c))}),{})}function y(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.reduce((function(e,t){return"string"==typeof t?t:null!=t?8*t+"px":e}),0)}function j(e){if("object"==typeof e){var t=s(e.base)||e.base;if("transparent"===t)return t;if(e.darken&&(t=o(e.darken,t)),e.lighten&&(t=a(e.lighten,t)),void 0!==e.alpha){var r=c(t),n=r.red,u=r.green,i=r.blue;return"rgba(".concat(n,", ").concat(u,", ").concat(i,", ").concat(e.alpha,")")}return t}return s(e)||e}function k(e){if("transparent"===e)return null;try{return u(j(e))>.5}catch(e){return null}}function O(e){return k(e)?"dark-9":"light-9"}function w(e,r){var o=t(n);return e?i(o,e,r||i(f,e)):o||f}function z(t,r){return e(e({},w(t)),r)}function S(t){void 0===t&&(t="md");var n=w("boxSizes"),o=r((function(e){var r=Object.keys(n).indexOf(t);return p[r+e]||t}),[t]);return e(e({},n[t]||{}),{navigateSize:o})}export{m as alignTypes,v as anyDefined,g as convertToBaseUnit,b as expandDirectionalProperty,O as getForegroundColor,k as isLightColor,d as justifyTypes,h as navigateSize,j as parseColor,y as parseSides,p as sizes,l as spacing,x as spacingValue,S as useBoxSize,z as useThemeProps,w as useThemeValue};
+import{__assign as e}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as t}from"@emotion/react";import r from"lodash/get";import{darken as n,lighten as o,parseToRgb as a,getLuminance as c}from"polished";import{useContext as u,useCallback as i}from"react";import{getColor as s}from"./colors/colors.js";import"../utils.js";import f from"./default-theme.js";var l=8,p=["xxs","xs","sm","md","lg","xl","xxl"],m={baseline:"baseline",center:"center",end:"flex-end",start:"flex-start",stretch:"stretch"},d={center:"center",end:"flex-end","space-around":"space-around","space-between":"space-between","space-evenly":"space-evenly",start:"flex-start"};function h(e,t){var r=p.indexOf(e);return p[r+t]||e}function v(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.some((function(e){return null!=e}))}function x(e){return"number"==typeof e?8*e+"px":e}function g(e){return e/8}function b(t,r){var n=r.split(/\s+/);if(1===n.length){var o=n[0];n=[o,o,o,o]}else 2===n.length?n=n.concat(n):3===n.length&&n.push(n[1]);return["Top","Right","Bottom","Left"].reduce((function(r,o,a){var c;return e(e({},r),((c={})["".concat(t).concat(o)]=n[a],c))}),{})}function y(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.reduce((function(e,t){return"string"==typeof t?t:null!=t?8*t+"px":e}),0)}function j(e){if("object"==typeof e){var t=s(e.base)||e.base;if("transparent"===t)return t;if(e.darken&&(t=n(e.darken,t)),e.lighten&&(t=o(e.lighten,t)),void 0!==e.alpha){var r=a(t),c=r.red,u=r.green,i=r.blue;return"rgba(".concat(c,", ").concat(u,", ").concat(i,", ").concat(e.alpha,")")}return t}return s(e)||e}function k(e){if("transparent"===e)return null;try{return c(j(e))>.5}catch(e){return null}}function O(e){return k(e)?"dark-9":"light-9"}function w(e,n){var o=u(t);return e?r(o,e,n||r(f,e)):o||f}function z(t,r){return e(e({},w(t)),r)}function S(t){void 0===t&&(t="md");var r=w("boxSizes"),n=i((function(e){var n=Object.keys(r).indexOf(t);return p[n+e]||t}),[t]);return e(e({},r[t]||{}),{navigateSize:n})}export{m as alignTypes,v as anyDefined,g as convertToBaseUnit,b as expandDirectionalProperty,O as getForegroundColor,k as isLightColor,d as justifyTypes,h as navigateSize,j as parseColor,y as parseSides,p as sizes,l as spacing,x as spacingValue,S as useBoxSize,z as useThemeProps,w as useThemeValue};
 //# sourceMappingURL=utils.js.map

package/dist/types.d.ts

@@ -1,111 +1,139 @@
 import * as React from 'react';
 import { LiteralUnion } from 'type-fest';
+import { BadgeProps } from './Badge/Badge';
 import { BoxProps } from './Box';
-import { NativeStyleNames, ColorStyleNames } from './system/style-names';
+import { ColorStyleNames, NativeStyleNames, pseudoPropNames } from './system/style-names';
 export type InputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
 export type DivProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-export interface BoxSizes {
-    xxs?: number;
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    xxl: number;
-}
-export interface Breakpoints {
+export type Sizes = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+type OptionalBoxSizes = 'xxs';
+type RequiredBoxSizes = Exclude<Sizes, OptionalBoxSizes>;
+export type BoxSizes = {
+    [K in RequiredBoxSizes]: number;
+} & Partial<{
+    [K in OptionalBoxSizes]: number;
+}>;
+export interface BoxSize {
+    boxSize?: number;
+    fontSize?: StyleProps['fontSize'];
+    lineHeight?: StyleProps['lineHeight'];
+    paddingHorizontal?: StyleProps['paddingHorizontal'];
+    paddingHorizontalDense?: StyleProps['paddingLeft'];
+    paddingVertical?: StyleProps['paddingVertical'];
+    radius?: StyleProps['radius'];
 }
+export type Breakpoints = Partial<Record<Sizes, number>>;
 export interface DefaultBreakpoints {
-    xs: number;
-    sm: number;
-    md: number;
     lg: number;
+    md: number;
+    sm: number;
     xl: number;
+    xs: number;
 }
 export interface SpinnerSizes {
-    xxs: number;
-    xs: number;
-    sm: number;
-    md: number;
     lg: number;
+    md: number;
+    sm: number;
     xl: number;
+    xs: number;
     xxl: number;
+    xxs: number;
 }
 export interface SpinnerThickness {
-    xxs: number;
-    xs: number;
-    sm: number;
-    md: number;
     lg: number;
+    md: number;
+    sm: number;
     xl: number;
+    xs: number;
     xxl: number;
+    xxs: number;
 }
 export interface Colors {
-    foreground: string;
-    foregroundSecondary: string;
-    foregroundTertiary: string;
     background: string;
     backgroundSecondary: string;
     backgroundTertiary: string;
-    surface: string;
-    surfaceSecondary: string;
-    surfaceTertiary: string;
-    separator: string;
-    separatorSecondary: string;
-    separatorTertiary: string;
-    separatorHover: string;
-    separatorFocus: string;
-    separatorFocusSecondary: string;
-    highlight: string;
-    highlightSecondary: string;
-    linkForeground: string;
-    linkBackground: string;
-    primary: string;
-    'primary-light': string;
-    'primary-lighter': string;
-    'primary-lightest': string;
-    'primary-dark': string;
-    'primary-darker': string;
-    'primary-darkest': string;
-    warning: string;
-    'warning-light': string;
-    'warning-lighter': string;
-    'warning-lightest': string;
-    'warning-dark': string;
-    'warning-darker': string;
-    'warning-darkest': string;
+    'blue-0': string;
+    'blue-1': string;
+    'blue-2': string;
+    'blue-3': string;
+    'blue-4': string;
+    'blue-5': string;
+    'blue-6': string;
+    'blue-7': string;
+    'blue-8': string;
+    'blue-9': string;
+    calendar: string;
+    'check-ins': string;
+    'dark-0': string;
+    'dark-1': string;
+    'dark-2': string;
+    'dark-3': string;
+    'dark-4': string;
+    'dark-5': string;
+    'dark-6': string;
+    'dark-7': string;
+    'dark-8': string;
+    'dark-9': string;
     error: string;
-    'error-light': string;
-    'error-lighter': string;
-    'error-lightest': string;
     'error-dark': string;
     'error-darker': string;
     'error-darkest': string;
-    success: string;
-    'success-light': string;
-    'success-lighter': string;
-    'success-lightest': string;
-    'success-dark': string;
-    'success-darker': string;
-    'success-darkest': string;
-    sunday: string;
-    monday: string;
-    tuesday: string;
-    wednesday: string;
-    thursday: string;
+    'error-light': string;
+    'error-lighter': string;
+    'error-lightest': string;
+    foreground: string;
+    foregroundSecondary: string;
+    foregroundTertiary: string;
     friday: string;
-    saturday: string;
-    'check-ins': string;
     giving: string;
+    'green-0': string;
+    'green-1': string;
+    'green-2': string;
+    'green-3': string;
+    'green-4': string;
+    'green-5': string;
+    'green-6': string;
+    'green-7': string;
+    'green-8': string;
+    'green-9': string;
+    'grey-0': string;
+    'grey-1': string;
+    'grey-2': string;
+    'grey-3': string;
+    'grey-4': string;
+    'grey-5': string;
+    'grey-6': string;
+    'grey-7': string;
+    'grey-8': string;
+    'grey-9': string;
     groups: string;
+    highlight: string;
+    highlightSecondary: string;
+    'light-0': string;
+    'light-1': string;
+    'light-2': string;
+    'light-3': string;
+    'light-4': string;
+    'light-5': string;
+    'light-6': string;
+    'light-7': string;
+    'light-8': string;
+    'light-9': string;
+    linkBackground: string;
+    linkForeground: string;
+    monday: string;
     'music-stand': string;
     pco: string;
     people: string;
     'planning-center': string;
+    primary: string;
+    'primary-dark': string;
+    'primary-darker': string;
+    'primary-darkest': string;
+    'primary-light': string;
+    'primary-lighter': string;
+    'primary-lightest': string;
     projector: string;
-    registrations: string;
-    calendar: string;
-    services: string;
     'red-0': string;
     'red-1': string;
     'red-2': string;
@@ -116,26 +144,37 @@ export interface Colors {
     'red-7': string;
     'red-8': string;
     'red-9': string;
-    'blue-0': string;
-    'blue-1': string;
-    'blue-2': string;
-    'blue-3': string;
-    'blue-4': string;
-    'blue-5': string;
-    'blue-6': string;
-    'blue-7': string;
-    'blue-8': string;
-    'blue-9': string;
-    'green-0': string;
-    'green-1': string;
-    'green-2': string;
-    'green-3': string;
-    'green-4': string;
-    'green-5': string;
-    'green-6': string;
-    'green-7': string;
-    'green-8': string;
-    'green-9': string;
+    registrations: string;
+    saturday: string;
+    separator: string;
+    separatorFocus: string;
+    separatorFocusSecondary: string;
+    separatorHover: string;
+    separatorSecondary: string;
+    separatorTertiary: string;
+    services: string;
+    success: string;
+    'success-dark': string;
+    'success-darker': string;
+    'success-darkest': string;
+    'success-light': string;
+    'success-lighter': string;
+    'success-lightest': string;
+    sunday: string;
+    surface: string;
+    surfaceSecondary: string;
+    surfaceTertiary: string;
+    thursday: string;
+    transparent: string;
+    tuesday: string;
+    warning: string;
+    'warning-dark': string;
+    'warning-darker': string;
+    'warning-darkest': string;
+    'warning-light': string;
+    'warning-lighter': string;
+    'warning-lightest': string;
+    wednesday: string;
     'yellow-0': string;
     'yellow-1': string;
     'yellow-2': string;
@@ -146,47 +185,30 @@ export interface Colors {
     'yellow-7': string;
     'yellow-8': string;
     'yellow-9': string;
-    'light-0': string;
-    'light-1': string;
-    'light-2': string;
-    'light-3': string;
-    'light-4': string;
-    'light-5': string;
-    'light-6': string;
-    'light-7': string;
-    'light-8': string;
-    'light-9': string;
-    'dark-0': string;
-    'dark-1': string;
-    'dark-2': string;
-    'dark-3': string;
-    'dark-4': string;
-    'dark-5': string;
-    'dark-6': string;
-    'dark-7': string;
-    'dark-8': string;
-    'dark-9': string;
-    'grey-0': string;
-    'grey-1': string;
-    'grey-2': string;
-    'grey-3': string;
-    'grey-4': string;
-    'grey-5': string;
-    'grey-6': string;
-    'grey-7': string;
-    'grey-8': string;
-    'grey-9': string;
-    transparent: string;
 }
 export type ColorProp = LiteralUnion<keyof Colors, string>;
 export interface ButtonTheme {
     fill: any;
-    outline: any;
     naked: any;
+    outline: any;
+    primary?: any;
 }
+type ColorScaleArray = [
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string
+];
+type ThemeColors = Partial<Colors> & Record<string, string | ColorScaleArray>;
 export interface Theme {
-    id?: string;
-    boxSizes?: Partial<Record<keyof BoxSizes, BoxProps>>;
+    badge?: BadgeProps;
+    boxSizes?: Partial<Record<Sizes, Partial<BoxProps> & BoxSize>>;
     breakpoints?: Partial<Breakpoints>;
     button?: {
         themes?: {
@@ -195,19 +217,23 @@ export interface Theme {
     };
     calendar?: any;
     checkbox?: any;
-    colors?: Partial<Colors>;
+    colors?: ThemeColors;
     elevations?: Array<string>;
     fontSizes?: Array<number>;
     group?: {
         radius?: number;
     };
+    heading?: StyleProps;
+    icons?: object;
+    id?: string;
+    lineHeights?: Array<number>;
+    modal?: StyleProps;
     pageBody?: BoxProps;
     pageButton?: any;
     pageDropdown?: any;
     pageHeader?: BoxProps;
     pageTitle?: any;
-    icons?: object;
-    lineHeights?: Array<number>;
+    popover?: StyleProps;
     radio?: any;
     spinner?: {
         color?: ColorProp;
@@ -215,49 +241,54 @@ export interface Theme {
         thickness?: Partial<SpinnerThickness>;
         trackColor?: ColorProp;
     };
+    text?: StyleProps;
     toggleSwitch?: {
         backgroundColor?: ColorProp;
     };
 }
 export interface MediaQueries<T> {
-    mediaQueries?: Partial<Record<keyof Breakpoints, T>>;
+    mediaQueries?: Partial<Record<Sizes | string, Partial<T>>>;
 }
 export interface Variants<T> {
     variants?: {
-        [key in any]?: T;
+        [key in any]?: Partial<T>;
     };
 }
 type CustomStyles = {
-    css?: any;
-    paddingHorizontal?: number | string;
-    paddingVertical?: number | string;
-    marginHorizontal?: number | string;
-    marginVertical?: number | string;
+    basis?: React.CSSProperties['flexBasis'];
     column?: React.CSSProperties['gridColumn'];
-    columnStart?: React.CSSProperties['gridColumnStart'];
     columnEnd?: React.CSSProperties['gridColumnEnd'];
-    row?: React.CSSProperties['gridRow'];
-    rowStart?: React.CSSProperties['gridRowStart'];
-    rowEnd?: React.CSSProperties['gridRowEnd'];
-    basis?: React.CSSProperties['flexBasis'];
+    columnStart?: React.CSSProperties['gridColumnStart'];
+    css?: any;
+    elevation?: number;
     grow?: React.CSSProperties['flexGrow'];
-    shrink?: React.CSSProperties['flexShrink'];
-    wrap?: boolean | string;
+    marginHorizontal?: number | string;
+    marginVertical?: number | string;
+    paddingHorizontal?: number | string;
+    paddingVertical?: number | string;
     radius?: React.CSSProperties['borderRadius'];
-    radiusTop?: number | string;
-    radiusRight?: number | string;
     radiusBottom?: number | string;
     radiusLeft?: number | string;
+    radiusRight?: number | string;
+    radiusTop?: number | string;
+    rotate?: number;
+    row?: React.CSSProperties['gridRow'];
+    rowEnd?: React.CSSProperties['gridRowEnd'];
+    rowStart?: React.CSSProperties['gridRowStart'];
+    scale?: number;
+    shrink?: React.CSSProperties['flexShrink'];
     strokeAlign?: 'inside' | 'center' | 'outside';
     strokeWeight?: number;
-    elevation?: number;
+    uppercase?: boolean;
+    visible?: boolean;
+    wrap?: boolean | string;
     x?: number | string;
     y?: number | string;
-    rotate?: number;
-    scale?: number;
-    uppercase?: boolean;
 };
-export type StyleProps = Pick<React.CSSProperties, NativeStyleNames> & Partial<Record<ColorStyleNames, ColorProp>> & CustomStyles;
+type PseudoSelectorStyles = {
+    [key in typeof pseudoPropNames[number]]?: StyleProps;
+};
+export type StyleProps = Pick<React.CSSProperties, NativeStyleNames> & Partial<Record<ColorStyleNames, ColorProp>> & CustomStyles & PseudoSelectorStyles;
 export type CommonProps = React.RefAttributes<any> & React.HTMLAttributes<any> & any;
 export type CommonComponent = React.FC<CommonProps>;
 export type CommonPropsWith<T extends object> = Omit<CommonProps, keyof T> & T;
@@ -330,6 +361,10 @@ export type Wizard = React.FC<CommonProps>;
 type HTMLInputWrapperComponent = CommonComponentWith<{
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }>;
+export type As = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;
+export type AsProps<T extends As, Overrides extends Record<string, any> = {}> = {
+    as?: T;
+} & Omit<T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T] : T extends React.JSXElementConstructor<infer P> ? P : {}, 'as' | keyof Overrides> & Overrides;
 export type Checkbox = HTMLInputWrapperComponent;
 export type Input = HTMLInputWrapperComponent & {
     Inline: HTMLInputWrapperComponent;
@@ -349,9 +384,9 @@ export type Select = CommonComponent & {
     toggleValue: (...args: any[]) => unknown;
 };
 export type Sortable = CommonComponent & {
-    SortableManager: CommonComponent;
-    SortableList: CommonComponent;
     SortableItem: CommonComponent;
+    SortableList: CommonComponent;
+    SortableManager: CommonComponent;
 };
 export * from './Alert';
 export * from './Box';
@@ -370,8 +405,8 @@ export * from './StackView';
 export * from './Tab';
 export * from './TabNav';
 export * from './Text';
+export * from './ThemeProvider';
 export * from './TileView';
 export * from './ToggleSwitch';
-export * from './ThemeProvider';
 export * from './WrapView';
 //# sourceMappingURL=types.d.ts.map