@superlonglong/react-component-library 1.0.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/cjs/_virtual/jsx-runtime.js +7 -0
- package/dist/cjs/_virtual/jsx-runtime2.js +5 -0
- package/dist/cjs/_virtual/react-jsx-runtime.development.js +5 -0
- package/dist/cjs/_virtual/react-jsx-runtime.production.min.js +5 -0
- package/dist/cjs/components/Button/Button.js +10 -0
- package/dist/cjs/components/Button/Button.module.css.js +11 -0
- package/dist/cjs/components/Input/Input.js +10 -0
- package/dist/cjs/components/Input/Input.module.css.js +11 -0
- package/dist/cjs/index.js +9 -0
- package/dist/cjs/node_modules/react/cjs/react-jsx-runtime.development.js +1327 -0
- package/dist/cjs/node_modules/react/cjs/react-jsx-runtime.production.min.js +26 -0
- package/dist/cjs/node_modules/react/jsx-runtime.js +21 -0
- package/dist/cjs/node_modules/style-inject/dist/style-inject.es.js +32 -0
- package/dist/esm/_virtual/jsx-runtime.js +5 -0
- package/dist/esm/_virtual/jsx-runtime2.js +3 -0
- package/dist/esm/_virtual/react-jsx-runtime.development.js +3 -0
- package/dist/esm/_virtual/react-jsx-runtime.production.min.js +3 -0
- package/dist/esm/components/Button/Button.js +8 -0
- package/dist/esm/components/Button/Button.module.css.js +7 -0
- package/dist/esm/components/Input/Input.js +8 -0
- package/dist/esm/components/Input/Input.module.css.js +7 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/node_modules/react/cjs/react-jsx-runtime.development.js +1325 -0
- package/dist/esm/node_modules/react/cjs/react-jsx-runtime.production.min.js +24 -0
- package/dist/esm/node_modules/react/jsx-runtime.js +19 -0
- package/dist/esm/node_modules/style-inject/dist/style-inject.es.js +28 -0
- package/dist/index.d.ts +19 -0
- package/package.json +42 -0
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var reactJsxRuntime_production_min = require('../../../_virtual/react-jsx-runtime.production.min.js');
|
|
4
|
+
var require$$0 = require('react');
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* @license React
|
|
8
|
+
* react-jsx-runtime.production.min.js
|
|
9
|
+
*
|
|
10
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
11
|
+
*
|
|
12
|
+
* This source code is licensed under the MIT license found in the
|
|
13
|
+
* LICENSE file in the root directory of this source tree.
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
var hasRequiredReactJsxRuntime_production_min;
|
|
17
|
+
|
|
18
|
+
function requireReactJsxRuntime_production_min () {
|
|
19
|
+
if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min.__exports;
|
|
20
|
+
hasRequiredReactJsxRuntime_production_min = 1;
|
|
21
|
+
var f=require$$0,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:true,ref:true,__self:true,__source:true};
|
|
22
|
+
function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a) void 0===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.__exports.Fragment=l;reactJsxRuntime_production_min.__exports.jsx=q;reactJsxRuntime_production_min.__exports.jsxs=q;
|
|
23
|
+
return reactJsxRuntime_production_min.__exports;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
exports.__require = requireReactJsxRuntime_production_min;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('../../_virtual/jsx-runtime2.js');
|
|
4
|
+
var reactJsxRuntime_production_min = require('./cjs/react-jsx-runtime.production.min.js');
|
|
5
|
+
var reactJsxRuntime_development = require('./cjs/react-jsx-runtime.development.js');
|
|
6
|
+
|
|
7
|
+
var hasRequiredJsxRuntime;
|
|
8
|
+
|
|
9
|
+
function requireJsxRuntime () {
|
|
10
|
+
if (hasRequiredJsxRuntime) return jsxRuntime.__module.exports;
|
|
11
|
+
hasRequiredJsxRuntime = 1;
|
|
12
|
+
|
|
13
|
+
if (process.env.NODE_ENV === 'production') {
|
|
14
|
+
jsxRuntime.__module.exports = reactJsxRuntime_production_min.__require();
|
|
15
|
+
} else {
|
|
16
|
+
jsxRuntime.__module.exports = reactJsxRuntime_development.__require();
|
|
17
|
+
}
|
|
18
|
+
return jsxRuntime.__module.exports;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
exports.__require = requireJsxRuntime;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
function styleInject(css, ref) {
|
|
6
|
+
if ( ref === void 0 ) ref = {};
|
|
7
|
+
var insertAt = ref.insertAt;
|
|
8
|
+
|
|
9
|
+
if (!css || typeof document === 'undefined') { return; }
|
|
10
|
+
|
|
11
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
|
12
|
+
var style = document.createElement('style');
|
|
13
|
+
style.type = 'text/css';
|
|
14
|
+
|
|
15
|
+
if (insertAt === 'top') {
|
|
16
|
+
if (head.firstChild) {
|
|
17
|
+
head.insertBefore(style, head.firstChild);
|
|
18
|
+
} else {
|
|
19
|
+
head.appendChild(style);
|
|
20
|
+
}
|
|
21
|
+
} else {
|
|
22
|
+
head.appendChild(style);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
if (style.styleSheet) {
|
|
26
|
+
style.styleSheet.cssText = css;
|
|
27
|
+
} else {
|
|
28
|
+
style.appendChild(document.createTextNode(css));
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
exports.default = styleInject;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import styles from './Button.module.css.js';
|
|
3
|
+
|
|
4
|
+
const Button = ({ children, onClick, variant = 'primary' }) => {
|
|
5
|
+
return (jsx("button", { className: `${styles.button} ${styles[variant]}`, onClick: onClick, children: children }));
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
export { Button };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = ".Button-module_button__2ZuB7 {\n padding: 8px 16px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 14px;\n }\n\n .Button-module_primary__s1sM6 {\n background-color: #007bff;\n color: white;\n }\n\n .Button-module_secondary__R0waJ {\n background-color: #6c757d;\n color: white;\n }";
|
|
4
|
+
var styles = {"button":"Button-module_button__2ZuB7","primary":"Button-module_primary__s1sM6","secondary":"Button-module_secondary__R0waJ"};
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export { styles as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import styles from './Input.module.css.js';
|
|
3
|
+
|
|
4
|
+
const Input = ({ value, onChange, placeholder, type = 'text' }) => {
|
|
5
|
+
return (jsx("input", { className: styles.input, type: type, value: value, onChange: (e) => onChange(e.target.value), placeholder: placeholder }));
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
export { Input };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = ".Input-module_input__WjT81 {\n padding: 8px 12px;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-size: 14px;\n width: 100%;\n box-sizing: border-box;\n }\n\n .Input-module_input__WjT81:focus {\n outline: none;\n border-color: #007bff;\n }";
|
|
4
|
+
var styles = {"input":"Input-module_input__WjT81"};
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export { styles as default };
|