@northlight/ui 2.36.11 → 2.37.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/dist/es/northlight.d.ts +3 -2
- package/dist/es/northlight.js +38 -1
- package/dist/es/northlight.js.map +1 -1
- package/dist/umd/northlight.cjs +38 -1
- package/dist/umd/northlight.cjs.map +1 -1
- package/dist/umd/northlight.min.cjs +3 -3
- package/dist/umd/northlight.min.cjs.map +1 -1
- package/package.json +3 -3
package/dist/umd/northlight.cjs
CHANGED
|
@@ -856,6 +856,38 @@
|
|
|
856
856
|
bg: color.bg.ai.hover,
|
|
857
857
|
color: color.text.inverted
|
|
858
858
|
}
|
|
859
|
+
}),
|
|
860
|
+
accent: ({ theme: { colors: color } }) => ({
|
|
861
|
+
color: color.text.button.accent,
|
|
862
|
+
bgColor: color.background.button.ghost,
|
|
863
|
+
_hover: {
|
|
864
|
+
bg: color.background.button["ghost-active"],
|
|
865
|
+
color: color.text.button.accent,
|
|
866
|
+
_disabled: {
|
|
867
|
+
bgColor: color.background.button.ghost,
|
|
868
|
+
color: color.text.button.accent
|
|
869
|
+
}
|
|
870
|
+
},
|
|
871
|
+
_active: {
|
|
872
|
+
bg: color.background.button["ghost-active"],
|
|
873
|
+
color: color.text.button.accent
|
|
874
|
+
}
|
|
875
|
+
}),
|
|
876
|
+
sidebar: ({ theme: { colors: color } }) => ({
|
|
877
|
+
color: color.text.button.sidebar,
|
|
878
|
+
bgColor: color.background.button.sidebar,
|
|
879
|
+
_hover: {
|
|
880
|
+
bg: color.background.button["sidebar-hover"],
|
|
881
|
+
color: color.text.button.sidebar,
|
|
882
|
+
_disabled: {
|
|
883
|
+
bgColor: color.background.button.ghost,
|
|
884
|
+
color: color.text.button.sidebar
|
|
885
|
+
}
|
|
886
|
+
},
|
|
887
|
+
_active: {
|
|
888
|
+
bg: color.background.button["sidebar-active"],
|
|
889
|
+
color: color.text.button["sidebar-active"]
|
|
890
|
+
}
|
|
859
891
|
})
|
|
860
892
|
},
|
|
861
893
|
defaultProps: {
|
|
@@ -7837,7 +7869,9 @@
|
|
|
7837
7869
|
renderInPortal = false,
|
|
7838
7870
|
firstDayOfWeek,
|
|
7839
7871
|
onSave,
|
|
7840
|
-
buttonLabel = "Save"
|
|
7872
|
+
buttonLabel = "Save",
|
|
7873
|
+
setIsOpen = () => {
|
|
7874
|
+
}
|
|
7841
7875
|
} = props;
|
|
7842
7876
|
const ref = React.useRef();
|
|
7843
7877
|
const { group } = react.useMultiStyleConfig("DatePicker");
|
|
@@ -7856,6 +7890,9 @@
|
|
|
7856
7890
|
shouldCloseOnSelect: false,
|
|
7857
7891
|
hideTimeZone: true
|
|
7858
7892
|
}));
|
|
7893
|
+
React.useEffect(() => {
|
|
7894
|
+
setIsOpen(state.isOpen);
|
|
7895
|
+
}, [state.isOpen]);
|
|
7859
7896
|
const {
|
|
7860
7897
|
groupProps,
|
|
7861
7898
|
startFieldProps,
|