@pareto-engineering/design-system 4.0.0-alpha.76 → 4.0.0-alpha.77

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 (8) hide show
  1. package/dist/cjs/f/common/Description/styles.scss +1 -2
  2. package/dist/cjs/f/fields/TextInput/styles.scss +5 -2
  3. package/dist/es/f/common/Description/styles.scss +1 -2
  4. package/dist/es/f/fields/TextInput/styles.scss +5 -2
  5. package/package.json +2 -2
  6. package/src/ui/f/common/Description/styles.scss +1 -2
  7. package/src/ui/f/fields/TextInput/styles.scss +5 -2
  8. package/tests/__snapshots__/Storyshots.test.js.snap +24 -24
package/dist/cjs/f/common/Description/styles.scss CHANGED
@@ -5,6 +5,5 @@
5
5
 
6
6
  .#{bem.$base}.description {
7
7
  color: var(--x);
8
+ height: 0;
8
9
  }
9
-
10
-
package/dist/cjs/f/fields/TextInput/styles.scss CHANGED
@@ -26,7 +26,6 @@ $disabled-background: var(--background-inputs-30);
26
26
  margin-bottom: var(--gap);
27
27
  }
28
28
 
29
-
30
29
  &.has-symbol {
31
30
  > .input-wrapper {
32
31
  position: relative;
@@ -43,6 +42,11 @@ $disabled-background: var(--background-inputs-30);
43
42
 
44
43
  input {
45
44
  padding: $default-padding-with-symbol;
45
+
46
+ &::-webkit-outer-spin-button,
47
+ &::-webkit-inner-spin-button {
48
+ margin-right: calc($default-symbol-left / 4);
49
+ }
46
50
  }
47
51
  }
48
52
 
@@ -75,4 +79,3 @@ $disabled-background: var(--background-inputs-30);
75
79
  }
76
80
  }
77
81
  }
78
-
package/dist/es/f/common/Description/styles.scss CHANGED
@@ -5,6 +5,5 @@
5
5
 
6
6
  .#{bem.$base}.description {
7
7
  color: var(--x);
8
+ height: 0;
8
9
  }
9
-
10
-
package/dist/es/f/fields/TextInput/styles.scss CHANGED
@@ -26,7 +26,6 @@ $disabled-background: var(--background-inputs-30);
26
26
  margin-bottom: var(--gap);
27
27
  }
28
28
 
29
-
30
29
  &.has-symbol {
31
30
  > .input-wrapper {
32
31
  position: relative;
@@ -43,6 +42,11 @@ $disabled-background: var(--background-inputs-30);
43
42
 
44
43
  input {
45
44
  padding: $default-padding-with-symbol;
45
+
46
+ &::-webkit-outer-spin-button,
47
+ &::-webkit-inner-spin-button {
48
+ margin-right: calc($default-symbol-left / 4);
49
+ }
46
50
  }
47
51
  }
48
52
 
@@ -75,4 +79,3 @@ $disabled-background: var(--background-inputs-30);
75
79
  }
76
80
  }
77
81
  }
78
-
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pareto-engineering/design-system",
3
- "version": "4.0.0-alpha.76",
3
+ "version": "4.0.0-alpha.77",
4
4
  "description": "",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.js",
@@ -74,5 +74,5 @@
74
74
  "relay-test-utils": "^15.0.0"
75
75
  },
76
76
  "browserslist": "> 2%",
77
- "gitHead": "b2057b76a09837c3812774840044a057ca1c25f3"
77
+ "gitHead": "7bd6859a8caf8862adf262f19b720e2f3774c5c0"
78
78
  }
package/src/ui/f/common/Description/styles.scss CHANGED
@@ -5,6 +5,5 @@
5
5
 
6
6
  .#{bem.$base}.description {
7
7
  color: var(--x);
8
+ height: 0;
8
9
  }
9
-
10
-
package/src/ui/f/fields/TextInput/styles.scss CHANGED
@@ -26,7 +26,6 @@ $disabled-background: var(--background-inputs-30);
26
26
  margin-bottom: var(--gap);
27
27
  }
28
28
 
29
-
30
29
  &.has-symbol {
31
30
  > .input-wrapper {
32
31
  position: relative;
@@ -43,6 +42,11 @@ $disabled-background: var(--background-inputs-30);
43
42
 
44
43
  input {
45
44
  padding: $default-padding-with-symbol;
45
+
46
+ &::-webkit-outer-spin-button,
47
+ &::-webkit-inner-spin-button {
48
+ margin-right: calc($default-symbol-left / 4);
49
+ }
46
50
  }
47
51
  }
48
52
 
@@ -75,4 +79,3 @@ $disabled-background: var(--background-inputs-30);
75
79
  }
76
80
  }
77
81
  }
78
-
package/tests/__snapshots__/Storyshots.test.js.snap CHANGED
@@ -1103,7 +1103,7 @@ exports[`Storyshots a/DatePicker Base 1`] = `
1103
1103
  role="presentation"
1104
1104
  >
1105
1105
  <button
1106
- className="rdp-button_reset rdp-button rdp-day"
1106
+ className="rdp-button_reset rdp-button rdp-day rdp-day_today"
1107
1107
  name="day"
1108
1108
  onBlur={[Function]}
1109
1109
  onClick={[Function]}
@@ -1120,7 +1120,7 @@ exports[`Storyshots a/DatePicker Base 1`] = `
1120
1120
  onTouchStart={[Function]}
1121
1121
  role="gridcell"
1122
1122
  style={{}}
1123
- tabIndex={-1}
1123
+ tabIndex={0}
1124
1124
  type="button"
1125
1125
  >
1126
1126
  1
@@ -1303,7 +1303,7 @@ exports[`Storyshots a/DatePicker Base 1`] = `
1303
1303
  role="presentation"
1304
1304
  >
1305
1305
  <button
1306
- className="rdp-button_reset rdp-button rdp-day rdp-day_today"
1306
+ className="rdp-button_reset rdp-button rdp-day"
1307
1307
  name="day"
1308
1308
  onBlur={[Function]}
1309
1309
  onClick={[Function]}
@@ -1320,7 +1320,7 @@ exports[`Storyshots a/DatePicker Base 1`] = `
1320
1320
  onTouchStart={[Function]}
1321
1321
  role="gridcell"
1322
1322
  style={{}}
1323
- tabIndex={0}
1323
+ tabIndex={-1}
1324
1324
  type="button"
1325
1325
  >
1326
1326
  8
@@ -2467,7 +2467,7 @@ exports[`Storyshots a/DatePicker Multiple Selection 1`] = `
2467
2467
  role="presentation"
2468
2468
  >
2469
2469
  <button
2470
- className="rdp-button_reset rdp-button rdp-day"
2470
+ className="rdp-button_reset rdp-button rdp-day rdp-day_today"
2471
2471
  name="day"
2472
2472
  onBlur={[Function]}
2473
2473
  onClick={[Function]}
@@ -2484,7 +2484,7 @@ exports[`Storyshots a/DatePicker Multiple Selection 1`] = `
2484
2484
  onTouchStart={[Function]}
2485
2485
  role="gridcell"
2486
2486
  style={{}}
2487
- tabIndex={-1}
2487
+ tabIndex={0}
2488
2488
  type="button"
2489
2489
  >
2490
2490
  1
@@ -2667,7 +2667,7 @@ exports[`Storyshots a/DatePicker Multiple Selection 1`] = `
2667
2667
  role="presentation"
2668
2668
  >
2669
2669
  <button
2670
- className="rdp-button_reset rdp-button rdp-day rdp-day_today"
2670
+ className="rdp-button_reset rdp-button rdp-day"
2671
2671
  name="day"
2672
2672
  onBlur={[Function]}
2673
2673
  onClick={[Function]}
@@ -2684,7 +2684,7 @@ exports[`Storyshots a/DatePicker Multiple Selection 1`] = `
2684
2684
  onTouchStart={[Function]}
2685
2685
  role="gridcell"
2686
2686
  style={{}}
2687
- tabIndex={0}
2687
+ tabIndex={-1}
2688
2688
  type="button"
2689
2689
  >
2690
2690
  8
@@ -3831,7 +3831,7 @@ exports[`Storyshots a/DatePicker Range Selection 1`] = `
3831
3831
  role="presentation"
3832
3832
  >
3833
3833
  <button
3834
- className="rdp-button_reset rdp-button rdp-day"
3834
+ className="rdp-button_reset rdp-button rdp-day rdp-day_today"
3835
3835
  name="day"
3836
3836
  onBlur={[Function]}
3837
3837
  onClick={[Function]}
@@ -3848,7 +3848,7 @@ exports[`Storyshots a/DatePicker Range Selection 1`] = `
3848
3848
  onTouchStart={[Function]}
3849
3849
  role="gridcell"
3850
3850
  style={{}}
3851
- tabIndex={-1}
3851
+ tabIndex={0}
3852
3852
  type="button"
3853
3853
  >
3854
3854
  1
@@ -4031,7 +4031,7 @@ exports[`Storyshots a/DatePicker Range Selection 1`] = `
4031
4031
  role="presentation"
4032
4032
  >
4033
4033
  <button
4034
- className="rdp-button_reset rdp-button rdp-day rdp-day_today"
4034
+ className="rdp-button_reset rdp-button rdp-day"
4035
4035
  name="day"
4036
4036
  onBlur={[Function]}
4037
4037
  onClick={[Function]}
@@ -4048,7 +4048,7 @@ exports[`Storyshots a/DatePicker Range Selection 1`] = `
4048
4048
  onTouchStart={[Function]}
4049
4049
  role="gridcell"
4050
4050
  style={{}}
4051
- tabIndex={0}
4051
+ tabIndex={-1}
4052
4052
  type="button"
4053
4053
  >
4054
4054
  8
@@ -5195,7 +5195,7 @@ exports[`Storyshots a/DatePicker Time Range Selection 1`] = `
5195
5195
  role="presentation"
5196
5196
  >
5197
5197
  <button
5198
- className="rdp-button_reset rdp-button rdp-day"
5198
+ className="rdp-button_reset rdp-button rdp-day rdp-day_today"
5199
5199
  name="day"
5200
5200
  onBlur={[Function]}
5201
5201
  onClick={[Function]}
@@ -5212,7 +5212,7 @@ exports[`Storyshots a/DatePicker Time Range Selection 1`] = `
5212
5212
  onTouchStart={[Function]}
5213
5213
  role="gridcell"
5214
5214
  style={{}}
5215
- tabIndex={-1}
5215
+ tabIndex={0}
5216
5216
  type="button"
5217
5217
  >
5218
5218
  1
@@ -5395,7 +5395,7 @@ exports[`Storyshots a/DatePicker Time Range Selection 1`] = `
5395
5395
  role="presentation"
5396
5396
  >
5397
5397
  <button
5398
- className="rdp-button_reset rdp-button rdp-day rdp-day_today"
5398
+ className="rdp-button_reset rdp-button rdp-day"
5399
5399
  name="day"
5400
5400
  onBlur={[Function]}
5401
5401
  onClick={[Function]}
@@ -5412,7 +5412,7 @@ exports[`Storyshots a/DatePicker Time Range Selection 1`] = `
5412
5412
  onTouchStart={[Function]}
5413
5413
  role="gridcell"
5414
5414
  style={{}}
5415
- tabIndex={0}
5415
+ tabIndex={-1}
5416
5416
  type="button"
5417
5417
  >
5418
5418
  8
@@ -6590,7 +6590,7 @@ exports[`Storyshots a/DatePicker Time Selection 1`] = `
6590
6590
  role="presentation"
6591
6591
  >
6592
6592
  <button
6593
- className="rdp-button_reset rdp-button rdp-day"
6593
+ className="rdp-button_reset rdp-button rdp-day rdp-day_today"
6594
6594
  name="day"
6595
6595
  onBlur={[Function]}
6596
6596
  onClick={[Function]}
@@ -6607,7 +6607,7 @@ exports[`Storyshots a/DatePicker Time Selection 1`] = `
6607
6607
  onTouchStart={[Function]}
6608
6608
  role="gridcell"
6609
6609
  style={{}}
6610
- tabIndex={-1}
6610
+ tabIndex={0}
6611
6611
  type="button"
6612
6612
  >
6613
6613
  1
@@ -6790,7 +6790,7 @@ exports[`Storyshots a/DatePicker Time Selection 1`] = `
6790
6790
  role="presentation"
6791
6791
  >
6792
6792
  <button
6793
- className="rdp-button_reset rdp-button rdp-day rdp-day_today"
6793
+ className="rdp-button_reset rdp-button rdp-day"
6794
6794
  name="day"
6795
6795
  onBlur={[Function]}
6796
6796
  onClick={[Function]}
@@ -6807,7 +6807,7 @@ exports[`Storyshots a/DatePicker Time Selection 1`] = `
6807
6807
  onTouchStart={[Function]}
6808
6808
  role="gridcell"
6809
6809
  style={{}}
6810
- tabIndex={0}
6810
+ tabIndex={-1}
6811
6811
  type="button"
6812
6812
  >
6813
6813
  8
@@ -7974,7 +7974,7 @@ exports[`Storyshots a/DatePicker With Custom Footer 1`] = `
7974
7974
  role="presentation"
7975
7975
  >
7976
7976
  <button
7977
- className="rdp-button_reset rdp-button rdp-day"
7977
+ className="rdp-button_reset rdp-button rdp-day rdp-day_today"
7978
7978
  name="day"
7979
7979
  onBlur={[Function]}
7980
7980
  onClick={[Function]}
@@ -7991,7 +7991,7 @@ exports[`Storyshots a/DatePicker With Custom Footer 1`] = `
7991
7991
  onTouchStart={[Function]}
7992
7992
  role="gridcell"
7993
7993
  style={{}}
7994
- tabIndex={-1}
7994
+ tabIndex={0}
7995
7995
  type="button"
7996
7996
  >
7997
7997
  1
@@ -8174,7 +8174,7 @@ exports[`Storyshots a/DatePicker With Custom Footer 1`] = `
8174
8174
  role="presentation"
8175
8175
  >
8176
8176
  <button
8177
- className="rdp-button_reset rdp-button rdp-day rdp-day_today"
8177
+ className="rdp-button_reset rdp-button rdp-day"
8178
8178
  name="day"
8179
8179
  onBlur={[Function]}
8180
8180
  onClick={[Function]}
@@ -8191,7 +8191,7 @@ exports[`Storyshots a/DatePicker With Custom Footer 1`] = `
8191
8191
  onTouchStart={[Function]}
8192
8192
  role="gridcell"
8193
8193
  style={{}}
8194
- tabIndex={0}
8194
+ tabIndex={-1}
8195
8195
  type="button"
8196
8196
  >
8197
8197
  8