dibk-design 0.4.30 → 0.4.34
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/components/Accordion.js +77 -39
- package/dist/components/Button.js +75 -31
- package/dist/components/CheckBoxIcon.js +64 -20
- package/dist/components/CheckBoxIcon.md +13 -4
- package/dist/components/CheckBoxIcon.module.scss +7 -0
- package/dist/components/CheckBoxInput.js +63 -22
- package/dist/components/CheckBoxInput.md +14 -8
- package/dist/components/CheckBoxInput.module.scss +4 -1
- package/dist/components/CheckBoxListItem.js +55 -16
- package/dist/components/CheckBoxListItem.md +20 -5
- package/dist/components/CheckBoxListItem.module.scss +8 -2
- package/dist/components/ContentBox.js +67 -30
- package/dist/components/Dialog.js +98 -57
- package/dist/components/DragAndDropFileInput.js +140 -90
- package/dist/components/Footer.js +44 -8
- package/dist/components/Header.js +47 -11
- package/dist/components/InputField.js +127 -77
- package/dist/components/Label.js +53 -11
- package/dist/components/List.js +72 -21
- package/dist/components/LoadingAnimation.js +42 -6
- package/dist/components/NavigationBar.js +179 -126
- package/dist/components/NavigationBarListItem.js +59 -22
- package/dist/components/Paper.js +42 -6
- package/dist/components/RadioButtonIcon.js +63 -19
- package/dist/components/RadioButtonIcon.md +7 -1
- package/dist/components/RadioButtonIcon.module.scss +9 -1
- package/dist/components/RadioButtonInput.js +56 -17
- package/dist/components/RadioButtonInput.md +8 -0
- package/dist/components/RadioButtonInput.module.scss +7 -0
- package/dist/components/RadioButtonListItem.js +52 -13
- package/dist/components/RadioButtonListItem.md +21 -3
- package/dist/components/RadioButtonListItem.module.scss +8 -2
- package/dist/components/Select.js +142 -100
- package/dist/components/Textarea.js +91 -52
- package/dist/components/Theme.js +98 -55
- package/dist/components/WizardNavigation/Step.js +72 -35
- package/dist/components/WizardNavigation.js +59 -25
- package/dist/functions/theme.js +10 -10
- package/dist/index.js +24 -24
- package/package.json +1 -1
package/dist/functions/theme.js
CHANGED
|
@@ -5,61 +5,61 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.getThemeTextColor = exports.getThemePaletteTextColor = exports.getThemePaletteBorderColor = exports.getThemePaletteBackgroundColor = exports.getThemeNavigationBarTextColor = exports.getThemeNavigationBarBackgroundColor = exports.getThemeLogoPadding = exports.getThemeLogo = exports.getThemeLinkColor = exports.getThemeAppName = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
var getThemePaletteBackgroundColor = function getThemePaletteBackgroundColor(theme, color) {
|
|
9
9
|
return theme && theme.colors && theme.colors.palette && theme.colors.palette[color] && theme.colors.palette[color].background ? theme.colors.palette[color].background : null;
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
exports.getThemePaletteBackgroundColor = getThemePaletteBackgroundColor;
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
var getThemePaletteTextColor = function getThemePaletteTextColor(theme, color) {
|
|
15
15
|
return theme && theme.colors && theme.colors.palette && theme.colors.palette[color] && theme.colors.palette[color].text ? theme.colors.palette[color].text : null;
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
exports.getThemePaletteTextColor = getThemePaletteTextColor;
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
var getThemePaletteBorderColor = function getThemePaletteBorderColor(theme, color) {
|
|
21
21
|
return theme && theme.colors && theme.colors.palette && theme.colors.palette[color] && theme.colors.palette[color].border ? theme.colors.palette[color].border : null;
|
|
22
22
|
};
|
|
23
23
|
|
|
24
24
|
exports.getThemePaletteBorderColor = getThemePaletteBorderColor;
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
var getThemeNavigationBarBackgroundColor = function getThemeNavigationBarBackgroundColor(theme) {
|
|
27
27
|
return theme && theme.colors && theme.colors.navigationBar && theme.colors.navigationBar.background ? theme.colors.navigationBar.background : null;
|
|
28
28
|
};
|
|
29
29
|
|
|
30
30
|
exports.getThemeNavigationBarBackgroundColor = getThemeNavigationBarBackgroundColor;
|
|
31
31
|
|
|
32
|
-
|
|
32
|
+
var getThemeNavigationBarTextColor = function getThemeNavigationBarTextColor(theme) {
|
|
33
33
|
return theme && theme.colors && theme.colors.navigationBar && theme.colors.navigationBar.text ? theme.colors.navigationBar.text : null;
|
|
34
34
|
};
|
|
35
35
|
|
|
36
36
|
exports.getThemeNavigationBarTextColor = getThemeNavigationBarTextColor;
|
|
37
37
|
|
|
38
|
-
|
|
38
|
+
var getThemeLogo = function getThemeLogo(theme) {
|
|
39
39
|
return theme && theme.logo ? theme.logo : null;
|
|
40
40
|
};
|
|
41
41
|
|
|
42
42
|
exports.getThemeLogo = getThemeLogo;
|
|
43
43
|
|
|
44
|
-
|
|
44
|
+
var getThemeLogoPadding = function getThemeLogoPadding(theme) {
|
|
45
45
|
return theme && theme.logoPadding ? theme.logoPadding : null;
|
|
46
46
|
};
|
|
47
47
|
|
|
48
48
|
exports.getThemeLogoPadding = getThemeLogoPadding;
|
|
49
49
|
|
|
50
|
-
|
|
50
|
+
var getThemeAppName = function getThemeAppName(theme) {
|
|
51
51
|
return theme && theme.appName ? theme.appName : null;
|
|
52
52
|
};
|
|
53
53
|
|
|
54
54
|
exports.getThemeAppName = getThemeAppName;
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
var getThemeTextColor = function getThemeTextColor(theme) {
|
|
57
57
|
return theme && theme.colors && theme.colors.text ? theme.colors.text : null;
|
|
58
58
|
};
|
|
59
59
|
|
|
60
60
|
exports.getThemeTextColor = getThemeTextColor;
|
|
61
61
|
|
|
62
|
-
|
|
62
|
+
var getThemeLinkColor = function getThemeLinkColor(theme) {
|
|
63
63
|
return theme && theme.colors && theme.colors.link ? theme.colors.link : null;
|
|
64
64
|
};
|
|
65
65
|
|
package/dist/index.js
CHANGED
|
@@ -5,145 +5,145 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "Accordion", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function () {
|
|
8
|
+
get: function get() {
|
|
9
9
|
return _Accordion.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "Button", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function () {
|
|
14
|
+
get: function get() {
|
|
15
15
|
return _Button.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "CheckBoxIcon", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function () {
|
|
20
|
+
get: function get() {
|
|
21
21
|
return _CheckBoxIcon.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "CheckBoxInput", {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function () {
|
|
26
|
+
get: function get() {
|
|
27
27
|
return _CheckBoxInput.default;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "CheckBoxListItem", {
|
|
31
31
|
enumerable: true,
|
|
32
|
-
get: function () {
|
|
32
|
+
get: function get() {
|
|
33
33
|
return _CheckBoxListItem.default;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "ContentBox", {
|
|
37
37
|
enumerable: true,
|
|
38
|
-
get: function () {
|
|
38
|
+
get: function get() {
|
|
39
39
|
return _ContentBox.default;
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
42
|
Object.defineProperty(exports, "Dialog", {
|
|
43
43
|
enumerable: true,
|
|
44
|
-
get: function () {
|
|
44
|
+
get: function get() {
|
|
45
45
|
return _Dialog.default;
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
48
|
Object.defineProperty(exports, "DragAndDropFileInput", {
|
|
49
49
|
enumerable: true,
|
|
50
|
-
get: function () {
|
|
50
|
+
get: function get() {
|
|
51
51
|
return _DragAndDropFileInput.default;
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
54
|
Object.defineProperty(exports, "Footer", {
|
|
55
55
|
enumerable: true,
|
|
56
|
-
get: function () {
|
|
56
|
+
get: function get() {
|
|
57
57
|
return _Footer.default;
|
|
58
58
|
}
|
|
59
59
|
});
|
|
60
60
|
Object.defineProperty(exports, "Header", {
|
|
61
61
|
enumerable: true,
|
|
62
|
-
get: function () {
|
|
62
|
+
get: function get() {
|
|
63
63
|
return _Header.default;
|
|
64
64
|
}
|
|
65
65
|
});
|
|
66
66
|
Object.defineProperty(exports, "InputField", {
|
|
67
67
|
enumerable: true,
|
|
68
|
-
get: function () {
|
|
68
|
+
get: function get() {
|
|
69
69
|
return _InputField.default;
|
|
70
70
|
}
|
|
71
71
|
});
|
|
72
72
|
Object.defineProperty(exports, "Label", {
|
|
73
73
|
enumerable: true,
|
|
74
|
-
get: function () {
|
|
74
|
+
get: function get() {
|
|
75
75
|
return _Label.default;
|
|
76
76
|
}
|
|
77
77
|
});
|
|
78
78
|
Object.defineProperty(exports, "List", {
|
|
79
79
|
enumerable: true,
|
|
80
|
-
get: function () {
|
|
80
|
+
get: function get() {
|
|
81
81
|
return _List.default;
|
|
82
82
|
}
|
|
83
83
|
});
|
|
84
84
|
Object.defineProperty(exports, "LoadingAnimation", {
|
|
85
85
|
enumerable: true,
|
|
86
|
-
get: function () {
|
|
86
|
+
get: function get() {
|
|
87
87
|
return _LoadingAnimation.default;
|
|
88
88
|
}
|
|
89
89
|
});
|
|
90
90
|
Object.defineProperty(exports, "NavigationBar", {
|
|
91
91
|
enumerable: true,
|
|
92
|
-
get: function () {
|
|
92
|
+
get: function get() {
|
|
93
93
|
return _NavigationBar.default;
|
|
94
94
|
}
|
|
95
95
|
});
|
|
96
96
|
Object.defineProperty(exports, "NavigationBarListItem", {
|
|
97
97
|
enumerable: true,
|
|
98
|
-
get: function () {
|
|
98
|
+
get: function get() {
|
|
99
99
|
return _NavigationBarListItem.default;
|
|
100
100
|
}
|
|
101
101
|
});
|
|
102
102
|
Object.defineProperty(exports, "Paper", {
|
|
103
103
|
enumerable: true,
|
|
104
|
-
get: function () {
|
|
104
|
+
get: function get() {
|
|
105
105
|
return _Paper.default;
|
|
106
106
|
}
|
|
107
107
|
});
|
|
108
108
|
Object.defineProperty(exports, "RadioButtonIcon", {
|
|
109
109
|
enumerable: true,
|
|
110
|
-
get: function () {
|
|
110
|
+
get: function get() {
|
|
111
111
|
return _RadioButtonIcon.default;
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
114
|
Object.defineProperty(exports, "RadioButtonInput", {
|
|
115
115
|
enumerable: true,
|
|
116
|
-
get: function () {
|
|
116
|
+
get: function get() {
|
|
117
117
|
return _RadioButtonInput.default;
|
|
118
118
|
}
|
|
119
119
|
});
|
|
120
120
|
Object.defineProperty(exports, "RadioButtonListItem", {
|
|
121
121
|
enumerable: true,
|
|
122
|
-
get: function () {
|
|
122
|
+
get: function get() {
|
|
123
123
|
return _RadioButtonListItem.default;
|
|
124
124
|
}
|
|
125
125
|
});
|
|
126
126
|
Object.defineProperty(exports, "Select", {
|
|
127
127
|
enumerable: true,
|
|
128
|
-
get: function () {
|
|
128
|
+
get: function get() {
|
|
129
129
|
return _Select.default;
|
|
130
130
|
}
|
|
131
131
|
});
|
|
132
132
|
Object.defineProperty(exports, "Textarea", {
|
|
133
133
|
enumerable: true,
|
|
134
|
-
get: function () {
|
|
134
|
+
get: function get() {
|
|
135
135
|
return _Textarea.default;
|
|
136
136
|
}
|
|
137
137
|
});
|
|
138
138
|
Object.defineProperty(exports, "WizardNavigation", {
|
|
139
139
|
enumerable: true,
|
|
140
|
-
get: function () {
|
|
140
|
+
get: function get() {
|
|
141
141
|
return _WizardNavigation.default;
|
|
142
142
|
}
|
|
143
143
|
});
|
|
144
144
|
Object.defineProperty(exports, "WizardNavigationStep", {
|
|
145
145
|
enumerable: true,
|
|
146
|
-
get: function () {
|
|
146
|
+
get: function get() {
|
|
147
147
|
return _Step.default;
|
|
148
148
|
}
|
|
149
149
|
});
|