@altinn/altinn-components 0.9.1 → 0.10.1
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/accesspackages-BI13BnDa.js +988 -0
- package/dist/assets/AccessAreaListItem.css +1 -0
- package/dist/assets/Backdrop.css +1 -1
- package/dist/assets/ButtonBase.css +1 -1
- package/dist/assets/ButtonIcon.css +1 -1
- package/dist/assets/ButtonLabel.css +1 -1
- package/dist/assets/Byline.css +1 -0
- package/dist/assets/DialogHeading.css +1 -0
- package/dist/assets/DialogListItem.css +1 -1
- package/dist/assets/Heading.css +1 -1
- package/dist/assets/ListItemBase.css +1 -1
- package/dist/assets/ListItemHeader.css +1 -1
- package/dist/assets/ListItemLabel.css +1 -1
- package/dist/assets/ListItemLink.css +1 -0
- package/dist/assets/ListItemMedia.css +1 -1
- package/dist/assets/ListItemSelect.css +1 -1
- package/dist/assets/MetaBase.css +1 -1
- package/dist/assets/MetaItemBase.css +1 -1
- package/dist/assets/MetaItemLabel.css +1 -1
- package/dist/assets/PageNav.css +1 -0
- package/dist/assets/Section.css +1 -0
- package/dist/assets/TimelineBase.css +1 -0
- package/dist/assets/TimelineSection.css +1 -0
- package/dist/assets/Typography.css +1 -1
- package/dist/components/AccessAreaList/AccessAreaList.js +12 -0
- package/dist/components/AccessAreaList/AccessAreaListItem.d.ts +8 -0
- package/dist/components/AccessAreaList/AccessAreaListItem.js +41 -0
- package/dist/components/AccessAreaList/AccessAreaListItem.stories.js +81 -0
- package/dist/components/AccessAreaList/index.d.ts +1 -0
- package/dist/components/AccessAreaList/index.js +4 -0
- package/dist/components/AccessPackageList/AccessPackageList.d.ts +6 -0
- package/dist/components/AccessPackageList/AccessPackageList.js +12 -0
- package/dist/components/AccessPackageList/AccessPackageList.stories.js +17 -0
- package/dist/components/AccessPackageList/AccessPackageListItem.d.ts +6 -0
- package/dist/components/AccessPackageList/AccessPackageListItem.js +25 -0
- package/dist/components/AccessPackageList/index.d.ts +2 -0
- package/dist/components/AccessPackageList/index.js +6 -0
- package/dist/components/Attachment/index.d.ts +0 -1
- package/dist/components/Attachment/index.js +3 -5
- package/dist/components/Autocomplete/AutocompleteItem.js +1 -1
- package/dist/components/Autocomplete/ScopeListItem.js +1 -1
- package/dist/components/Bookmarks/BookmarksListItem.js +1 -1
- package/dist/components/Bookmarks/BookmarksSection.d.ts +7 -0
- package/dist/components/Bookmarks/BookmarksSection.js +8 -8
- package/dist/components/Bookmarks/index.d.ts +1 -0
- package/dist/components/Bookmarks/index.js +2 -0
- package/dist/components/Button/ButtonBase.d.ts +1 -1
- package/dist/components/Button/ButtonBase.js +8 -8
- package/dist/components/Button/ButtonIcon.js +1 -1
- package/dist/components/Button/ButtonLabel.js +3 -3
- package/dist/components/Button/Buttons.stories.js +7 -7
- package/dist/components/Button/IconButton.stories.js +1 -1
- package/dist/components/Byline/Byline.d.ts +13 -0
- package/dist/components/Byline/Byline.js +19 -0
- package/dist/components/Byline/Byline.stories.js +44 -0
- package/dist/components/Byline/index.d.ts +1 -0
- package/dist/components/Byline/index.js +4 -0
- package/dist/components/ContextMenu/ContextMenu.js +27 -24
- package/dist/components/Dialog/Dialog.d.ts +19 -22
- package/dist/components/Dialog/Dialog.js +60 -50
- package/dist/components/Dialog/Dialog.stories.js +64 -396
- package/dist/components/Dialog/DialogActions.stories.js +5 -5
- package/dist/components/Dialog/DialogActivityLog.js +1 -1
- package/dist/components/Dialog/DialogAttachments.d.ts +6 -0
- package/dist/components/Dialog/DialogAttachments.js +12 -0
- package/dist/components/{Attachment/AttachmentSection.stories.d.ts → Dialog/DialogAttachments.stories.d.ts} +2 -2
- package/dist/components/Dialog/DialogAttachments.stories.js +17 -0
- package/dist/components/Dialog/DialogByline.d.ts +11 -0
- package/dist/components/Dialog/DialogByline.js +24 -0
- package/dist/components/Dialog/{DialogHeader.stories.d.ts → DialogBylline.stories.d.ts} +4 -8
- package/dist/components/Dialog/DialogBylline.stories.js +25 -0
- package/dist/components/Dialog/DialogContent.d.ts +6 -4
- package/dist/components/Dialog/DialogContent.js +22 -10
- package/dist/components/Dialog/DialogContent.stories.js +31 -9
- package/dist/components/Dialog/DialogHeading.d.ts +19 -0
- package/dist/components/Dialog/DialogHeading.js +18 -0
- package/dist/components/Dialog/DialogHistory.d.ts +9 -4
- package/dist/components/Dialog/DialogHistory.js +24 -6
- package/dist/components/Dialog/DialogHistory.stories.d.ts +3 -41
- package/dist/components/Dialog/DialogHistory.stories.js +24 -66
- package/dist/components/Dialog/DialogHistoryDetails.d.ts +6 -0
- package/dist/components/Dialog/DialogHistoryDetails.js +22 -0
- package/dist/components/Dialog/DialogHistoryItem.d.ts +13 -0
- package/dist/components/Dialog/DialogHistoryItem.js +36 -0
- package/dist/components/Dialog/DialogLabel.d.ts +3 -3
- package/dist/components/Dialog/DialogLabel.js +2 -2
- package/dist/components/Dialog/DialogList.d.ts +2 -3
- package/dist/components/Dialog/DialogList.js +11 -11
- package/dist/components/Dialog/DialogList.stories.d.ts +1 -36
- package/dist/components/Dialog/DialogList.stories.js +27 -44
- package/dist/components/Dialog/DialogListGroup.d.ts +6 -0
- package/dist/components/Dialog/DialogListGroup.js +21 -0
- package/dist/components/Dialog/DialogListItem.d.ts +15 -29
- package/dist/components/Dialog/DialogListItem.js +90 -86
- package/dist/components/Dialog/DialogListItem.stories.js +43 -45
- package/dist/components/Dialog/DialogMetadata.d.ts +13 -3
- package/dist/components/Dialog/DialogMetadata.js +39 -24
- package/dist/components/Dialog/DialogMetadata.stories.d.ts +1 -1
- package/dist/components/Dialog/DialogMetadata.stories.js +3 -3
- package/dist/components/Dialog/DialogSection.d.ts +6 -0
- package/dist/components/Dialog/DialogSection.js +15 -0
- package/dist/components/Dialog/DialogSeenBy.js +1 -1
- package/dist/components/Dialog/DialogSeenBy.stories.js +5 -5
- package/dist/components/Dialog/DialogStatus.js +1 -1
- package/dist/components/Dialog/DialogStatus.stories.js +1 -1
- package/dist/components/Dialog/DialogTimeline.d.ts +6 -0
- package/dist/components/Dialog/DialogTimeline.js +17 -0
- package/dist/components/Dialog/DialogTimelineItem.d.ts +10 -0
- package/dist/components/Dialog/DialogTimelineItem.js +18 -0
- package/dist/components/Dialog/DialogTouchedBy.stories.js +1 -1
- package/dist/components/{Transmission/TransmissionSection.d.ts → Dialog/DialogTransmissions.d.ts} +2 -2
- package/dist/components/{Transmission/TransmissionSection.js → Dialog/DialogTransmissions.js} +6 -6
- package/dist/components/{Transmission/TransmissionSection.stories.js → Dialog/DialogTransmissions.stories.js} +2 -2
- package/dist/components/Dialog/DraftDialog.js +68 -0
- package/dist/components/Dialog/DraftDialog.stories.js +142 -0
- package/dist/components/Dialog/index.d.ts +12 -14
- package/dist/components/Dialog/index.js +43 -47
- package/dist/components/Dropdown/Backdrop.d.ts +3 -1
- package/dist/components/Dropdown/Backdrop.js +5 -5
- package/dist/components/Dropdown/DrawerButton.js +1 -1
- package/dist/components/Footer/Footer.stories.js +3 -3
- package/dist/components/GlobalMenu/AccountMenu.stories.js +10 -4
- package/dist/components/GlobalMenu/BackButton.d.ts +3 -1
- package/dist/components/GlobalMenu/BackButton.js +4 -4
- package/dist/components/GlobalMenu/GlobalMenu.stories.js +27 -21
- package/dist/components/Header/Header.stories.js +20 -14
- package/dist/components/Header/HeaderButton.stories.js +5 -5
- package/dist/components/Header/HeaderLogo.stories.js +7 -7
- package/dist/components/Layout/Layout.js +4 -4
- package/dist/components/Layout/Layout.stories.js +28 -22
- package/dist/components/List/List.d.ts +4 -3
- package/dist/components/List/List.js +12 -4
- package/dist/components/List/List.stories.js +1 -1
- package/dist/components/List/ListItem.d.ts +4 -1
- package/dist/components/List/ListItem.stories.js +88 -80
- package/dist/components/List/ListItemBase.d.ts +4 -3
- package/dist/components/List/ListItemBase.js +21 -19
- package/dist/components/List/ListItemHeader.d.ts +5 -13
- package/dist/components/List/ListItemHeader.js +46 -57
- package/dist/components/List/ListItemHeader.stories.js +35 -43
- package/dist/components/List/ListItemLabel.js +5 -5
- package/dist/components/List/ListItemLink.d.ts +16 -0
- package/dist/components/List/ListItemLink.js +35 -0
- package/dist/components/List/ListItemMedia.d.ts +3 -5
- package/dist/components/List/ListItemMedia.js +21 -29
- package/dist/components/List/ListItemSelect.js +11 -11
- package/dist/components/List/index.d.ts +1 -0
- package/dist/components/List/index.js +18 -16
- package/dist/components/Menu/MenuItem.stories.js +5 -5
- package/dist/components/Menu/MenuItems.js +2 -2
- package/dist/components/Menu/MenuSearch.js +1 -1
- package/dist/components/Meta/MetaBase.d.ts +2 -1
- package/dist/components/Meta/MetaBase.js +6 -5
- package/dist/components/Meta/MetaItem.d.ts +2 -1
- package/dist/components/Meta/MetaItem.js +17 -9
- package/dist/components/Meta/MetaItem.stories.d.ts +1 -1
- package/dist/components/Meta/MetaItemBase.d.ts +2 -1
- package/dist/components/Meta/MetaItemBase.js +23 -21
- package/dist/components/Meta/MetaItemLabel.js +3 -3
- package/dist/components/Page/Article.d.ts +6 -0
- package/dist/components/Page/Article.js +6 -0
- package/dist/components/Page/PageBase.d.ts +2 -2
- package/dist/components/Page/PageBase.js +3 -3
- package/dist/components/Page/PageBase.stories.js +54 -0
- package/dist/components/Page/PageHeader.d.ts +6 -4
- package/dist/components/Page/PageHeader.js +11 -15
- package/dist/components/Page/PageHeader.stories.js +91 -0
- package/dist/components/Page/PageNav.d.ts +9 -10
- package/dist/components/Page/PageNav.js +22 -12
- package/dist/components/Page/PageNav.stories.js +41 -0
- package/dist/components/Page/Section.d.ts +29 -0
- package/dist/components/Page/Section.js +42 -0
- package/dist/components/Page/SectionHeader.d.ts +3 -4
- package/dist/components/Page/SectionHeader.js +10 -5
- package/dist/components/Page/index.d.ts +3 -1
- package/dist/components/Page/index.js +8 -4
- package/dist/components/ResourceList/ResourceList.d.ts +1 -1
- package/dist/components/ResourceList/ResourceList.js +1 -1
- package/dist/components/ResourceList/ResourceList.stories.js +2 -2
- package/dist/components/ResourceList/ResourceListItem.d.ts +3 -5
- package/dist/components/ResourceList/ResourceListItem.js +11 -13
- package/dist/components/Searchbar/Searchbar.stories.js +10 -8
- package/dist/components/Timeline/Timeline.d.ts +5 -0
- package/dist/components/Timeline/Timeline.js +8 -0
- package/dist/components/Timeline/Timeline.stories.js +65 -0
- package/dist/components/Timeline/TimelineBase.d.ts +6 -0
- package/dist/components/Timeline/TimelineBase.js +8 -0
- package/dist/components/Timeline/TimelineSection.d.ts +14 -0
- package/dist/components/Timeline/TimelineSection.js +40 -0
- package/dist/components/Timeline/index.d.ts +3 -0
- package/dist/components/Timeline/index.js +8 -0
- package/dist/components/Toolbar/Toolbar.stories.js +32 -26
- package/dist/components/Toolbar/ToolbarAccountMenu.js +4 -4
- package/dist/components/Toolbar/ToolbarAdd.js +6 -6
- package/dist/components/Toolbar/ToolbarDaterange.js +7 -7
- package/dist/components/Toolbar/ToolbarFilter.js +4 -4
- package/dist/components/Toolbar/ToolbarMenu.js +6 -6
- package/dist/components/Toolbar/ToolbarSearch.js +1 -1
- package/dist/components/Transmission/TransmissionItem.d.ts +5 -3
- package/dist/components/Transmission/TransmissionItem.js +46 -33
- package/dist/components/Transmission/TransmissionItem.stories.d.ts +1 -1
- package/dist/components/Transmission/TransmissionList.js +1 -1
- package/dist/components/Transmission/TransmissionList.stories.d.ts +1 -43
- package/dist/components/Transmission/TransmissionList.stories.js +18 -54
- package/dist/components/Transmission/TransmissionType.d.ts +26 -0
- package/dist/components/Transmission/TransmissionType.js +8 -0
- package/dist/components/Transmission/index.d.ts +0 -1
- package/dist/components/Transmission/index.js +1 -3
- package/dist/components/Typography/Heading.d.ts +3 -1
- package/dist/components/Typography/Heading.js +6 -6
- package/dist/components/Typography/Typography.d.ts +2 -2
- package/dist/components/Typography/Typography.js +13 -6
- package/dist/components/index.d.ts +5 -1
- package/dist/components/index.js +260 -250
- package/dist/index.js +259 -249
- package/dist/theme-article.css +2 -2
- package/package.json +1 -1
- package/dist/PageHeaderMedia-DpZ09tLD.js +0 -15
- package/dist/assets/DialogArticleBase.css +0 -1
- package/dist/assets/DialogBase.css +0 -1
- package/dist/assets/DialogBodyBase.css +0 -1
- package/dist/assets/DialogBorder.css +0 -1
- package/dist/assets/DialogHeaderBase.css +0 -1
- package/dist/assets/DialogHeadings.css +0 -1
- package/dist/assets/DialogNav.css +0 -1
- package/dist/assets/DialogSectionBase.css +0 -1
- package/dist/assets/DialogTitle.css +0 -1
- package/dist/assets/HistoryBorder.css +0 -1
- package/dist/assets/HistoryItemBase.css +0 -1
- package/dist/assets/HistoryItemMedia.css +0 -1
- package/dist/assets/HistoryList.css +0 -1
- package/dist/assets/PageHeaderMedia.css +0 -1
- package/dist/assets/SectionBase.css +0 -1
- package/dist/assets/SectionHeader.css +0 -1
- package/dist/components/Attachment/AttachmentSection.d.ts +0 -6
- package/dist/components/Attachment/AttachmentSection.js +0 -12
- package/dist/components/Attachment/AttachmentSection.stories.js +0 -17
- package/dist/components/Dialog/DialogArticleBase.d.ts +0 -6
- package/dist/components/Dialog/DialogArticleBase.js +0 -7
- package/dist/components/Dialog/DialogBase.d.ts +0 -7
- package/dist/components/Dialog/DialogBase.js +0 -9
- package/dist/components/Dialog/DialogBodyBase.d.ts +0 -5
- package/dist/components/Dialog/DialogBodyBase.js +0 -9
- package/dist/components/Dialog/DialogBorder.d.ts +0 -10
- package/dist/components/Dialog/DialogBorder.js +0 -8
- package/dist/components/Dialog/DialogContent.stories.d.ts +0 -14
- package/dist/components/Dialog/DialogDescription.d.ts +0 -12
- package/dist/components/Dialog/DialogFooter.d.ts +0 -5
- package/dist/components/Dialog/DialogFooter.js +0 -8
- package/dist/components/Dialog/DialogGroup.d.ts +0 -6
- package/dist/components/Dialog/DialogGroup.js +0 -21
- package/dist/components/Dialog/DialogHeader.d.ts +0 -10
- package/dist/components/Dialog/DialogHeader.js +0 -11
- package/dist/components/Dialog/DialogHeader.stories.js +0 -24
- package/dist/components/Dialog/DialogHeaderBase.d.ts +0 -7
- package/dist/components/Dialog/DialogHeaderBase.js +0 -7
- package/dist/components/Dialog/DialogHeadings.d.ts +0 -24
- package/dist/components/Dialog/DialogHeadings.js +0 -49
- package/dist/components/Dialog/DialogHeadings.stories.d.ts +0 -21
- package/dist/components/Dialog/DialogHeadings.stories.js +0 -30
- package/dist/components/Dialog/DialogNav.d.ts +0 -21
- package/dist/components/Dialog/DialogNav.js +0 -34
- package/dist/components/Dialog/DialogNav.stories.d.ts +0 -15
- package/dist/components/Dialog/DialogNav.stories.js +0 -82
- package/dist/components/Dialog/DialogSectionBase.d.ts +0 -6
- package/dist/components/Dialog/DialogSectionBase.js +0 -11
- package/dist/components/Dialog/DialogTitle.d.ts +0 -19
- package/dist/components/Dialog/DialogTitle.js +0 -13
- package/dist/components/History/HistoryBorder.d.ts +0 -7
- package/dist/components/History/HistoryBorder.js +0 -8
- package/dist/components/History/HistoryItem.d.ts +0 -14
- package/dist/components/History/HistoryItem.js +0 -40
- package/dist/components/History/HistoryItem.stories.d.ts +0 -20
- package/dist/components/History/HistoryItem.stories.js +0 -101
- package/dist/components/History/HistoryItemBase.d.ts +0 -13
- package/dist/components/History/HistoryItemBase.js +0 -36
- package/dist/components/History/HistoryItemBase.stories.d.ts +0 -19
- package/dist/components/History/HistoryItemBase.stories.js +0 -48
- package/dist/components/History/HistoryItemMedia.d.ts +0 -9
- package/dist/components/History/HistoryItemMedia.js +0 -15
- package/dist/components/History/HistoryList.d.ts +0 -6
- package/dist/components/History/HistoryList.js +0 -10
- package/dist/components/History/HistoryList.stories.d.ts +0 -69
- package/dist/components/History/HistoryList.stories.js +0 -164
- package/dist/components/History/HistoryMetadata.d.ts +0 -11
- package/dist/components/History/HistoryMetadata.js +0 -32
- package/dist/components/History/index.d.ts +0 -3
- package/dist/components/History/index.js +0 -8
- package/dist/components/Page/PageHeaderMedia.d.ts +0 -10
- package/dist/components/Page/PageHeaderMedia.js +0 -10
- package/dist/components/Page/SectionBase.d.ts +0 -19
- package/dist/components/Page/SectionBase.js +0 -32
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._content_7hk0i_1{padding:.625rem;padding-top:0}
|
package/dist/assets/Backdrop.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._backdrop_1ea7j_1{z-index:1;background-color:#111d4640;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}._backdrop_1ea7j_1[data-color=transparent]{background-color:transparent}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_w0yrj_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}._button_w0yrj_1:disabled{opacity:.5;pointer-events:none}._button_w0yrj_1:focus{border-color:var(--theme-base-active)}._button_w0yrj_1:hover{border-color:var(--theme-base-hover)}._button_w0yrj_1:active{border-color:var(--theme-base-active)}._button_w0yrj_1[data-size=xs]{height:1.5rem}._button_w0yrj_1[data-size=sm]{height:2.25rem}._button_w0yrj_1[data-size=md]{height:2.75rem}._button_w0yrj_1[data-size=lg]{height:3.5rem}._button_w0yrj_1[data-variant=solid]{border-color:var(--theme-base-default);background-color:var(--theme-base-default);color:#fff}._button_w0yrj_1[data-variant=solid]:hover{border-color:var(--theme-base-hover);background-color:var(--theme-base-hover)}._button_w0yrj_1[data-variant=solid]:active{border-color:var(--theme-base-active);background-color:var(--theme-base-active)}._button_w0yrj_1[data-variant=outline],._button_w0yrj_1[data-variant=dotted]{border-color:var(--theme-base-default)}._button_w0yrj_1[data-variant=outline]{border-style:solid}._button_w0yrj_1[data-variant=dotted]{border-style:dotted}._button_w0yrj_1[data-variant=text]{border-color:transparent}._button_w0yrj_1[data-variant=outline]:hover,._button_w0yrj_1[data-variant=dotted]:hover,._button_w0yrj_1[data-variant=text]:hover{background-color:var(--theme-surface-default)}._button_w0yrj_1[data-variant=outline]:active,._button_w0yrj_1[data-variant=dotted]:active,._button_w0yrj_1[data-variant=text]:active{background-color:var(--theme-surface-active)}._button_w0yrj_1[aria-selected=true]{background-color:var(--theme-background-subtle);color:var(--theme-text-default)}._button_w0yrj_1[data-color=secondary]{color:var(--theme-text-subtle)}._button_w0yrj_1[data-color=secondary]:hover{border-color:var(--theme-surface-hover)}._button_w0yrj_1[data-color=secondary][data-variant=solid]{border-color:var(--theme-surface-default);background-color:var(--theme-surface-default)}._button_w0yrj_1[data-color=secondary][data-variant=solid]:hover{border-color:var(--theme-surface-hover);background-color:var(--theme-surface-hover)}._button_w0yrj_1[data-color=secondary][data-variant=solid]:active,._button_w0yrj_1[data-color=secondary][data-variant=outline]:active,._button_w0yrj_1[data-color=secondary][data-variant=dotted]:active,._button_w0yrj_1[data-color=secondary][data-variant=text]:active{border-color:var(--theme-surface-active);background-color:var(--theme-surface-active)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._icon_ablit_1{display:flex;align-items:center;justify-content:center}._icon_ablit_1[data-size=xs]{font-size:1rem}._icon_ablit_1[data-size=sm]{font-size:1.25rem}._icon_ablit_1[data-size=md]{font-size:1.5rem}._icon_ablit_1[data-size=lg]{font-size:1.625rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._label_1t884_1{line-height:1;font-weight:500;padding:0 .25em}._label_1t884_1[data-size=xs]{font-size:.75rem;padding:0 .5em}._label_1t884_1[data-size=sm]{font-size:.875rem}._label_1t884_1[data-size=md]{font-size:1rem}._label_1t884_1[data-size=lg]{font-size:1.125rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._byline_pzenw_1{display:inline-flex;align-items:center;column-gap:.5em}._label_pzenw_7{display:inline-flex;flex-wrap:wrap;column-gap:.25em;color:var(--theme-text-subtle)}._label_pzenw_7[data-size=xs],._label_pzenw_7[data-size=sm]{font-size:14px;line-height:1.125rem;padding:.1875rem 0}._label_pzenw_7[data-size=md],._label_pzenw_7[data-size=lg]{font-size:16px;line-height:1.25rem}._label_pzenw_7>strong{font-weight:500;color:var(--theme-text-default)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._heading_xpy9u_1{padding-right:1.25rem;display:inline-flex;column-gap:.5em}._title_xpy9u_7{line-height:1.25;font-weight:600;margin:0}._title_xpy9u_7[data-size=xs],._title_xpy9u_7[data-size=sm]{font-size:1rem}._title_xpy9u_7[data-size=md],._title_xpy9u_7[data-size=lg],._title_xpy9u_7[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_xpy9u_7[data-size=md]{font-size:1rem}._title_xpy9u_7[data-size=lg]{font-size:1.125rem;line-height:1.5rem}._title_xpy9u_7[data-size=xl]{font-size:1.25rem;line-height:1.25}._title_xpy9u_7[data-seen=true],._title_xpy9u_7[data-state=archived]{font-weight:400}._title_xpy9u_7[data-state=trashed]{font-weight:400;text-decoration:line-through}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._link_1j8q5_1[data-size=xl]{padding:1em}._link_1j8q5_1[data-size=lg]{padding:.875em}._link_1j8q5_1[data-size=md]{padding:.75em}._link_1j8q5_1[data-size=sm],._link_1j8q5_1[data-size=xs]{padding:.625em}._border_1j8q5_22{position:relative;border-left:.25rem solid;border-color:var(--theme-surface-active);display:flex;flex-direction:column}._border_1j8q5_22[data-seen=true],._border_1j8q5_22[data-loading=true]{border-color:var(--neutral-surface-default)}._border_1j8q5_22[data-size=xs],._border_1j8q5_22[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1j8q5_22[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_1j8q5_22[data-size=lg]{padding-left:.875rem;row-gap:.875rem}._border_1j8q5_22[data-size=xl]{padding-left:1rem;row-gap:1rem}._select_1j8q5_61{position:absolute;top:0;right:0;margin:.375rem}._header_1j8q5_68{display:flex;flex-direction:column;row-gap:.25rem}._header_1j8q5_68[data-size=xs],._header_1j8q5_68[data-size=sm]{display:flex;flex-direction:row}._summary_1j8q5_80{font-size:1rem;font-weight:400;line-height:1.25;color:var(--theme-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._summary_1j8q5_80[data-size=xs],._summary_1j8q5_80[data-size=sm],._summary_1j8q5_80[data-size=md]{font-size:.875rem}._summary_1j8q5_80[data-size=lg],._summary_1j8q5_80[data-size=xl]{font-size:1rem}._footer_1j8q5_108{width:100%}._touchedBy_1j8q5_112{position:absolute;right:0;bottom:0;margin:8px}
|
package/dist/assets/Heading.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._heading_15ax1_1{margin:0}._heading_15ax1_1[data-weight=normal]{font-weight:400}._heading_15ax1_1[data-weight=medium]{font-weight:500}._heading_15ax1_1[data-weight=bold]{font-weight:600}._heading_15ax1_1[data-size=xs]{font-size:.875rem;line-height:1.5rem}._heading_15ax1_1[data-size=sm]{font-size:1.125rem;line-height:1.5rem}._heading_15ax1_1[data-size=md]{font-size:1.25rem;font-weight:500;line-height:1.5rem}._heading_15ax1_1[data-size=lg]{font-size:1.5rem;font-weight:500;line-height:1.25}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._item_1grve_1{position:relative;width:100%;display:flex;flex-direction:column}._item_1grve_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._item_1grve_1[data-variant=outline],._item_1grve_1[data-variant=dotted]{outline-color:var(--theme-base-default)}._item_1grve_1[data-variant=outline]{outline-style:solid}._item_1grve_1[data-variant=dotted]{outline-style:dashed}._item_1grve_1[data-color=neutral]{background-color:var(--theme-background-default)}._item_1grve_1[data-color=accent]{background-color:var(--theme-surface-default)}._item_1grve_1[data-color=accent]:hover{background-color:var(--theme-surface-hover)}._item_1grve_1[data-active=true]{background-color:var(--theme-surface-default)}._item_1grve_1[aria-expanded=true],._item_1grve_1[aria-selected=true]{outline:2px solid}._item_1grve_1[aria-disabled=true]{pointer-events:none}._item_1grve_1:not([aria-selected=true]):hover,._item_1grve_1:not([aria-disabled=true]):hover{outline:2px solid var(--theme-border-strong)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._header_16s1f_1{position:relative;width:100%;display:flex;align-items:center}._link_16s1f_8{flex-grow:1;display:flex;align-items:center;column-gap:.625rem;padding:.325rem .625rem}._link_16s1f_8[data-size=xs]{min-height:44px}._link_16s1f_8[data-size=sm]{min-height:52px}._link_16s1f_8[data-size=md]{min-height:60px;padding:.5rem .75rem;column-gap:.75rem}._link_16s1f_8[data-size=lg]{min-height:64px;padding:.5rem .875rem;column-gap:.875rem}._link_16s1f_8[data-size=xl]{min-height:72px;padding:.75rem 1rem;column-gap:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._label_5sijq_3{width:100%}._label_5sijq_3[data-size=xs]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_5sijq_3[data-size=sm],._label_5sijq_3[data-size=md],._label_5sijq_3[data-size=lg],._label_5sijq_3[data-size=xl]{display:flex;flex-direction:column;row-gap:.125rem}._title_5sijq_27{display:inline;font-weight:600;line-height:1.25;margin:0}._description_5sijq_34{display:inline;font-weight:400;line-height:1.125;color:var(--theme-text-subtle);margin:0}._title_5sijq_27[data-size=xs],._title_5sijq_27[data-size=sm]{font-size:1rem}._title_5sijq_27[data-size=md],._title_5sijq_27[data-size=lg]{font-size:1.125rem}._title_5sijq_27[data-size=xl]{font-size:1.25rem}._description_5sijq_34[data-size=xs],._description_5sijq_34[data-size=sm],._description_5sijq_34[data-size=md],._description_5sijq_34[data-size=lg]{font-size:.875rem;line-height:1rem}._description_5sijq_34[data-size=xl]{font-size:1rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._link_4l8am_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}._link_4l8am_1[aria-disabled=true]{pointer-events:none}._link_4l8am_1:not([aria-disabled=true]):hover h2{text-decoration:underline}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._media_1hvg4_3{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:1em;height:1em}._media_1hvg4_3{font-size:1.5rem}._media_1hvg4_3[data-size=md],._media_1hvg4_3[data-size=lg]{font-size:1.875rem}._media_1hvg4_3[data-size=md] ._icon_1hvg4_21,._media_1hvg4_3[data-size=lg] ._icon_1hvg4_21{font-size:1.75rem}._media_1hvg4_3[data-size=xl]{font-size:2.25rem}._media_1hvg4_3[data-size=xl] ._icon_1hvg4_21{font-size:2rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._label_1gmbm_1{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;padding:.75rem;border-radius:50%;border:0}._label_1gmbm_1[data-size=xl],._label_1gmbm_1[data-size=lg],._label_1gmbm_1[data-size=md]{font-size:1.25rem;margin-left:.375rem;margin-right:-.25rem}._label_1gmbm_1[data-size=sm],._label_1gmbm_1[data-size=xs]{font-size:1rem;padding:.625rem;margin-left:.325rem;margin-right:-.5rem}._label_1gmbm_1:hover{background-color:var(--theme-surface-default)}._input_1gmbm_32{position:absolute;opacity:0}._icon_1gmbm_37{color:var(--theme-base-default)}._icon_1gmbm_37 [data-hover=true]{opacity:0}._label_1gmbm_1:hover [data-hover=true]{opacity:1}
|
package/dist/assets/MetaBase.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._meta_17kd2_1{display:flex;align-items:center;flex-wrap:wrap;column-gap:.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._item_suzps_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}._item_suzps_1{border:1px;border-radius:2px;color:var(--theme-text-subtle);display:inline-flex;align-items:center;column-gap:.25em;white-space:nowrap;text-decoration:none}._reverse_suzps_27{flex-direction:row-reverse}._item_suzps_1 strong{font-weight:500;color:var(--theme-text-default)}button._item_suzps_1:hover,a._item_suzps_1:hover,button._item_suzps_1:hover strong,a._item_suzps_1:hover strong{color:var(--theme-base-hover);cursor:pointer}._item_suzps_1[data-size=xs]{font-size:.875rem;height:1.5rem}._item_suzps_1[data-size=sm]{font-size:1rem}._item_suzps_1[data-size=md]{font-size:1.125rem}._item_suzps_1[data-variant=text]{border-color:transparent;padding-left:0;padding-right:0}._item_suzps_1[data-variant=outline]{border-color:var(--theme-border-subtle);border-style:solid}._item_suzps_1[data-variant=rounded]{border-color:var(--theme-border-subtle);border-style:solid;border-radius:.75rem}._item_suzps_1[data-variant=dotted]{border-color:var(--theme-base-hover);border-style:dashed}._item_suzps_1[data-variant=solid]{border-color:var(--theme-base-hover);background-color:var(--theme-base-hover);color:#fff}._item_suzps_1[data-variant=rounded],._item_suzps_1[data-variant=outline],._item_suzps_1[data-variant=dotted],._item_suzps_1[data-variant=solid]{padding:0 .25em}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._label_g4t18_1{display:inline;font-weight:400}._label_g4t18_1[data-size=xs]{font-size:.875rem}._label_g4t18_1[data-size=sm]{font-size:1rem}._label_g4t18_1[data-size=md]{font-size:1.125rem}._label_g4t18_1[data-variant=rounded],._label_g4t18_1[data-variant=outline],._label_g4t18_1[data-variant=dotted],._label_g4t18_1[data-variant=solid]{font-size:.75rem;font-weight:500;padding:0 .25em}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._nav_9bu1z_1{display:flex;align-items:center;justify-content:space-between}._controls_9bu1z_7{display:flex;align-items:center;column-gap:.5rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._section_1qkfl_1{display:flex}._section_1qkfl_1[data-flex=col]{flex-direction:column}._section_1qkfl_1[data-flex=row]{flex-direction:row}._section_1qkfl_1[data-align=center]{align-items:center}._section_1qkfl_1[data-align=start]{align-items:flex-start}._section_1qkfl_1[data-align=end]{align-items:flex-end}._section_1qkfl_1[data-justify=start]{justify-content:flex-start}._section_1qkfl_1[data-justify=end]{justify-content:flex-end}._section_1qkfl_1[data-justify=center]{justify-content:center}._section_1qkfl_1[data-justify=between]{justify-content:space-between}@media (max-width: 1024px){._section_1qkfl_1[data-inset=true]{margin-left:-1rem;margin-right:-1rem}}._section_1qkfl_1[data-padding=xs]{padding:.25rem}._section_1qkfl_1[data-padding=sm]{padding:.5rem}._section_1qkfl_1[data-padding=md]{padding:.75rem}._section_1qkfl_1[data-padding=lg]{padding:1rem}._section_1qkfl_1[data-padding=xl]{padding:1.5rem}@media (max-width: 1024px){._section_1qkfl_1[data-padding=xl]{padding:1.5rem 1rem}}._section_1qkfl_1[data-spacing=xs]{gap:.25rem}._section_1qkfl_1[data-spacing=sm]{gap:.5rem}._section_1qkfl_1[data-spacing=md]{gap:.75rem}._section_1qkfl_1[data-spacing=lg]{gap:1rem}._section_1qkfl_1[data-spacing=xl]{gap:1.5rem}._section_1qkfl_1[data-margin=xs]{margin:.25rem 0}._section_1qkfl_1[data-margin=sm]{margin:.5rem 0}._section_1qkfl_1[data-margin=md]{margin:.75rem 0}._section_1qkfl_1[data-margin=lg]{margin:1rem 0}._section_1qkfl_1[data-margin=lg]{margin:1.5rem 0}._section_1qkfl_1[data-color=subtle]{background-color:var(--theme-background-default)}._section_1qkfl_1[data-color=surface]{background-color:var(--theme-surface-default)}._section_1qkfl_1[data-color=accent]{background-color:var(--theme-base-default)}._section_1qkfl_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._section_1qkfl_1[data-shadow=sm]{box-shadow:var(--ds-shadow-sm)}._section_1qkfl_1[data-shadow=md]{box-shadow:var(--ds-shadow-md)}._section_1qkfl_1[data-shadow=lg]{box-shadow:var(--ds-shadow-lg)}._section_1qkfl_1[data-shadow=xl]{box-shadow:var(--ds-shadow-xl)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._timeline_1o6zh_1{display:flex;flex-direction:column;row-gap:1rem;padding:0;margin:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._section_1nusr_1{display:flex;column-gap:.5rem}._sidebar_1nusr_6{flex-shrink:0;display:flex;flex-direction:column;align-items:center;row-gap:.375rem;width:2.25rem}._sidebar_1nusr_6[data-size=xs]{margin-top:.125rem}._media_1nusr_19[data-size=xs]{min-height:20px;display:flex;align-items:center;justify-content:center}._dot_1nusr_26{background-color:var(--theme-surface-active);width:.875rem;height:.875rem;border-radius:50%}._dot_1nusr_26[data-seen=true]{background-color:var(--theme-surface-hover)}._border_1nusr_37{flex-grow:1;padding-top:0;padding-bottom:1.5rem}._border_1nusr_37{width:.25rem;background-color:var(--theme-surface-active)}._border_1nusr_37[data-seen=true]{background-color:var(--neutral-surface-default)}._content_1nusr_52{flex-grow:1;display:flex;flex-direction:column}._content_1nusr_52[data-size=lg]{padding:.5rem 0;row-gap:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._typography_19j8u_1{width:100%;max-width:45rem;line-height:1.5}._item_19j8u_7[data-size=sm]{font-size:.875rem}._item_19j8u_7[data-size=md]{font-size:1rem}._typography_19j8u_1[data-size=lg]{font-size:1.125rem}._typography_19j8u_1>*:first-child{margin-top:0}._typography_19j8u_1>*:last-child{margin-bottom:0}._typography_19j8u_1 strong{font-weight:500}._typography_19j8u_1 a{color:var(--theme-base-default)}._typography_19j8u_1>p{font-size:1em;margin:1em 0}._typography_19j8u_1>h2{font-size:1.25rem;font-weight:600;margin-top:1.5em;margin-bottom:0}._typography_19j8u_1>h3{font-size:1em;font-weight:600;margin:1em 0}._typography_19j8u_1>h4{font-size:1em;font-weight:600;margin:1em 0 0}._typography_19j8u_1>h5,._typography_19j8u_1>h6{font-size:.875rem;margin:1em 0 0}._typography_19j8u_1>h6{font-weight:500;color:var(--theme-text-subtle)}._typography_19j8u_1>h6{font-weight:400;color:var(--theme-text-subtle)}._typography_19j8u_1>h5+*,._typography_19j8u_1>h6+*{margin-top:0}._typography_19j8u_1>section{margin:1em 0}._typography_19j8u_1 ul:not([class]),._typography_19j8u_1 ol:not([class]){list-style-position:inside;padding-left:1rem;margin:1em 0}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { createElement as e } from "react";
|
|
3
|
+
import "../../index-L8X2o7IH.js";
|
|
4
|
+
import "../Icon/SvgIcon.js";
|
|
5
|
+
import "../Autocomplete/AutocompleteBase.js";
|
|
6
|
+
import "../RootProvider/RootProvider.js";
|
|
7
|
+
import { AccessAreaListItem as i } from "./AccessAreaListItem.js";
|
|
8
|
+
import { ListBase as s } from "../List/ListBase.js";
|
|
9
|
+
const d = ({ items: t, theme: o }) => /* @__PURE__ */ m(s, { theme: o, spacing: "xs", children: t.map((r) => /* @__PURE__ */ e(i, { ...r, key: r.id, ...r })) });
|
|
10
|
+
export {
|
|
11
|
+
d as AccessAreaList
|
|
12
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ListItemProps } from '../List';
|
|
2
|
+
export interface AccessAreaListItemProps extends Pick<ListItemProps, 'size' | 'onClick' | 'expanded'> {
|
|
3
|
+
id: string;
|
|
4
|
+
name: string;
|
|
5
|
+
icon: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const AccessAreaListItem: ({ name, icon, size, children, expanded, onClick, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsxs as n, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { ListItemBase as a } from "../List/ListItemBase.js";
|
|
3
|
+
import "../../index-L8X2o7IH.js";
|
|
4
|
+
import { ListItemHeader as p } from "../List/ListItemHeader.js";
|
|
5
|
+
import "react";
|
|
6
|
+
import "../Icon/SvgIcon.js";
|
|
7
|
+
import "../Autocomplete/AutocompleteBase.js";
|
|
8
|
+
import "../RootProvider/RootProvider.js";
|
|
9
|
+
import '../../assets/AccessAreaListItem.css';const l = "_content_7hk0i_1", f = {
|
|
10
|
+
content: l
|
|
11
|
+
}, v = ({
|
|
12
|
+
name: o,
|
|
13
|
+
icon: e,
|
|
14
|
+
size: r = "md",
|
|
15
|
+
children: m,
|
|
16
|
+
expanded: t = !1,
|
|
17
|
+
onClick: i,
|
|
18
|
+
...c
|
|
19
|
+
}) => /* @__PURE__ */ n(a, { size: r, expanded: t, children: [
|
|
20
|
+
/* @__PURE__ */ s(
|
|
21
|
+
p,
|
|
22
|
+
{
|
|
23
|
+
as: "button",
|
|
24
|
+
avatar: {
|
|
25
|
+
name: o,
|
|
26
|
+
imageUrl: e,
|
|
27
|
+
type: "company"
|
|
28
|
+
},
|
|
29
|
+
title: o,
|
|
30
|
+
size: r,
|
|
31
|
+
collapsible: !0,
|
|
32
|
+
expanded: t,
|
|
33
|
+
onClick: i,
|
|
34
|
+
...c
|
|
35
|
+
}
|
|
36
|
+
),
|
|
37
|
+
t && /* @__PURE__ */ s("div", { className: f.content, children: m })
|
|
38
|
+
] });
|
|
39
|
+
export {
|
|
40
|
+
v as AccessAreaListItem
|
|
41
|
+
};
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { jsxs as o, Fragment as p, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import x from "react";
|
|
3
|
+
import { AccessAreaListItem as c } from "./AccessAreaListItem.js";
|
|
4
|
+
import { a } from "../../accesspackages-BI13BnDa.js";
|
|
5
|
+
import { AccessPackageList as m } from "../AccessPackageList/AccessPackageList.js";
|
|
6
|
+
const t = a[1].areas[1], g = /* @__PURE__ */ o(p, { children: [
|
|
7
|
+
t.description && /* @__PURE__ */ i("p", { children: t.description }),
|
|
8
|
+
/* @__PURE__ */ i(
|
|
9
|
+
m,
|
|
10
|
+
{
|
|
11
|
+
items: t.packages.map((s) => ({
|
|
12
|
+
id: s.id,
|
|
13
|
+
title: s.name
|
|
14
|
+
}))
|
|
15
|
+
}
|
|
16
|
+
)
|
|
17
|
+
] }), y = {
|
|
18
|
+
title: "List/AccessAreaListItem",
|
|
19
|
+
component: c,
|
|
20
|
+
tags: ["autodocs"],
|
|
21
|
+
args: {
|
|
22
|
+
id: t.id,
|
|
23
|
+
size: "md",
|
|
24
|
+
name: t.name,
|
|
25
|
+
icon: `data:image/svg+xml;base64,${btoa(t.icon)}`,
|
|
26
|
+
children: g
|
|
27
|
+
},
|
|
28
|
+
argTypes: {
|
|
29
|
+
expanded: {
|
|
30
|
+
control: {
|
|
31
|
+
type: "boolean"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
size: {
|
|
35
|
+
options: ["sm", "md", "lg"],
|
|
36
|
+
control: {
|
|
37
|
+
type: "inline-radio"
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
icon: {
|
|
41
|
+
control: {
|
|
42
|
+
disable: !0
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}, L = {}, k = (s) => {
|
|
47
|
+
const [l, r] = x.useState(null);
|
|
48
|
+
return /* @__PURE__ */ i("div", { children: a.map((n) => /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
|
|
49
|
+
/* @__PURE__ */ i("h2", { children: n.name }),
|
|
50
|
+
/* @__PURE__ */ i("p", { children: n.description }),
|
|
51
|
+
n.areas.map((e) => /* @__PURE__ */ o(
|
|
52
|
+
c,
|
|
53
|
+
{
|
|
54
|
+
id: e.id,
|
|
55
|
+
name: e.name,
|
|
56
|
+
icon: `data:image/svg+xml;base64,${btoa(e.icon)}`,
|
|
57
|
+
size: s.size,
|
|
58
|
+
expanded: l === e.id,
|
|
59
|
+
onClick: () => r((d) => d === e.id ? null : e.id),
|
|
60
|
+
children: [
|
|
61
|
+
e.description && /* @__PURE__ */ i("p", { children: e.description }),
|
|
62
|
+
/* @__PURE__ */ i(
|
|
63
|
+
m,
|
|
64
|
+
{
|
|
65
|
+
items: e.packages.map((d) => ({
|
|
66
|
+
id: d.id,
|
|
67
|
+
title: d.name
|
|
68
|
+
}))
|
|
69
|
+
}
|
|
70
|
+
)
|
|
71
|
+
]
|
|
72
|
+
},
|
|
73
|
+
e.id
|
|
74
|
+
))
|
|
75
|
+
] }, n.id)) });
|
|
76
|
+
};
|
|
77
|
+
export {
|
|
78
|
+
k as AllAreas,
|
|
79
|
+
L as AreaListItemStory,
|
|
80
|
+
y as default
|
|
81
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './AccessAreaListItem.tsx';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ListBaseProps } from '../List';
|
|
2
|
+
import { AccessPackageListItemProps } from './AccessPackageListItem';
|
|
3
|
+
export interface AccessPackageListProps extends Pick<ListBaseProps, 'spacing' | 'theme'> {
|
|
4
|
+
items: AccessPackageListItemProps[];
|
|
5
|
+
}
|
|
6
|
+
export declare const AccessPackageList: ({ items, spacing, ...props }: AccessPackageListProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { createElement as i } from "react";
|
|
3
|
+
import "../../index-L8X2o7IH.js";
|
|
4
|
+
import "../Icon/SvgIcon.js";
|
|
5
|
+
import "../Autocomplete/AutocompleteBase.js";
|
|
6
|
+
import "../RootProvider/RootProvider.js";
|
|
7
|
+
import { AccessPackageListItem as s } from "./AccessPackageListItem.js";
|
|
8
|
+
import { ListBase as p } from "../List/ListBase.js";
|
|
9
|
+
const l = ({ items: t, spacing: m = "sm", ...o }) => /* @__PURE__ */ e(p, { spacing: m, ...o, children: t.map((r) => /* @__PURE__ */ i(s, { ...r, key: r.id, ...r })) });
|
|
10
|
+
export {
|
|
11
|
+
l as AccessPackageList
|
|
12
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { a as s } from "../../accesspackages-BI13BnDa.js";
|
|
2
|
+
import { AccessPackageList as t } from "./AccessPackageList.js";
|
|
3
|
+
const e = s[0].areas[1], i = {
|
|
4
|
+
title: "List/AccessPackageList",
|
|
5
|
+
component: t,
|
|
6
|
+
tags: ["autodocs"],
|
|
7
|
+
args: {
|
|
8
|
+
items: e.packages.map((a) => ({
|
|
9
|
+
id: a.id,
|
|
10
|
+
title: a.name
|
|
11
|
+
}))
|
|
12
|
+
}
|
|
13
|
+
}, r = {};
|
|
14
|
+
export {
|
|
15
|
+
r as AccessPackageListStory,
|
|
16
|
+
i as default
|
|
17
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ListItemProps } from '../List';
|
|
2
|
+
export interface AccessPackageListItemProps extends Pick<ListItemProps, 'onClick' | 'as' | 'title' | 'description' | 'size' | 'controls'> {
|
|
3
|
+
id: string;
|
|
4
|
+
icon?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const AccessPackageListItem: ({ as, icon, title, ...props }: AccessPackageListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import "../../index-L8X2o7IH.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import "../Icon/SvgIcon.js";
|
|
5
|
+
import "../Autocomplete/AutocompleteBase.js";
|
|
6
|
+
import "../RootProvider/RootProvider.js";
|
|
7
|
+
import { ListItem as i } from "../List/ListItem.js";
|
|
8
|
+
const u = ({ as: o = "button", icon: t, title: m, ...r }) => /* @__PURE__ */ e(
|
|
9
|
+
i,
|
|
10
|
+
{
|
|
11
|
+
avatar: t ? {
|
|
12
|
+
imageUrl: t,
|
|
13
|
+
type: "company",
|
|
14
|
+
name: m || ""
|
|
15
|
+
} : void 0,
|
|
16
|
+
as: o,
|
|
17
|
+
size: "sm",
|
|
18
|
+
color: "accent",
|
|
19
|
+
title: m,
|
|
20
|
+
...r
|
|
21
|
+
}
|
|
22
|
+
);
|
|
23
|
+
export {
|
|
24
|
+
u as AccessPackageListItem
|
|
25
|
+
};
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import { AttachmentLink as
|
|
1
|
+
import { AttachmentLink as m } from "./AttachmentLink.js";
|
|
2
2
|
import { AttachmentList as r } from "./AttachmentList.js";
|
|
3
|
-
import { AttachmentSection as c } from "./AttachmentSection.js";
|
|
4
3
|
export {
|
|
5
|
-
|
|
6
|
-
r as AttachmentList
|
|
7
|
-
c as AttachmentSection
|
|
4
|
+
m as AttachmentLink,
|
|
5
|
+
r as AttachmentList
|
|
8
6
|
};
|
|
@@ -4,8 +4,8 @@ import "../../index-L8X2o7IH.js";
|
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
5
|
import "./AutocompleteBase.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
|
-
import { ListItem as e } from "../List/ListItem.js";
|
|
8
7
|
import { DialogListItem as m } from "../Dialog/DialogListItem.js";
|
|
8
|
+
import { ListItem as e } from "../List/ListItem.js";
|
|
9
9
|
import { BookmarksListItem as a } from "../Bookmarks/BookmarksListItem.js";
|
|
10
10
|
import { ScopeListItem as i } from "./ScopeListItem.js";
|
|
11
11
|
const x = ({ type: o, ...t }) => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import "../../index-L8X2o7IH.js";
|
|
3
|
-
import "../Icon/SvgIcon.js";
|
|
4
3
|
import "react";
|
|
4
|
+
import "../Icon/SvgIcon.js";
|
|
5
5
|
import "./AutocompleteBase.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
7
|
import { ListItem as i } from "../List/ListItem.js";
|
|
@@ -4,9 +4,9 @@ import "../Icon/SvgIcon.js";
|
|
|
4
4
|
import "react";
|
|
5
5
|
import "../Autocomplete/AutocompleteBase.js";
|
|
6
6
|
import { QueryLabel as e } from "./QueryLabel.js";
|
|
7
|
+
import "../RootProvider/RootProvider.js";
|
|
7
8
|
import { ListItemBase as p } from "../List/ListItemBase.js";
|
|
8
9
|
import { ListItemHeader as n } from "../List/ListItemHeader.js";
|
|
9
|
-
import "../RootProvider/RootProvider.js";
|
|
10
10
|
const u = ({ size: i = "sm", title: o, description: s, params: t, ...m }) => /* @__PURE__ */ r(p, { ...m, children: !o && /* @__PURE__ */ r(n, { size: i, title: o, linkIcon: "chevron-right", ...m, children: /* @__PURE__ */ r(e, { params: t }) }) });
|
|
11
11
|
export {
|
|
12
12
|
u as BookmarksListItem
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { BookmarksListItemProps } from '../';
|
|
2
|
+
export interface BookmarksSectionProps {
|
|
3
|
+
title?: string;
|
|
4
|
+
items: BookmarksListItemProps[];
|
|
5
|
+
updatedAtLabel?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const BookmarksSection: ({ title, items, updatedAtLabel }: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as m, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import "../../index-L8X2o7IH.js";
|
|
3
3
|
import "../Icon/SvgIcon.js";
|
|
4
|
-
import { Heading as
|
|
4
|
+
import { Heading as e } from "../Typography/Heading.js";
|
|
5
5
|
import "react";
|
|
6
6
|
import "../Autocomplete/AutocompleteBase.js";
|
|
7
7
|
import { BookmarksList as n } from "./BookmarksList.js";
|
|
8
8
|
import { MetaItem as p } from "../Meta/MetaItem.js";
|
|
9
9
|
import "../RootProvider/RootProvider.js";
|
|
10
|
-
import {
|
|
11
|
-
import { SectionHeader as
|
|
10
|
+
import { Section as c } from "../Page/Section.js";
|
|
11
|
+
import { SectionHeader as s } from "../Page/SectionHeader.js";
|
|
12
12
|
import { SectionFooter as d } from "../Page/SectionFooter.js";
|
|
13
|
-
const
|
|
14
|
-
/* @__PURE__ */ r(
|
|
13
|
+
const z = ({ title: o, items: i, updatedAtLabel: t }) => /* @__PURE__ */ m(c, { padding: "lg", color: "surface", spacing: "lg", inset: !0, children: [
|
|
14
|
+
/* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(e, { size: "sm", children: o }) }),
|
|
15
15
|
/* @__PURE__ */ r(n, { items: i }),
|
|
16
|
-
/* @__PURE__ */ r(d, {
|
|
16
|
+
/* @__PURE__ */ r(d, { children: /* @__PURE__ */ r(p, { children: t }) })
|
|
17
17
|
] });
|
|
18
18
|
export {
|
|
19
|
-
|
|
19
|
+
z as BookmarksSection
|
|
20
20
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { BookmarksList as e } from "./BookmarksList.js";
|
|
2
2
|
import { BookmarksListItem as t } from "./BookmarksListItem.js";
|
|
3
3
|
import { QueryItem as s, QueryLabel as a } from "./QueryLabel.js";
|
|
4
|
+
import { BookmarksSection as p } from "./BookmarksSection.js";
|
|
4
5
|
export {
|
|
5
6
|
e as BookmarksList,
|
|
6
7
|
t as BookmarksListItem,
|
|
8
|
+
p as BookmarksSection,
|
|
7
9
|
s as QueryItem,
|
|
8
10
|
a as QueryLabel
|
|
9
11
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
2
|
export type ButtonVariant = 'solid' | 'outline' | 'dotted' | 'text';
|
|
3
|
-
export type ButtonSize = 'sm' | 'md' | 'lg' | 'custom';
|
|
3
|
+
export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'custom';
|
|
4
4
|
export type ButtonColor = 'primary' | 'secondary';
|
|
5
5
|
export interface ButtonBaseProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
6
6
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import '../../assets/ButtonBase.css';const
|
|
4
|
-
button:
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { c as b } from "../../index-L8X2o7IH.js";
|
|
3
|
+
import '../../assets/ButtonBase.css';const l = "_button_w0yrj_1", p = {
|
|
4
|
+
button: l
|
|
5
5
|
}, _ = ({
|
|
6
6
|
as: o,
|
|
7
7
|
color: a,
|
|
@@ -12,8 +12,8 @@ import '../../assets/ButtonBase.css';const b = "_button_1p2ap_1", l = {
|
|
|
12
12
|
selected: r,
|
|
13
13
|
variant: c,
|
|
14
14
|
tabIndex: m = 0,
|
|
15
|
-
...
|
|
16
|
-
}) => /* @__PURE__ */
|
|
15
|
+
...u
|
|
16
|
+
}) => /* @__PURE__ */ i(
|
|
17
17
|
o || "button",
|
|
18
18
|
{
|
|
19
19
|
tabIndex: m,
|
|
@@ -23,8 +23,8 @@ import '../../assets/ButtonBase.css';const b = "_button_1p2ap_1", l = {
|
|
|
23
23
|
"aria-selected": r,
|
|
24
24
|
"aria-disabled": t,
|
|
25
25
|
disabled: t,
|
|
26
|
-
className:
|
|
27
|
-
...
|
|
26
|
+
className: b(p.button, n),
|
|
27
|
+
...u,
|
|
28
28
|
children: s
|
|
29
29
|
}
|
|
30
30
|
);
|
|
@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
|
|
|
2
2
|
import { Icon as c } from "../Icon/Icon.js";
|
|
3
3
|
import "../Icon/SvgIcon.js";
|
|
4
4
|
import "../../index-L8X2o7IH.js";
|
|
5
|
-
import '../../assets/ButtonIcon.css';const i = "
|
|
5
|
+
import '../../assets/ButtonIcon.css';const i = "_icon_ablit_1", r = {
|
|
6
6
|
icon: i
|
|
7
7
|
}, p = ({ size: n, icon: t }) => /* @__PURE__ */ o("span", { className: r.icon, "data-size": n, children: /* @__PURE__ */ o(c, { name: t }) });
|
|
8
8
|
export {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
import '../../assets/ButtonLabel.css';const o = "
|
|
2
|
+
import { c as e } from "../../index-L8X2o7IH.js";
|
|
3
|
+
import '../../assets/ButtonLabel.css';const o = "_label_1t884_1", r = {
|
|
4
4
|
label: o
|
|
5
|
-
}, b = ({ className:
|
|
5
|
+
}, b = ({ className: t, size: a, children: l }) => /* @__PURE__ */ s("span", { className: e(r.label, t), "data-size": a, children: l });
|
|
6
6
|
export {
|
|
7
7
|
b as ButtonLabel
|
|
8
8
|
};
|
|
@@ -3,11 +3,11 @@ import "../../index-L8X2o7IH.js";
|
|
|
3
3
|
import "../Icon/SvgIcon.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "../Autocomplete/AutocompleteBase.js";
|
|
6
|
-
import {
|
|
7
|
-
import "../RootProvider/RootProvider.js";
|
|
8
|
-
import { Button as c } from "./Button.js";
|
|
6
|
+
import { Button as l } from "./Button.js";
|
|
9
7
|
import { ComboButton as d } from "./ComboButton.js";
|
|
10
8
|
import { IconButton as p } from "./IconButton.js";
|
|
9
|
+
import { MetaItem as c } from "../Meta/MetaItem.js";
|
|
10
|
+
import "../RootProvider/RootProvider.js";
|
|
11
11
|
const I = {
|
|
12
12
|
title: "Atoms/Button/Buttons",
|
|
13
13
|
tags: ["autodocs"],
|
|
@@ -33,13 +33,13 @@ const I = {
|
|
|
33
33
|
width: "100%"
|
|
34
34
|
},
|
|
35
35
|
children: [
|
|
36
|
-
/* @__PURE__ */ o(
|
|
36
|
+
/* @__PURE__ */ o(c, { children: t }),
|
|
37
37
|
n == null ? void 0 : n.map((r) => /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", columnGap: "1rem" }, children: [
|
|
38
38
|
/* @__PURE__ */ o(p, { ...e, icon: "x-mark", variant: t, size: r }),
|
|
39
|
-
/* @__PURE__ */ o(
|
|
40
|
-
/* @__PURE__ */ o(
|
|
39
|
+
/* @__PURE__ */ o(l, { ...e, variant: t, icon: "arrow-left", size: r, children: "Button" }),
|
|
40
|
+
/* @__PURE__ */ o(l, { ...e, reverse: !0, variant: t, icon: "arrow-right", size: r, children: "Button" }),
|
|
41
41
|
/* @__PURE__ */ o(d, { ...e, variant: t, icon: "chevron-down", size: r, children: "ComboButton" }),
|
|
42
|
-
/* @__PURE__ */ o(
|
|
42
|
+
/* @__PURE__ */ o(c, { children: r })
|
|
43
43
|
] }, r))
|
|
44
44
|
]
|
|
45
45
|
},
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as t, jsxs as m } from "react/jsx-runtime";
|
|
2
|
-
import { MetaItem as c } from "../Meta/MetaItem.js";
|
|
3
2
|
import "../../index-L8X2o7IH.js";
|
|
3
|
+
import { MetaItem as c } from "../Meta/MetaItem.js";
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
5
|
import { IconButton as l } from "./IconButton.js";
|
|
6
6
|
const f = {
|