oziko-ui-kit 0.0.100 → 0.0.102

package/dist/components/atoms/color-picker/ColorPicker.types.d.ts

@@ -1,3 +1,4 @@
+import { TypeFlexElement } from "../flex-element/FlexElement";
 import { Placement } from "../../../custom-hooks/useAdaptivePosition";
 export type ColorFormat = "hex" | "rgb" | "hsl";
 export interface ColorValue {
@@ -17,14 +18,15 @@ export interface ColorValue {
 }
 export type ColorPickerTriggerDisplay = "only-color" | "only-code" | "complete";
 export interface ColorPickerProps {
+    containerProps?: TypeFlexElement;
+    contentProps?: TypeFlexElement;
     value?: string;
     defaultValue?: string;
     onChange?: (color: ColorValue) => void;
     format?: ColorFormat;
     placement?: Placement;
-    disabled?: boolean;
     id?: string;
-    className?: string;
+    disabled?: boolean;
     triggerDisplay?: ColorPickerTriggerDisplay;
 }
 export interface DragState {

package/dist/components/atoms/popover/Popover.d.ts

@@ -9,6 +9,7 @@ export type TypePopover = {
     open?: boolean;
     containerProps?: TypeFlexElement;
     contentProps?: TypeFlexElement;
+    childrenProps?: TypeFlexElement;
     arrow?: boolean;
     arrowPlacement?: Placement;
     portalClassName?: string;

package/dist/index.css

@@ -1051,6 +1051,7 @@ code {
 
 .ColorPicker-module_trigger__5Ukgm {
   min-width: 32px;
+  width: 100%;
   height: 32px;
   border-radius: 8px;
   border: var(--oziko-border-default);
@@ -1063,9 +1064,12 @@ code {
   outline: none;
   position: relative;
   gap: 8px;
-  padding: 4px;
+  padding: 0 !important;
   white-space: nowrap;
 }
+.ColorPicker-module_trigger__5Ukgm:hover {
+  background: transparent !important;
+}
 
 .ColorPicker-module_trigger__5Ukgm[data-display=only-color] {
   width: 32px;
@@ -1216,7 +1220,6 @@ code {
   height: 32px;
   border: var(--oziko-border-default) !important;
   border-radius: var(--oziko-border-radius-md) !important;
-  background: var();
   font-weight: 500;
   outline: none;
   cursor: pointer;
@@ -3920,6 +3923,33 @@ button.font-increment {
   width: 100%;
   padding: 0;
 }
+.StorageMinimized-module_storageMinimized__ghk8k {
+  background-color: var(--oziko-color-input-background);
+  border-radius: var(--oziko-border-radius-md);
+  color: var(--oziko-color-input-placeholder);
+  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+  color: var(--oziko-color-font-primary);
+  border-radius: 0;
+  padding: 0;
+}
+.StorageMinimized-module_storageMinimized__ghk8k input {
+  padding: 0;
+}
+.StorageMinimized-module_storageMinimized__ghk8k .StorageMinimized-module_storage__QZPz8 {
+  padding: var(--oziko-padding-md);
+}
+.StorageMinimized-module_storageMinimized__ghk8k .StorageMinimized-module_text__kRTzX {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: unset;
+  -webkit-line-clamp: 1;
+  width: 100%;
+}
+.StorageMinimized-module_storageMinimized__ghk8k .StorageMinimized-module_closeIcon__NaNCL {
+  padding: 0;
+}
 .Drawer-module_drawerContainer__ygAhi {
   position: absolute;
   width: 100% !important;

package/dist/index.export.d.ts

@@ -53,6 +53,7 @@ export { default as ObjectMinimizedInput } from "./components/atoms/inputs/minim
 export { default as RichTextMinimizedInput } from "./components/atoms/inputs/minimized/rich-text/RichText";
 export { default as StringMinimizedInput } from "./components/atoms/inputs/minimized/string/StringMinimized";
 export { default as TextAreaMinimizedInput } from "./components/atoms/inputs/minimized/text-area/TextArea";
+export { default as StorageMinimizedInput } from "./components/atoms/inputs/minimized/storage/StorageMinimized";
 export { default as ArrayInput } from "./components/atoms/inputs/normal/array/ArrayInput";
 export { default as BooleanInput } from "./components/atoms/inputs/normal/boolean/Boolean";
 export { default as ChipInput } from "./components/molecules/chip/ChipInput";