@kiva/kv-components 3.86.0 → 3.86.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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,26 @@
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
+ ## [3.86.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.86.1...@kiva/kv-components@3.86.2) (2024-07-12)
7
+
8
+ **Note:** Version bump only for package @kiva/kv-components
9
+
10
+
11
+
12
+
13
+
14
+ ## [3.86.1](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.86.0...@kiva/kv-components@3.86.1) (2024-07-12)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * modal size on desktop ([79edbb9](https://github.com/kiva/kv-ui-elements/commit/79edbb9127259d9883b93ba1b564b3627452d90a))
20
+ * modal title ([69074c6](https://github.com/kiva/kv-ui-elements/commit/69074c67647fb873ea4eef703f5f8263544d1638))
21
+
22
+
23
+
24
+
25
+
6
26
  # [3.86.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.85.0...@kiva/kv-components@3.86.0) (2024-07-12)
7
27
 
8
28
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kiva/kv-components",
3
- "version": "3.86.0",
3
+ "version": "3.86.2",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -53,7 +53,7 @@
53
53
  "build": "echo No build needed for @kiva/kv-components."
54
54
  },
55
55
  "dependencies": {
56
- "@kiva/kv-tokens": "^2.11.2",
56
+ "@kiva/kv-tokens": "^2.12.0",
57
57
  "@mdi/js": "^5.9.55",
58
58
  "@vueuse/integrations": "^7.6.0",
59
59
  "aria-hidden": "^1.1.3",
@@ -75,5 +75,5 @@
75
75
  "optional": true
76
76
  }
77
77
  },
78
- "gitHead": "f5afa172fdace504add5543a4a312742cfddda61"
78
+ "gitHead": "fb64afce3ca314e2ce9799a7a5c1d836e490e73c"
79
79
  }
@@ -15,11 +15,7 @@
15
15
  >
16
16
  <div>
17
17
  <div
18
- class="
19
- tw-absolute
20
- tw-inset-0
21
- md:tw-px-2
22
- "
18
+ class="container"
23
19
  >
24
20
  <div
25
21
  ref="kvCartModal"
@@ -44,9 +40,9 @@
44
40
  class="tw-w-4 tw-h-4 tw-text-brand"
45
41
  :icon="mdiCheckCircle"
46
42
  />
47
- <h3 class="tw-text-h3 tw-flex-1">
48
- Added to Basket
49
- </h3>
43
+ <p class="tw-flex-1 tw-font-medium">
44
+ Added to basket
45
+ </p>
50
46
  </slot>
51
47
  <button
52
48
  v-if="!preventClose"
@@ -336,12 +332,12 @@ export default {
336
332
 
337
333
  <style lang="postcss" scoped>
338
334
  .screen {
339
- @apply tw-z-modal tw-absolute tw-inset-0;
335
+ @apply tw-z-modal tw-fixed tw-inset-0;
340
336
  background-color: rgb(0, 0, 0, 0.2);
341
337
  }
342
338
 
343
339
  .modal {
344
- @apply tw-bg-primary md:tw-absolute md:tw-right-0 tw-w-full md:tw-w-auto tw-rounded-b;
340
+ @apply tw-bg-primary md:tw-absolute md:tw-right-0 tw-w-full tw-rounded-b;
345
341
  max-width: 30rem;
346
342
  max-height: 90%;
347
343
  }
@@ -354,4 +350,19 @@ export default {
354
350
  .loan-image {
355
351
  width: 3.75rem;
356
352
  }
353
+
354
+ .container {
355
+ @apply tw-absolute tw-inset-0 md:tw-mt-9;
356
+ }
357
+
358
+ @screen md {
359
+ .container {
360
+ margin-right: 5%;
361
+ }
362
+
363
+ .modal {
364
+ max-width: 24.5rem;
365
+ }
366
+ }
367
+
357
368
  </style>