@awes-io/ui 2.121.0 → 2.123.0

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 (7) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/assets/css/components/header-notification.css +63 -19
  3. package/assets/css/components/page-header.css +1 -1
  4. package/components/1_atoms/AwAvatar.vue +2 -0
  5. package/components/3_organisms/AwUploader.vue +1 -3
  6. package/components/5_layouts/_AwHeaderNotification.vue +40 -22
  7. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,33 @@
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
+ # [2.123.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.122.0...@awes-io/ui@2.123.0) (2024-12-16)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * fix file uploader ([cd87010](https://github.com/awes-io/client/commit/cd8701010d7955cf8363b6273ca0f919115380ca))
12
+
13
+
14
+ ### Features
15
+
16
+ * change style for header notification ([0e47a49](https://github.com/awes-io/client/commit/0e47a49b62e2a17de432a4aeb076d82596dbbef2))
17
+
18
+
19
+
20
+
21
+
22
+ # [2.122.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.121.0...@awes-io/ui@2.122.0) (2024-12-13)
23
+
24
+
25
+ ### Features
26
+
27
+ * some change in avatar and header ([79b6dca](https://github.com/awes-io/client/commit/79b6dca7f61c8ff4877c7ccac10a0170d3cc38bf))
28
+
29
+
30
+
31
+
32
+
6
33
  # [2.121.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.120.0...@awes-io/ui@2.121.0) (2024-12-09)
7
34
 
8
35
 
package/assets/css/components/header-notification.css CHANGED
@@ -8,58 +8,102 @@
8
8
  flex: auto;
9
9
  flex-direction: column;
10
10
  gap: 1rem;
11
- padding: 1rem 0.5rem 1rem 1rem;
11
+ padding: 1rem;
12
12
 
13
13
  &-content {
14
14
  display: flex;
15
- gap: 0.5rem;
15
+ gap: 1rem;
16
+
17
+ &-text {
18
+ font-weight: 700;
19
+ font-size: 0.875rem;
20
+ line-height: 1rem;
21
+ }
22
+ }
23
+
24
+ &-block {
25
+ display: flex;
26
+ justify-content: space-between;
27
+ gap: 1rem;
28
+ flex: auto;
29
+
30
+ &--icon {
31
+ padding-left: 2rem;
32
+ }
16
33
  }
17
34
 
18
35
  &-buttons {
19
36
  display: flex;
20
37
  gap: 1rem;
38
+
39
+ .aw-button {
40
+ border-radius: 0.3125rem;
41
+ font-weight: 700;
42
+
43
+ --btn-bg-color: #ffffff;
44
+ --btn-color: #14171d;
45
+
46
+ &:hover {
47
+ background-color: #e7eaed;
48
+ border-color: #e7eaed;
49
+ }
50
+ }
21
51
  }
22
52
  }
23
53
 
24
- &__content {
25
- flex-grow: 1;
26
-
54
+ &__close-button {
55
+ display: flex;
27
56
  align-items: center;
28
- justify-content: center;
57
+ gap: 0.25rem;
58
+ color: #e7eaed;
29
59
 
30
- padding-top: theme('spacing.3', 0.75rem);
31
- padding-bottom: theme('spacing.3', 0.75rem);
60
+ &:hover {
61
+ color: #ffffff;
32
62
 
33
- & + .aw-button {
34
- .aw-button__content {
35
- width: 3rem;
36
- height: 3rem;
63
+ .aw-header-notification__close-button-text {
64
+ color: #ffffff;
37
65
  }
66
+ }
38
67
 
39
- .aw-button__text {
40
- font-size: 1rem;
41
- }
68
+ &-icon {
69
+ flex: none;
70
+ }
71
+
72
+ &-text {
73
+ color: #e7eaed;
74
+ font-weight: 700;
42
75
  }
43
76
  }
44
77
 
45
78
  & + * {
46
- --header-padding-top: var(--header-padding-bottom, 0.5rem);
79
+ --header-padding-top: var(--header-padding-bottom, 0.5rem);
47
80
  }
48
81
 
49
- & + * [class*="--fixed-top"] {
50
- --header-padding-top: calc(env(safe-area-inset-top, 0px) + var(--header-padding-bottom, 0.5rem));
82
+ & + * [class*='--fixed-top'] {
83
+ --header-padding-top: calc(
84
+ env(safe-area-inset-top, 0px) + var(--header-padding-bottom, 0.5rem)
85
+ );
51
86
  }
52
87
  }
53
88
 
54
- @screen md {
89
+ @screen lg {
55
90
  .aw-header-notification {
56
91
  &__wrapper {
57
92
  flex-direction: row;
58
93
  align-items: center;
59
94
  justify-content: center;
95
+ padding: 0.5rem 1rem;
96
+
97
+ &-block {
98
+ &--icon {
99
+ padding-left: 0;
100
+ }
101
+ }
60
102
 
61
103
  &-content {
62
104
  align-items: center;
105
+ justify-content: end;
106
+ flex: auto;
63
107
  }
64
108
  }
65
109
  }
package/assets/css/components/page-header.css CHANGED
@@ -55,7 +55,7 @@
55
55
 
56
56
  margin: 0;
57
57
 
58
- font-size: 0.875rem;
58
+ font-size: 1rem;
59
59
  line-height: 1.25rem;
60
60
  font-weight: 700;
61
61
  text-align: center;
package/components/1_atoms/AwAvatar.vue CHANGED
@@ -33,6 +33,7 @@
33
33
  backgroundColor: color.background,
34
34
  color: color.text
35
35
  }"
36
+ data-dark="false"
36
37
  >
37
38
  {{ type === 'initials' ? initials : '' }}
38
39
  </span>
@@ -50,6 +51,7 @@
50
51
  xmlns="http://www.w3.org/2000/svg"
51
52
  viewBox="0 0 496 512"
52
53
  class="aw-avatar__no-img-icon"
54
+ data-dark="false"
53
55
  >
54
56
  <path
55
57
  :fill="color.background"
package/components/3_organisms/AwUploader.vue CHANGED
@@ -315,7 +315,7 @@ export default {
315
315
  _uploadFile(files) {
316
316
  this.errorText = ''
317
317
 
318
- let maxFilesForUpload = 0
318
+ let maxFilesForUpload = files.length - 1
319
319
 
320
320
  if (this.maxFiles) {
321
321
  maxFilesForUpload = this.maxFiles - this.uploadedFilesNumber - 1
@@ -328,8 +328,6 @@ export default {
328
328
  this.maxFiles
329
329
  )
330
330
  })
331
- } else {
332
- maxFilesForUpload = files.length - 1
333
331
  }
334
332
  }
335
333
 
package/components/5_layouts/_AwHeaderNotification.vue CHANGED
@@ -15,34 +15,52 @@
15
15
  :name="config.icon"
16
16
  />
17
17
 
18
- <div v-html="$sanitize(config.text)" />
18
+ <div
19
+ class="aw-header-notification__wrapper-content-text"
20
+ v-html="$sanitize(config.text)"
21
+ />
19
22
  </div>
20
23
 
21
24
  <div
22
- v-if="config.buttons.length"
23
- class="aw-header-notification__wrapper-buttons"
25
+ class="aw-header-notification__wrapper-block"
26
+ :class="{
27
+ 'aw-header-notification__wrapper-block--icon': config.icon
28
+ }"
24
29
  >
25
- <AwButton
26
- v-for="({ listeners, ...props }, i) in config.buttons"
27
- :key="i"
28
- size="xs"
29
- v-bind="props"
30
- v-on="listeners"
31
- />
30
+ <div
31
+ v-if="config.buttons.length"
32
+ class="aw-header-notification__wrapper-buttons"
33
+ >
34
+ <AwButton
35
+ v-for="({ listeners, ...props }, i) in config.buttons"
36
+ :key="i"
37
+ size="xs"
38
+ v-bind="props"
39
+ v-on="listeners"
40
+ />
41
+ </div>
42
+
43
+ <!-- close -->
44
+ <button
45
+ v-if="config.closable"
46
+ class="aw-header-notification__close-button"
47
+ @click="
48
+ $store.commit('awesIo/SET_HEADER_NOTIFICATION', null)
49
+ "
50
+ >
51
+ <AwIconSystemMono
52
+ name="close"
53
+ class="aw-header-notification__close-button-icon"
54
+ />
55
+
56
+ <AwDescription class="lg:hidden">
57
+ <span class="aw-header-notification__close-button-text">
58
+ {{ $t('Not now') }}
59
+ </span>
60
+ </AwDescription>
61
+ </button>
32
62
  </div>
33
63
  </div>
34
-
35
- <!-- close -->
36
- <AwButton
37
- v-if="config.closable"
38
- theme="icon"
39
- class="flex-shrink-0"
40
- @click="$store.commit('awesIo/SET_HEADER_NOTIFICATION', null)"
41
- >
42
- <template #icon>
43
- <AwIconSystemMono name="close" />
44
- </template>
45
- </AwButton>
46
64
  </div>
47
65
  </template>
48
66
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@awes-io/ui",
3
- "version": "2.121.0",
3
+ "version": "2.123.0",
4
4
  "description": "User Interface (UI) components",
5
5
  "keywords": [
6
6
  "ui",
@@ -114,5 +114,5 @@
114
114
  "rollup-plugin-visualizer": "^2.6.0",
115
115
  "rollup-plugin-vue": "^5.0.1"
116
116
  },
117
- "gitHead": "8c460613dafa69173974783cdcd162510aefb9fe"
117
+ "gitHead": "afd41d3bdb044d8ad95f4f65081d01a5229638d5"
118
118
  }