@gitlab/ui 62.8.0 → 62.9.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [62.9.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v62.9.0...v62.9.1) (2023-05-08)
+
+
+### Bug Fixes
+
+* make parameters for listbox configurable ([5dcd29b](https://gitlab.com/gitlab-org/gitlab-ui/commit/5dcd29b69a49a063ce4fbe0f1b63f8acd3e63469))
+
+# [62.9.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v62.8.0...v62.9.0) (2023-05-05)
+
+
+### Features
+
+* **GlBroadcastMessage:** Add hardcoded sr-only heading ([9cae3b1](https://gitlab.com/gitlab-org/gitlab-ui/commit/9cae3b19a54068197809cd28010fec85f93ed945))
+
 # [62.8.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v62.7.0...v62.8.0) (2023-05-03)
 
 

package/dist/components/base/broadcast_message/broadcast_message.js

@@ -77,7 +77,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 _c('div',{staticClass:"gl-broadcast-message",class:(_vm.theme + " " + _vm.type)},[_c('div',{staticClass:"gl-broadcast-message-content"},[_c('div',{staticClass:"gl-broadcast-message-icon gl-line-height-normal"},[_c('gl-icon',{attrs:{"name":_vm.iconName}})],1),_vm._v(" "),_c('div',{staticClass:"gl-my-n1"},[_vm._t("default")],2)]),_vm._v(" "),(_vm.showDismissButton)?_c('close-button',{ref:"dismiss",staticClass:"gl-close-btn-color-inherit gl-broadcast-message-dismiss",attrs:{"label":_vm.dismissLabel},on:{"click":_vm.onDismiss}}):_vm._e()],1)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-broadcast-message",class:(_vm.theme + " " + _vm.type)},[_c('div',{staticClass:"gl-broadcast-message-content"},[_c('div',{staticClass:"gl-broadcast-message-icon gl-line-height-normal"},[_c('gl-icon',{attrs:{"name":_vm.iconName}})],1),_vm._v(" "),_c('div',{staticClass:"gl-my-n1"},[_c('h2',{staticClass:"gl-sr-only"},[_vm._v("Admin message")]),_vm._v(" "),_vm._t("default")],2)]),_vm._v(" "),(_vm.showDismissButton)?_c('close-button',{ref:"dismiss",staticClass:"gl-close-btn-color-inherit gl-broadcast-message-dismiss",attrs:{"label":_vm.dismissLabel},on:{"click":_vm.onDismiss}}):_vm._e()],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "62.8.0",
+  "version": "62.9.1",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -83,28 +83,28 @@
   },
   "devDependencies": {
     "@arkweid/lefthook": "0.7.7",
-    "@babel/core": "^7.21.5",
+    "@babel/core": "^7.21.8",
     "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",
     "@gitlab/eslint-plugin": "19.0.0",
     "@gitlab/fonts": "^1.2.0",
     "@gitlab/stylelint-config": "4.1.0",
-    "@gitlab/svgs": "3.42.0",
+    "@gitlab/svgs": "3.43.0",
     "@rollup/plugin-commonjs": "^11.1.0",
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@rollup/plugin-replace": "^2.3.2",
-    "@storybook/addon-a11y": "7.0.7",
-    "@storybook/addon-docs": "7.0.7",
-    "@storybook/addon-essentials": "7.0.7",
-    "@storybook/addon-storyshots": "7.0.7",
-    "@storybook/addon-storyshots-puppeteer": "7.0.7",
-    "@storybook/addon-viewport": "7.0.7",
-    "@storybook/builder-webpack5": "7.0.7",
-    "@storybook/theming": "7.0.7",
-    "@storybook/vue": "7.0.7",
-    "@storybook/vue-webpack5": "7.0.7",
-    "@storybook/vue3": "7.0.7",
-    "@storybook/vue3-webpack5": "7.0.7",
+    "@storybook/addon-a11y": "7.0.9",
+    "@storybook/addon-docs": "7.0.9",
+    "@storybook/addon-essentials": "7.0.9",
+    "@storybook/addon-storyshots": "7.0.9",
+    "@storybook/addon-storyshots-puppeteer": "7.0.9",
+    "@storybook/addon-viewport": "7.0.9",
+    "@storybook/builder-webpack5": "7.0.9",
+    "@storybook/theming": "7.0.9",
+    "@storybook/vue": "7.0.9",
+    "@storybook/vue-webpack5": "7.0.9",
+    "@storybook/vue3": "7.0.9",
+    "@storybook/vue3-webpack5": "7.0.9",
     "@vue/compat": "^3.2.40",
     "@vue/compiler-sfc": "^3.2.40",
     "@vue/test-utils": "1.3.0",

package/src/components/base/broadcast_message/broadcast_message.vue

@@ -81,6 +81,7 @@ export default {
         <gl-icon :name="iconName" />
       </div>
       <div class="gl-my-n1">
+        <h2 class="gl-sr-only">Admin message</h2>
         <!-- @slot The broadcast message's text -->
         <slot></slot>
       </div>

package/src/components/base/card/card.stories.js

@@ -18,7 +18,8 @@ const template = `
   </template>
 </gl-card>`;
 
-const Template = () => ({
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
   components,
   template,
 });

package/src/components/base/carousel/carousel.stories.js

@@ -29,7 +29,8 @@ const template = `
     </gl-carousel> 
   `;
 
-const Template = () => ({
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
   components: { GlCarousel, GlCarouselSlide },
   template,
 });

package/src/components/base/form/form_checkbox/form_checkbox.stories.js

@@ -32,7 +32,8 @@ const template = `
 </div>
 `;
 
-const Template = () => ({
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
   components,
   data,
   template,

package/src/components/base/new_dropdowns/listbox/listbox.stories.js

@@ -418,28 +418,22 @@ export default {
   },
   argTypes: {
     category: {
-      control: {
-        type: 'select',
-        options: buttonCategoryOptions,
-      },
+      control: 'select',
+      options: buttonCategoryOptions,
       table: {
         subcategory: ARG_TYPE_SUBCATEGORY_LOOK_AND_FEEL,
       },
     },
     variant: {
-      control: {
-        type: 'select',
-        options: buttonVariantOptions,
-      },
+      control: 'select',
+      options: buttonVariantOptions,
       table: {
         subcategory: ARG_TYPE_SUBCATEGORY_LOOK_AND_FEEL,
       },
     },
     size: {
-      control: {
-        type: 'select',
-        options: Object.keys(buttonSizeOptions),
-      },
+      control: 'select',
+      options: Object.keys(buttonSizeOptions),
       table: {
         subcategory: ARG_TYPE_SUBCATEGORY_LOOK_AND_FEEL,
       },
@@ -455,10 +449,8 @@ export default {
       },
     },
     placement: {
-      control: {
-        type: 'select',
-        options: Object.keys(dropdownPlacements),
-      },
+      control: 'select',
+      options: Object.keys(dropdownPlacements),
       table: {
         subcategory: ARG_TYPE_SUBCATEGORY_LOOK_AND_FEEL,
       },

package/src/components/base/toast/toast.stories.js

@@ -7,7 +7,8 @@ Vue.use(GlToast);
 
 const components = { GlToast, GlButton };
 
-const Template = () => ({
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
   components,
   template: `
   <gl-button @click="showToast()">