@nimbus-ds/components 5.3.1-rc.1 → 5.3.1-rc.3
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/index.d.ts +41 -2
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1417,6 +1417,37 @@ export interface TitleSprinkle {
|
|
|
1417
1417
|
*/
|
|
1418
1418
|
color?: TitleColorProperties | TitleConditions<TitleColorProperties>;
|
|
1419
1419
|
}
|
|
1420
|
+
declare const multiSelect: {
|
|
1421
|
+
sprinkle: ((props: {
|
|
1422
|
+
zIndex?: "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | {
|
|
1423
|
+
xs?: "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
|
|
1424
|
+
md?: "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
|
|
1425
|
+
lg?: "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
|
|
1426
|
+
xl?: "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
|
|
1427
|
+
} | undefined;
|
|
1428
|
+
}) => string) & {
|
|
1429
|
+
properties: Set<"zIndex">;
|
|
1430
|
+
};
|
|
1431
|
+
properties: {
|
|
1432
|
+
zIndex: {
|
|
1433
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1434
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1435
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1436
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1437
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1438
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1439
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1440
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1441
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1442
|
+
};
|
|
1443
|
+
};
|
|
1444
|
+
classnames: {
|
|
1445
|
+
appearance: Record<"success" | "warning" | "danger" | "neutral", string>;
|
|
1446
|
+
container: string;
|
|
1447
|
+
container__icon: string;
|
|
1448
|
+
container__button: string;
|
|
1449
|
+
};
|
|
1450
|
+
};
|
|
1420
1451
|
declare const propertiesPopover: {
|
|
1421
1452
|
backgroundColor: {
|
|
1422
1453
|
"primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2497,9 +2528,17 @@ export interface MultiSelectProperties {
|
|
|
2497
2528
|
/**
|
|
2498
2529
|
* Options of the MultiSelect
|
|
2499
2530
|
*/
|
|
2500
|
-
onChange?: (values:
|
|
2531
|
+
onChange?: (values: MultiSelectOption[]) => void;
|
|
2532
|
+
/**
|
|
2533
|
+
* Deafult of the MultiSelect
|
|
2534
|
+
*/
|
|
2535
|
+
value?: MultiSelectOption[];
|
|
2536
|
+
/**
|
|
2537
|
+
* ZIndex of the MultiSelect
|
|
2538
|
+
*/
|
|
2539
|
+
zIndex: keyof typeof multiSelect.properties.zIndex;
|
|
2501
2540
|
}
|
|
2502
|
-
export type MultiSelectBaseProps = MultiSelectProperties & Omit<InputHTMLAttributes<HTMLInputElement>, "children">;
|
|
2541
|
+
export type MultiSelectBaseProps = MultiSelectProperties & Omit<InputHTMLAttributes<HTMLInputElement>, "children" | "value">;
|
|
2503
2542
|
export declare const MultiSelect: React.FC<MultiSelectBaseProps> & MultiSelectComponents;
|
|
2504
2543
|
export type MultiSelectProps = ComponentPropsWithRef<typeof MultiSelect>;
|
|
2505
2544
|
export type PopoverPlacement = "top" | "right" | "bottom" | "left" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
|