@conduction/components 2.1.26 → 2.1.28
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 +8 -10
- package/lib/components/formFields/date/Date.js +1 -1
- package/lib/components/topNav/primaryTopNav/PrimaryTopNav.module.css +6 -0
- package/package.json +1 -1
- package/src/components/formFields/date/Date.tsx +1 -0
- package/src/components/topNav/primaryTopNav/PrimaryTopNav.module.css +6 -0
package/README.md
CHANGED
|
@@ -4,9 +4,11 @@
|
|
|
4
4
|
|
|
5
5
|
- **Version 2.1 (breaking changes from 2.0.x)**
|
|
6
6
|
|
|
7
|
+
- 2.1.28: Fixed PrimaryTopNav dropdown token and added new features for dropdown.
|
|
8
|
+
- 2.1.27: TimeFormat in DatePicker is now consistant with DateFormat.
|
|
7
9
|
- 2.1.26: Avoid dependency on `@gemeente-denhaag/components-react`, only depend on components we actually use.
|
|
8
|
-
- 2.1.25: Added id prop to select component
|
|
9
|
-
- 2.1.24: Add new design tokens for topnav dropdown
|
|
10
|
+
- 2.1.25: Added id prop to select component.
|
|
11
|
+
- 2.1.24: Add new design tokens for topnav dropdown.
|
|
10
12
|
- 2.1.23: Added optional error messages to CreateKeyValue and unused classname removed warning.
|
|
11
13
|
- 2.1.22: Added optional error messages to textarea, select and input fields.
|
|
12
14
|
- 2.1.21: Added optional copy button and refactored delete button in CreateKeyValue.
|
|
@@ -34,10 +36,8 @@
|
|
|
34
36
|
|
|
35
37
|
- 2.0.34: SelectMultiple and SelectCreate update to include defaultValue in react-hook-form controller.
|
|
36
38
|
- 2.0.33: PrimaryTopNav sub items doesn't overlap main navbar anymore.
|
|
37
|
-
- 2.0.32:
|
|
38
|
-
|
|
39
|
-
- 2.0.31:
|
|
40
|
-
- PrimaryTopNav clickbox now includes padding of nav items.
|
|
39
|
+
- 2.0.32: SelectSingle update to include defaultValue in react-hook-form controller.
|
|
40
|
+
- 2.0.31: PrimaryTopNav clickbox now includes padding of nav items.
|
|
41
41
|
- 2.0.30:
|
|
42
42
|
- Selects now have an z-index.
|
|
43
43
|
- Checkboxes now automatically have an id wich is a camelCase of "checkbox" plus the label, "checkboxLabel".
|
|
@@ -61,10 +61,8 @@
|
|
|
61
61
|
- 2.0.15: Added mobile support to PrimaryTopNav.
|
|
62
62
|
- 2.0.14: Refactored SelectCreate placeholder text.
|
|
63
63
|
- 2.0.13: removed round borders of tag.
|
|
64
|
-
- 2.0.11 & 2.0.12:
|
|
65
|
-
|
|
66
|
-
- 2.0.10:
|
|
67
|
-
- Added InputFloat (.00 decimals) component.
|
|
64
|
+
- 2.0.11 & 2.0.12: Added disabled state to SelectSingle component.
|
|
65
|
+
- 2.0.10: Added InputFloat (.00 decimals) component.
|
|
68
66
|
- 2.0.9:
|
|
69
67
|
- Added optional defaultChecked to InputCheckbox.
|
|
70
68
|
- Added CreateKeyValue input.
|
|
@@ -5,6 +5,6 @@ import { Controller } from "react-hook-form";
|
|
|
5
5
|
import DatePicker from "react-datepicker";
|
|
6
6
|
export const InputDate = ({ name, errors, control, validation, disabled, }) => {
|
|
7
7
|
return (_jsx(Controller, { ...{ control, name }, rules: validation, render: ({ field: { onChange, value } }) => {
|
|
8
|
-
return (_jsx(DatePicker, { calendarClassName: styles.calendar, className: "denhaag-datepicker__input", onChange: (date) => onChange(date), dateFormat: "d-MM-yyyy HH:mm", selected: value, timeIntervals: 1, showTimeSelect: true, ...{ errors, value, disabled } }));
|
|
8
|
+
return (_jsx(DatePicker, { calendarClassName: styles.calendar, className: "denhaag-datepicker__input", onChange: (date) => onChange(date), dateFormat: "d-MM-yyyy HH:mm", timeFormat: "HH:mm", selected: value, timeIntervals: 1, showTimeSelect: true, ...{ errors, value, disabled } }));
|
|
9
9
|
} }));
|
|
10
10
|
};
|
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
--conduction-primary-top-nav-toggle-icon-size: 24px;
|
|
10
10
|
--conduction-primary-top-nav-mobile-logo-padding: 18px;
|
|
11
11
|
--conduction-primary-top-nav-item-icon-margin: var(--skeleton-size-2x);
|
|
12
|
+
--conduction-primary-top-nav-dropdown-background-color: var(--skeleton-color-white);
|
|
13
|
+
--conduction-primary-top-nav-dropdown-background-color-hover: var(--skeleton-color-grey-1);
|
|
12
14
|
}
|
|
13
15
|
|
|
14
16
|
.container {
|
|
@@ -112,6 +114,10 @@
|
|
|
112
114
|
color: var(--conduction-primary-top-nav-dropdown-color);
|
|
113
115
|
}
|
|
114
116
|
|
|
117
|
+
.primary .dropdown .li:hover .link {
|
|
118
|
+
color: var(--conduction-primary-top-nav-dropdown-color-hover);
|
|
119
|
+
}
|
|
120
|
+
|
|
115
121
|
.dropdown .li:hover {
|
|
116
122
|
background: var(--conduction-primary-top-nav-dropdown-background-color-hover);
|
|
117
123
|
}
|
package/package.json
CHANGED
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
--conduction-primary-top-nav-toggle-icon-size: 24px;
|
|
10
10
|
--conduction-primary-top-nav-mobile-logo-padding: 18px;
|
|
11
11
|
--conduction-primary-top-nav-item-icon-margin: var(--skeleton-size-2x);
|
|
12
|
+
--conduction-primary-top-nav-dropdown-background-color: var(--skeleton-color-white);
|
|
13
|
+
--conduction-primary-top-nav-dropdown-background-color-hover: var(--skeleton-color-grey-1);
|
|
12
14
|
}
|
|
13
15
|
|
|
14
16
|
.container {
|
|
@@ -112,6 +114,10 @@
|
|
|
112
114
|
color: var(--conduction-primary-top-nav-dropdown-color);
|
|
113
115
|
}
|
|
114
116
|
|
|
117
|
+
.primary .dropdown .li:hover .link {
|
|
118
|
+
color: var(--conduction-primary-top-nav-dropdown-color-hover);
|
|
119
|
+
}
|
|
120
|
+
|
|
115
121
|
.dropdown .li:hover {
|
|
116
122
|
background: var(--conduction-primary-top-nav-dropdown-background-color-hover);
|
|
117
123
|
}
|