@carbon/styles 1.28.0 → 1.29.0-rc.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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/styles",
3
3
  "description": "Styles for the Carbon Design System",
4
- "version": "1.28.0",
4
+ "version": "1.29.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",
@@ -50,7 +50,7 @@
50
50
  "lodash.isequal": "^4.5.0",
51
51
  "postcss": "^8.4.14",
52
52
  "postcss-flexbugs-fixes": "^5.0.2",
53
- "rimraf": "^4.0.0",
53
+ "rimraf": "^5.0.0",
54
54
  "sass": "^1.51.0"
55
55
  },
56
56
  "sideEffects": [
@@ -59,5 +59,5 @@
59
59
  "scss/**/*.css",
60
60
  "css/**/*.css"
61
61
  ],
62
- "gitHead": "75f69e49161bf54184d4392c3d48115f852dc8fc"
62
+ "gitHead": "e25cb04ffef0834eac0ef6f05bc9f7978fb4b796"
63
63
  }
@@ -37,35 +37,41 @@
37
37
  position: sticky;
38
38
  z-index: 1;
39
39
  top: 48px;
40
- }
41
40
 
42
- .#{$prefix}--search {
43
41
  &.#{$prefix}--search--expandable .#{$prefix}--search-input {
44
42
  background-color: $field;
45
43
  }
46
44
  }
47
45
 
48
- .#{$prefix}--search .#{$prefix}--search-input {
46
+ .#{$prefix}--contained-list .#{$prefix}--search .#{$prefix}--search-input {
49
47
  border-bottom: 1px solid $border-subtle;
50
48
  background-color: $background;
51
49
  }
52
50
 
53
- .#{$prefix}--search .#{$prefix}--search-close::before {
51
+ .#{$prefix}--contained-list
52
+ .#{$prefix}--search
53
+ .#{$prefix}--search-close::before {
54
54
  display: none;
55
55
  }
56
56
 
57
- .#{$prefix}--search .#{$prefix}--search-close {
57
+ .#{$prefix}--contained-list .#{$prefix}--search .#{$prefix}--search-close {
58
58
  border-right: 2px solid transparent;
59
59
  outline: none;
60
+
61
+ &:focus {
62
+ @include focus-outline('outline');
63
+ }
60
64
  }
61
65
 
62
- .#{$prefix}--search
66
+ .#{$prefix}--contained-list
67
+ .#{$prefix}--search
63
68
  .#{$prefix}--search-input
64
69
  ~ .#{$prefix}--search-close:hover {
65
70
  border-bottom: 1px solid transparent;
66
71
  }
67
72
 
68
- .#{$prefix}--search
73
+ .#{$prefix}--contained-list
74
+ .#{$prefix}--search
69
75
  .#{$prefix}--search-input:focus
70
76
  ~ .#{$prefix}--search-close:hover {
71
77
  border: 2px solid $focus;
@@ -186,11 +186,15 @@
186
186
  white-space: nowrap;
187
187
  }
188
188
 
189
+ .#{$prefix}--structured-list-input + .#{$prefix}--structured-list-td {
190
+ text-align: right;
191
+ }
192
+
189
193
  .#{$prefix}--structured-list-svg {
190
194
  display: inline-block;
191
195
  fill: transparent;
192
196
  transition: all motion.$duration-fast-02 motion.motion(standard, productive);
193
- vertical-align: middle;
197
+ vertical-align: top;
194
198
  }
195
199
 
196
200
  .#{$prefix}--structured-list-input:checked
@@ -87,6 +87,7 @@
87
87
 
88
88
  .#{$prefix}--side-nav__overlay-active {
89
89
  @include breakpoint-down('lg') {
90
+ z-index: z('overlay');
90
91
  width: 100vw;
91
92
  height: 100vh;
92
93
  background-color: $overlay;