@sats-group/ui-lib 74.2.0

package/tokens/font-faces.scss

@@ -0,0 +1,62 @@
+@use './font-names';
+
+@font-face {
+  font-family: font-names.$brand;
+  font-style: normal;
+  font-weight: normal;
+  font-display: swap;
+  src: url('../fonts/Inter-Regular.woff2?v=3.12') format('woff2'),
+    url('../fonts/Inter-Regular.woff?v=3.12') format('woff');
+}
+
+@font-face {
+  font-family: font-names.$brand;
+  font-style: italic;
+  font-weight: normal;
+  font-display: swap;
+  src: url('../fonts/Inter-Italic.woff2?v=3.12') format('woff2'),
+    url('../fonts/Inter-Italic.woff?v=3.12') format('woff');
+}
+
+@font-face {
+  font-family: font-names.$brand;
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('../fonts/Inter-SemiBold.woff2?v=3.12') format('woff2'),
+    url('../fonts/Inter-SemiBold.woff?v=3.12') format('woff');
+}
+
+@font-face {
+	font-family: font-names.$brand;
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url('../fonts/Inter-ExtraBold.woff2') format('woff2'),
+		url('../fonts/Inter-ExtraBold.woff') format('woff');
+}
+
+@font-face {
+  font-family: font-names.$brand;
+  font-style: italic;
+  font-weight: bold;
+  font-display: swap;
+  src: url('../fonts/Inter-BoldItalic.woff2?v=3.12') format('woff2'),
+    url('../fonts/Inter-BoldItalic.woff?v=3.12') format('woff');
+}
+
+@font-face {
+  font-family: font-names.$headline;
+  font-style: italic;
+  font-weight: bold;
+  font-display: swap;
+  src: url('../fonts/SATSHeadline-BoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: font-names.$headline;
+  font-style: normal;
+  font-weight: normal;
+  font-display: swap;
+  src: url('../fonts/SATSHeadline-Bold.woff') format('woff');
+}

package/tokens/font-names.scss

@@ -0,0 +1,2 @@
+$brand: 'Inter';
+$headline: 'SATSHeadline';

package/tokens/font-sizes.scss

@@ -0,0 +1,95 @@
+@use "sass:map";
+@use './font-names';
+
+$headline: (
+  headline1: (
+    fallBack: 64px,
+    clamp: clamp(36px, 4vw, 64px)
+  ),
+  headline2: (
+    fallBack: 38px,
+    clamp: clamp(24px, 4vw, 38px)
+  ),
+  headline3: (
+    fallBack: 30px,
+    clamp: clamp(19px, 4vw, 30px)
+  ),
+  large: (
+    fallBack: 21px,
+    clamp: clamp(16px, 4vw, 21px)
+  ),
+  basic: (
+    fallBack: 18px,
+    clamp: clamp(14px, 4vw, 18px)
+  ),
+  small: (
+    fallBack: 16px,
+    clamp: clamp(12px, 4vw, 16px)
+  ),
+  interface: (
+    fallBack: 14px,
+    clamp: clamp(10px, 4vw, 14px)
+  ),
+  button: (
+    fallBack: 16px,
+    clamp: clamp(14px, 4vw, 16px)
+  ),
+);
+
+@mixin headline($size) {
+  font-family: font-names.$headline, sans-serif;
+  font-weight: bold;
+  text-transform: uppercase;
+  @if map.has-key($headline, $size) {
+    font-size: map-get(map-get($headline, $size), fallback);
+    font-size: map-get(map-get($headline, $size), clamp);
+  } @else {
+    @error "Size #{$size} does not exist on Headline.";
+  }
+}
+
+$normal: (
+  headline1: (
+    fallBack: 36px,
+    clamp: clamp(28px, 4vw, 36px)
+  ),
+  headline2: (
+    fallBack: 28px,
+    clamp: clamp(24px, 4vw, 28px)
+  ),
+  headline3: (
+    fallBack: 24px,
+    clamp: clamp(19px, 4vw, 24px)
+  ),
+  large: (
+    fallBack: 21px,
+    clamp: clamp(16px, 3vw, 21px)
+  ),
+  basic: (
+    fallBack: 18px,
+    clamp: clamp(14px, 3vw, 18px)
+  ),
+  small: (
+    fallBack: 16px,
+    clamp: clamp(12px, 3vw, 16px)
+  ),
+  interface: (
+    fallBack: 14px,
+    clamp: clamp(10px, 3vw, 14px)
+  ),
+  section: (
+    fallBack: 20px,
+    clamp: clamp(16px, 3vw, 20px)
+  ),
+);
+
+@mixin normal($size) {
+  @if map.has-key($normal, $size) {
+    font-family: font-names.$brand, sans-serif;
+    font-weight: normal;
+    font-size: map-get(map-get($normal, $size), fallback);
+    font-size: map-get(map-get($normal, $size), clamp);
+  } @else {
+    @error "Size #{$size} does not exist on Normal.";
+  }
+}

package/tokens/light.scss

@@ -0,0 +1,392 @@
+@use './primitives';
+/* Figma: https://www.figma.com/file/WzKCwRY09zn4rzRVfY0YvdRt/%F0%9F%8E%A8-sats-ds-styles?type=design&node-id=8481%3A40160&mode=design&t=4Gq1pqiSLpmo4bBj-1 */
+$background-primary-default: primitives.$blue-5;
+$background-primary-hover: primitives.$bright-blue-10;
+$background-primary-selected: primitives.$blue-5;
+$background-secondary-default: primitives.$white-100;
+$background-secondary-hover: primitives.$blue-5;
+$background-secondary-selected: primitives.$white-100;
+$buttons-action-default: primitives.$white-0;
+$buttons-action-disabled: primitives.$white-0;
+$buttons-action-pressed: primitives.$white-0;
+$buttons-cta-default: primitives.$coral-120;
+$buttons-cta-disabled: primitives.$black-10;
+$buttons-cta-hover: primitives.$coral-130;
+$buttons-clean-default: primitives.$white-100;
+$buttons-clean-disabled: primitives.$white-10;
+$buttons-clean-hover: primitives.$white-90;
+$buttons-clean-secondary-default: primitives.$white-15;
+$buttons-clean-secondary-disabled: primitives.$white-5;
+$buttons-clean-secondary-hover: primitives.$white-10;
+$buttons-clean-secondary-outline: primitives.$white-100;
+$buttons-clean-secondary-outline-disabled: primitives.$white-40;
+$buttons-complete-default: primitives.$coral-120;
+$buttons-complete-disabled: primitives.$black-10;
+$buttons-complete-hover: primitives.$coral-130;
+$buttons-destructive-default: primitives.$chili-red-100;
+$buttons-destructive-disabled: primitives.$black-10;
+$buttons-destructive-hover: primitives.$chili-red-120;
+$buttons-destructive-outlined-default: primitives.$chili-red-100;
+$buttons-destructive-outlined-disabled: primitives.$black-60;
+$buttons-destructive-outlined-hover: primitives.$chili-red-10;
+$buttons-fixed-action-default: primitives.$white-0;
+$buttons-fixed-action-disabled: primitives.$white-0;
+$buttons-fixed-action-pressed: primitives.$white-0;
+$buttons-fixed-link-default: primitives.$white-0;
+$buttons-fixed-link-disabled: primitives.$white-0;
+$buttons-fixed-link-hover: primitives.$bright-blue-160;
+$buttons-link-default: primitives.$white-0;
+$buttons-link-disabled: primitives.$white-0;
+$buttons-link-hover: primitives.$bright-blue-10;
+$buttons-primary-default: primitives.$blue-100;
+$buttons-primary-disabled: primitives.$black-10;
+$buttons-primary-hover: primitives.$blue-grey-80;
+$buttons-secondary-default: primitives.$blue-100;
+$buttons-secondary-disabled: primitives.$black-20;
+$buttons-secondary-hover: primitives.$bright-blue-10;
+$buttons-waiting-list-default: primitives.$egyptian-purple-80;
+$buttons-waiting-list-disabled: primitives.$black-10;
+$buttons-waiting-list-hover: primitives.$egyptian-purple-100;
+$buttons-waiting-list-outlined-default: primitives.$egyptian-purple-80;
+$buttons-waiting-list-outlined-disabled: primitives.$black-60;
+$buttons-waiting-list-outlined-hover: primitives.$egyptian-purple-10;
+$fixed-background-primary-default: primitives.$blue-105;
+$fixed-background-primary-hover: primitives.$blue-100;
+$fixed-background-primary-selected: primitives.$blue-90;
+$fixed-background-secondary-default: primitives.$blue-100;
+$fixed-background-secondary-hover: primitives.$blue-90;
+$fixed-background-secondary-selected: primitives.$blue-grey-80;
+$fixed-surface-primary-default: primitives.$blue-100;
+$fixed-surface-primary-hover: primitives.$blue-90;
+$fixed-surface-primary-selected: primitives.$blue-grey-80;
+$fixed-surface-secondary-default: primitives.$blue-grey-80;
+$fixed-surface-secondary-hover: primitives.$blue-90;
+$fixed-surface-secondary-selected: primitives.$blue-grey-80;
+$ge-graphical-elements-1: primitives.$blue-100;
+$ge-graphical-elements-2: primitives.$blue-40;
+$ge-graphical-elements-3: primitives.$blue-20;
+$ge-graphical-elements-4: primitives.$blue-100;
+$ge-shadow: primitives.$black-100;
+$ge-tabs: primitives.$black-3;
+$ge-badge-primary: primitives.$coral-120;
+$ge-badge-secondary: primitives.$blue-100;
+$ge-badge-tertiary: primitives.$blue-5;
+$ge-border-default: primitives.$light-grey-15;
+$ge-border-focused: primitives.$blue-40;
+$ge-chips-selected-default: primitives.$blue-100;
+$ge-chips-selected-disabled: primitives.$light-grey-15;
+$ge-chips-selected-hover: primitives.$blue-grey-80;
+$ge-chips-unselected-default: primitives.$blue-40;
+$ge-chips-unselected-disabled: primitives.$light-grey-15;
+$ge-chips-unselected-hover: primitives.$bright-blue-10;
+$ge-divider-alternate: primitives.$black-o20;
+$ge-divider-default: primitives.$light-grey-15;
+$ge-divider-fixed: primitives.$white-20;
+$ge-divider-fixed-alternate: primitives.$white-40;
+$ge-fixed-badge-primary: primitives.$coral-120;
+$ge-fixed-badge-secondary: primitives.$bright-blue-10;
+$ge-fixed-badge-tertiary: primitives.$blue-grey-80;
+$ge-fixed-chips-selected-default: primitives.$coral-120;
+$ge-fixed-chips-selected-disabled: primitives.$blue-70;
+$ge-fixed-chips-selected-hover: primitives.$coral-130;
+$ge-fixed-chips-unselected-default: primitives.$white-100;
+$ge-fixed-chips-unselected-disabled: primitives.$white-50;
+$ge-fixed-chips-unselected-hover: primitives.$black-o20;
+$ge-fixed-progress-bar-background: primitives.$white-40;
+$ge-fixed-progress-bar-indicator-alternate: primitives.$blue-10;
+$ge-fixed-progress-bar-indicator-default: primitives.$coral-90;
+$ge-fixed-progress-bar-indicator-disabled: primitives.$white-40;
+$ge-fixed-selector-selected-default: primitives.$coral-90;
+$ge-fixed-selector-selected-disabled: primitives.$coral-130;
+$ge-fixed-selector-selected-bg-default: primitives.$coral-170;
+$ge-fixed-selector-selected-bg-disabled: primitives.$coral-190;
+$ge-fixed-selector-unselected-default: primitives.$white-100;
+$ge-fixed-selector-unselected-disabled: primitives.$white-50;
+$ge-fixed-tabs-background-default: primitives.$white-0;
+$ge-fixed-tabs-background-disabled: primitives.$blue-grey-80;
+$ge-fixed-tabs-background-hover: primitives.$white-15;
+$ge-fixed-tabs-selected-default: primitives.$coral-100;
+$ge-fixed-tabs-selected-disabled: primitives.$blue-70;
+$ge-fixed-tabs-selected-hover: primitives.$coral-120;
+$ge-fixed-tabs-unselected-default: primitives.$white-20;
+$ge-fixed-tabs-unselected-disabled: primitives.$white-10;
+$ge-fixed-tabs-unselected-hover: primitives.$white-40;
+$ge-graphs-bar-primary: primitives.$coral-100;
+$ge-graphs-bar-secondary: primitives.$blue-40;
+$ge-graphs-bar-background-primary: primitives.$light-grey-15;
+$ge-graphs-bar-background-secondary: primitives.$blue-5;
+$ge-graphs-trend-downwards: primitives.$cardinal-100;
+$ge-graphs-trend-neutral: primitives.$coral-40;
+$ge-graphs-trend-upwards: primitives.$spring-green-80;
+$ge-icons-attention: primitives.$gold-100;
+$ge-icons-delete: primitives.$chili-red-100;
+$ge-icons-fixed: primitives.$white-100;
+$ge-icons-negative: primitives.$cardinal-100;
+$ge-icons-positive: primitives.$spring-green-100;
+$ge-icons-primary: primitives.$blue-100;
+$ge-icons-secondary: primitives.$blue-grey-80;
+$ge-icons-waiting-list: primitives.$egyptian-purple-100;
+$ge-indicator-tags-attention-alternate: primitives.$gold-10;
+$ge-indicator-tags-attention-default: primitives.$gold-80;
+$ge-indicator-tags-featured-alternate: primitives.$coral-10;
+$ge-indicator-tags-featured-default: primitives.$coral-120;
+$ge-indicator-tags-information-alternate: primitives.$bright-blue-10;
+$ge-indicator-tags-information-default: primitives.$bright-blue-100;
+$ge-indicator-tags-negative-alternate: primitives.$cardinal-10;
+$ge-indicator-tags-negative-default: primitives.$cardinal-100;
+$ge-indicator-tags-neutral-alternate: primitives.$blue-5;
+$ge-indicator-tags-neutral-default: primitives.$black-60;
+$ge-indicator-tags-positive-alternate: primitives.$spring-green-10;
+$ge-indicator-tags-positive-default: primitives.$spring-green-100;
+$ge-indicators-attention-alternate: primitives.$gold-30;
+$ge-indicators-attention-default: primitives.$gold-100;
+$ge-indicators-negative-alternate: primitives.$cardinal-30;
+$ge-indicators-negative-default: primitives.$cardinal-100;
+$ge-indicators-neutral-alternate: primitives.$blue-20;
+$ge-indicators-neutral-default: primitives.$blue-70;
+$ge-indicators-positive-alternate: primitives.$spring-green-30;
+$ge-indicators-positive-default: primitives.$spring-green-100;
+$ge-nav-bar-not-selected: primitives.$blue-100;
+$ge-nav-bar-selected: primitives.$blue-100;
+$ge-progress-bar-background: primitives.$light-grey-15;
+$ge-progress-bar-indicator-alternate: primitives.$blue-100;
+$ge-progress-bar-indicator-default: primitives.$coral-100;
+$ge-progress-bar-indicator-disabled: primitives.$black-40;
+$ge-rewards-blue: primitives.$blue-100;
+$ge-rewards-gold: primitives.$gold-130;
+$ge-rewards-platinum: primitives.$blue-grey-80;
+$ge-rewards-silver: primitives.$black-50;
+$ge-selector-primary-selected-alternate: primitives.$coral-10;
+$ge-selector-primary-selected-default: primitives.$coral-120;
+$ge-selector-primary-selected-disabled: primitives.$coral-40;
+$ge-selector-primary-selected-hover: primitives.$coral-130;
+$ge-selector-primary-selected-bg-default: primitives.$coral-10;
+$ge-selector-primary-selected-bg-disabled: primitives.$coral-5;
+$ge-selector-primary-unselected-default: primitives.$black-80;
+$ge-selector-primary-unselected-disabled: primitives.$light-grey-15;
+$ge-selector-primary-unselected-hover: primitives.$coral-10;
+$ge-selector-primary-unselected-bg-default: primitives.$white-0;
+$ge-selector-primary-unselected-bg-disabled: primitives.$white-0;
+$ge-selector-secondary-selected-default: primitives.$blue-100;
+$ge-selector-secondary-selected-disabled: primitives.$light-grey-15;
+$ge-selector-secondary-selected-bg-default: primitives.$blue-10;
+$ge-selector-secondary-selected-bg-disabled: primitives.$blue-5;
+$ge-selector-secondary-unselected-default: primitives.$blue-70;
+$ge-selector-secondary-unselected-disabled: primitives.$light-grey-15;
+$ge-selector-secondary-unselected-bg-default: primitives.$white-0;
+$ge-selector-secondary-unselected-bg-disabled: primitives.$white-0;
+$ge-signal-error: primitives.$cardinal-100;
+$ge-signal-neutral: primitives.$blue-70;
+$ge-signal-success: primitives.$spring-green-100;
+$ge-signal-waiting-list: primitives.$egyptian-purple-100;
+$ge-signal-warning: primitives.$gold-100;
+$ge-signal-border-error: primitives.$cardinal-120;
+$ge-signal-border-featured: primitives.$coral-120;
+$ge-signal-border-information: primitives.$blue-70;
+$ge-signal-border-neutral: primitives.$black-60;
+$ge-signal-border-success: primitives.$spring-green-120;
+$ge-signal-border-waiting-list: primitives.$egyptian-purple-80;
+$ge-signal-border-warning: primitives.$gold-140;
+$ge-skeleton-default: primitives.$light-grey-15;
+$ge-tabs-background-default: primitives.$white-0;
+$ge-tabs-background-disabled: primitives.$blue-10;
+$ge-tabs-background-hover: primitives.$coral-5;
+$ge-tabs-selected-default: primitives.$coral-100;
+$ge-tabs-selected-disabled: primitives.$blue-70;
+$ge-tabs-selected-hover: primitives.$coral-120;
+$ge-tabs-unselected-default: primitives.$light-grey-15;
+$ge-tabs-unselected-disabled: primitives.$black-o20;
+$ge-tabs-unselected-hover: primitives.$blue-20;
+$ge-tags-featured: primitives.$coral-120;
+$ge-tags-primary: primitives.$blue-100;
+$ge-tags-secondary: primitives.$blue-5;
+$ge-toggle-interactive-element: primitives.$white-100;
+$ge-toggle-selected-default: primitives.$coral-100;
+$ge-toggle-selected-disabled: primitives.$coral-40;
+$ge-toggle-unselected-default: primitives.$blue-40;
+$ge-toggle-unselected-disabled: primitives.$light-grey-15;
+$ge-toggle-unselected-interactive-element: primitives.$white-100;
+$ge-workouts-bootcamp: primitives.$tropical-indigo-100;
+$ge-workouts-gx: primitives.$salmon-pink-100;
+$ge-workouts-gym-floor: primitives.$tangerine-100;
+$ge-workouts-other: primitives.$celadon-100;
+$ge-workouts-pt: primitives.$uranian-blue-100;
+$ge-workouts-treatments: primitives.$caribbean-current-100;
+$on-background-primary-alternate: primitives.$blue-70;
+$on-background-primary-default: primitives.$blue-100;
+$on-background-primary-disabled: primitives.$black-55;
+$on-background-secondary-alternate: primitives.$blue-70;
+$on-background-secondary-default: primitives.$blue-100;
+$on-background-secondary-disabled: primitives.$black-55;
+$on-fixed-background-primary-alternate: primitives.$white-60;
+$on-fixed-background-primary-default: primitives.$white-100;
+$on-fixed-background-primary-disabled: primitives.$white-50;
+$on-fixed-background-secondary-alternate: primitives.$white-60;
+$on-fixed-background-secondary-default: primitives.$white-100;
+$on-fixed-background-secondary-disabled: primitives.$white-50;
+$on-fixed-surface-error: primitives.$cardinal-60;
+$on-fixed-surface-featured: primitives.$coral-90;
+$on-fixed-surface-information: primitives.$bright-blue-60;
+$on-fixed-surface-neutral: primitives.$white-60;
+$on-fixed-surface-success: primitives.$spring-green-60;
+$on-fixed-surface-waiting-list: primitives.$egyptian-purple-40;
+$on-fixed-surface-warning: primitives.$gold-60;
+$on-fixed-surface-primary-alternate: primitives.$white-65;
+$on-fixed-surface-primary-default: primitives.$white-100;
+$on-fixed-surface-primary-disabled: primitives.$white-50;
+$on-fixed-surface-secondary-alternate: primitives.$white-65;
+$on-fixed-surface-secondary-default: primitives.$white-100;
+$on-fixed-surface-secondary-disabled: primitives.$white-50;
+$on-ge-on-badge-primary: primitives.$white-100;
+$on-ge-on-badge-secondary: primitives.$white-100;
+$on-ge-on-badge-tertiary: primitives.$blue-100;
+$on-ge-on-chips-selected-default: primitives.$white-100;
+$on-ge-on-chips-selected-disabled: primitives.$blue-70;
+$on-ge-on-chips-unselected-default: primitives.$blue-100;
+$on-ge-on-chips-unselected-disabled: primitives.$black-40;
+$on-ge-on-fixed-badge-primary: primitives.$white-100;
+$on-ge-on-fixed-badge-secondary: primitives.$blue-100;
+$on-ge-on-fixed-badge-tertiary: primitives.$white-100;
+$on-ge-on-fixed-chips-selected-default: primitives.$white-100;
+$on-ge-on-fixed-chips-selected-disabled: primitives.$blue-40;
+$on-ge-on-fixed-chips-unselected-default: primitives.$white-100;
+$on-ge-on-fixed-chips-unselected-disabled: primitives.$white-50;
+$on-ge-on-fixed-selector-selected-default: primitives.$blue-100;
+$on-ge-on-fixed-selector-selected-disabled: primitives.$coral-170;
+$on-ge-on-fixed-selector-unselected-default: primitives.$white-100;
+$on-ge-on-fixed-selector-unselected-disabled: primitives.$white-50;
+$on-ge-on-fixed-tabs-default: primitives.$white-100;
+$on-ge-on-fixed-tabs-disabled: primitives.$white-50;
+$on-ge-on-indicator-tags-attention-alternate: primitives.$gold-140;
+$on-ge-on-indicator-tags-attention-default: primitives.$gold-170;
+$on-ge-on-indicator-tags-featured-alternate: primitives.$coral-120;
+$on-ge-on-indicator-tags-featured-default: primitives.$white-100;
+$on-ge-on-indicator-tags-information-alternate: primitives.$blue-70;
+$on-ge-on-indicator-tags-information-default: primitives.$white-100;
+$on-ge-on-indicator-tags-negative-alternate: primitives.$cardinal-120;
+$on-ge-on-indicator-tags-negative-default: primitives.$white-100;
+$on-ge-on-indicator-tags-neutral-alternate: primitives.$black-60;
+$on-ge-on-indicator-tags-neutral-default: primitives.$white-100;
+$on-ge-on-indicator-tags-positive-alternate: primitives.$spring-green-120;
+$on-ge-on-indicator-tags-positive-default: primitives.$white-100;
+$on-ge-on-rewards-default: primitives.$white-100;
+$on-ge-on-selector-primary-selected-alternate: primitives.$blue-100;
+$on-ge-on-selector-primary-selected-default: primitives.$white-100;
+$on-ge-on-selector-primary-selected-disabled: primitives.$coral-10;
+$on-ge-on-selector-primary-unselected-default: primitives.$blue-100;
+$on-ge-on-selector-primary-unselected-disabled: primitives.$black-40;
+$on-ge-on-selector-secondary-selected-default: primitives.$white-100;
+$on-ge-on-selector-secondary-selected-disabled: primitives.$blue-70;
+$on-ge-on-selector-secondary-unselected-default: primitives.$blue-100;
+$on-ge-on-selector-secondary-unselected-disabled: primitives.$black-40;
+$on-ge-on-tabs-default: primitives.$blue-100;
+$on-ge-on-tabs-disabled: primitives.$black-40;
+$on-ge-on-tags-featured-default: primitives.$white-100;
+$on-ge-on-tags-primary-default: primitives.$white-100;
+$on-ge-on-tags-secondary-default: primitives.$blue-100;
+$on-ge-on-workouts-bootcamp: primitives.$tropical-indigo-180;
+$on-ge-on-workouts-gx: primitives.$salmon-pink-180;
+$on-ge-on-workouts-gymfloor: primitives.$tangerine-180;
+$on-ge-on-workouts-other: primitives.$celadon-160;
+$on-ge-on-workouts-pt: primitives.$uranian-blue-160;
+$on-ge-on-workouts-treatments: primitives.$caribbean-current-10;
+$on-signal-surface-error-alternate: primitives.$cardinal-120;
+$on-signal-surface-error-default: primitives.$blue-100;
+$on-signal-surface-featured-alternate: primitives.$coral-100;
+$on-signal-surface-featured-default: primitives.$blue-100;
+$on-signal-surface-information-alternate: primitives.$bright-blue-110;
+$on-signal-surface-information-default: primitives.$blue-100;
+$on-signal-surface-neutral-alternate: primitives.$black-60;
+$on-signal-surface-neutral-default: primitives.$blue-90;
+$on-signal-surface-success-alternate: primitives.$spring-green-120;
+$on-signal-surface-success-default: primitives.$blue-100;
+$on-signal-surface-waiting-list-alternate: primitives.$egyptian-purple-100;
+$on-signal-surface-waiting-list-default: primitives.$blue-100;
+$on-signal-surface-warning-alternate: primitives.$gold-140;
+$on-signal-surface-warning-default: primitives.$blue-100;
+$on-surface-error: primitives.$cardinal-120;
+$on-surface-featured: primitives.$coral-120;
+$on-surface-information: primitives.$bright-blue-110;
+$on-surface-neutral: primitives.$black-60;
+$on-surface-success: primitives.$spring-green-120;
+$on-surface-waiting-list: primitives.$egyptian-purple-100;
+$on-surface-warning: primitives.$gold-140;
+$on-surface-primary-alternate: primitives.$blue-70;
+$on-surface-primary-default: primitives.$blue-100;
+$on-surface-primary-disabled: primitives.$black-55;
+$on-surface-secondary-alternate: primitives.$blue-70;
+$on-surface-secondary-default: primitives.$blue-100;
+$on-surface-secondary-disabled: primitives.$black-60;
+$on-workout-surface-bootcamp-alternate: primitives.$tropical-indigo-140;
+$on-workout-surface-bootcamp-default: primitives.$blue-100;
+$on-workout-surface-gx-alternate: primitives.$salmon-pink-140;
+$on-workout-surface-gx-default: primitives.$blue-100;
+$on-workout-surface-gymfloor-alternate: primitives.$tangerine-140;
+$on-workout-surface-gymfloor-default: primitives.$blue-100;
+$on-workout-surface-other-alternate: primitives.$celadon-160;
+$on-workout-surface-other-default: primitives.$blue-100;
+$on-workout-surface-pt-alternate: primitives.$uranian-blue-140;
+$on-workout-surface-pt-default: primitives.$blue-100;
+$on-workout-surface-treatments-alternate: primitives.$caribbean-current-100;
+$on-workout-surface-treatments-default: primitives.$blue-100;
+$on-buttons-on-action-default: primitives.$coral-120;
+$on-buttons-on-action-disabled: primitives.$black-50;
+$on-buttons-on-action-pressed: primitives.$coral-130;
+$on-buttons-on-cta-default: primitives.$white-100;
+$on-buttons-on-cta-disabled: primitives.$black-60;
+$on-buttons-on-clean-default: primitives.$blue-100;
+$on-buttons-on-clean-disabled: primitives.$white-50;
+$on-buttons-on-clean-secondary-default: primitives.$white-100;
+$on-buttons-on-clean-secondary-disabled: primitives.$white-60;
+$on-buttons-on-complete-default: primitives.$white-100;
+$on-buttons-on-complete-disabled: primitives.$black-60;
+$on-buttons-on-destructive-default: primitives.$white-100;
+$on-buttons-on-destructive-disabled: primitives.$black-60;
+$on-buttons-on-destructive-outlined-default: primitives.$chili-red-100;
+$on-buttons-on-destructive-outlined-disabled: primitives.$black-60;
+$on-buttons-on-destructive-outlined-hover: primitives.$chili-red-120;
+$on-buttons-on-fixed-action-default: primitives.$coral-100;
+$on-buttons-on-fixed-action-disabled: primitives.$white-50;
+$on-buttons-on-fixed-action-pressed: primitives.$coral-90;
+$on-buttons-on-fixed-link-default: primitives.$bright-blue-80;
+$on-buttons-on-fixed-link-disabled: primitives.$white-50;
+$on-buttons-on-fixed-link-hover: primitives.$bright-blue-100;
+$on-buttons-on-link-default: primitives.$bright-blue-110;
+$on-buttons-on-link-disabled: primitives.$black-50;
+$on-buttons-on-link-hover: primitives.$bright-blue-80;
+$on-buttons-on-primary-default: primitives.$white-100;
+$on-buttons-on-primary-disabled: primitives.$black-60;
+$on-buttons-on-secondary-default: primitives.$blue-100;
+$on-buttons-on-secondary-disabled: primitives.$black-60;
+$on-buttons-on-waiting-list-default: primitives.$white-100;
+$on-buttons-on-waiting-list-disabled: primitives.$black-60;
+$on-buttons-on-waiting-list-outlined-default: primitives.$egyptian-purple-80;
+$on-buttons-on-waiting-list-outlined-disabled: primitives.$black-60;
+$on-buttons-on-waiting-list-outlined-hover: primitives.$egyptian-purple-100;
+$signal-surface-error: primitives.$cardinal-10;
+$signal-surface-featured: primitives.$coral-5;
+$signal-surface-information: primitives.$bright-blue-10;
+$signal-surface-neutral: primitives.$black-5;
+$signal-surface-success: primitives.$spring-green-10;
+$signal-surface-waiting-list: primitives.$egyptian-purple-10;
+$signal-surface-warning: primitives.$gold-10;
+$surface-primary-default: primitives.$white-100;
+$surface-primary-disabled: primitives.$blue-10;
+$surface-primary-hover: primitives.$bright-blue-10;
+$surface-primary-selected: primitives.$bright-blue-20;
+$surface-secondary-default: primitives.$black-3;
+$surface-secondary-disabled: primitives.$black-10;
+$surface-secondary-hover: primitives.$white-100;
+$surface-secondary-selected: primitives.$black-5;
+$workout-surface-bootcamp: primitives.$tropical-indigo-10;
+$workout-surface-bootcamp-hover: primitives.$tropical-indigo-20;
+$workout-surface-gx: primitives.$salmon-pink-10;
+$workout-surface-gx-hover: primitives.$salmon-pink-20;
+$workout-surface-gymfloor: primitives.$tangerine-10;
+$workout-surface-gymfloor-hover: primitives.$tangerine-20;
+$workout-surface-other: primitives.$celadon-10;
+$workout-surface-other-hover: primitives.$celadon-20;
+$workout-surface-pt: primitives.$uranian-blue-10;
+$workout-surface-pt-hover: primitives.$uranian-blue-20;
+$workout-surface-treatments: primitives.$caribbean-current-10;
+$workout-surface-treatments-hover: primitives.$caribbean-current-20;

package/tokens/lightmode.scss

@@ -0,0 +1,131 @@
+@use 'sass:color';
+
+$primary: #0d2134;
+$primary-hover: #092a48;
+$primary-disabled: #e8e9ec;
+
+$primary-silver: #454d56;
+$primary-silver-hover: #606a74;
+$primary-silver-disabled: #e8e9ec;
+
+$primary-gold: #262624;
+$primary-gold-hover: #393834;
+$primary-gold-disabled: #e8e9ec;
+
+$primary-platinum: #161718;
+$primary-platinum-hover: #313336;
+$primary-platinum-disabled: #e8e9ec;
+
+$secondary: #edf0f3;
+$secondary-hover: #e6eef9;
+$secondary-disabled: #e8e9ec;
+
+$clean: #fff;
+$clean-hover: #eceef0;
+$clean-disabled: color.adjust(#fff, $alpha: -0.5);
+
+$clean-secondary: color.adjust(#fff, $alpha: -0.85);
+$clean-secondary-hover: color.adjust(#fff, $alpha: -0.9);
+$clean-secondary-disabled: color.adjust(#fff, $alpha: -0.95);
+
+$cta: #d93226;
+$cta-hover: #c13c29;
+$cta-disabled: #e8e9ec;
+$cta-non-text: #fa5333;
+
+$selection-blue: #fa5333;
+$selection-silver: #cad1d8;
+$selection-gold: #d4a852;
+$selection-platinum: #929aa1;
+
+$action: #026ac2;
+$action-hover: #2580cd;
+$action-disabled: #9fa6ad;
+
+$navigation-blue: #0e2133;
+$navigation-silver: #454d56;
+$navigation-gold: #262624;
+$navigation-platinum: #161718;
+
+$waitlist: #484ba2;
+$waitlist-hover: #37378b;
+$waitlist-text: #484ba2;
+$waitlist-disabled: #686db9;
+$waitlist-background: #efeff7;
+
+$signal-success: #19976d;
+$signal-success-text: #097f58;
+$signal-success-background: #eaf6f2;
+$signal-warning: #eca720;
+$signal-warning-text: #925707;
+$signal-warning-background: #f0e8da;
+$signal-error: #bf3f4d;
+$signal-error-text: #b93947;
+$signal-error-background: #f5e2e4;
+$signal-delete: #da3b30;
+$signal-delete-text: #d93226;
+$signal-delete-background: #f9e0de;
+
+$workout-pt: #428bbf;
+$workout-gx: #db70dd;
+$workout-gymfloor: #d6bc38;
+$workout-other: #42ae8a;
+
+$ui-pressed: #eceef0;
+$ui-tabs: #f7f7f7;
+$ui-shimmer: #eaeaea;
+$ui-border: #dbdee0;
+$ui-shadow: #000000;
+$ui-graphical-elements-1: #7d92ad;
+$ui-graphical-elements-2: #9fb1c9;
+$ui-graphical-elements-3: #cfd8e4;
+$ui-graphical-elements-4: #7d92ad;
+$ui-graphical-elements-5: #fa5333;
+$ui-graphical-elements-6: #19976d;
+$ui-graphical-elements-7: #484ba2;
+
+$background-primary: #fafafa;
+$background-secondary: #fff;
+$background-surface-primary: #fff;
+$background-surface-secondary: #eaebed;
+
+$on-primary: #fff;
+$on-primary-disabled: #878f97;
+
+$on-secondary: #0e2133;
+$on-secondary-disabled: #878f97;
+
+$on-clean: #0e2133;
+$on-clean-disabled: #878f97;
+
+$on-clean-secondary: #fff;
+$on-clean-secondary-disabled: color.adjust(#fff, $alpha: -0.4);
+
+$on-cta: #fff;
+$on-cta-disabled: #5d6976;
+$on-cta-non-text: #fff;
+
+$on-signal: #fff;
+
+$on-waitlist: #fff;
+$on-waitlist-disabled: #e8e9ec;
+
+$on-background-primary: #0e2133;
+$on-background-secondary: #65717d;
+$on-background-disabled: #9fa6ad;
+$on-background-enabled-on: #fa5333;
+$on-background-enabled-off: #7d92ad;
+$on-background-disabled-on: #fd7459;
+$on-background-disabled-off: #9fb1c9;
+$on-background-element-on: #fca291;
+$on-background-element-off: #9fa6ad;
+
+$on-surface-primary: #0e2133;
+$on-surface-secondary: #65717d;
+$on-surface-disabled: #9fa6ad;
+$on-surface-enabled-on: #fa5333;
+$on-surface-enabled-off: #7d92ad;
+$on-surface-disabled-on: #fd7459;
+$on-surface-disabled-off: #9fb1c9;
+$on-surface-element-on: #fca291;
+$on-surface-element-off: #9fa6ad;