@cloud-ru/uikit-product-mobile-fields 2.1.1 → 2.1.3-preview-186cc403.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 (5) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/components/MobileFieldSelect/styles.module.css +6 -6
  3. package/dist/esm/components/MobileFieldSelect/styles.module.css +6 -6
  4. package/package.json +3 -3
  5. package/src/components/MobileFieldSelect/styles.module.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,15 @@
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.1.2 (2026-04-30)
7
+
8
+ ### Only dependencies have been changed
9
+ * [@cloud-ru/uikit-product-mobile-dropdown@2.1.13]($PUBLIC_PROJECT_URL/blob/master/packages/mobile-dropdown/CHANGELOG.md)
10
+
11
+
12
+
13
+
14
+
6
15
  ## 2.1.1 (2026-04-27)
7
16
 
8
17
  ### Only dependencies have been changed
package/dist/cjs/components/MobileFieldSelect/styles.module.css CHANGED
@@ -77,8 +77,8 @@
77
77
  color:var(--sys-neutral-text-light, #8b8e9b);
78
78
  }
79
79
  .container[data-size=s][data-variant=single-line-container] .displayValue{
80
- width:calc(100% - (var(--space-fields-single-line-container-s-right, 7px) + var(--space-fields-single-line-container-s-gap, 4px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-xs, 16px) * 2)));
81
- margin-right:calc(var(--space-fields-single-line-container-s-right, 7px) + var(--space-fields-single-line-container-s-gap, 4px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-xs, 16px) * 2));
80
+ width:calc(100% - (var(--space-fields-single-line-container-s-right, 7px) + var(--space-fields-single-line-container-s-gap, 4px) + calc(var(--space-fields-postfix-gap, 4px) + var(--size-icon-container-xs, 16px) * 2)));
81
+ margin-right:calc(var(--space-fields-single-line-container-s-right, 7px) + var(--space-fields-single-line-container-s-gap, 4px) + calc(var(--space-fields-postfix-gap, 4px) + var(--size-icon-container-xs, 16px) * 2));
82
82
  padding-left:var(--space-fields-single-line-container-s-left, 7px);
83
83
  border-radius:var(--radius-fields-s, 4px);
84
84
  }
@@ -96,8 +96,8 @@
96
96
  color:var(--sys-neutral-text-light, #8b8e9b);
97
97
  }
98
98
  .container[data-size=m][data-variant=single-line-container] .displayValue{
99
- width:calc(100% - (var(--space-fields-single-line-container-m-right, 9px) + var(--space-fields-single-line-container-m-gap, 4px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-s, 24px) * 2)));
100
- margin-right:calc(var(--space-fields-single-line-container-m-right, 9px) + var(--space-fields-single-line-container-m-gap, 4px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-s, 24px) * 2));
99
+ width:calc(100% - (var(--space-fields-single-line-container-m-right, 9px) + var(--space-fields-single-line-container-m-gap, 4px) + calc(var(--space-fields-postfix-gap, 4px) + var(--size-icon-container-s, 24px) * 2)));
100
+ margin-right:calc(var(--space-fields-single-line-container-m-right, 9px) + var(--space-fields-single-line-container-m-gap, 4px) + calc(var(--space-fields-postfix-gap, 4px) + var(--size-icon-container-s, 24px) * 2));
101
101
  padding-left:var(--space-fields-single-line-container-m-left, 9px);
102
102
  border-radius:var(--radius-fields-m, 4px);
103
103
  }
@@ -115,8 +115,8 @@
115
115
  color:var(--sys-neutral-text-light, #8b8e9b);
116
116
  }
117
117
  .container[data-size=l][data-variant=single-line-container] .displayValue{
118
- width:calc(100% - (var(--space-fields-single-line-container-l-right, 11px) + var(--space-fields-single-line-container-l-gap, 8px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-s, 24px) * 2)));
119
- margin-right:calc(var(--space-fields-single-line-container-l-right, 11px) + var(--space-fields-single-line-container-l-gap, 8px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-s, 24px) * 2));
118
+ width:calc(100% - (var(--space-fields-single-line-container-l-right, 11px) + var(--space-fields-single-line-container-l-gap, 8px) + calc(var(--space-fields-postfix-gap, 4px) + var(--size-icon-container-s, 24px) * 2)));
119
+ margin-right:calc(var(--space-fields-single-line-container-l-right, 11px) + var(--space-fields-single-line-container-l-gap, 8px) + calc(var(--space-fields-postfix-gap, 4px) + var(--size-icon-container-s, 24px) * 2));
120
120
  padding-left:var(--space-fields-single-line-container-l-left, 11px);
121
121
  border-radius:var(--radius-fields-l, 4px);
122
122
  }
package/dist/esm/components/MobileFieldSelect/styles.module.css CHANGED
@@ -77,8 +77,8 @@
77
77
  color:var(--sys-neutral-text-light, #8b8e9b);
78
78
  }
79
79
  .container[data-size=s][data-variant=single-line-container] .displayValue{
80
- width:calc(100% - (var(--space-fields-single-line-container-s-right, 7px) + var(--space-fields-single-line-container-s-gap, 4px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-xs, 16px) * 2)));
81
- margin-right:calc(var(--space-fields-single-line-container-s-right, 7px) + var(--space-fields-single-line-container-s-gap, 4px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-xs, 16px) * 2));
80
+ width:calc(100% - (var(--space-fields-single-line-container-s-right, 7px) + var(--space-fields-single-line-container-s-gap, 4px) + calc(var(--space-fields-postfix-gap, 4px) + var(--size-icon-container-xs, 16px) * 2)));
81
+ margin-right:calc(var(--space-fields-single-line-container-s-right, 7px) + var(--space-fields-single-line-container-s-gap, 4px) + calc(var(--space-fields-postfix-gap, 4px) + var(--size-icon-container-xs, 16px) * 2));
82
82
  padding-left:var(--space-fields-single-line-container-s-left, 7px);
83
83
  border-radius:var(--radius-fields-s, 4px);
84
84
  }
@@ -96,8 +96,8 @@
96
96
  color:var(--sys-neutral-text-light, #8b8e9b);
97
97
  }
98
98
  .container[data-size=m][data-variant=single-line-container] .displayValue{
99
- width:calc(100% - (var(--space-fields-single-line-container-m-right, 9px) + var(--space-fields-single-line-container-m-gap, 4px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-s, 24px) * 2)));
100
- margin-right:calc(var(--space-fields-single-line-container-m-right, 9px) + var(--space-fields-single-line-container-m-gap, 4px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-s, 24px) * 2));
99
+ width:calc(100% - (var(--space-fields-single-line-container-m-right, 9px) + var(--space-fields-single-line-container-m-gap, 4px) + calc(var(--space-fields-postfix-gap, 4px) + var(--size-icon-container-s, 24px) * 2)));
100
+ margin-right:calc(var(--space-fields-single-line-container-m-right, 9px) + var(--space-fields-single-line-container-m-gap, 4px) + calc(var(--space-fields-postfix-gap, 4px) + var(--size-icon-container-s, 24px) * 2));
101
101
  padding-left:var(--space-fields-single-line-container-m-left, 9px);
102
102
  border-radius:var(--radius-fields-m, 4px);
103
103
  }
@@ -115,8 +115,8 @@
115
115
  color:var(--sys-neutral-text-light, #8b8e9b);
116
116
  }
117
117
  .container[data-size=l][data-variant=single-line-container] .displayValue{
118
- width:calc(100% - (var(--space-fields-single-line-container-l-right, 11px) + var(--space-fields-single-line-container-l-gap, 8px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-s, 24px) * 2)));
119
- margin-right:calc(var(--space-fields-single-line-container-l-right, 11px) + var(--space-fields-single-line-container-l-gap, 8px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-s, 24px) * 2));
118
+ width:calc(100% - (var(--space-fields-single-line-container-l-right, 11px) + var(--space-fields-single-line-container-l-gap, 8px) + calc(var(--space-fields-postfix-gap, 4px) + var(--size-icon-container-s, 24px) * 2)));
119
+ margin-right:calc(var(--space-fields-single-line-container-l-right, 11px) + var(--space-fields-single-line-container-l-gap, 8px) + calc(var(--space-fields-postfix-gap, 4px) + var(--size-icon-container-s, 24px) * 2));
120
120
  padding-left:var(--space-fields-single-line-container-l-left, 11px);
121
121
  border-radius:var(--radius-fields-l, 4px);
122
122
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloud-ru/uikit-product-mobile-fields",
3
3
  "title": "Mobile Fields",
4
- "version": "2.1.1",
4
+ "version": "2.1.3-preview-186cc403.0",
5
5
  "sideEffects": [
6
6
  "*.css",
7
7
  "*.woff",
@@ -37,7 +37,7 @@
37
37
  "scripts": {},
38
38
  "dependencies": {
39
39
  "@cloud-ru/uikit-product-icons": "17.3.0",
40
- "@cloud-ru/uikit-product-mobile-dropdown": "2.1.12",
40
+ "@cloud-ru/uikit-product-mobile-dropdown": "2.1.13",
41
41
  "@cloud-ru/uikit-product-mobile-modal": "2.1.3",
42
42
  "@cloud-ru/uikit-product-utils": "9.1.0",
43
43
  "@snack-uikit/button": "0.19.15",
@@ -62,5 +62,5 @@
62
62
  "peerDependencies": {
63
63
  "@cloud-ru/uikit-product-locale": "*"
64
64
  },
65
- "gitHead": "849cdd305b21bc8fea872e8645014d7fc4d3b2d6"
65
+ "gitHead": "515b303c5b667a6123533f2d45d5fb2ea0aed2c4"
66
66
  }
package/src/components/MobileFieldSelect/styles.module.scss CHANGED
@@ -72,7 +72,7 @@ $base-min-width: 4px;
72
72
  &[data-variant='#{$containerVariant}'] {
73
73
  .displayValue {
74
74
  $button-width: styles-tokens-fields.simple-var($icons-sizes, $size);
75
- $postfix-width: calc(var(#{styles-tokens-fields.$space-fields-postfix-gap}) + $button-width * 2);
75
+ $postfix-width: calc(#{styles-tokens-fields.$space-fields-postfix-gap} + #{$button-width} * 2);
76
76
  $margin-right: calc(
77
77
  #{styles-tokens-fields.simple-var(styles-tokens-fields.$fields, $containerVariant, $size, 'padding-right')} + #{styles-tokens-fields.simple-var(styles-tokens-fields.$fields, $containerVariant, $size, 'gap')} + #{$postfix-width}
78
78
  );