@snack-uikit/notification 0.7.37 → 0.7.38

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 +9 -0
  2. package/dist/components/NotificationCard/styles.module.css +10 -10
  3. package/dist/components/NotificationPanel/components/NotificationPanelDivider/styles.module.css +2 -2
  4. package/dist/components/NotificationPanel/styles.module.css +10 -10
  5. 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.7.38 (2024-07-09)
7
+
8
+ ### Only dependencies have been changed
9
+ * [@snack-uikit/tag@0.9.6](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/tag/CHANGELOG.md)
10
+
11
+
12
+
13
+
14
+
6
15
  ## 0.7.37 (2024-06-27)
7
16
 
8
17
  ### Only dependencies have been changed
package/dist/components/NotificationCard/styles.module.css CHANGED
@@ -11,7 +11,7 @@
11
11
 
12
12
  .notificationCardTitleText{
13
13
  box-sizing:border-box;
14
- color:var(--sys-neutral-text-main, #33333b);
14
+ color:var(--sys-neutral-text-main, #33343f);
15
15
  }
16
16
 
17
17
  .notificationCardTitleIcon{
@@ -34,7 +34,7 @@
34
34
  display:flex;
35
35
  flex-direction:column;
36
36
  box-sizing:border-box;
37
- border-bottom-color:var(--sys-neutral-decor-default, #dfe2ec);
37
+ border-bottom-color:var(--sys-neutral-decor-default, #dde0ea);
38
38
  border-bottom-style:solid;
39
39
  }
40
40
  .notificationCard::before{
@@ -53,10 +53,10 @@
53
53
  outline-style:var(--border-state-focus-s-border-style, solid);
54
54
  outline-color:var(--border-state-focus-s-border-color, );
55
55
  border-bottom-color:transparent;
56
- outline-color:var(--sys-available-complementary, #141415);
56
+ outline-color:var(--sys-available-complementary, #15151b);
57
57
  }
58
58
  .notificationCard[data-droplist-open]::before, .notificationCard:hover::before, .notificationCard:focus-visible::before, .notificationCard:focus-within:not(:focus)::before{
59
- background-color:var(--sys-neutral-accent-default, #6f717c);
59
+ background-color:var(--sys-neutral-accent-default, #787b8a);
60
60
  }
61
61
  .notificationCard[data-droplist-open] .notificationCardFunction, .notificationCard:hover .notificationCardFunction, .notificationCard:focus-visible .notificationCardFunction, .notificationCard:focus-within:not(:focus) .notificationCardFunction{
62
62
  pointer-events:auto;
@@ -67,13 +67,13 @@
67
67
  }
68
68
  .notificationCard[data-unread]::before{
69
69
  opacity:var(--opacity-a008, 0.08);
70
- background-color:var(--sys-neutral-accent-default, #6f717c);
70
+ background-color:var(--sys-neutral-accent-default, #787b8a);
71
71
  }
72
72
  .notificationCard[data-unread][data-droplist-open]::before, .notificationCard[data-unread]:hover::before, .notificationCard[data-unread]:focus-visible::before, .notificationCard[data-unread]:focus-within:not(:focus)::before{
73
73
  opacity:var(--opacity-a004, 0.04);
74
74
  }
75
75
  .notificationCard[data-appearance=neutral] .notificationCardTitleIcon{
76
- color:var(--sys-neutral-accent-default, #6f717c);
76
+ color:var(--sys-neutral-accent-default, #787b8a);
77
77
  }
78
78
  .notificationCard[data-appearance=error] .notificationCardTitleIcon, .notificationCard[data-appearance=errorCritical] .notificationCardTitleIcon{
79
79
  color:var(--sys-red-accent-default, #cd3c3c);
@@ -85,7 +85,7 @@
85
85
  color:var(--sys-red-accent-default, #cd3c3c);
86
86
  }
87
87
  .notificationCard[data-appearance=warning] .notificationCardTitleIcon{
88
- color:var(--sys-yellow-accent-default, #fdca46);
88
+ color:var(--sys-yellow-accent-default, #ffc443);
89
89
  }
90
90
  .notificationCard[data-appearance=success] .notificationCardTitleIcon{
91
91
  color:var(--sys-green-accent-default, #57b762);
@@ -96,7 +96,7 @@
96
96
 
97
97
  .notificationCardLabel{
98
98
  display:grid;
99
- color:var(--sys-neutral-text-support, #656771);
99
+ color:var(--sys-neutral-text-support, #6d707f);
100
100
  }
101
101
 
102
102
  .notificationCardTitle{
@@ -109,7 +109,7 @@
109
109
 
110
110
  .notificationCardContent{
111
111
  box-sizing:border-box;
112
- color:var(--sys-neutral-text-support, #656771);
112
+ color:var(--sys-neutral-text-support, #6d707f);
113
113
  white-space:pre-line;
114
114
  }
115
115
 
@@ -123,7 +123,7 @@
123
123
  .notificationCardDate{
124
124
  flex:1 0 auto;
125
125
  box-sizing:border-box;
126
- color:var(--sys-neutral-text-light, #868892);
126
+ color:var(--sys-neutral-text-light, #8b8e9b);
127
127
  text-align:right;
128
128
  }
129
129
 
package/dist/components/NotificationPanel/components/NotificationPanelDivider/styles.module.css CHANGED
@@ -4,7 +4,7 @@
4
4
  display:flex;
5
5
  align-items:center;
6
6
  justify-content:center;
7
- color:var(--sys-neutral-text-light, #868892);
8
- border-bottom-color:var(--sys-neutral-decor-default, #dfe2ec);
7
+ color:var(--sys-neutral-text-light, #8b8e9b);
8
+ border-bottom-color:var(--sys-neutral-decor-default, #dde0ea);
9
9
  border-bottom-style:solid;
10
10
  }
package/dist/components/NotificationPanel/styles.module.css CHANGED
@@ -8,7 +8,7 @@
8
8
  position:relative;
9
9
  display:flex;
10
10
  flex-direction:column;
11
- border-bottom-color:var(--sys-neutral-decor-default, #dfe2ec);
11
+ border-bottom-color:var(--sys-neutral-decor-default, #dde0ea);
12
12
  border-bottom-style:solid;
13
13
  }
14
14
  .notificationPanelHeader::before{
@@ -21,7 +21,7 @@
21
21
  width:100%;
22
22
  height:calc(100% + var(--border-width-notification-panel-container, 1px));
23
23
  opacity:var(--opacity-a004, 0.04);
24
- background-color:var(--sys-neutral-accent-default, #6f717c);
24
+ background-color:var(--sys-neutral-accent-default, #787b8a);
25
25
  border-radius:inherit;
26
26
  }
27
27
 
@@ -41,7 +41,7 @@
41
41
  gap:var(--space-notification-panel-header-headline-gap, 16px);
42
42
  display:flex;
43
43
  align-items:center;
44
- color:var(--sys-neutral-text-main, #33333b);
44
+ color:var(--sys-neutral-text-main, #33343f);
45
45
  }
46
46
 
47
47
  .notificationPanelTitle{
@@ -69,9 +69,9 @@
69
69
  width:100%;
70
70
  margin:0;
71
71
  padding:0;
72
- color:var(--sys-neutral-text-light, #868892);
72
+ color:var(--sys-neutral-text-light, #8b8e9b);
73
73
  background:none;
74
- border-color:var(--sys-neutral-decor-default, #dfe2ec);
74
+ border-color:var(--sys-neutral-decor-default, #dde0ea);
75
75
  border-top-style:solid;
76
76
  border-right:none;
77
77
  border-bottom:none;
@@ -80,20 +80,20 @@
80
80
  outline-offset:0;
81
81
  }
82
82
  .notificationPanelFooterButton:hover{
83
- color:var(--sys-neutral-text-support, #656771);
83
+ color:var(--sys-neutral-text-support, #6d707f);
84
84
  }
85
85
  .notificationPanelFooterButton:focus-visible{
86
86
  outline-width:var(--border-state-focus-s-border-width, 2px);
87
87
  outline-style:var(--border-state-focus-s-border-style, solid);
88
88
  outline-color:var(--border-state-focus-s-border-color, );
89
89
  outline-offset:calc(var(--border-state-focus-s-border-width, 2px) * -1);
90
- color:var(--sys-neutral-text-support, #656771);
90
+ color:var(--sys-neutral-text-support, #6d707f);
91
91
  border-color:transparent;
92
- outline-color:var(--sys-available-complementary, #141415);
92
+ outline-color:var(--sys-available-complementary, #15151b);
93
93
  }
94
94
  .notificationPanelFooterButton:active{
95
- color:var(--sys-neutral-text-main, #33333b);
96
- border-color:var(--sys-neutral-decor-default, #dfe2ec);
95
+ color:var(--sys-neutral-text-main, #33343f);
96
+ border-color:var(--sys-neutral-decor-default, #dde0ea);
97
97
  }
98
98
 
99
99
  .wrapper{
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Notification",
7
- "version": "0.7.37",
7
+ "version": "0.7.38",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -41,11 +41,11 @@
41
41
  "@snack-uikit/popover-private": "0.13.4",
42
42
  "@snack-uikit/scroll": "0.6.0",
43
43
  "@snack-uikit/skeleton": "0.3.4",
44
- "@snack-uikit/tag": "0.9.5",
44
+ "@snack-uikit/tag": "0.9.6",
45
45
  "@snack-uikit/truncate-string": "0.4.19",
46
46
  "@snack-uikit/typography": "0.6.2",
47
47
  "@snack-uikit/utils": "3.3.0",
48
48
  "classnames": "2.3.2"
49
49
  },
50
- "gitHead": "0c81fa6b2657f51768401ba7ce5015fe8d293805"
50
+ "gitHead": "680e16bb363296e1b4a0a35ce8efd2b4f23c4ee2"
51
51
  }