@procore/core-react 10.30.0 → 11.0.0-rc.2

package/dist/Form/stories/util.js

@@ -0,0 +1,383 @@
+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, 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))))));
+};
+/** 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 { GridProps, GridRowProps, GridColProps } 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,55 @@
+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 { StyledGridRow, StyledGridCol } from './Grid.styles';
+import { overrideIfNotDefined } from './Grid.utils';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+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, __assign({ value: gridContextValue }, 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,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAO5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,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,oBAAC,WAAW,CAAC,QAAQ,aAAC,KAAK,EAAE,gBAAgB,IAAM,KAAK,EAAI,CAAA;AACrE,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>;

package/dist/Grid/Grid.styles.js

@@ -0,0 +1,102 @@
+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 { spacing } from '../_styles/spacing';
+import { breakpointsSmallToLarge, breakpointMinWidthValues, } from './Grid.constants';
+var gridColumns = 12;
+var getIsColStackActive = function (targetBreakpoint, colStackBreakpoint) {
+    var targetBrkIndex = breakpointsSmallToLarge.indexOf(targetBreakpoint);
+    var stackBrkIndex = breakpointsSmallToLarge.indexOf(colStackBreakpoint);
+    return targetBrkIndex <= stackBrkIndex;
+};
+var getSpanCSS = function (span, targetBreakpoint, colStackBreakpoint) {
+    if (getIsColStackActive(targetBreakpoint, colStackBreakpoint)) {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      width: 100%;\n    "], ["\n      width: 100%;\n    "])));
+    }
+    var spanValue = typeof span !== 'object' ? span : span[targetBreakpoint];
+    if (typeof spanValue === 'undefined') {
+        return '';
+    }
+    if (spanValue === 'auto') {
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      flex: 1 1 0%;\n      max-width: 100%;\n    "], ["\n      flex: 1 1 0%;\n      max-width: 100%;\n    "])));
+    }
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    flex: 0 0 auto;\n    width: ", "%;\n  "], ["\n    flex: 0 0 auto;\n    width: ", "%;\n  "])), (spanValue / gridColumns) * 100);
+};
+var getOffsetCSS = function ($offset, targetBreakpoint, colStackBreakpoint) {
+    if (getIsColStackActive(targetBreakpoint, colStackBreakpoint)) {
+        return '';
+    }
+    var offsetValue = typeof $offset === 'object' ? $offset[targetBreakpoint] : $offset;
+    if (typeof offsetValue === 'undefined' || offsetValue >= gridColumns) {
+        return '';
+    }
+    var ratio = offsetValue / gridColumns;
+    if (ratio === 0) {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      margin-left: 0;\n    "], ["\n      margin-left: 0;\n    "])));
+    }
+    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    margin-left: ", "%;\n  "], ["\n    margin-left: ", "%;\n  "])), ratio * 100);
+};
+var getColGutterXCSS = function (gutterX, breakpoint) {
+    var gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX;
+    if (typeof gutterKey === 'undefined') {
+        return '';
+    }
+    var gutterCSS = css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    padding-right: ", "px;\n    padding-left: ", "px;\n  "], ["\n    padding-right: ", "px;\n    padding-left: ", "px;\n  "])), spacing[gutterKey] / 2, spacing[gutterKey] / 2);
+    return gutterCSS;
+};
+var getColGutterYCSS = function (gutterX, breakpoint) {
+    var gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX;
+    if (typeof gutterKey === 'undefined') {
+        return '';
+    }
+    var gutterCSS = css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    margin-top: ", "px;\n  "], ["\n    margin-top: ", "px;\n  "])), spacing[gutterKey]);
+    return gutterCSS;
+};
+var getRowGutterXCSS = function (gutterX, breakpoint) {
+    var gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX;
+    if (typeof gutterKey === 'undefined') {
+        return '';
+    }
+    var gutterCSS = css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    margin-right: ", "px;\n    margin-left: ", "px;\n  "], ["\n    margin-right: ", "px;\n    margin-left: ", "px;\n  "])), spacing[gutterKey] / -2, spacing[gutterKey] / -2);
+    if (breakpoint === 'mobileLg') {
+        return gutterCSS;
+    }
+    return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    @media (min-width: ", ") {\n      ", "\n    }\n  "], ["\n    @media (min-width: ", ") {\n      ", "\n    }\n  "])), breakpointMinWidthValues[breakpoint], gutterCSS);
+};
+var getRowGutterYCSS = function (gutterY, breakpoint) {
+    var gutterKey = typeof gutterY === 'object' ? gutterY[breakpoint] : gutterY;
+    if (typeof gutterKey === 'undefined') {
+        return '';
+    }
+    var gutterCSS = css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    margin-top: ", "px;\n  "], ["\n    margin-top: ", "px;\n  "])), spacing[gutterKey] * -1);
+    if (breakpoint === 'mobileLg') {
+        return gutterCSS;
+    }
+    return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    @media (min-width: ", ") {\n      ", "\n    }\n  "], ["\n    @media (min-width: ", ") {\n      ", "\n    }\n  "])), breakpointMinWidthValues[breakpoint], gutterCSS);
+};
+export var StyledGridRow = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", "\n  display: flex;\n  flex-wrap: wrap;\n"], ["\n  ", "\n  display: flex;\n  flex-wrap: wrap;\n"])), function (_a) {
+    var $gutterX = _a.$gutterX, $gutterY = _a.$gutterY;
+    return breakpointsSmallToLarge.map(function (breakpoint) {
+        var gutterXCSS = getRowGutterXCSS($gutterX, breakpoint);
+        var gutterYCSS = getRowGutterYCSS($gutterY, breakpoint);
+        return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        ", "\n        ", "\n      "], ["\n        ", "\n        ", "\n      "])), gutterXCSS, gutterYCSS);
+    });
+});
+export var StyledGridCol = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  flex-shrink: 0;\n  width: 100%;\n  max-width: 100%;\n\n  ", "\n"], ["\n  flex-shrink: 0;\n  width: 100%;\n  max-width: 100%;\n\n  ", "\n"])), function (_a) {
+    var $span = _a.$span, $offset = _a.$offset, $gutterX = _a.$gutterX, $gutterY = _a.$gutterY, $colStackBreakpoint = _a.$colStackBreakpoint;
+    return breakpointsSmallToLarge.map(function (breakpoint) {
+        var spanCSS = getSpanCSS($span, breakpoint, $colStackBreakpoint);
+        var offsetCSS = getOffsetCSS($offset, breakpoint, $colStackBreakpoint);
+        var gutterXCSS = getColGutterXCSS($gutterX, breakpoint);
+        var gutterYCSS = getColGutterYCSS($gutterY, breakpoint);
+        var resultCSS = css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        ", "\n        ", "\n        ", "\n        ", "\n      "], ["\n        ", "\n        ", "\n        ", "\n        ", "\n      "])), offsetCSS, gutterXCSS, gutterYCSS, spanCSS);
+        if (breakpoint === 'mobileLg') {
+            return resultCSS;
+        }
+        return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        @media (min-width: ", ") {\n          ", "\n        }\n      "], ["\n        @media (min-width: ", ") {\n          ", "\n        }\n      "])), breakpointMinWidthValues[breakpoint], resultCSS);
+    });
+});
+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;
+//# sourceMappingURL=Grid.styles.js.map

package/dist/Grid/Grid.styles.js.map

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