@thecb/components 7.7.4-beta.6 → 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 +5 -6
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +5 -6
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/pagination/Pagination.js +36 -33
- package/src/components/molecules/pagination/Pagination.theme.js +0 -2
- package/src/components/molecules/pagination/index.d.ts +23 -0
- package/src/components/molecules/pagination/Pagination.new.js +0 -187
package/dist/index.cjs.js
CHANGED
|
@@ -45685,12 +45685,10 @@ var arrowColor = WHITE;
|
|
|
45685
45685
|
var numberColor = MATISSE_BLUE;
|
|
45686
45686
|
var hoverBackgroundColor$2 = ALABASTER_WHITE;
|
|
45687
45687
|
var activeBackgroundColor$1 = WHITE;
|
|
45688
|
-
var activeBorderColor$1 = MATISSE_BLUE;
|
|
45689
45688
|
var activeColor$8 = MATISSE_BLUE;
|
|
45690
45689
|
var fallbackValues$J = {
|
|
45691
45690
|
activeColor: activeColor$8,
|
|
45692
45691
|
activeBackgroundColor: activeBackgroundColor$1,
|
|
45693
|
-
activeBorderColor: activeBorderColor$1,
|
|
45694
45692
|
arrowColor: arrowColor,
|
|
45695
45693
|
hoverBackgroundColor: hoverBackgroundColor$2,
|
|
45696
45694
|
numberColor: numberColor
|
|
@@ -45810,6 +45808,8 @@ var Pagination = function Pagination(_ref3) {
|
|
|
45810
45808
|
var _useContext = React.useContext(styled.ThemeContext),
|
|
45811
45809
|
isMobile = _useContext.isMobile;
|
|
45812
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 ");
|
|
45813
45813
|
return /*#__PURE__*/React__default.createElement(Cluster, {
|
|
45814
45814
|
justify: "center",
|
|
45815
45815
|
childGap: childGap
|
|
@@ -45842,14 +45842,14 @@ var Pagination = function Pagination(_ref3) {
|
|
|
45842
45842
|
key: item.index,
|
|
45843
45843
|
text: item.index,
|
|
45844
45844
|
disabled: item.active,
|
|
45845
|
-
extraDisabledStyles:
|
|
45845
|
+
extraDisabledStyles: extraDisabledStyles,
|
|
45846
45846
|
action: !item.active ? function () {
|
|
45847
45847
|
return setCurrentPage({
|
|
45848
45848
|
pageNumber: item.index
|
|
45849
45849
|
});
|
|
45850
45850
|
} : noop,
|
|
45851
45851
|
textExtraStyles: "font-size: ".concat(fontSize, "; font-weight: ").concat(fontWeight, ";"),
|
|
45852
|
-
extraStyles:
|
|
45852
|
+
extraStyles: extraStyles,
|
|
45853
45853
|
dataQa: index
|
|
45854
45854
|
}, item.index)) : /*#__PURE__*/React__default.createElement(Box, {
|
|
45855
45855
|
padding: "0 10px"
|
|
@@ -45859,8 +45859,7 @@ var Pagination = function Pagination(_ref3) {
|
|
|
45859
45859
|
key: index,
|
|
45860
45860
|
variant: "pXL",
|
|
45861
45861
|
weight: fontWeight,
|
|
45862
|
-
color: numberColor !== null && numberColor !== void 0 ? numberColor : themeValues.numberColor
|
|
45863
|
-
extraStyles: "font-size: ".concat(fontSize)
|
|
45862
|
+
color: numberColor !== null && numberColor !== void 0 ? numberColor : themeValues.numberColor
|
|
45864
45863
|
}, "...")));
|
|
45865
45864
|
}), currentPage < pageCount ? /*#__PURE__*/React__default.createElement(PrevNextButton, {
|
|
45866
45865
|
action: pageNext,
|