@planningcenter/tapestry-react 4.10.0 → 4.10.1-rc.1
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/InputBox.js +1 -1
- package/dist/Input/InputField.js +1 -1
- package/dist/Input/InputLabel.js +1 -1
- package/dist/Page/PageBody.d.ts.map +1 -1
- package/dist/Page/PageBody.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.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 +23 -23
- package/dist/designTokens/index.js +1 -1
- package/dist/system/colors/colors.d.ts +56 -56
- package/dist/system/colors/colors.js +1 -1
- package/dist/system/default-theme.d.ts +7 -4
- package/dist/system/default-theme.d.ts.map +1 -1
- package/dist/system/default-theme.js +1 -1
- package/package.json +3 -10
- package/dist/packages/tokens-shim/dist/index.js +0 -2
- package/dist/packages/tokens-shim/dist/index.js.map +0 -1
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
|
|
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 s}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import{stopPropagationClick as n}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"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import{Text as c}from"../Text/Text.js";import m from"./Status.js";var u=function(m){var u,p=m.children,g=m.renderLeft,f=m.renderRight,h=m.onClick,z=m.title,j=e(m,["children","renderLeft","renderRight","onClick","title"]),b=l("badge",j),v=b.color,y=void 0===v?{background:"surfaceTertiary",foreground:"foreground"}:v,x=b.radius,k=void 0===x?3:x,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:y,radius:k,size:S,square:H},V);q.backgroundColor=y.background||y,q.color=y.foreground||a(y);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=f?L+.5:"pill"===q.radius?B:I,delete q.square,t.createElement(s,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:n(h)},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?p:t.createElement(c,i({},D),z),f&&t.createElement(o,{display:"flex",alignItems:"center",justifyContent:"center",width:L,height:L,position:"absolute",top:0,right:0},t.isValidElement(f)?r(f,{size:(null===(u=null==f?void 0:f.props)||void 0===u?void 0:u.size)||q.size}):f))};u.Status=m;export{u 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
|
|
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 m from"./Badge.js";var n={error:{color:"error",icon:"general.x"},success:{color:"success",icon:"general.check"}},a=function(a){var c=a.light,u=a.onClearRequest,d=a.size,p=void 0===d?"sm":d,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=n[f],x=b.color,z=b.icon;return o.createElement(m,t({color:c?{background:"light",foreground:l(x)}:l(x),fontWeight:600,paddingRight:1,radius:"pill",renderLeft:o.createElement(i,{name:z}),size:p,title:g},h))}return null};a.displayName="Badge.Status";export{a as default};
|
|
2
2
|
//# sourceMappingURL=Status.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as r,__assign as
|
|
1
|
+
import{__rest as r,__assign as s}from'./../ext/tslib/tslib.es6.js';import o,{Children as t,isValidElement as 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 n}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";function m(m){var p=m.children,a=m.sizes,u=void 0===a?[]:a,c=m.spacing,l=r(m,["children","sizes","spacing"]),d=n(c),f=t.toArray(p).sort((function(r,s){return(e(r)&&r.props.order||0)-(e(s)&&s.props.order||0)})).reduce((function(r,s,o){var t=e(s)&&void 0!==s.props.index?s.props.index:o;return r[t]||(r[t]=[]),r[t].push(s),r}),[]);return o.createElement(i,s({axis:"horizontal",grow:1,shrink:1},l),f.map((function(r,t){var n=u&&u[t]||"auto",m="object"==typeof n?s(s({},n),{grow:n.grow||0,shrink:n.shrink||0}):"auto"===n?{basis:"100%",grow:1,shrink:1}:{basis:n,grow:0,shrink:0};return o.createElement(i,s({key:t},m,{marginLeft:0===t?null:d,spacing:d}),r.map((function(r){return e(r)?r.props.children:r})))})))}m.Column=function(){return null};export{m 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"
|
|
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"../system/default-theme.js";import"../system/style-names.js";import f from"../system/use-css.js";import g from"./components/BodyRows.js";import"../Icon/Icon.js";import"../VariantProvider/VariantProvider.js";import"../CheckboxGroup/CheckboxGroupContext.js";import"../designTokens/index.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 j from"./hooks/useColumnWidths.js";import w 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=f(),me=l("table"),ce=i.useDragDrop(),de=U||W.length<=0,pe=r(),ue=r(),fe=r(),ge=[pe,ue],be=ne||re||ee,he=k(ie),ye=h(W,A),ve=Boolean(V&&J),je=n((function(){return C({accessibility:P,columns:O,draggable:be,hasSubRows:ve,hiddenColumnIds:M})}),[O,ve,M,be]),we=je.map(Object.keys).some((function(e){return e.some((function(e){return"footer"===e}))})),Se=j({bodyRef:ue,columns:je,data:W,headerRef:pe,loading:U}),ke=Se.columnWidths,Ce=Se.getColumnRef,Ee=v({defaultSort:z,onColumnSort:Y}),Re=w(ue),De={collapsibleRows:ye,columnWidths:ke,columns:je,data:W,draggable:be,getColumnRef:Ce,getRowId:q,getRowLink:F,getSubData:J,getVariant:he,keyboardShortcuts:Q,onRowClick:te};return we&&ge.push(fe),S.apply(void 0,ge),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(g,e({},De)),o.placeholder)}))):t.createElement("div",{ref:ue,role:"rowgroup",className:le(he("body"))},t.createElement(g,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"))},je.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,we&&t.createElement("div",{ref:fe,role:"rowgroup",className:le(he("footer"))},t.createElement("div",{role:"row",className:le(he("footerRow"))},je.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 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"
|
|
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};
|
|
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"
|
|
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 s from"../../system/use-css.js";import{useCollapsibleRowsStore as n,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,s=t.lazy,l=t.rowIndex,i=n((function(t){return t.instant})),m=a(l);return e.createElement(r,{lazy:s,instant:i,open:m,role:"row",style:{minWidth:"min-content"}},o)},u=function(r){var n=r.columns,a=r.columnWidths,u=r.data,d=r.getColumnRef,p=r.getRowLink,w=r.getVariant,f=r.keyboardShortcuts,h=r.onRowClick,y=r.parentRowIndex,R=s();return e.createElement(c,{lazy:!1===n.some((function(t){return t.includeSubCellWidth})),rowIndex:y},u.map((function(r,s){var c=w("bodySubRow",{evenRow:s%2==0,firstRow:0===s,isLink:Boolean(p)||Boolean(h),lastRow:s===Math.max(0,u.length-1),oddRow:1===Math.abs(s%2),parentRowIndex:y,rowData:r,rowIndex:s});return e.createElement(m,t({key:s,rowData:r,rowIndex:s,keyboardShortcuts:f,onRowClick:h,className:"tapestry-react-reset ".concat(R(c))},i({data:r,getRowLink:p,isSubRow:!0})),n.map((function(t,i){var m=w("bodySubCell",{columnIndex:i,columnWidth:a.current[i],firstCell:0===i,firstRow:0===s,lastCell:i===Math.max(0,n.length-1),lastRow:s===Math.max(0,u.length-1),rowData:r,rowIndex:s});return e.createElement("div",{key:i,ref:d("".concat(i,".").concat(y+1,".").concat(s)),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:s}))})))})))};export{u 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"../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
|
|
@@ -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
|
|
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 s}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import r from"../system/split-styles.js";import"react";import"../system/cxs.js";import{useVariant as n}from"../VariantProvider/VariantProvider.js";function m(o){return o?o.constructor===Array?o.map((function(o){return"number"==typeof o?"".concat(8*o,"px"):o})).join(" "):o:void 0}var a={getStyles:function(i){var t=i.autoFlow,r=i.autoColumns,n=i.autoRows,a=i.columns,e=i.rows,u=i.alignment,l=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!==r&&void 0===c.gridAutoColumns&&(c.gridAutoColumns=r),void 0!==n&&void 0===c.autoRows&&(c.gridAutoRows=n),void 0!==a&&void 0===c.gridTemplateColumns&&(c.gridTemplateColumns=m(a)),void 0!==e&&void 0===c.gridTemplateRows&&(c.gridTemplateRows=m(e)),void 0!==u&&void 0===c.alignItems&&(c.alignItems=u),void 0!==l&&void 0===c.distribution&&(c.justifyItems=l),void 0!==d&&void 0===c.gridColumnGap&&(c.gridColumnGap=s(d)),void 0!==p&&void 0===c.gridRowGap&&(c.gridRowGap=s(p)),void 0!==g&&void 0===c.gap&&(c.gap=s(g)),c},styleProps:["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"]};function e(s){var m=s.as,e=s.inline,u=s.innerRef,l=o(s,["as","inline","innerRef"]),d=m||"div",p=n();return t(d,i({ref:u},r(i({autoColumns:"minmax(0, auto)",display:e?"inline-grid":"grid",plugin:a,variant:p},l))))}export{e as GridView};
|
|
2
2
|
//# sourceMappingURL=GridView.js.map
|
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
|
|
1
|
+
import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import t,{cloneElement as n,Component as i}from"react";import{tabbable as s}from"tabbable";import{Box as a}from"../Box/Box.js";import{Button as l}from"../Button/Button.js";import{designTokens as u}from"../designTokens/index.js";import{useDocumentEvent as d}from"../hooks/use-document-event.js";import"mousetrap";import"../hooks/use-measure.js";import{Spinner as c}from"../Spinner/Spinner.js";import{StackView as p}from"../StackView/StackView.js";import{getBoxSize as f}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import b from"./InputContext.js";import{isTabbable as m,inputs as g}from"./utils.js";function h(e){var o=e.onEscape;return d("keydown",(function(e){27===e.keyCode&&o()})),null}var v=function(i){function d(e){var o=i.call(this,e)||this;return Object.defineProperty(o,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.node=e,o.props.innerRef&&o.props.innerRef(e)}}),Object.defineProperty(o,"getBoxStyles",{enumerable:!0,configurable:!0,writable:!0,value:function(){return f(o.props.size)}}),Object.defineProperty(o,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0===e&&(e=o.props.focusChildIndex);var r=o.node;if(r&&void 0!==e){var t=s(r);t.length>0&&(r=t[e])}r&&r.focus&&r.focus()}}),Object.defineProperty(o,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){m(o.node)?o.node.blur():o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.focusChildrenOnFocus&&e.target===o.node&&o.focus(),o.props.onFocus&&o.props.onFocus(e),o.setState({isFocused:!0})}}),Object.defineProperty(o,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onBlur&&o.props.onBlur(e),o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleClear",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onClear&&o.props.onClear(e),o.focus()}}),Object.defineProperty(o,"handleMouseOver",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOver&&o.props.onMouseOver(e),o.setState({isHovered:!0})}}),Object.defineProperty(o,"handleMouseOut",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOut&&o.props.onMouseOut(e),o.setState({isHovered:!1})}}),Object.defineProperty(o,"handleDocumentEscape",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClear()}}),e.id&&(g[e.id]=o),o.state={isFocused:!1,isHovered:!1},o}return e(d,i),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete g[this.props.id]}}),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,i=e.backgroundColor,s=void 0===i?"surface":i,d=e.children,f=e.disabled,m=e.evenPadding;e.focusChildIndex,e.focusChildrenOnFocus;var g=e.id;e.innerRef;var v=e.includeSpacing,y=e.isLoading,O=e.naked,j=e.onClear;e.onBlur,e.onFocus;var x=e.readOnly,k=void 0!==x&&x,C=e.renderLeft,w=e.renderRight,S=e.secondaryStroke,P=void 0===S||S,F=e.size,z=e.state,B=e.subdued,I=e.tabIndex,R=void 0===I?-1:I,E=o(e,["backgroundColor","children","disabled","evenPadding","focusChildIndex","focusChildrenOnFocus","id","innerRef","includeSpacing","isLoading","naked","onClear","onBlur","onFocus","readOnly","renderLeft","renderRight","secondaryStroke","size","state","subdued","tabIndex"]),H=this.state,M=H.isFocused,L=H.isHovered,V=this.getBoxStyles(),N=V.boxSize,A=V.fontSize,T=V.lineHeight,W=V.paddingHorizontal,D={backgroundColor:s,fontSize:A,lineHeight:T,paddingVertical:V.paddingVertical,tabIndex:R,zIndex:M||L?2:1},U={},Z={alignItems:"center",display:"flex",height:"100%",justifyContent:"center",position:"absolute",top:0,width:N},_=C?N:W,q=w?N:W;return"pill"===E.radius||"pill-left"===E.radius?(D.paddingLeft=_,D.paddingRight=q):(E.radius,D.paddingLeft=_,D.paddingRight=q),(y||j)&&(D.paddingRight=N),k?D.backgroundColor=u.input.readOnlyBackgroundColor:B?D.backgroundColor=!f&&M?"highlightSecondary":!f&&L?z?"".concat(z,"-1"):"highlight":z?"".concat(z,"-0"):"surfaceTertiary":O||(P&&(D.boxShadow=!f&&M?"0px 0px 0px 2px var(--colors-separator-focus-secondary)":void 0),D.strokeAlign="inside",D.strokeWeight=1,D.stroke=!f&&M?z||"separatorFocus":z||(!f&&L?"separatorHover":"separatorSecondary")),g&&(D["aria-labelledby"]="".concat(g,"-label")),m&&(D.paddingLeft=D.paddingVertical,D.paddingRight=D.paddingVertical),v&&(D.spacing=m?D.paddingVertical:W),f?(U.cursor="not-allowed",D.tabIndex=void 0,U.opacity=.64):O||(L&&E.hover&&Object.assign(E,E.hover),M&&E.focus&&Object.assign(E,E.focus),E=r(r({},E),{focus:r({strokeAlign:"inside",strokeWeight:1},E.focus),hover:r({strokeAlign:"inside",strokeWeight:1},E.hover)})),t.createElement(b.Provider,{value:this},t.createElement(p,r({innerRef:this.setNode,id:g,axis:p.HORIZONTAL,alignment:p.CENTER,shrink:0,minHeight:N,radius:u.input.borderRadius,readOnly:k,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},D,E,U),C&&t.createElement(a,r({},Z,{left:0}),"function"==typeof C?C(F):n(C,{size:C.props&&C.props.size||F})),d,(y||j||w)&&t.createElement(a,r({},Z,{right:0}),y?t.createElement(c,{size:F}):j?t.createElement(l,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof w?w(F):w?n(w,{size:w.props&&w.props.size||F}):null),j&&t.createElement(h,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildIndex:0,focusChildrenOnFocus:!0,size:"md"}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputBox"}),d}(i);export{v as default};
|
|
2
2
|
//# sourceMappingURL=InputBox.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 i,{Component as n}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
|
|
1
|
+
import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import i,{Component as n}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 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 s 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(n){function b(e){var t=n.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,n),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=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(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,n=this.props;n.autoWidth,n.autoWidthType;var l=n.css,p=n.disabled;n.innerRef,n.onBlur,n.onChange,n.onFocus,n.onKeyDown,n.onMouseDown,n.onMouseUp;var u=n.placeholderColor;n.highlightOnInteraction;var d=n.size,b=t(n,["autoWidth","autoWidthType","css","disabled","innerRef","onBlur","onChange","onFocus","onKeyDown","onMouseDown","onMouseUp","placeholderColor","highlightOnInteraction","size"]),f={"::-webkit-input-placeholder":{color:u},"::placeholder":{color:u},":-moz-placeholder":{color:u},":-ms-input-placeholder":{color:u}};return i.createElement(s.Consumer,null,(function(t){var n={},u=t?t.getBoxStyles():a(d),s=u.fontSize,g=u.lineHeight;return e.inputBox||(e.inputBox=t),h[e.props.id]&&(n["aria-labelledby"]="".concat(e.props.id,"-label")),e.state.isHovered&&b.hover&&Object.assign(b,b.hover),i.createElement(r,o({as:"input",innerRef:e.setNode,disabled:p,grow:1,padding:0,textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:s,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,n))}))}}),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}(n);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
|
|
1
|
+
import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import o,{useRef as r,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 m}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import{Text as u}from"../Text/Text.js";import{inputs as l,inputLabels as c}from"./utils.js";function a(a){var p=a.controls,f=a.state,d=t(a,["controls","state"]),j=t(m("inputLabel",d),[]),y=r(null);p&&(j.id="".concat(p,"-label")),f&&(j.color=i(f)),s((function(){if(p)return y.current=l[p],c[p]=!0,function(){delete c[p]}}),[]);var b=n((function(){y.current&&y.current.focus()}),[y]),v=n((function(){y.current&&y.current.setState({isHovered:!0})}),[y]),x=n((function(){y.current&&y.current.setState({isHovered:!1})}),[y]);return o.createElement(u,e({as:"label",onMouseOver:v,onMouseOut:x,onClick:b},j))}a.displayName="Input.InputLabel";export{a as default};
|
|
2
2
|
//# sourceMappingURL=InputLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageBody.d.ts","sourceRoot":"","sources":["../../src/Page/PageBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,cAAc,EAEf,MAAM,OAAO,CAAA;AAEd,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAEtD,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"PageBody.d.ts","sourceRoot":"","sources":["../../src/Page/PageBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,cAAc,EAEf,MAAM,OAAO,CAAA;AAEd,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAEtD,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,eAmC1E;AAED,eAAe,QAAQ,CAAA"}
|
package/dist/Page/PageBody.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import i,{Children as t,cloneElement as a}from"react";import{StackView as o}from"../StackView/StackView.js";import{useThemeValue as d}from"../system/utils.js";function s(s){var n=s.children,m=s.inset,l=s.sidebar,c=e(s,["children","inset","sidebar"]),p=d("pageBody"),u=l?t.toArray([a(l,{basis:28}),i.createElement(o,{grow:1,padding:3,shrink:1},n)]):n;return i.createElement(o,r({padding:l&&!m?0:3,mediaQueries:{md:{axis:l&&!m?"horizontal":void 0}}},p,c),m?i.createElement(o,{borderColor:"separatorSecondary",borderWidth:1,mediaQueries:{md:{axis:l?"horizontal":void 0}},padding:l?null:3,radius:3,shrink:1},u):u)}export{s as default};
|
|
2
2
|
//# sourceMappingURL=PageBody.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i,{forwardRef as o,useCallback as r,useRef as n,useState as s,useImperativeHandle as m,useEffect as a}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"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";var f=o((function(o,f){var v=r((function(e){return void 0===e.activeSegment?0:e.segments.indexOf(e.activeSegment)}),[o.activeSegment,o.segments]),p=n(null),g=c("segmentedControl",o),y=g.activeSegment,b=g.color,j=void 0===b?"primary":b,h=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(o)),D=A[0],E=A[1],I=r((function(e){var t;return null===(t=p.current)||void 0===t?void 0:t.focus(e)}),[p]),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,i=D+t;e.preventDefault(),L(i)}}),[k,D,L]),O=r((function(){var e;return null===(e=p.current)||void 0===e?void 0:e.blur()}),[p]);return m(f,(function(){return{blur:O,focus:I}})),a((function(){var e=v(o);D!==e&&E(e)}),[y]),i.createElement(u,t({ref:p,size:z,includeSpacing:!0,evenPadding:!0,role:"group",cursor:"initial",disabled:h},C),S.map((function(o,r){var n=o.title,s=e(o,["title"]),m=n?s:{};return i.createElement(l,t({key:r,grow:1,size:d(z,-1),basis:B,theme:r===D?j:void 0,variant:r===D?"fill":"naked",title:n||o,disabled:h,onKeyDown:K,onClick:function(){return r!==D&&L(r)}},m))})))}));export{f 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
|
|
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};
|
|
2
2
|
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -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{joinChildren 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 s}from"../utils.js";import"lodash/includes";import{spacingValue as n}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import r from"../system/split-styles.js";import"react";import"../system/cxs.js";import{useVariant as o}from"../VariantProvider/VariantProvider.js";var l="fill",a="horizontal",m="vertical",p={getStyles:function(t){t.inline;var e=t.alignment,s=t.axis,r=t.distribution,o=t.spacing,m=i(t,["inline","alignment","axis","distribution","spacing"]);return s&&void 0===m.flexDirection&&(m.flexDirection=s===a?"row":"column"),e&&void 0===m.alignItems&&(m.alignItems=e),r===l?m["& > *"]={flex:"1 0 0px"}:void 0===m.justifyContent&&(m.justifyContent=r),"number"!=typeof o&&"string"!=typeof o||(m.gap=n(o)),m},styleProps:["alignment","axis","distribution","spacing"]},c=function(n){var l=n.as,a=n.children,c=n.inline,f=n.innerRef,d=i(n,["as","children","inline","innerRef"]),u=o(),y=l||"div",g="textarea"===y?void 0:"object"==typeof d.spacing?s(a,d.spacing):a;return e(y,t({ref:f},r(t({axis:m,display:c?"inline-flex":"flex",plugin:p,variant:u},d))),g)};c.BASELINE="baseline",c.CENTER="center",c.END="end",c.FILL=l,c.HORIZONTAL=a,c.SPACE_BETWEEN="space-between",c.SPACE_EVENLY="space-evenly",c.START="start",c.STRETCH="stretch",c.VERTICAL=m;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 o,useLayoutEffect as r}from"react";import{Box as i}from"../Box/Box.js";import{StackView as a}from"../StackView/StackView.js";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"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import s from"./Context.js";var c=1.5,l="separatorSecondary";function m(){var o=e(s),r=o.active,a=o.activeColor;return t.createElement(i,{position:"absolute",width:"100%",height:"3px",x:"calc(-100% + ".concat(n(c/2),")"),y:"4.5px",backgroundColor:l,zIndex:0},t.createElement(i,{width:"100%",height:"100%",backgroundColor:a,transformOrigin:"left center",transition:"transform 280ms ease-out",style:{transform:"scaleX(".concat(r?1:0)}}))}function u(a){var n=e(s),u=void 0===a.active?n.active:a.active,d=void 0===a.activeColor?n.activeColor:a.activeColor,p=o("0ms"),v=p[0],f=p[1];return r((function(){f(!0===u?"0ms":"280ms")}),[u]),t.createElement(i,null,n.includeLine&&t.createElement(m,null),t.createElement(i,{width:c,height:c,radius:"circle",backgroundColor:u?d:l,position:"relative",zIndex:1,transition:"background-color 280ms ease-out",transitionDelay:v}))}function d(e){var o=e.active,r=e.activeColor,i=e.renderStart,n=e.renderEnd;return t.createElement(a,{alignment:"center",position:"relative"},i,t.createElement(u,{active:o,activeColor:r}),n)}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
|
|
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 i}from"../Button/Button.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{parseColor as a}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";var s="undefined"!=typeof window&&window.CSS&&window.CSS.supports;function n(n){var r,c,d,m=n.direction,p=n.headerHeight,l=n.offsets,g=n.progress,u=n.mouseTouchHandlers,h=a({alpha:0,base:"grey-0"}),f=a("grey-0"),y=-1===m?"left":"right",j=((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),x=((c={height:p+"px",position:"absolute"})[y]=0,c.top=0,c.transition="all 300ms ease",c),b=t(((d={disabled:1===m?g>=.99:g<=0,height:"100%",icon:{name:"general.".concat(y,"Chevron")},theme:!1,title:"navigate ".concat(y)})[-1===m?"paddingLeft":"paddingRight"]=1,d[-1===m?"paddingRight":"paddingLeft"]=2,d),u(m)),w=s?-100:0;return 1===m?(x.opacity=g>=.99||null===g?0:1,x.transform="translate(".concat(g>=.99?100:0,"%, ").concat(w,"%)"),x.background="linear-gradient(-90deg, ".concat(f," 24px, ").concat(h,")")):(x.opacity=g<=0?0:1,x.transform="translate(".concat(g<=0?-100:0,"%, ").concat(w,"%)"),x.background="linear-gradient(90deg, ".concat(f," 24px, ").concat(h,")")),e.createElement(o,t({},j),e.createElement(o,t({},x),e.createElement(i,t({},b))))}export{n 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 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"
|
|
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"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";function a(a){var m=s("tabs.tab",a),d=m.axis,l=m.children,n=m.disabled,p=m.id,c=m.isActive,u=o(m,["axis","children","disabled","id","isActive"]),b=e(),h=b.hover,f=b.hoverProps,y=!n&&h,j=c?"primary":y?"separator":"separatorSecondary";return"horizontal"===d?(u.borderBottomWidth=2,u.borderBottomColor=j):(u.borderRightWidth=2,u.borderRightColor=j),t.createElement(i,r({id:p,role:"tab","aria-selected":c,"aria-controls":"".concat(p,"-panel"),"aria-disabled":n,alignment:"center",distribution:"center",fontSize:4,padding:1,color:c||y?"foreground":"foregroundSecondary",cursor:n?"not-allowed":"pointer",opacity:n?.6:void 0},f,u),l)}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 o,{Children as i,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
|
|
1
|
+
import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import o,{Children as i,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 a}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";var n="TabList";function m(n){var m=a("tabs.tabList",n),l=m.activeIndex,c=m.axis,d=void 0===c?"horizontal":c,p=m.children,u=m.id,f=m.moveTabFocus,v=m.setActiveIndex,y=t(m,["activeIndex","axis","children","id","moveTabFocus","setActiveIndex"]),b="horizontal"===d?"ArrowLeft":"ArrowUp",x="horizontal"===d?"ArrowRight":"ArrowDown";return o.createElement(s,e({role:"tablist","aria-orientation":d,axis:d,distribution:"fill"},y),i.map(p,(function(t,e){return r(t,{axis:d,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(i.count(p)-1))},tabIndex:t.props.disabled?void 0:e!==l?-1:0})})))}m.displayName=n;export{n as TABLIST_DISPLAY_NAME,m 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"
|
|
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"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";function m(m){var i=r("tabs.tabPanel",m),a=i.activeId,l=t(i,["activeId"]);return s.createElement(o,e({role:"tabpanel",id:"".concat(a,"-panel"),"aria-labelledby":a,tabIndex:0},l))}export{m 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"
|
|
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"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";var m="TabPanels";function a(m){var a=r("tabs.tabPanels",m),l=a.activeIndex,c=a.children,n=a.id,d=t(a,["activeIndex","children","id"]),p=c[l];return e.createElement(i,s({},d),p?o(p,{activeId:"".concat(n,"-").concat(l)}):null)}a.displayName=m;export{m 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
|
|
1
|
+
import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import r,{useState as i,useRef as n,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 m}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import c from"./Tab.js";import u,{TABLIST_DISPLAY_NAME as d}from"./TabList.js";import p from"./TabPanel.js";import f,{TABPANELS_DISPLAY_NAME as b}from"./TabPanels.js";function v(c){var u=m("tabs",c),p=u.activeIndex,f=void 0===p?null:p,v=u.children,j=u.defaultActiveIndex,y=void 0===j?0:j,h=u.onChange,x=e(u,["activeIndex","children","defaultActiveIndex","onChange"]),T=l("tabs"),I=i(y),g=I[0],A=I[1],P=n(null),E=o((function(e){h&&h(e),null===f&&A(e)}),[h,f,A]),S=o((function(){return null===f?g:f}),[f,g]),k=o((function(e,t){var r=P.current.children.length,i=e+t;i<0?i=r-1:i>=r&&(i=0);var n=P.current.children[i];return"true"===n.getAttribute("aria-disabled")?k(i,t):n}),[P]),w=o((function(e){var t=k(S(),e);t&&t.focus()}),[k,S]);return r.createElement(a,t({innerRef:function(e){e&&(P.current=e.querySelector('[role="tablist"]'))}},x),s.map(v,(function(e,t){return e&&e.type.displayName===d?r.cloneElement(e,{activeIndex:S(),id:T,moveTabFocus:w,setActiveIndex:E}):e&&e.type.displayName===b?r.cloneElement(e,{activeIndex:S(),id:T}):e})))}v.Tab=c,v.TabList=u,v.TabPanel=p,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"
|
|
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"../system/default-theme.js";import s from"../system/split-styles.js";import"react";import"../system/cxs.js";import{useVariant as o}from"../VariantProvider/VariantProvider.js";var l={getStyles:function(t){var e=t.align,r=t.italic,s=t.truncate,o=t.size,l=t.underline,n=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"),s&&("block"===m.display&&"flex"===m.display||(m.display="block"),m.overflow="hidden",m.textOverflow="ellipsis"),(s||!1===p)&&(m.whiteSpace="nowrap"),l&&(m.textDecoration=l),void 0!==o&&(m.fontSize=o),n&&(m.fontWeight=n),m},styleProps:["align","italic","truncate","size","underline","weight","wrap"]},n=function(n){var a=n.as,p=n.innerRef,m=i(n,["as","innerRef"]),c=r("text",m),d=c.inline,f=i(c,["inline"]),u=a||"p",y=o();return e(u,t({ref:p},s(t({display:d?"inline-block":"block",lineHeight:"20px",plugin:l,shrink:1,variant:y},f))))};export{n as Text};
|
|
2
2
|
//# sourceMappingURL=Text.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as
|
|
1
|
+
import{__rest as s,__assign as t}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"../system/default-theme.js";import e from"../system/split-styles.js";import"react";import"../system/cxs.js";import{useVariant as o}from"../VariantProvider/VariantProvider.js";var m={getStyles:function(t){var i=t.minCellWidth,e=t.spacing,o=s(t,["minCellWidth","spacing"]),m=r(i);return m&&(o.gridTemplateColumns="repeat(auto-fill, minmax(".concat(m,", 1fr))")),void 0!==e&&(o.gap=r(e)),o},styleProps:["minCellWidth","spacing"]};function l(r){var l=r.as,n=r.innerRef,a=s(r,["as","innerRef"]),p=l||"div",d=o();return i(p,t({ref:n},e(t({display:"grid",grow:1,plugin:m,shrink:1,variant:d},a))))}export{l as TileView};
|
|
2
2
|
//# sourceMappingURL=TileView.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
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 r}from"../StackView/StackView.js";import{colors as s}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as l}from"../system/utils.js";import"../system/style-names.js";import"
|
|
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 r}from"../StackView/StackView.js";import{colors as s}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as l}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import{Text as a}from"../Text/Text.js";import m from"../Tooltip/Tooltip.js";function n(n){var d=n.ariaLabel,c=void 0===d?void 0:d,p=n.disabled,h=void 0!==p&&p,f=n.isChecked,u=n.label,b=void 0===u?void 0:u,g=n.labelPosition,v=void 0===g?"after":g,w=n.onClick,j=n.size,k=void 0===j?"md":j,x=n.tooltip,y=void 0===x?void 0:x,C=t(n,["ariaLabel","disabled","isChecked","label","labelPosition","onClick","size","tooltip"]),E=l("toggleSwitch",C).backgroundColor,T={height:2.5,width:4.375},z={height:2,width:2};return"sm"===k?(T={height:2.25,width:4},z={height:1.75,width:1.75}):"xs"===k&&(T={height:2,width:3.5},z={height:1.5,width:1.5}),i.createElement(m,{title:y},i.createElement(r,{alignment:"center","aria-checked":f?"true":"false","aria-label":c||b,as:"button",flexDirection:"before"===v?"row-reverse":"row",cursor:h?"not-allowed":"pointer",onClick:h?void 0:w,radius:"pill",role:"switch",spacing:"xs"===k?.5:"sm"===k?.75:1,disabled:h},i.createElement(o,e({backgroundColor:h?s.grays.light.neutral81:f?E:s.grays.light.neutral62,position:"relative",radius:"pill"},T),i.createElement(o,e({background:"#fff",left:.25,pointerEvents:"none",position:"absolute",radius:"circle",top:.25,transform:"translateX(".concat(f?"calc(100% - 1px)":"0%",")"),transition:"120ms"},z))),b&&i.createElement(a,{size:"xs"===k?5:"sm"===k?4:3},b)))}export{n as ToggleSwitch,n as default};
|
|
2
2
|
//# sourceMappingURL=ToggleSwitch.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__spreadArray as
|
|
1
|
+
import{__extends as e,__spreadArray as t,__rest as n,__assign as o}from'./../ext/tslib/tslib.es6.js';import r,{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"../system/default-theme.js";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(n){var o=t([],e.props.tokens,!0),r=o.indexOf(n);if(r>-1){var i=o.splice(r,1);o.push(i[0])}else o.push(n);e.props.onChange&&e.props.onChange({added:!0,token:n,tokenIndex:r,tokens:o}),e.clearInputValue()}}),Object.defineProperty(e,"removeToken",{enumerable:!0,configurable:!0,writable:!0,value:function(n,o){var r=t([],e.props.tokens,!0),i=-1;n.constructor===Array?n.some((function(e){return(i=r.indexOf(e))>-1&&(r.splice(i,1),!0)})):(i=r.indexOf(n))>-1&&r.splice(i,1),e.props.onChange&&e.props.onChange({added:!1,token:n,tokenIndex:i,tokens:r}),"number"==typeof o?setTimeout((function(){e.focus(o>=r.length?void 0:o)})):e.blur()}}),Object.defineProperty(e,"handleInputKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=t.target,o=n.selectionStart,r=n.selectionEnd,i=0===o&&0===r;e.props.tokens.length>0&&i&&("Backspace"===t.key||"ArrowLeft"===t.key)&&(t.preventDefault(),e.focusLastToken())}}),Object.defineProperty(e,"handleInputChange",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.setState({inputValue:t.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(t){e.inputBox.focus(t)}}),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,t=this.props;t.onChange;var a=t.renderInput,c=t.renderToken,f=t.tokens,b=n(t,["onChange","renderInput","renderToken","tokens"]),m={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},k=u(b.size).paddingVertical;return r.createElement(p,o({as:s,innerRef:function(t){return e.inputBox=t},role:"group",focusChildIndex:f.length,evenPadding:!0,spacing:k},b),f.map((function(t,n){var o=e.removeToken.bind(e,t),a=e.focusFirstToken,s=e.focusLastToken,u=e.focus.bind(e,n+1),l=e.focus.bind(e,n-1),p=c(t,{keyboardControls:{onKeyDown:function(e){"Backspace"===e.key&&(e.preventDefault(),o(n)),"ArrowLeft"===e.key&&(e.preventDefault(),l()),"ArrowRight"===e.key&&(e.preventDefault(),u())},tabIndex:0},removeToken:o,selectFirstToken:a,selectLastToken:s,selectNextToken:u,selectPreviousToken:l,tokenIndex:n});return"string"==typeof p?r.createElement(d,{key:p,removeToken:o,selectFirstToken:a,selectLastToken:s,selectNextToken:u,selectPreviousToken:l,token:p,tokenIndex:n}):i(p,{key:JSON.stringify(t)})})),a(m,{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
|
|
1
|
+
import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import n from"mitt";import r,{forwardRef as t,useRef as u,useState as i,useEffect as c,useImperativeHandle as l,Children as s,cloneElement as m}from"react";import{Popover as p}from"../Popover/Popover.js";import"../system/colors/colors.js";import"polished";import{pageViewChange as a,composeEvents as f}from"../utils.js";import"lodash/includes";import{useThemeProps as d}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";var v=n(),T=null,O=!1;var g=t((function(n,t){var g=d("tooltip",n),y=g.children,E=g.openDelay,M=void 0===E?500:E,P=g.closeDelay,I=void 0===P?300:P,L=g.defaultOpen,j=void 0!==L&&L,h=g.keepInView,S=void 0===h||h,_=g.placement,x=g.popoverProps,D=g.renderTo,w=g.title,z=g.triggerOnFocus,F=void 0===z||z,b=g.triggerOnHover,k=void 0===b||b,C=g.zIndex,V=void 0===C?1e4:C,H=e(g,["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(j),G=q[0],J=q[1];c((function(){var e=a((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===F&&Q()}),[F]),c((function(){!1===k&&Q()}),[k]);var W=function(){clearTimeout(T),null===U.current&&(clearTimeout(A.current),A.current=null,!1===G&&(v.emit("CLOSE_OPEN_TOOLTIPS"),U.current=setTimeout((function(){return K()}),O?0:M)))},X=function(){O=!0,T=setTimeout((function(){O=!1}),500),null===A.current&&(clearTimeout(U.current),U.current=null,A.current=setTimeout((function(){return Q()}),I))},Y=s.only(y),Z=Y.props,$=Z.onFocus,ee=Z.onBlur,oe=Z.onMouseEnter,ne=Z.onMouseLeave,re=Z.onMouseDown,te=Z.onMouseUp;return w?(F&&(H.onFocus=f((function(){N.current&&!B.current&&K()}),$),H.onBlur=f(Q,ee),H.onMouseDown=f((function(){B.current=!0,Q()}),re),H.onMouseUp=f((function(){B.current=!1}),te)),k&&(H.onMouseEnter=f(W,oe),H.onMouseLeave=f(X,ne)),r.createElement(p,o({shouldFlip:!0,paddingHorizontal:.75,paddingVertical:.25,fontSize:5,textAlign:"center",radius:2,backgroundColor:"grey-9",color:"rgba(255,255,255,0.94)",zIndex:V},x,{anchorElement:m(Y,H),onMouseEnter:W,onMouseLeave:X,keepInView:S,placement:_,renderTo:D,open:G}),w)):m(Y,H)}));export{g 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
|
|
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 m}from"../Card/Card.js";import{Divider as c}from"../Divider/Divider.js";import p from"../PagerView/PagerView.js";import{StackView as u}from"../StackView/StackView.js";import d 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"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import{Text as v}from"../Text/Text.js";import g from"./Step.js";import P from"./WizardContext.js";var S=function(g){var S=f("wizard",g),x=S.alwaysCancellable,j=S.autoFocus,b=void 0===j||j,y=S.backButtonProps,E=S.buttonProps,h=S.cancelButtonProps,k=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(u,t({alignment:"center",minWidth:48,maxWidth:96},D),W?W({activeStepIndex:N,steps:A,totalSteps:M}):r.createElement(d,{width:"80%",paddingTop:6,paddingBottom:4,activeStepIndex:N},A.map((function(e,t){return r.createElement(d.Step,{key:t,renderEnd:r.createElement(v,{align:"center",marginTop:2},e.name)})}))),r.createElement(m,{spacing:r.createElement(c,null),elevation:1},r.createElement(p,{activeViewIndex:N,autoFocus:b},s.map(k,(function(e,t){return r.createElement(p.View,{key:t},e)}))),r.createElement(u,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"},E,y)),(x||0===N)&&V&&r.createElement(l,t({disabled:J,onClick:V,size:"lg",title:"Cancel",variant:"naked",marginLeft:x?"auto":void 0},E,h)),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})},E,z))))))};S.Step=g;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 o}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"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";function r(r){var m=r.children,a=r.spacing,l=s(r,["children","spacing"]),p={basis:"100%"};return a&&(p.gap=i(a)),e.createElement(o,t({axis:"horizontal"},l),e.createElement(o,{wrap:!0,axis:"horizontal",css:p},m))}export{r as WrapView};
|
|
2
2
|
//# sourceMappingURL=WrapView.js.map
|
|
@@ -1,58 +1,58 @@
|
|
|
1
1
|
export declare const designTokens: {
|
|
2
2
|
button: {
|
|
3
|
-
borderRadius:
|
|
3
|
+
borderRadius: "4px";
|
|
4
4
|
};
|
|
5
5
|
checkbox: {
|
|
6
6
|
borderColor: string;
|
|
7
|
-
disabledLabelColor:
|
|
8
|
-
labelColor:
|
|
7
|
+
disabledLabelColor: "hsl(0, 0%, 81%)";
|
|
8
|
+
labelColor: "hsl(0, 0%, 24%)";
|
|
9
9
|
};
|
|
10
10
|
input: {
|
|
11
11
|
borderRadius: number;
|
|
12
|
-
readOnlyBackgroundColor:
|
|
12
|
+
readOnlyBackgroundColor: "hsl(0, 0%, 97%)";
|
|
13
13
|
};
|
|
14
14
|
radio: {
|
|
15
15
|
borderColor: string;
|
|
16
|
-
checkedColor:
|
|
16
|
+
checkedColor: "hsl(204, 100%, 40%)";
|
|
17
17
|
disabled: {
|
|
18
|
-
borderColor:
|
|
19
|
-
checkedColor:
|
|
20
|
-
checkedFillColor:
|
|
21
|
-
fillColor:
|
|
22
|
-
labelColor:
|
|
18
|
+
borderColor: "hsl(0, 0%, 88%)";
|
|
19
|
+
checkedColor: "hsl(0, 0%, 81%)";
|
|
20
|
+
checkedFillColor: "hsl(0, 0%, 100%)";
|
|
21
|
+
fillColor: "hsl(0, 0%, 95%)";
|
|
22
|
+
labelColor: "hsl(0, 0%, 45%)";
|
|
23
23
|
};
|
|
24
|
-
errorColor:
|
|
25
|
-
fillColor:
|
|
24
|
+
errorColor: "hsl(8, 60%, 47%)";
|
|
25
|
+
fillColor: "hsl(0, 0%, 100%)";
|
|
26
26
|
labelColor: string;
|
|
27
27
|
};
|
|
28
28
|
tabNav: {
|
|
29
29
|
desktop: {
|
|
30
30
|
paddingX: number;
|
|
31
|
-
selectedTabBackgroundColor:
|
|
31
|
+
selectedTabBackgroundColor: "hsl(0, 0%, 100%)";
|
|
32
32
|
spacing: number;
|
|
33
33
|
};
|
|
34
34
|
mobile: {
|
|
35
|
-
backgroundColor:
|
|
36
|
-
borderBottomColor:
|
|
35
|
+
backgroundColor: "hsl(0, 0%, 100%)";
|
|
36
|
+
borderBottomColor: "hsl(0, 0%, 88%)";
|
|
37
37
|
borderBottomStyle: string;
|
|
38
38
|
borderBottomWidth: number;
|
|
39
39
|
paddingX: number;
|
|
40
40
|
spacing: number;
|
|
41
41
|
};
|
|
42
42
|
tab: {
|
|
43
|
-
badgeBackgroundColor:
|
|
43
|
+
badgeBackgroundColor: "hsla(0, 0%, 0%, 0.1)";
|
|
44
44
|
badgeFontSize: number;
|
|
45
|
-
badgeTextColor:
|
|
45
|
+
badgeTextColor: "hsla(0, 0%, 0%, 0.8)";
|
|
46
46
|
desktop: {
|
|
47
|
-
activeTextColor:
|
|
47
|
+
activeTextColor: "hsla(0, 0%, 0%, 0.8)";
|
|
48
48
|
borderRadiusTop: number;
|
|
49
|
-
defaultBackgroundColor:
|
|
49
|
+
defaultBackgroundColor: "hsla(0, 0%, 100%, 0.5)";
|
|
50
50
|
fontSize: number;
|
|
51
51
|
height: number;
|
|
52
|
-
hoverTextColor:
|
|
52
|
+
hoverTextColor: "hsla(0, 0%, 0%, 0.8)";
|
|
53
53
|
paddingX: number;
|
|
54
54
|
};
|
|
55
|
-
disabledTextColor:
|
|
55
|
+
disabledTextColor: "hsla(0, 0%, 0%, 0.4)";
|
|
56
56
|
iconColor: string;
|
|
57
57
|
mobile: {
|
|
58
58
|
borderBottomWidth: number;
|
|
@@ -61,8 +61,8 @@ export declare const designTokens: {
|
|
|
61
61
|
paddingBottom: number;
|
|
62
62
|
paddingTop: number;
|
|
63
63
|
};
|
|
64
|
-
selectedTextColor:
|
|
65
|
-
textColor:
|
|
64
|
+
selectedTextColor: "hsla(0, 0%, 0%, 0.8)";
|
|
65
|
+
textColor: "hsla(0, 0%, 0%, 0.6)";
|
|
66
66
|
};
|
|
67
67
|
};
|
|
68
68
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import l
|
|
1
|
+
import{computedToken as l}from"@planningcenter/tapestry";var t={black:"hsl(0, 0%, 0%)",black10:l("--t-fill-color-transparency-dark-010"),black40:l("--t-fill-color-transparency-dark-040"),black60:l("--t-fill-color-transparency-dark-060"),black80:l("--t-fill-color-transparency-dark-080"),delete47:l("--t-fill-color-button-delete-solid-default"),interaction66:l("--t-icon-color-status-info-primary"),lightNeutral07:"hsl(0, 0%, 7%)",lightNeutral12:l("--t-fill-color-neutral-000"),lightNeutral15:"hsl(0, 0%, 15%)",lightNeutral17:"hsl(0, 0%, 17%)",lightNeutral19:"hsl(0, 0%, 19%)",lightNeutral24:l("--t-fill-color-neutral-010"),lightNeutral32:"hsl(0, 0%, 32%)",lightNeutral40:"hsl(0, 0%, 40%)",lightNeutral45:l("--t-fill-color-neutral-020"),lightNeutral50:"hsl(0, 0%, 50%)",lightNeutral62:l("--t-fill-color-neutral-030"),lightNeutral68:"hsl(0, 0%, 68%)",lightNeutral81:l("--t-fill-color-neutral-040"),lightNeutral88:l("--t-fill-color-neutral-050"),lightNeutral93:l("--t-fill-color-neutral-060"),lightNeutral95:l("--t-fill-color-neutral-070"),lightNeutral97:l("--t-fill-color-neutral-080"),lightNeutral98:l("--t-fill-color-neutral-090"),lightNeutral100:l("--t-fill-color-neutral-100"),white:l("--t-fill-color-neutral-100"),white45:l("--t-fill-color-transparency-light-050")},r={button:{borderRadius:l("--t-border-radius-md")},checkbox:{borderColor:t.lightNeutral68,disabledLabelColor:l("--t-text-color-default-disabled"),labelColor:l("--t-text-color-default-primary")},input:{borderRadius:4,readOnlyBackgroundColor:t.lightNeutral97},radio:{borderColor:t.lightNeutral68,checkedColor:t.interaction66,disabled:{borderColor:t.lightNeutral88,checkedColor:t.lightNeutral81,checkedFillColor:t.white,fillColor:t.lightNeutral95,labelColor:t.lightNeutral45},errorColor:t.delete47,fillColor:t.white,labelColor:t.black},tabNav:{desktop:{paddingX:24,selectedTabBackgroundColor:t.white,spacing:8},mobile:{backgroundColor:t.white,borderBottomColor:t.lightNeutral88,borderBottomStyle:"solid",borderBottomWidth:1,paddingX:16,spacing:20},tab:{badgeBackgroundColor:t.black10,badgeFontSize:12,badgeTextColor:t.black80,desktop:{activeTextColor:t.black80,borderRadiusTop:4,defaultBackgroundColor:t.white45,fontSize:14,height:40,hoverTextColor:t.black80,paddingX:16},disabledTextColor:t.black40,iconColor:t.lightNeutral40,mobile:{borderBottomWidth:3,fontSize:16,height:44,paddingBottom:10,paddingTop:7},selectedTextColor:t.black80,textColor:t.black60}}};export{r as designTokens};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
export declare const palette: {
|
|
2
2
|
apps: {
|
|
3
|
-
calendar:
|
|
4
|
-
'check-ins':
|
|
5
|
-
giving:
|
|
6
|
-
groups:
|
|
7
|
-
home:
|
|
3
|
+
calendar: "hsl(9, 61%, 50%)";
|
|
4
|
+
'check-ins': "hsl(283, 22%, 48%)";
|
|
5
|
+
giving: "hsl(43, 88%, 64%)";
|
|
6
|
+
groups: "hsl(17, 88%, 55%)";
|
|
7
|
+
home: "hsl(221, 91%, 55%)";
|
|
8
8
|
'music-stand': string;
|
|
9
9
|
pco: string;
|
|
10
|
-
people:
|
|
10
|
+
people: "hsl(220, 74%, 57%)";
|
|
11
11
|
'planning-center': string;
|
|
12
12
|
projector: string;
|
|
13
|
-
registrations:
|
|
14
|
-
services:
|
|
13
|
+
registrations: "hsl(175, 36%, 43%)";
|
|
14
|
+
services: "hsl(88, 45%, 41%)";
|
|
15
15
|
};
|
|
16
16
|
background: {
|
|
17
|
-
background:
|
|
18
|
-
backgroundSecondary:
|
|
19
|
-
backgroundTertiary:
|
|
17
|
+
background: "hsl(0, 0%, 100%)";
|
|
18
|
+
backgroundSecondary: "hsl(0, 0%, 98%)";
|
|
19
|
+
backgroundTertiary: "hsl(0, 0%, 95%)";
|
|
20
20
|
};
|
|
21
21
|
blue: string[];
|
|
22
22
|
dark: string[];
|
|
@@ -30,36 +30,36 @@ export declare const palette: {
|
|
|
30
30
|
wednesday: string;
|
|
31
31
|
};
|
|
32
32
|
error: {
|
|
33
|
-
base:
|
|
34
|
-
dark:
|
|
35
|
-
darker:
|
|
33
|
+
base: "hsl(8, 60%, 47%)";
|
|
34
|
+
dark: "hsl(8, 60%, 45%)";
|
|
35
|
+
darker: "hsl(8, 60%, 40%)";
|
|
36
36
|
light: string;
|
|
37
|
-
lighter:
|
|
38
|
-
lightest:
|
|
37
|
+
lighter: "hsl(9, 59%, 93%)";
|
|
38
|
+
lightest: "hsl(7, 60%, 97%)";
|
|
39
39
|
};
|
|
40
40
|
foreground: {
|
|
41
|
-
foreground:
|
|
42
|
-
foregroundSecondary:
|
|
41
|
+
foreground: "hsl(0, 0%, 24%)";
|
|
42
|
+
foregroundSecondary: "hsl(0, 0%, 45%)";
|
|
43
43
|
foregroundTertiary: string;
|
|
44
44
|
};
|
|
45
45
|
green: string[];
|
|
46
|
-
grey:
|
|
46
|
+
grey: ("hsl(0, 0%, 24%)" | "hsl(0, 0%, 45%)" | "hsl(0, 0%, 62%)" | "hsl(0, 0%, 81%)" | "hsl(0, 0%, 88%)" | "hsl(0, 0%, 93%)" | "hsl(0, 0%, 95%)" | "hsl(0, 0%, 97%)" | "hsl(0, 0%, 98%)")[];
|
|
47
47
|
highlight: {
|
|
48
|
-
highlight:
|
|
49
|
-
highlightSecondary:
|
|
48
|
+
highlight: "hsl(0, 0%, 95%)";
|
|
49
|
+
highlightSecondary: "hsl(0, 0%, 93%)";
|
|
50
50
|
};
|
|
51
51
|
interaction: {
|
|
52
|
-
base:
|
|
53
|
-
dark:
|
|
54
|
-
darker:
|
|
52
|
+
base: "hsl(204, 100%, 40%)";
|
|
53
|
+
dark: "hsl(204, 100%, 35%)";
|
|
54
|
+
darker: "hsl(204, 100%, 30%)";
|
|
55
55
|
darkest: string;
|
|
56
56
|
light: string;
|
|
57
57
|
lighter: string;
|
|
58
|
-
lightest:
|
|
58
|
+
lightest: "hsl(0, 0%, 81%)";
|
|
59
59
|
};
|
|
60
60
|
light: string[];
|
|
61
61
|
link: {
|
|
62
|
-
linkBackground:
|
|
62
|
+
linkBackground: "hsl(0, 0%, 98%)";
|
|
63
63
|
linkForeground: string;
|
|
64
64
|
};
|
|
65
65
|
primary: {
|
|
@@ -73,70 +73,70 @@ export declare const palette: {
|
|
|
73
73
|
};
|
|
74
74
|
red: string[];
|
|
75
75
|
separator: {
|
|
76
|
-
separator:
|
|
76
|
+
separator: "hsl(0, 0%, 81%)";
|
|
77
77
|
separatorFocus: string;
|
|
78
|
-
separatorFocusSecondary:
|
|
79
|
-
separatorHover:
|
|
80
|
-
separatorSecondary:
|
|
81
|
-
separatorTertiary:
|
|
78
|
+
separatorFocusSecondary: "hsl(0, 0%, 88%)";
|
|
79
|
+
separatorHover: "hsl(0, 0%, 81%)";
|
|
80
|
+
separatorSecondary: "hsl(0, 0%, 88%)";
|
|
81
|
+
separatorTertiary: "hsl(0, 0%, 88%)";
|
|
82
82
|
};
|
|
83
83
|
success: {
|
|
84
|
-
base:
|
|
85
|
-
dark:
|
|
84
|
+
base: "hsl(96, 57%, 33%)";
|
|
85
|
+
dark: "hsl(97, 57%, 28%)";
|
|
86
86
|
darker: string;
|
|
87
|
-
light:
|
|
88
|
-
lighter:
|
|
89
|
-
lightest:
|
|
87
|
+
light: "hsl(97, 57%, 40%)";
|
|
88
|
+
lighter: "hsl(97, 57%, 90%)";
|
|
89
|
+
lightest: "hsl(96, 60%, 95%)";
|
|
90
90
|
};
|
|
91
91
|
surface: {
|
|
92
|
-
surface:
|
|
93
|
-
surfaceSecondary:
|
|
94
|
-
surfaceTertiary:
|
|
92
|
+
surface: "hsl(0, 0%, 100%)";
|
|
93
|
+
surfaceSecondary: "hsl(0, 0%, 98%)";
|
|
94
|
+
surfaceTertiary: "hsl(0, 0%, 95%)";
|
|
95
95
|
};
|
|
96
96
|
tapestry: {
|
|
97
97
|
create: {
|
|
98
|
-
create35:
|
|
98
|
+
create35: "hsl(97, 57%, 40%)";
|
|
99
99
|
};
|
|
100
100
|
grays: {
|
|
101
101
|
light: {
|
|
102
|
-
neutral62:
|
|
103
|
-
neutral81:
|
|
102
|
+
neutral62: "hsl(0, 0%, 62%)";
|
|
103
|
+
neutral81: "hsl(0, 0%, 81%)";
|
|
104
104
|
};
|
|
105
105
|
};
|
|
106
|
-
interaction66:
|
|
106
|
+
interaction66: "hsl(204, 100%, 40%)";
|
|
107
107
|
};
|
|
108
108
|
warning: {
|
|
109
|
-
base:
|
|
110
|
-
dark:
|
|
111
|
-
darker:
|
|
109
|
+
base: "hsl(42, 84%, 63%)";
|
|
110
|
+
dark: "hsl(42, 84%, 63%)";
|
|
111
|
+
darker: "hsl(42, 84%, 49%)";
|
|
112
112
|
light: string;
|
|
113
|
-
lighter:
|
|
114
|
-
lightest:
|
|
113
|
+
lighter: "hsl(42, 87%, 94%)";
|
|
114
|
+
lightest: "hsl(42, 87%, 97%)";
|
|
115
115
|
};
|
|
116
116
|
yellow: string[];
|
|
117
117
|
};
|
|
118
118
|
export declare const colors: Partial<import("../../types").Colors> & Record<string, string | [string, string, string, string, string, string, string, string, string, string]> & {
|
|
119
119
|
create: {
|
|
120
|
-
create35:
|
|
120
|
+
create35: "hsl(97, 57%, 40%)";
|
|
121
121
|
};
|
|
122
122
|
grays: {
|
|
123
123
|
light: {
|
|
124
|
-
neutral62:
|
|
125
|
-
neutral81:
|
|
124
|
+
neutral62: "hsl(0, 0%, 62%)";
|
|
125
|
+
neutral81: "hsl(0, 0%, 81%)";
|
|
126
126
|
};
|
|
127
127
|
};
|
|
128
|
-
interaction66:
|
|
128
|
+
interaction66: "hsl(204, 100%, 40%)";
|
|
129
129
|
};
|
|
130
130
|
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]> & {
|
|
131
131
|
create: {
|
|
132
|
-
create35:
|
|
132
|
+
create35: "hsl(97, 57%, 40%)";
|
|
133
133
|
};
|
|
134
134
|
grays: {
|
|
135
135
|
light: {
|
|
136
|
-
neutral62:
|
|
137
|
-
neutral81:
|
|
136
|
+
neutral62: "hsl(0, 0%, 62%)";
|
|
137
|
+
neutral81: "hsl(0, 0%, 81%)";
|
|
138
138
|
};
|
|
139
139
|
};
|
|
140
|
-
interaction66:
|
|
140
|
+
interaction66: "hsl(204, 100%, 40%)";
|
|
141
141
|
});
|
|
142
142
|
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import l
|
|
1
|
+
import{computedToken as l}from"@planningcenter/tapestry";import{flattenPalette as r}from"./utils.js";var t={create:{create35:l("--t-fill-color-control-secondary")},grays:{light:{neutral62:l("--t-fill-color-neutral-030"),neutral81:l("--t-fill-color-neutral-040")}},interaction66:l("--t-fill-color-control-primary")},o={apps:{calendar:l("--t-fill-color-product-calendar-base"),"check-ins":l("--t-fill-color-product-checkins-base"),giving:l("--t-fill-color-product-giving-base"),groups:l("--t-fill-color-product-groups-base"),home:l("--t-fill-color-product-home-base"),"music-stand":"#4984c4",pco:"#3565cf",people:l("--t-fill-color-product-people-base"),"planning-center":"#2266f7",projector:"#f19900",registrations:l("--t-fill-color-product-registrations-base"),services:l("--t-fill-color-product-services-base")},background:{background:l("--t-surface-color-card"),backgroundSecondary:l("--t-surface-color-canvas"),backgroundTertiary:l("--t-fill-color-neutral-070")},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-050"),l("--t-fill-color-neutral-040"),l("--t-fill-color-neutral-030"),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:"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:"primary",separatorFocusSecondary:l("--t-fill-color-neutral-050"),separatorHover:l("--t-fill-color-neutral-040"),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:t,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%)"]},a=r(o);function s(l){return l?a[l]:a}export{a as colors,s as getColor,o as palette};
|
|
2
2
|
//# sourceMappingURL=colors.js.map
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
declare const defaultTheme: {
|
|
2
|
+
pageBody: {
|
|
3
|
+
backgroundColor: "var(--t-surface-color-card)";
|
|
4
|
+
};
|
|
2
5
|
boxSizes: Partial<Record<import("..").Sizes, import("..").BoxSize>>;
|
|
3
6
|
breakpoints: {
|
|
4
7
|
lg: number;
|
|
@@ -302,15 +305,15 @@ declare const defaultTheme: {
|
|
|
302
305
|
};
|
|
303
306
|
colors: Partial<import("..").Colors> & Record<string, string | [string, string, string, string, string, string, string, string, string, string]> & {
|
|
304
307
|
create: {
|
|
305
|
-
create35:
|
|
308
|
+
create35: "hsl(97, 57%, 40%)";
|
|
306
309
|
};
|
|
307
310
|
grays: {
|
|
308
311
|
light: {
|
|
309
|
-
neutral62:
|
|
310
|
-
neutral81:
|
|
312
|
+
neutral62: "hsl(0, 0%, 62%)";
|
|
313
|
+
neutral81: "hsl(0, 0%, 81%)";
|
|
311
314
|
};
|
|
312
315
|
};
|
|
313
|
-
interaction66:
|
|
316
|
+
interaction66: "hsl(204, 100%, 40%)";
|
|
314
317
|
};
|
|
315
318
|
elevations: string[];
|
|
316
319
|
fontSizes: number[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-theme.d.ts","sourceRoot":"","sources":["../../src/system/default-theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"default-theme.d.ts","sourceRoot":"","sources":["../../src/system/default-theme.ts"],"names":[],"mappings":"AAiBA,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{
|
|
1
|
+
import*as r from"@planningcenter/icons/paths/general";import*as o from"@planningcenter/icons/paths/tapestry";import{token as e}from"@planningcenter/tapestry";import{designTokens as s}from"../designTokens/index.js";import{boxSizes as t}from"./box-sizes.js";import{buttonThemes as p}from"./button-themes.js";import{colors as a}from"./colors/colors.js";import"polished";import"../utils.js";var i={checkedFill:"primary-light",checkedStroke:"primary",fill:"surfaceTertiary",focusStroke:"blue-5",stroke:s.checkbox.borderColor},x={pageBody:{backgroundColor:e("--t-surface-color-card")},boxSizes:t,breakpoints:{lg:960,md:720,sm:600,xl:1200,xs:480},button:{themes:p},calendar:{weekStartsOn:0},checkbox:i,colors:a,elevations:["0 2px 5px rgba(219,219,219,0.3)","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},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:"interaction66"}};export{x as default};
|
|
2
2
|
//# sourceMappingURL=default-theme.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@planningcenter/tapestry-react",
|
|
3
|
-
"version": "4.10.
|
|
3
|
+
"version": "4.10.1-rc.1",
|
|
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",
|
|
@@ -44,7 +44,6 @@
|
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@emotion/cache": "^11.10.5",
|
|
46
46
|
"@emotion/react": "^11.10.5",
|
|
47
|
-
"@planningcenter/tokens-shim": "*",
|
|
48
47
|
"@rollup/plugin-babel": "^6.0.4",
|
|
49
48
|
"@rollup/plugin-commonjs": "^25.0.7",
|
|
50
49
|
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
@@ -61,10 +60,6 @@
|
|
|
61
60
|
"@types/react": "^18.0.24",
|
|
62
61
|
"@types/react-dom": "^18.0.8",
|
|
63
62
|
"chokidar-cli": "^2.1.0",
|
|
64
|
-
"dotenv": "^8.2.0",
|
|
65
|
-
"figma-tools": "^0.2.4",
|
|
66
|
-
"husky": "^4.3.8",
|
|
67
|
-
"is-ci-cli": "^2.2.0",
|
|
68
63
|
"jest": "^29.7.0",
|
|
69
64
|
"jest-canvas-mock": "^2.5.0",
|
|
70
65
|
"jest-environment-jsdom": "^29.7.0",
|
|
@@ -77,15 +72,13 @@
|
|
|
77
72
|
"rollup-plugin-flow": "^1.1.1",
|
|
78
73
|
"rollup-plugin-node-externals": "^6.1.2",
|
|
79
74
|
"rollup-plugin-rename-node-modules": "^1.3.1",
|
|
80
|
-
"svgo": "^2.1.0",
|
|
81
|
-
"svgson": "4.1.0",
|
|
82
75
|
"type-fest": "^0.21.1",
|
|
83
76
|
"typescript": "^5.3.3"
|
|
84
77
|
},
|
|
85
78
|
"dependencies": {
|
|
86
|
-
"@planningcenter/icons": "^15.
|
|
79
|
+
"@planningcenter/icons": "^15.19.1",
|
|
87
80
|
"@planningcenter/react-beautiful-dnd": "^13.4.0",
|
|
88
|
-
"@planningcenter/tapestry": "^0.
|
|
81
|
+
"@planningcenter/tapestry": "^0.4.0",
|
|
89
82
|
"@popmotion/popcorn": "^0.4.4",
|
|
90
83
|
"@popperjs/core": "^2.11.6",
|
|
91
84
|
"@react-hook/window-size": "^3.1.1",
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var l={borderRadiusSm:"2px",borderRadiusMd:"4px",borderRadiusLg:"8px",borderRadiusXl:"16px",borderRadiusRound:"56px",borderRadiusDefault:"4px",borderSizeDefault:"1px",borderSizeThick:"2px",spacing1:"8px",spacing2:"16px",spacing3:"24px",spacing4:"32px",spacing5:"40px",spacing6:"48px",spacing7:"56px",spacingFourth:"2px",spacingHalf:"4px",elementSize3xl:"48px",elementSize2xl:"32px",elementSizeXl:"24px",elementSizeLg:"18px",elementSizeMd:"16px",elementSizeSm:"14px",elementSizeXs:"12px",fontSize4xl:"32px",fontSize3xl:"28px",fontSize2xl:"24px",fontSizeXl:"20px",fontSizeLg:"18px",fontSizeMd:"16px",fontSizeSm:"14px",fontSizeXs:"12px",fontSize2xs:"10px",fontWeightNormal:"400",fontWeightMedium:"500",fontWeightSemiBold:"600",fontWeightBold:"700",containerSizeXl:"48px",containerSizeLg:"40px",containerSizeMd:"32px",containerSizeSm:"24px",containerSizeXs:"20px",avatarSize20:"20px",avatarSize24:"24px",avatarSize36:"36px",avatarSize48:"48px",avatarSize72:"72px",avatarSize112:"112px",textColorDefaultHeadline:"hsl(0, 0%, 12%)",textColorDefaultPrimary:"hsl(0, 0%, 24%)",textColorDefaultSecondary:"hsl(0, 0%, 45%)",textColorDefaultDisabled:"hsl(0, 0%, 81%)",textColorDefaultPlaceholder:"hsl(0, 0%, 62%)",textColorDefaultInverted:"hsl(0, 0%, 100%)",textColorInteractionPrimary:"hsl(204, 100%, 40%)",textColorInteractionHover:"hsl(204, 100%, 35%)",textColorInteractionActive:"hsl(204, 100%, 30%)",textColorInteractionVisited:"hsl(204, 100%, 30%)",textColorStatusNeutral:"hsl(0, 0%, 24%)",textColorStatusInfo:"hsl(204, 100%, 35%)",textColorStatusSuccess:"hsl(97, 57%, 28%)",textColorStatusWarning:"hsl(42, 100%, 29%)",textColorStatusError:"hsl(8, 60%, 45%)",textColorTagSubtleGray:"hsl(0, 0%, 24%)",textColorTagSubtleBlue:"hsl(224, 47%, 31%)",textColorTagSubtleAqua:"hsl(209, 77%, 22%)",textColorTagSubtleTeal:"hsl(180, 95%, 15%)",textColorTagSubtleGreen:"hsl(100, 93%, 17%)",textColorTagSubtleYellow:"hsl(29, 100%, 23%)",textColorTagSubtleOrange:"hsl(18, 100%, 18%)",textColorTagSubtlePink:"hsl(327, 88%, 20%)",textColorTagSubtlePurple:"hsl(268, 71%, 27%)",textColorTagSubtleMagenta:"hsl(285, 71%, 20%)",textColorTagBoldGray:"hsl(0, 0%, 24%)",textColorTagBoldBlue:"hsl(224, 47%, 31%)",textColorTagBoldAqua:"hsl(209, 77%, 22%)",textColorTagBoldTeal:"hsl(180, 95%, 15%)",textColorTagBoldGreen:"hsl(100, 93%, 17%)",textColorTagBoldYellow:"hsl(29, 100%, 23%)",textColorTagBoldOrange:"hsl(18, 100%, 18%)",textColorTagBoldPink:"hsl(327, 88%, 20%)",textColorTagBoldPurple:"hsl(268, 71%, 27%)",textColorTagBoldMagenta:"hsl(285, 71%, 20%)",iconColorDefaultPrimary:"hsl(0, 0%, 24%)",iconColorDefaultSecondary:"hsl(0, 0%, 45%)",iconColorDefaultDim:"hsl(0, 0%, 62%)",iconColorDefaultDisabled:"hsl(0, 0%, 81%)",iconColorDefaultInverted:"hsl(0, 0%, 100%)",iconColorStatusNeutralPrimary:"hsl(0, 0%, 45%)",iconColorStatusNeutralSecondary:"hsl(0, 0%, 62%)",iconColorStatusNeutralBold:"hsl(0, 0%, 24%)",iconColorStatusInfoPrimary:"hsl(204, 100%, 40%)",iconColorStatusSuccessPrimary:"hsl(96, 57%, 33%)",iconColorStatusSuccessSecondary:"hsl(97, 57%, 40%)",iconColorStatusWarningPrimary:"hsl(42, 84%, 49%)",iconColorStatusErrorPrimary:"hsl(8, 60%, 47%)",fillColorNeutral000:"hsl(0, 0%, 12%)",fillColorNeutral010:"hsl(0, 0%, 24%)",fillColorNeutral020:"hsl(0, 0%, 45%)",fillColorNeutral030:"hsl(0, 0%, 62%)",fillColorNeutral040:"hsl(0, 0%, 81%)",fillColorNeutral050:"hsl(0, 0%, 88%)",fillColorNeutral060:"hsl(0, 0%, 93%)",fillColorNeutral070:"hsl(0, 0%, 95%)",fillColorNeutral080:"hsl(0, 0%, 97%)",fillColorNeutral090:"hsl(0, 0%, 98%)",fillColorNeutral100:"hsl(0, 0%, 100%)",fillColorInteractionDefault:"hsl(204, 100%, 40%)",fillColorInteractionHover:"hsl(204, 100%, 35%)",fillColorInteractionActive:"hsl(204, 100%, 30%)",fillColorInteractionDisabled:"hsl(0, 0%, 81%)",fillColorControlNeutralOff:"hsl(0, 0%, 62%)",fillColorControlNeutralOn:"hsl(0, 0%, 24%)",fillColorControlPrimary:"hsl(204, 100%, 40%)",fillColorControlSecondary:"hsl(97, 57%, 40%)",fillColorControlError:"hsl(8, 60%, 47%)",fillColorControlDisabled:"hsl(0, 0%, 81%)",fillColorStatusNeutralSolid:"hsl(0, 0%, 45%)",fillColorStatusNeutralGhost:"hsl(0, 0%, 93%)",fillColorStatusNeutralDim:"hsl(0, 0%, 97%)",fillColorStatusInfoSolid:"hsl(204, 100%, 40%)",fillColorStatusInfoGhost:"hsl(203, 94%, 94%)",fillColorStatusInfoDim:"hsl(204, 100%, 97%)",fillColorStatusSuccessSolid:"hsl(96, 57%, 33%)",fillColorStatusSuccessGhost:"hsl(97, 57%, 90%)",fillColorStatusSuccessDim:"hsl(96, 60%, 95%)",fillColorStatusWarningSolid:"hsl(42, 84%, 63%)",fillColorStatusWarningGhost:"hsl(42, 87%, 94%)",fillColorStatusWarningDim:"hsl(42, 87%, 97%)",fillColorStatusErrorSolid:"hsl(8, 60%, 47%)",fillColorStatusErrorGhost:"hsl(9, 59%, 93%)",fillColorStatusErrorDim:"hsl(7, 60%, 97%)",fillColorTooltipPrimary:"hsla(0, 0%, 12%, 0.77)",fillColorTagSubtleGray:"hsl(0, 0%, 93%)",fillColorTagSubtleBlue:"hsl(220, 100%, 95%)",fillColorTagSubtleLabelGray:"hsl(0, 0%, 88%)",fillColorTagSubtleLabelBlue:"hsl(221, 100%, 81%)",fillColorTagSubtleLabelAqua:"hsl(200, 82%, 82%)",fillColorTagSubtleLabelTeal:"hsl(164, 52%, 76%)",fillColorTagSubtleLabelGreen:"hsl(99, 59%, 78%)",fillColorTagSubtleLabelYellow:"hsl(44, 78%, 77%)",fillColorTagSubtleLabelOrange:"hsl(21, 89%, 82%)",fillColorTagSubtleLabelPink:"hsl(310, 64%, 85%)",fillColorTagSubtleLabelPurple:"hsl(259, 74%, 85%)",fillColorTagSubtleLabelMagenta:"hsl(291, 40%, 83%)",fillColorTagSubtleAqua:"hsl(200, 82%, 89%)",fillColorTagSubtleTeal:"hsl(163, 53%, 83%)",fillColorTagSubtleGreen:"hsl(98, 59%, 85%)",fillColorTagSubtleYellow:"hsl(45, 77%, 85%)",fillColorTagSubtleOrange:"hsl(22, 89%, 89%)",fillColorTagSubtlePink:"hsl(311, 66%, 92%)",fillColorTagSubtlePurple:"hsl(259, 74%, 93%)",fillColorTagSubtleMagenta:"hsl(294, 37%, 90%)",fillColorTagBoldGray:"hsl(0, 0%, 88%)",fillColorTagBoldBlue:"hsl(220, 98%, 81%)",fillColorTagBoldAqua:"hsl(201, 76%, 71%)",fillColorTagBoldTeal:"hsl(169, 62%, 64%)",fillColorTagBoldGreen:"hsl(112, 57%, 65%)",fillColorTagBoldYellow:"hsl(44, 92%, 69%)",fillColorTagBoldOrange:"hsl(21, 86%, 72%)",fillColorTagBoldPink:"hsl(324, 78%, 77%)",fillColorTagBoldPurple:"hsl(273, 62%, 76%)",fillColorTagBoldMagenta:"hsl(291, 48%, 70%)",fillColorTagBoldLabelGray:"hsl(0, 0%, 81%)",fillColorTagBoldLabelBlue:"hsl(220, 98%, 74%)",fillColorTagBoldLabelAqua:"hsl(200, 75%, 64%)",fillColorTagBoldLabelTeal:"hsl(169, 62%, 56%)",fillColorTagBoldLabelGreen:"hsl(112, 57%, 57%)",fillColorTagBoldLabelYellow:"hsl(44, 93%, 61%)",fillColorTagBoldLabelOrange:"hsl(21, 86%, 64%)",fillColorTagBoldLabelPink:"hsl(324, 76%, 70%)",fillColorTagBoldLabelPurple:"hsl(273, 62%, 70%)",fillColorTagBoldLabelMagenta:"hsl(292, 48%, 63%)",fillColorButtonNeutralSolidDefault:"hsl(0, 0%, 45%)",fillColorButtonNeutralSolidHover:"hsl(0, 0%, 24%)",fillColorButtonNeutralSolidActive:"hsl(0, 0%, 12%)",fillColorButtonNeutralSolidDisabled:"hsl(0, 0%, 95%)",fillColorButtonNeutralOutlineDimDefault:"hsla(0, 0%, 100%, 0)",fillColorButtonNeutralOutlineDimHover:"hsl(0, 0%, 95%)",fillColorButtonNeutralOutlineDimActive:"hsl(0, 0%, 93%)",fillColorButtonNeutralOutlineDimDisabled:"hsla(0, 0%, 100%, 0)",fillColorButtonNeutralOutlineDimDisabledSolid:"hsl(0, 0%, 98%)",fillColorButtonNeutralGhostDefault:"hsla(0, 0%, 100%, 0)",fillColorButtonNeutralGhostHover:"hsl(0, 0%, 95%)",fillColorButtonNeutralGhostActive:"hsl(0, 0%, 93%)",fillColorButtonNeutralGhostDisabled:"hsla(0, 0%, 100%, 0)",fillColorButtonNeutralGhostDisabledSolid:"hsl(0, 0%, 98%)",fillColorButtonInteractionSolidDefault:"hsl(204, 100%, 40%)",fillColorButtonInteractionSolidHover:"hsl(204, 100%, 35%)",fillColorButtonInteractionSolidActive:"hsl(204, 100%, 30%)",fillColorButtonInteractionSolidDisabled:"hsl(0, 0%, 81%)",fillColorButtonInteractionOutlineDimDefault:"hsla(0, 0%, 100%, 0)",fillColorButtonInteractionOutlineDimHover:"hsl(204, 100%, 97%)",fillColorButtonInteractionOutlineDimActive:"hsl(203, 94%, 94%)",fillColorButtonInteractionOutlineDimDisabled:"hsla(0, 0%, 100%, 0)",fillColorButtonInteractionGhostDefault:"hsla(0, 0%, 100%, 0)",fillColorButtonInteractionGhostHover:"hsl(204, 100%, 97%)",fillColorButtonInteractionGhostActive:"hsl(203, 94%, 94%)",fillColorButtonInteractionGhostDisabled:"hsla(0, 0%, 100%, 0)",fillColorButtonDeleteSolidDefault:"hsl(8, 60%, 47%)",fillColorButtonDeleteSolidHover:"hsl(8, 60%, 45%)",fillColorButtonDeleteSolidActive:"hsl(8, 60%, 40%)",fillColorButtonDeleteSolidDisabled:"hsl(0, 0%, 81%)",fillColorButtonDeleteOutlineDimDefault:"hsla(0, 0%, 100%, 0)",fillColorButtonDeleteOutlineDimHover:"hsl(7, 60%, 97%)",fillColorButtonDeleteOutlineDimActive:"hsl(9, 59%, 93%)",fillColorButtonDeleteOutlineDimDisabled:"hsla(0, 0%, 100%, 0)",fillColorButtonDeleteGhostDefault:"hsla(0, 0%, 100%, 0)",fillColorButtonDeleteGhostHover:"hsl(7, 60%, 97%)",fillColorButtonDeleteGhostActive:"hsl(9, 59%, 93%)",fillColorButtonDeleteGhostDisabled:"hsla(0, 0%, 100%, 0)",fillColorButtonPillDefault:"hsl(0, 0%, 93%)",fillColorButtonPillHover:"hsl(0, 0%, 88%)",fillColorButtonPillActive:"hsl(0, 0%, 88%)",fillColorButtonPillDisabled:"hsl(0, 0%, 93%)",fillColorProductAccountsBase:"hsl(210, 55%, 50%)",fillColorProductAccountsLight:"hsl(210, 54%, 60%)",fillColorProductAccountsLighter:"hsl(209, 53%, 90%)",fillColorProductAccountsLightest:"hsl(212, 54%, 93%)",fillColorProductAccountsDark:"hsl(210, 65%, 40%)",fillColorProductAccountsDarker:"hsl(211, 70%, 32%)",fillColorProductAccountsDarkest:"hsl(210, 75%, 25%)",fillColorProductCalendarBase:"hsl(9, 61%, 50%)",fillColorProductCalendarLight:"hsl(8, 65%, 55%)",fillColorProductCalendarLighter:"hsl(8, 72%, 59%)",fillColorProductCalendarLightest:"hsl(8, 61%, 70%)",fillColorProductCalendarDark:"hsl(8, 65%, 42%)",fillColorProductCalendarDarker:"hsl(7, 65%, 34%)",fillColorProductCalendarDarkest:"hsl(9, 61%, 27%)",fillColorProductCheckinsBase:"hsl(283, 22%, 48%)",fillColorProductCheckinsLight:"hsl(283, 22%, 55%)",fillColorProductCheckinsLighter:"hsl(284, 22%, 64%)",fillColorProductCheckinsLightest:"hsl(283, 22%, 75%)",fillColorProductCheckinsDark:"hsl(283, 27%, 42%)",fillColorProductCheckinsDarker:"hsl(284, 33%, 34%)",fillColorProductCheckinsDarkest:"hsl(283, 33%, 27%)",fillColorProductGivingBase:"hsl(43, 88%, 64%)",fillColorProductGivingLight:"hsl(43, 88%, 70%)",fillColorProductGivingLighter:"hsl(43, 95%, 75%)",fillColorProductGivingLightest:"hsl(42, 95%, 83%)",fillColorProductGivingDark:"hsl(42, 84%, 55%)",fillColorProductGivingDarker:"hsl(42, 84%, 48%)",fillColorProductGivingDarkest:"hsl(42, 100%, 40%)",fillColorProductGroupsBase:"hsl(17, 88%, 55%)",fillColorProductGroupsLight:"hsl(17, 96%, 63%)",fillColorProductGroupsLighter:"hsl(17, 96%, 70%)",fillColorProductGroupsLightest:"hsl(17, 96%, 80%)",fillColorProductGroupsDark:"hsl(12, 70%, 48%)",fillColorProductGroupsDarker:"hsl(12, 70%, 40%)",fillColorProductGroupsDarkest:"hsl(14, 70%, 34%)",fillColorProductHomeBase:"hsl(221, 91%, 55%)",fillColorProductHomeLight:"hsl(221, 91%, 62%)",fillColorProductHomeLighter:"hsl(221, 91%, 87%)",fillColorProductHomeLightest:"hsl(221, 91%, 91%)",fillColorProductHomeDark:"hsl(221, 90%, 50%)",fillColorProductHomeDarker:"hsl(221, 90%, 45%)",fillColorProductHomeDarkest:"hsl(218, 84%, 25%)",fillColorProductPeopleBase:"hsl(220, 74%, 57%)",fillColorProductPeopleLight:"hsl(221, 73%, 65%)",fillColorProductPeopleLighter:"hsl(221, 73%, 71%)",fillColorProductPeopleLightest:"hsl(220, 69%, 81%)",fillColorProductPeopleDark:"hsl(220, 68%, 51%)",fillColorProductPeopleDarker:"hsl(220, 68%, 41%)",fillColorProductPeopleDarkest:"hsl(221, 68%, 31%)",fillColorProductPublishingBase:"hsl(220, 12%, 31%)",fillColorProductPublishingLight:"hsl(222, 12%, 39%)",fillColorProductPublishingLighter:"hsl(221, 11%, 50%)",fillColorProductPublishingLightest:"hsl(222, 10%, 60%)",fillColorProductPublishingDark:"hsl(220, 11%, 26%)",fillColorProductPublishingDarker:"hsl(217, 12%, 22%)",fillColorProductPublishingDarkest:"hsl(214, 11%, 12%)",fillColorProductRegistrationsBase:"hsl(175, 36%, 43%)",fillColorProductRegistrationsLight:"hsl(176, 37%, 60%)",fillColorProductRegistrationsLighter:"hsl(176, 37%, 68%)",fillColorProductRegistrationsLightest:"hsl(176, 38%, 78%)",fillColorProductRegistrationsDark:"hsl(175, 51%, 34%)",fillColorProductRegistrationsDarker:"hsl(174, 51%, 28%)",fillColorProductRegistrationsDarkest:"hsl(175, 52%, 22%)",fillColorProductServicesBase:"hsl(88, 45%, 41%)",fillColorProductServicesLight:"hsl(88, 40%, 54%)",fillColorProductServicesLighter:"hsl(88, 39%, 66%)",fillColorProductServicesLightest:"hsl(88, 39%, 75%)",fillColorProductServicesDark:"hsl(89, 62%, 32%)",fillColorProductServicesDarker:"hsl(89, 62%, 26%)",fillColorProductServicesDarkest:"hsl(89, 63%, 21%)",fillColorProductStaffBase:"hsl(328, 100%, 45%)",fillColorTransparencyLight010:"hsla(0, 0%, 100%, 0.1)",fillColorTransparencyLight020:"hsla(0, 0%, 100%, 0.2)",fillColorTransparencyLight030:"hsla(0, 0%, 100%, 0.3)",fillColorTransparencyLight040:"hsla(0, 0%, 100%, 0.4)",fillColorTransparencyLight050:"hsla(0, 0%, 100%, 0.5)",fillColorTransparencyLight060:"hsla(0, 0%, 100%, 0.6)",fillColorTransparencyLight070:"hsla(0, 0%, 100%, 0.7)",fillColorTransparencyLight080:"hsla(0, 0%, 100%, 0.8)",fillColorTransparencyLight090:"hsla(0, 0%, 100%, 0.9)",fillColorTransparencyDark010:"hsla(0, 0%, 0%, 0.1)",fillColorTransparencyDark020:"hsla(0, 0%, 0%, 0.2)",fillColorTransparencyDark030:"hsla(0, 0%, 0%, 0.3)",fillColorTransparencyDark040:"hsla(0, 0%, 0%, 0.4)",fillColorTransparencyDark050:"hsla(0, 0%, 0%, 0.5)",fillColorTransparencyDark060:"hsla(0, 0%, 0%, 0.6)",fillColorTransparencyDark070:"hsla(0, 0%, 0%, 0.7)",fillColorTransparencyDark080:"hsla(0, 0%, 0%, 0.8)",fillColorTransparencyDark090:"hsla(0, 0%, 0%, 0.9)",surfaceColorCanvas:"hsl(0, 0%, 98%)",surfaceColorCard:"hsl(0, 0%, 100%)",borderColorDefaultBase:"hsl(0, 0%, 88%)",borderColorDefaultDark:"hsl(0, 0%, 81%)",borderColorDefaultDarker:"hsl(0, 0%, 68%)",borderColorDefaultDarkest:"hsl(0, 0%, 62%)",borderColorDefaultDisabled:"hsl(0, 0%, 88%)",borderColorDefaultDim:"hsl(0, 0%, 95%)",borderColorDefaultWhite:"hsl(0, 0%, 100%)",borderColorStatusNeutral:"hsl(0, 0%, 62%)",borderColorStatusInfo:"hsl(204, 100%, 40%)",borderColorStatusSuccess:"hsl(97, 57%, 40%)",borderColorStatusWarning:"hsl(42, 84%, 63%)",borderColorStatusError:"hsl(8, 60%, 47%)",borderColorButtonNeutral:"hsl(0, 0%, 88%)",borderColorButtonInfo:"hsl(204, 100%, 40%)",borderColorButtonCreate:"hsl(96, 57%, 33%)",borderColorButtonDelete:"hsl(8, 60%, 47%)",borderColorControlNeutral:"hsl(0, 0%, 68%)",borderColorControlInfo:"hsl(204, 100%, 40%)",borderColorControlSuccess:"hsl(97, 57%, 40%)",borderColorControlWarning:"hsl(42, 84%, 63%)",borderColorControlError:"hsl(8, 60%, 47%)",borderColorControlDisabled:"hsl(0, 0%, 88%)",textColorTagGray:"hsl(0, 0%, 24%)",textColorTagMagenta:"hsl(285, 71%, 20%)",textColorTagBlue:"hsl(224, 47%, 31%)",textColorTagAqua:"hsl(209, 77%, 22%)",textColorTagTeal:"hsl(180, 95%, 15%)",textColorTagGreen:"hsl(100, 93%, 17%)",textColorTagYellow:"hsl(29, 100%, 23%)",textColorTagOrange:"hsl(18, 100%, 18%)",textColorTagPink:"hsl(327, 88%, 20%)",textColorTagPurple:"hsl(268, 71%, 27%)",iconColorStatusNeutralDark:"hsl(0, 0%, 24%)",iconColorStatusInfoSecondary:"hsl(204, 100%, 40%)",fillColorAlertInfo:"hsl(204, 94%, 49%)",fillColorAlertSuccess:"hsl(122, 60%, 41%)",fillColorAlertWarning:"hsl(43, 96%, 58%)",fillColorAlertError:"hsl(4, 77%, 59%)",fillColorButtonDefaultInfoSolidDefault:"hsl(204, 100%, 40%)",fillColorButtonDefaultInfoSolidHover:"hsl(204, 100%, 35%)",fillColorButtonDefaultInfoSolidActive:"hsl(204, 100%, 30%)",fillColorButtonDefaultInfoSolidDisabled:"hsl(0, 0%, 81%)",fillColorButtonDefaultInfoOutlineDimDefault:"hsla(0, 0%, 100%, 0)",fillColorButtonDefaultInfoOutlineDimHover:"hsl(204, 100%, 97%)",fillColorButtonDefaultInfoOutlineDimActive:"hsl(203, 94%, 94%)",fillColorButtonDefaultInfoOutlineDimDisabled:"hsla(0, 0%, 100%, 0)",fillColorButtonDefaultInfoGhostDefault:"hsla(0, 0%, 100%, 0)",fillColorButtonDefaultInfoGhostHover:"hsl(204, 100%, 97%)",fillColorButtonDefaultInfoGhostActive:"hsl(203, 94%, 94%)",fillColorButtonDefaultInfoGhostDisabled:"hsla(0, 0%, 100%, 0)",fillColorButtonCreateSolidDefault:"hsl(96, 57%, 33%)",fillColorButtonCreateSolidHover:"hsl(97, 57%, 28%)",fillColorButtonCreateSolidActive:"hsl(97, 57%, 23%)",fillColorButtonCreateSolidDisabled:"hsl(0, 0%, 81%)",fillColorButtonCreateGhostDefault:"hsla(0, 0%, 100%, 0)",fillColorButtonCreateGhostHover:"hsl(96, 60%, 95%)",fillColorButtonCreateGhostActive:"hsl(97, 57%, 90%)",fillColorButtonCreateGhostDisabled:"hsla(0, 0%, 100%, 0)"};export{l as default};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|