@snack-uikit/calendar 0.7.5 → 0.7.6

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 +11 -0
  2. package/dist/helperComponents/Button/styles.module.css +4 -4
  3. package/dist/helperComponents/CalendarBase/styles.module.css +1 -1
  4. package/dist/helperComponents/ColumnLabel/styles.module.css +1 -1
  5. package/dist/helperComponents/Item/styles.module.css +10 -10
  6. package/package.json +2 -2
  7. package/src/helperComponents/Button/styles.module.scss +1 -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.7.6 (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.7.5 (2024-02-12)
7
18
 
8
19
 
package/dist/helperComponents/Button/styles.module.css CHANGED
@@ -3,7 +3,7 @@
3
3
  flex-direction:row;
4
4
  align-items:center;
5
5
  justify-content:center;
6
- color:var(--sys-neutral-text-main, #333333);
6
+ color:var(--sys-neutral-text-main, #33333b);
7
7
  background:none;
8
8
  border:none;
9
9
  }
@@ -11,14 +11,14 @@
11
11
  cursor:pointer;
12
12
  }
13
13
  .button:not(:disabled):hover, .button:not(:disabled):focus-visible{
14
- background-color:color-with-opacity(var(--sys-neutral-accent-default, #757575), var(--opacity-a008, 0.08));
14
+ background-color:color-with-opacity(var(--sys-neutral-accent-default, #6f717c), var(--opacity-a008, 0.08));
15
15
  }
16
16
  .button:not(:disabled):focus-visible{
17
17
  outline-width:var(--border-state-focus-s-border-width, 2px);
18
18
  outline-style:var(--border-state-focus-s-border-style, solid);
19
19
  outline-color:var(--border-state-focus-s-border-color, );
20
20
  outline-offset:calc(var(--border-state-focus-s-border-width, 2px) * -1);
21
- outline-color:var(--sys-available-complementary, #131313);
21
+ outline-color:var(--sys-available-complementary, #141415);
22
22
  }
23
23
  .button[data-size=s]{
24
24
  height:var(--size-calendar-button-s, 32px);
@@ -62,5 +62,5 @@
62
62
 
63
63
  .icon{
64
64
  display:inline-flex;
65
- color:var(--sys-neutral-text-light, #898989);
65
+ color:var(--sys-neutral-text-light, #868892);
66
66
  }
package/dist/helperComponents/CalendarBase/styles.module.css CHANGED
@@ -9,7 +9,7 @@
9
9
  box-sizing:border-box;
10
10
  max-width:100%;
11
11
  max-height:100%;
12
- background-color:var(--sys-neutral-background2-level, #fdfdfd);
12
+ background-color:var(--sys-neutral-background2-level, #ffffff);
13
13
  }
14
14
  .calendar[data-fit-to-container]{
15
15
  width:100%;
package/dist/helperComponents/ColumnLabel/styles.module.css CHANGED
@@ -3,7 +3,7 @@
3
3
  display:flex;
4
4
  align-items:center;
5
5
  justify-content:center;
6
- color:var(--sys-neutral-text-disabled, #9e9e9e);
6
+ color:var(--sys-neutral-text-disabled, #b3b6bf);
7
7
  }
8
8
  .wrapper[data-size=s]{
9
9
  font-family:var(--sans-body-s-font-family, SB Sans Interface);
package/dist/helperComponents/Item/styles.module.css CHANGED
@@ -59,7 +59,7 @@
59
59
  width:100%;
60
60
  height:100%;
61
61
  padding:0;
62
- color:var(--sys-neutral-text-light, #898989);
62
+ color:var(--sys-neutral-text-light, #868892);
63
63
  -webkit-appearance:none;
64
64
  -moz-appearance:none;
65
65
  appearance:none;
@@ -68,25 +68,25 @@
68
68
  outline:none;
69
69
  }
70
70
  .button[data-is-holiday]{
71
- color:var(--sys-red-text-light, #ec7465);
71
+ color:var(--sys-red-text-light, #ea6658);
72
72
  }
73
73
  .button:focus-visible .box{
74
74
  outline-width:var(--border-state-focus-s-border-width, 2px);
75
75
  outline-style:var(--border-state-focus-s-border-style, solid);
76
76
  outline-color:var(--border-state-focus-s-border-color, );
77
77
  outline-offset:calc(var(--border-state-focus-s-border-width, 2px) * -1);
78
- outline-color:var(--sys-available-complementary, #131313);
78
+ outline-color:var(--sys-available-complementary, #141415);
79
79
  }
80
80
  .button[data-is-in-current-level-period]{
81
- color:var(--sys-neutral-text-main, #333333);
81
+ color:var(--sys-neutral-text-main, #33333b);
82
82
  }
83
83
  .button[data-is-in-current-level-period][data-is-holiday]{
84
- color:var(--sys-red-accent-default, #d93f2f);
84
+ color:var(--sys-red-accent-default, #cd3c3c);
85
85
  }
86
86
  .button[data-is-disabled]{
87
87
  cursor:not-allowed;
88
- color:var(--sys-neutral-text-disabled, #9e9e9e);
89
- background-color:var(--sys-neutral-background, #f0f0f0);
88
+ color:var(--sys-neutral-text-disabled, #b3b6bf);
89
+ background-color:var(--sys-neutral-background, #f1f2f6);
90
90
  }
91
91
  .button[data-is-disabled] .marker{
92
92
  background-color:currentColor;
@@ -95,7 +95,7 @@
95
95
  background-color:transparent;
96
96
  }
97
97
  .button[data-is-disabled][data-is-holiday]{
98
- color:var(--sys-red-text-disabled, #f48c7f);
98
+ color:var(--sys-red-text-disabled, #f58d7f);
99
99
  }
100
100
  .button[data-is-selected]{
101
101
  color:var(--sys-primary-on-accent, #fdfbff);
@@ -110,7 +110,7 @@
110
110
  background-color:var(--sys-primary-on-accent, #fdfbff);
111
111
  }
112
112
  .button[data-is-selected]:hover, .button[data-is-selected]:focus-visible{
113
- color:var(--sys-neutral-text-main, #333333);
113
+ color:var(--sys-neutral-text-main, #33333b);
114
114
  }
115
115
  .button[data-is-selected]:hover .marker, .button[data-is-selected]:focus-visible .marker{
116
116
  background-color:var(--sys-primary-accent-default, #794ed3);
@@ -119,7 +119,7 @@
119
119
  background-color:color-mix(in srgb, var(--sys-primary-accent-default, #794ed3), var(--sys-primary-decor-default, #ebdefd) calc((1 - var(--opacity-a016, 0.16)) * 100%));
120
120
  }
121
121
  .button:hover:not([data-is-selected]):not([data-is-disabled]) .box, .button:focus-visible:not([data-is-selected]):not([data-is-disabled]) .box{
122
- background-color:color-mix(in srgb, var(--sys-neutral-accent-default, #757575), var(--sys-neutral-background2-level, #fdfdfd) calc((1 - var(--opacity-a016, 0.16)) * 100%));
122
+ background-color:color-mix(in srgb, var(--sys-neutral-accent-default, #6f717c), var(--sys-neutral-background2-level, #ffffff) calc((1 - var(--opacity-a016, 0.16)) * 100%));
123
123
  }
124
124
  .button:hover:not([data-is-selected]):not([data-is-disabled]) .range + .box, .button:focus-visible:not([data-is-selected]):not([data-is-disabled]) .range + .box{
125
125
  background-color:color-mix(in srgb, var(--sys-primary-accent-default, #794ed3), var(--sys-primary-decor-default, #ebdefd) calc((1 - var(--opacity-a016, 0.16)) * 100%));
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Calendar",
7
- "version": "0.7.5",
7
+ "version": "0.7.6",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -41,5 +41,5 @@
41
41
  "peerDependencies": {
42
42
  "@snack-uikit/locale": "*"
43
43
  },
44
- "gitHead": "5e7b0b6d34f40c4266070bf918e9cdf127ac882c"
44
+ "gitHead": "fd079dd3acbfe935d0b88d9efd863047f25e5824"
45
45
  }
package/src/helperComponents/Button/styles.module.scss CHANGED
@@ -2,13 +2,13 @@
2
2
  @import "@snack-uikit/figma-tokens/build/scss/components/styles-tokens-element";
3
3
 
4
4
  $sizes: 's', 'm', 'l';
5
+
5
6
  $typography: (
6
7
  's': $sans-label-s,
7
8
  'm': $sans-label-m,
8
9
  'l': $sans-label-l,
9
10
  );
10
11
 
11
-
12
12
  .button {
13
13
  display: inline-flex;
14
14
  flex-direction: row;