UNPKG

@octopusdeploy/design-system-components

Version:

The design systems component library.

github.com/OctopusDeploy/OctopusDeploy

OctopusDeploy/OctopusDeploy

47 lines (34 loc) • 2.36 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
# Deprecated Components Never use these in new code. Always use the listed replacement. ## design-system-components | Deprecated | Replacement | Notes | |---|---|---| | `DeprecatedDatePicker` | `DatePicker` | Deprecated 05/02/2026 | | `DeprecatedSvgIcon` | Icons from `@octopusdeploy/design-system-icons` | Deprecated 14/02/2025 | | `Modal` | `Dialog` | Deprecated 13/01/2026. `Modal` still accepts `className` — this is a sign it is the old component | | `LegacyCard` | Consult design | No direct replacement; discuss with design team | | `LegacyDataTable` (and all `LegacyDataTable*` sub-components) | `DataTable` | Full replacement available | | `LegacyListItemButton` | Do not use | Exists only to support a specific sidebar in Portal — not for general use | | `LegacyPopover` | `Popover` | — | | `Snackbar` | `InlineSnackbar` or `Notification` | Has deprecation comment at top of file | ## design-system-octopus-components | Deprecated | Replacement | Notes | |---|---|---| | `DeprecatedNumber` | `Form.NumberField` from design-system-components | Deprecated 17/11/2025 | | `DeprecatedSelect` | `Form.Select` from design-system-octopus-components | Class-based; do not use | | `DeprecatedNumberPicker` | `Form.NumberField` | — | | `ControlledTabsContainer` | `Tab` + `Tabs` from design-system-components | Deprecated 08/12/2025 | ## Deprecated props on otherwise current components Some current components have individual props marked `@deprecated`. Do not pass these props: - `IconButton` — `className` and `style` props are deprecated; do not pass them - `LegacyCard` — `className` and `contentClassName` are deprecated - `HeaderSecondary` — `titleBadge` prop deprecated - Various `Form` sub-components — check JSDoc for `@deprecated` markers on specific props ## Components not ready for general use These components exist in the codebase but should not be used in new features without first consulting the frontend foundations team. They are either actively being developed, require significant design involvement before adoption, or carry a migration burden: - `Carousel` — not yet ready for general use - `Chart` — verify with the team before adding new chart instances - `Spotlight` — confirm design intent before use When in doubt, search the codebase for existing usages and check with #team-frontend-foundations.