@toptal/picasso-utils 1.0.3-alpha-FX-5094-add-box-sizing-b654ff6b8.6 → 1.0.3-alpha-fx-4584-drawer-6762471c2.22
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-utils",
|
|
3
|
-
"version": "1.0.3-alpha-
|
|
3
|
+
"version": "1.0.3-alpha-fx-4584-drawer-6762471c2.22+6762471c2",
|
|
4
4
|
"description": "Toptal UI components library - Utils",
|
|
5
5
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -26,13 +26,13 @@
|
|
|
26
26
|
"prepublishOnly": "yarn build:package"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@toptal/picasso-shared": "14.0.2-alpha-
|
|
29
|
+
"@toptal/picasso-shared": "14.0.2-alpha-fx-4584-drawer-6762471c2.22+6762471c2",
|
|
30
30
|
"ap-style-title-case": "^1.1.2",
|
|
31
31
|
"classnames": "^2.5.1"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@toptal/picasso-provider": "4.1.1-alpha-
|
|
35
|
-
"@toptal/picasso-test-utils": "1.0.3-alpha-
|
|
34
|
+
"@toptal/picasso-provider": "4.1.1-alpha-fx-4584-drawer-6762471c2.44+6762471c2",
|
|
35
|
+
"@toptal/picasso-test-utils": "1.0.3-alpha-fx-4584-drawer-6762471c2.22+6762471c2",
|
|
36
36
|
"styled-components": "^6.1.1"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"!dist-package/tsconfig.tsbuildinfo",
|
|
50
50
|
"src"
|
|
51
51
|
],
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "6762471c24491803ddff6a542c0cfcde511c8f5c"
|
|
53
53
|
}
|
|
@@ -23,48 +23,42 @@ exports[`Modal useModal opens and closes modal 1`] = `
|
|
|
23
23
|
</span>
|
|
24
24
|
</button>
|
|
25
25
|
<div
|
|
26
|
-
class="
|
|
26
|
+
class="base-Modal fixed z-modal inset-0 flex flex-col text-lg justify-center items-center"
|
|
27
27
|
role="presentation"
|
|
28
|
-
style="position: fixed; z-index: 1300; right: 0px; bottom: 0px; top: 0px; left: 0px;"
|
|
29
28
|
>
|
|
30
29
|
<div
|
|
31
30
|
aria-hidden="true"
|
|
32
|
-
class="
|
|
33
|
-
style="
|
|
31
|
+
class="opacity-0 transition-opacity fixed -z inset-0 bg-black -webkit-tap-highlight-color bg-opacity"
|
|
32
|
+
style="transition-duration: 300ms; opacity: 1;"
|
|
34
33
|
/>
|
|
35
34
|
<div
|
|
36
|
-
data-
|
|
35
|
+
data-testid="sentinelStart"
|
|
37
36
|
tabindex="0"
|
|
38
37
|
/>
|
|
39
38
|
<div
|
|
40
|
-
class="
|
|
41
|
-
role="
|
|
42
|
-
style="
|
|
39
|
+
class="bg-white shadow-2 transition-shadow duration-300 delay-0 opacity-0 transition-opacity outline-none overflow-y flex flex-col m-4 sm:h-auto sm:m-8 max-w-[calc(100%_ sm:max-w-[calc(100%_ rounded-md w-[40.625rem] relative max-h-[calc(100%_ sm:max-h-[calc(100%_"
|
|
40
|
+
role="dialog"
|
|
41
|
+
style="transition-duration: 300ms; opacity: 1;"
|
|
43
42
|
tabindex="-1"
|
|
44
43
|
>
|
|
45
|
-
<
|
|
46
|
-
|
|
47
|
-
|
|
44
|
+
<p>
|
|
45
|
+
Modal content
|
|
46
|
+
</p>
|
|
47
|
+
<button
|
|
48
|
+
class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
|
|
49
|
+
data-component-type="button"
|
|
50
|
+
tabindex="0"
|
|
51
|
+
type="button"
|
|
48
52
|
>
|
|
49
|
-
<
|
|
50
|
-
|
|
51
|
-
</p>
|
|
52
|
-
<button
|
|
53
|
-
class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
|
|
54
|
-
data-component-type="button"
|
|
55
|
-
tabindex="0"
|
|
56
|
-
type="button"
|
|
53
|
+
<span
|
|
54
|
+
class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
|
|
57
55
|
>
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
Hide
|
|
62
|
-
</span>
|
|
63
|
-
</button>
|
|
64
|
-
</div>
|
|
56
|
+
Hide
|
|
57
|
+
</span>
|
|
58
|
+
</button>
|
|
65
59
|
</div>
|
|
66
60
|
<div
|
|
67
|
-
data-
|
|
61
|
+
data-testid="sentinelEnd"
|
|
68
62
|
tabindex="0"
|
|
69
63
|
/>
|
|
70
64
|
</div>
|
|
@@ -136,70 +130,58 @@ exports[`Modal useModal shows multiple modals at the same time 1`] = `
|
|
|
136
130
|
</button>
|
|
137
131
|
<div
|
|
138
132
|
aria-hidden="true"
|
|
139
|
-
class="
|
|
133
|
+
class="base-Modal fixed z-modal inset-0 flex flex-col text-lg justify-center items-center"
|
|
140
134
|
role="presentation"
|
|
141
|
-
style="position: fixed; z-index: 1300; right: 0px; bottom: 0px; top: 0px; left: 0px;"
|
|
142
135
|
>
|
|
143
136
|
<div
|
|
144
137
|
aria-hidden="true"
|
|
145
|
-
class="
|
|
146
|
-
style="
|
|
138
|
+
class="opacity-0 transition-opacity fixed -z inset-0 bg-black -webkit-tap-highlight-color bg-opacity"
|
|
139
|
+
style="transition-duration: 300ms; opacity: 1;"
|
|
147
140
|
/>
|
|
148
141
|
<div
|
|
149
|
-
data-
|
|
142
|
+
data-testid="sentinelStart"
|
|
150
143
|
tabindex="0"
|
|
151
144
|
/>
|
|
152
145
|
<div
|
|
153
|
-
class="
|
|
154
|
-
role="
|
|
155
|
-
style="
|
|
146
|
+
class="bg-white shadow-2 transition-shadow duration-300 delay-0 opacity-0 transition-opacity outline-none overflow-y flex flex-col m-4 sm:h-auto sm:m-8 max-w-[calc(100%_ sm:max-w-[calc(100%_ rounded-md w-[40.625rem] relative max-h-[calc(100%_ sm:max-h-[calc(100%_"
|
|
147
|
+
role="dialog"
|
|
148
|
+
style="transition-duration: 300ms; opacity: 1;"
|
|
156
149
|
tabindex="-1"
|
|
157
150
|
>
|
|
158
|
-
<
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
>
|
|
162
|
-
<p>
|
|
163
|
-
First modal content
|
|
164
|
-
</p>
|
|
165
|
-
</div>
|
|
151
|
+
<p>
|
|
152
|
+
First modal content
|
|
153
|
+
</p>
|
|
166
154
|
</div>
|
|
167
155
|
<div
|
|
168
|
-
data-
|
|
156
|
+
data-testid="sentinelEnd"
|
|
169
157
|
tabindex="0"
|
|
170
158
|
/>
|
|
171
159
|
</div>
|
|
172
160
|
<div
|
|
173
|
-
class="
|
|
161
|
+
class="base-Modal fixed z-modal inset-0 flex flex-col text-lg justify-center items-center"
|
|
174
162
|
role="presentation"
|
|
175
|
-
style="position: fixed; z-index: 1300; right: 0px; bottom: 0px; top: 0px; left: 0px;"
|
|
176
163
|
>
|
|
177
164
|
<div
|
|
178
165
|
aria-hidden="true"
|
|
179
|
-
class="
|
|
180
|
-
style="
|
|
166
|
+
class="opacity-0 transition-opacity fixed -z inset-0 bg-black -webkit-tap-highlight-color bg-opacity"
|
|
167
|
+
style="transition-duration: 300ms; opacity: 1;"
|
|
181
168
|
/>
|
|
182
169
|
<div
|
|
183
|
-
data-
|
|
170
|
+
data-testid="sentinelStart"
|
|
184
171
|
tabindex="0"
|
|
185
172
|
/>
|
|
186
173
|
<div
|
|
187
|
-
class="
|
|
188
|
-
role="
|
|
189
|
-
style="
|
|
174
|
+
class="bg-white shadow-2 transition-shadow duration-300 delay-0 opacity-0 transition-opacity outline-none overflow-y flex flex-col m-4 sm:h-auto sm:m-8 max-w-[calc(100%_ sm:max-w-[calc(100%_ rounded-md w-[40.625rem] relative max-h-[calc(100%_ sm:max-h-[calc(100%_"
|
|
175
|
+
role="dialog"
|
|
176
|
+
style="transition-duration: 300ms; opacity: 1;"
|
|
190
177
|
tabindex="-1"
|
|
191
178
|
>
|
|
192
|
-
<
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
>
|
|
196
|
-
<p>
|
|
197
|
-
Second modal content
|
|
198
|
-
</p>
|
|
199
|
-
</div>
|
|
179
|
+
<p>
|
|
180
|
+
Second modal content
|
|
181
|
+
</p>
|
|
200
182
|
</div>
|
|
201
183
|
<div
|
|
202
|
-
data-
|
|
184
|
+
data-testid="sentinelEnd"
|
|
203
185
|
tabindex="0"
|
|
204
186
|
/>
|
|
205
187
|
</div>
|