Disable is() selector

[simurai]

Description

This disables the is() selector for now. It seems to be causing issues with @csstools/postcss-is-pseudo-class. See primer/css#2349.

- :is(.Truncate > .Truncate-text) + .Truncate-text {
+ .Truncate > .Truncate-text + .Truncate-text {
      margin-left: var(--primer-control-small-gap, 4px);
  }

Verified in unpkg.com/.../truncate.css

Source

Example from truncate.pcss

.Truncate {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;

  & > .Truncate-text {
    min-width: 1ch;
    max-width: fit-content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    & + .Truncate-text {
      margin-left: var(--primer-control-small-gap, 4px);
    }

    &.Truncate-text--primary {
      flex-basis: 200%;
    }

    &.Truncate-text--expandable:hover,
    &.Truncate-text--expandable:focus,
    &.Truncate-text--expandable:active {
      max-width: 100% !important;
      flex-shrink: 0;
      cursor: pointer;
    }
  }
}

Compiled

.Truncate {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
}

.Truncate > .Truncate-text {
  min-width: 1ch;
  max-width: -moz-fit-content;
  max-width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Truncate > .Truncate-text + .Truncate-text {
  margin-left: var(--primer-control-small-gap, 4px);
}

.Truncate > .Truncate-text.Truncate-text--primary {
  flex-basis: 200%;
}

.Truncate > .Truncate-text.Truncate-text--expandable:hover,
.Truncate > .Truncate-text.Truncate-text--expandable:focus,
.Truncate > .Truncate-text.Truncate-text--expandable:active {
  max-width: 100% !important;
}

.Truncate > .Truncate-text.Truncate-text--expandable:hover,
.Truncate > .Truncate-text.Truncate-text--expandable:focus,
.Truncate > .Truncate-text.Truncate-text--expandable:active {
  flex-shrink: 0;
  cursor: pointer;
}

Integration

Does this change require any updates to code in production?

No

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews

[changeset-bot]

🦋 Changeset detected

Latest commit: 8c23972

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/view-components	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR