Merge branch 'mercury/automate-tokens' of https://github.com/genexuslabs/design-systems into mercury/automate-tokens

Author: bsastregx

packages/showcase/src/app/app.scss

@@ -61,7 +61,7 @@ $mainPaddingBlockStart: var(--size-40);
   &__filters {
     position: fixed;
     min-inline-size: 230px;
-    inset-inline-start: calc(var(--app-sidebar-size) + var(--size-16));
+    inset-inline-start: calc(var(--app-sidebar-size) + var(--size-64));
   }
 
   &__separator {

packages/showcase/src/user-controls/version-selector/version-selector.scss

@@ -1,13 +1,13 @@
 ch-action-menu-render.version-selector {
   &::part(expandable-button) {
-    background-color: var(--mer-surface__elevation--02);
+    background-color: var(--color-accent-surface-elevation-02);
     padding-inline: 8px 6px;
     padding-block: 4px;
     border-radius: 4px;
     margin-inline-start: 12px;
 
     &:hover {
-      background-color: var(--mer-surface__elevation--03);
+      background-color: var(--color-accent-surface-elevation-03);
     }
   }
 
@@ -23,13 +23,13 @@ ch-action-menu-render.version-selector {
   // with custom parts due to a bug in Chameleon. Once fixed, we can remove
   // this workaround.
   &::part(action button) {
-    background-color: var(--item__bg-color--selected);
-    border-color: var(--item__border-color--selected);
-    color: var(--mer-accent__primary);
+    background-color: var(--item-bg-color-selected);
+    border-color: var(--item-border-color-selected);
+    color: var(--color-text-primary-default);
   }
 }
 
 .version-selector-chevron {
-  --ch-image-size: 16px;
+  --ch-image-size: 18px;
   margin-inline-start: 6px;
 }