@sats-group/ui-lib 75.3.0 → 75.3.2

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.
package/README.md CHANGED
@@ -11,7 +11,7 @@ This repo is the home of reusable SATS themed components and tokens, implemented
11
11
  Installing the library as a dependency would in this case be done using
12
12
 
13
13
  ```bash
14
- npm install --save sats-ui-lib
14
+ npm install --save @sats-group/ui-lib
15
15
  ```
16
16
 
17
17
  ## 📖 More Documentation
@@ -27,11 +27,11 @@
27
27
  />
28
28
  <path
29
29
  d="M112.33 10.5695L107.91 13.773C109.692 14.3589 110.662 15.8257 110.662 17.6071C110.662 20.2233 108.678 23.1093 104.573 23.1093C101.415 23.1093 99.634 21.4397 99.002 19.7492L102.25 18.0349C102.68 18.9368 103.401 19.5912 104.573 19.5912C105.949 19.5912 106.603 18.6431 106.603 17.6295C106.603 16.8856 106.175 16.0061 104.933 16.0061C104.528 16.0061 104.167 16.0955 103.874 16.2312L102.52 14.0205L107.256 10.5695H102.204L103.286 7.00677H113.39L112.33 10.5695Z"
30
- fill="white"
30
+ fill="currentColor"
31
31
  />
32
32
  <path
33
33
  d="M112.128 18.7117C112.128 13.8625 115.511 6.69077 121.33 6.69077C124.6 6.69077 125.976 8.6078 125.976 11.1107C125.976 15.9599 122.571 23.1093 116.774 23.1093C113.503 23.1093 112.128 21.1252 112.128 18.7117ZM121.826 11.8113C121.826 10.8409 121.51 10.3221 120.63 10.3221C118.578 10.3221 116.278 15.2846 116.278 17.9902C116.278 18.8474 116.48 19.4794 117.473 19.4794C119.526 19.4794 121.826 14.5184 121.826 11.8113Z"
34
- fill="white"
34
+ fill="currentColor"
35
35
  />
36
36
  <path
37
37
  d="M124.754 23.3701C120.468 22.3162 120.551 20.186 120.551 20.186L121.44 18.8429C121.44 18.8429 121.355 20.9731 125.642 22.027L124.754 23.3701Z"
@@ -95,26 +95,26 @@
95
95
  />
96
96
  <path
97
97
  d="M9.93959 14.2794L8.90242 17.8036H15.3848L14.1747 22.1669H7.60595L6.48234 26.1107H15.2983L14.0019 30.474H0L5.96376 10H19.9656L18.6691 14.3633H9.93959V14.2794Z"
98
- fill="white"
98
+ fill="currentColor"
99
99
  />
100
100
  <path
101
101
  d="M32.5846 26.1946L31.2881 30.5579H17.8048L23.7686 10.0839H28.9545L24.2872 26.2785H32.5846V26.1946Z"
102
- fill="white"
102
+ fill="currentColor"
103
103
  />
104
104
  <path
105
105
  d="M40.5362 10H45.7221L39.7584 30.474H34.5725L40.5362 10Z"
106
- fill="white"
106
+ fill="currentColor"
107
107
  />
108
108
  <path
109
109
  d="M58.5139 20.4887L62.0576 30.474H56.7853L54.6245 24.0129L49.0065 30.474H43.0427L52.6366 19.8174L49.0929 10H54.3652L56.526 16.2932L61.9712 10H67.9349L58.5139 20.4887Z"
110
- fill="white"
110
+ fill="currentColor"
111
111
  />
112
112
  <path
113
113
  d="M71.0465 10H76.2323L70.2686 30.474H65.0827L71.0465 10Z"
114
- fill="white"
114
+ fill="currentColor"
115
115
  />
116
116
  <path
117
117
  d="M93 10V30.474H88.4191V26.1946H81.4182L78.9981 30.474H73.4665L85.9991 10H93ZM88.4191 21.8313V13.8598L83.8383 21.8313H88.4191Z"
118
- fill="white"
118
+ fill="currentColor"
119
119
  />
120
120
  </svg>
@@ -28,11 +28,11 @@
28
28
  />
29
29
  <path
30
30
  d="M95.3303 12.5695L90.9104 15.773C92.6918 16.3589 93.6622 17.8257 93.6622 19.6071C93.6622 22.2233 91.6781 25.1093 87.5727 25.1093C84.4154 25.1093 82.6341 23.4397 82.002 21.7492L85.2502 20.0349C85.6795 20.9368 86.401 21.5912 87.5727 21.5912C88.9486 21.5912 89.603 20.6431 89.603 19.6295C89.603 18.8856 89.1752 18.0061 87.9335 18.0061C87.528 18.0061 87.1673 18.0955 86.8736 18.2312L85.52 16.0205L90.256 12.5695H85.204L86.2863 9.00677H96.3902L95.3303 12.5695Z"
31
- fill="white"
31
+ fill="currentColor"
32
32
  />
33
33
  <path
34
34
  d="M95.1276 20.7117C95.1276 15.8625 98.5114 8.69077 104.33 8.69077C107.6 8.69077 108.976 10.6078 108.976 13.1107C108.976 17.9599 105.571 25.1093 99.7741 25.1093C96.5035 25.1093 95.1276 23.1252 95.1276 20.7117ZM104.826 13.8113C104.826 12.8409 104.51 12.3221 103.63 12.3221C101.578 12.3221 99.2777 17.2846 99.2777 19.9902C99.2777 20.8474 99.4804 21.4794 100.473 21.4794C102.526 21.4794 104.826 16.5184 104.826 13.8113Z"
35
- fill="white"
35
+ fill="currentColor"
36
36
  />
37
37
  <path
38
38
  d="M107.754 25.3701C103.468 24.3162 103.551 22.186 103.551 22.186L104.44 20.8429C104.44 20.8429 104.355 22.9731 108.642 24.027L107.754 25.3701Z"
@@ -104,7 +104,7 @@
104
104
  fill-rule="evenodd"
105
105
  clip-rule="evenodd"
106
106
  d="M4.51429 25.3482L0.28215 28.6174C1.88096 30.9251 4.70238 32.6559 8.65238 32.6559C14.4833 32.6559 17.8691 29.0982 17.8691 24.3866C17.8691 21.9828 16.4583 20.5405 14.9536 19.1943L13.4488 17.752C12.5083 16.8866 12.0381 16.2136 12.0381 15.3482C12.0381 14.1943 12.7905 13.1366 14.5774 13.1366C15.8 13.1366 17.0226 13.6174 18.1512 14.8674L22.3833 11.5982C21.3488 9.96356 18.9036 8.23279 15.1417 8.23279C10.0631 8.23279 6.30119 11.6943 6.30119 16.2136C6.30119 18.4251 7.52381 19.9636 9.12262 21.4059L10.6274 22.8482C11.6619 23.8097 12.1321 24.3866 12.1321 25.252C12.1321 26.4059 11.2857 27.6559 9.02857 27.6559C7.24167 27.6559 5.64286 26.7905 4.51429 25.3482ZM60.7548 25.3482L56.5226 28.6174C58.0274 30.9251 60.9429 32.6559 64.8929 32.6559C70.7238 32.6559 74.1095 29.0982 74.1095 24.3866C74.1095 21.9828 72.6988 20.5405 71.1941 19.1943L69.6893 17.752C68.7488 16.8866 68.2786 16.2136 68.2786 15.3482C68.2786 14.1943 69.031 13.1366 70.8179 13.1366C72.0405 13.1366 73.2631 13.6174 74.3917 14.8674L78.6238 11.5982C77.5893 9.96356 75.1441 8.23279 71.3821 8.23279C66.3036 8.23279 62.5417 11.6943 62.5417 16.2136C62.5417 18.4251 63.7643 19.9636 65.3631 21.4059L66.8679 22.8482C67.9024 23.8097 68.3726 24.3866 68.3726 25.252C68.3726 26.4059 67.5262 27.6559 65.2691 27.6559C63.4821 27.6559 61.8833 26.7905 60.7548 25.3482ZM60.0024 13.6174H54.5476L49.4691 32.0789H43.8262L48.9048 13.6174H43.0738L44.4845 8.6174H61.5071L60.0024 13.6174ZM39.3119 32.1751V8.71356H31.506L17.9631 32.1751H23.9821L26.6155 27.2713H34.3274V32.1751H39.3119ZM34.3274 13.2328V22.2712H29.3429L34.3274 13.2328Z"
107
- fill="white"
107
+ fill="currentColor"
108
108
  />
109
109
  </g>
110
110
  </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sats-group/ui-lib",
3
- "version": "75.3.0",
3
+ "version": "75.3.2",
4
4
  "description": "SATS web user interface library",
5
5
  "engines": {
6
6
  "node": "^18 || ^20",
@@ -1,10 +1,8 @@
1
1
  export { default as EAvatar } from './e-avatar';
2
- export { default as ElixiaAnniversaryLight } from './elixia-anniversary-light';
3
2
  export { default as ElixiaLetter } from './elixia-letter';
4
3
  export { default as ElixiaSmall } from './elixia-small';
5
4
  export { default as Elixia } from './elixia';
6
5
  export { default as SAvatar } from './s-avatar';
7
- export { default as SatsAnniversaryLight } from './sats-anniversary-light';
8
6
  export { default as SatsLetter } from './sats-letter';
9
7
  export { default as SatsSmall } from './sats-small';
10
8
  export { default as Sats } from './sats';
@@ -82,6 +82,8 @@
82
82
  }
83
83
 
84
84
  &--theme-headline {
85
+ font-family: font-names.$headline, sans-serif;
86
+
85
87
  &#{$block}--size-headline1 {
86
88
  @include font-sizes.headline(headline1);
87
89
  letter-spacing: 0;
@@ -1,70 +0,0 @@
1
- import * as React from 'react';
2
- const SvgElixiaAnniversaryLight = () => (
3
- <svg xmlns="http://www.w3.org/2000/svg" width={127} height={41} fill="none">
4
- <path
5
- fill="#FA5333"
6
- d="m100.63 28.39-.358-3.835h1.422l.184 2.247 1.705-2.247h1.698l-3.195 3.985-.523 1.84h-1.498l.566-1.99zM106.886 25.87l-.258.883h1.764l-.374 1.314h-1.764l-.292 1h2.479l-.374 1.314h-3.977l1.672-5.824h3.869l-.375 1.315h-2.371zM113.84 24.555v5.824h-1.347v-1.182h-1.889l-.657 1.182h-1.606l3.494-5.824zm-1.347 3.329v-2.063l-1.148 2.063zM118.025 28.124l.882 2.255h-1.564l-.831-2.32-.667 2.32h-1.496l1.663-5.824h2.289c1.14 0 1.747.658 1.747 1.556 0 1.057-.732 1.915-2.022 2.013zm.59-1.87c0-.275-.2-.45-.557-.45h-.907l-.307 1.083h.999c.507 0 .774-.258.774-.632zM119.182 29.548l1.14-.874c.292.332.699.508 1.106.508.507 0 .724-.216.724-.532 0-.225-.166-.39-.432-.615l-.383-.326c-.399-.34-.732-.79-.732-1.372 0-1.04.883-1.897 2.221-1.897 1.007 0 1.673.425 1.938.849l-1.148.866a1.29 1.29 0 0 0-.915-.4c-.374 0-.583.175-.583.458 0 .232.2.407.425.6l.391.332c.383.325.74.782.74 1.347 0 1.115-.766 2.005-2.313 2.005-1.015 0-1.764-.39-2.179-.948z"
7
- />
8
- <path
9
- fill="#fff"
10
- d="m112.33 10.57-4.42 3.203c1.782.586 2.752 2.053 2.752 3.834 0 2.616-1.984 5.502-6.089 5.502-3.158 0-4.939-1.67-5.571-3.36l3.248-1.714c.43.902 1.151 1.556 2.323 1.556 1.376 0 2.03-.948 2.03-1.962 0-.743-.428-1.623-1.67-1.623-.405 0-.766.09-1.059.225l-1.354-2.21 4.736-3.452h-5.052l1.082-3.562h10.104zM112.128 18.712c0-4.85 3.383-12.021 9.202-12.021 3.27 0 4.646 1.917 4.646 4.42 0 4.849-3.405 11.998-9.202 11.998-3.271 0-4.646-1.984-4.646-4.397m9.698-6.9c0-.971-.316-1.49-1.196-1.49-2.052 0-4.352 4.963-4.352 7.668 0 .857.202 1.49 1.195 1.49 2.053 0 4.353-4.962 4.353-7.669"
11
- />
12
- <path
13
- fill="#DBDEE0"
14
- d="M124.754 23.37c-4.286-1.054-4.203-3.184-4.203-3.184l.889-1.343s-.085 2.13 4.202 3.184z"
15
- />
16
- <path
17
- fill="#FA5333"
18
- d="M98.047 11.83c1.462.61 2.06 1.766 2.06 1.766l-1.047 1.222s-.598-1.154-2.061-1.765zM98.567 5.83c.626-.14 1.094.1 1.094.1l-.06.649s-.468-.242-1.092-.1l.06-.648zM103.905 2.524c.563-.88 1.382-1.137 1.382-1.137l.675.82s-.818.258-1.382 1.139l-.675-.82z"
19
- />
20
- <path
21
- fill="#FF9283"
22
- d="M107.879 5.77c1.005.664 1.287 1.612 1.287 1.612l-.957.764s-.282-.948-1.287-1.613z"
23
- />
24
- <path
25
- fill="#FA5333"
26
- d="M113.894 2.234c.188-.907.784-1.378.784-1.378l.817.465s-.596.471-.784 1.378z"
27
- />
28
- <path
29
- fill="#DBDEE0"
30
- d="M119.723 4.024a2.04 2.04 0 0 1 1.265.267l-.158.751s-.514-.346-1.265-.267z"
31
- />
32
- <path
33
- fill="#FA5333"
34
- d="M101.184 11.793c.448-.608 1.048-.757 1.048-.757l.449.622s-.602.147-1.048.757z"
35
- />
36
- <path
37
- fill="#FF9283"
38
- d="M125.153 10.315c.92-.652 1.844-.577 1.844-.577l.343 1.094s-.923-.075-1.844.577z"
39
- />
40
- <path
41
- fill="#FA5333"
42
- d="M120.52 7.283c.79-.6 1.603-.56 1.603-.56l.332.952s-.812-.04-1.604.559z"
43
- />
44
- <path
45
- fill="#DBDEE0"
46
- d="M108.223-1.596c.755.59.917 1.36.917 1.36l-.806.544s-.163-.77-.917-1.36z"
47
- />
48
- <path
49
- fill="#FA5333"
50
- d="M98.7 20.945c-.473-.93-.28-1.764-.28-1.764l1.046-.167s-.193.835.28 1.764z"
51
- />
52
- <path
53
- fill="#C6CDD1"
54
- d="M103.507 23.826c-.565-1.094-.343-2.08-.343-2.08l1.234-.205s-.222.985.343 2.081z"
55
- />
56
- <path
57
- fill="#DBDEE0"
58
- d="M108.748 14.542c.622-.67 1.366-.764 1.366-.764l.453.809s-.744.094-1.366.765z"
59
- />
60
- <path
61
- fill="#FF9283"
62
- d="M114.429 23.434c.328-1.061 1.093-1.556 1.093-1.556l.923.648s-.765.495-1.093 1.557z"
63
- />
64
- <path
65
- fill="#fff"
66
- d="m9.94 14.28-1.038 3.524h6.483l-1.21 4.363h-6.57L6.483 26.11h8.816l-1.296 4.363H0L5.964 10h14.002l-1.297 4.363H9.94zM32.585 26.195l-1.297 4.363H17.805l5.964-20.474h5.186l-4.668 16.195h8.298zM40.536 10h5.186l-5.964 20.474h-5.186zM58.514 20.489l3.544 9.985h-5.273l-2.16-6.461-5.618 6.461h-5.964l9.594-10.657L49.093 10h5.272l2.161 6.293L61.971 10h5.964zM71.047 10h5.185L70.27 30.474h-5.186zM93 10v20.474h-4.58v-4.28h-7.002l-2.42 4.28h-5.532L86 10zm-4.58 11.831V13.86l-4.582 7.971z"
67
- />
68
- </svg>
69
- );
70
- export default SvgElixiaAnniversaryLight;
@@ -1,76 +0,0 @@
1
- import * as React from 'react';
2
- const SvgSatsAnniversaryLight = () => (
3
- <svg xmlns="http://www.w3.org/2000/svg" width={111} height={41} fill="none">
4
- <g clipPath="url(#sats-anniversary-light_svg__clip0_4421_62)">
5
- <path
6
- fill="#FA5333"
7
- d="m83.63 30.39-.358-3.835h1.422l.184 2.247 1.705-2.247h1.698l-3.195 3.985-.523 1.84h-1.498l.566-1.99zM89.886 27.87l-.258.883h1.764l-.374 1.314h-1.764l-.292 1h2.48l-.375 1.314H87.09l1.672-5.824h3.869l-.374 1.315h-2.372zM96.84 26.555v5.824h-1.347v-1.182h-1.889l-.657 1.182H91.34l3.494-5.824zm-1.347 3.329v-2.063l-1.148 2.063zM101.025 30.124l.882 2.255h-1.564l-.831-2.32-.667 2.32H97.35l1.663-5.824h2.289c1.14 0 1.747.658 1.747 1.556 0 1.057-.732 1.915-2.022 2.013zm.59-1.87c0-.275-.2-.45-.557-.45h-.907l-.307 1.083h.999c.507 0 .774-.258.774-.632zM102.182 31.548l1.14-.874c.292.332.699.508 1.106.508.507 0 .724-.216.724-.532 0-.225-.166-.39-.432-.615l-.383-.326c-.399-.34-.732-.79-.732-1.372 0-1.04.883-1.897 2.221-1.897 1.006 0 1.673.425 1.938.849l-1.148.866a1.29 1.29 0 0 0-.915-.4c-.374 0-.583.175-.583.458 0 .232.2.407.425.6l.391.332c.383.325.74.782.74 1.347 0 1.115-.766 2.005-2.313 2.005-1.015 0-1.764-.39-2.179-.948z"
8
- />
9
- <path
10
- fill="#fff"
11
- d="m95.33 12.57-4.42 3.203c1.782.586 2.752 2.053 2.752 3.834 0 2.616-1.984 5.502-6.09 5.502-3.157 0-4.938-1.67-5.57-3.36l3.248-1.714c.43.902 1.151 1.556 2.323 1.556 1.376 0 2.03-.948 2.03-1.962 0-.743-.428-1.623-1.67-1.623-.405 0-.766.09-1.06.225l-1.353-2.21 4.736-3.452h-5.052l1.082-3.562H96.39zM95.128 20.712c0-4.85 3.383-12.021 9.202-12.021 3.27 0 4.646 1.917 4.646 4.42 0 4.849-3.405 11.998-9.202 11.998-3.27 0-4.646-1.984-4.646-4.397m9.698-6.9c0-.971-.316-1.49-1.196-1.49-2.052 0-4.352 4.963-4.352 7.668 0 .857.202 1.49 1.195 1.49 2.053 0 4.353-4.962 4.353-7.669"
12
- />
13
- <path
14
- fill="#DBDEE0"
15
- d="M107.754 25.37c-4.286-1.054-4.203-3.184-4.203-3.184l.889-1.343s-.085 2.13 4.202 3.184z"
16
- />
17
- <path
18
- fill="#FA5333"
19
- d="M81.047 13.83c1.462.61 2.06 1.766 2.06 1.766l-1.047 1.222s-.598-1.154-2.061-1.765zM81.567 7.83c.626-.14 1.094.1 1.094.1l-.06.649s-.468-.242-1.092-.1l.06-.648zM86.905 4.524c.563-.88 1.382-1.137 1.382-1.137l.675.82s-.818.258-1.382 1.139l-.675-.82z"
20
- />
21
- <path
22
- fill="#FF9283"
23
- d="M90.88 7.77c1.004.664 1.286 1.612 1.286 1.612l-.957.764s-.282-.948-1.287-1.613z"
24
- />
25
- <path
26
- fill="#FA5333"
27
- d="M96.894 4.234c.188-.907.784-1.378.784-1.378l.817.465s-.596.471-.784 1.378z"
28
- />
29
- <path
30
- fill="#DBDEE0"
31
- d="M102.723 6.024a2.04 2.04 0 0 1 1.265.267l-.158.751s-.514-.346-1.265-.267z"
32
- />
33
- <path
34
- fill="#FA5333"
35
- d="M84.184 13.793c.448-.608 1.048-.757 1.048-.757l.449.622s-.602.147-1.048.757z"
36
- />
37
- <path
38
- fill="#FF9283"
39
- d="M108.153 12.315c.92-.652 1.844-.577 1.844-.577l.343 1.094s-.923-.075-1.844.577z"
40
- />
41
- <path
42
- fill="#FA5333"
43
- d="M103.52 9.283c.79-.6 1.603-.56 1.603-.56l.332.952s-.812-.04-1.604.559zM100.885 0c.858.31 1.235.957 1.235.957l-.568.733s-.377-.648-1.235-.957z"
44
- />
45
- <path
46
- fill="#DBDEE0"
47
- d="M91.223.404c.755.59.917 1.36.917 1.36l-.806.544s-.163-.77-.917-1.36z"
48
- />
49
- <path
50
- fill="#FA5333"
51
- d="M81.7 22.945c-.473-.93-.28-1.764-.28-1.764l1.046-.167s-.193.835.28 1.764z"
52
- />
53
- <path
54
- fill="#C6CDD1"
55
- d="M86.507 25.826c-.565-1.094-.343-2.08-.343-2.08l1.234-.205s-.222.985.343 2.081z"
56
- />
57
- <path
58
- fill="#DBDEE0"
59
- d="M91.748 16.542c.622-.67 1.366-.765 1.366-.765l.453.81s-.744.094-1.366.765z"
60
- />
61
- <path
62
- fill="#FF9283"
63
- d="M97.43 25.434c.327-1.061 1.092-1.556 1.092-1.556l.923.648s-.765.495-1.093 1.557z"
64
- />
65
- </g>
66
- <g clipPath="url(#sats-anniversary-light_svg__clip1_4421_62)">
67
- <path
68
- fill="#fff"
69
- fillRule="evenodd"
70
- d="m4.514 25.348-4.232 3.27c1.599 2.307 4.42 4.038 8.37 4.038 5.831 0 9.217-3.558 9.217-8.27 0-2.403-1.41-3.845-2.915-5.192l-1.505-1.442c-.94-.865-1.41-1.538-1.41-2.404 0-1.154.752-2.211 2.538-2.211 1.223 0 2.446.48 3.574 1.73l4.232-3.269c-1.034-1.634-3.48-3.365-7.241-3.365-5.079 0-8.84 3.461-8.84 7.98 0 2.212 1.222 3.75 2.82 5.193l1.505 1.442c1.035.962 1.505 1.539 1.505 2.404 0 1.154-.846 2.404-3.103 2.404-1.787 0-3.386-.865-4.515-2.308m56.24 0-4.231 3.27c1.504 2.307 4.42 4.038 8.37 4.038 5.83 0 9.216-3.558 9.216-8.27 0-2.403-1.41-3.845-2.915-5.192l-1.505-1.442c-.94-.865-1.41-1.538-1.41-2.404 0-1.154.752-2.211 2.539-2.211 1.222 0 2.445.48 3.574 1.73l4.232-3.269c-1.035-1.634-3.48-3.365-7.242-3.365-5.078 0-8.84 3.461-8.84 7.98 0 2.212 1.222 3.75 2.821 5.193l1.505 1.442c1.034.962 1.505 1.539 1.505 2.404 0 1.154-.847 2.404-3.104 2.404-1.787 0-3.386-.865-4.514-2.308m-.752-11.73h-5.454l-5.079 18.46h-5.643l5.079-18.46h-5.831l1.41-5h17.023zm-20.69 18.557V8.714h-7.806L17.963 32.175h6.02l2.633-4.904h7.711v4.904zm-4.985-18.942v9.038h-4.984z"
71
- clipRule="evenodd"
72
- />
73
- </g>
74
- </svg>
75
- );
76
- export default SvgSatsAnniversaryLight;