dibk-design 3.4.0 → 3.6.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.
Files changed (38) hide show
  1. package/dist/components/Accordion.js +14 -23
  2. package/dist/components/Button.js +15 -20
  3. package/dist/components/CheckBoxIcon.js +8 -11
  4. package/dist/components/CheckBoxInput.js +4 -4
  5. package/dist/components/CheckBoxList.js +7 -7
  6. package/dist/components/CheckBoxListItem.js +4 -4
  7. package/dist/components/Container.js +1 -1
  8. package/dist/components/ContentBox.js +7 -7
  9. package/dist/components/Dialog.js +8 -9
  10. package/dist/components/DragAndDropFileInput.js +21 -33
  11. package/dist/components/ErrorBox.js +2 -2
  12. package/dist/components/ErrorMessage.js +3 -3
  13. package/dist/components/Footer.js +1 -1
  14. package/dist/components/Header.js +13 -10
  15. package/dist/components/InputField.js +31 -27
  16. package/dist/components/Label.js +10 -13
  17. package/dist/components/List.js +9 -11
  18. package/dist/components/ListItem.js +2 -2
  19. package/dist/components/LoadingAnimation.js +1 -1
  20. package/dist/components/NavigationBar.js +27 -39
  21. package/dist/components/NavigationBarListItem.js +4 -5
  22. package/dist/components/Paper.js +1 -1
  23. package/dist/components/ProgressBar.js +5 -7
  24. package/dist/components/RadioButtonIcon.js +8 -11
  25. package/dist/components/RadioButtonInput.js +4 -4
  26. package/dist/components/RadioButtonList.js +7 -7
  27. package/dist/components/RadioButtonListItem.js +4 -4
  28. package/dist/components/Select.js +61 -64
  29. package/dist/components/Table.js +7 -7
  30. package/dist/components/Textarea.js +28 -23
  31. package/dist/components/Theme.js +15 -15
  32. package/dist/components/WizardNavigation/Step.js +12 -11
  33. package/dist/components/WizardNavigation.js +8 -8
  34. package/dist/functions/generators.js +7 -6
  35. package/dist/functions/helpers.js +24 -25
  36. package/dist/functions/theme.js +21 -11
  37. package/dist/index.js +32 -32
  38. package/package.json +1 -1
@@ -4,40 +4,50 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
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
- var getThemePaletteBackgroundColor = exports.getThemePaletteBackgroundColor = function getThemePaletteBackgroundColor(theme, color) {
7
+ const getThemePaletteBackgroundColor = (theme, color) => {
8
8
  var _theme$colors;
9
9
  return (theme === null || theme === void 0 || (_theme$colors = theme.colors) === null || _theme$colors === void 0 || (_theme$colors = _theme$colors.palette) === null || _theme$colors === void 0 || (_theme$colors = _theme$colors[color]) === null || _theme$colors === void 0 ? void 0 : _theme$colors.background) || null;
10
10
  };
11
- var getThemePaletteTextColor = exports.getThemePaletteTextColor = function getThemePaletteTextColor(theme, color) {
11
+ exports.getThemePaletteBackgroundColor = getThemePaletteBackgroundColor;
12
+ const getThemePaletteTextColor = (theme, color) => {
12
13
  var _theme$colors2;
13
14
  return (theme === null || theme === void 0 || (_theme$colors2 = theme.colors) === null || _theme$colors2 === void 0 || (_theme$colors2 = _theme$colors2.palette) === null || _theme$colors2 === void 0 || (_theme$colors2 = _theme$colors2[color]) === null || _theme$colors2 === void 0 ? void 0 : _theme$colors2.text) || null;
14
15
  };
15
- var getThemePaletteBorderColor = exports.getThemePaletteBorderColor = function getThemePaletteBorderColor(theme, color) {
16
+ exports.getThemePaletteTextColor = getThemePaletteTextColor;
17
+ const getThemePaletteBorderColor = (theme, color) => {
16
18
  var _theme$colors3;
17
19
  return (theme === null || theme === void 0 || (_theme$colors3 = theme.colors) === null || _theme$colors3 === void 0 || (_theme$colors3 = _theme$colors3.palette) === null || _theme$colors3 === void 0 || (_theme$colors3 = _theme$colors3[color]) === null || _theme$colors3 === void 0 ? void 0 : _theme$colors3.border) || null;
18
20
  };
19
- var getThemeNavigationBarBackgroundColor = exports.getThemeNavigationBarBackgroundColor = function getThemeNavigationBarBackgroundColor(theme) {
21
+ exports.getThemePaletteBorderColor = getThemePaletteBorderColor;
22
+ const getThemeNavigationBarBackgroundColor = theme => {
20
23
  var _theme$colors4;
21
24
  return (theme === null || theme === void 0 || (_theme$colors4 = theme.colors) === null || _theme$colors4 === void 0 || (_theme$colors4 = _theme$colors4.navigationBar) === null || _theme$colors4 === void 0 ? void 0 : _theme$colors4.background) || null;
22
25
  };
23
- var getThemeNavigationBarTextColor = exports.getThemeNavigationBarTextColor = function getThemeNavigationBarTextColor(theme) {
26
+ exports.getThemeNavigationBarBackgroundColor = getThemeNavigationBarBackgroundColor;
27
+ const getThemeNavigationBarTextColor = theme => {
24
28
  var _theme$colors5;
25
29
  return (theme === null || theme === void 0 || (_theme$colors5 = theme.colors) === null || _theme$colors5 === void 0 || (_theme$colors5 = _theme$colors5.navigationBar) === null || _theme$colors5 === void 0 ? void 0 : _theme$colors5.text) || null;
26
30
  };
27
- var getThemeLogo = exports.getThemeLogo = function getThemeLogo(theme) {
31
+ exports.getThemeNavigationBarTextColor = getThemeNavigationBarTextColor;
32
+ const getThemeLogo = theme => {
28
33
  return (theme === null || theme === void 0 ? void 0 : theme.logo) || null;
29
34
  };
30
- var getThemeLogoPadding = exports.getThemeLogoPadding = function getThemeLogoPadding(theme) {
35
+ exports.getThemeLogo = getThemeLogo;
36
+ const getThemeLogoPadding = theme => {
31
37
  return (theme === null || theme === void 0 ? void 0 : theme.logoPadding) || null;
32
38
  };
33
- var getThemeAppName = exports.getThemeAppName = function getThemeAppName(theme) {
39
+ exports.getThemeLogoPadding = getThemeLogoPadding;
40
+ const getThemeAppName = theme => {
34
41
  return (theme === null || theme === void 0 ? void 0 : theme.appName) || null;
35
42
  };
36
- var getThemeTextColor = exports.getThemeTextColor = function getThemeTextColor(theme) {
43
+ exports.getThemeAppName = getThemeAppName;
44
+ const getThemeTextColor = theme => {
37
45
  var _theme$colors6;
38
46
  return (theme === null || theme === void 0 || (_theme$colors6 = theme.colors) === null || _theme$colors6 === void 0 ? void 0 : _theme$colors6.text) || null;
39
47
  };
40
- var getThemeLinkColor = exports.getThemeLinkColor = function getThemeLinkColor(theme) {
48
+ exports.getThemeTextColor = getThemeTextColor;
49
+ const getThemeLinkColor = theme => {
41
50
  var _theme$colors7;
42
51
  return (theme === null || theme === void 0 || (_theme$colors7 = theme.colors) === null || _theme$colors7 === void 0 ? void 0 : _theme$colors7.link) || null;
43
- };
52
+ };
53
+ exports.getThemeLinkColor = getThemeLinkColor;
package/dist/index.js CHANGED
@@ -5,193 +5,193 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "Accordion", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _Accordion.default;
10
10
  }
11
11
  });
12
12
  Object.defineProperty(exports, "Button", {
13
13
  enumerable: true,
14
- get: function get() {
14
+ get: function () {
15
15
  return _Button.default;
16
16
  }
17
17
  });
18
18
  Object.defineProperty(exports, "CheckBoxIcon", {
19
19
  enumerable: true,
20
- get: function get() {
20
+ get: function () {
21
21
  return _CheckBoxIcon.default;
22
22
  }
23
23
  });
24
24
  Object.defineProperty(exports, "CheckBoxInput", {
25
25
  enumerable: true,
26
- get: function get() {
26
+ get: function () {
27
27
  return _CheckBoxInput.default;
28
28
  }
29
29
  });
30
30
  Object.defineProperty(exports, "CheckBoxList", {
31
31
  enumerable: true,
32
- get: function get() {
32
+ get: function () {
33
33
  return _CheckBoxList.default;
34
34
  }
35
35
  });
36
36
  Object.defineProperty(exports, "CheckBoxListItem", {
37
37
  enumerable: true,
38
- get: function get() {
38
+ get: function () {
39
39
  return _CheckBoxListItem.default;
40
40
  }
41
41
  });
42
42
  Object.defineProperty(exports, "Container", {
43
43
  enumerable: true,
44
- get: function get() {
44
+ get: function () {
45
45
  return _Container.default;
46
46
  }
47
47
  });
48
48
  Object.defineProperty(exports, "ContentBox", {
49
49
  enumerable: true,
50
- get: function get() {
50
+ get: function () {
51
51
  return _ContentBox.default;
52
52
  }
53
53
  });
54
54
  Object.defineProperty(exports, "Dialog", {
55
55
  enumerable: true,
56
- get: function get() {
56
+ get: function () {
57
57
  return _Dialog.default;
58
58
  }
59
59
  });
60
60
  Object.defineProperty(exports, "DragAndDropFileInput", {
61
61
  enumerable: true,
62
- get: function get() {
62
+ get: function () {
63
63
  return _DragAndDropFileInput.default;
64
64
  }
65
65
  });
66
66
  Object.defineProperty(exports, "ErrorBox", {
67
67
  enumerable: true,
68
- get: function get() {
68
+ get: function () {
69
69
  return _ErrorBox.default;
70
70
  }
71
71
  });
72
72
  Object.defineProperty(exports, "ErrorMessage", {
73
73
  enumerable: true,
74
- get: function get() {
74
+ get: function () {
75
75
  return _ErrorMessage.default;
76
76
  }
77
77
  });
78
78
  Object.defineProperty(exports, "Footer", {
79
79
  enumerable: true,
80
- get: function get() {
80
+ get: function () {
81
81
  return _Footer.default;
82
82
  }
83
83
  });
84
84
  Object.defineProperty(exports, "Header", {
85
85
  enumerable: true,
86
- get: function get() {
86
+ get: function () {
87
87
  return _Header.default;
88
88
  }
89
89
  });
90
90
  Object.defineProperty(exports, "InputField", {
91
91
  enumerable: true,
92
- get: function get() {
92
+ get: function () {
93
93
  return _InputField.default;
94
94
  }
95
95
  });
96
96
  Object.defineProperty(exports, "Label", {
97
97
  enumerable: true,
98
- get: function get() {
98
+ get: function () {
99
99
  return _Label.default;
100
100
  }
101
101
  });
102
102
  Object.defineProperty(exports, "List", {
103
103
  enumerable: true,
104
- get: function get() {
104
+ get: function () {
105
105
  return _List.default;
106
106
  }
107
107
  });
108
108
  Object.defineProperty(exports, "ListItem", {
109
109
  enumerable: true,
110
- get: function get() {
110
+ get: function () {
111
111
  return _ListItem.default;
112
112
  }
113
113
  });
114
114
  Object.defineProperty(exports, "LoadingAnimation", {
115
115
  enumerable: true,
116
- get: function get() {
116
+ get: function () {
117
117
  return _LoadingAnimation.default;
118
118
  }
119
119
  });
120
120
  Object.defineProperty(exports, "NavigationBar", {
121
121
  enumerable: true,
122
- get: function get() {
122
+ get: function () {
123
123
  return _NavigationBar.default;
124
124
  }
125
125
  });
126
126
  Object.defineProperty(exports, "NavigationBarListItem", {
127
127
  enumerable: true,
128
- get: function get() {
128
+ get: function () {
129
129
  return _NavigationBarListItem.default;
130
130
  }
131
131
  });
132
132
  Object.defineProperty(exports, "Paper", {
133
133
  enumerable: true,
134
- get: function get() {
134
+ get: function () {
135
135
  return _Paper.default;
136
136
  }
137
137
  });
138
138
  Object.defineProperty(exports, "ProgressBar", {
139
139
  enumerable: true,
140
- get: function get() {
140
+ get: function () {
141
141
  return _ProgressBar.default;
142
142
  }
143
143
  });
144
144
  Object.defineProperty(exports, "RadioButtonIcon", {
145
145
  enumerable: true,
146
- get: function get() {
146
+ get: function () {
147
147
  return _RadioButtonIcon.default;
148
148
  }
149
149
  });
150
150
  Object.defineProperty(exports, "RadioButtonInput", {
151
151
  enumerable: true,
152
- get: function get() {
152
+ get: function () {
153
153
  return _RadioButtonInput.default;
154
154
  }
155
155
  });
156
156
  Object.defineProperty(exports, "RadioButtonList", {
157
157
  enumerable: true,
158
- get: function get() {
158
+ get: function () {
159
159
  return _RadioButtonList.default;
160
160
  }
161
161
  });
162
162
  Object.defineProperty(exports, "RadioButtonListItem", {
163
163
  enumerable: true,
164
- get: function get() {
164
+ get: function () {
165
165
  return _RadioButtonListItem.default;
166
166
  }
167
167
  });
168
168
  Object.defineProperty(exports, "Select", {
169
169
  enumerable: true,
170
- get: function get() {
170
+ get: function () {
171
171
  return _Select.default;
172
172
  }
173
173
  });
174
174
  Object.defineProperty(exports, "Table", {
175
175
  enumerable: true,
176
- get: function get() {
176
+ get: function () {
177
177
  return _Table.default;
178
178
  }
179
179
  });
180
180
  Object.defineProperty(exports, "Textarea", {
181
181
  enumerable: true,
182
- get: function get() {
182
+ get: function () {
183
183
  return _Textarea.default;
184
184
  }
185
185
  });
186
186
  Object.defineProperty(exports, "WizardNavigation", {
187
187
  enumerable: true,
188
- get: function get() {
188
+ get: function () {
189
189
  return _WizardNavigation.default;
190
190
  }
191
191
  });
192
192
  Object.defineProperty(exports, "WizardNavigationStep", {
193
193
  enumerable: true,
194
- get: function get() {
194
+ get: function () {
195
195
  return _Step.default;
196
196
  }
197
197
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dibk-design",
3
- "version": "3.4.0",
3
+ "version": "3.6.0",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "files": [