@procore/core-react 10.26.0 → 10.26.1-rc.2

package/dist/esm/components/Card/Card.js

@@ -0,0 +1,48 @@
+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 { StyledCardContainer } from './Card.styles';
+import { useDeprecation } from '../../effects/Deprecation';
+/**
+
+ We use cards to display information that is grouped together.
+ Cards may contain rich media, text, buttons, and other functionality.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-card--demo)
+
+ @see [Design Guidelines](https://design.procore.com/card)
+
+ */
+export var Card = React.forwardRef(function Card(_a, ref) {
+    var children = _a.children, level = _a.level, _b = _a.shadowStrength, shadowStrength = _b === void 0 ? 1 : _b, variant = _a.variant, props = __rest(_a, ["children", "level", "shadowStrength", "variant"]);
+    useDeprecation({
+        when: level,
+        oldThing: 'level',
+        newThing: 'shadowStrength',
+    });
+    return (React.createElement(StyledCardContainer, __assign({}, props, { "$level": level, "$shadowStrength": shadowStrength, "$variant": variant, ref: ref }), children));
+});
+Card.displayName = 'Card';
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,SAAS,IAAI,CACX,EAA0D,EAC1D,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,sBAAkB,EAAlB,cAAc,mBAAG,CAAC,KAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAxD,kDAA0D,CAAF;IAGxD,cAAc,CAAC;QACb,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,gBAAgB;KAC3B,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,mBAAmB,eACd,KAAK,cACD,KAAK,qBACI,cAAc,cACrB,OAAO,EACjB,GAAG,EAAE,GAAG,KAEP,QAAQ,CACW,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}

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

@@ -0,0 +1,6 @@
+import { CardProps } from './Card.types';
+export declare const StyledCardContainer: import("styled-components").StyledComponent<"div", any, {
+    $level?: CardProps['level'];
+    $shadowStrength: Required<CardProps>['shadowStrength'];
+    $variant?: CardProps['variant'];
+}, never>;

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

@@ -0,0 +1,18 @@
+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 { borderRadius } from '../../styles/borderRadius';
+import { colors } from '../../styles/colors';
+import { getShadow } from '../../styles/shadows';
+export var StyledCardContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: ", "px;\n  transition: box-shadow 0.2s ease-in-out;\n  ", "\n  ", "\n"], ["\n  background-color: ", ";\n  border-radius: ", "px;\n  transition: box-shadow 0.2s ease-in-out;\n  ", "\n  ", "\n"])), colors.white, borderRadius.md, function (_a) {
+    var $level = _a.$level, $shadowStrength = _a.$shadowStrength;
+    var strength = $level ? Number($level) / 10 : $shadowStrength;
+    return getShadow(strength);
+}, function (_a) {
+    var $variant = _a.$variant, $shadowStrength = _a.$shadowStrength;
+    return $variant === 'hoverable' && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      &:hover {\n        ", ";\n      }\n    "], ["\n      &:hover {\n        ", ";\n      }\n    "])), getShadow($shadowStrength + 1));
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Card.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,wLAI3C,wBACoB,EAAY,sBACf,EAAe,qDAE9B,EAID,MACC,EAMC,IACJ,KAfqB,MAAM,CAAC,KAAK,EACf,YAAY,CAAC,EAAE,EAE9B,UAAC,EAA2B;QAAzB,MAAM,YAAA,EAAE,eAAe,qBAAA;IAC1B,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,eAAe,CAAA;IAE/D,OAAO,SAAS,CAAC,QAAQ,CAAC,CAAA;AAC5B,CAAC,EACC,UAAC,EAA6B;QAA3B,QAAQ,cAAA,EAAE,eAAe,qBAAA;IAC5B,OAAA,QAAQ,KAAK,WAAW,IACxB,GAAG,oHAAA,6BAEG,EAA8B,kBAEnC,KAFK,SAAS,CAAC,eAAe,GAAG,CAAC,CAAC,CAEnC;AALD,CAKC,CACJ,CAAA"}

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

@@ -0,0 +1,41 @@
+import { Props } from '../../utils/types';
+/**
+ * @deprecated
+ */
+export declare type CardLevel = '10' | '20' | '30' | '40' | '50';
+export declare type ShadowStrength = 0 | 1 | 2 | 3 | 4;
+export declare type CardVariant = 'hoverable';
+export interface CardProps extends Props {
+    /**
+     * The card level for determining the shadow
+     *
+     * @deprecated
+     *
+     * The `level` prop has been deprecated and will be removed in a future version.
+     * Please use the `shadowStrength` prop instead.
+     *
+     * **Before**
+     *
+     * <Card level={20} />
+     *
+     * **After**
+     *
+     * <Card shadowStrength={2} />
+     *
+     * @deprecatedSince 10.20.0
+     * @since 10.19.0
+     */
+    level?: CardLevel;
+    /**
+     * Determines shadow strength
+     *
+     * @defaultValue 1
+     * @since 10.19.0
+     */
+    shadowStrength?: ShadowStrength;
+    /**
+     * The card variant
+     * @since 10.19.0
+     */
+    variant?: CardVariant;
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { CheckboxProps } from './Checkbox.types';
+/**
+
+
+ We use checkboxes to provide users with the ability to either select or
+ deselect multiple values from a list of options (e.g. items on list pages),
+ or to select or deselect a single option (e.g. settings on configure pages).
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-checkbox--demo)
+
+ @see [Design Guidelines](https://design.procore.com/checkbox)
+
+ */
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Checkbox/Checkbox.js

@@ -0,0 +1,46 @@
+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 { StyledCheckboxContainer, StyledCheckboxInput, StyledCheckboxLabel, } from './Checkbox.styles';
+/**
+
+
+ We use checkboxes to provide users with the ability to either select or
+ deselect multiple values from a list of options (e.g. items on list pages),
+ or to select or deselect a single option (e.g. settings on configure pages).
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-checkbox--demo)
+
+ @see [Design Guidelines](https://design.procore.com/checkbox)
+
+ */
+export var Checkbox = React.forwardRef(function Checkbox(_a, ref) {
+    var checked = _a.checked, children = _a.children, className = _a.className, _b = _a.error, error = _b === void 0 ? false : _b, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, style = _a.style, props = __rest(_a, ["checked", "children", "className", "error", "indeterminate", "style"]);
+    return (React.createElement(StyledCheckboxContainer, { className: className, style: style },
+        React.createElement(StyledCheckboxInput, __assign({}, props, { type: "checkbox", checked: checked, "$error": error, "$indeterminate": indeterminate, ref: ref })),
+        React.createElement(StyledCheckboxLabel, null, children)));
+});
+Checkbox.displayName = 'Checkbox';
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,mBAAmB,CAAA;AAG1B;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,SAAS,QAAQ,CACf,EAQC,EACD,GAAG;IARD,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,KAAK,WAAA,EACF,KAAK,cAPV,uEAQC,CADS;IAIV,OAAO,CACL,oBAAC,uBAAuB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;QACzD,oBAAC,mBAAmB,eACd,KAAK,IACT,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,YACR,KAAK,oBACG,aAAa,EAC7B,GAAG,EAAE,GAAG,IACR;QACF,oBAAC,mBAAmB,QAAE,QAAQ,CAAuB,CAC7B,CAC3B,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

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

@@ -0,0 +1,9 @@
+export declare const dataQa: {
+    focused: string;
+};
+export declare const StyledCheckboxContainer: import("styled-components").StyledComponent<"label", any, {}, never>;
+export declare const StyledCheckboxLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledCheckboxInput: import("styled-components").StyledComponent<"input", any, {
+    $error: boolean;
+    $indeterminate: boolean;
+}, never>;

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

@@ -0,0 +1,40 @@
+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 { getFocus } from '../../styles/mixins';
+import { spacing } from '../../styles/spacing';
+import { getTypographyIntent } from '../Typography/Typography.styles';
+export var dataQa = {
+    focused: 'core-checkbox-focused',
+};
+export var StyledCheckboxContainer = styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  display: block;\n  position: relative;\n\n  & + & {\n    margin-top: ", "px;\n  }\n"], ["\n  color: ", ";\n  display: block;\n  position: relative;\n\n  & + & {\n    margin-top: ", "px;\n  }\n"])), colors.gray15, spacing.md);
+var checkboxSize = 20;
+export var StyledCheckboxLabel = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n\n  display: block;\n  min-height: ", "px;\n  padding-left: ", "px;\n  position: relative;\n  user-select: none;\n\n  &:before {\n    background-color: ", ";\n    border-radius: 2px;\n    border: 2px solid ", ";\n    content: '';\n    display: inline-block;\n    height: ", "px;\n    left: 0;\n    min-width: ", "px;\n    position: absolute;\n    top: 0;\n    width: ", "px;\n  }\n"], ["\n  ", "\n\n  display: block;\n  min-height: ", "px;\n  padding-left: ", "px;\n  position: relative;\n  user-select: none;\n\n  &:before {\n    background-color: ", ";\n    border-radius: 2px;\n    border: 2px solid ", ";\n    content: '';\n    display: inline-block;\n    height: ", "px;\n    left: 0;\n    min-width: ", "px;\n    position: absolute;\n    top: 0;\n    width: ", "px;\n  }\n"])), getTypographyIntent('body'), checkboxSize, function (_a) {
+    var children = _a.children;
+    return children ? checkboxSize + spacing.md : checkboxSize;
+}, colors.white, colors.gray70, checkboxSize, checkboxSize, checkboxSize);
+export var StyledCheckboxInput = styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n\n  ", "\n\n  &:checked + ", " {\n    position: relative;\n\n    &:before {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n    }\n\n    &:after {\n      background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik00MzMuNzkyIDcwNGwtMTc3Ljc5Mi0xNzIuNDE2IDY4LjkyOC01OS45NjggMTA4Ljg2NCAxMDUuNiAyNjUuMjgtMjU3LjIxNiA2OC45MjggNTkuOTY4eiI+PC9wYXRoPjwvc3ZnPg==');\n      content: '';\n      height: 24px;\n      left: 0;\n      position: absolute;\n      top: 0;\n      width: 24px;\n    }\n  }\n\n  &:focus:not(:disabled),\n  &[data-qa=", "]:not(:disabled) {\n    + ", ":before {\n      ", "\n    }\n  }\n\n  ", "\n\n  &:disabled + ", ":before {\n    background-color: ", ";\n    border-color: ", ";\n  }\n\n  &:disabled:checked + ", ":before {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"], ["\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n\n  ", "\n\n  &:checked + ", " {\n    position: relative;\n\n    &:before {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n    }\n\n    &:after {\n      background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik00MzMuNzkyIDcwNGwtMTc3Ljc5Mi0xNzIuNDE2IDY4LjkyOC01OS45NjggMTA4Ljg2NCAxMDUuNiAyNjUuMjgtMjU3LjIxNiA2OC45MjggNTkuOTY4eiI+PC9wYXRoPjwvc3ZnPg==');\n      content: '';\n      height: 24px;\n      left: 0;\n      position: absolute;\n      top: 0;\n      width: 24px;\n    }\n  }\n\n  &:focus:not(:disabled),\n  &[data-qa=", "]:not(:disabled) {\n    + ", ":before {\n      ", "\n    }\n  }\n\n  ", "\n\n  &:disabled + ", ":before {\n    background-color: ", ";\n    border-color: ", ";\n  }\n\n  &:disabled:checked + ", ":before {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"])), function (_a) {
+    var $error = _a.$error;
+    if ($error) {
+        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        & + ", ":before {\n          border-color: ", ";\n        }\n      "], ["\n        & + ", ":before {\n          border-color: ", ";\n        }\n      "])), StyledCheckboxLabel, colors.red50);
+    }
+}, StyledCheckboxLabel, function (_a) {
+    var $error = _a.$error;
+    return $error ? colors.red50 : colors.blue50;
+}, function (_a) {
+    var $error = _a.$error;
+    return ($error ? colors.red50 : colors.blue50);
+}, colors.white, dataQa.focused, StyledCheckboxLabel, getFocus(), function (_a) {
+    var $indeterminate = _a.$indeterminate, $error = _a.$error;
+    if ($indeterminate) {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        &\n          + ", ":before,\n          &:checked\n          + ", ":before {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        }\n\n        &\n          + ", ":after,\n          &:checked\n          + ", ":after {\n          background-color: ", ";\n          content: '';\n          height: 2px;\n          left: 5px;\n          position: absolute;\n          top: 9px;\n          width: 10px;\n        }\n      "], ["\n        &\n          + ", ":before,\n          &:checked\n          + ", ":before {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        }\n\n        &\n          + ", ":after,\n          &:checked\n          + ", ":after {\n          background-color: ", ";\n          content: '';\n          height: 2px;\n          left: 5px;\n          position: absolute;\n          top: 9px;\n          width: 10px;\n        }\n      "])), StyledCheckboxLabel, StyledCheckboxLabel, $error ? colors.red50 : colors.blue50, $error ? colors.red50 : colors.blue50, colors.white, StyledCheckboxLabel, StyledCheckboxLabel, colors.white);
+    }
+}, StyledCheckboxLabel, function (_a) {
+    var $indeterminate = _a.$indeterminate;
+    return $indeterminate ? colors.gray85 : colors.white;
+}, colors.gray85, StyledCheckboxLabel, colors.gray85, colors.gray85);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=Checkbox.styles.js.map

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

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

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

@@ -0,0 +1,34 @@
+import { InputAttributes, Props } from '../../utils/types';
+import { ReactNode } from 'react';
+export interface CheckboxProps extends Props, InputAttributes {
+    /**
+     * Checked state of the checkbox
+     * @since 10.19.0
+     */
+    checked?: boolean;
+    /**
+     * The contents of the checkbox label
+     * @since 10.19.0
+     */
+    children?: ReactNode;
+    /**
+     * Additional classNames
+     * @since 10.19.0
+     */
+    className?: string;
+    /**
+     * Disabled state of the checkbox
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * Error state of the checkbox
+     * @since 10.19.0
+     */
+    error?: boolean;
+    /**
+     * Indeterminate state of the checkbox
+     * @since 10.19.0
+     */
+    indeterminate?: boolean;
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Props } from '../utils/types';
+interface ClickOutsideProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    container?: any;
+    /**
+     * @since 10.19.0
+     */
+    containerClass?: string;
+    /**
+     * @since 10.19.0
+     */
+    onClickOutside?: (event: React.MouseEvent<Element, Event>) => any;
+    /**
+     * @since 10.19.0
+     */
+    tabIndex?: number;
+}
+export declare const ClickOutside: React.ForwardRefExoticComponent<ClickOutsideProps & React.RefAttributes<HTMLElement>>;
+export default ClickOutside;

package/dist/esm/components/ClickOutside.js

@@ -0,0 +1,45 @@
+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 { useEventListener } from '../effects/EventListener';
+import { mergeRefs } from '../effects/mergeRefs';
+export var ClickOutside = React.forwardRef(function ClickOutside(_a, ref) {
+    var children = _a.children, container = _a.container, containerClass = _a.containerClass, onClickOutside = _a.onClickOutside, props = __rest(_a, ["children", "container", "containerClass", "onClickOutside"]);
+    var Component = container || 'div';
+    var scope = React.useRef(null);
+    // need useCallback?
+    var handler = function (event) {
+        var current = scope.current;
+        if (!current) {
+            return;
+        }
+        onClickOutside && !current.contains(event.target) && onClickOutside(event);
+    };
+    var options = { capture: true };
+    useEventListener({ event: 'click', handler: handler, options: options });
+    useEventListener({ event: 'touchend', handler: handler, options: options });
+    return (React.createElement(Component, __assign({}, props, { className: containerClass, ref: mergeRefs(ref, scope) }), children));
+});
+ClickOutside.displayName = 'ClickOutside';
+export default ClickOutside;
+//# sourceMappingURL=ClickOutside.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClickOutside.js","sourceRoot":"","sources":["../../../src/components/ClickOutside.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAsBhD,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,YAAY,CACnB,EAAiE,EACjE,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,cAAc,oBAAA,EAAE,cAAc,oBAAA,EAAK,KAAK,cAA/D,6DAAiE,CAAF;IAG/D,IAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAA;IAEpC,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAA;IAE7C,oBAAoB;IACpB,IAAM,OAAO,GAA4B,UAAC,KAAK;QAC7C,IAAM,OAAO,GAAG,KAAK,CAAC,OAAsB,CAAA;QAE5C,IAAI,CAAC,OAAO,EAAE;YACZ,OAAM;SACP;QAED,cAAc,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,cAAc,CAAC,KAAK,CAAC,CAAA;IAC5E,CAAC,CAAA;IAED,IAAM,OAAO,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;IAEjC,gBAAgB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,SAAA,EAAE,OAAO,SAAA,EAAE,CAAC,CAAA;IAEtD,gBAAgB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,SAAA,EAAE,OAAO,SAAA,EAAE,CAAC,CAAA;IAEzD,OAAO,CACL,oBAAC,SAAS,eACJ,KAAK,IACT,SAAS,EAAE,cAAc,EACzB,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,KAAK,CAAC,KAEzB,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { SpanAttributes } from '../../utils/types';
+import { TypographyProps } from '../Typography/Typography.types';
+import { ContactItemProps } from './ContactItem.types';
+export declare const ContactItem: React.ForwardRefExoticComponent<ContactItemProps & React.RefAttributes<HTMLDivElement>> & {
+    Title: React.ForwardRefExoticComponent<SpanAttributes & TypographyProps & React.RefAttributes<HTMLDivElement>>;
+    Description: React.ForwardRefExoticComponent<SpanAttributes & TypographyProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/esm/components/ContactItem/ContactItem.js

@@ -0,0 +1,71 @@
+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 { addSubcomponents } from '../../utils/addSubcomponents';
+import { Avatar } from '../Avatar';
+import { ContactItemAvatar, ContactItemAvatarWrapper, ContactItemText, ContactItemTextWrapper, ContactItemWrapper, } from './ContactItem.styles';
+/**
+
+ The contact item component is a more complex alternative to a standard line
+ of text found in a list or form component. Use this component when you have
+ a list or set of items that can benefit from an additional line of content or
+ an avatar.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-contact-item--demo)
+
+ @see [Design Guidelines](https://design.procore.com/contact-item)
+
+ */
+var ContactItem_ = React.forwardRef(function ContactItem(_a, ref) {
+    var imageUrl = _a.imageUrl, icon = _a.icon, initials = _a.initials, _b = _a.selected, selected = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.clickable, clickable = _d === void 0 ? false : _d, children = _a.children, props = __rest(_a, ["imageUrl", "icon", "initials", "selected", "disabled", "clickable", "children"]);
+    var showAvatar = imageUrl || icon || initials;
+    return (React.createElement(ContactItemWrapper, __assign({ "$selected": selected, "$disabled": disabled, "$clickable": clickable, ref: ref }, props),
+        showAvatar && (React.createElement(ContactItemAvatarWrapper, null,
+            React.createElement(ContactItemAvatar, { size: "lg", disabled: disabled }, (function () {
+                if (imageUrl)
+                    return React.createElement(Avatar.Portrait, { imageUrl: imageUrl });
+                if (icon)
+                    return React.createElement(Avatar.Icon, { icon: icon });
+                if (initials)
+                    return React.createElement(Avatar.Label, null, initials);
+            })()))),
+        React.createElement(ContactItemTextWrapper, null, children)));
+});
+var Title = React.forwardRef(function Title(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(ContactItemText, __assign({ weight: "bold", color: "gray15", ref: ref }, props), children));
+});
+var Description = React.forwardRef(function Description(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(ContactItemText, __assign({ weight: "regular", color: "gray45", ref: ref }, props), children));
+});
+ContactItem_.displayName = 'ContactItem';
+Title.displayName = 'ContactItem.Title';
+Description.displayName = 'ContactItem.Description';
+export var ContactItem = addSubcomponents({
+    Title: Title,
+    Description: Description,
+}, ContactItem_);
+//# sourceMappingURL=ContactItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactItem.js","sourceRoot":"","sources":["../../../../src/components/ContactItem/ContactItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,sBAAsB,CAAA;AAG7B;;;;;;;;;;;;;GAaG;AACH,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,SAAS,WAAW,CAClB,EASC,EACD,GAAG;IATD,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA,EACL,KAAK,cARV,iFASC,CADS;IAIV,IAAM,UAAU,GAAG,QAAQ,IAAI,IAAI,IAAI,QAAQ,CAAA;IAE/C,OAAO,CACL,oBAAC,kBAAkB,0BACN,QAAQ,eACR,QAAQ,gBACP,SAAS,EACrB,GAAG,EAAE,GAAG,IACJ,KAAK;QAER,UAAU,IAAI,CACb,oBAAC,wBAAwB;YACvB,oBAAC,iBAAiB,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,QAAQ,IAC5C,CAAC;gBACA,IAAI,QAAQ;oBAAE,OAAO,oBAAC,MAAM,CAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAA;gBAC5D,IAAI,IAAI;oBAAE,OAAO,oBAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAA;gBAC5C,IAAI,QAAQ;oBAAE,OAAO,oBAAC,MAAM,CAAC,KAAK,QAAE,QAAQ,CAAgB,CAAA;YAC9D,CAAC,CAAC,EAAE,CACc,CACK,CAC5B;QACD,oBAAC,sBAAsB,QAAE,QAAQ,CAA0B,CACxC,CACtB,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,SAAS,KAAK,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,OAAO,CACL,oBAAC,eAAe,aAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GAC9D,QAAQ,CACO,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,SAAS,WAAW,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACzC,OAAO,CACL,oBAAC,eAAe,aAAC,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GACjE,QAAQ,CACO,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,aAAa,CAAA;AAExC,KAAK,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEvC,WAAW,CAAC,WAAW,GAAG,yBAAyB,CAAA;AAEnD,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CACzC;IACE,KAAK,OAAA;IACL,WAAW,aAAA;CACZ,EACD,YAAY,CACb,CAAA"}

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

@@ -0,0 +1,13 @@
+export declare const ContactItemAvatarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContactItemAvatar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Avatar").AvatarProps & import("../../utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>> & {
+    Icon: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Avatar").AvatarIconProps & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Avatar/Avatar.types").AvatarLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+    Portrait: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Avatar").AvatarPortraitProps & import("react").RefAttributes<HTMLDivElement>>;
+}, any, {}, never>;
+export declare const ContactItemTextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContactItemText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").SpanAttributes & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const ContactItemWrapper: import("styled-components").StyledComponent<"div", any, {
+    $selected: boolean;
+    $disabled: boolean;
+    $clickable: boolean;
+}, never>;

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

@@ -0,0 +1,30 @@
+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 { getLineClamp } from '../../styles/mixins';
+import { spacing } from '../../styles/spacing';
+import { Avatar } from '../Avatar';
+import { Typography } from '../Typography/Typography';
+import { typographyWeights } from '../Typography/Typography.styles';
+export var ContactItemAvatarWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-self: flex-start;\n"], ["\n  display: inline-flex;\n  align-self: flex-start;\n"])));
+export var ContactItemAvatar = styled(Avatar)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  cursor: inherit;\n  font-weight: ", ";\n"], ["\n  cursor: inherit;\n  font-weight: ", ";\n"])), typographyWeights.bold);
+export var ContactItemTextWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  overflow: hidden;\n  margin-left: ", "px;\n"], ["\n  overflow: hidden;\n  margin-left: ", "px;\n"])), spacing.sm);
+export var ContactItemText = styled(Typography)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  ", "\n"], ["\n  display: flex;\n  ", "\n"])), getLineClamp());
+export var ContactItemWrapper = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: ", "px ", "px ", "px ", "px;\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: ", "px ", "px ", "px ", "px;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), spacing.sm, spacing.lg, spacing.sm, spacing.sm, function (_a) {
+    var $disabled = _a.$disabled, $clickable = _a.$clickable;
+    if ($clickable) {
+        return $disabled
+            ? css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n            cursor: not-allowed;\n          "], ["\n            cursor: not-allowed;\n          "]))) : css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n            cursor: pointer;\n\n            &:hover,\n            &.hovered {\n              background-color: ", ";\n            }\n          "], ["\n            cursor: pointer;\n\n            &:hover,\n            &.hovered {\n              background-color: ", ";\n            }\n          "])), colors.gray96);
+    }
+}, function (_a) {
+    var $selected = _a.$selected;
+    return $selected && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      ", " {\n        color: ", ";\n      }\n    "], ["\n      ", " {\n        color: ", ";\n      }\n    "])), ContactItemText, colors.blue40);
+}, function (_a) {
+    var $disabled = _a.$disabled;
+    return $disabled && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      ", " {\n        color: ", ";\n      }\n    "], ["\n      ", " {\n        color: ", ";\n      }\n    "])), ContactItemText, colors.gray70);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=ContactItem.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactItem.styles.js","sourceRoot":"","sources":["../../../../src/components/ContactItem/ContactItem.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,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAEnE,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,2HAAA,wDAGjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,iHAAA,uCAE9B,EAAsB,KACtC,KADgB,iBAAiB,CAAC,IAAI,CACtC,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,oHAAA,wCAE/B,EAAU,OAC1B,KADgB,OAAO,CAAC,EAAE,CAC1B,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,iGAAA,wBAE7C,EAAc,IACjB,KADG,YAAY,EAAE,CACjB,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,gNAI1C,iFAIW,EAAU,KAAM,EAAU,KAAM,EAAU,KAAM,EAAU,WAEnE,EAeD,QAEC,EAMC,QAED,EAMC,IACJ,KAlCY,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAEnE,UAAC,EAAyB;QAAvB,SAAS,eAAA,EAAE,UAAU,gBAAA;IACxB,IAAI,UAAU,EAAE;QACd,OAAO,SAAS;YACd,CAAC,CAAC,GAAG,mHAAA,gDAEF,KACH,CAAC,CAAC,GAAG,sNAAA,mHAKqB,EAAa,8BAEpC,KAFuB,MAAM,CAAC,MAAM,CAEpC,CAAA;KACN;AACH,CAAC,EAEC,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS,IACT,GAAG,wHAAA,UACC,EAAe,qBACN,EAAa,kBAEzB,KAHG,eAAe,EACN,MAAM,CAAC,MAAM,CAEzB;AALD,CAKC,EAED,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS,IACT,GAAG,wHAAA,UACC,EAAe,qBACN,EAAa,kBAEzB,KAHG,eAAe,EACN,MAAM,CAAC,MAAM,CAEzB;AALD,CAKC,CACJ,CAAA"}

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

@@ -0,0 +1,36 @@
+import { Props } from '../../utils/types';
+import { AvatarIconProps } from '../Avatar/Avatar.types';
+export interface ContactItemProps extends Props {
+    /**
+     * The avatar rich media url
+     * @since 10.19.0
+     */
+    imageUrl?: string;
+    /**
+     * The icon to display
+     * @since 10.19.0
+     */
+    icon?: AvatarIconProps['icon'];
+    /**
+     * Avatar text label
+     */
+    initials?: string;
+    /**
+     * Is the contact item selected
+     * @defaultValue false
+     * @since 10.19.0
+     */
+    selected?: boolean;
+    /**
+     * Is the contact item disabled
+     * @defaultValue false
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * Is the contact item clickable
+     * @defaultValue false
+     * @since 10.19.0
+     */
+    clickable?: boolean;
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DateInputProps } from './DateInput.types';
+export declare function isValidYearRange(year: number): boolean;
+export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLDivElement>>;
+export default DateInput;