@fragments-sdk/ui 0.9.1 → 0.9.3

package/dist/assets/components/Accordion/Accordion.module.css

@@ -1,107 +0,0 @@
-._accordion_1p05d_1 {
-  font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
-  width: 100%;
-}
-._accordion_1p05d_1 > * {
-  border-bottom: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
-}
-._accordion_1p05d_1 > *:last-child {
-  border-bottom: none;
-}
-
-._item_1p05d_12[data-disabled] {
-  opacity: 0.5;
-  pointer-events: none;
-}
-
-._heading_1p05d_17 {
-  margin: 0;
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-._trigger_1p05d_23 {
-  appearance: none;
-  background: transparent;
-  border: none;
-  padding: 0;
-  margin: 0;
-  font: inherit;
-  color: inherit;
-  cursor: pointer;
-}
-._trigger_1p05d_23:disabled {
-  cursor: not-allowed;
-}
-._trigger_1p05d_23 {
-  transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
-}
-._trigger_1p05d_23:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 var(--fui-focus-ring-offset, 2px) var(--fui-bg-primary, #ffffff), 0 0 0 calc(var(--fui-focus-ring-offset, 2px) + var(--fui-focus-ring-width, 2px)) var(--fui-focus-ring-color, #18181b);
-}
-._trigger_1p05d_23:disabled, ._trigger_1p05d_23[data-disabled] {
-  opacity: 0.5;
-  pointer-events: none;
-}
-._trigger_1p05d_23 {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  padding: var(--fui-padding-item-sm, 1rem) 0;
-  font-size: var(--fui-font-size-sm, 1rem);
-  font-weight: var(--fui-font-weight-medium, 500);
-  color: var(--fui-text-primary, #18181b);
-  text-align: left;
-}
-._trigger_1p05d_23:hover:not(:disabled) {
-  text-decoration: underline;
-}
-._trigger_1p05d_23:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 var(--fui-focus-ring-offset, 2px) var(--fui-bg-primary, #ffffff), 0 0 0 calc(var(--fui-focus-ring-offset, 2px) + var(--fui-focus-ring-width, 2px)) var(--fui-focus-ring-color, #18181b);
-  border-radius: var(--fui-radius-sm, 0.25rem);
-}
-
-._triggerContent_1p05d_67 {
-  flex: 1;
-}
-
-._chevron_1p05d_71 {
-  flex-shrink: 0;
-  color: var(--fui-text-secondary, #52525b);
-  transition: transform var(--fui-transition-normal, 200ms ease);
-}
-[data-state=open] ._chevron_1p05d_71 {
-  transform: rotate(180deg);
-}
-
-._content_1p05d_80 {
-  overflow: hidden;
-}
-._content_1p05d_80[data-state=closed] {
-  height: 0;
-}
-._content_1p05d_80[data-state=open] {
-  height: auto;
-}
-._content_1p05d_80[data-starting-style], ._content_1p05d_80[data-ending-style] {
-  transition: height var(--fui-transition-normal, 200ms ease), padding var(--fui-transition-normal, 200ms ease);
-}
-
-._contentInner_1p05d_93 {
-  padding-bottom: var(--fui-padding-item-xs, 0.5rem);
-  font-size: var(--fui-font-size-sm, 1rem);
-  color: var(--fui-text-secondary, #52525b);
-  line-height: var(--fui-line-height-normal, 1.5);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  ._chevron_1p05d_71 {
-    transition: none;
-  }
-  ._content_1p05d_80[data-starting-style], ._content_1p05d_80[data-ending-style] {
-    transition: none;
-  }
-}

package/dist/assets/components/Alert/Alert.module.css

@@ -1,158 +0,0 @@
-._alert_1d3ko_1 {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--fui-space-3, 1.5rem);
-  padding: var(--fui-padding-inline-sm, 1rem) var(--fui-padding-inline-md, 1.5rem);
-  border-radius: var(--fui-radius-lg, 0.571rem);
-  font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
-  font-size: var(--fui-font-size-sm, 1rem);
-  line-height: var(--fui-line-height-normal, 1.5);
-}
-
-._info_1d3ko_12 {
-  background-color: var(--fui-color-info-bg, rgba(59, 130, 246, 0.1));
-  border: 1px solid var(--fui-color-info, #3b82f6);
-  color: var(--fui-color-info-text, rgb(9.807804878, 87.1804878049, 213.592195122));
-}
-
-._success_1d3ko_18 {
-  background-color: var(--fui-color-success-bg, rgba(34, 197, 94, 0.1));
-  border: 1px solid var(--fui-color-success, #22c55e);
-  color: var(--fui-color-success-text, rgb(18.987012987, 110.012987013, 52.4935064935));
-}
-
-._warning_1d3ko_24 {
-  background-color: var(--fui-color-warning-bg, rgba(245, 158, 11, 0.1));
-  border: 1px solid var(--fui-color-warning, #f59e0b);
-  color: var(--fui-color-warning-text, rgb(128.3401574803, 82.5795275591, 5.2598425197));
-}
-
-._error_1d3ko_30 {
-  background-color: var(--fui-color-danger-bg, rgba(239, 68, 68, 0.1));
-  border: 1px solid var(--fui-color-danger, #ef4444);
-  color: var(--fui-color-danger-text, rgb(198.2384236453, 16.9615763547, 16.9615763547));
-}
-
-._icon_1d3ko_36 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.429rem;
-  height: 1.429rem;
-  border-radius: 50%;
-  font-size: var(--fui-font-size-xs, 0.857rem);
-  font-weight: var(--fui-font-weight-semibold, 600);
-  flex-shrink: 0;
-  margin-top: var(--fui-space-px, 1px);
-  color: var(--fui-text-inverse, #f4f4f5);
-}
-
-._info_1d3ko_12 ._icon_1d3ko_36 {
-  background-color: var(--fui-color-info, #3b82f6);
-}
-
-._success_1d3ko_18 ._icon_1d3ko_36 {
-  background-color: var(--fui-color-success, #22c55e);
-}
-
-._warning_1d3ko_24 ._icon_1d3ko_36 {
-  background-color: var(--fui-color-warning, #f59e0b);
-}
-
-._error_1d3ko_30 ._icon_1d3ko_36 {
-  background-color: var(--fui-color-danger, #ef4444);
-}
-
-._body_1d3ko_66 {
-  flex: 1;
-  min-width: 0;
-}
-
-._title_1d3ko_71 {
-  font-weight: var(--fui-font-weight-semibold, 600);
-  margin-bottom: var(--fui-space-0-5, 0.15rem);
-}
-
-._content_1d3ko_76 {
-  opacity: 0.9;
-}
-
-._actions_1d3ko_80 {
-  display: flex;
-  align-items: center;
-  gap: var(--fui-space-3, 1.5rem);
-}
-
-._close_1d3ko_86 {
-  appearance: none;
-  background: transparent;
-  border: none;
-  padding: 0;
-  margin: 0;
-  font: inherit;
-  color: inherit;
-  cursor: pointer;
-}
-._close_1d3ko_86:disabled {
-  cursor: not-allowed;
-}
-._close_1d3ko_86 {
-  transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
-}
-._close_1d3ko_86:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 var(--fui-focus-ring-offset, 2px) var(--fui-bg-primary, #ffffff), 0 0 0 calc(var(--fui-focus-ring-offset, 2px) + var(--fui-focus-ring-width, 2px)) var(--fui-focus-ring-color, #18181b);
-}
-._close_1d3ko_86:disabled, ._close_1d3ko_86[data-disabled] {
-  opacity: 0.5;
-  pointer-events: none;
-}
-._close_1d3ko_86 {
-  min-width: var(--fui-target-size-min, 1.714rem);
-  min-height: var(--fui-target-size-min, 1.714rem);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 var(--fui-space-1, 0.5rem);
-  font-size: var(--fui-font-size-lg, 1.286rem);
-  color: inherit;
-  opacity: 0.6;
-  line-height: 1;
-  border-radius: var(--fui-radius-sm, 0.25rem);
-  margin-left: auto;
-  flex-shrink: 0;
-}
-._close_1d3ko_86:hover {
-  opacity: 1;
-}
-
-._action_1d3ko_80 {
-  appearance: none;
-  background: transparent;
-  border: none;
-  padding: 0;
-  margin: 0;
-  font: inherit;
-  color: inherit;
-  cursor: pointer;
-}
-._action_1d3ko_80:disabled {
-  cursor: not-allowed;
-}
-._action_1d3ko_80 {
-  min-width: var(--fui-target-size-min, 1.714rem);
-  min-height: var(--fui-target-size-min, 1.714rem);
-  display: inline-flex;
-  align-items: center;
-  font-weight: var(--fui-font-weight-semibold, 600);
-  font-size: var(--fui-font-size-xs, 0.857rem);
-  color: inherit;
-  text-decoration: underline;
-}
-._action_1d3ko_80:hover {
-  opacity: 0.8;
-}
-._action_1d3ko_80:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 var(--fui-focus-ring-offset, 2px) var(--fui-bg-primary, #ffffff), 0 0 0 calc(var(--fui-focus-ring-offset, 2px) + var(--fui-focus-ring-width, 2px)) var(--fui-focus-ring-color, #18181b);
-}

package/dist/assets/components/AppShell/AppShell.module.css

@@ -1,156 +0,0 @@
-._root_wyoe3_1 {
-  display: grid;
-  min-height: 100vh;
-  min-height: 100dvh;
-  background-color: var(--fui-bg-primary, #ffffff);
-  grid-template-areas: "header header header" "sidebar main aside";
-  grid-template-columns: var(--appshell-sidebar-width, 240px) 1fr var(--appshell-aside-width, 0px);
-  grid-template-rows: var(--appshell-header-height, 56px) 1fr;
-  transition: grid-template-columns var(--fui-transition-normal, 200ms) ease;
-}
-@media (max-width: 767px) {
-  ._root_wyoe3_1 {
-    grid-template-areas: "header" "main" "aside";
-    grid-template-columns: 1fr;
-    grid-template-rows: var(--appshell-header-height, 56px) 1fr auto;
-    transition: none;
-  }
-}
-
-._sidebarLayout_wyoe3_20 {
-  grid-template-areas: "sidebar header header" "sidebar main aside";
-}
-@media (max-width: 767px) {
-  ._sidebarLayout_wyoe3_20 {
-    grid-template-areas: "header" "main" "aside";
-    grid-template-columns: 1fr;
-  }
-}
-
-._sidebarFloatingLayout_wyoe3_30 {
-  background-color: var(--fui-bg-primary, #ffffff);
-}
-
-._header_wyoe3_34 {
-  grid-area: header;
-  position: sticky;
-  top: 0;
-  height: var(--appshell-header-height, 56px);
-  z-index: var(--fui-header-z-index, 40);
-  background-color: var(--fui-bg-primary, #ffffff);
-}
-
-._headerFloating_wyoe3_43 {
-  background-color: var(--fui-bg-primary, #ffffff);
-}
-
-._sidebar_wyoe3_20 {
-  grid-area: sidebar;
-  position: sticky;
-  top: var(--appshell-header-height, 56px);
-  height: calc(100vh - var(--appshell-header-height, 56px));
-  height: calc(100dvh - var(--appshell-header-height, 56px));
-  z-index: 30;
-  overflow: hidden;
-}
-@media (max-width: 767px) {
-  ._sidebar_wyoe3_20 {
-    position: fixed;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    width: 0;
-    height: 100vh;
-    height: 100dvh;
-    z-index: 51;
-  }
-  ._sidebar_wyoe3_20 > .root {
-    width: var(--appshell-sidebar-expanded-width, 240px);
-  }
-}
-._sidebar_wyoe3_20 .root {
-  height: 100%;
-}
-@media (max-width: 767px) {
-  ._sidebar_wyoe3_20 .root {
-    height: 100vh;
-    height: 100dvh;
-  }
-}
-
-._sidebarFullHeight_wyoe3_81 {
-  top: 0;
-  height: 100vh;
-  height: 100dvh;
-  z-index: var(--fui-header-z-index, 40);
-}
-._sidebarFullHeight_wyoe3_81 .root {
-  height: 100%;
-}
-
-._sidebarFloating_wyoe3_30 .root {
-  background-color: var(--fui-bg-primary, #ffffff);
-}
-
-._main_wyoe3_95 {
-  grid-area: main;
-  min-height: 0;
-  min-width: 0;
-  background-color: var(--fui-bg-primary, #ffffff);
-  overflow-x: hidden;
-}
-
-._mainFloating_wyoe3_103 {
-  border-radius: var(--fui-radius-xl, 0.857rem);
-  background-color: var(--fui-bg-secondary, #f4f4f5);
-  overflow: hidden;
-}
-@media (max-width: 767px) {
-  ._mainFloating_wyoe3_103 {
-    border-radius: var(--fui-radius-lg, 0.571rem);
-    width: 100%;
-  }
-}
-
-._paddingSm_wyoe3_115 {
-  padding: var(--fui-padding-container-sm);
-}
-
-._paddingMd_wyoe3_119 {
-  padding: var(--fui-padding-container-md);
-}
-@media (min-width: 768px) {
-  ._paddingMd_wyoe3_119 {
-    padding: var(--fui-padding-container-lg);
-  }
-}
-
-._paddingLg_wyoe3_128 {
-  padding: var(--fui-padding-container-lg);
-}
-@media (min-width: 768px) {
-  ._paddingLg_wyoe3_128 {
-    padding: var(--fui-padding-container-xl);
-  }
-}
-
-._aside_wyoe3_137 {
-  grid-area: aside;
-  position: sticky;
-  top: var(--appshell-header-height, 56px);
-  height: calc(100vh - var(--appshell-header-height, 56px));
-  height: calc(100dvh - var(--appshell-header-height, 56px));
-  width: var(--aside-width, 280px);
-  min-height: 0;
-  z-index: 30;
-  background-color: var(--fui-bg-primary, #ffffff);
-  overflow: hidden;
-}
-@media (max-width: 767px) {
-  ._aside_wyoe3_137 {
-    position: static;
-    width: 100%;
-    height: auto;
-    border-top: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
-  }
-}

package/dist/assets/components/Avatar/Avatar.module.css

@@ -1,109 +0,0 @@
-._avatar_uw9aa_1 {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  overflow: hidden;
-  border-radius: var(--fui-radius-full, 9999px);
-  background-color: var(--fui-bg-tertiary, #f4f4f5);
-  color: var(--fui-text-secondary, #52525b);
-  font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
-  user-select: none;
-}
-
-._square_uw9aa_15 {
-  border-radius: var(--fui-radius-md, 0.429rem);
-}
-
-._xs_uw9aa_19 {
-  width: 1.5rem;
-  height: 1.5rem;
-  font-size: var(--fui-font-size-2xs, 0.714rem);
-}
-
-._sm_uw9aa_25 {
-  width: 2rem;
-  height: 2rem;
-  font-size: var(--fui-font-size-xs, 0.857rem);
-}
-
-._md_uw9aa_31 {
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: var(--fui-font-size-sm, 1rem);
-}
-
-._lg_uw9aa_37 {
-  width: 3rem;
-  height: 3rem;
-  font-size: var(--fui-font-size-base, 1.143rem);
-}
-
-._xl_uw9aa_43 {
-  width: 4rem;
-  height: 4rem;
-  font-size: var(--fui-font-size-lg, 1.286rem);
-}
-
-._image_uw9aa_49 {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-._initials_uw9aa_55 {
-  font-weight: var(--fui-font-weight-medium, 500);
-  color: var(--avatar-initials-color, var(--fui-text-inverse, #f4f4f5));
-  text-transform: uppercase;
-  line-height: 1;
-}
-
-._fallbackIcon_uw9aa_62 {
-  width: 60%;
-  height: 60%;
-  color: var(--fui-text-tertiary, #71717a);
-}
-
-._group_uw9aa_68 {
-  display: inline-flex;
-  flex-direction: row-reverse;
-  justify-content: flex-end;
-}
-
-._groupItem_uw9aa_74 {
-  margin-left: -0.5rem;
-  border: 2px solid var(--fui-bg-primary, #ffffff);
-}
-._groupItem_uw9aa_74:last-child {
-  margin-left: 0;
-}
-
-._group_uw9aa_68 ._xs_uw9aa_19._groupItem_uw9aa_74 {
-  margin-left: -0.375rem;
-}
-
-._group_uw9aa_68 ._sm_uw9aa_25._groupItem_uw9aa_74 {
-  margin-left: -0.5rem;
-}
-
-._group_uw9aa_68 ._md_uw9aa_31._groupItem_uw9aa_74 {
-  margin-left: -0.625rem;
-}
-
-._group_uw9aa_68 ._lg_uw9aa_37._groupItem_uw9aa_74 {
-  margin-left: -0.75rem;
-}
-
-._group_uw9aa_68 ._xl_uw9aa_43._groupItem_uw9aa_74 {
-  margin-left: -1rem;
-}
-
-._overflow_uw9aa_102 {
-  margin-left: -0.625rem;
-  background-color: var(--fui-bg-tertiary, #f4f4f5);
-  border: 2px solid var(--fui-bg-primary, #ffffff);
-}
-._overflow_uw9aa_102 ._initials_uw9aa_55 {
-  color: var(--fui-text-secondary, #52525b);
-}

package/dist/assets/components/Badge/Badge.module.css

@@ -1,117 +0,0 @@
-._badge_ip4yb_1 {
-  display: inline-flex;
-  align-items: center;
-  width: max-content;
-  gap: var(--fui-space-1, 0.5rem);
-  border-radius: var(--fui-radius-full, 9999px);
-  font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
-  font-weight: var(--fui-font-weight-medium, 500);
-  line-height: 1;
-  white-space: nowrap;
-}
-
-._sm_ip4yb_13 {
-  padding: var(--fui-space-0-5, 0.15rem) var(--fui-space-1, 0.5rem);
-  font-size: var(--fui-font-size-2xs, 0.714rem);
-}
-
-._md_ip4yb_18 {
-  padding: var(--fui-space-1, 0.5rem) var(--fui-space-1, 0.5rem);
-  font-size: var(--fui-font-size-xs, 0.857rem);
-}
-
-._lg_ip4yb_23 {
-  padding: var(--fui-space-1, 0.5rem) var(--fui-space-2, 1rem);
-  font-size: var(--fui-font-size-sm, 1rem);
-}
-
-._default_ip4yb_28 {
-  background-color: var(--fui-bg-tertiary, #f4f4f5);
-  color: var(--fui-text-secondary, #52525b);
-}
-
-._success_ip4yb_33 {
-  background-color: var(--fui-color-success-bg, rgba(34, 197, 94, 0.1));
-  color: var(--fui-color-success-text, rgb(18.987012987, 110.012987013, 52.4935064935));
-}
-
-._warning_ip4yb_38 {
-  background-color: var(--fui-color-warning-bg, rgba(245, 158, 11, 0.1));
-  color: var(--fui-color-warning-text, rgb(128.3401574803, 82.5795275591, 5.2598425197));
-}
-
-._error_ip4yb_43 {
-  background-color: var(--fui-color-danger-bg, rgba(239, 68, 68, 0.1));
-  color: var(--fui-color-danger-text, rgb(198.2384236453, 16.9615763547, 16.9615763547));
-}
-
-._info_ip4yb_48 {
-  background-color: var(--fui-color-info-bg, rgba(59, 130, 246, 0.1));
-  color: var(--fui-color-info-text, rgb(9.807804878, 87.1804878049, 213.592195122));
-}
-
-._outline_ip4yb_53 {
-  background-color: transparent;
-  color: var(--fui-text-primary, #18181b);
-  border: 1px solid var(--fui-border-strong, rgba(0, 0, 0, 0.14));
-}
-
-._dot_ip4yb_59 {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background-color: currentColor;
-}
-._sm_ip4yb_13 ._dot_ip4yb_59 {
-  width: 5px;
-  height: 5px;
-}
-
-._icon_ip4yb_70 {
-  display: flex;
-  align-items: center;
-}
-
-._remove_ip4yb_75 {
-  appearance: none;
-  background: transparent;
-  border: none;
-  padding: 0;
-  margin: 0;
-  font: inherit;
-  color: inherit;
-  cursor: pointer;
-}
-._remove_ip4yb_75:disabled {
-  cursor: not-allowed;
-}
-._remove_ip4yb_75 {
-  transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
-}
-._remove_ip4yb_75:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 var(--fui-focus-ring-offset, 2px) var(--fui-bg-primary, #ffffff), 0 0 0 calc(var(--fui-focus-ring-offset, 2px) + var(--fui-focus-ring-width, 2px)) var(--fui-focus-ring-color, #18181b);
-}
-._remove_ip4yb_75:disabled, ._remove_ip4yb_75[data-disabled] {
-  opacity: 0.5;
-  pointer-events: none;
-}
-._remove_ip4yb_75 {
-  min-width: var(--fui-target-size-min, 1.714rem);
-  min-height: var(--fui-target-size-min, 1.714rem);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 var(--fui-space-0-5, 0.15rem);
-  font-size: var(--fui-font-size-sm, 1rem);
-  color: inherit;
-  opacity: 0.6;
-  line-height: 1;
-  border-radius: var(--fui-space-0-5, 0.15rem);
-}
-._sm_ip4yb_13 ._remove_ip4yb_75 {
-  font-size: var(--fui-font-size-xs, 0.857rem);
-}
-._remove_ip4yb_75:hover {
-  opacity: 1;
-}