@gitlab/ui 126.1.1 → 126.3.0

package/src/tokens/build/docs/tokens-tailwind-docs.dark.json

@@ -8047,6 +8047,41 @@
           "color"
         ],
         "cssWithValue": "var(--gl-feedback-danger-background-color)"
+      },
+      "brand": {
+        "key": "{feedback.brand.background.color}",
+        "$value": "#27243e",
+        "$type": "color",
+        "$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/feedback.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{color.purple.950}",
+          "$type": "color",
+          "$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "key": "{feedback.brand.background.color}"
+        },
+        "name": "FEEDBACK_BRAND_BACKGROUND_COLOR",
+        "attributes": {},
+        "path": [
+          "feedback",
+          "brand",
+          "background",
+          "color"
+        ],
+        "cssWithValue": "var(--gl-feedback-brand-background-color)"
       }
     },
     "dropdown": {
@@ -15972,6 +16007,39 @@
           "color"
         ],
         "cssWithValue": "var(--gl-feedback-danger-border-color)"
+      },
+      "brand": {
+        "key": "{feedback.brand.border.color}",
+        "$value": "#6a4fb4",
+        "$type": "color",
+        "$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
+        "$extensions": {
+          "com.figma.scope": [
+            "STROKE_COLOR"
+          ]
+        },
+        "filePath": "src/tokens/semantic/feedback.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{color.purple.600}",
+          "$type": "color",
+          "$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "STROKE_COLOR"
+            ]
+          },
+          "key": "{feedback.brand.border.color}"
+        },
+        "name": "FEEDBACK_BRAND_BORDER_COLOR",
+        "attributes": {},
+        "path": [
+          "feedback",
+          "brand",
+          "border",
+          "color"
+        ],
+        "cssWithValue": "var(--gl-feedback-brand-border-color)"
       }
     },
     "dropdown": {
@@ -24262,6 +24330,41 @@
           "color"
         ],
         "cssWithValue": "var(--gl-feedback-danger-icon-color)"
+      },
+      "brand": {
+        "key": "{feedback.brand.icon.color}",
+        "$value": "#ac93e6",
+        "$type": "color",
+        "$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL",
+            "TEXT_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/feedback.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{color.purple.300}",
+          "$type": "color",
+          "$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL",
+              "TEXT_FILL"
+            ]
+          },
+          "key": "{feedback.brand.icon.color}"
+        },
+        "name": "FEEDBACK_BRAND_ICON_COLOR",
+        "attributes": {},
+        "path": [
+          "feedback",
+          "brand",
+          "icon",
+          "color"
+        ],
+        "cssWithValue": "var(--gl-feedback-brand-icon-color)"
       }
     }
   },
@@ -32339,6 +32442,39 @@
           "color"
         ],
         "cssWithValue": "var(--gl-feedback-danger-text-color)"
+      },
+      "brand": {
+        "key": "{feedback.brand.text.color}",
+        "$value": "#cbbbf2",
+        "$type": "color",
+        "$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
+        "$extensions": {
+          "com.figma.scope": [
+            "TEXT_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/feedback.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{color.purple.200}",
+          "$type": "color",
+          "$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          },
+          "key": "{feedback.brand.text.color}"
+        },
+        "name": "FEEDBACK_BRAND_TEXT_COLOR",
+        "attributes": {},
+        "path": [
+          "feedback",
+          "brand",
+          "text",
+          "color"
+        ],
+        "cssWithValue": "var(--gl-feedback-brand-text-color)"
       }
     },
     "primary": {

package/src/tokens/build/docs/tokens-tailwind-docs.json

@@ -8047,6 +8047,41 @@
           "color"
         ],
         "cssWithValue": "var(--gl-feedback-danger-background-color)"
+      },
+      "brand": {
+        "key": "{feedback.brand.background.color}",
+        "$value": "#f4f0ff",
+        "$type": "color",
+        "$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/feedback.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{color.purple.50}",
+          "$type": "color",
+          "$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "key": "{feedback.brand.background.color}"
+        },
+        "name": "FEEDBACK_BRAND_BACKGROUND_COLOR",
+        "attributes": {},
+        "path": [
+          "feedback",
+          "brand",
+          "background",
+          "color"
+        ],
+        "cssWithValue": "var(--gl-feedback-brand-background-color)"
       }
     },
     "dropdown": {
@@ -15972,6 +16007,39 @@
           "color"
         ],
         "cssWithValue": "var(--gl-feedback-danger-border-color)"
+      },
+      "brand": {
+        "key": "{feedback.brand.border.color}",
+        "$value": "#cbbbf2",
+        "$type": "color",
+        "$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
+        "$extensions": {
+          "com.figma.scope": [
+            "STROKE_COLOR"
+          ]
+        },
+        "filePath": "src/tokens/semantic/feedback.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{color.purple.200}",
+          "$type": "color",
+          "$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "STROKE_COLOR"
+            ]
+          },
+          "key": "{feedback.brand.border.color}"
+        },
+        "name": "FEEDBACK_BRAND_BORDER_COLOR",
+        "attributes": {},
+        "path": [
+          "feedback",
+          "brand",
+          "border",
+          "color"
+        ],
+        "cssWithValue": "var(--gl-feedback-brand-border-color)"
       }
     },
     "dropdown": {
@@ -24262,6 +24330,41 @@
           "color"
         ],
         "cssWithValue": "var(--gl-feedback-danger-icon-color)"
+      },
+      "brand": {
+        "key": "{feedback.brand.icon.color}",
+        "$value": "#6a4fb4",
+        "$type": "color",
+        "$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
+        "$extensions": {
+          "com.figma.scope": [
+            "SHAPE_FILL",
+            "TEXT_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/feedback.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{color.purple.600}",
+          "$type": "color",
+          "$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL",
+              "TEXT_FILL"
+            ]
+          },
+          "key": "{feedback.brand.icon.color}"
+        },
+        "name": "FEEDBACK_BRAND_ICON_COLOR",
+        "attributes": {},
+        "path": [
+          "feedback",
+          "brand",
+          "icon",
+          "color"
+        ],
+        "cssWithValue": "var(--gl-feedback-brand-icon-color)"
       }
     }
   },
@@ -32339,6 +32442,39 @@
           "color"
         ],
         "cssWithValue": "var(--gl-feedback-danger-text-color)"
+      },
+      "brand": {
+        "key": "{feedback.brand.text.color}",
+        "$value": "#5c47a6",
+        "$type": "color",
+        "$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
+        "$extensions": {
+          "com.figma.scope": [
+            "TEXT_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/feedback.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{color.purple.700}",
+          "$type": "color",
+          "$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          },
+          "key": "{feedback.brand.text.color}"
+        },
+        "name": "FEEDBACK_BRAND_TEXT_COLOR",
+        "attributes": {},
+        "path": [
+          "feedback",
+          "brand",
+          "text",
+          "color"
+        ],
+        "cssWithValue": "var(--gl-feedback-brand-text-color)"
       }
     },
     "primary": {

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

@@ -1869,6 +1869,70 @@
           }
         }
       }
+    },
+    "brand": {
+      "background": {
+        "color": {
+          "$value": {
+            "default": "{color.purple.50}",
+            "dark": "{color.purple.950}"
+          },
+          "$type": "color",
+          "$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          }
+        }
+      },
+      "border": {
+        "color": {
+          "$value": {
+            "default": "{color.purple.200}",
+            "dark": "{color.purple.600}"
+          },
+          "$type": "color",
+          "$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "STROKE_COLOR"
+            ]
+          }
+        }
+      },
+      "text": {
+        "color": {
+          "$value": {
+            "default": "{color.purple.700}",
+            "dark": "{color.purple.200}"
+          },
+          "$type": "color",
+          "$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          }
+        }
+      },
+      "icon": {
+        "color": {
+          "$value": {
+            "default": "{color.purple.600}",
+            "dark": "{color.purple.300}"
+          },
+          "$type": "color",
+          "$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL",
+              "TEXT_FILL"
+            ]
+          }
+        }
+      }
     }
   },
   "focus-ring": {

package/src/tokens/build/js/tokens.dark.js

@@ -1204,6 +1204,10 @@ export const GL_FEEDBACK_DANGER_BACKGROUND_COLOR = '#582014';
 export const GL_FEEDBACK_DANGER_BORDER_COLOR = '#f6806d';
 export const GL_FEEDBACK_DANGER_TEXT_COLOR = '#fcb5aa';
 export const GL_FEEDBACK_DANGER_ICON_COLOR = '#f6806d';
+export const GL_FEEDBACK_BRAND_BACKGROUND_COLOR = '#27243e';
+export const GL_FEEDBACK_BRAND_BORDER_COLOR = '#6a4fb4';
+export const GL_FEEDBACK_BRAND_TEXT_COLOR = '#cbbbf2';
+export const GL_FEEDBACK_BRAND_ICON_COLOR = '#ac93e6';
 export const GL_FOCUS_RING_OUTER_COLOR = '#428fdc';
 export const GL_FOCUS_RING_INNER_COLOR = '#18171d';
 export const GL_HIGHLIGHT_MATCH_BACKGROUND_COLOR = '#e9be74';

package/src/tokens/build/js/tokens.js

@@ -1204,6 +1204,10 @@ export const GL_FEEDBACK_DANGER_BACKGROUND_COLOR = '#fcf1ef';
 export const GL_FEEDBACK_DANGER_BORDER_COLOR = '#dd2b0e';
 export const GL_FEEDBACK_DANGER_TEXT_COLOR = '#a32c12';
 export const GL_FEEDBACK_DANGER_ICON_COLOR = '#c02f12';
+export const GL_FEEDBACK_BRAND_BACKGROUND_COLOR = '#f4f0ff';
+export const GL_FEEDBACK_BRAND_BORDER_COLOR = '#cbbbf2';
+export const GL_FEEDBACK_BRAND_TEXT_COLOR = '#5c47a6';
+export const GL_FEEDBACK_BRAND_ICON_COLOR = '#6a4fb4';
 export const GL_FOCUS_RING_OUTER_COLOR = '#1f75cb';
 export const GL_FOCUS_RING_INNER_COLOR = '#fff';
 export const GL_HIGHLIGHT_MATCH_BACKGROUND_COLOR = '#ab6100';

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

@@ -36711,6 +36711,148 @@
           ]
         }
       }
+    },
+    "brand": {
+      "background": {
+        "color": {
+          "key": "{feedback.brand.background.color}",
+          "$value": "#27243e",
+          "$type": "color",
+          "$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "filePath": "src/tokens/semantic/feedback.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": "{color.purple.950}",
+            "$type": "color",
+            "$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
+            "$extensions": {
+              "com.figma.scope": [
+                "FRAME_FILL",
+                "SHAPE_FILL"
+              ]
+            },
+            "key": "{feedback.brand.background.color}"
+          },
+          "name": "FEEDBACK_BRAND_BACKGROUND_COLOR",
+          "attributes": {},
+          "path": [
+            "feedback",
+            "brand",
+            "background",
+            "color"
+          ]
+        }
+      },
+      "border": {
+        "color": {
+          "key": "{feedback.brand.border.color}",
+          "$value": "#6a4fb4",
+          "$type": "color",
+          "$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "STROKE_COLOR"
+            ]
+          },
+          "filePath": "src/tokens/semantic/feedback.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": "{color.purple.600}",
+            "$type": "color",
+            "$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
+            "$extensions": {
+              "com.figma.scope": [
+                "STROKE_COLOR"
+              ]
+            },
+            "key": "{feedback.brand.border.color}"
+          },
+          "name": "FEEDBACK_BRAND_BORDER_COLOR",
+          "attributes": {},
+          "path": [
+            "feedback",
+            "brand",
+            "border",
+            "color"
+          ]
+        }
+      },
+      "text": {
+        "color": {
+          "key": "{feedback.brand.text.color}",
+          "$value": "#cbbbf2",
+          "$type": "color",
+          "$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          },
+          "filePath": "src/tokens/semantic/feedback.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": "{color.purple.200}",
+            "$type": "color",
+            "$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
+            "$extensions": {
+              "com.figma.scope": [
+                "TEXT_FILL"
+              ]
+            },
+            "key": "{feedback.brand.text.color}"
+          },
+          "name": "FEEDBACK_BRAND_TEXT_COLOR",
+          "attributes": {},
+          "path": [
+            "feedback",
+            "brand",
+            "text",
+            "color"
+          ]
+        }
+      },
+      "icon": {
+        "color": {
+          "key": "{feedback.brand.icon.color}",
+          "$value": "#ac93e6",
+          "$type": "color",
+          "$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
+          "$extensions": {
+            "com.figma.scope": [
+              "SHAPE_FILL",
+              "TEXT_FILL"
+            ]
+          },
+          "filePath": "src/tokens/semantic/feedback.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": "{color.purple.300}",
+            "$type": "color",
+            "$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
+            "$extensions": {
+              "com.figma.scope": [
+                "SHAPE_FILL",
+                "TEXT_FILL"
+              ]
+            },
+            "key": "{feedback.brand.icon.color}"
+          },
+          "name": "FEEDBACK_BRAND_ICON_COLOR",
+          "attributes": {},
+          "path": [
+            "feedback",
+            "brand",
+            "icon",
+            "color"
+          ]
+        }
+      }
     }
   },
   "focus-ring": {