@awes-io/ui 2.132.1 → 2.133.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.133.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.132.2...@awes-io/ui@2.133.0) (2025-08-12)
+
+
+### Features
+
+* update component style ([2a43c73](https://github.com/awes-io/client/commit/2a43c73ece1cbb3b3becaa77e1d80dd61d5cd305))
+
+
+
+
+
+## [2.132.2](https://github.com/awes-io/client/compare/@awes-io/ui@2.132.1...@awes-io/ui@2.132.2) (2025-07-30)
+
+
+### Bug Fixes
+
+* **aw-address:** filter unused address components ([8aaf228](https://github.com/awes-io/client/commit/8aaf22813877f4f241ebae55f98309c4c0ff2429))
+
+
+
+
+
 ## [2.132.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.132.0...@awes-io/ui@2.132.1) (2025-06-24)
 
 

package/assets/css/components/birthday-picker.css

@@ -33,6 +33,10 @@
             border-radius: 0.5rem;
         }
 
+        &::placeholder {
+             color: var(--c-mono-400);
+        }
+
         & + & {
             @apply border-l;
             border-top-left-radius: 0;

package/assets/css/components/label.css

@@ -1,9 +1,10 @@
 .aw-label {
     display: inline-flex;
     align-items: center;
-    gap: 0.25rem;
+    gap: 0.125rem;
 
     font-size: 0.75rem;
+    font-weight: 700;
     line-height: 1.25rem;
     white-space: nowrap;
 

package/components/1_atoms/AwLabel.vue

@@ -1,18 +1,13 @@
 <template>
     <div v-if="label" class="aw-label" :style="styleVariables">
-        <AwIcon
-            v-if="_icon"
-            :name="_icon"
-            size="10"
-            aria-hidden="true"
-        />
+        <AwIcon v-if="_icon" :name="_icon" size="16" aria-hidden="true" />
 
         <slot>{{ label }}</slot>
 
         <AwIcon
             v-if="iconSecond"
             :name="iconSecond"
-            size="10"
+            size="16"
             aria-hidden="true"
         />
     </div>

package/components/1_atoms/AwSlider.vue

@@ -67,7 +67,11 @@ export default {
 
         shadowRightStyle() {
             return {
-                opacity: this.scrollLeft >= this.maxScrollLeft - 2 ? '0' : '1' // handle oerscroll with >=
+                opacity:
+                    this.scrollLeft >= this.maxScrollLeft - 4 ||
+                    !this.maxScrollLeft
+                        ? '0'
+                        : '1' // handle oerscroll with >=
             }
         }
     },

package/components/3_organisms/AwAddress.vue

@@ -28,6 +28,19 @@ import axios from 'axios'
 import { pathOr, pick } from 'rambdax'
 import gmMixin from '@AwMixins/google-maps'
 
+const FILTER_TYPES = ['political', 'intersection']
+const FILTER_PREFIXES = ['sublocality_level_']
+
+const getType = (types) => {
+    return (
+        types.filter(
+            (type) =>
+                !FILTER_TYPES.includes(type) &&
+                !FILTER_PREFIXES.some((prefix) => type.startsWith(prefix))
+        )[0] || types[0]
+    )
+}
+
 export default {
     name: 'AwAddress',
 
@@ -73,9 +86,11 @@ export default {
                         this.$refs.select.searchPhrase = ''
                     }
                     this._resetSearch()
-                    this._formatAddressResponse(details, place).then((result) => {
-                        this.$emit('input', result)
-                    })
+                    this._formatAddressResponse(details, place).then(
+                        (result) => {
+                            this.$emit('input', result)
+                        }
+                    )
                 }
             )
         }
@@ -153,12 +168,16 @@ export default {
                 const response = {
                     description: details.formatted_address || place.description,
                     main: pathOr('', 'structured_formatting.main_text', place),
-                    secondary: pathOr('', 'structured_formatting.secondary_text', place)
+                    secondary: pathOr(
+                        '',
+                        'structured_formatting.secondary_text',
+                        place
+                    )
                 }
 
                 details.address_components.forEach(
                     ({ long_name, short_name, types }) => {
-                        const type = types[0]
+                        const type = getType(types)
 
                         response[type] = long_name
 

package/components/4_pages/AwPageSingle.vue

@@ -11,6 +11,7 @@
             :progress="headerProgress"
             primary
             :title="_title"
+            :description="headerDescription"
             :title-showable="!isDesktop"
             :hide-menu="hideMenu"
             :is-stuck="isHeaderStuck"
@@ -156,6 +157,11 @@ export default {
             default: ''
         },
 
+        headerDescription: {
+            type: String,
+            default: ''
+        },
+
         desktopFrom: {
             type: String,
             default: 'lg'

package/components/4_pages/_AwPageHeader.vue

@@ -35,6 +35,10 @@
                 }"
             >
                 {{ title }}
+
+                <AwDescription v-if="description" class="font-normal block">
+                    {{ description }}
+                </AwDescription>
             </h1>
         </slot>
 
@@ -74,6 +78,11 @@ export default {
             default: ''
         },
 
+        description: {
+            type: String,
+            default: ''
+        },
+
         container: {
             type: String,
             default: 'full'

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.132.1",
+    "version": "2.133.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": "c24ba534ab003c80a43345ce770b54deeb681571"
+    "gitHead": "4852770e29844fc6738edbc29df6b3a76080f72d"
 }