@fontsource/material-symbols-sharp 5.0.2 → 5.0.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.
Files changed (18) hide show
  1. package/100.css +1 -1
  2. package/200.css +1 -1
  3. package/300.css +1 -1
  4. package/400.css +1 -1
  5. package/500.css +1 -1
  6. package/600.css +1 -1
  7. package/700.css +1 -1
  8. package/index.css +4 -4
  9. package/latin-100.css +1 -1
  10. package/latin-200.css +1 -1
  11. package/latin-300.css +1 -1
  12. package/latin-400.css +1 -1
  13. package/latin-500.css +1 -1
  14. package/latin-600.css +1 -1
  15. package/latin-700.css +1 -1
  16. package/latin.css +7 -7
  17. package/package.json +2 -2
  18. package/scss/mixins.scss +19 -10
package/100.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 100;
7
7
  src: url(./files/material-symbols-sharp-latin-100-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-100-normal.woff) format('woff');
8
8
  }
package/200.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 200;
7
7
  src: url(./files/material-symbols-sharp-latin-200-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-200-normal.woff) format('woff');
8
8
  }
package/300.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 300;
7
7
  src: url(./files/material-symbols-sharp-latin-300-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-300-normal.woff) format('woff');
8
8
  }
package/400.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 400;
7
7
  src: url(./files/material-symbols-sharp-latin-400-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-400-normal.woff) format('woff');
8
8
  }
package/500.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 500;
7
7
  src: url(./files/material-symbols-sharp-latin-500-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-500-normal.woff) format('woff');
8
8
  }
package/600.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 600;
7
7
  src: url(./files/material-symbols-sharp-latin-600-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-600-normal.woff) format('woff');
8
8
  }
package/700.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 700;
7
7
  src: url(./files/material-symbols-sharp-latin-700-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-700-normal.woff) format('woff');
8
8
  }
package/index.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 100;
7
7
  src: url(./files/material-symbols-sharp-latin-100-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-100-normal.woff) format('woff');
8
8
  }
@@ -11,7 +11,7 @@
11
11
  @font-face {
12
12
  font-family: 'Material Symbols Sharp';
13
13
  font-style: normal;
14
- font-display: var(--fontsource-display, swap);
14
+ font-display: swap;
15
15
  font-weight: 200;
16
16
  src: url(./files/material-symbols-sharp-latin-200-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-200-normal.woff) format('woff');
17
17
  }
@@ -20,7 +20,7 @@
20
20
  @font-face {
21
21
  font-family: 'Material Symbols Sharp';
22
22
  font-style: normal;
23
- font-display: var(--fontsource-display, swap);
23
+ font-display: swap;
24
24
  font-weight: 300;
25
25
  src: url(./files/material-symbols-sharp-latin-300-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-300-normal.woff) format('woff');
26
26
  }
@@ -29,7 +29,7 @@
29
29
  @font-face {
30
30
  font-family: 'Material Symbols Sharp';
31
31
  font-style: normal;
32
- font-display: var(--fontsource-display, swap);
32
+ font-display: swap;
33
33
  font-weight: 400;
34
34
  src: url(./files/material-symbols-sharp-latin-400-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-400-normal.woff) format('woff');
35
35
  }
package/latin-100.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 100;
7
7
  src: url(./files/material-symbols-sharp-latin-100-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-100-normal.woff) format('woff');
8
8
  }
package/latin-200.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 200;
7
7
  src: url(./files/material-symbols-sharp-latin-200-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-200-normal.woff) format('woff');
8
8
  }
package/latin-300.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 300;
7
7
  src: url(./files/material-symbols-sharp-latin-300-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-300-normal.woff) format('woff');
8
8
  }
package/latin-400.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 400;
7
7
  src: url(./files/material-symbols-sharp-latin-400-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-400-normal.woff) format('woff');
8
8
  }
package/latin-500.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 500;
7
7
  src: url(./files/material-symbols-sharp-latin-500-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-500-normal.woff) format('woff');
8
8
  }
package/latin-600.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 600;
7
7
  src: url(./files/material-symbols-sharp-latin-600-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-600-normal.woff) format('woff');
8
8
  }
package/latin-700.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 700;
7
7
  src: url(./files/material-symbols-sharp-latin-700-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-700-normal.woff) format('woff');
8
8
  }
package/latin.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @font-face {
3
3
  font-family: 'Material Symbols Sharp';
4
4
  font-style: normal;
5
- font-display: var(--fontsource-display, swap);
5
+ font-display: swap;
6
6
  font-weight: 100;
7
7
  src: url(./files/material-symbols-sharp-latin-100-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-100-normal.woff) format('woff');
8
8
  }
@@ -11,7 +11,7 @@
11
11
  @font-face {
12
12
  font-family: 'Material Symbols Sharp';
13
13
  font-style: normal;
14
- font-display: var(--fontsource-display, swap);
14
+ font-display: swap;
15
15
  font-weight: 200;
16
16
  src: url(./files/material-symbols-sharp-latin-200-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-200-normal.woff) format('woff');
17
17
  }
@@ -20,7 +20,7 @@
20
20
  @font-face {
21
21
  font-family: 'Material Symbols Sharp';
22
22
  font-style: normal;
23
- font-display: var(--fontsource-display, swap);
23
+ font-display: swap;
24
24
  font-weight: 300;
25
25
  src: url(./files/material-symbols-sharp-latin-300-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-300-normal.woff) format('woff');
26
26
  }
@@ -29,7 +29,7 @@
29
29
  @font-face {
30
30
  font-family: 'Material Symbols Sharp';
31
31
  font-style: normal;
32
- font-display: var(--fontsource-display, swap);
32
+ font-display: swap;
33
33
  font-weight: 400;
34
34
  src: url(./files/material-symbols-sharp-latin-400-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-400-normal.woff) format('woff');
35
35
  }
@@ -38,7 +38,7 @@
38
38
  @font-face {
39
39
  font-family: 'Material Symbols Sharp';
40
40
  font-style: normal;
41
- font-display: var(--fontsource-display, swap);
41
+ font-display: swap;
42
42
  font-weight: 500;
43
43
  src: url(./files/material-symbols-sharp-latin-500-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-500-normal.woff) format('woff');
44
44
  }
@@ -47,7 +47,7 @@
47
47
  @font-face {
48
48
  font-family: 'Material Symbols Sharp';
49
49
  font-style: normal;
50
- font-display: var(--fontsource-display, swap);
50
+ font-display: swap;
51
51
  font-weight: 600;
52
52
  src: url(./files/material-symbols-sharp-latin-600-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-600-normal.woff) format('woff');
53
53
  }
@@ -56,7 +56,7 @@
56
56
  @font-face {
57
57
  font-family: 'Material Symbols Sharp';
58
58
  font-style: normal;
59
- font-display: var(--fontsource-display, swap);
59
+ font-display: swap;
60
60
  font-weight: 700;
61
61
  src: url(./files/material-symbols-sharp-latin-700-normal.woff2) format('woff2'), url(./files/material-symbols-sharp-latin-700-normal.woff) format('woff');
62
62
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fontsource/material-symbols-sharp",
3
- "version": "5.0.2",
3
+ "version": "5.0.3",
4
4
  "description": "Self-host the Material Symbols Sharp font in a neatly bundled NPM package.",
5
5
  "main": "index.css",
6
6
  "publishConfig": {"access": "public"},
@@ -26,5 +26,5 @@
26
26
  "url": "https://github.com/fontsource/font-files.git",
27
27
  "directory": "fonts/google/material-symbols-sharp"
28
28
  },
29
- "publishHash": "cc75315cd5491b8a"
29
+ "publishHash": "55e88b7fecfd2cbd"
30
30
  }
package/scss/mixins.scss CHANGED
@@ -11,25 +11,33 @@ $directory: null !default;
11
11
 
12
12
  $family: null !default;
13
13
  $display: null !default;
14
- $displayVar: null !default;
15
14
  $formats: null !default;
16
15
  $subsets: null !default;
17
16
  $weights: null !default;
18
17
  $styles: null !default;
19
18
  $axes: null !default;
20
19
 
20
+ // Deprecated
21
+ $displayVar: null !default;
22
+
21
23
  @mixin generator(
22
24
  $metadata: $metadata,
23
25
  $directory: $directory,
24
26
  $family: $family,
25
27
  $display: $display,
26
- $displayVar: $displayVar,
27
28
  $formats: $formats,
28
29
  $subsets: $subsets,
29
30
  $weights: $weights,
30
31
  $styles: $styles,
31
- $axes: $axes
32
+ $axes: $axes,
33
+
34
+ // Deprecated
35
+ $displayVar: $displayVar
32
36
  ) {
37
+ @if $displayVar != null {
38
+ @warn "$displayVar is deprecated due to the limitation of using css variables in @font-face (https://github.com/fontsource/fontsource/issues/726).";
39
+ }
40
+
33
41
  $isVariable: map.get($metadata, axes) != null;
34
42
 
35
43
  $directory: if(
@@ -40,7 +48,6 @@ $axes: null !default;
40
48
 
41
49
  $family: if($family, $family, map.get($metadata, family) + if($isVariable, ' Variable', ''));
42
50
  $display: if($display, $display, swap);
43
- $displayVar: if($displayVar != null, $displayVar, true);
44
51
  $formats: if(not $formats or $formats == all, if($isVariable, woff2, (woff2, woff)), $formats);
45
52
  $subsets: if(
46
53
  $subsets,
@@ -93,7 +100,6 @@ $axes: null !default;
93
100
  directory: $directory,
94
101
  family: $family,
95
102
  display: $display,
96
- displayVar: $displayVar,
97
103
  formats: $formats,
98
104
  subsets: $subsets,
99
105
  weights: $weights,
@@ -114,7 +120,7 @@ $axes: null !default;
114
120
  oblique map.get($metadata, axes, slnt, min) + deg map.get($metadata, axes, slnt, max) + deg,
115
121
  $style
116
122
  ),
117
- font-display: if($displayVar, var(--fontsource-display, $display), $display),
123
+ font-display: $display,
118
124
  font-weight: if(
119
125
  (($axis == full) or ($axis == wght)) and map.has-key($metadata, axes, wght),
120
126
  map.get($metadata, axes, wght, min) map.get($metadata, axes, wght, max),
@@ -141,24 +147,27 @@ $axes: null !default;
141
147
  $directory: $directory,
142
148
  $family: $family,
143
149
  $display: $display,
144
- $displayVar: $displayVar,
145
150
  $formats: $formats,
146
151
  $subsets: $subsets,
147
152
  $weights: $weights,
148
153
  $styles: $styles,
149
- $axes: $axes
154
+ $axes: $axes,
155
+
156
+ // Deprecated
157
+ $displayVar: $displayVar
150
158
  ) {
151
159
  @include generator(
152
160
  $metadata: $metadata,
153
161
  $directory: $directory,
154
162
  $family: $family,
155
163
  $display: $display,
156
- $displayVar: $displayVar,
157
164
  $formats: $formats,
158
165
  $subsets: $subsets,
159
166
  $weights: $weights,
160
167
  $styles: $styles,
161
- $axes: $axes
168
+ $axes: $axes,
169
+
170
+ $displayVar: $displayVar
162
171
  )
163
172
  using ($props) {
164
173
  /* #{map.get($props, variant)} */