@snack-uikit/card 0.9.11 → 0.9.12-preview-993a9cfb.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 (10) hide show
  1. package/dist/components/Card/styles.module.css +8 -8
  2. package/dist/components/Footer/components/CallToAction/styles.module.css +6 -6
  3. package/dist/components/Footer/components/Dimension/styles.module.css +3 -3
  4. package/dist/components/FunctionBadge/styles.module.css +7 -7
  5. package/dist/components/Header/styles.module.css +3 -3
  6. package/dist/components/Image/styles.module.css +2 -2
  7. package/dist/helperComponents/Emblem/styled.module.css +1 -1
  8. package/dist/helperComponents/FunctionBadgeWrapper/styles.module.css +1 -1
  9. package/package.json +7 -7
  10. package/src/components/Footer/components/CallToAction/styles.module.scss +4 -4
package/dist/components/Card/styles.module.css CHANGED
@@ -28,7 +28,7 @@
28
28
  margin:0;
29
29
  padding:0;
30
30
  text-align:left;
31
- background-color:var(--sys-neutral-background1-level, #f9f9f9);
31
+ background-color:var(--sys-neutral-background1-level, #fafafc);
32
32
  border:0;
33
33
  outline-color:transparent;
34
34
  }
@@ -39,17 +39,17 @@
39
39
  outline-width:var(--border-state-focus-s-border-width, 2px);
40
40
  outline-style:var(--border-state-focus-s-border-style, solid);
41
41
  outline-color:var(--border-state-focus-s-border-color, );
42
- outline-color:var(--sys-neutral-decor-default, #dedede);
42
+ outline-color:var(--sys-neutral-decor-default, #dfe2ec);
43
43
  outline-width:var(--border-width-card-container, 1px);
44
44
  }
45
45
  .card:hover, .card:focus-visible{
46
- --snack-ui-card-background-color:var(--sys-neutral-background2-level, #fdfdfd);
46
+ --snack-ui-card-background-color:var(--sys-neutral-background2-level, #ffffff);
47
47
  }
48
48
  .card:focus-visible{
49
49
  outline-width:var(--border-state-focus-l-border-width, 4px);
50
50
  outline-style:var(--border-state-focus-l-border-style, solid);
51
51
  outline-color:var(--border-state-focus-l-border-color, );
52
- background-color:var(--sys-neutral-background2-level, #fdfdfd);
52
+ background-color:var(--sys-neutral-background2-level, #ffffff);
53
53
  outline-color:var(--sys-primary-accent-default, #794ed3);
54
54
  }
55
55
  .card:focus-visible .functionBadgeWrapper{
@@ -65,7 +65,7 @@
65
65
  cursor:pointer;
66
66
  }
67
67
  .card[data-pointer][data-outline]:hover{
68
- outline-color:var(--sys-neutral-decor-hovered, #d2d2d2);
68
+ outline-color:var(--sys-neutral-decor-hovered, #cfd2dc);
69
69
  box-shadow:none;
70
70
  }
71
71
  .card[data-pointer][data-outline]:focus-visible{
@@ -117,8 +117,8 @@
117
117
  outline-style:var(--border-state-focus-s-border-style, solid);
118
118
  outline-color:var(--border-state-focus-s-border-color, );
119
119
  cursor:not-allowed;
120
- background-color:var(--sys-neutral-background, #f0f0f0);
121
- outline-color:var(--sys-neutral-decor-default, #dedede);
120
+ background-color:var(--sys-neutral-background, #f1f2f6);
121
+ outline-color:var(--sys-neutral-decor-default, #dfe2ec);
122
122
  outline-width:var(--border-width-card-container, 1px);
123
123
  }
124
124
  .card[data-disabled] *{
@@ -128,7 +128,7 @@
128
128
  .body{
129
129
  display:block;
130
130
  width:100%;
131
- color:var(--sys-neutral-text-support, #565656);
131
+ color:var(--sys-neutral-text-support, #656771);
132
132
  text-align:initial;
133
133
  }
134
134
 
package/dist/components/Footer/components/CallToAction/styles.module.css CHANGED
@@ -6,10 +6,6 @@
6
6
  box-sizing:border-box;
7
7
  }
8
8
 
9
- .label{
10
- color:var(--sys-primary-accent-default, #794ed3);
11
- }
12
-
13
9
  .icon{
14
10
  display:flex;
15
11
  align-items:center;
@@ -17,6 +13,10 @@
17
13
  color:var(--sys-primary-accent-default, #794ed3);
18
14
  }
19
15
  .icon svg{
20
- width:var(--dimension-3m, 24px) !important;
21
- height:var(--dimension-3m, 24px) !important;
16
+ width:var(--size-icon-container-s, 24px) !important;
17
+ height:var(--size-icon-container-s, 24px) !important;
18
+ }
19
+
20
+ .label{
21
+ color:var(--sys-primary-accent-default, #794ed3);
22
22
  }
package/dist/components/Footer/components/Dimension/styles.module.css CHANGED
@@ -15,13 +15,13 @@
15
15
  }
16
16
 
17
17
  .currentValue{
18
- color:var(--sys-neutral-text-main, #333333);
18
+ color:var(--sys-neutral-text-main, #33333b);
19
19
  }
20
20
 
21
21
  .oldValue{
22
- color:var(--sys-neutral-text-light, #898989);
22
+ color:var(--sys-neutral-text-light, #868892);
23
23
  }
24
24
 
25
25
  .dimension{
26
- color:var(--sys-neutral-text-light, #898989);
26
+ color:var(--sys-neutral-text-light, #868892);
27
27
  }
package/dist/components/FunctionBadge/styles.module.css CHANGED
@@ -7,27 +7,27 @@
7
7
  display:flex;
8
8
  align-items:center;
9
9
  justify-content:center;
10
- color:var(--sys-neutral-text-main, #333333);
10
+ color:var(--sys-neutral-text-main, #33333b);
11
11
  background-color:transparent;
12
12
  border:0;
13
13
  outline-color:transparent;
14
14
  }
15
15
  .button:hover{
16
- color:var(--sys-neutral-text-support, #565656);
16
+ color:var(--sys-neutral-text-support, #656771);
17
17
  }
18
18
  .button:focus-visible{
19
19
  outline-width:var(--border-state-focus-s-border-width, 2px);
20
20
  outline-style:var(--border-state-focus-s-border-style, solid);
21
21
  outline-color:var(--border-state-focus-s-border-color, );
22
- color:var(--sys-neutral-text-support, #565656);
23
- outline-color:var(--sys-available-complementary, #131313);
22
+ color:var(--sys-neutral-text-support, #656771);
23
+ outline-color:var(--sys-available-complementary, #141415);
24
24
  }
25
25
  .button:active{
26
- color:var(--sys-neutral-text-light, #898989);
26
+ color:var(--sys-neutral-text-light, #868892);
27
27
  }
28
28
  .button svg{
29
- width:var(--dimension-3m, 24px) !important;
30
- height:var(--dimension-3m, 24px) !important;
29
+ width:var(--size-icon-container-s, 24px) !important;
30
+ height:var(--size-icon-container-s, 24px) !important;
31
31
  }
32
32
 
33
33
  .triggerClassName{
package/dist/components/Header/styles.module.css CHANGED
@@ -23,15 +23,15 @@
23
23
  .title{
24
24
  display:block;
25
25
  max-width:100%;
26
- color:var(--sys-neutral-text-main, #333333);
26
+ color:var(--sys-neutral-text-main, #33333b);
27
27
  }
28
28
 
29
29
  .metadata{
30
30
  max-width:100%;
31
- color:var(--sys-neutral-text-light, #898989);
31
+ color:var(--sys-neutral-text-light, #868892);
32
32
  }
33
33
 
34
34
  .description{
35
35
  max-width:100%;
36
- color:var(--sys-neutral-text-support, #565656);
36
+ color:var(--sys-neutral-text-support, #656771);
37
37
  }
package/dist/components/Image/styles.module.css CHANGED
@@ -22,6 +22,6 @@
22
22
  object-fit:cover;
23
23
  }
24
24
  .image[data-mode=background][data-fading]{
25
- -webkit-mask-image:var(--gradient-linear-mask-90deg, linear-gradient(90deg, rgba(253, 253, 253, 0) 0%, rgba(253, 253, 253, 0.0784313725) 33%, #fdfdfd 100%));
26
- mask-image:var(--gradient-linear-mask-90deg, linear-gradient(90deg, rgba(253, 253, 253, 0) 0%, rgba(253, 253, 253, 0.0784313725) 33%, #fdfdfd 100%));
25
+ -webkit-mask-image:var(--gradient-linear-mask-90deg, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.0784313725) 33%, #ffffff 100%));
26
+ mask-image:var(--gradient-linear-mask-90deg, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.0784313725) 33%, #ffffff 100%));
27
27
  }
package/dist/helperComponents/Emblem/styled.module.css CHANGED
@@ -4,7 +4,7 @@
4
4
  box-sizing:border-box;
5
5
  -o-object-fit:cover;
6
6
  object-fit:cover;
7
- border-color:var(--sys-neutral-decor-disabled, #e7e7e7);
7
+ border-color:var(--sys-neutral-decor-disabled, #e8eaf1);
8
8
  border-style:solid;
9
9
  }
10
10
  .img[data-size=s]{
package/dist/helperComponents/FunctionBadgeWrapper/styles.module.css CHANGED
@@ -22,6 +22,6 @@
22
22
  left:0;
23
23
  width:100%;
24
24
  height:100%;
25
- background-color:var(--sys-neutral-background1-level, #f9f9f9);
25
+ background-color:var(--sys-neutral-background1-level, #fafafc);
26
26
  box-shadow:var(--box-shadow-elevation-level2, 0px 0px 4px 0px rgba(0, 0, 0, 0.0392156863), 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863));
27
27
  }
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Card",
7
- "version": "0.9.11",
7
+ "version": "0.9.12-preview-993a9cfb.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -32,16 +32,16 @@
32
32
  "license": "Apache-2.0",
33
33
  "scripts": {},
34
34
  "dependencies": {
35
- "@snack-uikit/button": "0.16.0",
36
- "@snack-uikit/icon-predefined": "0.4.1",
35
+ "@snack-uikit/button": "0.16.1-preview-993a9cfb.0",
36
+ "@snack-uikit/icon-predefined": "0.4.2-preview-993a9cfb.0",
37
37
  "@snack-uikit/icons": "0.20.1",
38
- "@snack-uikit/list": "0.3.3",
38
+ "@snack-uikit/list": "0.3.4-preview-993a9cfb.0",
39
39
  "@snack-uikit/promo-tag": "0.4.1",
40
- "@snack-uikit/tag": "0.7.3",
41
- "@snack-uikit/truncate-string": "0.4.7",
40
+ "@snack-uikit/tag": "0.7.4-preview-993a9cfb.0",
41
+ "@snack-uikit/truncate-string": "0.4.8-preview-993a9cfb.0",
42
42
  "@snack-uikit/typography": "0.6.1",
43
43
  "@snack-uikit/utils": "3.2.0",
44
44
  "classnames": "2.3.2"
45
45
  },
46
- "gitHead": "2a64233470f28de9e0b08c1c219bd0e4cbd6ba20"
46
+ "gitHead": "a421965dc78af63a8c292e595b3f0a8ff1be86f9"
47
47
  }
package/src/components/Footer/components/CallToAction/styles.module.scss CHANGED
@@ -10,10 +10,6 @@
10
10
  box-sizing: border-box;
11
11
  }
12
12
 
13
- .label {
14
- color: $sys-primary-accent-default;
15
- }
16
-
17
13
  .icon {
18
14
  display: flex;
19
15
  align-items: center;
@@ -24,4 +20,8 @@
24
20
  width: $icon-s !important; /* stylelint-disable-line declaration-no-important */
25
21
  height: $icon-s !important; /* stylelint-disable-line declaration-no-important */
26
22
  }
23
+ }
24
+
25
+ .label {
26
+ color: $sys-primary-accent-default;
27
27
  }