@equinor/eds-core-react 0.43.0 → 0.44.0

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 (39) hide show
  1. package/dist/eds-core-react.cjs +53 -3
  2. package/dist/esm/components/Accordion/index.js +1 -1
  3. package/dist/esm/components/Banner/index.js +1 -1
  4. package/dist/esm/components/Breadcrumbs/index.js +1 -1
  5. package/dist/esm/components/Button/index.js +1 -1
  6. package/dist/esm/components/Card/index.js +1 -1
  7. package/dist/esm/components/Dialog/index.js +1 -1
  8. package/dist/esm/components/List/index.js +1 -1
  9. package/dist/esm/components/Menu/Menu.context.js +1 -1
  10. package/dist/esm/components/Menu/index.js +1 -1
  11. package/dist/esm/components/Popover/index.js +1 -1
  12. package/dist/esm/components/SideBar/index.js +1 -1
  13. package/dist/esm/components/SideSheet/SideSheet.js +1 -1
  14. package/dist/esm/components/Snackbar/index.js +1 -1
  15. package/dist/esm/components/Table/index.js +1 -1
  16. package/dist/esm/components/TableOfContents/index.js +1 -1
  17. package/dist/esm/components/Tabs/index.js +1 -1
  18. package/dist/esm/components/TextField/TextField.js +2 -1
  19. package/dist/esm/components/Tooltip/Tooltip.js +1 -1
  20. package/dist/esm/components/TopBar/index.js +1 -1
  21. package/dist/esm/index.js +49 -0
  22. package/dist/types/components/Accordion/index.d.ts +1 -1
  23. package/dist/types/components/Banner/index.d.ts +1 -1
  24. package/dist/types/components/Breadcrumbs/index.d.ts +1 -1
  25. package/dist/types/components/Button/index.d.ts +1 -1
  26. package/dist/types/components/Card/index.d.ts +1 -1
  27. package/dist/types/components/Dialog/index.d.ts +1 -1
  28. package/dist/types/components/List/index.d.ts +1 -1
  29. package/dist/types/components/Menu/index.d.ts +1 -1
  30. package/dist/types/components/Popover/index.d.ts +1 -1
  31. package/dist/types/components/SideBar/index.d.ts +1 -1
  32. package/dist/types/components/Snackbar/index.d.ts +1 -1
  33. package/dist/types/components/Table/index.d.ts +13 -13
  34. package/dist/types/components/TableOfContents/index.d.ts +3 -3
  35. package/dist/types/components/Tabs/index.d.ts +1 -1
  36. package/dist/types/components/TextField/TextField.d.ts +2 -2
  37. package/dist/types/components/Tooltip/Tooltip.d.ts +5 -5
  38. package/dist/types/components/TopBar/index.d.ts +7 -7
  39. package/package.json +4 -4
@@ -1156,10 +1156,10 @@ const Tooltip$2 = /*#__PURE__*/react.forwardRef(function Tooltip({
1156
1156
  }, ref) {
1157
1157
  const arrowRef = react.useRef(null);
1158
1158
  const [open, setOpen] = react.useState(false);
1159
- const shouldOpen = title !== '' && typeof document !== 'undefined';
1160
1159
  const {
1161
1160
  rootElement
1162
1161
  } = useEds();
1162
+ const shouldOpen = Boolean(title) && typeof document !== 'undefined';
1163
1163
  const {
1164
1164
  x,
1165
1165
  y,
@@ -3012,7 +3012,7 @@ const Field = /*#__PURE__*/react.forwardRef(function Field(props, ref) {
3012
3012
  });
3013
3013
  });
3014
3014
  const TextField = /*#__PURE__*/react.forwardRef(function TextField({
3015
- id,
3015
+ id: _id,
3016
3016
  label,
3017
3017
  meta,
3018
3018
  unit,
@@ -3030,6 +3030,7 @@ const TextField = /*#__PURE__*/react.forwardRef(function TextField({
3030
3030
  inputRef,
3031
3031
  ...other
3032
3032
  }, ref) {
3033
+ const id = edsUtils.useId(_id, 'input');
3033
3034
  const helperTextId = edsUtils.useId(null, 'helpertext');
3034
3035
  const hasRightAdornments = Boolean(unit || inputIcon);
3035
3036
  let fieldProps = {
@@ -5105,7 +5106,7 @@ const StyledSideSheet = styled__default.default.div.withConfig({
5105
5106
  const Header$1 = styled__default.default.div.withConfig({
5106
5107
  displayName: "SideSheet__Header",
5107
5108
  componentId: "sc-wkzlnn-1"
5108
- })(["display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding-bottom:24px;padding-right:10px;& > button{margin-left:auto;}"]);
5109
+ })(["display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding-bottom:24px;padding-right:10px;& > button{margin-left:auto;flex-shrink:0;}"]);
5109
5110
  const SideSheet = /*#__PURE__*/react.forwardRef(function SideSheet({
5110
5111
  variant = 'medium',
5111
5112
  width,
@@ -12432,18 +12433,37 @@ const DateRangePicker = /*#__PURE__*/react.forwardRef(({
12432
12433
  DateRangePicker.displayName = 'DateRangePicker';
12433
12434
 
12434
12435
  exports.Accordion = Accordion;
12436
+ exports.AccordionHeader = AccordionHeader$1;
12437
+ exports.AccordionHeaderActions = AccordionHeaderActions;
12438
+ exports.AccordionHeaderTitle = AccordionHeaderTitle;
12439
+ exports.AccordionItem = AccordionItem;
12440
+ exports.AccordionPanel = AccordionPanel;
12435
12441
  exports.Autocomplete = Autocomplete;
12436
12442
  exports.Avatar = Avatar;
12437
12443
  exports.Banner = Banner;
12444
+ exports.BannerActions = BannerActions;
12445
+ exports.BannerIcon = BannerIcon;
12446
+ exports.BannerMessage = BannerMessage;
12447
+ exports.Breadcrumb = Breadcrumb;
12438
12448
  exports.Breadcrumbs = Breadcrumbs;
12439
12449
  exports.Button = Button$1;
12450
+ exports.ButtonGroup = ButtonGroup;
12440
12451
  exports.Card = Card;
12452
+ exports.CardActions = CardActions;
12453
+ exports.CardContent = CardContent;
12454
+ exports.CardHeader = CardHeader;
12455
+ exports.CardHeaderTitle = CardHeaderTitle;
12456
+ exports.CardMedia = CardMedia;
12441
12457
  exports.Checkbox = Checkbox;
12442
12458
  exports.Chip = Chip;
12443
12459
  exports.CircularProgress = CircularProgress;
12444
12460
  exports.DatePicker = DatePicker;
12445
12461
  exports.DateRangePicker = DateRangePicker;
12446
12462
  exports.Dialog = Dialog;
12463
+ exports.DialogActions = DialogActions;
12464
+ exports.DialogContent = DialogContent;
12465
+ exports.DialogHeader = DialogHeader;
12466
+ exports.DialogTitle = DialogTitle;
12447
12467
  exports.Divider = Divider;
12448
12468
  exports.DotProgress = DotProgress;
12449
12469
  exports.EdsProvider = EdsProvider;
@@ -12453,27 +12473,57 @@ exports.InputWrapper = InputWrapper$2;
12453
12473
  exports.Label = Label$3;
12454
12474
  exports.LinearProgress = LinearProgress;
12455
12475
  exports.List = List$1;
12476
+ exports.ListItem = ListItem$2;
12456
12477
  exports.Menu = Menu;
12478
+ exports.MenuItem = MenuItem$1;
12479
+ exports.MenuSection = MenuSection;
12457
12480
  exports.NativeSelect = NativeSelect;
12458
12481
  exports.Pagination = Pagination;
12459
12482
  exports.Paper = Paper;
12460
12483
  exports.Popover = Popover;
12484
+ exports.PopoverActions = PopoverActions;
12485
+ exports.PopoverContent = PopoverContent;
12486
+ exports.PopoverHeader = PopoverHeader;
12487
+ exports.PopoverTitle = PopoverTitle;
12461
12488
  exports.Progress = Progress;
12462
12489
  exports.Radio = Radio;
12463
12490
  exports.Scrim = Scrim;
12464
12491
  exports.Search = Search;
12465
12492
  exports.SideBar = SideBar;
12493
+ exports.SideBarAccordion = SideBarAccordion;
12494
+ exports.SideBarAccordionItem = SideBarAccordionItem;
12495
+ exports.SideBarButton = SideBarButton;
12496
+ exports.SideBarContent = SideBarContent;
12497
+ exports.SideBarFooter = SideBarFooter;
12498
+ exports.SideBarToggle = SideBarToggle;
12466
12499
  exports.SideSheet = SideSheet;
12500
+ exports.SidebarLink = SidebarLink;
12467
12501
  exports.Slider = Slider;
12468
12502
  exports.Snackbar = Snackbar;
12503
+ exports.SnackbarAction = SnackbarAction;
12469
12504
  exports.StarProgress = StarProgress;
12470
12505
  exports.Switch = Switch;
12506
+ exports.Tab = Tab;
12507
+ exports.TabList = TabList;
12508
+ exports.TabPanel = TabPanel;
12509
+ exports.TabPanels = TabPanels;
12471
12510
  exports.Table = Table;
12511
+ exports.TableBody = Body;
12512
+ exports.TableCaption = Caption;
12513
+ exports.TableCell = Cell;
12514
+ exports.TableFoot = Foot;
12515
+ exports.TableHead = Head;
12472
12516
  exports.TableOfContents = TableOfContents;
12517
+ exports.TableOfContentsLinkItem = LinkItem;
12473
12518
  exports.Tabs = Tabs;
12474
12519
  exports.TextField = TextField;
12520
+ exports.ToggleButton = ToggleButton;
12475
12521
  exports.Tooltip = Tooltip$2;
12476
12522
  exports.TopBar = TopBar;
12523
+ exports.TopbarActions = Actions;
12524
+ exports.TopbarCustomContent = CustomContent;
12525
+ exports.TopbarHeader = Header$2;
12477
12526
  exports.Typography = Typography;
12527
+ exports.tableRow = Row;
12478
12528
  exports.useEds = useEds;
12479
12529
  exports.useSideBar = useSideBar;
@@ -17,4 +17,4 @@ Accordion.HeaderTitle.displayName = 'Accordion.HeaderTitle';
17
17
  Accordion.HeaderActions.displayName = 'Accordion.HeaderActions';
18
18
  Accordion.Panel.displayName = 'Accordion.Panel';
19
19
 
20
- export { Accordion };
20
+ export { Accordion, AccordionHeader, AccordionHeaderActions, AccordionHeaderTitle, AccordionItem, AccordionPanel };
@@ -11,4 +11,4 @@ Banner.Icon.displayName = 'Banner.Icon';
11
11
  Banner.Message.displayName = 'Banner.Message';
12
12
  Banner.Actions.displayName = 'Banner.Actions';
13
13
 
14
- export { Banner };
14
+ export { Banner, BannerActions, BannerIcon, BannerMessage };
@@ -5,4 +5,4 @@ const Breadcrumbs = Breadcrumbs$1;
5
5
  Breadcrumbs.Breadcrumb = Breadcrumb;
6
6
  Breadcrumbs.Breadcrumb.displayName = 'Breadcrumbs.Breadcrumb';
7
7
 
8
- export { Breadcrumbs };
8
+ export { Breadcrumb, Breadcrumbs };
@@ -8,4 +8,4 @@ Button.Toggle = ToggleButton;
8
8
  Button.Group.displayName = 'Button.Group';
9
9
  Button.Toggle.displayName = 'Button.Toggle';
10
10
 
11
- export { Button };
11
+ export { Button, ButtonGroup, ToggleButton };
@@ -17,4 +17,4 @@ Card.Header.displayName = 'Card.Header';
17
17
  Card.Media.displayName = 'Card.Media';
18
18
  Card.HeaderTitle.displayName = 'Card.HeaderTitle';
19
19
 
20
- export { Card };
20
+ export { Card, CardActions, CardContent, CardHeader, CardHeaderTitle, CardMedia };
@@ -15,4 +15,4 @@ Dialog.Title.displayName = 'Dialog.Title';
15
15
  Dialog.Content.displayName = 'Dialog.Content';
16
16
  Dialog.Header.displayName = 'Dialog.Header';
17
17
 
18
- export { Dialog };
18
+ export { Dialog, DialogActions, DialogContent, DialogHeader, DialogTitle };
@@ -5,4 +5,4 @@ const List = List$1;
5
5
  List.Item = ListItem;
6
6
  List.Item.displayName = 'List.Item';
7
7
 
8
- export { List };
8
+ export { List, ListItem };
@@ -1,4 +1,4 @@
1
- import { useState, useContext, createContext } from 'react';
1
+ import { useContext, createContext, useState } from 'react';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
 
4
4
  const initalState = {
@@ -8,4 +8,4 @@ Menu.Section = MenuSection;
8
8
  Menu.Item.displayName = 'Menu.Item';
9
9
  Menu.Section.displayName = 'Menu.Section';
10
10
 
11
- export { Menu };
11
+ export { Menu, MenuItem, MenuSection };
@@ -14,4 +14,4 @@ Popover.Content.displayName = 'Popover.Content';
14
14
  Popover.Header.displayName = 'Popover.Header';
15
15
  Popover.Actions.displayName = 'Popover.Actions';
16
16
 
17
- export { Popover };
17
+ export { Popover, PopoverActions, PopoverContent, PopoverHeader, PopoverTitle };
@@ -23,4 +23,4 @@ SideBar.Button.displayName = 'SideBar.Button';
23
23
  SideBar.Accordion.displayName = 'SideBar.Accordion';
24
24
  SideBar.AccordionItem.displayName = 'SideBar.AccordionItem';
25
25
 
26
- export { SideBar };
26
+ export { SideBar, SideBarAccordion, SideBarAccordionItem, SideBarButton, SideBarContent, SideBarFooter, SideBarToggle, SidebarLink };
@@ -23,7 +23,7 @@ const StyledSideSheet = styled.div.withConfig({
23
23
  const Header = styled.div.withConfig({
24
24
  displayName: "SideSheet__Header",
25
25
  componentId: "sc-wkzlnn-1"
26
- })(["display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding-bottom:24px;padding-right:10px;& > button{margin-left:auto;}"]);
26
+ })(["display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding-bottom:24px;padding-right:10px;& > button{margin-left:auto;flex-shrink:0;}"]);
27
27
  const SideSheet = /*#__PURE__*/forwardRef(function SideSheet({
28
28
  variant = 'medium',
29
29
  width,
@@ -4,4 +4,4 @@ import { Snackbar as Snackbar$1 } from './Snackbar.js';
4
4
  const Snackbar = Snackbar$1;
5
5
  Snackbar.Action = SnackbarAction;
6
6
 
7
- export { Snackbar };
7
+ export { Snackbar, SnackbarAction };
@@ -20,4 +20,4 @@ Table.Foot.displayName = 'Table.Foot';
20
20
  Table.Row.displayName = 'Table.Row';
21
21
  Table.Caption.displayName = 'Table.Caption';
22
22
 
23
- export { Table };
23
+ export { Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Foot as TableFoot, Head as TableHead, Row as tableRow };
@@ -5,4 +5,4 @@ const TableOfContents = TableOfContents$1;
5
5
  TableOfContents.LinkItem = LinkItem;
6
6
  TableOfContents.LinkItem.displayName = 'TableOfContents.LinkItem';
7
7
 
8
- export { TableOfContents };
8
+ export { TableOfContents, LinkItem as TableOfContentsLinkItem };
@@ -14,4 +14,4 @@ Tabs.Panels.displayName = 'Tabs.Panels';
14
14
  Tabs.Panel.displayName = 'Tabs.Panel';
15
15
  Tabs.List.displayName = 'Tabs.List';
16
16
 
17
- export { Tabs };
17
+ export { Tab, TabList, TabPanel, TabPanels, Tabs };
@@ -16,7 +16,7 @@ const Field = /*#__PURE__*/forwardRef(function Field(props, ref) {
16
16
  });
17
17
  });
18
18
  const TextField = /*#__PURE__*/forwardRef(function TextField({
19
- id,
19
+ id: _id,
20
20
  label,
21
21
  meta,
22
22
  unit,
@@ -34,6 +34,7 @@ const TextField = /*#__PURE__*/forwardRef(function TextField({
34
34
  inputRef,
35
35
  ...other
36
36
  }, ref) {
37
+ const id = useId(_id, 'input');
37
38
  const helperTextId = useId(null, 'helpertext');
38
39
  const hasRightAdornments = Boolean(unit || inputIcon);
39
40
  let fieldProps = {
@@ -32,10 +32,10 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
32
32
  }, ref) {
33
33
  const arrowRef = useRef(null);
34
34
  const [open, setOpen] = useState(false);
35
- const shouldOpen = title !== '' && typeof document !== 'undefined';
36
35
  const {
37
36
  rootElement
38
37
  } = useEds();
38
+ const shouldOpen = Boolean(title) && typeof document !== 'undefined';
39
39
  const {
40
40
  x,
41
41
  y,
@@ -11,4 +11,4 @@ TopBar.Actions.displayName = 'Topbar.Actions';
11
11
  TopBar.Header.displayName = 'Topbar.Header';
12
12
  TopBar.CustomContent.displayName = 'Topbar.CustomContent';
13
13
 
14
- export { TopBar };
14
+ export { TopBar, Actions as TopbarActions, CustomContent as TopbarCustomContent, Header as TopbarHeader };
package/dist/esm/index.js CHANGED
@@ -16,20 +16,62 @@ export { Progress } from './components/Progress/index.js';
16
16
  export { Breadcrumbs } from './components/Breadcrumbs/index.js';
17
17
  export { Menu } from './components/Menu/index.js';
18
18
  export { SideBar } from './components/SideBar/index.js';
19
+ export { ButtonGroup } from './components/Button/ButtonGroup/ButtonGroup.js';
20
+ export { ToggleButton } from './components/Button/ToggleButton/ToggleButton.js';
19
21
  export { Typography } from './components/Typography/Typography.js';
22
+ export { Body as TableBody } from './components/Table/Body.js';
23
+ export { Cell as TableCell } from './components/Table/Cell.js';
24
+ export { Head as TableHead } from './components/Table/Head/Head.js';
25
+ export { Foot as TableFoot } from './components/Table/Foot/Foot.js';
26
+ export { Row as tableRow } from './components/Table/Row/Row.js';
27
+ export { Caption as TableCaption } from './components/Table/Caption.js';
20
28
  export { Divider } from './components/Divider/Divider.js';
21
29
  export { TextField } from './components/TextField/TextField.js';
30
+ export { ListItem } from './components/List/ListItem.js';
31
+ export { AccordionItem } from './components/Accordion/AccordionItem.js';
32
+ export { AccordionHeader } from './components/Accordion/AccordionHeader.js';
33
+ export { AccordionHeaderTitle } from './components/Accordion/AccordionHeaderTitle.js';
34
+ export { AccordionHeaderActions } from './components/Accordion/AccordionHeaderActions.js';
35
+ export { AccordionPanel } from './components/Accordion/AccordionPanel.js';
36
+ export { Tab } from './components/Tabs/Tab.js';
37
+ export { TabPanels } from './components/Tabs/TabPanels.js';
38
+ export { TabPanel } from './components/Tabs/TabPanel.js';
39
+ export { TabList } from './components/Tabs/TabList.js';
40
+ export { CardActions } from './components/Card/CardActions.js';
41
+ export { CardContent } from './components/Card/CardContent.js';
42
+ export { CardHeader } from './components/Card/CardHeader.js';
43
+ export { CardMedia } from './components/Card/CardMedia.js';
44
+ export { CardHeaderTitle } from './components/Card/CardHeaderTitle.js';
45
+ export { Actions as TopbarActions } from './components/TopBar/Actions.js';
46
+ export { Header as TopbarHeader } from './components/TopBar/Header.js';
47
+ export { CustomContent as TopbarCustomContent } from './components/TopBar/CustomContent.js';
48
+ export { DialogActions } from './components/Dialog/DialogActions.js';
49
+ export { DialogTitle } from './components/Dialog/DialogTitle.js';
50
+ export { DialogContent } from './components/Dialog/DialogContent.js';
51
+ export { DialogHeader } from './components/Dialog/DialogHeader.js';
22
52
  export { Scrim } from './components/Scrim/Scrim.js';
53
+ export { LinkItem as TableOfContentsLinkItem } from './components/TableOfContents/LinkItem.js';
23
54
  export { SideSheet } from './components/SideSheet/SideSheet.js';
24
55
  export { Chip } from './components/Chip/Chip.js';
25
56
  export { Avatar } from './components/Avatar/Avatar.js';
26
57
  export { Search } from './components/Search/Search.js';
27
58
  export { Slider } from './components/Slider/Slider.js';
28
59
  export { Tooltip } from './components/Tooltip/Tooltip.js';
60
+ export { SnackbarAction } from './components/Snackbar/SnackbarAction.js';
61
+ export { PopoverTitle } from './components/Popover/PopoverTitle.js';
62
+ export { PopoverContent } from './components/Popover/PopoverContent.js';
63
+ export { PopoverHeader } from './components/Popover/PopoverHeader.js';
64
+ export { PopoverActions } from './components/Popover/PopoverActions.js';
65
+ export { BannerIcon } from './components/Banner/BannerIcon.js';
66
+ export { BannerMessage } from './components/Banner/BannerMessage.js';
67
+ export { BannerActions } from './components/Banner/BannerActions.js';
29
68
  export { LinearProgress } from './components/Progress/Linear/LinearProgress.js';
30
69
  export { CircularProgress } from './components/Progress/Circular/CircularProgress.js';
31
70
  export { StarProgress } from './components/Progress/Star/StarProgress.js';
32
71
  export { DotProgress } from './components/Progress/Dots/DotProgress.js';
72
+ export { Breadcrumb } from './components/Breadcrumbs/Breadcrumb.js';
73
+ export { MenuItem } from './components/Menu/MenuItem.js';
74
+ export { MenuSection } from './components/Menu/MenuSection.js';
33
75
  export { Pagination } from './components/Pagination/Pagination.js';
34
76
  export { NativeSelect } from './components/Select/NativeSelect.js';
35
77
  export { Label } from './components/Label/Label.js';
@@ -42,5 +84,12 @@ export { Paper } from './components/Paper/Paper.js';
42
84
  export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
43
85
  export { InputWrapper } from './components/InputWrapper/InputWrapper.js';
44
86
  export { useSideBar } from './components/SideBar/SideBar.context.js';
87
+ export { SidebarLink } from './components/SideBar/SidebarLink/index.js';
88
+ export { SideBarContent } from './components/SideBar/SideBarContent.js';
89
+ export { SideBarFooter } from './components/SideBar/SideBarFooter.js';
90
+ export { SideBarToggle } from './components/SideBar/SideBarToggle.js';
91
+ export { SideBarButton } from './components/SideBar/SideBarButton/index.js';
92
+ export { SideBarAccordion } from './components/SideBar/SideBarAccordion/index.js';
93
+ export { SideBarAccordionItem } from './components/SideBar/SideBarAccordionItem/index.js';
45
94
  export { DatePicker } from './components/Datepicker/DatePicker.js';
46
95
  export { DateRangePicker } from './components/Datepicker/DateRangePicker.js';
@@ -13,5 +13,5 @@ type AccordionCompoundProps = typeof BaseAccordion & {
13
13
  Panel: typeof AccordionPanel;
14
14
  };
15
15
  declare const Accordion: AccordionCompoundProps;
16
- export { Accordion };
16
+ export { Accordion, AccordionItem, AccordionHeader, AccordionHeaderTitle, AccordionHeaderActions, AccordionPanel, };
17
17
  export type { AccordionProps, AccordionPanelProps, AccordionHeaderProps, AccordionHeaderTitleProps, AccordionHeaderActionsProps, AccordionItemProps, };
@@ -8,5 +8,5 @@ type BannerCompoundProps = typeof BaseBanner & {
8
8
  Actions: typeof BannerActions;
9
9
  };
10
10
  declare const Banner: BannerCompoundProps;
11
- export { Banner };
11
+ export { Banner, BannerIcon, BannerMessage, BannerActions };
12
12
  export type { BannerProps, BannerMessageProps, BannerIconProps, BannerActionsProps, };
@@ -4,5 +4,5 @@ type BreadcrumbsCompoundProps = typeof BaseComponent & {
4
4
  Breadcrumb: typeof Breadcrumb;
5
5
  };
6
6
  declare const Breadcrumbs: BreadcrumbsCompoundProps;
7
- export { Breadcrumbs };
7
+ export { Breadcrumbs, Breadcrumb };
8
8
  export type { BreadcrumbsProps, BreadcrumbProps };
@@ -6,5 +6,5 @@ type ButtonCompoundProps = typeof ButtonWrapper & {
6
6
  Toggle: typeof ToggleButton;
7
7
  };
8
8
  declare const Button: ButtonCompoundProps;
9
- export { Button };
9
+ export { Button, ButtonGroup, ToggleButton };
10
10
  export type { ButtonProps, ButtonGroupProps, ToggleButtonProps };
@@ -12,5 +12,5 @@ type CardCompoundProps = typeof CardWrapper & {
12
12
  HeaderTitle: typeof CardHeaderTitle;
13
13
  };
14
14
  declare const Card: CardCompoundProps;
15
- export { Card };
15
+ export { Card, CardActions, CardContent, CardHeader, CardMedia, CardHeaderTitle, };
16
16
  export type { CardProps, CardActionsProps, CardContentProps, CardMediaProps, CardHeaderProps, CardHeaderTitleProps, };
@@ -11,5 +11,5 @@ type CompoundDialogProps = typeof BaseComponent & {
11
11
  Header: typeof DialogHeader;
12
12
  };
13
13
  declare const Dialog: CompoundDialogProps;
14
- export { Dialog };
14
+ export { Dialog, DialogActions, DialogTitle, DialogContent, DialogHeader };
15
15
  export type { DialogProps, DialogActionsProps, DialogTitleProps, DialogContentProps, DialogHeaderProps, };
@@ -4,5 +4,5 @@ type ListCompoundProps = typeof BaseComponent & {
4
4
  Item: typeof ListItem;
5
5
  };
6
6
  declare const List: ListCompoundProps;
7
- export { List };
7
+ export { List, ListItem };
8
8
  export type { ListProps, ListItemProps };
@@ -6,5 +6,5 @@ type MenuType = typeof BaseMenu & {
6
6
  Section: typeof MenuSection;
7
7
  };
8
8
  declare const Menu: MenuType;
9
- export { Menu };
9
+ export { Menu, MenuItem, MenuSection };
10
10
  export type { MenuProps, MenuItemProps, MenuSectionProps };
@@ -10,5 +10,5 @@ type PopoverConformProps = typeof BaseComponent & {
10
10
  Actions: typeof PopoverActions;
11
11
  };
12
12
  declare const Popover: PopoverConformProps;
13
- export { Popover };
13
+ export { Popover, PopoverTitle, PopoverContent, PopoverHeader, PopoverActions };
14
14
  export type { PopoverProps, PopoverContentProps, PopoverTitleProps, PopoverHeaderProps, PopoverActionsProps, };
@@ -17,5 +17,5 @@ type SidebarType = typeof BaseSideBar & {
17
17
  AccordionItem: typeof SideBarAccordionItem;
18
18
  };
19
19
  declare const SideBar: SidebarType;
20
- export { SideBar, useSideBar };
20
+ export { SideBar, useSideBar, SidebarLink, SideBarContent, SideBarFooter, SideBarToggle, SideBarButton, SideBarAccordion, SideBarAccordionItem, };
21
21
  export type { SidebarType, SidebarLinkProps };
@@ -4,5 +4,5 @@ type SnackbarTypes = typeof BaseComponent & {
4
4
  Action: typeof SnackbarAction;
5
5
  };
6
6
  declare const Snackbar: SnackbarTypes;
7
- export { Snackbar };
7
+ export { Snackbar, SnackbarAction };
8
8
  export type { SnackbarProps, SnackbarActionProps };
@@ -1,18 +1,18 @@
1
1
  import { Table as BaseTable, TableProps } from './Table';
2
- import { Body, BodyProps } from './Body';
3
- import { Cell, CellProps } from './Cell';
4
- import { Head, HeadProps } from './Head';
5
- import { Foot, FootProps } from './Foot';
6
- import { Row, RowProps } from './Row';
7
- import { Caption, CaptionProps } from './Caption';
2
+ import { Body as TableBody, BodyProps } from './Body';
3
+ import { Cell as TableCell, CellProps } from './Cell';
4
+ import { Head as TableHead, HeadProps } from './Head';
5
+ import { Foot as TableFoot, FootProps } from './Foot';
6
+ import { Row as tableRow, RowProps } from './Row';
7
+ import { Caption as TableCaption, CaptionProps } from './Caption';
8
8
  type TableCompoundProps = typeof BaseTable & {
9
- Body: typeof Body;
10
- Cell: typeof Cell;
11
- Head: typeof Head;
12
- Foot: typeof Foot;
13
- Row: typeof Row;
14
- Caption: typeof Caption;
9
+ Body: typeof TableBody;
10
+ Cell: typeof TableCell;
11
+ Head: typeof TableHead;
12
+ Foot: typeof TableFoot;
13
+ Row: typeof tableRow;
14
+ Caption: typeof TableCaption;
15
15
  };
16
16
  declare const Table: TableCompoundProps;
17
- export { Table };
17
+ export { Table, TableBody, TableCell, TableHead, TableFoot, tableRow, TableCaption, };
18
18
  export type { TableProps, CellProps, BodyProps, RowProps, CaptionProps, HeadProps, FootProps, };
@@ -1,8 +1,8 @@
1
1
  import { TableOfContents as BaseComponent, TableOfContentsProps } from './TableOfContents';
2
- import { LinkItem, TableOfContentsLinkItemProps } from './LinkItem';
2
+ import { LinkItem as TableOfContentsLinkItem, TableOfContentsLinkItemProps } from './LinkItem';
3
3
  type TableOfContentsCompoundProps = typeof BaseComponent & {
4
- LinkItem: typeof LinkItem;
4
+ LinkItem: typeof TableOfContentsLinkItem;
5
5
  };
6
6
  declare const TableOfContents: TableOfContentsCompoundProps;
7
- export { TableOfContents };
7
+ export { TableOfContents, TableOfContentsLinkItem };
8
8
  export type { TableOfContentsProps, TableOfContentsLinkItemProps };
@@ -10,5 +10,5 @@ type TabsCompoundProps = typeof BaseComponent & {
10
10
  List: typeof TabList;
11
11
  };
12
12
  declare const Tabs: TabsCompoundProps;
13
- export { Tabs };
13
+ export { Tabs, Tab, TabPanels, TabPanel, TabList };
14
14
  export type { TabsProps, TabProps, TabListProps, TabPanelProps, TabPanelsProps };
@@ -3,8 +3,8 @@ import type { Variants } from '../types';
3
3
  type SharedTextFieldProps = {
4
4
  /** Variants */
5
5
  variant?: Variants;
6
- /** Input unique id. This is required to ensure accesibility */
7
- id: string;
6
+ /** Input unique id. If this is not provided, one will be generated */
7
+ id?: string;
8
8
  /** Label text */
9
9
  label?: ReactNode;
10
10
  /** Meta text */
@@ -1,10 +1,10 @@
1
- import { HTMLAttributes } from 'react';
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
2
  import { Placement } from '@floating-ui/react';
3
3
  export type TooltipProps = {
4
4
  /** Tooltip placement relative to anchor */
5
5
  placement?: Placement;
6
6
  /** Tooltip title */
7
- title?: string;
7
+ title?: ReactNode;
8
8
  /** Tooltip anchor element */
9
9
  children: React.ReactElement & React.RefAttributes<HTMLElement>;
10
10
  /** Delay in ms, default 100 */
@@ -13,12 +13,12 @@ export type TooltipProps = {
13
13
  * @default document.body
14
14
  * */
15
15
  portalContainer?: HTMLElement;
16
- } & HTMLAttributes<HTMLDivElement>;
16
+ } & Omit<HTMLAttributes<HTMLDivElement>, 'title'>;
17
17
  export declare const Tooltip: import("react").ForwardRefExoticComponent<{
18
18
  /** Tooltip placement relative to anchor */
19
19
  placement?: Placement;
20
20
  /** Tooltip title */
21
- title?: string;
21
+ title?: ReactNode;
22
22
  /** Tooltip anchor element */
23
23
  children: React.ReactElement & React.RefAttributes<HTMLElement>;
24
24
  /** Delay in ms, default 100 */
@@ -27,4 +27,4 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<{
27
27
  * @default document.body
28
28
  * */
29
29
  portalContainer?: HTMLElement;
30
- } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
30
+ } & Omit<HTMLAttributes<HTMLDivElement>, "title"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,12 +1,12 @@
1
1
  import { TopBar as BaseComponent, TopbarProps } from './TopBar';
2
- import { Actions, TopbarActionsProps } from './Actions';
3
- import { Header, TopbarHeaderProps } from './Header';
4
- import { CustomContent, TopbarCustomContentProps } from './CustomContent';
2
+ import { Actions as TopbarActions, TopbarActionsProps } from './Actions';
3
+ import { Header as TopbarHeader, TopbarHeaderProps } from './Header';
4
+ import { CustomContent as TopbarCustomContent, TopbarCustomContentProps } from './CustomContent';
5
5
  type TopbarCompoundProps = typeof BaseComponent & {
6
- Actions: typeof Actions;
7
- Header: typeof Header;
8
- CustomContent: typeof CustomContent;
6
+ Actions: typeof TopbarActions;
7
+ Header: typeof TopbarHeader;
8
+ CustomContent: typeof TopbarCustomContent;
9
9
  };
10
10
  declare const TopBar: TopbarCompoundProps;
11
- export { TopBar };
11
+ export { TopBar, TopbarActions, TopbarHeader, TopbarCustomContent };
12
12
  export type { TopbarProps, TopbarActionsProps, TopbarCustomContentProps, TopbarHeaderProps, };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equinor/eds-core-react",
3
- "version": "0.43.0",
3
+ "version": "0.44.0",
4
4
  "description": "The React implementation of the Equinor Design System",
5
5
  "sideEffects": [
6
6
  "**/*.css"
@@ -85,12 +85,12 @@
85
85
  "@react-stately/calendar": "^3.6.0",
86
86
  "@react-stately/datepicker": "^3.11.0",
87
87
  "@react-types/shared": "^3.26.0",
88
- "@tanstack/react-virtual": "3.11.2",
88
+ "@tanstack/react-virtual": "3.13.2",
89
89
  "downshift": "9.0.8",
90
90
  "react-aria": "^3.36.0",
91
91
  "@equinor/eds-icons": "^0.22.0",
92
- "@equinor/eds-utils": "0.8.6",
93
- "@equinor/eds-tokens": "0.9.2"
92
+ "@equinor/eds-tokens": "0.9.2",
93
+ "@equinor/eds-utils": "0.8.6"
94
94
  },
95
95
  "scripts": {
96
96
  "build": "rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json",