@gitlab/ui 91.3.0 → 91.5.0

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

@@ -6359,10 +6359,7 @@
             "filePath": "src/tokens/contextual/alert.tokens.json",
             "isSource": true,
             "original": {
-              "value": {
-                "default": "{color.alpha.0}",
-                "dark": "{color.neutral.800}"
-              },
+              "value": "{color.alpha.0}",
               "$type": "color",
               "comment": "Used for the border bottom color of a neutral alert."
             },
@@ -6465,10 +6462,7 @@
             "filePath": "src/tokens/contextual/alert.tokens.json",
             "isSource": true,
             "original": {
-              "value": {
-                "default": "{color.alpha.0}",
-                "dark": "{color.neutral.800}"
-              },
+              "value": "{color.alpha.0}",
               "$type": "color",
               "comment": "Used for the border bottom color of an info alert."
             },
@@ -6571,10 +6565,7 @@
             "filePath": "src/tokens/contextual/alert.tokens.json",
             "isSource": true,
             "original": {
-              "value": {
-                "default": "{color.alpha.0}",
-                "dark": "{color.neutral.800}"
-              },
+              "value": "{color.alpha.0}",
               "$type": "color",
               "comment": "Used for the border bottom color of a success alert."
             },
@@ -6677,10 +6668,7 @@
             "filePath": "src/tokens/contextual/alert.tokens.json",
             "isSource": true,
             "original": {
-              "value": {
-                "default": "{color.alpha.0}",
-                "dark": "{color.neutral.800}"
-              },
+              "value": "{color.alpha.0}",
               "$type": "color",
               "comment": "Used for the border bottom color of a warning alert."
             },
@@ -6783,10 +6771,7 @@
             "filePath": "src/tokens/contextual/alert.tokens.json",
             "isSource": true,
             "original": {
-              "value": {
-                "default": "{color.alpha.0}",
-                "dark": "{color.neutral.800}"
-              },
+              "value": "{color.alpha.0}",
               "$type": "color",
               "comment": "Used for the border bottom color of a danger alert."
             },

package/src/tokens/build/scss/_tokens.dark.scss

@@ -664,15 +664,15 @@ $gl-avatar-fallback-text-color-purple: $gl-color-purple-200; // Purple text colo
 $gl-avatar-fallback-text-color-red: $gl-color-red-200; // Red text color for avatar fallback with no particular meaning.
 $gl-avatar-border-color-hover: $gl-color-alpha-light-24; // Used to increase the edge definition of an avatar in the hover state.
 $gl-avatar-border-color-default: $gl-color-alpha-light-8; // Used to define the edge of an avatar.
-$gl-alert-danger-border-bottom-color: $gl-color-neutral-800; // Used for the border bottom color of a danger alert.
+$gl-alert-danger-border-bottom-color: $gl-color-alpha-0; // Used for the border bottom color of a danger alert.
 $gl-alert-danger-border-top-color: $gl-color-red-400; // Used for the border color of a danger alert.
-$gl-alert-warning-border-bottom-color: $gl-color-neutral-800; // Used for the border bottom color of a warning alert.
+$gl-alert-warning-border-bottom-color: $gl-color-alpha-0; // Used for the border bottom color of a warning alert.
 $gl-alert-warning-border-top-color: $gl-color-orange-400; // Used for the border color of a warning alert.
-$gl-alert-success-border-bottom-color: $gl-color-neutral-800; // Used for the border bottom color of a success alert.
+$gl-alert-success-border-bottom-color: $gl-color-alpha-0; // Used for the border bottom color of a success alert.
 $gl-alert-success-border-top-color: $gl-color-green-400; // Used for the border color of a success alert.
-$gl-alert-info-border-bottom-color: $gl-color-neutral-800; // Used for the border bottom color of an info alert.
+$gl-alert-info-border-bottom-color: $gl-color-alpha-0; // Used for the border bottom color of an info alert.
 $gl-alert-info-border-top-color: $gl-color-blue-400; // Used for the border color of an info alert.
-$gl-alert-neutral-border-bottom-color: $gl-color-neutral-800; // Used for the border bottom color of a neutral alert.
+$gl-alert-neutral-border-bottom-color: $gl-color-alpha-0; // Used for the border bottom color of a neutral alert.
 $gl-alert-neutral-border-top-color: $gl-color-neutral-400; // Used for the border center color of a neutral alert.
 $gl-border-color-transparent: $gl-color-alpha-0; // Used when a border needs to be present, but not visibly perceived.
 $gl-border-color-strong: $gl-color-neutral-400; // Used for a distinct border that emphasizes an edge or boundaries.

package/src/tokens/contextual/alert.tokens.json

@@ -34,10 +34,7 @@
         },
         "bottom": {
           "color": {
-            "$value": {
-              "default": "{color.alpha.0}",
-              "dark": "{color.neutral.800}"
-            },
+            "$value": "{color.alpha.0}",
             "$type": "color",
             "$description": "Used for the border bottom color of a neutral alert."
           }
@@ -78,10 +75,7 @@
         },
         "bottom": {
           "color": {
-            "$value": {
-              "default": "{color.alpha.0}",
-              "dark": "{color.neutral.800}"
-            },
+            "$value": "{color.alpha.0}",
             "$type": "color",
             "$description": "Used for the border bottom color of an info alert."
           }
@@ -122,10 +116,7 @@
         },
         "bottom": {
           "color": {
-            "$value": {
-              "default": "{color.alpha.0}",
-              "dark": "{color.neutral.800}"
-            },
+            "$value": "{color.alpha.0}",
             "$type": "color",
             "$description": "Used for the border bottom color of a success alert."
           }
@@ -166,10 +157,7 @@
         },
         "bottom": {
           "color": {
-            "$value": {
-              "default": "{color.alpha.0}",
-              "dark": "{color.neutral.800}"
-            },
+            "$value": "{color.alpha.0}",
             "$type": "color",
             "$description": "Used for the border bottom color of a warning alert."
           }
@@ -210,10 +198,7 @@
         },
         "bottom": {
           "color": {
-            "$value": {
-              "default": "{color.alpha.0}",
-              "dark": "{color.neutral.800}"
-            },
+            "$value": "{color.alpha.0}",
             "$type": "color",
             "$description": "Used for the border bottom color of a danger alert."
           }

package/translations.js

@@ -1,8 +1,12 @@
 /* eslint-disable import/no-default-export */
 export default {
   'ClearIconButton.title': 'Clear',
+  'CloseButton.title': 'Close',
   'DuoChatContextItemPopover.DisabledReason': 'This item is disabled',
+  'GlAlert.closeButtonTitle': 'Dismiss',
+  'GlBanner.closeButtonTitle': 'Dismiss',
   'GlBreadcrumb.showMoreLabel': 'Show more breadcrumbs',
+  'GlBroadcastMessage.closeButtonTitle': 'Dismiss',
   'GlCollapsibleListbox.srOnlyResultsLabel': null,
   'GlDuoChatMessage.SelectedContextItemsTitleAssistantMessage': null,
   'GlDuoChatMessage.SelectedContextItemsTitleUserMessage': null,
@@ -21,6 +25,7 @@ export default {
   'GlKeysetPagination.navigationLabel': 'Pagination',
   'GlKeysetPagination.nextText': 'Next',
   'GlKeysetPagination.prevText': 'Previous',
+  'GlModal.closeButtonTitle': 'Close',
   'GlPagination.labelFirstPage': 'Go to first page',
   'GlPagination.labelLastPage': 'Go to last page',
   'GlPagination.labelNextPage': 'Go to next page',
@@ -32,4 +37,5 @@ export default {
   'GlSearchBoxByType.input.placeholder': 'Search',
   'GlSorting.sortAscending': 'Sort direction: ascending',
   'GlSorting.sortDescending': 'Sort direction: descending',
+  'GlToken.closeButtonTitle': 'Remove',
 };