@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.d.ts
CHANGED
package/dist/index.esm.js
CHANGED
|
@@ -46648,6 +46648,7 @@ var Pagination = function Pagination(_ref3) {
|
|
|
46648
46648
|
pageNext = _ref3.pageNext,
|
|
46649
46649
|
pagePrevious = _ref3.pagePrevious,
|
|
46650
46650
|
setCurrentPage = _ref3.setCurrentPage,
|
|
46651
|
+
ariaLabel = _ref3.ariaLabel,
|
|
46651
46652
|
themeValues = _ref3.themeValues;
|
|
46652
46653
|
|
|
46653
46654
|
var _useContext = useContext(ThemeContext),
|
|
@@ -46661,6 +46662,7 @@ var Pagination = function Pagination(_ref3) {
|
|
|
46661
46662
|
overflow: true,
|
|
46662
46663
|
as: "nav",
|
|
46663
46664
|
innerWrapperAs: "ul",
|
|
46665
|
+
"aria-label": ariaLabel,
|
|
46664
46666
|
extraStyles: "> ul { padding: 0px; > li { list-style-type: none; } };"
|
|
46665
46667
|
}, currentPage > 1 ? /*#__PURE__*/React.createElement(PrevNextButton, {
|
|
46666
46668
|
action: pagePrevious,
|
|
@@ -46687,10 +46689,10 @@ var Pagination = function Pagination(_ref3) {
|
|
|
46687
46689
|
return item.isButton ? /*#__PURE__*/React.createElement(Box, {
|
|
46688
46690
|
padding: "0",
|
|
46689
46691
|
extraStyles: "max-height: ".concat(buttonHeight, ";"),
|
|
46690
|
-
as: "li"
|
|
46692
|
+
as: "li",
|
|
46693
|
+
key: "pagination-button-".concat(item.index)
|
|
46691
46694
|
}, /*#__PURE__*/React.createElement(ButtonWithAction, {
|
|
46692
46695
|
variant: "ghost",
|
|
46693
|
-
key: item.index,
|
|
46694
46696
|
text: item.index,
|
|
46695
46697
|
disabled: item.active,
|
|
46696
46698
|
extraDisabledStyles: extraDisabledStyles,
|
|
@@ -46705,11 +46707,12 @@ var Pagination = function Pagination(_ref3) {
|
|
|
46705
46707
|
extraStyles: extraStyles,
|
|
46706
46708
|
dataQa: index
|
|
46707
46709
|
}, item.index)) : /*#__PURE__*/React.createElement(Box, {
|
|
46708
|
-
padding: "0 10px"
|
|
46710
|
+
padding: "0 10px",
|
|
46711
|
+
as: "li",
|
|
46712
|
+
key: "pagination-elipsis-".concat(index)
|
|
46709
46713
|
}, /*#__PURE__*/React.createElement(Cluster, {
|
|
46710
46714
|
justify: "flex-end"
|
|
46711
46715
|
}, /*#__PURE__*/React.createElement(Text$1, {
|
|
46712
|
-
key: index,
|
|
46713
46716
|
variant: "pXL",
|
|
46714
46717
|
weight: fontWeight,
|
|
46715
46718
|
color: numberColor !== null && numberColor !== void 0 ? numberColor : themeValues.numberColor
|