bfg-common 1.5.8 → 1.5.9

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.
@@ -7,7 +7,11 @@
7
7
  :test-id="props.testId"
8
8
  @hide-modal="emits('hide-modal')"
9
9
  @confirm="emits('confirm')"
10
- />
10
+ >
11
+ <template #otherContent>
12
+ <slot v-if="$slots.otherContent" name="otherContent" />
13
+ </template>
14
+ </common-modals-confirmation-new>
11
15
  <common-modals-confirmation-old
12
16
  v-else
13
17
  :description="props.description"
@@ -7,7 +7,16 @@
7
7
  :texts="modalTextsLocal"
8
8
  @submit="onSubmit"
9
9
  @hide="onHide"
10
- ></ui-popup>
10
+ >
11
+ <template #content>
12
+ <div class="confirm-modal__content">
13
+ <span>{{ props.headline }}</span>
14
+ <span>{{ props.description }}</span>
15
+
16
+ <slot v-if="$slots.otherContent" name="otherContent"></slot>
17
+ </div>
18
+ </template>
19
+ </ui-popup>
11
20
  </template>
12
21
 
13
22
  <script setup lang="ts">
@@ -34,4 +43,26 @@ const onSubmit = (): void => {
34
43
  }
35
44
  </script>
36
45
 
37
- <style scoped lang="scss"></style>
46
+ <style scoped lang="scss">
47
+ .confirm-modal {
48
+ &__content {
49
+ padding: 16px 32px;
50
+ span {
51
+ display: block;
52
+ font-size: 14px;
53
+ font-weight: 400;
54
+ line-height: 16.94px;
55
+ text-align: center;
56
+ color: #9da6ad;
57
+
58
+ &:first-of-type {
59
+ font-size: 20px;
60
+ font-weight: 500;
61
+ line-height: 24.2px;
62
+ color: var(--modal-title);
63
+ margin-bottom: 8px;
64
+ }
65
+ }
66
+ }
67
+ }
68
+ </style>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bfg-common",
3
3
  "private": false,
4
- "version": "1.5.8",
4
+ "version": "1.5.9",
5
5
  "scripts": {
6
6
  "build": "nuxt build",
7
7
  "dev": "nuxt dev --port=3002",