@carbon/styles 1.62.0 → 1.63.0

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 (33) hide show
  1. package/css/styles.css +12022 -11996
  2. package/css/styles.min.css +1 -1
  3. package/package.json +10 -3
  4. package/scss/_reset.scss +1 -0
  5. package/scss/components/_index.scss +1 -0
  6. package/scss/components/accordion/_accordion.scss +6 -4
  7. package/scss/components/ai-label/_ai-label.scss +18 -0
  8. package/scss/components/ai-label/_index.scss +4 -0
  9. package/scss/components/combo-box/_combo-box.scss +3 -1
  10. package/scss/components/data-table/_data-table.scss +2 -2
  11. package/scss/components/data-table/expandable/_data-table-expandable.scss +2 -2
  12. package/scss/components/dropdown/_dropdown.scss +1 -1
  13. package/scss/components/fluid-combo-box/_fluid-combo-box.scss +7 -4
  14. package/scss/components/fluid-date-picker/_fluid-date-picker.scss +7 -3
  15. package/scss/components/fluid-list-box/_fluid-list-box.scss +6 -0
  16. package/scss/components/fluid-number-input/_fluid-number-input.scss +1 -1
  17. package/scss/components/form/_form.scss +2 -1
  18. package/scss/components/list-box/_list-box.scss +5 -0
  19. package/scss/components/multiselect/_multiselect.scss +1 -1
  20. package/scss/components/select/_select.scss +5 -0
  21. package/scss/components/slug/_slug.scss +11 -8
  22. package/scss/components/text-input/_text-input.scss +8 -3
  23. package/scss/components/tile/_tile.scss +1 -1
  24. package/scss/fonts/__tests__/__snapshots__/fonts-test.js.snap +180 -180
  25. package/scss/fonts/_mono.scss +66 -9
  26. package/scss/fonts/_sans-arabic.scss +17 -8
  27. package/scss/fonts/_sans-devanagari.scss +17 -8
  28. package/scss/fonts/_sans-hebrew.scss +17 -8
  29. package/scss/fonts/_sans-thai-looped.scss +17 -8
  30. package/scss/fonts/_sans-thai.scss +17 -8
  31. package/scss/fonts/_sans.scss +66 -9
  32. package/scss/fonts/_serif.scss +66 -9
  33. package/scss/fonts/_src.scss +20 -5
package/scss/fonts/_mono.scss CHANGED
@@ -13,7 +13,8 @@ $font-family: 'IBM Plex Mono';
13
13
  $name: 'IBM-Plex-Mono';
14
14
  $styles: (normal, italic);
15
15
  $unicode-ranges: (Cyrillic, Pi, Latin3, Latin2, Latin1);
16
- $formats: (woff2, woff);
16
+ $formats: (woff2);
17
+ $package-name: 'mono';
17
18
 
18
19
  @mixin thin($styles: $styles, $unicode-ranges: $unicode-ranges) {
19
20
  @each $style in $styles {
@@ -23,7 +24,14 @@ $formats: (woff2, woff);
23
24
  font-family: $font-family;
24
25
  font-style: $style;
25
26
  font-weight: 100;
26
- src: src.get($name, Thin, $style, $unicode-range, $formats);
27
+ src: src.get(
28
+ $name,
29
+ Thin,
30
+ $style,
31
+ $unicode-range,
32
+ $formats,
33
+ $package-name
34
+ );
27
35
  unicode-range: unicode.get-range($unicode-range);
28
36
  }
29
37
  }
@@ -38,7 +46,14 @@ $formats: (woff2, woff);
38
46
  font-family: $font-family;
39
47
  font-style: $style;
40
48
  font-weight: 200;
41
- src: src.get($name, ExtraLight, $style, $unicode-range, $formats);
49
+ src: src.get(
50
+ $name,
51
+ ExtraLight,
52
+ $style,
53
+ $unicode-range,
54
+ $formats,
55
+ $package-name
56
+ );
42
57
  unicode-range: unicode.get-range($unicode-range);
43
58
  }
44
59
  }
@@ -53,7 +68,14 @@ $formats: (woff2, woff);
53
68
  font-family: $font-family;
54
69
  font-style: $style;
55
70
  font-weight: 300;
56
- src: src.get($name, Light, $style, $unicode-range, $formats);
71
+ src: src.get(
72
+ $name,
73
+ Light,
74
+ $style,
75
+ $unicode-range,
76
+ $formats,
77
+ $package-name
78
+ );
57
79
  unicode-range: unicode.get-range($unicode-range);
58
80
  }
59
81
  }
@@ -68,7 +90,14 @@ $formats: (woff2, woff);
68
90
  font-family: $font-family;
69
91
  font-style: $style;
70
92
  font-weight: 400;
71
- src: src.get($name, Regular, $style, $unicode-range, $formats);
93
+ src: src.get(
94
+ $name,
95
+ Regular,
96
+ $style,
97
+ $unicode-range,
98
+ $formats,
99
+ $package-name
100
+ );
72
101
  unicode-range: unicode.get-range($unicode-range);
73
102
  }
74
103
  }
@@ -83,7 +112,14 @@ $formats: (woff2, woff);
83
112
  font-family: $font-family;
84
113
  font-style: $style;
85
114
  font-weight: 450;
86
- src: src.get($name, Text, $style, $unicode-range, $formats);
115
+ src: src.get(
116
+ $name,
117
+ Text,
118
+ $style,
119
+ $unicode-range,
120
+ $formats,
121
+ $package-name
122
+ );
87
123
  unicode-range: unicode.get-range($unicode-range);
88
124
  }
89
125
  }
@@ -98,7 +134,14 @@ $formats: (woff2, woff);
98
134
  font-family: $font-family;
99
135
  font-style: $style;
100
136
  font-weight: 500;
101
- src: src.get($name, Medium, $style, $unicode-range, $formats);
137
+ src: src.get(
138
+ $name,
139
+ Medium,
140
+ $style,
141
+ $unicode-range,
142
+ $formats,
143
+ $package-name
144
+ );
102
145
  unicode-range: unicode.get-range($unicode-range);
103
146
  }
104
147
  }
@@ -113,7 +156,14 @@ $formats: (woff2, woff);
113
156
  font-family: $font-family;
114
157
  font-style: $style;
115
158
  font-weight: 600;
116
- src: src.get($name, SemiBold, $style, $unicode-range, $formats);
159
+ src: src.get(
160
+ $name,
161
+ SemiBold,
162
+ $style,
163
+ $unicode-range,
164
+ $formats,
165
+ $package-name
166
+ );
117
167
  unicode-range: unicode.get-range($unicode-range);
118
168
  }
119
169
  }
@@ -128,7 +178,14 @@ $formats: (woff2, woff);
128
178
  font-family: $font-family;
129
179
  font-style: $style;
130
180
  font-weight: 700;
131
- src: src.get($name, Bold, $style, $unicode-range, $formats);
181
+ src: src.get(
182
+ $name,
183
+ Bold,
184
+ $style,
185
+ $unicode-range,
186
+ $formats,
187
+ $package-name
188
+ );
132
189
  unicode-range: unicode.get-range($unicode-range);
133
190
  }
134
191
  }
package/scss/fonts/_sans-arabic.scss CHANGED
@@ -12,6 +12,7 @@ $font-family: 'IBM Plex Sans Arabic';
12
12
  $name: 'IBM-Plex-Sans-Arabic';
13
13
  $styles: (normal);
14
14
  $formats: (woff2, woff);
15
+ $package-name: 'sans-arabic';
15
16
 
16
17
  @mixin thin() {
17
18
  @font-face {
@@ -23,7 +24,8 @@ $formats: (woff2, woff);
23
24
  $name: $name,
24
25
  $weight: Thin,
25
26
  $style: $styles,
26
- $formats: $formats
27
+ $formats: $formats,
28
+ $package-name: $package-name
27
29
  );
28
30
  }
29
31
  }
@@ -38,7 +40,8 @@ $formats: (woff2, woff);
38
40
  $name: $name,
39
41
  $weight: ExtraLight,
40
42
  $style: $styles,
41
- $formats: $formats
43
+ $formats: $formats,
44
+ $package-name: $package-name
42
45
  );
43
46
  }
44
47
  }
@@ -53,7 +56,8 @@ $formats: (woff2, woff);
53
56
  $name: $name,
54
57
  $weight: Light,
55
58
  $style: $styles,
56
- $formats: $formats
59
+ $formats: $formats,
60
+ $package-name: $package-name
57
61
  );
58
62
  }
59
63
  }
@@ -68,7 +72,8 @@ $formats: (woff2, woff);
68
72
  $name: $name,
69
73
  $weight: Regular,
70
74
  $style: $styles,
71
- $formats: $formats
75
+ $formats: $formats,
76
+ $package-name: $package-name
72
77
  );
73
78
  }
74
79
  }
@@ -83,7 +88,8 @@ $formats: (woff2, woff);
83
88
  $name: $name,
84
89
  $weight: Text,
85
90
  $style: $styles,
86
- $formats: $formats
91
+ $formats: $formats,
92
+ $package-name: $package-name
87
93
  );
88
94
  }
89
95
  }
@@ -98,7 +104,8 @@ $formats: (woff2, woff);
98
104
  $name: $name,
99
105
  $weight: Medium,
100
106
  $style: $styles,
101
- $formats: $formats
107
+ $formats: $formats,
108
+ $package-name: $package-name
102
109
  );
103
110
  }
104
111
  }
@@ -113,7 +120,8 @@ $formats: (woff2, woff);
113
120
  $name: $name,
114
121
  $weight: SemiBold,
115
122
  $style: $styles,
116
- $formats: $formats
123
+ $formats: $formats,
124
+ $package-name: $package-name
117
125
  );
118
126
  }
119
127
  }
@@ -128,7 +136,8 @@ $formats: (woff2, woff);
128
136
  $name: $name,
129
137
  $weight: Bold,
130
138
  $style: $styles,
131
- $formats: $formats
139
+ $formats: $formats,
140
+ $package-name: $package-name
132
141
  );
133
142
  }
134
143
  }
package/scss/fonts/_sans-devanagari.scss CHANGED
@@ -12,6 +12,7 @@ $font-family: 'IBM Plex Sans Devanagari';
12
12
  $name: 'IBM-Plex-Sans-Devanagari';
13
13
  $styles: (normal);
14
14
  $formats: (woff2, woff);
15
+ $package-name: 'sans-devanagari';
15
16
 
16
17
  @mixin thin() {
17
18
  @font-face {
@@ -23,7 +24,8 @@ $formats: (woff2, woff);
23
24
  $name: $name,
24
25
  $weight: Thin,
25
26
  $style: $styles,
26
- $formats: $formats
27
+ $formats: $formats,
28
+ $package-name: $package-name
27
29
  );
28
30
  }
29
31
  }
@@ -38,7 +40,8 @@ $formats: (woff2, woff);
38
40
  $name: $name,
39
41
  $weight: ExtraLight,
40
42
  $style: $styles,
41
- $formats: $formats
43
+ $formats: $formats,
44
+ $package-name: $package-name
42
45
  );
43
46
  }
44
47
  }
@@ -53,7 +56,8 @@ $formats: (woff2, woff);
53
56
  $name: $name,
54
57
  $weight: Light,
55
58
  $style: $styles,
56
- $formats: $formats
59
+ $formats: $formats,
60
+ $package-name: $package-name
57
61
  );
58
62
  }
59
63
  }
@@ -68,7 +72,8 @@ $formats: (woff2, woff);
68
72
  $name: $name,
69
73
  $weight: Regular,
70
74
  $style: $styles,
71
- $formats: $formats
75
+ $formats: $formats,
76
+ $package-name: $package-name
72
77
  );
73
78
  }
74
79
  }
@@ -83,7 +88,8 @@ $formats: (woff2, woff);
83
88
  $name: $name,
84
89
  $weight: Text,
85
90
  $style: $styles,
86
- $formats: $formats
91
+ $formats: $formats,
92
+ $package-name: $package-name
87
93
  );
88
94
  }
89
95
  }
@@ -98,7 +104,8 @@ $formats: (woff2, woff);
98
104
  $name: $name,
99
105
  $weight: Medium,
100
106
  $style: $styles,
101
- $formats: $formats
107
+ $formats: $formats,
108
+ $package-name: $package-name
102
109
  );
103
110
  }
104
111
  }
@@ -113,7 +120,8 @@ $formats: (woff2, woff);
113
120
  $name: $name,
114
121
  $weight: SemiBold,
115
122
  $style: $styles,
116
- $formats: $formats
123
+ $formats: $formats,
124
+ $package-name: $package-name
117
125
  );
118
126
  }
119
127
  }
@@ -128,7 +136,8 @@ $formats: (woff2, woff);
128
136
  $name: $name,
129
137
  $weight: Bold,
130
138
  $style: $styles,
131
- $formats: $formats
139
+ $formats: $formats,
140
+ $package-name: $package-name
132
141
  );
133
142
  }
134
143
  }
package/scss/fonts/_sans-hebrew.scss CHANGED
@@ -12,6 +12,7 @@ $font-family: 'IBM Plex Sans Hebrew';
12
12
  $name: 'IBM-Plex-Sans-Hebrew';
13
13
  $styles: (normal);
14
14
  $formats: (woff2, woff);
15
+ $package-name: 'sans-hebrew';
15
16
 
16
17
  @mixin thin() {
17
18
  @font-face {
@@ -23,7 +24,8 @@ $formats: (woff2, woff);
23
24
  $name: $name,
24
25
  $weight: Thin,
25
26
  $style: $styles,
26
- $formats: $formats
27
+ $formats: $formats,
28
+ $package-name: $package-name
27
29
  );
28
30
  }
29
31
  }
@@ -38,7 +40,8 @@ $formats: (woff2, woff);
38
40
  $name: $name,
39
41
  $weight: ExtraLight,
40
42
  $style: $styles,
41
- $formats: $formats
43
+ $formats: $formats,
44
+ $package-name: $package-name
42
45
  );
43
46
  }
44
47
  }
@@ -53,7 +56,8 @@ $formats: (woff2, woff);
53
56
  $name: $name,
54
57
  $weight: Light,
55
58
  $style: $styles,
56
- $formats: $formats
59
+ $formats: $formats,
60
+ $package-name: $package-name
57
61
  );
58
62
  }
59
63
  }
@@ -68,7 +72,8 @@ $formats: (woff2, woff);
68
72
  $name: $name,
69
73
  $weight: Regular,
70
74
  $style: $styles,
71
- $formats: $formats
75
+ $formats: $formats,
76
+ $package-name: $package-name
72
77
  );
73
78
  }
74
79
  }
@@ -83,7 +88,8 @@ $formats: (woff2, woff);
83
88
  $name: $name,
84
89
  $weight: Text,
85
90
  $style: $styles,
86
- $formats: $formats
91
+ $formats: $formats,
92
+ $package-name: $package-name
87
93
  );
88
94
  }
89
95
  }
@@ -98,7 +104,8 @@ $formats: (woff2, woff);
98
104
  $name: $name,
99
105
  $weight: Medium,
100
106
  $style: $styles,
101
- $formats: $formats
107
+ $formats: $formats,
108
+ $package-name: $package-name
102
109
  );
103
110
  }
104
111
  }
@@ -113,7 +120,8 @@ $formats: (woff2, woff);
113
120
  $name: $name,
114
121
  $weight: SemiBold,
115
122
  $style: $styles,
116
- $formats: $formats
123
+ $formats: $formats,
124
+ $package-name: $package-name
117
125
  );
118
126
  }
119
127
  }
@@ -128,7 +136,8 @@ $formats: (woff2, woff);
128
136
  $name: $name,
129
137
  $weight: Bold,
130
138
  $style: $styles,
131
- $formats: $formats
139
+ $formats: $formats,
140
+ $package-name: $package-name
132
141
  );
133
142
  }
134
143
  }
package/scss/fonts/_sans-thai-looped.scss CHANGED
@@ -12,6 +12,7 @@ $font-family: 'IBM Plex Sans Thai Looped';
12
12
  $name: 'IBM-Plex-Sans-Thai-Looped';
13
13
  $styles: (normal);
14
14
  $formats: (woff2, woff);
15
+ $package-name: 'sans-thai-looped';
15
16
 
16
17
  @mixin thin() {
17
18
  @font-face {
@@ -23,7 +24,8 @@ $formats: (woff2, woff);
23
24
  $name: $name,
24
25
  $weight: Thin,
25
26
  $style: $styles,
26
- $formats: $formats
27
+ $formats: $formats,
28
+ $package-name: $package-name
27
29
  );
28
30
  }
29
31
  }
@@ -38,7 +40,8 @@ $formats: (woff2, woff);
38
40
  $name: $name,
39
41
  $weight: ExtraLight,
40
42
  $style: $styles,
41
- $formats: $formats
43
+ $formats: $formats,
44
+ $package-name: $package-name
42
45
  );
43
46
  }
44
47
  }
@@ -53,7 +56,8 @@ $formats: (woff2, woff);
53
56
  $name: $name,
54
57
  $weight: Light,
55
58
  $style: $styles,
56
- $formats: $formats
59
+ $formats: $formats,
60
+ $package-name: $package-name
57
61
  );
58
62
  }
59
63
  }
@@ -68,7 +72,8 @@ $formats: (woff2, woff);
68
72
  $name: $name,
69
73
  $weight: Regular,
70
74
  $style: $styles,
71
- $formats: $formats
75
+ $formats: $formats,
76
+ $package-name: $package-name
72
77
  );
73
78
  }
74
79
  }
@@ -83,7 +88,8 @@ $formats: (woff2, woff);
83
88
  $name: $name,
84
89
  $weight: Text,
85
90
  $style: $styles,
86
- $formats: $formats
91
+ $formats: $formats,
92
+ $package-name: $package-name
87
93
  );
88
94
  }
89
95
  }
@@ -98,7 +104,8 @@ $formats: (woff2, woff);
98
104
  $name: $name,
99
105
  $weight: Medium,
100
106
  $style: $styles,
101
- $formats: $formats
107
+ $formats: $formats,
108
+ $package-name: $package-name
102
109
  );
103
110
  }
104
111
  }
@@ -113,7 +120,8 @@ $formats: (woff2, woff);
113
120
  $name: $name,
114
121
  $weight: SemiBold,
115
122
  $style: $styles,
116
- $formats: $formats
123
+ $formats: $formats,
124
+ $package-name: $package-name
117
125
  );
118
126
  }
119
127
  }
@@ -128,7 +136,8 @@ $formats: (woff2, woff);
128
136
  $name: $name,
129
137
  $weight: Bold,
130
138
  $style: $styles,
131
- $formats: $formats
139
+ $formats: $formats,
140
+ $package-name: $package-name
132
141
  );
133
142
  }
134
143
  }
package/scss/fonts/_sans-thai.scss CHANGED
@@ -12,6 +12,7 @@ $font-family: 'IBM Plex Sans Thai';
12
12
  $name: 'IBM-Plex-Sans-Thai';
13
13
  $styles: (normal);
14
14
  $formats: (woff2, woff);
15
+ $package-name: 'sans-thai';
15
16
 
16
17
  @mixin thin() {
17
18
  @font-face {
@@ -23,7 +24,8 @@ $formats: (woff2, woff);
23
24
  $name: $name,
24
25
  $weight: Thin,
25
26
  $style: $styles,
26
- $formats: $formats
27
+ $formats: $formats,
28
+ $package-name: $package-name
27
29
  );
28
30
  }
29
31
  }
@@ -38,7 +40,8 @@ $formats: (woff2, woff);
38
40
  $name: $name,
39
41
  $weight: ExtraLight,
40
42
  $style: $styles,
41
- $formats: $formats
43
+ $formats: $formats,
44
+ $package-name: $package-name
42
45
  );
43
46
  }
44
47
  }
@@ -53,7 +56,8 @@ $formats: (woff2, woff);
53
56
  $name: $name,
54
57
  $weight: Light,
55
58
  $style: $styles,
56
- $formats: $formats
59
+ $formats: $formats,
60
+ $package-name: $package-name
57
61
  );
58
62
  }
59
63
  }
@@ -68,7 +72,8 @@ $formats: (woff2, woff);
68
72
  $name: $name,
69
73
  $weight: Regular,
70
74
  $style: $styles,
71
- $formats: $formats
75
+ $formats: $formats,
76
+ $package-name: $package-name
72
77
  );
73
78
  }
74
79
  }
@@ -83,7 +88,8 @@ $formats: (woff2, woff);
83
88
  $name: $name,
84
89
  $weight: Text,
85
90
  $style: $styles,
86
- $formats: $formats
91
+ $formats: $formats,
92
+ $package-name: $package-name
87
93
  );
88
94
  }
89
95
  }
@@ -98,7 +104,8 @@ $formats: (woff2, woff);
98
104
  $name: $name,
99
105
  $weight: Medium,
100
106
  $style: $styles,
101
- $formats: $formats
107
+ $formats: $formats,
108
+ $package-name: $package-name
102
109
  );
103
110
  }
104
111
  }
@@ -113,7 +120,8 @@ $formats: (woff2, woff);
113
120
  $name: $name,
114
121
  $weight: SemiBold,
115
122
  $style: $styles,
116
- $formats: $formats
123
+ $formats: $formats,
124
+ $package-name: $package-name
117
125
  );
118
126
  }
119
127
  }
@@ -128,7 +136,8 @@ $formats: (woff2, woff);
128
136
  $name: $name,
129
137
  $weight: Bold,
130
138
  $style: $styles,
131
- $formats: $formats
139
+ $formats: $formats,
140
+ $package-name: $package-name
132
141
  );
133
142
  }
134
143
  }
package/scss/fonts/_sans.scss CHANGED
@@ -13,7 +13,8 @@ $font-family: 'IBM Plex Sans';
13
13
  $name: 'IBM-Plex-Sans';
14
14
  $styles: (normal, italic);
15
15
  $unicode-ranges: (Cyrillic, Pi, Latin3, Latin2, Latin1);
16
- $formats: (woff2, woff);
16
+ $formats: (woff2);
17
+ $package-name: 'sans';
17
18
 
18
19
  @mixin thin($styles: $styles, $unicode-ranges: $unicode-ranges) {
19
20
  @each $style in $styles {
@@ -23,7 +24,14 @@ $formats: (woff2, woff);
23
24
  font-family: $font-family;
24
25
  font-style: $style;
25
26
  font-weight: 100;
26
- src: src.get($name, Thin, $style, $unicode-range, $formats);
27
+ src: src.get(
28
+ $name,
29
+ Thin,
30
+ $style,
31
+ $unicode-range,
32
+ $formats,
33
+ $package-name
34
+ );
27
35
  unicode-range: unicode.get-range($unicode-range);
28
36
  }
29
37
  }
@@ -38,7 +46,14 @@ $formats: (woff2, woff);
38
46
  font-family: $font-family;
39
47
  font-style: $style;
40
48
  font-weight: 200;
41
- src: src.get($name, ExtraLight, $style, $unicode-range, $formats);
49
+ src: src.get(
50
+ $name,
51
+ ExtraLight,
52
+ $style,
53
+ $unicode-range,
54
+ $formats,
55
+ $package-name
56
+ );
42
57
  unicode-range: unicode.get-range($unicode-range);
43
58
  }
44
59
  }
@@ -53,7 +68,14 @@ $formats: (woff2, woff);
53
68
  font-family: $font-family;
54
69
  font-style: $style;
55
70
  font-weight: 300;
56
- src: src.get($name, Light, $style, $unicode-range, $formats);
71
+ src: src.get(
72
+ $name,
73
+ Light,
74
+ $style,
75
+ $unicode-range,
76
+ $formats,
77
+ $package-name
78
+ );
57
79
  unicode-range: unicode.get-range($unicode-range);
58
80
  }
59
81
  }
@@ -68,7 +90,14 @@ $formats: (woff2, woff);
68
90
  font-family: $font-family;
69
91
  font-style: $style;
70
92
  font-weight: 400;
71
- src: src.get($name, Regular, $style, $unicode-range, $formats);
93
+ src: src.get(
94
+ $name,
95
+ Regular,
96
+ $style,
97
+ $unicode-range,
98
+ $formats,
99
+ $package-name
100
+ );
72
101
  unicode-range: unicode.get-range($unicode-range);
73
102
  }
74
103
  }
@@ -83,7 +112,14 @@ $formats: (woff2, woff);
83
112
  font-family: $font-family;
84
113
  font-style: $style;
85
114
  font-weight: 450;
86
- src: src.get($name, Text, $style, $unicode-range, $formats);
115
+ src: src.get(
116
+ $name,
117
+ Text,
118
+ $style,
119
+ $unicode-range,
120
+ $formats,
121
+ $package-name
122
+ );
87
123
  unicode-range: unicode.get-range($unicode-range);
88
124
  }
89
125
  }
@@ -98,7 +134,14 @@ $formats: (woff2, woff);
98
134
  font-family: $font-family;
99
135
  font-style: $style;
100
136
  font-weight: 500;
101
- src: src.get($name, Medium, $style, $unicode-range, $formats);
137
+ src: src.get(
138
+ $name,
139
+ Medium,
140
+ $style,
141
+ $unicode-range,
142
+ $formats,
143
+ $package-name
144
+ );
102
145
  unicode-range: unicode.get-range($unicode-range);
103
146
  }
104
147
  }
@@ -113,7 +156,14 @@ $formats: (woff2, woff);
113
156
  font-family: $font-family;
114
157
  font-style: $style;
115
158
  font-weight: 600;
116
- src: src.get($name, SemiBold, $style, $unicode-range, $formats);
159
+ src: src.get(
160
+ $name,
161
+ SemiBold,
162
+ $style,
163
+ $unicode-range,
164
+ $formats,
165
+ $package-name
166
+ );
117
167
  unicode-range: unicode.get-range($unicode-range);
118
168
  }
119
169
  }
@@ -128,7 +178,14 @@ $formats: (woff2, woff);
128
178
  font-family: $font-family;
129
179
  font-style: $style;
130
180
  font-weight: 700;
131
- src: src.get($name, Bold, $style, $unicode-range, $formats);
181
+ src: src.get(
182
+ $name,
183
+ Bold,
184
+ $style,
185
+ $unicode-range,
186
+ $formats,
187
+ $package-name
188
+ );
132
189
  unicode-range: unicode.get-range($unicode-range);
133
190
  }
134
191
  }