@snack-uikit/search 0.7.8 → 0.7.9-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.
@@ -1,12 +1,12 @@
1
- .triggerClassName{
2
- --offset:var(--space-drop-list-drop-offset, 4px);
1
+ .wrap{
3
2
  display:flex;
4
3
  flex-grow:1;
4
+ width:100%;
5
+ min-width:0;
5
6
  }
6
7
 
7
- .wrap{
8
+ .triggerClassName{
9
+ --offset:var(--space-drop-list-drop-offset, 4px);
8
10
  display:flex;
9
11
  flex-grow:1;
10
- width:100%;
11
- min-width:0;
12
12
  }
@@ -5,7 +5,7 @@
5
5
  box-sizing:border-box;
6
6
  width:100%;
7
7
  min-width:0;
8
- background-color:var(--sys-neutral-background1-level, #f9f9f9);
8
+ background-color:var(--sys-neutral-background1-level, #fafafc);
9
9
  border-color:transparent;
10
10
  border-style:solid;
11
11
  }
@@ -31,17 +31,17 @@
31
31
  padding-right:var(--space-search-container-l, 10px);
32
32
  }
33
33
  .decorator[data-outline]{
34
- border-color:var(--sys-neutral-decor-default, #dedede);
34
+ border-color:var(--sys-neutral-decor-default, #dfe2ec);
35
35
  }
36
36
  .decorator:hover{
37
- background-color:var(--sys-neutral-background2-level, #fdfdfd);
37
+ background-color:var(--sys-neutral-background2-level, #ffffff);
38
38
  border-color:var(--sys-primary-decor-hovered, #decdfb);
39
39
  }
40
40
  .decorator:focus-within, .decorator[data-focused]{
41
41
  outline-width:var(--border-state-focus-m-border-width, 3px);
42
42
  outline-style:var(--border-state-focus-m-border-style, solid);
43
43
  outline-color:var(--border-state-focus-m-border-color, );
44
- background-color:var(--sys-neutral-background2-level, #fdfdfd);
44
+ background-color:var(--sys-neutral-background2-level, #ffffff);
45
45
  border-color:var(--sys-primary-accent-default, #794ed3);
46
46
  outline-color:var(--sys-primary-decor-activated, #c5b2f1);
47
47
  }
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Search",
7
- "version": "0.7.8",
7
+ "version": "0.7.9-preview-993a9cfb.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -32,8 +32,8 @@
32
32
  "license": "Apache-2.0",
33
33
  "scripts": {},
34
34
  "dependencies": {
35
- "@snack-uikit/droplist": "0.13.4",
36
- "@snack-uikit/search-private": "0.1.4",
35
+ "@snack-uikit/droplist": "0.13.5-preview-993a9cfb.0",
36
+ "@snack-uikit/search-private": "0.1.5-preview-993a9cfb.0",
37
37
  "@snack-uikit/utils": "3.2.0",
38
38
  "classnames": "2.3.2",
39
39
  "merge-refs": "1.0.0"
@@ -41,5 +41,5 @@
41
41
  "devDependencies": {
42
42
  "@types/merge-refs": "1.0.0"
43
43
  },
44
- "gitHead": "3da1fb6b1253a73f4e2d7afb5494b64bbfdd6508"
44
+ "gitHead": "a421965dc78af63a8c292e595b3f0a8ff1be86f9"
45
45
  }
@@ -1,12 +1,5 @@
1
1
  @import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-search';
2
2
 
3
- .triggerClassName {
4
- --offset: #{$space-drop-list-drop-offset};
5
-
6
- display: flex;
7
- flex-grow: 1;
8
- }
9
-
10
3
  .wrap {
11
4
  display: flex;
12
5
  flex-grow: 1;
@@ -14,3 +7,9 @@
14
7
  min-width: 0;
15
8
  }
16
9
 
10
+ .triggerClassName {
11
+ --offset: #{$space-drop-list-drop-offset};
12
+
13
+ display: flex;
14
+ flex-grow: 1;
15
+ }