@blerp/design 1.0.111 → 1.0.112
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/index.cjs.js +10 -7
- package/dist/index.esm.js +10 -7
- package/dist/index.umd.js +10 -7
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -4363,6 +4363,9 @@ var SnackbarProvider = function SnackbarProvider(props) {
|
|
|
4363
4363
|
actionButton: actionButton,
|
|
4364
4364
|
autoHideDuration: autoHideDuration
|
|
4365
4365
|
});
|
|
4366
|
+
setTimeout(function () {
|
|
4367
|
+
setOpen(false);
|
|
4368
|
+
}, autoHideDuration);
|
|
4366
4369
|
};
|
|
4367
4370
|
|
|
4368
4371
|
return /*#__PURE__*/React__default['default'].createElement(SnackbarContext.Provider, {
|
|
@@ -7411,7 +7414,7 @@ var _templateObject$4, _templateObject2, _templateObject3, _templateObject4, _te
|
|
|
7411
7414
|
//primary and secondary action buttons
|
|
7412
7415
|
|
|
7413
7416
|
var YellowHoverBorder = styled__default['default'].div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n height: 105%;\n width: 105%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border: 4px solid rgb(255, 225, 76);\n border-radius: 20px;\n transition: opacity 0.3s ease-in-out;\n /* Opacity should be changed to \"1\" onHover of this component's parent */\n opacity: 0;\n"])));
|
|
7414
|
-
var LineClamp$1 = styled__default['default'].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n max-width:
|
|
7417
|
+
var LineClamp$1 = styled__default['default'].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n max-width: 92%;\n"])));
|
|
7415
7418
|
var TopPill = styled__default['default'].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 32px;\n width: ", ";\n position: absolute;\n top: 8px;\n left: 8px;\n border-radius: 20px;\n overflow: hidden;\n transition: width 0.3s ease-in-out;\n"])), function (props) {
|
|
7416
7419
|
return props.isLocked ? props.collectionHovered ? "90%" : "70%" : "45%";
|
|
7417
7420
|
});
|
|
@@ -7807,7 +7810,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7807
7810
|
textDecoration: "none"
|
|
7808
7811
|
}
|
|
7809
7812
|
}, /*#__PURE__*/React__default['default'].createElement(LineClamp$1, null, /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
7810
|
-
fontSize: fontSize ? fontSize : "
|
|
7813
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
7811
7814
|
color: "white.override",
|
|
7812
7815
|
textAlign: "center",
|
|
7813
7816
|
sx: {
|
|
@@ -7820,7 +7823,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7820
7823
|
sx: {
|
|
7821
7824
|
zIndex: isLocked ? "1" : "3"
|
|
7822
7825
|
},
|
|
7823
|
-
fontSize: fontSize ? fontSize : "
|
|
7826
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
7824
7827
|
color: "white.override",
|
|
7825
7828
|
textAlign: "center"
|
|
7826
7829
|
}, collection === null || collection === void 0 ? void 0 : collection.title)), isLocked ? /*#__PURE__*/React__default['default'].createElement(LockedScrim, {
|
|
@@ -7916,7 +7919,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7916
7919
|
};
|
|
7917
7920
|
|
|
7918
7921
|
var _templateObject$3;
|
|
7919
|
-
var LineClamp = styled__default['default'].div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral__default['default'](["\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n max-width:
|
|
7922
|
+
var LineClamp = styled__default['default'].div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral__default['default'](["\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n max-width: 92%;\n"]))); //on background click
|
|
7920
7923
|
//primary and secondary action buttons
|
|
7921
7924
|
|
|
7922
7925
|
var CollectionCard$1 = function CollectionCard(_ref) {
|
|
@@ -8203,7 +8206,7 @@ var CollectionCard$1 = function CollectionCard(_ref) {
|
|
|
8203
8206
|
fontSize: "35px"
|
|
8204
8207
|
}
|
|
8205
8208
|
})), /*#__PURE__*/React__default['default'].createElement(LineClamp, null, /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
8206
|
-
fontSize: fontSize ? fontSize : "
|
|
8209
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
8207
8210
|
color: "white.override",
|
|
8208
8211
|
textAlign: "center"
|
|
8209
8212
|
}, collection === null || collection === void 0 ? void 0 : collection.title))) : /*#__PURE__*/React__default['default'].createElement(Box, {
|
|
@@ -8269,7 +8272,7 @@ var CollectionCard$1 = function CollectionCard(_ref) {
|
|
|
8269
8272
|
textDecoration: "none"
|
|
8270
8273
|
}
|
|
8271
8274
|
}, /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
8272
|
-
fontSize: fontSize ? fontSize : "
|
|
8275
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
8273
8276
|
color: "white.override",
|
|
8274
8277
|
textAlign: "center",
|
|
8275
8278
|
sx: {
|
|
@@ -8278,7 +8281,7 @@ var CollectionCard$1 = function CollectionCard(_ref) {
|
|
|
8278
8281
|
}
|
|
8279
8282
|
}
|
|
8280
8283
|
}, collection === null || collection === void 0 ? void 0 : collection.title)) : /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
8281
|
-
fontSize: fontSize ? fontSize : "
|
|
8284
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
8282
8285
|
color: "white.override",
|
|
8283
8286
|
textAlign: "center"
|
|
8284
8287
|
}, collection === null || collection === void 0 ? void 0 : collection.title)))) : /*#__PURE__*/React__default['default'].createElement(Box, {
|
package/dist/index.esm.js
CHANGED
|
@@ -4294,6 +4294,9 @@ var SnackbarProvider = function SnackbarProvider(props) {
|
|
|
4294
4294
|
actionButton: actionButton,
|
|
4295
4295
|
autoHideDuration: autoHideDuration
|
|
4296
4296
|
});
|
|
4297
|
+
setTimeout(function () {
|
|
4298
|
+
setOpen(false);
|
|
4299
|
+
}, autoHideDuration);
|
|
4297
4300
|
};
|
|
4298
4301
|
|
|
4299
4302
|
return /*#__PURE__*/React__default.createElement(SnackbarContext.Provider, {
|
|
@@ -7342,7 +7345,7 @@ var _templateObject$4, _templateObject2, _templateObject3, _templateObject4, _te
|
|
|
7342
7345
|
//primary and secondary action buttons
|
|
7343
7346
|
|
|
7344
7347
|
var YellowHoverBorder = styled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n position: absolute;\n height: 105%;\n width: 105%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border: 4px solid rgb(255, 225, 76);\n border-radius: 20px;\n transition: opacity 0.3s ease-in-out;\n /* Opacity should be changed to \"1\" onHover of this component's parent */\n opacity: 0;\n"])));
|
|
7345
|
-
var LineClamp$1 = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n max-width:
|
|
7348
|
+
var LineClamp$1 = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n max-width: 92%;\n"])));
|
|
7346
7349
|
var TopPill = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 32px;\n width: ", ";\n position: absolute;\n top: 8px;\n left: 8px;\n border-radius: 20px;\n overflow: hidden;\n transition: width 0.3s ease-in-out;\n"])), function (props) {
|
|
7347
7350
|
return props.isLocked ? props.collectionHovered ? "90%" : "70%" : "45%";
|
|
7348
7351
|
});
|
|
@@ -7738,7 +7741,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7738
7741
|
textDecoration: "none"
|
|
7739
7742
|
}
|
|
7740
7743
|
}, /*#__PURE__*/React__default.createElement(LineClamp$1, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
7741
|
-
fontSize: fontSize ? fontSize : "
|
|
7744
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
7742
7745
|
color: "white.override",
|
|
7743
7746
|
textAlign: "center",
|
|
7744
7747
|
sx: {
|
|
@@ -7751,7 +7754,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7751
7754
|
sx: {
|
|
7752
7755
|
zIndex: isLocked ? "1" : "3"
|
|
7753
7756
|
},
|
|
7754
|
-
fontSize: fontSize ? fontSize : "
|
|
7757
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
7755
7758
|
color: "white.override",
|
|
7756
7759
|
textAlign: "center"
|
|
7757
7760
|
}, collection === null || collection === void 0 ? void 0 : collection.title)), isLocked ? /*#__PURE__*/React__default.createElement(LockedScrim, {
|
|
@@ -7847,7 +7850,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
|
|
|
7847
7850
|
};
|
|
7848
7851
|
|
|
7849
7852
|
var _templateObject$3;
|
|
7850
|
-
var LineClamp = styled.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n max-width:
|
|
7853
|
+
var LineClamp = styled.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n max-width: 92%;\n"]))); //on background click
|
|
7851
7854
|
//primary and secondary action buttons
|
|
7852
7855
|
|
|
7853
7856
|
var CollectionCard$1 = function CollectionCard(_ref) {
|
|
@@ -8134,7 +8137,7 @@ var CollectionCard$1 = function CollectionCard(_ref) {
|
|
|
8134
8137
|
fontSize: "35px"
|
|
8135
8138
|
}
|
|
8136
8139
|
})), /*#__PURE__*/React__default.createElement(LineClamp, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
8137
|
-
fontSize: fontSize ? fontSize : "
|
|
8140
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
8138
8141
|
color: "white.override",
|
|
8139
8142
|
textAlign: "center"
|
|
8140
8143
|
}, collection === null || collection === void 0 ? void 0 : collection.title))) : /*#__PURE__*/React__default.createElement(Box, {
|
|
@@ -8200,7 +8203,7 @@ var CollectionCard$1 = function CollectionCard(_ref) {
|
|
|
8200
8203
|
textDecoration: "none"
|
|
8201
8204
|
}
|
|
8202
8205
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
8203
|
-
fontSize: fontSize ? fontSize : "
|
|
8206
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
8204
8207
|
color: "white.override",
|
|
8205
8208
|
textAlign: "center",
|
|
8206
8209
|
sx: {
|
|
@@ -8209,7 +8212,7 @@ var CollectionCard$1 = function CollectionCard(_ref) {
|
|
|
8209
8212
|
}
|
|
8210
8213
|
}
|
|
8211
8214
|
}, collection === null || collection === void 0 ? void 0 : collection.title)) : /*#__PURE__*/React__default.createElement(Text, {
|
|
8212
|
-
fontSize: fontSize ? fontSize : "
|
|
8215
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
8213
8216
|
color: "white.override",
|
|
8214
8217
|
textAlign: "center"
|
|
8215
8218
|
}, collection === null || collection === void 0 ? void 0 : collection.title)))) : /*#__PURE__*/React__default.createElement(Box, {
|
package/dist/index.umd.js
CHANGED
|
@@ -4315,6 +4315,9 @@
|
|
|
4315
4315
|
actionButton: actionButton,
|
|
4316
4316
|
autoHideDuration: autoHideDuration
|
|
4317
4317
|
});
|
|
4318
|
+
setTimeout(function () {
|
|
4319
|
+
setOpen(false);
|
|
4320
|
+
}, autoHideDuration);
|
|
4318
4321
|
};
|
|
4319
4322
|
|
|
4320
4323
|
return /*#__PURE__*/React__default['default'].createElement(SnackbarContext.Provider, {
|
|
@@ -7363,7 +7366,7 @@
|
|
|
7363
7366
|
//primary and secondary action buttons
|
|
7364
7367
|
|
|
7365
7368
|
var YellowHoverBorder = styled__default['default'].div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n height: 105%;\n width: 105%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border: 4px solid rgb(255, 225, 76);\n border-radius: 20px;\n transition: opacity 0.3s ease-in-out;\n /* Opacity should be changed to \"1\" onHover of this component's parent */\n opacity: 0;\n"])));
|
|
7366
|
-
var LineClamp$1 = styled__default['default'].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n max-width:
|
|
7369
|
+
var LineClamp$1 = styled__default['default'].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n max-width: 92%;\n"])));
|
|
7367
7370
|
var TopPill = styled__default['default'].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 32px;\n width: ", ";\n position: absolute;\n top: 8px;\n left: 8px;\n border-radius: 20px;\n overflow: hidden;\n transition: width 0.3s ease-in-out;\n"])), function (props) {
|
|
7368
7371
|
return props.isLocked ? props.collectionHovered ? "90%" : "70%" : "45%";
|
|
7369
7372
|
});
|
|
@@ -7759,7 +7762,7 @@
|
|
|
7759
7762
|
textDecoration: "none"
|
|
7760
7763
|
}
|
|
7761
7764
|
}, /*#__PURE__*/React__default['default'].createElement(LineClamp$1, null, /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
7762
|
-
fontSize: fontSize ? fontSize : "
|
|
7765
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
7763
7766
|
color: "white.override",
|
|
7764
7767
|
textAlign: "center",
|
|
7765
7768
|
sx: {
|
|
@@ -7772,7 +7775,7 @@
|
|
|
7772
7775
|
sx: {
|
|
7773
7776
|
zIndex: isLocked ? "1" : "3"
|
|
7774
7777
|
},
|
|
7775
|
-
fontSize: fontSize ? fontSize : "
|
|
7778
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
7776
7779
|
color: "white.override",
|
|
7777
7780
|
textAlign: "center"
|
|
7778
7781
|
}, collection === null || collection === void 0 ? void 0 : collection.title)), isLocked ? /*#__PURE__*/React__default['default'].createElement(LockedScrim, {
|
|
@@ -7868,7 +7871,7 @@
|
|
|
7868
7871
|
};
|
|
7869
7872
|
|
|
7870
7873
|
var _templateObject$3;
|
|
7871
|
-
var LineClamp = styled__default['default'].div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral__default['default'](["\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n max-width:
|
|
7874
|
+
var LineClamp = styled__default['default'].div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral__default['default'](["\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n max-width: 92%;\n"]))); //on background click
|
|
7872
7875
|
//primary and secondary action buttons
|
|
7873
7876
|
|
|
7874
7877
|
var CollectionCard$1 = function CollectionCard(_ref) {
|
|
@@ -8155,7 +8158,7 @@
|
|
|
8155
8158
|
fontSize: "35px"
|
|
8156
8159
|
}
|
|
8157
8160
|
})), /*#__PURE__*/React__default['default'].createElement(LineClamp, null, /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
8158
|
-
fontSize: fontSize ? fontSize : "
|
|
8161
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
8159
8162
|
color: "white.override",
|
|
8160
8163
|
textAlign: "center"
|
|
8161
8164
|
}, collection === null || collection === void 0 ? void 0 : collection.title))) : /*#__PURE__*/React__default['default'].createElement(Box, {
|
|
@@ -8221,7 +8224,7 @@
|
|
|
8221
8224
|
textDecoration: "none"
|
|
8222
8225
|
}
|
|
8223
8226
|
}, /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
8224
|
-
fontSize: fontSize ? fontSize : "
|
|
8227
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
8225
8228
|
color: "white.override",
|
|
8226
8229
|
textAlign: "center",
|
|
8227
8230
|
sx: {
|
|
@@ -8230,7 +8233,7 @@
|
|
|
8230
8233
|
}
|
|
8231
8234
|
}
|
|
8232
8235
|
}, collection === null || collection === void 0 ? void 0 : collection.title)) : /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
8233
|
-
fontSize: fontSize ? fontSize : "
|
|
8236
|
+
fontSize: fontSize ? fontSize : "22px",
|
|
8234
8237
|
color: "white.override",
|
|
8235
8238
|
textAlign: "center"
|
|
8236
8239
|
}, collection === null || collection === void 0 ? void 0 : collection.title)))) : /*#__PURE__*/React__default['default'].createElement(Box, {
|