@thecb/components 7.8.2-beta.3 → 7.8.2-beta.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.cjs.js +7 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +7 -4
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/layouts/Cluster.d.ts +1 -0
- package/src/components/molecules/pagination/Pagination.js +4 -3
- package/src/components/molecules/pagination/index.d.ts +1 -0
package/dist/index.cjs.js
CHANGED
|
@@ -46656,6 +46656,7 @@ var Pagination = function Pagination(_ref3) {
|
|
|
46656
46656
|
pageNext = _ref3.pageNext,
|
|
46657
46657
|
pagePrevious = _ref3.pagePrevious,
|
|
46658
46658
|
setCurrentPage = _ref3.setCurrentPage,
|
|
46659
|
+
ariaLabel = _ref3.ariaLabel,
|
|
46659
46660
|
themeValues = _ref3.themeValues;
|
|
46660
46661
|
|
|
46661
46662
|
var _useContext = React.useContext(styled.ThemeContext),
|
|
@@ -46669,6 +46670,7 @@ var Pagination = function Pagination(_ref3) {
|
|
|
46669
46670
|
overflow: true,
|
|
46670
46671
|
as: "nav",
|
|
46671
46672
|
innerWrapperAs: "ul",
|
|
46673
|
+
"aria-label": ariaLabel,
|
|
46672
46674
|
extraStyles: "> ul { padding: 0px; > li { list-style-type: none; } };"
|
|
46673
46675
|
}, currentPage > 1 ? /*#__PURE__*/React__default.createElement(PrevNextButton, {
|
|
46674
46676
|
action: pagePrevious,
|
|
@@ -46695,10 +46697,10 @@ var Pagination = function Pagination(_ref3) {
|
|
|
46695
46697
|
return item.isButton ? /*#__PURE__*/React__default.createElement(Box, {
|
|
46696
46698
|
padding: "0",
|
|
46697
46699
|
extraStyles: "max-height: ".concat(buttonHeight, ";"),
|
|
46698
|
-
as: "li"
|
|
46700
|
+
as: "li",
|
|
46701
|
+
key: "pagination-button-".concat(item.index)
|
|
46699
46702
|
}, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
|
|
46700
46703
|
variant: "ghost",
|
|
46701
|
-
key: item.index,
|
|
46702
46704
|
text: item.index,
|
|
46703
46705
|
disabled: item.active,
|
|
46704
46706
|
extraDisabledStyles: extraDisabledStyles,
|
|
@@ -46713,11 +46715,12 @@ var Pagination = function Pagination(_ref3) {
|
|
|
46713
46715
|
extraStyles: extraStyles,
|
|
46714
46716
|
dataQa: index
|
|
46715
46717
|
}, item.index)) : /*#__PURE__*/React__default.createElement(Box, {
|
|
46716
|
-
padding: "0 10px"
|
|
46718
|
+
padding: "0 10px",
|
|
46719
|
+
as: "li",
|
|
46720
|
+
key: "pagination-elipsis-".concat(index)
|
|
46717
46721
|
}, /*#__PURE__*/React__default.createElement(Cluster, {
|
|
46718
46722
|
justify: "flex-end"
|
|
46719
46723
|
}, /*#__PURE__*/React__default.createElement(Text$1, {
|
|
46720
|
-
key: index,
|
|
46721
46724
|
variant: "pXL",
|
|
46722
46725
|
weight: fontWeight,
|
|
46723
46726
|
color: numberColor !== null && numberColor !== void 0 ? numberColor : themeValues.numberColor
|