glints-aries 4.1.0 → 4.1.3

package/lib/General/Icon/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _LegacyIcon = _interopRequireDefault(require("./LegacyIcon"));
-exports.Icon = _LegacyIcon["default"];
-var _default = _LegacyIcon["default"];
-exports["default"] = _default;

package/lib/General/Loading/Loading.d.ts

@@ -1,5 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-/** The loading spinner does not support resizing at the moment, but as a workaround you can use the className attribute to change it's styles manually. */
-export declare const Loading: FC<Props>;
-export declare type Props = HTMLAttributes<HTMLDivElement>;
-export default Loading;

package/lib/General/Loading/Loading.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Loading = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _LoadingStyle = require("./LoadingStyle");
-/** The loading spinner does not support resizing at the moment, but as a workaround you can use the className attribute to change it's styles manually. */
-var Loading = function Loading(props) {
-  var className = props.className;
-  return /*#__PURE__*/_react["default"].createElement(_LoadingStyle.LoadingContainer, (0, _extends2["default"])({
-    "data-testid": "alert"
-  }, props, {
-    className: (0, _classnames["default"])('aries-loading', className),
-    role: "alert",
-    "aria-busy": "true",
-    "aria-live": "polite"
-  }), /*#__PURE__*/_react["default"].createElement(_LoadingStyle.Spinner, null));
-};
-exports.Loading = Loading;
-var _default = Loading;
-exports["default"] = _default;

package/lib/General/Loading/Loading.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/lib/General/Loading/Loading.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/General/Loading/LoadingStyle.d.ts

@@ -1,2 +0,0 @@
-export declare const LoadingContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Spinner: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/General/Loading/LoadingStyle.js

@@ -1,20 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Spinner = exports.LoadingContainer = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _Colors = require("../../Utils/Colors");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var spin = (0, _styledComponents.keyframes)(["0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}"]);
-var spinnerGlobal = (0, _styledComponents.css)(["content:'';position:absolute;width:100%;height:100%;border-radius:100%;border:0.35em solid transparent;border-top-color:", ";"], _Colors.Greyscale.white);
-var LoadingContainer = _styledComponents["default"].div.withConfig({
-  displayName: "LoadingStyle__LoadingContainer",
-  componentId: "sc-fg2qx3-0"
-})(["position:relative;display:inline-flex;"]);
-exports.LoadingContainer = LoadingContainer;
-var Spinner = _styledComponents["default"].div.withConfig({
-  displayName: "LoadingStyle__Spinner",
-  componentId: "sc-fg2qx3-1"
-})(["position:relative;display:flex;justify-content:center;align-items:center;width:2em;height:2em;&:before{", ";z-index:100;animation:", " 1s infinite;}&:after{", ";border:0.35em solid ", ";}"], spinnerGlobal, spin, spinnerGlobal, _Colors.SecondaryColor.actionblue);
-exports.Spinner = Spinner;

package/lib/General/Loading/index.d.ts

@@ -1,3 +0,0 @@
-import Loading from './Loading';
-export { Loading };
-export default Loading;

package/lib/General/Loading/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _Loading = _interopRequireDefault(require("./Loading"));
-exports.Loading = _Loading["default"];
-var _default = _Loading["default"];
-exports["default"] = _default;

package/lib/General/ProfilePicture/ProfilePicture.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { ProfilePictureContainer } from './ProfilePictureStyle';
-declare const ProfilePicture: ({ editable, children, className, ...defaultProps }: Props) => JSX.Element;
-export declare type Props = React.ComponentPropsWithoutRef<typeof ProfilePictureContainer> & {
-    /** Showing edit icon when it's hovered. */
-    editable?: boolean;
-    children: React.ReactNode;
-};
-export default ProfilePicture;

package/lib/General/ProfilePicture/ProfilePicture.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _components = require("../Icon/components");
-var _ProfilePictureStyle = require("./ProfilePictureStyle");
-var _excluded = ["editable", "children", "className"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var ProfilePicture = function ProfilePicture(_ref) {
-  var editable = _ref.editable,
-    children = _ref.children,
-    className = _ref.className,
-    defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  var _React$useState = React.useState(false),
-    isHover = _React$useState[0],
-    setIsHover = _React$useState[1];
-  var handleMouseEnter = function handleMouseEnter() {
-    if (editable) {
-      setIsHover(true);
-    }
-  };
-  var handleMouseLeave = function handleMouseLeave() {
-    if (editable) {
-      setIsHover(false);
-    }
-  };
-  return /*#__PURE__*/React.createElement(_ProfilePictureStyle.ProfilePictureContainer, (0, _extends2["default"])({
-    className: (0, _classnames["default"])('aries-profile', className),
-    role: editable ? 'button' : 'presentation',
-    "aria-label": "Profile Picture",
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    tabIndex: editable ? 0 : undefined
-  }, defaultProps), /*#__PURE__*/React.createElement(_ProfilePictureStyle.ProfilePictureContent, {
-    editable: editable,
-    tabIndex: editable ? -1 : undefined
-  }, isHover && /*#__PURE__*/React.createElement(_components.EditIcon, {
-    color: "white"
-  }), children));
-};
-var _default = ProfilePicture;
-exports["default"] = _default;

package/lib/General/ProfilePicture/ProfilePicture.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 ShowEditIconOnHover: any;

package/lib/General/ProfilePicture/ProfilePicture.test.d.ts

@@ -1,2 +0,0 @@
-import 'jest-styled-components';
-import '@testing-library/jest-dom/extend-expect';

package/lib/General/ProfilePicture/ProfilePictureStyle.d.ts

@@ -1,9 +0,0 @@
-export declare const ProfilePictureContent: import("styled-components").StyledComponent<"div", any, ProfilePictureContentProps, never>;
-interface ProfilePictureContentProps {
-    editable: boolean;
-}
-export declare const ProfilePictureContainer: import("styled-components").StyledComponent<"div", any, ProfilePictureContainerProps, never>;
-interface ProfilePictureContainerProps {
-    editable?: boolean;
-}
-export {};

package/lib/General/ProfilePicture/ProfilePictureStyle.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.ProfilePictureContent = exports.ProfilePictureContainer = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _crossPattern = _interopRequireDefault(require("../../../assets/image/cross-pattern.svg"));
-var ProfilePictureContent = _styledComponents["default"].div.withConfig({
-  displayName: "ProfilePictureStyle__ProfilePictureContent",
-  componentId: "sc-lrsiz1-0"
-})(["position:relative;z-index:1;width:5em;height:5em;border-radius:50%;svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}", " &:after{content:'';position:absolute;z-index:-1;background:url(", ");height:100%;width:100%;border-radius:50%;top:4px;left:4px;}img{object-fit:cover;border-radius:50%;width:100%;height:100%;z-index:1;}"], function (_ref) {
-  var editable = _ref.editable;
-  if (editable) {
-    return "\n        outline: none;\n        cursor: pointer;\n\n        &:hover:before {\n          content: '';\n          position: absolute;\n          background-color: rgba(0, 0, 0, .5);\n          height: 100%;\n          width: 100%;\n          top: 0\n          left: 0;\n          border-radius: 50%;\n        }\n      ";
-  }
-}, _crossPattern["default"]);
-exports.ProfilePictureContent = ProfilePictureContent;
-var ProfilePictureContainer = _styledComponents["default"].div.withConfig({
-  displayName: "ProfilePictureStyle__ProfilePictureContainer",
-  componentId: "sc-lrsiz1-1"
-})(["position:relative;display:inline-flex;", ""], function (_ref2) {
-  var editable = _ref2.editable;
-  if (editable) {
-    return "\n        &:focus {\n          outline: none;\n        }\n\n        &:focus > " + ProfilePictureContent + " {\n          outline: 5px auto -webkit-focus-ring-color;\n        }\n      ";
-  }
-});
-exports.ProfilePictureContainer = ProfilePictureContainer;

package/lib/General/ProfilePicture/index.d.ts

@@ -1,3 +0,0 @@
-import ProfilePicture from './ProfilePicture';
-export { ProfilePicture };
-export default ProfilePicture;

package/lib/General/ProfilePicture/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _ProfilePicture = _interopRequireDefault(require("./ProfilePicture"));
-exports.ProfilePicture = _ProfilePicture["default"];
-var _default = _ProfilePicture["default"];
-exports["default"] = _default;

package/lib/General/Tag/ActionTags/AddTag.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const AddTag: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../BasicTag").Props>, any, {}, never>;

package/lib/General/Tag/ActionTags/AddTag.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.AddTag = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Colors = require("../../../Utils/Colors");
-var _BasicTag = _interopRequireDefault(require("../BasicTag"));
-var AddTag = (0, _styledComponents["default"])(_BasicTag["default"]).withConfig({
-  displayName: "AddTag",
-  componentId: "sc-ggz15u-0"
-})(["border-style:dashed;border-color:", ";&:hover{border-color:", ";&:active{border-color:", ";}"], _Colors.Greyscale.lightgrey, _Colors.Greyscale.grey, _Colors.Greyscale.black);
-exports.AddTag = AddTag;

package/lib/General/Tag/ActionTags/ResetTag.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ResetTag: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../BasicTag").Props>, any, {}, never>;

package/lib/General/Tag/ActionTags/ResetTag.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.ResetTag = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Colors = require("../../../Utils/Colors");
-var _BasicTag = _interopRequireDefault(require("../BasicTag"));
-var ResetTag = (0, _styledComponents["default"])(_BasicTag["default"]).withConfig({
-  displayName: "ResetTag",
-  componentId: "sc-be45u9-0"
-})(["color:", ";border-style:solid;border-color:transparent;background-color:rgba(236,39,43,0.05);&:hover{background-color:rgba(236,39,43,0.1);}&:active{background-color:rgba(236,39,43,0.2);}"], _Colors.PrimaryColor.glintsred);
-exports.ResetTag = ResetTag;

package/lib/General/Tag/BasicTag.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { TagContainer } from './TagStyle';
-declare const Tag: React.FunctionComponent<Props>;
-export declare type Props = React.ComponentPropsWithoutRef<typeof TagContainer> & {
-    children: React.ReactNode;
-};
-export default Tag;

package/lib/General/Tag/BasicTag.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _TagStyle = require("./TagStyle");
-var _excluded = ["className", "children", "block", "outline", "onClick"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var Tag = function Tag(props) {
-  var className = props.className,
-    children = props.children,
-    block = props.block,
-    outline = props.outline,
-    onClick = props.onClick,
-    restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
-  return /*#__PURE__*/React.createElement(_TagStyle.TagContainer, (0, _extends2["default"])({
-    className: (0, _classnames["default"])('aries-tag', className),
-    role: "presentation",
-    tabIndex: 0,
-    block: block,
-    outline: outline,
-    isClickable: typeof onClick === 'function',
-    onClick: onClick
-  }, restProps), /*#__PURE__*/React.createElement(_TagStyle.TagContent, {
-    className: "tag-content",
-    tabIndex: -1
-  }, children));
-};
-Tag.defaultProps = {
-  block: false,
-  outline: false
-};
-var _default = Tag;
-exports["default"] = _default;

package/lib/General/Tag/Tag.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-declare const Tag: React.FunctionComponent<Props>;
-interface BasicTagProps {
-    /** Set Tag into block style. */
-    block?: boolean;
-    /** Set Tag into outline style. */
-    outline?: boolean;
-}
-interface ButtonTagProps {
-    icon?: React.ReactNode;
-}
-export declare type TagActionType = 'add' | 'reset';
-interface ActionTagProps {
-    /** (Only for tags with variant=action). Chooses which kind of action the tag will indicate. */
-    action?: TagActionType;
-    /** A function triggered when icon or action tag is clicked. */
-    onClick?(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
-}
-export declare type TagVariantType = 'button' | 'action';
-export interface Props extends BasicTagProps, ButtonTagProps, ActionTagProps {
-    children: React.ReactNode;
-    /** button tags usually show a single piece of information, while action tags are elements in a list (e.g. a list of selected options). */
-    variant?: TagVariantType;
-}
-export default Tag;

package/lib/General/Tag/Tag.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _components = require("../../General/Icon/components");
-var _TagStyle = require("./TagStyle");
-var _AddTag = require("./ActionTags/AddTag");
-var _ResetTag = require("./ActionTags/ResetTag");
-var _BasicTag = _interopRequireDefault(require("./BasicTag"));
-var _excluded = ["variant", "action", "children", "icon", "block", "outline", "onClick"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var Tag = function Tag(_ref) {
-  var variant = _ref.variant,
-    action = _ref.action,
-    children = _ref.children,
-    icon = _ref.icon,
-    _ref$block = _ref.block,
-    block = _ref$block === void 0 ? false : _ref$block,
-    _ref$outline = _ref.outline,
-    outline = _ref$outline === void 0 ? false : _ref$outline,
-    onClick = _ref.onClick,
-    resetProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  if (variant === 'action') {
-    switch (action) {
-      case 'add':
-        return /*#__PURE__*/React.createElement(_AddTag.AddTag, (0, _extends2["default"])({
-          onClick: onClick
-        }, resetProps), /*#__PURE__*/React.createElement(_TagStyle.StartIconContainer, null, /*#__PURE__*/React.createElement(_components.AddIcon, null)), children);
-      case 'reset':
-        return /*#__PURE__*/React.createElement(_ResetTag.ResetTag, (0, _extends2["default"])({
-          onClick: onClick
-        }, resetProps), /*#__PURE__*/React.createElement(_TagStyle.StartIconContainer, null, /*#__PURE__*/React.createElement(_components.TrashIcon, null)), children);
-      default:
-    }
-  } else if (variant === 'button') {
-    return /*#__PURE__*/React.createElement(_BasicTag["default"], resetProps, children, /*#__PURE__*/React.createElement(_TagStyle.EndIconContainer, null, icon));
-  }
-  return /*#__PURE__*/React.createElement(_BasicTag["default"], (0, _extends2["default"])({
-    block: block,
-    outline: outline,
-    onClick: onClick
-  }, resetProps), children);
-};
-var _default = Tag;
-exports["default"] = _default;

package/lib/General/Tag/Tag.stories.d.ts

@@ -1,8 +0,0 @@
-import { Story, Meta } from '@storybook/react';
-import { Props } from './Tag';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Interactive: any;
-export declare const BasicTag: Story<Props>;
-export declare const ButtonTag: Story<Props>;
-export declare const ActionTag: Story<Props>;

package/lib/General/Tag/Tag.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

package/lib/General/Tag/Tag.variant.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

package/lib/General/Tag/TagStyle.d.ts

@@ -1,10 +0,0 @@
-export declare const TagContent: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const TagContainer: import("styled-components").StyledComponent<"div", any, TagContainerProps, never>;
-interface TagContainerProps {
-    block?: boolean;
-    outline?: boolean;
-    isClickable?: boolean;
-}
-export declare const StartIconContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const EndIconContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
-export {};

package/lib/General/Tag/TagStyle.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.TagContent = exports.TagContainer = exports.StartIconContainer = exports.EndIconContainer = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Colors = require("../../Utils/Colors");
-var TagContent = _styledComponents["default"].label.withConfig({
-  displayName: "TagStyle__TagContent",
-  componentId: "sc-66xi2f-0"
-})(["display:flex;align-items:center;padding:5px 15px;outline:none;"]);
-exports.TagContent = TagContent;
-var TagContainer = _styledComponents["default"].div.withConfig({
-  displayName: "TagStyle__TagContainer",
-  componentId: "sc-66xi2f-1"
-})(["display:inline-flex;border-radius:", ";border-width:1px;border-style:solid;font-size:14px;color:", ";", ";", " &:focus{outline:none;}&:focus > ", "{outline:5px auto -webkit-focus-ring-color;}"], function (_ref) {
-  var block = _ref.block;
-  return !block && '20px';
-}, _Colors.Greyscale.black, function (_ref2) {
-  var isClickable = _ref2.isClickable;
-  if (isClickable) {
-    return TagContent + " {\n        cursor: pointer;\n      }";
-  }
-}, function (_ref3) {
-  var outline = _ref3.outline;
-  if (!outline) {
-    return "\n        background: " + _Colors.Greyscale.softgrey + ";\n        border-color: " + _Colors.Greyscale.lightgrey + ";\n      ";
-  } else {
-    return "\n        border-color: " + _Colors.Greyscale.black + ";\n      ";
-  }
-}, TagContent);
-exports.TagContainer = TagContainer;
-var IconContainer = _styledComponents["default"].span.withConfig({
-  displayName: "TagStyle__IconContainer",
-  componentId: "sc-66xi2f-2"
-})(["display:inline-flex;svg{width:12px;height:12px;}"]);
-var StartIconContainer = (0, _styledComponents["default"])(IconContainer).withConfig({
-  displayName: "TagStyle__StartIconContainer",
-  componentId: "sc-66xi2f-3"
-})(["margin-right:8px;"]);
-exports.StartIconContainer = StartIconContainer;
-var EndIconContainer = (0, _styledComponents["default"])(IconContainer).withConfig({
-  displayName: "TagStyle__EndIconContainer",
-  componentId: "sc-66xi2f-4"
-})(["margin-left:8px;svg{fill:", ";cursor:pointer;&:hover,&:active{fill:", ";}}"], _Colors.Greyscale.grey, _Colors.Greyscale.black);
-exports.EndIconContainer = EndIconContainer;

package/lib/General/Tag/index.d.ts

@@ -1,3 +0,0 @@
-import Tag from './Tag';
-export { Tag };
-export default Tag;

package/lib/General/Tag/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _Tag = _interopRequireDefault(require("./Tag"));
-exports.Tag = _Tag["default"];
-var _default = _Tag["default"];
-exports["default"] = _default;

package/lib/General/Typography/Paragraph.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { ParagraphProps } from './ParagraphStyles';
-export declare const Paragraph: React.FunctionComponent<Props>;
-export interface Props extends ParagraphProps {
-    className?: string;
-    children: React.ReactNode;
-    shouldSetLineHeight?: boolean;
-}
-export default Paragraph;

package/lib/General/Typography/Paragraph.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Paragraph = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _ParagraphStyles = require("./ParagraphStyles");
-var _Colors = require("../../Utils/Colors");
-var _excluded = ["className", "children", "variant", "bold", "color", "ellipsis", "shouldSetLineHeight"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var Paragraph = function Paragraph(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'regular' : _ref$variant,
-    _ref$bold = _ref.bold,
-    bold = _ref$bold === void 0 ? false : _ref$bold,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? _Colors.Greyscale.black : _ref$color,
-    _ref$ellipsis = _ref.ellipsis,
-    ellipsis = _ref$ellipsis === void 0 ? false : _ref$ellipsis,
-    _ref$shouldSetLineHei = _ref.shouldSetLineHeight,
-    shouldSetLineHeight = _ref$shouldSetLineHei === void 0 ? false : _ref$shouldSetLineHei,
-    restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_ParagraphStyles.Paragraph, (0, _extends2["default"])({
-    className: (0, _classnames["default"])('aries-typography-paragraph', className),
-    variant: variant,
-    bold: bold,
-    color: color,
-    ellipsis: ellipsis,
-    shouldSetLineHeight: shouldSetLineHeight
-  }, restProps), children);
-};
-exports.Paragraph = Paragraph;
-var _default = Paragraph;
-exports["default"] = _default;

package/lib/General/Typography/Paragraph.stories.d.ts

@@ -1,9 +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 Ellipsis: any;
-export declare const Bold: any;
-export declare const Variant: any;
-export declare const ShouldSetLineHeight: any;

package/lib/General/Typography/Paragraph.test.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import 'jest-styled-components';

package/lib/General/Typography/ParagraphStyles.d.ts

@@ -1,26 +0,0 @@
-export declare const PARAGRAPH_VARIANTS: {
-    subtitle: string;
-    regular: string;
-    caption: string;
-    smallest: string;
-};
-export declare const PARAGRAPH_FONT_SIZES: {
-    [x: string]: number;
-};
-export declare const PARAGRAPH_LINE_HEIGHTS: {
-    [x: string]: number;
-};
-export declare type paragraphType = 'subtitle' | 'regular' | 'caption' | 'smallest';
-export interface ParagraphProps {
-    /** Sets the Paragraph's font-weight to bold */
-    bold?: boolean;
-    /** Sets the Paragraph's color */
-    color?: string;
-    /** Display ellipsis when the title overflows */
-    ellipsis?: boolean;
-    /** Sets the Paragraph's variant */
-    variant?: paragraphType;
-    /** Adds a line-height value to the paragraph */
-    shouldSetLineHeight?: boolean;
-}
-export declare const Paragraph: import("styled-components").StyledComponent<"p", any, ParagraphProps, never>;

package/lib/General/Typography/ParagraphStyles.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.Paragraph = exports.PARAGRAPH_VARIANTS = exports.PARAGRAPH_LINE_HEIGHTS = exports.PARAGRAPH_FONT_SIZES = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _PARAGRAPH_FONT_SIZES, _PARAGRAPH_LINE_HEIGH;
-var PARAGRAPH_VARIANTS = {
-  subtitle: 'subtitle',
-  regular: 'regular',
-  caption: 'caption',
-  smallest: 'smallest'
-};
-exports.PARAGRAPH_VARIANTS = PARAGRAPH_VARIANTS;
-var PARAGRAPH_FONT_SIZES = (_PARAGRAPH_FONT_SIZES = {}, _PARAGRAPH_FONT_SIZES[PARAGRAPH_VARIANTS.subtitle] = 18, _PARAGRAPH_FONT_SIZES[PARAGRAPH_VARIANTS.regular] = 16, _PARAGRAPH_FONT_SIZES[PARAGRAPH_VARIANTS.caption] = 14, _PARAGRAPH_FONT_SIZES[PARAGRAPH_VARIANTS.smallest] = 12, _PARAGRAPH_FONT_SIZES);
-exports.PARAGRAPH_FONT_SIZES = PARAGRAPH_FONT_SIZES;
-var PARAGRAPH_LINE_HEIGHTS = (_PARAGRAPH_LINE_HEIGH = {}, _PARAGRAPH_LINE_HEIGH[PARAGRAPH_VARIANTS.subtitle] = 30.6, _PARAGRAPH_LINE_HEIGH[PARAGRAPH_VARIANTS.regular] = 27.2, _PARAGRAPH_LINE_HEIGH[PARAGRAPH_VARIANTS.caption] = 23.8, _PARAGRAPH_LINE_HEIGH[PARAGRAPH_VARIANTS.smallest] = 20.4, _PARAGRAPH_LINE_HEIGH);
-exports.PARAGRAPH_LINE_HEIGHTS = PARAGRAPH_LINE_HEIGHTS;
-var Paragraph = _styledComponents["default"].p.withConfig({
-  displayName: "ParagraphStyles__Paragraph",
-  componentId: "sc-1w5f8q5-0"
-})(["margin:0;font-size:", "px;line-height:", ";font-weight:", ";font-stretch:normal;font-style:normal;letter-spacing:normal;color:", ";", ""], function (props) {
-  return PARAGRAPH_FONT_SIZES[props.variant];
-}, function (props) {
-  return props.shouldSetLineHeight ? PARAGRAPH_LINE_HEIGHTS[props.variant] + "px" : 'normal';
-}, function (props) {
-  return props.bold ? 'bold' : 'normal';
-}, function (props) {
-  return props.color;
-}, function (props) {
-  if (props.ellipsis) {
-    return "\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      ";
-  }
-});
-exports.Paragraph = Paragraph;