@webitel/ui-sdk 25.10.9 → 25.10.11

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "25.10.9",
3
+ "version": "25.10.11",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",
@@ -55,7 +55,7 @@
55
55
  "@vuelidate/validators": "^2.0.4",
56
56
  "@vuepic/vue-datepicker": "^4.5.1",
57
57
  "@vueuse/components": "^13.0.0",
58
- "@webitel/api-services": "^0.0.42",
58
+ "@webitel/api-services": "^0.0.44",
59
59
  "@webitel/styleguide": "^24.12.62",
60
60
  "autosize": "^6.0.1",
61
61
  "axios": "^1.8.3",
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --wt-app-header-min-height: 56px;
2
+ --wt-app-header-min-height: 40px;
3
3
  --wt-app-header-padding: var(--spacing-sm);
4
4
  --wt-app-header-background: var(--dp-9-surface-color);
5
5
 
@@ -1,20 +1,10 @@
1
1
  <template>
2
- <PMenubar class="wt-app-header">
3
- <template
4
- v-for="(_, name) in slots"
5
- :key="name"
6
- #[name]
7
- >
8
- <slot v-if="name !== 'default'" :name="name" />
9
- </template>
10
- </PMenubar>
2
+ <header class="wt-app-header">
3
+ <slot />
4
+ </header>
11
5
  </template>
12
6
 
13
- <script setup>
14
- import { useSlots } from 'vue'
15
-
16
- const slots = useSlots()
17
- </script>
7
+ <script setup></script>
18
8
 
19
9
  <style lang="scss">
20
10
  @use './variables.scss';
@@ -22,6 +12,15 @@ const slots = useSlots()
22
12
 
23
13
  <style lang="scss" scoped>
24
14
  .wt-app-header {
15
+ display: flex;
16
+ justify-content: flex-end;
17
+ align-items: center;
18
+ gap: var(--wt-app-header-content-gap);
25
19
  box-sizing: border-box;
20
+ background: var(--wt-app-header-background);
21
+ padding: var(--wt-app-header-padding);
22
+ min-height: var(
23
+ --wt-app-header-min-height
24
+ ); // fixed height because anything can be put inside slot, so padding won't work properly
26
25
  }
27
26
  </style>
@@ -0,0 +1,28 @@
1
+ <template>
2
+ <PMenubar class="wt-menubar">
3
+ <template
4
+ v-for="(_, name) in slots"
5
+ :key="name"
6
+ #[name]
7
+ >
8
+ <slot v-if="name !== 'default'" :name="name" />
9
+ </template>
10
+ </PMenubar>
11
+ </template>
12
+
13
+ <script setup>
14
+ /**
15
+ * @author Oleksandr Palonnyi
16
+ *
17
+ * @description https://webitel.atlassian.net/browse/WTEL-7529?focusedCommentId=692643
18
+ * */
19
+ import { useSlots } from 'vue'
20
+
21
+ const slots = useSlots()
22
+ </script>
23
+
24
+ <style lang="scss">
25
+ </style>
26
+
27
+ <style lang="scss" scoped>
28
+ </style>