glints-aries 4.0.257 → 4.0.259

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 (45) hide show
  1. package/es/@next/Badge/Badge.d.ts +1 -1
  2. package/es/@next/Badge/Badge.js +1 -1
  3. package/es/@next/Badge/BadgeStyle.js +2 -2
  4. package/es/@next/Icon/components/RiSparkling2Fill.d.ts +3 -0
  5. package/es/@next/Icon/components/RiSparkling2Fill.js +11 -0
  6. package/es/@next/Icon/components/RiSparkling2Line.d.ts +3 -0
  7. package/es/@next/Icon/components/RiSparkling2Line.js +11 -0
  8. package/es/@next/Icon/components/index.d.ts +2 -0
  9. package/es/@next/Icon/components/index.js +2 -0
  10. package/es/@next/Icon/icons/icons.d.ts +1 -1
  11. package/es/@next/Icon/icons/icons.js +2 -2
  12. package/es/@next/TextArea/TextArea.d.ts +13 -0
  13. package/es/@next/TextArea/TextArea.js +75 -0
  14. package/es/@next/TextArea/TextArea.stories.d.ts +4 -0
  15. package/es/@next/TextArea/TextAreaStyle.d.ts +7 -0
  16. package/es/@next/TextArea/TextAreaStyle.js +18 -0
  17. package/es/@next/TextArea/index.d.ts +1 -0
  18. package/es/@next/TextArea/index.js +1 -0
  19. package/es/@next/Typography/TypographyStyles.d.ts +18 -1
  20. package/es/@next/Typography/TypographyStyles.js +14 -14
  21. package/es/@next/index.d.ts +2 -0
  22. package/es/@next/index.js +2 -0
  23. package/lib/@next/Badge/Badge.d.ts +1 -1
  24. package/lib/@next/Badge/Badge.js +1 -1
  25. package/lib/@next/Badge/BadgeStyle.js +2 -2
  26. package/lib/@next/Icon/components/RiSparkling2Fill.d.ts +3 -0
  27. package/lib/@next/Icon/components/RiSparkling2Fill.js +19 -0
  28. package/lib/@next/Icon/components/RiSparkling2Line.d.ts +3 -0
  29. package/lib/@next/Icon/components/RiSparkling2Line.js +19 -0
  30. package/lib/@next/Icon/components/index.d.ts +2 -0
  31. package/lib/@next/Icon/components/index.js +5 -1
  32. package/lib/@next/Icon/icons/icons.d.ts +1 -1
  33. package/lib/@next/Icon/icons/icons.js +2 -2
  34. package/lib/@next/TextArea/TextArea.d.ts +13 -0
  35. package/lib/@next/TextArea/TextArea.js +83 -0
  36. package/lib/@next/TextArea/TextArea.stories.d.ts +4 -0
  37. package/lib/@next/TextArea/TextAreaStyle.d.ts +7 -0
  38. package/lib/@next/TextArea/TextAreaStyle.js +26 -0
  39. package/lib/@next/TextArea/index.d.ts +1 -0
  40. package/lib/@next/TextArea/index.js +9 -0
  41. package/lib/@next/Typography/TypographyStyles.d.ts +18 -1
  42. package/lib/@next/Typography/TypographyStyles.js +15 -1
  43. package/lib/@next/index.d.ts +2 -0
  44. package/lib/@next/index.js +8 -1
  45. package/package.json +1 -1
package/es/@next/Badge/Badge.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- declare const badgeStatusVariant: readonly ["neutral", "success", "information", "warning", "critical", "promotion", "enticing", "attention"];
2
+ declare const badgeStatusVariant: readonly ["neutral", "success", "information", "warning", "critical", "promotion", "enticing", "attention", "primary"];
3
3
  export declare type BadgeStatusVariant = typeof badgeStatusVariant[number];
4
4
  export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
5
5
  children?: React.ReactNode;
package/es/@next/Badge/Badge.js CHANGED
@@ -4,7 +4,7 @@ var _excluded = ["children", "hasBorder", "status", "textColor"];
4
4
  import React from 'react';
5
5
  import { Typography } from '../Typography';
6
6
  import { BadgeStyle, badgeTextColor } from './BadgeStyle';
7
- var badgeStatusVariant = ['neutral', 'success', 'information', 'warning', 'critical', 'promotion', 'enticing', 'attention'];
7
+ var badgeStatusVariant = ['neutral', 'success', 'information', 'warning', 'critical', 'promotion', 'enticing', 'attention', 'primary'];
8
8
  var renderTextColor = function renderTextColor(textColor, status) {
9
9
  if (textColor) {
10
10
  return textColor;
package/es/@next/Badge/BadgeStyle.js CHANGED
@@ -3,8 +3,8 @@ import styled from 'styled-components';
3
3
  import { borderRadius20 } from '../utilities/borderRadius';
4
4
  import { Blue, Green, Neutral, Orange, Red, Yellow } from '../utilities/colors';
5
5
  import { space8 } from '../utilities/spacing';
6
- var badgeBackgroundColor = (_badgeBackgroundColor = {}, _badgeBackgroundColor['neutral'] = Neutral.B95, _badgeBackgroundColor['success'] = Green.B89, _badgeBackgroundColor['information'] = Blue.S08, _badgeBackgroundColor['warning'] = Orange.S21, _badgeBackgroundColor['critical'] = Red.B100, _badgeBackgroundColor['promotion'] = Yellow.S75, _badgeBackgroundColor['enticing'] = Orange.S87, _badgeBackgroundColor['attention'] = Red.B93, _badgeBackgroundColor);
7
- export var badgeTextColor = (_badgeTextColor = {}, _badgeTextColor['neutral'] = Neutral.B18, _badgeTextColor['success'] = Neutral.B18, _badgeTextColor['information'] = Neutral.B18, _badgeTextColor['warning'] = Neutral.B18, _badgeTextColor['critical'] = Neutral.B18, _badgeTextColor['promotion'] = Neutral.B18, _badgeTextColor['enticing'] = Neutral.B100, _badgeTextColor['attention'] = Neutral.B100, _badgeTextColor);
6
+ var badgeBackgroundColor = (_badgeBackgroundColor = {}, _badgeBackgroundColor['neutral'] = Neutral.B95, _badgeBackgroundColor['success'] = Green.B89, _badgeBackgroundColor['information'] = Blue.S08, _badgeBackgroundColor['warning'] = Orange.S21, _badgeBackgroundColor['critical'] = Red.B100, _badgeBackgroundColor['promotion'] = Yellow.S75, _badgeBackgroundColor['enticing'] = Orange.S87, _badgeBackgroundColor['attention'] = Red.B93, _badgeBackgroundColor['primary'] = Blue.S99, _badgeBackgroundColor);
7
+ export var badgeTextColor = (_badgeTextColor = {}, _badgeTextColor['neutral'] = Neutral.B18, _badgeTextColor['success'] = Neutral.B18, _badgeTextColor['information'] = Neutral.B18, _badgeTextColor['warning'] = Neutral.B18, _badgeTextColor['critical'] = Neutral.B18, _badgeTextColor['promotion'] = Neutral.B18, _badgeTextColor['enticing'] = Neutral.B100, _badgeTextColor['attention'] = Neutral.B100, _badgeTextColor['primary'] = Neutral.B100, _badgeTextColor);
8
8
  var getBadgeBackgroundColor = function getBadgeBackgroundColor(status) {
9
9
  if (!(status in badgeBackgroundColor)) {
10
10
  console.warn(status + " is not a valid status, default will be used");
package/es/@next/Icon/components/RiSparkling2Fill.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRiSparkling2Fill: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRiSparkling2Fill;
package/es/@next/Icon/components/RiSparkling2Fill.js ADDED
@@ -0,0 +1,11 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import * as React from 'react';
3
+ var SvgRiSparkling2Fill = function SvgRiSparkling2Fill(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
+ d: "m17 1.208 1.32 2.473L20.792 5 18.32 6.319 17.002 8.79 15.68 6.32l-2.472-1.32 2.473-1.318L17 1.208ZM8 4.333l2.667 5 5 2.667-5 2.666-2.666 5-2.667-5-5-2.666 5-2.667 2.667-5Zm11.667 12-1.666-3.125-1.667 3.125L13.209 18l3.125 1.666 1.667 3.125 1.666-3.125L22.792 18l-3.125-1.667Z"
9
+ }));
10
+ };
11
+ export default SvgRiSparkling2Fill;
package/es/@next/Icon/components/RiSparkling2Line.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRiSparkling2Line: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRiSparkling2Line;
package/es/@next/Icon/components/RiSparkling2Line.js ADDED
@@ -0,0 +1,11 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import * as React from 'react';
3
+ var SvgRiSparkling2Line = function SvgRiSparkling2Line(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
+ d: "m17 .208 1.32 2.473L20.792 4 18.32 5.319 17.002 7.79 15.68 5.32l-2.472-1.32 2.473-1.318L17 .208Zm-6.333 8.125 5 2.667-5 2.666-2.666 5-2.667-5-5-2.666 5-2.667 2.667-5 2.666 5Zm.75 2.667L9.19 9.81 8.001 7.583 6.812 9.811 4.584 11l2.228 1.188 1.189 2.228 1.188-2.228L11.417 11Zm8.25 4.333-1.666-3.125-1.667 3.125L13.209 17l3.125 1.666 1.667 3.125 1.666-3.125L22.792 17l-3.125-1.667Z"
9
+ }));
10
+ };
11
+ export default SvgRiSparkling2Line;
package/es/@next/Icon/components/index.d.ts CHANGED
@@ -81,6 +81,8 @@ export { default as RiSendPlaneFill } from './RiSendPlaneFill';
81
81
  export { default as RiSendPlaneLine } from './RiSendPlaneLine';
82
82
  export { default as RiSettingsFill } from './RiSettingsFill';
83
83
  export { default as RiSettingsLine } from './RiSettingsLine';
84
+ export { default as RiSparkling2Fill } from './RiSparkling2Fill';
85
+ export { default as RiSparkling2Line } from './RiSparkling2Line';
84
86
  export { default as RiTimer3Fill } from './RiTimer3Fill';
85
87
  export { default as RiTimer3Line } from './RiTimer3Line';
86
88
  export { default as RiTwitterLine } from './RiTwitterLine';
package/es/@next/Icon/components/index.js CHANGED
@@ -81,6 +81,8 @@ export { default as RiSendPlaneFill } from './RiSendPlaneFill';
81
81
  export { default as RiSendPlaneLine } from './RiSendPlaneLine';
82
82
  export { default as RiSettingsFill } from './RiSettingsFill';
83
83
  export { default as RiSettingsLine } from './RiSettingsLine';
84
+ export { default as RiSparkling2Fill } from './RiSparkling2Fill';
85
+ export { default as RiSparkling2Line } from './RiSparkling2Line';
84
86
  export { default as RiTimer3Fill } from './RiTimer3Fill';
85
87
  export { default as RiTimer3Line } from './RiTimer3Line';
86
88
  export { default as RiTwitterLine } from './RiTwitterLine';
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 ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-facebook-circle-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-mail-line", "ri-more", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line"];
2
+ export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-facebook-circle-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-mail-line", "ri-more", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line", "ri-sparkling2-line", "ri-sparkling2-fill"];
3
3
  export declare type IconNames = typeof iconNames[number];
4
4
  declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
5
5
  export declare const iconsMappingComponent: {
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 = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-facebook-circle-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list3-fill', 'ri-folder-user-fill', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-mail-line', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-upload-fill', 'ri-upload-line'];
4
- export var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen);
3
+ export var iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-facebook-circle-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list3-fill', 'ri-folder-user-fill', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-mail-line', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-upload-fill', 'ri-upload-line', 'ri-sparkling2-line', 'ri-sparkling2-fill'];
4
+ export var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen['ri-sparkling2-line'] = Icons.RiSparkling2Line, _iconsMappingComponen['ri-sparkling2-fill'] = Icons.RiSparkling2Fill, _iconsMappingComponen);
package/es/@next/TextArea/TextArea.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import React, { TextareaHTMLAttributes } from 'react';
2
+ export declare type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> & {
3
+ value: string;
4
+ onChange: (value: string) => void;
5
+ error?: boolean;
6
+ width?: string;
7
+ };
8
+ export declare const TextArea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> & {
9
+ value: string;
10
+ onChange: (value: string) => void;
11
+ error?: boolean;
12
+ width?: string;
13
+ } & React.RefAttributes<HTMLTextAreaElement>>;
package/es/@next/TextArea/TextArea.js ADDED
@@ -0,0 +1,75 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
+ var _excluded = ["value", "rows", "maxLength", "error", "disabled", "width", "onChange"];
4
+ import React, { useEffect, useRef, useState } from 'react';
5
+ import { StyledTextAreaContainer, StyledTextArea, StyledWordCountContainer } from './TextAreaStyle';
6
+ import { Typography } from '../Typography';
7
+ export var TextArea = /*#__PURE__*/React.forwardRef(function TextArea(_ref, ref) {
8
+ var value = _ref.value,
9
+ _ref$rows = _ref.rows,
10
+ rows = _ref$rows === void 0 ? 3 : _ref$rows,
11
+ maxLength = _ref.maxLength,
12
+ _ref$error = _ref.error,
13
+ error = _ref$error === void 0 ? false : _ref$error,
14
+ _ref$disabled = _ref.disabled,
15
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
16
+ _ref$width = _ref.width,
17
+ width = _ref$width === void 0 ? '520px' : _ref$width,
18
+ onChange = _ref.onChange,
19
+ props = _objectWithoutPropertiesLoose(_ref, _excluded);
20
+ var _useState = useState(0),
21
+ charCount = _useState[0],
22
+ setCharCount = _useState[1];
23
+ var _useState2 = useState(false),
24
+ isFocused = _useState2[0],
25
+ setIsFocused = _useState2[1];
26
+ var isError = error || !!maxLength && charCount > maxLength;
27
+ var localRef = useRef(null);
28
+ var setRefs = function setRefs(node) {
29
+ localRef.current = node;
30
+ if (typeof ref === 'function') {
31
+ ref(node);
32
+ } else if (ref) {
33
+ ref.current = node;
34
+ }
35
+ };
36
+ useEffect(function () {
37
+ setCharCount(value.length);
38
+ }, [value]);
39
+ var handleContainerClick = function handleContainerClick() {
40
+ if (localRef.current) {
41
+ localRef.current.focus();
42
+ }
43
+ };
44
+ var handleChange = function handleChange(e) {
45
+ var val = e.currentTarget.value;
46
+ onChange(val);
47
+ };
48
+ return /*#__PURE__*/React.createElement(StyledTextAreaContainer, {
49
+ "data-error": isError,
50
+ "data-disabled": disabled,
51
+ "data-focus": isFocused,
52
+ "data-has-counter": !!maxLength,
53
+ width: width,
54
+ onClick: handleContainerClick
55
+ }, /*#__PURE__*/React.createElement(StyledTextArea, _extends({
56
+ ref: setRefs,
57
+ value: value,
58
+ rows: rows,
59
+ width: width,
60
+ onChange: handleChange,
61
+ disabled: disabled,
62
+ onFocus: function onFocus() {
63
+ return setIsFocused(true);
64
+ },
65
+ onBlur: function onBlur() {
66
+ return setIsFocused(false);
67
+ }
68
+ }, props)), !!maxLength && /*#__PURE__*/React.createElement(StyledWordCountContainer, {
69
+ "data-disabled": disabled,
70
+ "data-error": isError
71
+ }, /*#__PURE__*/React.createElement(Typography, {
72
+ as: "span",
73
+ variant: "overline"
74
+ }, charCount, " / ", maxLength)));
75
+ });
package/es/@next/TextArea/TextArea.stories.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { Meta } from '@storybook/react';
2
+ declare const _default: Meta<import("@storybook/react").Args>;
3
+ export default _default;
4
+ export declare const Interactive: any;
package/es/@next/TextArea/TextAreaStyle.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ interface TextAreaProp {
2
+ width: string;
3
+ }
4
+ export declare const StyledTextAreaContainer: import("styled-components").StyledComponent<"div", any, TextAreaProp, never>;
5
+ export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", any, TextAreaProp, never>;
6
+ export declare const StyledWordCountContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
7
+ export {};
package/es/@next/TextArea/TextAreaStyle.js ADDED
@@ -0,0 +1,18 @@
1
+ import styled from 'styled-components';
2
+ import { borderRadius4 } from '../utilities/borderRadius';
3
+ import { Neutral, Red } from '../utilities/colors';
4
+ import { body1 as typographyBody1 } from '../Typography/TypographyStyles';
5
+ export var StyledTextAreaContainer = styled.div.withConfig({
6
+ displayName: "TextAreaStyle__StyledTextAreaContainer",
7
+ componentId: "sc-1cq0fhw-0"
8
+ })(["position:relative;width:", ";border:1px solid ", ";border-radius:", ";padding:8px 12px 25px 12px;cursor:text;&:not([data-has-counter='true']){padding-bottom:8px;}&[data-focus='true']{outline:none;box-shadow:0px 0px 0px 1px ", ",0px 0px 0px 3px #6ac9ec;}&[data-error='true']{border:1px solid ", ";&[data-focus='true']{box-shadow:none;}}&[data-disabled='true']{border:1px solid ", ";background:", ";}"], function (props) {
9
+ return props.width;
10
+ }, Neutral.B68, borderRadius4, Neutral.B100, Red.B93, Neutral.B85, Neutral.B95);
11
+ export var StyledTextArea = styled.textarea.withConfig({
12
+ displayName: "TextAreaStyle__StyledTextArea",
13
+ componentId: "sc-1cq0fhw-1"
14
+ })(["background:", ";box-sizing:border-box;border:none;", " color:", ";resize:none;width:100%;::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-thumb{background-color:", ";border-radius:2px;}::-webkit-scrollbar-thumb:hover{background-color:", ";}&::placeholder{color:", ";}&:focus{outline:none;}:disabled{background:", ";::placeholder{color:", ";}}"], Neutral.B100, typographyBody1, Neutral.B18, Neutral.B68, Neutral.B40, Neutral.B40, Neutral.B95, Neutral.B85);
15
+ export var StyledWordCountContainer = styled.div.withConfig({
16
+ displayName: "TextAreaStyle__StyledWordCountContainer",
17
+ componentId: "sc-1cq0fhw-2"
18
+ })(["position:absolute;bottom:8px;right:12px;color:", ";&[data-error='true']{color:", ";}&[data-disabled='true']{color:", ";}"], Neutral.B40, Red.B93, Neutral.B85);
package/es/@next/TextArea/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './TextArea';
package/es/@next/TextArea/index.js ADDED
@@ -0,0 +1 @@
1
+ export * from './TextArea';
package/es/@next/Typography/TypographyStyles.d.ts CHANGED
@@ -1,2 +1,19 @@
1
- import { TypographyProps } from './Typography';
1
+ import { FlattenSimpleInterpolation } from 'styled-components';
2
+ import { TypographyProps, Variant } from './Typography';
3
+ export declare const headline1: FlattenSimpleInterpolation;
4
+ export declare const headline2: FlattenSimpleInterpolation;
5
+ export declare const headline3: FlattenSimpleInterpolation;
6
+ export declare const headline4: FlattenSimpleInterpolation;
7
+ export declare const headline5: FlattenSimpleInterpolation;
8
+ export declare const headline6: FlattenSimpleInterpolation;
9
+ export declare const subtitle1: FlattenSimpleInterpolation;
10
+ export declare const subtitle2: FlattenSimpleInterpolation;
11
+ export declare const body1: FlattenSimpleInterpolation;
12
+ export declare const body2: FlattenSimpleInterpolation;
13
+ export declare const button: FlattenSimpleInterpolation;
14
+ export declare const caption: FlattenSimpleInterpolation;
15
+ export declare const overline: FlattenSimpleInterpolation;
16
+ export declare const variantCssMapping: {
17
+ [variant in Variant]: FlattenSimpleInterpolation;
18
+ };
2
19
  export declare const StyledTypography: import("styled-components").StyledComponent<"p", any, TypographyProps, never>;
package/es/@next/Typography/TypographyStyles.js CHANGED
@@ -2,20 +2,20 @@ var _variantCssMapping;
2
2
  import styled, { css } from 'styled-components';
3
3
  import * as Breakpoints from '../utilities/breakpoints';
4
4
  import { NotoSans, Poppins } from '../utilities/fonts';
5
- var headline1 = css(["font-family:", ",sans-serif;font-weight:700;font-size:60px;line-height:140%;letter-spacing:0;@media (max-width:", "){font-size:36px;}"], Poppins, Breakpoints.large);
6
- var headline2 = css(["font-family:", ",sans-serif;font-weight:700;font-size:50px;line-height:normal;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:32px;line-height:140%;}"], Poppins, Breakpoints.large);
7
- var headline3 = css(["font-family:", ",sans-serif;font-weight:700;font-size:36px;line-height:normal;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:28px;line-height:140%;}"], Poppins, Breakpoints.large);
8
- var headline4 = css(["font-family:", ",sans-serif;font-weight:700;font-size:30px;line-height:140%;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:24px;line-height:150%;}"], Poppins, Breakpoints.large);
9
- var headline5 = css(["font-weight:700;font-size:26px;line-height:normal;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:20px;}"], Breakpoints.large);
10
- var headline6 = css(["font-family:", ",sans-serif;font-weight:600;font-size:24px;line-height:150%;letter-spacing:0;@media (max-width:", "){font-weight:700;font-size:18px;letter-spacing:0.15px;}"], NotoSans, Breakpoints.large);
11
- var subtitle1 = css(["font-family:", ",sans-serif;font-weight:600;font-size:20px;line-height:150%;letter-spacing:0.15px;@media (max-width:", "){font-size:16px;}"], NotoSans, Breakpoints.large);
12
- var subtitle2 = css(["font-family:", ",sans-serif;font-weight:400;font-size:14px;line-height:150%;letter-spacing:0.25px;@media (max-width:", "){font-size:12px;letter-spacing:0;}"], NotoSans, Breakpoints.large);
13
- var body1 = css(["font-family:", ",sans-serif;font-weight:400;font-size:16px;line-height:150%;letter-spacing:0px;@media (max-width:", "){font-size:14px;}"], NotoSans, Breakpoints.large);
14
- var body2 = css(["font-family:", ",sans-serif;font-weight:600;font-size:16px;line-height:150%;letter-spacing:0.25px;@media (max-width:", "){font-size:14px;line-height:140%;letter-spacing:0;}"], NotoSans, Breakpoints.large);
15
- var button = css(["font-family:", ",sans-serif;font-weight:700;font-size:14px;line-height:150%;letter-spacing:1.25px;@media (max-width:", "){font-weight:600;line-height:150%;letter-spacing:0.25px;}"], NotoSans, Breakpoints.large);
16
- var caption = css(["font-family:", ",sans-serif;font-weight:400;font-size:14px;line-height:140%;letter-spacing:0.4px;@media (max-width:", "){font-weight:500;font-size:12px;letter-spacing:0.2px;}"], NotoSans, Breakpoints.large);
17
- var overline = css(["font-family:", ",sans-serif;font-weight:500;font-size:12px;line-height:140%;letter-spacing:1.5px;@media (max-width:", "){font-size:10px;letter-spacing:0.2px;}"], NotoSans, Breakpoints.large);
18
- var variantCssMapping = (_variantCssMapping = {}, _variantCssMapping['headline1'] = headline1, _variantCssMapping['headline2'] = headline2, _variantCssMapping['headline3'] = headline3, _variantCssMapping['headline4'] = headline4, _variantCssMapping['headline5'] = headline5, _variantCssMapping['headline6'] = headline6, _variantCssMapping['subtitle1'] = subtitle1, _variantCssMapping['subtitle2'] = subtitle2, _variantCssMapping['body1'] = body1, _variantCssMapping['body2'] = body2, _variantCssMapping['button'] = button, _variantCssMapping['caption'] = caption, _variantCssMapping['overline'] = overline, _variantCssMapping);
5
+ export var headline1 = css(["font-family:", ",sans-serif;font-weight:700;font-size:60px;line-height:140%;letter-spacing:0;@media (max-width:", "){font-size:36px;}"], Poppins, Breakpoints.large);
6
+ export var headline2 = css(["font-family:", ",sans-serif;font-weight:700;font-size:50px;line-height:normal;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:32px;line-height:140%;}"], Poppins, Breakpoints.large);
7
+ export var headline3 = css(["font-family:", ",sans-serif;font-weight:700;font-size:36px;line-height:normal;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:28px;line-height:140%;}"], Poppins, Breakpoints.large);
8
+ export var headline4 = css(["font-family:", ",sans-serif;font-weight:700;font-size:30px;line-height:140%;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:24px;line-height:150%;}"], Poppins, Breakpoints.large);
9
+ export var headline5 = css(["font-weight:700;font-size:26px;line-height:normal;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:20px;}"], Breakpoints.large);
10
+ export var headline6 = css(["font-family:", ",sans-serif;font-weight:600;font-size:24px;line-height:150%;letter-spacing:0;@media (max-width:", "){font-weight:700;font-size:18px;letter-spacing:0.15px;}"], NotoSans, Breakpoints.large);
11
+ export var subtitle1 = css(["font-family:", ",sans-serif;font-weight:600;font-size:20px;line-height:150%;letter-spacing:0.15px;@media (max-width:", "){font-size:16px;}"], NotoSans, Breakpoints.large);
12
+ export var subtitle2 = css(["font-family:", ",sans-serif;font-weight:400;font-size:14px;line-height:150%;letter-spacing:0.25px;@media (max-width:", "){font-size:12px;letter-spacing:0;}"], NotoSans, Breakpoints.large);
13
+ export var body1 = css(["font-family:", ",sans-serif;font-weight:400;font-size:16px;line-height:150%;letter-spacing:0px;@media (max-width:", "){font-size:14px;}"], NotoSans, Breakpoints.large);
14
+ export var body2 = css(["font-family:", ",sans-serif;font-weight:600;font-size:16px;line-height:150%;letter-spacing:0.25px;@media (max-width:", "){font-size:14px;line-height:140%;letter-spacing:0;}"], NotoSans, Breakpoints.large);
15
+ export var button = css(["font-family:", ",sans-serif;font-weight:700;font-size:14px;line-height:150%;letter-spacing:1.25px;@media (max-width:", "){font-weight:600;line-height:150%;letter-spacing:0.25px;}"], NotoSans, Breakpoints.large);
16
+ export var caption = css(["font-family:", ",sans-serif;font-weight:400;font-size:14px;line-height:140%;letter-spacing:0.4px;@media (max-width:", "){font-weight:500;font-size:12px;letter-spacing:0.2px;}"], NotoSans, Breakpoints.large);
17
+ export var overline = css(["font-family:", ",sans-serif;font-weight:500;font-size:12px;line-height:140%;letter-spacing:1.5px;@media (max-width:", "){font-size:10px;letter-spacing:0.2px;}"], NotoSans, Breakpoints.large);
18
+ export var variantCssMapping = (_variantCssMapping = {}, _variantCssMapping['headline1'] = headline1, _variantCssMapping['headline2'] = headline2, _variantCssMapping['headline3'] = headline3, _variantCssMapping['headline4'] = headline4, _variantCssMapping['headline5'] = headline5, _variantCssMapping['headline6'] = headline6, _variantCssMapping['subtitle1'] = subtitle1, _variantCssMapping['subtitle2'] = subtitle2, _variantCssMapping['body1'] = body1, _variantCssMapping['body2'] = body2, _variantCssMapping['button'] = button, _variantCssMapping['caption'] = caption, _variantCssMapping['overline'] = overline, _variantCssMapping);
19
19
  export var StyledTypography = styled.p.withConfig({
20
20
  displayName: "TypographyStyles__StyledTypography",
21
21
  componentId: "sc-ro16eu-0"
package/es/@next/index.d.ts CHANGED
@@ -30,10 +30,12 @@ export { Pagination, PaginationProps, SimplePagination } from './Pagination';
30
30
  export { Popover, PopoverProps } from './Popover';
31
31
  export { RadioButton, RadioButtonProps } from './RadioButton';
32
32
  export { Select, SelectProps } from './Select';
33
+ export { SideSheet, SideSheetProps } from './SideSheet';
33
34
  export { SkeletonImageCircle, SkeletonImageCircleProps, SkeletonImageSquare, SkeletonImageSquareProps, SkeletonText, SkeletonTextProps, } from './Skeleton';
34
35
  export { Spinner, SpinnerProps } from './Spinner';
35
36
  export { Tab, TabModel, TabProps, Tabs, TabsProps } from './Tabs';
36
37
  export { Tag, TagProps } from './Tag';
38
+ export { TextArea, TextAreaProps } from './TextArea';
37
39
  export { TextInput, TextInputProps } from './TextInput';
38
40
  export { Tooltip, TooltipPosition, TooltipProps } from './Tooltip';
39
41
  export { Typography, TypographyProps } from './Typography';
package/es/@next/index.js CHANGED
@@ -31,10 +31,12 @@ export { Pagination, PaginationProps, SimplePagination } from './Pagination';
31
31
  export { Popover, PopoverProps } from './Popover';
32
32
  export { RadioButton, RadioButtonProps } from './RadioButton';
33
33
  export { Select, SelectProps } from './Select';
34
+ export { SideSheet, SideSheetProps } from './SideSheet';
34
35
  export { SkeletonImageCircle, SkeletonImageCircleProps, SkeletonImageSquare, SkeletonImageSquareProps, SkeletonText, SkeletonTextProps } from './Skeleton';
35
36
  export { Spinner, SpinnerProps } from './Spinner';
36
37
  export { Tab, TabModel, TabProps, Tabs, TabsProps } from './Tabs';
37
38
  export { Tag, TagProps } from './Tag';
39
+ export { TextArea, TextAreaProps } from './TextArea';
38
40
  export { TextInput, TextInputProps } from './TextInput';
39
41
  export { Tooltip, TooltipPosition, TooltipProps } from './Tooltip';
40
42
  export { Typography, TypographyProps } from './Typography';
package/lib/@next/Badge/Badge.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- declare const badgeStatusVariant: readonly ["neutral", "success", "information", "warning", "critical", "promotion", "enticing", "attention"];
2
+ declare const badgeStatusVariant: readonly ["neutral", "success", "information", "warning", "critical", "promotion", "enticing", "attention", "primary"];
3
3
  export declare type BadgeStatusVariant = typeof badgeStatusVariant[number];
4
4
  export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
5
5
  children?: React.ReactNode;
package/lib/@next/Badge/Badge.js CHANGED
@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var _Typography = require("../Typography");
10
10
  var _BadgeStyle = require("./BadgeStyle");
11
11
  var _excluded = ["children", "hasBorder", "status", "textColor"];
12
- var badgeStatusVariant = ['neutral', 'success', 'information', 'warning', 'critical', 'promotion', 'enticing', 'attention'];
12
+ var badgeStatusVariant = ['neutral', 'success', 'information', 'warning', 'critical', 'promotion', 'enticing', 'attention', 'primary'];
13
13
  var renderTextColor = function renderTextColor(textColor, status) {
14
14
  if (textColor) {
15
15
  return textColor;
package/lib/@next/Badge/BadgeStyle.js CHANGED
@@ -8,8 +8,8 @@ var _borderRadius = require("../utilities/borderRadius");
8
8
  var _colors = require("../utilities/colors");
9
9
  var _spacing = require("../utilities/spacing");
10
10
  var _badgeBackgroundColor, _badgeTextColor;
11
- var badgeBackgroundColor = (_badgeBackgroundColor = {}, _badgeBackgroundColor['neutral'] = _colors.Neutral.B95, _badgeBackgroundColor['success'] = _colors.Green.B89, _badgeBackgroundColor['information'] = _colors.Blue.S08, _badgeBackgroundColor['warning'] = _colors.Orange.S21, _badgeBackgroundColor['critical'] = _colors.Red.B100, _badgeBackgroundColor['promotion'] = _colors.Yellow.S75, _badgeBackgroundColor['enticing'] = _colors.Orange.S87, _badgeBackgroundColor['attention'] = _colors.Red.B93, _badgeBackgroundColor);
12
- var badgeTextColor = (_badgeTextColor = {}, _badgeTextColor['neutral'] = _colors.Neutral.B18, _badgeTextColor['success'] = _colors.Neutral.B18, _badgeTextColor['information'] = _colors.Neutral.B18, _badgeTextColor['warning'] = _colors.Neutral.B18, _badgeTextColor['critical'] = _colors.Neutral.B18, _badgeTextColor['promotion'] = _colors.Neutral.B18, _badgeTextColor['enticing'] = _colors.Neutral.B100, _badgeTextColor['attention'] = _colors.Neutral.B100, _badgeTextColor);
11
+ var badgeBackgroundColor = (_badgeBackgroundColor = {}, _badgeBackgroundColor['neutral'] = _colors.Neutral.B95, _badgeBackgroundColor['success'] = _colors.Green.B89, _badgeBackgroundColor['information'] = _colors.Blue.S08, _badgeBackgroundColor['warning'] = _colors.Orange.S21, _badgeBackgroundColor['critical'] = _colors.Red.B100, _badgeBackgroundColor['promotion'] = _colors.Yellow.S75, _badgeBackgroundColor['enticing'] = _colors.Orange.S87, _badgeBackgroundColor['attention'] = _colors.Red.B93, _badgeBackgroundColor['primary'] = _colors.Blue.S99, _badgeBackgroundColor);
12
+ var badgeTextColor = (_badgeTextColor = {}, _badgeTextColor['neutral'] = _colors.Neutral.B18, _badgeTextColor['success'] = _colors.Neutral.B18, _badgeTextColor['information'] = _colors.Neutral.B18, _badgeTextColor['warning'] = _colors.Neutral.B18, _badgeTextColor['critical'] = _colors.Neutral.B18, _badgeTextColor['promotion'] = _colors.Neutral.B18, _badgeTextColor['enticing'] = _colors.Neutral.B100, _badgeTextColor['attention'] = _colors.Neutral.B100, _badgeTextColor['primary'] = _colors.Neutral.B100, _badgeTextColor);
13
13
  exports.badgeTextColor = badgeTextColor;
14
14
  var getBadgeBackgroundColor = function getBadgeBackgroundColor(status) {
15
15
  if (!(status in badgeBackgroundColor)) {
package/lib/@next/Icon/components/RiSparkling2Fill.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRiSparkling2Fill: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRiSparkling2Fill;
package/lib/@next/Icon/components/RiSparkling2Fill.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 SvgRiSparkling2Fill = function SvgRiSparkling2Fill(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
+ d: "m17 1.208 1.32 2.473L20.792 5 18.32 6.319 17.002 8.79 15.68 6.32l-2.472-1.32 2.473-1.318L17 1.208ZM8 4.333l2.667 5 5 2.667-5 2.666-2.666 5-2.667-5-5-2.666 5-2.667 2.667-5Zm11.667 12-1.666-3.125-1.667 3.125L13.209 18l3.125 1.666 1.667 3.125 1.666-3.125L22.792 18l-3.125-1.667Z"
16
+ }));
17
+ };
18
+ var _default = SvgRiSparkling2Fill;
19
+ exports["default"] = _default;
package/lib/@next/Icon/components/RiSparkling2Line.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgRiSparkling2Line: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgRiSparkling2Line;
package/lib/@next/Icon/components/RiSparkling2Line.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 SvgRiSparkling2Line = function SvgRiSparkling2Line(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
+ d: "m17 .208 1.32 2.473L20.792 4 18.32 5.319 17.002 7.79 15.68 5.32l-2.472-1.32 2.473-1.318L17 .208Zm-6.333 8.125 5 2.667-5 2.666-2.666 5-2.667-5-5-2.666 5-2.667 2.667-5 2.666 5Zm.75 2.667L9.19 9.81 8.001 7.583 6.812 9.811 4.584 11l2.228 1.188 1.189 2.228 1.188-2.228L11.417 11Zm8.25 4.333-1.666-3.125-1.667 3.125L13.209 17l3.125 1.666 1.667 3.125 1.666-3.125L22.792 17l-3.125-1.667Z"
16
+ }));
17
+ };
18
+ var _default = SvgRiSparkling2Line;
19
+ exports["default"] = _default;
package/lib/@next/Icon/components/index.d.ts CHANGED
@@ -81,6 +81,8 @@ export { default as RiSendPlaneFill } from './RiSendPlaneFill';
81
81
  export { default as RiSendPlaneLine } from './RiSendPlaneLine';
82
82
  export { default as RiSettingsFill } from './RiSettingsFill';
83
83
  export { default as RiSettingsLine } from './RiSettingsLine';
84
+ export { default as RiSparkling2Fill } from './RiSparkling2Fill';
85
+ export { default as RiSparkling2Line } from './RiSparkling2Line';
84
86
  export { default as RiTimer3Fill } from './RiTimer3Fill';
85
87
  export { default as RiTimer3Line } from './RiTimer3Line';
86
88
  export { default as RiTwitterLine } from './RiTwitterLine';
package/lib/@next/Icon/components/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
  exports.__esModule = true;
5
- exports.RiUploadLine = exports.RiUploadFill = exports.RiTwitterLine = exports.RiTimer3Line = exports.RiTimer3Fill = exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiSearch = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMore = exports.RiMinus = exports.RiMessageLine = exports.RiMessageFill = exports.RiMapLine = exports.RiMapFill = exports.RiMailLine = exports.RiLoader = exports.RiLinkedInLine = exports.RiInstagramLine = exports.RiInformationLine = exports.RiInformationFill = exports.RiFolderUserFill = exports.RiFileList3Fill = exports.RiFileLine = exports.RiFileFill = exports.RiFacebookCircleLine = exports.RiExternalLinkLine = exports.RiErrorWarningLine = exports.RiErrorWarningFill = exports.RiEqualizerLine = exports.RiDeleteBinLine = exports.RiDeleteBinFill = exports.RiCoinsLine = exports.RiCloseCircleLine = exports.RiCloseCircleFill = exports.RiClose = exports.RiCheckboxLine = exports.RiCheckboxIndeterminateLine = exports.RiCheckboxIndeterminateFill = exports.RiCheckboxFill = exports.RiCheckboxCircleFill = exports.RiCheck = exports.RiCalendarLine = exports.RiCalendarFill = exports.RiCalendarEventLine = exports.RiCalendarEventFill = exports.RiBriefcaseLine = exports.RiBriefcaseFill = exports.RiArrowXsUpFill = exports.RiArrowXsDownFill = exports.RiArrowUpLine = exports.RiArrowUpFill = exports.RiArrowUpDownLine = exports.RiArrowUpDownFill = exports.RiArrowRightLine = exports.RiArrowRightFill = exports.RiArrowMUpLine = exports.RiArrowMUpFill = exports.RiArrowMRightLine = exports.RiArrowMRightFill = exports.RiArrowMLeftLine = exports.RiArrowMLeftFill = exports.RiArrowMDownLine = exports.RiArrowMDownFill = exports.RiArrowLeftRightLine = exports.RiArrowLeftRightFill = exports.RiArrowLeftLine = exports.RiArrowLeftFill = exports.RiArrowGoForwardLine = exports.RiArrowGoForwardFill = exports.RiArrowGoBackLine = exports.RiArrowGoBackFill = exports.RiArrowDownLine = exports.RiArrowDownFill = exports.RiAlarmWarningLine = exports.RiAlarmWarningFill = exports.RiAddCircleLine = exports.RiAddCircleFill = exports.RiAdd = exports.RiAccountCircleLine = exports.RiAccountCircleFill = void 0;
5
+ exports.RiUploadLine = exports.RiUploadFill = exports.RiTwitterLine = exports.RiTimer3Line = exports.RiTimer3Fill = exports.RiSparkling2Line = exports.RiSparkling2Fill = exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiSearch = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMore = exports.RiMinus = exports.RiMessageLine = exports.RiMessageFill = exports.RiMapLine = exports.RiMapFill = exports.RiMailLine = exports.RiLoader = exports.RiLinkedInLine = exports.RiInstagramLine = exports.RiInformationLine = exports.RiInformationFill = exports.RiFolderUserFill = exports.RiFileList3Fill = exports.RiFileLine = exports.RiFileFill = exports.RiFacebookCircleLine = exports.RiExternalLinkLine = exports.RiErrorWarningLine = exports.RiErrorWarningFill = exports.RiEqualizerLine = exports.RiDeleteBinLine = exports.RiDeleteBinFill = exports.RiCoinsLine = exports.RiCloseCircleLine = exports.RiCloseCircleFill = exports.RiClose = exports.RiCheckboxLine = exports.RiCheckboxIndeterminateLine = exports.RiCheckboxIndeterminateFill = exports.RiCheckboxFill = exports.RiCheckboxCircleFill = exports.RiCheck = exports.RiCalendarLine = exports.RiCalendarFill = exports.RiCalendarEventLine = exports.RiCalendarEventFill = exports.RiBriefcaseLine = exports.RiBriefcaseFill = exports.RiArrowXsUpFill = exports.RiArrowXsDownFill = exports.RiArrowUpLine = exports.RiArrowUpFill = exports.RiArrowUpDownLine = exports.RiArrowUpDownFill = exports.RiArrowRightLine = exports.RiArrowRightFill = exports.RiArrowMUpLine = exports.RiArrowMUpFill = exports.RiArrowMRightLine = exports.RiArrowMRightFill = exports.RiArrowMLeftLine = exports.RiArrowMLeftFill = exports.RiArrowMDownLine = exports.RiArrowMDownFill = exports.RiArrowLeftRightLine = exports.RiArrowLeftRightFill = exports.RiArrowLeftLine = exports.RiArrowLeftFill = exports.RiArrowGoForwardLine = exports.RiArrowGoForwardFill = exports.RiArrowGoBackLine = exports.RiArrowGoBackFill = exports.RiArrowDownLine = exports.RiArrowDownFill = exports.RiAlarmWarningLine = exports.RiAlarmWarningFill = exports.RiAddCircleLine = exports.RiAddCircleFill = exports.RiAdd = exports.RiAccountCircleLine = exports.RiAccountCircleFill = void 0;
6
6
  var _RiAccountCircleFill = _interopRequireDefault(require("./RiAccountCircleFill"));
7
7
  exports.RiAccountCircleFill = _RiAccountCircleFill["default"];
8
8
  var _RiAccountCircleLine = _interopRequireDefault(require("./RiAccountCircleLine"));
@@ -169,6 +169,10 @@ var _RiSettingsFill = _interopRequireDefault(require("./RiSettingsFill"));
169
169
  exports.RiSettingsFill = _RiSettingsFill["default"];
170
170
  var _RiSettingsLine = _interopRequireDefault(require("./RiSettingsLine"));
171
171
  exports.RiSettingsLine = _RiSettingsLine["default"];
172
+ var _RiSparkling2Fill = _interopRequireDefault(require("./RiSparkling2Fill"));
173
+ exports.RiSparkling2Fill = _RiSparkling2Fill["default"];
174
+ var _RiSparkling2Line = _interopRequireDefault(require("./RiSparkling2Line"));
175
+ exports.RiSparkling2Line = _RiSparkling2Line["default"];
172
176
  var _RiTimer3Fill = _interopRequireDefault(require("./RiTimer3Fill"));
173
177
  exports.RiTimer3Fill = _RiTimer3Fill["default"];
174
178
  var _RiTimer3Line = _interopRequireDefault(require("./RiTimer3Line"));
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 ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-facebook-circle-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-mail-line", "ri-more", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line"];
2
+ export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-facebook-circle-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-mail-line", "ri-more", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line", "ri-sparkling2-line", "ri-sparkling2-fill"];
3
3
  export declare type IconNames = typeof iconNames[number];
4
4
  declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
5
5
  export declare const iconsMappingComponent: {
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 = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-facebook-circle-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list3-fill', 'ri-folder-user-fill', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-mail-line', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-upload-fill', 'ri-upload-line'];
9
+ var iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-facebook-circle-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list3-fill', 'ri-folder-user-fill', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-mail-line', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-upload-fill', 'ri-upload-line', 'ri-sparkling2-line', 'ri-sparkling2-fill'];
10
10
  exports.iconNames = iconNames;
11
- var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen);
11
+ var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen['ri-sparkling2-line'] = Icons.RiSparkling2Line, _iconsMappingComponen['ri-sparkling2-fill'] = Icons.RiSparkling2Fill, _iconsMappingComponen);
12
12
  exports.iconsMappingComponent = iconsMappingComponent;
package/lib/@next/TextArea/TextArea.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import React, { TextareaHTMLAttributes } from 'react';
2
+ export declare type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> & {
3
+ value: string;
4
+ onChange: (value: string) => void;
5
+ error?: boolean;
6
+ width?: string;
7
+ };
8
+ export declare const TextArea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> & {
9
+ value: string;
10
+ onChange: (value: string) => void;
11
+ error?: boolean;
12
+ width?: string;
13
+ } & React.RefAttributes<HTMLTextAreaElement>>;
package/lib/@next/TextArea/TextArea.js ADDED
@@ -0,0 +1,83 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.TextArea = void 0;
6
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
7
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var _TextAreaStyle = require("./TextAreaStyle");
10
+ var _Typography = require("../Typography");
11
+ var _excluded = ["value", "rows", "maxLength", "error", "disabled", "width", "onChange"];
12
+ 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); }
13
+ 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; }
14
+ var TextArea = /*#__PURE__*/_react["default"].forwardRef(function TextArea(_ref, ref) {
15
+ var value = _ref.value,
16
+ _ref$rows = _ref.rows,
17
+ rows = _ref$rows === void 0 ? 3 : _ref$rows,
18
+ maxLength = _ref.maxLength,
19
+ _ref$error = _ref.error,
20
+ error = _ref$error === void 0 ? false : _ref$error,
21
+ _ref$disabled = _ref.disabled,
22
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
23
+ _ref$width = _ref.width,
24
+ width = _ref$width === void 0 ? '520px' : _ref$width,
25
+ onChange = _ref.onChange,
26
+ props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
27
+ var _useState = (0, _react.useState)(0),
28
+ charCount = _useState[0],
29
+ setCharCount = _useState[1];
30
+ var _useState2 = (0, _react.useState)(false),
31
+ isFocused = _useState2[0],
32
+ setIsFocused = _useState2[1];
33
+ var isError = error || !!maxLength && charCount > maxLength;
34
+ var localRef = (0, _react.useRef)(null);
35
+ var setRefs = function setRefs(node) {
36
+ localRef.current = node;
37
+ if (typeof ref === 'function') {
38
+ ref(node);
39
+ } else if (ref) {
40
+ ref.current = node;
41
+ }
42
+ };
43
+ (0, _react.useEffect)(function () {
44
+ setCharCount(value.length);
45
+ }, [value]);
46
+ var handleContainerClick = function handleContainerClick() {
47
+ if (localRef.current) {
48
+ localRef.current.focus();
49
+ }
50
+ };
51
+ var handleChange = function handleChange(e) {
52
+ var val = e.currentTarget.value;
53
+ onChange(val);
54
+ };
55
+ return /*#__PURE__*/_react["default"].createElement(_TextAreaStyle.StyledTextAreaContainer, {
56
+ "data-error": isError,
57
+ "data-disabled": disabled,
58
+ "data-focus": isFocused,
59
+ "data-has-counter": !!maxLength,
60
+ width: width,
61
+ onClick: handleContainerClick
62
+ }, /*#__PURE__*/_react["default"].createElement(_TextAreaStyle.StyledTextArea, (0, _extends2["default"])({
63
+ ref: setRefs,
64
+ value: value,
65
+ rows: rows,
66
+ width: width,
67
+ onChange: handleChange,
68
+ disabled: disabled,
69
+ onFocus: function onFocus() {
70
+ return setIsFocused(true);
71
+ },
72
+ onBlur: function onBlur() {
73
+ return setIsFocused(false);
74
+ }
75
+ }, props)), !!maxLength && /*#__PURE__*/_react["default"].createElement(_TextAreaStyle.StyledWordCountContainer, {
76
+ "data-disabled": disabled,
77
+ "data-error": isError
78
+ }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
79
+ as: "span",
80
+ variant: "overline"
81
+ }, charCount, " / ", maxLength)));
82
+ });
83
+ exports.TextArea = TextArea;
package/lib/@next/TextArea/TextArea.stories.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { Meta } from '@storybook/react';
2
+ declare const _default: Meta<import("@storybook/react").Args>;
3
+ export default _default;
4
+ export declare const Interactive: any;
package/lib/@next/TextArea/TextAreaStyle.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ interface TextAreaProp {
2
+ width: string;
3
+ }
4
+ export declare const StyledTextAreaContainer: import("styled-components").StyledComponent<"div", any, TextAreaProp, never>;
5
+ export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", any, TextAreaProp, never>;
6
+ export declare const StyledWordCountContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
7
+ export {};
package/lib/@next/TextArea/TextAreaStyle.js ADDED
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ exports.__esModule = true;
5
+ exports.StyledWordCountContainer = exports.StyledTextAreaContainer = exports.StyledTextArea = void 0;
6
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
7
+ var _borderRadius = require("../utilities/borderRadius");
8
+ var _colors = require("../utilities/colors");
9
+ var _TypographyStyles = require("../Typography/TypographyStyles");
10
+ var StyledTextAreaContainer = _styledComponents["default"].div.withConfig({
11
+ displayName: "TextAreaStyle__StyledTextAreaContainer",
12
+ componentId: "sc-1cq0fhw-0"
13
+ })(["position:relative;width:", ";border:1px solid ", ";border-radius:", ";padding:8px 12px 25px 12px;cursor:text;&:not([data-has-counter='true']){padding-bottom:8px;}&[data-focus='true']{outline:none;box-shadow:0px 0px 0px 1px ", ",0px 0px 0px 3px #6ac9ec;}&[data-error='true']{border:1px solid ", ";&[data-focus='true']{box-shadow:none;}}&[data-disabled='true']{border:1px solid ", ";background:", ";}"], function (props) {
14
+ return props.width;
15
+ }, _colors.Neutral.B68, _borderRadius.borderRadius4, _colors.Neutral.B100, _colors.Red.B93, _colors.Neutral.B85, _colors.Neutral.B95);
16
+ exports.StyledTextAreaContainer = StyledTextAreaContainer;
17
+ var StyledTextArea = _styledComponents["default"].textarea.withConfig({
18
+ displayName: "TextAreaStyle__StyledTextArea",
19
+ componentId: "sc-1cq0fhw-1"
20
+ })(["background:", ";box-sizing:border-box;border:none;", " color:", ";resize:none;width:100%;::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-thumb{background-color:", ";border-radius:2px;}::-webkit-scrollbar-thumb:hover{background-color:", ";}&::placeholder{color:", ";}&:focus{outline:none;}:disabled{background:", ";::placeholder{color:", ";}}"], _colors.Neutral.B100, _TypographyStyles.body1, _colors.Neutral.B18, _colors.Neutral.B68, _colors.Neutral.B40, _colors.Neutral.B40, _colors.Neutral.B95, _colors.Neutral.B85);
21
+ exports.StyledTextArea = StyledTextArea;
22
+ var StyledWordCountContainer = _styledComponents["default"].div.withConfig({
23
+ displayName: "TextAreaStyle__StyledWordCountContainer",
24
+ componentId: "sc-1cq0fhw-2"
25
+ })(["position:absolute;bottom:8px;right:12px;color:", ";&[data-error='true']{color:", ";}&[data-disabled='true']{color:", ";}"], _colors.Neutral.B40, _colors.Red.B93, _colors.Neutral.B85);
26
+ exports.StyledWordCountContainer = StyledWordCountContainer;
package/lib/@next/TextArea/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './TextArea';
package/lib/@next/TextArea/index.js ADDED
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ var _TextArea = require("./TextArea");
5
+ Object.keys(_TextArea).forEach(function (key) {
6
+ if (key === "default" || key === "__esModule") return;
7
+ if (key in exports && exports[key] === _TextArea[key]) return;
8
+ exports[key] = _TextArea[key];
9
+ });
package/lib/@next/Typography/TypographyStyles.d.ts CHANGED
@@ -1,2 +1,19 @@
1
- import { TypographyProps } from './Typography';
1
+ import { FlattenSimpleInterpolation } from 'styled-components';
2
+ import { TypographyProps, Variant } from './Typography';
3
+ export declare const headline1: FlattenSimpleInterpolation;
4
+ export declare const headline2: FlattenSimpleInterpolation;
5
+ export declare const headline3: FlattenSimpleInterpolation;
6
+ export declare const headline4: FlattenSimpleInterpolation;
7
+ export declare const headline5: FlattenSimpleInterpolation;
8
+ export declare const headline6: FlattenSimpleInterpolation;
9
+ export declare const subtitle1: FlattenSimpleInterpolation;
10
+ export declare const subtitle2: FlattenSimpleInterpolation;
11
+ export declare const body1: FlattenSimpleInterpolation;
12
+ export declare const body2: FlattenSimpleInterpolation;
13
+ export declare const button: FlattenSimpleInterpolation;
14
+ export declare const caption: FlattenSimpleInterpolation;
15
+ export declare const overline: FlattenSimpleInterpolation;
16
+ export declare const variantCssMapping: {
17
+ [variant in Variant]: FlattenSimpleInterpolation;
18
+ };
2
19
  export declare const StyledTypography: import("styled-components").StyledComponent<"p", any, TypographyProps, never>;
package/lib/@next/Typography/TypographyStyles.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.StyledTypography = void 0;
4
+ exports.variantCssMapping = exports.subtitle2 = exports.subtitle1 = exports.overline = exports.headline6 = exports.headline5 = exports.headline4 = exports.headline3 = exports.headline2 = exports.headline1 = exports.caption = exports.button = exports.body2 = exports.body1 = exports.StyledTypography = void 0;
5
5
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
6
6
  var Breakpoints = _interopRequireWildcard(require("../utilities/breakpoints"));
7
7
  var _fonts = require("../utilities/fonts");
@@ -9,19 +9,33 @@ var _variantCssMapping;
9
9
  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); }
10
10
  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; }
11
11
  var headline1 = (0, _styledComponents.css)(["font-family:", ",sans-serif;font-weight:700;font-size:60px;line-height:140%;letter-spacing:0;@media (max-width:", "){font-size:36px;}"], _fonts.Poppins, Breakpoints.large);
12
+ exports.headline1 = headline1;
12
13
  var headline2 = (0, _styledComponents.css)(["font-family:", ",sans-serif;font-weight:700;font-size:50px;line-height:normal;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:32px;line-height:140%;}"], _fonts.Poppins, Breakpoints.large);
14
+ exports.headline2 = headline2;
13
15
  var headline3 = (0, _styledComponents.css)(["font-family:", ",sans-serif;font-weight:700;font-size:36px;line-height:normal;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:28px;line-height:140%;}"], _fonts.Poppins, Breakpoints.large);
16
+ exports.headline3 = headline3;
14
17
  var headline4 = (0, _styledComponents.css)(["font-family:", ",sans-serif;font-weight:700;font-size:30px;line-height:140%;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:24px;line-height:150%;}"], _fonts.Poppins, Breakpoints.large);
18
+ exports.headline4 = headline4;
15
19
  var headline5 = (0, _styledComponents.css)(["font-weight:700;font-size:26px;line-height:normal;letter-spacing:0;@media (max-width:", "){font-weight:600;font-size:20px;}"], Breakpoints.large);
20
+ exports.headline5 = headline5;
16
21
  var headline6 = (0, _styledComponents.css)(["font-family:", ",sans-serif;font-weight:600;font-size:24px;line-height:150%;letter-spacing:0;@media (max-width:", "){font-weight:700;font-size:18px;letter-spacing:0.15px;}"], _fonts.NotoSans, Breakpoints.large);
22
+ exports.headline6 = headline6;
17
23
  var subtitle1 = (0, _styledComponents.css)(["font-family:", ",sans-serif;font-weight:600;font-size:20px;line-height:150%;letter-spacing:0.15px;@media (max-width:", "){font-size:16px;}"], _fonts.NotoSans, Breakpoints.large);
24
+ exports.subtitle1 = subtitle1;
18
25
  var subtitle2 = (0, _styledComponents.css)(["font-family:", ",sans-serif;font-weight:400;font-size:14px;line-height:150%;letter-spacing:0.25px;@media (max-width:", "){font-size:12px;letter-spacing:0;}"], _fonts.NotoSans, Breakpoints.large);
26
+ exports.subtitle2 = subtitle2;
19
27
  var body1 = (0, _styledComponents.css)(["font-family:", ",sans-serif;font-weight:400;font-size:16px;line-height:150%;letter-spacing:0px;@media (max-width:", "){font-size:14px;}"], _fonts.NotoSans, Breakpoints.large);
28
+ exports.body1 = body1;
20
29
  var body2 = (0, _styledComponents.css)(["font-family:", ",sans-serif;font-weight:600;font-size:16px;line-height:150%;letter-spacing:0.25px;@media (max-width:", "){font-size:14px;line-height:140%;letter-spacing:0;}"], _fonts.NotoSans, Breakpoints.large);
30
+ exports.body2 = body2;
21
31
  var button = (0, _styledComponents.css)(["font-family:", ",sans-serif;font-weight:700;font-size:14px;line-height:150%;letter-spacing:1.25px;@media (max-width:", "){font-weight:600;line-height:150%;letter-spacing:0.25px;}"], _fonts.NotoSans, Breakpoints.large);
32
+ exports.button = button;
22
33
  var caption = (0, _styledComponents.css)(["font-family:", ",sans-serif;font-weight:400;font-size:14px;line-height:140%;letter-spacing:0.4px;@media (max-width:", "){font-weight:500;font-size:12px;letter-spacing:0.2px;}"], _fonts.NotoSans, Breakpoints.large);
34
+ exports.caption = caption;
23
35
  var overline = (0, _styledComponents.css)(["font-family:", ",sans-serif;font-weight:500;font-size:12px;line-height:140%;letter-spacing:1.5px;@media (max-width:", "){font-size:10px;letter-spacing:0.2px;}"], _fonts.NotoSans, Breakpoints.large);
36
+ exports.overline = overline;
24
37
  var variantCssMapping = (_variantCssMapping = {}, _variantCssMapping['headline1'] = headline1, _variantCssMapping['headline2'] = headline2, _variantCssMapping['headline3'] = headline3, _variantCssMapping['headline4'] = headline4, _variantCssMapping['headline5'] = headline5, _variantCssMapping['headline6'] = headline6, _variantCssMapping['subtitle1'] = subtitle1, _variantCssMapping['subtitle2'] = subtitle2, _variantCssMapping['body1'] = body1, _variantCssMapping['body2'] = body2, _variantCssMapping['button'] = button, _variantCssMapping['caption'] = caption, _variantCssMapping['overline'] = overline, _variantCssMapping);
38
+ exports.variantCssMapping = variantCssMapping;
25
39
  var StyledTypography = _styledComponents["default"].p.withConfig({
26
40
  displayName: "TypographyStyles__StyledTypography",
27
41
  componentId: "sc-ro16eu-0"
package/lib/@next/index.d.ts CHANGED
@@ -30,10 +30,12 @@ export { Pagination, PaginationProps, SimplePagination } from './Pagination';
30
30
  export { Popover, PopoverProps } from './Popover';
31
31
  export { RadioButton, RadioButtonProps } from './RadioButton';
32
32
  export { Select, SelectProps } from './Select';
33
+ export { SideSheet, SideSheetProps } from './SideSheet';
33
34
  export { SkeletonImageCircle, SkeletonImageCircleProps, SkeletonImageSquare, SkeletonImageSquareProps, SkeletonText, SkeletonTextProps, } from './Skeleton';
34
35
  export { Spinner, SpinnerProps } from './Spinner';
35
36
  export { Tab, TabModel, TabProps, Tabs, TabsProps } from './Tabs';
36
37
  export { Tag, TagProps } from './Tag';
38
+ export { TextArea, TextAreaProps } from './TextArea';
37
39
  export { TextInput, TextInputProps } from './TextInput';
38
40
  export { Tooltip, TooltipPosition, TooltipProps } from './Tooltip';
39
41
  export { Typography, TypographyProps } from './Typography';
package/lib/@next/index.js CHANGED
@@ -1,7 +1,8 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.useModal = exports.useIndexResourceState = exports.useAlert = exports.TypographyProps = exports.Typography = exports.TooltipProps = exports.TooltipPosition = exports.Tooltip = exports.TextInputProps = exports.TextInput = exports.TagProps = exports.Tag = exports.TabsProps = exports.Tabs = exports.TableRowProps = exports.TableHeaderProps = exports.TableCellProps = exports.TabProps = exports.TabModel = exports.Tab = exports.Switch = exports.SpinnerProps = exports.Spinner = exports.Spacing = exports.SkeletonTextProps = exports.SkeletonText = exports.SkeletonImageSquareProps = exports.SkeletonImageSquare = exports.SkeletonImageCircleProps = exports.SkeletonImageCircle = exports.SimplePagination = exports.SelectProps = exports.Select = exports.RadioButtonProps = exports.RadioButton = exports.PrimaryButton = exports.PopoverProps = exports.Popover = exports.PaginationProps = exports.Pagination = exports.OutlineMonochromeButton = exports.OutlineButton = exports.NumberInputProps = exports.NumberInput = exports.ModalProvider = exports.ModalProps = exports.ModalContext = exports.Modal = exports.MenuProps = exports.Menu = exports.LinkProps = exports.Link = exports.InlineErrorProps = exports.InlineError = exports.IndexTableProps = exports.IndexTable = exports.IconProps = exports.Icon = exports.Fonts = exports.EmptyState = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.DataTableProps = exports.DataTable = exports.CurrencyInputProps = exports.CurrencyInput = exports.ComboboxProps = exports.Combobox = exports.Colors = exports.CheckboxProps = exports.Checkbox = exports.CarouselProps = exports.Carousel = exports.CardProps = exports.Card = exports.ButtonProps = exports.ButtonGroupProps = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.BarProps = exports.Bar = exports.BannerProps = exports.Banner = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = exports.AlertWithProvider = exports.AlertProvider = exports.AlertProps = exports.AlertContextProps = exports.AlertContext = exports.Alert = exports.ActionListSection = exports.ActionListProps = exports.ActionListItem = exports.ActionList = void 0;
4
+ exports.Typography = exports.TooltipProps = exports.TooltipPosition = exports.Tooltip = exports.TextInputProps = exports.TextInput = exports.TextAreaProps = exports.TextArea = exports.TagProps = exports.Tag = exports.TabsProps = exports.Tabs = exports.TableRowProps = exports.TableHeaderProps = exports.TableCellProps = exports.TabProps = exports.TabModel = exports.Tab = exports.Switch = exports.SpinnerProps = exports.Spinner = exports.Spacing = exports.SkeletonTextProps = exports.SkeletonText = exports.SkeletonImageSquareProps = exports.SkeletonImageSquare = exports.SkeletonImageCircleProps = exports.SkeletonImageCircle = exports.SimplePagination = exports.SideSheetProps = exports.SideSheet = exports.SelectProps = exports.Select = exports.RadioButtonProps = exports.RadioButton = exports.PrimaryButton = exports.PopoverProps = exports.Popover = exports.PaginationProps = exports.Pagination = exports.OutlineMonochromeButton = exports.OutlineButton = exports.NumberInputProps = exports.NumberInput = exports.ModalProvider = exports.ModalProps = exports.ModalContext = exports.Modal = exports.MenuProps = exports.Menu = exports.LinkProps = exports.Link = exports.InlineErrorProps = exports.InlineError = exports.IndexTableProps = exports.IndexTable = exports.IconProps = exports.Icon = exports.Fonts = exports.EmptyState = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.DataTableProps = exports.DataTable = exports.CurrencyInputProps = exports.CurrencyInput = exports.ComboboxProps = exports.Combobox = exports.Colors = exports.CheckboxProps = exports.Checkbox = exports.CarouselProps = exports.Carousel = exports.CardProps = exports.Card = exports.ButtonProps = exports.ButtonGroupProps = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.BarProps = exports.Bar = exports.BannerProps = exports.Banner = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = exports.AlertWithProvider = exports.AlertProvider = exports.AlertProps = exports.AlertContextProps = exports.AlertContext = exports.Alert = exports.ActionListSection = exports.ActionListProps = exports.ActionListItem = exports.ActionList = void 0;
5
+ exports.useModal = exports.useIndexResourceState = exports.useAlert = exports.TypographyProps = void 0;
5
6
  var BorderRadius = _interopRequireWildcard(require("./utilities/borderRadius"));
6
7
  exports.BorderRadius = BorderRadius;
7
8
  var Breakpoints = _interopRequireWildcard(require("./utilities/breakpoints"));
@@ -109,6 +110,9 @@ exports.RadioButtonProps = _RadioButton.RadioButtonProps;
109
110
  var _Select = require("./Select");
110
111
  exports.Select = _Select.Select;
111
112
  exports.SelectProps = _Select.SelectProps;
113
+ var _SideSheet = require("./SideSheet");
114
+ exports.SideSheet = _SideSheet.SideSheet;
115
+ exports.SideSheetProps = _SideSheet.SideSheetProps;
112
116
  var _Skeleton = require("./Skeleton");
113
117
  exports.SkeletonImageCircle = _Skeleton.SkeletonImageCircle;
114
118
  exports.SkeletonImageCircleProps = _Skeleton.SkeletonImageCircleProps;
@@ -128,6 +132,9 @@ exports.TabsProps = _Tabs.TabsProps;
128
132
  var _Tag = require("./Tag");
129
133
  exports.Tag = _Tag.Tag;
130
134
  exports.TagProps = _Tag.TagProps;
135
+ var _TextArea = require("./TextArea");
136
+ exports.TextArea = _TextArea.TextArea;
137
+ exports.TextAreaProps = _TextArea.TextAreaProps;
131
138
  var _TextInput = require("./TextInput");
132
139
  exports.TextInput = _TextInput.TextInput;
133
140
  exports.TextInputProps = _TextInput.TextInputProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "glints-aries",
3
- "version": "4.0.257",
3
+ "version": "4.0.259",
4
4
  "description": "Glints ui-kit for frontend",
5
5
  "main": "./lib/index.js",
6
6
  "module": "./es/index.js",