@blerp/design 1.2.23 → 1.2.24
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 +53 -9
- package/dist/index.esm.js +53 -9
- package/dist/index.umd.js +53 -9
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1782,7 +1782,8 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
|
|
|
1782
1782
|
|
|
1783
1783
|
var item = _ref.item,
|
|
1784
1784
|
active = _ref.active,
|
|
1785
|
-
onOptionClicked = _ref.onOptionClicked
|
|
1785
|
+
onOptionClicked = _ref.onOptionClicked,
|
|
1786
|
+
selectedOption = _ref.selectedOption;
|
|
1786
1787
|
var options = [{
|
|
1787
1788
|
name: "Channel Points",
|
|
1788
1789
|
value: "CHANNEL_POINTS",
|
|
@@ -1846,7 +1847,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
|
|
|
1846
1847
|
pointerEvents: "none"
|
|
1847
1848
|
}
|
|
1848
1849
|
})
|
|
1849
|
-
},
|
|
1850
|
+
}, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name), /*#__PURE__*/React__default['default'].createElement(Popover, {
|
|
1850
1851
|
open: open,
|
|
1851
1852
|
anchorEl: anchor,
|
|
1852
1853
|
anchorOrigin: {
|
|
@@ -1930,11 +1931,12 @@ var AddContentButton = function AddContentButton(_ref2) {
|
|
|
1930
1931
|
var item = _ref2.item,
|
|
1931
1932
|
hovering = _ref2.hovering,
|
|
1932
1933
|
hoveringAddTo = _ref2.hoveringAddTo,
|
|
1933
|
-
setHoveringAddTo = _ref2.setHoveringAddTo
|
|
1934
|
-
_ref2.openPremiumModal
|
|
1935
|
-
|
|
1936
|
-
onPlusClick = _ref2.onPlusClick
|
|
1937
|
-
|
|
1934
|
+
setHoveringAddTo = _ref2.setHoveringAddTo,
|
|
1935
|
+
openPremiumModal = _ref2.openPremiumModal,
|
|
1936
|
+
onOptionClicked = _ref2.onOptionClicked,
|
|
1937
|
+
onPlusClick = _ref2.onPlusClick,
|
|
1938
|
+
selectedOption = _ref2.selectedOption,
|
|
1939
|
+
isUnownedPremium = _ref2.isUnownedPremium;
|
|
1938
1940
|
return /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1939
1941
|
direction: "row",
|
|
1940
1942
|
width: hoveringAddTo ? "100%" : "60%",
|
|
@@ -1951,7 +1953,49 @@ var AddContentButton = function AddContentButton(_ref2) {
|
|
|
1951
1953
|
item: item,
|
|
1952
1954
|
active: hoveringAddTo,
|
|
1953
1955
|
onOptionClicked: onOptionClicked
|
|
1954
|
-
}), /*#__PURE__*/React__default['default'].createElement(IconButton, {
|
|
1956
|
+
}), isUnownedPremium ? /*#__PURE__*/React__default['default'].createElement(IconButton, {
|
|
1957
|
+
sx: {
|
|
1958
|
+
width: "30px",
|
|
1959
|
+
height: "30px",
|
|
1960
|
+
backgroundColor: "white.override",
|
|
1961
|
+
"&:hover .open-lock-icon": {
|
|
1962
|
+
display: "flex !important",
|
|
1963
|
+
opacity: "1 !important"
|
|
1964
|
+
},
|
|
1965
|
+
"&:hover .lock-icon": {
|
|
1966
|
+
display: "none !important",
|
|
1967
|
+
opacity: "0 !important"
|
|
1968
|
+
},
|
|
1969
|
+
"&:hover": {
|
|
1970
|
+
backgroundColor: "grey7.main"
|
|
1971
|
+
}
|
|
1972
|
+
},
|
|
1973
|
+
onClick: function onClick(e) {
|
|
1974
|
+
e.stopPropagation();
|
|
1975
|
+
openPremiumModal();
|
|
1976
|
+
}
|
|
1977
|
+
}, /*#__PURE__*/React__default['default'].createElement(LockRoundedIcon__default['default'], {
|
|
1978
|
+
className: "lock-icon",
|
|
1979
|
+
sx: {
|
|
1980
|
+
transition: "0.3s",
|
|
1981
|
+
color: "notBlack.override",
|
|
1982
|
+
display: "flex",
|
|
1983
|
+
opacity: "1",
|
|
1984
|
+
fontSize: "17px"
|
|
1985
|
+
}
|
|
1986
|
+
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1987
|
+
className: "open-lock-icon",
|
|
1988
|
+
style: {
|
|
1989
|
+
display: "none",
|
|
1990
|
+
opacity: "0"
|
|
1991
|
+
}
|
|
1992
|
+
}, /*#__PURE__*/React__default['default'].createElement(OpenLockIcon, {
|
|
1993
|
+
sx: {
|
|
1994
|
+
transition: "0.3s",
|
|
1995
|
+
color: "notBlack.override",
|
|
1996
|
+
fontSize: "17px"
|
|
1997
|
+
}
|
|
1998
|
+
}))) : /*#__PURE__*/React__default['default'].createElement(IconButton, {
|
|
1955
1999
|
sx: {
|
|
1956
2000
|
width: "30px",
|
|
1957
2001
|
height: "30px",
|
|
@@ -1969,7 +2013,7 @@ var AddContentButton = function AddContentButton(_ref2) {
|
|
|
1969
2013
|
sx: {
|
|
1970
2014
|
transition: "0.3s",
|
|
1971
2015
|
color: "notBlack.override",
|
|
1972
|
-
transform: added
|
|
2016
|
+
transform: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.added) && "rotate(45deg)"
|
|
1973
2017
|
}
|
|
1974
2018
|
})));
|
|
1975
2019
|
};
|
package/dist/index.esm.js
CHANGED
|
@@ -1706,7 +1706,8 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
|
|
|
1706
1706
|
|
|
1707
1707
|
var item = _ref.item,
|
|
1708
1708
|
active = _ref.active,
|
|
1709
|
-
onOptionClicked = _ref.onOptionClicked
|
|
1709
|
+
onOptionClicked = _ref.onOptionClicked,
|
|
1710
|
+
selectedOption = _ref.selectedOption;
|
|
1710
1711
|
var options = [{
|
|
1711
1712
|
name: "Channel Points",
|
|
1712
1713
|
value: "CHANNEL_POINTS",
|
|
@@ -1770,7 +1771,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
|
|
|
1770
1771
|
pointerEvents: "none"
|
|
1771
1772
|
}
|
|
1772
1773
|
})
|
|
1773
|
-
},
|
|
1774
|
+
}, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name), /*#__PURE__*/React__default.createElement(Popover, {
|
|
1774
1775
|
open: open,
|
|
1775
1776
|
anchorEl: anchor,
|
|
1776
1777
|
anchorOrigin: {
|
|
@@ -1854,11 +1855,12 @@ var AddContentButton = function AddContentButton(_ref2) {
|
|
|
1854
1855
|
var item = _ref2.item,
|
|
1855
1856
|
hovering = _ref2.hovering,
|
|
1856
1857
|
hoveringAddTo = _ref2.hoveringAddTo,
|
|
1857
|
-
setHoveringAddTo = _ref2.setHoveringAddTo
|
|
1858
|
-
_ref2.openPremiumModal
|
|
1859
|
-
|
|
1860
|
-
onPlusClick = _ref2.onPlusClick
|
|
1861
|
-
|
|
1858
|
+
setHoveringAddTo = _ref2.setHoveringAddTo,
|
|
1859
|
+
openPremiumModal = _ref2.openPremiumModal,
|
|
1860
|
+
onOptionClicked = _ref2.onOptionClicked,
|
|
1861
|
+
onPlusClick = _ref2.onPlusClick,
|
|
1862
|
+
selectedOption = _ref2.selectedOption,
|
|
1863
|
+
isUnownedPremium = _ref2.isUnownedPremium;
|
|
1862
1864
|
return /*#__PURE__*/React__default.createElement(Stack, {
|
|
1863
1865
|
direction: "row",
|
|
1864
1866
|
width: hoveringAddTo ? "100%" : "60%",
|
|
@@ -1875,7 +1877,49 @@ var AddContentButton = function AddContentButton(_ref2) {
|
|
|
1875
1877
|
item: item,
|
|
1876
1878
|
active: hoveringAddTo,
|
|
1877
1879
|
onOptionClicked: onOptionClicked
|
|
1878
|
-
}), /*#__PURE__*/React__default.createElement(IconButton, {
|
|
1880
|
+
}), isUnownedPremium ? /*#__PURE__*/React__default.createElement(IconButton, {
|
|
1881
|
+
sx: {
|
|
1882
|
+
width: "30px",
|
|
1883
|
+
height: "30px",
|
|
1884
|
+
backgroundColor: "white.override",
|
|
1885
|
+
"&:hover .open-lock-icon": {
|
|
1886
|
+
display: "flex !important",
|
|
1887
|
+
opacity: "1 !important"
|
|
1888
|
+
},
|
|
1889
|
+
"&:hover .lock-icon": {
|
|
1890
|
+
display: "none !important",
|
|
1891
|
+
opacity: "0 !important"
|
|
1892
|
+
},
|
|
1893
|
+
"&:hover": {
|
|
1894
|
+
backgroundColor: "grey7.main"
|
|
1895
|
+
}
|
|
1896
|
+
},
|
|
1897
|
+
onClick: function onClick(e) {
|
|
1898
|
+
e.stopPropagation();
|
|
1899
|
+
openPremiumModal();
|
|
1900
|
+
}
|
|
1901
|
+
}, /*#__PURE__*/React__default.createElement(LockRoundedIcon, {
|
|
1902
|
+
className: "lock-icon",
|
|
1903
|
+
sx: {
|
|
1904
|
+
transition: "0.3s",
|
|
1905
|
+
color: "notBlack.override",
|
|
1906
|
+
display: "flex",
|
|
1907
|
+
opacity: "1",
|
|
1908
|
+
fontSize: "17px"
|
|
1909
|
+
}
|
|
1910
|
+
}), /*#__PURE__*/React__default.createElement("div", {
|
|
1911
|
+
className: "open-lock-icon",
|
|
1912
|
+
style: {
|
|
1913
|
+
display: "none",
|
|
1914
|
+
opacity: "0"
|
|
1915
|
+
}
|
|
1916
|
+
}, /*#__PURE__*/React__default.createElement(OpenLockIcon, {
|
|
1917
|
+
sx: {
|
|
1918
|
+
transition: "0.3s",
|
|
1919
|
+
color: "notBlack.override",
|
|
1920
|
+
fontSize: "17px"
|
|
1921
|
+
}
|
|
1922
|
+
}))) : /*#__PURE__*/React__default.createElement(IconButton, {
|
|
1879
1923
|
sx: {
|
|
1880
1924
|
width: "30px",
|
|
1881
1925
|
height: "30px",
|
|
@@ -1893,7 +1937,7 @@ var AddContentButton = function AddContentButton(_ref2) {
|
|
|
1893
1937
|
sx: {
|
|
1894
1938
|
transition: "0.3s",
|
|
1895
1939
|
color: "notBlack.override",
|
|
1896
|
-
transform: added
|
|
1940
|
+
transform: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.added) && "rotate(45deg)"
|
|
1897
1941
|
}
|
|
1898
1942
|
})));
|
|
1899
1943
|
};
|
package/dist/index.umd.js
CHANGED
|
@@ -1727,7 +1727,8 @@
|
|
|
1727
1727
|
|
|
1728
1728
|
var item = _ref.item,
|
|
1729
1729
|
active = _ref.active,
|
|
1730
|
-
onOptionClicked = _ref.onOptionClicked
|
|
1730
|
+
onOptionClicked = _ref.onOptionClicked,
|
|
1731
|
+
selectedOption = _ref.selectedOption;
|
|
1731
1732
|
var options = [{
|
|
1732
1733
|
name: "Channel Points",
|
|
1733
1734
|
value: "CHANNEL_POINTS",
|
|
@@ -1791,7 +1792,7 @@
|
|
|
1791
1792
|
pointerEvents: "none"
|
|
1792
1793
|
}
|
|
1793
1794
|
})
|
|
1794
|
-
},
|
|
1795
|
+
}, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name), /*#__PURE__*/React__default['default'].createElement(Popover, {
|
|
1795
1796
|
open: open,
|
|
1796
1797
|
anchorEl: anchor,
|
|
1797
1798
|
anchorOrigin: {
|
|
@@ -1875,11 +1876,12 @@
|
|
|
1875
1876
|
var item = _ref2.item,
|
|
1876
1877
|
hovering = _ref2.hovering,
|
|
1877
1878
|
hoveringAddTo = _ref2.hoveringAddTo,
|
|
1878
|
-
setHoveringAddTo = _ref2.setHoveringAddTo
|
|
1879
|
-
_ref2.openPremiumModal
|
|
1880
|
-
|
|
1881
|
-
onPlusClick = _ref2.onPlusClick
|
|
1882
|
-
|
|
1879
|
+
setHoveringAddTo = _ref2.setHoveringAddTo,
|
|
1880
|
+
openPremiumModal = _ref2.openPremiumModal,
|
|
1881
|
+
onOptionClicked = _ref2.onOptionClicked,
|
|
1882
|
+
onPlusClick = _ref2.onPlusClick,
|
|
1883
|
+
selectedOption = _ref2.selectedOption,
|
|
1884
|
+
isUnownedPremium = _ref2.isUnownedPremium;
|
|
1883
1885
|
return /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1884
1886
|
direction: "row",
|
|
1885
1887
|
width: hoveringAddTo ? "100%" : "60%",
|
|
@@ -1896,7 +1898,49 @@
|
|
|
1896
1898
|
item: item,
|
|
1897
1899
|
active: hoveringAddTo,
|
|
1898
1900
|
onOptionClicked: onOptionClicked
|
|
1899
|
-
}), /*#__PURE__*/React__default['default'].createElement(IconButton, {
|
|
1901
|
+
}), isUnownedPremium ? /*#__PURE__*/React__default['default'].createElement(IconButton, {
|
|
1902
|
+
sx: {
|
|
1903
|
+
width: "30px",
|
|
1904
|
+
height: "30px",
|
|
1905
|
+
backgroundColor: "white.override",
|
|
1906
|
+
"&:hover .open-lock-icon": {
|
|
1907
|
+
display: "flex !important",
|
|
1908
|
+
opacity: "1 !important"
|
|
1909
|
+
},
|
|
1910
|
+
"&:hover .lock-icon": {
|
|
1911
|
+
display: "none !important",
|
|
1912
|
+
opacity: "0 !important"
|
|
1913
|
+
},
|
|
1914
|
+
"&:hover": {
|
|
1915
|
+
backgroundColor: "grey7.main"
|
|
1916
|
+
}
|
|
1917
|
+
},
|
|
1918
|
+
onClick: function onClick(e) {
|
|
1919
|
+
e.stopPropagation();
|
|
1920
|
+
openPremiumModal();
|
|
1921
|
+
}
|
|
1922
|
+
}, /*#__PURE__*/React__default['default'].createElement(LockRoundedIcon__default['default'], {
|
|
1923
|
+
className: "lock-icon",
|
|
1924
|
+
sx: {
|
|
1925
|
+
transition: "0.3s",
|
|
1926
|
+
color: "notBlack.override",
|
|
1927
|
+
display: "flex",
|
|
1928
|
+
opacity: "1",
|
|
1929
|
+
fontSize: "17px"
|
|
1930
|
+
}
|
|
1931
|
+
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1932
|
+
className: "open-lock-icon",
|
|
1933
|
+
style: {
|
|
1934
|
+
display: "none",
|
|
1935
|
+
opacity: "0"
|
|
1936
|
+
}
|
|
1937
|
+
}, /*#__PURE__*/React__default['default'].createElement(OpenLockIcon, {
|
|
1938
|
+
sx: {
|
|
1939
|
+
transition: "0.3s",
|
|
1940
|
+
color: "notBlack.override",
|
|
1941
|
+
fontSize: "17px"
|
|
1942
|
+
}
|
|
1943
|
+
}))) : /*#__PURE__*/React__default['default'].createElement(IconButton, {
|
|
1900
1944
|
sx: {
|
|
1901
1945
|
width: "30px",
|
|
1902
1946
|
height: "30px",
|
|
@@ -1914,7 +1958,7 @@
|
|
|
1914
1958
|
sx: {
|
|
1915
1959
|
transition: "0.3s",
|
|
1916
1960
|
color: "notBlack.override",
|
|
1917
|
-
transform: added
|
|
1961
|
+
transform: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.added) && "rotate(45deg)"
|
|
1918
1962
|
}
|
|
1919
1963
|
})));
|
|
1920
1964
|
};
|