@times-design-system/theme-scss 1.9.1-alpha.2 → 2.0.1-alpha.2

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 (33) hide show
  1. package/dist/palettes/_business-dark.scss +289 -286
  2. package/dist/palettes/_business-light.scss +289 -286
  3. package/dist/palettes/_channels-dark.scss +315 -315
  4. package/dist/palettes/_channels-light.scss +315 -315
  5. package/dist/palettes/_comment-dark.scss +289 -286
  6. package/dist/palettes/_comment-light.scss +289 -286
  7. package/dist/palettes/_core-dark.scss +289 -286
  8. package/dist/palettes/_core-light.scss +289 -286
  9. package/dist/palettes/_culture-dark.scss +289 -286
  10. package/dist/palettes/_culture-light.scss +289 -286
  11. package/dist/palettes/_home-dark.scss +289 -286
  12. package/dist/palettes/_home-light.scss +289 -286
  13. package/dist/palettes/_ireland-dark.scss +289 -286
  14. package/dist/palettes/_ireland-light.scss +289 -286
  15. package/dist/palettes/_lifeAndStyle-dark.scss +289 -286
  16. package/dist/palettes/_lifeAndStyle-light.scss +289 -286
  17. package/dist/palettes/_money-dark.scss +289 -286
  18. package/dist/palettes/_money-light.scss +289 -286
  19. package/dist/palettes/_obituaries-dark.scss +289 -286
  20. package/dist/palettes/_obituaries-light.scss +289 -286
  21. package/dist/palettes/_puzzles-dark.scss +289 -286
  22. package/dist/palettes/_puzzles-light.scss +289 -286
  23. package/dist/palettes/_sport-dark.scss +289 -286
  24. package/dist/palettes/_sport-light.scss +289 -286
  25. package/dist/palettes/_travel-dark.scss +289 -286
  26. package/dist/palettes/_travel-light.scss +289 -286
  27. package/dist/palettes/_uk-dark.scss +289 -286
  28. package/dist/palettes/_uk-light.scss +289 -286
  29. package/dist/palettes/_world-dark.scss +289 -286
  30. package/dist/palettes/_world-light.scss +289 -286
  31. package/dist/tds-layout.scss +38 -70
  32. package/dist/tds-typography.scss +299 -332
  33. package/package.json +2 -2
package/dist/tds-layout.scss CHANGED
@@ -1,39 +1,4 @@
1
1
  :root {
2
- --spacing-10: 18px;
3
- --spacing-11: 20px;
4
- --spacing-12: 23px;
5
- --spacing-13: 24px;
6
- --spacing-14: 28px;
7
- --spacing-15: 32px;
8
- --spacing-16: 36px;
9
- --spacing-17: 40px;
10
- --spacing-18: 48px;
11
- --spacing-19: 56px;
12
- --spacing-20: 64px;
13
- --spacing-21: 80px;
14
- --spacing-01: 2px;
15
- --spacing-02: 3px;
16
- --spacing-03: 4px;
17
- --spacing-04: 6px;
18
- --spacing-05: 8px;
19
- --spacing-06: 10px;
20
- --spacing-07: 12px;
21
- --spacing-08: 14px;
22
- --spacing-09: 16px;
23
- --shadow-elevation-down-level-2: 0px 4px 8px 0px rgba(#000000,0.08);
24
- --shadow-elevation-down-level-3: 0px 16px 24px 0px rgba(#000000,0.08);
25
- --shadow-elevation-down-level-4: 0px 20px 32px 0px rgba(#000000,0.08);
26
- --shadow-elevation-up-level-2: 0px -4px 8px 0px rgba(#000000,0.08);
27
- --shadow-elevation-up-level-3: 0px -16px 24px 0px rgba(#000000,0.08);
28
- --shadow-elevation-up-level-4: 0px -20px 32px 0px rgba(#000000,0.08);
29
- --border-radius-50: 2px;
30
- --border-radius-100: 4px;
31
- --border-radius-150: 6px;
32
- --border-radius-200: 8px;
33
- --border-radius-300: 12px;
34
- --border-radius-400: 16px;
35
- --border-radius-600: 24px;
36
- --border-radius-full: 9999px;
37
2
  --grid-columns: 4;
38
3
  --grid-gutter: 24px;
39
4
  --grid-margin: 20px;
@@ -69,45 +34,48 @@
69
34
  --grid-content-area: 1144px;
70
35
  }}
71
36
 
72
- $spacing-10: var(--spacing-10);
73
- $spacing-11: var(--spacing-11);
74
- $spacing-12: var(--spacing-12);
75
- $spacing-13: var(--spacing-13);
76
- $spacing-14: var(--spacing-14);
77
- $spacing-15: var(--spacing-15);
78
- $spacing-16: var(--spacing-16);
79
- $spacing-17: var(--spacing-17);
80
- $spacing-18: var(--spacing-18);
81
- $spacing-19: var(--spacing-19);
82
- $spacing-20: var(--spacing-20);
83
- $spacing-21: var(--spacing-21);
84
- $spacing-01: var(--spacing-01);
85
- $spacing-02: var(--spacing-02);
86
- $spacing-03: var(--spacing-03);
87
- $spacing-04: var(--spacing-04);
88
- $spacing-05: var(--spacing-05);
89
- $spacing-06: var(--spacing-06);
90
- $spacing-07: var(--spacing-07);
91
- $spacing-08: var(--spacing-08);
92
- $spacing-09: var(--spacing-09);
37
+ $spacing-10: 18px;
38
+ $spacing-11: 20px;
39
+ $spacing-12: 23px;
40
+ $spacing-13: 24px;
41
+ $spacing-14: 28px;
42
+ $spacing-15: 32px;
43
+ $spacing-16: 36px;
44
+ $spacing-17: 40px;
45
+ $spacing-18: 48px;
46
+ $spacing-19: 56px;
47
+ $spacing-20: 64px;
48
+ $spacing-21: 80px;
49
+ $spacing-01: 2px;
50
+ $spacing-02: 3px;
51
+ $spacing-03: 4px;
52
+ $spacing-04: 6px;
53
+ $spacing-05: 8px;
54
+ $spacing-06: 10px;
55
+ $spacing-07: 12px;
56
+ $spacing-08: 14px;
57
+ $spacing-09: 16px;
93
58
  $grid-columns: var(--grid-columns);
94
59
  $grid-gutter: var(--grid-gutter);
95
60
  $grid-margin: var(--grid-margin);
96
61
  $grid-viewport: var(--grid-viewport);
97
62
  $grid-max-width: var(--grid-max-width);
98
63
  $grid-content-area: var(--grid-content-area);
99
- $shadow-elevation-down-level-2: var(--shadow-elevation-down-level-2);
100
- $shadow-elevation-down-level-3: var(--shadow-elevation-down-level-3);
101
- $shadow-elevation-down-level-4: var(--shadow-elevation-down-level-4);
102
- $shadow-elevation-up-level-2: var(--shadow-elevation-up-level-2);
103
- $shadow-elevation-up-level-3: var(--shadow-elevation-up-level-3);
104
- $shadow-elevation-up-level-4: var(--shadow-elevation-up-level-4);
105
- $border-radius-50: var(--border-radius-50);
106
- $border-radius-100: var(--border-radius-100);
107
- $border-radius-150: var(--border-radius-150);
108
- $border-radius-200: var(--border-radius-200);
109
- $border-radius-300: var(--border-radius-300);
110
- $border-radius-400: var(--border-radius-400);
111
- $border-radius-600: var(--border-radius-600);
112
- $border-radius-full: var(--border-radius-full);
64
+ $shadow-elevation-down-level-2: 0px 4px 8px 0px rgba(0,0,0,0.08);
65
+ $shadow-elevation-down-level-3: 0px 16px 24px 0px rgba(0,0,0,0.08);
66
+ $shadow-elevation-down-level-4: 0px 20px 32px 0px rgba(0,0,0,0.08);
67
+ $shadow-elevation-up-level-2: 0px -4px 8px 0px rgba(0,0,0,0.08);
68
+ $shadow-elevation-up-level-3: 0px -16px 24px 0px rgba(0,0,0,0.08);
69
+ $shadow-elevation-up-level-4: 0px -20px 32px 0px rgba(0,0,0,0.08);
70
+ $border-radius-50: 2px;
71
+ $border-radius-100: 4px;
72
+ $border-radius-150: 6px;
73
+ $border-radius-200: 8px;
74
+ $border-radius-300: 12px;
75
+ $border-radius-400: 16px;
76
+ $border-radius-full: 9999px;
77
+ $breakpoint-small: 0px;
78
+ $breakpoint-medium: 440px;
79
+ $breakpoint-large: 1024px;
80
+ $breakpoint-xLarge: 1440px;
113
81