glints-aries 4.0.262 → 4.0.264

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/es/@next/Icon/components/RiEyeLine.d.ts +3 -0
  2. package/es/@next/Icon/components/RiEyeLine.js +14 -0
  3. package/es/@next/Icon/components/RiEyeOffLine.d.ts +3 -0
  4. package/es/@next/Icon/components/RiEyeOffLine.js +14 -0
  5. package/es/@next/Icon/components/index.d.ts +2 -0
  6. package/es/@next/Icon/components/index.js +2 -0
  7. package/es/@next/Icon/icons/icons.d.ts +1 -1
  8. package/es/@next/Icon/icons/icons.js +2 -2
  9. package/es/@next/Menu/MenuStyle.d.ts +1 -0
  10. package/es/@next/Menu/MenuStyle.js +6 -2
  11. package/es/@next/Menu/components/MenuOption.js +2 -2
  12. package/es/@next/PasswordInput/PasswordInput.d.ts +9 -0
  13. package/es/@next/PasswordInput/PasswordInput.js +36 -0
  14. package/es/@next/PasswordInput/PasswordInput.stories.d.ts +4 -0
  15. package/es/@next/PasswordInput/PasswordInputStyle.d.ts +1 -0
  16. package/es/@next/PasswordInput/PasswordInputStyle.js +5 -0
  17. package/es/@next/PasswordInput/index.d.ts +1 -0
  18. package/es/@next/PasswordInput/index.js +1 -0
  19. package/es/@next/Select/Select.stories.d.ts +1 -0
  20. package/es/@next/Select/components/SearchableSelectInput/SearchableSelectInput.js +2 -2
  21. package/es/@next/Select/components/SearchableSelectInput/SearchableSelectInputStyle.d.ts +1 -0
  22. package/es/@next/Select/components/SearchableSelectInput/SearchableSelectInputStyle.js +7 -3
  23. package/es/@next/index.d.ts +1 -0
  24. package/es/@next/index.js +1 -0
  25. package/lib/@next/Icon/components/RiEyeLine.d.ts +3 -0
  26. package/lib/@next/Icon/components/RiEyeLine.js +22 -0
  27. package/lib/@next/Icon/components/RiEyeOffLine.d.ts +3 -0
  28. package/lib/@next/Icon/components/RiEyeOffLine.js +22 -0
  29. package/lib/@next/Icon/components/index.d.ts +2 -0
  30. package/lib/@next/Icon/components/index.js +5 -1
  31. package/lib/@next/Icon/icons/icons.d.ts +1 -1
  32. package/lib/@next/Icon/icons/icons.js +2 -2
  33. package/lib/@next/Menu/MenuStyle.d.ts +1 -0
  34. package/lib/@next/Menu/MenuStyle.js +8 -3
  35. package/lib/@next/Menu/components/MenuOption.js +1 -1
  36. package/lib/@next/PasswordInput/PasswordInput.d.ts +9 -0
  37. package/lib/@next/PasswordInput/PasswordInput.js +44 -0
  38. package/lib/@next/PasswordInput/PasswordInput.stories.d.ts +4 -0
  39. package/lib/@next/PasswordInput/PasswordInputStyle.d.ts +1 -0
  40. package/lib/@next/PasswordInput/PasswordInputStyle.js +11 -0
  41. package/lib/@next/PasswordInput/index.d.ts +1 -0
  42. package/lib/@next/PasswordInput/index.js +9 -0
  43. package/lib/@next/Select/Select.stories.d.ts +1 -0
  44. package/lib/@next/Select/components/SearchableSelectInput/SearchableSelectInput.js +1 -1
  45. package/lib/@next/Select/components/SearchableSelectInput/SearchableSelectInputStyle.d.ts +1 -0
  46. package/lib/@next/Select/components/SearchableSelectInput/SearchableSelectInputStyle.js +9 -4
  47. package/lib/@next/index.d.ts +1 -0
  48. package/lib/@next/index.js +5 -2
  49. package/package.json +1 -1
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRiEyeLine: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRiEyeLine;
@@ -0,0 +1,14 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import * as React from 'react';
3
+ var SvgRiEyeLine = function SvgRiEyeLine(props) {
4
+ return /*#__PURE__*/React.createElement("svg", _extends({
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ viewBox: "0 0 24 24"
7
+ }, props), /*#__PURE__*/React.createElement("path", {
8
+ fill: "none",
9
+ d: "M0 0h24v24H0z"
10
+ }), /*#__PURE__*/React.createElement("path", {
11
+ d: "M12 3c5.392 0 9.878 3.88 10.819 9-.94 5.12-5.427 9-10.819 9-5.392 0-9.878-3.88-10.819-9C2.121 6.88 6.608 3 12 3zm0 16a9.005 9.005 0 0 0 8.777-7 9.005 9.005 0 0 0-17.554 0A9.005 9.005 0 0 0 12 19zm0-2.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zm0-2a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"
12
+ }));
13
+ };
14
+ export default SvgRiEyeLine;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRiEyeOffLine: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRiEyeOffLine;
@@ -0,0 +1,14 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import * as React from 'react';
3
+ var SvgRiEyeOffLine = function SvgRiEyeOffLine(props) {
4
+ return /*#__PURE__*/React.createElement("svg", _extends({
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ viewBox: "0 0 24 24"
7
+ }, props), /*#__PURE__*/React.createElement("path", {
8
+ fill: "none",
9
+ d: "M0 0h24v24H0z"
10
+ }), /*#__PURE__*/React.createElement("path", {
11
+ d: "M17.882 19.297A10.949 10.949 0 0 1 12 21c-5.392 0-9.878-3.88-10.819-9a10.982 10.982 0 0 1 3.34-6.066L1.392 2.808l1.415-1.415 19.799 19.8-1.415 1.414-3.31-3.31zM5.935 7.35A8.965 8.965 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604L5.935 7.35zm6.979 6.978-3.242-3.242a2.5 2.5 0 0 0 3.241 3.241zm7.893 2.264-1.431-1.43A8.935 8.935 0 0 0 20.777 12 9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.947 10.947 0 0 1-2.012 4.592zm-9.084-9.084a4.5 4.5 0 0 1 4.769 4.769l-4.77-4.769z"
12
+ }));
13
+ };
14
+ export default SvgRiEyeOffLine;
@@ -53,6 +53,8 @@ export { default as RiEqualizerLine } from './RiEqualizerLine';
53
53
  export { default as RiErrorWarningFill } from './RiErrorWarningFill';
54
54
  export { default as RiErrorWarningLine } from './RiErrorWarningLine';
55
55
  export { default as RiExternalLinkLine } from './RiExternalLinkLine';
56
+ export { default as RiEyeLine } from './RiEyeLine';
57
+ export { default as RiEyeOffLine } from './RiEyeOffLine';
56
58
  export { default as RiFacebookCircleLine } from './RiFacebookCircleLine';
57
59
  export { default as RiFileFill } from './RiFileFill';
58
60
  export { default as RiFileLine } from './RiFileLine';
@@ -53,6 +53,8 @@ export { default as RiEqualizerLine } from './RiEqualizerLine';
53
53
  export { default as RiErrorWarningFill } from './RiErrorWarningFill';
54
54
  export { default as RiErrorWarningLine } from './RiErrorWarningLine';
55
55
  export { default as RiExternalLinkLine } from './RiExternalLinkLine';
56
+ export { default as RiEyeLine } from './RiEyeLine';
57
+ export { default as RiEyeOffLine } from './RiEyeOffLine';
56
58
  export { default as RiFacebookCircleLine } from './RiFacebookCircleLine';
57
59
  export { default as RiFileFill } from './RiFileFill';
58
60
  export { default as RiFileLine } from './RiFileLine';
@@ -1,5 +1,5 @@
1
1
  import { SVGProps } from 'react';
2
- 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-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-facebook-circle-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-mail-line", "ri-more", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-tiktok-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line", "ri-sparkling2-line", "ri-sparkling2-fill"];
2
+ 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-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-eye-off-line", "ri-eye-line", "ri-facebook-circle-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-mail-line", "ri-more", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-tiktok-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line", "ri-sparkling2-line", "ri-sparkling2-fill"];
3
3
  export declare type IconNames = typeof iconNames[number];
4
4
  declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
5
5
  export declare const iconsMappingComponent: {
@@ -1,4 +1,4 @@
1
1
  var _iconsMappingComponen;
2
2
  import * as Icons from '../components';
3
- 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-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-facebook-circle-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list3-fill', 'ri-folder-user-fill', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-mail-line', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-tiktok-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-upload-fill', 'ri-upload-line', 'ri-sparkling2-line', 'ri-sparkling2-fill'];
4
- export var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _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-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _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-tiktok-line'] = Icons.RiTiktokLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen['ri-sparkling2-line'] = Icons.RiSparkling2Line, _iconsMappingComponen['ri-sparkling2-fill'] = Icons.RiSparkling2Fill, _iconsMappingComponen);
3
+ 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-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-eye-off-line', 'ri-eye-line', 'ri-facebook-circle-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list3-fill', 'ri-folder-user-fill', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-mail-line', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-tiktok-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-upload-fill', 'ri-upload-line', 'ri-sparkling2-line', 'ri-sparkling2-fill'];
4
+ export var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _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-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-eye-line'] = Icons.RiEyeLine, _iconsMappingComponen['ri-eye-off-line'] = Icons.RiEyeOffLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _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-tiktok-line'] = Icons.RiTiktokLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen['ri-sparkling2-line'] = Icons.RiSparkling2Line, _iconsMappingComponen['ri-sparkling2-fill'] = Icons.RiSparkling2Fill, _iconsMappingComponen);
@@ -2,4 +2,5 @@ import { MenuProps } from './Menu';
2
2
  export declare const StyledMenu: import("styled-components").StyledComponent<"ul", any, MenuProps, never>;
3
3
  export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
4
4
  export declare const ListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const List: import("styled-components").StyledComponent<"li", any, {}, never>;
5
6
  export declare const StyledSections: import("styled-components").StyledComponent<"ul", any, {}, never>;
@@ -5,7 +5,7 @@ import { space16, space4, space8 } from '../utilities/spacing';
5
5
  export var StyledMenu = styled.ul.withConfig({
6
6
  displayName: "MenuStyle__StyledMenu",
7
7
  componentId: "sc-zm0l1a-0"
8
- })(["list-style:none;padding:0;margin:0;li{display:flex;height:44px;position:relative;align-items:center;padding:0 ", ";margin-bottom:", ";svg{height:24px;width:24px;}&:hover{background:", ";border-radius:", ";cursor:pointer;}&:focus{outline:none;background:rgba(255,255,255,0.001);border:2px solid ", ";border-radius:", ";}&[aria-disabled='true']{cursor:default;pointer-events:none;span{color:", ";}}&[data-active='true']{background:", ";border-radius:", ";cursor:default;::before{content:'';display:block;position:absolute;top:0;left:-", ";height:44px;width:3px;background-color:", ";border-radius:0px 4px 4px 0px;}&[data-multiple='true']{background:", ";::before{content:none;}}}}"], space8, space4, Neutral.B99, borderRadius4, Blue.S54, space4, Neutral.B85, Blue.S08, borderRadius4, space8, Blue.S99, Neutral.B100);
8
+ })(["list-style:none;padding:0;margin:0;li{display:flex;min-height:44px;position:relative;align-items:center;padding:0 ", ";margin-bottom:", ";svg{height:24px;width:24px;}&:hover{background:", ";border-radius:", ";cursor:pointer;}&:focus{outline:none;background:rgba(255,255,255,0.001);border:2px solid ", ";border-radius:", ";}&[aria-disabled='true']{cursor:default;pointer-events:none;span{color:", ";}}&[data-active='true']{background:", ";border-radius:", ";cursor:default;::before{content:'';display:block;position:absolute;top:0;left:-", ";height:44px;width:3px;background-color:", ";border-radius:0px 4px 4px 0px;}&[data-multiple='true']{background:", ";::before{content:none;}}}}"], space8, space4, Neutral.B99, borderRadius4, Blue.S54, space4, Neutral.B85, Blue.S08, borderRadius4, space8, Blue.S99, Neutral.B100);
9
9
  export var TitleContainer = styled.div.withConfig({
10
10
  displayName: "MenuStyle__TitleContainer",
11
11
  componentId: "sc-zm0l1a-1"
@@ -14,7 +14,11 @@ export var ListContainer = styled.div.withConfig({
14
14
  displayName: "MenuStyle__ListContainer",
15
15
  componentId: "sc-zm0l1a-2"
16
16
  })(["padding:0 ", ";"], space8);
17
+ export var List = styled.li.withConfig({
18
+ displayName: "MenuStyle__List",
19
+ componentId: "sc-zm0l1a-3"
20
+ })(["height:max-content;span{overflow:hidden;width:100%;}"]);
17
21
  export var StyledSections = styled.ul.withConfig({
18
22
  displayName: "MenuStyle__StyledSections",
19
- componentId: "sc-zm0l1a-3"
23
+ componentId: "sc-zm0l1a-4"
20
24
  })(["list-style:none;padding:0;margin:", " 0;"], space8);
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { ListContainer } from '../MenuStyle';
2
+ import { List, ListContainer } from '../MenuStyle';
3
3
  export var MenuOption = function MenuOption(_ref) {
4
4
  var children = _ref.children,
5
5
  disabled = _ref.disabled,
@@ -13,7 +13,7 @@ export var MenuOption = function MenuOption(_ref) {
13
13
  value: event.currentTarget.dataset.value
14
14
  });
15
15
  };
16
- return /*#__PURE__*/React.createElement(ListContainer, null, /*#__PURE__*/React.createElement("li", {
16
+ return /*#__PURE__*/React.createElement(ListContainer, null, /*#__PURE__*/React.createElement(List, {
17
17
  "aria-disabled": disabled,
18
18
  "data-active": isSelected,
19
19
  "data-multiple": allowMultiple,
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ export declare type PasswordInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> & {
3
+ onChange?: (value: string) => void;
4
+ error?: boolean;
5
+ };
6
+ export declare const PasswordInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> & {
7
+ onChange?: (value: string) => void;
8
+ error?: boolean;
9
+ } & React.RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,36 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
+ var _excluded = ["value", "onChange", "error"];
4
+ import React, { useState } from 'react';
5
+ import { Icon } from '../Icon';
6
+ import { Input } from '../Input/Input';
7
+ import { StyledSuffixContainer } from './PasswordInputStyle';
8
+ export var PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput(_ref, ref) {
9
+ var value = _ref.value,
10
+ _onChange = _ref.onChange,
11
+ error = _ref.error,
12
+ props = _objectWithoutPropertiesLoose(_ref, _excluded);
13
+ var _useState = useState(false),
14
+ showPassword = _useState[0],
15
+ setShowPassword = _useState[1];
16
+ var suffixComponent = /*#__PURE__*/React.createElement(StyledSuffixContainer, {
17
+ onClick: function onClick() {
18
+ setShowPassword(!showPassword);
19
+ },
20
+ "data-testid": "eye-icon"
21
+ }, showPassword ? /*#__PURE__*/React.createElement(Icon, {
22
+ name: "ri-eye-line"
23
+ }) : /*#__PURE__*/React.createElement(Icon, {
24
+ name: "ri-eye-off-line"
25
+ }));
26
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, _extends({
27
+ ref: ref,
28
+ type: showPassword ? 'text' : 'password',
29
+ value: value,
30
+ onChange: function onChange(e) {
31
+ return _onChange == null ? void 0 : _onChange(e.currentTarget.value);
32
+ },
33
+ error: error,
34
+ suffix: !props.disabled && suffixComponent
35
+ }, props)));
36
+ });
@@ -0,0 +1,4 @@
1
+ import { Meta } from '@storybook/react';
2
+ declare const _default: Meta<import("@storybook/react").Args>;
3
+ export default _default;
4
+ export declare const Interactive: any;
@@ -0,0 +1 @@
1
+ export declare const StyledSuffixContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,5 @@
1
+ import styled from 'styled-components';
2
+ export var StyledSuffixContainer = styled.div.withConfig({
3
+ displayName: "PasswordInputStyle__StyledSuffixContainer",
4
+ componentId: "sc-1anxz2z-0"
5
+ })(["height:20px;transform:translateX(4px);svg{cursor:pointer;height:20px;width:20px;}"]);
@@ -0,0 +1 @@
1
+ export * from './PasswordInput';
@@ -0,0 +1 @@
1
+ export * from './PasswordInput';
@@ -7,6 +7,7 @@ export declare const WithErrorNonSearchable: any;
7
7
  export declare const NonSearchableDisabled: any;
8
8
  export declare const SearchableMultiSelect: any;
9
9
  export declare const SearchableSingleSelect: any;
10
+ export declare const SearchableSingleSelectWithOverflowingInputState: any;
10
11
  export declare const SearchableSingleWithInputState: any;
11
12
  export declare const AsyncSearchableSingleWithInputState: any;
12
13
  export declare const MultiSelectScrollable: any;
@@ -4,7 +4,7 @@ var _excluded = ["disabled", "error", "filterOptions", "onSelect", "placeholder"
4
4
  import React, { forwardRef, useEffect, useRef, useState } from 'react';
5
5
  import { StyledInput, StyledPrefixContainer } from '../../../Input/InputStyle';
6
6
  import { ClearSelected } from './ClearSelected';
7
- import { InputContainer, StyledContainer, StyledSelectedValue } from './SearchableSelectInputStyle';
7
+ import { InputContainer, StyledContainer, StyledSelected, StyledSelectedValue } from './SearchableSelectInputStyle';
8
8
  export var SearchableSelectInput = /*#__PURE__*/forwardRef(function SearchableSelectInput(_ref, ref) {
9
9
  var _ref$disabled = _ref.disabled,
10
10
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
@@ -111,7 +111,7 @@ export var SearchableSelectInput = /*#__PURE__*/forwardRef(function SearchableSe
111
111
  }, /*#__PURE__*/React.createElement(StyledPrefixContainer, null, prefix), showSelected && /*#__PURE__*/React.createElement(StyledSelectedValue, {
112
112
  className: "searchable-select",
113
113
  onClick: handleSelectedClick
114
- }, selectedValue), showInput && /*#__PURE__*/React.createElement(InputContainer, null, /*#__PURE__*/React.createElement(StyledInput, _extends({
114
+ }, /*#__PURE__*/React.createElement(StyledSelected, null, selectedValue)), showInput && /*#__PURE__*/React.createElement(InputContainer, null, /*#__PURE__*/React.createElement(StyledInput, _extends({
115
115
  ref: inputRef,
116
116
  onChange: handleInputChange,
117
117
  placeholder: showPlaceholder ? placeholder : null,
@@ -1,4 +1,5 @@
1
1
  export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, import("../../../Input/Input").InputProps & import("../../../Input/InputStyle").PreffixSuffixWidthProps, never>;
2
+ export declare const StyledSelected: import("styled-components").StyledComponent<"span", any, {}, never>;
2
3
  export declare const StyledSelectedValue: import("styled-components").StyledComponent<"div", any, {}, never>;
3
4
  export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
4
5
  export declare const ClearSelectedContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -16,15 +16,19 @@ export var StyledContainer = styled(StyledInputContainer).withConfig({
16
16
  }, function (props) {
17
17
  return props.suffixWidth;
18
18
  }, Red.B93, Neutral.B85, Neutral.B95, Neutral.B85);
19
+ export var StyledSelected = styled.span.withConfig({
20
+ displayName: "SearchableSelectInputStyle__StyledSelected",
21
+ componentId: "sc-1oj168h-1"
22
+ })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
19
23
  export var StyledSelectedValue = styled.div.withConfig({
20
24
  displayName: "SearchableSelectInputStyle__StyledSelectedValue",
21
- componentId: "sc-1oj168h-1"
25
+ componentId: "sc-1oj168h-2"
22
26
  })(["border:1px solid ", ";border-radius:", ";background:transparent;box-sizing:border-box;padding:0 12px;height:36px;display:flex;align-items:center;grid-column:1 / 1;grid-row:1 / 1;font-family:", ",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:", ";@media (max-width:", "){font-size:14px;}"], Neutral.B68, borderRadius4, NotoSans, Neutral.B18, Breakpoints.large);
23
27
  export var InputContainer = styled.div.withConfig({
24
28
  displayName: "SearchableSelectInputStyle__InputContainer",
25
- componentId: "sc-1oj168h-2"
29
+ componentId: "sc-1oj168h-3"
26
30
  })(["grid-column:1 / 1;grid-row:1 / 1;"]);
27
31
  export var ClearSelectedContainer = styled(StyledSuffixContainer).withConfig({
28
32
  displayName: "SearchableSelectInputStyle__ClearSelectedContainer",
29
- componentId: "sc-1oj168h-3"
33
+ componentId: "sc-1oj168h-4"
30
34
  })(["z-index:2;"]);
@@ -27,6 +27,7 @@ export { Menu, MenuProps } from './Menu';
27
27
  export { Modal, ModalContext, ModalProps, ModalProvider, useModal, } from './Modal';
28
28
  export { NumberInput, NumberInputProps } from './NumberInput';
29
29
  export { Pagination, PaginationProps, SimplePagination } from './Pagination';
30
+ export { PasswordInput, PasswordInputProps } from './PasswordInput';
30
31
  export { Popover, PopoverProps } from './Popover';
31
32
  export { RadioButton, RadioButtonProps } from './RadioButton';
32
33
  export { Select, SelectProps } from './Select';
package/es/@next/index.js CHANGED
@@ -28,6 +28,7 @@ export { Menu, MenuProps } from './Menu';
28
28
  export { Modal, ModalContext, ModalProps, ModalProvider, useModal } from './Modal';
29
29
  export { NumberInput, NumberInputProps } from './NumberInput';
30
30
  export { Pagination, PaginationProps, SimplePagination } from './Pagination';
31
+ export { PasswordInput, PasswordInputProps } from './PasswordInput';
31
32
  export { Popover, PopoverProps } from './Popover';
32
33
  export { RadioButton, RadioButtonProps } from './RadioButton';
33
34
  export { Select, SelectProps } from './Select';
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRiEyeLine: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRiEyeLine;
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports["default"] = void 0;
6
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
7
+ var React = _interopRequireWildcard(require("react"));
8
+ 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); }
9
+ 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; }
10
+ var SvgRiEyeLine = function SvgRiEyeLine(props) {
11
+ return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
12
+ xmlns: "http://www.w3.org/2000/svg",
13
+ viewBox: "0 0 24 24"
14
+ }, props), /*#__PURE__*/React.createElement("path", {
15
+ fill: "none",
16
+ d: "M0 0h24v24H0z"
17
+ }), /*#__PURE__*/React.createElement("path", {
18
+ d: "M12 3c5.392 0 9.878 3.88 10.819 9-.94 5.12-5.427 9-10.819 9-5.392 0-9.878-3.88-10.819-9C2.121 6.88 6.608 3 12 3zm0 16a9.005 9.005 0 0 0 8.777-7 9.005 9.005 0 0 0-17.554 0A9.005 9.005 0 0 0 12 19zm0-2.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zm0-2a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"
19
+ }));
20
+ };
21
+ var _default = SvgRiEyeLine;
22
+ exports["default"] = _default;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRiEyeOffLine: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRiEyeOffLine;
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports["default"] = void 0;
6
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
7
+ var React = _interopRequireWildcard(require("react"));
8
+ 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); }
9
+ 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; }
10
+ var SvgRiEyeOffLine = function SvgRiEyeOffLine(props) {
11
+ return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
12
+ xmlns: "http://www.w3.org/2000/svg",
13
+ viewBox: "0 0 24 24"
14
+ }, props), /*#__PURE__*/React.createElement("path", {
15
+ fill: "none",
16
+ d: "M0 0h24v24H0z"
17
+ }), /*#__PURE__*/React.createElement("path", {
18
+ d: "M17.882 19.297A10.949 10.949 0 0 1 12 21c-5.392 0-9.878-3.88-10.819-9a10.982 10.982 0 0 1 3.34-6.066L1.392 2.808l1.415-1.415 19.799 19.8-1.415 1.414-3.31-3.31zM5.935 7.35A8.965 8.965 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604L5.935 7.35zm6.979 6.978-3.242-3.242a2.5 2.5 0 0 0 3.241 3.241zm7.893 2.264-1.431-1.43A8.935 8.935 0 0 0 20.777 12 9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.947 10.947 0 0 1-2.012 4.592zm-9.084-9.084a4.5 4.5 0 0 1 4.769 4.769l-4.77-4.769z"
19
+ }));
20
+ };
21
+ var _default = SvgRiEyeOffLine;
22
+ exports["default"] = _default;
@@ -53,6 +53,8 @@ export { default as RiEqualizerLine } from './RiEqualizerLine';
53
53
  export { default as RiErrorWarningFill } from './RiErrorWarningFill';
54
54
  export { default as RiErrorWarningLine } from './RiErrorWarningLine';
55
55
  export { default as RiExternalLinkLine } from './RiExternalLinkLine';
56
+ export { default as RiEyeLine } from './RiEyeLine';
57
+ export { default as RiEyeOffLine } from './RiEyeOffLine';
56
58
  export { default as RiFacebookCircleLine } from './RiFacebookCircleLine';
57
59
  export { default as RiFileFill } from './RiFileFill';
58
60
  export { default as RiFileLine } from './RiFileLine';
@@ -2,7 +2,7 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
  exports.__esModule = true;
5
- exports.RiUploadLine = exports.RiUploadFill = exports.RiTwitterLine = exports.RiTimer3Line = exports.RiTimer3Fill = exports.RiTiktokLine = exports.RiSparkling2Line = exports.RiSparkling2Fill = exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiSearch = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMore = exports.RiMinus = exports.RiMessageLine = exports.RiMessageFill = exports.RiMapLine = exports.RiMapFill = exports.RiMailLine = exports.RiLoader = exports.RiLinkedInLine = exports.RiInstagramLine = exports.RiInformationLine = exports.RiInformationFill = exports.RiFolderUserFill = exports.RiFileList3Fill = exports.RiFileLine = exports.RiFileFill = exports.RiFacebookCircleLine = exports.RiExternalLinkLine = exports.RiErrorWarningLine = exports.RiErrorWarningFill = exports.RiEqualizerLine = exports.RiDeleteBinLine = exports.RiDeleteBinFill = exports.RiCoinsLine = exports.RiCloseCircleLine = exports.RiCloseCircleFill = exports.RiClose = exports.RiCheckboxLine = exports.RiCheckboxIndeterminateLine = exports.RiCheckboxIndeterminateFill = exports.RiCheckboxFill = exports.RiCheckboxCircleFill = exports.RiCheck = exports.RiCalendarLine = exports.RiCalendarFill = exports.RiCalendarEventLine = exports.RiCalendarEventFill = exports.RiBriefcaseLine = exports.RiBriefcaseFill = 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;
5
+ exports.RiUploadLine = exports.RiUploadFill = exports.RiTwitterLine = exports.RiTimer3Line = exports.RiTimer3Fill = exports.RiTiktokLine = exports.RiSparkling2Line = exports.RiSparkling2Fill = exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiSearch = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMore = exports.RiMinus = exports.RiMessageLine = exports.RiMessageFill = exports.RiMapLine = exports.RiMapFill = exports.RiMailLine = exports.RiLoader = exports.RiLinkedInLine = exports.RiInstagramLine = exports.RiInformationLine = exports.RiInformationFill = exports.RiFolderUserFill = exports.RiFileList3Fill = exports.RiFileLine = exports.RiFileFill = exports.RiFacebookCircleLine = exports.RiEyeOffLine = exports.RiEyeLine = exports.RiExternalLinkLine = exports.RiErrorWarningLine = exports.RiErrorWarningFill = exports.RiEqualizerLine = exports.RiDeleteBinLine = exports.RiDeleteBinFill = exports.RiCoinsLine = exports.RiCloseCircleLine = exports.RiCloseCircleFill = exports.RiClose = exports.RiCheckboxLine = exports.RiCheckboxIndeterminateLine = exports.RiCheckboxIndeterminateFill = exports.RiCheckboxFill = exports.RiCheckboxCircleFill = exports.RiCheck = exports.RiCalendarLine = exports.RiCalendarFill = exports.RiCalendarEventLine = exports.RiCalendarEventFill = exports.RiBriefcaseLine = exports.RiBriefcaseFill = 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;
6
6
  var _RiAccountCircleFill = _interopRequireDefault(require("./RiAccountCircleFill"));
7
7
  exports.RiAccountCircleFill = _RiAccountCircleFill["default"];
8
8
  var _RiAccountCircleLine = _interopRequireDefault(require("./RiAccountCircleLine"));
@@ -113,6 +113,10 @@ var _RiErrorWarningLine = _interopRequireDefault(require("./RiErrorWarningLine")
113
113
  exports.RiErrorWarningLine = _RiErrorWarningLine["default"];
114
114
  var _RiExternalLinkLine = _interopRequireDefault(require("./RiExternalLinkLine"));
115
115
  exports.RiExternalLinkLine = _RiExternalLinkLine["default"];
116
+ var _RiEyeLine = _interopRequireDefault(require("./RiEyeLine"));
117
+ exports.RiEyeLine = _RiEyeLine["default"];
118
+ var _RiEyeOffLine = _interopRequireDefault(require("./RiEyeOffLine"));
119
+ exports.RiEyeOffLine = _RiEyeOffLine["default"];
116
120
  var _RiFacebookCircleLine = _interopRequireDefault(require("./RiFacebookCircleLine"));
117
121
  exports.RiFacebookCircleLine = _RiFacebookCircleLine["default"];
118
122
  var _RiFileFill = _interopRequireDefault(require("./RiFileFill"));
@@ -1,5 +1,5 @@
1
1
  import { SVGProps } from 'react';
2
- 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-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-facebook-circle-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-mail-line", "ri-more", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-tiktok-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line", "ri-sparkling2-line", "ri-sparkling2-fill"];
2
+ 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-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-eye-off-line", "ri-eye-line", "ri-facebook-circle-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-mail-line", "ri-more", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-tiktok-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line", "ri-sparkling2-line", "ri-sparkling2-fill"];
3
3
  export declare type IconNames = typeof iconNames[number];
4
4
  declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
5
5
  export declare const iconsMappingComponent: {
@@ -6,7 +6,7 @@ var Icons = _interopRequireWildcard(require("../components"));
6
6
  var _iconsMappingComponen;
7
7
  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); }
8
8
  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; }
9
- 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-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-facebook-circle-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list3-fill', 'ri-folder-user-fill', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-mail-line', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-tiktok-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-upload-fill', 'ri-upload-line', 'ri-sparkling2-line', 'ri-sparkling2-fill'];
9
+ 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-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-eye-off-line', 'ri-eye-line', 'ri-facebook-circle-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list3-fill', 'ri-folder-user-fill', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-mail-line', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-tiktok-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-upload-fill', 'ri-upload-line', 'ri-sparkling2-line', 'ri-sparkling2-fill'];
10
10
  exports.iconNames = iconNames;
11
- var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _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-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _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-tiktok-line'] = Icons.RiTiktokLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen['ri-sparkling2-line'] = Icons.RiSparkling2Line, _iconsMappingComponen['ri-sparkling2-fill'] = Icons.RiSparkling2Fill, _iconsMappingComponen);
11
+ var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _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-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-eye-line'] = Icons.RiEyeLine, _iconsMappingComponen['ri-eye-off-line'] = Icons.RiEyeOffLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _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-tiktok-line'] = Icons.RiTiktokLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen['ri-sparkling2-line'] = Icons.RiSparkling2Line, _iconsMappingComponen['ri-sparkling2-fill'] = Icons.RiSparkling2Fill, _iconsMappingComponen);
12
12
  exports.iconsMappingComponent = iconsMappingComponent;
@@ -2,4 +2,5 @@ import { MenuProps } from './Menu';
2
2
  export declare const StyledMenu: import("styled-components").StyledComponent<"ul", any, MenuProps, never>;
3
3
  export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
4
4
  export declare const ListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const List: import("styled-components").StyledComponent<"li", any, {}, never>;
5
6
  export declare const StyledSections: import("styled-components").StyledComponent<"ul", any, {}, never>;
@@ -2,7 +2,7 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
  exports.__esModule = true;
5
- exports.TitleContainer = exports.StyledSections = exports.StyledMenu = exports.ListContainer = void 0;
5
+ exports.TitleContainer = exports.StyledSections = exports.StyledMenu = exports.ListContainer = exports.List = void 0;
6
6
  var _styledComponents = _interopRequireDefault(require("styled-components"));
7
7
  var _borderRadius = require("../utilities/borderRadius");
8
8
  var _colors = require("../utilities/colors");
@@ -10,7 +10,7 @@ var _spacing = require("../utilities/spacing");
10
10
  var StyledMenu = _styledComponents["default"].ul.withConfig({
11
11
  displayName: "MenuStyle__StyledMenu",
12
12
  componentId: "sc-zm0l1a-0"
13
- })(["list-style:none;padding:0;margin:0;li{display:flex;height:44px;position:relative;align-items:center;padding:0 ", ";margin-bottom:", ";svg{height:24px;width:24px;}&:hover{background:", ";border-radius:", ";cursor:pointer;}&:focus{outline:none;background:rgba(255,255,255,0.001);border:2px solid ", ";border-radius:", ";}&[aria-disabled='true']{cursor:default;pointer-events:none;span{color:", ";}}&[data-active='true']{background:", ";border-radius:", ";cursor:default;::before{content:'';display:block;position:absolute;top:0;left:-", ";height:44px;width:3px;background-color:", ";border-radius:0px 4px 4px 0px;}&[data-multiple='true']{background:", ";::before{content:none;}}}}"], _spacing.space8, _spacing.space4, _colors.Neutral.B99, _borderRadius.borderRadius4, _colors.Blue.S54, _spacing.space4, _colors.Neutral.B85, _colors.Blue.S08, _borderRadius.borderRadius4, _spacing.space8, _colors.Blue.S99, _colors.Neutral.B100);
13
+ })(["list-style:none;padding:0;margin:0;li{display:flex;min-height:44px;position:relative;align-items:center;padding:0 ", ";margin-bottom:", ";svg{height:24px;width:24px;}&:hover{background:", ";border-radius:", ";cursor:pointer;}&:focus{outline:none;background:rgba(255,255,255,0.001);border:2px solid ", ";border-radius:", ";}&[aria-disabled='true']{cursor:default;pointer-events:none;span{color:", ";}}&[data-active='true']{background:", ";border-radius:", ";cursor:default;::before{content:'';display:block;position:absolute;top:0;left:-", ";height:44px;width:3px;background-color:", ";border-radius:0px 4px 4px 0px;}&[data-multiple='true']{background:", ";::before{content:none;}}}}"], _spacing.space8, _spacing.space4, _colors.Neutral.B99, _borderRadius.borderRadius4, _colors.Blue.S54, _spacing.space4, _colors.Neutral.B85, _colors.Blue.S08, _borderRadius.borderRadius4, _spacing.space8, _colors.Blue.S99, _colors.Neutral.B100);
14
14
  exports.StyledMenu = StyledMenu;
15
15
  var TitleContainer = _styledComponents["default"].div.withConfig({
16
16
  displayName: "MenuStyle__TitleContainer",
@@ -22,8 +22,13 @@ var ListContainer = _styledComponents["default"].div.withConfig({
22
22
  componentId: "sc-zm0l1a-2"
23
23
  })(["padding:0 ", ";"], _spacing.space8);
24
24
  exports.ListContainer = ListContainer;
25
+ var List = _styledComponents["default"].li.withConfig({
26
+ displayName: "MenuStyle__List",
27
+ componentId: "sc-zm0l1a-3"
28
+ })(["height:max-content;span{overflow:hidden;width:100%;}"]);
29
+ exports.List = List;
25
30
  var StyledSections = _styledComponents["default"].ul.withConfig({
26
31
  displayName: "MenuStyle__StyledSections",
27
- componentId: "sc-zm0l1a-3"
32
+ componentId: "sc-zm0l1a-4"
28
33
  })(["list-style:none;padding:0;margin:", " 0;"], _spacing.space8);
29
34
  exports.StyledSections = StyledSections;
@@ -18,7 +18,7 @@ var MenuOption = function MenuOption(_ref) {
18
18
  value: event.currentTarget.dataset.value
19
19
  });
20
20
  };
21
- return /*#__PURE__*/_react["default"].createElement(_MenuStyle.ListContainer, null, /*#__PURE__*/_react["default"].createElement("li", {
21
+ return /*#__PURE__*/_react["default"].createElement(_MenuStyle.ListContainer, null, /*#__PURE__*/_react["default"].createElement(_MenuStyle.List, {
22
22
  "aria-disabled": disabled,
23
23
  "data-active": isSelected,
24
24
  "data-multiple": allowMultiple,
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ export declare type PasswordInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> & {
3
+ onChange?: (value: string) => void;
4
+ error?: boolean;
5
+ };
6
+ export declare const PasswordInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> & {
7
+ onChange?: (value: string) => void;
8
+ error?: boolean;
9
+ } & React.RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.PasswordInput = void 0;
6
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
7
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var _Icon = require("../Icon");
10
+ var _Input = require("../Input/Input");
11
+ var _PasswordInputStyle = require("./PasswordInputStyle");
12
+ var _excluded = ["value", "onChange", "error"];
13
+ 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); }
14
+ 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; }
15
+ var PasswordInput = /*#__PURE__*/_react["default"].forwardRef(function PasswordInput(_ref, ref) {
16
+ var value = _ref.value,
17
+ _onChange = _ref.onChange,
18
+ error = _ref.error,
19
+ props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
20
+ var _useState = (0, _react.useState)(false),
21
+ showPassword = _useState[0],
22
+ setShowPassword = _useState[1];
23
+ var suffixComponent = /*#__PURE__*/_react["default"].createElement(_PasswordInputStyle.StyledSuffixContainer, {
24
+ onClick: function onClick() {
25
+ setShowPassword(!showPassword);
26
+ },
27
+ "data-testid": "eye-icon"
28
+ }, showPassword ? /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
29
+ name: "ri-eye-line"
30
+ }) : /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
31
+ name: "ri-eye-off-line"
32
+ }));
33
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Input.Input, (0, _extends2["default"])({
34
+ ref: ref,
35
+ type: showPassword ? 'text' : 'password',
36
+ value: value,
37
+ onChange: function onChange(e) {
38
+ return _onChange == null ? void 0 : _onChange(e.currentTarget.value);
39
+ },
40
+ error: error,
41
+ suffix: !props.disabled && suffixComponent
42
+ }, props)));
43
+ });
44
+ exports.PasswordInput = PasswordInput;
@@ -0,0 +1,4 @@
1
+ import { Meta } from '@storybook/react';
2
+ declare const _default: Meta<import("@storybook/react").Args>;
3
+ export default _default;
4
+ export declare const Interactive: any;
@@ -0,0 +1 @@
1
+ export declare const StyledSuffixContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.StyledSuffixContainer = void 0;
6
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
7
+ var StyledSuffixContainer = _styledComponents["default"].div.withConfig({
8
+ displayName: "PasswordInputStyle__StyledSuffixContainer",
9
+ componentId: "sc-1anxz2z-0"
10
+ })(["height:20px;transform:translateX(4px);svg{cursor:pointer;height:20px;width:20px;}"]);
11
+ exports.StyledSuffixContainer = StyledSuffixContainer;
@@ -0,0 +1 @@
1
+ export * from './PasswordInput';
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ var _PasswordInput = require("./PasswordInput");
5
+ Object.keys(_PasswordInput).forEach(function (key) {
6
+ if (key === "default" || key === "__esModule") return;
7
+ if (key in exports && exports[key] === _PasswordInput[key]) return;
8
+ exports[key] = _PasswordInput[key];
9
+ });
@@ -7,6 +7,7 @@ export declare const WithErrorNonSearchable: any;
7
7
  export declare const NonSearchableDisabled: any;
8
8
  export declare const SearchableMultiSelect: any;
9
9
  export declare const SearchableSingleSelect: any;
10
+ export declare const SearchableSingleSelectWithOverflowingInputState: any;
10
11
  export declare const SearchableSingleWithInputState: any;
11
12
  export declare const AsyncSearchableSingleWithInputState: any;
12
13
  export declare const MultiSelectScrollable: any;
@@ -118,7 +118,7 @@ var SearchableSelectInput = /*#__PURE__*/(0, _react.forwardRef)(function Searcha
118
118
  }, /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledPrefixContainer, null, prefix), showSelected && /*#__PURE__*/_react["default"].createElement(_SearchableSelectInputStyle.StyledSelectedValue, {
119
119
  className: "searchable-select",
120
120
  onClick: handleSelectedClick
121
- }, selectedValue), showInput && /*#__PURE__*/_react["default"].createElement(_SearchableSelectInputStyle.InputContainer, null, /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledInput, (0, _extends2["default"])({
121
+ }, /*#__PURE__*/_react["default"].createElement(_SearchableSelectInputStyle.StyledSelected, null, selectedValue)), showInput && /*#__PURE__*/_react["default"].createElement(_SearchableSelectInputStyle.InputContainer, null, /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledInput, (0, _extends2["default"])({
122
122
  ref: inputRef,
123
123
  onChange: handleInputChange,
124
124
  placeholder: showPlaceholder ? placeholder : null,
@@ -1,4 +1,5 @@
1
1
  export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, import("../../../Input/Input").InputProps & import("../../../Input/InputStyle").PreffixSuffixWidthProps, never>;
2
+ export declare const StyledSelected: import("styled-components").StyledComponent<"span", any, {}, never>;
2
3
  export declare const StyledSelectedValue: import("styled-components").StyledComponent<"div", any, {}, never>;
3
4
  export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
4
5
  export declare const ClearSelectedContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -2,7 +2,7 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
  exports.__esModule = true;
5
- exports.StyledSelectedValue = exports.StyledContainer = exports.InputContainer = exports.ClearSelectedContainer = void 0;
5
+ exports.StyledSelectedValue = exports.StyledSelected = exports.StyledContainer = exports.InputContainer = exports.ClearSelectedContainer = void 0;
6
6
  var _styledComponents = _interopRequireDefault(require("styled-components"));
7
7
  var Breakpoints = _interopRequireWildcard(require("../../../utilities/breakpoints"));
8
8
  var _colors = require("../../../utilities/colors");
@@ -24,18 +24,23 @@ var StyledContainer = (0, _styledComponents["default"])(_InputStyle.StyledContai
24
24
  return props.suffixWidth;
25
25
  }, _colors.Red.B93, _colors.Neutral.B85, _colors.Neutral.B95, _colors.Neutral.B85);
26
26
  exports.StyledContainer = StyledContainer;
27
+ var StyledSelected = _styledComponents["default"].span.withConfig({
28
+ displayName: "SearchableSelectInputStyle__StyledSelected",
29
+ componentId: "sc-1oj168h-1"
30
+ })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
31
+ exports.StyledSelected = StyledSelected;
27
32
  var StyledSelectedValue = _styledComponents["default"].div.withConfig({
28
33
  displayName: "SearchableSelectInputStyle__StyledSelectedValue",
29
- componentId: "sc-1oj168h-1"
34
+ componentId: "sc-1oj168h-2"
30
35
  })(["border:1px solid ", ";border-radius:", ";background:transparent;box-sizing:border-box;padding:0 12px;height:36px;display:flex;align-items:center;grid-column:1 / 1;grid-row:1 / 1;font-family:", ",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:", ";@media (max-width:", "){font-size:14px;}"], _colors.Neutral.B68, _borderRadius.borderRadius4, _fonts.NotoSans, _colors.Neutral.B18, Breakpoints.large);
31
36
  exports.StyledSelectedValue = StyledSelectedValue;
32
37
  var InputContainer = _styledComponents["default"].div.withConfig({
33
38
  displayName: "SearchableSelectInputStyle__InputContainer",
34
- componentId: "sc-1oj168h-2"
39
+ componentId: "sc-1oj168h-3"
35
40
  })(["grid-column:1 / 1;grid-row:1 / 1;"]);
36
41
  exports.InputContainer = InputContainer;
37
42
  var ClearSelectedContainer = (0, _styledComponents["default"])(_InputStyle.StyledSuffixContainer).withConfig({
38
43
  displayName: "SearchableSelectInputStyle__ClearSelectedContainer",
39
- componentId: "sc-1oj168h-3"
44
+ componentId: "sc-1oj168h-4"
40
45
  })(["z-index:2;"]);
41
46
  exports.ClearSelectedContainer = ClearSelectedContainer;
@@ -27,6 +27,7 @@ export { Menu, MenuProps } from './Menu';
27
27
  export { Modal, ModalContext, ModalProps, ModalProvider, useModal, } from './Modal';
28
28
  export { NumberInput, NumberInputProps } from './NumberInput';
29
29
  export { Pagination, PaginationProps, SimplePagination } from './Pagination';
30
+ export { PasswordInput, PasswordInputProps } from './PasswordInput';
30
31
  export { Popover, PopoverProps } from './Popover';
31
32
  export { RadioButton, RadioButtonProps } from './RadioButton';
32
33
  export { Select, SelectProps } from './Select';
@@ -1,8 +1,8 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.Typography = exports.TooltipProps = exports.TooltipPosition = exports.Tooltip = exports.TextInputProps = exports.TextInput = exports.TextAreaProps = exports.TextArea = exports.TagProps = exports.Tag = exports.TabsProps = exports.Tabs = exports.TableRowProps = exports.TableHeaderProps = exports.TableCellProps = exports.TabProps = exports.TabModel = exports.Tab = exports.Switch = exports.SpinnerProps = exports.Spinner = exports.Spacing = exports.SkeletonTextProps = exports.SkeletonText = exports.SkeletonImageSquareProps = exports.SkeletonImageSquare = exports.SkeletonImageCircleProps = exports.SkeletonImageCircle = exports.SimplePagination = exports.SideSheetProps = exports.SideSheet = exports.SelectProps = exports.Select = exports.RadioButtonProps = exports.RadioButton = exports.PrimaryButton = exports.PopoverProps = exports.Popover = exports.PaginationProps = exports.Pagination = exports.OutlineMonochromeButton = exports.OutlineButton = exports.NumberInputProps = exports.NumberInput = exports.ModalProvider = exports.ModalProps = exports.ModalContext = exports.Modal = exports.MenuProps = exports.Menu = exports.LinkProps = exports.Link = exports.InlineErrorProps = exports.InlineError = exports.IndexTableProps = exports.IndexTable = exports.IconProps = exports.Icon = exports.Fonts = exports.EmptyState = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.DataTableProps = exports.DataTable = exports.CurrencyInputProps = exports.CurrencyInput = exports.ComboboxProps = exports.Combobox = exports.Colors = exports.CheckboxProps = exports.Checkbox = exports.CarouselProps = exports.Carousel = exports.CardProps = exports.Card = exports.ButtonProps = exports.ButtonGroupProps = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.BarProps = exports.Bar = exports.BannerProps = exports.Banner = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = exports.AlertWithProvider = exports.AlertProvider = exports.AlertProps = exports.AlertContextProps = exports.AlertContext = exports.Alert = exports.ActionListSection = exports.ActionListProps = exports.ActionListItem = exports.ActionList = void 0;
5
- exports.useModal = exports.useIndexResourceState = exports.useAlert = exports.UploadProps = exports.Upload = exports.TypographyProps = void 0;
4
+ exports.TooltipPosition = exports.Tooltip = exports.TextInputProps = exports.TextInput = exports.TextAreaProps = exports.TextArea = exports.TagProps = exports.Tag = exports.TabsProps = exports.Tabs = exports.TableRowProps = exports.TableHeaderProps = exports.TableCellProps = exports.TabProps = exports.TabModel = exports.Tab = exports.Switch = exports.SpinnerProps = exports.Spinner = exports.Spacing = exports.SkeletonTextProps = exports.SkeletonText = exports.SkeletonImageSquareProps = exports.SkeletonImageSquare = exports.SkeletonImageCircleProps = exports.SkeletonImageCircle = exports.SimplePagination = exports.SideSheetProps = exports.SideSheet = exports.SelectProps = exports.Select = exports.RadioButtonProps = exports.RadioButton = exports.PrimaryButton = exports.PopoverProps = exports.Popover = exports.PasswordInputProps = exports.PasswordInput = exports.PaginationProps = exports.Pagination = exports.OutlineMonochromeButton = exports.OutlineButton = exports.NumberInputProps = exports.NumberInput = exports.ModalProvider = exports.ModalProps = exports.ModalContext = exports.Modal = exports.MenuProps = exports.Menu = exports.LinkProps = exports.Link = exports.InlineErrorProps = exports.InlineError = exports.IndexTableProps = exports.IndexTable = exports.IconProps = exports.Icon = exports.Fonts = exports.EmptyState = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.DataTableProps = exports.DataTable = exports.CurrencyInputProps = exports.CurrencyInput = exports.ComboboxProps = exports.Combobox = exports.Colors = exports.CheckboxProps = exports.Checkbox = exports.CarouselProps = exports.Carousel = exports.CardProps = exports.Card = exports.ButtonProps = exports.ButtonGroupProps = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.BarProps = exports.Bar = exports.BannerProps = exports.Banner = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = exports.AlertWithProvider = exports.AlertProvider = exports.AlertProps = exports.AlertContextProps = exports.AlertContext = exports.Alert = exports.ActionListSection = exports.ActionListProps = exports.ActionListItem = exports.ActionList = void 0;
5
+ exports.useModal = exports.useIndexResourceState = exports.useAlert = exports.UploadProps = exports.Upload = exports.TypographyProps = exports.Typography = exports.TooltipProps = void 0;
6
6
  var BorderRadius = _interopRequireWildcard(require("./utilities/borderRadius"));
7
7
  exports.BorderRadius = BorderRadius;
8
8
  var Breakpoints = _interopRequireWildcard(require("./utilities/breakpoints"));
@@ -101,6 +101,9 @@ var _Pagination = require("./Pagination");
101
101
  exports.Pagination = _Pagination.Pagination;
102
102
  exports.PaginationProps = _Pagination.PaginationProps;
103
103
  exports.SimplePagination = _Pagination.SimplePagination;
104
+ var _PasswordInput = require("./PasswordInput");
105
+ exports.PasswordInput = _PasswordInput.PasswordInput;
106
+ exports.PasswordInputProps = _PasswordInput.PasswordInputProps;
104
107
  var _Popover = require("./Popover");
105
108
  exports.Popover = _Popover.Popover;
106
109
  exports.PopoverProps = _Popover.PopoverProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "glints-aries",
3
- "version": "4.0.262",
3
+ "version": "4.0.264",
4
4
  "description": "Glints ui-kit for frontend",
5
5
  "main": "./lib/index.js",
6
6
  "module": "./es/index.js",