@planningcenter/tapestry-react 4.5.0-rc.0 → 4.5.1-rc.0

package/.github/workflows/autodeploy.yml

@@ -0,0 +1,19 @@
+on:
+  pull_request:
+    types: [closed]
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  create-release:
+    permissions:
+      contents: write
+      pull-requests: write
+      packages: write
+    uses: planningcenter/pco-release-action/.github/workflows/release.yml@km/next-steps-test
+    secrets: inherit
+    with:
+      pr-number: ${{ github.event.pull_request.number }}
+      publish-command: "exit 0"
+      only: "test-js-auto-deploy-consumer"

package/.github/workflows/revert.yml

@@ -0,0 +1,20 @@
+name: Revert
+on:
+  workflow_dispatch:
+    inputs:
+      version:
+        description: "Version to deploy"
+        required: true
+
+jobs:
+  revert:
+    runs-on: ubuntu-latest
+    permissions: read-all
+    steps:
+      - uses: planningcenter/pco-release-action/deploy@v1
+        with:
+          github-token: ${{ secrets.TMP_PAT_FOR_TESTING }}
+          automerge: false
+          version: ${{ github.event.inputs.version }}
+          only: "test-js-auto-deploy-consumer"
+          upgrade-commands: '{"test-js-auto-deploy-consumer":"yarn sub upgrade"}'

package/package.json

@@ -1,106 +1,8 @@
 {
   "name": "@planningcenter/tapestry-react",
-  "version": "4.5.0-rc.0",
-  "description": "A collection of flexible React components to help you build resilient, accessible user interfaces quickly and effectively.",
-  "author": "Front End Systems Engineering <frontend@pco.bz>",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "exports": "./dist/index.js",
-  "files": [
-    "dist"
-  ],
-  "types": "./dist/index.d.ts",
-  "sideEffects": false,
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/planningcenter/tapestry-react.git"
-  },
-  "license": "UNLICENSED",
-  "publishConfig": {
-    "access": "public"
-  },
+  "version": "4.5.1-rc.0",
   "scripts": {
-    "test": "is-ci \"test:coverage\" \"test:watch\"",
-    "test:coverage": "jest --coverage",
-    "test:watch": "jest --watch",
-    "test:debug": "node --inspect-brk ./node_modules/bin/jest --runInBand --watch",
-    "prebuild": "rimraf dist",
-    "build": "yarn build:rollup && yarn build:types",
-    "build:dev": "swc src -d dist --strip-leading-paths --ignore '**/__tests__/**/*','**/*.test.*'",
-    "build:types": "tsc",
-    "build:rollup": "rollup -c",
-    "prepublishOnly": "yarn build",
-    "develop": "yarn build:dev --watch",
-    "develop:yalc": "yalc publish && chokidar src -c 'yalc publish --push --changed'",
-    "lint": "eslint src",
-    "validate": "yarn lint && yarn prettier --list-different"
-  },
-  "peerDependencies": {
-    "@emotion/cache": "^11.10.5",
-    "@emotion/react": "^11.10.5",
-    "react": ">=16.8.0 <19",
-    "react-dom": ">=16.8.0 <19"
-  },
-  "devDependencies": {
-    "@emotion/cache": "^11.10.5",
-    "@emotion/react": "^11.10.5",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@swc/cli": "^0.3.9",
-    "@swc/core": "^1.4.0",
-    "@swc/jest": "^0.2.36",
-    "@testing-library/jest-dom": "^5.11.9",
-    "@testing-library/react": "^12.1.4",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^13.1.9",
-    "@types/jest": "^29.0.0",
-    "@types/react": "^18.0.24",
-    "@types/react-dom": "^18.0.8",
-    "chokidar-cli": "^2.1.0",
-    "dotenv": "^8.2.0",
-    "figma-tools": "^0.2.4",
-    "husky": "^4.3.8",
-    "is-ci-cli": "^2.2.0",
-    "jest": "^29.7.0",
-    "jest-canvas-mock": "^2.5.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-watch-typeahead": "0.6.1",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "react-test-renderer": "17.0.1",
-    "rimraf": "3.0.2",
-    "rollup": "^4.9.4",
-    "rollup-plugin-flow": "^1.1.1",
-    "rollup-plugin-node-externals": "^6.1.2",
-    "rollup-plugin-rename-node-modules": "^1.3.1",
-    "svgo": "^2.1.0",
-    "svgson": "4.1.0",
-    "type-fest": "^0.21.1",
-    "typescript": "^5.3.3"
-  },
-  "dependencies": {
-    "@planningcenter/icons": "^15.4.1",
-    "@planningcenter/react-beautiful-dnd": "^13.4.0",
-    "@planningcenter/tapestry-design-tokens": "^1.1.1",
-    "@popmotion/popcorn": "^0.4.4",
-    "@popperjs/core": "^2.11.6",
-    "@react-hook/window-size": "^3.1.1",
-    "date-fns": "^2.29.2",
-    "focus-options-polyfill": "^1.6.0",
-    "focus-visible": "^5.2.0",
-    "lodash": "^4.17.21",
-    "match-sorter": "^6.3.1",
-    "mitt": "^3.0.0",
-    "mousetrap": "^1.6.5",
-    "polished": "^4.2.2",
-    "popper-max-size-modifier": "^0.2.0",
-    "react-sticky-box": "^1.0.2",
-    "stylefire": "^7.0.3",
-    "tabbable": "^6.0.0",
-    "tiny-spring": "^1.0.0",
-    "zustand": "^4.3.7"
+    "build": "exit 0",
+    "test": "exit 0"
   }
 }

package/README.md

@@ -1,7 +0,0 @@
-# ⚛️ Tapestry-React Library
-
-A collection of flexible React components to help you build resilient, accessible user interfaces quickly and effectively.
-
-## Development
-
-Please see the [contributing guide](../../CONTRIBUTING.md) to learn more about local development and how to contribute changes.

package/dist/ActionsDropdown/ActionsDropdown.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import Dropdown from '../Dropdown';
-type ActionsDropdownProps = {
-    children?: React.ReactNode;
-    defaultButtonProps?: object;
-    duplicates?: {
-        amount: number;
-        linkProps: object;
-    };
-    duplicatesButtonProps?: object;
-    inactive?: {
-        date?: Date;
-        linkProps: object;
-        reason: string;
-    };
-    inactiveButtonProps?: object;
-    isBelowManager?: boolean;
-    isPeopleProduct?: boolean;
-    onDeleteProfile?: React.ComponentProps<typeof Dropdown.Item>['onSelect'];
-};
-export declare function ActionsDropdown({ children, defaultButtonProps, duplicates, duplicatesButtonProps, inactive, inactiveButtonProps, isBelowManager, isPeopleProduct, onDeleteProfile, }: ActionsDropdownProps): JSX.Element;
-export {};
-//# sourceMappingURL=ActionsDropdown.d.ts.map

package/dist/ActionsDropdown/ActionsDropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionsDropdown.d.ts","sourceRoot":"","sources":["../../src/ActionsDropdown/ActionsDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAQlC,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,kBAA4D,EAC5D,UAAU,EACV,qBAKC,EACD,QAAQ,EACR,mBAGC,EACD,cAAc,EACd,eAAe,EACf,eAAe,GAChB,EAAE,oBAAoB,eA0GtB"}

package/dist/ActionsDropdown/ActionsDropdown.js

@@ -1,2 +0,0 @@
-import{__assign as e}from'./../ext/tslib/tslib.es6.js';import{format as t}from"date-fns";import*as o from"react";import{Box as r}from"../Box/Box.js";import{Divider as n}from"../Divider/Divider.js";import i from"../Dropdown/Dropdown.js";import a from"../Icon/Icon.js";import{Link as l}from"../Link/Link.js";import{StackView as m}from"../StackView/StackView.js";import c from"../system/default-theme.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?c.button.themes.primary.fill:g,h=p.duplicates,v=p.duplicatesButtonProps,E=void 0===v?{active:{backgroundColor:"hsl(42deg 87% 87%)"},backgroundColor:"hsl(42deg 87% 94%)",color:"hsl(0deg 0% 24%)",hover:{backgroundColor:"hsl(42deg 87% 90%)"}}:v,x=p.inactive,P=p.inactiveButtonProps,k=void 0===P?{backgroundColor:"#999B96",color:"white"}:P,b=p.isBelowManager,j=p.isPeopleProduct,z=p.onDeleteProfile,w=(null==h?void 0:h.amount)>0,y=Boolean(null==x?void 0:x.date);return o.createElement(i,e({title:"Actions",iconLeft:w||y?{color:w?"#E6A714":"white",name:w?"general.exclamationTriangle":"general.inactive",size:"md"}:void 0,fontSize:"14px",fontWeight:400,paddingLeft:w||y?1:void 0,paddingVertical:.25,theme:!1,popoverProps:{maxWidth:"280px"},placement:"bottom-start"},w?E:y?k:f),w?o.createElement(o.Fragment,null,o.createElement(m,{axis:"horizontal",padding:2,spacing:1},o.createElement(a,{color:"#E6A714",marginTop:"3px",name:"general.exclamationTriangle"}),o.createElement(d,{size:4},"There ",h.amount>1?"are":"is"," ",h.amount," ","potential ",h.amount>1?"duplicates":"duplicate"," for this profile."," ",b?"An administrator can resolve ".concat(h.amount>1?"them":"it"," in People."):o.createElement(l,e({},h.linkProps),j?"Review":"Review in People"))),o.createElement(n,null)):null,y?o.createElement(o.Fragment,null,o.createElement(m,{axis:"horizontal",padding:2,spacing:1},o.createElement(a,{name:"general.inactive",color:"grey-8",marginTop:"3px"}),o.createElement(d,{size:4},"Set inactive on ",t(x.date,"MMM dd, yyyy"),x.reason&&" (".concat(x.reason,")"),"."," ",b?"An administrator can reactivate them in People.":o.createElement(l,e({},x.linkProps),j?"Reactivate":"Reactivate in People"))),o.createElement(n,null)):null,(w||y)&&o.createElement(r,{height:1.5}),s(u,(function(){return{paddingHorizontal:2}})),z?o.createElement(i.Item,{disabled:b,paddingHorizontal:2,onSelect:z},j?"Delete profile":"Delete profile…"):null,z&&b?o.createElement(r,{marginHorizontal:2,padding:1,backgroundColor:"surfaceTertiary",color:"foregroundSecondary"},o.createElement(d,{size:5,lineHeight:2},"To delete this profile, an administrator must remove them from People.")):null,(w||y||z&&b)&&o.createElement(r,{height:1}))}export{p as ActionsDropdown};
-//# sourceMappingURL=ActionsDropdown.js.map

package/dist/ActionsDropdown/ActionsDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionsDropdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ActionsDropdown/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ActionsDropdown';
-export { ActionsDropdown as default } from './ActionsDropdown';
-//# sourceMappingURL=index.d.ts.map

package/dist/ActionsDropdown/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ActionsDropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/Alert/Alert.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { StackViewProps } from '../StackView';
-export type AlertProps = {
-    children?: any;
-    mediaQueries?: object;
-    type?: 'warning' | 'success' | 'error';
-} & StackViewProps;
-type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & AlertProps;
-export declare function Alert(props: Props): JSX.Element;
-export default Alert;
-//# sourceMappingURL=Alert.d.ts.map

package/dist/Alert/Alert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;CACvC,GAAG,cAAc,CAAA;AAElB,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,UAAU,CAAA;AAE9E,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,eAgBjC;AAED,eAAe,KAAK,CAAA"}

package/dist/Alert/Alert.js

@@ -1,2 +0,0 @@
-import{__rest as r,__assign as e}from'./../ext/tslib/tslib.es6.js';import*as t from"react";import{StackView as o}from"../StackView/StackView.js";function i(i){var a=i.children,c=i.type,n=r(i,["children","type"]);return t.createElement(o,e({padding:1,radius:3,stroke:"".concat(c,"-dark"),strokeAlign:"inside",strokeWeight:1,color:"dark-9",backgroundColor:"".concat(c,"-lighter")},n),a)}export{i as Alert,i as default};
-//# sourceMappingURL=Alert.js.map

package/dist/Alert/Alert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Alert/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Alert';
-export { Alert as default } from './Alert';
-//# sourceMappingURL=index.d.ts.map

package/dist/Alert/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,SAAS,CAAA"}

package/dist/Avatar/Avatar.d.ts

@@ -1,9 +0,0 @@
-import { BoxProps } from '../Box';
-type AvatarProps = BoxProps<'img'> & {
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-    source?: string;
-    status?: string;
-};
-export declare function Avatar({ size, source, status, ...restProps }: AvatarProps): JSX.Element;
-export default Avatar;
-//# sourceMappingURL=Avatar.d.ts.map

package/dist/Avatar/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAoBtC,KAAK,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG;IAInC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;IAI/C,MAAM,CAAC,EAAE,MAAM,CAAA;IAIf,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAKD,wBAAgB,MAAM,CAAC,EACrB,IAAW,EACX,MAAM,EACN,MAAM,EACN,GAAG,SAAS,EACb,EAAE,WAAW,eAiBb;AAED,eAAe,MAAM,CAAA"}

package/dist/Avatar/Avatar.js

@@ -1,2 +0,0 @@
-import{__rest as r,__assign as e}from'./../ext/tslib/tslib.es6.js';import s from"react";import{Box as o}from"../Box/Box.js";var t={lg:6,md:4.5,sm:3,xl:9,xs:2.5,xxl:14},i={lg:4,md:3,sm:2,xl:4,xs:2,xxl:4};function l(l){var m=l.size,x=void 0===m?"md":m,d=l.source,a=l.status,c=r(l,["size","source","status"]);return s.createElement(o,e({as:"img",src:d,width:t[x],height:t[x],flexBasis:t[x],flexShrink:0,flexGrow:0,objectFit:"cover",radius:"circle",borderColor:a,borderWidth:a?i[x]:0},c))}export{l as Avatar,l as default};
-//# sourceMappingURL=Avatar.js.map

package/dist/Avatar/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Avatar/index.d.ts

@@ -1,3 +0,0 @@
-import Avatar from './Avatar';
-export default Avatar;
-//# sourceMappingURL=index.d.ts.map

package/dist/Avatar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,eAAe,MAAM,CAAA"}

package/dist/Avatar/index.js

@@ -1,2 +0,0 @@
-import{Avatar as a}from"./Avatar.js";export{a as default};
-//# sourceMappingURL=index.js.map

package/dist/Avatar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Badge/Badge.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { StackViewProps } from '../StackView';
-import { FlattenedPalette } from '../system/colors/utils';
-import Status from './Status';
-export type BadgeProps = {
-    children?: any;
-    color?: string | FlattenedPalette;
-    onClick?: Function;
-    radius?: number | string;
-    renderLeft?: React.ReactNode;
-    renderRight?: React.ReactNode;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    square?: boolean;
-    title?: string;
-} & Omit<StackViewProps, 'color'>;
-declare const _default: {
-    ({ children, renderLeft, renderRight, onClick, title, ...restProps }: BadgeProps): JSX.Element;
-    Status: {
-        ({ light, onClearRequest, size, status, title, ...restProps }: import("./Status").StatusProps): JSX.Element;
-        displayName: string;
-    };
-} & {
-    Status: typeof Status;
-};
-export default _default;
-//# sourceMappingURL=Badge.d.ts.map

package/dist/Badge/Badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAIzD,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAA;IASjC,OAAO,CAAC,EAAE,QAAQ,CAAA;IAKlB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAKvC,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA;;;;;;;;YAoJgB,aAAa;;AAA9D,wBAAgE"}

package/dist/Badge/Badge.js

@@ -1,2 +0,0 @@
-import{__rest as e,__assign as i}from'./../ext/tslib/tslib.es6.js';import t,{cloneElement as r}from"react";import{Box as o}from"../Box/Box.js";import{StackView as n}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import{stopPropagationClick as s}from"../utils.js";import"lodash/includes";import{useThemeProps as l,getForegroundColor as a,useBoxSize as d}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@emotion/react";import"../system/cxs.js";import{Text as c}from"../Text/Text.js";import p from"./Status.js";var m=function(p){var m,u=p.children,g=p.renderLeft,h=p.renderRight,f=p.onClick,z=p.title,b=e(p,["children","renderLeft","renderRight","onClick","title"]),j=l("badge",b),v=j.color,y=void 0===v?{background:"surfaceTertiary",foreground:"foreground"}:v,x=j.radius,k=void 0===x?3:x,C=j.size,S=void 0===C?"md":C,E=j.square,H=void 0!==E&&E,V=e(j,["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=h?L+.5:"pill"===q.radius?B:I,delete q.square,t.createElement(n,i({inline:!0,axis:"horizontal",alignment:"center",distribution:"center",fontSize:R,lineHeight:T,minHeight:L,paddingVertical:A,fill:"currentColor",textAlign:"center",position:"relative",cursor:"default",outline:0,focus:{backgroundColor:"highlightSecondary"},onClick:s(f)},q),g&&t.createElement(o,{display:"flex",alignItems:"center",justifyContent:"center",width:L,height:L,position:"absolute",top:0,left:0},t.isValidElement(g)?r(g,{size:g.props.size||q.size}):g),void 0===z?u:t.createElement(c,i({},D),z),h&&t.createElement(o,{display:"flex",alignItems:"center",justifyContent:"center",width:L,height:L,position:"absolute",top:0,right:0},t.isValidElement(h)?r(h,{size:(null===(m=null==h?void 0:h.props)||void 0===m?void 0:m.size)||q.size}):h))};m.Status=p;export{m as default};
-//# sourceMappingURL=Badge.js.map

package/dist/Badge/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Badge/Status.d.ts

@@ -1,14 +0,0 @@
-import { BadgeProps } from './Badge';
-export type StatusProps = {
-    light?: boolean;
-    onClearRequest: () => void;
-    size?: BadgeProps['size'];
-    status?: 'error' | 'success';
-    title: string;
-};
-declare const Status: {
-    ({ light, onClearRequest, size, status, title, ...restProps }: StatusProps): JSX.Element;
-    displayName: string;
-};
-export default Status;
-//# sourceMappingURL=Status.d.ts.map

package/dist/Badge/Status.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Badge/Status.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAoB,MAAM,SAAS,CAAA;AAOtD,MAAM,MAAM,WAAW,GAAG;IAIxB,KAAK,CAAC,EAAE,OAAO,CAAA;IAKf,cAAc,EAAE,MAAM,IAAI,CAAA;IAK1B,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAKzB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK5B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,QAAA,MAAM,MAAM;mEAOT,WAAW,GAAG,WAAW;;CAwC3B,CAAA;AAID,eAAe,MAAM,CAAA"}

package/dist/Badge/Status.js

@@ -1,2 +0,0 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useState as r,useEffect as s}from"react";import i from"../Icon/Icon.js";import{getColor as n}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"../system/style-names.js";import"../system/cxs.js";import l from"./Badge.js";var a={error:{color:"error",icon:"general.x"},success:{color:"success",icon:"general.check"}},c=function(c){var m=c.light,u=c.onClearRequest,p=c.size,d=void 0===p?"sm":p,g=c.status,f=c.title,h=e(c,["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)}}),[g]),g){var b=a[g],x=b.color,z=b.icon;return o.createElement(l,t({color:m?{background:"light",foreground:n(x)}:n(x),fontWeight:600,paddingRight:1,radius:"pill",renderLeft:o.createElement(i,{name:z}),size:d,title:f},h))}return null};c.displayName="Badge.Status";export{c as default};
-//# sourceMappingURL=Status.js.map

package/dist/Badge/Status.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Status.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Badge/index.d.ts

@@ -1,3 +0,0 @@
-import Badge from './Badge';
-export default Badge;
-//# sourceMappingURL=index.d.ts.map

package/dist/Badge/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,eAAe,KAAK,CAAA"}

package/dist/Badge/index.js

@@ -1,2 +0,0 @@
-import a from"./Badge.js";export{a as default};
-//# sourceMappingURL=index.js.map

package/dist/Badge/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Box/Box.d.ts

@@ -1,58 +0,0 @@
-import { jsx } from '@emotion/react';
-import * as React from 'react';
-import { As, AsProps, MediaQueries, StyleProps, Variants } from '../types';
-type RenderedHTMLElement<E extends As> = React.ComponentPropsWithRef<E> extends React.HTMLAttributes<infer T> ? T : never;
-type Props = {
-    hover?: StyleProps['hover'];
-    inline?: boolean;
-    visible?: boolean;
-};
-type InheritedProps<E extends As> = AsProps<E, Props & StyleProps>;
-export type BoxProps<E extends As = 'div'> = {
-    as?: E;
-} & InheritedProps<E> & Props & {
-    innerRef?: React.Ref<RenderedHTMLElement<E>>;
-};
-export declare const Box: <E extends As = "div">({ as, inline, innerRef, ...props }: {
-    as?: E;
-} & {
-    as?: E;
-} & Omit<E extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[E] : E extends React.JSXElementConstructor<infer P> ? P : {}, "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "radius" | "radiusTop" | "radiusRight" | "radiusBottom" | "radiusLeft" | "visible" | "color" | "left" | "right" | "bottom" | "top" | "contain" | "clip" | "column" | "content" | "inline" | "flex" | "row" | "wrap" | "fill" | "stroke" | "x" | "y" | "uppercase" | "clear" | "border" | "padding" | "active" | "focus" | "resize" | "overflow" | "overflowX" | "overflowY" | "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" | "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" | "elevation" | "basis" | "grow" | "shrink" | "marginHorizontal" | "marginVertical" | "strokeAlign" | "strokeWeight" | "as" | "columnEnd" | "columnStart" | "css" | "rowEnd" | "rowStart"> & Props & Pick<React.CSSProperties, "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "left" | "right" | "bottom" | "top" | "contain" | "clip" | "content" | "flex" | "clear" | "border" | "padding" | "resize" | "overflow" | "overflowX" | "overflowY" | "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" | "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"> & Partial<Record<"color" | "fill" | "stroke" | "outlineColor" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor", import("../types").ColorProp>> & {
-    basis?: import("csstype").Property.FlexBasis<string | number>;
-    column?: import("csstype").Property.GridColumn;
-    columnEnd?: import("csstype").Property.GridColumnEnd;
-    columnStart?: import("csstype").Property.GridColumnStart;
-    css?: any;
-    elevation?: number;
-    grow?: import("csstype").Property.FlexGrow;
-    marginHorizontal?: string | number;
-    marginVertical?: string | number;
-    paddingHorizontal?: string | number;
-    paddingVertical?: string | number;
-    radius?: import("csstype").Property.BorderRadius<string | number>;
-    radiusBottom?: string | number;
-    radiusLeft?: string | number;
-    radiusRight?: string | number;
-    radiusTop?: string | number;
-    rotate?: number;
-    row?: import("csstype").Property.GridRow;
-    rowEnd?: import("csstype").Property.GridRowEnd;
-    rowStart?: import("csstype").Property.GridRowStart;
-    scale?: number;
-    shrink?: import("csstype").Property.FlexShrink;
-    strokeAlign?: "center" | "inside" | "outside";
-    strokeWeight?: number;
-    uppercase?: boolean;
-    visible?: boolean;
-    wrap?: string | boolean;
-    x?: string | number;
-    y?: string | number;
-} & {
-    active?: StyleProps;
-    focus?: StyleProps;
-    hover?: StyleProps;
-} & {
-    innerRef?: React.Ref<RenderedHTMLElement<E>>;
-} & MediaQueries<BoxProps<E>> & Variants<BoxProps<E>>) => jsx.JSX.Element;
-export {};
-//# sourceMappingURL=Box.d.ts.map

package/dist/Box/Box.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAG1E,KAAK,mBAAmB,CAAC,CAAC,SAAS,EAAE,IAAI,KAAK,CAAC,qBAAqB,CAClE,CAAC,CACF,SAAS,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,GACnC,CAAC,GACD,KAAK,CAAA;AAET,KAAK,KAAK,GAAG;IAIX,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAK3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,cAAc,CAAC,CAAC,SAAS,EAAE,IAAI,OAAO,CAAC,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,CAAA;AAElE,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI;IAC3C,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,cAAc,CAAC,CAAC,CAAC,GACnB,KAAK,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,CAAA;AAO1D,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yEAoBf,CAAA"}

package/dist/Box/Box.js

@@ -1,2 +0,0 @@
-import{__rest as i,__assign as r}from'./../ext/tslib/tslib.es6.js';import{jsx as e}from"@emotion/react";import n from"../system/split-styles.js";import{useVariant as o}from"../VariantProvider/VariantProvider.js";var t=function(t){var s=t.as,a=t.inline,l=t.innerRef,m=i(t,["as","inline","innerRef"]),f=o();return e(s||"div",r({ref:l},n(r({display:a?"inline-block":"block",variant:f},m))))};export{t as Box};
-//# sourceMappingURL=Box.js.map

package/dist/Box/Box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Box/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Box';
-export { Box as default } from './Box';
-//# sourceMappingURL=index.d.ts.map

package/dist/Box/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Box/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,MAAM,OAAO,CAAA"}