@snack-uikit/avatar 0.6.1 → 0.6.2-preview-94780dcd.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 (2) hide show
  1. package/dist/components/styles.module.css +15 -15
  2. package/package.json +4 -4
package/dist/components/styles.module.css CHANGED
@@ -6,43 +6,43 @@
6
6
  justify-content:center;
7
7
  }
8
8
  .avatar[data-appearance=red]{
9
- color:var(--sys-red-text-main, #621c1b);
9
+ color:var(--sys-red-text-main, #7a2d2d);
10
10
  background-color:var(--sys-red-decor-default, #fdd6cd);
11
11
  }
12
12
  .avatar[data-appearance=orange]{
13
- color:var(--sys-orange-text-main, #643117);
13
+ color:var(--sys-orange-text-main, #884c23);
14
14
  background-color:var(--sys-orange-decor-default, #fed8b8);
15
15
  }
16
16
  .avatar[data-appearance=yellow]{
17
- color:var(--sys-yellow-text-main, #5e3d06);
17
+ color:var(--sys-yellow-text-main, #815f19);
18
18
  background-color:var(--sys-yellow-decor-default, #f0dfb1);
19
19
  }
20
20
  .avatar[data-appearance=green]{
21
- color:var(--sys-green-text-main, #323f27);
21
+ color:var(--sys-green-text-main, #3d6035);
22
22
  background-color:var(--sys-green-decor-default, #d2ead0);
23
23
  }
24
24
  .avatar[data-appearance=blue]{
25
- color:var(--sys-blue-text-main, #153a61);
25
+ color:var(--sys-blue-text-main, #2b537e);
26
26
  background-color:var(--sys-blue-decor-default, #d6e2f4);
27
27
  }
28
28
  .avatar[data-appearance=violet]{
29
- color:var(--sys-violet-text-main, #502e56);
30
- background-color:var(--sys-violet-decor-default, #efd9ef);
29
+ color:var(--sys-violet-text-main, #59446a);
30
+ background-color:var(--sys-violet-decor-default, #e6dcf3);
31
31
  }
32
32
  .avatar[data-appearance=pink]{
33
- color:var(--sys-pink-text-main, #5e2540);
33
+ color:var(--sys-pink-text-main, #754158);
34
34
  background-color:var(--sys-pink-decor-default, #f5d9e1);
35
35
  }
36
36
  .avatar[data-appearance=neutral]{
37
- color:var(--sys-neutral-text-main, #33333b);
38
- background-color:var(--sys-neutral-decor-default, #dfe2ec);
37
+ color:var(--sys-neutral-text-main, #41424e);
38
+ background-color:var(--sys-neutral-decor-default, #dde0ea);
39
39
  }
40
40
  .avatar[data-size=xxs]{
41
41
  font-family:var(--sans-label-s-font-family, SB Sans Interface);
42
42
  font-weight:var(--sans-label-s-font-weight, Semibold);
43
43
  line-height:var(--sans-label-s-line-height, 14px);
44
44
  font-size:var(--sans-label-s-font-size, 11px);
45
- letter-spacing:var(--sans-label-s-letter-spacing, -0.1px);
45
+ letter-spacing:var(--sans-label-s-letter-spacing, 0px);
46
46
  paragraph-spacing:var(--sans-label-s-paragraph-spacing, 6.05px);
47
47
  }
48
48
  .avatar[data-size=xxs][data-shape=round]{
@@ -60,7 +60,7 @@
60
60
  font-weight:var(--sans-label-s-font-weight, Semibold);
61
61
  line-height:var(--sans-label-s-line-height, 14px);
62
62
  font-size:var(--sans-label-s-font-size, 11px);
63
- letter-spacing:var(--sans-label-s-letter-spacing, -0.1px);
63
+ letter-spacing:var(--sans-label-s-letter-spacing, 0px);
64
64
  paragraph-spacing:var(--sans-label-s-paragraph-spacing, 6.05px);
65
65
  }
66
66
  .avatar[data-size=xs][data-shape=round]{
@@ -78,7 +78,7 @@
78
78
  font-weight:var(--sans-label-l-font-weight, Semibold);
79
79
  line-height:var(--sans-label-l-line-height, 20px);
80
80
  font-size:var(--sans-label-l-font-size, 14px);
81
- letter-spacing:var(--sans-label-l-letter-spacing, -0.1px);
81
+ letter-spacing:var(--sans-label-l-letter-spacing, 0px);
82
82
  paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
83
83
  }
84
84
  .avatar[data-size=s][data-shape=round]{
@@ -95,9 +95,9 @@
95
95
  font-family:var(--sans-title-l-font-family, SB Sans Interface);
96
96
  font-weight:var(--sans-title-l-font-weight, Semibold);
97
97
  line-height:var(--sans-title-l-line-height, 28px);
98
- font-size:var(--sans-title-l-font-size, 22px);
98
+ font-size:var(--sans-title-l-font-size, 20px);
99
99
  letter-spacing:var(--sans-title-l-letter-spacing, 0.15px);
100
- paragraph-spacing:var(--sans-title-l-paragraph-spacing, 12.1px);
100
+ paragraph-spacing:var(--sans-title-l-paragraph-spacing, 11px);
101
101
  }
102
102
  .avatar[data-size=m][data-shape=round]{
103
103
  border-radius:var(--radius-avatar-round-m, 24px);
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Avatar",
7
- "version": "0.6.1",
7
+ "version": "0.6.2-preview-94780dcd.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -31,9 +31,9 @@
31
31
  ],
32
32
  "license": "Apache-2.0",
33
33
  "dependencies": {
34
- "@snack-uikit/status": "0.5.2",
35
- "@snack-uikit/utils": "3.3.0",
34
+ "@snack-uikit/status": "0.5.3-preview-94780dcd.0",
35
+ "@snack-uikit/utils": "3.3.1-preview-94780dcd.0",
36
36
  "classnames": "2.3.2"
37
37
  },
38
- "gitHead": "bf1e1f3cfabccc1ee288c18722e33009bd001798"
38
+ "gitHead": "0b67805c876ec8ccc1567d110a3b37b04d2f0fb6"
39
39
  }