@bosonprotocol/react-kit 0.34.0-alpha.36 → 0.34.0-alpha.37

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 (11) hide show
  1. package/dist/cjs/components/form/BaseCheckbox.d.ts +1 -1
  2. package/dist/cjs/components/form/BaseCheckbox.d.ts.map +1 -1
  3. package/dist/cjs/components/form/BaseCheckbox.js +2 -2
  4. package/dist/cjs/components/form/BaseCheckbox.js.map +1 -1
  5. package/dist/esm/components/form/BaseCheckbox.d.ts +1 -1
  6. package/dist/esm/components/form/BaseCheckbox.d.ts.map +1 -1
  7. package/dist/esm/components/form/BaseCheckbox.js +2 -2
  8. package/dist/esm/components/form/BaseCheckbox.js.map +1 -1
  9. package/package.json +5 -5
  10. package/src/components/form/BaseCheckbox.tsx +2 -1
  11. package/src/stories/form/BaseCheckbox.stories.tsx +7 -0
package/dist/cjs/components/form/BaseCheckbox.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import type { CheckboxProps } from "./types";
3
3
  export type BaseCheckboxProps = CheckboxProps;
4
- export declare function BaseCheckbox({ name, text, theme, hideError, className, iconProps, ...props }: BaseCheckboxProps): JSX.Element;
4
+ export declare function BaseCheckbox({ name, text, theme, hideError, className, iconProps, children, ...props }: BaseCheckboxProps): JSX.Element;
5
5
  //# sourceMappingURL=BaseCheckbox.d.ts.map
package/dist/cjs/components/form/BaseCheckbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/BaseCheckbox.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAC9C,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,eA2CnB"}
1
+ {"version":3,"file":"BaseCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/BaseCheckbox.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAC9C,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,eA2CnB"}
package/dist/cjs/components/form/BaseCheckbox.js CHANGED
@@ -44,7 +44,7 @@ const react_1 = __importStar(require("react"));
44
44
  const Error_1 = __importDefault(require("./Error"));
45
45
  const Field_styles_1 = require("./Field.styles");
46
46
  function BaseCheckbox(_a) {
47
- var { name, text, theme, hideError, className, iconProps } = _a, props = __rest(_a, ["name", "text", "theme", "hideError", "className", "iconProps"]);
47
+ var { name, text, theme, hideError, className, iconProps, children } = _a, props = __rest(_a, ["name", "text", "theme", "hideError", "className", "iconProps", "children"]);
48
48
  const [field, meta, helpers] = (0, formik_1.useField)(name);
49
49
  const ref = (0, react_1.useRef)(field.value);
50
50
  const errorMessage = meta.error && meta.touched ? meta.error : "";
@@ -66,7 +66,7 @@ function BaseCheckbox(_a) {
66
66
  }, checked: field.value })),
67
67
  react_1.default.createElement("div", null,
68
68
  react_1.default.createElement(phosphor_react_1.Check, Object.assign({ size: 16, width: "100%", height: "100%" }, iconProps))),
69
- react_1.default.createElement("b", null, text)),
69
+ children || react_1.default.createElement("b", null, text)),
70
70
  react_1.default.createElement(Error_1.default, { display: !hideError && displayError, message: errorMessage })));
71
71
  }
72
72
  exports.BaseCheckbox = BaseCheckbox;
package/dist/cjs/components/form/BaseCheckbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseCheckbox.js","sourceRoot":"","sources":["../../../../src/components/form/BaseCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAkC;AAClC,mDAAuC;AACvC,+CAAiD;AAEjD,oDAA4B;AAC5B,iDAAiD;AAIjD,SAAgB,YAAY,CAAC,EAQT;QARS,EAC3B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,OAES,EADf,KAAK,cAPmB,gEAQ5B,CADS;IAER,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAClE,MAAM,YAAY,GAAG,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,KAAK,EAAE,CAAC;IAC7E,MAAM,UAAU,GAAG,YAAY,IAAI,EAAE,CAAC;IAEtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC,KAAK,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBACjB,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;aAC1B;SACF;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,sBAAsB;IAEzC,OAAO,CACL;QACE,8BAAC,8BAAe,IACd,OAAO,EAAE,UAAU,YACX,YAAY,EACpB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;YAEpB,uDACE,MAAM,QACN,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,UAAU,IACX,KAAK,EACL,KAAK,IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;oBAClB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACtB,MAAA,KAAK,CAAC,QAAQ,sDAAG,KAAK,CAAC,CAAC;gBAC1B,CAAC,EACD,OAAO,EAAE,KAAK,CAAC,KAAK,IACpB;YACF;gBACE,8BAAC,sBAAK,kBAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,IAAK,SAAS,EAAI,CACzD;YACN,yCAAI,IAAI,CAAK,CACG;QAClB,8BAAC,eAAK,IAAC,OAAO,EAAE,CAAC,SAAS,IAAI,YAAY,EAAE,OAAO,EAAE,YAAY,GAAI,CACpE,CACJ,CAAC;AACJ,CAAC;AAnDD,oCAmDC"}
1
+ {"version":3,"file":"BaseCheckbox.js","sourceRoot":"","sources":["../../../../src/components/form/BaseCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAkC;AAClC,mDAAuC;AACvC,+CAAiD;AAEjD,oDAA4B;AAC5B,iDAAiD;AAIjD,SAAgB,YAAY,CAAC,EAST;QATS,EAC3B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAQ,OAEU,EADf,KAAK,cARmB,4EAS5B,CADS;IAER,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAClE,MAAM,YAAY,GAAG,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,KAAK,EAAE,CAAC;IAC7E,MAAM,UAAU,GAAG,YAAY,IAAI,EAAE,CAAC;IAEtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC,KAAK,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBACjB,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;aAC1B;SACF;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,sBAAsB;IAEzC,OAAO,CACL;QACE,8BAAC,8BAAe,IACd,OAAO,EAAE,UAAU,YACX,YAAY,EACpB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;YAEpB,uDACE,MAAM,QACN,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,UAAU,IACX,KAAK,EACL,KAAK,IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;oBAClB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACtB,MAAA,KAAK,CAAC,QAAQ,sDAAG,KAAK,CAAC,CAAC;gBAC1B,CAAC,EACD,OAAO,EAAE,KAAK,CAAC,KAAK,IACpB;YACF;gBACE,8BAAC,sBAAK,kBAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,IAAK,SAAS,EAAI,CACzD;YACL,QAAQ,IAAI,yCAAI,IAAI,CAAK,CACV;QAClB,8BAAC,eAAK,IAAC,OAAO,EAAE,CAAC,SAAS,IAAI,YAAY,EAAE,OAAO,EAAE,YAAY,GAAI,CACpE,CACJ,CAAC;AACJ,CAAC;AApDD,oCAoDC"}
package/dist/esm/components/form/BaseCheckbox.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import type { CheckboxProps } from "./types";
3
3
  export type BaseCheckboxProps = CheckboxProps;
4
- export declare function BaseCheckbox({ name, text, theme, hideError, className, iconProps, ...props }: BaseCheckboxProps): JSX.Element;
4
+ export declare function BaseCheckbox({ name, text, theme, hideError, className, iconProps, children, ...props }: BaseCheckboxProps): JSX.Element;
5
5
  //# sourceMappingURL=BaseCheckbox.d.ts.map
package/dist/esm/components/form/BaseCheckbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/BaseCheckbox.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAC9C,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,eA2CnB"}
1
+ {"version":3,"file":"BaseCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/BaseCheckbox.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAC9C,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,eA2CnB"}
package/dist/esm/components/form/BaseCheckbox.js CHANGED
@@ -3,7 +3,7 @@ import { Check } from "phosphor-react";
3
3
  import React, { useEffect, useRef } from "react";
4
4
  import Error from "./Error";
5
5
  import { CheckboxWrapper } from "./Field.styles";
6
- export function BaseCheckbox({ name, text, theme, hideError, className, iconProps, ...props }) {
6
+ export function BaseCheckbox({ name, text, theme, hideError, className, iconProps, children, ...props }) {
7
7
  const [field, meta, helpers] = useField(name);
8
8
  const ref = useRef(field.value);
9
9
  const errorMessage = meta.error && meta.touched ? meta.error : "";
@@ -24,7 +24,7 @@ export function BaseCheckbox({ name, text, theme, hideError, className, iconProp
24
24
  }, checked: field.value }),
25
25
  React.createElement("div", null,
26
26
  React.createElement(Check, { size: 16, width: "100%", height: "100%", ...iconProps })),
27
- React.createElement("b", null, text)),
27
+ children || React.createElement("b", null, text)),
28
28
  React.createElement(Error, { display: !hideError && displayError, message: errorMessage })));
29
29
  }
30
30
  //# sourceMappingURL=BaseCheckbox.js.map
package/dist/esm/components/form/BaseCheckbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseCheckbox.js","sourceRoot":"","sources":["../../../../src/components/form/BaseCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACU;IAClB,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAClE,MAAM,YAAY,GAAG,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,KAAK,EAAE,CAAC;IAC7E,MAAM,UAAU,GAAG,YAAY,IAAI,EAAE,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC,KAAK,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBACjB,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;aAC1B;SACF;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,sBAAsB;IAEzC,OAAO,CACL;QACE,oBAAC,eAAe,IACd,OAAO,EAAE,UAAU,YACX,YAAY,EACpB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;YAEpB,+BACE,MAAM,QACN,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,UAAU,KACX,KAAK,KACL,KAAK,EACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACtB,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;gBAC1B,CAAC,EACD,OAAO,EAAE,KAAK,CAAC,KAAK,GACpB;YACF;gBACE,oBAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,KAAK,SAAS,GAAI,CACzD;YACN,+BAAI,IAAI,CAAK,CACG;QAClB,oBAAC,KAAK,IAAC,OAAO,EAAE,CAAC,SAAS,IAAI,YAAY,EAAE,OAAO,EAAE,YAAY,GAAI,CACpE,CACJ,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"BaseCheckbox.js","sourceRoot":"","sources":["../../../../src/components/form/BaseCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACU;IAClB,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAClE,MAAM,YAAY,GAAG,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,KAAK,EAAE,CAAC;IAC7E,MAAM,UAAU,GAAG,YAAY,IAAI,EAAE,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC,KAAK,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBACjB,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;aAC1B;SACF;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,sBAAsB;IAEzC,OAAO,CACL;QACE,oBAAC,eAAe,IACd,OAAO,EAAE,UAAU,YACX,YAAY,EACpB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;YAEpB,+BACE,MAAM,QACN,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,UAAU,KACX,KAAK,KACL,KAAK,EACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACtB,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;gBAC1B,CAAC,EACD,OAAO,EAAE,KAAK,CAAC,KAAK,GACpB;YACF;gBACE,oBAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,KAAK,SAAS,GAAI,CACzD;YACL,QAAQ,IAAI,+BAAI,IAAI,CAAK,CACV;QAClB,oBAAC,KAAK,IAAC,OAAO,EAAE,CAAC,SAAS,IAAI,YAAY,EAAE,OAAO,EAAE,YAAY,GAAI,CACpE,CACJ,CAAC;AACJ,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bosonprotocol/react-kit",
3
3
  "description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
4
- "version": "0.34.0-alpha.36",
4
+ "version": "0.34.0-alpha.37",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
7
7
  "types": "./dist/cjs/index.d.ts",
@@ -15,9 +15,9 @@
15
15
  "license": "Apache-2.0",
16
16
  "dependencies": {
17
17
  "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
18
- "@bosonprotocol/core-sdk": "^1.41.0-alpha.38",
19
- "@bosonprotocol/ethers-sdk": "^1.15.0-alpha.24",
20
- "@bosonprotocol/ipfs-storage": "^1.12.0-alpha.36",
18
+ "@bosonprotocol/core-sdk": "^1.41.0-alpha.39",
19
+ "@bosonprotocol/ethers-sdk": "^1.15.0-alpha.25",
20
+ "@bosonprotocol/ipfs-storage": "^1.12.0-alpha.37",
21
21
  "@davatar/react": "1.11.1",
22
22
  "@ethersproject/units": "5.6.0",
23
23
  "@glidejs/glide": "3.6.0",
@@ -188,5 +188,5 @@
188
188
  "overrides": {
189
189
  "typescript": "^5.1.6"
190
190
  },
191
- "gitHead": "d7ba5203406f9b03b80abbaf6295e757cc962035"
191
+ "gitHead": "eaa27ca3e775734f7e7f876602550d1571039dae"
192
192
  }
package/src/components/form/BaseCheckbox.tsx CHANGED
@@ -14,6 +14,7 @@ export function BaseCheckbox({
14
14
  hideError,
15
15
  className,
16
16
  iconProps,
17
+ children,
17
18
  ...props
18
19
  }: BaseCheckboxProps) {
19
20
  const [field, meta, helpers] = useField(name);
@@ -53,7 +54,7 @@ export function BaseCheckbox({
53
54
  <div>
54
55
  <Check size={16} width="100%" height="100%" {...iconProps} />
55
56
  </div>
56
- <b>{text}</b>
57
+ {children || <b>{text}</b>}
57
58
  </CheckboxWrapper>
58
59
  <Error display={!hideError && displayError} message={errorMessage} />
59
60
  </>
package/src/stories/form/BaseCheckbox.stories.tsx CHANGED
@@ -111,3 +111,10 @@ export const CustomThemeWithError = {
111
111
  } satisfies BaseCheckboxProps["theme"]
112
112
  }
113
113
  };
114
+
115
+ export const SimpleWithChildren = {
116
+ args: {
117
+ ...BASE_ARGS,
118
+ children: <p>text in paragraph</p>
119
+ }
120
+ };