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.
@@ -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
+ }