@planningcenter/tapestry-react 4.6.0-qa-688.0 → 4.6.0-qa-689.2
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/Badge.js +1 -1
- package/dist/Badge/Status.js +1 -1
- package/dist/ColumnView/ColumnView.js +1 -1
- package/dist/DataTable/DataTable.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/GridView/GridView.js +1 -1
- package/dist/Input/InputField.js +1 -1
- package/dist/Input/InputLabel.js +1 -1
- package/dist/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/Sidebar/Sidebar.js +1 -1
- package/dist/StackView/StackView.js +1 -1
- package/dist/StepperProgress/Step.js +1 -1
- package/dist/Table/NavigationArrow.js +1 -1
- package/dist/Tabs/Tab.js +1 -1
- package/dist/Tabs/TabList.js +1 -1
- package/dist/Tabs/TabPanel.js +1 -1
- package/dist/Tabs/TabPanels.js +1 -1
- package/dist/Tabs/Tabs.js +1 -1
- package/dist/Text/Text.js +1 -1
- package/dist/TileView/TileView.js +1 -1
- package/dist/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/dist/ToggleSwitch/ToggleSwitch.js +1 -1
- package/dist/TokenInput/TokenInput.js +1 -1
- package/dist/Tooltip/Tooltip.js +1 -1
- package/dist/Wizard/Wizard.js +1 -1
- package/dist/WrapView/WrapView.js +1 -1
- package/dist/designTokens/index.d.ts +4 -3
- package/dist/designTokens/index.d.ts.map +1 -1
- package/dist/designTokens/index.js +1 -1
- package/dist/system/colors/colors.d.ts +0 -32
- 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/utils.d.ts.map +1 -1
- package/dist/system/utils.js +1 -1
- package/package.json +3 -2
package/dist/Badge/Badge.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as i}from'./../ext/tslib/tslib.es6.js';import t,{cloneElement as r}from"react";import{Box as o}from"../Box/Box.js";import{StackView as n}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import{stopPropagationClick as s}from"../utils.js";import"lodash/includes";import{useThemeProps as l,getForegroundColor as a,useBoxSize as d}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"
|
|
1
|
+
import{__rest as e,__assign as i}from'./../ext/tslib/tslib.es6.js';import t,{cloneElement as r}from"react";import{Box as o}from"../Box/Box.js";import{StackView as n}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import{stopPropagationClick as s}from"../utils.js";import"lodash/includes";import{useThemeProps as l,getForegroundColor as a,useBoxSize as d}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";import{Text as c}from"../Text/Text.js";import p from"./Status.js";var m=function(p){var m,u=p.children,g=p.renderLeft,h=p.renderRight,f=p.onClick,z=p.title,y=e(p,["children","renderLeft","renderRight","onClick","title"]),b=l("badge",y),j=b.color,v=void 0===j?{background:"surfaceTertiary",foreground:"foreground"}:j,k=b.radius,x=void 0===k?3:k,C=b.size,S=void 0===C?"md":C,E=b.square,H=void 0!==E&&E,V=e(b,["color","radius","size","square"]),q=i({color:v,radius:x,size:S,square:H},V);q.backgroundColor=v.background||v,q.color=v.foreground||a(v);var w=d(q.size),L=w.boxSize,R=w.fontSize,T=w.lineHeight,B=w.paddingHorizontal,I=w.paddingHorizontalDense,A=w.paddingVertical,D={as:"span",color:"inherit",fontWeight:"inherit",lineHeight:"inherit"};return(q.square||"circle"===q.radius)&&(q.width=L,q.height=L),"circle"===q.radius&&(D.position="absolute",D.top="50%",D.left="50%",D.transform="translate(-50%, -50%)"),q.paddingLeft=g?L+.5:"pill"===q.radius?B:I,q.paddingRight=h?L+.5:"pill"===q.radius?B:I,delete q.square,t.createElement(n,i({inline:!0,axis:"horizontal",alignment:"center",distribution:"center",fontSize:R,lineHeight:T,minHeight:L,paddingVertical:A,fill:"currentColor",textAlign:"center",position:"relative",cursor:"default",outline:0,focus:{backgroundColor:"highlightSecondary"},onClick:s(f)},q),g&&t.createElement(o,{display:"flex",alignItems:"center",justifyContent:"center",width:L,height:L,position:"absolute",top:0,left:0},t.isValidElement(g)?r(g,{size:g.props.size||q.size}):g),void 0===z?u:t.createElement(c,i({},D),z),h&&t.createElement(o,{display:"flex",alignItems:"center",justifyContent:"center",width:L,height:L,position:"absolute",top:0,right:0},t.isValidElement(h)?r(h,{size:(null===(m=null==h?void 0:h.props)||void 0===m?void 0:m.size)||q.size}):h))};m.Status=p;export{m as default};
|
|
2
2
|
//# sourceMappingURL=Badge.js.map
|
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 n}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";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 n}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"../system/style-names.js";import"../system/cxs.js";import l from"./Badge.js";var a={error:{color:"error",icon:"general.x"},success:{color:"success",icon:"general.check"}},c=function(c){var m=c.light,p=c.onClearRequest,u=c.size,d=void 0===u?"sm":u,g=c.status,f=c.title,h=e(c,["light","onClearRequest","size","status","title"]),j=r(null),y=j[0],k=j[1];if(s((function(){return y&&clearTimeout(y),k(setTimeout(p,1800)),function(){y&&clearTimeout(y)}}),[g]),g){var v=a[g],b=v.color,x=v.icon;return o.createElement(l,t({color:m?{background:"light",foreground:n(b)}:n(b),fontWeight:600,paddingRight:1,radius:"pill",renderLeft:o.createElement(i,{name:x}),size:d,title:f},h))}return null};c.displayName="Badge.Status";export{c as default};
|
|
2
2
|
//# sourceMappingURL=Status.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as r,__assign as s}from'./../ext/tslib/tslib.es6.js';import
|
|
1
|
+
import{__rest as r,__assign as s}from'./../ext/tslib/tslib.es6.js';import t,{Children as o,isValidElement as e}from"react";import{StackView as n}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as i}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";function p(p){var a=p.children,m=p.sizes,c=void 0===m?[]:m,l=p.spacing,u=r(p,["children","sizes","spacing"]),d=i(l),g=o.toArray(a).sort((function(r,s){return(e(r)&&r.props.order||0)-(e(s)&&s.props.order||0)})).reduce((function(r,s,t){var o=e(s)&&void 0!==s.props.index?s.props.index:t;return r[o]||(r[o]=[]),r[o].push(s),r}),[]);return t.createElement(n,s({axis:"horizontal",grow:1,shrink:1},u),g.map((function(r,o){var i=c&&c[o]||"auto",p="object"==typeof i?s(s({},i),{grow:i.grow||0,shrink:i.shrink||0}):"auto"===i?{basis:"100%",grow:1,shrink:1}:{basis:i,grow:0,shrink:0};return t.createElement(n,s({key:o},p,{marginLeft:0===o?null:d,spacing:d}),r.map((function(r){return e(r)?r.props.children:r})))})))}p.Column=function(){return null};export{p as default};
|
|
2
2
|
//# sourceMappingURL=ColumnView.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import t,{useRef as r,useMemo as n,useImperativeHandle as a,Fragment as s}from"react";import i from"../DragDrop/DragDrop.js";import{useId as l}from"../hooks/use-id.js";import"mousetrap";import"../hooks/use-measure.js";import m from"../Pagination/Pagination.js";import{Spinner as c}from"../Spinner/Spinner.js";import{StackView as d}from"../StackView/StackView.js";import p from"../Summary/Summary.js";import"../system/colors/colors.js";import"polished";import{reorderArray as u}from"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"
|
|
1
|
+
import{__assign as e,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import t,{useRef as r,useMemo as n,useImperativeHandle as a,Fragment as s}from"react";import i from"../DragDrop/DragDrop.js";import{useId as l}from"../hooks/use-id.js";import"mousetrap";import"../hooks/use-measure.js";import m from"../Pagination/Pagination.js";import{Spinner as c}from"../Spinner/Spinner.js";import{StackView as d}from"../StackView/StackView.js";import p from"../Summary/Summary.js";import"../system/colors/colors.js";import"polished";import{reorderArray as u}from"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"../system/style-names.js";import g from"../system/use-css.js";import f from"./components/BodyRows.js";import"../Icon/Icon.js";import"../VariantProvider/VariantProvider.js";import"../CheckboxGroup/CheckboxGroupContext.js";import"../Link/Link.js";import"../Tooltip/Tooltip.js";import"../Dropdown/Dropdown.js";import b from"./components/HeaderCell.js";import{useCollapsibleRows as h,CollapsibleRowsContext as y}from"./hooks/useCollapsibleRows.js";import v from"./hooks/useColumnSort.js";import w from"./hooks/useColumnWidths.js";import j from"./hooks/useScrollShadows.js";import S from"./hooks/useScrollSync.js";import k from"./hooks/useVariants.js";import C from"./utils/getParsedColumns.js";import"./utils/variants.js";var E={toggleAllSubRowsTooltipTitle:function(e){return e?"Close all sub rows":"Open all sub rows"}},R=[],D=function(D){var x,I=D.accessibility,P=void 0===I?E:I,N=D.innerBodyRef,T=D.canCollapseSubRows,V=void 0===T||T,O=D.columns,L=D.currentPage,W=D.data,B=D.dataTableRef,z=D.defaultSort,A=D.defaultAllSubRowsOpen,G=D.droppableId,H=D.empty,_=D.getRowId,q=void 0===_?function(e,o){return e.id||(void 0===G?o:"".concat(G,"-").concat(o))}:_,F=D.getRowLink,J=D.getSubData,K=D.hiddenColumnIds,M=void 0===K?R:K,Q=D.keyboardShortcuts,U=D.loading,X=D.loadingTitle,Y=D.onColumnSort,Z=D.onDragStart,$=D.onDragEnd,ee=D.onDrop,oe=D.onPageChange,te=D.onRowClick,re=D.onRowSort,ne=D.sourceOnly,ae=D.totalPages,se=D.variant,ie=void 0===se?{}:se,le=g(),me=l("table"),ce=i.useDragDrop(),de=U||W.length<=0,pe=r(),ue=r(),ge=r(),fe=[pe,ue],be=ne||re||ee,he=k(ie),ye=h(W,A),ve=Boolean(V&&J),we=n((function(){return C({accessibility:P,columns:O,draggable:be,hasSubRows:ve,hiddenColumnIds:M})}),[O,ve,M,be]),je=we.map(Object.keys).some((function(e){return e.some((function(e){return"footer"===e}))})),Se=w({bodyRef:ue,columns:we,data:W,loading:U}),ke=Se.columnWidths,Ce=Se.getColumnRef,Ee=v({defaultSort:z,onColumnSort:Y}),Re=j(ue),De={collapsibleRows:ye,columnWidths:ke,columns:we,data:W,draggable:be,getColumnRef:Ce,getRowId:q,getRowLink:F,getSubData:J,getVariant:he,keyboardShortcuts:Q,onRowClick:te};return je&&fe.push(ge),S.apply(void 0,fe),a(B,(function(){return ye})),"function"==typeof N&&N(ue),x=ce||be?t.createElement(i.Provider,{onDragEnd:function(e){var o=e.source,t=e.destination;re&&t&&re(u({endIndex:t.index,list:W,startIndex:o.index}))}},t.createElement(i.Droppable,{droppableId:void 0===G?me:G,sourceOnly:ne,onDragStart:Z,onDragEnd:$,onDrop:ee},(function(o){return t.createElement("div",e({className:le(he("body")),"data-dnd-ignore-scrollable":!0,ref:function(e){ue.current=e,o.innerRef(e)},role:"rowgroup"},o.droppableProps),t.createElement(f,e({},De)),o.placeholder)}))):t.createElement("div",{ref:ue,role:"rowgroup",className:le(he("body"))},t.createElement(f,e({},De))),t.createElement(s,null,de&&t.createElement(d,{grow:1,alignment:"center",distribution:"center",minHeight:"100%",paddingVertical:8},U?t.createElement(p,{image:t.createElement(c,{size:"xl"}),title:X}):H),t.createElement(y.Provider,{value:ye},t.createElement("div",{role:F?void 0:"grid",style:de?{display:"none"}:void 0,className:"tapestry-react-reset ".concat(le({position:"relative"}))},t.createElement("div",{ref:pe,role:"rowgroup",className:le(he("header"))},t.createElement("div",{role:"row",className:le(he("headerRow"))},we.map((function(e,r){var n=he("headerCell",{columnIndex:r,isSortable:e.sortable});return t.createElement(b,{key:r,cellRef:Ce("".concat(r,".0")),column:e,columnIndex:r,columnSort:Ee,className:"tapestry-react-reset ".concat(le(o(o([],n,!0),[e.css],!1)))})})))),x,je&&t.createElement("div",{ref:ge,role:"rowgroup",className:le(he("footer"))},t.createElement("div",{role:"row",className:le(he("footerRow"))},we.map((function(e,r){var n=he("footerCell",{columnIndex:r,isSortable:e.sortable});return t.createElement("div",{key:r,role:"cell",ref:Ce("".concat(r,".").concat(W.length+1)),className:"tapestry-react-reset ".concat(le(o(o([],n,!0),[e.css],!1)))},"string"==typeof e.footer||t.isValidElement(e.footer)?e.footer:e.footer?t.createElement(e.footer,{columnIndex:r}):null)})))),Re,t.createElement(m,{currentPage:L,totalPages:ae,onPageChange:oe,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:"white",borderTopWidth:1,borderTopColor:"grey-3",className:le({"@media print":{position:"relative"}})}))))};export{D as default};
|
|
2
2
|
//# sourceMappingURL=DataTable.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as
|
|
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"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";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 p=c.columns,d=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,k=c.onRowClick,j=n();return u.map((function(n,c){var x=function(t){return p.map((function(r,a){var l=y("bodyCell",{columnIndex:a,firstCell:0===a,firstRow:0===c,lastCell:a===Math.max(0,p.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(j(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(k),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(j(D)),keyboardShortcuts:b,onRowClick:k,rowData:n,rowIndex:c},l({data:n,getRowLink:R,isSubRow:!1})),v=h?h(n):null,E=v&&o.createElement(m,{columns:p,data:v,getColumnRef:w,getRowLink:R,getVariant:y,keyboardShortcuts:b,columnWidths:d,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"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";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"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"../../system/style-names.js";import n from"../../system/use-css.js";import{useCollapsibleRowsStore as s,useSubRowOpen as a}from"../hooks/useCollapsibleRows.js";import i from"../utils/getCell.js";import"../../VariantProvider/VariantProvider.js";import"../../Icon/Icon.js";import"../../Tooltip/Tooltip.js";import l from"../utils/getRowLinkProps.js";import"../utils/variants.js";import m from"./BodyRow.js";var c=function(t){var o=t.children,n=t.lazy,i=t.rowIndex,l=s((function(t){return t.instant})),m=a(i);return e.createElement(r,{lazy:n,instant:l,open:m,role:"row",style:{minWidth:"min-content"}},o)},p=function(r){var s=r.columns,a=r.columnWidths,p=r.data,d=r.getColumnRef,u=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(u)||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))},l({data:r,getRowLink:u,isSubRow:!0})),s.map((function(t,l){var m=w("bodySubCell",{columnIndex:l,columnWidth:a.current[l],firstCell:0===l,firstRow:0===n,lastCell:l===Math.max(0,s.length-1),lastRow:n===Math.max(0,p.length-1),rowData:r,rowIndex:n});return e.createElement("div",{key:l,ref:d("".concat(l,".").concat(y+1,".").concat(n)),className:"tapestry-react-reset ".concat(R(o(o([],m,!0),[t.css],!1)))},i(void 0!==t.subCell?t.subCell:t.cell,{columnIndex:l,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
|
|
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"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";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 i from"./components/ColumnPicker.js";import m from"./DataTable.js";var p=r((function(r,s){return t.createElement(m,o({dataTableRef:s},r))}));p.CheckboxCell=e,p.ColumnPicker=i,p.variants=s;export{p as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as o,__assign as i}from'./../ext/tslib/tslib.es6.js';import{jsx as t}from"@emotion/react";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as n}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"
|
|
1
|
+
import{__rest as o,__assign as i}from'./../ext/tslib/tslib.es6.js';import{jsx as t}from"@emotion/react";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as n}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import s from"../system/split-styles.js";import"react";import"../system/cxs.js";import{useVariant as r}from"../VariantProvider/VariantProvider.js";function a(o){return o?o.constructor===Array?o.map((function(o){return"number"==typeof o?"".concat(8*o,"px"):o})).join(" "):o:void 0}var e={getStyles:function(i){var t=i.autoFlow,s=i.autoColumns,r=i.autoRows,e=i.columns,m=i.rows,l=i.alignment,u=i.distribution,d=i.columnSpacing,p=i.rowSpacing,g=i.spacing,c=o(i,["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"]);return void 0!==t&&void 0===c.gridAutoFlow&&(c.gridAutoFlow=t),void 0!==s&&void 0===c.gridAutoColumns&&(c.gridAutoColumns=s),void 0!==r&&void 0===c.autoRows&&(c.gridAutoRows=r),void 0!==e&&void 0===c.gridTemplateColumns&&(c.gridTemplateColumns=a(e)),void 0!==m&&void 0===c.gridTemplateRows&&(c.gridTemplateRows=a(m)),void 0!==l&&void 0===c.alignItems&&(c.alignItems=l),void 0!==u&&void 0===c.distribution&&(c.justifyItems=u),void 0!==d&&void 0===c.gridColumnGap&&(c.gridColumnGap=n(d)),void 0!==p&&void 0===c.gridRowGap&&(c.gridRowGap=n(p)),void 0!==g&&void 0===c.gap&&(c.gap=n(g)),c},styleProps:["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"]};function m(n){var a=n.as,m=n.inline,l=n.innerRef,u=o(n,["as","inline","innerRef"]),d=a||"div",p=r();return t(d,i({ref:l},s(i({autoColumns:"minmax(0, auto)",display:m?"inline-grid":"grid",plugin:e,variant:p},u))))}export{m as GridView};
|
|
2
2
|
//# sourceMappingURL=GridView.js.map
|
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
|
|
1
|
+
import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import n,{Component as i}from"react";import{Box as r}from"../Box/Box.js";import{getBoxSize as a}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import{selectFullTextRange as l,deselectCurrentTextRange as p,getTextWidth as s}from"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"../system/style-names.js";import"../system/cxs.js";import u from"./InputContext.js";import{inputs as d,inputLabels as h}from"./utils.js";var c={"::-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},b=function(i){function b(e){var t=i.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(),l(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&&l(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&&p(),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&&(d[e.id]=t),t}return e(b,i),Object.defineProperty(b.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(b.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&&(l(this.node),this.canHighlight=!1)}}),Object.defineProperty(b.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete d[this.props.id]}}),Object.defineProperty(b.prototype,"setWidth",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props.autoWidthType,o=s(e,this.node);if(o!==this._lastTextWidth){var n=getComputedStyle(this.node),i=[n.borderLeftWidth,n.borderRightWidth,1,n.paddingLeft,n.paddingRight,o].reduce((function(e,t){return e+parseInt(t,10)}),0);"width"!==t&&"both"!==t||(this.node.style.width="".concat(i,"px")),"basis"!==t&&"both"!==t||(this.node.style.flexBasis="".concat(i,"px")),this._lastTextWidth=o}}}),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.props;i.autoWidth,i.autoWidthType;var l=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 d=i.size,b=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(u.Consumer,null,(function(t){var i={},s=t?t.getBoxStyles():a(d),u=s.fontSize,g=s.lineHeight;return e.inputBox||(e.inputBox=t),h[e.props.id]&&(i["aria-labelledby"]="".concat(e.props.id,"-label")),e.state.isHovered&&b.hover&&Object.assign(b,b.hover),n.createElement(r,o({as:"input",innerRef:e.setNode,disabled:p,grow:1,padding:0,textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:u,lineHeight:g,minHeight:g,onFocus:e.handleFocus,onBlur:e.handleBlur,onChange:e.handleChange,onKeyDown:e.handleKeyDown,onMouseDown:e.preventFocus,onMouseUp:e.preventFocus,css:[c,f,l]},b,i))}))}}),Object.defineProperty(b,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{autoWidthType:"both",placeholderColor:"foregroundTertiary"}}),Object.defineProperty(b,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputField"}),b}(i);export{b as default};
|
|
2
2
|
//# sourceMappingURL=InputField.js.map
|
package/dist/Input/InputLabel.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import r,{useRef as o,useEffect as s,useCallback as n}from"react";import{getColor as i}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as c}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"
|
|
1
|
+
import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import r,{useRef as o,useEffect as s,useCallback as n}from"react";import{getColor as i}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as c}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";import{Text as l}from"../Text/Text.js";import{inputs as m,inputLabels as a}from"./utils.js";function u(u){var p=u.controls,f=u.state,d=t(u,["controls","state"]),j=t(c("inputLabel",d),[]),y=o(null);p&&(j.id="".concat(p,"-label")),f&&(j.color=i(f)),s((function(){if(p)return y.current=m[p],a[p]=!0,function(){delete a[p]}}),[]);var b=n((function(){y.current&&y.current.focus()}),[y]),g=n((function(){y.current&&y.current.setState({isHovered:!0})}),[y]),v=n((function(){y.current&&y.current.setState({isHovered:!1})}),[y]);return r.createElement(l,e({as:"label",onMouseOver:g,onMouseOut:v,onClick:b},j))}u.displayName="Input.InputLabel";export{u as default};
|
|
2
2
|
//# sourceMappingURL=InputLabel.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{forwardRef as i,useCallback as
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{forwardRef as i,useCallback as r,useRef as o,useState as s,useImperativeHandle as a,useEffect as m}from"react";import{Button as l}from"../Button/Button.js";import u from"../Input/InputBox.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as c,navigateSize as d}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";var p=i((function(i,p){var v=r((function(e){return void 0===e.activeSegment?0:e.segments.indexOf(e.activeSegment)}),[i.activeSegment,i.segments]),f=o(null),g=c("segmentedControl",i),y=g.activeSegment,b=g.color,h=void 0===b?"primary":b,j=g.disabled,k=g.onChange,S=g.segments,w=g.segmentBasis,B=void 0===w?"auto":w,x=g.size,z=void 0===x?"md":x,C=e(g,["activeSegment","color","disabled","onChange","segments","segmentBasis","size"]),A=s(v(i)),D=A[0],E=A[1],I=r((function(e){var t;return null===(t=f.current)||void 0===t?void 0:t.focus(e)}),[f]),L=r((function(e){var t=S[e];t&&(void 0===y&&E(e),k&&k(t.title||t),I(e))}),[S,y,k,I]),K=r((function(e){if(k&&("ArrowLeft"===e.key||"ArrowRight"===e.key)){var t="ArrowLeft"===e.key?-1:1,n=D+t;e.preventDefault(),L(n)}}),[k,D,L]),O=r((function(){var e;return null===(e=f.current)||void 0===e?void 0:e.blur()}),[f]);return a(p,(function(){return{blur:O,focus:I}})),m((function(){var e=v(i);D!==e&&E(e)}),[y]),n.createElement(u,t({ref:f,size:z,includeSpacing:!0,evenPadding:!0,role:"group",cursor:"initial",disabled:j},C),S.map((function(i,r){var o=i.title,s=e(i,["title"]),a=o?s:{};return n.createElement(l,t({key:r,grow:1,size:d(z,-1),basis:B,theme:r===D?h:void 0,variant:r===D?"fill":"naked",title:o||i,disabled:j,onKeyDown:K,onClick:function(){return r!==D&&L(r)}},a))})))}));export{p as default};
|
|
2
2
|
//# sourceMappingURL=SegmentedControl.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 n}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import
|
|
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 n}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import a from"../system/css.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"lodash/get";import"lodash/includes";import"../system/style-names.js";import"../system/cxs.js";import m from"./SidebarItem.js";import p from"./SidebarList.js";var c=a({display:"flex",flexDirection:"column"});function l(a){var m=a.children,p=t(a,["children"]);return r(n,o({grow:1,paddingTop:2,boxShadow:"inset -8px 0px 8px -8px rgba(150, 150, 150, 0.25)",backgroundColor:"surfaceTertiary"},p),r(i,{css:c},e.map(m,(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=p,l.Item=m;export{l as default};
|
|
2
2
|
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as i,__assign as
|
|
1
|
+
import{__rest as i,__assign as t}from'./../ext/tslib/tslib.es6.js';import{jsx as e}from"@emotion/react";import"../system/colors/colors.js";import"polished";import{joinChildren as n}from"../utils.js";import"lodash/includes";import{spacingValue as s}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import r from"../system/split-styles.js";import"react";import"../system/cxs.js";import{useVariant as o}from"../VariantProvider/VariantProvider.js";var a="fill",l="horizontal",p="vertical",m={getStyles:function(t){t.inline;var e=t.alignment,n=t.axis,r=t.distribution,o=t.spacing,p=i(t,["inline","alignment","axis","distribution","spacing"]);return n&&void 0===p.flexDirection&&(p.flexDirection=n===l?"row":"column"),e&&void 0===p.alignItems&&(p.alignItems=e),r===a?p["& > *"]={flex:"1 0 0px"}:void 0===p.justifyContent&&(p.justifyContent=r),"number"!=typeof o&&"string"!=typeof o||(p.gap=s(o)),p},styleProps:["alignment","axis","distribution","spacing"]},c=function(s){var a=s.as,l=s.children,c=s.inline,f=s.innerRef,d=i(s,["as","children","inline","innerRef"]),g=o(),y=a||"div",u="textarea"===y?void 0:"object"==typeof d.spacing?n(l,d.spacing):l;return e(y,t({ref:f},r(t({axis:p,display:c?"inline-flex":"flex",plugin:m,variant:g},d))),u)};c.BASELINE="baseline",c.CENTER="center",c.END="end",c.FILL=a,c.HORIZONTAL=l,c.SPACE_BETWEEN="space-between",c.SPACE_EVENLY="space-evenly",c.START="start",c.STRETCH="stretch",c.VERTICAL=p;export{c as StackView};
|
|
2
2
|
//# sourceMappingURL=StackView.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t,{useContext as e,useState as
|
|
1
|
+
import t,{useContext as e,useState as r,useLayoutEffect as o}from"react";import{Box as i}from"../Box/Box.js";import{StackView as n}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as a}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";import s from"./Context.js";var c=1.5,l="separatorSecondary";function m(){var r=e(s),o=r.active,n=r.activeColor;return t.createElement(i,{position:"absolute",width:"100%",height:"3px",x:"calc(-100% + ".concat(a(c/2),")"),y:"4.5px",backgroundColor:l,zIndex:0},t.createElement(i,{width:"100%",height:"100%",backgroundColor:n,transformOrigin:"left center",transition:"transform 280ms ease-out",style:{transform:"scaleX(".concat(o?1:0)}}))}function p(n){var a=e(s),p=void 0===n.active?a.active:n.active,d=void 0===n.activeColor?a.activeColor:n.activeColor,u=r("0ms"),v=u[0],f=u[1];return o((function(){f(!0===p?"0ms":"280ms")}),[p]),t.createElement(i,null,a.includeLine&&t.createElement(m,null),t.createElement(i,{width:c,height:c,radius:"circle",backgroundColor:p?d:l,position:"relative",zIndex:1,transition:"background-color 280ms ease-out",transitionDelay:v}))}function d(e){var r=e.active,o=e.activeColor,i=e.renderStart,a=e.renderEnd;return t.createElement(n,{alignment:"center",position:"relative"},i,t.createElement(p,{active:r,activeColor:o}),a)}export{d as default};
|
|
2
2
|
//# sourceMappingURL=Step.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t}from'./../ext/tslib/tslib.es6.js';import e from"react";import{Box as o}from"../Box/Box.js";import{Button as n}from"../Button/Button.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{parseColor as i}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"
|
|
1
|
+
import{__assign as t}from'./../ext/tslib/tslib.es6.js';import e from"react";import{Box as o}from"../Box/Box.js";import{Button as n}from"../Button/Button.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{parseColor as i}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";var s="undefined"!=typeof window&&window.CSS&&window.CSS.supports;function a(a){var r,c,p,d=a.direction,m=a.headerHeight,l=a.offsets,g=a.progress,h=a.mouseTouchHandlers,u=i({alpha:0,base:"grey-0"}),f=i("grey-0"),y=-1===d?"left":"right",x=((r={"aria-hidden":!0,css:{"@media print":{display:"none"}},position:s?"sticky":"absolute"})[y]=l[y]+"px",r.top=0,r.width=0,r.zIndex=25,r),b=((c={height:m+"px",position:"absolute"})[y]=0,c.top=0,c.transition="all 300ms ease",c),j=t(((p={disabled:1===d?g>=.99:g<=0,height:"100%",icon:{name:"general.".concat(y,"Chevron")},theme:!1,title:"navigate ".concat(y)})[-1===d?"paddingLeft":"paddingRight"]=1,p[-1===d?"paddingRight":"paddingLeft"]=2,p),h(d)),w=s?-100:0;return 1===d?(b.opacity=g>=.99||null===g?0:1,b.transform="translate(".concat(g>=.99?100:0,"%, ").concat(w,"%)"),b.background="linear-gradient(-90deg, ".concat(f," 24px, ").concat(u,")")):(b.opacity=g<=0?0:1,b.transform="translate(".concat(g<=0?-100:0,"%, ").concat(w,"%)"),b.background="linear-gradient(90deg, ".concat(f," 24px, ").concat(u,")")),e.createElement(o,t({},x),e.createElement(o,t({},b),e.createElement(n,t({},j))))}export{a as default};
|
|
2
2
|
//# sourceMappingURL=NavigationArrow.js.map
|
package/dist/Tabs/Tab.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 t from"react";import{useHover as e}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import{StackView as i}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as s}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";function a(a){var n=s("tabs.tab",a),m=n.axis,d=n.children,p=n.disabled,l=n.id,c=n.isActive,h=o(n,["axis","children","disabled","id","isActive"]),b=e(),u=b.hover,y=b.hoverProps,g=!p&&u,f=c?"primary":g?"separator":"separatorSecondary";return"horizontal"===m?(h.borderBottomWidth=2,h.borderBottomColor=f):(h.borderRightWidth=2,h.borderRightColor=f),t.createElement(i,r({id:l,role:"tab","aria-selected":c,"aria-controls":"".concat(l,"-panel"),"aria-disabled":p,alignment:"center",distribution:"center",fontSize:4,padding:1,color:c||g?"foreground":"foregroundSecondary",cursor:p?"not-allowed":"pointer",opacity:p?.6:void 0},y,h),d)}a.displayName="Tabs.Tab";export{a as default};
|
|
2
2
|
//# sourceMappingURL=Tab.js.map
|
package/dist/Tabs/TabList.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import i,{Children as o,cloneElement as r}from"react";import{StackView as s}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as n}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"
|
|
1
|
+
import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import i,{Children as o,cloneElement as r}from"react";import{StackView as s}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as n}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";var a="TabList";function c(a){var c=n("tabs.tabList",a),l=c.activeIndex,p=c.axis,m=void 0===p?"horizontal":p,d=c.children,u=c.id,f=c.moveTabFocus,v=c.setActiveIndex,y=t(c,["activeIndex","axis","children","id","moveTabFocus","setActiveIndex"]),b="horizontal"===m?"ArrowLeft":"ArrowUp",x="horizontal"===m?"ArrowRight":"ArrowDown";return i.createElement(s,e({role:"tablist","aria-orientation":m,axis:m,distribution:"fill"},y),o.map(d,(function(t,e){return r(t,{axis:m,id:"".concat(u,"-").concat(e),isActive:e===l,onFocus:function(){return v(e)},onKeyDown:function(t){t.key===b&&(t.preventDefault(),f(-1)),t.key===x&&(t.preventDefault(),f(1)),"Home"===t.key&&(t.preventDefault(),f(0)),"End"===t.key&&(t.preventDefault(),f(o.count(d)-1))},tabIndex:t.props.disabled?void 0:e!==l?-1:0})})))}c.displayName=a;export{a as TABLIST_DISPLAY_NAME,c as default};
|
|
2
2
|
//# sourceMappingURL=TabList.js.map
|
package/dist/Tabs/TabPanel.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import s from"react";import{Box as o}from"../Box/Box.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as r}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"
|
|
1
|
+
import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import s from"react";import{Box as o}from"../Box/Box.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as r}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";function i(i){var n=r("tabs.tabPanel",i),a=n.activeId,m=t(n,["activeId"]);return s.createElement(o,e({role:"tabpanel",id:"".concat(a,"-panel"),"aria-labelledby":a,tabIndex:0},m))}export{i as default};
|
|
2
2
|
//# sourceMappingURL=TabPanel.js.map
|
package/dist/Tabs/TabPanels.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as t,__assign as s}from'./../ext/tslib/tslib.es6.js';import e,{cloneElement as o}from"react";import{Box as i}from"../Box/Box.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as r}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"
|
|
1
|
+
import{__rest as t,__assign as s}from'./../ext/tslib/tslib.es6.js';import e,{cloneElement as o}from"react";import{Box as i}from"../Box/Box.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as r}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";var n="TabPanels";function a(n){var a=r("tabs.tabPanels",n),m=a.activeIndex,l=a.children,p=a.id,c=t(a,["activeIndex","children","id"]),d=l[m];return e.createElement(i,s({},c),d?o(d,{activeId:"".concat(p,"-").concat(m)}):null)}a.displayName=n;export{n as TABPANELS_DISPLAY_NAME,a as default};
|
|
2
2
|
//# sourceMappingURL=TabPanels.js.map
|
package/dist/Tabs/Tabs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{useState as r,useRef as i,useCallback as o,Children as s}from"react";import{StackView as a}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import{generateId as l}from"../utils.js";import"lodash/includes";import{useThemeProps as
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{useState as r,useRef as i,useCallback as o,Children as s}from"react";import{StackView as a}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import{generateId as l}from"../utils.js";import"lodash/includes";import{useThemeProps as c}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";import m from"./Tab.js";import p,{TABLIST_DISPLAY_NAME as u}from"./TabList.js";import d from"./TabPanel.js";import f,{TABPANELS_DISPLAY_NAME as b}from"./TabPanels.js";function v(m){var p=c("tabs",m),d=p.activeIndex,f=void 0===d?null:d,v=p.children,y=p.defaultActiveIndex,h=void 0===y?0:y,j=p.onChange,g=e(p,["activeIndex","children","defaultActiveIndex","onChange"]),x=l("tabs"),T=r(h),I=T[0],k=T[1],A=i(null),P=o((function(e){j&&j(e),null===f&&k(e)}),[j,f,k]),E=o((function(){return null===f?I:f}),[f,I]),S=o((function(e,t){var n=A.current.children.length,r=e+t;r<0?r=n-1:r>=n&&(r=0);var i=A.current.children[r];return"true"===i.getAttribute("aria-disabled")?S(r,t):i}),[A]),w=o((function(e){var t=S(E(),e);t&&t.focus()}),[S,E]);return n.createElement(a,t({innerRef:function(e){e&&(A.current=e.querySelector('[role="tablist"]'))}},g),s.map(v,(function(e,t){return e&&e.type.displayName===u?n.cloneElement(e,{activeIndex:E(),id:x,moveTabFocus:w,setActiveIndex:P}):e&&e.type.displayName===b?n.cloneElement(e,{activeIndex:E(),id:x}):e})))}v.Tab=m,v.TabList=p,v.TabPanel=d,v.TabPanels=f;export{v as default};
|
|
2
2
|
//# sourceMappingURL=Tabs.js.map
|
package/dist/Text/Text.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as i,__assign as t}from'./../ext/tslib/tslib.es6.js';import{jsx as e}from"@emotion/react";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as r}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"
|
|
1
|
+
import{__rest as i,__assign as t}from'./../ext/tslib/tslib.es6.js';import{jsx as e}from"@emotion/react";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as r}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import n from"../system/split-styles.js";import"react";import"../system/cxs.js";import{useVariant as s}from"../VariantProvider/VariantProvider.js";var o={getStyles:function(t){var e=t.align,r=t.italic,n=t.truncate,s=t.size,o=t.underline,l=t.weight,a=t.wrap,p=void 0===a||a,m=i(t,["align","italic","truncate","size","underline","weight","wrap"]);return e&&(m.textAlign=e),r&&(m.fontStyle="italic"),n&&("block"===m.display&&"flex"===m.display||(m.display="block"),m.overflow="hidden",m.textOverflow="ellipsis"),(n||!1===p)&&(m.whiteSpace="nowrap"),o&&(m.textDecoration=o),void 0!==s&&(m.fontSize=s),l&&(m.fontWeight=l),m},styleProps:["italic","truncate","size","underline","weight","wrap"]},l=function(l){var a=l.as,p=l.innerRef,m=i(l,["as","innerRef"]),c=r("text",m),d=c.inline,f=i(c,["inline"]),y=a||"p",g=s();return e(y,t({ref:p},n(t({display:d?"inline-block":"block",lineHeight:"20px",plugin:o,shrink:1,variant:g},f))))};export{l as Text};
|
|
2
2
|
//# sourceMappingURL=Text.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as t,__assign as s}from'./../ext/tslib/tslib.es6.js';import{jsx as i}from"@emotion/react";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as r}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import e from"../system/split-styles.js";import"react";import"../system/cxs.js";import{useVariant as n}from"../VariantProvider/VariantProvider.js";var o={getStyles:function(s){var i=s.minCellWidth,e=s.spacing,n=t(s,["minCellWidth","spacing"]),o=r(i);return o&&(n.gridTemplateColumns="repeat(auto-fill, minmax(".concat(o,", 1fr))")),void 0!==e&&(n.gap=r(e)),n},styleProps:["minCellWidth","spacing"]};function m(r){var m=r.as,p=r.innerRef,a=t(r,["as","innerRef"]),l=m||"div",c=n();return i(l,s({ref:p},e(s({display:"grid",grow:1,plugin:o,shrink:1,variant:c},a))))}export{m as TileView};
|
|
2
2
|
//# sourceMappingURL=TileView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,KAAK,aAAa,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAA;AAC1C,KAAK,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AACzC,KAAK,SAAS,GAAG,aAAa,GAAG,gBAAgB,CAAA;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAE9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,eAAe,CAAC,EAAE,MAAM,CAAA;IAGxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAGlB,SAAS,EAAE,OAAO,CAAA;IAGlB,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,OAAO,EAAE,MAAM,IAAI,CAAA;IAGnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAGzB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,SAAS,CAAA;AAEb,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,iBAAiB,CAAA;AAEzD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eAsExC;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as t,__assign as
|
|
1
|
+
import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import i from"react";import{Box as o}from"../Box/Box.js";import{StackView as s}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as r}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";import{Text as a}from"../Text/Text.js";import l from"../Tooltip/Tooltip.js";function n(n){var m=n.ariaLabel,c=void 0===m?void 0:m,d=n.disabled,p=void 0!==d&&d,h=n.isChecked,g=n.label,u=void 0===g?void 0:g,b=n.onClick,f=n.size,k=void 0===f?"md":f,v=n.tooltip,w=void 0===v?void 0:v,x=t(n,["ariaLabel","disabled","isChecked","label","onClick","size","tooltip"]),j=r("toggleSwitch",x).backgroundColor,y={height:2.5,width:4.375},C={height:2,width:2};return"sm"===k?(y={height:2.25,width:4},C={height:1.75,width:1.75}):"xs"===k&&(y={height:2,width:3.5},C={height:1.5,width:1.5}),i.createElement(l,{title:w},i.createElement(s,{alignment:"center","aria-checked":h?"true":"false","aria-label":c||u,as:"button",axis:"horizontal",cursor:p?"not-allowed":"pointer",onClick:p?void 0:b,radius:"pill",role:"switch",spacing:"xs"===k?.5:"sm"===k?.75:1,disabled:p},i.createElement(o,e({backgroundColor:p?"grey-6":h?j:"grey-7",position:"relative",radius:"pill"},y),i.createElement(o,e({background:"#fff",left:.25,pointerEvents:"none",position:"absolute",radius:"circle",top:.25,transform:"translateX(".concat(h?"calc(100% - 1px)":"0%",")"),transition:"120ms"},C))),u&&i.createElement(a,{size:"xs"===k?5:"sm"===k?4:3},u)))}export{n as ToggleSwitch,n as default};
|
|
2
2
|
//# sourceMappingURL=ToggleSwitch.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__spreadArray as n,__rest as t,__assign as
|
|
1
|
+
import{__extends as e,__spreadArray as n,__rest as t,__assign as r}from'./../ext/tslib/tslib.es6.js';import o,{cloneElement as i,Component as a}from"react";import s from"../Input/InputBox.js";import{getBoxSize as u}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{navigateSize as l}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";import{WrapView as p}from"../WrapView/WrapView.js";import{defaultRenderInput as c,defaultRenderToken as f}from"./default-renders.js";import d from"./DefaultToken.js";var b=function(a){function b(){var e=null!==a&&a.apply(this,arguments)||this;return Object.defineProperty(e,"inputBox",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{inputValue:""}}),Object.defineProperty(e,"clearInputValue",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({inputValue:""})}}),Object.defineProperty(e,"addToken",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=n([],e.props.tokens,!0),o=r.indexOf(t);if(o>-1){var i=r.splice(o,1);r.push(i[0])}else r.push(t);e.props.onChange&&e.props.onChange({added:!0,token:t,tokenIndex:o,tokens:r}),e.clearInputValue()}}),Object.defineProperty(e,"removeToken",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){var o=n([],e.props.tokens,!0),i=-1;t.constructor===Array?t.some((function(e){return(i=o.indexOf(e))>-1&&(o.splice(i,1),!0)})):(i=o.indexOf(t))>-1&&o.splice(i,1),e.props.onChange&&e.props.onChange({added:!1,token:t,tokenIndex:i,tokens:o}),"number"==typeof r?setTimeout((function(){e.focus(r>=o.length?void 0:r)})):e.blur()}}),Object.defineProperty(e,"handleInputKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(n){var t=n.target,r=t.selectionStart,o=t.selectionEnd,i=0===r&&0===o;e.props.tokens.length>0&&i&&("Backspace"===n.key||"ArrowLeft"===n.key)&&(n.preventDefault(),e.focusLastToken())}}),Object.defineProperty(e,"handleInputChange",{enumerable:!0,configurable:!0,writable:!0,value:function(n){e.setState({inputValue:n.target.value})}}),Object.defineProperty(e,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.inputBox.blur()}}),Object.defineProperty(e,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(n){e.inputBox.focus(n)}}),Object.defineProperty(e,"focusFirstToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.focus(0)}}),Object.defineProperty(e,"focusLastToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.focus(e.props.tokens.length-1)}}),e}return e(b,a),Object.defineProperty(b.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.tokens.length!==this.props.tokens.length&&this.clearInputValue()}}),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,n=this.props;n.onChange;var a=n.renderInput,c=n.renderToken,f=n.tokens,b=t(n,["onChange","renderInput","renderToken","tokens"]),k={grow:1,onChange:this.handleInputChange,onKeyDown:this.handleInputKeyDown,paddingLeft:0,paddingRight:0,paddingVertical:0,shrink:1,size:l(b.size,-1),stroke:!1,strokeWeight:0,value:this.state.inputValue},m=u(b.size).paddingVertical;return o.createElement(p,r({as:s,innerRef:function(n){return e.inputBox=n},role:"group",focusChildIndex:f.length,evenPadding:!0,spacing:m},b),f.map((function(n,t){var r=e.removeToken.bind(e,n),a=e.focusFirstToken,s=e.focusLastToken,u=e.focus.bind(e,t+1),l=e.focus.bind(e,t-1),p=c(n,{keyboardControls:{onKeyDown:function(e){"Backspace"===e.key&&(e.preventDefault(),r(t)),"ArrowLeft"===e.key&&(e.preventDefault(),l()),"ArrowRight"===e.key&&(e.preventDefault(),u())},tabIndex:0},removeToken:r,selectFirstToken:a,selectLastToken:s,selectNextToken:u,selectPreviousToken:l,tokenIndex:t});return"string"==typeof p?o.createElement(d,{key:p,removeToken:r,selectFirstToken:a,selectLastToken:s,selectNextToken:u,selectPreviousToken:l,token:p,tokenIndex:t}):i(p,{key:JSON.stringify(n)})})),a(k,{addToken:this.addToken,clearInputValue:this.clearInputValue,removeToken:this.removeToken,selectFirstToken:this.focusFirstToken,selectLastToken:this.focusLastToken}))}}),Object.defineProperty(b,"Token",{enumerable:!0,configurable:!0,writable:!0,value:d}),Object.defineProperty(b,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{renderInput:c,renderToken:f,size:"md",tokens:null}}),b}(a);export{b as default};
|
|
2
2
|
//# sourceMappingURL=TokenInput.js.map
|
package/dist/Tooltip/Tooltip.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import o from"mitt";import r,{forwardRef as t,useRef as u,useState as i,useEffect as c,useImperativeHandle as l,Children as s,cloneElement as p}from"react";import{Popover as a}from"../Popover/Popover.js";import"../system/colors/colors.js";import"polished";import{pageViewChange as m,composeEvents as d}from"../utils.js";import"lodash/includes";import{useThemeProps as f}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"
|
|
1
|
+
import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import o from"mitt";import r,{forwardRef as t,useRef as u,useState as i,useEffect as c,useImperativeHandle as l,Children as s,cloneElement as p}from"react";import{Popover as a}from"../Popover/Popover.js";import"../system/colors/colors.js";import"polished";import{pageViewChange as m,composeEvents as d}from"../utils.js";import"lodash/includes";import{useThemeProps as f}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";var v=o(),g=null,T=!1;var O=t((function(o,t){var O=f("tooltip",o),y=O.children,E=O.openDelay,M=void 0===E?500:E,P=O.closeDelay,h=void 0===P?300:P,I=O.defaultOpen,L=void 0!==I&&I,j=O.keepInView,S=void 0===j||j,_=O.placement,k=O.popoverProps,x=O.renderTo,D=O.title,w=O.triggerOnFocus,z=void 0===w||w,F=O.triggerOnHover,b=void 0===F||F,C=O.zIndex,V=void 0===C?1e4:C,H=e(O,["children","openDelay","closeDelay","defaultOpen","keepInView","placement","popoverProps","renderTo","title","triggerOnFocus","triggerOnHover","zIndex"]),N=u(!0),B=u(!1),U=u(null),A=u(null),q=i(L),G=q[0],J=q[1];c((function(){var e=m((function(e){return setTimeout((function(){return N.current=e}))}));return v.on("CLOSE_OPEN_TOOLTIPS",Q),function(){v.off("CLOSE_OPEN_TOOLTIPS",Q),clearTimeout(U.current),clearTimeout(A.current),e()}}),[]);var K=function(){clearTimeout(A.current),A.current=null,J(!0)},Q=function(){clearTimeout(U.current),U.current=null,J(!1)},R=function(){J(!G)};l(t,(function(){return{close:Q,open:K,toggle:R}})),c((function(){!1===z&&Q()}),[z]),c((function(){!1===b&&Q()}),[b]);var W=function(){clearTimeout(g),null===U.current&&(clearTimeout(A.current),A.current=null,!1===G&&(v.emit("CLOSE_OPEN_TOOLTIPS"),U.current=setTimeout((function(){return K()}),T?0:M)))},X=function(){T=!0,g=setTimeout((function(){T=!1}),500),null===A.current&&(clearTimeout(U.current),U.current=null,A.current=setTimeout((function(){return Q()}),h))},Y=s.only(y),Z=Y.props,$=Z.onFocus,ee=Z.onBlur,ne=Z.onMouseEnter,oe=Z.onMouseLeave,re=Z.onMouseDown,te=Z.onMouseUp;return D?(z&&(H.onFocus=d((function(){N.current&&!B.current&&K()}),$),H.onBlur=d(Q,ee),H.onMouseDown=d((function(){B.current=!0,Q()}),re),H.onMouseUp=d((function(){B.current=!1}),te)),b&&(H.onMouseEnter=d(W,ne),H.onMouseLeave=d(X,oe)),r.createElement(a,n({shouldFlip:!0,paddingHorizontal:.75,paddingVertical:.25,fontSize:5,textAlign:"center",radius:2,backgroundColor:"grey-9",color:"rgba(255,255,255,0.94)",zIndex:V},k,{anchorElement:p(Y,H),onMouseEnter:W,onMouseLeave:X,keepInView:S,placement:_,renderTo:x,children:D,open:G}))):p(Y,H)}));export{O as default};
|
|
2
2
|
//# sourceMappingURL=Tooltip.js.map
|
package/dist/Wizard/Wizard.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.js';import r,{useState as o,useReducer as i,useCallback as a,Children as s}from"react";import{Button as l}from"../Button/Button.js";import{Card as c}from"../Card/Card.js";import{Divider as p}from"../Divider/Divider.js";import m from"../PagerView/PagerView.js";import{StackView as d}from"../StackView/StackView.js";import u from"../StepperProgress/StepperProgress.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as f}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"
|
|
1
|
+
import{__rest as e,__assign as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.js';import r,{useState as o,useReducer as i,useCallback as a,Children as s}from"react";import{Button as l}from"../Button/Button.js";import{Card as c}from"../Card/Card.js";import{Divider as p}from"../Divider/Divider.js";import m from"../PagerView/PagerView.js";import{StackView as d}from"../StackView/StackView.js";import u from"../StepperProgress/StepperProgress.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as f}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";import{Text as g}from"../Text/Text.js";import v from"./Step.js";import P from"./WizardContext.js";var S=function(v){var S=f("wizard",v),x=S.alwaysCancellable,y=S.autoFocus,b=void 0===y||y,j=S.backButtonProps,h=S.buttonProps,k=S.cancelButtonProps,E=S.children,B=S.footerProps,C=S.initialPayload,w=void 0===C?{}:C,z=S.nextButtonProps,I=S.nextButtonTitle,T=void 0===I?function(e){var t=e.activeStepIndex;return e.steps,t>=e.totalSteps-1?"Finish":"Next"}:I,V=S.onCancel,F=S.onSubmit,W=S.renderProgress,D=e(S,["alwaysCancellable","autoFocus","backButtonProps","buttonProps","cancelButtonProps","children","footerProps","initialPayload","nextButtonProps","nextButtonTitle","onCancel","onSubmit","renderProgress"]),L=o(0),N=L[0],_=L[1],q=o([]),A=q[0],G=q[1],H=o(!1),J=H[0],K=H[1],M=A.length,O=i((function(e,n){return t(t({},e),n)}),w),Q=O[0],R=O[1],U=a((function(e){return G((function(t){return n(n([],t,!0),[e],!1)})),function(){G((function(t){return t.filter((function(t){return t.name!==e.name}))}))}}),[]),X=a((function(){var e=A[N];return!e||!e.valid||e.valid(Q)}),[N,A,Q]),Y=a((function(){if(F){K(!0),F(Q,(function(){return K(!1)}))}}),[F,Q]);return r.createElement(P.Provider,{value:{activeStepIndex:N,addStep:U,payload:Q,setPayload:R,totalSteps:M}},r.createElement(d,t({alignment:"center",minWidth:48,maxWidth:96},D),W?W({activeStepIndex:N,steps:A,totalSteps:M}):r.createElement(u,{width:"80%",paddingTop:6,paddingBottom:4,activeStepIndex:N},A.map((function(e,t){return r.createElement(u.Step,{key:t,renderEnd:r.createElement(g,{align:"center",marginTop:2},e.name)})}))),r.createElement(c,{spacing:r.createElement(p,null),elevation:1},r.createElement(m,{activeViewIndex:N,autoFocus:b},s.map(E,(function(e,t){return r.createElement(m.View,{key:t},e)}))),r.createElement(d,t({axis:"horizontal",distribution:N>0?"space-between":"end",padding:1,spacing:1},B),N>0&&r.createElement(l,t({disabled:J,iconLeft:{name:"general.leftChevron",size:"sm"},onClick:function(){return _(N-1)},size:"lg",title:"Back",variant:"naked"},h,j)),(x||0===N)&&V&&r.createElement(l,t({disabled:J,onClick:V,size:"lg",title:"Cancel",variant:"naked",marginLeft:x?"auto":void 0},h,k)),r.createElement(l,t({disabled:!X(),onClick:function(){return N>=M-1?Y():_(N+1)},size:"lg",spinner:J,theme:"primary",title:T({activeStepIndex:N,steps:A,totalSteps:M})},h,z))))))};S.Step=v;export{S as default};
|
|
2
2
|
//# sourceMappingURL=Wizard.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as s,__assign as t}from'./../ext/tslib/tslib.es6.js';import
|
|
1
|
+
import{__rest as s,__assign as t}from'./../ext/tslib/tslib.es6.js';import e from"react";import{StackView as i}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as r}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@planningcenter/tapestry-design-tokens/dist/tokens.css";import"@emotion/react";import"../system/cxs.js";function o(o){var n=o.children,m=o.spacing,p=s(o,["children","spacing"]),a={basis:"100%"};return m&&(a.gap=r(m)),e.createElement(i,t({axis:"horizontal"},p),e.createElement(i,{wrap:!0,axis:"horizontal",css:a},n))}export{o as WrapView};
|
|
2
2
|
//# sourceMappingURL=WrapView.js.map
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
+
import '@planningcenter/tapestry-design-tokens/dist/tokens.css';
|
|
1
2
|
export declare const designTokens: {
|
|
2
3
|
button: {
|
|
3
|
-
borderRadius:
|
|
4
|
+
borderRadius: string;
|
|
4
5
|
};
|
|
5
6
|
checkbox: {
|
|
6
7
|
borderColor: string;
|
|
7
8
|
};
|
|
8
9
|
input: {
|
|
9
|
-
borderRadius:
|
|
10
|
+
borderRadius: string;
|
|
10
11
|
readOnlyBackgroundColor: string;
|
|
11
12
|
};
|
|
12
13
|
radio: {
|
|
@@ -43,7 +44,7 @@ export declare const designTokens: {
|
|
|
43
44
|
badgeTextColor: string;
|
|
44
45
|
desktop: {
|
|
45
46
|
activeTextColor: string;
|
|
46
|
-
borderRadiusTop:
|
|
47
|
+
borderRadiusTop: string;
|
|
47
48
|
defaultBackgroundColor: string;
|
|
48
49
|
fontSize: number;
|
|
49
50
|
height: number;
|
|
@@ -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":"AAAA,OAAO,wDAAwD,CAAA;AAS/D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiExB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import"@planningcenter/tapestry-design-tokens/dist/tokens.css";var r={button:{borderRadius:"var(--t-border-radius-md)"},checkbox:{borderColor:"var(--t-fill-color-neutral-030)"},input:{borderRadius:"var(--t-border-radius-md)",readOnlyBackgroundColor:"var(--t-fill-color-neutral-080)"},radio:{borderColor:"var(--t-fill-color-neutral-030)",checkedColor:"hsl(221, 91%, 66%)",disabled:{borderColor:"var(--t-fill-color-neutral-050)",checkedColor:"var(--t-fill-color-neutral-040)",checkedFillColor:"var(--t-fill-color-neutral-100)",fillColor:"var(--t-fill-color-neutral-070)",labelColor:"var(--t-fill-color-neutral-020)"},errorColor:"hsl(8, 60%, 47%)",fillColor:"var(--t-fill-color-neutral-100)",labelColor:"hsl(0, 0%, 0%)"},tabNav:{desktop:{paddingX:24,selectedTabBackgroundColor:"var(--t-fill-color-neutral-100)",spacing:8},mobile:{backgroundColor:"var(--t-fill-color-neutral-100)",borderBottomColor:"var(--t-fill-color-neutral-050)",borderBottomStyle:"solid",borderBottomWidth:1,paddingX:16,spacing:20},tab:{badgeBackgroundColor:"var(--t-fill-color-transparency-dark-010)",badgeFontSize:12,badgeTextColor:"var(--t-fill-color-transparency-dark-080)",desktop:{activeTextColor:"var(--t-fill-color-transparency-dark-080)",borderRadiusTop:"var(--t-border-radius-md)",defaultBackgroundColor:"hsla(0, 0%, 100%, 0.45)",fontSize:14,height:40,hoverTextColor:"var(--t-fill-color-transparency-dark-080)",paddingX:16},disabledTextColor:"var(--t-fill-color-transparency-dark-040)",iconColor:"var(--t-fill-color-neutral-020)",mobile:{borderBottomWidth:3,fontSize:16,height:44,paddingBottom:10,paddingTop:7},selectedTextColor:"var(--t-fill-color-transparency-dark-080)",textColor:"var(--t-fill-color-transparency-dark-060)"}}};export{r as designTokens};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,18 +1,4 @@
|
|
|
1
1
|
export declare const palette: {
|
|
2
|
-
apps: {
|
|
3
|
-
calendar: string;
|
|
4
|
-
'check-ins': string;
|
|
5
|
-
giving: string;
|
|
6
|
-
groups: string;
|
|
7
|
-
home: string;
|
|
8
|
-
'music-stand': string;
|
|
9
|
-
pco: string;
|
|
10
|
-
people: string;
|
|
11
|
-
'planning-center': string;
|
|
12
|
-
projector: string;
|
|
13
|
-
registrations: string;
|
|
14
|
-
services: string;
|
|
15
|
-
};
|
|
16
2
|
background: {
|
|
17
3
|
background: string;
|
|
18
4
|
backgroundSecondary: string;
|
|
@@ -88,12 +74,6 @@ export declare const palette: {
|
|
|
88
74
|
create: {
|
|
89
75
|
create35: string;
|
|
90
76
|
};
|
|
91
|
-
grays: {
|
|
92
|
-
light: {
|
|
93
|
-
neutral62: string;
|
|
94
|
-
neutral81: string;
|
|
95
|
-
};
|
|
96
|
-
};
|
|
97
77
|
interaction: {
|
|
98
78
|
interaction66: string;
|
|
99
79
|
};
|
|
@@ -112,12 +92,6 @@ export declare const colors: Partial<import("../../types").Colors> & Record<stri
|
|
|
112
92
|
create: {
|
|
113
93
|
create35: string;
|
|
114
94
|
};
|
|
115
|
-
grays: {
|
|
116
|
-
light: {
|
|
117
|
-
neutral62: string;
|
|
118
|
-
neutral81: string;
|
|
119
|
-
};
|
|
120
|
-
};
|
|
121
95
|
interaction: {
|
|
122
96
|
interaction66: string;
|
|
123
97
|
};
|
|
@@ -126,12 +100,6 @@ export declare function getColor(key: string): string | [string, string, string,
|
|
|
126
100
|
create: {
|
|
127
101
|
create35: string;
|
|
128
102
|
};
|
|
129
|
-
grays: {
|
|
130
|
-
light: {
|
|
131
|
-
neutral62: string;
|
|
132
|
-
neutral81: string;
|
|
133
|
-
};
|
|
134
|
-
};
|
|
135
103
|
interaction: {
|
|
136
104
|
interaction66: string;
|
|
137
105
|
};
|
|
@@ -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":"AAcA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiLnB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;CACF,CAAA;AAEjB,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM;;;;;;;GAEnC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{flattenPalette as
|
|
1
|
+
import{flattenPalette as r}from"./utils.js";var l={background:{background:"hsl(30, 9%, 99%)",backgroundSecondary:"hsl(30, 9%, 97%)",backgroundTertiary:"hsl(30, 9%, 95%)"},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)","var(--t-fill-color-transparency-dark-010)","hsla(0,0%,0%,0.16)","var(--t-fill-color-transparency-dark-020)","var(--t-fill-color-transparency-dark-030)","var(--t-fill-color-transparency-dark-040)","var(--t-fill-color-transparency-dark-050)","var(--t-fill-color-transparency-dark-060)","var(--t-fill-color-transparency-dark-070)"],days:{friday:"#F69688",monday:"#789FF8",saturday:"#66BEEB",sunday:"#7DC156",thursday:"#FA7EA4",tuesday:"#A193FD",wednesday:"#D18CF6"},error:{base:"hsl(8, 60%, 47%)",dark:"hsl(8, 60%, 45%)",darker:"hsl(9, 61%, 43%)",light:"hsl(8, 60%, 85%)",lighter:"hsl(9, 59%, 93%)",lightest:"hsl(7, 60%, 97%)"},foreground:{foreground:"grey-9",foregroundSecondary:"grey-8",foregroundTertiary:"grey-7"},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:["var(--t-fill-color-neutral-090)","var(--t-fill-color-neutral-080)","var(--t-fill-color-neutral-070)","var(--t-fill-color-neutral-060)","hsl(200,1%,90%)","var(--t-fill-color-neutral-050)","var(--t-fill-color-neutral-040)","var(--t-fill-color-neutral-030)","var(--t-fill-color-neutral-020)","var(--t-fill-color-neutral-010)"],highlight:{highlight:"grey-2",highlightSecondary:"grey-3"},light:["var(--t-fill-color-transparency-light-010)","var(--t-fill-color-transparency-light-020)","var(--t-fill-color-transparency-light-030)","var(--t-fill-color-transparency-light-040)","var(--t-fill-color-transparency-light-050)","var(--t-fill-color-transparency-light-060)","hsla(0,0%,100%,0.65)","var(--t-fill-color-transparency-light-070)","var(--t-fill-color-transparency-light-080)","var(--t-fill-color-transparency-light-090)"],link:{linkBackground:"hsl(200,100%,98%)",linkForeground:"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:"grey-6",separatorFocus:"primary",separatorFocusSecondary:"primary-lighter",separatorHover:"separator",separatorSecondary:"grey-5",separatorTertiary:"grey-4"},success:{base:"hsl(86, 91%, 27%)",dark:"hsl(86, 91%, 25%)",darker:"hsl(86, 91%, 23%)",light:"hsl(86, 91%, 35%)",lighter:"hsl(95, 50%, 91%)",lightest:"hsl(93, 53%, 97%)"},surface:{surface:"white",surfaceSecondary:"grey-0",surfaceTertiary:"grey-1"},tapestry:{create:{create35:"hsl(86deg 91% 35% / 100%)"},interaction:{interaction66:"hsl(221deg 91% 66% / 100%)"}},warning:{base:"hsl(42, 84%, 63%)",dark:"hsl(42, 84%, 55%)",darker:"hsl(42, 84%, 49%)",light:"hsl(42, 87%, 90%)",lighter:"hsl(42, 87%, 94%)",lightest:"hsl(42, 87%, 97%)"},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%)"]},a=r(l);function s(r){return r?a[r]:a}export{a as colors,s as getColor,l as palette};
|
|
2
2
|
//# sourceMappingURL=colors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-theme.d.ts","sourceRoot":"","sources":["../../src/system/default-theme.ts"],"names":[],"mappings":"AAgBA,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"default-theme.d.ts","sourceRoot":"","sources":["../../src/system/default-theme.ts"],"names":[],"mappings":"AAgBA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCjB,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/system/utils.ts"],"names":[],"mappings":"AAQA,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;AAED,wBAAgB,UAAU,CAAC,KAAK,KAAA,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/system/utils.ts"],"names":[],"mappings":"AAQA,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;AAED,wBAAgB,UAAU,CAAC,KAAK,KAAA,OA8B/B;AAED,wBAAgB,YAAY,CAAC,KAAK,KAAA,WASjC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,KAAA,wBAEvC;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 e}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as t}from"@emotion/react";import
|
|
1
|
+
import{__assign as e}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as t}from"@emotion/react";import n from"lodash/get";import{darken as r,lighten as o,parseToRgb as u,getLuminance as a}from"polished";import{useContext as c,useCallback as i}from"react";import{getColor as s}from"./colors/colors.js";import"../utils.js";import l from"./default-theme.js";var f=8,p=["xxs","xs","sm","md","lg","xl","xxl"],m={baseline:"baseline",center:"center",end:"flex-end",start:"flex-start",stretch:"stretch"},d={center:"center",end:"flex-end","space-around":"space-around","space-between":"space-between","space-evenly":"space-evenly",start:"flex-start"};function g(e,t){var n=p.indexOf(e);return p[n+t]||e}function h(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.some((function(e){return null!=e}))}function v(e){return"number"==typeof e?8*e+"px":e}function b(e){return e/8}function x(t,n){var r=n.split(/\s+/);if(1===r.length){var o=r[0];r=[o,o,o,o]}else 2===r.length?r=r.concat(r):3===r.length&&r.push(r[1]);return["Top","Right","Bottom","Left"].reduce((function(n,o,u){var a;return e(e({},n),((a={})["".concat(t).concat(o)]=r[u],a))}),{})}function y(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.reduce((function(e,t){return"string"==typeof t?t:null!=t?8*t+"px":e}),0)}function j(e){if("object"==typeof e){var t=s(e.base)||e.base;if("transparent"===t)return t;if(e.darken&&(t=r(e.darken,t)),e.lighten&&(t=o(e.lighten,t)),void 0!==e.alpha){"var("===t.substring(0,4)&&(t=window.getComputedStyle(document.documentElement).getPropertyValue(t.substring(4,t.length-1)));var n=u(t),a=n.red,c=n.green,i=n.blue;return"rgba(".concat(a,", ").concat(c,", ").concat(i,", ").concat(e.alpha,")")}return t}return s(e)||e}function k(e){if("transparent"===e)return null;try{return a(j(e))>.5}catch(e){return null}}function w(e){return k(e)?"dark-9":"light-9"}function O(e,r){var o=c(t);return e?n(o,e,r||n(l,e)):o||l}function S(t,n){return e(e({},O(t)),n)}function z(t){void 0===t&&(t="md");var n=O("boxSizes"),r=i((function(e){var r=Object.keys(n).indexOf(t);return p[r+e]||t}),[t]);return e(e({},n[t]||{}),{navigateSize:r})}export{m as alignTypes,h as anyDefined,b as convertToBaseUnit,x as expandDirectionalProperty,w as getForegroundColor,k as isLightColor,d as justifyTypes,g as navigateSize,j as parseColor,y as parseSides,p as sizes,f as spacing,v as spacingValue,z as useBoxSize,S as useThemeProps,O 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.6.0-qa-
|
|
3
|
+
"version": "4.6.0-qa-689.2",
|
|
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",
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
"dotenv": "^8.2.0",
|
|
64
64
|
"figma-tools": "^0.2.4",
|
|
65
65
|
"husky": "^4.3.8",
|
|
66
|
+
"identity-obj-proxy": "^3.0.0",
|
|
66
67
|
"is-ci-cli": "^2.2.0",
|
|
67
68
|
"jest": "^29.7.0",
|
|
68
69
|
"jest-canvas-mock": "^2.5.0",
|
|
@@ -84,7 +85,7 @@
|
|
|
84
85
|
"dependencies": {
|
|
85
86
|
"@planningcenter/icons": "^15.15.0",
|
|
86
87
|
"@planningcenter/react-beautiful-dnd": "^13.4.0",
|
|
87
|
-
"@planningcenter/tapestry-design-tokens": "
|
|
88
|
+
"@planningcenter/tapestry-design-tokens": "5.0.0-rc.0",
|
|
88
89
|
"@popmotion/popcorn": "^0.4.4",
|
|
89
90
|
"@popperjs/core": "^2.11.6",
|
|
90
91
|
"@react-hook/window-size": "^3.1.1",
|