@blerp/design 1.0.205 → 1.0.207
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 +15 -19
- package/dist/index.esm.js +15 -19
- package/dist/index.umd.js +15 -19
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1556,39 +1556,34 @@ Blerp$1.propTypes = {
|
|
|
1556
1556
|
handleClickTitle: PropTypes__default['default'].func.isRequired
|
|
1557
1557
|
};
|
|
1558
1558
|
|
|
1559
|
-
var _templateObject$e, _templateObject2$9, _templateObject3$8, _templateObject4$6, _templateObject5$4, _templateObject6$4, _templateObject7$2
|
|
1559
|
+
var _templateObject$e, _templateObject2$9, _templateObject3$8, _templateObject4$6, _templateObject5$4, _templateObject6$4, _templateObject7$2;
|
|
1560
1560
|
var BlerpImage$1 = styled__default['default'].div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral__default['default'](["\n height: 150px;\n width: 150px;\n background-image: url(", ");\n background-size: cover;\n border-radius: 50%;\n position: relative;\n transition: 0.2s;\n\n &:hover {\n transform: scale(1.1);\n }\n"])), function (props) {
|
|
1561
1561
|
return props.url;
|
|
1562
1562
|
});
|
|
1563
|
-
|
|
1564
|
-
styled__default['default'].div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n
|
|
1565
|
-
return props.theme.colors.notBlack;
|
|
1566
|
-
}, function (props) {
|
|
1567
|
-
return props.theme.colors.notBlack;
|
|
1568
|
-
}, zoomIn$1);
|
|
1569
|
-
var SaveContainer$1 = styled__default['default'].div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral__default['default'](["\n /* position: absolute; */\n top: 0;\n right: 0;\n width: 25px;\n height: 25px;\n opacity: 1;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: 0.3s;\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n\n &:hover svg {\n color: ", ";\n }\n"])), function (props) {
|
|
1563
|
+
styled.keyframes(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral__default['default'](["\n 0% {\n transform: scale(0);\n }\n\n 100%{\n transform: scale(1);\n }\n"])));
|
|
1564
|
+
var SaveContainer$1 = styled__default['default'].div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n /* position: absolute; */\n top: 0;\n right: 0;\n width: 25px;\n height: 25px;\n opacity: 1;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: 0.3s;\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n\n &:hover svg {\n color: ", ";\n }\n"])), function (props) {
|
|
1570
1565
|
return "".concat(props.theme.colors.notBlack, "8a");
|
|
1571
1566
|
}, function (props) {
|
|
1572
1567
|
return props.theme.colors.seafoam;
|
|
1573
1568
|
}, function (props) {
|
|
1574
|
-
return props.theme.colors.
|
|
1569
|
+
return props.theme.colors.override;
|
|
1575
1570
|
});
|
|
1576
|
-
var BlerpImageScrim$1 = styled__default['default'].div(
|
|
1571
|
+
var BlerpImageScrim$1 = styled__default['default'].div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral__default['default'](["\n height: 150px;\n width: 150px;\n background-color: ", "10;\n /* position: absolute; */\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n transition: 0.4s;\n\n &:hover {\n background-color: ", "98;\n }\n"])), function (props) {
|
|
1577
1572
|
return props.theme.colors.notBlackOverride;
|
|
1578
1573
|
}, function (props) {
|
|
1579
1574
|
return props.theme.colors.notBlackOverride;
|
|
1580
1575
|
});
|
|
1581
|
-
var PremiumPill = styled__default['default'].div(
|
|
1576
|
+
var PremiumPill = styled__default['default'].div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border-radius: 20px;\n height: 25px;\n width: 75px;\n padding: 0 4px;\n margin: 0 0 0 8px;\n cursor: pointer;\n\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n"])), function (props) {
|
|
1582
1577
|
return props.isLocked ? "".concat(props.theme.colors.notBlack, "8a") : "".concat(props.theme.colors.notBlack, "9a");
|
|
1583
1578
|
}, function (props) {
|
|
1584
1579
|
return props.theme.colors.seafoam;
|
|
1585
1580
|
});
|
|
1586
|
-
styled__default['default'].div(
|
|
1581
|
+
styled__default['default'].div(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral__default['default'](["\n border-radius: 50%;\n width: 30px;\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 8px;\n transition: 0.2s;\n margin-right: 0;\n cursor: pointer;\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n"])), function (props) {
|
|
1587
1582
|
return props.active ? props.theme.colors.ibisRed : props.theme.colors.grey5;
|
|
1588
1583
|
}, function (props) {
|
|
1589
1584
|
return props.theme.colors.ibisRed;
|
|
1590
1585
|
});
|
|
1591
|
-
styled__default['default'].div(
|
|
1586
|
+
styled__default['default'].div(_templateObject7$2 || (_templateObject7$2 = _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"])));
|
|
1592
1587
|
var BlerpListViewPremium$1 = function BlerpListViewPremium(_ref) {
|
|
1593
1588
|
var _bite$image, _bite$image$original, _bite$image2, _bite$image2$original;
|
|
1594
1589
|
|
|
@@ -1884,7 +1879,7 @@ var BlerpListViewPremium$1 = function BlerpListViewPremium(_ref) {
|
|
|
1884
1879
|
position: "relative",
|
|
1885
1880
|
top: "1px",
|
|
1886
1881
|
"& svg": {
|
|
1887
|
-
color: "white.
|
|
1882
|
+
color: "white.override"
|
|
1888
1883
|
}
|
|
1889
1884
|
}
|
|
1890
1885
|
}, /*#__PURE__*/React__default['default'].createElement(Tooltip, {
|
|
@@ -1913,12 +1908,12 @@ var BlerpListViewPremium$1 = function BlerpListViewPremium(_ref) {
|
|
|
1913
1908
|
sx: {
|
|
1914
1909
|
width: "16px",
|
|
1915
1910
|
marginRight: "4px",
|
|
1916
|
-
color: "white.
|
|
1911
|
+
color: "white.override"
|
|
1917
1912
|
}
|
|
1918
1913
|
}), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
1919
1914
|
sx: {
|
|
1920
1915
|
marginRight: "4px",
|
|
1921
|
-
color: "white.
|
|
1916
|
+
color: "white.override",
|
|
1922
1917
|
fontSize: "12px"
|
|
1923
1918
|
}
|
|
1924
1919
|
}, "Premium")), secondaryActionButton || bite !== null && bite !== void 0 && bite.saved ? /*#__PURE__*/React__default['default'].createElement(IconButton, {
|
|
@@ -1940,7 +1935,7 @@ var BlerpListViewPremium$1 = function BlerpListViewPremium(_ref) {
|
|
|
1940
1935
|
backgroundColor: "seafoam.main"
|
|
1941
1936
|
},
|
|
1942
1937
|
":hover svg": {
|
|
1943
|
-
color: "white.
|
|
1938
|
+
color: "white.override"
|
|
1944
1939
|
}
|
|
1945
1940
|
}
|
|
1946
1941
|
}, /*#__PURE__*/React__default['default'].createElement(BookmarkOutlinedIcon__default['default'], {
|
|
@@ -1965,7 +1960,7 @@ var BlerpListViewPremium$1 = function BlerpListViewPremium(_ref) {
|
|
|
1965
1960
|
backgroundColor: "seafoam.main"
|
|
1966
1961
|
},
|
|
1967
1962
|
":hover svg": {
|
|
1968
|
-
color: "white.
|
|
1963
|
+
color: "white.override"
|
|
1969
1964
|
}
|
|
1970
1965
|
}
|
|
1971
1966
|
}, /*#__PURE__*/React__default['default'].createElement(BookmarkAddOutlinedIcon__default['default'], {
|
|
@@ -2767,6 +2762,7 @@ var overrideColors = {
|
|
|
2767
2762
|
waxwingOverride: colors.waxwing,
|
|
2768
2763
|
grey1Override: colors.grey1,
|
|
2769
2764
|
grey2Override: colors.grey2,
|
|
2765
|
+
grey2DarkRealOverride: colors.grey2DarkReal,
|
|
2770
2766
|
grey3Override: colors.grey3,
|
|
2771
2767
|
grey4Override: colors.grey4,
|
|
2772
2768
|
grey5Override: colors.grey5,
|
|
@@ -2789,7 +2785,7 @@ var overrideColors = {
|
|
|
2789
2785
|
var lightColors = _objectSpread$5(_objectSpread$5({}, colors), overrideColors);
|
|
2790
2786
|
var darkColors = _objectSpread$5({
|
|
2791
2787
|
white: colors.black,
|
|
2792
|
-
waxwing: colors.
|
|
2788
|
+
waxwing: colors.grey8Dark,
|
|
2793
2789
|
grey1: colors.grey1Dark,
|
|
2794
2790
|
grey2: colors.grey2Dark,
|
|
2795
2791
|
grey3: colors.grey3Dark,
|
package/dist/index.esm.js
CHANGED
|
@@ -1487,39 +1487,34 @@ Blerp$1.propTypes = {
|
|
|
1487
1487
|
handleClickTitle: PropTypes.func.isRequired
|
|
1488
1488
|
};
|
|
1489
1489
|
|
|
1490
|
-
var _templateObject$e, _templateObject2$9, _templateObject3$8, _templateObject4$6, _templateObject5$4, _templateObject6$4, _templateObject7$2
|
|
1490
|
+
var _templateObject$e, _templateObject2$9, _templateObject3$8, _templateObject4$6, _templateObject5$4, _templateObject6$4, _templateObject7$2;
|
|
1491
1491
|
var BlerpImage$1 = styled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n height: 150px;\n width: 150px;\n background-image: url(", ");\n background-size: cover;\n border-radius: 50%;\n position: relative;\n transition: 0.2s;\n\n &:hover {\n transform: scale(1.1);\n }\n"])), function (props) {
|
|
1492
1492
|
return props.url;
|
|
1493
1493
|
});
|
|
1494
|
-
|
|
1495
|
-
styled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n
|
|
1496
|
-
return props.theme.colors.notBlack;
|
|
1497
|
-
}, function (props) {
|
|
1498
|
-
return props.theme.colors.notBlack;
|
|
1499
|
-
}, zoomIn$1);
|
|
1500
|
-
var SaveContainer$1 = styled.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n /* position: absolute; */\n top: 0;\n right: 0;\n width: 25px;\n height: 25px;\n opacity: 1;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: 0.3s;\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n\n &:hover svg {\n color: ", ";\n }\n"])), function (props) {
|
|
1494
|
+
keyframes(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n 0% {\n transform: scale(0);\n }\n\n 100%{\n transform: scale(1);\n }\n"])));
|
|
1495
|
+
var SaveContainer$1 = styled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n /* position: absolute; */\n top: 0;\n right: 0;\n width: 25px;\n height: 25px;\n opacity: 1;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: 0.3s;\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n\n &:hover svg {\n color: ", ";\n }\n"])), function (props) {
|
|
1501
1496
|
return "".concat(props.theme.colors.notBlack, "8a");
|
|
1502
1497
|
}, function (props) {
|
|
1503
1498
|
return props.theme.colors.seafoam;
|
|
1504
1499
|
}, function (props) {
|
|
1505
|
-
return props.theme.colors.
|
|
1500
|
+
return props.theme.colors.override;
|
|
1506
1501
|
});
|
|
1507
|
-
var BlerpImageScrim$1 = styled.div(
|
|
1502
|
+
var BlerpImageScrim$1 = styled.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n height: 150px;\n width: 150px;\n background-color: ", "10;\n /* position: absolute; */\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n transition: 0.4s;\n\n &:hover {\n background-color: ", "98;\n }\n"])), function (props) {
|
|
1508
1503
|
return props.theme.colors.notBlackOverride;
|
|
1509
1504
|
}, function (props) {
|
|
1510
1505
|
return props.theme.colors.notBlackOverride;
|
|
1511
1506
|
});
|
|
1512
|
-
var PremiumPill = styled.div(
|
|
1507
|
+
var PremiumPill = styled.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border-radius: 20px;\n height: 25px;\n width: 75px;\n padding: 0 4px;\n margin: 0 0 0 8px;\n cursor: pointer;\n\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n"])), function (props) {
|
|
1513
1508
|
return props.isLocked ? "".concat(props.theme.colors.notBlack, "8a") : "".concat(props.theme.colors.notBlack, "9a");
|
|
1514
1509
|
}, function (props) {
|
|
1515
1510
|
return props.theme.colors.seafoam;
|
|
1516
1511
|
});
|
|
1517
|
-
styled.div(
|
|
1512
|
+
styled.div(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral(["\n border-radius: 50%;\n width: 30px;\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 8px;\n transition: 0.2s;\n margin-right: 0;\n cursor: pointer;\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n"])), function (props) {
|
|
1518
1513
|
return props.active ? props.theme.colors.ibisRed : props.theme.colors.grey5;
|
|
1519
1514
|
}, function (props) {
|
|
1520
1515
|
return props.theme.colors.ibisRed;
|
|
1521
1516
|
});
|
|
1522
|
-
styled.div(
|
|
1517
|
+
styled.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral(["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin: 5px 0;\n"])));
|
|
1523
1518
|
var BlerpListViewPremium$1 = function BlerpListViewPremium(_ref) {
|
|
1524
1519
|
var _bite$image, _bite$image$original, _bite$image2, _bite$image2$original;
|
|
1525
1520
|
|
|
@@ -1815,7 +1810,7 @@ var BlerpListViewPremium$1 = function BlerpListViewPremium(_ref) {
|
|
|
1815
1810
|
position: "relative",
|
|
1816
1811
|
top: "1px",
|
|
1817
1812
|
"& svg": {
|
|
1818
|
-
color: "white.
|
|
1813
|
+
color: "white.override"
|
|
1819
1814
|
}
|
|
1820
1815
|
}
|
|
1821
1816
|
}, /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
@@ -1844,12 +1839,12 @@ var BlerpListViewPremium$1 = function BlerpListViewPremium(_ref) {
|
|
|
1844
1839
|
sx: {
|
|
1845
1840
|
width: "16px",
|
|
1846
1841
|
marginRight: "4px",
|
|
1847
|
-
color: "white.
|
|
1842
|
+
color: "white.override"
|
|
1848
1843
|
}
|
|
1849
1844
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
1850
1845
|
sx: {
|
|
1851
1846
|
marginRight: "4px",
|
|
1852
|
-
color: "white.
|
|
1847
|
+
color: "white.override",
|
|
1853
1848
|
fontSize: "12px"
|
|
1854
1849
|
}
|
|
1855
1850
|
}, "Premium")), secondaryActionButton || bite !== null && bite !== void 0 && bite.saved ? /*#__PURE__*/React__default.createElement(IconButton, {
|
|
@@ -1871,7 +1866,7 @@ var BlerpListViewPremium$1 = function BlerpListViewPremium(_ref) {
|
|
|
1871
1866
|
backgroundColor: "seafoam.main"
|
|
1872
1867
|
},
|
|
1873
1868
|
":hover svg": {
|
|
1874
|
-
color: "white.
|
|
1869
|
+
color: "white.override"
|
|
1875
1870
|
}
|
|
1876
1871
|
}
|
|
1877
1872
|
}, /*#__PURE__*/React__default.createElement(BookmarkOutlinedIcon, {
|
|
@@ -1896,7 +1891,7 @@ var BlerpListViewPremium$1 = function BlerpListViewPremium(_ref) {
|
|
|
1896
1891
|
backgroundColor: "seafoam.main"
|
|
1897
1892
|
},
|
|
1898
1893
|
":hover svg": {
|
|
1899
|
-
color: "white.
|
|
1894
|
+
color: "white.override"
|
|
1900
1895
|
}
|
|
1901
1896
|
}
|
|
1902
1897
|
}, /*#__PURE__*/React__default.createElement(BookmarkAddOutlinedIcon, {
|
|
@@ -2698,6 +2693,7 @@ var overrideColors = {
|
|
|
2698
2693
|
waxwingOverride: colors.waxwing,
|
|
2699
2694
|
grey1Override: colors.grey1,
|
|
2700
2695
|
grey2Override: colors.grey2,
|
|
2696
|
+
grey2DarkRealOverride: colors.grey2DarkReal,
|
|
2701
2697
|
grey3Override: colors.grey3,
|
|
2702
2698
|
grey4Override: colors.grey4,
|
|
2703
2699
|
grey5Override: colors.grey5,
|
|
@@ -2720,7 +2716,7 @@ var overrideColors = {
|
|
|
2720
2716
|
var lightColors = _objectSpread$5(_objectSpread$5({}, colors), overrideColors);
|
|
2721
2717
|
var darkColors = _objectSpread$5({
|
|
2722
2718
|
white: colors.black,
|
|
2723
|
-
waxwing: colors.
|
|
2719
|
+
waxwing: colors.grey8Dark,
|
|
2724
2720
|
grey1: colors.grey1Dark,
|
|
2725
2721
|
grey2: colors.grey2Dark,
|
|
2726
2722
|
grey3: colors.grey3Dark,
|
package/dist/index.umd.js
CHANGED
|
@@ -1508,39 +1508,34 @@
|
|
|
1508
1508
|
handleClickTitle: PropTypes__default['default'].func.isRequired
|
|
1509
1509
|
};
|
|
1510
1510
|
|
|
1511
|
-
var _templateObject$e, _templateObject2$9, _templateObject3$8, _templateObject4$6, _templateObject5$4, _templateObject6$4, _templateObject7$2
|
|
1511
|
+
var _templateObject$e, _templateObject2$9, _templateObject3$8, _templateObject4$6, _templateObject5$4, _templateObject6$4, _templateObject7$2;
|
|
1512
1512
|
var BlerpImage$1 = styled__default['default'].div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral__default['default'](["\n height: 150px;\n width: 150px;\n background-image: url(", ");\n background-size: cover;\n border-radius: 50%;\n position: relative;\n transition: 0.2s;\n\n &:hover {\n transform: scale(1.1);\n }\n"])), function (props) {
|
|
1513
1513
|
return props.url;
|
|
1514
1514
|
});
|
|
1515
|
-
|
|
1516
|
-
styled__default['default'].div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n
|
|
1517
|
-
return props.theme.colors.notBlack;
|
|
1518
|
-
}, function (props) {
|
|
1519
|
-
return props.theme.colors.notBlack;
|
|
1520
|
-
}, zoomIn$1);
|
|
1521
|
-
var SaveContainer$1 = styled__default['default'].div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral__default['default'](["\n /* position: absolute; */\n top: 0;\n right: 0;\n width: 25px;\n height: 25px;\n opacity: 1;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: 0.3s;\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n\n &:hover svg {\n color: ", ";\n }\n"])), function (props) {
|
|
1515
|
+
styled.keyframes(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral__default['default'](["\n 0% {\n transform: scale(0);\n }\n\n 100%{\n transform: scale(1);\n }\n"])));
|
|
1516
|
+
var SaveContainer$1 = styled__default['default'].div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n /* position: absolute; */\n top: 0;\n right: 0;\n width: 25px;\n height: 25px;\n opacity: 1;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: 0.3s;\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n\n &:hover svg {\n color: ", ";\n }\n"])), function (props) {
|
|
1522
1517
|
return "".concat(props.theme.colors.notBlack, "8a");
|
|
1523
1518
|
}, function (props) {
|
|
1524
1519
|
return props.theme.colors.seafoam;
|
|
1525
1520
|
}, function (props) {
|
|
1526
|
-
return props.theme.colors.
|
|
1521
|
+
return props.theme.colors.override;
|
|
1527
1522
|
});
|
|
1528
|
-
var BlerpImageScrim$1 = styled__default['default'].div(
|
|
1523
|
+
var BlerpImageScrim$1 = styled__default['default'].div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral__default['default'](["\n height: 150px;\n width: 150px;\n background-color: ", "10;\n /* position: absolute; */\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n transition: 0.4s;\n\n &:hover {\n background-color: ", "98;\n }\n"])), function (props) {
|
|
1529
1524
|
return props.theme.colors.notBlackOverride;
|
|
1530
1525
|
}, function (props) {
|
|
1531
1526
|
return props.theme.colors.notBlackOverride;
|
|
1532
1527
|
});
|
|
1533
|
-
var PremiumPill = styled__default['default'].div(
|
|
1528
|
+
var PremiumPill = styled__default['default'].div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n border-radius: 20px;\n height: 25px;\n width: 75px;\n padding: 0 4px;\n margin: 0 0 0 8px;\n cursor: pointer;\n\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n"])), function (props) {
|
|
1534
1529
|
return props.isLocked ? "".concat(props.theme.colors.notBlack, "8a") : "".concat(props.theme.colors.notBlack, "9a");
|
|
1535
1530
|
}, function (props) {
|
|
1536
1531
|
return props.theme.colors.seafoam;
|
|
1537
1532
|
});
|
|
1538
|
-
styled__default['default'].div(
|
|
1533
|
+
styled__default['default'].div(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral__default['default'](["\n border-radius: 50%;\n width: 30px;\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 8px;\n transition: 0.2s;\n margin-right: 0;\n cursor: pointer;\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n"])), function (props) {
|
|
1539
1534
|
return props.active ? props.theme.colors.ibisRed : props.theme.colors.grey5;
|
|
1540
1535
|
}, function (props) {
|
|
1541
1536
|
return props.theme.colors.ibisRed;
|
|
1542
1537
|
});
|
|
1543
|
-
styled__default['default'].div(
|
|
1538
|
+
styled__default['default'].div(_templateObject7$2 || (_templateObject7$2 = _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"])));
|
|
1544
1539
|
var BlerpListViewPremium$1 = function BlerpListViewPremium(_ref) {
|
|
1545
1540
|
var _bite$image, _bite$image$original, _bite$image2, _bite$image2$original;
|
|
1546
1541
|
|
|
@@ -1836,7 +1831,7 @@
|
|
|
1836
1831
|
position: "relative",
|
|
1837
1832
|
top: "1px",
|
|
1838
1833
|
"& svg": {
|
|
1839
|
-
color: "white.
|
|
1834
|
+
color: "white.override"
|
|
1840
1835
|
}
|
|
1841
1836
|
}
|
|
1842
1837
|
}, /*#__PURE__*/React__default['default'].createElement(Tooltip, {
|
|
@@ -1865,12 +1860,12 @@
|
|
|
1865
1860
|
sx: {
|
|
1866
1861
|
width: "16px",
|
|
1867
1862
|
marginRight: "4px",
|
|
1868
|
-
color: "white.
|
|
1863
|
+
color: "white.override"
|
|
1869
1864
|
}
|
|
1870
1865
|
}), /*#__PURE__*/React__default['default'].createElement(Text, {
|
|
1871
1866
|
sx: {
|
|
1872
1867
|
marginRight: "4px",
|
|
1873
|
-
color: "white.
|
|
1868
|
+
color: "white.override",
|
|
1874
1869
|
fontSize: "12px"
|
|
1875
1870
|
}
|
|
1876
1871
|
}, "Premium")), secondaryActionButton || bite !== null && bite !== void 0 && bite.saved ? /*#__PURE__*/React__default['default'].createElement(IconButton, {
|
|
@@ -1892,7 +1887,7 @@
|
|
|
1892
1887
|
backgroundColor: "seafoam.main"
|
|
1893
1888
|
},
|
|
1894
1889
|
":hover svg": {
|
|
1895
|
-
color: "white.
|
|
1890
|
+
color: "white.override"
|
|
1896
1891
|
}
|
|
1897
1892
|
}
|
|
1898
1893
|
}, /*#__PURE__*/React__default['default'].createElement(BookmarkOutlinedIcon__default['default'], {
|
|
@@ -1917,7 +1912,7 @@
|
|
|
1917
1912
|
backgroundColor: "seafoam.main"
|
|
1918
1913
|
},
|
|
1919
1914
|
":hover svg": {
|
|
1920
|
-
color: "white.
|
|
1915
|
+
color: "white.override"
|
|
1921
1916
|
}
|
|
1922
1917
|
}
|
|
1923
1918
|
}, /*#__PURE__*/React__default['default'].createElement(BookmarkAddOutlinedIcon__default['default'], {
|
|
@@ -2719,6 +2714,7 @@
|
|
|
2719
2714
|
waxwingOverride: colors.waxwing,
|
|
2720
2715
|
grey1Override: colors.grey1,
|
|
2721
2716
|
grey2Override: colors.grey2,
|
|
2717
|
+
grey2DarkRealOverride: colors.grey2DarkReal,
|
|
2722
2718
|
grey3Override: colors.grey3,
|
|
2723
2719
|
grey4Override: colors.grey4,
|
|
2724
2720
|
grey5Override: colors.grey5,
|
|
@@ -2741,7 +2737,7 @@
|
|
|
2741
2737
|
var lightColors = _objectSpread$5(_objectSpread$5({}, colors), overrideColors);
|
|
2742
2738
|
var darkColors = _objectSpread$5({
|
|
2743
2739
|
white: colors.black,
|
|
2744
|
-
waxwing: colors.
|
|
2740
|
+
waxwing: colors.grey8Dark,
|
|
2745
2741
|
grey1: colors.grey1Dark,
|
|
2746
2742
|
grey2: colors.grey2Dark,
|
|
2747
2743
|
grey3: colors.grey3Dark,
|