@carbon/styles 1.11.0 → 1.12.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.11.0",
4
+ "version": "1.12.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",
@@ -59,5 +59,5 @@
59
59
  "scss/**/*.css",
60
60
  "css/**/*.css"
61
61
  ],
62
- "gitHead": "6b57099f46a734c7642b77093ff937e23f79be40"
62
+ "gitHead": "32553774b111e65f30773d0f491d4892723ff1b1"
63
63
  }
@@ -100,4 +100,9 @@
100
100
  border-bottom: 0;
101
101
  background-color: transparent;
102
102
  }
103
+
104
+ .#{$prefix}--multi-select:not(.#{$prefix}--list-box--expanded)
105
+ .#{$prefix}--list-box__menu {
106
+ visibility: hidden;
107
+ }
103
108
  }
@@ -73,6 +73,9 @@
73
73
  min-height: rem(32px);
74
74
  flex: 1;
75
75
  align-items: center;
76
+ // (min-height 32px - single line text height 18px) / 2 = 7px
77
+ padding-top: rem(7px);
78
+ padding-bottom: rem(7px);
76
79
 
77
80
  &:hover {
78
81
  background-color: $layer-hover-01;
@@ -109,7 +112,11 @@
109
112
  }
110
113
 
111
114
  .#{$prefix}--tree-parent-node__toggle {
112
- padding: 0;
115
+ display: flex;
116
+ align-items: center;
117
+ align-self: flex-start;
118
+ // increase 16px container height to 18px to match text bounding box
119
+ padding: rem(1px) 0;
113
120
  border: 0;
114
121
  margin-right: $spacing-03;
115
122
 
@@ -135,6 +142,8 @@
135
142
  .#{$prefix}--tree-node__icon {
136
143
  min-width: 1rem;
137
144
  min-height: 1rem;
145
+ align-self: flex-start;
146
+ margin-top: rem(1px);
138
147
  margin-right: $spacing-03;
139
148
  fill: $icon-secondary;
140
149
  }
@@ -173,5 +182,7 @@
173
182
 
174
183
  .#{$prefix}--tree--xs .#{$prefix}--tree-node__label {
175
184
  min-height: rem(24px);
185
+ padding-top: rem(4px);
186
+ padding-bottom: rem(4px);
176
187
  }
177
188
  }