@nurihaus/web-design-system 0.0.28 → 1.0.0

package/dist/components/avatar/avatar-type.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+export interface AvatarProps {
+    size: "xl" | "l" | "m" | "s";
+    src?: string;
+    alt?: string;
+    badgeOption?: ReactNode | string;
+}

package/dist/components/avatar/avatar.d.ts

@@ -1,10 +1,4 @@
-import { ReactNode } from "react";
 import "./avatar-style.css";
-interface AvatarProps {
-    size: "xl" | "l" | "m" | "s";
-    src?: string;
-    alt?: string;
-    badgeOption?: ReactNode | string;
-}
+import { AvatarProps } from "./avatar-type";
 declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 export default Avatar;

package/dist/components/badge/badge-type.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+import { colors } from "../../styles/token/colors";
+export interface BaseBadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    borderColor?: keyof typeof colors;
+    textColor?: keyof typeof colors;
+    backgroundColor?: keyof typeof colors;
+    size?: "l" | "m" | "r" | "s" | "sm";
+    asChild?: boolean;
+    children?: ReactNode;
+}

package/dist/components/badge/base-badge.d.ts

@@ -0,0 +1,2 @@
+import { BaseBadgeProps } from "./badge-type";
+export declare const BaseBadge: (props: BaseBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/badge/icon-text-badge.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+import { BaseBadgeProps } from "./badge-type";
+declare const IconTextBadge: (props: Omit<BaseBadgeProps, "asChild" | "children"> & {
+    icon: ReactNode;
+    text: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default IconTextBadge;

package/dist/components/badge/icon-text-option-badge.d.ts

@@ -0,0 +1,9 @@
+import "./badge-style.css";
+import { ReactNode } from "react";
+import { BaseBadgeProps } from "./badge-type";
+declare const IconTextOptionBadge: (props: Omit<BaseBadgeProps, "asChild" | "children"> & {
+    icon: ReactNode;
+    text: ReactNode;
+    option: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default IconTextOptionBadge;

package/dist/components/badge/option-badge.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+import { BaseBadgeProps } from "./badge-type";
+declare const OptionBadge: (props: Omit<BaseBadgeProps, "asChild" | "children"> & {
+    option: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default OptionBadge;

package/dist/components/button/base-button.d.ts

@@ -1,9 +1,6 @@
-import "./button.css";
+import "./button-style.css";
 import "../../styles/token/color.css";
 import "../../styles/token/font.css";
-interface BaseButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    children?: React.ReactNode;
-    asChild?: boolean;
-}
+import { BaseButtonProps } from "./button-type";
 declare const BaseButton: import("react").ForwardRefExoticComponent<BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default BaseButton;

package/dist/components/button/button-type.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+export interface BaseButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    children?: React.ReactNode;
+    asChild?: boolean;
+}
+export interface CTAButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary" | "ghost" | "white";
+    size?: "xl" | "l" | "m" | "r" | "s";
+    disabled?: boolean;
+    loading?: boolean;
+    icon?: ReactNode;
+    text: string;
+}

package/dist/components/button/cta-button.d.ts

@@ -1,11 +1,3 @@
-import { ReactNode } from "react";
-interface CTAButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    variant?: "primary" | "secondary" | "ghost" | "white";
-    size?: "xl" | "l" | "m" | "r" | "s";
-    disabled?: boolean;
-    loading?: boolean;
-    icon?: ReactNode;
-    text: string;
-}
+import { CTAButtonProps } from "./button-type";
 declare const CTAButton: (props: CTAButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default CTAButton;

package/dist/components/loading/{Loading.d.ts → loading.d.ts}

@@ -1,3 +1,3 @@
-import "./loading.css";
+import "./loading-style.css";
 declare const Loading: () => import("react/jsx-runtime").JSX.Element;
 export default Loading;

package/dist/index.d.ts

@@ -1,2 +1,5 @@
 export { default as Avatar } from "./components/avatar/avatar";
 export { default as CTAButton } from "./components/button/cta-button";
+export { default as OptionBadge } from "./components/badge/option-badge";
+export { default as IconTextBadge } from "./components/badge/icon-text-badge";
+export { default as IconTextOptionBadge } from "./components/badge/icon-text-option-badge";

package/dist/index.html

@@ -1 +1 @@
-<!doctype html><html><head><meta charset="utf-8"><title>Development</title><meta name="viewport" content="width=device-width,initial-scale=1"><script defer="defer" src="main.js"></script></head><body></body></html>
+<!doctype html><html><head><meta charset="utf-8"><title>Development</title><meta name="viewport" content="width=device-width,initial-scale=1"><script defer="defer" src="index.js"></script></head><body></body></html>