@xivart/tangram 0.0.1-security → 2.712.1

package/components/FlightInfoBox/styled/FlightInfoBox.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var FlightInfoBox = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15),\n    inset 0 -3px 0 0 ", ";\n  display: block;\n  position: relative;\n\n  ", "\n"], ["\n  background-color: ", ";\n  border: ",
+    ";\n  border-radius: ", ";\n  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15),\n    inset 0 -3px 0 0 ", ";\n  display: block;\n  position: relative;\n\n  ",
+    "\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.CONTENT_BACKGROUND;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.borders.width.bw100 + " " + theme.borders.style.SOLID + " " + theme.colors.SECONDARY;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.borders.radius.br200;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.TERTIARY;
+}, function (_a) {
+    var withArrow = _a.withArrow, theme = _a.theme;
+    return withArrow &&
+        "&:before {\n        background: " + theme.colors.CONTENT_BACKGROUND + ";\n        border-bottom: " + (theme.borders.width.bw100 + " " + theme.borders.style.SOLID + " " + theme.colors.SECONDARY) + ";\n        border-left: " + (theme.borders.width.bw100 + " " + theme.borders.style.SOLID + " " + theme.colors.SECONDARY) + ";\n        box-shadow: -1px 4px 4px -1px " + theme.colors.SHADOW + ";\n        content: '';\n        height: 12px;\n        left: -7px;\n        position: absolute;\n        top: " + theme.spacings.s400 + ";\n        transform: rotate(45deg);\n        width: 12px;\n      }";
+});
+exports.default = FlightInfoBox;
+var templateObject_1;
+//# sourceMappingURL=FlightInfoBox.js.map

package/components/FlightInfoBox/styled/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Content = exports.FlightInfoBox = void 0;
+var FlightInfoBox_1 = require("./FlightInfoBox");
+Object.defineProperty(exports, "FlightInfoBox", { enumerable: true, get: function () { return __importDefault(FlightInfoBox_1).default; } });
+var Content_1 = require("./Content");
+Object.defineProperty(exports, "Content", { enumerable: true, get: function () { return __importDefault(Content_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/FlightInfoCard/FlightInfoCard.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AirlineLogo_1 = tslib_1.__importDefault(require("../AirlineLogo"));
+var Flex_1 = tslib_1.__importDefault(require("../Flex"));
+var Text_1 = tslib_1.__importDefault(require("../Text"));
+var S = tslib_1.__importStar(require("./styled"));
+var FlightInfoCard = function (_a) {
+    var carrierName = _a.carrierName, carrierCode = _a.carrierCode, arrivalName = _a.arrivalName, arrivalCity = _a.arrivalCity, departureName = _a.departureName, departureCity = _a.departureCity, date = _a.date;
+    return (jsx_runtime_1.jsxs(S.FlightInfoCard, { children: [jsx_runtime_1.jsx(Flex_1.default, tslib_1.__assign({ flexDirection: "column", inlineSize: "20px", marginBlockStart: "s200", marginInlineEnd: "s400" }, { children: carrierName && carrierCode && (jsx_runtime_1.jsx(AirlineLogo_1.default, { alt: carrierName, code: carrierCode, size: "small" }, void 0)) }), void 0),
+            jsx_runtime_1.jsxs(Flex_1.default, tslib_1.__assign({ flexDirection: "column" }, { children: [jsx_runtime_1.jsxs(Flex_1.default, { children: [jsx_runtime_1.jsx(Text_1.default, tslib_1.__assign({ color: "TEXT_DARK", fontWeight: "fw500", paddingRight: "s200", whiteSpace: "nowrap" }, { children: departureCity }), void 0),
+                            departureName && jsx_runtime_1.jsxs(Text_1.default, { children: ["(", departureName, ")"] }, void 0)] }, void 0),
+                    jsx_runtime_1.jsxs(Flex_1.default, { children: [jsx_runtime_1.jsx(Text_1.default, tslib_1.__assign({ color: "TEXT_DARK", fontWeight: "fw500", paddingRight: "s200", whiteSpace: "nowrap" }, { children: arrivalCity }), void 0),
+                            arrivalName && jsx_runtime_1.jsxs(Text_1.default, { children: ["(", arrivalName, ")"] }, void 0)] }, void 0),
+                    date && jsx_runtime_1.jsx(Text_1.default, { children: date }, void 0)] }), void 0)] }, void 0));
+};
+exports.default = FlightInfoCard;
+//# sourceMappingURL=FlightInfoCard.js.map

package/components/FlightInfoCard/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FlightInfoCard_1 = require("./FlightInfoCard");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FlightInfoCard_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/FlightInfoCard/styled/FlightInfoCard.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var FlightInfoCard = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  width: fit-content;\n"], ["\n  display: flex;\n  width: fit-content;\n"])));
+exports.default = FlightInfoCard;
+var templateObject_1;
+//# sourceMappingURL=FlightInfoCard.js.map

package/components/FlightInfoCard/styled/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlightInfoCard = void 0;
+var FlightInfoCard_1 = require("./FlightInfoCard");
+Object.defineProperty(exports, "FlightInfoCard", { enumerable: true, get: function () { return __importDefault(FlightInfoCard_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/GlobalStyle/GlobalStyle.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = require("../../utils/themedStyledComponents");
+var reset = themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  html,\n  body,\n  p,\n  ol,\n  ul,\n  li,\n  dl,\n  dt,\n  dd,\n  blockquote,\n  figure,\n  fieldset,\n  legend,\n  textarea,\n  pre,\n  iframe,\n  hr,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 100%;\n    font-weight: normal;\n  }\n\n  ul {\n    list-style: none;\n  }\n\n  button,\n  input,\n  select,\n  textarea {\n    margin: 0;\n  }\n\n  html {\n    box-sizing: border-box;\n    font-family: ", ";\n  }\n\n  *,\n  *:before,\n  *:after {\n    box-sizing: inherit;\n  }\n\n  img,\n  embed,\n  iframe,\n  object,\n  audio,\n  video {\n    height: auto;\n    max-width: 100%;\n  }\n\n  iframe {\n    border: 0;\n  }\n\n  table {\n    border-collapse: collapse;\n    border-spacing: 0;\n  }\n\n  td,\n  th {\n    padding: 0;\n    text-align: left;\n  }\n"], ["\n  html,\n  body,\n  p,\n  ol,\n  ul,\n  li,\n  dl,\n  dt,\n  dd,\n  blockquote,\n  figure,\n  fieldset,\n  legend,\n  textarea,\n  pre,\n  iframe,\n  hr,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 100%;\n    font-weight: normal;\n  }\n\n  ul {\n    list-style: none;\n  }\n\n  button,\n  input,\n  select,\n  textarea {\n    margin: 0;\n  }\n\n  html {\n    box-sizing: border-box;\n    font-family: ", ";\n  }\n\n  *,\n  *:before,\n  *:after {\n    box-sizing: inherit;\n  }\n\n  img,\n  embed,\n  iframe,\n  object,\n  audio,\n  video {\n    height: auto;\n    max-width: 100%;\n  }\n\n  iframe {\n    border: 0;\n  }\n\n  table {\n    border-collapse: collapse;\n    border-spacing: 0;\n  }\n\n  td,\n  th {\n    padding: 0;\n    text-align: left;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.fontFamily;
+});
+var customProperties = themedStyledComponents_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  :root {\n    ", "\n  }\n"], ["\n  :root {\n    ",
+    "\n  }\n"])), function (_a) {
+    var colors = _a.theme.colors;
+    return Object.entries(colors)
+        .filter(function (_a) {
+        var _b = tslib_1.__read(_a, 1), name = _b[0];
+        return name.startsWith('PRIMARY');
+    })
+        .map(function (_a) {
+        var _b = tslib_1.__read(_a, 2), name = _b[0], value = _b[1];
+        var normalizedName = name.toLowerCase().replace(/_/g, '-');
+        return "--theme-color-" + normalizedName + ": " + value;
+    })
+        .join(';');
+});
+exports.default = themedStyledComponents_1.createGlobalStyle(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n"])), reset, customProperties, function (_a) {
+    var ownStyle = _a.ownStyle;
+    return ownStyle;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.fontFace;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.secondary.fontFace;
+});
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=GlobalStyle.js.map

package/components/GlobalStyle/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var GlobalStyle_1 = require("./GlobalStyle");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(GlobalStyle_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/GooglePayButton/GooglePayButton.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = (0, tslib_1.__importStar)(require("./styled"));
+var GooglePayButton = function (props) { return ((0, jsx_runtime_1.jsx)(S.GooglePayButton, (0, tslib_1.__assign)({}, props), void 0)); };
+exports.default = GooglePayButton;
+//# sourceMappingURL=GooglePayButton.js.map

package/components/GooglePayButton/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var GooglePayButton_1 = require("./GooglePayButton");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(GooglePayButton_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/GooglePayButton/styled/GooglePayButton.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = (0, tslib_1.__importDefault)(require("../../../utils/themedStyledComponents"));
+var GooglePayButtonWrapper = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  margin: 0 auto;\n  text-align: center;\n\n  button {\n    outline: 0;\n  }\n"], ["\n  margin: 0 auto;\n  text-align: center;\n\n  button {\n    outline: 0;\n  }\n"])));
+exports.default = GooglePayButtonWrapper;
+var templateObject_1;
+//# sourceMappingURL=GooglePayButton.js.map

package/components/GooglePayButton/styled/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GooglePayButton = void 0;
+var GooglePayButton_1 = require("./GooglePayButton");
+Object.defineProperty(exports, "GooglePayButton", { enumerable: true, get: function () { return __importDefault(GooglePayButton_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Grid/Grid.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var S = tslib_1.__importStar(require("./styled"));
+var Grid = react_1.forwardRef(function (_a, ref) {
+    var dataAttrs = _a.dataAttrs, props = tslib_1.__rest(_a, ["dataAttrs"]);
+    return (jsx_runtime_1.jsx(S.Grid, tslib_1.__assign({ ref: ref }, dataAttrs, props), void 0));
+});
+exports.default = Grid;
+//# sourceMappingURL=Grid.js.map

package/components/Grid/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Grid_1 = require("./Grid");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Grid_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Grid/styled/StyledGrid.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+var S = tslib_1.__importStar(require("../../Layout/styled"));
+var media_1 = require("../../../utils/media");
+var getTemplateGap_1 = tslib_1.__importDefault(require("./helpers/getTemplateGap"));
+var getTemplateAreas_1 = tslib_1.__importDefault(require("./helpers/getTemplateAreas"));
+var getTemplateColumns_1 = tslib_1.__importDefault(require("./helpers/getTemplateColumns"));
+var getTemplateRows_1 = tslib_1.__importDefault(require("./helpers/getTemplateRows"));
+var getResponsiveStyles = function (_a) {
+    var areas = _a.areas, columns = _a.columns, gap = _a.gap, rowGap = _a.rowGap, colGap = _a.colGap, rows = _a.rows;
+    return themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n"])), getTemplateAreas_1.default(areas), function (_a) {
+        var theme = _a.theme;
+        return getTemplateGap_1.default(theme, { gap: gap, rowGap: rowGap, colGap: colGap });
+    }, getTemplateColumns_1.default(columns), getTemplateRows_1.default(rows));
+};
+var StyledGrid = themedStyledComponents_1.default(S.Layout).attrs(function (props) {
+    var _a;
+    return ({
+        display: (_a = props.display) !== null && _a !== void 0 ? _a : 'grid',
+        extended: tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(props.extended)), [media_1.interpolate(props, getResponsiveStyles)]),
+    });
+})(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  pointer-events: ", ";\n\n  ", "\n"], ["\n  pointer-events: ", ";\n\n  ", "\n"])), function (_a) {
+    var noPointerEvents = _a.noPointerEvents;
+    return noPointerEvents && 'none';
+}, getResponsiveStyles);
+exports.default = StyledGrid;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=StyledGrid.js.map

package/components/Grid/styled/helpers/getBoundaries/getBoundaries.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBoundaries = void 0;
+var tslib_1 = require("tslib");
+var getBoundaries = function (areas) {
+    return areas.reduce(function (acc, _a) {
+        var to = _a.to;
+        var _b = tslib_1.__read(to, 2), coldEnd = _b[0], rowEnd = _b[1];
+        if (coldEnd >= acc.maxEndCol) {
+            acc.maxEndCol = coldEnd;
+        }
+        if (rowEnd >= acc.maxEndRow) {
+            acc.maxEndRow = rowEnd;
+        }
+        return acc;
+    }, {
+        maxEndCol: 0,
+        maxEndRow: 0,
+    });
+};
+exports.getBoundaries = getBoundaries;
+//# sourceMappingURL=getBoundaries.js.map

package/components/Grid/styled/helpers/getBoundaries/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var getBoundaries_1 = require("./getBoundaries");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return getBoundaries_1.getBoundaries; } });
+//# sourceMappingURL=index.js.map

package/components/Grid/styled/helpers/getTemplateAreas/getTemplateAreas.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTemplateAreas = void 0;
+var tslib_1 = require("tslib");
+var getBoundaries_1 = tslib_1.__importDefault(require("../getBoundaries"));
+var getTemplateAreas = function (areas) {
+    if (!areas) {
+        return undefined;
+    }
+    var _a = getBoundaries_1.default(areas), maxEndCol = _a.maxEndCol, maxEndRow = _a.maxEndRow;
+    var gridCells = Array.from(Array(maxEndRow + 1), function () {
+        return Array(maxEndCol + 1).fill('.');
+    });
+    areas.forEach(function (area) {
+        var name = area.name, _a = tslib_1.__read(area.to, 2), colEnd = _a[0], rowEnd = _a[1], from = area.from;
+        for (var _b = tslib_1.__read(from, 2), rowStart = _b[1]; rowStart <= rowEnd; rowStart += 1) {
+            for (var _c = tslib_1.__read(from, 1), colStart = _c[0]; colStart <= colEnd; colStart += 1) {
+                gridCells[rowStart][colStart] = name;
+            }
+        }
+    });
+    return "grid-template-areas: " + gridCells
+        .map(function (r) { return "'" + r.join(' ') + "'"; })
+        .join('\n') + ";";
+};
+exports.getTemplateAreas = getTemplateAreas;
+//# sourceMappingURL=getTemplateAreas.js.map

package/components/Grid/styled/helpers/getTemplateAreas/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var getTemplateAreas_1 = require("./getTemplateAreas");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return getTemplateAreas_1.getTemplateAreas; } });
+//# sourceMappingURL=index.js.map

package/components/Grid/styled/helpers/getTemplateColumns/getTemplateColumns.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTemplateColumns = void 0;
+var tslib_1 = require("tslib");
+var getTemplateTrack_1 = tslib_1.__importDefault(require("../getTemplateTrack"));
+var getTemplateColumns = function (columns) {
+    return columns && "grid-template-columns: " + getTemplateTrack_1.default(columns) + ";";
+};
+exports.getTemplateColumns = getTemplateColumns;
+//# sourceMappingURL=getTemplateColumns.js.map

package/components/Grid/styled/helpers/getTemplateColumns/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var getTemplateColumns_1 = require("./getTemplateColumns");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return getTemplateColumns_1.getTemplateColumns; } });
+//# sourceMappingURL=index.js.map

package/components/Grid/styled/helpers/getTemplateGap/getTemplateGap.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTemplateGap = void 0;
+function getTemplateGap(theme, _a) {
+    var _b, _c;
+    var gap = _a.gap, _d = _a.rowGap, rowGap = _d === void 0 ? gap : _d, _e = _a.colGap, colGap = _e === void 0 ? gap : _e;
+    var rowGapRule = rowGap != null ? "row-gap: " + ((_b = theme.spacings[rowGap]) !== null && _b !== void 0 ? _b : rowGap) + ";" : '';
+    var colGapRule = colGap != null ? "column-gap: " + ((_c = theme.spacings[colGap]) !== null && _c !== void 0 ? _c : colGap) + ";" : '';
+    return "" + rowGapRule + colGapRule;
+}
+exports.getTemplateGap = getTemplateGap;
+//# sourceMappingURL=getTemplateGap.js.map

package/components/Grid/styled/helpers/getTemplateGap/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var getTemplateGap_1 = require("./getTemplateGap");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return getTemplateGap_1.getTemplateGap; } });
+//# sourceMappingURL=index.js.map

package/components/Grid/styled/helpers/getTemplateRows/getTemplateRows.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTemplateRows = void 0;
+var tslib_1 = require("tslib");
+var getTemplateTrack_1 = tslib_1.__importDefault(require("../getTemplateTrack"));
+var getTemplateRows = function (rows) {
+    return rows && "grid-template-rows: " + getTemplateTrack_1.default(rows) + ";";
+};
+exports.getTemplateRows = getTemplateRows;
+//# sourceMappingURL=getTemplateRows.js.map

package/components/Grid/styled/helpers/getTemplateRows/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var getTemplateRows_1 = require("./getTemplateRows");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return getTemplateRows_1.getTemplateRows; } });
+//# sourceMappingURL=index.js.map

package/components/Grid/styled/helpers/getTemplateTrack/getTemplateTrack.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTemplateTrack = void 0;
+var tslib_1 = require("tslib");
+var getTemplateTrack = function (track) {
+    return track
+        .map(function (cell) {
+        if (Array.isArray(cell)) {
+            var _a = tslib_1.__read(cell, 2), times = _a[0], size = _a[1];
+            return "repeat(" + times + ", " + size + ")";
+        }
+        return cell;
+    })
+        .join(' ');
+};
+exports.getTemplateTrack = getTemplateTrack;
+//# sourceMappingURL=getTemplateTrack.js.map

package/components/Grid/styled/helpers/getTemplateTrack/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var getTemplateTrack_1 = require("./getTemplateTrack");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return getTemplateTrack_1.getTemplateTrack; } });
+//# sourceMappingURL=index.js.map

package/components/Grid/styled/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Grid = void 0;
+var StyledGrid_1 = require("./StyledGrid");
+Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return __importDefault(StyledGrid_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/H1/H1.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = tslib_1.__importStar(require("./styled"));
+var H1 = function (props) { return jsx_runtime_1.jsx(S.H1, tslib_1.__assign({}, props), void 0); };
+exports.default = H1;
+//# sourceMappingURL=H1.js.map

package/components/H1/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = exports.default = void 0;
+var H1_1 = require("./H1");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(H1_1).default; } });
+var styled_1 = require("./styled");
+Object.defineProperty(exports, "styles", { enumerable: true, get: function () { return styled_1.styles; } });
+//# sourceMappingURL=index.js.map

package/components/H1/styled/H1.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+exports.styles = themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ",
+    ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.PRIMARY;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.secondary.fontFamily;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.sizes[theme.h1.FONT_SIZE];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.secondary.weight[theme.h1.FONT_WEIGHT];
+});
+var H1 = themedStyledComponents_1.default.h1(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.styles);
+exports.default = H1;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=H1.js.map

package/components/H1/styled/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = exports.H1 = void 0;
+var H1_1 = require("./H1");
+Object.defineProperty(exports, "H1", { enumerable: true, get: function () { return __importDefault(H1_1).default; } });
+Object.defineProperty(exports, "styles", { enumerable: true, get: function () { return H1_1.styles; } });
+//# sourceMappingURL=index.js.map

package/components/H2/H2.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = tslib_1.__importStar(require("./styled"));
+var H2 = function (props) { return jsx_runtime_1.jsx(S.H2, tslib_1.__assign({}, props), void 0); };
+exports.default = H2;
+//# sourceMappingURL=H2.js.map

package/components/H2/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = exports.default = void 0;
+var H2_1 = require("./H2");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(H2_1).default; } });
+var styled_1 = require("./styled");
+Object.defineProperty(exports, "styles", { enumerable: true, get: function () { return styled_1.styles; } });
+//# sourceMappingURL=index.js.map

package/components/H2/styled/H2.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+exports.styles = themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", ";\n"], ["\n  ",
+    ";\n"])), function (_a) {
+    var _b = _a.theme, colors = _b.colors, fonts = _b.fonts, h2 = _b.h2, align = _a.align, fontSize = _a.fontSize;
+    return "\n    color: " + colors.PRIMARY + ";\n    font-family: " + h2.FONT_FAMILY + ";\n    font-size: " + fonts.sizes[fontSize || h2.FONT_SIZE] + ";\n    font-weight: " + h2.FONT_WEIGHT + ";\n    " + (align ? "text-align: " + align + ";" : '') + "\n  ";
+});
+var H2 = themedStyledComponents_1.default.h2(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.styles);
+exports.default = H2;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=H2.js.map

package/components/H2/styled/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = exports.H2 = void 0;
+var H2_1 = require("./H2");
+Object.defineProperty(exports, "H2", { enumerable: true, get: function () { return __importDefault(H2_1).default; } });
+Object.defineProperty(exports, "styles", { enumerable: true, get: function () { return H2_1.styles; } });
+//# sourceMappingURL=index.js.map

package/components/H3/H3.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = tslib_1.__importStar(require("./styled"));
+var H3 = function (props) { return jsx_runtime_1.jsx(S.H3, tslib_1.__assign({}, props), void 0); };
+exports.default = H3;
+//# sourceMappingURL=H3.js.map

package/components/H3/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = exports.default = void 0;
+var H3_1 = require("./H3");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(H3_1).default; } });
+var styled_1 = require("./styled");
+Object.defineProperty(exports, "styles", { enumerable: true, get: function () { return styled_1.styles; } });
+//# sourceMappingURL=index.js.map

package/components/H3/styled/H3.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+exports.styles = themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.TEXT_DARK;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.fontFamily;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.sizes.fs400;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.weight.fw500;
+});
+var H3 = themedStyledComponents_1.default.h3(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.styles);
+exports.default = H3;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=H3.js.map

package/components/H3/styled/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = exports.H3 = void 0;
+var H3_1 = require("./H3");
+Object.defineProperty(exports, "H3", { enumerable: true, get: function () { return __importDefault(H3_1).default; } });
+Object.defineProperty(exports, "styles", { enumerable: true, get: function () { return H3_1.styles; } });
+//# sourceMappingURL=index.js.map

package/components/H4/H4.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var S = tslib_1.__importStar(require("./styled"));
+var H4 = function (props) { return react_1.default.createElement(S.H4, tslib_1.__assign({}, props)); };
+exports.default = H4;
+//# sourceMappingURL=H4.js.map

package/components/H4/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var H4_1 = require("./H4");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(H4_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/H4/styled/H4.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var H4 = themedStyledComponents_1.default.h4(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.TEXT;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.fontFamily;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.sizes.fs400;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.weight.fw400;
+});
+exports.default = H4;
+var templateObject_1;
+//# sourceMappingURL=H4.js.map