@carbon/styles 1.27.0-rc.0 → 1.27.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/css/styles.css CHANGED
@@ -21184,6 +21184,11 @@ span.cds--pagination__text.cds--pagination__items-count {
21184
21184
  }
21185
21185
  }
21186
21186
  }
21187
+ .cds--tabs .cds--tabs__nav-item-label-wrapper {
21188
+ display: -webkit-box;
21189
+ display: -ms-flexbox;
21190
+ display: flex;
21191
+ }
21187
21192
  .cds--tabs .cds--tabs__nav-item {
21188
21193
  display: -webkit-box;
21189
21194
  display: -ms-flexbox;
@@ -21227,6 +21232,18 @@ span.cds--pagination__text.cds--pagination__items-count {
21227
21232
  -webkit-transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
21228
21233
  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
21229
21234
  }
21235
+ .cds--tabs .cds--tabs__nav-item--icon {
21236
+ display: -webkit-box;
21237
+ display: -ms-flexbox;
21238
+ display: flex;
21239
+ -webkit-box-align: center;
21240
+ -ms-flex-align: center;
21241
+ align-items: center;
21242
+ padding-left: 0.5rem;
21243
+ }
21244
+ .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
21245
+ padding-left: 1rem;
21246
+ }
21230
21247
  .cds--tabs .cds--tabs__nav-link {
21231
21248
  -webkit-box-sizing: border-box;
21232
21249
  box-sizing: border-box;
@@ -21301,7 +21318,7 @@ span.cds--pagination__text.cds--pagination__items-count {
21301
21318
  .cds--tabs.cds--tabs__icon--default .cds--tab--list, .cds--tabs.cds--tabs__icon--lg .cds--tab--list {
21302
21319
  overflow-x: visible;
21303
21320
  }
21304
- .cds--tabs .cds--tabs__nav-item--icon, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
21321
+ .cds--tabs .cds--tabs__nav-item--icon-only, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only {
21305
21322
  display: -webkit-box;
21306
21323
  display: -ms-flexbox;
21307
21324
  display: flex;
@@ -21315,7 +21332,7 @@ span.cds--pagination__text.cds--pagination__items-count {
21315
21332
  justify-content: center;
21316
21333
  padding: 0;
21317
21334
  }
21318
- .cds--tabs .cds--tabs__nav-item--icon .cds--tabs__nav-item-label, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon .cds--tabs__nav-item-label {
21335
+ .cds--tabs .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label {
21319
21336
  line-height: 0;
21320
21337
  }
21321
21338
  .cds--tabs.cds--tabs__icon--lg {
@@ -22496,6 +22513,9 @@ span.cds--pagination__text.cds--pagination__items-count {
22496
22513
  .cds--tree-node:focus {
22497
22514
  outline: none;
22498
22515
  }
22516
+ .cds--tree-node:hover {
22517
+ cursor: pointer;
22518
+ }
22499
22519
 
22500
22520
  .cds--tree-node:focus > .cds--tree-node__label {
22501
22521
  outline: 2px solid var(--cds-focus, #0f62fe);