@wavv/ui 2.4.1 → 2.4.3
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.
|
@@ -6,7 +6,7 @@ import parseFileSize from "../utils/parseFileSize.js";
|
|
|
6
6
|
import Button from "./Button/index.js";
|
|
7
7
|
import getIcon from "./helpers/getIcon.js";
|
|
8
8
|
import { marginProps, paddingProps } from "./helpers/styledProps.js";
|
|
9
|
-
const Avatar = ({ size: sizeProp = 'small', url, icon, initials, acceptedFileTypes, onSelect, onError, maxFileSize, onRemove, ...props })=>{
|
|
9
|
+
const Avatar = ({ size: sizeProp = 'small', url, icon = 'person', initials, acceptedFileTypes, onSelect, onError, maxFileSize, onRemove, ...props })=>{
|
|
10
10
|
const sizes = {
|
|
11
11
|
tiny: 24,
|
|
12
12
|
small: 32,
|
|
@@ -44,14 +44,21 @@ const TooltipContent = ({ active, payload, label, legendPostfix })=>active && pa
|
|
|
44
44
|
/*#__PURE__*/ jsxs("div", {
|
|
45
45
|
className: "item-container",
|
|
46
46
|
children: [
|
|
47
|
-
/*#__PURE__*/
|
|
47
|
+
/*#__PURE__*/ jsxs("span", {
|
|
48
48
|
className: "item-name",
|
|
49
|
-
children:
|
|
49
|
+
children: [
|
|
50
|
+
item.name,
|
|
51
|
+
":"
|
|
52
|
+
]
|
|
50
53
|
}),
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
54
|
+
' ',
|
|
55
|
+
/*#__PURE__*/ jsxs("span", {
|
|
56
|
+
className: "item-value",
|
|
57
|
+
children: [
|
|
58
|
+
numberWithCommas(item.value || 0),
|
|
59
|
+
legendPostfix
|
|
60
|
+
]
|
|
61
|
+
})
|
|
55
62
|
]
|
|
56
63
|
})
|
|
57
64
|
]
|
|
@@ -107,10 +114,18 @@ const LegendItem = styled.div(({ theme, clickable, inactive })=>({
|
|
|
107
114
|
opacity: inactive ? 0.3 : 1,
|
|
108
115
|
'.item-container': {
|
|
109
116
|
display: 'flex',
|
|
110
|
-
alignItems: 'center'
|
|
117
|
+
alignItems: 'center',
|
|
118
|
+
flexWrap: 'wrap',
|
|
119
|
+
gap: 4,
|
|
120
|
+
wordBreak: 'break-word',
|
|
121
|
+
overflowWrap: 'break-word'
|
|
111
122
|
},
|
|
112
123
|
'.item-name': {
|
|
113
|
-
textTransform: 'capitalize'
|
|
124
|
+
textTransform: 'capitalize',
|
|
125
|
+
whiteSpace: 'nowrap'
|
|
126
|
+
},
|
|
127
|
+
'.item-value': {
|
|
128
|
+
whiteSpace: 'nowrap'
|
|
114
129
|
}
|
|
115
130
|
}));
|
|
116
131
|
const TooltipContainer = styled.div(({ theme })=>({
|
package/build/tailwind/theme.css
CHANGED
|
@@ -273,44 +273,65 @@
|
|
|
273
273
|
@utility head-1 {
|
|
274
274
|
font-size: 28px;
|
|
275
275
|
font-weight: 500;
|
|
276
|
+
line-height: 33px;
|
|
276
277
|
}
|
|
277
278
|
|
|
278
279
|
@utility head-2 {
|
|
279
280
|
font-size: 20px;
|
|
280
281
|
font-weight: 500;
|
|
282
|
+
line-height: 24px;
|
|
281
283
|
}
|
|
282
284
|
|
|
283
285
|
@utility head-3 {
|
|
284
286
|
font-size: 18px;
|
|
285
287
|
font-weight: 400;
|
|
288
|
+
line-height: 22px;
|
|
286
289
|
}
|
|
287
290
|
|
|
288
291
|
@utility body-1 {
|
|
289
292
|
font-size: 16px;
|
|
290
293
|
font-weight: 400;
|
|
294
|
+
line-height: 19px;
|
|
291
295
|
}
|
|
292
296
|
|
|
293
297
|
@utility body-1-medium {
|
|
294
298
|
font-size: 16px;
|
|
295
299
|
font-weight: 500;
|
|
300
|
+
line-height: 19px;
|
|
296
301
|
}
|
|
297
302
|
|
|
298
303
|
@utility body-2 {
|
|
299
304
|
font-size: 14px;
|
|
300
305
|
font-weight: 400;
|
|
306
|
+
line-height: 17px;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
@utility body-2-medium {
|
|
310
|
+
font-size: 14px;
|
|
311
|
+
font-weight: 500;
|
|
312
|
+
line-height: 17px;
|
|
301
313
|
}
|
|
302
314
|
|
|
303
315
|
@utility body-3 {
|
|
304
316
|
font-size: 12px;
|
|
305
317
|
font-weight: 400;
|
|
318
|
+
line-height: 15px;
|
|
306
319
|
}
|
|
307
320
|
|
|
308
|
-
@utility body-
|
|
309
|
-
font-size:
|
|
321
|
+
@utility body-3-medium {
|
|
322
|
+
font-size: 12px;
|
|
310
323
|
font-weight: 500;
|
|
324
|
+
line-height: 15px;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
@utility body-4 {
|
|
328
|
+
font-size: 10px;
|
|
329
|
+
font-weight: 400;
|
|
330
|
+
line-height: 12px;
|
|
311
331
|
}
|
|
312
332
|
|
|
313
|
-
@utility body-
|
|
314
|
-
font-size:
|
|
333
|
+
@utility body-4-medium {
|
|
334
|
+
font-size: 10px;
|
|
315
335
|
font-weight: 500;
|
|
336
|
+
line-height: 12px;
|
|
316
337
|
}
|