Shadow

Shadow tokens define one single shadow, such as 2px 2px 4px #000000 .

Example Token Payload

This is what the shadow payload looks like:


                                        
                                        
                                        {
                                          "id": string
                                          "name": string
                                          "description": string
                                          "tokenType": "Shadow"
                                          "origin": ItemOrigin | null
                                          "value": {
                                            "color": {
                                              "hex": string
                                              "r": int (0-255),
                                              "g": int (0-255),
                                              "b": int (0-255),
                                              "a": int (0-255),
                                              "referencedToken": Color | null
                                            },
                                            "x": {
                                              "unit": "px",
                                              "measure": double
                                              "referencedToken": Measure | null
                                            },
                                            "y": {
                                              "unit": "px",
                                              "measure": double
                                              "referencedToken": Measure | null
                                            },
                                            "spread": {
                                              "unit": "px",
                                              "measure": double
                                              "referencedToken": Measure | null
                                            },
                                            "radius": {
                                              "unit": "px",
                                              "measure": double
                                              "referencedToken": Measure | null
                                            },
                                            "opacity": double (0-1)
                                            "referencedToken": Shadow | null
                                          }
                                        }
                                        
                                        

Associated functions

You can use the following functions to retrieve shadow tokens from your design system: