@energysage/es-ds-components 6.1.0 → 6.2.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [6.2.0](https://github.com/EnergySage/es-ds/compare/es-ds-components-v6.1.1...es-ds-components-v6.2.0) (2026-10-02)
+
+
+### Features
+
+* add Utilities docs page, small enhancements to EsCollapse and EsDataTableSimple ([#1787](https://github.com/EnergySage/es-ds/issues/1787)) ([39770f6](https://github.com/EnergySage/es-ds/commit/39770f67a7bdd18a2a541a9279ae0209607c9c8a))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * devDependencies
+    * @energysage/es-ds-styles bumped from ^4.0.0 to ^4.1.0
+
+## [6.1.1](https://github.com/EnergySage/es-ds/compare/es-ds-components-v6.1.0...es-ds-components-v6.1.1) (2026-09-29)
+
+
+### Bug Fixes
+
+* correct usage of useId() in EsZipCodeForm ([#1790](https://github.com/EnergySage/es-ds/issues/1790)) ([c4c30f4](https://github.com/EnergySage/es-ds/commit/c4c30f4b693c9e5343462146f659d099ad4ab0d8))
+
 ## [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)
 
 

package/app/components/es-collapse.vue

@@ -72,7 +72,7 @@ const onClick = (value: boolean) => {
                 <icon-chevron-down class="es-collapse-icon" />
             </div>
         </collapsible-trigger>
-        <collapsible-content class="es-collapse-content overflow-hidden">
+        <collapsible-content class="es-collapse-content">
             <slot />
         </collapsible-content>
     </collapsible-root>
@@ -131,6 +131,11 @@ $easing-function: cubic-bezier(0.87, 0, 0.13, 1);
 }
 
 .es-collapse-content {
+    /* kept as a fallback for pre-2022 browsers that don't support clip */
+    overflow: hidden;
+    /* allows position sticky within the collapse to work */
+    overflow: clip;
+
     @media not (prefers-reduced-motion) {
         &[data-state='closed'] {
             animation: slideUp $animation-duration $easing-function;

package/app/components/es-data-table-simple.vue

@@ -12,6 +12,10 @@ const props = defineProps({
         type: [Array, String],
         default: null,
     },
+    reverseStripes: {
+        type: Boolean,
+        default: false,
+    },
     striped: {
         type: Boolean,
         default: false,
@@ -41,7 +45,10 @@ const computedItems: ComputedRef<any[]> = computed(() => {
         <table
             v-if="$slots.default || items.length"
             class="table table-borderless"
-            :class="{ 'table-striped': striped }">
+            :class="{
+                'table-striped': striped && !reverseStripes,
+                'table-striped-reverse': striped && reverseStripes,
+            }">
             <template v-if="$slots.default">
                 <slot />
             </template>

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

@@ -5,7 +5,6 @@ interface IProps {
     contextMessage?: string;
     dark?: boolean;
     fieldName?: string;
-    inputId?: string;
     newTab?: boolean;
     placeholder?: string;
     privacyPolicyLink?: string;
@@ -24,7 +23,6 @@ const props = withDefaults(defineProps<IProps>(), {
     contextMessage: '',
     dark: false,
     fieldName: 'zip_code',
-    inputId: useId(),
     newTab: false,
     placeholder: 'ZIP code',
     privacyPolicyLink: '',
@@ -36,6 +34,8 @@ const props = withDefaults(defineProps<IProps>(), {
     zipCodeValue: '',
 });
 
+const inputId = useId();
+
 const state = reactive({
     zipCode: props.zipCodeValue,
 });

package/package.json

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