@codecademy/gamut-styles 17.10.0 → 17.10.1-alpha.fbc067.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 (26) hide show
  1. package/core/_fonts.scss +16 -12
  2. package/dist/remoteAssets/fonts.js +8 -8
  3. package/dist/themes/admin.d.ts +2 -2
  4. package/dist/themes/core.d.ts +2 -2
  5. package/dist/themes/lxStudio.d.ts +2 -2
  6. package/dist/themes/platform.d.ts +2 -2
  7. package/dist/variables/typography.d.ts +4 -4
  8. package/dist/variables/typography.js +2 -2
  9. package/fonts/Hanken_Grotesk/hanken-grotesk-bold-italic.woff +0 -0
  10. package/fonts/Hanken_Grotesk/hanken-grotesk-bold-italic.woff2 +0 -0
  11. package/fonts/Hanken_Grotesk/hanken-grotesk-bold.woff +0 -0
  12. package/fonts/Hanken_Grotesk/hanken-grotesk-bold.woff2 +0 -0
  13. package/fonts/Hanken_Grotesk/hanken-grotesk-italic.woff +0 -0
  14. package/fonts/Hanken_Grotesk/hanken-grotesk-italic.woff2 +0 -0
  15. package/fonts/Hanken_Grotesk/hanken-grotesk-regular.woff +0 -0
  16. package/fonts/Hanken_Grotesk/hanken-grotesk-regular.woff2 +0 -0
  17. package/package.json +2 -2
  18. package/utils/variables/_typography.scss +5 -5
  19. package/fonts/Apercu/apercu-bold-italic-pro.woff +0 -0
  20. package/fonts/Apercu/apercu-bold-italic-pro.woff2 +0 -0
  21. package/fonts/Apercu/apercu-bold-pro.woff +0 -0
  22. package/fonts/Apercu/apercu-bold-pro.woff2 +0 -0
  23. package/fonts/Apercu/apercu-italic-pro.woff +0 -0
  24. package/fonts/Apercu/apercu-italic-pro.woff2 +0 -0
  25. package/fonts/Apercu/apercu-regular-pro.woff +0 -0
  26. package/fonts/Apercu/apercu-regular-pro.woff2 +0 -0
package/core/_fonts.scss CHANGED
@@ -40,38 +40,42 @@
40
40
 
41
41
  @font-face {
42
42
  font-display: swap;
43
- font-family: "Apercu";
43
+ font-family: "Hanken Grotesk";
44
44
  font-style: normal;
45
45
  font-weight: normal;
46
- src: url("../fonts/Apercu/apercu-regular-pro.woff2") format("woff2"),
47
- url("../fonts/Apercu/apercu-regular-pro.woff") format("woff");
46
+ src: url("../fonts/Hanken_Grotesk/hanken-grotesk-regular.woff2")
47
+ format("woff2"),
48
+ url("../fonts/Hanken_Grotesk/hanken-grotesk-regular.woff") format("woff");
48
49
  }
49
50
 
50
51
  @font-face {
51
52
  font-display: swap;
52
- font-family: "Apercu";
53
+ font-family: "Hanken Grotesk";
53
54
  font-style: normal;
54
55
  font-weight: bold;
55
- src: url("../fonts/Apercu/apercu-bold-pro.woff2") format("woff2"),
56
- url("../fonts/Apercu/apercu-bold-pro.woff") format("woff");
56
+ src: url("../fonts/Hanken_Grotesk/hanken-grotesk-bold.woff2") format("woff2"),
57
+ url("../fonts/Hanken_Grotesk/hanken-grotesk-bold.woff") format("woff");
57
58
  }
58
59
 
59
60
  @font-face {
60
61
  font-display: swap;
61
- font-family: "Apercu";
62
+ font-family: "Hanken Grotesk";
62
63
  font-style: italic;
63
64
  font-weight: normal;
64
- src: url("../fonts/Apercu/apercu-italic-pro.woff2") format("woff2"),
65
- url("../fonts/Apercu/apercu-italic-pro.woff") format("woff");
65
+ src: url("../fonts/Hanken_Grotesk/hanken-grotesk-italic.woff2")
66
+ format("woff2"),
67
+ url("../fonts/Hanken_Grotesk/hanken-grotesk-italic.woff") format("woff");
66
68
  }
67
69
 
68
70
  @font-face {
69
71
  font-display: swap;
70
- font-family: "Apercu";
72
+ font-family: "Hanken Grotesk";
71
73
  font-style: italic;
72
74
  font-weight: bold;
73
- src: url("../fonts/Apercu/apercu-bold-italic-pro.woff2") format("woff2"),
74
- url("../fonts/Apercu/apercu-bold-italic-pro.woff") format("woff");
75
+ src: url("../fonts/Hanken_Grotesk/hanken-grotesk-bold-italic.woff2")
76
+ format("woff2"),
77
+ url("../fonts/Hanken_Grotesk/hanken-grotesk-bold-italic.woff")
78
+ format("woff");
75
79
  }
76
80
 
77
81
  @font-face {
package/dist/remoteAssets/fonts.js CHANGED
@@ -3,23 +3,23 @@ export const FONT_ASSET_PATH = `https://www.codecademy.com/gamut`;
3
3
  // woff2 should precede woff so that browsers try woff2 first.
4
4
  const extensions = ['woff2', 'woff'];
5
5
  export const core = [{
6
- filePath: `${FONT_ASSET_PATH}/apercu-regular-pro`,
6
+ filePath: `${FONT_ASSET_PATH}/hanken-grotesk-regular`,
7
7
  extensions,
8
- name: 'Apercu'
8
+ name: 'Hanken Grotesk'
9
9
  }, {
10
- filePath: `${FONT_ASSET_PATH}/apercu-italic-pro`,
10
+ filePath: `${FONT_ASSET_PATH}/hanken-grotesk-italic`,
11
11
  extensions,
12
- name: 'Apercu',
12
+ name: 'Hanken Grotesk',
13
13
  style: 'italic'
14
14
  }, {
15
- filePath: `${FONT_ASSET_PATH}/apercu-bold-pro`,
15
+ filePath: `${FONT_ASSET_PATH}/hanken-grotesk-bold`,
16
16
  extensions,
17
- name: 'Apercu',
17
+ name: 'Hanken Grotesk',
18
18
  weight: 'bold'
19
19
  }, {
20
- filePath: `${FONT_ASSET_PATH}/apercu-bold-italic-pro`,
20
+ filePath: `${FONT_ASSET_PATH}/hanken-grotesk-bold-italic`,
21
21
  extensions,
22
- name: 'Apercu',
22
+ name: 'Hanken Grotesk',
23
23
  weight: 'bold',
24
24
  style: 'italic'
25
25
  }, {
package/dist/themes/admin.d.ts CHANGED
@@ -86,8 +86,8 @@ export declare const adminTheme: Record<"breakpoints", {
86
86
  readonly 14: string;
87
87
  };
88
88
  fontFamily: {
89
- readonly accent: "\"Suisse\", \"Apercu\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
90
- readonly base: "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
89
+ readonly accent: "\"Suisse\", \"Hanken Grotesk\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
90
+ readonly base: "\"Hanken Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
91
91
  readonly monospace: "Monaco, Menlo, \"Ubuntu Mono\", \"Droid Sans Mono\", Consolas,\nmonospace";
92
92
  readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n\"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
93
93
  };
package/dist/themes/core.d.ts CHANGED
@@ -67,8 +67,8 @@ export declare const coreTheme: Record<"breakpoints", {
67
67
  readonly 14: string;
68
68
  };
69
69
  fontFamily: {
70
- readonly accent: "\"Suisse\", \"Apercu\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
71
- readonly base: "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
70
+ readonly accent: "\"Suisse\", \"Hanken Grotesk\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
71
+ readonly base: "\"Hanken Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
72
72
  readonly monospace: "Monaco, Menlo, \"Ubuntu Mono\", \"Droid Sans Mono\", Consolas,\nmonospace";
73
73
  readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n\"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
74
74
  };
package/dist/themes/lxStudio.d.ts CHANGED
@@ -52,8 +52,8 @@ export declare const lxStudioTheme: Record<"breakpoints", {
52
52
  full: string;
53
53
  };
54
54
  fontFamily: {
55
- readonly accent: "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
56
- readonly base: "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
55
+ readonly accent: "\"Hanken Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
56
+ readonly base: "\"Hanken Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
57
57
  readonly monospace: "Monaco, Menlo, \"Ubuntu Mono\", \"Droid Sans Mono\", Consolas,\nmonospace";
58
58
  readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n\"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
59
59
  };
package/dist/themes/platform.d.ts CHANGED
@@ -102,8 +102,8 @@ export declare const platformTheme: Record<"breakpoints", {
102
102
  readonly 14: string;
103
103
  };
104
104
  fontFamily: {
105
- readonly accent: "\"Suisse\", \"Apercu\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
106
- readonly base: "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
105
+ readonly accent: "\"Suisse\", \"Hanken Grotesk\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
106
+ readonly base: "\"Hanken Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
107
107
  readonly monospace: "Monaco, Menlo, \"Ubuntu Mono\", \"Droid Sans Mono\", Consolas,\nmonospace";
108
108
  readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n\"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
109
109
  };
package/dist/variables/typography.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- export declare const fontAccent = "\"Suisse\", \"Apercu\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
2
- export declare const fontBase = "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
1
+ export declare const fontAccent = "\"Suisse\", \"Hanken Grotesk\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
2
+ export declare const fontBase = "\"Hanken Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
3
3
  export declare const fontMonospace = "Monaco, Menlo, \"Ubuntu Mono\", \"Droid Sans Mono\", Consolas,\nmonospace";
4
4
  export declare const fontSystem = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n\"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
5
5
  export declare const fontFamily: {
6
- readonly accent: "\"Suisse\", \"Apercu\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
7
- readonly base: "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
6
+ readonly accent: "\"Suisse\", \"Hanken Grotesk\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
7
+ readonly base: "\"Hanken Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
8
8
  readonly monospace: "Monaco, Menlo, \"Ubuntu Mono\", \"Droid Sans Mono\", Consolas,\nmonospace";
9
9
  readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n\"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
10
10
  };
package/dist/variables/typography.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { pxRem } from '../styles/pxRem';
2
- export const fontAccent = `"Suisse", "Apercu", -apple-system, BlinkMacSystemFont,
2
+ export const fontAccent = `"Suisse", "Hanken Grotesk", -apple-system, BlinkMacSystemFont,
3
3
  "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
4
4
  "Helvetica Neue", sans-serif`;
5
- export const fontBase = `"Apercu", -apple-system, BlinkMacSystemFont, "Segoe UI",
5
+ export const fontBase = `"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI",
6
6
  "Roboto", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
7
7
  sans-serif`;
8
8
  export const fontMonospace = `Monaco, Menlo, "Ubuntu Mono", "Droid Sans Mono", Consolas,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@codecademy/gamut-styles",
3
3
  "description": "Styleguide & Component library for codecademy.com",
4
- "version": "17.10.0",
4
+ "version": "17.10.1-alpha.fbc067.0",
5
5
  "author": "Jake Hiller <jake@codecademy.com>",
6
6
  "dependencies": {
7
7
  "@codecademy/variance": "0.25.0",
@@ -34,5 +34,5 @@
34
34
  "scripts": {
35
35
  "build": "nx build @codecademy/gamut-styles"
36
36
  },
37
- "gitHead": "f0547a68f92f89bf82f11cc316fc89382a36ddb0"
37
+ "gitHead": "6885ecb999c007ba95acb6cfcf8f4f41042e4171"
38
38
  }
package/utils/variables/_typography.scss CHANGED
@@ -3,14 +3,14 @@
3
3
 
4
4
  // Font Families:
5
5
 
6
- $font-family-accent: "Suisse", "Apercu", -apple-system, BlinkMacSystemFont,
6
+ $font-family-accent: "Suisse", "Hanken Grotesk", -apple-system,
7
+ BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Fira Sans",
8
+ "Droid Sans", "Helvetica Neue", sans-serif;
9
+
10
+ $font-family-base: "Hanken Grotesk", -apple-system, BlinkMacSystemFont,
7
11
  "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
8
12
  "Helvetica Neue", sans-serif;
9
13
 
10
- $font-family-base: "Apercu", -apple-system, BlinkMacSystemFont, "Segoe UI",
11
- "Roboto", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
12
- sans-serif;
13
-
14
14
  $font-monospace: Monaco, Menlo, "Ubuntu Mono", "Droid Sans Mono", Consolas,
15
15
  monospace;
16
16
 
package/fonts/Apercu/apercu-bold-pro.woff DELETED
Binary file
package/fonts/Apercu/apercu-bold-pro.woff2 DELETED
Binary file
package/fonts/Apercu/apercu-italic-pro.woff DELETED
Binary file