@broxus/react-uikit 0.17.2 → 0.17.4
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/cjs/components/DatePicker/index.scss +4 -1
- package/dist/cjs/components/Inverse/index.d.ts +2 -1
- package/dist/cjs/components/Inverse/index.js +2 -2
- package/dist/cjs/components/TimePicker/types.d.ts +2 -2
- package/dist/cjs/tsconfig.cjs.tsbuildinfo +1 -1
- package/dist/esm/components/DatePicker/index.js +3 -3
- package/dist/esm/components/DatePicker/index.scss +4 -1
- package/dist/esm/components/Inverse/index.d.ts +2 -1
- package/dist/esm/components/Inverse/index.js +2 -2
- package/dist/esm/components/TimePicker/types.d.ts +2 -2
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +9 -10
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import luxonGenerateConfig from 'rc-picker/lib/generate/luxon';
|
|
2
2
|
import { generatePicker } from '../../components/DatePicker/generatePicker';
|
|
3
3
|
import { generatePurePicker } from '../../components/DatePicker/generatePurePicker';
|
|
4
4
|
import './index.scss';
|
|
5
5
|
export * from '../../components/DatePicker/locale';
|
|
6
6
|
export * from '../../components/DatePicker/types';
|
|
7
|
-
const InternalDatePicker = generatePicker(
|
|
7
|
+
const InternalDatePicker = generatePicker(luxonGenerateConfig);
|
|
8
8
|
export const DatePicker = InternalDatePicker;
|
|
9
9
|
DatePicker.generatePicker = generatePicker;
|
|
10
10
|
DatePicker.generatePurePicker = generatePurePicker;
|
|
11
|
-
DatePicker.Panel = generatePurePicker(
|
|
11
|
+
DatePicker.Panel = generatePurePicker(luxonGenerateConfig);
|
|
@@ -147,7 +147,6 @@
|
|
|
147
147
|
}
|
|
148
148
|
|
|
149
149
|
.uk-datepicker-time-panel {
|
|
150
|
-
border-inline-start: var(--datepicker-border-width) var(--datepicker-border-style) var(--datepicker-border);
|
|
151
150
|
min-width: auto;
|
|
152
151
|
width: auto;
|
|
153
152
|
@if mixin-exists(hook-datepicker-time-panel) {
|
|
@@ -155,6 +154,10 @@
|
|
|
155
154
|
}
|
|
156
155
|
}
|
|
157
156
|
|
|
157
|
+
.uk-datepicker-time-panel:not(:first-child) {
|
|
158
|
+
border-inline-start: var(--datepicker-border-width) var(--datepicker-border-style) var(--datepicker-border);
|
|
159
|
+
}
|
|
160
|
+
|
|
158
161
|
.uk-datepicker-date-panel {
|
|
159
162
|
@if mixin-exists(hook-datepicker-date-panel) {
|
|
160
163
|
@include hook-datepicker-date-panel;
|
|
@@ -9,6 +9,7 @@ export interface InverseConfig {
|
|
|
9
9
|
setColorMode: (value: ColorMode) => void;
|
|
10
10
|
}
|
|
11
11
|
export interface InverseProviderProps {
|
|
12
|
+
defaultColorMode?: ColorMode;
|
|
12
13
|
globalDarkClassName?: string;
|
|
13
14
|
globalLightClassName?: string;
|
|
14
15
|
primaryColorDark?: string;
|
|
@@ -18,4 +19,4 @@ export declare const lib: Record<ColorMode, () => React.JSX.Element>;
|
|
|
18
19
|
export declare const InverseContext: React.Context<InverseConfig | null>;
|
|
19
20
|
export declare function useInverse(): InverseConfig;
|
|
20
21
|
export declare const INVERSE_STORAGE_KEY = "colorMode";
|
|
21
|
-
export declare const InverseProvider: React.MemoExoticComponent<({ children, globalDarkClassName, globalLightClassName, primaryColorDark, primaryColorLight, }: React.PropsWithChildren<InverseProviderProps>) => React.JSX.Element>;
|
|
22
|
+
export declare const InverseProvider: React.MemoExoticComponent<({ children, defaultColorMode, globalDarkClassName, globalLightClassName, primaryColorDark, primaryColorLight, }: React.PropsWithChildren<InverseProviderProps>) => React.JSX.Element>;
|
|
@@ -19,10 +19,10 @@ export function useInverse() {
|
|
|
19
19
|
return useContext(InverseContext);
|
|
20
20
|
}
|
|
21
21
|
export const INVERSE_STORAGE_KEY = 'colorMode';
|
|
22
|
-
export const InverseProvider = React.memo(({ children, globalDarkClassName = 'tm-dark', globalLightClassName = 'tm-light', primaryColorDark, primaryColorLight, }) => {
|
|
22
|
+
export const InverseProvider = React.memo(({ children, defaultColorMode = ColorMode.Dark, globalDarkClassName = 'tm-dark', globalLightClassName = 'tm-light', primaryColorDark, primaryColorLight, }) => {
|
|
23
23
|
const [colorMode, setColorMode] = React.useState(() => {
|
|
24
24
|
const stored = storage.get(INVERSE_STORAGE_KEY);
|
|
25
|
-
return stored ? stored : ColorMode.Dark;
|
|
25
|
+
return stored ? stored : defaultColorMode ?? ColorMode.Dark;
|
|
26
26
|
});
|
|
27
27
|
const context = React.useMemo(() => ({
|
|
28
28
|
colorMode,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type DateTime } from 'luxon';
|
|
2
2
|
import { type GenericTimePickerProps, type PickerPropsWithMultiple, type RangePickerProps } from '../../components/DatePicker';
|
|
3
3
|
import { type AnyObject } from '../../types';
|
|
4
4
|
export type PickerTimeProps<DateType extends AnyObject> = PickerPropsWithMultiple<DateType, GenericTimePickerProps<DateType>>;
|
|
@@ -7,6 +7,6 @@ export interface TimePickerLocale {
|
|
|
7
7
|
placeholder?: string;
|
|
8
8
|
rangePlaceholder?: [string, string];
|
|
9
9
|
}
|
|
10
|
-
export interface TimeRangePickerProps extends Omit<RangePickerTimeProps<
|
|
10
|
+
export interface TimeRangePickerProps extends Omit<RangePickerTimeProps<DateTime>, 'picker'> {
|
|
11
11
|
popupClassName?: string;
|
|
12
12
|
}
|