@sats-group/ui-lib 75.3.2 → 75.4.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 (7) hide show
  1. package/package.json +1 -1
  2. package/react/logos/elixia-anniversary-light.tsx +70 -0
  3. package/react/logos/index.ts +2 -0
  4. package/react/logos/sats-anniversary-light.tsx +76 -0
  5. package/tokens/dark.scss +19 -0
  6. package/tokens/light.scss +36 -17
  7. package/tokens/primitives.scss +7 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sats-group/ui-lib",
3
- "version": "75.3.2",
3
+ "version": "75.4.0",
4
4
  "description": "SATS web user interface library",
5
5
  "engines": {
6
6
  "node": "^18 || ^20",
package/react/logos/elixia-anniversary-light.tsx ADDED
@@ -0,0 +1,70 @@
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="currentColor"
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="currentColor"
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;
package/react/logos/index.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  export { default as EAvatar } from './e-avatar';
2
+ export { default as ElixiaAnniversaryLight } from './elixia-anniversary-light';
2
3
  export { default as ElixiaLetter } from './elixia-letter';
3
4
  export { default as ElixiaSmall } from './elixia-small';
4
5
  export { default as Elixia } from './elixia';
5
6
  export { default as SAvatar } from './s-avatar';
7
+ export { default as SatsAnniversaryLight } from './sats-anniversary-light';
6
8
  export { default as SatsLetter } from './sats-letter';
7
9
  export { default as SatsSmall } from './sats-small';
8
10
  export { default as Sats } from './sats';
package/react/logos/sats-anniversary-light.tsx ADDED
@@ -0,0 +1,76 @@
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="currentColor"
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="currentColor"
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;
package/tokens/dark.scss CHANGED
@@ -206,18 +206,33 @@ $ge-toggle-selected-disabled: primitives.$coral-130;
206
206
  $ge-toggle-unselected-default: primitives.$black-70;
207
207
  $ge-toggle-unselected-disabled: primitives.$black-80;
208
208
  $ge-toggle-unselected-interactive-element: primitives.$black-100;
209
+ $ge-workouts-availability: primitives.$black-40;
209
210
  $ge-workouts-bootcamp: primitives.$tropical-indigo-60;
210
211
  $ge-workouts-gx: primitives.$salmon-pink-60;
211
212
  $ge-workouts-gym-floor: primitives.$tangerine-60;
212
213
  $ge-workouts-other: primitives.$celadon-60;
213
214
  $ge-workouts-pt: primitives.$uranian-blue-60;
214
215
  $ge-workouts-treatments: primitives.$caribbean-current-60;
216
+ $on-background-error: primitives.$cardinal-60;
217
+ $on-background-featured: primitives.$coral-90;
218
+ $on-background-information: primitives.$bright-blue-60;
219
+ $on-background-neutral: primitives.$black-40;
220
+ $on-background-success: primitives.$spring-green-80;
221
+ $on-background-waiting-list: primitives.$egyptian-purple-60;
222
+ $on-background-warning: primitives.$gold-80;
215
223
  $on-background-primary-alternate: primitives.$black-20;
216
224
  $on-background-primary-default: primitives.$white-100;
217
225
  $on-background-primary-disabled: primitives.$black-50;
218
226
  $on-background-secondary-alternate: primitives.$black-20;
219
227
  $on-background-secondary-default: primitives.$white-100;
220
228
  $on-background-secondary-disabled: primitives.$black-50;
229
+ $on-fixed-background-error: primitives.$cardinal-60;
230
+ $on-fixed-background-featured: primitives.$coral-90;
231
+ $on-fixed-background-information: primitives.$bright-blue-60;
232
+ $on-fixed-background-neutral: primitives.$white-60;
233
+ $on-fixed-background-success: primitives.$spring-green-60;
234
+ $on-fixed-background-waiting-list: primitives.$egyptian-purple-40;
235
+ $on-fixed-background-warning: primitives.$gold-60;
221
236
  $on-fixed-background-primary-alternate: primitives.$white-60;
222
237
  $on-fixed-background-primary-default: primitives.$white-100;
223
238
  $on-fixed-background-primary-disabled: primitives.$white-50;
@@ -320,6 +335,8 @@ $on-surface-primary-disabled: primitives.$black-50;
320
335
  $on-surface-secondary-alternate: primitives.$black-20;
321
336
  $on-surface-secondary-default: primitives.$white-100;
322
337
  $on-surface-secondary-disabled: primitives.$black-50;
338
+ $on-workout-surface-availability-default: primitives.$white-100;
339
+ $on-workout-surface-availability-hover: primitives.$white-80;
323
340
  $on-workout-surface-bootcamp-alternate: primitives.$tropical-indigo-100;
324
341
  $on-workout-surface-bootcamp-default: primitives.$white-100;
325
342
  $on-workout-surface-gx-alternate: primitives.$salmon-pink-100;
@@ -381,6 +398,8 @@ $surface-secondary-default: primitives.$black-85;
381
398
  $surface-secondary-disabled: primitives.$black-100;
382
399
  $surface-secondary-hover: primitives.$black-80;
383
400
  $surface-secondary-selected: primitives.$black-85;
401
+ $workout-surface-availability: primitives.$black-85;
402
+ $workout-surface-availability-hover: primitives.$black-80;
384
403
  $workout-surface-bootcamp: primitives.$tropical-indigo-180;
385
404
  $workout-surface-bootcamp-hover: primitives.$tropical-indigo-160;
386
405
  $workout-surface-gx: primitives.$salmon-pink-180;
package/tokens/light.scss CHANGED
@@ -206,18 +206,33 @@ $ge-toggle-selected-disabled: primitives.$coral-40;
206
206
  $ge-toggle-unselected-default: primitives.$blue-40;
207
207
  $ge-toggle-unselected-disabled: primitives.$light-grey-15;
208
208
  $ge-toggle-unselected-interactive-element: primitives.$white-100;
209
+ $ge-workouts-availability: primitives.$black-60;
209
210
  $ge-workouts-bootcamp: primitives.$tropical-indigo-100;
210
211
  $ge-workouts-gx: primitives.$salmon-pink-100;
211
212
  $ge-workouts-gym-floor: primitives.$tangerine-100;
212
213
  $ge-workouts-other: primitives.$celadon-100;
213
214
  $ge-workouts-pt: primitives.$uranian-blue-100;
214
215
  $ge-workouts-treatments: primitives.$caribbean-current-100;
216
+ $on-background-error: primitives.$cardinal-120;
217
+ $on-background-featured: primitives.$coral-120;
218
+ $on-background-information: primitives.$bright-blue-110;
219
+ $on-background-neutral: primitives.$black-60;
220
+ $on-background-success: primitives.$spring-green-120;
221
+ $on-background-waiting-list: primitives.$egyptian-purple-100;
222
+ $on-background-warning: primitives.$gold-140;
215
223
  $on-background-primary-alternate: primitives.$blue-70;
216
224
  $on-background-primary-default: primitives.$blue-100;
217
225
  $on-background-primary-disabled: primitives.$black-55;
218
226
  $on-background-secondary-alternate: primitives.$blue-70;
219
227
  $on-background-secondary-default: primitives.$blue-100;
220
228
  $on-background-secondary-disabled: primitives.$black-55;
229
+ $on-fixed-background-error: primitives.$cardinal-60;
230
+ $on-fixed-background-featured: primitives.$coral-90;
231
+ $on-fixed-background-information: primitives.$bright-blue-60;
232
+ $on-fixed-background-neutral: primitives.$white-60;
233
+ $on-fixed-background-success: primitives.$spring-green-60;
234
+ $on-fixed-background-waiting-list: primitives.$egyptian-purple-40;
235
+ $on-fixed-background-warning: primitives.$gold-60;
221
236
  $on-fixed-background-primary-alternate: primitives.$white-60;
222
237
  $on-fixed-background-primary-default: primitives.$white-100;
223
238
  $on-fixed-background-primary-disabled: primitives.$white-50;
@@ -320,17 +335,19 @@ $on-surface-primary-disabled: primitives.$black-55;
320
335
  $on-surface-secondary-alternate: primitives.$blue-70;
321
336
  $on-surface-secondary-default: primitives.$blue-100;
322
337
  $on-surface-secondary-disabled: primitives.$black-60;
323
- $on-workout-surface-bootcamp-alternate: primitives.$tropical-indigo-140;
338
+ $on-workout-surface-availability-default: primitives.$blue-100;
339
+ $on-workout-surface-availability-hover: primitives.$blue-grey-80;
340
+ $on-workout-surface-bootcamp-alternate: primitives.$tropical-indigo-160;
324
341
  $on-workout-surface-bootcamp-default: primitives.$blue-100;
325
- $on-workout-surface-gx-alternate: primitives.$salmon-pink-140;
342
+ $on-workout-surface-gx-alternate: primitives.$salmon-pink-180;
326
343
  $on-workout-surface-gx-default: primitives.$blue-100;
327
- $on-workout-surface-gymfloor-alternate: primitives.$tangerine-140;
344
+ $on-workout-surface-gymfloor-alternate: primitives.$tangerine-160;
328
345
  $on-workout-surface-gymfloor-default: primitives.$blue-100;
329
346
  $on-workout-surface-other-alternate: primitives.$celadon-160;
330
347
  $on-workout-surface-other-default: primitives.$blue-100;
331
- $on-workout-surface-pt-alternate: primitives.$uranian-blue-140;
348
+ $on-workout-surface-pt-alternate: primitives.$uranian-blue-160;
332
349
  $on-workout-surface-pt-default: primitives.$blue-100;
333
- $on-workout-surface-treatments-alternate: primitives.$caribbean-current-100;
350
+ $on-workout-surface-treatments-alternate: primitives.$caribbean-current-180;
334
351
  $on-workout-surface-treatments-default: primitives.$blue-100;
335
352
  $on-buttons-on-action-default: primitives.$coral-120;
336
353
  $on-buttons-on-action-disabled: primitives.$black-50;
@@ -381,15 +398,17 @@ $surface-secondary-default: primitives.$black-3;
381
398
  $surface-secondary-disabled: primitives.$black-10;
382
399
  $surface-secondary-hover: primitives.$white-100;
383
400
  $surface-secondary-selected: primitives.$black-5;
384
- $workout-surface-bootcamp: primitives.$tropical-indigo-10;
385
- $workout-surface-bootcamp-hover: primitives.$tropical-indigo-20;
386
- $workout-surface-gx: primitives.$salmon-pink-10;
387
- $workout-surface-gx-hover: primitives.$salmon-pink-20;
388
- $workout-surface-gymfloor: primitives.$tangerine-10;
389
- $workout-surface-gymfloor-hover: primitives.$tangerine-20;
390
- $workout-surface-other: primitives.$celadon-10;
391
- $workout-surface-other-hover: primitives.$celadon-20;
392
- $workout-surface-pt: primitives.$uranian-blue-10;
393
- $workout-surface-pt-hover: primitives.$uranian-blue-20;
394
- $workout-surface-treatments: primitives.$caribbean-current-10;
395
- $workout-surface-treatments-hover: primitives.$caribbean-current-20;
401
+ $workout-surface-availability: primitives.$light-grey-15;
402
+ $workout-surface-availability-hover: primitives.$blue-20;
403
+ $workout-surface-bootcamp: primitives.$tropical-indigo-30;
404
+ $workout-surface-bootcamp-hover: primitives.$tropical-indigo-40;
405
+ $workout-surface-gx: primitives.$salmon-pink-40;
406
+ $workout-surface-gx-hover: primitives.$salmon-pink-60;
407
+ $workout-surface-gymfloor: primitives.$tangerine-40;
408
+ $workout-surface-gymfloor-hover: primitives.$tangerine-60;
409
+ $workout-surface-other: primitives.$celadon-40;
410
+ $workout-surface-other-hover: primitives.$celadon-60;
411
+ $workout-surface-pt: primitives.$uranian-blue-40;
412
+ $workout-surface-pt-hover: primitives.$uranian-blue-60;
413
+ $workout-surface-treatments: primitives.$caribbean-current-40;
414
+ $workout-surface-treatments-hover: primitives.$caribbean-current-60;
package/tokens/primitives.scss CHANGED
@@ -46,6 +46,7 @@ $caribbean-current-140: #054a4f;
46
46
  $caribbean-current-160: #04383b;
47
47
  $caribbean-current-180: #011314;
48
48
  $caribbean-current-20: #cddfe0;
49
+ $caribbean-current-40: #9bbec1;
49
50
  $caribbean-current-60: #6a9ea1;
50
51
  $celadon-10: #f0fdf4;
51
52
  $celadon-100: #65e694;
@@ -53,6 +54,7 @@ $celadon-140: #3f965e;
53
54
  $celadon-160: #184629;
54
55
  $celadon-180: #051e0e;
55
56
  $celadon-20: #e0faea;
57
+ $celadon-40: #c1f5d4;
56
58
  $celadon-60: #a3f0bf;
57
59
  $chili-red-10: #fbeae9;
58
60
  $chili-red-100: #d93226;
@@ -92,6 +94,7 @@ $salmon-pink-140: #b54352;
92
94
  $salmon-pink-160: #912d3a;
93
95
  $salmon-pink-180: #470009;
94
96
  $salmon-pink-20: #ffe2e6;
97
+ $salmon-pink-40: #ffc6cd;
95
98
  $salmon-pink-60: #ffa9b5;
96
99
  $spring-green-10: #e6f2ee;
97
100
  $spring-green-100: #097f58;
@@ -106,6 +109,7 @@ $tangerine-140: #976000;
106
109
  $tangerine-160: #644000;
107
110
  $tangerine-180: #322000;
108
111
  $tangerine-20: #feeccc;
112
+ $tangerine-40: #fdd999;
109
113
  $tangerine-60: #fdc666;
110
114
  $tropical-indigo-10: #f6f1ff;
111
115
  $tropical-indigo-100: #a670ff;
@@ -113,6 +117,8 @@ $tropical-indigo-140: #644399;
113
117
  $tropical-indigo-160: #422d66;
114
118
  $tropical-indigo-180: #211633;
115
119
  $tropical-indigo-20: #ede2ff;
120
+ $tropical-indigo-30: #e4d4ff;
121
+ $tropical-indigo-40: #dbc6ff;
116
122
  $tropical-indigo-60: #caa9ff;
117
123
  $uranian-blue-10: #f1f9ff;
118
124
  $uranian-blue-100: #70c4ff;
@@ -120,6 +126,7 @@ $uranian-blue-140: #2d6891;
120
126
  $uranian-blue-160: #16496c;
121
127
  $uranian-blue-180: #0b3959;
122
128
  $uranian-blue-20: #e2f3ff;
129
+ $uranian-blue-40: #c6e7ff;
123
130
  $uranian-blue-60: #a9dcff;
124
131
  $white-0: #ffffff00;
125
132
  $white-10: #ffffff1a;