@acorex/styles 18.12.24 → 18.12.26

package/icons/fontawesome/_variables.scss

@@ -180,3 +180,6 @@ $ax-icon-pen-ruler-after: '';
 
 $ax-icon-crop: '\f125';
 $ax-icon-crop-after: '';
+
+$ax-icon-full-screen: '\f065';
+$ax-icon-full-screen-after: '';

package/icons/huge/huge-bulk/_variables.scss

@@ -180,3 +180,6 @@ $ax-icon-pen-ruler-after: ''; //canvas
 
 $ax-icon-crop: ''; //crop
 $ax-icon-crop-after: ''; //crop
+
+$ax-icon-full-screen: ''; //arrow-diagonal
+$ax-icon-full-screen-after: ''; //arrow-diagonal

package/icons/huge/huge-duotone/_variables.scss

@@ -180,3 +180,6 @@ $ax-icon-pen-ruler-after: 'ｺ'; //canvas
 
 $ax-icon-crop: 'ȥ'; //crop
 $ax-icon-crop-after: 'Ȥ'; //crop
+
+$ax-icon-full-screen: 'ﮛ'; //arrow-diagonal
+$ax-icon-full-screen-after: 'ﮚ'; //arrow-diagonal

package/icons/huge/huge-solid/variables/_rounded-variables.scss

@@ -180,3 +180,6 @@ $ax-icon-pen-ruler-after: ''; //canvas
 
 $ax-icon-crop: 'แ'; //crop
 $ax-icon-crop-after: ''; //crop
+
+$ax-icon-full-screen: 'ૼ'; //arrow-diagonal
+$ax-icon-full-screen-after: ''; //arrow-diagonal

package/icons/huge/huge-solid/variables/_sharp-variables.scss

@@ -180,3 +180,6 @@ $ax-icon-pen-ruler-after: ''; //canvas
 
 $ax-icon-crop: 'Ṡ'; //crop
 $ax-icon-crop-after: ''; //crop
+
+$ax-icon-full-screen: 'ᬛ'; //arrow-diagonal
+$ax-icon-full-screen-after: ''; //arrow-diagonal

package/icons/huge/huge-solid/variables/_standard-variables.scss

@@ -180,3 +180,6 @@ $ax-icon-pen-ruler-after: ''; //canvas
 
 $ax-icon-crop: '⹿'; //crop
 $ax-icon-crop-after: ''; //crop
+
+$ax-icon-full-screen: '⬺'; //arrow-diagonal
+$ax-icon-full-screen-after: ''; //arrow-diagonal

package/icons/huge/huge-stroke/variables/_rounded-variables.scss

@@ -180,3 +180,6 @@ $ax-icon-pen-ruler-after: ''; //canvas
 
 $ax-icon-crop: '㺞'; //crop
 $ax-icon-crop-after: ''; //crop
+
+$ax-icon-full-screen: '㭙'; //arrow-diagonal
+$ax-icon-full-screen-after: ''; //arrow-diagonal

package/icons/huge/huge-stroke/variables/_sharp-variables.scss

@@ -180,3 +180,6 @@ $ax-icon-pen-ruler-after: ''; //canvas
 
 $ax-icon-crop: '亽'; //crop
 $ax-icon-crop-after: ''; //crop
+
+$ax-icon-full-screen: '䭸'; //arrow-diagonal
+$ax-icon-full-screen-after: ''; //arrow-diagonal

package/icons/huge/huge-stroke/variables/_standard-variables.scss

@@ -180,3 +180,6 @@ $ax-icon-pen-ruler-after: ''; //canvas
 
 $ax-icon-crop: '廜'; //crop
 $ax-icon-crop-after: ''; //crop
+
+$ax-icon-full-screen: '宗'; //arrow-diagonal
+$ax-icon-full-screen-after: ''; //arrow-diagonal

package/icons/huge/huge-twotone/_variables.scss

@@ -180,3 +180,6 @@ $ax-icon-pen-ruler-after: '灓'; //canvas
 
 $ax-icon-crop: '狾'; //crop
 $ax-icon-crop-after: '狽'; //crop
+
+$ax-icon-full-screen: '汴'; //arrow-diagonal
+$ax-icon-full-screen-after: '汳'; //arrow-diagonal

package/icons/index.scss

@@ -559,3 +559,12 @@
     content: $ax-icon-crop-after;
   }
 }
+
+.ax-icon-full-screen {
+  &:before {
+    content: $ax-icon-full-screen;
+  }
+  &:after {
+    content: $ax-icon-full-screen-after;
+  }
+}

package/icons/material/_variables.scss

@@ -180,3 +180,6 @@ $ax-icon-pen-ruler-after: '';
 
 $ax-icon-crop: '\e3be';
 $ax-icon-crop-after: '';
+
+$ax-icon-full-screen: '\e5d0';
+$ax-icon-full-screen-after: '';

package/index.css

@@ -599,7 +599,8 @@ body {
   color: rgba(var(--ax-color-primary-500));
 }
 .ax-el-primary-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
-  color: rgba(var(--ax-color-primary-700));
+  background-color: rgba(var(--ax-color-primary-100));
+  color: rgba(var(--ax-color-primary-fore-tint));
 }
 .ax-el-primary-blank.ax-state-selected {
   background-color: rgba(var(--ax-color-primary-700));
@@ -624,6 +625,35 @@ body {
   border-inline-start-color: transparent;
 }
 
+.ax-el-primary-link {
+  color: rgba(var(--ax-color-primary-500));
+}
+.ax-el-primary-link.ax-el-interactive:hover:not(.ax-state-disabled) {
+  color: rgba(var(--ax-color-primary-700));
+}
+.ax-el-primary-link.ax-state-selected {
+  background-color: rgba(var(--ax-color-primary-700));
+  color: rgba(var(--ax-color-primary-fore));
+}
+.ax-el-primary-link .ax-ripple {
+  background-color: rgba(var(--ax-color-primary-500), 0.3);
+}
+.ax-el-primary-link ax-loading-spinner .ax-loader {
+  border-color: rgba(var(--ax-color-primary-500));
+  border-bottom-color: transparent;
+}
+.ax-el-primary-link:is(.ax-el-primary-link:focus-visible, .ax-el-primary-link.ax-state-focus) {
+  outline-color: rgba(var(--ax-color-primary-300));
+  outline-offset: 0;
+}
+.ax-el-primary-link > button:is(.ax-el-primary-link > button:focus-visible, .ax-el-primary-link > button.ax-state-focus) {
+  outline-color: rgba(var(--ax-color-primary-300));
+  outline-offset: 0;
+}
+.ax-el-primary-link.ax-dropdown-button-marker {
+  border-inline-start-color: transparent;
+}
+
 .ax-el-secondary-solid {
   background-color: rgba(var(--ax-color-secondary-500));
   color: rgba(var(--ax-color-secondary-fore));
@@ -720,7 +750,8 @@ body {
   color: rgba(var(--ax-color-secondary-500));
 }
 .ax-el-secondary-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
-  color: rgba(var(--ax-color-secondary-700));
+  background-color: rgba(var(--ax-color-secondary-100));
+  color: rgba(var(--ax-color-secondary-fore-tint));
 }
 .ax-el-secondary-blank.ax-state-selected {
   background-color: rgba(var(--ax-color-secondary-700));
@@ -745,6 +776,35 @@ body {
   border-inline-start-color: transparent;
 }
 
+.ax-el-secondary-link {
+  color: rgba(var(--ax-color-secondary-500));
+}
+.ax-el-secondary-link.ax-el-interactive:hover:not(.ax-state-disabled) {
+  color: rgba(var(--ax-color-secondary-700));
+}
+.ax-el-secondary-link.ax-state-selected {
+  background-color: rgba(var(--ax-color-secondary-700));
+  color: rgba(var(--ax-color-secondary-fore));
+}
+.ax-el-secondary-link .ax-ripple {
+  background-color: rgba(var(--ax-color-secondary-500), 0.3);
+}
+.ax-el-secondary-link ax-loading-spinner .ax-loader {
+  border-color: rgba(var(--ax-color-secondary-500));
+  border-bottom-color: transparent;
+}
+.ax-el-secondary-link:is(.ax-el-secondary-link:focus-visible, .ax-el-secondary-link.ax-state-focus) {
+  outline-color: rgba(var(--ax-color-secondary-300));
+  outline-offset: 0;
+}
+.ax-el-secondary-link > button:is(.ax-el-secondary-link > button:focus-visible, .ax-el-secondary-link > button.ax-state-focus) {
+  outline-color: rgba(var(--ax-color-secondary-300));
+  outline-offset: 0;
+}
+.ax-el-secondary-link.ax-dropdown-button-marker {
+  border-inline-start-color: transparent;
+}
+
 .ax-el-success-solid {
   background-color: rgba(var(--ax-color-success-500));
   color: rgba(var(--ax-color-success-fore));
@@ -841,7 +901,8 @@ body {
   color: rgba(var(--ax-color-success-500));
 }
 .ax-el-success-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
-  color: rgba(var(--ax-color-success-700));
+  background-color: rgba(var(--ax-color-success-100));
+  color: rgba(var(--ax-color-success-fore-tint));
 }
 .ax-el-success-blank.ax-state-selected {
   background-color: rgba(var(--ax-color-success-700));
@@ -866,6 +927,35 @@ body {
   border-inline-start-color: transparent;
 }
 
+.ax-el-success-link {
+  color: rgba(var(--ax-color-success-500));
+}
+.ax-el-success-link.ax-el-interactive:hover:not(.ax-state-disabled) {
+  color: rgba(var(--ax-color-success-700));
+}
+.ax-el-success-link.ax-state-selected {
+  background-color: rgba(var(--ax-color-success-700));
+  color: rgba(var(--ax-color-success-fore));
+}
+.ax-el-success-link .ax-ripple {
+  background-color: rgba(var(--ax-color-success-500), 0.3);
+}
+.ax-el-success-link ax-loading-spinner .ax-loader {
+  border-color: rgba(var(--ax-color-success-500));
+  border-bottom-color: transparent;
+}
+.ax-el-success-link:is(.ax-el-success-link:focus-visible, .ax-el-success-link.ax-state-focus) {
+  outline-color: rgba(var(--ax-color-success-300));
+  outline-offset: 0;
+}
+.ax-el-success-link > button:is(.ax-el-success-link > button:focus-visible, .ax-el-success-link > button.ax-state-focus) {
+  outline-color: rgba(var(--ax-color-success-300));
+  outline-offset: 0;
+}
+.ax-el-success-link.ax-dropdown-button-marker {
+  border-inline-start-color: transparent;
+}
+
 .ax-el-warning-solid {
   background-color: rgba(var(--ax-color-warning-500));
   color: rgba(var(--ax-color-warning-fore));
@@ -962,7 +1052,8 @@ body {
   color: rgba(var(--ax-color-warning-500));
 }
 .ax-el-warning-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
-  color: rgba(var(--ax-color-warning-700));
+  background-color: rgba(var(--ax-color-warning-100));
+  color: rgba(var(--ax-color-warning-fore-tint));
 }
 .ax-el-warning-blank.ax-state-selected {
   background-color: rgba(var(--ax-color-warning-700));
@@ -987,6 +1078,35 @@ body {
   border-inline-start-color: transparent;
 }
 
+.ax-el-warning-link {
+  color: rgba(var(--ax-color-warning-500));
+}
+.ax-el-warning-link.ax-el-interactive:hover:not(.ax-state-disabled) {
+  color: rgba(var(--ax-color-warning-700));
+}
+.ax-el-warning-link.ax-state-selected {
+  background-color: rgba(var(--ax-color-warning-700));
+  color: rgba(var(--ax-color-warning-fore));
+}
+.ax-el-warning-link .ax-ripple {
+  background-color: rgba(var(--ax-color-warning-500), 0.3);
+}
+.ax-el-warning-link ax-loading-spinner .ax-loader {
+  border-color: rgba(var(--ax-color-warning-500));
+  border-bottom-color: transparent;
+}
+.ax-el-warning-link:is(.ax-el-warning-link:focus-visible, .ax-el-warning-link.ax-state-focus) {
+  outline-color: rgba(var(--ax-color-warning-300));
+  outline-offset: 0;
+}
+.ax-el-warning-link > button:is(.ax-el-warning-link > button:focus-visible, .ax-el-warning-link > button.ax-state-focus) {
+  outline-color: rgba(var(--ax-color-warning-300));
+  outline-offset: 0;
+}
+.ax-el-warning-link.ax-dropdown-button-marker {
+  border-inline-start-color: transparent;
+}
+
 .ax-el-danger-solid {
   background-color: rgba(var(--ax-color-danger-500));
   color: rgba(var(--ax-color-danger-fore));
@@ -1083,7 +1203,8 @@ body {
   color: rgba(var(--ax-color-danger-500));
 }
 .ax-el-danger-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
-  color: rgba(var(--ax-color-danger-700));
+  background-color: rgba(var(--ax-color-danger-100));
+  color: rgba(var(--ax-color-danger-fore-tint));
 }
 .ax-el-danger-blank.ax-state-selected {
   background-color: rgba(var(--ax-color-danger-700));
@@ -1108,6 +1229,35 @@ body {
   border-inline-start-color: transparent;
 }
 
+.ax-el-danger-link {
+  color: rgba(var(--ax-color-danger-500));
+}
+.ax-el-danger-link.ax-el-interactive:hover:not(.ax-state-disabled) {
+  color: rgba(var(--ax-color-danger-700));
+}
+.ax-el-danger-link.ax-state-selected {
+  background-color: rgba(var(--ax-color-danger-700));
+  color: rgba(var(--ax-color-danger-fore));
+}
+.ax-el-danger-link .ax-ripple {
+  background-color: rgba(var(--ax-color-danger-500), 0.3);
+}
+.ax-el-danger-link ax-loading-spinner .ax-loader {
+  border-color: rgba(var(--ax-color-danger-500));
+  border-bottom-color: transparent;
+}
+.ax-el-danger-link:is(.ax-el-danger-link:focus-visible, .ax-el-danger-link.ax-state-focus) {
+  outline-color: rgba(var(--ax-color-danger-300));
+  outline-offset: 0;
+}
+.ax-el-danger-link > button:is(.ax-el-danger-link > button:focus-visible, .ax-el-danger-link > button.ax-state-focus) {
+  outline-color: rgba(var(--ax-color-danger-300));
+  outline-offset: 0;
+}
+.ax-el-danger-link.ax-dropdown-button-marker {
+  border-inline-start-color: transparent;
+}
+
 .ax-el-info-solid {
   background-color: rgba(var(--ax-color-info-500));
   color: rgba(var(--ax-color-info-fore));
@@ -1204,7 +1354,8 @@ body {
   color: rgba(var(--ax-color-info-500));
 }
 .ax-el-info-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
-  color: rgba(var(--ax-color-info-700));
+  background-color: rgba(var(--ax-color-info-100));
+  color: rgba(var(--ax-color-info-fore-tint));
 }
 .ax-el-info-blank.ax-state-selected {
   background-color: rgba(var(--ax-color-info-700));
@@ -1229,6 +1380,35 @@ body {
   border-inline-start-color: transparent;
 }
 
+.ax-el-info-link {
+  color: rgba(var(--ax-color-info-500));
+}
+.ax-el-info-link.ax-el-interactive:hover:not(.ax-state-disabled) {
+  color: rgba(var(--ax-color-info-700));
+}
+.ax-el-info-link.ax-state-selected {
+  background-color: rgba(var(--ax-color-info-700));
+  color: rgba(var(--ax-color-info-fore));
+}
+.ax-el-info-link .ax-ripple {
+  background-color: rgba(var(--ax-color-info-500), 0.3);
+}
+.ax-el-info-link ax-loading-spinner .ax-loader {
+  border-color: rgba(var(--ax-color-info-500));
+  border-bottom-color: transparent;
+}
+.ax-el-info-link:is(.ax-el-info-link:focus-visible, .ax-el-info-link.ax-state-focus) {
+  outline-color: rgba(var(--ax-color-info-300));
+  outline-offset: 0;
+}
+.ax-el-info-link > button:is(.ax-el-info-link > button:focus-visible, .ax-el-info-link > button.ax-state-focus) {
+  outline-color: rgba(var(--ax-color-info-300));
+  outline-offset: 0;
+}
+.ax-el-info-link.ax-dropdown-button-marker {
+  border-inline-start-color: transparent;
+}
+
 .ax-el-ghost-solid {
   border-width: 1px;
   border-color: rgba(var(--ax-color-border-default));
@@ -1303,6 +1483,7 @@ body {
   color: rgba(var(--ax-color-primary-fore));
 }
 .ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
+  background-color: rgba(var(--ax-color-primary-200));
   border-color: rgba(var(--ax-color-primary-700));
   color: rgba(var(--ax-color-primary-700));
 }
@@ -1359,6 +1540,37 @@ body {
   border-inline-start-color: rgba(var(--ax-color-border-default));
 }
 
+.ax-el-ghost-link {
+  border-style: none;
+  background-color: transparent;
+  color: rgba(var(--ax-color-ghost-fore));
+}
+.ax-el-ghost-link.ax-state-selected {
+  background-color: rgba(var(--ax-color-primary-500));
+  color: rgba(var(--ax-color-primary-fore));
+}
+.ax-el-ghost-link.ax-el-interactive:hover:not(.ax-el-ghost-link.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-link.ax-el-interactive:hover.ax-state-disabled) {
+  border-color: rgba(var(--ax-color-primary-700));
+  color: rgba(var(--ax-color-primary-700));
+}
+.ax-el-ghost-link.ax-el-interactive:active {
+  border-color: rgba(var(--ax-color-primary-800));
+  color: rgba(var(--ax-color-primary-800));
+}
+.ax-el-ghost-link .ax-ripple {
+  background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
+}
+.ax-el-ghost-link ax-loading-spinner .ax-loader {
+  border-color: rgba(var(--ax-color-ghost-fore));
+  border-bottom-color: transparent;
+}
+.ax-el-ghost-link > button:is(.ax-el-ghost-link > button:focus-visible, .ax-el-ghost-link > button.ax-state-focus) {
+  outline-color: rgba(var(--ax-color-primary-500));
+}
+.ax-el-ghost-link.ax-dropdown-button-marker {
+  border-inline-start-color: rgba(var(--ax-color-border-default));
+}
+
 .ax-dark .ax-el-primary-solid {
   background-color: rgba(var(--ax-color-primary-200));
   color: rgba(var(--ax-color-primary-fore-tint));
@@ -1434,7 +1646,8 @@ body {
   background-color: transparent;
 }
 .ax-dark .ax-el-primary-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
-  color: rgba(var(--ax-color-primary-400));
+  background-color: rgba(var(--ax-color-primary-200));
+  color: rgba(var(--ax-color-primary-fore-tint));
 }
 .ax-dark .ax-el-primary-blank.ax-state-selected {
   background-color: rgba(var(--ax-color-primary-500));
@@ -1447,6 +1660,24 @@ body {
   border-color: rgba(var(--ax-color-primary-fore-tint));
   border-bottom-color: transparent;
 }
+.ax-dark .ax-el-primary-link {
+  color: rgba(var(--ax-color-primary-300));
+  background-color: transparent;
+}
+.ax-dark .ax-el-primary-link.ax-el-interactive:hover:not(.ax-state-disabled) {
+  color: rgba(var(--ax-color-primary-400));
+}
+.ax-dark .ax-el-primary-link.ax-state-selected {
+  background-color: rgba(var(--ax-color-primary-500));
+  color: rgba(var(--ax-color-primary-fore));
+}
+.ax-dark .ax-el-primary-link .ax-ripple {
+  background-color: rgba(var(--ax-color-primary-300), 0.3) !important;
+}
+.ax-dark .ax-el-primary-link ax-loading-spinner .ax-loader {
+  border-color: rgba(var(--ax-color-primary-fore-tint));
+  border-bottom-color: transparent;
+}
 .ax-dark .ax-el-secondary-solid {
   background-color: rgba(var(--ax-color-secondary-200));
   color: rgba(var(--ax-color-secondary-fore-tint));
@@ -1522,7 +1753,8 @@ body {
   background-color: transparent;
 }
 .ax-dark .ax-el-secondary-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
-  color: rgba(var(--ax-color-secondary-400));
+  background-color: rgba(var(--ax-color-secondary-200));
+  color: rgba(var(--ax-color-secondary-fore-tint));
 }
 .ax-dark .ax-el-secondary-blank.ax-state-selected {
   background-color: rgba(var(--ax-color-secondary-500));
@@ -1535,6 +1767,24 @@ body {
   border-color: rgba(var(--ax-color-secondary-fore-tint));
   border-bottom-color: transparent;
 }
+.ax-dark .ax-el-secondary-link {
+  color: rgba(var(--ax-color-secondary-300));
+  background-color: transparent;
+}
+.ax-dark .ax-el-secondary-link.ax-el-interactive:hover:not(.ax-state-disabled) {
+  color: rgba(var(--ax-color-secondary-400));
+}
+.ax-dark .ax-el-secondary-link.ax-state-selected {
+  background-color: rgba(var(--ax-color-secondary-500));
+  color: rgba(var(--ax-color-secondary-fore));
+}
+.ax-dark .ax-el-secondary-link .ax-ripple {
+  background-color: rgba(var(--ax-color-secondary-300), 0.3) !important;
+}
+.ax-dark .ax-el-secondary-link ax-loading-spinner .ax-loader {
+  border-color: rgba(var(--ax-color-secondary-fore-tint));
+  border-bottom-color: transparent;
+}
 .ax-dark .ax-el-success-solid {
   background-color: rgba(var(--ax-color-success-200));
   color: rgba(var(--ax-color-success-fore-tint));
@@ -1610,7 +1860,8 @@ body {
   background-color: transparent;
 }
 .ax-dark .ax-el-success-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
-  color: rgba(var(--ax-color-success-400));
+  background-color: rgba(var(--ax-color-success-200));
+  color: rgba(var(--ax-color-success-fore-tint));
 }
 .ax-dark .ax-el-success-blank.ax-state-selected {
   background-color: rgba(var(--ax-color-success-500));
@@ -1623,6 +1874,24 @@ body {
   border-color: rgba(var(--ax-color-success-fore-tint));
   border-bottom-color: transparent;
 }
+.ax-dark .ax-el-success-link {
+  color: rgba(var(--ax-color-success-300));
+  background-color: transparent;
+}
+.ax-dark .ax-el-success-link.ax-el-interactive:hover:not(.ax-state-disabled) {
+  color: rgba(var(--ax-color-success-400));
+}
+.ax-dark .ax-el-success-link.ax-state-selected {
+  background-color: rgba(var(--ax-color-success-500));
+  color: rgba(var(--ax-color-success-fore));
+}
+.ax-dark .ax-el-success-link .ax-ripple {
+  background-color: rgba(var(--ax-color-success-300), 0.3) !important;
+}
+.ax-dark .ax-el-success-link ax-loading-spinner .ax-loader {
+  border-color: rgba(var(--ax-color-success-fore-tint));
+  border-bottom-color: transparent;
+}
 .ax-dark .ax-el-warning-solid {
   background-color: rgba(var(--ax-color-warning-200));
   color: rgba(var(--ax-color-warning-fore-tint));
@@ -1698,7 +1967,8 @@ body {
   background-color: transparent;
 }
 .ax-dark .ax-el-warning-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
-  color: rgba(var(--ax-color-warning-400));
+  background-color: rgba(var(--ax-color-warning-200));
+  color: rgba(var(--ax-color-warning-fore-tint));
 }
 .ax-dark .ax-el-warning-blank.ax-state-selected {
   background-color: rgba(var(--ax-color-warning-500));
@@ -1711,6 +1981,24 @@ body {
   border-color: rgba(var(--ax-color-warning-fore-tint));
   border-bottom-color: transparent;
 }
+.ax-dark .ax-el-warning-link {
+  color: rgba(var(--ax-color-warning-300));
+  background-color: transparent;
+}
+.ax-dark .ax-el-warning-link.ax-el-interactive:hover:not(.ax-state-disabled) {
+  color: rgba(var(--ax-color-warning-400));
+}
+.ax-dark .ax-el-warning-link.ax-state-selected {
+  background-color: rgba(var(--ax-color-warning-500));
+  color: rgba(var(--ax-color-warning-fore));
+}
+.ax-dark .ax-el-warning-link .ax-ripple {
+  background-color: rgba(var(--ax-color-warning-300), 0.3) !important;
+}
+.ax-dark .ax-el-warning-link ax-loading-spinner .ax-loader {
+  border-color: rgba(var(--ax-color-warning-fore-tint));
+  border-bottom-color: transparent;
+}
 .ax-dark .ax-el-danger-solid {
   background-color: rgba(var(--ax-color-danger-200));
   color: rgba(var(--ax-color-danger-fore-tint));
@@ -1786,7 +2074,8 @@ body {
   background-color: transparent;
 }
 .ax-dark .ax-el-danger-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
-  color: rgba(var(--ax-color-danger-400));
+  background-color: rgba(var(--ax-color-danger-200));
+  color: rgba(var(--ax-color-danger-fore-tint));
 }
 .ax-dark .ax-el-danger-blank.ax-state-selected {
   background-color: rgba(var(--ax-color-danger-500));
@@ -1799,6 +2088,24 @@ body {
   border-color: rgba(var(--ax-color-danger-fore-tint));
   border-bottom-color: transparent;
 }
+.ax-dark .ax-el-danger-link {
+  color: rgba(var(--ax-color-danger-300));
+  background-color: transparent;
+}
+.ax-dark .ax-el-danger-link.ax-el-interactive:hover:not(.ax-state-disabled) {
+  color: rgba(var(--ax-color-danger-400));
+}
+.ax-dark .ax-el-danger-link.ax-state-selected {
+  background-color: rgba(var(--ax-color-danger-500));
+  color: rgba(var(--ax-color-danger-fore));
+}
+.ax-dark .ax-el-danger-link .ax-ripple {
+  background-color: rgba(var(--ax-color-danger-300), 0.3) !important;
+}
+.ax-dark .ax-el-danger-link ax-loading-spinner .ax-loader {
+  border-color: rgba(var(--ax-color-danger-fore-tint));
+  border-bottom-color: transparent;
+}
 .ax-dark .ax-el-info-solid {
   background-color: rgba(var(--ax-color-info-200));
   color: rgba(var(--ax-color-info-fore-tint));
@@ -1874,7 +2181,8 @@ body {
   background-color: transparent;
 }
 .ax-dark .ax-el-info-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
-  color: rgba(var(--ax-color-info-400));
+  background-color: rgba(var(--ax-color-info-200));
+  color: rgba(var(--ax-color-info-fore-tint));
 }
 .ax-dark .ax-el-info-blank.ax-state-selected {
   background-color: rgba(var(--ax-color-info-500));
@@ -1887,6 +2195,24 @@ body {
   border-color: rgba(var(--ax-color-info-fore-tint));
   border-bottom-color: transparent;
 }
+.ax-dark .ax-el-info-link {
+  color: rgba(var(--ax-color-info-300));
+  background-color: transparent;
+}
+.ax-dark .ax-el-info-link.ax-el-interactive:hover:not(.ax-state-disabled) {
+  color: rgba(var(--ax-color-info-400));
+}
+.ax-dark .ax-el-info-link.ax-state-selected {
+  background-color: rgba(var(--ax-color-info-500));
+  color: rgba(var(--ax-color-info-fore));
+}
+.ax-dark .ax-el-info-link .ax-ripple {
+  background-color: rgba(var(--ax-color-info-300), 0.3) !important;
+}
+.ax-dark .ax-el-info-link ax-loading-spinner .ax-loader {
+  border-color: rgba(var(--ax-color-info-fore-tint));
+  border-bottom-color: transparent;
+}
 .ax-dark .ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-dark .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-dark .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
   border-color: rgba(var(--ax-color-primary-200));
   color: rgba(var(--ax-color-primary-200));
@@ -1935,7 +2261,8 @@ body {
 }
 .ax-dark .ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-dark .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-dark .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
   border-color: rgba(var(--ax-color-primary-300));
-  color: rgba(var(--ax-color-primary-300));
+  background-color: rgba(var(--ax-color-primary-200));
+  color: rgba(var(--ax-color-primary-fore-tint));
 }
 .ax-dark .ax-el-ghost-blank.ax-el-interactive:active {
   border-color: rgba(var(--ax-color-primary-400));
@@ -1973,6 +2300,29 @@ body {
 .ax-dark .ax-el-ghost-twotone > button:is(.ax-dark .ax-el-ghost-twotone > button:focus-visible, .ax-dark .ax-el-ghost-twotone > button.ax-state-focus) {
   outline-color: rgba(var(--ax-color-primary-200));
 }
+.ax-dark .ax-el-ghost-link {
+  border-style: none;
+  background-color: transparent;
+  color: rgba(var(--ax-color-ghost-fore));
+}
+.ax-dark .ax-el-ghost-link.ax-state-selected {
+  background-color: rgba(var(--ax-color-primary-500));
+  color: rgba(var(--ax-color-primary-fore));
+}
+.ax-dark .ax-el-ghost-link.ax-el-interactive:hover:not(.ax-dark .ax-el-ghost-link.ax-el-interactive:hover.ax-state-selected, .ax-dark .ax-el-ghost-link.ax-el-interactive:hover.ax-state-disabled) {
+  border-color: rgba(var(--ax-color-primary-300));
+  color: rgba(var(--ax-color-primary-300));
+}
+.ax-dark .ax-el-ghost-link.ax-el-interactive:active {
+  border-color: rgba(var(--ax-color-primary-400));
+  color: rgba(var(--ax-color-primary-400));
+}
+.ax-dark .ax-el-ghost-link .ax-ripple {
+  background-color: rgba(var(--ax-color-primary-200), 0.3) !important;
+}
+.ax-dark .ax-el-ghost-link > button:is(.ax-dark .ax-el-ghost-link > button:focus-visible, .ax-dark .ax-el-ghost-link > button.ax-state-focus) {
+  outline-color: rgba(var(--ax-color-primary-200));
+}
 
 .ax-drop-down {
   display: contents;