@kiva/kv-components 4.3.2 → 4.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,29 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [4.4.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@4.3.3...@kiva/kv-components@4.4.0) (2025-01-02)
7
+
8
+
9
+ ### Features
10
+
11
+ * add browser API mocks to test embla carousel ([e4e8bd1](https://github.com/kiva/kv-ui-elements/commit/e4e8bd11812faf75ed12d7258cdaf7f024f86c45))
12
+ * update embla to latest version ([6d37f77](https://github.com/kiva/kv-ui-elements/commit/6d37f7734072e595e6648592050b55027be537a5))
13
+
14
+
15
+
16
+
17
+
18
+ ## [4.3.3](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@4.3.2...@kiva/kv-components@4.3.3) (2024-12-20)
19
+
20
+
21
+ ### Bug Fixes
22
+
23
+ * side sheet shouldn't be full height ([d7e680f](https://github.com/kiva/kv-ui-elements/commit/d7e680fe172a1776bd5cc97d99cbb32d988b7c55))
24
+
25
+
26
+
27
+
28
+
6
29
  ## [4.3.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@4.3.1...@kiva/kv-components@4.3.2) (2024-12-16)
7
30
 
8
31
 
@@ -10,7 +10,7 @@
10
10
  @click.self="closeSideSheet"
11
11
  >
12
12
  <div
13
- class="tw-absolute tw-right-0 tw-h-full tw-transition-all tw-duration-300 tw-bg-white
13
+ class="tw-absolute tw-right-0 tw-transition-all tw-duration-300 tw-bg-white
14
14
  tw-overflow-y-auto tw-p-2"
15
15
  :class="{
16
16
  'tw-w-0 tw-delay-200 tw-opacity-0': !open,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kiva/kv-components",
3
- "version": "4.3.2",
3
+ "version": "4.4.0",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -70,7 +70,7 @@
70
70
  "aria-hidden": "^1.1.3",
71
71
  "change-case": "^4.1.2",
72
72
  "date-fns": "^2.30.0",
73
- "embla-carousel": "^4.5.3",
73
+ "embla-carousel": "^8.5.1",
74
74
  "flag-icons": "^7.2.3",
75
75
  "focus-trap": "^6.7.2",
76
76
  "moment": "^2.29.4",
@@ -96,5 +96,5 @@
96
96
  "peerDependencies": {
97
97
  "vue": ">=3.0.0"
98
98
  },
99
- "gitHead": "29c92acb642f33da757b1f896e2570ff67bc39d9"
99
+ "gitHead": "b8095eb2ad563e65cbaabe4845338bf71de51214"
100
100
  }
@@ -33,6 +33,35 @@ const defaultCarouselSlides = `
33
33
  </template>
34
34
  `;
35
35
 
36
+ // Mocking IntersectionObserver and ResizeObserver and matchMedia
37
+ // required for embla carousel
38
+ Object.defineProperty(window, 'IntersectionObserver', {
39
+ writable: true,
40
+ value: jest.fn().mockImplementation(() => ({
41
+ observe: jest.fn(),
42
+ unobserve: jest.fn(),
43
+ disconnect: jest.fn(),
44
+ })),
45
+ });
46
+
47
+ Object.defineProperty(window, 'matchMedia', {
48
+ writable: true,
49
+ value: jest.fn().mockImplementation((query) => ({
50
+ matches: [].includes(query),
51
+ addEventListener: jest.fn(),
52
+ removeEventListener: jest.fn(),
53
+ })),
54
+ });
55
+
56
+ Object.defineProperty(window, 'ResizeObserver', {
57
+ writable: true,
58
+ value: jest.fn().mockImplementation(() => ({
59
+ observe: jest.fn(),
60
+ unobserve: jest.fn(),
61
+ disconnect: jest.fn(),
62
+ })),
63
+ });
64
+
36
65
  describe('KvCarousel', () => {
37
66
  it('has no automated accessibility violations', async () => {
38
67
  const TestComponent = {
@@ -10,7 +10,7 @@
10
10
  @click.self="closeSideSheet"
11
11
  >
12
12
  <div
13
- class="tw-absolute tw-right-0 tw-h-full tw-transition-all tw-duration-300 tw-bg-white
13
+ class="tw-absolute tw-right-0 tw-transition-all tw-duration-300 tw-bg-white
14
14
  tw-overflow-y-auto tw-p-2"
15
15
  :class="{
16
16
  'tw-w-0 tw-delay-200 tw-opacity-0': !open,