@awes-io/ui 2.136.0 → 2.138.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 (8) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/assets/css/components/icon-menu-item.css +3 -3
  3. package/assets/css/components/mobile-menu-item.css +1 -1
  4. package/assets/css/components/more.css +1 -1
  5. package/assets/css/main.css +2 -1
  6. package/assets/js/styles.js +2 -2
  7. package/components/5_layouts/AwLayoutError.vue +57 -17
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,28 @@
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.138.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.137.0...@awes-io/ui@2.138.0) (2025-10-17)
7
+
8
+
9
+ ### Features
10
+
11
+ * text contrast increased ([2f59c41](https://github.com/awes-io/client/commit/2f59c4192fe3f32b2cc288cf4ad865c2807aad6b))
12
+
13
+
14
+
15
+
16
+
17
+ # [2.137.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.136.0...@awes-io/ui@2.137.0) (2025-10-17)
18
+
19
+
20
+ ### Features
21
+
22
+ * change color in new error layout icon ([4ebf14a](https://github.com/awes-io/client/commit/4ebf14a7927af3829f34b8dad28a35442b244f1c))
23
+
24
+
25
+
26
+
27
+
6
28
  # [2.136.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.135.0...@awes-io/ui@2.136.0) (2025-10-03)
7
29
 
8
30
 
package/assets/css/components/icon-menu-item.css CHANGED
@@ -13,7 +13,7 @@
13
13
  .aw-icon-menu-item {
14
14
  &__icon,
15
15
  &__text {
16
- color: var(--c-mono-100);
16
+ color: var(--c-mono-300);
17
17
  }
18
18
  }
19
19
  }
@@ -29,7 +29,7 @@
29
29
 
30
30
  &__icon {
31
31
  display: block;
32
- color: var(--c-mono-300);
32
+ color: var(--c-mono-100);
33
33
  transition: 60ms color;
34
34
 
35
35
  &-block {
@@ -51,7 +51,7 @@
51
51
  font-size: 0.625rem;
52
52
  font-weight: 400;
53
53
  line-height: 0.659375rem;
54
- color: var(--c-mono-300);
54
+ color: var(--c-mono-100);
55
55
  transition: 60ms color;
56
56
 
57
57
  text-align: center;
package/assets/css/components/mobile-menu-item.css CHANGED
@@ -27,7 +27,7 @@
27
27
 
28
28
  margin-right: 1rem;
29
29
  line-height: 1;
30
- color: var(--c-mono-300);
30
+ color: var(--c-mono-100);
31
31
  }
32
32
 
33
33
  &__text {
package/assets/css/components/more.css CHANGED
@@ -64,7 +64,7 @@
64
64
  padding: 0.75rem 1.5rem;
65
65
 
66
66
  &-icon {
67
- color: var(--c-mono-300);
67
+ color: var(--c-mono-100);
68
68
  margin-right: 1rem;
69
69
  }
70
70
 
package/assets/css/main.css CHANGED
@@ -57,12 +57,13 @@
57
57
  @screen lg {
58
58
  :root[data-dark='true'] {
59
59
  --c-surface: #2e2f33;
60
+ --c-on-surface: #feffff;
60
61
 
61
62
  --c-page-bg: #1e1e21;
62
63
 
63
64
  --c-mono-0: #ffffff;
64
65
  --c-mono-50: #f3f5f7;
65
- --c-mono-100: #eaeaeb;
66
+ --c-mono-100: #feffff;
66
67
  --c-mono-200: #d5d5d6;
67
68
  --c-mono-300: #c0c1c2;
68
69
  --c-mono-400: #abacad;
package/assets/js/styles.js CHANGED
@@ -128,7 +128,7 @@ export default {
128
128
 
129
129
  'mono-0': '#FFFFFF',
130
130
  'mono-50': '#DBDDDE',
131
- 'mono-100': '#D3D3D4',
131
+ 'mono-100': '#feffff',
132
132
  'mono-200': '#C0C0C1',
133
133
  'mono-300': '#9A9B9C',
134
134
  'mono-400': '#ABACAD',
@@ -149,7 +149,7 @@ export default {
149
149
  warning: '#333',
150
150
  error: '#fff',
151
151
 
152
- surface: '#D3D3D4',
152
+ surface: '#feffff',
153
153
  'page-bg': '#e7eaed',
154
154
  overlay: '#fff',
155
155
 
package/components/5_layouts/AwLayoutError.vue CHANGED
@@ -12,10 +12,10 @@
12
12
  >
13
13
  <g clip-path="url(#a)">
14
14
  <path
15
- fill="#F3F5F7"
15
+ fill="var(--c-mono-900)"
16
16
  d="M33.332 64.445c0-17.183 13.929-31.111 31.111-31.111h71.111c17.182 0 31.111 13.928 31.111 31.11v71.112c0 17.182-13.929 31.111-31.111 31.111h-71.11c-17.183 0-31.112-13.929-31.112-31.111V64.445Z"
17
17
  />
18
- <g fill="#000" clip-path="url(#b)">
18
+ <g fill="var(--c-mono-0)" clip-path="url(#b)">
19
19
  <path
20
20
  d="M112.349 109.616c1.931-2.602 2.991-5.767 2.991-9.116v-5.286h2.192a1.933 1.933 0 0 0 0-3.867h-1.012L101.623 68.38a1.935 1.935 0 0 0-3.245 0L83.481 91.347h-1.012a1.934 1.934 0 1 0 0 3.867h2.191v5.286c0 3.349 1.06 6.514 2.992 9.116-7.862 4.096-13.304 12.348-13.304 21.95 0 1.068.865 1.934 1.933 1.934h47.438a1.934 1.934 0 0 0 1.934-1.934c0-9.525-5.391-17.827-13.304-21.95ZM100 106.558a6.324 6.324 0 0 1 6.317 6.317c0 1.903-.823 4.382-2.098 6.317-1.295 1.966-2.832 3.093-4.219 3.093-3.205 0-6.316-5.702-6.316-9.41a6.324 6.324 0 0 1 6.316-6.317Zm-9.067-19.594h18.134l2.843 4.383H88.09l2.843-4.383ZM100 72.986l6.559 10.111H93.442L100 72.986Zm11.473 22.228v5.286c0 2.726-.939 5.288-2.635 7.324-1.758-3.063-5.06-5.133-8.838-5.133-3.778 0-7.08 2.07-8.837 5.133a11.378 11.378 0 0 1-2.635-7.324v-5.286h22.945Zm-33.17 34.419c.68-7.449 5.255-13.678 11.514-16.779 0 5.555 4.39 13.298 10.183 13.298 5.798 0 10.2-7.788 10.184-13.293 6.433 3.208 10.832 9.617 11.51 16.774H78.303Z"
21
21
  />
@@ -25,14 +25,29 @@
25
25
  </g>
26
26
  </g>
27
27
  <path
28
- fill="#14171D"
28
+ fill="var(--c-on-surface)"
29
29
  fill-rule="evenodd"
30
30
  d="M39.217 20.394a3.846 3.846 0 0 0 3.845-3.845.55.55 0 0 1 1.098 0 3.846 3.846 0 0 0 3.844 3.845.55.55 0 0 1 0 1.098 3.846 3.846 0 0 0-3.844 3.844.55.55 0 0 1-1.098 0 3.846 3.846 0 0 0-3.845-3.844.55.55 0 0 1 0-1.098ZM19.78 39.556a7.78 7.78 0 0 0 7.777-7.778 1.111 1.111 0 0 1 2.222 0 7.78 7.78 0 0 0 7.778 7.778 1.112 1.112 0 0 1 0 2.222 7.78 7.78 0 0 0-7.778 7.778 1.111 1.111 0 0 1-2.222 0 7.78 7.78 0 0 0-7.778-7.778 1.111 1.111 0 0 1 0-2.222ZM160.184 173.482a5.966 5.966 0 0 0 5.963-5.963.851.851 0 1 1 1.704 0 5.965 5.965 0 0 0 5.963 5.963.851.851 0 1 1 0 1.703 5.965 5.965 0 0 0-5.963 5.963.853.853 0 0 1-1.704 0 5.966 5.966 0 0 0-5.963-5.963.852.852 0 0 1 0-1.703ZM173.372 46.296a4.928 4.928 0 0 0 4.926-4.925.704.704 0 1 1 1.407 0 4.928 4.928 0 0 0 4.926 4.925.704.704 0 0 1 0 1.408 4.928 4.928 0 0 0-4.926 4.926.704.704 0 0 1-1.407 0 4.928 4.928 0 0 0-4.926-4.926.704.704 0 1 1 0-1.408Z"
31
31
  clip-rule="evenodd"
32
32
  />
33
- <circle cx="176.335" cy="145.667" r="3.667" fill="#14171D" />
34
- <circle cx="36.999" cy="174.333" r="3.667" fill="#14171D" />
35
- <circle cx="26.332" cy="159.667" r="7" fill="#14171D" />
33
+ <circle
34
+ cx="176.335"
35
+ cy="145.667"
36
+ r="3.667"
37
+ fill="var(--c-on-surface)"
38
+ />
39
+ <circle
40
+ cx="36.999"
41
+ cy="174.333"
42
+ r="3.667"
43
+ fill="var(--c-on-surface)"
44
+ />
45
+ <circle
46
+ cx="26.332"
47
+ cy="159.667"
48
+ r="7"
49
+ fill="var(--c-on-surface)"
50
+ />
36
51
  <defs>
37
52
  <clipPath id="a">
38
53
  <rect
@@ -40,12 +55,15 @@
40
55
  height="133.333"
41
56
  x="33.332"
42
57
  y="33.334"
43
- fill="#fff"
58
+ fill="var(--c-on-surface)"
44
59
  rx="66.667"
45
60
  />
46
61
  </clipPath>
47
62
  <clipPath id="b">
48
- <path fill="#fff" d="M67 67.5h66v66H67z" />
63
+ <path
64
+ fill="var(--c-on-surface)"
65
+ d="M67 67.5h66v66H67z"
66
+ />
49
67
  </clipPath>
50
68
  </defs>
51
69
  </svg>
@@ -59,10 +77,10 @@
59
77
  >
60
78
  <g clip-path="url(#a)">
61
79
  <path
62
- fill="#F3F5F7"
80
+ fill="var(--c-mono-900)"
63
81
  d="M33.332 64.445c0-17.183 13.929-31.111 31.111-31.111h71.111c17.182 0 31.111 13.928 31.111 31.11v71.112c0 17.182-13.929 31.111-31.111 31.111h-71.11c-17.183 0-31.112-13.929-31.112-31.111V64.445Z"
64
82
  />
65
- <g fill="#14171D" clip-path="url(#b)">
83
+ <g fill="var(--c-on-surface)" clip-path="url(#b)">
66
84
  <path
67
85
  d="M126.866 73.134c-8.179-8.179-21.487-8.179-29.665 0-6.656 6.656-7.895 16.708-3.718 24.63L68.81 122.436a6.196 6.196 0 0 0 0 8.753 6.173 6.173 0 0 0 4.376 1.81c1.585 0 3.17-.604 4.377-1.81l24.673-24.674a21.005 21.005 0 0 0 9.797 2.417c5.372 0 10.744-2.044 14.833-6.134 8.179-8.179 8.179-21.486 0-29.665Zm-26.93 26.93c-6.67-6.67-6.67-17.524 0-24.195a17.053 17.053 0 0 1 12.097-5.003c4.381 0 8.763 1.668 12.098 5.003 6.67 6.67 6.67 17.524 0 24.195-6.671 6.671-17.525 6.671-24.195 0Zm-25.108 28.391a2.324 2.324 0 0 1-3.283 0 2.324 2.324 0 0 1 0-3.283l18.437-18.437 3.283 3.283-18.437 18.437ZM96 107.283 92.717 104l2.933-2.934a21.086 21.086 0 0 0 3.283 3.283L96 107.283Z"
68
86
  />
@@ -72,14 +90,29 @@
72
90
  </g>
73
91
  </g>
74
92
  <path
75
- fill="#14171D"
93
+ fill="var(--c-on-surface)"
76
94
  fill-rule="evenodd"
77
95
  d="M39.217 20.394a3.846 3.846 0 0 0 3.845-3.845.55.55 0 0 1 1.098 0 3.846 3.846 0 0 0 3.844 3.845.55.55 0 0 1 0 1.098 3.846 3.846 0 0 0-3.844 3.844.55.55 0 0 1-1.098 0 3.846 3.846 0 0 0-3.845-3.844.55.55 0 0 1 0-1.098ZM19.78 39.556a7.78 7.78 0 0 0 7.777-7.778 1.111 1.111 0 0 1 2.222 0 7.78 7.78 0 0 0 7.778 7.778 1.112 1.112 0 0 1 0 2.222 7.78 7.78 0 0 0-7.778 7.778 1.111 1.111 0 0 1-2.222 0 7.78 7.78 0 0 0-7.778-7.778 1.111 1.111 0 0 1 0-2.222ZM160.184 173.482a5.966 5.966 0 0 0 5.963-5.963.851.851 0 1 1 1.704 0 5.965 5.965 0 0 0 5.963 5.963.851.851 0 1 1 0 1.703 5.965 5.965 0 0 0-5.963 5.963.853.853 0 0 1-1.704 0 5.966 5.966 0 0 0-5.963-5.963.852.852 0 0 1 0-1.703ZM173.372 46.296a4.928 4.928 0 0 0 4.926-4.925.704.704 0 1 1 1.407 0 4.928 4.928 0 0 0 4.926 4.925.704.704 0 0 1 0 1.408 4.928 4.928 0 0 0-4.926 4.926.704.704 0 0 1-1.407 0 4.928 4.928 0 0 0-4.926-4.926.704.704 0 1 1 0-1.408Z"
78
96
  clip-rule="evenodd"
79
97
  />
80
- <circle cx="176.335" cy="145.667" r="3.667" fill="#14171D" />
81
- <circle cx="36.999" cy="174.333" r="3.667" fill="#14171D" />
82
- <circle cx="26.332" cy="159.667" r="7" fill="#14171D" />
98
+ <circle
99
+ cx="176.335"
100
+ cy="145.667"
101
+ r="3.667"
102
+ fill="var(--c-on-surface)"
103
+ />
104
+ <circle
105
+ cx="36.999"
106
+ cy="174.333"
107
+ r="3.667"
108
+ fill="var(--c-on-surface)"
109
+ />
110
+ <circle
111
+ cx="26.332"
112
+ cy="159.667"
113
+ r="7"
114
+ fill="var(--c-on-surface)"
115
+ />
83
116
  <defs>
84
117
  <clipPath id="a">
85
118
  <rect
@@ -87,12 +120,12 @@
87
120
  height="133.333"
88
121
  x="33.332"
89
122
  y="33.334"
90
- fill="#fff"
123
+ fill="var(--c-surface)"
91
124
  rx="66.667"
92
125
  />
93
126
  </clipPath>
94
127
  <clipPath id="b">
95
- <path fill="#fff" d="M67 67h66v66H67z" />
128
+ <path fill="var(--c-surface)" d="M67 67h66v66H67z" />
96
129
  </clipPath>
97
130
  </defs>
98
131
  </svg>
@@ -111,7 +144,14 @@
111
144
  </div>
112
145
  </div>
113
146
 
114
- <AwButton :text="$t('Back')" href="/" size="lg" color="dark" />
147
+ <AwButton
148
+ :text="$t('Back')"
149
+ href="/"
150
+ size="lg"
151
+ color="dark"
152
+ icon-right="awesio/angle-r"
153
+ class="lg:w-auto w-full"
154
+ />
115
155
  </div>
116
156
  </div>
117
157
  </template>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@awes-io/ui",
3
- "version": "2.136.0",
3
+ "version": "2.138.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": "2c739b64133c12f218af97279d4d714173c4e8ab"
117
+ "gitHead": "8a0bbf54aca0f6fccf4120172b531b536a243983"
118
118
  }