giorgi-gogua-library 0.2.0 → 0.3.0
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/components/Input/Input.d.ts +7 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/index.css +30 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +22 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +22 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import "./style.css";
|
|
2
|
+
import React, { InputHTMLAttributes } from "react";
|
|
3
|
+
export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
4
|
+
size?: "sm" | "md" | "lg";
|
|
5
|
+
}
|
|
6
|
+
declare const Input: React.FC<InputProps>;
|
|
7
|
+
export default Input;
|
package/dist/index.css
CHANGED
|
@@ -54,4 +54,34 @@
|
|
|
54
54
|
height: 3.5rem;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
+
.lg {
|
|
58
|
+
width: 20rem;
|
|
59
|
+
height: 3rem;
|
|
60
|
+
padding: 0.2rem 0 0 0.5rem;
|
|
61
|
+
font-size: 1rem;
|
|
62
|
+
border-radius: 0.3rem;
|
|
63
|
+
outline: none;
|
|
64
|
+
border: 1px solid gray;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.md {
|
|
68
|
+
width: 15rem;
|
|
69
|
+
height: 2.5rem;
|
|
70
|
+
padding: 0.2rem 0 0 0.5rem;
|
|
71
|
+
font-size: 0.9rem;
|
|
72
|
+
border-radius: 0.3rem;
|
|
73
|
+
outline: none;
|
|
74
|
+
border: 1px solid gray;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.sm {
|
|
78
|
+
width: 10rem;
|
|
79
|
+
height: 2rem;
|
|
80
|
+
padding: 0.2rem 0 0 0.5rem;
|
|
81
|
+
font-size: 0.8rem;
|
|
82
|
+
border-radius: 0.3rem;
|
|
83
|
+
outline: none;
|
|
84
|
+
border: 1px solid gray;
|
|
85
|
+
}
|
|
86
|
+
|
|
57
87
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.css"],"names":[],"mappings":"AAAA;EACE,YAAY;EACZ,mCAAmC;EACnC,YAAY;EACZ,kBAAkB;AACpB;AACA;EACE,YAAY;EACZ,kCAAkC;EAClC,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,qBAAqB;EACrB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,uBAAuB;EACvB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,wBAAwB;EACxB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,uBAAuB;EACvB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,cAAc;AAChB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,WAAW;EACX,cAAc;AAChB","file":"index.css","sourcesContent":[".
|
|
1
|
+
{"version":3,"sources":["style.css"],"names":[],"mappings":"AAAA;EACE,YAAY;EACZ,mCAAmC;EACnC,YAAY;EACZ,kBAAkB;AACpB;AACA;EACE,YAAY;EACZ,kCAAkC;EAClC,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,qBAAqB;EACrB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,uBAAuB;EACvB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,wBAAwB;EACxB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,uBAAuB;EACvB,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,cAAc;AAChB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,WAAW;EACX,cAAc;AAChB;;AAtDA;EACE,YAAY;EACZ,YAAY;EACZ,0BAA0B;EAC1B,eAAe;EACf,qBAAqB;EACrB,aAAa;EACb,sBAAsB;AACxB;;AAEA;EACE,YAAY;EACZ,cAAc;EACd,0BAA0B;EAC1B,iBAAiB;EACjB,qBAAqB;EACrB,aAAa;EACb,sBAAsB;AACxB;;AAEA;EACE,YAAY;EACZ,YAAY;EACZ,0BAA0B;EAC1B,iBAAiB;EACjB,qBAAqB;EACrB,aAAa;EACb,sBAAsB;AACxB","file":"index.css","sourcesContent":[".lg {\r\n width: 20rem;\r\n height: 3rem;\r\n padding: 0.2rem 0 0 0.5rem;\r\n font-size: 1rem;\r\n border-radius: 0.3rem;\r\n outline: none;\r\n border: 1px solid gray;\r\n}\r\n\r\n.md {\r\n width: 15rem;\r\n height: 2.5rem;\r\n padding: 0.2rem 0 0 0.5rem;\r\n font-size: 0.9rem;\r\n border-radius: 0.3rem;\r\n outline: none;\r\n border: 1px solid gray;\r\n}\r\n\r\n.sm {\r\n width: 10rem;\r\n height: 2rem;\r\n padding: 0.2rem 0 0 0.5rem;\r\n font-size: 0.8rem;\r\n border-radius: 0.3rem;\r\n outline: none;\r\n border: 1px solid gray;\r\n}\r\n"]}
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -19,13 +19,15 @@ function _objectWithoutPropertiesLoose(r, e) {
|
|
|
19
19
|
return t;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
var _excluded = ["variant", "size", "children"];
|
|
22
|
+
var _excluded$1 = ["variant", "size", "children"];
|
|
23
23
|
var Button = function Button(_ref) {
|
|
24
|
-
var variant = _ref.variant,
|
|
25
|
-
|
|
24
|
+
var _ref$variant = _ref.variant,
|
|
25
|
+
variant = _ref$variant === void 0 ? "primary" : _ref$variant,
|
|
26
|
+
_ref$size = _ref.size,
|
|
27
|
+
size = _ref$size === void 0 ? "sm" : _ref$size,
|
|
26
28
|
children = _ref.children,
|
|
27
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
28
|
-
var className = "button " + variant + " " + size + " " +
|
|
29
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
|
|
30
|
+
var className = ("button " + variant + " " + size + " " + props.className).trim();
|
|
29
31
|
return jsxRuntime.jsx("div", {
|
|
30
32
|
children: jsxRuntime.jsx("button", _extends({
|
|
31
33
|
type: "button",
|
|
@@ -36,5 +38,20 @@ var Button = function Button(_ref) {
|
|
|
36
38
|
});
|
|
37
39
|
};
|
|
38
40
|
|
|
41
|
+
var _excluded = ["size", "children"];
|
|
42
|
+
var Input = function Input(_ref) {
|
|
43
|
+
var _ref$size = _ref.size,
|
|
44
|
+
size = _ref$size === void 0 ? "sm" : _ref$size,
|
|
45
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
46
|
+
var className = ("input " + size + " " + props.className).trim();
|
|
47
|
+
return jsxRuntime.jsx("div", {
|
|
48
|
+
children: jsxRuntime.jsx("input", _extends({
|
|
49
|
+
type: "input",
|
|
50
|
+
className: className
|
|
51
|
+
}, props))
|
|
52
|
+
});
|
|
53
|
+
};
|
|
54
|
+
|
|
39
55
|
exports.Button = Button;
|
|
56
|
+
exports.Input = Input;
|
|
40
57
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import \"./style.css\";\r\n\r\nimport React, { ButtonHTMLAttributes } from \"react\";\r\n\r\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: \"primary\" | \"danger\" | \"warning\" | \"dark\" | \"light\" | \"success\";\r\n size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nconst Button: React.FC<ButtonProps> = ({\r\n variant,\r\n size,\r\n children,\r\n ...props\r\n}: ButtonProps) => {\r\n const className = `button ${variant} ${size} ${props.className
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/components/Button/Button.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["import \"./style.css\";\r\n\r\nimport React, { ButtonHTMLAttributes } from \"react\";\r\n\r\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: \"primary\" | \"danger\" | \"warning\" | \"dark\" | \"light\" | \"success\";\r\n size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nconst Button: React.FC<ButtonProps> = ({\r\n variant = \"primary\",\r\n size = \"sm\",\r\n children,\r\n ...props\r\n}: ButtonProps) => {\r\n const className = `button ${variant} ${size} ${props.className}`.trim();\r\n return (\r\n <div>\r\n <button type=\"button\" className={className} {...props}>\r\n {children}\r\n </button>\r\n </div>\r\n );\r\n};\r\n\r\nexport default Button;\r\n","import \"./style.css\";\r\n\r\nimport React, { InputHTMLAttributes } from \"react\";\r\n\r\nexport interface InputProps extends Omit<\r\n InputHTMLAttributes<HTMLInputElement>,\r\n \"size\"\r\n> {\r\n size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nconst Input: React.FC<InputProps> = ({\r\n size = \"sm\",\r\n children,\r\n ...props\r\n}: InputProps) => {\r\n const className = `input ${size} ${props.className}`.trim();\r\n return (\r\n <div>\r\n <input type=\"input\" className={className} {...props} />\r\n </div>\r\n );\r\n};\r\n\r\nexport default Input;\r\n"],"names":["Button","_ref","_ref$variant","variant","_ref$size","size","children","props","_objectWithoutPropertiesLoose","_excluded","className","trim","_jsx","_extends","type","Input"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,MAAM,GAA0B,SAAhCA,MAAMA,CAAAC,IAAA,EAKM;AAAA,EAAA,IAAAC,YAAA,GAAAD,IAAA,CAJhBE,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA;IAAAE,SAAA,GAAAH,IAAA,CACnBI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IACXE,QAAQ,GAAAL,IAAA,CAARK,QAAQ;AACLC,IAAAA,KAAK,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,WAAA,CAAA,CAAA;AAER,EAAA,IAAMC,SAAS,GAAG,CAAUP,SAAAA,GAAAA,OAAO,GAAIE,GAAAA,GAAAA,IAAI,GAAIE,GAAAA,GAAAA,KAAK,CAACG,SAAS,EAAGC,IAAI,EAAE,CAAA;EACvE,OACEC,cACE,CAAA,KAAA,EAAA;AAAAN,IAAAA,QAAA,EAAAM,cAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;AAAQC,MAAAA,IAAI,EAAC,QAAQ;AAACJ,MAAAA,SAAS,EAAEA,SAAAA;AAAS,KAAA,EAAMH,KAAK,EAAA;AAAAD,MAAAA,QAAA,EAClDA,QAAAA;KACM,CAAA,CAAA;AAAA,GAAA,CACL,CAAA;AAEV;;;ACZA,IAAMS,KAAK,GAAyB,SAA9BA,KAAKA,CAAAd,IAAA,EAIM;AAAA,EAAA,IAAAG,SAAA,GAAAH,IAAA,CAHfI,IAAI,CAAA;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA,CAAA;IAERG,KAAK,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA,EAAA;EAER,IAAMC,SAAS,GAAG,CAAA,QAAA,GAASL,IAAI,GAAA,GAAA,GAAIE,KAAK,CAACG,SAAS,EAAGC,IAAI,EAAE,CAAA;EAC3D,OACEC,cAAA,CAAA,KAAA,EAAA;AAAAN,IAAAA,QAAA,EACEM,cAAO,CAAA,OAAA,EAAAC,QAAA,CAAA;AAAAC,MAAAA,IAAI,EAAC,OAAO;AAACJ,MAAAA,SAAS,EAAEA,SAAAA;AAAS,KAAA,EAAMH,KAAK,CAAI,CAAA;AAAA,GAAA,CACnD,CAAA;AAEV;;;;;"}
|
package/dist/index.mjs
CHANGED
|
@@ -19,13 +19,15 @@ function _objectWithoutPropertiesLoose(r, e) {
|
|
|
19
19
|
return t;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
var _excluded = ["variant", "size", "children"];
|
|
22
|
+
var _excluded$1 = ["variant", "size", "children"];
|
|
23
23
|
var Button = function Button(_ref) {
|
|
24
|
-
var variant = _ref.variant,
|
|
25
|
-
|
|
24
|
+
var _ref$variant = _ref.variant,
|
|
25
|
+
variant = _ref$variant === void 0 ? "primary" : _ref$variant,
|
|
26
|
+
_ref$size = _ref.size,
|
|
27
|
+
size = _ref$size === void 0 ? "sm" : _ref$size,
|
|
26
28
|
children = _ref.children,
|
|
27
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
28
|
-
var className = "button " + variant + " " + size + " " +
|
|
29
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
|
|
30
|
+
var className = ("button " + variant + " " + size + " " + props.className).trim();
|
|
29
31
|
return jsx("div", {
|
|
30
32
|
children: jsx("button", _extends({
|
|
31
33
|
type: "button",
|
|
@@ -36,5 +38,19 @@ var Button = function Button(_ref) {
|
|
|
36
38
|
});
|
|
37
39
|
};
|
|
38
40
|
|
|
39
|
-
|
|
41
|
+
var _excluded = ["size", "children"];
|
|
42
|
+
var Input = function Input(_ref) {
|
|
43
|
+
var _ref$size = _ref.size,
|
|
44
|
+
size = _ref$size === void 0 ? "sm" : _ref$size,
|
|
45
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
46
|
+
var className = ("input " + size + " " + props.className).trim();
|
|
47
|
+
return jsx("div", {
|
|
48
|
+
children: jsx("input", _extends({
|
|
49
|
+
type: "input",
|
|
50
|
+
className: className
|
|
51
|
+
}, props))
|
|
52
|
+
});
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
export { Button, Input };
|
|
40
56
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import \"./style.css\";\r\n\r\nimport React, { ButtonHTMLAttributes } from \"react\";\r\n\r\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: \"primary\" | \"danger\" | \"warning\" | \"dark\" | \"light\" | \"success\";\r\n size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nconst Button: React.FC<ButtonProps> = ({\r\n variant,\r\n size,\r\n children,\r\n ...props\r\n}: ButtonProps) => {\r\n const className = `button ${variant} ${size} ${props.className
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../src/components/Button/Button.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["import \"./style.css\";\r\n\r\nimport React, { ButtonHTMLAttributes } from \"react\";\r\n\r\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: \"primary\" | \"danger\" | \"warning\" | \"dark\" | \"light\" | \"success\";\r\n size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nconst Button: React.FC<ButtonProps> = ({\r\n variant = \"primary\",\r\n size = \"sm\",\r\n children,\r\n ...props\r\n}: ButtonProps) => {\r\n const className = `button ${variant} ${size} ${props.className}`.trim();\r\n return (\r\n <div>\r\n <button type=\"button\" className={className} {...props}>\r\n {children}\r\n </button>\r\n </div>\r\n );\r\n};\r\n\r\nexport default Button;\r\n","import \"./style.css\";\r\n\r\nimport React, { InputHTMLAttributes } from \"react\";\r\n\r\nexport interface InputProps extends Omit<\r\n InputHTMLAttributes<HTMLInputElement>,\r\n \"size\"\r\n> {\r\n size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nconst Input: React.FC<InputProps> = ({\r\n size = \"sm\",\r\n children,\r\n ...props\r\n}: InputProps) => {\r\n const className = `input ${size} ${props.className}`.trim();\r\n return (\r\n <div>\r\n <input type=\"input\" className={className} {...props} />\r\n </div>\r\n );\r\n};\r\n\r\nexport default Input;\r\n"],"names":["Button","_ref","_ref$variant","variant","_ref$size","size","children","props","_objectWithoutPropertiesLoose","_excluded","className","trim","_jsx","_extends","type","Input"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,MAAM,GAA0B,SAAhCA,MAAMA,CAAAC,IAAA,EAKM;AAAA,EAAA,IAAAC,YAAA,GAAAD,IAAA,CAJhBE,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA;IAAAE,SAAA,GAAAH,IAAA,CACnBI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IACXE,QAAQ,GAAAL,IAAA,CAARK,QAAQ;AACLC,IAAAA,KAAK,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,WAAA,CAAA,CAAA;AAER,EAAA,IAAMC,SAAS,GAAG,CAAUP,SAAAA,GAAAA,OAAO,GAAIE,GAAAA,GAAAA,IAAI,GAAIE,GAAAA,GAAAA,KAAK,CAACG,SAAS,EAAGC,IAAI,EAAE,CAAA;EACvE,OACEC,GACE,CAAA,KAAA,EAAA;AAAAN,IAAAA,QAAA,EAAAM,GAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;AAAQC,MAAAA,IAAI,EAAC,QAAQ;AAACJ,MAAAA,SAAS,EAAEA,SAAAA;AAAS,KAAA,EAAMH,KAAK,EAAA;AAAAD,MAAAA,QAAA,EAClDA,QAAAA;KACM,CAAA,CAAA;AAAA,GAAA,CACL,CAAA;AAEV;;;ACZA,IAAMS,KAAK,GAAyB,SAA9BA,KAAKA,CAAAd,IAAA,EAIM;AAAA,EAAA,IAAAG,SAAA,GAAAH,IAAA,CAHfI,IAAI,CAAA;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA,CAAA;IAERG,KAAK,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA,EAAA;EAER,IAAMC,SAAS,GAAG,CAAA,QAAA,GAASL,IAAI,GAAA,GAAA,GAAIE,KAAK,CAACG,SAAS,EAAGC,IAAI,EAAE,CAAA;EAC3D,OACEC,GAAA,CAAA,KAAA,EAAA;AAAAN,IAAAA,QAAA,EACEM,GAAO,CAAA,OAAA,EAAAC,QAAA,CAAA;AAAAC,MAAAA,IAAI,EAAC,OAAO;AAACJ,MAAAA,SAAS,EAAEA,SAAAA;AAAS,KAAA,EAAMH,KAAK,CAAI,CAAA;AAAA,GAAA,CACnD,CAAA;AAEV;;;;"}
|