@snack-uikit/list 0.32.2-preview-23549ae9.0 → 0.32.2-preview-af47d898.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 (7) hide show
  1. package/dist/cjs/components/Items/BaseItem/styles.module.css +6 -6
  2. package/dist/cjs/components/Items/PinGroupItem/styles.module.css +12 -12
  3. package/dist/cjs/components/Items/SearchItem/styles.module.css +1 -1
  4. package/dist/esm/components/Items/BaseItem/styles.module.css +6 -6
  5. package/dist/esm/components/Items/PinGroupItem/styles.module.css +12 -12
  6. package/dist/esm/components/Items/SearchItem/styles.module.css +1 -1
  7. package/package.json +12 -12
package/dist/cjs/components/Items/BaseItem/styles.module.css CHANGED
@@ -31,8 +31,8 @@
31
31
  }
32
32
 
33
33
  .markerContainer{
34
- padding-top:var(--space-drop-list-item-marker-container-vertical-padding, 4px);
35
- padding-bottom:var(--space-drop-list-item-marker-container-vertical-padding, 4px);
34
+ padding-top:var(--space-drop-list-item-marker-container-vertical-padding, 2px);
35
+ padding-bottom:var(--space-drop-list-item-marker-container-vertical-padding, 2px);
36
36
  pointer-events:none;
37
37
  position:absolute;
38
38
  top:0;
@@ -97,17 +97,17 @@
97
97
  }
98
98
  .innerWrapper[data-has-checked][data-variant=single]::before, .innerWrapper[data-checked][data-variant=single]::before{
99
99
  opacity:var(--opacity-a008, 0.08);
100
- background-color:var(--sys-primary-accent-default, #794ed3);
100
+ background-color:var(--sys-primary-accent-default, #389f74);
101
101
  }
102
102
  .innerWrapper[data-has-checked][data-variant=single]:hover::before, .innerWrapper[data-checked][data-variant=single]:hover::before{
103
103
  opacity:var(--opacity-a016, 0.16);
104
- background-color:var(--sys-primary-accent-default, #794ed3);
104
+ background-color:var(--sys-primary-accent-default, #389f74);
105
105
  }
106
106
  .innerWrapper[data-has-checked] .markerContainer:before, .innerWrapper[data-checked] .markerContainer:before{
107
- background-color:var(--sys-primary-accent-default, #794ed3);
107
+ background-color:var(--sys-primary-accent-default, #389f74);
108
108
  }
109
109
  .innerWrapper[data-has-checked] .droplistItem:focus-visible[data-variant=single], .innerWrapper[data-checked] .droplistItem:focus-visible[data-variant=single]{
110
- outline-color:var(--sys-primary-accent-default, #794ed3);
110
+ outline-color:var(--sys-primary-accent-default, #389f74);
111
111
  }
112
112
  .innerWrapper[data-has-checked][data-disabled] .markerContainer:before, .innerWrapper[data-checked][data-disabled] .markerContainer:before{
113
113
  background-color:var(--sys-neutral-text-disabled, #aaaebd);
package/dist/cjs/components/Items/PinGroupItem/styles.module.css CHANGED
@@ -4,16 +4,16 @@
4
4
  border:none;
5
5
  }
6
6
  .pinTopItem[data-size=s]{
7
- padding-bottom:var(--radius-drop-list-container, 8px);
8
- gap:var(--radius-drop-list-container, 8px);
7
+ padding-bottom:var(--radius-drop-list-container, 4px);
8
+ gap:var(--radius-drop-list-container, 4px);
9
9
  }
10
10
  .pinTopItem[data-size=m]{
11
- padding-bottom:var(--radius-drop-list-container, 8px);
12
- gap:var(--radius-drop-list-container, 8px);
11
+ padding-bottom:var(--radius-drop-list-container, 4px);
12
+ gap:var(--radius-drop-list-container, 4px);
13
13
  }
14
14
  .pinTopItem[data-size=l]{
15
- padding-bottom:var(--radius-drop-list-container, 8px);
16
- gap:var(--radius-drop-list-container, 8px);
15
+ padding-bottom:var(--radius-drop-list-container, 4px);
16
+ gap:var(--radius-drop-list-container, 4px);
17
17
  }
18
18
  .pinTopItem li,
19
19
  .pinTopItem ul{
@@ -26,16 +26,16 @@
26
26
  border:none;
27
27
  }
28
28
  .pinBottomItem[data-size=s]{
29
- padding-top:var(--radius-drop-list-container, 8px);
30
- gap:var(--radius-drop-list-container, 8px);
29
+ padding-top:var(--radius-drop-list-container, 4px);
30
+ gap:var(--radius-drop-list-container, 4px);
31
31
  }
32
32
  .pinBottomItem[data-size=m]{
33
- padding-top:var(--radius-drop-list-container, 8px);
34
- gap:var(--radius-drop-list-container, 8px);
33
+ padding-top:var(--radius-drop-list-container, 4px);
34
+ gap:var(--radius-drop-list-container, 4px);
35
35
  }
36
36
  .pinBottomItem[data-size=l]{
37
- padding-top:var(--radius-drop-list-container, 8px);
38
- gap:var(--radius-drop-list-container, 8px);
37
+ padding-top:var(--radius-drop-list-container, 4px);
38
+ gap:var(--radius-drop-list-container, 4px);
39
39
  }
40
40
  .pinBottomItem li,
41
41
  .pinBottomItem ul{
package/dist/cjs/components/Items/SearchItem/styles.module.css CHANGED
@@ -7,5 +7,5 @@
7
7
  outline-color:var(--border-state-focus-s-border-color, );
8
8
  outline-offset:calc(var(--border-state-focus-s-border-width, 2px) * -1);
9
9
  max-width:100%;
10
- outline-color:var(--sys-primary-decor-activated, #c5b2f1);
10
+ outline-color:var(--sys-primary-decor-activated, #99d7ba);
11
11
  }
package/dist/esm/components/Items/BaseItem/styles.module.css CHANGED
@@ -31,8 +31,8 @@
31
31
  }
32
32
 
33
33
  .markerContainer{
34
- padding-top:var(--space-drop-list-item-marker-container-vertical-padding, 4px);
35
- padding-bottom:var(--space-drop-list-item-marker-container-vertical-padding, 4px);
34
+ padding-top:var(--space-drop-list-item-marker-container-vertical-padding, 2px);
35
+ padding-bottom:var(--space-drop-list-item-marker-container-vertical-padding, 2px);
36
36
  pointer-events:none;
37
37
  position:absolute;
38
38
  top:0;
@@ -97,17 +97,17 @@
97
97
  }
98
98
  .innerWrapper[data-has-checked][data-variant=single]::before, .innerWrapper[data-checked][data-variant=single]::before{
99
99
  opacity:var(--opacity-a008, 0.08);
100
- background-color:var(--sys-primary-accent-default, #794ed3);
100
+ background-color:var(--sys-primary-accent-default, #389f74);
101
101
  }
102
102
  .innerWrapper[data-has-checked][data-variant=single]:hover::before, .innerWrapper[data-checked][data-variant=single]:hover::before{
103
103
  opacity:var(--opacity-a016, 0.16);
104
- background-color:var(--sys-primary-accent-default, #794ed3);
104
+ background-color:var(--sys-primary-accent-default, #389f74);
105
105
  }
106
106
  .innerWrapper[data-has-checked] .markerContainer:before, .innerWrapper[data-checked] .markerContainer:before{
107
- background-color:var(--sys-primary-accent-default, #794ed3);
107
+ background-color:var(--sys-primary-accent-default, #389f74);
108
108
  }
109
109
  .innerWrapper[data-has-checked] .droplistItem:focus-visible[data-variant=single], .innerWrapper[data-checked] .droplistItem:focus-visible[data-variant=single]{
110
- outline-color:var(--sys-primary-accent-default, #794ed3);
110
+ outline-color:var(--sys-primary-accent-default, #389f74);
111
111
  }
112
112
  .innerWrapper[data-has-checked][data-disabled] .markerContainer:before, .innerWrapper[data-checked][data-disabled] .markerContainer:before{
113
113
  background-color:var(--sys-neutral-text-disabled, #aaaebd);
package/dist/esm/components/Items/PinGroupItem/styles.module.css CHANGED
@@ -4,16 +4,16 @@
4
4
  border:none;
5
5
  }
6
6
  .pinTopItem[data-size=s]{
7
- padding-bottom:var(--radius-drop-list-container, 8px);
8
- gap:var(--radius-drop-list-container, 8px);
7
+ padding-bottom:var(--radius-drop-list-container, 4px);
8
+ gap:var(--radius-drop-list-container, 4px);
9
9
  }
10
10
  .pinTopItem[data-size=m]{
11
- padding-bottom:var(--radius-drop-list-container, 8px);
12
- gap:var(--radius-drop-list-container, 8px);
11
+ padding-bottom:var(--radius-drop-list-container, 4px);
12
+ gap:var(--radius-drop-list-container, 4px);
13
13
  }
14
14
  .pinTopItem[data-size=l]{
15
- padding-bottom:var(--radius-drop-list-container, 8px);
16
- gap:var(--radius-drop-list-container, 8px);
15
+ padding-bottom:var(--radius-drop-list-container, 4px);
16
+ gap:var(--radius-drop-list-container, 4px);
17
17
  }
18
18
  .pinTopItem li,
19
19
  .pinTopItem ul{
@@ -26,16 +26,16 @@
26
26
  border:none;
27
27
  }
28
28
  .pinBottomItem[data-size=s]{
29
- padding-top:var(--radius-drop-list-container, 8px);
30
- gap:var(--radius-drop-list-container, 8px);
29
+ padding-top:var(--radius-drop-list-container, 4px);
30
+ gap:var(--radius-drop-list-container, 4px);
31
31
  }
32
32
  .pinBottomItem[data-size=m]{
33
- padding-top:var(--radius-drop-list-container, 8px);
34
- gap:var(--radius-drop-list-container, 8px);
33
+ padding-top:var(--radius-drop-list-container, 4px);
34
+ gap:var(--radius-drop-list-container, 4px);
35
35
  }
36
36
  .pinBottomItem[data-size=l]{
37
- padding-top:var(--radius-drop-list-container, 8px);
38
- gap:var(--radius-drop-list-container, 8px);
37
+ padding-top:var(--radius-drop-list-container, 4px);
38
+ gap:var(--radius-drop-list-container, 4px);
39
39
  }
40
40
  .pinBottomItem li,
41
41
  .pinBottomItem ul{
package/dist/esm/components/Items/SearchItem/styles.module.css CHANGED
@@ -7,5 +7,5 @@
7
7
  outline-color:var(--border-state-focus-s-border-color, );
8
8
  outline-offset:calc(var(--border-state-focus-s-border-width, 2px) * -1);
9
9
  max-width:100%;
10
- outline-color:var(--sys-primary-decor-activated, #c5b2f1);
10
+ outline-color:var(--sys-primary-decor-activated, #99d7ba);
11
11
  }
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "List",
7
- "version": "0.32.2-preview-23549ae9.0",
7
+ "version": "0.32.2-preview-af47d898.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -36,17 +36,17 @@
36
36
  "license": "Apache-2.0",
37
37
  "scripts": {},
38
38
  "dependencies": {
39
- "@snack-uikit/button": "0.19.16-preview-23549ae9.0",
40
- "@snack-uikit/divider": "3.2.10-preview-23549ae9.0",
41
- "@snack-uikit/dropdown": "0.5.3-preview-23549ae9.0",
39
+ "@snack-uikit/button": "0.19.16-preview-af47d898.0",
40
+ "@snack-uikit/divider": "3.2.10-preview-af47d898.0",
41
+ "@snack-uikit/dropdown": "0.5.3-preview-af47d898.0",
42
42
  "@snack-uikit/icons": "0.27.2",
43
- "@snack-uikit/info-block": "0.6.32-preview-23549ae9.0",
44
- "@snack-uikit/loaders": "0.9.9-preview-23549ae9.0",
45
- "@snack-uikit/scroll": "0.10.5-preview-23549ae9.0",
46
- "@snack-uikit/search-private": "0.4.28-preview-23549ae9.0",
47
- "@snack-uikit/toggles": "0.13.21-preview-23549ae9.0",
48
- "@snack-uikit/truncate-string": "0.7.1-preview-23549ae9.0",
49
- "@snack-uikit/utils": "3.10.2-preview-23549ae9.0",
43
+ "@snack-uikit/info-block": "0.6.32-preview-af47d898.0",
44
+ "@snack-uikit/loaders": "0.9.9-preview-af47d898.0",
45
+ "@snack-uikit/scroll": "0.10.5-preview-af47d898.0",
46
+ "@snack-uikit/search-private": "0.4.28-preview-af47d898.0",
47
+ "@snack-uikit/toggles": "0.13.21-preview-af47d898.0",
48
+ "@snack-uikit/truncate-string": "0.7.1-preview-af47d898.0",
49
+ "@snack-uikit/utils": "3.10.2-preview-af47d898.0",
50
50
  "@tanstack/react-virtual": "3.11.2",
51
51
  "classnames": "2.5.1",
52
52
  "merge-refs": "1.3.0"
@@ -54,5 +54,5 @@
54
54
  "peerDependencies": {
55
55
  "@snack-uikit/locale": "*"
56
56
  },
57
- "gitHead": "e42f92b88079738efc564d7fa74f5fbd18e2fd6d"
57
+ "gitHead": "2820a978ede675a7d4357fd2b81dc7bf4617bfec"
58
58
  }