@mario_hahn/jumpy-ui 0.13.1 → 0.14.1

package/tokens/web/css/default-light/variables.css

@@ -17,7 +17,7 @@
   --jumpy-actions-borderless-alarm-disabled-text: #575B5E;
   --jumpy-actions-borderless-alarm-focus-action: #DC2626;
   --jumpy-actions-borderless-alarm-focus-border: rgba(255, 255, 255, 0);
-  --jumpy-actions-borderless-alarm-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-actions-borderless-alarm-focus-focus-ring: #128A42;
   --jumpy-actions-borderless-alarm-focus-icon: #DC2626;
   --jumpy-actions-borderless-alarm-focus-surface: rgba(255, 255, 255, 0);
   --jumpy-actions-borderless-alarm-focus-text: #DC2626;
@@ -48,23 +48,23 @@
   --jumpy-actions-borderless-regular-disabled-text: #575B5E;
   --jumpy-actions-borderless-regular-focus-action: #1A1C1F;
   --jumpy-actions-borderless-regular-focus-border: rgba(255, 255, 255, 0);
-  --jumpy-actions-borderless-regular-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-actions-borderless-regular-focus-focus-ring: #128A42;
   --jumpy-actions-borderless-regular-focus-icon: #128A42;
   --jumpy-actions-borderless-regular-focus-surface: rgba(255, 255, 255, 0);
   --jumpy-actions-borderless-regular-focus-text: #128A42;
   --jumpy-actions-borderless-regular-hover-action: #343434FF;
   --jumpy-actions-borderless-regular-hover-border: rgba(255, 255, 255, 0);
   --jumpy-actions-borderless-regular-hover-focus: rgba(255, 255, 255, 0);
-  --jumpy-actions-borderless-regular-hover-icon: rgba(18,138,66,0.7);
-  --jumpy-actions-borderless-regular-hover-surface: rgba(18,138,66,0.08);
-  --jumpy-actions-borderless-regular-hover-surface-alternate: rgba(18,138,66,0.08);
-  --jumpy-actions-borderless-regular-hover-text: rgba(18,138,66,0.7);
+  --jumpy-actions-borderless-regular-hover-icon: #0B6F33;
+  --jumpy-actions-borderless-regular-hover-surface: rgba(18,138,66,0.1);
+  --jumpy-actions-borderless-regular-hover-surface-alternate: rgba(18,138,66,0.1);
+  --jumpy-actions-borderless-regular-hover-text: #0B6F33;
   --jumpy-actions-borderless-regular-pressed-action: #343434FF;
   --jumpy-actions-borderless-regular-pressed-border: rgba(255, 255, 255, 0);
   --jumpy-actions-borderless-regular-pressed-focus: rgba(255, 255, 255, 0);
-  --jumpy-actions-borderless-regular-pressed-icon: rgba(18,138,66,0.7);
-  --jumpy-actions-borderless-regular-pressed-surface: rgba(18,138,66,0.08);
-  --jumpy-actions-borderless-regular-pressed-text: rgba(18,138,66,0.7);
+  --jumpy-actions-borderless-regular-pressed-icon: #0B6F33;
+  --jumpy-actions-borderless-regular-pressed-surface: rgba(18,138,66,0.1);
+  --jumpy-actions-borderless-regular-pressed-text: #0B6F33;
   --jumpy-actions-primary-alarm-default-border: #FFFFFFFF;
   --jumpy-actions-primary-alarm-default-icon: #FFFFFFFF;
   --jumpy-actions-primary-alarm-default-surface: #DC2626;
@@ -75,7 +75,7 @@
   --jumpy-actions-primary-alarm-disabled-surface-alternate: #F6F6F6FF;
   --jumpy-actions-primary-alarm-disabled-text: #575B5E;
   --jumpy-actions-primary-alarm-focus-border: #FFFFFFFF;
-  --jumpy-actions-primary-alarm-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-actions-primary-alarm-focus-focus-ring: #128A42;
   --jumpy-actions-primary-alarm-focus-icon: #FFFFFFFF;
   --jumpy-actions-primary-alarm-focus-surface: #DC2626;
   --jumpy-actions-primary-alarm-focus-text: #FFFFFFFF;
@@ -97,7 +97,7 @@
   --jumpy-actions-primary-info-disabled-surface-alternate: #F6F6F6FF;
   --jumpy-actions-primary-info-disabled-text: #575B5E;
   --jumpy-actions-primary-info-focus-border: #000000FF;
-  --jumpy-actions-primary-info-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-actions-primary-info-focus-focus-ring: #128A42;
   --jumpy-actions-primary-info-focus-icon: #000000FF;
   --jumpy-actions-primary-info-focus-surface: #F4F7F5;
   --jumpy-actions-primary-info-focus-text: #000000FF;
@@ -110,27 +110,27 @@
   --jumpy-actions-primary-info-pressed-surface: #F6F6F6FF;
   --jumpy-actions-primary-info-pressed-text: #000000FF;
   --jumpy-actions-primary-regular-default-border: #128A42;
-  --jumpy-actions-primary-regular-default-icon: #FFFFFFFF;
+  --jumpy-actions-primary-regular-default-icon: #FFFFFF;
   --jumpy-actions-primary-regular-default-surface: #128A42;
-  --jumpy-actions-primary-regular-default-text: #FFFFFFFF;
+  --jumpy-actions-primary-regular-default-text: #FFFFFF;
   --jumpy-actions-primary-regular-disabled-border: #D1D1D1FF;
   --jumpy-actions-primary-regular-disabled-icon: #575B5E;
   --jumpy-actions-primary-regular-disabled-surface: #D1D1D1FF;
   --jumpy-actions-primary-regular-disabled-surface-alternate: #D1D1D1FF;
   --jumpy-actions-primary-regular-disabled-text: #575B5E;
   --jumpy-actions-primary-regular-focus-border: #128A42;
-  --jumpy-actions-primary-regular-focus-focus-ring: rgba(18,138,66,0.7);
-  --jumpy-actions-primary-regular-focus-icon: #FFFFFFFF;
+  --jumpy-actions-primary-regular-focus-focus-ring: rgba(18,138,66,0.2);
+  --jumpy-actions-primary-regular-focus-icon: #FFFFFF;
   --jumpy-actions-primary-regular-focus-surface: #128A42;
-  --jumpy-actions-primary-regular-focus-text: #FFFFFFFF;
-  --jumpy-actions-primary-regular-hover-border: rgba(18,138,66,0.7);
-  --jumpy-actions-primary-regular-hover-icon: #FFFFFFFF;
+  --jumpy-actions-primary-regular-focus-text: #FFFFFF;
+  --jumpy-actions-primary-regular-hover-border: #0B6F33;
+  --jumpy-actions-primary-regular-hover-icon: #FFFFFF;
   --jumpy-actions-primary-regular-hover-surface: #0B6F33;
-  --jumpy-actions-primary-regular-hover-text: #FFFFFFFF;
-  --jumpy-actions-primary-regular-pressed-border: #128A42;
-  --jumpy-actions-primary-regular-pressed-icon: #FFFFFFFF;
-  --jumpy-actions-primary-regular-pressed-surface: rgba(18,138,66,0.7);
-  --jumpy-actions-primary-regular-pressed-text: #FFFFFFFF;
+  --jumpy-actions-primary-regular-hover-text: #FFFFFF;
+  --jumpy-actions-primary-regular-pressed-border: #0B6F33;
+  --jumpy-actions-primary-regular-pressed-icon: #FFFFFF;
+  --jumpy-actions-primary-regular-pressed-surface: #0B6F33;
+  --jumpy-actions-primary-regular-pressed-text: #FFFFFF;
   --jumpy-actions-primary-warning-default-border: #1A1C1F;
   --jumpy-actions-primary-warning-default-icon: #1A1C1F;
   --jumpy-actions-primary-warning-default-surface: #F59E0B;
@@ -141,7 +141,7 @@
   --jumpy-actions-primary-warning-disabled-surface-alternate: #F6F6F6FF;
   --jumpy-actions-primary-warning-disabled-text: #575B5E;
   --jumpy-actions-primary-warning-focus-border: #1A1C1F;
-  --jumpy-actions-primary-warning-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-actions-primary-warning-focus-focus-ring: #128A42;
   --jumpy-actions-primary-warning-focus-icon: #1A1C1F;
   --jumpy-actions-primary-warning-focus-surface: #F59E0B;
   --jumpy-actions-primary-warning-focus-text: #1A1C1F;
@@ -165,7 +165,7 @@
   --jumpy-actions-secondary-alarm-disabled-text: #575B5E;
   --jumpy-actions-secondary-alarm-focus-action: #DC2626;
   --jumpy-actions-secondary-alarm-focus-border: #575B5E;
-  --jumpy-actions-secondary-alarm-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-actions-secondary-alarm-focus-focus-ring: #128A42;
   --jumpy-actions-secondary-alarm-focus-icon: #DC2626;
   --jumpy-actions-secondary-alarm-focus-surface: #FFFFFFFF;
   --jumpy-actions-secondary-alarm-focus-text: #DC2626;
@@ -192,21 +192,21 @@
   --jumpy-actions-secondary-regular-disabled-text: #575B5E;
   --jumpy-actions-secondary-regular-focus-action: #1A1C1F;
   --jumpy-actions-secondary-regular-focus-border: #575B5E;
-  --jumpy-actions-secondary-regular-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-actions-secondary-regular-focus-focus-ring: #128A42;
   --jumpy-actions-secondary-regular-focus-icon: #128A42;
   --jumpy-actions-secondary-regular-focus-surface: #FFFFFFFF;
   --jumpy-actions-secondary-regular-focus-text: #128A42;
   --jumpy-actions-secondary-regular-hover-action: #343434FF;
   --jumpy-actions-secondary-regular-hover-border: #575B5E;
-  --jumpy-actions-secondary-regular-hover-icon: rgba(18,138,66,0.7);
-  --jumpy-actions-secondary-regular-hover-surface: rgba(18,138,66,0.08);
-  --jumpy-actions-secondary-regular-hover-surface-alternate: rgba(18,138,66,0.08);
-  --jumpy-actions-secondary-regular-hover-text: rgba(18,138,66,0.7);
+  --jumpy-actions-secondary-regular-hover-icon: #0B6F33;
+  --jumpy-actions-secondary-regular-hover-surface: rgba(18,138,66,0.1);
+  --jumpy-actions-secondary-regular-hover-surface-alternate: rgba(18,138,66,0.1);
+  --jumpy-actions-secondary-regular-hover-text: #0B6F33;
   --jumpy-actions-secondary-regular-pressed-action: #343434FF;
   --jumpy-actions-secondary-regular-pressed-border: #575B5E;
-  --jumpy-actions-secondary-regular-pressed-icon: rgba(18,138,66,0.7);
-  --jumpy-actions-secondary-regular-pressed-surface: rgba(18,138,66,0.08);
-  --jumpy-actions-secondary-regular-pressed-text: rgba(18,138,66,0.7);
+  --jumpy-actions-secondary-regular-pressed-icon: #0B6F33;
+  --jumpy-actions-secondary-regular-pressed-surface: rgba(18,138,66,0.1);
+  --jumpy-actions-secondary-regular-pressed-text: #0B6F33;
   --jumpy-actions-tertiary-alarm-default-action: #DC2626;
   --jumpy-actions-tertiary-alarm-default-border: rgba(255, 255, 255, 0);
   --jumpy-actions-tertiary-alarm-default-focus: rgba(255, 255, 255, 0);
@@ -221,7 +221,7 @@
   --jumpy-actions-tertiary-alarm-disabled-text: #575B5E;
   --jumpy-actions-tertiary-alarm-focus-action: #DC2626;
   --jumpy-actions-tertiary-alarm-focus-border: rgba(255, 255, 255, 0);
-  --jumpy-actions-tertiary-alarm-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-actions-tertiary-alarm-focus-focus-ring: #128A42;
   --jumpy-actions-tertiary-alarm-focus-icon: #DC2626;
   --jumpy-actions-tertiary-alarm-focus-surface: rgba(255, 255, 255, 0);
   --jumpy-actions-tertiary-alarm-focus-text: #DC2626;
@@ -252,23 +252,23 @@
   --jumpy-actions-tertiary-regular-disabled-text: #575B5E;
   --jumpy-actions-tertiary-regular-focus-action: #1A1C1F;
   --jumpy-actions-tertiary-regular-focus-border: rgba(255, 255, 255, 0);
-  --jumpy-actions-tertiary-regular-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-actions-tertiary-regular-focus-focus-ring: #128A42;
   --jumpy-actions-tertiary-regular-focus-icon: #128A42;
   --jumpy-actions-tertiary-regular-focus-surface: rgba(255, 255, 255, 0);
   --jumpy-actions-tertiary-regular-focus-text: #128A42;
   --jumpy-actions-tertiary-regular-hover-action: #343434FF;
   --jumpy-actions-tertiary-regular-hover-border: rgba(255, 255, 255, 0);
   --jumpy-actions-tertiary-regular-hover-focus: rgba(255, 255, 255, 0);
-  --jumpy-actions-tertiary-regular-hover-icon: rgba(18,138,66,0.7);
-  --jumpy-actions-tertiary-regular-hover-surface: rgba(18,138,66,0.08);
-  --jumpy-actions-tertiary-regular-hover-surface-alternate: rgba(18,138,66,0.08);
-  --jumpy-actions-tertiary-regular-hover-text: rgba(18,138,66,0.7);
+  --jumpy-actions-tertiary-regular-hover-icon: #0B6F33;
+  --jumpy-actions-tertiary-regular-hover-surface: rgba(18,138,66,0.1);
+  --jumpy-actions-tertiary-regular-hover-surface-alternate: rgba(18,138,66,0.1);
+  --jumpy-actions-tertiary-regular-hover-text: #0B6F33;
   --jumpy-actions-tertiary-regular-pressed-action: #343434FF;
   --jumpy-actions-tertiary-regular-pressed-border: rgba(255, 255, 255, 0);
   --jumpy-actions-tertiary-regular-pressed-focus: rgba(255, 255, 255, 0);
-  --jumpy-actions-tertiary-regular-pressed-icon: rgba(18,138,66,0.7);
-  --jumpy-actions-tertiary-regular-pressed-surface: rgba(18,138,66,0.08);
-  --jumpy-actions-tertiary-regular-pressed-text: rgba(18,138,66,0.7);
+  --jumpy-actions-tertiary-regular-pressed-icon: #0B6F33;
+  --jumpy-actions-tertiary-regular-pressed-surface: rgba(18,138,66,0.1);
+  --jumpy-actions-tertiary-regular-pressed-text: #0B6F33;
   --jumpy-animation-delay-large: 300ms;
   --jumpy-animation-delay-medium: 200ms;
   --jumpy-animation-delay-none: 0ms;
@@ -298,70 +298,70 @@
   --jumpy-border-width-small: 1px;
   --jumpy-border-width-xlarge: 8px;
   --jumpy-card-active-default-border: rgba(87,91,94,0.15);
-  --jumpy-card-active-default-icon: #575B5E;
-  --jumpy-card-active-default-subtext: #1A1C1F;
-  --jumpy-card-active-default-surface: rgba(18,138,66,0.08);
-  --jumpy-card-active-default-text: #343434FF;
+  --jumpy-card-active-default-icon: #1A1C1F;
+  --jumpy-card-active-default-subtext: #575B5E;
+  --jumpy-card-active-default-surface: rgba(18,138,66,0.1);
+  --jumpy-card-active-default-text: #1A1C1F;
   --jumpy-card-active-disabled-border: #F4F7F5;
-  --jumpy-card-active-disabled-icon: rgba(87,91,94,0.15);
+  --jumpy-card-active-disabled-icon: #1A1C1F;
   --jumpy-card-active-disabled-subtext: #575B5E;
   --jumpy-card-active-disabled-surface: #F4F7F5;
-  --jumpy-card-active-disabled-text: #575B5E;
-  --jumpy-card-active-dragged-border: rgba(18,138,66,0.7);
-  --jumpy-card-active-dragged-icon: #575B5E;
-  --jumpy-card-active-dragged-subtext: #1A1C1F;
-  --jumpy-card-active-dragged-surface: rgba(18,138,66,0.2);
-  --jumpy-card-active-dragged-text: #343434FF;
+  --jumpy-card-active-disabled-text: #1A1C1F;
+  --jumpy-card-active-dragged-border: #128A42;
+  --jumpy-card-active-dragged-icon: #1A1C1F;
+  --jumpy-card-active-dragged-subtext: #575B5E;
+  --jumpy-card-active-dragged-surface: rgba(18,138,66,0.28);
+  --jumpy-card-active-dragged-text: #1A1C1F;
   --jumpy-card-active-focus-border: rgba(87,91,94,0.15);
-  --jumpy-card-active-focus-focus-ring: rgba(18,138,66,0.7);
-  --jumpy-card-active-focus-icon: #575B5E;
-  --jumpy-card-active-focus-subtext: #1A1C1F;
-  --jumpy-card-active-focus-surface: rgba(18,138,66,0.08);
-  --jumpy-card-active-focus-text: #343434FF;
-  --jumpy-card-active-hover-border: #6CB784;
-  --jumpy-card-active-hover-icon: #575B5E;
-  --jumpy-card-active-hover-subtext: #1A1C1F;
-  --jumpy-card-active-hover-surface: rgba(18,138,66,0.08);
-  --jumpy-card-active-hover-text: #343434FF;
-  --jumpy-card-active-pressed-border: rgba(18,138,66,0.7);
-  --jumpy-card-active-pressed-icon: #575B5E;
-  --jumpy-card-active-pressed-subtext: #1A1C1F;
-  --jumpy-card-active-pressed-surface: rgba(18,138,66,0.2);
-  --jumpy-card-active-pressed-text: #343434FF;
+  --jumpy-card-active-focus-focus-ring: #128A42;
+  --jumpy-card-active-focus-icon: #1A1C1F;
+  --jumpy-card-active-focus-subtext: #575B5E;
+  --jumpy-card-active-focus-surface: rgba(18,138,66,0.1);
+  --jumpy-card-active-focus-text: #1A1C1F;
+  --jumpy-card-active-hover-border: #128A42;
+  --jumpy-card-active-hover-icon: #1A1C1F;
+  --jumpy-card-active-hover-subtext: #575B5E;
+  --jumpy-card-active-hover-surface: rgba(18,138,66,0.1);
+  --jumpy-card-active-hover-text: #1A1C1F;
+  --jumpy-card-active-pressed-border: #128A42;
+  --jumpy-card-active-pressed-icon: #1A1C1F;
+  --jumpy-card-active-pressed-subtext: #575B5E;
+  --jumpy-card-active-pressed-surface: rgba(18,138,66,0.28);
+  --jumpy-card-active-pressed-text: #1A1C1F;
   --jumpy-card-inactive-default-border: rgba(87,91,94,0.15);
   --jumpy-card-inactive-default-icon: #1A1C1F;
-  --jumpy-card-inactive-default-subtext: #1A1C1F;
-  --jumpy-card-inactive-default-surface: #FFFFFFFF;
-  --jumpy-card-inactive-default-text: #343434FF;
+  --jumpy-card-inactive-default-subtext: #575B5E;
+  --jumpy-card-inactive-default-surface: #FFFFFF;
+  --jumpy-card-inactive-default-text: #1A1C1F;
   --jumpy-card-inactive-disabled-border: #F4F7F5;
-  --jumpy-card-inactive-disabled-icon: rgba(87,91,94,0.15);
+  --jumpy-card-inactive-disabled-icon: #1A1C1F;
   --jumpy-card-inactive-disabled-subtext: #575B5E;
   --jumpy-card-inactive-disabled-surface: #F4F7F5;
-  --jumpy-card-inactive-disabled-text: #575B5E;
-  --jumpy-card-inactive-dragged-border: rgba(18,138,66,0.7);
-  --jumpy-card-inactive-dragged-icon: #575B5E;
-  --jumpy-card-inactive-dragged-subtext: #1A1C1F;
-  --jumpy-card-inactive-dragged-surface: rgba(18,138,66,0.08);
-  --jumpy-card-inactive-dragged-text: #343434FF;
+  --jumpy-card-inactive-disabled-text: #1A1C1F;
+  --jumpy-card-inactive-dragged-border: #128A42;
+  --jumpy-card-inactive-dragged-icon: #1A1C1F;
+  --jumpy-card-inactive-dragged-subtext: #575B5E;
+  --jumpy-card-inactive-dragged-surface: rgba(18,138,66,0.1);
+  --jumpy-card-inactive-dragged-text: #1A1C1F;
   --jumpy-card-inactive-focus-border: rgba(87,91,94,0.15);
-  --jumpy-card-inactive-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-card-inactive-focus-focus-ring: #128A42;
   --jumpy-card-inactive-focus-icon: #1A1C1F;
-  --jumpy-card-inactive-focus-subtext: #1A1C1F;
-  --jumpy-card-inactive-focus-surface: #FFFFFFFF;
-  --jumpy-card-inactive-focus-text: #343434FF;
-  --jumpy-card-inactive-hover-border: #6CB784;
-  --jumpy-card-inactive-hover-icon: #575B5E;
-  --jumpy-card-inactive-hover-subtext: #1A1C1F;
-  --jumpy-card-inactive-hover-surface: rgba(18,138,66,0.08);
-  --jumpy-card-inactive-hover-text: #343434FF;
-  --jumpy-card-inactive-pressed-border: rgba(18,138,66,0.7);
-  --jumpy-card-inactive-pressed-icon: #575B5E;
-  --jumpy-card-inactive-pressed-subtext: #1A1C1F;
-  --jumpy-card-inactive-pressed-surface: rgba(18,138,66,0.08);
-  --jumpy-card-inactive-pressed-text: #343434FF;
+  --jumpy-card-inactive-focus-subtext: #575B5E;
+  --jumpy-card-inactive-focus-surface: #FFFFFF;
+  --jumpy-card-inactive-focus-text: #1A1C1F;
+  --jumpy-card-inactive-hover-border: #128A42;
+  --jumpy-card-inactive-hover-icon: #1A1C1F;
+  --jumpy-card-inactive-hover-subtext: #575B5E;
+  --jumpy-card-inactive-hover-surface: #F4F7F5;
+  --jumpy-card-inactive-hover-text: #1A1C1F;
+  --jumpy-card-inactive-pressed-border: #128A42;
+  --jumpy-card-inactive-pressed-icon: #1A1C1F;
+  --jumpy-card-inactive-pressed-subtext: #575B5E;
+  --jumpy-card-inactive-pressed-surface: rgba(18,138,66,0.1);
+  --jumpy-card-inactive-pressed-text: #1A1C1F;
   --jumpy-coachmark-default-inner-circle-outline: #128A42;
   --jumpy-coachmark-default-inner-circle-surface: #FFFFFFFF;
-  --jumpy-coachmark-default-outer-circle-surface: rgba(18,138,66,0.08);
+  --jumpy-coachmark-default-outer-circle-surface: rgba(18,138,66,0.1);
   --jumpy-coachmark-default-surface: rgba(255, 255, 255, 0);
   --jumpy-coachmark-disabled-inner-circle-outline: rgba(87,91,94,0.15);
   --jumpy-coachmark-disabled-inner-circle-surface: #FFFFFFFF;
@@ -370,16 +370,16 @@
   --jumpy-coachmark-focus-focus-ring: #0B6F33;
   --jumpy-coachmark-focus-inner-circle-outline: #128A42;
   --jumpy-coachmark-focus-inner-circle-surface: #FFFFFFFF;
-  --jumpy-coachmark-focus-outer-circle-surface: rgba(18,138,66,0.08);
+  --jumpy-coachmark-focus-outer-circle-surface: rgba(18,138,66,0.1);
   --jumpy-coachmark-focus-surface: rgba(255, 255, 255, 0);
   --jumpy-coachmark-hover-inner-circle-outline: #128A42;
   --jumpy-coachmark-hover-inner-circle-surface: #FFFFFFFF;
-  --jumpy-coachmark-hover-outer-circle-surface: rgba(18,138,66,0.08);
-  --jumpy-coachmark-hover-surface: rgba(18,138,66,0.08);
+  --jumpy-coachmark-hover-outer-circle-surface: rgba(18,138,66,0.1);
+  --jumpy-coachmark-hover-surface: rgba(18,138,66,0.1);
   --jumpy-coachmark-pressed-inner-circle-outline: #128A42;
   --jumpy-coachmark-pressed-inner-circle-surface: #FFFFFFFF;
-  --jumpy-coachmark-pressed-outer-circle-surface: rgba(18,138,66,0.08);
-  --jumpy-coachmark-pressed-surface: rgba(18,138,66,0.08);
+  --jumpy-coachmark-pressed-outer-circle-surface: rgba(18,138,66,0.1);
+  --jumpy-coachmark-pressed-surface: rgba(18,138,66,0.1);
   --jumpy-color-alarm-base: #DC2626;
   --jumpy-color-alarm-dark: #7F1D1D;
   --jumpy-color-alarm-darkbase: #7F1D1D;
@@ -629,7 +629,7 @@
   --jumpy-color-non-color-contrast-ultralight: #FFFFFFFF;
   --jumpy-color-non-color-transparent: rgba(255, 255, 255, 0);
   --jumpy-color-positive-base: #128A42;
-  --jumpy-color-positive-dark: #004425FF;
+  --jumpy-color-positive-dark: #0B6F33;
   --jumpy-color-positive-darkbase: #005F34FF;
   --jumpy-color-positive-extradark: #00361EFF;
   --jumpy-color-positive-extralight: rgba(18,138,66,0.25);
@@ -642,20 +642,20 @@
   --jumpy-color-primary-300: #EEF5DFFF;
   --jumpy-color-primary-400: #DDEABEFF;
   --jumpy-color-primary-500: #C7DC93FF;
-  --jumpy-color-primary-600: #6CB784;
+  --jumpy-color-primary-600: #128A42;
   --jumpy-color-primary-700: #5D7B00FF;
   --jumpy-color-primary-800: #556F17FF;
   --jumpy-color-primary-900: #394A10FF;
   --jumpy-color-primary-1000: #2B380CFF;
   --jumpy-color-primary-base: #128A42;
-  --jumpy-color-primary-dark: rgba(18,138,66,0.7);
+  --jumpy-color-primary-dark: #128A42;
   --jumpy-color-primary-darkbase: #0B6F33;
   --jumpy-color-primary-extradark: #2B380CFF;
-  --jumpy-color-primary-extralight: rgba(18,138,66,0.2);
+  --jumpy-color-primary-extralight: rgba(18,138,66,0.28);
   --jumpy-color-primary-light: #DDEABEFF;
-  --jumpy-color-primary-lightbase: #6CB784;
-  --jumpy-color-primary-megalight: rgba(18,138,66,0.08);
-  --jumpy-color-primary-ultralight: rgba(18,138,66,0.08);
+  --jumpy-color-primary-lightbase: #128A42;
+  --jumpy-color-primary-megalight: rgba(18,138,66,0.1);
+  --jumpy-color-primary-ultralight: rgba(18,138,66,0.1);
   --jumpy-color-secondary-100: #FFF9F4FF;
   --jumpy-color-secondary-200: #FFF3E8FF;
   --jumpy-color-secondary-300: #FFEDDDFF;
@@ -816,38 +816,38 @@
   --jumpy-input-alarm-hover-supporting: #DC2626;
   --jumpy-input-alarm-hover-surface: #FFFFFFFF;
   --jumpy-input-alarm-hover-value: #343434FF;
-  --jumpy-input-regular-default-border: #575B5E;
+  --jumpy-input-regular-default-border: rgba(87,91,94,0.25);
   --jumpy-input-regular-default-icon: #1A1C1F;
   --jumpy-input-regular-default-label: #575B5E;
-  --jumpy-input-regular-default-subtext: #1A1C1F;
-  --jumpy-input-regular-default-supporting: #1A1C1F;
-  --jumpy-input-regular-default-surface: #FFFFFFFF;
-  --jumpy-input-regular-default-surface-search: #F6F6F6FF;
-  --jumpy-input-regular-default-value: #343434FF;
-  --jumpy-input-regular-disabled-border: #F4F7F5;
-  --jumpy-input-regular-disabled-icon: rgba(87,91,94,0.15);
+  --jumpy-input-regular-default-subtext: #575B5E;
+  --jumpy-input-regular-default-supporting: #575B5E;
+  --jumpy-input-regular-default-surface: #F4F7F5;
+  --jumpy-input-regular-default-surface-search: #F4F7F5;
+  --jumpy-input-regular-default-value: #1A1C1F;
+  --jumpy-input-regular-disabled-border: rgba(87,91,94,0.25);
+  --jumpy-input-regular-disabled-icon: #1A1C1F;
   --jumpy-input-regular-disabled-label: #575B5E;
   --jumpy-input-regular-disabled-subtext: #575B5E;
   --jumpy-input-regular-disabled-supporting: #575B5E;
-  --jumpy-input-regular-disabled-surface: #FFFFFFFF;
-  --jumpy-input-regular-disabled-value: #575B5E;
+  --jumpy-input-regular-disabled-surface: #F4F7F5;
+  --jumpy-input-regular-disabled-value: #1A1C1F;
   --jumpy-input-regular-focus-border: #128A42;
   --jumpy-input-regular-focus-icon: #1A1C1F;
-  --jumpy-input-regular-focus-label: #128A42;
+  --jumpy-input-regular-focus-label: #575B5E;
   --jumpy-input-regular-focus-placeholder: #737373FF;
-  --jumpy-input-regular-focus-subtext: #1A1C1F;
-  --jumpy-input-regular-focus-supporting: #1A1C1F;
-  --jumpy-input-regular-focus-surface: #FFFFFFFF;
-  --jumpy-input-regular-focus-surface-search: #F6F6F6FF;
-  --jumpy-input-regular-focus-value: #343434FF;
-  --jumpy-input-regular-hover-border: #6CB784;
+  --jumpy-input-regular-focus-subtext: #575B5E;
+  --jumpy-input-regular-focus-supporting: #575B5E;
+  --jumpy-input-regular-focus-surface: #F4F7F5;
+  --jumpy-input-regular-focus-surface-search: #F4F7F5;
+  --jumpy-input-regular-focus-value: #1A1C1F;
+  --jumpy-input-regular-hover-border: #575B5E;
   --jumpy-input-regular-hover-icon: #1A1C1F;
-  --jumpy-input-regular-hover-label: #343434FF;
-  --jumpy-input-regular-hover-subtext: #1A1C1F;
-  --jumpy-input-regular-hover-supporting: #1A1C1F;
-  --jumpy-input-regular-hover-surface: #FFFFFFFF;
-  --jumpy-input-regular-hover-surface-search: #F6F6F6FF;
-  --jumpy-input-regular-hover-value: #343434FF;
+  --jumpy-input-regular-hover-label: #575B5E;
+  --jumpy-input-regular-hover-subtext: #575B5E;
+  --jumpy-input-regular-hover-supporting: #575B5E;
+  --jumpy-input-regular-hover-surface: #F4F7F5;
+  --jumpy-input-regular-hover-surface-search: #F4F7F5;
+  --jumpy-input-regular-hover-value: #1A1C1F;
   --jumpy-interactive-active-alarm-default-border: rgba(239,68,68,0.1);
   --jumpy-interactive-active-alarm-default-icon: #DC2626;
   --jumpy-interactive-active-alarm-default-subtext: #1A1C1F;
@@ -859,7 +859,7 @@
   --jumpy-interactive-active-alarm-disabled-surface: #F4F7F5;
   --jumpy-interactive-active-alarm-disabled-text: #575B5E;
   --jumpy-interactive-active-alarm-focus-border: rgba(239,68,68,0.1);
-  --jumpy-interactive-active-alarm-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-interactive-active-alarm-focus-focus-ring: #128A42;
   --jumpy-interactive-active-alarm-focus-icon: #DC2626;
   --jumpy-interactive-active-alarm-focus-subtext: #1A1C1F;
   --jumpy-interactive-active-alarm-focus-surface: rgba(239,68,68,0.1);
@@ -875,33 +875,33 @@
   --jumpy-interactive-active-alarm-pressed-subtext: #1A1C1F;
   --jumpy-interactive-active-alarm-pressed-surface: rgba(239,68,68,0.25);
   --jumpy-interactive-active-alarm-pressed-text: #7F1D1D;
-  --jumpy-interactive-active-regular-default-border: rgba(18,138,66,0.08);
+  --jumpy-interactive-active-regular-default-border: rgba(18,138,66,0.1);
   --jumpy-interactive-active-regular-default-icon: #128A42;
   --jumpy-interactive-active-regular-default-subtext: #1A1C1F;
-  --jumpy-interactive-active-regular-default-surface: rgba(18,138,66,0.08);
+  --jumpy-interactive-active-regular-default-surface: rgba(18,138,66,0.1);
   --jumpy-interactive-active-regular-default-text: #128A42;
   --jumpy-interactive-active-regular-disabled-border: #F4F7F5;
   --jumpy-interactive-active-regular-disabled-icon: rgba(87,91,94,0.15);
   --jumpy-interactive-active-regular-disabled-subtext: #575B5E;
   --jumpy-interactive-active-regular-disabled-surface: #F4F7F5;
   --jumpy-interactive-active-regular-disabled-text: #575B5E;
-  --jumpy-interactive-active-regular-focus-border: rgba(18,138,66,0.08);
-  --jumpy-interactive-active-regular-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-interactive-active-regular-focus-border: rgba(18,138,66,0.1);
+  --jumpy-interactive-active-regular-focus-focus-ring: #128A42;
   --jumpy-interactive-active-regular-focus-icon: #128A42;
   --jumpy-interactive-active-regular-focus-subtext: #1A1C1F;
-  --jumpy-interactive-active-regular-focus-surface: rgba(18,138,66,0.08);
+  --jumpy-interactive-active-regular-focus-surface: rgba(18,138,66,0.1);
   --jumpy-interactive-active-regular-focus-text: #128A42;
-  --jumpy-interactive-active-regular-hover-border: rgba(18,138,66,0.08);
-  --jumpy-interactive-active-regular-hover-icon: rgba(18,138,66,0.7);
+  --jumpy-interactive-active-regular-hover-border: rgba(18,138,66,0.1);
+  --jumpy-interactive-active-regular-hover-icon: #0B6F33;
   --jumpy-interactive-active-regular-hover-subtext: #1A1C1F;
-  --jumpy-interactive-active-regular-hover-surface: rgba(18,138,66,0.2);
-  --jumpy-interactive-active-regular-hover-surface-alternate: rgba(18,138,66,0.2);
-  --jumpy-interactive-active-regular-hover-text: rgba(18,138,66,0.7);
-  --jumpy-interactive-active-regular-pressed-border: rgba(18,138,66,0.08);
-  --jumpy-interactive-active-regular-pressed-icon: rgba(18,138,66,0.7);
+  --jumpy-interactive-active-regular-hover-surface: rgba(18,138,66,0.28);
+  --jumpy-interactive-active-regular-hover-surface-alternate: rgba(18,138,66,0.28);
+  --jumpy-interactive-active-regular-hover-text: #0B6F33;
+  --jumpy-interactive-active-regular-pressed-border: rgba(18,138,66,0.1);
+  --jumpy-interactive-active-regular-pressed-icon: #0B6F33;
   --jumpy-interactive-active-regular-pressed-subtext: #1A1C1F;
-  --jumpy-interactive-active-regular-pressed-surface: #DDEABEFF;
-  --jumpy-interactive-active-regular-pressed-text: rgba(18,138,66,0.7);
+  --jumpy-interactive-active-regular-pressed-surface: #0B6F33;
+  --jumpy-interactive-active-regular-pressed-text: #0B6F33;
   --jumpy-interactive-inactive-alarm-default-border: #575B5E;
   --jumpy-interactive-inactive-alarm-default-icon: #DC2626;
   --jumpy-interactive-inactive-alarm-default-subtext: #575B5E;
@@ -914,7 +914,7 @@
   --jumpy-interactive-inactive-alarm-disabled-surface: #FFFFFFFF;
   --jumpy-interactive-inactive-alarm-disabled-text: #575B5E;
   --jumpy-interactive-inactive-alarm-focus-border: #575B5E;
-  --jumpy-interactive-inactive-alarm-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-interactive-inactive-alarm-focus-focus-ring: #128A42;
   --jumpy-interactive-inactive-alarm-focus-icon: #DC2626;
   --jumpy-interactive-inactive-alarm-focus-subtext: #575B5E;
   --jumpy-interactive-inactive-alarm-focus-surface: #FFFFFFFF;
@@ -943,7 +943,7 @@
   --jumpy-interactive-inactive-regular-disabled-surface: #FFFFFFFF;
   --jumpy-interactive-inactive-regular-disabled-text: #575B5E;
   --jumpy-interactive-inactive-regular-focus-border: #575B5E;
-  --jumpy-interactive-inactive-regular-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-interactive-inactive-regular-focus-focus-ring: #128A42;
   --jumpy-interactive-inactive-regular-focus-icon: #1A1C1F;
   --jumpy-interactive-inactive-regular-focus-subtext: #575B5E;
   --jumpy-interactive-inactive-regular-focus-surface: #FFFFFFFF;
@@ -952,23 +952,23 @@
   --jumpy-interactive-inactive-regular-hover-border: #575B5E;
   --jumpy-interactive-inactive-regular-hover-icon: #343434FF;
   --jumpy-interactive-inactive-regular-hover-subtext: #575B5E;
-  --jumpy-interactive-inactive-regular-hover-surface: rgba(18,138,66,0.08);
-  --jumpy-interactive-inactive-regular-hover-surface-alternate: rgba(18,138,66,0.08);
+  --jumpy-interactive-inactive-regular-hover-surface: rgba(18,138,66,0.1);
+  --jumpy-interactive-inactive-regular-hover-surface-alternate: rgba(18,138,66,0.1);
   --jumpy-interactive-inactive-regular-hover-text: #343434FF;
   --jumpy-interactive-inactive-regular-pressed-border: #737373FF;
   --jumpy-interactive-inactive-regular-pressed-icon: #343434FF;
   --jumpy-interactive-inactive-regular-pressed-subtext: #575B5E;
-  --jumpy-interactive-inactive-regular-pressed-surface: rgba(18,138,66,0.08);
+  --jumpy-interactive-inactive-regular-pressed-surface: rgba(18,138,66,0.1);
   --jumpy-interactive-inactive-regular-pressed-text: #343434FF;
-  --jumpy-non-interactive-background-alternative: #FFFFFFFF;
-  --jumpy-non-interactive-background-alternative-floating: #FFFFFFFF;
-  --jumpy-non-interactive-background-alternative-raised: #F6F6F6FF;
-  --jumpy-non-interactive-background-brand: rgba(18,138,66,0.08);
-  --jumpy-non-interactive-background-default: #F5F5F2FF;
-  --jumpy-non-interactive-background-default-floating: #FFFFFFFF;
-  --jumpy-non-interactive-background-default-raised: #FFFFFFFF;
+  --jumpy-non-interactive-background-alternative: #FFFFFF;
+  --jumpy-non-interactive-background-alternative-floating: #FFFFFF;
+  --jumpy-non-interactive-background-alternative-raised: #FFFFFF;
+  --jumpy-non-interactive-background-brand: rgba(18,138,66,0.1);
+  --jumpy-non-interactive-background-default: #F4F7F5;
+  --jumpy-non-interactive-background-default-floating: #FFFFFF;
+  --jumpy-non-interactive-background-default-raised: #FFFFFF;
   --jumpy-non-interactive-foreground-primary: #1A1C1F;
-  --jumpy-non-interactive-foreground-secondary: #1A1C1F;
+  --jumpy-non-interactive-foreground-secondary: #575B5E;
   --jumpy-opacity-disabled: 0.48;
   --jumpy-opacity-gentle: 0.24;
   --jumpy-opacity-hard: 0.8;
@@ -1013,22 +1013,22 @@
   --jumpy-selectors-active-disabled-surface: #F4F7F5;
   --jumpy-selectors-active-disabled-text: #575B5E;
   --jumpy-selectors-active-focus-border: #128A42;
-  --jumpy-selectors-active-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-selectors-active-focus-focus-ring: #128A42;
   --jumpy-selectors-active-focus-handle: #FFFFFFFF;
   --jumpy-selectors-active-focus-icon: #FFFFFFFF;
   --jumpy-selectors-active-focus-surface: #128A42;
   --jumpy-selectors-active-focus-text: #128A42;
-  --jumpy-selectors-active-hover-border: #6CB784;
+  --jumpy-selectors-active-hover-border: #0B6F33;
   --jumpy-selectors-active-hover-handle: #FFFFFFFF;
-  --jumpy-selectors-active-hover-hover-ring: rgba(18,138,66,0.08);
+  --jumpy-selectors-active-hover-hover-ring: rgba(18,138,66,0.1);
   --jumpy-selectors-active-hover-icon: #FFFFFFFF;
-  --jumpy-selectors-active-hover-surface: #6CB784;
-  --jumpy-selectors-active-hover-text: rgba(18,138,66,0.7);
-  --jumpy-selectors-active-pressed-border: #DDEABEFF;
+  --jumpy-selectors-active-hover-surface: #0B6F33;
+  --jumpy-selectors-active-hover-text: #0B6F33;
+  --jumpy-selectors-active-pressed-border: #0B6F33;
   --jumpy-selectors-active-pressed-handle: #FFFFFFFF;
   --jumpy-selectors-active-pressed-icon: #FFFFFFFF;
-  --jumpy-selectors-active-pressed-surface: #DDEABEFF;
-  --jumpy-selectors-active-pressed-text: rgba(18,138,66,0.7);
+  --jumpy-selectors-active-pressed-surface: #0B6F33;
+  --jumpy-selectors-active-pressed-text: #0B6F33;
   --jumpy-selectors-active-read-only-border: #E3E3E3FF;
   --jumpy-selectors-active-read-only-handle: #E3E3E3FF;
   --jumpy-selectors-active-read-only-icon: #128A42;
@@ -1045,21 +1045,21 @@
   --jumpy-selectors-inactive-disabled-surface: #F4F7F5;
   --jumpy-selectors-inactive-disabled-text: #575B5E;
   --jumpy-selectors-inactive-focus-border: #575B5E;
-  --jumpy-selectors-inactive-focus-focus-ring: rgba(18,138,66,0.7);
+  --jumpy-selectors-inactive-focus-focus-ring: #128A42;
   --jumpy-selectors-inactive-focus-handle: #575B5E;
   --jumpy-selectors-inactive-focus-icon: #1A1C1F;
   --jumpy-selectors-inactive-focus-surface: #F6F6F6FF;
   --jumpy-selectors-inactive-focus-text: #343434FF;
   --jumpy-selectors-inactive-hover-border: #575B5E;
   --jumpy-selectors-inactive-hover-handle: #575B5E;
-  --jumpy-selectors-inactive-hover-hover-ring: rgba(18,138,66,0.08);
+  --jumpy-selectors-inactive-hover-hover-ring: rgba(18,138,66,0.1);
   --jumpy-selectors-inactive-hover-icon: #575B5E;
-  --jumpy-selectors-inactive-hover-surface: rgba(18,138,66,0.08);
+  --jumpy-selectors-inactive-hover-surface: rgba(18,138,66,0.1);
   --jumpy-selectors-inactive-hover-text: #343434FF;
   --jumpy-selectors-inactive-pressed-border: #575B5E;
   --jumpy-selectors-inactive-pressed-handle: #575B5E;
   --jumpy-selectors-inactive-pressed-icon: #575B5E;
-  --jumpy-selectors-inactive-pressed-surface: rgba(18,138,66,0.08);
+  --jumpy-selectors-inactive-pressed-surface: rgba(18,138,66,0.1);
   --jumpy-selectors-inactive-pressed-text: #343434FF;
   --jumpy-selectors-inactive-read-only-border: #E3E3E3FF;
   --jumpy-selectors-inactive-read-only-handle: #E3E3E3FF;
@@ -1115,24 +1115,24 @@
   --jumpy-slider-active-disabled-stop-text: rgba(87,91,94,0.15);
   --jumpy-slider-active-disabled-track: #F4F7F5;
   --jumpy-slider-active-focus-handle: #128A42;
-  --jumpy-slider-active-focus-handle-focus-ring: #0B6F33;
+  --jumpy-slider-active-focus-handle-focus-ring: #128A42;
   --jumpy-slider-active-focus-handle-surface: rgba(255, 255, 255, 0);
   --jumpy-slider-active-focus-icon: #128A42;
   --jumpy-slider-active-focus-stop-dot: rgba(87,91,94,0.15);
   --jumpy-slider-active-focus-stop-text: #343434FF;
   --jumpy-slider-active-focus-track: #128A42;
-  --jumpy-slider-active-hover-handle: #128A42;
-  --jumpy-slider-active-hover-handle-surface: rgba(18,138,66,0.08);
-  --jumpy-slider-active-hover-icon: #128A42;
+  --jumpy-slider-active-hover-handle: #0B6F33;
+  --jumpy-slider-active-hover-handle-surface: rgba(18,138,66,0.1);
+  --jumpy-slider-active-hover-icon: #0B6F33;
   --jumpy-slider-active-hover-stop-dot: rgba(87,91,94,0.15);
   --jumpy-slider-active-hover-stop-text: #343434FF;
-  --jumpy-slider-active-hover-track: #128A42;
-  --jumpy-slider-active-pressed-handle: #128A42;
-  --jumpy-slider-active-pressed-handle-surface: rgba(18,138,66,0.08);
-  --jumpy-slider-active-pressed-icon: #128A42;
+  --jumpy-slider-active-hover-track: #0B6F33;
+  --jumpy-slider-active-pressed-handle: #0B6F33;
+  --jumpy-slider-active-pressed-handle-surface: rgba(18,138,66,0.1);
+  --jumpy-slider-active-pressed-icon: #0B6F33;
   --jumpy-slider-active-pressed-stop-dot: rgba(87,91,94,0.15);
   --jumpy-slider-active-pressed-stop-text: #343434FF;
-  --jumpy-slider-active-pressed-track: #128A42;
+  --jumpy-slider-active-pressed-track: #0B6F33;
   --jumpy-slider-inactive-default-icon: #128A42;
   --jumpy-slider-inactive-default-stop-dot: rgba(87,91,94,0.15);
   --jumpy-slider-inactive-default-stop-text: #343434FF;
@@ -1145,11 +1145,11 @@
   --jumpy-slider-inactive-focus-stop-dot: rgba(87,91,94,0.15);
   --jumpy-slider-inactive-focus-stop-text: #343434FF;
   --jumpy-slider-inactive-focus-track: #F4F7F5;
-  --jumpy-slider-inactive-hover-icon: #128A42;
+  --jumpy-slider-inactive-hover-icon: #0B6F33;
   --jumpy-slider-inactive-hover-stop-dot: rgba(87,91,94,0.15);
   --jumpy-slider-inactive-hover-stop-text: #343434FF;
   --jumpy-slider-inactive-hover-track: #F4F7F5;
-  --jumpy-slider-inactive-pressed-icon: #128A42;
+  --jumpy-slider-inactive-pressed-icon: #0B6F33;
   --jumpy-slider-inactive-pressed-stop-dot: rgba(87,91,94,0.15);
   --jumpy-slider-inactive-pressed-stop-text: #343434FF;
   --jumpy-slider-inactive-pressed-track: #F4F7F5;