nntc-ui 0.0.50 → 0.0.52
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/index.css +23 -8
- package/index.d.ts +2 -2
- package/index.js +323 -300
- package/package.json +1 -1
package/index.css
CHANGED
|
@@ -640,9 +640,6 @@
|
|
|
640
640
|
letter-spacing: var(--text-overline-letter);
|
|
641
641
|
border-bottom: 1px solid var(--theme-divider);
|
|
642
642
|
}
|
|
643
|
-
.menu_checkbox {
|
|
644
|
-
width: 24px;
|
|
645
|
-
}
|
|
646
643
|
|
|
647
644
|
/* src/components/common/DateTime/dateTime.module.css */
|
|
648
645
|
.dateTime_root {
|
|
@@ -734,6 +731,9 @@
|
|
|
734
731
|
width: 368px;
|
|
735
732
|
padding: 24px 16px;
|
|
736
733
|
}
|
|
734
|
+
.calendarPopover_buttonsContainer {
|
|
735
|
+
display: block;
|
|
736
|
+
}
|
|
737
737
|
.calendarPopover_button {
|
|
738
738
|
color: var(--theme-text-primary);
|
|
739
739
|
background: none;
|
|
@@ -1100,6 +1100,9 @@
|
|
|
1100
1100
|
width: 100%;
|
|
1101
1101
|
max-width: 320px;
|
|
1102
1102
|
}
|
|
1103
|
+
.multiSelect_fullWidth {
|
|
1104
|
+
max-width: 100%;
|
|
1105
|
+
}
|
|
1103
1106
|
.multiSelect_medium {
|
|
1104
1107
|
gap: 8px;
|
|
1105
1108
|
}
|
|
@@ -1288,11 +1291,19 @@
|
|
|
1288
1291
|
display: flex;
|
|
1289
1292
|
flex-direction: column;
|
|
1290
1293
|
gap: 8px;
|
|
1291
|
-
padding
|
|
1292
|
-
padding-bottom: 16px;
|
|
1294
|
+
padding: 8px;
|
|
1293
1295
|
}
|
|
1294
|
-
.
|
|
1295
|
-
|
|
1296
|
+
.multiSelect_checklistWrapper {
|
|
1297
|
+
display: flex;
|
|
1298
|
+
flex-direction: column;
|
|
1299
|
+
max-height: 300px;
|
|
1300
|
+
overflow: hidden;
|
|
1301
|
+
}
|
|
1302
|
+
.multiSelect_checklistRoot {
|
|
1303
|
+
max-height: 284px;
|
|
1304
|
+
}
|
|
1305
|
+
.multiSelect_checklistScrolled {
|
|
1306
|
+
max-height: 100%;
|
|
1296
1307
|
}
|
|
1297
1308
|
.multiSelect_searchInputRoot {
|
|
1298
1309
|
padding: 0 8px;
|
|
@@ -1308,7 +1319,11 @@
|
|
|
1308
1319
|
height: 100%;
|
|
1309
1320
|
}
|
|
1310
1321
|
.checklist_scrolled {
|
|
1311
|
-
flex: 1 1
|
|
1322
|
+
flex: 1 1 auto;
|
|
1323
|
+
width: 100%;
|
|
1324
|
+
min-height: 0;
|
|
1325
|
+
max-height: inherit;
|
|
1326
|
+
padding-bottom: 8px;
|
|
1312
1327
|
}
|
|
1313
1328
|
.checklist_actionWrap {
|
|
1314
1329
|
display: flex;
|
package/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { ButtonHTMLAttributes, ReactNode, DetailedHTMLProps, InputHTMLAttributes, PropsWithChildren, ChangeEvent, JSX, MutableRefObject, HTMLProps, ElementType } from 'react';
|
|
2
|
+
import { ButtonHTMLAttributes, ReactNode, DetailedHTMLProps, InputHTMLAttributes, PropsWithChildren, ChangeEvent, JSX, MutableRefObject, CSSProperties, HTMLProps, ElementType } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { Placement } from '@floating-ui/react';
|
|
5
5
|
|
|
@@ -196,7 +196,6 @@ interface Item$2 {
|
|
|
196
196
|
onClick?: () => void;
|
|
197
197
|
}[];
|
|
198
198
|
onClick?: () => void;
|
|
199
|
-
withCheckbox?: boolean;
|
|
200
199
|
selected?: boolean;
|
|
201
200
|
disabled?: boolean;
|
|
202
201
|
}
|
|
@@ -370,6 +369,7 @@ interface Props$4 {
|
|
|
370
369
|
root?: HTMLElement | MutableRefObject<HTMLElement | null> | null;
|
|
371
370
|
open?: boolean;
|
|
372
371
|
onOpenChange?: (open: boolean) => void;
|
|
372
|
+
contentStyle?: CSSProperties;
|
|
373
373
|
}
|
|
374
374
|
declare function Popover(props: PropsWithChildren<UiProps<Props$4>>): string | number | true | Iterable<ReactNode> | react_jsx_runtime.JSX.Element | null;
|
|
375
375
|
|