glints-aries 4.0.388 → 4.0.390

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 (33) hide show
  1. package/es/@next/Icon/components/RiCustomSalaryFill.d.ts +3 -0
  2. package/es/@next/Icon/components/RiCustomSalaryFill.js +13 -0
  3. package/es/@next/Icon/components/RiCustomSalaryLine.d.ts +3 -0
  4. package/es/@next/Icon/components/RiCustomSalaryLine.js +13 -0
  5. package/es/@next/Icon/components/RiDraggable.d.ts +3 -0
  6. package/es/@next/Icon/components/RiDraggable.js +11 -0
  7. package/es/@next/Icon/components/index.d.ts +3 -0
  8. package/es/@next/Icon/components/index.js +3 -0
  9. package/es/@next/Icon/icons/icons.d.ts +1 -1
  10. package/es/@next/Icon/icons/icons.js +2 -2
  11. package/es/@next/Steps/Step.d.ts +1 -0
  12. package/es/@next/Steps/Step.js +39 -17
  13. package/es/@next/Steps/StepStyle.d.ts +3 -0
  14. package/es/@next/Steps/StepStyle.js +21 -9
  15. package/es/@next/Steps/Steps.d.ts +1 -0
  16. package/es/@next/Steps/Steps.js +7 -2
  17. package/lib/@next/Icon/components/RiCustomSalaryFill.d.ts +3 -0
  18. package/lib/@next/Icon/components/RiCustomSalaryFill.js +21 -0
  19. package/lib/@next/Icon/components/RiCustomSalaryLine.d.ts +3 -0
  20. package/lib/@next/Icon/components/RiCustomSalaryLine.js +21 -0
  21. package/lib/@next/Icon/components/RiDraggable.d.ts +3 -0
  22. package/lib/@next/Icon/components/RiDraggable.js +19 -0
  23. package/lib/@next/Icon/components/index.d.ts +3 -0
  24. package/lib/@next/Icon/components/index.js +8 -2
  25. package/lib/@next/Icon/icons/icons.d.ts +1 -1
  26. package/lib/@next/Icon/icons/icons.js +2 -2
  27. package/lib/@next/Steps/Step.d.ts +1 -0
  28. package/lib/@next/Steps/Step.js +38 -16
  29. package/lib/@next/Steps/StepStyle.d.ts +3 -0
  30. package/lib/@next/Steps/StepStyle.js +25 -10
  31. package/lib/@next/Steps/Steps.d.ts +1 -0
  32. package/lib/@next/Steps/Steps.js +7 -2
  33. package/package.json +1 -1
package/es/@next/Icon/components/RiCustomSalaryFill.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRiCustomSalaryFill: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRiCustomSalaryFill;
package/es/@next/Icon/components/RiCustomSalaryFill.js ADDED
@@ -0,0 +1,13 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import * as React from 'react';
3
+ var SvgRiCustomSalaryFill = function SvgRiCustomSalaryFill(props) {
4
+ return /*#__PURE__*/React.createElement("svg", _extends({
5
+ viewBox: "0 0 24 24",
6
+ xmlns: "http://www.w3.org/2000/svg"
7
+ }, props), /*#__PURE__*/React.createElement("path", {
8
+ fillRule: "evenodd",
9
+ clipRule: "evenodd",
10
+ d: "M23.4 8.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Zm-6.677-4.038h-1.646v.807a2.077 2.077 0 0 0-1.433.567c-.385.364-.61.862-.627 1.386a1.997 1.997 0 0 0 .533 1.424c.36.389.859.624 1.392.658l.135.004h1.646l.074.006c.095.017.18.066.242.139a.4.4 0 0 1 0 .517.413.413 0 0 1-.242.139l-.074.006h-3.291v1.616h1.645v.807h1.646v-.807a2.078 2.078 0 0 0 1.433-.567c.385-.364.61-.862.628-1.386a1.998 1.998 0 0 0-.534-1.424 2.072 2.072 0 0 0-1.392-.658l-.135-.004h-1.646l-.074-.006a.413.413 0 0 1-.242-.139.4.4 0 0 1 0-.517.413.413 0 0 1 .242-.139l.074-.006h3.291V5.269h-1.645v-.807ZM4.624 22.26c0 .5-.406.906-.906.906H1.906A.906.906 0 0 1 1 22.26v-8.154c0-.5.406-.906.906-.906h1.812c.5 0 .906.406.906.906v8.154Zm3.923-6.795h1.966a4.077 4.077 0 0 1 4.077 4.077H8.247l.001.906h7.248v-.906c0-.98-.288-1.905-.803-2.719l2.615.001a4.53 4.53 0 0 1 4.092 2.583c-2.143 2.828-5.612 4.665-9.528 4.665-2.502 0-4.62-.535-6.342-1.472l.001-8.43a6.312 6.312 0 0 1 3.016 1.295Z"
11
+ }));
12
+ };
13
+ export default SvgRiCustomSalaryFill;
package/es/@next/Icon/components/RiCustomSalaryLine.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRiCustomSalaryLine: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRiCustomSalaryLine;
package/es/@next/Icon/components/RiCustomSalaryLine.js ADDED
@@ -0,0 +1,13 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import * as React from 'react';
3
+ var SvgRiCustomSalaryLine = function SvgRiCustomSalaryLine(props) {
4
+ return /*#__PURE__*/React.createElement("svg", _extends({
5
+ viewBox: "0 0 24 24",
6
+ xmlns: "http://www.w3.org/2000/svg"
7
+ }, props), /*#__PURE__*/React.createElement("path", {
8
+ fillRule: "evenodd",
9
+ clipRule: "evenodd",
10
+ d: "M15 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm.536-10.214V3h-1.572v.786a1.964 1.964 0 1 0 0 3.928h1.572l.07.007a.393.393 0 0 1-.07.779h-3.143v1.571h1.571v.786h1.572v-.786a1.964 1.964 0 1 0 0-3.928h-1.572l-.07-.006a.393.393 0 0 1 .07-.78h3.143V3.786h-1.571ZM3.73 11.5c.515 0 .932.448.932 1 1.525 0 2.928.56 4.039 1.5h2.024c1.242 0 2.36.58 3.128 1.5h2.934c1.858 0 3.462 1.165 4.212 2.851-2.206 3.121-5.777 5.149-9.808 5.149-2.603 0-4.803-.603-6.585-1.658-.13.384-.473.658-.876.658H.933c-.515 0-.933-.448-.933-1v-9c0-.552.418-1 .933-1H3.73Zm.933 3v5.022l.042.033c1.673 1.26 3.854 1.945 6.486 1.945 2.802 0 5.408-1.156 7.308-3.13l.123-.133-.11-.1a2.686 2.686 0 0 0-1.534-.63l-.191-.007h-1.97c.069.322.105.656.105 1v1H6.529v-2l6.332-.001-.032-.078c-.354-.794-1.088-1.356-1.95-1.416L10.726 16H7.993c-.846-.925-2.025-1.5-3.329-1.5Zm-1.866-1h-.933v7h.933v-7Z"
11
+ }));
12
+ };
13
+ export default SvgRiCustomSalaryLine;
package/es/@next/Icon/components/RiDraggable.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRiDraggable: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRiDraggable;
package/es/@next/Icon/components/RiDraggable.js ADDED
@@ -0,0 +1,11 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import * as React from 'react';
3
+ var SvgRiDraggable = function SvgRiDraggable(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
+ d: "M8.5 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 6.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM15.5 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-1.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
9
+ }));
10
+ };
11
+ export default SvgRiDraggable;
package/es/@next/Icon/components/index.d.ts CHANGED
@@ -70,11 +70,14 @@ export { default as RiContactsLine } from './RiContactsLine';
70
70
  export { default as RiContractLeftLine } from './RiContractLeftLine';
71
71
  export { default as RiCurrencyFill } from './RiCurrencyFill';
72
72
  export { default as RiCurrencyLine } from './RiCurrencyLine';
73
+ export { default as RiCustomSalaryFill } from './RiCustomSalaryFill';
74
+ export { default as RiCustomSalaryLine } from './RiCustomSalaryLine';
73
75
  export { default as RiDeleteBinFill } from './RiDeleteBinFill';
74
76
  export { default as RiDeleteBinLine } from './RiDeleteBinLine';
75
77
  export { default as RiDiscussFill } from './RiDiscussFill';
76
78
  export { default as RiDiscussLine } from './RiDiscussLine';
77
79
  export { default as RiDownloadLine } from './RiDownloadLine';
80
+ export { default as RiDraggable } from './RiDraggable';
78
81
  export { default as RiEqualizerLine } from './RiEqualizerLine';
79
82
  export { default as RiErrorWarningFill } from './RiErrorWarningFill';
80
83
  export { default as RiErrorWarningLine } from './RiErrorWarningLine';
package/es/@next/Icon/components/index.js CHANGED
@@ -70,11 +70,14 @@ export { default as RiContactsLine } from './RiContactsLine';
70
70
  export { default as RiContractLeftLine } from './RiContractLeftLine';
71
71
  export { default as RiCurrencyFill } from './RiCurrencyFill';
72
72
  export { default as RiCurrencyLine } from './RiCurrencyLine';
73
+ export { default as RiCustomSalaryFill } from './RiCustomSalaryFill';
74
+ export { default as RiCustomSalaryLine } from './RiCustomSalaryLine';
73
75
  export { default as RiDeleteBinFill } from './RiDeleteBinFill';
74
76
  export { default as RiDeleteBinLine } from './RiDeleteBinLine';
75
77
  export { default as RiDiscussFill } from './RiDiscussFill';
76
78
  export { default as RiDiscussLine } from './RiDiscussLine';
77
79
  export { default as RiDownloadLine } from './RiDownloadLine';
80
+ export { default as RiDraggable } from './RiDraggable';
78
81
  export { default as RiEqualizerLine } from './RiEqualizerLine';
79
82
  export { default as RiErrorWarningFill } from './RiErrorWarningFill';
80
83
  export { default as RiErrorWarningLine } from './RiErrorWarningLine';
package/es/@next/Icon/icons/icons.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SVGProps } from 'react';
2
- export declare const iconNames: readonly ["custom-sparkling-fill", "custom-sparkling-line", "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-attachment-fill", "ri-attachment-line", "ri-behance-fill", "ri-bookmark-fill", "ri-bookmark-line", "ri-box-fill", "ri-box-line", "ri-building-line", "ri-building-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-check-line", "ri-calendar-check-fill", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-chat-quote-fill", "ri-chat-quote-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-circle-line", "ri-check-double-line", "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-codepen-fill", "ri-coins-line", "ri-contacts-fill", "ri-contacts-line", "ri-contract-left-line", "ri-currency-fill", "ri-currency-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-discuss-fill", "ri-discuss-line", "ri-download-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-expand-right-line", "ri-external-link-line", "ri-eye-off-fill", "ri-eye-off-line", "ri-eye-fill", "ri-eye-line", "ri-facebook-circle-fill", "ri-facebook-circle-line", "ri-file-copy-fill", "ri-file-copy-line", "ri-file-copy2-line", "ri-file-download-line", "ri-file-fill", "ri-file-line", "ri-file-list-fill", "ri-file-list-line", "ri-file-list3-fill", "ri-file-history-line", "ri-file-history-fill", "ri-flashlight-fill", "ri-flashlight-line", "ri-folder-user-fill", "ri-flag-fill", "ri-flag-line", "ri-github-fill", "ri-glints-logo-fill", "ri-graduation-fill", "ri-graduation-line", "ri-group-fill", "ri-group-line", "ri-group2-fill", "ri-group2-line", "ri-global-line", "ri-hand-coin-fill", "ri-hand-coin-line", "ri-hourglass-line", "ri-hourglass-fill", "ri-infinity", "ri-information-fill", "ri-information-line", "ri-instagram-fill", "ri-instagram-line", "ri-linkedin-fill", "ri-linkedIn-line", "ri-loader", "ri-lock-fill", "ri-lock-line", "ri-logout-circle-line", "ri-mail-line", "ri-mail-fill", "ri-mail-send-fill", "ri-map-fill", "ri-map-line", "ri-megaphone-fill", "ri-megaphone-line", "ri-menu-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-money-dollar-circle-fill", "ri-money-dollar-circle-line", "ri-more", "ri-pencil-fill", "ri-pencil-line", "ri-phone-fill", "ri-phone-line", "ri-phone-lock-fill", "ri-phone-lock-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-shake-hands-fill", "ri-shake-hands-line", "ri-shield-check", "ri-shield-check-line", "ri-shining2-line", "ri-shining2-fill", "ri-sparkling2-line", "ri-sparkling2-fill", "ri-suitcase3-line", "ri-suitcase3-fill", "ri-survey-fill", "ri-survey-line", "ri-tiktok-fill", "ri-tiktok-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-twitter-x-fill", "ri-upload-fill", "ri-upload-line", "ri-unlock-fill", "ri-unlock-line", "ri-user-add-fill", "ri-user-add-line", "ri-user-line", "ri-user-fill", "ri-user-unfollow-line", "ri-user5-line", "ri-user5-fill", "ri-vimeo-fill", "ri-whatsapp-line", "ri-whatsapp-fill", "ri-youtube-fill"];
2
+ export declare const iconNames: readonly ["custom-sparkling-fill", "custom-sparkling-line", "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-attachment-fill", "ri-attachment-line", "ri-behance-fill", "ri-bookmark-fill", "ri-bookmark-line", "ri-box-fill", "ri-box-line", "ri-building-line", "ri-building-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-check-line", "ri-calendar-check-fill", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-chat-quote-fill", "ri-chat-quote-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-circle-line", "ri-check-double-line", "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-codepen-fill", "ri-coins-line", "ri-contacts-fill", "ri-contacts-line", "ri-contract-left-line", "ri-currency-fill", "ri-currency-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-discuss-fill", "ri-discuss-line", "ri-download-line", "ri-draggable", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-expand-right-line", "ri-external-link-line", "ri-eye-off-fill", "ri-eye-off-line", "ri-eye-fill", "ri-eye-line", "ri-facebook-circle-fill", "ri-facebook-circle-line", "ri-file-copy-fill", "ri-file-copy-line", "ri-file-copy2-line", "ri-file-download-line", "ri-file-fill", "ri-file-line", "ri-file-list-fill", "ri-file-list-line", "ri-file-list3-fill", "ri-file-history-line", "ri-file-history-fill", "ri-flashlight-fill", "ri-flashlight-line", "ri-folder-user-fill", "ri-flag-fill", "ri-flag-line", "ri-github-fill", "ri-glints-logo-fill", "ri-graduation-fill", "ri-graduation-line", "ri-group-fill", "ri-group-line", "ri-group2-fill", "ri-group2-line", "ri-global-line", "ri-hand-coin-fill", "ri-hand-coin-line", "ri-hourglass-line", "ri-hourglass-fill", "ri-infinity", "ri-information-fill", "ri-information-line", "ri-instagram-fill", "ri-instagram-line", "ri-linkedin-fill", "ri-linkedIn-line", "ri-loader", "ri-lock-fill", "ri-lock-line", "ri-logout-circle-line", "ri-mail-line", "ri-mail-fill", "ri-mail-send-fill", "ri-map-fill", "ri-map-line", "ri-megaphone-fill", "ri-megaphone-line", "ri-menu-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-money-dollar-circle-fill", "ri-money-dollar-circle-line", "ri-more", "ri-pencil-fill", "ri-pencil-line", "ri-phone-fill", "ri-phone-line", "ri-phone-lock-fill", "ri-phone-lock-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-shake-hands-fill", "ri-shake-hands-line", "ri-shield-check", "ri-shield-check-line", "ri-shining2-line", "ri-shining2-fill", "ri-sparkling2-line", "ri-sparkling2-fill", "ri-suitcase3-line", "ri-suitcase3-fill", "ri-survey-fill", "ri-survey-line", "ri-tiktok-fill", "ri-tiktok-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-twitter-x-fill", "ri-upload-fill", "ri-upload-line", "ri-unlock-fill", "ri-unlock-line", "ri-user-add-fill", "ri-user-add-line", "ri-user-line", "ri-user-fill", "ri-user-unfollow-line", "ri-user5-line", "ri-user5-fill", "ri-vimeo-fill", "ri-whatsapp-line", "ri-whatsapp-fill", "ri-youtube-fill", "ri-custom-salary-line", "ri-custom-salary-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: {
package/es/@next/Icon/icons/icons.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var _iconsMappingComponen;
2
2
  import * as Icons from '../components';
3
- export var iconNames = ['custom-sparkling-fill', 'custom-sparkling-line', '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-attachment-fill', 'ri-attachment-line', 'ri-behance-fill', 'ri-bookmark-fill', 'ri-bookmark-line', 'ri-box-fill', 'ri-box-line', 'ri-building-line', 'ri-building-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-check-line', 'ri-calendar-check-fill', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-chat-quote-fill', 'ri-chat-quote-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-circle-line', 'ri-check-double-line', '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-codepen-fill', 'ri-coins-line', 'ri-contacts-fill', 'ri-contacts-line', 'ri-contract-left-line', 'ri-currency-fill', 'ri-currency-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-discuss-fill', 'ri-discuss-line', 'ri-download-line', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-expand-right-line', 'ri-external-link-line', 'ri-eye-off-fill', 'ri-eye-off-line', 'ri-eye-fill', 'ri-eye-line', 'ri-facebook-circle-fill', 'ri-facebook-circle-line', 'ri-file-copy-fill', 'ri-file-copy-line', 'ri-file-copy2-line', 'ri-file-download-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list-fill', 'ri-file-list-line', 'ri-file-list3-fill', 'ri-file-history-line', 'ri-file-history-fill', 'ri-flashlight-fill', 'ri-flashlight-line', 'ri-folder-user-fill', 'ri-flag-fill', 'ri-flag-line', 'ri-github-fill', 'ri-glints-logo-fill', 'ri-graduation-fill', 'ri-graduation-line', 'ri-group-fill', 'ri-group-line', 'ri-group2-fill', 'ri-group2-line', 'ri-global-line', 'ri-hand-coin-fill', 'ri-hand-coin-line', 'ri-hourglass-line', 'ri-hourglass-fill', 'ri-infinity', 'ri-information-fill', 'ri-information-line', 'ri-instagram-fill', 'ri-instagram-line', 'ri-linkedin-fill', 'ri-linkedIn-line', 'ri-loader', 'ri-lock-fill', 'ri-lock-line', 'ri-logout-circle-line', 'ri-mail-line', 'ri-mail-fill', 'ri-mail-send-fill', 'ri-map-fill', 'ri-map-line', 'ri-megaphone-fill', 'ri-megaphone-line', 'ri-menu-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-money-dollar-circle-fill', 'ri-money-dollar-circle-line', 'ri-more', 'ri-pencil-fill', 'ri-pencil-line', 'ri-phone-fill', 'ri-phone-line', 'ri-phone-lock-fill', 'ri-phone-lock-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-shake-hands-fill', 'ri-shake-hands-line', 'ri-shield-check', 'ri-shield-check-line', 'ri-shining2-line', 'ri-shining2-fill', 'ri-sparkling2-line', 'ri-sparkling2-fill', 'ri-suitcase3-line', 'ri-suitcase3-fill', 'ri-survey-fill', 'ri-survey-line', 'ri-tiktok-fill', 'ri-tiktok-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-twitter-x-fill', 'ri-upload-fill', 'ri-upload-line', 'ri-unlock-fill', 'ri-unlock-line', 'ri-user-add-fill', 'ri-user-add-line', 'ri-user-line', 'ri-user-fill', 'ri-user-unfollow-line', 'ri-user5-line', 'ri-user5-fill', 'ri-vimeo-fill', 'ri-whatsapp-line', 'ri-whatsapp-fill', 'ri-youtube-fill'];
4
- export var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['custom-sparkling-fill'] = Icons.CustomSparklingFill, _iconsMappingComponen['custom-sparkling-line'] = Icons.CustomSparklingLine, _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-attachment-fill'] = Icons.RiAttachmentFill, _iconsMappingComponen['ri-attachment-line'] = Icons.RiAttachmentLine, _iconsMappingComponen['ri-behance-fill'] = Icons.RiBehanceFill, _iconsMappingComponen['ri-bookmark-fill'] = Icons.RiBookmarkFill, _iconsMappingComponen['ri-bookmark-line'] = Icons.RiBookmarkLine, _iconsMappingComponen['ri-box-fill'] = Icons.RiBoxFill, _iconsMappingComponen['ri-box-line'] = Icons.RiBoxLine, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-building-line'] = Icons.RiBuildingLine, _iconsMappingComponen['ri-building-fill'] = Icons.RiBuildingFill, _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-calendar-check-line'] = Icons.RiCalendarCheckLine, _iconsMappingComponen['ri-calendar-check-fill'] = Icons.RiCalendarCheckFill, _iconsMappingComponen['ri-chat-quote-fill'] = Icons.RiChatQuoteFill, _iconsMappingComponen['ri-chat-quote-line'] = Icons.RiChatQuoteLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-circle-line'] = Icons.RiCheckboxCircleLine, _iconsMappingComponen['ri-check-double-line'] = Icons.RiCheckDoubleLine, _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-codepen-fill'] = Icons.RiCodepenFill, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-contacts-fill'] = Icons.RiContactsFill, _iconsMappingComponen['ri-contacts-line'] = Icons.RiContactsLine, _iconsMappingComponen['ri-contract-left-line'] = Icons.RiContractLeftLine, _iconsMappingComponen['ri-currency-fill'] = Icons.RiCurrencyFill, _iconsMappingComponen['ri-currency-line'] = Icons.RiCurrencyLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-discuss-fill'] = Icons.RiDiscussFill, _iconsMappingComponen['ri-discuss-line'] = Icons.RiDiscussLine, _iconsMappingComponen['ri-download-line'] = Icons.RiDownloadLine, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-expand-right-line'] = Icons.RiExpandRightLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-eye-fill'] = Icons.RiEyeFill, _iconsMappingComponen['ri-eye-line'] = Icons.RiEyeLine, _iconsMappingComponen['ri-eye-off-fill'] = Icons.RiEyeOffFill, _iconsMappingComponen['ri-eye-off-line'] = Icons.RiEyeOffLine, _iconsMappingComponen['ri-facebook-circle-fill'] = Icons.RiFacebookCircleFill, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-download-line'] = Icons.RiFileDownloadLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-copy-fill'] = Icons.RiFileCopyFill, _iconsMappingComponen['ri-file-copy-line'] = Icons.RiFileCopyLine, _iconsMappingComponen['ri-file-copy2-line'] = Icons.RiFileCopy2Line, _iconsMappingComponen['ri-file-list-fill'] = Icons.RiFileListFill, _iconsMappingComponen['ri-file-list-line'] = Icons.RiFileListLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-file-history-line'] = Icons.RiFileHistoryLine, _iconsMappingComponen['ri-file-history-fill'] = Icons.RiFileHistoryFill, _iconsMappingComponen['ri-flashlight-fill'] = Icons.RiFlashlightFill, _iconsMappingComponen['ri-flashlight-line'] = Icons.RiFlashlightLine, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-flag-fill'] = Icons.RiFlagFill, _iconsMappingComponen['ri-flag-line'] = Icons.RiFlagLine, _iconsMappingComponen['ri-github-fill'] = Icons.RiGithubFill, _iconsMappingComponen['ri-glints-logo-fill'] = Icons.RiGlintsLogoFill, _iconsMappingComponen['ri-graduation-fill'] = Icons.RiGraduationFill, _iconsMappingComponen['ri-graduation-line'] = Icons.RiGraduationLine, _iconsMappingComponen['ri-group-fill'] = Icons.RiGroupFill, _iconsMappingComponen['ri-group-line'] = Icons.RiGroupLine, _iconsMappingComponen['ri-group2-fill'] = Icons.RiGroup2Fill, _iconsMappingComponen['ri-group2-line'] = Icons.RiGroup2Line, _iconsMappingComponen['ri-global-line'] = Icons.RiGlobalLine, _iconsMappingComponen['ri-hand-coin-fill'] = Icons.RiHandCoinFill, _iconsMappingComponen['ri-hand-coin-line'] = Icons.RiHandCoinLine, _iconsMappingComponen['ri-hourglass-line'] = Icons.RiHourglassLine, _iconsMappingComponen['ri-hourglass-fill'] = Icons.RiHourglassFill, _iconsMappingComponen['ri-infinity'] = Icons.RiInfinity, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-fill'] = Icons.RiInstagramFill, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedin-fill'] = Icons.RiLinkedinFill, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-lock-fill'] = Icons.RiLockFill, _iconsMappingComponen['ri-lock-line'] = Icons.RiLockLine, _iconsMappingComponen['ri-logout-circle-line'] = Icons.RiLogoutCircleLine, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-mail-fill'] = Icons.RiMailFill, _iconsMappingComponen['ri-mail-send-fill'] = Icons.RiMailSendFill, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-megaphone-fill'] = Icons.RiMegaphoneFill, _iconsMappingComponen['ri-megaphone-line'] = Icons.RiMegaphoneLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-menu-line'] = Icons.RiMenuLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-money-dollar-circle-fill'] = Icons.RiMoneyDollarCircleFill, _iconsMappingComponen['ri-money-dollar-circle-line'] = Icons.RiMoneyDollarCircleLine, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-phone-fill'] = Icons.RiPhoneFill, _iconsMappingComponen['ri-phone-line'] = Icons.RiPhoneLine, _iconsMappingComponen['ri-phone-lock-fill'] = Icons.RiPhoneLockFill, _iconsMappingComponen['ri-phone-lock-line'] = Icons.RiPhoneLockLine, _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-shake-hands-fill'] = Icons.RiShakeHandsFill, _iconsMappingComponen['ri-shake-hands-line'] = Icons.RiShakeHandsLine, _iconsMappingComponen['ri-shield-check'] = Icons.RiShieldCheck, _iconsMappingComponen['ri-shield-check-line'] = Icons.RiShieldCheckLine, _iconsMappingComponen['ri-shining2-line'] = Icons.RiShining2Line, _iconsMappingComponen['ri-shining2-fill'] = Icons.RiShining2Fill, _iconsMappingComponen['ri-sparkling2-line'] = Icons.RiSparkling2Line, _iconsMappingComponen['ri-sparkling2-fill'] = Icons.RiSparkling2Fill, _iconsMappingComponen['ri-suitcase3-line'] = Icons.RiSuitcase3Line, _iconsMappingComponen['ri-suitcase3-fill'] = Icons.RiSuitcase3Fill, _iconsMappingComponen['ri-survey-fill'] = Icons.RiSurveyFill, _iconsMappingComponen['ri-survey-line'] = Icons.RiSurveyLine, _iconsMappingComponen['ri-tiktok-fill'] = Icons.RiTiktokFill, _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-twitter-x-fill'] = Icons.RiTwitterXFill, _iconsMappingComponen['ri-user-add-fill'] = Icons.RiUserAddFill, _iconsMappingComponen['ri-user-add-line'] = Icons.RiUserAddLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen['ri-unlock-fill'] = Icons.RiUnlockFill, _iconsMappingComponen['ri-unlock-line'] = Icons.RiUnlockLine, _iconsMappingComponen['ri-user-line'] = Icons.RiUserLine, _iconsMappingComponen['ri-user-fill'] = Icons.RiUserFill, _iconsMappingComponen['ri-user-unfollow-line'] = Icons.RiUserUnfollowLine, _iconsMappingComponen['ri-user5-line'] = Icons.RiUser5Line, _iconsMappingComponen['ri-user5-fill'] = Icons.RiUser5Fill, _iconsMappingComponen['ri-vimeo-fill'] = Icons.RiVimeoFill, _iconsMappingComponen['ri-whatsapp-line'] = Icons.RiWhatsappLine, _iconsMappingComponen['ri-whatsapp-fill'] = Icons.RiWhatsappFill, _iconsMappingComponen['ri-youtube-fill'] = Icons.RiYoutubeFill, _iconsMappingComponen);
3
+ export var iconNames = ['custom-sparkling-fill', 'custom-sparkling-line', '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-attachment-fill', 'ri-attachment-line', 'ri-behance-fill', 'ri-bookmark-fill', 'ri-bookmark-line', 'ri-box-fill', 'ri-box-line', 'ri-building-line', 'ri-building-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-check-line', 'ri-calendar-check-fill', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-chat-quote-fill', 'ri-chat-quote-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-circle-line', 'ri-check-double-line', '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-codepen-fill', 'ri-coins-line', 'ri-contacts-fill', 'ri-contacts-line', 'ri-contract-left-line', 'ri-currency-fill', 'ri-currency-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-discuss-fill', 'ri-discuss-line', 'ri-download-line', 'ri-draggable', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-expand-right-line', 'ri-external-link-line', 'ri-eye-off-fill', 'ri-eye-off-line', 'ri-eye-fill', 'ri-eye-line', 'ri-facebook-circle-fill', 'ri-facebook-circle-line', 'ri-file-copy-fill', 'ri-file-copy-line', 'ri-file-copy2-line', 'ri-file-download-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list-fill', 'ri-file-list-line', 'ri-file-list3-fill', 'ri-file-history-line', 'ri-file-history-fill', 'ri-flashlight-fill', 'ri-flashlight-line', 'ri-folder-user-fill', 'ri-flag-fill', 'ri-flag-line', 'ri-github-fill', 'ri-glints-logo-fill', 'ri-graduation-fill', 'ri-graduation-line', 'ri-group-fill', 'ri-group-line', 'ri-group2-fill', 'ri-group2-line', 'ri-global-line', 'ri-hand-coin-fill', 'ri-hand-coin-line', 'ri-hourglass-line', 'ri-hourglass-fill', 'ri-infinity', 'ri-information-fill', 'ri-information-line', 'ri-instagram-fill', 'ri-instagram-line', 'ri-linkedin-fill', 'ri-linkedIn-line', 'ri-loader', 'ri-lock-fill', 'ri-lock-line', 'ri-logout-circle-line', 'ri-mail-line', 'ri-mail-fill', 'ri-mail-send-fill', 'ri-map-fill', 'ri-map-line', 'ri-megaphone-fill', 'ri-megaphone-line', 'ri-menu-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-money-dollar-circle-fill', 'ri-money-dollar-circle-line', 'ri-more', 'ri-pencil-fill', 'ri-pencil-line', 'ri-phone-fill', 'ri-phone-line', 'ri-phone-lock-fill', 'ri-phone-lock-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-shake-hands-fill', 'ri-shake-hands-line', 'ri-shield-check', 'ri-shield-check-line', 'ri-shining2-line', 'ri-shining2-fill', 'ri-sparkling2-line', 'ri-sparkling2-fill', 'ri-suitcase3-line', 'ri-suitcase3-fill', 'ri-survey-fill', 'ri-survey-line', 'ri-tiktok-fill', 'ri-tiktok-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-twitter-x-fill', 'ri-upload-fill', 'ri-upload-line', 'ri-unlock-fill', 'ri-unlock-line', 'ri-user-add-fill', 'ri-user-add-line', 'ri-user-line', 'ri-user-fill', 'ri-user-unfollow-line', 'ri-user5-line', 'ri-user5-fill', 'ri-vimeo-fill', 'ri-whatsapp-line', 'ri-whatsapp-fill', 'ri-youtube-fill', 'ri-custom-salary-line', 'ri-custom-salary-fill'];
4
+ export var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['custom-sparkling-fill'] = Icons.CustomSparklingFill, _iconsMappingComponen['custom-sparkling-line'] = Icons.CustomSparklingLine, _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-attachment-fill'] = Icons.RiAttachmentFill, _iconsMappingComponen['ri-attachment-line'] = Icons.RiAttachmentLine, _iconsMappingComponen['ri-behance-fill'] = Icons.RiBehanceFill, _iconsMappingComponen['ri-bookmark-fill'] = Icons.RiBookmarkFill, _iconsMappingComponen['ri-bookmark-line'] = Icons.RiBookmarkLine, _iconsMappingComponen['ri-box-fill'] = Icons.RiBoxFill, _iconsMappingComponen['ri-box-line'] = Icons.RiBoxLine, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-building-line'] = Icons.RiBuildingLine, _iconsMappingComponen['ri-building-fill'] = Icons.RiBuildingFill, _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-calendar-check-line'] = Icons.RiCalendarCheckLine, _iconsMappingComponen['ri-calendar-check-fill'] = Icons.RiCalendarCheckFill, _iconsMappingComponen['ri-chat-quote-fill'] = Icons.RiChatQuoteFill, _iconsMappingComponen['ri-chat-quote-line'] = Icons.RiChatQuoteLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-circle-line'] = Icons.RiCheckboxCircleLine, _iconsMappingComponen['ri-check-double-line'] = Icons.RiCheckDoubleLine, _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-codepen-fill'] = Icons.RiCodepenFill, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-contacts-fill'] = Icons.RiContactsFill, _iconsMappingComponen['ri-contacts-line'] = Icons.RiContactsLine, _iconsMappingComponen['ri-contract-left-line'] = Icons.RiContractLeftLine, _iconsMappingComponen['ri-currency-fill'] = Icons.RiCurrencyFill, _iconsMappingComponen['ri-currency-line'] = Icons.RiCurrencyLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-discuss-fill'] = Icons.RiDiscussFill, _iconsMappingComponen['ri-discuss-line'] = Icons.RiDiscussLine, _iconsMappingComponen['ri-download-line'] = Icons.RiDownloadLine, _iconsMappingComponen['ri-draggable'] = Icons.RiDraggable, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-expand-right-line'] = Icons.RiExpandRightLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-eye-fill'] = Icons.RiEyeFill, _iconsMappingComponen['ri-eye-line'] = Icons.RiEyeLine, _iconsMappingComponen['ri-eye-off-fill'] = Icons.RiEyeOffFill, _iconsMappingComponen['ri-eye-off-line'] = Icons.RiEyeOffLine, _iconsMappingComponen['ri-facebook-circle-fill'] = Icons.RiFacebookCircleFill, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-download-line'] = Icons.RiFileDownloadLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-copy-fill'] = Icons.RiFileCopyFill, _iconsMappingComponen['ri-file-copy-line'] = Icons.RiFileCopyLine, _iconsMappingComponen['ri-file-copy2-line'] = Icons.RiFileCopy2Line, _iconsMappingComponen['ri-file-list-fill'] = Icons.RiFileListFill, _iconsMappingComponen['ri-file-list-line'] = Icons.RiFileListLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-file-history-line'] = Icons.RiFileHistoryLine, _iconsMappingComponen['ri-file-history-fill'] = Icons.RiFileHistoryFill, _iconsMappingComponen['ri-flashlight-fill'] = Icons.RiFlashlightFill, _iconsMappingComponen['ri-flashlight-line'] = Icons.RiFlashlightLine, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-flag-fill'] = Icons.RiFlagFill, _iconsMappingComponen['ri-flag-line'] = Icons.RiFlagLine, _iconsMappingComponen['ri-github-fill'] = Icons.RiGithubFill, _iconsMappingComponen['ri-glints-logo-fill'] = Icons.RiGlintsLogoFill, _iconsMappingComponen['ri-graduation-fill'] = Icons.RiGraduationFill, _iconsMappingComponen['ri-graduation-line'] = Icons.RiGraduationLine, _iconsMappingComponen['ri-group-fill'] = Icons.RiGroupFill, _iconsMappingComponen['ri-group-line'] = Icons.RiGroupLine, _iconsMappingComponen['ri-group2-fill'] = Icons.RiGroup2Fill, _iconsMappingComponen['ri-group2-line'] = Icons.RiGroup2Line, _iconsMappingComponen['ri-global-line'] = Icons.RiGlobalLine, _iconsMappingComponen['ri-hand-coin-fill'] = Icons.RiHandCoinFill, _iconsMappingComponen['ri-hand-coin-line'] = Icons.RiHandCoinLine, _iconsMappingComponen['ri-hourglass-line'] = Icons.RiHourglassLine, _iconsMappingComponen['ri-hourglass-fill'] = Icons.RiHourglassFill, _iconsMappingComponen['ri-infinity'] = Icons.RiInfinity, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-fill'] = Icons.RiInstagramFill, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedin-fill'] = Icons.RiLinkedinFill, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-lock-fill'] = Icons.RiLockFill, _iconsMappingComponen['ri-lock-line'] = Icons.RiLockLine, _iconsMappingComponen['ri-logout-circle-line'] = Icons.RiLogoutCircleLine, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-mail-fill'] = Icons.RiMailFill, _iconsMappingComponen['ri-mail-send-fill'] = Icons.RiMailSendFill, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-megaphone-fill'] = Icons.RiMegaphoneFill, _iconsMappingComponen['ri-megaphone-line'] = Icons.RiMegaphoneLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-menu-line'] = Icons.RiMenuLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-money-dollar-circle-fill'] = Icons.RiMoneyDollarCircleFill, _iconsMappingComponen['ri-money-dollar-circle-line'] = Icons.RiMoneyDollarCircleLine, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-phone-fill'] = Icons.RiPhoneFill, _iconsMappingComponen['ri-phone-line'] = Icons.RiPhoneLine, _iconsMappingComponen['ri-phone-lock-fill'] = Icons.RiPhoneLockFill, _iconsMappingComponen['ri-phone-lock-line'] = Icons.RiPhoneLockLine, _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-shake-hands-fill'] = Icons.RiShakeHandsFill, _iconsMappingComponen['ri-shake-hands-line'] = Icons.RiShakeHandsLine, _iconsMappingComponen['ri-shield-check'] = Icons.RiShieldCheck, _iconsMappingComponen['ri-shield-check-line'] = Icons.RiShieldCheckLine, _iconsMappingComponen['ri-shining2-line'] = Icons.RiShining2Line, _iconsMappingComponen['ri-shining2-fill'] = Icons.RiShining2Fill, _iconsMappingComponen['ri-sparkling2-line'] = Icons.RiSparkling2Line, _iconsMappingComponen['ri-sparkling2-fill'] = Icons.RiSparkling2Fill, _iconsMappingComponen['ri-suitcase3-line'] = Icons.RiSuitcase3Line, _iconsMappingComponen['ri-suitcase3-fill'] = Icons.RiSuitcase3Fill, _iconsMappingComponen['ri-survey-fill'] = Icons.RiSurveyFill, _iconsMappingComponen['ri-survey-line'] = Icons.RiSurveyLine, _iconsMappingComponen['ri-tiktok-fill'] = Icons.RiTiktokFill, _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-twitter-x-fill'] = Icons.RiTwitterXFill, _iconsMappingComponen['ri-user-add-fill'] = Icons.RiUserAddFill, _iconsMappingComponen['ri-user-add-line'] = Icons.RiUserAddLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen['ri-unlock-fill'] = Icons.RiUnlockFill, _iconsMappingComponen['ri-unlock-line'] = Icons.RiUnlockLine, _iconsMappingComponen['ri-user-line'] = Icons.RiUserLine, _iconsMappingComponen['ri-user-fill'] = Icons.RiUserFill, _iconsMappingComponen['ri-user-unfollow-line'] = Icons.RiUserUnfollowLine, _iconsMappingComponen['ri-user5-line'] = Icons.RiUser5Line, _iconsMappingComponen['ri-user5-fill'] = Icons.RiUser5Fill, _iconsMappingComponen['ri-vimeo-fill'] = Icons.RiVimeoFill, _iconsMappingComponen['ri-whatsapp-line'] = Icons.RiWhatsappLine, _iconsMappingComponen['ri-whatsapp-fill'] = Icons.RiWhatsappFill, _iconsMappingComponen['ri-youtube-fill'] = Icons.RiYoutubeFill, _iconsMappingComponen['ri-custom-salary-line'] = Icons.RiCustomSalaryLine, _iconsMappingComponen['ri-custom-salary-fill'] = Icons.RiCustomSalaryFill, _iconsMappingComponen);
package/es/@next/Steps/Step.d.ts CHANGED
@@ -7,5 +7,6 @@ export interface StepProps {
7
7
  /** Step number to be shown, by default it's 1,2,3,... from the parent component, or you can overwrite this */
8
8
  index?: number;
9
9
  type?: 'normal' | 'dot';
10
+ orientation?: 'horizontal' | 'vertical';
10
11
  }
11
12
  export declare const Step: React.ForwardRefExoticComponent<StepProps & React.RefAttributes<HTMLDivElement>>;
package/es/@next/Steps/Step.js CHANGED
@@ -1,19 +1,41 @@
1
1
  import React from 'react';
2
2
  import { Typography } from '../Typography';
3
- import { CircleDiv, StepItemContainer, StepItemWrapper, VerticalLine, VerticalLineWrapper } from './StepStyle';
3
+ import { CircleDiv, HorizontalLine, HorizontalLineWrapper, StepItemContainer, StepItemWrapper, VerticalLine, VerticalLineWrapper } from './StepStyle';
4
4
  import { Icon } from '../Icon';
5
5
  import { Neutral } from '../utilities/colors';
6
- export var Step = /*#__PURE__*/React.forwardRef(function Step(_ref, ref) {
7
- var _ref$variant = _ref.variant,
8
- variant = _ref$variant === void 0 ? 'pending' : _ref$variant,
9
- _ref$label = _ref.label,
10
- label = _ref$label === void 0 ? '' : _ref$label,
11
- _ref$index = _ref.index,
12
- index = _ref$index === void 0 ? 0 : _ref$index,
13
- _ref$type = _ref.type,
14
- type = _ref$type === void 0 ? 'normal' : _ref$type;
6
+ var LineComponent = function LineComponent(_ref) {
7
+ var variant = _ref.variant,
8
+ type = _ref.type,
9
+ orientation = _ref.orientation;
10
+ if (orientation === 'vertical') {
11
+ return /*#__PURE__*/React.createElement(VerticalLineWrapper, {
12
+ "data-dot": type === 'dot'
13
+ }, /*#__PURE__*/React.createElement(VerticalLine, {
14
+ "data-variant": variant,
15
+ "data-dot": type === 'dot'
16
+ }));
17
+ }
18
+ return /*#__PURE__*/React.createElement(HorizontalLineWrapper, {
19
+ "data-dot": type === 'dot'
20
+ }, /*#__PURE__*/React.createElement(HorizontalLine, {
21
+ "data-variant": variant,
22
+ "data-dot": type === 'dot'
23
+ }));
24
+ };
25
+ export var Step = /*#__PURE__*/React.forwardRef(function Step(_ref2, ref) {
26
+ var _ref2$variant = _ref2.variant,
27
+ variant = _ref2$variant === void 0 ? 'pending' : _ref2$variant,
28
+ _ref2$label = _ref2.label,
29
+ label = _ref2$label === void 0 ? '' : _ref2$label,
30
+ _ref2$index = _ref2.index,
31
+ index = _ref2$index === void 0 ? 0 : _ref2$index,
32
+ _ref2$type = _ref2.type,
33
+ type = _ref2$type === void 0 ? 'normal' : _ref2$type,
34
+ _ref2$orientation = _ref2.orientation,
35
+ orientation = _ref2$orientation === void 0 ? 'vertical' : _ref2$orientation;
15
36
  return /*#__PURE__*/React.createElement(StepItemContainer, {
16
- className: "step-item-container"
37
+ className: "step-item-container",
38
+ "data-orientation": orientation
17
39
  }, /*#__PURE__*/React.createElement(StepItemWrapper, {
18
40
  ref: ref,
19
41
  "data-dot": type === 'dot',
@@ -38,13 +60,13 @@ export var Step = /*#__PURE__*/React.forwardRef(function Step(_ref, ref) {
38
60
  color: Neutral.B40,
39
61
  className: "circle-icon"
40
62
  }, index)), /*#__PURE__*/React.createElement(Typography, {
63
+ className: "step-label",
41
64
  as: "div",
42
65
  variant: variant === 'processing' || variant === 'error' ? 'body2' : 'body1',
43
66
  color: variant === 'pending' || variant === 'completed' ? Neutral.B40 : Neutral.B18
44
- }, label)), /*#__PURE__*/React.createElement(VerticalLineWrapper, {
45
- "data-dot": type === 'dot'
46
- }, /*#__PURE__*/React.createElement(VerticalLine, {
47
- "data-variant": variant,
48
- "data-dot": type === 'dot'
49
- })));
67
+ }, label)), /*#__PURE__*/React.createElement(LineComponent, {
68
+ variant: variant,
69
+ type: type,
70
+ orientation: orientation
71
+ }));
50
72
  });
package/es/@next/Steps/StepStyle.d.ts CHANGED
@@ -1,5 +1,8 @@
1
+ export declare const StepsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
1
2
  export declare const StepItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
3
  export declare const StepItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
3
4
  export declare const CircleDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
4
5
  export declare const VerticalLineWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const HorizontalLineWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
5
7
  export declare const VerticalLine: import("styled-components").StyledComponent<"div", any, {}, never>;
8
+ export declare const HorizontalLine: import("styled-components").StyledComponent<"div", any, {}, never>;
package/es/@next/Steps/StepStyle.js CHANGED
@@ -3,23 +3,35 @@ import { Breakpoints } from '..';
3
3
  import { space4, space12, space16 } from '../utilities/spacing';
4
4
  import { Blue, Neutral, Red } from '../utilities/colors';
5
5
  import { borderRadiusHalf } from '../utilities/borderRadius';
6
+ export var StepsContainer = styled.div.withConfig({
7
+ displayName: "StepStyle__StepsContainer",
8
+ componentId: "sc-1br2jzt-0"
9
+ })(["&[data-orientation='horizontal']{display:flex;align-items:center;overflow-x:auto;}"]);
6
10
  export var StepItemContainer = styled.div.withConfig({
7
11
  displayName: "StepStyle__StepItemContainer",
8
- componentId: "sc-1br2jzt-0"
9
- })(["&:last-child > div:last-child{display:none;}"]);
12
+ componentId: "sc-1br2jzt-1"
13
+ })(["&:last-child > div:last-child{display:none;}&[data-orientation='horizontal']{display:flex;align-items:center;}"]);
10
14
  export var StepItemWrapper = styled.div.withConfig({
11
15
  displayName: "StepStyle__StepItemWrapper",
12
- componentId: "sc-1br2jzt-1"
13
- })(["display:flex;align-items:center;gap:", ";cursor:default;&[data-dot='true']{gap:", ";}"], space12, space16);
16
+ componentId: "sc-1br2jzt-2"
17
+ })(["display:flex;align-items:center;gap:", ";cursor:default;&[data-dot='true']{gap:", ";}.step-label{white-space:nowrap;}"], space12, space16);
14
18
  export var CircleDiv = styled.div.withConfig({
15
19
  displayName: "StepStyle__CircleDiv",
16
- componentId: "sc-1br2jzt-2"
17
- })(["display:flex;align-items:center;justify-content:center;height:28px;width:28px;border-radius:", ";svg{height:16px;width:16px;}&[data-variant='pending']{background-color:", ";}&[data-variant='completed']{background-color:", ";svg{fill:", ";}}&[data-variant='processing']{background-color:", ";}&[data-variant='error']{background-color:", ";svg{fill:", ";}}&[data-dot='true']{height:10px;width:10px;> .circle-icon{display:none;}&[data-variant='completed']{background-color:", ";}}@media (max-width:", "){height:24px;width:24px;svg{height:14px;width:14px;}}"], borderRadiusHalf, Neutral.B95, Blue.S08, Blue.S99, Blue.S99, Red.B93, Neutral.B100, Blue.S99, Breakpoints.large);
20
+ componentId: "sc-1br2jzt-3"
21
+ })(["display:flex;align-items:center;justify-content:center;height:28px;width:28px;border-radius:", ";flex-shrink:0;svg{height:16px;width:16px;}&[data-variant='pending']{background-color:", ";}&[data-variant='completed']{background-color:", ";svg{fill:", ";}}&[data-variant='processing']{background-color:", ";}&[data-variant='error']{background-color:", ";svg{fill:", ";}}&[data-dot='true']{height:10px;width:10px;> .circle-icon{display:none;}&[data-variant='completed']{background-color:", ";}}@media (max-width:", "){height:24px;width:24px;svg{height:14px;width:14px;}}"], borderRadiusHalf, Neutral.B95, Blue.S08, Blue.S99, Blue.S99, Red.B93, Neutral.B100, Blue.S99, Breakpoints.large);
18
22
  export var VerticalLineWrapper = styled.div.withConfig({
19
23
  displayName: "StepStyle__VerticalLineWrapper",
20
- componentId: "sc-1br2jzt-3"
24
+ componentId: "sc-1br2jzt-4"
21
25
  })(["display:flex;align-items:center;justify-content:center;padding:", " 0;height:64px;width:28px;&[data-dot='true']{width:10px;}@media (max-width:", "){width:24px;}"], space4, Breakpoints.large);
26
+ export var HorizontalLineWrapper = styled.div.withConfig({
27
+ displayName: "StepStyle__HorizontalLineWrapper",
28
+ componentId: "sc-1br2jzt-5"
29
+ })(["display:flex;align-items:center;justify-content:center;padding:0 ", ";width:105px;"], space12);
22
30
  export var VerticalLine = styled.div.withConfig({
23
31
  displayName: "StepStyle__VerticalLine",
24
- componentId: "sc-1br2jzt-4"
25
- })(["width:2px;height:100%;background-color:", ";&[data-variant='completed']{background-color:", ";}&[data-dot='true']{width:1.5px;}"], Neutral.B85, Blue.S99);
32
+ componentId: "sc-1br2jzt-6"
33
+ })(["width:2px;height:100%;background-color:", ";&[data-variant='completed']{background-color:", ";}&[data-dot='true']{width:1.5px;}"], Neutral.B85, Blue.S99);
34
+ export var HorizontalLine = styled.div.withConfig({
35
+ displayName: "StepStyle__HorizontalLine",
36
+ componentId: "sc-1br2jzt-7"
37
+ })(["height:2px;width:100%;background-color:", ";&[data-variant='completed']{background-color:", ";}"], Neutral.B85, Blue.S99);
package/es/@next/Steps/Steps.d.ts CHANGED
@@ -9,6 +9,7 @@ export interface StepsProps extends React.HTMLAttributes<HTMLDivElement> {
9
9
  children?: React.ReactElement<StepProps>[];
10
10
  /** If dot type, display dot only; default is normal; automatically passed to all children */
11
11
  type?: 'normal' | 'dot';
12
+ orientation?: 'vertical' | 'horizontal';
12
13
  }
13
14
  export declare const StepsComponent: React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLDivElement>>;
14
15
  export declare const Steps: React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLDivElement>> & {
package/es/@next/Steps/Steps.js CHANGED
@@ -1,8 +1,9 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
- var _excluded = ["currentStep", "errorSteps", "children", "type"];
3
+ var _excluded = ["currentStep", "errorSteps", "children", "type", "orientation"];
4
4
  import React from 'react';
5
5
  import { Step } from './Step';
6
+ import { StepsContainer } from './StepStyle';
6
7
  export var StepsComponent = /*#__PURE__*/React.forwardRef(function Collapse(_ref, ref) {
7
8
  var _ref$currentStep = _ref.currentStep,
8
9
  currentStep = _ref$currentStep === void 0 ? 0 : _ref$currentStep,
@@ -11,8 +12,11 @@ export var StepsComponent = /*#__PURE__*/React.forwardRef(function Collapse(_ref
11
12
  children = _ref.children,
12
13
  _ref$type = _ref.type,
13
14
  type = _ref$type === void 0 ? 'normal' : _ref$type,
15
+ _ref$orientation = _ref.orientation,
16
+ orientation = _ref$orientation === void 0 ? 'vertical' : _ref$orientation,
14
17
  props = _objectWithoutPropertiesLoose(_ref, _excluded);
15
- return /*#__PURE__*/React.createElement("div", _extends({
18
+ return /*#__PURE__*/React.createElement(StepsContainer, _extends({
19
+ "data-orientation": orientation,
16
20
  ref: ref
17
21
  }, props), React.Children.map(children, function (child, index) {
18
22
  var _child$props, _child$props2;
@@ -20,6 +24,7 @@ export var StepsComponent = /*#__PURE__*/React.forwardRef(function Collapse(_ref
20
24
  var childVariant = ((_child$props = child.props) == null ? void 0 : _child$props.variant) || variant;
21
25
  var childIndex = ((_child$props2 = child.props) == null ? void 0 : _child$props2.index) || index + 1;
22
26
  return /*#__PURE__*/React.createElement(child.type, _extends({}, child.props, {
27
+ orientation: orientation,
23
28
  variant: childVariant,
24
29
  index: childIndex,
25
30
  type: type
package/lib/@next/Icon/components/RiCustomSalaryFill.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRiCustomSalaryFill: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRiCustomSalaryFill;
package/lib/@next/Icon/components/RiCustomSalaryFill.js ADDED
@@ -0,0 +1,21 @@
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 SvgRiCustomSalaryFill = function SvgRiCustomSalaryFill(props) {
11
+ return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
12
+ viewBox: "0 0 24 24",
13
+ xmlns: "http://www.w3.org/2000/svg"
14
+ }, props), /*#__PURE__*/React.createElement("path", {
15
+ fillRule: "evenodd",
16
+ clipRule: "evenodd",
17
+ d: "M23.4 8.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Zm-6.677-4.038h-1.646v.807a2.077 2.077 0 0 0-1.433.567c-.385.364-.61.862-.627 1.386a1.997 1.997 0 0 0 .533 1.424c.36.389.859.624 1.392.658l.135.004h1.646l.074.006c.095.017.18.066.242.139a.4.4 0 0 1 0 .517.413.413 0 0 1-.242.139l-.074.006h-3.291v1.616h1.645v.807h1.646v-.807a2.078 2.078 0 0 0 1.433-.567c.385-.364.61-.862.628-1.386a1.998 1.998 0 0 0-.534-1.424 2.072 2.072 0 0 0-1.392-.658l-.135-.004h-1.646l-.074-.006a.413.413 0 0 1-.242-.139.4.4 0 0 1 0-.517.413.413 0 0 1 .242-.139l.074-.006h3.291V5.269h-1.645v-.807ZM4.624 22.26c0 .5-.406.906-.906.906H1.906A.906.906 0 0 1 1 22.26v-8.154c0-.5.406-.906.906-.906h1.812c.5 0 .906.406.906.906v8.154Zm3.923-6.795h1.966a4.077 4.077 0 0 1 4.077 4.077H8.247l.001.906h7.248v-.906c0-.98-.288-1.905-.803-2.719l2.615.001a4.53 4.53 0 0 1 4.092 2.583c-2.143 2.828-5.612 4.665-9.528 4.665-2.502 0-4.62-.535-6.342-1.472l.001-8.43a6.312 6.312 0 0 1 3.016 1.295Z"
18
+ }));
19
+ };
20
+ var _default = SvgRiCustomSalaryFill;
21
+ exports["default"] = _default;
package/lib/@next/Icon/components/RiCustomSalaryLine.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRiCustomSalaryLine: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRiCustomSalaryLine;
package/lib/@next/Icon/components/RiCustomSalaryLine.js ADDED
@@ -0,0 +1,21 @@
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 SvgRiCustomSalaryLine = function SvgRiCustomSalaryLine(props) {
11
+ return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
12
+ viewBox: "0 0 24 24",
13
+ xmlns: "http://www.w3.org/2000/svg"
14
+ }, props), /*#__PURE__*/React.createElement("path", {
15
+ fillRule: "evenodd",
16
+ clipRule: "evenodd",
17
+ d: "M15 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm.536-10.214V3h-1.572v.786a1.964 1.964 0 1 0 0 3.928h1.572l.07.007a.393.393 0 0 1-.07.779h-3.143v1.571h1.571v.786h1.572v-.786a1.964 1.964 0 1 0 0-3.928h-1.572l-.07-.006a.393.393 0 0 1 .07-.78h3.143V3.786h-1.571ZM3.73 11.5c.515 0 .932.448.932 1 1.525 0 2.928.56 4.039 1.5h2.024c1.242 0 2.36.58 3.128 1.5h2.934c1.858 0 3.462 1.165 4.212 2.851-2.206 3.121-5.777 5.149-9.808 5.149-2.603 0-4.803-.603-6.585-1.658-.13.384-.473.658-.876.658H.933c-.515 0-.933-.448-.933-1v-9c0-.552.418-1 .933-1H3.73Zm.933 3v5.022l.042.033c1.673 1.26 3.854 1.945 6.486 1.945 2.802 0 5.408-1.156 7.308-3.13l.123-.133-.11-.1a2.686 2.686 0 0 0-1.534-.63l-.191-.007h-1.97c.069.322.105.656.105 1v1H6.529v-2l6.332-.001-.032-.078c-.354-.794-1.088-1.356-1.95-1.416L10.726 16H7.993c-.846-.925-2.025-1.5-3.329-1.5Zm-1.866-1h-.933v7h.933v-7Z"
18
+ }));
19
+ };
20
+ var _default = SvgRiCustomSalaryLine;
21
+ exports["default"] = _default;
package/lib/@next/Icon/components/RiDraggable.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRiDraggable: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRiDraggable;
package/lib/@next/Icon/components/RiDraggable.js ADDED
@@ -0,0 +1,19 @@
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 SvgRiDraggable = function SvgRiDraggable(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
+ d: "M8.5 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 6.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM15.5 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-1.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
16
+ }));
17
+ };
18
+ var _default = SvgRiDraggable;
19
+ exports["default"] = _default;
package/lib/@next/Icon/components/index.d.ts CHANGED
@@ -70,11 +70,14 @@ export { default as RiContactsLine } from './RiContactsLine';
70
70
  export { default as RiContractLeftLine } from './RiContractLeftLine';
71
71
  export { default as RiCurrencyFill } from './RiCurrencyFill';
72
72
  export { default as RiCurrencyLine } from './RiCurrencyLine';
73
+ export { default as RiCustomSalaryFill } from './RiCustomSalaryFill';
74
+ export { default as RiCustomSalaryLine } from './RiCustomSalaryLine';
73
75
  export { default as RiDeleteBinFill } from './RiDeleteBinFill';
74
76
  export { default as RiDeleteBinLine } from './RiDeleteBinLine';
75
77
  export { default as RiDiscussFill } from './RiDiscussFill';
76
78
  export { default as RiDiscussLine } from './RiDiscussLine';
77
79
  export { default as RiDownloadLine } from './RiDownloadLine';
80
+ export { default as RiDraggable } from './RiDraggable';
78
81
  export { default as RiEqualizerLine } from './RiEqualizerLine';
79
82
  export { default as RiErrorWarningFill } from './RiErrorWarningFill';
80
83
  export { default as RiErrorWarningLine } from './RiErrorWarningLine';
package/lib/@next/Icon/components/index.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
  exports.__esModule = true;
5
- exports.RiFlagFill = exports.RiFileListLine = exports.RiFileListFill = exports.RiFileList3Fill = exports.RiFileLine = exports.RiFileHistoryLine = exports.RiFileHistoryFill = exports.RiFileFill = exports.RiFileDownloadLine = exports.RiFileCopyLine = exports.RiFileCopyFill = exports.RiFileCopy2Line = exports.RiFacebookCircleLine = exports.RiFacebookCircleFill = exports.RiEyeOffLine = exports.RiEyeOffFill = exports.RiEyeLine = exports.RiEyeFill = exports.RiExternalLinkLine = exports.RiExpandRightLine = exports.RiErrorWarningLine = exports.RiErrorWarningFill = exports.RiEqualizerLine = exports.RiDownloadLine = exports.RiDiscussLine = exports.RiDiscussFill = exports.RiDeleteBinLine = exports.RiDeleteBinFill = exports.RiCurrencyLine = exports.RiCurrencyFill = exports.RiContractLeftLine = exports.RiContactsLine = exports.RiContactsFill = exports.RiCoinsLine = exports.RiCodepenFill = exports.RiCloseCircleLine = exports.RiCloseCircleFill = exports.RiClose = exports.RiCheckboxLine = exports.RiCheckboxIndeterminateLine = exports.RiCheckboxIndeterminateFill = exports.RiCheckboxFill = exports.RiCheckboxCircleLine = exports.RiCheckboxCircleFill = exports.RiCheckDoubleLine = exports.RiCheck = exports.RiChatQuoteLine = exports.RiChatQuoteFill = exports.RiCalendarLine = exports.RiCalendarFill = exports.RiCalendarEventLine = exports.RiCalendarEventFill = exports.RiCalendarCheckLine = exports.RiCalendarCheckFill = exports.RiBuildingLine = exports.RiBuildingFill = exports.RiBriefcaseLine = exports.RiBriefcaseFill = exports.RiBoxLine = exports.RiBoxFill = exports.RiBookmarkLine = exports.RiBookmarkFill = exports.RiBehanceFill = exports.RiAttachmentLine = exports.RiAttachmentFill = 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 = exports.CustomSparklingLine = exports.CustomSparklingFill = void 0;
6
- exports.RiYoutubeFill = exports.RiWhatsappLine = exports.RiWhatsappFill = exports.RiVimeoFill = exports.RiUserUnfollowLine = exports.RiUserLine = exports.RiUserFill = exports.RiUserAddLine = exports.RiUserAddFill = exports.RiUser5Line = exports.RiUser5Fill = exports.RiUploadLine = exports.RiUploadFill = exports.RiUnlockLine = exports.RiUnlockFill = exports.RiTwitterXFill = exports.RiTwitterLine = exports.RiTimer3Line = exports.RiTimer3Fill = exports.RiTiktokLine = exports.RiTiktokFill = exports.RiSurveyLine = exports.RiSurveyFill = exports.RiSuitcase3Line = exports.RiSuitcase3Fill = exports.RiSparkling2Line = exports.RiSparkling2Fill = exports.RiShining2Line = exports.RiShining2Fill = exports.RiShieldCheckLine = exports.RiShieldCheck = exports.RiShakeHandsLine = exports.RiShakeHandsFill = exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiSearch = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPhoneLockLine = exports.RiPhoneLockFill = exports.RiPhoneLine = exports.RiPhoneFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMore = exports.RiMoneyDollarCircleLine = exports.RiMoneyDollarCircleFill = exports.RiMinus = exports.RiMessageLine = exports.RiMessageFill = exports.RiMenuLine = exports.RiMegaphoneLine = exports.RiMegaphoneFill = exports.RiMapLine = exports.RiMapFill = exports.RiMailSendFill = exports.RiMailLine = exports.RiMailFill = exports.RiLogoutCircleLine = exports.RiLockLine = exports.RiLockFill = exports.RiLoader = exports.RiLinkedinFill = exports.RiLinkedInLine = exports.RiInstagramLine = exports.RiInstagramFill = exports.RiInformationLine = exports.RiInformationFill = exports.RiInfinity = exports.RiHourglassLine = exports.RiHourglassFill = exports.RiHandCoinLine = exports.RiHandCoinFill = exports.RiGroupLine = exports.RiGroupFill = exports.RiGroup2Line = exports.RiGroup2Fill = exports.RiGraduationLine = exports.RiGraduationFill = exports.RiGlobalLine = exports.RiGlintsLogoFill = exports.RiGithubFill = exports.RiFolderUserFill = exports.RiFlashlightLine = exports.RiFlashlightFill = exports.RiFlagLine = void 0;
5
+ exports.RiFileList3Fill = exports.RiFileLine = exports.RiFileHistoryLine = exports.RiFileHistoryFill = exports.RiFileFill = exports.RiFileDownloadLine = exports.RiFileCopyLine = exports.RiFileCopyFill = exports.RiFileCopy2Line = exports.RiFacebookCircleLine = exports.RiFacebookCircleFill = exports.RiEyeOffLine = exports.RiEyeOffFill = exports.RiEyeLine = exports.RiEyeFill = exports.RiExternalLinkLine = exports.RiExpandRightLine = exports.RiErrorWarningLine = exports.RiErrorWarningFill = exports.RiEqualizerLine = exports.RiDraggable = exports.RiDownloadLine = exports.RiDiscussLine = exports.RiDiscussFill = exports.RiDeleteBinLine = exports.RiDeleteBinFill = exports.RiCustomSalaryLine = exports.RiCustomSalaryFill = exports.RiCurrencyLine = exports.RiCurrencyFill = exports.RiContractLeftLine = exports.RiContactsLine = exports.RiContactsFill = exports.RiCoinsLine = exports.RiCodepenFill = exports.RiCloseCircleLine = exports.RiCloseCircleFill = exports.RiClose = exports.RiCheckboxLine = exports.RiCheckboxIndeterminateLine = exports.RiCheckboxIndeterminateFill = exports.RiCheckboxFill = exports.RiCheckboxCircleLine = exports.RiCheckboxCircleFill = exports.RiCheckDoubleLine = exports.RiCheck = exports.RiChatQuoteLine = exports.RiChatQuoteFill = exports.RiCalendarLine = exports.RiCalendarFill = exports.RiCalendarEventLine = exports.RiCalendarEventFill = exports.RiCalendarCheckLine = exports.RiCalendarCheckFill = exports.RiBuildingLine = exports.RiBuildingFill = exports.RiBriefcaseLine = exports.RiBriefcaseFill = exports.RiBoxLine = exports.RiBoxFill = exports.RiBookmarkLine = exports.RiBookmarkFill = exports.RiBehanceFill = exports.RiAttachmentLine = exports.RiAttachmentFill = 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 = exports.CustomSparklingLine = exports.CustomSparklingFill = void 0;
6
+ exports.RiYoutubeFill = exports.RiWhatsappLine = exports.RiWhatsappFill = exports.RiVimeoFill = exports.RiUserUnfollowLine = exports.RiUserLine = exports.RiUserFill = exports.RiUserAddLine = exports.RiUserAddFill = exports.RiUser5Line = exports.RiUser5Fill = exports.RiUploadLine = exports.RiUploadFill = exports.RiUnlockLine = exports.RiUnlockFill = exports.RiTwitterXFill = exports.RiTwitterLine = exports.RiTimer3Line = exports.RiTimer3Fill = exports.RiTiktokLine = exports.RiTiktokFill = exports.RiSurveyLine = exports.RiSurveyFill = exports.RiSuitcase3Line = exports.RiSuitcase3Fill = exports.RiSparkling2Line = exports.RiSparkling2Fill = exports.RiShining2Line = exports.RiShining2Fill = exports.RiShieldCheckLine = exports.RiShieldCheck = exports.RiShakeHandsLine = exports.RiShakeHandsFill = exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiSearch = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPhoneLockLine = exports.RiPhoneLockFill = exports.RiPhoneLine = exports.RiPhoneFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMore = exports.RiMoneyDollarCircleLine = exports.RiMoneyDollarCircleFill = exports.RiMinus = exports.RiMessageLine = exports.RiMessageFill = exports.RiMenuLine = exports.RiMegaphoneLine = exports.RiMegaphoneFill = exports.RiMapLine = exports.RiMapFill = exports.RiMailSendFill = exports.RiMailLine = exports.RiMailFill = exports.RiLogoutCircleLine = exports.RiLockLine = exports.RiLockFill = exports.RiLoader = exports.RiLinkedinFill = exports.RiLinkedInLine = exports.RiInstagramLine = exports.RiInstagramFill = exports.RiInformationLine = exports.RiInformationFill = exports.RiInfinity = exports.RiHourglassLine = exports.RiHourglassFill = exports.RiHandCoinLine = exports.RiHandCoinFill = exports.RiGroupLine = exports.RiGroupFill = exports.RiGroup2Line = exports.RiGroup2Fill = exports.RiGraduationLine = exports.RiGraduationFill = exports.RiGlobalLine = exports.RiGlintsLogoFill = exports.RiGithubFill = exports.RiFolderUserFill = exports.RiFlashlightLine = exports.RiFlashlightFill = exports.RiFlagLine = exports.RiFlagFill = exports.RiFileListLine = exports.RiFileListFill = void 0;
7
7
  var _CustomSparklingFill = _interopRequireDefault(require("./CustomSparklingFill"));
8
8
  exports.CustomSparklingFill = _CustomSparklingFill["default"];
9
9
  var _CustomSparklingLine = _interopRequireDefault(require("./CustomSparklingLine"));
@@ -148,6 +148,10 @@ var _RiCurrencyFill = _interopRequireDefault(require("./RiCurrencyFill"));
148
148
  exports.RiCurrencyFill = _RiCurrencyFill["default"];
149
149
  var _RiCurrencyLine = _interopRequireDefault(require("./RiCurrencyLine"));
150
150
  exports.RiCurrencyLine = _RiCurrencyLine["default"];
151
+ var _RiCustomSalaryFill = _interopRequireDefault(require("./RiCustomSalaryFill"));
152
+ exports.RiCustomSalaryFill = _RiCustomSalaryFill["default"];
153
+ var _RiCustomSalaryLine = _interopRequireDefault(require("./RiCustomSalaryLine"));
154
+ exports.RiCustomSalaryLine = _RiCustomSalaryLine["default"];
151
155
  var _RiDeleteBinFill = _interopRequireDefault(require("./RiDeleteBinFill"));
152
156
  exports.RiDeleteBinFill = _RiDeleteBinFill["default"];
153
157
  var _RiDeleteBinLine = _interopRequireDefault(require("./RiDeleteBinLine"));
@@ -158,6 +162,8 @@ var _RiDiscussLine = _interopRequireDefault(require("./RiDiscussLine"));
158
162
  exports.RiDiscussLine = _RiDiscussLine["default"];
159
163
  var _RiDownloadLine = _interopRequireDefault(require("./RiDownloadLine"));
160
164
  exports.RiDownloadLine = _RiDownloadLine["default"];
165
+ var _RiDraggable = _interopRequireDefault(require("./RiDraggable"));
166
+ exports.RiDraggable = _RiDraggable["default"];
161
167
  var _RiEqualizerLine = _interopRequireDefault(require("./RiEqualizerLine"));
162
168
  exports.RiEqualizerLine = _RiEqualizerLine["default"];
163
169
  var _RiErrorWarningFill = _interopRequireDefault(require("./RiErrorWarningFill"));
package/lib/@next/Icon/icons/icons.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SVGProps } from 'react';
2
- export declare const iconNames: readonly ["custom-sparkling-fill", "custom-sparkling-line", "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-attachment-fill", "ri-attachment-line", "ri-behance-fill", "ri-bookmark-fill", "ri-bookmark-line", "ri-box-fill", "ri-box-line", "ri-building-line", "ri-building-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-check-line", "ri-calendar-check-fill", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-chat-quote-fill", "ri-chat-quote-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-circle-line", "ri-check-double-line", "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-codepen-fill", "ri-coins-line", "ri-contacts-fill", "ri-contacts-line", "ri-contract-left-line", "ri-currency-fill", "ri-currency-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-discuss-fill", "ri-discuss-line", "ri-download-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-expand-right-line", "ri-external-link-line", "ri-eye-off-fill", "ri-eye-off-line", "ri-eye-fill", "ri-eye-line", "ri-facebook-circle-fill", "ri-facebook-circle-line", "ri-file-copy-fill", "ri-file-copy-line", "ri-file-copy2-line", "ri-file-download-line", "ri-file-fill", "ri-file-line", "ri-file-list-fill", "ri-file-list-line", "ri-file-list3-fill", "ri-file-history-line", "ri-file-history-fill", "ri-flashlight-fill", "ri-flashlight-line", "ri-folder-user-fill", "ri-flag-fill", "ri-flag-line", "ri-github-fill", "ri-glints-logo-fill", "ri-graduation-fill", "ri-graduation-line", "ri-group-fill", "ri-group-line", "ri-group2-fill", "ri-group2-line", "ri-global-line", "ri-hand-coin-fill", "ri-hand-coin-line", "ri-hourglass-line", "ri-hourglass-fill", "ri-infinity", "ri-information-fill", "ri-information-line", "ri-instagram-fill", "ri-instagram-line", "ri-linkedin-fill", "ri-linkedIn-line", "ri-loader", "ri-lock-fill", "ri-lock-line", "ri-logout-circle-line", "ri-mail-line", "ri-mail-fill", "ri-mail-send-fill", "ri-map-fill", "ri-map-line", "ri-megaphone-fill", "ri-megaphone-line", "ri-menu-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-money-dollar-circle-fill", "ri-money-dollar-circle-line", "ri-more", "ri-pencil-fill", "ri-pencil-line", "ri-phone-fill", "ri-phone-line", "ri-phone-lock-fill", "ri-phone-lock-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-shake-hands-fill", "ri-shake-hands-line", "ri-shield-check", "ri-shield-check-line", "ri-shining2-line", "ri-shining2-fill", "ri-sparkling2-line", "ri-sparkling2-fill", "ri-suitcase3-line", "ri-suitcase3-fill", "ri-survey-fill", "ri-survey-line", "ri-tiktok-fill", "ri-tiktok-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-twitter-x-fill", "ri-upload-fill", "ri-upload-line", "ri-unlock-fill", "ri-unlock-line", "ri-user-add-fill", "ri-user-add-line", "ri-user-line", "ri-user-fill", "ri-user-unfollow-line", "ri-user5-line", "ri-user5-fill", "ri-vimeo-fill", "ri-whatsapp-line", "ri-whatsapp-fill", "ri-youtube-fill"];
2
+ export declare const iconNames: readonly ["custom-sparkling-fill", "custom-sparkling-line", "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-attachment-fill", "ri-attachment-line", "ri-behance-fill", "ri-bookmark-fill", "ri-bookmark-line", "ri-box-fill", "ri-box-line", "ri-building-line", "ri-building-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-check-line", "ri-calendar-check-fill", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-chat-quote-fill", "ri-chat-quote-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-circle-line", "ri-check-double-line", "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-codepen-fill", "ri-coins-line", "ri-contacts-fill", "ri-contacts-line", "ri-contract-left-line", "ri-currency-fill", "ri-currency-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-discuss-fill", "ri-discuss-line", "ri-download-line", "ri-draggable", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-expand-right-line", "ri-external-link-line", "ri-eye-off-fill", "ri-eye-off-line", "ri-eye-fill", "ri-eye-line", "ri-facebook-circle-fill", "ri-facebook-circle-line", "ri-file-copy-fill", "ri-file-copy-line", "ri-file-copy2-line", "ri-file-download-line", "ri-file-fill", "ri-file-line", "ri-file-list-fill", "ri-file-list-line", "ri-file-list3-fill", "ri-file-history-line", "ri-file-history-fill", "ri-flashlight-fill", "ri-flashlight-line", "ri-folder-user-fill", "ri-flag-fill", "ri-flag-line", "ri-github-fill", "ri-glints-logo-fill", "ri-graduation-fill", "ri-graduation-line", "ri-group-fill", "ri-group-line", "ri-group2-fill", "ri-group2-line", "ri-global-line", "ri-hand-coin-fill", "ri-hand-coin-line", "ri-hourglass-line", "ri-hourglass-fill", "ri-infinity", "ri-information-fill", "ri-information-line", "ri-instagram-fill", "ri-instagram-line", "ri-linkedin-fill", "ri-linkedIn-line", "ri-loader", "ri-lock-fill", "ri-lock-line", "ri-logout-circle-line", "ri-mail-line", "ri-mail-fill", "ri-mail-send-fill", "ri-map-fill", "ri-map-line", "ri-megaphone-fill", "ri-megaphone-line", "ri-menu-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-money-dollar-circle-fill", "ri-money-dollar-circle-line", "ri-more", "ri-pencil-fill", "ri-pencil-line", "ri-phone-fill", "ri-phone-line", "ri-phone-lock-fill", "ri-phone-lock-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-shake-hands-fill", "ri-shake-hands-line", "ri-shield-check", "ri-shield-check-line", "ri-shining2-line", "ri-shining2-fill", "ri-sparkling2-line", "ri-sparkling2-fill", "ri-suitcase3-line", "ri-suitcase3-fill", "ri-survey-fill", "ri-survey-line", "ri-tiktok-fill", "ri-tiktok-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-twitter-x-fill", "ri-upload-fill", "ri-upload-line", "ri-unlock-fill", "ri-unlock-line", "ri-user-add-fill", "ri-user-add-line", "ri-user-line", "ri-user-fill", "ri-user-unfollow-line", "ri-user5-line", "ri-user5-fill", "ri-vimeo-fill", "ri-whatsapp-line", "ri-whatsapp-fill", "ri-youtube-fill", "ri-custom-salary-line", "ri-custom-salary-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: {
package/lib/@next/Icon/icons/icons.js CHANGED
@@ -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 = ['custom-sparkling-fill', 'custom-sparkling-line', '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-attachment-fill', 'ri-attachment-line', 'ri-behance-fill', 'ri-bookmark-fill', 'ri-bookmark-line', 'ri-box-fill', 'ri-box-line', 'ri-building-line', 'ri-building-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-check-line', 'ri-calendar-check-fill', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-chat-quote-fill', 'ri-chat-quote-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-circle-line', 'ri-check-double-line', '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-codepen-fill', 'ri-coins-line', 'ri-contacts-fill', 'ri-contacts-line', 'ri-contract-left-line', 'ri-currency-fill', 'ri-currency-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-discuss-fill', 'ri-discuss-line', 'ri-download-line', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-expand-right-line', 'ri-external-link-line', 'ri-eye-off-fill', 'ri-eye-off-line', 'ri-eye-fill', 'ri-eye-line', 'ri-facebook-circle-fill', 'ri-facebook-circle-line', 'ri-file-copy-fill', 'ri-file-copy-line', 'ri-file-copy2-line', 'ri-file-download-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list-fill', 'ri-file-list-line', 'ri-file-list3-fill', 'ri-file-history-line', 'ri-file-history-fill', 'ri-flashlight-fill', 'ri-flashlight-line', 'ri-folder-user-fill', 'ri-flag-fill', 'ri-flag-line', 'ri-github-fill', 'ri-glints-logo-fill', 'ri-graduation-fill', 'ri-graduation-line', 'ri-group-fill', 'ri-group-line', 'ri-group2-fill', 'ri-group2-line', 'ri-global-line', 'ri-hand-coin-fill', 'ri-hand-coin-line', 'ri-hourglass-line', 'ri-hourglass-fill', 'ri-infinity', 'ri-information-fill', 'ri-information-line', 'ri-instagram-fill', 'ri-instagram-line', 'ri-linkedin-fill', 'ri-linkedIn-line', 'ri-loader', 'ri-lock-fill', 'ri-lock-line', 'ri-logout-circle-line', 'ri-mail-line', 'ri-mail-fill', 'ri-mail-send-fill', 'ri-map-fill', 'ri-map-line', 'ri-megaphone-fill', 'ri-megaphone-line', 'ri-menu-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-money-dollar-circle-fill', 'ri-money-dollar-circle-line', 'ri-more', 'ri-pencil-fill', 'ri-pencil-line', 'ri-phone-fill', 'ri-phone-line', 'ri-phone-lock-fill', 'ri-phone-lock-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-shake-hands-fill', 'ri-shake-hands-line', 'ri-shield-check', 'ri-shield-check-line', 'ri-shining2-line', 'ri-shining2-fill', 'ri-sparkling2-line', 'ri-sparkling2-fill', 'ri-suitcase3-line', 'ri-suitcase3-fill', 'ri-survey-fill', 'ri-survey-line', 'ri-tiktok-fill', 'ri-tiktok-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-twitter-x-fill', 'ri-upload-fill', 'ri-upload-line', 'ri-unlock-fill', 'ri-unlock-line', 'ri-user-add-fill', 'ri-user-add-line', 'ri-user-line', 'ri-user-fill', 'ri-user-unfollow-line', 'ri-user5-line', 'ri-user5-fill', 'ri-vimeo-fill', 'ri-whatsapp-line', 'ri-whatsapp-fill', 'ri-youtube-fill'];
9
+ var iconNames = ['custom-sparkling-fill', 'custom-sparkling-line', '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-attachment-fill', 'ri-attachment-line', 'ri-behance-fill', 'ri-bookmark-fill', 'ri-bookmark-line', 'ri-box-fill', 'ri-box-line', 'ri-building-line', 'ri-building-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-check-line', 'ri-calendar-check-fill', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-chat-quote-fill', 'ri-chat-quote-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-circle-line', 'ri-check-double-line', '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-codepen-fill', 'ri-coins-line', 'ri-contacts-fill', 'ri-contacts-line', 'ri-contract-left-line', 'ri-currency-fill', 'ri-currency-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-discuss-fill', 'ri-discuss-line', 'ri-download-line', 'ri-draggable', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-expand-right-line', 'ri-external-link-line', 'ri-eye-off-fill', 'ri-eye-off-line', 'ri-eye-fill', 'ri-eye-line', 'ri-facebook-circle-fill', 'ri-facebook-circle-line', 'ri-file-copy-fill', 'ri-file-copy-line', 'ri-file-copy2-line', 'ri-file-download-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list-fill', 'ri-file-list-line', 'ri-file-list3-fill', 'ri-file-history-line', 'ri-file-history-fill', 'ri-flashlight-fill', 'ri-flashlight-line', 'ri-folder-user-fill', 'ri-flag-fill', 'ri-flag-line', 'ri-github-fill', 'ri-glints-logo-fill', 'ri-graduation-fill', 'ri-graduation-line', 'ri-group-fill', 'ri-group-line', 'ri-group2-fill', 'ri-group2-line', 'ri-global-line', 'ri-hand-coin-fill', 'ri-hand-coin-line', 'ri-hourglass-line', 'ri-hourglass-fill', 'ri-infinity', 'ri-information-fill', 'ri-information-line', 'ri-instagram-fill', 'ri-instagram-line', 'ri-linkedin-fill', 'ri-linkedIn-line', 'ri-loader', 'ri-lock-fill', 'ri-lock-line', 'ri-logout-circle-line', 'ri-mail-line', 'ri-mail-fill', 'ri-mail-send-fill', 'ri-map-fill', 'ri-map-line', 'ri-megaphone-fill', 'ri-megaphone-line', 'ri-menu-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-money-dollar-circle-fill', 'ri-money-dollar-circle-line', 'ri-more', 'ri-pencil-fill', 'ri-pencil-line', 'ri-phone-fill', 'ri-phone-line', 'ri-phone-lock-fill', 'ri-phone-lock-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-shake-hands-fill', 'ri-shake-hands-line', 'ri-shield-check', 'ri-shield-check-line', 'ri-shining2-line', 'ri-shining2-fill', 'ri-sparkling2-line', 'ri-sparkling2-fill', 'ri-suitcase3-line', 'ri-suitcase3-fill', 'ri-survey-fill', 'ri-survey-line', 'ri-tiktok-fill', 'ri-tiktok-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-twitter-x-fill', 'ri-upload-fill', 'ri-upload-line', 'ri-unlock-fill', 'ri-unlock-line', 'ri-user-add-fill', 'ri-user-add-line', 'ri-user-line', 'ri-user-fill', 'ri-user-unfollow-line', 'ri-user5-line', 'ri-user5-fill', 'ri-vimeo-fill', 'ri-whatsapp-line', 'ri-whatsapp-fill', 'ri-youtube-fill', 'ri-custom-salary-line', 'ri-custom-salary-fill'];
10
10
  exports.iconNames = iconNames;
11
- var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['custom-sparkling-fill'] = Icons.CustomSparklingFill, _iconsMappingComponen['custom-sparkling-line'] = Icons.CustomSparklingLine, _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-attachment-fill'] = Icons.RiAttachmentFill, _iconsMappingComponen['ri-attachment-line'] = Icons.RiAttachmentLine, _iconsMappingComponen['ri-behance-fill'] = Icons.RiBehanceFill, _iconsMappingComponen['ri-bookmark-fill'] = Icons.RiBookmarkFill, _iconsMappingComponen['ri-bookmark-line'] = Icons.RiBookmarkLine, _iconsMappingComponen['ri-box-fill'] = Icons.RiBoxFill, _iconsMappingComponen['ri-box-line'] = Icons.RiBoxLine, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-building-line'] = Icons.RiBuildingLine, _iconsMappingComponen['ri-building-fill'] = Icons.RiBuildingFill, _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-calendar-check-line'] = Icons.RiCalendarCheckLine, _iconsMappingComponen['ri-calendar-check-fill'] = Icons.RiCalendarCheckFill, _iconsMappingComponen['ri-chat-quote-fill'] = Icons.RiChatQuoteFill, _iconsMappingComponen['ri-chat-quote-line'] = Icons.RiChatQuoteLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-circle-line'] = Icons.RiCheckboxCircleLine, _iconsMappingComponen['ri-check-double-line'] = Icons.RiCheckDoubleLine, _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-codepen-fill'] = Icons.RiCodepenFill, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-contacts-fill'] = Icons.RiContactsFill, _iconsMappingComponen['ri-contacts-line'] = Icons.RiContactsLine, _iconsMappingComponen['ri-contract-left-line'] = Icons.RiContractLeftLine, _iconsMappingComponen['ri-currency-fill'] = Icons.RiCurrencyFill, _iconsMappingComponen['ri-currency-line'] = Icons.RiCurrencyLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-discuss-fill'] = Icons.RiDiscussFill, _iconsMappingComponen['ri-discuss-line'] = Icons.RiDiscussLine, _iconsMappingComponen['ri-download-line'] = Icons.RiDownloadLine, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-expand-right-line'] = Icons.RiExpandRightLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-eye-fill'] = Icons.RiEyeFill, _iconsMappingComponen['ri-eye-line'] = Icons.RiEyeLine, _iconsMappingComponen['ri-eye-off-fill'] = Icons.RiEyeOffFill, _iconsMappingComponen['ri-eye-off-line'] = Icons.RiEyeOffLine, _iconsMappingComponen['ri-facebook-circle-fill'] = Icons.RiFacebookCircleFill, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-download-line'] = Icons.RiFileDownloadLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-copy-fill'] = Icons.RiFileCopyFill, _iconsMappingComponen['ri-file-copy-line'] = Icons.RiFileCopyLine, _iconsMappingComponen['ri-file-copy2-line'] = Icons.RiFileCopy2Line, _iconsMappingComponen['ri-file-list-fill'] = Icons.RiFileListFill, _iconsMappingComponen['ri-file-list-line'] = Icons.RiFileListLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-file-history-line'] = Icons.RiFileHistoryLine, _iconsMappingComponen['ri-file-history-fill'] = Icons.RiFileHistoryFill, _iconsMappingComponen['ri-flashlight-fill'] = Icons.RiFlashlightFill, _iconsMappingComponen['ri-flashlight-line'] = Icons.RiFlashlightLine, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-flag-fill'] = Icons.RiFlagFill, _iconsMappingComponen['ri-flag-line'] = Icons.RiFlagLine, _iconsMappingComponen['ri-github-fill'] = Icons.RiGithubFill, _iconsMappingComponen['ri-glints-logo-fill'] = Icons.RiGlintsLogoFill, _iconsMappingComponen['ri-graduation-fill'] = Icons.RiGraduationFill, _iconsMappingComponen['ri-graduation-line'] = Icons.RiGraduationLine, _iconsMappingComponen['ri-group-fill'] = Icons.RiGroupFill, _iconsMappingComponen['ri-group-line'] = Icons.RiGroupLine, _iconsMappingComponen['ri-group2-fill'] = Icons.RiGroup2Fill, _iconsMappingComponen['ri-group2-line'] = Icons.RiGroup2Line, _iconsMappingComponen['ri-global-line'] = Icons.RiGlobalLine, _iconsMappingComponen['ri-hand-coin-fill'] = Icons.RiHandCoinFill, _iconsMappingComponen['ri-hand-coin-line'] = Icons.RiHandCoinLine, _iconsMappingComponen['ri-hourglass-line'] = Icons.RiHourglassLine, _iconsMappingComponen['ri-hourglass-fill'] = Icons.RiHourglassFill, _iconsMappingComponen['ri-infinity'] = Icons.RiInfinity, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-fill'] = Icons.RiInstagramFill, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedin-fill'] = Icons.RiLinkedinFill, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-lock-fill'] = Icons.RiLockFill, _iconsMappingComponen['ri-lock-line'] = Icons.RiLockLine, _iconsMappingComponen['ri-logout-circle-line'] = Icons.RiLogoutCircleLine, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-mail-fill'] = Icons.RiMailFill, _iconsMappingComponen['ri-mail-send-fill'] = Icons.RiMailSendFill, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-megaphone-fill'] = Icons.RiMegaphoneFill, _iconsMappingComponen['ri-megaphone-line'] = Icons.RiMegaphoneLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-menu-line'] = Icons.RiMenuLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-money-dollar-circle-fill'] = Icons.RiMoneyDollarCircleFill, _iconsMappingComponen['ri-money-dollar-circle-line'] = Icons.RiMoneyDollarCircleLine, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-phone-fill'] = Icons.RiPhoneFill, _iconsMappingComponen['ri-phone-line'] = Icons.RiPhoneLine, _iconsMappingComponen['ri-phone-lock-fill'] = Icons.RiPhoneLockFill, _iconsMappingComponen['ri-phone-lock-line'] = Icons.RiPhoneLockLine, _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-shake-hands-fill'] = Icons.RiShakeHandsFill, _iconsMappingComponen['ri-shake-hands-line'] = Icons.RiShakeHandsLine, _iconsMappingComponen['ri-shield-check'] = Icons.RiShieldCheck, _iconsMappingComponen['ri-shield-check-line'] = Icons.RiShieldCheckLine, _iconsMappingComponen['ri-shining2-line'] = Icons.RiShining2Line, _iconsMappingComponen['ri-shining2-fill'] = Icons.RiShining2Fill, _iconsMappingComponen['ri-sparkling2-line'] = Icons.RiSparkling2Line, _iconsMappingComponen['ri-sparkling2-fill'] = Icons.RiSparkling2Fill, _iconsMappingComponen['ri-suitcase3-line'] = Icons.RiSuitcase3Line, _iconsMappingComponen['ri-suitcase3-fill'] = Icons.RiSuitcase3Fill, _iconsMappingComponen['ri-survey-fill'] = Icons.RiSurveyFill, _iconsMappingComponen['ri-survey-line'] = Icons.RiSurveyLine, _iconsMappingComponen['ri-tiktok-fill'] = Icons.RiTiktokFill, _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-twitter-x-fill'] = Icons.RiTwitterXFill, _iconsMappingComponen['ri-user-add-fill'] = Icons.RiUserAddFill, _iconsMappingComponen['ri-user-add-line'] = Icons.RiUserAddLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen['ri-unlock-fill'] = Icons.RiUnlockFill, _iconsMappingComponen['ri-unlock-line'] = Icons.RiUnlockLine, _iconsMappingComponen['ri-user-line'] = Icons.RiUserLine, _iconsMappingComponen['ri-user-fill'] = Icons.RiUserFill, _iconsMappingComponen['ri-user-unfollow-line'] = Icons.RiUserUnfollowLine, _iconsMappingComponen['ri-user5-line'] = Icons.RiUser5Line, _iconsMappingComponen['ri-user5-fill'] = Icons.RiUser5Fill, _iconsMappingComponen['ri-vimeo-fill'] = Icons.RiVimeoFill, _iconsMappingComponen['ri-whatsapp-line'] = Icons.RiWhatsappLine, _iconsMappingComponen['ri-whatsapp-fill'] = Icons.RiWhatsappFill, _iconsMappingComponen['ri-youtube-fill'] = Icons.RiYoutubeFill, _iconsMappingComponen);
11
+ var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['custom-sparkling-fill'] = Icons.CustomSparklingFill, _iconsMappingComponen['custom-sparkling-line'] = Icons.CustomSparklingLine, _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-attachment-fill'] = Icons.RiAttachmentFill, _iconsMappingComponen['ri-attachment-line'] = Icons.RiAttachmentLine, _iconsMappingComponen['ri-behance-fill'] = Icons.RiBehanceFill, _iconsMappingComponen['ri-bookmark-fill'] = Icons.RiBookmarkFill, _iconsMappingComponen['ri-bookmark-line'] = Icons.RiBookmarkLine, _iconsMappingComponen['ri-box-fill'] = Icons.RiBoxFill, _iconsMappingComponen['ri-box-line'] = Icons.RiBoxLine, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-building-line'] = Icons.RiBuildingLine, _iconsMappingComponen['ri-building-fill'] = Icons.RiBuildingFill, _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-calendar-check-line'] = Icons.RiCalendarCheckLine, _iconsMappingComponen['ri-calendar-check-fill'] = Icons.RiCalendarCheckFill, _iconsMappingComponen['ri-chat-quote-fill'] = Icons.RiChatQuoteFill, _iconsMappingComponen['ri-chat-quote-line'] = Icons.RiChatQuoteLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-circle-line'] = Icons.RiCheckboxCircleLine, _iconsMappingComponen['ri-check-double-line'] = Icons.RiCheckDoubleLine, _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-codepen-fill'] = Icons.RiCodepenFill, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-contacts-fill'] = Icons.RiContactsFill, _iconsMappingComponen['ri-contacts-line'] = Icons.RiContactsLine, _iconsMappingComponen['ri-contract-left-line'] = Icons.RiContractLeftLine, _iconsMappingComponen['ri-currency-fill'] = Icons.RiCurrencyFill, _iconsMappingComponen['ri-currency-line'] = Icons.RiCurrencyLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-discuss-fill'] = Icons.RiDiscussFill, _iconsMappingComponen['ri-discuss-line'] = Icons.RiDiscussLine, _iconsMappingComponen['ri-download-line'] = Icons.RiDownloadLine, _iconsMappingComponen['ri-draggable'] = Icons.RiDraggable, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-expand-right-line'] = Icons.RiExpandRightLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-eye-fill'] = Icons.RiEyeFill, _iconsMappingComponen['ri-eye-line'] = Icons.RiEyeLine, _iconsMappingComponen['ri-eye-off-fill'] = Icons.RiEyeOffFill, _iconsMappingComponen['ri-eye-off-line'] = Icons.RiEyeOffLine, _iconsMappingComponen['ri-facebook-circle-fill'] = Icons.RiFacebookCircleFill, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-download-line'] = Icons.RiFileDownloadLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-copy-fill'] = Icons.RiFileCopyFill, _iconsMappingComponen['ri-file-copy-line'] = Icons.RiFileCopyLine, _iconsMappingComponen['ri-file-copy2-line'] = Icons.RiFileCopy2Line, _iconsMappingComponen['ri-file-list-fill'] = Icons.RiFileListFill, _iconsMappingComponen['ri-file-list-line'] = Icons.RiFileListLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-file-history-line'] = Icons.RiFileHistoryLine, _iconsMappingComponen['ri-file-history-fill'] = Icons.RiFileHistoryFill, _iconsMappingComponen['ri-flashlight-fill'] = Icons.RiFlashlightFill, _iconsMappingComponen['ri-flashlight-line'] = Icons.RiFlashlightLine, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-flag-fill'] = Icons.RiFlagFill, _iconsMappingComponen['ri-flag-line'] = Icons.RiFlagLine, _iconsMappingComponen['ri-github-fill'] = Icons.RiGithubFill, _iconsMappingComponen['ri-glints-logo-fill'] = Icons.RiGlintsLogoFill, _iconsMappingComponen['ri-graduation-fill'] = Icons.RiGraduationFill, _iconsMappingComponen['ri-graduation-line'] = Icons.RiGraduationLine, _iconsMappingComponen['ri-group-fill'] = Icons.RiGroupFill, _iconsMappingComponen['ri-group-line'] = Icons.RiGroupLine, _iconsMappingComponen['ri-group2-fill'] = Icons.RiGroup2Fill, _iconsMappingComponen['ri-group2-line'] = Icons.RiGroup2Line, _iconsMappingComponen['ri-global-line'] = Icons.RiGlobalLine, _iconsMappingComponen['ri-hand-coin-fill'] = Icons.RiHandCoinFill, _iconsMappingComponen['ri-hand-coin-line'] = Icons.RiHandCoinLine, _iconsMappingComponen['ri-hourglass-line'] = Icons.RiHourglassLine, _iconsMappingComponen['ri-hourglass-fill'] = Icons.RiHourglassFill, _iconsMappingComponen['ri-infinity'] = Icons.RiInfinity, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-fill'] = Icons.RiInstagramFill, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedin-fill'] = Icons.RiLinkedinFill, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-lock-fill'] = Icons.RiLockFill, _iconsMappingComponen['ri-lock-line'] = Icons.RiLockLine, _iconsMappingComponen['ri-logout-circle-line'] = Icons.RiLogoutCircleLine, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-mail-fill'] = Icons.RiMailFill, _iconsMappingComponen['ri-mail-send-fill'] = Icons.RiMailSendFill, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-megaphone-fill'] = Icons.RiMegaphoneFill, _iconsMappingComponen['ri-megaphone-line'] = Icons.RiMegaphoneLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-menu-line'] = Icons.RiMenuLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-money-dollar-circle-fill'] = Icons.RiMoneyDollarCircleFill, _iconsMappingComponen['ri-money-dollar-circle-line'] = Icons.RiMoneyDollarCircleLine, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-phone-fill'] = Icons.RiPhoneFill, _iconsMappingComponen['ri-phone-line'] = Icons.RiPhoneLine, _iconsMappingComponen['ri-phone-lock-fill'] = Icons.RiPhoneLockFill, _iconsMappingComponen['ri-phone-lock-line'] = Icons.RiPhoneLockLine, _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-shake-hands-fill'] = Icons.RiShakeHandsFill, _iconsMappingComponen['ri-shake-hands-line'] = Icons.RiShakeHandsLine, _iconsMappingComponen['ri-shield-check'] = Icons.RiShieldCheck, _iconsMappingComponen['ri-shield-check-line'] = Icons.RiShieldCheckLine, _iconsMappingComponen['ri-shining2-line'] = Icons.RiShining2Line, _iconsMappingComponen['ri-shining2-fill'] = Icons.RiShining2Fill, _iconsMappingComponen['ri-sparkling2-line'] = Icons.RiSparkling2Line, _iconsMappingComponen['ri-sparkling2-fill'] = Icons.RiSparkling2Fill, _iconsMappingComponen['ri-suitcase3-line'] = Icons.RiSuitcase3Line, _iconsMappingComponen['ri-suitcase3-fill'] = Icons.RiSuitcase3Fill, _iconsMappingComponen['ri-survey-fill'] = Icons.RiSurveyFill, _iconsMappingComponen['ri-survey-line'] = Icons.RiSurveyLine, _iconsMappingComponen['ri-tiktok-fill'] = Icons.RiTiktokFill, _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-twitter-x-fill'] = Icons.RiTwitterXFill, _iconsMappingComponen['ri-user-add-fill'] = Icons.RiUserAddFill, _iconsMappingComponen['ri-user-add-line'] = Icons.RiUserAddLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen['ri-unlock-fill'] = Icons.RiUnlockFill, _iconsMappingComponen['ri-unlock-line'] = Icons.RiUnlockLine, _iconsMappingComponen['ri-user-line'] = Icons.RiUserLine, _iconsMappingComponen['ri-user-fill'] = Icons.RiUserFill, _iconsMappingComponen['ri-user-unfollow-line'] = Icons.RiUserUnfollowLine, _iconsMappingComponen['ri-user5-line'] = Icons.RiUser5Line, _iconsMappingComponen['ri-user5-fill'] = Icons.RiUser5Fill, _iconsMappingComponen['ri-vimeo-fill'] = Icons.RiVimeoFill, _iconsMappingComponen['ri-whatsapp-line'] = Icons.RiWhatsappLine, _iconsMappingComponen['ri-whatsapp-fill'] = Icons.RiWhatsappFill, _iconsMappingComponen['ri-youtube-fill'] = Icons.RiYoutubeFill, _iconsMappingComponen['ri-custom-salary-line'] = Icons.RiCustomSalaryLine, _iconsMappingComponen['ri-custom-salary-fill'] = Icons.RiCustomSalaryFill, _iconsMappingComponen);
12
12
  exports.iconsMappingComponent = iconsMappingComponent;
package/lib/@next/Steps/Step.d.ts CHANGED
@@ -7,5 +7,6 @@ export interface StepProps {
7
7
  /** Step number to be shown, by default it's 1,2,3,... from the parent component, or you can overwrite this */
8
8
  index?: number;
9
9
  type?: 'normal' | 'dot';
10
+ orientation?: 'horizontal' | 'vertical';
10
11
  }
11
12
  export declare const Step: React.ForwardRefExoticComponent<StepProps & React.RefAttributes<HTMLDivElement>>;
package/lib/@next/Steps/Step.js CHANGED
@@ -8,17 +8,39 @@ var _Typography = require("../Typography");
8
8
  var _StepStyle = require("./StepStyle");
9
9
  var _Icon = require("../Icon");
10
10
  var _colors = require("../utilities/colors");
11
- var Step = /*#__PURE__*/_react["default"].forwardRef(function Step(_ref, ref) {
12
- var _ref$variant = _ref.variant,
13
- variant = _ref$variant === void 0 ? 'pending' : _ref$variant,
14
- _ref$label = _ref.label,
15
- label = _ref$label === void 0 ? '' : _ref$label,
16
- _ref$index = _ref.index,
17
- index = _ref$index === void 0 ? 0 : _ref$index,
18
- _ref$type = _ref.type,
19
- type = _ref$type === void 0 ? 'normal' : _ref$type;
11
+ var LineComponent = function LineComponent(_ref) {
12
+ var variant = _ref.variant,
13
+ type = _ref.type,
14
+ orientation = _ref.orientation;
15
+ if (orientation === 'vertical') {
16
+ return /*#__PURE__*/_react["default"].createElement(_StepStyle.VerticalLineWrapper, {
17
+ "data-dot": type === 'dot'
18
+ }, /*#__PURE__*/_react["default"].createElement(_StepStyle.VerticalLine, {
19
+ "data-variant": variant,
20
+ "data-dot": type === 'dot'
21
+ }));
22
+ }
23
+ return /*#__PURE__*/_react["default"].createElement(_StepStyle.HorizontalLineWrapper, {
24
+ "data-dot": type === 'dot'
25
+ }, /*#__PURE__*/_react["default"].createElement(_StepStyle.HorizontalLine, {
26
+ "data-variant": variant,
27
+ "data-dot": type === 'dot'
28
+ }));
29
+ };
30
+ var Step = /*#__PURE__*/_react["default"].forwardRef(function Step(_ref2, ref) {
31
+ var _ref2$variant = _ref2.variant,
32
+ variant = _ref2$variant === void 0 ? 'pending' : _ref2$variant,
33
+ _ref2$label = _ref2.label,
34
+ label = _ref2$label === void 0 ? '' : _ref2$label,
35
+ _ref2$index = _ref2.index,
36
+ index = _ref2$index === void 0 ? 0 : _ref2$index,
37
+ _ref2$type = _ref2.type,
38
+ type = _ref2$type === void 0 ? 'normal' : _ref2$type,
39
+ _ref2$orientation = _ref2.orientation,
40
+ orientation = _ref2$orientation === void 0 ? 'vertical' : _ref2$orientation;
20
41
  return /*#__PURE__*/_react["default"].createElement(_StepStyle.StepItemContainer, {
21
- className: "step-item-container"
42
+ className: "step-item-container",
43
+ "data-orientation": orientation
22
44
  }, /*#__PURE__*/_react["default"].createElement(_StepStyle.StepItemWrapper, {
23
45
  ref: ref,
24
46
  "data-dot": type === 'dot',
@@ -43,14 +65,14 @@ var Step = /*#__PURE__*/_react["default"].forwardRef(function Step(_ref, ref) {
43
65
  color: _colors.Neutral.B40,
44
66
  className: "circle-icon"
45
67
  }, index)), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
68
+ className: "step-label",
46
69
  as: "div",
47
70
  variant: variant === 'processing' || variant === 'error' ? 'body2' : 'body1',
48
71
  color: variant === 'pending' || variant === 'completed' ? _colors.Neutral.B40 : _colors.Neutral.B18
49
- }, label)), /*#__PURE__*/_react["default"].createElement(_StepStyle.VerticalLineWrapper, {
50
- "data-dot": type === 'dot'
51
- }, /*#__PURE__*/_react["default"].createElement(_StepStyle.VerticalLine, {
52
- "data-variant": variant,
53
- "data-dot": type === 'dot'
54
- })));
72
+ }, label)), /*#__PURE__*/_react["default"].createElement(LineComponent, {
73
+ variant: variant,
74
+ type: type,
75
+ orientation: orientation
76
+ }));
55
77
  });
56
78
  exports.Step = Step;
package/lib/@next/Steps/StepStyle.d.ts CHANGED
@@ -1,5 +1,8 @@
1
+ export declare const StepsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
1
2
  export declare const StepItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
3
  export declare const StepItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
3
4
  export declare const CircleDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
4
5
  export declare const VerticalLineWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const HorizontalLineWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
5
7
  export declare const VerticalLine: import("styled-components").StyledComponent<"div", any, {}, never>;
8
+ export declare const HorizontalLine: import("styled-components").StyledComponent<"div", any, {}, never>;
package/lib/@next/Steps/StepStyle.js CHANGED
@@ -2,34 +2,49 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
  exports.__esModule = true;
5
- exports.VerticalLineWrapper = exports.VerticalLine = exports.StepItemWrapper = exports.StepItemContainer = exports.CircleDiv = void 0;
5
+ exports.VerticalLineWrapper = exports.VerticalLine = exports.StepsContainer = exports.StepItemWrapper = exports.StepItemContainer = exports.HorizontalLineWrapper = exports.HorizontalLine = exports.CircleDiv = void 0;
6
6
  var _styledComponents = _interopRequireDefault(require("styled-components"));
7
7
  var _ = require("..");
8
8
  var _spacing = require("../utilities/spacing");
9
9
  var _colors = require("../utilities/colors");
10
10
  var _borderRadius = require("../utilities/borderRadius");
11
+ var StepsContainer = _styledComponents["default"].div.withConfig({
12
+ displayName: "StepStyle__StepsContainer",
13
+ componentId: "sc-1br2jzt-0"
14
+ })(["&[data-orientation='horizontal']{display:flex;align-items:center;overflow-x:auto;}"]);
15
+ exports.StepsContainer = StepsContainer;
11
16
  var StepItemContainer = _styledComponents["default"].div.withConfig({
12
17
  displayName: "StepStyle__StepItemContainer",
13
- componentId: "sc-1br2jzt-0"
14
- })(["&:last-child > div:last-child{display:none;}"]);
18
+ componentId: "sc-1br2jzt-1"
19
+ })(["&:last-child > div:last-child{display:none;}&[data-orientation='horizontal']{display:flex;align-items:center;}"]);
15
20
  exports.StepItemContainer = StepItemContainer;
16
21
  var StepItemWrapper = _styledComponents["default"].div.withConfig({
17
22
  displayName: "StepStyle__StepItemWrapper",
18
- componentId: "sc-1br2jzt-1"
19
- })(["display:flex;align-items:center;gap:", ";cursor:default;&[data-dot='true']{gap:", ";}"], _spacing.space12, _spacing.space16);
23
+ componentId: "sc-1br2jzt-2"
24
+ })(["display:flex;align-items:center;gap:", ";cursor:default;&[data-dot='true']{gap:", ";}.step-label{white-space:nowrap;}"], _spacing.space12, _spacing.space16);
20
25
  exports.StepItemWrapper = StepItemWrapper;
21
26
  var CircleDiv = _styledComponents["default"].div.withConfig({
22
27
  displayName: "StepStyle__CircleDiv",
23
- componentId: "sc-1br2jzt-2"
24
- })(["display:flex;align-items:center;justify-content:center;height:28px;width:28px;border-radius:", ";svg{height:16px;width:16px;}&[data-variant='pending']{background-color:", ";}&[data-variant='completed']{background-color:", ";svg{fill:", ";}}&[data-variant='processing']{background-color:", ";}&[data-variant='error']{background-color:", ";svg{fill:", ";}}&[data-dot='true']{height:10px;width:10px;> .circle-icon{display:none;}&[data-variant='completed']{background-color:", ";}}@media (max-width:", "){height:24px;width:24px;svg{height:14px;width:14px;}}"], _borderRadius.borderRadiusHalf, _colors.Neutral.B95, _colors.Blue.S08, _colors.Blue.S99, _colors.Blue.S99, _colors.Red.B93, _colors.Neutral.B100, _colors.Blue.S99, _.Breakpoints.large);
28
+ componentId: "sc-1br2jzt-3"
29
+ })(["display:flex;align-items:center;justify-content:center;height:28px;width:28px;border-radius:", ";flex-shrink:0;svg{height:16px;width:16px;}&[data-variant='pending']{background-color:", ";}&[data-variant='completed']{background-color:", ";svg{fill:", ";}}&[data-variant='processing']{background-color:", ";}&[data-variant='error']{background-color:", ";svg{fill:", ";}}&[data-dot='true']{height:10px;width:10px;> .circle-icon{display:none;}&[data-variant='completed']{background-color:", ";}}@media (max-width:", "){height:24px;width:24px;svg{height:14px;width:14px;}}"], _borderRadius.borderRadiusHalf, _colors.Neutral.B95, _colors.Blue.S08, _colors.Blue.S99, _colors.Blue.S99, _colors.Red.B93, _colors.Neutral.B100, _colors.Blue.S99, _.Breakpoints.large);
25
30
  exports.CircleDiv = CircleDiv;
26
31
  var VerticalLineWrapper = _styledComponents["default"].div.withConfig({
27
32
  displayName: "StepStyle__VerticalLineWrapper",
28
- componentId: "sc-1br2jzt-3"
33
+ componentId: "sc-1br2jzt-4"
29
34
  })(["display:flex;align-items:center;justify-content:center;padding:", " 0;height:64px;width:28px;&[data-dot='true']{width:10px;}@media (max-width:", "){width:24px;}"], _spacing.space4, _.Breakpoints.large);
30
35
  exports.VerticalLineWrapper = VerticalLineWrapper;
36
+ var HorizontalLineWrapper = _styledComponents["default"].div.withConfig({
37
+ displayName: "StepStyle__HorizontalLineWrapper",
38
+ componentId: "sc-1br2jzt-5"
39
+ })(["display:flex;align-items:center;justify-content:center;padding:0 ", ";width:105px;"], _spacing.space12);
40
+ exports.HorizontalLineWrapper = HorizontalLineWrapper;
31
41
  var VerticalLine = _styledComponents["default"].div.withConfig({
32
42
  displayName: "StepStyle__VerticalLine",
33
- componentId: "sc-1br2jzt-4"
43
+ componentId: "sc-1br2jzt-6"
34
44
  })(["width:2px;height:100%;background-color:", ";&[data-variant='completed']{background-color:", ";}&[data-dot='true']{width:1.5px;}"], _colors.Neutral.B85, _colors.Blue.S99);
35
- exports.VerticalLine = VerticalLine;
45
+ exports.VerticalLine = VerticalLine;
46
+ var HorizontalLine = _styledComponents["default"].div.withConfig({
47
+ displayName: "StepStyle__HorizontalLine",
48
+ componentId: "sc-1br2jzt-7"
49
+ })(["height:2px;width:100%;background-color:", ";&[data-variant='completed']{background-color:", ";}"], _colors.Neutral.B85, _colors.Blue.S99);
50
+ exports.HorizontalLine = HorizontalLine;
package/lib/@next/Steps/Steps.d.ts CHANGED
@@ -9,6 +9,7 @@ export interface StepsProps extends React.HTMLAttributes<HTMLDivElement> {
9
9
  children?: React.ReactElement<StepProps>[];
10
10
  /** If dot type, display dot only; default is normal; automatically passed to all children */
11
11
  type?: 'normal' | 'dot';
12
+ orientation?: 'vertical' | 'horizontal';
12
13
  }
13
14
  export declare const StepsComponent: React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLDivElement>>;
14
15
  export declare const Steps: React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLDivElement>> & {
package/lib/@next/Steps/Steps.js CHANGED
@@ -7,7 +7,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
7
7
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _Step = require("./Step");
10
- var _excluded = ["currentStep", "errorSteps", "children", "type"];
10
+ var _StepStyle = require("./StepStyle");
11
+ var _excluded = ["currentStep", "errorSteps", "children", "type", "orientation"];
11
12
  var StepsComponent = /*#__PURE__*/_react["default"].forwardRef(function Collapse(_ref, ref) {
12
13
  var _ref$currentStep = _ref.currentStep,
13
14
  currentStep = _ref$currentStep === void 0 ? 0 : _ref$currentStep,
@@ -16,8 +17,11 @@ var StepsComponent = /*#__PURE__*/_react["default"].forwardRef(function Collapse
16
17
  children = _ref.children,
17
18
  _ref$type = _ref.type,
18
19
  type = _ref$type === void 0 ? 'normal' : _ref$type,
20
+ _ref$orientation = _ref.orientation,
21
+ orientation = _ref$orientation === void 0 ? 'vertical' : _ref$orientation,
19
22
  props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
20
- return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
23
+ return /*#__PURE__*/_react["default"].createElement(_StepStyle.StepsContainer, (0, _extends2["default"])({
24
+ "data-orientation": orientation,
21
25
  ref: ref
22
26
  }, props), _react["default"].Children.map(children, function (child, index) {
23
27
  var _child$props, _child$props2;
@@ -25,6 +29,7 @@ var StepsComponent = /*#__PURE__*/_react["default"].forwardRef(function Collapse
25
29
  var childVariant = ((_child$props = child.props) == null ? void 0 : _child$props.variant) || variant;
26
30
  var childIndex = ((_child$props2 = child.props) == null ? void 0 : _child$props2.index) || index + 1;
27
31
  return /*#__PURE__*/_react["default"].createElement(child.type, (0, _extends2["default"])({}, child.props, {
32
+ orientation: orientation,
28
33
  variant: childVariant,
29
34
  index: childIndex,
30
35
  type: type
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "glints-aries",
3
- "version": "4.0.388",
3
+ "version": "4.0.390",
4
4
  "description": "Glints ui-kit for frontend",
5
5
  "main": "./lib/index.js",
6
6
  "module": "./es/index.js",