dce-reactkit 5.0.5 → 5.0.6

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.
Files changed (9) hide show
  1. package/dist/cjs/index.js +5 -5
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/components/CheckboxButton.d.ts +1 -0
  4. package/dist/esm/index.js +5 -5
  5. package/dist/esm/index.js.map +1 -1
  6. package/dist/esm/types/components/CheckboxButton.d.ts +1 -0
  7. package/dist/index.d.ts +1 -0
  8. package/package.json +1 -1
  9. package/src/components/CheckboxButton.tsx +25 -20
package/dist/cjs/types/components/CheckboxButton.d.ts CHANGED
@@ -18,6 +18,7 @@ type Props = {
18
18
  small?: boolean;
19
19
  dashed?: boolean;
20
20
  useComplexFormatting?: boolean;
21
+ minSizeToShowLabel?: 'sm' | 'md' | 'lg' | 'xl';
21
22
  };
22
23
  declare const CheckboxButton: React.FC<Props>;
23
24
  export default CheckboxButton;
package/dist/esm/index.js CHANGED
@@ -1676,7 +1676,7 @@ const CheckboxButton = (props) => {
1676
1676
  ? Variant$1.Light
1677
1677
  : Variant$1.Secondary), uncheckedVariant = (isDarkModeOn()
1678
1678
  ? Variant$1.Secondary
1679
- : Variant$1.Light), small, dashed, useComplexFormatting, } = props;
1679
+ : Variant$1.Light), small, dashed, useComplexFormatting, minSizeToShowLabel, } = props;
1680
1680
  /*------------------------------------------------------------------------*/
1681
1681
  /* ------------------------------- Render ------------------------------- */
1682
1682
  /*------------------------------------------------------------------------*/
@@ -1698,14 +1698,14 @@ const CheckboxButton = (props) => {
1698
1698
  onChanged(!checked);
1699
1699
  } },
1700
1700
  React__default.createElement("div", { className: "d-flex align-items-center" },
1701
- React__default.createElement("div", { className: "me-1" },
1701
+ React__default.createElement("div", null,
1702
1702
  React__default.createElement(FontAwesomeIcon, { icon: icon })),
1703
- useComplexFormatting
1704
- ? (React__default.createElement("pre", { className: "ps-1 text-start text-break m-0", style: {
1703
+ React__default.createElement("div", { className: `text-start flex-grow-1 ms-1 ${minSizeToShowLabel ? `d-none d-${minSizeToShowLabel}-block` : ''}` }, useComplexFormatting
1704
+ ? (React__default.createElement("pre", { className: "ps-1 text-break m-0", style: {
1705
1705
  whiteSpace: 'pre-wrap',
1706
1706
  tabSize: 2,
1707
1707
  } }, text))
1708
- : (React__default.createElement("div", { className: "flex-grow-1 text-start text-break" }, text)))));
1708
+ : (React__default.createElement("div", { className: "text-break" }, text))))));
1709
1709
  };
1710
1710
 
1711
1711
  /**