@gitlab/ui 134.9.0 → 135.0.1

package/src/components/shared_components/clear_icon_button/clear_icon_button.vue

@@ -12,11 +12,17 @@ export default {
     GlTooltip: GlTooltipDirective,
   },
   props: {
+    /**
+     * The title attribute for the clear button.
+     */
     title: {
       type: String,
       required: false,
       default: () => translate('ClearIconButton.title', 'Clear'),
     },
+    /**
+     * Container element for the tooltip.
+     */
     tooltipContainer: {
       required: false,
       default: false,

package/src/components/shared_components/close_button/close_button.vue

@@ -8,6 +8,9 @@ export default {
     GlButton,
   },
   props: {
+    /**
+     * The aria-label for the close button.
+     */
     label: {
       type: String,
       required: false,

package/src/components/utilities/animated_number/animated_number.vue

@@ -4,6 +4,9 @@ import { formatNumberToLocale } from '../../../utils/number_utils';
 export default {
   name: 'AnimatedNumber',
   props: {
+    /**
+     * The numeric value to animate.
+     */
     number: {
       type: Number,
       required: true,
@@ -24,11 +27,17 @@ export default {
       required: false,
       default: 0,
     },
+    /**
+     * When true, formats the number with digit group separators.
+     */
     useDelimiters: {
       type: Boolean,
       required: false,
       default: false,
     },
+    /**
+     * When true, animates the number when the component is mounted.
+     */
     animateOnMount: {
       type: Boolean,
       required: false,

package/src/components/utilities/intersperse/intersperse.vue

@@ -44,11 +44,17 @@ export default {
   name: 'GlIntersperse',
   functional: true,
   props: {
+    /**
+     * The separator content to place between items.
+     */
     separator: {
       type: String,
       default: ', ',
       required: false,
     },
+    /**
+     * The separator content to place before the last item.
+     */
     lastSeparator: {
       type: String,
       default: '',

package/src/tokens/build/figma/mode.dark.json

@@ -5115,7 +5115,8 @@
     "$description": "Used for the track color of an unchecked toggle switch in the default state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5125,7 +5126,8 @@
     "$description": "Used for the track color of an unchecked toggle switch in the hover state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5135,7 +5137,8 @@
     "$description": "Used for the track color of an unchecked toggle switch in the focus state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5145,7 +5148,8 @@
     "$description": "Used for the track color of an unchecked toggle switch in the active state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5155,7 +5159,8 @@
     "$description": "Used for the track color of a checked toggle switch in the default state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5165,7 +5170,8 @@
     "$description": "Used for the track color of a checked toggle switch in the hover state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5175,7 +5181,8 @@
     "$description": "Used for the track color of a checked toggle switch in the focus state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5185,7 +5192,8 @@
     "$description": "Used for the track color of a checked toggle switch in the active state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5195,7 +5203,8 @@
     "$description": "Used for the background color of the unchecked toggle switch thumb in the default state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5205,7 +5214,8 @@
     "$description": "Used for the background color of the unchecked toggle switch thumb in the hover state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5215,7 +5225,8 @@
     "$description": "Used for the background color of the unchecked toggle switch thumb in the focus state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5225,7 +5236,8 @@
     "$description": "Used for the background color of the unchecked toggle switch thumb in the active state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5235,7 +5247,8 @@
     "$description": "Used for the background color of the checked toggle switch thumb in the default state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5245,7 +5258,8 @@
     "$description": "Used for the background color of the checked toggle switch thumb in the hover state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5255,7 +5269,8 @@
     "$description": "Used for the background color of the checked toggle switch thumb in the focus state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5265,7 +5280,8 @@
     "$description": "Used for the background color of the checked toggle switch thumb in the active state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5275,7 +5291,8 @@
     "$description": "Used for the background color of the toggle switch thumb in the disabled state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -6922,7 +6939,7 @@
     "$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.scopes": [
-        "TEXT_FILL"
+        "STROKE_COLOR"
       ]
     }
   },

package/src/tokens/build/figma/mode.json

@@ -5059,7 +5059,8 @@
     "$description": "Used for the track color of an unchecked toggle switch in the default state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5069,7 +5070,8 @@
     "$description": "Used for the track color of an unchecked toggle switch in the hover state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5079,7 +5081,8 @@
     "$description": "Used for the track color of an unchecked toggle switch in the focus state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5089,7 +5092,8 @@
     "$description": "Used for the track color of an unchecked toggle switch in the active state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5099,7 +5103,8 @@
     "$description": "Used for the track color of a checked toggle switch in the default state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5109,7 +5114,8 @@
     "$description": "Used for the track color of a checked toggle switch in the hover state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5119,7 +5125,8 @@
     "$description": "Used for the track color of a checked toggle switch in the focus state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5129,7 +5136,8 @@
     "$description": "Used for the track color of a checked toggle switch in the active state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5139,7 +5147,8 @@
     "$description": "Used for the background color of the unchecked toggle switch thumb in the default state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5149,7 +5158,8 @@
     "$description": "Used for the background color of the unchecked toggle switch thumb in the hover state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5159,7 +5169,8 @@
     "$description": "Used for the background color of the unchecked toggle switch thumb in the focus state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5169,7 +5180,8 @@
     "$description": "Used for the background color of the unchecked toggle switch thumb in the active state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5179,7 +5191,8 @@
     "$description": "Used for the background color of the checked toggle switch thumb in the default state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5189,7 +5202,8 @@
     "$description": "Used for the background color of the checked toggle switch thumb in the hover state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5199,7 +5213,8 @@
     "$description": "Used for the background color of the checked toggle switch thumb in the focus state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5209,7 +5224,8 @@
     "$description": "Used for the background color of the checked toggle switch thumb in the active state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -5219,7 +5235,8 @@
     "$description": "Used for the background color of the toggle switch thumb in the disabled state.",
     "$extensions": {
       "com.figma.scopes": [
-        "SHAPE_FILL"
+        "SHAPE_FILL",
+        "FRAME_FILL"
       ]
     }
   },
@@ -6858,7 +6875,7 @@
     "$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.scopes": [
-        "TEXT_FILL"
+        "STROKE_COLOR"
       ]
     }
   },