@planningcenter/tapestry-react 4.12.1 → 4.12.2-qa-881.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ActionsDropdown/ActionsDropdown.d.ts.map +1 -1
- package/dist/ActionsDropdown/ActionsDropdown.js +1 -1
- package/dist/Button/Button.d.ts +1 -1
- package/dist/Button/Input.d.ts +1 -1
- package/dist/Input/InputBox.d.ts +1 -0
- package/dist/Input/InputBox.d.ts.map +1 -1
- package/dist/Input/InputBox.js +1 -1
- package/dist/Input/InputField.d.ts +3 -0
- package/dist/Input/InputField.d.ts.map +1 -1
- package/dist/Input/InputField.js +1 -1
- package/dist/Page/PageBody.d.ts.map +1 -1
- package/dist/Page/PageHeader.d.ts.map +1 -1
- package/dist/Page/PageToolbar.d.ts.map +1 -1
- package/dist/system/colors/colors.d.ts +1 -1
- package/dist/system/default-theme.d.ts +2 -2
- package/dist/system/default-theme.js +1 -1
- package/dist/system/index.d.ts +1 -1
- package/dist/system/index.d.ts.map +1 -1
- package/dist/system/index.js +1 -1
- package/dist/system/utils.d.ts +2 -0
- package/dist/system/utils.d.ts.map +1 -1
- package/dist/system/utils.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionsDropdown.d.ts","sourceRoot":"","sources":["../../src/ActionsDropdown/ActionsDropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ActionsDropdown.d.ts","sourceRoot":"","sources":["../../src/ActionsDropdown/ActionsDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAOlC,KAAK,oBAAoB,GAAG;IAE1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAG3B,UAAU,CAAC,EAAE;QAEX,MAAM,EAAE,MAAM,CAAA;QAGd,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IAGD,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAG9B,QAAQ,CAAC,EAAE;QAET,IAAI,CAAC,EAAE,IAAI,CAAA;QAGX,SAAS,EAAE,MAAM,CAAA;QAGjB,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;IAGD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAG5B,cAAc,CAAC,EAAE,OAAO,CAAA;IAGxB,eAAe,CAAC,EAAE,OAAO,CAAA;IAGzB,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAA;CACzE,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,kBAAqD,EACrD,UAAU,EACV,qBAAwD,EACxD,QAAQ,EACR,mBAAsD,EACtD,cAAc,EACd,eAAe,EACf,eAAe,GAChB,EAAE,oBAAoB,eA0GtB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from'./../ext/tslib/tslib.es6.js';import{
|
|
1
|
+
import{__assign as e}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import{format as o}from"date-fns";import*as n from"react";import{Box as r}from"../Box/Box.js";import{Divider as a}from"../Divider/Divider.js";import i from"../Dropdown/Dropdown.js";import l from"../Icon/Icon.js";import{Link as m}from"../Link/Link.js";import{StackView as c}from"../StackView/StackView.js";import{Text as d}from"../Text/Text.js";import{cloneChildren as s}from"../utils.js";function p(p){var u=p.children,g=p.defaultButtonProps,f=void 0===g?{theme:"secondaryPageHeader"}:g,v=p.duplicates,h=p.duplicatesButtonProps,E=void 0===h?{theme:"secondaryPageHeader"}:h,P=p.inactive,x=p.inactiveButtonProps,y=void 0===x?{theme:"secondaryPageHeader"}:x,z=p.isBelowManager,j=p.isPeopleProduct,w=p.onDeleteProfile,T=(null==v?void 0:v.amount)>0,k=Boolean(null==P?void 0:P.date);return n.createElement(i,e({title:"Actions",iconLeft:T||k?{color:t(T?"--t-icon-color-status-warning-primary":"--t-icon-color-default-secondary"),name:T?"general.exclamationTriangle":"general.inactive",size:"md"}:void 0,fontSize:"14px",fontWeight:400,paddingLeft:T||k?1:void 0,paddingVertical:.25,theme:!1,popoverProps:{maxWidth:"280px"},placement:"bottom-start"},T?E:k?y:f),T?n.createElement(n.Fragment,null,n.createElement(c,{axis:"horizontal",padding:2,spacing:1},n.createElement(l,{color:t("--t-icon-color-status-warning-primary"),marginTop:"3px",name:"general.exclamationTriangle"}),n.createElement(d,{size:4},"There ",v.amount>1?"are":"is"," ",v.amount," ","potential ",v.amount>1?"duplicates":"duplicate"," for this profile."," ",z?"An administrator can resolve ".concat(v.amount>1?"them":"it"," in People."):n.createElement(m,e({},v.linkProps),j?"Review":"Review in People"))),n.createElement(a,null)):null,k?n.createElement(n.Fragment,null,n.createElement(c,{axis:"horizontal",padding:2,spacing:1},n.createElement(l,{name:"general.inactive",color:t("--t-icon-color-default-secondary"),marginTop:"3px"}),n.createElement(d,{size:4},"Set inactive on ",o(P.date,"MMM dd, yyyy"),P.reason&&" (".concat(P.reason,")"),"."," ",z?"An administrator can reactivate them in People.":n.createElement(m,e({},P.linkProps),j?"Reactivate":"Reactivate in People"))),n.createElement(a,null)):null,(T||k)&&n.createElement(r,{height:1.5}),s(u,(function(){return{paddingHorizontal:2}})),w?n.createElement(i.Item,{disabled:z,paddingHorizontal:2,onSelect:w},j?"Delete profile":"Delete profile…"):null,w&&z?n.createElement(r,{marginHorizontal:2,padding:1,backgroundColor:"surfaceTertiary",color:"foregroundSecondary"},n.createElement(d,{size:5,lineHeight:2},"To delete this profile, an administrator must remove them from People.")):null,(T||k||w&&z)&&n.createElement(r,{height:1}))}export{p as ActionsDropdown};
|
|
2
2
|
//# sourceMappingURL=ActionsDropdown.js.map
|
package/dist/Button/Button.d.ts
CHANGED
|
@@ -39,7 +39,7 @@ export declare namespace Button {
|
|
|
39
39
|
size?: "xs" | "sm" | "md" | "lg";
|
|
40
40
|
} & {
|
|
41
41
|
as?: "button" | "a";
|
|
42
|
-
} & Omit<
|
|
42
|
+
} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "as" | keyof StackViewUniqueProps | keyof Props> & Props & Omit<StackViewUniqueProps, keyof Props> & MediaQueries<AsProps<"button" | "a", StyleProps>>, "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "radius" | "radiusTop" | "radiusRight" | "radiusBottom" | "radiusLeft" | "hidden" | "visible" | "color" | "left" | "right" | "bottom" | "top" | "contain" | "clip" | "column" | "content" | "size" | "style" | "inline" | "flex" | "row" | "wrap" | "fill" | "stroke" | "x" | "y" | "uppercase" | "icon" | "spinner" | "tooltip" | "clear" | "border" | "padding" | "active" | "disabled" | "square" | "focus" | "resize" | "slot" | "title" | "href" | "overflow" | "overflowX" | "overflowY" | "key" | "className" | "innerRef" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "borderBottom" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderCollapse" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftStyle" | "borderRadius" | "borderRight" | "borderRightStyle" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "clipPath" | "clipRule" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "fillOpacity" | "fillRule" | "filter" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "hyphens" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lightingColor" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "motion" | "objectFit" | "objectPosition" | "opacity" | "order" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowWrap" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "verticalAlign" | "visibility" | "userSelect" | "WebkitOverflowScrolling" | "writingMode" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "zIndex" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "hover" | "paddingHorizontal" | "paddingVertical" | "rotate" | "scale" | "translate" | "elevation" | "basis" | "grow" | "shrink" | "marginHorizontal" | "marginVertical" | "strokeAlign" | "strokeWeight" | "children" | "alignment" | "axis" | "distribution" | "spacing" | "as" | "columnEnd" | "columnStart" | "css" | "rowEnd" | "rowStart" | "mediaQueries" | "id" | "lang" | "type" | "role" | "tabIndex" | "to" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "onClose" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "nonce" | "external" | "focusVisible" | "iconLeft" | "iconRight" | "theme" | "onOpen"> & React.RefAttributes<unknown>>;
|
|
43
43
|
}
|
|
44
44
|
export interface Button<E extends As = 'button' | 'a'> extends React.FC<ButtonProps<E> & MediaQueries<ButtonProps<E>>> {
|
|
45
45
|
Input: typeof Input;
|
package/dist/Button/Input.d.ts
CHANGED
|
@@ -14,6 +14,6 @@ type ButtonInputProps = {
|
|
|
14
14
|
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
15
15
|
} & ButtonProps;
|
|
16
16
|
type Props = RefAttributes<any> & HTMLAttributes<any> & ButtonInputProps;
|
|
17
|
-
declare const ButtonInput: React.ForwardRefExoticComponent<Pick<Props, "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "radius" | "radiusTop" | "radiusRight" | "radiusBottom" | "radiusLeft" | "hidden" | "visible" | "color" | "left" | "right" | "bottom" | "top" | "contain" | "clip" | "column" | "content" | "size" | "style" | "inline" | "flex" | "row" | "wrap" | "fill" | "stroke" | "x" | "y" | "uppercase" | "icon" | "spinner" | "tooltip" | "clear" | "border" | "padding" | "active" | "disabled" | "square" | "focus" | "resize" | "slot" | "title" | "href" | "overflow" | "overflowX" | "overflowY" | "key" | "className" | "innerRef" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "borderBottom" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderCollapse" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftStyle" | "borderRadius" | "borderRight" | "borderRightStyle" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "clipPath" | "clipRule" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "fillOpacity" | "fillRule" | "filter" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "hyphens" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lightingColor" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "motion" | "objectFit" | "objectPosition" | "opacity" | "order" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowWrap" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "verticalAlign" | "visibility" | "userSelect" | "WebkitOverflowScrolling" | "writingMode" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "zIndex" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "hover" | "paddingHorizontal" | "paddingVertical" | "rotate" | "scale" | "translate" | "elevation" | "basis" | "grow" | "shrink" | "marginHorizontal" | "marginVertical" | "strokeAlign" | "strokeWeight" | "children" | "alignment" | "axis" | "distribution" | "spacing" | "as" | "columnEnd" | "columnStart" | "css" | "rowEnd" | "rowStart" | "mediaQueries" | "id" | "lang" | "type" | "role" | "tabIndex" | "to" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "onClose" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "
|
|
17
|
+
declare const ButtonInput: React.ForwardRefExoticComponent<Pick<Props, "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "radius" | "radiusTop" | "radiusRight" | "radiusBottom" | "radiusLeft" | "hidden" | "visible" | "color" | "left" | "right" | "bottom" | "top" | "contain" | "clip" | "column" | "content" | "size" | "style" | "inline" | "flex" | "row" | "wrap" | "fill" | "stroke" | "x" | "y" | "uppercase" | "icon" | "spinner" | "tooltip" | "clear" | "border" | "padding" | "active" | "disabled" | "square" | "focus" | "resize" | "slot" | "title" | "href" | "overflow" | "overflowX" | "overflowY" | "key" | "className" | "innerRef" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "borderBottom" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderCollapse" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftStyle" | "borderRadius" | "borderRight" | "borderRightStyle" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "clipPath" | "clipRule" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "fillOpacity" | "fillRule" | "filter" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "hyphens" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lightingColor" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "motion" | "objectFit" | "objectPosition" | "opacity" | "order" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowWrap" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "verticalAlign" | "visibility" | "userSelect" | "WebkitOverflowScrolling" | "writingMode" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "zIndex" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "hover" | "paddingHorizontal" | "paddingVertical" | "rotate" | "scale" | "translate" | "elevation" | "basis" | "grow" | "shrink" | "marginHorizontal" | "marginVertical" | "strokeAlign" | "strokeWeight" | "children" | "alignment" | "axis" | "distribution" | "spacing" | "as" | "columnEnd" | "columnStart" | "css" | "rowEnd" | "rowStart" | "mediaQueries" | "id" | "lang" | "type" | "role" | "tabIndex" | "to" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "onClose" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "nonce" | "external" | "focusVisible" | "iconLeft" | "iconRight" | "theme" | "onOpen"> & React.RefAttributes<unknown>>;
|
|
18
18
|
export default ButtonInput;
|
|
19
19
|
//# sourceMappingURL=Input.d.ts.map
|
package/dist/Input/InputBox.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.tsx"],"names":[],"mappings":"AAEA,OAAc,EAEZ,SAAS,EAET,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAY,MAAM,UAAU,CAAA;AAMrD,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAKxD,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAI3C,eAAe,CAAC,EAAE,MAAM,CAAA;IAKxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAMpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,eAAe,CAAC,EAAE,MAAM,CAAA;IAOxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAK9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAMpB,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,QAAQ,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAA;IAKxC,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAEzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAKhC,UAAU,CAAC,EACP,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,WAAW,CAAC,EACR,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,eAAe,CAAC,EAAE,OAAO,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAMvC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK3B,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAYD,cAAM,QAAS,SAAQ,SAAS,CAC9B,aAAa,EACb;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAC3C;IACC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,WAAW,kCAAe;IAEjC,MAAM,CAAC,WAAW,SAAmB;IAErC,IAAI,EAAE,gBAAgB,CAAA;gBAEV,KAAK,KAAA;IAWjB,oBAAoB;IAMpB,OAAO,SAAU,gBAAgB,UAKhC;IAED,YAAY,YAIX;IAED,KAAK,2BAWJ;IAED,IAAI,aAMH;IAED,WAAW,mBAUV;IAED,UAAU,mBAKT;IAED,WAAW,mBAKV;IAED,eAAe,mBAKd;IAED,cAAc,mBAKb;IAED,oBAAoB,aAEnB;IAED,MAAM;CAwNP;AAED,eAAe,QAAQ,CAAA"}
|
package/dist/Input/InputBox.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import{
|
|
1
|
+
import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as t}from"@emotion/react";import{token as n}from"@planningcenter/tapestry";import i,{cloneElement as a,Component as l}from"react";import{tabbable as s}from"tabbable";import{Box as d}from"../Box/Box.js";import{Button as u}from"../Button/Button.js";import{useDocumentEvent as c}from"../hooks/use-document-event.js";import"mousetrap";import"../hooks/use-measure.js";import{Spinner as p}from"../Spinner/Spinner.js";import{StackView as f}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{getThemePropsFromPath as b}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"../system/cxs.js";import m from"./InputContext.js";import{isTabbable as g,inputs as h}from"./utils.js";function v(e){var o=e.onEscape;return c("keydown",(function(e){27===e.keyCode&&o()})),null}var y=function(l){function c(e){var o=l.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(){var e=o.context;return b(e,"boxSizes.".concat(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(){g(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&&(h[e.id]=o),o.state={isFocused:!1,isHovered:!1},o}return e(c,l),Object.defineProperty(c.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete h[this.props.id]}}),Object.defineProperty(c.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.backgroundColor,l=void 0===t?n("--t-form-background-color"):t,s=e.children,c=e.disabled,b=e.evenPadding;e.focusChildIndex,e.focusChildrenOnFocus;var g=e.id;e.innerRef;var h=e.includeSpacing,y=e.isLoading,O=e.naked,j=e.onClear;e.onBlur,e.onFocus;var k=e.readOnly,C=void 0!==k&&k,x=e.readOnlyBackgroundColor,w=void 0===x?n("--t-form-background-color-readonly"):x,S=e.renderLeft,P=e.renderRight,z=e.secondaryStroke,B=void 0===z||z,F=e.size,I=e.state,E=e.subdued,R=e.tabIndex,M=void 0===R?-1:R,H=o(e,["backgroundColor","children","disabled","evenPadding","focusChildIndex","focusChildrenOnFocus","id","innerRef","includeSpacing","isLoading","naked","onClear","onBlur","onFocus","readOnly","readOnlyBackgroundColor","renderLeft","renderRight","secondaryStroke","size","state","subdued","tabIndex"]),L=this.state,V=L.isFocused,N=L.isHovered,A=this.getBoxStyles(),T=A.boxSize,W=A.fontSize,D=A.lineHeight,U=A.paddingHorizontal,Z={backgroundColor:l,fontSize:W,lineHeight:D,paddingVertical:A.paddingVertical,tabIndex:M,zIndex:V||N?2:1},_={},q={alignItems:"center",display:"flex",height:"100%",justifyContent:"center",position:"absolute",top:0,width:T},G=S?T:U,J=P?T:U;return"pill"===H.radius||"pill-left"===H.radius?(Z.paddingLeft=G,Z.paddingRight=J):(H.radius,Z.paddingLeft=G,Z.paddingRight=J),(y||j)&&(Z.paddingRight=T),C?Z.backgroundColor=w:E?Z.backgroundColor=!c&&V?"highlightSecondary":!c&&N?I?"".concat(I,"-1"):"highlight":I?"".concat(I,"-0"):"surfaceTertiary":O||(B&&(Z.boxShadow=!c&&V?"0 0 0 2px var(--colors-separator-focus-secondary)":void 0),Z.strokeAlign="inside",Z.strokeWeight=1,Z.stroke=c?n("--t-form-border-color-disabled"):V?"error"===I?n("--t-form-border-color-error"):I||n("--t-form-border-color-focus"):"error"===I?n("--t-form-border-color-error"):I||n(N?"--t-form-border-color-hover":"--t-form-border-color"),Z.backgroundColor=n(c?"--t-form-background-color-disabled":"--t-form-background-color"),H.color||(_.color=n(c?"--t-form-font-color-disabled":"--t-form-font-color"))),g&&(Z["aria-labelledby"]="".concat(g,"-label")),b&&(Z.paddingLeft=Z.paddingVertical,Z.paddingRight=Z.paddingVertical),h&&(Z.spacing=b?Z.paddingVertical:U),c?(_.cursor="not-allowed",Z.tabIndex=void 0,_.opacity=H.color||O?.64:1):O||(N&&H.hover&&Object.assign(H,H.hover),V&&H.focus&&Object.assign(H,H.focus),H=r(r({},H),{focus:r({strokeAlign:"inside",strokeWeight:1},H.focus),hover:r({strokeAlign:"inside",strokeWeight:1},H.hover)})),i.createElement(m.Provider,{value:this},i.createElement(f,r({innerRef:this.setNode,id:g,axis:f.HORIZONTAL,alignment:f.CENTER,shrink:0,minHeight:T,radius:n("--t-form-border-radius"),readOnly:C,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},Z,H,_),S&&i.createElement(d,r({},q,{left:0}),"function"==typeof S?S(F):a(S,{size:S.props&&S.props.size||F})),s,(y||j||P)&&i.createElement(d,r({},q,{right:0}),y?i.createElement(p,{size:F}):j?i.createElement(u,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof P?P(F):P?a(P,{size:P.props&&P.props.size||F}):null),j&&i.createElement(v,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(c,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildIndex:0,focusChildrenOnFocus:!0,size:"md"}}),Object.defineProperty(c,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(c,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputBox"}),c}(l);export{y as default};
|
|
2
2
|
//# sourceMappingURL=InputBox.js.map
|
|
@@ -16,7 +16,9 @@ declare class InputField extends Component<InputFieldProps, {
|
|
|
16
16
|
static defaultProps: {
|
|
17
17
|
autoWidthType: string;
|
|
18
18
|
placeholderColor: "var(--t-form-placeholder-color)";
|
|
19
|
+
size: string;
|
|
19
20
|
};
|
|
21
|
+
static contextType: import("react").Context<object>;
|
|
20
22
|
static displayName: string;
|
|
21
23
|
shouldUpdateWidth: boolean;
|
|
22
24
|
canHighlight: boolean;
|
|
@@ -30,6 +32,7 @@ declare class InputField extends Component<InputFieldProps, {
|
|
|
30
32
|
setNode: (node: any) => void;
|
|
31
33
|
setWidth(text: any): void;
|
|
32
34
|
getAutoWidthValue: (defaultValue: any) => any;
|
|
35
|
+
getBoxStyles: () => any;
|
|
33
36
|
preventFocus: (event: any) => void;
|
|
34
37
|
handleChange: (event: any) => void;
|
|
35
38
|
handleKeyDown: (event: any) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../src/Input/InputField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../src/Input/InputField.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAMnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAuBjC,KAAK,KAAK,GAAG;IAKX,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAKrC,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAK1C,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAKhC,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC,CAAA;AAE1E,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;IACzE,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,WAAW,kCAAe;IAEjC,MAAM,CAAC,WAAW,SAAqB;IAEvC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,gBAAgB,CAAA;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAA;gBAEP,KAAK,KAAA;IAajB,iBAAiB;IAajB,kBAAkB,CAAC,SAAS,KAAA;IAgB5B,oBAAoB;IAMpB,OAAO,sBAKN;IAED,QAAQ,CAAC,IAAI,KAAA;IAmCb,iBAAiB,6BAMhB;IAED,YAAY,YAGX;IAED,YAAY,uBAQX;IAED,YAAY,uBAYX;IAED,aAAa,uBAKZ;IAED,WAAW,uBAUV;IAED,UAAU,uBAkBT;IAED,KAAK,aAEJ;IAED,IAAI,aAEH;IAED,MAAM;CA2EP;AAED,eAAe,UAAU,CAAA"}
|
package/dist/Input/InputField.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import{
|
|
1
|
+
import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as i}from"@emotion/react";import{token as r}from"@planningcenter/tapestry";import n,{Component as a}from"react";import{Box as l}from"../Box/Box.js";import"../system/colors/colors.js";import"polished";import{selectFullTextRange as p,deselectCurrentTextRange as u,getTextWidth as s}from"../utils.js";import"lodash/includes";import{getThemePropsFromPath as d}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"../system/cxs.js";import c from"./InputContext.js";import{inputs as h,inputLabels as b}from"./utils.js";var f={"::-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},g=function(a){function g(e){var t=a.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,"getBoxStyles",{enumerable:!0,configurable:!0,writable:!0,value:function(){var e=t.context;return d(e,"boxSizes.".concat(t.props.size))}}),Object.defineProperty(t,"preventFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&e.target===document.activeElement&&(e.preventDefault(),p(e.target))}}),Object.defineProperty(t,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0!==t.props.autoWidth&&(!0===t.props.autoWidth?t.setWidth(e.target.value):t.shouldUpdateWidth=!0),t.props.onChange&&t.props.onChange(e),t.canHighlight=!0}}),Object.defineProperty(t,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!0,t.props.onKeyDown&&t.props.onKeyDown(e)}}),Object.defineProperty(t,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&p(e.target),t.inputBox&&t.inputBox.setState({isFocused:!0}),t.props.onFocus&&t.props.onFocus(e)}}),Object.defineProperty(t,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!1,t.props.highlightOnInteraction&&u(),t.inputBox&&t.inputBox.setState({isFocused:!1}),void 0!==t.props.autoWidth&&void 0!==t.props.placeholder&&""===e.target.value&&t.setWidth(t.props.placeholder),t.props.onBlur&&t.props.onBlur(e)}}),Object.defineProperty(t,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.focus()}}),Object.defineProperty(t,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.blur()}}),t.state={isHovered:!1},t.shouldUpdateWidth=!1,e.id&&(h[e.id]=t),t}return e(g,a),Object.defineProperty(g.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(g.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){(this.shouldUpdateWidth||void 0!==this.props.autoWidth&&void 0!==this.props.value&&this.props.value!==e.value)&&(this.setWidth(this.getAutoWidthValue(this.props.placeholder)),this.shouldUpdateWidth=!1),this.canHighlight&&this.props.highlightOnInteraction&&(p(this.node),this.canHighlight=!1)}}),Object.defineProperty(g.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete h[this.props.id]}}),Object.defineProperty(g.prototype,"setWidth",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props.autoWidthType,o=s(e,this.node);if(o!==this._lastTextWidth){var i=getComputedStyle(this.node),r=[i.borderLeftWidth,i.borderRightWidth,1,i.paddingLeft,i.paddingRight,o].reduce((function(e,t){return e+parseInt(t,10)}),0),n=Number(r)+1;"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(g.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.props;i.autoWidth,i.autoWidthType;var r=i.css,a=i.disabled;i.innerRef,i.onBlur,i.onChange,i.onFocus,i.onKeyDown,i.onMouseDown,i.onMouseUp;var p=i.placeholderColor;i.highlightOnInteraction,i.size;var u=t(i,["autoWidth","autoWidthType","css","disabled","innerRef","onBlur","onChange","onFocus","onKeyDown","onMouseDown","onMouseUp","placeholderColor","highlightOnInteraction","size"]),s={"::-webkit-input-placeholder":{color:p},"::placeholder":{color:p},":-moz-placeholder":{color:p},":-ms-input-placeholder":{color:p}};return n.createElement(c.Consumer,null,(function(t){var i={},p=t?t.getBoxStyles():e.getBoxStyles(),d=p.fontSize,c=p.lineHeight;return e.inputBox||(e.inputBox=t),b[e.props.id]&&(i["aria-labelledby"]="".concat(e.props.id,"-label")),e.state.isHovered&&u.hover&&Object.assign(u,u.hover),n.createElement(l,o({as:"input",innerRef:e.setNode,disabled:a,grow:1,padding:0,textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:d,lineHeight:c,minHeight:c,onFocus:e.handleFocus,onBlur:e.handleBlur,onChange:e.handleChange,onKeyDown:e.handleKeyDown,onMouseDown:e.preventFocus,onMouseUp:e.preventFocus,css:[f,s,r]},u,i))}))}}),Object.defineProperty(g,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{autoWidthType:"both",placeholderColor:r("--t-form-placeholder-color"),size:"md"}}),Object.defineProperty(g,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:i}),Object.defineProperty(g,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputField"}),g}(a);export{g as default};
|
|
2
2
|
//# sourceMappingURL=InputField.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;
|
|
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;IAItD,KAAK,CAAC,EAAE,OAAO,CAAA;IAIf,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/Page/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/Page/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAKD,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,eA6BvE;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageToolbar.d.ts","sourceRoot":"","sources":["../../src/Page/PageToolbar.tsx"],"names":[],"mappings":"AAEA,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"PageToolbar.d.ts","sourceRoot":"","sources":["../../src/Page/PageToolbar.tsx"],"names":[],"mappings":"AAEA,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAKtC,iBAAS,WAAW,CAAC,EACnB,UAAU,EACV,GAAG,SAAS,EACb,EAAE;IAAE,UAAU,CAAC,EAAE,MAAM,WAAW,CAAA;CAAE,GAAG,cAAc,eAiCrD;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -47,7 +47,7 @@ export declare const palette: {
|
|
|
47
47
|
foregroundTertiary: string;
|
|
48
48
|
};
|
|
49
49
|
green: string[];
|
|
50
|
-
grey: ("var(--t-fill-color-neutral-070)" | "var(--t-fill-color-neutral-
|
|
50
|
+
grey: ("var(--t-fill-color-neutral-070)" | "var(--t-fill-color-neutral-010)" | "var(--t-fill-color-neutral-050)" | "var(--t-fill-color-neutral-080)" | "var(--t-fill-color-neutral-090)" | "var(--t-fill-color-neutral-060)" | "var(--t-fill-color-neutral-040)" | "var(--t-fill-color-neutral-030)" | "var(--t-fill-color-neutral-025)" | "var(--t-fill-color-neutral-020)")[];
|
|
51
51
|
highlight: {
|
|
52
52
|
highlight: "var(--t-fill-color-neutral-070)";
|
|
53
53
|
highlightSecondary: "var(--t-fill-color-neutral-060)";
|
|
@@ -574,7 +574,7 @@ declare const defaultTheme: {
|
|
|
574
574
|
id: string;
|
|
575
575
|
lineHeights: number[];
|
|
576
576
|
spinner: {
|
|
577
|
-
color:
|
|
577
|
+
color: "var(--t-fill-color-neutral-010)";
|
|
578
578
|
sizes: {
|
|
579
579
|
lg: number;
|
|
580
580
|
md: number;
|
|
@@ -593,7 +593,7 @@ declare const defaultTheme: {
|
|
|
593
593
|
xxl: number;
|
|
594
594
|
xxs: number;
|
|
595
595
|
};
|
|
596
|
-
trackColor:
|
|
596
|
+
trackColor: "var(--t-fill-color-transparency-dark-020)";
|
|
597
597
|
};
|
|
598
598
|
toggleSwitch: {
|
|
599
599
|
backgroundColor: "var(--t-fill-color-control-primary)";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as r from"@planningcenter/icons/paths/general";import*as o from"@planningcenter/icons/paths/tapestry";import{token as l}from"@planningcenter/tapestry";import{boxSizes as t}from"./box-sizes.js";import{buttonThemes as e}from"./button-themes.js";import{colors as
|
|
1
|
+
import*as r from"@planningcenter/icons/paths/general";import*as o from"@planningcenter/icons/paths/tapestry";import{token as l}from"@planningcenter/tapestry";import{boxSizes as t}from"./box-sizes.js";import{buttonThemes as e}from"./button-themes.js";import{colors as a}from"./colors/colors.js";import"polished";import"../utils.js";var s={boxSizes:t,breakpoints:{lg:960,md:720,sm:600,xl:1200,xs:480},button:{themes:e},calendar:{weekStartsOn:0},checkbox:{checkedFill:l("--t-fill-color-control-primary"),checkedStroke:l("--t-fill-color-control-primary"),disabled:{checkedFill:l("--t-fill-color-control-disabled"),checkedStroke:l("--t-border-color-control-disabled"),fill:l("--t-fill-color-neutral-070"),stroke:l("--t-border-color-control-disabled")},fill:l("--t-surface-color-card"),focusStroke:l("--t-fill-color-control-primary"),stroke:l("--t-border-color-control-neutral")},colors:a,elevations:["0 2px 5px rgba(0,0,0,0.043)","0 4px 12px rgba(0,0,0,0.12)","0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)","0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)","0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)","0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)"],fontSizes:[30,21,18,16,14,12,10],group:{radius:3},icons:{general:r,tapestry:o},pageBody:{backgroundColor:l("--t-surface-color-card")},id:"default",lineHeights:[40,32,24,24,20,16,16],spinner:{color:l("--t-fill-color-neutral-010"),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:l("--t-fill-color-transparency-dark-020")},toggleSwitch:{backgroundColor:l("--t-fill-color-control-primary")}};export{s as default};
|
|
2
2
|
//# sourceMappingURL=default-theme.js.map
|
package/dist/system/index.d.ts
CHANGED
|
@@ -14,5 +14,5 @@ export { default as stroke } from './plugins/stroke';
|
|
|
14
14
|
export { default as typography } from './plugins/typography';
|
|
15
15
|
export { default as splitStyles } from './split-styles';
|
|
16
16
|
export { default as useCss } from './use-css';
|
|
17
|
-
export { getForegroundColor, isLightColor, navigateSize, parseColor, spacing, spacingValue, useBoxSize, useThemeProps, useThemeValue, } from './utils';
|
|
17
|
+
export { getForegroundColor, getThemePropsFromPath, isLightColor, navigateSize, parseColor, spacing, spacingValue, useBoxSize, useThemeProps, useThemeValue, } from './utils';
|
|
18
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/system/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,eAAe,GAChB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,UAAU,EACV,aAAa,EACb,aAAa,GACd,MAAM,SAAS,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/system/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,eAAe,GAChB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,UAAU,EACV,aAAa,EACb,aAAa,GACd,MAAM,SAAS,CAAA"}
|
package/dist/system/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{boxSizes,getBoxSize}from"./box-sizes.js";export{colors,getColor,palette}from"./colors/colors.js";export{createTones,eachPalette,flattenPalette,generateColorScale,setAlphaChannel}from"./colors/utils.js";export{default as css}from"./css.js";export{default as defaultTheme}from"./default-theme.js";export{default as border}from"./plugins/border.js";export{default as color}from"./plugins/color.js";export{default as elevation}from"./plugins/elevation.js";export{default as flex}from"./plugins/flex.js";export{default as misc}from"./plugins/misc.js";export{default as position}from"./plugins/position.js";export{default as size}from"./plugins/size.js";export{default as space}from"./plugins/space.js";export{default as stroke}from"./plugins/stroke.js";export{default as typography}from"./plugins/typography.js";export{default as splitStyles}from"./split-styles.js";export{default as useCss}from"./use-css.js";export{getForegroundColor,isLightColor,navigateSize,parseColor,spacing,spacingValue,useBoxSize,useThemeProps,useThemeValue}from"./utils.js";
|
|
1
|
+
export{boxSizes,getBoxSize}from"./box-sizes.js";export{colors,getColor,palette}from"./colors/colors.js";export{createTones,eachPalette,flattenPalette,generateColorScale,setAlphaChannel}from"./colors/utils.js";export{default as css}from"./css.js";export{default as defaultTheme}from"./default-theme.js";export{default as border}from"./plugins/border.js";export{default as color}from"./plugins/color.js";export{default as elevation}from"./plugins/elevation.js";export{default as flex}from"./plugins/flex.js";export{default as misc}from"./plugins/misc.js";export{default as position}from"./plugins/position.js";export{default as size}from"./plugins/size.js";export{default as space}from"./plugins/space.js";export{default as stroke}from"./plugins/stroke.js";export{default as typography}from"./plugins/typography.js";export{default as splitStyles}from"./split-styles.js";export{default as useCss}from"./use-css.js";export{getForegroundColor,getThemePropsFromPath,isLightColor,navigateSize,parseColor,spacing,spacingValue,useBoxSize,useThemeProps,useThemeValue}from"./utils.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/system/utils.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
1
2
|
export declare const spacing = 8;
|
|
2
3
|
export declare const fontSizeBase = 16;
|
|
3
4
|
export declare const sizes: string[];
|
|
@@ -27,5 +28,6 @@ export declare function isLightColor(color: any): boolean;
|
|
|
27
28
|
export declare function getForegroundColor(color: any): "var(--t-text-color-default-headline)" | "var(--t-fill-color-neutral-100)" | "staticDark" | "staticLight";
|
|
28
29
|
export declare function useThemeValue<T>(path: string | string[], defaultValue?: T): any;
|
|
29
30
|
export declare function useThemeProps<T extends Record<string, any>>(path: string, props: T): any;
|
|
31
|
+
export declare function getThemePropsFromPath<T>(theme: Theme, path: string | string[], defaultValue?: T): any;
|
|
30
32
|
export declare function useBoxSize(size?: string): any;
|
|
31
33
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/system/utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/system/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAgB,MAAM,gBAAgB,CAAA;AASpD,eAAO,MAAM,OAAO,IAAI,CAAA;AACxB,eAAO,MAAM,YAAY,KAAK,CAAA;AAC9B,eAAO,MAAM,KAAK,UAA+C,CAAA;AAEjE,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAA;AAED,wBAAgB,YAAY,CAAC,SAAS,KAAA,EAAE,MAAM,KAAA,OAG7C;AAED,wBAAgB,UAAU,CAAC,GAAG,IAAI,OAAA,WAEjC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAE3D;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,wBAAgB,yBAAyB,CAAC,MAAM,SAAS,MAAM,EAC7D,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,2FAkBd;AAED,wBAAgB,UAAU,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,mBAS1D;AA4CD,wBAAgB,UAAU,CAAC,KAAK,KAAA,OAwB/B;AAED,wBAAgB,YAAY,CAAC,KAAK,KAAA,WAuBjC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,KAAA,6GAQvC;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,YAAY,CAAC,EAAE,CAAC,OAKzE;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzD,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,CAAC,OAGT;AAED,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,YAAY,CAAC,EAAE,CAAC,OAE/F;AAED,wBAAgB,UAAU,CAAC,IAAI,SAAO,OAarC"}
|
package/dist/system/utils.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as r}from"@emotion/react";import{token as
|
|
1
|
+
import{__assign as t}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as r}from"@emotion/react";import{token as n}from"@planningcenter/tapestry";import e from"lodash/get";import{darken as o,lighten as a,parseToRgb as u,getLuminance as i,cssVar as c}from"polished";import{useContext as f,useCallback as l}from"react";import{getColor as s}from"./colors/colors.js";import"../utils.js";import p from"./default-theme.js";var d=8,m=["xxs","xs","sm","md","lg","xl","xxl"],h={baseline:"baseline",center:"center",end:"flex-end",start:"flex-start",stretch:"stretch"},v={center:"center",end:"flex-end","space-around":"space-around","space-between":"space-between","space-evenly":"space-evenly",start:"flex-start"};function g(t,r){var n=m.indexOf(t);return m[n+r]||t}function x(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return t.some((function(t){return null!=t}))}function b(t){return"number"==typeof t?8*t+"px":t}function y(t){return t/8}function j(r,n){var e=n.split(/\s+/);if(1===e.length){var o=e[0];e=[o,o,o,o]}else 2===e.length?e=e.concat(e):3===e.length&&e.push(e[1]);return["Top","Right","Bottom","Left"].reduce((function(n,o,a){var u;return t(t({},n),((u={})["".concat(r).concat(o)]=e[a],u))}),{})}function k(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return t.reduce((function(t,r){return"string"==typeof r?r:null!=r?8*r+"px":t}),0)}function w(t){return"string"==typeof t&&t.startsWith("var(")}function O(t){if("object"==typeof t){var r=s(t.base)||t.base;if("transparent"===r)return r;if(t.darken&&(r=o(t.darken,r)),t.lighten&&(r=a(t.lighten,r)),void 0!==t.alpha){var n=u(r),e=n.red,i=n.green,c=n.blue;return"rgba(".concat(e,", ").concat(i,", ").concat(c,", ").concat(t.alpha,")")}return r}return s(t)||t}function S(t){if("transparent"===t)return null;if(w(t))try{var r=function(t){if("undefined"==typeof window)return t;try{var r=t.match(/var\((--[^,)]+)/);if(!r)return t;var n=r[1],e=String(c(n));return e&&"rgba(0, 0, 0, 0)"!==e&&"transparent"!==e?e:t}catch(r){return t}}(t);return w(r)?null:i(r)>.5}catch(t){return null}try{return i(O(t))>.5}catch(t){return null}}function z(t){if(w(t)){var r=S(t);return n(!1!==r?"--t-text-color-default-headline":"--t-fill-color-neutral-100")}return S(t)?"staticDark":"staticLight"}function L(t,n){var e=f(r);return t?D(e,t,n):e||p}function B(r,n){return t(t({},L(r)),n)}function D(t,r,n){return e(t,r,n||e(p,r))}function R(r){void 0===r&&(r="md");var n=L("boxSizes"),e=l((function(t){var e=Object.keys(n).indexOf(r);return m[e+t]||r}),[r]);return t(t({},n[r]||{}),{navigateSize:e})}export{h as alignTypes,x as anyDefined,y as convertToBaseUnit,j as expandDirectionalProperty,z as getForegroundColor,D as getThemePropsFromPath,S as isLightColor,v as justifyTypes,g as navigateSize,O as parseColor,k as parseSides,m as sizes,d as spacing,b as spacingValue,R as useBoxSize,B as useThemeProps,L as useThemeValue};
|
|
2
2
|
//# sourceMappingURL=utils.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@planningcenter/tapestry-react",
|
|
3
|
-
"version": "4.12.
|
|
3
|
+
"version": "4.12.2-qa-881.0",
|
|
4
4
|
"description": "A collection of flexible React components to help you build resilient, accessible user interfaces quickly and effectively.",
|
|
5
5
|
"author": "Front End Systems Engineering <frontend@pco.bz>",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"typescript": "^5.3.3"
|
|
77
77
|
},
|
|
78
78
|
"dependencies": {
|
|
79
|
-
"@planningcenter/icons": "^15.
|
|
79
|
+
"@planningcenter/icons": "^15.26.0",
|
|
80
80
|
"@planningcenter/react-beautiful-dnd": "^13.4.0",
|
|
81
81
|
"@planningcenter/tapestry": "^2.3.0",
|
|
82
82
|
"@popmotion/popcorn": "^0.4.4",
|