ui-primitives 9.3.0 → 9.5.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 (14) hide show
  1. package/icons/glyph/glyph_a-scores-circle_s.svg +9 -2
  2. package/icons/glyph/glyph_checkmark-circle_s.svg +8 -1
  3. package/icons/glyph/glyph_clock_s.svg +8 -1
  4. package/icons/glyph/glyph_cross-circle_s.svg +8 -1
  5. package/icons/glyph/glyph_exclamation-circle_s.svg +10 -0
  6. package/icons/glyph/glyph_flash-circle_s.svg +8 -1
  7. package/icons/glyph/glyph_information-circle-line_m.svg +3 -3
  8. package/icons/glyph/glyph_information-circle-line_s.svg +11 -4
  9. package/icons/glyph/glyph_information-circle_m.svg +1 -1
  10. package/icons/glyph/glyph_information-circle_s.svg +9 -2
  11. package/icons/glyph/glyph_lock-closed-circle_s.svg +9 -2
  12. package/icons/glyph/glyph_stop-sign_s.svg +10 -0
  13. package/package.json +1 -1
  14. package/styles/typography_web.json +381 -381
package/icons/glyph/glyph_a-scores-circle_s.svg CHANGED
@@ -1,4 +1,11 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" fill="none"/>
2
- <path d="M6.88928 8.666H9.06991L8.03048 5.33261H7.98976L6.88928 8.666Z" fill="#000000"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5C12.1421 0.5 15.5 3.85786 15.5 8ZM9.43655 4.71716L11.75 11.75H10.038L9.51815 10.078H6.42053L5.85999 11.75H4.25L6.67775 4.71716C6.91318 4.03499 7.18752 3.5 8.07125 3.5C8.95468 3.5 9.2129 4.03724 9.43655 4.71716Z" fill="#000000"/>
2
+ <g clip-path="url(#clip0_22451_1305)">
3
+ <path d="M6.81523 8.7104H9.14123L8.03251 5.15479H7.98907L6.81523 8.7104Z" fill="#000000"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C16 12.4182 12.4182 16 8 16C3.58172 16 0 12.4182 0 8C0 3.58172 3.58172 0 8 0C12.4182 0 16 3.58172 16 8ZM9.53232 4.4983L12 12H10.1738L9.61936 10.2166H6.31523L5.71733 12H4L6.5896 4.4983C6.84072 3.77066 7.13336 3.2 8.076 3.2C9.01832 3.2 9.29376 3.77306 9.53232 4.4983Z" fill="#000000"/>
5
+ </g>
6
+ <defs>
7
+ <clipPath id="clip0_22451_1305">
8
+ <rect width="16" height="16" fill="white"/>
9
+ </clipPath>
10
+ </defs>
4
11
  </svg>
package/icons/glyph/glyph_checkmark-circle_s.svg CHANGED
@@ -1,3 +1,10 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" fill="none"/>
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 7.99999C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 7.99999C1 11.866 4.13401 15 8 15ZM11.4715 6.21763L10.4816 5.22768L6.95312 8.75614L5.52427 7.32729L4.53432 8.31724L6.95312 10.736L11.4715 6.21763Z" fill="#000000"/>
2
+ <g clip-path="url(#clip0_54320_8693)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4182 16 16 12.4183 16 7.99999C16 3.58172 12.4182 0 8 0C3.58172 0 0 3.58172 0 7.99999C0 12.4183 3.58172 16 8 16ZM11.9675 5.96301L10.8361 4.83164L6.80357 8.86417L5.1706 7.2312L4.03923 8.36257L6.80357 11.1269L11.9675 5.96301Z" fill="#000000"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_54320_8693">
7
+ <rect width="16" height="16" fill="white"/>
8
+ </clipPath>
9
+ </defs>
3
10
  </svg>
package/icons/glyph/glyph_clock_s.svg CHANGED
@@ -1,3 +1,10 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" fill="none"/>
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8.7 4V7.71005L10.995 10.005L10.005 10.995L7.50503 8.49497C7.37375 8.3637 7.3 8.18565 7.3 8V4H8.7Z" fill="#000000"/>
2
+ <g clip-path="url(#clip0_13817_648)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8.8 3.42857V7.66863L11.4228 10.2915L10.2915 11.4228L7.43432 8.56569C7.28429 8.41566 7.2 8.21217 7.2 8V3.42857H8.8Z" fill="#000000"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_13817_648">
7
+ <rect width="16" height="16" fill="white"/>
8
+ </clipPath>
9
+ </defs>
3
10
  </svg>
package/icons/glyph/glyph_cross-circle_s.svg CHANGED
@@ -1,3 +1,10 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" fill="none"/>
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8 8.98995L5.99497 10.995L5.00503 10.005L7.01005 8L5.00503 5.99497L5.99497 5.00503L8 7.01005L10.005 5.00503L10.995 5.99497L8.98995 8L10.995 10.005L10.005 10.995L8 8.98995Z" fill="#000000"/>
2
+ <g clip-path="url(#clip0_13817_649)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 9.13137L5.70854 11.4228L4.57717 10.2915L6.86863 8L4.57717 5.70854L5.70854 4.57717L8 6.86863L10.2915 4.57717L11.4228 5.70854L9.13137 8L11.4228 10.2915L10.2915 11.4228L8 9.13137Z" fill="#000000"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_13817_649">
7
+ <rect width="16" height="16" fill="white"/>
8
+ </clipPath>
9
+ </defs>
3
10
  </svg>
package/icons/glyph/glyph_exclamation-circle_s.svg ADDED
@@ -0,0 +1,10 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" fill="none"/>
2
+ <g clip-path="url(#clip0_92179_18949)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM7.2 8.8V4H8.8V8.8H7.2ZM7.2 12V10.4H8.8V12H7.2Z" fill="#000000"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_92179_18949">
7
+ <rect width="16" height="16" fill="white"/>
8
+ </clipPath>
9
+ </defs>
10
+ </svg>
package/icons/glyph/glyph_flash-circle_s.svg CHANGED
@@ -1,3 +1,10 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" fill="none"/>
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM9.78 3L4.78 8L7.55778 9.11111L6.20857 13L11.2086 8L8.66889 6.88889L9.78 3Z" fill="#000000"/>
2
+ <g clip-path="url(#clip0_17630_0)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM10.0343 2.28571L4.32 8L7.4946 9.26984L5.95265 13.7143L11.6669 8L8.76444 6.73016L10.0343 2.28571Z" fill="#000000"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_17630_0">
7
+ <rect width="16" height="16" fill="white"/>
8
+ </clipPath>
9
+ </defs>
3
10
  </svg>
package/icons/glyph/glyph_information-circle-line_m.svg CHANGED
@@ -1,5 +1,5 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" fill="none"/>
2
- <path d="M13.1353 17.3281V10.6667H10.8732V17.3281H13.1353Z" fill="black"/>
3
- <path d="M13.4531 7.88021C13.4531 8.68275 12.8025 9.33333 12 9.33333C11.1975 9.33333 10.5469 8.68275 10.5469 7.88021C10.5469 7.07767 11.1975 6.42708 12 6.42708C12.8025 6.42708 13.4531 7.07767 13.4531 7.88021Z" fill="black"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12Z" fill="black"/>
2
+ <path d="M13.1353 17.3281V10.6667H10.8732V17.3281H13.1353Z" fill="#000000"/>
3
+ <path d="M13.4531 7.88021C13.4531 8.68275 12.8025 9.33333 12 9.33333C11.1975 9.33333 10.5469 8.68275 10.5469 7.88021C10.5469 7.07767 11.1975 6.42708 12 6.42708C12.8025 6.42708 13.4531 7.07767 13.4531 7.88021Z" fill="#000000"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12Z" fill="#000000"/>
5
5
  </svg>
package/icons/glyph/glyph_information-circle-line_s.svg CHANGED
@@ -1,5 +1,12 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><rect width="18" height="18" fill="none"/>
2
- <path d="M9.85145 12.9961V8H8.15487V12.9961H9.85145Z" fill="black"/>
3
- <path d="M10.0898 5.91016C10.0898 6.51206 9.6019 7 9 7C8.3981 7 7.91016 6.51206 7.91016 5.91016C7.91016 5.30825 8.3981 4.82031 9 4.82031C9.6019 4.82031 10.0898 5.30825 10.0898 5.91016Z" fill="black"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9ZM15 9C15 12.3137 12.3137 15 9 15C5.68629 15 3 12.3137 3 9C3 5.68629 5.68629 3 9 3C12.3137 3 15 5.68629 15 9Z" fill="black"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" fill="none"/>
2
+ <g clip-path="url(#clip0_33957_1199)">
3
+ <path d="M8.90822 12.2625V6.93333H7.09852V12.2625H8.90822Z" fill="#000000"/>
4
+ <path d="M9.1625 4.70417C9.1625 5.3462 8.64203 5.86667 8 5.86667C7.35797 5.86667 6.8375 5.3462 6.8375 4.70417C6.8375 4.06214 7.35797 3.54167 8 3.54167C8.64203 3.54167 9.1625 4.06214 9.1625 4.70417Z" fill="#000000"/>
5
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM14.4 8C14.4 11.5346 11.5346 14.4 8 14.4C4.46538 14.4 1.6 11.5346 1.6 8C1.6 4.46538 4.46538 1.6 8 1.6C11.5346 1.6 14.4 4.46538 14.4 8Z" fill="#000000"/>
6
+ </g>
7
+ <defs>
8
+ <clipPath id="clip0_33957_1199">
9
+ <rect width="16" height="16" fill="white"/>
10
+ </clipPath>
11
+ </defs>
5
12
  </svg>
package/icons/glyph/glyph_information-circle_m.svg CHANGED
@@ -1,3 +1,3 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" fill="none"/>
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM13 17V11H11V17H13ZM12 9.00006C12.7037 9.00006 13.2742 8.42958 13.2742 7.72586C13.2742 7.02214 12.7037 6.45166 12 6.45166C11.2963 6.45166 10.7258 7.02214 10.7258 7.72586C10.7258 8.42958 11.2963 9.00006 12 9.00006Z" fill="black"/>
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM13 17V11H11V17H13ZM12 9.00006C12.7037 9.00006 13.2742 8.42958 13.2742 7.72586C13.2742 7.02214 12.7037 6.45166 12 6.45166C11.2963 6.45166 10.7258 7.02214 10.7258 7.72586C10.7258 8.42958 11.2963 9.00006 12 9.00006Z" fill="#000000"/>
3
3
  </svg>
package/icons/glyph/glyph_information-circle_s.svg CHANGED
@@ -1,3 +1,10 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><rect width="18" height="18" fill="none"/>
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9ZM9.85145 8V12.9961H8.15487V8H9.85145ZM9 7C9.6019 7 10.0898 6.51206 10.0898 5.91016C10.0898 5.30825 9.6019 4.82031 9 4.82031C8.3981 4.82031 7.91016 5.30825 7.91016 5.91016C7.91016 6.51206 8.3981 7 9 7Z" fill="black"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" fill="none"/>
2
+ <g clip-path="url(#clip0_18150_28)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8.90822 6.93333V12.2625H7.09852V6.93333H8.90822ZM8 5.86667C8.64203 5.86667 9.1625 5.3462 9.1625 4.70417C9.1625 4.06214 8.64203 3.54167 8 3.54167C7.35797 3.54167 6.8375 4.06214 6.8375 4.70417C6.8375 5.3462 7.35797 5.86667 8 5.86667Z" fill="#000000"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_18150_28">
7
+ <rect width="16" height="16" fill="white"/>
8
+ </clipPath>
9
+ </defs>
3
10
  </svg>
package/icons/glyph/glyph_lock-closed-circle_s.svg CHANGED
@@ -1,4 +1,11 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" fill="none"/>
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM5.85714 6C5.85714 4.89543 6.81653 4 8 4C9.18347 4 10.1429 4.89543 10.1429 6V7.2H11V11.2C11 11.6418 10.6162 12 10.1429 12H5.85714C5.38376 12 5 11.6418 5 11.2V7.2H5.85714V6ZM9.28571 6V7.2H6.71429V6C6.71429 5.33726 7.28992 4.8 8 4.8C8.71008 4.8 9.28571 5.33726 9.28571 6ZM8 10.4C8.47339 10.4 8.8 10.0418 8.8 9.6C8.8 9.15818 8.47339 8.8 8 8.8C7.52661 8.8 7.2 9.15818 7.2 9.6C7.2 10.0418 7.52661 10.4 8 10.4Z" fill="#000000"/>
3
- <path d="M8.8 9.6C8.8 10.0418 8.44183 10.4 8 10.4C7.55817 10.4 7.2 10.0418 7.2 9.6C7.2 9.15818 7.55817 8.8 8 8.8C8.44183 8.8 8.8 9.15818 8.8 9.6Z" fill="#000000"/>
2
+ <g clip-path="url(#clip0_95721_26374)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5.55102 5.71429C5.55102 4.45192 6.64747 3.42857 8 3.42857C9.35253 3.42857 10.449 4.45192 10.449 5.71429V7.08571H11.4286V11.6571C11.4286 12.1621 10.99 12.5714 10.449 12.5714H5.55102C5.01001 12.5714 4.57143 12.1621 4.57143 11.6571V7.08571H5.55102V5.71429ZM9.46939 5.71429V7.08571H6.53061V5.71429C6.53061 4.95687 7.18848 4.34286 8 4.34286C8.81152 4.34286 9.46939 4.95687 9.46939 5.71429ZM8 10.7429C8.54101 10.7429 8.91429 10.3335 8.91429 9.82858C8.91429 9.32363 8.54101 8.91429 8 8.91429C7.45899 8.91429 7.08571 9.32363 7.08571 9.82858C7.08571 10.3335 7.45899 10.7429 8 10.7429Z" fill="#000000"/>
4
+ <path d="M8.91429 9.82858C8.91429 10.3335 8.50495 10.7429 8 10.7429C7.49505 10.7429 7.08571 10.3335 7.08571 9.82858C7.08571 9.32363 7.49505 8.91429 8 8.91429C8.50495 8.91429 8.91429 9.32363 8.91429 9.82858Z" fill="#000000"/>
5
+ </g>
6
+ <defs>
7
+ <clipPath id="clip0_95721_26374">
8
+ <rect width="16" height="16" fill="white"/>
9
+ </clipPath>
10
+ </defs>
4
11
  </svg>
package/icons/glyph/glyph_stop-sign_s.svg ADDED
@@ -0,0 +1,10 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" fill="none"/>
2
+ <g clip-path="url(#clip0_92187_18503)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM12 6.4H4V9.6H12V6.4Z" fill="#000000"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_92187_18503">
7
+ <rect width="16" height="16" fill="white"/>
8
+ </clipPath>
9
+ </defs>
10
+ </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ui-primitives",
3
- "version": "9.3.0",
3
+ "version": "9.5.0",
4
4
  "description": "UI primitives for sharing between platforms in Design System Team projects",
5
5
  "keywords": [
6
6
  "design",
package/styles/typography_web.json CHANGED
@@ -1,386 +1,386 @@
1
1
  {
2
- "headline_xlarge": {
3
- "font_size": 48,
4
- "line_height": 64,
5
- "font_weight": 500,
6
- "font_family": "var(--font-family-styrene)"
7
- },
8
- "headline_large": {
9
- "font_size": 40,
10
- "line_height": 48,
11
- "font_weight": 500,
12
- "font_family": "var(--font-family-styrene)"
13
- },
14
- "headline_medium": {
15
- "font_size": 32,
16
- "line_height": 40,
17
- "font_weight": 500,
18
- "font_family": "var(--font-family-styrene)"
19
- },
20
- "headline_small": {
21
- "font_size": 24,
22
- "line_height": 32,
23
- "font_weight": 500,
24
- "font_family": "var(--font-family-styrene)"
25
- },
26
- "headline_xsmall": {
27
- "font_size": 20,
28
- "line_height": 24,
29
- "font_weight": 500,
30
- "font_family": "var(--font-family-styrene)"
31
- },
32
- "paragraph_primary_large": {
33
- "font_size": 18,
34
- "line_height": 24,
35
- "font_weight": 400,
36
- "font_family": "var(--font-family-system)"
37
- },
38
- "paragraph_primary_medium": {
39
- "font_size": 16,
40
- "line_height": 24,
41
- "font_weight": 400,
42
- "font_family": "var(--font-family-system)"
43
- },
44
- "paragraph_primary_small": {
45
- "font_size": 14,
46
- "line_height": 20,
47
- "font_weight": 400,
48
- "font_family": "var(--font-family-system)"
49
- },
50
- "paragraph_secondary_large": {
51
- "font_size": 13,
52
- "line_height": 16,
53
- "font_weight": 400,
54
- "font_family": "var(--font-family-system)"
55
- },
56
- "paragraph_secondary_medium": {
57
- "font_size": 12,
58
- "line_height": 16,
59
- "font_weight": 400,
60
- "font_family": "var(--font-family-system)"
61
- },
62
- "paragraph_secondary_small": {
63
- "font_size": 11,
64
- "line_height": 16,
65
- "font_weight": 400,
66
- "font_family": "var(--font-family-system)"
67
- },
68
- "paragraph_component_primary": {
69
- "font_size": 16,
70
- "line_height": 20,
71
- "font_weight": 400,
72
- "font_family": "var(--font-family-system)"
73
- },
74
- "paragraph_component_secondary": {
75
- "font_size": 14,
76
- "line_height": 18,
77
- "font_weight": 400,
78
- "font_family": "var(--font-family-system)"
79
- },
80
- "paragraph_caps": {
81
- "font_size": 12,
82
- "line_height": 16,
83
- "font_weight": 500,
84
- "letter_spacing": 1.25,
85
- "text_transform": "uppercase",
86
- "font_family": "var(--font-family-system)"
87
- },
88
- "accent_primary_large": {
89
- "font_size": 18,
90
- "line_height": 24,
91
- "font_weight": 700,
92
- "font_family": "var(--font-family-system)"
93
- },
94
- "accent_primary_medium": {
95
- "font_size": 16,
96
- "line_height": 24,
97
- "font_weight": 700,
98
- "font_family": "var(--font-family-system)"
99
- },
100
- "accent_primary_small": {
101
- "font_size": 14,
102
- "line_height": 20,
103
- "font_weight": 700,
104
- "font_family": "var(--font-family-system)"
105
- },
106
- "accent_secondary_large": {
107
- "font_size": 13,
108
- "line_height": 16,
109
- "font_weight": 700,
110
- "font_family": "var(--font-family-system)"
111
- },
112
- "accent_secondary_medium": {
113
- "font_size": 12,
114
- "line_height": 16,
115
- "font_weight": 700,
116
- "font_family": "var(--font-family-system)"
117
- },
118
- "accent_secondary_small": {
119
- "font_size": 11,
120
- "line_height": 16,
121
- "font_weight": 700,
122
- "font_family": "var(--font-family-system)"
123
- },
124
- "accent_component_primary": {
125
- "font_size": 16,
126
- "line_height": 20,
127
- "font_weight": 700,
128
- "font_family": "var(--font-family-system)"
129
- },
130
- "accent_component_secondary": {
131
- "font_size": 14,
132
- "line_height": 18,
133
- "font_weight": 700,
134
- "font_family": "var(--font-family-system)"
135
- },
136
- "accent_caps": {
137
- "font_size": 12,
138
- "line_height": 16,
139
- "font_weight": 700,
140
- "letter_spacing": 1.25,
141
- "text_transform": "uppercase",
142
- "font_family": "var(--font-family-system)"
143
- },
144
- "headline-system_xlarge": {
145
- "font_size": 48,
146
- "line_height": 52,
147
- "font_weight": 700,
148
- "font_family": "var(--font-family-system)"
149
- },
150
- "headline-system_large": {
151
- "font_size": 40,
152
- "line_height": 48,
153
- "font_weight": 700,
154
- "font_family": "var(--font-family-system)"
155
- },
156
- "headline-system_medium": {
157
- "font_size": 30,
158
- "line_height": 36,
159
- "font_weight": 700,
160
- "font_family": "var(--font-family-system)"
161
- },
162
- "headline-system_small": {
163
- "font_size": 22,
164
- "line_height": 26,
165
- "font_weight": 700,
166
- "font_family": "var(--font-family-system)"
167
- },
168
- "headline-system_xsmall": {
169
- "font_size": 18,
170
- "line_height": 22,
171
- "font_weight": 700,
172
- "font_family": "var(--font-family-system)"
173
- },
174
- "action_primary_large": {
175
- "font_size": 18,
176
- "line_height": 24,
177
- "font_weight": 500,
178
- "font_family": "var(--font-family-system)"
179
- },
180
- "action_primary_medium": {
181
- "font_size": 16,
182
- "line_height": 24,
183
- "font_weight": 500,
184
- "font_family": "var(--font-family-system)"
185
- },
186
- "action_primary_small": {
187
- "font_size": 14,
188
- "line_height": 20,
189
- "font_weight": 500,
190
- "font_family": "var(--font-family-system)"
191
- },
192
- "action_secondary_large": {
193
- "font_size": 13,
194
- "line_height": 16,
195
- "font_weight": 500,
196
- "font_family": "var(--font-family-system)"
197
- },
198
- "action_secondary_medium": {
199
- "font_size": 12,
200
- "line_height": 16,
201
- "font_weight": 500,
202
- "font_family": "var(--font-family-system)"
203
- },
204
- "action_secondary_small": {
205
- "font_size": 11,
206
- "line_height": 16,
207
- "font_weight": 500,
208
- "font_family": "var(--font-family-system)"
209
- },
210
- "action_component_primary": {
2
+ "accent_caps": {
3
+ "font_size": 12,
4
+ "line_height": 16,
5
+ "font_weight": 700,
6
+ "letter_spacing": 1.25,
7
+ "text_transform": "uppercase",
8
+ "font_family": "var(--font-family-system)"
9
+ },
10
+ "accent_component_primary": {
11
+ "font_size": 16,
12
+ "line_height": 20,
13
+ "font_weight": 700,
14
+ "font_family": "var(--font-family-system)"
15
+ },
16
+ "accent_component_secondary": {
17
+ "font_size": 14,
18
+ "line_height": 18,
19
+ "font_weight": 700,
20
+ "font_family": "var(--font-family-system)"
21
+ },
22
+ "accent_primary_large": {
23
+ "font_size": 18,
24
+ "line_height": 24,
25
+ "font_weight": 700,
26
+ "font_family": "var(--font-family-system)"
27
+ },
28
+ "accent_primary_medium": {
29
+ "font_size": 16,
30
+ "line_height": 24,
31
+ "font_weight": 700,
32
+ "font_family": "var(--font-family-system)"
33
+ },
34
+ "accent_primary_small": {
35
+ "font_size": 14,
36
+ "line_height": 20,
37
+ "font_weight": 700,
38
+ "font_family": "var(--font-family-system)"
39
+ },
40
+ "accent_secondary_large": {
41
+ "font_size": 13,
42
+ "line_height": 16,
43
+ "font_weight": 700,
44
+ "font_family": "var(--font-family-system)"
45
+ },
46
+ "accent_secondary_medium": {
47
+ "font_size": 12,
48
+ "line_height": 16,
49
+ "font_weight": 700,
50
+ "font_family": "var(--font-family-system)"
51
+ },
52
+ "accent_secondary_small": {
53
+ "font_size": 11,
54
+ "line_height": 16,
55
+ "font_weight": 700,
56
+ "font_family": "var(--font-family-system)"
57
+ },
58
+ "action_caps": {
59
+ "font_size": 12,
60
+ "line_height": 16,
61
+ "font_weight": 700,
62
+ "letter_spacing": 1.25,
63
+ "text_transform": "uppercase",
64
+ "font_family": "var(--font-family-system)"
65
+ },
66
+ "action_component_primary": {
67
+ "font_size": 16,
68
+ "line_height": 20,
69
+ "font_weight": 500,
70
+ "font_family": "var(--font-family-system)"
71
+ },
72
+ "action_component_secondary": {
73
+ "font_size": 14,
74
+ "line_height": 18,
75
+ "font_weight": 500,
76
+ "font_family": "var(--font-family-system)"
77
+ },
78
+ "action_primary_large": {
79
+ "font_size": 18,
80
+ "line_height": 24,
81
+ "font_weight": 500,
82
+ "font_family": "var(--font-family-system)"
83
+ },
84
+ "action_primary_medium": {
85
+ "font_size": 16,
86
+ "line_height": 24,
87
+ "font_weight": 500,
88
+ "font_family": "var(--font-family-system)"
89
+ },
90
+ "action_primary_small": {
91
+ "font_size": 14,
92
+ "line_height": 20,
93
+ "font_weight": 500,
94
+ "font_family": "var(--font-family-system)"
95
+ },
96
+ "action_secondary_large": {
97
+ "font_size": 13,
98
+ "line_height": 16,
99
+ "font_weight": 500,
100
+ "font_family": "var(--font-family-system)"
101
+ },
102
+ "action_secondary_medium": {
103
+ "font_size": 12,
104
+ "line_height": 16,
105
+ "font_weight": 500,
106
+ "font_family": "var(--font-family-system)"
107
+ },
108
+ "action_secondary_small": {
109
+ "font_size": 11,
110
+ "line_height": 16,
111
+ "font_weight": 500,
112
+ "font_family": "var(--font-family-system)"
113
+ },
114
+ "headline-mobile_large": {
115
+ "font_size": 30,
116
+ "line_height": 36,
117
+ "font_weight": 500,
118
+ "font_family": "var(--font-family-styrene)"
119
+ },
120
+ "headline-mobile_medium": {
121
+ "font_size": 26,
122
+ "line_height": 32,
123
+ "font_weight": 500,
124
+ "font_family": "var(--font-family-styrene)"
125
+ },
126
+ "headline-mobile_small": {
127
+ "font_size": 20,
128
+ "line_height": 28,
129
+ "font_weight": 500,
130
+ "font_family": "var(--font-family-styrene)"
131
+ },
132
+ "headline-mobile_xlarge": {
133
+ "font_size": 34,
134
+ "line_height": 40,
135
+ "font_weight": 500,
136
+ "font_family": "var(--font-family-styrene)"
137
+ },
138
+ "headline-mobile_xsmall": {
139
+ "font_size": 16,
140
+ "line_height": 20,
141
+ "font_weight": 500,
142
+ "font_family": "var(--font-family-styrene)"
143
+ },
144
+ "headline-system-mobile_large": {
145
+ "font_size": 30,
146
+ "line_height": 36,
147
+ "font_weight": 600,
148
+ "font_family": "var(--font-family-system)"
149
+ },
150
+ "headline-system-mobile_medium": {
151
+ "font_size": 26,
152
+ "line_height": 32,
153
+ "font_weight": 600,
154
+ "font_family": "var(--font-family-system)"
155
+ },
156
+ "headline-system-mobile_small": {
157
+ "font_size": 20,
158
+ "line_height": 28,
159
+ "font_weight": 600,
160
+ "font_family": "var(--font-family-system)"
161
+ },
162
+ "headline-system-mobile_xlarge": {
163
+ "font_size": 34,
164
+ "line_height": 40,
165
+ "font_weight": 600,
166
+ "font_family": "var(--font-family-system)"
167
+ },
168
+ "headline-system-mobile_xsmall": {
169
+ "font_size": 16,
170
+ "line_height": 20,
171
+ "font_weight": 600,
172
+ "font_family": "var(--font-family-system)"
173
+ },
174
+ "headline-system_large": {
175
+ "font_size": 40,
176
+ "line_height": 48,
177
+ "font_weight": 700,
178
+ "font_family": "var(--font-family-system)"
179
+ },
180
+ "headline-system_medium": {
181
+ "font_size": 30,
182
+ "line_height": 36,
183
+ "font_weight": 700,
184
+ "font_family": "var(--font-family-system)"
185
+ },
186
+ "headline-system_small": {
187
+ "font_size": 22,
188
+ "line_height": 26,
189
+ "font_weight": 700,
190
+ "font_family": "var(--font-family-system)"
191
+ },
192
+ "headline-system_xlarge": {
193
+ "font_size": 48,
194
+ "line_height": 52,
195
+ "font_weight": 700,
196
+ "font_family": "var(--font-family-system)"
197
+ },
198
+ "headline-system_xsmall": {
199
+ "font_size": 18,
200
+ "line_height": 22,
201
+ "font_weight": 700,
202
+ "font_family": "var(--font-family-system)"
203
+ },
204
+ "headline_large": {
205
+ "font_size": 40,
206
+ "line_height": 48,
207
+ "font_weight": 500,
208
+ "font_family": "var(--font-family-styrene)"
209
+ },
210
+ "headline_medium": {
211
+ "font_size": 32,
212
+ "line_height": 40,
213
+ "font_weight": 500,
214
+ "font_family": "var(--font-family-styrene)"
215
+ },
216
+ "headline_small": {
217
+ "font_size": 24,
218
+ "line_height": 32,
219
+ "font_weight": 500,
220
+ "font_family": "var(--font-family-styrene)"
221
+ },
222
+ "headline_xlarge": {
223
+ "font_size": 48,
224
+ "line_height": 64,
225
+ "font_weight": 500,
226
+ "font_family": "var(--font-family-styrene)"
227
+ },
228
+ "headline_xsmall": {
229
+ "font_size": 20,
230
+ "line_height": 24,
231
+ "font_weight": 500,
232
+ "font_family": "var(--font-family-styrene)"
233
+ },
234
+ "key_large": {
235
+ "font_size": 120,
236
+ "line_height": 132,
237
+ "font_weight": 500,
238
+ "font_family": "var(--font-family-styrene)"
239
+ },
240
+ "key_medium": {
241
+ "font_size": 96,
242
+ "line_height": 120,
243
+ "font_weight": 500,
244
+ "font_family": "var(--font-family-styrene)"
245
+ },
246
+ "key_small": {
247
+ "font_size": 80,
248
+ "line_height": 96,
249
+ "font_weight": 500,
250
+ "font_family": "var(--font-family-styrene)"
251
+ },
252
+ "key_xlarge": {
253
+ "font_size": 144,
254
+ "line_height": 180,
255
+ "font_weight": 500,
256
+ "font_family": "var(--font-family-styrene)"
257
+ },
258
+ "key_xsmall": {
259
+ "font_size": 64,
260
+ "line_height": 80,
261
+ "font_weight": 500,
262
+ "font_family": "var(--font-family-styrene)"
263
+ },
264
+ "paragraph_caps": {
265
+ "font_size": 12,
266
+ "line_height": 16,
267
+ "font_weight": 500,
268
+ "letter_spacing": 1.25,
269
+ "text_transform": "uppercase",
270
+ "font_family": "var(--font-family-system)"
271
+ },
272
+ "paragraph_component_primary": {
273
+ "font_size": 16,
274
+ "line_height": 20,
275
+ "font_weight": 400,
276
+ "font_family": "var(--font-family-system)"
277
+ },
278
+ "paragraph_component_secondary": {
279
+ "font_size": 14,
280
+ "line_height": 18,
281
+ "font_weight": 400,
282
+ "font_family": "var(--font-family-system)"
283
+ },
284
+ "paragraph_primary_large": {
285
+ "font_size": 18,
286
+ "line_height": 24,
287
+ "font_weight": 400,
288
+ "font_family": "var(--font-family-system)"
289
+ },
290
+ "paragraph_primary_medium": {
291
+ "font_size": 16,
292
+ "line_height": 24,
293
+ "font_weight": 400,
294
+ "font_family": "var(--font-family-system)"
295
+ },
296
+ "paragraph_primary_small": {
297
+ "font_size": 14,
298
+ "line_height": 20,
299
+ "font_weight": 400,
300
+ "font_family": "var(--font-family-system)"
301
+ },
302
+ "paragraph_secondary_large": {
303
+ "font_size": 13,
304
+ "line_height": 16,
305
+ "font_weight": 400,
306
+ "font_family": "var(--font-family-system)"
307
+ },
308
+ "paragraph_secondary_medium": {
309
+ "font_size": 12,
310
+ "line_height": 16,
311
+ "font_weight": 400,
312
+ "font_family": "var(--font-family-system)"
313
+ },
314
+ "paragraph_secondary_small": {
315
+ "font_size": 11,
316
+ "line_height": 16,
317
+ "font_weight": 400,
318
+ "font_family": "var(--font-family-system)"
319
+ },
320
+ "promo-system_large": {
321
+ "font_size": 40,
322
+ "line_height": 48,
323
+ "font_weight": 400,
324
+ "font_family": "var(--font-family-system)"
325
+ },
326
+ "promo-system_medium": {
327
+ "font_size": 30,
328
+ "line_height": 36,
329
+ "font_weight": 400,
330
+ "font_family": "var(--font-family-system)"
331
+ },
332
+ "promo-system_small": {
333
+ "font_size": 22,
334
+ "line_height": 26,
335
+ "font_weight": 400,
336
+ "font_family": "var(--font-family-system)"
337
+ },
338
+ "promo-system_xlarge": {
339
+ "font_size": 48,
340
+ "line_height": 52,
341
+ "font_weight": 400,
342
+ "font_family": "var(--font-family-system)"
343
+ },
344
+ "promo-system_xsmall": {
345
+ "font_size": 18,
346
+ "line_height": 22,
347
+ "font_weight": 400,
348
+ "font_family": "var(--font-family-system)"
349
+ },
350
+ "promo_large": {
351
+ "font_size": 40,
352
+ "line_height": 48,
353
+ "font_weight": 400,
354
+ "font_family": "var(--font-family-styrene)"
355
+ },
356
+ "promo_medium": {
357
+ "font_size": 32,
358
+ "line_height": 40,
359
+ "font_weight": 400,
360
+ "font_family": "var(--font-family-styrene)"
361
+ },
362
+ "promo_small": {
363
+ "font_size": 24,
364
+ "line_height": 32,
365
+ "font_weight": 400,
366
+ "font_family": "var(--font-family-styrene)"
367
+ },
368
+ "promo_xlarge": {
369
+ "font_size": 48,
370
+ "line_height": 64,
371
+ "font_weight": 400,
372
+ "font_family": "var(--font-family-styrene)"
373
+ },
374
+ "promo_xsmall": {
375
+ "font_size": 20,
376
+ "line_height": 24,
377
+ "font_weight": 400,
378
+ "font_family": "var(--font-family-styrene)"
379
+ },
380
+ "accent_component": {
211
381
  "font_size": 16,
212
382
  "line_height": 20,
213
- "font_weight": 500,
214
- "font_family": "var(--font-family-system)"
215
- },
216
- "action_component_secondary": {
217
- "font_size": 14,
218
- "line_height": 18,
219
- "font_weight": 500,
220
- "font_family": "var(--font-family-system)"
221
- },
222
- "action_caps": {
223
- "font_size": 12,
224
- "line_height": 16,
225
383
  "font_weight": 700,
226
- "letter_spacing": 1.25,
227
- "text_transform": "uppercase",
228
- "font_family": "var(--font-family-system)"
229
- },
230
- "promo_xlarge": {
231
- "font_size": 48,
232
- "line_height": 64,
233
- "font_weight": 400,
234
- "font_family": "var(--font-family-styrene)"
235
- },
236
- "promo_large": {
237
- "font_size": 40,
238
- "line_height": 48,
239
- "font_weight": 400,
240
- "font_family": "var(--font-family-styrene)"
241
- },
242
- "promo_medium": {
243
- "font_size": 32,
244
- "line_height": 40,
245
- "font_weight": 400,
246
- "font_family": "var(--font-family-styrene)"
247
- },
248
- "promo_small": {
249
- "font_size": 24,
250
- "line_height": 32,
251
- "font_weight": 400,
252
- "font_family": "var(--font-family-styrene)"
253
- },
254
- "promo_xsmall": {
255
- "font_size": 20,
256
- "line_height": 24,
257
- "font_weight": 400,
258
- "font_family": "var(--font-family-styrene)"
259
- },
260
- "key_xlarge": {
261
- "font_size": 144,
262
- "line_height": 180,
263
- "font_weight": 500,
264
- "font_family": "var(--font-family-styrene)"
265
- },
266
- "key_large": {
267
- "font_size": 120,
268
- "line_height": 132,
269
- "font_weight": 500,
270
- "font_family": "var(--font-family-styrene)"
271
- },
272
- "key_medium": {
273
- "font_size": 96,
274
- "line_height": 120,
275
- "font_weight": 500,
276
- "font_family": "var(--font-family-styrene)"
277
- },
278
- "key_small": {
279
- "font_size": 80,
280
- "line_height": 96,
281
- "font_weight": 500,
282
- "font_family": "var(--font-family-styrene)"
283
- },
284
- "key_xsmall": {
285
- "font_size": 64,
286
- "line_height": 80,
287
- "font_weight": 500,
288
- "font_family": "var(--font-family-styrene)"
289
- },
290
- "headline-mobile_xlarge": {
291
- "font_size": 34,
292
- "line_height": 40,
293
- "font_weight": 500,
294
- "font_family": "var(--font-family-styrene)"
295
- },
296
- "headline-mobile_large": {
297
- "font_size": 30,
298
- "line_height": 36,
299
- "font_weight": 500,
300
- "font_family": "var(--font-family-styrene)"
301
- },
302
- "headline-mobile_medium": {
303
- "font_size": 26,
304
- "line_height": 32,
305
- "font_weight": 500,
306
- "font_family": "var(--font-family-styrene)"
307
- },
308
- "headline-mobile_small": {
309
- "font_size": 20,
310
- "line_height": 28,
311
- "font_weight": 500,
312
- "font_family": "var(--font-family-styrene)"
313
- },
314
- "headline-mobile_xsmall": {
315
- "font_size": 16,
316
- "line_height": 24,
317
- "font_weight": 500,
318
- "font_family": "var(--font-family-styrene)"
319
- },
320
- "headline-system-mobile_xlarge": {
321
- "font_size": 34,
322
- "line_height": 40,
323
- "font_weight": 600,
324
- "font_family": "var(--font-family-system)"
325
- },
326
- "headline-system-mobile_large": {
327
- "font_size": 30,
328
- "line_height": 36,
329
- "font_weight": 600,
330
- "font_family": "var(--font-family-system)"
331
- },
332
- "headline-system-mobile_medium": {
333
- "font_size": 26,
334
- "line_height": 32,
335
- "font_weight": 600,
336
- "font_family": "var(--font-family-system)"
337
- },
338
- "headline-system-mobile_small": {
339
- "font_size": 20,
340
- "line_height": 28,
341
- "font_weight": 600,
342
- "font_family": "var(--font-family-system)"
343
- },
344
- "headline-system-mobile_xsmall": {
345
- "font_size": 16,
346
- "line_height": 24,
347
- "font_weight": 600,
348
- "font_family": "var(--font-family-system)"
349
- },
350
- "promo-system_xlarge": {
351
- "font_size": 48,
352
- "line_height": 52,
353
- "font_weight": 400,
354
- "font_family": "var(--font-family-system)"
355
- },
356
- "promo-system_large": {
357
- "font_size": 40,
358
- "line_height": 48,
359
- "font_weight": 400,
360
- "font_family": "var(--font-family-system)"
361
- },
362
- "promo-system_medium": {
363
- "font_size": 30,
364
- "line_height": 36,
365
- "font_weight": 400,
366
- "font_family": "var(--font-family-system)"
367
- },
368
- "promo-system_small": {
369
- "font_size": 22,
370
- "line_height": 26,
371
- "font_weight": 400,
372
- "font_family": "var(--font-family-system)"
373
- },
374
- "promo-system_xsmall": {
375
- "font_size": 18,
376
- "line_height": 22,
377
- "font_weight": 400,
378
- "font_family": "var(--font-family-system)"
379
- },
380
- "paragraph_component": {
381
- "font_size": 16,
382
- "line_height": 20,
383
- "font_weight": 400,
384
384
  "font_family": "var(--font-family-system)",
385
385
  "deprecated": true
386
386
  },
@@ -391,10 +391,10 @@
391
391
  "font_family": "var(--font-family-system)",
392
392
  "deprecated": true
393
393
  },
394
- "accent_component": {
394
+ "paragraph_component": {
395
395
  "font_size": 16,
396
396
  "line_height": 20,
397
- "font_weight": 700,
397
+ "font_weight": 400,
398
398
  "font_family": "var(--font-family-system)",
399
399
  "deprecated": true
400
400
  }