@saasquatch/mint-components 1.5.3-4 → 1.5.3-5

package/dist/cjs/sqm-big-stat_35.cjs.entry.js

@@ -141,10 +141,13 @@ const style = {
   Alert: {
     margin: "28px",
   },
+  Children: {
+    display: "none",
+  },
 };
 const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
-function RequiredPropsError({ missingProps }) {
+function RequiredPropsError({ missingProps }, children) {
   if (!missingProps)
     return false;
   const host = index_module.P();
@@ -165,7 +168,8 @@ function RequiredPropsError({ missingProps }) {
         `<${host.tagName.toLowerCase()}>`,
         ". Values for the following attributes are missing:"),
       index.h("ul", null, missingProps.map((prop) => (index.h("li", null,
-        index.h("strong", null, prop.attribute))))))));
+        index.h("strong", null, prop.attribute)))))),
+    index.h("div", { class: sheet.classes.Children }, children)));
 }
 
 const FORM_VALIDATION_CONTEXT = "sq:validation-state";
@@ -351,7 +355,7 @@ const DropdownField = class {
       },
     ]);
     if (!index_module.jn() && missingProps) {
-      return index.h(RequiredPropsError, { missingProps: missingProps });
+      return (index.h(RequiredPropsError, { missingProps: missingProps }, index.h("slot", null)));
     }
     const content = {
       ...utils.getProps(this),

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -10042,7 +10042,7 @@ const MultipleCheckboxes = createHookStory(() => {
     index.h("sqm-name-fields", { slot: "formData" }),
     index.h("sqm-checkbox-field", { slot: "formData", "checkbox-label": "I am not a robot", "error-message": "Cannot be a robot", "checkbox-name": "isHuman" }),
     index.h("div", { slot: "terms" },
-      index.h("sqm-checkbox-field", null))));
+      index.h("sqm-checkbox-field", { "checkbox-name": "otherCheckbox" }))));
 });
 const OptionalCheckboxes = createHookStory(() => {
   setupGraphQL$9();
@@ -10050,7 +10050,7 @@ const OptionalCheckboxes = createHookStory(() => {
     index.h("sqm-name-fields", { slot: "formData" }),
     index.h("sqm-checkbox-field", { slot: "formData", "checkbox-label": "I am not a robot", "checkbox-optional": "true", "checkbox-name": "isHuman" }),
     index.h("div", { slot: "terms" },
-      index.h("sqm-checkbox-field", null))));
+      index.h("sqm-checkbox-field", { "checkbox-name": "required" }))));
 });
 const MissingName = createHookStory(() => {
   setupGraphQL$9();

package/dist/collection/components/sqm-checkbox-field/UseCheckboxField.stories.js

@@ -50,7 +50,7 @@ export const MultipleCheckboxes = createHookStory(() => {
     h("sqm-name-fields", { slot: "formData" }),
     h("sqm-checkbox-field", { slot: "formData", "checkbox-label": "I am not a robot", "error-message": "Cannot be a robot", "checkbox-name": "isHuman" }),
     h("div", { slot: "terms" },
-      h("sqm-checkbox-field", null))));
+      h("sqm-checkbox-field", { "checkbox-name": "otherCheckbox" }))));
 });
 export const OptionalCheckboxes = createHookStory(() => {
   setupGraphQL();
@@ -58,7 +58,7 @@ export const OptionalCheckboxes = createHookStory(() => {
     h("sqm-name-fields", { slot: "formData" }),
     h("sqm-checkbox-field", { slot: "formData", "checkbox-label": "I am not a robot", "checkbox-optional": "true", "checkbox-name": "isHuman" }),
     h("div", { slot: "terms" },
-      h("sqm-checkbox-field", null))));
+      h("sqm-checkbox-field", { "checkbox-name": "required" }))));
 });
 export const MissingName = createHookStory(() => {
   setupGraphQL();

package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field.js

@@ -35,7 +35,8 @@ export class DropdownField {
       },
     ]);
     if (!isDemo() && missingProps) {
-      return h(RequiredPropsError, { missingProps: missingProps });
+      return (h(RequiredPropsError, { missingProps: missingProps },
+        h("slot", null)));
     }
     const content = {
       ...getProps(this),

package/dist/collection/utils/RequiredPropsError.js

@@ -20,10 +20,13 @@ const style = {
   Alert: {
     margin: "28px",
   },
+  Children: {
+    display: "none",
+  },
 };
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
-export function RequiredPropsError({ missingProps }) {
+export function RequiredPropsError({ missingProps }, children) {
   if (!missingProps)
     return false;
   const host = useHost();
@@ -44,5 +47,6 @@ export function RequiredPropsError({ missingProps }) {
         `<${host.tagName.toLowerCase()}>`,
         ". Values for the following attributes are missing:"),
       h("ul", null, missingProps.map((prop) => (h("li", null,
-        h("strong", null, prop.attribute))))))));
+        h("strong", null, prop.attribute)))))),
+    h("div", { class: sheet.classes.Children }, children)));
 }

package/dist/esm/sqm-big-stat_35.entry.js

@@ -137,10 +137,13 @@ const style = {
   Alert: {
     margin: "28px",
   },
+  Children: {
+    display: "none",
+  },
 };
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
-function RequiredPropsError({ missingProps }) {
+function RequiredPropsError({ missingProps }, children) {
   if (!missingProps)
     return false;
   const host = P();
@@ -161,7 +164,8 @@ function RequiredPropsError({ missingProps }) {
         `<${host.tagName.toLowerCase()}>`,
         ". Values for the following attributes are missing:"),
       h$1("ul", null, missingProps.map((prop) => (h$1("li", null,
-        h$1("strong", null, prop.attribute))))))));
+        h$1("strong", null, prop.attribute)))))),
+    h$1("div", { class: sheet.classes.Children }, children)));
 }
 
 const FORM_VALIDATION_CONTEXT = "sq:validation-state";
@@ -347,7 +351,7 @@ const DropdownField = class {
       },
     ]);
     if (!jn() && missingProps) {
-      return h$1(RequiredPropsError, { missingProps: missingProps });
+      return (h$1(RequiredPropsError, { missingProps: missingProps }, h$1("slot", null)));
     }
     const content = {
       ...getProps(this),

package/dist/esm/sqm-stencilbook.entry.js

@@ -10038,7 +10038,7 @@ const MultipleCheckboxes = createHookStory(() => {
     h("sqm-name-fields", { slot: "formData" }),
     h("sqm-checkbox-field", { slot: "formData", "checkbox-label": "I am not a robot", "error-message": "Cannot be a robot", "checkbox-name": "isHuman" }),
     h("div", { slot: "terms" },
-      h("sqm-checkbox-field", null))));
+      h("sqm-checkbox-field", { "checkbox-name": "otherCheckbox" }))));
 });
 const OptionalCheckboxes = createHookStory(() => {
   setupGraphQL$9();
@@ -10046,7 +10046,7 @@ const OptionalCheckboxes = createHookStory(() => {
     h("sqm-name-fields", { slot: "formData" }),
     h("sqm-checkbox-field", { slot: "formData", "checkbox-label": "I am not a robot", "checkbox-optional": "true", "checkbox-name": "isHuman" }),
     h("div", { slot: "terms" },
-      h("sqm-checkbox-field", null))));
+      h("sqm-checkbox-field", { "checkbox-name": "required" }))));
 });
 const MissingName = createHookStory(() => {
   setupGraphQL$9();