@blerp/design 1.4.4 → 1.4.6
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/dist/cjs/Blerp/BlerpImageRow.js +22 -15
- package/dist/cjs/Blerp/BlerpSavePopup.js +20 -11
- package/dist/cjs/Blerp/BlerpTitleRow.js +16 -10
- package/dist/cjs/Blerp/BlerpTopRow.js +32 -25
- package/dist/cjs/Blerp.js +8 -7
- package/dist/cjs/BlerpListViewPremium.js +24 -20
- package/dist/cjs/BlerpListViewSkeleton.js +6 -6
- package/dist/cjs/CollectionCard.js +29 -25
- package/dist/cjs/CollectionListViewPremium.js +16 -13
- package/dist/cjs/CollectionSkeleton.js +5 -5
- package/dist/cjs/Dropdown.js +27 -24
- package/dist/cjs/EllipsisLoader.js +4 -3
- package/dist/cjs/GroupCard.js +8 -7
- package/dist/cjs/ImageEditor.js +4 -1
- package/dist/cjs/ImageUpload.js +23 -16
- package/dist/cjs/NewBlerp.js +41 -37
- package/dist/cjs/NewCollectionModal.js +27 -22
- package/dist/cjs/PremiumCollectionCard.js +10 -8
- package/dist/cjs/PurchaseModals/CheckoutModal.js +7 -3
- package/dist/cjs/PurchaseModals/PremiumBlerpCheckoutModal.js +7 -3
- package/dist/cjs/PurchaseModals/PremiumCollectionCheckoutModal.js +7 -3
- package/dist/cjs/PurchaseModals/PremiumSubscriptionCheckoutModal.js +7 -3
- package/dist/cjs/ReactionButtons.js +10 -5
- package/dist/cjs/Theme.js +8 -27
- package/dist/cjs/Toggle.js +1 -1
- package/dist/cjs/UserCard.js +13 -12
- package/dist/cjs/UserPage/LibraryControls.js +40 -29
- package/dist/cjs/UserPage/UserLibraryHeader.js +14 -8
- package/dist/cjs/UserPage/UserProfileHeader.js +28 -19
- package/dist/cjs/UsernameWithPopout.js +6 -4
- package/dist/cjs/colors.js +2 -1
- package/dist/cjs/icons.js +4 -1
- package/dist/cjs/index.js +135 -216
- package/dist/cjs/neo-components/Navigation.js +0 -2
- package/dist/cjs/neo-components/withSx.js +0 -1
- package/dist/cjs/neo-utils/sxToStyle.js +0 -2
- package/dist/esm/Blerp/BlerpImageRow.js +8 -3
- package/dist/esm/Blerp/BlerpSavePopup.js +9 -2
- package/dist/esm/Blerp/BlerpTitleRow.js +9 -5
- package/dist/esm/Blerp/BlerpTopRow.js +10 -5
- package/dist/esm/Blerp.js +2 -1
- package/dist/esm/BlerpListViewPremium.js +9 -5
- package/dist/esm/BlerpListViewSkeleton.js +1 -1
- package/dist/esm/CollectionCard.js +10 -6
- package/dist/esm/CollectionListViewPremium.js +7 -4
- package/dist/esm/CollectionSkeleton.js +1 -1
- package/dist/esm/Dropdown.js +10 -7
- package/dist/esm/EllipsisLoader.js +3 -2
- package/dist/esm/GroupCard.js +4 -3
- package/dist/esm/ImageEditor.js +2 -1
- package/dist/esm/ImageUpload.js +11 -6
- package/dist/esm/NewBlerp.js +13 -9
- package/dist/esm/NewCollectionModal.js +16 -11
- package/dist/esm/PremiumCollectionCard.js +4 -2
- package/dist/esm/PurchaseModals/CheckoutModal.js +4 -2
- package/dist/esm/PurchaseModals/PremiumBlerpCheckoutModal.js +4 -2
- package/dist/esm/PurchaseModals/PremiumCollectionCheckoutModal.js +4 -2
- package/dist/esm/PurchaseModals/PremiumSubscriptionCheckoutModal.js +4 -2
- package/dist/esm/ReactionButtons.js +5 -2
- package/dist/esm/Theme.js +5 -24
- package/dist/esm/Toggle.js +1 -1
- package/dist/esm/UserCard.js +7 -6
- package/dist/esm/UserPage/LibraryControls.js +20 -11
- package/dist/esm/UserPage/UserLibraryHeader.js +6 -2
- package/dist/esm/UserPage/UserProfileHeader.js +12 -5
- package/dist/esm/UsernameWithPopout.js +4 -2
- package/dist/esm/colors.js +2 -1
- package/dist/esm/icons.js +2 -1
- package/dist/esm/index.js +44 -129
- package/dist/esm/neo-components/Navigation.js +0 -2
- package/dist/esm/neo-components/ThemeProvider.js +1 -1
- package/dist/esm/neo-components/withSx.js +0 -1
- package/dist/esm/neo-utils/sxToStyle.js +0 -2
- package/package.json +31 -9
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Stack } from '../index.js';
|
|
2
1
|
import React from 'react';
|
|
2
|
+
import { Stack } from '../neo-components/Stack.js';
|
|
3
3
|
|
|
4
4
|
const NeedToReplace = props => {
|
|
5
5
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
@@ -30,4 +30,6 @@ const NeedToReplace = props => {
|
|
|
30
30
|
}, "Need to replace to remove payment dependencies");
|
|
31
31
|
};
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
var NeedToReplace$1 = NeedToReplace;
|
|
34
|
+
|
|
35
|
+
export { NeedToReplace$1 as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Stack } from '../index.js';
|
|
2
1
|
import React from 'react';
|
|
2
|
+
import { Stack } from '../neo-components/Stack.js';
|
|
3
3
|
|
|
4
4
|
const NeedToReplace = props => {
|
|
5
5
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
@@ -30,4 +30,6 @@ const NeedToReplace = props => {
|
|
|
30
30
|
}, "Need to replace to remove payment dependencies");
|
|
31
31
|
};
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
var NeedToReplace$1 = NeedToReplace;
|
|
34
|
+
|
|
35
|
+
export { NeedToReplace$1 as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Stack } from '../index.js';
|
|
2
1
|
import React from 'react';
|
|
2
|
+
import { Stack } from '../neo-components/Stack.js';
|
|
3
3
|
|
|
4
4
|
const NeedToReplace = props => {
|
|
5
5
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
@@ -30,4 +30,6 @@ const NeedToReplace = props => {
|
|
|
30
30
|
}, "Need to replace to remove payment dependencies");
|
|
31
31
|
};
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
var NeedToReplace$1 = NeedToReplace;
|
|
34
|
+
|
|
35
|
+
export { NeedToReplace$1 as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Stack } from '../index.js';
|
|
2
1
|
import React from 'react';
|
|
2
|
+
import { Stack } from '../neo-components/Stack.js';
|
|
3
3
|
|
|
4
4
|
const NeedToReplace = props => {
|
|
5
5
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
@@ -30,4 +30,6 @@ const NeedToReplace = props => {
|
|
|
30
30
|
}, "Need to replace to remove payment dependencies");
|
|
31
31
|
};
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
var NeedToReplace$1 = NeedToReplace;
|
|
34
|
+
|
|
35
|
+
export { NeedToReplace$1 as default };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Grid, Tooltip } from './index.js';
|
|
3
2
|
import { useBlerpTheme } from './Theme.js';
|
|
3
|
+
import { Grid } from './neo-components/Grid.js';
|
|
4
|
+
import { Tooltip } from './neo-components/Misc.js';
|
|
4
5
|
|
|
5
6
|
const reactionIconUrls = {
|
|
6
7
|
FUNNY: "https://cdn.blerp.com/blerp_products/Icons/Funny%403x.svg",
|
|
@@ -69,4 +70,6 @@ const ReactionButtons = _ref => {
|
|
|
69
70
|
}));
|
|
70
71
|
};
|
|
71
72
|
|
|
72
|
-
|
|
73
|
+
var ReactionButtons$1 = ReactionButtons;
|
|
74
|
+
|
|
75
|
+
export { ReactionButtons$1 as default };
|
package/dist/esm/Theme.js
CHANGED
|
@@ -1,30 +1,9 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import React, {
|
|
2
|
+
import React, { useMemo, useContext, createContext } from 'react';
|
|
3
3
|
import icons from './icons.js';
|
|
4
|
-
import colors, {
|
|
4
|
+
import colors, { lightColors, lightPalette, darkColors, darkPalette } from './colors.js';
|
|
5
5
|
import { SnackbarProvider } from './SnackbarContextProvider.js';
|
|
6
6
|
import { ThemeProvider } from './neo-components/ThemeProvider.js';
|
|
7
|
-
import '@babel/runtime/helpers/extends';
|
|
8
|
-
import '@babel/runtime/helpers/objectWithoutProperties';
|
|
9
|
-
import './neo-components/Box.js';
|
|
10
|
-
import './neo-components/Stack.js';
|
|
11
|
-
import './neo-components/Grid.js';
|
|
12
|
-
import './neo-components/Container.js';
|
|
13
|
-
import './neo-components/Text.js';
|
|
14
|
-
import './neo-components/Button.js';
|
|
15
|
-
import './neo-components/IconButton.js';
|
|
16
|
-
import './neo-components/Fab.js';
|
|
17
|
-
import './neo-components/ToggleButton.js';
|
|
18
|
-
import './neo-components/Input.js';
|
|
19
|
-
import './neo-components/FormControls.js';
|
|
20
|
-
import './neo-components/Autocomplete.js';
|
|
21
|
-
import './neo-components/Paper.js';
|
|
22
|
-
import './neo-components/Dialog.js';
|
|
23
|
-
import './neo-components/Navigation.js';
|
|
24
|
-
import './neo-components/BottomNavigation.js';
|
|
25
|
-
import './neo-components/Stepper.js';
|
|
26
|
-
import './neo-components/Misc.js';
|
|
27
|
-
import './neo-components/Layout.js';
|
|
28
7
|
|
|
29
8
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
30
9
|
|
|
@@ -364,4 +343,6 @@ const BlerpTheme = _ref => {
|
|
|
364
343
|
}, withMuiTheme);
|
|
365
344
|
};
|
|
366
345
|
|
|
367
|
-
|
|
346
|
+
var BlerpTheme$1 = BlerpTheme; // Export fonts for manual injection if needed
|
|
347
|
+
|
|
348
|
+
export { darkTheme, darkThemeConfig, BlerpTheme$1 as default, fonts, lightThemeConfig, theme, useBlerpTheme };
|
package/dist/esm/Toggle.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import
|
|
3
|
+
import EllipsisLoader from './EllipsisLoader.js';
|
|
4
4
|
|
|
5
5
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
6
6
|
|
package/dist/esm/UserCard.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Stack
|
|
2
|
+
import { Stack } from './neo-components/Stack.js';
|
|
3
|
+
import { Typography } from './neo-components/Text.js';
|
|
3
4
|
|
|
4
5
|
const UserCard = _ref => {
|
|
5
6
|
var _user$twitchChannelIn, _user$profileImage, _user$profileImage$or;
|
|
@@ -57,7 +58,7 @@ const UserCard = _ref => {
|
|
|
57
58
|
flex: 1,
|
|
58
59
|
marginLeft: "20px"
|
|
59
60
|
}
|
|
60
|
-
}, /*#__PURE__*/React.createElement(
|
|
61
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
61
62
|
sx: {
|
|
62
63
|
fontSize: "18px",
|
|
63
64
|
fontWeight: "300",
|
|
@@ -85,12 +86,12 @@ const UserCard = _ref => {
|
|
|
85
86
|
cursor: "pointer"
|
|
86
87
|
},
|
|
87
88
|
onClick: onFollowerClick
|
|
88
|
-
}, /*#__PURE__*/React.createElement(
|
|
89
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
89
90
|
sx: {
|
|
90
91
|
fontSize: "14px",
|
|
91
92
|
fontWeight: "400"
|
|
92
93
|
}
|
|
93
|
-
}, followerCount), /*#__PURE__*/React.createElement(
|
|
94
|
+
}, followerCount), /*#__PURE__*/React.createElement(Typography, {
|
|
94
95
|
sx: {
|
|
95
96
|
fontSize: "12px",
|
|
96
97
|
fontWeight: "300",
|
|
@@ -102,12 +103,12 @@ const UserCard = _ref => {
|
|
|
102
103
|
cursor: "pointer"
|
|
103
104
|
},
|
|
104
105
|
onClick: onCreatedClick
|
|
105
|
-
}, /*#__PURE__*/React.createElement(
|
|
106
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
106
107
|
sx: {
|
|
107
108
|
fontSize: "14px",
|
|
108
109
|
fontWeight: "400"
|
|
109
110
|
}
|
|
110
|
-
}, createdCount), /*#__PURE__*/React.createElement(
|
|
111
|
+
}, createdCount), /*#__PURE__*/React.createElement(Typography, {
|
|
111
112
|
sx: {
|
|
112
113
|
fontSize: "12px",
|
|
113
114
|
fontWeight: "300",
|
|
@@ -1,7 +1,14 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import { Stack, Text, Box, Input, Button, Popover, IconButton, Divider } from '../index.js';
|
|
3
2
|
import React, { useState, useRef } from 'react';
|
|
4
3
|
import { useWindowSize } from '../ScreenSizeHook.js';
|
|
4
|
+
import { Stack } from '../neo-components/Stack.js';
|
|
5
|
+
import { Typography } from '../neo-components/Text.js';
|
|
6
|
+
import { Box } from '../neo-components/Box.js';
|
|
7
|
+
import { TextField } from '../neo-components/Input.js';
|
|
8
|
+
import { Button } from '../neo-components/Button.js';
|
|
9
|
+
import { Popover } from '../neo-components/Navigation.js';
|
|
10
|
+
import { IconButton } from '../neo-components/IconButton.js';
|
|
11
|
+
import { Divider } from '../neo-components/Misc.js';
|
|
5
12
|
|
|
6
13
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
7
14
|
|
|
@@ -159,12 +166,12 @@ const LibraryControls = _ref9 => {
|
|
|
159
166
|
marginTop: size.width <= 675 && "20px"
|
|
160
167
|
}, activeBoard && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconPerson, {
|
|
161
168
|
color: iconColor
|
|
162
|
-
}), /*#__PURE__*/React.createElement(
|
|
169
|
+
}), /*#__PURE__*/React.createElement(Typography, null, activeBoard === null || activeBoard === void 0 ? void 0 : (_activeBoard$ownerObj = activeBoard.ownerObject) === null || _activeBoard$ownerObj === void 0 ? void 0 : _activeBoard$ownerObj.username)), !hideSearch && /*#__PURE__*/React.createElement(Box, {
|
|
163
170
|
sx: {
|
|
164
171
|
display: "flex",
|
|
165
172
|
alignItems: "flex-end"
|
|
166
173
|
}
|
|
167
|
-
}, /*#__PURE__*/React.createElement(
|
|
174
|
+
}, /*#__PURE__*/React.createElement(TextField, {
|
|
168
175
|
id: "user-library-search-input",
|
|
169
176
|
placeholder: "Search User Library",
|
|
170
177
|
variant: "standard",
|
|
@@ -255,7 +262,7 @@ const LibraryControls = _ref9 => {
|
|
|
255
262
|
color: "white.override"
|
|
256
263
|
}
|
|
257
264
|
}
|
|
258
|
-
}, /*#__PURE__*/React.createElement(
|
|
265
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
259
266
|
margin: "0 15px",
|
|
260
267
|
fontSize: "18px"
|
|
261
268
|
}, "Alphabetical")), /*#__PURE__*/React.createElement(Stack, {
|
|
@@ -269,7 +276,7 @@ const LibraryControls = _ref9 => {
|
|
|
269
276
|
color: "white.override"
|
|
270
277
|
}
|
|
271
278
|
}
|
|
272
|
-
}, /*#__PURE__*/React.createElement(
|
|
279
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
273
280
|
margin: "0 15px",
|
|
274
281
|
fontSize: "18px"
|
|
275
282
|
}, "Newest")), /*#__PURE__*/React.createElement(Stack, {
|
|
@@ -283,14 +290,14 @@ const LibraryControls = _ref9 => {
|
|
|
283
290
|
color: "white.override"
|
|
284
291
|
}
|
|
285
292
|
}
|
|
286
|
-
}, /*#__PURE__*/React.createElement(
|
|
293
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
287
294
|
margin: "0 15px",
|
|
288
295
|
fontSize: "18px"
|
|
289
296
|
}, "Oldest"))), !hideLayoutButtons && /*#__PURE__*/React.createElement(React.Fragment, null, size.width >= 1000 ? /*#__PURE__*/React.createElement(React.Fragment, null, !activeBoard && /*#__PURE__*/React.createElement(Button, {
|
|
290
297
|
color: "notBlack",
|
|
291
298
|
ref: filterRef,
|
|
292
299
|
onClick: () => setFilterAnchor(filterRef.current)
|
|
293
|
-
}, /*#__PURE__*/React.createElement(
|
|
300
|
+
}, /*#__PURE__*/React.createElement(Typography, null, "Sort"), /*#__PURE__*/React.createElement(IconSort, {
|
|
294
301
|
color: iconColor
|
|
295
302
|
})), /*#__PURE__*/React.createElement(IconButton, null, /*#__PURE__*/React.createElement(IconMenu, {
|
|
296
303
|
color: iconColor
|
|
@@ -342,7 +349,7 @@ const LibraryControls = _ref9 => {
|
|
|
342
349
|
}
|
|
343
350
|
}, /*#__PURE__*/React.createElement(IconMenu, {
|
|
344
351
|
color: iconColor
|
|
345
|
-
}), /*#__PURE__*/React.createElement(
|
|
352
|
+
}), /*#__PURE__*/React.createElement(Typography, {
|
|
346
353
|
color: "notBlack.main",
|
|
347
354
|
margin: "0 15px",
|
|
348
355
|
fontSize: "18px"
|
|
@@ -359,7 +366,7 @@ const LibraryControls = _ref9 => {
|
|
|
359
366
|
}
|
|
360
367
|
}, /*#__PURE__*/React.createElement(IconGrid, {
|
|
361
368
|
color: iconColor
|
|
362
|
-
}), /*#__PURE__*/React.createElement(
|
|
369
|
+
}), /*#__PURE__*/React.createElement(Typography, {
|
|
363
370
|
color: "notBlack.main",
|
|
364
371
|
margin: "0 15px",
|
|
365
372
|
fontSize: "18px"
|
|
@@ -383,7 +390,7 @@ const LibraryControls = _ref9 => {
|
|
|
383
390
|
direction: "row"
|
|
384
391
|
}, /*#__PURE__*/React.createElement(IconSort, {
|
|
385
392
|
color: iconColor
|
|
386
|
-
}), /*#__PURE__*/React.createElement(
|
|
393
|
+
}), /*#__PURE__*/React.createElement(Typography, {
|
|
387
394
|
fontSize: "18px",
|
|
388
395
|
color: "notBlack.main",
|
|
389
396
|
margin: "0 15px"
|
|
@@ -392,4 +399,6 @@ const LibraryControls = _ref9 => {
|
|
|
392
399
|
}))))));
|
|
393
400
|
};
|
|
394
401
|
|
|
395
|
-
|
|
402
|
+
var LibraryControls$1 = LibraryControls;
|
|
403
|
+
|
|
404
|
+
export { LibraryControls$1 as default };
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { Box, Stack, Button } from '../index.js';
|
|
4
3
|
import { useWindowSize } from '../ScreenSizeHook.js';
|
|
5
4
|
import LibraryControls from './LibraryControls.js';
|
|
5
|
+
import { Box } from '../neo-components/Box.js';
|
|
6
|
+
import { Stack } from '../neo-components/Stack.js';
|
|
7
|
+
import { Button } from '../neo-components/Button.js';
|
|
6
8
|
|
|
7
9
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
8
10
|
|
|
@@ -92,4 +94,6 @@ const UserLibraryHeader = _ref => {
|
|
|
92
94
|
}))));
|
|
93
95
|
};
|
|
94
96
|
|
|
95
|
-
|
|
97
|
+
var UserLibraryHeader$1 = UserLibraryHeader;
|
|
98
|
+
|
|
99
|
+
export { UserLibraryHeader$1 as default };
|
|
@@ -2,10 +2,15 @@ import _extends from '@babel/runtime/helpers/extends';
|
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
4
|
import React, { useState, useEffect } from 'react';
|
|
5
|
-
import { Stack, IconButton, Box, Text, Divider, Button } from '../index.js';
|
|
6
5
|
import { useWindowSize } from '../ScreenSizeHook.js';
|
|
7
6
|
import { extractDominantColor } from '../helpers.js';
|
|
8
7
|
import { useBlerpTheme } from '../Theme.js';
|
|
8
|
+
import { Stack } from '../neo-components/Stack.js';
|
|
9
|
+
import { IconButton } from '../neo-components/IconButton.js';
|
|
10
|
+
import { Box } from '../neo-components/Box.js';
|
|
11
|
+
import { Typography } from '../neo-components/Text.js';
|
|
12
|
+
import { Divider } from '../neo-components/Misc.js';
|
|
13
|
+
import { Button } from '../neo-components/Button.js';
|
|
9
14
|
import { TwitchIcon } from '../Icons/Icons.js';
|
|
10
15
|
|
|
11
16
|
const _excluded = ["path", "sx", "size"];
|
|
@@ -236,7 +241,7 @@ const UserProfileHeader = _ref2 => {
|
|
|
236
241
|
marginLeft: "20px"
|
|
237
242
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
238
243
|
direction: "row"
|
|
239
|
-
}, /*#__PURE__*/React.createElement(
|
|
244
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
240
245
|
noWrap: true,
|
|
241
246
|
maxWidth: "200px",
|
|
242
247
|
color: "white.override",
|
|
@@ -252,10 +257,10 @@ const UserProfileHeader = _ref2 => {
|
|
|
252
257
|
margin: "5px"
|
|
253
258
|
}
|
|
254
259
|
})
|
|
255
|
-
}, /*#__PURE__*/React.createElement(
|
|
260
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
256
261
|
color: "white.override",
|
|
257
262
|
fontSize: "16px"
|
|
258
|
-
}, userData === null || userData === void 0 ? void 0 : userData.followerCount, " Followers"), /*#__PURE__*/React.createElement(
|
|
263
|
+
}, userData === null || userData === void 0 ? void 0 : userData.followerCount, " Followers"), /*#__PURE__*/React.createElement(Typography, {
|
|
259
264
|
color: "white.override",
|
|
260
265
|
fontSize: "16px"
|
|
261
266
|
}, userData === null || userData === void 0 ? void 0 : userData.followingCount, " Following"))))), /*#__PURE__*/React.createElement(Stack, {
|
|
@@ -286,4 +291,6 @@ const UserProfileHeader = _ref2 => {
|
|
|
286
291
|
})) : /*#__PURE__*/React.createElement(React.Fragment, null), renderSocialLinks()))));
|
|
287
292
|
};
|
|
288
293
|
|
|
289
|
-
|
|
294
|
+
var UserProfileHeader$1 = UserProfileHeader;
|
|
295
|
+
|
|
296
|
+
export { UserProfileHeader$1 as default };
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import React, { useState } from 'react';
|
|
3
|
-
import { Stack, Popover, Text } from './index.js';
|
|
4
3
|
import { UserCard } from './UserCard.js';
|
|
4
|
+
import { Stack } from './neo-components/Stack.js';
|
|
5
|
+
import { Popover } from './neo-components/Navigation.js';
|
|
6
|
+
import { Typography } from './neo-components/Text.js';
|
|
5
7
|
|
|
6
8
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
7
9
|
|
|
@@ -67,7 +69,7 @@ const UsernameWithPopout = _ref => {
|
|
|
67
69
|
onCreatedClick: onCreatedClick,
|
|
68
70
|
collapsed: collapsed,
|
|
69
71
|
user: user
|
|
70
|
-
})), /*#__PURE__*/React.createElement(
|
|
72
|
+
})), /*#__PURE__*/React.createElement(Typography, {
|
|
71
73
|
sx: _objectSpread({
|
|
72
74
|
fontWeight: "300",
|
|
73
75
|
fontSize: "12px",
|
package/dist/esm/colors.js
CHANGED
|
@@ -358,5 +358,6 @@ const darkPalette = {
|
|
|
358
358
|
main: colors.popnYellow
|
|
359
359
|
}
|
|
360
360
|
};
|
|
361
|
+
var colors$1 = colors;
|
|
361
362
|
|
|
362
|
-
export { darkColors, darkPalette, colors as default, lightColors, lightPalette, overrideColors };
|
|
363
|
+
export { darkColors, darkPalette, colors$1 as default, lightColors, lightPalette, overrideColors };
|
package/dist/esm/icons.js
CHANGED
package/dist/esm/index.js
CHANGED
|
@@ -1,49 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
import { Drawer as Drawer$1, Menu as Menu$1, Tabs as Tabs$1, Tab as Tab$1, Alert as Alert$1, Snackbar as Snackbar$1, Popover as Popover$1, MenuItem as MenuItem$1, AlertTitle as AlertTitle$1 } from './neo-components/Navigation.js';
|
|
19
|
-
import { BottomNavigation as BottomNavigation$1 } from './neo-components/BottomNavigation.js';
|
|
20
|
-
import { Stepper as Stepper$1 } from './neo-components/Stepper.js';
|
|
21
|
-
import { Link as Link$1, LinearProgress as LinearProgress$1, Skeleton as Skeleton$1, Avatar as Avatar$1, Badge as Badge$1, Chip as Chip$1, Divider as Divider$1, Tooltip as Tooltip$1 } from './neo-components/Misc.js';
|
|
22
|
-
import { AccordionSummary as AccordionSummary$1, AccordionDetails as AccordionDetails$1, AccordionActions as AccordionActions$1, ImageList as ImageList$1, ButtonGroup as ButtonGroup$1, Breadcrumbs as Breadcrumbs$1, Pagination as Pagination$1, Accordion as Accordion$1, AppBar as AppBar$1, List as List$1, Table as Table$1, Toolbar as Toolbar$1, SvgIcon as SvgIcon$1, FormControl as FormControl$1, InputLabel as InputLabel$1 } from './neo-components/Layout.js';
|
|
23
|
-
import '@babel/runtime/helpers/extends';
|
|
24
|
-
import '@babel/runtime/helpers/defineProperty';
|
|
25
|
-
import '@babel/runtime/helpers/objectWithoutProperties';
|
|
26
|
-
import 'react';
|
|
27
|
-
import { Blerp as Blerp$1 } from './Blerp.js';
|
|
28
|
-
import { NewBlerp as NewBlerp$1 } from './NewBlerp.js';
|
|
29
|
-
import { NewBlerpTest as NewBlerpTest$1 } from './NewBlerpTest.js';
|
|
30
|
-
import { UserCard as UserCard$1 } from './UserCard.js';
|
|
31
|
-
import { GroupCard as GroupCard$1 } from './GroupCard.js';
|
|
32
|
-
import { UsernameWithPopout as UsernameWithPopout$1 } from './UsernameWithPopout.js';
|
|
33
|
-
import { BlerpAudioContextProvider as BlerpAudioContextProvider$1 } from './BlerpAudioContextProvider.js';
|
|
34
|
-
import { BlerpListView as BlerpListView$1 } from './BlerpListView.js';
|
|
35
|
-
import { CollectionListViewPremium as CollectionListViewPremium$1 } from './CollectionListViewPremium.js';
|
|
36
|
-
import { BlerpListViewPremium as BlerpListViewPremium$1 } from './BlerpListViewPremium.js';
|
|
37
|
-
import { Toggle as Toggle$1 } from './Toggle.js';
|
|
38
|
-
import { Dropdown as Dropdown$1, NewDropdown as NewDropdown$1 } from './Dropdown.js';
|
|
39
|
-
import { NewCollectionModal as NewCollectionModal$1 } from './NewCollectionModal.js';
|
|
40
|
-
import { BlerpSkeleton as BlerpSkeleton$1 } from './BlerpSkeleton.js';
|
|
41
|
-
import { BlerpListViewSkeleton as BlerpListViewSkeleton$1 } from './BlerpListViewSkeleton.js';
|
|
42
|
-
import { CollectionSkeleton as CollectionSkeleton$1 } from './CollectionSkeleton.js';
|
|
43
|
-
import BlerpTheme from './Theme.js';
|
|
44
|
-
import { CollectionCard as CollectionCard$1 } from './CollectionCard.js';
|
|
45
|
-
export { BlerpCardIcon, BlerpCoinsIcon, BlerpyIcon, BookmarkAddRounded, BroomIcon, ChannelPointsIcon, ClockIcon, CogIcon, CrownIcon, DiamondIcon, DiscordIcon, GiftIcon, LightbulbIcon, NewDiscordIcon, OpenLockIcon, PlayOutlineIcon, PlaySolidIcon, PointerFingerIcon, PresentGiftIcon, RadarDishIcon, ShortcutIcon, SparkleGiftIcon, TikTokIcon, TwitchBitIcon, TwitchIcon, UnsafeIcon, WalkonIcon, WindowsIcon } from './Icons/Icons.js';
|
|
46
|
-
export { SnackbarContext, SnackbarProvider } from './SnackbarContextProvider.js';
|
|
1
|
+
export { Blerp } from './Blerp.js';
|
|
2
|
+
export { NewBlerp } from './NewBlerp.js';
|
|
3
|
+
export { NewBlerpTest } from './NewBlerpTest.js';
|
|
4
|
+
export { UserCard } from './UserCard.js';
|
|
5
|
+
export { GroupCard } from './GroupCard.js';
|
|
6
|
+
export { UsernameWithPopout } from './UsernameWithPopout.js';
|
|
7
|
+
export { BlerpAudioContextProvider } from './BlerpAudioContextProvider.js';
|
|
8
|
+
export { BlerpListView } from './BlerpListView.js';
|
|
9
|
+
export { BlerpListViewPremium } from './BlerpListViewPremium.js';
|
|
10
|
+
export { CollectionListViewPremium } from './CollectionListViewPremium.js';
|
|
11
|
+
export { Toggle } from './Toggle.js';
|
|
12
|
+
export { Dropdown, NewDropdown } from './Dropdown.js';
|
|
13
|
+
export { NewCollectionModal } from './NewCollectionModal.js';
|
|
14
|
+
export { BlerpSkeleton } from './BlerpSkeleton.js';
|
|
15
|
+
export { BlerpListViewSkeleton } from './BlerpListViewSkeleton.js';
|
|
16
|
+
export { CollectionSkeleton } from './CollectionSkeleton.js';
|
|
17
|
+
export { CollectionCard } from './CollectionCard.js';
|
|
47
18
|
export { default as UserProfileHeader } from './UserPage/UserProfileHeader.js';
|
|
48
19
|
export { default as UserLibraryHeader } from './UserPage/UserLibraryHeader.js';
|
|
49
20
|
export { default as ReactionButtons } from './ReactionButtons.js';
|
|
@@ -51,90 +22,34 @@ export { default as CheckoutModal } from './PurchaseModals/CheckoutModal.js';
|
|
|
51
22
|
export { default as PremiumBlerpCheckoutModal } from './PurchaseModals/PremiumBlerpCheckoutModal.js';
|
|
52
23
|
export { default as PremiumCollectionCheckoutModal } from './PurchaseModals/PremiumCollectionCheckoutModal.js';
|
|
53
24
|
export { default as PremiumSubscriptionCheckoutModal } from './PurchaseModals/PremiumSubscriptionCheckoutModal.js';
|
|
25
|
+
export { SnackbarContext, SnackbarProvider } from './SnackbarContextProvider.js';
|
|
26
|
+
export { BlerpCardIcon, BlerpCoinsIcon, BlerpyIcon, BookmarkAddRounded, BroomIcon, ChannelPointsIcon, ClockIcon, CogIcon, CrownIcon, DiamondIcon, DiscordIcon, GiftIcon, LightbulbIcon, NewDiscordIcon, OpenLockIcon, PlayOutlineIcon, PlaySolidIcon, PointerFingerIcon, PresentGiftIcon, RadarDishIcon, ShortcutIcon, SparkleGiftIcon, TikTokIcon, TwitchBitIcon, TwitchIcon, UnsafeIcon, WalkonIcon, WindowsIcon } from './Icons/Icons.js';
|
|
27
|
+
export { default as Theme } from './Theme.js';
|
|
28
|
+
export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, AppBar, Breadcrumbs, ButtonGroup, FormControl, ImageList, InputLabel, List, Pagination, SvgIcon, Table, Toolbar } from './neo-components/Layout.js';
|
|
29
|
+
export { Alert, AlertTitle, Drawer, Menu, MenuItem, Popover, Snackbar, Tab, Tabs } from './neo-components/Navigation.js';
|
|
30
|
+
export { Autocomplete } from './neo-components/Autocomplete.js';
|
|
31
|
+
export { Avatar, Badge, Chip, Divider, LinearProgress, Link, Skeleton, Tooltip } from './neo-components/Misc.js';
|
|
32
|
+
export { Backdrop, Dialog, Modal } from './neo-components/Dialog.js';
|
|
33
|
+
export { BottomNavigation } from './neo-components/BottomNavigation.js';
|
|
34
|
+
export { Box } from './neo-components/Box.js';
|
|
35
|
+
export { Button } from './neo-components/Button.js';
|
|
36
|
+
export { Card, Paper } from './neo-components/Paper.js';
|
|
37
|
+
export { Checkbox, Radio, Radio as RadioButton, Rating, Select, Slider, Switch } from './neo-components/FormControls.js';
|
|
38
|
+
export { CircularProgress } from './neo-components/CircularProgress.js';
|
|
39
|
+
export { Container } from './neo-components/Container.js';
|
|
40
|
+
export { Fab, Fab as FloatingActionButton, SpeedDial } from './neo-components/Fab.js';
|
|
41
|
+
export { Grid } from './neo-components/Grid.js';
|
|
42
|
+
export { IconButton } from './neo-components/IconButton.js';
|
|
43
|
+
export { TextField as Input, InputAdornment, TextField } from './neo-components/Input.js';
|
|
44
|
+
export { Stack } from './neo-components/Stack.js';
|
|
45
|
+
export { Stepper } from './neo-components/Stepper.js';
|
|
46
|
+
export { Typography as Text, Typography } from './neo-components/Text.js';
|
|
47
|
+
export { createTheme } from './neo-components/createTheme.js';
|
|
48
|
+
export { ThemeProvider } from './neo-components/ThemeProvider.js';
|
|
54
49
|
|
|
55
50
|
// import {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
const AccordionDetails = AccordionDetails$1;
|
|
59
|
-
const AccordionActions = AccordionActions$1;
|
|
60
|
-
const Box = Box$1;
|
|
61
|
-
const Container = Container$1;
|
|
62
|
-
const Grid = Grid$1;
|
|
63
|
-
const Stack = Stack$1;
|
|
64
|
-
const ImageList = ImageList$1;
|
|
65
|
-
const Autocomplete = Autocomplete$1;
|
|
66
|
-
const Button = Button$1;
|
|
67
|
-
const ButtonGroup = ButtonGroup$1;
|
|
68
|
-
const Checkbox = Checkbox$1;
|
|
69
|
-
const FloatingActionButton = Fab;
|
|
70
|
-
const RadioButton = Radio;
|
|
71
|
-
const Rating = Rating$1;
|
|
72
|
-
const Select = Select$1;
|
|
73
|
-
const Slider = Slider$1;
|
|
74
|
-
const Switch = Switch$1;
|
|
75
|
-
const Input = TextField;
|
|
76
|
-
const BottomNavigation = BottomNavigation$1;
|
|
77
|
-
const Breadcrumbs = Breadcrumbs$1;
|
|
78
|
-
const Drawer = Drawer$1;
|
|
79
|
-
const Link = Link$1;
|
|
80
|
-
const Menu = Menu$1;
|
|
81
|
-
const Pagination = Pagination$1;
|
|
82
|
-
const SpeedDial = SpeedDial$1;
|
|
83
|
-
const Stepper = Stepper$1;
|
|
84
|
-
const Tabs = Tabs$1;
|
|
85
|
-
const Tab = Tab$1;
|
|
86
|
-
const Accordion = Accordion$1;
|
|
87
|
-
const AppBar = AppBar$1;
|
|
88
|
-
const Card = Card$1;
|
|
89
|
-
const Paper = Paper$1;
|
|
90
|
-
const Alert = Alert$1;
|
|
91
|
-
const Backdrop = Backdrop$1;
|
|
92
|
-
const Dialog = Dialog$1;
|
|
93
|
-
const LinearProgress = LinearProgress$1;
|
|
94
|
-
const Skeleton = Skeleton$1;
|
|
95
|
-
const Snackbar = Snackbar$1;
|
|
96
|
-
const Avatar = Avatar$1;
|
|
97
|
-
const Badge = Badge$1;
|
|
98
|
-
const Chip = Chip$1;
|
|
99
|
-
const Divider = Divider$1;
|
|
100
|
-
const List = List$1;
|
|
101
|
-
const Table = Table$1;
|
|
102
|
-
const CircularProgress = CircularProgress$1;
|
|
103
|
-
const Tooltip = Tooltip$1;
|
|
104
|
-
const Toolbar = Toolbar$1;
|
|
105
|
-
const Text = Typography;
|
|
106
|
-
const Modal = Modal$1;
|
|
107
|
-
const Popover = Popover$1;
|
|
108
|
-
const Blerp = Blerp$1;
|
|
109
|
-
const NewBlerp = NewBlerp$1;
|
|
110
|
-
const NewBlerpTest = NewBlerpTest$1;
|
|
111
|
-
const GroupCard = GroupCard$1;
|
|
112
|
-
const UserCard = UserCard$1;
|
|
113
|
-
const UsernameWithPopout = UsernameWithPopout$1;
|
|
114
|
-
const BlerpAudioContextProvider = BlerpAudioContextProvider$1;
|
|
115
|
-
const IconButton = IconButton$1;
|
|
116
|
-
const Toggle = Toggle$1;
|
|
117
|
-
const Dropdown = Dropdown$1;
|
|
118
|
-
const NewDropdown = NewDropdown$1;
|
|
119
|
-
const MenuItem = MenuItem$1;
|
|
120
|
-
const NewCollectionModal = NewCollectionModal$1;
|
|
121
|
-
const CollectionCard = CollectionCard$1;
|
|
122
|
-
const BlerpListView = BlerpListView$1;
|
|
123
|
-
const CollectionListViewPremium = CollectionListViewPremium$1;
|
|
124
|
-
const BlerpListViewPremium = BlerpListViewPremium$1;
|
|
125
|
-
const BlerpSkeleton = BlerpSkeleton$1;
|
|
126
|
-
const BlerpListViewSkeleton = BlerpListViewSkeleton$1;
|
|
127
|
-
const CollectionSkeleton = CollectionSkeleton$1;
|
|
128
|
-
const InputAdornment = InputAdornment$1;
|
|
129
|
-
const createTheme = createTheme$1;
|
|
130
|
-
const ThemeProvider = ThemeProvider$1;
|
|
131
|
-
const AlertTitle = AlertTitle$1;
|
|
132
|
-
const SvgIcon = SvgIcon$1;
|
|
133
|
-
const FormControl = FormControl$1;
|
|
134
|
-
const InputLabel = InputLabel$1; // export const BlerpContextMenu = MBlerpContextMenu;
|
|
135
|
-
// export const ListItem = MListItem;
|
|
136
|
-
// // export const ListItemText = MListItemText;
|
|
137
|
-
// export const ListItemButtonText = MListItemButtonText;
|
|
51
|
+
// Theme Objects (Legacy Support)
|
|
52
|
+
// -----------------------------------------------------------------------------
|
|
138
53
|
|
|
139
54
|
const lightThemeV1 = {
|
|
140
55
|
pandaPink: "#FE295C",
|
|
@@ -369,4 +284,4 @@ const Themes = {
|
|
|
369
284
|
// };
|
|
370
285
|
// export default returnLibrary();
|
|
371
286
|
|
|
372
|
-
export {
|
|
287
|
+
export { Themes, darkThemeV1, lightThemeV1, mainTheme };
|
|
@@ -447,8 +447,6 @@ const BaseTabs = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
|
|
|
447
447
|
} = useTheme();
|
|
448
448
|
const tabsRef = useRef(null);
|
|
449
449
|
const [indicatorStyle, setIndicatorStyle] = useState({});
|
|
450
|
-
const colorValue = (colors === null || colors === void 0 ? void 0 : colors[indicatorColor]) || (colors === null || colors === void 0 ? void 0 : colors.ibisRed);
|
|
451
|
-
typeof colorValue === "object" ? colorValue.main : colorValue || "ibisRed.main"; // Update indicator position
|
|
452
450
|
|
|
453
451
|
useIsomorphicLayoutEffect(() => {
|
|
454
452
|
if (!canUseDOM() || !tabsRef.current) return;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import React, { useMemo, useEffect,
|
|
2
|
+
import React, { useMemo, useEffect, createContext, useContext } from 'react';
|
|
3
3
|
|
|
4
4
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
5
5
|
|