@snack-uikit/toggles 0.10.0 → 0.10.1

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 (7) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/components/Checkbox/styles.module.css +6 -6
  3. package/dist/components/Favorite/styles.module.css +7 -7
  4. package/dist/components/Radio/styles.module.css +6 -6
  5. package/dist/components/Switch/styles.module.css +9 -9
  6. package/dist/components/TogglePrivate/styles.module.css +1 -1
  7. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,15 @@
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.10.1 (2024-07-19)
7
+
8
+ ### Only dependencies have been changed
9
+ * [@snack-uikit/icons@0.22.0](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/icons/CHANGELOG.md)
10
+
11
+
12
+
13
+
14
+
6
15
  # 0.10.0 (2024-06-11)
7
16
 
8
17
 
package/dist/components/Checkbox/styles.module.css CHANGED
@@ -27,8 +27,8 @@
27
27
 
28
28
  .box{
29
29
  box-sizing:border-box;
30
- background-color:var(--sys-neutral-background1-level, #fdfdff);
31
- border-color:var(--sys-neutral-decor-default, #dfe2ec);
30
+ background-color:var(--sys-neutral-background1-level, #fdfdfd);
31
+ border-color:var(--sys-neutral-decor-default, #dde0ea);
32
32
  border-style:solid;
33
33
  }
34
34
  .box[data-checked=false][data-focusvisible=true], .box[data-checked=false][data-hover=true]{
@@ -36,8 +36,8 @@
36
36
  border-color:var(--sys-neutral-decor-hovered, #cfd2dc);
37
37
  }
38
38
  .box[data-checked=false][data-disabled=true]{
39
- background-color:var(--sys-neutral-background1-level, #fdfdff);
40
- border-color:var(--sys-neutral-decor-disabled, #e8eaf1);
39
+ background-color:var(--sys-neutral-background1-level, #fdfdfd);
40
+ border-color:var(--sys-neutral-decor-disabled, #e6e8ef);
41
41
  }
42
42
  .box[data-indeterminate=true], .box[data-checked=true]{
43
43
  background-color:var(--sys-primary-accent-default, #794ed3);
@@ -48,8 +48,8 @@
48
48
  border-color:var(--sys-primary-accent-hovered, #6851a6);
49
49
  }
50
50
  .box[data-indeterminate=true][data-disabled=true], .box[data-checked=true][data-disabled=true]{
51
- background-color:var(--sys-neutral-decor-disabled, #e8eaf1);
52
- border-color:var(--sys-neutral-decor-disabled, #e8eaf1);
51
+ background-color:var(--sys-neutral-decor-disabled, #e6e8ef);
52
+ border-color:var(--sys-neutral-decor-disabled, #e6e8ef);
53
53
  }
54
54
  .box[data-size=s]{
55
55
  width:var(--size-toggles-s-container, 16px);
package/dist/components/Favorite/styles.module.css CHANGED
@@ -3,7 +3,7 @@
3
3
  align-items:center;
4
4
  justify-content:center;
5
5
  box-sizing:border-box;
6
- outline-color:var(--sys-available-complementary, #141415);
6
+ outline-color:var(--sys-available-complementary, #15151b);
7
7
  }
8
8
  .container[data-size=s]{
9
9
  width:var(--size-toggles-s-container, 16px);
@@ -24,20 +24,20 @@
24
24
  outline-offset:var(--border-width-state-focus-s, 2px);
25
25
  }
26
26
  .container[data-checked=true]{
27
- outline-color:var(--sys-available-complementary, #141415);
27
+ outline-color:var(--sys-available-complementary, #15151b);
28
28
  }
29
29
 
30
30
  .icon{
31
- color:var(--sys-neutral-text-light, #868892);
31
+ color:var(--sys-neutral-text-light, #8b8e9b);
32
32
  }
33
33
  .icon:not([data-disabled=true])[data-hover=true]{
34
- color:var(--sys-neutral-text-support, #656771);
34
+ color:var(--sys-neutral-text-support, #6d707f);
35
35
  }
36
36
  .icon:not([data-disabled=true])[data-icon=star][data-checked=true]{
37
- color:var(--sys-yellow-accent-default, #fdca46);
37
+ color:var(--sys-yellow-accent-default, #ffc443);
38
38
  }
39
39
  .icon:not([data-disabled=true])[data-icon=star][data-checked=true][data-focusvisible=true], .icon:not([data-disabled=true])[data-icon=star][data-checked=true][data-hover=true]{
40
- color:var(--sys-yellow-accent-hovered, #edb835);
40
+ color:var(--sys-yellow-accent-hovered, #f1b637);
41
41
  }
42
42
  .icon:not([data-disabled=true])[data-icon=heart][data-checked=true]{
43
43
  color:var(--sys-red-accent-default, #cd3c3c);
@@ -46,5 +46,5 @@
46
46
  color:var(--sys-red-accent-hovered, #bb3c3a);
47
47
  }
48
48
  .icon[data-disabled=true]{
49
- color:var(--sys-neutral-text-disabled, #b3b6bf);
49
+ color:var(--sys-neutral-text-disabled, #aaaebd);
50
50
  }
package/dist/components/Radio/styles.module.css CHANGED
@@ -28,8 +28,8 @@
28
28
  .box{
29
29
  position:relative;
30
30
  box-sizing:border-box;
31
- background-color:var(--sys-neutral-background1-level, #fdfdff);
32
- border-color:var(--sys-neutral-decor-default, #dfe2ec);
31
+ background-color:var(--sys-neutral-background1-level, #fdfdfd);
32
+ border-color:var(--sys-neutral-decor-default, #dde0ea);
33
33
  border-style:solid;
34
34
  }
35
35
  .box[data-size=s]{
@@ -49,8 +49,8 @@
49
49
  border-color:var(--sys-neutral-decor-hovered, #cfd2dc);
50
50
  }
51
51
  .box[data-disabled=true]{
52
- background-color:var(--sys-neutral-background1-level, #fdfdff);
53
- border-color:var(--sys-neutral-decor-disabled, #e8eaf1);
52
+ background-color:var(--sys-neutral-background1-level, #fdfdfd);
53
+ border-color:var(--sys-neutral-decor-disabled, #e6e8ef);
54
54
  }
55
55
  .box[data-checked=true]{
56
56
  border-color:var(--sys-primary-accent-default, #794ed3);
@@ -59,7 +59,7 @@
59
59
  border-color:var(--sys-primary-accent-hovered, #6851a6);
60
60
  }
61
61
  .box[data-checked=true][data-disabled=true]{
62
- border-color:var(--sys-neutral-decor-disabled, #e8eaf1);
62
+ border-color:var(--sys-neutral-decor-disabled, #e6e8ef);
63
63
  }
64
64
 
65
65
  .flag{
@@ -73,7 +73,7 @@
73
73
  background-color:var(--sys-primary-accent-hovered, #6851a6);
74
74
  }
75
75
  .flag[data-disabled=true]{
76
- background-color:var(--sys-neutral-text-disabled, #b3b6bf);
76
+ background-color:var(--sys-neutral-text-disabled, #aaaebd);
77
77
  }
78
78
  .flag[data-checked=false]{
79
79
  display:none;
package/dist/components/Switch/styles.module.css CHANGED
@@ -25,7 +25,7 @@
25
25
 
26
26
  .box{
27
27
  position:relative;
28
- background-color:var(--sys-neutral-decor-activated, #bfc2cc);
28
+ background-color:var(--sys-neutral-decor-activated, #bec2cf);
29
29
  }
30
30
  .box[data-size=s]{
31
31
  width:var(--size-toggles-s-box-switch-width, 24px);
@@ -38,10 +38,10 @@
38
38
  border-radius:var(--radius-toggles-m-box-switch, 16px);
39
39
  }
40
40
  .box[data-hover=true]{
41
- background-color:var(--sys-neutral-accent-hovered, #6a6c75);
41
+ background-color:var(--sys-neutral-accent-hovered, #6d707f);
42
42
  }
43
43
  .box[data-disabled=true]{
44
- background-color:var(--sys-neutral-decor-disabled, #e8eaf1);
44
+ background-color:var(--sys-neutral-decor-disabled, #e6e8ef);
45
45
  }
46
46
  .box[data-checked=true]{
47
47
  background-color:var(--sys-primary-accent-default, #794ed3);
@@ -50,7 +50,7 @@
50
50
  background-color:var(--sys-primary-accent-hovered, #6851a6);
51
51
  }
52
52
  .box[data-checked=true][data-disabled=true]{
53
- background-color:var(--sys-neutral-decor-disabled, #e8eaf1);
53
+ background-color:var(--sys-neutral-decor-disabled, #e6e8ef);
54
54
  }
55
55
 
56
56
  .containerFlag{
@@ -92,7 +92,7 @@
92
92
  height:var(--size-toggles-m-flag-switch, 16px);
93
93
  }
94
94
  .flag[data-disabled=true]{
95
- background-color:var(--sys-neutral-text-disabled, #b3b6bf);
95
+ background-color:var(--sys-neutral-text-disabled, #aaaebd);
96
96
  }
97
97
 
98
98
  .flag_icon_off{
@@ -101,13 +101,13 @@
101
101
  left:50%;
102
102
  transform:translate(-50%, -50%);
103
103
  display:flex;
104
- color:var(--sys-neutral-text-disabled, #b3b6bf);
104
+ color:var(--sys-neutral-text-disabled, #aaaebd);
105
105
  fill:transparent;
106
106
  transition:opacity 0.1s linear;
107
107
  opacity:1;
108
108
  }
109
109
  .flag_icon_off[data-hover=true]{
110
- color:var(--sys-neutral-accent-hovered, #6a6c75);
110
+ color:var(--sys-neutral-accent-hovered, #6d707f);
111
111
  }
112
112
  .flag_icon_off[data-checked=true]{
113
113
  color:var(--sys-primary-accent-default, #794ed3);
@@ -131,13 +131,13 @@
131
131
  left:50%;
132
132
  transform:translate(-50%, -50%);
133
133
  display:flex;
134
- color:var(--sys-neutral-text-disabled, #b3b6bf);
134
+ color:var(--sys-neutral-text-disabled, #aaaebd);
135
135
  fill:transparent;
136
136
  transition:opacity 0.1s linear;
137
137
  opacity:0;
138
138
  }
139
139
  .flag_icon_on[data-hover=true]{
140
- color:var(--sys-neutral-accent-hovered, #6a6c75);
140
+ color:var(--sys-neutral-accent-hovered, #6d707f);
141
141
  }
142
142
  .flag_icon_on[data-checked=true]{
143
143
  color:var(--sys-primary-accent-default, #794ed3);
package/dist/components/TogglePrivate/styles.module.css CHANGED
@@ -9,7 +9,7 @@
9
9
  }
10
10
  .toggleLayout[data-disabled=true]{
11
11
  cursor:not-allowed;
12
- color:var(--sys-neutral-text-disabled, #b3b6bf);
12
+ color:var(--sys-neutral-text-disabled, #aaaebd);
13
13
  }
14
14
 
15
15
  .togglePrivate{
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Toggles",
7
- "version": "0.10.0",
7
+ "version": "0.10.1",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -32,11 +32,11 @@
32
32
  "license": "Apache-2.0",
33
33
  "scripts": {},
34
34
  "dependencies": {
35
- "@snack-uikit/icons": "0.21.0",
35
+ "@snack-uikit/icons": "0.22.0",
36
36
  "@snack-uikit/utils": "3.3.0",
37
37
  "classnames": "2.3.2",
38
38
  "merge-refs": "1.2.1",
39
39
  "uncontrollable": "8.0.0"
40
40
  },
41
- "gitHead": "f226092b402335a7839f0e476b7371fd21c2509c"
41
+ "gitHead": "4c153b54a2902cf20883d85b4dc753344313c6cb"
42
42
  }