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

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 (14) 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/cjs/components/form/Field.styles.js +4 -4
  6. package/dist/esm/components/form/BaseCheckbox.d.ts +1 -1
  7. package/dist/esm/components/form/BaseCheckbox.d.ts.map +1 -1
  8. package/dist/esm/components/form/BaseCheckbox.js +2 -2
  9. package/dist/esm/components/form/BaseCheckbox.js.map +1 -1
  10. package/dist/esm/components/form/Field.styles.js +4 -4
  11. package/package.json +5 -5
  12. package/src/components/form/BaseCheckbox.tsx +2 -1
  13. package/src/components/form/Field.styles.ts +4 -4
  14. package/src/stories/form/BaseCheckbox.stories.tsx +8 -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/cjs/components/form/Field.styles.js CHANGED
@@ -316,11 +316,11 @@ exports.CheckboxWrapper = styled_components_1.default.label `
316
316
  }
317
317
  }
318
318
 
319
- > div,
320
- > div svg {
319
+ > div:first-of-type,
320
+ > div:first-of-type svg {
321
321
  ${styles_1.transition}
322
322
  }
323
- > div {
323
+ > div:first-of-type {
324
324
  display: flex;
325
325
  align-items: center;
326
326
  justify-content: center;
@@ -379,7 +379,7 @@ exports.CheckboxWrapper = styled_components_1.default.label `
379
379
  var _a, _b, _c, _d, _e;
380
380
  return !(0, checkIfValueIsEmpty_1.checkIfValueIsEmpty)($error) &&
381
381
  (0, styled_components_1.css) `
382
- > div {
382
+ > div:first-of-type {
383
383
  border: 1px solid ${((_a = theme === null || theme === void 0 ? void 0 : theme.error) === null || _a === void 0 ? void 0 : _a.borderColor) || colors.orange}};
384
384
  ${((_b = theme === null || theme === void 0 ? void 0 : theme.error) === null || _b === void 0 ? void 0 : _b.backgroundColor) &&
385
385
  (0, styled_components_1.css) `
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/dist/esm/components/form/Field.styles.js CHANGED
@@ -281,11 +281,11 @@ export const CheckboxWrapper = styled.label `
281
281
  }
282
282
  }
283
283
 
284
- > div,
285
- > div svg {
284
+ > div:first-of-type,
285
+ > div:first-of-type svg {
286
286
  ${transition}
287
287
  }
288
- > div {
288
+ > div:first-of-type {
289
289
  display: flex;
290
290
  align-items: center;
291
291
  justify-content: center;
@@ -333,7 +333,7 @@ export const CheckboxWrapper = styled.label `
333
333
 
334
334
  ${({ $error, theme }) => !checkIfValueIsEmpty($error) &&
335
335
  css `
336
- > div {
336
+ > div:first-of-type {
337
337
  border: 1px solid ${theme?.error?.borderColor || colors.orange}};
338
338
  ${theme?.error?.backgroundColor &&
339
339
  css `
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.38",
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.40",
19
+ "@bosonprotocol/ethers-sdk": "^1.15.0-alpha.26",
20
+ "@bosonprotocol/ipfs-storage": "^1.12.0-alpha.38",
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": "2413ff8a32d8859211df0b09234871ae39e73ec8"
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/components/form/Field.styles.ts CHANGED
@@ -403,11 +403,11 @@ export const CheckboxWrapper = styled.label<{
403
403
  }
404
404
  }
405
405
 
406
- > div,
407
- > div svg {
406
+ > div:first-of-type,
407
+ > div:first-of-type svg {
408
408
  ${transition}
409
409
  }
410
- > div {
410
+ > div:first-of-type {
411
411
  display: flex;
412
412
  align-items: center;
413
413
  justify-content: center;
@@ -462,7 +462,7 @@ export const CheckboxWrapper = styled.label<{
462
462
  ${({ $error, theme }) =>
463
463
  !checkIfValueIsEmpty($error) &&
464
464
  css`
465
- > div {
465
+ > div:first-of-type {
466
466
  border: 1px solid ${theme?.error?.borderColor || colors.orange}};
467
467
  ${
468
468
  theme?.error?.backgroundColor &&
package/src/stories/form/BaseCheckbox.stories.tsx CHANGED
@@ -111,3 +111,11 @@ export const CustomThemeWithError = {
111
111
  } satisfies BaseCheckboxProps["theme"]
112
112
  }
113
113
  };
114
+
115
+ export const SimpleWithChildren = {
116
+ name: "With error with children",
117
+ args: {
118
+ ...BASE_ARGS,
119
+ children: <div>text in paragraph</div>
120
+ }
121
+ };