entangle-ui 0.8.2 → 0.9.0

package/dist/esm/assets/src/components/controls/MultiSelect/MultiSelect.css.ts.vanilla-CdYayqaF.css

@@ -0,0 +1,311 @@
+@keyframes MultiSelect_dropdownIn__1a6uxqy11 {
+  from {
+    opacity: 0;
+    transform: scaleY(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+}
+.MultiSelect_containerStyle__1a6uxqy0 {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.MultiSelect_triggerRecipe__1a6uxqy1 {
+  margin: 0;
+  font-family: inherit;
+  user-select: none;
+  outline: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  font-weight: var(--etui-font-weight-normal);
+  border-radius: var(--etui-radius-md);
+  transition: all var(--etui-transition-fast);
+  text-align: left;
+  gap: var(--etui-spacing-sm);
+  min-width: 0;
+  width: 100%;
+}
+.MultiSelect_triggerRecipe__1a6uxqy1:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.MultiSelect_triggerRecipe__1a6uxqy1:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.MultiSelect_triggerRecipe_size_sm__1a6uxqy2 {
+  min-height: 20px;
+  padding: 0 var(--etui-spacing-sm);
+  font-size: var(--etui-font-size-xs);
+}
+.MultiSelect_triggerRecipe_size_md__1a6uxqy3 {
+  min-height: 24px;
+  padding: 0 var(--etui-spacing-md);
+  font-size: var(--etui-font-size-xs);
+}
+.MultiSelect_triggerRecipe_size_lg__1a6uxqy4 {
+  min-height: 32px;
+  padding: 0 var(--etui-spacing-xl);
+  font-size: var(--etui-font-size-sm);
+}
+.MultiSelect_triggerRecipe_variant_default__1a6uxqy5 {
+  background: transparent;
+  border: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-primary);
+}
+.MultiSelect_triggerRecipe_variant_default__1a6uxqy5:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+  border-color: transparent;
+}
+.MultiSelect_triggerRecipe_variant_ghost__1a6uxqy6 {
+  background: transparent;
+  border: 1px solid transparent;
+  color: var(--etui-color-text-primary);
+}
+.MultiSelect_triggerRecipe_variant_ghost__1a6uxqy6:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+}
+.MultiSelect_triggerRecipe_variant_filled__1a6uxqy7 {
+  background: var(--etui-color-surface-default);
+  border: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-primary);
+}
+.MultiSelect_triggerRecipe_variant_filled__1a6uxqy7:hover:not(:disabled) {
+  border-color: var(--etui-color-border-focus);
+}
+.MultiSelect_triggerRecipe_disabled_true__1a6uxqyc {
+  cursor: not-allowed;
+}
+.MultiSelect_triggerRecipe_disabled_false__1a6uxqyd {
+  cursor: pointer;
+}
+.MultiSelect_triggerRecipe_compound_0__1a6uxqyg {
+  box-shadow: var(--etui-shadow-focus);
+}
+.MultiSelect_triggerRecipe_compound_1__1a6uxqyh {
+  border-color: var(--etui-color-accent-error);
+}
+.MultiSelect_triggerRecipe_compound_2__1a6uxqyi {
+  border-color: var(--etui-color-accent-error);
+}
+.MultiSelect_triggerRecipe_compound_3__1a6uxqyj {
+  border-color: var(--etui-color-border-focus);
+}
+.MultiSelect_triggerRecipe_compound_4__1a6uxqyk {
+  border-color: var(--etui-color-border-focus);
+}
+.MultiSelect_triggerRecipe_compound_5__1a6uxqyl {
+  color: var(--etui-color-text-muted);
+}
+.MultiSelect_triggerRecipe_compound_6__1a6uxqym {
+  color: var(--etui-color-text-muted);
+}
+.MultiSelect_triggerRecipe_compound_7__1a6uxqyn {
+  color: var(--etui-color-text-muted);
+}
+.MultiSelect_triggerContentStyle__1a6uxqyo {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--etui-spacing-xs);
+  overflow: hidden;
+  min-width: 0;
+  flex: 1;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+.MultiSelect_chipRecipe__1a6uxqyp {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  padding: 0 var(--etui-spacing-xs);
+  border-radius: var(--etui-radius-sm);
+  background: var(--etui-color-surface-active);
+  color: var(--etui-color-text-primary);
+  line-height: 1;
+  white-space: nowrap;
+  max-width: 100%;
+}
+.MultiSelect_chipRecipe_size_sm__1a6uxqyq {
+  height: 14px;
+  font-size: 10px;
+}
+.MultiSelect_chipRecipe_size_md__1a6uxqyr {
+  height: 16px;
+  font-size: var(--etui-font-size-xs);
+}
+.MultiSelect_chipRecipe_size_lg__1a6uxqys {
+  height: 20px;
+  font-size: var(--etui-font-size-sm);
+}
+.MultiSelect_chipLabelStyle__1a6uxqyt {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.MultiSelect_chipRemoveStyle__1a6uxqyu {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 12px;
+  height: 12px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  opacity: 0.7;
+  border-radius: var(--etui-radius-sm);
+}
+.MultiSelect_chipRemoveStyle__1a6uxqyu:hover {
+  opacity: 1;
+}
+.MultiSelect_moreBadgeStyle__1a6uxqyv {
+  display: inline-flex;
+  align-items: center;
+  padding: 0 var(--etui-spacing-xs);
+  height: 16px;
+  border-radius: var(--etui-radius-sm);
+  background: var(--etui-color-surface-default);
+  color: var(--etui-color-text-secondary);
+  font-size: var(--etui-font-size-xs);
+}
+.MultiSelect_placeholderStyle__1a6uxqyw {
+  color: var(--etui-color-text-muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.MultiSelect_clearButtonStyle__1a6uxqyx {
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: none;
+  outline: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--etui-color-text-muted);
+  flex-shrink: 0;
+}
+.MultiSelect_clearButtonStyle__1a6uxqyx:hover {
+  color: var(--etui-color-text-primary);
+}
+.MultiSelect_chevronRecipe__1a6uxqyy {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: transform var(--etui-transition-fast);
+  color: var(--etui-color-text-muted);
+}
+.MultiSelect_chevronRecipe_open_true__1a6uxqyz {
+  transform: rotate(180deg);
+}
+.MultiSelect_chevronRecipe_open_false__1a6uxqy10 {
+  transform: rotate(0deg);
+}
+.MultiSelect_dropdownStyle__1a6uxqy12 {
+  position: fixed;
+  z-index: var(--etui-z-dropdown);
+  background: var(--etui-color-bg-elevated);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-md);
+  box-shadow: var(--etui-shadow-lg);
+  overflow: hidden;
+  font-family: var(--etui-font-family-sans);
+  animation: MultiSelect_dropdownIn__1a6uxqy11 var(--etui-transition-fast) forwards;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+.MultiSelect_searchInputStyle__1a6uxqy13 {
+  width: 100%;
+  padding: var(--etui-spacing-sm) var(--etui-spacing-md);
+  border: none;
+  border-bottom: 1px solid var(--etui-color-border-default);
+  background: transparent;
+  color: var(--etui-color-text-primary);
+  font-size: var(--etui-font-size-md);
+  outline: none;
+  font-family: inherit;
+}
+.MultiSelect_searchInputStyle__1a6uxqy13::placeholder {
+  color: var(--etui-color-text-muted);
+}
+.MultiSelect_optionsListStyle__1a6uxqy14 {
+  width: 100%;
+  overflow-y: auto;
+}
+.MultiSelect_optionItemRecipe__1a6uxqy15 {
+  display: flex;
+  align-items: center;
+  padding: var(--etui-spacing-sm) var(--etui-spacing-md);
+  font-size: var(--etui-font-size-md);
+  gap: var(--etui-spacing-sm);
+  transition: background var(--etui-transition-fast);
+}
+.MultiSelect_optionItemRecipe_active_true__1a6uxqy16 {
+  background: var(--etui-color-surface-hover);
+}
+.MultiSelect_optionItemRecipe_selected_true__1a6uxqy18 {
+  background: var(--etui-color-surface-active);
+}
+.MultiSelect_optionItemRecipe_disabled_true__1a6uxqy1a {
+  color: var(--etui-color-text-disabled);
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.MultiSelect_optionItemRecipe_disabled_false__1a6uxqy1b {
+  color: var(--etui-color-text-primary);
+  cursor: pointer;
+}
+.MultiSelect_optionItemRecipe_disabled_false__1a6uxqy1b:hover {
+  background: var(--etui-color-surface-hover);
+}
+.MultiSelect_groupLabelStyle__1a6uxqy1c {
+  padding: var(--etui-spacing-sm) var(--etui-spacing-md);
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-muted);
+  text-transform: uppercase;
+  font-weight: var(--etui-font-weight-medium);
+  letter-spacing: 0.5px;
+}
+.MultiSelect_emptyMessageStyle__1a6uxqy1d {
+  padding: var(--etui-spacing-md);
+  text-align: center;
+  color: var(--etui-color-text-muted);
+  font-size: var(--etui-font-size-md);
+}
+.MultiSelect_checkboxRecipe__1a6uxqy1e {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  border-radius: var(--etui-radius-sm);
+  border: 1px solid var(--etui-color-border-default);
+  flex-shrink: 0;
+  background: var(--etui-color-bg-primary);
+  color: var(--etui-color-text-primary);
+}
+.MultiSelect_checkboxRecipe_selected_true__1a6uxqy1f {
+  background: var(--etui-color-accent-primary);
+  border-color: var(--etui-color-accent-primary);
+}
+@media (prefers-reduced-motion: reduce) {
+  .MultiSelect_triggerRecipe__1a6uxqy1 {
+    transition: none;
+  }
+  .MultiSelect_chevronRecipe__1a6uxqyy {
+    transition: none;
+  }
+  .MultiSelect_dropdownStyle__1a6uxqy12 {
+    animation: none;
+  }
+}

package/dist/esm/assets/src/components/controls/TagInput/TagInput.css.ts.vanilla-hnkMOPp1.css

@@ -0,0 +1,141 @@
+.TagInput_containerStyle__16f33bk0 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.TagInput_wrapperRecipe__16f33bk1 {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  width: 100%;
+  min-height: 24px;
+  border-radius: var(--etui-radius-md);
+  transition: border-color var(--etui-transition-fast), background var(--etui-transition-fast), box-shadow var(--etui-transition-fast);
+  font-family: var(--etui-font-family-sans);
+  cursor: text;
+}
+.TagInput_wrapperRecipe_size_sm__16f33bk2 {
+  min-height: 20px;
+  padding: 2px var(--etui-spacing-xs);
+  font-size: var(--etui-font-size-xs);
+}
+.TagInput_wrapperRecipe_size_md__16f33bk3 {
+  min-height: 24px;
+  padding: 2px var(--etui-spacing-sm);
+  font-size: var(--etui-font-size-xs);
+}
+.TagInput_wrapperRecipe_size_lg__16f33bk4 {
+  min-height: 32px;
+  padding: 4px var(--etui-spacing-md);
+  font-size: var(--etui-font-size-sm);
+}
+.TagInput_wrapperRecipe_variant_default__16f33bk5 {
+  background: transparent;
+  border: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-primary);
+}
+.TagInput_wrapperRecipe_variant_ghost__16f33bk6 {
+  background: transparent;
+  border: 1px solid transparent;
+  color: var(--etui-color-text-primary);
+}
+.TagInput_wrapperRecipe_variant_filled__16f33bk7 {
+  background: var(--etui-color-surface-default);
+  border: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-primary);
+}
+.TagInput_wrapperRecipe_focused_true__16f33bk8 {
+  border-color: var(--etui-color-border-focus);
+  box-shadow: var(--etui-shadow-focus);
+}
+.TagInput_wrapperRecipe_error_true__16f33bka {
+  border-color: var(--etui-color-accent-error);
+}
+.TagInput_wrapperRecipe_disabled_true__16f33bkc {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.TagInput_tagRecipe__16f33bke {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  padding: 0 var(--etui-spacing-xs);
+  height: 18px;
+  border-radius: var(--etui-radius-sm);
+  background: var(--etui-color-surface-active);
+  color: var(--etui-color-text-primary);
+  font-size: var(--etui-font-size-xs);
+  line-height: 1;
+  white-space: nowrap;
+  max-width: 100%;
+}
+.TagInput_tagRecipe_size_sm__16f33bkf {
+  height: 16px;
+  font-size: 10px;
+}
+.TagInput_tagRecipe_size_md__16f33bkg {
+  height: 18px;
+  font-size: var(--etui-font-size-xs);
+}
+.TagInput_tagRecipe_size_lg__16f33bkh {
+  height: 22px;
+  font-size: var(--etui-font-size-sm);
+}
+.TagInput_tagRecipe_invalid_true__16f33bki {
+  background: var(--etui-color-accent-error);
+  color: var(--etui-color-text-primary);
+}
+.TagInput_tagLabelStyle__16f33bkk {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.TagInput_tagRemoveStyle__16f33bkl {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 12px;
+  height: 12px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+  color: inherit;
+  opacity: 0.7;
+  cursor: pointer;
+  border-radius: var(--etui-radius-sm);
+}
+.TagInput_tagRemoveStyle__16f33bkl:hover {
+  opacity: 1;
+}
+.TagInput_tagRemoveStyle__16f33bkl:focus-visible {
+  outline: none;
+  box-shadow: var(--etui-shadow-focus);
+}
+.TagInput_tagRemoveStyle__16f33bkl:disabled {
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+.TagInput_inputStyle__16f33bkm {
+  flex: 1 1 60px;
+  min-width: 60px;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  padding: 0 2px;
+}
+.TagInput_inputStyle__16f33bkm::placeholder {
+  color: var(--etui-color-text-muted);
+}
+.TagInput_inputStyle__16f33bkm:disabled {
+  cursor: not-allowed;
+}
+@media (prefers-reduced-motion: reduce) {
+  .TagInput_wrapperRecipe__16f33bk1 {
+    transition: none;
+  }
+}

package/dist/esm/assets/src/components/data/DataTable/DataTable.css.ts.vanilla-CmRgtjIW.css

@@ -0,0 +1,231 @@
+@keyframes DataTable_skeletonPulseKeyframe__v4olr84 {
+  0%, 100% {
+    opacity: 0.6;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+.DataTable_rootRecipe__v4olr85 {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  width: 100%;
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-md);
+  background: var(--etui-color-bg-primary);
+  color: var(--etui-color-text-primary);
+  overflow: hidden;
+  font-size: var(--etui-font-size-sm);
+  font-family: var(--etui-font-family-sans);
+}
+.DataTable_rootRecipe__v4olr85:focus {
+  outline: none;
+}
+.DataTable_rootRecipe__v4olr85:focus-visible {
+  outline: 2px solid var(--etui-color-border-focus);
+  outline-offset: -1px;
+}
+.DataTable_rootRecipe_density_comfortable__v4olr86 {
+  --rowHeightVar__v4olr81: 40px;
+}
+.DataTable_rootRecipe_density_compact__v4olr87 {
+  --rowHeightVar__v4olr81: 32px;
+}
+.DataTable_rootRecipe_density_dense__v4olr88 {
+  --rowHeightVar__v4olr81: 24px;
+}
+.DataTable_scrollContainerStyle__v4olr89 {
+  flex: 1;
+  overflow: auto;
+  position: relative;
+  scrollbar-color: var(--etui-color-border-default) transparent;
+  scrollbar-width: thin;
+}
+.DataTable_innerWrapperStyle__v4olr8a {
+  min-width: var(--tableMinWidthVar__v4olr83);
+}
+.DataTable_headerStyle__v4olr8b {
+  display: grid;
+  grid-template-columns: var(--gridTemplateColumnsVar__v4olr82);
+  background: var(--etui-color-surface-default);
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.DataTable_headerStyle_sticky_true__v4olr8c {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+}
+.DataTable_headerCellRecipe__v4olr8d {
+  box-sizing: border-box;
+  padding: 0 var(--etui-spacing-md);
+  height: var(--rowHeightVar__v4olr81);
+  font-weight: var(--etui-font-weight-semibold);
+  color: var(--etui-color-text-primary);
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  user-select: none;
+  position: relative;
+  background: var(--etui-color-surface-default);
+}
+.DataTable_headerCellRecipe_align_left__v4olr8e {
+  justify-content: flex-start;
+}
+.DataTable_headerCellRecipe_align_center__v4olr8f {
+  justify-content: center;
+}
+.DataTable_headerCellRecipe_align_right__v4olr8g {
+  justify-content: flex-end;
+}
+.DataTable_headerCellRecipe_sortable_true__v4olr8h {
+  cursor: pointer;
+}
+.DataTable_headerCellRecipe_sortable_true__v4olr8h:hover {
+  background: var(--etui-color-surface-hover);
+}
+.DataTable_headerCellRecipe_sortable_true__v4olr8h:focus-visible {
+  outline: 2px solid var(--etui-color-border-focus);
+  outline-offset: -2px;
+}
+.DataTable_headerCellRecipe_sticky_true__v4olr8i {
+  position: sticky;
+  left: 0;
+  z-index: 3;
+  box-shadow: 1px 0 0 0 var(--etui-color-border-default);
+}
+.DataTable_headerCellRecipe_selectColumn_true__v4olr8j {
+  padding: 0 var(--etui-spacing-sm);
+  justify-content: center;
+}
+.DataTable_headerCellInnerStyle__v4olr8k {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  flex: 1;
+  min-width: 0;
+}
+.DataTable_sortIndicatorRecipe__v4olr8l {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  flex-shrink: 0;
+  color: var(--etui-color-text-muted);
+  transition: color var(--etui-transition-fast), opacity var(--etui-transition-fast);
+  opacity: 0.5;
+}
+.DataTable_sortIndicatorRecipe_active_true__v4olr8m {
+  color: var(--etui-color-accent-primary);
+  opacity: 1;
+}
+.DataTable_resizeHandleStyle__v4olr8n {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 6px;
+  height: 100%;
+  cursor: col-resize;
+  user-select: none;
+  touch-action: none;
+  background: transparent;
+  z-index: 5;
+}
+.DataTable_resizeHandleStyle__v4olr8n:hover, .DataTable_resizeHandleStyle__v4olr8n[data-resizing="true"] {
+  background: var(--etui-color-accent-primary);
+}
+.DataTable_virtualBodyStyle__v4olr8p {
+  position: relative;
+  height: var(--totalHeightVar__v4olr80);
+}
+.DataTable_rowRecipe__v4olr8q {
+  display: grid;
+  grid-template-columns: var(--gridTemplateColumnsVar__v4olr82);
+  transition: background-color var(--etui-transition-fast);
+  background: var(--etui-color-bg-primary);
+}
+.DataTable_rowRecipe_virtualized_true__v4olr8r {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+.DataTable_rowRecipe_interactive_true__v4olr8s {
+  cursor: pointer;
+}
+.DataTable_rowRecipe_interactive_true__v4olr8s:hover {
+  background: var(--etui-color-surface-hover);
+}
+.DataTable_rowRecipe_selected_true__v4olr8t {
+  background: color-mix(in srgb, var(--etui-color-accent-primary) 10%, var(--etui-color-bg-primary));
+}
+.DataTable_rowRecipe_selected_true__v4olr8t:hover {
+  background: color-mix(in srgb, var(--etui-color-accent-primary) 18%, var(--etui-color-bg-primary));
+}
+.DataTable_rowRecipe_active_true__v4olr8u {
+  outline: 2px solid var(--etui-color-border-focus);
+  outline-offset: -2px;
+}
+.DataTable_cellRecipe__v4olr8v {
+  box-sizing: border-box;
+  padding: 0 var(--etui-spacing-md);
+  height: var(--rowHeightVar__v4olr81);
+  border-bottom: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-secondary);
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  background: inherit;
+}
+.DataTable_cellRecipe_align_left__v4olr8w {
+  justify-content: flex-start;
+}
+.DataTable_cellRecipe_align_center__v4olr8x {
+  justify-content: center;
+}
+.DataTable_cellRecipe_align_right__v4olr8y {
+  justify-content: flex-end;
+}
+.DataTable_cellRecipe_sticky_true__v4olr8z {
+  position: sticky;
+  left: 0;
+  z-index: 1;
+  box-shadow: 1px 0 0 0 var(--etui-color-border-default);
+  background: inherit;
+}
+.DataTable_cellRecipe_selectColumn_true__v4olr810 {
+  padding: 0 var(--etui-spacing-sm);
+  justify-content: center;
+}
+.DataTable_emptyStateStyle__v4olr811 {
+  padding: var(--etui-spacing-xl);
+  text-align: center;
+  color: var(--etui-color-text-muted);
+  font-size: var(--etui-font-size-sm);
+}
+.DataTable_skeletonRowStyle__v4olr812 {
+  display: grid;
+  grid-template-columns: var(--gridTemplateColumnsVar__v4olr82);
+}
+.DataTable_skeletonCellStyle__v4olr813 {
+  box-sizing: border-box;
+  padding: 0 var(--etui-spacing-md);
+  height: var(--rowHeightVar__v4olr81);
+  border-bottom: 1px solid var(--etui-color-border-default);
+  display: flex;
+  align-items: center;
+}
+.DataTable_skeletonBarStyle__v4olr814 {
+  display: block;
+  height: 12px;
+  width: 70%;
+  border-radius: var(--etui-radius-sm);
+  background: var(--etui-color-surface-hover);
+  animation: DataTable_skeletonPulseKeyframe__v4olr84 1.4s ease-in-out infinite;
+}

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

@@ -41,6 +41,8 @@
   flex-direction: column;
   flex: 1;
   min-width: 0;
+  overflow-wrap: anywhere;
+  word-break: break-word;
 }
 .Alert_alertCloseColumnStyle__156m7fze {
   display: flex;