@tedi-design-system/core 2.0.0 → 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 (20) hide show
  1. package/_base.scss +3 -4
  2. package/_fonts.scss +10 -0
  3. package/_mixins.scss +4 -25
  4. package/_typography.scss +28 -29
  5. package/fonts/SpaceGrotesk-Light.woff +0 -0
  6. package/fonts/SpaceGrotesk-Light.woff2 +0 -0
  7. package/index.css +1 -1
  8. package/index.scss +2 -0
  9. package/package.json +5 -5
  10. package/variables/_base-variables-legacy.scss +110 -0
  11. package/variables/_base-variables.scss +231 -110
  12. package/variables/_color-variables.scss +6 -1111
  13. package/variables/_dimensional-variables-legacy.scss +1236 -0
  14. package/variables/_dimensional-variables.scss +1092 -1234
  15. package/variables/_font-variables.scss +5 -75
  16. package/variables/themes/default/color-variables__dark.scss +611 -0
  17. package/variables/themes/default/color-variables__default.scss +617 -0
  18. package/variables/themes/default/font-variables__default.scss +94 -0
  19. package/variables/themes/rit/color-variables__rit.scss +617 -0
  20. package/variables/themes/rit/font-variables__rit.scss +90 -0
package/variables/themes/default/font-variables__default.scss ADDED
@@ -0,0 +1,94 @@
1
+ .tedi-theme--default,
2
+ :root {
3
+ --body-bold-size: var(--tedi-size-02);
4
+ --body-bold-line-height: var(--tedi-line-height-03);
5
+ --body-bold-weight: var(--tedi-weight-03);
6
+ --body-extra-small-size: var(--tedi-size-00);
7
+ --body-extra-small-line-height: var(--tedi-line-height-00);
8
+ --body-extra-small-weight: var(--tedi-weight-02);
9
+ --body-extra-small-bold-size: var(--tedi-size-00);
10
+ --body-extra-small-bold-line-height: var(--tedi-line-height-00);
11
+ --body-extra-small-bold-weight: var(--tedi-weight-03);
12
+ --body-regular-size: var(--tedi-size-02);
13
+ --body-regular-line-height: var(--tedi-line-height-03);
14
+ --body-regular-weight: var(--tedi-weight-02);
15
+ --body-small-bold-size: var(--tedi-size-01);
16
+ --body-small-bold-line-height: var(--tedi-line-height-01);
17
+ --body-small-bold-weight: var(--tedi-weight-03);
18
+ --body-small-regular-size: var(--tedi-size-01);
19
+ --body-small-regular-line-height: var(--tedi-line-height-01);
20
+ --body-small-regular-weight: var(--tedi-weight-02);
21
+ --heading-h1-size: var(--tedi-size-09);
22
+ --heading-h1-line-height: var(--tedi-line-height-10);
23
+ --heading-h1-weight: var(--tedi-weight-01);
24
+ --heading-h2-size: var(--tedi-size-07);
25
+ --heading-h2-line-height: var(--tedi-line-height-08);
26
+ --heading-h2-weight: var(--tedi-weight-02);
27
+ --heading-h3-size: var(--tedi-size-06);
28
+ --heading-h3-line-height: var(--tedi-line-height-07);
29
+ --heading-h3-weight: var(--tedi-weight-02);
30
+ --heading-h4-size: var(--tedi-size-04);
31
+ --heading-h4-line-height: var(--tedi-line-height-04);
32
+ --heading-h4-weight: var(--tedi-weight-02);
33
+ --heading-h5-size: var(--tedi-size-03);
34
+ --heading-h5-line-height: var(--tedi-line-height-03);
35
+ --heading-h5-weight: var(--tedi-weight-02);
36
+ --heading-h6-size: var(--tedi-size-02);
37
+ --heading-h6-line-height: var(--tedi-line-height-03);
38
+ --heading-h6-weight: var(--tedi-weight-03);
39
+ --heading-subtitle-regular-size: var(--tedi-size-02);
40
+ --heading-subtitle-regular-line-height: var(--tedi-line-height-03);
41
+ --heading-subtitle-regular-weight: var(--tedi-weight-03);
42
+ --heading-subtitle-small-size: var(--tedi-size-01);
43
+ --heading-subtitle-small-line-height: var(--tedi-line-height-01);
44
+ --heading-subtitle-small-weight: var(--tedi-weight-02);
45
+ --family-default: var(--tedi-family-roboto);
46
+ --family-heading: var(--tedi-family-roboto);
47
+
48
+ @media (width >= 48rem) {
49
+ --body-bold-size: var(--tedi-size-02);
50
+ --body-bold-line-height: var(--tedi-line-height-03);
51
+ --body-bold-weight: var(--tedi-weight-03);
52
+ --body-extra-small-size: var(--tedi-size-00);
53
+ --body-extra-small-line-height: var(--tedi-line-height-00);
54
+ --body-extra-small-weight: var(--tedi-weight-02);
55
+ --body-extra-small-bold-size: var(--tedi-size-00);
56
+ --body-extra-small-bold-line-height: var(--tedi-line-height-00);
57
+ --body-extra-small-bold-weight: var(--tedi-weight-03);
58
+ --body-regular-size: var(--tedi-size-02);
59
+ --body-regular-line-height: var(--tedi-line-height-03);
60
+ --body-regular-weight: var(--tedi-weight-02);
61
+ --body-small-bold-size: var(--tedi-size-01);
62
+ --body-small-bold-line-height: var(--tedi-line-height-01);
63
+ --body-small-bold-weight: var(--tedi-weight-03);
64
+ --body-small-regular-size: var(--tedi-size-01);
65
+ --body-small-regular-line-height: var(--tedi-line-height-01);
66
+ --body-small-regular-weight: var(--tedi-weight-02);
67
+ --heading-h1-size: var(--tedi-size-06);
68
+ --heading-h1-line-height: var(--tedi-line-height-07);
69
+ --heading-h1-weight: var(--tedi-weight-01);
70
+ --heading-h2-size: var(--tedi-size-05);
71
+ --heading-h2-line-height: var(--tedi-line-height-05);
72
+ --heading-h2-weight: var(--tedi-weight-02);
73
+ --heading-h3-size: var(--tedi-size-04);
74
+ --heading-h3-line-height: var(--tedi-line-height-04);
75
+ --heading-h3-weight: var(--tedi-weight-02);
76
+ --heading-h4-size: var(--tedi-size-03);
77
+ --heading-h4-line-height: var(--tedi-line-height-03);
78
+ --heading-h4-weight: var(--tedi-weight-02);
79
+ --heading-h5-size: var(--tedi-size-02);
80
+ --heading-h5-line-height: var(--tedi-line-height-03);
81
+ --heading-h5-weight: var(--tedi-weight-03);
82
+ --heading-h6-size: var(--tedi-size-02);
83
+ --heading-h6-line-height: var(--tedi-line-height-03);
84
+ --heading-h6-weight: var(--tedi-weight-03);
85
+ --heading-subtitle-regular-size: var(--tedi-size-02);
86
+ --heading-subtitle-regular-line-height: var(--tedi-line-height-03);
87
+ --heading-subtitle-regular-weight: var(--tedi-weight-03);
88
+ --heading-subtitle-small-size: var(--tedi-size-01);
89
+ --heading-subtitle-small-line-height: var(--tedi-line-height-01);
90
+ --heading-subtitle-small-weight: var(--tedi-weight-02);
91
+ --family-default: var(--tedi-family-roboto);
92
+ --family-heading: var(--tedi-family-roboto);
93
+ }
94
+ }