pixelplay 1.0.5 → 1.0.7
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.mts +195 -1
- package/dist/index.d.ts +195 -1
- package/dist/index.js +1558 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1555 -0
- package/dist/index.mjs.map +1 -1
- package/dist/server.d.mts +195 -0
- package/dist/server.d.ts +195 -0
- package/dist/server.js +1586 -0
- package/dist/server.js.map +1 -0
- package/dist/server.mjs +1557 -0
- package/dist/server.mjs.map +1 -0
- package/package.json +6 -1
package/dist/index.d.mts
CHANGED
|
@@ -1319,6 +1319,200 @@ declare function CountryFlag({ code, size, shape, className, }: CountryFlagProps
|
|
|
1319
1319
|
*/
|
|
1320
1320
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1321
1321
|
|
|
1322
|
+
/**
|
|
1323
|
+
* Theme tokens — semantic design tokens for the PixelPlay UI system.
|
|
1324
|
+
*
|
|
1325
|
+
* THIS FILE IS THE SINGLE SOURCE OF TRUTH FOR THEMING.
|
|
1326
|
+
* To swap the entire theme, replace `lightTheme` and `darkTheme` below with
|
|
1327
|
+
* a new palette. All CSS custom properties are generated from these objects
|
|
1328
|
+
* at runtime — no other file needs to change.
|
|
1329
|
+
*
|
|
1330
|
+
* Token names map 1-to-1 to CSS custom properties: `primary` → `--primary`.
|
|
1331
|
+
* Use them in components via `var(--primary)`, `var(--on-surface)`, etc.
|
|
1332
|
+
*/
|
|
1333
|
+
type ThemeTokens = {
|
|
1334
|
+
/** Main app background / base layer */
|
|
1335
|
+
surface: string;
|
|
1336
|
+
/** Sidebar or dimmed backgrounds */
|
|
1337
|
+
"surface-dim": string;
|
|
1338
|
+
/** High-emphasis background (modals, popovers) */
|
|
1339
|
+
"surface-bright": string;
|
|
1340
|
+
/** Cards — lowest elevation */
|
|
1341
|
+
"surface-container-lowest": string;
|
|
1342
|
+
/** Cards / Inset sections */
|
|
1343
|
+
"surface-container-low": string;
|
|
1344
|
+
/** Dashboard widgets / Main cards */
|
|
1345
|
+
"surface-container": string;
|
|
1346
|
+
/** Modals / Dialogs */
|
|
1347
|
+
"surface-container-high": string;
|
|
1348
|
+
/** Top App Bar / Focused elements */
|
|
1349
|
+
"surface-container-highest": string;
|
|
1350
|
+
/** Primary text / High-emphasis icons */
|
|
1351
|
+
"on-surface": string;
|
|
1352
|
+
/** Secondary text / Captions / Helper text */
|
|
1353
|
+
"on-surface-variant": string;
|
|
1354
|
+
/** Tooltip backgrounds / Snackbars */
|
|
1355
|
+
"inverse-surface": string;
|
|
1356
|
+
/** Tooltip text / Snackbar actions */
|
|
1357
|
+
"inverse-on-surface": string;
|
|
1358
|
+
/** Primary buttons / Active states */
|
|
1359
|
+
primary: string;
|
|
1360
|
+
/** Text on Primary buttons */
|
|
1361
|
+
"on-primary": string;
|
|
1362
|
+
/** Active menu item background */
|
|
1363
|
+
"primary-container": string;
|
|
1364
|
+
/** Text on active menu items */
|
|
1365
|
+
"on-primary-container": string;
|
|
1366
|
+
/** Inverse theme primary actions */
|
|
1367
|
+
"inverse-primary": string;
|
|
1368
|
+
/** Secondary buttons / Filter chips */
|
|
1369
|
+
secondary: string;
|
|
1370
|
+
/** Text on Secondary elements */
|
|
1371
|
+
"on-secondary": string;
|
|
1372
|
+
/** Selected toggle / chip background */
|
|
1373
|
+
"secondary-container": string;
|
|
1374
|
+
/** Text on selected toggle / chip */
|
|
1375
|
+
"on-secondary-container": string;
|
|
1376
|
+
/** Accent elements / Specific chart series */
|
|
1377
|
+
tertiary: string;
|
|
1378
|
+
/** Text on Tertiary elements */
|
|
1379
|
+
"on-tertiary": string;
|
|
1380
|
+
/** Highlighting specific dashboard metrics */
|
|
1381
|
+
"tertiary-container": string;
|
|
1382
|
+
/** Text on tertiary metric background */
|
|
1383
|
+
"on-tertiary-container": string;
|
|
1384
|
+
/** Input borders / Card strokes */
|
|
1385
|
+
outline: string;
|
|
1386
|
+
/** Dividers / Table row separators */
|
|
1387
|
+
"outline-variant": string;
|
|
1388
|
+
/** Modal / Drawer backdrop */
|
|
1389
|
+
scrim: string;
|
|
1390
|
+
/** Component elevation shadows */
|
|
1391
|
+
shadow: string;
|
|
1392
|
+
/** Destructive actions / Critical alerts */
|
|
1393
|
+
error: string;
|
|
1394
|
+
/** Text on error background */
|
|
1395
|
+
"on-error": string;
|
|
1396
|
+
/** Error banner / Failed state background */
|
|
1397
|
+
"error-container": string;
|
|
1398
|
+
/** Text on error container */
|
|
1399
|
+
"on-error-container": string;
|
|
1400
|
+
/** Positive trends / Healthy status */
|
|
1401
|
+
success: string;
|
|
1402
|
+
/** Text on success background */
|
|
1403
|
+
"on-success": string;
|
|
1404
|
+
/** Positive metric background */
|
|
1405
|
+
"success-container": string;
|
|
1406
|
+
/** Text on success container */
|
|
1407
|
+
"on-success-container": string;
|
|
1408
|
+
/** Cautionary alerts / Pending status */
|
|
1409
|
+
warning: string;
|
|
1410
|
+
/** Text on warning background */
|
|
1411
|
+
"on-warning": string;
|
|
1412
|
+
/** Warning metric background */
|
|
1413
|
+
"warning-container": string;
|
|
1414
|
+
/** Text on warning container */
|
|
1415
|
+
"on-warning-container": string;
|
|
1416
|
+
/** Informational callouts */
|
|
1417
|
+
info: string;
|
|
1418
|
+
/** Text on info background */
|
|
1419
|
+
"on-info": string;
|
|
1420
|
+
/** Info callout background */
|
|
1421
|
+
"info-container": string;
|
|
1422
|
+
/** Text on info container */
|
|
1423
|
+
"on-info-container": string;
|
|
1424
|
+
/** Applied color for elevation overlays */
|
|
1425
|
+
"surface-tint": string;
|
|
1426
|
+
/** Hover — 8 % opacity overlay */
|
|
1427
|
+
"state-hover": string;
|
|
1428
|
+
/** Focus — 12 % opacity overlay */
|
|
1429
|
+
"state-focus": string;
|
|
1430
|
+
/** Pressed — 12 % opacity overlay */
|
|
1431
|
+
"state-pressed": string;
|
|
1432
|
+
/** Dragged — 16 % opacity overlay */
|
|
1433
|
+
"state-dragged": string;
|
|
1434
|
+
/** Disabled — 38 % on-surface opacity */
|
|
1435
|
+
"state-disabled": string;
|
|
1436
|
+
/** Map regions, pie slices, progress bars — series 1 */
|
|
1437
|
+
"graphic-1": string;
|
|
1438
|
+
"graphic-2": string;
|
|
1439
|
+
"graphic-3": string;
|
|
1440
|
+
"graphic-4": string;
|
|
1441
|
+
"graphic-5": string;
|
|
1442
|
+
"graphic-6": string;
|
|
1443
|
+
"graphic-7": string;
|
|
1444
|
+
"graphic-8": string;
|
|
1445
|
+
"graphic-9": string;
|
|
1446
|
+
"graphic-10": string;
|
|
1447
|
+
/** Text / labels placed inside a graphic shape */
|
|
1448
|
+
"on-graphic": string;
|
|
1449
|
+
/** Light background tint — avatars, chips, tag backgrounds */
|
|
1450
|
+
"graphic-1-container": string;
|
|
1451
|
+
"graphic-2-container": string;
|
|
1452
|
+
"graphic-3-container": string;
|
|
1453
|
+
"graphic-4-container": string;
|
|
1454
|
+
"graphic-5-container": string;
|
|
1455
|
+
"graphic-6-container": string;
|
|
1456
|
+
"graphic-7-container": string;
|
|
1457
|
+
"graphic-8-container": string;
|
|
1458
|
+
"graphic-9-container": string;
|
|
1459
|
+
"graphic-10-container": string;
|
|
1460
|
+
/** Dark foreground text on the corresponding container */
|
|
1461
|
+
"on-graphic-1-container": string;
|
|
1462
|
+
"on-graphic-2-container": string;
|
|
1463
|
+
"on-graphic-3-container": string;
|
|
1464
|
+
"on-graphic-4-container": string;
|
|
1465
|
+
"on-graphic-5-container": string;
|
|
1466
|
+
"on-graphic-6-container": string;
|
|
1467
|
+
"on-graphic-7-container": string;
|
|
1468
|
+
"on-graphic-8-container": string;
|
|
1469
|
+
"on-graphic-9-container": string;
|
|
1470
|
+
"on-graphic-10-container": string;
|
|
1471
|
+
/** "Healthy" indicators — distinct from success buttons */
|
|
1472
|
+
"status-positive": string;
|
|
1473
|
+
/** "Attention required" — e.g. yellow node in a network map */
|
|
1474
|
+
"status-warning": string;
|
|
1475
|
+
/** "Critical failure" — e.g. red heat-map zone */
|
|
1476
|
+
"status-negative": string;
|
|
1477
|
+
/** "Inactive / Pending" — e.g. grayed-out map regions */
|
|
1478
|
+
"status-neutral": string;
|
|
1479
|
+
/** Empty background of a progress bar or radial gauge */
|
|
1480
|
+
"progress-track": string;
|
|
1481
|
+
/** Filled portion of a progress bar */
|
|
1482
|
+
"progress-indicator": string;
|
|
1483
|
+
/** Secondary loading / buffer indicator */
|
|
1484
|
+
"progress-buffer": string;
|
|
1485
|
+
/** Heatmap start — low value */
|
|
1486
|
+
"scale-low": string;
|
|
1487
|
+
/** Heatmap midpoint */
|
|
1488
|
+
"scale-medium": string;
|
|
1489
|
+
/** Heatmap end — high value */
|
|
1490
|
+
"scale-high": string;
|
|
1491
|
+
/** Borders for complex SVG shapes or map boundaries */
|
|
1492
|
+
"graphic-outline": string;
|
|
1493
|
+
/** Internal grid lines for tables or coordinate planes */
|
|
1494
|
+
"graphic-divider": string;
|
|
1495
|
+
/** Non-interactive text — axis labels, coordinates */
|
|
1496
|
+
"graphic-label": string;
|
|
1497
|
+
/** Data points, map pins, or node anchors */
|
|
1498
|
+
"graphic-marker": string;
|
|
1499
|
+
/** Highlight state for a hovered graphic element */
|
|
1500
|
+
"graphic-hover": string;
|
|
1501
|
+
/** Faded state for non-selected graphic elements */
|
|
1502
|
+
"graphic-muted": string;
|
|
1503
|
+
/** Lead lines connecting labels to specific graphic points */
|
|
1504
|
+
"annotation-line": string;
|
|
1505
|
+
};
|
|
1506
|
+
declare const lightTheme: ThemeTokens;
|
|
1507
|
+
declare const darkTheme: ThemeTokens;
|
|
1508
|
+
/**
|
|
1509
|
+
* Generates a `<style>` block with CSS custom properties for every design
|
|
1510
|
+
* theme × light/dark mode. The first theme (rosewood) is output as `:root` / `.dark`.
|
|
1511
|
+
* All themes also get `[data-design-theme="name"]` attribute selectors so they
|
|
1512
|
+
* can be activated by setting the attribute on the root element.
|
|
1513
|
+
*/
|
|
1514
|
+
declare function generateThemeCSS(): string;
|
|
1515
|
+
|
|
1322
1516
|
declare const PIXELPLAY_VERSION = "1.0.3";
|
|
1323
1517
|
|
|
1324
|
-
export { type AccountDropdownItem, ActionDropdownCell, type ActionDropdownCellProps, ActionIconsCell, type ActionIconsCellProps, Alert, type AlertColor, type AlertIconStyle, type AlertLayout, type AlertProps, type AttachmentFileType, Avatar, AvatarCell, type AvatarCellProps, type AvatarColor, AvatarGroupCell, type AvatarGroupCellProps, type AvatarGroupItem, type AvatarProps, Badge, BadgeCell, type BadgeCellProps, type BadgeColor, BadgeGroup, type BadgeGroupColor, type BadgeGroupProps, type BadgeGroupSize, type BadgeItem, type BadgeProps, type BadgeSize, BadgesCell, BarChart, type BarChartProps, type BaseChartProps, type BaseComponentProps, Breadcrumb, type BreadcrumbItemData, type BreadcrumbProps, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CarouselArrow, type CarouselArrowColor, type CarouselArrowProps, type CarouselArrowSize, type ChartDataPoint, type ChartSeries, type ChartSize, ChatMessage, type ChatMessageProps, Checkbox, CheckboxCard, type CheckboxCardOption, type CheckboxCardProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CircularProgress, type CircularProgressProps, type CircularProgressSize, type CircularProgressVariant, type ColorVariant, type CountryCode, CountryFlag, type CountryFlagProps, type CountryFlagShape, type CountryFlagSize, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, type DatePickerValue, type DateRange, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DonutChart, type DonutChartProps, DropdownMenu, DropdownMenuAvatarHeader, type DropdownMenuAvatarHeaderProps, DropdownMenuHeader, type DropdownMenuHeaderProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, type EventColor, type FeatureIconColor, type FileType, FileTypeCell, type FileTypeCellProps, FileTypeIcon, type FileTypeIconProps, FileUpload, type FileUploadProps, type FileUploadStatus, type FileUploadVariant, type IndicatorColor, type IndicatorShape, type IndicatorSize, Input, type InputProps, type InputVariant, type LegendPosition, LineChart, type LineChartProps, MegaInput, type MegaInputProps, type MessageAttachment, MessageReaction, type MessageReactionProps, type MessageSide, type MessageType, Modal, type ModalAction, type ModalActionsLayout, type ModalAlign, type ModalAvatarGroupItem, type ModalCheckboxConfig, type ModalLayout, type ModalPosition, type ModalProps, type ModalSize, type ModalUserAvatar, PIXELPLAY_VERSION, Pagination, PaginationIndicator, type PaginationIndicatorProps, type PaginationPageShape, type PaginationProps, type PaginationVariant, ProgressBar, type ProgressBarProps, ProgressCell, type ProgressLabelPlacement, type ProgressSize, RadarChart, type RadarChartProps, RadialChart, type RadialChartProps, type RadiusVariant, RangeSlider, type RangeSliderProps, ScatterChart, type ScatterChartProps, type ScatterDataPoint, type ScatterSeries, Select, type SelectOption, type SelectProps, type SizeScale, type SliderLabelPlacement, SocialButton, type SocialButtonProps, type SocialButtonStyle, type SocialPlatform, SparklineChart, type SparklineChartProps, Spinner, type SpinnerProps, StoreButton, type StoreButtonProps, type StoreButtonSize, type StoreButtonTheme, type StorePlatform, type StyleVariant, type TabItem, Tabs, type TabsProps, Tag, type TagProps, type TagSize, type TextAction, TextActionCell, TextCell, type TextCellProps, Textarea, type TextareaProps, type TextareaResize, type ToastColor, type ToastContextValue, type ToastItem, ToastProvider, Toggle, type ToggleProps, Tooltip, type TooltipColor, type TooltipPlacement, type TooltipProps, TooltipTrigger, type TooltipTriggerProps, type UploadFile, cn, getFileExtColor, getFileExtLabel, useToast };
|
|
1518
|
+
export { type AccountDropdownItem, ActionDropdownCell, type ActionDropdownCellProps, ActionIconsCell, type ActionIconsCellProps, Alert, type AlertColor, type AlertIconStyle, type AlertLayout, type AlertProps, type AttachmentFileType, Avatar, AvatarCell, type AvatarCellProps, type AvatarColor, AvatarGroupCell, type AvatarGroupCellProps, type AvatarGroupItem, type AvatarProps, Badge, BadgeCell, type BadgeCellProps, type BadgeColor, BadgeGroup, type BadgeGroupColor, type BadgeGroupProps, type BadgeGroupSize, type BadgeItem, type BadgeProps, type BadgeSize, BadgesCell, BarChart, type BarChartProps, type BaseChartProps, type BaseComponentProps, Breadcrumb, type BreadcrumbItemData, type BreadcrumbProps, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CarouselArrow, type CarouselArrowColor, type CarouselArrowProps, type CarouselArrowSize, type ChartDataPoint, type ChartSeries, type ChartSize, ChatMessage, type ChatMessageProps, Checkbox, CheckboxCard, type CheckboxCardOption, type CheckboxCardProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CircularProgress, type CircularProgressProps, type CircularProgressSize, type CircularProgressVariant, type ColorVariant, type CountryCode, CountryFlag, type CountryFlagProps, type CountryFlagShape, type CountryFlagSize, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, type DatePickerValue, type DateRange, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DonutChart, type DonutChartProps, DropdownMenu, DropdownMenuAvatarHeader, type DropdownMenuAvatarHeaderProps, DropdownMenuHeader, type DropdownMenuHeaderProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, type EventColor, type FeatureIconColor, type FileType, FileTypeCell, type FileTypeCellProps, FileTypeIcon, type FileTypeIconProps, FileUpload, type FileUploadProps, type FileUploadStatus, type FileUploadVariant, type IndicatorColor, type IndicatorShape, type IndicatorSize, Input, type InputProps, type InputVariant, type LegendPosition, LineChart, type LineChartProps, MegaInput, type MegaInputProps, type MessageAttachment, MessageReaction, type MessageReactionProps, type MessageSide, type MessageType, Modal, type ModalAction, type ModalActionsLayout, type ModalAlign, type ModalAvatarGroupItem, type ModalCheckboxConfig, type ModalLayout, type ModalPosition, type ModalProps, type ModalSize, type ModalUserAvatar, PIXELPLAY_VERSION, Pagination, PaginationIndicator, type PaginationIndicatorProps, type PaginationPageShape, type PaginationProps, type PaginationVariant, ProgressBar, type ProgressBarProps, ProgressCell, type ProgressLabelPlacement, type ProgressSize, RadarChart, type RadarChartProps, RadialChart, type RadialChartProps, type RadiusVariant, RangeSlider, type RangeSliderProps, ScatterChart, type ScatterChartProps, type ScatterDataPoint, type ScatterSeries, Select, type SelectOption, type SelectProps, type SizeScale, type SliderLabelPlacement, SocialButton, type SocialButtonProps, type SocialButtonStyle, type SocialPlatform, SparklineChart, type SparklineChartProps, Spinner, type SpinnerProps, StoreButton, type StoreButtonProps, type StoreButtonSize, type StoreButtonTheme, type StorePlatform, type StyleVariant, type TabItem, Tabs, type TabsProps, Tag, type TagProps, type TagSize, type TextAction, TextActionCell, TextCell, type TextCellProps, Textarea, type TextareaProps, type TextareaResize, type ThemeTokens, type ToastColor, type ToastContextValue, type ToastItem, ToastProvider, Toggle, type ToggleProps, Tooltip, type TooltipColor, type TooltipPlacement, type TooltipProps, TooltipTrigger, type TooltipTriggerProps, type UploadFile, cn, darkTheme, generateThemeCSS, getFileExtColor, getFileExtLabel, lightTheme, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -1319,6 +1319,200 @@ declare function CountryFlag({ code, size, shape, className, }: CountryFlagProps
|
|
|
1319
1319
|
*/
|
|
1320
1320
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1321
1321
|
|
|
1322
|
+
/**
|
|
1323
|
+
* Theme tokens — semantic design tokens for the PixelPlay UI system.
|
|
1324
|
+
*
|
|
1325
|
+
* THIS FILE IS THE SINGLE SOURCE OF TRUTH FOR THEMING.
|
|
1326
|
+
* To swap the entire theme, replace `lightTheme` and `darkTheme` below with
|
|
1327
|
+
* a new palette. All CSS custom properties are generated from these objects
|
|
1328
|
+
* at runtime — no other file needs to change.
|
|
1329
|
+
*
|
|
1330
|
+
* Token names map 1-to-1 to CSS custom properties: `primary` → `--primary`.
|
|
1331
|
+
* Use them in components via `var(--primary)`, `var(--on-surface)`, etc.
|
|
1332
|
+
*/
|
|
1333
|
+
type ThemeTokens = {
|
|
1334
|
+
/** Main app background / base layer */
|
|
1335
|
+
surface: string;
|
|
1336
|
+
/** Sidebar or dimmed backgrounds */
|
|
1337
|
+
"surface-dim": string;
|
|
1338
|
+
/** High-emphasis background (modals, popovers) */
|
|
1339
|
+
"surface-bright": string;
|
|
1340
|
+
/** Cards — lowest elevation */
|
|
1341
|
+
"surface-container-lowest": string;
|
|
1342
|
+
/** Cards / Inset sections */
|
|
1343
|
+
"surface-container-low": string;
|
|
1344
|
+
/** Dashboard widgets / Main cards */
|
|
1345
|
+
"surface-container": string;
|
|
1346
|
+
/** Modals / Dialogs */
|
|
1347
|
+
"surface-container-high": string;
|
|
1348
|
+
/** Top App Bar / Focused elements */
|
|
1349
|
+
"surface-container-highest": string;
|
|
1350
|
+
/** Primary text / High-emphasis icons */
|
|
1351
|
+
"on-surface": string;
|
|
1352
|
+
/** Secondary text / Captions / Helper text */
|
|
1353
|
+
"on-surface-variant": string;
|
|
1354
|
+
/** Tooltip backgrounds / Snackbars */
|
|
1355
|
+
"inverse-surface": string;
|
|
1356
|
+
/** Tooltip text / Snackbar actions */
|
|
1357
|
+
"inverse-on-surface": string;
|
|
1358
|
+
/** Primary buttons / Active states */
|
|
1359
|
+
primary: string;
|
|
1360
|
+
/** Text on Primary buttons */
|
|
1361
|
+
"on-primary": string;
|
|
1362
|
+
/** Active menu item background */
|
|
1363
|
+
"primary-container": string;
|
|
1364
|
+
/** Text on active menu items */
|
|
1365
|
+
"on-primary-container": string;
|
|
1366
|
+
/** Inverse theme primary actions */
|
|
1367
|
+
"inverse-primary": string;
|
|
1368
|
+
/** Secondary buttons / Filter chips */
|
|
1369
|
+
secondary: string;
|
|
1370
|
+
/** Text on Secondary elements */
|
|
1371
|
+
"on-secondary": string;
|
|
1372
|
+
/** Selected toggle / chip background */
|
|
1373
|
+
"secondary-container": string;
|
|
1374
|
+
/** Text on selected toggle / chip */
|
|
1375
|
+
"on-secondary-container": string;
|
|
1376
|
+
/** Accent elements / Specific chart series */
|
|
1377
|
+
tertiary: string;
|
|
1378
|
+
/** Text on Tertiary elements */
|
|
1379
|
+
"on-tertiary": string;
|
|
1380
|
+
/** Highlighting specific dashboard metrics */
|
|
1381
|
+
"tertiary-container": string;
|
|
1382
|
+
/** Text on tertiary metric background */
|
|
1383
|
+
"on-tertiary-container": string;
|
|
1384
|
+
/** Input borders / Card strokes */
|
|
1385
|
+
outline: string;
|
|
1386
|
+
/** Dividers / Table row separators */
|
|
1387
|
+
"outline-variant": string;
|
|
1388
|
+
/** Modal / Drawer backdrop */
|
|
1389
|
+
scrim: string;
|
|
1390
|
+
/** Component elevation shadows */
|
|
1391
|
+
shadow: string;
|
|
1392
|
+
/** Destructive actions / Critical alerts */
|
|
1393
|
+
error: string;
|
|
1394
|
+
/** Text on error background */
|
|
1395
|
+
"on-error": string;
|
|
1396
|
+
/** Error banner / Failed state background */
|
|
1397
|
+
"error-container": string;
|
|
1398
|
+
/** Text on error container */
|
|
1399
|
+
"on-error-container": string;
|
|
1400
|
+
/** Positive trends / Healthy status */
|
|
1401
|
+
success: string;
|
|
1402
|
+
/** Text on success background */
|
|
1403
|
+
"on-success": string;
|
|
1404
|
+
/** Positive metric background */
|
|
1405
|
+
"success-container": string;
|
|
1406
|
+
/** Text on success container */
|
|
1407
|
+
"on-success-container": string;
|
|
1408
|
+
/** Cautionary alerts / Pending status */
|
|
1409
|
+
warning: string;
|
|
1410
|
+
/** Text on warning background */
|
|
1411
|
+
"on-warning": string;
|
|
1412
|
+
/** Warning metric background */
|
|
1413
|
+
"warning-container": string;
|
|
1414
|
+
/** Text on warning container */
|
|
1415
|
+
"on-warning-container": string;
|
|
1416
|
+
/** Informational callouts */
|
|
1417
|
+
info: string;
|
|
1418
|
+
/** Text on info background */
|
|
1419
|
+
"on-info": string;
|
|
1420
|
+
/** Info callout background */
|
|
1421
|
+
"info-container": string;
|
|
1422
|
+
/** Text on info container */
|
|
1423
|
+
"on-info-container": string;
|
|
1424
|
+
/** Applied color for elevation overlays */
|
|
1425
|
+
"surface-tint": string;
|
|
1426
|
+
/** Hover — 8 % opacity overlay */
|
|
1427
|
+
"state-hover": string;
|
|
1428
|
+
/** Focus — 12 % opacity overlay */
|
|
1429
|
+
"state-focus": string;
|
|
1430
|
+
/** Pressed — 12 % opacity overlay */
|
|
1431
|
+
"state-pressed": string;
|
|
1432
|
+
/** Dragged — 16 % opacity overlay */
|
|
1433
|
+
"state-dragged": string;
|
|
1434
|
+
/** Disabled — 38 % on-surface opacity */
|
|
1435
|
+
"state-disabled": string;
|
|
1436
|
+
/** Map regions, pie slices, progress bars — series 1 */
|
|
1437
|
+
"graphic-1": string;
|
|
1438
|
+
"graphic-2": string;
|
|
1439
|
+
"graphic-3": string;
|
|
1440
|
+
"graphic-4": string;
|
|
1441
|
+
"graphic-5": string;
|
|
1442
|
+
"graphic-6": string;
|
|
1443
|
+
"graphic-7": string;
|
|
1444
|
+
"graphic-8": string;
|
|
1445
|
+
"graphic-9": string;
|
|
1446
|
+
"graphic-10": string;
|
|
1447
|
+
/** Text / labels placed inside a graphic shape */
|
|
1448
|
+
"on-graphic": string;
|
|
1449
|
+
/** Light background tint — avatars, chips, tag backgrounds */
|
|
1450
|
+
"graphic-1-container": string;
|
|
1451
|
+
"graphic-2-container": string;
|
|
1452
|
+
"graphic-3-container": string;
|
|
1453
|
+
"graphic-4-container": string;
|
|
1454
|
+
"graphic-5-container": string;
|
|
1455
|
+
"graphic-6-container": string;
|
|
1456
|
+
"graphic-7-container": string;
|
|
1457
|
+
"graphic-8-container": string;
|
|
1458
|
+
"graphic-9-container": string;
|
|
1459
|
+
"graphic-10-container": string;
|
|
1460
|
+
/** Dark foreground text on the corresponding container */
|
|
1461
|
+
"on-graphic-1-container": string;
|
|
1462
|
+
"on-graphic-2-container": string;
|
|
1463
|
+
"on-graphic-3-container": string;
|
|
1464
|
+
"on-graphic-4-container": string;
|
|
1465
|
+
"on-graphic-5-container": string;
|
|
1466
|
+
"on-graphic-6-container": string;
|
|
1467
|
+
"on-graphic-7-container": string;
|
|
1468
|
+
"on-graphic-8-container": string;
|
|
1469
|
+
"on-graphic-9-container": string;
|
|
1470
|
+
"on-graphic-10-container": string;
|
|
1471
|
+
/** "Healthy" indicators — distinct from success buttons */
|
|
1472
|
+
"status-positive": string;
|
|
1473
|
+
/** "Attention required" — e.g. yellow node in a network map */
|
|
1474
|
+
"status-warning": string;
|
|
1475
|
+
/** "Critical failure" — e.g. red heat-map zone */
|
|
1476
|
+
"status-negative": string;
|
|
1477
|
+
/** "Inactive / Pending" — e.g. grayed-out map regions */
|
|
1478
|
+
"status-neutral": string;
|
|
1479
|
+
/** Empty background of a progress bar or radial gauge */
|
|
1480
|
+
"progress-track": string;
|
|
1481
|
+
/** Filled portion of a progress bar */
|
|
1482
|
+
"progress-indicator": string;
|
|
1483
|
+
/** Secondary loading / buffer indicator */
|
|
1484
|
+
"progress-buffer": string;
|
|
1485
|
+
/** Heatmap start — low value */
|
|
1486
|
+
"scale-low": string;
|
|
1487
|
+
/** Heatmap midpoint */
|
|
1488
|
+
"scale-medium": string;
|
|
1489
|
+
/** Heatmap end — high value */
|
|
1490
|
+
"scale-high": string;
|
|
1491
|
+
/** Borders for complex SVG shapes or map boundaries */
|
|
1492
|
+
"graphic-outline": string;
|
|
1493
|
+
/** Internal grid lines for tables or coordinate planes */
|
|
1494
|
+
"graphic-divider": string;
|
|
1495
|
+
/** Non-interactive text — axis labels, coordinates */
|
|
1496
|
+
"graphic-label": string;
|
|
1497
|
+
/** Data points, map pins, or node anchors */
|
|
1498
|
+
"graphic-marker": string;
|
|
1499
|
+
/** Highlight state for a hovered graphic element */
|
|
1500
|
+
"graphic-hover": string;
|
|
1501
|
+
/** Faded state for non-selected graphic elements */
|
|
1502
|
+
"graphic-muted": string;
|
|
1503
|
+
/** Lead lines connecting labels to specific graphic points */
|
|
1504
|
+
"annotation-line": string;
|
|
1505
|
+
};
|
|
1506
|
+
declare const lightTheme: ThemeTokens;
|
|
1507
|
+
declare const darkTheme: ThemeTokens;
|
|
1508
|
+
/**
|
|
1509
|
+
* Generates a `<style>` block with CSS custom properties for every design
|
|
1510
|
+
* theme × light/dark mode. The first theme (rosewood) is output as `:root` / `.dark`.
|
|
1511
|
+
* All themes also get `[data-design-theme="name"]` attribute selectors so they
|
|
1512
|
+
* can be activated by setting the attribute on the root element.
|
|
1513
|
+
*/
|
|
1514
|
+
declare function generateThemeCSS(): string;
|
|
1515
|
+
|
|
1322
1516
|
declare const PIXELPLAY_VERSION = "1.0.3";
|
|
1323
1517
|
|
|
1324
|
-
export { type AccountDropdownItem, ActionDropdownCell, type ActionDropdownCellProps, ActionIconsCell, type ActionIconsCellProps, Alert, type AlertColor, type AlertIconStyle, type AlertLayout, type AlertProps, type AttachmentFileType, Avatar, AvatarCell, type AvatarCellProps, type AvatarColor, AvatarGroupCell, type AvatarGroupCellProps, type AvatarGroupItem, type AvatarProps, Badge, BadgeCell, type BadgeCellProps, type BadgeColor, BadgeGroup, type BadgeGroupColor, type BadgeGroupProps, type BadgeGroupSize, type BadgeItem, type BadgeProps, type BadgeSize, BadgesCell, BarChart, type BarChartProps, type BaseChartProps, type BaseComponentProps, Breadcrumb, type BreadcrumbItemData, type BreadcrumbProps, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CarouselArrow, type CarouselArrowColor, type CarouselArrowProps, type CarouselArrowSize, type ChartDataPoint, type ChartSeries, type ChartSize, ChatMessage, type ChatMessageProps, Checkbox, CheckboxCard, type CheckboxCardOption, type CheckboxCardProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CircularProgress, type CircularProgressProps, type CircularProgressSize, type CircularProgressVariant, type ColorVariant, type CountryCode, CountryFlag, type CountryFlagProps, type CountryFlagShape, type CountryFlagSize, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, type DatePickerValue, type DateRange, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DonutChart, type DonutChartProps, DropdownMenu, DropdownMenuAvatarHeader, type DropdownMenuAvatarHeaderProps, DropdownMenuHeader, type DropdownMenuHeaderProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, type EventColor, type FeatureIconColor, type FileType, FileTypeCell, type FileTypeCellProps, FileTypeIcon, type FileTypeIconProps, FileUpload, type FileUploadProps, type FileUploadStatus, type FileUploadVariant, type IndicatorColor, type IndicatorShape, type IndicatorSize, Input, type InputProps, type InputVariant, type LegendPosition, LineChart, type LineChartProps, MegaInput, type MegaInputProps, type MessageAttachment, MessageReaction, type MessageReactionProps, type MessageSide, type MessageType, Modal, type ModalAction, type ModalActionsLayout, type ModalAlign, type ModalAvatarGroupItem, type ModalCheckboxConfig, type ModalLayout, type ModalPosition, type ModalProps, type ModalSize, type ModalUserAvatar, PIXELPLAY_VERSION, Pagination, PaginationIndicator, type PaginationIndicatorProps, type PaginationPageShape, type PaginationProps, type PaginationVariant, ProgressBar, type ProgressBarProps, ProgressCell, type ProgressLabelPlacement, type ProgressSize, RadarChart, type RadarChartProps, RadialChart, type RadialChartProps, type RadiusVariant, RangeSlider, type RangeSliderProps, ScatterChart, type ScatterChartProps, type ScatterDataPoint, type ScatterSeries, Select, type SelectOption, type SelectProps, type SizeScale, type SliderLabelPlacement, SocialButton, type SocialButtonProps, type SocialButtonStyle, type SocialPlatform, SparklineChart, type SparklineChartProps, Spinner, type SpinnerProps, StoreButton, type StoreButtonProps, type StoreButtonSize, type StoreButtonTheme, type StorePlatform, type StyleVariant, type TabItem, Tabs, type TabsProps, Tag, type TagProps, type TagSize, type TextAction, TextActionCell, TextCell, type TextCellProps, Textarea, type TextareaProps, type TextareaResize, type ToastColor, type ToastContextValue, type ToastItem, ToastProvider, Toggle, type ToggleProps, Tooltip, type TooltipColor, type TooltipPlacement, type TooltipProps, TooltipTrigger, type TooltipTriggerProps, type UploadFile, cn, getFileExtColor, getFileExtLabel, useToast };
|
|
1518
|
+
export { type AccountDropdownItem, ActionDropdownCell, type ActionDropdownCellProps, ActionIconsCell, type ActionIconsCellProps, Alert, type AlertColor, type AlertIconStyle, type AlertLayout, type AlertProps, type AttachmentFileType, Avatar, AvatarCell, type AvatarCellProps, type AvatarColor, AvatarGroupCell, type AvatarGroupCellProps, type AvatarGroupItem, type AvatarProps, Badge, BadgeCell, type BadgeCellProps, type BadgeColor, BadgeGroup, type BadgeGroupColor, type BadgeGroupProps, type BadgeGroupSize, type BadgeItem, type BadgeProps, type BadgeSize, BadgesCell, BarChart, type BarChartProps, type BaseChartProps, type BaseComponentProps, Breadcrumb, type BreadcrumbItemData, type BreadcrumbProps, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupItemProps, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CarouselArrow, type CarouselArrowColor, type CarouselArrowProps, type CarouselArrowSize, type ChartDataPoint, type ChartSeries, type ChartSize, ChatMessage, type ChatMessageProps, Checkbox, CheckboxCard, type CheckboxCardOption, type CheckboxCardProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CircularProgress, type CircularProgressProps, type CircularProgressSize, type CircularProgressVariant, type ColorVariant, type CountryCode, CountryFlag, type CountryFlagProps, type CountryFlagShape, type CountryFlagSize, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, type DatePickerValue, type DateRange, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DonutChart, type DonutChartProps, DropdownMenu, DropdownMenuAvatarHeader, type DropdownMenuAvatarHeaderProps, DropdownMenuHeader, type DropdownMenuHeaderProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, type EventColor, type FeatureIconColor, type FileType, FileTypeCell, type FileTypeCellProps, FileTypeIcon, type FileTypeIconProps, FileUpload, type FileUploadProps, type FileUploadStatus, type FileUploadVariant, type IndicatorColor, type IndicatorShape, type IndicatorSize, Input, type InputProps, type InputVariant, type LegendPosition, LineChart, type LineChartProps, MegaInput, type MegaInputProps, type MessageAttachment, MessageReaction, type MessageReactionProps, type MessageSide, type MessageType, Modal, type ModalAction, type ModalActionsLayout, type ModalAlign, type ModalAvatarGroupItem, type ModalCheckboxConfig, type ModalLayout, type ModalPosition, type ModalProps, type ModalSize, type ModalUserAvatar, PIXELPLAY_VERSION, Pagination, PaginationIndicator, type PaginationIndicatorProps, type PaginationPageShape, type PaginationProps, type PaginationVariant, ProgressBar, type ProgressBarProps, ProgressCell, type ProgressLabelPlacement, type ProgressSize, RadarChart, type RadarChartProps, RadialChart, type RadialChartProps, type RadiusVariant, RangeSlider, type RangeSliderProps, ScatterChart, type ScatterChartProps, type ScatterDataPoint, type ScatterSeries, Select, type SelectOption, type SelectProps, type SizeScale, type SliderLabelPlacement, SocialButton, type SocialButtonProps, type SocialButtonStyle, type SocialPlatform, SparklineChart, type SparklineChartProps, Spinner, type SpinnerProps, StoreButton, type StoreButtonProps, type StoreButtonSize, type StoreButtonTheme, type StorePlatform, type StyleVariant, type TabItem, Tabs, type TabsProps, Tag, type TagProps, type TagSize, type TextAction, TextActionCell, TextCell, type TextCellProps, Textarea, type TextareaProps, type TextareaResize, type ThemeTokens, type ToastColor, type ToastContextValue, type ToastItem, ToastProvider, Toggle, type ToggleProps, Tooltip, type TooltipColor, type TooltipPlacement, type TooltipProps, TooltipTrigger, type TooltipTriggerProps, type UploadFile, cn, darkTheme, generateThemeCSS, getFileExtColor, getFileExtLabel, lightTheme, useToast };
|