create-storybook 8.3.0-alpha.6 → 8.3.0-alpha.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-storybook",
-  "version": "8.3.0-alpha.6",
+  "version": "8.3.0-alpha.7",
   "description": "Initialize Storybook into your project",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/lib/create-storybook",
   "bugs": {
@@ -66,7 +66,7 @@
     "prettier": "^3.1.1",
     "prompts": "^2.4.0",
     "semver": "^7.3.7",
-    "storybook": "8.3.0-alpha.6",
+    "storybook": "8.3.0-alpha.7",
     "tiny-invariant": "^1.3.1",
     "ts-dedent": "^2.0.0"
   },

package/rendererAssets/.eslintrc.json

@@ -1,12 +1,9 @@
 {
   "rules": {
     "no-undef": "off",
-    "@typescript-eslint/ban-types": "off",
     "react/prop-types": "off",
     "react/react-in-jsx-scope": "off",
-    "import/extensions": "off",
-    "import/no-unresolved": "off",
-    "import/no-extraneous-dependencies": "off"
+    "import/extensions": "off"
   },
   "overrides": [
     {

package/rendererAssets/common/button.css

@@ -1,30 +1,30 @@
 .storybook-button {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-weight: 700;
+  display: inline-block;
+  cursor: pointer;
   border: 0;
   border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
+  font-weight: 700;
   line-height: 1;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 .storybook-button--primary {
-  color: white;
   background-color: #1ea7fd;
+  color: white;
 }
 .storybook-button--secondary {
-  color: #333;
-  background-color: transparent;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+  background-color: transparent;
+  color: #333;
 }
 .storybook-button--small {
-  font-size: 12px;
   padding: 10px 16px;
+  font-size: 12px;
 }
 .storybook-button--medium {
-  font-size: 14px;
   padding: 11px 20px;
+  font-size: 14px;
 }
 .storybook-button--large {
-  font-size: 16px;
   padding: 12px 24px;
+  font-size: 16px;
 }

package/rendererAssets/common/header.css

@@ -1,10 +1,10 @@
 .storybook-header {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  padding: 15px 20px;
   display: flex;
-  align-items: center;
   justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  padding: 15px 20px;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
 .storybook-header svg {
@@ -13,12 +13,12 @@
 }
 
 .storybook-header h1 {
+  display: inline-block;
+  vertical-align: top;
+  margin: 6px 0 6px 10px;
   font-weight: 700;
   font-size: 20px;
   line-height: 1;
-  margin: 6px 0 6px 10px;
-  display: inline-block;
-  vertical-align: top;
 }
 
 .storybook-header button + button {
@@ -26,7 +26,7 @@
 }
 
 .storybook-header .welcome {
+  margin-right: 10px;
   color: #333;
   font-size: 14px;
-  margin-right: 10px;
 }

package/rendererAssets/common/page.css

@@ -1,20 +1,20 @@
 .storybook-page {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-size: 14px;
-  line-height: 24px;
-  padding: 48px 20px;
   margin: 0 auto;
+  padding: 48px 20px;
   max-width: 600px;
   color: #333;
+  font-size: 14px;
+  line-height: 24px;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
 .storybook-page h2 {
+  display: inline-block;
+  vertical-align: top;
+  margin: 0 0 4px;
   font-weight: 700;
   font-size: 32px;
   line-height: 1;
-  margin: 0 0 4px;
-  display: inline-block;
-  vertical-align: top;
 }
 
 .storybook-page p {
@@ -22,13 +22,13 @@
 }
 
 .storybook-page a {
-  text-decoration: none;
   color: #1ea7fd;
+  text-decoration: none;
 }
 
 .storybook-page ul {
-  padding-left: 30px;
   margin: 1em 0;
+  padding-left: 30px;
 }
 
 .storybook-page li {
@@ -37,31 +37,31 @@
 
 .storybook-page .tip {
   display: inline-block;
+  vertical-align: top;
+  margin-right: 10px;
   border-radius: 1em;
-  font-size: 11px;
-  line-height: 12px;
-  font-weight: 700;
   background: #e7fdd8;
-  color: #66bf3c;
   padding: 4px 12px;
-  margin-right: 10px;
-  vertical-align: top;
+  color: #66bf3c;
+  font-weight: 700;
+  font-size: 11px;
+  line-height: 12px;
 }
 
 .storybook-page .tip-wrapper {
-  font-size: 13px;
-  line-height: 20px;
   margin-top: 40px;
   margin-bottom: 40px;
+  font-size: 13px;
+  line-height: 20px;
 }
 
 .storybook-page .tip-wrapper svg {
   display: inline-block;
-  height: 12px;
-  width: 12px;
-  margin-right: 4px;
   vertical-align: top;
   margin-top: 3px;
+  margin-right: 4px;
+  width: 12px;
+  height: 12px;
 }
 
 .storybook-page .tip-wrapper svg path {