@nurihaus/web-design-system 1.2.13 → 1.2.14

package/dist/components/elements/text/text-type.d.ts

@@ -11,6 +11,3 @@ export interface TextProps extends HTMLAttributes<HTMLElement> {
     whiteSpace?: CSSProperties["whiteSpace"];
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "strong";
 }
-export interface TextWithBoldProps extends TextProps {
-    boldText: string;
-}

package/dist/components/loading/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Spinner } from "./spinner/spinner";
+export { default as InlineLoading } from "./inline-loading/inline-loading";
+export { default as OverlayLoading } from "./overlay-loading/overlay-loading";
+export type { SpinnerProps } from "./spinner/spinner-type";
+export type { InlineLoadingProps } from "./inline-loading/inline-loading-type";
+export type { OverlayLoadingProps } from "./overlay-loading/overlay-loading-type";

package/dist/components/loading/inline-loading/inline-loading-type.d.ts

@@ -0,0 +1,8 @@
+import { colors } from "../../../styles/token/colors";
+type Justify = "flex-start" | "center" | "flex-end" | "space-between";
+export interface InlineLoadingProps {
+    size: number;
+    justifyContent?: Justify;
+    indicatorColor?: keyof typeof colors;
+}
+export {};

package/dist/components/loading/inline-loading/inline-loading.d.ts

@@ -0,0 +1,7 @@
+import "../spinner/spinner-style.css";
+import "./inline-loading-style.css";
+import "../../../styles/token/color.css";
+import "../../../styles/token/font.css";
+import { InlineLoadingProps } from "./inline-loading-type";
+declare const InlineLoading: ({ size, justifyContent, indicatorColor, }: InlineLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export default InlineLoading;

package/dist/components/loading/inline-loading/inline-loading.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ size, justifyContent, indicatorColor, }: import("./inline-loading-type").InlineLoadingProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    argTypes: {
+        justifyContent: {
+            control: "inline-radio";
+            options: string[];
+        };
+        indicatorColor: {
+            control: "select";
+            options: string[];
+        };
+    };
+    args: {
+        size: number;
+        justifyContent: "flex-start";
+        indicatorColor: "grayE4";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/loading/overlay-loading/overlay-loading-type.d.ts

@@ -0,0 +1,8 @@
+import { colors } from "../../../styles/token/colors";
+export interface OverlayLoadingProps {
+    open?: boolean;
+    message?: string;
+    spinnerColor?: keyof typeof colors;
+    backdropOpacity?: number;
+    zIndex?: number;
+}

package/dist/components/loading/overlay-loading/overlay-loading.d.ts

@@ -0,0 +1,7 @@
+import "./overlay-loading-style.css";
+import "../../../styles/token/color.css";
+import "../../../styles/token/font.css";
+import type { OverlayLoadingProps } from "./overlay-loading-type";
+declare const OverlayLoading: ({ open, message, spinnerColor, backdropOpacity, zIndex, }: OverlayLoadingProps) => import("react/jsx-runtime").JSX.Element | null;
+export default OverlayLoading;
+export type { OverlayLoadingProps };

package/dist/components/loading/overlay-loading/overlay-loading.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ open, message, spinnerColor, backdropOpacity, zIndex, }: import("./overlay-loading-type").OverlayLoadingProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    argTypes: {
+        spinnerColor: {
+            control: "select";
+            options: string[];
+        };
+        backdropOpacity: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        zIndex: {
+            control: "number";
+        };
+    };
+    args: {
+        open: true;
+        message: string;
+        spinnerColor: "grayE4";
+        backdropOpacity: number;
+        zIndex: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/loading/spinner/spinner-type.d.ts

@@ -0,0 +1,4 @@
+import { colors } from "../../../styles/token/colors";
+export interface SpinnerProps {
+    color?: keyof typeof colors;
+}

package/dist/components/loading/spinner/spinner.d.ts

@@ -0,0 +1,6 @@
+import "./spinner-style.css";
+import "../../../styles/token/color.css";
+import "../../../styles/token/font.css";
+import { SpinnerProps } from "./spinner-type";
+declare const Spinner: ({ color }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export default Spinner;

package/dist/components/loading/spinner/spinner.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ color }: import("./spinner-type").SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    argTypes: {
+        color: {
+            control: "select";
+            options: string[];
+        };
+    };
+    args: {
+        color: "grayE4";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/table/data-table.d.ts

@@ -13,7 +13,7 @@ type ColumnsType<T extends readonly RowItem[]> = Array<{
     };
 }>;
 export interface DataTableProps<T extends readonly RowItem[]> {
-    header?: TableHeaderProps;
+    header: TableHeaderProps;
     rows: T;
     columns: ColumnsType<T>;
     fixedRowsIndex?: number;

package/dist/index.d.ts

@@ -9,4 +9,5 @@ export { default as TextFieldWithError } from "./components/text-field/text-fiel
 export { default as Radio } from "./components/radio/radio";
 export { default as Checkbox } from "./components/check-box/check-box";
 export { default as Text } from "./components/elements/text/text";
+export { Spinner, InlineLoading, OverlayLoading } from "./components/loading";
 export { colors } from "./styles/token/colors";