@snack-uikit/alert 0.13.1 → 0.13.2-preview-963c3343.0

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 (4) hide show
  1. package/dist/components/Alert/styles.module.css +7 -7
  2. package/dist/components/AlertTop/styles.module.css +6 -6
  3. package/dist/helperComponents/styles.module.css +15 -15
  4. package/package.json +4 -4
package/dist/components/Alert/styles.module.css CHANGED
@@ -11,16 +11,16 @@
11
11
  background-color:var(--sys-primary-background, #f6effe);
12
12
  }
13
13
  .alert[data-color=red]{
14
- background-color:var(--sys-red-background, #fdedea);
14
+ background-color:var(--sys-red-background, #fdf1ef);
15
15
  }
16
16
  .alert[data-color=yellow]{
17
- background-color:var(--sys-yellow-background, #fcf4da);
17
+ background-color:var(--sys-yellow-background, #fef7e1);
18
18
  }
19
19
  .alert[data-color=green]{
20
- background-color:var(--sys-green-background, #ecf6ea);
20
+ background-color:var(--sys-green-background, #f1fbee);
21
21
  }
22
22
  .alert[data-color=blue]{
23
- background-color:var(--sys-blue-background, #edf4fd);
23
+ background-color:var(--sys-blue-background, #eef8ff);
24
24
  }
25
25
  .alert[data-size=s]{
26
26
  padding-top:var(--space-alert-s-container-vertical-padding, 7px);
@@ -101,10 +101,10 @@
101
101
  color:var(--sys-primary-accent-default, #794ed3);
102
102
  }
103
103
  .icon[data-color=red]{
104
- color:var(--sys-red-accent-default, #cd3c3c);
104
+ color:var(--sys-red-accent-default, #cb3f3e);
105
105
  }
106
106
  .icon[data-color=yellow]{
107
- color:var(--sys-yellow-accent-default, #ffc443);
107
+ color:var(--sys-yellow-accent-default, #e2b134);
108
108
  }
109
109
  .icon[data-color=green]{
110
110
  color:var(--sys-green-accent-default, #57b762);
@@ -143,7 +143,7 @@
143
143
  }
144
144
 
145
145
  .title{
146
- color:var(--sys-neutral-text-main, #33343f);
146
+ color:var(--sys-neutral-text-main, #41424e);
147
147
  }
148
148
  .title[data-size=s]{
149
149
  font-family:var(--sans-title-s-font-family, SB Sans Interface);
package/dist/components/AlertTop/styles.module.css CHANGED
@@ -9,16 +9,16 @@
9
9
  box-sizing:border-box;
10
10
  }
11
11
  .alertTop[data-color=invert-neutral]{
12
- background-color:var(--sys-invert-neutral-background, #282832);
12
+ background-color:var(--sys-invert-neutral-background, #2a2a35);
13
13
  }
14
14
  .alertTop[data-color=primary]{
15
15
  background-color:var(--sys-primary-accent-default, #794ed3);
16
16
  }
17
17
  .alertTop[data-color=red]{
18
- background-color:var(--sys-red-accent-default, #cd3c3c);
18
+ background-color:var(--sys-red-accent-default, #cb3f3e);
19
19
  }
20
20
  .alertTop[data-color=yellow]{
21
- background-color:var(--sys-yellow-accent-default, #ffc443);
21
+ background-color:var(--sys-yellow-accent-default, #e2b134);
22
22
  }
23
23
  .alertTop[data-color=green]{
24
24
  background-color:var(--sys-green-accent-default, #57b762);
@@ -42,7 +42,7 @@
42
42
  color:var(--sys-red-on-accent, #fffbf9);
43
43
  }
44
44
  .icon[data-color=yellow]{
45
- color:var(--sys-yellow-on-accent, #5e3d06);
45
+ color:var(--sys-yellow-on-accent, #593e20);
46
46
  }
47
47
  .icon[data-color=green]{
48
48
  color:var(--sys-green-on-accent, #fcfefa);
@@ -73,7 +73,7 @@
73
73
  color:var(--sys-red-on-accent, #fffbf9);
74
74
  }
75
75
  .title[data-color=yellow]{
76
- color:var(--sys-yellow-on-accent, #5e3d06);
76
+ color:var(--sys-yellow-on-accent, #593e20);
77
77
  }
78
78
  .title[data-color=green]{
79
79
  color:var(--sys-green-on-accent, #fcfefa);
@@ -101,7 +101,7 @@
101
101
  color:var(--sys-red-on-accent, #fffbf9);
102
102
  }
103
103
  .description[data-color=yellow]{
104
- color:var(--sys-yellow-on-accent, #5e3d06);
104
+ color:var(--sys-yellow-on-accent, #593e20);
105
105
  }
106
106
  .description[data-color=green]{
107
107
  color:var(--sys-green-on-accent, #fcfefa);
package/dist/helperComponents/styles.module.css CHANGED
@@ -72,10 +72,10 @@
72
72
  color:var(--sys-neutral-text-support, #6d707f);
73
73
  }
74
74
  .alertButton[data-variant=simple][data-appearance=neutral]:hover, .alertButton[data-variant=simple][data-appearance=neutral]:focus-visible{
75
- color:var(--sys-neutral-text-main, #33343f);
75
+ color:var(--sys-neutral-text-main, #41424e);
76
76
  }
77
77
  .alertButton[data-variant=simple][data-appearance=neutral]:active{
78
- color:var(--sys-neutral-text-main, #33343f);
78
+ color:var(--sys-neutral-text-main, #41424e);
79
79
  }
80
80
  .alertButton[data-variant=simple][data-appearance=primary]{
81
81
  color:var(--sys-primary-text-support, #5b4796);
@@ -87,40 +87,40 @@
87
87
  color:var(--sys-primary-text-main, #382a62);
88
88
  }
89
89
  .alertButton[data-variant=simple][data-appearance=red]{
90
- color:var(--sys-red-text-support, #a63d3a);
90
+ color:var(--sys-red-text-support, #ae514c);
91
91
  }
92
92
  .alertButton[data-variant=simple][data-appearance=red]:hover, .alertButton[data-variant=simple][data-appearance=red]:focus-visible{
93
- color:var(--sys-red-text-main, #621c1b);
93
+ color:var(--sys-red-text-main, #7a2d2d);
94
94
  }
95
95
  .alertButton[data-variant=simple][data-appearance=red]:active{
96
- color:var(--sys-red-text-main, #621c1b);
96
+ color:var(--sys-red-text-main, #7a2d2d);
97
97
  }
98
98
  .alertButton[data-variant=simple][data-appearance=yellow]{
99
- color:var(--sys-yellow-text-support, #a77a10);
99
+ color:var(--sys-yellow-text-support, #b78c32);
100
100
  }
101
101
  .alertButton[data-variant=simple][data-appearance=yellow]:hover, .alertButton[data-variant=simple][data-appearance=yellow]:focus-visible{
102
- color:var(--sys-yellow-text-main, #5e3d06);
102
+ color:var(--sys-yellow-text-main, #815f19);
103
103
  }
104
104
  .alertButton[data-variant=simple][data-appearance=yellow]:active{
105
- color:var(--sys-yellow-text-main, #5e3d06);
105
+ color:var(--sys-yellow-text-main, #815f19);
106
106
  }
107
107
  .alertButton[data-variant=simple][data-appearance=green]{
108
- color:var(--sys-green-text-support, #568a56);
108
+ color:var(--sys-green-text-support, #55915a);
109
109
  }
110
110
  .alertButton[data-variant=simple][data-appearance=green]:hover, .alertButton[data-variant=simple][data-appearance=green]:focus-visible{
111
- color:var(--sys-green-text-main, #323f27);
111
+ color:var(--sys-green-text-main, #3d6035);
112
112
  }
113
113
  .alertButton[data-variant=simple][data-appearance=green]:active{
114
- color:var(--sys-green-text-main, #323f27);
114
+ color:var(--sys-green-text-main, #3d6035);
115
115
  }
116
116
  .alertButton[data-variant=simple][data-appearance=blue]{
117
- color:var(--sys-blue-text-support, #4975a9);
117
+ color:var(--sys-blue-text-support, #4877b0);
118
118
  }
119
119
  .alertButton[data-variant=simple][data-appearance=blue]:hover, .alertButton[data-variant=simple][data-appearance=blue]:focus-visible{
120
- color:var(--sys-blue-text-main, #153a61);
120
+ color:var(--sys-blue-text-main, #2b537e);
121
121
  }
122
122
  .alertButton[data-variant=simple][data-appearance=blue]:active{
123
- color:var(--sys-blue-text-main, #153a61);
123
+ color:var(--sys-blue-text-main, #2b537e);
124
124
  }
125
125
 
126
126
  .alertButton[data-variant=tonal]{
@@ -161,7 +161,7 @@
161
161
  color:var(--sys-red-on-accent, #fffbf9);
162
162
  }
163
163
  .alertButton[data-variant=tonal][data-appearance=yellow]{
164
- color:var(--sys-yellow-on-accent, #5e3d06);
164
+ color:var(--sys-yellow-on-accent, #593e20);
165
165
  }
166
166
  .alertButton[data-variant=tonal][data-appearance=green]{
167
167
  color:var(--sys-green-on-accent, #fcfefa);
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Alert",
7
- "version": "0.13.1",
7
+ "version": "0.13.2-preview-963c3343.0",
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.22.0",
36
- "@snack-uikit/link": "0.13.0",
36
+ "@snack-uikit/link": "0.13.1-preview-963c3343.0",
37
37
  "@snack-uikit/loaders": "0.5.2",
38
- "@snack-uikit/truncate-string": "0.4.20",
38
+ "@snack-uikit/truncate-string": "0.4.21-preview-963c3343.0",
39
39
  "@snack-uikit/utils": "3.3.0",
40
40
  "classnames": "2.3.2"
41
41
  },
42
- "gitHead": "d401b1e5dc282f4f8bea2fda98e62790ae722ba5"
42
+ "gitHead": "dadc3669642ccf55bc0cb9cb700ba4457428cc0e"
43
43
  }