@snack-uikit/breadcrumbs 0.8.10 → 0.8.11-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,16 +1,16 @@
1
1
  .collapse{
2
- color:var(--sys-neutral-text-light, #898989);
2
+ color:var(--sys-neutral-text-light, #868892);
3
3
  background:none;
4
4
  border:none;
5
5
  }
6
6
  .collapse:focus-visible, .collapse:hover{
7
- color:var(--sys-neutral-text-support, #565656);
7
+ color:var(--sys-neutral-text-support, #656771);
8
8
  }
9
9
  .collapse:focus-visible{
10
10
  outline-width:var(--border-state-focus-s-border-width, 2px);
11
11
  outline-style:var(--border-state-focus-s-border-style, solid);
12
12
  outline-color:var(--border-state-focus-s-border-color, );
13
- outline-color:var(--sys-available-complementary, #131313);
13
+ outline-color:var(--sys-available-complementary, #141415);
14
14
  }
15
15
 
16
16
  .collapsedRow{
@@ -12,7 +12,7 @@
12
12
  width:100%;
13
13
  margin:0;
14
14
  padding:0;
15
- color:var(--sys-neutral-text-light, #898989);
15
+ color:var(--sys-neutral-text-light, #868892);
16
16
  text-decoration:none;
17
17
  background:none;
18
18
  border:none;
@@ -21,16 +21,16 @@
21
21
  cursor:pointer;
22
22
  }
23
23
  .crumb[data-clickable]:focus-visible, .crumb[data-clickable]:hover, a.crumb[data-clickable]:focus-visible, a.crumb[data-clickable]:hover{
24
- color:var(--sys-neutral-text-support, #565656);
24
+ color:var(--sys-neutral-text-support, #656771);
25
25
  }
26
26
  .crumb[data-current=true], a.crumb[data-current=true]{
27
- color:var(--sys-neutral-text-support, #565656);
27
+ color:var(--sys-neutral-text-support, #656771);
28
28
  }
29
29
  .crumb:focus-visible, a.crumb:focus-visible{
30
30
  outline-width:var(--border-state-focus-s-border-width, 2px);
31
31
  outline-style:var(--border-state-focus-s-border-style, solid);
32
32
  outline-color:var(--border-state-focus-s-border-color, );
33
- outline-color:var(--sys-available-complementary, #131313);
33
+ outline-color:var(--sys-available-complementary, #141415);
34
34
  }
35
35
  .crumb[data-size=xs], a.crumb[data-size=xs]{
36
36
  height:var(--size-breadcrumbs-xs, 16px);
@@ -40,16 +40,16 @@
40
40
  height:var(--size-breadcrumbs-s, 24px);
41
41
  gap:var(--space-breadcrumbs-crumb-s-gap, 2px);
42
42
  }
43
+ .crumb .label, a.crumb .label{
44
+ overflow:hidden;
45
+ width:100%;
46
+ text-overflow:ellipsis;
47
+ white-space:nowrap;
48
+ }
43
49
  .crumb .icon, a.crumb .icon{
44
50
  display:flex;
45
51
  flex-shrink:0;
46
52
  align-items:center;
47
53
  width:-moz-fit-content;
48
54
  width:fit-content;
49
- }
50
- .crumb .label, a.crumb .label{
51
- overflow:hidden;
52
- width:100%;
53
- text-overflow:ellipsis;
54
- white-space:nowrap;
55
55
  }
@@ -1,7 +1,7 @@
1
1
  .separator{
2
2
  display:flex;
3
3
  align-items:center;
4
- color:var(--sys-neutral-text-disabled, #9e9e9e);
4
+ color:var(--sys-neutral-text-disabled, #b3b6bf);
5
5
  }
6
6
  .separator[data-size=xs]{
7
7
  height:var(--size-breadcrumbs-xs, 16px);
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Breadcrumbs",
7
- "version": "0.8.10",
7
+ "version": "0.8.11-preview-993a9cfb.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -32,11 +32,11 @@
32
32
  "license": "Apache-2.0",
33
33
  "scripts": {},
34
34
  "dependencies": {
35
- "@snack-uikit/list": "0.3.3",
35
+ "@snack-uikit/list": "0.3.4-preview-993a9cfb.0",
36
36
  "@snack-uikit/typography": "0.6.1",
37
37
  "@snack-uikit/utils": "3.2.0",
38
38
  "classnames": "2.3.2",
39
39
  "lodash.debounce": "4.0.8"
40
40
  },
41
- "gitHead": "d41e9dac56420c23375d98713798ced931c2d336"
41
+ "gitHead": "a421965dc78af63a8c292e595b3f0a8ff1be86f9"
42
42
  }
@@ -50,17 +50,17 @@ $sizes: 'xs', 's';
50
50
  }
51
51
  }
52
52
 
53
- .icon {
54
- display: flex;
55
- flex-shrink: 0;
56
- align-items: center;
57
- width: fit-content;
58
- }
59
-
60
53
  .label {
61
54
  overflow: hidden;
62
55
  width: 100%;
63
56
  text-overflow: ellipsis;
64
57
  white-space: nowrap;
65
58
  }
59
+
60
+ .icon {
61
+ display: flex;
62
+ flex-shrink: 0;
63
+ align-items: center;
64
+ width: fit-content;
65
+ }
66
66
  }