@gitlab/ui 79.4.0 → 80.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "79.4.0",
+  "version": "80.0.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -138,7 +138,7 @@
     "emoji-regex": "^10.0.0",
     "eslint": "8.57.0",
     "eslint-import-resolver-jest": "3.0.2",
-    "eslint-plugin-cypress": "2.15.2",
+    "eslint-plugin-cypress": "3.0.0",
     "eslint-plugin-storybook": "0.8.0",
     "glob": "10.3.3",
     "identity-obj-proxy": "^3.0.0",

package/src/components/base/keyset_pagination/keyset_pagination.spec.js

@@ -151,8 +151,8 @@ describe('GlKeysetPagination', () => {
         createComponent();
       });
 
-      it('renders the default text: "Prev"', () => {
-        expect(findPrevButton().text()).toBe('Prev');
+      it('renders the default text: "Previous"', () => {
+        expect(findPrevButton().text()).toBe('Previous');
       });
     });
 

package/src/components/base/keyset_pagination/keyset_pagination.vue

@@ -53,13 +53,13 @@ export default {
       default: null,
     },
     /**
-     * The text that will be rendered inside the "Prev" button.
+     * The text that will be rendered inside the "Previous" button.
      * It's important to provide this parameter since the default text is not translatable.
      */
     prevText: {
       type: String,
       required: false,
-      default: () => translate('GlKeysetPagination.prevText', 'Prev'),
+      default: () => translate('GlKeysetPagination.prevText', 'Previous'),
     },
     /**
      * A link that will be used as the "Prev" button\'s "href" attribute.

package/src/components/charts/stacked_column/stacked_column.md

@@ -1,5 +1,5 @@
 The `presentation` property allows you to change between a stacked and tiled presentation style. It
-is only setup to accept `stacked` or `tiled` as values, the default value is `tiled`.
+is only setup to accept `stacked` or `tiled` as values, the default value is `stacked`.
 
 The `stacked` presentation allows to view multiple series of the same stack as a single column,
 while `tiled` presents the information in multiple columns for each series of a stack.

package/src/scss/utilities.scss

@@ -6757,36 +6757,6 @@ $gl-animate-skeleton-loader-max-width: 64 * $grid-size;
   margin-left: -#{$gl-spacing-scale-6} !important;
   margin-right: -#{$gl-spacing-scale-6} !important;
 }
-.gl-gap-x-3 {
-  > * + * {
-    margin-left: #{$gl-spacing-scale-3};
-  }
-}
-.gl-gap-x-3\! {
-  > * + * {
-    margin-left: #{$gl-spacing-scale-3} !important;
-  }
-}
-.gl-gap-x-5 {
-  > * + * {
-    margin-left: #{$gl-spacing-scale-5};
-  }
-}
-.gl-gap-x-5\! {
-  > * + * {
-    margin-left: #{$gl-spacing-scale-5} !important;
-  }
-}
-.gl-gap-y-3 {
-  > * + * {
-    margin-top: #{$gl-spacing-scale-3};
-  }
-}
-.gl-gap-y-3\! {
-  > * + * {
-    margin-top: #{$gl-spacing-scale-3} !important;
-  }
-}
 .gl-gap-1 {
   gap: $gl-spacing-scale-1;
 }

package/src/scss/utility-mixins/spacing.scss

@@ -864,24 +864,6 @@
 * - Utilities should be refactored to use gap after dropping Safari 13.x support
 */
 
-@mixin gl-gap-x-3 {
-  > * + * {
-    margin-left: #{$gl-spacing-scale-3};
-  }
-}
-
-@mixin gl-gap-x-5 {
-  > * + * {
-    margin-left: #{$gl-spacing-scale-5};
-  }
-}
-
-@mixin gl-gap-y-3 {
-  > * + * {
-    margin-top: #{$gl-spacing-scale-3};
-  }
-}
-
 @mixin gl-gap-1 {
   gap: $gl-spacing-scale-1;
 }

package/src/tokens/text.dark.tokens.json

@@ -3,7 +3,7 @@
     "primary": {
       "$value": "#ececef",
       "$type": "color",
-      "$description": "Use text.color.strong instead",
+      "$description": "Use text.color.default instead",
       "deprecated": true,
       "themeable": true
     },

package/src/tokens/text.tokens.json

@@ -3,7 +3,7 @@
     "primary": {
       "$value": "#333238",
       "$type": "color",
-      "$description": "Use text.color.strong instead",
+      "$description": "Use text.color.default instead",
       "deprecated": true,
       "themeable": true
     },

package/translations.json

@@ -4,7 +4,7 @@
   "GlSorting.sortDescending": "Sort direction: descending",
   "GlSearchBoxByType.clearButtonTitle": "Clear",
   "GlSearchBoxByType.input.placeholder": "Search",
-  "GlKeysetPagination.prevText": "Prev",
+  "GlKeysetPagination.prevText": "Previous",
   "GlKeysetPagination.navigationLabel": "Pagination",
   "GlKeysetPagination.nextText": "Next",
   "GlBreadcrumb.showMoreLabel": "Show more breadcrumbs",