@rogieking/figui3 1.0.6 → 1.0.8

package/fig.css

@@ -529,17 +529,8 @@ fig-segmented-control {
     appearance: none;
     padding: 0 var(--spacer-2);
 
-    & [type=radio] {
-      position: absolute;
-      inset: 0;
-      border-radius: 0;
-      opacity: 0;
-      z-index: 1;
-      width: 100%;
-      height: 100%;
-    }
-
-    &:has(:checked) {
+    &[selected]:not([selected=false]),
+    &[selected=true] {
       background-color: var(--figma-color-bg);
       border-radius: calc(var(--radius-medium) - 1px);
       box-shadow: var(--handle-shadow);
@@ -1619,6 +1610,8 @@ fig-input-text[resizable] textarea {
 
 fig-checkbox,
 fig-radio {
+  align-items: center;
+
   & label span {
     vertical-align: middle;
   }

package/fig.js

@@ -956,6 +956,10 @@ class FigCheckbox extends HTMLElement {
             case "checked":
                 this.checked = this.input.checked = this.hasAttribute("checked") ? true : false
                 break;
+            case "name":
+            case "value":
+                this.input[name] = newValue
+                break;
         }
     }
 
@@ -968,6 +972,15 @@ class FigCheckbox extends HTMLElement {
 }
 window.customElements.define('fig-checkbox', FigCheckbox);
 
+/* Radio */
+class FigRadio extends FigCheckbox {
+    constructor() {
+        super()
+        this.input.setAttribute("type", "radio")
+    }
+}
+window.customElements.define('fig-radio', FigRadio);
+
 /* Switch */
 class FigSwitch extends FigCheckbox {
     render() {

package/package.json

@@ -1,4 +1,4 @@
 {
   "name": "@rogieking/figui3",
-  "version": "1.0.6"
+  "version": "1.0.8"
 }