@toptal/picasso-forms 71.0.26 → 71.0.27

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. package/package.json +2 -2
  2. package/src/Rating/__snapshots__/test.tsx.snap +22 -22
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-forms",
3
- "version": "71.0.26",
3
+ "version": "71.0.27",
4
4
  "description": "Picasso form components",
5
5
  "author": "Toptal",
6
6
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-forms#readme",
@@ -35,7 +35,7 @@
35
35
  "@toptal/picasso-button": "4.0.1",
36
36
  "@toptal/picasso-password-input": "4.0.1",
37
37
  "@toptal/picasso-radio": "4.0.0",
38
- "@toptal/picasso-rating": "2.0.2",
38
+ "@toptal/picasso-rating": "3.0.0",
39
39
  "@toptal/picasso-icons": "1.6.0",
40
40
  "@toptal/picasso-form": "5.0.0",
41
41
  "@toptal/picasso-file-input": "2.0.13",
package/src/Rating/__snapshots__/test.tsx.snap CHANGED
@@ -21,12 +21,12 @@ exports[`Rating Thumbs renders default Stars 1`] = `
21
21
  type="number"
22
22
  >
23
23
  <label
24
- class="PicassoRating-label PicassoRating-clickableLabel"
24
+ class="mr-[.125rem] cursor-pointer"
25
25
  for="stars-1"
26
26
  >
27
27
  <span>
28
28
  <svg
29
- class="PicassoSvgStar16-root PicassoRatingIcon-clickableIcon PicassoSvgStar16-yellow"
29
+ class="PicassoSvgStar16-root transition-all duration-350 ease-out hover:scale-150 PicassoSvgStar16-yellow"
30
30
  style="min-width: 16px; min-height: 16px;"
31
31
  viewBox="0 0 16 16"
32
32
  >
@@ -36,7 +36,7 @@ exports[`Rating Thumbs renders default Stars 1`] = `
36
36
  </svg>
37
37
  </span>
38
38
  <input
39
- class="PicassoRating-radio"
39
+ class="hidden"
40
40
  data-testid="stars-1"
41
41
  id="stars-1"
42
42
  name="stars"
@@ -45,12 +45,12 @@ exports[`Rating Thumbs renders default Stars 1`] = `
45
45
  />
46
46
  </label>
47
47
  <label
48
- class="PicassoRating-label PicassoRating-clickableLabel"
48
+ class="mr-[.125rem] cursor-pointer"
49
49
  for="stars-2"
50
50
  >
51
51
  <span>
52
52
  <svg
53
- class="PicassoSvgStar16-root PicassoRatingIcon-clickableIcon PicassoSvgStar16-yellow"
53
+ class="PicassoSvgStar16-root transition-all duration-350 ease-out hover:scale-150 PicassoSvgStar16-yellow"
54
54
  style="min-width: 16px; min-height: 16px;"
55
55
  viewBox="0 0 16 16"
56
56
  >
@@ -60,7 +60,7 @@ exports[`Rating Thumbs renders default Stars 1`] = `
60
60
  </svg>
61
61
  </span>
62
62
  <input
63
- class="PicassoRating-radio"
63
+ class="hidden"
64
64
  data-testid="stars-2"
65
65
  id="stars-2"
66
66
  name="stars"
@@ -69,12 +69,12 @@ exports[`Rating Thumbs renders default Stars 1`] = `
69
69
  />
70
70
  </label>
71
71
  <label
72
- class="PicassoRating-label PicassoRating-clickableLabel"
72
+ class="mr-[.125rem] cursor-pointer"
73
73
  for="stars-3"
74
74
  >
75
75
  <span>
76
76
  <svg
77
- class="PicassoSvgStar16-root PicassoRatingIcon-clickableIcon PicassoSvgStar16-yellow"
77
+ class="PicassoSvgStar16-root transition-all duration-350 ease-out hover:scale-150 PicassoSvgStar16-yellow"
78
78
  style="min-width: 16px; min-height: 16px;"
79
79
  viewBox="0 0 16 16"
80
80
  >
@@ -84,7 +84,7 @@ exports[`Rating Thumbs renders default Stars 1`] = `
84
84
  </svg>
85
85
  </span>
86
86
  <input
87
- class="PicassoRating-radio"
87
+ class="hidden"
88
88
  data-testid="stars-3"
89
89
  id="stars-3"
90
90
  name="stars"
@@ -93,12 +93,12 @@ exports[`Rating Thumbs renders default Stars 1`] = `
93
93
  />
94
94
  </label>
95
95
  <label
96
- class="PicassoRating-label PicassoRating-clickableLabel"
96
+ class="mr-[.125rem] cursor-pointer"
97
97
  for="stars-4"
98
98
  >
99
99
  <span>
100
100
  <svg
101
- class="PicassoSvgStar16-root PicassoRatingIcon-clickableIcon PicassoSvgStar16-yellow"
101
+ class="PicassoSvgStar16-root transition-all duration-350 ease-out hover:scale-150 PicassoSvgStar16-yellow"
102
102
  style="min-width: 16px; min-height: 16px;"
103
103
  viewBox="0 0 16 16"
104
104
  >
@@ -108,7 +108,7 @@ exports[`Rating Thumbs renders default Stars 1`] = `
108
108
  </svg>
109
109
  </span>
110
110
  <input
111
- class="PicassoRating-radio"
111
+ class="hidden"
112
112
  data-testid="stars-4"
113
113
  id="stars-4"
114
114
  name="stars"
@@ -117,12 +117,12 @@ exports[`Rating Thumbs renders default Stars 1`] = `
117
117
  />
118
118
  </label>
119
119
  <label
120
- class="PicassoRating-label PicassoRating-clickableLabel"
120
+ class="mr-[.125rem] cursor-pointer"
121
121
  for="stars-5"
122
122
  >
123
123
  <span>
124
124
  <svg
125
- class="PicassoSvgStar16-root PicassoRatingIcon-clickableIcon PicassoSvgStar16-yellow"
125
+ class="PicassoSvgStar16-root transition-all duration-350 ease-out hover:scale-150 PicassoSvgStar16-yellow"
126
126
  style="min-width: 16px; min-height: 16px;"
127
127
  viewBox="0 0 16 16"
128
128
  >
@@ -132,7 +132,7 @@ exports[`Rating Thumbs renders default Stars 1`] = `
132
132
  </svg>
133
133
  </span>
134
134
  <input
135
- class="PicassoRating-radio"
135
+ class="hidden"
136
136
  data-testid="stars-5"
137
137
  id="stars-5"
138
138
  name="stars"
@@ -141,7 +141,7 @@ exports[`Rating Thumbs renders default Stars 1`] = `
141
141
  />
142
142
  </label>
143
143
  <input
144
- class="PicassoRating-radio"
144
+ class="hidden"
145
145
  id="stars-reset"
146
146
  name="stars"
147
147
  type="radio"
@@ -174,11 +174,11 @@ exports[`Rating Thumbs renders default Thumbs 1`] = `
174
174
  class=""
175
175
  >
176
176
  <label
177
- class="makeStyles-label"
177
+ class="[&:not(:last-child)]:mr-[1em]"
178
178
  for="0-posititve"
179
179
  >
180
180
  <svg
181
- class="PicassoSvgThumbsUp16-root makeStyles-thumbs makeStyles-interactiveThumbs"
181
+ class="PicassoSvgThumbsUp16-root transition-colors duration-200 ease-linear cursor-pointer hover:text-graphite text-gray"
182
182
  style="min-width: 16px; min-height: 16px;"
183
183
  viewBox="0 0 16 16"
184
184
  >
@@ -187,7 +187,7 @@ exports[`Rating Thumbs renders default Thumbs 1`] = `
187
187
  />
188
188
  </svg>
189
189
  <input
190
- class="makeStyles-radio"
190
+ class="hidden"
191
191
  data-testid="positive-thumb"
192
192
  id="0-posititve"
193
193
  name="thumbs"
@@ -196,11 +196,11 @@ exports[`Rating Thumbs renders default Thumbs 1`] = `
196
196
  />
197
197
  </label>
198
198
  <label
199
- class="makeStyles-label"
199
+ class="[&:not(:last-child)]:mr-[1em]"
200
200
  for="0-negative"
201
201
  >
202
202
  <svg
203
- class="PicassoSvgThumbsDown16-root makeStyles-thumbs makeStyles-interactiveThumbs"
203
+ class="PicassoSvgThumbsDown16-root transition-colors duration-200 ease-linear cursor-pointer hover:text-graphite text-gray"
204
204
  style="min-width: 16px; min-height: 16px;"
205
205
  viewBox="0 0 16 16"
206
206
  >
@@ -209,7 +209,7 @@ exports[`Rating Thumbs renders default Thumbs 1`] = `
209
209
  />
210
210
  </svg>
211
211
  <input
212
- class="makeStyles-radio"
212
+ class="hidden"
213
213
  data-testid="negative-thumb"
214
214
  id="0-negative"
215
215
  name="thumbs"