@seed-design/css 1.1.7 → 1.1.8

package/all.css

@@ -4275,6 +4275,11 @@
   opacity: 0;
 }
 
+.seed-help-bubble__positioner {
+  --popover-z-index: 99;
+  z-index: calc(var(--popover-z-index)  + var(--z-index-offset, 0));
+}
+
 .seed-help-bubble__content {
   background: var(--seed-color-bg-neutral-inverted);
   padding-left: var(--seed-dimension-x3);
@@ -4746,7 +4751,7 @@
   box-sizing: border-box;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  z-index: 0;
+  isolation: isolate;
   width: 100%;
   padding-left: var(--seed-dimension-spacing-x-global-gutter);
   padding-right: var(--seed-dimension-spacing-x-global-gutter);
@@ -4754,9 +4759,6 @@
   padding-bottom: var(--seed-dimension-x3);
   --seed-box-align-items: center;
   align-items: var(--seed-box-align-items);
-  transition-property: background-color;
-  transition-duration: var(--seed-duration-color-transition);
-  transition-timing-function: var(--seed-timing-function-easing);
   border: none;
   font-family: inherit;
   display: flex;
@@ -4800,12 +4802,12 @@
 .seed-list-item__content {
   box-sizing: border-box;
   text-align: start;
-  background-color: var(--seed-color-bg-transparent);
   --seed-box-gap: var(--seed-dimension-x0_5);
   align-items: flex-start;
   gap: var(--seed-box-gap);
   --seed-box-padding-right: var(--seed-dimension-x2_5);
   padding: 0 var(--seed-box-padding-right) 0 0;
+  background-color: #0000;
   border: none;
   flex-direction: column;
   flex-grow: 1;
@@ -4823,7 +4825,7 @@
 .seed-list-item__content:before {
   content: "";
   z-index: -1;
-  transition-property: background-color;
+  transition-property: background-color, left, right, border-radius;
   transition-duration: var(--seed-duration-color-transition);
   transition-timing-function: var(--seed-timing-function-easing);
   position: absolute;
@@ -4832,6 +4834,9 @@
 
 .seed-list-item__content:is(button, a):not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]):before, .seed-list-item__content:not(:is(:disabled, [disabled], [data-disabled]))[data-active]:before {
   background-color: var(--seed-color-bg-transparent-pressed);
+  left: var(--seed-dimension-x1_5);
+  right: var(--seed-dimension-x1_5);
+  border-radius: var(--list-item-border-radius, var(--seed-dimension-x2_5));
 }
 
 .seed-list-item__title {
@@ -4854,11 +4859,15 @@
 }
 
 .seed-list-item__detail:is(:disabled, [disabled], [data-disabled]) {
-  color: var(--seed-color-fg-neutral-subtle);
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-list-item__content--highlighted_true:before {
+  background-color: var(--seed-color-bg-brand-weak);
 }
 
-.seed-list-item__root--highlighted_true {
-  background-color: var(--seed-color-palette-carrot-100);
+.seed-list-item__content--highlighted_true:is(button, a):not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]):before, .seed-list-item__content--highlighted_true:not(:is(:disabled, [disabled], [data-disabled]))[data-active]:before {
+  background-color: var(--seed-color-bg-brand-weak-pressed);
 }
 
 .seed-manner-temp {