@toptal/picasso-prompt-modal 1.0.13 → 1.0.14

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.
Files changed (2) hide show
  1. package/package.json +7 -7
  2. package/src/PromptModal/__snapshots__/test.tsx.snap +32 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-prompt-modal",
3
- "version": "1.0.13",
3
+ "version": "1.0.14",
4
4
  "description": "Toptal UI components library - PromptModal",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -22,11 +22,11 @@
22
22
  },
23
23
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
24
24
  "dependencies": {
25
- "@toptal/picasso-button": "1.0.13",
26
- "@toptal/picasso-container": "1.0.2",
27
- "@toptal/picasso-modal": "1.0.13",
28
- "@toptal/picasso-typography": "2.0.0",
29
- "@toptal/picasso-utils": "1.0.2"
25
+ "@toptal/picasso-button": "2.0.0",
26
+ "@toptal/picasso-container": "1.0.3",
27
+ "@toptal/picasso-modal": "2.0.0",
28
+ "@toptal/picasso-typography": "2.0.1",
29
+ "@toptal/picasso-utils": "1.0.3"
30
30
  },
31
31
  "sideEffects": [
32
32
  "**/styles.ts",
@@ -40,7 +40,7 @@
40
40
  ".": "./dist-package/src/index.js"
41
41
  },
42
42
  "devDependencies": {
43
- "@toptal/picasso-test-utils": "1.1.0"
43
+ "@toptal/picasso-test-utils": "1.1.1"
44
44
  },
45
45
  "files": [
46
46
  "dist-package/**",
package/src/PromptModal/__snapshots__/test.tsx.snap CHANGED
@@ -59,25 +59,29 @@ exports[`PromptModal renders 1`] = `
59
59
  class="PicassoModalAction-root"
60
60
  >
61
61
  <button
62
- class="MuiButtonBase-root PicassoButton-medium PicassoButton-secondary PicassoButton-root"
62
+ aria-disabled="false"
63
+ class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [&+&]:ml-4 cursor-pointer no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] focus-within:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border border-solid text-black hover:border-black visited:text-black active:bg-gray active:border-black bg-white border-gray min-w h-8 py-0 px-4"
63
64
  data-component-type="button"
65
+ role="button"
64
66
  tabindex="0"
65
67
  type="button"
66
68
  >
67
69
  <span
68
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
70
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
69
71
  >
70
72
  Cancel
71
73
  </span>
72
74
  </button>
73
75
  <button
74
- class="MuiButtonBase-root PicassoButton-medium PicassoButton-positive PicassoButton-root"
76
+ aria-disabled="false"
77
+ class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [&+&]:ml-4 cursor-pointer no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] focus-within:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border-none text-white visited:text-white hover:bg-[#27D496] active:bg-[#00A96C] bg-green min-w h-8 py-0 px-4"
75
78
  data-component-type="button"
79
+ role="button"
76
80
  tabindex="0"
77
81
  type="button"
78
82
  >
79
83
  <span
80
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
84
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
81
85
  >
82
86
  Submit
83
87
  </span>
@@ -100,13 +104,15 @@ exports[`PromptModal showPrompt opens and closes modal on Submit action 1`] = `
100
104
  class="Picasso-root"
101
105
  >
102
106
  <button
103
- class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
107
+ aria-disabled="false"
108
+ class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [&+&]:ml-4 cursor-pointer no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] focus-within:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border-none text-white visited:text-white hover:bg-[#4269D6] active:bg-[#1A41AB] bg-blue min-w h-8 py-0 px-4"
104
109
  data-component-type="button"
110
+ role="button"
105
111
  tabindex="0"
106
112
  type="button"
107
113
  >
108
114
  <span
109
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
115
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
110
116
  >
111
117
  Show
112
118
  </span>
@@ -123,14 +129,16 @@ exports[`PromptModal showPrompt opens and closes modal on Submit action 2`] = `
123
129
  class="Picasso-root"
124
130
  >
125
131
  <button
132
+ aria-disabled="false"
126
133
  aria-hidden="true"
127
- class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
134
+ class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [&+&]:ml-4 cursor-pointer no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] focus-within:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border-none text-white visited:text-white hover:bg-[#4269D6] active:bg-[#1A41AB] bg-blue min-w h-8 py-0 px-4"
128
135
  data-component-type="button"
136
+ role="button"
129
137
  tabindex="0"
130
138
  type="button"
131
139
  >
132
140
  <span
133
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
141
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
134
142
  >
135
143
  Show
136
144
  </span>
@@ -185,25 +193,29 @@ exports[`PromptModal showPrompt opens and closes modal on Submit action 2`] = `
185
193
  class="PicassoModalAction-root"
186
194
  >
187
195
  <button
188
- class="MuiButtonBase-root PicassoButton-medium PicassoButton-secondary PicassoButton-root"
196
+ aria-disabled="false"
197
+ class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [&+&]:ml-4 cursor-pointer no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] focus-within:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border border-solid text-black hover:border-black visited:text-black active:bg-gray active:border-black bg-white border-gray min-w h-8 py-0 px-4"
189
198
  data-component-type="button"
199
+ role="button"
190
200
  tabindex="0"
191
201
  type="button"
192
202
  >
193
203
  <span
194
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
204
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
195
205
  >
196
206
  Cancel
197
207
  </span>
198
208
  </button>
199
209
  <button
200
- class="MuiButtonBase-root PicassoButton-medium PicassoButton-positive PicassoButton-root"
210
+ aria-disabled="false"
211
+ class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [&+&]:ml-4 cursor-pointer no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] focus-within:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border-none text-white visited:text-white hover:bg-[#27D496] active:bg-[#00A96C] bg-green min-w h-8 py-0 px-4"
201
212
  data-component-type="button"
213
+ role="button"
202
214
  tabindex="0"
203
215
  type="button"
204
216
  >
205
217
  <span
206
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
218
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
207
219
  >
208
220
  Submit
209
221
  </span>
@@ -228,13 +240,15 @@ exports[`PromptModal showPrompt opens and closes modal on Submit action 3`] = `
228
240
  class="Picasso-root"
229
241
  >
230
242
  <button
231
- class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
243
+ aria-disabled="false"
244
+ class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [&+&]:ml-4 cursor-pointer no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] focus-within:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border-none text-white visited:text-white hover:bg-[#4269D6] active:bg-[#1A41AB] bg-blue min-w h-8 py-0 px-4"
232
245
  data-component-type="button"
246
+ role="button"
233
247
  tabindex="0"
234
248
  type="button"
235
249
  >
236
250
  <span
237
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
251
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
238
252
  >
239
253
  Show
240
254
  </span>
@@ -251,13 +265,15 @@ exports[`PromptModal showPrompt with input returns result on Submit action 1`] =
251
265
  class="Picasso-root"
252
266
  >
253
267
  <button
254
- class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
268
+ aria-disabled="false"
269
+ class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [&+&]:ml-4 cursor-pointer no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] focus-within:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border-none text-white visited:text-white hover:bg-[#4269D6] active:bg-[#1A41AB] bg-blue min-w h-8 py-0 px-4"
255
270
  data-component-type="button"
271
+ role="button"
256
272
  tabindex="0"
257
273
  type="button"
258
274
  >
259
275
  <span
260
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
276
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
261
277
  >
262
278
  Show
263
279
  </span>