chore(tokens): update design-tokens dependency to 1.2.5 (#30353)

Issue number: internal

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

- Update tokens dependency to 1.2.5.
- This version fixes values of some colors, to improve a11y compliance.
- Added new extended colors.

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->

---------

Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com>
Co-authored-by: ionitron <hi@ionicframework.com>

core/package-lock.json

@@ -44,7 +44,7 @@
         "fs-extra": "^9.0.1",
         "jest": "^29.7.0",
         "jest-cli": "^29.7.0",
-        "outsystems-design-tokens": "^1.2.4",
+        "outsystems-design-tokens": "^1.2.5",
         "prettier": "^2.8.8",
         "rollup": "^2.26.4",
         "sass": "^1.33.0",
@@ -9181,9 +9181,9 @@
       }
     },
     "node_modules/outsystems-design-tokens": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/outsystems-design-tokens/-/outsystems-design-tokens-1.2.4.tgz",
-      "integrity": "sha512-kk7reg+RRf70n5FmAu/x9j9l+U8pIipMw29poDPwLeQRYWei/me3XR4goH+vpzxuWJCjHVeroc9NETNLNUPa8w==",
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/outsystems-design-tokens/-/outsystems-design-tokens-1.2.5.tgz",
+      "integrity": "sha512-M6hcHt1LLNA5Jsg4vNM5onkK7upE6KSYUENbK7sM4e+iTzMzNIfeI5Lt4tsLsK3GoJPqBcXgFD0qsyjrWqGEpQ==",
       "dev": true,
       "dependencies": {
         "glob": "^11.0.0",

core/package.json

@@ -66,7 +66,7 @@
     "fs-extra": "^9.0.1",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
-    "outsystems-design-tokens": "^1.2.4",
+    "outsystems-design-tokens": "^1.2.5",
     "prettier": "^2.8.8",
     "rollup": "^2.26.4",
     "sass": "^1.33.0",

core/src/foundations/ionic.utility.scss

@@ -1132,6 +1132,246 @@ Do not edit directly, this file was auto-generated.
 .ion-background-bg-select-press {
   background-color: $ion-bg-select-press;
 }
+.ion-bg-extended-pumpkin-base-default {
+  color: $ion-bg-extended-pumpkin-base-default;
+}
+.ion-background-bg-extended-pumpkin-base-default {
+  background-color: $ion-bg-extended-pumpkin-base-default;
+}
+.ion-bg-extended-pumpkin-base-press {
+  color: $ion-bg-extended-pumpkin-base-press;
+}
+.ion-background-bg-extended-pumpkin-base-press {
+  background-color: $ion-bg-extended-pumpkin-base-press;
+}
+.ion-bg-extended-pumpkin-subtle-default {
+  color: $ion-bg-extended-pumpkin-subtle-default;
+}
+.ion-background-bg-extended-pumpkin-subtle-default {
+  background-color: $ion-bg-extended-pumpkin-subtle-default;
+}
+.ion-bg-extended-pumpkin-subtle-press {
+  color: $ion-bg-extended-pumpkin-subtle-press;
+}
+.ion-background-bg-extended-pumpkin-subtle-press {
+  background-color: $ion-bg-extended-pumpkin-subtle-press;
+}
+.ion-bg-extended-orange-base-default {
+  color: $ion-bg-extended-orange-base-default;
+}
+.ion-background-bg-extended-orange-base-default {
+  background-color: $ion-bg-extended-orange-base-default;
+}
+.ion-bg-extended-orange-base-press {
+  color: $ion-bg-extended-orange-base-press;
+}
+.ion-background-bg-extended-orange-base-press {
+  background-color: $ion-bg-extended-orange-base-press;
+}
+.ion-bg-extended-orange-subtle-default {
+  color: $ion-bg-extended-orange-subtle-default;
+}
+.ion-background-bg-extended-orange-subtle-default {
+  background-color: $ion-bg-extended-orange-subtle-default;
+}
+.ion-bg-extended-orange-subtle-press {
+  color: $ion-bg-extended-orange-subtle-press;
+}
+.ion-background-bg-extended-orange-subtle-press {
+  background-color: $ion-bg-extended-orange-subtle-press;
+}
+.ion-bg-extended-lime-base-default {
+  color: $ion-bg-extended-lime-base-default;
+}
+.ion-background-bg-extended-lime-base-default {
+  background-color: $ion-bg-extended-lime-base-default;
+}
+.ion-bg-extended-lime-base-press {
+  color: $ion-bg-extended-lime-base-press;
+}
+.ion-background-bg-extended-lime-base-press {
+  background-color: $ion-bg-extended-lime-base-press;
+}
+.ion-bg-extended-lime-subtle-default {
+  color: $ion-bg-extended-lime-subtle-default;
+}
+.ion-background-bg-extended-lime-subtle-default {
+  background-color: $ion-bg-extended-lime-subtle-default;
+}
+.ion-bg-extended-lime-subtle-press {
+  color: $ion-bg-extended-lime-subtle-press;
+}
+.ion-background-bg-extended-lime-subtle-press {
+  background-color: $ion-bg-extended-lime-subtle-press;
+}
+.ion-bg-extended-teal-base-default {
+  color: $ion-bg-extended-teal-base-default;
+}
+.ion-background-bg-extended-teal-base-default {
+  background-color: $ion-bg-extended-teal-base-default;
+}
+.ion-bg-extended-teal-base-press {
+  color: $ion-bg-extended-teal-base-press;
+}
+.ion-background-bg-extended-teal-base-press {
+  background-color: $ion-bg-extended-teal-base-press;
+}
+.ion-bg-extended-teal-subtle-default {
+  color: $ion-bg-extended-teal-subtle-default;
+}
+.ion-background-bg-extended-teal-subtle-default {
+  background-color: $ion-bg-extended-teal-subtle-default;
+}
+.ion-bg-extended-teal-subtle-press {
+  color: $ion-bg-extended-teal-subtle-press;
+}
+.ion-background-bg-extended-teal-subtle-press {
+  background-color: $ion-bg-extended-teal-subtle-press;
+}
+.ion-bg-extended-aqua-base-default {
+  color: $ion-bg-extended-aqua-base-default;
+}
+.ion-background-bg-extended-aqua-base-default {
+  background-color: $ion-bg-extended-aqua-base-default;
+}
+.ion-bg-extended-aqua-base-press {
+  color: $ion-bg-extended-aqua-base-press;
+}
+.ion-background-bg-extended-aqua-base-press {
+  background-color: $ion-bg-extended-aqua-base-press;
+}
+.ion-bg-extended-aqua-subtle-default {
+  color: $ion-bg-extended-aqua-subtle-default;
+}
+.ion-background-bg-extended-aqua-subtle-default {
+  background-color: $ion-bg-extended-aqua-subtle-default;
+}
+.ion-bg-extended-aqua-subtle-press {
+  color: $ion-bg-extended-aqua-subtle-press;
+}
+.ion-background-bg-extended-aqua-subtle-press {
+  background-color: $ion-bg-extended-aqua-subtle-press;
+}
+.ion-bg-extended-indigo-base-default {
+  color: $ion-bg-extended-indigo-base-default;
+}
+.ion-background-bg-extended-indigo-base-default {
+  background-color: $ion-bg-extended-indigo-base-default;
+}
+.ion-bg-extended-indigo-base-press {
+  color: $ion-bg-extended-indigo-base-press;
+}
+.ion-background-bg-extended-indigo-base-press {
+  background-color: $ion-bg-extended-indigo-base-press;
+}
+.ion-bg-extended-indigo-subtle-default {
+  color: $ion-bg-extended-indigo-subtle-default;
+}
+.ion-background-bg-extended-indigo-subtle-default {
+  background-color: $ion-bg-extended-indigo-subtle-default;
+}
+.ion-bg-extended-indigo-subtle-press {
+  color: $ion-bg-extended-indigo-subtle-press;
+}
+.ion-background-bg-extended-indigo-subtle-press {
+  background-color: $ion-bg-extended-indigo-subtle-press;
+}
+.ion-bg-extended-violet-base-default {
+  color: $ion-bg-extended-violet-base-default;
+}
+.ion-background-bg-extended-violet-base-default {
+  background-color: $ion-bg-extended-violet-base-default;
+}
+.ion-bg-extended-violet-base-press {
+  color: $ion-bg-extended-violet-base-press;
+}
+.ion-background-bg-extended-violet-base-press {
+  background-color: $ion-bg-extended-violet-base-press;
+}
+.ion-bg-extended-violet-subtle-default {
+  color: $ion-bg-extended-violet-subtle-default;
+}
+.ion-background-bg-extended-violet-subtle-default {
+  background-color: $ion-bg-extended-violet-subtle-default;
+}
+.ion-bg-extended-violet-subtle-press {
+  color: $ion-bg-extended-violet-subtle-press;
+}
+.ion-background-bg-extended-violet-subtle-press {
+  background-color: $ion-bg-extended-violet-subtle-press;
+}
+.ion-bg-extended-purple-base-default {
+  color: $ion-bg-extended-purple-base-default;
+}
+.ion-background-bg-extended-purple-base-default {
+  background-color: $ion-bg-extended-purple-base-default;
+}
+.ion-bg-extended-purple-base-press {
+  color: $ion-bg-extended-purple-base-press;
+}
+.ion-background-bg-extended-purple-base-press {
+  background-color: $ion-bg-extended-purple-base-press;
+}
+.ion-bg-extended-purple-subtle-default {
+  color: $ion-bg-extended-purple-subtle-default;
+}
+.ion-background-bg-extended-purple-subtle-default {
+  background-color: $ion-bg-extended-purple-subtle-default;
+}
+.ion-bg-extended-purple-subtle-press {
+  color: $ion-bg-extended-purple-subtle-press;
+}
+.ion-background-bg-extended-purple-subtle-press {
+  background-color: $ion-bg-extended-purple-subtle-press;
+}
+.ion-bg-extended-magenta-base-default {
+  color: $ion-bg-extended-magenta-base-default;
+}
+.ion-background-bg-extended-magenta-base-default {
+  background-color: $ion-bg-extended-magenta-base-default;
+}
+.ion-bg-extended-magenta-base-press {
+  color: $ion-bg-extended-magenta-base-press;
+}
+.ion-background-bg-extended-magenta-base-press {
+  background-color: $ion-bg-extended-magenta-base-press;
+}
+.ion-bg-extended-magenta-subtle-default {
+  color: $ion-bg-extended-magenta-subtle-default;
+}
+.ion-background-bg-extended-magenta-subtle-default {
+  background-color: $ion-bg-extended-magenta-subtle-default;
+}
+.ion-bg-extended-magenta-subtle-press {
+  color: $ion-bg-extended-magenta-subtle-press;
+}
+.ion-background-bg-extended-magenta-subtle-press {
+  background-color: $ion-bg-extended-magenta-subtle-press;
+}
+.ion-bg-extended-pink-base-default {
+  color: $ion-bg-extended-pink-base-default;
+}
+.ion-background-bg-extended-pink-base-default {
+  background-color: $ion-bg-extended-pink-base-default;
+}
+.ion-bg-extended-pink-base-press {
+  color: $ion-bg-extended-pink-base-press;
+}
+.ion-background-bg-extended-pink-base-press {
+  background-color: $ion-bg-extended-pink-base-press;
+}
+.ion-bg-extended-pink-subtle-default {
+  color: $ion-bg-extended-pink-subtle-default;
+}
+.ion-background-bg-extended-pink-subtle-default {
+  background-color: $ion-bg-extended-pink-subtle-default;
+}
+.ion-bg-extended-pink-subtle-press {
+  color: $ion-bg-extended-pink-subtle-press;
+}
+.ion-background-bg-extended-pink-subtle-press {
+  background-color: $ion-bg-extended-pink-subtle-press;
+}
 .ion-text-default {
   color: $ion-text-default;
 }
@@ -1216,20 +1456,77 @@ Do not edit directly, this file was auto-generated.
 .ion-background-text-select {
   background-color: $ion-text-select;
 }
+.ion-text-extended-pumpkin {
+  color: $ion-text-extended-pumpkin;
+}
+.ion-background-text-extended-pumpkin {
+  background-color: $ion-text-extended-pumpkin;
+}
+.ion-text-extended-orange {
+  color: $ion-text-extended-orange;
+}
+.ion-background-text-extended-orange {
+  background-color: $ion-text-extended-orange;
+}
+.ion-text-extended-lime {
+  color: $ion-text-extended-lime;
+}
+.ion-background-text-extended-lime {
+  background-color: $ion-text-extended-lime;
+}
+.ion-text-extended-teal {
+  color: $ion-text-extended-teal;
+}
+.ion-background-text-extended-teal {
+  background-color: $ion-text-extended-teal;
+}
+.ion-text-extended-aqua {
+  color: $ion-text-extended-aqua;
+}
+.ion-background-text-extended-aqua {
+  background-color: $ion-text-extended-aqua;
+}
+.ion-text-extended-indigo {
+  color: $ion-text-extended-indigo;
+}
+.ion-background-text-extended-indigo {
+  background-color: $ion-text-extended-indigo;
+}
+.ion-text-extended-violet {
+  color: $ion-text-extended-violet;
+}
+.ion-background-text-extended-violet {
+  background-color: $ion-text-extended-violet;
+}
+.ion-text-extended-purple {
+  color: $ion-text-extended-purple;
+}
+.ion-background-text-extended-purple {
+  background-color: $ion-text-extended-purple;
+}
+.ion-text-extended-magenta {
+  color: $ion-text-extended-magenta;
+}
+.ion-background-text-extended-magenta {
+  background-color: $ion-text-extended-magenta;
+}
+.ion-text-extended-pink {
+  color: $ion-text-extended-pink;
+}
+.ion-background-text-extended-pink {
+  background-color: $ion-text-extended-pink;
+}
 .ion-border-default {
   border-color: $ion-border-default;
 }
 .ion-border-boldest {
   border-color: $ion-border-boldest;
 }
-.ion-border-focus-0 {
-  border-color: $ion-border-focus-0;
+.ion-border-subtle {
+  border-color: $ion-border-subtle;
 }
-.ion-border-focus-default {
-  border-color: $ion-border-focus-default;
-}
-.ion-border-focus-error {
-  border-color: $ion-border-focus-error;
+.ion-border-subtlest {
+  border-color: $ion-border-subtlest;
 }
 .ion-border-primary {
   border-color: $ion-border-primary;
@@ -1240,15 +1537,24 @@ Do not edit directly, this file was auto-generated.
 .ion-border-warning {
   border-color: $ion-border-warning;
 }
+.ion-border-disabled {
+  border-color: $ion-border-disabled;
+}
+.ion-border-focus-0 {
+  border-color: $ion-border-focus-0;
+}
+.ion-border-focus-default {
+  border-color: $ion-border-focus-default;
+}
+.ion-border-focus-error {
+  border-color: $ion-border-focus-error;
+}
 .ion-border-danger-default {
   border-color: $ion-border-danger-default;
 }
 .ion-border-danger-press {
   border-color: $ion-border-danger-press;
 }
-.ion-border-subtle {
-  border-color: $ion-border-subtle;
-}
 .ion-border-input-default {
   border-color: $ion-border-input-default;
 }
@@ -1258,9 +1564,6 @@ Do not edit directly, this file was auto-generated.
 .ion-border-input-read-only {
   border-color: $ion-border-input-read-only;
 }
-.ion-border-subtlest {
-  border-color: $ion-border-subtlest;
-}
 .ion-border-style-none {
   border-style: $ion-border-style-none;
 }
@@ -1315,12 +1618,42 @@ Do not edit directly, this file was auto-generated.
 .ion-border-radius-025 {
   border-radius: $ion-border-radius-025;
 }
+.ion-icon-default {
+  color: $ion-icon-default;
+}
+.ion-background-icon-default {
+  background-color: $ion-icon-default;
+}
+.ion-icon-subtle {
+  color: $ion-icon-subtle;
+}
+.ion-background-icon-subtle {
+  background-color: $ion-icon-subtle;
+}
 .ion-icon-subtlest {
   color: $ion-icon-subtlest;
 }
 .ion-background-icon-subtlest {
   background-color: $ion-icon-subtlest;
 }
+.ion-icon-disabled {
+  color: $ion-icon-disabled;
+}
+.ion-background-icon-disabled {
+  background-color: $ion-icon-disabled;
+}
+.ion-icon-primary {
+  color: $ion-icon-primary;
+}
+.ion-background-icon-primary {
+  background-color: $ion-icon-primary;
+}
+.ion-icon-select {
+  color: $ion-icon-select;
+}
+.ion-background-icon-select {
+  background-color: $ion-icon-select;
+}
 .ion-icon-info {
   color: $ion-icon-info;
 }
@@ -1351,36 +1684,6 @@ Do not edit directly, this file was auto-generated.
 .ion-background-icon-inverse {
   background-color: $ion-icon-inverse;
 }
-.ion-icon-primary {
-  color: $ion-icon-primary;
-}
-.ion-background-icon-primary {
-  background-color: $ion-icon-primary;
-}
-.ion-icon-default {
-  color: $ion-icon-default;
-}
-.ion-background-icon-default {
-  background-color: $ion-icon-default;
-}
-.ion-icon-disabled {
-  color: $ion-icon-disabled;
-}
-.ion-background-icon-disabled {
-  background-color: $ion-icon-disabled;
-}
-.ion-icon-subtle {
-  color: $ion-icon-subtle;
-}
-.ion-background-icon-subtle {
-  background-color: $ion-icon-subtle;
-}
-.ion-icon-select {
-  color: $ion-icon-select;
-}
-.ion-background-icon-select {
-  background-color: $ion-icon-select;
-}
 .ion-icon-link-default {
   color: $ion-icon-link-default;
 }
@@ -1399,6 +1702,66 @@ Do not edit directly, this file was auto-generated.
 .ion-background-icon-link-visited {
   background-color: $ion-icon-link-visited;
 }
+.ion-icon-extended-pumpkin {
+  color: $ion-icon-extended-pumpkin;
+}
+.ion-background-icon-extended-pumpkin {
+  background-color: $ion-icon-extended-pumpkin;
+}
+.ion-icon-extended-orange {
+  color: $ion-icon-extended-orange;
+}
+.ion-background-icon-extended-orange {
+  background-color: $ion-icon-extended-orange;
+}
+.ion-icon-extended-lime {
+  color: $ion-icon-extended-lime;
+}
+.ion-background-icon-extended-lime {
+  background-color: $ion-icon-extended-lime;
+}
+.ion-icon-extended-teal {
+  color: $ion-icon-extended-teal;
+}
+.ion-background-icon-extended-teal {
+  background-color: $ion-icon-extended-teal;
+}
+.ion-icon-extended-aqua {
+  color: $ion-icon-extended-aqua;
+}
+.ion-background-icon-extended-aqua {
+  background-color: $ion-icon-extended-aqua;
+}
+.ion-icon-extended-indigo {
+  color: $ion-icon-extended-indigo;
+}
+.ion-background-icon-extended-indigo {
+  background-color: $ion-icon-extended-indigo;
+}
+.ion-icon-extended-violet {
+  color: $ion-icon-extended-violet;
+}
+.ion-background-icon-extended-violet {
+  background-color: $ion-icon-extended-violet;
+}
+.ion-icon-extended-purple {
+  color: $ion-icon-extended-purple;
+}
+.ion-background-icon-extended-purple {
+  background-color: $ion-icon-extended-purple;
+}
+.ion-icon-extended-magenta {
+  color: $ion-icon-extended-magenta;
+}
+.ion-background-icon-extended-magenta {
+  background-color: $ion-icon-extended-magenta;
+}
+.ion-icon-extended-pink {
+  color: $ion-icon-extended-pink;
+}
+.ion-background-icon-extended-pink {
+  background-color: $ion-icon-extended-pink;
+}
 .ion-state-disabled {
   color: $ion-state-disabled;
 }

core/src/foundations/ionic.vars.scss

@@ -219,22 +219,102 @@ $ion-bg-select-default: var(--ion-bg-select-default, #f2f4fd);
 $ion-bg-select-default-rgb: var(--ion-bg-select-default-rgb, 242, 244, 253);
 $ion-bg-select-press: var(--ion-bg-select-press, #d0d7fa);
 $ion-bg-select-press-rgb: var(--ion-bg-select-press-rgb, 208, 215, 250);
+$ion-bg-extended-pumpkin-base-default: var(--ion-bg-extended-pumpkin-base-default, #bd4705);
+$ion-bg-extended-pumpkin-base-default-rgb: var(--ion-bg-extended-pumpkin-base-default-rgb, 189, 71, 5);
+$ion-bg-extended-pumpkin-base-press: var(--ion-bg-extended-pumpkin-base-press, #803004);
+$ion-bg-extended-pumpkin-base-press-rgb: var(--ion-bg-extended-pumpkin-base-press-rgb, 128, 48, 4);
+$ion-bg-extended-pumpkin-subtle-default: var(--ion-bg-extended-pumpkin-subtle-default, #feedea);
+$ion-bg-extended-pumpkin-subtle-default-rgb: var(--ion-bg-extended-pumpkin-subtle-default-rgb, 254, 237, 234);
+$ion-bg-extended-pumpkin-subtle-press: var(--ion-bg-extended-pumpkin-subtle-press, #fbbdb1);
+$ion-bg-extended-pumpkin-subtle-press-rgb: var(--ion-bg-extended-pumpkin-subtle-press-rgb, 251, 189, 177);
+$ion-bg-extended-orange-base-default: var(--ion-bg-extended-orange-base-default, #a45f00);
+$ion-bg-extended-orange-base-default-rgb: var(--ion-bg-extended-orange-base-default-rgb, 164, 95, 0);
+$ion-bg-extended-orange-base-press: var(--ion-bg-extended-orange-base-press, #633a00);
+$ion-bg-extended-orange-base-press-rgb: var(--ion-bg-extended-orange-base-press-rgb, 99, 58, 0);
+$ion-bg-extended-orange-subtle-default: var(--ion-bg-extended-orange-subtle-default, #fff1ea);
+$ion-bg-extended-orange-subtle-default-rgb: var(--ion-bg-extended-orange-subtle-default-rgb, 255, 241, 234);
+$ion-bg-extended-orange-subtle-press: var(--ion-bg-extended-orange-subtle-press, #ffcfb1);
+$ion-bg-extended-orange-subtle-press-rgb: var(--ion-bg-extended-orange-subtle-press-rgb, 255, 207, 177);
+$ion-bg-extended-lime-base-default: var(--ion-bg-extended-lime-base-default, #53730c);
+$ion-bg-extended-lime-base-default-rgb: var(--ion-bg-extended-lime-base-default-rgb, 83, 115, 12);
+$ion-bg-extended-lime-base-press: var(--ion-bg-extended-lime-base-press, #2a3a06);
+$ion-bg-extended-lime-base-press-rgb: var(--ion-bg-extended-lime-base-press-rgb, 42, 58, 6);
+$ion-bg-extended-lime-subtle-default: var(--ion-bg-extended-lime-subtle-default, #f3faea);
+$ion-bg-extended-lime-subtle-default-rgb: var(--ion-bg-extended-lime-subtle-default-rgb, 243, 250, 234);
+$ion-bg-extended-lime-subtle-press: var(--ion-bg-extended-lime-subtle-press, #d3efb2);
+$ion-bg-extended-lime-subtle-press-rgb: var(--ion-bg-extended-lime-subtle-press-rgb, 211, 239, 178);
+$ion-bg-extended-teal-base-default: var(--ion-bg-extended-teal-base-default, #008576);
+$ion-bg-extended-teal-base-default-rgb: var(--ion-bg-extended-teal-base-default-rgb, 0, 133, 118);
+$ion-bg-extended-teal-base-press: var(--ion-bg-extended-teal-base-press, #005147);
+$ion-bg-extended-teal-base-press-rgb: var(--ion-bg-extended-teal-base-press-rgb, 0, 81, 71);
+$ion-bg-extended-teal-subtle-default: var(--ion-bg-extended-teal-subtle-default, #eaf8f5);
+$ion-bg-extended-teal-subtle-default-rgb: var(--ion-bg-extended-teal-subtle-default-rgb, 234, 248, 245);
+$ion-bg-extended-teal-subtle-press: var(--ion-bg-extended-teal-subtle-press, #b1e7dd);
+$ion-bg-extended-teal-subtle-press-rgb: var(--ion-bg-extended-teal-subtle-press-rgb, 177, 231, 221);
+$ion-bg-extended-aqua-base-default: var(--ion-bg-extended-aqua-base-default, #146d81);
+$ion-bg-extended-aqua-base-default-rgb: var(--ion-bg-extended-aqua-base-default-rgb, 20, 109, 129);
+$ion-bg-extended-aqua-base-press: var(--ion-bg-extended-aqua-base-press, #0a3741);
+$ion-bg-extended-aqua-base-press-rgb: var(--ion-bg-extended-aqua-base-press-rgb, 10, 55, 65);
+$ion-bg-extended-aqua-subtle-default: var(--ion-bg-extended-aqua-subtle-default, #ebf9fe);
+$ion-bg-extended-aqua-subtle-default-rgb: var(--ion-bg-extended-aqua-subtle-default-rgb, 235, 249, 254);
+$ion-bg-extended-aqua-subtle-press: var(--ion-bg-extended-aqua-subtle-press, #b3e9fc);
+$ion-bg-extended-aqua-subtle-press-rgb: var(--ion-bg-extended-aqua-subtle-press-rgb, 179, 233, 252);
+$ion-bg-extended-indigo-base-default: var(--ion-bg-extended-indigo-base-default, #411bd5);
+$ion-bg-extended-indigo-base-default-rgb: var(--ion-bg-extended-indigo-base-default-rgb, 65, 27, 213);
+$ion-bg-extended-indigo-base-press: var(--ion-bg-extended-indigo-base-press, #3516ae);
+$ion-bg-extended-indigo-base-press-rgb: var(--ion-bg-extended-indigo-base-press-rgb, 53, 22, 174);
+$ion-bg-extended-indigo-subtle-default: var(--ion-bg-extended-indigo-subtle-default, #f3f2fb);
+$ion-bg-extended-indigo-subtle-default-rgb: var(--ion-bg-extended-indigo-subtle-default-rgb, 243, 242, 251);
+$ion-bg-extended-indigo-subtle-press: var(--ion-bg-extended-indigo-subtle-press, #d3d1f2);
+$ion-bg-extended-indigo-subtle-press-rgb: var(--ion-bg-extended-indigo-subtle-press-rgb, 211, 209, 242);
+$ion-bg-extended-violet-base-default: var(--ion-bg-extended-violet-base-default, #7c20f2);
+$ion-bg-extended-violet-base-default-rgb: var(--ion-bg-extended-violet-base-default-rgb, 124, 32, 242);
+$ion-bg-extended-violet-base-press: var(--ion-bg-extended-violet-base-press, #651ac5);
+$ion-bg-extended-violet-base-press-rgb: var(--ion-bg-extended-violet-base-press-rgb, 101, 26, 197);
+$ion-bg-extended-violet-subtle-default: var(--ion-bg-extended-violet-subtle-default, #f5f2fe);
+$ion-bg-extended-violet-subtle-default-rgb: var(--ion-bg-extended-violet-subtle-default-rgb, 245, 242, 254);
+$ion-bg-extended-violet-subtle-press: var(--ion-bg-extended-violet-subtle-press, #dcd1fb);
+$ion-bg-extended-violet-subtle-press-rgb: var(--ion-bg-extended-violet-subtle-press-rgb, 220, 209, 251);
+$ion-bg-extended-purple-base-default: var(--ion-bg-extended-purple-base-default, #a737dc);
+$ion-bg-extended-purple-base-default-rgb: var(--ion-bg-extended-purple-base-default-rgb, 167, 55, 220);
+$ion-bg-extended-purple-base-press: var(--ion-bg-extended-purple-base-press, #812aaa);
+$ion-bg-extended-purple-base-press-rgb: var(--ion-bg-extended-purple-base-press-rgb, 129, 42, 170);
+$ion-bg-extended-purple-subtle-default: var(--ion-bg-extended-purple-subtle-default, #f9f3fe);
+$ion-bg-extended-purple-subtle-default-rgb: var(--ion-bg-extended-purple-subtle-default-rgb, 249, 243, 254);
+$ion-bg-extended-purple-subtle-press: var(--ion-bg-extended-purple-subtle-press, #e9d3fa);
+$ion-bg-extended-purple-subtle-press-rgb: var(--ion-bg-extended-purple-subtle-press-rgb, 233, 211, 250);
+$ion-bg-extended-magenta-base-default: var(--ion-bg-extended-magenta-base-default, #c13cac);
+$ion-bg-extended-magenta-base-default-rgb: var(--ion-bg-extended-magenta-base-default-rgb, 193, 60, 172);
+$ion-bg-extended-magenta-base-press: var(--ion-bg-extended-magenta-base-press, #892b7a);
+$ion-bg-extended-magenta-base-press-rgb: var(--ion-bg-extended-magenta-base-press-rgb, 137, 43, 122);
+$ion-bg-extended-magenta-subtle-default: var(--ion-bg-extended-magenta-subtle-default, #fdf3fb);
+$ion-bg-extended-magenta-subtle-default-rgb: var(--ion-bg-extended-magenta-subtle-default-rgb, 253, 243, 251);
+$ion-bg-extended-magenta-subtle-press: var(--ion-bg-extended-magenta-subtle-press, #f9d4f1);
+$ion-bg-extended-magenta-subtle-press-rgb: var(--ion-bg-extended-magenta-subtle-press-rgb, 249, 212, 241);
+$ion-bg-extended-pink-base-default: var(--ion-bg-extended-pink-base-default, #c53066);
+$ion-bg-extended-pink-base-default-rgb: var(--ion-bg-extended-pink-base-default-rgb, 197, 48, 102);
+$ion-bg-extended-pink-base-press: var(--ion-bg-extended-pink-base-press, #8b2248);
+$ion-bg-extended-pink-base-press-rgb: var(--ion-bg-extended-pink-base-press-rgb, 139, 34, 72);
+$ion-bg-extended-pink-subtle-default: var(--ion-bg-extended-pink-subtle-default, #fef3f5);
+$ion-bg-extended-pink-subtle-default-rgb: var(--ion-bg-extended-pink-subtle-default-rgb, 254, 243, 245);
+$ion-bg-extended-pink-subtle-press: var(--ion-bg-extended-pink-subtle-press, #fad3dc);
+$ion-bg-extended-pink-subtle-press-rgb: var(--ion-bg-extended-pink-subtle-press-rgb, 250, 211, 220);
 $ion-text-default: var(--ion-text-default, #242424);
 $ion-text-default-rgb: var(--ion-text-default-rgb, 36, 36, 36);
 $ion-text-subtle: var(--ion-text-subtle, #3b3b3b);
 $ion-text-subtle-rgb: var(--ion-text-subtle-rgb, 59, 59, 59);
 $ion-text-subtlest: var(--ion-text-subtlest, #626262);
 $ion-text-subtlest-rgb: var(--ion-text-subtlest-rgb, 98, 98, 98);
-$ion-text-primary: var(--ion-text-primary, #105cef);
-$ion-text-primary-rgb: var(--ion-text-primary-rgb, 16, 92, 239);
+$ion-text-primary: var(--ion-text-primary, #0d4bc3);
+$ion-text-primary-rgb: var(--ion-text-primary-rgb, 13, 75, 195);
 $ion-text-disabled: var(--ion-text-disabled, #a2a2a2);
 $ion-text-disabled-rgb: var(--ion-text-disabled-rgb, 162, 162, 162);
-$ion-text-danger: var(--ion-text-danger, #bf2222);
-$ion-text-danger-rgb: var(--ion-text-danger-rgb, 191, 34, 34);
+$ion-text-danger: var(--ion-text-danger, #991b1b);
+$ion-text-danger-rgb: var(--ion-text-danger-rgb, 153, 27, 27);
 $ion-text-info: var(--ion-text-info, #0d4bc3);
 $ion-text-info-rgb: var(--ion-text-info-rgb, 13, 75, 195);
-$ion-text-warning: var(--ion-text-warning, #966503);
-$ion-text-warning-rgb: var(--ion-text-warning-rgb, 150, 101, 3);
+$ion-text-warning: var(--ion-text-warning, #704b02);
+$ion-text-warning-rgb: var(--ion-text-warning-rgb, 112, 75, 2);
 $ion-text-success: var(--ion-text-success, #126f23);
 $ion-text-success-rgb: var(--ion-text-success-rgb, 18, 111, 35);
 $ion-text-link-default: var(--ion-text-link-default, #105cef);
@@ -245,37 +325,59 @@ $ion-text-link-visited: var(--ion-text-link-visited, #0d4bc3);
 $ion-text-link-visited-rgb: var(--ion-text-link-visited-rgb, 13, 75, 195);
 $ion-text-inverse: var(--ion-text-inverse, #ffffff);
 $ion-text-inverse-rgb: var(--ion-text-inverse-rgb, 255, 255, 255);
-$ion-text-select: var(--ion-text-select, #105cef);
-$ion-text-select-rgb: var(--ion-text-select-rgb, 16, 92, 239);
-$ion-border-default: var(--ion-border-default, #e0e0e0);
-$ion-border-default-rgb: var(--ion-border-default-rgb, 224, 224, 224);
+$ion-text-select: var(--ion-text-select, #0f54da);
+$ion-text-select-rgb: var(--ion-text-select-rgb, 15, 84, 218);
+$ion-text-extended-pumpkin: var(--ion-text-extended-pumpkin, #803004);
+$ion-text-extended-pumpkin-rgb: var(--ion-text-extended-pumpkin-rgb, 128, 48, 4);
+$ion-text-extended-orange: var(--ion-text-extended-orange, #844d00);
+$ion-text-extended-orange-rgb: var(--ion-text-extended-orange-rgb, 132, 77, 0);
+$ion-text-extended-lime: var(--ion-text-extended-lime, #3e5709);
+$ion-text-extended-lime-rgb: var(--ion-text-extended-lime-rgb, 62, 87, 9);
+$ion-text-extended-teal: var(--ion-text-extended-teal, #006b5f);
+$ion-text-extended-teal-rgb: var(--ion-text-extended-teal-rgb, 0, 107, 95);
+$ion-text-extended-aqua: var(--ion-text-extended-aqua, #146d81);
+$ion-text-extended-aqua-rgb: var(--ion-text-extended-aqua-rgb, 20, 109, 129);
+$ion-text-extended-indigo: var(--ion-text-extended-indigo, #3516ae);
+$ion-text-extended-indigo-rgb: var(--ion-text-extended-indigo-rgb, 53, 22, 174);
+$ion-text-extended-violet: var(--ion-text-extended-violet, #651ac5);
+$ion-text-extended-violet-rgb: var(--ion-text-extended-violet-rgb, 101, 26, 197);
+$ion-text-extended-purple: var(--ion-text-extended-purple, #812aaa);
+$ion-text-extended-purple-rgb: var(--ion-text-extended-purple-rgb, 129, 42, 170);
+$ion-text-extended-magenta: var(--ion-text-extended-magenta, #892b7a);
+$ion-text-extended-magenta-rgb: var(--ion-text-extended-magenta-rgb, 137, 43, 122);
+$ion-text-extended-pink: var(--ion-text-extended-pink, #aa2a58);
+$ion-text-extended-pink-rgb: var(--ion-text-extended-pink-rgb, 170, 42, 88);
+$ion-border-default: var(--ion-border-default, #d5d5d5);
+$ion-border-default-rgb: var(--ion-border-default-rgb, 213, 213, 213);
 $ion-border-boldest: var(--ion-border-boldest, #242424);
 $ion-border-boldest-rgb: var(--ion-border-boldest-rgb, 36, 36, 36);
-$ion-border-focus-0: var(--ion-border-focus-0, none);
-$ion-border-focus-default: var(--ion-border-focus-default, #b5c0f7);
-$ion-border-focus-default-rgb: var(--ion-border-focus-default-rgb, 181, 192, 247);
-$ion-border-focus-error: var(--ion-border-focus-error, #faa1a1);
-$ion-border-focus-error-rgb: var(--ion-border-focus-error-rgb, 250, 161, 161);
+$ion-border-subtle: var(--ion-border-subtle, #f5f5f5);
+$ion-border-subtle-rgb: var(--ion-border-subtle-rgb, 245, 245, 245);
+$ion-border-subtlest: var(--ion-border-subtlest, #ffffff);
+$ion-border-subtlest-rgb: var(--ion-border-subtlest-rgb, 255, 255, 255);
 $ion-border-primary: var(--ion-border-primary, #105cef);
 $ion-border-primary-rgb: var(--ion-border-primary-rgb, 16, 92, 239);
 $ion-border-success: var(--ion-border-success, #126f23);
 $ion-border-success-rgb: var(--ion-border-success-rgb, 18, 111, 35);
 $ion-border-warning: var(--ion-border-warning, #966503);
 $ion-border-warning-rgb: var(--ion-border-warning-rgb, 150, 101, 3);
+$ion-border-disabled: var(--ion-border-disabled, #e0e0e0);
+$ion-border-disabled-rgb: var(--ion-border-disabled-rgb, 224, 224, 224);
+$ion-border-focus-0: var(--ion-border-focus-0, none);
+$ion-border-focus-default: var(--ion-border-focus-default, #b5c0f7);
+$ion-border-focus-default-rgb: var(--ion-border-focus-default-rgb, 181, 192, 247);
+$ion-border-focus-error: var(--ion-border-focus-error, #faa1a1);
+$ion-border-focus-error-rgb: var(--ion-border-focus-error-rgb, 250, 161, 161);
 $ion-border-danger-default: var(--ion-border-danger-default, #bf2222);
 $ion-border-danger-default-rgb: var(--ion-border-danger-default-rgb, 191, 34, 34);
 $ion-border-danger-press: var(--ion-border-danger-press, #761515);
 $ion-border-danger-press-rgb: var(--ion-border-danger-press-rgb, 118, 21, 21);
-$ion-border-subtle: var(--ion-border-subtle, #f5f5f5);
-$ion-border-subtle-rgb: var(--ion-border-subtle-rgb, 245, 245, 245);
 $ion-border-input-default: var(--ion-border-input-default, #a2a2a2);
 $ion-border-input-default-rgb: var(--ion-border-input-default-rgb, 162, 162, 162);
 $ion-border-input-press: var(--ion-border-input-press, #777777);
 $ion-border-input-press-rgb: var(--ion-border-input-press-rgb, 119, 119, 119);
 $ion-border-input-read-only: var(--ion-border-input-read-only, #a2a2a2);
 $ion-border-input-read-only-rgb: var(--ion-border-input-read-only-rgb, 162, 162, 162);
-$ion-border-subtlest: var(--ion-border-subtlest, #ffffff);
-$ion-border-subtlest-rgb: var(--ion-border-subtlest-rgb, 255, 255, 255);
 $ion-border-style-none: var(--ion-border-style-none, none);
 $ion-border-style-solid: var(--ion-border-style-solid, solid);
 $ion-border-style-dashed: var(--ion-border-style-dashed, dashed);
@@ -294,34 +396,54 @@ $ion-border-radius-800: var(--ion-border-radius-800, 32px);
 $ion-border-radius-1000: var(--ion-border-radius-1000, 40px);
 $ion-border-radius-full: var(--ion-border-radius-full, 999px);
 $ion-border-radius-025: var(--ion-border-radius-025, 2px);
+$ion-icon-default: var(--ion-icon-default, #242424);
+$ion-icon-default-rgb: var(--ion-icon-default-rgb, 36, 36, 36);
+$ion-icon-subtle: var(--ion-icon-subtle, #3b3b3b);
+$ion-icon-subtle-rgb: var(--ion-icon-subtle-rgb, 59, 59, 59);
 $ion-icon-subtlest: var(--ion-icon-subtlest, #626262);
 $ion-icon-subtlest-rgb: var(--ion-icon-subtlest-rgb, 98, 98, 98);
+$ion-icon-disabled: var(--ion-icon-disabled, #a2a2a2);
+$ion-icon-disabled-rgb: var(--ion-icon-disabled-rgb, 162, 162, 162);
+$ion-icon-primary: var(--ion-icon-primary, #0d4bc3);
+$ion-icon-primary-rgb: var(--ion-icon-primary-rgb, 13, 75, 195);
+$ion-icon-select: var(--ion-icon-select, #0f54da);
+$ion-icon-select-rgb: var(--ion-icon-select-rgb, 15, 84, 218);
 $ion-icon-info: var(--ion-icon-info, #0d4bc3);
 $ion-icon-info-rgb: var(--ion-icon-info-rgb, 13, 75, 195);
 $ion-icon-success: var(--ion-icon-success, #126f23);
 $ion-icon-success-rgb: var(--ion-icon-success-rgb, 18, 111, 35);
-$ion-icon-danger: var(--ion-icon-danger, #bf2222);
-$ion-icon-danger-rgb: var(--ion-icon-danger-rgb, 191, 34, 34);
-$ion-icon-warning: var(--ion-icon-warning, #966503);
-$ion-icon-warning-rgb: var(--ion-icon-warning-rgb, 150, 101, 3);
+$ion-icon-danger: var(--ion-icon-danger, #991b1b);
+$ion-icon-danger-rgb: var(--ion-icon-danger-rgb, 153, 27, 27);
+$ion-icon-warning: var(--ion-icon-warning, #704b02);
+$ion-icon-warning-rgb: var(--ion-icon-warning-rgb, 112, 75, 2);
 $ion-icon-inverse: var(--ion-icon-inverse, #ffffff);
 $ion-icon-inverse-rgb: var(--ion-icon-inverse-rgb, 255, 255, 255);
-$ion-icon-primary: var(--ion-icon-primary, #105cef);
-$ion-icon-primary-rgb: var(--ion-icon-primary-rgb, 16, 92, 239);
-$ion-icon-default: var(--ion-icon-default, #242424);
-$ion-icon-default-rgb: var(--ion-icon-default-rgb, 36, 36, 36);
-$ion-icon-disabled: var(--ion-icon-disabled, #a2a2a2);
-$ion-icon-disabled-rgb: var(--ion-icon-disabled-rgb, 162, 162, 162);
-$ion-icon-subtle: var(--ion-icon-subtle, #3b3b3b);
-$ion-icon-subtle-rgb: var(--ion-icon-subtle-rgb, 59, 59, 59);
-$ion-icon-select: var(--ion-icon-select, #105cef);
-$ion-icon-select-rgb: var(--ion-icon-select-rgb, 16, 92, 239);
 $ion-icon-link-default: var(--ion-icon-link-default, #105cef);
 $ion-icon-link-default-rgb: var(--ion-icon-link-default-rgb, 16, 92, 239);
 $ion-icon-link-press: var(--ion-icon-link-press, #0f54da);
 $ion-icon-link-press-rgb: var(--ion-icon-link-press-rgb, 15, 84, 218);
 $ion-icon-link-visited: var(--ion-icon-link-visited, #0d4bc3);
 $ion-icon-link-visited-rgb: var(--ion-icon-link-visited-rgb, 13, 75, 195);
+$ion-icon-extended-pumpkin: var(--ion-icon-extended-pumpkin, #803004);
+$ion-icon-extended-pumpkin-rgb: var(--ion-icon-extended-pumpkin-rgb, 128, 48, 4);
+$ion-icon-extended-orange: var(--ion-icon-extended-orange, #844d00);
+$ion-icon-extended-orange-rgb: var(--ion-icon-extended-orange-rgb, 132, 77, 0);
+$ion-icon-extended-lime: var(--ion-icon-extended-lime, #3e5709);
+$ion-icon-extended-lime-rgb: var(--ion-icon-extended-lime-rgb, 62, 87, 9);
+$ion-icon-extended-teal: var(--ion-icon-extended-teal, #006b5f);
+$ion-icon-extended-teal-rgb: var(--ion-icon-extended-teal-rgb, 0, 107, 95);
+$ion-icon-extended-aqua: var(--ion-icon-extended-aqua, #146d81);
+$ion-icon-extended-aqua-rgb: var(--ion-icon-extended-aqua-rgb, 20, 109, 129);
+$ion-icon-extended-indigo: var(--ion-icon-extended-indigo, #3516ae);
+$ion-icon-extended-indigo-rgb: var(--ion-icon-extended-indigo-rgb, 53, 22, 174);
+$ion-icon-extended-violet: var(--ion-icon-extended-violet, #651ac5);
+$ion-icon-extended-violet-rgb: var(--ion-icon-extended-violet-rgb, 101, 26, 197);
+$ion-icon-extended-purple: var(--ion-icon-extended-purple, #812aaa);
+$ion-icon-extended-purple-rgb: var(--ion-icon-extended-purple-rgb, 129, 42, 170);
+$ion-icon-extended-magenta: var(--ion-icon-extended-magenta, #892b7a);
+$ion-icon-extended-magenta-rgb: var(--ion-icon-extended-magenta-rgb, 137, 43, 122);
+$ion-icon-extended-pink: var(--ion-icon-extended-pink, #aa2a58);
+$ion-icon-extended-pink-rgb: var(--ion-icon-extended-pink-rgb, 170, 42, 88);
 $ion-state-disabled: var(--ion-state-disabled, rgba(255, 255, 255, 0.6));
 $ion-state-press: var(--ion-state-press, rgba(36, 36, 36, 0.08));
 $ion-elevation-1: var(--ion-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07));