@awes-io/ui 2.78.0 → 2.79.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.79.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.78.0...@awes-io/ui@2.79.0) (2023-11-03)
+
+
+### Features
+
+* add modifiers for button nav ([80c10dc](https://github.com/awes-io/client/commit/80c10dc39254387a82069b117cf71ce2c5134618))
+* change logic for create page in pagination ([428c07c](https://github.com/awes-io/client/commit/428c07c3a79d741d7e28fe368361d60162195a41))
+
+
+
+
+
 # [2.78.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.77.0...@awes-io/ui@2.78.0) (2023-11-02)
 
 

package/assets/css/components/button-nav.css

@@ -128,6 +128,16 @@
         }
     }
 
+    &--without-min-with {
+        .aw-button-nav__toggler {
+            & > span {
+                padding-left: 1rem;
+                padding-right: 1rem;
+                min-width: 0;
+            }
+        }
+    }
+
     &__arrow-btn.aw-button.theme-ghost {
         align-items: center;
 
@@ -159,6 +169,7 @@
 
                 &  > span {
                     height: 2.375rem;
+                    border-radius: 0.5625rem;
                     min-width: 0;
                     width: 2.6rem;
 

package/assets/css/components/text-field.css

@@ -320,6 +320,10 @@
         @apply bg-mono-900;
 
         pointer-events: none;
+
+        .aw-text-field__prefix {
+            @apply bg-mono-900;
+        }
     }
 
     .aw-button.theme-icon {

package/components/2_molecules/AwTabNav.vue

@@ -1,7 +1,18 @@
 <template>
     <AwSlider
         ref="slider"
-        :class="[_cssClasses.base, _cssClasses.wrapper]"
+        :class="[
+            _cssClasses.base,
+            _cssClasses.wrapper,
+            {
+                [`${_cssClasses.base}--without-min-with`]: modifiers.includes(
+                    'without-min-with'
+                ),
+                [`${_cssClasses.base}--fullwidth`]: modifiers.includes(
+                    'fullwidth'
+                )
+            }
+        ]"
         @resized="scrollToActive(false)"
     >
         <template
@@ -27,7 +38,7 @@
                         <AwIcon
                             v-if="item.icon"
                             v-bind="_toIconProps(item.icon)"
-                            :class="{ 'mr-1': !item.hideText }"
+                            :class="{ 'mr-1': !item.hideText && text }"
                         />
                         <span v-if="item.hideText" class="sr-only">
                             {{ text }}
@@ -131,6 +142,11 @@ export default {
             validator(val) {
                 return Array.isArray(val) ? !val.every(isNaN) : !isNaN(val)
             }
+        },
+
+        modifiers: {
+            type: [Array, String],
+            default: ''
         }
     },
 

package/components/3_organisms/AwContextMenu.vue

@@ -25,7 +25,9 @@ export default {
         text: {
             type: String,
             default: ''
-        }
+        },
+
+        hideText: Boolean
     },
 
     render(h) {
@@ -77,10 +79,10 @@ export default {
             props: {
                 theme: 'ghost',
                 color: 'default',
-                text: this.text
+                text: this.hideText ? '' : this.text
             },
             staticClass: this.buttonClass,
-            class: { 'aw-context-menu--text': this.text },
+            class: { 'aw-context-menu--text': this.text && !this.hideText },
             attrs: {
                 'data-arrow-focus': ''
             },

package/components/3_organisms/AwPagination.vue

@@ -188,15 +188,15 @@ export default {
                 const current = this.page
                 const last = this.pagesTotal
 
-                if (current < 6) {
-                    return [...range(1, 7), null, last]
-                } else if (last - current < 5) {
-                    return [1, null, ...range(last - 5, last + 1)]
+                if (current < 5) {
+                    return [...range(1, 6), null, ...range(last - 2, last + 1)]
+                } else if (last - current < 4) {
+                    return [...range(1, 4), null, ...range(last - 4, last + 1)]
                 } else {
                     return [
                         1,
                         null,
-                        ...range(current - 2, current + 2),
+                        ...range(current - 2, current + 3),
                         null,
                         last
                     ]

package/components/4_pages/AwPageMenuButtons.vue

@@ -6,6 +6,7 @@
             class="aw-page-menu-buttons__aw-context-menu"
             :options="$options.dropdownOptions"
             :text="$t('More')"
+            :hide-text="hideContextMenuText"
         >
             <AwDropdownButton
                 v-for="({ listeners, tooltip, iconSize, ...attrs },
@@ -87,7 +88,9 @@ export default {
         expandOffset: {
             type: Number,
             default: 150 // px
-        }
+        },
+
+        hideContextMenuText: Boolean
     },
 
     data() {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.78.0",
+    "version": "2.79.0",
     "description": "User Interface (UI) components",
     "keywords": [
         "ui",
@@ -113,5 +113,5 @@
         "rollup-plugin-visualizer": "^2.6.0",
         "rollup-plugin-vue": "^5.0.1"
     },
-    "gitHead": "9c3291403739bbdddd26c63898cc196525a7cb2e"
+    "gitHead": "acc0cf881db35c97a082498b3ad12f686412904f"
 }