@ntbjs/react-components 1.2.0-rc.13 → 1.2.0-rc.15
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/{ActionButton-06df3d6c.js → ActionButton-f150aedb.js} +5 -15
- package/Alert-d7863c58.js +62 -0
- package/AssetGallery-9dc1076e.js +1396 -0
- package/{AssetPreviewTopBar-c28715f7.js → AssetPreviewTopBar-d4e976ab.js} +15 -15
- package/Badge-fa8f327e.js +154 -0
- package/{Button-c38d56a0.js → Button-772b513a.js} +3 -3
- package/{Checkbox-68dc38a8.js → Checkbox-0cb45351.js} +1 -1
- package/{CompactAutocompleteSelect-43e79e21.js → CompactAutocompleteSelect-ad337fac.js} +10 -10
- package/{CompactStarRating-9c81ca6e.js → CompactStarRating-147445be.js} +9 -9
- package/{CompactTextInput-c7d0ac82.js → CompactTextInput-bb50a388.js} +22 -16
- package/{ContextMenu-4ec3d9f3.js → ContextMenu-8c9d90a1.js} +1 -1
- package/{InputGroup-49fbc423.js → InputGroup-53a44ae6.js} +1 -1
- package/{Instructions-ea9e5aa9.js → Instructions-ba0d244e.js} +6 -16
- package/{MultiLevelCheckboxSelect-c4060a73.js → MultiLevelCheckboxSelect-a16cdf3d.js} +28 -29
- package/{MultiSelect-4b8d3d0d.js → MultiSelect-7e865f37.js} +2 -2
- package/{Popover-e4ecb887.js → Popover-6fcff6de.js} +2 -2
- package/{Radio-32d0513a.js → Radio-a6ba38ed.js} +1 -1
- package/{SectionSeparator-259a22ed.js → SectionSeparator-961ec4de.js} +1 -1
- package/{Switch-4a41585f.js → Switch-9e68deb2.js} +1 -1
- package/{Tab-f499ecbc.js → Tab-3580786b.js} +1 -1
- package/{Tabs-c2261e7e.js → Tabs-511523e0.js} +2 -2
- package/{TextArea-9ddf9649.js → TextArea-7270a924.js} +30 -30
- package/{TextInput-0d109708.js → TextInput-97f7da4d.js} +1 -1
- package/{Tooltip-6b6f0b0a.js → Tooltip-5ccdfe34.js} +2 -2
- package/check-555d831b.js +213 -0
- package/data/Alert/index.js +2 -3
- package/data/Badge/index.js +2 -2
- package/data/Popover/index.js +3 -3
- package/data/Tab/index.js +2 -2
- package/data/Tabs/index.js +3 -3
- package/data/Tooltip/index.js +3 -3
- package/data/index.js +8 -10
- package/{defaultTheme-ea44e34a.js → defaultTheme-0dd58df6.js} +1 -1
- package/icons/download.svg +3 -3
- package/icons/play.svg +3 -3
- package/inputs/ActionButton/index.js +2 -3
- package/inputs/Button/index.js +5 -5
- package/inputs/Checkbox/index.js +2 -2
- package/inputs/CompactAutocompleteSelect/index.js +4 -3
- package/inputs/CompactStarRating/index.js +3 -2
- package/inputs/CompactTextInput/index.js +10 -10
- package/inputs/MultiSelect/index.js +3 -3
- package/inputs/Radio/index.js +2 -2
- package/inputs/Switch/index.js +2 -2
- package/inputs/TextArea/index.js +3 -2
- package/inputs/TextInput/index.js +2 -2
- package/inputs/index.js +26 -26
- package/layout/InputGroup/index.js +2 -2
- package/layout/SectionSeparator/index.js +2 -2
- package/layout/index.js +3 -3
- package/package.json +1 -1
- package/{react-select-creatable.esm-2f23d6c6.js → react-select-creatable.esm-4c3da560.js} +3 -3
- package/shift-away-subtle-3cede45b.js +9 -0
- package/styles/config.scss +1 -3
- package/widgets/AssetGallery/index.js +30 -31
- package/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -2
- package/widgets/ContextMenu/ContextMenuItem/index.js +105 -5
- package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -1
- package/widgets/ContextMenu/index.js +2 -2
- package/widgets/Instructions/index.js +6 -5
- package/widgets/index.js +32 -34
- package/Alert-13b75102.js +0 -117
- package/AssetGallery-d2914de2.js +0 -1847
- package/Badge-aec841c8.js +0 -221
- package/ContextMenuItem-1fe17ed5.js +0 -110
- package/VerificationStatusIcon-b574fd21.js +0 -106
- package/icons/add.svg +0 -3
- package/icons/album.svg +0 -3
- package/icons/check-rectangle-filled.svg +0 -3
- package/icons/corporate.svg +0 -3
- package/icons/index.js +0 -77
- package/icons/layers.svg +0 -3
- package/icons/shopping_cart_add.svg +0 -3
- package/icons/verification.svg +0 -3
- package/shift-away-subtle-0bed9a3c.js +0 -9
package/Badge-aec841c8.js
DELETED
|
@@ -1,221 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var defaultTheme = require('./defaultTheme-ea44e34a.js');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var styled = require('styled-components');
|
|
6
|
-
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
|
-
|
|
12
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
13
|
-
var Badge$1 = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n align-content: center;\n display: ", ";\n font-family: ", ";\n font-size: 1rem;\n font-weight: 500;\n min-height: 24px;\n position: relative;\n width: ", ";\n"])), function (props) {
|
|
14
|
-
return props.elevated || !props.hasChildren ? 'inline-flex' : 'flex';
|
|
15
|
-
}, function (props) {
|
|
16
|
-
return props.theme.primaryFontFamily;
|
|
17
|
-
}, function (props) {
|
|
18
|
-
return props.elevated ? 'fit-content' : 'initial';
|
|
19
|
-
});
|
|
20
|
-
var BadgeChildrenContainer = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n align-self: center;\n height: fit-content;\n margin-right: 8px;\n"])));
|
|
21
|
-
var BadgeLabel = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n border-radius: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n height: ", ";\n letter-spacing: 0.32px;\n margin-left: ", ";\n position: ", ";\n right: 0;\n transform: ", ";\n\n ", "\n\n ", "\n\n ", "\n \n\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
22
|
-
return props.elevated ? '12px' : '14px';
|
|
23
|
-
}, function (props) {
|
|
24
|
-
if (props.fontSize) {
|
|
25
|
-
return "".concat(props.fontSize, "px");
|
|
26
|
-
} else {
|
|
27
|
-
return props.elevated ? '0.625rem' : '0.750rem';
|
|
28
|
-
}
|
|
29
|
-
}, function (props) {
|
|
30
|
-
return props.fontWeight ? props.fontWeight : 'normal';
|
|
31
|
-
}, function (props) {
|
|
32
|
-
return props.lineHeight ? "".concat(props.lineHeight, "px") : 'normal';
|
|
33
|
-
}, function (props) {
|
|
34
|
-
return props.height ? "".concat(props.height, "px") : 'fit-content';
|
|
35
|
-
}, function (props) {
|
|
36
|
-
return props.elevated ? '15px' : 'auto';
|
|
37
|
-
}, function (props) {
|
|
38
|
-
return props.elevated ? 'absolute' : 'initial';
|
|
39
|
-
}, function (props) {
|
|
40
|
-
return props.elevated ? 'translate(33%, -8px)' : 'initial';
|
|
41
|
-
}, function (props) {
|
|
42
|
-
return props.width ? styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n width: ", "px;\n "])), props.width) : null;
|
|
43
|
-
}, function (props) {
|
|
44
|
-
return props.minWidth ? styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n min-width: ", "px;\n "])), props.minWidth) : null;
|
|
45
|
-
}, function (props) {
|
|
46
|
-
return props.minHeight ? styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n min-height: ", "px;\n "])), props.minHeight) : null;
|
|
47
|
-
}, function (props) {
|
|
48
|
-
var verticalPadding = props.verticalPadding ? "".concat(props.verticalPadding, "px") : props.elevated ? '4px' : '6px';
|
|
49
|
-
var horizontalPadding = props.horizontalPadding ? "".concat(props.horizontalPadding, "px") : props.elevated ? '7px' : '10px';
|
|
50
|
-
return styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n padding: ", " ", ";\n "])), verticalPadding, horizontalPadding);
|
|
51
|
-
}, function (props) {
|
|
52
|
-
return props.theme.themeProp('background', function () {
|
|
53
|
-
var _props$backgroundColo, _props$backgroundColo2;
|
|
54
|
-
|
|
55
|
-
var active = props.active;
|
|
56
|
-
var error = props.error;
|
|
57
|
-
var warning = props.warning;
|
|
58
|
-
var defaultBgColor = (_props$backgroundColo = props === null || props === void 0 ? void 0 : (_props$backgroundColo2 = props.backgroundColors) === null || _props$backgroundColo2 === void 0 ? void 0 : _props$backgroundColo2[0]) !== null && _props$backgroundColo !== void 0 ? _props$backgroundColo : props.theme.getColor('gray-600');
|
|
59
|
-
|
|
60
|
-
switch (true) {
|
|
61
|
-
case !error && !warning && !active:
|
|
62
|
-
return defaultBgColor;
|
|
63
|
-
|
|
64
|
-
case !error && !warning && active:
|
|
65
|
-
return props.theme.getColor('gray-700');
|
|
66
|
-
|
|
67
|
-
case error && active:
|
|
68
|
-
return props.theme.getColor('red-500');
|
|
69
|
-
|
|
70
|
-
case error:
|
|
71
|
-
return props.theme.getColor('red-200');
|
|
72
|
-
|
|
73
|
-
case warning && active:
|
|
74
|
-
return props.theme.getColor('signal-yellow-500');
|
|
75
|
-
|
|
76
|
-
case warning:
|
|
77
|
-
return props.theme.getColor('signal-yellow-400');
|
|
78
|
-
|
|
79
|
-
default:
|
|
80
|
-
return props.theme.getColor('gray-600');
|
|
81
|
-
}
|
|
82
|
-
}, function () {
|
|
83
|
-
var _props$backgroundColo3, _props$backgroundColo4;
|
|
84
|
-
|
|
85
|
-
var active = props.active;
|
|
86
|
-
var error = props.error;
|
|
87
|
-
var warning = props.warning;
|
|
88
|
-
var defaultBgColor = (_props$backgroundColo3 = props === null || props === void 0 ? void 0 : (_props$backgroundColo4 = props.backgroundColors) === null || _props$backgroundColo4 === void 0 ? void 0 : _props$backgroundColo4[1]) !== null && _props$backgroundColo3 !== void 0 ? _props$backgroundColo3 : props.theme.getColor('gray-200');
|
|
89
|
-
|
|
90
|
-
switch (true) {
|
|
91
|
-
case !error && !warning && !active:
|
|
92
|
-
return defaultBgColor;
|
|
93
|
-
|
|
94
|
-
case !error && !warning && active:
|
|
95
|
-
return props.theme.getColor('white');
|
|
96
|
-
|
|
97
|
-
case error && active:
|
|
98
|
-
return props.theme.getColor('red-500');
|
|
99
|
-
|
|
100
|
-
case error:
|
|
101
|
-
return props.theme.getColor('red-200');
|
|
102
|
-
|
|
103
|
-
case warning && active:
|
|
104
|
-
return props.theme.getColor('signal-yellow-500');
|
|
105
|
-
|
|
106
|
-
case warning:
|
|
107
|
-
return props.theme.getColor('signal-yellow-400');
|
|
108
|
-
|
|
109
|
-
default:
|
|
110
|
-
return props.theme.getColor('gray-200');
|
|
111
|
-
}
|
|
112
|
-
});
|
|
113
|
-
}, function (props) {
|
|
114
|
-
return props.theme.themeProp('color', function () {
|
|
115
|
-
var _props$colors$, _props$colors;
|
|
116
|
-
|
|
117
|
-
var defaultColor = (_props$colors$ = props === null || props === void 0 ? void 0 : (_props$colors = props.colors) === null || _props$colors === void 0 ? void 0 : _props$colors[0]) !== null && _props$colors$ !== void 0 ? _props$colors$ : props.theme.getColor('white');
|
|
118
|
-
|
|
119
|
-
if (props.warning && !props.error || props.error && !props.active) {
|
|
120
|
-
return props.theme.getColor('gray-900');
|
|
121
|
-
} else {
|
|
122
|
-
return defaultColor;
|
|
123
|
-
}
|
|
124
|
-
}, function () {
|
|
125
|
-
var _props$colors$2, _props$colors2;
|
|
126
|
-
|
|
127
|
-
var defaultColor = (_props$colors$2 = props === null || props === void 0 ? void 0 : (_props$colors2 = props.colors) === null || _props$colors2 === void 0 ? void 0 : _props$colors2[1]) !== null && _props$colors$2 !== void 0 ? _props$colors$2 : props.theme.getColor('gray-900');
|
|
128
|
-
|
|
129
|
-
if (props.error && props.active) {
|
|
130
|
-
return props.theme.getColor('white');
|
|
131
|
-
} else {
|
|
132
|
-
return defaultColor;
|
|
133
|
-
}
|
|
134
|
-
});
|
|
135
|
-
});
|
|
136
|
-
var BadgeIcon = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin-right: ", ";\n svg {\n height: 12px;\n }\n"])), function (props) {
|
|
137
|
-
return props.useGutter ? '4px' : 0;
|
|
138
|
-
});
|
|
139
|
-
|
|
140
|
-
var Badge = React__default['default'].forwardRef(function Badge(_ref, forwardedRef) {
|
|
141
|
-
var badgeContent = _ref.badgeContent,
|
|
142
|
-
badgeIcon = _ref.badgeIcon,
|
|
143
|
-
children = _ref.children,
|
|
144
|
-
elevated = _ref.elevated,
|
|
145
|
-
fontSize = _ref.fontSize,
|
|
146
|
-
fontWeight = _ref.fontWeight,
|
|
147
|
-
lineHeight = _ref.lineHeight,
|
|
148
|
-
active = _ref.active,
|
|
149
|
-
error = _ref.error,
|
|
150
|
-
warning = _ref.warning,
|
|
151
|
-
backgroundColors = _ref.backgroundColors,
|
|
152
|
-
colors = _ref.colors,
|
|
153
|
-
verticalPadding = _ref.verticalPadding,
|
|
154
|
-
horizontalPadding = _ref.horizontalPadding,
|
|
155
|
-
height = _ref.height,
|
|
156
|
-
minHeight = _ref.minHeight,
|
|
157
|
-
width = _ref.width,
|
|
158
|
-
minWidth = _ref.minWidth,
|
|
159
|
-
props = defaultTheme._objectWithoutProperties(_ref, ["badgeContent", "badgeIcon", "children", "elevated", "fontSize", "fontWeight", "lineHeight", "active", "error", "warning", "backgroundColors", "colors", "verticalPadding", "horizontalPadding", "height", "minHeight", "width", "minWidth"]);
|
|
160
|
-
|
|
161
|
-
if (typeof badgeContent === 'number') {
|
|
162
|
-
badgeContent = Intl.NumberFormat('en', {
|
|
163
|
-
notation: 'compact'
|
|
164
|
-
}).format(badgeContent);
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
return React__default['default'].createElement(Badge$1, defaultTheme._extends({
|
|
168
|
-
ref: forwardedRef,
|
|
169
|
-
elevated: elevated,
|
|
170
|
-
hasChildren: Boolean(children)
|
|
171
|
-
}, props), children && React__default['default'].createElement(BadgeChildrenContainer, null, children), (badgeIcon || badgeContent) && React__default['default'].createElement(BadgeLabel, {
|
|
172
|
-
backgroundColors: backgroundColors,
|
|
173
|
-
colors: colors,
|
|
174
|
-
elevated: elevated,
|
|
175
|
-
fontSize: fontSize,
|
|
176
|
-
fontWeight: fontWeight,
|
|
177
|
-
lineHeight: lineHeight,
|
|
178
|
-
active: active,
|
|
179
|
-
error: error,
|
|
180
|
-
warning: warning,
|
|
181
|
-
verticalPadding: verticalPadding,
|
|
182
|
-
horizontalPadding: horizontalPadding,
|
|
183
|
-
height: height,
|
|
184
|
-
minHeight: minHeight,
|
|
185
|
-
width: width,
|
|
186
|
-
minWidth: minWidth
|
|
187
|
-
}, badgeIcon && React__default['default'].createElement(BadgeIcon, {
|
|
188
|
-
useGutter: !!badgeContent
|
|
189
|
-
}, badgeIcon), badgeContent));
|
|
190
|
-
});
|
|
191
|
-
Badge.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
192
|
-
badgeIcon: defaultTheme.PropTypes.node,
|
|
193
|
-
badgeContent: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.number]),
|
|
194
|
-
children: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.node, defaultTheme.PropTypes.string]),
|
|
195
|
-
elevated: defaultTheme.PropTypes.bool,
|
|
196
|
-
active: defaultTheme.PropTypes.bool,
|
|
197
|
-
error: defaultTheme.PropTypes.bool,
|
|
198
|
-
warning: defaultTheme.PropTypes.bool,
|
|
199
|
-
fontSize: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.number, defaultTheme.PropTypes.string]),
|
|
200
|
-
fontWeight: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.number, defaultTheme.PropTypes.string]),
|
|
201
|
-
lineHeight: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.number, defaultTheme.PropTypes.string]),
|
|
202
|
-
colors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string),
|
|
203
|
-
backgroundColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string),
|
|
204
|
-
verticalPadding: defaultTheme.PropTypes.number,
|
|
205
|
-
horizontalPadding: defaultTheme.PropTypes.number,
|
|
206
|
-
height: defaultTheme.PropTypes.number,
|
|
207
|
-
minHeight: defaultTheme.PropTypes.number,
|
|
208
|
-
width: defaultTheme.PropTypes.number,
|
|
209
|
-
minWidth: defaultTheme.PropTypes.number
|
|
210
|
-
} : {};
|
|
211
|
-
Badge.defaultProps = {
|
|
212
|
-
elevated: false,
|
|
213
|
-
active: false,
|
|
214
|
-
error: false,
|
|
215
|
-
warning: false,
|
|
216
|
-
badgeIcon: null,
|
|
217
|
-
fontWeight: 'normal',
|
|
218
|
-
lineHeight: 'normal'
|
|
219
|
-
};
|
|
220
|
-
|
|
221
|
-
exports.Badge = Badge;
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var defaultTheme = require('./defaultTheme-ea44e34a.js');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var styled = require('styled-components');
|
|
6
|
-
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
function _interopNamespace(e) {
|
|
10
|
-
if (e && e.__esModule) return e;
|
|
11
|
-
var n = Object.create(null);
|
|
12
|
-
if (e) {
|
|
13
|
-
Object.keys(e).forEach(function (k) {
|
|
14
|
-
if (k !== 'default') {
|
|
15
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
16
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
17
|
-
enumerable: true,
|
|
18
|
-
get: function () {
|
|
19
|
-
return e[k];
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
n['default'] = e;
|
|
26
|
-
return Object.freeze(n);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
30
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
31
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
32
|
-
|
|
33
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
34
|
-
|
|
35
|
-
var _ref = /*#__PURE__*/React__namespace.createElement("path", {
|
|
36
|
-
fill: "currentColor",
|
|
37
|
-
d: "M0 20V0l10 10L0 20z"
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
function SvgTriangleRight(props) {
|
|
41
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
42
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
43
|
-
viewBox: "0 0 10 20"
|
|
44
|
-
}, props), _ref);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
48
|
-
var ContextMenuItem$1 = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n align-items: center;\n cursor: pointer;\n display: flex;\n font-family: ", ";\n font-size: 0.875rem;\n font-weight: normal;\n height: 31px;\n min-width: 160px;\n padding: ", ";\n\n color: ", "\n\n ", "\n\n ", "\n\n :not(:last-of-type) {\n border-bottom: 1px solid;\n\n ", "\n }\n\n :last-of-type {\n height: 32px;\n }\n\n &:hover {\n cursor: pointer;\n\n ", "\n }\n\n ", "\n\n ", " \n"])), function (props) {
|
|
49
|
-
return props.theme.primaryFontFamily;
|
|
50
|
-
}, function (props) {
|
|
51
|
-
return props.opensSublevel ? '0 8px' : '0 28px 0 8px';
|
|
52
|
-
}, function (props) {
|
|
53
|
-
return props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700'));
|
|
54
|
-
}, function (props) {
|
|
55
|
-
return props.theme.themeProp('background-color', props.theme.getColor('gray-700'), '#FEFEFE');
|
|
56
|
-
}, function (props) {
|
|
57
|
-
return !props.icon && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 28px;\n "])));
|
|
58
|
-
}, function (props) {
|
|
59
|
-
return props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
|
|
60
|
-
}, function (props) {
|
|
61
|
-
return props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
|
|
62
|
-
}, function (props) {
|
|
63
|
-
return props.hoverColors && props.hoverColors[0] && props.hoverColors[1] && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n &&:hover {\n ", "\n }\n "])), function (props) {
|
|
64
|
-
return props.theme.themeProp('color', props.hoverColors[0], props.hoverColors[1]);
|
|
65
|
-
});
|
|
66
|
-
}, function (props) {
|
|
67
|
-
return props.hoverBackgroundColors && props.hoverBackgroundColors[0] && props.hoverBackgroundColors[1] && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n &&:hover {\n ", "\n }\n "])), function (props) {
|
|
68
|
-
return props.theme.themeProp('background-color', props.hoverBackgroundColors[0], props.hoverBackgroundColors[1]);
|
|
69
|
-
});
|
|
70
|
-
});
|
|
71
|
-
var IconContainer = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n height: fit-content;\n max-width: 12px;\n margin-right: 8px;\n\n svg {\n height: 12px;\n }\n"])));
|
|
72
|
-
var SublevelIconContainer = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n height: fit-content;\n max-width: 12px;\n margin-left: auto;\n margin-right: 8px;\n padding-left: 24px;\n\n svg {\n height: 12px;\n }\n"])));
|
|
73
|
-
|
|
74
|
-
var ContextMenuItem = React__default['default'].forwardRef(function ContextMenuItem(_ref, forwardedRef) {
|
|
75
|
-
var title = _ref.title,
|
|
76
|
-
icon = _ref.icon,
|
|
77
|
-
onClickEffect = _ref.onClickEffect,
|
|
78
|
-
opensSublevel = _ref.opensSublevel,
|
|
79
|
-
hoverColors = _ref.hoverColors,
|
|
80
|
-
hoverBackgroundColors = _ref.hoverBackgroundColors,
|
|
81
|
-
props = defaultTheme._objectWithoutProperties(_ref, ["title", "icon", "onClickEffect", "opensSublevel", "hoverColors", "hoverBackgroundColors"]);
|
|
82
|
-
|
|
83
|
-
return React__default['default'].createElement(ContextMenuItem$1, defaultTheme._extends({
|
|
84
|
-
ref: forwardedRef,
|
|
85
|
-
icon: icon,
|
|
86
|
-
onClick: onClickEffect,
|
|
87
|
-
hoverColors: hoverColors,
|
|
88
|
-
hoverBackgroundColors: hoverBackgroundColors,
|
|
89
|
-
opensSublevel: opensSublevel,
|
|
90
|
-
className: opensSublevel ? 'context-menu-item opens-sublevel' : 'context-menu-item'
|
|
91
|
-
}, props, {
|
|
92
|
-
role: "menuitem"
|
|
93
|
-
}), icon && React__default['default'].createElement(IconContainer, null, icon), title, opensSublevel && React__default['default'].createElement(SublevelIconContainer, null, React__default['default'].createElement(SvgTriangleRight, null)));
|
|
94
|
-
});
|
|
95
|
-
ContextMenuItem.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
96
|
-
title: defaultTheme.PropTypes.string.isRequired,
|
|
97
|
-
icon: defaultTheme.PropTypes.element,
|
|
98
|
-
onClickEffect: defaultTheme.PropTypes.func,
|
|
99
|
-
opensSublevel: defaultTheme.PropTypes.bool,
|
|
100
|
-
hoverColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string),
|
|
101
|
-
hoverBackgroundColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string)
|
|
102
|
-
} : {};
|
|
103
|
-
ContextMenuItem.defaultProps = {
|
|
104
|
-
icon: undefined,
|
|
105
|
-
hoverColors: undefined,
|
|
106
|
-
hoverBackgroundColors: undefined,
|
|
107
|
-
opensSublevel: false
|
|
108
|
-
};
|
|
109
|
-
|
|
110
|
-
exports.ContextMenuItem = ContextMenuItem;
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var defaultTheme = require('./defaultTheme-ea44e34a.js');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var styled = require('styled-components');
|
|
6
|
-
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
function _interopNamespace(e) {
|
|
10
|
-
if (e && e.__esModule) return e;
|
|
11
|
-
var n = Object.create(null);
|
|
12
|
-
if (e) {
|
|
13
|
-
Object.keys(e).forEach(function (k) {
|
|
14
|
-
if (k !== 'default') {
|
|
15
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
16
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
17
|
-
enumerable: true,
|
|
18
|
-
get: function () {
|
|
19
|
-
return e[k];
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
n['default'] = e;
|
|
26
|
-
return Object.freeze(n);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
30
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
31
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
32
|
-
|
|
33
|
-
var _templateObject, _templateObject2;
|
|
34
|
-
var VerificationStatusIcon$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n position: relative;\n font: normal normal normal 12px/16px Roboto;\n\n ", ";\n\n svg {\n height: ", "px;\n }\n"])), function (props) {
|
|
35
|
-
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'));
|
|
36
|
-
}, function (props) {
|
|
37
|
-
var _props$iconHeight;
|
|
38
|
-
|
|
39
|
-
return (_props$iconHeight = props.iconHeight) !== null && _props$iconHeight !== void 0 ? _props$iconHeight : 15;
|
|
40
|
-
});
|
|
41
|
-
var VerificationStatusColor = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n bottom: 0;\n left: ", "px;\n width: ", "px;\n height: ", "px;\n border-radius: 50%;\n\n ", "\n"])), function (props) {
|
|
42
|
-
var _props$iconHeight2;
|
|
43
|
-
|
|
44
|
-
return ((_props$iconHeight2 = props.iconHeight) !== null && _props$iconHeight2 !== void 0 ? _props$iconHeight2 : 15) * 2 / 3;
|
|
45
|
-
}, function (props) {
|
|
46
|
-
var _props$iconHeight3;
|
|
47
|
-
|
|
48
|
-
return ((_props$iconHeight3 = props.iconHeight) !== null && _props$iconHeight3 !== void 0 ? _props$iconHeight3 : 15) * 2 / 3;
|
|
49
|
-
}, function (props) {
|
|
50
|
-
var _props$iconHeight4;
|
|
51
|
-
|
|
52
|
-
return ((_props$iconHeight4 = props.iconHeight) !== null && _props$iconHeight4 !== void 0 ? _props$iconHeight4 : 15) * 2 / 3;
|
|
53
|
-
}, function (props) {
|
|
54
|
-
var darkThemeColor = props.theme.getColor('gray-100');
|
|
55
|
-
var lightThemeColor = props.theme.getColor('gray-500');
|
|
56
|
-
|
|
57
|
-
if (props.status === 'verified') {
|
|
58
|
-
darkThemeColor = props.theme.getColor('emerald-500');
|
|
59
|
-
lightThemeColor = props.theme.getColor('emerald-300');
|
|
60
|
-
} else if (props.status === 'pending') {
|
|
61
|
-
darkThemeColor = props.theme.getColor('brown-500');
|
|
62
|
-
lightThemeColor = props.theme.getColor('signal-yellow-500');
|
|
63
|
-
} else if (props.status === 'rejected') {
|
|
64
|
-
darkThemeColor = props.theme.getColor('red-600');
|
|
65
|
-
lightThemeColor = props.theme.getColor('red-200');
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
return props.theme.themeProp('background-color', darkThemeColor, lightThemeColor);
|
|
69
|
-
});
|
|
70
|
-
|
|
71
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
72
|
-
|
|
73
|
-
var _ref = /*#__PURE__*/React__namespace.createElement("path", {
|
|
74
|
-
fill: "currentColor",
|
|
75
|
-
d: "M9.3 12.662q-1.698 0-2.864-1.166T5.27 8.632q0-1.697 1.166-2.864T9.3 4.602q1.698 0 2.864 1.166t1.166 2.864q0 1.698-1.166 2.864T9.3 12.662zm0-1.86q.925 0 1.548-.622.622-.622.622-1.548t-.622-1.547q-.623-.623-1.548-.623t-1.548.623q-.622.622-.622 1.547t.622 1.548q.623.622 1.548.622zm0 12.686q-4.023-1.097-6.661-4.735Q0 15.113 0 10.616V3.482L9.3 0l9.3 3.482v7.134q0 4.498-2.639 8.137-2.638 3.639-6.661 4.735zm0-11.744zm0-9.765L1.86 4.757v5.86q0 1.769.507 3.421.507 1.653 1.408 3.083 1.254-.639 2.626-.999 1.373-.36 2.899-.36t2.898.36q1.373.36 2.627 1 .901-1.431 1.408-3.084.507-1.652.507-3.422V4.757L9.3 1.98zm0 15.643q-1.2 0-2.307.26-1.108.26-2.093.73.923 1.025 2.03 1.773 1.109.747 2.37 1.143 1.262-.395 2.363-1.143 1.102-.748 2.025-1.773-.985-.47-2.087-.73-1.102-.26-2.301-.26z"
|
|
76
|
-
});
|
|
77
|
-
|
|
78
|
-
function SvgVerification(props) {
|
|
79
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
80
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
81
|
-
viewBox: "-2.5 0 24 24"
|
|
82
|
-
}, props), _ref);
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
var VerificationStatusIcon = React__default['default'].forwardRef(function VerificationStatusIcon(_ref, forwardedRef) {
|
|
86
|
-
var status = _ref.status,
|
|
87
|
-
iconHeight = _ref.iconHeight,
|
|
88
|
-
props = defaultTheme._objectWithoutProperties(_ref, ["status", "iconHeight"]);
|
|
89
|
-
|
|
90
|
-
return React__default['default'].createElement(VerificationStatusIcon$1, defaultTheme._extends({
|
|
91
|
-
iconHeight: iconHeight,
|
|
92
|
-
ref: forwardedRef
|
|
93
|
-
}, props), React__default['default'].createElement(SvgVerification, null), React__default['default'].createElement(VerificationStatusColor, {
|
|
94
|
-
iconHeight: iconHeight,
|
|
95
|
-
status: status
|
|
96
|
-
}));
|
|
97
|
-
});
|
|
98
|
-
VerificationStatusIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
99
|
-
status: defaultTheme.PropTypes.oneOf(['verified', 'pending', 'rejected']).isRequired,
|
|
100
|
-
iconHeight: defaultTheme.PropTypes.number
|
|
101
|
-
} : {};
|
|
102
|
-
VerificationStatusIcon.defaultProps = {
|
|
103
|
-
iconHeight: 15
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
exports.VerificationStatusIcon = VerificationStatusIcon;
|
package/icons/add.svg
DELETED
package/icons/album.svg
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
-
<path fill="currentColor" d="M21.6,2.4V16.8H7.2V2.4H21.6m0-2.4H7.2A2.4071,2.4071,0,0,0,4.8,2.4V16.8a2.4071,2.4071,0,0,0,2.4,2.4H21.6A2.4071,2.4071,0,0,0,24,16.8V2.4A2.4071,2.4071,0,0,0,21.6,0ZM11.4,11.604l2.028,2.712,2.976-3.72L20.4,15.6H8.4ZM0,4.8V21.6A2.4071,2.4071,0,0,0,2.4,24H19.2V21.6H2.4V4.8Z"/>
|
|
3
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
-
<path fill="currentColor" d="m 10.146 17.622 l 9.4117 -9.4117 l -1.869 -1.869 l -7.5427 7.5427 l -3.8048 -3.8048 l -1.869 1.869 l 5.6738 5.6738 Z M 2.67 24.03 q -1.1014 0 -1.8856 -0.7843 T 0 21.36 v -18.69 q 0 -1.1014 0.7843 -1.8856 T 2.67 0 h 18.69 q 1.1014 0 1.8856 0.7843 T 24.03 2.67 v 18.69 q 0 1.1014 -0.7843 1.8856 T 21.36 24.03 H 2.67 Z"/>
|
|
3
|
-
</svg>
|
package/icons/corporate.svg
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.5 -1.5 24 24">
|
|
2
|
-
<path fill="currentColor" d="M 0 20.7 v -20.7 h 11.5 v 4.6 h 11.5 v 16.1 H 0 Z m 2.3 -2.3 h 6.9 v -2.3 H 2.3 v 2.3 Z m 0 -4.6 h 6.9 v -2.3 H 2.3 v 2.3 Z m 0 -4.6 h 6.9 v -2.3 H 2.3 v 2.3 Z m 0 -4.6 h 6.9 v -2.3 H 2.3 v 2.3 Z m 9.2 13.8 h 9.2 v -11.5 H 11.5 v 11.5 Z m 2.3 -6.9 v -2.3 h 4.6 v 2.3 H 13.8 Z m 0 4.6 v -2.3 h 4.6 v 2.3 H 13.8 Z"/>
|
|
3
|
-
</svg>
|
package/icons/index.js
DELETED
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { ReactComponent as AddIcon } from './add.svg';
|
|
2
|
-
import { ReactComponent as AddCircleIcon } from './add-circle.svg';
|
|
3
|
-
import { ReactComponent as AlbumIcon } from './album.svg';
|
|
4
|
-
import { ReactComponent as ArrowBackIcon } from './arrow-back.svg';
|
|
5
|
-
import { ReactComponent as ArrowDropDownIcon } from './arrow-drop-down.svg';
|
|
6
|
-
import { ReactComponent as AudioIcon } from './audio.svg';
|
|
7
|
-
import { ReactComponent as BellIcon } from './bell.svg';
|
|
8
|
-
import { ReactComponent as CheckCircleIcon } from './check-circle-filled.svg';
|
|
9
|
-
import { ReactComponent as CheckRectangleIcon } from './check-rectangle-filled.svg';
|
|
10
|
-
import { ReactComponent as CloseIcon } from './close.svg';
|
|
11
|
-
import { ReactComponent as CorporateIcon } from './corporate.svg';
|
|
12
|
-
import { ReactComponent as DeleteContextMenuIcon } from './delete-context-menu.svg';
|
|
13
|
-
import { ReactComponent as DeleteIcon } from './delete.svg';
|
|
14
|
-
import { ReactComponent as DesignServicesIcon } from './design-services.svg';
|
|
15
|
-
import { ReactComponent as DownloadIcon } from './download.svg';
|
|
16
|
-
import { ReactComponent as EditNoteIcon } from './edit-note.svg';
|
|
17
|
-
import { ReactComponent as EditIcon } from './edit.svg';
|
|
18
|
-
import { ReactComponent as ExpandMoreIcon } from './expand-more.svg';
|
|
19
|
-
import { ReactComponent as FileIcon } from './file.svg';
|
|
20
|
-
import { ReactComponent as FtpIcon } from './ftp.svg';
|
|
21
|
-
import { ReactComponent as GearIcon } from './gear.svg';
|
|
22
|
-
import { ReactComponent as HeadsetIcon } from './headset.svg';
|
|
23
|
-
import { ReactComponent as LayersIcon } from './layers.svg';
|
|
24
|
-
import { ReactComponent as LibraryAddIcon } from './library-add.svg';
|
|
25
|
-
import { ReactComponent as LinkIcon } from './link.svg';
|
|
26
|
-
import { ReactComponent as PdfIcon } from './pdf.svg';
|
|
27
|
-
import { ReactComponent as PlayIcon } from './play.svg';
|
|
28
|
-
import { ReactComponent as RemoveCircleIcon } from './remove-circle.svg';
|
|
29
|
-
import { ReactComponent as SearchIcon } from './search.svg';
|
|
30
|
-
import { ReactComponent as ShareIcon } from './share.svg';
|
|
31
|
-
import { ReactComponent as ShoppingCartAddIcon } from './shopping_cart_add.svg';
|
|
32
|
-
import { ReactComponent as StarFilledIcon } from './star-filled.svg';
|
|
33
|
-
import { ReactComponent as StarIcon } from './star.svg';
|
|
34
|
-
import { ReactComponent as TriangleRightIcon } from './triangle-right.svg';
|
|
35
|
-
import { ReactComponent as VerificationIcon } from './verification.svg';
|
|
36
|
-
import { ReactComponent as WarningCircleIcon } from './warning-circle.svg';
|
|
37
|
-
import { ReactComponent as WarningTriangleIcon } from './warning-triangle.svg';
|
|
38
|
-
|
|
39
|
-
export {
|
|
40
|
-
AddIcon,
|
|
41
|
-
AddCircleIcon,
|
|
42
|
-
AlbumIcon,
|
|
43
|
-
ArrowBackIcon,
|
|
44
|
-
ArrowDropDownIcon,
|
|
45
|
-
AudioIcon,
|
|
46
|
-
BellIcon,
|
|
47
|
-
CheckCircleIcon,
|
|
48
|
-
CheckRectangleIcon,
|
|
49
|
-
CloseIcon,
|
|
50
|
-
CorporateIcon,
|
|
51
|
-
DeleteContextMenuIcon,
|
|
52
|
-
DeleteIcon,
|
|
53
|
-
DesignServicesIcon,
|
|
54
|
-
DownloadIcon,
|
|
55
|
-
EditNoteIcon,
|
|
56
|
-
EditIcon,
|
|
57
|
-
ExpandMoreIcon,
|
|
58
|
-
FileIcon,
|
|
59
|
-
FtpIcon,
|
|
60
|
-
GearIcon,
|
|
61
|
-
HeadsetIcon,
|
|
62
|
-
LayersIcon,
|
|
63
|
-
LibraryAddIcon,
|
|
64
|
-
LinkIcon,
|
|
65
|
-
PdfIcon,
|
|
66
|
-
PlayIcon,
|
|
67
|
-
RemoveCircleIcon,
|
|
68
|
-
SearchIcon,
|
|
69
|
-
ShareIcon,
|
|
70
|
-
ShoppingCartAddIcon,
|
|
71
|
-
StarFilledIcon,
|
|
72
|
-
StarIcon,
|
|
73
|
-
TriangleRightIcon,
|
|
74
|
-
VerificationIcon,
|
|
75
|
-
WarningCircleIcon,
|
|
76
|
-
WarningTriangleIcon
|
|
77
|
-
};
|
package/icons/layers.svg
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.5 -0.5 24 24">
|
|
2
|
-
<path fill="currentColor" d="M 11.2 8.96 v -3.36 H 7.84 v -2.24 h 3.36 v -3.36 h 2.24 v 3.36 h 3.36 v 2.24 H 13.44 v 3.36 h -2.24 Z M 6.72 23.52 q -0.924 0 -1.582 -0.658 T 4.48 21.28 q 0 -0.924 0.658 -1.582 T 6.72 19.04 q 0.924 0 1.582 0.658 T 8.96 21.28 q 0 0.924 -0.658 1.582 T 6.72 23.52 Z m 11.2 0 q -0.924 0 -1.582 -0.658 T 15.68 21.28 q 0 -0.924 0.658 -1.582 T 17.92 19.04 q 0.924 0 1.582 0.658 T 20.16 21.28 q 0 0.924 -0.658 1.582 T 17.92 23.52 Z M 0 3.36 v -2.24 h 3.668 l 4.76 10.08 h 7.84 l 4.368 -7.84 h 2.548 L 18.256 12.264 q -0.308 0.56 -0.826 0.868 T 16.296 13.44 H 7.952 l -1.232 2.24 h 13.44 v 2.24 H 6.72 q -1.26 0 -1.918 -1.092 t -0.042 -2.212 l 1.512 -2.744 l -4.032 -8.512 H 0 Z"/>
|
|
3
|
-
</svg>
|
package/icons/verification.svg
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2.5 0 24 24">
|
|
2
|
-
<path fill="currentColor" d="M 9.3 12.6622 q -1.6978 0 -2.8639 -1.1661 T 5.27 8.6323 q 0 -1.6978 1.1661 -2.8639 T 9.3 4.6023 q 1.6978 0 2.8639 1.1661 T 13.3299 8.6323 q 0 1.6978 -1.1661 2.8639 T 9.3 12.6622 Z m 0 -1.8599 q 0.9252 0 1.5476 -0.6224 q 0.6224 -0.6224 0.6224 -1.5476 t -0.6224 -1.5476 Q 10.2252 6.4622 9.3 6.4622 t -1.5476 0.6224 Q 7.1299 7.707 7.1299 8.6323 t 0.6224 1.5476 q 0.6224 0.6224 1.5476 0.6224 Z m 0 12.6861 q -4.0228 -1.0969 -6.6614 -4.7358 Q 0 15.1136 0 10.6163 v -7.1347 L 9.3 0 l 9.3 3.4815 V 10.6163 q 0 4.4974 -2.6386 8.1363 Q 13.3228 22.3915 9.3 23.4884 Z m 0 -11.7442 Z m 0 -9.765 L 1.86 4.7573 v 5.859 q 0 1.7694 0.5067 3.4219 q 0.5068 1.6525 1.4081 3.0833 q 1.2543 -0.6391 2.6266 -0.9992 q 1.3723 -0.3601 2.8985 -0.3601 t 2.8985 0.3601 q 1.3723 0.3601 2.6266 0.9992 q 0.9014 -1.4308 1.4081 -3.0833 Q 16.74 12.3856 16.74 10.6163 v -5.859 l -7.44 -2.7781 Z m 0 15.643 q -1.1995 0 -2.3071 0.2599 q -1.1077 0.2599 -2.0925 0.7297 q 0.9229 1.0254 2.0305 1.773 Q 8.0385 21.1324 9.3 21.5283 q 1.2615 -0.3958 2.3632 -1.1434 Q 12.7648 19.6373 13.6877 18.6118 q -0.9848 -0.4697 -2.0865 -0.7297 q -1.1017 -0.2599 -2.3012 -0.2599 Z"/>
|
|
3
|
-
</svg>
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var defaultTheme = require('./defaultTheme-ea44e34a.js');
|
|
4
|
-
|
|
5
|
-
var css_248z$1 = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}";
|
|
6
|
-
defaultTheme.styleInject(css_248z$1);
|
|
7
|
-
|
|
8
|
-
var css_248z = ".tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}";
|
|
9
|
-
defaultTheme.styleInject(css_248z);
|