@procore/core-react 10.25.1-rc.14959 → 10.26.0

package/dist/esm/components/Spinner/Spinner.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { SpinnerProps } from './Spinner.types';
-export declare const defaultSpinnerSize = "lg";
-/**
-
- Spinners indicate a loading state on either a full page or smaller component,
- like a menu, select or button.
-
- @since 10.19.0
-
- @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-spinner--demo)
-
- @see [Design Guidelines](https://design.procore.com/spinner)
-
- */
-export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Spinner/Spinner.js

@@ -1,60 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { StyledCircle, StyledSpinnerContainer, StyledSpinnerContainerWithLabel, StyledSpinnerOverlay, StyledSpinnerOverlayContainer, StyledSpinnerOverlayLabel, StyledSpinnerSVG, } from './Spinner.styles';
-var radiusMap = {
-    xs: 18.5,
-    sm: 18,
-    md: 20,
-    lg: 20.5,
-};
-export var defaultSpinnerSize = 'lg';
-/**
-
- Spinners indicate a loading state on either a full page or smaller component,
- like a menu, select or button.
-
- @since 10.19.0
-
- @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-spinner--demo)
-
- @see [Design Guidelines](https://design.procore.com/spinner)
-
- */
-export var Spinner = React.forwardRef(function Spinner(_a, ref) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, color = _a.color, label = _a.label, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? defaultSpinnerSize : _d, variant = _a.variant, props = __rest(_a, ["children", "className", "color", "label", "loading", "size", "variant"]);
-    var circle = (React.createElement(StyledSpinnerContainer, { className: !children ? className : '', "$color": color, "$size": size, "$variant": variant, ref: ref },
-        React.createElement(StyledSpinnerSVG, { viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg" },
-            React.createElement(StyledCircle, { cx: "24", cy: "24", r: radiusMap[size] }))));
-    if (!children) {
-        return circle;
-    }
-    return (React.createElement(StyledSpinnerOverlayContainer, __assign({ "$loading": loading, className: className }, props),
-        React.createElement(StyledSpinnerOverlay, null),
-        React.createElement(StyledSpinnerContainerWithLabel, null,
-            circle,
-            React.createElement(StyledSpinnerOverlayLabel, null, label)),
-        children));
-});
-Spinner.displayName = 'Spinner';
-//# sourceMappingURL=Spinner.js.map

package/dist/esm/components/Spinner/Spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,+BAA+B,EAC/B,oBAAoB,EACpB,6BAA6B,EAC7B,yBAAyB,EACzB,gBAAgB,GACjB,MAAM,kBAAkB,CAAA;AAGzB,IAAM,SAAS,GAAsC;IACnD,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,IAAI;CACT,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,IAAI,CAAA;AAEtC;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CACd,EASC,EACD,GAAG;IATD,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA,EACL,KAAK,WAAA,EACL,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,YAAyB,EAAzB,IAAI,mBAAG,kBAAkB,KAAA,EACzB,OAAO,aAAA,EACJ,KAAK,cARV,yEASC,CADS;IAIV,IAAM,MAAM,GAAG,CACb,oBAAC,sBAAsB,IACrB,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YAC7B,KAAK,WACN,IAAI,cACD,OAAO,EACjB,GAAG,EAAE,GAAG;QAER,oBAAC,gBAAgB,IACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,oBAAC,YAAY,IAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,GAAI,CACnC,CACI,CAC1B,CAAA;IAED,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,MAAM,CAAA;KACd;IAED,OAAO,CACL,oBAAC,6BAA6B,yBAClB,OAAO,EACjB,SAAS,EAAE,SAAS,IAChB,KAAK;QAET,oBAAC,oBAAoB,OAAG;QACxB,oBAAC,+BAA+B;YAC7B,MAAM;YACP,oBAAC,yBAAyB,QAAE,KAAK,CAA6B,CAC9B;QACjC,QAAQ,CACqB,CACjC,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA"}

package/dist/esm/components/Spinner/Spinner.styles.d.ts

@@ -1,18 +0,0 @@
-import { Color } from '../../styles/colors';
-import { SpinnerSize, SpinnerVariant } from './Spinner.types';
-export declare const StyledCircle: import("styled-components").StyledComponent<"circle", any, {}, never>;
-export declare const spinnerDimensions: Record<SpinnerSize, number>;
-interface StyledSpinnerContainerProps {
-    $color?: Color;
-    $size: SpinnerSize;
-    $variant?: SpinnerVariant;
-}
-export declare const StyledSpinnerContainer: import("styled-components").StyledComponent<"div", any, StyledSpinnerContainerProps, never>;
-export declare const StyledSpinnerOverlayLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledSpinnerSVG: import("styled-components").StyledComponent<"svg", any, {}, never>;
-export declare const StyledSpinnerOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSpinnerContainerWithLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSpinnerOverlayContainer: import("styled-components").StyledComponent<"div", any, {
-    $loading: boolean;
-}, never>;
-export {};

package/dist/esm/components/Spinner/Spinner.styles.js

@@ -1,55 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled, { css, keyframes } from 'styled-components';
-import { colors } from '../../styles/colors';
-import { spacing } from '../../styles/spacing';
-import { getTypographyIntent } from '../Typography/Typography.styles';
-var duration = 1.5;
-var durationOffset = 0.5;
-var transition = '0.5s ease';
-var zContainer = 3;
-var zOverlay = 2;
-var dash = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n"], ["\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n"])));
-export var StyledCircle = styled.circle(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  animation: ", " ", "s ease-in-out infinite;\n  stroke-linecap: round;\n"], ["\n  animation: ", " ", "s ease-in-out infinite;\n  stroke-linecap: round;\n"])), dash, duration);
-export var spinnerDimensions = {
-    xs: spacing.md,
-    sm: spacing.lg,
-    md: spacing.xl,
-    lg: 48,
-};
-var spinnerStroke = {
-    xs: 10,
-    sm: 8,
-    md: 8,
-    lg: 6,
-};
-function getHeightWidthStroke(_a) {
-    var $size = _a.$size;
-    var dimension = spinnerDimensions[$size];
-    var strokeWidth = spinnerStroke[$size];
-    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    height: ", "px;\n    width: ", "px;\n    stroke-width: ", "px;\n  "], ["\n    height: ", "px;\n    width: ", "px;\n    stroke-width: ", "px;\n  "])), dimension, dimension, strokeWidth);
-}
-function getStrokeColor(_a) {
-    var $color = _a.$color, $variant = _a.$variant;
-    if ($color) {
-        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      stroke: ", ";\n    "], ["\n      stroke: ", ";\n    "])), colors[$color]);
-    }
-    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    stroke: ", ";\n  "], ["\n    stroke: ", ";\n  "])), $variant && $variant === 'light' ? colors.white : colors.gray60);
-}
-export var StyledSpinnerContainer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  border-radius: 100%;\n  box-sizing: border-box;\n  display: block;\n  flex-shrink: 0;\n  position: relative;\n\n  ", "\n\n  ", " {\n    ", "\n  }\n"], ["\n  border-radius: 100%;\n  box-sizing: border-box;\n  display: block;\n  flex-shrink: 0;\n  position: relative;\n\n  ", "\n\n  ", " {\n    ", "\n  }\n"])), getHeightWidthStroke, StyledCircle, getStrokeColor);
-export var StyledSpinnerOverlayLabel = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n  color: ", ";\n\n  display: block;\n  min-height: 20px;\n  padding-top: ", "px;\n  text-align: center;\n  text-transform: uppercase;\n  transition: opacity ", ";\n"], ["\n  ", "\n  color: ", ";\n\n  display: block;\n  min-height: 20px;\n  padding-top: ", "px;\n  text-align: center;\n  text-transform: uppercase;\n  transition: opacity ", ";\n"])), getTypographyIntent('body'), colors.gray15, spacing.md, transition);
-var rotate = keyframes(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  to {\n    transform: rotate(360deg);\n  }\n"], ["\n  to {\n    transform: rotate(360deg);\n  }\n"])));
-export var StyledSpinnerSVG = styled.svg(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  animation: ", " ", "s linear infinite;\n  fill: none;\n  height: 100%;\n  left: 0;\n  margin: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 100%;\n  z-index: 2;\n"], ["\n  animation: ", " ", "s linear infinite;\n  fill: none;\n  height: 100%;\n  left: 0;\n  margin: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 100%;\n  z-index: 2;\n"])), rotate, duration - durationOffset);
-var startsWithNoInteraction = css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity ", ";\n"], ["\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity ", ";\n"])), transition);
-export var StyledSpinnerOverlay = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", "\n\n  background-color: ", ";\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: ", ";\n"], ["\n  ", "\n\n  background-color: ", ";\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: ", ";\n"])), startsWithNoInteraction, colors.white, zOverlay);
-export var StyledSpinnerContainerWithLabel = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  ", "\n\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  max-height: 400px;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: ", ";\n"], ["\n  ", "\n\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  max-height: 400px;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: ", ";\n"])), startsWithNoInteraction, zContainer);
-export var StyledSpinnerOverlayContainer = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  min-height: 150px;\n  position: relative;\n\n  ", "\n"], ["\n  min-height: 150px;\n  position: relative;\n\n  ", "\n"])), function (_a) {
-    var $loading = _a.$loading;
-    if ($loading) {
-        return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        ", ", ", " {\n          opacity: 1;\n          pointer-events: auto;\n        }\n      "], ["\n        ", ", ", " {\n          opacity: 1;\n          pointer-events: auto;\n        }\n      "])), StyledSpinnerContainerWithLabel, StyledSpinnerOverlay);
-    }
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
-//# sourceMappingURL=Spinner.styles.js.map

package/dist/esm/components/Spinner/Spinner.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.styles.js","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.styles.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/Spinner/Spinner.types.d.ts

@@ -1,36 +0,0 @@
-import { Props } from '../../utils/types';
-import { Color } from '../../styles/colors';
-export declare type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg';
-export declare type SpinnerVariant = '' | 'light';
-export interface SpinnerProps extends Props {
-    /**
-     * <span>
-     *  Spinner color, one of the{' '}
-     *  <Link to="/web/style/colors/#hsl-palette">HSL Palette</Link> css
-     *  strings
-     * </span>
-     * @since 10.19.0
-     */
-    color?: Color;
-    /**
-     * The spinner label, only displayed when used as an overlay
-     * @since 10.19.0
-     */
-    label?: string;
-    /**
-     * The spinner will show if loading is true
-     * @since 10.19.0
-     */
-    loading?: boolean;
-    /**
-     * The size of the spinner
-     * @since 10.19.0
-     */
-    size?: SpinnerSize;
-    /**
-     * @deprecated "variant" prop will be removed in a future version.
-     * Use "color" prop instead to set a spinner's color.
-     * @since 10.19.0
-     */
-    variant?: SpinnerVariant;
-}

package/dist/esm/components/Spinner/Spinner.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Spinner.types.js.map

package/dist/esm/components/Spinner/Spinner.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.types.js","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Spinner/index.d.ts

@@ -1,2 +0,0 @@
-export { Spinner as default, Spinner } from './Spinner';
-export { SpinnerProps } from './Spinner.types';

package/dist/esm/components/Spinner/index.js

@@ -1,2 +0,0 @@
-export { Spinner as default, Spinner } from './Spinner';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Spinner/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/esm/components/Switch/Switch.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { InputAttributes } from '../../utils/types';
-import { SwitchProps } from './Switch.types';
-/**
-
- We use switches to allow users to choose between two mutually exclusive choices
- in the same line. This is often associated with enabling vs. disabling.
-
- @since 10.19.0
-
- @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-switch--demo)
-
- @see [Design Guidelines](https://design.procore.com/switch)
-
- */
-export declare const Switch: React.ForwardRefExoticComponent<InputAttributes & SwitchProps & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Switch/Switch.js

@@ -1,46 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { StyledSwitchLabel, StyledToggle, StyledTrack, StyledSwitchContainer, StyledSwitchInput, } from './Switch.styles';
-/**
-
- We use switches to allow users to choose between two mutually exclusive choices
- in the same line. This is often associated with enabling vs. disabling.
-
- @since 10.19.0
-
- @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-switch--demo)
-
- @see [Design Guidelines](https://design.procore.com/switch)
-
- */
-export var Switch = React.forwardRef(function Switch(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledSwitchContainer, { disabled: props.disabled },
-        React.createElement(StyledSwitchInput, __assign({}, props, { ref: ref, type: "checkbox" })),
-        React.createElement(StyledTrack, null,
-            React.createElement(StyledToggle, null)),
-        children && React.createElement(StyledSwitchLabel, null, children)));
-});
-Switch.displayName = 'Switch';
-//# sourceMappingURL=Switch.js.map

package/dist/esm/components/Switch/Switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,iBAAiB,CAAA;AAGxB;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAGpC,SAAS,MAAM,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACpC,OAAO,CACL,oBAAC,qBAAqB,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QAC7C,oBAAC,iBAAiB,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,UAAU,IAAG;QAC1D,oBAAC,WAAW;YACV,oBAAC,YAAY,OAAG,CACJ;QACb,QAAQ,IAAI,oBAAC,iBAAiB,QAAE,QAAQ,CAAqB,CACxC,CACzB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA"}

package/dist/esm/components/Switch/Switch.styles.d.ts

@@ -1,7 +0,0 @@
-export declare const StyledSwitchInput: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const StyledTrack: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledToggle: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledSwitchLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledSwitchContainer: import("styled-components").StyledComponent<"label", any, {
-    disabled?: boolean | undefined;
-}, never>;

package/dist/esm/components/Switch/Switch.styles.js

@@ -1,21 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled, { css } from 'styled-components';
-import { colors } from '../../styles/colors';
-import { spacing } from '../../styles/spacing';
-import { getTypographyIntent } from '../Typography/Typography.styles';
-var trackHeight = 20;
-var trackWidth = 36;
-var toggleSize = 16;
-export var StyledSwitchInput = styled.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
-export var StyledTrack = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  width: ", "px;\n  position: relative;\n  transition: 0.2s;\n"], ["\n  background-color: ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  width: ", "px;\n  position: relative;\n  transition: 0.2s;\n"])), colors.gray70, trackHeight, trackHeight, trackWidth);
-export var StyledToggle = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 50%;\n  bottom: 2px;\n  height: ", "px;\n  left: 2px;\n  position: absolute;\n  transition: all 0.2s;\n  width: ", "px;\n"], ["\n  background-color: ", ";\n  border-radius: 50%;\n  bottom: 2px;\n  height: ", "px;\n  left: 2px;\n  position: absolute;\n  transition: all 0.2s;\n  width: ", "px;\n"])), colors.white, toggleSize, toggleSize);
-export var StyledSwitchLabel = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n  padding-left: ", "px;\n  user-select: none;\n"], ["\n  ", "\n  padding-left: ", "px;\n  user-select: none;\n"])), getTypographyIntent('body'), spacing.md);
-export var StyledSwitchContainer = styled.label(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  cursor: pointer;\n  display: grid;\n  grid-template-columns: ", "px 1fr;\n\n  & + & {\n    margin-top: ", "px;\n  }\n\n  ", ":checked + ", " {\n    background-color: ", ";\n\n    ", " {\n      transform: translateX(", "px);\n    }\n  }\n\n  ", "\n"], ["\n  cursor: pointer;\n  display: grid;\n  grid-template-columns: ", "px 1fr;\n\n  & + & {\n    margin-top: ", "px;\n  }\n\n  ", ":checked + ", " {\n    background-color: ", ";\n\n    ", " {\n      transform: translateX(", "px);\n    }\n  }\n\n  ", "\n"])), trackWidth, spacing.md, StyledSwitchInput, StyledTrack, colors.blue50, StyledToggle, spacing.lg, function (_a) {
-    var _b = _a.disabled, disabled = _b === void 0 ? false : _b;
-    return disabled && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      cursor: default;\n\n      ", " {\n        background-color: ", ";\n      }\n\n      ", ":checked + ", " {\n        background-color: ", ";\n      }\n    "], ["\n      cursor: default;\n\n      ", " {\n        background-color: ", ";\n      }\n\n      ", ":checked + ", " {\n        background-color: ", ";\n      }\n    "])), StyledTrack, colors.gray85, StyledSwitchInput, StyledTrack, colors.blue85);
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
-//# sourceMappingURL=Switch.styles.js.map

package/dist/esm/components/Switch/Switch.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.styles.js","sourceRoot":"","sources":["../../../../src/components/Switch/Switch.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,IAAM,WAAW,GAAG,EAAE,CAAA;AACtB,IAAM,UAAU,GAAG,EAAE,CAAA;AACrB,IAAM,UAAU,GAAG,EAAE,CAAA;AAErB,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,yFAAA,sBAE5C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,6MAAA,wBACf,EAAa,sBAChB,EAAW,iBAClB,EAAW,gBACZ,EAAU,mDAGpB,KANqB,MAAM,CAAC,MAAM,EAChB,WAAW,EAClB,WAAW,EACZ,UAAU,CAGpB,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,IAAI,4OAAA,wBACjB,EAAY,sDAGtB,EAAU,8EAIX,EAAU,OACpB,KARqB,MAAM,CAAC,KAAK,EAGtB,UAAU,EAIX,UAAU,CACpB,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,8HAAA,MACxC,EAA2B,oBACb,EAAU,6BAE3B,KAHG,mBAAmB,CAAC,MAAM,CAAC,EACb,OAAO,CAAC,EAAE,CAE3B,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,gUAAwB,mEAG9C,EAAU,wCAGnB,EAAU,gBAGxB,EAAiB,aAAc,EAAW,4BACtB,EAAa,WAE/B,EAAY,kCACY,EAAU,wBAIpC,EAYC,IACJ,KA3B0B,UAAU,EAGnB,OAAO,CAAC,EAAE,EAGxB,iBAAiB,EAAc,WAAW,EACtB,MAAM,CAAC,MAAM,EAE/B,YAAY,EACY,OAAO,CAAC,EAAE,EAIpC,UAAC,EAAoB;QAAlB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACnB,OAAA,QAAQ,IACR,GAAG,sOAAA,oCAGC,EAAW,gCACS,EAAa,sBAGjC,EAAiB,aAAc,EAAW,gCACtB,EAAa,kBAEpC,KAPG,WAAW,EACS,MAAM,CAAC,MAAM,EAGjC,iBAAiB,EAAc,WAAW,EACtB,MAAM,CAAC,MAAM,CAEpC;AAXD,CAWC,CACJ,CAAA"}

package/dist/esm/components/Switch/Switch.types.d.ts

@@ -1,3 +0,0 @@
-import { Props } from '../../utils/types';
-export interface SwitchProps extends Props {
-}

package/dist/esm/components/Switch/Switch.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Switch.types.js.map

package/dist/esm/components/Switch/Switch.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.types.js","sourceRoot":"","sources":["../../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Switch/index.d.ts

@@ -1,2 +0,0 @@
-export { Switch as default, Switch } from './Switch';
-export { SwitchProps } from './Switch.types';

package/dist/esm/components/Switch/index.js

@@ -1,2 +0,0 @@
-export { Switch as default, Switch } from './Switch';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Switch/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/esm/components/Table/Table.d.ts

@@ -1,51 +0,0 @@
-import React from 'react';
-import { AnchorAttributes, DivAttributes, SpanAttributes, TableAttributes, TdAttributes, TextAreaAttributes, ThAttributes } from '../../utils/types';
-import { CheckboxProps } from '../Checkbox/Checkbox.types';
-import { CaratProps, ContainerProps, HeaderProps, TableProps, HeaderRowProps, HeaderCellProps, BodyProps, BodyCellProps, GroupProps, GroupTitleProps, BodyRowProps, CurrencyCellProps, DateSelectCellProps, SelectCellProps, PercentCellProps, TextAreaCellProps, TextCellProps, IconCellProps, LinkCellProps, InputCellProps } from './Table.types';
-export declare const Table_: React.ForwardRefExoticComponent<TableAttributes & TableProps & React.RefAttributes<HTMLTableElement>>;
-export declare const Carat: React.ForwardRefExoticComponent<DivAttributes & CaratProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Container: React.ForwardRefExoticComponent<DivAttributes & ContainerProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Header: React.ForwardRefExoticComponent<DivAttributes & HeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
-export declare const HeaderRow: React.ForwardRefExoticComponent<DivAttributes & HeaderRowProps & React.RefAttributes<HTMLTableRowElement>>;
-export declare const HeaderCell: React.ForwardRefExoticComponent<ThAttributes & HeaderCellProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
-export declare const Body: React.ForwardRefExoticComponent<DivAttributes & BodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
-export declare const GroupTitle: React.ForwardRefExoticComponent<SpanAttributes & GroupTitleProps & React.RefAttributes<HTMLSpanElement>>;
-export declare const Group: React.ForwardRefExoticComponent<DivAttributes & GroupProps & React.RefAttributes<HTMLTableRowElement>>;
-export declare const BodyRow: React.ForwardRefExoticComponent<DivAttributes & BodyRowProps & React.RefAttributes<HTMLTableRowElement>>;
-export declare const BodyCell: React.ForwardRefExoticComponent<TdAttributes & BodyCellProps & React.RefAttributes<HTMLTableDataCellElement>>;
-export declare const CurrencyCell: React.ForwardRefExoticComponent<DivAttributes & CurrencyCellProps & React.RefAttributes<HTMLDivElement>>;
-export declare const DateSelectCell: React.ForwardRefExoticComponent<DateSelectCellProps & React.RefAttributes<HTMLDivElement>>;
-export declare const IconCell: React.ForwardRefExoticComponent<DivAttributes & IconCellProps & React.RefAttributes<HTMLDivElement>>;
-export declare const InputCell: React.ForwardRefExoticComponent<InputCellProps & React.RefAttributes<HTMLInputElement>>;
-export declare const LinkCell: React.ForwardRefExoticComponent<AnchorAttributes & LinkCellProps & React.RefAttributes<HTMLDivElement>>;
-export declare const PercentCell: React.ForwardRefExoticComponent<DivAttributes & PercentCellProps & React.RefAttributes<HTMLDivElement>>;
-export declare const SelectCell: React.ForwardRefExoticComponent<SelectCellProps & React.RefAttributes<HTMLDivElement>>;
-export declare const TextAreaCell: React.ForwardRefExoticComponent<TextAreaAttributes & TextAreaCellProps & React.RefAttributes<HTMLTextAreaElement>>;
-export declare const TextCell: React.ForwardRefExoticComponent<DivAttributes & TextCellProps & React.RefAttributes<HTMLDivElement>>;
-/**
- @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-table--demo)
- */
-export declare const Table: React.ForwardRefExoticComponent<TableAttributes & TableProps & React.RefAttributes<HTMLTableElement>> & {
-    Body: React.ForwardRefExoticComponent<DivAttributes & BodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-    BodyCell: React.ForwardRefExoticComponent<TdAttributes & BodyCellProps & React.RefAttributes<HTMLTableDataCellElement>>;
-    BodyRow: React.ForwardRefExoticComponent<DivAttributes & BodyRowProps & React.RefAttributes<HTMLTableRowElement>>;
-    Carat: React.ForwardRefExoticComponent<DivAttributes & CaratProps & React.RefAttributes<HTMLDivElement>>;
-    Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
-    Container: React.ForwardRefExoticComponent<DivAttributes & ContainerProps & React.RefAttributes<HTMLDivElement>>;
-    CurrencyCell: React.ForwardRefExoticComponent<DivAttributes & CurrencyCellProps & React.RefAttributes<HTMLDivElement>>;
-    DateSelectCell: React.ForwardRefExoticComponent<DateSelectCellProps & React.RefAttributes<HTMLDivElement>>;
-    Group: React.ForwardRefExoticComponent<DivAttributes & GroupProps & React.RefAttributes<HTMLTableRowElement>>;
-    GroupTitle: React.ForwardRefExoticComponent<SpanAttributes & GroupTitleProps & React.RefAttributes<HTMLSpanElement>>;
-    Header: React.ForwardRefExoticComponent<DivAttributes & HeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
-    HeaderCell: React.ForwardRefExoticComponent<ThAttributes & HeaderCellProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
-    HeaderRow: React.ForwardRefExoticComponent<DivAttributes & HeaderRowProps & React.RefAttributes<HTMLTableRowElement>>;
-    IconCell: React.ForwardRefExoticComponent<DivAttributes & IconCellProps & React.RefAttributes<HTMLDivElement>>;
-    InputCell: React.ForwardRefExoticComponent<InputCellProps & React.RefAttributes<HTMLInputElement>>;
-    LinkCell: React.ForwardRefExoticComponent<AnchorAttributes & LinkCellProps & React.RefAttributes<HTMLDivElement>>;
-    PercentCell: React.ForwardRefExoticComponent<DivAttributes & PercentCellProps & React.RefAttributes<HTMLDivElement>>;
-    SelectCell: React.ForwardRefExoticComponent<SelectCellProps & React.RefAttributes<HTMLDivElement>>;
-    TextAreaCell: React.ForwardRefExoticComponent<TextAreaAttributes & TextAreaCellProps & React.RefAttributes<HTMLTextAreaElement>>;
-    TextCell: React.ForwardRefExoticComponent<DivAttributes & TextCellProps & React.RefAttributes<HTMLDivElement>>;
-};
-export default Table;