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

package/dist/cjs/components/form/Field.styles.js

@@ -316,11 +316,11 @@ exports.CheckboxWrapper = styled_components_1.default.label `
     }
   }
 
-  > div,
-  > div svg {
+  > div:first-of-type,
+  > div:first-of-type svg {
     ${styles_1.transition}
   }
-  > div {
+  > div:first-of-type {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -379,7 +379,7 @@ exports.CheckboxWrapper = styled_components_1.default.label `
     var _a, _b, _c, _d, _e;
     return !(0, checkIfValueIsEmpty_1.checkIfValueIsEmpty)($error) &&
         (0, styled_components_1.css) `
-      > div {
+      > div:first-of-type {
         border: 1px solid ${((_a = theme === null || theme === void 0 ? void 0 : theme.error) === null || _a === void 0 ? void 0 : _a.borderColor) || colors.orange}};
         ${((_b = theme === null || theme === void 0 ? void 0 : theme.error) === null || _b === void 0 ? void 0 : _b.backgroundColor) &&
             (0, styled_components_1.css) `

package/dist/esm/components/form/Field.styles.js

@@ -281,11 +281,11 @@ export const CheckboxWrapper = styled.label `
     }
   }
 
-  > div,
-  > div svg {
+  > div:first-of-type,
+  > div:first-of-type svg {
     ${transition}
   }
-  > div {
+  > div:first-of-type {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -333,7 +333,7 @@ export const CheckboxWrapper = styled.label `
 
   ${({ $error, theme }) => !checkIfValueIsEmpty($error) &&
     css `
-      > div {
+      > div:first-of-type {
         border: 1px solid ${theme?.error?.borderColor || colors.orange}};
         ${theme?.error?.backgroundColor &&
         css `

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bosonprotocol/react-kit",
   "description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
-  "version": "0.34.0-alpha.37",
+  "version": "0.34.0-alpha.38",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -15,9 +15,9 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
-    "@bosonprotocol/core-sdk": "^1.41.0-alpha.39",
-    "@bosonprotocol/ethers-sdk": "^1.15.0-alpha.25",
-    "@bosonprotocol/ipfs-storage": "^1.12.0-alpha.37",
+    "@bosonprotocol/core-sdk": "^1.41.0-alpha.40",
+    "@bosonprotocol/ethers-sdk": "^1.15.0-alpha.26",
+    "@bosonprotocol/ipfs-storage": "^1.12.0-alpha.38",
     "@davatar/react": "1.11.1",
     "@ethersproject/units": "5.6.0",
     "@glidejs/glide": "3.6.0",
@@ -188,5 +188,5 @@
   "overrides": {
     "typescript": "^5.1.6"
   },
-  "gitHead": "eaa27ca3e775734f7e7f876602550d1571039dae"
+  "gitHead": "2413ff8a32d8859211df0b09234871ae39e73ec8"
 }

package/src/components/form/Field.styles.ts

@@ -403,11 +403,11 @@ export const CheckboxWrapper = styled.label<{
     }
   }
 
-  > div,
-  > div svg {
+  > div:first-of-type,
+  > div:first-of-type svg {
     ${transition}
   }
-  > div {
+  > div:first-of-type {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -462,7 +462,7 @@ export const CheckboxWrapper = styled.label<{
   ${({ $error, theme }) =>
     !checkIfValueIsEmpty($error) &&
     css`
-      > div {
+      > div:first-of-type {
         border: 1px solid ${theme?.error?.borderColor || colors.orange}};
         ${
           theme?.error?.backgroundColor &&

package/src/stories/form/BaseCheckbox.stories.tsx

@@ -113,8 +113,9 @@ export const CustomThemeWithError = {
 };
 
 export const SimpleWithChildren = {
+  name: "With error with children",
   args: {
     ...BASE_ARGS,
-    children: <p>text in paragraph</p>
+    children: <div>text in paragraph</div>
   }
 };