oziko-ui-kit 0.0.23 → 0.0.24

package/dist/index.css

@@ -1911,8 +1911,8 @@ svg.leaflet-image-layer.leaflet-interactive path {
 .Modal-module_modalContent__HNEeB {
   position: relative;
   background-color: var(--oziko-color-menu-background);
-  min-height: 50px;
-  min-width: 100px;
+  min-height: 250px;
+  min-width: 400px;
   max-width: 90%;
   max-height: 90%;
   padding: var(--oziko-padding-md);
@@ -2369,95 +2369,63 @@ input:checked + .Switch-module_slider__sHGGR::before {
 .MenuGroup-module_container__VQaFb > *:not(:last-child) {
   border-bottom: 1px solid var(--oziko-color-border);
 }
-.SideBar-module_container__eK6uD {
-  background-color: var(--oziko-color-background);
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 350px;
-  height: 100%;
-  display: flex;
-  padding: var(--oziko-padding-md) 0;
-}
-.SideBar-module_container__eK6uD .SideBar-module_menuContainer__KZqBy {
-  height: 100%;
+.Table-module_table__7BBwk {
   display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0 0 var(--oziko-padding-lg);
+  border: 1px solid var(--oziko-color-border);
 }
-.SideBar-module_container__eK6uD .SideBar-module_menu__yA1Q8 {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  width: 100%;
+
+.Table-module_fixedColumns__fjVOb {
+  position: sticky !important;
+  left: 0;
+  z-index: 1;
+  background-color: white;
 }
-.SideBar-module_container__eK6uD .SideBar-module_menu__yA1Q8 .SideBar-module_menuItem__XWNWi {
-  width: 50px;
-  height: 70px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-top-left-radius: var(--oziko-border-radius-md);
-  border-bottom-left-radius: var(--oziko-border-radius-md);
-  cursor: pointer;
+
+.Table-module_scrollableColumns__PzDZ9 {
+  overflow-x: auto;
 }
-.SideBar-module_container__eK6uD .SideBar-module_menu__yA1Q8 .SideBar-module_active__oWYcQ {
-  background-color: var(--oziko-color-menu-background);
+
+.Table-module_column__daVNe {
+  flex: 1;
+  position: relative;
 }
-.SideBar-module_container__eK6uD .SideBar-module_versionControl__sqQmv {
-  cursor: pointer;
+.Table-module_column__daVNe:not(:last-child) {
+  border-right: 1px solid var(--oziko-color-border);
 }
-.Navigator-module_navigation__plbK8 {
-  flex: 8;
-  height: 100%;
-  background: white;
-  border-radius: var(--oziko-border-radius-md);
+
+.Table-module_header__w6wP3 {
   padding: var(--oziko-padding-md);
-  display: flex;
-  flex-direction: column;
-  gap: var(--oziko-gap-lg);
 }
-.Navigator-module_navigation__plbK8 .Navigator-module_items__IjEtG {
+.Table-module_header__w6wP3.Table-module_border__ise22 {
+  border-bottom: 1px solid var(--oziko-color-border);
+}
+
+.Table-module_cellContainer__3Ltx0 {
   display: flex;
   flex-direction: column;
-  gap: var(--oziko-gap-md);
-}
-.Navigator-module_navigation__plbK8 .Navigator-module_header__UiUm- {
-  padding: var(--oziko-padding-md) 0 !important;
-}
-.Navigator-module_navigation__plbK8 .Navigator-module_header__UiUm- .Navigator-module_title__tD475 {
-  font-weight: 600;
-}
-.Navigator-module_navigation__plbK8 .Navigator-module_header__UiUm- .Navigator-module_icon__a-igT {
-  padding: 0 !important;
-  height: unset !important;
-}
-.Navigator-module_navigation__plbK8 .Navigator-module_content__-CdNj,
-.Navigator-module_navigation__plbK8 .Navigator-module_ungrouped__4Hmi2 {
-  padding: 0 !important;
-}
-.StorageFileSelect-module_container__nWScU {
-  padding: 0;
 }
 
-.StorageFileSelect-module_content__mO7ei {
-  display: grid !important;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  background: var(--oziko-color-background);
+.Table-module_cell__K--55 {
+  padding: var(--oziko-padding-md);
 }
-.StorageFileSelect-module_content__mO7ei .StorageFileSelect-module_file__BQW2b {
-  min-width: 100px;
-  min-height: 100px;
-  max-height: 200px;
-  height: 200px;
+.Table-module_cell__K--55:not(:last-child) {
+  border-bottom: 1px solid var(--oziko-color-border);
 }
-.StorageModalHeading-module_inputContainer__-sj7l {
-  border: none !important;
-  background: var(--oziko-color-input-background) !important;
+
+.Table-module_resizer__PTgL3 {
+  width: 3px;
+  height: 100%;
+  cursor: ew-resize;
+  position: absolute;
+  right: 0;
+  top: 0;
+  opacity: 0;
+  transition: opacity var(--oziko-transition-duration) ease;
 }
 
+.Table-module_focusedCell__-1YzJ {
+  border: 1px solid var(--oziko-color-primary) !important;
+}
 .Array-module_inputMinimized__N3CzD {
   background-color: var(--oziko-color-input-background);
   border-radius: var(--oziko-border-radius-md);

package/dist/index.export.d.ts

@@ -39,8 +39,7 @@ export { default as Timeline } from "./components/molecules/timeline/Timeline";
 export { default as Dashboard } from "./components/organisms/dashboard/layout/DashboardLayout";
 export { default as MenuGroup } from "./components/organisms/menu-group/MenuGroup";
 export { default as Section } from "./components/organisms/section/Section";
-export { default as Sidebar } from "./components/organisms/sidebar/SideBar";
-export { default as StorageFileSelect } from "./components/organisms/storage-file-select/StorageFileSelect";
+export { default as Table } from "./components/organisms/table/Table";
 export { default as ArrayMinimizedInput } from "./components/atoms/inputs/minimized/array/Array";
 export { default as BooleanMinimizedInput } from "./components/atoms/inputs/minimized/boolean/Boolean";
 export { default as ColorMinimizedInput } from "./components/atoms/inputs/minimized/color/ColorMinimized";
@@ -73,6 +72,8 @@ export { default as Tab } from "./components/atoms/tab/Tab";
 export { default as useInputRepresenter } from "./custom-hooks/useInputRepresenter";
 export { default as useKeyDown } from "./custom-hooks/useKeyDown";
 export { default as useOnClickOutside } from "./custom-hooks/useInputRepresenter";
+export { createTheme } from "./theme/createTheme";
+export { useTheme } from "./theme/ThemeContext";
 export { type TypeChartComponentProps } from "./components/atoms/chart/Chart";
 export { type TypeFlexElement } from "./components/atoms/flex-element/FlexElement";
 export { type TypeFluidContainer } from "./components/atoms/fluid-container/FluidContainer";
@@ -94,6 +95,7 @@ export { type TypeAccordionItem } from "./components/molecules/accordion/Accordi
 export { type TypeAccordionElement } from "./components/molecules/accordion/AccordionElement";
 export { type TypeValue, type TypeSelectRef, type TypeSelect, } from "./components/molecules/select/Select";
 export { type TypeBarChartData } from "./components/molecules/timeline/Timeline";
-export { type TypeMenuItems, type TypeNavigatorItems, } from "./components/organisms/sidebar/SideBar";
-export { type TypeNavigatorHeader } from "./components/organisms/sidebar/navigator/Navigator";
-export { type TypeSortProp } from "./components/organisms/storage-file-select/sort-popover-content/SortPopoverContent";
+export { api as apiUtil } from "./utils/api";
+export { color as colorUtil } from "./utils/color";
+export { helperUtils } from "./utils/helperUtils";
+export { time as timeUtil } from "./utils/time";