@seed-design/css 1.1.7 → 1.1.9-alpha-20251124091756

package/all.css

@@ -2071,8 +2071,10 @@
   mask-image: url("data:image/svg+xml;utf8,<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"16\" cy=\"16\" r=\"16\" fill=\"white\"/></svg>"), var(--svg-mask-uri);
   mask-size: 100% 100%, var(--badge-mask-size) var(--badge-mask-size);
   mask-position: 0 0, var(--badge-mask-offset) var(--badge-mask-offset);
+  will-change: transform;
   position: absolute;
   inset: 0;
+  transform: translateZ(0);
   mask-repeat: no-repeat;
   mask-composite: subtract;
 }
@@ -2089,8 +2091,10 @@
   mask-image: url("data:image/svg+xml;utf8,<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"16\" cy=\"16\" r=\"16\" fill=\"white\"/></svg>"), var(--svg-mask-uri);
   mask-size: 100% 100%, var(--badge-mask-size) var(--badge-mask-size);
   mask-position: 0 0, var(--badge-mask-offset) var(--badge-mask-offset);
+  will-change: transform;
   display: block;
   overflow: hidden;
+  transform: translateZ(0);
   mask-repeat: no-repeat;
   mask-composite: subtract;
 }
@@ -2112,10 +2116,12 @@
   mask-image: url("data:image/svg+xml;utf8,<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"16\" cy=\"16\" r=\"16\" fill=\"white\"/></svg>"), var(--svg-mask-uri);
   mask-size: 100% 100%, var(--badge-mask-size) var(--badge-mask-size);
   mask-position: 0 0, var(--badge-mask-offset) var(--badge-mask-offset);
+  will-change: transform;
   justify-content: center;
   align-items: center;
   display: flex;
   overflow: hidden;
+  transform: translateZ(0);
   mask-repeat: no-repeat;
   mask-composite: subtract;
 }
@@ -4275,6 +4281,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 +4757,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 +4765,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 +4808,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 +4831,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 +4840,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 +4865,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 {