Merge pull request #738 from AlexVelezLl/release-v5-prep

Release tasks to release KDS v5.0.0-rc2

CHANGELOG.md

@@ -4,15 +4,27 @@ Changelog is rather internal in nature. See release notes for the public overvie
 
 ## Upcoming version 5.x.x (`develop` branch)
 
-   [#705]
+- [#738]
+  - **Description:** Bump KDS version to 5.0.0-rc2.
+  - **Products impact:** -.
+  - **Addresses:** -.
+  - **Components:** -.
+  - **Breaking:** -.
+  - **Impacts a11y:** -.
+  - **Guidance:** -.
+
+[#738]: https://github.com/learningequality/kolibri-design-system/pull/738
+
+- [705]
   - **Description:**  Update`KCard`  updates: Adds 'preserveAboveTitle`, `preserveBelowTitle`, `preserveFooter` prop for flexible  slot management.
   - **Products impact:**  Card updates 
   - **Addresses:** https://github.com/learningequality/kolibri-design-system/issues/702
   - **Components:** `KCard` 
   - **Breaking:** N0
   - **Impacts a11y:** No
   - **Guidance:**
- [#705] https://github.com/learningequality/kolibri-design-system/pull/705
+
+[705]: https://github.com/learningequality/kolibri-design-system/pull/705
 
 - [719]
   - **Description:** Removes KResponsiveWindowMixin.
@@ -46,55 +58,61 @@ Changelog is rather internal in nature. See release notes for the public overvie
   - **Guidance:** Find all polite and live regions (or roles) in an application. Remove them and instead use `useKLiveRegion.sendPoliteMessage` and `useKLiveRegion.sendAssertiveMessage` to update the live regions that KDS inserted to document body during installation.
 
 [#687]: https://github.com/learningequality/kolibri-design-system/pull/687
- [#688]
+
+- [#688]
   - **Description:**  Update`KCard` styling 
   - **Products impact:**  Card updates 
   - **Addresses:** 
   - **Components:** `KCard` 
   - **Breaking:** N0
   - **Impacts a11y:** No
   - **Guidance:**
- [#688] https://github.com/learningequality/kolibri-design-system/pull/688
 
-[#707]
+[#688]: https://github.com/learningequality/kolibri-design-system/pull/688
+
+- [#707]
   - **Description:** Card Validations
   - **Products impact:**  
   - **Addresses:** [#695](https://github.com/learningequality/kolibri-design-system/issues/695)
   - **Components:** `KCard`
   - **Breaking:** No
   - **Impacts a11y:**  No
   - **Guidance:**
- [#707] https://github.com/learningequality/kolibri-design-system/pull/707
 
- [#706]
+[#707]: https://github.com/learningequality/kolibri-design-system/pull/707
+
+- [#706]
   - **Description:** Add new alignment options to `KCard` 
   - **Products impact:**  new alignment 
   - **Addresses:** [#701](https://github.com/learningequality/kolibri-design-system/issues/701)
   - **Components:** `KCard` 
   - **Breaking:** N0
   - **Impacts a11y:** No
   - **Guidance:**
+
 [#706]: https://github.com/learningequality/kolibri-design-system/pull/706
 
 
-[#709]
+- [#709]
   - **Description:**  Update spaces to the latest design`KCard` 
   - **Products impact:**  Card updates 
   - **Addresses:** [#704](https://github.com/learningequality/kolibri-design-system/issues/704)
   - **Components:** `KCard` 
   - **Breaking:** N0
   - **Impacts a11y:** No
   - **Guidance:**
- [#709] https://github.com/learningequality/kolibri-design-system/pull/709
 
-[#625]
+[#709]: https://github.com/learningequality/kolibri-design-system/pull/709
+
+- [#625]
   - **Description:** Initial implementation of `KCard` component
   - **Products impact:** New Component
   - **Addresses:** [#530](https://github.com/learningequality/kolibri-design-system/issues/530)
   - **Components:** KCard
   - **Breaking:** No
   - **Impacts a11y:**  Yes
   - **Guidance:**
+
 [#625]: https://github.com/learningequality/kolibri-design-system/pull/625
 
 - [#678]
@@ -177,6 +195,28 @@ Changelog is rather internal in nature. See release notes for the public overvie
 ## Version 4.x.x (`release-v4` branch)
 
 
+- [#737]
+  - **Description:** Bump KDS version to 4.4.1.
+  - **Products impact:** -.
+  - **Addresses:** -.
+  - **Components:** -.
+  - **Breaking:** -.
+  - **Impacts a11y:** -.
+  - **Guidance:** -.
+
+[#737]: https://github.com/learningequality/kolibri-design-system/pull/737
+
+- [#717]
+  - **Description:** Fix ResizeOserver errors when KListWithOverflow resize very quickly.
+  - **Products impact:** bugfix.
+  - **Addresses:** Sentry error.
+  - **Components:** KListWithOverflow.
+  - **Breaking:** no.
+  - **Impacts a11y:** no.
+  - **Guidance:** -.
+
+[#717]: https://github.com/learningequality/kolibri-design-system/pull/717
+
 - [#680]
   - **Description:** Adds boolean `appendToRoot` prop to teleport the modal to the body element if true.
   - **Products impact:** new API.

docs/pages/klistwithoverflow.vue

@@ -231,6 +231,7 @@
   }
 
   .divider-wrapper {
+    align-self: stretch;
     padding: 8px 12px;
   }
 

lib/KListWithOverflow.vue

@@ -104,7 +104,9 @@
 
       // Add resize observer to watch inner list items size changes
       if (typeof window !== 'undefined' && window.ResizeObserver) {
-        this.resizeObserver = new ResizeObserver(this.throttledSetOverflowItems);
+        this.resizeObserver = new ResizeObserver(() =>
+          requestAnimationFrame(this.throttledSetOverflowItems)
+        );
         this.resizeObserver.observe(this.$refs.list);
       }
     },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "kolibri-design-system",
-  "version": "5.0.0-rc1",
+  "version": "5.0.0-rc2",
   "private": false,
   "description": "The Kolibri Design System defines common design patterns and code for use in Kolibri applications",
   "repository": {