@awes-io/ui 2.89.1 → 2.90.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.90.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.89.1...@awes-io/ui@2.90.0) (2024-01-16)
+
+
+### Bug Fixes
+
+* release fixes ([30bc285](https://github.com/awes-io/client/commit/30bc2859d60c3b764a891ad08d91fa541faa5c74))
+
+
+### Features
+
+* change label in switcher padding top by size ([7f7191b](https://github.com/awes-io/client/commit/7f7191bf03c50a1a65c88677e45bb063d9b3fdac))
+
+
+
+
+
 ## [2.89.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.89.0...@awes-io/ui@2.89.1) (2024-01-12)
 
 

package/assets/css/components/modal-buttons.css

@@ -6,12 +6,12 @@
 
     width: 100%;
 
-    &__button--equal {
-        flex: 1 1 100%;
+    &--mobile {
+        flex-wrap: wrap;
     }
 
-    &--mobile {
-        flex-direction: column;
-        align-items: stretch;
+    &__button--equal {
+        flex-grow: 1;
+        flex: 1 1 51%;
     }
 }

package/assets/css/components/select.css

@@ -6,14 +6,6 @@
         @apply cursor-pointer;
     }
 
-    &--invert .aw-text-field__element {
-        @apply bg-mono-100;
-    }
-
-    &--invert .aw-text-field__element:not(:focus) {
-        @apply border-mono-100;
-    }
-
     &__underlay {
         @apply bg-overlay;
         display: none;

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

@@ -1,5 +1,6 @@
 .aw-switch-field {
     @apply flex relative py-1;
+    align-items: flex-start;
 
     &__element {
         @apply bg-surface border border-mono-800;
@@ -94,7 +95,6 @@
 
     &.is-switcher {
         display: flex;
-        align-items: flex-start;
     }
 
     &.is-switcher &__label {
@@ -205,6 +205,10 @@
                 margin: 2px;
             }
         }
+
+        .aw-switch-field__label {
+            padding-top: 0.125rem;
+        }
     }
 
     &--md {
@@ -259,6 +263,10 @@
                 right: 12px;
             }
         }
+
+        .aw-switch-field__label {
+            padding-top: 0.625rem;
+        }
     }
 
     /**

package/assets/js/icons/mono.js

@@ -1,11 +1,11 @@
 export const ICONS = {
     angle:
         'm14.3 18.7-6-6a1 1 0 0 1-.1-1.3l.1-.1 6-6a1 1 0 0 1 1.5 1.3v.1l-5.1 5.4 5 5.2a1 1 0 0 1 .1 1.3v.1a1 1 0 0 1-1.4.1h-.1Z',
-    'angle-l':
+    'angle-r':
         'm9.7 18.7 6-6a1 1 0 0 0 .1-1.3v-.1l-6-6a1 1 0 0 0-1.6 1.3l.1.1 5 5.4-5 5.2a1 1 0 0 0-.1 1.3l.1.1a1 1 0 0 0 1.3.1h.1Z',
     arrow:
         'm1.3 12.5 6.2 6.2.1.1a1 1 0 0 0 1.3-.1l.1-.1a1 1 0 0 0 0-1.4l-4.5-4.4h17.6a1 1 0 0 0 .9-1v-.2a1 1 0 0 0-1-.8H4.5L9 6.3H9a1 1 0 0 0-1.5-1.4L1.3 11h-.1a1 1 0 0 0 .1 1.4Z',
-    'arrow-l':
+    'arrow-r':
         'm22.7 12.5-6.2 6.2-.1.1a1 1 0 0 1-1.3-.1l-.1-.1a1 1 0 0 1 0-1.4l4.5-4.4H1.9a1 1 0 0 1-.9-1v-.2a1 1 0 0 1 1-.8h17.5L15 6.3H15a1 1 0 0 1 1.5-1.4l6.2 6.2h.1a1 1 0 0 1-.1 1.4Z',
     ban:
         'M23 12a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-4.96 7.18A9.37 9.37 0 0 1 4.83 5.97l13.2 13.2Zm1.15-1.15L5.98 4.82a9.37 9.37 0 0 1 13.2 13.2Z',
@@ -86,11 +86,7 @@ export const ICONS = {
     ]
 }
 
-export const SIZE = 24
-
-export const VIEW_BOX = `0 0 ${SIZE} ${SIZE}`
-
-export default ICONS /* {
+/* export const ICONS = {
     light:
         'M10 .83c-.3 0-.57.27-.57.58v1.7c0 .3.26.57.57.57.3 0 .57-.27.57-.58V1.4c0-.3-.26-.57-.57-.57Z M16.87 9.13h-.01a2.31 2.31 0 0 1-1.95-2.6c.08-.47.28-.9.62-1.25a.56.56 0 0 0 .13-.58c-.07-.26-.33-.36-.54-.4a4.34 4.34 0 0 0-2.88.56A5.62 5.62 0 0 0 4.46 10a5.64 5.64 0 0 0 10.34 3.08A4.42 4.42 0 0 0 18.8 9.7v-.04c0-.18-.04-.43-.24-.56-.15-.1-.37-.16-.56-.1-.36.12-.75.2-1.12.12ZM11.5 5.58a5.07 5.07 0 0 0 0 0Zm2.2 7.21ZM10.1 7.98a4.4 4.4 0 0 0 3.32 4.92 4.34 4.34 0 0 1-3.33 1.56c-2.45 0-4.45-2.01-4.45-4.46a4.47 4.47 0 0 1 5.55-4.33 4.48 4.48 0 0 0-1.1 2.3Zm6.62 2.19Zm-5.67-2Zm5.64 2.16c.2.03.38.04.57.03A3.29 3.29 0 0 1 11.2 8.2 3.23 3.23 0 0 1 14 5.44a3.52 3.52 0 0 0 2.68 4.9Z M9.74 15.83c-.3 0-.57.27-.57.58v1.7c0 .3.26.57.57.57.3 0 .57-.27.57-.58v-1.7c0-.3-.26-.57-.57-.57ZM15.13 14.33l1.2 1.21c.23.23.23.58 0 .8a.56.56 0 0 1-.79 0l-1.2-1.21a.56.56 0 0 1 0-.8c.21-.22.59-.22.79 0ZM1.4 9.17h1.7c.31 0 .58.26.58.57 0 .3-.27.57-.58.57H1.4a.57.57 0 0 1-.57-.57c0-.3.27-.57.58-.57ZM5.5 14.33c-.2-.22-.57-.22-.79 0L3.5 15.54a.56.56 0 0 0 0 .8c.22.22.57.22.8 0l1.2-1.21a.56.56 0 0 0 0-.8ZM4.3 3.5 5.5 4.7c.23.22.23.57 0 .8a.56.56 0 0 1-.79 0L3.5 4.28a.56.56 0 0 1 0-.8.56.56 0 0 1 .8 0Z',
     close:
@@ -174,3 +170,9 @@ export default ICONS /* {
     undo:
         'M2.2 2.2L4 4a8.5 8.5 0 0114.5 6 8.5 8.5 0 01-14.2 6.3.4.4 0 010-.6L5 15h.5a6.7 6.7 0 10-.3-9.8l1.9 1.9c.3.3 0 .7-.3.7H2a.4.4 0 01-.4-.4v-5c0-.3.4-.5.7-.2z'
 } */
+
+export const SIZE = 24
+
+export const VIEW_BOX = `0 0 ${SIZE} ${SIZE}`
+
+export default ICONS

package/components/2_molecules/AwSelect.vue

@@ -1,7 +1,6 @@
 <template>
     <div
         :class="{
-            'aw-select--invert': invert,
             'aw-select--mobile-opened': isMobileOpened
         }"
         class="aw-select"
@@ -60,7 +59,7 @@
                 >
                     <template #icon>
                         <slot name="create-icon">
-                            <AwIconSystemMono name="add-circle" size="20" />
+                            <AwIconSystemMono name="plus-circle" size="20" />
                         </slot>
                     </template>
                 </AwButton>
@@ -77,6 +76,9 @@
                     </template>
                 </AwButton>
                 <AwButton
+                    v-if="
+                        isLoading || (optionsList.length && _isEditingOptions)
+                    "
                     tabindex="-1"
                     type="button"
                     class="h-full"
@@ -163,6 +165,10 @@
                         </template>
                     </AwButton>
                     <AwButton
+                        v-if="
+                            isLoading ||
+                                (optionsList.length && _isEditingOptions)
+                        "
                         tabindex="-1"
                         theme="icon"
                         :size="$attrs.size || 'md'"
@@ -351,11 +357,6 @@ export default {
             default: 400
         },
 
-        invert: {
-            type: Boolean,
-            default: false
-        },
-
         createConfirmText: {
             type: String,
             default() {

package/components/3_organisms/AwModalButtons.vue

@@ -40,7 +40,9 @@
 </template>
 
 <script>
-import { omit } from 'rambdax'
+import { omit, path } from 'rambdax'
+
+const DROPDOWN_BUTTON_COLORS = ['default', 'error']
 
 export default {
     name: 'AwModalButtons',
@@ -97,6 +99,12 @@ export default {
                     // add button if visible
                     if (show !== false) {
                         const group = this.isDesktop ? (dropdown ? 'dropdown' : 'buttons') : cta ? 'buttons' : 'dropdown'
+
+                        // omit not available colors
+                        if (group === 'dropdown' && itemProps.color && !DROPDOWN_BUTTON_COLORS.includes(itemProps.color)) {
+                            itemProps.color = undefined
+                        }
+
                         acc[group].push(itemProps)
                     }
 
@@ -106,8 +114,12 @@ export default {
             )
         },
 
+        togglerSize() {
+            return path([this.groupedButtons.buttons.length - 1, 'size'], this.groupedButtons.buttons)
+        },
+
         togglerProps() {
-            return { ...omit(['cta'], this.options || {}), ...this.togglerOptions }
+            return { ...omit(['cta'], this.options || {}), size: this.togglerSize, ...this.togglerOptions }
         }
     },
 

package/components/4_pages/AwPage.vue

@@ -13,6 +13,7 @@
                     }"
                     :title="_title"
                     :breadcrumb="breadcrumb"
+                    :breadcrumb-menu="breadcrumbMenu"
                     :buttons-breakpoint="buttonsBreakpoint"
                     :container="headerContainer || container"
                     :title-centered="titleCentered || stickyHeader"
@@ -164,6 +165,11 @@ export default {
         buttonsBreakpoint: {
             type: String,
             default: 'lg'
+        },
+
+        breadcrumbMenu: {
+            type: Boolean,
+            default: undefined
         }
     },
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.89.1",
+    "version": "2.90.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": "a8df8a4b48235d2ba8e0b1340e589a90e3764090"
+    "gitHead": "1b568eaaa2094a6d2324afcb218f403ed63be30a"
 }