@planningcenter/tapestry-react 4.10.1 → 4.11.0

package/dist/HelperDrawer/HelperDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelperDrawer.d.ts","sourceRoot":"","sources":["../../src/HelperDrawer/HelperDrawer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAA;AAGxE,OAAO,IAAI,MAAM,SAAS,CAAA;AAM1B,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE;;;CAAA,eA0BzC;AAED,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAEzC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAAA;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,eAgB1D;kBAhBQ,YAAY;;;;;;;YAoB0C,aAAa;;AAA5E,wBAA8E"}
+{"version":3,"file":"HelperDrawer.d.ts","sourceRoot":"","sources":["../../src/HelperDrawer/HelperDrawer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAA;AAGxE,OAAO,IAAI,MAAM,SAAS,CAAA;AAM1B,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE;;;CAAA,eA8BzC;AAED,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAEzC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAAA;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,eAgB1D;kBAhBQ,YAAY;;;;;;;YAoB0C,aAAa;;AAA5E,wBAA8E"}

package/dist/HelperDrawer/HelperDrawer.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import t,{useState as o,useEffect as n,useCallback as i}from"react";import{Button as l}from"../Button/Button.js";import{Card as a}from"../Card/Card.js";import d from"../Collapse/Collapse.js";import{useThemeValue as u}from"../system/utils.js";var c={};function f(i){var l=i.children,f=i.id,m=e(i,["children","id"]),s=u("helperDrawer"),p=o(!1),g=p[0],h=p[1];return n((function(){return c[f]=function(){return h((function(e){return!e}))},function(){delete c[f]}}),[f]),t.createElement(d,{open:g,lazy:!0,style:{width:"100%"}},t.createElement(a,r({subdued:!0,padding:1,fontSize:4},s,m),l))}f.Toggle=function(o){var n=o.drawerId,a=e(o,["drawerId"]),d=u("helperDrawerToggle"),f=i((function(e){var r=c[n];r&&(e.preventDefault(),r())}),[n]);return t.createElement(l,r({icon:{name:"general.outlinedInfoCircle"},tooltip:{title:"More info"},size:"xs",theme:!1,color:"foregroundSecondary",hover:{backgroundColor:"highlight"},onClick:f,"data-helper-drawer-toggle":!0},d,a))};export{f as default};
+import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import t,{useState as o,useEffect as n,useCallback as i}from"react";import{Button as l}from"../Button/Button.js";import{Card as a}from"../Card/Card.js";import d from"../Collapse/Collapse.js";import{useThemeValue as u}from"../system/utils.js";var c={};function f(i){var l=i.children,f=i.id,s=e(i,["children","id"]),m=u("helperDrawer"),p=o(!1),g=p[0],h=p[1];return n((function(){return c[f]=function(){return h((function(e){return!e}))},function(){delete c[f]}}),[f]),t.createElement(d,{open:g,lazy:!0,style:{width:"100%"}},t.createElement(a,r({subdued:!0,padding:1,fontSize:4,id:f},m,s),l))}f.Toggle=function(n){var a=n.drawerId,d=e(n,["drawerId"]),f=u("helperDrawerToggle"),s=o(!1),m=s[0],p=s[1],g=i((function(e){var r=c[a];r&&(e.preventDefault(),r(),p((function(e){return!e})))}),[a]);return t.createElement(l,r({icon:{name:"general.outlinedInfoCircle"},"aria-expanded":m,"aria-controls":a,tooltip:{title:"More info"},size:"xs",theme:!1,color:"foregroundSecondary",hover:{backgroundColor:"highlight"},onClick:g,"data-helper-drawer-toggle":!0},f,d))};export{f as default};
 //# sourceMappingURL=HelperDrawer.js.map

package/dist/Input/Input.d.ts

@@ -28,6 +28,7 @@ interface Props {
     placeholder?: InputFieldProps['placeholder'];
     placeholderColor?: InputFieldProps['placeholderColor'];
     readOnly?: InputFieldProps['readOnly'];
+    readOnlyBackgroundColor?: string;
     required?: InputFieldProps['required'];
     type?: InputFieldProps['type'];
     value?: InputFieldProps['value'];

package/dist/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,QAAQ,EAAE,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,UAAU,KAAK;IAIb,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAA;IAK9C,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAMxC,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAKxC,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAKlD,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAG9B,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAA;IAK9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAKhC,sBAAsB,CAAC,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAA;IAKlE,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAKhC,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;IAK1B,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAA;IAK5B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAKxC,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAA;IAK5B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAKxC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAK9B,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;IAKlC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IAKtC,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAEpC,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAExC,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAEpC,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAA;IAK5C,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAA;IAKtD,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IAKtC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IAGtC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAG9B,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;CACjC;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,EAAE,MAAM,KAAK,CAAC,GACxE,KAAK,CAAA;AAEP,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACtD,SAAS,EAAE,gBAAgB,CAAA;IAC3B,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IACpC,MAAM,CAAC,MAAM,EAAE,OAAO,MAAM,CAAA;IAC5B,MAAM,CAAC,QAAQ,EAAE,OAAO,QAAQ,CAAA;IAChC,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IAEpC,YAAY,sBAEX;IAED,KAAK;IAIL,IAAI;IAIJ,MAAM;CA8EP"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,QAAQ,EAAE,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,UAAU,KAAK;IAIb,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAA;IAK9C,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAMxC,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAKxC,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAKlD,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAG9B,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAA;IAK9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAKhC,sBAAsB,CAAC,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAA;IAKlE,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAKhC,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;IAK1B,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAA;IAK5B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAKxC,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAA;IAK5B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAKxC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAK9B,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;IAKlC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IAKtC,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAEpC,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAExC,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAEpC,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAA;IAK5C,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAA;IAKtD,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IAKtC,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAKhC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IAGtC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAG9B,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;CACjC;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,EAAE,MAAM,KAAK,CAAC,GACxE,KAAK,CAAA;AAEP,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACtD,SAAS,EAAE,gBAAgB,CAAA;IAC3B,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IACpC,MAAM,CAAC,MAAM,EAAE,OAAO,MAAM,CAAA;IAC5B,MAAM,CAAC,QAAQ,EAAE,OAAO,QAAQ,CAAA;IAChC,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IAEpC,YAAY,sBAEX;IAED,KAAK;IAIL,IAAI;IAIJ,MAAM;CA8EP"}

package/dist/Input/InputBox.d.ts

@@ -15,6 +15,7 @@ export type InputBoxProps = StackViewProps & {
     naked?: boolean;
     onClear?: (event?: MouseEvent<HTMLButtonElement>) => void;
     readOnly?: boolean;
+    readOnlyBackgroundColor?: string;
     renderLeft?: ((size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl') => ReactElement) | ReactElement;
     renderRight?: ((size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl') => ReactElement) | ReactElement;
     secondaryStroke?: boolean;

package/dist/Input/InputBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,SAAS,EAET,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAY,MAAM,UAAU,CAAA;AAOrD,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAKxD,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAI3C,eAAe,CAAC,EAAE,MAAM,CAAA;IAKxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAMpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,eAAe,CAAC,EAAE,MAAM,CAAA;IAOxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAK9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAMpB,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,QAAQ,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAA;IAKxC,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAEzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,UAAU,CAAC,EACP,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,WAAW,CAAC,EACR,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,eAAe,CAAC,EAAE,OAAO,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAMvC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK3B,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAYD,cAAM,QAAS,SAAQ,SAAS,CAC9B,aAAa,EACb;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAC3C;IACC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,WAAW,SAAmB;IAErC,IAAI,EAAE,gBAAgB,CAAA;gBAEV,KAAK,KAAA;IAWjB,oBAAoB;IAMpB,OAAO,SAAU,gBAAgB,UAKhC;IAED,YAAY,YAGX;IAED,KAAK,2BAWJ;IAED,IAAI,aAMH;IAED,WAAW,mBAUV;IAED,UAAU,mBAKT;IAED,WAAW,mBAKV;IAED,eAAe,mBAKd;IAED,cAAc,mBAKb;IAED,oBAAoB,aAEnB;IAED,MAAM;CAgNP;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,SAAS,EAET,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAY,MAAM,UAAU,CAAA;AAOrD,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAKxD,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAI3C,eAAe,CAAC,EAAE,MAAM,CAAA;IAKxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAMpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,eAAe,CAAC,EAAE,MAAM,CAAA;IAOxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAK9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAMpB,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,QAAQ,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAA;IAKxC,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAEzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAKhC,UAAU,CAAC,EACP,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,WAAW,CAAC,EACR,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,eAAe,CAAC,EAAE,OAAO,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAMvC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK3B,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAYD,cAAM,QAAS,SAAQ,SAAS,CAC9B,aAAa,EACb;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAC3C;IACC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,WAAW,SAAmB;IAErC,IAAI,EAAE,gBAAgB,CAAA;gBAEV,KAAK,KAAA;IAWjB,oBAAoB;IAMpB,OAAO,SAAU,gBAAgB,UAKhC;IAED,YAAY,YAGX;IAED,KAAK,2BAWJ;IAED,IAAI,aAMH;IAED,WAAW,mBAUV;IAED,UAAU,mBAKT;IAED,WAAW,mBAKV;IAED,eAAe,mBAKd;IAED,cAAc,mBAKb;IAED,oBAAoB,aAEnB;IAED,MAAM;CAkNP;AAED,eAAe,QAAQ,CAAA"}

package/dist/Input/InputBox.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import t,{cloneElement as n,Component as i}from"react";import{tabbable as s}from"tabbable";import{Box as a}from"../Box/Box.js";import{Button as l}from"../Button/Button.js";import{designTokens as u}from"../designTokens/index.js";import{useDocumentEvent as d}from"../hooks/use-document-event.js";import"mousetrap";import"../hooks/use-measure.js";import{Spinner as c}from"../Spinner/Spinner.js";import{StackView as p}from"../StackView/StackView.js";import{getBoxSize as f}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import b from"./InputContext.js";import{isTabbable as m,inputs as g}from"./utils.js";function h(e){var o=e.onEscape;return d("keydown",(function(e){27===e.keyCode&&o()})),null}var v=function(i){function d(e){var o=i.call(this,e)||this;return Object.defineProperty(o,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.node=e,o.props.innerRef&&o.props.innerRef(e)}}),Object.defineProperty(o,"getBoxStyles",{enumerable:!0,configurable:!0,writable:!0,value:function(){return f(o.props.size)}}),Object.defineProperty(o,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0===e&&(e=o.props.focusChildIndex);var r=o.node;if(r&&void 0!==e){var t=s(r);t.length>0&&(r=t[e])}r&&r.focus&&r.focus()}}),Object.defineProperty(o,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){m(o.node)?o.node.blur():o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.focusChildrenOnFocus&&e.target===o.node&&o.focus(),o.props.onFocus&&o.props.onFocus(e),o.setState({isFocused:!0})}}),Object.defineProperty(o,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onBlur&&o.props.onBlur(e),o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleClear",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onClear&&o.props.onClear(e),o.focus()}}),Object.defineProperty(o,"handleMouseOver",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOver&&o.props.onMouseOver(e),o.setState({isHovered:!0})}}),Object.defineProperty(o,"handleMouseOut",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOut&&o.props.onMouseOut(e),o.setState({isHovered:!1})}}),Object.defineProperty(o,"handleDocumentEscape",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClear()}}),e.id&&(g[e.id]=o),o.state={isFocused:!1,isHovered:!1},o}return e(d,i),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete g[this.props.id]}}),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,i=e.backgroundColor,s=void 0===i?"surface":i,d=e.children,f=e.disabled,m=e.evenPadding;e.focusChildIndex,e.focusChildrenOnFocus;var g=e.id;e.innerRef;var v=e.includeSpacing,y=e.isLoading,O=e.naked,j=e.onClear;e.onBlur,e.onFocus;var x=e.readOnly,k=void 0!==x&&x,C=e.renderLeft,w=e.renderRight,S=e.secondaryStroke,P=void 0===S||S,F=e.size,z=e.state,B=e.subdued,I=e.tabIndex,R=void 0===I?-1:I,E=o(e,["backgroundColor","children","disabled","evenPadding","focusChildIndex","focusChildrenOnFocus","id","innerRef","includeSpacing","isLoading","naked","onClear","onBlur","onFocus","readOnly","renderLeft","renderRight","secondaryStroke","size","state","subdued","tabIndex"]),H=this.state,M=H.isFocused,L=H.isHovered,V=this.getBoxStyles(),N=V.boxSize,A=V.fontSize,T=V.lineHeight,W=V.paddingHorizontal,D={backgroundColor:s,fontSize:A,lineHeight:T,paddingVertical:V.paddingVertical,tabIndex:R,zIndex:M||L?2:1},U={},Z={alignItems:"center",display:"flex",height:"100%",justifyContent:"center",position:"absolute",top:0,width:N},_=C?N:W,q=w?N:W;return"pill"===E.radius||"pill-left"===E.radius?(D.paddingLeft=_,D.paddingRight=q):(E.radius,D.paddingLeft=_,D.paddingRight=q),(y||j)&&(D.paddingRight=N),k?D.backgroundColor=u.input.readOnlyBackgroundColor:B?D.backgroundColor=!f&&M?"highlightSecondary":!f&&L?z?"".concat(z,"-1"):"highlight":z?"".concat(z,"-0"):"surfaceTertiary":O||(P&&(D.boxShadow=!f&&M?"0px 0px 0px 2px var(--colors-separator-focus-secondary)":void 0),D.strokeAlign="inside",D.strokeWeight=1,D.stroke=!f&&M?z||"separatorFocus":z||(!f&&L?"separatorHover":"separatorSecondary")),g&&(D["aria-labelledby"]="".concat(g,"-label")),m&&(D.paddingLeft=D.paddingVertical,D.paddingRight=D.paddingVertical),v&&(D.spacing=m?D.paddingVertical:W),f?(U.cursor="not-allowed",D.tabIndex=void 0,U.opacity=.64):O||(L&&E.hover&&Object.assign(E,E.hover),M&&E.focus&&Object.assign(E,E.focus),E=r(r({},E),{focus:r({strokeAlign:"inside",strokeWeight:1},E.focus),hover:r({strokeAlign:"inside",strokeWeight:1},E.hover)})),t.createElement(b.Provider,{value:this},t.createElement(p,r({innerRef:this.setNode,id:g,axis:p.HORIZONTAL,alignment:p.CENTER,shrink:0,minHeight:N,radius:u.input.borderRadius,readOnly:k,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},D,E,U),C&&t.createElement(a,r({},Z,{left:0}),"function"==typeof C?C(F):n(C,{size:C.props&&C.props.size||F})),d,(y||j||w)&&t.createElement(a,r({},Z,{right:0}),y?t.createElement(c,{size:F}):j?t.createElement(l,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof w?w(F):w?n(w,{size:w.props&&w.props.size||F}):null),j&&t.createElement(h,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildIndex:0,focusChildrenOnFocus:!0,size:"md"}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputBox"}),d}(i);export{v as default};
+import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import t,{cloneElement as n,Component as i}from"react";import{tabbable as a}from"tabbable";import{Box as s}from"../Box/Box.js";import{Button as l}from"../Button/Button.js";import{designTokens as u}from"../designTokens/index.js";import{useDocumentEvent as d}from"../hooks/use-document-event.js";import"mousetrap";import"../hooks/use-measure.js";import{Spinner as c}from"../Spinner/Spinner.js";import{StackView as p}from"../StackView/StackView.js";import{getBoxSize as f}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import b from"./InputContext.js";import{isTabbable as m,inputs as g}from"./utils.js";function h(e){var o=e.onEscape;return d("keydown",(function(e){27===e.keyCode&&o()})),null}var v=function(i){function d(e){var o=i.call(this,e)||this;return Object.defineProperty(o,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.node=e,o.props.innerRef&&o.props.innerRef(e)}}),Object.defineProperty(o,"getBoxStyles",{enumerable:!0,configurable:!0,writable:!0,value:function(){return f(o.props.size)}}),Object.defineProperty(o,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0===e&&(e=o.props.focusChildIndex);var r=o.node;if(r&&void 0!==e){var t=a(r);t.length>0&&(r=t[e])}r&&r.focus&&r.focus()}}),Object.defineProperty(o,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){m(o.node)?o.node.blur():o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.focusChildrenOnFocus&&e.target===o.node&&o.focus(),o.props.onFocus&&o.props.onFocus(e),o.setState({isFocused:!0})}}),Object.defineProperty(o,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onBlur&&o.props.onBlur(e),o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleClear",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onClear&&o.props.onClear(e),o.focus()}}),Object.defineProperty(o,"handleMouseOver",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOver&&o.props.onMouseOver(e),o.setState({isHovered:!0})}}),Object.defineProperty(o,"handleMouseOut",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOut&&o.props.onMouseOut(e),o.setState({isHovered:!1})}}),Object.defineProperty(o,"handleDocumentEscape",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClear()}}),e.id&&(g[e.id]=o),o.state={isFocused:!1,isHovered:!1},o}return e(d,i),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete g[this.props.id]}}),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,i=e.backgroundColor,a=void 0===i?"surface":i,d=e.children,f=e.disabled,m=e.evenPadding;e.focusChildIndex,e.focusChildrenOnFocus;var g=e.id;e.innerRef;var v=e.includeSpacing,y=e.isLoading,O=e.naked,j=e.onClear;e.onBlur,e.onFocus;var x=e.readOnly,k=void 0!==x&&x,C=e.readOnlyBackgroundColor,w=e.renderLeft,S=e.renderRight,P=e.secondaryStroke,B=void 0===P||P,F=e.size,z=e.state,I=e.subdued,R=e.tabIndex,E=void 0===R?-1:R,H=o(e,["backgroundColor","children","disabled","evenPadding","focusChildIndex","focusChildrenOnFocus","id","innerRef","includeSpacing","isLoading","naked","onClear","onBlur","onFocus","readOnly","readOnlyBackgroundColor","renderLeft","renderRight","secondaryStroke","size","state","subdued","tabIndex"]),M=this.state,L=M.isFocused,V=M.isHovered,N=this.getBoxStyles(),A=N.boxSize,T=N.fontSize,W=N.lineHeight,D=N.paddingHorizontal,U={backgroundColor:a,fontSize:T,lineHeight:W,paddingVertical:N.paddingVertical,tabIndex:E,zIndex:L||V?2:1},Z={},_={alignItems:"center",display:"flex",height:"100%",justifyContent:"center",position:"absolute",top:0,width:A},q=w?A:D,G=S?A:D;return"pill"===H.radius||"pill-left"===H.radius?(U.paddingLeft=q,U.paddingRight=G):(H.radius,U.paddingLeft=q,U.paddingRight=G),(y||j)&&(U.paddingRight=A),k?U.backgroundColor=C||u.input.readOnlyBackgroundColor:I?U.backgroundColor=!f&&L?"highlightSecondary":!f&&V?z?"".concat(z,"-1"):"highlight":z?"".concat(z,"-0"):"surfaceTertiary":O||(B&&(U.boxShadow=!f&&L?"0px 0px 0px 2px var(--colors-separator-focus-secondary)":void 0),U.strokeAlign="inside",U.strokeWeight=1,U.stroke=!f&&L?z||"separatorFocus":z||(!f&&V?"separatorHover":"separatorSecondary")),g&&(U["aria-labelledby"]="".concat(g,"-label")),m&&(U.paddingLeft=U.paddingVertical,U.paddingRight=U.paddingVertical),v&&(U.spacing=m?U.paddingVertical:D),f?(Z.cursor="not-allowed",U.tabIndex=void 0,Z.opacity=.64):O||(V&&H.hover&&Object.assign(H,H.hover),L&&H.focus&&Object.assign(H,H.focus),H=r(r({},H),{focus:r({strokeAlign:"inside",strokeWeight:1},H.focus),hover:r({strokeAlign:"inside",strokeWeight:1},H.hover)})),t.createElement(b.Provider,{value:this},t.createElement(p,r({innerRef:this.setNode,id:g,axis:p.HORIZONTAL,alignment:p.CENTER,shrink:0,minHeight:A,radius:u.input.borderRadius,readOnly:k,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},U,H,Z),w&&t.createElement(s,r({},_,{left:0}),"function"==typeof w?w(F):n(w,{size:w.props&&w.props.size||F})),d,(y||j||S)&&t.createElement(s,r({},_,{right:0}),y?t.createElement(c,{size:F}):j?t.createElement(l,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof S?S(F):S?n(S,{size:S.props&&S.props.size||F}):null),j&&t.createElement(h,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildIndex:0,focusChildrenOnFocus:!0,size:"md"}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputBox"}),d}(i);export{v as default};
 //# sourceMappingURL=InputBox.js.map

package/dist/ToggleSwitch/ToggleSwitch.d.ts

@@ -10,6 +10,7 @@ export type ToggleSwitchProps = {
     ariaLabel?: string;
     backgroundColor?: string;
     disabled?: boolean;
+    id?: string;
     isChecked: boolean;
     label?: string;
     labelPosition?: 'before' | 'after';

package/dist/ToggleSwitch/ToggleSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,KAAK,aAAa,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAA;AAC1C,KAAK,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AACzC,KAAK,SAAS,GAAG,aAAa,GAAG,gBAAgB,CAAA;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAE9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,eAAe,CAAC,EAAE,MAAM,CAAA;IAGxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAGlB,SAAS,EAAE,OAAO,CAAA;IAGlB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAGlC,OAAO,EAAE,MAAM,IAAI,CAAA;IAGnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAGzB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,SAAS,CAAA;AAEb,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,iBAAiB,CAAA;AAEzD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eAuExC;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,KAAK,aAAa,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAA;AAC1C,KAAK,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AACzC,KAAK,SAAS,GAAG,aAAa,GAAG,gBAAgB,CAAA;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAE9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,eAAe,CAAC,EAAE,MAAM,CAAA;IAGxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAGlB,EAAE,CAAC,EAAE,MAAM,CAAA;IAGX,SAAS,EAAE,OAAO,CAAA;IAGlB,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAGlC,OAAO,EAAE,MAAM,IAAI,CAAA;IAGnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAGzB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,SAAS,CAAA;AAEb,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,iBAAiB,CAAA;AAEzD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eAsFxC;AAED,eAAe,YAAY,CAAA"}

package/dist/ToggleSwitch/ToggleSwitch.js

@@ -1,2 +1,2 @@
-import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import i from"react";import{Box as o}from"../Box/Box.js";import{StackView as r}from"../StackView/StackView.js";import{colors as s}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as l}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import{Text as a}from"../Text/Text.js";import m from"../Tooltip/Tooltip.js";function n(n){var d=n.ariaLabel,c=void 0===d?void 0:d,p=n.disabled,h=void 0!==p&&p,f=n.isChecked,u=n.label,b=void 0===u?void 0:u,g=n.labelPosition,v=void 0===g?"after":g,w=n.onClick,j=n.size,k=void 0===j?"md":j,x=n.tooltip,y=void 0===x?void 0:x,C=t(n,["ariaLabel","disabled","isChecked","label","labelPosition","onClick","size","tooltip"]),E=l("toggleSwitch",C).backgroundColor,T={height:2.5,width:4.375},z={height:2,width:2};return"sm"===k?(T={height:2.25,width:4},z={height:1.75,width:1.75}):"xs"===k&&(T={height:2,width:3.5},z={height:1.5,width:1.5}),i.createElement(m,{title:y},i.createElement(r,{alignment:"center","aria-checked":f?"true":"false","aria-label":c||b,as:"button",flexDirection:"before"===v?"row-reverse":"row",cursor:h?"not-allowed":"pointer",onClick:h?void 0:w,radius:"pill",role:"switch",spacing:"xs"===k?.5:"sm"===k?.75:1,disabled:h},i.createElement(o,e({backgroundColor:h?s.grays.light.neutral81:f?E:s.grays.light.neutral62,position:"relative",radius:"pill"},T),i.createElement(o,e({background:"#fff",left:.25,pointerEvents:"none",position:"absolute",radius:"circle",top:.25,transform:"translateX(".concat(f?"calc(100% - 1px)":"0%",")"),transition:"120ms"},z))),b&&i.createElement(a,{size:"xs"===k?5:"sm"===k?4:3},b)))}export{n as ToggleSwitch,n as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import{Box as o}from"../Box/Box.js";import{StackView as r}from"../StackView/StackView.js";import{colors as s}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as l}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import{Text as a}from"../Text/Text.js";import n from"../Tooltip/Tooltip.js";function m(m){var d,c=m.ariaLabel,p=void 0===c?void 0:c,h=m.disabled,u=void 0!==h&&h,f=m.id,b=void 0===f?void 0:f,v=m.isChecked,g=m.label,k=void 0===g?void 0:g,w=m.labelPosition,j=void 0===w?"after":w,x=m.onClick,y=m.size,C=void 0===y?"md":y,E=m.tooltip,D=void 0===E?void 0:E,T=e(m,["ariaLabel","disabled","id","isChecked","label","labelPosition","onClick","size","tooltip"]),z=l("toggleSwitch",T).backgroundColor,S={height:2.5,width:4.375},B={height:2,width:2};"sm"===C?(S={height:2.25,width:4},B={height:1.75,width:1.75}):"xs"===C&&(S={height:2,width:3.5},B={height:1.5,width:1.5});var L=u?((d={})["aria-disabled"]=!0,d.cursor="not-allowed",d.onClick=function(e){return e.preventDefault()},d.onKeyDown=function(e){"Enter"!==e.key&&" "!==e.key||e.preventDefault()},d):{};return i.createElement(n,{title:D,placement:u?"top":"bottom"},i.createElement(r,t({alignment:"center","aria-checked":v?"true":"false","aria-label":p||k,as:"button",flexDirection:"before"===j?"row-reverse":"row",id:b,cursor:"pointer",onClick:x,radius:"pill",role:"switch",spacing:"xs"===C?.5:"sm"===C?.75:1},L),i.createElement(o,t({backgroundColor:u?s.grays.light.neutral81:v?z:s.grays.light.neutral62,position:"relative",radius:"pill"},S),i.createElement(o,t({background:"#fff",left:.25,pointerEvents:"none",position:"absolute",radius:"circle",top:.25,transform:"translateX(".concat(v?"calc(100% - 1px)":"0%",")"),transition:"120ms"},B))),k&&i.createElement(a,{size:"xs"===C?5:"sm"===C?4:3},k)))}export{m as ToggleSwitch,m as default};
 //# sourceMappingURL=ToggleSwitch.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/tapestry-react",
-  "version": "4.10.1",
+  "version": "4.11.0",
   "description": "A collection of flexible React components to help you build resilient, accessible user interfaces quickly and effectively.",
   "author": "Front End Systems Engineering <frontend@pco.bz>",
   "main": "./dist/index.js",
@@ -76,7 +76,7 @@
     "typescript": "^5.3.3"
   },
   "dependencies": {
-    "@planningcenter/icons": "^15.19.1",
+    "@planningcenter/icons": "^15.21.0",
     "@planningcenter/react-beautiful-dnd": "^13.4.0",
     "@planningcenter/tapestry": "^0.4.0",
     "@popmotion/popcorn": "^0.4.4",