@phillips/seldon 1.58.1 → 1.58.3

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.
@@ -4,7 +4,7 @@
4
4
  @include DistinctDisplay;
5
5
 
6
6
  color: $primary-black;
7
- font-weight: 400;
7
+ font-variation-settings: 'wght' 400;
8
8
  }
9
9
 
10
10
  @mixin titleText {
@@ -52,7 +52,7 @@
52
52
 
53
53
  color: $color;
54
54
  font-size: $size;
55
- font-weight: 400;
55
+ font-variation-settings: 'wght' 400;
56
56
  line-height: $line-height;
57
57
  text-decoration: none;
58
58
  text-transform: $transform-style;
@@ -69,9 +69,10 @@
69
69
  @mixin labelText($label) {
70
70
  @include Montserrat;
71
71
 
72
+ font-variation-settings: 'wght' 600;
73
+
72
74
  @if $label == 'link' {
73
75
  font-size: $link-label-size;
74
- font-weight: 600;
75
76
  letter-spacing: 1px;
76
77
  line-height: $link-label-line-height;
77
78
  text-transform: uppercase;
@@ -79,7 +80,6 @@
79
80
 
80
81
  @if $label == 'button' {
81
82
  font-size: $button-label-size;
82
- font-weight: 600;
83
83
  letter-spacing: 0;
84
84
  line-height: $button-label-line-height;
85
85
  text-transform: capitalize;
@@ -87,7 +87,6 @@
87
87
 
88
88
  @if $label == 'email' {
89
89
  font-size: $email-label-size;
90
- font-weight: 600;
91
90
  letter-spacing: 0.0625rem;
92
91
  line-height: 1.25;
93
92
  text-transform: lowercase;
@@ -95,14 +94,14 @@
95
94
 
96
95
  @if $label == 'label' {
97
96
  font-size: $text-label-size;
98
- font-weight: 500;
97
+ font-variation-settings: 'wght' 500;
99
98
  letter-spacing: 0.0625rem;
100
99
  line-height: 1.25;
101
100
  }
102
101
 
103
102
  @if $label == 'badge' {
104
103
  font-size: $badge-label-size;
105
- font-weight: 500;
104
+ font-variation-settings: 'wght' 500;
106
105
  letter-spacing: 0;
107
106
  line-height: $badge-label-line-height;
108
107
  text-transform: uppercase;
@@ -209,7 +208,7 @@
209
208
  @include DistinctDisplay;
210
209
 
211
210
  font-size: $snw-header-link-size;
212
- font-weight: 400;
211
+ font-variation-settings: 'wght' 400;
213
212
  letter-spacing: 1px;
214
213
  line-height: $snw-header-link-line-height;
215
214
  text-transform: uppercase;
@@ -219,7 +218,7 @@
219
218
  @include Montserrat;
220
219
 
221
220
  font-size: $snw-flyout-link-size;
222
- font-weight: 400;
221
+ font-variation-settings: 'wght' 400;
223
222
  letter-spacing: 1px;
224
223
  line-height: $snw-flyout-link-line-height;
225
224
  text-transform: capitalize;
@@ -21,7 +21,7 @@
21
21
 
22
22
  &[data-state='open'] {
23
23
  display: block;
24
- font-weight: 400;
24
+ font-variation-settings: 'wght' 400;
25
25
  height: auto;
26
26
  }
27
27
 
@@ -32,6 +32,6 @@
32
32
 
33
33
  &--current {
34
34
  color: $primary-black;
35
- font-weight: 700;
35
+ font-variation-settings: 'wght' 700;
36
36
  }
37
37
  }
@@ -10,7 +10,7 @@
10
10
  color: $pure-white;
11
11
  cursor: pointer;
12
12
  display: inline-flex;
13
- font-weight: 600;
13
+ font-variation-settings: 'wght' 600;
14
14
  gap: $margin-xsm;
15
15
  justify-content: center;
16
16
  padding: 0 $padding-md;
@@ -26,7 +26,7 @@
26
26
 
27
27
  .flatpickr-day.today {
28
28
  border-color: transparent;
29
- font-weight: bold;
29
+ font-variation-settings: 'wght' 700;
30
30
  position: relative;
31
31
 
32
32
  @include DistinctDisplay;
@@ -64,7 +64,7 @@
64
64
  .flatpickr-weekday {
65
65
  @include DistinctDisplay;
66
66
 
67
- font-weight: bold;
67
+ font-variation-settings: 'wght' 700;
68
68
  }
69
69
 
70
70
  .flatpickr-current-month {
@@ -16,7 +16,7 @@ $lg: #{$px}-input--lg;
16
16
  &__label {
17
17
  color: $pure-black;
18
18
  font-size: 0.75rem;
19
- font-weight: 600;
19
+ font-variation-settings: 'wght' 600;
20
20
  margin-bottom: 0.5rem;
21
21
  word-break: break-word;
22
22
 
@@ -20,7 +20,7 @@
20
20
  content: '\203A';
21
21
  display: inline-block;
22
22
  font-size: 1.75rem;
23
- font-weight: normal;
23
+ font-variation-settings: 'wght' 400;
24
24
  position: absolute;
25
25
  right: 0;
26
26
  top: 35%;
@@ -14,7 +14,7 @@
14
14
 
15
15
  appearance: none;
16
16
  border: none;
17
- font-weight: 600;
17
+ font-variation-settings: 'wght' 600;
18
18
  line-height: 2.5rem;
19
19
  margin-bottom: 0;
20
20
  outline: none;
@@ -84,7 +84,7 @@
84
84
  // Tokenize later
85
85
  font-size: 0.875rem;
86
86
  font-style: normal;
87
- font-weight: 400;
87
+ font-variation-settings: 'wght' 400;
88
88
  height: $search-size;
89
89
  line-height: 1.5rem;
90
90
  margin: 0;
@@ -7,7 +7,7 @@
7
7
  font-family: Montserrat, serif;
8
8
  font-size: 0.75rem;
9
9
  font-style: normal;
10
- font-weight: 400;
10
+ font-variation-settings: 'wght' 400;
11
11
  letter-spacing: 0.0625rem;
12
12
  line-height: 1.125rem; /* 150% */
13
13
  }
@@ -11,7 +11,7 @@
11
11
  .storybook-page h2 {
12
12
  display: inline-block;
13
13
  font-size: 32px;
14
- font-weight: 700;
14
+ font-variation-settings: 'wght' 700;
15
15
  line-height: 1;
16
16
  margin: 0 0 4px;
17
17
  vertical-align: top;
@@ -41,7 +41,7 @@
41
41
  color: #66bf3c;
42
42
  display: inline-block;
43
43
  font-size: 11px;
44
- font-weight: 700;
44
+ font-variation-settings: 'wght' 700;
45
45
  line-height: 12px;
46
46
  margin-right: 10px;
47
47
  padding: 4px 12px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phillips/seldon",
3
- "version": "1.58.1",
3
+ "version": "1.58.3",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -50,7 +50,6 @@
50
50
  "classnames": "^2.5.1",
51
51
  "dompurify": "^3.1.6",
52
52
  "flatpickr": "^4.6.13",
53
- "fresnel": "^1.1.1",
54
53
  "html-react-parser": "^5.1.12",
55
54
  "react-modal": "^3.16.1",
56
55
  "react-transition-group": "^4.4.5",