@dative-gpi/foundation-shared-components 0.0.93 → 0.0.94

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.
@@ -8,8 +8,12 @@
8
8
  :style="style"
9
9
  v-bind="$attrs"
10
10
  >
11
- <template #title>
12
- <slot name="title">
11
+ <template
12
+ #title
13
+ >
14
+ <slot
15
+ name="title"
16
+ >
13
17
  <FSRow>
14
18
  <FSIcon
15
19
  v-if="$props.prependIcon"
@@ -24,8 +28,12 @@
24
28
  </FSRow>
25
29
  </slot>
26
30
  </template>
27
- <template #text>
28
- <slot name="content">
31
+ <template
32
+ #text
33
+ >
34
+ <slot
35
+ name="content"
36
+ >
29
37
  <FSText
30
38
  :lineClamp="$props.lineClampContent"
31
39
  >
@@ -1,7 +1,8 @@
1
1
  <template>
2
2
  <v-dialog
3
3
  transition="dialog-bottom-transition"
4
- :width="width"
4
+ class="fs-dialog"
5
+ :style="style"
5
6
  :modelValue="$props.modelValue"
6
7
  @update:modelValue="$emit('update:modelValue', $event)"
7
8
  v-bind="$attrs"
@@ -127,18 +128,22 @@ export default defineComponent({
127
128
  return classNames;
128
129
  });
129
130
 
130
- const width = computed((): string => {
131
+ const style = computed((): { [key: string] : string | undefined } => {
131
132
  if (isExtraSmall.value) {
132
- return "100%";
133
+ return {
134
+ "--fs-dialog-width": "100%"
135
+ };
133
136
  }
134
- return sizeToVar(props.width);
137
+ return {
138
+ "--fs-dialog-width": sizeToVar(props.width)
139
+ };
135
140
  });
136
141
 
137
142
  return {
138
143
  isExtraSmall,
139
144
  ColorEnum,
140
145
  classes,
141
- width
146
+ style
142
147
  };
143
148
  }
144
149
  });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dative-gpi/foundation-shared-components",
3
3
  "sideEffects": false,
4
- "version": "0.0.93",
4
+ "version": "0.0.94",
5
5
  "description": "",
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -10,8 +10,8 @@
10
10
  "author": "",
11
11
  "license": "ISC",
12
12
  "dependencies": {
13
- "@dative-gpi/foundation-shared-domain": "0.0.93",
14
- "@dative-gpi/foundation-shared-services": "0.0.93",
13
+ "@dative-gpi/foundation-shared-domain": "0.0.94",
14
+ "@dative-gpi/foundation-shared-services": "0.0.94",
15
15
  "@fontsource/montserrat": "^5.0.16",
16
16
  "@lexical/clipboard": "^0.12.5",
17
17
  "@lexical/history": "^0.12.5",
@@ -32,5 +32,5 @@
32
32
  "sass": "^1.69.5",
33
33
  "sass-loader": "^13.3.2"
34
34
  },
35
- "gitHead": "04a8774b03f5a5dbf22fa3d05ad948e776d4fdad"
35
+ "gitHead": "32dca3eabc60908f1b2b7af0a77865153adfb199"
36
36
  }
@@ -11,17 +11,17 @@
11
11
  }
12
12
 
13
13
  .v-overlay__content:has(.fs-dialog) {
14
- width: fit-content !important;
14
+ width: var(--fs-dialog-width) !important;
15
15
  max-height: 90vh !important;
16
16
  min-width: 35vw !important;
17
17
  }
18
18
 
19
19
  .fs-dialog {
20
- width: fit-content !important;
20
+ width: var(--fs-dialog-width) !important;
21
21
  max-height: 90vh !important;
22
22
  min-width: 35vw !important;
23
+ }
23
24
 
24
- &.fs-dialog-mobile {
25
- width: 100vw !important;
26
- }
25
+ .fs-dialog-mobile {
26
+ width: 100vw !important;
27
27
  }