storefront-ui icon indicating copy to clipboard operation
storefront-ui copied to clipboard
verified publisher icon vuestorefront

[BUG] update-components-docs modifies all component files

Open leoj3n opened this issue 3 years ago • 0 comments

After a fresh clone, on the develop branch, running yarn run update-components-docs modifies all the component files...

~/src/storefront-ui develop
❯ git status
On branch develop
Your branch is up to date with 'origin/develop'.

nothing to commit, working tree clean

~/src/storefront-ui develop
❯ yarn run update-components-docs
yarn run v1.22.17
$ cd packages/vue/scripts && node update-components-docs.js
✨  Done in 2.37s.

~/src/storefront-ui develop*
❯ git status
On branch develop
Your branch is up to date with 'origin/develop'.

Changes not staged for commit:
  (use "git add <file>..." to update what will be committed)
  (use "git restore <file>..." to discard changes in working directory)
	modified:   packages/vue/src/components/atoms/SfArrow/SfArrow.stories.js
	modified:   packages/vue/src/components/atoms/SfBadge/SfBadge.stories.js
	modified:   packages/vue/src/components/atoms/SfBreadcrumbs/SfBreadcrumbs.stories.js
	modified:   packages/vue/src/components/atoms/SfBullets/SfBullets.stories.js
	modified:   packages/vue/src/components/atoms/SfButton/SfButton.stories.js
	modified:   packages/vue/src/components/atoms/SfChevron/SfChevron.stories.js
	modified:   packages/vue/src/components/atoms/SfCimage/SfCimage.stories.js
	modified:   packages/vue/src/components/atoms/SfCircleIcon/SfCircleIcon.stories.js
	modified:   packages/vue/src/components/atoms/SfColor/SfColor.stories.js
	modified:   packages/vue/src/components/atoms/SfDivider/SfDivider.stories.js
	modified:   packages/vue/src/components/atoms/SfHeading/SfHeading.stories.js
	modified:   packages/vue/src/components/atoms/SfIcon/SfIcon.stories.js
	modified:   packages/vue/src/components/atoms/SfImage/SfImage.stories.js
	modified:   packages/vue/src/components/atoms/SfInput/SfInput.stories.js
	modified:   packages/vue/src/components/atoms/SfLink/SfLink.stories.js
	modified:   packages/vue/src/components/atoms/SfLoader/SfLoader.stories.js
	modified:   packages/vue/src/components/atoms/SfOverlay/SfOverlay.stories.js
	modified:   packages/vue/src/components/atoms/SfPrice/SfPrice.stories.js
	modified:   packages/vue/src/components/atoms/SfProperty/SfProperty.stories.js
	modified:   packages/vue/src/components/atoms/SfQuantitySelector/SfQuantitySelector.stories.js
	modified:   packages/vue/src/components/atoms/SfRating/SfRating.stories.js
	modified:   packages/vue/src/components/atoms/SfSkeleton/SfSkeleton.stories.js
	modified:   packages/vue/src/components/atoms/SfTextarea/SfTextarea.stories.js
	modified:   packages/vue/src/components/molecules/SfAddToCart/SfAddToCart.stories.js
	modified:   packages/vue/src/components/molecules/SfAddressPicker/SfAddressPicker.stories.js
	modified:   packages/vue/src/components/molecules/SfAlert/SfAlert.stories.js
	modified:   packages/vue/src/components/molecules/SfBanner/SfBanner.stories.js
	modified:   packages/vue/src/components/molecules/SfBar/SfBar.stories.js
	modified:   packages/vue/src/components/molecules/SfBottomModal/SfBottomModal.stories.js
	modified:   packages/vue/src/components/molecules/SfCallToAction/SfCallToAction.stories.js
	modified:   packages/vue/src/components/molecules/SfCard/SfCard.stories.js
	modified:   packages/vue/src/components/molecules/SfCategoryCard/SfCategoryCard.stories.js
	modified:   packages/vue/src/components/molecules/SfCharacteristic/SfCharacteristic.stories.js
	modified:   packages/vue/src/components/molecules/SfCheckbox/SfCheckbox.stories.js
	modified:   packages/vue/src/components/molecules/SfColorPicker/SfColorPicker.stories.js
	modified:   packages/vue/src/components/molecules/SfComponentSelect/SfComponentSelect.stories.js
	modified:   packages/vue/src/components/molecules/SfDropdown/SfDropdown.stories.js
	modified:   packages/vue/src/components/molecules/SfFilter/SfFilter.stories.js
	modified:   packages/vue/src/components/molecules/SfGallery/SfGallery.stories.js
	modified:   packages/vue/src/components/molecules/SfMenuItem/SfMenuItem.stories.js
	modified:   packages/vue/src/components/molecules/SfModal/SfModal.stories.js
	modified:   packages/vue/src/components/molecules/SfNotification/SfNotification.stories.js
	modified:   packages/vue/src/components/molecules/SfPagination/SfPagination.stories.js
	modified:   packages/vue/src/components/molecules/SfProductOption/SfProductOption.stories.js
	modified:   packages/vue/src/components/molecules/SfRadio/SfRadio.stories.js
	modified:   packages/vue/src/components/molecules/SfRange/SfRange.stories.js
	modified:   packages/vue/src/components/molecules/SfReview/SfReview.stories.js
	modified:   packages/vue/src/components/molecules/SfScrollable/SfScrollable.stories.js
	modified:   packages/vue/src/components/molecules/SfSearchBar/SfSearchBar.stories.js
	modified:   packages/vue/src/components/molecules/SfSection/SfSection.stories.js
	modified:   packages/vue/src/components/molecules/SfSelect/SfSelect.stories.js
	modified:   packages/vue/src/components/molecules/SfSteps/SfSteps.stories.js
	modified:   packages/vue/src/components/molecules/SfSticky/SfSticky.stories.js
	modified:   packages/vue/src/components/molecules/SfTile/SfTile.stories.js
	modified:   packages/vue/src/components/organisms/SfAccordion/SfAccordion.stories.js
	modified:   packages/vue/src/components/organisms/SfBannerGrid/SfBannerGrid.stories.js
	modified:   packages/vue/src/components/organisms/SfBottomNavigation/SfBottomNavigation.stories.js
	modified:   packages/vue/src/components/organisms/SfCarousel/SfCarousel.stories.js
	modified:   packages/vue/src/components/organisms/SfCollectedProduct/SfCollectedProduct.stories.js
	modified:   packages/vue/src/components/organisms/SfContentPages/SfContentPages.stories.js
	modified:   packages/vue/src/components/organisms/SfFooter/SfFooter.stories.js
	modified:   packages/vue/src/components/organisms/SfGroupedProduct/SfGroupedProduct.stories.js
	modified:   packages/vue/src/components/organisms/SfHeader/SfHeader.stories.js
	modified:   packages/vue/src/components/organisms/SfHero/SfHero.stories.js
	modified:   packages/vue/src/components/organisms/SfList/SfList.stories.js
	modified:   packages/vue/src/components/organisms/SfMegaMenu/SfMegaMenu.stories.js
	modified:   packages/vue/src/components/organisms/SfProductCard/SfProductCard.stories.js
	modified:   packages/vue/src/components/organisms/SfProductCardHorizontal/SfProductCardHorizontal.stories.js
	modified:   packages/vue/src/components/organisms/SfSidebar/SfSidebar.stories.js
	modified:   packages/vue/src/components/organisms/SfStoreLocator/SfStoreLocator.stories.js
	modified:   packages/vue/src/components/organisms/SfTable/SfTable.stories.js
	modified:   packages/vue/src/components/organisms/SfTabs/SfTabs.stories.js
	modified:   packages/vue/src/components/organisms/SfTopBar/SfTopBar.stories.js
	modified:   packages/vue/src/components/templates/SfConfirmOrder/SfConfirmOrder.stories.js
	modified:   packages/vue/src/components/templates/SfMyNewsletter/SfMyNewsletter.stories.js
	modified:   packages/vue/src/components/templates/SfMyProfile/SfMyProfile.stories.js
	modified:   packages/vue/src/components/templates/SfOrderHistory/SfOrderHistory.stories.js
	modified:   packages/vue/src/components/templates/SfOrderReview/SfOrderReview.stories.js
	modified:   packages/vue/src/components/templates/SfOrderSummary/SfOrderSummary.stories.js
	modified:   packages/vue/src/components/templates/SfPayment/SfPayment.stories.js
	modified:   packages/vue/src/components/templates/SfPersonalDetails/SfPersonalDetails.stories.js
	modified:   packages/vue/src/components/templates/SfShipping/SfShipping.stories.js
	modified:   packages/vue/src/components/templates/SfShippingDetails/SfShippingDetails.stories.js

no changes added to commit (use "git add" and/or "git commit -a")

Checking the diff for one of the components, packages/vue/src/components/molecules/SfBottomModal/SfBottomModal.stories.js:

~/src/storefront-ui develop*
❯ git diff packages/vue/src/components/molecules/SfBottomModal/SfBottomModal.stories.js

diff --git a/packages/vue/src/components/molecules/SfBottomModal/SfBottomModal.stories.js b/packages/vue/src/components/molecules/SfBottomModal/SfBottomModal.stories.js
index 4b15e8611..d946fcfd1 100644
--- a/packages/vue/src/components/molecules/SfBottomModal/SfBottomModal.stories.js
+++ b/packages/vue/src/components/molecules/SfBottomModal/SfBottomModal.stories.js
@@ -10,78 +10,10 @@ export default {
   title: "Components/Molecules/BottomModal",
   component: SfBottomModal,
   parameters: {
-    // do not modify cssprops manually, they are generated automatically by update-components-docs script
-    cssprops: {
-      "bottom-modal-position": { value: "fixed", control: "text" },
-      "bottom-modal-width": { value: "100%", control: "text" },
-      "bottom-modal-top": { value: "", control: "text" },
-      "bottom-modal-bottom": { value: "0", control: "text" },
-      "bottom-modal-right": { value: "0", control: "text" },
-      "bottom-modal-transform": { value: "", control: "text" },
-      "bottom-modal-container-padding": { value: "", control: "text" },
-      "bottom-modal-background": { value: "var(--c-white)", control: "text" },
-      "bottom-modal-container-font": { value: "", control: "text" },
-      "bottom-modal-container-font-weight": {
-        value: "var(--font-weight--light)",
-        control: "text",
-      },
-      "bottom-modal-container-font-size": {
-        value: "var(--font-size--base)",
-        control: "text",
-      },
-      "bottom-modal-container-font-line-height": {
-        value: "1.6",
-        control: "text",
-      },
-      "bottom-modal-container-font-family": {
-        value: "var(--font-family--primary)",
-        control: "text",
-      },
-      "bottom-modal-height": { value: "", control: "text" },
-      "bottom-modal-title-padding": {
-        value: "var(--spacer-sm) var(--spacer-lg)",
-        control: "text",
-      },
-      "bottom-modal-title-color": { value: "var(--c-text)", control: "text" },
-      "bottom-modal-title-text-align": { value: "center", control: "text" },
-      "characteristic-description-font": {
-        value: "",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "list-item-margin": {
-        value: "0 var(--spacer-sm)",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "button-text-transform": {
-        value: "capitalize",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "heading-title-font": {
-        value: "",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "button-display": {
-        value: "",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "button-background": {
-        value: "var(--_c-light-primary)",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "button-color": {
-        value: "var(--c-text-muted)",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-    },
-    // end of code generated automatically
-    docs: {
+      // do not modify cssprops manually, they are generated automatically by update-components-docs script
+        cssprops: {"bottom-modal-position":{"value":"fixed","control":"text"},"bottom-modal-width":{"value":"100%","control":"text"},"bottom-modal-top":{"value":"","control":"text"},"bottom-modal-bottom":{"value":"0","control":"text"},"bottom-modal-right":{"value":"0","control":"text"},"bottom-modal-transform":{"value":"","control":"text"},"bottom-modal-container-padding":{"value":"","control":"text"},"bottom-modal-background":{"value":"var(--c-white)","control":"text"},"bottom-modal-container-font":{"value":"","control":"text"},"bottom-modal-container-font-weight":{"value":"var(--font-weight--light)","control":"text"},"bottom-modal-container-font-size":{"value":"var(--font-size--base)","control":"text"},"bottom-modal-container-font-line-height":{"value":"1.6","control":"text"},"bottom-modal-container-font-family":{"value":"var(--font-family--primary)","control":"text"},"bottom-modal-height":{"value":"","control":"text"},"bottom-modal-title-padding":{"value":"var(--spacer-sm) var(--spacer-lg)","control":"text"},"bottom-modal-title-color":{"value":"var(--c-text)","control":"text"},"bottom-modal-title-text-align":{"value":"center","control":"text"},"characteristic-description-font":{"value":"","description":"Overridden other component's CSS variable","control":"text"},"font-size--base":{"description":"Overridden other component's CSS variable","control":"text"},"font-weight--semibold":{"description":"Overridden other component's CSS variable","control":"text"},"list-item-margin":{"value":"0 var(--spacer-sm)","description":"Overridden other component's CSS variable","control":"text"},"button-text-transform":{"value":"capitalize","description":"Overridden other component's CSS variable","control":"text"},"font-size--sm":{"description":"Overridden other component's CSS variable","control":"text"},"heading-title-font":{"value":"","description":"Overridden other component's CSS variable","control":"text"},"font-weight--normal":{"description":"Overridden other component's CSS variable","control":"text"},"font-size--xs":{"description":"Overridden other component's CSS variable","control":"text"},"font-weight--bold":{"description":"Overridden other component's CSS variable","control":"text"},"button-display":{"value":"none","description":"Overridden other component's CSS variable","control":"text"},"button-background":{"value":"var(--_c-light-primary)","description":"Overridden other component's CSS variable","control":"text"},"button-color":{"value":"var(--c-text-muted)","description":"Overridden other component's CSS variable","control":"text"}},
+      // end of code generated automatically
+        docs: {
       inlineStories: false,
       iframeHeight: "300px",
       description: {

The cssprops has been collapsed to a single line for all of the components. From here I am guessing what to try next...

What I think to try, is to add all these modified files to the git index and run yarn run lerna run precommit:

~/src/storefront-ui develop*
❯ git add --all

~/src/storefront-ui develop*
❯ yarn run lerna run precommit
yarn run v1.22.17
$ ~storefront-ui/node_modules/.bin/lerna run precommit
lerna notice cli v3.22.1
lerna info versioning independent
lerna info Executing command in 2 packages: "yarn run precommit"
lerna info run Ran npm script 'precommit' in '@storefront-ui/shared' in 0.9s:
$ lint-staged
ℹ No staged files match any configured task.
lerna info run Ran npm script 'precommit' in '@storefront-ui/vue' in 10.7s:
$ lint-staged
[STARTED] Preparing...
[SUCCESS] Preparing...
[STARTED] Running tasks...
[STARTED] Running tasks for *.{js,vue}
[STARTED] vue-cli-service lint --fix
[SUCCESS] vue-cli-service lint --fix
[SUCCESS] Running tasks for *.{js,vue}
[SUCCESS] Running tasks...
[STARTED] Applying modifications...
[SUCCESS] Applying modifications...
[STARTED] Cleaning up...
[SUCCESS] Cleaning up...
lerna success run Ran npm script 'precommit' in 2 packages in 11.6s:
lerna success - @storefront-ui/shared
lerna success - @storefront-ui/vue
✨  Done in 12.83s.

The status of git is still all modified files:

~/src/storefront-ui develop*
❯ git status
On branch develop
Your branch is up to date with 'origin/develop'.

Changes to be committed:
  (use "git restore --staged <file>..." to unstage)
	modified:   packages/vue/src/components/atoms/SfArrow/SfArrow.stories.js
	modified:   packages/vue/src/components/atoms/SfIcon/SfIcon.stories.js
	modified:   packages/vue/src/components/atoms/SfImage/SfImage.stories.js
	modified:   packages/vue/src/components/atoms/SfInput/SfInput.stories.js
	modified:   packages/vue/src/components/atoms/SfRating/SfRating.stories.js
	modified:   packages/vue/src/components/molecules/SfAddToCart/SfAddToCart.stories.js
	modified:   packages/vue/src/components/molecules/SfBanner/SfBanner.stories.js
	modified:   packages/vue/src/components/molecules/SfBottomModal/SfBottomModal.stories.js
	modified:   packages/vue/src/components/molecules/SfCard/SfCard.stories.js
	modified:   packages/vue/src/components/molecules/SfCategoryCard/SfCategoryCard.stories.js
	modified:   packages/vue/src/components/molecules/SfCheckbox/SfCheckbox.stories.js
	modified:   packages/vue/src/components/molecules/SfColorPicker/SfColorPicker.stories.js
	modified:   packages/vue/src/components/molecules/SfComponentSelect/SfComponentSelect.stories.js
	modified:   packages/vue/src/components/molecules/SfDropdown/SfDropdown.stories.js
	modified:   packages/vue/src/components/molecules/SfGallery/SfGallery.stories.js
	modified:   packages/vue/src/components/molecules/SfModal/SfModal.stories.js
	modified:   packages/vue/src/components/molecules/SfReview/SfReview.stories.js
	modified:   packages/vue/src/components/molecules/SfSearchBar/SfSearchBar.stories.js
	modified:   packages/vue/src/components/molecules/SfSelect/SfSelect.stories.js
	modified:   packages/vue/src/components/molecules/SfSteps/SfSteps.stories.js
	modified:   packages/vue/src/components/molecules/SfTile/SfTile.stories.js
	modified:   packages/vue/src/components/organisms/SfAccordion/SfAccordion.stories.js
	modified:   packages/vue/src/components/organisms/SfBottomNavigation/SfBottomNavigation.stories.js
	modified:   packages/vue/src/components/organisms/SfCarousel/SfCarousel.stories.js
	modified:   packages/vue/src/components/organisms/SfCollectedProduct/SfCollectedProduct.stories.js
	modified:   packages/vue/src/components/organisms/SfFooter/SfFooter.stories.js
	modified:   packages/vue/src/components/organisms/SfGroupedProduct/SfGroupedProduct.stories.js
	modified:   packages/vue/src/components/organisms/SfHeader/SfHeader.stories.js
	modified:   packages/vue/src/components/organisms/SfHero/SfHero.stories.js
	modified:   packages/vue/src/components/organisms/SfMegaMenu/SfMegaMenu.stories.js
	modified:   packages/vue/src/components/organisms/SfProductCard/SfProductCard.stories.js
	modified:   packages/vue/src/components/organisms/SfProductCardHorizontal/SfProductCardHorizontal.stories.js
	modified:   packages/vue/src/components/organisms/SfSidebar/SfSidebar.stories.js
	modified:   packages/vue/src/components/organisms/SfTabs/SfTabs.stories.js
	modified:   packages/vue/src/components/templates/SfConfirmOrder/SfConfirmOrder.stories.js
	modified:   packages/vue/src/components/templates/SfMyNewsletter/SfMyNewsletter.stories.js
	modified:   packages/vue/src/components/templates/SfOrderReview/SfOrderReview.stories.js
	modified:   packages/vue/src/components/templates/SfOrderSummary/SfOrderSummary.stories.js
	modified:   packages/vue/src/components/templates/SfPayment/SfPayment.stories.js
	modified:   packages/vue/src/components/templates/SfShipping/SfShipping.stories.js
	modified:   packages/vue/src/components/templates/SfShippingDetails/SfShippingDetails.stories.js

The cached index diff of packages/vue/src/components/molecules/SfBottomModal/SfBottomModal.stories.js is now:

~/src/storefront-ui develop*
❯ git diff --cached packages/vue/src/components/molecules/SfBottomModal/SfBottomModal.stories.js

diff --git a/packages/vue/src/components/molecules/SfBottomModal/SfBottomModal.stories.js b/packages/vue/src/components/molecules/SfBottomModal/SfBottomModal.stories.js
index 4b15e8611..244a407cf 100644
--- a/packages/vue/src/components/molecules/SfBottomModal/SfBottomModal.stories.js
+++ b/packages/vue/src/components/molecules/SfBottomModal/SfBottomModal.stories.js
@@ -49,6 +49,14 @@ export default {
         description: "Overridden other component's CSS variable",
         control: "text",
       },
+      "font-size--base": {
+        description: "Overridden other component's CSS variable",
+        control: "text",
+      },
+      "font-weight--semibold": {
+        description: "Overridden other component's CSS variable",
+        control: "text",
+      },
       "list-item-margin": {
         value: "0 var(--spacer-sm)",
         description: "Overridden other component's CSS variable",
@@ -59,13 +67,29 @@ export default {
         description: "Overridden other component's CSS variable",
         control: "text",
       },
+      "font-size--sm": {
+        description: "Overridden other component's CSS variable",
+        control: "text",
+      },
       "heading-title-font": {
         value: "",
         description: "Overridden other component's CSS variable",
         control: "text",
       },
+      "font-weight--normal": {
+        description: "Overridden other component's CSS variable",
+        control: "text",
+      },
+      "font-size--xs": {
+        description: "Overridden other component's CSS variable",
+        control: "text",
+      },
+      "font-weight--bold": {
+        description: "Overridden other component's CSS variable",
+        control: "text",
+      },
       "button-display": {
-        value: "",
+        value: "none",
         description: "Overridden other component's CSS variable",
         control: "text",
       },

So, it is no longer collapsed on to one line but there are still updates to all of the modified component files.

This raises the question... Should all component files be getting modified like this when running update-components-docs?

Should these changes be commit to develop so the update-components-docs script doesn't cause the whole project to have modified files when it is run while developing?

One other note that I noticed... After yarn run update-components-docs and yarn run lerna run precommit, the file packages/vue/src/components/atoms/SfArrow/SfArrow.stories.js is still all collapsed to one line:

diff --git a/packages/vue/src/components/atoms/SfArrow/SfArrow.stories.js b/packages/vue/src/components/atoms/SfArrow/SfArrow.stories.js
index dcc9c7c21..c57cdeeb7 100644
--- a/packages/vue/src/components/atoms/SfArrow/SfArrow.stories.js
+++ b/packages/vue/src/components/atoms/SfArrow/SfArrow.stories.js
@@ -4,63 +4,10 @@ export default {
   title: "Components/Atoms/Arrow",
   component: SfArrow,
   parameters: {
-    // do not modify cssprops manually, they are generated automatically by update-components-docs script
-    cssprops: {
-      "arrow-justify-content": { value: "", control: "text" },
-      "arrow-icon-transform": { value: "", control: "text" },
-      "button-width": {
-        value: "",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "button-height": {
-        value: "",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "button-padding": {
-        value: "0 0.625rem",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "button-background": {
-        value: "",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "button-transition": {
-        value: "",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "icon-color": {
-        value: "",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "button-box-shadow": {
-        value: "",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "box-shadow-transition-opacity-duration": {
-        value: "150ms",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "button-box-shadow-opacity": {
-        value: "0.25",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-      "button-border-radius": {
-        value: "",
-        description: "Overridden other component's CSS variable",
-        control: "text",
-      },
-    },
-    // end of code generated automatically
-    docs: {
+      // do not modify cssprops manually, they are generated automatically by update-components-docs script
+        cssprops: {"arrow-justify-content":{"value":"","control":"text"},"arrow-icon-transform":{"value":"","control":"text"},"button-width":{"value":"","description":"Overridden other component's CSS variable","control":"text"},"button-height":{"value":"","description":"Overridden other component's CSS variable","control":"text"},"button-padding":{"value":"0 0.625rem","description":"Overridden other component's CSS variable","control":"text"},"button-background":{"value":"","description":"Overridden other component's CSS variable","control":"text"},"button-transition":{"value":"","description":"Overridden other component's CSS variable","control":"text"},"icon-color":{"value":"","description":"Overridden other component's CSS variable","control":"text"},"button-box-shadow":{"value":"","description":"Overridden other component's CSS variable","control":"text"},"box-shadow-transition-opacity-duration":{"value":"150ms","description":"Overridden other component's CSS variable","control":"text"},"button-box-shadow-opacity":{"value":"0.25","description":"Overridden other component's CSS variable","control":"text"},"button-border-radius":{"value":"","description":"Overridden other component's CSS variable","control":"text"}},
+      // end of code generated automatically
+        docs: {
       description: {
         component: `Arrow component for sliders and navigation. It's Vue 2 functional component. To see css vars used in component please switch to canvas and CSS Custom Properties tab.`,
       },

That doesn't seem right.

┆Issue is synchronized with this Jira Zadanie by Unito

leoj3n avatar Mar 23 '22 00:03 leoj3n