WIP: refactor checkbox (#627)

* fixed has error checked state * restructured css * fix: renames checkbox config tokens * most cases are working * checker icons can be defined via attributes * icons are sized well now * handle key, click and touches * basic focus ring * keyboard events are working * finished --------- Co-authored-by: larserbach <larserbach@users.noreply.github.com>
deven-org · Nov 22, 2023 · cee87d0 · cee87d0
1 parent b56a04b
commit cee87d0
Show file tree

Hide file tree

Showing 10 changed files with 834 additions and 412 deletions.
diff --git a/packages/figma-design-tokens/input/tokens/$themes.json b/packages/figma-design-tokens/input/tokens/$themes.json
@@ -3239,4 +3239,4 @@
       "🔷 ErrorMsg": "c53a483d2440f5df0047daa2e6da82e2c610b3a8"
     }
   }
-]
+]
diff --git a/packages/figma-design-tokens/input/tokens/sizeVariants/CMP.json b/packages/figma-design-tokens/input/tokens/sizeVariants/CMP.json
@@ -207,57 +207,51 @@
         }
       }
     },
-    "Forms": {
-      "Checkbox": {
-        "SM": {
-          "Control": {
+    "Navigation": {
+      "TabBar": {
+        "Tab": {
+          "SM": {
             "Icon": {
-              "value": "SM",
+              "value": "XS",
               "type": "componentConfig",
               "description": "Defines which size-variant of the Icon Component should be used. (The default dimensions might be overrridden with a sizing token.)"
             }
-          }
-        },
-        "MD": {
-          "Control": {
+          },
+          "MD": {
             "Icon": {
               "value": "SM",
               "type": "componentConfig",
               "description": "Defines which size-variant of the Icon Component should be used. (The default dimensions might be overrridden with a sizing token.)"
             }
-          }
-        },
-        "LG": {
-          "Control": {
+          },
+          "LG": {
             "Icon": {
-              "value": "MD",
+              "value": "SM",
               "type": "componentConfig",
               "description": "Defines which size-variant of the Icon Component should be used. (The default dimensions might be overrridden with a sizing token.)"
             }
           }
         }
       }
-    },
-    "Navigation": {
-      "TabBar": {
-        "Tab": {
-          "SM": {
-            "Icon": {
-              "value": "XS",
+    }
+  },
+  "Forms": {
+    "Checkbox": {
+      "Control": {
+        "Icon": {
+          "SizeVariant": {
+            "SM": {
+              "value": "SM",
               "type": "componentConfig",
               "description": "Defines which size-variant of the Icon Component should be used. (The default dimensions might be overrridden with a sizing token.)"
-            }
-          },
-          "MD": {
-            "Icon": {
+            },
+            "MD": {
               "value": "SM",
               "type": "componentConfig",
               "description": "Defines which size-variant of the Icon Component should be used. (The default dimensions might be overrridden with a sizing token.)"
-            }
-          },
-          "LG": {
-            "Icon": {
-              "value": "SM",
+            },
+            "LG": {
+              "value": "MD",
               "type": "componentConfig",
               "description": "Defines which size-variant of the Icon Component should be used. (The default dimensions might be overrridden with a sizing token.)"
             }
-Original file line number
+Diff line change
@@ Expand Up / @@ -3239,4 +3239,4 @@ @@
           "🔷 ErrorMsg": "c53a483d2440f5df0047daa2e6da82e2c610b3a8"
         }
       }
-    ]
+    ]