@thecb/components 10.10.0-beta.1 → 10.10.0
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.d.ts +1 -0
- package/dist/index.esm.js +5 -6
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/sortable-table-heading/SortableTableHeading.js +5 -10
- package/src/components/atoms/sortable-table-heading/SortableTableHeading.stories.js +2 -1
- package/src/components/atoms/sortable-table-heading/index.d.ts +1 -0
- package/src/components/atoms/table/Table.stories.js +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -23645,7 +23645,8 @@ var SortableTableHeading = function SortableTableHeading(_ref) {
|
|
|
23645
23645
|
onSortChange = _ref.onSortChange,
|
|
23646
23646
|
_ref$sortOrder = _ref.sortOrder,
|
|
23647
23647
|
sortOrder = _ref$sortOrder === void 0 ? null : _ref$sortOrder,
|
|
23648
|
-
themeValues = _ref.themeValues
|
|
23648
|
+
themeValues = _ref.themeValues,
|
|
23649
|
+
extraStyles = _ref.extraStyles;
|
|
23649
23650
|
var getCaretColor = function getCaretColor(order) {
|
|
23650
23651
|
if (sortOrder === order) {
|
|
23651
23652
|
return themeValues.activeColor;
|
|
@@ -23653,7 +23654,7 @@ var SortableTableHeading = function SortableTableHeading(_ref) {
|
|
|
23653
23654
|
return themeValues.inactiveColor;
|
|
23654
23655
|
};
|
|
23655
23656
|
return /*#__PURE__*/React__default.createElement(TableHeading, {
|
|
23656
|
-
extraStyles: "cursor: pointer;",
|
|
23657
|
+
extraStyles: "cursor: pointer; ".concat(extraStyles),
|
|
23657
23658
|
onClick: onSortChange,
|
|
23658
23659
|
"aria-controls": ariaControlsId
|
|
23659
23660
|
}, /*#__PURE__*/React__default.createElement(Cluster, {
|
|
@@ -23662,11 +23663,9 @@ var SortableTableHeading = function SortableTableHeading(_ref) {
|
|
|
23662
23663
|
justify: "center",
|
|
23663
23664
|
childGap: "2px"
|
|
23664
23665
|
}, /*#__PURE__*/React__default.createElement(CaretArrowUp$1, {
|
|
23665
|
-
color: getCaretColor("asc")
|
|
23666
|
-
activeColor: themeValues.activeColor
|
|
23666
|
+
color: getCaretColor("asc")
|
|
23667
23667
|
}), /*#__PURE__*/React__default.createElement(CaretArrowDown$1, {
|
|
23668
|
-
color: getCaretColor("desc")
|
|
23669
|
-
activeColor: themeValues.activeColor
|
|
23668
|
+
color: getCaretColor("desc")
|
|
23670
23669
|
}))));
|
|
23671
23670
|
};
|
|
23672
23671
|
var SortableTableHeading$1 = themeComponent(SortableTableHeading, "SortableTableHeading", fallbackValues$f);
|