@snack-uikit/fields 0.56.0 → 0.56.2-preview-2bf78cb9.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 +11 -0
  2. package/dist/cjs/components/FieldSelect/styles.module.css +6 -6
  3. package/dist/esm/components/FieldSelect/styles.module.css +6 -6
  4. package/package.json +3 -3
  5. package/src/components/FieldSelect/styles.module.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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
+ ## 0.56.1 (2026-05-27)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **MKP-3566:** remove unnecessary var() function ([8bd32d9](https://github.com/cloud-ru-tech/snack-uikit/commit/8bd32d932af85f87cf7cd9077fc7120a85fdc39c))
12
+
13
+
14
+
15
+
16
+
6
17
  # 0.56.0 (2026-05-26)
7
18
 
8
19
 
package/dist/cjs/components/FieldSelect/styles.module.css CHANGED
@@ -78,8 +78,8 @@
78
78
  color:var(--sys-neutral-text-light, #8b8e9b);
79
79
  }
80
80
  .container[data-size=s][data-variant=single-line-container] .displayValue{
81
- 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)));
82
- 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));
81
+ 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)));
82
+ 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));
83
83
  padding-left:var(--space-fields-single-line-container-s-left, 7px);
84
84
  border-radius:var(--radius-fields-s, 4px);
85
85
  }
@@ -97,8 +97,8 @@
97
97
  color:var(--sys-neutral-text-light, #8b8e9b);
98
98
  }
99
99
  .container[data-size=m][data-variant=single-line-container] .displayValue{
100
- 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)));
101
- 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));
100
+ 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)));
101
+ 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));
102
102
  padding-left:var(--space-fields-single-line-container-m-left, 9px);
103
103
  border-radius:var(--radius-fields-m, 4px);
104
104
  }
@@ -116,8 +116,8 @@
116
116
  color:var(--sys-neutral-text-light, #8b8e9b);
117
117
  }
118
118
  .container[data-size=l][data-variant=single-line-container] .displayValue{
119
- 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)));
120
- 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));
119
+ 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)));
120
+ 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));
121
121
  padding-left:var(--space-fields-single-line-container-l-left, 11px);
122
122
  border-radius:var(--radius-fields-l, 4px);
123
123
  }
package/dist/esm/components/FieldSelect/styles.module.css CHANGED
@@ -78,8 +78,8 @@
78
78
  color:var(--sys-neutral-text-light, #8b8e9b);
79
79
  }
80
80
  .container[data-size=s][data-variant=single-line-container] .displayValue{
81
- 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)));
82
- 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));
81
+ 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)));
82
+ 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));
83
83
  padding-left:var(--space-fields-single-line-container-s-left, 7px);
84
84
  border-radius:var(--radius-fields-s, 4px);
85
85
  }
@@ -97,8 +97,8 @@
97
97
  color:var(--sys-neutral-text-light, #8b8e9b);
98
98
  }
99
99
  .container[data-size=m][data-variant=single-line-container] .displayValue{
100
- 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)));
101
- 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));
100
+ 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)));
101
+ 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));
102
102
  padding-left:var(--space-fields-single-line-container-m-left, 9px);
103
103
  border-radius:var(--radius-fields-m, 4px);
104
104
  }
@@ -116,8 +116,8 @@
116
116
  color:var(--sys-neutral-text-light, #8b8e9b);
117
117
  }
118
118
  .container[data-size=l][data-variant=single-line-container] .displayValue{
119
- 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)));
120
- 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));
119
+ 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)));
120
+ 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));
121
121
  padding-left:var(--space-fields-single-line-container-l-left, 11px);
122
122
  border-radius:var(--radius-fields-l, 4px);
123
123
  }
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Fields",
7
- "version": "0.56.0",
7
+ "version": "0.56.2-preview-2bf78cb9.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -47,7 +47,7 @@
47
47
  "@snack-uikit/scroll": "0.11.0",
48
48
  "@snack-uikit/skeleton": "0.6.11",
49
49
  "@snack-uikit/slider": "0.3.37",
50
- "@snack-uikit/tag": "0.15.19",
50
+ "@snack-uikit/tag": "0.15.20-preview-2bf78cb9.0",
51
51
  "@snack-uikit/tooltip": "0.18.13",
52
52
  "@snack-uikit/truncate-string": "0.7.12",
53
53
  "@snack-uikit/utils": "4.0.2",
@@ -66,5 +66,5 @@
66
66
  "peerDependencies": {
67
67
  "@snack-uikit/locale": "*"
68
68
  },
69
- "gitHead": "f2f27755aef6282983bd8db599c6e3abe1f5632d"
69
+ "gitHead": "6d4295879773a8ffdecedc9ea72d584aba537643"
70
70
  }
package/src/components/FieldSelect/styles.module.scss CHANGED
@@ -73,7 +73,7 @@ $base-min-width: 4px;
73
73
  &[data-variant='#{$containerVariant}'] {
74
74
  .displayValue {
75
75
  $button-width: styles-tokens-element.simple-var($icons-sizes, $size);
76
- $postfix-width: calc(var(#{styles-tokens-element.$space-fields-postfix-gap}) + $button-width * 2);
76
+ $postfix-width: calc(#{styles-tokens-element.$space-fields-postfix-gap} + #{$button-width} * 2);
77
77
  $margin-right: calc(
78
78
  #{styles-tokens-element.simple-var(styles-tokens-fields.$fields, $containerVariant, $size, 'padding-right')} + #{styles-tokens-element.simple-var(styles-tokens-fields.$fields, $containerVariant, $size, 'gap')} + #{$postfix-width}
79
79
  );