glints-aries 4.1.3 → 4.1.4

package/lib/General/Divider/Divider.d.ts

@@ -0,0 +1,11 @@
+import { FC, HTMLAttributes } from 'react';
+/**
+ * Use className or style to change the divider's
+ * height
+ */
+export declare const Divider: FC<Props>;
+export declare type Theme = 'red' | 'blue' | 'yellow' | 'white' | 'grey' | 'default';
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    theme?: Theme;
+}
+export default Divider;

package/lib/General/Divider/Divider.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = exports.Divider = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _DividerStyle = require("./DividerStyle");
+var _excluded = ["theme", "className"];
+/**
+ * Use className or style to change the divider's
+ * height
+ */
+var Divider = function Divider(_ref) {
+  var _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'default' : _ref$theme,
+    className = _ref.className,
+    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_DividerStyle.DividerContainer, (0, _extends2["default"])({}, props, {
+    className: (0, _classnames["default"])('aries-divider', className),
+    theme: theme
+  }));
+};
+exports.Divider = Divider;
+var _default = Divider;
+exports["default"] = _default;

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

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

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

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

package/lib/General/Divider/DividerStyle.d.ts

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

package/lib/General/Divider/DividerStyle.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DividerContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Colors = require("../../Utils/Colors");
+var DividerContainer = _styledComponents["default"].div.withConfig({
+  displayName: "DividerStyle__DividerContainer",
+  componentId: "sc-1s5eeou-0"
+})(["display:flex;width:100%;height:0.15em;", ""], function (_ref) {
+  var theme = _ref.theme;
+  switch (theme) {
+    case 'red':
+      return "\n          background: " + _Colors.PrimaryColor.glintsred + ";\n        ";
+    case 'blue':
+      return "\n          background: " + _Colors.PrimaryColor.glintsblue + ";\n        ";
+    case 'yellow':
+      return "\n          background: " + _Colors.PrimaryColor.glintsyellow + ";\n        ";
+    case 'white':
+      return "\n          background: " + _Colors.Greyscale.white + ";\n        ";
+    case 'grey':
+      return "\n          background: " + _Colors.Greyscale.lightgrey + ";\n        ";
+    default:
+      return "\n          background: " + _Colors.Greyscale.black + ";\n        ";
+  }
+});
+exports.DividerContainer = DividerContainer;

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

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

package/lib/General/Divider/index.js

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

package/lib/General/Heading/Heading.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes, FC } from 'react';
+export declare const Heading: FC<Props>;
+export interface Props extends HTMLAttributes<HTMLHeadingElement> {
+    inline?: boolean;
+    uppercaseText?: boolean;
+}
+export default Heading;

package/lib/General/Heading/Heading.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = exports.Heading = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _HeadingStyle = require("./HeadingStyle");
+var _excluded = ["className", "inline", "children", "uppercaseText"];
+var Heading = function Heading(props) {
+  var className = props.className,
+    _props$inline = props.inline,
+    inline = _props$inline === void 0 ? false : _props$inline,
+    children = props.children,
+    _props$uppercaseText = props.uppercaseText,
+    uppercaseText = _props$uppercaseText === void 0 ? false : _props$uppercaseText,
+    defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_HeadingStyle.HeadingContainer, (0, _extends2["default"])({
+    role: "heading",
+    className: (0, _classnames["default"])('aries-heading', className),
+    inline: inline,
+    uppercaseText: uppercaseText
+  }, defaultProps), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "heading-text"
+  }, children));
+};
+exports.Heading = Heading;
+var _default = Heading;
+exports["default"] = _default;

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

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

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

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

package/lib/General/Heading/HeadingStyle.d.ts

@@ -0,0 +1,2 @@
+import { Props } from './Heading';
+export declare const HeadingContainer: import("styled-components").StyledComponent<"h1", any, Props, never>;

package/lib/General/Heading/HeadingStyle.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.HeadingContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Colors = require("../../Utils/Colors");
+var HeadingContainer = _styledComponents["default"].h1.withConfig({
+  displayName: "HeadingStyle__HeadingContainer",
+  componentId: "sc-2rxtwu-0"
+})(["position:relative;display:", ";font-size:2em;text-transform:", ";span{background-image:", ";}"], function (_ref) {
+  var inline = _ref.inline;
+  return inline ? 'inline-block' : 'block';
+}, function (_ref2) {
+  var uppercaseText = _ref2.uppercaseText;
+  return uppercaseText ? 'uppercase' : null;
+}, "linear-gradient(to top, " + _Colors.PrimaryColor.glintsyellow + " 40%, transparent 0)");
+exports.HeadingContainer = HeadingContainer;

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

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

package/lib/General/Heading/index.js

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

package/lib/General/Icon/Icon.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export declare const iconSizeMap: {
+    xxs: string;
+    xs: string;
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    xxl: string;
+    xxxl: string;
+};
+declare const Icon: React.FunctionComponent<Props>;
+export interface Props {
+    className?: string;
+    children: React.ReactNode;
+    color?: string;
+    width?: string | number;
+    height?: string | number;
+    size?: keyof typeof iconSizeMap;
+    onClick?(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
+}
+export default Icon;

package/lib/General/Icon/Icon.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.iconSizeMap = 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 _IconStyle = require("./IconStyle");
+var _excluded = ["className", "children", "color", "width", "height", "onClick", "size"];
+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 iconSizeMap = {
+  xxs: '12px',
+  xs: '16px',
+  s: '24px',
+  m: '32px',
+  l: '48px',
+  xl: '64px',
+  xxl: '96px',
+  xxxl: '128px'
+};
+exports.iconSizeMap = iconSizeMap;
+var Icon = function Icon(props) {
+  var className = props.className,
+    children = props.children,
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'currentColor' : _props$color,
+    _props$width = props.width,
+    width = _props$width === void 0 ? '1em' : _props$width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? '1em' : _props$height,
+    onClick = props.onClick,
+    size = props.size,
+    restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  return /*#__PURE__*/React.createElement(_IconStyle.VerticalCenteredSvg, (0, _extends2["default"])({
+    "data-testid": "icon-svg",
+    className: className,
+    width: iconSizeMap[size] || width,
+    height: iconSizeMap[size] || height,
+    onClick: onClick,
+    fill: color,
+    viewBox: "0 0 100 100"
+  }, restProps), children);
+};
+var _default = Icon;
+exports["default"] = _default;

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

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

package/lib/General/Icon/IconStoriesHelpers.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export declare const IconSampler: FC;
+export declare const IconGallery: FC;
+export interface Props {
+    direction: 'row' | 'column';
+}

package/lib/General/Icon/IconStoriesHelpers.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.IconSampler = exports.IconGallery = void 0;
+var _lodash = require("lodash");
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _TextField = _interopRequireDefault(require("../../Input/TextField"));
+var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
+var _Colors = require("../../Utils/Colors");
+var AllIcons = _interopRequireWildcard(require("./components"));
+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 IconsList = _styledComponents["default"].div.withConfig({
+  displayName: "IconStoriesHelpers__IconsList",
+  componentId: "sc-1f4h4ya-0"
+})(["display:flex;flex-wrap:wrap;font-size:20px;align-items:flex-start;"]);
+var IconsSample = _styledComponents["default"].div.withConfig({
+  displayName: "IconStoriesHelpers__IconsSample",
+  componentId: "sc-1f4h4ya-1"
+})(["flex-basis:220px;margin-right:1em;margin-top:1em;display:flex;flex-direction:", ";", ""], function (_ref) {
+  var direction = _ref.direction;
+  return direction;
+}, function (_ref2) {
+  var direction = _ref2.direction;
+  return direction === 'column' && 'align-items: center';
+});
+var IconName = _styledComponents["default"].code.withConfig({
+  displayName: "IconStoriesHelpers__IconName",
+  componentId: "sc-1f4h4ya-2"
+})(["", " font-size:12px;color:", ";"], function (_ref3) {
+  var direction = _ref3.direction;
+  return direction === 'row' ? 'margin-left: 8px;' : 'margin-top: 8px;';
+}, _Colors.Greyscale.grey);
+var IconSampler = function IconSampler() {
+  var icons = (0, _lodash.sampleSize)(AllIcons, 4);
+  return /*#__PURE__*/_react["default"].createElement(IconsList, null, Object.values(icons).filter(function (Icon) {
+    return typeof Icon === 'function';
+  }).map(function (Icon) {
+    return /*#__PURE__*/_react["default"].createElement(IconsSample, {
+      key: Icon.name,
+      direction: "column"
+    }, /*#__PURE__*/_react["default"].createElement(Icon, {
+      width: "32px",
+      height: "32px"
+    }), /*#__PURE__*/_react["default"].createElement(IconName, {
+      direction: "column"
+    }, Icon.name));
+  }));
+};
+exports.IconSampler = IconSampler;
+var IconGallery = function IconGallery() {
+  var _useState = (0, _react.useState)(''),
+    query = _useState[0],
+    setQuery = _useState[1];
+  return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    value: query,
+    label: "Filter Icons",
+    onChange: function onChange(e) {
+      return setQuery(e.target.value);
+    },
+    small: true,
+    tabindex: 1
+  }), /*#__PURE__*/_react["default"].createElement(IconsList, null, Object.values(AllIcons).filter(function (Icon) {
+    return typeof Icon === 'function';
+  }).filter(function (Icon) {
+    return query === '' || Icon.name.toLowerCase().includes(query.toLowerCase());
+  }).sort().map(function (Icon) {
+    return /*#__PURE__*/_react["default"].createElement(IconsSample, {
+      key: Icon.name,
+      direction: "row"
+    }, /*#__PURE__*/_react["default"].createElement(Icon, {
+      width: "16px",
+      height: "16px"
+    }), /*#__PURE__*/_react["default"].createElement(IconName, {
+      direction: "row"
+    }, Icon.name));
+  })));
+};
+exports.IconGallery = IconGallery;

package/lib/General/Icon/IconStyle.d.ts

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

package/lib/General/Icon/IconStyle.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.VerticalCenteredSvg = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var VerticalCenteredSvg = _styledComponents["default"].svg.withConfig({
+  displayName: "IconStyle__VerticalCenteredSvg",
+  componentId: "sc-x7d280-0"
+})(["vertical-align:middle;"]);
+exports.VerticalCenteredSvg = VerticalCenteredSvg;

package/lib/General/Icon/LegacyIcon.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const LegacyIcon: React.FunctionComponent<Props>;
+export interface Props {
+    name: string;
+    color?: string;
+}
+export default LegacyIcon;

package/lib/General/Icon/LegacyIcon.js

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
+var _IconLibrary = require("../../Utils/Icon/IconLibrary");
+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 formatWarning = function formatWarning(name) {
+  var camelCaseName = (0, _lodash.upperFirst)((0, _lodash.camelCase)(name));
+  return "Warning: <Icon name=\"" + name + "\" /> will be deprecated in a future release.\n\nPlease use <" + camelCaseName + "Icon /> to instead. See http://aries.glints.design/?path=/story/general--icon for details.";
+};
+var LegacyIcon = function LegacyIcon(props) {
+  var name = props.name,
+    color = props.color;
+  var iconName = name.replace(/-/g, '_');
+  if (typeof console !== 'undefined') {
+    console.warn(formatWarning(name));
+  }
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    fill: color,
+    viewBox: "0 0 100 100"
+  }, _IconLibrary.ICONS[iconName.toUpperCase()]);
+};
+var _default = LegacyIcon;
+exports["default"] = _default;

package/lib/General/Icon/components/AddCircleOutlineIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from '../Icon';
+declare const AddCircleOutlineIcon: (props: Partial<Props>) => JSX.Element;
+export default AddCircleOutlineIcon;

package/lib/General/Icon/components/AddCircleOutlineIcon.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Icon = _interopRequireDefault(require("../Icon"));
+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; }
+// GENERATE BY ./src/General/Icon/generateIcons.js
+// DO NOT EDIT IT MANUALLY
+
+var AddCircleOutlineIcon = function AddCircleOutlineIcon(props) {
+  return /*#__PURE__*/React.createElement(_Icon["default"], props, /*#__PURE__*/React.createElement("path", {
+    d: "M75.098 6.738C82.78 11.165 88.85 17.22 93.31 24.902 97.77 32.585 100 40.95 100 50s-2.23 17.415-6.69 25.098C88.85 82.78 82.78 88.85 75.099 93.31 67.415 97.77 59.05 100 50 100s-17.415-2.23-25.098-6.69C17.22 88.85 11.15 82.78 6.69 75.099 2.23 67.415 0 59.05 0 50s2.23-17.415 6.69-25.098C11.15 17.22 17.22 11.15 24.901 6.69 32.585 2.23 40.95 0 50 0s17.415 2.246 25.098 6.738zm5.273 73.633A43.47 43.47 0 0 0 89.648 66.7c2.214-5.273 3.32-10.84 3.32-16.699 0-5.86-1.139-11.426-3.417-16.7-2.149-5.142-5.209-9.7-9.18-13.671A43.47 43.47 0 0 0 66.7 10.352C61.426 8.138 55.86 7.032 50 7.032c-5.86 0-11.426 1.139-16.7 3.417-5.142 2.149-9.7 5.209-13.671 9.18A43.47 43.47 0 0 0 10.352 33.3C8.138 38.574 7.032 44.14 7.032 50c0 5.86 1.139 11.426 3.417 16.7 2.149 5.142 5.209 9.7 9.18 13.671A43.47 43.47 0 0 0 33.3 89.648c5.273 2.214 10.84 3.32 16.699 3.32 5.86 0 11.426-1.139 16.7-3.417 5.142-2.149 9.7-5.209 13.671-9.18zm-8.887-33.887c.977 0 1.807.358 2.49 1.075C74.659 48.275 75 49.089 75 50c0 .977-.342 1.807-1.025 2.49-.684.684-1.514 1.026-2.49 1.026h-17.97v17.87c0 .977-.341 1.807-1.025 2.491-.683.684-1.513 1.025-2.49 1.025-.911 0-1.725-.341-2.441-1.025-.717-.684-1.075-1.514-1.075-2.49V53.516H28.516c-.977 0-1.807-.342-2.49-1.026C25.341 51.807 25 50.977 25 50c0-.911.342-1.725 1.025-2.441.684-.717 1.514-1.075 2.49-1.075h17.97v-17.87c0-.977.357-1.807 1.074-2.491.716-.684 1.53-1.025 2.441-1.025.977 0 1.807.341 2.49 1.025.684.684 1.026 1.514 1.026 2.49v17.871h17.968z"
+  }));
+};
+var _default = AddCircleOutlineIcon;
+exports["default"] = _default;

package/lib/General/Icon/components/AddCircleSolidIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from '../Icon';
+declare const AddCircleSolidIcon: (props: Partial<Props>) => JSX.Element;
+export default AddCircleSolidIcon;

package/lib/General/Icon/components/AddCircleSolidIcon.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Icon = _interopRequireDefault(require("../Icon"));
+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; }
+// GENERATE BY ./src/General/Icon/generateIcons.js
+// DO NOT EDIT IT MANUALLY
+
+var AddCircleSolidIcon = function AddCircleSolidIcon(props) {
+  return /*#__PURE__*/React.createElement(_Icon["default"], props, /*#__PURE__*/React.createElement("path", {
+    d: "M79.167 54.167v-8.334c0-2.278-1.888-4.166-4.167-4.166H58.333V25c0-2.279-1.888-4.167-4.166-4.167h-8.334c-2.278 0-4.166 1.888-4.166 4.167v16.667H25c-2.279 0-4.167 1.888-4.167 4.166v8.334c0 2.278 1.888 4.166 4.167 4.166h16.667V75c0 2.279 1.888 4.167 4.166 4.167h8.334c2.278 0 4.166-1.888 4.166-4.167V58.333H75c2.279 0 4.167-1.888 4.167-4.166zM100 50c0 27.604-22.396 50-50 50S0 77.604 0 50 22.396 0 50 0s50 22.396 50 50z"
+  }));
+};
+var _default = AddCircleSolidIcon;
+exports["default"] = _default;

package/lib/General/Icon/components/AddIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from '../Icon';
+declare const AddIcon: (props: Partial<Props>) => JSX.Element;
+export default AddIcon;

package/lib/General/Icon/components/AddIcon.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Icon = _interopRequireDefault(require("../Icon"));
+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; }
+// GENERATE BY ./src/General/Icon/generateIcons.js
+// DO NOT EDIT IT MANUALLY
+
+var AddIcon = function AddIcon(props) {
+  return /*#__PURE__*/React.createElement(_Icon["default"], props, /*#__PURE__*/React.createElement("path", {
+    d: "M100 56.563H56.562V100H43.438V56.562H0V43.438h43.438V0h13.124v43.438H100z"
+  }));
+};
+var _default = AddIcon;
+exports["default"] = _default;

package/lib/General/Icon/components/ArrowBackDoubleIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from '../Icon';
+declare const ArrowBackDoubleIcon: (props: Partial<Props>) => JSX.Element;
+export default ArrowBackDoubleIcon;

package/lib/General/Icon/components/ArrowBackDoubleIcon.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Icon = _interopRequireDefault(require("../Icon"));
+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; }
+// GENERATE BY ./src/General/Icon/generateIcons.js
+// DO NOT EDIT IT MANUALLY
+
+var ArrowBackDoubleIcon = function ArrowBackDoubleIcon(props) {
+  return /*#__PURE__*/React.createElement(_Icon["default"], props, /*#__PURE__*/React.createElement("path", {
+    d: "M61.8,88.4 L50,100 L-6.03961325e-13,50 L50,0 L61.8,11.8 L23.4,50 L61.8,88.4 Z M99.8,88.4 L88,100 L38,50 L88,0 L99.8,11.8 L61.4,50 L99.8,88.4 Z"
+  }));
+};
+var _default = ArrowBackDoubleIcon;
+exports["default"] = _default;

package/lib/General/Icon/components/ArrowBackIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from '../Icon';
+declare const ArrowBackIcon: (props: Partial<Props>) => JSX.Element;
+export default ArrowBackIcon;

package/lib/General/Icon/components/ArrowBackIcon.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Icon = _interopRequireDefault(require("../Icon"));
+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; }
+// GENERATE BY ./src/General/Icon/generateIcons.js
+// DO NOT EDIT IT MANUALLY
+
+var ArrowBackIcon = function ArrowBackIcon(props) {
+  return /*#__PURE__*/React.createElement(_Icon["default"], props, /*#__PURE__*/React.createElement("path", {
+    d: "M81 88.4L42.6 50 81 11.8 69.2 0l-50 50 50 50z"
+  }));
+};
+var _default = ArrowBackIcon;
+exports["default"] = _default;

package/lib/General/Icon/components/ArrowBackSolidIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from '../Icon';
+declare const ArrowBackSolidIcon: (props: Partial<Props>) => JSX.Element;
+export default ArrowBackSolidIcon;

package/lib/General/Icon/components/ArrowBackSolidIcon.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Icon = _interopRequireDefault(require("../Icon"));
+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; }
+// GENERATE BY ./src/General/Icon/generateIcons.js
+// DO NOT EDIT IT MANUALLY
+
+var ArrowBackSolidIcon = function ArrowBackSolidIcon(props) {
+  return /*#__PURE__*/React.createElement(_Icon["default"], props, /*#__PURE__*/React.createElement("polygon", {
+    points: "75 0 25 50 75 100"
+  }));
+};
+var _default = ArrowBackSolidIcon;
+exports["default"] = _default;

package/lib/General/Icon/components/ArrowDownCircleOutlineIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from '../Icon';
+declare const ArrowDownCircleOutlineIcon: (props: Partial<Props>) => JSX.Element;
+export default ArrowDownCircleOutlineIcon;

package/lib/General/Icon/components/ArrowDownCircleOutlineIcon.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Icon = _interopRequireDefault(require("../Icon"));
+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; }
+// GENERATE BY ./src/General/Icon/generateIcons.js
+// DO NOT EDIT IT MANUALLY
+
+var ArrowDownCircleOutlineIcon = function ArrowDownCircleOutlineIcon(props) {
+  return /*#__PURE__*/React.createElement(_Icon["default"], props, /*#__PURE__*/React.createElement("path", {
+    d: "M50 100C22.386 100 0 77.614 0 50S22.386 0 50 0s50 22.386 50 50-22.386 50-50 50zm0-2c26.51 0 48-21.49 48-48S76.51 2 50 2 2 23.49 2 50s21.49 48 48 48z M53.549 28.568v32.713l12.049-12.31c.502-.532 1.1-.798 1.795-.798.695 0 1.304.237 1.825.712.521.475.782 1.055.782 1.738 0 .684-.232 1.292-.695 1.824L52.854 69.202c-.502.532-1.11.798-1.825.798-.714 0-1.323-.266-1.825-.798L32.695 52.333c-.463-.494-.695-1.064-.695-1.71 0-.721.27-1.33.811-1.823a2.373 2.373 0 0 1 1.796-.713 2.578 2.578 0 0 1 1.795.77l12.05 12.31V28.51c0-.645.23-1.215.694-1.71a2.423 2.423 0 0 1 1.68-.797c.734-.038 1.371.2 1.912.712.54.513.81 1.13.81 1.852z"
+  }));
+};
+var _default = ArrowDownCircleOutlineIcon;
+exports["default"] = _default;

package/lib/General/Icon/components/ArrowDownIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from '../Icon';
+declare const ArrowDownIcon: (props: Partial<Props>) => JSX.Element;
+export default ArrowDownIcon;