@awes-io/ui 2.71.1 → 2.72.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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
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.72.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.71.1...@awes-io/ui@2.72.0) (2023-09-19)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **aw-file:** bind all attrs to input ([7cb6690](https://github.com/awes-io/client/commit/7cb66900c5fe33305f89f9b86a27c4b7e23baaef))
12
+
13
+
14
+ ### Features
15
+
16
+ * change styles and logic in components ([9888bed](https://github.com/awes-io/client/commit/9888bed0290beb06b656bfd12f9493a72c149428))
17
+
18
+
19
+
20
+
21
+
6
22
  ## [2.71.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.71.0...@awes-io/ui@2.71.1) (2023-09-11)
7
23
 
8
24
 
@@ -22,11 +22,11 @@
22
22
  }
23
23
 
24
24
  &__toggler {
25
- @apply px-0 font-bold tracking-widest;
25
+ @apply font-bold tracking-widest;
26
26
 
27
27
  position: relative;
28
28
  flex-shrink: 0;
29
- padding: 0 theme('spacing.1');
29
+ padding: 0;
30
30
  min-width: theme('spacing.8');
31
31
  white-space: nowrap;
32
32
 
@@ -443,10 +443,6 @@
443
443
  @apply opacity-90;
444
444
  }
445
445
 
446
- &.theme-outline > &__overlay {
447
- @apply rounded-none;
448
- }
449
-
450
446
  /* System */
451
447
  &.theme-system {
452
448
  @apply text-mono-400;
@@ -5,18 +5,6 @@
5
5
  padding: 0;
6
6
  }
7
7
 
8
- & > .aw-button.theme-ghost {
9
- border-radius: 0.9375rem;
10
- width: auto;
11
- height: 3rem;
12
-
13
- .aw-button__content_md {
14
- width: auto;
15
- height: 3rem;
16
- padding: 0.5rem;
17
- }
18
- }
19
-
20
8
  &--highlight {
21
9
  .aw-button.theme-icon {
22
10
  background: var(--c-mono-800);
@@ -32,16 +20,3 @@
32
20
  }
33
21
  }
34
22
  }
35
-
36
- @screen lg {
37
- .aw-context-menu {
38
- & > .aw-button.theme-ghost {
39
- border-radius: 0.625rem;
40
- height: 2.5rem;
41
-
42
- .aw-button__content_md {
43
- height: 2.5rem;
44
- }
45
- }
46
- }
47
- }
@@ -32,7 +32,8 @@
32
32
  display: block;
33
33
  font-weight: 400;
34
34
  color: var(--c-mono-400);
35
- font-size: theme('fontSize.xs', 0.75rem);
35
+ font-size: 0.875rem;
36
+ line-height: 1rem;
36
37
  margin-top: 0.25rem;
37
38
  }
38
39
 
@@ -37,7 +37,8 @@
37
37
 
38
38
  &__description {
39
39
  color: var(--c-mono-400);
40
- font-size: theme('fontSize.xs', 0.75rem);
40
+ font-size: 0.875rem;
41
+ line-height: 1rem;
41
42
  }
42
43
 
43
44
  &__arrow {
@@ -50,7 +50,8 @@
50
50
  padding: 1.5rem;
51
51
 
52
52
  position: relative;
53
- border-radius: 1.25rem;
53
+ border-top-right-radius: 1.25rem;
54
+ border-top-left-radius: 1.25rem;
54
55
 
55
56
  &:after {
56
57
  @apply bg-mono-900;
@@ -115,6 +115,19 @@
115
115
  }
116
116
  }
117
117
 
118
+ :root[data-dark="false"] {
119
+ .aw-page-headline {
120
+ &__back {
121
+ background: var(--c-mono-800);
122
+ color: var(--c-on-mono-800);
123
+
124
+ &:hover {
125
+ background: var(--c-mono-700);
126
+ }
127
+ }
128
+ }
129
+ }
130
+
118
131
  :root[data-dark="true"] {
119
132
  .aw-page-headline {
120
133
  &__back {
@@ -71,8 +71,6 @@
71
71
  color: var(--c-on-surface);
72
72
  min-width: 250px;
73
73
  max-height: auto;
74
- box-shadow: theme('boxShadow.default');
75
- border-radius: theme('borderRadius.md');
76
74
 
77
75
  &.aw-dropdown--desktop {
78
76
  max-width: 17.625rem;
@@ -10,6 +10,8 @@
10
10
  export default {
11
11
  name: 'AwFile',
12
12
 
13
+ inheritAttrs: false,
14
+
13
15
  methods: {
14
16
  loadFile($event) {
15
17
  const files = [...$event.target.files]
@@ -77,10 +77,9 @@ export default {
77
77
  props: {
78
78
  theme: 'ghost',
79
79
  color: 'default',
80
- contentClass: 'p-2',
81
80
  text: this.text
82
81
  },
83
- staticClass: 'h-10 w-auto ' + this.buttonClass,
82
+ staticClass: this.buttonClass,
84
83
  attrs: {
85
84
  'data-arrow-focus': ''
86
85
  },
@@ -69,7 +69,7 @@
69
69
 
70
70
  <div
71
71
  v-if="$scopedSlots.buttons"
72
- :class="[elClasses.buttons, 'aw-button-group']"
72
+ :class="[elClasses.buttons]"
73
73
  >
74
74
  <slot name="buttons"></slot>
75
75
  </div>
@@ -229,7 +229,7 @@ export default {
229
229
 
230
230
  return acc.concat({
231
231
  ...pick(
232
- 'icon,iconBg,iconActive,class,expanded,target,rel,listeners,abstract,key,badge,back',
232
+ 'icon,iconBg,iconActive,class,expanded,target,rel,listeners,abstract,key,badge,back,isDivide',
233
233
  props
234
234
  ),
235
235
  text,
@@ -20,7 +20,7 @@
20
20
  </span>
21
21
 
22
22
  <span class="aw-mobile-menu-item__text" tabindex="-1">
23
- {{ text }}
23
+ <span v-html="text" />
24
24
 
25
25
  <span
26
26
  v-if="description"
@@ -23,7 +23,13 @@
23
23
  {{ text }}
24
24
 
25
25
  <span
26
- v-if="childrenDescription"
26
+ v-if="description"
27
+ v-html="$sanitize(description)"
28
+ class="aw-mobile-menu-item-new__description"
29
+ ></span>
30
+
31
+ <span
32
+ v-else-if="childrenDescription"
27
33
  class="aw-mobile-menu-item-new__description"
28
34
  >
29
35
  {{ childrenDescription }}
@@ -16,9 +16,13 @@
16
16
  <li v-for="(item, i) in items" :key="i" v-show="!item.abstract">
17
17
  <AwMobileMenuItem
18
18
  v-bind="item"
19
- :class="{
20
- 'aw-mobile-menu-nav__item--divide': item.isDivide
21
- }"
19
+ :class="[
20
+ item.class,
21
+ {
22
+ 'aw-mobile-menu-nav__item--divide':
23
+ item.isDivide && i !== items.length - 1
24
+ }
25
+ ]"
22
26
  :href="_getChildrenCount(item) ? null : item.href"
23
27
  :arrow="!!(item.href || _getChildrenCount(item))"
24
28
  :active="isActive(item)"
@@ -77,7 +77,8 @@
77
77
  :name="item.icon"
78
78
  class="mr-2"
79
79
  />
80
- {{ item.text }}
80
+
81
+ <span v-html="item.text" />
81
82
  </AwNavItem>
82
83
  </template>
83
84
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@awes-io/ui",
3
- "version": "2.71.1",
3
+ "version": "2.72.0",
4
4
  "description": "User Interface (UI) components",
5
5
  "keywords": [
6
6
  "ui",
@@ -112,5 +112,5 @@
112
112
  "rollup-plugin-visualizer": "^2.6.0",
113
113
  "rollup-plugin-vue": "^5.0.1"
114
114
  },
115
- "gitHead": "06094c5bdf9e8a6364d6382df3d9b095e61e06bc"
115
+ "gitHead": "74d401ffcbf4bd9871a13dffddac961b8d5dabc5"
116
116
  }