@awes-io/ui 2.93.0 → 2.94.0

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.94.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.93.1...@awes-io/ui@2.94.0) (2024-02-07)
+
+
+### Bug Fixes
+
+* **aw-image-upload:** call to method fixed ([220647b](https://github.com/awes-io/client/commit/220647b9e5a8fe1ce91e5b0b8ab7d8996db9b865))
+
+
+### Features
+
+* **action-icon:** xxs size added ([7057713](https://github.com/awes-io/client/commit/70577138238e906679094df73ca622b6155163a6))
+* change btn color and radius in mob select close btn ([add50f4](https://github.com/awes-io/client/commit/add50f47d76124af0c0ef7fde44307b2447aa090))
+* change style in mobile menu page ([6f5c7b7](https://github.com/awes-io/client/commit/6f5c7b7cd49a2d873ace9b1907f2854ca930e6bb))
+
+
+
+
+
+## [2.93.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.93.0...@awes-io/ui@2.93.1) (2024-02-02)
+
+
+### Bug Fixes
+
+* fix href in mobile menu item ([6c869e8](https://github.com/awes-io/client/commit/6c869e8d17f2650fb69cf25ee8019c9ab965636f))
+* mobile menu items count fixed ([ff4fd20](https://github.com/awes-io/client/commit/ff4fd20c8608b4af27eb288e8e320d9fef323e90))
+
+
+
+
+
 # [2.93.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.92.0...@awes-io/ui@2.93.0) (2024-02-01)
 
 

package/assets/css/components/action-icon.css

@@ -3,12 +3,12 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    gap: 0.5rem;
+    gap: min(0.5rem, calc(var(--size) / 10));
     flex-shrink: 0;
 
     width: var(--size);
     height: var(--size);
-    padding: max(0.25rem, calc(var(--size) / 8));
+    padding: min(0.25rem, calc(var(--size) / 8));
     border-radius: var(--radius);
 
     background-color: var(--bg-color);
@@ -22,8 +22,8 @@
     }
 
     small {
-        font-size: 0.875rem;
-        line-height: 1.125rem;
+        font-size: min(0.875rem, calc(var(--size) / 4));
+        line-height: 1.2857;
         text-align: center;
     }
 

package/assets/css/components/mobile-menu-nav.css

@@ -20,6 +20,7 @@
 
     li + li .aw-mobile-menu-nav__item--divide {
         position: relative;
+        padding-top: 2.5rem;
 
         &:before {
             @apply bg-mono-800;
@@ -28,7 +29,7 @@
             height: 1px;
 
             position: absolute;
-            top: 0;
+            top: 0.75rem;
             left: 1.5rem;
             right: 1.5rem;
         }

package/components/1_atoms/AwActionIcon.vue

@@ -12,7 +12,7 @@
 
         <slot v-else>
             <AwIcon :name="icon" class="aw-action-icon__icon" />
-            <small v-if="text">{{ text }}</small>
+            <small v-if="isTextVisible">{{ text }}</small>
         </slot>
     </span>
 </template>
@@ -22,10 +22,14 @@ import { toColor, toOnColor } from '@AwUtils/styles'
 import { isAnimatedIcon } from '@AwUtils/icons/animated'
 
 const SIZES = {
+    xxs: {
+        size: '1rem',
+        iconSize: '0.5rem',
+        radius: '0.25rem'
+    },
     xs: {
         size: '1.5rem',
         iconSize: '0.75rem',
-        iconWithTextSize: '0.5rem',
         radius: '0.3125rem'
     },
     sm: {
@@ -66,7 +70,7 @@ const SIZES_MOBILE = {
 
 const SIZES_NAMES = Object.keys(SIZES)
 
-const SIZE_DEFAULT = SIZES_NAMES[2]
+const SIZE_DEFAULT = 'md'
 
 export default {
     name: 'AwActionIcon',
@@ -122,16 +126,20 @@ export default {
     },
 
     computed: {
-        styles() {
+        sizeConfig() {
             const sizes = this.$screen[this.desktopFrom] ? SIZES : SIZES_MOBILE
-            const size = sizes[this.size] || sizes[SIZE_DEFAULT]
 
+            return sizes[this.size] || sizes[SIZE_DEFAULT]
+        },
+
+        styles() {
             const styles = {
-                '--size': size.size,
-                '--icon-size': this.text
-                    ? size.iconWithTextSize
-                    : size.iconSize,
-                '--radius': size.radius,
+                '--size': this.sizeConfig.size,
+                '--icon-size':
+                    this.text && this.isTextVisible
+                        ? this.sizeConfig.iconWithTextSize
+                        : this.sizeConfig.iconSize,
+                '--radius': this.sizeConfig.radius,
                 '--color': this.onColor
                     ? toColor(this.onColor)
                     : toOnColor(this.color),
@@ -142,6 +150,10 @@ export default {
             return styles
         },
 
+        isTextVisible() {
+            return !!(this.text && this.sizeConfig.iconWithTextSize)
+        },
+
         isAnimatedIcon() {
             return isAnimatedIcon(this.icon)
         }

package/components/2_molecules/AwSelect.vue

@@ -139,7 +139,12 @@
                 @input="_applySearch"
             >
                 <template #prefix>
-                    <AwButton color="mono" v-if="isOpened" @click="_close">
+                    <AwButton
+                        style="--btn-radius: 0.375rem"
+                        color="mono-light"
+                        v-if="isOpened"
+                        @click="_close"
+                    >
                         <template #icon>
                             <AwIconSystemMono name="arrow" />
                         </template>

package/components/2_molecules/AwSelectObject.vue

@@ -152,7 +152,8 @@
                     >
                         <template #prefix>
                             <AwButton
-                                color="mono"
+                                style="--btn-radius: 0.375rem"
+                                color="mono-light"
                                 v-if="isOpened"
                                 @click="close"
                             >

package/components/3_organisms/AwImageUpload.vue

@@ -259,7 +259,7 @@ export default {
                     data
                 })
 
-                return getValueFromResult(result)
+                return this.getValueFromResult(result)
             }
         }
     }

package/components/5_layouts/_AwMobileMenuNav.vue

@@ -23,22 +23,10 @@
                                     (item.isDivide || allDivides) && i
                             }
                         ]"
-                        :href="_getChildrenCount(item) ? null : item.href"
+                        :href="item.href"
                         :arrow="checkShowArrow(item)"
                         :active="isActive(item)"
-                        v-on="
-                            _getChildrenCount(item)
-                                ? {
-                                      click: () =>
-                                          $emit(
-                                              'click:submenu',
-                                              item.children,
-                                              item.subtitle || item.text,
-                                              item.href
-                                          )
-                                  }
-                                : item.listeners || null
-                        "
+                        v-on="item.listeners || null"
                     />
                 </li>
             </slot>

package/nuxt/pages/more.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="aw-more">
         <div class="aw-more__profile" v-if="user">
-            <AwAvatar :src="user.src" :name="user.name" size="144" />
+            <AwAvatar :src="user.src" :name="user.name" size="112" />
 
             <AwHeadline tag="span" class="aw-more__profile-name mt-2">
                 {{ user.name }}
@@ -82,7 +82,20 @@
             </template>
         </AwMobileMenuNav>
 
-        <AwMobileMenuNav :items="tertiaryMenu" class="my-6" />
+        <AwMobileMenuNav :items="tertiaryMenu" class="my-6">
+            <template #default="{items, _getChildrenCount, isActive }">
+                <li v-for="(item, i) in items" :key="i" v-show="!item.abstract">
+                    <AwMobileMenuItem
+                        v-bind="item"
+                        :href="item.href"
+                        theme="island"
+                        :arrow="!!(item.href || _getChildrenCount(item))"
+                        :active="isActive(item)"
+                        v-on="item.listeners"
+                    />
+                </li>
+            </template>
+        </AwMobileMenuNav>
 
         <slot name="after-mobile-menu">
             <Component
@@ -97,7 +110,7 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
+import { mapState, mapGetters } from 'vuex'
 import { lensProp, pathOr, viewOr } from 'rambdax'
 
 import AwMobileMenuNav from '@AwLayouts/_AwMobileMenuNav.vue'
@@ -121,12 +134,13 @@ export default {
     },
 
     computed: {
+        ...mapState('awesIo', ['bottomBarAction']),
+
         ...mapGetters('awesIo', [
             'user',
             'logoComponent',
             'afterMobileMenuComponent',
-            'beforeMobileMenuComponent',
-            'bottomBarAction'
+            'beforeMobileMenuComponent'
         ]),
 
         profileUrl() {
@@ -134,13 +148,13 @@ export default {
         },
 
         menuItemsStartIndex() {
-            return VISIBLE_ITEMS_COUNT - (this.bottomBarAction ? 2 : 1)
+            return VISIBLE_ITEMS_COUNT - (this.bottomBarAction ? 1 : 0)
         },
 
         mainMenu() {
-            return viewOr([], lensProp('mainMenu'), this.layoutProvider).filter(
-                ({ is }) => !is
-            ).slice(this.menuItemsStartIndex)
+            return viewOr([], lensProp('mainMenu'), this.layoutProvider)
+                .filter(({ is }) => !is)
+                .slice(this.menuItemsStartIndex)
         },
 
         secondaryMenu() {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.93.0",
+    "version": "2.94.0",
     "description": "User Interface (UI) components",
     "keywords": [
         "ui",
@@ -114,5 +114,5 @@
         "rollup-plugin-visualizer": "^2.6.0",
         "rollup-plugin-vue": "^5.0.1"
     },
-    "gitHead": "f26263752064890282eda08c1e201dc59adc25ac"
+    "gitHead": "e89427eeea7b836568dccea9f19a525abd85b1d1"
 }