@snack-uikit/stepper 0.5.4 → 0.5.5

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/helperComponents/Icon/styles.module.css +8 -8
  3. package/dist/helperComponents/Step/styles.module.css +10 -10
  4. package/package.json +4 -4
  5. package/src/helperComponents/Step/styles.module.scss +5 -4
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.5.5 (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.5.4 (2024-02-14)
7
18
 
8
19
 
package/dist/helperComponents/Icon/styles.module.css CHANGED
@@ -9,8 +9,8 @@
9
9
  justify-content:center;
10
10
  }
11
11
  .icon svg{
12
- width:var(--dimension-3m, 24px) !important;
13
- height:var(--dimension-3m, 24px) !important;
12
+ width:var(--size-icon-container-s, 24px) !important;
13
+ height:var(--size-icon-container-s, 24px) !important;
14
14
  }
15
15
  .icon[data-state=completed]{
16
16
  color:var(--sys-primary-accent-default, #794ed3);
@@ -22,17 +22,17 @@
22
22
  }
23
23
  .icon[data-state=waiting]{
24
24
  box-sizing:border-box;
25
- color:var(--sys-neutral-text-support, #565656);
26
- border-color:var(--sys-neutral-decor-default, #dedede);
25
+ color:var(--sys-neutral-text-support, #656771);
26
+ border-color:var(--sys-neutral-decor-default, #dfe2ec);
27
27
  border-style:solid;
28
28
  }
29
29
  .icon[data-state=loading]{
30
30
  box-sizing:border-box;
31
- color:var(--sys-neutral-accent-default, #757575);
32
- border-color:var(--sys-neutral-decor-default, #dedede);
31
+ color:var(--sys-neutral-accent-default, #6f717c);
32
+ border-color:var(--sys-neutral-decor-default, #dfe2ec);
33
33
  border-style:solid;
34
34
  }
35
35
  .icon[data-state=rejected]{
36
- color:var(--sys-red-on-accent, #fffbfa);
37
- background-color:var(--sys-red-accent-default, #d93f2f);
36
+ color:var(--sys-red-on-accent, #fffbf9);
37
+ background-color:var(--sys-red-accent-default, #cd3c3c);
38
38
  }
package/dist/helperComponents/Step/styles.module.css CHANGED
@@ -2,7 +2,7 @@
2
2
  height:var(--size-stepper-step-track-line, 2px);
3
3
  border-radius:var(--radius-stepper-step-track-line, 2px);
4
4
  flex-grow:1;
5
- background-color:var(--sys-neutral-decor-default, #dedede);
5
+ background-color:var(--sys-neutral-decor-default, #dfe2ec);
6
6
  }
7
7
 
8
8
  .tail{
@@ -18,12 +18,12 @@
18
18
 
19
19
  .title{
20
20
  overflow:hidden;
21
- color:var(--sys-neutral-text-main, #333333);
21
+ color:var(--sys-neutral-text-main, #33333b);
22
22
  }
23
23
 
24
24
  .description{
25
25
  overflow:hidden;
26
- color:var(--sys-neutral-text-light, #898989);
26
+ color:var(--sys-neutral-text-light, #868892);
27
27
  }
28
28
 
29
29
  .step{
@@ -54,7 +54,7 @@
54
54
  align-items:center;
55
55
  margin:0;
56
56
  padding:0;
57
- color:var(--sys-neutral-text-main, #333333);
57
+ color:var(--sys-neutral-text-main, #33333b);
58
58
  background-color:transparent;
59
59
  border:none;
60
60
  }
@@ -62,22 +62,22 @@
62
62
  outline-width:var(--border-state-focus-s-border-width, 2px);
63
63
  outline-style:var(--border-state-focus-s-border-style, solid);
64
64
  outline-color:var(--border-state-focus-s-border-color, );
65
- outline-color:var(--sys-available-complementary, #131313);
65
+ outline-color:var(--sys-available-complementary, #141415);
66
66
  outline-offset:var(--spacing-state-focus-offset, 2px);
67
67
  }
68
68
  .statusContainer:not([disabled]){
69
69
  cursor:pointer;
70
70
  }
71
71
  .statusContainer:not([disabled]):focus-visible, .statusContainer:not([disabled]):hover{
72
- color:var(--sys-neutral-text-light, #898989);
73
- }
74
-
75
- .icon{
76
- flex-shrink:0;
72
+ color:var(--sys-neutral-text-light, #868892);
77
73
  }
78
74
 
79
75
  .content{
80
76
  display:flex;
81
77
  flex-direction:column;
82
78
  width:100%;
79
+ }
80
+
81
+ .icon{
82
+ flex-shrink:0;
83
83
  }
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Stepper",
7
- "version": "0.5.4",
7
+ "version": "0.5.5",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -33,11 +33,11 @@
33
33
  "scripts": {},
34
34
  "dependencies": {
35
35
  "@snack-uikit/icons": "0.20.1",
36
- "@snack-uikit/loaders": "0.5.0",
37
- "@snack-uikit/truncate-string": "0.4.7",
36
+ "@snack-uikit/loaders": "0.5.1",
37
+ "@snack-uikit/truncate-string": "0.4.8",
38
38
  "@snack-uikit/typography": "0.6.1",
39
39
  "@snack-uikit/utils": "3.2.0",
40
40
  "classnames": "2.3.2"
41
41
  },
42
- "gitHead": "529392c26fdb9c9b6e51a3f5c47419c726c57410"
42
+ "gitHead": "fd079dd3acbfe935d0b88d9efd863047f25e5824"
43
43
  }
package/src/helperComponents/Step/styles.module.scss CHANGED
@@ -81,12 +81,13 @@
81
81
  }
82
82
  }
83
83
 
84
- .icon {
85
- flex-shrink: 0;
86
- }
87
-
88
84
  .content {
89
85
  display: flex;
90
86
  flex-direction: column;
91
87
  width: 100%;
92
88
  }
89
+
90
+ .icon {
91
+ flex-shrink: 0;
92
+ }
93
+