dibk-design 7.7.0 → 8.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/README.md +7 -0
- package/dist/dibk-design.css +1 -0
- package/dist/favicon.ico +0 -0
- package/dist/index.es.js +2386 -0
- package/dist/index.html +38 -0
- package/dist/index.umd.js +20 -0
- package/dist/manifest.json +15 -0
- package/dist/robots.txt +3 -0
- package/package.json +19 -27
- package/dist/assets/fonts/PPMori-Bold.otf +0 -0
- package/dist/assets/fonts/PPMori-Book.otf +0 -0
- package/dist/assets/fonts/PPMori-ExtraBold.otf +0 -0
- package/dist/assets/fonts/PPMori-Light.otf +0 -0
- package/dist/assets/fonts/PPMori-Medium.otf +0 -0
- package/dist/assets/fonts/PPMori-Regular.otf +0 -0
- package/dist/assets/fonts/PPMori-RegularItalic.otf +0 -0
- package/dist/assets/fonts/PPMori-SemiBold.otf +0 -0
- package/dist/assets/png/dibk-logo.png +0 -0
- package/dist/assets/svg/arbeidstilsynet-logo.svg +0 -1
- package/dist/assets/svg/asterisk.svg +0 -1
- package/dist/assets/svg/checkmark-symbol.svg +0 -8
- package/dist/assets/svg/dibk-logo-base64.js +0 -7
- package/dist/assets/svg/dibk-logo-mobile.svg +0 -91
- package/dist/assets/svg/dibk-logo.svg +0 -52
- package/dist/assets/svg/error-sign.svg +0 -15
- package/dist/assets/svg/info-sign.svg +0 -1
- package/dist/assets/svg/spinner.svg +0 -57
- package/dist/assets/svg/x-symbol.svg +0 -1
- package/dist/components/Accordion.js +0 -64
- package/dist/components/Accordion.module.scss +0 -190
- package/dist/components/Button.js +0 -118
- package/dist/components/Button.module.scss +0 -290
- package/dist/components/CheckBoxIcon.js +0 -42
- package/dist/components/CheckBoxIcon.module.scss +0 -69
- package/dist/components/CheckBoxInput.js +0 -70
- package/dist/components/CheckBoxInput.module.scss +0 -53
- package/dist/components/CheckBoxList.js +0 -55
- package/dist/components/CheckBoxList.module.scss +0 -25
- package/dist/components/CheckBoxListItem.js +0 -61
- package/dist/components/CheckBoxListItem.module.scss +0 -84
- package/dist/components/Container.js +0 -24
- package/dist/components/Container.module.scss +0 -15
- package/dist/components/ContentBox.js +0 -56
- package/dist/components/ContentBox.module.scss +0 -60
- package/dist/components/DescriptionDetails.js +0 -32
- package/dist/components/DescriptionDetails.module.scss +0 -22
- package/dist/components/DescriptionList.js +0 -47
- package/dist/components/DescriptionList.module.scss +0 -15
- package/dist/components/DescriptionTerm.js +0 -32
- package/dist/components/DescriptionTerm.module.scss +0 -30
- package/dist/components/Dialog.js +0 -86
- package/dist/components/Dialog.module.scss +0 -178
- package/dist/components/DragAndDropFileInput.js +0 -131
- package/dist/components/DragAndDropFileInput.module.scss +0 -38
- package/dist/components/ErrorBox.js +0 -33
- package/dist/components/ErrorBox.module.scss +0 -68
- package/dist/components/ErrorMessage.js +0 -37
- package/dist/components/ErrorMessage.module.scss +0 -30
- package/dist/components/Footer.js +0 -16
- package/dist/components/Footer.module.scss +0 -21
- package/dist/components/Header.js +0 -42
- package/dist/components/Header.module.scss +0 -79
- package/dist/components/InfoBox.js +0 -23
- package/dist/components/InfoBox.module.scss +0 -44
- package/dist/components/InputField.js +0 -137
- package/dist/components/InputField.module.scss +0 -88
- package/dist/components/Label.js +0 -40
- package/dist/components/Label.module.scss +0 -19
- package/dist/components/Lead.js +0 -31
- package/dist/components/Lead.module.scss +0 -13
- package/dist/components/List.js +0 -46
- package/dist/components/List.module.scss +0 -12
- package/dist/components/ListItem.js +0 -27
- package/dist/components/ListItem.module.scss +0 -10
- package/dist/components/LoadingAnimation.js +0 -26
- package/dist/components/LoadingAnimation.module.scss +0 -28
- package/dist/components/NavigationBar.js +0 -146
- package/dist/components/NavigationBar.module.scss +0 -474
- package/dist/components/NavigationBarListItem.js +0 -24
- package/dist/components/PDF.js +0 -14
- package/dist/components/PDF.scss +0 -765
- package/dist/components/Paper.js +0 -24
- package/dist/components/Paper.module.scss +0 -17
- package/dist/components/ProgressBar.js +0 -32
- package/dist/components/ProgressBar.module.scss +0 -30
- package/dist/components/RadioButtonIcon.js +0 -34
- package/dist/components/RadioButtonIcon.module.scss +0 -49
- package/dist/components/RadioButtonInput.js +0 -68
- package/dist/components/RadioButtonInput.module.scss +0 -53
- package/dist/components/RadioButtonList.js +0 -55
- package/dist/components/RadioButtonList.module.scss +0 -25
- package/dist/components/RadioButtonListItem.js +0 -59
- package/dist/components/RadioButtonListItem.module.scss +0 -84
- package/dist/components/Select.js +0 -224
- package/dist/components/Select.module.scss +0 -118
- package/dist/components/Table.js +0 -31
- package/dist/components/Table.module.scss +0 -65
- package/dist/components/Textarea.js +0 -105
- package/dist/components/Textarea.module.scss +0 -73
- package/dist/components/Theme.js +0 -138
- package/dist/components/Theme.module.scss +0 -103
- package/dist/components/ThemeProvider.js +0 -24
- package/dist/components/ThemeProvider.module.scss +0 -24
- package/dist/components/ToggleNavigationButton.js +0 -44
- package/dist/components/ToggleNavigationButton.module.scss +0 -34
- package/dist/components/WizardNavigation/Step.js +0 -66
- package/dist/components/WizardNavigation/Step.module.scss +0 -175
- package/dist/components/WizardNavigation.js +0 -56
- package/dist/components/WizardNavigation.module.scss +0 -25
- package/dist/functions/generators.js +0 -16
- package/dist/functions/helpers.js +0 -112
- package/dist/functions/theme.js +0 -18
- package/dist/index.js +0 -279
- package/dist/style/abstracts/mixins/_animation.scss +0 -6
- package/dist/style/abstracts/mixins/_appearance.scss +0 -5
- package/dist/style/abstracts/mixins/_border-radius.scss +0 -31
- package/dist/style/abstracts/mixins/_box-shadow.scss +0 -5
- package/dist/style/abstracts/mixins/_box-sizing.scss +0 -5
- package/dist/style/abstracts/mixins/_calc.scss +0 -5
- package/dist/style/abstracts/mixins/_keyframes.scss +0 -14
- package/dist/style/abstracts/mixins/_opacity.scss +0 -5
- package/dist/style/abstracts/mixins/_placeholder.scss +0 -17
- package/dist/style/abstracts/mixins/_scrollbar.scss +0 -26
- package/dist/style/abstracts/mixins/_transform.scss +0 -6
- package/dist/style/abstracts/mixins/_transition.scss +0 -34
- package/dist/style/abstracts/variables/_colors.scss +0 -33
- package/dist/style/abstracts/variables/_sizes.scss +0 -1
- package/dist/style/abstracts/variables/_transitions.scss +0 -2
- package/dist/style/abstracts/variables/_typography.scss +0 -1
- package/dist/style/abstracts/variables/_viewports.scss +0 -14
- package/dist/style/base/_fonts.scss +0 -57
- package/dist/style/base/_reset.scss +0 -15
- package/dist/style/base/_typography.scss +0 -10
- package/dist/style/layout/_containers.scss +0 -11
- package/dist/style/pdf.css +0 -637
- package/dist/style/pdf.css.map +0 -1
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
// Variables
|
|
2
|
-
@use "../style/abstracts/variables/viewports";
|
|
3
|
-
|
|
4
|
-
.wizardTopnavContainer {
|
|
5
|
-
.wizardTopnav {
|
|
6
|
-
list-style: none;
|
|
7
|
-
padding: 0;
|
|
8
|
-
margin: 0;
|
|
9
|
-
}
|
|
10
|
-
&.vertical {
|
|
11
|
-
background-color: #fff;
|
|
12
|
-
padding: 12px;
|
|
13
|
-
overflow: hidden;
|
|
14
|
-
}
|
|
15
|
-
&.horizontal {
|
|
16
|
-
.wizardTopnav {
|
|
17
|
-
display: flex;
|
|
18
|
-
margin: 20px;
|
|
19
|
-
flex-direction: column;
|
|
20
|
-
@media only screen and (min-width: viewports.$screen-sm) {
|
|
21
|
-
flex-direction: row;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.generateRandomString = void 0;
|
|
7
|
-
const generateRandomString = length => {
|
|
8
|
-
let result = '';
|
|
9
|
-
const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
|
10
|
-
const charactersLength = characters.length;
|
|
11
|
-
for (let i = 0; i < length; i++) {
|
|
12
|
-
result += characters.charAt(Math.floor(Math.random() * charactersLength));
|
|
13
|
-
}
|
|
14
|
-
return result;
|
|
15
|
-
};
|
|
16
|
-
exports.generateRandomString = generateRandomString;
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.stringifyCssColorVariables = exports.setFocusToElement = exports.getFocusableElementsInsideElement = exports.getCssVariablesFromTheme = exports.getCssSizeVariablesFromTheme = exports.getCssColorVariablesFromTheme = exports.cloneThroughFragments = exports.classNameArrayToClassNameString = exports.camelCaseToKebabCase = exports.addGlobalStylesheet = exports.addFocusTrapInsideElement = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
9
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
10
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
11
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
12
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
13
|
-
const classNameArrayToClassNameString = classNameArray => {
|
|
14
|
-
var _classNameArray$filte;
|
|
15
|
-
return (classNameArray === null || classNameArray === void 0 || (_classNameArray$filte = classNameArray.filter(className => className)) === null || _classNameArray$filte === void 0 ? void 0 : _classNameArray$filte.join(" ")) || "";
|
|
16
|
-
};
|
|
17
|
-
exports.classNameArrayToClassNameString = classNameArrayToClassNameString;
|
|
18
|
-
const camelCaseToKebabCase = string => {
|
|
19
|
-
return string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
|
|
20
|
-
};
|
|
21
|
-
exports.camelCaseToKebabCase = camelCaseToKebabCase;
|
|
22
|
-
const getCssColorVariablesFromTheme = theme => {
|
|
23
|
-
var _Object$entries;
|
|
24
|
-
return !!(theme !== null && theme !== void 0 && theme.colors) && !!((_Object$entries = Object.entries(theme === null || theme === void 0 ? void 0 : theme.colors)) !== null && _Object$entries !== void 0 && _Object$entries.length) && Object.entries(theme === null || theme === void 0 ? void 0 : theme.colors).reduce((acc, _ref) => {
|
|
25
|
-
let [key, value] = _ref;
|
|
26
|
-
if (key !== null && key !== void 0 && key.length && value !== null && value !== void 0 && value.length) {
|
|
27
|
-
acc["--color-".concat(camelCaseToKebabCase(key))] = value;
|
|
28
|
-
}
|
|
29
|
-
return acc;
|
|
30
|
-
}, {});
|
|
31
|
-
};
|
|
32
|
-
exports.getCssColorVariablesFromTheme = getCssColorVariablesFromTheme;
|
|
33
|
-
const getCssSizeVariablesFromTheme = theme => {
|
|
34
|
-
var _Object$entries2;
|
|
35
|
-
return !!(theme !== null && theme !== void 0 && theme.sizes) && !!((_Object$entries2 = Object.entries(theme === null || theme === void 0 ? void 0 : theme.sizes)) !== null && _Object$entries2 !== void 0 && _Object$entries2.length) && Object.entries(theme === null || theme === void 0 ? void 0 : theme.sizes).reduce((acc, _ref2) => {
|
|
36
|
-
let [key, value] = _ref2;
|
|
37
|
-
if (key !== null && key !== void 0 && key.length && value !== null && value !== void 0 && value.length) {
|
|
38
|
-
acc["--size-".concat(camelCaseToKebabCase(key))] = value;
|
|
39
|
-
}
|
|
40
|
-
return acc;
|
|
41
|
-
}, {});
|
|
42
|
-
};
|
|
43
|
-
exports.getCssSizeVariablesFromTheme = getCssSizeVariablesFromTheme;
|
|
44
|
-
const getCssVariablesFromTheme = theme => {
|
|
45
|
-
return _objectSpread(_objectSpread({}, getCssColorVariablesFromTheme(theme)), getCssSizeVariablesFromTheme(theme));
|
|
46
|
-
};
|
|
47
|
-
exports.getCssVariablesFromTheme = getCssVariablesFromTheme;
|
|
48
|
-
const addGlobalStylesheet = (styleElementId, styles) => {
|
|
49
|
-
var _document$getElementB;
|
|
50
|
-
const style = document.createElement("style");
|
|
51
|
-
style.setAttribute("id", styleElementId);
|
|
52
|
-
style.textContent = styles;
|
|
53
|
-
(_document$getElementB = document.getElementById(styleElementId)) === null || _document$getElementB === void 0 || _document$getElementB.remove();
|
|
54
|
-
document.head.appendChild(style);
|
|
55
|
-
};
|
|
56
|
-
exports.addGlobalStylesheet = addGlobalStylesheet;
|
|
57
|
-
const stringifyCssColorVariables = colorVariables => {
|
|
58
|
-
return Object.keys(colorVariables).reduce((css, key) => {
|
|
59
|
-
return "".concat(css).concat(key, ": ").concat(colorVariables[key], ";");
|
|
60
|
-
}, "");
|
|
61
|
-
};
|
|
62
|
-
exports.stringifyCssColorVariables = stringifyCssColorVariables;
|
|
63
|
-
const cloneThroughFragments = children => {
|
|
64
|
-
return _react.Children.map(children, c => {
|
|
65
|
-
if ((0, _react.isValidElement)(c)) {
|
|
66
|
-
if (c.type === _react.Fragment) {
|
|
67
|
-
return cloneThroughFragments(c.props.children);
|
|
68
|
-
}
|
|
69
|
-
return (0, _react.cloneElement)(c, _objectSpread({}, c.props));
|
|
70
|
-
}
|
|
71
|
-
return c;
|
|
72
|
-
});
|
|
73
|
-
};
|
|
74
|
-
exports.cloneThroughFragments = cloneThroughFragments;
|
|
75
|
-
const setFocusToElement = element => {
|
|
76
|
-
const autoFocusElement = document.createElement("button");
|
|
77
|
-
element.prepend(autoFocusElement);
|
|
78
|
-
autoFocusElement.focus();
|
|
79
|
-
autoFocusElement.remove();
|
|
80
|
-
};
|
|
81
|
-
exports.setFocusToElement = setFocusToElement;
|
|
82
|
-
const getFocusableElementsInsideElement = element => {
|
|
83
|
-
return Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter(resultElement => {
|
|
84
|
-
return resultElement;
|
|
85
|
-
});
|
|
86
|
-
};
|
|
87
|
-
exports.getFocusableElementsInsideElement = getFocusableElementsInsideElement;
|
|
88
|
-
const addFocusTrapInsideElement = element => {
|
|
89
|
-
setFocusToElement(element);
|
|
90
|
-
const focusableElements = getFocusableElementsInsideElement(element);
|
|
91
|
-
const firstFocusableElement = focusableElements !== null && focusableElements !== void 0 && focusableElements.length ? focusableElements[0] : null;
|
|
92
|
-
const lastFocusableElement = (focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements.length) > 1 ? focusableElements[focusableElements.length - 1] : firstFocusableElement;
|
|
93
|
-
if (firstFocusableElement) {
|
|
94
|
-
firstFocusableElement.onkeydown = event => {
|
|
95
|
-
if (event.keyCode === 9 && event.shiftKey) {
|
|
96
|
-
lastFocusableElement.focus();
|
|
97
|
-
}
|
|
98
|
-
};
|
|
99
|
-
}
|
|
100
|
-
if (lastFocusableElement) {
|
|
101
|
-
lastFocusableElement.onclick = () => {
|
|
102
|
-
firstFocusableElement.focus();
|
|
103
|
-
};
|
|
104
|
-
lastFocusableElement.onkeydown = event => {
|
|
105
|
-
if (event.keyCode === 9 && !event.shiftKey) {
|
|
106
|
-
event.preventDefault();
|
|
107
|
-
firstFocusableElement.focus();
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
}
|
|
111
|
-
};
|
|
112
|
-
exports.addFocusTrapInsideElement = addFocusTrapInsideElement;
|
package/dist/functions/theme.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getThemeLogoPadding = exports.getThemeLogo = exports.getThemeAppName = void 0;
|
|
7
|
-
const getThemeLogo = theme => {
|
|
8
|
-
return (theme === null || theme === void 0 ? void 0 : theme.logo) || null;
|
|
9
|
-
};
|
|
10
|
-
exports.getThemeLogo = getThemeLogo;
|
|
11
|
-
const getThemeLogoPadding = theme => {
|
|
12
|
-
return (theme === null || theme === void 0 ? void 0 : theme.logoPadding) || null;
|
|
13
|
-
};
|
|
14
|
-
exports.getThemeLogoPadding = getThemeLogoPadding;
|
|
15
|
-
const getThemeAppName = theme => {
|
|
16
|
-
return (theme === null || theme === void 0 ? void 0 : theme.appName) || null;
|
|
17
|
-
};
|
|
18
|
-
exports.getThemeAppName = getThemeAppName;
|
package/dist/index.js
DELETED
|
@@ -1,279 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Accordion", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _Accordion.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "Button", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _Button.default;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "CheckBoxIcon", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _CheckBoxIcon.default;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "CheckBoxInput", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function () {
|
|
27
|
-
return _CheckBoxInput.default;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
Object.defineProperty(exports, "CheckBoxList", {
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function () {
|
|
33
|
-
return _CheckBoxList.default;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
Object.defineProperty(exports, "CheckBoxListItem", {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function () {
|
|
39
|
-
return _CheckBoxListItem.default;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
Object.defineProperty(exports, "Container", {
|
|
43
|
-
enumerable: true,
|
|
44
|
-
get: function () {
|
|
45
|
-
return _Container.default;
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
Object.defineProperty(exports, "ContentBox", {
|
|
49
|
-
enumerable: true,
|
|
50
|
-
get: function () {
|
|
51
|
-
return _ContentBox.default;
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
Object.defineProperty(exports, "DescriptionDetails", {
|
|
55
|
-
enumerable: true,
|
|
56
|
-
get: function () {
|
|
57
|
-
return _DescriptionDetails.default;
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
Object.defineProperty(exports, "DescriptionList", {
|
|
61
|
-
enumerable: true,
|
|
62
|
-
get: function () {
|
|
63
|
-
return _DescriptionList.default;
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
Object.defineProperty(exports, "DescriptionTerm", {
|
|
67
|
-
enumerable: true,
|
|
68
|
-
get: function () {
|
|
69
|
-
return _DescriptionTerm.default;
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
|
-
Object.defineProperty(exports, "Dialog", {
|
|
73
|
-
enumerable: true,
|
|
74
|
-
get: function () {
|
|
75
|
-
return _Dialog.default;
|
|
76
|
-
}
|
|
77
|
-
});
|
|
78
|
-
Object.defineProperty(exports, "DragAndDropFileInput", {
|
|
79
|
-
enumerable: true,
|
|
80
|
-
get: function () {
|
|
81
|
-
return _DragAndDropFileInput.default;
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
|
-
Object.defineProperty(exports, "ErrorBox", {
|
|
85
|
-
enumerable: true,
|
|
86
|
-
get: function () {
|
|
87
|
-
return _ErrorBox.default;
|
|
88
|
-
}
|
|
89
|
-
});
|
|
90
|
-
Object.defineProperty(exports, "ErrorMessage", {
|
|
91
|
-
enumerable: true,
|
|
92
|
-
get: function () {
|
|
93
|
-
return _ErrorMessage.default;
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
Object.defineProperty(exports, "Footer", {
|
|
97
|
-
enumerable: true,
|
|
98
|
-
get: function () {
|
|
99
|
-
return _Footer.default;
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
Object.defineProperty(exports, "Header", {
|
|
103
|
-
enumerable: true,
|
|
104
|
-
get: function () {
|
|
105
|
-
return _Header.default;
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
Object.defineProperty(exports, "InfoBox", {
|
|
109
|
-
enumerable: true,
|
|
110
|
-
get: function () {
|
|
111
|
-
return _InfoBox.default;
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
Object.defineProperty(exports, "InputField", {
|
|
115
|
-
enumerable: true,
|
|
116
|
-
get: function () {
|
|
117
|
-
return _InputField.default;
|
|
118
|
-
}
|
|
119
|
-
});
|
|
120
|
-
Object.defineProperty(exports, "Label", {
|
|
121
|
-
enumerable: true,
|
|
122
|
-
get: function () {
|
|
123
|
-
return _Label.default;
|
|
124
|
-
}
|
|
125
|
-
});
|
|
126
|
-
Object.defineProperty(exports, "Lead", {
|
|
127
|
-
enumerable: true,
|
|
128
|
-
get: function () {
|
|
129
|
-
return _Lead.default;
|
|
130
|
-
}
|
|
131
|
-
});
|
|
132
|
-
Object.defineProperty(exports, "List", {
|
|
133
|
-
enumerable: true,
|
|
134
|
-
get: function () {
|
|
135
|
-
return _List.default;
|
|
136
|
-
}
|
|
137
|
-
});
|
|
138
|
-
Object.defineProperty(exports, "ListItem", {
|
|
139
|
-
enumerable: true,
|
|
140
|
-
get: function () {
|
|
141
|
-
return _ListItem.default;
|
|
142
|
-
}
|
|
143
|
-
});
|
|
144
|
-
Object.defineProperty(exports, "LoadingAnimation", {
|
|
145
|
-
enumerable: true,
|
|
146
|
-
get: function () {
|
|
147
|
-
return _LoadingAnimation.default;
|
|
148
|
-
}
|
|
149
|
-
});
|
|
150
|
-
Object.defineProperty(exports, "NavigationBar", {
|
|
151
|
-
enumerable: true,
|
|
152
|
-
get: function () {
|
|
153
|
-
return _NavigationBar.default;
|
|
154
|
-
}
|
|
155
|
-
});
|
|
156
|
-
Object.defineProperty(exports, "NavigationBarListItem", {
|
|
157
|
-
enumerable: true,
|
|
158
|
-
get: function () {
|
|
159
|
-
return _NavigationBarListItem.default;
|
|
160
|
-
}
|
|
161
|
-
});
|
|
162
|
-
Object.defineProperty(exports, "Paper", {
|
|
163
|
-
enumerable: true,
|
|
164
|
-
get: function () {
|
|
165
|
-
return _Paper.default;
|
|
166
|
-
}
|
|
167
|
-
});
|
|
168
|
-
Object.defineProperty(exports, "ProgressBar", {
|
|
169
|
-
enumerable: true,
|
|
170
|
-
get: function () {
|
|
171
|
-
return _ProgressBar.default;
|
|
172
|
-
}
|
|
173
|
-
});
|
|
174
|
-
Object.defineProperty(exports, "RadioButtonIcon", {
|
|
175
|
-
enumerable: true,
|
|
176
|
-
get: function () {
|
|
177
|
-
return _RadioButtonIcon.default;
|
|
178
|
-
}
|
|
179
|
-
});
|
|
180
|
-
Object.defineProperty(exports, "RadioButtonInput", {
|
|
181
|
-
enumerable: true,
|
|
182
|
-
get: function () {
|
|
183
|
-
return _RadioButtonInput.default;
|
|
184
|
-
}
|
|
185
|
-
});
|
|
186
|
-
Object.defineProperty(exports, "RadioButtonList", {
|
|
187
|
-
enumerable: true,
|
|
188
|
-
get: function () {
|
|
189
|
-
return _RadioButtonList.default;
|
|
190
|
-
}
|
|
191
|
-
});
|
|
192
|
-
Object.defineProperty(exports, "RadioButtonListItem", {
|
|
193
|
-
enumerable: true,
|
|
194
|
-
get: function () {
|
|
195
|
-
return _RadioButtonListItem.default;
|
|
196
|
-
}
|
|
197
|
-
});
|
|
198
|
-
Object.defineProperty(exports, "Select", {
|
|
199
|
-
enumerable: true,
|
|
200
|
-
get: function () {
|
|
201
|
-
return _Select.default;
|
|
202
|
-
}
|
|
203
|
-
});
|
|
204
|
-
Object.defineProperty(exports, "Table", {
|
|
205
|
-
enumerable: true,
|
|
206
|
-
get: function () {
|
|
207
|
-
return _Table.default;
|
|
208
|
-
}
|
|
209
|
-
});
|
|
210
|
-
Object.defineProperty(exports, "Textarea", {
|
|
211
|
-
enumerable: true,
|
|
212
|
-
get: function () {
|
|
213
|
-
return _Textarea.default;
|
|
214
|
-
}
|
|
215
|
-
});
|
|
216
|
-
Object.defineProperty(exports, "ThemeProvider", {
|
|
217
|
-
enumerable: true,
|
|
218
|
-
get: function () {
|
|
219
|
-
return _ThemeProvider.default;
|
|
220
|
-
}
|
|
221
|
-
});
|
|
222
|
-
Object.defineProperty(exports, "ToggleNavigationButton", {
|
|
223
|
-
enumerable: true,
|
|
224
|
-
get: function () {
|
|
225
|
-
return _ToggleNavigationButton.default;
|
|
226
|
-
}
|
|
227
|
-
});
|
|
228
|
-
Object.defineProperty(exports, "WizardNavigation", {
|
|
229
|
-
enumerable: true,
|
|
230
|
-
get: function () {
|
|
231
|
-
return _WizardNavigation.default;
|
|
232
|
-
}
|
|
233
|
-
});
|
|
234
|
-
Object.defineProperty(exports, "WizardNavigationStep", {
|
|
235
|
-
enumerable: true,
|
|
236
|
-
get: function () {
|
|
237
|
-
return _Step.default;
|
|
238
|
-
}
|
|
239
|
-
});
|
|
240
|
-
var _Accordion = _interopRequireDefault(require("./components/Accordion"));
|
|
241
|
-
var _Button = _interopRequireDefault(require("./components/Button"));
|
|
242
|
-
var _CheckBoxIcon = _interopRequireDefault(require("./components/CheckBoxIcon"));
|
|
243
|
-
var _CheckBoxInput = _interopRequireDefault(require("./components/CheckBoxInput"));
|
|
244
|
-
var _CheckBoxList = _interopRequireDefault(require("./components/CheckBoxList"));
|
|
245
|
-
var _CheckBoxListItem = _interopRequireDefault(require("./components/CheckBoxListItem"));
|
|
246
|
-
var _Container = _interopRequireDefault(require("./components/Container"));
|
|
247
|
-
var _ContentBox = _interopRequireDefault(require("./components/ContentBox"));
|
|
248
|
-
var _DescriptionDetails = _interopRequireDefault(require("./components/DescriptionDetails"));
|
|
249
|
-
var _DescriptionList = _interopRequireDefault(require("./components/DescriptionList"));
|
|
250
|
-
var _DescriptionTerm = _interopRequireDefault(require("./components/DescriptionTerm"));
|
|
251
|
-
var _Dialog = _interopRequireDefault(require("./components/Dialog"));
|
|
252
|
-
var _DragAndDropFileInput = _interopRequireDefault(require("./components/DragAndDropFileInput"));
|
|
253
|
-
var _ErrorBox = _interopRequireDefault(require("./components/ErrorBox"));
|
|
254
|
-
var _ErrorMessage = _interopRequireDefault(require("./components/ErrorMessage"));
|
|
255
|
-
var _Footer = _interopRequireDefault(require("./components/Footer"));
|
|
256
|
-
var _Header = _interopRequireDefault(require("./components/Header"));
|
|
257
|
-
var _InfoBox = _interopRequireDefault(require("./components/InfoBox"));
|
|
258
|
-
var _InputField = _interopRequireDefault(require("./components/InputField"));
|
|
259
|
-
var _Label = _interopRequireDefault(require("./components/Label"));
|
|
260
|
-
var _Lead = _interopRequireDefault(require("./components/Lead"));
|
|
261
|
-
var _List = _interopRequireDefault(require("./components/List"));
|
|
262
|
-
var _ListItem = _interopRequireDefault(require("./components/ListItem"));
|
|
263
|
-
var _LoadingAnimation = _interopRequireDefault(require("./components/LoadingAnimation"));
|
|
264
|
-
var _NavigationBar = _interopRequireDefault(require("./components/NavigationBar"));
|
|
265
|
-
var _NavigationBarListItem = _interopRequireDefault(require("./components/NavigationBarListItem"));
|
|
266
|
-
var _Paper = _interopRequireDefault(require("./components/Paper"));
|
|
267
|
-
var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
|
|
268
|
-
var _RadioButtonIcon = _interopRequireDefault(require("./components/RadioButtonIcon"));
|
|
269
|
-
var _RadioButtonInput = _interopRequireDefault(require("./components/RadioButtonInput"));
|
|
270
|
-
var _RadioButtonList = _interopRequireDefault(require("./components/RadioButtonList"));
|
|
271
|
-
var _RadioButtonListItem = _interopRequireDefault(require("./components/RadioButtonListItem"));
|
|
272
|
-
var _Select = _interopRequireDefault(require("./components/Select"));
|
|
273
|
-
var _Table = _interopRequireDefault(require("./components/Table"));
|
|
274
|
-
var _Textarea = _interopRequireDefault(require("./components/Textarea"));
|
|
275
|
-
var _ThemeProvider = _interopRequireDefault(require("./components/ThemeProvider"));
|
|
276
|
-
var _ToggleNavigationButton = _interopRequireDefault(require("./components/ToggleNavigationButton"));
|
|
277
|
-
var _WizardNavigation = _interopRequireDefault(require("./components/WizardNavigation"));
|
|
278
|
-
var _Step = _interopRequireDefault(require("./components/WizardNavigation/Step"));
|
|
279
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
@mixin border-radius($radius) {
|
|
2
|
-
-webkit-border-radius: $radius;
|
|
3
|
-
border-radius: $radius;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
// Single side border-radius
|
|
7
|
-
|
|
8
|
-
@mixin border-top-radius($radius) {
|
|
9
|
-
-webkit-border-top-right-radius: $radius;
|
|
10
|
-
border-top-right-radius: $radius;
|
|
11
|
-
-webkit-border-top-left-radius: $radius;
|
|
12
|
-
border-top-left-radius: $radius;
|
|
13
|
-
}
|
|
14
|
-
@mixin border-right-radius($radius) {
|
|
15
|
-
-webkit-border-bottom-right-radius: $radius;
|
|
16
|
-
border-bottom-right-radius: $radius;
|
|
17
|
-
-webkit-border-top-right-radius: $radius;
|
|
18
|
-
border-top-right-radius: $radius;
|
|
19
|
-
}
|
|
20
|
-
@mixin border-bottom-radius($radius) {
|
|
21
|
-
-webkit-border-bottom-right-radius: $radius;
|
|
22
|
-
border-bottom-right-radius: $radius;
|
|
23
|
-
-webkit-border-bottom-left-radius: $radius;
|
|
24
|
-
border-bottom-left-radius: $radius;
|
|
25
|
-
}
|
|
26
|
-
@mixin border-left-radius($radius) {
|
|
27
|
-
-webkit-border-bottom-left-radius: $radius;
|
|
28
|
-
border-bottom-left-radius: $radius;
|
|
29
|
-
-webkit-border-top-left-radius: $radius;
|
|
30
|
-
border-top-left-radius: $radius;
|
|
31
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
@mixin scrollbar($size, $foreground-color, $background-color, $border-radius) {
|
|
2
|
-
|
|
3
|
-
// For Google Chrome
|
|
4
|
-
::-webkit-scrollbar {
|
|
5
|
-
width: $size;
|
|
6
|
-
height: $size;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
::-webkit-scrollbar-thumb {
|
|
10
|
-
-webkit-box-shadow: none;
|
|
11
|
-
border-radius: $border-radius;
|
|
12
|
-
background: $foreground-color;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
::-webkit-scrollbar-track {
|
|
16
|
-
-webkit-box-shadow: none;
|
|
17
|
-
border-radius: $border-radius;
|
|
18
|
-
background: $background-color;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
// For Internet Explorer
|
|
22
|
-
body {
|
|
23
|
-
scrollbar-face-color: $foreground-color;
|
|
24
|
-
scrollbar-track-color: $background-color;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
@mixin transition($transition...) {
|
|
2
|
-
-moz-transition: $transition;
|
|
3
|
-
-o-transition: $transition;
|
|
4
|
-
-webkit-transition: $transition;
|
|
5
|
-
transition: $transition;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
@mixin transition-property($property...) {
|
|
9
|
-
-moz-transition-property: $property;
|
|
10
|
-
-o-transition-property: $property;
|
|
11
|
-
-webkit-transition-property: $property;
|
|
12
|
-
transition-property: $property;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
@mixin transition-duration($duration...) {
|
|
16
|
-
-moz-transition-property: $duration;
|
|
17
|
-
-o-transition-property: $duration;
|
|
18
|
-
-webkit-transition-property: $duration;
|
|
19
|
-
transition-property: $duration;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
@mixin transition-timing-function($timing...) {
|
|
23
|
-
-moz-transition-timing-function: $timing;
|
|
24
|
-
-o-transition-timing-function: $timing;
|
|
25
|
-
-webkit-transition-timing-function: $timing;
|
|
26
|
-
transition-timing-function: $timing;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
@mixin transition-delay($delay...) {
|
|
30
|
-
-moz-transition-delay: $delay;
|
|
31
|
-
-o-transition-delay: $delay;
|
|
32
|
-
-webkit-transition-delay: $delay;
|
|
33
|
-
transition-delay: $delay;
|
|
34
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
$color-body-background: #ebf4fa;
|
|
2
|
-
$color-default-text: #202020;
|
|
3
|
-
$color-heading-text: #003045;
|
|
4
|
-
$color-primary-text: #005275;
|
|
5
|
-
|
|
6
|
-
$color-primary: #003045;
|
|
7
|
-
$color-primary-light: #264f61;
|
|
8
|
-
$color-primary-x-light: #406474;
|
|
9
|
-
$color-primary-contrast: #ffffff;
|
|
10
|
-
|
|
11
|
-
$color-secondary: #ffffff;
|
|
12
|
-
$color-secondary-light: #c7e0f2;
|
|
13
|
-
$color-secondary-x-light: #ebf4fa;
|
|
14
|
-
$color-secondary-contrast: #005275;
|
|
15
|
-
|
|
16
|
-
$color-border: #89bad6;
|
|
17
|
-
$color-form-element: #003045;
|
|
18
|
-
$color-focus: rgba(0, 92, 173, 0.4);
|
|
19
|
-
|
|
20
|
-
$color-default-background: #f1fae3;
|
|
21
|
-
$color-secondary-background: #f5f0f0;
|
|
22
|
-
|
|
23
|
-
$color-success: #177912;
|
|
24
|
-
$color-success-light: #cbebb0;
|
|
25
|
-
$color-success-x-light: #f1fae3;
|
|
26
|
-
|
|
27
|
-
$color-warning: #ffbe00;
|
|
28
|
-
$color-warning-light: #fcefb6;
|
|
29
|
-
$color-warning-x-light: #fff8db;
|
|
30
|
-
|
|
31
|
-
$color-error: #db0000;
|
|
32
|
-
$color-error-light: #ffc5c2;
|
|
33
|
-
$color-error-x-light: #fceceb;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
$content-width: 860px;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
$default-font: "PP Mori", arial, sans-serif;
|