@carbon/ibm-products 2.54.0-canary.79 → 2.54.0-canary.80

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.
@@ -22666,6 +22666,7 @@ li.cds--accordion__item--disabled:last-of-type {
22666
22666
  }
22667
22667
  .cds--btn--ghost .cds--btn__icon {
22668
22668
  position: static;
22669
+ align-self: center;
22669
22670
  margin-inline-start: 0.5rem;
22670
22671
  }
22671
22672
  .cds--btn--ghost:hover, .cds--btn--ghost:active {
@@ -35246,6 +35247,7 @@ optgroup.cds--select-optgroup:disabled,
35246
35247
  display: none;
35247
35248
  }
35248
35249
 
35250
+ .cds--select--decorator .cds--select__inner-wrapper--decorator > *,
35249
35251
  .cds--select--slug .cds--ai-label,
35250
35252
  .cds--select--slug .cds--slug {
35251
35253
  position: absolute;
@@ -35255,6 +35257,8 @@ optgroup.cds--select-optgroup:disabled,
35255
35257
  transform: translateY(-50%);
35256
35258
  }
35257
35259
 
35260
+ .cds--select--decorator .cds--select__inner-wrapper--decorator > *::after,
35261
+ .cds--select--decorator .cds--select__inner-wrapper--decorator > *::before,
35258
35262
  .cds--select--slug .cds--ai-label::after,
35259
35263
  .cds--select--slug .cds--ai-label::before,
35260
35264
  .cds--select--slug .cds--slug::after,
@@ -35266,41 +35270,66 @@ optgroup.cds--select-optgroup:disabled,
35266
35270
  inline-size: 0.0625rem;
35267
35271
  }
35268
35272
 
35273
+ .cds--select--decorator .cds--select__inner-wrapper--decorator > *::before,
35269
35274
  .cds--select--slug .cds--ai-label::before,
35270
35275
  .cds--select--slug .cds--slug::before {
35271
35276
  display: none;
35272
35277
  inset-inline-start: calc(-0.5rem - 1px);
35273
35278
  }
35274
35279
 
35280
+ .cds--select--decorator .cds--select__inner-wrapper--decorator > *::after,
35275
35281
  .cds--select--slug .cds--ai-label::after,
35276
35282
  .cds--select--slug .cds--slug::after {
35277
35283
  display: block;
35284
+ inset-block-start: 0;
35278
35285
  inset-inline-end: calc(-0.5rem - 1px);
35279
35286
  }
35280
35287
 
35288
+ .cds--select--decorator .cds--select__inner-wrapper--decorator > .cds--ai-label--revert::before,
35289
+ .cds--select--slug .cds--ai-label--revert::before,
35290
+ .cds--select--slug .cds--slug--revert::before {
35291
+ inset-block-start: 0.5rem;
35292
+ inset-inline-start: 0;
35293
+ }
35294
+
35295
+ .cds--select--decorator .cds--select__inner-wrapper--decorator > .cds--ai-label--revert,
35296
+ .cds--select--slug .cds--ai-label--revert {
35297
+ inset-inline-end: 2.5625rem;
35298
+ }
35299
+
35300
+ .cds--select--decorator .cds--ai-label--revert::after,
35281
35301
  .cds--select--slug .cds--ai-label--revert::after,
35282
35302
  .cds--select--slug .cds--slug--revert::after {
35283
35303
  inset-block-start: 0.5rem;
35284
- inset-inline-end: -0.0625rem;
35304
+ inset-inline-end: -1px;
35285
35305
  }
35286
35306
 
35287
- .cds--select--slug .cds--select-input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
35288
- .cds--select--slug .cds--select-input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
35289
- background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
35290
- border-block-end-color: var(--cds-ai-border-strong, #4589ff);
35307
+ .cds--select--decorator .cds--select-input:has(~ .cds--select__inner-wrapper--decorator),
35308
+ .cds--select--slug .cds--select-input:has(~ .cds--ai-label),
35309
+ .cds--select--slug .cds--select-input:has(~ .cds--slug) {
35291
35310
  padding-inline-end: 4rem;
35292
35311
  }
35293
35312
 
35294
- .cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
35295
- .cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
35313
+ .cds--select--decorator:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--select__inner-wrapper--decorator),
35314
+ .cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--ai-label),
35315
+ .cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--slug) {
35296
35316
  padding-inline-end: 6rem;
35297
35317
  }
35298
35318
 
35319
+ .cds--select--decorator .cds--select-input:has(~ .cds--select__inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--select__inner-wrapper--decorator .cds--ai-label--revert)),
35320
+ .cds--select--slug .cds--select-input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
35321
+ .cds--select--slug .cds--select-input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
35322
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
35323
+ border-block-end-color: var(--cds-ai-border-strong, #4589ff);
35324
+ }
35325
+
35326
+ .cds--select--decorator:has(.cds--select__invalid-icon) .cds--select__inner-wrapper--decorator > *::before,
35299
35327
  .cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label::before,
35300
35328
  .cds--select--slug:has(.cds--select__invalid-icon) .cds--slug::before {
35301
35329
  display: block;
35302
35330
  }
35303
35331
 
35332
+ .cds--select--decorator .cds--select-input__wrapper .cds--select-input ~ .cds--select__invalid-icon,
35304
35333
  .cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input ~ .cds--select__invalid-icon,
35305
35334
  .cds--select--slug .cds--select-input__wrapper .cds--select-input ~ .cds--select__invalid-icon {
35306
35335
  inset-inline-end: 5rem;
@@ -35455,10 +35484,11 @@ optgroup.cds--select-optgroup:disabled,
35455
35484
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
35456
35485
  }
35457
35486
 
35487
+ .cds--select--fluid .cds--select--decorator .cds--select__inner-wrapper--decorator > *,
35458
35488
  .cds--select--fluid .cds--select--slug .cds--ai-label,
35459
35489
  .cds--select--fluid .cds--select--slug .cds--slug {
35460
35490
  inset-block-start: 2.625rem;
35461
- inset-inline-end: 2.5rem;
35491
+ inset-inline-end: 3rem;
35462
35492
  }
35463
35493
 
35464
35494
  .cds--select--fluid .cds--select--slug .cds--select-input {