gatsby-theme-carbon 3.3.2 → 3.4.1

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 (3) hide show
  1. package/gatsby-ssr.js +1 -1
  2. package/package.json +11 -11
  3. package/src/styles/internal/_plex.scss +87 -47
package/gatsby-ssr.js CHANGED
@@ -32,7 +32,7 @@ export const onRenderBody = ({ setHeadComponents, setBodyAttributes }) => {
32
32
  <link
33
33
  key="sans"
34
34
  rel="preload"
35
- href="https://gatsby.carbondesignsystem.com/fonts/IBMPlexSansLatin-VF.woff2"
35
+ href="https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Roman.woff2"
36
36
  as="font"
37
37
  type="font/woff2"
38
38
  crossOrigin=""
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gatsby-theme-carbon",
3
- "version": "3.3.2",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "author": "vpicone <vp@vincepic.one> (@vpicone)",
6
6
  "repository": {
@@ -17,23 +17,23 @@
17
17
  "react-dom": "^17.0.2"
18
18
  },
19
19
  "devDependencies": {
20
- "gatsby": "^4.25.7",
20
+ "gatsby": "^4.25.8",
21
21
  "react": "^17.0.2",
22
22
  "react-dom": "^17.0.2"
23
23
  },
24
24
  "dependencies": {
25
- "@babel/core": "^7.23.6",
26
- "@carbon/elements": "^11.37.0",
27
- "@carbon/grid": "^11.21.0",
28
- "@carbon/pictograms-react": "^11.56.0",
29
- "@carbon/react": "^1.48.0",
30
- "@carbon/themes": "^11.29.0",
25
+ "@babel/core": "^7.23.9",
26
+ "@carbon/elements": "^11.37.1",
27
+ "@carbon/grid": "^11.21.1",
28
+ "@carbon/pictograms-react": "^11.56.1",
29
+ "@carbon/react": "^1.48.1",
30
+ "@carbon/themes": "^11.29.1",
31
31
  "@mdx-js/mdx": "^1.6.22",
32
32
  "@mdx-js/react": "^1.6.22",
33
33
  "@reach/router": "^1.3.4",
34
- "@vimeo/player": "^2.20.1",
34
+ "@vimeo/player": "^2.21.0",
35
35
  "beautiful-react-hooks": "^0.23.1",
36
- "classnames": "^2.3.2",
36
+ "classnames": "^2.5.1",
37
37
  "copy-to-clipboard": "^3.3.3",
38
38
  "focus-trap-react": "^10.2.3",
39
39
  "gatsby-plugin-catch-links": "^4.25.0",
@@ -61,7 +61,7 @@
61
61
  "react-transition-group": "^4.4.5",
62
62
  "react-use": "^15.3.8",
63
63
  "remark-slug": "^6.1.0",
64
- "sass": "^1.69.5",
64
+ "sass": "^1.70.0",
65
65
  "slugify": "^1.6.6",
66
66
  "smooth-scroll": "^16.1.3",
67
67
  "use-media": "^1.5.0"
package/src/styles/internal/_plex.scss CHANGED
@@ -2,78 +2,118 @@
2
2
  // LATINEXT="U+0100-1EF9"
3
3
  // PUNCTUATION="U+2000-FB02"
4
4
 
5
- // Roman
5
+ //Latin
6
+ /* Subset: Latin1 */
6
7
  @font-face {
7
- font-family: 'IBM Plex Sans VF';
8
- unicode-range: U+0020-00FF;
9
- font-display: swap;
10
- src: url('https://gatsby.carbondesignsystem.com/fonts/IBMPlexSansLatin-VF.woff2')
8
+ font-family: 'IBM Plex Sans Var';
9
+ font-style: normal;
10
+ font-weight: 100 900;
11
+ src: url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Roman-Latin1.woff2')
11
12
  format('woff2-variations'),
12
- url('https://gatsby.carbondesignsystem.com/fonts/IBMPlexSansLatin-VF.woff2')
13
+ url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Roman-Latin1.woff2')
13
14
  format('woff2');
14
- font-weight: 100 900;
15
- font-style: normal;
15
+ unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA,
16
+ U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030,
17
+ U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02;
16
18
  }
17
-
19
+ /* Subset: Latin2 */
18
20
  @font-face {
19
- font-family: 'IBM Plex Sans VF';
20
- unicode-range: U+0100-1EF9;
21
- font-display: swap;
22
- src: url('https://gatsby.carbondesignsystem.com/fonts/IBMPlexSansLatinExt-VF.woff2')
21
+ font-family: 'IBM Plex Sans Var';
22
+ font-style: normal;
23
+ font-weight: 100 900;
24
+ src: url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Roman-Latin2.woff2')
23
25
  format('woff2-variations'),
24
- url('https://gatsby.carbondesignsystem.com/fonts/IBMPlexSansLatinExt-VF.woff2')
26
+ url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Roman-Latin2.woff2')
25
27
  format('woff2');
26
- font-weight: 100 900;
27
- font-style: normal;
28
+ unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F,
29
+ U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259,
30
+ U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE,
31
+ U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF;
28
32
  }
29
-
33
+ /* Subset: Latin3 */
30
34
  @font-face {
31
- font-family: 'IBM Plex Sans VF';
32
- unicode-range: U+2000-FB02;
33
- font-display: swap;
34
- src: url('https://gatsby.carbondesignsystem.com/fonts/IBMPlexSansOther-VF.woff2')
35
+ font-family: 'IBM Plex Sans Var';
36
+ font-style: normal;
37
+ font-weight: 100 900;
38
+ src: url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Roman-Latin3.woff2')
35
39
  format('woff2-variations'),
36
- url('https://gatsby.carbondesignsystem.com/fonts/IBMPlexSansOther-VF.woff2')
40
+ url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Roman-Latin3.woff2')
37
41
  format('woff2');
38
- font-weight: 100 900;
39
- font-style: normal;
42
+ unicode-range: U+0102-0103, U+01CD-01DC, U+1EA0-1EF9, U+20AB;
40
43
  }
41
-
42
- // Italic
44
+ /* Subset: Pi */
43
45
  @font-face {
44
- font-family: 'IBM Plex Sans VF';
45
- unicode-range: U+0020-00FF;
46
- font-display: swap;
47
- src: url('https://gatsby.carbondesignsystem.com/fonts/IBMPlexSansLatin-Italic-VF.woff2')
46
+ font-family: 'IBM Plex Sans Var';
47
+ font-style: normal;
48
+ font-weight: 100 900;
49
+ src: url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Roman-Pi.woff2')
48
50
  format('woff2-variations'),
49
- url('https://gatsby.carbondesignsystem.com/fonts/IBMPlexSansLatin-Italic-VF.woff2')
51
+ url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Roman-Pi.woff2')
50
52
  format('woff2');
51
- font-weight: 100 900;
52
- font-style: italic;
53
+ unicode-range: U+03C0, U+0E3F, U+2000-200D, U+2010-2012, U+2015, U+2028-2029,
54
+ U+202F, U+2032-2033, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116,
55
+ U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA,
56
+ U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206,
57
+ U+220F, U+2211, U+2215, U+2219-221A, U+221E, U+222B, U+2236, U+2248, U+2260,
58
+ U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+ECE0, U+EFCC, U+FEFF,
59
+ U+FFFD;
53
60
  }
54
61
 
62
+ //Latin italic
63
+ /* Subset: Latin1 */
55
64
  @font-face {
56
- font-family: 'IBM Plex Sans VF';
57
- unicode-range: U+0100-1EF9;
58
- font-display: swap;
59
- src: url('https://gatsby.carbondesignsystem.com/fonts/IBMPlexSansLatinExt-Italic-VF.woff2')
65
+ font-family: 'IBM Plex Sans Var';
66
+ font-style: italic;
67
+ font-weight: 100 900;
68
+ src: url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Italic-Latin1.woff2')
60
69
  format('woff2-variations'),
61
- url('https://gatsby.carbondesignsystem.com/fonts/IBMPlexSansLatinExt-Italic-VF.woff2')
70
+ url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Italic-Latin1.woff2')
62
71
  format('woff2');
63
- font-weight: 100 900;
64
- font-style: italic;
72
+ unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA,
73
+ U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030,
74
+ U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02;
65
75
  }
66
-
76
+ /* Subset: Latin2 */
67
77
  @font-face {
68
- font-family: 'IBM Plex Sans VF';
69
- unicode-range: U+2000-FB02;
70
- font-display: swap;
71
- src: url('https://gatsby.carbondesignsystem.com/fonts/IBMPlexSansOther-Italic-VF.woff2')
78
+ font-family: 'IBM Plex Sans Var';
79
+ font-style: italic;
80
+ font-weight: 100 900;
81
+ src: url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Italic-Latin2.woff2')
72
82
  format('woff2-variations'),
73
- url('https://gatsby.carbondesignsystem.com/fonts/IBMPlexSansOther-Italic-VF.woff2')
83
+ url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Italic-Latin2.woff2')
74
84
  format('woff2');
85
+ unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F,
86
+ U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259,
87
+ U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE,
88
+ U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF;
89
+ }
90
+ /* Subset: Latin3 */
91
+ @font-face {
92
+ font-family: 'IBM Plex Sans Var';
93
+ font-style: italic;
75
94
  font-weight: 100 900;
95
+ src: url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Italic-Latin3.woff2')
96
+ format('woff2-variations'),
97
+ url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Italic-Latin3.woff2')
98
+ format('woff2');
99
+ unicode-range: U+0102-0103, U+01CD-01DC, U+1EA0-1EF9, U+20AB;
100
+ }
101
+ /* Subset: Pi */
102
+ @font-face {
103
+ font-family: 'IBM Plex Sans Var';
76
104
  font-style: italic;
105
+ font-weight: 100 900;
106
+ src: url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Italic-Pi.woff2')
107
+ format('woff2-variations'),
108
+ url('https://gatsby.carbondesignsystem.com/fonts/6.3/IBMPlexSansVar-Italic-Pi.woff2')
109
+ format('woff2');
110
+ unicode-range: U+03C0, U+0E3F, U+2000-200D, U+2010-2012, U+2015, U+2028-2029,
111
+ U+202F, U+2032-2033, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116,
112
+ U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA,
113
+ U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206,
114
+ U+220F, U+2211, U+2215, U+2219-221A, U+221E, U+222B, U+2236, U+2248, U+2260,
115
+ U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+ECE0, U+EFCC, U+FEFF,
116
+ U+FFFD;
77
117
  }
78
118
 
79
119
  // Mono
@@ -164,6 +204,6 @@ body {
164
204
  // carbon--type-reset is being called inadvertantly when sites invoke the carbon--type-style mixin
165
205
  // Without it both html and body, the font-family gets overridden with `IBM Plex Sans` (not the variable font)
166
206
  html body {
167
- font-family: 'IBM Plex Sans VF', 'Helvetica Neue', Arial, sans-serif;
207
+ font-family: 'IBM Plex Sans Var', 'Helvetica Neue', Arial, sans-serif;
168
208
  }
169
209
  }