@storybook/core-common 6.4.1 → 6.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  <style>
2
- @-webkit-keyframes rotate360 {
2
+ @-webkit-keyframes sb-rotate360 {
3
3
  from {
4
4
  transform: rotate(0deg);
5
5
  }
@@ -7,7 +7,7 @@
7
7
  transform: rotate(360deg);
8
8
  }
9
9
  }
10
- @keyframes rotate360 {
10
+ @keyframes sb-rotate360 {
11
11
  from {
12
12
  transform: rotate(0deg);
13
13
  }
@@ -15,7 +15,7 @@
15
15
  transform: rotate(360deg);
16
16
  }
17
17
  }
18
- @-webkit-keyframes glow {
18
+ @-webkit-keyframes sb-glow {
19
19
  0%,
20
20
  100% {
21
21
  opacity: 1;
@@ -24,7 +24,7 @@
24
24
  opacity: 0.4;
25
25
  }
26
26
  }
27
- @keyframes glow {
27
+ @keyframes sb-glow {
28
28
  0%,
29
29
  100% {
30
30
  opacity: 1;
@@ -33,13 +33,10 @@
33
33
  opacity: 0.4;
34
34
  }
35
35
  }
36
- .isLoading {
37
- cursor: progress;
38
- }
39
36
 
40
- .loader {
41
- -webkit-animation: rotate360 0.7s linear infinite;
42
- animation: rotate360 0.7s linear infinite;
37
+ .sb-loader {
38
+ -webkit-animation: sb-rotate360 0.7s linear infinite;
39
+ animation: sb-rotate360 0.7s linear infinite;
43
40
  border-color: rgba(97, 97, 97, 0.29);
44
41
  border-radius: 50%;
45
42
  border-style: solid;
@@ -60,7 +57,7 @@
60
57
  z-index: 4;
61
58
  }
62
59
 
63
- .previewBlock {
60
+ .sb-previewBlock {
64
61
  background: #fff;
65
62
  border: 1px solid rgba(0, 0, 0, 0.1);
66
63
  border-radius: 4px;
@@ -69,7 +66,7 @@
69
66
  max-width: 600px;
70
67
  }
71
68
 
72
- .previewBlock_header {
69
+ .sb-previewBlock_header {
73
70
  align-items: center;
74
71
  box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
75
72
  display: flex;
@@ -78,25 +75,25 @@
78
75
  padding: 0 12px;
79
76
  }
80
77
 
81
- .previewBlock_icon {
82
- -webkit-animation: glow 1.5s ease-in-out infinite;
83
- animation: glow 1.5s ease-in-out infinite;
78
+ .sb-previewBlock_icon {
79
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
80
+ animation: sb-glow 1.5s ease-in-out infinite;
84
81
  background: #e6e6e6;
85
82
  height: 14px;
86
83
  width: 14px;
87
84
  }
88
- .previewBlock_icon:last-child {
85
+ .sb-previewBlock_icon:last-child {
89
86
  margin-left: auto;
90
87
  }
91
88
 
92
- .previewBlock_body {
93
- -webkit-animation: glow 1.5s ease-in-out infinite;
94
- animation: glow 1.5s ease-in-out infinite;
89
+ .sb-previewBlock_body {
90
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
91
+ animation: sb-glow 1.5s ease-in-out infinite;
95
92
  height: 182px;
96
93
  position: relative;
97
94
  }
98
95
 
99
- .argstableBlock {
96
+ .sb-argstableBlock {
100
97
  border-collapse: collapse;
101
98
  border-spacing: 0;
102
99
  font-size: 13px;
@@ -106,72 +103,72 @@
106
103
  text-align: left;
107
104
  width: 100%;
108
105
  }
109
- .argstableBlock th:first-of-type,
110
- .argstableBlock td:first-of-type {
106
+ .sb-argstableBlock th:first-of-type,
107
+ .sb-argstableBlock td:first-of-type {
111
108
  padding-left: 20px;
112
109
  }
113
- .argstableBlock th:nth-of-type(2),
114
- .argstableBlock td:nth-of-type(2) {
110
+ .sb-argstableBlock th:nth-of-type(2),
111
+ .sb-argstableBlock td:nth-of-type(2) {
115
112
  width: 35%;
116
113
  }
117
- .argstableBlock th:nth-of-type(3),
118
- .argstableBlock td:nth-of-type(3) {
114
+ .sb-argstableBlock th:nth-of-type(3),
115
+ .sb-argstableBlock td:nth-of-type(3) {
119
116
  width: 15%;
120
117
  }
121
- .argstableBlock th:laste-of-type,
122
- .argstableBlock td:laste-of-type {
118
+ .sb-argstableBlock th:laste-of-type,
119
+ .sb-argstableBlock td:laste-of-type {
123
120
  width: 25%;
124
121
  padding-right: 20px;
125
122
  }
126
- .argstableBlock th span,
127
- .argstableBlock td span {
128
- -webkit-animation: glow 1.5s ease-in-out infinite;
129
- animation: glow 1.5s ease-in-out infinite;
123
+ .sb-argstableBlock th span,
124
+ .sb-argstableBlock td span {
125
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
126
+ animation: sb-glow 1.5s ease-in-out infinite;
130
127
  background-color: rgba(0, 0, 0, 0.1);
131
128
  border-radius: 0;
132
129
  box-shadow: none;
133
130
  color: transparent;
134
131
  }
135
- .argstableBlock th {
132
+ .sb-argstableBlock th {
136
133
  padding: 10px 15px;
137
134
  }
138
135
 
139
- .argstableBlock-body {
136
+ .sb-argstableBlock-body {
140
137
  border-radius: 4px;
141
138
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px, rgba(0, 0, 0, 0.065) 0 0 0 1px;
142
139
  }
143
- .argstableBlock-body tr {
140
+ .sb-argstableBlock-body tr {
144
141
  background: transparent;
145
142
  overflow: hidden;
146
143
  }
147
- .argstableBlock-body tr:not(:first-child) {
144
+ .sb-argstableBlock-body tr:not(:first-child) {
148
145
  border-top: 1px solid #e6e6e6;
149
146
  }
150
- .argstableBlock-body tr:first-child td:first-child {
147
+ .sb-argstableBlock-body tr:first-child td:first-child {
151
148
  border-top-left-radius: 4px;
152
149
  }
153
- .argstableBlock-body tr:first-child td:last-child {
150
+ .sb-argstableBlock-body tr:first-child td:last-child {
154
151
  border-top-right-radius: 4px;
155
152
  }
156
- .argstableBlock-body tr:last-child td:first-child {
153
+ .sb-argstableBlock-body tr:last-child td:first-child {
157
154
  border-bottom-left-radius: 4px;
158
155
  }
159
- .argstableBlock-body tr:last-child td:last-child {
156
+ .sb-argstableBlock-body tr:last-child td:last-child {
160
157
  border-bottom-right-radius: 4px;
161
158
  }
162
- .argstableBlock-body td {
159
+ .sb-argstableBlock-body td {
163
160
  background: #fff;
164
161
  padding-bottom: 10px;
165
162
  padding-top: 10px;
166
163
  vertical-align: top;
167
164
  }
168
- .argstableBlock-body td:not(:first-of-type) {
165
+ .sb-argstableBlock-body td:not(:first-of-type) {
169
166
  padding-left: 15px;
170
167
  padding-right: 15px;
171
168
  }
172
- .argstableBlock-body button {
173
- -webkit-animation: glow 1.5s ease-in-out infinite;
174
- animation: glow 1.5s ease-in-out infinite;
169
+ .sb-argstableBlock-body button {
170
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
171
+ animation: sb-glow 1.5s ease-in-out infinite;
175
172
  background-color: rgba(0, 0, 0, 0.1);
176
173
  border: 0;
177
174
  border-radius: 0;
@@ -183,11 +180,11 @@
183
180
  padding: 10px 16px;
184
181
  }
185
182
 
186
- .argstableBlock-summary {
183
+ .sb-argstableBlock-summary {
187
184
  margin-top: 4px;
188
185
  }
189
186
 
190
- .argstableBlock-code {
187
+ .sb-argstableBlock-code {
191
188
  margin-right: 4px;
192
189
  margin-bottom: 4px;
193
190
  padding: 2px 5px;
@@ -195,23 +192,23 @@
195
192
  </style>
196
193
 
197
194
  <div class="sb-preparing-story sb-wrapper">
198
- <div class="loader"></div>
195
+ <div class="sb-loader"></div>
199
196
  </div>
200
197
 
201
198
  <div class="sb-preparing-docs sb-wrapper">
202
- <div class="previewBlock">
203
- <div class="previewBlock_header">
204
- <div class="previewBlock_icon"></div>
205
- <div class="previewBlock_icon"></div>
206
- <div class="previewBlock_icon"></div>
207
- <div class="previewBlock_icon"></div>
199
+ <div class="sb-previewBlock">
200
+ <div class="sb-previewBlock_header">
201
+ <div class="sb-previewBlock_icon"></div>
202
+ <div class="sb-previewBlock_icon"></div>
203
+ <div class="sb-previewBlock_icon"></div>
204
+ <div class="sb-previewBlock_icon"></div>
208
205
  </div>
209
- <div class="previewBlock_body">
210
- <div class="loader"></div>
206
+ <div class="sb-previewBlock_body">
207
+ <div class="sb-loader"></div>
211
208
  </div>
212
209
  </div>
213
- <table aria-hidden="true" class="argstableBlock">
214
- <thead class="argstableBlock-head">
210
+ <table aria-hidden="true" class="sb-argstableBlock">
211
+ <thead class="sb-argstableBlock-head">
215
212
  <tr>
216
213
  <th><span>Name</span></th>
217
214
  <th><span>Description</span></th>
@@ -219,17 +216,17 @@
219
216
  <th><span>Control </span></th>
220
217
  </tr>
221
218
  </thead>
222
- <tbody class="argstableBlock-body">
219
+ <tbody class="sb-argstableBlock-body">
223
220
  <tr>
224
221
  <td><span>propertyName</span><span title="Required">*</span></td>
225
222
  <td>
226
223
  <div><span>This is a short description</span></div>
227
- <div class="argstableBlock-summary">
228
- <div><span class="argstableBlock-code">summary</span></div>
224
+ <div class="sb-argstableBlock-summary">
225
+ <div><span class="sb-argstableBlock-code">summary</span></div>
229
226
  </div>
230
227
  </td>
231
228
  <td>
232
- <div><span class="argstableBlock-code">defaultValue</span></div>
229
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
233
230
  </td>
234
231
  <td><button>Set string</button></td>
235
232
  </tr>
@@ -237,12 +234,12 @@
237
234
  <td><span>propertyName</span><span>*</span></td>
238
235
  <td>
239
236
  <div><span>This is a short description</span></div>
240
- <div class="argstableBlock-summary">
241
- <div><span class="argstableBlock-code">summary</span></div>
237
+ <div class="sb-argstableBlock-summary">
238
+ <div><span class="sb-argstableBlock-code">summary</span></div>
242
239
  </div>
243
240
  </td>
244
241
  <td>
245
- <div><span class="argstableBlock-code">defaultValue</span></div>
242
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
246
243
  </td>
247
244
  <td><button>Set string</button></td>
248
245
  </tr>
@@ -250,12 +247,12 @@
250
247
  <td><span>propertyName</span><span>*</span></td>
251
248
  <td>
252
249
  <div><span>This is a short description</span></div>
253
- <div class="argstableBlock-summary">
254
- <div><span class="argstableBlock-code">summary</span></div>
250
+ <div class="sb-argstableBlock-summary">
251
+ <div><span class="sb-argstableBlock-code">summary</span></div>
255
252
  </div>
256
253
  </td>
257
254
  <td>
258
- <div><span class="argstableBlock-code">defaultValue</span></div>
255
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
259
256
  </td>
260
257
  <td><button>Set string</button></td>
261
258
  </tr>
@@ -1,5 +1,5 @@
1
1
  <style>
2
- @-webkit-keyframes rotate360 {
2
+ @-webkit-keyframes sb-rotate360 {
3
3
  from {
4
4
  transform: rotate(0deg);
5
5
  }
@@ -7,7 +7,7 @@
7
7
  transform: rotate(360deg);
8
8
  }
9
9
  }
10
- @keyframes rotate360 {
10
+ @keyframes sb-rotate360 {
11
11
  from {
12
12
  transform: rotate(0deg);
13
13
  }
@@ -15,7 +15,7 @@
15
15
  transform: rotate(360deg);
16
16
  }
17
17
  }
18
- @-webkit-keyframes glow {
18
+ @-webkit-keyframes sb-glow {
19
19
  0%,
20
20
  100% {
21
21
  opacity: 1;
@@ -24,7 +24,7 @@
24
24
  opacity: 0.4;
25
25
  }
26
26
  }
27
- @keyframes glow {
27
+ @keyframes sb-glow {
28
28
  0%,
29
29
  100% {
30
30
  opacity: 1;
@@ -33,13 +33,10 @@
33
33
  opacity: 0.4;
34
34
  }
35
35
  }
36
- .isLoading {
37
- cursor: progress;
38
- }
39
36
 
40
- .loader {
41
- -webkit-animation: rotate360 0.7s linear infinite;
42
- animation: rotate360 0.7s linear infinite;
37
+ .sb-loader {
38
+ -webkit-animation: sb-rotate360 0.7s linear infinite;
39
+ animation: sb-rotate360 0.7s linear infinite;
43
40
  border-color: rgba(97, 97, 97, 0.29);
44
41
  border-radius: 50%;
45
42
  border-style: solid;
@@ -60,7 +57,7 @@
60
57
  z-index: 4;
61
58
  }
62
59
 
63
- .previewBlock {
60
+ .sb-previewBlock {
64
61
  background: #fff;
65
62
  border: 1px solid rgba(0, 0, 0, 0.1);
66
63
  border-radius: 4px;
@@ -69,7 +66,7 @@
69
66
  max-width: 600px;
70
67
  }
71
68
 
72
- .previewBlock_header {
69
+ .sb-previewBlock_header {
73
70
  align-items: center;
74
71
  box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
75
72
  display: flex;
@@ -78,25 +75,25 @@
78
75
  padding: 0 12px;
79
76
  }
80
77
 
81
- .previewBlock_icon {
82
- -webkit-animation: glow 1.5s ease-in-out infinite;
83
- animation: glow 1.5s ease-in-out infinite;
78
+ .sb-previewBlock_icon {
79
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
80
+ animation: sb-glow 1.5s ease-in-out infinite;
84
81
  background: #e6e6e6;
85
82
  height: 14px;
86
83
  width: 14px;
87
84
  }
88
- .previewBlock_icon:last-child {
85
+ .sb-previewBlock_icon:last-child {
89
86
  margin-left: auto;
90
87
  }
91
88
 
92
- .previewBlock_body {
93
- -webkit-animation: glow 1.5s ease-in-out infinite;
94
- animation: glow 1.5s ease-in-out infinite;
89
+ .sb-previewBlock_body {
90
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
91
+ animation: sb-glow 1.5s ease-in-out infinite;
95
92
  height: 182px;
96
93
  position: relative;
97
94
  }
98
95
 
99
- .argstableBlock {
96
+ .sb-argstableBlock {
100
97
  border-collapse: collapse;
101
98
  border-spacing: 0;
102
99
  font-size: 13px;
@@ -106,72 +103,72 @@
106
103
  text-align: left;
107
104
  width: 100%;
108
105
  }
109
- .argstableBlock th:first-of-type,
110
- .argstableBlock td:first-of-type {
106
+ .sb-argstableBlock th:first-of-type,
107
+ .sb-argstableBlock td:first-of-type {
111
108
  padding-left: 20px;
112
109
  }
113
- .argstableBlock th:nth-of-type(2),
114
- .argstableBlock td:nth-of-type(2) {
110
+ .sb-argstableBlock th:nth-of-type(2),
111
+ .sb-argstableBlock td:nth-of-type(2) {
115
112
  width: 35%;
116
113
  }
117
- .argstableBlock th:nth-of-type(3),
118
- .argstableBlock td:nth-of-type(3) {
114
+ .sb-argstableBlock th:nth-of-type(3),
115
+ .sb-argstableBlock td:nth-of-type(3) {
119
116
  width: 15%;
120
117
  }
121
- .argstableBlock th:laste-of-type,
122
- .argstableBlock td:laste-of-type {
118
+ .sb-argstableBlock th:laste-of-type,
119
+ .sb-argstableBlock td:laste-of-type {
123
120
  width: 25%;
124
121
  padding-right: 20px;
125
122
  }
126
- .argstableBlock th span,
127
- .argstableBlock td span {
128
- -webkit-animation: glow 1.5s ease-in-out infinite;
129
- animation: glow 1.5s ease-in-out infinite;
123
+ .sb-argstableBlock th span,
124
+ .sb-argstableBlock td span {
125
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
126
+ animation: sb-glow 1.5s ease-in-out infinite;
130
127
  background-color: rgba(0, 0, 0, 0.1);
131
128
  border-radius: 0;
132
129
  box-shadow: none;
133
130
  color: transparent;
134
131
  }
135
- .argstableBlock th {
132
+ .sb-argstableBlock th {
136
133
  padding: 10px 15px;
137
134
  }
138
135
 
139
- .argstableBlock-body {
136
+ .sb-argstableBlock-body {
140
137
  border-radius: 4px;
141
138
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px, rgba(0, 0, 0, 0.065) 0 0 0 1px;
142
139
  }
143
- .argstableBlock-body tr {
140
+ .sb-argstableBlock-body tr {
144
141
  background: transparent;
145
142
  overflow: hidden;
146
143
  }
147
- .argstableBlock-body tr:not(:first-child) {
144
+ .sb-argstableBlock-body tr:not(:first-child) {
148
145
  border-top: 1px solid #e6e6e6;
149
146
  }
150
- .argstableBlock-body tr:first-child td:first-child {
147
+ .sb-argstableBlock-body tr:first-child td:first-child {
151
148
  border-top-left-radius: 4px;
152
149
  }
153
- .argstableBlock-body tr:first-child td:last-child {
150
+ .sb-argstableBlock-body tr:first-child td:last-child {
154
151
  border-top-right-radius: 4px;
155
152
  }
156
- .argstableBlock-body tr:last-child td:first-child {
153
+ .sb-argstableBlock-body tr:last-child td:first-child {
157
154
  border-bottom-left-radius: 4px;
158
155
  }
159
- .argstableBlock-body tr:last-child td:last-child {
156
+ .sb-argstableBlock-body tr:last-child td:last-child {
160
157
  border-bottom-right-radius: 4px;
161
158
  }
162
- .argstableBlock-body td {
159
+ .sb-argstableBlock-body td {
163
160
  background: #fff;
164
161
  padding-bottom: 10px;
165
162
  padding-top: 10px;
166
163
  vertical-align: top;
167
164
  }
168
- .argstableBlock-body td:not(:first-of-type) {
165
+ .sb-argstableBlock-body td:not(:first-of-type) {
169
166
  padding-left: 15px;
170
167
  padding-right: 15px;
171
168
  }
172
- .argstableBlock-body button {
173
- -webkit-animation: glow 1.5s ease-in-out infinite;
174
- animation: glow 1.5s ease-in-out infinite;
169
+ .sb-argstableBlock-body button {
170
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
171
+ animation: sb-glow 1.5s ease-in-out infinite;
175
172
  background-color: rgba(0, 0, 0, 0.1);
176
173
  border: 0;
177
174
  border-radius: 0;
@@ -183,11 +180,11 @@
183
180
  padding: 10px 16px;
184
181
  }
185
182
 
186
- .argstableBlock-summary {
183
+ .sb-argstableBlock-summary {
187
184
  margin-top: 4px;
188
185
  }
189
186
 
190
- .argstableBlock-code {
187
+ .sb-argstableBlock-code {
191
188
  margin-right: 4px;
192
189
  margin-bottom: 4px;
193
190
  padding: 2px 5px;
@@ -195,23 +192,23 @@
195
192
  </style>
196
193
 
197
194
  <div class="sb-preparing-story sb-wrapper">
198
- <div class="loader"></div>
195
+ <div class="sb-loader"></div>
199
196
  </div>
200
197
 
201
198
  <div class="sb-preparing-docs sb-wrapper">
202
- <div class="previewBlock">
203
- <div class="previewBlock_header">
204
- <div class="previewBlock_icon"></div>
205
- <div class="previewBlock_icon"></div>
206
- <div class="previewBlock_icon"></div>
207
- <div class="previewBlock_icon"></div>
199
+ <div class="sb-previewBlock">
200
+ <div class="sb-previewBlock_header">
201
+ <div class="sb-previewBlock_icon"></div>
202
+ <div class="sb-previewBlock_icon"></div>
203
+ <div class="sb-previewBlock_icon"></div>
204
+ <div class="sb-previewBlock_icon"></div>
208
205
  </div>
209
- <div class="previewBlock_body">
210
- <div class="loader"></div>
206
+ <div class="sb-previewBlock_body">
207
+ <div class="sb-loader"></div>
211
208
  </div>
212
209
  </div>
213
- <table aria-hidden="true" class="argstableBlock">
214
- <thead class="argstableBlock-head">
210
+ <table aria-hidden="true" class="sb-argstableBlock">
211
+ <thead class="sb-argstableBlock-head">
215
212
  <tr>
216
213
  <th><span>Name</span></th>
217
214
  <th><span>Description</span></th>
@@ -219,17 +216,17 @@
219
216
  <th><span>Control </span></th>
220
217
  </tr>
221
218
  </thead>
222
- <tbody class="argstableBlock-body">
219
+ <tbody class="sb-argstableBlock-body">
223
220
  <tr>
224
221
  <td><span>propertyName</span><span title="Required">*</span></td>
225
222
  <td>
226
223
  <div><span>This is a short description</span></div>
227
- <div class="argstableBlock-summary">
228
- <div><span class="argstableBlock-code">summary</span></div>
224
+ <div class="sb-argstableBlock-summary">
225
+ <div><span class="sb-argstableBlock-code">summary</span></div>
229
226
  </div>
230
227
  </td>
231
228
  <td>
232
- <div><span class="argstableBlock-code">defaultValue</span></div>
229
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
233
230
  </td>
234
231
  <td><button>Set string</button></td>
235
232
  </tr>
@@ -237,12 +234,12 @@
237
234
  <td><span>propertyName</span><span>*</span></td>
238
235
  <td>
239
236
  <div><span>This is a short description</span></div>
240
- <div class="argstableBlock-summary">
241
- <div><span class="argstableBlock-code">summary</span></div>
237
+ <div class="sb-argstableBlock-summary">
238
+ <div><span class="sb-argstableBlock-code">summary</span></div>
242
239
  </div>
243
240
  </td>
244
241
  <td>
245
- <div><span class="argstableBlock-code">defaultValue</span></div>
242
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
246
243
  </td>
247
244
  <td><button>Set string</button></td>
248
245
  </tr>
@@ -250,12 +247,12 @@
250
247
  <td><span>propertyName</span><span>*</span></td>
251
248
  <td>
252
249
  <div><span>This is a short description</span></div>
253
- <div class="argstableBlock-summary">
254
- <div><span class="argstableBlock-code">summary</span></div>
250
+ <div class="sb-argstableBlock-summary">
251
+ <div><span class="sb-argstableBlock-code">summary</span></div>
255
252
  </div>
256
253
  </td>
257
254
  <td>
258
- <div><span class="argstableBlock-code">defaultValue</span></div>
255
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
259
256
  </td>
260
257
  <td><button>Set string</button></td>
261
258
  </tr>
@@ -1,5 +1,5 @@
1
1
  <style>
2
- @-webkit-keyframes rotate360 {
2
+ @-webkit-keyframes sb-rotate360 {
3
3
  from {
4
4
  transform: rotate(0deg);
5
5
  }
@@ -7,7 +7,7 @@
7
7
  transform: rotate(360deg);
8
8
  }
9
9
  }
10
- @keyframes rotate360 {
10
+ @keyframes sb-rotate360 {
11
11
  from {
12
12
  transform: rotate(0deg);
13
13
  }
@@ -15,7 +15,7 @@
15
15
  transform: rotate(360deg);
16
16
  }
17
17
  }
18
- @-webkit-keyframes glow {
18
+ @-webkit-keyframes sb-glow {
19
19
  0%,
20
20
  100% {
21
21
  opacity: 1;
@@ -24,7 +24,7 @@
24
24
  opacity: 0.4;
25
25
  }
26
26
  }
27
- @keyframes glow {
27
+ @keyframes sb-glow {
28
28
  0%,
29
29
  100% {
30
30
  opacity: 1;
@@ -33,13 +33,10 @@
33
33
  opacity: 0.4;
34
34
  }
35
35
  }
36
- .isLoading {
37
- cursor: progress;
38
- }
39
36
 
40
- .loader {
41
- -webkit-animation: rotate360 0.7s linear infinite;
42
- animation: rotate360 0.7s linear infinite;
37
+ .sb-loader {
38
+ -webkit-animation: sb-rotate360 0.7s linear infinite;
39
+ animation: sb-rotate360 0.7s linear infinite;
43
40
  border-color: rgba(97, 97, 97, 0.29);
44
41
  border-radius: 50%;
45
42
  border-style: solid;
@@ -60,7 +57,7 @@
60
57
  z-index: 4;
61
58
  }
62
59
 
63
- .previewBlock {
60
+ .sb-previewBlock {
64
61
  background: #fff;
65
62
  border: 1px solid rgba(0, 0, 0, 0.1);
66
63
  border-radius: 4px;
@@ -69,7 +66,7 @@
69
66
  max-width: 600px;
70
67
  }
71
68
 
72
- .previewBlock_header {
69
+ .sb-previewBlock_header {
73
70
  align-items: center;
74
71
  box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
75
72
  display: flex;
@@ -78,25 +75,25 @@
78
75
  padding: 0 12px;
79
76
  }
80
77
 
81
- .previewBlock_icon {
82
- -webkit-animation: glow 1.5s ease-in-out infinite;
83
- animation: glow 1.5s ease-in-out infinite;
78
+ .sb-previewBlock_icon {
79
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
80
+ animation: sb-glow 1.5s ease-in-out infinite;
84
81
  background: #e6e6e6;
85
82
  height: 14px;
86
83
  width: 14px;
87
84
  }
88
- .previewBlock_icon:last-child {
85
+ .sb-previewBlock_icon:last-child {
89
86
  margin-left: auto;
90
87
  }
91
88
 
92
- .previewBlock_body {
93
- -webkit-animation: glow 1.5s ease-in-out infinite;
94
- animation: glow 1.5s ease-in-out infinite;
89
+ .sb-previewBlock_body {
90
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
91
+ animation: sb-glow 1.5s ease-in-out infinite;
95
92
  height: 182px;
96
93
  position: relative;
97
94
  }
98
95
 
99
- .argstableBlock {
96
+ .sb-argstableBlock {
100
97
  border-collapse: collapse;
101
98
  border-spacing: 0;
102
99
  font-size: 13px;
@@ -106,72 +103,72 @@
106
103
  text-align: left;
107
104
  width: 100%;
108
105
  }
109
- .argstableBlock th:first-of-type,
110
- .argstableBlock td:first-of-type {
106
+ .sb-argstableBlock th:first-of-type,
107
+ .sb-argstableBlock td:first-of-type {
111
108
  padding-left: 20px;
112
109
  }
113
- .argstableBlock th:nth-of-type(2),
114
- .argstableBlock td:nth-of-type(2) {
110
+ .sb-argstableBlock th:nth-of-type(2),
111
+ .sb-argstableBlock td:nth-of-type(2) {
115
112
  width: 35%;
116
113
  }
117
- .argstableBlock th:nth-of-type(3),
118
- .argstableBlock td:nth-of-type(3) {
114
+ .sb-argstableBlock th:nth-of-type(3),
115
+ .sb-argstableBlock td:nth-of-type(3) {
119
116
  width: 15%;
120
117
  }
121
- .argstableBlock th:laste-of-type,
122
- .argstableBlock td:laste-of-type {
118
+ .sb-argstableBlock th:laste-of-type,
119
+ .sb-argstableBlock td:laste-of-type {
123
120
  width: 25%;
124
121
  padding-right: 20px;
125
122
  }
126
- .argstableBlock th span,
127
- .argstableBlock td span {
128
- -webkit-animation: glow 1.5s ease-in-out infinite;
129
- animation: glow 1.5s ease-in-out infinite;
123
+ .sb-argstableBlock th span,
124
+ .sb-argstableBlock td span {
125
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
126
+ animation: sb-glow 1.5s ease-in-out infinite;
130
127
  background-color: rgba(0, 0, 0, 0.1);
131
128
  border-radius: 0;
132
129
  box-shadow: none;
133
130
  color: transparent;
134
131
  }
135
- .argstableBlock th {
132
+ .sb-argstableBlock th {
136
133
  padding: 10px 15px;
137
134
  }
138
135
 
139
- .argstableBlock-body {
136
+ .sb-argstableBlock-body {
140
137
  border-radius: 4px;
141
138
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px, rgba(0, 0, 0, 0.065) 0 0 0 1px;
142
139
  }
143
- .argstableBlock-body tr {
140
+ .sb-argstableBlock-body tr {
144
141
  background: transparent;
145
142
  overflow: hidden;
146
143
  }
147
- .argstableBlock-body tr:not(:first-child) {
144
+ .sb-argstableBlock-body tr:not(:first-child) {
148
145
  border-top: 1px solid #e6e6e6;
149
146
  }
150
- .argstableBlock-body tr:first-child td:first-child {
147
+ .sb-argstableBlock-body tr:first-child td:first-child {
151
148
  border-top-left-radius: 4px;
152
149
  }
153
- .argstableBlock-body tr:first-child td:last-child {
150
+ .sb-argstableBlock-body tr:first-child td:last-child {
154
151
  border-top-right-radius: 4px;
155
152
  }
156
- .argstableBlock-body tr:last-child td:first-child {
153
+ .sb-argstableBlock-body tr:last-child td:first-child {
157
154
  border-bottom-left-radius: 4px;
158
155
  }
159
- .argstableBlock-body tr:last-child td:last-child {
156
+ .sb-argstableBlock-body tr:last-child td:last-child {
160
157
  border-bottom-right-radius: 4px;
161
158
  }
162
- .argstableBlock-body td {
159
+ .sb-argstableBlock-body td {
163
160
  background: #fff;
164
161
  padding-bottom: 10px;
165
162
  padding-top: 10px;
166
163
  vertical-align: top;
167
164
  }
168
- .argstableBlock-body td:not(:first-of-type) {
165
+ .sb-argstableBlock-body td:not(:first-of-type) {
169
166
  padding-left: 15px;
170
167
  padding-right: 15px;
171
168
  }
172
- .argstableBlock-body button {
173
- -webkit-animation: glow 1.5s ease-in-out infinite;
174
- animation: glow 1.5s ease-in-out infinite;
169
+ .sb-argstableBlock-body button {
170
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
171
+ animation: sb-glow 1.5s ease-in-out infinite;
175
172
  background-color: rgba(0, 0, 0, 0.1);
176
173
  border: 0;
177
174
  border-radius: 0;
@@ -183,11 +180,11 @@
183
180
  padding: 10px 16px;
184
181
  }
185
182
 
186
- .argstableBlock-summary {
183
+ .sb-argstableBlock-summary {
187
184
  margin-top: 4px;
188
185
  }
189
186
 
190
- .argstableBlock-code {
187
+ .sb-argstableBlock-code {
191
188
  margin-right: 4px;
192
189
  margin-bottom: 4px;
193
190
  padding: 2px 5px;
@@ -195,23 +192,23 @@
195
192
  </style>
196
193
 
197
194
  <div class="sb-preparing-story sb-wrapper">
198
- <div class="loader"></div>
195
+ <div class="sb-loader"></div>
199
196
  </div>
200
197
 
201
198
  <div class="sb-preparing-docs sb-wrapper">
202
- <div class="previewBlock">
203
- <div class="previewBlock_header">
204
- <div class="previewBlock_icon"></div>
205
- <div class="previewBlock_icon"></div>
206
- <div class="previewBlock_icon"></div>
207
- <div class="previewBlock_icon"></div>
199
+ <div class="sb-previewBlock">
200
+ <div class="sb-previewBlock_header">
201
+ <div class="sb-previewBlock_icon"></div>
202
+ <div class="sb-previewBlock_icon"></div>
203
+ <div class="sb-previewBlock_icon"></div>
204
+ <div class="sb-previewBlock_icon"></div>
208
205
  </div>
209
- <div class="previewBlock_body">
210
- <div class="loader"></div>
206
+ <div class="sb-previewBlock_body">
207
+ <div class="sb-loader"></div>
211
208
  </div>
212
209
  </div>
213
- <table aria-hidden="true" class="argstableBlock">
214
- <thead class="argstableBlock-head">
210
+ <table aria-hidden="true" class="sb-argstableBlock">
211
+ <thead class="sb-argstableBlock-head">
215
212
  <tr>
216
213
  <th><span>Name</span></th>
217
214
  <th><span>Description</span></th>
@@ -219,17 +216,17 @@
219
216
  <th><span>Control </span></th>
220
217
  </tr>
221
218
  </thead>
222
- <tbody class="argstableBlock-body">
219
+ <tbody class="sb-argstableBlock-body">
223
220
  <tr>
224
221
  <td><span>propertyName</span><span title="Required">*</span></td>
225
222
  <td>
226
223
  <div><span>This is a short description</span></div>
227
- <div class="argstableBlock-summary">
228
- <div><span class="argstableBlock-code">summary</span></div>
224
+ <div class="sb-argstableBlock-summary">
225
+ <div><span class="sb-argstableBlock-code">summary</span></div>
229
226
  </div>
230
227
  </td>
231
228
  <td>
232
- <div><span class="argstableBlock-code">defaultValue</span></div>
229
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
233
230
  </td>
234
231
  <td><button>Set string</button></td>
235
232
  </tr>
@@ -237,12 +234,12 @@
237
234
  <td><span>propertyName</span><span>*</span></td>
238
235
  <td>
239
236
  <div><span>This is a short description</span></div>
240
- <div class="argstableBlock-summary">
241
- <div><span class="argstableBlock-code">summary</span></div>
237
+ <div class="sb-argstableBlock-summary">
238
+ <div><span class="sb-argstableBlock-code">summary</span></div>
242
239
  </div>
243
240
  </td>
244
241
  <td>
245
- <div><span class="argstableBlock-code">defaultValue</span></div>
242
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
246
243
  </td>
247
244
  <td><button>Set string</button></td>
248
245
  </tr>
@@ -250,12 +247,12 @@
250
247
  <td><span>propertyName</span><span>*</span></td>
251
248
  <td>
252
249
  <div><span>This is a short description</span></div>
253
- <div class="argstableBlock-summary">
254
- <div><span class="argstableBlock-code">summary</span></div>
250
+ <div class="sb-argstableBlock-summary">
251
+ <div><span class="sb-argstableBlock-code">summary</span></div>
255
252
  </div>
256
253
  </td>
257
254
  <td>
258
- <div><span class="argstableBlock-code">defaultValue</span></div>
255
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
259
256
  </td>
260
257
  <td><button>Set string</button></td>
261
258
  </tr>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/core-common",
3
- "version": "6.4.1",
3
+ "version": "6.4.2",
4
4
  "description": "Storybook framework-agnostic API",
5
5
  "keywords": [
6
6
  "storybook"
@@ -61,7 +61,7 @@
61
61
  "@babel/preset-react": "^7.12.10",
62
62
  "@babel/preset-typescript": "^7.12.7",
63
63
  "@babel/register": "^7.12.1",
64
- "@storybook/node-logger": "6.4.1",
64
+ "@storybook/node-logger": "6.4.2",
65
65
  "@storybook/semver": "^7.3.2",
66
66
  "@types/node": "^14.0.10",
67
67
  "@types/pretty-hrtime": "^1.0.0",
@@ -110,6 +110,6 @@
110
110
  "publishConfig": {
111
111
  "access": "public"
112
112
  },
113
- "gitHead": "bb20e8fef506e05fb9c67dd55b0405b4b1043698",
113
+ "gitHead": "6e5ec774cf8e7fd8a1870fc2469c2dfa9ec112b7",
114
114
  "sbmodern": "dist/modern/index.js"
115
115
  }