@awes-io/ui 2.93.1 → 2.94.0

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 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)
 
 

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/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
@@ -121,9 +134,7 @@ export default {
     },
 
     computed: {
-        ...mapState('awesIo', [
-            'bottomBarAction'
-        ]),
+        ...mapState('awesIo', ['bottomBarAction']),
 
         ...mapGetters('awesIo', [
             'user',
@@ -141,9 +152,9 @@ export default {
         },
 
         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.1",
+    "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": "b0d964869b63efa892956efeb0b0c5b537db5933"
+    "gitHead": "e89427eeea7b836568dccea9f19a525abd85b1d1"
 }