@snack-uikit/list 0.3.3 → 0.3.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 (10) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/components/Items/BaseItem/styles.module.css +10 -10
  3. package/dist/components/Items/PinGroupItem/styles.module.css +2 -2
  4. package/dist/components/Items/styles.module.css +2 -2
  5. package/dist/components/Lists/ListPrivate/styles.module.css +1 -1
  6. package/dist/components/Lists/styles.module.css +3 -3
  7. package/dist/helperComponents/CollapseBlockPrivate/styles.module.css +1 -1
  8. package/dist/helperComponents/Separator/styles.module.css +2 -2
  9. package/package.json +6 -6
  10. package/src/components/Items/BaseItem/styles.module.scss +0 -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.3.4 (2024-02-20)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **FF-4297:** apply system-layer tokens ([7c8fd4b](https://github.com/cloud-ru-tech/snack-uikit/commit/7c8fd4b5334360b2fc31da92973b6835ffa287af))
12
+
13
+
14
+
15
+
16
+
6
17
  ## 0.3.3 (2024-02-13)
7
18
 
8
19
 
package/dist/components/Items/BaseItem/styles.module.css CHANGED
@@ -6,18 +6,18 @@
6
6
  .option{
7
7
  overflow:hidden;
8
8
  flex:1;
9
- color:var(--sys-neutral-text-main, #333333);
9
+ color:var(--sys-neutral-text-main, #33333b);
10
10
  }
11
11
 
12
12
  .caption{
13
13
  overflow:hidden;
14
- color:var(--sys-neutral-text-light, #898989);
14
+ color:var(--sys-neutral-text-light, #868892);
15
15
  text-overflow:ellipsis;
16
16
  white-space:nowrap;
17
17
  }
18
18
 
19
19
  .description{
20
- color:var(--sys-neutral-text-support, #565656);
20
+ color:var(--sys-neutral-text-support, #656771);
21
21
  }
22
22
 
23
23
  .checkbox{
@@ -36,9 +36,9 @@
36
36
  flex-shrink:0;
37
37
  align-items:center;
38
38
  justify-content:center;
39
- width:var(--dimension-3m, 24px);
40
- height:var(--dimension-3m, 24px);
41
- color:var(--sys-neutral-text-light, #898989);
39
+ width:var(--size-icon-container-s, 24px);
40
+ height:var(--size-icon-container-s, 24px);
41
+ color:var(--sys-neutral-text-light, #868892);
42
42
  }
43
43
  .beforeContent svg{
44
44
  width:100% !important;
@@ -48,7 +48,7 @@
48
48
  .expandableIcon{
49
49
  display:flex;
50
50
  align-items:center;
51
- color:var(--sys-neutral-text-light, #898989);
51
+ color:var(--sys-neutral-text-light, #868892);
52
52
  fill:currentColor;
53
53
  }
54
54
 
@@ -188,7 +188,7 @@
188
188
  .droplistItem:disabled .description,
189
189
  .droplistItem:disabled .caption,
190
190
  .droplistItem:disabled .expandableIcon{
191
- color:var(--sys-neutral-text-disabled, #9e9e9e);
191
+ color:var(--sys-neutral-text-disabled, #b3b6bf);
192
192
  }
193
193
  .droplistItem[aria-disabled] .beforeContent, .droplistItem:disabled .beforeContent{
194
194
  opacity:var(--opacity-a064, 0.64);
@@ -209,11 +209,11 @@
209
209
  outline-color:var(--sys-primary-accent-default, #794ed3);
210
210
  }
211
211
  .droplistItem[data-has-checked]:disabled[data-variant=single], .droplistItem[data-checked]:disabled[data-variant=single]{
212
- background-color:var(--sys-neutral-background1-level, #f9f9f9);
212
+ background-color:var(--sys-neutral-background1-level, #fafafc);
213
213
  }
214
214
  .droplistItem[data-has-checked]:disabled[data-variant=single]::before, .droplistItem[data-checked]:disabled[data-variant=single]::before{
215
215
  display:none;
216
216
  }
217
217
  .droplistItem[data-has-checked]:disabled .markerContainer:before, .droplistItem[data-checked]:disabled .markerContainer:before{
218
- background-color:var(--sys-neutral-text-disabled, #9e9e9e);
218
+ background-color:var(--sys-neutral-text-disabled, #b3b6bf);
219
219
  }
package/dist/components/Items/PinGroupItem/styles.module.css CHANGED
@@ -3,7 +3,7 @@
3
3
  border-bottom:var(--border-width-droplist-pin-content, 1px);
4
4
  display:flex;
5
5
  flex-direction:column;
6
- border-color:var(--sys-neutral-decor-default, #dedede);
6
+ border-color:var(--sys-neutral-decor-default, #dfe2ec);
7
7
  border-style:solid;
8
8
  border-top:0;
9
9
  border-right:0;
@@ -19,7 +19,7 @@
19
19
  border-top:var(--border-width-droplist-pin-content, 1px);
20
20
  display:flex;
21
21
  flex-direction:column;
22
- border-color:var(--sys-neutral-decor-default, #dedede);
22
+ border-color:var(--sys-neutral-decor-default, #dfe2ec);
23
23
  border-style:solid;
24
24
  border-right:0;
25
25
  border-bottom:0;
package/dist/components/Items/styles.module.css CHANGED
@@ -10,7 +10,7 @@
10
10
  min-width:100%;
11
11
  margin:0;
12
12
  padding:0;
13
- color:var(--sys-neutral-text-main, #333333);
13
+ color:var(--sys-neutral-text-main, #33333b);
14
14
  text-align:start;
15
15
  -webkit-appearance:unset;
16
16
  -moz-appearance:unset;
@@ -64,7 +64,7 @@
64
64
  }
65
65
  .listItem:not([data-inactive])[data-open]::after, .listItem:not([data-inactive])[data-focused]::after, .listItem:not([data-inactive]):hover::after, .listItem:not([data-inactive]):focus-visible::after{
66
66
  opacity:var(--opacity-a008, 0.08);
67
- background-color:var(--sys-neutral-accent-default, #757575);
67
+ background-color:var(--sys-neutral-accent-default, #6f717c);
68
68
  }
69
69
  .listItem:not([data-inactive])[data-focused], .listItem:not([data-inactive]):focus-visible{
70
70
  outline-width:var(--border-state-focus-s-border-width, 2px);
package/dist/components/Lists/ListPrivate/styles.module.css CHANGED
@@ -26,7 +26,7 @@
26
26
  outline-style:var(--border-state-focus-s-border-style, solid);
27
27
  outline-color:var(--border-state-focus-s-border-color, );
28
28
  outline-offset:calc(var(--border-state-focus-s-border-width, 2px) * -1);
29
- outline-color:var(--sys-available-complementary, #131313);
29
+ outline-color:var(--sys-available-complementary, #141415);
30
30
  }
31
31
 
32
32
  .scrollStub{
package/dist/components/Lists/styles.module.css CHANGED
@@ -14,7 +14,7 @@
14
14
  outline-style:var(--border-state-focus-s-border-style, solid);
15
15
  outline-color:var(--border-state-focus-s-border-color, );
16
16
  outline-offset:calc(var(--border-state-focus-s-border-width, 2px) * -1);
17
- outline-color:var(--sys-available-complementary, #131313);
17
+ outline-color:var(--sys-available-complementary, #141415);
18
18
  }
19
19
  .listContainer:focus-visible[data-active] *{
20
20
  cursor:inherit;
@@ -37,7 +37,7 @@
37
37
  outline-style:var(--border-state-focus-s-border-style, solid);
38
38
  outline-color:var(--border-state-focus-s-border-color, );
39
39
  outline-offset:calc(var(--border-state-focus-s-border-width, 2px) * -1);
40
- outline-color:var(--sys-available-complementary, #131313);
40
+ outline-color:var(--sys-available-complementary, #141415);
41
41
  }
42
42
  .wrapper li,
43
43
  .wrapper ul{
@@ -70,5 +70,5 @@
70
70
  align-items:center;
71
71
  justify-content:center;
72
72
  padding:var(--dimension-1m, 8px);
73
- color:var(--sys-neutral-text-support, #565656);
73
+ color:var(--sys-neutral-text-support, #656771);
74
74
  }
package/dist/helperComponents/CollapseBlockPrivate/styles.module.css CHANGED
@@ -34,5 +34,5 @@
34
34
  width:100%;
35
35
  height:100%;
36
36
  opacity:var(--opacity-a004, 0.04);
37
- background-color:var(--sys-neutral-accent-default, #757575);
37
+ background-color:var(--sys-neutral-accent-default, #6f717c);
38
38
  }
package/dist/helperComponents/Separator/styles.module.css CHANGED
@@ -105,8 +105,8 @@
105
105
  flex-shrink:0;
106
106
  }
107
107
  .label[data-mode=primary]{
108
- color:var(--sys-neutral-text-main, #333333);
108
+ color:var(--sys-neutral-text-main, #33333b);
109
109
  }
110
110
  .label[data-mode=secondary]{
111
- color:var(--sys-neutral-text-light, #898989);
111
+ color:var(--sys-neutral-text-light, #868892);
112
112
  }
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "List",
7
- "version": "0.3.3",
7
+ "version": "0.3.4",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -35,15 +35,15 @@
35
35
  "@snack-uikit/divider": "3.0.1",
36
36
  "@snack-uikit/dropdown": "0.2.0",
37
37
  "@snack-uikit/icons": "0.20.1",
38
- "@snack-uikit/loaders": "0.5.0",
38
+ "@snack-uikit/loaders": "0.5.1",
39
39
  "@snack-uikit/scroll": "0.5.1",
40
- "@snack-uikit/search-private": "0.1.4",
41
- "@snack-uikit/toggles": "0.9.5",
42
- "@snack-uikit/truncate-string": "0.4.7",
40
+ "@snack-uikit/search-private": "0.1.5",
41
+ "@snack-uikit/toggles": "0.9.6",
42
+ "@snack-uikit/truncate-string": "0.4.8",
43
43
  "@snack-uikit/utils": "3.2.0",
44
44
  "classnames": "2.5.1",
45
45
  "merge-refs": "1.2.2",
46
46
  "uncontrollable": "8.0.4"
47
47
  },
48
- "gitHead": "2a64233470f28de9e0b08c1c219bd0e4cbd6ba20"
48
+ "gitHead": "fd079dd3acbfe935d0b88d9efd863047f25e5824"
49
49
  }
package/src/components/Items/BaseItem/styles.module.scss CHANGED
@@ -2,7 +2,6 @@
2
2
  @import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-element';
3
3
 
4
4
  $sizes: 's', 'm', 'l';
5
-
6
5
  $typography: (
7
6
  's': (
8
7
  'label': $sans-body-s,