entangle-ui 0.7.0 → 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/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/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/navigation/Breadcrumbs/Breadcrumbs.css.ts.vanilla-DZ4jm_bw.css

@@ -0,0 +1,128 @@
+.Breadcrumbs_breadcrumbsRootRecipe__1wq67xf0 {
+  display: block;
+  min-width: 0;
+  font-family: var(--etui-font-family-sans);
+  line-height: var(--etui-line-height-tight);
+}
+.Breadcrumbs_breadcrumbsRootRecipe_size_sm__1wq67xf1 {
+  font-size: var(--etui-font-size-xs);
+}
+.Breadcrumbs_breadcrumbsRootRecipe_size_md__1wq67xf2 {
+  font-size: var(--etui-font-size-sm);
+}
+.Breadcrumbs_breadcrumbsRootRecipe_size_lg__1wq67xf3 {
+  font-size: var(--etui-font-size-md);
+}
+.Breadcrumbs_breadcrumbsListRecipe__1wq67xf4 {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.Breadcrumbs_breadcrumbsListRecipe_size_sm__1wq67xf5 {
+  column-gap: var(--etui-spacing-xs);
+}
+.Breadcrumbs_breadcrumbsListRecipe_size_md__1wq67xf6 {
+  column-gap: var(--etui-spacing-sm);
+}
+.Breadcrumbs_breadcrumbsListRecipe_size_lg__1wq67xf7 {
+  column-gap: var(--etui-spacing-sm);
+}
+.Breadcrumbs_breadcrumbItemStyle__1wq67xf8 {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  flex-shrink: 0;
+}
+.Breadcrumbs_breadcrumbContentBaseStyle__1wq67xf9 {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  max-width: 100%;
+  gap: var(--etui-spacing-sm);
+  padding: 0;
+  margin: 0;
+  border: none;
+  border-radius: var(--etui-radius-sm);
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  line-height: inherit;
+  text-decoration: none;
+  white-space: nowrap;
+  outline: none;
+  transition: color var(--etui-transition-fast);
+}
+.Breadcrumbs_breadcrumbContentBaseStyle__1wq67xf9:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.Breadcrumbs_breadcrumbContentRecipe_state_link__1wq67xfb {
+  color: var(--etui-color-text-secondary);
+  cursor: pointer;
+}
+.Breadcrumbs_breadcrumbContentRecipe_state_link__1wq67xfb:hover {
+  color: var(--etui-color-text-primary);
+  text-decoration: underline;
+}
+.Breadcrumbs_breadcrumbContentRecipe_state_current__1wq67xfc {
+  color: var(--etui-color-text-primary);
+  cursor: default;
+}
+.Breadcrumbs_breadcrumbContentRecipe_state_disabled__1wq67xfd {
+  color: var(--etui-color-text-muted);
+  cursor: default;
+}
+.Breadcrumbs_breadcrumbIconStyle__1wq67xfe {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: currentColor;
+}
+.Breadcrumbs_breadcrumbLabelStyle__1wq67xff {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.Breadcrumbs_breadcrumbSeparatorStyle__1wq67xfg {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: var(--etui-color-text-muted);
+}
+.Breadcrumbs_breadcrumbEllipsisStyle__1wq67xfh {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  flex-shrink: 0;
+}
+.Breadcrumbs_breadcrumbEllipsisButtonStyle__1wq67xfi {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: none;
+  border-radius: var(--etui-radius-sm);
+  background: transparent;
+  color: var(--etui-color-text-secondary);
+  font: inherit;
+  line-height: inherit;
+  cursor: pointer;
+  outline: none;
+  transition: color var(--etui-transition-fast);
+}
+.Breadcrumbs_breadcrumbEllipsisButtonStyle__1wq67xfi:hover {
+  color: var(--etui-color-text-primary);
+}
+.Breadcrumbs_breadcrumbEllipsisButtonStyle__1wq67xfi:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.Breadcrumbs_breadcrumbEllipsisTextStyle__1wq67xfj {
+  color: var(--etui-color-text-muted);
+}