@redsift/design-system 8.1.0 → 9.0.0-alpha.1

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 (40) hide show
  1. package/index.d.ts +429 -377
  2. package/index.js +1765 -1514
  3. package/index.js.map +1 -1
  4. package/package.json +5 -4
  5. package/style/index.css +764 -382
  6. package/style/redsift-design-tokens.css +214 -245
  7. package/style/redsift-fonts.css +545 -132
  8. package/style/redsift-reset.css +1 -0
  9. package/style/redsift-style.css +4 -5
  10. package/style/redsift.css +764 -382
  11. package/style/fonts/electrolize-v14-latin-regular.woff +0 -0
  12. package/style/fonts/electrolize-v14-latin-regular.woff2 +0 -0
  13. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300.woff +0 -0
  14. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300.woff2 +0 -0
  15. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300italic.woff +0 -0
  16. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300italic.woff2 +0 -0
  17. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500.woff +0 -0
  18. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500.woff2 +0 -0
  19. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500italic.woff +0 -0
  20. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500italic.woff2 +0 -0
  21. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600.woff +0 -0
  22. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600.woff2 +0 -0
  23. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff +0 -0
  24. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff2 +0 -0
  25. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff +0 -0
  26. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff2 +0 -0
  27. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff +0 -0
  28. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff2 +0 -0
  29. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-italic.woff +0 -0
  30. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-italic.woff2 +0 -0
  31. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff +0 -0
  32. package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2 +0 -0
  33. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff +0 -0
  34. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2 +0 -0
  35. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff +0 -0
  36. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2 +0 -0
  37. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff +0 -0
  38. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2 +0 -0
  39. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff +0 -0
  40. package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2 +0 -0
@@ -86,6 +86,7 @@ video {
86
86
  font-size: 100%;
87
87
  font: inherit;
88
88
  vertical-align: baseline;
89
+ -webkit-font-smoothing: antialiased;
89
90
  }
90
91
 
91
92
  /* HTML5 display-role reset for older browsers */
@@ -14,7 +14,6 @@ h1 {
14
14
  font-size: var(--redsift-typography-h1-font-size);
15
15
  font-weight: var(--redsift-typography-h1-font-weight);
16
16
  line-height: var(--redsift-typography-h1-line-height);
17
- text-transform: var(--redsift-typography-h1-text-transform);
18
17
  color: var(--redsift-color-neutral-black);
19
18
  }
20
19
 
@@ -45,25 +44,25 @@ h4 {
45
44
  a {
46
45
  background: none;
47
46
  border: none;
48
- color: var(--redsift-color-success-primary);
47
+ color: var(--redsift-color-ctas-primary-primary);
49
48
  font-family: var(--redsift-typography-link-font-family);
50
49
  font-size: var(--redsift-typography-link-font-size);
51
50
  font-weight: var(--redsift-typography-link-font-weight);
52
51
  line-height: var(--redsift-typography-link-line-height);
53
52
  padding: unset;
54
53
  text-decoration: underline;
55
- text-decoration-color: var(--redsift-color-success-secondary);
54
+ text-decoration-color: var(--redsift-color-ctas-primary-hover);
56
55
  text-underline-offset: 2px;
57
56
  }
58
57
 
59
58
  a:hover,
60
59
  a:focus-visible {
61
60
  cursor: pointer;
62
- text-decoration-color: var(--redsift-color-success-primary);
61
+ text-decoration-color: var(--redsift-color-ctas-primary-primary);
63
62
  }
64
63
 
65
64
  a:focus-visible {
66
- outline: 2px solid var(--redsift-color-success-primary);
65
+ outline: 2px solid var(--redsift-color-ctas-primary-primary);
67
66
  }
68
67
 
69
68
  strong {