chore(deps): update outsystems-design-tokens dependency

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.1.2",
+    "outsystems-design-tokens": "^1.2.0",
     "prettier": "^2.8.8",
     "rollup": "^2.26.4",
     "sass": "^1.33.0",

core/src/components/datetime/datetime.ionic.scss

@@ -70,7 +70,7 @@
 // default round clear button style
 .calendar-month-year-toggle {
   @include globals.border-radius(globals.$ion-border-radius-full);
-  @include globals.typography(globals.$ion-body-action-lg);
+  @include globals.typography(globals.$ion-body-action-md);
   @include globals.padding(globals.$ion-space-200, globals.$ion-space-400);
 
   min-width: globals.$ion-scale-1600;
@@ -132,7 +132,7 @@
 .calendar-day {
   @include globals.border-radius(globals.$ion-border-radius-full);
   @include globals.padding(globals.$ion-space-100);
-  @include globals.typography(globals.$ion-body-action-md);
+  @include globals.typography(globals.$ion-body-action-sm);
 
   width: globals.$ion-scale-1200;
   min-width: globals.$ion-scale-1200;
@@ -183,7 +183,7 @@
 }
 
 :host .datetime-time .time-header {
-  @include globals.typography(globals.$ion-body-action-lg);
+  @include globals.typography(globals.$ion-body-action-md);
 
   color: globals.$ion-primitives-neutral-800;
 }
@@ -212,7 +212,7 @@
 }
 
 :host .datetime-buttons ion-buttons ion-button {
-  @include globals.typography(globals.$ion-body-action-lg);
+  @include globals.typography(globals.$ion-body-action-md);
 
   min-height: globals.$ion-space-1200;
 }

core/src/components/segment-button/segment-button.ionic.scss

@@ -48,7 +48,7 @@
 // --------------------------------------------------
 
 ::slotted(ion-label) {
-  @include globals.typography(globals.$ion-body-action-md);
+  @include globals.typography(globals.$ion-body-action-sm);
 
   color: var(--color);
 }

core/src/css/ionic/link.ionic.scss

@@ -23,15 +23,15 @@
   // -------------------------------------------------------------------------------
 
   &:visited {
-    color: globals.$ion-semantics-info-500;
+    color: globals.$ion-text-link-visited;
   }
 }
 
 // Link: Standalone
 // -------------------------------------------------------------------------------
 
 @mixin ionic-link {
-  color: globals.$ion-semantics-info-400;
+  color: globals.$ion-text-link-default;
 
   text-decoration: none;
 
@@ -51,7 +51,7 @@
 
   &:focus,
   &.ion-focused {
-    outline: 2px solid globals.$ion-semantics-primary-100;
+    outline: 2px solid globals.$ion-text-link-default;
     outline-offset: 2px;
 
     text-decoration: underline;
@@ -62,7 +62,7 @@
 
   &:active,
   &.ion-activated {
-    color: globals.$ion-semantics-info-500;
+    color: globals.$ion-text-link-press;
 
     text-decoration: underline;
   }
@@ -88,7 +88,7 @@ a.ionic-link,
 
   @media (any-hover: hover) {
     &:hover {
-      color: globals.$ion-semantics-info-400;
+      color: globals.$ion-text-link-press;
     }
   }
 
@@ -97,7 +97,7 @@ a.ionic-link,
 
   &:focus,
   &.ion-focused {
-    outline: 2px solid globals.$ion-semantics-primary-100;
+    outline: 2px solid globals.$ion-text-link-default;
     outline-offset: 2px;
 
     color: currentColor;
@@ -110,7 +110,7 @@ a.ionic-link,
 
   &:active,
   &.ion-activated {
-    color: globals.$ion-semantics-info-500;
+    color: globals.$ion-text-link-press;
   }
 }
 

core/src/css/test/typography/basic/index.html

@@ -89,10 +89,10 @@
         <br />
         <div>
           <ion-title>Action</ion-title>
+          <p><ion-text class="ion-body-action-xs">ion-action-xs</ion-text></p>
           <p><ion-text class="ion-body-action-sm">ion-action-sm</ion-text></p>
           <p><ion-text class="ion-body-action-md">ion-action-md</ion-text></p>
           <p><ion-text class="ion-body-action-lg">ion-action-lg</ion-text></p>
-          <p><ion-text class="ion-body-action-xl">ion-action-xl</ion-text></p>
         </div>
         <br />
         <div>