shadows added

api3dao · May 21, 2024 · a62bf6c · a62bf6c
1 parent 7049833
commit a62bf6c
Showing 1 changed file with 115 additions and 9 deletions.
diff --git a/tokens/tokens.json b/tokens/tokens.json
@@ -629,20 +629,122 @@
             "value": "1600px",
             "type": "other"
           }
+        },
+        "opacity": {
+          "40": {
+            "value": "40%",
+            "type": "opacity"
+          }
         }
       },
       "semantic": {
         "shadow": {
           "dropdown": {
-            "value": {
-              "x": "0px",
-              "y": "4px",
-              "blur": "20px",
-              "spread": "0px",
-              "color": "#10121190",
-              "type": "dropShadow"
-            },
-            "type": "boxShadow"
+            "default": {
+              "value": {
+                "x": "0",
+                "y": "40",
+                "blur": "20",
+                "spread": "0",
+                "color": "#10121190",
+                "type": "innerShadow"
+              },
+              "type": "boxShadow"
+            }
+          },
+          "toggle": {
+            "focus": {
+              "value": {
+                "x": "0",
+                "y": "0",
+                "blur": "6",
+                "spread": "1",
+                "color": "#f2f4f725",
+                "type": "dropShadow"
+              },
+              "type": "boxShadow"
+            },
+            "default": {
+              "value": [
+                {
+                  "x": "0",
+                  "y": "1",
+                  "blur": "3",
+                  "spread": "0",
+                  "color": "#10182810",
+                  "type": "dropShadow"
+                },
+                {
+                  "x": "0",
+                  "y": "1",
+                  "blur": "2",
+                  "spread": "0",
+                  "color": "#10182820",
+                  "type": "dropShadow"
+                }
+              ],
+              "type": "boxShadow"
+            }
+          },
+          "switch": {
+            "default": {
+              "value": [
+                {
+                  "x": "2",
+                  "y": "2",
+                  "blur": "8",
+                  "spread": "0",
+                  "color": "#ffffff30",
+                  "type": "innerShadow"
+                },
+                {
+                  "x": "-2",
+                  "y": "-2",
+                  "blur": "8",
+                  "spread": "0",
+                  "color": "#00000030",
+                  "type": "innerShadow"
+                },
+                {
+                  "x": "2",
+                  "y": "2",
+                  "blur": "10",
+                  "spread": "0",
+                  "color": "#00000050",
+                  "type": "dropShadow"
+                },
+                {
+                  "x": "-2",
+                  "y": "-2",
+                  "blur": "10",
+                  "spread": "0",
+                  "color": "#ffffff10",
+                  "type": "dropShadow"
+                }
+              ],
+              "type": "boxShadow"
+            },
+            "disabled": {
+              "value": [
+                {
+                  "x": "-2",
+                  "y": "-2",
+                  "blur": "8",
+                  "spread": "0",
+                  "color": "#00000030",
+                  "type": "innerShadow"
+                },
+                {
+                  "x": "2",
+                  "y": "2",
+                  "blur": "10",
+                  "spread": "0",
+                  "color": "#00000050",
+                  "type": "dropShadow"
+                }
+              ],
+              "type": "boxShadow"
+            }
           }
         },
         "font": {
@@ -1569,6 +1671,10 @@
               "4": {
                 "value": "linear-gradient (135deg, rgba(#F3F3F3, .25) 0%, rgba(#202020, .60) 100%)",
                 "type": "color"
+              },
+              "5": {
+                "value": "lnear-gradient (135deg, rgba({ds.core.color.emerald.500}, 1) 0%, rgba({ds.core.color.emerald.500}, 0) 100%), 40%",
+                "type": "color"
               }
             },
             "green": {