@thecb/components 7.7.4-beta.7 → 7.7.4-beta.8
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
CHANGED
|
@@ -45808,6 +45808,8 @@ var Pagination = function Pagination(_ref3) {
|
|
|
45808
45808
|
var _useContext = React.useContext(styled.ThemeContext),
|
|
45809
45809
|
isMobile = _useContext.isMobile;
|
|
45810
45810
|
|
|
45811
|
+
var extraStyles = "\n min-width: ".concat(buttonWidth, "; min-height: 100%; padding: 0;\n border-radius: ").concat(borderRadius, ";\n &:hover, &:focus {\n text-decoration: none;\n > * > span {\n text-decoration: none;\n }\n }\n > * > span {\n color: ").concat(numberColor !== null && numberColor !== void 0 ? numberColor : themeValues.numberColor, "\n }\n margin: 0;\n &:hover {\n background-color: ").concat(themeValues.hoverBackgroundColor, "\n }\n &:focus {\n outline: none\n }\n ");
|
|
45812
|
+
var extraDisabledStyles = "\n border: ".concat(activeBorderWidth, " solid ").concat(numberColor !== null && numberColor !== void 0 ? numberColor : themeValues.numberColor, ";\n color: ").concat(numberColor !== null && numberColor !== void 0 ? numberColor : themeValues.activeColor, ";\n background-color: ").concat(themeValues.activeBackgroundColor, ";\n &:focus {\n box-shadow: none;\n }\n &:hover {\n background-color: initial;\n }\n ");
|
|
45811
45813
|
return /*#__PURE__*/React__default.createElement(Cluster, {
|
|
45812
45814
|
justify: "center",
|
|
45813
45815
|
childGap: childGap
|
|
@@ -45840,14 +45842,14 @@ var Pagination = function Pagination(_ref3) {
|
|
|
45840
45842
|
key: item.index,
|
|
45841
45843
|
text: item.index,
|
|
45842
45844
|
disabled: item.active,
|
|
45843
|
-
extraDisabledStyles:
|
|
45845
|
+
extraDisabledStyles: extraDisabledStyles,
|
|
45844
45846
|
action: !item.active ? function () {
|
|
45845
45847
|
return setCurrentPage({
|
|
45846
45848
|
pageNumber: item.index
|
|
45847
45849
|
});
|
|
45848
45850
|
} : noop,
|
|
45849
45851
|
textExtraStyles: "font-size: ".concat(fontSize, "; font-weight: ").concat(fontWeight, ";"),
|
|
45850
|
-
extraStyles:
|
|
45852
|
+
extraStyles: extraStyles,
|
|
45851
45853
|
dataQa: index
|
|
45852
45854
|
}, item.index)) : /*#__PURE__*/React__default.createElement(Box, {
|
|
45853
45855
|
padding: "0 10px"
|