glints-aries 4.0.165 → 4.0.166

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { InputProps } from '../Input/Input';
+export declare type CurrencyInputProps = Omit<InputProps, 'type' | 'prefix' | 'onChange' | 'value'> & {
+    locale?: string;
+    value?: number;
+    onChange?: (value: number) => void;
+};
+export declare const CurrencyInput: ({ locale, value, onChange, ...props }: CurrencyInputProps) => JSX.Element;

package/es/@next/CurrencyInput/CurrencyInput.js

@@ -0,0 +1,46 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["locale", "value", "onChange"];
+import React, { useState } from 'react';
+import { StyledCurrency } from './CurrencyStyles';
+export var CurrencyInput = function CurrencyInput(_ref) {
+  var _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'en' : _ref$locale,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 0 : _ref$value,
+    onChange = _ref.onChange,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  var supportedLocale = Intl.ListFormat.supportedLocalesOf(locale);
+  var localeValue = supportedLocale.length > 0 ? supportedLocale[0] : 'en';
+  if (supportedLocale.length === 0) {
+    console.warn("Locale value of " + locale + " is unsupported, \"en\" will be used");
+  }
+  var formatter = new Intl.NumberFormat(localeValue);
+  var getRawNumber = function getRawNumber(value) {
+    if (typeof value === 'number') {
+      return value;
+    }
+    var parts = formatter.formatToParts(1000.1);
+    var thousandSeparator = parts[1].value;
+    var decimalSeparator = parts[3].value;
+    var cleanedValue = parseFloat(value.replace(new RegExp('\\' + thousandSeparator, 'g'), '').replace(new RegExp('\\' + decimalSeparator), '.'));
+    return Number.isNaN(cleanedValue) ? 0 : cleanedValue;
+  };
+  var _useState = useState(formatter.format(getRawNumber(value.toString()))),
+    formattedValue = _useState[0],
+    setFormattedValue = _useState[1];
+  var handleChange = function handleChange(e) {
+    var rawValue = getRawNumber(e.currentTarget.value);
+    onChange(rawValue);
+    setFormattedValue(formatter.format(rawValue));
+  };
+  return /*#__PURE__*/React.createElement(StyledCurrency, _extends({
+    type: "text",
+    prefix: /*#__PURE__*/React.createElement("div", null, "$")
+  }, props, {
+    value: formattedValue === '0' ? '' : formattedValue,
+    onChange: handleChange
+  }));
+};

package/es/@next/CurrencyInput/CurrencyInput.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/es/@next/CurrencyInput/CurrencyInput.stories.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
+import { CurrencyInput } from './CurrencyInput';
+CurrencyInput.displayName = 'Currency';
+export default {
+  title: '@next/CurrencyInput',
+  component: CurrencyInput,
+  decorators: [function (Story) {
+    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
+  }],
+  argTypes: {}
+};
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(CurrencyInput, args);
+};
+export var Interactive = Template.bind({});
+Interactive.args = {
+  placeholder: '0.0',
+  disabled: false,
+  locale: 'en',
+  value: 10000,
+  onChange: function onChange(value) {
+    console.log('Currency on changed value: ', value);
+  }
+};

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

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

package/es/@next/CurrencyInput/CurrencyStyles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledCurrency: import("styled-components").StyledComponent<({ error, disabled, prefix, suffix, ...props }: import("../Input/Input").InputProps) => JSX.Element, any, {}, never>;

package/es/@next/CurrencyInput/CurrencyStyles.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+import { Input } from '../Input/Input';
+import { space24 } from '../utilities/spacing';
+export var StyledCurrency = styled(Input).withConfig({
+  displayName: "CurrencyStyles__StyledCurrency",
+  componentId: "sc-lcby3l-0"
+})(["padding-left:", " !important;"], space24);

package/es/@next/Icon/components/RiSearch.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgRiSearch: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgRiSearch;

package/es/@next/Icon/components/RiSearch.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
+import * as React from 'react';
+var SvgRiSearch = function SvgRiSearch(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#ri-search_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "m18.031 16.617 4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617Zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15Z"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "ri-search_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  }))));
+};
+export default SvgRiSearch;

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

@@ -55,6 +55,7 @@ export { default as RiQuestionFill } from './RiQuestionFill';
 export { default as RiQuestionLine } from './RiQuestionLine';
 export { default as RiReplyFill } from './RiReplyFill';
 export { default as RiReplyLine } from './RiReplyLine';
+export { default as RiSearch } from './RiSearch';
 export { default as RiSendPlaneFill } from './RiSendPlaneFill';
 export { default as RiSendPlaneLine } from './RiSendPlaneLine';
 export { default as RiSettingsFill } from './RiSettingsFill';

package/es/@next/Icon/components/index.js

@@ -55,6 +55,7 @@ export { default as RiQuestionFill } from './RiQuestionFill';
 export { default as RiQuestionLine } from './RiQuestionLine';
 export { default as RiReplyFill } from './RiReplyFill';
 export { default as RiReplyLine } from './RiReplyLine';
+export { default as RiSearch } from './RiSearch';
 export { default as RiSendPlaneFill } from './RiSendPlaneFill';
 export { default as RiSendPlaneLine } from './RiSendPlaneLine';
 export { default as RiSettingsFill } from './RiSettingsFill';

package/es/@next/Icon/icons/icons.d.ts

@@ -1,5 +1,5 @@
 import { SVGProps } from 'react';
-export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-information-fill", "ri-information-line", "ri-message-fill", "ri-message-line", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-checkbox-fill", "ri-checkbox-line", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line"];
+export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-information-fill", "ri-information-line", "ri-message-fill", "ri-message-line", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-checkbox-fill", "ri-checkbox-line", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-search"];
 export declare type IconNames = typeof iconNames[number];
 declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
 export declare const iconsMappingComponent: {

package/es/@next/Icon/icons/icons.js

@@ -1,4 +1,4 @@
 var _iconsMappingComponen;
 import * as Icons from '../components';
-export var iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-information-fill', 'ri-information-line', 'ri-message-fill', 'ri-message-line', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-checkbox-fill', 'ri-checkbox-line', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line'];
-export var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen);
+export var iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-information-fill', 'ri-information-line', 'ri-message-fill', 'ri-message-line', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-checkbox-fill', 'ri-checkbox-line', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-search'];
+export var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen);

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix'> {
+    error?: boolean;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+}
+export declare const Input: ({ error, disabled, prefix, suffix, ...props }: InputProps) => JSX.Element;

package/es/@next/Input/Input.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["error", "disabled", "prefix", "suffix"];
+import React from 'react';
+import { StyledContainer, StyledInput, StyledPrefixContainer, StyledSuffixContainer } from './InputStyle';
+export var Input = function Input(_ref) {
+  var error = _ref.error,
+    disabled = _ref.disabled,
+    prefix = _ref.prefix,
+    suffix = _ref.suffix,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var hasPrefix = !!prefix;
+  var hasSuffix = !!suffix;
+  var Prefix = function Prefix() {
+    return hasPrefix ? /*#__PURE__*/React.createElement(StyledPrefixContainer, null, prefix) : null;
+  };
+  var Suffix = function Suffix() {
+    return hasSuffix ? /*#__PURE__*/React.createElement(StyledSuffixContainer, null, suffix) : null;
+  };
+  return /*#__PURE__*/React.createElement(StyledContainer, {
+    "data-prefix": hasPrefix,
+    "data-error": error,
+    "data-disabled": disabled
+  }, /*#__PURE__*/React.createElement(Prefix, null), /*#__PURE__*/React.createElement(StyledInput, _extends({
+    disabled: disabled
+  }, props)), /*#__PURE__*/React.createElement(Suffix, null));
+};

package/es/@next/Input/InputStyle.d.ts

@@ -0,0 +1,5 @@
+import { InputProps } from './Input';
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, InputProps, never>;
+export declare const StyledPrefixContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSuffixContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, InputProps, never>;

package/es/@next/Input/InputStyle.js

@@ -0,0 +1,19 @@
+import styled from 'styled-components';
+import { Breakpoints } from '../..';
+import { Neutral, Red } from '../utilities/colors';
+export var StyledContainer = styled.div.withConfig({
+  displayName: "InputStyle__StyledContainer",
+  componentId: "sc-15z2mnd-0"
+})(["position:relative;display:flex;flex-direction:column;flex:1;flex-basis:100%;font-family:'Noto Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;&[data-prefix='true'] input{padding-left:40px;}&[data-error='true'] input{border:1px solid ", ";}&[data-error='true'] input:focus{box-shadow:none;}&[data-disabled='true'] input{border:1px solid ", ";background:", ";color:", ";}&[data-disabled='true'] input::placeholder{color:", ";}&[data-disabled='true'] svg{fill:", ";}&[data-disabled='true'] div{color:", ";}"], Red.B93, Neutral.B85, Neutral.B95, Neutral.B85, Neutral.B85, Neutral.B85, Neutral.B85);
+export var StyledPrefixContainer = styled.div.withConfig({
+  displayName: "InputStyle__StyledPrefixContainer",
+  componentId: "sc-15z2mnd-1"
+})(["position:absolute;padding:0;left:0;line-height:0;color:", ";svg{height:17px;width:17px;margin:10px 14px;fill:", ";}div{color:", ";margin:18px 12px;}"], Neutral.B40, Neutral.B40, Neutral.B40);
+export var StyledSuffixContainer = styled(StyledPrefixContainer).withConfig({
+  displayName: "InputStyle__StyledSuffixContainer",
+  componentId: "sc-15z2mnd-2"
+})(["left:auto;right:0;"]);
+export var StyledInput = styled.input.withConfig({
+  displayName: "InputStyle__StyledInput",
+  componentId: "sc-15z2mnd-3"
+})(["background:", ";box-sizing:border-box;border:1px solid ", ";border-radius:4px;padding:0 12px;font-family:'Noto Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:", ";flex:none;order:1;align-self:stretch;flex-grow:0;height:36px;&::placeholder{color:", ";}&:focus{outline:none;box-shadow:0px 0px 0px 1px ", ",0px 0px 0px 3px #6ac9ec;}@media (max-width:", "){font-size:14px;}"], Neutral.B100, Neutral.B68, Neutral.B18, Neutral.B40, Neutral.B100, Breakpoints.large);

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputProps } from '../Input/Input';
+export declare type NumberInputProps = Omit<InputProps, 'type' | 'prefix'>;
+export declare const NumberInput: (props: NumberInputProps) => JSX.Element;

package/es/@next/NumberInput/NumberInput.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import styled from 'styled-components';
+import { Input } from '../Input/Input';
+var StyledInput = styled(Input).withConfig({
+  displayName: "NumberInput__StyledInput",
+  componentId: "sc-1f5ws9y-0"
+})(["&[type='number']{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}&[type='number']::-webkit-inner-spin-button,&[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;}"]);
+export var NumberInput = function NumberInput(props) {
+  return /*#__PURE__*/React.createElement(StyledInput, _extends({
+    type: "number"
+  }, props));
+};

package/es/@next/NumberInput/NumberInput.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/es/@next/NumberInput/NumberInput.stories.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
+import { NumberInput } from './NumberInput';
+NumberInput.displayName = 'Number';
+export default {
+  title: '@next/NumberInput',
+  component: NumberInput,
+  decorators: [function (Story) {
+    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
+  }],
+  argTypes: {}
+};
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(NumberInput, args);
+};
+export var Interactive = Template.bind({});
+Interactive.args = {
+  placeholder: '0.0',
+  disabled: false
+};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { InputProps } from '../Input/Input';
+export declare type TextInputProps = Omit<InputProps, 'type'> & {
+    canClear?: boolean;
+};
+export declare const TextInput: ({ canClear, suffix, value, onChange, ...props }: TextInputProps) => JSX.Element;

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

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

package/es/@next/TextInput/TextInput.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 WithPrefixAndSuffix: any;

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
+import { TextInput } from './TextInput';
+import { Icon } from '../Icon';
+TextInput.displayName = 'Text';
+export default {
+  title: '@next/TextInput',
+  component: TextInput,
+  decorators: [function (Story) {
+    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
+  }],
+  argTypes: {}
+};
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(TextInput, args);
+};
+export var Interactive = Template.bind({});
+Interactive.args = {
+  placeholder: 'Placeholder',
+  prefix: null,
+  disabled: false
+};
+var WithIconsTemplate = function WithIconsTemplate(args) {
+  return /*#__PURE__*/React.createElement(TextInput, args);
+};
+export var WithPrefixAndSuffix = WithIconsTemplate.bind({});
+WithPrefixAndSuffix.args = {
+  placeholder: 'Placeholder',
+  prefix: /*#__PURE__*/React.createElement(Icon, {
+    name: "ri-search"
+  }),
+  suffix: /*#__PURE__*/React.createElement("div", null, "2/20"),
+  value: 'Hi',
+  disabled: false
+};

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

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

package/lib/@next/CurrencyInput/CurrencyInput.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { InputProps } from '../Input/Input';
+export declare type CurrencyInputProps = Omit<InputProps, 'type' | 'prefix' | 'onChange' | 'value'> & {
+    locale?: string;
+    value?: number;
+    onChange?: (value: number) => void;
+};
+export declare const CurrencyInput: ({ locale, value, onChange, ...props }: CurrencyInputProps) => JSX.Element;

package/lib/@next/CurrencyInput/CurrencyInput.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CurrencyInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+var _CurrencyStyles = require("./CurrencyStyles");
+var _excluded = ["locale", "value", "onChange"];
+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 CurrencyInput = function CurrencyInput(_ref) {
+  var _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'en' : _ref$locale,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 0 : _ref$value,
+    onChange = _ref.onChange,
+    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  var supportedLocale = Intl.ListFormat.supportedLocalesOf(locale);
+  var localeValue = supportedLocale.length > 0 ? supportedLocale[0] : 'en';
+  if (supportedLocale.length === 0) {
+    console.warn("Locale value of " + locale + " is unsupported, \"en\" will be used");
+  }
+  var formatter = new Intl.NumberFormat(localeValue);
+  var getRawNumber = function getRawNumber(value) {
+    if (typeof value === 'number') {
+      return value;
+    }
+    var parts = formatter.formatToParts(1000.1);
+    var thousandSeparator = parts[1].value;
+    var decimalSeparator = parts[3].value;
+    var cleanedValue = parseFloat(value.replace(new RegExp('\\' + thousandSeparator, 'g'), '').replace(new RegExp('\\' + decimalSeparator), '.'));
+    return Number.isNaN(cleanedValue) ? 0 : cleanedValue;
+  };
+  var _useState = (0, _react.useState)(formatter.format(getRawNumber(value.toString()))),
+    formattedValue = _useState[0],
+    setFormattedValue = _useState[1];
+  var handleChange = function handleChange(e) {
+    var rawValue = getRawNumber(e.currentTarget.value);
+    onChange(rawValue);
+    setFormattedValue(formatter.format(rawValue));
+  };
+  return /*#__PURE__*/_react["default"].createElement(_CurrencyStyles.StyledCurrency, (0, _extends2["default"])({
+    type: "text",
+    prefix: /*#__PURE__*/_react["default"].createElement("div", null, "$")
+  }, props, {
+    value: formattedValue === '0' ? '' : formattedValue,
+    onChange: handleChange
+  }));
+};
+exports.CurrencyInput = CurrencyInput;

package/lib/@next/CurrencyInput/CurrencyInput.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/@next/CurrencyInput/CurrencyInput.stories.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = exports.Interactive = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
+var _CurrencyInput = require("./CurrencyInput");
+_CurrencyInput.CurrencyInput.displayName = 'Currency';
+var _default = {
+  title: '@next/CurrencyInput',
+  component: _CurrencyInput.CurrencyInput,
+  decorators: [function (Story) {
+    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
+  }],
+  argTypes: {}
+};
+exports["default"] = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/_react["default"].createElement(_CurrencyInput.CurrencyInput, args);
+};
+var Interactive = Template.bind({});
+exports.Interactive = Interactive;
+Interactive.args = {
+  placeholder: '0.0',
+  disabled: false,
+  locale: 'en',
+  value: 10000,
+  onChange: function onChange(value) {
+    console.log('Currency on changed value: ', value);
+  }
+};

package/lib/@next/CurrencyInput/CurrencyInput.test.d.ts

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

package/lib/@next/CurrencyInput/CurrencyStyles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledCurrency: import("styled-components").StyledComponent<({ error, disabled, prefix, suffix, ...props }: import("../Input/Input").InputProps) => JSX.Element, any, {}, never>;

package/lib/@next/CurrencyInput/CurrencyStyles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.StyledCurrency = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Input = require("../Input/Input");
+var _spacing = require("../utilities/spacing");
+var StyledCurrency = (0, _styledComponents["default"])(_Input.Input).withConfig({
+  displayName: "CurrencyStyles__StyledCurrency",
+  componentId: "sc-lcby3l-0"
+})(["padding-left:", " !important;"], _spacing.space24);
+exports.StyledCurrency = StyledCurrency;

package/lib/@next/Icon/components/RiSearch.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgRiSearch: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgRiSearch;

package/lib/@next/Icon/components/RiSearch.js

@@ -0,0 +1,26 @@
+"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 React = _interopRequireWildcard(require("react"));
+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 SvgRiSearch = function SvgRiSearch(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#ri-search_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "m18.031 16.617 4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617Zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15Z"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "ri-search_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  }))));
+};
+var _default = SvgRiSearch;
+exports["default"] = _default;

package/lib/@next/Icon/components/index.d.ts

@@ -55,6 +55,7 @@ export { default as RiQuestionFill } from './RiQuestionFill';
 export { default as RiQuestionLine } from './RiQuestionLine';
 export { default as RiReplyFill } from './RiReplyFill';
 export { default as RiReplyLine } from './RiReplyLine';
+export { default as RiSearch } from './RiSearch';
 export { default as RiSendPlaneFill } from './RiSendPlaneFill';
 export { default as RiSendPlaneLine } from './RiSendPlaneLine';
 export { default as RiSettingsFill } from './RiSettingsFill';

package/lib/@next/Icon/components/index.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMessageLine = exports.RiMessageFill = exports.RiInformationLine = exports.RiInformationFill = exports.RiErrorWarningLine = exports.RiErrorWarningFill = exports.RiDeleteBinLine = exports.RiDeleteBinFill = exports.RiCloseCircleLine = exports.RiCloseCircleFill = exports.RiClose = exports.RiCheckboxLine = exports.RiCheckboxIndeterminateLine = exports.RiCheckboxIndeterminateFill = exports.RiCheckboxFill = exports.RiCheck = exports.RiCalendarLine = exports.RiCalendarFill = exports.RiArrowXsUpFill = exports.RiArrowXsDownFill = exports.RiArrowUpLine = exports.RiArrowUpFill = exports.RiArrowUpDownLine = exports.RiArrowUpDownFill = exports.RiArrowRightLine = exports.RiArrowRightFill = exports.RiArrowMUpLine = exports.RiArrowMUpFill = exports.RiArrowMRightLine = exports.RiArrowMRightFill = exports.RiArrowMLeftLine = exports.RiArrowMLeftFill = exports.RiArrowMDownLine = exports.RiArrowMDownFill = exports.RiArrowLeftRightLine = exports.RiArrowLeftRightFill = exports.RiArrowLeftLine = exports.RiArrowLeftFill = exports.RiArrowGoForwardLine = exports.RiArrowGoForwardFill = exports.RiArrowGoBackLine = exports.RiArrowGoBackFill = exports.RiArrowDownLine = exports.RiArrowDownFill = exports.RiAlarmWarningLine = exports.RiAlarmWarningFill = exports.RiAddCircleLine = exports.RiAddCircleFill = exports.RiAdd = exports.RiAccountCircleLine = exports.RiAccountCircleFill = void 0;
+exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiSearch = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMessageLine = exports.RiMessageFill = exports.RiInformationLine = exports.RiInformationFill = exports.RiErrorWarningLine = exports.RiErrorWarningFill = exports.RiDeleteBinLine = exports.RiDeleteBinFill = exports.RiCloseCircleLine = exports.RiCloseCircleFill = exports.RiClose = exports.RiCheckboxLine = exports.RiCheckboxIndeterminateLine = exports.RiCheckboxIndeterminateFill = exports.RiCheckboxFill = exports.RiCheck = exports.RiCalendarLine = exports.RiCalendarFill = exports.RiArrowXsUpFill = exports.RiArrowXsDownFill = exports.RiArrowUpLine = exports.RiArrowUpFill = exports.RiArrowUpDownLine = exports.RiArrowUpDownFill = exports.RiArrowRightLine = exports.RiArrowRightFill = exports.RiArrowMUpLine = exports.RiArrowMUpFill = exports.RiArrowMRightLine = exports.RiArrowMRightFill = exports.RiArrowMLeftLine = exports.RiArrowMLeftFill = exports.RiArrowMDownLine = exports.RiArrowMDownFill = exports.RiArrowLeftRightLine = exports.RiArrowLeftRightFill = exports.RiArrowLeftLine = exports.RiArrowLeftFill = exports.RiArrowGoForwardLine = exports.RiArrowGoForwardFill = exports.RiArrowGoBackLine = exports.RiArrowGoBackFill = exports.RiArrowDownLine = exports.RiArrowDownFill = exports.RiAlarmWarningLine = exports.RiAlarmWarningFill = exports.RiAddCircleLine = exports.RiAddCircleFill = exports.RiAdd = exports.RiAccountCircleLine = exports.RiAccountCircleFill = void 0;
 var _RiAccountCircleFill = _interopRequireDefault(require("./RiAccountCircleFill"));
 exports.RiAccountCircleFill = _RiAccountCircleFill["default"];
 var _RiAccountCircleLine = _interopRequireDefault(require("./RiAccountCircleLine"));
@@ -117,6 +117,8 @@ var _RiReplyFill = _interopRequireDefault(require("./RiReplyFill"));
 exports.RiReplyFill = _RiReplyFill["default"];
 var _RiReplyLine = _interopRequireDefault(require("./RiReplyLine"));
 exports.RiReplyLine = _RiReplyLine["default"];
+var _RiSearch = _interopRequireDefault(require("./RiSearch"));
+exports.RiSearch = _RiSearch["default"];
 var _RiSendPlaneFill = _interopRequireDefault(require("./RiSendPlaneFill"));
 exports.RiSendPlaneFill = _RiSendPlaneFill["default"];
 var _RiSendPlaneLine = _interopRequireDefault(require("./RiSendPlaneLine"));

package/lib/@next/Icon/icons/icons.d.ts

@@ -1,5 +1,5 @@
 import { SVGProps } from 'react';
-export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-information-fill", "ri-information-line", "ri-message-fill", "ri-message-line", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-checkbox-fill", "ri-checkbox-line", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line"];
+export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-information-fill", "ri-information-line", "ri-message-fill", "ri-message-line", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-checkbox-fill", "ri-checkbox-line", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-search"];
 export declare type IconNames = typeof iconNames[number];
 declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
 export declare const iconsMappingComponent: {

package/lib/@next/Icon/icons/icons.js

@@ -6,7 +6,7 @@ var Icons = _interopRequireWildcard(require("../components"));
 var _iconsMappingComponen;
 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 iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-information-fill', 'ri-information-line', 'ri-message-fill', 'ri-message-line', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-checkbox-fill', 'ri-checkbox-line', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line'];
+var iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-information-fill', 'ri-information-line', 'ri-message-fill', 'ri-message-line', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-checkbox-fill', 'ri-checkbox-line', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-search'];
 exports.iconNames = iconNames;
-var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen);
+var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen);
 exports.iconsMappingComponent = iconsMappingComponent;

package/lib/@next/Input/Input.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix'> {
+    error?: boolean;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+}
+export declare const Input: ({ error, disabled, prefix, suffix, ...props }: InputProps) => JSX.Element;

package/lib/@next/Input/Input.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Input = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _InputStyle = require("./InputStyle");
+var _excluded = ["error", "disabled", "prefix", "suffix"];
+var Input = function Input(_ref) {
+  var error = _ref.error,
+    disabled = _ref.disabled,
+    prefix = _ref.prefix,
+    suffix = _ref.suffix,
+    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var hasPrefix = !!prefix;
+  var hasSuffix = !!suffix;
+  var Prefix = function Prefix() {
+    return hasPrefix ? /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledPrefixContainer, null, prefix) : null;
+  };
+  var Suffix = function Suffix() {
+    return hasSuffix ? /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledSuffixContainer, null, suffix) : null;
+  };
+  return /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledContainer, {
+    "data-prefix": hasPrefix,
+    "data-error": error,
+    "data-disabled": disabled
+  }, /*#__PURE__*/_react["default"].createElement(Prefix, null), /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledInput, (0, _extends2["default"])({
+    disabled: disabled
+  }, props)), /*#__PURE__*/_react["default"].createElement(Suffix, null));
+};
+exports.Input = Input;

package/lib/@next/Input/InputStyle.d.ts

@@ -0,0 +1,5 @@
+import { InputProps } from './Input';
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, InputProps, never>;
+export declare const StyledPrefixContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSuffixContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, InputProps, never>;

package/lib/@next/Input/InputStyle.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.StyledSuffixContainer = exports.StyledPrefixContainer = exports.StyledInput = exports.StyledContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ = require("../..");
+var _colors = require("../utilities/colors");
+var StyledContainer = _styledComponents["default"].div.withConfig({
+  displayName: "InputStyle__StyledContainer",
+  componentId: "sc-15z2mnd-0"
+})(["position:relative;display:flex;flex-direction:column;flex:1;flex-basis:100%;font-family:'Noto Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;&[data-prefix='true'] input{padding-left:40px;}&[data-error='true'] input{border:1px solid ", ";}&[data-error='true'] input:focus{box-shadow:none;}&[data-disabled='true'] input{border:1px solid ", ";background:", ";color:", ";}&[data-disabled='true'] input::placeholder{color:", ";}&[data-disabled='true'] svg{fill:", ";}&[data-disabled='true'] div{color:", ";}"], _colors.Red.B93, _colors.Neutral.B85, _colors.Neutral.B95, _colors.Neutral.B85, _colors.Neutral.B85, _colors.Neutral.B85, _colors.Neutral.B85);
+exports.StyledContainer = StyledContainer;
+var StyledPrefixContainer = _styledComponents["default"].div.withConfig({
+  displayName: "InputStyle__StyledPrefixContainer",
+  componentId: "sc-15z2mnd-1"
+})(["position:absolute;padding:0;left:0;line-height:0;color:", ";svg{height:17px;width:17px;margin:10px 14px;fill:", ";}div{color:", ";margin:18px 12px;}"], _colors.Neutral.B40, _colors.Neutral.B40, _colors.Neutral.B40);
+exports.StyledPrefixContainer = StyledPrefixContainer;
+var StyledSuffixContainer = (0, _styledComponents["default"])(StyledPrefixContainer).withConfig({
+  displayName: "InputStyle__StyledSuffixContainer",
+  componentId: "sc-15z2mnd-2"
+})(["left:auto;right:0;"]);
+exports.StyledSuffixContainer = StyledSuffixContainer;
+var StyledInput = _styledComponents["default"].input.withConfig({
+  displayName: "InputStyle__StyledInput",
+  componentId: "sc-15z2mnd-3"
+})(["background:", ";box-sizing:border-box;border:1px solid ", ";border-radius:4px;padding:0 12px;font-family:'Noto Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:", ";flex:none;order:1;align-self:stretch;flex-grow:0;height:36px;&::placeholder{color:", ";}&:focus{outline:none;box-shadow:0px 0px 0px 1px ", ",0px 0px 0px 3px #6ac9ec;}@media (max-width:", "){font-size:14px;}"], _colors.Neutral.B100, _colors.Neutral.B68, _colors.Neutral.B18, _colors.Neutral.B40, _colors.Neutral.B100, _.Breakpoints.large);
+exports.StyledInput = StyledInput;

package/lib/@next/NumberInput/NumberInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputProps } from '../Input/Input';
+export declare type NumberInputProps = Omit<InputProps, 'type' | 'prefix'>;
+export declare const NumberInput: (props: NumberInputProps) => JSX.Element;

package/lib/@next/NumberInput/NumberInput.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NumberInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Input = require("../Input/Input");
+var StyledInput = (0, _styledComponents["default"])(_Input.Input).withConfig({
+  displayName: "NumberInput__StyledInput",
+  componentId: "sc-1f5ws9y-0"
+})(["&[type='number']{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}&[type='number']::-webkit-inner-spin-button,&[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;}"]);
+var NumberInput = function NumberInput(props) {
+  return /*#__PURE__*/_react["default"].createElement(StyledInput, (0, _extends2["default"])({
+    type: "number"
+  }, props));
+};
+exports.NumberInput = NumberInput;

package/lib/@next/NumberInput/NumberInput.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/@next/NumberInput/NumberInput.stories.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = exports.Interactive = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
+var _NumberInput = require("./NumberInput");
+_NumberInput.NumberInput.displayName = 'Number';
+var _default = {
+  title: '@next/NumberInput',
+  component: _NumberInput.NumberInput,
+  decorators: [function (Story) {
+    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
+  }],
+  argTypes: {}
+};
+exports["default"] = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/_react["default"].createElement(_NumberInput.NumberInput, args);
+};
+var Interactive = Template.bind({});
+exports.Interactive = Interactive;
+Interactive.args = {
+  placeholder: '0.0',
+  disabled: false
+};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { InputProps } from '../Input/Input';
+export declare type TextInputProps = Omit<InputProps, 'type'> & {
+    canClear?: boolean;
+};
+export declare const TextInput: ({ canClear, suffix, value, onChange, ...props }: TextInputProps) => JSX.Element;

package/lib/@next/TextInput/TextInput.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TextInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+var _Icon = require("../Icon");
+var _Input = require("../Input/Input");
+var _excluded = ["canClear", "suffix", "value", "onChange"];
+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 TextInput = function TextInput(_ref) {
+  var canClear = _ref.canClear,
+    suffix = _ref.suffix,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var ClearIcon = function ClearIcon() {
+    return /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
+      name: "ri-close-circle-fill",
+      style: {
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return handleClearIconClick();
+      }
+    });
+  };
+  var _useState = (0, _react.useState)(suffix),
+    suffixValue = _useState[0],
+    setSuffixValue = _useState[1];
+  var _useState2 = (0, _react.useState)(value),
+    currentValue = _useState2[0],
+    setCurrentValue = _useState2[1];
+  var handleClearIconClick = function handleClearIconClick() {
+    setCurrentValue('');
+    setSuffixValue(suffix);
+  };
+  var handleChange = function handleChange(e) {
+    var val = e.currentTarget.value;
+    var currSuffix = canClear && !!val ? /*#__PURE__*/_react["default"].createElement(ClearIcon, null) : suffixValue;
+    setCurrentValue(val);
+    setSuffixValue(currSuffix);
+    onChange == null ? void 0 : onChange(e);
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Input.Input, (0, _extends2["default"])({
+    type: "text",
+    suffix: suffixValue,
+    value: currentValue,
+    onChange: handleChange
+  }, props));
+};
+exports.TextInput = TextInput;

package/lib/@next/TextInput/TextInput.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 WithPrefixAndSuffix: any;

package/lib/@next/TextInput/TextInput.stories.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = exports.WithPrefixAndSuffix = exports.Interactive = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
+var _TextInput = require("./TextInput");
+var _Icon = require("../Icon");
+_TextInput.TextInput.displayName = 'Text';
+var _default = {
+  title: '@next/TextInput',
+  component: _TextInput.TextInput,
+  decorators: [function (Story) {
+    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
+  }],
+  argTypes: {}
+};
+exports["default"] = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, args);
+};
+var Interactive = Template.bind({});
+exports.Interactive = Interactive;
+Interactive.args = {
+  placeholder: 'Placeholder',
+  prefix: null,
+  disabled: false
+};
+var WithIconsTemplate = function WithIconsTemplate(args) {
+  return /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, args);
+};
+var WithPrefixAndSuffix = WithIconsTemplate.bind({});
+exports.WithPrefixAndSuffix = WithPrefixAndSuffix;
+WithPrefixAndSuffix.args = {
+  placeholder: 'Placeholder',
+  prefix: /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
+    name: "ri-search"
+  }),
+  suffix: /*#__PURE__*/_react["default"].createElement("div", null, "2/20"),
+  value: 'Hi',
+  disabled: false
+};

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.0.165",
+  "version": "4.0.166",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",
@@ -149,6 +149,9 @@
     ],
     "modulePathIgnorePatterns": [
       "test/e2e/"
+    ],
+    "setupFilesAfterEnv": [
+      "<rootDir>/jest.setup.ts"
     ]
   },
   "optionalDependencies": {