chore(tokens): adds custom coachindicator tokens (#2136)

jenndiaz · web-flow · commit 01a816a88509 · 2023-08-31T14:09:31.000-04:00
diff --git a/components/tokens/custom-spectrum/custom-dark-vars.css b/components/tokens/custom-spectrum/custom-dark-vars.css
@@ -30,4 +30,8 @@ governing permissions and limitations under the License.
   --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700);
 
   --spectrum-badge-label-icon-color-primary: var(--spectrum-black);
+
+  --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700);
+  --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
+  --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
 }
diff --git a/components/tokens/custom-spectrum/custom-darkest-vars.css b/components/tokens/custom-spectrum/custom-darkest-vars.css
@@ -30,4 +30,8 @@ governing permissions and limitations under the License.
   --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700);
 
   --spectrum-badge-label-icon-color-primary: var(--spectrum-black);
+
+  --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700);
+  --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
+  --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
   }
diff --git a/components/tokens/custom-spectrum/custom-large-vars.css b/components/tokens/custom-spectrum/custom-large-vars.css
@@ -65,4 +65,8 @@ governing permissions and limitations under the License.
 
   --spectrum-alert-dialog-padding: var(--spectrum-spacing-400);
   --spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-600);
+
+  --spectrum-coach-indicator-gap: 8px;
+  --spectrum-coach-indicator-ring-diameter: 20px;
+  --spectrum-coach-indicator-quiet-ring-diameter: 10px;
 }
diff --git a/components/tokens/custom-spectrum/custom-light-vars.css b/components/tokens/custom-spectrum/custom-light-vars.css
@@ -31,4 +31,8 @@ governing permissions and limitations under the License.
   --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-800);
 
   --spectrum-badge-label-icon-color-primary: var(--spectrum-white);
+
+  --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-800);
+  --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
+  --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
 }
diff --git a/components/tokens/custom-spectrum/custom-medium-vars.css b/components/tokens/custom-spectrum/custom-medium-vars.css
@@ -65,4 +65,8 @@ governing permissions and limitations under the License.
 
   --spectrum-alert-dialog-padding: var(--spectrum-spacing-500);
   --spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-700);
+
+  --spectrum-coach-indicator-gap: 6px;
+  --spectrum-coach-indicator-ring-diameter: var(--spectrum-spacing-300);
+  --spectrum-coach-indicator-quiet-ring-diameter: var(--spectrum-spacing-100);
 }

Original file line number	Diff line number	Diff line change
`@@ -30,4 +30,8 @@ governing permissions and limitations under the License.`
`30`	`30`	`--spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700);`
`31`	`31`
`32`	`32`	`--spectrum-badge-label-icon-color-primary: var(--spectrum-black);`
	`33`	`+`
	`34`	`+ --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700);`
	`35`	`+ --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);`
	`36`	`+ --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);`
`33`	`37`	`}`
Original file line number	Diff line number	Diff line change
`@@ -65,4 +65,8 @@ governing permissions and limitations under the License.`
`65`	`65`
`66`	`66`	`--spectrum-alert-dialog-padding: var(--spectrum-spacing-400);`
`67`	`67`	`--spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-600);`
	`68`	`+`
	`69`	`+ --spectrum-coach-indicator-gap: 8px;`
	`70`	`+ --spectrum-coach-indicator-ring-diameter: 20px;`
	`71`	`+ --spectrum-coach-indicator-quiet-ring-diameter: 10px;`
`68`	`72`	`}`
Original file line number	Diff line number	Diff line change
`@@ -31,4 +31,8 @@ governing permissions and limitations under the License.`
`31`	`31`	`--spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-800);`
`32`	`32`
`33`	`33`	`--spectrum-badge-label-icon-color-primary: var(--spectrum-white);`
	`34`	`+`
	`35`	`+ --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-800);`
	`36`	`+ --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);`
	`37`	`+ --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);`
`34`	`38`	`}`