@moderneinc/neo-styled-components 5.0.0-next.d003a0 → 5.0.0-next.e31f75
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/DatePickerListItem/DatePickerListItem.d.ts +2 -22
- package/dist/DatePickerMenu/DatePickerMenu.d.ts +2 -22
- package/dist/NavigationItem/NavigationItem.d.ts +3 -2
- package/dist/RadioButtonWithText/RadioButtonWithText.d.ts +2 -22
- package/dist/SideNav/SideNav.d.ts +2 -22
- package/dist/ToggleButton/ToggleButton.d.ts +2 -22
- package/dist/ToggleButtonWithText/ToggleButtonWithText.d.ts +2 -22
- package/dist/TopNav/TopNav.d.ts +2 -22
- package/dist/TourModal/TourModal.d.ts +2 -22
- package/dist/index.d.ts +61 -4
- package/dist/index.esm.js +66 -15
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +73 -14
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,26 +1,6 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
1
|
/**
|
|
3
|
-
*
|
|
4
|
-
*/
|
|
5
|
-
export interface NeoDatePickerListItemProps {
|
|
6
|
-
/**
|
|
7
|
-
* The content to display inside the component
|
|
8
|
-
*/
|
|
9
|
-
children?: ReactNode;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* NeoDatePickerListItem - TODO: Add component description
|
|
2
|
+
* NeoDatePickerListItem
|
|
13
3
|
*
|
|
14
4
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8521
|
|
15
|
-
*
|
|
16
|
-
* Figma Props Mapping:
|
|
17
|
-
* - TODO: Document Figma property mappings
|
|
18
|
-
* - FigmaProp → reactProp
|
|
19
|
-
*
|
|
20
|
-
* Design Tokens Used:
|
|
21
|
-
* - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
|
|
22
5
|
*/
|
|
23
|
-
export declare const NeoDatePickerListItem: {
|
|
24
|
-
({ children, ...props }: NeoDatePickerListItemProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
};
|
|
6
|
+
export declare const NeoDatePickerListItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,26 +1,6 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
1
|
/**
|
|
3
|
-
*
|
|
4
|
-
*/
|
|
5
|
-
export interface NeoDatePickerMenuProps {
|
|
6
|
-
/**
|
|
7
|
-
* The content to display inside the component
|
|
8
|
-
*/
|
|
9
|
-
children?: ReactNode;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* NeoDatePickerMenu - TODO: Add component description
|
|
2
|
+
* NeoDatePickerMenu
|
|
13
3
|
*
|
|
14
4
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8593
|
|
15
|
-
*
|
|
16
|
-
* Figma Props Mapping:
|
|
17
|
-
* - TODO: Document Figma property mappings
|
|
18
|
-
* - FigmaProp → reactProp
|
|
19
|
-
*
|
|
20
|
-
* Design Tokens Used:
|
|
21
|
-
* - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
|
|
22
5
|
*/
|
|
23
|
-
export declare const NeoDatePickerMenu: {
|
|
24
|
-
({ children, ...props }: NeoDatePickerMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
};
|
|
6
|
+
export declare const NeoDatePickerMenu: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -27,9 +27,10 @@ type NeoNavigationItemOwnProps = {
|
|
|
27
27
|
slotProps?: {
|
|
28
28
|
/**
|
|
29
29
|
* Props forwarded to the NeoTag badge rendered when `tag` is set.
|
|
30
|
-
* Override `intent`
|
|
30
|
+
* Override `intent`, `variant`, or `size` to change appearance — e.g.
|
|
31
|
+
* `{ variant: 'outlined', intent: 'default' }` for a calmer grey badge.
|
|
31
32
|
*/
|
|
32
|
-
badge?:
|
|
33
|
+
badge?: NeoTagOwnProps;
|
|
33
34
|
};
|
|
34
35
|
/**
|
|
35
36
|
* Additional content
|
|
@@ -1,26 +1,6 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
1
|
/**
|
|
3
|
-
*
|
|
4
|
-
*/
|
|
5
|
-
export interface NeoRadioButtonWithTextProps {
|
|
6
|
-
/**
|
|
7
|
-
* The content to display inside the component
|
|
8
|
-
*/
|
|
9
|
-
children?: ReactNode;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* NeoRadioButtonWithText - TODO: Add component description
|
|
2
|
+
* NeoRadioButtonWithText
|
|
13
3
|
*
|
|
14
4
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11565-7682
|
|
15
|
-
*
|
|
16
|
-
* Figma Props Mapping:
|
|
17
|
-
* - TODO: Document Figma property mappings
|
|
18
|
-
* - FigmaProp → reactProp
|
|
19
|
-
*
|
|
20
|
-
* Design Tokens Used:
|
|
21
|
-
* - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
|
|
22
5
|
*/
|
|
23
|
-
export declare const NeoRadioButtonWithText: {
|
|
24
|
-
({ children, ...props }: NeoRadioButtonWithTextProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
};
|
|
6
|
+
export declare const NeoRadioButtonWithText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,26 +1,6 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
1
|
/**
|
|
3
|
-
*
|
|
4
|
-
*/
|
|
5
|
-
export interface NeoSideNavProps {
|
|
6
|
-
/**
|
|
7
|
-
* The content to display inside the component
|
|
8
|
-
*/
|
|
9
|
-
children?: ReactNode;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* NeoSideNav - TODO: Add component description
|
|
2
|
+
* NeoSideNav
|
|
13
3
|
*
|
|
14
4
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4065-3425
|
|
15
|
-
*
|
|
16
|
-
* Figma Props Mapping:
|
|
17
|
-
* - TODO: Document Figma property mappings
|
|
18
|
-
* - FigmaProp → reactProp
|
|
19
|
-
*
|
|
20
|
-
* Design Tokens Used:
|
|
21
|
-
* - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
|
|
22
5
|
*/
|
|
23
|
-
export declare const NeoSideNav: {
|
|
24
|
-
({ children, ...props }: NeoSideNavProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
};
|
|
6
|
+
export declare const NeoSideNav: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,26 +1,6 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
1
|
/**
|
|
3
|
-
*
|
|
4
|
-
*/
|
|
5
|
-
export interface NeoToggleButtonProps {
|
|
6
|
-
/**
|
|
7
|
-
* The content to display inside the component
|
|
8
|
-
*/
|
|
9
|
-
children?: ReactNode;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* NeoToggleButton - TODO: Add component description
|
|
2
|
+
* NeoToggleButton
|
|
13
3
|
*
|
|
14
4
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4163-5777
|
|
15
|
-
*
|
|
16
|
-
* Figma Props Mapping:
|
|
17
|
-
* - TODO: Document Figma property mappings
|
|
18
|
-
* - FigmaProp → reactProp
|
|
19
|
-
*
|
|
20
|
-
* Design Tokens Used:
|
|
21
|
-
* - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
|
|
22
5
|
*/
|
|
23
|
-
export declare const NeoToggleButton: {
|
|
24
|
-
({ children, ...props }: NeoToggleButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
};
|
|
6
|
+
export declare const NeoToggleButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,26 +1,6 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
1
|
/**
|
|
3
|
-
*
|
|
4
|
-
*/
|
|
5
|
-
export interface NeoToggleButtonWithTextProps {
|
|
6
|
-
/**
|
|
7
|
-
* The content to display inside the component
|
|
8
|
-
*/
|
|
9
|
-
children?: ReactNode;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* NeoToggleButtonWithText - TODO: Add component description
|
|
2
|
+
* NeoToggleButtonWithText
|
|
13
3
|
*
|
|
14
4
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11565-10485
|
|
15
|
-
*
|
|
16
|
-
* Figma Props Mapping:
|
|
17
|
-
* - TODO: Document Figma property mappings
|
|
18
|
-
* - FigmaProp → reactProp
|
|
19
|
-
*
|
|
20
|
-
* Design Tokens Used:
|
|
21
|
-
* - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
|
|
22
5
|
*/
|
|
23
|
-
export declare const NeoToggleButtonWithText: {
|
|
24
|
-
({ children, ...props }: NeoToggleButtonWithTextProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
};
|
|
6
|
+
export declare const NeoToggleButtonWithText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
package/dist/TopNav/TopNav.d.ts
CHANGED
|
@@ -1,26 +1,6 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
1
|
/**
|
|
3
|
-
*
|
|
4
|
-
*/
|
|
5
|
-
export interface NeoTopNavProps {
|
|
6
|
-
/**
|
|
7
|
-
* The content to display inside the component
|
|
8
|
-
*/
|
|
9
|
-
children?: ReactNode;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* NeoTopNav - TODO: Add component description
|
|
2
|
+
* NeoTopNav
|
|
13
3
|
*
|
|
14
4
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4618-185228
|
|
15
|
-
*
|
|
16
|
-
* Figma Props Mapping:
|
|
17
|
-
* - TODO: Document Figma property mappings
|
|
18
|
-
* - FigmaProp → reactProp
|
|
19
|
-
*
|
|
20
|
-
* Design Tokens Used:
|
|
21
|
-
* - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
|
|
22
5
|
*/
|
|
23
|
-
export declare const NeoTopNav: {
|
|
24
|
-
({ children, ...props }: NeoTopNavProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
};
|
|
6
|
+
export declare const NeoTopNav: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,26 +1,6 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
1
|
/**
|
|
3
|
-
*
|
|
4
|
-
*/
|
|
5
|
-
export interface NeoTourModalProps {
|
|
6
|
-
/**
|
|
7
|
-
* The content to display inside the component
|
|
8
|
-
*/
|
|
9
|
-
children?: ReactNode;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* NeoTourModal - TODO: Add component description
|
|
2
|
+
* NeoTourModal
|
|
13
3
|
*
|
|
14
4
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=12408-1800
|
|
15
|
-
*
|
|
16
|
-
* Figma Props Mapping:
|
|
17
|
-
* - TODO: Document Figma property mappings
|
|
18
|
-
* - FigmaProp → reactProp
|
|
19
|
-
*
|
|
20
|
-
* Design Tokens Used:
|
|
21
|
-
* - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
|
|
22
5
|
*/
|
|
23
|
-
export declare const NeoTourModal: {
|
|
24
|
-
({ children, ...props }: NeoTourModalProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
};
|
|
6
|
+
export declare const NeoTourModal: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
package/dist/index.d.ts
CHANGED
|
@@ -25,9 +25,9 @@ import { DialogProps } from '@mui/material/Dialog';
|
|
|
25
25
|
import { BoxProps } from '@mui/material/Box';
|
|
26
26
|
import { LinearProgressProps } from '@mui/material/LinearProgress';
|
|
27
27
|
import { RadioProps } from '@mui/material/Radio';
|
|
28
|
+
import * as _mui_system from '@mui/system';
|
|
28
29
|
import { SelectProps } from '@mui/material/Select';
|
|
29
30
|
import { SkeletonProps } from '@mui/material/Skeleton';
|
|
30
|
-
import * as _mui_system from '@mui/system';
|
|
31
31
|
import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
|
|
32
32
|
import * as _mui_material_Tabs from '@mui/material/Tabs';
|
|
33
33
|
import { TabProps } from '@mui/material/Tab';
|
|
@@ -1919,9 +1919,10 @@ type NeoNavigationItemOwnProps = {
|
|
|
1919
1919
|
slotProps?: {
|
|
1920
1920
|
/**
|
|
1921
1921
|
* Props forwarded to the NeoTag badge rendered when `tag` is set.
|
|
1922
|
-
* Override `intent`
|
|
1922
|
+
* Override `intent`, `variant`, or `size` to change appearance — e.g.
|
|
1923
|
+
* `{ variant: 'outlined', intent: 'default' }` for a calmer grey badge.
|
|
1923
1924
|
*/
|
|
1924
|
-
badge?:
|
|
1925
|
+
badge?: NeoTagOwnProps;
|
|
1925
1926
|
};
|
|
1926
1927
|
/**
|
|
1927
1928
|
* Additional content
|
|
@@ -2256,6 +2257,13 @@ declare const NeoRadio: {
|
|
|
2256
2257
|
displayName: string;
|
|
2257
2258
|
};
|
|
2258
2259
|
|
|
2260
|
+
/**
|
|
2261
|
+
* NeoRadioButtonWithText
|
|
2262
|
+
*
|
|
2263
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11565-7682
|
|
2264
|
+
*/
|
|
2265
|
+
declare const NeoRadioButtonWithText: StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
2266
|
+
|
|
2259
2267
|
interface NeoSearchChipProps extends Omit<InputBaseProps, 'startAdornment' | 'endAdornment' | 'type'> {
|
|
2260
2268
|
/**
|
|
2261
2269
|
* Handler for clearing the search value (shows X icon when provided and value is non-empty)
|
|
@@ -2275,6 +2283,13 @@ declare const NeoSearchChip: {
|
|
|
2275
2283
|
displayName: string;
|
|
2276
2284
|
};
|
|
2277
2285
|
|
|
2286
|
+
/**
|
|
2287
|
+
* NeoSideNav
|
|
2288
|
+
*
|
|
2289
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4065-3425
|
|
2290
|
+
*/
|
|
2291
|
+
declare const NeoSideNav: StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
2292
|
+
|
|
2278
2293
|
/**
|
|
2279
2294
|
* Extended props for NeoSkeleton component
|
|
2280
2295
|
*/
|
|
@@ -2535,6 +2550,20 @@ declare const NeoToggle: {
|
|
|
2535
2550
|
displayName: string;
|
|
2536
2551
|
};
|
|
2537
2552
|
|
|
2553
|
+
/**
|
|
2554
|
+
* NeoToggleButton
|
|
2555
|
+
*
|
|
2556
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4163-5777
|
|
2557
|
+
*/
|
|
2558
|
+
declare const NeoToggleButton: StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
2559
|
+
|
|
2560
|
+
/**
|
|
2561
|
+
* NeoToggleButtonWithText
|
|
2562
|
+
*
|
|
2563
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11565-10485
|
|
2564
|
+
*/
|
|
2565
|
+
declare const NeoToggleButtonWithText: StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
2566
|
+
|
|
2538
2567
|
interface NeoToolbarProps extends ToolbarProps {
|
|
2539
2568
|
/**
|
|
2540
2569
|
* Toolbar content (typically NeoQuickFilter, NeoButton, NeoToggle, etc.)
|
|
@@ -2795,6 +2824,20 @@ declare const NeoTooltip: {
|
|
|
2795
2824
|
displayName: string;
|
|
2796
2825
|
};
|
|
2797
2826
|
|
|
2827
|
+
/**
|
|
2828
|
+
* NeoTopNav
|
|
2829
|
+
*
|
|
2830
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4618-185228
|
|
2831
|
+
*/
|
|
2832
|
+
declare const NeoTopNav: StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
2833
|
+
|
|
2834
|
+
/**
|
|
2835
|
+
* NeoTourModal
|
|
2836
|
+
*
|
|
2837
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=12408-1800
|
|
2838
|
+
*/
|
|
2839
|
+
declare const NeoTourModal: StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
2840
|
+
|
|
2798
2841
|
declare const StyledToggleButton: StyledComponent<_mui_material_ToggleButton.ToggleButtonOwnProps & Omit<ButtonBase.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "children" | "sx" | "className" | "tabIndex" | "onChange" | "onClick" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "fullWidth" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
|
|
2799
2842
|
interface NeoTypologyControlProps extends Omit<ToggleButtonGroupProps, 'orientation'> {
|
|
2800
2843
|
}
|
|
@@ -2982,6 +3025,20 @@ declare const NeoDatePicker: {
|
|
|
2982
3025
|
displayName: string;
|
|
2983
3026
|
};
|
|
2984
3027
|
|
|
3028
|
+
/**
|
|
3029
|
+
* NeoDatePickerListItem
|
|
3030
|
+
*
|
|
3031
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8521
|
|
3032
|
+
*/
|
|
3033
|
+
declare const NeoDatePickerListItem: StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
3034
|
+
|
|
3035
|
+
/**
|
|
3036
|
+
* NeoDatePickerMenu
|
|
3037
|
+
*
|
|
3038
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8593
|
|
3039
|
+
*/
|
|
3040
|
+
declare const NeoDatePickerMenu: StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
3041
|
+
|
|
2985
3042
|
/**
|
|
2986
3043
|
* Extended item data that NeoTreeItem can read from the items array.
|
|
2987
3044
|
* Consumers pass these via the `items` prop on NeoTreeView.
|
|
@@ -3052,5 +3109,5 @@ declare module '@mui/x-data-grid-pro' {
|
|
|
3052
3109
|
|
|
3053
3110
|
declare const version: string
|
|
3054
3111
|
|
|
3055
|
-
export { ActivityScene, CIRCLE_RADIUS, NeoActionsCell, NeoActivityHeader, NeoActivityIndicatorCell, NeoAlert, NeoAvatarCell, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCard, NeoCheckbox, NeoCheckboxWithText, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoSelect as NeoDataGridSelect, NeoDatePicker, NeoDivider, NeoDot, NeoDownloadToast, NeoSelect as NeoDropdown, NeoMenu as NeoDropdownMenu, NeoMenuItem as NeoDropdownMenuItem, NeoMenuItem as NeoDropdownOption, NeoFilterChip, NeoFooter, NeoGeneralAvatar, NeoIconButton, NeoIconCell, NeoInfiniteScrollGrid, NeoInputField, NeoListItem, NeoListItemButton, NeoLoadingSpinner, NeoLogoCell, NeoMenu, NeoMenuItem, NeoModal, NeoModalContent, NeoModalFooter, NeoModalHeader, NeoMultiBadgesCell, NeoNavigationAvatar, NeoNavigationItem, NeoPageContent, NeoPaginatedGrid, NeoProgressCell, NeoProgressbar, NeoQuickFilter, NeoRadio, NeoSearchChip, NeoSelect, NeoMenuItem as NeoSelectOption, NeoSkeleton, NeoStatusBadgeCell, NeoStatusCell, NeoTab, NeoTabs, NeoTag, NeoToast, NeoToastButton, NeoToggle, NeoToolbar, NeoTooltip, NeoTreeItem, NeoTreeView, StyledToggleButton as NeoTypologyButton, NeoTypologyControl, NeoUserAvatarCell, SortedAscendingIcon, SortedDescendingIcon, UnsortedIcon, focusRingStyles, getDataGridHeaderStyles, getDataGridRowStyles, version };
|
|
3112
|
+
export { ActivityScene, CIRCLE_RADIUS, NeoActionsCell, NeoActivityHeader, NeoActivityIndicatorCell, NeoAlert, NeoAvatarCell, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCard, NeoCheckbox, NeoCheckboxWithText, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoSelect as NeoDataGridSelect, NeoDatePicker, NeoDatePickerListItem, NeoDatePickerMenu, NeoDivider, NeoDot, NeoDownloadToast, NeoSelect as NeoDropdown, NeoMenu as NeoDropdownMenu, NeoMenuItem as NeoDropdownMenuItem, NeoMenuItem as NeoDropdownOption, NeoFilterChip, NeoFooter, NeoGeneralAvatar, NeoIconButton, NeoIconCell, NeoInfiniteScrollGrid, NeoInputField, NeoListItem, NeoListItemButton, NeoLoadingSpinner, NeoLogoCell, NeoMenu, NeoMenuItem, NeoModal, NeoModalContent, NeoModalFooter, NeoModalHeader, NeoMultiBadgesCell, NeoNavigationAvatar, NeoNavigationItem, NeoPageContent, NeoPaginatedGrid, NeoProgressCell, NeoProgressbar, NeoQuickFilter, NeoRadio, NeoRadioButtonWithText, NeoSearchChip, NeoSelect, NeoMenuItem as NeoSelectOption, NeoSideNav, NeoSkeleton, NeoStatusBadgeCell, NeoStatusCell, NeoTab, NeoTabs, NeoTag, NeoToast, NeoToastButton, NeoToggle, NeoToggleButton, NeoToggleButtonWithText, NeoToolbar, NeoTooltip, NeoTopNav, NeoTourModal, NeoTreeItem, NeoTreeView, StyledToggleButton as NeoTypologyButton, NeoTypologyControl, NeoUserAvatarCell, SortedAscendingIcon, SortedDescendingIcon, UnsortedIcon, focusRingStyles, getDataGridHeaderStyles, getDataGridRowStyles, version };
|
|
3056
3113
|
export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, NeoActionsCellProps, NeoActivityHeaderProps, NeoActivityIndicatorCellProps, NeoAlertProps, NeoAvatarCellProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonProps, NeoButtonTabGroupProps, NeoButtonTabProps, NeoCardLargeProps, NeoCardProps, NeoCardSize, NeoCardSmallProps, NeoCheckboxProps, NeoCheckboxWithTextProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, NeoDownloadToastProps, NeoMenuItemProps as NeoDropdownMenuItemProps, NeoMenuProps as NeoDropdownMenuProps, NeoSelectProps as NeoDropdownProps, NeoFilterChipProps, NeoFooterProps, NeoGeneralAvatarProps, NeoIconButtonProps, NeoIconCellProps, NeoInfiniteScrollGridProps, NeoInputFieldProps, NeoListItemButtonProps, NeoListItemProps, NeoLoadingSpinnerProps, NeoLogoCellProps, NeoMenuItemProps, NeoMenuProps, NeoModalContentProps, NeoModalFooterProps, NeoModalHeaderProps, NeoModalProps, NeoMultiBadgesCellProps, NeoNavigationAvatarProps, NeoNavigationItemProps, NeoPageContentProps, NeoPaginatedGridProps, NeoProgressCellProps, NeoProgressbarProps, NeoQuickFilterProps, NeoRadioProps, NeoSearchChipProps, NeoSelectProps, NeoSkeletonProps, NeoStatusBadgeCellProps, NeoStatusCellProps, NeoStatusCellVariant, NeoTabProps, NeoTagProps, NeoToastProps, NeoToggleProps, NeoToolbarProps, NeoTooltipProps, NeoTreeItemData, NeoTreeItemProps, NeoTreeViewProps, NeoTypologyControlProps, NeoUserAvatarCellProps };
|
package/dist/index.esm.js
CHANGED
|
@@ -2536,8 +2536,10 @@ const getDataGridHeaderStyles = () => {
|
|
|
2536
2536
|
[`& .${gridClasses.columnHeader}`]: {
|
|
2537
2537
|
backgroundColor: semanticColors.surfaces.dataGrid.header,
|
|
2538
2538
|
borderBottom: `1px solid ${semanticColors.border.primary}`,
|
|
2539
|
-
|
|
2540
|
-
|
|
2539
|
+
paddingTop: `${spacing.spacing_1_1_2}px`,
|
|
2540
|
+
paddingBottom: `${spacing.spacing_1_1_2}px`,
|
|
2541
|
+
paddingLeft: `${spacing.spacing_2}px`,
|
|
2542
|
+
paddingRight: `${spacing.spacing_2}px`,
|
|
2541
2543
|
boxSizing: 'border-box',
|
|
2542
2544
|
},
|
|
2543
2545
|
// Style the filler element to match header
|
|
@@ -3727,6 +3729,20 @@ const NeoDatePicker = ({ type = 'single', open, label, value, rangeValue, onChan
|
|
|
3727
3729
|
};
|
|
3728
3730
|
NeoDatePicker.displayName = 'NeoDatePicker';
|
|
3729
3731
|
|
|
3732
|
+
/**
|
|
3733
|
+
* NeoDatePickerListItem
|
|
3734
|
+
*
|
|
3735
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8521
|
|
3736
|
+
*/
|
|
3737
|
+
const NeoDatePickerListItem = styled('div')({});
|
|
3738
|
+
|
|
3739
|
+
/**
|
|
3740
|
+
* NeoDatePickerMenu
|
|
3741
|
+
*
|
|
3742
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8593
|
|
3743
|
+
*/
|
|
3744
|
+
const NeoDatePickerMenu = styled('div')({});
|
|
3745
|
+
|
|
3730
3746
|
const StyledDivider = styled(Divider)(({ theme }) => ({
|
|
3731
3747
|
borderColor: semanticColors.border.secondary,
|
|
3732
3748
|
marginTop: theme.spacing(1),
|
|
@@ -5195,15 +5211,14 @@ const StyledRoot = styled(ButtonBase, {
|
|
|
5195
5211
|
'&:hover .neo-nav-label': {
|
|
5196
5212
|
color: semanticColors.buttons.primary.hover,
|
|
5197
5213
|
},
|
|
5214
|
+
[`& .${chipClasses.root}`]: {
|
|
5215
|
+
flexShrink: 0,
|
|
5216
|
+
},
|
|
5198
5217
|
'&:focus-visible': {
|
|
5199
|
-
|
|
5218
|
+
outline: 'none',
|
|
5200
5219
|
},
|
|
5201
5220
|
'&:focus-visible .neo-nav-icon-padding': {
|
|
5202
|
-
|
|
5203
|
-
borderColor: colors.digitalBlue[100],
|
|
5204
|
-
},
|
|
5205
|
-
'&:focus-visible .neo-nav-label': {
|
|
5206
|
-
color: semanticColors.buttons.primary.hover,
|
|
5221
|
+
...focusRingStyles,
|
|
5207
5222
|
},
|
|
5208
5223
|
...(selected && {
|
|
5209
5224
|
'& .neo-nav-icon-padding': {
|
|
@@ -5219,12 +5234,6 @@ const StyledRoot = styled(ButtonBase, {
|
|
|
5219
5234
|
'&:hover .neo-nav-label': {
|
|
5220
5235
|
color: semanticColors.buttons.primary.pressed,
|
|
5221
5236
|
},
|
|
5222
|
-
'&:focus-visible .neo-nav-icon-padding': {
|
|
5223
|
-
backgroundColor: colors.digitalBlue[100],
|
|
5224
|
-
},
|
|
5225
|
-
'&:focus-visible .neo-nav-label': {
|
|
5226
|
-
color: semanticColors.buttons.primary.pressed,
|
|
5227
|
-
},
|
|
5228
5237
|
}),
|
|
5229
5238
|
}));
|
|
5230
5239
|
const IconPadding = styled('span')({
|
|
@@ -6008,6 +6017,13 @@ const NeoRadio = ({ size = 'medium', label, helperText, disabled, ...props }) =>
|
|
|
6008
6017
|
};
|
|
6009
6018
|
NeoRadio.displayName = 'NeoRadio';
|
|
6010
6019
|
|
|
6020
|
+
/**
|
|
6021
|
+
* NeoRadioButtonWithText
|
|
6022
|
+
*
|
|
6023
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11565-7682
|
|
6024
|
+
*/
|
|
6025
|
+
const NeoRadioButtonWithText = styled('div')({});
|
|
6026
|
+
|
|
6011
6027
|
const StyledSearchChip = styled(InputBase)(({ theme }) => ({
|
|
6012
6028
|
borderRadius: borderRadius.full,
|
|
6013
6029
|
border: `1px solid ${semanticColors.buttons.secondary.defaultBorder}`,
|
|
@@ -6073,6 +6089,13 @@ const NeoSearchChip = ({ onClear, value, ...props }) => {
|
|
|
6073
6089
|
};
|
|
6074
6090
|
NeoSearchChip.displayName = 'NeoSearchChip';
|
|
6075
6091
|
|
|
6092
|
+
/**
|
|
6093
|
+
* NeoSideNav
|
|
6094
|
+
*
|
|
6095
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4065-3425
|
|
6096
|
+
*/
|
|
6097
|
+
const NeoSideNav = styled('div')({});
|
|
6098
|
+
|
|
6076
6099
|
const StyledSkeleton = styled(Skeleton, {
|
|
6077
6100
|
shouldForwardProp: prop => prop !== 'colorTheme' && prop !== 'position',
|
|
6078
6101
|
})(({ theme, colorTheme = 'light', position = 'start' }) => ({
|
|
@@ -6499,6 +6522,20 @@ const NeoToggle = ({ size = 'medium', label, helperText, disabled, ...props }) =
|
|
|
6499
6522
|
};
|
|
6500
6523
|
NeoToggle.displayName = 'NeoToggle';
|
|
6501
6524
|
|
|
6525
|
+
/**
|
|
6526
|
+
* NeoToggleButton
|
|
6527
|
+
*
|
|
6528
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4163-5777
|
|
6529
|
+
*/
|
|
6530
|
+
const NeoToggleButton = styled('div')({});
|
|
6531
|
+
|
|
6532
|
+
/**
|
|
6533
|
+
* NeoToggleButtonWithText
|
|
6534
|
+
*
|
|
6535
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11565-10485
|
|
6536
|
+
*/
|
|
6537
|
+
const NeoToggleButtonWithText = styled('div')({});
|
|
6538
|
+
|
|
6502
6539
|
const StyledToolbar = styled(Toolbar)(({ theme }) => ({
|
|
6503
6540
|
backgroundColor: semanticColors.surfaces.white,
|
|
6504
6541
|
minHeight: 'auto',
|
|
@@ -6640,6 +6677,20 @@ const NeoTooltip = ({ variant = 'light', title, description, children, arrow = f
|
|
|
6640
6677
|
};
|
|
6641
6678
|
NeoTooltip.displayName = 'NeoTooltip';
|
|
6642
6679
|
|
|
6680
|
+
/**
|
|
6681
|
+
* NeoTopNav
|
|
6682
|
+
*
|
|
6683
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4618-185228
|
|
6684
|
+
*/
|
|
6685
|
+
const NeoTopNav = styled('div')({});
|
|
6686
|
+
|
|
6687
|
+
/**
|
|
6688
|
+
* NeoTourModal
|
|
6689
|
+
*
|
|
6690
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=12408-1800
|
|
6691
|
+
*/
|
|
6692
|
+
const NeoTourModal = styled('div')({});
|
|
6693
|
+
|
|
6643
6694
|
/**
|
|
6644
6695
|
* Custom label component that reads extra slot data from the item model.
|
|
6645
6696
|
* Used as `slots.label` on the TreeItem.
|
|
@@ -6844,5 +6895,5 @@ NeoTypologyControl.displayName = 'NeoTypologyControl';
|
|
|
6844
6895
|
|
|
6845
6896
|
const version = '0.0.0-development';
|
|
6846
6897
|
|
|
6847
|
-
export { ActivityScene, CIRCLE_RADIUS, NeoActionsCell, NeoActivityHeader, NeoActivityIndicatorCell, NeoAlert, NeoAvatarCell, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCard, NeoCheckbox, NeoCheckboxWithText, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoSelect as NeoDataGridSelect, NeoDatePicker, NeoDivider, NeoDot, NeoDownloadToast, NeoSelect as NeoDropdown, NeoMenu as NeoDropdownMenu, NeoMenuItem as NeoDropdownMenuItem, NeoMenuItem as NeoDropdownOption, NeoFilterChip, NeoFooter, NeoGeneralAvatar, NeoIconButton, NeoIconCell, NeoIconWrapper, NeoInfiniteScrollGrid, NeoInputField, NeoListItem, NeoListItemButton, NeoLoadingSpinner, NeoLogoCell, NeoMenu, NeoMenuItem, NeoModal, NeoModalContent, NeoModalFooter, NeoModalHeader, NeoMultiBadgesCell, NeoNavigationAvatar, NeoNavigationItem, NeoPageContent, NeoPaginatedGrid, NeoProgressCell, NeoProgressbar, NeoQuickFilter, NeoRadio, NeoSearchChip, NeoSelect, NeoMenuItem as NeoSelectOption, NeoSkeleton, NeoStatusBadgeCell, NeoStatusCell, NeoTab, NeoTabs, NeoTag, NeoToast, NeoToastButton, NeoToggle, NeoToolbar, NeoTooltip, NeoTreeItem, NeoTreeView, StyledToggleButton as NeoTypologyButton, NeoTypologyControl, NeoUserAvatarCell, SortedAscendingIcon, SortedDescendingIcon, UnsortedIcon, focusRingStyles, getDataGridHeaderStyles, getDataGridRowStyles, neoRowHeights, version };
|
|
6898
|
+
export { ActivityScene, CIRCLE_RADIUS, NeoActionsCell, NeoActivityHeader, NeoActivityIndicatorCell, NeoAlert, NeoAvatarCell, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCard, NeoCheckbox, NeoCheckboxWithText, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoSelect as NeoDataGridSelect, NeoDatePicker, NeoDatePickerListItem, NeoDatePickerMenu, NeoDivider, NeoDot, NeoDownloadToast, NeoSelect as NeoDropdown, NeoMenu as NeoDropdownMenu, NeoMenuItem as NeoDropdownMenuItem, NeoMenuItem as NeoDropdownOption, NeoFilterChip, NeoFooter, NeoGeneralAvatar, NeoIconButton, NeoIconCell, NeoIconWrapper, NeoInfiniteScrollGrid, NeoInputField, NeoListItem, NeoListItemButton, NeoLoadingSpinner, NeoLogoCell, NeoMenu, NeoMenuItem, NeoModal, NeoModalContent, NeoModalFooter, NeoModalHeader, NeoMultiBadgesCell, NeoNavigationAvatar, NeoNavigationItem, NeoPageContent, NeoPaginatedGrid, NeoProgressCell, NeoProgressbar, NeoQuickFilter, NeoRadio, NeoRadioButtonWithText, NeoSearchChip, NeoSelect, NeoMenuItem as NeoSelectOption, NeoSideNav, NeoSkeleton, NeoStatusBadgeCell, NeoStatusCell, NeoTab, NeoTabs, NeoTag, NeoToast, NeoToastButton, NeoToggle, NeoToggleButton, NeoToggleButtonWithText, NeoToolbar, NeoTooltip, NeoTopNav, NeoTourModal, NeoTreeItem, NeoTreeView, StyledToggleButton as NeoTypologyButton, NeoTypologyControl, NeoUserAvatarCell, SortedAscendingIcon, SortedDescendingIcon, UnsortedIcon, focusRingStyles, getDataGridHeaderStyles, getDataGridRowStyles, neoRowHeights, version };
|
|
6848
6899
|
//# sourceMappingURL=index.esm.js.map
|