@procore/core-react 11.20.0-vite.1 → 11.21.0

package/dist/Form/stories/util.d.ts

@@ -0,0 +1,118 @@
+import React from 'react';
+import { Form } from '../../index';
+import { PillColor } from '../../Pill';
+export declare function FormDebugger(props?: any): JSX.Element;
+interface SingleFormProps {
+    component?: any;
+    debug?: boolean;
+    initialValue?: any;
+    variant?: React.ComponentProps<typeof Form>['variant'];
+    view?: React.ComponentProps<typeof Form>['view'];
+}
+interface DemoFormProps {
+    view?: React.ComponentProps<typeof Form>['view'];
+    enableConfirmNavigation?: React.ComponentProps<typeof Form>['enableConfirmNavigation'];
+}
+export declare const DemoForm: ({ view, enableConfirmNavigation, }: DemoFormProps) => JSX.Element;
+/** All variations for a field. views, with values, no values, text variations, etc.
+ * @example
+ *  <BaseCRU
+      component={Form.Number}
+      initialValue={100}
+    />
+ */
+export declare function BaseCRU<Element extends React.JSXElementConstructor<any>>(props: Omit<SingleFormProps, 'component'> & {
+    component: Element;
+} & Omit<React.ComponentProps<Element>, 'name'>): JSX.Element;
+export declare const formGroupSelectOptions: {
+    id: number;
+    label: string;
+}[];
+export declare const formGroupSelectGroups: {
+    options: ({
+        id: number;
+        label: string;
+    } | undefined)[];
+    id: number;
+    label: string;
+}[];
+export declare const formTieredSelectOptions: ({
+    id: number;
+    groupId: null;
+    nextGroupId: number;
+    label: string;
+} | {
+    id: number;
+    groupId: number;
+    nextGroupId: number;
+    label: string;
+} | {
+    id: number;
+    groupId: number;
+    label: string;
+    nextGroupId?: undefined;
+})[];
+export declare const formSelectOptions: {
+    id: number;
+    label: string;
+    groupAssociation: number;
+}[];
+export declare const formSelectGroupOptions: {
+    uuid: number;
+    displayName: string;
+}[];
+export declare const formPillSelectOptions: {
+    id: string;
+    label: string;
+    color: PillColor;
+}[];
+export declare const formInitialValues: {
+    text: string;
+    number: number;
+    checkbox: boolean;
+    checkboxes: {
+        id: number;
+        label: string;
+        groupAssociation: number;
+    }[];
+    currency: number;
+    date: Date;
+    textarea: string;
+    select: {
+        id: number;
+        label: string;
+        groupAssociation: number;
+    };
+    multiselect: {
+        id: number;
+        label: string;
+        groupAssociation: number;
+    }[];
+    pillselect: {
+        id: string;
+        label: string;
+        color: PillColor;
+    };
+    groupselect: {
+        id: number;
+        label: string;
+    }[];
+    tieredselect: ({
+        id: number;
+        groupId: null;
+        nextGroupId: number;
+        label: string;
+    } | {
+        id: number;
+        groupId: number;
+        nextGroupId: number;
+        label: string;
+    })[];
+    radiobuttons: {
+        id: number;
+        label: string;
+        groupAssociation: number;
+    };
+    richtext: string;
+};
+export {};

package/dist/Form/stories/util.js

@@ -0,0 +1,411 @@
+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 { pick } from 'ramda';
+import React from 'react';
+import { Box, Button, Form, useFormContext } from '../../index';
+var stylesFormDebugger = {
+    backgroundColor: '#444',
+    color: '#f1f1f1',
+    fontSize: '0.8rem',
+};
+export function FormDebugger(props) {
+    if (props === void 0) { props = {}; }
+    var fields = useFormContext();
+    var record = {};
+    if (!Object.keys(props).length) {
+        record = fields;
+    }
+    else {
+        record = pick(Object.keys(props), fields);
+    }
+    return (React.createElement(Box, { flex: "1", padding: "md", margin: "lg none", style: stylesFormDebugger },
+        React.createElement("pre", { style: { whiteSpace: 'break-spaces' } }, JSON.stringify(record, null, 2))));
+}
+/**
+ * Takes a Form Field component, e.g. Form.Select, and creates
+ * a full Form of one view and variant. Empty value examples,
+ * examples with values, various text or state formats.
+ */
+var SingleForm = function (_a) {
+    var _b = _a.component, FieldComponent = _b === void 0 ? Form.Field : _b, debug = _a.debug, initialValue = _a.initialValue, view = _a.view, variant = _a.variant, props = __rest(_a, ["component", "debug", "initialValue", "view", "variant"]);
+    // removes colStart from DOM for traditional variant
+    var columnOne = variant === 'traditional' ? {} : { colStart: 1 };
+    var columnTwo = variant === 'traditional' ? {} : { colStart: 7 };
+    return (React.createElement(Form, { enableReinitialize: true, initialValues: {
+            value: initialValue,
+        }, variant: variant, view: view, onSubmit: function (values) { return alert(JSON.stringify(values, null, 2)); } },
+        React.createElement(Form.Form, null,
+            debug && React.createElement(FormDebugger, null),
+            React.createElement(Form.Row, null,
+                React.createElement(FieldComponent, __assign({ name: "empty", label: "Empty Text" }, columnOne, props)),
+                React.createElement(FieldComponent, __assign({ name: "value", label: "Initial Value Text" }, columnTwo, props))),
+            React.createElement(Form.Row, null,
+                React.createElement(FieldComponent, __assign({ name: "empty", disabled: true, label: "Disabled Empty Text" }, columnOne, props)),
+                React.createElement(FieldComponent, __assign({ name: "value", disabled: true, label: "Disabled Initial Value Text" }, columnTwo, props))),
+            React.createElement(Form.Row, null,
+                React.createElement(FieldComponent, __assign({ name: "empty", error: true, label: "Error Boolean Empty Text" }, columnOne, props)),
+                React.createElement(FieldComponent, __assign({ name: "value", error: "Some error message that should be read red", label: "Error Message Initial Value Text" }, columnTwo, props))))));
+};
+export var DemoForm = function (_a) {
+    var _b = _a.view, view = _b === void 0 ? 'create' : _b, _c = _a.enableConfirmNavigation, enableConfirmNavigation = _c === void 0 ? true : _c;
+    return (React.createElement(Form, { view: view, onSubmit: function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            alert(JSON.stringify(args[0], null, 2));
+            return Promise.resolve();
+        }, enableConfirmNavigation: enableConfirmNavigation },
+        React.createElement(Form.Form, null,
+            React.createElement(Form.Row, null,
+                React.createElement(Form.Text, { name: "text", label: "Text", colStart: 1 }),
+                React.createElement(Form.Number, { name: "number", label: "Number", required: true, tooltip: "An example tooltip for any field, this value goes directly to the Tooltip overlay prop", colStart: 7 })),
+            React.createElement(Form.Row, null,
+                React.createElement(Form.Select, { name: "select", label: "Select", options: formSelectOptions, colStart: 1 }),
+                React.createElement(Form.MultiSelect, { name: "multiselect", label: "MultiSelect", options: formSelectOptions, colStart: 7 })),
+            React.createElement(Form.Row, null,
+                React.createElement(Form.Select, { name: "select", label: "Select with Groups", getGroup: function (option) { return option.groupAssociation; }, groupGetId: function (group) { return group.uuid; }, groupGetLabel: function (group) { return group.displayName; }, options: formSelectOptions, optgroups: formSelectGroupOptions }),
+                React.createElement(Form.PillSelect, { name: "pillselect", label: "Status", options: formPillSelectOptions, colStart: 7 })),
+            React.createElement(Form.Row, null,
+                React.createElement(Form.TieredSelect, { name: "tieredselect", label: "Tiered Select", options: formTieredSelectOptions, colStart: 1 }),
+                React.createElement(Form.GroupSelect, { name: "groupselect", label: "Group Select for Distribution", options: formGroupSelectOptions, groups: formGroupSelectGroups, colStart: 7 })),
+            React.createElement(Box, { textAlign: "center", marginTop: "sm", marginBottom: "xl" },
+                React.createElement(Button, { variant: "secondary", type: "reset" }, "Reset"),
+                ' ',
+                React.createElement(Button, { type: "submit" }, "Save")))));
+};
+/** All variations for a field. views, with values, no values, text variations, etc.
+ * @example
+ *  <BaseCRU
+      component={Form.Number}
+      initialValue={100}
+    />
+ */
+export function BaseCRU(props) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("h1", null, "Standard"),
+        React.createElement("h2", null, "Create"),
+        React.createElement(SingleForm, __assign({ view: "create" }, props)),
+        React.createElement("h2", null, "Read"),
+        React.createElement(SingleForm, __assign({ view: "read" }, props)),
+        React.createElement("h2", null, "Update"),
+        React.createElement(SingleForm, __assign({ view: "update" }, props)),
+        React.createElement("h1", null, "Traditional"),
+        React.createElement("h2", null, "Create"),
+        React.createElement(SingleForm, __assign({ view: "create", variant: "traditional" }, props)),
+        React.createElement("h2", null, "Read"),
+        React.createElement(SingleForm, __assign({ view: "read", variant: "traditional" }, props)),
+        React.createElement("h2", null, "Update"),
+        React.createElement(SingleForm, __assign({ view: "update", variant: "traditional" }, props))));
+}
+export var formGroupSelectOptions = [
+    { id: 5139977, label: 'Cat' },
+    { id: 1279548, label: 'Cow' },
+    { id: 1690, label: 'Duck' },
+    { id: 3116635, label: 'Crocodile' },
+    { id: 1037291, label: 'Dog' },
+    { id: 1987946, label: 'Elephant' },
+    { id: 1665038, label: 'Fox' },
+    { id: 10338, label: 'Frog' },
+    { id: 4177019, label: 'Giraffe' },
+    { id: 5136274, label: 'Lion' },
+    { id: 1819065, label: 'Owl' },
+    { id: 3733119, label: 'Parrot' },
+    { id: 2142072, label: 'Pig' },
+    { id: 1360365, label: 'Wolf' },
+];
+export var formGroupSelectGroups = [
+    {
+        id: 180604,
+        label: 'Group #1',
+        options: [5139977, 1037291, 1279548, 5136274],
+    },
+    { id: 183915, label: 'Group #2', options: [1037291, 1279548] },
+    { id: 187138, label: 'Group #3', options: [1665038, 10338] },
+    { id: 127496, label: 'Group #4', options: [3116635, 1819065] },
+    { id: 126261, label: 'Group #5', options: [1690] },
+].map(function (group) { return (__assign(__assign({}, group), { options: group.options.map(function (groupOpt) {
+        return formGroupSelectOptions.find(function (option) { return option.id === groupOpt; });
+    }) })); });
+export var formTieredSelectOptions = [
+    {
+        id: 1,
+        groupId: null,
+        nextGroupId: 10,
+        label: 'Apple Farm',
+    },
+    {
+        id: 3,
+        groupId: null,
+        nextGroupId: 30,
+        label: 'Sports R Us',
+    },
+    {
+        id: 4,
+        groupId: null,
+        nextGroupId: 30,
+        label: 'Sail It Again Ports',
+    },
+    {
+        id: 5,
+        groupId: null,
+        nextGroupId: 30,
+        label: 'Dublix',
+    },
+    {
+        id: 6,
+        groupId: null,
+        nextGroupId: 30,
+        label: 'The Hardees Boys',
+    },
+    {
+        id: 7,
+        groupId: null,
+        nextGroupId: 30,
+        label: 'Carls Senior',
+    },
+    {
+        id: 8,
+        groupId: null,
+        nextGroupId: 30,
+        label: 'Tar J',
+    },
+    {
+        id: 9,
+        groupId: null,
+        nextGroupId: 30,
+        label: 'Innovation Station',
+    },
+    {
+        id: 10,
+        groupId: null,
+        nextGroupId: 30,
+        label: 'Innovation Nation',
+    },
+    {
+        id: 11,
+        groupId: null,
+        nextGroupId: 30,
+        label: 'Global Studios',
+    },
+    {
+        id: 12,
+        groupId: null,
+        nextGroupId: 30,
+        label: "Ralphie's",
+    },
+    {
+        id: 13,
+        groupId: null,
+        nextGroupId: 30,
+        label: 'Humble State University',
+    },
+    {
+        id: 14,
+        groupId: null,
+        nextGroupId: 30,
+        label: 'Test Driven Devolvement',
+    },
+    {
+        id: 15,
+        groupId: null,
+        nextGroupId: 30,
+        label: 'The Drilling Company',
+    },
+    {
+        id: 16,
+        groupId: null,
+        nextGroupId: 30,
+        label: 'Wrapping text that is very long and will definitely wrap onto two or more lines',
+    },
+    {
+        id: 17,
+        groupId: 10,
+        nextGroupId: 100,
+        label: 'Granny Smith',
+    },
+    {
+        id: 18,
+        groupId: 10,
+        nextGroupId: 101,
+        label: 'Gala',
+    },
+    {
+        id: 21,
+        groupId: 30,
+        nextGroupId: 300,
+        label: 'Project Basketball',
+    },
+    {
+        id: 22,
+        groupId: 30,
+        nextGroupId: 301,
+        label: 'Table Tennis',
+    },
+    {
+        id: 23,
+        groupId: 30,
+        label: 'Table Ten',
+    },
+    {
+        id: 24,
+        groupId: 100,
+        label: 'Michigan',
+    },
+    {
+        id: 25,
+        groupId: 101,
+        label: 'Washington',
+    },
+    {
+        id: 26,
+        groupId: 200,
+        label: 'Georgia',
+    },
+    {
+        id: 27,
+        groupId: 201,
+        label: 'California',
+    },
+    {
+        id: 28,
+        groupId: 300,
+        label: 'Toronto',
+    },
+    {
+        id: 29,
+        groupId: 301,
+        nextGroupId: 302,
+        label: 'Court Complex Uno',
+    },
+    {
+        id: 30,
+        groupId: 302,
+        nextGroupId: 303,
+        label: 'Wrap',
+    },
+    {
+        id: 31,
+        groupId: 303,
+        nextGroupId: 304,
+        label: 'Wrap',
+    },
+    {
+        id: 32,
+        groupId: 304,
+        nextGroupId: 305,
+        label: 'Wrap',
+    },
+    {
+        id: 33,
+        groupId: 305,
+        nextGroupId: 306,
+        label: 'Wrap',
+    },
+    {
+        id: 34,
+        groupId: 306,
+        nextGroupId: 307,
+        label: 'Wrap',
+    },
+    {
+        id: 35,
+        groupId: 307,
+        label: 'Wrap',
+    },
+];
+export var formSelectOptions = [
+    { id: 1, label: 'Option Example Uno', groupAssociation: 1 },
+    { id: 2, label: 'Item Deux 2', groupAssociation: 2 },
+    { id: 3, label: 'Three Three Three', groupAssociation: 1 },
+    {
+        id: 4,
+        label: 'Next Item In List Is Design System Design System',
+        groupAssociation: 2,
+    },
+    { id: 5, label: '5 Entries', groupAssociation: 2 },
+    {
+        id: 6,
+        label: 'Another Option With A Longer Amount of Important Information To Read',
+        groupAssociation: 3,
+    },
+];
+export var formSelectGroupOptions = [
+    { uuid: 1, displayName: 'Group 1' },
+    {
+        uuid: 2,
+        displayName: 'Group Having a Longer Group Label, Group Two Is That Group',
+    },
+    { uuid: 3, displayName: 'Group 3' },
+];
+export var formPillSelectOptions = [
+    { id: '1', label: 'Questionable', color: 'yellow' },
+    { id: '2', label: 'False', color: 'red' },
+    { id: '3', label: 'The Sky Is Blue', color: 'blue' },
+    { id: '4', label: 'Pending Resolution', color: 'gray' },
+    {
+        id: '5',
+        label: 'A very long STATUS that has to wrap cause it is so long',
+        color: 'green',
+    },
+];
+export var formInitialValues = {
+    text: 'Hello String',
+    number: 123456.789,
+    checkbox: true,
+    checkboxes: [formSelectOptions[1], formSelectOptions[2]],
+    currency: 1200300.55,
+    date: new Date(2020, 9, 31, 14, 30, 42),
+    textarea: 'Hello\nWorld  !!\n\n    Hello    World',
+    select: formSelectOptions[1],
+    multiselect: [
+        formSelectOptions[1],
+        formSelectOptions[3],
+        formSelectOptions[0],
+    ],
+    pillselect: formPillSelectOptions[0],
+    groupselect: [formGroupSelectOptions[0], formGroupSelectOptions[2]],
+    tieredselect: [
+        {
+            id: 4,
+            groupId: null,
+            nextGroupId: 30,
+            label: 'Sail It Again Ports',
+        },
+        {
+            id: 22,
+            groupId: 30,
+            nextGroupId: 301,
+            label: 'Table Tennis',
+        },
+        {
+            id: 29,
+            groupId: 301,
+            nextGroupId: 302,
+            label: 'Court Complex Uno',
+        },
+    ],
+    radiobuttons: formSelectOptions[5],
+    richtext: '<p><span style="font-size: 18pt; background-color: #00ff00;">Rich Text Is <strong>Bold</strong></span></p> ',
+};
+//# sourceMappingURL=util.js.map

package/dist/Form/stories/util.js.map

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

package/dist/Grid/Grid.constants.d.ts

@@ -0,0 +1,4 @@
+import { GridBreakpoint } from './Grid.types';
+export declare const breakpointRawMinWidthValues: Record<GridBreakpoint, number>;
+export declare const breakpointMinWidthValues: Record<GridBreakpoint, string>;
+export declare const breakpointsSmallToLarge: GridBreakpoint[];

package/dist/Grid/Grid.constants.js

@@ -0,0 +1,25 @@
+export var breakpointRawMinWidthValues = {
+    mobileLg: 0,
+    tabletSm: 576,
+    tabletMd: 768,
+    tabletLg: 992,
+    desktopSm: 1200,
+    desktopMd: 1400,
+};
+export var breakpointMinWidthValues = {
+    mobileLg: "".concat(breakpointRawMinWidthValues.mobileLg, "px"),
+    tabletSm: "".concat(breakpointRawMinWidthValues.tabletSm, "px"),
+    tabletMd: "".concat(breakpointRawMinWidthValues.tabletMd, "px"),
+    tabletLg: "".concat(breakpointRawMinWidthValues.tabletLg, "px"),
+    desktopSm: "".concat(breakpointRawMinWidthValues.desktopSm, "px"),
+    desktopMd: "".concat(breakpointRawMinWidthValues.desktopMd, "px"),
+};
+export var breakpointsSmallToLarge = [
+    'mobileLg',
+    'tabletSm',
+    'tabletMd',
+    'tabletLg',
+    'desktopSm',
+    'desktopMd',
+];
+//# sourceMappingURL=Grid.constants.js.map

package/dist/Grid/Grid.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.constants.js","sourceRoot":"","sources":["../../src/Grid/Grid.constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,2BAA2B,GAAmC;IACzE,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAmC;IACtE,QAAQ,EAAE,UAAG,2BAA2B,CAAC,QAAQ,OAAI;IACrD,QAAQ,EAAE,UAAG,2BAA2B,CAAC,QAAQ,OAAI;IACrD,QAAQ,EAAE,UAAG,2BAA2B,CAAC,QAAQ,OAAI;IACrD,QAAQ,EAAE,UAAG,2BAA2B,CAAC,QAAQ,OAAI;IACrD,SAAS,EAAE,UAAG,2BAA2B,CAAC,SAAS,OAAI;IACvD,SAAS,EAAE,UAAG,2BAA2B,CAAC,SAAS,OAAI;CACxD,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAqB;IACvD,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,WAAW;IACX,WAAW;CACZ,CAAA"}

package/dist/Grid/Grid.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { GridColProps, GridProps, GridRowProps } from './Grid.types';
+declare function BaseGrid({ gutterX, gutterY, colStackCap, ...props }: GridProps): JSX.Element;
+export declare const Grid: typeof BaseGrid & {
+    Row: React.ForwardRefExoticComponent<GridRowProps & React.RefAttributes<HTMLDivElement>>;
+    Col: React.ForwardRefExoticComponent<GridColProps & React.RefAttributes<HTMLDivElement>>;
+};
+export {};

package/dist/Grid/Grid.js

@@ -0,0 +1,56 @@
+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 { StyledGridCol, StyledGridRow } from './Grid.styles';
+import { overrideIfNotDefined } from './Grid.utils';
+var defaultContextShape = {
+    gutterX: 'none',
+    gutterY: 'none',
+    colStackCap: 'mobileLg',
+};
+var GridContext = React.createContext(defaultContextShape);
+function BaseGrid(_a) {
+    var gutterX = _a.gutterX, gutterY = _a.gutterY, colStackCap = _a.colStackCap, props = __rest(_a, ["gutterX", "gutterY", "colStackCap"]);
+    var gridContextValue = overrideIfNotDefined(defaultContextShape, {
+        gutterX: gutterX,
+        gutterY: gutterY,
+        colStackCap: colStackCap,
+    });
+    return (React.createElement(GridContext.Provider, { value: gridContextValue },
+        React.createElement("div", __assign({}, props))));
+}
+var GridRow = React.forwardRef(function GridRow(props, ref) {
+    var _a = React.useContext(GridContext), gutterX = _a.gutterX, gutterY = _a.gutterY;
+    return (React.createElement(StyledGridRow, __assign({}, props, { "$gutterX": gutterX, "$gutterY": gutterY, ref: ref })));
+});
+var GridCol = React.forwardRef(function GridCol(_a, ref) {
+    var _b = _a.colWidth, colWidth = _b === void 0 ? 'auto' : _b, offset = _a.colStart, props = __rest(_a, ["colWidth", "colStart"]);
+    var _c = React.useContext(GridContext), gutterX = _c.gutterX, gutterY = _c.gutterY, colStackBreakpoint = _c.colStackCap;
+    return (React.createElement(StyledGridCol, __assign({}, props, { ref: ref, "$span": colWidth, "$offset": offset, "$gutterX": gutterX, "$gutterY": gutterY, "$colStackBreakpoint": colStackBreakpoint })));
+});
+export var Grid = addSubcomponents({
+    Row: GridRow,
+    Col: GridCol,
+}, BaseGrid);
+//# sourceMappingURL=Grid.js.map

package/dist/Grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAO5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAEnD,IAAM,mBAAmB,GAAqB;IAC5C,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,UAAU;CACxB,CAAA;AACD,IAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAmB,mBAAmB,CAAC,CAAA;AAE9E,SAAS,QAAQ,CAAC,EAAsD;IAApD,IAAA,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAK,KAAK,cAAzC,qCAA2C,CAAF;IACzD,IAAM,gBAAgB,GAAG,oBAAoB,CAAC,mBAAmB,EAAE;QACjE,OAAO,SAAA;QACP,OAAO,SAAA;QACP,WAAW,aAAA;KACZ,CAAC,CAAA;IACF,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB;QAC3C,wCAAS,KAAK,EAAI,CACG,CACxB,CAAA;AACH,CAAC;AAED,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAA+B,SAAS,OAAO,CAC7E,KAAK,EACL,GAAG;IAEG,IAAA,KAAuB,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAlD,OAAO,aAAA,EAAE,OAAO,aAAkC,CAAA;IAC1D,OAAO,CACL,oBAAC,aAAa,eAAK,KAAK,gBAAY,OAAO,cAAY,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,CAC7E,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAA+B,SAAS,OAAO,CAC7E,EAAiD,EACjD,GAAG;IADD,IAAA,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EAAY,MAAM,cAAA,EAAK,KAAK,cAA/C,wBAAiD,CAAF;IAGzC,IAAA,KAIF,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAH/B,OAAO,aAAA,EACP,OAAO,aAAA,EACM,kBAAkB,iBACA,CAAA;IACjC,OAAO,CACL,oBAAC,aAAa,eACR,KAAK,IACT,GAAG,EAAE,GAAG,WACD,QAAQ,aACN,MAAM,cACL,OAAO,cACP,OAAO,yBACI,kBAAkB,IACvC,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG,gBAAgB,CAClC;IACE,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,OAAO;CACb,EACD,QAAQ,CACT,CAAA"}

package/dist/Grid/Grid.styles.d.ts

@@ -0,0 +1,12 @@
+import { GridBreakpoint, GridColProps, GridProps } from './Grid.types';
+export declare const StyledGridRow: import("styled-components").StyledComponent<"div", any, {
+    $gutterX: GridProps['gutterX'];
+    $gutterY: GridProps['gutterY'];
+}, never>;
+export declare const StyledGridCol: import("styled-components").StyledComponent<"div", any, {
+    $offset?: GridColProps['colStart'];
+    $span?: GridColProps['colWidth'];
+    $gutterX: GridProps['gutterX'];
+    $gutterY: GridProps['gutterY'];
+    $colStackBreakpoint: GridBreakpoint;
+}, never>;