@planningcenter/tapestry-react 4.12.0 → 4.12.1-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Badge/Status.js +1 -1
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Button.js +1 -1
- package/dist/Calendar/Day.d.ts.map +1 -1
- package/dist/Calendar/Day.js +1 -1
- package/dist/Card/Card.d.ts.map +1 -1
- package/dist/Card/Card.js +1 -1
- package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts.map +1 -1
- package/dist/ChurchCenterStatus/ChurchCenterStatus.js +1 -1
- package/dist/DataTable/components/BodyRows.js +1 -1
- package/dist/DataTable/components/BodySubRows.js +1 -1
- package/dist/DataTable/index.js +1 -1
- package/dist/DataTable/utils/variants.d.ts +4 -4
- package/dist/DataTable/utils/variants.d.ts.map +1 -1
- package/dist/DataTable/utils/variants.js +1 -1
- package/dist/DateField/DateField.d.ts.map +1 -1
- package/dist/DateField/DateField.js +1 -1
- package/dist/Divider/Divider.d.ts.map +1 -1
- package/dist/Divider/Divider.js +1 -1
- package/dist/FilterLayout/FilterLayout.d.ts.map +1 -1
- package/dist/FilterLayout/FilterLayout.js +1 -1
- package/dist/Input/Inline.js +1 -1
- package/dist/Input/InputBox.d.ts.map +1 -1
- package/dist/Input/InputBox.js +1 -1
- package/dist/Input/InputField.d.ts +1 -1
- package/dist/Input/InputField.d.ts.map +1 -1
- package/dist/Input/InputField.js +1 -1
- package/dist/List/List.d.ts.map +1 -1
- package/dist/List/List.js +1 -1
- package/dist/RangeSlider/RangeSlider.d.ts.map +1 -1
- package/dist/RangeSlider/RangeSlider.js +1 -1
- package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/SegmentedTabs/SegmentedTabs.d.ts.map +1 -1
- package/dist/SegmentedTabs/SegmentedTabs.js +1 -1
- package/dist/Sidebar/Sidebar.js +1 -1
- package/dist/ThemeProvider/ThemeProvider.js +1 -1
- package/dist/ThemeProvider/styles.js +1 -1
- package/dist/designTokens/index.d.ts +0 -4
- package/dist/designTokens/index.d.ts.map +1 -1
- package/dist/designTokens/index.js +1 -1
- package/dist/system/colors/colors.d.ts +3 -21
- package/dist/system/colors/colors.d.ts.map +1 -1
- package/dist/system/colors/colors.js +1 -1
- package/dist/system/default-theme.d.ts +0 -6
- package/dist/system/default-theme.d.ts.map +1 -1
- package/dist/system/default-theme.js +1 -1
- package/dist/system/utils.d.ts +1 -1
- package/dist/system/utils.d.ts.map +1 -1
- package/dist/system/utils.js +1 -1
- package/package.json +2 -2
package/dist/Badge/Status.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useState as r,useEffect as s}from"react";import i from"../Icon/Icon.js";import{getColor as l}from"../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
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useState as r,useEffect as s}from"react";import i from"../Icon/Icon.js";import{getColor as l}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"@planningcenter/tapestry";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import n from"./Badge.js";var m={error:{color:"error",icon:"general.x"},success:{color:"success",icon:"general.check"}},a=function(a){var c=a.light,u=a.onClearRequest,p=a.size,d=void 0===p?"sm":p,f=a.status,g=a.title,h=e(a,["light","onClearRequest","size","status","title"]),j=r(null),y=j[0],v=j[1];if(s((function(){return y&&clearTimeout(y),v(setTimeout(u,1800)),function(){y&&clearTimeout(y)}}),[f]),f){var b=m[f],x=b.color,z=b.icon;return o.createElement(n,t({color:c?{background:"light",foreground:l(x)}:l(x),fontWeight:600,paddingRight:1,radius:"pill",renderLeft:o.createElement(i,{name:z}),size:d,title:g},h))}return null};a.displayName="Badge.Status";export{a as default};
|
|
2
2
|
//# sourceMappingURL=Status.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AACA,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,EAAE,oBAAoB,EAClC,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,CAAC,CAAC,eA8ThB;yBAlVe,MAAM;;;;;;;;;;;;;;;AAsVtB,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
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import{designTokens as
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as i}from"@planningcenter/tapestry";import o from"react";import{designTokens as n}from"../designTokens/index.js";import{useAccessibilityViolation as r}from"../hooks/use-accessibility-violation.js";import a from"../Icon/Icon.js";import{Link as s}from"../Link/Link.js";import{Spinner as l}from"../Spinner/Spinner.js";import{StackView as c}from"../StackView/StackView.js";import{useThemeValue as p,useBoxSize as d}from"../system/utils.js";import u from"../Tooltip/Tooltip.js";import{mergeProps as m}from"../utils.js";import f from"./Input.js";function h(f){var h,b,g=f.children,y=f.disabled,v=f.external,k=f.icon,z=f.iconLeft,j=f.iconRight,w=f.onClick,x=f.onKeyDown,E=f.size,Q=f.spinner,V=f.square,C=f.theme,D=void 0===C?"default":C,I=f.title,R=f.to,S=f.tooltip,T=f.type,H=void 0===T?"button":T,L=f.variant,P=f.focusVisible,K=e(f,["children","disabled","external","icon","iconLeft","iconRight","onClick","onKeyDown","size","spinner","square","theme","title","to","tooltip","type","variant","focusVisible"]),W=p("button.themes"),A=L||"fill",_=d(E),q=_.boxSize,B=_.fontSize,N=_.lineHeight,O=_.paddingHorizontal,F=_.paddingHorizontalDense,G=_.paddingVertical,J={alignment:"center",as:K.href||R?"a":"button",axis:"horizontal",distribution:"center",focusVisible:P,fontSize:B,fontWeight:400,inline:!0,lineHeight:N,position:"relative",radius:n.button.borderRadius,strokeAlign:"inside",strokeWeight:1,type:H,userSelect:"none",zIndex:1};if(D&&"boolean"!=typeof D){var M=W[D];if(M){var U=M[A];if(U){U.disabled;var X=U.mediaQueries,Y=e(U,["disabled","mediaQueries"]);J=t(t({},J),Y),X&&K.mediaQueries?J.mediaQueries=t(t({},X),K.mediaQueries):X&&(J.mediaQueries=X)}else console.warn('Could not find "'.concat(A,'" in "').concat(D,'" theme. Check your ThemeProvider and make sure "').concat(A,'" variant exists in "').concat(D,'".'))}else"false"===D?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(D,'" in button.themes. Check your ThemeProvider and make sure "').concat(D,'" exists.'))}"string"==typeof k&&(k={name:k}),"string"==typeof z&&(z={name:z}),"string"==typeof j&&(j={name:j});var Z="string"==typeof S?{title:S}:S;if(k&&(O=F,J["aria-label"]=Z?Z.title:I),V?(J.width=q,J.height=q):k&&(J.minWidth=q,J.minHeight=q),"pill"===K.radius?J.paddingHorizontal=1.25*O:"pill-left"===K.radius?(J.paddingLeft=1.25*O,J.paddingRight=O):"pill-right"===K.radius?(J.paddingLeft=O,J.paddingRight=1.25*O):(!k||z||j)&&(J.paddingHorizontal=O,J.paddingVertical=G),Q&&(h=y?i("--t-text-color-status-neutral"):J.color,b=y?i("--t-fill-color-transparency-dark-020"):null,J.style={color:"transparent"},k&&(k.color="transparent"),z&&(z.color="transparent"),j&&(j.color="transparent")),y&&"boolean"!=typeof D){var $=W[D];if($){var ee=$[A];ee&&ee.disabled?J=t(t({},J),ee.disabled):J.opacity=.65,(null==ee?void 0:ee.mediaQueries)&&(J.mediaQueries=Object.entries(ee.mediaQueries).reduce((function(e,i){var o=i[0],n=i[1],r=n&&"object"==typeof n&&"disabled"in n&&n.disabled;return r&&"object"==typeof r&&(e[o]=t(t({},e[o]),r)),e}),t({},J.mediaQueries)))}J["aria-disabled"]=!0,J.cursor="not-allowed",J.onClick=function(e){return e.preventDefault()},J.onKeyDown=function(e){"Enter"!==e.key&&" "!==e.key||e.preventDefault()}}if(y||Q?(J.hover=void 0,J.active=void 0):(J.focus=t({zIndex:5},J.focus),J.cursor="pointer",J.touchAction="manipulation",J.onClick=w,J.onKeyDown=function(e){!w||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),w(e)),x&&x(e)}),v&&(J.rel="noopener noreferrer",J.target="_blank"),R&&(K.href=R),(R||K.href)&&(J=t(t({},J),{type:null})),"outline"===A&&(J=t(t({},J),{hover:t({strokeAlign:"inside",strokeWeight:1,zIndex:2},J.hover)})),K.as&&(J.to=R,"button"!==K.as&&(J=t(t({},J),{type:null}))),"production"!==process.env.NODE_ENV){if(k&&!(I||Z&&Z.title)){var te=r(o.createElement(o.Fragment,null,"Icon only buttons must define either a"," ",o.createElement(s,{external:!0,to:"https://planningcenter.github.io/tapestry-react/button#tooltip",weight:700},"tooltip")," ","or"," ",o.createElement(s,{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.'),ie=te.tooltipProps,oe=te.wrapperProps;Z=ie,K=m(K,oe)}J.type&&K.as&&"button"!==K.as&&console.log("Tapestry-React: <Button/> type prop is only supported by <button> and not <".concat(K.as,">."))}var ne=J.focusVisible,re=e(J,["focusVisible"]);K.mediaQueries;var ae=e(K,["mediaQueries"]);return o.createElement(u,t({},Z),o.createElement(c,t({},re,ae,{css:t(t({},K.css),{"&:focus-visible":ne})}),z&&o.createElement(a,t({size:E,color:J.color,marginRight:F},z)),k?o.createElement(a,t({size:E,color:J.color},k)):I||g,j&&o.createElement(a,t({size:E,color:J.color,marginLeft:F},j)),Q&&o.createElement(l,t({size:E,color:h},b&&{trackColor:b},Q,{center:!0}))))}h.Input=f;export{h as Button};
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Day.d.ts","sourceRoot":"","sources":["../../src/Calendar/Day.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Day.d.ts","sourceRoot":"","sources":["../../src/Calendar/Day.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAMhD,MAAM,MAAM,WAAW,GAAG;IAIxB,eAAe,CAAC,EAAE,MAAM,CAAA;IAIxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAId,KAAK,CAAC,EAAE,MAAM,CAAA;IAId,IAAI,CAAC,EAAE,IAAI,CAAA;IAIX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAIlB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAI1B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAI5B,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAA;IAInB,UAAU,CAAC,EAAE,OAAO,CAAA;IAIpB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAE3C,WAAW,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAI/C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAIjC,aAAa,CAAC,EAAE,MAAM,CAAA;IAItB,WAAW,CAAC,EAAE,MAAM,CAAA;IAIpB,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;IAI7B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,GAAG;iOAoBN,WAAW;;CAgFb,CAAA;AAGD,eAAe,GAAG,CAAA"}
|
package/dist/Calendar/Day.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o from"react";import
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import i from"react";import r from"../Icon/Icon.js";import{StackView as a}from"../StackView/StackView.js";import{Text as n}from"../Text/Text.js";var s=function(s){var l=s.backgroundColor,c=s.cellSize;s.children;var d=s.color,u=s.date,m=s.disabled,f=s.fontSize,p=s.fontWeight;s.inSameMonth;var h=s.isMinDate,g=s.isMaxDate,b=s.isSelected,v=s.isToday,S=s.selectDate,C=s.selectedColor,D=void 0===C?o("--t-fill-color-interaction-default"):C,k=s.statusColor,y=void 0===k?"transparent":k,x=s.statuses,z=s.statusOffset,w=void 0===z?"15%":z,E=e(s,["backgroundColor","cellSize","children","color","date","disabled","fontSize","fontWeight","inSameMonth","isMinDate","isMaxDate","isSelected","isToday","selectDate","selectedColor","statusColor","statuses","statusOffset"]),M=Boolean(S||E.onClick||E.onMouseDown),T=m||h||g;return i.createElement(a,{backgroundColor:l,color:d,cursor:T?"not-allowed":M?"pointer":"auto",height:c,onClick:!T&&M&&S?function(){return S(u)}:void 0,position:"relative",textDecoration:T&&"line-through",userSelect:"none",width:c},i.createElement(a,t({width:"100%",height:"100%",alignment:"center",distribution:"center",pointerEvents:m||h||g?"none":void 0,hover:!T&&M&&{backgroundColor:"highlight"}},E),(b||v||y)&&i.createElement(r,{color:b?D:v?"surfaceTertiary":y,left:"50%",position:"absolute",top:"50%",transform:"translate(-50%, -50%)",name:"tapestry.radio0",size:c}),i.createElement(n,{as:"span",fontSize:f,fontWeight:p,lineHeight:2,position:"relative"},u.getDate()),x&&i.createElement(a,{axis:"horizontal",distribution:"center",position:"absolute",bottom:w,left:0,right:0,spacing:.25},x.map((function(e,t){return i.createElement(r,{color:b?"white":e,key:t,name:"tapestry.radio0",size:"5px"})})))))};s.displayName="Calendar.Day";export{s as default};
|
|
2
2
|
//# sourceMappingURL=Day.js.map
|
package/dist/Card/Card.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,cAAc,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAE9E,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAI1E,KAAK,KAAK,GAAG;IAEX,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAA;AAC7E,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IACtC,CAAC;IAAE,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,KAAK,CAAC,GACnE,CAAC,OAAO,CAAC,CAAC,EAAE,eAAe,CAAC,GAC1B,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,GACpC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;AAEvC,wBAAgB,IAAI,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,EAAE,EACzC,QAAQ,EACR,OAAO,EACP,MAAU,EACV,GAAG,SAAS,EACb,EAAE,SAAS,CAAC,CAAC,CAAC,eA6Dd;yBAlEe,IAAI"}
|
package/dist/Card/Card.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as r,__assign as o}from'./../ext/tslib/tslib.es6.js';import
|
|
1
|
+
import{__rest as r,__assign as o}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import*as e from"react";import{StackView as i}from"../StackView/StackView.js";import{useThemeValue as a}from"../system/utils.js";import{cloneChildren as s}from"../utils.js";import{Section as n}from"./Section.js";function d(n){var d=n.children,u=n.subdued,l=n.radius,c=void 0===l?3:l,m=r(n,["children","subdued","radius"]),p=a("card"),f=["Avatar","Badge","Button","Calendar","ChurchCenterStatus","Group","Inline","Input","InputBox","Modal","Progress","Spinner","Status","Tab","Tooltip"];return e.createElement(i,o({width:"100%",lineHeight:2.5,borderColor:t("--t-border-color-default-base"),borderStyle:"solid",borderWidth:1,backgroundColor:u?"surfaceSecondary":"surface",color:"foreground",radius:c},p,m),c>0?s(d,(function(r,o){var t,e,i=o.firstChild,a=o.lastChild;return void 0!==r.props.radius||f.includes(r.type.name)?{}:i?((t={})["radius".concat("horizontal"===m.axis?"Left":"Top")]=c-1,t):a?((e={})["radius".concat("horizontal"===m.axis?"Right":"Bottom")]=c-1,e):{}})):d)}d.Section=n;export{d as Card};
|
|
2
2
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChurchCenterStatus.d.ts","sourceRoot":"","sources":["../../src/ChurchCenterStatus/ChurchCenterStatus.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChurchCenterStatus.d.ts","sourceRoot":"","sources":["../../src/ChurchCenterStatus/ChurchCenterStatus.tsx"],"names":[],"mappings":"AAUA,KAAK,uBAAuB,GAAG;IAI7B,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,YAAY,CAAC,EAAE,OAAO,CAAA;IAKtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAK7B,YAAY,CAAC,EAAE,OAAO,CAAA;IAKtB,WAAW,EAAE,MAAM,CAAA;IAKnB,gBAAgB,EAAE,MAAM,CAAA;IAKxB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAK5B,aAAa,CAAC,EAAE,MAAM,CAAA;IAKtB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,UAAU,EAAE,MAAM,CAAA;IAOlB,mBAAmB,EAAE,QAAQ,CAAA;IAK7B,WAAW,EAAE,MAAM,CAAA;IAKnB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EAAE,iBAAsB,EACnC,YAAoB,EACpB,mBAA2B,EAC3B,YAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,mBAAmF,EACnF,aAAkB,EAClB,KAAK,EACL,UAAU,EACV,mBAA8B,EAC9B,WAAW,EACX,gBAAuB,EACvB,GAAG,KAAK,EACT,EAAE,uBAAuB,eA0GzB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n from"react";import{Button as
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as r}from"@planningcenter/tapestry";import n from"react";import{Button as o}from"../Button/Button.js";import{Divider as i}from"../Divider/Divider.js";import a from"../Dropdown/Dropdown.js";import c from"../Icon/Icon.js";import{StackView as s}from"../StackView/StackView.js";import{Text as l}from"../Text/Text.js";function p(p){var m=p.buttonProps,d=void 0===m?{}:m,g=p.ccAppEnabled,u=void 0!==g&&g,h=p.ccPublishingEnabled,b=void 0!==h&&h,x=p.ccWebEnabled,E=void 0!==x&&x,v=p.description,f=p.destinationLabel,w=p.disabledDescription,z=void 0===w?"People cannot access this product on the web or mobile app.":w,P=p.dropdownProps,k=void 0===P?{}:P,j=p.icons,y=p.productUrl,C=p.renderPopoverFooter,D=void 0===C?function(){}:C,L=p.settingsUrl,T=p.showSettingsLink,W=void 0===T||T,U=e(p,["buttonProps","ccAppEnabled","ccPublishingEnabled","ccWebEnabled","description","destinationLabel","disabledDescription","dropdownProps","icons","productUrl","renderPopoverFooter","settingsUrl","showSettingsLink"]),S=t({distribution:"start",fontWeight:400,paddingHorizontal:2,radius:0,variant:"naked"},d),V=u||E,A=W||V&&b||!!D(),B=t({check:"general.check",exclamationTriangle:"general.exclamationTriangle",external:"general.newWindow",x:"general.x"},j);return n.createElement(s,t({axis:"horizontal",spacing:1},U),n.createElement(a,t({fontWeight:400,placement:"bottom-end",popoverProps:t({width:"280px"},k.popoverProps),theme:"dark",title:"Church Center",variant:"outline"},(!V||!b)&&{iconLeft:{name:B.exclamationTriangle,size:"sm"}},k),n.createElement(s,{padding:2,spacing:2},b?V?n.createElement(l,{size:"14px"},v):n.createElement(l,{size:"14px"},n.createElement("strong",null,"Church Center is disabled.")," ",z):n.createElement(l,{size:"14px"},n.createElement("strong",null,"This product is not published on Church Center.")," ",z),V&&b&&n.createElement(s,{axis:"horizontal",spacing:3},n.createElement(s,{axis:"horizontal",alignment:"center",spacing:.5},n.createElement(c,{color:r(E?"--t-icon-color-status-success-primary":"--t-icon-color-status-error-primary"),name:E?B.check:B.x,size:"sm"}),n.createElement(l,{size:"14px",weight:700},"Web")),n.createElement(s,{axis:"horizontal",alignment:"center",spacing:.5},n.createElement(c,{color:r(u?"--t-icon-color-status-success-primary":"--t-icon-color-status-error-primary"),name:u?B.check:B.x,size:"sm"}),n.createElement(l,{size:"14px",weight:700},"Mobile app")))),A&&n.createElement(i,{margin:.5}),n.createElement(s,null,W&&n.createElement(o,t({external:!0,title:"Update settings",to:L},S)),V&&b&&n.createElement(o,t({external:!0,iconRight:{color:r("--t-icon-color-default-primary"),marginLeft:1,name:B.external,size:"xs"},title:"Visit ".concat(f),to:y},S,{as:"a"})),D(S))))}export{p as ChurchCenterStatus};
|
|
2
2
|
//# sourceMappingURL=ChurchCenterStatus.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t,__spreadArray as e}from'./../../ext/tslib/tslib.es6.js';import o,{Fragment as r}from"react";import a from"../../DragDrop/DragDrop.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 n from"../../system/use-css.js";import s from"../utils/getCell.js";import"../../VariantProvider/VariantProvider.js";import"../../Icon/Icon.js";import"../../Tooltip/Tooltip.js";import"../hooks/useCollapsibleRows.js";import l from"../utils/getRowLinkProps.js";import"../utils/variants.js";import i from"./BodyRow.js";import m from"./BodySubRows.js";function c(c){var d=c.columns,p=c.columnWidths,u=c.data,g=c.draggable,w=c.getColumnRef,f=c.getRowId,R=c.getRowLink,h=c.getSubData,y=c.getVariant,b=c.keyboardShortcuts,j=c.onRowClick,k=n();return u.map((function(n,c){var x=function(t){return d.map((function(r,a){var l=y("bodyCell",{columnIndex:a,firstCell:0===a,firstRow:0===c,lastCell:a===Math.max(0,d.length-1),lastRow:c===Math.max(0,u.length-1),rowData:n,rowIndex:c});return o.createElement("div",{key:a,ref:w("".concat(a,".").concat(c+1)),role:"cell",className:"tapestry-react-reset ".concat(k(e(e([],l,!0),[r.css],!1)))},s(r.cell,{_dragHandleProps:t,columnIndex:a,rowData:n,rowIndex:c}))}))},I=f(n,c),D=y("bodyRow",{evenRow:c%2==0,firstRow:0===c,isLink:Boolean(R)||Boolean(j),lastRow:c===Math.max(0,u.length-1),oddRow:1===Math.abs(c%2),rowData:n,rowIndex:c}),C=t({className:"tapestry-react-reset ".concat(k(D)),keyboardShortcuts:b,onRowClick:j,rowData:n,rowIndex:c},l({data:n,getRowLink:R,isSubRow:!1})),v=h?h(n):null,E=v&&o.createElement(m,{columns:d,data:v,getColumnRef:w,getRowLink:R,getVariant:y,keyboardShortcuts:b,columnWidths:p,parentRowIndex:c});return g?o.createElement(a.Draggable,{key:I,draggableId:I.toString(),index:c,data:n,placeholder:function(){return o.createElement(i,t({},C,{placeholder:!0}),x({}))}},(function(e){return o.createElement(r,null,o.createElement(i,t({innerRef:e.innerRef},e.draggableProps,C),x(e.dragHandleProps)),E)})):o.createElement(r,{key:I},o.createElement(i,t({},C),x()),E)}))}export{c as default};
|
|
1
|
+
import{__assign as t,__spreadArray as e}from'./../../ext/tslib/tslib.es6.js';import o,{Fragment as r}from"react";import a from"../../DragDrop/DragDrop.js";import"../../system/colors/colors.js";import"polished";import"../../utils.js";import"lodash/includes";import"@emotion/react";import"@planningcenter/tapestry";import"lodash/get";import"../../system/default-theme.js";import"../../system/style-names.js";import n from"../../system/use-css.js";import s from"../utils/getCell.js";import"../../VariantProvider/VariantProvider.js";import"../../Icon/Icon.js";import"../../Tooltip/Tooltip.js";import"../hooks/useCollapsibleRows.js";import l from"../utils/getRowLinkProps.js";import"../utils/variants.js";import i from"./BodyRow.js";import m from"./BodySubRows.js";function c(c){var d=c.columns,p=c.columnWidths,u=c.data,g=c.draggable,w=c.getColumnRef,f=c.getRowId,R=c.getRowLink,h=c.getSubData,y=c.getVariant,b=c.keyboardShortcuts,j=c.onRowClick,k=n();return u.map((function(n,c){var x=function(t){return d.map((function(r,a){var l=y("bodyCell",{columnIndex:a,firstCell:0===a,firstRow:0===c,lastCell:a===Math.max(0,d.length-1),lastRow:c===Math.max(0,u.length-1),rowData:n,rowIndex:c});return o.createElement("div",{key:a,ref:w("".concat(a,".").concat(c+1)),role:"cell",className:"tapestry-react-reset ".concat(k(e(e([],l,!0),[r.css],!1)))},s(r.cell,{_dragHandleProps:t,columnIndex:a,rowData:n,rowIndex:c}))}))},I=f(n,c),D=y("bodyRow",{evenRow:c%2==0,firstRow:0===c,isLink:Boolean(R)||Boolean(j),lastRow:c===Math.max(0,u.length-1),oddRow:1===Math.abs(c%2),rowData:n,rowIndex:c}),C=t({className:"tapestry-react-reset ".concat(k(D)),keyboardShortcuts:b,onRowClick:j,rowData:n,rowIndex:c},l({data:n,getRowLink:R,isSubRow:!1})),v=h?h(n):null,E=v&&o.createElement(m,{columns:d,data:v,getColumnRef:w,getRowLink:R,getVariant:y,keyboardShortcuts:b,columnWidths:p,parentRowIndex:c});return g?o.createElement(a.Draggable,{key:I,draggableId:I.toString(),index:c,data:n,placeholder:function(){return o.createElement(i,t({},C,{placeholder:!0}),x({}))}},(function(e){return o.createElement(r,null,o.createElement(i,t({innerRef:e.innerRef},e.draggableProps,C),x(e.dragHandleProps)),E)})):o.createElement(r,{key:I},o.createElement(i,t({},C),x()),E)}))}export{c as default};
|
|
2
2
|
//# sourceMappingURL=BodyRows.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t,__spreadArray as o}from'./../../ext/tslib/tslib.es6.js';import e from"react";import r from"../../Collapse/Collapse.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
|
|
1
|
+
import{__assign as t,__spreadArray as o}from'./../../ext/tslib/tslib.es6.js';import e from"react";import r from"../../Collapse/Collapse.js";import"../../system/colors/colors.js";import"polished";import"../../utils.js";import"lodash/includes";import"@emotion/react";import"@planningcenter/tapestry";import"lodash/get";import"../../system/default-theme.js";import"../../system/style-names.js";import n from"../../system/use-css.js";import{useCollapsibleRowsStore as s,useSubRowOpen as a}from"../hooks/useCollapsibleRows.js";import l from"../utils/getCell.js";import"../../VariantProvider/VariantProvider.js";import"../../Icon/Icon.js";import"../../Tooltip/Tooltip.js";import i from"../utils/getRowLinkProps.js";import"../utils/variants.js";import m from"./BodyRow.js";var c=function(t){var o=t.children,n=t.lazy,l=t.rowIndex,i=s((function(t){return t.instant})),m=a(l);return e.createElement(r,{lazy:n,instant:i,open:m,role:"row",style:{minWidth:"min-content"}},o)},p=function(r){var s=r.columns,a=r.columnWidths,p=r.data,u=r.getColumnRef,d=r.getRowLink,w=r.getVariant,f=r.keyboardShortcuts,h=r.onRowClick,y=r.parentRowIndex,R=n();return e.createElement(c,{lazy:!1===s.some((function(t){return t.includeSubCellWidth})),rowIndex:y},p.map((function(r,n){var c=w("bodySubRow",{evenRow:n%2==0,firstRow:0===n,isLink:Boolean(d)||Boolean(h),lastRow:n===Math.max(0,p.length-1),oddRow:1===Math.abs(n%2),parentRowIndex:y,rowData:r,rowIndex:n});return e.createElement(m,t({key:n,rowData:r,rowIndex:n,keyboardShortcuts:f,onRowClick:h,className:"tapestry-react-reset ".concat(R(c))},i({data:r,getRowLink:d,isSubRow:!0})),s.map((function(t,i){var m=w("bodySubCell",{columnIndex:i,columnWidth:a.current[i],firstCell:0===i,firstRow:0===n,lastCell:i===Math.max(0,s.length-1),lastRow:n===Math.max(0,p.length-1),rowData:r,rowIndex:n});return e.createElement("div",{key:i,ref:u("".concat(i,".").concat(y+1,".").concat(n)),className:"tapestry-react-reset ".concat(R(o(o([],m,!0),[t.css],!1)))},l(void 0!==t.subCell?t.subCell:t.cell,{columnIndex:i,rowData:r,rowIndex:n}))})))})))};export{p as default};
|
|
2
2
|
//# sourceMappingURL=BodySubRows.js.map
|
package/dist/DataTable/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from'./../ext/tslib/tslib.es6.js';import t,{forwardRef as r}from"react";import"../DragDrop/DragDrop.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"../VariantProvider/VariantProvider.js";import"../Icon/Icon.js";import"../Tooltip/Tooltip.js";import"./hooks/useCollapsibleRows.js";import{variants as s}from"./utils/variants.js";import"mousetrap";import"../hooks/use-measure.js";import e from"./components/CheckboxCell.js";import m from"./components/ColumnPicker.js";import i from"./DataTable.js";var p=r((function(r,s){return t.createElement(i,o({dataTableRef:s},r))}));p.CheckboxCell=e,p.ColumnPicker=m,p.variants=s;export{p as default};
|
|
1
|
+
import{__assign as o}from'./../ext/tslib/tslib.es6.js';import t,{forwardRef as r}from"react";import"../DragDrop/DragDrop.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"@planningcenter/tapestry";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import"../VariantProvider/VariantProvider.js";import"../Icon/Icon.js";import"../Tooltip/Tooltip.js";import"./hooks/useCollapsibleRows.js";import{variants as s}from"./utils/variants.js";import"mousetrap";import"../hooks/use-measure.js";import e from"./components/CheckboxCell.js";import m from"./components/ColumnPicker.js";import i from"./DataTable.js";var p=r((function(r,s){return t.createElement(i,o({dataTableRef:s},r))}));p.CheckboxCell=e,p.ColumnPicker=m,p.variants=s;export{p as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -30,7 +30,7 @@ export declare const defaultVariant: {
|
|
|
30
30
|
backgroundColor: string;
|
|
31
31
|
};
|
|
32
32
|
backgroundColor: string;
|
|
33
|
-
borderTopColor:
|
|
33
|
+
borderTopColor: "var(--t-border-color-default-base)";
|
|
34
34
|
borderTopStyle: string;
|
|
35
35
|
borderTopWidth: number;
|
|
36
36
|
color: string;
|
|
@@ -67,7 +67,7 @@ export declare const defaultVariant: {
|
|
|
67
67
|
backgroundColor?: undefined;
|
|
68
68
|
};
|
|
69
69
|
backgroundColor: string;
|
|
70
|
-
borderTopColor:
|
|
70
|
+
borderTopColor: "var(--t-border-color-default-base)";
|
|
71
71
|
borderTopStyle: string;
|
|
72
72
|
borderTopWidth: number;
|
|
73
73
|
color: string;
|
|
@@ -88,7 +88,7 @@ export declare const defaultVariant: {
|
|
|
88
88
|
overflowX: string;
|
|
89
89
|
scrollbarWidth: string;
|
|
90
90
|
backgroundColor: string;
|
|
91
|
-
borderTopColor:
|
|
91
|
+
borderTopColor: "var(--t-border-color-default-base)";
|
|
92
92
|
borderTopStyle: string;
|
|
93
93
|
borderTopWidth: number;
|
|
94
94
|
};
|
|
@@ -121,7 +121,7 @@ export declare const defaultVariant: {
|
|
|
121
121
|
overflowX: string;
|
|
122
122
|
scrollbarWidth: string;
|
|
123
123
|
backgroundColor: string;
|
|
124
|
-
borderBottomColor:
|
|
124
|
+
borderBottomColor: "var(--t-border-color-default-base)";
|
|
125
125
|
borderBottomStyle: string;
|
|
126
126
|
borderBottomWidth: number;
|
|
127
127
|
position: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/DataTable/utils/variants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/DataTable/utils/variants.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkH1B,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;CAkBpB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from'./../../ext/tslib/tslib.es6.js';var r={"::-webkit-scrollbar":{height:0,width:0},"@media print":{overflowX:"visible",position:"relative"},msOverflowStyle:"none",overflowX:"auto",scrollbarWidth:"none"},
|
|
1
|
+
import{__assign as o}from'./../../ext/tslib/tslib.es6.js';import{token as e}from"@planningcenter/tapestry";var r={"::-webkit-scrollbar":{height:0,width:0},"@media print":{overflowX:"visible",position:"relative"},msOverflowStyle:"none",overflowX:"auto",scrollbarWidth:"none"},i={body:{"@media print":{overflowX:"visible"},WebkitOverflowScrolling:"touch",overflowX:"auto"},bodyCell:{alignItems:"center",backgroundColor:"inherit",boxSizing:"content-box",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,fontSize:14,padding:"0 16px",whiteSpace:"nowrap"},bodyRow:function(r){var i=r.firstRow,n=r.isLink;return{"&:focus":o({outline:"none"},n?{backgroundColor:"linkBackground"}:{}),"&:hover":n?{backgroundColor:"linkBackground"}:void 0,backgroundColor:"surface",borderTopColor:i?void 0:e("--t-border-color-default-base"),borderTopStyle:i?void 0:"solid",borderTopWidth:i?void 0:1,color:"inherit",cursor:n?"pointer":void 0,display:"flex",minHeight:"64px"}},bodySubCell:function(o){return o.firstRow,o.lastCell,o.rowIndex,o.columnIndex,{backgroundColor:"inherit",boxSizing:"content-box",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,fontSize:14,padding:"12px 16px",width:o.columnWidth+"px"}},bodySubRow:function(o){var r=o.isLink;return{"&:focus":{outline:"none"},"&:hover":r?{backgroundColor:"linkBackground"}:{},backgroundColor:"surfaceSecondary",borderTopColor:e("--t-border-color-default-base"),borderTopStyle:"solid",borderTopWidth:1,color:"inherit",cursor:r?"pointer":void 0,display:"flex",minHeight:"44px"}},footer:o({backgroundColor:"surfaceSecondary",borderTopColor:e("--t-border-color-default-base"),borderTopStyle:"solid",borderTopWidth:1},r),footerCell:{alignItems:"center",backgroundColor:"inherit",boxSizing:"content-box",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,fontSize:14,padding:"0 16px",whiteSpace:"nowrap"},footerRow:{backgroundColor:"inherit",display:"flex"},header:o({backgroundColor:"surfaceSecondary",borderBottomColor:e("--t-border-color-default-base"),borderBottomStyle:"solid",borderBottomWidth:1,position:"sticky",top:0,zIndex:10},r),headerCell:function(o){return{alignItems:"center",backgroundColor:"inherit",boxSizing:"content-box",cursor:o.isSortable?"pointer":"default",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,outline:0,padding:"0 16px"}},headerRow:{backgroundColor:"inherit",display:"flex",minHeight:"48px"}},n={condensed:{bodyCell:{padding:"0 8px"},bodyRow:{minHeight:"40px"},bodySubCell:{padding:"4px 8px"},bodySubRow:{minHeight:"28px"},headerCell:{padding:"0 8px"}}};export{i as defaultVariant,n as variants};
|
|
2
2
|
//# sourceMappingURL=variants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/DateField/DateField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/DateField/DateField.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,cAAc,EAKf,MAAM,OAAO,CAAA;AAEd,OAAO,QAAQ,MAAM,aAAa,CAAA;AAIlC,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,OAAO,MAAM,YAAY,CAAA;AAOhC,UAAU,KAAK;IAIb,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAA;IAK/C,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAK7B,OAAO,CAAC,EAAE,IAAI,CAAA;IAKd,OAAO,CAAC,EAAE,IAAI,CAAA;IAKd,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAK9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAK7C,KAAK,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,KAAK,CAAC,GAAG,KAAK,CAAA;AAElE,iBAAS,SAAS,CAAC,EACjB,WAA6B,EAC7B,WAAmB,EACnB,UAAU,EACV,mBAA0B,EAC1B,OAAmB,EACnB,OAAmB,EACnB,QAAQ,EACR,SAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,eAiKhB;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import r,{useState as
|
|
1
|
+
import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import{token as r}from"@planningcenter/tapestry";import n,{useState as t,useRef as a,useCallback as l,useMemo as i}from"react";import c from"../Calendar/Calendar.js";import{Card as u}from"../Card/Card.js";import s from"../FocusGroup/FocusGroup.js";import d from"../Icon/Icon.js";import m from"../Input/Input.js";import{Popover as p}from"../Popover/Popover.js";import{useThemeProps as f}from"../system/utils.js";import{generateId as v}from"../utils.js";import{useArrowKeysToNavigateCalendar as C}from"./useArrowKeysToNavigateCalendar.js";import{useEditableDate as h}from"./useEditableDate.js";function g(g){var k=g.formatValue,y=void 0===k?"MMMM dd, yyyy":k,D=g.defaultOpen,j=void 0!==D&&D,I=g.keepInView,b=g.lockScrollWhileOpen,E=void 0===b||b,B=g.minDate,O=void 0===B?void 0:B,P=g.maxDate,V=void 0===P?void 0:P,w=g.onChange,x=g.placement,F=void 0===x?void 0:x,R=g.value,S=e(g,["formatValue","defaultOpen","keepInView","lockScrollWhileOpen","minDate","maxDate","onChange","placement","value"]),K=f("dateField",S),M=K.calendarProps;K.color;var q=K.popoverProps;K.sizes,K.thickness,K.trackColor;var z=e(K,["calendarProps","color","popoverProps","sizes","thickness","trackColor"]),W=t(j),G=W[0],T=W[1],A=v("datefield"),N=a(null),_=a(null),H=l((function(){var e,o=null===(e=_.current)||void 0===e?void 0:e.querySelector("input");(null==o?void 0:o.focus)&&o.focus()}),[]),J=l((function(){z.disabled||T(!0)}),[z.disabled]),L=l((function(){T(!1)}),[]),Q=l((function(e){return!!e&&(!(O&&e<O)&&!(V&&e>V))}),[O,V]),U=h({date:R,dateFormat:y,dateValidator:Q,onChange:w}),X=U.formattedDate,Y=U.setDate,Z=U.clearKeyBuffer,$=U.invalidKeyBuffer,ee=l((function(e){H(),Y(e),L()}),[H,Y,L]),oe=l((function(e){Y(e)}),[Y]),re=C({calendarIsOpen:G,closeCalendar:L,date:R,onChange:Y,openCalendar:J}),ne=l((function(e){Y(e.currentTarget.value)}),[Y]),te=l((function(){Z(),L()}),[Z,L]),ae=i((function(){return $?{backgroundColor:"error-lighter",color:"error-darker"}:{}}),[$]);return n.createElement(s,{onBlur:te},(function(e){var t=e.requestBlur,a=e.setRef;return n.createElement(p,o({},q,{ref:function(e){N.current=e},as:u,elevation:2,innerRef:function(e){N.current=e,a("".concat(A,"-popover"))(e)},keepInView:I,lockScrollWhileOpen:E,onBlur:t,onRequestClose:L,open:G,placement:F,tabIndex:-1,anchorElement:n.createElement(m,o({innerRef:function(e){_.current=e,a("".concat(A,"-input"))(e)},onBlur:t,onFocus:J,onChange:ne,onKeyDown:re,value:X,renderRight:n.createElement(d,{name:"general.calendar",color:r("--t-icon-color-default-primary"),onClick:J})},ae,z))}),n.createElement(c,o({size:"sm"},M,{date:R,selected:R,minDate:O,maxDate:V,onDateSelect:ee,onDateChange:oe})))}))}export{g as default};
|
|
2
2
|
//# sourceMappingURL=DateField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1D,MAAM,MAAM,YAAY,GAAG;IAIzB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAKhC,KAAK,CAAC,EAAE,SAAS,CAAA;IAKjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKxB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,UAAU,CAAA;AAKd,wBAAgB,OAAO,CAAC,EACtB,IAAmB,EACnB,KAA8C,EAC9C,MAAU,EACV,IAAQ,EACR,GAAG,SAAS,EACb,EAAE,YAAY,eAcd"}
|
package/dist/Divider/Divider.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import i from"react";import{Box as
|
|
1
|
+
import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as i}from"@planningcenter/tapestry";import t from"react";import{Box as e}from"../Box/Box.js";function a(a){var n=a.axis,l=void 0===n?"horizontal":n,m=a.color,s=void 0===m?i("--t-border-color-default-base"):m,d=a.margin,c=void 0===d?0:d,p=a.size,g=void 0===p?1:p,f=o(a,["axis","color","margin","size"]),x={alignSelf:"stretch",as:"div",backgroundColor:s};return"horizontal"===l?(x.height=g+"px",x.marginVertical=c):(x.width=g+"px",x.marginHorizontal=c),t.createElement(e,r({},x,f))}export{a as Divider};
|
|
2
2
|
//# sourceMappingURL=Divider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterLayout.d.ts","sourceRoot":"","sources":["../../src/FilterLayout/FilterLayout.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FilterLayout.d.ts","sourceRoot":"","sources":["../../src/FilterLayout/FilterLayout.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,KAAK,GAAG;IAElB,MAAM,CAAC,EAAE,GAAG,CAAA;IAGZ,OAAO,CAAC,EAAE,GAAG,CAAA;IAGb,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG9B,KAAK,CAAC,EAAE,GAAG,CAAA;IAGX,OAAO,CAAC,EAAE,GAAG,CAAA;CACd,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eAwExC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import i from"mousetrap";import*as
|
|
1
|
+
import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import i from"mousetrap";import*as o from"react";import{Box as a}from"../Box/Box.js";import{Button as n}from"../Button/Button.js";import{Card as l}from"../Card/Card.js";import{Divider as s}from"../Divider/Divider.js";import{StackView as d}from"../StackView/StackView.js";function m(m){var b=m.header,c=m.sidebarWidth,f=void 0===c?400:c,u=m.sidebar,h=m.table,p=m.toolbar,g=e(m,["header","sidebarWidth","sidebar","table","toolbar"]),v="fill"===f,E=o.useState(!1),w=E[0],x=E[1],k=o.useCallback((function(){x((function(e){return!e}))}),[]);return o.useEffect((function(){return i.bind("f",k),function(){i.unbind("f")}}),[]),o.createElement(l,r({minHeight:50,overflow:void 0},g),o.createElement(d,{axis:"horizontal",minHeight:6},o.createElement(n,{grow:0,shrink:0,basis:w?v?"100%":f+"px":"100px",distribution:w?"space-between":void 0,width:"100%",paddingHorizontal:2,borderRightWidth:1,borderRightColor:t("--t-border-color-default-base"),radius:0,title:"Filter","aria-label":w?"close filter":"open filter",iconRight:{name:w?"general.leftChevron":"general.threeReducingHorizontalBars",size:w?"xs":"md"},onClick:k}),o.createElement(a,{visible:!(w&&v),grow:1,shrink:1},b)),o.createElement(s,null),o.createElement(d,{axis:"horizontal",grow:1},o.createElement(d,{visible:w,basis:v?"100%":f+"px",borderRightWidth:1,borderRightColor:t("--t-border-color-default-base"),backgroundColor:"surfaceSecondary"},u),o.createElement(d,{visibility:w&&v?"hidden":"visible",maxHeight:w&&v?0:"initial",grow:1,shrink:1,basis:"100%"},o.createElement(a,{overflow:"hidden"},p),o.createElement(s,null),h)))}export{m as FilterLayout};
|
|
2
2
|
//# sourceMappingURL=FilterLayout.js.map
|
package/dist/Input/Inline.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import
|
|
1
|
+
import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import i from"react";import e from"./InputField.js";function l(l){var a=l.light,d=l.hover,n=l.focus,g=l.highlightColor,h=void 0===g?a?"light-0":"highlight":g,s=o(l,["light","hover","focus","highlightColor"]),u=s.readOnly||s.disabled?{}:{backgroundColor:h};return s.disabled?(s.cursor="not-allowed",s.tabIndex=void 0,s.opacity=.64):(d||n)&&(s=r(r({},s),u)),i.createElement(e,r({autoWidth:!0,backgroundColor:"transparent",color:a?"light-9":"foreground",focus:u,grow:0,hover:u,marginHorizontal:-.5,paddingHorizontal:.5,paddingVertical:0,placeholderColor:a?"light-5":"foregroundTertiary",radius:t("--t-form-border-radius"),stroke:void 0},s))}l.displayName="Input.Inline";export{l as default};
|
|
2
2
|
//# sourceMappingURL=Inline.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.tsx"],"names":[],"mappings":"AACA,OAAc,EAEZ,SAAS,EAET,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAY,MAAM,UAAU,CAAA;AAMrD,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;CAwNP;AAED,eAAe,QAAQ,CAAA"}
|
package/dist/Input/InputBox.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import t,{cloneElement as
|
|
1
|
+
import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import n,{cloneElement as i,Component as a}from"react";import{tabbable as s}from"tabbable";import{Box as l}from"../Box/Box.js";import{Button as d}from"../Button/Button.js";import{useDocumentEvent as u}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 u("keydown",(function(e){27===e.keyCode&&o()})),null}var v=function(a){function u(e){var o=a.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(u,a),Object.defineProperty(u.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete g[this.props.id]}}),Object.defineProperty(u.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,a=e.backgroundColor,s=void 0===a?t("--t-form-background-color"):a,u=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 k=e.readOnly,C=void 0!==k&&k,x=e.readOnlyBackgroundColor,w=void 0===x?t("--t-form-background-color-readonly"):x,S=e.renderLeft,P=e.renderRight,z=e.secondaryStroke,B=void 0===z||z,F=e.size,I=e.state,E=e.subdued,R=e.tabIndex,M=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"]),L=this.state,V=L.isFocused,N=L.isHovered,A=this.getBoxStyles(),W=A.boxSize,T=A.fontSize,D=A.lineHeight,U=A.paddingHorizontal,Z={backgroundColor:s,fontSize:T,lineHeight:D,paddingVertical:A.paddingVertical,tabIndex:M,zIndex:V||N?2:1},_={},q={alignItems:"center",display:"flex",height:"100%",justifyContent:"center",position:"absolute",top:0,width:W},G=S?W:U,J=P?W:U;return"pill"===H.radius||"pill-left"===H.radius?(Z.paddingLeft=G,Z.paddingRight=J):(H.radius,Z.paddingLeft=G,Z.paddingRight=J),(y||j)&&(Z.paddingRight=W),C?Z.backgroundColor=w:E?Z.backgroundColor=!f&&V?"highlightSecondary":!f&&N?I?"".concat(I,"-1"):"highlight":I?"".concat(I,"-0"):"surfaceTertiary":O||(B&&(Z.boxShadow=!f&&V?"0 0 0 2px var(--colors-separator-focus-secondary)":void 0),Z.strokeAlign="inside",Z.strokeWeight=1,Z.stroke=f?t("--t-form-border-color-disabled"):V?"error"===I?t("--t-form-border-color-error"):I||t("--t-form-border-color-focus"):"error"===I?t("--t-form-border-color-error"):I||t(N?"--t-form-border-color-hover":"--t-form-border-color"),Z.backgroundColor=t(f?"--t-form-background-color-disabled":"--t-form-background-color"),H.color||(_.color=t(f?"--t-form-font-color-disabled":"--t-form-font-color"))),g&&(Z["aria-labelledby"]="".concat(g,"-label")),m&&(Z.paddingLeft=Z.paddingVertical,Z.paddingRight=Z.paddingVertical),v&&(Z.spacing=m?Z.paddingVertical:U),f?(_.cursor="not-allowed",Z.tabIndex=void 0,_.opacity=H.color||O?.64:1):O||(N&&H.hover&&Object.assign(H,H.hover),V&&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)})),n.createElement(b.Provider,{value:this},n.createElement(p,r({innerRef:this.setNode,id:g,axis:p.HORIZONTAL,alignment:p.CENTER,shrink:0,minHeight:W,radius:t("--t-form-border-radius"),readOnly:C,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},Z,H,_),S&&n.createElement(l,r({},q,{left:0}),"function"==typeof S?S(F):i(S,{size:S.props&&S.props.size||F})),u,(y||j||P)&&n.createElement(l,r({},q,{right:0}),y?n.createElement(c,{size:F}):j?n.createElement(d,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof P?P(F):P?i(P,{size:P.props&&P.props.size||F}):null),j&&n.createElement(h,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(u,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildIndex:0,focusChildrenOnFocus:!0,size:"md"}}),Object.defineProperty(u,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputBox"}),u}(a);export{v as default};
|
|
2
2
|
//# sourceMappingURL=InputBox.js.map
|
|
@@ -15,7 +15,7 @@ declare class InputField extends Component<InputFieldProps, {
|
|
|
15
15
|
}> {
|
|
16
16
|
static defaultProps: {
|
|
17
17
|
autoWidthType: string;
|
|
18
|
-
placeholderColor:
|
|
18
|
+
placeholderColor: "var(--t-form-placeholder-color)";
|
|
19
19
|
};
|
|
20
20
|
static displayName: string;
|
|
21
21
|
shouldUpdateWidth: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../src/Input/InputField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../src/Input/InputField.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAMnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAuBjC,KAAK,KAAK,GAAG;IAKX,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAKrC,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAK1C,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAKhC,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC,CAAA;AAE1E,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;IACzE,MAAM,CAAC,YAAY;;;MAGlB;IAED,MAAM,CAAC,WAAW,SAAqB;IAEvC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,gBAAgB,CAAA;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAA;gBAEP,KAAK,KAAA;IAajB,iBAAiB;IAajB,kBAAkB,CAAC,SAAS,KAAA;IAgB5B,oBAAoB;IAMpB,OAAO,sBAKN;IAED,QAAQ,CAAC,IAAI,KAAA;IA6Bb,iBAAiB,6BAMhB;IAED,YAAY,uBAQX;IAED,YAAY,uBAYX;IAED,aAAa,uBAKZ;IAED,WAAW,uBAUV;IAED,UAAU,uBAkBT;IAED,KAAK,aAEJ;IAED,IAAI,aAEH;IAED,MAAM;CA2EP;AAED,eAAe,UAAU,CAAA"}
|
package/dist/Input/InputField.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import i,{Component as
|
|
1
|
+
import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import{token as i}from"@planningcenter/tapestry";import n,{Component as r}from"react";import{Box as a}from"../Box/Box.js";import{getBoxSize as l}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import{selectFullTextRange as p,deselectCurrentTextRange as s,getTextWidth as u}from"../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 d from"./InputContext.js";import{inputs as h,inputLabels as c}from"./utils.js";var b={"::-ms-clear":{display:"none"},"::-webkit-clear-button":{display:"none"},"::-webkit-inner-spin-button, ::-webkit-outer-spin-button":{display:"none"},"::-webkit-search-cancel-button":{display:"none"},MozAppearance:"textfield",appearance:"none",boxShadow:"none",outline:0},f=function(r){function f(e){var t=r.call(this,e)||this;return Object.defineProperty(t,"shouldUpdateWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"canHighlight",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"_lastTextWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"inputBox",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.node=e,t.props.innerRef&&t.props.innerRef(e)}}),Object.defineProperty(t,"getAutoWidthValue",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return!0===t.props.autoWidth?null!==t.props.value&&void 0!==t.props.value?t.props.value:e:t.props.autoWidth}}),Object.defineProperty(t,"preventFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&e.target===document.activeElement&&(e.preventDefault(),p(e.target))}}),Object.defineProperty(t,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0!==t.props.autoWidth&&(!0===t.props.autoWidth?t.setWidth(e.target.value):t.shouldUpdateWidth=!0),t.props.onChange&&t.props.onChange(e),t.canHighlight=!0}}),Object.defineProperty(t,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!0,t.props.onKeyDown&&t.props.onKeyDown(e)}}),Object.defineProperty(t,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&p(e.target),t.inputBox&&t.inputBox.setState({isFocused:!0}),t.props.onFocus&&t.props.onFocus(e)}}),Object.defineProperty(t,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!1,t.props.highlightOnInteraction&&s(),t.inputBox&&t.inputBox.setState({isFocused:!1}),void 0!==t.props.autoWidth&&void 0!==t.props.placeholder&&""===e.target.value&&t.setWidth(t.props.placeholder),t.props.onBlur&&t.props.onBlur(e)}}),Object.defineProperty(t,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.focus()}}),Object.defineProperty(t,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.blur()}}),t.state={isHovered:!1},t.shouldUpdateWidth=!1,e.id&&(h[e.id]=t),t}return e(f,r),Object.defineProperty(f.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){if(void 0!==this.props.autoWidth){var e=this.getAutoWidthValue(void 0!==this.props.defaultValue?this.props.defaultValue:this.props.placeholder);void 0!==e&&this.setWidth(e)}}}),Object.defineProperty(f.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){(this.shouldUpdateWidth||void 0!==this.props.autoWidth&&void 0!==this.props.value&&this.props.value!==e.value)&&(this.setWidth(this.getAutoWidthValue(this.props.placeholder)),this.shouldUpdateWidth=!1),this.canHighlight&&this.props.highlightOnInteraction&&(p(this.node),this.canHighlight=!1)}}),Object.defineProperty(f.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete h[this.props.id]}}),Object.defineProperty(f.prototype,"setWidth",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props.autoWidthType,o=u(e,this.node);if(o!==this._lastTextWidth){var i=getComputedStyle(this.node),n=[i.borderLeftWidth,i.borderRightWidth,1,i.paddingLeft,i.paddingRight,o].reduce((function(e,t){return e+parseInt(t,10)}),0);"width"!==t&&"both"!==t||(this.node.style.width="".concat(n,"px")),"basis"!==t&&"both"!==t||(this.node.style.flexBasis="".concat(n,"px")),this._lastTextWidth=o}}}),Object.defineProperty(f.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.props;i.autoWidth,i.autoWidthType;var r=i.css,p=i.disabled;i.innerRef,i.onBlur,i.onChange,i.onFocus,i.onKeyDown,i.onMouseDown,i.onMouseUp;var s=i.placeholderColor;i.highlightOnInteraction;var u=i.size,h=t(i,["autoWidth","autoWidthType","css","disabled","innerRef","onBlur","onChange","onFocus","onKeyDown","onMouseDown","onMouseUp","placeholderColor","highlightOnInteraction","size"]),f={"::-webkit-input-placeholder":{color:s},"::placeholder":{color:s},":-moz-placeholder":{color:s},":-ms-input-placeholder":{color:s}};return n.createElement(d.Consumer,null,(function(t){var i={},s=t?t.getBoxStyles():l(u),d=s.fontSize,g=s.lineHeight;return e.inputBox||(e.inputBox=t),c[e.props.id]&&(i["aria-labelledby"]="".concat(e.props.id,"-label")),e.state.isHovered&&h.hover&&Object.assign(h,h.hover),n.createElement(a,o({as:"input",innerRef:e.setNode,disabled:p,grow:1,padding:0,textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:d,lineHeight:g,minHeight:g,onFocus:e.handleFocus,onBlur:e.handleBlur,onChange:e.handleChange,onKeyDown:e.handleKeyDown,onMouseDown:e.preventFocus,onMouseUp:e.preventFocus,css:[b,f,r]},h,i))}))}}),Object.defineProperty(f,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{autoWidthType:"both",placeholderColor:i("--t-form-placeholder-color")}}),Object.defineProperty(f,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputField"}),f}(r);export{f as default};
|
|
2
2
|
//# sourceMappingURL=InputField.js.map
|
package/dist/List/List.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/List/List.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/List/List.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAkB,EAAkB,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAC9E,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAE1E,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,KAAK,KAAK,GAAG;IAEX,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,OAAO,CAAC,EAAE,OAAO,CAAA;IAGjB,YAAY,CAAC,EAAE,MAAM,CAAA;IAMrB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9C,CAAA;AACD,KAAK,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,OAAO,CAC5C,CAAC,EACD,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAChD,GACC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,GACpC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAElC,wBAAgB,IAAI,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,EAAE,EACzC,MAAM,EACN,WAAoD,EACpD,QAAQ,EACR,OAAc,EACd,YAAqD,EACrD,mBAAmB,EACnB,GAAG,SAAS,EACb,EAAE,SAAS,CAAC,CAAC,CAAC,eAkCd;yBA1Ce,IAAI;;;AA8CpB,MAAM,WAAW,IAAI,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,CAAE,SAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAClE,IAAI,EAAE,OAAO,QAAQ,CAAA;CACtB"}
|
package/dist/List/List.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as o,__assign as
|
|
1
|
+
import{__rest as o,__assign as e}from'./../ext/tslib/tslib.es6.js';import{token as r}from"@planningcenter/tapestry";import t from"react";import{StackView as d}from"../StackView/StackView.js";import{cloneChildren as i}from"../utils.js";import m from"./ListItem.js";function n(m){var n=m.border,s=m.borderColor,l=void 0===s?r("--t-border-color-default-base"):s,p=m.children,b=m.divider,u=void 0===b||b,v=m.dividerColor,a=void 0===v?r("--t-border-color-default-base"):v,c=m.onItemRemoveRequest,R=o(m,["border","borderColor","children","divider","dividerColor","onItemRemoveRequest"]),f={};return n&&(f.borderTopWidth=1,f.borderTopColor=l,f.borderBottomWidth=1,f.borderBottomColor=l),t.createElement(d,e({},R,f),i(p,(function(o,r){var t=r.index,d=r.lastChild,i=u&&!d?{borderBottomColor:a,borderBottomWidth:1}:{},m={};return(c||o.props.onRemoveRequest)&&(m.onRemoveRequest=function(){c&&c(t),o.props.onRemoveRequest&&o.props.onRemoveRequest(t)}),e(e({},i),m)})))}n.Item=m;export{n as List};
|
|
2
2
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../src/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../src/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,KAAK,GAAG;IAIlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAIlB,GAAG,CAAC,EAAE,MAAM,CAAA;IAIZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAIZ,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAInB,IAAI,CAAC,EAAE,MAAM,CAAA;IAIb,KAAK,CAAC,EAAE,MAAM,CAAA;IAId,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACF,CAAA;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,KAAK,eA+MhC;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{snap as n,clamp as r}from"@popmotion/popcorn";import
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import{snap as n,clamp as r}from"@popmotion/popcorn";import a,{useRef as i,useState as u}from"react";import{Box as c}from"../Box/Box.js";import"mousetrap";import{useMeasure as s}from"../hooks/use-measure.js";import{useThemeProps as l}from"../system/utils.js";function d(d){var m=d.min,v=void 0===m?0:m,f=d.max,p=void 0===f?100:f,h=d.step,g=void 0===h?1:h,b=d.disabled,w=d.value,E=d.onChange,L=e(d,["min","max","step","disabled","value","onChange"]),k=l("rangeSlider",L),y=k.variant,D=void 0===y?{}:y,x=e(k,["variant"]),C=n(g),R=i(),B=i(),j=i(),A=i(),K=i(),X=s(),M=X[0],O=X[1],S=u(0),U=S[0],H=S[1],I=u(0),T=I[0],V=I[1],W=U-T;function _(e){return C(r(v,p,e))}function q(e){return e.touches?e.touches[0].pageX:e.pageX}function z(e){return(e-v)/(p-v)*W}function F(e){var t,o=q(e),n=_((t=function(e){var t=R.current.getBoundingClientRect().left;return e-(window.pageXOffset+t)-T/2}(o),t/W*(p-v)+v));A.current=o,K.current=n,document.addEventListener("mousemove",G),document.addEventListener("mouseup",J),document.addEventListener("mouseleave",J),document.addEventListener("touchmove",G),document.addEventListener("touchend",J),document.addEventListener("touchcancel",J),e.preventDefault(),j.current.focus(),E(n)}function G(e){var t=function(e){var t=e/(U-T)*(p-v);return _(K.current+t)}(q(e)-A.current);e.preventDefault(),E(t)}function J(){document.removeEventListener("mousemove",G),document.removeEventListener("mouseup",J),document.removeEventListener("mouseleave",J),document.removeEventListener("touchmove",G),document.removeEventListener("touchend",J),document.removeEventListener("touchcancel",J)}return M(R),O((function(){var e=R.current.getBoundingClientRect(),t=e.left,o=e.right,n=j.current.getBoundingClientRect().width;H(Math.abs(o-t)),V(n)}),[]),a.createElement(c,t({innerRef:R,width:"100%",paddingVertical:.5,position:"relative",cursor:b?"not-allowed":"pointer",opacity:b?.65:void 0,onMouseDown:b?void 0:F,onTouchStart:b?void 0:F},x),a.createElement(c,t({innerRef:B,height:.5,radius:6,overflow:"hidden",backgroundColor:o("--t-fill-color-neutral-060"),position:"relative"},D.track),a.createElement(c,t({position:"absolute",top:0,right:0,bottom:0,left:0,transformOrigin:"center left",backgroundColor:o("--t-fill-color-interaction-default"),style:{transform:"scaleX(".concat(1-(W-z(w))/(U-T),")")}},D.progress))),a.createElement(c,t({innerRef:j,tabIndex:0,role:"slider","aria-valuenow":w,"aria-valuemin":v,"aria-valuemax":p,"aria-disabled":b,onKeyDown:b?void 0:function(e){if(!(e.ctrlKey||e.shiftKey||e.altKey))switch(e.key){case"ArrowLeft":case"ArrowDown":case"Left":case"Down":e.preventDefault(),E(_(w-g));break;case"ArrowRight":case"ArrowUp":case"Right":case"Up":e.preventDefault(),E(_(w+g));break;case"Home":e.preventDefault(),E(v);break;case"End":e.preventDefault(),E(p)}},width:1.5,height:1.5,radius:"circle",position:"absolute",top:"50%",left:0,backgroundColor:o("--t-fill-color-neutral-080"),stroke:o("--t-border-color-default-darkest"),strokeWeight:1,style:{transform:"translate(".concat(z(w),"px, -50%)")}},D.thumb)))}export{d as default};
|
|
2
2
|
//# sourceMappingURL=RangeSlider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAOd,KAAK,KAAK,GAAG;IACX,aAAa,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAOd,KAAK,KAAK,GAAG;IACX,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACjC,CAAA;;AA6GD,wBAA2C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../src/SegmentedTabs/SegmentedTabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../src/SegmentedTabs/SegmentedTabs.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAA;AAM/E,iBAAS,GAAG,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE;;;;;CAAA,eAqBjE;AAED,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,QAAQ,EAAE,QAAQ,CAAA;IAElB,QAAQ,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAA;IACpC,IAAI,EAAE,GAAG,EAAE,CAAA;CACZ,CAAA;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,eAuElC;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useCallback as
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as o}from"@planningcenter/tapestry";import r,{useCallback as n,useState as i,useEffect as a}from"react";import{StackView as l}from"../StackView/StackView.js";import{useThemeProps as c}from"../system/utils.js";import{Text as d}from"../Text/Text.js";function s(n){var i=n.isSelected,a=n.selectedColor,l=n.onSelect,c=e(n,["isSelected","selectedColor","onSelect"]);return r.createElement(d,t({as:"button",tabIndex:i?-1:void 0,position:"relative",fontSize:4,fontWeight:i?600:void 0,padding:1,borderBottomWidth:2,borderBottomColor:i?a:o("--t-border-color-default-base"),textAlign:"center",userSelect:"none",cursor:i?void 0:"pointer",hover:{borderBottomColor:i?void 0:o("--t-border-color-default-dark")},onClick:i?void 0:l},c))}function u(d){var u=c("segmentedTabs",d),f=u.activeTab,b=u.color,m=void 0===b?o("--t-fill-color-interaction-default"):b,v=u.getTabLabel,p=void 0===v?function(e){return e}:v,g=u.onChange,S=u.tabs,x=u.tabProps,C=e(u,["activeTab","color","getTabLabel","onChange","tabs","tabProps"]),T=n((function(e){var t=e.activeTab,o=e.tabs;return"function"==typeof t?o.reduce((function(e,o,r){return t(o,r)&&(e=r),e}),null):void 0===t?0:o.indexOf(t)}),[f,S]),h=i(T(d)),k=h[0],j=h[1],y=n((function(e){void 0===f&&j(e),g&&g(S[e])}),[f,j,g,S]);return a((function(){var e=T(d);k!==e&&j(e)}),[f]),r.createElement(l,t({role:"group",axis:"horizontal",distribution:"fill",position:"relative"},C),S.map((function(e,o){return r.createElement(s,t({key:o,index:o,isSelected:o===k,selectedColor:m,onSelect:function(){return y(o)}},x),p(e))})))}export{u as default};
|
|
2
2
|
//# sourceMappingURL=SegmentedTabs.js.map
|
package/dist/Sidebar/Sidebar.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import{jsx as r}from"@emotion/react";import{Children as e,isValidElement as s}from"react";import i from"react-sticky-box";import{StackView as m}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import a from"../system/css.js";import"../system/default-theme.js";import"lodash/get";import"lodash/includes";import"../system/style-names.js";import"../system/cxs.js";import p from"./SidebarItem.js";import n from"./SidebarList.js";var c=a({display:"flex",flexDirection:"column"});function l(a){var p=a.children,n=t(a,["children"]);return r(m,o({grow:1,paddingTop:2,boxShadow:"inset -8px 0px 8px -8px rgba(150, 150, 150, 0.25)",backgroundColor:"surfaceTertiary"},n),r(i,{css:c},e.map(p,(function(t){return s(t)&&t.type!==l.List&&t.type!==l.Item&&console.warn("Invalid component nesting. ".concat(t.type," cannot appear as a child of <Sidebar>. Only <Sidebar.List/> or <Sidebar.Item/> may be used.")),t}))))}l.List=n,l.Item=p;export{l as default};
|
|
1
|
+
import{__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import{jsx as r}from"@emotion/react";import{Children as e,isValidElement as s}from"react";import i from"react-sticky-box";import{StackView as m}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import a from"../system/css.js";import"../system/default-theme.js";import"@planningcenter/tapestry";import"lodash/get";import"lodash/includes";import"../system/style-names.js";import"../system/cxs.js";import p from"./SidebarItem.js";import n from"./SidebarList.js";var c=a({display:"flex",flexDirection:"column"});function l(a){var p=a.children,n=t(a,["children"]);return r(m,o({grow:1,paddingTop:2,boxShadow:"inset -8px 0px 8px -8px rgba(150, 150, 150, 0.25)",backgroundColor:"surfaceTertiary"},n),r(i,{css:c},e.map(p,(function(t){return s(t)&&t.type!==l.List&&t.type!==l.Item&&console.warn("Invalid component nesting. ".concat(t.type," cannot appear as a child of <Sidebar>. Only <Sidebar.List/> or <Sidebar.Item/> may be used.")),t}))))}l.List=n,l.Item=p;export{l as default};
|
|
2
2
|
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import{CacheProvider as r,ThemeProvider as
|
|
1
|
+
import{__rest as e,__assign as t,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import{CacheProvider as r,ThemeProvider as n}from"@emotion/react";import s from"lodash/merge";import i,{useState as m,useMemo as l,useLayoutEffect as c}from"react";import{Box as a}from"../Box/Box.js";import{createCache as d}from"../createCache.js";import"../system/colors/colors.js";import{flattenPalette as u}from"../system/colors/utils.js";import"lodash/includes";import{objectToCSSProperties as p,shallowEqual as h}from"../utils.js";import"@planningcenter/tapestry";import"lodash/get";import"polished";import v from"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import{setRootStyles as f,getThemeDataAttribute as y,styleReset as g}from"./styles.js";var j="tapestry-react-theme",b={default:d({key:"tapestry-react"})};function w(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return s.apply(void 0,o([{}],e,!1))}var S={get:function(){return window.localStorage.getItem(j)},set:function(e){return window.localStorage.setItem(j,e)}},k="\ntry {\n var theme = window.localStorage.getItem('".concat(j,"')\n if (theme) {\n document.documentElement.dataset.theme = theme\n }\n} catch (e) {}\n"),x={};function z(e,o){var r,n,s,i,m,l;return void 0===e&&(e={}),void 0===o&&(o={}),t(t(t({},e),o),{button:t(t(t({},e.button),o.button),{themes:w((null===(r=e.button)||void 0===r?void 0:r.themes)||{},(null===(n=o.button)||void 0===n?void 0:n.themes)||{})}),colors:w(u(e.colors||{}),u(o.colors||{})),spinner:t(t(t({},e.spinner),o.spinner),{sizes:w((null===(s=e.spinner)||void 0===s?void 0:s.sizes)||{},(null===(i=o.spinner)||void 0===i?void 0:i.sizes)||{}),thickness:w((null===(m=e.spinner)||void 0===m?void 0:m.thickness)||{},(null===(l=o.spinner)||void 0===l?void 0:l.thickness)||{})})})}function E(o){var s,u=o.theme,g=void 0===u?x:u,j=o.children,w=e(o,["theme","children"]),S=m((function(){return z(v,g)})),k=S[0],E=S[1],I=l((function(){return b[g.id]||(b[g.id]=d({key:"tapestry-react-".concat(g.id)})),b[g.id]}),[g.id]);return c((function(){var e=z(v,g);f(e.id,p("colors",e.colors)),h(k,e)||E(e)}),[g]),i.createElement(r,{value:I},i.createElement(n,{theme:k},i.createElement(a,t({className:"tapestry-react-reset"},w,((s={})["".concat(y(k.id))]=!0,s)),j)))}E.cache=b.default,E.setRootStyles=f,E.styleReset=g,E.themeInitializerScript=k,E.themeStorage=S;export{E as ThemeProvider,f as setRootStyles,g as styleReset,k as themeInitializerScript,S as themeStorage};
|
|
2
2
|
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"../system/colors/colors.js";import{flattenPalette as t}from"../system/colors/utils.js";import"lodash/includes";import{objectToCSSProperties as e}from"../utils.js";import"@emotion/react";import"lodash/get";import"polished";import"react";import n from"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";function o(t){return t?"data-tapestry-react-theme-provider-".concat(t):"data-tapestry-react-theme-provider"}var r=function(t,e){var n=Object.keys(e).map((function(t){return"".concat(t,": ").concat(e[t])})).join("; ");return"[".concat(o(t),"] { ").concat(n," }")},a=function(t,e){!function(t){if("undefined"!=typeof window&&!document.getElementById("tapestry-react-style-".concat(t))){var e=document.createElement("style");e.id="tapestry-react-style-".concat(t),e.innerHTML=s,document.head.insertAdjacentElement("afterbegin",e)}}(t);var n=document.getElementById("tapestry-react-style-".concat(t)).sheet,o=r(t,e);n.deleteRule(0),n.insertRule(o,0)},i=e("colors",t(n.colors)),s="\n".concat(r(null,i),"\n\n.tapestry-react-reset {\n appearance: none;\n background-color: transparent;\n border-width: 0px;\n border-style: solid;\n border-color: transparent;\n box-sizing: border-box;\n color: inherit;\n box-sizing: border-box;\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n font-weight: 400;\n margin-top: 0;\n margin-right: 0;\n margin-bottom: 0;\n margin-left: 0;\n min-width: 0px;\n min-height: 0px;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n padding-left: 0;\n text-decoration: none;\n}\n\n.tapestry-react-reset::-moz-focus-inner {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n padding-left: 0;\n border: none;\n}\n\n.tapestry-react-reset:focus:not(.focus-visible) {\n outline: 0px;\n}\n").replace(/\n/g,"").replace(/\s\s+/g," ");export{i as defaultColorProperties,o as getThemeDataAttribute,a as setRootStyles,s as styleReset};
|
|
1
|
+
import"../system/colors/colors.js";import{flattenPalette as t}from"../system/colors/utils.js";import"lodash/includes";import{objectToCSSProperties as e}from"../utils.js";import"@emotion/react";import"@planningcenter/tapestry";import"lodash/get";import"polished";import"react";import n from"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";function o(t){return t?"data-tapestry-react-theme-provider-".concat(t):"data-tapestry-react-theme-provider"}var r=function(t,e){var n=Object.keys(e).map((function(t){return"".concat(t,": ").concat(e[t])})).join("; ");return"[".concat(o(t),"] { ").concat(n," }")},a=function(t,e){!function(t){if("undefined"!=typeof window&&!document.getElementById("tapestry-react-style-".concat(t))){var e=document.createElement("style");e.id="tapestry-react-style-".concat(t),e.innerHTML=s,document.head.insertAdjacentElement("afterbegin",e)}}(t);var n=document.getElementById("tapestry-react-style-".concat(t)).sheet,o=r(t,e);n.deleteRule(0),n.insertRule(o,0)},i=e("colors",t(n.colors)),s="\n".concat(r(null,i),"\n\n.tapestry-react-reset {\n appearance: none;\n background-color: transparent;\n border-width: 0px;\n border-style: solid;\n border-color: transparent;\n box-sizing: border-box;\n color: inherit;\n box-sizing: border-box;\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n font-weight: 400;\n margin-top: 0;\n margin-right: 0;\n margin-bottom: 0;\n margin-left: 0;\n min-width: 0px;\n min-height: 0px;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n padding-left: 0;\n text-decoration: none;\n}\n\n.tapestry-react-reset::-moz-focus-inner {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n padding-left: 0;\n border: none;\n}\n\n.tapestry-react-reset:focus:not(.focus-visible) {\n outline: 0px;\n}\n").replace(/\n/g,"").replace(/\s\s+/g," ");export{i as defaultColorProperties,o as getThemeDataAttribute,a as setRootStyles,s as styleReset};
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
|
@@ -7,10 +7,6 @@ export declare const designTokens: {
|
|
|
7
7
|
disabledLabelColor: "var(--t-text-color-default-disabled)";
|
|
8
8
|
labelColor: "var(--t-text-color-default-primary)";
|
|
9
9
|
};
|
|
10
|
-
input: {
|
|
11
|
-
borderRadius: number;
|
|
12
|
-
readOnlyBackgroundColor: "var(--t-fill-color-neutral-080)";
|
|
13
|
-
};
|
|
14
10
|
radio: {
|
|
15
11
|
borderColor: "var(--t-border-color-control-neutral)";
|
|
16
12
|
checkedColor: "var(--t-fill-color-control-primary)";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/designTokens/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/designTokens/index.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmExB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{token as
|
|
1
|
+
import{token as o}from"@planningcenter/tapestry";var l={black10:o("--t-fill-color-transparency-dark-010"),black40:o("--t-fill-color-transparency-dark-040"),black60:o("--t-fill-color-transparency-dark-060"),black80:o("--t-fill-color-transparency-dark-080"),lightNeutral40:"hsl(0, 0%, 40%)",lightNeutral68:"hsl(0, 0%, 68%)",lightNeutral88:o("--t-fill-color-neutral-050"),lightNeutral97:o("--t-fill-color-neutral-080"),white:o("--t-fill-color-neutral-100"),white45:o("--t-fill-color-transparency-light-050")},r={button:{borderRadius:o("--t-border-radius-md")},checkbox:{borderColor:l.lightNeutral68,disabledLabelColor:o("--t-text-color-default-disabled"),labelColor:o("--t-text-color-default-primary")},radio:{borderColor:o("--t-border-color-control-neutral"),checkedColor:o("--t-fill-color-control-primary"),checkedFillColor:l.white,disabled:{borderColor:o("--t-border-color-control-disabled"),checkedColor:o("--t-border-color-control-disabled"),checkedFillColor:o("--t-surface-color-card"),fillColor:o("--t-fill-color-neutral-070"),labelColor:o("--t-text-color-default-disabled")},error:{borderColor:o("--t-border-color-control-error"),fillColor:o("--t-fill-color-status-error-ghost")},fillColor:o("--t-surface-color-card"),labelColor:o("--t-text-color-default-primary")},tabNav:{desktop:{paddingX:24,selectedTabBackgroundColor:l.white,spacing:8},mobile:{backgroundColor:l.white,borderBottomColor:l.lightNeutral88,borderBottomStyle:"solid",borderBottomWidth:1,paddingX:16,spacing:20},tab:{badgeBackgroundColor:l.black10,badgeFontSize:12,badgeTextColor:l.black80,desktop:{activeTextColor:l.black80,borderRadiusTop:4,defaultBackgroundColor:l.white45,fontSize:14,height:40,hoverTextColor:l.black80,paddingX:16},disabledTextColor:l.black40,iconColor:l.lightNeutral40,mobile:{borderBottomWidth:3,fontSize:16,height:44,paddingBottom:10,paddingTop:7},selectedTextColor:l.black80,textColor:l.black60}}};export{r as designTokens};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -47,7 +47,7 @@ export declare const palette: {
|
|
|
47
47
|
foregroundTertiary: string;
|
|
48
48
|
};
|
|
49
49
|
green: string[];
|
|
50
|
-
grey: ("var(--t-fill-color-neutral-070)" | "var(--t-fill-color-neutral-
|
|
50
|
+
grey: ("var(--t-fill-color-neutral-070)" | "var(--t-fill-color-neutral-050)" | "var(--t-fill-color-neutral-080)" | "var(--t-fill-color-neutral-090)" | "var(--t-fill-color-neutral-060)" | "var(--t-fill-color-neutral-040)" | "var(--t-fill-color-neutral-030)" | "var(--t-fill-color-neutral-025)" | "var(--t-fill-color-neutral-020)" | "var(--t-fill-color-neutral-010)")[];
|
|
51
51
|
highlight: {
|
|
52
52
|
highlight: "var(--t-fill-color-neutral-070)";
|
|
53
53
|
highlightSecondary: "var(--t-fill-color-neutral-060)";
|
|
@@ -78,9 +78,9 @@ export declare const palette: {
|
|
|
78
78
|
red: string[];
|
|
79
79
|
separator: {
|
|
80
80
|
separator: "var(--t-fill-color-neutral-040)";
|
|
81
|
-
separatorFocus:
|
|
81
|
+
separatorFocus: "var(--t-form-border-color-focus)";
|
|
82
82
|
separatorFocusSecondary: "var(--t-fill-color-neutral-050)";
|
|
83
|
-
separatorHover: "var(--t-
|
|
83
|
+
separatorHover: "var(--t-form-border-color-hover)";
|
|
84
84
|
separatorSecondary: "var(--t-fill-color-neutral-050)";
|
|
85
85
|
separatorTertiary: "var(--t-fill-color-neutral-050)";
|
|
86
86
|
};
|
|
@@ -101,12 +101,6 @@ export declare const palette: {
|
|
|
101
101
|
create: {
|
|
102
102
|
create35: "var(--t-fill-color-control-secondary)";
|
|
103
103
|
};
|
|
104
|
-
grays: {
|
|
105
|
-
light: {
|
|
106
|
-
neutral62: "var(--t-fill-color-neutral-030)";
|
|
107
|
-
neutral81: "var(--t-fill-color-neutral-040)";
|
|
108
|
-
};
|
|
109
|
-
};
|
|
110
104
|
interaction66: "var(--t-fill-color-control-primary)";
|
|
111
105
|
};
|
|
112
106
|
warning: {
|
|
@@ -123,24 +117,12 @@ export declare const colors: Partial<import("../../types").Colors> & Record<stri
|
|
|
123
117
|
create: {
|
|
124
118
|
create35: "var(--t-fill-color-control-secondary)";
|
|
125
119
|
};
|
|
126
|
-
grays: {
|
|
127
|
-
light: {
|
|
128
|
-
neutral62: "var(--t-fill-color-neutral-030)";
|
|
129
|
-
neutral81: "var(--t-fill-color-neutral-040)";
|
|
130
|
-
};
|
|
131
|
-
};
|
|
132
120
|
interaction66: "var(--t-fill-color-control-primary)";
|
|
133
121
|
};
|
|
134
122
|
export declare function getColor(key: string): string | [string, string, string, string, string, string, string, string, string, string] | (Partial<import("../../types").Colors> & Record<string, string | [string, string, string, string, string, string, string, string, string, string]> & {
|
|
135
123
|
create: {
|
|
136
124
|
create35: "var(--t-fill-color-control-secondary)";
|
|
137
125
|
};
|
|
138
|
-
grays: {
|
|
139
|
-
light: {
|
|
140
|
-
neutral62: "var(--t-fill-color-neutral-030)";
|
|
141
|
-
neutral81: "var(--t-fill-color-neutral-040)";
|
|
142
|
-
};
|
|
143
|
-
};
|
|
144
126
|
interaction66: "var(--t-fill-color-control-primary)";
|
|
145
127
|
});
|
|
146
128
|
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/system/colors/colors.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/system/colors/colors.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiNnB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;CACF,CAAA;AAEjB,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM;;;;;GAEnC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{token as l,computedToken as r}from"@planningcenter/tapestry";import{flattenPalette as t}from"./utils.js";var o={create:{create35:l("--t-fill-color-control-secondary")},
|
|
1
|
+
import{token as l,computedToken as r}from"@planningcenter/tapestry";import{flattenPalette as t}from"./utils.js";var o={create:{create35:l("--t-fill-color-control-secondary")},interaction66:l("--t-fill-color-control-primary")},a={apps:{calendar:l("--t-fill-color-product-calendar-050"),"check-ins":l("--t-fill-color-product-checkins-050"),giving:l("--t-fill-color-product-giving-050"),groups:l("--t-fill-color-product-groups-050"),home:l("--t-fill-color-product-home-050"),"music-stand":"#4984c4",pco:"#3565cf",people:l("--t-fill-color-product-people-050"),"planning-center":"#2266f7",projector:"#f19900",registrations:l("--t-fill-color-product-registrations-050"),services:l("--t-fill-color-product-services-050")},background:{background:l("--t-surface-color-card"),backgroundSecondary:l("--t-surface-color-canvas"),backgroundTertiary:l("--t-fill-color-neutral-070")},static:{staticDark:r("--t-text-color-default-primary"),staticLight:r("--t-text-color-default-inverted")},blue:["hsl(197, 56%, 92%)","hsl(197, 56%, 88%)","hsl(197, 56%, 72%)","hsl(197, 56%, 64%)","hsl(197, 56%, 52%)","hsl(197, 56%, 44%)","hsl(197, 56%, 40%)","hsl(197, 56%, 32%)","hsl(197, 56%, 24%)","hsl(197, 56%, 20%)"],dark:["hsla(0,0%,0%,0.04)","hsla(0,0%,0%,0.08)",l("--t-fill-color-transparency-dark-010"),l("--t-fill-color-transparency-dark-020"),l("--t-fill-color-transparency-dark-020"),l("--t-fill-color-transparency-dark-030"),l("--t-fill-color-transparency-dark-040"),l("--t-fill-color-transparency-dark-050"),l("--t-fill-color-transparency-dark-060"),l("--t-fill-color-transparency-dark-070")],days:{friday:"#F69688",monday:"#789FF8",saturday:"#66BEEB",sunday:"#7DC156",thursday:"#FA7EA4",tuesday:"#A193FD",wednesday:"#D18CF6"},error:{base:l("--t-fill-color-button-delete-solid-default"),dark:l("--t-fill-color-button-delete-solid-hover"),darker:l("--t-fill-color-button-delete-solid-active"),light:"hsl(8, 60%, 85%)",lighter:l("--t-fill-color-status-error-ghost"),lightest:l("--t-fill-color-status-error-dim")},foreground:{foreground:l("--t-text-color-default-primary"),foregroundSecondary:l("--t-text-color-default-secondary"),foregroundTertiary:"hsl(0, 0%, 58%)"},green:["hsl(96, 24%, 92%)","hsl(96, 30%, 84%)","hsl(96, 32%, 76%)","hsl(96, 34%, 72%)","hsl(96, 36%, 64%)","hsl(96, 40%, 58%)","hsl(96, 44%, 50%)","hsl(96, 48%, 40%)","hsl(96, 52%, 30%)","hsl(96, 60%, 20%)"],grey:[l("--t-fill-color-neutral-090"),l("--t-fill-color-neutral-080"),l("--t-fill-color-neutral-070"),l("--t-fill-color-neutral-060"),l("--t-fill-color-neutral-050"),l("--t-fill-color-neutral-040"),l("--t-fill-color-neutral-030"),l("--t-fill-color-neutral-025"),l("--t-fill-color-neutral-020"),l("--t-fill-color-neutral-010")],highlight:{highlight:l("--t-fill-color-neutral-070"),highlightSecondary:l("--t-fill-color-neutral-060")},interaction:{base:l("--t-fill-color-interaction-default"),dark:l("--t-fill-color-interaction-hover"),darker:l("--t-fill-color-interaction-active"),darkest:"hsl(221, 90%, 31%)",light:"hsl(221, 91%, 70%)",lighter:"hsl(0, 0%, 81%);",lightest:l("--t-fill-color-interaction-disabled")},light:[l("--t-fill-color-transparency-light-010"),l("--t-fill-color-transparency-light-020"),l("--t-fill-color-transparency-light-030"),l("--t-fill-color-transparency-light-040"),l("--t-fill-color-transparency-light-050"),l("--t-fill-color-transparency-light-060"),l("--t-fill-color-transparency-light-070"),l("--t-fill-color-transparency-light-080"),l("--t-fill-color-transparency-light-090"),"hsla(0,0%,100%,0.96)"],link:{linkBackground:l("--t-fill-color-neutral-090"),linkForeground:l("--t-text-color-interaction-primary")},primary:{base:"hsl(88, 44%, 40%)",dark:"hsl(88, 46%, 36%)",darker:"hsl(88, 52%, 32%)",darkest:"hsl(88, 72%, 20%)",light:"hsl(88, 40%, 54%)",lighter:"hsl(88, 32%, 86%)",lightest:"hsl(88, 24%, 92%)"},red:["hsl(8, 73%, 96%)","hsl(8, 74%, 92%)","hsl(8, 75%, 88%)","hsl(8, 76%, 68%)","hsl(8, 77%, 60%)","hsl(8, 78%, 56%)","hsl(8, 79%, 52%)","hsl(8, 80%, 48%)","hsl(8, 81%, 40%)","hsl(8, 82%, 30%)"],separator:{separator:l("--t-fill-color-neutral-040"),separatorFocus:l("--t-form-border-color-focus"),separatorFocusSecondary:l("--t-fill-color-neutral-050"),separatorHover:l("--t-form-border-color-hover"),separatorSecondary:l("--t-fill-color-neutral-050"),separatorTertiary:l("--t-fill-color-neutral-050")},success:{base:l("--t-fill-color-status-success-solid"),dark:l("--t-text-color-status-success"),darker:"hsl(86, 91%, 23%)",light:l("--t-border-color-control-success"),lighter:l("--t-fill-color-status-success-ghost"),lightest:l("--t-fill-color-status-success-dim")},surface:{surface:l("--t-surface-color-card"),surfaceSecondary:l("--t-surface-color-canvas"),surfaceTertiary:l("--t-fill-color-neutral-070")},tapestry:o,warning:{base:l("--t-fill-color-status-warning-solid"),dark:l("--t-fill-color-status-warning-solid"),darker:l("--t-icon-color-status-warning-primary"),light:"hsl(42, 87%, 90%)",lighter:l("--t-fill-color-status-warning-ghost"),lightest:l("--t-fill-color-status-warning-dim")},yellow:["hsl(50, 89%, 90%)","hsl(50, 90%, 86%)","hsl(50, 91%, 74%)","hsl(50, 92%, 68%)","hsl(50, 93%, 62%)","hsl(50, 94%, 56%)","hsl(50, 95%, 48%)","hsl(50, 96%, 40%)","hsl(50, 97%, 32%)","hsl(50, 98%, 26%)"]},s=t(a);function e(l){return l?s[l]:s}export{s as colors,e as getColor,a as palette};
|
|
2
2
|
//# sourceMappingURL=colors.js.map
|
|
@@ -557,12 +557,6 @@ declare const defaultTheme: {
|
|
|
557
557
|
create: {
|
|
558
558
|
create35: "var(--t-fill-color-control-secondary)";
|
|
559
559
|
};
|
|
560
|
-
grays: {
|
|
561
|
-
light: {
|
|
562
|
-
neutral62: "var(--t-fill-color-neutral-030)";
|
|
563
|
-
neutral81: "var(--t-fill-color-neutral-040)";
|
|
564
|
-
};
|
|
565
|
-
};
|
|
566
560
|
interaction66: "var(--t-fill-color-control-primary)";
|
|
567
561
|
};
|
|
568
562
|
elevations: string[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-theme.d.ts","sourceRoot":"","sources":["../../src/system/default-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAA;AAC9D,OAAO,KAAK,QAAQ,MAAM,sCAAsC,CAAA;AAqBhE,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"default-theme.d.ts","sourceRoot":"","sources":["../../src/system/default-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAA;AAC9D,OAAO,KAAK,QAAQ,MAAM,sCAAsC,CAAA;AAqBhE,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCjB,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as r from"@planningcenter/icons/paths/general";import*as o from"@planningcenter/icons/paths/tapestry";import{token as l}from"@planningcenter/tapestry";import{boxSizes as t}from"./box-sizes.js";import{buttonThemes as e}from"./button-themes.js";import{colors as s}from"./colors/colors.js";import"polished";import"../utils.js";var a={boxSizes:t,breakpoints:{lg:960,md:720,sm:600,xl:1200,xs:480},button:{themes:e},calendar:{weekStartsOn:0},checkbox:{checkedFill:l("--t-fill-color-control-primary"),checkedStroke:l("--t-fill-color-control-primary"),disabled:{checkedFill:l("--t-fill-color-control-disabled"),checkedStroke:l("--t-border-color-control-disabled"),fill:l("--t-fill-color-neutral-070"),stroke:l("--t-border-color-control-disabled")},fill:l("--t-surface-color-card"),focusStroke:l("--t-fill-color-control-primary"),stroke:l("--t-border-color-control-neutral")},colors:s,elevations:["0 2px 5px rgba(
|
|
1
|
+
import*as r from"@planningcenter/icons/paths/general";import*as o from"@planningcenter/icons/paths/tapestry";import{token as l}from"@planningcenter/tapestry";import{boxSizes as t}from"./box-sizes.js";import{buttonThemes as e}from"./button-themes.js";import{colors as s}from"./colors/colors.js";import"polished";import"../utils.js";var a={boxSizes:t,breakpoints:{lg:960,md:720,sm:600,xl:1200,xs:480},button:{themes:e},calendar:{weekStartsOn:0},checkbox:{checkedFill:l("--t-fill-color-control-primary"),checkedStroke:l("--t-fill-color-control-primary"),disabled:{checkedFill:l("--t-fill-color-control-disabled"),checkedStroke:l("--t-border-color-control-disabled"),fill:l("--t-fill-color-neutral-070"),stroke:l("--t-border-color-control-disabled")},fill:l("--t-surface-color-card"),focusStroke:l("--t-fill-color-control-primary"),stroke:l("--t-border-color-control-neutral")},colors:s,elevations:["0 2px 5px rgba(0,0,0,0.043)","0 4px 12px rgba(0,0,0,0.12)","0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)","0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)","0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)","0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)"],fontSizes:[30,21,18,16,14,12,10],group:{radius:3},icons:{general:r,tapestry:o},pageBody:{backgroundColor:l("--t-surface-color-card")},id:"default",lineHeights:[40,32,24,24,20,16,16],spinner:{color:"primary",sizes:{lg:3,md:2.5,sm:2,xl:5,xs:1.75,xxl:8,xxs:1.5},thickness:{lg:5,md:4,sm:3,xl:7,xs:3,xxl:9,xxs:3},trackColor:"primary-lighter"},toggleSwitch:{backgroundColor:l("--t-fill-color-control-primary")}};export{a as default};
|
|
2
2
|
//# sourceMappingURL=default-theme.js.map
|
package/dist/system/utils.d.ts
CHANGED
|
@@ -24,7 +24,7 @@ export declare function expandDirectionalProperty<Prefix extends string>(name: P
|
|
|
24
24
|
export declare function parseSides(...sides: Array<number | string>): string | number;
|
|
25
25
|
export declare function parseColor(color: any): any;
|
|
26
26
|
export declare function isLightColor(color: any): boolean;
|
|
27
|
-
export declare function getForegroundColor(color: any): "staticDark" | "staticLight";
|
|
27
|
+
export declare function getForegroundColor(color: any): "var(--t-text-color-default-headline)" | "var(--t-fill-color-neutral-100)" | "staticDark" | "staticLight";
|
|
28
28
|
export declare function useThemeValue<T>(path: string | string[], defaultValue?: T): any;
|
|
29
29
|
export declare function useThemeProps<T extends Record<string, any>>(path: string, props: T): any;
|
|
30
30
|
export declare function useBoxSize(size?: string): any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/system/utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/system/utils.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,OAAO,IAAI,CAAA;AACxB,eAAO,MAAM,YAAY,KAAK,CAAA;AAC9B,eAAO,MAAM,KAAK,UAA+C,CAAA;AAEjE,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAA;AAED,wBAAgB,YAAY,CAAC,SAAS,KAAA,EAAE,MAAM,KAAA,OAG7C;AAED,wBAAgB,UAAU,CAAC,GAAG,IAAI,OAAA,WAEjC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAE3D;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,wBAAgB,yBAAyB,CAAC,MAAM,SAAS,MAAM,EAC7D,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,2FAkBd;AAED,wBAAgB,UAAU,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,mBAS1D;AA4CD,wBAAgB,UAAU,CAAC,KAAK,KAAA,OAwB/B;AAED,wBAAgB,YAAY,CAAC,KAAK,KAAA,WAcjC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,KAAA,6GAOvC;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,YAAY,CAAC,EAAE,CAAC,OAKzE;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzD,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,CAAC,OAGT;AAED,wBAAgB,UAAU,CAAC,IAAI,SAAO,OAarC"}
|
package/dist/system/utils.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as
|
|
1
|
+
import{__assign as t}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as r}from"@emotion/react";import{token as e}from"@planningcenter/tapestry";import n from"lodash/get";import{darken as o,lighten as a,parseToRgb as i,getLuminance as c,cssVar as u}from"polished";import{useContext as f,useCallback as s}from"react";import{getColor as l}from"./colors/colors.js";import"../utils.js";import p from"./default-theme.js";var d=8,m=["xxs","xs","sm","md","lg","xl","xxl"],h={baseline:"baseline",center:"center",end:"flex-end",start:"flex-start",stretch:"stretch"},v={center:"center",end:"flex-end","space-around":"space-around","space-between":"space-between","space-evenly":"space-evenly",start:"flex-start"};function g(t,r){var e=m.indexOf(t);return m[e+r]||t}function x(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return t.some((function(t){return null!=t}))}function b(t){return"number"==typeof t?8*t+"px":t}function y(t){return t/8}function j(r,e){var n=e.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(e,o,a){var i;return t(t({},e),((i={})["".concat(r).concat(o)]=n[a],i))}),{})}function k(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return t.reduce((function(t,r){return"string"==typeof r?r:null!=r?8*r+"px":t}),0)}function w(t){return"string"==typeof t&&t.startsWith("var(")}function O(t){if("object"==typeof t){var r=l(t.base)||t.base;if("transparent"===r)return r;if(t.darken&&(r=o(t.darken,r)),t.lighten&&(r=a(t.lighten,r)),void 0!==t.alpha){var e=i(r),n=e.red,c=e.green,u=e.blue;return"rgba(".concat(n,", ").concat(c,", ").concat(u,", ").concat(t.alpha,")")}return r}return l(t)||t}function S(t){if("transparent"===t)return null;if(w(t))return c(function(t){if("undefined"==typeof window)return t;try{var r=t.match(/var\((--[^,)]+)/);if(!r)return t;var e=r[1],n=String(u(e));return n&&"rgba(0, 0, 0, 0)"!==n&&"transparent"!==n?n:t}catch(r){return t}}(t))>.5;try{return c(O(t))>.5}catch(t){return null}}function z(t){return w(t)?S(t)?e("--t-text-color-default-headline"):e("--t-fill-color-neutral-100"):S(t)?"staticDark":"staticLight"}function L(t,e){var o=f(r);return t?n(o,t,e||n(p,t)):o||p}function B(r,e){return t(t({},L(r)),e)}function D(r){void 0===r&&(r="md");var e=L("boxSizes"),n=s((function(t){var n=Object.keys(e).indexOf(r);return m[n+t]||r}),[r]);return t(t({},e[r]||{}),{navigateSize:n})}export{h as alignTypes,x as anyDefined,y as convertToBaseUnit,j as expandDirectionalProperty,z as getForegroundColor,S as isLightColor,v as justifyTypes,g as navigateSize,O as parseColor,k as parseSides,m as sizes,d as spacing,b as spacingValue,D as useBoxSize,B as useThemeProps,L as useThemeValue};
|
|
2
2
|
//# sourceMappingURL=utils.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@planningcenter/tapestry-react",
|
|
3
|
-
"version": "4.12.0",
|
|
3
|
+
"version": "4.12.1-rc.0",
|
|
4
4
|
"description": "A collection of flexible React components to help you build resilient, accessible user interfaces quickly and effectively.",
|
|
5
5
|
"author": "Front End Systems Engineering <frontend@pco.bz>",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"dependencies": {
|
|
79
79
|
"@planningcenter/icons": "^15.25.5",
|
|
80
80
|
"@planningcenter/react-beautiful-dnd": "^13.4.0",
|
|
81
|
-
"@planningcenter/tapestry": "^2.
|
|
81
|
+
"@planningcenter/tapestry": "^2.3.0",
|
|
82
82
|
"@popmotion/popcorn": "^0.4.4",
|
|
83
83
|
"@popperjs/core": "^2.11.6",
|
|
84
84
|
"@react-hook/window-size": "^3.1.1",
|