@moderneinc/neo-styled-components 2.8.0 → 3.0.0-next.2d959a
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/Alert/Alert.d.ts +50 -0
- package/dist/Banner/Banner.d.ts +20 -22
- package/dist/Card/Card.d.ts +32 -0
- package/dist/Checkbox/Checkbox.d.ts +2 -2
- package/dist/CodeSnippet/CodeSnippet.d.ts +4 -4
- package/dist/DownloadToast/DownloadToast.d.ts +47 -0
- package/dist/MarketplaceCard/MarketplaceCard.d.ts +10 -72
- package/dist/MarketplaceLargeCard/MarketplaceLargeCard.d.ts +15 -83
- package/dist/NavigationItem/NavigationItem.d.ts +12 -8
- package/dist/Radio/Radio.d.ts +0 -1
- package/dist/Tabs/Tabs.d.ts +1 -4
- package/dist/Tag/Tag.d.ts +12 -7
- package/dist/Toast/Toast.d.ts +3 -12
- package/dist/index.d.ts +135 -158
- package/dist/index.esm.js +622 -639
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +620 -635
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/StatusBanner/StatusBanner.d.ts +0 -55
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { ReactNode, ElementType, HTMLAttributes, ComponentType } from 'react';
|
|
3
|
+
import React__default, { ReactNode, ElementType, HTMLAttributes, ComponentType, ComponentPropsWithoutRef } from 'react';
|
|
4
4
|
import { GridDensity, GridFilterPanel } from '@mui/x-data-grid';
|
|
5
5
|
import { AvatarProps } from '@mui/material/Avatar';
|
|
6
|
-
import { ChipProps } from '@mui/material/Chip';
|
|
6
|
+
import Chip, { ChipProps } from '@mui/material/Chip';
|
|
7
7
|
import { AlertProps } from '@mui/material/Alert';
|
|
8
8
|
import { LinkProps } from '@mui/material/Link';
|
|
9
9
|
import * as ButtonBase from '@mui/material/ButtonBase';
|
|
@@ -362,14 +362,23 @@ declare const NeoBadge: {
|
|
|
362
362
|
displayName: string;
|
|
363
363
|
};
|
|
364
364
|
|
|
365
|
+
type Intent$1 = 'info' | 'success' | 'error' | 'warning' | 'neutral';
|
|
366
|
+
type BannerType = 'outlined' | 'filled';
|
|
365
367
|
interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity' | 'color'> {
|
|
366
368
|
/**
|
|
367
|
-
* The
|
|
368
|
-
* @default "
|
|
369
|
+
* The intent/purpose of the banner
|
|
370
|
+
* @default "info"
|
|
369
371
|
*
|
|
370
|
-
* @figmaPropMapping
|
|
372
|
+
* @figmaPropMapping Intention (Info|Success|Error|Warning|Neutral) → intent
|
|
371
373
|
*/
|
|
372
|
-
|
|
374
|
+
intent?: Intent$1;
|
|
375
|
+
/**
|
|
376
|
+
* Visual type: outlined (light bg) or filled (solid bg)
|
|
377
|
+
* @default "outlined"
|
|
378
|
+
*
|
|
379
|
+
* @figmaPropMapping Type (Outlined|Filled) → type
|
|
380
|
+
*/
|
|
381
|
+
type?: BannerType;
|
|
373
382
|
/**
|
|
374
383
|
* The message text to display
|
|
375
384
|
*
|
|
@@ -380,20 +389,20 @@ interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity' | 'colo
|
|
|
380
389
|
* Horizontal alignment of the message content
|
|
381
390
|
* @default "left"
|
|
382
391
|
*
|
|
383
|
-
* @figmaPropMapping
|
|
392
|
+
* @figmaPropMapping Message Position (Left|Center) → messagePosition
|
|
384
393
|
*/
|
|
385
394
|
messagePosition?: 'left' | 'center';
|
|
386
395
|
/**
|
|
387
396
|
* Optional link text to display after the message
|
|
388
397
|
*
|
|
389
|
-
* @figmaPropMapping
|
|
398
|
+
* @figmaPropMapping Show Link (boolean) → linkText (string)
|
|
390
399
|
*/
|
|
391
400
|
linkText?: string;
|
|
392
401
|
/**
|
|
393
402
|
* Whether to show the close button
|
|
394
|
-
* @default
|
|
403
|
+
* @default false
|
|
395
404
|
*
|
|
396
|
-
* @figmaPropMapping
|
|
405
|
+
* @figmaPropMapping Dismissible → showClose
|
|
397
406
|
*/
|
|
398
407
|
showClose?: boolean;
|
|
399
408
|
/**
|
|
@@ -410,20 +419,8 @@ interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity' | 'colo
|
|
|
410
419
|
*/
|
|
411
420
|
onLinkClick?: () => void;
|
|
412
421
|
}
|
|
413
|
-
/**
|
|
414
|
-
* NeoBanner - Inline banner/alert component based on MUI Alert
|
|
415
|
-
*
|
|
416
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4170-2158
|
|
417
|
-
*
|
|
418
|
-
* Figma Props Mapping:
|
|
419
|
-
* - color (Dark|Light|Success|Error|Warning) → variant (dark|light|success|error|warning)
|
|
420
|
-
* - messagePosition (Left|Center) → messagePosition ("left"|"center")
|
|
421
|
-
* - closeIcon (boolean) → showClose (boolean)
|
|
422
|
-
* - link (boolean) → linkText (string)
|
|
423
|
-
* - {Message} → message (string)
|
|
424
|
-
*/
|
|
425
422
|
declare const NeoBanner: {
|
|
426
|
-
({
|
|
423
|
+
({ intent, type, message, messagePosition, linkText, showClose, icon, onClose, onLinkClick, ...props }: NeoBannerProps): react_jsx_runtime.JSX.Element | null;
|
|
427
424
|
displayName: string;
|
|
428
425
|
};
|
|
429
426
|
|
|
@@ -684,7 +681,7 @@ interface StyledComponent<ComponentProps extends {}, SpecificComponentProps exte
|
|
|
684
681
|
|
|
685
682
|
/**
|
|
686
683
|
* Custom checkbox icons matching Figma design
|
|
687
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=
|
|
684
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=11487-81
|
|
688
685
|
*
|
|
689
686
|
* Checkbox sizes: xs=12x12, small=16x16, medium=20x20
|
|
690
687
|
* Check/minus paths scaled from Untitled UI (originally 24x24)
|
|
@@ -721,7 +718,7 @@ interface NeoCheckboxProps extends Omit<CheckboxProps, 'size'> {
|
|
|
721
718
|
/**
|
|
722
719
|
* NeoCheckbox - Checkbox component based on MUI Checkbox
|
|
723
720
|
*
|
|
724
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=
|
|
721
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=11487-81
|
|
725
722
|
*
|
|
726
723
|
* Figma Props Mapping:
|
|
727
724
|
* - Checked (True|False) → checked prop
|
|
@@ -787,7 +784,7 @@ interface NeoCodeSnippetProps extends Omit<ButtonBaseProps, 'children'> {
|
|
|
787
784
|
* The size of the code snippet
|
|
788
785
|
* @default "small"
|
|
789
786
|
*
|
|
790
|
-
* @figma
|
|
787
|
+
* @figma Content (Multi|Inline)
|
|
791
788
|
*/
|
|
792
789
|
size?: CodeSnippetSize;
|
|
793
790
|
/**
|
|
@@ -805,9 +802,9 @@ interface NeoCodeSnippetProps extends Omit<ButtonBaseProps, 'children'> {
|
|
|
805
802
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4187-30353
|
|
806
803
|
*
|
|
807
804
|
* Figma Props Mapping:
|
|
808
|
-
* -
|
|
809
|
-
* -
|
|
810
|
-
* -
|
|
805
|
+
* - Theme (Dark|Light) → variant (filled|outlined)
|
|
806
|
+
* - Content (Multi|Inline) → size prop + auto-detected multiline
|
|
807
|
+
* - Show icon → endIcon (ReactNode, unmappable: boolean vs ReactNode)
|
|
811
808
|
* - Text content → children prop
|
|
812
809
|
*/
|
|
813
810
|
declare const NeoCodeSnippet: {
|
|
@@ -1699,7 +1696,7 @@ declare const NeoNavigationAvatar: {
|
|
|
1699
1696
|
displayName: string;
|
|
1700
1697
|
};
|
|
1701
1698
|
|
|
1702
|
-
|
|
1699
|
+
type NeoNavigationItemOwnProps = {
|
|
1703
1700
|
/**
|
|
1704
1701
|
* Icon element to display
|
|
1705
1702
|
*/
|
|
@@ -1723,16 +1720,19 @@ interface NeoNavigationItemProps extends Omit<ButtonBaseProps, 'children'> {
|
|
|
1723
1720
|
* Additional content
|
|
1724
1721
|
*/
|
|
1725
1722
|
children?: ReactNode;
|
|
1726
|
-
}
|
|
1723
|
+
};
|
|
1724
|
+
type NeoNavigationItemProps<C extends ElementType = typeof ButtonBase__default> = NeoNavigationItemOwnProps & Omit<ButtonBaseProps, keyof NeoNavigationItemOwnProps | 'component'> & Omit<ComponentPropsWithoutRef<C>, keyof NeoNavigationItemOwnProps | keyof ButtonBaseProps> & {
|
|
1725
|
+
component?: C;
|
|
1726
|
+
};
|
|
1727
1727
|
/**
|
|
1728
1728
|
* NeoNavigationItem - Vertical navigation item with icon, label, and optional tag
|
|
1729
1729
|
*
|
|
1730
1730
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=8455-6120
|
|
1731
1731
|
*/
|
|
1732
|
-
declare
|
|
1733
|
-
|
|
1734
|
-
displayName: string;
|
|
1735
|
-
}
|
|
1732
|
+
declare function NeoNavigationItem<C extends ElementType = typeof ButtonBase__default>({ icon, label, selected, tag, children, ...props }: NeoNavigationItemProps<C>): react_jsx_runtime.JSX.Element;
|
|
1733
|
+
declare namespace NeoNavigationItem {
|
|
1734
|
+
var displayName: string;
|
|
1735
|
+
}
|
|
1736
1736
|
|
|
1737
1737
|
/**
|
|
1738
1738
|
* Breadcrumb item configuration
|
|
@@ -2006,7 +2006,6 @@ interface NeoRadioProps extends Omit<RadioProps, 'size'> {
|
|
|
2006
2006
|
* NeoRadio - Radio button component based on MUI Radio
|
|
2007
2007
|
*
|
|
2008
2008
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-40039
|
|
2009
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-40150
|
|
2010
2009
|
*
|
|
2011
2010
|
* Figma Props Mapping:
|
|
2012
2011
|
* - Checked (True|False) → checked prop
|
|
@@ -2105,57 +2104,51 @@ declare const NeoSkeleton: {
|
|
|
2105
2104
|
displayName: string;
|
|
2106
2105
|
};
|
|
2107
2106
|
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
interface NeoStatusBannerProps extends Omit<AlertProps, 'severity' | 'variant'> {
|
|
2107
|
+
type Intent = 'success' | 'error' | 'warning' | 'offline' | 'info';
|
|
2108
|
+
type AlertType = 'outlined' | 'filled';
|
|
2109
|
+
interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' | 'color'> {
|
|
2112
2110
|
/**
|
|
2113
|
-
* The
|
|
2111
|
+
* The intent/purpose of the alert
|
|
2114
2112
|
* @default "success"
|
|
2115
2113
|
* @figma Intent
|
|
2116
2114
|
*/
|
|
2117
|
-
|
|
2115
|
+
intent?: Intent;
|
|
2118
2116
|
/**
|
|
2119
|
-
*
|
|
2117
|
+
* Visual type: outlined (light bg) or filled (solid bg)
|
|
2120
2118
|
* @default "outlined"
|
|
2121
|
-
* @figma
|
|
2119
|
+
* @figma Type
|
|
2122
2120
|
*/
|
|
2123
|
-
|
|
2121
|
+
type?: AlertType;
|
|
2124
2122
|
/**
|
|
2125
|
-
* The
|
|
2123
|
+
* The title text displayed in the alert
|
|
2126
2124
|
*/
|
|
2127
|
-
|
|
2125
|
+
title: string;
|
|
2128
2126
|
/**
|
|
2129
|
-
*
|
|
2127
|
+
* Optional supporting description text
|
|
2128
|
+
*/
|
|
2129
|
+
description?: string;
|
|
2130
|
+
/**
|
|
2131
|
+
* Custom icon to display (defaults to intent-based icon)
|
|
2130
2132
|
*/
|
|
2131
2133
|
icon?: ReactNode;
|
|
2134
|
+
/**
|
|
2135
|
+
* Optional action element (typically a button) displayed on the right
|
|
2136
|
+
*/
|
|
2137
|
+
action?: ReactNode;
|
|
2132
2138
|
}
|
|
2133
2139
|
/**
|
|
2134
|
-
*
|
|
2135
|
-
*
|
|
2136
|
-
* Displays status information with different severity levels (success, error, info, neutral) and
|
|
2137
|
-
* visual modes (outlined for light backgrounds, filled for emphasis).
|
|
2140
|
+
* NeoAlert - Alert component for displaying contextual status messages
|
|
2138
2141
|
*
|
|
2139
2142
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4921-3427
|
|
2140
2143
|
*
|
|
2141
2144
|
* Figma Props Mapping:
|
|
2142
|
-
* -
|
|
2143
|
-
* -
|
|
2144
|
-
*
|
|
2145
|
-
*
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
2149
|
-
* - status.info.light, status.info.default
|
|
2150
|
-
* - typography.tooltip, typography.bodySecondary
|
|
2151
|
-
* - grey[800]
|
|
2152
|
-
* - fontSize.default, fontSize.sm
|
|
2153
|
-
* - fontWeight.medium, fontWeight.regular
|
|
2154
|
-
* - fontFamily.body
|
|
2155
|
-
* - surfaces.shadowNeutral
|
|
2156
|
-
*/
|
|
2157
|
-
declare const NeoStatusBanner: {
|
|
2158
|
-
({ severity, variant, icon, children, ...props }: NeoStatusBannerProps): react_jsx_runtime.JSX.Element;
|
|
2145
|
+
* - Intent (Success|Error|Warning|Offline|Info) → intent
|
|
2146
|
+
* - Type (Outlined|Filled) → type
|
|
2147
|
+
* - Show supporting text → description prop presence
|
|
2148
|
+
* - Show Button → action prop presence
|
|
2149
|
+
*/
|
|
2150
|
+
declare const NeoAlert: {
|
|
2151
|
+
({ intent, type, title, description, icon, action, ...props }: NeoAlertProps): react_jsx_runtime.JSX.Element;
|
|
2159
2152
|
displayName: string;
|
|
2160
2153
|
};
|
|
2161
2154
|
|
|
@@ -2198,10 +2191,7 @@ interface NeoTabProps extends Omit<TabProps, 'label'> {
|
|
|
2198
2191
|
*
|
|
2199
2192
|
* Figma Props Mapping:
|
|
2200
2193
|
* - Current=True/False → Controlled by parent NeoTabs value
|
|
2201
|
-
* -
|
|
2202
|
-
* - State=Hover → CSS :hover
|
|
2203
|
-
* - State=Focus → CSS :focus-visible
|
|
2204
|
-
* - Tag count → count prop (renders NeoTag)
|
|
2194
|
+
* - Show tag → count prop (renders NeoTag)
|
|
2205
2195
|
* - Text label → label prop
|
|
2206
2196
|
*/
|
|
2207
2197
|
declare const NeoTab: {
|
|
@@ -2222,7 +2212,7 @@ declare module '@mui/material/Chip' {
|
|
|
2222
2212
|
filled: true;
|
|
2223
2213
|
}
|
|
2224
2214
|
}
|
|
2225
|
-
|
|
2215
|
+
type NeoTagOwnProps = {
|
|
2226
2216
|
/**
|
|
2227
2217
|
* The size of the tag
|
|
2228
2218
|
* @figma m (sm|md|lg)
|
|
@@ -2241,7 +2231,10 @@ interface NeoTagProps extends Omit<ChipProps, 'variant' | 'size'> {
|
|
|
2241
2231
|
* @default "default"
|
|
2242
2232
|
*/
|
|
2243
2233
|
color?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet' | 'beta';
|
|
2244
|
-
}
|
|
2234
|
+
};
|
|
2235
|
+
type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<ChipProps, keyof NeoTagOwnProps | 'component'> & Omit<ComponentPropsWithoutRef<C>, keyof NeoTagOwnProps | keyof ChipProps> & {
|
|
2236
|
+
component?: C;
|
|
2237
|
+
};
|
|
2245
2238
|
/**
|
|
2246
2239
|
* NeoTag - Small pill-shaped label component based on MUI Chip
|
|
2247
2240
|
*
|
|
@@ -2253,17 +2246,17 @@ interface NeoTagProps extends Omit<ChipProps, 'variant' | 'size'> {
|
|
|
2253
2246
|
* - state (Neutral|Error|Warning|Success|Info|Violet|Beta) → color (default|error|warning|success|info|violet|beta)
|
|
2254
2247
|
* - Label text → label prop
|
|
2255
2248
|
*/
|
|
2256
|
-
declare
|
|
2257
|
-
|
|
2258
|
-
displayName: string;
|
|
2259
|
-
}
|
|
2249
|
+
declare function NeoTag<C extends ElementType = typeof Chip>({ size, variant, ...props }: NeoTagProps<C>): react_jsx_runtime.JSX.Element;
|
|
2250
|
+
declare namespace NeoTag {
|
|
2251
|
+
var displayName: string;
|
|
2252
|
+
}
|
|
2260
2253
|
|
|
2261
2254
|
interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color'> {
|
|
2262
2255
|
/**
|
|
2263
2256
|
* The visual style variant of the toast
|
|
2264
2257
|
* @default "default"
|
|
2265
2258
|
*/
|
|
2266
|
-
variant?: 'default' | 'dark' | 'brand' | 'error' | 'success' | 'info'
|
|
2259
|
+
variant?: 'default' | 'dark' | 'brand' | 'error' | 'success' | 'info';
|
|
2267
2260
|
/**
|
|
2268
2261
|
* The title/header text
|
|
2269
2262
|
*/
|
|
@@ -2282,14 +2275,6 @@ interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color
|
|
|
2282
2275
|
* Pass action buttons as children of this prop
|
|
2283
2276
|
*/
|
|
2284
2277
|
actions?: ReactNode;
|
|
2285
|
-
/**
|
|
2286
|
-
* Progress value (0-100) for download variant
|
|
2287
|
-
*/
|
|
2288
|
-
progress?: number;
|
|
2289
|
-
/**
|
|
2290
|
-
* File name for download variant
|
|
2291
|
-
*/
|
|
2292
|
-
fileName?: string;
|
|
2293
2278
|
/**
|
|
2294
2279
|
* Callback when close button is clicked
|
|
2295
2280
|
*/
|
|
@@ -2301,15 +2286,14 @@ interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color
|
|
|
2301
2286
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-37223
|
|
2302
2287
|
*
|
|
2303
2288
|
* Figma Props Mapping:
|
|
2304
|
-
* - type (Light mode|Dark mode|Brand color|Error|Success|Info
|
|
2289
|
+
* - type (Light mode|Dark mode|Brand color|Error|Success|Info) → variant (default|dark|brand|error|success|info)
|
|
2305
2290
|
* - header → title (string)
|
|
2306
2291
|
* - supportingText → message (string)
|
|
2307
2292
|
* - xCloseButton → showClose (boolean)
|
|
2308
2293
|
* - actions → actions (ReactNode)
|
|
2309
|
-
* - Progress bar → progress (number 0-100)
|
|
2310
2294
|
*/
|
|
2311
2295
|
declare const NeoToast: {
|
|
2312
|
-
({ variant, title, message, showClose, actions,
|
|
2296
|
+
({ variant, title, message, showClose, actions, onClose, ...props }: NeoToastProps): react_jsx_runtime.JSX.Element;
|
|
2313
2297
|
displayName: string;
|
|
2314
2298
|
};
|
|
2315
2299
|
/**
|
|
@@ -2675,87 +2659,80 @@ declare const NeoTypologyControl: {
|
|
|
2675
2659
|
displayName: string;
|
|
2676
2660
|
};
|
|
2677
2661
|
|
|
2678
|
-
|
|
2679
|
-
|
|
2680
|
-
|
|
2681
|
-
interface NeoMarketplaceCardProps extends Omit<CardProps, 'children' | 'title'> {
|
|
2682
|
-
/**
|
|
2683
|
-
* The logo to display (48x48px ReactNode)
|
|
2684
|
-
*/
|
|
2662
|
+
type NeoCardSize = 'small' | 'large';
|
|
2663
|
+
interface NeoCardSmallProps extends Omit<CardProps, 'children' | 'title'> {
|
|
2664
|
+
size: 'small';
|
|
2685
2665
|
logo: ReactNode;
|
|
2686
|
-
/**
|
|
2687
|
-
* The recipe count text (e.g., "1,260 recipes")
|
|
2688
|
-
*/
|
|
2689
2666
|
recipeCount: string;
|
|
2690
|
-
/**
|
|
2691
|
-
* The title text or element
|
|
2692
|
-
*/
|
|
2693
2667
|
title: ReactNode | string;
|
|
2694
|
-
/**
|
|
2695
|
-
* The description text
|
|
2696
|
-
*/
|
|
2697
2668
|
description: string;
|
|
2698
|
-
/**
|
|
2699
|
-
* Whether the card is in selected/active state
|
|
2700
|
-
* @default false
|
|
2701
|
-
* @figma State (Active)
|
|
2702
|
-
*/
|
|
2703
2669
|
selected?: boolean;
|
|
2704
|
-
/**
|
|
2705
|
-
* Whether the card is disabled
|
|
2706
|
-
* @default false
|
|
2707
|
-
* @figma State (Disabled)
|
|
2708
|
-
*/
|
|
2709
2670
|
disabled?: boolean;
|
|
2710
|
-
/**
|
|
2711
|
-
* Click handler for the card
|
|
2712
|
-
*/
|
|
2713
2671
|
onClick?: () => void;
|
|
2714
2672
|
}
|
|
2673
|
+
interface NeoCardLargeProps extends Omit<CardProps, 'children' | 'title'> {
|
|
2674
|
+
size: 'large';
|
|
2675
|
+
disabled?: boolean;
|
|
2676
|
+
cardTheme?: 'light' | 'dark';
|
|
2677
|
+
showIcon?: boolean;
|
|
2678
|
+
showGel?: boolean;
|
|
2679
|
+
showButtons?: boolean;
|
|
2680
|
+
icon?: ReactNode;
|
|
2681
|
+
gel?: ReactNode;
|
|
2682
|
+
title?: ReactNode;
|
|
2683
|
+
children?: ReactNode;
|
|
2684
|
+
actions?: ReactNode;
|
|
2685
|
+
onClick?: () => void;
|
|
2686
|
+
}
|
|
2687
|
+
type NeoCardProps = NeoCardSmallProps | NeoCardLargeProps;
|
|
2688
|
+
declare const NeoCard: {
|
|
2689
|
+
(props: NeoCardProps): react_jsx_runtime.JSX.Element;
|
|
2690
|
+
displayName: string;
|
|
2691
|
+
};
|
|
2692
|
+
|
|
2715
2693
|
/**
|
|
2716
|
-
*
|
|
2717
|
-
*
|
|
2718
|
-
|
|
2719
|
-
|
|
2694
|
+
* Props for the NeoMarketplaceCard component
|
|
2695
|
+
* @deprecated Use NeoCardSmallProps with NeoCard instead
|
|
2696
|
+
*/
|
|
2697
|
+
interface NeoMarketplaceCardProps extends Omit<NeoCardSmallProps, 'size'> {
|
|
2698
|
+
}
|
|
2699
|
+
/**
|
|
2700
|
+
* @deprecated Use `NeoCard` with `size="small"` instead.
|
|
2720
2701
|
*
|
|
2721
2702
|
* @example
|
|
2722
2703
|
* ```tsx
|
|
2723
|
-
*
|
|
2724
|
-
*
|
|
2725
|
-
* recipeCount="1,260 recipes"
|
|
2726
|
-
* title="Java"
|
|
2727
|
-
* description="Basic building blocks for transforming Java..."
|
|
2728
|
-
* selected={false}
|
|
2729
|
-
* disabled={false}
|
|
2730
|
-
* onClick={() => console.log('clicked')}
|
|
2731
|
-
* />
|
|
2732
|
-
* ```
|
|
2704
|
+
* // Before
|
|
2705
|
+
* <NeoMarketplaceCard logo={...} title="Java" ... />
|
|
2733
2706
|
*
|
|
2734
|
-
*
|
|
2707
|
+
* // After
|
|
2708
|
+
* <NeoCard size="small" logo={...} title="Java" ... />
|
|
2709
|
+
* ```
|
|
2710
|
+
*/
|
|
2711
|
+
declare const NeoMarketplaceCard: {
|
|
2712
|
+
(props: NeoMarketplaceCardProps): react_jsx_runtime.JSX.Element;
|
|
2713
|
+
displayName: string;
|
|
2714
|
+
};
|
|
2715
|
+
|
|
2716
|
+
/**
|
|
2717
|
+
* Props for the NeoMarketplaceLargeCard component
|
|
2718
|
+
* @deprecated Use NeoCardLargeProps with NeoCard instead
|
|
2719
|
+
*/
|
|
2720
|
+
interface NeoMarketplaceLargeCardProps extends Omit<NeoCardLargeProps, 'size'> {
|
|
2721
|
+
}
|
|
2722
|
+
/**
|
|
2723
|
+
* @deprecated Use `NeoCard` with `size="large"` instead.
|
|
2735
2724
|
*
|
|
2736
|
-
*
|
|
2737
|
-
*
|
|
2738
|
-
*
|
|
2739
|
-
*
|
|
2740
|
-
* - State="Hover" → CSS :hover state (not a prop)
|
|
2741
|
-
* - State="Default" → Base state (no props)
|
|
2725
|
+
* @example
|
|
2726
|
+
* ```tsx
|
|
2727
|
+
* // Before
|
|
2728
|
+
* <NeoMarketplaceLargeCard cardTheme="light" ... />
|
|
2742
2729
|
*
|
|
2743
|
-
*
|
|
2744
|
-
*
|
|
2745
|
-
*
|
|
2746
|
-
* - semanticColors.border.primary (#d1d5db) - Default border
|
|
2747
|
-
* - semanticColors.buttons.primary.default (#2f42ff) - Active/focused border
|
|
2748
|
-
* - shadows.focusWhite1 - Inner white focus ring (2px spread)
|
|
2749
|
-
* - shadows.focusBlue2 - Outer blue focus ring (4px spread)
|
|
2750
|
-
* - colors.grey[800] (#1F2937) - Text color
|
|
2751
|
-
* - typography.fontSize.xxs (10px) - Recipe count
|
|
2752
|
-
* - typography.fontSize.xs (12px) - Description
|
|
2753
|
-
* - typography.fontSize.h6 (16px) - Title
|
|
2754
|
-
* - typography.fontWeight.semiBold (600) - Title and recipe count
|
|
2755
|
-
* - typography.fontWeight.regular (400) - Description
|
|
2730
|
+
* // After
|
|
2731
|
+
* <NeoCard size="large" cardTheme="light" ... />
|
|
2732
|
+
* ```
|
|
2756
2733
|
*/
|
|
2757
|
-
declare const
|
|
2758
|
-
(
|
|
2734
|
+
declare const NeoMarketplaceLargeCard: {
|
|
2735
|
+
(props: NeoMarketplaceLargeCardProps): react_jsx_runtime.JSX.Element;
|
|
2759
2736
|
displayName: string;
|
|
2760
2737
|
};
|
|
2761
2738
|
|
|
@@ -2952,5 +2929,5 @@ declare module '@mui/x-data-grid-pro' {
|
|
|
2952
2929
|
|
|
2953
2930
|
declare const version: string
|
|
2954
2931
|
|
|
2955
|
-
export { ActivityScene, CIRCLE_RADIUS, NeoActivityHeader, NeoActivityIndicatorCell, NeoAvatar, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCheckbox, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoDropdown as NeoDataGridSelect, NeoDatePicker, NeoDivider, NeoDot, NeoDropdown, NeoDropdownMenu, NeoDropdownMenuItem, NeoDropdownMenuItem as NeoDropdownOption, NeoFilterChip, NeoFooter, NeoGeneralAvatar, NeoIconButton, NeoInfiniteScrollGrid, NeoInputField, NeoListItem, NeoListItemButton, NeoLoadingSpinner, NeoMarketplaceCard, NeoDropdownMenu as NeoMenu, NeoDropdownMenuItem as NeoMenuItem, NeoModal, NeoModalContent, NeoModalFooter, NeoModalHeader, NeoMultiBadgesCell, NeoNavigationAvatar, NeoNavigationItem, NeoPageContent, NeoPaginatedGrid, NeoProgressbar, NeoQuickFilter, NeoRadio, NeoSearchChip, NeoDropdown as NeoSelect, NeoDropdownMenuItem as NeoSelectOption, NeoSkeleton, NeoStatusBadgeCell,
|
|
2956
|
-
export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, NeoActivityHeaderProps, NeoActivityIndicatorCellProps, NeoAvatarProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonProps, NeoButtonTabGroupProps, NeoButtonTabProps, NeoCheckboxProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, NeoDropdownMenuItemProps, NeoDropdownMenuProps, NeoDropdownProps, NeoFilterChipProps, NeoFooterProps, NeoGeneralAvatarProps, NeoIconButtonProps, NeoInfiniteScrollGridProps, NeoInputFieldProps, NeoListItemButtonProps, NeoListItemProps, NeoLoadingSpinnerProps, NeoMarketplaceCardProps, NeoDropdownMenuItemProps as NeoMenuItemProps, NeoDropdownMenuProps as NeoMenuProps, NeoModalContentProps, NeoModalFooterProps, NeoModalHeaderProps, NeoModalProps, NeoMultiBadgesCellProps, NeoNavigationAvatarProps, NeoNavigationItemProps, NeoPageContentProps, NeoPaginatedGridProps, NeoProgressbarProps, NeoQuickFilterProps, NeoRadioProps, NeoSearchChipProps, NeoDropdownProps as NeoSelectProps, NeoSkeletonProps, NeoStatusBadgeCellProps,
|
|
2932
|
+
export { ActivityScene, CIRCLE_RADIUS, NeoActivityHeader, NeoActivityIndicatorCell, NeoAlert, NeoAvatar, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCard, NeoCheckbox, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoDropdown as NeoDataGridSelect, NeoDatePicker, NeoDivider, NeoDot, NeoDropdown, NeoDropdownMenu, NeoDropdownMenuItem, NeoDropdownMenuItem as NeoDropdownOption, NeoFilterChip, NeoFooter, NeoGeneralAvatar, NeoIconButton, NeoInfiniteScrollGrid, NeoInputField, NeoListItem, NeoListItemButton, NeoLoadingSpinner, NeoMarketplaceCard, NeoMarketplaceLargeCard, NeoDropdownMenu as NeoMenu, NeoDropdownMenuItem as NeoMenuItem, NeoModal, NeoModalContent, NeoModalFooter, NeoModalHeader, NeoMultiBadgesCell, NeoNavigationAvatar, NeoNavigationItem, NeoPageContent, NeoPaginatedGrid, NeoProgressbar, NeoQuickFilter, NeoRadio, NeoSearchChip, NeoDropdown as NeoSelect, NeoDropdownMenuItem as NeoSelectOption, NeoSkeleton, NeoStatusBadgeCell, NeoTab, NeoTabs, NeoTag, NeoToast, NeoToastButton, NeoToggle, NeoToolbar, NeoTooltip, NeoTreeItem, NeoTreeView, StyledToggleButton as NeoTypologyButton, NeoTypologyControl, NeoUserAvatarCell, SortedAscendingIcon, SortedDescendingIcon, UnsortedIcon, getDataGridHeaderStyles, version };
|
|
2933
|
+
export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, NeoActivityHeaderProps, NeoActivityIndicatorCellProps, NeoAlertProps, NeoAvatarProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonProps, NeoButtonTabGroupProps, NeoButtonTabProps, NeoCardLargeProps, NeoCardProps, NeoCardSize, NeoCardSmallProps, NeoCheckboxProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, NeoDropdownMenuItemProps, NeoDropdownMenuProps, NeoDropdownProps, NeoFilterChipProps, NeoFooterProps, NeoGeneralAvatarProps, NeoIconButtonProps, NeoInfiniteScrollGridProps, NeoInputFieldProps, NeoListItemButtonProps, NeoListItemProps, NeoLoadingSpinnerProps, NeoMarketplaceCardProps, NeoMarketplaceLargeCardProps, NeoDropdownMenuItemProps as NeoMenuItemProps, NeoDropdownMenuProps as NeoMenuProps, NeoModalContentProps, NeoModalFooterProps, NeoModalHeaderProps, NeoModalProps, NeoMultiBadgesCellProps, NeoNavigationAvatarProps, NeoNavigationItemProps, NeoPageContentProps, NeoPaginatedGridProps, NeoProgressbarProps, NeoQuickFilterProps, NeoRadioProps, NeoSearchChipProps, NeoDropdownProps as NeoSelectProps, NeoSkeletonProps, NeoStatusBadgeCellProps, NeoTabProps, NeoTagProps, NeoToastProps, NeoToggleProps, NeoToolbarProps, NeoTooltipProps, NeoTreeItemData, NeoTreeItemProps, NeoTreeViewProps, NeoTypologyControlProps, NeoUserAvatarCellProps };
|