entangle-ui 0.6.3 → 0.8.0

package/dist/esm/assets/src/components/editor/PropertyInspector/{PropertySection.css.ts.vanilla-DJBtY_xk.css → PropertySection.css.ts.vanilla-DK12opZc.css}

@@ -102,4 +102,9 @@
 .PropertySection_contentInner__1xiu0w6h {
   overflow: hidden;
   min-height: 0;
+}
+@media (prefers-reduced-motion: reduce) {
+  .PropertySection_chevron__1xiu0w69 {
+    transition: none;
+  }
 }

package/dist/esm/assets/src/components/editor/TransformControl/TransformControl.css.ts.vanilla-H-iW-T0s.css

@@ -0,0 +1,82 @@
+.TransformControl_transformRoot__nv79ki0 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.TransformControl_rowInner__nv79ki1 {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  width: 100%;
+  min-width: 0;
+}
+.TransformControl_rowVectorWrapper__nv79ki2 {
+  flex: 1;
+  min-width: 0;
+}
+.TransformControl_lockSpacerRecipe__nv79ki3 {
+  flex-shrink: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+.TransformControl_lockSpacerRecipe_size_sm__nv79ki4 {
+  width: 20px;
+  height: 20px;
+  min-width: 20px;
+}
+.TransformControl_lockSpacerRecipe_size_md__nv79ki5 {
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+}
+.TransformControl_lockSpacerRecipe_size_lg__nv79ki6 {
+  width: 28px;
+  height: 28px;
+  min-width: 28px;
+}
+.TransformControl_lockButtonRecipe__nv79ki7 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-sm);
+  cursor: pointer;
+  padding: 0;
+  transition: background var(--etui-transition-fast), color var(--etui-transition-fast);
+  flex-shrink: 0;
+}
+.TransformControl_lockButtonRecipe__nv79ki7:hover {
+  background: var(--etui-color-surface-hover);
+}
+.TransformControl_lockButtonRecipe__nv79ki7:focus-visible {
+  outline: 2px solid var(--etui-color-accent-primary);
+  outline-offset: 1px;
+}
+.TransformControl_lockButtonRecipe__nv79ki7:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.TransformControl_lockButtonRecipe_active_true__nv79ki8 {
+  background: color-mix(in srgb, var(--etui-color-accent-primary) 13%, transparent);
+  color: var(--etui-color-accent-primary);
+  border-color: color-mix(in srgb, var(--etui-color-accent-primary) 40%, var(--etui-color-border-default));
+}
+.TransformControl_lockButtonRecipe_active_false__nv79ki9 {
+  background: transparent;
+  color: var(--etui-color-text-muted);
+}
+.TransformControl_lockButtonRecipe_size_sm__nv79kia {
+  width: 20px;
+  height: 20px;
+  min-width: 20px;
+}
+.TransformControl_lockButtonRecipe_size_md__nv79kib {
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+}
+.TransformControl_lockButtonRecipe_size_lg__nv79kic {
+  width: 28px;
+  height: 28px;
+  min-width: 28px;
+}

package/dist/esm/assets/src/components/feedback/Alert/Alert.css.ts.vanilla-CRAI-xHx.css

@@ -0,0 +1,84 @@
+.Alert_alertRecipe__156m7fz2 {
+  --alertOnSolidVar__156m7fz1: #ffffff;
+  display: flex;
+  align-items: flex-start;
+  gap: var(--etui-spacing-md);
+  padding: var(--etui-spacing-md);
+  border-radius: var(--etui-radius-md);
+  font-family: var(--etui-font-family-sans);
+  font-size: var(--etui-font-size-md);
+  line-height: var(--etui-line-height-normal);
+  box-sizing: border-box;
+}
+.Alert_alertRecipe_appearance_subtle__156m7fz8 {
+  background: color-mix(in srgb, var(--alertColorVar__156m7fz0) 12%, transparent);
+  border: 1px solid color-mix(in srgb, var(--alertColorVar__156m7fz0) 30%, transparent);
+  color: var(--etui-color-text-primary);
+}
+.Alert_alertRecipe_appearance_solid__156m7fz9 {
+  background: var(--alertColorVar__156m7fz0);
+  border: 1px solid var(--alertColorVar__156m7fz0);
+  color: var(--alertOnSolidVar__156m7fz1);
+}
+.Alert_alertRecipe_appearance_outline__156m7fza {
+  background: transparent;
+  border: 1px solid var(--alertColorVar__156m7fz0);
+  color: var(--etui-color-text-primary);
+}
+.Alert_alertIconStyle__156m7fzb {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  width: 20px;
+  flex-shrink: 0;
+  color: var(--alertColorVar__156m7fz0);
+}
+.Alert_alertIconSolidStyle__156m7fzc {
+  color: var(--alertOnSolidVar__156m7fz1);
+}
+.Alert_alertContentStyle__156m7fzd {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+}
+.Alert_alertCloseColumnStyle__156m7fze {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  width: 20px;
+  flex-shrink: 0;
+}
+.Alert_alertCloseButtonSolidStyle__156m7fzf {
+  color: var(--alertOnSolidVar__156m7fz1);
+}
+.Alert_alertTitleStyle__156m7fzg {
+  font-size: var(--etui-font-size-md);
+  font-weight: var(--etui-font-weight-semibold);
+  line-height: var(--etui-line-height-tight);
+  color: inherit;
+  margin-bottom: var(--etui-spacing-xs);
+}
+.Alert_alertDescriptionStyle__156m7fzh {
+  font-size: var(--etui-font-size-md);
+  line-height: var(--etui-line-height-normal);
+  color: var(--etui-color-text-secondary);
+}
+[data-appearance="solid"] .Alert_alertDescriptionStyle__156m7fzh {
+  color: var(--alertOnSolidVar__156m7fz1);
+}
+.Alert_alertActionsRecipe__156m7fzi {
+  display: flex;
+  flex-direction: row;
+  gap: var(--etui-spacing-sm);
+  margin-top: var(--etui-spacing-md);
+}
+.Alert_alertActionsRecipe_align_left__156m7fzj {
+  justify-content: flex-start;
+}
+.Alert_alertActionsRecipe_align_right__156m7fzk {
+  justify-content: flex-end;
+}
+.Alert_alertActionsRecipe_align_space-between__156m7fzl {
+  justify-content: space-between;
+}

package/dist/esm/assets/src/components/feedback/Dialog/{Dialog.css.ts.vanilla-BrXTOHwS.css → Dialog.css.ts.vanilla-BxBFePLG.css}

@@ -166,4 +166,12 @@
 }
 .Dialog_dialogFooterRecipe_align_space-between__ickl0cq {
   justify-content: space-between;
+}
+@media (prefers-reduced-motion: reduce) {
+  .Dialog_overlayRecipe__ickl0c4 {
+    animation: none;
+  }
+  .Dialog_dialogPanelBase__ickl0c7 {
+    animation: none;
+  }
 }

package/dist/esm/assets/src/components/feedback/EmptyState/EmptyState.css.ts.vanilla-B_TWsTOW.css

@@ -0,0 +1,58 @@
+.EmptyState_emptyStateRecipe__1ihe8h10 {
+  display: flex;
+  font-family: var(--etui-font-family-sans);
+  color: var(--etui-color-text-primary);
+}
+.EmptyState_emptyStateRecipe_variant_default__1ihe8h11 {
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--etui-spacing-md);
+  padding: var(--etui-spacing-xxl);
+  text-align: center;
+}
+.EmptyState_emptyStateRecipe_variant_compact__1ihe8h12 {
+  flex-direction: row;
+  align-items: center;
+  gap: var(--etui-spacing-md);
+  padding: var(--etui-spacing-sm) var(--etui-spacing-md);
+  text-align: left;
+}
+.EmptyState_emptyStateIconStyle__1ihe8h13 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--etui-color-text-muted);
+}
+.EmptyState_emptyStateTitleStyle__1ihe8h14 {
+  margin: 0;
+  font-size: var(--etui-font-size-lg);
+  font-weight: var(--etui-font-weight-semibold);
+  line-height: var(--etui-line-height-tight);
+  color: var(--etui-color-text-primary);
+}
+.EmptyState_emptyStateDescriptionStyle__1ihe8h15 {
+  margin: 0;
+  font-size: var(--etui-font-size-sm);
+  line-height: var(--etui-line-height-normal);
+  color: var(--etui-color-text-muted);
+  max-width: 48ch;
+}
+.EmptyState_emptyStateTextColumnStyle__1ihe8h16 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--etui-spacing-xs);
+  align-items: center;
+}
+.EmptyState_emptyStateTextColumnCompactStyle__1ihe8h17 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--etui-spacing-xs);
+  align-items: flex-start;
+  flex: 1;
+}
+.EmptyState_emptyStateActionStyle__1ihe8h18 {
+  margin-top: var(--etui-spacing-md);
+  display: inline-flex;
+  gap: var(--etui-spacing-sm);
+}

package/dist/esm/assets/src/components/feedback/ProgressBar/ProgressBar.css.ts.vanilla-4WLVf1hx.css

@@ -0,0 +1,152 @@
+@keyframes ProgressBar_indeterminateSlideKeyframe__1ur4bdm2 {
+  0% {
+    left: -40%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+@keyframes ProgressBar_stripeShiftKeyframe__1ur4bdm3 {
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: 20px 0;
+  }
+}
+@keyframes ProgressBar_circularRotateKeyframe__1ur4bdm4 {
+  from {
+    transform: rotate(-90deg);
+  }
+  to {
+    transform: rotate(270deg);
+  }
+}
+.ProgressBar_progressRootStyle__1ur4bdm5 {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  width: 100%;
+}
+.ProgressBar_progressTrackRecipe__1ur4bdm6 {
+  position: relative;
+  flex: 1;
+  width: 100%;
+  overflow: hidden;
+  background-color: var(--etui-color-surface-default);
+}
+.ProgressBar_progressTrackRecipe_size_sm__1ur4bdm7 {
+  height: 2px;
+  border-radius: 1px;
+}
+.ProgressBar_progressTrackRecipe_size_md__1ur4bdm8 {
+  height: 4px;
+  border-radius: 2px;
+}
+.ProgressBar_progressTrackRecipe_size_lg__1ur4bdm9 {
+  height: 8px;
+  border-radius: 4px;
+}
+.ProgressBar_progressFillBaseStyle__1ur4bdma {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  background-color: var(--progressColorVar__1ur4bdm0);
+  border-radius: inherit;
+  transition: width var(--etui-transition-normal);
+  width: var(--progressFillWidthVar__1ur4bdm1);
+  will-change: width;
+}
+.ProgressBar_progressFillStripedStyle__1ur4bdmb {
+  background-image: linear-gradient(
+  45deg,
+  rgba(255, 255, 255, 0.15) 25%,
+  transparent 25%,
+  transparent 50%,
+  rgba(255, 255, 255, 0.15) 50%,
+  rgba(255, 255, 255, 0.15) 75%,
+  transparent 75%,
+  transparent
+);
+  background-size: 20px 20px;
+  background-color: var(--progressColorVar__1ur4bdm0);
+}
+.ProgressBar_progressFillStripedAnimatedStyle__1ur4bdmc {
+  animation: ProgressBar_stripeShiftKeyframe__1ur4bdm3 1s linear infinite;
+}
+.ProgressBar_progressIndeterminateStyle__1ur4bdmd {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 40%;
+  border-radius: inherit;
+  background-color: var(--progressColorVar__1ur4bdm0);
+  animation: ProgressBar_indeterminateSlideKeyframe__1ur4bdm2 1.5s linear infinite;
+}
+.ProgressBar_progressInlineLabelStyle__1ur4bdme {
+  flex-shrink: 0;
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-secondary);
+  font-variant-numeric: tabular-nums;
+  min-width: 3ch;
+  text-align: right;
+}
+.ProgressBar_progressOverlayLabelStyle__1ur4bdmf {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-primary);
+  font-variant-numeric: tabular-nums;
+  pointer-events: none;
+  line-height: 1;
+}
+.ProgressBar_circularRootStyle__1ur4bdmg {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+}
+.ProgressBar_circularSvgStyle__1ur4bdmh {
+  display: block;
+  color: var(--progressColorVar__1ur4bdm0);
+}
+.ProgressBar_circularTrackCircleStyle__1ur4bdmi {
+  stroke: var(--etui-color-surface-default);
+}
+.ProgressBar_circularFillCircleStyle__1ur4bdmj {
+  stroke: var(--progressColorVar__1ur4bdm0);
+  transition: stroke-dashoffset var(--etui-transition-normal);
+}
+.ProgressBar_circularIndeterminateStyle__1ur4bdmk {
+  transform-origin: center;
+  animation: ProgressBar_circularRotateKeyframe__1ur4bdm4 1s linear infinite;
+}
+.ProgressBar_circularLabelStyle__1ur4bdml {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: var(--etui-color-text-primary);
+  font-variant-numeric: tabular-nums;
+  pointer-events: none;
+  line-height: 1;
+}
+@media (prefers-reduced-motion: reduce) {
+  .ProgressBar_progressFillStripedAnimatedStyle__1ur4bdmc {
+    animation: none;
+  }
+  .ProgressBar_progressIndeterminateStyle__1ur4bdmd {
+    animation: none;
+    left: 0;
+    width: 100%;
+    opacity: 0.6;
+  }
+  .ProgressBar_circularIndeterminateStyle__1ur4bdmk {
+    animation: none;
+    opacity: 0.6;
+  }
+}

package/dist/esm/assets/src/components/feedback/Skeleton/Skeleton.css.ts.vanilla-Dk2_SSsC.css

@@ -0,0 +1,39 @@
+.Skeleton_skeletonRecipe__m5ywe03 {
+  display: block;
+  width: var(--skeletonWidthVar__m5ywe00);
+  height: var(--skeletonHeightVar__m5ywe01);
+  border-radius: var(--skeletonRadiusVar__m5ywe02);
+  background: var(--etui-color-surface-default);
+  flex-shrink: 0;
+}
+.Skeleton_skeletonRecipe_animation_pulse__m5ywe07 {
+  animation: animations_pulseKeyframe__1boy3ak1 1.5s ease-in-out infinite;
+}
+.Skeleton_skeletonRecipe_animation_wave__m5ywe08 {
+  position: relative;
+  overflow: hidden;
+  background-image: linear-gradient(90deg, transparent 0%, var(--etui-color-surface-white-overlay) 50%, transparent 100%);
+  background-repeat: no-repeat;
+  background-size: 200% 100%;
+  background-color: var(--etui-color-surface-default);
+  animation: animations_waveKeyframe__1boy3ak4 1.6s linear infinite;
+}
+.Skeleton_skeletonGroupRecipe__m5ywe0b {
+  display: flex;
+  gap: var(--skeletonGroupGapVar__m5ywe0a);
+}
+.Skeleton_skeletonGroupRecipe_direction_row__m5ywe0c {
+  flex-direction: row;
+}
+.Skeleton_skeletonGroupRecipe_direction_column__m5ywe0d {
+  flex-direction: column;
+}
+@media (prefers-reduced-motion: reduce) {
+  .Skeleton_skeletonRecipe_animation_pulse__m5ywe07 {
+    animation: none;
+  }
+  .Skeleton_skeletonRecipe_animation_wave__m5ywe08 {
+    animation: none;
+    background-image: none;
+  }
+}

package/dist/esm/assets/src/components/feedback/Spinner/Spinner.css.ts.vanilla-DEUewqdK.css

@@ -0,0 +1,80 @@
+.Spinner_spinnerRootStyle__670vre2 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  color: var(--spinnerColorVar__670vre0);
+}
+.Spinner_spinnerRingStyle__670vre3 {
+  width: var(--spinnerSizeVar__670vre1);
+  height: var(--spinnerSizeVar__670vre1);
+  border: 2px solid currentColor;
+  border-top-color: transparent;
+  border-radius: 50%;
+  animation: animations_spinKeyframe__1boy3ak0 1s linear infinite;
+}
+.Spinner_spinnerDotsWrapperStyle__670vre4 {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+}
+.Spinner_spinnerDotRecipe__670vre5 {
+  width: 25%;
+  height: 25%;
+  min-width: 3px;
+  min-height: 3px;
+  border-radius: 50%;
+  background: currentColor;
+  animation: animations_pulseKeyframe__1boy3ak1 1.2s ease-in-out infinite;
+}
+.Spinner_spinnerDotRecipe_delay_0__670vre6 {
+  animation-delay: 0ms;
+}
+.Spinner_spinnerDotRecipe_delay_1__670vre7 {
+  animation-delay: 160ms;
+}
+.Spinner_spinnerDotRecipe_delay_2__670vre8 {
+  animation-delay: 320ms;
+}
+.Spinner_spinnerDotsSizerStyle__670vre9 {
+  display: inline-flex;
+  align-items: center;
+  gap: 15%;
+  width: var(--spinnerSizeVar__670vre1);
+  height: var(--spinnerSizeVar__670vre1);
+}
+.Spinner_spinnerPulseStyle__670vrea {
+  width: var(--spinnerSizeVar__670vre1);
+  height: var(--spinnerSizeVar__670vre1);
+  border-radius: 50%;
+  background: currentColor;
+  animation: animations_pulseKeyframe__1boy3ak1 1.2s ease-in-out infinite;
+}
+.Spinner_spinnerLabelStyle__670vreb {
+  font-size: var(--etui-font-size-sm);
+  color: var(--etui-color-text-secondary);
+}
+.Spinner_visuallyHiddenStyle__670vrec {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+@media (prefers-reduced-motion: reduce) {
+  .Spinner_spinnerRingStyle__670vre3 {
+    animation: none;
+    opacity: 0.6;
+  }
+  .Spinner_spinnerDotRecipe__670vre5 {
+    animation: none;
+    opacity: 0.6;
+  }
+  .Spinner_spinnerPulseStyle__670vrea {
+    animation: none;
+    opacity: 0.6;
+  }
+}

package/dist/esm/assets/src/components/feedback/Toast/{ToastItem.css.ts.vanilla-D6UuPKAj.css → ToastItem.css.ts.vanilla-DUeXqiaH.css}

@@ -149,4 +149,13 @@
 }
 .ToastItem_progressBar_paused_false__xlinldp {
   animation-play-state: running;
+}
+@media (prefers-reduced-motion: reduce) {
+  .ToastItem_toast__xlinld3 {
+    animation: none;
+  }
+  .ToastItem_progressBar__xlinldj {
+    animation: none;
+    display: none;
+  }
 }

package/dist/esm/assets/src/components/form/{InputWrapper.css.ts.vanilla-Bl7u62PI.css → InputWrapper.css.ts.vanilla-CLpKbEjq.css}

@@ -41,4 +41,9 @@
 }
 .InputWrapper_inputWrapperRecipe_compound_2__1h1gl4mc {
   border-color: var(--etui-color-border-default);
+}
+@media (prefers-reduced-motion: reduce) {
+  .InputWrapper_inputWrapperRecipe__1h1gl4m0 {
+    transition: none;
+  }
 }

package/dist/esm/assets/src/components/layout/Accordion/{Accordion.css.ts.vanilla-Ck5Yew0e.css → Accordion.css.ts.vanilla-CJQum8px.css}

@@ -115,4 +115,12 @@
 }
 .Accordion_contentBody_size_lg__1j9ah93o {
   padding: var(--etui-spacing-lg) var(--etui-spacing-xl);
+}
+@media (prefers-reduced-motion: reduce) {
+  .Accordion_chevronStyle__1j9ah93c {
+    transition: none;
+  }
+  .Accordion_contentWrapper__1j9ah93h {
+    transition: none;
+  }
 }

package/dist/esm/assets/src/components/layout/Divider/Divider.css.ts.vanilla-CPvd_RW9.css

@@ -0,0 +1,72 @@
+.Divider_dividerRecipe__1desuf10 {
+  border: 0;
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+.Divider_dividerRecipe_orientation_horizontal__1desuf11 {
+  width: 100%;
+  height: 1px;
+}
+.Divider_dividerRecipe_orientation_vertical__1desuf12 {
+  width: 1px;
+  height: auto;
+  align-self: stretch;
+}
+.Divider_dividerRecipe_variant_solid__1desuf13 {
+  background: var(--etui-color-border-default);
+}
+.Divider_dividerRecipe_variant_dashed__1desuf14 {
+  background: transparent;
+  border-top-width: 1px;
+  border-top-style: dashed;
+  border-top-color: var(--etui-color-border-default);
+}
+.Divider_dividerRecipe_variant_dotted__1desuf15 {
+  background: transparent;
+  border-top-width: 1px;
+  border-top-style: dotted;
+  border-top-color: var(--etui-color-border-default);
+}
+.Divider_dividerRecipe_compound_0__1desuf16 {
+  background: transparent;
+  border-top: 0;
+  border-left-width: 1px;
+  border-left-style: dashed;
+  border-left-color: var(--etui-color-border-default);
+}
+.Divider_dividerRecipe_compound_1__1desuf17 {
+  background: transparent;
+  border-top: 0;
+  border-left-width: 1px;
+  border-left-style: dotted;
+  border-left-color: var(--etui-color-border-default);
+}
+.Divider_dividerWithLabelRecipe__1desuf18 {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-md);
+  width: 100%;
+  color: var(--etui-color-text-muted);
+  font-family: var(--etui-font-family-sans);
+  font-size: var(--etui-font-size-xxs);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  font-weight: var(--etui-font-weight-semibold);
+}
+.Divider_dividerWithLabelRecipe__1desuf18::before, .Divider_dividerWithLabelRecipe__1desuf18::after {
+  content: "";
+  flex: 1;
+  height: 1px;
+  background: var(--etui-color-border-default);
+}
+.Divider_dividerWithLabelRecipe_variant_dashed__1desuf1a::before, .Divider_dividerWithLabelRecipe_variant_dashed__1desuf1a::after {
+  background: transparent;
+  border-top: 1px dashed var(--etui-color-border-default);
+}
+.Divider_dividerWithLabelRecipe_variant_dotted__1desuf1b::before, .Divider_dividerWithLabelRecipe_variant_dotted__1desuf1b::after {
+  background: transparent;
+  border-top: 1px dotted var(--etui-color-border-default);
+}
+.Divider_dividerLabelTextStyle__1desuf1c {
+  flex-shrink: 0;
+}

package/dist/esm/assets/src/components/layout/ListItem/ListItem.css.ts.vanilla-BwAZrX2f.css

@@ -0,0 +1,68 @@
+.ListItem_listItemRecipe__9m667i0 {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-md);
+  padding: 0 var(--etui-spacing-md);
+  background: var(--etui-color-surface-row);
+  color: var(--etui-color-text-primary);
+  font-family: var(--etui-font-family-sans);
+  font-size: var(--etui-font-size-md);
+  line-height: var(--etui-line-height-tight);
+  border-radius: var(--etui-radius-sm);
+  box-sizing: border-box;
+  width: 100%;
+  transition: background-color var(--etui-transition-fast);
+  outline: none;
+}
+.ListItem_listItemRecipe__9m667i0:hover:not([data-disabled="true"]) {
+  background: var(--etui-color-surface-row-hover);
+}
+.ListItem_listItemRecipe__9m667i0:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.ListItem_listItemRecipe_density_compact__9m667i1 {
+  height: 24px;
+  font-size: var(--etui-font-size-sm);
+}
+.ListItem_listItemRecipe_density_comfortable__9m667i2 {
+  height: 32px;
+}
+.ListItem_listItemRecipe_clickable_true__9m667i3 {
+  cursor: pointer;
+  user-select: none;
+}
+.ListItem_listItemRecipe_selected_true__9m667i5 {
+  background: color-mix(in srgb, var(--etui-color-accent-primary) 12%, transparent);
+}
+.ListItem_listItemRecipe_selected_true__9m667i5:hover:not([data-disabled="true"]) {
+  background: color-mix(in srgb, var(--etui-color-accent-primary) 16%, transparent);
+}
+.ListItem_listItemRecipe_active_true__9m667i7 {
+  background: color-mix(in srgb, var(--etui-color-accent-primary) 20%, transparent);
+}
+.ListItem_listItemRecipe_disabled_true__9m667i9 {
+  opacity: 0.5;
+  pointer-events: none;
+  cursor: not-allowed;
+}
+.ListItem_listItemLeadingStyle__9m667ib {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--etui-color-text-secondary);
+  flex-shrink: 0;
+}
+.ListItem_listItemContentStyle__9m667ic {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.ListItem_listItemTrailingStyle__9m667id {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  color: var(--etui-color-text-muted);
+  flex-shrink: 0;
+}