@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.
- package/dist/eds-core-react.cjs +53 -3
- package/dist/esm/components/Accordion/index.js +1 -1
- package/dist/esm/components/Banner/index.js +1 -1
- package/dist/esm/components/Breadcrumbs/index.js +1 -1
- package/dist/esm/components/Button/index.js +1 -1
- package/dist/esm/components/Card/index.js +1 -1
- package/dist/esm/components/Dialog/index.js +1 -1
- package/dist/esm/components/List/index.js +1 -1
- package/dist/esm/components/Menu/Menu.context.js +1 -1
- package/dist/esm/components/Menu/index.js +1 -1
- package/dist/esm/components/Popover/index.js +1 -1
- package/dist/esm/components/SideBar/index.js +1 -1
- package/dist/esm/components/SideSheet/SideSheet.js +1 -1
- package/dist/esm/components/Snackbar/index.js +1 -1
- package/dist/esm/components/Table/index.js +1 -1
- package/dist/esm/components/TableOfContents/index.js +1 -1
- package/dist/esm/components/Tabs/index.js +1 -1
- package/dist/esm/components/TextField/TextField.js +2 -1
- package/dist/esm/components/Tooltip/Tooltip.js +1 -1
- package/dist/esm/components/TopBar/index.js +1 -1
- package/dist/esm/index.js +49 -0
- package/dist/types/components/Accordion/index.d.ts +1 -1
- package/dist/types/components/Banner/index.d.ts +1 -1
- package/dist/types/components/Breadcrumbs/index.d.ts +1 -1
- package/dist/types/components/Button/index.d.ts +1 -1
- package/dist/types/components/Card/index.d.ts +1 -1
- package/dist/types/components/Dialog/index.d.ts +1 -1
- package/dist/types/components/List/index.d.ts +1 -1
- package/dist/types/components/Menu/index.d.ts +1 -1
- package/dist/types/components/Popover/index.d.ts +1 -1
- package/dist/types/components/SideBar/index.d.ts +1 -1
- package/dist/types/components/Snackbar/index.d.ts +1 -1
- package/dist/types/components/Table/index.d.ts +13 -13
- package/dist/types/components/TableOfContents/index.d.ts +3 -3
- package/dist/types/components/Tabs/index.d.ts +1 -1
- package/dist/types/components/TextField/TextField.d.ts +2 -2
- package/dist/types/components/Tooltip/Tooltip.d.ts +5 -5
- package/dist/types/components/TopBar/index.d.ts +7 -7
- package/package.json +4 -4
package/dist/eds-core-react.cjs
CHANGED
|
@@ -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 };
|
|
@@ -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,
|
|
@@ -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 };
|
|
@@ -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, };
|
|
@@ -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, };
|
|
@@ -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 };
|
|
@@ -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
|
|
10
|
-
Cell: typeof
|
|
11
|
-
Head: typeof
|
|
12
|
-
Foot: typeof
|
|
13
|
-
Row: typeof
|
|
14
|
-
Caption: typeof
|
|
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
|
|
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.
|
|
7
|
-
id
|
|
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?:
|
|
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?:
|
|
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
|
|
7
|
-
Header: typeof
|
|
8
|
-
CustomContent: typeof
|
|
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.
|
|
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.
|
|
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-
|
|
93
|
-
"@equinor/eds-
|
|
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",
|