@thecb/components 7.7.4-beta.7 → 7.7.4

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.esm.js CHANGED
@@ -45800,6 +45800,8 @@ var Pagination = function Pagination(_ref3) {
45800
45800
  var _useContext = useContext(ThemeContext),
45801
45801
  isMobile = _useContext.isMobile;
45802
45802
 
45803
+ 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 ");
45804
+ 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 ");
45803
45805
  return /*#__PURE__*/React.createElement(Cluster, {
45804
45806
  justify: "center",
45805
45807
  childGap: childGap
@@ -45832,14 +45834,14 @@ var Pagination = function Pagination(_ref3) {
45832
45834
  key: item.index,
45833
45835
  text: item.index,
45834
45836
  disabled: item.active,
45835
- 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 "),
45837
+ extraDisabledStyles: extraDisabledStyles,
45836
45838
  action: !item.active ? function () {
45837
45839
  return setCurrentPage({
45838
45840
  pageNumber: item.index
45839
45841
  });
45840
45842
  } : noop,
45841
45843
  textExtraStyles: "font-size: ".concat(fontSize, "; font-weight: ").concat(fontWeight, ";"),
45842
- 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 "),
45844
+ extraStyles: extraStyles,
45843
45845
  dataQa: index
45844
45846
  }, item.index)) : /*#__PURE__*/React.createElement(Box, {
45845
45847
  padding: "0 10px"