@cloud-ru/uikit-product-mobile-fields 2.1.2 → 2.1.3-preview-19328fe1.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 (4) hide show
  1. package/dist/cjs/components/MobileFieldSelect/styles.module.css +6 -6
  2. package/dist/esm/components/MobileFieldSelect/styles.module.css +6 -6
  3. package/package.json +3 -3
  4. package/src/components/MobileFieldSelect/styles.module.scss +1 -1
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.2",
4
+ "version": "2.1.3-preview-19328fe1.0",
5
5
  "sideEffects": [
6
6
  "*.css",
7
7
  "*.woff",
@@ -42,7 +42,7 @@
42
42
  "@cloud-ru/uikit-product-utils": "9.1.0",
43
43
  "@snack-uikit/button": "0.19.15",
44
44
  "@snack-uikit/calendar": "0.13.18",
45
- "@snack-uikit/fields": "0.55.0",
45
+ "@snack-uikit/fields": "0.55.3-preview-8bb75172.0",
46
46
  "@snack-uikit/input-private": "4.8.8",
47
47
  "@snack-uikit/list": "0.33.0",
48
48
  "@snack-uikit/scroll": "0.10.8",
@@ -62,5 +62,5 @@
62
62
  "peerDependencies": {
63
63
  "@cloud-ru/uikit-product-locale": "*"
64
64
  },
65
- "gitHead": "46f40e7ec89f4173d660983a5f0368937d45bf9d"
65
+ "gitHead": "e0293e02a0b3238d2eccd79ea7c5f0c96486d578"
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
  );