@gitlab/ui 126.2.0 → 126.3.0

package/dist/components/base/keyset_pagination/keyset_pagination.js

@@ -117,7 +117,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isVisible)?_c('nav',{staticClass:"gl-pagination",attrs:{"aria-label":_vm.navigationLabel}},[_c('gl-button-group',_vm._g(_vm._b({staticClass:"gl-keyset-pagination gl-gap-3"},'gl-button-group',_vm.$attrs,false),_vm.$listeners),[_c('gl-button',{attrs:{"href":_vm.prevButtonLink,"disabled":_vm.disabled || !_vm.hasPreviousPage,"data-testid":"prevButton","category":"tertiary"},on:{"click":function($event){return _vm.$emit('prev', _vm.startCursor)}}},[_vm._t("previous-button-content",function(){return [_c('div',{staticClass:"gl-align-center gl-flex"},[_c('gl-icon',{attrs:{"name":"chevron-left"}}),_vm._v("\n          "+_vm._s(_vm.prevText)+"\n        ")],1)]})],2),_vm._v(" "),_c('gl-button',{attrs:{"href":_vm.nextButtonLink,"disabled":_vm.disabled || !_vm.hasNextPage,"data-testid":"nextButton","category":"tertiary"},on:{"click":function($event){return _vm.$emit('next', _vm.endCursor)}}},[_vm._t("next-button-content",function(){return [_c('div',{staticClass:"gl-align-center gl-flex"},[_vm._v("\n          "+_vm._s(_vm.nextText)+"\n          "),_c('gl-icon',{attrs:{"name":"chevron-right"}})],1)]})],2)],1)],1):_vm._e()};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isVisible)?_c('nav',{staticClass:"gl-pagination",attrs:{"aria-label":_vm.navigationLabel}},[_c('gl-button-group',_vm._g(_vm._b({staticClass:"gl-keyset-pagination gl-gap-3"},'gl-button-group',_vm.$attrs,false),_vm.$listeners),[_c('gl-button',{attrs:{"href":_vm.prevButtonLink,"disabled":_vm.disabled || !_vm.hasPreviousPage,"data-testid":"prevButton","category":"tertiary"},on:{"click":function($event){return _vm.$emit('prev', _vm.startCursor)}}},[_vm._t("previous-button-content",function(){return [_c('div',{staticClass:"gl-align-center gl-flex"},[_c('gl-icon',{staticClass:"gl-mr-2",attrs:{"name":"chevron-lg-left"}}),_vm._v("\n          "+_vm._s(_vm.prevText)+"\n        ")],1)]})],2),_vm._v(" "),_c('gl-button',{attrs:{"href":_vm.nextButtonLink,"disabled":_vm.disabled || !_vm.hasNextPage,"data-testid":"nextButton","category":"tertiary"},on:{"click":function($event){return _vm.$emit('next', _vm.endCursor)}}},[_vm._t("next-button-content",function(){return [_c('div',{staticClass:"gl-align-center gl-flex"},[_vm._v("\n          "+_vm._s(_vm.nextText)+"\n          "),_c('gl-icon',{staticClass:"gl-ml-2",attrs:{"name":"chevron-lg-right"}})],1)]})],2)],1)],1):_vm._e()};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/base/pagination/pagination.js

@@ -81,14 +81,6 @@ var script = {
       required: false,
       default: null
     },
-    /**
-     * Text for the previous button (overridden by "previous" slot)
-     */
-    prevText: {
-      type: String,
-      required: false,
-      default: translate('GlPagination.prevText', 'Previous')
-    },
     /**
      * When using the compact pagination, use this prop to pass the next page number
      */
@@ -97,14 +89,6 @@ var script = {
       required: false,
       default: null
     },
-    /**
-     * Text for the next button (overridden by "next" slot)
-     */
-    nextText: {
-      type: String,
-      required: false,
-      default: translate('GlPagination.nextText', 'Next')
-    },
     /**
      * Text for the ellipsis (overridden by "ellipsis-left" and "ellipsis-right" slots)
      */
@@ -375,13 +359,13 @@ const __vue_script__ = script;
 var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isVisible)?_c('nav',{staticClass:"gl-pagination",attrs:{"aria-label":_vm.labelNav}},[_c('ul',{class:_vm.wrapperClasses},[_c('li',{class:{
         disabled: _vm.prevPageIsDisabled,
         'gl-flex-auto': _vm.isFillAlign,
-      },attrs:{"aria-hidden":_vm.prevPageIsDisabled,"data-testid":"gl-pagination-li"}},[_c(_vm.prevPageIsDisabled ? 'span' : 'a',{tag:"component",staticClass:"gl-pagination-item",attrs:{"data-testid":"gl-pagination-prev","aria-label":_vm.prevPageAriaLabel,"href":_vm.prevPageHref},on:{"click":function($event){!_vm.prevPageIsDisabled ? _vm.handlePrevious($event, _vm.value - 1) : null;}}},[_vm._t("previous",function(){return [_c('gl-icon',{attrs:{"name":"chevron-left"}}),_vm._v(" "),_c('span',{staticClass:"gl-hidden @sm:gl-block"},[_vm._v(_vm._s(_vm.prevText))])]},null,{ page: _vm.value - 1, disabled: _vm.prevPageIsDisabled })],2)],1),_vm._v(" "),_vm._l((_vm.visibleItems),function(item){return _c('li',{key:item.key,class:{
+      },attrs:{"aria-hidden":_vm.prevPageIsDisabled,"data-testid":"gl-pagination-li"}},[_c(_vm.prevPageIsDisabled ? 'span' : 'a',{tag:"component",staticClass:"gl-pagination-item",attrs:{"data-testid":"gl-pagination-prev","aria-label":_vm.prevPageAriaLabel,"href":_vm.prevPageHref},on:{"click":function($event){!_vm.prevPageIsDisabled ? _vm.handlePrevious($event, _vm.value - 1) : null;}}},[_vm._t("previous",function(){return [_c('gl-icon',{attrs:{"name":"chevron-lg-left"}})]},null,{ page: _vm.value - 1, disabled: _vm.prevPageIsDisabled })],2)],1),_vm._v(" "),_vm._l((_vm.visibleItems),function(item){return _c('li',{key:item.key,class:{
         disabled: item.disabled,
         'gl-flex-auto': _vm.isFillAlign,
       },attrs:{"data-testid":"gl-pagination-li"}},[_c(item.component,_vm._g(_vm._b({tag:"component",staticClass:"gl-pagination-item",attrs:{"data-testid":"gl-pagination-item","size":"md","aria-disabled":item.disabled}},'component',item.attrs,false),item.listeners),[_vm._t(item.slot,function(){return [_vm._v(_vm._s(item.content))]},null,item.slotData)],2)],1)}),_vm._v(" "),_c('li',{class:{
         disabled: _vm.nextPageIsDisabled,
         'gl-flex-auto': _vm.isFillAlign,
-      },attrs:{"aria-hidden":_vm.nextPageIsDisabled,"data-testid":"gl-pagination-li"}},[_c(_vm.nextPageIsDisabled ? 'span' : 'a',{tag:"component",staticClass:"gl-pagination-item",attrs:{"data-testid":"gl-pagination-next","aria-label":_vm.nextPageAriaLabel,"href":_vm.nextPageHref},on:{"click":function($event){!_vm.nextPageIsDisabled ? _vm.handleNext($event, _vm.value + 1) : null;}}},[_vm._t("next",function(){return [_c('span',{staticClass:"gl-hidden @sm:gl-block"},[_vm._v(_vm._s(_vm.nextText))]),_vm._v(" "),_c('gl-icon',{attrs:{"name":"chevron-right"}})]},null,{ page: _vm.value + 1, disabled: _vm.nextPageIsDisabled })],2)],1)],2)]):_vm._e()};
+      },attrs:{"aria-hidden":_vm.nextPageIsDisabled,"data-testid":"gl-pagination-li"}},[_c(_vm.nextPageIsDisabled ? 'span' : 'a',{tag:"component",staticClass:"gl-pagination-item",attrs:{"data-testid":"gl-pagination-next","aria-label":_vm.nextPageAriaLabel,"href":_vm.nextPageHref},on:{"click":function($event){!_vm.nextPageIsDisabled ? _vm.handleNext($event, _vm.value + 1) : null;}}},[_vm._t("next",function(){return [_c('gl-icon',{attrs:{"name":"chevron-lg-right"}})]},null,{ page: _vm.value + 1, disabled: _vm.nextPageIsDisabled })],2)],1)],2)]):_vm._e()};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "126.2.0",
+  "version": "126.3.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

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

@@ -127,7 +127,7 @@ export default {
         <!-- @slot Used to customize the appearance of the "Prev" button -->
         <slot name="previous-button-content">
           <div class="gl-align-center gl-flex">
-            <gl-icon name="chevron-left" />
+            <gl-icon name="chevron-lg-left" class="gl-mr-2" />
             {{ prevText }}
           </div>
         </slot>
@@ -143,7 +143,7 @@ export default {
         <slot name="next-button-content">
           <div class="gl-align-center gl-flex">
             {{ nextText }}
-            <gl-icon name="chevron-right" />
+            <gl-icon name="chevron-lg-right" class="gl-ml-2" />
           </div>
         </slot>
       </gl-button>

package/src/components/base/pagination/pagination.vue

@@ -81,14 +81,6 @@ export default {
       required: false,
       default: null,
     },
-    /**
-     * Text for the previous button (overridden by "previous" slot)
-     */
-    prevText: {
-      type: String,
-      required: false,
-      default: translate('GlPagination.prevText', 'Previous'),
-    },
     /**
      * When using the compact pagination, use this prop to pass the next page number
      */
@@ -97,14 +89,6 @@ export default {
       required: false,
       default: null,
     },
-    /**
-     * Text for the next button (overridden by "next" slot)
-     */
-    nextText: {
-      type: String,
-      required: false,
-      default: translate('GlPagination.nextText', 'Next'),
-    },
     /**
      * Text for the ellipsis (overridden by "ellipsis-left" and "ellipsis-right" slots)
      */
@@ -412,14 +396,13 @@ export default {
           @click="!prevPageIsDisabled ? handlePrevious($event, value - 1) : null"
         >
           <!--
-            @slot Content for the "previous" button. Overrides the "prevText" prop.
+            @slot Content for the "previous" button. Overrides the default icon.
             @binding {boolean} active
             @binding {boolean} disabled
             @binding {number} number
             -->
           <slot name="previous" v-bind="{ page: value - 1, disabled: prevPageIsDisabled }">
-            <gl-icon name="chevron-left" />
-            <span class="gl-hidden @sm:gl-block">{{ prevText }}</span>
+            <gl-icon name="chevron-lg-left" />
           </slot>
         </component>
       </li>
@@ -477,14 +460,13 @@ export default {
           @click="!nextPageIsDisabled ? handleNext($event, value + 1) : null"
         >
           <!--
-            @slot Content for the "next" button. Overrides the "nextText" prop.
+            @slot Content for the "next" button. Overrides the default icon.
             @binding {boolean} active
             @binding {boolean} disabled
             @binding {number} number
             -->
           <slot name="next" v-bind="{ page: value + 1, disabled: nextPageIsDisabled }">
-            <span class="gl-hidden @sm:gl-block">{{ nextText }}</span>
-            <gl-icon name="chevron-right" />
+            <gl-icon name="chevron-lg-right" />
           </slot>
         </component>
       </li>

package/translations.js

@@ -29,8 +29,6 @@ export default {
   'GlPagination.labelPage': 'Go to page %{page}',
   'GlPagination.labelPrevPage': 'Go to previous page',
   'GlPagination.nav': 'Pagination',
-  'GlPagination.nextText': 'Next',
-  'GlPagination.prevText': 'Previous',
   'GlProgressBar.ariaLabel': 'Progress bar',
   'GlSearchBoxByType.clearButtonTitle': 'Clear',
   'GlSearchBoxByType.input.placeholder': 'Search',