@fragments-sdk/ui 0.9.2 → 0.9.4

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

@@ -1,214 +0,0 @@
-._backdrop_bh12s_1 {
-  position: fixed;
-  inset: 0;
-  background-color: var(--fui-backdrop, rgba(0, 0, 0, 0.5));
-  z-index: 50;
-  opacity: 0;
-  transition: opacity var(--fui-transition-normal, 200ms ease);
-}
-._backdrop_bh12s_1[data-open] {
-  opacity: 1;
-}
-._backdrop_bh12s_1[data-starting-style], ._backdrop_bh12s_1[data-ending-style] {
-  opacity: 0;
-}
-
-._popup_bh12s_16 {
-  background-color: var(--fui-bg-elevated, #ffffff);
-  border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
-  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);
-  color: var(--fui-text-primary, #18181b);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  position: fixed;
-  z-index: 51;
-  display: flex;
-  flex-direction: column;
-  box-shadow: var(--fui-shadow-md, 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 1px 3px -2px rgba(0, 0, 0, 0.04));
-  overflow-y: auto;
-  transition: opacity var(--fui-transition-normal, 200ms ease), transform var(--fui-transition-normal, 200ms ease);
-  opacity: 0;
-}
-._popup_bh12s_16[data-open] {
-  opacity: 1;
-  transform: translate(0, 0);
-}
-
-._side-right_bh12s_40 {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transform: translateX(100%);
-}
-._side-right_bh12s_40[data-starting-style], ._side-right_bh12s_40[data-ending-style] {
-  transform: translateX(100%);
-}
-
-._side-left_bh12s_50 {
-  top: 0;
-  left: 0;
-  bottom: 0;
-  transform: translateX(-100%);
-}
-._side-left_bh12s_50[data-starting-style], ._side-left_bh12s_50[data-ending-style] {
-  transform: translateX(-100%);
-}
-
-._side-top_bh12s_60 {
-  top: 0;
-  left: 0;
-  right: 0;
-  transform: translateY(-100%);
-}
-._side-top_bh12s_60[data-starting-style], ._side-top_bh12s_60[data-ending-style] {
-  transform: translateY(-100%);
-}
-
-._side-bottom_bh12s_70 {
-  bottom: 0;
-  left: 0;
-  right: 0;
-  transform: translateY(100%);
-}
-._side-bottom_bh12s_70[data-starting-style], ._side-bottom_bh12s_70[data-ending-style] {
-  transform: translateY(100%);
-}
-
-._side-left_bh12s_50._size-sm_bh12s_80,
-._side-right_bh12s_40._size-sm_bh12s_80 {
-  width: 20rem;
-}
-._side-left_bh12s_50._size-md_bh12s_84,
-._side-right_bh12s_40._size-md_bh12s_84 {
-  width: 24rem;
-}
-._side-left_bh12s_50._size-lg_bh12s_88,
-._side-right_bh12s_40._size-lg_bh12s_88 {
-  width: 32rem;
-}
-._side-left_bh12s_50._size-xl_bh12s_92,
-._side-right_bh12s_40._size-xl_bh12s_92 {
-  width: 48rem;
-}
-._side-left_bh12s_50._size-full_bh12s_96,
-._side-right_bh12s_40._size-full_bh12s_96 {
-  width: 100vw;
-}
-
-._side-top_bh12s_60._size-sm_bh12s_80,
-._side-bottom_bh12s_70._size-sm_bh12s_80 {
-  height: 25vh;
-}
-._side-top_bh12s_60._size-md_bh12s_84,
-._side-bottom_bh12s_70._size-md_bh12s_84 {
-  height: 40vh;
-}
-._side-top_bh12s_60._size-lg_bh12s_88,
-._side-bottom_bh12s_70._size-lg_bh12s_88 {
-  height: 60vh;
-}
-._side-top_bh12s_60._size-xl_bh12s_92,
-._side-bottom_bh12s_70._size-xl_bh12s_92 {
-  height: 80vh;
-}
-._side-top_bh12s_60._size-full_bh12s_96,
-._side-bottom_bh12s_70._size-full_bh12s_96 {
-  height: 100vh;
-}
-
-._header_bh12s_122 {
-  padding: var(--fui-padding-container-sm, 1.5rem) var(--fui-padding-container-md, 2rem);
-}
-
-._title_bh12s_126 {
-  margin: 0;
-  font-size: var(--fui-font-size-lg, 1.286rem);
-  font-weight: var(--fui-font-weight-semibold, 600);
-  color: var(--fui-text-primary, #18181b);
-  line-height: var(--fui-line-height-tight, 1.25);
-}
-
-._description_bh12s_134 {
-  margin: var(--fui-space-1, 0.5rem) 0 0;
-  font-size: var(--fui-font-size-sm, 1rem);
-  color: var(--fui-text-secondary, #52525b);
-  line-height: var(--fui-line-height-normal, 1.5);
-}
-
-._body_bh12s_141 {
-  flex: 1;
-  padding: 0 var(--fui-padding-container-md, 2rem) var(--fui-padding-container-sm, 1.5rem);
-  overflow-y: auto;
-}
-
-._footer_bh12s_147 {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: var(--fui-space-1, 0.5rem);
-  padding: var(--fui-padding-inline-sm, 1rem) var(--fui-padding-container-md, 2rem);
-  border-top: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
-  background-color: var(--fui-bg-secondary, #f4f4f5);
-}
-
-._close_bh12s_157 {
-  appearance: none;
-  background: transparent;
-  border: none;
-  padding: 0;
-  margin: 0;
-  font: inherit;
-  color: inherit;
-  cursor: pointer;
-}
-._close_bh12s_157:disabled {
-  cursor: not-allowed;
-}
-._close_bh12s_157 {
-  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_bh12s_157: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_bh12s_157:disabled, ._close_bh12s_157[data-disabled] {
-  opacity: 0.5;
-  pointer-events: none;
-}
-._close_bh12s_157 {
-  position: absolute;
-  top: var(--fui-space-3, 1.5rem);
-  right: var(--fui-space-3, 1.5rem);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2rem;
-  height: 2rem;
-  border-radius: var(--fui-radius-md, 0.429rem);
-  color: var(--fui-text-secondary, #52525b);
-  z-index: 1;
-}
-._close_bh12s_157:hover {
-  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
-  color: var(--fui-text-primary, #18181b);
-}
-._close_bh12s_157 svg {
-  width: 1rem;
-  height: 1rem;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  ._backdrop_bh12s_1 {
-    transition: none;
-  }
-  ._popup_bh12s_16 {
-    transition: none;
-    transform: none;
-  }
-  ._popup_bh12s_16[data-starting-style], ._popup_bh12s_16[data-ending-style] {
-    transform: none;
-  }
-}

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

@@ -1,100 +0,0 @@
-._emptyState_1m2hy_1 {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-._sm_1m2hy_11 {
-  padding: var(--fui-padding-container-lg) var(--fui-padding-container-md);
-}
-._sm_1m2hy_11 ._title_1m2hy_14 {
-  font-size: var(--fui-font-size-sm, 1rem);
-}
-._sm_1m2hy_11 ._description_1m2hy_17 {
-  font-size: var(--fui-font-size-xs, 0.857rem);
-  max-width: 240px;
-}
-._sm_1m2hy_11 ._icon_1m2hy_21 {
-  margin-bottom: var(--fui-space-2, 1rem);
-}
-._sm_1m2hy_11 ._actions_1m2hy_24 {
-  margin-top: var(--fui-space-3, 1.5rem);
-}
-
-._md_1m2hy_28 {
-  padding: var(--fui-space-10, 5rem) var(--fui-padding-container-lg);
-}
-._md_1m2hy_28 ._title_1m2hy_14 {
-  font-size: var(--fui-font-size-base, 1.143rem);
-}
-._md_1m2hy_28 ._description_1m2hy_17 {
-  font-size: var(--fui-font-size-sm, 1rem);
-  max-width: 320px;
-}
-._md_1m2hy_28 ._icon_1m2hy_21 {
-  margin-bottom: var(--fui-space-3, 1.5rem);
-}
-._md_1m2hy_28 ._actions_1m2hy_24 {
-  margin-top: var(--fui-space-4, 2rem);
-}
-
-._lg_1m2hy_45 {
-  padding: var(--fui-space-12, 6rem) var(--fui-padding-container-xl);
-}
-._lg_1m2hy_45 ._title_1m2hy_14 {
-  font-size: var(--fui-font-size-lg, 1.286rem);
-}
-._lg_1m2hy_45 ._description_1m2hy_17 {
-  font-size: var(--fui-font-size-sm, 1rem);
-  max-width: 400px;
-}
-._lg_1m2hy_45 ._icon_1m2hy_21 {
-  margin-bottom: var(--fui-space-4, 2rem);
-}
-._lg_1m2hy_45 ._actions_1m2hy_24 {
-  margin-top: var(--fui-space-6, 3rem);
-}
-
-._icon_1m2hy_21 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--fui-text-tertiary, #71717a);
-}
-._icon_1m2hy_21 svg {
-  width: 2.286rem;
-  height: 2.286rem;
-}
-._lg_1m2hy_45 ._icon_1m2hy_21 svg {
-  width: 2.857rem;
-  height: 2.857rem;
-}
-._sm_1m2hy_11 ._icon_1m2hy_21 svg {
-  width: 1.714rem;
-  height: 1.714rem;
-}
-
-._title_1m2hy_14 {
-  margin: 0;
-  font-weight: var(--fui-font-weight-semibold, 600);
-  color: var(--fui-text-primary, #18181b);
-  line-height: var(--fui-line-height-tight, 1.25);
-}
-
-._description_1m2hy_17 {
-  margin: var(--fui-space-2, 1rem) 0 0;
-  color: var(--fui-text-secondary, #52525b);
-  line-height: var(--fui-line-height-normal, 1.5);
-}
-
-._actions_1m2hy_24 {
-  display: flex;
-  align-items: center;
-  gap: var(--fui-space-2, 1rem);
-  flex-wrap: wrap;
-  justify-content: center;
-}

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

@@ -1,30 +0,0 @@
-._root_1iah5_1 {
-  display: flex;
-  flex-direction: column;
-}
-
-._label_1iah5_6 {
-  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);
-  font-weight: var(--fui-font-weight-medium, 500);
-  color: var(--fui-text-primary, #18181b);
-  margin-bottom: var(--fui-space-1, 0.5rem);
-}
-._label_1iah5_6[data-disabled] {
-  color: var(--fui-text-tertiary, #71717a);
-}
-
-._description_1iah5_17 {
-  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-xs, 0.857rem);
-  color: var(--fui-text-secondary, #52525b);
-  margin-top: var(--fui-space-1, 0.5rem);
-}
-
-._error_1iah5_24 {
-  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-xs, 0.857rem);
-  color: var(--fui-text-secondary, #52525b);
-  margin-top: var(--fui-space-1, 0.5rem);
-  color: var(--fui-color-danger, #ef4444);
-}

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

@@ -1,21 +0,0 @@
-._root_wexdi_1 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--fui-space-4, 2rem);
-  border: 1px solid var(--fui-border-strong, rgba(0, 0, 0, 0.14));
-  border-radius: var(--fui-radius-md, 0.429rem);
-  padding: var(--fui-space-6, 3rem);
-  margin: 0;
-}
-._root_wexdi_1[data-disabled] {
-  opacity: 0.6;
-}
-
-._legend_wexdi_14 {
-  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);
-  font-weight: var(--fui-font-weight-medium, 500);
-  color: var(--fui-text-primary, #18181b);
-  font-weight: var(--fui-font-weight-semibold, 600);
-  padding: 0;
-}

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

@@ -1,5 +0,0 @@
-._root_qkhxq_1 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--fui-space-4, 2rem);
-}

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

@@ -1,249 +0,0 @@
-._grid_1ki22_1 {
-  display: grid;
-  width: 100%;
-}
-
-._columns1_1ki22_6 {
-  grid-template-columns: repeat(1, 1fr);
-}
-
-._columns2_1ki22_10 {
-  grid-template-columns: repeat(2, 1fr);
-}
-
-._columns3_1ki22_14 {
-  grid-template-columns: repeat(3, 1fr);
-}
-
-._columns4_1ki22_18 {
-  grid-template-columns: repeat(4, 1fr);
-}
-
-._columns5_1ki22_22 {
-  grid-template-columns: repeat(5, 1fr);
-}
-
-._columns6_1ki22_26 {
-  grid-template-columns: repeat(6, 1fr);
-}
-
-._columns7_1ki22_30 {
-  grid-template-columns: repeat(7, 1fr);
-}
-
-._columns8_1ki22_34 {
-  grid-template-columns: repeat(8, 1fr);
-}
-
-._columns9_1ki22_38 {
-  grid-template-columns: repeat(9, 1fr);
-}
-
-._columns10_1ki22_42 {
-  grid-template-columns: repeat(10, 1fr);
-}
-
-._columns11_1ki22_46 {
-  grid-template-columns: repeat(11, 1fr);
-}
-
-._columns12_1ki22_50 {
-  grid-template-columns: repeat(12, 1fr);
-}
-
-._columnsAuto_1ki22_54 {
-  grid-template-columns: repeat(auto-fill, minmax(var(--fui-grid-min-child-width, 16rem), 1fr));
-}
-
-._columnsResponsive_1ki22_58 {
-  --_cols: var(--fui-grid-cols, 1);
-  grid-template-columns: repeat(var(--_cols), 1fr);
-}
-@media (min-width: 640px) {
-  ._columnsResponsive_1ki22_58 {
-    --_cols: var(--fui-grid-cols-sm, var(--fui-grid-cols, 1));
-  }
-}
-@media (min-width: 768px) {
-  ._columnsResponsive_1ki22_58 {
-    --_cols: var(--fui-grid-cols-md, var(--fui-grid-cols-sm, var(--fui-grid-cols, 1)));
-  }
-}
-@media (min-width: 1024px) {
-  ._columnsResponsive_1ki22_58 {
-    --_cols: var(--fui-grid-cols-lg, var(--fui-grid-cols-md, var(--fui-grid-cols-sm, var(--fui-grid-cols, 1))));
-  }
-}
-@media (min-width: 1280px) {
-  ._columnsResponsive_1ki22_58 {
-    --_cols: var(--fui-grid-cols-xl, var(--fui-grid-cols-lg, var(--fui-grid-cols-md, var(--fui-grid-cols-sm, var(--fui-grid-cols, 1)))));
-  }
-}
-
-._gapNone_1ki22_83 {
-  gap: 0;
-}
-
-._gapXs_1ki22_87 {
-  gap: var(--fui-space-1, 0.5rem);
-}
-
-._gapSm_1ki22_91 {
-  gap: var(--fui-space-2, 1rem);
-}
-
-._gapMd_1ki22_95 {
-  gap: var(--fui-space-4, 2rem);
-}
-
-._gapLg_1ki22_99 {
-  gap: var(--fui-space-6, 3rem);
-}
-
-._gapXl_1ki22_103 {
-  gap: var(--fui-space-8, 4rem);
-}
-
-._paddingNone_1ki22_107 {
-  padding: 0;
-}
-
-._paddingSm_1ki22_111 {
-  padding: var(--fui-padding-container-sm);
-}
-
-._paddingMd_1ki22_115 {
-  padding: var(--fui-padding-container-md);
-}
-
-._paddingLg_1ki22_119 {
-  padding: var(--fui-padding-container-lg);
-}
-
-._alignStart_1ki22_123 {
-  align-items: start;
-}
-
-._alignCenter_1ki22_127 {
-  align-items: center;
-}
-
-._alignEnd_1ki22_131 {
-  align-items: end;
-}
-
-._alignStretch_1ki22_135 {
-  align-items: stretch;
-}
-
-._justifyStart_1ki22_139 {
-  justify-items: start;
-}
-
-._justifyCenter_1ki22_143 {
-  justify-items: center;
-}
-
-._justifyEnd_1ki22_147 {
-  justify-items: end;
-}
-
-._justifyStretch_1ki22_151 {
-  justify-items: stretch;
-}
-
-._item_1ki22_155 {
-  min-width: 0;
-}
-
-._colSpan1_1ki22_159 {
-  grid-column: span 1;
-}
-
-._colSpan2_1ki22_163 {
-  grid-column: span 2;
-}
-
-._colSpan3_1ki22_167 {
-  grid-column: span 3;
-}
-
-._colSpan4_1ki22_171 {
-  grid-column: span 4;
-}
-
-._colSpan5_1ki22_175 {
-  grid-column: span 5;
-}
-
-._colSpan6_1ki22_179 {
-  grid-column: span 6;
-}
-
-._colSpan7_1ki22_183 {
-  grid-column: span 7;
-}
-
-._colSpan8_1ki22_187 {
-  grid-column: span 8;
-}
-
-._colSpan9_1ki22_191 {
-  grid-column: span 9;
-}
-
-._colSpan10_1ki22_195 {
-  grid-column: span 10;
-}
-
-._colSpan11_1ki22_199 {
-  grid-column: span 11;
-}
-
-._colSpan12_1ki22_203 {
-  grid-column: span 12;
-}
-
-._colSpanFull_1ki22_207 {
-  grid-column: 1/-1;
-}
-
-._rowSpan1_1ki22_211 {
-  grid-row: span 1;
-}
-
-._rowSpan2_1ki22_215 {
-  grid-row: span 2;
-}
-
-._rowSpan3_1ki22_219 {
-  grid-row: span 3;
-}
-
-._rowSpan4_1ki22_223 {
-  grid-row: span 4;
-}
-
-._rowSpan5_1ki22_227 {
-  grid-row: span 5;
-}
-
-._rowSpan6_1ki22_231 {
-  grid-row: span 6;
-}
-
-._selfAlignStart_1ki22_235 {
-  align-self: start;
-}
-
-._selfAlignCenter_1ki22_239 {
-  align-self: center;
-}
-
-._selfAlignEnd_1ki22_243 {
-  align-self: end;
-}
-
-._selfAlignStretch_1ki22_247 {
-  align-self: stretch;
-}