@carbon/styles 1.36.0-rc.0 → 1.36.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
@@ -20405,8 +20405,8 @@ span.cds--pagination__text.cds--pagination__items-count {
20405
20405
  .cds--tile--clickable .cds--tile--icon,
20406
20406
  .cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
20407
20407
  position: absolute;
20408
- right: var(--cds-layout-density-padding-inline-local);
20409
- bottom: var(--cds-layout-density-padding-inline-local);
20408
+ inset-block-end: var(--cds-layout-density-padding-inline-local);
20409
+ inset-inline-end: var(--cds-layout-density-padding-inline-local);
20410
20410
  }
20411
20411
 
20412
20412
  .cds--tile--clickable .cds--tile--icon {
@@ -20428,11 +20428,11 @@ span.cds--pagination__text.cds--pagination__items-count {
20428
20428
 
20429
20429
  .cds--tile__checkmark {
20430
20430
  position: absolute;
20431
- top: var(--cds-layout-density-padding-inline-local);
20432
- right: var(--cds-layout-density-padding-inline-local);
20433
20431
  height: 1rem;
20434
20432
  border: none;
20435
20433
  background: transparent;
20434
+ inset-block-start: var(--cds-layout-density-padding-inline-local);
20435
+ inset-inline-end: var(--cds-layout-density-padding-inline-local);
20436
20436
  opacity: 0;
20437
20437
  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
20438
20438
  }
@@ -20456,13 +20456,13 @@ span.cds--pagination__text.cds--pagination__items-count {
20456
20456
 
20457
20457
  .cds--tile__chevron {
20458
20458
  position: absolute;
20459
- right: 0;
20460
- bottom: 0;
20461
20459
  display: flex;
20462
20460
  width: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
20463
20461
  height: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
20464
20462
  align-items: center;
20465
20463
  justify-content: center;
20464
+ inset-block-end: 0;
20465
+ inset-inline-end: 0;
20466
20466
  }
20467
20467
  .cds--tile__chevron svg {
20468
20468
  fill: var(--cds-icon-primary, #161616);
@@ -20499,13 +20499,13 @@ span.cds--pagination__text.cds--pagination__items-count {
20499
20499
  text-align: start;
20500
20500
  width: 100%;
20501
20501
  position: absolute;
20502
- right: 0;
20503
- bottom: 0;
20504
20502
  display: flex;
20505
20503
  width: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
20506
20504
  height: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
20507
20505
  align-items: center;
20508
20506
  justify-content: center;
20507
+ inset-block-end: 0;
20508
+ inset-inline-end: 0;
20509
20509
  }
20510
20510
  .cds--tile__chevron--interactive *,
20511
20511
  .cds--tile__chevron--interactive *::before,
@@ -20533,7 +20533,7 @@ span.cds--pagination__text.cds--pagination__items-count {
20533
20533
  cursor: pointer;
20534
20534
  font-family: inherit;
20535
20535
  font-size: inherit;
20536
- text-align: left;
20536
+ text-align: start;
20537
20537
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
20538
20538
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
20539
20539
  font-weight: var(--cds-body-compact-01-font-weight, 400);