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,32 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var Button = require('../../Button-5b89148e.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
require('react/jsx-runtime');
|
|
8
|
+
|
|
9
|
+
var _excluded = ["children", "theme", "size", "className", "absolute"];
|
|
10
|
+
var MuiButton = function MuiButton(_ref) {
|
|
11
|
+
var children = _ref.children,
|
|
12
|
+
_ref$theme = _ref.theme,
|
|
13
|
+
theme = _ref$theme === void 0 ? 'style1' : _ref$theme,
|
|
14
|
+
_ref$size = _ref.size,
|
|
15
|
+
size = _ref$size === void 0 ? 'md' : _ref$size,
|
|
16
|
+
_ref$className = _ref.className,
|
|
17
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
18
|
+
_ref$absolute = _ref.absolute,
|
|
19
|
+
absolute = _ref$absolute === void 0 ? false : _ref$absolute,
|
|
20
|
+
rest = Button._objectWithoutProperties(_ref, _excluded);
|
|
21
|
+
var classNames = Button.clsx('btn', "btn--".concat(size), "btn--".concat(theme), {
|
|
22
|
+
'btn--absolute': absolute
|
|
23
|
+
}, className);
|
|
24
|
+
return /*#__PURE__*/React.createElement(Button.MUIButton, Button._extends({
|
|
25
|
+
className: classNames
|
|
26
|
+
}, rest), /*#__PURE__*/React.createElement("span", {
|
|
27
|
+
className: "btn__text"
|
|
28
|
+
}, children));
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
exports.default = MuiButton;
|
|
32
|
+
//# 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,+BAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGC,WAAI,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,KAAA,CAAAC,aAAA,CAACC,gBAAQ,EAAAC,eAAA,CAAA;AAACZ,IAAAA,SAAS,EAAEM,UAAAA;AAAW,GAAA,EAAKH,IAAI,CAAA,eACvCM,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMV,IAAAA,SAAS,EAAC,WAAA;GAAaN,EAAAA,QAAe,CACpC,CAAC,CAAA;AAEf;;;;"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var Button$1 = require('../../Button-5b89148e.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var components_Button_ButtonMui = require('./ButtonMui.js');
|
|
8
|
+
require('react/jsx-runtime');
|
|
9
|
+
|
|
10
|
+
var _excluded = ["children", "variant", "style"];
|
|
11
|
+
var Button = function Button(_ref) {
|
|
12
|
+
var children = _ref.children,
|
|
13
|
+
_ref$variant = _ref.variant,
|
|
14
|
+
variant = _ref$variant === void 0 ? 'contained' : _ref$variant,
|
|
15
|
+
styleProp = _ref.style,
|
|
16
|
+
rest = Button$1._objectWithoutProperties(_ref, _excluded);
|
|
17
|
+
var base = {
|
|
18
|
+
padding: '8px 16px',
|
|
19
|
+
borderRadius: 4,
|
|
20
|
+
border: 'none',
|
|
21
|
+
fontSize: 14,
|
|
22
|
+
cursor: 'pointer'
|
|
23
|
+
};
|
|
24
|
+
var variants = {
|
|
25
|
+
contained: {
|
|
26
|
+
background: '#1976d2',
|
|
27
|
+
color: '#fff'
|
|
28
|
+
},
|
|
29
|
+
outlined: {
|
|
30
|
+
background: 'transparent',
|
|
31
|
+
color: '#1976d2',
|
|
32
|
+
border: '1px solid #1976d2'
|
|
33
|
+
},
|
|
34
|
+
text: {
|
|
35
|
+
background: 'transparent',
|
|
36
|
+
color: '#1976d2'
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
var style = Button$1._objectSpread2(Button$1._objectSpread2(Button$1._objectSpread2({}, base), variants[variant] || variants.contained), styleProp);
|
|
40
|
+
return /*#__PURE__*/React.createElement('button', Button$1._objectSpread2({
|
|
41
|
+
type: 'button',
|
|
42
|
+
style: style
|
|
43
|
+
}, rest), children);
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
exports.MuiButton = components_Button_ButtonMui.default;
|
|
47
|
+
exports.default = Button;
|
|
48
|
+
//# 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,iCAAA,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,uBAAA,CAAAA,uBAAA,CAAAA,uBAAA,KACNZ,IAAI,CAAA,EACHM,QAAQ,CAACZ,OAAO,CAAC,IAAIY,QAAQ,CAACC,SAAS,CAAA,EACxCZ,SAAS,CACb,CAAA;AAED,EAAA,oBAAOkB,KAAK,CAACC,aAAa,CACxB,QAAQ,EAAAF,uBAAA,CAAA;AACNG,IAAAA,IAAI,EAAE,QAAQ;AAAEnB,IAAAA,KAAK,EAALA,KAAAA;GAAUC,EAAAA,IAAI,CAChCL,EAAAA,QACF,CAAC,CAAA;AACH;;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var Button = require('../../Button-5b89148e.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
require('react/jsx-runtime');
|
|
8
|
+
|
|
9
|
+
var ButtonUsage = function ButtonUsage(props) {
|
|
10
|
+
return /*#__PURE__*/React.createElement(Button.MUIButton, Button._objectSpread2({
|
|
11
|
+
variant: 'contained'
|
|
12
|
+
}, props), 'Hello world');
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
exports.default = ButtonUsage;
|
|
16
|
+
//# 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,KAAK,CAACC,aAAa,CACjBC,gBAAS,EAAAC,qBAAA,CAAA;AACPC,IAAAA,OAAO,EAAE,WAAA;GAAgBL,EAAAA,KAAK,CAChC,EAAA,aACF,CAAC,CAAA;AAAA;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var components_Button_index = require('./components/Button/index.js');
|
|
4
|
+
var components_CnxButton_index = require('./components/CnxButton/index.js');
|
|
5
|
+
var components_Button_ButtonMui = require('./components/Button/ButtonMui.js');
|
|
6
|
+
require('./Button-5b89148e.js');
|
|
7
|
+
require('react');
|
|
8
|
+
require('react/jsx-runtime');
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
exports.Button = components_Button_index.default;
|
|
13
|
+
exports.CnxButton = components_CnxButton_index.default;
|
|
14
|
+
exports.MuiButton = components_Button_ButtonMui.default;
|
|
15
|
+
//# 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}
|