@sats-group/ui-lib 80.2.0 → 80.3.0

package/tokens/light-variables.css

@@ -0,0 +1,414 @@
+[data-theme="light"] {
+--background-primary-default: #f3f4f5;
+--background-primary-hover: #e9f1f7;
+--background-primary-selected: #f3f4f5;
+--background-secondary-default: #ffffff;
+--background-secondary-hover: #f3f4f5;
+--background-secondary-selected: #ffffff;
+--buttons-action-default: #ffffff00;
+--buttons-action-disabled: #ffffff00;
+--buttons-action-pressed: #ffffff00;
+--buttons-cta-default: #c84229;
+--buttons-cta-disabled: #e5e5e5;
+--buttons-cta-hover: #af3a24;
+--buttons-clean-default: #ffffff;
+--buttons-clean-disabled: #ffffff1a;
+--buttons-clean-hover: #ffffffe5;
+--buttons-clean-secondary-default: #ffffff26;
+--buttons-clean-secondary-disabled: #ffffff0d;
+--buttons-clean-secondary-hover: #ffffff1a;
+--buttons-clean-secondary-outline: #ffffff;
+--buttons-clean-secondary-outline-disabled: #ffffff66;
+--buttons-complete-default: #c84229;
+--buttons-complete-disabled: #e5e5e5;
+--buttons-complete-hover: #af3a24;
+--buttons-destructive-default: #d93226;
+--buttons-destructive-disabled: #e5e5e5;
+--buttons-destructive-hover: #ae281e;
+--buttons-destructive-outlined-default: #d93226;
+--buttons-destructive-outlined-disabled: #666666;
+--buttons-destructive-outlined-hover: #fbeae9;
+--buttons-fixed-action-default: #ffffff00;
+--buttons-fixed-action-disabled: #ffffff00;
+--buttons-fixed-action-pressed: #ffffff00;
+--buttons-fixed-link-default: #ffffff00;
+--buttons-fixed-link-disabled: #ffffff00;
+--buttons-fixed-link-hover: #0f2f46;
+--buttons-link-default: #ffffff00;
+--buttons-link-disabled: #ffffff00;
+--buttons-link-hover: #e9f1f7;
+--buttons-primary-default: #0d2134;
+--buttons-primary-disabled: #e5e5e5;
+--buttons-primary-hover: #404d5b;
+--buttons-secondary-default: #0d2134;
+--buttons-secondary-disabled: #cccccc;
+--buttons-secondary-hover: #e9f1f7;
+--buttons-waiting-list-default: #5f5fa2;
+--buttons-waiting-list-disabled: #e5e5e5;
+--buttons-waiting-list-hover: #37378b;
+--buttons-waiting-list-outlined-default: #5f5fa2;
+--buttons-waiting-list-outlined-disabled: #666666;
+--buttons-waiting-list-outlined-hover: #ebebf3;
+--fixed-background-primary-default: #0a1826;
+--fixed-background-primary-hover: #0d2134;
+--fixed-background-primary-selected: #253748;
+--fixed-background-secondary-default: #0d2134;
+--fixed-background-secondary-hover: #253748;
+--fixed-background-secondary-selected: #404d5b;
+--fixed-surface-primary-default: #0d2134;
+--fixed-surface-primary-hover: #253748;
+--fixed-surface-primary-selected: #404d5b;
+--fixed-surface-secondary-default: #404d5b;
+--fixed-surface-secondary-hover: #253748;
+--fixed-surface-secondary-selected: #404d5b;
+--ge-graphical-elements-1: #0d2134;
+--ge-graphical-elements-2: #9ea6ae;
+--ge-graphical-elements-3: #cfd3d6;
+--ge-graphical-elements-4: #0d2134;
+--ge-shadow: #000000;
+--ge-tabs: #f7f7f7;
+--ge-badge-primary: #c84229;
+--ge-badge-secondary: #0d2134;
+--ge-badge-tertiary: #f3f4f5;
+--ge-border-default: #dcdee0;
+--ge-border-focused: #9ea6ae;
+--ge-chips-selected-default: #0d2134;
+--ge-chips-selected-disabled: #dcdee0;
+--ge-chips-selected-hover: #404d5b;
+--ge-chips-unselected-default: #dcdee0;
+--ge-chips-unselected-disabled: #e7e9eb;
+--ge-chips-unselected-hover: #e9f1f7;
+--ge-divider-alternate: #00000033;
+--ge-divider-default: #dcdee0;
+--ge-divider-fixed: #ffffff33;
+--ge-divider-fixed-alternate: #ffffff66;
+--ge-fixed-badge-primary: #c84229;
+--ge-fixed-badge-secondary: #e9f1f7;
+--ge-fixed-badge-tertiary: #404d5b;
+--ge-fixed-chips-selected-default: #c84229;
+--ge-fixed-chips-selected-disabled: #566471;
+--ge-fixed-chips-selected-hover: #af3a24;
+--ge-fixed-chips-unselected-default: #ffffff;
+--ge-fixed-chips-unselected-disabled: #ffffff80;
+--ge-fixed-chips-unselected-hover: #00000033;
+--ge-fixed-progress-bar-background: #ffffff66;
+--ge-fixed-progress-bar-indicator-alternate: #e7e9eb;
+--ge-fixed-progress-bar-indicator-default: #fb6447;
+--ge-fixed-progress-bar-indicator-disabled: #ffffff66;
+--ge-fixed-selector-selected-default: #fb6447;
+--ge-fixed-selector-selected-disabled: #af3a24;
+--ge-fixed-selector-selected-bg-default: #4b190f;
+--ge-fixed-selector-selected-bg-disabled: #32110a;
+--ge-fixed-selector-unselected-default: #ffffff;
+--ge-fixed-selector-unselected-disabled: #ffffff80;
+--ge-fixed-tabs-background-default: #ffffff00;
+--ge-fixed-tabs-background-disabled: #404d5b;
+--ge-fixed-tabs-background-hover: #ffffff26;
+--ge-fixed-tabs-selected-default: #fa5333;
+--ge-fixed-tabs-selected-disabled: #566471;
+--ge-fixed-tabs-selected-hover: #c84229;
+--ge-fixed-tabs-unselected-default: #ffffff33;
+--ge-fixed-tabs-unselected-disabled: #ffffff1a;
+--ge-fixed-tabs-unselected-hover: #ffffff66;
+--ge-graphs-bar-primary: #fa5333;
+--ge-graphs-bar-secondary: #9ea6ae;
+--ge-graphs-bar-background-primary: #dcdee0;
+--ge-graphs-bar-background-secondary: #f3f4f5;
+--ge-graphs-trend-downwards: #b93947;
+--ge-graphs-trend-neutral: #fdbaad;
+--ge-graphs-trend-upwards: #3a9979;
+--ge-icons-attention: #e2b74a;
+--ge-icons-delete: #d93226;
+--ge-icons-fixed: #ffffff;
+--ge-icons-negative: #b93947;
+--ge-icons-positive: #097f58;
+--ge-icons-primary: #0d2134;
+--ge-icons-secondary: #404d5b;
+--ge-icons-waiting-list: #37378b;
+--ge-indicator-tags-attention-alternate: #f8f3e8;
+--ge-indicator-tags-attention-default: #e7c46d;
+--ge-indicator-tags-featured-alternate: #fff6f5;
+--ge-indicator-tags-featured-default: #c84229;
+--ge-indicator-tags-information-alternate: #e9f1f7;
+--ge-indicator-tags-information-default: #2676b0;
+--ge-indicator-tags-negative-alternate: #f8ebed;
+--ge-indicator-tags-negative-default: #b93947;
+--ge-indicator-tags-neutral-alternate: #f3f4f5;
+--ge-indicator-tags-neutral-default: #666666;
+--ge-indicator-tags-positive-alternate: #e6f2ee;
+--ge-indicator-tags-positive-default: #097f58;
+--ge-indicators-attention-alternate: #f3e6c5;
+--ge-indicators-attention-default: #e2b74a;
+--ge-indicators-negative-alternate: #eac4c8;
+--ge-indicators-negative-default: #b93947;
+--ge-indicators-neutral-alternate: #cfd3d6;
+--ge-indicators-neutral-default: #566471;
+--ge-indicators-positive-alternate: #b5d9cd;
+--ge-indicators-positive-default: #097f58;
+--ge-nav-bar-not-selected: #0d2134;
+--ge-nav-bar-selected: #0d2134;
+--ge-progress-bar-background: #dcdee0;
+--ge-progress-bar-indicator-alternate: #0d2134;
+--ge-progress-bar-indicator-default: #fa5333;
+--ge-progress-bar-indicator-disabled: #999999;
+--ge-rewards-blue: #0d2134;
+--ge-rewards-gold: #9e8034;
+--ge-rewards-platinum: #404d5b;
+--ge-rewards-silver: #808080;
+--ge-selector-primary-selected-alternate: #ffeeeb;
+--ge-selector-primary-selected-default: #c84229;
+--ge-selector-primary-selected-disabled: #fdbaad;
+--ge-selector-primary-selected-hover: #af3a24;
+--ge-selector-primary-selected-bg-default: #ffeeeb;
+--ge-selector-primary-selected-bg-disabled: #fff6f5;
+--ge-selector-primary-unselected-default: #666666;
+--ge-selector-primary-unselected-disabled: #dcdee0;
+--ge-selector-primary-unselected-hover: #ffeeeb;
+--ge-selector-primary-unselected-bg-default: #ffffff00;
+--ge-selector-primary-unselected-bg-disabled: #ffffff00;
+--ge-selector-secondary-selected-default: #0d2134;
+--ge-selector-secondary-selected-disabled: #dcdee0;
+--ge-selector-secondary-selected-bg-default: #e7e9eb;
+--ge-selector-secondary-selected-bg-disabled: #f3f4f5;
+--ge-selector-secondary-unselected-default: #566471;
+--ge-selector-secondary-unselected-disabled: #dcdee0;
+--ge-selector-secondary-unselected-bg-default: #ffffff00;
+--ge-selector-secondary-unselected-bg-disabled: #ffffff00;
+--ge-signal-error: #b93947;
+--ge-signal-neutral: #566471;
+--ge-signal-success: #097f58;
+--ge-signal-waiting-list: #37378b;
+--ge-signal-warning: #e2b74a;
+--ge-signal-border-error: #942e39;
+--ge-signal-border-featured: #c84229;
+--ge-signal-border-information: #566471;
+--ge-signal-border-neutral: #666666;
+--ge-signal-border-success: #076646;
+--ge-signal-border-waiting-list: #5f5fa2;
+--ge-signal-border-warning: #866c2a;
+--ge-skeleton-default: #dcdee0;
+--ge-tabs-background-default: #ffffff00;
+--ge-tabs-background-disabled: #e7e9eb;
+--ge-tabs-background-hover: #fff6f5;
+--ge-tabs-selected-default: #fa5333;
+--ge-tabs-selected-disabled: #566471;
+--ge-tabs-selected-hover: #c84229;
+--ge-tabs-unselected-default: #dcdee0;
+--ge-tabs-unselected-disabled: #00000033;
+--ge-tabs-unselected-hover: #cfd3d6;
+--ge-tags-featured: #c84229;
+--ge-tags-primary: #0d2134;
+--ge-tags-secondary: #f3f4f5;
+--ge-toggle-interactive-element: #ffffff;
+--ge-toggle-selected-default: #fa5333;
+--ge-toggle-selected-disabled: #fdbaad;
+--ge-toggle-unselected-default: #9ea6ae;
+--ge-toggle-unselected-disabled: #dcdee0;
+--ge-toggle-unselected-interactive-element: #ffffff;
+--ge-workouts-availability: #666666;
+--ge-workouts-bootcamp: #a670ff;
+--ge-workouts-gx: #ff7083;
+--ge-workouts-gym-floor: #fba000;
+--ge-workouts-other: #65e694;
+--ge-workouts-pt: #70c4ff;
+--ge-workouts-treatments: #065d63;
+--on-background-error: #942e39;
+--on-background-featured: #c84229;
+--on-background-information: #226a9e;
+--on-background-neutral: #666666;
+--on-background-success: #076646;
+--on-background-waiting-list: #37378b;
+--on-background-warning: #866c2a;
+--on-background-primary-alternate: #566471;
+--on-background-primary-default: #0d2134;
+--on-background-primary-disabled: #707070;
+--on-background-secondary-alternate: #566471;
+--on-background-secondary-default: #0d2134;
+--on-background-secondary-disabled: #707070;
+--on-fixed-background-error: #d58891;
+--on-fixed-background-featured: #fb6447;
+--on-fixed-background-information: #7dadd0;
+--on-fixed-background-neutral: #ffffff99;
+--on-fixed-background-success: #6bb29b;
+--on-fixed-background-waiting-list: #afafd1;
+--on-fixed-background-warning: #ecd290;
+--on-fixed-background-primary-alternate: #ffffff99;
+--on-fixed-background-primary-default: #ffffff;
+--on-fixed-background-primary-disabled: #ffffff80;
+--on-fixed-background-secondary-alternate: #ffffff99;
+--on-fixed-background-secondary-default: #ffffff;
+--on-fixed-background-secondary-disabled: #ffffff80;
+--on-fixed-surface-error: #d58891;
+--on-fixed-surface-featured: #fb6447;
+--on-fixed-surface-information: #7dadd0;
+--on-fixed-surface-neutral: #ffffff99;
+--on-fixed-surface-success: #6bb29b;
+--on-fixed-surface-waiting-list: #afafd1;
+--on-fixed-surface-warning: #ecd290;
+--on-fixed-surface-primary-alternate: #ffffffa6;
+--on-fixed-surface-primary-default: #ffffff;
+--on-fixed-surface-primary-disabled: #ffffff80;
+--on-fixed-surface-secondary-alternate: #ffffffa6;
+--on-fixed-surface-secondary-default: #ffffff;
+--on-fixed-surface-secondary-disabled: #ffffff80;
+--on-ge-on-badge-primary: #ffffff;
+--on-ge-on-badge-secondary: #ffffff;
+--on-ge-on-badge-tertiary: #0d2134;
+--on-ge-on-chips-selected-default: #ffffff;
+--on-ge-on-chips-selected-disabled: #566471;
+--on-ge-on-chips-unselected-default: #0d2134;
+--on-ge-on-chips-unselected-disabled: #999999;
+--on-ge-on-fixed-badge-primary: #ffffff;
+--on-ge-on-fixed-badge-secondary: #0d2134;
+--on-ge-on-fixed-badge-tertiary: #ffffff;
+--on-ge-on-fixed-chips-selected-default: #ffffff;
+--on-ge-on-fixed-chips-selected-disabled: #9ea6ae;
+--on-ge-on-fixed-chips-unselected-default: #ffffff;
+--on-ge-on-fixed-chips-unselected-disabled: #ffffff80;
+--on-ge-on-fixed-selector-selected-default: #0d2134;
+--on-ge-on-fixed-selector-selected-disabled: #4b190f;
+--on-ge-on-fixed-selector-unselected-default: #ffffff;
+--on-ge-on-fixed-selector-unselected-disabled: #ffffff80;
+--on-ge-on-fixed-tabs-default: #ffffff;
+--on-ge-on-fixed-tabs-disabled: #ffffff80;
+--on-ge-on-indicator-tags-attention-alternate: #866c2a;
+--on-ge-on-indicator-tags-attention-default: #443716;
+--on-ge-on-indicator-tags-featured-alternate: #c84229;
+--on-ge-on-indicator-tags-featured-default: #ffffff;
+--on-ge-on-indicator-tags-information-alternate: #566471;
+--on-ge-on-indicator-tags-information-default: #ffffff;
+--on-ge-on-indicator-tags-negative-alternate: #942e39;
+--on-ge-on-indicator-tags-negative-default: #ffffff;
+--on-ge-on-indicator-tags-neutral-alternate: #666666;
+--on-ge-on-indicator-tags-neutral-default: #ffffff;
+--on-ge-on-indicator-tags-positive-alternate: #076646;
+--on-ge-on-indicator-tags-positive-default: #ffffff;
+--on-ge-on-rewards-default: #ffffff;
+--on-ge-on-selector-primary-selected-alternate: #0d2134;
+--on-ge-on-selector-primary-selected-default: #ffffff;
+--on-ge-on-selector-primary-selected-disabled: #ffeeeb;
+--on-ge-on-selector-primary-unselected-default: #0d2134;
+--on-ge-on-selector-primary-unselected-disabled: #999999;
+--on-ge-on-selector-secondary-selected-default: #ffffff;
+--on-ge-on-selector-secondary-selected-disabled: #566471;
+--on-ge-on-selector-secondary-unselected-default: #0d2134;
+--on-ge-on-selector-secondary-unselected-disabled: #999999;
+--on-ge-on-tabs-default: #0d2134;
+--on-ge-on-tabs-disabled: #999999;
+--on-ge-on-tags-featured-alternate: #af3a24;
+--on-ge-on-tags-featured-default: #ffffff;
+--on-ge-on-tags-primary-alternate: #0d2134;
+--on-ge-on-tags-primary-default: #ffffff;
+--on-ge-on-tags-secondary-alternate: #0d2134;
+--on-ge-on-tags-secondary-default: #0d2134;
+--on-ge-on-workouts-bootcamp: #211633;
+--on-ge-on-workouts-gx: #470009;
+--on-ge-on-workouts-gymfloor: #322000;
+--on-ge-on-workouts-other: #184629;
+--on-ge-on-workouts-pt: #16496c;
+--on-ge-on-workouts-treatments: #e6efef;
+--on-signal-surface-error-alternate: #942e39;
+--on-signal-surface-error-default: #0d2134;
+--on-signal-surface-featured-alternate: #fa5333;
+--on-signal-surface-featured-default: #0d2134;
+--on-signal-surface-information-alternate: #226a9e;
+--on-signal-surface-information-default: #0d2134;
+--on-signal-surface-neutral-alternate: #666666;
+--on-signal-surface-neutral-default: #253748;
+--on-signal-surface-success-alternate: #076646;
+--on-signal-surface-success-default: #0d2134;
+--on-signal-surface-waiting-list-alternate: #37378b;
+--on-signal-surface-waiting-list-default: #0d2134;
+--on-signal-surface-warning-alternate: #866c2a;
+--on-signal-surface-warning-default: #0d2134;
+--on-surface-error: #942e39;
+--on-surface-featured: #c84229;
+--on-surface-information: #226a9e;
+--on-surface-neutral: #666666;
+--on-surface-success: #076646;
+--on-surface-waiting-list: #37378b;
+--on-surface-warning: #866c2a;
+--on-surface-primary-alternate: #566471;
+--on-surface-primary-default: #0d2134;
+--on-surface-primary-disabled: #707070;
+--on-surface-secondary-alternate: #566471;
+--on-surface-secondary-default: #0d2134;
+--on-surface-secondary-disabled: #666666;
+--on-workout-surface-availability-default: #0d2134;
+--on-workout-surface-availability-hover: #404d5b;
+--on-workout-surface-bootcamp-alternate: #422d66;
+--on-workout-surface-bootcamp-default: #0d2134;
+--on-workout-surface-gx-alternate: #470009;
+--on-workout-surface-gx-default: #0d2134;
+--on-workout-surface-gymfloor-alternate: #644000;
+--on-workout-surface-gymfloor-default: #0d2134;
+--on-workout-surface-other-alternate: #184629;
+--on-workout-surface-other-default: #0d2134;
+--on-workout-surface-pt-alternate: #16496c;
+--on-workout-surface-pt-default: #0d2134;
+--on-workout-surface-treatments-alternate: #011314;
+--on-workout-surface-treatments-default: #0d2134;
+--on-buttons-on-action-default: #c84229;
+--on-buttons-on-action-disabled: #808080;
+--on-buttons-on-action-pressed: #af3a24;
+--on-buttons-on-cta-default: #ffffff;
+--on-buttons-on-cta-disabled: #666666;
+--on-buttons-on-clean-default: #0d2134;
+--on-buttons-on-clean-disabled: #ffffff80;
+--on-buttons-on-clean-secondary-default: #ffffff;
+--on-buttons-on-clean-secondary-disabled: #ffffff99;
+--on-buttons-on-complete-default: #ffffff;
+--on-buttons-on-complete-disabled: #666666;
+--on-buttons-on-destructive-default: #ffffff;
+--on-buttons-on-destructive-disabled: #666666;
+--on-buttons-on-destructive-outlined-default: #d93226;
+--on-buttons-on-destructive-outlined-disabled: #666666;
+--on-buttons-on-destructive-outlined-hover: #ae281e;
+--on-buttons-on-fixed-action-default: #fa5333;
+--on-buttons-on-fixed-action-disabled: #ffffff80;
+--on-buttons-on-fixed-action-pressed: #fb6447;
+--on-buttons-on-fixed-link-default: #5191c0;
+--on-buttons-on-fixed-link-disabled: #ffffff80;
+--on-buttons-on-fixed-link-hover: #2676b0;
+--on-buttons-on-link-default: #226a9e;
+--on-buttons-on-link-disabled: #808080;
+--on-buttons-on-link-hover: #1b537b;
+--on-buttons-on-primary-default: #ffffff;
+--on-buttons-on-primary-disabled: #666666;
+--on-buttons-on-secondary-default: #0d2134;
+--on-buttons-on-secondary-disabled: #666666;
+--on-buttons-on-waiting-list-default: #ffffff;
+--on-buttons-on-waiting-list-disabled: #666666;
+--on-buttons-on-waiting-list-outlined-default: #5f5fa2;
+--on-buttons-on-waiting-list-outlined-disabled: #666666;
+--on-buttons-on-waiting-list-outlined-hover: #37378b;
+--signal-surface-error: #f8ebed;
+--signal-surface-featured: #fff6f5;
+--signal-surface-information: #e9f1f7;
+--signal-surface-neutral: #f2f2f2;
+--signal-surface-success: #e6f2ee;
+--signal-surface-waiting-list: #ebebf3;
+--signal-surface-warning: #f8f3e8;
+--surface-primary-default: #ffffff;
+--surface-primary-disabled: #e7e9eb;
+--surface-primary-hover: #e9f1f7;
+--surface-primary-selected: #d4e4ef;
+--surface-secondary-default: #f7f7f7;
+--surface-secondary-disabled: #e5e5e5;
+--surface-secondary-hover: #ffffff;
+--surface-secondary-selected: #f2f2f2;
+--workout-surface-availability: #dcdee0;
+--workout-surface-availability-hover: #cfd3d6;
+--workout-surface-bootcamp: #e4d4ff;
+--workout-surface-bootcamp-hover: #dbc6ff;
+--workout-surface-gx: #ffc6cd;
+--workout-surface-gx-hover: #ffa9b5;
+--workout-surface-gymfloor: #fdd999;
+--workout-surface-gymfloor-hover: #fdc666;
+--workout-surface-other: #c1f5d4;
+--workout-surface-other-hover: #a3f0bf;
+--workout-surface-pt: #c6e7ff;
+--workout-surface-pt-hover: #a9dcff;
+--workout-surface-treatments: #9bbec1;
+--workout-surface-treatments-hover: #6a9ea1;
+}