@times-design-system/theme-scss 2.0.2-alpha.8 → 2.2.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 (32) hide show
  1. package/README.md +50 -56
  2. package/dist/palettes/business-dark.scss +185 -175
  3. package/dist/palettes/business-light.scss +10 -0
  4. package/dist/palettes/comment-dark.scss +185 -175
  5. package/dist/palettes/comment-light.scss +10 -0
  6. package/dist/palettes/core-dark.scss +184 -174
  7. package/dist/palettes/core-light.scss +10 -0
  8. package/dist/palettes/culture-dark.scss +185 -175
  9. package/dist/palettes/culture-light.scss +10 -0
  10. package/dist/palettes/home-dark.scss +185 -175
  11. package/dist/palettes/home-light.scss +10 -0
  12. package/dist/palettes/ireland-dark.scss +185 -175
  13. package/dist/palettes/ireland-light.scss +10 -0
  14. package/dist/palettes/lifeAndStyle-dark.scss +185 -175
  15. package/dist/palettes/lifeAndStyle-light.scss +10 -0
  16. package/dist/palettes/money-dark.scss +185 -175
  17. package/dist/palettes/money-light.scss +10 -0
  18. package/dist/palettes/obituaries-dark.scss +185 -175
  19. package/dist/palettes/obituaries-light.scss +10 -0
  20. package/dist/palettes/puzzles-dark.scss +185 -175
  21. package/dist/palettes/puzzles-light.scss +10 -0
  22. package/dist/palettes/sport-dark.scss +185 -175
  23. package/dist/palettes/sport-light.scss +10 -0
  24. package/dist/palettes/travel-dark.scss +185 -175
  25. package/dist/palettes/travel-light.scss +10 -0
  26. package/dist/palettes/uk-dark.scss +185 -175
  27. package/dist/palettes/uk-light.scss +10 -0
  28. package/dist/palettes/world-dark.scss +185 -175
  29. package/dist/palettes/world-light.scss +10 -0
  30. package/dist/tds-layout.scss +60 -6
  31. package/dist/tds-typography.scss +78 -35
  32. package/package.json +3 -3
package/dist/tds-typography.scss CHANGED
@@ -1,37 +1,80 @@
1
- $fontSize0025: 0.8rem;
2
- $fontSize005: 1rem;
3
- $fontSize010: 1.2rem;
4
- $fontSize020: 1.4rem;
5
- $fontSize025: 1.5008rem;
6
- $fontSize030: 1.6rem;
7
- $fontSize035: 1.7008rem;
8
- $fontSize040: 1.8rem;
9
- $fontSize045: 1.9008rem;
10
- $fontSize050: 2rem;
11
- $fontSize060: 2.2rem;
12
- $fontSize070: 2.4rem;
13
- $fontSize080: 2.8rem;
14
- $fontSize090: 3.2rem;
15
- $fontSize095: 3.4rem;
16
- $fontSize100: 3.6rem;
17
- $fontSize105: 4.6rem;
18
- $fontSize110: 4rem;
19
- $fontSize120: 4.4rem;
20
- $fontSize125: 4.5008rem;
21
- $fontSize130: 4.8rem;
22
- $fontSize140: 5.6rem;
23
- $fontSize150: 6.4rem;
24
- $fontSize155: 7rem;
25
- $fontSize160: 8rem;
26
- $fontSize170: 9.4rem;
27
- $fontSize180: 12rem;
28
- $fontSize190: 14.5008rem;
29
- $fontSize200: 17.1008rem;
30
- $fontSize210: 19.7008rem;
31
- $fontSize220: 22.3008rem;
32
- $fontSize230: 24.8rem;
33
- $fontSize240: 27.4rem;
34
- $fontSize250: 30rem;
1
+ :root {
2
+ --font-size0025: 0.8rem;
3
+ --font-size005: 1rem;
4
+ --font-size010: 1.2rem;
5
+ --font-size020: 1.4rem;
6
+ --font-size025: 1.5rem;
7
+ --font-size030: 1.6rem;
8
+ --font-size035: 1.7rem;
9
+ --font-size040: 1.8rem;
10
+ --font-size045: 1.9rem;
11
+ --font-size050: 2rem;
12
+ --font-size060: 2.2rem;
13
+ --font-size070: 2.4rem;
14
+ --font-size080: 2.8rem;
15
+ --font-size090: 3.2rem;
16
+ --font-size095: 3.4rem;
17
+ --font-size100: 3.6rem;
18
+ --font-size105: 4.6rem;
19
+ --font-size110: 3.2rem;
20
+ --font-size120: 4.4rem;
21
+ --font-size125: 4.5rem;
22
+ --font-size130: 4.8rem;
23
+ --font-size140: 4rem;
24
+ --font-size150: 6.4rem;
25
+ --font-size155: 7rem;
26
+ --font-size160: 8rem;
27
+ }
28
+ @media (min-width: 440px) {
29
+ :root {
30
+ --font-size100: 4rem;
31
+ }}
32
+ @media (min-width: 1024px) {
33
+ :root {
34
+ --font-size100: 4.6rem;
35
+ }}
36
+ @media (min-width: 1440px) {
37
+ :root {
38
+ --font-size090: 3.6rem;
39
+ --font-size100: 5.6rem;
40
+ --font-size110: 4rem;
41
+ --font-size140: 5.6rem;
42
+ }}
43
+
44
+ $fontSize0025: var(--font-size0025);
45
+ $fontSize005: var(--font-size005);
46
+ $fontSize010: var(--font-size010);
47
+ $fontSize020: var(--font-size020);
48
+ $fontSize025: var(--font-size025);
49
+ $fontSize030: var(--font-size030);
50
+ $fontSize035: var(--font-size035);
51
+ $fontSize040: var(--font-size040);
52
+ $fontSize045: var(--font-size045);
53
+ $fontSize050: var(--font-size050);
54
+ $fontSize060: var(--font-size060);
55
+ $fontSize070: var(--font-size070);
56
+ $fontSize080: var(--font-size080);
57
+ $fontSize090: var(--font-size090);
58
+ $fontSize095: var(--font-size095);
59
+ $fontSize100: var(--font-size100);
60
+ $fontSize105: var(--font-size105);
61
+ $fontSize110: var(--font-size110);
62
+ $fontSize120: var(--font-size120);
63
+ $fontSize125: var(--font-size125);
64
+ $fontSize130: var(--font-size130);
65
+ $fontSize140: var(--font-size140);
66
+ $fontSize150: var(--font-size150);
67
+ $fontSize155: var(--font-size155);
68
+ $fontSize160: var(--font-size160);
69
+ $fontSize170: var(--font-size170);
70
+ $fontSize180: var(--font-size180);
71
+ $fontSize190: var(--font-size190);
72
+ $fontSize200: var(--font-size200);
73
+ $fontSize210: var(--font-size210);
74
+ $fontSize220: var(--font-size220);
75
+ $fontSize230: var(--font-size230);
76
+ $fontSize240: var(--font-size240);
77
+ $fontSize250: var(--font-size250);
35
78
  $fontWeight010: 100;
36
79
  $fontWeight020: 200;
37
80
  $fontWeight030: 300;
@@ -44,7 +87,7 @@ $fontWeight090: 900;
44
87
  $fontFamily010: Times Modern;
45
88
  $fontFamily020: Times Digital W04 Regular;
46
89
  $fontFamily030: Times Digital W04 Bold;
47
- $fontFamily040: Roboto;
90
+ $fontFamily040: Times Roboto;
48
91
  $fontLineHeight010: 1;
49
92
  $fontLineHeight020: 1.125;
50
93
  $fontLineHeight030: 1.25;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-design-system/theme-scss",
3
- "version": "2.0.2-alpha.8+5434ed3e",
3
+ "version": "2.2.0",
4
4
  "type": "module",
5
5
  "description": "Times Design System theme package - pre-resolved color tokens for React",
6
6
  "keywords": [
@@ -35,7 +35,7 @@
35
35
  "clean": "rimraf dist",
36
36
  "dev": "rollup -c --watch",
37
37
  "prepublishOnly": "npm run build",
38
- "test": "node ./__tests__/*.test.js"
38
+ "_test": "node ./__tests__/*.test.js"
39
39
  },
40
40
  "publishConfig": {
41
41
  "access": "public"
@@ -44,5 +44,5 @@
44
44
  "url": "https://github.com/newsuk/times-design-system/issues"
45
45
  },
46
46
  "homepage": "https://github.com/newsuk/times-design-system#readme",
47
- "gitHead": "5434ed3edc1675f3b1f46ca34f66ab1a115109a8"
47
+ "gitHead": "4e9bd2bc67b0dc34eb38eac29cebe11c6bcdb25b"
48
48
  }