oziko-ui-kit 0.0.39 → 0.0.41

package/dist/components/atoms/inputs/normal/boolean/Boolean.d.ts

@@ -1,5 +1,6 @@
 import { TypeText } from "../../../text/Text";
 import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
+import { TypeSwitch } from "../../../switch/Switch";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
 export type TypeBooleanInput = {
     checked?: boolean;
@@ -12,6 +13,7 @@ export type TypeBooleanInput = {
     labelProps?: TypeText;
     description?: string;
     onChange?: (checked: boolean) => void;
+    size?: TypeSwitch["size"];
 };
 declare const _default: import("react").NamedExoticComponent<TypeBooleanInput>;
 export default _default;

package/dist/components/atoms/switch/Switch.d.ts

@@ -4,6 +4,7 @@ export type TypeSwitch = {
     disabled?: boolean;
     containerProps?: TypeFlexElement;
     onChange?: (checked: boolean) => void;
+    size?: "large" | "medium" | "small";
 };
 declare const _default: import("react").NamedExoticComponent<TypeSwitch>;
 export default _default;

package/dist/custom-hooks/useInputRepresenter.d.ts

@@ -1,7 +1,7 @@
 import { TypeCoordinates } from "../components/atoms/map/Map";
 import { ReactNode } from "react";
 import { utils } from "../utils";
-import { TypeLabeledValue } from "../index.export";
+import { TypeLabeledValue, TypeSwitch } from "../index.export";
 export type TypeProperties = {
     [key: string]: {
         type: keyof typeof types;
@@ -27,6 +27,7 @@ export type TypeProperties = {
         loadMoreOptions?: () => Promise<TypeLabeledValue[]>;
         searchOptions?: (value: string) => Promise<TypeLabeledValue[]>;
         totalOptionsLength?: number;
+        size?: TypeSwitch["size"];
     };
 };
 export type TypeValueType = string | number | boolean | string[] | number[] | boolean[] | TypeRepresenterValue | TypeRepresenterValue[];
@@ -55,6 +56,7 @@ export type TypeInputProps<T> = {
     value?: T;
     className?: string;
     onChange?: ({ key, value }: TypeChangeEvent<T>) => void;
+    size?: TypeSwitch["size"];
 };
 export type TypeInputRepresenterError = {
     [key: string]: string | null;

package/dist/index.css

@@ -2056,11 +2056,48 @@ svg.leaflet-image-layer.leaflet-interactive path {
   width: unset;
   -webkit-line-clamp: 1;
 }
+.Switch-module_switch__-4EkK.Switch-module_small__5Zk-N {
+  width: 33px;
+  height: 16.5px;
+}
+.Switch-module_switch__-4EkK.Switch-module_small__5Zk-N .Switch-module_slider__sHGGR::before {
+  width: 12px;
+  height: 12px;
+  top: 2px;
+}
+.Switch-module_switch__-4EkK.Switch-module_small__5Zk-N input:checked + .Switch-module_slider__sHGGR::before {
+  transform: translateX(15px);
+}
+
+.Switch-module_switch__-4EkK.Switch-module_medium__dyhx- {
+  width: 44px;
+  height: 22px;
+}
+.Switch-module_switch__-4EkK.Switch-module_medium__dyhx- .Switch-module_slider__sHGGR::before {
+  width: 16px;
+  height: 16px;
+  top: 3px;
+}
+.Switch-module_switch__-4EkK.Switch-module_medium__dyhx- input:checked + .Switch-module_slider__sHGGR::before {
+  transform: translateX(20px);
+}
+
+.Switch-module_switch__-4EkK.Switch-module_large__1uBOR {
+  width: 55px;
+  height: 27.5px;
+}
+.Switch-module_switch__-4EkK.Switch-module_large__1uBOR .Switch-module_slider__sHGGR::before {
+  width: 20px;
+  height: 20px;
+  top: 4px;
+}
+.Switch-module_switch__-4EkK.Switch-module_large__1uBOR input:checked + .Switch-module_slider__sHGGR::before {
+  transform: translateX(25px);
+}
+
 .Switch-module_switch__-4EkK {
   position: relative;
   display: inline-block;
-  width: 44px;
-  height: 22px;
   cursor: pointer;
 }
 .Switch-module_switch__-4EkK input {
@@ -2089,9 +2126,6 @@ svg.leaflet-image-layer.leaflet-interactive path {
 .Switch-module_slider__sHGGR::before {
   content: "";
   position: absolute;
-  width: 16px;
-  height: 16px;
-  top: 3px;
   left: 3px;
   transition: transform 0.3s ease;
   background: var(--oziko-color-font-primary);
@@ -2103,7 +2137,6 @@ input:checked + .Switch-module_slider__sHGGR {
 }
 
 input:checked + .Switch-module_slider__sHGGR::before {
-  transform: translateX(20px);
   background: var(--oziko-color-primary);
 }
 .Title-module_title__X4-sx {