nectiasw 0.0.37 → 0.0.39

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.
@@ -1,108 +1,4 @@
1
1
  import { default as React } from 'react';
2
+ import { BoxProps } from './types';
2
3
 
3
4
  export declare const Box: React.FC<BoxProps>;
4
- declare enum Rule {
5
- REM = "rem",
6
- PIXELS = "px"
7
- }
8
- type RotateDegree = "0" | "1" | "2" | "3" | "6" | "12" | "45" | "90" | "180";
9
- type BrightnessLevel = "0" | "50" | "75" | "90" | "95" | "100" | "105" | "110" | "125" | "150" | "200";
10
- type ScaleLevel = "0" | "50" | "75" | "90" | "95" | "100";
11
- type BorderWidth = "0" | "2" | "4" | "8" | "x-0" | "x-2" | "x-4" | "x-8" | "x" | "y-0" | "y-2" | "y-4" | "y-8" | "y" | "s-0" | "s-2" | "s-4" | "s-8" | "s" | "e-0" | "e-2" | "e-4" | "e-8" | "e" | "t-0" | "t-2" | "t-4" | "t-8" | "t" | "r-0" | "r-2" | "r-4" | "r-8" | "r" | "b-0" | "b-2" | "b-4" | "b-8" | "b" | "l-0" | "l-2" | "l-4" | "l-8" | "l";
12
- type Radius = "none" | "sm" | "full" | "md" | "lg" | "xl" | "2xl" | "3xl";
13
- type OpacityValue = "0" | "5" | "10" | "20" | "25" | "30" | "40" | "50" | "60" | "70" | "75" | "80" | "90" | "95" | "100";
14
- type BorderRadius = Radius | `s-${Radius}` | `e-${Radius}` | `t-${Radius}` | `r-${Radius}` | `b-${Radius}` | `ss-${Radius}` | `se-${Radius}` | `ee-${Radius}` | `es-${Radius}` | `tl-${Radius}` | `tr-${Radius}` | `bl-${Radius}` | `br-${Radius}`;
15
- type BreakTiming = "auto" | "avoid" | "all" | "avoid-page" | "page" | "left" | "right" | "column";
16
- type ScreenSize = "0" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose";
17
- type BlurLevel = "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
18
- type SelectProperties = "none" | "text" | "all" | "auto";
19
- type TextOverflowProperties = "truncate" | "ellipsis" | "clip";
20
- type DisplayProperties = "block" | "inline" | "inline-block" | string;
21
- type PositionProperties = "static" | "relative" | "absolute" | "sticky" | "fixed";
22
- type OverflowProperties = "auto" | "hidden" | "clip" | "visible" | "scroll" | "x-auto" | "y-auto" | "x-hidden" | "y-hidden" | "x-clip" | "y-visible" | "x-scroll" | "y-scroll";
23
- type whiteSpaceProperties = "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap" | "break-spaces";
24
- export type BoxProps = {
25
- id?: string;
26
- as?: string;
27
- rule?: Rule;
28
- color?: string;
29
- blur?: BlurLevel;
30
- grid?: boolean;
31
- style?: React.CSSProperties;
32
- onClick?: () => void;
33
- onMouseEnter?: () => void;
34
- onMouseLeave?: () => void;
35
- fullWidth?: boolean;
36
- fullHeight?: boolean;
37
- width?: number | string;
38
- height?: number | string;
39
- top?: number | string;
40
- left?: number | string;
41
- right?: number | string;
42
- bottom?: number | string;
43
- insetX?: number | string;
44
- insetY?: number | string;
45
- margin?: number | string;
46
- marginX?: number | string;
47
- marginY?: number | string;
48
- padding?: number | string;
49
- paddingY?: number | string;
50
- paddingX?: number | string;
51
- paddingTop?: number | string;
52
- paddingLeft?: number | string;
53
- paddingRight?: number | string;
54
- paddingBottom?: number | string;
55
- maxWidth?: number | string;
56
- minWidth?: number | string;
57
- maxHeight?: number | string;
58
- minHeight?: number | string;
59
- minWidthScreen?: ScreenSize | string;
60
- minHeightScreen?: ScreenSize | string;
61
- maxWidthScreen?: ScreenSize | string;
62
- maxHeightScreen?: ScreenSize | string;
63
- marginTop?: number | string;
64
- marginLeft?: number | string;
65
- marginRight?: number | string;
66
- marginBottom?: number | string;
67
- backgroundColor?: string;
68
- zIndex?: number | string;
69
- display?: DisplayProperties;
70
- position?: PositionProperties;
71
- overflow?: OverflowProperties;
72
- borderWidth?: BorderWidth | string | number;
73
- textOverflow?: TextOverflowProperties;
74
- borderTop?: boolean;
75
- borderLeft?: boolean;
76
- borderRight?: boolean;
77
- borderBottom?: boolean;
78
- container?: boolean;
79
- breakAfter?: BreakTiming;
80
- breakInside?: BreakTiming;
81
- breakBefore?: BreakTiming;
82
- float?: "left" | "right";
83
- borderBox?: "border" | "content";
84
- clear?: "left" | "right" | "both" | "none";
85
- borders?: string[];
86
- wordBreak?: "normal" | "words" | "all" | "keep";
87
- borderStyle?: "solid" | "dashed";
88
- borderColor?: string;
89
- visibility?: "visibile" | "invisible" | "collapse";
90
- textAlign?: "left" | "center" | "right" | "justify" | "start" | "end";
91
- textTransform?: "uppercase" | "lowercase" | "capitalize" | "normal-case";
92
- textDecoration?: "underline" | "overline" | "line-through" | "no-underline";
93
- lineHeight?: number | string;
94
- ringColor?: string | number;
95
- ringWidth?: string | number;
96
- ringOfsset?: string | number;
97
- brightness?: BrightnessLevel;
98
- borderRadius?: BorderRadius;
99
- scale?: ScaleLevel | string;
100
- scaleY?: ScaleLevel | string;
101
- scaleX?: ScaleLevel | string;
102
- rotate?: RotateDegree;
103
- select?: SelectProperties;
104
- whiteSpace?: whiteSpaceProperties;
105
- onHover?: Partial<BoxProps> & Exclude<BoxProps, "hover">;
106
- opacity?: OpacityValue;
107
- } & React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement>;
108
- export {};
@@ -1,4 +1,4 @@
1
- import { BoxProps } from './index';
1
+ import { BoxProps } from './types';
2
2
 
3
3
  type ContainerArgs = Partial<BoxProps>;
4
4
  export declare const classes: (props: ContainerArgs) => string;
@@ -0,0 +1,105 @@
1
+ export declare enum Rule {
2
+ REM = "rem",
3
+ PIXELS = "px"
4
+ }
5
+ type RotateDegree = '0' | '1' | '2' | '3' | '6' | '12' | '45' | '90' | '180';
6
+ type BrightnessLevel = "0" | "50" | "75" | "90" | "95" | "100" | "105" | "110" | "125" | "150" | "200";
7
+ type ScaleLevel = "0" | "50" | "75" | "90" | "95" | "100";
8
+ type BorderWidth = "0" | "2" | "4" | "8" | "x-0" | "x-2" | "x-4" | "x-8" | "x" | "y-0" | "y-2" | "y-4" | "y-8" | "y" | "s-0" | "s-2" | "s-4" | "s-8" | "s" | "e-0" | "e-2" | "e-4" | "e-8" | "e" | "t-0" | "t-2" | "t-4" | "t-8" | "t" | "r-0" | "r-2" | "r-4" | "r-8" | "r" | "b-0" | "b-2" | "b-4" | "b-8" | "b" | "l-0" | "l-2" | "l-4" | "l-8" | "l";
9
+ type Radius = "none" | "sm" | "full" | "md" | "lg" | "xl" | "2xl" | "3xl";
10
+ type OpacityValue = '0' | '5' | '10' | '20' | '25' | '30' | '40' | '50' | '60' | '70' | '75' | '80' | '90' | '95' | '100';
11
+ type BorderRadius = Radius | `s-${Radius}` | `e-${Radius}` | `t-${Radius}` | `r-${Radius}` | `b-${Radius}` | `ss-${Radius}` | `se-${Radius}` | `ee-${Radius}` | `es-${Radius}` | `tl-${Radius}` | `tr-${Radius}` | `bl-${Radius}` | `br-${Radius}`;
12
+ type BreakTiming = "auto" | "avoid" | "all" | "avoid-page" | "page" | "left" | "right" | "column";
13
+ type ScreenSize = "0" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose";
14
+ type BlurLevel = "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
15
+ type SelectProperties = "none" | "text" | "all" | "auto";
16
+ type TextOverflowProperties = "truncate" | "ellipsis" | "clip";
17
+ type DisplayProperties = "block" | "inline" | "inline-block" | string;
18
+ type PositionProperties = "static" | "relative" | "absolute" | "sticky" | "fixed";
19
+ type OverflowProperties = "auto" | "hidden" | "clip" | "visible" | "scroll" | "x-auto" | "y-auto" | "x-hidden" | "y-hidden" | "x-clip" | "y-visible" | "x-scroll" | "y-scroll";
20
+ type whiteSpaceProperties = "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap" | "break-spaces";
21
+ export type BoxProps = {
22
+ id?: string;
23
+ as?: string;
24
+ rule?: Rule;
25
+ color?: string;
26
+ blur?: BlurLevel;
27
+ grid?: boolean;
28
+ style?: React.CSSProperties;
29
+ onClick?: () => void;
30
+ onMouseEnter?: () => void;
31
+ onMouseLeave?: () => void;
32
+ fullWidth?: boolean;
33
+ fullHeight?: boolean;
34
+ width?: number | string;
35
+ height?: number | string;
36
+ top?: number | string;
37
+ left?: number | string;
38
+ right?: number | string;
39
+ bottom?: number | string;
40
+ insetX?: number | string;
41
+ insetY?: number | string;
42
+ margin?: number | string;
43
+ marginX?: number | string;
44
+ marginY?: number | string;
45
+ padding?: number | string;
46
+ paddingY?: number | string;
47
+ paddingX?: number | string;
48
+ paddingTop?: number | string;
49
+ paddingLeft?: number | string;
50
+ paddingRight?: number | string;
51
+ paddingBottom?: number | string;
52
+ maxWidth?: number | string;
53
+ minWidth?: number | string;
54
+ maxHeight?: number | string;
55
+ minHeight?: number | string;
56
+ minWidthScreen?: ScreenSize | string;
57
+ minHeightScreen?: ScreenSize | string;
58
+ maxWidthScreen?: ScreenSize | string;
59
+ maxHeightScreen?: ScreenSize | string;
60
+ marginTop?: number | string;
61
+ marginLeft?: number | string;
62
+ marginRight?: number | string;
63
+ marginBottom?: number | string;
64
+ backgroundColor?: string;
65
+ zIndex?: number | string;
66
+ display?: DisplayProperties;
67
+ position?: PositionProperties;
68
+ overflow?: OverflowProperties;
69
+ borderWidth?: BorderWidth | string | number;
70
+ textOverflow?: TextOverflowProperties;
71
+ borderTop?: boolean;
72
+ borderLeft?: boolean;
73
+ borderRight?: boolean;
74
+ borderBottom?: boolean;
75
+ container?: boolean;
76
+ breakAfter?: BreakTiming;
77
+ breakInside?: BreakTiming;
78
+ breakBefore?: BreakTiming;
79
+ float?: "left" | "right";
80
+ borderBox?: "border" | "content";
81
+ clear?: "left" | "right" | "both" | "none";
82
+ borders?: string[];
83
+ wordBreak?: "normal" | "words" | "all" | "keep";
84
+ borderStyle?: "solid" | "dashed";
85
+ borderColor?: string;
86
+ visibility?: "visibile" | "invisible" | "collapse";
87
+ textAlign?: "left" | "center" | "right" | "justify" | "start" | "end";
88
+ textTransform?: "uppercase" | "lowercase" | "capitalize" | "normal-case";
89
+ textDecoration?: "underline" | "overline" | "line-through" | "no-underline";
90
+ lineHeight?: number | string;
91
+ ringColor?: string | number;
92
+ ringWidth?: string | number;
93
+ ringOfsset?: string | number;
94
+ brightness?: BrightnessLevel;
95
+ borderRadius?: BorderRadius;
96
+ scale?: ScaleLevel | string;
97
+ scaleY?: ScaleLevel | string;
98
+ scaleX?: ScaleLevel | string;
99
+ rotate?: RotateDegree;
100
+ select?: SelectProperties;
101
+ whiteSpace?: whiteSpaceProperties;
102
+ onHover?: Partial<BoxProps> & Exclude<BoxProps, "hover">;
103
+ opacity?: OpacityValue;
104
+ } & React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement>;
105
+ export {};
package/dist/index.d.ts CHANGED
@@ -1,6 +1,5 @@
1
-
2
1
  export { Box } from './components/Box';
3
- export type { BoxProps } from './components/Box';
2
+ export type { BoxProps } from './components/Box/types';
4
3
  export { Row } from './components/Row';
5
4
  export type { RowProps } from './components/Row';
6
5
  export { Chart } from './components/Chart';
@@ -101,7 +100,7 @@ export { sort } from './utils/sort';
101
100
  export { stack } from './utils/stack';
102
101
  export { bearer } from './utils/bearer';
103
102
  export { revert } from './utils/revert';
104
- export { mapping } from './utils/mapping';
103
+ export { mapping, type Mapping, type Option as IOptionMapping, } from './utils/mapping';
105
104
  export { isAmount } from './utils/amount';
106
105
  export { download } from './utils/download';
107
106
  export { capitalize } from './utils/capitalize';
@@ -110,6 +109,6 @@ export { createTimeSlots, createHalfTimeSlots } from './utils/slots';
110
109
  export * as Detail from './components/Detail';
111
110
  export type { DetailProps, SectionProps } from './components/Detail';
112
111
  export { Timeline } from './components/Timeline';
113
- export type { TimelineProps, TimelineDashedProps } from './components/Timeline/types';
112
+ export type { TimelineProps, TimelineDashedProps, } from './components/Timeline/types';
114
113
  export { Dragarea } from './components/Dragarea';
115
114
  export type { DragareaProps } from './components/Dragarea/types';