adding radio

dist/fonts/stylesheet.css

@@ -1,24 +1 @@
-@font-face {
-    font-family: 'IBM Plex Mono';
-    src: url('IBMPlexMono.eot');
-    src: url('IBMPlexMono.eot?#iefix') format('embedded-opentype'),
-        url('IBMPlexMono.woff2') format('woff2'),
-        url('IBMPlexMono.woff') format('woff'),
-        url('IBMPlexMono.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'IBM Plex Mono';
-    src: url('IBMPlexMono-Bold.eot');
-    src: url('IBMPlexMono-Bold.eot?#iefix') format('embedded-opentype'),
-        url('IBMPlexMono-Bold.woff2') format('woff2'),
-        url('IBMPlexMono-Bold.woff') format('woff'),
-        url('IBMPlexMono-Bold.ttf') format('truetype');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-
+@font-face{font-family:'IBM Plex Mono';src:url('IBMPlexMono.eot');src:url('IBMPlexMono.eot?#iefix') format('embedded-opentype'),url('IBMPlexMono.woff2') format('woff2'),url('IBMPlexMono.woff') format('woff'),url('IBMPlexMono.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'IBM Plex Mono';src:url('IBMPlexMono-Bold.eot');src:url('IBMPlexMono-Bold.eot?#iefix') format('embedded-opentype'),url('IBMPlexMono-Bold.woff2') format('woff2'),url('IBMPlexMono-Bold.woff') format('woff'),url('IBMPlexMono-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}

dist/index.html

@@ -167,6 +167,29 @@
                         </label>
                     </div>
 
+                    <div class="field-group">
+                        <label class="field-label">
+                            <input class="field-choice" type="radio" name="radio" value="true" />
+                            <svg class="icon field-choice__unchecked" aria-hidden="true">
+                                <use xlink:href="symbol-defs.svg#icon-circle"></use>
+                            </svg>
+                            <svg class="icon field-choice__checked" aria-hidden="true">
+                                <use xlink:href="symbol-defs.svg#icon-circle-check"></use>
+                            </svg>
+                            A
+                        </label>
+                        <label class="field-label">
+                            <input class="field-choice" type="radio" name="radio" value="true" />
+                            <svg class="icon field-choice__unchecked" aria-hidden="true">
+                                <use xlink:href="symbol-defs.svg#icon-circle"></use>
+                            </svg>
+                            <svg class="icon field-choice__checked" aria-hidden="true">
+                                <use xlink:href="symbol-defs.svg#icon-circle-check"></use>
+                            </svg>
+                            B
+                        </label>
+                    </div>
+
                 </form>
 
             </div>

spritemap.js

@@ -1,13 +1 @@
-(self["webpackChunkplain_ui"] = self["webpackChunkplain_ui"] || []).push([["spritemap"],{
-
-/***/ "?4e0c":
-/*!******************************!*\
-  !*** spritemap-dummy-module ***!
-  \******************************/
-/***/ (() => {
-
-
-
-/***/ })
-
-}]);
+(self.webpackChunkplain_ui=self.webpackChunkplain_ui||[]).push([[355],{256:()=>{}}]);

src/scss/components/_field.scss

@@ -90,7 +90,8 @@
      *
      */
 
-    input[type=checkbox].field-choice {
+    input[type=checkbox].field-choice,
+    input[type=radio].field-choice {
         position: relative;
         display: none;