@tedi-design-system/core 2.0.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 (51) hide show
  1. package/README.md +14 -0
  2. package/_base.scss +93 -0
  3. package/_fonts.scss +253 -0
  4. package/_helpers.scss +43 -0
  5. package/_icons.scss +51 -0
  6. package/_mixins.scss +108 -0
  7. package/_print.scss +35 -0
  8. package/_typography.scss +220 -0
  9. package/bootstrap-utility/_breakpoints.scss +136 -0
  10. package/bootstrap-utility/_grid.scss +167 -0
  11. package/bootstrap-utility/_mixin-utilities.scss +95 -0
  12. package/bootstrap-utility/_utilities-api.scss +23 -0
  13. package/bootstrap-utility/_utilities.scss +104 -0
  14. package/fonts/README.md +34 -0
  15. package/fonts/material-symbols-outlined.woff2 +0 -0
  16. package/fonts/material-symbols-rounded.woff2 +0 -0
  17. package/fonts/material-symbols-sharp.woff2 +0 -0
  18. package/fonts/roboto-v30-cyrillic-300-italic.woff2 +0 -0
  19. package/fonts/roboto-v30-cyrillic-300.woff2 +0 -0
  20. package/fonts/roboto-v30-cyrillic-400-italic.woff2 +0 -0
  21. package/fonts/roboto-v30-cyrillic-400.woff2 +0 -0
  22. package/fonts/roboto-v30-cyrillic-700-italic.woff2 +0 -0
  23. package/fonts/roboto-v30-cyrillic-700.woff2 +0 -0
  24. package/fonts/roboto-v30-cyrillic-ext-300-italic.woff2 +0 -0
  25. package/fonts/roboto-v30-cyrillic-ext-300.woff2 +0 -0
  26. package/fonts/roboto-v30-cyrillic-ext-400-italic.woff2 +0 -0
  27. package/fonts/roboto-v30-cyrillic-ext-400.woff2 +0 -0
  28. package/fonts/roboto-v30-cyrillic-ext-700-italic.woff2 +0 -0
  29. package/fonts/roboto-v30-cyrillic-ext-700.woff2 +0 -0
  30. package/fonts/roboto-v30-latin-300-italic.woff2 +0 -0
  31. package/fonts/roboto-v30-latin-300.woff2 +0 -0
  32. package/fonts/roboto-v30-latin-400-italic.woff2 +0 -0
  33. package/fonts/roboto-v30-latin-400.woff2 +0 -0
  34. package/fonts/roboto-v30-latin-700-italic.woff2 +0 -0
  35. package/fonts/roboto-v30-latin-700.woff2 +0 -0
  36. package/fonts/roboto-v30-latin-ext-300-italic.woff2 +0 -0
  37. package/fonts/roboto-v30-latin-ext-300.woff2 +0 -0
  38. package/fonts/roboto-v30-latin-ext-400-italic.woff2 +0 -0
  39. package/fonts/roboto-v30-latin-ext-400.woff2 +0 -0
  40. package/fonts/roboto-v30-latin-ext-700-italic.woff2 +0 -0
  41. package/fonts/roboto-v30-latin-ext-700.woff2 +0 -0
  42. package/index.css +1 -0
  43. package/index.scss +17 -0
  44. package/package.json +63 -0
  45. package/tedi-storybook-styles.scss +172 -0
  46. package/variables/_base-variables.scss +168 -0
  47. package/variables/_bootstrap-variables.scss +30 -0
  48. package/variables/_color-variables.scss +1113 -0
  49. package/variables/_dimensional-variables.scss +1236 -0
  50. package/variables/_font-variables.scss +77 -0
  51. package/variables/_utility-variables.scss +11 -0
package/variables/_font-variables.scss ADDED
@@ -0,0 +1,77 @@
1
+ :root {
2
+ --heading-h1-weight-desktop: var(--weight-01);
3
+ --heading-h1-weight-mobile: var(--weight-01);
4
+ --heading-h1-size-desktop: var(--size-09);
5
+ --heading-h1-size-mobile: var(--size-06);
6
+ --heading-h1-line-height-desktop: var(--line-height-10);
7
+ --heading-h1-line-height-mobile: var(--line-height-07);
8
+ --heading-h2-weight-desktop: var(--weight-02);
9
+ --heading-h2-weight-mobile: var(--weight-02);
10
+ --heading-h2-size-desktop: var(--size-07);
11
+ --heading-h2-size-mobile: var(--size-05);
12
+ --heading-h2-line-height-desktop: var(--line-height-08);
13
+ --heading-h2-line-height-mobile: var(--line-height-05);
14
+ --heading-h3-weight-desktop: var(--weight-02);
15
+ --heading-h3-weight-mobile: var(--weight-02);
16
+ --heading-h3-size-desktop: var(--size-06);
17
+ --heading-h3-size-mobile: var(--size-04);
18
+ --heading-h3-line-height-desktop: var(--line-height-07);
19
+ --heading-h3-line-height-mobile: var(--line-height-04);
20
+ --heading-h4-weight-desktop: var(--weight-02);
21
+ --heading-h4-weight-mobile: var(--weight-02);
22
+ --heading-h4-size-desktop: var(--size-04);
23
+ --heading-h4-size-mobile: var(--size-03);
24
+ --heading-h4-line-height-desktop: var(--line-height-04);
25
+ --heading-h4-line-height-mobile: var(--line-height-03);
26
+ --heading-h5-weight-desktop: var(--weight-02);
27
+ --heading-h5-weight-mobile: var(--weight-03);
28
+ --heading-h5-size-desktop: var(--size-03);
29
+ --heading-h5-size-mobile: var(--size-02);
30
+ --heading-h5-line-height-desktop: var(--line-height-03);
31
+ --heading-h5-line-height-mobile: var(--line-height-03);
32
+ --heading-h6-weight-desktop: var(--weight-03);
33
+ --heading-h6-weight-mobile: var(--weight-03);
34
+ --heading-h6-size-desktop: var(--size-02);
35
+ --heading-h6-size-mobile: var(--size-02);
36
+ --heading-h6-line-height-desktop: var(--line-height-03);
37
+ --heading-h6-line-height-mobile: var(--line-height-03);
38
+ --body-regular-weight-desktop: var(--weight-02);
39
+ --body-regular-weight-mobile: var(--weight-02);
40
+ --body-regular-size-desktop: var(--size-02);
41
+ --body-regular-size-mobile: var(--size-02);
42
+ --body-regular-line-height-desktop: var(--line-height-03);
43
+ --body-regular-line-height-tablet: var(--line-height-03);
44
+ --body-regular-line-height-mobile: var(--line-height-03);
45
+ --family-primary-desktop: var(--family-roboto);
46
+ --family-primary-mobile: var(--family-roboto);
47
+ --body-bold-weight-desktop: var(--weight-03);
48
+ --body-bold-weight-mobile: var(--weight-03);
49
+ --body-bold-size-desktop: var(--size-02);
50
+ --body-bold-size-mobile: var(--size-02);
51
+ --body-bold-line-height-desktop: var(--line-height-03);
52
+ --body-bold-line-height-mobile: var(--line-height-03);
53
+ --body-small-regular-weight-desktop: var(--weight-02);
54
+ --body-small-regular-weight-mobile: var(--weight-02);
55
+ --body-small-regular-size-desktop: var(--size-01);
56
+ --body-small-regular-size-mobile: var(--size-01);
57
+ --body-small-regular-line-height-desktop: var(--line-height-01);
58
+ --body-small-regular-line-height-mobile: var(--line-height-01);
59
+ --body-small-bold-weight-desktop: var(--weight-03);
60
+ --body-small-bold-weight-mobile: var(--weight-03);
61
+ --body-small-bold-size-desktop: var(--size-01);
62
+ --body-small-bold-size-mobile: var(--size-01);
63
+ --body-small-bold-line-height-desktop: var(--line-height-01);
64
+ --body-small-bold-line-height-mobile: var(--line-height-01);
65
+ --heading-subtitle-regular-weight-desktop: var(--weight-03);
66
+ --heading-subtitle-regular-weight-mobile: var(--weight-03);
67
+ --heading-subtitle-regular-size-desktop: var(--size-02);
68
+ --heading-subtitle-regular-size-mobile: var(--size-02);
69
+ --heading-subtitle-regular-line-height-desktop: var(--line-height-03);
70
+ --heading-subtitle-regular-line-height-mobile: var(--line-height-03);
71
+ --heading-subtitle-small-weight-desktop: var(--weight-02);
72
+ --heading-subtitle-small-weight-mobile: var(--weight-02);
73
+ --heading-subtitle-small-size-desktop: var(--size-01);
74
+ --heading-subtitle-small-size-mobile: var(--size-01);
75
+ --heading-subtitle-small-line-height-desktop: var(--line-height-01);
76
+ --heading-subtitle-small-line-height-mobile: var(--line-height-01);
77
+ }
package/variables/_utility-variables.scss ADDED
@@ -0,0 +1,11 @@
1
+ :root {
2
+ --z-index-sticky: 1020;
3
+ --z-index-sidenav: 1030;
4
+ --z-index-bottom-header: 1040;
5
+ --z-index-header: 1050;
6
+ --z-index-feedback: 1060;
7
+ --z-index-fixed: 1070;
8
+ --z-index-modal: 1080;
9
+ --z-index-tooltip: 1090;
10
+ --z-index-dropdown: 1100;
11
+ }