@thecb/components 7.7.4-beta.6 → 7.7.4-beta.7
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 +3 -6
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +3 -6
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/pagination/Pagination.js +0 -1
- 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
|
|
@@ -45842,14 +45840,14 @@ var Pagination = function Pagination(_ref3) {
|
|
|
45842
45840
|
key: item.index,
|
|
45843
45841
|
text: item.index,
|
|
45844
45842
|
disabled: item.active,
|
|
45845
|
-
extraDisabledStyles: "\n
|
|
45843
|
+
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 "),
|
|
45846
45844
|
action: !item.active ? function () {
|
|
45847
45845
|
return setCurrentPage({
|
|
45848
45846
|
pageNumber: item.index
|
|
45849
45847
|
});
|
|
45850
45848
|
} : noop,
|
|
45851
45849
|
textExtraStyles: "font-size: ".concat(fontSize, "; font-weight: ").concat(fontWeight, ";"),
|
|
45852
|
-
extraStyles: "\n
|
|
45850
|
+
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 "),
|
|
45853
45851
|
dataQa: index
|
|
45854
45852
|
}, item.index)) : /*#__PURE__*/React__default.createElement(Box, {
|
|
45855
45853
|
padding: "0 10px"
|
|
@@ -45859,8 +45857,7 @@ var Pagination = function Pagination(_ref3) {
|
|
|
45859
45857
|
key: index,
|
|
45860
45858
|
variant: "pXL",
|
|
45861
45859
|
weight: fontWeight,
|
|
45862
|
-
color: numberColor !== null && numberColor !== void 0 ? numberColor : themeValues.numberColor
|
|
45863
|
-
extraStyles: "font-size: ".concat(fontSize)
|
|
45860
|
+
color: numberColor !== null && numberColor !== void 0 ? numberColor : themeValues.numberColor
|
|
45864
45861
|
}, "...")));
|
|
45865
45862
|
}), currentPage < pageCount ? /*#__PURE__*/React__default.createElement(PrevNextButton, {
|
|
45866
45863
|
action: pageNext,
|