@gitlab/ui 115.0.0 → 115.1.0

package/src/tokens/contextual/progress-bar.tokens.json

@@ -5,22 +5,46 @@
         "default": {
           "$value": "{status.info.icon.color}",
           "$type": "color",
-          "$description": "Used for the indicator color for the primary progress-bar variant."
+          "$description": "Used for the indicator color for the primary progress-bar variant.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          }
         },
         "success": {
           "$value": "{status.success.icon.color}",
           "$type": "color",
-          "$description": "Used for the indicator color for the success progress-bar variant."
+          "$description": "Used for the indicator color for the success progress-bar variant.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          }
         },
         "warning": {
           "$value": "{status.warning.icon.color}",
           "$type": "color",
-          "$description": "Used for the indicator color for the warning progress-bar variant."
+          "$description": "Used for the indicator color for the warning progress-bar variant.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          }
         },
         "danger": {
           "$value": "{status.danger.icon.color}",
           "$type": "color",
-          "$description": "Used for the indicator color for the danger progress-bar variant."
+          "$description": "Used for the indicator color for the danger progress-bar variant.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          }
         }
       }
     },
@@ -31,7 +55,13 @@
           "dark": "{color.neutral.700}"
         },
         "$type": "color",
-        "$description": "Used for the track color for all progress-bar variants."
+        "$description": "Used for the track color for all progress-bar variants.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        }
       }
     }
   }

package/src/tokens/contextual/skeleton-loader.tokens.json

@@ -7,7 +7,12 @@
           "dark": "{color.neutral.800}"
         },
         "$type": "color",
-        "$description": "Used for the skeleton loader background color."
+        "$description": "Used for the skeleton loader background color.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL"
+          ]
+        }
       }
     },
     "shimmer": {
@@ -17,7 +22,12 @@
           "dark": "{color.neutral.700}"
         },
         "$type": "color",
-        "$description": "Used for the animated shimmer effect in a skeleton loader."
+        "$description": "Used for the animated shimmer effect in a skeleton loader.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL"
+          ]
+        }
       }
     }
   }

package/src/tokens/contextual/spinner.tokens.json

@@ -8,12 +8,22 @@
             "dark": "{color.neutral.600}"
           },
           "$type": "color",
-          "$description": "Used for the static track (background) of a loading spinner."
+          "$description": "Used for the static track (background) of a loading spinner.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL"
+            ]
+          }
         },
         "light": {
           "$value": "{color.neutral.800}",
           "$type": "color",
-          "$description": "Used for the static track (background) of a loading spinner on a dark background."
+          "$description": "Used for the static track (background) of a loading spinner on a dark background.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL"
+            ]
+          }
         }
       }
     },
@@ -25,12 +35,22 @@
             "dark": "{color.neutral.100}"
           },
           "$type": "color",
-          "$description": "Used for the animated segment of a loading spinner."
+          "$description": "Used for the animated segment of a loading spinner.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL"
+            ]
+          }
         },
         "light": {
           "$value": "{color.neutral.200}",
           "$type": "color",
-          "$description": "Used for the animated segment of a loading spinner on a dark background."
+          "$description": "Used for the animated segment of a loading spinner on a dark background.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL"
+            ]
+          }
         }
       }
     }

package/src/tokens/contextual/table.tokens.json

@@ -6,7 +6,13 @@
           "hover": {
             "$value": "{background.color.subtle}",
             "$type": "color",
-            "$description": "Used for the background of a table row in hover state."
+            "$description": "Used for the background of a table row in hover state.",
+            "$extensions": {
+              "com.figma.scope": [
+                "FRAME_FILL",
+                "SHAPE_FILL"
+              ]
+            }
           }
         }
       }
@@ -16,7 +22,13 @@
         "color": {
           "$value": "{text.color.heading}",
           "$type": "color",
-          "$description": "Used for the color of the sorting icons in the column headers."
+          "$description": "Used for the color of the sorting icons in the column headers.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL",
+              "TEXT_FILL"
+            ]
+          }
         }
       }
     }

package/src/tokens/contextual/tabs.tokens.json

@@ -9,7 +9,13 @@
               "dark": "{color.blue.400}"
             },
             "$type": "color",
-            "$description": "Used for the selected indicator of a tab."
+            "$description": "Used for the selected indicator of a tab.",
+            "$extensions": {
+              "com.figma.scope": [
+                "FRAME_FILL",
+                "SHAPE_FILL"
+              ]
+            }
           }
         }
       }

package/src/tokens/contextual/toggle.tokens.json

@@ -7,50 +7,95 @@
             "default": {
               "$value": "{action.strong.neutral.background.color.default}",
               "$type": "color",
-              "$description": "Used for the icon color of an unchecked toggle switch in the default state."
+              "$description": "Used for the icon color of an unchecked toggle switch in the default state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "hover": {
               "$value": "{action.strong.neutral.background.color.hover}",
               "$type": "color",
-              "$description": "Used for the icon color of an unchecked toggle switch in the hover state."
+              "$description": "Used for the icon color of an unchecked toggle switch in the hover state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "focus": {
               "$value": "{action.strong.neutral.background.color.focus}",
               "$type": "color",
-              "$description": "Used for the icon color of an unchecked toggle switch in the focus state."
+              "$description": "Used for the icon color of an unchecked toggle switch in the focus state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "active": {
               "$value": "{action.strong.neutral.background.color.active}",
               "$type": "color",
-              "$description": "Used for the icon color of an unchecked toggle switch in the active state."
+              "$description": "Used for the icon color of an unchecked toggle switch in the active state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "SHAPE_FILL"
+                ]
+              }
             }
           },
           "checked": {
             "default": {
               "$value": "{action.strong.confirm.background.color.default}",
               "$type": "color",
-              "$description": "Used for the icon color of a checked toggle switch in the default state."
+              "$description": "Used for the icon color of a checked toggle switch in the default state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "hover": {
               "$value": "{action.strong.confirm.background.color.hover}",
               "$type": "color",
-              "$description": "Used for the icon color of a checked toggle switch in the hover state."
+              "$description": "Used for the icon color of a checked toggle switch in the hover state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "focus": {
               "$value": "{action.strong.confirm.background.color.focus}",
               "$type": "color",
-              "$description": "Used for the icon color of a checked toggle switch in the focus state."
+              "$description": "Used for the icon color of a checked toggle switch in the focus state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "SHAPE_FILL"
+                ]
+              }
             },
             "active": {
               "$value": "{action.strong.confirm.background.color.active}",
               "$type": "color",
-              "$description": "Used for the icon color of a checked toggle switch in the active state."
+              "$description": "Used for the icon color of a checked toggle switch in the active state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "SHAPE_FILL"
+                ]
+              }
             }
           },
           "disabled": {
             "$value": "{action.disabled.background.color}",
             "$type": "color",
-            "$description": "Used for the icon color of a disabled toggle switch."
+            "$description": "Used for the icon color of a disabled toggle switch.",
+            "$extensions": {
+              "com.figma.scope": [
+                "SHAPE_FILL"
+              ]
+            }
           }
         }
       }

package/src/tokens/contextual/token-selector.tokens.json

@@ -10,7 +10,13 @@
                 "dark": "{color.neutral.600}"
               },
               "$type": "color",
-              "$description": "Used for the background color of a token in a token-selector when it's token-container is in the focus state."
+              "$description": "Used for the background color of a token in a token-selector when it's token-container is in the focus state.",
+              "$extensions": {
+                "com.figma.scope": [
+                  "FRAME_FILL",
+                  "SHAPE_FILL"
+                ]
+              }
             }
           }
         }

package/src/tokens/contextual/token.tokens.json

@@ -4,7 +4,13 @@
       "color": {
         "$value": "{text.color.default}",
         "$type": "color",
-        "$description": "Used for the token foreground color."
+        "$description": "Used for the token foreground color.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL",
+            "TEXT_FILL"
+          ]
+        }
       }
     },
     "background": {
@@ -14,7 +20,13 @@
           "dark": "{color.neutral.800}"
         },
         "$type": "color",
-        "$description": "Used for the token background color."
+        "$description": "Used for the token background color.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        }
       }
     }
   }