@moderneinc/design-system-components 6.0.0-next.02da4a

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.
Files changed (96) hide show
  1. package/README.md +76 -0
  2. package/dist/ActivityHeader/ActivityHeader.d.ts +58 -0
  3. package/dist/ActivityIndicatorCell/ActivityIndicatorCell.d.ts +65 -0
  4. package/dist/Alert/Alert.d.ts +54 -0
  5. package/dist/Badge/Badge.d.ts +40 -0
  6. package/dist/Banner/Banner.d.ts +52 -0
  7. package/dist/Breadcrumbs/Breadcrumbs.d.ts +53 -0
  8. package/dist/Button/Button.d.ts +56 -0
  9. package/dist/ButtonTab/ButtonTab.d.ts +16 -0
  10. package/dist/ButtonTabGroup/ButtonTabGroup.d.ts +31 -0
  11. package/dist/CanceledIcon/CanceledIcon.d.ts +11 -0
  12. package/dist/Card/Card.d.ts +32 -0
  13. package/dist/Checkbox/Checkbox.d.ts +78 -0
  14. package/dist/CheckboxWithText/CheckboxWithText.d.ts +32 -0
  15. package/dist/CodeSnippet/CodeSnippet.d.ts +38 -0
  16. package/dist/DataGrid/DataGrid.d.ts +58 -0
  17. package/dist/DataGrid/DataGrid.styles.d.ts +14 -0
  18. package/dist/DataGridCell/DataGridCell.d.ts +120 -0
  19. package/dist/DataGridColumnsButton/DataGridColumnsButton.d.ts +15 -0
  20. package/dist/DataGridColumnsPanel/DataGridColumnsPanel.d.ts +31 -0
  21. package/dist/DataGridFilterPanel/DataGridFilterPanel.d.ts +55 -0
  22. package/dist/DataGridFiltersButton/DataGridFiltersButton.d.ts +16 -0
  23. package/dist/DataGridHeaderCell/DataGridHeaderCell.d.ts +8 -0
  24. package/dist/DataGridHeaderLabel/DataGridHeaderLabel.d.ts +17 -0
  25. package/dist/DatePicker/DatePicker.d.ts +97 -0
  26. package/dist/DatePickerListItem/DatePickerListItem.d.ts +4 -0
  27. package/dist/DatePickerMenu/DatePickerMenu.d.ts +4 -0
  28. package/dist/DateTimeCell/DateTimeCell.d.ts +17 -0
  29. package/dist/Divider/Divider.d.ts +30 -0
  30. package/dist/Dot/Dot.d.ts +36 -0
  31. package/dist/DownloadToast/DownloadToast.d.ts +45 -0
  32. package/dist/DropdownInputField/DropdownInputField.d.ts +17 -0
  33. package/dist/EmptyState/EmptyState.d.ts +17 -0
  34. package/dist/FilledStatusIcons/FilledStatusIcons.d.ts +41 -0
  35. package/dist/FilterChip/FilterChip.d.ts +40 -0
  36. package/dist/Footer/Footer.d.ts +111 -0
  37. package/dist/GeneralAvatar/GeneralAvatar.d.ts +23 -0
  38. package/dist/IconButton/IconButton.d.ts +42 -0
  39. package/dist/IconWrapper/IconWrapper.d.ts +20 -0
  40. package/dist/InfiniteScrollGrid/InfiniteScrollGrid.d.ts +44 -0
  41. package/dist/InputField/InputField.d.ts +65 -0
  42. package/dist/LinkCell/LinkCell.d.ts +17 -0
  43. package/dist/ListItem/ListItem.d.ts +71 -0
  44. package/dist/ListItemButton/ListItemButton.d.ts +64 -0
  45. package/dist/LoadingSpinner/LoadingSpinner.d.ts +28 -0
  46. package/dist/Menu/Menu.d.ts +30 -0
  47. package/dist/MenuItem/MenuItem.d.ts +69 -0
  48. package/dist/ModActionsCell/ModActionsCell.d.ts +9 -0
  49. package/dist/ModAvatarCell/ModAvatarCell.d.ts +24 -0
  50. package/dist/ModIconCell/ModIconCell.d.ts +13 -0
  51. package/dist/ModLogoCell/ModLogoCell.d.ts +23 -0
  52. package/dist/ModProgressCell/ModProgressCell.d.ts +20 -0
  53. package/dist/ModStatusCell/ModStatusCell.d.ts +29 -0
  54. package/dist/Modal/Modal.d.ts +106 -0
  55. package/dist/NavIconButton/NavIconButton.d.ts +17 -0
  56. package/dist/NavigationAvatar/NavigationAvatar.d.ts +13 -0
  57. package/dist/NavigationItem/NavigationItem.d.ts +55 -0
  58. package/dist/PageContent/PageContent.d.ts +150 -0
  59. package/dist/PaginatedGrid/PaginatedGrid.d.ts +32 -0
  60. package/dist/ProgressSpinner/ProgressSpinner.d.ts +17 -0
  61. package/dist/Progressbar/Progressbar.d.ts +35 -0
  62. package/dist/QuickFilter/QuickFilter.d.ts +42 -0
  63. package/dist/Radio/Radio.d.ts +59 -0
  64. package/dist/RadioButtonWithText/RadioButtonWithText.d.ts +4 -0
  65. package/dist/RipplingDot/RipplingDot.d.ts +12 -0
  66. package/dist/SearchChip/SearchChip.d.ts +17 -0
  67. package/dist/Select/Select.d.ts +24 -0
  68. package/dist/SelectField/SelectField.d.ts +64 -0
  69. package/dist/SideNav/ModSideNavContext.d.ts +5 -0
  70. package/dist/SideNav/SideNav.d.ts +33 -0
  71. package/dist/Skeleton/Skeleton.d.ts +29 -0
  72. package/dist/TabPanel/TabPanel.d.ts +47 -0
  73. package/dist/Table/Table.d.ts +64 -0
  74. package/dist/Tabs/Tabs.d.ts +28 -0
  75. package/dist/Tag/Tag.d.ts +51 -0
  76. package/dist/Toast/Toast.d.ts +66 -0
  77. package/dist/Toggle/Toggle.d.ts +52 -0
  78. package/dist/ToggleButton/ToggleButton.d.ts +34 -0
  79. package/dist/ToggleButtonGroup/ToggleButtonGroup.d.ts +33 -0
  80. package/dist/ToggleButtonWithText/ToggleButtonWithText.d.ts +4 -0
  81. package/dist/Toolbar/Toolbar.d.ts +51 -0
  82. package/dist/Tooltip/Tooltip.d.ts +46 -0
  83. package/dist/TopNav/TopNav.d.ts +4 -0
  84. package/dist/TourModal/TourModal.d.ts +4 -0
  85. package/dist/Tree/Tree.d.ts +38 -0
  86. package/dist/TypologyControl/TypologyControl.d.ts +19 -0
  87. package/dist/VibratingDot/VibratingDot.d.ts +12 -0
  88. package/dist/index.d.ts +3147 -0
  89. package/dist/index.esm.js +7414 -0
  90. package/dist/index.esm.js.map +1 -0
  91. package/dist/index.js +7527 -0
  92. package/dist/index.js.map +1 -0
  93. package/dist/utils/colorHelpers.d.ts +7 -0
  94. package/dist/utils/focusRing.d.ts +10 -0
  95. package/dist/utils/muiProps.d.ts +1 -0
  96. package/package.json +100 -0
@@ -0,0 +1,7 @@
1
+ export type AvatarColorIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7;
2
+ /**
3
+ * Deterministically derives an avatar color index (1-7) from a string seed,
4
+ * selecting one of the avatar.initials semantic token triplets
5
+ * (text/background/border) defined in Figma.
6
+ */
7
+ export declare const avatarIndexFromSeed: (seed: string | null | undefined) => AvatarColorIndex | undefined;
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Outline-based focus ring styles derived from design system border tokens.
3
+ * Uses CSS outline (not box-shadow) so focus rings are never clipped by overflow:hidden.
4
+ *
5
+ * Produces a double-ring effect: a white inner gap (via outline-offset) and a colored outer ring.
6
+ */
7
+ export declare const focusRingStyles: {
8
+ readonly outline: "2px solid var(--mod-border-focus)";
9
+ readonly outlineOffset: "2px";
10
+ };
@@ -0,0 +1 @@
1
+ export declare const isMuiInternalProp: (prop: PropertyKey) => boolean;
package/package.json ADDED
@@ -0,0 +1,100 @@
1
+ {
2
+ "name": "@moderneinc/design-system-components",
3
+ "version": "6.0.0-next.02da4a",
4
+ "type": "module",
5
+ "description": "Styled MUI components for Moderne applications",
6
+ "main": "dist/index.js",
7
+ "module": "dist/index.esm.js",
8
+ "types": "dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "types": "./dist/index.d.ts",
12
+ "import": "./dist/index.esm.js",
13
+ "require": "./dist/index.js"
14
+ },
15
+ "./package.json": "./package.json"
16
+ },
17
+ "files": [
18
+ "dist"
19
+ ],
20
+ "scripts": {
21
+ "clean": "rm -rf dist/*",
22
+ "prebuild": "npm run clean",
23
+ "build": "mkdir -p dist && rollup -c",
24
+ "dev": "mkdir -p dist && rollup -c --watch",
25
+ "scaffold": "node scripts/scaffold-component.js",
26
+ "test": "vitest",
27
+ "test:run": "vitest run",
28
+ "typecheck": "tsc --noEmit",
29
+ "format": "biome format --write src",
30
+ "lint": "biome check src",
31
+ "lint:fix": "biome check --write src",
32
+ "check:all": "npm run format && npm run lint:fix && npm run typecheck"
33
+ },
34
+ "keywords": [
35
+ "design-system",
36
+ "mui",
37
+ "react",
38
+ "styled-components",
39
+ "moderne"
40
+ ],
41
+ "author": "Moderne",
42
+ "license": "UNLICENSED",
43
+ "homepage": "https://github.com/moderneinc/design-system#readme",
44
+ "repository": {
45
+ "type": "git",
46
+ "url": "git+https://github.com/moderneinc/design-system.git"
47
+ },
48
+ "dependencies": {
49
+ "@moderneinc/design-system-tokens": "6.0.0-next.02da4a",
50
+ "lucide-react": "1.28.0"
51
+ },
52
+ "sideEffects": false,
53
+ "peerDependencies": {
54
+ "@mui/material": "^9.2.0",
55
+ "@mui/x-data-grid": "^9.10.0",
56
+ "@mui/x-data-grid-pro": "^9.10.0",
57
+ "@mui/x-date-pickers": "^9.10.0",
58
+ "@mui/x-date-pickers-pro": "^9.10.0",
59
+ "@mui/x-tree-view-pro": "^9.10.0",
60
+ "date-fns": "4.4.0",
61
+ "react": "^18.0.0 || ^19.0.0"
62
+ },
63
+ "peerDependenciesMeta": {
64
+ "@mui/x-data-grid": {
65
+ "optional": true
66
+ },
67
+ "@mui/x-data-grid-pro": {
68
+ "optional": true
69
+ },
70
+ "@mui/x-date-pickers": {
71
+ "optional": true
72
+ },
73
+ "@mui/x-date-pickers-pro": {
74
+ "optional": true
75
+ },
76
+ "@mui/x-tree-view-pro": {
77
+ "optional": true
78
+ },
79
+ "date-fns": {
80
+ "optional": true
81
+ }
82
+ },
83
+ "devDependencies": {
84
+ "@rollup/plugin-node-resolve": "16.0.3",
85
+ "@rollup/plugin-typescript": "12.3.0",
86
+ "@semantic-release/commit-analyzer": "13.0.1",
87
+ "@semantic-release/github": "12.0.2",
88
+ "@semantic-release/npm": "13.1.3",
89
+ "@semantic-release/release-notes-generator": "14.1.0",
90
+ "@types/node": "26.1.0",
91
+ "@types/react": "^19.2.7",
92
+ "conventional-changelog-conventionalcommits": "10.2.0",
93
+ "mustache": "4.2.0",
94
+ "rollup": "4.62.2",
95
+ "rollup-plugin-dts": "6.4.0",
96
+ "semantic-release": "25.0.2",
97
+ "tslib": "2.8.1",
98
+ "typescript": "6.0.2"
99
+ }
100
+ }