@gitlab/ui 115.0.0 → 115.1.0

package/src/tokens/semantic/feedback.tokens.json

@@ -5,28 +5,50 @@
         "color": {
           "$value": "{color.neutral.800}",
           "$type": "color",
-          "$description": "Used for a background associated with strong feedback like a tooltip or toast message."
+          "$description": "Used for a background associated with strong feedback like a tooltip or toast message.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          }
         }
       },
       "text": {
         "color": {
           "$value": "{color.neutral.0}",
           "$type": "color",
-          "$description": "Used for text on a strong feedback background."
+          "$description": "Used for text on a strong feedback background.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          }
         }
       },
       "icon": {
         "color": {
           "$value": "{color.neutral.0}",
           "$type": "color",
-          "$description": "Used for an icon on a strong feedback background."
+          "$description": "Used for an icon on a strong feedback background.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL",
+              "TEXT_FILL"
+            ]
+          }
         }
       },
       "link": {
         "color": {
           "$value": "{color.blue.300}",
           "$type": "color",
-          "$description": "Used for a link on a strong feedback background."
+          "$description": "Used for a link on a strong feedback background.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          }
         }
       }
     },
@@ -38,7 +60,13 @@
             "dark": "{color.neutral.900}"
           },
           "$type": "color",
-          "$description": "Used for the background of a neutral feedback item when there isn't a specific meaning or urgency."
+          "$description": "Used for the background of a neutral feedback item when there isn't a specific meaning or urgency.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          }
         }
       },
       "text": {
@@ -48,7 +76,12 @@
             "dark": "{color.neutral.200}"
           },
           "$type": "color",
-          "$description": "Used for the text of a neutral feedback item when there isn't a specific meaning or urgency."
+          "$description": "Used for the text of a neutral feedback item when there isn't a specific meaning or urgency.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          }
         }
       },
       "icon": {
@@ -58,7 +91,13 @@
             "dark": "{color.neutral.300}"
           },
           "$type": "color",
-          "$description": "Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency."
+          "$description": "Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL",
+              "TEXT_FILL"
+            ]
+          }
         }
       }
     },
@@ -70,7 +109,13 @@
             "dark": "{color.blue.950}"
           },
           "$type": "color",
-          "$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action."
+          "$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          }
         }
       },
       "text": {
@@ -80,7 +125,12 @@
             "dark": "{color.blue.200}"
           },
           "$type": "color",
-          "$description": "Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action."
+          "$description": "Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          }
         }
       },
       "icon": {
@@ -90,7 +140,13 @@
             "dark": "{color.blue.300}"
           },
           "$type": "color",
-          "$description": "Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action."
+          "$description": "Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL",
+              "TEXT_FILL"
+            ]
+          }
         }
       }
     },
@@ -102,7 +158,13 @@
             "dark": "{color.green.900}"
           },
           "$type": "color",
-          "$description": "Used for the background of a success feedback item when confirming the successful completion of a user-initiated action."
+          "$description": "Used for the background of a success feedback item when confirming the successful completion of a user-initiated action.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          }
         }
       },
       "text": {
@@ -112,7 +174,12 @@
             "dark": "{color.green.200}"
           },
           "$type": "color",
-          "$description": "Used for the text of a success feedback item when confirming the successful completion of a user-initiated action."
+          "$description": "Used for the text of a success feedback item when confirming the successful completion of a user-initiated action.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          }
         }
       },
       "icon": {
@@ -122,7 +189,13 @@
             "dark": "{color.green.300}"
           },
           "$type": "color",
-          "$description": "Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action."
+          "$description": "Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL",
+              "TEXT_FILL"
+            ]
+          }
         }
       }
     },
@@ -134,7 +207,13 @@
             "dark": "{color.orange.900}"
           },
           "$type": "color",
-          "$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information."
+          "$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          }
         }
       },
       "text": {
@@ -144,7 +223,12 @@
             "dark": "{color.orange.200}"
           },
           "$type": "color",
-          "$description": "Used for the text of a warning feedback item when notifying about a potential issue or sensitive information."
+          "$description": "Used for the text of a warning feedback item when notifying about a potential issue or sensitive information.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          }
         }
       },
       "icon": {
@@ -154,7 +238,13 @@
             "dark": "{color.orange.300}"
           },
           "$type": "color",
-          "$description": "Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information."
+          "$description": "Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL",
+              "TEXT_FILL"
+            ]
+          }
         }
       }
     },
@@ -166,7 +256,13 @@
             "dark": "{color.red.900}"
           },
           "$type": "color",
-          "$description": "Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention."
+          "$description": "Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          }
         }
       },
       "text": {
@@ -176,7 +272,12 @@
             "dark": "{color.red.200}"
           },
           "$type": "color",
-          "$description": "Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention."
+          "$description": "Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          }
         }
       },
       "icon": {
@@ -186,7 +287,13 @@
             "dark": "{color.red.300}"
           },
           "$type": "color",
-          "$description": "Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention."
+          "$description": "Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL",
+              "TEXT_FILL"
+            ]
+          }
         }
       }
     }

package/src/tokens/semantic/focus-ring.tokens.json

@@ -7,14 +7,24 @@
           "dark": "{color.blue.400}"
         },
         "$type": "color",
-        "$description": "Used for the outer color portion of the focus ring."
+        "$description": "Used for the outer color portion of the focus ring.",
+        "$extensions": {
+          "com.figma.scope": [
+            "STROKE_COLOR"
+          ]
+        }
       }
     },
     "inner": {
       "color": {
         "$value": "{background.color.default}",
         "$type": "color",
-        "$description": "Used for the inner neutral portion of the focus ring."
+        "$description": "Used for the inner neutral portion of the focus ring.",
+        "$extensions": {
+          "com.figma.scope": [
+            "STROKE_COLOR"
+          ]
+        }
       }
     }
   }

package/src/tokens/semantic/highlight.tokens.json

@@ -8,7 +8,13 @@
             "dark": "{color.orange.200}"
           },
           "$type": "color",
-          "$description": "Used for temporary visual emphasis of backgrounds of matched search terms, filtered results, or autocomplete suggestions without implying any particular state or meaning."
+          "$description": "Used for temporary visual emphasis of backgrounds of matched search terms, filtered results, or autocomplete suggestions without implying any particular state or meaning.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          }
         }
       },
       "text": {
@@ -18,7 +24,12 @@
             "dark": "{color.neutral.950}"
           },
           "$type": "color",
-          "$description": "Used for text within temporarily highlighted matches to maintain readability while drawing attention without conveying status."
+          "$description": "Used for text within temporarily highlighted matches to maintain readability while drawing attention without conveying status.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          }
         }
       }
     },
@@ -30,7 +41,13 @@
             "dark": "{color.blue.950}"
           },
           "$type": "color",
-          "$description": "Used for temporary visual emphasis for backgrounds of referenced elements (for example URL anchors, hover states) or to show relationships between content without implying status or requiring action."
+          "$description": "Used for temporary visual emphasis for backgrounds of referenced elements (for example URL anchors, hover states) or to show relationships between content without implying status or requiring action.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          }
         }
       },
       "border": {
@@ -40,7 +57,12 @@
             "dark": "{color.blue.700}"
           },
           "$type": "color",
-          "$description": "Used to provide additional visual emphasis for borders of temporarily targeted elements or when visualizing connections between related content, distinct from persistent states."
+          "$description": "Used to provide additional visual emphasis for borders of temporarily targeted elements or when visualizing connections between related content, distinct from persistent states.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          }
         }
       }
     }

package/src/tokens/semantic/icon.tokens.json

@@ -4,27 +4,57 @@
       "default": {
         "$value": "{text.color.default}",
         "$type": "color",
-        "$description": "Used for the default icon color. Can be paired with default text."
+        "$description": "Used for the default icon color. Can be paired with default text.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL",
+            "TEXT_FILL"
+          ]
+        }
       },
       "subtle": {
         "$value": "{text.color.subtle}",
         "$type": "color",
-        "$description": "Used for a static or decorational icon. Can be paired with subtle text."
+        "$description": "Used for a static or decorational icon. Can be paired with subtle text.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL",
+            "TEXT_FILL"
+          ]
+        }
       },
       "strong": {
         "$value": "{text.color.strong}",
         "$type": "color",
-        "$description": "Used for an icon with the highest contrast."
+        "$description": "Used for an icon with the highest contrast.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL",
+            "TEXT_FILL"
+          ]
+        }
       },
       "disabled": {
         "$value": "{text.color.disabled}",
         "$type": "color",
-        "$description": "Used for an icon within a disabled section."
+        "$description": "Used for an icon within a disabled section.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL",
+            "TEXT_FILL"
+          ]
+        }
       },
       "link": {
         "$value": "{text.color.link}",
         "$type": "color",
-        "$description": "Used for an icon within a link."
+        "$description": "Used for an icon within a link.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL",
+            "TEXT_FILL"
+          ]
+        }
       },
       "info": {
         "$value": {
@@ -32,22 +62,46 @@
           "dark": "{color.blue.200}"
         },
         "$type": "color",
-        "$description": "Used for an icon associated with information or help."
+        "$description": "Used for an icon associated with information or help.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL",
+            "TEXT_FILL"
+          ]
+        }
       },
       "warning": {
         "$value": "{text.color.warning}",
         "$type": "color",
-        "$description": "Used for an icon associated with a warning."
+        "$description": "Used for an icon associated with a warning.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL",
+            "TEXT_FILL"
+          ]
+        }
       },
       "danger": {
         "$value": "{text.color.danger}",
         "$type": "color",
-        "$description": "Used for an icon associated with an error or danger."
+        "$description": "Used for an icon associated with an error or danger.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL",
+            "TEXT_FILL"
+          ]
+        }
       },
       "success": {
         "$value": "{text.color.success}",
         "$type": "color",
-        "$description": "Used for an icon associated with success or validity."
+        "$description": "Used for an icon associated with success or validity.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL",
+            "TEXT_FILL"
+          ]
+        }
       }
     }
   }

package/src/tokens/semantic/shadow.tokens.json

@@ -7,7 +7,12 @@
           "dark": "{color.alpha.dark.40}"
         },
         "$type": "color",
-        "$description": "Used for the default shadow color."
+        "$description": "Used for the default shadow color.",
+        "$extensions": {
+          "com.figma.scope": [
+            "EFFECT_COLOR"
+          ]
+        }
       }
     }
   }