@times-design-system/theme-scss 1.6.0 → 1.7.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 (30) hide show
  1. package/dist/palettes/_business-dark.scss +63 -46
  2. package/dist/palettes/_business-light.scss +25 -8
  3. package/dist/palettes/_comment-dark.scss +63 -46
  4. package/dist/palettes/_comment-light.scss +25 -8
  5. package/dist/palettes/_core-dark.scss +84 -67
  6. package/dist/palettes/_core-light.scss +25 -8
  7. package/dist/palettes/_culture-dark.scss +63 -46
  8. package/dist/palettes/_culture-light.scss +25 -8
  9. package/dist/palettes/_home-dark.scss +63 -46
  10. package/dist/palettes/_home-light.scss +25 -8
  11. package/dist/palettes/_ireland-dark.scss +63 -46
  12. package/dist/palettes/_ireland-light.scss +25 -8
  13. package/dist/palettes/_lifeAndStyle-dark.scss +63 -46
  14. package/dist/palettes/_lifeAndStyle-light.scss +25 -8
  15. package/dist/palettes/_money-dark.scss +63 -46
  16. package/dist/palettes/_money-light.scss +25 -8
  17. package/dist/palettes/_obituaries-dark.scss +63 -46
  18. package/dist/palettes/_obituaries-light.scss +25 -8
  19. package/dist/palettes/_puzzles-dark.scss +63 -46
  20. package/dist/palettes/_puzzles-light.scss +25 -8
  21. package/dist/palettes/_sport-dark.scss +63 -46
  22. package/dist/palettes/_sport-light.scss +25 -8
  23. package/dist/palettes/_travel-dark.scss +63 -46
  24. package/dist/palettes/_travel-light.scss +25 -8
  25. package/dist/palettes/_uk-dark.scss +63 -46
  26. package/dist/palettes/_uk-light.scss +25 -8
  27. package/dist/palettes/_world-dark.scss +63 -46
  28. package/dist/palettes/_world-light.scss +25 -8
  29. package/dist/tds-layout.scss +45 -137
  30. package/package.json +2 -2
package/dist/palettes/_uk-light.scss CHANGED
@@ -4,7 +4,6 @@ $tds-surface-level-1: #ffffff;
4
4
  $tds-surface-level-2: #ffffff;
5
5
  $tds-surface-level-3: #ffffff;
6
6
  $tds-surface-level-4: #ffffff;
7
- $tds-surface-inverse: #000000;
8
7
  $tds-surface-overlay: rgba(0, 0, 0, 0.45);
9
8
  $tds-surface-channel-50: #fbfbfc;
10
9
  $tds-surface-channel-100: #f2f4f5;
@@ -17,8 +16,6 @@ $tds-surface-static-light: #ffffff;
17
16
  $tds-text-primary: #1a191a;
18
17
  $tds-text-secondary: #404040;
19
18
  $tds-text-tertiary: #737373;
20
- $tds-text-inverse-primary: #ffffff;
21
- $tds-text-inverse-secondary: #8c8c8c;
22
19
  $tds-text-channel-primary: #3c4c59;
23
20
  $tds-text-channel-secondary: #556d7f;
24
21
  $tds-text-static-dark: #000000;
@@ -26,15 +23,11 @@ $tds-text-static-light: #ffffff;
26
23
  $tds-icon-primary: #1a191a;
27
24
  $tds-icon-secondary: #404040;
28
25
  $tds-icon-tertiary: #737373;
29
- $tds-icon-inverse-primary: #ffffff;
30
- $tds-icon-inverse-secondary: #8c8c8c;
31
26
  $tds-icon-channel-primary: #556d7f;
32
27
  $tds-icon-channel-secondary: #6f8392;
33
28
  $tds-border-primary: #a7a7a7;
34
29
  $tds-border-secondary: #cccccc;
35
30
  $tds-border-tertiary: #e6e5e6;
36
- $tds-border-inverse-primary: #ffffff;
37
- $tds-border-inverse-secondary: #8c8c8c;
38
31
  $tds-border-channel-primary: #627889;
39
32
  $tds-border-channel-secondary: #909fab;
40
33
  $tds-border-channel-tertiary: #c4ccd2;
@@ -252,4 +245,28 @@ $tds-flag-channel-text: #2b3740;
252
245
  $tds-flag-channel-icon: #2b3740;
253
246
  $tds-flag-callout-fill: #b30906;
254
247
  $tds-flag-callout-text: #ffffff;
255
- $tds-flag-callout-icon: #ffffff;
248
+ $tds-flag-callout-icon: #ffffff;
249
+ $tds-toast-fill-info: #0c3471;
250
+ $tds-toast-fill-success: #24734e;
251
+ $tds-toast-fill-warning: #e69304;
252
+ $tds-toast-fill-error: #cc0705;
253
+ $tds-toast-icon-info: #97aed6;
254
+ $tds-toast-icon-success: #aad6bf;
255
+ $tds-toast-icon-warning: #ffdfb5;
256
+ $tds-toast-icon-error: #ffb4b0;
257
+ $tds-toast-text-info: #ffffff;
258
+ $tds-toast-text-success: #ffffff;
259
+ $tds-toast-text-error: #ffffff;
260
+ $tds-toast-text-warning: #000000;
261
+ $tds-toast-link-info-default: #ffffff;
262
+ $tds-toast-link-info-hover: #ffffff;
263
+ $tds-toast-link-info-pressed: #ffffff;
264
+ $tds-toast-link-success-default: #ffffff;
265
+ $tds-toast-link-success-hover: #ffffff;
266
+ $tds-toast-link-success-pressed: #ffffff;
267
+ $tds-toast-link-error-default: #ffffff;
268
+ $tds-toast-link-error-hover: #ffffff;
269
+ $tds-toast-link-error-pressed: #ffffff;
270
+ $tds-toast-link-warning-default: #000000;
271
+ $tds-toast-link-warning-hover: #000000;
272
+ $tds-toast-link-warning-pressed: #000000;
package/dist/palettes/_world-dark.scss CHANGED
@@ -4,7 +4,6 @@ $tds-surface-level-1: #0d0d0d;
4
4
  $tds-surface-level-2: #1a1a1a;
5
5
  $tds-surface-level-3: #262626;
6
6
  $tds-surface-level-4: #1a1a1a;
7
- $tds-surface-inverse: #ffffff;
8
7
  $tds-surface-overlay: rgba(0, 0, 0, 0.55);
9
8
  $tds-surface-channel-50: #061819;
10
9
  $tds-surface-channel-100: #083032;
@@ -17,8 +16,6 @@ $tds-surface-static-light: #ffffff;
17
16
  $tds-text-primary: #ffffff;
18
17
  $tds-text-secondary: #d9d9d9;
19
18
  $tds-text-tertiary: #a6a6a6;
20
- $tds-text-inverse-primary: #000000;
21
- $tds-text-inverse-secondary: #737373;
22
19
  $tds-text-channel-primary: #6ca7a9;
23
20
  $tds-text-channel-secondary: #3c8c90;
24
21
  $tds-text-static-dark: #000000;
@@ -26,15 +23,11 @@ $tds-text-static-light: #ffffff;
26
23
  $tds-icon-primary: #ffffff;
27
24
  $tds-icon-secondary: #d9d9d9;
28
25
  $tds-icon-tertiary: #a6a6a6;
29
- $tds-icon-inverse-primary: #000000;
30
- $tds-icon-inverse-secondary: #737373;
31
26
  $tds-icon-channel-primary: #036c70;
32
27
  $tds-icon-channel-secondary: #1c7f83;
33
28
  $tds-border-primary: #585858;
34
29
  $tds-border-secondary: #333333;
35
30
  $tds-border-tertiary: #1a1a1a;
36
- $tds-border-inverse-primary: #000000;
37
- $tds-border-inverse-secondary: #737373;
38
31
  $tds-border-channel-primary: #036c70;
39
32
  $tds-border-channel-secondary: #08484a;
40
33
  $tds-border-channel-tertiary: #083032;
@@ -42,53 +35,53 @@ $tds-border-elevation: #333333;
42
35
  $tds-border-static-dark: #000000;
43
36
  $tds-border-static-light: #ffffff;
44
37
  $tds-input-fill-default: #000000;
45
- $tds-input-fill-error: #1a0403;
38
+ $tds-input-fill-error: #400806;
46
39
  $tds-input-fill-hover: #1a1a1a;
47
40
  $tds-input-fill-active: #262626;
48
- $tds-input-fill-completed: #8cc9a9;
49
- $tds-input-fill-success: #07100b;
50
- $tds-input-fill-warning: #1a1004;
51
- $tds-input-fill-info: #030710;
41
+ $tds-input-fill-completed: #b3dbc6;
42
+ $tds-input-fill-success: #133927;
43
+ $tds-input-fill-warning: #402908;
44
+ $tds-input-fill-info: #081f45;
52
45
  $tds-input-border-default: #8c8c8c;
53
- $tds-input-border-error: #ff5a53;
46
+ $tds-input-border-error: #ff7069;
54
47
  $tds-input-border-hover: #585858;
55
48
  $tds-input-border-active: #737373;
56
- $tds-input-border-completed: #62b68c;
57
- $tds-input-border-success: #6dbb93;
58
- $tds-input-border-warning: #ffba5c;
59
- $tds-input-border-info: #5177ba;
49
+ $tds-input-border-completed: #72bd97;
50
+ $tds-input-border-success: #81c4a1;
51
+ $tds-input-border-warning: #ffc372;
52
+ $tds-input-border-info: #6f8ec6;
60
53
  $tds-input-text-default: #a6a6a6;
61
- $tds-input-text-error: #ff5a53;
54
+ $tds-input-text-error: #ff7069;
62
55
  $tds-input-text-hover: #ffffff;
63
56
  $tds-input-text-active: #ffffff;
64
- $tds-input-text-completed: #0c2116;
65
- $tds-input-text-success: #6dbb93;
66
- $tds-input-text-warning: #ffba5c;
67
- $tds-input-text-info: #5177ba;
57
+ $tds-input-text-completed: #17462f;
58
+ $tds-input-text-success: #81c4a1;
59
+ $tds-input-text-warning: #ffc372;
60
+ $tds-input-text-info: #6f8ec6;
68
61
  $tds-input-icon-default: #a6a6a6;
69
62
  $tds-input-icon-hover: #ffffff;
70
63
  $tds-input-icon-active: #ffffff;
71
- $tds-input-icon-completed: #0c2116;
72
- $tds-input-icon-error: #ff5a53;
73
- $tds-input-icon-success: #6dbb93;
74
- $tds-input-icon-warning: #ffba5c;
75
- $tds-input-icon-info: #5177ba;
76
- $tds-feedback-fill-error: #1a0403;
77
- $tds-feedback-fill-success: #07100b;
78
- $tds-feedback-fill-warning: #1a1004;
79
- $tds-feedback-fill-info: #030710;
80
- $tds-feedback-text-error: #ff5a53;
81
- $tds-feedback-text-success: #6dbb93;
82
- $tds-feedback-text-warning: #ffba5c;
83
- $tds-feedback-text-info: #5177ba;
84
- $tds-feedback-border-error: #ff5a53;
85
- $tds-feedback-border-success: #6dbb93;
86
- $tds-feedback-border-warning: #ffba5c;
87
- $tds-feedback-border-info: #5177ba;
88
- $tds-feedback-icon-error: #ff5a53;
89
- $tds-feedback-icon-success: #6dbb93;
90
- $tds-feedback-icon-warning: #ffba5c;
91
- $tds-feedback-icon-info: #5177ba;
64
+ $tds-input-icon-completed: #17462f;
65
+ $tds-input-icon-error: #ff7069;
66
+ $tds-input-icon-success: #81c4a1;
67
+ $tds-input-icon-warning: #ffc372;
68
+ $tds-input-icon-info: #6f8ec6;
69
+ $tds-feedback-fill-error: #400806;
70
+ $tds-feedback-fill-success: #133927;
71
+ $tds-feedback-fill-warning: #402908;
72
+ $tds-feedback-fill-info: #081f45;
73
+ $tds-feedback-text-error: #ff7069;
74
+ $tds-feedback-text-success: #81c4a1;
75
+ $tds-feedback-text-warning: #ffc372;
76
+ $tds-feedback-text-info: #6f8ec6;
77
+ $tds-feedback-border-error: #ff7069;
78
+ $tds-feedback-border-success: #81c4a1;
79
+ $tds-feedback-border-warning: #ffc372;
80
+ $tds-feedback-border-info: #6f8ec6;
81
+ $tds-feedback-icon-error: #ff7069;
82
+ $tds-feedback-icon-success: #81c4a1;
83
+ $tds-feedback-icon-warning: #ffc372;
84
+ $tds-feedback-icon-info: #6f8ec6;
92
85
  $tds-active-fill: #ffffff;
93
86
  $tds-active-text: #000000;
94
87
  $tds-active-border: #ffffff;
@@ -97,7 +90,7 @@ $tds-focus-border: #8c8c8c;
97
90
  $tds-label-primary: #ffffff;
98
91
  $tds-label-secondary: #d9d9d9;
99
92
  $tds-label-channel: #3c8c90;
100
- $tds-label-callout: #b30906;
93
+ $tds-label-callout: #b90806;
101
94
  $tds-flag-primary-fill: #ffffff;
102
95
  $tds-flag-primary-text: #0d0d0d;
103
96
  $tds-flag-primary-icon: #0d0d0d;
@@ -106,7 +99,7 @@ $tds-flag-secondary-icon: #ffffff;
106
99
  $tds-flag-channel-fill: #056063;
107
100
  $tds-flag-channel-text: #90bcbe;
108
101
  $tds-flag-channel-icon: #90bcbe;
109
- $tds-flag-callout-fill: #b30906;
102
+ $tds-flag-callout-fill: #b90806;
110
103
  $tds-flag-callout-text: #ffffff;
111
104
  $tds-flag-callout-icon: #ffffff;
112
105
  $tds-interactive-primary-fill-default: #ffffff;
@@ -252,4 +245,28 @@ $tds-interactive-chip-channel-primary-on-text-hover: #ffffff;
252
245
  $tds-interactive-chip-channel-primary-on-text-pressed: #ffffff;
253
246
  $tds-interactive-chip-channel-primary-on-icon-default: #ffffff;
254
247
  $tds-interactive-chip-channel-primary-on-icon-hover: #ffffff;
255
- $tds-interactive-chip-channel-primary-on-icon-pressed: #ffffff;
248
+ $tds-interactive-chip-channel-primary-on-icon-pressed: #ffffff;
249
+ $tds-toast-fill-info: #0f4aa2;
250
+ $tds-toast-fill-success: #29875c;
251
+ $tds-toast-fill-warning: #e69304;
252
+ $tds-toast-fill-error: #cc0705;
253
+ $tds-toast-icon-info: #a9bbdd;
254
+ $tds-toast-icon-success: #c2e2d1;
255
+ $tds-toast-icon-warning: #ffddb0;
256
+ $tds-toast-icon-error: #ffbfbb;
257
+ $tds-toast-text-info: #ffffff;
258
+ $tds-toast-text-success: #ffffff;
259
+ $tds-toast-text-error: #ffffff;
260
+ $tds-toast-text-warning: #000000;
261
+ $tds-toast-link-info-default: #ffffff;
262
+ $tds-toast-link-info-hover: #ffffff;
263
+ $tds-toast-link-info-pressed: #ffffff;
264
+ $tds-toast-link-success-default: #ffffff;
265
+ $tds-toast-link-success-hover: #ffffff;
266
+ $tds-toast-link-success-pressed: #ffffff;
267
+ $tds-toast-link-error-default: #ffffff;
268
+ $tds-toast-link-error-hover: #ffffff;
269
+ $tds-toast-link-error-pressed: #ffffff;
270
+ $tds-toast-link-warning-default: #000000;
271
+ $tds-toast-link-warning-hover: #000000;
272
+ $tds-toast-link-warning-pressed: #000000;
package/dist/palettes/_world-light.scss CHANGED
@@ -4,7 +4,6 @@ $tds-surface-level-1: #ffffff;
4
4
  $tds-surface-level-2: #ffffff;
5
5
  $tds-surface-level-3: #ffffff;
6
6
  $tds-surface-level-4: #ffffff;
7
- $tds-surface-inverse: #000000;
8
7
  $tds-surface-overlay: rgba(0, 0, 0, 0.45);
9
8
  $tds-surface-channel-50: #fafcfc;
10
9
  $tds-surface-channel-100: #eff5f5;
@@ -17,8 +16,6 @@ $tds-surface-static-light: #ffffff;
17
16
  $tds-text-primary: #1a191a;
18
17
  $tds-text-secondary: #404040;
19
18
  $tds-text-tertiary: #737373;
20
- $tds-text-inverse-primary: #ffffff;
21
- $tds-text-inverse-secondary: #8c8c8c;
22
19
  $tds-text-channel-primary: #075457;
23
20
  $tds-text-channel-secondary: #00787c;
24
21
  $tds-text-static-dark: #000000;
@@ -26,15 +23,11 @@ $tds-text-static-light: #ffffff;
26
23
  $tds-icon-primary: #1a191a;
27
24
  $tds-icon-secondary: #404040;
28
25
  $tds-icon-tertiary: #737373;
29
- $tds-icon-inverse-primary: #ffffff;
30
- $tds-icon-inverse-secondary: #8c8c8c;
31
26
  $tds-icon-channel-primary: #00787c;
32
27
  $tds-icon-channel-secondary: #3c8c90;
33
28
  $tds-border-primary: #a7a7a7;
34
29
  $tds-border-secondary: #cccccc;
35
30
  $tds-border-tertiary: #e6e5e6;
36
- $tds-border-inverse-primary: #ffffff;
37
- $tds-border-inverse-secondary: #8c8c8c;
38
31
  $tds-border-channel-primary: #258286;
39
32
  $tds-border-channel-secondary: #6ca7a9;
40
33
  $tds-border-channel-tertiary: #b2d0d1;
@@ -252,4 +245,28 @@ $tds-flag-channel-text: #083c3e;
252
245
  $tds-flag-channel-icon: #083c3e;
253
246
  $tds-flag-callout-fill: #b30906;
254
247
  $tds-flag-callout-text: #ffffff;
255
- $tds-flag-callout-icon: #ffffff;
248
+ $tds-flag-callout-icon: #ffffff;
249
+ $tds-toast-fill-info: #0c3471;
250
+ $tds-toast-fill-success: #24734e;
251
+ $tds-toast-fill-warning: #e69304;
252
+ $tds-toast-fill-error: #cc0705;
253
+ $tds-toast-icon-info: #97aed6;
254
+ $tds-toast-icon-success: #aad6bf;
255
+ $tds-toast-icon-warning: #ffdfb5;
256
+ $tds-toast-icon-error: #ffb4b0;
257
+ $tds-toast-text-info: #ffffff;
258
+ $tds-toast-text-success: #ffffff;
259
+ $tds-toast-text-error: #ffffff;
260
+ $tds-toast-text-warning: #000000;
261
+ $tds-toast-link-info-default: #ffffff;
262
+ $tds-toast-link-info-hover: #ffffff;
263
+ $tds-toast-link-info-pressed: #ffffff;
264
+ $tds-toast-link-success-default: #ffffff;
265
+ $tds-toast-link-success-hover: #ffffff;
266
+ $tds-toast-link-success-pressed: #ffffff;
267
+ $tds-toast-link-error-default: #ffffff;
268
+ $tds-toast-link-error-hover: #ffffff;
269
+ $tds-toast-link-error-pressed: #ffffff;
270
+ $tds-toast-link-warning-default: #000000;
271
+ $tds-toast-link-warning-hover: #000000;
272
+ $tds-toast-link-warning-pressed: #000000;
package/dist/tds-layout.scss CHANGED
@@ -1,44 +1,25 @@
1
1
  :root {
2
- --tds-spacing-fluid-100: 4px;
3
- --tds-spacing-fluid-150: 6px;
4
- --tds-spacing-fluid-200: 8px;
5
- --tds-spacing-fluid-250: 10px;
6
- --tds-spacing-fluid-300: 12px;
7
- --tds-spacing-fluid-400: 16px;
8
- --tds-spacing-fluid-500: 20px;
9
- --tds-spacing-fluid-600: 24px;
10
- --tds-spacing-fluid-650: 26px;
11
- --tds-spacing-fluid-700: 28px;
12
- --tds-spacing-fluid-800: 32px;
13
- --tds-spacing-fluid-900: 36px;
14
- --tds-spacing-fluid-1000: 40px;
15
- --tds-spacing-fluid-1100: 44px;
16
- --tds-spacing-fluid-1200: 48px;
17
- --tds-spacing-fluid-1300: 52px;
18
- --tds-spacing-fluid-1400: 56px;
19
- --tds-spacing-fluid-1500: 60px;
20
- --tds-spacing-fluid-050: 2px;
21
- --tds-spacing-static-10: 18px;
22
- --tds-spacing-static-11: 20px;
23
- --tds-spacing-static-12: 23px;
24
- --tds-spacing-static-13: 24px;
25
- --tds-spacing-static-14: 28px;
26
- --tds-spacing-static-15: 32px;
27
- --tds-spacing-static-16: 36px;
28
- --tds-spacing-static-17: 40px;
29
- --tds-spacing-static-18: 48px;
30
- --tds-spacing-static-19: 56px;
31
- --tds-spacing-static-20: 64px;
32
- --tds-spacing-static-21: 80px;
33
- --tds-spacing-static-01: 2px;
34
- --tds-spacing-static-02: 3px;
35
- --tds-spacing-static-03: 4px;
36
- --tds-spacing-static-04: 6px;
37
- --tds-spacing-static-05: 8px;
38
- --tds-spacing-static-06: 10px;
39
- --tds-spacing-static-07: 12px;
40
- --tds-spacing-static-08: 14px;
41
- --tds-spacing-static-09: 16px;
2
+ --tds-spacing-10: 18px;
3
+ --tds-spacing-11: 20px;
4
+ --tds-spacing-12: 23px;
5
+ --tds-spacing-13: 24px;
6
+ --tds-spacing-14: 28px;
7
+ --tds-spacing-15: 32px;
8
+ --tds-spacing-16: 36px;
9
+ --tds-spacing-17: 40px;
10
+ --tds-spacing-18: 48px;
11
+ --tds-spacing-19: 56px;
12
+ --tds-spacing-20: 64px;
13
+ --tds-spacing-21: 80px;
14
+ --tds-spacing-01: 2px;
15
+ --tds-spacing-02: 3px;
16
+ --tds-spacing-03: 4px;
17
+ --tds-spacing-04: 6px;
18
+ --tds-spacing-05: 8px;
19
+ --tds-spacing-06: 10px;
20
+ --tds-spacing-07: 12px;
21
+ --tds-spacing-08: 14px;
22
+ --tds-spacing-09: 16px;
42
23
  --tds-grid-columns: 4;
43
24
  --tds-grid-gutter: 24px;
44
25
  --tds-grid-margin: 20px;
@@ -48,25 +29,7 @@
48
29
  }
49
30
  @media (min-width: 440px) {
50
31
  :root {
51
- --tds-spacing-fluid-100: 6px;
52
- --tds-spacing-fluid-150: 9px;
53
- --tds-spacing-fluid-200: 12px;
54
- --tds-spacing-fluid-250: 15px;
55
- --tds-spacing-fluid-300: 18px;
56
- --tds-spacing-fluid-400: 24px;
57
- --tds-spacing-fluid-500: 30px;
58
- --tds-spacing-fluid-600: 36px;
59
- --tds-spacing-fluid-650: 39px;
60
- --tds-spacing-fluid-700: 42px;
61
- --tds-spacing-fluid-800: 48px;
62
- --tds-spacing-fluid-900: 54px;
63
- --tds-spacing-fluid-1000: 60px;
64
- --tds-spacing-fluid-1100: 66px;
65
- --tds-spacing-fluid-1200: 72px;
66
- --tds-spacing-fluid-1300: 78px;
67
- --tds-spacing-fluid-1400: 84px;
68
- --tds-spacing-fluid-1500: 90px;
69
- --tds-spacing-fluid-050: 2px;
32
+
70
33
  --tds-grid-columns: 12;
71
34
  --tds-grid-gutter: 32px;
72
35
  --tds-grid-margin: 24px;
@@ -76,25 +39,7 @@
76
39
  }}
77
40
  @media (min-width: 1024px) {
78
41
  :root {
79
- --tds-spacing-fluid-100: 8px;
80
- --tds-spacing-fluid-150: 12px;
81
- --tds-spacing-fluid-200: 16px;
82
- --tds-spacing-fluid-250: 20px;
83
- --tds-spacing-fluid-300: 24px;
84
- --tds-spacing-fluid-400: 32px;
85
- --tds-spacing-fluid-500: 40px;
86
- --tds-spacing-fluid-600: 48px;
87
- --tds-spacing-fluid-650: 52px;
88
- --tds-spacing-fluid-700: 56px;
89
- --tds-spacing-fluid-800: 64px;
90
- --tds-spacing-fluid-900: 72px;
91
- --tds-spacing-fluid-1000: 80px;
92
- --tds-spacing-fluid-1100: 88px;
93
- --tds-spacing-fluid-1200: 96px;
94
- --tds-spacing-fluid-1300: 104px;
95
- --tds-spacing-fluid-1400: 112px;
96
- --tds-spacing-fluid-1500: 120px;
97
- --tds-spacing-fluid-050: 2px;
42
+
98
43
  --tds-grid-columns: 12;
99
44
  --tds-grid-gutter: 32px;
100
45
  --tds-grid-margin: 24px;
@@ -104,25 +49,7 @@
104
49
  }}
105
50
  @media (min-width: 1440px) {
106
51
  :root {
107
- --tds-spacing-fluid-100: 10px;
108
- --tds-spacing-fluid-150: 15px;
109
- --tds-spacing-fluid-200: 20px;
110
- --tds-spacing-fluid-250: 25px;
111
- --tds-spacing-fluid-300: 30px;
112
- --tds-spacing-fluid-400: 40px;
113
- --tds-spacing-fluid-500: 50px;
114
- --tds-spacing-fluid-600: 60px;
115
- --tds-spacing-fluid-650: 65px;
116
- --tds-spacing-fluid-700: 70px;
117
- --tds-spacing-fluid-800: 80px;
118
- --tds-spacing-fluid-900: 90px;
119
- --tds-spacing-fluid-1000: 100px;
120
- --tds-spacing-fluid-1100: 110px;
121
- --tds-spacing-fluid-1200: 120px;
122
- --tds-spacing-fluid-1300: 130px;
123
- --tds-spacing-fluid-1400: 140px;
124
- --tds-spacing-fluid-1500: 150px;
125
- --tds-spacing-fluid-050: 2px;
52
+
126
53
  --tds-grid-columns: 12;
127
54
  --tds-grid-gutter: 32px;
128
55
  --tds-grid-margin: 24px;
@@ -131,46 +58,27 @@
131
58
  --tds-grid-content-area: 1144px;
132
59
  }}
133
60
 
134
- $tds-spacing-fluid-100: var(--tds-spacing-fluid-100);
135
- $tds-spacing-fluid-150: var(--tds-spacing-fluid-150);
136
- $tds-spacing-fluid-200: var(--tds-spacing-fluid-200);
137
- $tds-spacing-fluid-250: var(--tds-spacing-fluid-250);
138
- $tds-spacing-fluid-300: var(--tds-spacing-fluid-300);
139
- $tds-spacing-fluid-400: var(--tds-spacing-fluid-400);
140
- $tds-spacing-fluid-500: var(--tds-spacing-fluid-500);
141
- $tds-spacing-fluid-600: var(--tds-spacing-fluid-600);
142
- $tds-spacing-fluid-650: var(--tds-spacing-fluid-650);
143
- $tds-spacing-fluid-700: var(--tds-spacing-fluid-700);
144
- $tds-spacing-fluid-800: var(--tds-spacing-fluid-800);
145
- $tds-spacing-fluid-900: var(--tds-spacing-fluid-900);
146
- $tds-spacing-fluid-1000: var(--tds-spacing-fluid-1000);
147
- $tds-spacing-fluid-1100: var(--tds-spacing-fluid-1100);
148
- $tds-spacing-fluid-1200: var(--tds-spacing-fluid-1200);
149
- $tds-spacing-fluid-1300: var(--tds-spacing-fluid-1300);
150
- $tds-spacing-fluid-1400: var(--tds-spacing-fluid-1400);
151
- $tds-spacing-fluid-1500: var(--tds-spacing-fluid-1500);
152
- $tds-spacing-fluid-050: var(--tds-spacing-fluid-050);
153
- $tds-spacing-static-10: var(--tds-spacing-static-10);
154
- $tds-spacing-static-11: var(--tds-spacing-static-11);
155
- $tds-spacing-static-12: var(--tds-spacing-static-12);
156
- $tds-spacing-static-13: var(--tds-spacing-static-13);
157
- $tds-spacing-static-14: var(--tds-spacing-static-14);
158
- $tds-spacing-static-15: var(--tds-spacing-static-15);
159
- $tds-spacing-static-16: var(--tds-spacing-static-16);
160
- $tds-spacing-static-17: var(--tds-spacing-static-17);
161
- $tds-spacing-static-18: var(--tds-spacing-static-18);
162
- $tds-spacing-static-19: var(--tds-spacing-static-19);
163
- $tds-spacing-static-20: var(--tds-spacing-static-20);
164
- $tds-spacing-static-21: var(--tds-spacing-static-21);
165
- $tds-spacing-static-01: var(--tds-spacing-static-01);
166
- $tds-spacing-static-02: var(--tds-spacing-static-02);
167
- $tds-spacing-static-03: var(--tds-spacing-static-03);
168
- $tds-spacing-static-04: var(--tds-spacing-static-04);
169
- $tds-spacing-static-05: var(--tds-spacing-static-05);
170
- $tds-spacing-static-06: var(--tds-spacing-static-06);
171
- $tds-spacing-static-07: var(--tds-spacing-static-07);
172
- $tds-spacing-static-08: var(--tds-spacing-static-08);
173
- $tds-spacing-static-09: var(--tds-spacing-static-09);
61
+ $tds-spacing-10: var(--tds-spacing-10);
62
+ $tds-spacing-11: var(--tds-spacing-11);
63
+ $tds-spacing-12: var(--tds-spacing-12);
64
+ $tds-spacing-13: var(--tds-spacing-13);
65
+ $tds-spacing-14: var(--tds-spacing-14);
66
+ $tds-spacing-15: var(--tds-spacing-15);
67
+ $tds-spacing-16: var(--tds-spacing-16);
68
+ $tds-spacing-17: var(--tds-spacing-17);
69
+ $tds-spacing-18: var(--tds-spacing-18);
70
+ $tds-spacing-19: var(--tds-spacing-19);
71
+ $tds-spacing-20: var(--tds-spacing-20);
72
+ $tds-spacing-21: var(--tds-spacing-21);
73
+ $tds-spacing-01: var(--tds-spacing-01);
74
+ $tds-spacing-02: var(--tds-spacing-02);
75
+ $tds-spacing-03: var(--tds-spacing-03);
76
+ $tds-spacing-04: var(--tds-spacing-04);
77
+ $tds-spacing-05: var(--tds-spacing-05);
78
+ $tds-spacing-06: var(--tds-spacing-06);
79
+ $tds-spacing-07: var(--tds-spacing-07);
80
+ $tds-spacing-08: var(--tds-spacing-08);
81
+ $tds-spacing-09: var(--tds-spacing-09);
174
82
  $tds-grid-columns: var(--tds-grid-columns);
175
83
  $tds-grid-gutter: var(--tds-grid-gutter);
176
84
  $tds-grid-margin: var(--tds-grid-margin);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-design-system/theme-scss",
3
- "version": "1.6.0",
3
+ "version": "1.7.0",
4
4
  "type": "module",
5
5
  "description": "Times Design System theme package - pre-resolved color tokens for React",
6
6
  "keywords": [
@@ -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": "988152a22463d5e82ae1cff44cc5c5a8b82127ed"
47
+ "gitHead": "7d7f8e323fc063e01812b19c2a37100e95d4b0aa"
48
48
  }