@awes-io/ui 2.96.1 → 2.97.1

package/CHANGELOG.md

@@ -3,6 +3,35 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.97.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.97.0...@awes-io/ui@2.97.1) (2024-02-19)
+
+
+### Bug Fixes
+
+* **aw-bottom-bar:** safe padding restored ([8b3fd2a](https://github.com/awes-io/client/commit/8b3fd2ac75f506178c9c07f6f1ec40fa2d6e34c1))
+* **aw-bottom-bar:** safe padding restored ([8db3d3f](https://github.com/awes-io/client/commit/8db3d3fbf14481dee734900dd7ff104b79554831))
+
+
+
+
+
+# [2.97.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.96.1...@awes-io/ui@2.97.0) (2024-02-19)
+
+
+### Bug Fixes
+
+* fix border style in table ([e548132](https://github.com/awes-io/client/commit/e548132e8ab938d5600df672174eb5f0878d1774))
+* fix max-width in mobile menu items ([874d0e4](https://github.com/awes-io/client/commit/874d0e4ad84c8d501debd088262a2705dc4a4d54))
+
+
+### Features
+
+* change mono and surface colors ([79b060b](https://github.com/awes-io/client/commit/79b060b52f4999ef53458955e8561c6c87cf3e2c))
+
+
+
+
+
 ## [2.96.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.96.0...@awes-io/ui@2.96.1) (2024-02-17)
 
 

package/assets/css/components/bottom-bar.css

@@ -5,6 +5,7 @@
     display: flex;
     box-shadow: none;
     border-top: 1px solid rgba(var(--c-on-surface-rgb), .1);
+    padding-bottom: env(safe-area-inset-bottom, 0);
 
     position: fixed;
     bottom: 0;
@@ -18,6 +19,10 @@
         flex-shrink: 1;
     }
 
+    .aw-icon-menu-item {
+        max-width: var(--bottom-bar-item-max-width);
+    }
+
     &:before,
     &:after {
         content: '';

package/assets/css/components/table.css

@@ -40,7 +40,7 @@
     }
 
     tbody > tr {
-        @apply border-b-8 border-mono-900;
+        @apply border-b-8 border-page-bg;
     }
 
     tbody tr:last-child {

package/assets/css/main.css

@@ -47,7 +47,7 @@
 
 @screen lg {
     :root[data-dark='true'] {
-        --c-surface: #313236;
+        --c-surface: #2e2f33;
 
         --c-page-bg: #1e1e21;
 
@@ -62,7 +62,6 @@
         --c-mono-700: #6d6d70;
         --c-mono-800: #46474a;
         --c-mono-900: #434447;
-        --c-mono-1000: #2e2f33;
 
         --c-surface-rgb: 49,50,54;
 
@@ -79,7 +78,6 @@
         --c-mono-700-rgb: 109,109,112;
         --c-mono-800-rgb: 70,71,74;
         --c-mono-900-rgb: 67,68,71;
-        --c-mono-1000-rgb: 46,47,51;
     }
 }
 

package/assets/js/styles.js

@@ -71,7 +71,6 @@ export default {
             'mono-700': '#d7dbde',
             'mono-800': '#e7eaed',
             'mono-900': '#f3f5f7',
-            'mono-1000': '#fff',
 
             ...CUSTOM_COLORS_BG_LIGHT
         },
@@ -100,7 +99,6 @@ export default {
             'mono-700': '#14171d',
             'mono-800': '#14171d',
             'mono-900': '#14171d',
-            'mono-1000': '#14171d',
 
             ...CUSTOM_COLORS
         }
@@ -115,7 +113,7 @@ export default {
             error: '#FF4931',
             'error-hover': '#E6422C',
 
-            surface: '#141414',
+            surface: '#292A2E',
             'page-bg': '#010101',
             overlay: 'rgba(0, 0, 0, 0.5)',
 
@@ -130,7 +128,6 @@ export default {
             'mono-700': '#626265',
             'mono-800': '#3C3D40',
             'mono-900': '#434447',
-            'mono-1000': '#292A2E',
 
             ...CUSTOM_COLORS_BG_DARK
         },
@@ -143,7 +140,7 @@ export default {
             warning: '#333',
             error: '#fff',
 
-            surface: '#e7eaed',
+            surface: '#D3D3D4',
             'page-bg': '#e7eaed',
             overlay: '#fff',
 
@@ -158,7 +155,6 @@ export default {
             'mono-700': '#eaeaeb',
             'mono-800': '#eaeaeb',
             'mono-900': '#eaeaeb',
-            'mono-1000': '#eaeaeb',
 
             ...CUSTOM_COLORS
         }

package/components/3_organisms/AwBottomBar.vue

@@ -1,5 +1,5 @@
 <template>
-    <div v-if="showMenu" class="aw-bottom-bar">
+    <div v-if="showMenu" class="aw-bottom-bar" :style="itemMaxWidthVar">
         <slot name="bottom-bar-items">
             <AwMenuItemIcon
                 v-for="(item, i) in items"
@@ -65,6 +65,13 @@ export default {
     },
 
     computed: {
+        itemMaxWidthVar() {
+            const itemsNumber = this.items.length + 1
+
+            return `--bottom-bar-item-max-width: min(${100 /
+                itemsNumber}%, 144px)`
+        },
+
         actionButton() {
             const button = this.$store.state.awesIo.bottomBarAction
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.96.1",
+    "version": "2.97.1",
     "description": "User Interface (UI) components",
     "keywords": [
         "ui",
@@ -114,5 +114,5 @@
         "rollup-plugin-visualizer": "^2.6.0",
         "rollup-plugin-vue": "^5.0.1"
     },
-    "gitHead": "2923cbb7535243156f99d358df5613ba85f9db6e"
+    "gitHead": "4d4f517ba81e113637c290eb086c17aa5f9125dc"
 }