@snack-uikit/fields 0.55.1 → 0.55.3-preview-490457e4.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 (6) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/README.md +2 -2
  3. package/dist/cjs/components/FieldSelect/styles.module.css +6 -6
  4. package/dist/esm/components/FieldSelect/styles.module.css +6 -6
  5. package/package.json +16 -16
  6. package/src/components/FieldSelect/styles.module.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,28 @@
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.55.2 (2026-05-18)
7
+
8
+ ### Only dependencies have been changed
9
+ * [@snack-uikit/button@0.19.18]($PUBLIC_PROJECT_URL/blob/master/packages/button/CHANGELOG.md)
10
+ * [@snack-uikit/calendar@0.13.20]($PUBLIC_PROJECT_URL/blob/master/packages/calendar/CHANGELOG.md)
11
+ * [@snack-uikit/color-picker@0.3.56]($PUBLIC_PROJECT_URL/blob/master/packages/color-picker/CHANGELOG.md)
12
+ * [@snack-uikit/divider@3.2.12]($PUBLIC_PROJECT_URL/blob/master/packages/divider/CHANGELOG.md)
13
+ * [@snack-uikit/dropdown@0.5.6]($PUBLIC_PROJECT_URL/blob/master/packages/dropdown/CHANGELOG.md)
14
+ * [@snack-uikit/input-private@4.8.9]($PUBLIC_PROJECT_URL/blob/master/packages/input-private/CHANGELOG.md)
15
+ * [@snack-uikit/list@0.33.1]($PUBLIC_PROJECT_URL/blob/master/packages/list/CHANGELOG.md)
16
+ * [@snack-uikit/scroll@0.11.0]($PUBLIC_PROJECT_URL/blob/master/packages/scroll/CHANGELOG.md)
17
+ * [@snack-uikit/skeleton@0.6.11]($PUBLIC_PROJECT_URL/blob/master/packages/skeleton/CHANGELOG.md)
18
+ * [@snack-uikit/slider@0.3.37]($PUBLIC_PROJECT_URL/blob/master/packages/slider/CHANGELOG.md)
19
+ * [@snack-uikit/tag@0.15.19]($PUBLIC_PROJECT_URL/blob/master/packages/tag/CHANGELOG.md)
20
+ * [@snack-uikit/tooltip@0.18.13]($PUBLIC_PROJECT_URL/blob/master/packages/tooltip/CHANGELOG.md)
21
+ * [@snack-uikit/truncate-string@0.7.12]($PUBLIC_PROJECT_URL/blob/master/packages/truncate-string/CHANGELOG.md)
22
+ * [@snack-uikit/utils@4.0.2]($PUBLIC_PROJECT_URL/blob/master/packages/utils/CHANGELOG.md)
23
+
24
+
25
+
26
+
27
+
6
28
  ## 0.55.1 (2026-05-07)
7
29
 
8
30
 
package/README.md CHANGED
@@ -732,8 +732,8 @@ FieldStepper в основном предназначен для работы с
732
732
  | selectedOptionFormatter | `SelectedOptionFormatter` | - | |
733
733
  | scrollToSelectedItem | `boolean` | - | Флаг, отвещающий за прокручивание до выбранного элемента |
734
734
  | virtualized | `boolean` | - | Включить виртуализацию на компоненты списка. Рекомендуется если у вас от 1к элементов списка |
735
- | scrollRef | `RefObject<HTMLElement>` | - | Ссылка на элемент, обозначающий самый конец прокручиваемого списка |
736
- | scrollContainerRef | `RefObject<HTMLElement>` | - | Ссылка на контейнер, который скроллится |
735
+ | scrollRef | `Ref<HTMLElement>` | - | Ссылка на элемент, обозначающий самый конец прокручиваемого списка |
736
+ | scrollContainerRef | `Ref<HTMLElement>` | - | Ссылка на контейнер, который скроллится |
737
737
  | untouchableScrollbars | `boolean` | - | Отключает возможность взаимодействовать со скролбарами мышью. |
738
738
  | onScroll | `(event?: Event) => void` | - | Колбек на скролл прокручиваемого списка |
739
739
  | dataFiltered | `boolean` | - | |
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.55.1",
7
+ "version": "0.55.3-preview-490457e4.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -36,21 +36,21 @@
36
36
  "license": "Apache-2.0",
37
37
  "scripts": {},
38
38
  "dependencies": {
39
- "@snack-uikit/button": "0.19.17",
40
- "@snack-uikit/calendar": "0.13.19",
41
- "@snack-uikit/color-picker": "0.3.55",
42
- "@snack-uikit/divider": "3.2.11",
43
- "@snack-uikit/dropdown": "0.5.5",
39
+ "@snack-uikit/button": "0.19.18",
40
+ "@snack-uikit/calendar": "0.13.20",
41
+ "@snack-uikit/color-picker": "0.3.56",
42
+ "@snack-uikit/divider": "3.2.12",
43
+ "@snack-uikit/dropdown": "0.5.6",
44
44
  "@snack-uikit/icons": "0.27.7",
45
- "@snack-uikit/input-private": "4.8.8",
46
- "@snack-uikit/list": "0.33.0",
47
- "@snack-uikit/scroll": "0.10.8",
48
- "@snack-uikit/skeleton": "0.6.10",
49
- "@snack-uikit/slider": "0.3.36",
50
- "@snack-uikit/tag": "0.15.18",
51
- "@snack-uikit/tooltip": "0.18.12",
52
- "@snack-uikit/truncate-string": "0.7.11",
53
- "@snack-uikit/utils": "4.0.1",
45
+ "@snack-uikit/input-private": "4.8.9",
46
+ "@snack-uikit/list": "0.33.1",
47
+ "@snack-uikit/scroll": "0.11.0",
48
+ "@snack-uikit/skeleton": "0.6.11",
49
+ "@snack-uikit/slider": "0.3.37",
50
+ "@snack-uikit/tag": "0.15.19",
51
+ "@snack-uikit/tooltip": "0.18.13",
52
+ "@snack-uikit/truncate-string": "0.7.12",
53
+ "@snack-uikit/utils": "4.0.2",
54
54
  "classnames": "2.5.1",
55
55
  "copy-to-clipboard": "3.3.3",
56
56
  "decimal.js": "10.6.0",
@@ -66,5 +66,5 @@
66
66
  "peerDependencies": {
67
67
  "@snack-uikit/locale": "*"
68
68
  },
69
- "gitHead": "c1765c936f2bfa4730155604d8b6de68fbea9f19"
69
+ "gitHead": "49c03b263265a9c659cfd499987728c033fbacd0"
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
  );