@planningcenter/tapestry-react 4.10.2 → 4.11.1

package/dist/Button/Button.d.ts

@@ -25,7 +25,7 @@ interface Props {
 }
 type ButtonUniqueProps = Props & Omit<StackViewUniqueProps, keyof Props>;
 export type ButtonProps<E extends As = 'button' | 'a'> = AsProps<E, ButtonUniqueProps> & MediaQueries<AsProps<E, StyleProps>>;
-export declare function Button<E extends As = 'button' | 'a'>({ children, disabled, external, icon, iconLeft, iconRight, onClick, onKeyDown, size, spinner, square, theme, title, to, tooltip: unformattedTooltip, type, variant, ...restProps }: ButtonProps<E>): JSX.Element;
+export declare function Button<E extends As = 'button' | 'a'>({ children, disabled, external, icon, iconLeft, iconRight, onClick, onKeyDown, size, spinner, square, theme, title, to, tooltip: unformattedTooltip, type, variant, focusVisible, ...restProps }: ButtonProps<E>): JSX.Element;
 export declare namespace Button {
     var Input: React.ForwardRefExoticComponent<Pick<React.RefAttributes<any> & React.HTMLAttributes<any> & {
         children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | ((inputProps: {

package/dist/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,OAAO,EAAa,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1E,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,UAAU,KAAK;IAIb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,CAAA;IAMb,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKjD,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKrD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAGtD,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;IAKrB,OAAO,CAAC,EAAE,GAAG,CAAA;IAKb,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAKtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKvB,EAAE,CAAC,EAAE,MAAM,CAAA;IAKX,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAKvD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAKpC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;CACvC;AACD,KAAK,iBAAiB,GAAG,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAA;AACxE,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,IAAI,OAAO,CAC9D,CAAC,EACD,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAEtC,wBAAgB,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,EAAE,EACpD,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAiB,EACjB,KAAK,EACL,EAAE,EACF,OAAO,EAAE,kBAAkB,EAC3B,IAAe,EACf,OAAO,EACP,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,CAAC,CAAC,eAoRhB;yBAvSe,MAAM;;;;;;;;;;;;;;;AA2StB,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,CACnD,SAAQ,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,KAAK,EAAE,OAAO,KAAK,CAAA;CACpB"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,OAAO,EAAa,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1E,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,UAAU,KAAK;IAIb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,CAAA;IAMb,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKjD,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKrD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAGtD,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;IAKrB,OAAO,CAAC,EAAE,GAAG,CAAA;IAKb,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAKtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKvB,EAAE,CAAC,EAAE,MAAM,CAAA;IAKX,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAKvD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAKpC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;CACvC;AACD,KAAK,iBAAiB,GAAG,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAA;AACxE,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,IAAI,OAAO,CAC9D,CAAC,EACD,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAEtC,wBAAgB,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,EAAE,EACpD,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAiB,EACjB,KAAK,EACL,EAAE,EACF,OAAO,EAAE,kBAAkB,EAC3B,IAAe,EACf,OAAO,EACP,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,CAAC,CAAC,eAkRhB;yBAtSe,MAAM;;;;;;;;;;;;;;;AA0StB,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,CACnD,SAAQ,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,KAAK,EAAE,OAAO,KAAK,CAAA;CACpB"}

package/dist/Button/Button.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o from"react";import{designTokens as i}from"../designTokens/index.js";import{useAccessibilityViolation as n}from"../hooks/use-accessibility-violation.js";import r from"../Icon/Icon.js";import{Link as a}from"../Link/Link.js";import{Spinner as l}from"../Spinner/Spinner.js";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as c,useBoxSize as p}from"../system/utils.js";import d from"../Tooltip/Tooltip.js";import{mergeProps as u}from"../utils.js";import f from"./Input.js";function m(f){var m,h=f.children,g=f.disabled,b=f.external,y=f.icon,v=f.iconLeft,k=f.iconRight,z=f.onClick,w=f.onKeyDown,x=f.size,E=f.spinner,j=f.square,D=f.theme,C=void 0===D?"default":D,I=f.title,R=f.to,S=f.tooltip,T=f.type,H=void 0===T?"button":T,L=f.variant,V=e(f,["children","disabled","external","icon","iconLeft","iconRight","onClick","onKeyDown","size","spinner","square","theme","title","to","tooltip","type","variant"]),P=c("button.themes"),K=p(x),W=K.boxSize,A=K.fontSize,_=K.lineHeight,q=K.paddingHorizontal,B=K.paddingHorizontalDense,N=K.paddingVertical,F={alignment:"center",as:V.href||R?"a":"button",axis:"horizontal",distribution:"center",fontSize:A,fontWeight:700,inline:!0,lineHeight:_,position:"relative",radius:i.button.borderRadius,strokeAlign:"inside",strokeWeight:1,type:H,userSelect:"none",zIndex:1};if(C&&"boolean"!=typeof C){var O=P[C];if(O){var G=O[L||"fill"];if(G){G.disabled;var J=e(G,["disabled"]);F=t(t({},F),J)}else console.warn('Could not find "'.concat(L,'" in "').concat(C,'" theme. Check your ThemeProvider and make sure "').concat(L,'" variant exists in "').concat(C,'".'))}else"false"===C?console.warn('The string "false" is not a valid theme. Please pass a boolean %cfalse%c instead.',"color:red","color:inherit"):console.warn('Could not find "'.concat(C,'" in button.themes. Check your ThemeProvider and make sure "').concat(C,'" exists.'))}"string"==typeof y&&(y={name:y}),"string"==typeof v&&(v={name:v}),"string"==typeof k&&(k={name:k});var M="string"==typeof S?{title:S}:S;if(y&&(q=B,F["aria-label"]=M?M.title:I),j?(F.width=W,F.height=W):y&&(F.minWidth=W,F.minHeight=W),"pill"===V.radius?F.paddingHorizontal=1.25*q:"pill-left"===V.radius?(F.paddingLeft=1.25*q,F.paddingRight=q):"pill-right"===V.radius?(F.paddingLeft=q,F.paddingRight=1.25*q):(!y||v||k)&&(F.paddingHorizontal=q,F.paddingVertical=N),E&&(m=F.color,F.color="transparent",y&&(y.color="transparent"),v&&(v.color="transparent"),k&&(k.color="transparent")),g&&"boolean"!=typeof C){var Q=P[C];if(Q){var U=Q[L];U&&U.disabled?F=t(t({},F),U.disabled):F.opacity=.65}F["aria-disabled"]=!0,F.cursor="not-allowed",F.onClick=function(e){return e.preventDefault()},F.onKeyDown=function(e){"Enter"!==e.key&&" "!==e.key||e.preventDefault()}}if(g||E?(F.hover=void 0,F.active=void 0):(F.focus=t({zIndex:5},F.focus),F.cursor="pointer",F.touchAction="manipulation",F.onClick=z,F.onKeyDown=function(e){!z||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),z(e)),w&&w(e)}),b&&(F.rel="noopener noreferrer",F.target="_blank"),R&&(V.href=R),(R||V.href)&&(F=t(t({},F),{type:null})),"outline"===L&&(F=t(t({},F),{hover:t({strokeAlign:"inside",strokeWeight:1,zIndex:2},F.hover)})),V.as&&(F.to=R,"button"!==V.as&&(F=t(t({},F),{type:null}))),"production"!==process.env.NODE_ENV){if(y&&!(I||M&&M.title)){var X=n(o.createElement(o.Fragment,null,"Icon only buttons must define either a"," ",o.createElement(a,{external:!0,to:"https://planningcenter.github.io/tapestry-react/button#tooltip",weight:700},"tooltip")," ","or"," ",o.createElement(a,{external:!0,to:"https://planningcenter.github.io/tapestry-react/button#title",weight:700},"title")," ","prop."),'Tapestry-React: <Button/> icon only buttons must define either a "tooltip" or "title" prop for proper accessibility.'),Y=X.tooltipProps,Z=X.wrapperProps;M=Y,V=u(V,Z)}F.type&&V.as&&"button"!==V.as&&console.log("Tapestry-React: <Button/> type prop is only supported by <button> and not <".concat(V.as,">."))}return o.createElement(d,t({},M),o.createElement(s,t({},F,V,{css:t(t({},V.css),{"&:focus-visible":t({},F.focusVisible)})}),v&&o.createElement(r,t({size:x,color:F.color,marginRight:B},v)),y?o.createElement(r,t({size:x,color:F.color},y)):I||h,k&&o.createElement(r,t({size:x,color:F.color,marginLeft:B},k)),E&&o.createElement(l,t({size:x,color:m},E,{center:!0}))))}m.Input=f;export{m as Button};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o from"react";import{designTokens as i}from"../designTokens/index.js";import{useAccessibilityViolation as n}from"../hooks/use-accessibility-violation.js";import r from"../Icon/Icon.js";import{Link as a}from"../Link/Link.js";import{Spinner as l}from"../Spinner/Spinner.js";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as c,useBoxSize as p}from"../system/utils.js";import d from"../Tooltip/Tooltip.js";import{mergeProps as u}from"../utils.js";import f from"./Input.js";function m(f){var m,h=f.children,g=f.disabled,b=f.external,y=f.icon,v=f.iconLeft,k=f.iconRight,z=f.onClick,w=f.onKeyDown,x=f.size,E=f.spinner,j=f.square,D=f.theme,C=void 0===D?"default":D,I=f.title,R=f.to,S=f.tooltip,T=f.type,V=void 0===T?"button":T,H=f.variant,L=f.focusVisible,P=e(f,["children","disabled","external","icon","iconLeft","iconRight","onClick","onKeyDown","size","spinner","square","theme","title","to","tooltip","type","variant","focusVisible"]),K=c("button.themes"),W=p(x),A=W.boxSize,_=W.fontSize,q=W.lineHeight,B=W.paddingHorizontal,N=W.paddingHorizontalDense,F=W.paddingVertical,O={alignment:"center",as:P.href||R?"a":"button",axis:"horizontal",distribution:"center",fontSize:_,fontWeight:700,inline:!0,lineHeight:q,position:"relative",radius:i.button.borderRadius,strokeAlign:"inside",strokeWeight:1,type:V,userSelect:"none",zIndex:1};if(C&&"boolean"!=typeof C){var G=K[C];if(G){var J=G[H||"fill"];if(J){J.disabled;var M=e(J,["disabled"]);O=t(t({},O),M)}else console.warn('Could not find "'.concat(H,'" in "').concat(C,'" theme. Check your ThemeProvider and make sure "').concat(H,'" variant exists in "').concat(C,'".'))}else"false"===C?console.warn('The string "false" is not a valid theme. Please pass a boolean %cfalse%c instead.',"color:red","color:inherit"):console.warn('Could not find "'.concat(C,'" in button.themes. Check your ThemeProvider and make sure "').concat(C,'" exists.'))}"string"==typeof y&&(y={name:y}),"string"==typeof v&&(v={name:v}),"string"==typeof k&&(k={name:k});var Q="string"==typeof S?{title:S}:S;if(y&&(B=N,O["aria-label"]=Q?Q.title:I),j?(O.width=A,O.height=A):y&&(O.minWidth=A,O.minHeight=A),"pill"===P.radius?O.paddingHorizontal=1.25*B:"pill-left"===P.radius?(O.paddingLeft=1.25*B,O.paddingRight=B):"pill-right"===P.radius?(O.paddingLeft=B,O.paddingRight=1.25*B):(!y||v||k)&&(O.paddingHorizontal=B,O.paddingVertical=F),E&&(m=O.color,O.color="transparent",y&&(y.color="transparent"),v&&(v.color="transparent"),k&&(k.color="transparent")),g&&"boolean"!=typeof C){var U=K[C];if(U){var X=U[H];X&&X.disabled?O=t(t({},O),X.disabled):O.opacity=.65}O["aria-disabled"]=!0,O.cursor="not-allowed",O.onClick=function(e){return e.preventDefault()},O.onKeyDown=function(e){"Enter"!==e.key&&" "!==e.key||e.preventDefault()}}if(g||E?(O.hover=void 0,O.active=void 0):(O.focus=t({zIndex:5},O.focus),O.cursor="pointer",O.touchAction="manipulation",O.onClick=z,O.onKeyDown=function(e){!z||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),z(e)),w&&w(e)}),b&&(O.rel="noopener noreferrer",O.target="_blank"),R&&(P.href=R),(R||P.href)&&(O=t(t({},O),{type:null})),"outline"===H&&(O=t(t({},O),{hover:t({strokeAlign:"inside",strokeWeight:1,zIndex:2},O.hover)})),P.as&&(O.to=R,"button"!==P.as&&(O=t(t({},O),{type:null}))),"production"!==process.env.NODE_ENV){if(y&&!(I||Q&&Q.title)){var Y=n(o.createElement(o.Fragment,null,"Icon only buttons must define either a"," ",o.createElement(a,{external:!0,to:"https://planningcenter.github.io/tapestry-react/button#tooltip",weight:700},"tooltip")," ","or"," ",o.createElement(a,{external:!0,to:"https://planningcenter.github.io/tapestry-react/button#title",weight:700},"title")," ","prop."),'Tapestry-React: <Button/> icon only buttons must define either a "tooltip" or "title" prop for proper accessibility.'),Z=Y.tooltipProps,$=Y.wrapperProps;Q=Z,P=u(P,$)}O.type&&P.as&&"button"!==P.as&&console.log("Tapestry-React: <Button/> type prop is only supported by <button> and not <".concat(P.as,">."))}return o.createElement(d,t({},Q),o.createElement(s,t({},O,P,{css:t(t({},P.css),{"&:focus-visible":t(t({},L),O.focusVisible)})}),v&&o.createElement(r,t({size:x,color:O.color,marginRight:N},v)),y?o.createElement(r,t({size:x,color:O.color},y)):I||h,k&&o.createElement(r,t({size:x,color:O.color,marginLeft:N},k)),E&&o.createElement(l,t({size:x,color:m},E,{center:!0}))))}m.Input=f;export{m as Button};
 //# sourceMappingURL=Button.js.map

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/tapestry-react",
-  "version": "4.10.2",
+  "version": "4.11.1",
   "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.22.0",
     "@planningcenter/react-beautiful-dnd": "^13.4.0",
     "@planningcenter/tapestry": "^0.4.0",
     "@popmotion/popcorn": "^0.4.4",