@snack-uikit/counter 0.6.0 → 0.6.1-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 (3) hide show
  1. package/dist/components/styles.module.css +16 -16
  2. package/package.json +2 -2
  3. package/src/components/styles.module.scss +1 -1
package/dist/components/styles.module.css CHANGED
@@ -10,32 +10,32 @@
10
10
  .counter[data-color=accent][data-appearance=primary]{
11
11
  color:var(--sys-primary-on-accent, #fdfbff);
12
12
  background-color:var(--sys-primary-accent-default, #794ed3);
13
- border-color:var(--sys-neutral-background1-level, #f9f9f9);
13
+ border-color:var(--sys-neutral-background1-level, #fafafc);
14
14
  }
15
15
  .counter[data-color=accent][data-appearance=neutral]{
16
- color:var(--sys-neutral-on-accent, #fdfdfd);
17
- background-color:var(--sys-neutral-accent-default, #757575);
18
- border-color:var(--sys-neutral-background1-level, #f9f9f9);
16
+ color:var(--sys-neutral-on-accent, #ffffff);
17
+ background-color:var(--sys-neutral-accent-default, #6f717c);
18
+ border-color:var(--sys-neutral-background1-level, #fafafc);
19
19
  }
20
20
  .counter[data-color=accent][data-appearance=red]{
21
- color:var(--sys-red-on-accent, #fffbfa);
22
- background-color:var(--sys-red-accent-default, #d93f2f);
23
- border-color:var(--sys-neutral-background1-level, #f9f9f9);
21
+ color:var(--sys-red-on-accent, #fffbf9);
22
+ background-color:var(--sys-red-accent-default, #cd3c3c);
23
+ border-color:var(--sys-neutral-background1-level, #fafafc);
24
24
  }
25
25
  .counter[data-color=decor][data-appearance=primary]{
26
26
  color:var(--sys-primary-text-main, #382a62);
27
27
  background-color:var(--sys-primary-decor-default, #ebdefd);
28
- border-color:var(--sys-neutral-background1-level, #f9f9f9);
28
+ border-color:var(--sys-neutral-background1-level, #fafafc);
29
29
  }
30
30
  .counter[data-color=decor][data-appearance=neutral]{
31
- color:var(--sys-neutral-text-main, #333333);
32
- background-color:var(--sys-neutral-decor-default, #dedede);
33
- border-color:var(--sys-neutral-background1-level, #f9f9f9);
31
+ color:var(--sys-neutral-text-main, #33333b);
32
+ background-color:var(--sys-neutral-decor-default, #dfe2ec);
33
+ border-color:var(--sys-neutral-background1-level, #fafafc);
34
34
  }
35
35
  .counter[data-color=decor][data-appearance=red]{
36
- color:var(--sys-red-text-main, #621c1e);
37
- background-color:var(--sys-red-decor-default, #ffd8d0);
38
- border-color:var(--sys-neutral-background1-level, #f9f9f9);
36
+ color:var(--sys-red-text-main, #621c1b);
37
+ background-color:var(--sys-red-decor-default, #fdd6cd);
38
+ border-color:var(--sys-neutral-background1-level, #fafafc);
39
39
  }
40
40
  .counter[data-size=s]{
41
41
  font-family:var(--sans-label-s-font-family, SB Sans Interface);
@@ -45,7 +45,7 @@
45
45
  letter-spacing:var(--sans-label-s-letter-spacing, -0.1px);
46
46
  paragraph-spacing:var(--sans-label-s-paragraph-spacing, 6.05px);
47
47
  border-radius:var(--radius-counter-s, 8px);
48
- height:var(--dimension-theme-general-16px, 16px);
48
+ height:var(--size-counter-s-height, 16px);
49
49
  min-width:var(--size-counter-s-minimal-width, 16px);
50
50
  padding-right:var(--space-counter-s, 2.5px);
51
51
  padding-left:var(--space-counter-s, 2.5px);
@@ -75,7 +75,7 @@
75
75
  letter-spacing:var(--sans-label-l-letter-spacing, -0.1px);
76
76
  paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
77
77
  border-radius:var(--radius-counter-m, 16px);
78
- height:var(--dimension-theme-general-24px, 24px);
78
+ height:var(--size-counter-m-height, 24px);
79
79
  min-width:var(--size-counter-m-minimal-width, 24px);
80
80
  padding-right:var(--space-counter-m, 4.5px);
81
81
  padding-left:var(--space-counter-m, 4.5px);
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Counter",
7
- "version": "0.6.0",
7
+ "version": "0.6.1-preview-993a9cfb.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -35,5 +35,5 @@
35
35
  "@snack-uikit/utils": "3.2.0",
36
36
  "classnames": "2.3.2"
37
37
  },
38
- "gitHead": "57c597a3eebaf6528c0c61b6b27dd244753de1cf"
38
+ "gitHead": "a421965dc78af63a8c292e595b3f0a8ff1be86f9"
39
39
  }
package/src/components/styles.module.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-counter';
2
2
 
3
- $appearances: 'primary', 'neutral', 'red';
4
3
  $sizes: 's', 'm';
4
+ $appearances: 'primary', 'neutral', 'red';
5
5
  $variants: 'count', 'count-plus', 'count-k';
6
6
  $colors: 'accent', 'decor';
7
7