fix: change a custom color token on pill example doc

AlaskaAirlines · Nov 15, 2024 · 739c1b9 · 739c1b9
1 parent c7bc246
commit 739c1b9
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/apiExamples/pill.html b/apiExamples/pill.html
@@ -2,4 +2,4 @@
 <auro-badge error pill>Danger</auro-badge>
 <auro-badge success pill>Flight 167</auro-badge>
 <auro-badge advisory pill>99</auro-badge>
-<auro-badge pill style="color: var(--auro-color-text-primary-on-light); background-color: var(--auro-color-brand-tropical-300); border-color: var(--auro-color-brand-tropical-300)">Flight 99</auro-badge>
+<auro-badge pill style="color: var(--auro-color-text-primary-on-light); background-color: var(--ds-color-utility-lime-default); border-color: var(--ds-color-utility-lime-default)">Flight 99</auro-badge>
diff --git a/demo/api.md b/demo/api.md
@@ -247,7 +247,7 @@ Use the `pill` attribute to render a small 'pill size' UI.
   <auro-badge error pill>Danger</auro-badge>
   <auro-badge success pill>Flight 167</auro-badge>
   <auro-badge advisory pill>99</auro-badge>
-  <auro-badge pill style="color: var(--auro-color-text-primary-on-light); background-color: var(--auro-color-brand-tropical-300); border-color: var(--auro-color-brand-tropical-300)">Flight 99</auro-badge>
+  <auro-badge pill style="color: var(--auro-color-text-primary-on-light); background-color: var(--ds-color-utility-lime-default); border-color: var(--ds-color-utility-lime-default)">Flight 99</auro-badge>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 <auro-accordion alignRight>
@@ -260,7 +260,7 @@ Use the `pill` attribute to render a small 'pill size' UI.
 <auro-badge error pill>Danger</auro-badge>
 <auro-badge success pill>Flight 167</auro-badge>
 <auro-badge advisory pill>99</auro-badge>
-<auro-badge pill style="color: var(--auro-color-text-primary-on-light); background-color: var(--auro-color-brand-tropical-300); border-color: var(--auro-color-brand-tropical-300)">Flight 99</auro-badge>
+<auro-badge pill style="color: var(--auro-color-text-primary-on-light); background-color: var(--ds-color-utility-lime-default); border-color: var(--ds-color-utility-lime-default)">Flight 99</auro-badge>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
 </auro-accordion>

diff --git a/demo/index.md b/demo/index.md
@@ -226,7 +226,7 @@ Use the `pill` property in combination with `error`, `success`, or `advisory` at
   <auro-badge error pill>Danger</auro-badge>
   <auro-badge success pill>Flight 167</auro-badge>
   <auro-badge advisory pill>99</auro-badge>
-  <auro-badge pill style="color: var(--auro-color-text-primary-on-light); background-color: var(--auro-color-brand-tropical-300); border-color: var(--auro-color-brand-tropical-300)">Flight 99</auro-badge>
+  <auro-badge pill style="color: var(--auro-color-text-primary-on-light); background-color: var(--ds-color-utility-lime-default); border-color: var(--ds-color-utility-lime-default)">Flight 99</auro-badge>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 <auro-accordion alignRight>
@@ -239,7 +239,7 @@ Use the `pill` property in combination with `error`, `success`, or `advisory` at
 <auro-badge error pill>Danger</auro-badge>
 <auro-badge success pill>Flight 167</auro-badge>
 <auro-badge advisory pill>99</auro-badge>
-<auro-badge pill style="color: var(--auro-color-text-primary-on-light); background-color: var(--auro-color-brand-tropical-300); border-color: var(--auro-color-brand-tropical-300)">Flight 99</auro-badge>
+<auro-badge pill style="color: var(--auro-color-text-primary-on-light); background-color: var(--ds-color-utility-lime-default); border-color: var(--ds-color-utility-lime-default)">Flight 99</auro-badge>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
 </auro-accordion>