@awes-io/ui 2.86.0 → 2.87.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 +14 -0
- package/assets/css/components/_index.css +1 -0
- package/assets/css/components/button-fixed.css +4 -4
- package/assets/css/components/button-nav.css +26 -15
- package/assets/css/components/button.css +154 -493
- package/assets/css/components/context-menu.css +6 -0
- package/assets/css/components/dropdown-button.css +1 -1
- package/assets/css/components/filter-month.css +17 -0
- package/assets/css/components/page-menu-buttons.css +3 -3
- package/assets/css/components/square-icon-button.css +69 -0
- package/assets/css/components/user-menu.css +8 -8
- package/assets/css/typography.css +13 -1
- package/assets/js/styles.js +13 -11
- package/components/1_atoms/AwDropdown.vue +1 -2
- package/components/1_atoms/AwDropdownButton.vue +2 -5
- package/components/2_molecules/AwButton.vue +36 -81
- package/components/2_molecules/AwIsland/AwIsland.vue +4 -3
- package/components/2_molecules/AwSelect.vue +10 -7
- package/components/2_molecules/AwSquareIconButton.vue +52 -0
- package/components/2_molecules/AwTabNav.vue +8 -3
- package/components/3_organisms/AwAddressBlock.vue +4 -7
- package/components/3_organisms/AwCodeSnippet.vue +2 -1
- package/components/3_organisms/AwContextMenu.vue +14 -4
- package/components/3_organisms/AwFilterMonth.vue +10 -14
- package/components/3_organisms/AwModal.vue +5 -8
- package/components/3_organisms/AwModelEdit.vue +2 -4
- package/components/3_organisms/AwPagination.vue +15 -19
- package/components/3_organisms/AwTable/AwTableBuilder.vue +2 -2
- package/components/4_pages/AwPage.vue +1 -1
- package/components/4_pages/AwPageSingle.vue +4 -7
- package/components/4_pages/_AwButtonFixed.vue +3 -1
- package/components/4_pages/_AwPageHeadline.vue +6 -8
- package/components/5_layouts/_AwMobileMenu.vue +21 -26
- package/components/5_layouts/_AwUserMenu.vue +5 -3
- package/mixins/button.js +10 -2
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,20 @@
|
|
|
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.87.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.86.0...@awes-io/ui@2.87.0) (2023-12-13)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* change style for btn and create square btn ([60619d5](https://github.com/awes-io/client/commit/60619d563eec0b38279790b5b24277b512a4c735))
|
|
12
|
+
* **aw-button-nav:** togglers grows to full width on mobile ([47f0f3a](https://github.com/awes-io/client/commit/47f0f3af89fcea75e0fb7ee2685923866840cb99))
|
|
13
|
+
* change dark color ([00d26bf](https://github.com/awes-io/client/commit/00d26bfbb75145af849681700fde13ece788c9bf))
|
|
14
|
+
* change style for desktop user menu ([a59f5be](https://github.com/awes-io/client/commit/a59f5be0fe9fc5727a53a52cd88a6c1a34880a66))
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
6
20
|
# [2.86.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.85.0...@awes-io/ui@2.86.0) (2023-12-05)
|
|
7
21
|
|
|
8
22
|
|
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
|
|
5
5
|
padding: 0.75rem 1rem;
|
|
6
6
|
min-width: 3.5rem;
|
|
7
|
-
min-height:
|
|
7
|
+
min-height: 3rem;
|
|
8
8
|
/* border-radius: 1rem; */
|
|
9
9
|
|
|
10
|
-
font-size:
|
|
11
|
-
line-height:
|
|
12
|
-
font-weight:
|
|
10
|
+
font-size: 1rem;
|
|
11
|
+
line-height: 1.125rem;
|
|
12
|
+
font-weight: 400;
|
|
13
13
|
|
|
14
14
|
background-color: rgba(var(--btn-bg), var(--btn-bg-opacity, 1));
|
|
15
15
|
color: rgba(var(--btn-fg), 1);
|
|
@@ -34,18 +34,18 @@
|
|
|
34
34
|
border-bottom: 2px solid var(--c-mono-800);
|
|
35
35
|
|
|
36
36
|
&:first-child {
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
border-radius: 0.625rem 0 0 0.625rem;
|
|
38
|
+
border-left: 2px solid var(--c-mono-800);
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
&:last-child {
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
border-radius: 0 0.625rem 0.625rem 0;
|
|
43
|
+
border-right: 2px solid var(--c-mono-800);
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
&_no_text > span {
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
padding-left: 0.5rem;
|
|
48
|
+
padding-right: 0.5rem;
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
|
|
@@ -63,7 +63,8 @@
|
|
|
63
63
|
padding-right: 0.5rem;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
&__toggler:focus,
|
|
66
|
+
&__toggler:focus,
|
|
67
|
+
&__toggler > span:focus {
|
|
67
68
|
outline: none;
|
|
68
69
|
}
|
|
69
70
|
|
|
@@ -85,11 +86,10 @@
|
|
|
85
86
|
cursor: not-allowed;
|
|
86
87
|
}
|
|
87
88
|
|
|
88
|
-
|
|
89
89
|
&--fullwidth {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
90
|
+
margin-left: calc(-1 * var(--container-padding));
|
|
91
|
+
margin-right: calc(-1 * var(--container-padding));
|
|
92
|
+
max-width: calc(100% + 2 * var(--container-padding));
|
|
93
93
|
|
|
94
94
|
.aw-slider__scroller:before,
|
|
95
95
|
.aw-slider__scroller:after {
|
|
@@ -111,8 +111,10 @@
|
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
&--expand {
|
|
114
|
+
min-width: var(--nav-min-width, 100%);
|
|
115
|
+
|
|
114
116
|
.aw-button-nav__toggler {
|
|
115
|
-
flex: 1 0 auto;
|
|
117
|
+
flex: var(--nav-toggler-grow, 1) 0 auto;
|
|
116
118
|
}
|
|
117
119
|
}
|
|
118
120
|
|
|
@@ -122,7 +124,7 @@
|
|
|
122
124
|
border: 4px solid var(--c-mono-800);
|
|
123
125
|
|
|
124
126
|
& > span {
|
|
125
|
-
|
|
127
|
+
border-radius: 0.5rem;
|
|
126
128
|
}
|
|
127
129
|
}
|
|
128
130
|
}
|
|
@@ -166,7 +168,7 @@
|
|
|
166
168
|
border-right: 1px solid var(--c-mono-800);
|
|
167
169
|
}
|
|
168
170
|
|
|
169
|
-
&
|
|
171
|
+
& > span {
|
|
170
172
|
height: 2.375rem;
|
|
171
173
|
border-radius: 0.5625rem;
|
|
172
174
|
min-width: 0;
|
|
@@ -180,6 +182,15 @@
|
|
|
180
182
|
}
|
|
181
183
|
}
|
|
182
184
|
|
|
185
|
+
@screen sm {
|
|
186
|
+
.aw-button-nav {
|
|
187
|
+
&--expand {
|
|
188
|
+
--nav-min-width: 0;
|
|
189
|
+
--nav-toggler-grow: 0;
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
|
|
183
194
|
@screen md {
|
|
184
195
|
.aw-button-nav {
|
|
185
196
|
&--fullwidth {
|
|
@@ -219,7 +230,7 @@
|
|
|
219
230
|
border: 2px solid var(--c-mono-800);
|
|
220
231
|
|
|
221
232
|
& > span {
|
|
222
|
-
|
|
233
|
+
border-radius: 0.5rem;
|
|
223
234
|
}
|
|
224
235
|
}
|
|
225
236
|
}
|