@xivart/tangram 0.0.1-security → 2.712.1

package/components/Button/SecondaryButton.js

@@ -0,0 +1,20 @@
+"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 defaultProps = {
+    dataAttrs: {},
+    disabled: false,
+    fullWidth: false,
+    onClick: function () { },
+    type: 'button',
+};
+var SecondaryButton = function (_a) {
+    var children = _a.children, dataAttrs = _a.dataAttrs, disabled = _a.disabled, fullWidth = _a.fullWidth, icon = _a.icon, onClick = _a.onClick, type = _a.type;
+    return (jsx_runtime_1.jsxs(S.Secondary, tslib_1.__assign({}, dataAttrs, { disabled: disabled, fullWidth: fullWidth, onClick: onClick, type: type }, { children: [icon && (jsx_runtime_1.jsx(S.IconContainer, tslib_1.__assign({ isSecondary: true }, dataAttrs, { children: icon }), void 0)),
+            jsx_runtime_1.jsx(S.Label, tslib_1.__assign({ isSecondary: true }, dataAttrs, { children: children }), void 0)] }), void 0));
+};
+SecondaryButton.defaultProps = defaultProps;
+exports.default = SecondaryButton;
+//# sourceMappingURL=SecondaryButton.js.map

package/components/Button/TertiaryButton.js

@@ -0,0 +1,21 @@
+"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 defaultProps = {
+    dataAttrs: {},
+    disabled: false,
+    fullWidth: false,
+    onClick: function () { },
+    type: 'button',
+    outline: false,
+    inverse: false,
+};
+var TertiaryButton = function (_a) {
+    var children = _a.children, dataAttrs = _a.dataAttrs, disabled = _a.disabled, fullWidth = _a.fullWidth, onClick = _a.onClick, type = _a.type, outline = _a.outline, inverse = _a.inverse, variation = _a.variation, noFeedback = _a.noFeedback;
+    return (jsx_runtime_1.jsx(S.Tertiary, tslib_1.__assign({}, dataAttrs, { disabled: disabled, fullWidth: fullWidth, inverse: inverse, noFeedback: noFeedback, onClick: onClick, outline: outline, type: type, variation: variation }, { children: jsx_runtime_1.jsx(S.Label, { children: children }, void 0) }), void 0));
+};
+TertiaryButton.defaultProps = defaultProps;
+exports.default = TertiaryButton;
+//# sourceMappingURL=TertiaryButton.js.map

package/components/Button/index.js

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

package/components/Button/styled/Button.js

@@ -0,0 +1,25 @@
+"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("../../Touchable/styled"));
+var Button = themedStyledComponents_1.default(S.Touchable).attrs({
+    as: 'button',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+})(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  border-radius: ", ";\n  font-family: ", ";\n  line-height: 1.2;\n  max-width: 100%;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:active {\n    background-image: none;\n  }\n\n  ", ";\n"], ["\n  border-radius: ",
+    ";\n  font-family: ", ";\n  line-height: 1.2;\n  max-width: 100%;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:active {\n    background-image: none;\n  }\n\n  ",
+    ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.borders.radius[theme.button.BORDER_RADIUS];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.secondary.fontFamily;
+}, function (_a) {
+    var fullWidth = _a.fullWidth;
+    return fullWidth && themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      width: 100%;\n    "], ["\n      width: 100%;\n    "])));
+});
+exports.default = Button;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Button.js.map

package/components/Button/styled/ChatbotButton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotButton = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+var Button_1 = tslib_1.__importDefault(require("./Button"));
+var hexToRgba_1 = tslib_1.__importDefault(require("../../../utils/hexToRgba"));
+exports.ChatbotButton = styled_components_1.default(Button_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  background: ", ";\n  border: none;\n  border-radius: 32px 4px 32px 32px;\n  box-shadow: 0px 4px 8px\n    ", ";\n  gap: 12px;\n  height: 61px;\n  padding: 0 24px;\n"], ["\n  background: ", ";\n  border: none;\n  border-radius: 32px 4px 32px 32px;\n  box-shadow: 0px 4px 8px\n    ", ";\n  gap: 12px;\n  height: 61px;\n  padding: 0 24px;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.PRIMARY;
+}, function (_a) {
+    var theme = _a.theme;
+    return hexToRgba_1.default(theme.colors.PRIMARY, 0.45);
+});
+var templateObject_1;
+//# sourceMappingURL=ChatbotButton.js.map

package/components/Button/styled/IconContainer.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var IconContainer = themedStyledComponents_1.default.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  text-align: center;\n  pointer-events: none;\n  ", "\n"], ["\n  align-items: center;\n  display: flex;\n  text-align: center;\n  pointer-events: none;\n  ",
+    "\n"])), function (_a) {
+    var isSecondary = _a.isSecondary, _b = _a.theme, borders = _b.borders, button = _b.button, colors = _b.colors, spacings = _b.spacings;
+    return isSecondary
+        ? "\n    border-right: " + borders.width.bw200 + " " + button.SECONDARY_BORDER_STYLE + " " + colors.SECONDARY + ";\n    padding: " + spacings.s100 + " 0;\n    margin: 0 " + spacings.s400 + " 0 0;\n  "
+        : '';
+});
+exports.default = IconContainer;
+var templateObject_1;
+//# sourceMappingURL=IconContainer.js.map

package/components/Button/styled/Label.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var Label = themedStyledComponents_1.default.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  pointer-events: none;\n  ", "\n"], ["\n  pointer-events: none;\n  ",
+    "\n"])), function (_a) {
+    var isSecondary = _a.isSecondary, spacings = _a.theme.spacings;
+    return isSecondary
+        ? "\n    padding: " + spacings.s300 + " 0;\n    width: 100%;\n  "
+        : '';
+});
+exports.default = Label;
+var templateObject_1;
+//# sourceMappingURL=Label.js.map

package/components/Button/styled/Primary.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var Button_1 = tslib_1.__importDefault(require("./Button"));
+var Primary = themedStyledComponents_1.default(Button_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  border: none;\n  flex-direction: row-reverse;\n  min-height: 48px;\n  ", "\n"], ["\n  border: none;\n  flex-direction: row-reverse;\n  min-height: 48px;\n  ",
+    "\n"])), function (_a) {
+    var _b = _a.theme, fonts = _b.fonts, button = _b.button, colors = _b.colors, spacings = _b.spacings, small = _a.small, disabled = _a.disabled;
+    return "\n    background-image: linear-gradient(to bottom, " + colors[button.PRIMARY_BUTTON_COLOR || 'GRADIENT_TOP'] + ", " + colors[button.PRIMARY_BUTTON_COLOR || 'GRADIENT_DOWN'] + ");\n    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15),\n      inset 0 -3px 0 0 " + colors[button.PRIMARY_BUTTON_COLOR || 'ACCENT_DARK'] + ";\n    color: " + colors[button.PRIMARY_TEXT_COLOR] + ";\n    font-size: " + fonts.sizes[button.PRIMARY_FONT_SIZE] + ";\n    font-weight: " + fonts.secondary.weight[button.PRIMARY_FONT_WEIGHT] + ";\n    padding: " + spacings.s300 + " " + spacings.s800 + ";\n    text-shadow: " + button.PRIMARY_TEXT_SHADOW + ";\n\n    svg {\n      margin-left: " + spacings.s300 + ";\n      > use {\n        fill: " + colors[button.PRIMARY_ICON_COLOR] + ";\n      }\n    }\n\n    &:not(:disabled) {\n      svg {\n        filter: " + button.PRIMARY_ICON_SHADOW + ";\n      }\n    }\n\n    &:focus:not(:disabled),\n    &:hover:not(:disabled) {\n      background-color: " + colors[button.PRIMARY_BUTTON_COLOR || 'GRADIENT_TOP'] + ";\n    }\n\n    &:active:not(:disabled) {\n      background-color: " + colors[button.PRIMARY_BUTTON_COLOR || 'GRADIENT_DOWN'] + ";\n      box-shadow: inset 0 -1px 0 0 " + colors[button.PRIMARY_BUTTON_COLOR || 'ACCENT_DARK'] + ";\n    }\n\n    " + (small
+        ? "\n      font-size: " + fonts.sizes[button.PRIMARY_SMALL_FONT_SIZE] + ";\n      min-height: 36px;\n      padding-left: " + spacings.s500 + ";\n      padding-right: " + spacings.s500 + ";\n\n      svg {\n        height: 16px;\n        margin-top: -3px;\n        width: 16px;\n      }\n    "
+        : '') + "\n\n    " + (disabled
+        ? "\n      background: " + colors.SECONDARY_LIGHT + ";\n      box-shadow: inset 0 -3px 0 0 " + colors[button.PRIMARY_DISABLED_SHADOW_COLOR] + ";\n      color: " + colors[button.PRIMARY_DISABLED_TEXT_COLOR] + ";\n      cursor: default;\n      text-shadow: none;\n\n      svg > use {\n        fill: " + colors[button.PRIMARY_DISABLED_ICON_COLOR] + ";\n      }\n    "
+        : '') + "\n  ";
+});
+exports.default = Primary;
+var templateObject_1;
+//# sourceMappingURL=Primary.js.map

package/components/Button/styled/Quaternary.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Quaternary = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var Button_1 = tslib_1.__importDefault(require("./Button"));
+exports.Quaternary = themedStyledComponents_1.default(Button_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  min-height: 36px;\n  position: relative;\n  ", "\n"], ["\n  min-height: 36px;\n  position: relative;\n  ",
+    "\n"])), function (_a) {
+    var _b = _a.theme, fonts = _b.fonts, colors = _b.colors, borders = _b.borders, spacings = _b.spacings;
+    return "\n    background: " + colors.TERTIARY_DARK + ";\n    border: " + borders.style.SOLID + " " + borders.width.bw200 + " " + colors.SECONDARY_LIGHT + ";\n\n    color: " + colors.PRIMARY + ";\n    font-size: " + fonts.sizes.fs400 + ";\n    font-family: " + fonts.primary.fontFamily + ";\n    font-weight: " + fonts.primary.weight.fw500 + ";\n    line-height: 1.5;\n    padding: 0 " + spacings.s400 + ";\n\n    svg {\n      flex-grow: 0;\n      flex-shrink: 0;\n      margin-right: " + spacings.s400 + ";\n      > use {\n        fill: " + colors.PRIMARY + ";\n      }\n    }\n  ";
+});
+var templateObject_1;
+//# sourceMappingURL=Quaternary.js.map

package/components/Button/styled/Quinary.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Quinary = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+var Button_1 = tslib_1.__importDefault(require("./Button"));
+exports.Quinary = themedStyledComponents_1.default(Button_1.default)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  ", ";\n"], ["\n  ",
+    ";\n"])), function (_a) {
+    var _b = _a.theme, colors = _b.colors, borders = _b.borders, spacings = _b.spacings, fonts = _b.fonts;
+    return themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    color: ", ";\n    font-size: ", ";\n    font-family: ", ";\n    font-weight: ", ";\n    height: 40px;\n    background: ", ";\n    border: ", " ", "\n      ", ";\n    border-radius: ", ";\n    padding: ", ";\n\n    svg {\n      height: 16px;\n      width: 16px;\n      flex-grow: 0;\n      flex-shrink: 0;\n      > use {\n        fill: ", ";\n      }\n    }\n  "], ["\n    color: ", ";\n    font-size: ", ";\n    font-family: ", ";\n    font-weight: ", ";\n    height: 40px;\n    background: ", ";\n    border: ", " ", "\n      ", ";\n    border-radius: ", ";\n    padding: ", ";\n\n    svg {\n      height: 16px;\n      width: 16px;\n      flex-grow: 0;\n      flex-shrink: 0;\n      > use {\n        fill: ", ";\n      }\n    }\n  "])), colors.TERTIARY_LIGHT, fonts.sizes.fs400, fonts.secondary.fontFamily, fonts.secondary.weight.fw600, colors.PRIMARY, borders.style.SOLID, borders.width.bw100, colors.TERTIARY_LIGHT, borders.radius.br200, spacings.s400, colors.TERTIARY_LIGHT);
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Quinary.js.map

package/components/Button/styled/SeatInteraction.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeatInteraction = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+var Button_1 = tslib_1.__importDefault(require("./Button"));
+exports.SeatInteraction = themedStyledComponents_1.default(Button_1.default)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  ", ";\n"], ["\n  ",
+    ";\n"])), function (_a) {
+    var active = _a.active, _b = _a.theme, colors = _b.colors, spacings = _b.spacings, borders = _b.borders, fonts = _b.fonts;
+    return themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    background: ", ";\n    height: 64px;\n\n    ", "\n\n    &:hover:not(:disabled) {\n      background-color: ", ";\n    }\n  "], ["\n    font-family: ", ";\n    background: ", ";\n    height: 64px;\n\n    ",
+        "\n\n    &:hover:not(:disabled) {\n      background-color: ", ";\n    }\n  "])), fonts.primary.fontFamily, colors.CONTENT_BACKGROUND, active
+        ? "\n          border: " + borders.style.SOLID + " " + borders.width.bw200 + "\n            " + colors.PRIMARY + ";\n          padding: calc(\n            " + spacings.s500 + " - " + borders.width.bw200 + " + " + borders.width.bw100 + "\n          );\n        "
+        : "\n          border: " + borders.style.SOLID + " " + borders.width.bw100 + "\n            " + colors.TERTIARY_DARK + ";\n          padding: " + spacings.s500 + ";\n        ", colors.SHADOW_DARK);
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=SeatInteraction.js.map

package/components/Button/styled/Secondary.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var Button_1 = tslib_1.__importDefault(require("./Button"));
+var Secondary = themedStyledComponents_1.default(Button_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  min-height: 36px;\n  position: relative;\n  ", "\n"], ["\n  min-height: 36px;\n  position: relative;\n  ",
+    "\n"])), function (_a) {
+    var _b = _a.theme, fonts = _b.fonts, colors = _b.colors, borders = _b.borders, button = _b.button, spacings = _b.spacings, disabled = _a.disabled;
+    return "\n    background: " + colors.CONTENT_BACKGROUND + ";\n    border: " + borders.style.SOLID + " " + borders.width.bw100 + " " + colors.SECONDARY + ";\n    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset 0 -3px 0 0 " + colors.TERTIARY + ";\n    color: " + colors.PRIMARY_DARK + ";\n    font-size: " + fonts.sizes.fs400 + ";\n    font-family: " + fonts.secondary.fontFamily + ";\n    font-weight: " + fonts.secondary.weight[button.SECONDARY_FONT_WEIGHT] + ";\n    padding: 0 " + spacings.s400 + ";\n\n    &:active:not(:disabled) {\n      background-color: " + colors.TERTIARY_DARK + ";\n      box-shadow: none;\n    }\n\n    svg {\n      flex-grow: 0;\n      flex-shrink: 0;\n      height: 16px;\n      margin-right: " + spacings.s400 + ";\n      width: 16px;\n      > use {\n        fill: " + colors.PRIMARY_DARK + ";\n      }\n    }\n\n    " + (disabled
+        ? "\n      background: " + colors.CONTENT_BACKGROUND + ";\n      border: " + borders.style.SOLID + " " + borders.width.bw100 + " " + colors.SECONDARY + ";\n      box-shadow: none;\n      color: " + colors[button.SECONDARY_DISABLED_TEXT_COLOR] + ";\n      cursor: default;\n\n      svg > use {\n        fill: " + colors[button.SECONDARY_DISABLED_ICON_COLOR] + ";\n      }\n    "
+        : '') + "\n  ";
+});
+exports.default = Secondary;
+var templateObject_1;
+//# sourceMappingURL=Secondary.js.map

package/components/Button/styled/Tertiary.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+var Button_1 = tslib_1.__importDefault(require("./Button"));
+var getForegroundStyles = function (_a, _b) {
+    var colors = _a.colors;
+    var outline = _b.outline, inverse = _b.inverse, variation = _b.variation;
+    if (outline) {
+        return inverse || variation === 'alert'
+            ? "\n        border-color: " + colors.CONTENT_BACKGROUND + ";\n        color: " + colors.CONTENT_BACKGROUND + ";\n    "
+            : "\n        border-color: " + colors.PRIMARY_LIGHT + ";\n        color: " + colors.PRIMARY_LIGHT + ";\n      ";
+    }
+    if (variation === 'alert') {
+        return "color: " + colors.WARNING + ";";
+    }
+    return "color: " + (inverse ? colors.PRIMARY_LIGHT : colors.CONTENT_BACKGROUND) + ";";
+};
+var getBackgroundStyles = function (_a, _b) {
+    var colors = _a.colors, header = _a.header;
+    var outline = _b.outline, inverse = _b.inverse, variation = _b.variation, disabled = _b.disabled;
+    if (variation === 'alert') {
+        return "\n      background: " + (outline ? colors.WARNING : colors.CONTENT_BACKGROUND) + ";\n      &:focus:not(:disabled),\n      &:hover:not(:disabled),\n      &:active:not(:disabled) {\n        filter: none;\n      }\n    ";
+    }
+    if ((inverse && !outline) || (outline && !inverse)) {
+        return "\n      background: " + colors.CONTENT_BACKGROUND + ";\n      &:hover:not(:disabled) {\n        background-color: " + colors.TERTIARY + ";\n      }\n      &:active:not(:disabled) {\n        background-color: " + colors.TERTIARY_DARK + ";\n        box-shadow: none;\n      }\n      " + (disabled
+            ? "\n        color: " + colors.SECONDARY_LIGHT + ";\n        cursor: default;\n      "
+            : '') + "\n    ";
+    }
+    if (variation === 'menu') {
+        return "\n      color: " + colors[header.TEXT_COLOR] + ";\n      background-color: " + colors[header.BACKGROUND_COLOR] + ";\n      &:hover:not(:disabled) {\n        background-color: " + colors[header.BACKGROUND_COLOR] + ";\n      }\n      &:active:not(:disabled) {\n        background-color: " + colors[header.BACKGROUND_COLOR] + ";\n        box-shadow: none;\n      }\n    ";
+    }
+    return "\n    background: " + colors.PRIMARY_LIGHT + ";\n    &:hover:not(:disabled) {\n      background-color: " + colors.MAIL + ";\n    }\n    &:active:not(:disabled) {\n      background-color: " + colors.PRIMARY + ";\n      box-shadow: none;\n    }\n    " + (disabled
+        ? "\n      background: " + colors.SECONDARY_LIGHT + ";\n      cursor: default;\n    "
+        : '') + "\n";
+};
+var getOutlineStyles = function (_a, _b) {
+    var borders = _a.borders;
+    var outline = _b.outline;
+    return outline
+        ? "border: " + borders.style.SOLID + " " + borders.width.bw100 + ";"
+        : "border: none";
+};
+var Tertiary = themedStyledComponents_1.default(Button_1.default)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  text-shadow: none;\n  min-height: 34px;\n  ", "\n  ", "\n"], ["\n  text-shadow: none;\n  min-height: 34px;\n  ",
+    "\n  ",
+    "\n"])), function (_a) {
+    var _b = _a.theme, fonts = _b.fonts, borders = _b.borders, spacings = _b.spacings, variation = _a.variation;
+    return "\n    font-size: " + fonts.sizes.fs300 + ";\n    font-family: " + fonts.primary.fontFamily + ";\n    font-weight: " + (variation === 'menu'
+        ? fonts.primary.weight.fw400
+        : fonts.primary.weight.fw500) + ";\n    padding: " + spacings.s300 + " " + spacings.s500 + ";\n    border-radius: " + borders.radius.br200 + ";\n  ";
+}, function (_a) {
+    var theme = _a.theme, props = tslib_1.__rest(_a, ["theme"]);
+    return themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n  "], ["\n    ", "\n    ", "\n    ", "\n  "])), getForegroundStyles(theme, props), getBackgroundStyles(theme, props), getOutlineStyles(theme, props));
+});
+exports.default = Tertiary;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Tertiary.js.map

package/components/Button/styled/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tertiary = exports.IconContainer = exports.Secondary = exports.Primary = exports.Label = exports.Button = void 0;
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+var Label_1 = require("./Label");
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return __importDefault(Label_1).default; } });
+var Primary_1 = require("./Primary");
+Object.defineProperty(exports, "Primary", { enumerable: true, get: function () { return __importDefault(Primary_1).default; } });
+var Secondary_1 = require("./Secondary");
+Object.defineProperty(exports, "Secondary", { enumerable: true, get: function () { return __importDefault(Secondary_1).default; } });
+var IconContainer_1 = require("./IconContainer");
+Object.defineProperty(exports, "IconContainer", { enumerable: true, get: function () { return __importDefault(IconContainer_1).default; } });
+var Tertiary_1 = require("./Tertiary");
+Object.defineProperty(exports, "Tertiary", { enumerable: true, get: function () { return __importDefault(Tertiary_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Calendar/Calendar.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var constants_1 = require("./constants");
+var helpers_1 = require("./helpers");
+var S = tslib_1.__importStar(require("./styled"));
+var Months_1 = tslib_1.__importDefault(require("./components/Months"));
+var Calendar = function (_a) {
+    var horizontal = _a.horizontal, _b = _a.locale, locale = _b === void 0 ? constants_1.DEFAULT_LOCALE : _b, maxDate = _a.maxDate, minDate = _a.minDate, onSelectDate = _a.onSelectDate, _c = _a.selectedDates, selectedDates = _c === void 0 ? [null, null] : _c, updateSelectedDateRef = _a.updateSelectedDateRef;
+    var monthDayFormatter = locale.monthDayFormatter, monthFormatter = locale.monthFormatter, startWeekDay = locale.startWeekDay;
+    return (jsx_runtime_1.jsx(S.CalendarContainer, { children: jsx_runtime_1.jsx(Months_1.default, { horizontal: horizontal, maxDate: helpers_1.normalizeDate({
+                dateObject: maxDate,
+                hours: 23,
+                minutes: 59,
+                seconds: 59,
+                milliseconds: 999,
+            }), minDate: helpers_1.normalizeDate({
+                dateObject: minDate,
+            }), monthDayFormatter: monthDayFormatter, monthFormatter: monthFormatter, onSelectDate: onSelectDate, selectedDates: selectedDates, startWeekDay: startWeekDay, updateSelectedDateRef: updateSelectedDateRef }, void 0) }, void 0));
+};
+exports.default = Calendar;
+//# sourceMappingURL=Calendar.js.map

package/components/Calendar/components/Button/Button.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Touchable_1 = tslib_1.__importDefault(require("../../../Touchable"));
+var Icon_1 = tslib_1.__importDefault(require("../../../Icon"));
+var S = tslib_1.__importStar(require("./styled"));
+var constants_1 = require("./constants");
+var Button = function (_a) {
+    var reverse = _a.reverse, moveTo = _a.moveTo;
+    var onClick = function () {
+        moveTo(reverse ? constants_1.BACK_INDEX : constants_1.FORTH_INDEX);
+    };
+    return (jsx_runtime_1.jsx(Touchable_1.default, tslib_1.__assign({ cursor: "pointer", noFeedback: true, onClick: onClick }, { children: jsx_runtime_1.jsx(S.ButtonContainer, tslib_1.__assign({ reverse: reverse }, { children: jsx_runtime_1.jsx(Icon_1.default, { color: "PRIMARY_DARK", height: 12, name: "chevron-horizontal", rotate: reverse ? 180 : undefined, width: 10 }, void 0) }), void 0) }), void 0));
+};
+exports.default = Button;
+//# sourceMappingURL=Button.js.map

package/components/Calendar/components/Button/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FORTH_INDEX = exports.BACK_INDEX = void 0;
+exports.BACK_INDEX = -1;
+exports.FORTH_INDEX = 1;
+//# sourceMappingURL=constants.js.map

package/components/Calendar/components/Button/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 Button_1 = require("./Button");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Calendar/components/Button/styled/ButtonContainer.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var ButtonContainer = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  top: 105px;\n  ", ";\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n  border-radius: 22px;\n  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);\n  text-align: center;\n  background-color: #ffffff;\n"], ["\n  position: absolute;\n  top: 105px;\n  ", ";\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n  border-radius: 22px;\n  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);\n  text-align: center;\n  background-color: #ffffff;\n"])), function (_a) {
+    var reverse = _a.reverse;
+    return (reverse ? "left: -22px" : "right: -22px");
+});
+exports.default = ButtonContainer;
+var templateObject_1;
+//# sourceMappingURL=ButtonContainer.js.map

package/components/Calendar/components/Button/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.ButtonContainer = void 0;
+var ButtonContainer_1 = require("./ButtonContainer");
+Object.defineProperty(exports, "ButtonContainer", { enumerable: true, get: function () { return __importDefault(ButtonContainer_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Calendar/components/DateCell/DateCell.js

@@ -0,0 +1,26 @@
+"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 constants_1 = require("./constants");
+var Text_1 = tslib_1.__importDefault(require("../../../Text"));
+var DateCell = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? constants_1.DateCellType.Default : _b, value = _a.value;
+    var displaySelectedContainer = type === constants_1.DateCellType.Selected ||
+        type === constants_1.DateCellType.SelectedStart ||
+        type === constants_1.DateCellType.SelectedEnd;
+    var displaySelectedStartEndContainer = type === constants_1.DateCellType.SelectedStart || type === constants_1.DateCellType.SelectedEnd;
+    var color = 'TEXT_DARK';
+    if (type === constants_1.DateCellType.Disabled) {
+        color = 'SECONDARY_LIGHT';
+    }
+    else if (displaySelectedContainer) {
+        color = 'CONTENT_BACKGROUND';
+    }
+    return (jsx_runtime_1.jsxs(S.DateCellContainer, tslib_1.__assign({ type: type }, { children: [jsx_runtime_1.jsx(Text_1.default, tslib_1.__assign({ align: "center", color: color, fontSize: "fs400", fontWeight: "fw400", lineHeight: 1.375 }, { children: value }), void 0),
+            displaySelectedContainer && jsx_runtime_1.jsx(S.SelectedContainer, {}, void 0),
+            displaySelectedStartEndContainer && (jsx_runtime_1.jsx(S.SelectedStartEndContainer, { type: type }, void 0))] }), void 0));
+};
+exports.default = DateCell;
+//# sourceMappingURL=DateCell.js.map

package/components/Calendar/components/DateCell/constants.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateCellType = void 0;
+var DateCellType;
+(function (DateCellType) {
+    DateCellType["Selected"] = "Selected";
+    DateCellType["SelectedStart"] = "SelectedStart";
+    DateCellType["SelectedEnd"] = "SelectedEnd";
+    DateCellType["SelectedRange"] = "SelectedRange";
+    DateCellType["Default"] = "Default";
+    DateCellType["Disabled"] = "Disabled";
+})(DateCellType = exports.DateCellType || (exports.DateCellType = {}));
+//# sourceMappingURL=constants.js.map

package/components/Calendar/components/DateCell/helper/updateElementsSize/index.js

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

package/components/Calendar/components/DateCell/helper/updateElementsSize/updateElementsSize.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateElementsSize = void 0;
+var constants_1 = require("../../constants");
+var updateElementsSize = function (cellElement, selectedRangeElement, selectedStartEndElement) {
+    if (cellElement) {
+        var width = cellElement.getBoundingClientRect().width;
+        if (width >= constants_1.MAX_WIDTH) {
+            cellElement.style.width = constants_1.MAX_WIDTH + "px";
+            cellElement.style.height = constants_1.MAX_HEIGHT + "px";
+            cellElement.style.paddingTop = '0';
+            if (selectedRangeElement) {
+                selectedRangeElement.style.height = '100%';
+            }
+            if (selectedStartEndElement) {
+                selectedStartEndElement.style.height = '100%';
+            }
+        }
+        else {
+            cellElement.style.width = '100%';
+            cellElement.style.height = '';
+            cellElement.style.paddingTop = '100%';
+            if (selectedRangeElement) {
+                selectedRangeElement.style.height = width + "px";
+            }
+            if (selectedStartEndElement) {
+                selectedStartEndElement.style.height = width + "px";
+            }
+        }
+    }
+};
+exports.updateElementsSize = updateElementsSize;
+//# sourceMappingURL=updateElementsSize.js.map

package/components/Calendar/components/DateCell/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 DateCell_1 = require("./DateCell");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(DateCell_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Calendar/components/DateCell/styled/Cell.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 Cell = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: relative;\n  padding-top: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  position: relative;\n  padding-top: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+exports.default = Cell;
+var templateObject_1;
+//# sourceMappingURL=Cell.js.map

package/components/Calendar/components/DateCell/styled/Container.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 Container = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+exports.default = Container;
+var templateObject_1;
+//# sourceMappingURL=Container.js.map

package/components/Calendar/components/DateCell/styled/DateCellContainer.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var omitAttrs_1 = tslib_1.__importDefault(require("../../../../../utils/omitAttrs"));
+var constants_1 = require("../constants");
+var DateCellContainer = themedStyledComponents_1.default.div.withConfig(omitAttrs_1.default('type'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 44px;\n  justify-content: center;\n  position: relative;\n  width: 100%;\n  ", "\n  z-index: 1;\n"], ["\n  align-items: center;\n  display: flex;\n  height: 44px;\n  justify-content: center;\n  position: relative;\n  width: 100%;\n  ",
+    "\n  z-index: 1;\n"])), function (_a) {
+    var colors = _a.theme.colors, type = _a.type;
+    return type === constants_1.DateCellType.SelectedRange &&
+        "\n    background-color: " + colors.TERTIARY + ";\n  ";
+});
+exports.default = DateCellContainer;
+var templateObject_1;
+//# sourceMappingURL=DateCellContainer.js.map

package/components/Calendar/components/DateCell/styled/HoverContainer.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var HoverContainer = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  border-radius: 50%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n  ", "\n"], ["\n  border-radius: 50%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n  ",
+    "\n"])), function (_a) {
+    var colors = _a.theme.colors;
+    return "\n    background-color: " + colors.TERTIARY_DARK + ";\n  ";
+});
+exports.default = HoverContainer;
+var templateObject_1;
+//# sourceMappingURL=HoverContainer.js.map

package/components/Calendar/components/DateCell/styled/SelectedContainer.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var SelectedContainer = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  border-radius: 50%;\n  height: 44px;\n  position: absolute;\n  width: 44px;\n  z-index: -1;\n  ", "\n"], ["\n  border-radius: 50%;\n  height: 44px;\n  position: absolute;\n  width: 44px;\n  z-index: -1;\n  ",
+    "\n"])), function (_a) {
+    var colors = _a.theme.colors;
+    return "\n    background-color: " + colors.ACTIVE + ";\n  ";
+});
+exports.default = SelectedContainer;
+var templateObject_1;
+//# sourceMappingURL=SelectedContainer.js.map

package/components/Calendar/components/DateCell/styled/SelectedRangeContainer.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var SelectedRangeContainer = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  transform: translateY(-50%);\n  top: 50%;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  ", "\n"], ["\n  position: absolute;\n  transform: translateY(-50%);\n  top: 50%;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  ",
+    "\n"])), function (_a) {
+    var colors = _a.theme.colors;
+    return "\n    background-color: " + colors.TERTIARY + ";\n  ";
+});
+exports.default = SelectedRangeContainer;
+var templateObject_1;
+//# sourceMappingURL=SelectedRangeContainer.js.map

package/components/Calendar/components/DateCell/styled/SelectedStartEndContainer.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../../utils/themedStyledComponents"));
+var omitAttrs_1 = tslib_1.__importDefault(require("../../../../../utils/omitAttrs"));
+var constants_1 = require("../constants");
+var SelectedStartEndContainer = themedStyledComponents_1.default.div.withConfig(omitAttrs_1.default('type'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  height: 44px;\n  position: absolute;\n  width: 50%;\n  z-index: -2;\n  ", "\n  ", "\n  ", "\n"], ["\n  height: 44px;\n  position: absolute;\n  width: 50%;\n  z-index: -2;\n  ",
+    "\n  ",
+    "\n  ",
+    "\n"])), function (_a) {
+    var colors = _a.theme.colors;
+    return "\n    background-color: " + colors.TERTIARY + ";\n  ";
+}, function (_a) {
+    var type = _a.type;
+    return type === constants_1.DateCellType.SelectedStart &&
+        "\n    right: 0;\n  ";
+}, function (_a) {
+    var type = _a.type;
+    return type === constants_1.DateCellType.SelectedEnd &&
+        "\n    left: 0;\n  ";
+});
+exports.default = SelectedStartEndContainer;
+var templateObject_1;
+//# sourceMappingURL=SelectedStartEndContainer.js.map

package/components/Calendar/components/DateCell/styled/TextContainer.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 TextContainer = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 3;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 3;\n"])));
+exports.default = TextContainer;
+var templateObject_1;
+//# sourceMappingURL=TextContainer.js.map