@snack-uikit/fields 0.47.3 → 0.47.4

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/helperComponents/FieldContainerPrivate/styles.module.css +14 -4
  3. package/dist/esm/helperComponents/FieldContainerPrivate/styles.module.css +14 -4
  4. package/package.json +2 -2
  5. package/src/helperComponents/FieldContainerPrivate/styles.module.scss +9 -10
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.47.4 (2025-06-05)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **PDS-2368:** gap for prefix in l size ([102562d](https://github.com/cloud-ru-tech/snack-uikit/commit/102562de801cdedad2f694854f7f7f57b42223d5))
12
+
13
+
14
+
15
+
16
+
6
17
  ## 0.47.3 (2025-06-05)
7
18
 
8
19
 
package/dist/cjs/helperComponents/FieldContainerPrivate/styles.module.css CHANGED
@@ -255,16 +255,26 @@
255
255
  }
256
256
 
257
257
  .prefix{
258
+ color:var(--sys-neutral-text-disabled, #aaaebd);
259
+ }
260
+
261
+ [data-size=s] .prefix, [data-size=s] .postfix{
258
262
  display:inline-flex;
259
263
  flex-shrink:0;
260
- gap:var(--space-fields-postfix-gap, 4px);
264
+ gap:var(--space-fields-single-line-container-s-gap, 4px);
265
+ align-items:center;
266
+ }
267
+
268
+ [data-size=m] .prefix, [data-size=m] .postfix{
269
+ display:inline-flex;
270
+ flex-shrink:0;
271
+ gap:var(--space-fields-single-line-container-m-gap, 4px);
261
272
  align-items:center;
262
- color:var(--sys-neutral-text-disabled, #aaaebd);
263
273
  }
264
274
 
265
- .postfix{
275
+ [data-size=l] .prefix, [data-size=l] .postfix{
266
276
  display:inline-flex;
267
277
  flex-shrink:0;
268
- gap:var(--space-fields-postfix-gap, 4px);
278
+ gap:var(--space-fields-single-line-container-l-gap, 8px);
269
279
  align-items:center;
270
280
  }
package/dist/esm/helperComponents/FieldContainerPrivate/styles.module.css CHANGED
@@ -255,16 +255,26 @@
255
255
  }
256
256
 
257
257
  .prefix{
258
+ color:var(--sys-neutral-text-disabled, #aaaebd);
259
+ }
260
+
261
+ [data-size=s] .prefix, [data-size=s] .postfix{
258
262
  display:inline-flex;
259
263
  flex-shrink:0;
260
- gap:var(--space-fields-postfix-gap, 4px);
264
+ gap:var(--space-fields-single-line-container-s-gap, 4px);
265
+ align-items:center;
266
+ }
267
+
268
+ [data-size=m] .prefix, [data-size=m] .postfix{
269
+ display:inline-flex;
270
+ flex-shrink:0;
271
+ gap:var(--space-fields-single-line-container-m-gap, 4px);
261
272
  align-items:center;
262
- color:var(--sys-neutral-text-disabled, #aaaebd);
263
273
  }
264
274
 
265
- .postfix{
275
+ [data-size=l] .prefix, [data-size=l] .postfix{
266
276
  display:inline-flex;
267
277
  flex-shrink:0;
268
- gap:var(--space-fields-postfix-gap, 4px);
278
+ gap:var(--space-fields-single-line-container-l-gap, 8px);
269
279
  align-items:center;
270
280
  }
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Fields",
7
- "version": "0.47.3",
7
+ "version": "0.47.4",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -65,5 +65,5 @@
65
65
  "peerDependencies": {
66
66
  "@snack-uikit/locale": "*"
67
67
  },
68
- "gitHead": "31dd118c69e420ef6537104139efe67fe123477a"
68
+ "gitHead": "a98ea7541641f2a35f4eff6652e2c95d605cfa6c"
69
69
  }
package/src/helperComponents/FieldContainerPrivate/styles.module.scss CHANGED
@@ -124,17 +124,16 @@ $variants: 'single-line-container', 'single-line-container-button-before', 'sing
124
124
  }
125
125
 
126
126
  .prefix {
127
- display: inline-flex;
128
- flex-shrink: 0;
129
- gap: styles-tokens-fields.$space-fields-postfix-gap;
130
- align-items: center;
131
-
132
127
  color: styles-tokens-fields.$sys-neutral-text-disabled;
133
128
  }
134
129
 
135
- .postfix {
136
- display: inline-flex;
137
- flex-shrink: 0;
138
- gap: styles-tokens-fields.$space-fields-postfix-gap;
139
- align-items: center;
130
+ @each $size in $sizes {
131
+ [data-size='#{$size}'] {
132
+ .prefix, .postfix {
133
+ display: inline-flex;
134
+ flex-shrink: 0;
135
+ gap: styles-tokens-fields.simple-var(styles-tokens-fields.$fields, 'single-line-container', $size, 'gap');
136
+ align-items: center;
137
+ }
138
+ }
140
139
  }