@xivart/tangram 0.0.1-security → 2.712.1

package/components/TitleBar/styled/TitleBar.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+var media_1 = tslib_1.__importDefault(require("../../../utils/media"));
+var getBottomBorderStyle = function () { return themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ::after {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n\n    content: '';\n\n    width: 100%;\n    height: 1px;\n\n    background: ", ";\n  }\n"], ["\n  ::after {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n\n    content: '';\n\n    width: 100%;\n    height: 1px;\n\n    background: ", ";\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.SECONDARY_LIGHT;
+}); };
+var getSecondaryStyles = function () { return themedStyledComponents_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  font-size: ", ";\n\n  ", "\n\n  ", "\n"], ["\n  font-size: ", ";\n\n  ", "\n\n  ",
+    "\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.sizes.fs400;
+}, getBottomBorderStyle(), media_1.default.s(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    font-size: ", ";\n  "], ["\n    font-size: ", ";\n  "])), function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.sizes.fs500;
+})); };
+var Bar = themedStyledComponents_1.default.header(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  font-family: ", ";\n  font-size: ", ";\n  border-radius: ", ";\n\n  /* [MM]: Do we still need this? */\n  position: sticky;\n  top: 0;\n\n  display: flex;\n  align-items: center;\n  z-index: ", ";\n\n  min-height: 24px;\n  padding: ", ";\n\n  box-sizing: content-box;\n\n  color: ", ";\n  background: ", ";\n\n  ", "\n"], ["\n  font-family: ", ";\n  font-size: ", ";\n  border-radius: ",
+    ";\n\n  /* [MM]: Do we still need this? */\n  position: sticky;\n  top: 0;\n\n  display: flex;\n  align-items: center;\n  z-index: ", ";\n\n  min-height: 24px;\n  padding: ", ";\n\n  box-sizing: content-box;\n\n  color: ",
+    ";\n  background: ",
+    ";\n\n  ", "\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.fontFamily;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.sizes.fs500;
+}, function (_a) {
+    var theme = _a.theme, roundedTop = _a.roundedTop;
+    return roundedTop &&
+        theme.borders.radius.br200 + " " + theme.borders.radius.br200 + " 0 0";
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.zIndexes.sticky;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500;
+}, function (_a) {
+    var theme = _a.theme, secondary = _a.secondary;
+    return secondary ? theme.colors.PRIMARY : theme.colors.CONTENT_BACKGROUND;
+}, function (_a) {
+    var theme = _a.theme, secondary = _a.secondary;
+    return secondary ? theme.colors.CONTENT_BACKGROUND : theme.colors.PRIMARY;
+}, function (_a) {
+    var secondary = _a.secondary;
+    return secondary && getSecondaryStyles();
+});
+exports.default = Bar;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=TitleBar.js.map

package/components/TitleBar/styled/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleBar = exports.Separator = exports.OpenButtonContainer = exports.CloseButtonContainer = exports.BackButtonContainer = void 0;
+var BackButtonContainer_1 = require("./BackButtonContainer");
+Object.defineProperty(exports, "BackButtonContainer", { enumerable: true, get: function () { return __importDefault(BackButtonContainer_1).default; } });
+var CloseButtonContainer_1 = require("./CloseButtonContainer");
+Object.defineProperty(exports, "CloseButtonContainer", { enumerable: true, get: function () { return __importDefault(CloseButtonContainer_1).default; } });
+var OpenButtonContainer_1 = require("./OpenButtonContainer");
+Object.defineProperty(exports, "OpenButtonContainer", { enumerable: true, get: function () { return __importDefault(OpenButtonContainer_1).default; } });
+var Separator_1 = require("./Separator");
+Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return __importDefault(Separator_1).default; } });
+var TitleBar_1 = require("./TitleBar");
+Object.defineProperty(exports, "TitleBar", { enumerable: true, get: function () { return __importDefault(TitleBar_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Tooltip/Tooltip.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_dom_1 = require("react-dom");
+var Icon_1 = (0, tslib_1.__importDefault)(require("../Icon"));
+var S = (0, tslib_1.__importStar)(require("./styled"));
+var getTooltipPosition_1 = (0, tslib_1.__importDefault)(require("./helpers/getTooltipPosition"));
+var isPositionChanged_1 = (0, tslib_1.__importDefault)(require("./helpers/isPositionChanged"));
+var TooltipContext_1 = require("./TooltipContext");
+var Tooltip = function (props) {
+    var children = props.children, _a = props.childrenDataAttrs, childrenDataAttrs = _a === void 0 ? {} : _a, _b = props.dataAttrs, dataAttrs = _b === void 0 ? {} : _b, _c = props.handleOutsideClickOnEventBubbling, handleOutsideClickOnEventBubbling = _c === void 0 ? false : _c, _d = props.hideOnOutsideClick, hideOnOutsideClick = _d === void 0 ? false : _d, _e = props.isCloseable, isCloseable = _e === void 0 ? false : _e, _f = props.isSecondary, isSecondary = _f === void 0 ? false : _f, isVisible = props.isVisible, onClick = props.onClick, onClose = props.onClose, renderContent = props.renderContent, root = props.root;
+    var targetRef = (0, react_1.useRef)(null);
+    var tooltipRef = (0, react_1.useRef)(null);
+    var rootFromContext = (0, TooltipContext_1.useTooltipContext)();
+    var finalRoot = root || rootFromContext || document.body;
+    var _g = (0, tslib_1.__read)((0, react_1.useState)(false), 2), isVisibleState = _g[0], setVisibleState = _g[1];
+    var _h = (0, tslib_1.__read)((0, react_1.useState)({
+        arrowOffsetX: 0,
+        arrowOffsetY: 0,
+        mobileArrowOffsetX: 0,
+        top: 0,
+    }), 2), tooltipPosition = _h[0], setTooltipPosition = _h[1];
+    var isVisibleFromProps = Object.prototype.hasOwnProperty.call(props, 'isVisible');
+    var isTooltipVisible = isVisibleFromProps ? !!isVisible : isVisibleState;
+    var handleClick = (0, react_1.useCallback)(function (event) {
+        event.stopPropagation();
+        if (!isVisibleFromProps) {
+            setVisibleState(!isVisibleState);
+        }
+        if (onClick) {
+            onClick();
+        }
+    }, [isVisibleFromProps, onClick, isVisibleState]);
+    var handleClose = (0, react_1.useCallback)(function () {
+        if (!isVisibleFromProps && isVisibleState) {
+            setVisibleState(false);
+        }
+        if (onClose) {
+            onClose();
+        }
+    }, [isVisibleFromProps, isVisibleState, onClose]);
+    var handleOutsideClick = (0, react_1.useCallback)(function (e) {
+        var _a, _b;
+        var isTooltipClick = !!((_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target));
+        var isTargetClick = !!((_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.contains(e.target));
+        if (!hideOnOutsideClick || isTargetClick || isTooltipClick) {
+            return;
+        }
+        handleClose();
+    }, [handleClose, hideOnOutsideClick]);
+    var determineTooltipPosition = function () {
+        if (!targetRef.current || !tooltipRef.current) {
+            return;
+        }
+        var targetRect = targetRef.current.getBoundingClientRect();
+        var tooltipRect = tooltipRef.current.getBoundingClientRect();
+        var rootRect = finalRoot.getBoundingClientRect();
+        var offset = {
+            x: -rootRect.left,
+            y: -rootRect.top + finalRoot.scrollTop,
+            scrollbarWidth: finalRoot.offsetWidth - finalRoot.clientWidth,
+        };
+        var newTooltipPosition = (0, getTooltipPosition_1.default)({
+            isSecondary: isSecondary,
+            offset: offset,
+            root: rootRect,
+            target: targetRect,
+            tooltip: tooltipRect,
+        });
+        if ((0, isPositionChanged_1.default)(tooltipPosition, newTooltipPosition)) {
+            setTooltipPosition(newTooltipPosition);
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        if (isTooltipVisible) {
+            window.addEventListener('resize', determineTooltipPosition);
+            window.addEventListener('click', handleOutsideClick, !handleOutsideClickOnEventBubbling);
+        }
+        return function () {
+            window.removeEventListener('resize', determineTooltipPosition);
+            window.removeEventListener('click', handleOutsideClick, !handleOutsideClickOnEventBubbling);
+        };
+    }, [isTooltipVisible, handleOutsideClick, handleOutsideClickOnEventBubbling]);
+    (0, react_1.useLayoutEffect)(function () {
+        determineTooltipPosition();
+    });
+    var closeButton = ((0, jsx_runtime_1.jsx)(S.IconWrapper, (0, tslib_1.__assign)({}, (childrenDataAttrs.closeButton || {}), { onClick: handleClose }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: "SECONDARY", height: 12, name: "close-small", width: 12 }, void 0) }), void 0));
+    var renderedTooltip = ((0, jsx_runtime_1.jsxs)(S.Tooltip, (0, tslib_1.__assign)({}, dataAttrs, { ref: tooltipRef, isCloseable: isCloseable, isSecondary: isSecondary, onClick: function (event) {
+            event.stopPropagation();
+        }, tooltipPosition: tooltipPosition }, { children: [renderContent(), isCloseable && closeButton] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S.Wrapper, (0, tslib_1.__assign)({ ref: targetRef, onClick: handleClick }, { children: children }), void 0), isTooltipVisible && (0, react_dom_1.createPortal)(renderedTooltip, finalRoot)] }, void 0));
+};
+exports.Tooltip = Tooltip;
+exports.default = exports.Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/components/Tooltip/TooltipContext.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Consumer = exports.Provider = exports.useTooltipContext = void 0;
+var react_1 = require("react");
+var TooltipContext = (0, react_1.createContext)(null);
+var useTooltipContext = function () { return (0, react_1.useContext)(TooltipContext); };
+exports.useTooltipContext = useTooltipContext;
+exports.Provider = TooltipContext.Provider, exports.Consumer = TooltipContext.Consumer;
+//# sourceMappingURL=TooltipContext.js.map

package/components/Tooltip/helpers/getTooltipPosition/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BORDER_WIDTH = exports.MIN_TOOLTIP_EDGE_MARGIN = exports.ARROW_MARGIN = exports.ARROW_SIZE = void 0;
+exports.ARROW_SIZE = 7;
+exports.ARROW_MARGIN = 4;
+exports.MIN_TOOLTIP_EDGE_MARGIN = 8;
+exports.BORDER_WIDTH = 1;
+//# sourceMappingURL=constants.js.map

package/components/Tooltip/helpers/getTooltipPosition/getTooltipPosition.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = require("./constants");
+var getTooltipPosition = function (_a) {
+    var isSecondary = _a.isSecondary, offset = _a.offset, root = _a.root, target = _a.target, tooltip = _a.tooltip;
+    var top = target.bottom + (constants_1.ARROW_SIZE + constants_1.ARROW_MARGIN) + offset.y;
+    var left;
+    var right;
+    var arrowOffsetX;
+    var arrowOffsetY = -constants_1.ARROW_SIZE + (isSecondary ? constants_1.BORDER_WIDTH : 0);
+    var targetMiddle = Math.round(target.left + target.width / 2 + offset.x);
+    var tooltipMiddle = Math.round(tooltip.width / 2);
+    var fromTargetMiddleToRight = root.right - targetMiddle + offset.x;
+    if (tooltipMiddle + constants_1.MIN_TOOLTIP_EDGE_MARGIN >= targetMiddle) {
+        left = constants_1.MIN_TOOLTIP_EDGE_MARGIN;
+        arrowOffsetX = targetMiddle - constants_1.ARROW_SIZE - constants_1.MIN_TOOLTIP_EDGE_MARGIN;
+    }
+    else if (tooltipMiddle + constants_1.MIN_TOOLTIP_EDGE_MARGIN >=
+        fromTargetMiddleToRight) {
+        var scrollbarWidth = offset.scrollbarWidth;
+        right = constants_1.MIN_TOOLTIP_EDGE_MARGIN;
+        arrowOffsetX =
+            fromTargetMiddleToRight -
+                scrollbarWidth -
+                constants_1.ARROW_SIZE -
+                constants_1.MIN_TOOLTIP_EDGE_MARGIN;
+    }
+    else {
+        left = targetMiddle - tooltipMiddle;
+        arrowOffsetX = tooltipMiddle - constants_1.ARROW_SIZE;
+    }
+    var mobileArrowOffsetX = targetMiddle - constants_1.ARROW_SIZE - constants_1.MIN_TOOLTIP_EDGE_MARGIN;
+    return {
+        mobileArrowOffsetX: mobileArrowOffsetX,
+        arrowOffsetX: arrowOffsetX,
+        arrowOffsetY: arrowOffsetY,
+        left: left,
+        right: right,
+        top: top,
+    };
+};
+exports.default = getTooltipPosition;
+//# sourceMappingURL=getTooltipPosition.js.map

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

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

package/components/Tooltip/helpers/isPositionChanged/isPositionChanged.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var props = [
+    'top',
+    'left',
+    'right',
+    'arrowOffsetX',
+    'arrowOffsetY',
+    'mobileArrowOffsetX',
+];
+var isPositionChanged = function (a, b) {
+    return props.some(function (prop) { return a[prop] !== b[prop]; });
+};
+exports.default = isPositionChanged;
+//# sourceMappingURL=isPositionChanged.js.map

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

package/components/Tooltip/styled/IconWrapper.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = (0, tslib_1.__importDefault)(require("../../../utils/themedStyledComponents"));
+var IconWrapper = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  height: 20px;\n  justify-content: center;\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  width: 20px;\n  z-index: ", ";\n"], ["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  height: 20px;\n  justify-content: center;\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  width: 20px;\n  z-index: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.zIndexes['zindex-tooltip'];
+});
+exports.default = IconWrapper;
+var templateObject_1;
+//# sourceMappingURL=IconWrapper.js.map

package/components/Tooltip/styled/Tooltip.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = (0, tslib_1.__importStar)(require("../../../utils/themedStyledComponents"));
+var media_1 = (0, tslib_1.__importDefault)(require("../../../utils/media"));
+var getSecondaryStyle = function (_a) {
+    var TERTIARY = _a.theme.colors.TERTIARY;
+    return "\n  border: none;\n  background-color: ".concat(TERTIARY, ";\n");
+};
+var getBorderStyle = function (_a) {
+    var _b = _a.theme, SECONDARY = _b.colors.SECONDARY, _c = _b.borders, SOLID = _c.style.SOLID, bw100 = _c.width.bw100;
+    return "".concat(bw100, " ").concat(SOLID, " ").concat(SECONDARY);
+};
+var getArrowStyle = function (props) {
+    var _a = props.theme, CONTENT_BACKGROUND = _a.colors.CONTENT_BACKGROUND, tooltip = _a.zIndexes.tooltip, _b = props.tooltipPosition, arrowOffsetX = _b.arrowOffsetX, arrowOffsetY = _b.arrowOffsetY, mobileArrowOffsetX = _b.mobileArrowOffsetX, right = _b.right, isSecondary = props.isSecondary;
+    return (0, themedStyledComponents_1.css)(templateObject_2 || (templateObject_2 = (0, tslib_1.__makeTemplateObject)(["\n    &:before {\n      content: '';\n      height: 12px;\n      position: absolute;\n      width: 12px;\n      background: ", ";\n      border-bottom: ", ";\n      border-right: ", ";\n      ", "\n      z-index: ", ";\n      transform: rotate(-135deg);\n      left: ", "px;\n      top: ", "px;\n      ", "\n    }\n  "], ["\n    &:before {\n      content: '';\n      height: 12px;\n      position: absolute;\n      width: 12px;\n      background: ", ";\n      border-bottom: ", ";\n      border-right: ", ";\n      ", "\n      z-index: ", ";\n      transform: rotate(-135deg);\n      left: ", "px;\n      top: ", "px;\n      ", "\n    }\n  "])), CONTENT_BACKGROUND, getBorderStyle, getBorderStyle, isSecondary ? getSecondaryStyle(props) : '', tooltip, mobileArrowOffsetX, arrowOffsetY, media_1.default.s(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n        ", ": ", "px;\n        ", "\n      "], ["\n        ", ": ", "px;\n        ", "\n      "])), right ? 'right' : 'left', arrowOffsetX, right ? 'left: unset;' : ''));
+};
+var getStyle = function (props) {
+    var s500 = props.theme.spacings.s500, _a = props.tooltipPosition, top = _a.top, left = _a.left, right = _a.right, isCloseable = props.isCloseable, isSecondary = props.isSecondary;
+    return (0, themedStyledComponents_1.css)(templateObject_4 || (templateObject_4 = (0, tslib_1.__makeTemplateObject)(["\n    ", "\n    ", "\n    left: ", ";\n    width: calc(100% - 2 * ", ");\n    top: ", "px;\n    ", "\n  "], ["\n    ", "\n    ", "\n    left: ", ";\n    width: calc(100% - 2 * ", ");\n    top: ", "px;\n    ", "\n  "])), isSecondary ? getSecondaryStyle(props) : '', isCloseable ? 'padding-right: 52px;' : '', s500, s500, top, media_1.default.s(templateObject_3 || (templateObject_3 = (0, tslib_1.__makeTemplateObject)(["\n      max-width: 370px;\n      width: unset;\n      left: ", ";\n      ", "\n    "], ["\n      max-width: 370px;\n      width: unset;\n      left: ", ";\n      ", "\n    "])), !right ? "".concat(left, "px") : 'unset', right ? "right: ".concat(right, "px;") : ''));
+};
+var Tooltip = themedStyledComponents_1.default.div(templateObject_5 || (templateObject_5 = (0, tslib_1.__makeTemplateObject)(["\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);\n  padding: ", ";\n  ", "\n  position: absolute;\n  z-index: ", ";\n  ", "\n"], ["\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);\n  padding: ", ";\n  ", "\n  position: absolute;\n  z-index: ", ";\n  ", "\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.CONTENT_BACKGROUND;
+}, getBorderStyle, function (_a) {
+    var theme = _a.theme;
+    return theme.borders.radius.br200;
+}, function (_a) {
+    var spacings = _a.theme.spacings;
+    return spacings.s500;
+}, getStyle, function (_a) {
+    var zIndexes = _a.theme.zIndexes;
+    return zIndexes.tooltip;
+}, getArrowStyle);
+exports.default = Tooltip;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=Tooltip.js.map

package/components/Tooltip/styled/Wrapper.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 Wrapper = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  display: inline-block;\n"], ["\n  cursor: pointer;\n  display: inline-block;\n"])));
+exports.default = Wrapper;
+var templateObject_1;
+//# sourceMappingURL=Wrapper.js.map

package/components/Tooltip/styled/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.Wrapper = exports.Tooltip = exports.IconWrapper = void 0;
+var IconWrapper_1 = require("./IconWrapper");
+Object.defineProperty(exports, "IconWrapper", { enumerable: true, get: function () { return __importDefault(IconWrapper_1).default; } });
+var Tooltip_1 = require("./Tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });
+var Wrapper_1 = require("./Wrapper");
+Object.defineProperty(exports, "Wrapper", { enumerable: true, get: function () { return __importDefault(Wrapper_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Touchable/Touchable.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 Touchable = react_1.forwardRef(function (_a, ref) {
+    var dataAttrs = _a.dataAttrs, props = tslib_1.__rest(_a, ["dataAttrs"]);
+    return (jsx_runtime_1.jsx(S.Touchable, tslib_1.__assign({ ref: ref }, dataAttrs, props), void 0));
+});
+exports.default = Touchable;
+//# sourceMappingURL=Touchable.js.map

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

package/components/Touchable/styled/Touchable.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+var omitAttrs_1 = tslib_1.__importDefault(require("../../../utils/omitAttrs"));
+var S = tslib_1.__importStar(require("../../Flex/styled"));
+var A_1 = tslib_1.__importDefault(require("../../A"));
+var feedbackStyles = themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  transition: 0.2s ease-out;\n  transition-property: filter, transform;\n\n  &:focus:not([disabled]),\n  &:hover:not([disabled]) {\n    filter: brightness(1.03);\n    transform: translateY(-2px);\n  }\n\n  &:active:not([disabled]) {\n    filter: brightness(0.97);\n    transform: translateY(1px);\n    transition: 0s;\n  }\n"], ["\n  transition: 0.2s ease-out;\n  transition-property: filter, transform;\n\n  &:focus:not([disabled]),\n  &:hover:not([disabled]) {\n    filter: brightness(1.03);\n    transform: translateY(-2px);\n  }\n\n  &:active:not([disabled]) {\n    filter: brightness(0.97);\n    transform: translateY(1px);\n    transition: 0s;\n  }\n"])));
+var Touchable = themedStyledComponents_1.default(S.Flex)
+    .withConfig(omitAttrs_1.default('cursor'))
+    .attrs(function (_a) {
+    var as = _a.as, href = _a.href;
+    return ({
+        as: href && (!as || as === 'a') ? A_1.default : as,
+    });
+})(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  cursor: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  cursor: ", ";\n\n  ",
+    "\n\n  ", "\n\n  ",
+    "\n"])), function (_a) {
+    var _b = _a.cursor, cursor = _b === void 0 ? 'pointer' : _b;
+    return cursor;
+}, function (_a) {
+    var href = _a.href;
+    return href && themedStyledComponents_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      color: inherit;\n      text-decoration: inherit;\n    "], ["\n      color: inherit;\n      text-decoration: inherit;\n    "])));
+}, function (_a) {
+    var noFeedback = _a.noFeedback;
+    return !noFeedback && feedbackStyles;
+}, function (_a) {
+    var childrenPointerEvents = _a.childrenPointerEvents;
+    return childrenPointerEvents && themedStyledComponents_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n      & > * {\n        pointer-events: ", ";\n      }\n    "], ["\n      & > * {\n        pointer-events: ", ";\n      }\n    "])), childrenPointerEvents);
+});
+exports.default = Touchable;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Touchable.js.map

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

package/components/ValidationIcon/ValidationIcon.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Icon_1 = tslib_1.__importDefault(require("../Icon"));
+var ValidationIcon = function (_a) {
+    var _b = _a.valid, valid = _b === void 0 ? false : _b;
+    return valid ? (jsx_runtime_1.jsx(Icon_1.default, { color: "POSITIVE", height: 18, name: "check", width: 18 }, void 0)) : (jsx_runtime_1.jsx(Icon_1.default, { color: "NEGATIVE", height: 12, name: "close-small", width: 12 }, void 0));
+};
+exports.default = ValidationIcon;
+//# sourceMappingURL=ValidationIcon.js.map

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

package/components/__deprecated__/Box/Box.js

@@ -0,0 +1,27 @@
+"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 Box = react_1.forwardRef(function (_a, ref) {
+    var dataAttrs = _a.dataAttrs, props = tslib_1.__rest(_a, ["dataAttrs"]);
+    return (jsx_runtime_1.jsx(S.Box, tslib_1.__assign({ ref: ref }, dataAttrs, props), void 0));
+});
+var defaultProps = {
+    alignContent: 'stretch',
+    alignItems: 'stretch',
+    alignSelf: 'stretch',
+    basis: 'auto',
+    dataAttrs: {},
+    direction: 'row',
+    display: 'flex',
+    grow: 0,
+    justifyContent: 'flex-start',
+    opacity: 1,
+    shrink: 1,
+    wrap: 'nowrap',
+};
+Box.defaultProps = defaultProps;
+exports.default = Box;
+//# sourceMappingURL=Box.js.map

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