umwd-components 0.1.12 → 0.1.14
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/{src/components → components}/Checkmark/Checkmark.js +2 -2
- package/dist/cjs/{src/components/NavBar → components}/NavBar.js +6 -4
- package/dist/cjs/{src/components → components}/NoteTextField/NoteTextField.js +1 -1
- package/dist/cjs/{src/components → components}/Xmark/Xmark.js +1 -1
- package/dist/cjs/{src/index.js → index.js} +2 -2
- package/dist/cjs/{src/styles.css.js → styles.css.js} +2 -2
- package/dist/esm/{src/components → components}/Checkmark/Checkmark.js +2 -2
- package/dist/esm/{src/components/NavBar → components}/NavBar.js +4 -4
- package/dist/esm/{src/components → components}/NoteTextField/NoteTextField.js +1 -1
- package/dist/esm/{src/components → components}/Xmark/Xmark.js +1 -1
- package/dist/esm/{src/index.js → index.js} +1 -1
- package/dist/esm/{src/styles.css.js → styles.css.js} +1 -1
- package/package.json +1 -1
- package/rollup.config.mjs +2 -1
- package/src/components/Checkmark/Checkmark.js +1 -1
- package/src/components/{NavBar/NavBar.js → NavBar.js} +3 -3
- package/src/components/Xmark/Xmark.js +1 -1
- package/src/index.js +1 -1
- package/dist/cjs/node_modules/style-inject/dist/style-inject.es.js +0 -38
- package/dist/esm/node_modules/style-inject/dist/style-inject.es.js +0 -34
- package/src/components/NavBar/index.js +0 -1
- /package/dist/cjs/{src/components → components}/Button.js +0 -0
- /package/dist/cjs/{src/components → components}/Requirement/Requirement.js +0 -0
- /package/dist/cjs/{src/components → components}/Requirements/Requirements.js +0 -0
- /package/dist/cjs/{src/components → components}/Stack.js +0 -0
- /package/dist/esm/{src/components → components}/Button.js +0 -0
- /package/dist/esm/{src/components → components}/Requirement/Requirement.js +0 -0
- /package/dist/esm/{src/components → components}/Requirements/Requirements.js +0 -0
- /package/dist/esm/{src/components → components}/Stack.js +0 -0
- /package/src/stories/{Button.stories.js → OldButton.stories.js} +0 -0
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
|
|
7
7
|
'use strict';
|
|
8
8
|
|
|
9
|
-
var React = require('react');
|
|
10
|
-
|
|
11
9
|
// Ported from Alexander Haniotis' code here: https://codepen.io/haniotis/pen/KwvYLO
|
|
10
|
+
// import React from "react";
|
|
11
|
+
|
|
12
12
|
const Checkmark = () => {
|
|
13
13
|
return /*#__PURE__*/React.createElement("svg", {
|
|
14
14
|
className: "checkmark",
|
|
@@ -7,17 +7,19 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
+
|
|
10
12
|
var React$1 = require('react');
|
|
11
13
|
var Link = require('next/link');
|
|
12
14
|
var material = require('@mui/material');
|
|
13
15
|
var CloseIcon = require('@mui/icons-material/Close');
|
|
14
16
|
var MoreVertIcon = require('@mui/icons-material/MoreVert');
|
|
15
17
|
|
|
16
|
-
|
|
18
|
+
function NavBar({
|
|
17
19
|
site_title,
|
|
18
20
|
logo,
|
|
19
21
|
pages
|
|
20
|
-
})
|
|
22
|
+
}) {
|
|
21
23
|
// handleMobileMenu
|
|
22
24
|
|
|
23
25
|
const [mobileNavOpen, setMobileNavOpen] = React$1.useState(false);
|
|
@@ -234,6 +236,6 @@ const NavBar = ({
|
|
|
234
236
|
primary: page.name
|
|
235
237
|
})), /*#__PURE__*/React.createElement(material.Divider, null));
|
|
236
238
|
})))))));
|
|
237
|
-
}
|
|
239
|
+
}
|
|
238
240
|
|
|
239
|
-
exports.
|
|
241
|
+
exports.default = NavBar;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
'use strict';
|
|
8
8
|
|
|
9
|
-
var _rollupPluginBabelHelpers = require('
|
|
9
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
10
10
|
var React = require('react');
|
|
11
11
|
var material = require('@mui/material');
|
|
12
12
|
|
|
@@ -10,7 +10,7 @@ var Requirements = require('./components/Requirements/Requirements.js');
|
|
|
10
10
|
var NoteTextField = require('./components/NoteTextField/NoteTextField.js');
|
|
11
11
|
var Button = require('./components/Button.js');
|
|
12
12
|
var Stack = require('./components/Stack.js');
|
|
13
|
-
var NavBar = require('./components/NavBar
|
|
13
|
+
var NavBar = require('./components/NavBar.js');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
@@ -18,4 +18,4 @@ exports.Requirements = Requirements.Requirements;
|
|
|
18
18
|
exports.NoteTextField = NoteTextField.NoteTextField;
|
|
19
19
|
exports.Button = Button.default;
|
|
20
20
|
exports.Stack = Stack.default;
|
|
21
|
-
exports.NavBar = NavBar.
|
|
21
|
+
exports.NavBar = NavBar.default;
|
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
|
|
9
9
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var styleInject = require('C:/Users/jelle/Desktop/AP_projects/umwd-components/node_modules/style-inject/dist/style-inject.es.js');
|
|
12
12
|
|
|
13
13
|
var css_248z = ".requirement{align-items:center;display:flex;height:35px}.requirement p{font-family:sans-serif;font-size:14px;font-weight:700;margin-left:10px}.invalid{color:red}.valid{color:#7ac142}.checkmark{stroke-width:5;stroke:#fff;stroke-miterlimit:10;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 0 #7ac142;display:block;height:15px;width:15px}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#7ac142;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .2s cubic-bezier(.65,0,.45,1) .5s forwards;transform-origin:50% 50%}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #7ac142}}";
|
|
14
|
-
|
|
14
|
+
styleInject(css_248z);
|
|
15
15
|
|
|
16
16
|
exports.default = css_248z;
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
* @license MIT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
import React from 'react';
|
|
8
|
-
|
|
9
7
|
// Ported from Alexander Haniotis' code here: https://codepen.io/haniotis/pen/KwvYLO
|
|
8
|
+
// import React from "react";
|
|
9
|
+
|
|
10
10
|
const Checkmark = () => {
|
|
11
11
|
return /*#__PURE__*/React.createElement("svg", {
|
|
12
12
|
className: "checkmark",
|
|
@@ -11,11 +11,11 @@ import { AppBar, Container, Toolbar, Box, Typography, Button, Dialog, List, List
|
|
|
11
11
|
import CloseIcon from '@mui/icons-material/Close';
|
|
12
12
|
import MoreVertIcon from '@mui/icons-material/MoreVert';
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
function NavBar({
|
|
15
15
|
site_title,
|
|
16
16
|
logo,
|
|
17
17
|
pages
|
|
18
|
-
})
|
|
18
|
+
}) {
|
|
19
19
|
// handleMobileMenu
|
|
20
20
|
|
|
21
21
|
const [mobileNavOpen, setMobileNavOpen] = useState(false);
|
|
@@ -232,6 +232,6 @@ const NavBar = ({
|
|
|
232
232
|
primary: page.name
|
|
233
233
|
})), /*#__PURE__*/React.createElement(Divider, null));
|
|
234
234
|
})))))));
|
|
235
|
-
}
|
|
235
|
+
}
|
|
236
236
|
|
|
237
|
-
export { NavBar };
|
|
237
|
+
export { NavBar as default };
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @license MIT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
import { extends as _extends } from '
|
|
7
|
+
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
8
8
|
import React from 'react';
|
|
9
9
|
import { TextField } from '@mui/material';
|
|
10
10
|
|
|
@@ -8,4 +8,4 @@ export { Requirements } from './components/Requirements/Requirements.js';
|
|
|
8
8
|
export { NoteTextField } from './components/NoteTextField/NoteTextField.js';
|
|
9
9
|
export { default as Button } from './components/Button.js';
|
|
10
10
|
export { default as Stack } from './components/Stack.js';
|
|
11
|
-
export { NavBar } from './components/NavBar
|
|
11
|
+
export { default as NavBar } from './components/NavBar.js';
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @license MIT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
import styleInject from '
|
|
7
|
+
import styleInject from 'C:/Users/jelle/Desktop/AP_projects/umwd-components/node_modules/style-inject/dist/style-inject.es.js';
|
|
8
8
|
|
|
9
9
|
var css_248z = ".requirement{align-items:center;display:flex;height:35px}.requirement p{font-family:sans-serif;font-size:14px;font-weight:700;margin-left:10px}.invalid{color:red}.valid{color:#7ac142}.checkmark{stroke-width:5;stroke:#fff;stroke-miterlimit:10;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 0 #7ac142;display:block;height:15px;width:15px}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#7ac142;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .2s cubic-bezier(.65,0,.45,1) .5s forwards;transform-origin:50% 50%}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #7ac142}}";
|
|
10
10
|
styleInject(css_248z);
|
package/package.json
CHANGED
package/rollup.config.mjs
CHANGED
|
@@ -19,6 +19,7 @@ const outputOptions = {
|
|
|
19
19
|
|
|
20
20
|
export default [
|
|
21
21
|
{
|
|
22
|
+
external: [/node_modules/],
|
|
22
23
|
input: "./src/index.js",
|
|
23
24
|
output: [
|
|
24
25
|
{
|
|
@@ -44,7 +45,7 @@ export default [
|
|
|
44
45
|
exclude: "node_modules/**",
|
|
45
46
|
presets: ["@babel/preset-react"],
|
|
46
47
|
}),
|
|
47
|
-
external(),
|
|
48
|
+
// external(),
|
|
48
49
|
resolve(),
|
|
49
50
|
preserveDirectives(),
|
|
50
51
|
/* useClient(), */
|
|
@@ -20,7 +20,7 @@ import {
|
|
|
20
20
|
import CloseIcon from "@mui/icons-material/Close";
|
|
21
21
|
import MoreVertIcon from "@mui/icons-material/MoreVert";
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
function NavBar({site_title, logo, pages}){
|
|
24
24
|
// handleMobileMenu
|
|
25
25
|
|
|
26
26
|
const [mobileNavOpen, setMobileNavOpen] = useState(false);
|
|
@@ -33,8 +33,6 @@ export const NavBar = ({site_title, logo, pages}) => {
|
|
|
33
33
|
setMobileNavOpen(false);
|
|
34
34
|
};
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
36
|
return (
|
|
39
37
|
<AppBar position="sticky">
|
|
40
38
|
<Container maxWidth="xl">
|
|
@@ -218,3 +216,5 @@ export const NavBar = ({site_title, logo, pages}) => {
|
|
|
218
216
|
</AppBar>
|
|
219
217
|
);
|
|
220
218
|
}
|
|
219
|
+
|
|
220
|
+
export default NavBar;
|
package/src/index.js
CHANGED
|
@@ -3,4 +3,4 @@ export * from "./components/Requirements";
|
|
|
3
3
|
export * from "./components/NoteTextField";
|
|
4
4
|
export { default as Button } from "./components/Button";
|
|
5
5
|
export { default as Stack } from "./components/Stack";
|
|
6
|
-
export
|
|
6
|
+
export {default as NavBar} from "./components/NavBar";
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* UMWD-Components
|
|
3
|
-
* @copyright Jelle Paulus
|
|
4
|
-
* @license MIT
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
'use strict';
|
|
8
|
-
|
|
9
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
10
|
-
|
|
11
|
-
function styleInject(css, ref) {
|
|
12
|
-
if ( ref === void 0 ) ref = {};
|
|
13
|
-
var insertAt = ref.insertAt;
|
|
14
|
-
|
|
15
|
-
if (!css || typeof document === 'undefined') { return; }
|
|
16
|
-
|
|
17
|
-
var head = document.head || document.getElementsByTagName('head')[0];
|
|
18
|
-
var style = document.createElement('style');
|
|
19
|
-
style.type = 'text/css';
|
|
20
|
-
|
|
21
|
-
if (insertAt === 'top') {
|
|
22
|
-
if (head.firstChild) {
|
|
23
|
-
head.insertBefore(style, head.firstChild);
|
|
24
|
-
} else {
|
|
25
|
-
head.appendChild(style);
|
|
26
|
-
}
|
|
27
|
-
} else {
|
|
28
|
-
head.appendChild(style);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
if (style.styleSheet) {
|
|
32
|
-
style.styleSheet.cssText = css;
|
|
33
|
-
} else {
|
|
34
|
-
style.appendChild(document.createTextNode(css));
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
exports.default = styleInject;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* UMWD-Components
|
|
3
|
-
* @copyright Jelle Paulus
|
|
4
|
-
* @license MIT
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
function styleInject(css, ref) {
|
|
8
|
-
if ( ref === void 0 ) ref = {};
|
|
9
|
-
var insertAt = ref.insertAt;
|
|
10
|
-
|
|
11
|
-
if (!css || typeof document === 'undefined') { return; }
|
|
12
|
-
|
|
13
|
-
var head = document.head || document.getElementsByTagName('head')[0];
|
|
14
|
-
var style = document.createElement('style');
|
|
15
|
-
style.type = 'text/css';
|
|
16
|
-
|
|
17
|
-
if (insertAt === 'top') {
|
|
18
|
-
if (head.firstChild) {
|
|
19
|
-
head.insertBefore(style, head.firstChild);
|
|
20
|
-
} else {
|
|
21
|
-
head.appendChild(style);
|
|
22
|
-
}
|
|
23
|
-
} else {
|
|
24
|
-
head.appendChild(style);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
if (style.styleSheet) {
|
|
28
|
-
style.styleSheet.cssText = css;
|
|
29
|
-
} else {
|
|
30
|
-
style.appendChild(document.createTextNode(css));
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export { styleInject as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./NavBar";
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|