@awes-io/ui 2.96.1 → 2.97.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 +17 -0
  2. package/assets/css/components/bottom-bar.css +4 -0
  3. package/assets/css/components/table.css +1 -1
  4. package/assets/css/main.css +1 -3
  5. package/assets/js/styles.js +2 -6
  6. package/components/3_organisms/AwBottomBar.vue +8 -1
  7. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,23 @@
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.97.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.96.1...@awes-io/ui@2.97.0) (2024-02-19)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * fix border style in table ([e548132](https://github.com/awes-io/client/commit/e548132e8ab938d5600df672174eb5f0878d1774))
12
+ * fix max-width in mobile menu items ([874d0e4](https://github.com/awes-io/client/commit/874d0e4ad84c8d501debd088262a2705dc4a4d54))
13
+
14
+
15
+ ### Features
16
+
17
+ * change mono and surface colors ([79b060b](https://github.com/awes-io/client/commit/79b060b52f4999ef53458955e8561c6c87cf3e2c))
18
+
19
+
20
+
21
+
22
+
6
23
  ## [2.96.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.96.0...@awes-io/ui@2.96.1) (2024-02-17)
7
24
 
8
25
 
package/assets/css/components/bottom-bar.css CHANGED
@@ -18,6 +18,10 @@
18
18
  flex-shrink: 1;
19
19
  }
20
20
 
21
+ .aw-icon-menu-item {
22
+ max-width: var(--bottom-bar-item-max-width);
23
+ }
24
+
21
25
  &:before,
22
26
  &:after {
23
27
  content: '';
package/assets/css/components/table.css CHANGED
@@ -40,7 +40,7 @@
40
40
  }
41
41
 
42
42
  tbody > tr {
43
- @apply border-b-8 border-mono-900;
43
+ @apply border-b-8 border-page-bg;
44
44
  }
45
45
 
46
46
  tbody tr:last-child {
package/assets/css/main.css CHANGED
@@ -47,7 +47,7 @@
47
47
 
48
48
  @screen lg {
49
49
  :root[data-dark='true'] {
50
- --c-surface: #313236;
50
+ --c-surface: #2e2f33;
51
51
 
52
52
  --c-page-bg: #1e1e21;
53
53
 
@@ -62,7 +62,6 @@
62
62
  --c-mono-700: #6d6d70;
63
63
  --c-mono-800: #46474a;
64
64
  --c-mono-900: #434447;
65
- --c-mono-1000: #2e2f33;
66
65
 
67
66
  --c-surface-rgb: 49,50,54;
68
67
 
@@ -79,7 +78,6 @@
79
78
  --c-mono-700-rgb: 109,109,112;
80
79
  --c-mono-800-rgb: 70,71,74;
81
80
  --c-mono-900-rgb: 67,68,71;
82
- --c-mono-1000-rgb: 46,47,51;
83
81
  }
84
82
  }
85
83
 
package/assets/js/styles.js CHANGED
@@ -71,7 +71,6 @@ export default {
71
71
  'mono-700': '#d7dbde',
72
72
  'mono-800': '#e7eaed',
73
73
  'mono-900': '#f3f5f7',
74
- 'mono-1000': '#fff',
75
74
 
76
75
  ...CUSTOM_COLORS_BG_LIGHT
77
76
  },
@@ -100,7 +99,6 @@ export default {
100
99
  'mono-700': '#14171d',
101
100
  'mono-800': '#14171d',
102
101
  'mono-900': '#14171d',
103
- 'mono-1000': '#14171d',
104
102
 
105
103
  ...CUSTOM_COLORS
106
104
  }
@@ -115,7 +113,7 @@ export default {
115
113
  error: '#FF4931',
116
114
  'error-hover': '#E6422C',
117
115
 
118
- surface: '#141414',
116
+ surface: '#292A2E',
119
117
  'page-bg': '#010101',
120
118
  overlay: 'rgba(0, 0, 0, 0.5)',
121
119
 
@@ -130,7 +128,6 @@ export default {
130
128
  'mono-700': '#626265',
131
129
  'mono-800': '#3C3D40',
132
130
  'mono-900': '#434447',
133
- 'mono-1000': '#292A2E',
134
131
 
135
132
  ...CUSTOM_COLORS_BG_DARK
136
133
  },
@@ -143,7 +140,7 @@ export default {
143
140
  warning: '#333',
144
141
  error: '#fff',
145
142
 
146
- surface: '#e7eaed',
143
+ surface: '#D3D3D4',
147
144
  'page-bg': '#e7eaed',
148
145
  overlay: '#fff',
149
146
 
@@ -158,7 +155,6 @@ export default {
158
155
  'mono-700': '#eaeaeb',
159
156
  'mono-800': '#eaeaeb',
160
157
  'mono-900': '#eaeaeb',
161
- 'mono-1000': '#eaeaeb',
162
158
 
163
159
  ...CUSTOM_COLORS
164
160
  }
package/components/3_organisms/AwBottomBar.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div v-if="showMenu" class="aw-bottom-bar">
2
+ <div v-if="showMenu" class="aw-bottom-bar" :style="itemMaxWidthVar">
3
3
  <slot name="bottom-bar-items">
4
4
  <AwMenuItemIcon
5
5
  v-for="(item, i) in items"
@@ -65,6 +65,13 @@ export default {
65
65
  },
66
66
 
67
67
  computed: {
68
+ itemMaxWidthVar() {
69
+ const itemsNumber = this.items.length + 1
70
+
71
+ return `--bottom-bar-item-max-width: min(${100 /
72
+ itemsNumber}%, 144px)`
73
+ },
74
+
68
75
  actionButton() {
69
76
  const button = this.$store.state.awesIo.bottomBarAction
70
77
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@awes-io/ui",
3
- "version": "2.96.1",
3
+ "version": "2.97.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": "2923cbb7535243156f99d358df5613ba85f9db6e"
117
+ "gitHead": "c7e49109bedfdd34b969b7634eea0a0b8e1c5847"
118
118
  }