@thecb/components 7.7.3-beta.1 → 7.7.3-beta.3
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 +61 -14
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +77 -27
- package/dist/index.esm.js +60 -14
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/index.d.ts +2 -1
- package/src/components/atoms/table/Table.styled.js +1 -0
- package/src/components/atoms/table/TableCell.styled.js +3 -3
- package/src/components/atoms/table/TableHead.styled.js +1 -1
- package/src/components/atoms/table/TableHeading.styled.js +2 -2
- package/src/components/atoms/table/TableRow.js +1 -0
- package/src/components/atoms/table/TableRow.styled.js +2 -2
- package/src/components/atoms/table/index.d.ts +50 -0
- package/src/components/atoms/table/index.js +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -16465,6 +16465,32 @@ var FindIconSmall = function FindIconSmall(_ref) {
|
|
|
16465
16465
|
|
|
16466
16466
|
var FindIconSmall$1 = themeComponent(FindIconSmall, "Icons", fallbackValues$2, "primary");
|
|
16467
16467
|
|
|
16468
|
+
var HistoryIconSmall = function HistoryIconSmall(_ref) {
|
|
16469
|
+
var themeValues = _ref.themeValues;
|
|
16470
|
+
return /*#__PURE__*/React__default.createElement("svg", {
|
|
16471
|
+
width: "20",
|
|
16472
|
+
height: "20",
|
|
16473
|
+
viewBox: "0 0 20 20",
|
|
16474
|
+
fill: "none",
|
|
16475
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
16476
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
16477
|
+
d: "M3.33337 8.33333C3.33337 7.8731 3.70647 7.5 4.16671 7.5H15.8334C16.2936 7.5 16.6667 7.8731 16.6667 8.33333V16.6667C16.6667 17.1269 16.2936 17.5 15.8334 17.5H4.16671C3.70647 17.5 3.33337 17.1269 3.33337 16.6667V8.33333Z",
|
|
16478
|
+
fill: themeValues.singleIconColor
|
|
16479
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
16480
|
+
fillRule: "evenodd",
|
|
16481
|
+
clipRule: "evenodd",
|
|
16482
|
+
d: "M5.08337 4.75C4.66916 4.75 4.33337 5.08579 4.33337 5.5C4.33337 5.91421 4.66916 6.25 5.08337 6.25H14.9134C15.3276 6.25 15.6634 5.91421 15.6634 5.5C15.6634 5.08579 15.3276 4.75 14.9134 4.75H5.08337Z",
|
|
16483
|
+
fill: themeValues.singleIconColor
|
|
16484
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
16485
|
+
fillRule: "evenodd",
|
|
16486
|
+
clipRule: "evenodd",
|
|
16487
|
+
d: "M6.03337 2.25C5.64677 2.25 5.33337 2.5634 5.33337 2.95C5.33337 3.3366 5.64678 3.65 6.03337 3.65H13.9634C14.35 3.65 14.6634 3.3366 14.6634 2.95C14.6634 2.5634 14.35 2.25 13.9634 2.25H6.03337Z",
|
|
16488
|
+
fill: themeValues.singleIconColor
|
|
16489
|
+
}));
|
|
16490
|
+
};
|
|
16491
|
+
|
|
16492
|
+
var HistoryIconSmall$1 = themeComponent(HistoryIconSmall, "Icons", fallbackValues$2, "primary");
|
|
16493
|
+
|
|
16468
16494
|
var color$2 = "#15749D";
|
|
16469
16495
|
var hoverColor$1 = "#116285";
|
|
16470
16496
|
var activeColor$1 = "#0E506D";
|
|
@@ -36401,7 +36427,7 @@ var LoadingLine = function LoadingLine(_ref) {
|
|
|
36401
36427
|
var Table_styled = styled__default.table.withConfig({
|
|
36402
36428
|
displayName: "Tablestyled",
|
|
36403
36429
|
componentId: "sc-mveye7-0"
|
|
36404
|
-
})(["width:100%;table-layout:auto;", ""], function (_ref) {
|
|
36430
|
+
})(["width:100%;table-layout:auto;border-collapse:collapse;", ""], function (_ref) {
|
|
36405
36431
|
var extraStyles = _ref.extraStyles;
|
|
36406
36432
|
return extraStyles;
|
|
36407
36433
|
});
|
|
@@ -36417,11 +36443,20 @@ var TableBody_styled = styled__default.tbody.withConfig({
|
|
|
36417
36443
|
var TableCell_styled = styled__default.td.withConfig({
|
|
36418
36444
|
displayName: "TableCellstyled",
|
|
36419
36445
|
componentId: "sc-iqndn8-0"
|
|
36420
|
-
})(["padding:", ";font-size:
|
|
36421
|
-
var padding = _ref.padding
|
|
36422
|
-
|
|
36446
|
+
})(["padding:", ";font-size:", " white-space:nowrap;max-width:", ";overflow:hidden;text-overflow:ellipsis;&:last-child{text-align:right;}", ";"], function (_ref) {
|
|
36447
|
+
var _ref$padding = _ref.padding,
|
|
36448
|
+
padding = _ref$padding === void 0 ? "24px" : _ref$padding;
|
|
36449
|
+
return padding;
|
|
36423
36450
|
}, function (_ref2) {
|
|
36424
|
-
var
|
|
36451
|
+
var _ref2$fontSize = _ref2.fontSize,
|
|
36452
|
+
fontSize = _ref2$fontSize === void 0 ? "0.875rem" : _ref2$fontSize;
|
|
36453
|
+
return fontSize;
|
|
36454
|
+
}, function (_ref3) {
|
|
36455
|
+
var _ref3$maxWidth = _ref3.maxWidth,
|
|
36456
|
+
maxWidth = _ref3$maxWidth === void 0 ? "250px" : _ref3$maxWidth;
|
|
36457
|
+
return maxWidth;
|
|
36458
|
+
}, function (_ref4) {
|
|
36459
|
+
var extraStyles = _ref4.extraStyles;
|
|
36425
36460
|
return extraStyles;
|
|
36426
36461
|
});
|
|
36427
36462
|
|
|
@@ -36435,12 +36470,16 @@ var fallbackValues$A = {
|
|
|
36435
36470
|
var StyledTableHead = styled__default.thead.withConfig({
|
|
36436
36471
|
displayName: "TableHeadstyled",
|
|
36437
36472
|
componentId: "sc-j8e6c1-0"
|
|
36438
|
-
})(["background-color:", ";border-bottom:", ";font-size:
|
|
36473
|
+
})(["background-color:", ";border-bottom:", ";font-size:", ";"], function (_ref) {
|
|
36439
36474
|
var backgroundColor = _ref.backgroundColor;
|
|
36440
36475
|
return backgroundColor;
|
|
36441
36476
|
}, function (_ref2) {
|
|
36442
36477
|
var borderColor = _ref2.borderColor;
|
|
36443
36478
|
return "1px solid ".concat(borderColor);
|
|
36479
|
+
}, function (_ref3) {
|
|
36480
|
+
var _ref3$fontSize = _ref3.fontSize,
|
|
36481
|
+
fontSize = _ref3$fontSize === void 0 ? "0.875rem" : _ref3$fontSize;
|
|
36482
|
+
return fontSize;
|
|
36444
36483
|
});
|
|
36445
36484
|
|
|
36446
36485
|
var borderColor$4 = GREY_CHATEAU;
|
|
@@ -36457,19 +36496,21 @@ var TableRowWrapper = styled__default.tr.withConfig({
|
|
|
36457
36496
|
var borderColor = _ref.borderColor;
|
|
36458
36497
|
return "1px solid ".concat(borderColor);
|
|
36459
36498
|
}, function (_ref2) {
|
|
36460
|
-
var
|
|
36499
|
+
var hoverCursor = _ref2.hoverCursor,
|
|
36500
|
+
hoverEffect = _ref2.hoverEffect,
|
|
36461
36501
|
hoverBackgroundColor = _ref2.hoverBackgroundColor;
|
|
36462
|
-
return hoverEffect && "&:hover {\n cursor: pointer;\n background-color: ".concat(hoverBackgroundColor, ";\n }");
|
|
36502
|
+
return hoverEffect && "&:hover {\n ".concat(hoverCursor && "cursor: pointer", ";\n background-color: ").concat(hoverBackgroundColor, ";\n }");
|
|
36463
36503
|
}, function (_ref3) {
|
|
36464
36504
|
var extraStyles = _ref3.extraStyles;
|
|
36465
36505
|
return extraStyles;
|
|
36466
36506
|
});
|
|
36467
36507
|
|
|
36468
|
-
var _excluded$w = ["children", "extraStyles", "hoverEffect", "onClick", "themeValues"];
|
|
36508
|
+
var _excluded$w = ["children", "extraStyles", "hoverCursor", "hoverEffect", "onClick", "themeValues"];
|
|
36469
36509
|
|
|
36470
36510
|
var TableRow = function TableRow(_ref) {
|
|
36471
36511
|
var children = _ref.children,
|
|
36472
36512
|
extraStyles = _ref.extraStyles,
|
|
36513
|
+
_ref$hoverCursor = _ref.hoverCursor,
|
|
36473
36514
|
_ref$hoverEffect = _ref.hoverEffect,
|
|
36474
36515
|
hoverEffect = _ref$hoverEffect === void 0 ? true : _ref$hoverEffect,
|
|
36475
36516
|
onClick = _ref.onClick,
|
|
@@ -36506,11 +36547,16 @@ var TableHead$1 = themeComponent(TableHead, "TableHead", fallbackValues$A);
|
|
|
36506
36547
|
var TableHeading_styled = styled__default.th.withConfig({
|
|
36507
36548
|
displayName: "TableHeadingstyled",
|
|
36508
36549
|
componentId: "sc-1ggk38d-0"
|
|
36509
|
-
})(["padding:
|
|
36510
|
-
var
|
|
36511
|
-
|
|
36550
|
+
})(["padding:", ";min-width:", ";text-align:left;&:last-child{text-align:right;}", ""], function (_ref) {
|
|
36551
|
+
var _ref$padding = _ref.padding,
|
|
36552
|
+
padding = _ref$padding === void 0 ? "24px" : _ref$padding;
|
|
36553
|
+
return padding;
|
|
36512
36554
|
}, function (_ref2) {
|
|
36513
|
-
var
|
|
36555
|
+
var _ref2$minWidth = _ref2.minWidth,
|
|
36556
|
+
minWidth = _ref2$minWidth === void 0 ? "initial" : _ref2$minWidth;
|
|
36557
|
+
return minWidth;
|
|
36558
|
+
}, function (_ref3) {
|
|
36559
|
+
var extraStyles = _ref3.extraStyles;
|
|
36514
36560
|
return extraStyles;
|
|
36515
36561
|
});
|
|
36516
36562
|
|
|
@@ -47989,6 +48035,7 @@ exports.GuidedCheckoutImage = GuidedCheckoutImage;
|
|
|
47989
48035
|
exports.HamburgerButton = HamburgerButton;
|
|
47990
48036
|
exports.Heading = Heading$1;
|
|
47991
48037
|
exports.HighlightTabRow = HighlightTabRow$1;
|
|
48038
|
+
exports.HistoryIconSmall = HistoryIconSmall$1;
|
|
47992
48039
|
exports.IconAdd = IconAdd;
|
|
47993
48040
|
exports.IconQuitLarge = IconQuitLarge;
|
|
47994
48041
|
exports.Imposter = Imposter;
|
|
@@ -48073,7 +48120,7 @@ exports.TableCell = TableCell_styled;
|
|
|
48073
48120
|
exports.TableHead = TableHead$1;
|
|
48074
48121
|
exports.TableHeading = TableHeading_styled;
|
|
48075
48122
|
exports.TableListItem = TableListItem;
|
|
48076
|
-
exports.TableRow =
|
|
48123
|
+
exports.TableRow = TableRow$1;
|
|
48077
48124
|
exports.Tabs = Tabs$1;
|
|
48078
48125
|
exports.TermsAndConditions = TermsAndConditions;
|
|
48079
48126
|
exports.TermsAndConditionsModal = TermsAndConditionsModal$1;
|