mediacube-ui 0.1.282 → 0.1.284

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.284](https://github.com/MediaCubeCo/mcui/compare/v0.1.283...v0.1.284) (2024-06-13)
+
+### [0.1.283](https://github.com/MediaCubeCo/mcui/compare/v0.1.282...v0.1.283) (2024-06-10)
+
 ### [0.1.282](https://github.com/MediaCubeCo/mcui/compare/v0.1.281...v0.1.282) (2024-06-05)
 
 ### [0.1.281](https://github.com/MediaCubeCo/mcui/compare/v0.1.280...v0.1.281) (2024-05-31)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui",
-  "version": "0.1.282",
+  "version": "0.1.284",
   "description": "Design system for Mediacube services",
   "author": "Mediacube",
   "private": false,

package/src/elements/McTabs/McTabs/McTabs.vue

@@ -13,7 +13,7 @@
                     <a
                         :aria-controls="tab.hash"
                         :aria-selected="tab.isActive"
-                        :href="getHref(tab)"
+                        :href="tab.to || tab.href || tab.hash"
                         class="tabs-component-tab-a"
                         role="tab"
                         @click="selectTab(tab.hash, $event)"
@@ -356,10 +356,6 @@ export default {
         getActiveTabIndex() {
             return this.getTabIndex(this.activeTabHash)
         },
-
-        getHref(tab) {
-            return tab.$listeners.click ? null : tab.to || tab.href || tab.hash
-        },
     },
 }
 </script>

package/src/styles/global.scss

@@ -166,41 +166,17 @@ pre {
 // Spaces
 @each $space, $value in $token-spaces {
   .pb-#{$space} {
-    padding-bottom: $value;
-    @media #{$media-query-m} {
-      padding-bottom: $value;
-    }
-    @media #{$media-query-l} {
-      padding-bottom: $value;
-    }
+    padding-bottom: $value !important;
   }
   .pt-#{$space} {
-    padding-top: $value;
-    @media #{$media-query-m} {
-      padding-top: $value;
-    }
-    @media #{$media-query-l} {
-      padding-top: $value;
-    }
+    padding-top: $value !important;
   }
 
   .mb-#{$space} {
-    margin-bottom: $value;
-    @media #{$media-query-m} {
-      margin-bottom: $value;
-    }
-    @media #{$media-query-l} {
-      margin-bottom: $value;
-    }
+    margin-bottom: $value !important;
   }
   .mt-#{$space} {
-    margin-top: $value;
-    @media #{$media-query-m} {
-      margin-top: $value;
-    }
-    @media #{$media-query-l} {
-      margin-top: $value;
-    }
+    margin-top: $value !important;
   }
 }