@inntechcorp/it-design 2.2.32 → 2.2.33
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.
- package/dist/index.cjs.js +45 -45
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/stories/Status.stories.d.ts +16 -0
- package/dist/types/StatusProps.d.ts +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1491,7 +1491,7 @@ type StatusProps = {
|
|
|
1491
1491
|
children?: ChildrenProps;
|
|
1492
1492
|
className?: string;
|
|
1493
1493
|
};
|
|
1494
|
-
type StatusVariant = "gray-1" | "gray-2" | "gray-3" | "green" | "yellow" | "red" | "brown" | "lavender" | "pink" | "violet" | "blue" | "filled-red" | "filled-yellow" | "filled-pink" | "filled-blue" | "filled-green" | "filled-purple" | "filled-black";
|
|
1494
|
+
type StatusVariant = "gray-1" | "gray-2" | "gray-3" | "green" | "yellow" | "red" | "brown" | "lavender" | "pink" | "violet" | "blue" | "black" | "purple" | "orange" | "teal" | "indigo" | "lime" | "filled-brown" | "filled-violet" | "filled-red" | "filled-yellow" | "filled-pink" | "filled-blue" | "filled-green" | "filled-purple" | "filled-black" | "filled-lavender" | "filled-gray-1" | "filled-gray-2" | "filled-gray-3" | "filled-orange" | "filled-teal" | "filled-indigo" | "filled-lime";
|
|
1495
1495
|
|
|
1496
1496
|
type FlexProps = {
|
|
1497
1497
|
gap?: FlexGapProps;
|
package/dist/index.esm.js
CHANGED
|
@@ -4552,7 +4552,7 @@ function(b,z){M.exports?M.exports=z(SO()):z(b.moment)}(FO,(function(M){void 0===
|
|
|
4552
4552
|
50% { transform: scale(1.1) }
|
|
4553
4553
|
75% { transform: scale(0.9) }
|
|
4554
4554
|
100% { transform: scale(1) }
|
|
4555
|
-
`;function Ld(M){const{children:b=null}=M,[z,o]=t(!1);n((()=>(document.addEventListener("scroll",O),()=>{document.removeEventListener("scroll",O)})),[]);const O=()=>{o(document.body.scrollTop>window.innerHeight)};return p(fd,{className:"itd-back-to-top",children:p(hd,{onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},$show:z,children:b||p(ac,{width:30,height:30})})})}const md={"gray-1":{background:"#F9F9F9",text:"#0714374D"},"gray-2":{background:"#F9F9F9",text:"#585455"},"gray-3":{background:"#F5F5F5",text:"#071437"},green:{background:"#DFFFEA",text:"#17C653"},yellow:{background:"#FFF8DD",text:"#F6C000"},red:{background:"#FFEEF3",text:"#F8285A"},brown:{background:"#FFF3F1",text:"#CB6F5B"},lavender:{background:"#FCF3FF",text:"#AB60C0"},blue:{background:"#F1F4FF",text:"#3256D9"},pink:{background:"#FFEEF6",text:"#E25698"},violet:{background:"#F5F1FF",text:"#7239EA"},"filled-red":{background:"#F8285A",text:"#F7EFF1"},"filled-yellow":{background:"#F6C000",text:"#FBFAF4"},"filled-pink":{background:"#CC79E3",text:"#F7F3F9"},"filled-blue":{background:"#1B84FF",text:"#EDF0F4"},"filled-green":{background:"#17C653",text:"#F5FAF6"},"filled-purple":{background:"#C417C6",text:"#F6F0F6"},"filled-black":{background:"#071437",text:"#F1F3F7"}},gd=k.div`
|
|
4555
|
+
`;function Ld(M){const{children:b=null}=M,[z,o]=t(!1);n((()=>(document.addEventListener("scroll",O),()=>{document.removeEventListener("scroll",O)})),[]);const O=()=>{o(document.body.scrollTop>window.innerHeight)};return p(fd,{className:"itd-back-to-top",children:p(hd,{onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},$show:z,children:b||p(ac,{width:30,height:30})})})}const md={"gray-1":{background:"#F9F9F9",text:"#0714374D"},"gray-2":{background:"#F9F9F9",text:"#585455"},"gray-3":{background:"#F5F5F5",text:"#071437"},black:{background:"#071437",text:"#FFFFFF"},green:{background:"#DFFFEA",text:"#17C653"},purple:{background:"#F5F1FF",text:"#7239EA"},yellow:{background:"#FFF8DD",text:"#F6C000"},red:{background:"#FFEEF3",text:"#F8285A"},brown:{background:"#FFF3F1",text:"#CB6F5B"},lavender:{background:"#FCF3FF",text:"#AB60C0"},blue:{background:"#F1F4FF",text:"#3256D9"},pink:{background:"#FFEEF6",text:"#E25698"},violet:{background:"#F5F1FF",text:"#7239EA"},"filled-brown":{background:"#F5651A",text:"#FFF9F6"},"filled-violet":{background:"#7239EA",text:"#F5F1FF"},"filled-red":{background:"#F8285A",text:"#F7EFF1"},"filled-yellow":{background:"#F6C000",text:"#FBFAF4"},"filled-pink":{background:"#CC79E3",text:"#F7F3F9"},"filled-blue":{background:"#1B84FF",text:"#EDF0F4"},"filled-green":{background:"#17C653",text:"#F5FAF6"},"filled-purple":{background:"#C417C6",text:"#F6F0F6"},"filled-black":{background:"#071437",text:"#F1F3F7"},"filled-lavender":{background:"#AB60C0",text:"#FCF3FF"},"filled-gray-1":{background:"#585455",text:"#F9F9F9"},"filled-gray-2":{background:"#585455",text:"#F9F9F9"},"filled-gray-3":{background:"#071437",text:"#F5F5F5"},orange:{background:"#FFF4E6",text:"#FF8C00"},"filled-orange":{background:"#FF8C00",text:"#FFF4E6"},teal:{background:"#E6FFFA",text:"#2DD4BF"},"filled-teal":{background:"#2DD4BF",text:"#E6FFFA"},indigo:{background:"#EEF2FF",text:"#6366F1"},"filled-indigo":{background:"#6366F1",text:"#EEF2FF"},lime:{background:"#F7FEE7",text:"#65A30D"},"filled-lime":{background:"#65A30D",text:"#F7FEE7"}},gd=k.div`
|
|
4556
4556
|
|
|
4557
4557
|
display: flex;
|
|
4558
4558
|
align-items: center;
|
|
@@ -24,6 +24,14 @@ export declare const Lavender: Story;
|
|
|
24
24
|
export declare const Pink: Story;
|
|
25
25
|
export declare const Violet: Story;
|
|
26
26
|
export declare const Blue: Story;
|
|
27
|
+
export declare const Black: Story;
|
|
28
|
+
export declare const Purple: Story;
|
|
29
|
+
export declare const Orange: Story;
|
|
30
|
+
export declare const Teal: Story;
|
|
31
|
+
export declare const Indigo: Story;
|
|
32
|
+
export declare const Lime: Story;
|
|
33
|
+
export declare const FilledBrown: Story;
|
|
34
|
+
export declare const FilledViolet: Story;
|
|
27
35
|
export declare const FilledRed: Story;
|
|
28
36
|
export declare const FilledYellow: Story;
|
|
29
37
|
export declare const FilledPink: Story;
|
|
@@ -31,3 +39,11 @@ export declare const FilledBlue: Story;
|
|
|
31
39
|
export declare const FilledGreen: Story;
|
|
32
40
|
export declare const FilledPurple: Story;
|
|
33
41
|
export declare const FilledBlack: Story;
|
|
42
|
+
export declare const FilledLavender: Story;
|
|
43
|
+
export declare const FilledGray1: Story;
|
|
44
|
+
export declare const FilledGray2: Story;
|
|
45
|
+
export declare const FilledGray3: Story;
|
|
46
|
+
export declare const FilledOrange: Story;
|
|
47
|
+
export declare const FilledTeal: Story;
|
|
48
|
+
export declare const FilledIndigo: Story;
|
|
49
|
+
export declare const FilledLime: Story;
|
|
@@ -8,4 +8,4 @@ export type StatusProps = {
|
|
|
8
8
|
children?: ChildrenProps;
|
|
9
9
|
className?: string;
|
|
10
10
|
};
|
|
11
|
-
export type StatusVariant = "gray-1" | "gray-2" | "gray-3" | "green" | "yellow" | "red" | "brown" | "lavender" | "pink" | "violet" | "blue" | "filled-red" | "filled-yellow" | "filled-pink" | "filled-blue" | "filled-green" | "filled-purple" | "filled-black";
|
|
11
|
+
export type StatusVariant = "gray-1" | "gray-2" | "gray-3" | "green" | "yellow" | "red" | "brown" | "lavender" | "pink" | "violet" | "blue" | "black" | "purple" | "orange" | "teal" | "indigo" | "lime" | "filled-brown" | "filled-violet" | "filled-red" | "filled-yellow" | "filled-pink" | "filled-blue" | "filled-green" | "filled-purple" | "filled-black" | "filled-lavender" | "filled-gray-1" | "filled-gray-2" | "filled-gray-3" | "filled-orange" | "filled-teal" | "filled-indigo" | "filled-lime";
|