@gitlab/ui 115.0.0 → 115.1.0

package/src/tokens/contextual/chart.tokens.json

@@ -5,7 +5,12 @@
         "color": {
           "$value": "{icon.color.subtle}",
           "$type": "color",
-          "$description": "Used in charts for the color of the reference line and axis value under mouse pointer."
+          "$description": "Used in charts for the color of the reference line and axis value under mouse pointer.",
+          "$extensions": {
+            "com.figma.scope": [
+              "ALL_SCOPES"
+            ]
+          }
         }
       },
       "line": {
@@ -15,14 +20,24 @@
             "dark": "{color.neutral.700}"
           },
           "$type": "color",
-          "$description": "Used in charts for axis line color."
+          "$description": "Used in charts for axis line color.",
+          "$extensions": {
+            "com.figma.scope": [
+              "ALL_SCOPES"
+            ]
+          }
         }
       },
       "text": {
         "color": {
           "$value": "{text.color.subtle}",
           "$type": "color",
-          "$description": "Used in charts for the text color of axis titles and labels."
+          "$description": "Used in charts for the text color of axis titles and labels.",
+          "$extensions": {
+            "com.figma.scope": [
+              "ALL_SCOPES"
+            ]
+          }
         }
       }
     },
@@ -31,7 +46,12 @@
         "color": {
           "$value": "rgba(221,43,14,0.1)",
           "$type": "color",
-          "$description": "Used in charts to delineate a threshold area in a chart."
+          "$description": "Used in charts to delineate a threshold area in a chart.",
+          "$extensions": {
+            "com.figma.scope": [
+              "ALL_SCOPES"
+            ]
+          }
         }
       },
       "line": {
@@ -41,7 +61,12 @@
             "dark": "{color.red.600}"
           },
           "$type": "color",
-          "$description": "Used in charts to divide a threshold area in a chart from other data."
+          "$description": "Used in charts to divide a threshold area in a chart from other data.",
+          "$extensions": {
+            "com.figma.scope": [
+              "ALL_SCOPES"
+            ]
+          }
         }
       }
     },
@@ -53,14 +78,24 @@
             "dark": "{color.alpha.light.16}"
           },
           "$type": "color",
-          "$description": "Used in charts for the overlay color when zooming in on a specific area of data."
+          "$description": "Used in charts for the overlay color when zooming in on a specific area of data.",
+          "$extensions": {
+            "com.figma.scope": [
+              "ALL_SCOPES"
+            ]
+          }
         }
       },
       "handle": {
         "color": {
           "$value": "{icon.color.subtle}",
           "$type": "color",
-          "$description": "Used in charts for the handle color when zooming in on a specific area of data."
+          "$description": "Used in charts for the handle color when zooming in on a specific area of data.",
+          "$extensions": {
+            "com.figma.scope": [
+              "ALL_SCOPES"
+            ]
+          }
         }
       }
     }

package/src/tokens/contextual/datepicker.tokens.json

@@ -7,7 +7,13 @@
           "dark": "{color.neutral.900}"
         },
         "$type": "color",
-        "$description": "Used for the background color of datepicker."
+        "$description": "Used for the background color of datepicker.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL",
+            "TEXT_FILL"
+          ]
+        }
       }
     },
     "date": {
@@ -16,7 +22,12 @@
           "selected": {
             "$value": "{control.indicator.color.selected}",
             "$type": "color",
-            "$description": "Used for the datepicker date text color state indicators."
+            "$description": "Used for the datepicker date text color state indicators.",
+            "$extensions": {
+              "com.figma.scope": [
+                "TEXT_FILL"
+              ]
+            }
           }
         }
       }

package/src/tokens/contextual/dropdown.tokens.json

@@ -4,7 +4,13 @@
       "color": {
         "$value": "{background.color.overlap}",
         "$type": "color",
-        "$description": "Used for the background of a dropdown."
+        "$description": "Used for the background of a dropdown.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        }
       }
     },
     "border": {
@@ -14,7 +20,13 @@
           "dark": "{border.color.default}"
         },
         "$type": "color",
-        "$description": "Used for the border of a dropdown."
+        "$description": "Used for the border of a dropdown.",
+        "$extensions": {
+          "com.figma.scope": [
+            "EFFECT_COLOR",
+            "STROKE_COLOR"
+          ]
+        }
       }
     },
     "divider": {
@@ -24,7 +36,13 @@
           "dark": "{border.color.subtle}"
         },
         "$type": "color",
-        "$description": "Used for the divider of a dropdown."
+        "$description": "Used for the divider of a dropdown.",
+        "$extensions": {
+          "com.figma.scope": [
+            "EFFECT_COLOR",
+            "STROKE_COLOR"
+          ]
+        }
       }
     },
     "option": {
@@ -33,27 +51,52 @@
           "default": {
             "$value": "{action.neutral.foreground.color.default}",
             "$type": "color",
-            "$description": "Used for the text of a dropdown option in the default state."
+            "$description": "Used for the text of a dropdown option in the default state.",
+            "$extensions": {
+              "com.figma.scope": [
+                "TEXT_FILL"
+              ]
+            }
           },
           "hover": {
             "$value": "{action.neutral.foreground.color.hover}",
             "$type": "color",
-            "$description": "Used for the text of a dropdown option in the hover state."
+            "$description": "Used for the text of a dropdown option in the hover state.",
+            "$extensions": {
+              "com.figma.scope": [
+                "TEXT_FILL"
+              ]
+            }
           },
           "focus": {
             "$value": "{action.neutral.foreground.color.focus}",
             "$type": "color",
-            "$description": "Used for the text of a dropdown option in the focus state."
+            "$description": "Used for the text of a dropdown option in the focus state.",
+            "$extensions": {
+              "com.figma.scope": [
+                "TEXT_FILL"
+              ]
+            }
           },
           "active": {
             "$value": "{action.neutral.foreground.color.active}",
             "$type": "color",
-            "$description": "Used for the text of a dropdown option in the active state."
+            "$description": "Used for the text of a dropdown option in the active state.",
+            "$extensions": {
+              "com.figma.scope": [
+                "TEXT_FILL"
+              ]
+            }
           },
           "disabled": {
             "$value": "{action.disabled.foreground.color}",
             "$type": "color",
-            "$description": "Used for the text of a dropdown option in the disabled state."
+            "$description": "Used for the text of a dropdown option in the disabled state.",
+            "$extensions": {
+              "com.figma.scope": [
+                "TEXT_FILL"
+              ]
+            }
           }
         }
       },
@@ -63,22 +106,46 @@
             "default": {
               "$value": "{control.background.color.selected.default}",
               "$type": "color",
-              "$description": "Used for the dropdown selected option indicator in the default state."
+              "$description": "Used for the dropdown selected option indicator in the default state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "SHAPE_FILL",
+                  "TEXT_FILL"
+                ]
+              }
             },
             "hover": {
               "$value": "{control.background.color.selected.hover}",
               "$type": "color",
-              "$description": "Used for the dropdown selected option indicator in the hover state."
+              "$description": "Used for the dropdown selected option indicator in the hover state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "SHAPE_FILL",
+                  "TEXT_FILL"
+                ]
+              }
             },
             "focus": {
               "$value": "{control.background.color.selected.focus}",
               "$type": "color",
-              "$description": "Used for the dropdown selected option indicator in the focus state."
+              "$description": "Used for the dropdown selected option indicator in the focus state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "SHAPE_FILL",
+                  "TEXT_FILL"
+                ]
+              }
             },
             "active": {
               "$value": "{control.background.color.selected.focus}",
               "$type": "color",
-              "$description": "Used for the dropdown selected option indicator in the active state."
+              "$description": "Used for the dropdown selected option indicator in the active state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "SHAPE_FILL",
+                  "TEXT_FILL"
+                ]
+              }
             }
           }
         }
@@ -89,22 +156,46 @@
             "default": {
               "$value": "{action.neutral.background.color.default}",
               "$type": "color",
-              "$description": "Used for the background of an unselected dropdown option in the default state."
+              "$description": "Used for the background of an unselected dropdown option in the default state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "hover": {
               "$value": "{action.neutral.background.color.hover}",
               "$type": "color",
-              "$description": "Used for the background of an unselected dropdown option in the hover state."
+              "$description": "Used for the background of an unselected dropdown option in the hover state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "focus": {
               "$value": "{action.neutral.background.color.focus}",
               "$type": "color",
-              "$description": "Used for the background of an unselected dropdown option in the focus state."
+              "$description": "Used for the background of an unselected dropdown option in the focus state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "active": {
               "$value": "{action.neutral.background.color.active}",
               "$type": "color",
-              "$description": "Used for the background of an unselected dropdown option in the active state."
+              "$description": "Used for the background of an unselected dropdown option in the active state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             }
           },
           "selected": {
@@ -114,7 +205,13 @@
                 "dark": "{color.neutral.800}"
               },
               "$type": "color",
-              "$description": "Used for the background of a selected dropdown option in the default state."
+              "$description": "Used for the background of a selected dropdown option in the default state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "hover": {
               "$value": {
@@ -122,12 +219,24 @@
                 "dark": "{color.neutral.700}"
               },
               "$type": "color",
-              "$description": "Used for the background of a selected dropdown option in the hover state."
+              "$description": "Used for the background of a selected dropdown option in the hover state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "focus": {
               "$value": "{dropdown.option.background.color.selected.hover}",
               "$type": "color",
-              "$description": "Used for the background of a selected dropdown option in the focus state."
+              "$description": "Used for the background of a selected dropdown option in the focus state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "active": {
               "$value": {
@@ -135,7 +244,13 @@
                 "dark": "{color.neutral.900}"
               },
               "$type": "color",
-              "$description": "Used for the background of a selected dropdown option in the active state."
+              "$description": "Used for the background of a selected dropdown option in the active state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             }
           }
         }
@@ -149,7 +264,13 @@
             "dark": "{color.alpha.dark.24}"
           },
           "$type": "color",
-          "$description": "Used for the background of a search input in a dropdown listbox."
+          "$description": "Used for the background of a search input in a dropdown listbox.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          }
         }
       }
     }

package/src/tokens/contextual/filtered-search.tokens.json

@@ -10,7 +10,13 @@
                 "dark": "{color.neutral.900}"
               },
               "$type": "color",
-              "$description": "Used for the filtered search type token background color in the default state."
+              "$description": "Used for the filtered search type token background color in the default state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "hover": {
               "$value": {
@@ -18,7 +24,13 @@
                 "dark": "{color.neutral.800}"
               },
               "$type": "color",
-              "$description": "Used for the filtered search type token background color in the hover state."
+              "$description": "Used for the filtered search type token background color in the hover state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             }
           }
         }
@@ -32,7 +44,13 @@
                 "dark": "{color.neutral.800}"
               },
               "$type": "color",
-              "$description": "Used for the filtered search data background color in the default state."
+              "$description": "Used for the filtered search data background color in the default state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "hover": {
               "$value": {
@@ -40,7 +58,13 @@
                 "dark": "{color.neutral.700}"
               },
               "$type": "color",
-              "$description": "Used for the filtered search data token background color in the hover state."
+              "$description": "Used for the filtered search data token background color in the hover state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             }
           }
         }
@@ -54,7 +78,13 @@
                 "dark": "{color.neutral.900}"
               },
               "$type": "color",
-              "$description": "Used for the filtered search operator background color in the default state."
+              "$description": "Used for the filtered search operator background color in the default state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "hover": {
               "$value": {
@@ -62,7 +92,13 @@
                 "dark": "{color.neutral.800}"
               },
               "$type": "color",
-              "$description": "Used for the filtered search operator token background color in the hover state."
+              "$description": "Used for the filtered search operator token background color in the hover state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             }
           }
         }