glints-aries 4.0.395 → 4.1.3

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

@@ -1,37 +0,0 @@
-export declare const verticalBuffer = 8;
-export declare const horizontalBuffer = 8;
-export declare const nonCenterArrowSpace = 12;
-export declare type HorizontalAlignmentType = 'center' | 'left' | 'right';
-export declare type VerticalAlignmentType = 'middle' | 'top' | 'bottom';
-export declare type HorizontalAlignmentCalculatorResult = {
-    type: HorizontalAlignmentType;
-    result: boolean;
-};
-export declare type VerticalAlignmentCalculatorResult = {
-    type: VerticalAlignmentType;
-    result: boolean;
-};
-export declare type PreferredHorizontalAligmentFuncsType = (tooltipRect: DOMRect, elRect: DOMRect) => HorizontalAlignmentCalculatorResult;
-export declare type PreferredVerticalAligmentFuncsType = (tooltipRect: DOMRect, elRect: DOMRect) => VerticalAlignmentCalculatorResult;
-export declare type TryCalculateAlignmentArgs<T extends HorizontalAlignmentType | VerticalAlignmentType> = {
-    preferredAlignmentFuncs: T extends HorizontalAlignmentType ? PreferredHorizontalAligmentFuncsType[] : PreferredVerticalAligmentFuncsType[];
-    tooltipRect: DOMRect;
-    elRect: DOMRect;
-};
-export declare const getElementCenterPosition: (elRect: DOMRect) => number;
-export declare const getElementMiddlePosition: (elRect: DOMRect) => number;
-export declare const canFitOnTheTop: (tooltipRect: DOMRect, elRect: DOMRect, verticalMargin: number) => boolean;
-export declare const canFitBelow: (tooltipRect: DOMRect, elRect: DOMRect, verticalMargin: number) => boolean;
-export declare const canFitOnTheLeft: (tooltipRect: DOMRect, elRect: DOMRect, horizontalMargin: number) => boolean;
-export declare const canFitOnTheRight: (tooltipRect: DOMRect, elRect: DOMRect, horizontalMargin: number) => boolean;
-export declare const canAlignLeft: (tooltipRect: DOMRect, elRect: DOMRect) => HorizontalAlignmentCalculatorResult;
-export declare const canAlignRight: (tooltipRect: DOMRect, elRect: DOMRect) => HorizontalAlignmentCalculatorResult;
-export declare const canAlignCenter: (tooltipRect: DOMRect, elRect: DOMRect) => HorizontalAlignmentCalculatorResult;
-export declare const canAlignTop: (tooltipRect: DOMRect, elRect: DOMRect) => VerticalAlignmentCalculatorResult;
-export declare const canAlignBottom: (tooltipRect: DOMRect, elRect: DOMRect) => VerticalAlignmentCalculatorResult;
-export declare const canAlignMiddle: (tooltipRect: DOMRect, elRect: DOMRect) => VerticalAlignmentCalculatorResult;
-export declare const canStayOnTop: (tooltipRect: DOMRect) => boolean;
-export declare const canStayOnBottom: (tooltipRect: DOMRect) => boolean;
-export declare const canStayOnLeft: (tooltipRect: DOMRect) => boolean;
-export declare const canStayOnRight: (tooltipRect: DOMRect) => boolean;
-export declare const tryCalculateAligment: <T extends HorizontalAlignmentType | VerticalAlignmentType>(args: TryCalculateAlignmentArgs<T>) => HorizontalAlignmentType | VerticalAlignmentType;

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

@@ -1,106 +0,0 @@
-function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import { getViewportDimensions } from '../../helpers/viewPort';
-export var verticalBuffer = 8;
-export var horizontalBuffer = 8;
-export var nonCenterArrowSpace = 12;
-// for non center position the position of the arrow is 12px from the most left or right, setting it to 14 to make sure it's nicely visible
-var marginBuffer = nonCenterArrowSpace + 2;
-export var getElementCenterPosition = function getElementCenterPosition(elRect) {
-  return elRect.left + elRect.width / 2;
-};
-export var getElementMiddlePosition = function getElementMiddlePosition(elRect) {
-  return elRect.bottom + elRect.height / 2;
-};
-export var canFitOnTheTop = function canFitOnTheTop(tooltipRect, elRect, verticalMargin) {
-  return elRect.top - (verticalMargin + tooltipRect.height) > 0;
-};
-export var canFitBelow = function canFitBelow(tooltipRect, elRect, verticalMargin) {
-  return elRect.bottom + verticalMargin + tooltipRect.height < getViewportDimensions().height;
-};
-export var canFitOnTheLeft = function canFitOnTheLeft(tooltipRect, elRect, horizontalMargin) {
-  return elRect.left - (horizontalMargin + tooltipRect.width) > 0;
-};
-export var canFitOnTheRight = function canFitOnTheRight(tooltipRect, elRect, horizontalMargin) {
-  return elRect.right + horizontalMargin + tooltipRect.width < getViewportDimensions().width;
-};
-export var canAlignLeft = function canAlignLeft(tooltipRect, elRect) {
-  var centerPosition = getElementCenterPosition(elRect);
-  var hasSpaceOnTheLeftSideOfArrow = centerPosition - (tooltipRect.width - marginBuffer) > 0;
-  var hasSpaceOnTheRightSideOfArrow = centerPosition + marginBuffer < getViewportDimensions().width;
-  return {
-    type: 'left',
-    result: hasSpaceOnTheLeftSideOfArrow && hasSpaceOnTheRightSideOfArrow
-  };
-};
-export var canAlignRight = function canAlignRight(tooltipRect, elRect) {
-  var centerPosition = getElementCenterPosition(elRect);
-  var hasSpaceOnTheRightSideOfArrow = centerPosition + (tooltipRect.width - marginBuffer) < getViewportDimensions().width;
-  var hasSpaceOnTheLeftSideOfArrow = centerPosition - marginBuffer > 0;
-  return {
-    type: 'right',
-    result: hasSpaceOnTheLeftSideOfArrow && hasSpaceOnTheRightSideOfArrow
-  };
-};
-export var canAlignCenter = function canAlignCenter(tooltipRect, elRect) {
-  var centerPosition = elRect.left + elRect.width / 2;
-  return {
-    type: 'center',
-    result: centerPosition - tooltipRect.width / 2 > 0 && centerPosition + tooltipRect.width / 2 < getViewportDimensions().width
-  };
-};
-export var canAlignTop = function canAlignTop(tooltipRect, elRect) {
-  var middlePosition = getElementMiddlePosition(elRect);
-  var hasSpaceOnTheTopOfArrow = middlePosition - (tooltipRect.height - marginBuffer) > 0;
-  var hasSpaceBelowTheArrow = middlePosition + marginBuffer < getViewportDimensions().width;
-  return {
-    type: 'top',
-    result: hasSpaceOnTheTopOfArrow && hasSpaceBelowTheArrow
-  };
-};
-export var canAlignBottom = function canAlignBottom(tooltipRect, elRect) {
-  var middlePosition = getElementMiddlePosition(elRect);
-  var hasSpaceOnTopOfArrow = middlePosition + (tooltipRect.height - marginBuffer) < getViewportDimensions().height;
-  var hasSpaceBelowTheArrow = middlePosition - marginBuffer > 0;
-  return {
-    type: 'bottom',
-    result: hasSpaceBelowTheArrow && hasSpaceOnTopOfArrow
-  };
-};
-export var canAlignMiddle = function canAlignMiddle(tooltipRect, elRect) {
-  var middlePosition = elRect.top + elRect.height / 2;
-  return {
-    type: 'middle',
-    result: middlePosition - tooltipRect.height / 2 > 0 && middlePosition + tooltipRect.height / 2 < getViewportDimensions().height
-  };
-};
-export var canStayOnTop = function canStayOnTop(tooltipRect) {
-  return tooltipRect.top > 0;
-};
-export var canStayOnBottom = function canStayOnBottom(tooltipRect) {
-  console.log('tooltipRect:', tooltipRect);
-  console.log('getViewportDimensions().height: ', getViewportDimensions().height);
-  return tooltipRect.bottom < getViewportDimensions().height;
-};
-export var canStayOnLeft = function canStayOnLeft(tooltipRect) {
-  return tooltipRect.left > 0;
-};
-export var canStayOnRight = function canStayOnRight(tooltipRect) {
-  return tooltipRect.right < getViewportDimensions().width;
-};
-export var tryCalculateAligment = function tryCalculateAligment(args) {
-  var preferredAlignmentFuncs = args.preferredAlignmentFuncs,
-    tooltipRect = args.tooltipRect,
-    elRect = args.elRect;
-  for (var _iterator = _createForOfIteratorHelperLoose(preferredAlignmentFuncs), _step; !(_step = _iterator()).done;) {
-    var alignmentFunc = _step.value;
-    var _alignmentFunc = alignmentFunc(tooltipRect, elRect),
-      result = _alignmentFunc.result,
-      type = _alignmentFunc.type;
-    if (result) {
-      return type;
-    }
-  }
-  return null;
-};

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

@@ -1,16 +0,0 @@
-import React, { ElementType, ReactNode } from 'react';
-declare const typographyVariant: readonly ["headline1", "headline2", "headline3", "headline4", "headline5", "headline6", "subtitle1", "subtitle2", "body1", "body2", "button", "caption", "overline"];
-export declare type Variant = (typeof typographyVariant)[number];
-export interface TypographyProps {
-    /** Sets the Typography's element */
-    as?: ElementType;
-    className?: string;
-    children: ReactNode;
-    /** Sets the Typography's color */
-    color?: string;
-    /** Sets the Typography's variant */
-    variant?: Variant;
-    style?: React.CSSProperties;
-}
-export declare const Typography: ({ as, children, variant, style, ...props }: TypographyProps) => JSX.Element;
-export {};

package/es/@next/Typography/Typography.js

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["as", "children", "variant", "style"];
-import React from 'react';
-import { StyledTypography } from './TypographyStyles';
-var typographyVariant = ['headline1', 'headline2', 'headline3', 'headline4', 'headline5', 'headline6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'button', 'caption', 'overline'];
-var isVariant = function isVariant(str) {
-  return typographyVariant.includes(str);
-};
-export var Typography = function Typography(_ref) {
-  var _ref$as = _ref.as,
-    as = _ref$as === void 0 ? 'p' : _ref$as,
-    children = _ref.children,
-    variant = _ref.variant,
-    style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  if (!isVariant(variant)) {
-    console.warn("Variant: " + variant + " is not of type Variant | undefined. \ntype Variant " + typographyVariant);
-  }
-  return /*#__PURE__*/React.createElement(StyledTypography, _extends({
-    style: style,
-    as: as,
-    variant: variant
-  }, props), children);
-};

package/es/@next/Typography/Typography.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 Interactive: any;
-export declare const Color: any;
-export declare const Variant: any;

package/es/@next/Typography/Typography.test.d.ts

@@ -1 +0,0 @@
-import 'jest-styled-components';

package/es/@next/Typography/TypographyStyles.d.ts

@@ -1,19 +0,0 @@
-import { FlattenSimpleInterpolation } from 'styled-components';
-import { TypographyProps, Variant } from './Typography';
-export declare const headline1: FlattenSimpleInterpolation;
-export declare const headline2: FlattenSimpleInterpolation;
-export declare const headline3: FlattenSimpleInterpolation;
-export declare const headline4: FlattenSimpleInterpolation;
-export declare const headline5: FlattenSimpleInterpolation;
-export declare const headline6: FlattenSimpleInterpolation;
-export declare const subtitle1: FlattenSimpleInterpolation;
-export declare const subtitle2: FlattenSimpleInterpolation;
-export declare const body1: FlattenSimpleInterpolation;
-export declare const body2: FlattenSimpleInterpolation;
-export declare const button: FlattenSimpleInterpolation;
-export declare const caption: FlattenSimpleInterpolation;
-export declare const overline: FlattenSimpleInterpolation;
-export declare const variantCssMapping: {
-    [variant in Variant]: FlattenSimpleInterpolation;
-};
-export declare const StyledTypography: import("styled-components").StyledComponent<"p", any, TypographyProps, never>;

package/es/@next/Typography/TypographyStyles.js

@@ -1,26 +0,0 @@
-var _variantCssMapping;
-import styled, { css } from 'styled-components';
-import * as Breakpoints from '../utilities/breakpoints';
-import { NotoSans, Poppins } from '../utilities/fonts';
-export var headline1 = css(["font-family:", ",sans-serif;font-weight:700;font-size:60px;line-height:140%;letter-spacing:0;@media (max-width:", "){font-size:36px;}"], Poppins, Breakpoints.large);
-export var headline2 = css(["font-family:", ",sans-serif;font-weight:700;font-size:50px;line-height:normal;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:32px;line-height:140%;}"], Poppins, Breakpoints.large);
-export var headline3 = css(["font-family:", ",sans-serif;font-weight:700;font-size:36px;line-height:normal;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:28px;line-height:140%;}"], Poppins, Breakpoints.large);
-export var headline4 = css(["font-family:", ",sans-serif;font-weight:700;font-size:30px;line-height:140%;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:24px;line-height:150%;}"], Poppins, Breakpoints.large);
-export var headline5 = css(["font-weight:700;font-size:26px;line-height:normal;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:20px;}"], Breakpoints.large);
-export var headline6 = css(["font-family:", ",sans-serif;font-weight:600;font-size:24px;line-height:150%;letter-spacing:0;@media (max-width:", "){font-weight:700;font-size:18px;letter-spacing:0.15px;}"], NotoSans, Breakpoints.large);
-export var subtitle1 = css(["font-family:", ",sans-serif;font-weight:600;font-size:20px;line-height:150%;letter-spacing:0.15px;@media (max-width:", "){font-size:16px;}"], NotoSans, Breakpoints.large);
-export var subtitle2 = css(["font-family:", ",sans-serif;font-weight:400;font-size:14px;line-height:150%;letter-spacing:0.25px;@media (max-width:", "){font-size:12px;letter-spacing:0;}"], NotoSans, Breakpoints.large);
-export var body1 = css(["font-family:", ",sans-serif;font-weight:400;font-size:16px;line-height:150%;letter-spacing:0px;@media (max-width:", "){font-size:14px;}"], NotoSans, Breakpoints.large);
-export var body2 = css(["font-family:", ",sans-serif;font-weight:600;font-size:16px;line-height:150%;letter-spacing:0.25px;@media (max-width:", "){font-size:14px;line-height:140%;letter-spacing:0;}"], NotoSans, Breakpoints.large);
-export var button = css(["font-family:", ",sans-serif;font-weight:700;font-size:14px;line-height:150%;letter-spacing:0.75px;@media (max-width:", "){font-weight:600;letter-spacing:0.25px;}"], NotoSans, Breakpoints.large);
-export var caption = css(["font-family:", ",sans-serif;font-weight:600;font-size:14px;line-height:150%;letter-spacing:0.25px;@media (max-width:", "){font-size:12px;letter-spacing:0px;}"], NotoSans, Breakpoints.large);
-export var overline = css(["font-family:", ",sans-serif;font-weight:500;font-size:12px;line-height:140%;letter-spacing:1.5px;@media (max-width:", "){font-size:10px;letter-spacing:0.2px;}"], NotoSans, Breakpoints.large);
-export var variantCssMapping = (_variantCssMapping = {}, _variantCssMapping['headline1'] = headline1, _variantCssMapping['headline2'] = headline2, _variantCssMapping['headline3'] = headline3, _variantCssMapping['headline4'] = headline4, _variantCssMapping['headline5'] = headline5, _variantCssMapping['headline6'] = headline6, _variantCssMapping['subtitle1'] = subtitle1, _variantCssMapping['subtitle2'] = subtitle2, _variantCssMapping['body1'] = body1, _variantCssMapping['body2'] = body2, _variantCssMapping['button'] = button, _variantCssMapping['caption'] = caption, _variantCssMapping['overline'] = overline, _variantCssMapping);
-export var StyledTypography = styled.p.withConfig({
-  displayName: "TypographyStyles__StyledTypography",
-  componentId: "sc-ro16eu-0"
-})(["color:", ";", ""], function (props) {
-  return props.color;
-}, function (props) {
-  return variantCssMapping[props.variant];
-});

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

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

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

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

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

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface UploadProps {
-    file: File | null;
-    handleSetFile: (file: File | null) => void;
-    loading?: boolean;
-    objectFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
-    uploadMessage?: React.ReactNode;
-    loadingMessage?: React.ReactNode;
-    disableDefaultValidation?: boolean;
-    accept?: string;
-}
-export declare const Upload: React.ForwardRefExoticComponent<UploadProps & React.RefAttributes<HTMLInputElement>>;

package/es/@next/Upload/Upload.js

@@ -1,117 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["file", "handleSetFile", "loading", "objectFit", "uploadMessage", "loadingMessage", "disableDefaultValidation", "accept"];
-import React, { useEffect, useRef, useState } from 'react';
-import { Icon } from '../Icon';
-import { StyledInvisibleInput, StyledUploadContainer, StyledTextContainer, StyledIconContainer, StyledUploadedImage, StyledDeleteButtonContainer, StyledDeleteIconContainer, StyledErrorContainer, StyledErrorIconContainer, StyledErrorTextContainer } from './UploadStyle';
-import { Spinner } from '../Spinner';
-import { Typography } from '../Typography';
-export var Upload = /*#__PURE__*/React.forwardRef(function Upload(_ref, ref) {
-  var file = _ref.file,
-    handleSetFile = _ref.handleSetFile,
-    loading = _ref.loading,
-    _ref$objectFit = _ref.objectFit,
-    objectFit = _ref$objectFit === void 0 ? 'cover' : _ref$objectFit,
-    _ref$uploadMessage = _ref.uploadMessage,
-    uploadMessage = _ref$uploadMessage === void 0 ? 'Upload' : _ref$uploadMessage,
-    _ref$loadingMessage = _ref.loadingMessage,
-    loadingMessage = _ref$loadingMessage === void 0 ? 'loading...' : _ref$loadingMessage,
-    _ref$disableDefaultVa = _ref.disableDefaultValidation,
-    disableDefaultValidation = _ref$disableDefaultVa === void 0 ? false : _ref$disableDefaultVa,
-    accept = _ref.accept,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var MAX_FILE_SIZE = 5; // in MB
-
-  var _useState = useState(''),
-    attachmentUrl = _useState[0],
-    setAttachmentUrl = _useState[1];
-  var _useState2 = useState(loading),
-    isLoading = _useState2[0],
-    setIsLoading = _useState2[1];
-  var _useState3 = useState(''),
-    error = _useState3[0],
-    setError = _useState3[1];
-  var fileInputRef = useRef(null);
-  useEffect(function () {
-    var reader = new FileReader();
-    reader.onloadend = function () {
-      setAttachmentUrl(reader.result);
-      setIsLoading(false);
-    };
-    reader.onloadstart = function () {
-      return setIsLoading(true);
-    };
-    if (file) reader.readAsDataURL(file);
-  }, [file, loading]);
-  var handleClick = function handleClick() {
-    if (fileInputRef.current) {
-      fileInputRef.current.click();
-    }
-  };
-  var handleChange = function handleChange(event) {
-    var _event$target$files;
-    var newFile = (_event$target$files = event.target.files) == null ? void 0 : _event$target$files[0];
-    if (disableDefaultValidation) {
-      var _event$target$files2;
-      handleSetFile(((_event$target$files2 = event.target.files) == null ? void 0 : _event$target$files2[0]) || null);
-      return;
-    }
-    if (newFile && !newFile.type.startsWith('image')) {
-      setError('Image required');
-      handleSetFile(null);
-    } else if (newFile && newFile.size > MAX_FILE_SIZE * 1024 * 1024) {
-      setError('File too big');
-      handleSetFile(null);
-    } else {
-      setError('');
-      handleSetFile(newFile);
-    }
-  };
-  var handleDelete = function handleDelete() {
-    setAttachmentUrl('');
-    handleSetFile(null);
-    fileInputRef.current.value = null;
-  };
-  var unuploadedComponent = /*#__PURE__*/React.createElement(StyledUploadContainer, {
-    onClick: handleClick,
-    "data-type": "initial",
-    "data-error": !!error,
-    "data-testid": "upload-container"
-  }, /*#__PURE__*/React.createElement(StyledIconContainer, null, /*#__PURE__*/React.createElement(Icon, {
-    name: "ri-add"
-  })), /*#__PURE__*/React.createElement(StyledTextContainer, null, /*#__PURE__*/React.createElement(Typography, {
-    as: "span",
-    variant: "button"
-  }, uploadMessage)));
-  var loadingComponent = /*#__PURE__*/React.createElement(StyledUploadContainer, {
-    "data-type": "loading"
-  }, /*#__PURE__*/React.createElement(StyledIconContainer, {
-    "data-type": "loading"
-  }, /*#__PURE__*/React.createElement(Spinner, null)), /*#__PURE__*/React.createElement(StyledTextContainer, null, /*#__PURE__*/React.createElement(Typography, {
-    as: "span",
-    variant: "overline"
-  }, loadingMessage)));
-  var errorComponent = /*#__PURE__*/React.createElement(StyledErrorContainer, null, /*#__PURE__*/React.createElement(StyledErrorIconContainer, null, /*#__PURE__*/React.createElement(Icon, {
-    name: "ri-error-warning-fill"
-  })), /*#__PURE__*/React.createElement(StyledErrorTextContainer, null, /*#__PURE__*/React.createElement(Typography, {
-    as: "span",
-    variant: "subtitle2"
-  }, error)));
-  var uploadedImageComponent = /*#__PURE__*/React.createElement(StyledUploadedImage, {
-    src: attachmentUrl,
-    objectFit: objectFit
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledInvisibleInput, _extends({
-    type: "file",
-    accept: accept || 'image/*',
-    onChange: handleChange,
-    ref: ref || fileInputRef
-  }, props)), attachmentUrl && !(loading || isLoading) ? /*#__PURE__*/React.createElement(StyledUploadContainer, {
-    "data-type": "image",
-    "data-testid": "upload-container"
-  }, uploadedImageComponent, /*#__PURE__*/React.createElement(StyledDeleteButtonContainer, {
-    onClick: handleDelete
-  }, /*#__PURE__*/React.createElement(StyledDeleteIconContainer, null, /*#__PURE__*/React.createElement(Icon, {
-    name: "ri-delete-bin-line"
-  })))) : /*#__PURE__*/React.createElement(React.Fragment, null, loading || isLoading ? /*#__PURE__*/React.createElement(React.Fragment, null, loadingComponent) : /*#__PURE__*/React.createElement(React.Fragment, null, unuploadedComponent), !!error && /*#__PURE__*/React.createElement(React.Fragment, null, errorComponent)));
-});

package/es/@next/Upload/Upload.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/Upload/UploadStyle.d.ts

@@ -1,12 +0,0 @@
-export declare const StyledInvisibleInput: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const StyledUploadContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledUploadedImage: import("styled-components").StyledComponent<"img", any, {
-    objectFit: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
-}, never>;
-export declare const StyledDeleteButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDeleteIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledErrorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledErrorIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledErrorTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/@next/Upload/UploadStyle.js

@@ -1,45 +0,0 @@
-import styled from 'styled-components';
-import * as Breakpoints from '../utilities/breakpoints';
-import { Blue, Neutral, Red } from '../utilities/colors';
-export var StyledInvisibleInput = styled.input.withConfig({
-  displayName: "UploadStyle__StyledInvisibleInput",
-  componentId: "sc-vgra38-0"
-})(["display:none;"]);
-export var StyledUploadContainer = styled.div.withConfig({
-  displayName: "UploadStyle__StyledUploadContainer",
-  componentId: "sc-vgra38-1"
-})(["position:relative;width:80px;height:80px;background-color:", ";border:1px dashed ", ";border-radius:2px;:hover{background-color:", ";}&[data-type='initial']{cursor:pointer;}&[data-type='image']{border:none;}&[data-type='loading']{background-color:", ";}&[data-error='true']{border:1px dashed ", ";}"], Neutral.B99, Neutral.B68, Neutral.B95, Neutral.B95, Red.B93);
-export var StyledTextContainer = styled.div.withConfig({
-  displayName: "UploadStyle__StyledTextContainer",
-  componentId: "sc-vgra38-2"
-})(["position:absolute;top:46.5px;left:50%;transform:translateX(-50%);color:", ";"], Neutral.B18);
-export var StyledIconContainer = styled.div.withConfig({
-  displayName: "UploadStyle__StyledIconContainer",
-  componentId: "sc-vgra38-3"
-})(["position:absolute;top:12.5px;left:50%;transform:translateX(-50%);cursor:pointer;svg{fill:", ";color:", ";height:24px;width:24px;}&[data-type='loading']{top:17.5px;svg{fill:", ";height:18px;width:18px;}}"], Neutral.B40, Neutral.B40, Blue.S99);
-export var StyledUploadedImage = styled.img.withConfig({
-  displayName: "UploadStyle__StyledUploadedImage",
-  componentId: "sc-vgra38-4"
-})(["position:absolute;height:80px;width:80px;z-index:1;border:1px solid ", ";border-radius:2px;object-fit:", ";"], Neutral.B68, function (props) {
-  return props.objectFit;
-});
-export var StyledDeleteButtonContainer = styled.div.withConfig({
-  displayName: "UploadStyle__StyledDeleteButtonContainer",
-  componentId: "sc-vgra38-5"
-})(["position:absolute;height:24px;width:24px;left:4px;bottom:4px;cursor:pointer;z-index:3;@media (max-width:", "){height:32px;width:32px;left:0px;bottom:0px;}"], Breakpoints.large);
-export var StyledDeleteIconContainer = styled.div.withConfig({
-  displayName: "UploadStyle__StyledDeleteIconContainer",
-  componentId: "sc-vgra38-6"
-})(["position:absolute;height:24px;width:24px;left:0px;bottom:0px;background-color:", ";border:1px solid ", ";border-radius:50%;z-index:2;display:flex;justify-content:center;align-items:center;svg{height:16px;width:16px;fill:", ";}@media (max-width:", "){left:4px;bottom:4px;}"], Neutral.B100, Neutral.B68, Neutral.B40, Breakpoints.large);
-export var StyledErrorContainer = styled.div.withConfig({
-  displayName: "UploadStyle__StyledErrorContainer",
-  componentId: "sc-vgra38-7"
-})(["position:relative;"]);
-export var StyledErrorIconContainer = styled.div.withConfig({
-  displayName: "UploadStyle__StyledErrorIconContainer",
-  componentId: "sc-vgra38-8"
-})(["position:absolute;top:4px;svg{fill:", ";height:20px;width:20px;}"], Red.B93);
-export var StyledErrorTextContainer = styled.div.withConfig({
-  displayName: "UploadStyle__StyledErrorTextContainer",
-  componentId: "sc-vgra38-9"
-})(["position:absolute;top:4px;left:24px;color:", ";"], Red.B93);

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

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

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

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

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

@@ -1,88 +0,0 @@
-import * as BorderRadius from './utilities/borderRadius';
-import * as Breakpoints from './utilities/breakpoints';
-import * as Colors from './utilities/colors';
-import * as DropShadow from './utilities/dropShadow';
-import * as Fonts from './utilities/fonts';
-import * as Spacing from './utilities/spacing';
-export type { ActionListProps, Item as ActionListItem, Section as ActionListSection, } from './ActionList';
-export { ActionList } from './ActionList';
-export type { AlertContextProps, AlertProps } from './Alert';
-export { Alert, AlertContext, AlertProvider, AlertWithProvider, useAlert, } from './Alert';
-export { AuthenticationInput } from './AuthenticationInput';
-export type { AuthenticationInputProps } from './AuthenticationInput';
-export type { AvatarProps } from './Avatar';
-export { Avatar } from './Avatar';
-export type { BadgeProps } from './Badge';
-export { Badge } from './Badge';
-export type { BannerProps } from './Banner';
-export { Banner } from './Banner';
-export type { BarProps } from './Bar';
-export { Bar } from './Bar';
-export type { ButtonProps } from './Button';
-export { Button, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton, PlainButton, } from './Button';
-export type { ButtonGroupProps } from './ButtonGroup';
-export { ButtonGroup } from './ButtonGroup';
-export type { CarouselProps } from './Carousel';
-export { Carousel } from './Carousel';
-export type { CardProps } from './Card';
-export { Card } from './Card';
-export type { CheckboxProps } from './Checkbox';
-export { Checkbox } from './Checkbox';
-export type { CollapseProps } from './Collapse';
-export { Collapse } from './Collapse';
-export type { ComboboxProps } from './Combobox';
-export { Combobox } from './Combobox';
-export type { CurrencyInputProps } from './CurrencyInput';
-export { CurrencyInput } from './CurrencyInput';
-export type { DataTableProps, TableCellProps, TableHeaderProps, TableRowProps, } from './DataTable';
-export { DataTable } from './DataTable';
-export { Divider } from './Divider';
-export { EmptyState } from './EmptyState';
-export type { IconProps } from './Icon';
-export { Icon } from './Icon';
-export type { IndexTableProps } from './IndexTable';
-export { IndexTable, useIndexResourceState } from './IndexTable';
-export type { LinkProps } from './Link';
-export { Link } from './Link';
-export type { MenuProps } from './Menu';
-export { Menu } from './Menu';
-export type { ModalProps } from './Modal';
-export { Modal, ModalContext, ModalProvider, useModal, ModalWithProvider, } from './Modal';
-export type { NumberInputProps } from './NumberInput';
-export { NumberInput } from './NumberInput';
-export type { IconPaginationProps, PaginationProps } from './Pagination';
-export { IconPagination, Pagination, SimplePagination } from './Pagination';
-export type { PasswordInputProps } from './PasswordInput';
-export { PasswordInput } from './PasswordInput';
-export type { PopoverProps } from './Popover';
-export { Popover } from './Popover';
-export { Portal } from './Portal';
-export type { RadioButtonProps } from './RadioButton';
-export { RadioButton } from './RadioButton';
-export type { SelectProps } from './Select';
-export { Select } from './Select';
-export type { SideSheetProps } from './SideSheet';
-export { SideSheet } from './SideSheet';
-export type { SkeletonImageCircleProps, SkeletonImageSquareProps, SkeletonTextProps, } from './Skeleton';
-export { SkeletonImageCircle, SkeletonImageSquare, SkeletonText, } from './Skeleton';
-export type { SpinnerProps } from './Spinner';
-export { Spinner } from './Spinner';
-export { Steps } from './Steps';
-export type { TabModel, TabProps, TabsProps } from './Tabs';
-export { Tab, Tabs } from './Tabs';
-export type { TagProps } from './Tag';
-export { Tag } from './Tag';
-export type { TextAreaProps } from './TextArea';
-export { TextArea } from './TextArea';
-export type { TextInputProps } from './TextInput';
-export { TextInput } from './TextInput';
-export type { TooltipPosition, TooltipProps } from './Tooltip';
-export { Tooltip } from './Tooltip';
-export type { TypographyProps } from './Typography';
-export { Typography } from './Typography';
-export type { UploadProps } from './Upload';
-export { Upload } from './Upload';
-export { Breakpoints, BorderRadius, Colors, DropShadow, Fonts, Spacing };
-export { Switch } from './Switch';
-export type { InlineErrorProps } from './InlineError';
-export { InlineError } from './InlineError';

package/es/@next/index.js

@@ -1,51 +0,0 @@
-// Utilities
-import * as BorderRadius from './utilities/borderRadius';
-import * as Breakpoints from './utilities/breakpoints';
-import * as Colors from './utilities/colors';
-import * as DropShadow from './utilities/dropShadow';
-import * as Fonts from './utilities/fonts';
-import * as Spacing from './utilities/spacing';
-export { ActionList } from './ActionList';
-export { Alert, AlertContext, AlertProvider, AlertWithProvider, useAlert } from './Alert';
-export { AuthenticationInput } from './AuthenticationInput';
-export { Avatar } from './Avatar';
-export { Badge } from './Badge';
-export { Banner } from './Banner';
-export { Bar } from './Bar';
-export { Button, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton, PlainButton } from './Button';
-export { ButtonGroup } from './ButtonGroup';
-export { Carousel } from './Carousel';
-export { Card } from './Card';
-export { Checkbox } from './Checkbox';
-export { Collapse } from './Collapse';
-export { Combobox } from './Combobox';
-export { CurrencyInput } from './CurrencyInput';
-export { DataTable } from './DataTable';
-export { Divider } from './Divider';
-export { EmptyState } from './EmptyState';
-export { Icon } from './Icon';
-export { IndexTable, useIndexResourceState } from './IndexTable';
-export { Link } from './Link';
-export { Menu } from './Menu';
-export { Modal, ModalContext, ModalProvider, useModal, ModalWithProvider } from './Modal';
-export { NumberInput } from './NumberInput';
-export { IconPagination, Pagination, SimplePagination } from './Pagination';
-export { PasswordInput } from './PasswordInput';
-export { Popover } from './Popover';
-export { Portal } from './Portal';
-export { RadioButton } from './RadioButton';
-export { Select } from './Select';
-export { SideSheet } from './SideSheet';
-export { SkeletonImageCircle, SkeletonImageSquare, SkeletonText } from './Skeleton';
-export { Spinner } from './Spinner';
-export { Steps } from './Steps';
-export { Tab, Tabs } from './Tabs';
-export { Tag } from './Tag';
-export { TextArea } from './TextArea';
-export { TextInput } from './TextInput';
-export { Tooltip } from './Tooltip';
-export { Typography } from './Typography';
-export { Upload } from './Upload';
-export { Breakpoints, BorderRadius, Colors, DropShadow, Fonts, Spacing };
-export { Switch } from './Switch';
-export { InlineError } from './InlineError';

package/es/@next/utilities/borderRadius/BorderRadius.d.ts

@@ -1,22 +0,0 @@
-export declare const borderRadius2 = "2px";
-export declare const borderRadius3 = "3px";
-export declare const borderRadius4 = "4px";
-export declare const borderRadius6 = "6px";
-export declare const borderRadius8 = "8px";
-export declare const borderRadius12 = "12px";
-export declare const borderRadius16 = "16px";
-export declare const borderRadius20 = "20px";
-export declare const borderRadius30 = "30px";
-export declare const borderRadiusHalf = "50%";
-export declare const borderRadiuses: {
-    borderRadius2: string;
-    borderRadius3: string;
-    borderRadius4: string;
-    borderRadius6: string;
-    borderRadius8: string;
-    borderRadius12: string;
-    borderRadius16: string;
-    borderRadius20: string;
-    borderRadius30: string;
-    borderRadiusHalf: string;
-};