@redseed/redseed-ui-vue3 4.1.0 → 4.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redseed/redseed-ui-vue3",
-  "version": "4.1.0",
+  "version": "4.1.2",
   "description": "RedSeed UI Vue 3 components",
   "main": "index.js",
   "repository": "https://github.com/redseedtraining/redseed-ui",

package/src/components/Button/ButtonTertiary.vue

@@ -9,15 +9,15 @@ import ButtonSlot from './ButtonSlot.vue'
 <style lang="scss" scoped>
 .rsui-button-tertiary {
     // default colors
-    @apply text-rsui-grey-700 bg-white border-transparent;
+    @apply text-rsui-grey-700 bg-transparent border-transparent;
     // default hover state
     @apply hover:text-rsui-grey-900 hover:bg-rsui-grey-200 hover:border-transparent;
     // default focus state
     @apply focus-visible:ring-rsui-grey-400 focus-visible:border-transparent;
     // default active state
-    @apply active:bg-white active:border-transparent;
+    @apply active:bg-transparent active:border-transparent;
     // default disabled state
-    @apply disabled:bg-white disabled:border-transparent disabled:text-rsui-grey-400;
-    @apply disabled:active:bg-white disabled:active:border-transparent;
+    @apply disabled:bg-transparent disabled:border-transparent disabled:text-rsui-grey-400;
+    @apply disabled:active:bg-transparent disabled:active:border-transparent;
 }
 </style>

package/src/components/Layouts/SectionFooter.vue

@@ -34,7 +34,7 @@ defineProps({
     }
 
     &__content-end {
-        @apply flex flex-wrap md:justify-end items-center gap-3;
+        @apply flex flex-wrap justify-end items-center gap-3;
 
         &--full {
             @apply flex-1;

package/src/components/Layouts/SectionHeader.vue

@@ -14,6 +14,10 @@ defineProps({
         type: Boolean,
         default: true,
     },
+    showMobileActions: {
+        type: Boolean,
+        default: true,
+    },
     showDropdown: {
         type: Boolean,
         default: true,
@@ -84,7 +88,7 @@ const { responsiveWidth } = useResponsiveWidth(sectionHeaderElement, 768)
     </div>
 
     <div class="rsui-section-header__actions-mobile"
-        v-if="!responsiveWidth.specific"
+        v-if="showMobileActions && !responsiveWidth.specific"
     >
         <slot name="actions"></slot>
     </div>
@@ -122,11 +126,11 @@ const { responsiveWidth } = useResponsiveWidth(sectionHeaderElement, 768)
     }
 
     &__actions-desktop {
-        @apply hidden md:flex gap-3 items-center;
+        @apply flex gap-3 items-center;
     }
 
     &__actions-mobile {
-        @apply flex flex-wrap md:hidden gap-3 items-center;
+        @apply flex flex-wrap gap-3 items-center justify-end;
     }
 
     &__dropdown-icon {