oziko-ui-kit 0.0.86 → 0.0.88

package/dist/components/atoms/CircularProgress/CircularProgress.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+type CircularProgressStatus = keyof typeof progressStatusIcon;
+type CircularProgressSize = keyof typeof progressSizes;
+export interface CircularProgressProps {
+    percent?: number;
+    size?: CircularProgressSize;
+    strokeWidth?: number;
+    showLabel?: boolean;
+    status?: CircularProgressStatus;
+    label?: React.ReactNode;
+}
+declare const progressSizes: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+declare const progressStatusIcon: {
+    readonly success: "check";
+    readonly danger: "close";
+    readonly normal: undefined;
+};
+declare const CircularProgress: ({ percent, size, strokeWidth, showLabel, status, label, }: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+export default CircularProgress;

package/dist/index.css

@@ -3888,4 +3888,68 @@ button.font-increment {
 .Tab-module_container__e6CN6.Tab-module_window__vPuG0 .Tab-module_active__687wz {
   background-color: var(--oziko-color-default);
   opacity: 1;
+}
+.CircularProgress-module_container__S-38y {
+  position: relative;
+  display: inline-block;
+}
+
+.CircularProgress-module_svg__gon7t {
+  display: block;
+}
+
+.CircularProgress-module_backgroundCircle__MQZ2z {
+  fill: none;
+  stroke: var(--oziko-color-soft-dark);
+}
+
+.CircularProgress-module_progressCircle__aya2S {
+  fill: none;
+  stroke-linecap: round;
+  transition: stroke-dashoffset 0.3s ease;
+  transform-origin: center;
+  transform: rotate(-90deg);
+  stroke: var(--oziko-color-primary-light);
+}
+.CircularProgress-module_progressCircle__aya2S.CircularProgress-module_normal__asGeP {
+  stroke: var(--oziko-color-primary-light);
+}
+.CircularProgress-module_progressCircle__aya2S.CircularProgress-module_success__F6h9t {
+  stroke: var(--oziko-color-success);
+}
+.CircularProgress-module_progressCircle__aya2S.CircularProgress-module_danger__POA1X {
+  stroke: var(--oziko-color-danger);
+}
+
+.CircularProgress-module_centerText__SKGzM {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-weight: 500;
+  font-family: var(--oziko-font-family-base);
+}
+.CircularProgress-module_centerText__SKGzM.CircularProgress-module_normal__asGeP {
+  color: var(--oziko-color-font-primary);
+}
+.CircularProgress-module_centerText__SKGzM.CircularProgress-module_success__F6h9t {
+  color: var(--oziko-color-success);
+}
+.CircularProgress-module_centerText__SKGzM.CircularProgress-module_danger__POA1X {
+  color: var(--oziko-color-danger);
+}
+.CircularProgress-module_centerText__SKGzM.CircularProgress-module_xs__WVADp {
+  font-size: var(--oziko-font-size-xs);
+}
+.CircularProgress-module_centerText__SKGzM.CircularProgress-module_sm__yLhUL {
+  font-size: var(--oziko-font-size-sm);
+}
+.CircularProgress-module_centerText__SKGzM.CircularProgress-module_md__5RBcj {
+  font-size: var(--oziko-font-size-md);
+}
+.CircularProgress-module_centerText__SKGzM.CircularProgress-module_lg__mzdQa {
+  font-size: var(--oziko-font-size-lg);
+}
+.CircularProgress-module_centerText__SKGzM.CircularProgress-module_xl__tuBt- {
+  font-size: var(--oziko-font-size-xl);
 }

package/dist/index.export.d.ts

@@ -71,6 +71,7 @@ export { default as Backdrop } from "./components/atoms/backdrop/Backdrop";
 export { default as Portal } from "./components/atoms/portal/Portal";
 export { default as Tab } from "./components/atoms/tab/Tab";
 export { default as RelationInput } from "./components/atoms/relation-input/RelationInput";
+export { default as CircularProgress } from "./components/atoms/CircularProgress/CircularProgress";
 export { default as useInputRepresenter } from "./custom-hooks/useInputRepresenter";
 export { default as useKeyDown } from "./custom-hooks/useKeyDown";
 export { useOnClickOutside } from "./custom-hooks/useOnClickOutside";
@@ -179,3 +180,4 @@ export { color as colorUtil } from "./utils/color";
 export { helperUtils } from "./utils/helperUtils";
 export { time as timeUtil } from "./utils/time";
 export { type TypeDimension, type TypeAlignment, type TypeDirection, type TypeFlexContainer, type TypeFlexDimension, type TypeFile, } from "./utils/interface";
+export { type CircularProgressProps } from "./components/atoms/CircularProgress/CircularProgress";