@blerp/design 1.4.5 → 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 +102 -31
- 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 +100 -29
- 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 +34 -9
|
@@ -1,13 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
6
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
7
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
8
|
var React = require('react');
|
|
7
|
-
var index = require('../index.js');
|
|
8
9
|
var ScreenSizeHook = require('../ScreenSizeHook.js');
|
|
9
10
|
var helpers = require('../helpers.js');
|
|
10
11
|
var Theme = require('../Theme.js');
|
|
12
|
+
var Stack = require('../neo-components/Stack.js');
|
|
13
|
+
var IconButton = require('../neo-components/IconButton.js');
|
|
14
|
+
var Box = require('../neo-components/Box.js');
|
|
15
|
+
var Text = require('../neo-components/Text.js');
|
|
16
|
+
var Misc = require('../neo-components/Misc.js');
|
|
17
|
+
var Button = require('../neo-components/Button.js');
|
|
11
18
|
var Icons = require('../Icons/Icons.js');
|
|
12
19
|
|
|
13
20
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -31,7 +38,7 @@ const Icon = _ref => {
|
|
|
31
38
|
} = _ref,
|
|
32
39
|
props = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
33
40
|
|
|
34
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
41
|
+
return /*#__PURE__*/React__default["default"].createElement(Box.Box, _extends__default["default"]({
|
|
35
42
|
component: "svg",
|
|
36
43
|
viewBox: "0 0 24 24",
|
|
37
44
|
width: size,
|
|
@@ -148,7 +155,7 @@ const UserProfileHeader = _ref2 => {
|
|
|
148
155
|
});
|
|
149
156
|
};
|
|
150
157
|
|
|
151
|
-
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(
|
|
158
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
|
|
152
159
|
width: "100%",
|
|
153
160
|
sx: {
|
|
154
161
|
height: "250px",
|
|
@@ -161,7 +168,7 @@ const UserProfileHeader = _ref2 => {
|
|
|
161
168
|
position: "relative",
|
|
162
169
|
overflow: "hidden"
|
|
163
170
|
}
|
|
164
|
-
}, isOwner && /*#__PURE__*/React__default["default"].createElement(
|
|
171
|
+
}, isOwner && /*#__PURE__*/React__default["default"].createElement(IconButton.IconButton, {
|
|
165
172
|
sx: {
|
|
166
173
|
position: "absolute",
|
|
167
174
|
top: "10px",
|
|
@@ -177,7 +184,7 @@ const UserProfileHeader = _ref2 => {
|
|
|
177
184
|
}, /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
178
185
|
path: paths.edit,
|
|
179
186
|
size: "16px"
|
|
180
|
-
})), /*#__PURE__*/React__default["default"].createElement(
|
|
187
|
+
})), /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
|
|
181
188
|
direction: "row",
|
|
182
189
|
width: "80%",
|
|
183
190
|
maxWidth: "1300px",
|
|
@@ -186,7 +193,7 @@ const UserProfileHeader = _ref2 => {
|
|
|
186
193
|
justifyContent: "space-between",
|
|
187
194
|
alignItems: "flex-end",
|
|
188
195
|
height: "50%"
|
|
189
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
196
|
+
}, /*#__PURE__*/React__default["default"].createElement(Box.Box, {
|
|
190
197
|
sx: {
|
|
191
198
|
background: "linear-gradient(135deg, ".concat(profileColors ? profileColors[0] : theme.colors.ibisRed, ", ").concat(profileColors ? profileColors[1] : theme.colors.starling, ")"),
|
|
192
199
|
boxShadow: "5px 5px 15px #0000009c"
|
|
@@ -194,12 +201,12 @@ const UserProfileHeader = _ref2 => {
|
|
|
194
201
|
borderRadius: "8px",
|
|
195
202
|
width: "400px",
|
|
196
203
|
height: "100%"
|
|
197
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
204
|
+
}, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
|
|
198
205
|
direction: "row",
|
|
199
206
|
height: "100%",
|
|
200
207
|
alignItems: "center",
|
|
201
208
|
position: "relative"
|
|
202
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
209
|
+
}, /*#__PURE__*/React__default["default"].createElement(IconButton.IconButton, {
|
|
203
210
|
sx: {
|
|
204
211
|
position: "absolute",
|
|
205
212
|
padding: "5px",
|
|
@@ -241,19 +248,19 @@ const UserProfileHeader = _ref2 => {
|
|
|
241
248
|
},
|
|
242
249
|
alt: "profile img",
|
|
243
250
|
src: userData === null || userData === void 0 ? void 0 : (_userData$profileImag5 = userData.profileImage) === null || _userData$profileImag5 === void 0 ? void 0 : (_userData$profileImag6 = _userData$profileImag5.original) === null || _userData$profileImag6 === void 0 ? void 0 : _userData$profileImag6.url
|
|
244
|
-
}), /*#__PURE__*/React__default["default"].createElement(
|
|
251
|
+
}), /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
|
|
245
252
|
marginLeft: "20px"
|
|
246
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
253
|
+
}, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
|
|
247
254
|
direction: "row"
|
|
248
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
255
|
+
}, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
|
|
249
256
|
noWrap: true,
|
|
250
257
|
maxWidth: "200px",
|
|
251
258
|
color: "white.override",
|
|
252
259
|
lineHeight: "51px",
|
|
253
260
|
fontSize: size.width <= 600 ? "30px" : "47px"
|
|
254
|
-
}, userData === null || userData === void 0 ? void 0 : userData.username)), /*#__PURE__*/React__default["default"].createElement(
|
|
261
|
+
}, userData === null || userData === void 0 ? void 0 : userData.username)), /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
|
|
255
262
|
direction: "row",
|
|
256
|
-
divider: /*#__PURE__*/React__default["default"].createElement(
|
|
263
|
+
divider: /*#__PURE__*/React__default["default"].createElement(Misc.Divider, {
|
|
257
264
|
orientation: "vertical",
|
|
258
265
|
flexItem: true,
|
|
259
266
|
sx: {
|
|
@@ -261,13 +268,13 @@ const UserProfileHeader = _ref2 => {
|
|
|
261
268
|
margin: "5px"
|
|
262
269
|
}
|
|
263
270
|
})
|
|
264
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
271
|
+
}, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
|
|
265
272
|
color: "white.override",
|
|
266
273
|
fontSize: "16px"
|
|
267
|
-
}, userData === null || userData === void 0 ? void 0 : userData.followerCount, " Followers"), /*#__PURE__*/React__default["default"].createElement(
|
|
274
|
+
}, userData === null || userData === void 0 ? void 0 : userData.followerCount, " Followers"), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
|
|
268
275
|
color: "white.override",
|
|
269
276
|
fontSize: "16px"
|
|
270
|
-
}, userData === null || userData === void 0 ? void 0 : userData.followingCount, " Following"))))), /*#__PURE__*/React__default["default"].createElement(
|
|
277
|
+
}, userData === null || userData === void 0 ? void 0 : userData.followingCount, " Following"))))), /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
|
|
271
278
|
direction: "row",
|
|
272
279
|
backgroundColor: "grey2.main",
|
|
273
280
|
borderRadius: "8px",
|
|
@@ -275,10 +282,10 @@ const UserProfileHeader = _ref2 => {
|
|
|
275
282
|
alignItems: "center",
|
|
276
283
|
marginTop: "20px",
|
|
277
284
|
justifyContent: "space-around"
|
|
278
|
-
}, isOwner ? (userData === null || userData === void 0 ? void 0 : (_userData$socialLinks2 = userData.socialLinks) === null || _userData$socialLinks2 === void 0 ? void 0 : _userData$socialLinks2.length) === 0 ? /*#__PURE__*/React__default["default"].createElement(
|
|
285
|
+
}, isOwner ? (userData === null || userData === void 0 ? void 0 : (_userData$socialLinks2 = userData.socialLinks) === null || _userData$socialLinks2 === void 0 ? void 0 : _userData$socialLinks2.length) === 0 ? /*#__PURE__*/React__default["default"].createElement(Button.Button, {
|
|
279
286
|
variant: "text",
|
|
280
287
|
onClick: () => openEdit()
|
|
281
|
-
}, "+ New Social") : /*#__PURE__*/React__default["default"].createElement(
|
|
288
|
+
}, "+ New Social") : /*#__PURE__*/React__default["default"].createElement(IconButton.IconButton, {
|
|
282
289
|
sx: {
|
|
283
290
|
cursor: "pointer",
|
|
284
291
|
color: "notBlack.main",
|
|
@@ -295,4 +302,6 @@ const UserProfileHeader = _ref2 => {
|
|
|
295
302
|
})) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null), renderSocialLinks()))));
|
|
296
303
|
};
|
|
297
304
|
|
|
298
|
-
|
|
305
|
+
var UserProfileHeader$1 = UserProfileHeader;
|
|
306
|
+
|
|
307
|
+
exports["default"] = UserProfileHeader$1;
|
|
@@ -4,8 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var index = require('./index.js');
|
|
8
7
|
var UserCard = require('./UserCard.js');
|
|
8
|
+
var Stack = require('./neo-components/Stack.js');
|
|
9
|
+
var Navigation = require('./neo-components/Navigation.js');
|
|
10
|
+
var Text = require('./neo-components/Text.js');
|
|
9
11
|
|
|
10
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
13
|
|
|
@@ -26,7 +28,7 @@ const UsernameWithPopout = _ref => {
|
|
|
26
28
|
} = _ref;
|
|
27
29
|
const [userCardRef, setUserCardRef] = React.useState(null);
|
|
28
30
|
const openUserCard = Boolean(userCardRef);
|
|
29
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
31
|
+
return /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
|
|
30
32
|
direction: "row",
|
|
31
33
|
onClick: e => {
|
|
32
34
|
setUserCardRef(e.target);
|
|
@@ -39,7 +41,7 @@ const UsernameWithPopout = _ref => {
|
|
|
39
41
|
onMouseLeave: e => {
|
|
40
42
|
setUserCardRef(null);
|
|
41
43
|
}
|
|
42
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
44
|
+
}, /*#__PURE__*/React__default["default"].createElement(Navigation.Popover, {
|
|
43
45
|
open: openUserCard,
|
|
44
46
|
anchorEl: userCardRef,
|
|
45
47
|
anchorOrigin: {
|
|
@@ -76,7 +78,7 @@ const UsernameWithPopout = _ref => {
|
|
|
76
78
|
onCreatedClick: onCreatedClick,
|
|
77
79
|
collapsed: collapsed,
|
|
78
80
|
user: user
|
|
79
|
-
})), /*#__PURE__*/React__default["default"].createElement(
|
|
81
|
+
})), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
|
|
80
82
|
sx: _objectSpread({
|
|
81
83
|
fontWeight: "300",
|
|
82
84
|
fontSize: "12px",
|
package/dist/cjs/colors.js
CHANGED
|
@@ -366,10 +366,11 @@ const darkPalette = {
|
|
|
366
366
|
main: colors.popnYellow
|
|
367
367
|
}
|
|
368
368
|
};
|
|
369
|
+
var colors$1 = colors;
|
|
369
370
|
|
|
370
371
|
exports.darkColors = darkColors;
|
|
371
372
|
exports.darkPalette = darkPalette;
|
|
372
|
-
exports["default"] = colors;
|
|
373
|
+
exports["default"] = colors$1;
|
|
373
374
|
exports.lightColors = lightColors;
|
|
374
375
|
exports.lightPalette = lightPalette;
|
|
375
376
|
exports.overrideColors = overrideColors;
|
package/dist/cjs/icons.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
const icons = {
|
|
4
6
|
white: {
|
|
5
7
|
account: "https://cdn.blerp.com/blerp_products/Icons/Account-White.svg",
|
|
@@ -157,5 +159,6 @@ const icons = {
|
|
|
157
159
|
tabView: "https://cdn.blerp.com/blerp_products/Icons/Tabview-Starling.svg"
|
|
158
160
|
}
|
|
159
161
|
};
|
|
162
|
+
var icons$1 = icons;
|
|
160
163
|
|
|
161
|
-
|
|
164
|
+
exports["default"] = icons$1;
|
package/dist/cjs/index.js
CHANGED
|
@@ -2,52 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
require('./
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var Navigation = require('./neo-components/Navigation.js');
|
|
23
|
-
var BottomNavigation$1 = require('./neo-components/BottomNavigation.js');
|
|
24
|
-
var Stepper$1 = require('./neo-components/Stepper.js');
|
|
25
|
-
var Misc = require('./neo-components/Misc.js');
|
|
26
|
-
var Layout = require('./neo-components/Layout.js');
|
|
27
|
-
require('@babel/runtime/helpers/extends');
|
|
28
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
29
|
-
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
30
|
-
require('react');
|
|
31
|
-
var Blerp$1 = require('./Blerp.js');
|
|
32
|
-
var NewBlerp$1 = require('./NewBlerp.js');
|
|
33
|
-
var NewBlerpTest$1 = require('./NewBlerpTest.js');
|
|
34
|
-
var UserCard$1 = require('./UserCard.js');
|
|
35
|
-
var GroupCard$1 = require('./GroupCard.js');
|
|
36
|
-
var UsernameWithPopout$1 = require('./UsernameWithPopout.js');
|
|
37
|
-
var BlerpAudioContextProvider$1 = require('./BlerpAudioContextProvider.js');
|
|
38
|
-
var BlerpListView$1 = require('./BlerpListView.js');
|
|
39
|
-
var CollectionListViewPremium$1 = require('./CollectionListViewPremium.js');
|
|
40
|
-
var BlerpListViewPremium$1 = require('./BlerpListViewPremium.js');
|
|
41
|
-
var Toggle$1 = require('./Toggle.js');
|
|
42
|
-
var Dropdown$1 = require('./Dropdown.js');
|
|
43
|
-
var NewCollectionModal$1 = require('./NewCollectionModal.js');
|
|
44
|
-
var BlerpSkeleton$1 = require('./BlerpSkeleton.js');
|
|
45
|
-
var BlerpListViewSkeleton$1 = require('./BlerpListViewSkeleton.js');
|
|
46
|
-
var CollectionSkeleton$1 = require('./CollectionSkeleton.js');
|
|
47
|
-
var Theme$1 = require('./Theme.js');
|
|
48
|
-
var CollectionCard$1 = require('./CollectionCard.js');
|
|
49
|
-
var Icons = require('./Icons/Icons.js');
|
|
50
|
-
var SnackbarContextProvider = require('./SnackbarContextProvider.js');
|
|
5
|
+
var Blerp = require('./Blerp.js');
|
|
6
|
+
var NewBlerp = require('./NewBlerp.js');
|
|
7
|
+
var NewBlerpTest = require('./NewBlerpTest.js');
|
|
8
|
+
var UserCard = require('./UserCard.js');
|
|
9
|
+
var GroupCard = require('./GroupCard.js');
|
|
10
|
+
var UsernameWithPopout = require('./UsernameWithPopout.js');
|
|
11
|
+
var BlerpAudioContextProvider = require('./BlerpAudioContextProvider.js');
|
|
12
|
+
var BlerpListView = require('./BlerpListView.js');
|
|
13
|
+
var BlerpListViewPremium = require('./BlerpListViewPremium.js');
|
|
14
|
+
var CollectionListViewPremium = require('./CollectionListViewPremium.js');
|
|
15
|
+
var Toggle = require('./Toggle.js');
|
|
16
|
+
var Dropdown = require('./Dropdown.js');
|
|
17
|
+
var NewCollectionModal = require('./NewCollectionModal.js');
|
|
18
|
+
var BlerpSkeleton = require('./BlerpSkeleton.js');
|
|
19
|
+
var BlerpListViewSkeleton = require('./BlerpListViewSkeleton.js');
|
|
20
|
+
var CollectionSkeleton = require('./CollectionSkeleton.js');
|
|
21
|
+
var CollectionCard = require('./CollectionCard.js');
|
|
51
22
|
var UserProfileHeader = require('./UserPage/UserProfileHeader.js');
|
|
52
23
|
var UserLibraryHeader = require('./UserPage/UserLibraryHeader.js');
|
|
53
24
|
var ReactionButtons = require('./ReactionButtons.js');
|
|
@@ -55,90 +26,34 @@ var CheckoutModal = require('./PurchaseModals/CheckoutModal.js');
|
|
|
55
26
|
var PremiumBlerpCheckoutModal = require('./PurchaseModals/PremiumBlerpCheckoutModal.js');
|
|
56
27
|
var PremiumCollectionCheckoutModal = require('./PurchaseModals/PremiumCollectionCheckoutModal.js');
|
|
57
28
|
var PremiumSubscriptionCheckoutModal = require('./PurchaseModals/PremiumSubscriptionCheckoutModal.js');
|
|
29
|
+
var SnackbarContextProvider = require('./SnackbarContextProvider.js');
|
|
30
|
+
var Icons = require('./Icons/Icons.js');
|
|
31
|
+
var Theme = require('./Theme.js');
|
|
32
|
+
var Layout = require('./neo-components/Layout.js');
|
|
33
|
+
var Navigation = require('./neo-components/Navigation.js');
|
|
34
|
+
var Autocomplete = require('./neo-components/Autocomplete.js');
|
|
35
|
+
var Misc = require('./neo-components/Misc.js');
|
|
36
|
+
var Dialog = require('./neo-components/Dialog.js');
|
|
37
|
+
var BottomNavigation = require('./neo-components/BottomNavigation.js');
|
|
38
|
+
var Box = require('./neo-components/Box.js');
|
|
39
|
+
var Button = require('./neo-components/Button.js');
|
|
40
|
+
var Paper = require('./neo-components/Paper.js');
|
|
41
|
+
var FormControls = require('./neo-components/FormControls.js');
|
|
42
|
+
var CircularProgress = require('./neo-components/CircularProgress.js');
|
|
43
|
+
var Container = require('./neo-components/Container.js');
|
|
44
|
+
var Fab = require('./neo-components/Fab.js');
|
|
45
|
+
var Grid = require('./neo-components/Grid.js');
|
|
46
|
+
var IconButton = require('./neo-components/IconButton.js');
|
|
47
|
+
var Input = require('./neo-components/Input.js');
|
|
48
|
+
var Stack = require('./neo-components/Stack.js');
|
|
49
|
+
var Stepper = require('./neo-components/Stepper.js');
|
|
50
|
+
var Text = require('./neo-components/Text.js');
|
|
51
|
+
var createTheme = require('./neo-components/createTheme.js');
|
|
52
|
+
var ThemeProvider = require('./neo-components/ThemeProvider.js');
|
|
58
53
|
|
|
59
54
|
// import {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
const AccordionDetails = Layout.AccordionDetails;
|
|
63
|
-
const AccordionActions = Layout.AccordionActions;
|
|
64
|
-
const Box = Box$1.Box;
|
|
65
|
-
const Container = Container$1.Container;
|
|
66
|
-
const Grid = Grid$1.Grid;
|
|
67
|
-
const Stack = Stack$1.Stack;
|
|
68
|
-
const ImageList = Layout.ImageList;
|
|
69
|
-
const Autocomplete = Autocomplete$1.Autocomplete;
|
|
70
|
-
const Button = Button$1.Button;
|
|
71
|
-
const ButtonGroup = Layout.ButtonGroup;
|
|
72
|
-
const Checkbox = FormControls.Checkbox;
|
|
73
|
-
const FloatingActionButton = Fab.Fab;
|
|
74
|
-
const RadioButton = FormControls.Radio;
|
|
75
|
-
const Rating = FormControls.Rating;
|
|
76
|
-
const Select = FormControls.Select;
|
|
77
|
-
const Slider = FormControls.Slider;
|
|
78
|
-
const Switch = FormControls.Switch;
|
|
79
|
-
const Input = Input$1.TextField;
|
|
80
|
-
const BottomNavigation = BottomNavigation$1.BottomNavigation;
|
|
81
|
-
const Breadcrumbs = Layout.Breadcrumbs;
|
|
82
|
-
const Drawer = Navigation.Drawer;
|
|
83
|
-
const Link = Misc.Link;
|
|
84
|
-
const Menu = Navigation.Menu;
|
|
85
|
-
const Pagination = Layout.Pagination;
|
|
86
|
-
const SpeedDial = Fab.SpeedDial;
|
|
87
|
-
const Stepper = Stepper$1.Stepper;
|
|
88
|
-
const Tabs = Navigation.Tabs;
|
|
89
|
-
const Tab = Navigation.Tab;
|
|
90
|
-
const Accordion = Layout.Accordion;
|
|
91
|
-
const AppBar = Layout.AppBar;
|
|
92
|
-
const Card = Paper$1.Card;
|
|
93
|
-
const Paper = Paper$1.Paper;
|
|
94
|
-
const Alert = Navigation.Alert;
|
|
95
|
-
const Backdrop = Dialog$1.Backdrop;
|
|
96
|
-
const Dialog = Dialog$1.Dialog;
|
|
97
|
-
const LinearProgress = Misc.LinearProgress;
|
|
98
|
-
const Skeleton = Misc.Skeleton;
|
|
99
|
-
const Snackbar = Navigation.Snackbar;
|
|
100
|
-
const Avatar = Misc.Avatar;
|
|
101
|
-
const Badge = Misc.Badge;
|
|
102
|
-
const Chip = Misc.Chip;
|
|
103
|
-
const Divider = Misc.Divider;
|
|
104
|
-
const List = Layout.List;
|
|
105
|
-
const Table = Layout.Table;
|
|
106
|
-
const CircularProgress = CircularProgress$1.CircularProgress;
|
|
107
|
-
const Tooltip = Misc.Tooltip;
|
|
108
|
-
const Toolbar = Layout.Toolbar;
|
|
109
|
-
const Text = Text$1.Typography;
|
|
110
|
-
const Modal = Dialog$1.Modal;
|
|
111
|
-
const Popover = Navigation.Popover;
|
|
112
|
-
const Blerp = Blerp$1.Blerp;
|
|
113
|
-
const NewBlerp = NewBlerp$1.NewBlerp;
|
|
114
|
-
const NewBlerpTest = NewBlerpTest$1.NewBlerpTest;
|
|
115
|
-
const GroupCard = GroupCard$1.GroupCard;
|
|
116
|
-
const UserCard = UserCard$1.UserCard;
|
|
117
|
-
const UsernameWithPopout = UsernameWithPopout$1.UsernameWithPopout;
|
|
118
|
-
const BlerpAudioContextProvider = BlerpAudioContextProvider$1.BlerpAudioContextProvider;
|
|
119
|
-
const IconButton = IconButton$1.IconButton;
|
|
120
|
-
const Toggle = Toggle$1.Toggle;
|
|
121
|
-
const Dropdown = Dropdown$1.Dropdown;
|
|
122
|
-
const NewDropdown = Dropdown$1.NewDropdown;
|
|
123
|
-
const MenuItem = Navigation.MenuItem;
|
|
124
|
-
const NewCollectionModal = NewCollectionModal$1.NewCollectionModal;
|
|
125
|
-
const CollectionCard = CollectionCard$1.CollectionCard;
|
|
126
|
-
const BlerpListView = BlerpListView$1.BlerpListView;
|
|
127
|
-
const CollectionListViewPremium = CollectionListViewPremium$1.CollectionListViewPremium;
|
|
128
|
-
const BlerpListViewPremium = BlerpListViewPremium$1.BlerpListViewPremium;
|
|
129
|
-
const BlerpSkeleton = BlerpSkeleton$1.BlerpSkeleton;
|
|
130
|
-
const BlerpListViewSkeleton = BlerpListViewSkeleton$1.BlerpListViewSkeleton;
|
|
131
|
-
const CollectionSkeleton = CollectionSkeleton$1.CollectionSkeleton;
|
|
132
|
-
const InputAdornment = Input$1.InputAdornment;
|
|
133
|
-
const createTheme = createTheme$1.createTheme;
|
|
134
|
-
const ThemeProvider = ThemeProvider$1.ThemeProvider;
|
|
135
|
-
const AlertTitle = Navigation.AlertTitle;
|
|
136
|
-
const SvgIcon = Layout.SvgIcon;
|
|
137
|
-
const FormControl = Layout.FormControl;
|
|
138
|
-
const InputLabel = Layout.InputLabel; // export const BlerpContextMenu = MBlerpContextMenu;
|
|
139
|
-
// export const ListItem = MListItem;
|
|
140
|
-
// // export const ListItemText = MListItemText;
|
|
141
|
-
// export const ListItemButtonText = MListItemButtonText;
|
|
55
|
+
// Theme Objects (Legacy Support)
|
|
56
|
+
// -----------------------------------------------------------------------------
|
|
142
57
|
|
|
143
58
|
const lightThemeV1 = {
|
|
144
59
|
pandaPink: "#FE295C",
|
|
@@ -373,6 +288,33 @@ const Themes = {
|
|
|
373
288
|
// };
|
|
374
289
|
// export default returnLibrary();
|
|
375
290
|
|
|
291
|
+
exports.Blerp = Blerp.Blerp;
|
|
292
|
+
exports.NewBlerp = NewBlerp.NewBlerp;
|
|
293
|
+
exports.NewBlerpTest = NewBlerpTest.NewBlerpTest;
|
|
294
|
+
exports.UserCard = UserCard.UserCard;
|
|
295
|
+
exports.GroupCard = GroupCard.GroupCard;
|
|
296
|
+
exports.UsernameWithPopout = UsernameWithPopout.UsernameWithPopout;
|
|
297
|
+
exports.BlerpAudioContextProvider = BlerpAudioContextProvider.BlerpAudioContextProvider;
|
|
298
|
+
exports.BlerpListView = BlerpListView.BlerpListView;
|
|
299
|
+
exports.BlerpListViewPremium = BlerpListViewPremium.BlerpListViewPremium;
|
|
300
|
+
exports.CollectionListViewPremium = CollectionListViewPremium.CollectionListViewPremium;
|
|
301
|
+
exports.Toggle = Toggle.Toggle;
|
|
302
|
+
exports.Dropdown = Dropdown.Dropdown;
|
|
303
|
+
exports.NewDropdown = Dropdown.NewDropdown;
|
|
304
|
+
exports.NewCollectionModal = NewCollectionModal.NewCollectionModal;
|
|
305
|
+
exports.BlerpSkeleton = BlerpSkeleton.BlerpSkeleton;
|
|
306
|
+
exports.BlerpListViewSkeleton = BlerpListViewSkeleton.BlerpListViewSkeleton;
|
|
307
|
+
exports.CollectionSkeleton = CollectionSkeleton.CollectionSkeleton;
|
|
308
|
+
exports.CollectionCard = CollectionCard.CollectionCard;
|
|
309
|
+
exports.UserProfileHeader = UserProfileHeader["default"];
|
|
310
|
+
exports.UserLibraryHeader = UserLibraryHeader["default"];
|
|
311
|
+
exports.ReactionButtons = ReactionButtons["default"];
|
|
312
|
+
exports.CheckoutModal = CheckoutModal["default"];
|
|
313
|
+
exports.PremiumBlerpCheckoutModal = PremiumBlerpCheckoutModal["default"];
|
|
314
|
+
exports.PremiumCollectionCheckoutModal = PremiumCollectionCheckoutModal["default"];
|
|
315
|
+
exports.PremiumSubscriptionCheckoutModal = PremiumSubscriptionCheckoutModal["default"];
|
|
316
|
+
exports.SnackbarContext = SnackbarContextProvider.SnackbarContext;
|
|
317
|
+
exports.SnackbarProvider = SnackbarContextProvider.SnackbarProvider;
|
|
376
318
|
exports.BlerpCardIcon = Icons.BlerpCardIcon;
|
|
377
319
|
exports.BlerpCoinsIcon = Icons.BlerpCoinsIcon;
|
|
378
320
|
exports.BlerpyIcon = Icons.BlerpyIcon;
|
|
@@ -401,95 +343,72 @@ exports.TwitchIcon = Icons.TwitchIcon;
|
|
|
401
343
|
exports.UnsafeIcon = Icons.UnsafeIcon;
|
|
402
344
|
exports.WalkonIcon = Icons.WalkonIcon;
|
|
403
345
|
exports.WindowsIcon = Icons.WindowsIcon;
|
|
404
|
-
exports.
|
|
405
|
-
exports.
|
|
406
|
-
exports.
|
|
407
|
-
exports.
|
|
408
|
-
exports.
|
|
409
|
-
exports.
|
|
410
|
-
exports.
|
|
411
|
-
exports.
|
|
412
|
-
exports.
|
|
413
|
-
exports.
|
|
414
|
-
exports.
|
|
415
|
-
exports.
|
|
416
|
-
exports.
|
|
417
|
-
exports.
|
|
418
|
-
exports.
|
|
419
|
-
exports.
|
|
420
|
-
exports.
|
|
421
|
-
exports.
|
|
422
|
-
exports.
|
|
423
|
-
exports.
|
|
424
|
-
exports.
|
|
425
|
-
exports.
|
|
426
|
-
exports.
|
|
427
|
-
exports.
|
|
428
|
-
exports.
|
|
429
|
-
exports.
|
|
430
|
-
exports.
|
|
431
|
-
exports.
|
|
432
|
-
exports.
|
|
433
|
-
exports.
|
|
434
|
-
exports.
|
|
435
|
-
exports.
|
|
436
|
-
exports.
|
|
437
|
-
exports.
|
|
438
|
-
exports.
|
|
439
|
-
exports.
|
|
440
|
-
exports.
|
|
441
|
-
exports.
|
|
442
|
-
exports.
|
|
443
|
-
exports.
|
|
444
|
-
exports.
|
|
445
|
-
exports.
|
|
446
|
-
exports.
|
|
447
|
-
exports.
|
|
448
|
-
exports.
|
|
449
|
-
exports.
|
|
450
|
-
exports.
|
|
451
|
-
exports.
|
|
452
|
-
exports.
|
|
453
|
-
exports.
|
|
454
|
-
exports.
|
|
455
|
-
exports.
|
|
456
|
-
exports.
|
|
457
|
-
exports.
|
|
458
|
-
exports.
|
|
459
|
-
exports.
|
|
460
|
-
exports.
|
|
461
|
-
exports.
|
|
462
|
-
exports.
|
|
463
|
-
exports.
|
|
464
|
-
exports.
|
|
465
|
-
exports.
|
|
466
|
-
exports.
|
|
467
|
-
exports.
|
|
468
|
-
exports.
|
|
469
|
-
exports.RadioButton = RadioButton;
|
|
470
|
-
exports.Rating = Rating;
|
|
471
|
-
exports.Select = Select;
|
|
472
|
-
exports.Skeleton = Skeleton;
|
|
473
|
-
exports.Slider = Slider;
|
|
474
|
-
exports.Snackbar = Snackbar;
|
|
475
|
-
exports.SpeedDial = SpeedDial;
|
|
476
|
-
exports.Stack = Stack;
|
|
477
|
-
exports.Stepper = Stepper;
|
|
478
|
-
exports.SvgIcon = SvgIcon;
|
|
479
|
-
exports.Switch = Switch;
|
|
480
|
-
exports.Tab = Tab;
|
|
481
|
-
exports.Table = Table;
|
|
482
|
-
exports.Tabs = Tabs;
|
|
483
|
-
exports.Text = Text;
|
|
484
|
-
exports.Theme = Theme;
|
|
485
|
-
exports.ThemeProvider = ThemeProvider;
|
|
346
|
+
exports.Theme = Theme["default"];
|
|
347
|
+
exports.Accordion = Layout.Accordion;
|
|
348
|
+
exports.AccordionActions = Layout.AccordionActions;
|
|
349
|
+
exports.AccordionDetails = Layout.AccordionDetails;
|
|
350
|
+
exports.AccordionSummary = Layout.AccordionSummary;
|
|
351
|
+
exports.AppBar = Layout.AppBar;
|
|
352
|
+
exports.Breadcrumbs = Layout.Breadcrumbs;
|
|
353
|
+
exports.ButtonGroup = Layout.ButtonGroup;
|
|
354
|
+
exports.FormControl = Layout.FormControl;
|
|
355
|
+
exports.ImageList = Layout.ImageList;
|
|
356
|
+
exports.InputLabel = Layout.InputLabel;
|
|
357
|
+
exports.List = Layout.List;
|
|
358
|
+
exports.Pagination = Layout.Pagination;
|
|
359
|
+
exports.SvgIcon = Layout.SvgIcon;
|
|
360
|
+
exports.Table = Layout.Table;
|
|
361
|
+
exports.Toolbar = Layout.Toolbar;
|
|
362
|
+
exports.Alert = Navigation.Alert;
|
|
363
|
+
exports.AlertTitle = Navigation.AlertTitle;
|
|
364
|
+
exports.Drawer = Navigation.Drawer;
|
|
365
|
+
exports.Menu = Navigation.Menu;
|
|
366
|
+
exports.MenuItem = Navigation.MenuItem;
|
|
367
|
+
exports.Popover = Navigation.Popover;
|
|
368
|
+
exports.Snackbar = Navigation.Snackbar;
|
|
369
|
+
exports.Tab = Navigation.Tab;
|
|
370
|
+
exports.Tabs = Navigation.Tabs;
|
|
371
|
+
exports.Autocomplete = Autocomplete.Autocomplete;
|
|
372
|
+
exports.Avatar = Misc.Avatar;
|
|
373
|
+
exports.Badge = Misc.Badge;
|
|
374
|
+
exports.Chip = Misc.Chip;
|
|
375
|
+
exports.Divider = Misc.Divider;
|
|
376
|
+
exports.LinearProgress = Misc.LinearProgress;
|
|
377
|
+
exports.Link = Misc.Link;
|
|
378
|
+
exports.Skeleton = Misc.Skeleton;
|
|
379
|
+
exports.Tooltip = Misc.Tooltip;
|
|
380
|
+
exports.Backdrop = Dialog.Backdrop;
|
|
381
|
+
exports.Dialog = Dialog.Dialog;
|
|
382
|
+
exports.Modal = Dialog.Modal;
|
|
383
|
+
exports.BottomNavigation = BottomNavigation.BottomNavigation;
|
|
384
|
+
exports.Box = Box.Box;
|
|
385
|
+
exports.Button = Button.Button;
|
|
386
|
+
exports.Card = Paper.Card;
|
|
387
|
+
exports.Paper = Paper.Paper;
|
|
388
|
+
exports.Checkbox = FormControls.Checkbox;
|
|
389
|
+
exports.Radio = FormControls.Radio;
|
|
390
|
+
exports.RadioButton = FormControls.Radio;
|
|
391
|
+
exports.Rating = FormControls.Rating;
|
|
392
|
+
exports.Select = FormControls.Select;
|
|
393
|
+
exports.Slider = FormControls.Slider;
|
|
394
|
+
exports.Switch = FormControls.Switch;
|
|
395
|
+
exports.CircularProgress = CircularProgress.CircularProgress;
|
|
396
|
+
exports.Container = Container.Container;
|
|
397
|
+
exports.Fab = Fab.Fab;
|
|
398
|
+
exports.FloatingActionButton = Fab.Fab;
|
|
399
|
+
exports.SpeedDial = Fab.SpeedDial;
|
|
400
|
+
exports.Grid = Grid.Grid;
|
|
401
|
+
exports.IconButton = IconButton.IconButton;
|
|
402
|
+
exports.Input = Input.TextField;
|
|
403
|
+
exports.InputAdornment = Input.InputAdornment;
|
|
404
|
+
exports.TextField = Input.TextField;
|
|
405
|
+
exports.Stack = Stack.Stack;
|
|
406
|
+
exports.Stepper = Stepper.Stepper;
|
|
407
|
+
exports.Text = Text.Typography;
|
|
408
|
+
exports.Typography = Text.Typography;
|
|
409
|
+
exports.createTheme = createTheme.createTheme;
|
|
410
|
+
exports.ThemeProvider = ThemeProvider.ThemeProvider;
|
|
486
411
|
exports.Themes = Themes;
|
|
487
|
-
exports.Toggle = Toggle;
|
|
488
|
-
exports.Toolbar = Toolbar;
|
|
489
|
-
exports.Tooltip = Tooltip;
|
|
490
|
-
exports.UserCard = UserCard;
|
|
491
|
-
exports.UsernameWithPopout = UsernameWithPopout;
|
|
492
|
-
exports.createTheme = createTheme;
|
|
493
412
|
exports.darkThemeV1 = darkThemeV1;
|
|
494
413
|
exports.lightThemeV1 = lightThemeV1;
|
|
495
414
|
exports.mainTheme = mainTheme;
|
|
@@ -458,8 +458,6 @@ const BaseTabs = /*#__PURE__*/React__default["default"].forwardRef((_ref4, ref)
|
|
|
458
458
|
} = ThemeProvider.useTheme();
|
|
459
459
|
const tabsRef = React.useRef(null);
|
|
460
460
|
const [indicatorStyle, setIndicatorStyle] = React.useState({});
|
|
461
|
-
const colorValue = (colors === null || colors === void 0 ? void 0 : colors[indicatorColor]) || (colors === null || colors === void 0 ? void 0 : colors.ibisRed);
|
|
462
|
-
typeof colorValue === "object" ? colorValue.main : colorValue || "ibisRed.main"; // Update indicator position
|
|
463
461
|
|
|
464
462
|
useIsomorphicLayoutEffect(() => {
|
|
465
463
|
if (!canUseDOM() || !tabsRef.current) return;
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('@babel/runtime/helpers/extends');
|
|
6
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
6
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
8
7
|
var React = require('react');
|
|
@@ -2,8 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
6
|
-
|
|
7
5
|
/**
|
|
8
6
|
* Converts MUI sx prop to inline styles
|
|
9
7
|
* Handles spacing shortcuts, theme colors, pseudo-selectors, nested selectors, and responsive values
|
|
@@ -2,9 +2,12 @@ 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 } from 'react';
|
|
5
|
-
import { Stack, Box, Text, Tooltip } from '../index.js';
|
|
6
5
|
import { useBlerpTheme } from '../Theme.js';
|
|
6
|
+
import { Stack } from '../neo-components/Stack.js';
|
|
7
|
+
import { Box } from '../neo-components/Box.js';
|
|
8
|
+
import { Typography } from '../neo-components/Text.js';
|
|
7
9
|
import { PlayOutlineIcon, OpenLockIcon, BookmarkAddRounded } from '../Icons/Icons.js';
|
|
10
|
+
import { Tooltip } from '../neo-components/Misc.js';
|
|
8
11
|
|
|
9
12
|
const _excluded = ["path", "sx", "size"];
|
|
10
13
|
|
|
@@ -102,7 +105,7 @@ const BlerpImageRow = _ref2 => {
|
|
|
102
105
|
display: "none"
|
|
103
106
|
}
|
|
104
107
|
}
|
|
105
|
-
}, /*#__PURE__*/React.createElement(
|
|
108
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
106
109
|
sx: {
|
|
107
110
|
display: "none",
|
|
108
111
|
fontWeight: "regular",
|
|
@@ -274,4 +277,6 @@ const BlerpImageRow = _ref2 => {
|
|
|
274
277
|
}) : /*#__PURE__*/React.createElement(BookmarkAddRounded, null)))))));
|
|
275
278
|
};
|
|
276
279
|
|
|
277
|
-
|
|
280
|
+
var BlerpImageRow$1 = BlerpImageRow;
|
|
281
|
+
|
|
282
|
+
export { BlerpImageRow$1 as default };
|