@brightspace-ui/core 2.167.3 → 2.168.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 (5) hide show
  1. package/README.md +1 -1
  2. package/components/typography/demo/typography.html +15 -0
  3. package/components/typography/typography.js +47 -5
  4. package/components/typography/typography.scss +38 -2
  5. package/package.json +1 -1
package/README.md CHANGED
@@ -138,7 +138,7 @@ This repo uses [@brightspace-ui/testing](https://github.com/BrightspaceUI/testin
138
138
  npm run test:vdiff
139
139
 
140
140
  # re-generate goldens
141
- npm run test:vdiff golden
141
+ npm run test:vdiff -- --golden
142
142
  ```
143
143
 
144
144
  ### Versioning and Releasing
package/components/typography/demo/typography.html CHANGED
@@ -59,6 +59,21 @@
59
59
  <blockquote class="d2l-blockquote">Grumpy wizards make toxic brew for the evil Queen and Jack. Grumpy wizards make toxic brew for the evil Queen and Jack.</blockquote>
60
60
  </d2l-demo-snippet>
61
61
 
62
+ <h2>BC Sans</h2>
63
+
64
+ <div class="d2l-body-small">Showing a small selection of glyphs from Canadian Aboriginal blocks known to be different. For a detailed comparison, see the <a href="https://github.com/Brightspace/fonts-lib">fonts-lib</a>'s demo.</div>
65
+ <d2l-demo-snippet>
66
+ <div class="d2l-body-standard" style="font-family: BC Sans, sans-serif;">
67
+ <p>Grumpy wizards make toxic brew for the evil Queen and Jack. Grumpy wizards make toxic brew for the evil Queen and Jack.</p>
68
+ <p style="font-weight: 300;">ᐂ ᐪ ᒤ ᔆ ᔌ ᔕ ᔤ ᔧ ᕯ ᗯ ᘏ ᘗ ᘩ ᘨ ᣱ</p>
69
+ <p>ᐂ ᐪ ᒤ ᔆ ᔌ ᔕ ᔤ ᔧ ᕯ ᗯ ᘏ ᘗ ᘩ ᘨ ᣱ</p>
70
+ <p style="font-weight: 700;">ᐂ ᐪ ᒤ ᔆ ᔌ ᔕ ᔤ ᔧ ᕯ ᗯ ᘏ ᘗ ᘩ ᘨ ᣱ</p>
71
+ <p style="font-style: italic; font-weight: 300;">ᐂ ᐪ ᒤ ᔆ ᔌ ᔕ ᔤ ᔧ ᕯ ᗯ ᘏ ᘗ ᘩ ᘨ ᣱ</p>
72
+ <p style="font-style: italic;">ᐂ ᐪ ᒤ ᔆ ᔌ ᔕ ᔤ ᔧ ᕯ ᗯ ᘏ ᘗ ᘩ ᘨ ᣱ</p>
73
+ <p style="font-style: italic; font-weight: 700;">ᐂ ᐪ ᒤ ᔆ ᔌ ᔕ ᔤ ᔧ ᕯ ᗯ ᘏ ᘗ ᘩ ᘨ ᣱ</p>
74
+ </div>
75
+ </d2l-demo-snippet>
76
+
62
77
  </d2l-demo-page>
63
78
 
64
79
  </body>
package/components/typography/typography.js CHANGED
@@ -1,9 +1,15 @@
1
1
  import '../colors/colors.js';
2
2
 
3
- export const importUrl = 'https://s.brightspace.com/lib/fonts/0.5.0/assets/';
3
+ export const importUrl = 'https://s.brightspace.com/lib/fonts/0.6.0/assets/';
4
4
  export const fonts = {
5
- regular: 'Lato-400',
6
- bold: 'Lato-700'
5
+ LatoRegular: 'Lato-400',
6
+ LatoBold: 'Lato-700',
7
+ BCSansLight: 'BCSans-Light',
8
+ BCSansRegular: 'BCSans-Regular',
9
+ BCSansBold: 'BCSans-Bold',
10
+ BCSansLightItalic: 'BCSans-LightItalic',
11
+ BCSansItalic: 'BCSans-Italic',
12
+ BCSansBoldItalic: 'BCSans-BoldItalic'
7
13
  };
8
14
 
9
15
  if (!document.head.querySelector('#d2l-typography-font-face')) {
@@ -22,13 +28,49 @@ if (!document.head.querySelector('#d2l-typography-font-face')) {
22
28
  font-family: 'Lato';
23
29
  font-style: normal;
24
30
  font-weight: 400;
25
- src: local('Lato Regular'), local('Lato-Regular'), url(${new URL(`${fonts.regular}.woff2`, importUrl)}) format('woff2'), url(${new URL(`${fonts.regular}.woff`, importUrl)}) format('woff'), url(${new URL(`${fonts.regular}.ttf`, importUrl)}) format('truetype');
31
+ src: local('Lato Regular'), local('Lato-Regular'), url(${new URL(`${fonts.LatoRegular}.woff2`, importUrl)}) format('woff2'), url(${new URL(`${fonts.LatoRegular}.woff`, importUrl)}) format('woff'), url(${new URL(`${fonts.LatoRegular}.ttf`, importUrl)}) format('truetype');
26
32
  }
27
33
  @font-face {
28
34
  font-family: 'Lato';
29
35
  font-style: normal;
30
36
  font-weight: 700;
31
- src: local('Lato Bold'), local('Lato-Bold'), url(${new URL(`${fonts.bold}.woff2`, importUrl)}) format('woff2'), url(${new URL(`${fonts.bold}.woff`, importUrl)}) format('woff'), url(${new URL(`${fonts.bold}.ttf`, importUrl)}) format('truetype');
37
+ src: local('Lato Bold'), local('Lato-Bold'), url(${new URL(`${fonts.LatoBold}.woff2`, importUrl)}) format('woff2'), url(${new URL(`${fonts.LatoBold}.woff`, importUrl)}) format('woff'), url(${new URL(`${fonts.LatoBold}.ttf`, importUrl)}) format('truetype');
38
+ }
39
+ @font-face {
40
+ font-family: 'BC Sans';
41
+ font-style: normal;
42
+ font-weight: 300;
43
+ src: url(${new URL(`${fonts.BCSansLight}.woff2`, importUrl)}) format('woff2'), url(${new URL(`${fonts.BCSansLight}.woff`, importUrl)}) format('woff');
44
+ }
45
+ @font-face {
46
+ font-family: 'BC Sans';
47
+ font-style: normal;
48
+ font-weight: 400;
49
+ src: url(${new URL(`${fonts.BCSansRegular}.woff2`, importUrl)}) format('woff2'), url(${new URL(`${fonts.BCSansRegular}.woff`, importUrl)}) format('woff');
50
+ }
51
+ @font-face {
52
+ font-family: 'BC Sans';
53
+ font-style: normal;
54
+ font-weight: 700;
55
+ src: url(${new URL(`${fonts.BCSansBold}.woff2`, importUrl)}) format('woff2'), url(${new URL(`${fonts.BCSansBold}.woff`, importUrl)}) format('woff');
56
+ }
57
+ @font-face {
58
+ font-family: 'BC Sans';
59
+ font-style: italic;
60
+ font-weight: 300;
61
+ src: url(${new URL(`${fonts.BCSansLightItalic}.woff2`, importUrl)}) format('woff2'), url(${new URL(`${fonts.BCSansLightItalic}.woff`, importUrl)}) format('woff');
62
+ }
63
+ @font-face {
64
+ font-family: 'BC Sans';
65
+ font-style: italic;
66
+ font-weight: 400;
67
+ src: url(${new URL(`${fonts.BCSansItalic}.woff2`, importUrl)}) format('woff2'), url(${new URL(`${fonts.BCSansItalic}.woff`, importUrl)}) format('woff');
68
+ }
69
+ @font-face {
70
+ font-family: 'BC Sans';
71
+ font-style: italic;
72
+ font-weight: 700;
73
+ src: url(${new URL(`${fonts.BCSansBoldItalic}.woff2`, importUrl)}) format('woff2'), url(${new URL(`${fonts.BCSansBoldItalic}.woff`, importUrl)}) format('woff');
32
74
  }
33
75
 
34
76
  .d2l-typography {
package/components/typography/typography.scss CHANGED
@@ -41,13 +41,49 @@
41
41
  font-family: 'Lato';
42
42
  font-style: normal;
43
43
  font-weight: 400;
44
- src: url(https://s.brightspace.com/lib/fonts/0.5.0/assets/Lato-400.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.5.0/assets/Lato-400.woff) format('woff');
44
+ src: url(https://s.brightspace.com/lib/fonts/0.6.0/assets/Lato-400.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.0/assets/Lato-400.woff) format('woff');
45
45
  }
46
46
  @font-face {
47
47
  font-family: 'Lato';
48
48
  font-style: normal;
49
49
  font-weight: 700;
50
- src: url(https://s.brightspace.com/lib/fonts/0.5.0/assets/Lato-700.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.5.0/assets/Lato-700.woff) format('woff');
50
+ src: url(https://s.brightspace.com/lib/fonts/0.6.0/assets/Lato-700.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.0/assets/Lato-700.woff) format('woff');
51
+ }
52
+ @font-face {
53
+ font-family: 'BC Sans';
54
+ font-style: normal;
55
+ font-weight: 300;
56
+ src: url(https://s.brightspace.com/lib/fonts/0.6.0/assets/BCSans-Light.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.0/assets/BCSans-Light.woff) format('woff');
57
+ }
58
+ @font-face {
59
+ font-family: 'BC Sans';
60
+ font-style: normal;
61
+ font-weight: 400;
62
+ src: url(https://s.brightspace.com/lib/fonts/0.6.0/assets/BCSans-Regular.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.0/assets/BCSans-Regular.woff) format('woff');
63
+ }
64
+ @font-face {
65
+ font-family: 'BC Sans';
66
+ font-style: normal;
67
+ font-weight: 700;
68
+ src: url(https://s.brightspace.com/lib/fonts/0.6.0/assets/BCSans-Bold.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.0/assets/BCSans-Bold.woff) format('woff');
69
+ }
70
+ @font-face {
71
+ font-family: 'BC Sans';
72
+ font-style: italic;
73
+ font-weight: 300;
74
+ src: url(https://s.brightspace.com/lib/fonts/0.6.0/assets/BCSans-LightItalic.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.0/assets/BCSans-LightItalic.woff) format('woff');
75
+ }
76
+ @font-face {
77
+ font-family: 'BC Sans';
78
+ font-style: italic;
79
+ font-weight: 400;
80
+ src: url(https://s.brightspace.com/lib/fonts/0.6.0/assets/BCSans-Italic.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.0/assets/BCSans-Italic.woff) format('woff');
81
+ }
82
+ @font-face {
83
+ font-family: 'BC Sans';
84
+ font-style: italic;
85
+ font-weight: 700;
86
+ src: url(https://s.brightspace.com/lib/fonts/0.6.0/assets/BCSans-BoldItalic.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.0/assets/BCSans-BoldItalic.woff) format('woff');
51
87
  }
52
88
  }
53
89
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "2.167.3",
3
+ "version": "2.168.0",
4
4
  "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
5
5
  "type": "module",
6
6
  "repository": "https://github.com/BrightspaceUI/core.git",