@gitlab/ui 62.9.0 → 62.9.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [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)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "62.9.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/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()">