@carbon/styles 1.58.0 → 1.59.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
@@ -6505,6 +6505,26 @@ fieldset[disabled] .cds--form__helper-text {
6505
6505
  margin-block-start: -0.0625rem;
6506
6506
  }
6507
6507
 
6508
+ .cds--checkbox-group--horizontal {
6509
+ position: relative;
6510
+ display: flex;
6511
+ flex-flow: row wrap;
6512
+ justify-content: flex-start;
6513
+ }
6514
+ .cds--checkbox-group--horizontal .cds--form-item {
6515
+ flex: none;
6516
+ margin-block-end: 0;
6517
+ }
6518
+ .cds--checkbox-group--horizontal .cds--form-item:not(:last-of-type) {
6519
+ margin-inline-end: 1rem;
6520
+ }
6521
+ .cds--checkbox-group--horizontal .cds--checkbox-label-text {
6522
+ padding-inline-start: 0.5rem;
6523
+ }
6524
+ .cds--checkbox-group--horizontal .cds--label + .cds--form-item.cds--checkbox-wrapper {
6525
+ margin-block-start: 0;
6526
+ }
6527
+
6508
6528
  .cds--copy-btn {
6509
6529
  position: relative;
6510
6530
  display: flex;
@@ -23082,6 +23102,7 @@ span.cds--pagination__text.cds--pagination__items-count {
23082
23102
  }
23083
23103
 
23084
23104
  .cds--tile--expandable.cds--tile--expandable--interactive {
23105
+ border: none;
23085
23106
  cursor: default;
23086
23107
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
23087
23108
  }
@@ -23204,6 +23225,15 @@ span.cds--pagination__text.cds--pagination__items-count {
23204
23225
  inset-inline-end: 2.5rem;
23205
23226
  }
23206
23227
 
23228
+ .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug {
23229
+ inset-inline-end: 1rem;
23230
+ transition: inset-inline-end 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
23231
+ }
23232
+
23233
+ .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug {
23234
+ inset-inline-end: 2.5rem;
23235
+ }
23236
+
23207
23237
  .cds--tile.cds--tile--clickable > .cds--slug {
23208
23238
  pointer-events: none;
23209
23239
  }
@@ -23244,7 +23274,8 @@ span.cds--pagination__text.cds--pagination__items-count {
23244
23274
  }
23245
23275
 
23246
23276
  .cds--tile--slug.cds--tile--selectable:focus,
23247
- .cds--tile--slug.cds--tile--clickable:focus {
23277
+ .cds--tile--slug.cds--tile--clickable:focus,
23278
+ .cds--tile-input:focus + .cds--tile--slug.cds--tile {
23248
23279
  outline-offset: -1px;
23249
23280
  }
23250
23281
 
@@ -23268,10 +23299,20 @@ span.cds--pagination__text.cds--pagination__items-count {
23268
23299
  .cds--tile--slug.cds--tile--selectable .cds--tile-content,
23269
23300
  .cds--tile--slug.cds--tile--clickable .cds--tile-content {
23270
23301
  position: relative;
23271
- z-index: 1;
23272
23302
  cursor: pointer;
23273
23303
  }
23274
23304
 
23305
+ .cds--tile--slug.cds--tile--selectable .cds--tile-content,
23306
+ .cds--tile--slug.cds--tile--clickable .cds--tile-content,
23307
+ .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
23308
+ .cds--tile--slug.cds--tile--is-selected .cds--slug {
23309
+ z-index: 1;
23310
+ }
23311
+
23312
+ .cds--tile--slug.cds--tile--selectable .cds--slug:has(> .cds--popover--open) {
23313
+ z-index: 2;
23314
+ }
23315
+
23275
23316
  .cds--tile--slug.cds--tile--selectable > .cds--slug,
23276
23317
  .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {
23277
23318
  z-index: 1;