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/esm/index.js
CHANGED
|
@@ -13336,6 +13336,7 @@ const MultiSwitch = (props) => {
|
|
|
13336
13336
|
|
|
13337
13337
|
.MultiSwitch-icon {
|
|
13338
13338
|
font-size: ${iconFontSize}rems !important;
|
|
13339
|
+
color: white;
|
|
13339
13340
|
}
|
|
13340
13341
|
|
|
13341
13342
|
.MultiSwitch-option-button {
|
|
@@ -13362,7 +13363,7 @@ const MultiSwitch = (props) => {
|
|
|
13362
13363
|
}
|
|
13363
13364
|
|
|
13364
13365
|
.MultiSwitch-option-button-hovered {
|
|
13365
|
-
background-color: #
|
|
13366
|
+
background-color: #545454 !important;
|
|
13366
13367
|
}
|
|
13367
13368
|
|
|
13368
13369
|
.MultiSwitch-option-text {
|
|
@@ -13372,6 +13373,12 @@ const MultiSwitch = (props) => {
|
|
|
13372
13373
|
white-space: nowrap;
|
|
13373
13374
|
width: 100%;
|
|
13374
13375
|
text-align: center !important;
|
|
13376
|
+
|
|
13377
|
+
color: white !important;
|
|
13378
|
+
}
|
|
13379
|
+
|
|
13380
|
+
.MultiSwitch-option-text-selected {
|
|
13381
|
+
font-weight: bold;
|
|
13375
13382
|
}
|
|
13376
13383
|
|
|
13377
13384
|
.MultiSwitch-highlight-container {
|
|
@@ -13442,12 +13449,12 @@ const MultiSwitch = (props) => {
|
|
|
13442
13449
|
? 'none'
|
|
13443
13450
|
: undefined),
|
|
13444
13451
|
}, disabled: option.id === selectedOptionId },
|
|
13445
|
-
React__default.createElement("div", { className:
|
|
13452
|
+
React__default.createElement("div", { className: `MultiSwitch-icon MultiSwitch-icon-${isSelected ? 'selected' : ''}` },
|
|
13446
13453
|
React__default.createElement(FontAwesomeIcon, { icon: option.icon })),
|
|
13447
|
-
React__default.createElement("div", { className:
|
|
13454
|
+
React__default.createElement("div", { className: `MultiSwitch-option-text MultiSwitch-option-text-${isSelected ? 'selected' : ''}` }, option.label)));
|
|
13448
13455
|
});
|
|
13449
13456
|
// Highlight behind selected option
|
|
13450
|
-
const highlight = (React__default.createElement("div", { className: "MultiSwitch-highlight bg-
|
|
13457
|
+
const highlight = (React__default.createElement("div", { className: "MultiSwitch-highlight bg-danger d-inline-block" }));
|
|
13451
13458
|
return (React__default.createElement("div", { className: "MultiSwitch-outer-box alert alert-dark m-0" },
|
|
13452
13459
|
React__default.createElement("style", null, style),
|
|
13453
13460
|
React__default.createElement("div", { className: "MultiSwitch-options-container" }, optionElements),
|