maverick-wave 4.4.0 → 4.4.2

package/src/scss/components/_lists.scss

@@ -69,7 +69,7 @@
     }
 
     &:hover {
-      color: var(--mw-primary-color);
+      color: var(--mw-primary-text-color);
 
       &::after {
         opacity: 1;
@@ -91,7 +91,7 @@
 
     &::marker {
       left: spacing('0');
-      color: var(--mw-primary-color);
+      color: var(--mw-primary-text-color);
     }
   }
 }
@@ -108,7 +108,7 @@
 
   li::before {
     content: '✓';
-    color: var(--mw-primary-color);
+    color: var(--mw-primary-text-color);
     padding-right: spacing('4');
   }
 }
@@ -124,7 +124,7 @@
 
   // Smooth focus management for accessibility
   &:focus-within {
-    outline: 2px solid var(--mw-primary-color);
+    outline: 2px solid var(--mw-primary-text-color);
     outline-offset: 2px;
     border-radius: radius('sm');
   }
@@ -172,14 +172,14 @@
       top: 0;
       bottom: 0;
       width: 0;
-      background: var(--mw-primary-color);
+      background: var(--mw-primary-text-color);
       transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     }
 
     &:hover {
       padding-left: spacing('4');
       background: var(--mw-primary-background-hover);
-      border-color: var(--mw-primary-color);
+      border-color: var(--mw-primary-text-color);
       transform: translateX(4px);
 
       &::before {
@@ -195,12 +195,12 @@
 
   > * {
     &::before {
-      background: var(--mw-secondary-color);
+      background: var(--mw-secondary-text-color);
     }
 
     &:hover {
       background: var(--mw-secondary-background-hover);
-      border-color: var(--mw-secondary-color);
+      border-color: var(--mw-secondary-text-color);
     }
   }
 }
@@ -212,6 +212,7 @@
   border: 1px solid var(--mw-border);
   border-radius: radius('md');
   overflow: hidden;
+  background: var(--mw-card-background);
 
   > * {
     padding: spacing('3');
@@ -234,7 +235,7 @@
         top: 0;
         bottom: 0;
         width: 3px;
-        background: var(--mw-primary-color);
+        background: var(--mw-primary-text-color);
       }
     }
 
@@ -266,7 +267,7 @@
       &:hover {
         background: var(--mw-primary-background-hover);
         padding-left: spacing('4');
-        border-left: 3px solid var(--mw-primary-color);
+        border-left: 3px solid var(--mw-primary-text-color);
       }
     }
   }
@@ -516,7 +517,7 @@
     // When item is selected, add visual feedback
     &.mw-selected {
       background: var(--mw-primary-background-hover);
-      border-left-color: var(--mw-primary-color);
+      border-left-color: var(--mw-primary-text-color);
     }
   }
 
@@ -619,7 +620,7 @@
 
     &.mw-selected {
       background: var(--mw-secondary-background-hover);
-      border-left-color: var(--mw-secondary-color);
+      border-left-color: var(--mw-secondary-text-color);
     }
   }
 }

package/src/scss/components/_localhost-indicator.scss

@@ -15,7 +15,7 @@
 // Keyframes for the pulsing indicator
 @keyframes pulse-indicator {
   0% {
-    opacity: 0.4;
+    opacity: 0.5;
     box-shadow: 0 0 3px var(--mw-warning-color);
   }
   25% {
@@ -23,7 +23,7 @@
     box-shadow: 0 6px 13px var(--mw-warning-color);
   }
   100% {
-    opacity: 0.4;
+    opacity: 0.5;
     box-shadow: 0 0 3px var(--mw-warning-color);
   }
 }

package/src/scss/components/_meta-info.scss

@@ -24,7 +24,7 @@
 
     i {
       font-size: font-size('lg');
-      color: var(--mw-primary-color);
+      color: var(--mw-primary-text-color);
       flex-shrink: 0;
     }
     span {

package/src/scss/components/_ratings.scss

@@ -43,7 +43,7 @@
 @for $i from 1 through 5 {
   .mw-rating[data-rating='#{$i}'] {
     & .mw-rating-icon:nth-child(-n + #{$i}) {
-      color: var(--mw-primary-color);
+      color: var(--mw-primary-text-color);
     }
   }
 }

package/src/scss/components/_segmented.scss

@@ -47,7 +47,7 @@
 
   // Inset, because an outline outside the item would be clipped by the frame
   &:focus-visible {
-    outline: 2px solid var(--mw-primary-color);
+    outline: 2px solid var(--mw-primary-text-color);
     outline-offset: -2px;
   }
 
@@ -59,7 +59,7 @@
   &.mw-active,
   &.active {
     background: var(--mw-primary-color);
-    border-color: var(--mw-primary-color);
+    border-color: var(--mw-primary-text-color);
     color: var(--mw-accent-text-color);
   }
 }
@@ -69,7 +69,7 @@
   &.mw-active,
   &.active {
     background: var(--mw-secondary-color);
-    border-color: var(--mw-secondary-color);
+    border-color: var(--mw-secondary-text-color);
   }
 }
 

package/src/scss/components/_spinners.scss

@@ -14,7 +14,7 @@ $_size-lg: 7.5rem;
     height: $_size-default;
     border: 0.5rem solid var(--mw-border);
     border-radius: radius('full');
-    border-top-color: var(--mw-primary-color);
+    border-top-color: var(--mw-primary-text-color);
     animation: mw-spin 1.2s linear infinite;
 
     // Size variants
@@ -34,11 +34,11 @@ $_size-lg: 7.5rem;
 
     // Color variants
     &.mw-spinner-primary {
-      border-top-color: var(--mw-primary-color);
+      border-top-color: var(--mw-primary-text-color);
     }
 
     &.mw-spinner-secondary {
-      border-top-color: var(--mw-secondary-color);
+      border-top-color: var(--mw-secondary-text-color);
     }
   }
 
@@ -110,9 +110,9 @@ $_size-lg: 7.5rem;
       width: $_size-default;
       height: $_size-default;
       border-radius: radius('full');
-      border: 0.5rem solid var(--mw-primary-color);
-      border-color: var(--mw-primary-color) transparent var(--mw-primary-color)
-        transparent;
+      border: 0.5rem solid var(--mw-primary-text-color);
+      border-color: var(--mw-primary-text-color) transparent
+        var(--mw-primary-text-color) transparent;
       animation: mw-spin 1.5s linear infinite;
     }
 
@@ -141,13 +141,13 @@ $_size-lg: 7.5rem;
 
     // Color variants
     &.mw-spinner-primary:after {
-      border-color: var(--mw-primary-color) transparent var(--mw-primary-color)
-        transparent;
+      border-color: var(--mw-primary-text-color) transparent
+        var(--mw-primary-text-color) transparent;
     }
 
     &.mw-spinner-secondary:after {
-      border-color: var(--mw-secondary-color) transparent
-        var(--mw-secondary-color) transparent;
+      border-color: var(--mw-secondary-text-color) transparent
+        var(--mw-secondary-text-color) transparent;
     }
   }
 }

package/src/scss/components/_stepper.scss

@@ -68,12 +68,12 @@
     transition: color 0.3s ease;
 
     &.mw-active {
-      color: var(--mw-primary-color);
+      color: var(--mw-primary-text-color);
       font-weight: font-weight('medium');
     }
 
     &.mw-done {
-      color: var(--mw-success-color);
+      color: var(--mw-success-text-color);
     }
   }
 
@@ -114,7 +114,7 @@
     }
 
     &.mw-done:not(:last-child)::after {
-      background: var(--mw-primary-color);
+      background: var(--mw-primary-text-color);
     }
   }
 
@@ -134,7 +134,7 @@
       margin-bottom: spacing('1');
 
       .mw-stepper-step.mw-active & {
-        color: var(--mw-primary-color);
+        color: var(--mw-primary-text-color);
       }
     }
 

package/src/scss/components/_tabs.scss

@@ -35,13 +35,13 @@
     white-space: nowrap;
 
     &:hover {
-      color: var(--mw-primary-color);
+      color: var(--mw-primary-text-color);
     }
 
     &.mw-active,
     &.active {
-      color: var(--mw-primary-color);
-      border-bottom-color: var(--mw-primary-color);
+      color: var(--mw-primary-text-color);
+      border-bottom-color: var(--mw-primary-text-color);
     }
   }
 
@@ -103,7 +103,7 @@
 
       &.mw-active,
       &.active {
-        border-right-color: var(--mw-primary-color);
+        border-right-color: var(--mw-primary-text-color);
       }
 
       @include media-down('sm') {
@@ -114,7 +114,7 @@
         &.mw-active,
         &.active {
           border-right-color: transparent;
-          border-bottom-color: var(--mw-primary-color);
+          border-bottom-color: var(--mw-primary-text-color);
         }
       }
     }

package/src/scss/components/_techstack-bucket.scss

@@ -35,14 +35,14 @@
     &:hover {
       transform: translateY(-2px);
       box-shadow: 0 3px 10px var(--mw-shadow);
-      border-color: var(--mw-primary-color);
+      border-color: var(--mw-primary-text-color);
 
       .mw-techstack-logo {
         transform: scale(1.1);
       }
 
       .mw-techstack-name {
-        color: var(--mw-primary-color);
+        color: var(--mw-primary-text-color);
       }
     }
   }

package/src/scss/components/_timelines.scss

@@ -28,7 +28,7 @@ $_simple-date-width: 110px;
 
 @keyframes mw-pulse-ring-big {
   0% {
-    box-shadow: 0 0 0 0 var(--mw-primary-color);
+    box-shadow: 0 0 0 0 var(--mw-primary-text-color);
   }
   70% {
     box-shadow: 0 0 0 13px transparent;
@@ -40,7 +40,7 @@ $_simple-date-width: 110px;
 
 @keyframes mw-pulse-ring-simple {
   0% {
-    box-shadow: 0 0 0 0 var(--mw-primary-color);
+    box-shadow: 0 0 0 0 var(--mw-primary-text-color);
   }
   70% {
     box-shadow: 0 0 0 5px transparent;
@@ -65,7 +65,7 @@ $_simple-date-width: 110px;
     top: 0;
     width: $_border-width-big;
     height: 100%;
-    background: var(--mw-primary-color);
+    background: var(--mw-primary-text-color);
     transform: translateX(-50%);
   }
 
@@ -79,7 +79,7 @@ $_simple-date-width: 110px;
   &-date-container {
     position: relative;
     z-index: z-index('card');
-    border: $_border-width-big solid var(--mw-primary-color);
+    border: $_border-width-big solid var(--mw-primary-text-color);
     background: var(--mw-card-background);
     border-radius: radius('md');
     padding: spacing('3') spacing('4');
@@ -148,7 +148,7 @@ $_simple-date-width: 110px;
     animation-name: mw-slide-in-left;
 
     .mw-timeline-big-event {
-      border-right: 2px solid var(--mw-secondary-color);
+      border-right: 2px solid var(--mw-secondary-text-color);
       border-top-right-radius: radius('none');
       border-bottom-right-radius: radius('none');
       text-align: right;
@@ -164,7 +164,7 @@ $_simple-date-width: 110px;
     animation-name: mw-slide-in-right;
 
     .mw-timeline-big-event {
-      border-left: 2px solid var(--mw-secondary-color);
+      border-left: 2px solid var(--mw-secondary-text-color);
       border-top-left-radius: radius('none');
       border-bottom-left-radius: radius('none');
       text-align: left;
@@ -182,7 +182,7 @@ $_simple-date-width: 110px;
   &-step.mw-active &-date-container,
   &-step.active &-date-container {
     background: var(--mw-primary-color);
-    border-color: var(--mw-primary-color);
+    border-color: var(--mw-primary-text-color);
     transform: scale(1.1);
     animation: mw-pulse-ring-big 2s infinite;
 
@@ -227,7 +227,7 @@ $_simple-date-width: 110px;
 
       .mw-timeline-big-event {
         border-right: none;
-        border-left: 2px solid var(--mw-secondary-color);
+        border-left: 2px solid var(--mw-secondary-text-color);
         border-top-right-radius: radius('sm');
         border-bottom-right-radius: radius('sm');
         text-align: left;
@@ -264,7 +264,7 @@ $_simple-date-width: 110px;
     top: 0;
     width: $_border-width-simple;
     height: 100%;
-    background: var(--mw-primary-color);
+    background: var(--mw-primary-text-color);
     transform: translateX(-50%);
   }
 
@@ -282,7 +282,7 @@ $_simple-date-width: 110px;
     font-size: font-size('sm');
     padding: spacing('2');
     border-radius: radius('md');
-    border: $_border-width-simple solid var(--mw-primary-color);
+    border: $_border-width-simple solid var(--mw-primary-text-color);
     background: var(--mw-card-background);
     line-height: 1.1;
     position: relative;

package/src/scss/form-elements/_form.scss

@@ -107,7 +107,7 @@
   &-label.mw-required::after,
   &-label[data-required='true']::after {
     content: ' *';
-    color: var(--mw-danger-color);
+    color: var(--mw-danger-text-color);
     font-weight: font-weight('bold');
   }
 
@@ -118,7 +118,7 @@
 
   &-error {
     font-size: font-size('xs');
-    color: var(--mw-danger-color);
+    color: var(--mw-danger-text-color);
     display: flex;
     align-items: center;
     gap: spacing('1');

package/src/scss/form-elements/_login.scss

@@ -39,11 +39,11 @@
 
     // Variants
     &-info {
-      color: var(--mw-info-color);
+      color: var(--mw-info-text-color);
     }
 
     &-error {
-      color: var(--mw-danger-color);
+      color: var(--mw-danger-text-color);
     }
 
     // Multiple messages spacing

package/src/scss/layout/_footer.scss

@@ -26,7 +26,7 @@
     h3 {
       font-size: font-size('lg');
       margin-bottom: spacing('4');
-      color: var(--mw-primary-color);
+      color: var(--mw-primary-text-color);
     }
 
     p {
@@ -66,7 +66,7 @@
           }
 
           &:hover {
-            color: var(--mw-primary-color);
+            color: var(--mw-primary-text-color);
 
             &::after {
               opacity: 1;
@@ -134,7 +134,7 @@
     padding-top: spacing('4');
     margin: spacing('7') auto spacing('1') auto;
     width: 85%;
-    border-top: 1px solid var(--mw-secondary-color);
+    border-top: 1px solid var(--mw-secondary-text-color);
   }
 
   .mw-last-updated {

package/src/scss/layout/_header.scss

@@ -116,7 +116,7 @@
     }
 
     &:focus-visible {
-      outline: 2px solid var(--mw-primary-color);
+      outline: 2px solid var(--mw-primary-text-color);
       outline-offset: 2px;
     }
 
@@ -247,7 +247,7 @@
     &.active {
       color: var(--mw-header-navbar-list-active-color);
       background: var(--mw-primary-background);
-      box-shadow: inset 3px 0 0 var(--mw-primary-color);
+      box-shadow: inset 3px 0 0 var(--mw-header-navbar-list-active-color);
       font-weight: font-weight('medium');
     }
   }
@@ -485,11 +485,11 @@
 
   &:hover:not(:disabled) {
     background: var(--mw-primary-background-hover);
-    border-color: var(--mw-primary-color);
+    border-color: var(--mw-primary-text-color);
   }
 
   &:focus-visible {
-    outline: 2px solid var(--mw-primary-color);
+    outline: 2px solid var(--mw-primary-text-color);
     outline-offset: 2px;
   }
 

package/src/scss/layout/_section.scss

@@ -14,7 +14,7 @@
     transform: translateX(-50%);
     width: 80px;
     height: 5px;
-    background: var(--mw-primary-color);
+    background: var(--mw-primary-text-color);
   }
 
   @include media-down('sm') {
@@ -36,7 +36,7 @@
     transform: translateX(-50%);
     width: 100px;
     height: 2px;
-    background: var(--mw-secondary-color);
+    background: var(--mw-secondary-text-color);
   }
 
   @include media-down('sm') {
@@ -59,7 +59,7 @@
   justify-content: center;
   gap: spacing('3');
   padding: spacing('3') spacing('4');
-  border: 1px solid var(--mw-primary-color);
+  border: 1px solid var(--mw-primary-text-color);
   border-radius: radius('sm');
   font-weight: font-weight('medium');
   font-size: inherit;
@@ -69,7 +69,7 @@
   transition: var(--mw-transition);
   box-sizing: border-box;
   background: transparent;
-  color: var(--mw-primary-color);
+  color: var(--mw-primary-text-color);
 
   &:hover:not(:disabled) {
     background: var(--mw-primary-color);
@@ -77,7 +77,7 @@
   }
 
   &:focus-visible {
-    outline: 2px solid var(--mw-primary-color);
+    outline: 2px solid var(--mw-primary-text-color);
     outline-offset: 2px;
   }
 

package/src/scss/utilities/_text.scss

@@ -39,27 +39,27 @@
   }
 
   &-primary {
-    color: var(--mw-primary-color);
+    color: var(--mw-primary-text-color);
   }
 
   &-secondary {
-    color: var(--mw-secondary-color);
+    color: var(--mw-secondary-text-color);
   }
 
   &-success {
-    color: var(--mw-success-color);
+    color: var(--mw-success-text-color);
   }
 
   &-warning {
-    color: var(--mw-warning-color);
+    color: var(--mw-warning-text-color);
   }
 
   &-danger {
-    color: var(--mw-danger-color);
+    color: var(--mw-danger-text-color);
   }
 
   &-info {
-    color: var(--mw-info-color);
+    color: var(--mw-info-text-color);
   }
 
   &-muted {