dce-reactkit 3.7.31 → 3.7.33
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/cjs/index.js +11 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +11 -4
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/MultiSwitch.tsx +11 -4
package/dist/cjs/index.js
CHANGED
|
@@ -13363,6 +13363,7 @@ const MultiSwitch = (props) => {
|
|
|
13363
13363
|
|
|
13364
13364
|
.MultiSwitch-icon {
|
|
13365
13365
|
font-size: ${iconFontSize}rems !important;
|
|
13366
|
+
color: white;
|
|
13366
13367
|
}
|
|
13367
13368
|
|
|
13368
13369
|
.MultiSwitch-option-button {
|
|
@@ -13389,7 +13390,7 @@ const MultiSwitch = (props) => {
|
|
|
13389
13390
|
}
|
|
13390
13391
|
|
|
13391
13392
|
.MultiSwitch-option-button-hovered {
|
|
13392
|
-
background-color: #
|
|
13393
|
+
background-color: #545454 !important;
|
|
13393
13394
|
}
|
|
13394
13395
|
|
|
13395
13396
|
.MultiSwitch-option-text {
|
|
@@ -13399,6 +13400,12 @@ const MultiSwitch = (props) => {
|
|
|
13399
13400
|
white-space: nowrap;
|
|
13400
13401
|
width: 100%;
|
|
13401
13402
|
text-align: center !important;
|
|
13403
|
+
|
|
13404
|
+
color: white !important;
|
|
13405
|
+
}
|
|
13406
|
+
|
|
13407
|
+
.MultiSwitch-option-text-selected {
|
|
13408
|
+
font-weight: bold;
|
|
13402
13409
|
}
|
|
13403
13410
|
|
|
13404
13411
|
.MultiSwitch-highlight-container {
|
|
@@ -13469,12 +13476,12 @@ const MultiSwitch = (props) => {
|
|
|
13469
13476
|
? 'none'
|
|
13470
13477
|
: undefined),
|
|
13471
13478
|
}, disabled: option.id === selectedOptionId },
|
|
13472
|
-
React__default["default"].createElement("div", { className:
|
|
13479
|
+
React__default["default"].createElement("div", { className: `MultiSwitch-icon MultiSwitch-icon-${isSelected ? 'selected' : ''}` },
|
|
13473
13480
|
React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: option.icon })),
|
|
13474
|
-
React__default["default"].createElement("div", { className:
|
|
13481
|
+
React__default["default"].createElement("div", { className: `MultiSwitch-option-text MultiSwitch-option-text-${isSelected ? 'selected' : ''}` }, option.label)));
|
|
13475
13482
|
});
|
|
13476
13483
|
// Highlight behind selected option
|
|
13477
|
-
const highlight = (React__default["default"].createElement("div", { className: "MultiSwitch-highlight bg-
|
|
13484
|
+
const highlight = (React__default["default"].createElement("div", { className: "MultiSwitch-highlight bg-danger d-inline-block" }));
|
|
13478
13485
|
return (React__default["default"].createElement("div", { className: "MultiSwitch-outer-box alert alert-dark m-0" },
|
|
13479
13486
|
React__default["default"].createElement("style", null, style),
|
|
13480
13487
|
React__default["default"].createElement("div", { className: "MultiSwitch-options-container" }, optionElements),
|