dce-reactkit 3.9.6 → 3.9.8

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.
@@ -17,6 +17,7 @@ type Props = {
17
17
  uncheckedVariant?: Variant;
18
18
  small?: boolean;
19
19
  dashed?: boolean;
20
+ useComplexFormatting?: boolean;
20
21
  };
21
22
  declare const CheckboxButton: React.FC<Props>;
22
23
  export default CheckboxButton;
@@ -2,5 +2,5 @@
2
2
  * Universal stylesheet
3
3
  * @author Gabe Abrams
4
4
  */
5
- declare const shared = "\n/* Button with no style */\n.btn-nostyle {\n border: 0 !important;\n background: transparent !important;\n outline: 0 !important;\n font-size: inherit !important;\n color: inherit !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n/* Tooltip on Very Top */\n.tooltip {\n z-index: 9000000000 !important;\n}\n";
5
+ declare const shared = "\n/* Button with no style */\n.btn-nostyle {\n border: 0 !important;\n background: transparent !important;\n outline: 0 !important;\n font-size: inherit !important;\n color: inherit !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n/* Tooltip on Very Top */\n.tooltip {\n z-index: 9000000000 !important;\n}\n\n/* Tooltip White Text */\n.tooltip .tooltip-inner {\n color: white !important;\n}\n";
6
6
  export default shared;
package/dist/esm/index.js CHANGED
@@ -909,6 +909,11 @@ const shared = `
909
909
  .tooltip {
910
910
  z-index: 9000000000 !important;
911
911
  }
912
+
913
+ /* Tooltip White Text */
914
+ .tooltip .tooltip-inner {
915
+ color: white !important;
916
+ }
912
917
  `;
913
918
 
914
919
  /**
@@ -1697,7 +1702,7 @@ const CheckboxButton = (props) => {
1697
1702
  ? Variant$1.Light
1698
1703
  : Variant$1.Secondary), uncheckedVariant = (isDarkModeOn()
1699
1704
  ? Variant$1.Secondary
1700
- : Variant$1.Light), small, dashed, } = props;
1705
+ : Variant$1.Light), small, dashed, useComplexFormatting, } = props;
1701
1706
  /*------------------------------------------------------------------------*/
1702
1707
  /* ------------------------------- Render ------------------------------- */
1703
1708
  /*------------------------------------------------------------------------*/
@@ -1721,7 +1726,11 @@ const CheckboxButton = (props) => {
1721
1726
  React__default.createElement("div", { className: "d-flex" },
1722
1727
  React__default.createElement("div", { className: "align-items-center" },
1723
1728
  React__default.createElement(FontAwesomeIcon, { icon: icon, className: "me-1" })),
1724
- React__default.createElement("div", { className: "flex-grow-1" }, text))));
1729
+ useComplexFormatting
1730
+ ? (React__default.createElement("pre", { className: "ps-2 text-start text-break", style: {
1731
+ whiteSpace: 'pre-wrap',
1732
+ } }, text))
1733
+ : (React__default.createElement("div", { className: "flex-grow-1 text-start text-break ps-2" }, text)))));
1725
1734
  };
1726
1735
 
1727
1736
  /**