axis-lib 0.1.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/README.md +22 -0
- package/dist/cjs/Button-5b89148e.js +10617 -0
- package/dist/cjs/Button-5b89148e.js.map +1 -0
- package/dist/cjs/components/Button/ButtonMui.js +32 -0
- package/dist/cjs/components/Button/ButtonMui.js.map +1 -0
- package/dist/cjs/components/Button/index.js +48 -0
- package/dist/cjs/components/Button/index.js.map +1 -0
- package/dist/cjs/components/CnxButton/index.js +16 -0
- package/dist/cjs/components/CnxButton/index.js.map +1 -0
- package/dist/cjs/index.js +15 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/styles.css +1 -0
- package/dist/esm/Button-5263fe1c.js +10593 -0
- package/dist/esm/Button-5263fe1c.js.map +1 -0
- package/dist/esm/components/Button/ButtonMui.js +28 -0
- package/dist/esm/components/Button/ButtonMui.js.map +1 -0
- package/dist/esm/components/Button/index.js +43 -0
- package/dist/esm/components/Button/index.js.map +1 -0
- package/dist/esm/components/CnxButton/index.js +12 -0
- package/dist/esm/components/CnxButton/index.js.map +1 -0
- package/dist/esm/index.js +7 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/styles.css +1 -0
- package/package.json +53 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, c as clsx, M as MUIButton, b as _extends } from '../../Button-5263fe1c.js';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
var _excluded = ["children", "theme", "size", "className", "absolute"];
|
|
6
|
+
var MuiButton = function MuiButton(_ref) {
|
|
7
|
+
var children = _ref.children,
|
|
8
|
+
_ref$theme = _ref.theme,
|
|
9
|
+
theme = _ref$theme === void 0 ? 'style1' : _ref$theme,
|
|
10
|
+
_ref$size = _ref.size,
|
|
11
|
+
size = _ref$size === void 0 ? 'md' : _ref$size,
|
|
12
|
+
_ref$className = _ref.className,
|
|
13
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
14
|
+
_ref$absolute = _ref.absolute,
|
|
15
|
+
absolute = _ref$absolute === void 0 ? false : _ref$absolute,
|
|
16
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
17
|
+
var classNames = clsx('btn', "btn--".concat(size), "btn--".concat(theme), {
|
|
18
|
+
'btn--absolute': absolute
|
|
19
|
+
}, className);
|
|
20
|
+
return /*#__PURE__*/React__default.createElement(MUIButton, _extends({
|
|
21
|
+
className: classNames
|
|
22
|
+
}, rest), /*#__PURE__*/React__default.createElement("span", {
|
|
23
|
+
className: "btn__text"
|
|
24
|
+
}, children));
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export { MuiButton as default };
|
|
28
|
+
//# sourceMappingURL=ButtonMui.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonMui.js","sources":["../../../../src/components/Button/ButtonMui.jsx"],"sourcesContent":["import React from 'react';\r\nimport MUButton from '@mui/material/Button';\r\nimport clsx from 'clsx';\r\nimport './Button.scss';\r\n\r\nconst MuiButton = ({\r\n children,\r\n theme = 'style1', // 'style1' | 'style2'\r\n size = 'md', // 'md' | 'sm'\r\n className = '',\r\n absolute = false,\r\n ...rest\r\n}) => {\r\n const classNames = clsx(\r\n 'btn',\r\n `btn--${size}`,\r\n `btn--${theme}`,\r\n { 'btn--absolute': absolute },\r\n className\r\n );\r\n\r\n return (\r\n <MUButton className={classNames} {...rest}>\r\n <span className=\"btn__text\">{children}</span>\r\n </MUButton>\r\n );\r\n};\r\n\r\nexport default MuiButton;\r\n"],"names":["MuiButton","_ref","children","_ref$theme","theme","_ref$size","size","_ref$className","className","_ref$absolute","absolute","rest","_objectWithoutProperties","_excluded","classNames","clsx","concat","React","createElement","MUButton","_extends"],"mappings":";;;;;AAKA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAOT;AAAA,EAAA,IANJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CACRG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,UAAA;IAAAE,SAAA,GAAAJ,IAAA,CAChBK,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAAE,cAAA,GAAAN,IAAA,CACXO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;AACbE,IAAAA,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGC,IAAI,CACrB,KAAK,EAAA,OAAA,CAAAC,MAAA,CACGV,IAAI,CAAA,EAAA,OAAA,CAAAU,MAAA,CACJZ,KAAK,CACb,EAAA;AAAE,IAAA,eAAe,EAAEM,QAAAA;GAAU,EAC7BF,SACF,CAAC,CAAA;AAED,EAAA,oBACES,cAAA,CAAAC,aAAA,CAACC,SAAQ,EAAAC,QAAA,CAAA;AAACZ,IAAAA,SAAS,EAAEM,UAAAA;AAAW,GAAA,EAAKH,IAAI,CAAA,eACvCM,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMV,IAAAA,SAAS,EAAC,WAAA;GAAaN,EAAAA,QAAe,CACpC,CAAC,CAAA;AAEf;;;;"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _objectSpread2 } from '../../Button-5263fe1c.js';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
export { default as MuiButton } from './ButtonMui.js';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
var _excluded = ["children", "variant", "style"];
|
|
7
|
+
var Button = function Button(_ref) {
|
|
8
|
+
var children = _ref.children,
|
|
9
|
+
_ref$variant = _ref.variant,
|
|
10
|
+
variant = _ref$variant === void 0 ? 'contained' : _ref$variant,
|
|
11
|
+
styleProp = _ref.style,
|
|
12
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
13
|
+
var base = {
|
|
14
|
+
padding: '8px 16px',
|
|
15
|
+
borderRadius: 4,
|
|
16
|
+
border: 'none',
|
|
17
|
+
fontSize: 14,
|
|
18
|
+
cursor: 'pointer'
|
|
19
|
+
};
|
|
20
|
+
var variants = {
|
|
21
|
+
contained: {
|
|
22
|
+
background: '#1976d2',
|
|
23
|
+
color: '#fff'
|
|
24
|
+
},
|
|
25
|
+
outlined: {
|
|
26
|
+
background: 'transparent',
|
|
27
|
+
color: '#1976d2',
|
|
28
|
+
border: '1px solid #1976d2'
|
|
29
|
+
},
|
|
30
|
+
text: {
|
|
31
|
+
background: 'transparent',
|
|
32
|
+
color: '#1976d2'
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
var style = _objectSpread2(_objectSpread2(_objectSpread2({}, base), variants[variant] || variants.contained), styleProp);
|
|
36
|
+
return /*#__PURE__*/React__default.createElement('button', _objectSpread2({
|
|
37
|
+
type: 'button',
|
|
38
|
+
style: style
|
|
39
|
+
}, rest), children);
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
export { Button as default };
|
|
43
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.js"],"sourcesContent":["import React from 'react';\r\nimport MuiButton from './ButtonMui';\r\n\r\nconst Button = ({\r\n children,\r\n variant = 'contained',\r\n style: styleProp,\r\n ...rest\r\n}) => {\r\n const base = {\r\n padding: '8px 16px',\r\n borderRadius: 4,\r\n border: 'none',\r\n fontSize: 14,\r\n cursor: 'pointer'\r\n };\r\n\r\n const variants = {\r\n contained: { background: '#1976d2', color: '#fff' },\r\n outlined: {\r\n background: 'transparent',\r\n color: '#1976d2',\r\n border: '1px solid #1976d2'\r\n },\r\n text: { background: 'transparent', color: '#1976d2' }\r\n };\r\n\r\n const style = {\r\n ...base,\r\n ...(variants[variant] || variants.contained),\r\n ...styleProp\r\n };\r\n\r\n return React.createElement(\r\n 'button',\r\n { type: 'button', style, ...rest },\r\n children\r\n );\r\n};\r\n\r\nexport default Button;\r\nexport { MuiButton };\r\n"],"names":["Button","_ref","children","_ref$variant","variant","styleProp","style","rest","_objectWithoutProperties","_excluded","base","padding","borderRadius","border","fontSize","cursor","variants","contained","background","color","outlined","text","_objectSpread","React","createElement","type"],"mappings":";;;;;;AAGA,IAAMA,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAKN;AAAA,EAAA,IAJJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,YAAA,GAAAF,IAAA,CACRG,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,WAAW,GAAAA,YAAA;IACdE,SAAS,GAAAJ,IAAA,CAAhBK,KAAK;AACFC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,IAAI,GAAG;AACXC,IAAAA,OAAO,EAAE,UAAU;AACnBC,IAAAA,YAAY,EAAE,CAAC;AACfC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,MAAM,EAAE,SAAA;GACT,CAAA;AAED,EAAA,IAAMC,QAAQ,GAAG;AACfC,IAAAA,SAAS,EAAE;AAAEC,MAAAA,UAAU,EAAE,SAAS;AAAEC,MAAAA,KAAK,EAAE,MAAA;KAAQ;AACnDC,IAAAA,QAAQ,EAAE;AACRF,MAAAA,UAAU,EAAE,aAAa;AACzBC,MAAAA,KAAK,EAAE,SAAS;AAChBN,MAAAA,MAAM,EAAE,mBAAA;KACT;AACDQ,IAAAA,IAAI,EAAE;AAAEH,MAAAA,UAAU,EAAE,aAAa;AAAEC,MAAAA,KAAK,EAAE,SAAA;AAAU,KAAA;GACrD,CAAA;EAED,IAAMb,KAAK,GAAAgB,cAAA,CAAAA,cAAA,CAAAA,cAAA,KACNZ,IAAI,CAAA,EACHM,QAAQ,CAACZ,OAAO,CAAC,IAAIY,QAAQ,CAACC,SAAS,CAAA,EACxCZ,SAAS,CACb,CAAA;AAED,EAAA,oBAAOkB,cAAK,CAACC,aAAa,CACxB,QAAQ,EAAAF,cAAA,CAAA;AACNG,IAAAA,IAAI,EAAE,QAAQ;AAAEnB,IAAAA,KAAK,EAALA,KAAAA;GAAUC,EAAAA,IAAI,CAChCL,EAAAA,QACF,CAAC,CAAA;AACH;;;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { M as MUIButton, a as _objectSpread2 } from '../../Button-5263fe1c.js';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
var ButtonUsage = function ButtonUsage(props) {
|
|
6
|
+
return /*#__PURE__*/React__default.createElement(MUIButton, _objectSpread2({
|
|
7
|
+
variant: 'contained'
|
|
8
|
+
}, props), 'Hello world');
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export { ButtonUsage as default };
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/CnxButton/index.js"],"sourcesContent":["import React from 'react';\r\nimport MUIButton from '@mui/material/Button';\r\n\r\nconst ButtonUsage = props =>\r\n React.createElement(\r\n MUIButton,\r\n { variant: 'contained', ...props },\r\n 'Hello world'\r\n );\r\n\r\nexport default ButtonUsage;\r\n"],"names":["ButtonUsage","props","React","createElement","MUIButton","_objectSpread","variant"],"mappings":";;;;AAGA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAGC,KAAK,EAAA;AAAA,EAAA,oBACvBC,cAAK,CAACC,aAAa,CACjBC,SAAS,EAAAC,cAAA,CAAA;AACPC,IAAAA,OAAO,EAAE,WAAA;GAAgBL,EAAAA,KAAK,CAChC,EAAA,aACF,CAAC,CAAA;AAAA;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { default as Button } from './components/Button/index.js';
|
|
2
|
+
export { default as CnxButton } from './components/CnxButton/index.js';
|
|
3
|
+
export { default as MuiButton } from './components/Button/ButtonMui.js';
|
|
4
|
+
import './Button-5263fe1c.js';
|
|
5
|
+
import 'react';
|
|
6
|
+
import 'react/jsx-runtime';
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.btn--style1{--btn-bg:map-get($map,bg);--btn-color:map-get($map,color);--btn-border-radius:map-get($map,border-radius);--btn-width:map-get($map,width);--btn-height:map-get($map,height);--btn-font-size:map-get($map,font-size);--btn-line-height:map-get($map,line-height);--btn-letter-spacing:map-get($map,letter-spacing);--btn-padding:map-get($map,padding);background:var(--btn-bg);border:none;border-radius:var(--btn-border-radius);cursor:pointer;display:inline-flex;height:var(--btn-height);justify-content:center;padding:var(--btn-padding);width:var(--btn-width)}.btn--style1,.btn--style1 .btn__text{align-items:center;color:var(--btn-color)}.btn--style1 .btn__text{display:flex;font-family:Lato,sans-serif;font-size:var(--btn-font-size);font-weight:700;letter-spacing:var(--btn-letter-spacing);line-height:var(--btn-line-height);text-align:center}.btn--style2{--btn-bg:map-get($map,bg);--btn-color:map-get($map,color);--btn-border-radius:map-get($map,border-radius);--btn-width:map-get($map,width);--btn-height:map-get($map,height);--btn-font-size:map-get($map,font-size);--btn-line-height:map-get($map,line-height);--btn-letter-spacing:map-get($map,letter-spacing);--btn-padding:map-get($map,padding);background:var(--btn-bg);border:none;border-radius:var(--btn-border-radius);cursor:pointer;display:inline-flex;height:var(--btn-height);justify-content:center;padding:var(--btn-padding);width:var(--btn-width)}.btn--style2,.btn--style2 .btn__text{align-items:center;color:var(--btn-color)}.btn--style2 .btn__text{display:flex;font-family:Lato,sans-serif;font-size:var(--btn-font-size);font-weight:700;letter-spacing:var(--btn-letter-spacing);line-height:var(--btn-line-height);text-align:center}.btn{-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-family:Lato,sans-serif;text-decoration:none}.btn--sm{padding:6px 12px!important}.btn--absolute{left:279px;position:absolute;top:140px}.btn__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
package/package.json
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "axis-lib",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"main": "dist/cjs/index.js",
|
|
5
|
+
"module": "dist/esm/index.js",
|
|
6
|
+
"sideEffects": false,
|
|
7
|
+
"files": [
|
|
8
|
+
"dist"
|
|
9
|
+
],
|
|
10
|
+
"scripts": {
|
|
11
|
+
"clean": "rimraf dist",
|
|
12
|
+
"build": "rollup -c",
|
|
13
|
+
"prepare": "npm run build"
|
|
14
|
+
},
|
|
15
|
+
"peerDependencies": {
|
|
16
|
+
"react": "^17 || ^18 || ^19",
|
|
17
|
+
"react-dom": "^17 || ^18 || ^19"
|
|
18
|
+
},
|
|
19
|
+
"devDependencies": {
|
|
20
|
+
"@babel/core": "^7.22.0",
|
|
21
|
+
"@babel/preset-env": "^7.22.0",
|
|
22
|
+
"@babel/preset-react": "^7.22.0",
|
|
23
|
+
"@emotion/react": "^11.14.0",
|
|
24
|
+
"@emotion/styled": "^11.14.1",
|
|
25
|
+
"@mui/icons-material": "^7.3.9",
|
|
26
|
+
"@mui/material": "^7.3.9",
|
|
27
|
+
"@rollup/plugin-babel": "^6.0.3",
|
|
28
|
+
"@rollup/plugin-commonjs": "^24.0.0",
|
|
29
|
+
"@rollup/plugin-node-resolve": "^15.0.0",
|
|
30
|
+
"autoprefixer": "^10.4.27",
|
|
31
|
+
"postcss": "^8.4.24",
|
|
32
|
+
"rimraf": "^5.0.0",
|
|
33
|
+
"rollup": "^3.30.0",
|
|
34
|
+
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
35
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
36
|
+
"sass": "^1.98.0"
|
|
37
|
+
},
|
|
38
|
+
"exports": {
|
|
39
|
+
".": {
|
|
40
|
+
"import": "./dist/esm/index.js",
|
|
41
|
+
"require": "./dist/cjs/index.js"
|
|
42
|
+
},
|
|
43
|
+
"./*": {
|
|
44
|
+
"import": "./dist/esm/components/*.js",
|
|
45
|
+
"require": "./dist/cjs/components/*.js"
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"keywords": [
|
|
49
|
+
"react",
|
|
50
|
+
"component-library"
|
|
51
|
+
],
|
|
52
|
+
"license": "MIT"
|
|
53
|
+
}
|