@startinblox/core 1.0.0-beta.4 → 2.0.0-beta.1

package/dist/index.js

@@ -34494,43 +34494,49 @@ const formTemplates = {
   },
   radio: {
     template: (value, attributes) => x`
-      <div
+    <fieldset>
+      <legend
         name=${o$2(attributes.name)}
       >
-        ${(attributes.range || []).map(
+        ${attributes.label}
+      </legend>
+      ${(attributes.range || []).map(
       (el) => x`
-          <label>
-            <input
-              type="radio"
-              name=${o$2(attributes.id)}
-              value=${el.value}
-              ?required=${attributes.required}
-              ?checked=${value === el.selectedValue}
-            > <span>${el.label}</span>
-          </label>
-        `
+        <label>
+          <input
+            type="radio"
+            name=${o$2(attributes.id)}
+            value=${el.value}
+            ?required=${attributes.required}
+            ?checked=${value === el.selectedValue}
+          > <span>${el.label}</span>
+        </label>
+      `
     )}
-        ${Object.entries(attributes.enum || []).map(
+      ${Object.entries(attributes.enum || []).map(
       ([key, val]) => x`
-          <label>
-            <input
-              type="radio"
-              value="${key}"
-              name=${o$2(attributes.id)}
-              ?required=${attributes.required}
-              ?checked=${value === key}
-            > <span>${val}</span>
-          </label>
-        `
+        <label>
+          <input
+            type="radio"
+            value="${key}"
+            name=${o$2(attributes.id)}
+            ?required=${attributes.required}
+            ?checked=${value === key}
+          > <span>${val}</span>
+        </label>
+      `
     )}
+    </fieldset>
     `,
     dependencies: [FormRadioMixin, FormMixin, RangeMixin]
   },
   multicheckbox: {
     template: (_value, attributes) => x`
-      <div
-        name=${o$2(attributes.name)}
-      >
+      <fieldset>
+        <legend 
+          name=${o$2(attributes.name)}>
+            ${attributes.label}
+        </legend>
         ${(attributes.range || []).map(
       (el) => x`
           <label>
@@ -34551,7 +34557,7 @@ const formTemplates = {
           </label>
         `
     )}
-      </select>
+      </fieldset>
     `,
     dependencies: [FormCheckboxesMixin, FormMixin, RangeMixin]
   },
@@ -34568,6 +34574,7 @@ const formTemplates = {
         order-asc=${o$2(attributes.orderAsc)}
         order-desc=${o$2(attributes.orderDesc)}
         ?required=${attributes.required}
+        label=${o$2(attributes.label)} 
       ></solid-form-multicheckbox>
     `,
     dependencies: [MultipleselectFormMixin, FormMixin, RangeMixin]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/core",
-  "version": "1.0.0-beta.4",
+  "version": "2.0.0-beta.1",
   "description": "This is a series of web component respecting both the web components standards and the Linked Data Platform convention.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",