glints-aries 4.0.169 → 4.0.171
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.
- package/es/@next/Avatar/Avatar.d.ts +12 -0
- package/es/@next/Avatar/Avatar.js +25 -0
- package/es/@next/Avatar/Avatar.stories.d.ts +4 -0
- package/es/@next/Avatar/Avatar.stories.js +18 -0
- package/es/@next/Avatar/AvatarStyle.d.ts +2 -0
- package/es/@next/Avatar/AvatarStyle.js +34 -0
- package/es/@next/Avatar/index.d.ts +1 -0
- package/es/@next/Avatar/index.js +1 -0
- package/es/@next/Badge/BadgeStyle.js +1 -1
- package/es/@next/Icon/components/RiFacebookCircleLine.d.ts +3 -0
- package/es/@next/Icon/components/{RiFacebook.js → RiFacebookCircleLine.js} +2 -2
- package/es/@next/Icon/components/RiMapLine.d.ts +3 -0
- package/es/@next/Icon/components/{RiLocation.js → RiMapLine.js} +2 -2
- package/es/@next/Icon/components/RiTwitterLine.d.ts +3 -0
- package/es/@next/Icon/components/{RiTwitter.js → RiTwitterLine.js} +2 -2
- package/es/@next/Icon/components/index.d.ts +3 -3
- package/es/@next/Icon/components/index.js +3 -3
- package/es/@next/Icon/icons/icons.d.ts +1 -1
- package/es/@next/Icon/icons/icons.js +2 -2
- package/es/@next/index.d.ts +1 -0
- package/es/@next/index.js +1 -0
- package/lib/@next/Avatar/Avatar.d.ts +12 -0
- package/lib/@next/Avatar/Avatar.js +31 -0
- package/lib/@next/Avatar/Avatar.stories.d.ts +4 -0
- package/lib/@next/Avatar/Avatar.stories.js +25 -0
- package/lib/@next/Avatar/AvatarStyle.d.ts +2 -0
- package/lib/@next/Avatar/AvatarStyle.js +42 -0
- package/lib/@next/Avatar/index.d.ts +1 -0
- package/lib/@next/Avatar/index.js +9 -0
- package/lib/@next/Badge/BadgeStyle.js +1 -1
- package/lib/@next/Icon/components/RiFacebookCircleLine.d.ts +3 -0
- package/lib/@next/Icon/components/{RiFacebook.js → RiFacebookCircleLine.js} +2 -2
- package/lib/@next/Icon/components/RiMapLine.d.ts +3 -0
- package/lib/@next/Icon/components/{RiLocation.js → RiMapLine.js} +2 -2
- package/lib/@next/Icon/components/RiTwitterLine.d.ts +3 -0
- package/lib/@next/Icon/components/{RiTwitter.js → RiTwitterLine.js} +2 -2
- package/lib/@next/Icon/components/index.d.ts +3 -3
- package/lib/@next/Icon/components/index.js +7 -7
- package/lib/@next/Icon/icons/icons.d.ts +1 -1
- package/lib/@next/Icon/icons/icons.js +2 -2
- package/lib/@next/index.d.ts +1 -0
- package/lib/@next/index.js +3 -1
- package/package.json +1 -1
- package/es/@next/Icon/components/RiFacebook.d.ts +0 -3
- package/es/@next/Icon/components/RiLocation.d.ts +0 -3
- package/es/@next/Icon/components/RiTwitter.d.ts +0 -3
- package/lib/@next/Icon/components/RiFacebook.d.ts +0 -3
- package/lib/@next/Icon/components/RiLocation.d.ts +0 -3
- package/lib/@next/Icon/components/RiTwitter.d.ts +0 -3
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const avatarBackgroundColorVariant: readonly ["supplementary", "warning", "danger", "success", "outstanding"];
|
|
3
|
+
declare const avatarSizeVariant: readonly ["large", "medium"];
|
|
4
|
+
export declare type AvatarBackgroundColorVariant = typeof avatarBackgroundColorVariant[number];
|
|
5
|
+
export declare type AvatarSizeVariant = typeof avatarSizeVariant[number];
|
|
6
|
+
export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
variant?: AvatarBackgroundColorVariant;
|
|
8
|
+
size?: AvatarSizeVariant;
|
|
9
|
+
initials?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const Avatar: ({ variant, size, initials, ...props }: AvatarProps) => JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
|
|
3
|
+
var _excluded = ["variant", "size", "initials"];
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Typography } from '../Typography';
|
|
6
|
+
import { Neutral } from '../utilities/colors';
|
|
7
|
+
import { AvatarStyle } from './AvatarStyle';
|
|
8
|
+
var avatarBackgroundColorVariant = ['supplementary', 'warning', 'danger', 'success', 'outstanding'];
|
|
9
|
+
var avatarSizeVariant = ['large', 'medium'];
|
|
10
|
+
export var Avatar = function Avatar(_ref) {
|
|
11
|
+
var _ref$variant = _ref.variant,
|
|
12
|
+
variant = _ref$variant === void 0 ? 'supplementary' : _ref$variant,
|
|
13
|
+
_ref$size = _ref.size,
|
|
14
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
15
|
+
initials = _ref.initials,
|
|
16
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
17
|
+
return /*#__PURE__*/React.createElement(AvatarStyle, _extends({
|
|
18
|
+
variant: variant,
|
|
19
|
+
size: size
|
|
20
|
+
}, props), /*#__PURE__*/React.createElement(Typography, {
|
|
21
|
+
variant: size === 'medium' ? 'body1' : 'headline6',
|
|
22
|
+
color: Neutral.B18,
|
|
23
|
+
as: 'span'
|
|
24
|
+
}, initials.slice(0, 2)));
|
|
25
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
|
|
3
|
+
import { Avatar } from './Avatar';
|
|
4
|
+
export default {
|
|
5
|
+
title: '@next/Avatar',
|
|
6
|
+
component: Avatar,
|
|
7
|
+
decorators: [function (Story) {
|
|
8
|
+
return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
|
|
9
|
+
}],
|
|
10
|
+
argTypes: {}
|
|
11
|
+
};
|
|
12
|
+
var Template = function Template(args) {
|
|
13
|
+
return /*#__PURE__*/React.createElement(Avatar, args);
|
|
14
|
+
};
|
|
15
|
+
export var Interactive = Template.bind({});
|
|
16
|
+
Interactive.args = {
|
|
17
|
+
initials: 'HE'
|
|
18
|
+
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
var _avatarBackgroundColo, _avatarSizeVariant;
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import * as Breakpoints from '../utilities/breakpoints';
|
|
4
|
+
import { Blue, Green, Neutral, Orange, Red } from '../utilities/colors';
|
|
5
|
+
var mediumAvatarSizeStyle = "\n width: 40px;\n height: 40px;\n \n @media (max-width: " + Breakpoints.large + ") {\n width: 32px;\n height: 32px;\n }\n";
|
|
6
|
+
var largeAvatarSizeStyle = "\n width: 60px;\n height: 60px;\n\n @media (max-width: " + Breakpoints.large + ") {\n width: 40px;\n height: 40px;\n }\n";
|
|
7
|
+
var avatarBackgroundColor = (_avatarBackgroundColo = {}, _avatarBackgroundColo['supplementary'] = Neutral.B99, _avatarBackgroundColo['warning'] = Orange.S42, _avatarBackgroundColo['danger'] = Red.B100, _avatarBackgroundColo['success'] = Green.B89, _avatarBackgroundColo['outstanding'] = Blue.S08, _avatarBackgroundColo);
|
|
8
|
+
var avatarSizeVariant = (_avatarSizeVariant = {}, _avatarSizeVariant['large'] = largeAvatarSizeStyle, _avatarSizeVariant['medium'] = mediumAvatarSizeStyle, _avatarSizeVariant);
|
|
9
|
+
var getAvatarBackgroundColor = function getAvatarBackgroundColor(variant) {
|
|
10
|
+
if (!(variant in avatarBackgroundColor)) {
|
|
11
|
+
console.warn(variant + " is not a valid variant for the background color, default will be used");
|
|
12
|
+
return avatarBackgroundColor['supplementary'];
|
|
13
|
+
}
|
|
14
|
+
return avatarBackgroundColor[variant];
|
|
15
|
+
};
|
|
16
|
+
var getAvatarSizeStyle = function getAvatarSizeStyle(sizeVariant) {
|
|
17
|
+
if (!(sizeVariant in avatarSizeVariant)) {
|
|
18
|
+
console.warn(sizeVariant + " is not a valid variant for the size, default will be used");
|
|
19
|
+
return avatarSizeVariant['medium'];
|
|
20
|
+
}
|
|
21
|
+
return avatarSizeVariant[sizeVariant];
|
|
22
|
+
};
|
|
23
|
+
export var AvatarStyle = styled.div.withConfig({
|
|
24
|
+
displayName: "AvatarStyle",
|
|
25
|
+
componentId: "sc-1ys0vpf-0"
|
|
26
|
+
})(["", "}", "}display:flex;align-items:center;justify-content:center;border-radius:50%;"], function (_ref) {
|
|
27
|
+
var size = _ref.size;
|
|
28
|
+
return getAvatarSizeStyle(size);
|
|
29
|
+
}, function (_ref2) {
|
|
30
|
+
var variant = _ref2.variant;
|
|
31
|
+
return {
|
|
32
|
+
'background-color': getAvatarBackgroundColor(variant)
|
|
33
|
+
};
|
|
34
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Avatar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Avatar';
|
|
@@ -14,7 +14,7 @@ var getBadgeBackgroundColor = function getBadgeBackgroundColor(status) {
|
|
|
14
14
|
export var BadgeStyle = styled.div.withConfig({
|
|
15
15
|
displayName: "BadgeStyle",
|
|
16
16
|
componentId: "sc-1aofb4c-0"
|
|
17
|
-
})(["", "}width:fit-content;padding:2px ", ";border-radius:", ";"], function (_ref) {
|
|
17
|
+
})(["", "}width:fit-content;padding:2px ", ";border-radius:", ";line-height:0;"], function (_ref) {
|
|
18
18
|
var status = _ref.status;
|
|
19
19
|
return {
|
|
20
20
|
'background-color': getBadgeBackgroundColor(status)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
var
|
|
3
|
+
var SvgRiFacebookCircleLine = function SvgRiFacebookCircleLine(props) {
|
|
4
4
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
5
|
viewBox: "0 0 24 24",
|
|
6
6
|
xmlns: "http://www.w3.org/2000/svg"
|
|
@@ -8,4 +8,4 @@ var SvgRiFacebook = function SvgRiFacebook(props) {
|
|
|
8
8
|
d: "M13 19.938A8.001 8.001 0 0 0 12 4a8 8 0 0 0-1 15.938V14H9v-2h2v-1.654c0-1.337.14-1.822.4-2.311.256-.484.652-.88 1.136-1.135.382-.205.857-.328 1.687-.381.329-.021.755.005 1.278.08v1.9H15c-.917 0-1.296.043-1.522.164a.727.727 0 0 0-.314.314c-.12.226-.164.45-.164 1.368V12h2.5l-.5 2h-2v5.938ZM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Z"
|
|
9
9
|
}));
|
|
10
10
|
};
|
|
11
|
-
export default
|
|
11
|
+
export default SvgRiFacebookCircleLine;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
var
|
|
3
|
+
var SvgRiMapLine = function SvgRiMapLine(props) {
|
|
4
4
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
5
|
viewBox: "0 0 24 24",
|
|
6
6
|
xmlns: "http://www.w3.org/2000/svg"
|
|
@@ -8,4 +8,4 @@ var SvgRiLocation = function SvgRiLocation(props) {
|
|
|
8
8
|
d: "m12 23.728-6.364-6.364a9 9 0 1 1 12.728 0L12 23.728Zm4.95-7.778a7 7 0 1 0-9.9 0L12 20.9l4.95-4.95ZM12 13a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"
|
|
9
9
|
}));
|
|
10
10
|
};
|
|
11
|
-
export default
|
|
11
|
+
export default SvgRiMapLine;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
var
|
|
3
|
+
var SvgRiTwitterLine = function SvgRiTwitterLine(props) {
|
|
4
4
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
5
|
viewBox: "0 0 24 24",
|
|
6
6
|
xmlns: "http://www.w3.org/2000/svg"
|
|
@@ -8,4 +8,4 @@ var SvgRiTwitter = function SvgRiTwitter(props) {
|
|
|
8
8
|
d: "M15.3 5.55a2.9 2.9 0 0 0-2.9 2.847l-.028 1.575a.599.599 0 0 1-.68.583l-1.561-.212c-2.054-.28-4.022-1.226-5.91-2.799-.598 3.31.57 5.603 3.383 7.372l1.747 1.098a.6.6 0 0 1 .034.993L7.793 18.17c.947.06 1.846.017 2.592-.13 4.718-.943 7.855-4.493 7.855-10.349 0-.478-1.012-2.14-2.94-2.14Zm-4.9 2.81a4.9 4.9 0 0 1 8.385-3.355c.711-.005 1.316.175 2.669-.645-.335 1.64-.5 2.352-1.214 3.331 0 7.642-4.697 11.358-9.463 12.31-3.268.651-8.02-.42-9.382-1.842.694-.054 3.514-.357 5.144-1.55C5.16 15.7-.329 12.47 3.278 3.786c1.693 1.977 3.41 3.323 5.15 4.037 1.158.475 1.442.465 1.973.538H10.4Z"
|
|
9
9
|
}));
|
|
10
10
|
};
|
|
11
|
-
export default
|
|
11
|
+
export default SvgRiTwitterLine;
|
|
@@ -45,11 +45,11 @@ export { default as RiDeleteBinFill } from './RiDeleteBinFill';
|
|
|
45
45
|
export { default as RiDeleteBinLine } from './RiDeleteBinLine';
|
|
46
46
|
export { default as RiErrorWarningFill } from './RiErrorWarningFill';
|
|
47
47
|
export { default as RiErrorWarningLine } from './RiErrorWarningLine';
|
|
48
|
-
export { default as
|
|
48
|
+
export { default as RiFacebookCircleLine } from './RiFacebookCircleLine';
|
|
49
49
|
export { default as RiInformationFill } from './RiInformationFill';
|
|
50
50
|
export { default as RiInformationLine } from './RiInformationLine';
|
|
51
51
|
export { default as RiLoader } from './RiLoader';
|
|
52
|
-
export { default as
|
|
52
|
+
export { default as RiMapLine } from './RiMapLine';
|
|
53
53
|
export { default as RiMessageFill } from './RiMessageFill';
|
|
54
54
|
export { default as RiMessageLine } from './RiMessageLine';
|
|
55
55
|
export { default as RiPencilFill } from './RiPencilFill';
|
|
@@ -63,4 +63,4 @@ export { default as RiSendPlaneFill } from './RiSendPlaneFill';
|
|
|
63
63
|
export { default as RiSendPlaneLine } from './RiSendPlaneLine';
|
|
64
64
|
export { default as RiSettingsFill } from './RiSettingsFill';
|
|
65
65
|
export { default as RiSettingsLine } from './RiSettingsLine';
|
|
66
|
-
export { default as
|
|
66
|
+
export { default as RiTwitterLine } from './RiTwitterLine';
|
|
@@ -45,11 +45,11 @@ export { default as RiDeleteBinFill } from './RiDeleteBinFill';
|
|
|
45
45
|
export { default as RiDeleteBinLine } from './RiDeleteBinLine';
|
|
46
46
|
export { default as RiErrorWarningFill } from './RiErrorWarningFill';
|
|
47
47
|
export { default as RiErrorWarningLine } from './RiErrorWarningLine';
|
|
48
|
-
export { default as
|
|
48
|
+
export { default as RiFacebookCircleLine } from './RiFacebookCircleLine';
|
|
49
49
|
export { default as RiInformationFill } from './RiInformationFill';
|
|
50
50
|
export { default as RiInformationLine } from './RiInformationLine';
|
|
51
51
|
export { default as RiLoader } from './RiLoader';
|
|
52
|
-
export { default as
|
|
52
|
+
export { default as RiMapLine } from './RiMapLine';
|
|
53
53
|
export { default as RiMessageFill } from './RiMessageFill';
|
|
54
54
|
export { default as RiMessageLine } from './RiMessageLine';
|
|
55
55
|
export { default as RiPencilFill } from './RiPencilFill';
|
|
@@ -63,4 +63,4 @@ export { default as RiSendPlaneFill } from './RiSendPlaneFill';
|
|
|
63
63
|
export { default as RiSendPlaneLine } from './RiSendPlaneLine';
|
|
64
64
|
export { default as RiSettingsFill } from './RiSettingsFill';
|
|
65
65
|
export { default as RiSettingsLine } from './RiSettingsLine';
|
|
66
|
-
export { default as
|
|
66
|
+
export { default as RiTwitterLine } from './RiTwitterLine';
|
|
@@ -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-calendar-fill", "ri-calendar-line", "ri-check", "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-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-facebook", "ri-information-fill", "ri-information-line", "ri-loader", "ri-
|
|
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-calendar-fill", "ri-calendar-line", "ri-check", "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-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-facebook-circle-line", "ri-information-fill", "ri-information-line", "ri-loader", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-twitter-line"];
|
|
3
3
|
export declare type IconNames = typeof iconNames[number];
|
|
4
4
|
declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
|
|
5
5
|
export declare const iconsMappingComponent: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var _iconsMappingComponen;
|
|
2
2
|
import * as Icons from '../components';
|
|
3
|
-
export var iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', '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-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-facebook', 'ri-information-fill', 'ri-information-line', 'ri-loader', 'ri-
|
|
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-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _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-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-facebook'] = Icons.
|
|
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-calendar-fill', 'ri-calendar-line', 'ri-check', '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-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-facebook-circle-line', 'ri-information-fill', 'ri-information-line', 'ri-loader', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-twitter-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-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _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-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-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-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen);
|
package/es/@next/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export { ButtonGroup } from './ButtonGroup';
|
|
|
4
4
|
export { Icon } from './Icon';
|
|
5
5
|
export { Tab, TabProps, Tabs, TabsProps } from './Tabs';
|
|
6
6
|
export { Typography } from './Typography';
|
|
7
|
+
export { Avatar } from './Avatar';
|
|
7
8
|
import * as BorderRadius from './utilities/borderRadius';
|
|
8
9
|
import * as Breakpoints from './utilities/breakpoints';
|
|
9
10
|
import * as Colors from './utilities/colors';
|
package/es/@next/index.js
CHANGED
|
@@ -4,6 +4,7 @@ export { ButtonGroup } from './ButtonGroup';
|
|
|
4
4
|
export { Icon } from './Icon';
|
|
5
5
|
export { Tab, TabProps, Tabs, TabsProps } from './Tabs';
|
|
6
6
|
export { Typography } from './Typography';
|
|
7
|
+
export { Avatar } from './Avatar';
|
|
7
8
|
|
|
8
9
|
// Utilities
|
|
9
10
|
import * as BorderRadius from './utilities/borderRadius';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const avatarBackgroundColorVariant: readonly ["supplementary", "warning", "danger", "success", "outstanding"];
|
|
3
|
+
declare const avatarSizeVariant: readonly ["large", "medium"];
|
|
4
|
+
export declare type AvatarBackgroundColorVariant = typeof avatarBackgroundColorVariant[number];
|
|
5
|
+
export declare type AvatarSizeVariant = typeof avatarSizeVariant[number];
|
|
6
|
+
export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
variant?: AvatarBackgroundColorVariant;
|
|
8
|
+
size?: AvatarSizeVariant;
|
|
9
|
+
initials?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const Avatar: ({ variant, size, initials, ...props }: AvatarProps) => JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.Avatar = void 0;
|
|
6
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
7
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _Typography = require("../Typography");
|
|
10
|
+
var _colors = require("../utilities/colors");
|
|
11
|
+
var _AvatarStyle = require("./AvatarStyle");
|
|
12
|
+
var _excluded = ["variant", "size", "initials"];
|
|
13
|
+
var avatarBackgroundColorVariant = ['supplementary', 'warning', 'danger', 'success', 'outstanding'];
|
|
14
|
+
var avatarSizeVariant = ['large', 'medium'];
|
|
15
|
+
var Avatar = function Avatar(_ref) {
|
|
16
|
+
var _ref$variant = _ref.variant,
|
|
17
|
+
variant = _ref$variant === void 0 ? 'supplementary' : _ref$variant,
|
|
18
|
+
_ref$size = _ref.size,
|
|
19
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
20
|
+
initials = _ref.initials,
|
|
21
|
+
props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
|
|
22
|
+
return /*#__PURE__*/_react["default"].createElement(_AvatarStyle.AvatarStyle, (0, _extends2["default"])({
|
|
23
|
+
variant: variant,
|
|
24
|
+
size: size
|
|
25
|
+
}, props), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
|
|
26
|
+
variant: size === 'medium' ? 'body1' : 'headline6',
|
|
27
|
+
color: _colors.Neutral.B18,
|
|
28
|
+
as: 'span'
|
|
29
|
+
}, initials.slice(0, 2)));
|
|
30
|
+
};
|
|
31
|
+
exports.Avatar = Avatar;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports["default"] = exports.Interactive = void 0;
|
|
6
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
|
+
var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
|
|
8
|
+
var _Avatar = require("./Avatar");
|
|
9
|
+
var _default = {
|
|
10
|
+
title: '@next/Avatar',
|
|
11
|
+
component: _Avatar.Avatar,
|
|
12
|
+
decorators: [function (Story) {
|
|
13
|
+
return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
|
|
14
|
+
}],
|
|
15
|
+
argTypes: {}
|
|
16
|
+
};
|
|
17
|
+
exports["default"] = _default;
|
|
18
|
+
var Template = function Template(args) {
|
|
19
|
+
return /*#__PURE__*/_react["default"].createElement(_Avatar.Avatar, args);
|
|
20
|
+
};
|
|
21
|
+
var Interactive = Template.bind({});
|
|
22
|
+
exports.Interactive = Interactive;
|
|
23
|
+
Interactive.args = {
|
|
24
|
+
initials: 'HE'
|
|
25
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.AvatarStyle = void 0;
|
|
6
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
7
|
+
var Breakpoints = _interopRequireWildcard(require("../utilities/breakpoints"));
|
|
8
|
+
var _colors = require("../utilities/colors");
|
|
9
|
+
var _avatarBackgroundColo, _avatarSizeVariant;
|
|
10
|
+
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); }
|
|
11
|
+
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; }
|
|
12
|
+
var mediumAvatarSizeStyle = "\n width: 40px;\n height: 40px;\n \n @media (max-width: " + Breakpoints.large + ") {\n width: 32px;\n height: 32px;\n }\n";
|
|
13
|
+
var largeAvatarSizeStyle = "\n width: 60px;\n height: 60px;\n\n @media (max-width: " + Breakpoints.large + ") {\n width: 40px;\n height: 40px;\n }\n";
|
|
14
|
+
var avatarBackgroundColor = (_avatarBackgroundColo = {}, _avatarBackgroundColo['supplementary'] = _colors.Neutral.B99, _avatarBackgroundColo['warning'] = _colors.Orange.S42, _avatarBackgroundColo['danger'] = _colors.Red.B100, _avatarBackgroundColo['success'] = _colors.Green.B89, _avatarBackgroundColo['outstanding'] = _colors.Blue.S08, _avatarBackgroundColo);
|
|
15
|
+
var avatarSizeVariant = (_avatarSizeVariant = {}, _avatarSizeVariant['large'] = largeAvatarSizeStyle, _avatarSizeVariant['medium'] = mediumAvatarSizeStyle, _avatarSizeVariant);
|
|
16
|
+
var getAvatarBackgroundColor = function getAvatarBackgroundColor(variant) {
|
|
17
|
+
if (!(variant in avatarBackgroundColor)) {
|
|
18
|
+
console.warn(variant + " is not a valid variant for the background color, default will be used");
|
|
19
|
+
return avatarBackgroundColor['supplementary'];
|
|
20
|
+
}
|
|
21
|
+
return avatarBackgroundColor[variant];
|
|
22
|
+
};
|
|
23
|
+
var getAvatarSizeStyle = function getAvatarSizeStyle(sizeVariant) {
|
|
24
|
+
if (!(sizeVariant in avatarSizeVariant)) {
|
|
25
|
+
console.warn(sizeVariant + " is not a valid variant for the size, default will be used");
|
|
26
|
+
return avatarSizeVariant['medium'];
|
|
27
|
+
}
|
|
28
|
+
return avatarSizeVariant[sizeVariant];
|
|
29
|
+
};
|
|
30
|
+
var AvatarStyle = _styledComponents["default"].div.withConfig({
|
|
31
|
+
displayName: "AvatarStyle",
|
|
32
|
+
componentId: "sc-1ys0vpf-0"
|
|
33
|
+
})(["", "}", "}display:flex;align-items:center;justify-content:center;border-radius:50%;"], function (_ref) {
|
|
34
|
+
var size = _ref.size;
|
|
35
|
+
return getAvatarSizeStyle(size);
|
|
36
|
+
}, function (_ref2) {
|
|
37
|
+
var variant = _ref2.variant;
|
|
38
|
+
return {
|
|
39
|
+
'background-color': getAvatarBackgroundColor(variant)
|
|
40
|
+
};
|
|
41
|
+
});
|
|
42
|
+
exports.AvatarStyle = AvatarStyle;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Avatar';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
var _Avatar = require("./Avatar");
|
|
5
|
+
Object.keys(_Avatar).forEach(function (key) {
|
|
6
|
+
if (key === "default" || key === "__esModule") return;
|
|
7
|
+
if (key in exports && exports[key] === _Avatar[key]) return;
|
|
8
|
+
exports[key] = _Avatar[key];
|
|
9
|
+
});
|
|
@@ -19,7 +19,7 @@ var getBadgeBackgroundColor = function getBadgeBackgroundColor(status) {
|
|
|
19
19
|
var BadgeStyle = _styledComponents["default"].div.withConfig({
|
|
20
20
|
displayName: "BadgeStyle",
|
|
21
21
|
componentId: "sc-1aofb4c-0"
|
|
22
|
-
})(["", "}width:fit-content;padding:2px ", ";border-radius:", ";"], function (_ref) {
|
|
22
|
+
})(["", "}width:fit-content;padding:2px ", ";border-radius:", ";line-height:0;"], function (_ref) {
|
|
23
23
|
var status = _ref.status;
|
|
24
24
|
return {
|
|
25
25
|
'background-color': getBadgeBackgroundColor(status)
|
|
@@ -7,7 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
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
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
|
|
10
|
+
var SvgRiFacebookCircleLine = function SvgRiFacebookCircleLine(props) {
|
|
11
11
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
12
12
|
viewBox: "0 0 24 24",
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg"
|
|
@@ -15,5 +15,5 @@ var SvgRiFacebook = function SvgRiFacebook(props) {
|
|
|
15
15
|
d: "M13 19.938A8.001 8.001 0 0 0 12 4a8 8 0 0 0-1 15.938V14H9v-2h2v-1.654c0-1.337.14-1.822.4-2.311.256-.484.652-.88 1.136-1.135.382-.205.857-.328 1.687-.381.329-.021.755.005 1.278.08v1.9H15c-.917 0-1.296.043-1.522.164a.727.727 0 0 0-.314.314c-.12.226-.164.45-.164 1.368V12h2.5l-.5 2h-2v5.938ZM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Z"
|
|
16
16
|
}));
|
|
17
17
|
};
|
|
18
|
-
var _default =
|
|
18
|
+
var _default = SvgRiFacebookCircleLine;
|
|
19
19
|
exports["default"] = _default;
|
|
@@ -7,7 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
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
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
|
|
10
|
+
var SvgRiMapLine = function SvgRiMapLine(props) {
|
|
11
11
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
12
12
|
viewBox: "0 0 24 24",
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg"
|
|
@@ -15,5 +15,5 @@ var SvgRiLocation = function SvgRiLocation(props) {
|
|
|
15
15
|
d: "m12 23.728-6.364-6.364a9 9 0 1 1 12.728 0L12 23.728Zm4.95-7.778a7 7 0 1 0-9.9 0L12 20.9l4.95-4.95ZM12 13a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"
|
|
16
16
|
}));
|
|
17
17
|
};
|
|
18
|
-
var _default =
|
|
18
|
+
var _default = SvgRiMapLine;
|
|
19
19
|
exports["default"] = _default;
|
|
@@ -7,7 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
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
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
|
|
10
|
+
var SvgRiTwitterLine = function SvgRiTwitterLine(props) {
|
|
11
11
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
12
12
|
viewBox: "0 0 24 24",
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg"
|
|
@@ -15,5 +15,5 @@ var SvgRiTwitter = function SvgRiTwitter(props) {
|
|
|
15
15
|
d: "M15.3 5.55a2.9 2.9 0 0 0-2.9 2.847l-.028 1.575a.599.599 0 0 1-.68.583l-1.561-.212c-2.054-.28-4.022-1.226-5.91-2.799-.598 3.31.57 5.603 3.383 7.372l1.747 1.098a.6.6 0 0 1 .034.993L7.793 18.17c.947.06 1.846.017 2.592-.13 4.718-.943 7.855-4.493 7.855-10.349 0-.478-1.012-2.14-2.94-2.14Zm-4.9 2.81a4.9 4.9 0 0 1 8.385-3.355c.711-.005 1.316.175 2.669-.645-.335 1.64-.5 2.352-1.214 3.331 0 7.642-4.697 11.358-9.463 12.31-3.268.651-8.02-.42-9.382-1.842.694-.054 3.514-.357 5.144-1.55C5.16 15.7-.329 12.47 3.278 3.786c1.693 1.977 3.41 3.323 5.15 4.037 1.158.475 1.442.465 1.973.538H10.4Z"
|
|
16
16
|
}));
|
|
17
17
|
};
|
|
18
|
-
var _default =
|
|
18
|
+
var _default = SvgRiTwitterLine;
|
|
19
19
|
exports["default"] = _default;
|
|
@@ -45,11 +45,11 @@ export { default as RiDeleteBinFill } from './RiDeleteBinFill';
|
|
|
45
45
|
export { default as RiDeleteBinLine } from './RiDeleteBinLine';
|
|
46
46
|
export { default as RiErrorWarningFill } from './RiErrorWarningFill';
|
|
47
47
|
export { default as RiErrorWarningLine } from './RiErrorWarningLine';
|
|
48
|
-
export { default as
|
|
48
|
+
export { default as RiFacebookCircleLine } from './RiFacebookCircleLine';
|
|
49
49
|
export { default as RiInformationFill } from './RiInformationFill';
|
|
50
50
|
export { default as RiInformationLine } from './RiInformationLine';
|
|
51
51
|
export { default as RiLoader } from './RiLoader';
|
|
52
|
-
export { default as
|
|
52
|
+
export { default as RiMapLine } from './RiMapLine';
|
|
53
53
|
export { default as RiMessageFill } from './RiMessageFill';
|
|
54
54
|
export { default as RiMessageLine } from './RiMessageLine';
|
|
55
55
|
export { default as RiPencilFill } from './RiPencilFill';
|
|
@@ -63,4 +63,4 @@ export { default as RiSendPlaneFill } from './RiSendPlaneFill';
|
|
|
63
63
|
export { default as RiSendPlaneLine } from './RiSendPlaneLine';
|
|
64
64
|
export { default as RiSettingsFill } from './RiSettingsFill';
|
|
65
65
|
export { default as RiSettingsLine } from './RiSettingsLine';
|
|
66
|
-
export { default as
|
|
66
|
+
export { default as RiTwitterLine } from './RiTwitterLine';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
exports.__esModule = true;
|
|
5
|
-
exports.
|
|
5
|
+
exports.RiTwitterLine = exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiSearch = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMessageLine = exports.RiMessageFill = exports.RiMapLine = exports.RiLoader = exports.RiInformationLine = exports.RiInformationFill = exports.RiFacebookCircleLine = exports.RiErrorWarningLine = exports.RiErrorWarningFill = exports.RiDeleteBinLine = exports.RiDeleteBinFill = exports.RiCloseCircleLine = exports.RiCloseCircleFill = exports.RiClose = exports.RiCheckboxLine = exports.RiCheckboxIndeterminateLine = exports.RiCheckboxIndeterminateFill = exports.RiCheckboxFill = exports.RiCheck = exports.RiCalendarLine = exports.RiCalendarFill = exports.RiArrowXsUpFill = exports.RiArrowXsDownFill = exports.RiArrowUpLine = exports.RiArrowUpFill = exports.RiArrowUpDownLine = exports.RiArrowUpDownFill = exports.RiArrowRightLine = exports.RiArrowRightFill = exports.RiArrowMUpLine = exports.RiArrowMUpFill = exports.RiArrowMRightLine = exports.RiArrowMRightFill = exports.RiArrowMLeftLine = exports.RiArrowMLeftFill = exports.RiArrowMDownLine = exports.RiArrowMDownFill = exports.RiArrowLeftRightLine = exports.RiArrowLeftRightFill = exports.RiArrowLeftLine = exports.RiArrowLeftFill = exports.RiArrowGoForwardLine = exports.RiArrowGoForwardFill = exports.RiArrowGoBackLine = exports.RiArrowGoBackFill = exports.RiArrowDownLine = exports.RiArrowDownFill = exports.RiAlarmWarningLine = exports.RiAlarmWarningFill = exports.RiAddCircleLine = exports.RiAddCircleFill = exports.RiAdd = exports.RiAccountCircleLine = exports.RiAccountCircleFill = void 0;
|
|
6
6
|
var _RiAccountCircleFill = _interopRequireDefault(require("./RiAccountCircleFill"));
|
|
7
7
|
exports.RiAccountCircleFill = _RiAccountCircleFill["default"];
|
|
8
8
|
var _RiAccountCircleLine = _interopRequireDefault(require("./RiAccountCircleLine"));
|
|
@@ -97,16 +97,16 @@ var _RiErrorWarningFill = _interopRequireDefault(require("./RiErrorWarningFill")
|
|
|
97
97
|
exports.RiErrorWarningFill = _RiErrorWarningFill["default"];
|
|
98
98
|
var _RiErrorWarningLine = _interopRequireDefault(require("./RiErrorWarningLine"));
|
|
99
99
|
exports.RiErrorWarningLine = _RiErrorWarningLine["default"];
|
|
100
|
-
var
|
|
101
|
-
exports.
|
|
100
|
+
var _RiFacebookCircleLine = _interopRequireDefault(require("./RiFacebookCircleLine"));
|
|
101
|
+
exports.RiFacebookCircleLine = _RiFacebookCircleLine["default"];
|
|
102
102
|
var _RiInformationFill = _interopRequireDefault(require("./RiInformationFill"));
|
|
103
103
|
exports.RiInformationFill = _RiInformationFill["default"];
|
|
104
104
|
var _RiInformationLine = _interopRequireDefault(require("./RiInformationLine"));
|
|
105
105
|
exports.RiInformationLine = _RiInformationLine["default"];
|
|
106
106
|
var _RiLoader = _interopRequireDefault(require("./RiLoader"));
|
|
107
107
|
exports.RiLoader = _RiLoader["default"];
|
|
108
|
-
var
|
|
109
|
-
exports.
|
|
108
|
+
var _RiMapLine = _interopRequireDefault(require("./RiMapLine"));
|
|
109
|
+
exports.RiMapLine = _RiMapLine["default"];
|
|
110
110
|
var _RiMessageFill = _interopRequireDefault(require("./RiMessageFill"));
|
|
111
111
|
exports.RiMessageFill = _RiMessageFill["default"];
|
|
112
112
|
var _RiMessageLine = _interopRequireDefault(require("./RiMessageLine"));
|
|
@@ -133,5 +133,5 @@ var _RiSettingsFill = _interopRequireDefault(require("./RiSettingsFill"));
|
|
|
133
133
|
exports.RiSettingsFill = _RiSettingsFill["default"];
|
|
134
134
|
var _RiSettingsLine = _interopRequireDefault(require("./RiSettingsLine"));
|
|
135
135
|
exports.RiSettingsLine = _RiSettingsLine["default"];
|
|
136
|
-
var
|
|
137
|
-
exports.
|
|
136
|
+
var _RiTwitterLine = _interopRequireDefault(require("./RiTwitterLine"));
|
|
137
|
+
exports.RiTwitterLine = _RiTwitterLine["default"];
|
|
@@ -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-calendar-fill", "ri-calendar-line", "ri-check", "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-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-facebook", "ri-information-fill", "ri-information-line", "ri-loader", "ri-
|
|
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-calendar-fill", "ri-calendar-line", "ri-check", "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-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-facebook-circle-line", "ri-information-fill", "ri-information-line", "ri-loader", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-twitter-line"];
|
|
3
3
|
export declare type IconNames = typeof iconNames[number];
|
|
4
4
|
declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
|
|
5
5
|
export declare const iconsMappingComponent: {
|
|
@@ -6,7 +6,7 @@ var Icons = _interopRequireWildcard(require("../components"));
|
|
|
6
6
|
var _iconsMappingComponen;
|
|
7
7
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
8
8
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
9
|
-
var iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', '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-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-facebook', 'ri-information-fill', 'ri-information-line', 'ri-loader', 'ri-
|
|
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-calendar-fill', 'ri-calendar-line', 'ri-check', '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-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-facebook-circle-line', 'ri-information-fill', 'ri-information-line', 'ri-loader', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-twitter-line'];
|
|
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-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _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-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-facebook'] = Icons.
|
|
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-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _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-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-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-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen);
|
|
12
12
|
exports.iconsMappingComponent = iconsMappingComponent;
|
package/lib/@next/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export { ButtonGroup } from './ButtonGroup';
|
|
|
4
4
|
export { Icon } from './Icon';
|
|
5
5
|
export { Tab, TabProps, Tabs, TabsProps } from './Tabs';
|
|
6
6
|
export { Typography } from './Typography';
|
|
7
|
+
export { Avatar } from './Avatar';
|
|
7
8
|
import * as BorderRadius from './utilities/borderRadius';
|
|
8
9
|
import * as Breakpoints from './utilities/breakpoints';
|
|
9
10
|
import * as Colors from './utilities/colors';
|
package/lib/@next/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.Typography = exports.TabsProps = exports.Tabs = exports.TabProps = exports.Tab = exports.Spacing = exports.PrimaryButton = exports.OutlineMonochromeButton = exports.OutlineButton = exports.Icon = exports.Fonts = exports.DropShadow = exports.DestructiveButton = exports.Colors = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.Badge = void 0;
|
|
4
|
+
exports.Typography = exports.TabsProps = exports.Tabs = exports.TabProps = exports.Tab = exports.Spacing = exports.PrimaryButton = exports.OutlineMonochromeButton = exports.OutlineButton = exports.Icon = exports.Fonts = exports.DropShadow = exports.DestructiveButton = exports.Colors = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.Badge = exports.Avatar = void 0;
|
|
5
5
|
var _Badge = require("./Badge");
|
|
6
6
|
exports.Badge = _Badge.Badge;
|
|
7
7
|
var _Button = require("./Button");
|
|
@@ -21,6 +21,8 @@ exports.Tabs = _Tabs.Tabs;
|
|
|
21
21
|
exports.TabsProps = _Tabs.TabsProps;
|
|
22
22
|
var _Typography = require("./Typography");
|
|
23
23
|
exports.Typography = _Typography.Typography;
|
|
24
|
+
var _Avatar = require("./Avatar");
|
|
25
|
+
exports.Avatar = _Avatar.Avatar;
|
|
24
26
|
var BorderRadius = _interopRequireWildcard(require("./utilities/borderRadius"));
|
|
25
27
|
exports.BorderRadius = BorderRadius;
|
|
26
28
|
var Breakpoints = _interopRequireWildcard(require("./utilities/breakpoints"));
|
package/package.json
CHANGED