@community-release/nx-ui 0.0.74 → 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 (30) 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 +6 -7
  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/zoom.vue +13 -13
  20. package/dist/runtime/components/notice/index.vue +3 -3
  21. package/dist/runtime/components/notice/notice-item.vue +8 -8
  22. package/dist/runtime/components/radio.vue +8 -8
  23. package/dist/runtime/components/select.vue +9 -9
  24. package/dist/runtime/components/spoiler.vue +3 -3
  25. package/dist/runtime/components/styles/components.less +4 -4
  26. package/dist/runtime/components/text-spoiler.vue +2 -2
  27. package/dist/runtime/components/textarea/index.vue +12 -12
  28. package/dist/runtime/components/tooltip.vue +10 -10
  29. package/dist/runtime/components/typeahead-input/index.vue +17 -14
  30. package/package.json +1 -1
package/dist/module.d.mts CHANGED
@@ -6,21 +6,22 @@ var defaultStyle = {
6
6
  "content-width": "1400px",
7
7
  // website content width
8
8
  // Border radius
9
- "border-radius-big": "18px",
10
- "border-radius-default": "8px",
11
- "border-radius-small": "3px",
9
+ "border-radius-l": "18px",
10
+ "border-radius-m": "8px",
11
+ "border-radius-s": "3px",
12
12
  // Inputs height
13
- "input-height-large": "60px",
14
- "input-height-big": "52px",
15
- "input-height-medium": "48px",
16
- "input-height-default": "42px",
17
- "input-height-small": "32px",
18
- "input-height-mini": "24px",
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",
19
19
  // Line height
20
20
  "text-line-height": 1.4,
21
21
  // Colors
22
22
  "color-text": "rgba(0,0,0,0.8)",
23
23
  "color-header-text": "rgba(0,0,0,1)",
24
+ "color-muted-text": "rgba(56,60,68, 1)",
24
25
  "color-primary": "blue",
25
26
  "color-primary-text": "blue",
26
27
  "color-text-on-primary": "#fff",
@@ -28,7 +29,7 @@ var defaultStyle = {
28
29
  "color-secondary-text": "cyan",
29
30
  "color-text-on-secondary": "#fff",
30
31
  "color-gray": "rgba(56,60,68, 0.8)",
31
- "color-gray-text": "rgba(56,60,68, 1)",
32
+ "color-gray-text": "var(--color-muted-text)",
32
33
  "color-text-on-gray": "#fff",
33
34
  "color-red": "red",
34
35
  "color-red-text": "var(--color-red)",
@@ -47,12 +48,12 @@ var defaultStyle = {
47
48
  "color-border": "#e8e8e8",
48
49
  "color-border-bolder": "#e0e0e0",
49
50
  // Text
50
- "text-large": "32px",
51
- "text-big": "24px",
52
- "text-medium": "18px",
53
- "text-default": "16px",
54
- "text-small": "14px",
55
- "text-mini": "12px",
51
+ "text-2xl": "32px",
52
+ "text-xl": "24px",
53
+ "text-l": "18px",
54
+ "text-m": "16px",
55
+ "text-s": "14px",
56
+ "text-xs": "12px",
56
57
  // Font
57
58
  "font-text": '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";',
58
59
  "font-header": "var(--font-text)",
@@ -63,14 +64,14 @@ var defaultStyle = {
63
64
  "font-weight-bold": "700",
64
65
  "font-weight-medium": "600",
65
66
  // Padding
66
- "space-extra-large": "100px",
67
- "space-large": "50px",
68
- "space-big": "32px",
69
- "space-medium": "25px",
70
- "space-default": "20px",
71
- "space-small": "15px",
72
- "space-mini": "10px",
73
- "space-micro": "5px",
67
+ "space-3xl": "100px",
68
+ "space-2xl": "50px",
69
+ "space-xl": "32px",
70
+ "space-l": "25px",
71
+ "space-m": "20px",
72
+ "space-s": "15px",
73
+ "space-xs": "10px",
74
+ "space-2xs": "5px",
74
75
  // Box shadow
75
76
  "bs-1": "0 3px 8px rgba(13,72,177, 0.03), 0 6px 16px rgba(13,72,177, 0.03)",
76
77
  "bs-2": "0 1px 3px rgba(13,72,177, 0.07), 0 1px 2px rgba(13,72,177, 0.1)",
@@ -101,11 +102,11 @@ var generateStyle = (options) => {
101
102
 
102
103
  var defaultComponentsStyle = {
103
104
  accordion: {
104
- "title-font-size": "var(--ui-text-medium)",
105
- "text-font-size": "var(--ui-text-default)"
105
+ "title-font-size": "var(--ui-text-l)",
106
+ "text-font-size": "var(--ui-text-m)"
106
107
  },
107
108
  button: {
108
- "border-radius": "var(--ui-input-height-large)"
109
+ "border-radius": "var(--ui-input-height-2xl)"
109
110
  },
110
111
  map: {
111
112
  "user-position-color": "var(--ui-color-primary)"
@@ -119,7 +120,7 @@ var defaultComponentsStyle = {
119
120
  },
120
121
  "typeahead-input": {
121
122
  "list-bg": "var(--ui-color-bg)",
122
- "list-border-radius": "var(--ui-border-radius-small)"
123
+ "list-border-radius": "var(--ui-border-radius-s)"
123
124
  }
124
125
  };
125
126
 
@@ -236,16 +237,6 @@ var module = defineNuxtModule({
236
237
  name: "ui-map-location-nearest",
237
238
  global: false
238
239
  });
239
- addComponent({
240
- filePath: resolve("./runtime/components/file-input/index"),
241
- name: "ui-file-input",
242
- global: false
243
- });
244
- addComponent({
245
- filePath: resolve("./runtime/components/file-input/preview"),
246
- name: "ui-file-input-preview",
247
- global: false
248
- });
249
240
  }
250
241
  });
251
242
 
package/dist/module.d.ts CHANGED
@@ -6,21 +6,22 @@ var defaultStyle = {
6
6
  "content-width": "1400px",
7
7
  // website content width
8
8
  // Border radius
9
- "border-radius-big": "18px",
10
- "border-radius-default": "8px",
11
- "border-radius-small": "3px",
9
+ "border-radius-l": "18px",
10
+ "border-radius-m": "8px",
11
+ "border-radius-s": "3px",
12
12
  // Inputs height
13
- "input-height-large": "60px",
14
- "input-height-big": "52px",
15
- "input-height-medium": "48px",
16
- "input-height-default": "42px",
17
- "input-height-small": "32px",
18
- "input-height-mini": "24px",
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",
19
19
  // Line height
20
20
  "text-line-height": 1.4,
21
21
  // Colors
22
22
  "color-text": "rgba(0,0,0,0.8)",
23
23
  "color-header-text": "rgba(0,0,0,1)",
24
+ "color-muted-text": "rgba(56,60,68, 1)",
24
25
  "color-primary": "blue",
25
26
  "color-primary-text": "blue",
26
27
  "color-text-on-primary": "#fff",
@@ -28,7 +29,7 @@ var defaultStyle = {
28
29
  "color-secondary-text": "cyan",
29
30
  "color-text-on-secondary": "#fff",
30
31
  "color-gray": "rgba(56,60,68, 0.8)",
31
- "color-gray-text": "rgba(56,60,68, 1)",
32
+ "color-gray-text": "var(--color-muted-text)",
32
33
  "color-text-on-gray": "#fff",
33
34
  "color-red": "red",
34
35
  "color-red-text": "var(--color-red)",
@@ -47,12 +48,12 @@ var defaultStyle = {
47
48
  "color-border": "#e8e8e8",
48
49
  "color-border-bolder": "#e0e0e0",
49
50
  // Text
50
- "text-large": "32px",
51
- "text-big": "24px",
52
- "text-medium": "18px",
53
- "text-default": "16px",
54
- "text-small": "14px",
55
- "text-mini": "12px",
51
+ "text-2xl": "32px",
52
+ "text-xl": "24px",
53
+ "text-l": "18px",
54
+ "text-m": "16px",
55
+ "text-s": "14px",
56
+ "text-xs": "12px",
56
57
  // Font
57
58
  "font-text": '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";',
58
59
  "font-header": "var(--font-text)",
@@ -63,14 +64,14 @@ var defaultStyle = {
63
64
  "font-weight-bold": "700",
64
65
  "font-weight-medium": "600",
65
66
  // Padding
66
- "space-extra-large": "100px",
67
- "space-large": "50px",
68
- "space-big": "32px",
69
- "space-medium": "25px",
70
- "space-default": "20px",
71
- "space-small": "15px",
72
- "space-mini": "10px",
73
- "space-micro": "5px",
67
+ "space-3xl": "100px",
68
+ "space-2xl": "50px",
69
+ "space-xl": "32px",
70
+ "space-l": "25px",
71
+ "space-m": "20px",
72
+ "space-s": "15px",
73
+ "space-xs": "10px",
74
+ "space-2xs": "5px",
74
75
  // Box shadow
75
76
  "bs-1": "0 3px 8px rgba(13,72,177, 0.03), 0 6px 16px rgba(13,72,177, 0.03)",
76
77
  "bs-2": "0 1px 3px rgba(13,72,177, 0.07), 0 1px 2px rgba(13,72,177, 0.1)",
@@ -101,11 +102,11 @@ var generateStyle = (options) => {
101
102
 
102
103
  var defaultComponentsStyle = {
103
104
  accordion: {
104
- "title-font-size": "var(--ui-text-medium)",
105
- "text-font-size": "var(--ui-text-default)"
105
+ "title-font-size": "var(--ui-text-l)",
106
+ "text-font-size": "var(--ui-text-m)"
106
107
  },
107
108
  button: {
108
- "border-radius": "var(--ui-input-height-large)"
109
+ "border-radius": "var(--ui-input-height-2xl)"
109
110
  },
110
111
  map: {
111
112
  "user-position-color": "var(--ui-color-primary)"
@@ -119,7 +120,7 @@ var defaultComponentsStyle = {
119
120
  },
120
121
  "typeahead-input": {
121
122
  "list-bg": "var(--ui-color-bg)",
122
- "list-border-radius": "var(--ui-border-radius-small)"
123
+ "list-border-radius": "var(--ui-border-radius-s)"
123
124
  }
124
125
  };
125
126
 
@@ -236,16 +237,6 @@ var module = defineNuxtModule({
236
237
  name: "ui-map-location-nearest",
237
238
  global: false
238
239
  });
239
- addComponent({
240
- filePath: resolve("./runtime/components/file-input/index"),
241
- name: "ui-file-input",
242
- global: false
243
- });
244
- addComponent({
245
- filePath: resolve("./runtime/components/file-input/preview"),
246
- name: "ui-file-input-preview",
247
- global: false
248
- });
249
240
  }
250
241
  });
251
242
 
package/dist/module.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "ui",
3
3
  "configKey": "ui",
4
- "version": "0.0.74"
4
+ "version": "0.0.75"
5
5
  }
package/dist/module.mjs CHANGED
@@ -6,21 +6,22 @@ const defaultStyle = {
6
6
  "content-width": "1400px",
7
7
  // website content width
8
8
  // Border radius
9
- "border-radius-big": "18px",
10
- "border-radius-default": "8px",
11
- "border-radius-small": "3px",
9
+ "border-radius-l": "18px",
10
+ "border-radius-m": "8px",
11
+ "border-radius-s": "3px",
12
12
  // Inputs height
13
- "input-height-large": "60px",
14
- "input-height-big": "52px",
15
- "input-height-medium": "48px",
16
- "input-height-default": "42px",
17
- "input-height-small": "32px",
18
- "input-height-mini": "24px",
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",
19
19
  // Line height
20
20
  "text-line-height": 1.4,
21
21
  // Colors
22
22
  "color-text": "rgba(0,0,0,0.8)",
23
23
  "color-header-text": "rgba(0,0,0,1)",
24
+ "color-muted-text": "rgba(56,60,68, 1)",
24
25
  "color-primary": "blue",
25
26
  "color-primary-text": "blue",
26
27
  "color-text-on-primary": "#fff",
@@ -28,7 +29,7 @@ const defaultStyle = {
28
29
  "color-secondary-text": "cyan",
29
30
  "color-text-on-secondary": "#fff",
30
31
  "color-gray": "rgba(56,60,68, 0.8)",
31
- "color-gray-text": "rgba(56,60,68, 1)",
32
+ "color-gray-text": "var(--color-muted-text)",
32
33
  "color-text-on-gray": "#fff",
33
34
  "color-red": "red",
34
35
  "color-red-text": "var(--color-red)",
@@ -47,12 +48,12 @@ const defaultStyle = {
47
48
  "color-border": "#e8e8e8",
48
49
  "color-border-bolder": "#e0e0e0",
49
50
  // Text
50
- "text-large": "32px",
51
- "text-big": "24px",
52
- "text-medium": "18px",
53
- "text-default": "16px",
54
- "text-small": "14px",
55
- "text-mini": "12px",
51
+ "text-2xl": "32px",
52
+ "text-xl": "24px",
53
+ "text-l": "18px",
54
+ "text-m": "16px",
55
+ "text-s": "14px",
56
+ "text-xs": "12px",
56
57
  // Font
57
58
  "font-text": '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";',
58
59
  "font-header": "var(--font-text)",
@@ -63,14 +64,14 @@ const defaultStyle = {
63
64
  "font-weight-bold": "700",
64
65
  "font-weight-medium": "600",
65
66
  // Padding
66
- "space-extra-large": "100px",
67
- "space-large": "50px",
68
- "space-big": "32px",
69
- "space-medium": "25px",
70
- "space-default": "20px",
71
- "space-small": "15px",
72
- "space-mini": "10px",
73
- "space-micro": "5px",
67
+ "space-3xl": "100px",
68
+ "space-2xl": "50px",
69
+ "space-xl": "32px",
70
+ "space-l": "25px",
71
+ "space-m": "20px",
72
+ "space-s": "15px",
73
+ "space-xs": "10px",
74
+ "space-2xs": "5px",
74
75
  // Box shadow
75
76
  "bs-1": "0 3px 8px rgba(13,72,177, 0.03), 0 6px 16px rgba(13,72,177, 0.03)",
76
77
  "bs-2": "0 1px 3px rgba(13,72,177, 0.07), 0 1px 2px rgba(13,72,177, 0.1)",
@@ -101,11 +102,11 @@ const generateStyle = (options) => {
101
102
 
102
103
  const defaultComponentsStyle = {
103
104
  accordion: {
104
- "title-font-size": "var(--ui-text-medium)",
105
- "text-font-size": "var(--ui-text-default)"
105
+ "title-font-size": "var(--ui-text-l)",
106
+ "text-font-size": "var(--ui-text-m)"
106
107
  },
107
108
  button: {
108
- "border-radius": "var(--ui-input-height-large)"
109
+ "border-radius": "var(--ui-input-height-2xl)"
109
110
  },
110
111
  map: {
111
112
  "user-position-color": "var(--ui-color-primary)"
@@ -119,7 +120,7 @@ const defaultComponentsStyle = {
119
120
  },
120
121
  "typeahead-input": {
121
122
  "list-bg": "var(--ui-color-bg)",
122
- "list-border-radius": "var(--ui-border-radius-small)"
123
+ "list-border-radius": "var(--ui-border-radius-s)"
123
124
  }
124
125
  };
125
126
 
@@ -236,16 +237,6 @@ const module = defineNuxtModule({
236
237
  name: "ui-map-location-nearest",
237
238
  global: false
238
239
  });
239
- addComponent({
240
- filePath: resolve("./runtime/components/file-input/index"),
241
- name: "ui-file-input",
242
- global: false
243
- });
244
- addComponent({
245
- filePath: resolve("./runtime/components/file-input/preview"),
246
- name: "ui-file-input-preview",
247
- global: false
248
- });
249
240
  }
250
241
  });
251
242
 
package/dist/runtime/components/accordion/accordion-item.vue CHANGED
@@ -51,17 +51,17 @@
51
51
  @com-text-line-height: var(--ui-text-line-height);
52
52
 
53
53
  // Padding
54
- @com-space-default: var(--ui-space-default);
55
- @com-space-small: var(--ui-space-small);
56
- @com-space-mini: var(--ui-space-mini);
54
+ @com-space-m: var(--ui-space-m);
55
+ @com-space-s: var(--ui-space-s);
56
+ @com-space-xs: var(--ui-space-xs);
57
57
 
58
58
  // Colors
59
59
  @com-color-border: var(--ui-color-border);
60
60
  @com-color-header-text: var(--ui-color-header-text);
61
61
 
62
62
  // Text
63
- @com-text-medium: var(--ui-text-medium);
64
- @com-text-default: var(--ui-text-default);
63
+ @com-text-l: var(--ui-text-l);
64
+ @com-text-m: var(--ui-text-m);
65
65
 
66
66
  // Font
67
67
  @com-font-header: var(--ui-font-header);
@@ -70,18 +70,18 @@
70
70
  --ui-accordion-icon-size: 0;
71
71
  --ui-accordion-btn-padding: @com-btn-padding;
72
72
 
73
- padding-bottom: @com-space-small;
74
- margin-top: @com-space-small;
73
+ padding-bottom: @com-space-s;
74
+ margin-top: @com-space-s;
75
75
  border-bottom: 1px solid @com-color-border;
76
- font-size: @com-text-medium;
76
+ font-size: @com-text-l;
77
77
 
78
78
  .header {
79
79
  // box-sizing: border-box;
80
80
  display: block;
81
81
  width: 100%;
82
82
  position: relative;
83
- padding: @com-space-small var(--ui-accordion-btn-padding) @com-space-small calc(var(--ui-accordion-icon-size) + @com-space-default);
84
- margin-bottom: @com-space-mini;
83
+ padding: @com-space-s var(--ui-accordion-btn-padding) @com-space-s calc(var(--ui-accordion-icon-size) + @com-space-m);
84
+ margin-bottom: @com-space-xs;
85
85
 
86
86
  font: inherit;
87
87
  text-align: left;
@@ -149,7 +149,7 @@
149
149
  display: grid;
150
150
  grid-template-rows: 0fr;
151
151
  line-height: @com-text-line-height;
152
- font-size: @com-text-default;
152
+ font-size: @com-text-m;
153
153
 
154
154
  div {
155
155
  overflow: hidden;
@@ -190,7 +190,7 @@
190
190
  }
191
191
  --ui-accordion-btn-padding: @com-btn-padding-small;
192
192
 
193
- font-size: @com-text-default;
193
+ font-size: @com-text-m;
194
194
 
195
195
  .icon {
196
196
  width: 26px;
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-large: var(--ui-input-height-large);
180
- @com-input-height-big: var(--ui-input-height-big);
181
- @com-input-height-medium: var(--ui-input-height-medium);
182
- @com-input-height-default: var(--ui-input-height-default);
183
- @com-input-height-small: var(--ui-input-height-small);
184
- @com-input-height-mini: var(--ui-input-height-mini);
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);
185
185
 
186
186
  // Animation
187
187
  @com-ani-time: var(--ui-ani-time);
@@ -195,19 +195,19 @@
195
195
  @com-color-border-bolder: var(--ui-color-border-bolder);
196
196
 
197
197
  // Border radius
198
- @com-border-radius-default: var(--ui-border-radius-default);
199
- @com-border-radius-small: var(--ui-border-radius-small);
200
- @com-border-radius-round: var(--ui-input-height-large);
198
+ @com-border-radius-m: var(--ui-border-radius-m);
199
+ @com-border-radius-s: var(--ui-border-radius-s);
200
+ @com-border-radius-round: var(--ui-input-height-2xl);
201
201
 
202
202
  // Padding
203
- @com-space-default: var(--ui-space-default);
204
- @com-space-small: var(--ui-space-small);
205
- @com-space-mini: var(--ui-space-mini);
203
+ @com-space-m: var(--ui-space-m);
204
+ @com-space-s: var(--ui-space-s);
205
+ @com-space-xs: var(--ui-space-xs);
206
206
 
207
207
  // Text
208
- @com-text-default: var(--ui-text-default);
209
- @com-text-small: var(--ui-text-small);
210
- @com-text-mini: var(--ui-text-mini);
208
+ @com-text-m: var(--ui-text-m);
209
+ @com-text-s: var(--ui-text-s);
210
+ @com-text-xs: var(--ui-text-xs);
211
211
 
212
212
  // Font
213
213
  @com-font-header: var(--ui-font-header);
@@ -222,17 +222,17 @@
222
222
  display: inline-block;
223
223
  vertical-align: top;
224
224
 
225
- padding: 0 @com-space-default;
226
- height: @com-input-height-default;
225
+ padding: 0 @com-space-m;
226
+ height: @com-input-height-m;
227
227
  line-height: 1.1;
228
228
 
229
229
  text-align: center;
230
- font-size: @com-text-default;
230
+ font-size: @com-text-m;
231
231
  font-weight: normal;
232
232
 
233
233
  cursor: pointer;
234
234
  border: 1px solid transparent;
235
- border-radius: @com-border-radius-default;
235
+ border-radius: @com-border-radius-m;
236
236
 
237
237
  -webkit-user-select: none;
238
238
  -moz-user-select: none;
@@ -264,7 +264,7 @@
264
264
  font-family: @com-font-header;
265
265
 
266
266
  .slot-default {
267
- padding: 0 @com-space-mini;
267
+ padding: 0 @com-space-xs;
268
268
  line-height: 1;
269
269
  }
270
270
 
@@ -310,20 +310,20 @@
310
310
  // Shapes
311
311
  &.tag-shape-circle {
312
312
  padding: 0 !important;
313
- width: @com-input-height-default;
313
+ width: @com-input-height-m;
314
314
  border-radius: 50%;
315
315
 
316
- &.tag-size-large { width: @com-input-height-large; }
317
- &.tag-size-big { width: @com-input-height-big; }
318
- &.tag-size-medium { width: @com-input-height-big; }
319
- &.tag-size-small { width: @com-input-height-small; }
320
- &.tag-size-mini { width: @com-input-height-mini; }
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; }
321
321
  }
322
322
  &.tag-shape-round {
323
323
  border-radius: @com-border-radius-round;
324
324
  }
325
325
  &.tag-shape-round-square {
326
- border-radius: @com-border-radius-small;
326
+ border-radius: @com-border-radius-s;
327
327
  }
328
328
  &.tag-shape-square {
329
329
  border-radius: 0;
@@ -332,39 +332,39 @@
332
332
  // Block
333
333
  &.tag-block {
334
334
  display: block;
335
- padding: 0 @com-space-mini;
335
+ padding: 0 @com-space-xs;
336
336
  width: 100%;
337
337
  }
338
338
 
339
339
  // Size
340
- &.tag-size-large {
341
- height: @com-input-height-large;
340
+ &.tag-size-2xl {
341
+ height: @com-input-height-2xl;
342
342
  }
343
343
 
344
- &.tag-size-big {
345
- height: @com-input-height-big;
344
+ &.tag-size-xl {
345
+ height: @com-input-height-xl;
346
346
  }
347
347
 
348
- &.tag-size-medium {
349
- height: @com-input-height-medium;
348
+ &.tag-size-l {
349
+ height: @com-input-height-l;
350
350
  }
351
351
 
352
- &.tag-size-small {
353
- padding: 0 @com-space-small;
354
- height: @com-input-height-small;
352
+ &.tag-size-s {
353
+ padding: 0 @com-space-s;
354
+ height: @com-input-height-s;
355
355
 
356
- font-size: @com-text-small;
356
+ font-size: @com-text-s;
357
357
 
358
358
  .loading-indicator {
359
359
  transform: translate3d(-50%, -50%, 0) scale(0.8);
360
360
  }
361
361
  }
362
362
 
363
- &.tag-size-mini {
363
+ &.tag-size-xs {
364
364
  padding: 0 10px;
365
- height: @com-input-height-mini;
365
+ height: @com-input-height-xs;
366
366
 
367
- font-size: @com-text-mini;
367
+ font-size: @com-text-xs;
368
368
 
369
369
  .loading-indicator {
370
370
  transform: translate3d(-50%, -50%, 0) scale(0.6);