oziko-ui-kit 0.0.99 → 0.0.101

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;