@carbon/ibmdotcom-styles 2.10.0-nightly.9441108998.0 → 2.10.0-nightly.9475216501.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.
Files changed (3) hide show
  1. package/dist/ibm-dotcom-styles.css +139 -5
  2. package/dist/ibm-dotcom-styles.min.css +2 -2
  3. package/package.json +4 -4
package/dist/ibm-dotcom-styles.css CHANGED
@@ -7902,6 +7902,7 @@ screen and (prefers-contrast) {
7902
7902
  background: var(--cds-layer-hover)
7903
7903
  }
7904
7904
  .cds--tile--expandable.cds--tile--expandable--interactive {
7905
+ border: none;
7905
7906
  cursor: default;
7906
7907
  -webkit-transition: max-height 150ms cubic-bezier(.2,0,.38,.9);
7907
7908
  transition: max-height 150ms cubic-bezier(.2,0,.38,.9)
@@ -8005,6 +8006,14 @@ screen and (prefers-contrast) {
8005
8006
  .cds--tile.cds--tile--selectable > .cds--slug {
8006
8007
  inset-inline-end: 2.5rem
8007
8008
  }
8009
+ .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug {
8010
+ inset-inline-end: 1rem;
8011
+ -webkit-transition: inset-inline-end 110ms cubic-bezier(.2,0,.38,.9);
8012
+ transition: inset-inline-end 110ms cubic-bezier(.2,0,.38,.9)
8013
+ }
8014
+ .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug {
8015
+ inset-inline-end: 2.5rem
8016
+ }
8008
8017
  .cds--tile.cds--tile--clickable > .cds--slug {
8009
8018
  pointer-events: none
8010
8019
  }
@@ -8045,7 +8054,8 @@ screen and (prefers-contrast) {
8045
8054
  opacity: 1
8046
8055
  }
8047
8056
  .cds--tile--slug.cds--tile--clickable:focus,
8048
- .cds--tile--slug.cds--tile--selectable:focus {
8057
+ .cds--tile--slug.cds--tile--selectable:focus,
8058
+ .cds--tile-input:focus + .cds--tile--slug.cds--tile {
8049
8059
  outline-offset: -1px
8050
8060
  }
8051
8061
  .cds--tile--slug.cds--tile--selectable::after {
@@ -8066,9 +8076,17 @@ screen and (prefers-contrast) {
8066
8076
  .cds--tile--slug.cds--tile--clickable .cds--tile-content,
8067
8077
  .cds--tile--slug.cds--tile--selectable .cds--tile-content {
8068
8078
  position: relative;
8069
- z-index: 1;
8070
8079
  cursor: pointer
8071
8080
  }
8081
+ .cds--tile--slug.cds--tile--clickable .cds--tile-content,
8082
+ .cds--tile--slug.cds--tile--is-selected .cds--slug,
8083
+ .cds--tile--slug.cds--tile--selectable .cds--tile-content,
8084
+ .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {
8085
+ z-index: 1
8086
+ }
8087
+ .cds--tile--slug.cds--tile--selectable .cds--slug:has(>.cds--popover--open) {
8088
+ z-index: 2
8089
+ }
8072
8090
  .cds--tile--slug.cds--tile--selectable > .cds--slug,
8073
8091
  .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {
8074
8092
  z-index: 1
@@ -11573,7 +11591,8 @@ screen and (prefers-contrast) {
11573
11591
  block-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
11574
11592
  inline-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
11575
11593
  inset-block-end: 0;
11576
- inset-inline-end: 0
11594
+ inset-inline-end: 0;
11595
+ border: 1px solid var(--cds-border-disabled,#c6c6c6)
11577
11596
  }
11578
11597
  .cds--card .cds--tile__chevron--interactive *,
11579
11598
  .cds--card .cds--tile__chevron--interactive ::after,
@@ -11686,6 +11705,7 @@ screen and (prefers-contrast) {
11686
11705
  :host(c4d-content-group-cards-item) .cds--card .cds--tile--expandable.cds--tile--expandable--interactive,
11687
11706
  :host(c4d-content-group-cards-item) .cds--tile--expandable.cds--tile--expandable--interactive,
11688
11707
  :host(c4d-region-item) .cds--link .cds--tile--expandable.cds--tile--expandable--interactive {
11708
+ border: none;
11689
11709
  cursor: default;
11690
11710
  -webkit-transition: max-height 150ms cubic-bezier(.2,0,.38,.9);
11691
11711
  transition: max-height 150ms cubic-bezier(.2,0,.38,.9)
@@ -11999,6 +12019,31 @@ screen and (prefers-contrast) {
11999
12019
  :host(c4d-region-item) .cds--link .cds--tile.cds--tile--selectable > .cds--slug {
12000
12020
  inset-inline-end: 2.5rem
12001
12021
  }
12022
+ .cds--card .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug,
12023
+ :host(c4d-card) .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug,
12024
+ :host(c4d-card-cta) .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug,
12025
+ :host(c4d-card-group-item) .cds--card .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug,
12026
+ :host(c4d-card-group-item) .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug,
12027
+ :host(c4d-card-in-card) .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug,
12028
+ :host(c4d-content-group-cards-item) .cds--card .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug,
12029
+ :host(c4d-content-group-cards-item) .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug,
12030
+ :host(c4d-region-item) .cds--link .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug {
12031
+ inset-inline-end: 1rem;
12032
+ -webkit-transition: inset-inline-end 110ms cubic-bezier(.2,0,.38,.9);
12033
+ transition: inset-inline-end 110ms cubic-bezier(.2,0,.38,.9);
12034
+ inset-inline-end: 2.5rem
12035
+ }
12036
+ .cds--card .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug,
12037
+ :host(c4d-card) .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug,
12038
+ :host(c4d-card-cta) .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug,
12039
+ :host(c4d-card-group-item) .cds--card .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug,
12040
+ :host(c4d-card-group-item) .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug,
12041
+ :host(c4d-card-in-card) .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug,
12042
+ :host(c4d-content-group-cards-item) .cds--card .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug,
12043
+ :host(c4d-content-group-cards-item) .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug,
12044
+ :host(c4d-region-item) .cds--link .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug {
12045
+ inset-inline-end: 2.5rem
12046
+ }
12002
12047
  .cds--card .cds--tile.cds--tile--clickable > .cds--slug,
12003
12048
  :host(c4d-card) .cds--tile.cds--tile--clickable > .cds--slug,
12004
12049
  :host(c4d-card-cta) .cds--tile.cds--tile--clickable > .cds--slug,
@@ -12120,22 +12165,31 @@ screen and (prefers-contrast) {
12120
12165
  }
12121
12166
  .cds--card .cds--tile--slug.cds--tile--clickable:focus,
12122
12167
  .cds--card .cds--tile--slug.cds--tile--selectable:focus,
12168
+ .cds--card .cds--tile-input:focus + .cds--tile--slug.cds--tile,
12123
12169
  :host(c4d-card) .cds--tile--slug.cds--tile--clickable:focus,
12124
12170
  :host(c4d-card) .cds--tile--slug.cds--tile--selectable:focus,
12171
+ :host(c4d-card) .cds--tile-input:focus + .cds--tile--slug.cds--tile,
12125
12172
  :host(c4d-card-cta) .cds--tile--slug.cds--tile--clickable:focus,
12126
12173
  :host(c4d-card-cta) .cds--tile--slug.cds--tile--selectable:focus,
12174
+ :host(c4d-card-cta) .cds--tile-input:focus + .cds--tile--slug.cds--tile,
12127
12175
  :host(c4d-card-group-item) .cds--card .cds--tile--slug.cds--tile--clickable:focus,
12128
12176
  :host(c4d-card-group-item) .cds--card .cds--tile--slug.cds--tile--selectable:focus,
12177
+ :host(c4d-card-group-item) .cds--card .cds--tile-input:focus + .cds--tile--slug.cds--tile,
12129
12178
  :host(c4d-card-group-item) .cds--tile--slug.cds--tile--clickable:focus,
12130
12179
  :host(c4d-card-group-item) .cds--tile--slug.cds--tile--selectable:focus,
12180
+ :host(c4d-card-group-item) .cds--tile-input:focus + .cds--tile--slug.cds--tile,
12131
12181
  :host(c4d-card-in-card) .cds--tile--slug.cds--tile--clickable:focus,
12132
12182
  :host(c4d-card-in-card) .cds--tile--slug.cds--tile--selectable:focus,
12183
+ :host(c4d-card-in-card) .cds--tile-input:focus + .cds--tile--slug.cds--tile,
12133
12184
  :host(c4d-content-group-cards-item) .cds--card .cds--tile--slug.cds--tile--clickable:focus,
12134
12185
  :host(c4d-content-group-cards-item) .cds--card .cds--tile--slug.cds--tile--selectable:focus,
12186
+ :host(c4d-content-group-cards-item) .cds--card .cds--tile-input:focus + .cds--tile--slug.cds--tile,
12135
12187
  :host(c4d-content-group-cards-item) .cds--tile--slug.cds--tile--clickable:focus,
12136
12188
  :host(c4d-content-group-cards-item) .cds--tile--slug.cds--tile--selectable:focus,
12189
+ :host(c4d-content-group-cards-item) .cds--tile-input:focus + .cds--tile--slug.cds--tile,
12137
12190
  :host(c4d-region-item) .cds--link .cds--tile--slug.cds--tile--clickable:focus,
12138
- :host(c4d-region-item) .cds--link .cds--tile--slug.cds--tile--selectable:focus {
12191
+ :host(c4d-region-item) .cds--link .cds--tile--slug.cds--tile--selectable:focus,
12192
+ :host(c4d-region-item) .cds--link .cds--tile-input:focus + .cds--tile--slug.cds--tile {
12139
12193
  outline-offset: -1px
12140
12194
  }
12141
12195
  .cds--card .cds--tile--slug.cds--tile--selectable::after,
@@ -12204,9 +12258,57 @@ screen and (prefers-contrast) {
12204
12258
  :host(c4d-region-item) .cds--link .cds--tile--slug.cds--tile--clickable .cds--tile-content,
12205
12259
  :host(c4d-region-item) .cds--link .cds--tile--slug.cds--tile--selectable .cds--tile-content {
12206
12260
  position: relative;
12207
- z-index: 1;
12208
12261
  cursor: pointer
12209
12262
  }
12263
+ .cds--card .cds--tile--slug.cds--tile--clickable .cds--tile-content,
12264
+ .cds--card .cds--tile--slug.cds--tile--is-selected .cds--slug,
12265
+ .cds--card .cds--tile--slug.cds--tile--selectable .cds--tile-content,
12266
+ .cds--card .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
12267
+ :host(c4d-card) .cds--tile--slug.cds--tile--clickable .cds--tile-content,
12268
+ :host(c4d-card) .cds--tile--slug.cds--tile--is-selected .cds--slug,
12269
+ :host(c4d-card) .cds--tile--slug.cds--tile--selectable .cds--tile-content,
12270
+ :host(c4d-card) .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
12271
+ :host(c4d-card-cta) .cds--tile--slug.cds--tile--clickable .cds--tile-content,
12272
+ :host(c4d-card-cta) .cds--tile--slug.cds--tile--is-selected .cds--slug,
12273
+ :host(c4d-card-cta) .cds--tile--slug.cds--tile--selectable .cds--tile-content,
12274
+ :host(c4d-card-cta) .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
12275
+ :host(c4d-card-group-item) .cds--card .cds--tile--slug.cds--tile--clickable .cds--tile-content,
12276
+ :host(c4d-card-group-item) .cds--card .cds--tile--slug.cds--tile--is-selected .cds--slug,
12277
+ :host(c4d-card-group-item) .cds--card .cds--tile--slug.cds--tile--selectable .cds--tile-content,
12278
+ :host(c4d-card-group-item) .cds--card .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
12279
+ :host(c4d-card-group-item) .cds--tile--slug.cds--tile--clickable .cds--tile-content,
12280
+ :host(c4d-card-group-item) .cds--tile--slug.cds--tile--is-selected .cds--slug,
12281
+ :host(c4d-card-group-item) .cds--tile--slug.cds--tile--selectable .cds--tile-content,
12282
+ :host(c4d-card-group-item) .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
12283
+ :host(c4d-card-in-card) .cds--tile--slug.cds--tile--clickable .cds--tile-content,
12284
+ :host(c4d-card-in-card) .cds--tile--slug.cds--tile--is-selected .cds--slug,
12285
+ :host(c4d-card-in-card) .cds--tile--slug.cds--tile--selectable .cds--tile-content,
12286
+ :host(c4d-card-in-card) .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
12287
+ :host(c4d-content-group-cards-item) .cds--card .cds--tile--slug.cds--tile--clickable .cds--tile-content,
12288
+ :host(c4d-content-group-cards-item) .cds--card .cds--tile--slug.cds--tile--is-selected .cds--slug,
12289
+ :host(c4d-content-group-cards-item) .cds--card .cds--tile--slug.cds--tile--selectable .cds--tile-content,
12290
+ :host(c4d-content-group-cards-item) .cds--card .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
12291
+ :host(c4d-content-group-cards-item) .cds--tile--slug.cds--tile--clickable .cds--tile-content,
12292
+ :host(c4d-content-group-cards-item) .cds--tile--slug.cds--tile--is-selected .cds--slug,
12293
+ :host(c4d-content-group-cards-item) .cds--tile--slug.cds--tile--selectable .cds--tile-content,
12294
+ :host(c4d-content-group-cards-item) .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
12295
+ :host(c4d-region-item) .cds--link .cds--tile--slug.cds--tile--clickable .cds--tile-content,
12296
+ :host(c4d-region-item) .cds--link .cds--tile--slug.cds--tile--is-selected .cds--slug,
12297
+ :host(c4d-region-item) .cds--link .cds--tile--slug.cds--tile--selectable .cds--tile-content,
12298
+ :host(c4d-region-item) .cds--link .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {
12299
+ z-index: 1
12300
+ }
12301
+ .cds--card .cds--tile--slug.cds--tile--selectable .cds--slug:has(>.cds--popover--open),
12302
+ :host(c4d-card) .cds--tile--slug.cds--tile--selectable .cds--slug:has(>.cds--popover--open),
12303
+ :host(c4d-card-cta) .cds--tile--slug.cds--tile--selectable .cds--slug:has(>.cds--popover--open),
12304
+ :host(c4d-card-group-item) .cds--card .cds--tile--slug.cds--tile--selectable .cds--slug:has(>.cds--popover--open),
12305
+ :host(c4d-card-group-item) .cds--tile--slug.cds--tile--selectable .cds--slug:has(>.cds--popover--open),
12306
+ :host(c4d-card-in-card) .cds--tile--slug.cds--tile--selectable .cds--slug:has(>.cds--popover--open),
12307
+ :host(c4d-content-group-cards-item) .cds--card .cds--tile--slug.cds--tile--selectable .cds--slug:has(>.cds--popover--open),
12308
+ :host(c4d-content-group-cards-item) .cds--tile--slug.cds--tile--selectable .cds--slug:has(>.cds--popover--open),
12309
+ :host(c4d-region-item) .cds--link .cds--tile--slug.cds--tile--selectable .cds--slug:has(>.cds--popover--open) {
12310
+ z-index: 2
12311
+ }
12210
12312
  .cds--card .cds--tile--slug.cds--tile--selectable > .cds--slug,
12211
12313
  .cds--card .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
12212
12314
  :host(c4d-card) .cds--tile--slug.cds--tile--selectable > .cds--slug,
@@ -37316,6 +37418,38 @@ button.cds--side-nav__link > .cds--side-nav__link-text {
37316
37418
  -webkit-margin-before: -.0625rem;
37317
37419
  margin-block-start: -.0625rem
37318
37420
  }
37421
+ .cds--checkbox-group--horizontal {
37422
+ position: relative;
37423
+ display: -webkit-box;
37424
+ display: -ms-flexbox;
37425
+ display: flex;
37426
+ -webkit-box-orient: horizontal;
37427
+ -webkit-box-direction: normal;
37428
+ -ms-flex-flow: row wrap;
37429
+ flex-flow: row wrap;
37430
+ -webkit-box-pack: start;
37431
+ -ms-flex-pack: start;
37432
+ justify-content: flex-start
37433
+ }
37434
+ .cds--checkbox-group--horizontal .cds--form-item {
37435
+ -webkit-box-flex: 0;
37436
+ -ms-flex: none;
37437
+ flex: none;
37438
+ -webkit-margin-after: 0;
37439
+ margin-block-end: 0
37440
+ }
37441
+ .cds--checkbox-group--horizontal .cds--form-item:not(:last-of-type) {
37442
+ -webkit-margin-end: 1rem;
37443
+ margin-inline-end: 1rem
37444
+ }
37445
+ .cds--checkbox-group--horizontal .cds--checkbox-label-text {
37446
+ -webkit-padding-start: .5rem;
37447
+ padding-inline-start: .5rem
37448
+ }
37449
+ .cds--checkbox-group--horizontal .cds--label + .cds--form-item.cds--checkbox-wrapper {
37450
+ -webkit-margin-before: 0;
37451
+ margin-block-start: 0
37452
+ }
37319
37453
  :host(c4d-filter-panel-modal[open]),
37320
37454
  :host(cds-modal[open]) {
37321
37455
  opacity: 1;