@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/rit/font-variables__rit.scss ADDED
@@ -0,0 +1,90 @@
1
+ .tedi-theme--rit {
2
+ --body-bold-size-desktop: var(--tedi-size-02);
3
+ --body-bold-size-mobile: var(--tedi-size-02);
4
+ --body-bold-line-height-desktop: var(--tedi-line-height-03);
5
+ --body-bold-line-height-mobile: var(--tedi-line-height-03);
6
+ --body-bold-weight-desktop: var(--tedi-weight-03);
7
+ --body-bold-weight-mobile: var(--tedi-weight-03);
8
+ --body-extra-small-size-desktop: var(--tedi-size-00);
9
+ --body-extra-small-size-mobile: var(--tedi-size-00);
10
+ --body-extra-small-line-height-desktop: var(--tedi-line-height-00);
11
+ --body-extra-small-line-height-mobile: var(--tedi-line-height-00);
12
+ --body-extra-small-weight-desktop: var(--tedi-weight-02);
13
+ --body-extra-small-weight-mobile: var(--tedi-weight-02);
14
+ --body-extra-small-bold-size-desktop: var(--tedi-size-00);
15
+ --body-extra-small-bold-size-mobile: var(--tedi-size-00);
16
+ --body-extra-small-bold-line-height-desktop: var(--tedi-line-height-00);
17
+ --body-extra-small-bold-line-height-mobile: var(--tedi-line-height-00);
18
+ --body-extra-small-bold-weight-desktop: var(--tedi-weight-03);
19
+ --body-extra-small-bold-weight-mobile: var(--tedi-weight-03);
20
+ --body-regular-size-desktop: var(--tedi-size-02);
21
+ --body-regular-size-mobile: var(--tedi-size-02);
22
+ --body-regular-line-height-desktop: var(--tedi-line-height-03);
23
+ --body-regular-line-height-mobile: var(--tedi-line-height-03);
24
+ --body-regular-weight-desktop: var(--tedi-weight-02);
25
+ --body-regular-weight-mobile: var(--tedi-weight-02);
26
+ --body-small-bold-size-desktop: var(--tedi-size-01);
27
+ --body-small-bold-size-mobile: var(--tedi-size-01);
28
+ --body-small-bold-line-height-desktop: var(--tedi-line-height-01);
29
+ --body-small-bold-line-height-mobile: var(--tedi-line-height-01);
30
+ --body-small-bold-weight-desktop: var(--tedi-weight-03);
31
+ --body-small-bold-weight-mobile: var(--tedi-weight-03);
32
+ --body-small-regular-size-desktop: var(--tedi-size-01);
33
+ --body-small-regular-size-mobile: var(--tedi-size-01);
34
+ --body-small-regular-line-height-desktop: var(--tedi-line-height-01);
35
+ --body-small-regular-line-height-mobile: var(--tedi-line-height-01);
36
+ --body-small-regular-weight-desktop: var(--tedi-weight-02);
37
+ --body-small-regular-weight-mobile: var(--tedi-weight-02);
38
+ --heading-h1-size-desktop: var(--tedi-size-09);
39
+ --heading-h1-size-mobile: var(--tedi-size-09);
40
+ --heading-h1-line-height-desktop: var(--tedi-line-height-10);
41
+ --heading-h1-line-height-mobile: var(--tedi-line-height-10);
42
+ --heading-h1-weight-desktop: var(--tedi-weight-01);
43
+ --heading-h1-weight-mobile: var(--tedi-weight-01);
44
+ --heading-h2-size-desktop: var(--tedi-size-07);
45
+ --heading-h2-size-mobile: var(--tedi-size-07);
46
+ --heading-h2-line-height-desktop: var(--tedi-line-height-08);
47
+ --heading-h2-line-height-mobile: var(--tedi-line-height-08);
48
+ --heading-h2-weight-desktop: var(--tedi-weight-02);
49
+ --heading-h2-weight-mobile: var(--tedi-weight-02);
50
+ --heading-h3-size-desktop: var(--tedi-size-06);
51
+ --heading-h3-size-mobile: var(--tedi-size-06);
52
+ --heading-h3-line-height-desktop: var(--tedi-line-height-07);
53
+ --heading-h3-line-height-mobile: var(--tedi-line-height-07);
54
+ --heading-h3-weight-desktop: var(--tedi-weight-02);
55
+ --heading-h3-weight-mobile: var(--tedi-weight-02);
56
+ --heading-h4-size-desktop: var(--tedi-size-04);
57
+ --heading-h4-size-mobile: var(--tedi-size-04);
58
+ --heading-h4-line-height-desktop: var(--tedi-line-height-04);
59
+ --heading-h4-line-height-mobile: var(--tedi-line-height-04);
60
+ --heading-h4-weight-desktop: var(--tedi-weight-02);
61
+ --heading-h4-weight-mobile: var(--tedi-weight-02);
62
+ --heading-h5-size-desktop: var(--tedi-size-03);
63
+ --heading-h5-size-mobile: var(--tedi-size-03);
64
+ --heading-h5-line-height-desktop: var(--tedi-line-height-03);
65
+ --heading-h5-line-height-mobile: var(--tedi-line-height-03);
66
+ --heading-h5-weight-desktop: var(--tedi-weight-02);
67
+ --heading-h5-weight-mobile: var(--tedi-weight-02);
68
+ --heading-h6-size-desktop: var(--tedi-size-02);
69
+ --heading-h6-size-mobile: var(--tedi-size-02);
70
+ --heading-h6-line-height-desktop: var(--tedi-line-height-03);
71
+ --heading-h6-line-height-mobile: var(--tedi-line-height-03);
72
+ --heading-h6-weight-desktop: var(--tedi-weight-03);
73
+ --heading-h6-weight-mobile: var(--tedi-weight-03);
74
+ --heading-subtitle-regular-size-desktop: var(--tedi-size-02);
75
+ --heading-subtitle-regular-size-mobile: var(--tedi-size-02);
76
+ --heading-subtitle-regular-line-height-desktop: var(--tedi-line-height-03);
77
+ --heading-subtitle-regular-line-height-mobile: var(--tedi-line-height-03);
78
+ --heading-subtitle-regular-weight-desktop: var(--tedi-weight-03);
79
+ --heading-subtitle-regular-weight-mobile: var(--tedi-weight-03);
80
+ --heading-subtitle-small-size-desktop: var(--tedi-size-01);
81
+ --heading-subtitle-small-size-mobile: var(--tedi-size-01);
82
+ --heading-subtitle-small-line-height-desktop: var(--tedi-line-height-01);
83
+ --heading-subtitle-small-line-height-mobile: var(--tedi-line-height-01);
84
+ --heading-subtitle-small-weight-desktop: var(--tedi-weight-02);
85
+ --heading-subtitle-small-weight-mobile: var(--tedi-weight-02);
86
+ --family-default-desktop: var(--rit-family-roboto);
87
+ --family-default-mobile: var(--rit-family-roboto);
88
+ --family-heading-desktop: var(--rit-family-space-grotesk);
89
+ --family-heading-mobile: var(--rit-family-space-grotesk);
90
+ }