@energysage/es-ds-components 5.7.3 → 6.1.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # Changelog
 
+## [6.1.0](https://github.com/EnergySage/es-ds/compare/es-ds-components-v6.0.0...es-ds-components-v6.1.0) (2026-09-28)
+
+
+### Features
+
+* allow centering of zip code form and add missing space ([#1786](https://github.com/EnergySage/es-ds/issues/1786)) ([595c59e](https://github.com/EnergySage/es-ds/commit/595c59ebba727bba829c99a4b0a32c98c018f23d))
+
+## [6.0.0](https://github.com/EnergySage/es-ds/compare/es-ds-components-v5.7.3...es-ds-components-v6.0.0) (2026-09-08)
+
+
+### ⚠ BREAKING CHANGES
+
+* dependency updates ([#1782](https://github.com/EnergySage/es-ds/issues/1782))
+
+### Features
+
+* dependency updates ([#1782](https://github.com/EnergySage/es-ds/issues/1782)) ([a0cdac3](https://github.com/EnergySage/es-ds/commit/a0cdac3e425d38b6636e631a380a362ffe7fb9bc))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * devDependencies
+    * @energysage/es-ds-styles bumped from ^3.5.9 to ^4.0.0
+
 ## [5.7.3](https://github.com/EnergySage/es-ds/compare/es-ds-components-v5.7.2...es-ds-components-v5.7.3) (2026-07-31)
 
 

package/app/components/es-zip-code-form.vue

@@ -1,65 +1,39 @@
 <script setup lang="ts">
-const props = defineProps({
-    constrained: {
-        type: Boolean,
-        default: false,
-    },
-    contextMessage: {
-        type: String,
-        default: '',
-    },
-    dark: {
-        type: Boolean,
-        default: false,
-    },
-    fieldName: {
-        type: String,
-        default: 'zip_code',
-    },
-    inputId: {
-        type: String,
-        required: true,
-    },
-    newTab: {
-        type: Boolean,
-        default: false,
-    },
-    placeholder: {
-        type: String,
-        default: 'ZIP code',
-    },
-    privacyPolicyLink: {
-        type: String,
-        default: '',
-    },
-    privacyPolicyNewTab: {
-        type: Boolean,
-        default: false,
-    },
-    replaceFieldNameInUrl: {
-        type: Boolean,
-        default: false,
-    },
-    selectedProduct: {
-        type: String,
-        default: '',
-    },
-    showPrivacySection: {
-        type: Boolean,
-        default: true,
-    },
-    stackUntil: {
-        type: String,
-        default: '',
-    },
-    url: {
-        type: String,
-        required: true,
-    },
-    zipCodeValue: {
-        type: String,
-        default: '',
-    },
+interface IProps {
+    align?: 'left' | 'center' | 'right';
+    constrained?: boolean;
+    contextMessage?: string;
+    dark?: boolean;
+    fieldName?: string;
+    inputId?: string;
+    newTab?: boolean;
+    placeholder?: string;
+    privacyPolicyLink?: string;
+    privacyPolicyNewTab?: boolean;
+    replaceFieldNameInUrl?: boolean;
+    selectedProduct?: string;
+    showPrivacySection?: boolean;
+    stackUntil?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | '';
+    url: string;
+    zipCodeValue?: string;
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+    align: 'left',
+    constrained: false,
+    contextMessage: '',
+    dark: false,
+    fieldName: 'zip_code',
+    inputId: useId(),
+    newTab: false,
+    placeholder: 'ZIP code',
+    privacyPolicyLink: '',
+    privacyPolicyNewTab: false,
+    replaceFieldNameInUrl: false,
+    selectedProduct: '',
+    showPrivacySection: true,
+    stackUntil: '',
+    zipCodeValue: '',
 });
 
 const state = reactive({
@@ -189,18 +163,28 @@ const handleSubmit = () => {
             </form>
             <div
                 v-if="showPrivacySection"
-                class="d-flex text-left"
-                :class="{ 'font-size-75': constrained }">
+                class="d-md-flex"
+                :class="{
+                    'font-size-75': constrained,
+                    [`text-${align}`]: true,
+                    'd-flex justify-content-start': align === 'left',
+                    'justify-content-center': align === 'center',
+                    'justify-content-end': align === 'right',
+                }">
                 <icon-lock-on
                     aria-hidden="true"
                     class="privacy-lock-icon flex-shrink-0 mr-50 position-relative"
-                    :class="{ 'mt-25': !constrained }"
+                    :class="{
+                        'mt-md-25': !constrained,
+                        'mt-25': !constrained && align === 'left',
+                    }"
                     height="1.125rem"
                     width="1.125rem" />
-                <div>
+                <span>
                     <span>
-                        <slot name="privacyExplanation"> Your information is safe with us. </slot>
+                        <slot name="privacyExplanation">Your information is safe with us.</slot>
                     </span>
+                    {{ ' ' }}
                     <nuxt-link
                         v-if="privacyPolicyLink"
                         :href="privacyPolicyLink"
@@ -209,7 +193,7 @@ const handleSubmit = () => {
                         :target="privacyPolicyNewTab ? '_blank' : '_self'">
                         <slot name="privacyPolicyLinkText">Privacy Policy</slot>
                     </nuxt-link>
-                </div>
+                </span>
             </div>
         </div>
     </div>

package/app/composables/forms.ts

@@ -15,7 +15,7 @@ export function useEsForms<T extends { [key in keyof Vargs]: any }, Vargs extend
     const isSubmitInProgress = computed(() => submitInProgress.value);
 
     const getFields = (obj: any, valueKey = 'obj') => {
-        let objKeys = null;
+        let objKeys;
         try {
             objKeys = Object.keys(obj);
 

package/nuxt.config.ts

@@ -39,6 +39,12 @@ export default defineNuxtConfig({
         components: {
             include: [],
         },
+        // None of the PrimeVue composables (usePrimeVue, useStyle, useConfirm, useToast, useDialog)
+        // are used. Their auto-import presets also fail Nuxt's NUXT_B6005 resolution check because
+        // PrimeVue 3 has no `exports` map, so leave them out entirely.
+        composables: {
+            include: [],
+        },
         options: {
             unstyled: true,
         },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@energysage/es-ds-components",
-    "version": "5.7.3",
+    "version": "6.1.0",
     "private": false,
     "type": "module",
     "description": "An EnergySage Vue component library",
@@ -29,7 +29,7 @@
     },
     "license": "MIT",
     "devDependencies": {
-        "@energysage/es-ds-styles": "^3.5.9",
+        "@energysage/es-ds-styles": "^4.0.0",
         "@nuxt/eslint": "^1.14.0",
         "@nuxtjs/google-fonts": "^3.2.0",
         "@phosphor-icons/vue": "^2.2.1",