@alfalab/core-components-input-autocomplete 14.0.8 → 14.0.9-alfasans

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 (21) hide show
  1. package/autocomplete-field/index.css +1 -1
  2. package/autocomplete-field/index.module.css.js +1 -1
  3. package/autocomplete-mobile-field/index.css +15 -13
  4. package/autocomplete-mobile-field/index.module.css.js +1 -1
  5. package/cssm/autocomplete-mobile-field/index.module.css +5 -3
  6. package/esm/autocomplete-field/index.css +1 -1
  7. package/esm/autocomplete-field/index.module.css.js +1 -1
  8. package/esm/autocomplete-mobile-field/index.css +15 -13
  9. package/esm/autocomplete-mobile-field/index.module.css.js +1 -1
  10. package/esm/mobile/mobile.css +1 -1
  11. package/esm/mobile/mobile.module.css.js +1 -1
  12. package/mobile/mobile.css +1 -1
  13. package/mobile/mobile.module.css.js +1 -1
  14. package/modern/autocomplete-field/index.css +1 -1
  15. package/modern/autocomplete-field/index.module.css.js +1 -1
  16. package/modern/autocomplete-mobile-field/index.css +15 -13
  17. package/modern/autocomplete-mobile-field/index.module.css.js +1 -1
  18. package/modern/mobile/mobile.css +1 -1
  19. package/modern/mobile/mobile.module.css.js +1 -1
  20. package/moderncssm/autocomplete-mobile-field/index.module.css +2 -1
  21. package/package.json +10 -10
package/autocomplete-field/index.css CHANGED
@@ -1,3 +1,3 @@
1
- .input-autocomplete__arrow_1jckr.input-autocomplete__error_1jckr ~ * {
1
+ .input-autocomplete__arrow_3deh6.input-autocomplete__error_3deh6 ~ * {
2
2
  display: none;
3
3
  }
package/autocomplete-field/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"arrow":"input-autocomplete__arrow_1jckr","error":"input-autocomplete__error_1jckr"};
5
+ var styles = {"arrow":"input-autocomplete__arrow_3deh6","error":"input-autocomplete__error_3deh6"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/autocomplete-mobile-field/index.css CHANGED
@@ -3,8 +3,9 @@
3
3
  --color-light-text-secondary: rgba(4, 4, 19, 0.55);
4
4
  }
5
5
  :root {
6
- --font-family-system:
7
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
6
+ --font-family-alfasans:
7
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
8
+ Helvetica, sans-serif;
8
9
  }
9
10
  :root {
10
11
  --focus-color: var(--color-light-status-info);
@@ -15,45 +16,46 @@
15
16
  --input-success-icon-display: flex;
16
17
  --input-error-icon-not-alone-display: none;
17
18
  }
18
- .input-autocomplete__component_1snh9 {
19
+ .input-autocomplete__component_8qrpo {
19
20
  width: 100%;
20
21
  outline: none;
21
22
  }
22
- .input-autocomplete__field_1snh9:not(.input-autocomplete__disabled_1snh9) {
23
+ .input-autocomplete__field_8qrpo:not(.input-autocomplete__disabled_8qrpo) {
23
24
  cursor: pointer;
24
25
  }
25
- .input-autocomplete__errorIcon_1snh9 {
26
+ .input-autocomplete__errorIcon_8qrpo {
26
27
  display: var(--input-error-icon-display);
27
28
  }
28
- * + .input-autocomplete__errorIcon_1snh9 {
29
+ * + .input-autocomplete__errorIcon_8qrpo {
29
30
  display: var(--input-error-icon-not-alone-display);
30
31
  }
31
- .input-autocomplete__successIcon_1snh9 {
32
+ .input-autocomplete__successIcon_8qrpo {
32
33
  display: var(--input-success-icon-display);
33
34
  }
34
- .input-autocomplete__disabled_1snh9 {
35
+ .input-autocomplete__disabled_8qrpo {
35
36
  cursor: var(--disabled-cursor);
36
37
  }
37
- .input-autocomplete__placeholder_1snh9 {
38
+ .input-autocomplete__placeholder_8qrpo {
38
39
  color: var(--color-light-text-secondary);
39
40
  }
40
- .input-autocomplete__contentWrapper_1snh9 {
41
+ .input-autocomplete__contentWrapper_8qrpo {
41
42
  font-size: 16px;
42
43
  line-height: 20px;
43
44
  font-weight: 400;
44
- font-family: var(--font-family-system);
45
+ letter-spacing: -0.24px;
46
+ font-family: var(--font-family-alfasans);
45
47
 
46
48
  white-space: nowrap;
47
49
  text-overflow: ellipsis;
48
50
  overflow: hidden;
49
51
  width: 100%;
50
52
  }
51
- .input-autocomplete__value_1snh9 {
53
+ .input-autocomplete__value_8qrpo {
52
54
  overflow: hidden;
53
55
  text-overflow: ellipsis;
54
56
  text-align: left;
55
57
  }
56
- .input-autocomplete__focusVisible_1snh9 {
58
+ .input-autocomplete__focusVisible_8qrpo {
57
59
  outline: 2px solid var(--focus-color);
58
60
  outline-offset: 2px;
59
61
  }
package/autocomplete-mobile-field/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"input-autocomplete__component_1snh9","field":"input-autocomplete__field_1snh9","disabled":"input-autocomplete__disabled_1snh9","errorIcon":"input-autocomplete__errorIcon_1snh9","successIcon":"input-autocomplete__successIcon_1snh9","placeholder":"input-autocomplete__placeholder_1snh9","contentWrapper":"input-autocomplete__contentWrapper_1snh9","value":"input-autocomplete__value_1snh9","focusVisible":"input-autocomplete__focusVisible_1snh9"};
5
+ var styles = {"component":"input-autocomplete__component_8qrpo","field":"input-autocomplete__field_8qrpo","disabled":"input-autocomplete__disabled_8qrpo","errorIcon":"input-autocomplete__errorIcon_8qrpo","successIcon":"input-autocomplete__successIcon_8qrpo","placeholder":"input-autocomplete__placeholder_8qrpo","contentWrapper":"input-autocomplete__contentWrapper_8qrpo","value":"input-autocomplete__value_8qrpo","focusVisible":"input-autocomplete__focusVisible_8qrpo"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/cssm/autocomplete-mobile-field/index.module.css CHANGED
@@ -3,8 +3,9 @@
3
3
  --color-light-text-secondary: rgba(4, 4, 19, 0.55);
4
4
  }
5
5
  :root {
6
- --font-family-system:
7
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
6
+ --font-family-alfasans:
7
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
8
+ Helvetica, sans-serif;
8
9
  }
9
10
  :root {
10
11
  --focus-color: var(--color-light-status-info);
@@ -41,7 +42,8 @@
41
42
  font-size: 16px;
42
43
  line-height: 20px;
43
44
  font-weight: 400;
44
- font-family: var(--font-family-system);
45
+ letter-spacing: -0.24px;
46
+ font-family: var(--font-family-alfasans);
45
47
 
46
48
  white-space: nowrap;
47
49
  text-overflow: ellipsis;
package/esm/autocomplete-field/index.css CHANGED
@@ -1,3 +1,3 @@
1
- .input-autocomplete__arrow_1jckr.input-autocomplete__error_1jckr ~ * {
1
+ .input-autocomplete__arrow_3deh6.input-autocomplete__error_3deh6 ~ * {
2
2
  display: none;
3
3
  }
package/esm/autocomplete-field/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"arrow":"input-autocomplete__arrow_1jckr","error":"input-autocomplete__error_1jckr"};
3
+ var styles = {"arrow":"input-autocomplete__arrow_3deh6","error":"input-autocomplete__error_3deh6"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/autocomplete-mobile-field/index.css CHANGED
@@ -3,8 +3,9 @@
3
3
  --color-light-text-secondary: rgba(4, 4, 19, 0.55);
4
4
  }
5
5
  :root {
6
- --font-family-system:
7
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
6
+ --font-family-alfasans:
7
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
8
+ Helvetica, sans-serif;
8
9
  }
9
10
  :root {
10
11
  --focus-color: var(--color-light-status-info);
@@ -15,45 +16,46 @@
15
16
  --input-success-icon-display: flex;
16
17
  --input-error-icon-not-alone-display: none;
17
18
  }
18
- .input-autocomplete__component_1snh9 {
19
+ .input-autocomplete__component_8qrpo {
19
20
  width: 100%;
20
21
  outline: none;
21
22
  }
22
- .input-autocomplete__field_1snh9:not(.input-autocomplete__disabled_1snh9) {
23
+ .input-autocomplete__field_8qrpo:not(.input-autocomplete__disabled_8qrpo) {
23
24
  cursor: pointer;
24
25
  }
25
- .input-autocomplete__errorIcon_1snh9 {
26
+ .input-autocomplete__errorIcon_8qrpo {
26
27
  display: var(--input-error-icon-display);
27
28
  }
28
- * + .input-autocomplete__errorIcon_1snh9 {
29
+ * + .input-autocomplete__errorIcon_8qrpo {
29
30
  display: var(--input-error-icon-not-alone-display);
30
31
  }
31
- .input-autocomplete__successIcon_1snh9 {
32
+ .input-autocomplete__successIcon_8qrpo {
32
33
  display: var(--input-success-icon-display);
33
34
  }
34
- .input-autocomplete__disabled_1snh9 {
35
+ .input-autocomplete__disabled_8qrpo {
35
36
  cursor: var(--disabled-cursor);
36
37
  }
37
- .input-autocomplete__placeholder_1snh9 {
38
+ .input-autocomplete__placeholder_8qrpo {
38
39
  color: var(--color-light-text-secondary);
39
40
  }
40
- .input-autocomplete__contentWrapper_1snh9 {
41
+ .input-autocomplete__contentWrapper_8qrpo {
41
42
  font-size: 16px;
42
43
  line-height: 20px;
43
44
  font-weight: 400;
44
- font-family: var(--font-family-system);
45
+ letter-spacing: -0.24px;
46
+ font-family: var(--font-family-alfasans);
45
47
 
46
48
  white-space: nowrap;
47
49
  text-overflow: ellipsis;
48
50
  overflow: hidden;
49
51
  width: 100%;
50
52
  }
51
- .input-autocomplete__value_1snh9 {
53
+ .input-autocomplete__value_8qrpo {
52
54
  overflow: hidden;
53
55
  text-overflow: ellipsis;
54
56
  text-align: left;
55
57
  }
56
- .input-autocomplete__focusVisible_1snh9 {
58
+ .input-autocomplete__focusVisible_8qrpo {
57
59
  outline: 2px solid var(--focus-color);
58
60
  outline-offset: 2px;
59
61
  }
package/esm/autocomplete-mobile-field/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"input-autocomplete__component_1snh9","field":"input-autocomplete__field_1snh9","disabled":"input-autocomplete__disabled_1snh9","errorIcon":"input-autocomplete__errorIcon_1snh9","successIcon":"input-autocomplete__successIcon_1snh9","placeholder":"input-autocomplete__placeholder_1snh9","contentWrapper":"input-autocomplete__contentWrapper_1snh9","value":"input-autocomplete__value_1snh9","focusVisible":"input-autocomplete__focusVisible_1snh9"};
3
+ var styles = {"component":"input-autocomplete__component_8qrpo","field":"input-autocomplete__field_8qrpo","disabled":"input-autocomplete__disabled_8qrpo","errorIcon":"input-autocomplete__errorIcon_8qrpo","successIcon":"input-autocomplete__successIcon_8qrpo","placeholder":"input-autocomplete__placeholder_8qrpo","contentWrapper":"input-autocomplete__contentWrapper_8qrpo","value":"input-autocomplete__value_8qrpo","focusVisible":"input-autocomplete__focusVisible_8qrpo"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/mobile/mobile.css CHANGED
@@ -1,3 +1,3 @@
1
- .input-autocomplete__input_r8hst {
1
+ .input-autocomplete__input_1xwqs {
2
2
  width: auto;
3
3
  }
package/esm/mobile/mobile.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- var styles = {"input":"input-autocomplete__input_r8hst"};
3
+ var styles = {"input":"input-autocomplete__input_1xwqs"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
package/mobile/mobile.css CHANGED
@@ -1,3 +1,3 @@
1
- .input-autocomplete__input_r8hst {
1
+ .input-autocomplete__input_1xwqs {
2
2
  width: auto;
3
3
  }
package/mobile/mobile.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var styles = {"input":"input-autocomplete__input_r8hst"};
5
+ var styles = {"input":"input-autocomplete__input_1xwqs"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
package/modern/autocomplete-field/index.css CHANGED
@@ -1,3 +1,3 @@
1
- .input-autocomplete__arrow_1jckr.input-autocomplete__error_1jckr ~ * {
1
+ .input-autocomplete__arrow_3deh6.input-autocomplete__error_3deh6 ~ * {
2
2
  display: none;
3
3
  }
package/modern/autocomplete-field/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"arrow":"input-autocomplete__arrow_1jckr","error":"input-autocomplete__error_1jckr"};
3
+ const styles = {"arrow":"input-autocomplete__arrow_3deh6","error":"input-autocomplete__error_3deh6"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/autocomplete-mobile-field/index.css CHANGED
@@ -3,8 +3,9 @@
3
3
  --color-light-text-secondary: rgba(4, 4, 19, 0.55);
4
4
  }
5
5
  :root {
6
- --font-family-system:
7
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
6
+ --font-family-alfasans:
7
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
8
+ Helvetica, sans-serif;
8
9
  }
9
10
  :root {
10
11
  --focus-color: var(--color-light-status-info);
@@ -15,45 +16,46 @@
15
16
  --input-success-icon-display: flex;
16
17
  --input-error-icon-not-alone-display: none;
17
18
  }
18
- .input-autocomplete__component_1snh9 {
19
+ .input-autocomplete__component_8qrpo {
19
20
  width: 100%;
20
21
  outline: none;
21
22
  }
22
- .input-autocomplete__field_1snh9:not(.input-autocomplete__disabled_1snh9) {
23
+ .input-autocomplete__field_8qrpo:not(.input-autocomplete__disabled_8qrpo) {
23
24
  cursor: pointer;
24
25
  }
25
- .input-autocomplete__errorIcon_1snh9 {
26
+ .input-autocomplete__errorIcon_8qrpo {
26
27
  display: var(--input-error-icon-display);
27
28
  }
28
- * + .input-autocomplete__errorIcon_1snh9 {
29
+ * + .input-autocomplete__errorIcon_8qrpo {
29
30
  display: var(--input-error-icon-not-alone-display);
30
31
  }
31
- .input-autocomplete__successIcon_1snh9 {
32
+ .input-autocomplete__successIcon_8qrpo {
32
33
  display: var(--input-success-icon-display);
33
34
  }
34
- .input-autocomplete__disabled_1snh9 {
35
+ .input-autocomplete__disabled_8qrpo {
35
36
  cursor: var(--disabled-cursor);
36
37
  }
37
- .input-autocomplete__placeholder_1snh9 {
38
+ .input-autocomplete__placeholder_8qrpo {
38
39
  color: var(--color-light-text-secondary);
39
40
  }
40
- .input-autocomplete__contentWrapper_1snh9 {
41
+ .input-autocomplete__contentWrapper_8qrpo {
41
42
  font-size: 16px;
42
43
  line-height: 20px;
43
44
  font-weight: 400;
44
- font-family: var(--font-family-system);
45
+ letter-spacing: -0.24px;
46
+ font-family: var(--font-family-alfasans);
45
47
 
46
48
  white-space: nowrap;
47
49
  text-overflow: ellipsis;
48
50
  overflow: hidden;
49
51
  width: 100%;
50
52
  }
51
- .input-autocomplete__value_1snh9 {
53
+ .input-autocomplete__value_8qrpo {
52
54
  overflow: hidden;
53
55
  text-overflow: ellipsis;
54
56
  text-align: left;
55
57
  }
56
- .input-autocomplete__focusVisible_1snh9 {
58
+ .input-autocomplete__focusVisible_8qrpo {
57
59
  outline: 2px solid var(--focus-color);
58
60
  outline-offset: 2px;
59
61
  }
package/modern/autocomplete-mobile-field/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"input-autocomplete__component_1snh9","field":"input-autocomplete__field_1snh9","disabled":"input-autocomplete__disabled_1snh9","errorIcon":"input-autocomplete__errorIcon_1snh9","successIcon":"input-autocomplete__successIcon_1snh9","placeholder":"input-autocomplete__placeholder_1snh9","contentWrapper":"input-autocomplete__contentWrapper_1snh9","value":"input-autocomplete__value_1snh9","focusVisible":"input-autocomplete__focusVisible_1snh9"};
3
+ const styles = {"component":"input-autocomplete__component_8qrpo","field":"input-autocomplete__field_8qrpo","disabled":"input-autocomplete__disabled_8qrpo","errorIcon":"input-autocomplete__errorIcon_8qrpo","successIcon":"input-autocomplete__successIcon_8qrpo","placeholder":"input-autocomplete__placeholder_8qrpo","contentWrapper":"input-autocomplete__contentWrapper_8qrpo","value":"input-autocomplete__value_8qrpo","focusVisible":"input-autocomplete__focusVisible_8qrpo"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/mobile/mobile.css CHANGED
@@ -1,3 +1,3 @@
1
- .input-autocomplete__input_r8hst {
1
+ .input-autocomplete__input_1xwqs {
2
2
  width: auto;
3
3
  }
package/modern/mobile/mobile.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- const styles = {"input":"input-autocomplete__input_r8hst"};
3
+ const styles = {"input":"input-autocomplete__input_1xwqs"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
package/moderncssm/autocomplete-mobile-field/index.module.css CHANGED
@@ -37,7 +37,8 @@
37
37
  font-size: 16px;
38
38
  line-height: 20px;
39
39
  font-weight: 400;
40
- font-family: var(--font-family-system);
40
+ letter-spacing: -0.24px;
41
+ font-family: var(--font-family-alfasans);
41
42
 
42
43
  white-space: nowrap;
43
44
  text-overflow: ellipsis;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-input-autocomplete",
3
- "version": "14.0.8",
3
+ "version": "14.0.9-alfasans",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,13 +10,13 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-form-control": "^14.0.4",
14
- "@alfalab/core-components-input": "^17.1.3",
15
- "@alfalab/core-components-mq": "^6.0.3",
16
- "@alfalab/core-components-popover": "^8.0.3",
17
- "@alfalab/core-components-select": "^19.1.1",
18
- "@alfalab/core-components-shared": "^2.1.1",
19
- "@alfalab/core-components-status-badge": "^3.0.2",
13
+ "@alfalab/core-components-form-control": "14.0.4-alfasans",
14
+ "@alfalab/core-components-input": "17.1.3-alfasans",
15
+ "@alfalab/core-components-mq": "6.0.3-alfasans",
16
+ "@alfalab/core-components-popover": "8.0.3-alfasans",
17
+ "@alfalab/core-components-select": "19.1.2-alfasans",
18
+ "@alfalab/core-components-shared": "2.1.1-alfasans",
19
+ "@alfalab/core-components-status-badge": "3.0.2-alfasans",
20
20
  "@alfalab/hooks": "^1.13.1",
21
21
  "@maskito/core": "^1.7.0",
22
22
  "classnames": "^2.5.1",
@@ -32,6 +32,6 @@
32
32
  "access": "public",
33
33
  "directory": "dist"
34
34
  },
35
- "themesVersion": "15.0.2",
36
- "varsVersion": "11.0.2"
35
+ "themesVersion": "15.0.2-alfasans",
36
+ "varsVersion": "11.0.2-alfasans"
37
37
  }