entangle-ui 0.3.0 → 0.4.0

package/dist/esm/assets/src/components/primitives/Collapsible/Collapsible.css.ts.vanilla-C1rYV-JT.css

@@ -0,0 +1,73 @@
+.Collapsible_collapsibleRootStyle__14aon2g0 {
+  display: flex;
+  flex-direction: column;
+}
+.Collapsible_triggerRecipe__14aon2g4 {
+  margin: 0;
+  border: none;
+  font-family: inherit;
+  outline: none;
+  user-select: none;
+  width: 100%;
+  text-align: left;
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  height: var(--triggerHeightVar__14aon2g1);
+  padding: 0 var(--triggerPaddingVar__14aon2g2);
+  font-size: var(--triggerFontSizeVar__14aon2g3);
+  font-weight: var(--etui-font-weight-medium);
+  background: transparent;
+  color: var(--etui-color-text-muted);
+  transition: color var(--etui-transition-fast), background var(--etui-transition-fast);
+}
+.Collapsible_triggerRecipe__14aon2g4:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+  border-radius: var(--etui-radius-sm);
+  z-index: 1;
+}
+.Collapsible_triggerRecipe_disabled_true__14aon2g5 {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.Collapsible_triggerRecipe_disabled_true__14aon2g5:hover {
+  color: var(--etui-color-text-muted);
+}
+.Collapsible_triggerRecipe_disabled_false__14aon2g6 {
+  cursor: pointer;
+  opacity: 1;
+}
+.Collapsible_triggerRecipe_disabled_false__14aon2g6:hover {
+  color: var(--etui-color-text-primary);
+}
+.Collapsible_chevronRecipe__14aon2g8 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: transform var(--etui-transition-fast);
+  color: currentColor;
+}
+.Collapsible_chevronRecipe_open_true__14aon2g9 {
+  transform: rotate(90deg);
+}
+.Collapsible_chevronRecipe_open_false__14aon2ga {
+  transform: rotate(0deg);
+}
+.Collapsible_contentWrapperRecipe__14aon2gb {
+  display: grid;
+  transition: grid-template-rows var(--etui-transition-normal);
+}
+.Collapsible_contentWrapperRecipe_open_true__14aon2gc {
+  grid-template-rows: 1fr;
+}
+.Collapsible_contentWrapperRecipe_open_false__14aon2gd {
+  grid-template-rows: 0fr;
+}
+.Collapsible_contentInnerStyle__14aon2ge {
+  overflow: hidden;
+  min-height: 0;
+}
+.Collapsible_contentBodyStyle__14aon2gh {
+  padding: var(--contentPaddingVVar__14aon2gf) var(--contentPaddingHVar__14aon2gg);
+}

package/dist/esm/assets/src/components/primitives/Icon/Icon.css.ts.vanilla-DIZ6dped.css

@@ -0,0 +1,45 @@
+.Icon_iconRecipe__1yo6gez0 {
+  display: inline-block;
+  vertical-align: middle;
+  flex-shrink: 0;
+  user-select: none;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  shape-rendering: geometricPrecision;
+}
+.Icon_iconRecipe_size_sm__1yo6gez1 {
+  width: 12px;
+  height: 12px;
+}
+.Icon_iconRecipe_size_md__1yo6gez2 {
+  width: 16px;
+  height: 16px;
+}
+.Icon_iconRecipe_size_lg__1yo6gez3 {
+  width: 20px;
+  height: 20px;
+}
+.Icon_iconRecipe_color_primary__1yo6gez4 {
+  color: var(--etui-color-text-primary);
+}
+.Icon_iconRecipe_color_secondary__1yo6gez5 {
+  color: var(--etui-color-text-secondary);
+}
+.Icon_iconRecipe_color_muted__1yo6gez6 {
+  color: var(--etui-color-text-muted);
+}
+.Icon_iconRecipe_color_accent__1yo6gez7 {
+  color: var(--etui-color-accent-primary);
+}
+.Icon_iconRecipe_color_success__1yo6gez8 {
+  color: var(--etui-color-accent-success);
+}
+.Icon_iconRecipe_color_warning__1yo6gez9 {
+  color: var(--etui-color-accent-warning);
+}
+.Icon_iconRecipe_color_error__1yo6geza {
+  color: var(--etui-color-accent-error);
+}

package/dist/esm/assets/src/components/primitives/IconButton/IconButton.css.ts.vanilla-C-xAQoR3.css

@@ -0,0 +1,123 @@
+@keyframes IconButton_spin__rqqp00f {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.IconButton_iconButtonBase__rqqp000 {
+  margin: 0;
+  padding: 0;
+  font-family: inherit;
+  user-select: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: all var(--etui-transition-normal);
+  outline: none;
+  position: relative;
+}
+.IconButton_iconButtonBase__rqqp000:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.IconButton_iconButtonBase__rqqp000:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.IconButton_iconButtonBase__rqqp000:active:not(:disabled) {
+  transform: translateY(0.5px);
+}
+.IconButton_iconButtonBase__rqqp000 > * {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.IconButton_iconButtonRecipe_size_sm__rqqp002 {
+  width: 20px;
+  height: 20px;
+  padding: 4px;
+}
+.IconButton_iconButtonRecipe_size_md__rqqp003 {
+  width: 24px;
+  height: 24px;
+  padding: 4px;
+}
+.IconButton_iconButtonRecipe_size_lg__rqqp004 {
+  width: 32px;
+  height: 32px;
+  padding: 6px;
+}
+.IconButton_iconButtonRecipe_variant_default__rqqp005 {
+  background: transparent;
+  border: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-primary);
+  cursor: pointer;
+}
+.IconButton_iconButtonRecipe_variant_default__rqqp005:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+  border-color: var(--etui-color-border-focus);
+}
+.IconButton_iconButtonRecipe_variant_default__rqqp005:active:not(:disabled) {
+  background: var(--etui-color-surface-active);
+}
+.IconButton_iconButtonRecipe_variant_ghost__rqqp006 {
+  background: transparent;
+  border: 1px solid transparent;
+  color: var(--etui-color-text-secondary);
+  cursor: pointer;
+}
+.IconButton_iconButtonRecipe_variant_ghost__rqqp006:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+  color: var(--etui-color-text-primary);
+}
+.IconButton_iconButtonRecipe_variant_ghost__rqqp006:active:not(:disabled) {
+  background: var(--etui-color-surface-active);
+}
+.IconButton_iconButtonRecipe_variant_filled__rqqp007 {
+  background: var(--etui-color-accent-primary);
+  border: 1px solid var(--etui-color-accent-primary);
+  color: white;
+  cursor: pointer;
+}
+.IconButton_iconButtonRecipe_variant_filled__rqqp007:hover:not(:disabled) {
+  background: var(--etui-color-accent-secondary);
+  border-color: var(--etui-color-accent-secondary);
+}
+.IconButton_iconButtonRecipe_variant_filled__rqqp007:active:not(:disabled) {
+  background: var(--etui-color-accent-secondary);
+}
+.IconButton_iconButtonRecipe_radius_none__rqqp008 {
+  border-radius: 0px;
+}
+.IconButton_iconButtonRecipe_radius_sm__rqqp009 {
+  border-radius: var(--etui-radius-sm);
+}
+.IconButton_iconButtonRecipe_radius_md__rqqp00a {
+  border-radius: var(--etui-radius-md);
+}
+.IconButton_iconButtonRecipe_radius_lg__rqqp00b {
+  border-radius: var(--etui-radius-lg);
+}
+.IconButton_iconButtonRecipe_radius_full__rqqp00c {
+  border-radius: 50%;
+}
+.IconButton_iconButtonRecipe_pressed_true__rqqp00d {
+  background: var(--etui-color-surface-active) !important;
+  border-color: var(--etui-color-border-focus) !important;
+}
+.IconButton_loadingSpinnerRecipe__rqqp00g {
+  border: 2px solid currentColor;
+  border-top-color: transparent;
+  border-radius: 50%;
+  animation: IconButton_spin__rqqp00f 1s linear infinite;
+}
+.IconButton_loadingSpinnerRecipe_size_sm__rqqp00h {
+  width: 12px;
+  height: 12px;
+}
+.IconButton_loadingSpinnerRecipe_size_md__rqqp00i {
+  width: 16px;
+  height: 16px;
+}
+.IconButton_loadingSpinnerRecipe_size_lg__rqqp00j {
+  width: 20px;
+  height: 20px;
+}

package/dist/esm/assets/src/components/primitives/Input/Input.css.ts.vanilla-De5ditYa.css

@@ -0,0 +1,74 @@
+.Input_inputContainerStyle__k5jeky0 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--etui-spacing-xs);
+}
+.Input_labelRecipe__k5jeky1 {
+  font-size: var(--etui-font-size-sm);
+  font-weight: var(--etui-font-weight-medium);
+  line-height: var(--etui-line-height-tight);
+}
+.Input_labelRecipe_disabled_true__k5jeky2 {
+  color: var(--etui-color-text-disabled);
+}
+.Input_labelRecipe_disabled_false__k5jeky3 {
+  color: var(--etui-color-text-secondary);
+}
+.Input_inputRecipe__k5jeky4 {
+  flex: 1;
+  border: none;
+  outline: none;
+  background: transparent;
+  font-family: inherit;
+  color: var(--etui-color-text-primary);
+}
+.Input_inputRecipe__k5jeky4::placeholder {
+  color: var(--etui-color-text-muted);
+}
+.Input_inputRecipe__k5jeky4:disabled {
+  cursor: not-allowed;
+}
+.Input_inputRecipe__k5jeky4::-webkit-outer-spin-button, .Input_inputRecipe__k5jeky4::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.Input_inputRecipe__k5jeky4[type="number"] {
+  -moz-appearance: textfield;
+}
+.Input_inputRecipe_size_sm__k5jeky5 {
+  font-size: var(--etui-font-size-md);
+}
+.Input_inputRecipe_size_md__k5jeky6 {
+  font-size: var(--etui-font-size-md);
+}
+.Input_inputRecipe_size_lg__k5jeky7 {
+  font-size: var(--etui-font-size-lg);
+}
+.Input_iconStartStyle__k5jeky8 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--etui-color-text-muted);
+  margin-right: 6px;
+}
+.Input_iconEndStyle__k5jeky9 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--etui-color-text-muted);
+  margin-left: 6px;
+}
+.Input_iconChildStyle__k5jekya {
+  width: 14px;
+  height: 14px;
+}
+.Input_helperTextRecipe__k5jekyb {
+  font-size: var(--etui-font-size-xs);
+  line-height: var(--etui-line-height-tight);
+}
+.Input_helperTextRecipe_error_true__k5jekyc {
+  color: var(--etui-color-accent-error);
+}
+.Input_helperTextRecipe_error_false__k5jekyd {
+  color: var(--etui-color-text-muted);
+}

package/dist/esm/assets/src/components/primitives/Paper/Paper.css.ts.vanilla-B_tPWU80.css

@@ -0,0 +1,67 @@
+.Paper_paperRecipe__3dkz7t0 {
+  box-sizing: border-box;
+  position: relative;
+  border-radius: var(--etui-radius-md);
+  transition: box-shadow var(--etui-transition-normal), background-color var(--etui-transition-normal);
+}
+.Paper_paperRecipe_elevation_0__3dkz7t1 {
+  box-shadow: none;
+}
+.Paper_paperRecipe_elevation_1__3dkz7t2 {
+  box-shadow: var(--etui-shadow-sm);
+}
+.Paper_paperRecipe_elevation_1__3dkz7t2:hover {
+  box-shadow: var(--etui-shadow-md);
+}
+.Paper_paperRecipe_elevation_2__3dkz7t3 {
+  box-shadow: var(--etui-shadow-md);
+}
+.Paper_paperRecipe_elevation_2__3dkz7t3:hover {
+  box-shadow: var(--etui-shadow-lg);
+}
+.Paper_paperRecipe_elevation_3__3dkz7t4 {
+  box-shadow: var(--etui-shadow-lg);
+}
+.Paper_paperRecipe_elevation_3__3dkz7t4:hover {
+  box-shadow: var(--etui-shadow-xl);
+}
+.Paper_paperRecipe_bordered_true__3dkz7t5 {
+  border: 1px solid var(--etui-color-border-default);
+}
+.Paper_paperRecipe_padding_xs__3dkz7t7 {
+  padding: var(--etui-spacing-xs);
+}
+.Paper_paperRecipe_padding_sm__3dkz7t8 {
+  padding: var(--etui-spacing-sm);
+}
+.Paper_paperRecipe_padding_md__3dkz7t9 {
+  padding: var(--etui-spacing-md);
+}
+.Paper_paperRecipe_padding_lg__3dkz7ta {
+  padding: var(--etui-spacing-lg);
+}
+.Paper_paperRecipe_padding_xl__3dkz7tb {
+  padding: var(--etui-spacing-xl);
+}
+.Paper_paperRecipe_padding_xxl__3dkz7tc {
+  padding: var(--etui-spacing-xxl);
+}
+.Paper_paperRecipe_padding_xxxl__3dkz7td {
+  padding: var(--etui-spacing-xxxl);
+}
+.Paper_paperRecipe_nestLevel_0__3dkz7te {
+  background-color: var(--etui-color-bg-primary);
+}
+.Paper_paperRecipe_nestLevel_1__3dkz7tf {
+  background-color: var(--etui-color-bg-secondary);
+}
+.Paper_paperRecipe_nestLevel_2__3dkz7tg {
+  background-color: var(--etui-color-bg-tertiary);
+}
+.Paper_paperRecipe_nestLevel_3__3dkz7th {
+  background-color: var(--etui-color-bg-elevated);
+}
+.Paper_paperRecipe_expand_true__3dkz7ti {
+  width: 100%;
+  height: 100%;
+}

package/dist/esm/assets/src/components/primitives/Popover/Popover.css.ts.vanilla-DW6aAr57.css

@@ -0,0 +1,60 @@
+.Popover_contentPanelRecipe__j7aln10 {
+  z-index: var(--etui-z-popover);
+  background: var(--etui-color-bg-elevated);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-lg);
+  box-shadow: var(--etui-shadow-lg);
+  color: var(--etui-color-text-primary);
+  font-size: var(--etui-font-size-sm);
+  font-family: var(--etui-font-family-sans);
+  transition: opacity var(--etui-transition-fast), transform var(--etui-transition-fast);
+}
+.Popover_contentPanelRecipe__j7aln10:focus {
+  outline: none;
+}
+.Popover_contentPanelRecipe_padding_none__j7aln11 {
+  padding: 0;
+}
+.Popover_contentPanelRecipe_padding_sm__j7aln12 {
+  padding: var(--etui-spacing-sm);
+}
+.Popover_contentPanelRecipe_padding_md__j7aln13 {
+  padding: var(--etui-spacing-md);
+}
+.Popover_contentPanelRecipe_padding_lg__j7aln14 {
+  padding: var(--etui-spacing-lg);
+}
+.Popover_contentPanelRecipe_visible_true__j7aln15 {
+  opacity: 1;
+  transform: scale(1);
+  pointer-events: auto;
+}
+.Popover_contentPanelRecipe_visible_false__j7aln16 {
+  opacity: 0;
+  transform: scale(0.96);
+  pointer-events: none;
+}
+.Popover_closeButtonStyle__j7aln17 {
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: transparent;
+  font-family: inherit;
+  outline: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border-radius: var(--etui-radius-sm);
+  color: var(--etui-color-text-muted);
+  transition: background var(--etui-transition-fast);
+}
+.Popover_closeButtonStyle__j7aln17:hover {
+  background: var(--etui-color-surface-hover);
+  color: var(--etui-color-text-primary);
+}
+.Popover_closeButtonStyle__j7aln17:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}

package/dist/esm/assets/src/components/primitives/Switch/Switch.css.ts.vanilla-CxqwUToB.css

@@ -0,0 +1,100 @@
+.Switch_switchContainerStyle__h3xwyt0 {
+  display: flex;
+  flex-direction: column;
+}
+.Switch_switchRowRecipe__h3xwyt1 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  line-height: var(--etui-line-height-normal);
+  user-select: none;
+}
+.Switch_switchRowRecipe_size_sm__h3xwyt2 {
+  font-size: var(--etui-font-size-xs);
+}
+.Switch_switchRowRecipe_size_md__h3xwyt3 {
+  font-size: var(--etui-font-size-sm);
+}
+.Switch_switchRowRecipe_size_lg__h3xwyt4 {
+  font-size: var(--etui-font-size-md);
+}
+.Switch_switchRowRecipe_disabled_true__h3xwyt5 {
+  cursor: not-allowed;
+  color: var(--etui-color-text-disabled);
+}
+.Switch_switchRowRecipe_disabled_false__h3xwyt6 {
+  cursor: pointer;
+  color: var(--etui-color-text-secondary);
+}
+.Switch_trackRecipe__h3xwyt9 {
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  outline: none;
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  flex-shrink: 0;
+  width: var(--trackWidthVar__h3xwyt7);
+  height: var(--trackHeightVar__h3xwyt8);
+  border-radius: var(--trackHeightVar__h3xwyt8);
+  transition: background-color var(--etui-transition-fast), border-color var(--etui-transition-fast);
+}
+.Switch_trackRecipe__h3xwyt9:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.Switch_trackRecipe__h3xwyt9:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.Switch_trackRecipe_checked_true__h3xwyta {
+  background: var(--etui-color-accent-primary);
+  border: 1px solid transparent;
+}
+.Switch_trackRecipe_checked_true__h3xwyta:hover:not(:disabled) {
+  background: var(--etui-color-accent-secondary);
+}
+.Switch_trackRecipe_checked_false__h3xwytb {
+  background: var(--etui-color-surface-active);
+  border: 1px solid var(--etui-color-border-default);
+}
+.Switch_trackRecipe_checked_false__h3xwytb:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+}
+.Switch_trackRecipe_disabled_true__h3xwytc {
+  cursor: not-allowed;
+}
+.Switch_trackRecipe_disabled_false__h3xwytd {
+  cursor: pointer;
+}
+.Switch_trackRecipe_compound_0__h3xwytg {
+  background: var(--etui-color-surface-active);
+  border: 1px solid var(--etui-color-accent-error);
+}
+.Switch_trackRecipe_compound_0__h3xwytg:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+}
+.Switch_trackRecipe_compound_1__h3xwyth {
+  opacity: 0.5;
+  background: var(--etui-color-accent-primary);
+  border: 1px solid transparent;
+}
+.Switch_trackRecipe_compound_2__h3xwyti {
+  opacity: 0.5;
+  background: var(--etui-color-surface-active);
+  border: 1px solid var(--etui-color-border-default);
+}
+.Switch_thumbRecipe__h3xwytl {
+  position: absolute;
+  border-radius: 50%;
+  width: var(--thumbDiameterVar__h3xwytj);
+  height: var(--thumbDiameterVar__h3xwytj);
+  transition: transform var(--etui-transition-fast);
+}
+.Switch_thumbRecipe_checked_true__h3xwytm {
+  background: white;
+  transform: translateX(var(--thumbTranslateVar__h3xwytk));
+}
+.Switch_thumbRecipe_checked_false__h3xwytn {
+  background: var(--etui-color-text-muted);
+}

package/dist/esm/assets/src/components/primitives/Text/Text.css.ts.vanilla-qTMvgKKC.css

@@ -0,0 +1,126 @@
+.Text_textRecipe__1buvrbk0 {
+  margin: 0;
+  padding: 0;
+}
+.Text_textRecipe_variant_display__1buvrbk1 {
+  font-size: var(--etui-font-size-xl);
+  font-weight: var(--etui-font-weight-semibold);
+  line-height: var(--etui-line-height-tight);
+  font-family: var(--etui-font-family-sans);
+}
+.Text_textRecipe_variant_heading__1buvrbk2 {
+  font-size: var(--etui-font-size-lg);
+  font-weight: var(--etui-font-weight-medium);
+  line-height: var(--etui-line-height-tight);
+  font-family: var(--etui-font-family-sans);
+}
+.Text_textRecipe_variant_subheading__1buvrbk3 {
+  font-size: var(--etui-font-size-md);
+  font-weight: var(--etui-font-weight-medium);
+  line-height: var(--etui-line-height-normal);
+  font-family: var(--etui-font-family-sans);
+}
+.Text_textRecipe_variant_body__1buvrbk4 {
+  font-size: var(--etui-font-size-sm);
+  font-weight: var(--etui-font-weight-normal);
+  line-height: var(--etui-line-height-normal);
+  font-family: var(--etui-font-family-sans);
+}
+.Text_textRecipe_variant_caption__1buvrbk5 {
+  font-size: var(--etui-font-size-xs);
+  font-weight: var(--etui-font-weight-normal);
+  line-height: var(--etui-line-height-tight);
+  font-family: var(--etui-font-family-sans);
+}
+.Text_textRecipe_variant_code__1buvrbk6 {
+  font-size: var(--etui-font-size-sm);
+  font-weight: var(--etui-font-weight-normal);
+  line-height: var(--etui-line-height-normal);
+  font-family: var(--etui-font-family-mono);
+}
+.Text_textRecipe_color_primary__1buvrbk8 {
+  color: var(--etui-color-text-primary);
+}
+.Text_textRecipe_color_secondary__1buvrbk9 {
+  color: var(--etui-color-text-secondary);
+}
+.Text_textRecipe_color_muted__1buvrbka {
+  color: var(--etui-color-text-muted);
+}
+.Text_textRecipe_color_disabled__1buvrbkb {
+  color: var(--etui-color-text-disabled);
+}
+.Text_textRecipe_color_accent__1buvrbkc {
+  color: var(--etui-color-accent-primary);
+}
+.Text_textRecipe_color_success__1buvrbkd {
+  color: var(--etui-color-accent-success);
+}
+.Text_textRecipe_color_warning__1buvrbke {
+  color: var(--etui-color-accent-warning);
+}
+.Text_textRecipe_color_error__1buvrbkf {
+  color: var(--etui-color-accent-error);
+}
+.Text_textRecipe_size_xs__1buvrbkg {
+  font-size: var(--etui-font-size-xs);
+}
+.Text_textRecipe_size_sm__1buvrbkh {
+  font-size: var(--etui-font-size-sm);
+}
+.Text_textRecipe_size_md__1buvrbki {
+  font-size: var(--etui-font-size-md);
+}
+.Text_textRecipe_size_lg__1buvrbkj {
+  font-size: var(--etui-font-size-lg);
+}
+.Text_textRecipe_size_xl__1buvrbkk {
+  font-size: var(--etui-font-size-xl);
+}
+.Text_textRecipe_weight_normal__1buvrbkl {
+  font-weight: var(--etui-font-weight-normal);
+}
+.Text_textRecipe_weight_medium__1buvrbkm {
+  font-weight: var(--etui-font-weight-medium);
+}
+.Text_textRecipe_weight_semibold__1buvrbkn {
+  font-weight: var(--etui-font-weight-semibold);
+}
+.Text_textRecipe_lineHeight_tight__1buvrbko {
+  line-height: var(--etui-line-height-tight);
+}
+.Text_textRecipe_lineHeight_normal__1buvrbkp {
+  line-height: var(--etui-line-height-normal);
+}
+.Text_textRecipe_lineHeight_relaxed__1buvrbkq {
+  line-height: var(--etui-line-height-relaxed);
+}
+.Text_textRecipe_align_left__1buvrbkr {
+  text-align: left;
+}
+.Text_textRecipe_align_center__1buvrbks {
+  text-align: center;
+}
+.Text_textRecipe_align_right__1buvrbkt {
+  text-align: right;
+}
+.Text_textRecipe_align_justify__1buvrbku {
+  text-align: justify;
+}
+.Text_textRecipe_nowrap_true__1buvrbkv {
+  white-space: nowrap;
+}
+.Text_textRecipe_mono_true__1buvrbkx {
+  font-family: var(--etui-font-family-mono);
+}
+.Text_truncateSingleLineStyle__1buvrbk11 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.Text_truncateMultiLineStyle__1buvrbk12 {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}