@blerp/design 1.0.30 → 1.0.31

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +26 -25
  2. package/dist/index.esm.js +26 -25
  3. package/dist/index.umd.js +26 -25
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1944,13 +1944,13 @@ var CollectionListViewPremium$1 = function CollectionListViewPremium(_ref4) {
1944
1944
  sx: {
1945
1945
  opacity: "1",
1946
1946
  zIndex: "2",
1947
- color: "white.main",
1947
+ color: "white.override",
1948
1948
  height: "18px"
1949
1949
  }
1950
1950
  }), /*#__PURE__*/React__default['default'].createElement(Text, {
1951
1951
  sx: {
1952
1952
  zIndex: "2",
1953
- color: "white.main",
1953
+ color: "white.override",
1954
1954
  fontWeight: "lighter",
1955
1955
  fontSize: "14px",
1956
1956
  cursor: "default",
@@ -1960,7 +1960,7 @@ var CollectionListViewPremium$1 = function CollectionListViewPremium(_ref4) {
1960
1960
  }, "Premium"), !(collection !== null && collection !== void 0 && collection.owned) && /*#__PURE__*/React__default['default'].createElement(LockRoundedIcon__default['default'], {
1961
1961
  sx: {
1962
1962
  zIndex: "2",
1963
- color: "white.main",
1963
+ color: "white.override",
1964
1964
  height: "14px"
1965
1965
  }
1966
1966
  })), secondaryActionButton || /*#__PURE__*/React__default['default'].createElement(IconButton, {
@@ -3322,7 +3322,7 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
3322
3322
  descriptionInput = _useState10[0],
3323
3323
  setDescriptionInput = _useState10[1];
3324
3324
 
3325
- var _useState11 = React.useState(collectionToBeEdited === null || collectionToBeEdited === void 0 ? void 0 : collectionToBeEdited.visibility),
3325
+ var _useState11 = React.useState((collectionToBeEdited === null || collectionToBeEdited === void 0 ? void 0 : collectionToBeEdited.visibility) || "PUBLIC"),
3326
3326
  _useState12 = _slicedToArray__default['default'](_useState11, 2),
3327
3327
  visibility = _useState12[0],
3328
3328
  setVisibility = _useState12[1];
@@ -7029,6 +7029,8 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7029
7029
  variantSize = _ref.variantSize,
7030
7030
  handleClickBackground = _ref.handleClickBackground,
7031
7031
  handleClickSave = _ref.handleClickSave,
7032
+ handleClickView = _ref.handleClickView,
7033
+ handleClickUnlock = _ref.handleClickUnlock,
7032
7034
  primaryActionButton = _ref.primaryActionButton,
7033
7035
  secondaryActionButton = _ref.secondaryActionButton,
7034
7036
  fluid = _ref.fluid,
@@ -7090,7 +7092,8 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7090
7092
  return setCardColors(colors);
7091
7093
  }
7092
7094
  }), /*#__PURE__*/React__default['default'].createElement(Box, {
7093
- onClick: function onClick() {
7095
+ onClick: function onClick(e) {
7096
+ e.stopPropagation();
7094
7097
  handleClickBackground();
7095
7098
  },
7096
7099
  sx: {
@@ -7379,7 +7382,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7379
7382
  }
7380
7383
  })), /*#__PURE__*/React__default['default'].createElement(Text, {
7381
7384
  sx: {
7382
- color: "white.main",
7385
+ color: "white.override",
7383
7386
  textAlign: "center",
7384
7387
  lineHeight: "1",
7385
7388
  margin: "4px 0",
@@ -7388,6 +7391,10 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7388
7391
  }
7389
7392
  }, "Unlock to share ", /*#__PURE__*/React__default['default'].createElement("br", null), "across platforms"), /*#__PURE__*/React__default['default'].createElement(Button, {
7390
7393
  disabled: !collectionHovered,
7394
+ onClick: function onClick(e) {
7395
+ e.stopPropagation();
7396
+ handleClickView();
7397
+ },
7391
7398
  variant: "contained",
7392
7399
  sx: {
7393
7400
  width: "70%",
@@ -7397,34 +7404,24 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7397
7404
  }
7398
7405
  }, "VIEW SOUNDPACK"), /*#__PURE__*/React__default['default'].createElement(Button, {
7399
7406
  disabled: !collectionHovered,
7407
+ onClick: function onClick(e) {
7408
+ e.stopPropagation();
7409
+ handleClickUnlock();
7410
+ },
7400
7411
  variant: "outlined",
7412
+ color: "whiteOverride",
7401
7413
  sx: {
7402
7414
  width: "50%",
7403
7415
  margin: "6px 0",
7404
7416
  padding: "2px 8px",
7405
- color: "white.main",
7406
- borderColor: "white.main",
7407
7417
  borderWidth: "2px !important",
7408
- overflow: "hidden",
7409
- "&:hover": {
7410
- borderColor: "white.main"
7411
- },
7412
- "&:hover #button-background": {
7413
- position: "absolute",
7414
- top: "0",
7415
- right: "0",
7416
- left: "0",
7417
- bottom: "0",
7418
- borderColor: "white.main",
7419
- backgroundColor: "white.main",
7420
- opacity: ".2"
7421
- }
7418
+ overflow: "hidden"
7422
7419
  }
7423
7420
  }, /*#__PURE__*/React__default['default'].createElement("div", {
7424
7421
  id: "button-background"
7425
7422
  }), /*#__PURE__*/React__default['default'].createElement(LockRoundedIcon__default['default'], {
7426
7423
  sx: {
7427
- color: "white.main",
7424
+ color: "white.override",
7428
7425
  zIndex: "3",
7429
7426
  height: ".8rem",
7430
7427
  position: "relative",
@@ -7461,7 +7458,9 @@ var CollectionCard$1 = function CollectionCard(_ref) {
7461
7458
  variantSize = _ref.variantSize,
7462
7459
  handleClickBackground = _ref.handleClickBackground,
7463
7460
  handleClickSave = _ref.handleClickSave,
7464
- handleClickDrag = _ref.handleClickDrag;
7461
+ handleClickDrag = _ref.handleClickDrag,
7462
+ handleClickView = _ref.handleClickView,
7463
+ handleClickUnlock = _ref.handleClickUnlock;
7465
7464
  _ref.handleClickPrimaryAction;
7466
7465
  var handleClickSecondaryAction = _ref.handleClickSecondaryAction,
7467
7466
  primaryActionButton = _ref.primaryActionButton,
@@ -7583,6 +7582,8 @@ var CollectionCard$1 = function CollectionCard(_ref) {
7583
7582
  collection: collection,
7584
7583
  variantSize: variantSize,
7585
7584
  handleClickBackground: handleClickBackground,
7585
+ handleClickView: handleClickView,
7586
+ handleClickUnlock: handleClickUnlock,
7586
7587
  handleClickSave: handleClickSave,
7587
7588
  handleClickDrag: handleClickDrag,
7588
7589
  primaryActionButton: primaryActionButton,
@@ -7712,7 +7713,7 @@ var CollectionCard$1 = function CollectionCard(_ref) {
7712
7713
  title: "This collection has been removed or hidden"
7713
7714
  }, /*#__PURE__*/React__default['default'].createElement(iconsMaterial.LockRounded, {
7714
7715
  sx: {
7715
- color: "white.main",
7716
+ color: "white.override",
7716
7717
  fontSize: "35px"
7717
7718
  }
7718
7719
  })), /*#__PURE__*/React__default['default'].createElement(LineClamp, null, /*#__PURE__*/React__default['default'].createElement(Text, {
package/dist/index.esm.js CHANGED
@@ -1897,13 +1897,13 @@ var CollectionListViewPremium$1 = function CollectionListViewPremium(_ref4) {
1897
1897
  sx: {
1898
1898
  opacity: "1",
1899
1899
  zIndex: "2",
1900
- color: "white.main",
1900
+ color: "white.override",
1901
1901
  height: "18px"
1902
1902
  }
1903
1903
  }), /*#__PURE__*/React.createElement(Text, {
1904
1904
  sx: {
1905
1905
  zIndex: "2",
1906
- color: "white.main",
1906
+ color: "white.override",
1907
1907
  fontWeight: "lighter",
1908
1908
  fontSize: "14px",
1909
1909
  cursor: "default",
@@ -1913,7 +1913,7 @@ var CollectionListViewPremium$1 = function CollectionListViewPremium(_ref4) {
1913
1913
  }, "Premium"), !(collection !== null && collection !== void 0 && collection.owned) && /*#__PURE__*/React.createElement(LockRoundedIcon, {
1914
1914
  sx: {
1915
1915
  zIndex: "2",
1916
- color: "white.main",
1916
+ color: "white.override",
1917
1917
  height: "14px"
1918
1918
  }
1919
1919
  })), secondaryActionButton || /*#__PURE__*/React.createElement(IconButton, {
@@ -3275,7 +3275,7 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
3275
3275
  descriptionInput = _useState10[0],
3276
3276
  setDescriptionInput = _useState10[1];
3277
3277
 
3278
- var _useState11 = useState(collectionToBeEdited === null || collectionToBeEdited === void 0 ? void 0 : collectionToBeEdited.visibility),
3278
+ var _useState11 = useState((collectionToBeEdited === null || collectionToBeEdited === void 0 ? void 0 : collectionToBeEdited.visibility) || "PUBLIC"),
3279
3279
  _useState12 = _slicedToArray(_useState11, 2),
3280
3280
  visibility = _useState12[0],
3281
3281
  setVisibility = _useState12[1];
@@ -6982,6 +6982,8 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
6982
6982
  variantSize = _ref.variantSize,
6983
6983
  handleClickBackground = _ref.handleClickBackground,
6984
6984
  handleClickSave = _ref.handleClickSave,
6985
+ handleClickView = _ref.handleClickView,
6986
+ handleClickUnlock = _ref.handleClickUnlock,
6985
6987
  primaryActionButton = _ref.primaryActionButton,
6986
6988
  secondaryActionButton = _ref.secondaryActionButton,
6987
6989
  fluid = _ref.fluid,
@@ -7043,7 +7045,8 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7043
7045
  return setCardColors(colors);
7044
7046
  }
7045
7047
  }), /*#__PURE__*/React.createElement(Box, {
7046
- onClick: function onClick() {
7048
+ onClick: function onClick(e) {
7049
+ e.stopPropagation();
7047
7050
  handleClickBackground();
7048
7051
  },
7049
7052
  sx: {
@@ -7332,7 +7335,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7332
7335
  }
7333
7336
  })), /*#__PURE__*/React.createElement(Text, {
7334
7337
  sx: {
7335
- color: "white.main",
7338
+ color: "white.override",
7336
7339
  textAlign: "center",
7337
7340
  lineHeight: "1",
7338
7341
  margin: "4px 0",
@@ -7341,6 +7344,10 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7341
7344
  }
7342
7345
  }, "Unlock to share ", /*#__PURE__*/React.createElement("br", null), "across platforms"), /*#__PURE__*/React.createElement(Button, {
7343
7346
  disabled: !collectionHovered,
7347
+ onClick: function onClick(e) {
7348
+ e.stopPropagation();
7349
+ handleClickView();
7350
+ },
7344
7351
  variant: "contained",
7345
7352
  sx: {
7346
7353
  width: "70%",
@@ -7350,34 +7357,24 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
7350
7357
  }
7351
7358
  }, "VIEW SOUNDPACK"), /*#__PURE__*/React.createElement(Button, {
7352
7359
  disabled: !collectionHovered,
7360
+ onClick: function onClick(e) {
7361
+ e.stopPropagation();
7362
+ handleClickUnlock();
7363
+ },
7353
7364
  variant: "outlined",
7365
+ color: "whiteOverride",
7354
7366
  sx: {
7355
7367
  width: "50%",
7356
7368
  margin: "6px 0",
7357
7369
  padding: "2px 8px",
7358
- color: "white.main",
7359
- borderColor: "white.main",
7360
7370
  borderWidth: "2px !important",
7361
- overflow: "hidden",
7362
- "&:hover": {
7363
- borderColor: "white.main"
7364
- },
7365
- "&:hover #button-background": {
7366
- position: "absolute",
7367
- top: "0",
7368
- right: "0",
7369
- left: "0",
7370
- bottom: "0",
7371
- borderColor: "white.main",
7372
- backgroundColor: "white.main",
7373
- opacity: ".2"
7374
- }
7371
+ overflow: "hidden"
7375
7372
  }
7376
7373
  }, /*#__PURE__*/React.createElement("div", {
7377
7374
  id: "button-background"
7378
7375
  }), /*#__PURE__*/React.createElement(LockRoundedIcon, {
7379
7376
  sx: {
7380
- color: "white.main",
7377
+ color: "white.override",
7381
7378
  zIndex: "3",
7382
7379
  height: ".8rem",
7383
7380
  position: "relative",
@@ -7414,7 +7411,9 @@ var CollectionCard$1 = function CollectionCard(_ref) {
7414
7411
  variantSize = _ref.variantSize,
7415
7412
  handleClickBackground = _ref.handleClickBackground,
7416
7413
  handleClickSave = _ref.handleClickSave,
7417
- handleClickDrag = _ref.handleClickDrag;
7414
+ handleClickDrag = _ref.handleClickDrag,
7415
+ handleClickView = _ref.handleClickView,
7416
+ handleClickUnlock = _ref.handleClickUnlock;
7418
7417
  _ref.handleClickPrimaryAction;
7419
7418
  var handleClickSecondaryAction = _ref.handleClickSecondaryAction,
7420
7419
  primaryActionButton = _ref.primaryActionButton,
@@ -7536,6 +7535,8 @@ var CollectionCard$1 = function CollectionCard(_ref) {
7536
7535
  collection: collection,
7537
7536
  variantSize: variantSize,
7538
7537
  handleClickBackground: handleClickBackground,
7538
+ handleClickView: handleClickView,
7539
+ handleClickUnlock: handleClickUnlock,
7539
7540
  handleClickSave: handleClickSave,
7540
7541
  handleClickDrag: handleClickDrag,
7541
7542
  primaryActionButton: primaryActionButton,
@@ -7665,7 +7666,7 @@ var CollectionCard$1 = function CollectionCard(_ref) {
7665
7666
  title: "This collection has been removed or hidden"
7666
7667
  }, /*#__PURE__*/React.createElement(LockRounded, {
7667
7668
  sx: {
7668
- color: "white.main",
7669
+ color: "white.override",
7669
7670
  fontSize: "35px"
7670
7671
  }
7671
7672
  })), /*#__PURE__*/React.createElement(LineClamp, null, /*#__PURE__*/React.createElement(Text, {
package/dist/index.umd.js CHANGED
@@ -1898,13 +1898,13 @@
1898
1898
  sx: {
1899
1899
  opacity: "1",
1900
1900
  zIndex: "2",
1901
- color: "white.main",
1901
+ color: "white.override",
1902
1902
  height: "18px"
1903
1903
  }
1904
1904
  }), /*#__PURE__*/React__default['default'].createElement(Text, {
1905
1905
  sx: {
1906
1906
  zIndex: "2",
1907
- color: "white.main",
1907
+ color: "white.override",
1908
1908
  fontWeight: "lighter",
1909
1909
  fontSize: "14px",
1910
1910
  cursor: "default",
@@ -1914,7 +1914,7 @@
1914
1914
  }, "Premium"), !(collection !== null && collection !== void 0 && collection.owned) && /*#__PURE__*/React__default['default'].createElement(LockRoundedIcon__default['default'], {
1915
1915
  sx: {
1916
1916
  zIndex: "2",
1917
- color: "white.main",
1917
+ color: "white.override",
1918
1918
  height: "14px"
1919
1919
  }
1920
1920
  })), secondaryActionButton || /*#__PURE__*/React__default['default'].createElement(IconButton, {
@@ -3276,7 +3276,7 @@
3276
3276
  descriptionInput = _useState10[0],
3277
3277
  setDescriptionInput = _useState10[1];
3278
3278
 
3279
- var _useState11 = React.useState(collectionToBeEdited === null || collectionToBeEdited === void 0 ? void 0 : collectionToBeEdited.visibility),
3279
+ var _useState11 = React.useState((collectionToBeEdited === null || collectionToBeEdited === void 0 ? void 0 : collectionToBeEdited.visibility) || "PUBLIC"),
3280
3280
  _useState12 = _slicedToArray__default['default'](_useState11, 2),
3281
3281
  visibility = _useState12[0],
3282
3282
  setVisibility = _useState12[1];
@@ -6983,6 +6983,8 @@
6983
6983
  variantSize = _ref.variantSize,
6984
6984
  handleClickBackground = _ref.handleClickBackground,
6985
6985
  handleClickSave = _ref.handleClickSave,
6986
+ handleClickView = _ref.handleClickView,
6987
+ handleClickUnlock = _ref.handleClickUnlock,
6986
6988
  primaryActionButton = _ref.primaryActionButton,
6987
6989
  secondaryActionButton = _ref.secondaryActionButton,
6988
6990
  fluid = _ref.fluid,
@@ -7044,7 +7046,8 @@
7044
7046
  return setCardColors(colors);
7045
7047
  }
7046
7048
  }), /*#__PURE__*/React__default['default'].createElement(Box, {
7047
- onClick: function onClick() {
7049
+ onClick: function onClick(e) {
7050
+ e.stopPropagation();
7048
7051
  handleClickBackground();
7049
7052
  },
7050
7053
  sx: {
@@ -7333,7 +7336,7 @@
7333
7336
  }
7334
7337
  })), /*#__PURE__*/React__default['default'].createElement(Text, {
7335
7338
  sx: {
7336
- color: "white.main",
7339
+ color: "white.override",
7337
7340
  textAlign: "center",
7338
7341
  lineHeight: "1",
7339
7342
  margin: "4px 0",
@@ -7342,6 +7345,10 @@
7342
7345
  }
7343
7346
  }, "Unlock to share ", /*#__PURE__*/React__default['default'].createElement("br", null), "across platforms"), /*#__PURE__*/React__default['default'].createElement(Button, {
7344
7347
  disabled: !collectionHovered,
7348
+ onClick: function onClick(e) {
7349
+ e.stopPropagation();
7350
+ handleClickView();
7351
+ },
7345
7352
  variant: "contained",
7346
7353
  sx: {
7347
7354
  width: "70%",
@@ -7351,34 +7358,24 @@
7351
7358
  }
7352
7359
  }, "VIEW SOUNDPACK"), /*#__PURE__*/React__default['default'].createElement(Button, {
7353
7360
  disabled: !collectionHovered,
7361
+ onClick: function onClick(e) {
7362
+ e.stopPropagation();
7363
+ handleClickUnlock();
7364
+ },
7354
7365
  variant: "outlined",
7366
+ color: "whiteOverride",
7355
7367
  sx: {
7356
7368
  width: "50%",
7357
7369
  margin: "6px 0",
7358
7370
  padding: "2px 8px",
7359
- color: "white.main",
7360
- borderColor: "white.main",
7361
7371
  borderWidth: "2px !important",
7362
- overflow: "hidden",
7363
- "&:hover": {
7364
- borderColor: "white.main"
7365
- },
7366
- "&:hover #button-background": {
7367
- position: "absolute",
7368
- top: "0",
7369
- right: "0",
7370
- left: "0",
7371
- bottom: "0",
7372
- borderColor: "white.main",
7373
- backgroundColor: "white.main",
7374
- opacity: ".2"
7375
- }
7372
+ overflow: "hidden"
7376
7373
  }
7377
7374
  }, /*#__PURE__*/React__default['default'].createElement("div", {
7378
7375
  id: "button-background"
7379
7376
  }), /*#__PURE__*/React__default['default'].createElement(LockRoundedIcon__default['default'], {
7380
7377
  sx: {
7381
- color: "white.main",
7378
+ color: "white.override",
7382
7379
  zIndex: "3",
7383
7380
  height: ".8rem",
7384
7381
  position: "relative",
@@ -7415,7 +7412,9 @@
7415
7412
  variantSize = _ref.variantSize,
7416
7413
  handleClickBackground = _ref.handleClickBackground,
7417
7414
  handleClickSave = _ref.handleClickSave,
7418
- handleClickDrag = _ref.handleClickDrag;
7415
+ handleClickDrag = _ref.handleClickDrag,
7416
+ handleClickView = _ref.handleClickView,
7417
+ handleClickUnlock = _ref.handleClickUnlock;
7419
7418
  _ref.handleClickPrimaryAction;
7420
7419
  var handleClickSecondaryAction = _ref.handleClickSecondaryAction,
7421
7420
  primaryActionButton = _ref.primaryActionButton,
@@ -7537,6 +7536,8 @@
7537
7536
  collection: collection,
7538
7537
  variantSize: variantSize,
7539
7538
  handleClickBackground: handleClickBackground,
7539
+ handleClickView: handleClickView,
7540
+ handleClickUnlock: handleClickUnlock,
7540
7541
  handleClickSave: handleClickSave,
7541
7542
  handleClickDrag: handleClickDrag,
7542
7543
  primaryActionButton: primaryActionButton,
@@ -7666,7 +7667,7 @@
7666
7667
  title: "This collection has been removed or hidden"
7667
7668
  }, /*#__PURE__*/React__default['default'].createElement(iconsMaterial.LockRounded, {
7668
7669
  sx: {
7669
- color: "white.main",
7670
+ color: "white.override",
7670
7671
  fontSize: "35px"
7671
7672
  }
7672
7673
  })), /*#__PURE__*/React__default['default'].createElement(LineClamp, null, /*#__PURE__*/React__default['default'].createElement(Text, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blerp/design",
3
- "version": "1.0.30",
3
+ "version": "1.0.31",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {