@nurihaus/web-design-system 1.3.5 → 1.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,7 +11,7 @@ export declare const iconTextBadgeProps: {
11
11
  type: "css";
12
12
  key: "borderColor";
13
13
  values: (keyof typeof colors)[];
14
- default: "grayD4";
14
+ default: "transparent";
15
15
  };
16
16
  color: {
17
17
  type: "css";
@@ -42,7 +42,7 @@ export declare const iconTextOptionBadgeProps: {
42
42
  type: "css";
43
43
  key: "borderColor";
44
44
  values: (keyof typeof colors)[];
45
- default: "grayD4";
45
+ default: "transparent";
46
46
  };
47
47
  color: {
48
48
  type: "css";
@@ -73,7 +73,7 @@ export declare const optionBadgeProps: {
73
73
  type: "css";
74
74
  key: "borderColor";
75
75
  values: (keyof typeof colors)[];
76
- default: "grayD4";
76
+ default: "transparent";
77
77
  };
78
78
  color: {
79
79
  type: "css";
@@ -1,5 +1,4 @@
1
1
  import { ReactNode } from 'react';
2
- import { colors } from '../../styles/token/colors';
3
2
  export interface CommonBadgeProps {
4
3
  asChild?: boolean;
5
4
  children?: ReactNode;
@@ -7,18 +6,3 @@ export interface CommonBadgeProps {
7
6
  }
8
7
  export interface BaseBadgeProps extends React.HTMLAttributes<HTMLDivElement>, CommonBadgeProps {
9
8
  }
10
- export interface IconTextBadgeProps extends CommonBadgeProps {
11
- borderColor?: keyof typeof colors;
12
- textColor?: keyof typeof colors;
13
- backgroundColor?: keyof typeof colors;
14
- size?: 'l' | 'm' | 'r' | 's' | 'sm';
15
- icon: ReactNode;
16
- text: ReactNode;
17
- }
18
- export interface OptionBadgeProps extends CommonBadgeProps {
19
- borderColor?: keyof typeof colors;
20
- textColor?: keyof typeof colors;
21
- backgroundColor?: keyof typeof colors;
22
- size?: 'l' | 'm' | 'r' | 's' | 'sm';
23
- option: ReactNode;
24
- }
@@ -1,7 +1,7 @@
1
1
  import { StoryObj } from '@storybook/react/*';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: import("react").ForwardRefExoticComponent<import("./option-badge").OptionBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
4
+ component: import("react").ForwardRefExoticComponent<import("./icon-text-badge").IconTextBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
5
5
  };
6
6
  export default meta;
7
7
  type Story = StoryObj<typeof meta>;
@@ -1,7 +1,22 @@
1
+ import * as React from 'react';
1
2
  import { ReactNode } from 'react';
2
- import { BaseBadgeProps } from './badge-type';
3
- declare const IconTextBadge: (props: Omit<BaseBadgeProps, "asChild" | "children"> & {
3
+ import { colors } from '../../styles/token/colors';
4
+ import { size } from './badge-props';
5
+ import { CommonBadgeProps } from './badge-type';
6
+ export interface IconTextBadgeProps extends Pick<CommonBadgeProps, 'asChild'> {
7
+ borderColor?: keyof typeof colors;
8
+ color?: keyof typeof colors;
9
+ backgroundColor?: keyof typeof colors;
10
+ width?: number | string;
11
+ size?: (typeof size)[number];
4
12
  icon: ReactNode;
5
13
  text: ReactNode;
6
- }) => import("react/jsx-runtime").JSX.Element;
14
+ style?: React.CSSProperties;
15
+ tooltip?: {
16
+ content: React.ReactNode;
17
+ position?: 'top' | 'bottom' | 'left' | 'right';
18
+ delayDuration?: number;
19
+ };
20
+ }
21
+ declare const IconTextBadge: React.ForwardRefExoticComponent<IconTextBadgeProps & React.RefAttributes<HTMLDivElement>>;
7
22
  export default IconTextBadge;
@@ -4,7 +4,7 @@ import { colors } from '../../styles/token/colors';
4
4
  import { size } from './badge-props';
5
5
  import { CommonBadgeProps } from './badge-type';
6
6
  import './badge-style.css';
7
- export interface OptionBadgeProps extends Pick<CommonBadgeProps, 'className'> {
7
+ export interface OptionBadgeProps extends Pick<CommonBadgeProps, 'asChild'> {
8
8
  borderColor?: keyof typeof colors;
9
9
  color?: keyof typeof colors;
10
10
  backgroundColor?: keyof typeof colors;
@@ -3,24 +3,24 @@ export type ClassNamePropsType<T extends readonly any[] = readonly any[]> = {
3
3
  type: 'className';
4
4
  className: string;
5
5
  values: T;
6
- default: T[number];
6
+ default?: T[number];
7
7
  };
8
8
  export type CSSPropsTypeWithValues<T extends readonly any[] = readonly any[]> = {
9
9
  type: 'css';
10
10
  key: keyof CSSProperties;
11
11
  values: T;
12
- default: T[number];
12
+ default?: T[number];
13
13
  };
14
14
  export type CSSPropsTypeWithoutValues<T extends string | number> = {
15
15
  type: 'css';
16
16
  key: keyof CSSProperties;
17
- default: T;
17
+ default?: T;
18
18
  };
19
19
  export type StylePropsType<T extends readonly any[] = readonly any[]> = {
20
20
  type: 'style';
21
21
  style: string;
22
22
  key: (keyof CSSProperties)[];
23
23
  values: T;
24
- default: T[number];
24
+ default?: T[number];
25
25
  };
26
26
  export type PropDef<T extends readonly any[] = readonly any[]> = ClassNamePropsType<T> | CSSPropsTypeWithValues<T> | CSSPropsTypeWithoutValues<string | number> | StylePropsType<T>;