Skip to content

Commit c3f764d

Browse files
jenndiazRajdeep Chandra
authored andcommitted
chore(tokens): adds custom coachindicator tokens (#2136)
1 parent 918f503 commit c3f764d

File tree

5 files changed

+18
-2
lines changed

5 files changed

+18
-2
lines changed

components/tokens/custom-spectrum/custom-dark-vars.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,4 +32,7 @@ governing permissions and limitations under the License.
3232
--spectrum-badge-label-icon-color-primary: var(--spectrum-black);
3333

3434
--spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700);
35+
--spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700);
36+
--spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
37+
--spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
3538
}

components/tokens/custom-spectrum/custom-darkest-vars.css

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,9 @@ governing permissions and limitations under the License.
3030
--spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700);
3131

3232
--spectrum-badge-label-icon-color-primary: var(--spectrum-black);
33-
3433
--spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700);
35-
}
34+
35+
--spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700);
36+
--spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
37+
--spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
38+
}

components/tokens/custom-spectrum/custom-large-vars.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -65,4 +65,8 @@ governing permissions and limitations under the License.
6565

6666
--spectrum-alert-dialog-padding: var(--spectrum-spacing-400);
6767
--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;
6872
}

components/tokens/custom-spectrum/custom-light-vars.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,4 +33,7 @@ governing permissions and limitations under the License.
3333
--spectrum-badge-label-icon-color-primary: var(--spectrum-white);
3434

3535
--spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-800);
36+
--spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-800);
37+
--spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
38+
--spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
3639
}

components/tokens/custom-spectrum/custom-medium-vars.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,4 +75,7 @@ governing permissions and limitations under the License.
7575
--spectrum-steplist-sidePadding: 60px;
7676
--spectrum-steplist-label-labelOffset: 10px;
7777
--spectrum-steplist-label-text-size: 12px;
78+
--spectrum-coach-indicator-gap: 6px;
79+
--spectrum-coach-indicator-ring-diameter: var(--spectrum-spacing-300);
80+
--spectrum-coach-indicator-quiet-ring-diameter: var(--spectrum-spacing-100);
7881
}

0 commit comments

Comments
 (0)