entangle-ui 0.6.3 → 0.8.0

package/dist/esm/assets/src/components/layout/PageHeader/PageHeader.css.ts.vanilla-DdbyyWAN.css

@@ -0,0 +1,70 @@
+.PageHeader_pageHeaderRecipe__1uiranp0 {
+  display: flex;
+  align-items: center;
+  font-family: var(--etui-font-family-sans);
+  color: var(--etui-color-text-primary);
+  gap: var(--etui-spacing-md);
+  box-sizing: border-box;
+  width: 100%;
+}
+.PageHeader_pageHeaderRecipe_size_sm__1uiranp1 {
+  padding: var(--etui-spacing-sm) var(--etui-spacing-md);
+}
+.PageHeader_pageHeaderRecipe_size_md__1uiranp2 {
+  padding: var(--etui-spacing-md) var(--etui-spacing-lg);
+}
+.PageHeader_pageHeaderRecipe_size_lg__1uiranp3 {
+  padding: var(--etui-spacing-lg) var(--etui-spacing-xl);
+}
+.PageHeader_pageHeaderRecipe_bordered_true__1uiranp4 {
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.PageHeader_pageHeaderIconStyle__1uiranp6 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--etui-color-text-secondary);
+  flex-shrink: 0;
+}
+.PageHeader_pageHeaderTitleColumnStyle__1uiranp7 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--etui-spacing-xs);
+  min-width: 0;
+  flex: 1;
+}
+.PageHeader_pageHeaderTitleRecipe__1uiranp8 {
+  margin: 0;
+  line-height: var(--etui-line-height-tight);
+  font-weight: var(--etui-font-weight-semibold);
+  color: var(--etui-color-text-primary);
+}
+.PageHeader_pageHeaderTitleRecipe_size_sm__1uiranp9 {
+  font-size: var(--etui-font-size-md);
+}
+.PageHeader_pageHeaderTitleRecipe_size_md__1uiranpa {
+  font-size: var(--etui-font-size-lg);
+}
+.PageHeader_pageHeaderTitleRecipe_size_lg__1uiranpb {
+  font-size: var(--etui-font-size-xl);
+}
+.PageHeader_pageHeaderSubtitleStyle__1uiranpc {
+  margin: 0;
+  font-size: var(--etui-font-size-sm);
+  color: var(--etui-color-text-muted);
+  line-height: var(--etui-line-height-normal);
+}
+.PageHeader_pageHeaderBreadcrumbsStyle__1uiranpd {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-muted);
+}
+.PageHeader_pageHeaderActionsStyle__1uiranpe {
+  margin-left: auto;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  flex-shrink: 0;
+}

package/dist/esm/assets/src/components/layout/SplitPane/{SplitPane.css.ts.vanilla-BFxdvwyI.css → SplitPane.css.ts.vanilla-BGFZ7zDa.css}

@@ -41,4 +41,9 @@
 }
 .SplitPane_panelStyle__13xgg0i8 {
   overflow: auto;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: 0;
 }

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);
+}

package/dist/esm/assets/src/components/navigation/SegmentedControl/SegmentedControl.css.ts.vanilla-BHOnDD2B.css

@@ -0,0 +1,197 @@
+.SegmentedControl_segmentedControlRecipe__1k6fove0 {
+  position: relative;
+  display: inline-flex;
+  padding: 2px;
+  border-radius: var(--etui-radius-md);
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: 0;
+}
+.SegmentedControl_segmentedControlRecipe__1k6fove0[aria-disabled="true"] {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+.SegmentedControl_segmentedControlRecipe_orientation_horizontal__1k6fove1 {
+  flex-direction: row;
+  align-items: stretch;
+}
+.SegmentedControl_segmentedControlRecipe_orientation_vertical__1k6fove2 {
+  flex-direction: column;
+  align-items: stretch;
+}
+.SegmentedControl_segmentedControlRecipe_variant_subtle__1k6fove3 {
+  background: var(--etui-color-bg-secondary);
+}
+.SegmentedControl_segmentedControlRecipe_variant_solid__1k6fove4 {
+  background: var(--etui-color-surface-default);
+  border: 1px solid var(--etui-color-border-default);
+}
+.SegmentedControl_segmentedControlRecipe_variant_outline__1k6fove5 {
+  background: transparent;
+  border: 1px solid var(--etui-color-border-default);
+}
+.SegmentedControl_segmentedControlRecipe_fullWidth_true__1k6fove6 {
+  display: flex;
+  width: 100%;
+}
+.SegmentedControl_segmentedIndicatorRecipe__1k6fove8 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  box-sizing: border-box;
+  pointer-events: none;
+  transition-property: transform, width, height, opacity;
+  transition-duration: var(--etui-transition-normal);
+  transition-timing-function: ease;
+  will-change: transform, width, height;
+}
+.SegmentedControl_segmentedIndicatorRecipe_variant_subtle__1k6fove9 {
+  background: var(--etui-color-bg-elevated);
+  border: 1px solid var(--etui-color-border-default);
+  box-shadow: var(--etui-shadow-sm);
+  border-radius: calc(var(--etui-radius-md) - 2px);
+}
+.SegmentedControl_segmentedIndicatorRecipe_variant_solid__1k6fovea {
+  background: var(--etui-color-accent-primary);
+  border-radius: calc(var(--etui-radius-md) - 2px);
+}
+.SegmentedControl_segmentedIndicatorRecipe_variant_outline__1k6foveb {
+  background: var(--etui-color-accent-primary);
+  border-radius: var(--etui-radius-sm);
+}
+.SegmentedControl_segmentedIndicatorRecipe_compound_0__1k6fovee {
+  height: 2px;
+}
+.SegmentedControl_segmentedIndicatorRecipe_compound_1__1k6fovef {
+  width: 2px;
+}
+.SegmentedControl_segmentedItemWrapperBase__1k6foveg {
+  position: relative;
+  display: inline-flex;
+  align-items: stretch;
+  justify-content: stretch;
+  min-width: 0;
+  min-height: 0;
+}
+.SegmentedControl_segmentedItemWrapperRecipe_fullWidth_true__1k6fovei {
+  flex: 1;
+}
+.SegmentedControl_segmentedItemWrapperRecipe_orientation_vertical__1k6fovel {
+  width: 100%;
+}
+.SegmentedControl_segmentedItemWrapperRecipe_compound_0__1k6fover {
+  width: 20px;
+  flex: none;
+}
+.SegmentedControl_segmentedItemWrapperRecipe_compound_1__1k6foves {
+  width: 24px;
+  flex: none;
+}
+.SegmentedControl_segmentedItemWrapperRecipe_compound_2__1k6fovet {
+  width: 32px;
+  flex: none;
+}
+.SegmentedControl_segmentedItemWrapperBase__1k6foveg > * {
+  display: inline-flex;
+  align-items: stretch;
+  width: 100%;
+  min-width: 0;
+}
+.SegmentedControl_segmentedItemBaseStyle__1k6foveu {
+  margin: 0;
+  border: none;
+  font-family: inherit;
+  outline: none;
+  user-select: none;
+  white-space: nowrap;
+  background: transparent;
+  appearance: none;
+  -webkit-appearance: none;
+  width: 100%;
+  position: relative;
+  z-index: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  font-weight: var(--etui-font-weight-medium);
+  line-height: var(--etui-line-height-tight);
+  border-radius: calc(var(--etui-radius-md) - 2px);
+  transition: color var(--etui-transition-fast), background var(--etui-transition-fast);
+  cursor: pointer;
+}
+.SegmentedControl_segmentedItemBaseStyle__1k6foveu:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+  z-index: 2;
+}
+.SegmentedControl_segmentedItemBaseStyle__1k6foveu:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.SegmentedControl_segmentedItemRecipe_size_sm__1k6fovew {
+  height: 20px;
+  padding: 0 var(--etui-spacing-sm);
+  font-size: var(--etui-font-size-xs);
+  gap: 4px;
+}
+.SegmentedControl_segmentedItemRecipe_size_md__1k6fovex {
+  height: 24px;
+  padding: 0 var(--etui-spacing-md);
+  font-size: var(--etui-font-size-sm);
+  gap: 6px;
+}
+.SegmentedControl_segmentedItemRecipe_size_lg__1k6fovey {
+  height: 32px;
+  padding: 0 var(--etui-spacing-lg);
+  font-size: var(--etui-font-size-md);
+  gap: 8px;
+}
+.SegmentedControl_segmentedItemRecipe_iconOnly_true__1k6fovez {
+  padding: 0;
+}
+.SegmentedControl_segmentedItemRecipe_orientation_vertical__1k6fove12 {
+  justify-content: flex-start;
+}
+.SegmentedControl_segmentedItemRecipe_compound_0__1k6fove13 {
+  justify-content: center;
+}
+.SegmentedControl_itemSubtleStyle__1k6fove14 {
+  color: var(--etui-color-text-secondary);
+}
+.SegmentedControl_itemSubtleStyle__1k6fove14:hover:not(:disabled):not([aria-pressed="true"]) {
+  color: var(--etui-color-text-primary);
+  background: var(--etui-color-surface-hover);
+}
+.SegmentedControl_itemSubtleStyle__1k6fove14[aria-pressed="true"] {
+  color: var(--etui-color-text-primary);
+}
+.SegmentedControl_itemSolidStyle__1k6fove15 {
+  color: var(--etui-color-text-secondary);
+}
+.SegmentedControl_itemSolidStyle__1k6fove15:hover:not(:disabled):not([aria-pressed="true"]) {
+  color: var(--etui-color-text-primary);
+  background: var(--etui-color-surface-hover);
+}
+.SegmentedControl_itemSolidStyle__1k6fove15[aria-pressed="true"] {
+  color: #ffffff;
+}
+.SegmentedControl_itemOutlineStyle__1k6fove16 {
+  color: var(--etui-color-text-secondary);
+}
+.SegmentedControl_itemOutlineStyle__1k6fove16:hover:not(:disabled):not([aria-pressed="true"]) {
+  color: var(--etui-color-text-primary);
+}
+.SegmentedControl_itemOutlineStyle__1k6fove16[aria-pressed="true"] {
+  color: var(--etui-color-accent-primary);
+}
+.SegmentedControl_segmentedItemIconStyle__1k6fove17 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+@media (prefers-reduced-motion: reduce) {
+  .SegmentedControl_segmentedIndicatorRecipe__1k6fove8 {
+    transition-duration: 0s;
+  }
+}

package/dist/esm/assets/src/components/navigation/Tabs/{Tabs.css.ts.vanilla-D7RGpDPC.css → Tabs.css.ts.vanilla-CQucokdg.css}

@@ -244,4 +244,18 @@
   min-height: 0;
   overflow: hidden;
   outline: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .Tabs_tabUnderlineStyle__v404x7r {
+    transition: none;
+  }
+  .Tabs_tabPillsStyle__v404x7x {
+    transition: none;
+  }
+  .Tabs_tabEnclosedStyle__v404x710 {
+    transition: none;
+  }
+  .Tabs_tabCloseButtonStyle__v404x715 {
+    transition: none;
+  }
 }

package/dist/esm/assets/src/components/primitives/Avatar/Avatar.css.ts.vanilla-jG5hUudL.css

@@ -0,0 +1,149 @@
+.Avatar_avatarRecipe__e438tx2 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: visible;
+  box-sizing: border-box;
+  font-family: var(--etui-font-family-sans);
+  font-weight: var(--etui-font-weight-semibold);
+  color: var(--etui-color-text-primary);
+  background: var(--avatarBgVar__e438tx0);
+  user-select: none;
+  vertical-align: middle;
+  line-height: 1;
+}
+.Avatar_avatarRecipe_size_xs__e438tx3 {
+  width: 16px;
+  height: 16px;
+  font-size: var(--etui-font-size-xxs);
+}
+.Avatar_avatarRecipe_size_sm__e438tx4 {
+  width: 20px;
+  height: 20px;
+  font-size: var(--etui-font-size-xs);
+}
+.Avatar_avatarRecipe_size_md__e438tx5 {
+  width: 24px;
+  height: 24px;
+  font-size: var(--etui-font-size-sm);
+}
+.Avatar_avatarRecipe_size_lg__e438tx6 {
+  width: 32px;
+  height: 32px;
+  font-size: var(--etui-font-size-md);
+}
+.Avatar_avatarRecipe_size_xl__e438tx7 {
+  width: 40px;
+  height: 40px;
+  font-size: var(--etui-font-size-lg);
+}
+.Avatar_avatarRecipe_size_xxl__e438tx8 {
+  width: 56px;
+  height: 56px;
+  font-size: var(--etui-font-size-xl);
+}
+.Avatar_avatarRecipe_shape_circle__e438tx9 {
+  border-radius: 50%;
+}
+.Avatar_avatarRecipe_shape_square__e438txa {
+  border-radius: var(--etui-radius-none);
+}
+.Avatar_avatarRecipe_shape_rounded__e438txb {
+  border-radius: var(--etui-radius-md);
+}
+.Avatar_avatarRecipe_bordered_true__e438txc {
+  box-shadow: 0 0 0 2px var(--etui-color-bg-primary);
+}
+.Avatar_avatarRecipe_interactive_true__e438txd {
+  cursor: pointer;
+  transition: transform var(--etui-transition-fast), box-shadow var(--etui-transition-fast);
+}
+.Avatar_avatarRecipe_interactive_true__e438txd:hover {
+  transform: scale(1.04);
+}
+.Avatar_avatarRecipe_interactive_true__e438txd:focus-visible {
+  outline: none;
+  box-shadow: var(--etui-shadow-focus);
+}
+.Avatar_avatarFallbackStyle__e438txe {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  text-transform: uppercase;
+  letter-spacing: 0.02em;
+}
+.Avatar_avatarImageStyle__e438txf {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.Avatar_avatarImageStyle__e438txf[data-loaded="false"] {
+  display: none;
+}
+.Avatar_avatarImageInheritRadius__e438txg {
+  border-radius: inherit;
+}
+.Avatar_avatarStatusRecipe__e438txh {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  background: var(--avatarStatusVar__e438tx1);
+  border: 2px solid var(--etui-color-bg-primary);
+  border-radius: 50%;
+  box-sizing: content-box;
+  pointer-events: none;
+}
+.Avatar_avatarStatusRecipe_size_xs__e438txi {
+  width: 4px;
+  height: 4px;
+  border-width: 1px;
+}
+.Avatar_avatarStatusRecipe_size_sm__e438txj {
+  width: 5px;
+  height: 5px;
+  border-width: 1px;
+}
+.Avatar_avatarStatusRecipe_size_md__e438txk {
+  width: 6px;
+  height: 6px;
+  border-width: 1.5px;
+}
+.Avatar_avatarStatusRecipe_size_lg__e438txl {
+  width: 8px;
+  height: 8px;
+  border-width: 2px;
+}
+.Avatar_avatarStatusRecipe_size_xl__e438txm {
+  width: 10px;
+  height: 10px;
+  border-width: 2px;
+}
+.Avatar_avatarStatusRecipe_size_xxl__e438txn {
+  width: 14px;
+  height: 14px;
+  border-width: 2px;
+}
+.Avatar_avatarGroupRootStyle__e438txp {
+  display: inline-flex;
+  align-items: center;
+  flex-direction: row;
+  isolation: isolate;
+}
+.Avatar_avatarGroupItemStyle__e438txq {
+  position: relative;
+}
+.Avatar_avatarGroupItemStyle__e438txq:not(:first-child) {
+  margin-left: var(--avatarGroupSpacingVar__e438txo);
+}
+@media (prefers-reduced-motion: reduce) {
+  .Avatar_avatarRecipe_interactive_true__e438txd {
+    transition: none;
+  }
+}

package/dist/esm/assets/src/components/primitives/Badge/Badge.css.ts.vanilla-DxCUcxYW.css

@@ -0,0 +1,95 @@
+.Badge_badgeRecipe__6943by2 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  font-family: var(--etui-font-family-sans);
+  font-weight: var(--etui-font-weight-semibold);
+  border-radius: var(--etui-radius-sm);
+  white-space: nowrap;
+  line-height: 1;
+  vertical-align: middle;
+  border: 1px solid transparent;
+  box-sizing: border-box;
+}
+.Badge_badgeRecipe_size_xs__6943by3 {
+  height: 14px;
+  padding: 0 var(--etui-spacing-sm);
+  font-size: var(--etui-font-size-xxs);
+}
+.Badge_badgeRecipe_size_sm__6943by4 {
+  height: 16px;
+  padding: 0 var(--etui-spacing-sm);
+  font-size: var(--etui-font-size-xxs);
+}
+.Badge_badgeRecipe_size_md__6943by5 {
+  height: 20px;
+  padding: 0 var(--etui-spacing-md);
+  font-size: var(--etui-font-size-xs);
+}
+.Badge_badgeRecipe_size_lg__6943by6 {
+  height: 24px;
+  padding: 0 var(--etui-spacing-md);
+  font-size: var(--etui-font-size-sm);
+}
+.Badge_badgeRecipe_variant_subtle__6943by7 {
+  background: color-mix(in srgb, var(--badgeColorVar__6943by0) 15%, transparent);
+  color: var(--badgeColorVar__6943by0);
+  border-color: transparent;
+}
+.Badge_badgeRecipe_variant_solid__6943by8 {
+  background: var(--badgeColorVar__6943by0);
+  color: var(--badgeContrastVar__6943by1);
+  border-color: var(--badgeColorVar__6943by0);
+}
+.Badge_badgeRecipe_variant_outline__6943by9 {
+  background: transparent;
+  color: var(--badgeColorVar__6943by0);
+  border-color: var(--badgeColorVar__6943by0);
+}
+.Badge_badgeRecipe_variant_dot__6943bya {
+  background: transparent;
+  color: var(--etui-color-text-primary);
+  border-color: transparent;
+  padding: 0;
+}
+.Badge_badgeRecipe_uppercase_true__6943byb {
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+.Badge_badgeIconStyle__6943byc {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+.Badge_badgeDotStyle__6943byd {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--badgeColorVar__6943by0);
+  flex-shrink: 0;
+}
+.Badge_badgeRemoveButtonStyle__6943bye {
+  appearance: none;
+  background: transparent;
+  border: none;
+  color: inherit;
+  padding: 0;
+  margin-left: var(--etui-spacing-xs);
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--etui-radius-sm);
+  opacity: 0.7;
+  transition: opacity var(--etui-transition-fast);
+}
+.Badge_badgeRemoveButtonStyle__6943bye:hover {
+  opacity: 1;
+}
+.Badge_badgeRemoveButtonStyle__6943bye:focus-visible {
+  outline: 1px solid var(--etui-color-border-focus);
+  outline-offset: 1px;
+  opacity: 1;
+}

package/dist/esm/assets/src/components/primitives/Button/{Button.css.ts.vanilla-CT592JL7.css → Button.css.ts.vanilla-DXJcIb94.css}

@@ -95,4 +95,13 @@
   display: flex;
   align-items: center;
   justify-content: center;
+}
+@media (prefers-reduced-motion: reduce) {
+  .Button_buttonRecipe__btu0m70 {
+    transition: none;
+  }
+  .Button_loadingSpinnerStyle__btu0m79 {
+    animation: none;
+    opacity: 0.6;
+  }
 }

package/dist/esm/assets/src/components/primitives/Checkbox/{Checkbox.css.ts.vanilla-dvrGPiPs.css → Checkbox.css.ts.vanilla-DNa-Gqto.css}

@@ -121,4 +121,9 @@
   display: flex;
   flex-direction: var(--groupDirectionVar__2ajd0pq);
   gap: var(--groupGapVar__2ajd0pr);
+}
+@media (prefers-reduced-motion: reduce) {
+  .Checkbox_checkboxBoxRecipe__2ajd0pa {
+    transition: none;
+  }
 }