@procore/core-react 0.0.0-20230808121909

package/dist/Calendar/Calendar.types.d.ts

@@ -0,0 +1,154 @@
+/// <reference types="react" />
+import { BoxProps } from '../Box/Box.types';
+import { Props } from '../_utils/types';
+export interface CalendarProps extends BodyProps {
+    /**
+     * Click handler for navigating the calendar, with arrows or selects.
+     */
+    onNavigate?: (date: Date) => void;
+}
+export interface BodyProps extends Props {
+    /**
+     * Controls the month displayed on the calendar, can be different from selected.
+     * @default new Date()
+     * @since 10.19.0
+     */
+    displayDate?: Date;
+    /**
+     * @param {Date} date - start of a day in the year
+     * @param {Date} today - start of today in the context of the time zone
+     * @returns {Boolean}
+     * Provide a function to disable dates.
+     * @since 10.19.0
+     */
+    disabledDate?: (date: Date, today: Date) => boolean;
+    /**
+     * Provide a function to disable dates. Must return a boolean.
+     * @since 10.19.0
+     */
+    monthRef?: React.Ref<HTMLDivElement>;
+    /**
+     * Click handler for selecting a day.
+     * @since 10.19.0
+     */
+    onSelect?: (day: Date) => void;
+    /**
+     * End of the highlight of a day range
+     * @since 10.19.0
+     */
+    selectedEnd?: Date;
+    /**
+     * Start of the highlight of a day range
+     * @since 10.19.0
+     */
+    selectedStart?: Date;
+    yearRef?: React.Ref<HTMLDivElement>;
+}
+export interface DayProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isCurrentMonth?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isRangeEnd?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isRangeStart?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isToday?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * @since 10.19.0
+     */
+    selected?: boolean;
+}
+export interface DayProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isCurrentMonth?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isRangeEnd?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isRangeStart?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isToday?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * @since 10.19.0
+     */
+    selected?: boolean;
+}
+export interface SelectProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    block?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    label: string;
+    /**
+     * @since 10.19.0
+     */
+    onSelect: (selection: number) => any;
+    /**
+     * Expects an array of objects with the following shape
+     * @since 10.19.0
+     */
+    options?: SelectOption[];
+    /**
+     * Identifier of the selected value
+     * @since 10.19.0
+     */
+    selected?: number;
+}
+export interface NextPrevProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    onClick: () => void;
+}
+export interface SelectOption {
+    /**
+     * @since 10.19.0
+     */
+    label: string;
+    /**
+     * @since 10.19.0
+     */
+    value: number;
+}
+export interface CalendarContainerProps extends Props {
+}
+export interface NavigationProps extends Omit<BoxProps, 'as'> {
+}
+export interface WeekdaysProps extends Props {
+}
+export interface WeekProps extends Props {
+}

package/dist/Calendar/Calendar.types.js

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

package/dist/Calendar/Calendar.types.js.map

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

package/dist/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { Calendar } from './Calendar';
+export { CalendarProps } from './Calendar.types';

package/dist/Calendar/index.js

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

package/dist/Calendar/index.js.map

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

package/dist/Card/Card.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { CardProps } from './Card.types';
+/**
+
+ 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/core-react/latest/?path=/story/demos-card--demo)
+
+ @see [Design Guidelines](https://design.procore.com/card)
+
+ */
+export declare const Card: React.ForwardRefExoticComponent<DivAttributes & CardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/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 { useDeprecation } from '../_hooks/Deprecation';
+import { StyledCardContainer } from './Card.styles';
+/**
+
+ 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/core-react/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/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAGnD;;;;;;;;;;;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/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/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/Card/Card.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../src/Card/Card.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAG9C,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/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/Card/Card.types.js

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

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

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

package/dist/Card/index.d.ts

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

package/dist/Card/index.js

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

package/dist/Card/index.js.map

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

package/dist/Checkbox/Checkbox.d.ts

@@ -0,0 +1,24 @@
+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/core-react/latest/?path=/story/demos-checkbox--demo)
+
+ @see [Design Guidelines](https://design.procore.com/checkbox)
+
+ */
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ *  This checkbox was created to be used as a non-interactive Checkbox component
+ *  for VoiceOver inside MenuImperative.CheckboxItem.
+ *
+ *  @since 11.3.0
+ */
+export declare const FakeCheckbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Checkbox/Checkbox.js

@@ -0,0 +1,59 @@
+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, StyledFakeCheckboxInput, StyledFakeCheckboxLabel, } 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/core-react/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, { "aria-checked": indeterminate ? 'mixed' : checked, type: "checkbox", checked: checked, "$error": error, "$indeterminate": indeterminate, ref: ref })),
+        React.createElement(StyledCheckboxLabel, null, children)));
+});
+Checkbox.displayName = 'Checkbox';
+/**
+ *  This checkbox was created to be used as a non-interactive Checkbox component
+ *  for VoiceOver inside MenuImperative.CheckboxItem.
+ *
+ *  @since 11.3.0
+ */
+export var FakeCheckbox = React.forwardRef(function FakeCheckbox(_a, ref) {
+    var _b = _a.checked, checked = _b === void 0 ? false : _b, children = _a.children, className = _a.className, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.error, error = _d === void 0 ? false : _d, _e = _a.indeterminate, indeterminate = _e === void 0 ? false : _e, style = _a.style, props = __rest(_a, ["checked", "children", "className", "disabled", "error", "indeterminate", "style"]);
+    return (React.createElement(StyledCheckboxContainer, { className: className, style: style, as: "div" },
+        React.createElement(StyledFakeCheckboxInput, __assign({}, props, { "$checked": checked, "$disabled": disabled, "$error": error, "$indeterminate": indeterminate, ref: ref })),
+        React.createElement(StyledFakeCheckboxLabel, null, children)));
+});
+FakeCheckbox.displayName = 'FakeCheckbox';
+//# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,uBAAuB,GACxB,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,oBACK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAC/C,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;AAEjC;;;;;GAKG;AAEH,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,YAAY,CACnB,EASC,EACD,GAAG;IATD,IAAA,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,KAAK,WAAA,EACF,KAAK,cARV,mFASC,CADS;IAIV,OAAO,CACL,oBAAC,uBAAuB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAC,KAAK;QACnE,oBAAC,uBAAuB,eAClB,KAAK,gBACC,OAAO,eACN,QAAQ,YACX,KAAK,oBACG,aAAa,EAC7B,GAAG,EAAE,GAAG,IACR;QACF,oBAAC,uBAAuB,QAAE,QAAQ,CAA2B,CACrC,CAC3B,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}

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

@@ -0,0 +1,16 @@
+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>;
+export declare const StyledFakeCheckboxLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledFakeCheckboxInput: import("styled-components").StyledComponent<"div", any, {
+    $checked: boolean;
+    $error: boolean;
+    $disabled: boolean;
+    $indeterminate: boolean;
+}, never>;

package/dist/Checkbox/Checkbox.styles.js

@@ -0,0 +1,80 @@
+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 { getTypographyIntent } from '../Typography/Typography.styles';
+import { colors } from '../_styles/colors';
+import { getFocus } from '../_styles/mixins';
+import { spacing } from '../_styles/spacing';
+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;
+function StyledIndeterminate() {
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    background-color: ", ";\n    content: '';\n    height: 2px;\n    left: 5px;\n    position: absolute;\n    top: 9px;\n    width: 10px;\n    border: none;\n  "], ["\n    background-color: ", ";\n    content: '';\n    height: 2px;\n    left: 5px;\n    position: absolute;\n    top: 9px;\n    width: 10px;\n    border: none;\n  "])), colors.white);
+}
+function StyledChecked() {
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik00MzMuNzkyIDcwNGwtMTc3Ljc5Mi0xNzIuNDE2IDY4LjkyOC01OS45NjggMTA4Ljg2NCAxMDUuNiAyNjUuMjgtMjU3LjIxNiA2OC45MjggNTkuOTY4eiI+PC9wYXRoPjwvc3ZnPg==');\n    content: '';\n    border: none;\n    height: 20px;\n    width: 20px;\n    top: 0;\n    left: 0;\n    position: absolute;\n  "], ["\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik00MzMuNzkyIDcwNGwtMTc3Ljc5Mi0xNzIuNDE2IDY4LjkyOC01OS45NjggMTA4Ljg2NCAxMDUuNiAyNjUuMjgtMjU3LjIxNiA2OC45MjggNTkuOTY4eiI+PC9wYXRoPjwvc3ZnPg==');\n    content: '';\n    border: none;\n    height: 20px;\n    width: 20px;\n    top: 0;\n    left: 0;\n    position: absolute;\n  "])));
+}
+export var StyledCheckboxLabel = styled.span(templateObject_4 || (templateObject_4 = __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    width: ", "px;\n    min-width: ", "px;\n    top: 0;\n    left: 0;\n    position: absolute;\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    width: ", "px;\n    min-width: ", "px;\n    top: 0;\n    left: 0;\n    position: absolute;\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_7 || (templateObject_7 = __makeTemplateObject(["\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n\n  &:disabled:checked + ", ":before {\n    background-color: ", ";\n    border-color: ", ";\n  }\n\n  &:disabled + ", ":before {\n    background-color: ", ";\n    border-color: ", ";\n  }\n\n  ", "\n\n  &:checked + ", " {\n    position: relative;\n\n    &:before {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n    }\n\n    &:after {\n      ", "\n    }\n  }\n\n  &:focus:not(:disabled),\n  &[data-qa=", "]:not(:disabled) {\n    + ", ":before {\n      ", "\n    }\n  }\n\n  ", "\n"], ["\n  left: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n\n  &:disabled:checked + ", ":before {\n    background-color: ", ";\n    border-color: ", ";\n  }\n\n  &:disabled + ", ":before {\n    background-color: ", ";\n    border-color: ", ";\n  }\n\n  ", "\n\n  &:checked + ", " {\n    position: relative;\n\n    &:before {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n    }\n\n    &:after {\n      ", "\n    }\n  }\n\n  &:focus:not(:disabled),\n  &[data-qa=", "]:not(:disabled) {\n    + ", ":before {\n      ", "\n    }\n  }\n\n  ", "\n"])), StyledCheckboxLabel, colors.blue85, colors.blue85, StyledCheckboxLabel, function (_a) {
+    var $indeterminate = _a.$indeterminate;
+    return $indeterminate ? colors.gray85 : colors.white;
+}, colors.gray85, function (_a) {
+    var $error = _a.$error;
+    if ($error) {
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        & + ", ":before {\n          border-color: ", ";\n        }\n\n        &:disabled:checked + ", ":before {\n          background-color: ", ";\n          border-color: ", ";\n        }\n      "], ["\n        & + ", ":before {\n          border-color: ", ";\n        }\n\n        &:disabled:checked + ", ":before {\n          background-color: ", ";\n          border-color: ", ";\n        }\n      "])), StyledCheckboxLabel, colors.red50, StyledCheckboxLabel, colors.gray85, colors.gray85);
+    }
+}, 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, StyledChecked(), dataQa.focused, StyledCheckboxLabel, getFocus(), function (_a) {
+    var $indeterminate = _a.$indeterminate, $error = _a.$error;
+    if ($indeterminate) {
+        return css(templateObject_6 || (templateObject_6 = __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          ", "\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          ", "\n        }\n      "])), StyledCheckboxLabel, StyledCheckboxLabel, $error ? colors.red50 : colors.blue50, $error ? colors.red50 : colors.blue50, colors.white, StyledCheckboxLabel, StyledCheckboxLabel, StyledIndeterminate());
+    }
+});
+export var StyledFakeCheckboxLabel = styled.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n\n  display: block;\n  min-height: ", "px;\n  padding-left: ", "px;\n  position: relative;\n  user-select: none;\n"], ["\n  ", "\n\n  display: block;\n  min-height: ", "px;\n  padding-left: ", "px;\n  position: relative;\n  user-select: none;\n"])), getTypographyIntent('body'), checkboxSize, function (_a) {
+    var children = _a.children;
+    return children ? checkboxSize + spacing.md : checkboxSize;
+});
+export var StyledFakeCheckboxInput = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  width: ", "px;\n  height: ", "px;\n  border-radius: 2px;\n  border: 2px solid ", ";\n  position: absolute;\n\n  ", "\n"], ["\n  width: ", "px;\n  height: ", "px;\n  border-radius: 2px;\n  border: 2px solid ", ";\n  position: absolute;\n\n  ", "\n"])), checkboxSize, checkboxSize, colors.gray70, function (_a) {
+    var $checked = _a.$checked, $error = _a.$error, $disabled = _a.$disabled, $indeterminate = _a.$indeterminate;
+    if ($checked) {
+        if ($disabled && $error) {
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n          ", "\n          background-color: ", ";\n        "], ["\n          ", "\n          background-color: ", ";\n        "])), StyledChecked(), colors.gray85);
+        }
+        else if ($error) {
+            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n          ", "\n          background-color: ", ";\n        "], ["\n          ", "\n          background-color: ", ";\n        "])), StyledChecked(), colors.red50);
+        }
+        else if ($disabled) {
+            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n          ", "\n          background-color: ", ";\n        "], ["\n          ", "\n          background-color: ", ";\n        "])), StyledChecked(), colors.blue85);
+        }
+        return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        ", "\n        background-color: ", ";\n      "], ["\n        ", "\n        background-color: ", ";\n      "])), StyledChecked(), colors.blue50);
+    }
+    else if ($indeterminate) {
+        if ($error) {
+            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n          background-color: ", ";\n          border: none;\n\n          &:before {\n            ", "\n          }\n        "], ["\n          background-color: ", ";\n          border: none;\n\n          &:before {\n            ", "\n          }\n        "])), colors.red50, StyledIndeterminate());
+        }
+        else if ($disabled) {
+            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n          background-color: ", ";\n          border: none;\n\n          &:before {\n            ", "\n          }\n        "], ["\n          background-color: ", ";\n          border: none;\n\n          &:before {\n            ", "\n          }\n        "])), colors.gray85, StyledIndeterminate());
+        }
+        return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        background-color: ", ";\n        border: none;\n\n        &:before {\n          ", "\n        }\n      "], ["\n        background-color: ", ";\n        border: none;\n\n        &:before {\n          ", "\n        }\n      "])), colors.blue50, StyledIndeterminate());
+    }
+    else if ($disabled) {
+        return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n        border-color: ", ";\n      "], ["\n        border-color: ", ";\n      "])), colors.gray85);
+    }
+    else if ($error) {
+        return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n        border-color: ", ";\n      "], ["\n        border-color: ", ";\n      "])), colors.red50);
+    }
+});
+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, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
+//# sourceMappingURL=Checkbox.styles.js.map

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

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

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

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { InputAttributes, Props } from '../_utils/types';
+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/Checkbox/Checkbox.types.js

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

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

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

package/dist/Checkbox/index.d.ts

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

package/dist/Checkbox/index.js

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

package/dist/Checkbox/index.js.map

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

package/dist/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { CheckboxGroupState } from 'react-stately';
+import { CheckboxGroupProps } from './CheckboxGroup.types';
+export declare const CheckboxGroupContext: React.Context<CheckboxGroupState | null>;
+/**
+ * Checkbox groups allow users to select multiple items from a list of options.
+ *
+ * Supported components: <NextTile role="checkbox">.
+ *
+ * @since 11.6.0
+ */
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;