@community-release/nx-ui 0.0.73 → 0.0.75

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 (31) hide show
  1. package/dist/module.d.mts +29 -38
  2. package/dist/module.d.ts +29 -38
  3. package/dist/module.json +1 -1
  4. package/dist/module.mjs +29 -38
  5. package/dist/runtime/components/accordion/accordion-item.vue +12 -12
  6. package/dist/runtime/components/button/index.vue +41 -41
  7. package/dist/runtime/components/card.vue +24 -24
  8. package/dist/runtime/components/checkbox.vue +8 -8
  9. package/dist/runtime/components/file-input/index.vue +32 -32
  10. package/dist/runtime/components/filter/index.vue +9 -9
  11. package/dist/runtime/components/grid.vue +1 -1
  12. package/dist/runtime/components/input/index.vue +35 -31
  13. package/dist/runtime/components/label/index.vue +13 -13
  14. package/dist/runtime/components/loading.vue +3 -3
  15. package/dist/runtime/components/map/device-zoom-switch.vue +3 -3
  16. package/dist/runtime/components/map/index.vue +8 -9
  17. package/dist/runtime/components/map/location/index.vue +4 -4
  18. package/dist/runtime/components/map/location/nearest.vue +11 -11
  19. package/dist/runtime/components/map/openlayers/index.vue +8 -2
  20. package/dist/runtime/components/map/zoom.vue +13 -13
  21. package/dist/runtime/components/notice/index.vue +3 -3
  22. package/dist/runtime/components/notice/notice-item.vue +8 -8
  23. package/dist/runtime/components/radio.vue +8 -8
  24. package/dist/runtime/components/select.vue +9 -9
  25. package/dist/runtime/components/spoiler.vue +3 -3
  26. package/dist/runtime/components/styles/components.less +4 -4
  27. package/dist/runtime/components/text-spoiler.vue +2 -2
  28. package/dist/runtime/components/textarea/index.vue +12 -12
  29. package/dist/runtime/components/tooltip.vue +10 -10
  30. package/dist/runtime/components/typeahead-input/index.vue +17 -14
  31. package/package.json +1 -1
package/dist/runtime/components/map/location/nearest.vue CHANGED
@@ -115,15 +115,15 @@
115
115
  <style lang="less">
116
116
  @import url(../../styles/mixins.less);
117
117
 
118
- @com-height: var(--ui-input-height-default);
118
+ @com-height: var(--ui-input-height-m);
119
119
 
120
- @com-border-radius-default: var(--ui-border-radius-default);
121
- @com-space-default: var(--ui-space-default);
122
- @com-space-mini: var(--ui-space-mini);
123
- @com-space-micro: var(--ui-space-micro);
120
+ @com-border-radius-m: var(--ui-border-radius-m);
121
+ @com-space-m: var(--ui-space-m);
122
+ @com-space-xs: var(--ui-space-xs);
123
+ @com-space-2xs: var(--ui-space-2xs);
124
124
 
125
- @com-text-medium: var(--ui-text-medium);
126
- @com-text-small: var(--ui-text-small);
125
+ @com-text-l: var(--ui-text-l);
126
+ @com-text-s: var(--ui-text-s);
127
127
 
128
128
  @com-color-bg: var(--ui-color-bg);
129
129
  @com-color-primary: var(--ui-color-primary);
@@ -134,7 +134,7 @@
134
134
  .component-ui-map-location-nearest {
135
135
  height: @com-height;
136
136
  background: @com-color-bg;
137
- border-radius: @com-border-radius-default;
137
+ border-radius: @com-border-radius-m;
138
138
 
139
139
  position: relative;
140
140
  display: flex;
@@ -144,7 +144,7 @@
144
144
  position: relative;
145
145
  flex: 0 0 38px;
146
146
  line-height: @com-height;
147
- font-size: @com-text-medium;
147
+ font-size: @com-text-l;
148
148
  color: @com-color-primary;
149
149
 
150
150
  .component-ui-loading {
@@ -168,10 +168,10 @@
168
168
 
169
169
  .label {
170
170
  display: flex;
171
- padding-right: @com-space-micro;
171
+ padding-right: @com-space-2xs;
172
172
  align-items: center;
173
173
  line-height: 1.1;
174
- font-size: @com-text-small;
174
+ font-size: @com-text-s;
175
175
 
176
176
  span {
177
177
  .mix-multiline-text-overflow(2);
package/dist/runtime/components/map/openlayers/index.vue CHANGED
@@ -36,7 +36,7 @@
36
36
 
37
37
  import Map from 'ol/Map.js';
38
38
  import View from 'ol/View.js';
39
- import { fromLonLat } from 'ol/proj.js';
39
+ import { fromLonLat, toLonLat } from 'ol/proj.js';
40
40
  import {
41
41
  defaults as defaultInteractions,
42
42
  MouseWheelZoom as mouseWheelZoomInteraction,
@@ -47,7 +47,7 @@
47
47
 
48
48
 
49
49
  // Data
50
- const emit = defineEmits(['initialized']);
50
+ const emit = defineEmits(['initialized', 'mapClick']);
51
51
  const refMap = ref(null);
52
52
  let map = null;
53
53
  let view = null;
@@ -382,6 +382,12 @@
382
382
 
383
383
  // Handle map marker click
384
384
  map.on('click', (e) => {
385
+ const coords = toLonLat(e.coordinate);
386
+ const longitude = coords[0];
387
+ const latitude = coords[1];
388
+
389
+ emit('mapClick', {latitude, longitude});
390
+
385
391
  cluster.getFeatures(e.pixel).then((clickedFeatures) => {
386
392
  let clickedOnMarker = false;
387
393
 
package/dist/runtime/components/map/zoom.vue CHANGED
@@ -1,9 +1,9 @@
1
1
  <template>
2
2
  <div class="component-ui-map-zoom">
3
3
  <div class="prepend"><slot /></div>
4
- <ui-button @click="store.zoomIn" class="plus" color="gray" block variant="flat" size="small" shape="square">+</ui-button>
4
+ <ui-button @click="store.zoomIn" class="plus" color="gray" block variant="flat" size="s" shape="square">+</ui-button>
5
5
  <div class="separator"></div>
6
- <ui-button @click="store.zoomOut" class="minus" color="gray" block variant="flat" size="small" shape="square">-</ui-button>
6
+ <ui-button @click="store.zoomOut" class="minus" color="gray" block variant="flat" size="s" shape="square">-</ui-button>
7
7
  </div>
8
8
  </template>
9
9
 
@@ -12,12 +12,12 @@ const props = defineProps(['store']);
12
12
  </script>
13
13
 
14
14
  <style lang="less">
15
- @com-width: var(--ui-input-height-default);
16
- @com-border-radius-default: var(--ui-border-radius-default);
15
+ @com-width: var(--ui-input-height-m);
16
+ @com-border-radius-m: var(--ui-border-radius-m);
17
17
 
18
18
  // Padding
19
19
  @com-map-padding: var(--ui-map-padding);
20
- @com-space-mini: var(--ui-space-mini);
20
+ @com-space-xs: var(--ui-space-xs);
21
21
 
22
22
  // Colors
23
23
  @com-color-surface: var(--ui-color-surface);
@@ -27,7 +27,7 @@ const props = defineProps(['store']);
27
27
  @com-bs-1: var(--ui-bs-1);
28
28
 
29
29
  // Font-size
30
- @com-text-large: var(--ui-text-large);
30
+ @com-text-2xl: var(--ui-text-2xl);
31
31
 
32
32
  .component-ui-map-zoom {
33
33
  position: absolute;
@@ -39,29 +39,29 @@ const props = defineProps(['store']);
39
39
 
40
40
  background: @com-color-surface;
41
41
  box-shadow: @com-bs-1;
42
- border-radius: @com-border-radius-default;
42
+ border-radius: @com-border-radius-m;
43
43
 
44
44
  .prepend {
45
45
  position: absolute;
46
46
  bottom: 100%;
47
47
  left: 0;
48
48
  right: 0;
49
- margin-bottom: @com-space-mini;
49
+ margin-bottom: @com-space-xs;
50
50
  }
51
51
 
52
52
  .component-ui-button {
53
53
  height: @com-width;
54
- font-size: @com-text-large;
54
+ font-size: @com-text-2xl;
55
55
  }
56
56
 
57
57
  .component-ui-button.plus .button-bg {
58
- border-top-left-radius: @com-border-radius-default;
59
- border-top-right-radius: @com-border-radius-default;
58
+ border-top-left-radius: @com-border-radius-m;
59
+ border-top-right-radius: @com-border-radius-m;
60
60
  }
61
61
 
62
62
  .component-ui-button.minus .button-bg {
63
- border-bottom-left-radius: @com-border-radius-default;
64
- border-bottom-right-radius: @com-border-radius-default;
63
+ border-bottom-left-radius: @com-border-radius-m;
64
+ border-bottom-right-radius: @com-border-radius-m;
65
65
  }
66
66
 
67
67
  .separator {
package/dist/runtime/components/notice/index.vue CHANGED
@@ -24,7 +24,7 @@ const { items } = storeToRefs(store);
24
24
  </script>
25
25
 
26
26
  <style lang="less">
27
- @com-space-default: var(--ui-space-default);
27
+ @com-space-m: var(--ui-space-m);
28
28
 
29
29
  .list-enter-active,
30
30
  .list-leave-active {
@@ -47,9 +47,9 @@ const { items } = storeToRefs(store);
47
47
  .component-ui-notice {
48
48
  transform: translateX(-50%);
49
49
  position: fixed;
50
- bottom: @com-space-default;
50
+ bottom: @com-space-m;
51
51
  left: 50%;
52
- padding: 0 @com-space-default;
52
+ padding: 0 @com-space-m;
53
53
 
54
54
  width: 500px;
55
55
  max-width: 100%;
package/dist/runtime/components/notice/notice-item.vue CHANGED
@@ -34,16 +34,16 @@
34
34
  </script>
35
35
 
36
36
  <style lang="less">
37
- @com-border-radius-default: var(--ui-border-radius-default);
37
+ @com-border-radius-m: var(--ui-border-radius-m);
38
38
 
39
39
  @com-color-secondary: var(--ui-color-secondary);
40
40
  @com-color-border: var(--ui-color-border);
41
41
  @com-color-surface: var(--ui-color-surface);
42
42
  @com-color-header-text: var(--ui-color-header-text);
43
- @com-color-gray-text: var(--ui-color-gray-text);
43
+ @com-color-muted-text: var(--ui-color-muted-text);
44
44
 
45
- @com-space-medium: var(--ui-space-medium);
46
- @com-space-mini: var(--ui-space-mini);
45
+ @com-space-l: var(--ui-space-l);
46
+ @com-space-xs: var(--ui-space-xs);
47
47
 
48
48
  @com-bs-2: var(--ui-bs-2);
49
49
 
@@ -64,11 +64,11 @@
64
64
  transition: all 0.5s ease;
65
65
 
66
66
  position: relative;
67
- margin-top: @com-space-mini;
68
- padding: @com-space-medium;
67
+ margin-top: @com-space-xs;
68
+ padding: @com-space-l;
69
69
 
70
70
  border: 1px solid @com-color-border;
71
- border-radius: @com-border-radius-default;
71
+ border-radius: @com-border-radius-m;
72
72
  background: @com-color-surface;
73
73
  box-shadow: @com-bs-2;
74
74
 
@@ -105,7 +105,7 @@
105
105
  transform-origin: 50%;
106
106
 
107
107
  fill: none;
108
- stroke: @com-color-gray-text;
108
+ stroke: @com-color-muted-text;
109
109
  stroke: @com-color-secondary;
110
110
  stroke-width: 1px;
111
111
 
package/dist/runtime/components/radio.vue CHANGED
@@ -95,15 +95,15 @@
95
95
  @com-color-error: var(--ui-color-error);
96
96
  @com-color-text: var(--ui-color-text);
97
97
  @com-color-header-text: var(--ui-color-header-text);
98
- @com-color-gray-text: var(--ui-color-gray-text);
98
+ @com-color-muted-text: var(--ui-color-muted-text);
99
99
 
100
- @com-input-height: var(--ui-input-height-default);
100
+ @com-input-height: var(--ui-input-height-m);
101
101
 
102
- @com-text-default: var(--ui-text-default);
103
- @com-text-medium: var(--ui-text-medium);
104
- @com-text-small: var(--ui-text-small);
102
+ @com-text-m: var(--ui-text-m);
103
+ @com-text-l: var(--ui-text-l);
104
+ @com-text-s: var(--ui-text-s);
105
105
 
106
- @com-space-micro: var(--ui-space-micro);
106
+ @com-space-2xs: var(--ui-space-2xs);
107
107
 
108
108
  @com-ani-time: var(--ui-ani-time);
109
109
 
@@ -121,7 +121,7 @@
121
121
 
122
122
  height: @com-input-height;
123
123
  line-height: @com-input-height;
124
- font-size: @com-text-default;
124
+ font-size: @com-text-m;
125
125
  font-weight: 500;
126
126
  color: @com-color-text;
127
127
 
@@ -153,7 +153,7 @@
153
153
  font-size: 10px;
154
154
 
155
155
  border-radius: 50%;
156
- border: 1px solid @com-color-gray-text;
156
+ border: 1px solid @com-color-muted-text;
157
157
 
158
158
  color: @com-color-text-on-primar;
159
159
 
package/dist/runtime/components/select.vue CHANGED
@@ -184,17 +184,17 @@ onMounted(() => {
184
184
  <style lang="less">
185
185
  @import (less) './styles/components.less';
186
186
 
187
- @com-space-micro: var(--ui-space-micro);
188
- @com-input-height-default: var(--ui-input-height-default);
187
+ @com-space-2xs: var(--ui-space-2xs);
188
+ @com-input-height-m: var(--ui-input-height-m);
189
189
 
190
190
  @com-font-header: var(--ui-font-header);
191
191
  @com-value-font-weight: @ui-select-value-font-weight;
192
192
 
193
- @com-text-default: var(--ui-text-default);
194
- @com-text-small: var(--ui-text-small);
193
+ @com-text-m: var(--ui-text-m);
194
+ @com-text-s: var(--ui-text-s);
195
195
 
196
196
  @com-color-text: var(--ui-color-text);
197
- @com-color-gray-text: var(--ui-color-gray-text);
197
+ @com-color-muted-text: var(--ui-color-muted-text);
198
198
  @com-color-header-text: var(--ui-color-header-text);
199
199
  @com-color-primary: var(--ui-color-primary);
200
200
  @com-color-surface: @ui-select-background-color;
@@ -202,7 +202,7 @@ onMounted(() => {
202
202
  @com-color-border: var(--ui-color-border-bolder);
203
203
  @com-color-error: var(--ui-color-error);
204
204
 
205
- @com-border-radius-default: var(--ui-border-radius-default);
205
+ @com-border-radius-m: var(--ui-border-radius-m);
206
206
  @com-bs-1: var(--ui-bs-1);
207
207
 
208
208
  // Ally
@@ -211,7 +211,7 @@ onMounted(() => {
211
211
  .component-ui-select {
212
212
  position: relative;
213
213
  text-align: left;
214
- font-size: @com-text-default;
214
+ font-size: @com-text-m;
215
215
  line-height: 1.1;
216
216
 
217
217
  .wrapper {
@@ -221,7 +221,7 @@ onMounted(() => {
221
221
  opacity: 0;
222
222
  padding-right: 45px;
223
223
  padding-left: 10px;
224
- height: @com-input-height-default;
224
+ height: @com-input-height-m;
225
225
  width: 100%;
226
226
 
227
227
  cursor: pointer;
@@ -248,7 +248,7 @@ onMounted(() => {
248
248
  height: 100%;
249
249
 
250
250
  border: 1px solid @com-color-border;
251
- border-radius: @com-border-radius-default;
251
+ border-radius: @com-border-radius-m;
252
252
 
253
253
  cursor: pointer;
254
254
 
package/dist/runtime/components/spoiler.vue CHANGED
@@ -53,18 +53,18 @@
53
53
 
54
54
  <style lang="less">
55
55
  .component-ui-spoiler {
56
- @com-space-micro: var(--ui-space-micro);
56
+ @com-space-2xs: var(--ui-space-2xs);
57
57
  @com-ani-ease: var(--ui-ani-ease);
58
58
  @com-ani-time: var(--ui-ani-time);
59
59
  @com-color-primary-text: var(--ui-color-primary-text);
60
60
  @com-font-weight-medium: var(--ui-font-weight-medium);
61
61
 
62
62
  > .title {
63
- margin-left: calc(@com-space-micro * -1);
63
+ margin-left: calc(@com-space-2xs * -1);
64
64
  }
65
65
 
66
66
  > .title {
67
- padding-inline: @com-space-micro;
67
+ padding-inline: @com-space-2xs;
68
68
 
69
69
  .button-content .slot-default {
70
70
  padding-inline: 0;
package/dist/runtime/components/styles/components.less CHANGED
@@ -1,9 +1,9 @@
1
- @ui-accordion-title-font-size: var(--ui-text-medium);
2
- @ui-accordion-text-font-size: var(--ui-text-default);
3
- @ui-button-border-radius: var(--ui-input-height-large);
1
+ @ui-accordion-title-font-size: var(--ui-text-l);
2
+ @ui-accordion-text-font-size: var(--ui-text-m);
3
+ @ui-button-border-radius: var(--ui-input-height-2xl);
4
4
  @ui-map-user-position-color: var(--color-primary);
5
5
  @ui-select-value-font-weight: var(--ui-font-weight-medium);
6
6
  @ui-select-background-color: var(--ui-color-surface);
7
7
  @ui-input-background-color: var(--ui-color-bg);
8
8
  @ui-typeahead-input-list-bg: var(--ui-color-bg);
9
- @ui-typeahead-input-list-border-radius: var(--ui-border-radius-small);
9
+ @ui-typeahead-input-list-border-radius: var(--ui-border-radius-s);
package/dist/runtime/components/text-spoiler.vue CHANGED
@@ -66,14 +66,14 @@ function handleClick() {
66
66
 
67
67
  <style lang="less">
68
68
  .component-ui-text-spoiler {
69
- @com-space-mini: var(--ui-space-mini);
69
+ @com-space-xs: var(--ui-space-xs);
70
70
  @com-ani-ease: var(--ui-ani-ease);
71
71
  @com-ani-time: var(--ui-ani-time);
72
72
  @com-color-primary-text: var(--ui-color-primary-text);
73
73
  @com-font-weight-medium: var(--ui-font-weight-medium);
74
74
 
75
75
  > .title {
76
- padding-top: @com-space-mini;
76
+ padding-top: @com-space-xs;
77
77
 
78
78
  color: @com-color-primary-text;
79
79
  font-weight: @com-font-weight-medium;
package/dist/runtime/components/textarea/index.vue CHANGED
@@ -106,28 +106,28 @@
106
106
  @com-ani-ease: var(--ui-ani-ease);
107
107
 
108
108
  // Border radius
109
- @com-border-radius-default: var(--ui-border-radius-default);
110
- @com-border-radius-default-big: var(--ui-border-radius-big);
109
+ @com-border-radius-m: var(--ui-border-radius-m);
110
+ @com-border-radius-l: var(--ui-border-radius-l);
111
111
 
112
112
  // Colors
113
113
  @com-color-primary: var(--ui-color-primary);
114
114
  @com-color-bg: var(--ui-color-bg);
115
115
  @com-color-border-bolder: var(--ui-color-border-bolder);
116
116
  @com-color-header-text: var(--ui-color-header-text);
117
- @com-color-gray-text: var(--ui-color-gray-text);
117
+ @com-color-muted-text: var(--ui-color-muted-text);
118
118
  @com-color-error: var(--ui-color-error);
119
119
 
120
120
  // Padding
121
- @com-space-default: var(--ui-space-default);
122
- @com-space-mini: var(--ui-space-mini);
123
- @com-space-small: var(--ui-space-small);
121
+ @com-space-m: var(--ui-space-m);
122
+ @com-space-xs: var(--ui-space-xs);
123
+ @com-space-s: var(--ui-space-s);
124
124
 
125
125
  // Font
126
126
  @com-font-text: var(--ui-font-text);
127
127
 
128
128
  // Text size
129
- @com-text-default: var(--ui-text-default);
130
- @com-text-small: var(--ui-text-small);
129
+ @com-text-m: var(--ui-text-m);
130
+ @com-text-s: var(--ui-text-s);
131
131
 
132
132
  // Ally
133
133
  @com-outline: var(--ui-outline);
@@ -140,16 +140,16 @@
140
140
  box-sizing: border-box;
141
141
 
142
142
  display: block;
143
- padding: @com-space-mini;
143
+ padding: @com-space-xs;
144
144
  width: 100%;
145
145
  height: 100px;
146
146
 
147
147
  font-family: @com-font-text;
148
- font-size: @com-text-default;
148
+ font-size: @com-text-m;
149
149
  color: @com-color-header-text;
150
150
 
151
151
  border: 1px solid @com-color-border-bolder;
152
- border-radius: @com-border-radius-default;
152
+ border-radius: @com-border-radius-m;
153
153
  background: @com-color-bg;
154
154
  }
155
155
 
@@ -160,7 +160,7 @@
160
160
 
161
161
  // Shapes
162
162
  &.tag-shape-round-square textarea {
163
- border-radius: @com-border-radius-default-big;
163
+ border-radius: @com-border-radius-l;
164
164
  }
165
165
  &.tag-shape-square textarea {
166
166
  border-radius: 0;
package/dist/runtime/components/tooltip.vue CHANGED
@@ -63,15 +63,15 @@
63
63
  @com-ani-time: var(--ui-ani-time);
64
64
  @com-ani-ease: var(--ui-ani-ease);
65
65
 
66
- @com-space-small: var(--ui-space-small);
67
- @com-space-mini: var(--ui-space-mini);
66
+ @com-space-s: var(--ui-space-s);
67
+ @com-space-xs: var(--ui-space-xs);
68
68
 
69
- @com-text-default: var(--ui-text-default);
70
- @com-text-small: var(--ui-text-small);
69
+ @com-text-m: var(--ui-text-m);
70
+ @com-text-s: var(--ui-text-s);
71
71
 
72
72
  @com-color-border-bolder: var(--ui-color-border-bolder);
73
73
 
74
- @com-border-radius-default: var(--ui-border-radius-default);
74
+ @com-border-radius-m: var(--ui-border-radius-m);
75
75
  @com-bs-1: var(--ui-bs-1);
76
76
 
77
77
  .component-ui-tooltip {
@@ -83,13 +83,13 @@
83
83
  opacity: 0;
84
84
  visibility: hidden;
85
85
  position: absolute;
86
- padding: @com-space-mini;
86
+ padding: @com-space-xs;
87
87
  min-width: 200px;
88
88
  line-height: 1.3;
89
- font-size: @com-text-default;
89
+ font-size: @com-text-m;
90
90
  color: var(--ui-tooltip-text-color);
91
91
  background: var(--ui-tooltip-bg);
92
- border-radius: @com-border-radius-default;
92
+ border-radius: @com-border-radius-m;
93
93
  border: 1px solid @com-color-border-bolder;
94
94
  box-shadow: @com-bs-1;
95
95
 
@@ -103,7 +103,7 @@
103
103
  }
104
104
 
105
105
  &.tag-location-top {
106
- transform: translate3d(-50%, calc(@com-space-small * -1), 0);
106
+ transform: translate3d(-50%, calc(@com-space-s * -1), 0);
107
107
  bottom: 100%;
108
108
  left: 50%;
109
109
 
@@ -117,7 +117,7 @@
117
117
  }
118
118
 
119
119
  &.tag-location-left {
120
- transform: translate3d(calc(@com-space-small * -1), -50%, 0);
120
+ transform: translate3d(calc(@com-space-s * -1), -50%, 0);
121
121
  top: 50%;
122
122
  right: 100%;
123
123
 
package/dist/runtime/components/typeahead-input/index.vue CHANGED
@@ -13,6 +13,7 @@
13
13
  :required="required"
14
14
  :disabled="disabled"
15
15
  :placeholder="placeholder"
16
+ :size="size"
16
17
  @input="handleInputTyping"
17
18
  @focus="handleInputFocus(true)"
18
19
  @blur="handleInputFocus(false)"
@@ -27,6 +28,7 @@
27
28
  variant="flat"
28
29
  shape="square"
29
30
  :color="color"
31
+ :size="size"
30
32
 
31
33
  @click.stop="toggleList(true)"
32
34
  @keydown.down.prevent="selectFirstListItem"
@@ -43,7 +45,8 @@
43
45
  <ui-button
44
46
  variant="flat"
45
47
  shape="square"
46
- :color="color"
48
+ :color="color"
49
+ :size="size"
47
50
 
48
51
  @click.stop="emit('update:modelValue', '')"
49
52
 
@@ -54,7 +57,7 @@
54
57
  </ui-button>
55
58
  </template>
56
59
  </ui-input>
57
- <ui-button shape="default" :disabled="disabled" :color="color">{{ dictionary['submit'] }}</ui-button>
60
+ <ui-button shape="default" :disabled="disabled" :color="color" :size="size">{{ dictionary['submit'] }}</ui-button>
58
61
  </div>
59
62
 
60
63
  <Teleport to="body">
@@ -134,7 +137,7 @@
134
137
  },
135
138
  size: {
136
139
  type: String,
137
- default: 'medium'
140
+ default: 'm'
138
141
  },
139
142
  dictionary: {
140
143
  type: Object,
@@ -463,17 +466,17 @@
463
466
  <style lang="less">
464
467
  @import '../styles/components.less';
465
468
 
466
- @com-text-small: var(--ui-text-small);
469
+ @com-text-s: var(--ui-text-s);
467
470
 
468
- @com-input-height-default: var(--ui-input-height-default);
471
+ @com-input-height-m: var(--ui-input-height-m);
469
472
 
470
473
  @com-color-primary: var(--ui-color-primary);
471
474
  @com-color-text-on-primary: var(--ui-color-text-on-primary);
472
475
  @com-color-surface: @ui-typeahead-input-list-bg;
473
476
  @com-color-border: var(--ui-color-border);
474
477
 
475
- @com-space-mini: var(--ui-space-mini);
476
- @com-space-micro: var(--ui-space-micro);
478
+ @com-space-xs: var(--ui-space-xs);
479
+ @com-space-2xs: var(--ui-space-2xs);
477
480
 
478
481
  @com-border-radius: @ui-typeahead-input-list-border-radius;
479
482
 
@@ -491,19 +494,19 @@
491
494
 
492
495
  .component-ui-typeahead-input-grid {
493
496
  display: flex;
494
- gap: @com-space-micro;
497
+ gap: @com-space-2xs;
495
498
 
496
499
  > .component-ui-input { flex: 1; }
497
500
  > .component-ui-button {
498
501
  flex: 0 0 auto;
499
- padding: 0 @com-space-micro;
502
+ padding: 0 @com-space-2xs;
500
503
  }
501
504
 
502
505
  .component-ui-input .component-ui-button {
503
506
  padding: 0;
504
- width: @com-input-height-default;
507
+ width: @com-input-height-m;
505
508
  height: 100%;
506
- font-size: @com-text-small;
509
+ font-size: @com-text-s;
507
510
 
508
511
  .slot-default {
509
512
  position: relative;
@@ -538,7 +541,7 @@
538
541
  }
539
542
 
540
543
  li {
541
- padding: @com-space-micro @com-space-mini;
544
+ padding: @com-space-2xs @com-space-xs;
542
545
  cursor: pointer;
543
546
 
544
547
  &:hover,
@@ -550,11 +553,11 @@
550
553
 
551
554
  .component-ui-typeahead-input-list--header {
552
555
  text-align: center;
553
- padding: @com-space-mini;
556
+ padding: @com-space-xs;
554
557
  }
555
558
 
556
559
  .component-ui-typeahead-input-list--footer {
557
- padding: @com-space-mini;
560
+ padding: @com-space-xs;
558
561
  }
559
562
  }
560
563
  </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@community-release/nx-ui",
3
- "version": "0.0.73",
3
+ "version": "0.0.75",
4
4
  "packageManager": "pnpm@10.14.0",
5
5
  "description": "nx-ui - Nuxt UI library",
6
6
  "repository": {