@community-release/nx-ui 0.0.75 → 0.0.77

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 (18) hide show
  1. package/dist/module.d.mts +7 -7
  2. package/dist/module.d.ts +7 -7
  3. package/dist/module.json +1 -1
  4. package/dist/module.mjs +7 -7
  5. package/dist/runtime/components/button/index.vue +19 -19
  6. package/dist/runtime/components/checkbox.vue +2 -2
  7. package/dist/runtime/components/filter/index.vue +3 -3
  8. package/dist/runtime/components/input/index.vue +14 -14
  9. package/dist/runtime/components/map/device-zoom-switch.vue +1 -1
  10. package/dist/runtime/components/map/location/index.vue +3 -3
  11. package/dist/runtime/components/map/location/nearest.vue +1 -1
  12. package/dist/runtime/components/map/openlayers/index.vue +3 -3
  13. package/dist/runtime/components/map/zoom.vue +1 -1
  14. package/dist/runtime/components/radio.vue +3 -3
  15. package/dist/runtime/components/select.vue +2 -2
  16. package/dist/runtime/components/styles/components.less +1 -1
  17. package/dist/runtime/components/typeahead-input/index.vue +2 -2
  18. package/package.json +1 -1
package/dist/module.d.mts CHANGED
@@ -10,12 +10,12 @@ var defaultStyle = {
10
10
  "border-radius-m": "8px",
11
11
  "border-radius-s": "3px",
12
12
  // Inputs height
13
- "input-height-2xl": "60px",
14
- "input-height-xl": "52px",
15
- "input-height-l": "48px",
16
- "input-height-m": "42px",
17
- "input-height-s": "32px",
18
- "input-height-xs": "24px",
13
+ "input-size-2xl": "60px",
14
+ "input-size-xl": "52px",
15
+ "input-size-l": "48px",
16
+ "input-size-m": "42px",
17
+ "input-size-s": "32px",
18
+ "input-size-xs": "24px",
19
19
  // Line height
20
20
  "text-line-height": 1.4,
21
21
  // Colors
@@ -106,7 +106,7 @@ var defaultComponentsStyle = {
106
106
  "text-font-size": "var(--ui-text-m)"
107
107
  },
108
108
  button: {
109
- "border-radius": "var(--ui-input-height-2xl)"
109
+ "border-radius": "var(--ui-input-size-2xl)"
110
110
  },
111
111
  map: {
112
112
  "user-position-color": "var(--ui-color-primary)"
package/dist/module.d.ts CHANGED
@@ -10,12 +10,12 @@ var defaultStyle = {
10
10
  "border-radius-m": "8px",
11
11
  "border-radius-s": "3px",
12
12
  // Inputs height
13
- "input-height-2xl": "60px",
14
- "input-height-xl": "52px",
15
- "input-height-l": "48px",
16
- "input-height-m": "42px",
17
- "input-height-s": "32px",
18
- "input-height-xs": "24px",
13
+ "input-size-2xl": "60px",
14
+ "input-size-xl": "52px",
15
+ "input-size-l": "48px",
16
+ "input-size-m": "42px",
17
+ "input-size-s": "32px",
18
+ "input-size-xs": "24px",
19
19
  // Line height
20
20
  "text-line-height": 1.4,
21
21
  // Colors
@@ -106,7 +106,7 @@ var defaultComponentsStyle = {
106
106
  "text-font-size": "var(--ui-text-m)"
107
107
  },
108
108
  button: {
109
- "border-radius": "var(--ui-input-height-2xl)"
109
+ "border-radius": "var(--ui-input-size-2xl)"
110
110
  },
111
111
  map: {
112
112
  "user-position-color": "var(--ui-color-primary)"
package/dist/module.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "ui",
3
3
  "configKey": "ui",
4
- "version": "0.0.75"
4
+ "version": "0.0.77"
5
5
  }
package/dist/module.mjs CHANGED
@@ -10,12 +10,12 @@ const defaultStyle = {
10
10
  "border-radius-m": "8px",
11
11
  "border-radius-s": "3px",
12
12
  // Inputs height
13
- "input-height-2xl": "60px",
14
- "input-height-xl": "52px",
15
- "input-height-l": "48px",
16
- "input-height-m": "42px",
17
- "input-height-s": "32px",
18
- "input-height-xs": "24px",
13
+ "input-size-2xl": "60px",
14
+ "input-size-xl": "52px",
15
+ "input-size-l": "48px",
16
+ "input-size-m": "42px",
17
+ "input-size-s": "32px",
18
+ "input-size-xs": "24px",
19
19
  // Line height
20
20
  "text-line-height": 1.4,
21
21
  // Colors
@@ -106,7 +106,7 @@ const defaultComponentsStyle = {
106
106
  "text-font-size": "var(--ui-text-m)"
107
107
  },
108
108
  button: {
109
- "border-radius": "var(--ui-input-height-2xl)"
109
+ "border-radius": "var(--ui-input-size-2xl)"
110
110
  },
111
111
  map: {
112
112
  "user-position-color": "var(--ui-color-primary)"
package/dist/runtime/components/button/index.vue CHANGED
@@ -176,12 +176,12 @@
176
176
  --button-background: v-bind(styles.background);
177
177
 
178
178
  // Input height
179
- @com-input-height-2xl: var(--ui-input-height-2xl);
180
- @com-input-height-xl: var(--ui-input-height-xl);
181
- @com-input-height-l: var(--ui-input-height-l);
182
- @com-input-height-m: var(--ui-input-height-m);
183
- @com-input-height-s: var(--ui-input-height-s);
184
- @com-input-height-xs: var(--ui-input-height-xs);
179
+ @com-input-size-2xl: var(--ui-input-size-2xl);
180
+ @com-input-size-xl: var(--ui-input-size-xl);
181
+ @com-input-size-l: var(--ui-input-size-l);
182
+ @com-input-size-m: var(--ui-input-size-m);
183
+ @com-input-size-s: var(--ui-input-size-s);
184
+ @com-input-size-xs: var(--ui-input-size-xs);
185
185
 
186
186
  // Animation
187
187
  @com-ani-time: var(--ui-ani-time);
@@ -197,7 +197,7 @@
197
197
  // Border radius
198
198
  @com-border-radius-m: var(--ui-border-radius-m);
199
199
  @com-border-radius-s: var(--ui-border-radius-s);
200
- @com-border-radius-round: var(--ui-input-height-2xl);
200
+ @com-border-radius-round: var(--ui-input-size-2xl);
201
201
 
202
202
  // Padding
203
203
  @com-space-m: var(--ui-space-m);
@@ -223,7 +223,7 @@
223
223
  vertical-align: top;
224
224
 
225
225
  padding: 0 @com-space-m;
226
- height: @com-input-height-m;
226
+ height: @com-input-size-m;
227
227
  line-height: 1.1;
228
228
 
229
229
  text-align: center;
@@ -310,14 +310,14 @@
310
310
  // Shapes
311
311
  &.tag-shape-circle {
312
312
  padding: 0 !important;
313
- width: @com-input-height-m;
313
+ width: @com-input-size-m;
314
314
  border-radius: 50%;
315
315
 
316
- &.tag-size-2xl { width: @com-input-height-2xl; }
317
- &.tag-size-xl { width: @com-input-height-xl; }
318
- &.tag-size-l { width: @com-input-height-xl; }
319
- &.tag-size-s { width: @com-input-height-s; }
320
- &.tag-size-xs { width: @com-input-height-xs; }
316
+ &.tag-size-2xl { width: @com-input-size-2xl; }
317
+ &.tag-size-xl { width: @com-input-size-xl; }
318
+ &.tag-size-l { width: @com-input-size-xl; }
319
+ &.tag-size-s { width: @com-input-size-s; }
320
+ &.tag-size-xs { width: @com-input-size-xs; }
321
321
  }
322
322
  &.tag-shape-round {
323
323
  border-radius: @com-border-radius-round;
@@ -338,20 +338,20 @@
338
338
 
339
339
  // Size
340
340
  &.tag-size-2xl {
341
- height: @com-input-height-2xl;
341
+ height: @com-input-size-2xl;
342
342
  }
343
343
 
344
344
  &.tag-size-xl {
345
- height: @com-input-height-xl;
345
+ height: @com-input-size-xl;
346
346
  }
347
347
 
348
348
  &.tag-size-l {
349
- height: @com-input-height-l;
349
+ height: @com-input-size-l;
350
350
  }
351
351
 
352
352
  &.tag-size-s {
353
353
  padding: 0 @com-space-s;
354
- height: @com-input-height-s;
354
+ height: @com-input-size-s;
355
355
 
356
356
  font-size: @com-text-s;
357
357
 
@@ -362,7 +362,7 @@
362
362
 
363
363
  &.tag-size-xs {
364
364
  padding: 0 10px;
365
- height: @com-input-height-xs;
365
+ height: @com-input-size-xs;
366
366
 
367
367
  font-size: @com-text-xs;
368
368
 
package/dist/runtime/components/checkbox.vue CHANGED
@@ -103,7 +103,7 @@
103
103
  @com-text-l: var(--ui-text-l);
104
104
  @com-text-s: var(--ui-text-s);
105
105
 
106
- @com-input-height: var(--ui-input-height-m);
106
+ @com-input-size: var(--ui-input-size-m);
107
107
 
108
108
  @com-space-2xs: var(--ui-space-2xs);
109
109
 
@@ -118,7 +118,7 @@
118
118
  margin: 0;
119
119
  padding: 0 0 0 30px;
120
120
 
121
- height: @com-input-height;
121
+ height: @com-input-size;
122
122
  font-size: @com-text-m;
123
123
  font-weight: 500;
124
124
 
package/dist/runtime/components/filter/index.vue CHANGED
@@ -92,7 +92,7 @@ function genUpdatedValue(id) {
92
92
  @com-space-m: var(--ui-space-m);
93
93
  @com-space-s: var(--ui-space-s);
94
94
 
95
- @com-input-height-s: var(--ui-input-height-s);
95
+ @com-input-size-s: var(--ui-input-size-s);
96
96
 
97
97
  --active-color: v-bind(activeColor);
98
98
  --active-bg: v-bind(activeBg);
@@ -113,8 +113,8 @@ function genUpdatedValue(id) {
113
113
  margin-right: @com-space-s;
114
114
  padding: 0 @com-space-s;
115
115
 
116
- height: @com-input-height-s;
117
- line-height: @com-input-height-s;
116
+ height: @com-input-size-s;
117
+ line-height: @com-input-size-s;
118
118
 
119
119
  border-radius: 30px;
120
120
  cursor: pointer;
package/dist/runtime/components/input/index.vue CHANGED
@@ -153,17 +153,17 @@
153
153
  @com-ani-ease: var(--ui-ani-ease);
154
154
 
155
155
  // Input height
156
- @com-input-height-2xl: var(--ui-input-height-2xl);
157
- @com-input-height-xl: var(--ui-input-height-xl);
158
- @com-input-height-l: var(--ui-input-height-l);
159
- @com-input-height-m: var(--ui-input-height-m);
160
- @com-input-height-s: var(--ui-input-height-s);
161
- @com-input-height-xs: var(--ui-input-height-xs);
156
+ @com-input-size-2xl: var(--ui-input-size-2xl);
157
+ @com-input-size-xl: var(--ui-input-size-xl);
158
+ @com-input-size-l: var(--ui-input-size-l);
159
+ @com-input-size-m: var(--ui-input-size-m);
160
+ @com-input-size-s: var(--ui-input-size-s);
161
+ @com-input-size-xs: var(--ui-input-size-xs);
162
162
 
163
163
  // Border radius
164
164
  @com-border-radius-m: var(--ui-border-radius-m);
165
165
  @com-border-radius-s: var(--ui-border-radius-s);
166
- @com-border-radius-round: var(--ui-input-height-2xl);
166
+ @com-border-radius-round: var(--ui-input-size-2xl);
167
167
 
168
168
  // Color
169
169
  @com-color-border-bolder: var(--ui-color-border-bolder);
@@ -192,7 +192,7 @@
192
192
  .component-ui-input {
193
193
  overflow: hidden;
194
194
  position: relative;
195
- height: @com-input-height-m;
195
+ height: @com-input-size-m;
196
196
  border: 1px solid @com-color-border-bolder;
197
197
  border-radius: @com-border-radius-m;
198
198
  background: @com-color-surface;
@@ -247,23 +247,23 @@
247
247
  }
248
248
 
249
249
  // Size
250
- &.tag-size-2xl { height: @com-input-height-2xl; }
251
- &.tag-size-xl { height: @com-input-height-xl; }
252
- &.tag-size-l { height: @com-input-height-l; }
250
+ &.tag-size-2xl { height: @com-input-size-2xl; }
251
+ &.tag-size-xl { height: @com-input-size-xl; }
252
+ &.tag-size-l { height: @com-input-size-l; }
253
253
  &.tag-size-m {
254
254
  //padding: 0 @com-space-s;
255
- height: @com-input-height-m;
255
+ height: @com-input-size-m;
256
256
  font-size: @com-text-s;
257
257
  }
258
258
 
259
259
  &.tag-size-s {
260
- height: @com-input-height-s;
260
+ height: @com-input-size-s;
261
261
  font-size: @com-text-s;
262
262
  }
263
263
 
264
264
  &.tag-size-xs {
265
265
  //padding: 0 10px;
266
- height: @com-input-height-xs;
266
+ height: @com-input-size-xs;
267
267
  font-size: @com-text-xs;
268
268
 
269
269
  .loading-indicator {
package/dist/runtime/components/map/device-zoom-switch.vue CHANGED
@@ -46,7 +46,7 @@ function handleClick(e) {
46
46
  </script>
47
47
 
48
48
  <style lang="less">
49
- @com-size: var(--ui-input-height-m);
49
+ @com-size: var(--ui-input-size-m);
50
50
  @com-border-radius-m: var(--ui-border-radius-m);
51
51
  @com-ani-time: var(--ui-ani-time);
52
52
  @com-ani-ease: var(--ui-ani-ease);
package/dist/runtime/components/map/location/index.vue CHANGED
@@ -46,7 +46,7 @@ const hasSlot = (name) => {
46
46
  </script>
47
47
 
48
48
  <style lang="less">
49
- @com-input-height: var(--ui-input-height-m);
49
+ @com-input-size: var(--ui-input-size-m);
50
50
 
51
51
  @com-map-padding: var(--ui-map-padding);
52
52
  @com-space-xs: var(--ui-space-xs);
@@ -71,7 +71,7 @@ const hasSlot = (name) => {
71
71
 
72
72
  inset: 0 0 auto 0;
73
73
  max-width: 100%;
74
- height: @com-input-height;
74
+ height: @com-input-size;
75
75
  }
76
76
 
77
77
  .location-slot-default {
@@ -99,7 +99,7 @@ const hasSlot = (name) => {
99
99
 
100
100
  &.tag-slot-header-and-default {
101
101
  .location-slot-default {
102
- inset: calc(@com-input-height + @com-space-xs) 0 0 0;
102
+ inset: calc(@com-input-size + @com-space-xs) 0 0 0;
103
103
  }
104
104
  }
105
105
  }
package/dist/runtime/components/map/location/nearest.vue CHANGED
@@ -115,7 +115,7 @@
115
115
  <style lang="less">
116
116
  @import url(../../styles/mixins.less);
117
117
 
118
- @com-height: var(--ui-input-height-m);
118
+ @com-height: var(--ui-input-size-m);
119
119
 
120
120
  @com-border-radius-m: var(--ui-border-radius-m);
121
121
  @com-space-m: var(--ui-space-m);
package/dist/runtime/components/map/openlayers/index.vue CHANGED
@@ -236,13 +236,13 @@
236
236
 
237
237
  // Iterate all markers
238
238
  for (let item of markers.value) {
239
- if (!(item.marker in styleCache))
239
+ if (item?.marker && !(item.marker in styleCache))
240
240
  styleCache[item.marker] = new Style({ image: new Icon({ src: item.marker }) });
241
241
 
242
- if (!(item.markerActive in styleCache))
242
+ if (item?.markerActive && !(item.markerActive in styleCache))
243
243
  styleCache[item.markerActive] = new Style({ image: new Icon({ src: item.markerActive }) });
244
244
 
245
- if (!(item.markerDisabled in styleCache))
245
+ if (item?.markerDisabled && !(item.markerDisabled in styleCache))
246
246
  styleCache[item.markerDisabled] = new Style({ image: new Icon({ src: item.markerDisabled }) });
247
247
  }
248
248
 
package/dist/runtime/components/map/zoom.vue CHANGED
@@ -12,7 +12,7 @@ const props = defineProps(['store']);
12
12
  </script>
13
13
 
14
14
  <style lang="less">
15
- @com-width: var(--ui-input-height-m);
15
+ @com-width: var(--ui-input-size-m);
16
16
  @com-border-radius-m: var(--ui-border-radius-m);
17
17
 
18
18
  // Padding
package/dist/runtime/components/radio.vue CHANGED
@@ -97,7 +97,7 @@
97
97
  @com-color-header-text: var(--ui-color-header-text);
98
98
  @com-color-muted-text: var(--ui-color-muted-text);
99
99
 
100
- @com-input-height: var(--ui-input-height-m);
100
+ @com-input-size: var(--ui-input-size-m);
101
101
 
102
102
  @com-text-m: var(--ui-text-m);
103
103
  @com-text-l: var(--ui-text-l);
@@ -119,8 +119,8 @@
119
119
  margin: 0;
120
120
  padding: 0 0 0 30px;
121
121
 
122
- height: @com-input-height;
123
- line-height: @com-input-height;
122
+ height: @com-input-size;
123
+ line-height: @com-input-size;
124
124
  font-size: @com-text-m;
125
125
  font-weight: 500;
126
126
  color: @com-color-text;
package/dist/runtime/components/select.vue CHANGED
@@ -185,7 +185,7 @@ onMounted(() => {
185
185
  @import (less) './styles/components.less';
186
186
 
187
187
  @com-space-2xs: var(--ui-space-2xs);
188
- @com-input-height-m: var(--ui-input-height-m);
188
+ @com-input-size-m: var(--ui-input-size-m);
189
189
 
190
190
  @com-font-header: var(--ui-font-header);
191
191
  @com-value-font-weight: @ui-select-value-font-weight;
@@ -221,7 +221,7 @@ onMounted(() => {
221
221
  opacity: 0;
222
222
  padding-right: 45px;
223
223
  padding-left: 10px;
224
- height: @com-input-height-m;
224
+ height: @com-input-size-m;
225
225
  width: 100%;
226
226
 
227
227
  cursor: pointer;
package/dist/runtime/components/styles/components.less CHANGED
@@ -1,6 +1,6 @@
1
1
  @ui-accordion-title-font-size: var(--ui-text-l);
2
2
  @ui-accordion-text-font-size: var(--ui-text-m);
3
- @ui-button-border-radius: var(--ui-input-height-2xl);
3
+ @ui-button-border-radius: var(--ui-input-size-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);
package/dist/runtime/components/typeahead-input/index.vue CHANGED
@@ -468,7 +468,7 @@
468
468
 
469
469
  @com-text-s: var(--ui-text-s);
470
470
 
471
- @com-input-height-m: var(--ui-input-height-m);
471
+ @com-input-size-m: var(--ui-input-size-m);
472
472
 
473
473
  @com-color-primary: var(--ui-color-primary);
474
474
  @com-color-text-on-primary: var(--ui-color-text-on-primary);
@@ -504,7 +504,7 @@
504
504
 
505
505
  .component-ui-input .component-ui-button {
506
506
  padding: 0;
507
- width: @com-input-height-m;
507
+ width: @com-input-size-m;
508
508
  height: 100%;
509
509
  font-size: @com-text-s;
510
510
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@community-release/nx-ui",
3
- "version": "0.0.75",
3
+ "version": "0.0.77",
4
4
  "packageManager": "pnpm@10.14.0",
5
5
  "description": "nx-ui - Nuxt UI library",
6
6
  "repository": {