@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.
@@ -1,26 +1,6 @@
1
- import type { ReactNode } from 'react';
2
1
  /**
3
- * Props for the NeoDatePickerListItem component
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
- * Props for the NeoDatePickerMenu component
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` to change colour: `'beta'` (periwinkle, default) or `'default'` (grey).
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?: Pick<NeoTagOwnProps, 'intent'>;
33
+ badge?: NeoTagOwnProps;
33
34
  };
34
35
  /**
35
36
  * Additional content
@@ -1,26 +1,6 @@
1
- import type { ReactNode } from 'react';
2
1
  /**
3
- * Props for the NeoRadioButtonWithText component
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
- * Props for the NeoSideNav component
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
- * Props for the NeoToggleButton component
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
- * Props for the NeoToggleButtonWithText component
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>, {}>;
@@ -1,26 +1,6 @@
1
- import type { ReactNode } from 'react';
2
1
  /**
3
- * Props for the NeoTopNav component
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
- * Props for the NeoTourModal component
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` to change colour: `'beta'` (periwinkle, default) or `'default'` (grey).
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?: Pick<NeoTagOwnProps, 'intent'>;
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
- paddingLeft: `${spacing.spacing_3}px`,
2540
- paddingRight: `${spacing.spacing_3}px`,
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
- ...focusRingStyles,
5218
+ outline: 'none',
5200
5219
  },
5201
5220
  '&:focus-visible .neo-nav-icon-padding': {
5202
- backgroundColor: semanticColors.buttons.secondary.hoverBackground,
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