@awes-io/ui 2.78.0 → 2.80.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 (13) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/assets/css/components/button-nav.css +11 -1
  3. package/assets/css/components/dropdown-button.css +2 -2
  4. package/assets/css/components/layout.css +3 -3
  5. package/assets/css/components/text-field.css +4 -0
  6. package/assets/css/components/tooltip.css +3 -3
  7. package/assets/js/styles.js +19 -19
  8. package/components/2_molecules/AwTabNav.vue +18 -2
  9. package/components/3_organisms/AwContextMenu.vue +5 -3
  10. package/components/3_organisms/AwPagination.vue +5 -5
  11. package/components/4_pages/AwPageMenuButtons.vue +4 -1
  12. package/components/5_layouts/_AwMenuItemIcon.vue +1 -1
  13. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,31 @@
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.80.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.79.0...@awes-io/ui@2.80.0) (2023-11-07)
7
+
8
+
9
+ ### Features
10
+
11
+ * change dark colors ([778849d](https://github.com/awes-io/client/commit/778849d643154a47a587126c09647f9459dcc492))
12
+ * change style for tooltip and menu item ([7d37a3f](https://github.com/awes-io/client/commit/7d37a3f7b98c02b735a0bceb394bb586a5b4ae96))
13
+ * change style in layot, dd btn and button nav ([c00a414](https://github.com/awes-io/client/commit/c00a414cb403de539e2a69b3e01b3449467edec7))
14
+
15
+
16
+
17
+
18
+
19
+ # [2.79.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.78.0...@awes-io/ui@2.79.0) (2023-11-03)
20
+
21
+
22
+ ### Features
23
+
24
+ * add modifiers for button nav ([80c10dc](https://github.com/awes-io/client/commit/80c10dc39254387a82069b117cf71ce2c5134618))
25
+ * change logic for create page in pagination ([428c07c](https://github.com/awes-io/client/commit/428c07c3a79d741d7e28fe368361d60162195a41))
26
+
27
+
28
+
29
+
30
+
6
31
  # [2.78.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.77.0...@awes-io/ui@2.78.0) (2023-11-02)
7
32
 
8
33
 
package/assets/css/components/button-nav.css CHANGED
@@ -90,7 +90,6 @@
90
90
  margin-left: calc(-1 * var(--container-padding));
91
91
  margin-right: calc(-1 * var(--container-padding));
92
92
  max-width: calc(100% + 2 * var(--container-padding));
93
- width: 100%;
94
93
 
95
94
  .aw-slider__scroller:before,
96
95
  .aw-slider__scroller:after {
@@ -128,6 +127,16 @@
128
127
  }
129
128
  }
130
129
 
130
+ &--without-min-with {
131
+ .aw-button-nav__toggler {
132
+ & > span {
133
+ padding-left: 1rem;
134
+ padding-right: 1rem;
135
+ min-width: 0;
136
+ }
137
+ }
138
+ }
139
+
131
140
  &__arrow-btn.aw-button.theme-ghost {
132
141
  align-items: center;
133
142
 
@@ -159,6 +168,7 @@
159
168
 
160
169
  & > span {
161
170
  height: 2.375rem;
171
+ border-radius: 0.5625rem;
162
172
  min-width: 0;
163
173
  width: 2.6rem;
164
174
 
package/assets/css/components/dropdown-button.css CHANGED
@@ -26,11 +26,11 @@
26
26
  color: inherit;
27
27
 
28
28
  &:hover {
29
- @apply bg-mono-800;
29
+ @apply bg-mono-900;
30
30
  }
31
31
 
32
32
  &.is-active {
33
- @apply bg-mono-800;
33
+ @apply bg-mono-900;
34
34
  }
35
35
  }
36
36
 
package/assets/css/components/layout.css CHANGED
@@ -16,7 +16,7 @@
16
16
  bottom: 0;
17
17
 
18
18
  &.aw-layout-menu--no-submenu {
19
- max-width: 4.5rem;
19
+ max-width: 5rem;
20
20
  }
21
21
 
22
22
  & ~ * {
@@ -25,8 +25,8 @@
25
25
  }
26
26
 
27
27
  &.aw-layout-menu--no-submenu ~ * {
28
- max-width: calc(100% - 4.5rem);
29
- margin-left: 4.5rem;
28
+ max-width: calc(100% - 5rem);
29
+ margin-left: 5rem;
30
30
  }
31
31
  }
32
32
  }
package/assets/css/components/text-field.css CHANGED
@@ -320,6 +320,10 @@
320
320
  @apply bg-mono-900;
321
321
 
322
322
  pointer-events: none;
323
+
324
+ .aw-text-field__prefix {
325
+ @apply bg-mono-900;
326
+ }
323
327
  }
324
328
 
325
329
  .aw-button.theme-icon {
package/assets/css/components/tooltip.css CHANGED
@@ -1,8 +1,8 @@
1
1
  .aw-tooltip {
2
- padding: 1rem;
2
+ padding: 0.5rem;
3
3
  font-size: theme('fontSize.xs', 0.75rem);
4
- line-height: theme('leading.5', 1.25rem);
5
- border-radius: 0.625rem;
4
+ line-height: 0.875rem;
5
+ border-radius: 0.3125rem;
6
6
  background-color: var(--c-mono-200);
7
7
  color: var(--c-surface);
8
8
  display: none;
package/assets/js/styles.js CHANGED
@@ -27,17 +27,17 @@ export const CUSTOM_COLORS_BG_LIGHT = {
27
27
  }
28
28
 
29
29
  export const CUSTOM_COLORS_BG_DARK = {
30
- red: '#431c1c',
31
- peach: '#33160d',
32
- yellow: '#3a2e17',
33
- magenta: '#310116',
30
+ red: '#5F2A26',
31
+ peach: '#4C2113',
32
+ yellow: '#4C3200',
33
+ magenta: '#490120',
34
34
  purple: '#271147',
35
- 'light-blue': '#022532',
36
- blue: '#202b49',
37
- green: '#24331b',
38
- lime: '#212600',
35
+ 'light-blue': '#044964',
36
+ blue: '#242C4A',
37
+ green: '#114907',
38
+ lime: '#313900',
39
39
  grey: '#060709',
40
- 'light-grey': '#2c2e34'
40
+ 'light-grey': '#434447'
41
41
  }
42
42
 
43
43
  export default {
@@ -116,16 +116,16 @@ export default {
116
116
 
117
117
  'mono-0': '#fff',
118
118
  'mono-50': '#f3f5f7',
119
- 'mono-100': '#e7eaed',
120
- 'mono-200': '#d7dbde',
121
- 'mono-300': '#c1c4c7',
122
- 'mono-400': '#838587',
123
- 'mono-500': '#838587',
124
- 'mono-600': '#595d62',
125
- 'mono-700': '#46474a',
126
- 'mono-800': '#373c46',
127
- 'mono-900': '#383838',
128
- 'mono-1000': '#313236',
119
+ 'mono-100': '#EAEAEB',
120
+ 'mono-200': '#D5D5D6',
121
+ 'mono-300': '#C0C1C2',
122
+ 'mono-400': '#ABACAD',
123
+ 'mono-500': '#979799',
124
+ 'mono-600': '#828285',
125
+ 'mono-700': '#6D6D70',
126
+ 'mono-800': '#46474A',
127
+ 'mono-900': '#434447',
128
+ 'mono-1000': '#2E2F33',
129
129
 
130
130
  ...CUSTOM_COLORS_BG_DARK
131
131
  },
package/components/2_molecules/AwTabNav.vue CHANGED
@@ -1,7 +1,18 @@
1
1
  <template>
2
2
  <AwSlider
3
3
  ref="slider"
4
- :class="[_cssClasses.base, _cssClasses.wrapper]"
4
+ :class="[
5
+ _cssClasses.base,
6
+ _cssClasses.wrapper,
7
+ {
8
+ [`${_cssClasses.base}--without-min-with`]: modifiers.includes(
9
+ 'without-min-with'
10
+ ),
11
+ [`${_cssClasses.base}--fullwidth`]: modifiers.includes(
12
+ 'fullwidth'
13
+ )
14
+ }
15
+ ]"
5
16
  @resized="scrollToActive(false)"
6
17
  >
7
18
  <template
@@ -27,7 +38,7 @@
27
38
  <AwIcon
28
39
  v-if="item.icon"
29
40
  v-bind="_toIconProps(item.icon)"
30
- :class="{ 'mr-1': !item.hideText }"
41
+ :class="{ 'mr-1': !item.hideText && text }"
31
42
  />
32
43
  <span v-if="item.hideText" class="sr-only">
33
44
  {{ text }}
@@ -131,6 +142,11 @@ export default {
131
142
  validator(val) {
132
143
  return Array.isArray(val) ? !val.every(isNaN) : !isNaN(val)
133
144
  }
145
+ },
146
+
147
+ modifiers: {
148
+ type: [Array, String],
149
+ default: ''
134
150
  }
135
151
  },
136
152
 
package/components/3_organisms/AwContextMenu.vue CHANGED
@@ -25,7 +25,9 @@ export default {
25
25
  text: {
26
26
  type: String,
27
27
  default: ''
28
- }
28
+ },
29
+
30
+ hideText: Boolean
29
31
  },
30
32
 
31
33
  render(h) {
@@ -77,10 +79,10 @@ export default {
77
79
  props: {
78
80
  theme: 'ghost',
79
81
  color: 'default',
80
- text: this.text
82
+ text: this.hideText ? '' : this.text
81
83
  },
82
84
  staticClass: this.buttonClass,
83
- class: { 'aw-context-menu--text': this.text },
85
+ class: { 'aw-context-menu--text': this.text && !this.hideText },
84
86
  attrs: {
85
87
  'data-arrow-focus': ''
86
88
  },
package/components/3_organisms/AwPagination.vue CHANGED
@@ -188,15 +188,15 @@ export default {
188
188
  const current = this.page
189
189
  const last = this.pagesTotal
190
190
 
191
- if (current < 6) {
192
- return [...range(1, 7), null, last]
193
- } else if (last - current < 5) {
194
- return [1, null, ...range(last - 5, last + 1)]
191
+ if (current < 5) {
192
+ return [...range(1, 6), null, ...range(last - 2, last + 1)]
193
+ } else if (last - current < 4) {
194
+ return [...range(1, 4), null, ...range(last - 4, last + 1)]
195
195
  } else {
196
196
  return [
197
197
  1,
198
198
  null,
199
- ...range(current - 2, current + 2),
199
+ ...range(current - 2, current + 3),
200
200
  null,
201
201
  last
202
202
  ]
package/components/4_pages/AwPageMenuButtons.vue CHANGED
@@ -6,6 +6,7 @@
6
6
  class="aw-page-menu-buttons__aw-context-menu"
7
7
  :options="$options.dropdownOptions"
8
8
  :text="$t('More')"
9
+ :hide-text="hideContextMenuText"
9
10
  >
10
11
  <AwDropdownButton
11
12
  v-for="({ listeners, tooltip, iconSize, ...attrs },
@@ -87,7 +88,9 @@ export default {
87
88
  expandOffset: {
88
89
  type: Number,
89
90
  default: 150 // px
90
- }
91
+ },
92
+
93
+ hideContextMenuText: Boolean
91
94
  },
92
95
 
93
96
  data() {
package/components/5_layouts/_AwMenuItemIcon.vue CHANGED
@@ -13,7 +13,7 @@
13
13
  class="aw-icon-menu-item__icon-block"
14
14
  tabindex="-1"
15
15
  v-tooltip:right="
16
- tooltip ? { content: text, offset: [0, -6] } : null
16
+ tooltip ? { content: text, offset: [0, 7] } : null
17
17
  "
18
18
  >
19
19
  <AwIcon
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@awes-io/ui",
3
- "version": "2.78.0",
3
+ "version": "2.80.0",
4
4
  "description": "User Interface (UI) components",
5
5
  "keywords": [
6
6
  "ui",
@@ -113,5 +113,5 @@
113
113
  "rollup-plugin-visualizer": "^2.6.0",
114
114
  "rollup-plugin-vue": "^5.0.1"
115
115
  },
116
- "gitHead": "9c3291403739bbdddd26c63898cc196525a7cb2e"
116
+ "gitHead": "48246faf5d78f3c6474d2fe140d68676f66efae0"
117
117
  }