glints-aries 4.1.0 → 4.1.3

package/es/@next/TextArea/TextArea.js

@@ -1,75 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["value", "rows", "maxLength", "error", "disabled", "width", "onChange", "forwardedRef", "canExceedMaxLength"];
-import React, { useRef, useState } from 'react';
-import { StyledTextAreaContainer, StyledTextArea, StyledWordCountContainer } from './TextAreaStyle';
-import { Typography } from '../Typography';
-var _TextArea = function _TextArea(_ref) {
-  var value = _ref.value,
-    _ref$rows = _ref.rows,
-    rows = _ref$rows === void 0 ? 3 : _ref$rows,
-    maxLength = _ref.maxLength,
-    _ref$error = _ref.error,
-    error = _ref$error === void 0 ? false : _ref$error,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '520px' : _ref$width,
-    onChange = _ref.onChange,
-    forwardedRef = _ref.forwardedRef,
-    _ref$canExceedMaxLeng = _ref.canExceedMaxLength,
-    canExceedMaxLength = _ref$canExceedMaxLeng === void 0 ? true : _ref$canExceedMaxLeng,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(false),
-    isFocused = _useState[0],
-    setIsFocused = _useState[1];
-  var charCount = value.length;
-  var hasMaxLengthEnforced = maxLength > 0;
-  var hasError = error || canExceedMaxLength && charCount > maxLength;
-  var localRef = useRef(null);
-  var textAreaInputRef = forwardedRef || localRef;
-  var handleContainerClick = function handleContainerClick() {
-    if (textAreaInputRef.current) {
-      localRef.current.focus();
-    }
-  };
-  var handleChange = function handleChange(e) {
-    var val = e.currentTarget.value;
-    onChange(val);
-  };
-  return /*#__PURE__*/React.createElement(StyledTextAreaContainer, {
-    "data-error": hasError,
-    "data-disabled": disabled,
-    "data-focus": isFocused,
-    "data-has-counter": hasMaxLengthEnforced,
-    width: width,
-    onClick: handleContainerClick
-  }, /*#__PURE__*/React.createElement(StyledTextArea, _extends({
-    ref: textAreaInputRef,
-    value: value,
-    rows: rows,
-    width: width,
-    onChange: handleChange,
-    disabled: disabled,
-    maxLength: !canExceedMaxLength && maxLength,
-    onFocus: function onFocus() {
-      return setIsFocused(true);
-    },
-    onBlur: function onBlur() {
-      return setIsFocused(false);
-    }
-  }, props)), hasMaxLengthEnforced && /*#__PURE__*/React.createElement(StyledWordCountContainer, {
-    "data-disabled": disabled,
-    "data-error": hasError
-  }, /*#__PURE__*/React.createElement(Typography, {
-    as: "span",
-    variant: "overline"
-  }, charCount, " / ", maxLength)));
-};
-var forwardRef = function forwardRef(props, ref) {
-  return /*#__PURE__*/React.createElement(_TextArea, _extends({}, props, {
-    forwardedRef: ref
-  }));
-};
-forwardRef.displayName = _TextArea.name;
-export var TextArea = /*#__PURE__*/React.forwardRef(forwardRef);

package/es/@next/TextArea/TextArea.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Interactive: any;

package/es/@next/TextArea/TextAreaStyle.d.ts

@@ -1,7 +0,0 @@
-interface TextAreaProp {
-    width: string;
-}
-export declare const StyledTextAreaContainer: import("styled-components").StyledComponent<"div", any, TextAreaProp, never>;
-export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", any, TextAreaProp, never>;
-export declare const StyledWordCountContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

package/es/@next/TextArea/TextAreaStyle.js

@@ -1,18 +0,0 @@
-import styled from 'styled-components';
-import { borderRadius4 } from '../utilities/borderRadius';
-import { Neutral, Red } from '../utilities/colors';
-import { body1 as typographyBody1 } from '../Typography/TypographyStyles';
-export var StyledTextAreaContainer = styled.div.withConfig({
-  displayName: "TextAreaStyle__StyledTextAreaContainer",
-  componentId: "sc-1cq0fhw-0"
-})(["position:relative;width:", ";border:1px solid ", ";border-radius:", ";padding:8px 12px 25px 12px;cursor:text;&:not([data-has-counter='true']){padding-bottom:8px;}&[data-focus='true']{outline:none;box-shadow:0px 0px 0px 1px ", ",0px 0px 0px 3px #6ac9ec;}&[data-error='true']{border:1px solid ", ";&[data-focus='true']{box-shadow:none;}}&[data-disabled='true']{border:1px solid ", ";background:", ";}"], function (props) {
-  return props.width;
-}, Neutral.B68, borderRadius4, Neutral.B100, Red.B93, Neutral.B85, Neutral.B95);
-export var StyledTextArea = styled.textarea.withConfig({
-  displayName: "TextAreaStyle__StyledTextArea",
-  componentId: "sc-1cq0fhw-1"
-})(["background:", ";box-sizing:border-box;border:none;", " color:", ";resize:none;width:100%;::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-thumb{background-color:", ";border-radius:2px;}::-webkit-scrollbar-thumb:hover{background-color:", ";}&::placeholder{color:", ";}&:focus{outline:none;}:disabled{background:", ";::placeholder{color:", ";}}"], Neutral.B100, typographyBody1, Neutral.B18, Neutral.B68, Neutral.B40, Neutral.B68, Neutral.B95, Neutral.B85);
-export var StyledWordCountContainer = styled.div.withConfig({
-  displayName: "TextAreaStyle__StyledWordCountContainer",
-  componentId: "sc-1cq0fhw-2"
-})(["position:absolute;bottom:8px;right:12px;color:", ";&[data-error='true']{color:", ";}&[data-disabled='true']{color:", ";}"], Neutral.B40, Red.B93, Neutral.B85);

package/es/@next/TextArea/index.d.ts

@@ -1 +0,0 @@
-export * from './TextArea';

package/es/@next/TextArea/index.js

@@ -1 +0,0 @@
-export * from './TextArea';

package/es/@next/TextInput/TextInput.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { InputProps } from '../Input/Input';
-export declare type TextInputProps = Omit<InputProps, 'type' | 'onChange'> & {
-    canClear?: boolean;
-    onChange?: (value: string) => void;
-};
-export declare const TextInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "onChange"> & {
-    canClear?: boolean;
-    onChange?: (value: string) => void;
-} & React.RefAttributes<HTMLInputElement>>;

package/es/@next/TextInput/TextInput.js

@@ -1,49 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["canClear", "suffix", "value", "onChange", "error"];
-import React, { useEffect, useState } from 'react';
-import { Icon } from '../Icon';
-import { Input } from '../Input/Input';
-export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, ref) {
-  var canClear = _ref.canClear,
-    suffix = _ref.suffix,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    error = _ref.error,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var ClearIcon = function ClearIcon() {
-    return /*#__PURE__*/React.createElement(Icon, {
-      name: "ri-close-circle-fill",
-      style: {
-        cursor: 'pointer'
-      },
-      onClick: function onClick() {
-        return handleClearIconClick();
-      }
-    });
-  };
-  var _useState = useState(suffix),
-    suffixValue = _useState[0],
-    setSuffixValue = _useState[1];
-  var handleClearIconClick = function handleClearIconClick() {
-    onChange == null ? void 0 : onChange('');
-    setSuffixValue(suffix);
-  };
-  var handleChange = function handleChange(e) {
-    var val = e.currentTarget.value;
-    var currSuffix = canClear && !!val ? /*#__PURE__*/React.createElement(ClearIcon, null) : suffixValue;
-    setSuffixValue(currSuffix);
-    onChange == null ? void 0 : onChange(val);
-  };
-  useEffect(function () {
-    setSuffixValue(suffix);
-  }, [suffix]);
-  return /*#__PURE__*/React.createElement(Input, _extends({
-    ref: ref,
-    type: "text",
-    suffix: suffixValue,
-    value: value,
-    onChange: handleChange,
-    error: error
-  }, props));
-});

package/es/@next/TextInput/TextInput.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Interactive: any;
-export declare const WithPrefixAndSuffix: any;

package/es/@next/TextInput/index.d.ts

@@ -1 +0,0 @@
-export * from './TextInput';

package/es/@next/TextInput/index.js

@@ -1 +0,0 @@
-export * from './TextInput';

package/es/@next/Tooltip/Tooltip.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-declare const allPositions: readonly ["top-center", "top-left", "top-right", "bottom-center", "bottom-left", "bottom-right", "right-middle", "right-top", "right-bottom", "left-middle", "left-top", "left-bottom"];
-export declare type TooltipPosition = (typeof allPositions)[number];
-export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
-    preferredPosition?: TooltipPosition;
-    children: React.ReactNode;
-    content: React.ReactNode;
-    zIndex?: number;
-    /** if true, tooltip will be shown on click instead of hover */
-    clickable?: boolean;
-    /** how long tooltip will still be shown after clicked or when not hovered anymore */
-    timeout?: number;
-    /** if clickable it true, onClick will be called when tooltip is clicked */
-    onClick?: () => void;
-}
-export declare const Tooltip: ({ children, content, preferredPosition, zIndex, clickable, timeout, onClick, ...props }: TooltipProps) => JSX.Element;
-export {};

package/es/@next/Tooltip/Tooltip.js

@@ -1,177 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["children", "content", "preferredPosition", "zIndex", "clickable", "timeout", "onClick"];
-import React, { useEffect, useRef, useState } from 'react';
-import { Portal } from '../Portal/Portal';
-import { Typography } from '../Typography';
-import { bottomPositionResolver, leftPositionResolver, rightPositionResolver, topPositionResolver } from './positionResolver';
-import { canAlignBottom, canAlignCenter, canAlignLeft, canAlignMiddle, canAlignRight, canAlignTop, horizontalBuffer, verticalBuffer } from './positionResolverHelper';
-import { StyledTooltip, StyledTooltipArrow, StyledTooltipContainer } from './TooltipStyle';
-var topPositions = ['top-center', 'top-left', 'top-right'];
-var bottomPositions = ['bottom-center', 'bottom-left', 'bottom-right'];
-var rightPositions = ['right-middle', 'right-top', 'right-bottom'];
-var leftPositions = ['left-middle', 'left-top', 'left-bottom'];
-var allPositions = [].concat(topPositions, bottomPositions, rightPositions, leftPositions);
-var tooltipPositionResolvers = {
-  'top-center': function topCenter(tooltipRect, elementRect) {
-    return topPositionResolver(tooltipRect, elementRect, [canAlignCenter, canAlignLeft, canAlignRight]);
-  },
-  'top-left': function topLeft(tooltipRect, elementRect) {
-    return topPositionResolver(tooltipRect, elementRect, [canAlignLeft, canAlignCenter, canAlignRight]);
-  },
-  'top-right': function topRight(tooltipRect, elementRect) {
-    return topPositionResolver(tooltipRect, elementRect, [canAlignRight, canAlignCenter, canAlignLeft]);
-  },
-  'bottom-center': function bottomCenter(tooltipRect, elementRect) {
-    return bottomPositionResolver(tooltipRect, elementRect, [canAlignCenter, canAlignLeft, canAlignRight]);
-  },
-  'bottom-left': function bottomLeft(tooltipRect, elementRect) {
-    return bottomPositionResolver(tooltipRect, elementRect, [canAlignLeft, canAlignCenter, canAlignRight]);
-  },
-  'bottom-right': function bottomRight(tooltipRect, elementRect) {
-    return bottomPositionResolver(tooltipRect, elementRect, [canAlignRight, canAlignCenter, canAlignLeft]);
-  },
-  'right-middle': function rightMiddle(tooltipRect, elementRect) {
-    return rightPositionResolver(tooltipRect, elementRect, [canAlignMiddle, canAlignTop, canAlignBottom]);
-  },
-  'right-top': function rightTop(tooltipRect, elementRect) {
-    return rightPositionResolver(tooltipRect, elementRect, [canAlignTop, canAlignMiddle, canAlignBottom]);
-  },
-  'right-bottom': function rightBottom(tooltipRect, elementRect) {
-    return rightPositionResolver(tooltipRect, elementRect, [canAlignBottom, canAlignMiddle, canAlignTop]);
-  },
-  'left-middle': function leftMiddle(tooltipRect, elementRect) {
-    return leftPositionResolver(tooltipRect, elementRect, [canAlignMiddle, canAlignTop, canAlignBottom]);
-  },
-  'left-top': function leftTop(tooltipRect, elementRect) {
-    return leftPositionResolver(tooltipRect, elementRect, [canAlignTop, canAlignMiddle, canAlignBottom]);
-  },
-  'left-bottom': function leftBottom(tooltipRect, elementRect) {
-    return leftPositionResolver(tooltipRect, elementRect, [canAlignBottom, canAlignMiddle, canAlignTop]);
-  }
-};
-var defaultPosition = 'top-center';
-export var Tooltip = function Tooltip(_ref) {
-  var children = _ref.children,
-    content = _ref.content,
-    _ref$preferredPositio = _ref.preferredPosition,
-    preferredPosition = _ref$preferredPositio === void 0 ? defaultPosition : _ref$preferredPositio,
-    zIndex = _ref.zIndex,
-    _ref$clickable = _ref.clickable,
-    clickable = _ref$clickable === void 0 ? false : _ref$clickable,
-    _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
-    onClick = _ref.onClick,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var tooltipRef = useRef(null);
-  var elRef = useRef(null);
-  var tooltipPositionsHandlerRef = useRef(null);
-  var _useState = useState(null),
-    toolTipCoord = _useState[0],
-    setToolTipCoord = _useState[1];
-  var _useState2 = useState(false),
-    isActive = _useState2[0],
-    setIsActive = _useState2[1];
-  var _useState3 = useState(null),
-    overridePosition = _useState3[0],
-    setOverridePosition = _useState3[1];
-  if (!allPositions.includes(preferredPosition)) {
-    preferredPosition = defaultPosition;
-    console.warn("\"" + preferredPosition + "\" is not a valid tooltip positon, \"" + defaultPosition + "\" will be used instead");
-  }
-  var position = overridePosition || preferredPosition;
-  var handleTooltipPositions = function handleTooltipPositions(tooltipRect, elRect, currentPosition) {
-    var resolver = tooltipPositionResolvers[position] || tooltipPositionResolvers[defaultPosition];
-    var newLeft = 0;
-    var newTop = 0;
-    if (position.startsWith('top')) {
-      newTop = elRect.top - tooltipRect.height - verticalBuffer;
-      newLeft = elRect.left + elRect.width / 2;
-    }
-    if (position.startsWith('bottom')) {
-      newTop = elRect.top + elRect.height + verticalBuffer;
-      newLeft = elRect.left + elRect.width / 2;
-    }
-    if (position.startsWith('left')) {
-      newTop = elRect.top + elRect.height / 2;
-      newLeft = elRect.left - tooltipRect.width - horizontalBuffer;
-    }
-    if (position.startsWith('right')) {
-      newTop = elRect.top + elRect.height / 2;
-      newLeft = elRect.left + elRect.width + horizontalBuffer;
-    }
-    setToolTipCoord({
-      top: newTop,
-      left: newLeft
-    });
-    var tooltipRectNew = new DOMRect(newLeft, newTop, tooltipRect.width, tooltipRect.height);
-    var resolvedPosition = resolver(tooltipRectNew, elRect);
-    if (!overridePosition && resolvedPosition !== currentPosition) {
-      setOverridePosition(resolvedPosition);
-    }
-  };
-  tooltipPositionsHandlerRef.current = handleTooltipPositions;
-  useEffect(function () {
-    if (isActive) {
-      var _tooltipRef$current, _elRef$current;
-      tooltipPositionsHandlerRef.current(tooltipRef == null ? void 0 : (_tooltipRef$current = tooltipRef.current) == null ? void 0 : _tooltipRef$current.getClientRects()[0], elRef == null ? void 0 : (_elRef$current = elRef.current) == null ? void 0 : _elRef$current.getClientRects()[0], position);
-    }
-  }, [isActive, position]);
-  var contentMarkup = typeof content === 'string' ? /*#__PURE__*/React.createElement(Typography, {
-    as: "div",
-    variant: "subtitle2"
-  }, content) : content;
-  var handleMouseEnter = function handleMouseEnter() {
-    if (!clickable) setIsActive(true);
-  };
-  var handleMouseLeave = function handleMouseLeave() {
-    if (!clickable) {
-      setIsActive(false);
-      handleAnimation();
-    }
-  };
-  var handleClick = function handleClick() {
-    if (clickable) {
-      onClick();
-      handleAnimation();
-    }
-  };
-  var timeoutRef = useRef(null);
-  var _useState4 = useState(false),
-    animate = _useState4[0],
-    setAnimate = _useState4[1];
-  var handleAnimation = function handleAnimation() {
-    // if you click during the tooltip's lifespan, it should reset the timeout
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = null;
-      setAnimate(false);
-    }
-    setIsActive(true);
-    timeoutRef.current = setTimeout(function () {
-      setAnimate(true);
-      timeoutRef.current = setTimeout(function () {
-        setIsActive(false);
-        setAnimate(false);
-      }, 370); // animation is 400ms, make this slightly lower to prevent visual glitch
-    }, timeout);
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledTooltipContainer, _extends({
-    ref: elRef,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    onClick: handleClick
-  }, props), children), isActive && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(StyledTooltip, {
-    "data-position": position,
-    className: animate ? 'closed-animation' : '',
-    ref: tooltipRef,
-    zIndex: zIndex,
-    style: {
-      top: (toolTipCoord == null ? void 0 : toolTipCoord.top) + 'px',
-      left: (toolTipCoord == null ? void 0 : toolTipCoord.left) + 'px',
-      visibility: toolTipCoord ? 'visible' : 'hidden'
-    }
-  }, /*#__PURE__*/React.createElement(StyledTooltipArrow, {
-    className: "arrow"
-  }), contentMarkup)));
-};

package/es/@next/Tooltip/Tooltip.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Interactive: any;

package/es/@next/Tooltip/TooltipAdaptiveBottom.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const AdaptiveBottomCenter: any;
-export declare const AdaptiveBottomLeft: any;
-export declare const AdaptiveBottomRight: any;

package/es/@next/Tooltip/TooltipAdaptiveLeft.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const AdaptiveLeftMiddle: any;
-export declare const AdaptiveLeftTop: any;
-export declare const AdaptiveLeftBottom: any;

package/es/@next/Tooltip/TooltipAdaptiveRight.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const AdaptiveRightMiddle: any;
-export declare const AdaptiveRightTop: any;
-export declare const AdaptiveRightBottom: any;

package/es/@next/Tooltip/TooltipAdaptiveTop.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const AdaptiveTopCenter: any;
-export declare const AdaptiveTopLeft: any;
-export declare const AdaptiveTopRight: any;

package/es/@next/Tooltip/TooltipStyle.d.ts

@@ -1,5 +0,0 @@
-export declare const StyledTooltipContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTooltip: import("styled-components").StyledComponent<"div", any, {
-    zIndex?: number;
-}, never>;
-export declare const StyledTooltipArrow: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/@next/Tooltip/TooltipStyle.js

@@ -1,24 +0,0 @@
-import styled from 'styled-components';
-import * as Breakpoints from '../utilities/breakpoints';
-import { borderRadius2 } from '../utilities/borderRadius';
-import { Neutral } from '../utilities/colors';
-import { space12, space8 } from '../utilities/spacing';
-import { nonCenterArrowSpace, verticalBuffer } from './positionResolverHelper';
-var verticalMargin = verticalBuffer + "px";
-var arrowSize = '6px';
-var nonCentralArrowMargin = nonCenterArrowSpace + "px";
-var background = Neutral.B18;
-export var StyledTooltipContainer = styled.div.withConfig({
-  displayName: "TooltipStyle__StyledTooltipContainer",
-  componentId: "sc-37e5z7-0"
-})(["display:inline-block;position:relative;> svg{display:block;}"]);
-export var StyledTooltip = styled.div.withConfig({
-  displayName: "TooltipStyle__StyledTooltip",
-  componentId: "sc-37e5z7-1"
-})(["position:fixed;text-align:left;height:fit-content;width:fit-content;max-width:320px;border-radius:", ";gap:10px;left:50%;transform:translateX(-50%);padding:", " ", ";color:", ";background:", ";overflow-wrap:break-word;line-height:1;z-index:", ";&[data-position='top-left'],&[data-position='bottom-left']{transform:translateX( calc(100% * -1 + ", " + ", ") );}&[data-position='top-right'],&[data-position='bottom-right']{transform:translateX(calc((", " + ", ") * -1));}&[data-position='right-middle']{transform:translateX(0) translateY(-50%);}&[data-position='left-bottom'],&[data-position='right-bottom']{transform:translateY(calc((", " + ", ") * -1));}&[data-position='left-top'],&[data-position='right-top']{transform:translateY( calc(100% * -1 + (", " + ", ")) );}&[data-position='bottom-center'],&[data-position='bottom-left'],&[data-position='bottom-right']{top:calc((100% + ", "));}&[data-position='left-middle']{transform:translateX(0) translateY(-50%);}&[data-position='top-center'] .arrow,&[data-position='top-left'] .arrow,&[data-position='top-right'] .arrow{top:100%;border-top-color:", ";}&[data-position='top-left'] .arrow,&[data-position='bottom-left'] .arrow{left:calc(100% - ", " - ", ");}&[data-position='top-right'] .arrow,&[data-position='bottom-right'] .arrow{left:calc(", " + ", ");}&[data-position='right-middle'] .arrow,&[data-position='right-top'] .arrow,&[data-position='right-bottom'] .arrow{top:50%;left:calc(", " * -1);border-right-color:", ";}&[data-position='right-middle'] .arrow{transform:translateX(0) translateY(-50%);}&[data-position='left-bottom'] .arrow,&[data-position='right-bottom'] .arrow{top:", ";}&[data-position='bottom-center'] .arrow,&[data-position='bottom-left'] .arrow,&[data-position='bottom-right'] .arrow{bottom:100%;border-bottom-color:", ";}&[data-position='left-middle'] .arrow,&[data-position='left-top'] .arrow,&[data-position='left-bottom'] .arrow{left:auto;right:calc(", " * -2);border-left-color:", ";}&[data-position='left-middle'] .arrow{top:50%;transform:translateX(0) translateY(-50%);}&[data-position='left-top'] .arrow,&[data-position='right-top'] .arrow{top:unset;bottom:", ";}animation:fade-in-tooltip 400ms ease-in forwards;&.closed-animation{animation:fade-out-tooltip 400ms ease-out forwards;}animation-fill-mode:forwards;@keyframes fade-in-tooltip{0%{opacity:0;}100%{opacity:1;}}@keyframes fade-out-tooltip{0%{opacity:1;}100%{opacity:0;}}@media (max-width:", "){min-width:69px;}"], borderRadius2, space8, space12, Neutral.B100, background, function (props) {
-  return props.zIndex ? props.zIndex : 100;
-}, arrowSize, nonCentralArrowMargin, arrowSize, nonCentralArrowMargin, nonCentralArrowMargin, arrowSize, nonCentralArrowMargin, arrowSize, verticalMargin, background, arrowSize, nonCentralArrowMargin, arrowSize, nonCentralArrowMargin, arrowSize, background, nonCentralArrowMargin, background, arrowSize, background, nonCentralArrowMargin, Breakpoints.large);
-export var StyledTooltipArrow = styled.div.withConfig({
-  displayName: "TooltipStyle__StyledTooltipArrow",
-  componentId: "sc-37e5z7-2"
-})(["content:' ';left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-width:", ";margin-left:calc(", " * -1);"], arrowSize, arrowSize);

package/es/@next/Tooltip/index.d.ts

@@ -1 +0,0 @@
-export * from './Tooltip';

package/es/@next/Tooltip/index.js

@@ -1 +0,0 @@
-export * from './Tooltip';

package/es/@next/Tooltip/positionResolver.d.ts

@@ -1,6 +0,0 @@
-import { PreferredHorizontalAligmentFuncsType, PreferredVerticalAligmentFuncsType } from './positionResolverHelper';
-import { TooltipPosition } from './Tooltip';
-export declare const topPositionResolver: (tooltipRect: DOMRect, elRect: DOMRect, preferredAligmentFuncs: PreferredHorizontalAligmentFuncsType[]) => TooltipPosition;
-export declare const bottomPositionResolver: (tooltipRect: DOMRect, elRect: DOMRect, preferredAligmentFuncs: PreferredHorizontalAligmentFuncsType[]) => TooltipPosition;
-export declare const leftPositionResolver: (tooltipRect: DOMRect, elRect: DOMRect, preferredAligmentFuncs: PreferredVerticalAligmentFuncsType[]) => TooltipPosition;
-export declare const rightPositionResolver: (tooltipRect: DOMRect, elRect: DOMRect, preferredAligmentFuncs: PreferredVerticalAligmentFuncsType[]) => TooltipPosition;

package/es/@next/Tooltip/positionResolver.js

@@ -1,181 +0,0 @@
-import { canAlignLeft, canAlignRight, canAlignCenter, canStayOnTop, canFitOnTheLeft, horizontalBuffer, canFitOnTheRight, canFitBelow, verticalBuffer, tryCalculateAligment, canAlignMiddle, canAlignTop, canAlignBottom, canStayOnBottom, canFitOnTheTop, canStayOnLeft, canStayOnRight } from './positionResolverHelper';
-export var topPositionResolver = function topPositionResolver(tooltipRect, elRect, preferredAligmentFuncs) {
-  var horizontalPreferredAligmentFuncs = preferredAligmentFuncs;
-  var verticalPreferredAligmentFuncs = [canAlignMiddle, canAlignTop, canAlignBottom];
-  if (canStayOnTop(tooltipRect)) {
-    var alignResult = tryCalculateAligment({
-      preferredAlignmentFuncs: horizontalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (alignResult) {
-      return "top-" + alignResult;
-    }
-  }
-  if (canFitOnTheLeft(tooltipRect, elRect, horizontalBuffer)) {
-    var _alignResult = tryCalculateAligment({
-      preferredAlignmentFuncs: verticalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (_alignResult) {
-      return "left-" + _alignResult;
-    }
-  }
-  if (canFitOnTheRight(tooltipRect, elRect, horizontalBuffer)) {
-    var _alignResult2 = tryCalculateAligment({
-      preferredAlignmentFuncs: verticalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (_alignResult2) {
-      return "right-" + _alignResult2;
-    }
-  }
-  if (canFitBelow(tooltipRect, elRect, verticalBuffer)) {
-    var _alignResult3 = tryCalculateAligment({
-      preferredAlignmentFuncs: horizontalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (_alignResult3) {
-      return "bottom-" + _alignResult3;
-    }
-  }
-  return 'top-center';
-};
-export var bottomPositionResolver = function bottomPositionResolver(tooltipRect, elRect, preferredAligmentFuncs) {
-  var horizontalPreferredAligmentFuncs = preferredAligmentFuncs;
-  var verticalPreferredAligmentFuncs = [canAlignMiddle, canAlignTop, canAlignBottom];
-  if (canStayOnBottom(tooltipRect)) {
-    var alignResult = tryCalculateAligment({
-      preferredAlignmentFuncs: horizontalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (alignResult) {
-      return "bottom-" + alignResult;
-    }
-  }
-  if (canFitOnTheLeft(tooltipRect, elRect, horizontalBuffer)) {
-    var _alignResult4 = tryCalculateAligment({
-      preferredAlignmentFuncs: verticalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (_alignResult4) {
-      return "left-" + _alignResult4;
-    }
-  }
-  if (canFitOnTheRight(tooltipRect, elRect, horizontalBuffer)) {
-    var _alignResult5 = tryCalculateAligment({
-      preferredAlignmentFuncs: verticalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (_alignResult5) {
-      return "right-" + _alignResult5;
-    }
-  }
-  if (canFitOnTheTop(tooltipRect, elRect, verticalBuffer)) {
-    var _alignResult6 = tryCalculateAligment({
-      preferredAlignmentFuncs: horizontalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (_alignResult6) {
-      return "top-" + _alignResult6;
-    }
-  }
-  return 'bottom-center';
-};
-export var leftPositionResolver = function leftPositionResolver(tooltipRect, elRect, preferredAligmentFuncs) {
-  var horizontalPreferredAligmentFuncs = [canAlignCenter, canAlignLeft, canAlignRight];
-  var verticalPreferredAligmentFuncs = preferredAligmentFuncs;
-  if (canStayOnLeft(tooltipRect)) {
-    var alignResult = tryCalculateAligment({
-      preferredAlignmentFuncs: verticalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (alignResult) {
-      return "left-" + alignResult;
-    }
-  }
-  if (canFitOnTheTop(tooltipRect, elRect, horizontalBuffer)) {
-    var _alignResult7 = tryCalculateAligment({
-      preferredAlignmentFuncs: horizontalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (_alignResult7) {
-      return "top-" + _alignResult7;
-    }
-  }
-  if (canFitOnTheRight(tooltipRect, elRect, horizontalBuffer)) {
-    var _alignResult8 = tryCalculateAligment({
-      preferredAlignmentFuncs: verticalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (_alignResult8) {
-      return "right-" + _alignResult8;
-    }
-  }
-  if (canFitBelow(tooltipRect, elRect, verticalBuffer)) {
-    var _alignResult9 = tryCalculateAligment({
-      preferredAlignmentFuncs: horizontalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (_alignResult9) {
-      return "bottom-" + _alignResult9;
-    }
-  }
-  return 'left-middle';
-};
-export var rightPositionResolver = function rightPositionResolver(tooltipRect, elRect, preferredAligmentFuncs) {
-  var horizontalPreferredAligmentFuncs = [canAlignCenter, canAlignLeft, canAlignRight];
-  var verticalPreferredAligmentFuncs = preferredAligmentFuncs;
-  if (canStayOnRight(tooltipRect)) {
-    var alignResult = tryCalculateAligment({
-      preferredAlignmentFuncs: verticalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (alignResult) {
-      return "right-" + alignResult;
-    }
-  }
-  if (canFitOnTheTop(tooltipRect, elRect, horizontalBuffer)) {
-    var _alignResult10 = tryCalculateAligment({
-      preferredAlignmentFuncs: horizontalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (_alignResult10) {
-      return "top-" + _alignResult10;
-    }
-  }
-  if (canFitOnTheLeft(tooltipRect, elRect, horizontalBuffer)) {
-    var _alignResult11 = tryCalculateAligment({
-      preferredAlignmentFuncs: verticalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (_alignResult11) {
-      return "left-" + _alignResult11;
-    }
-  }
-  if (canFitBelow(tooltipRect, elRect, verticalBuffer)) {
-    var _alignResult12 = tryCalculateAligment({
-      preferredAlignmentFuncs: horizontalPreferredAligmentFuncs,
-      tooltipRect: tooltipRect,
-      elRect: elRect
-    });
-    if (_alignResult12) {
-      return "bottom-" + _alignResult12;
-    }
-  }
-  return 'right-middle';
-};