@kiva/kv-components 4.2.0 → 4.2.2

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.
Files changed (4) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/components/KvSideSheet.vue +3 -3
  3. package/package.json +2 -2
  4. package/vue/KvSideSheet.vue +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,28 @@
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.2.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@4.2.1...@kiva/kv-components@4.2.2) (2024-12-09)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * opacity-low left a white space when closing sidesheet ([5ac062e](https://github.com/kiva/kv-ui-elements/commit/5ac062ed16bf4ddba1fc8a64ada95084b271546f))
12
+
13
+
14
+
15
+
16
+
17
+ ## [4.2.1](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@4.2.0...@kiva/kv-components@4.2.1) (2024-12-09)
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * height modal and not necessary fixed position ([c922c7d](https://github.com/kiva/kv-ui-elements/commit/c922c7d9e3ff44ec498ed037bad6fc7c95240444))
23
+
24
+
25
+
26
+
27
+
6
28
  # [4.2.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@4.1.0...@kiva/kv-components@4.2.0) (2024-12-09)
7
29
 
8
30
 
package/dist/components/KvSideSheet.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div
3
3
  v-if="visible"
4
- class="tw-block tw-fixed lg:tw-mt-0 md:tw-absolute tw-inset-0
4
+ class="tw-block lg:tw-mt-0 tw-absolute tw-inset-0
5
5
  tw-bg-black tw-transition-all md:tw-duration-150 tw-z-modal"
6
6
  :class="{
7
7
  'tw-bg-opacity-0 tw-delay-300': !open,
@@ -13,7 +13,7 @@
13
13
  class="tw-absolute tw-right-0 tw-h-full tw-transition-all tw-duration-300 tw-bg-white
14
14
  tw-overflow-hidden"
15
15
  :class="{
16
- 'tw-w-0 tw-p-0 tw-delay-200 tw-opacity-low': !open,
16
+ 'tw-w-0 tw-p-0 tw-delay-200 tw-opacity-0': !open,
17
17
  'lg:tw-w-1/2 tw-w-full tw-p-2 tw-opacity-full': open,
18
18
  }"
19
19
  :style="modalStyles"
@@ -172,7 +172,7 @@ export default {
172
172
  top: '0',
173
173
  left: '0',
174
174
  width: '100vw',
175
- height: '100vh',
175
+ height: '100%',
176
176
  transition: 'all 0.5s ease-in-out',
177
177
  };
178
178
  }, 10);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kiva/kv-components",
3
- "version": "4.2.0",
3
+ "version": "4.2.2",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -96,5 +96,5 @@
96
96
  "peerDependencies": {
97
97
  "vue": ">=3.0.0"
98
98
  },
99
- "gitHead": "eee1d0e0b5830392cae80d3d61264757c0f55dd2"
99
+ "gitHead": "85baa0abfafd6a73e7cb9857bc35861b5ccd24b8"
100
100
  }
package/vue/KvSideSheet.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div
3
3
  v-if="visible"
4
- class="tw-block tw-fixed lg:tw-mt-0 md:tw-absolute tw-inset-0
4
+ class="tw-block lg:tw-mt-0 tw-absolute tw-inset-0
5
5
  tw-bg-black tw-transition-all md:tw-duration-150 tw-z-modal"
6
6
  :class="{
7
7
  'tw-bg-opacity-0 tw-delay-300': !open,
@@ -13,7 +13,7 @@
13
13
  class="tw-absolute tw-right-0 tw-h-full tw-transition-all tw-duration-300 tw-bg-white
14
14
  tw-overflow-hidden"
15
15
  :class="{
16
- 'tw-w-0 tw-p-0 tw-delay-200 tw-opacity-low': !open,
16
+ 'tw-w-0 tw-p-0 tw-delay-200 tw-opacity-0': !open,
17
17
  'lg:tw-w-1/2 tw-w-full tw-p-2 tw-opacity-full': open,
18
18
  }"
19
19
  :style="modalStyles"
@@ -172,7 +172,7 @@ export default {
172
172
  top: '0',
173
173
  left: '0',
174
174
  width: '100vw',
175
- height: '100vh',
175
+ height: '100%',
176
176
  transition: 'all 0.5s ease-in-out',
177
177
  };
178
178
  }, 10);