@thewhatmatters/wmds 0.4.9 → 0.4.28
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/CHANGELOG.md +303 -0
- package/CONSUMING.md +62 -1
- package/README.md +1 -1
- package/bin/wmds-check.mjs +47 -0
- package/dist/colors.css +92 -0
- package/dist/components/atoms/Badge/Badge.d.ts +13 -5
- package/dist/components/atoms/Badge/Badge.d.ts.map +1 -1
- package/dist/components/atoms/Badge/Badge.js +56 -48
- package/dist/components/atoms/Badge/badgeStyles.d.ts +15 -0
- package/dist/components/atoms/Badge/badgeStyles.d.ts.map +1 -1
- package/dist/components/atoms/Badge/badgeStyles.js +42 -20
- package/dist/components/atoms/Band/Band.d.ts +27 -0
- package/dist/components/atoms/Band/Band.d.ts.map +1 -0
- package/dist/components/atoms/Band/Band.js +22 -0
- package/dist/components/atoms/Band/bandStyles.d.ts +20 -0
- package/dist/components/atoms/Band/bandStyles.d.ts.map +1 -0
- package/dist/components/atoms/Band/bandStyles.js +23 -0
- package/dist/components/atoms/Button/Button.d.ts +1 -1
- package/dist/components/atoms/Button/Button.d.ts.map +1 -1
- package/dist/components/atoms/Button/Button.js +67 -48
- package/dist/components/atoms/Button/ButtonStatusButton.d.ts.map +1 -1
- package/dist/components/atoms/Button/ButtonStatusButton.js +12 -5
- package/dist/components/atoms/Button/buttonStatusMotion.d.ts.map +1 -1
- package/dist/components/atoms/Button/buttonStatusMotion.js +6 -1
- package/dist/components/atoms/Button/buttonStyles.d.ts +2 -2
- package/dist/components/atoms/Button/buttonStyles.d.ts.map +1 -1
- package/dist/components/atoms/Button/buttonStyles.js +16 -14
- package/dist/components/atoms/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/atoms/Checkbox/Checkbox.js +69 -68
- package/dist/components/atoms/Checkbox/checkboxStyles.d.ts +1 -1
- package/dist/components/atoms/Checkbox/checkboxStyles.d.ts.map +1 -1
- package/dist/components/atoms/Checkbox/checkboxStyles.js +1 -1
- package/dist/components/atoms/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/atoms/IconButton/IconButton.js +13 -12
- package/dist/components/atoms/IconButton/iconButtonStyles.d.ts +2 -2
- package/dist/components/atoms/IconButton/iconButtonStyles.d.ts.map +1 -1
- package/dist/components/atoms/IconButton/iconButtonStyles.js +1 -1
- package/dist/components/atoms/InlinePill/InlinePill.d.ts +42 -0
- package/dist/components/atoms/InlinePill/InlinePill.d.ts.map +1 -0
- package/dist/components/atoms/InlinePill/InlinePill.js +48 -0
- package/dist/components/atoms/InlinePill/inlinePillStyles.d.ts +27 -0
- package/dist/components/atoms/InlinePill/inlinePillStyles.d.ts.map +1 -0
- package/dist/components/atoms/InlinePill/inlinePillStyles.js +19 -0
- package/dist/components/atoms/Input/Input.d.ts +9 -4
- package/dist/components/atoms/Input/Input.d.ts.map +1 -1
- package/dist/components/atoms/Input/Input.js +59 -59
- package/dist/components/atoms/Input/inputShellStyles.d.ts +10 -4
- package/dist/components/atoms/Input/inputShellStyles.d.ts.map +1 -1
- package/dist/components/atoms/Input/inputShellStyles.js +40 -40
- package/dist/components/atoms/RiveHand/RiveHand.d.ts.map +1 -1
- package/dist/components/atoms/RiveHand/RiveHand.js +83 -81
- package/dist/components/atoms/Skeleton/skeletonStyles.js +1 -1
- package/dist/components/atoms/Switch/Switch.d.ts.map +1 -1
- package/dist/components/atoms/Switch/Switch.js +45 -44
- package/dist/components/atoms/Switch/switchStyles.d.ts +1 -1
- package/dist/components/atoms/Switch/switchStyles.d.ts.map +1 -1
- package/dist/components/atoms/Switch/switchStyles.js +1 -1
- package/dist/components/atoms/Table/Table.d.ts +54 -0
- package/dist/components/atoms/Table/Table.d.ts.map +1 -0
- package/dist/components/atoms/Table/Table.js +66 -0
- package/dist/components/atoms/Table/tableStyles.d.ts +18 -0
- package/dist/components/atoms/Table/tableStyles.d.ts.map +1 -0
- package/dist/components/atoms/Table/tableStyles.js +14 -0
- package/dist/components/atoms/TextArea/TextArea.d.ts +6 -0
- package/dist/components/atoms/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.js +86 -78
- package/dist/components/atoms/TextArea/textareaShellStyles.d.ts +2 -2
- package/dist/components/atoms/TextArea/textareaShellStyles.d.ts.map +1 -1
- package/dist/components/atoms/TextArea/textareaShellStyles.js +5 -5
- package/dist/components/molecules/Accordion/accordionStyles.d.ts +1 -1
- package/dist/components/molecules/Accordion/accordionStyles.d.ts.map +1 -1
- package/dist/components/molecules/Accordion/accordionStyles.js +1 -1
- package/dist/components/molecules/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/components/molecules/Breadcrumb/Breadcrumb.js +80 -122
- package/dist/components/molecules/Card/Card.d.ts +28 -6
- package/dist/components/molecules/Card/Card.d.ts.map +1 -1
- package/dist/components/molecules/Card/Card.js +83 -42
- package/dist/components/molecules/Card/cardStyles.d.ts +16 -1
- package/dist/components/molecules/Card/cardStyles.d.ts.map +1 -1
- package/dist/components/molecules/Card/cardStyles.js +19 -5
- package/dist/components/molecules/ChatQa/chatQaStyles.d.ts +1 -1
- package/dist/components/molecules/ChatQa/chatQaStyles.d.ts.map +1 -1
- package/dist/components/molecules/ChatQa/chatQaStyles.js +1 -1
- package/dist/components/molecules/Chip/chipStyles.js +9 -9
- package/dist/components/molecules/CopyField/CopyField.d.ts +41 -0
- package/dist/components/molecules/CopyField/CopyField.d.ts.map +1 -0
- package/dist/components/molecules/CopyField/CopyField.js +120 -0
- package/dist/components/molecules/CopyField/copyFieldStyles.d.ts +28 -0
- package/dist/components/molecules/CopyField/copyFieldStyles.d.ts.map +1 -0
- package/dist/components/molecules/CopyField/copyFieldStyles.js +7 -0
- package/dist/components/molecules/DisplayControls/DisplayControls.d.ts +16 -7
- package/dist/components/molecules/DisplayControls/DisplayControls.d.ts.map +1 -1
- package/dist/components/molecules/DisplayControls/DisplayControls.js +41 -39
- package/dist/components/molecules/DisplayControls/displayControlsState.d.ts +21 -0
- package/dist/components/molecules/DisplayControls/displayControlsState.d.ts.map +1 -1
- package/dist/components/molecules/DisplayControls/displayControlsState.js +46 -4
- package/dist/components/molecules/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/molecules/Dropdown/DropdownItem.d.ts +2 -2
- package/dist/components/molecules/Dropdown/DropdownItem.d.ts.map +1 -1
- package/dist/components/molecules/Dropdown/DropdownItem.js +30 -27
- package/dist/components/molecules/Dropdown/dropdownStyles.js +1 -1
- package/dist/components/molecules/Dropdown/resolveOverflow.d.ts +14 -0
- package/dist/components/molecules/Dropdown/resolveOverflow.d.ts.map +1 -0
- package/dist/components/{organisms/Tab/tabOverflow.js → molecules/Dropdown/resolveOverflow.js} +2 -2
- package/dist/components/molecules/Dropdown/useDropdownMenu.d.ts +70 -0
- package/dist/components/molecules/Dropdown/useDropdownMenu.d.ts.map +1 -0
- package/dist/components/molecules/Dropdown/useDropdownMenu.js +155 -0
- package/dist/components/molecules/Dropdown/useOverflowMenu.d.ts +71 -0
- package/dist/components/molecules/Dropdown/useOverflowMenu.d.ts.map +1 -0
- package/dist/components/molecules/Dropdown/useOverflowMenu.js +61 -0
- package/dist/components/molecules/Field/Field.d.ts.map +1 -1
- package/dist/components/molecules/Field/Field.js +11 -10
- package/dist/components/molecules/LogView/LogView.d.ts +31 -0
- package/dist/components/molecules/LogView/LogView.d.ts.map +1 -0
- package/dist/components/molecules/LogView/LogView.js +109 -0
- package/dist/components/molecules/LogView/logViewStyles.d.ts +11 -0
- package/dist/components/molecules/LogView/logViewStyles.d.ts.map +1 -0
- package/dist/components/molecules/LogView/logViewStyles.js +6 -0
- package/dist/components/molecules/NavList/NavList.d.ts +23 -4
- package/dist/components/molecules/NavList/NavList.d.ts.map +1 -1
- package/dist/components/molecules/NavList/NavList.js +65 -52
- package/dist/components/molecules/NavList/navListStyles.d.ts +2 -0
- package/dist/components/molecules/NavList/navListStyles.d.ts.map +1 -1
- package/dist/components/molecules/NavList/navListStyles.js +3 -3
- package/dist/components/molecules/PageHeader/PageHeader.js +3 -3
- package/dist/components/molecules/PillGroup/pillGroupStyles.js +1 -1
- package/dist/components/molecules/Search/searchStyles.js +1 -1
- package/dist/components/molecules/SegmentedControl/segmentedControlStyles.d.ts +1 -1
- package/dist/components/molecules/SegmentedControl/segmentedControlStyles.d.ts.map +1 -1
- package/dist/components/molecules/SegmentedControl/segmentedControlStyles.js +8 -8
- package/dist/components/molecules/Select/Select.d.ts +3 -1
- package/dist/components/molecules/Select/Select.d.ts.map +1 -1
- package/dist/components/molecules/Select/Select.js +75 -119
- package/dist/components/molecules/Select/selectStyles.js +3 -3
- package/dist/components/molecules/Stat/Stat.d.ts +31 -5
- package/dist/components/molecules/Stat/Stat.d.ts.map +1 -1
- package/dist/components/molecules/Stat/Stat.js +83 -49
- package/dist/components/molecules/Stat/statStyles.d.ts +24 -4
- package/dist/components/molecules/Stat/statStyles.d.ts.map +1 -1
- package/dist/components/molecules/Stat/statStyles.js +30 -13
- package/dist/components/molecules/TaskRows/TaskRows.d.ts +13 -3
- package/dist/components/molecules/TaskRows/TaskRows.d.ts.map +1 -1
- package/dist/components/molecules/TaskRows/TaskRows.js +81 -57
- package/dist/components/molecules/TaskRows/TaskRowsTable.d.ts +54 -0
- package/dist/components/molecules/TaskRows/TaskRowsTable.d.ts.map +1 -0
- package/dist/components/molecules/TaskRows/TaskRowsTable.js +200 -0
- package/dist/components/molecules/TaskRows/taskRowsStyles.d.ts +19 -1
- package/dist/components/molecules/TaskRows/taskRowsStyles.d.ts.map +1 -1
- package/dist/components/molecules/TaskRows/taskRowsStyles.js +7 -3
- package/dist/components/molecules/TextSequence/TextSequence.d.ts.map +1 -1
- package/dist/components/molecules/TextSequence/TextSequence.js +35 -35
- package/dist/components/organisms/AppShell/AppShell.d.ts +84 -0
- package/dist/components/organisms/AppShell/AppShell.d.ts.map +1 -0
- package/dist/components/organisms/AppShell/AppShell.js +231 -0
- package/dist/components/organisms/AppShell/appShellStyles.d.ts +20 -0
- package/dist/components/organisms/AppShell/appShellStyles.d.ts.map +1 -0
- package/dist/components/organisms/AppShell/appShellStyles.js +8 -0
- package/dist/components/organisms/Carousel/Carousel.d.ts +9 -1
- package/dist/components/organisms/Carousel/Carousel.d.ts.map +1 -1
- package/dist/components/organisms/Carousel/Carousel.js +220 -182
- package/dist/components/organisms/Carousel/carouselMath.d.ts +5 -0
- package/dist/components/organisms/Carousel/carouselMath.d.ts.map +1 -1
- package/dist/components/organisms/Carousel/carouselMath.js +9 -1
- package/dist/components/organisms/Carousel/carouselStyles.d.ts +2 -0
- package/dist/components/organisms/Carousel/carouselStyles.d.ts.map +1 -1
- package/dist/components/organisms/Carousel/carouselStyles.js +8 -7
- package/dist/components/organisms/Chart/Chart.d.ts +5 -1
- package/dist/components/organisms/Chart/Chart.d.ts.map +1 -1
- package/dist/components/organisms/Chart/Chart.js +126 -62
- package/dist/components/organisms/Chart/ChartLegend.d.ts +8 -1
- package/dist/components/organisms/Chart/ChartLegend.d.ts.map +1 -1
- package/dist/components/organisms/Chart/ChartLegend.js +43 -13
- package/dist/components/organisms/Chart/ChartSegmentedRing.d.ts +52 -0
- package/dist/components/organisms/Chart/ChartSegmentedRing.d.ts.map +1 -0
- package/dist/components/organisms/Chart/ChartSegmentedRing.js +95 -0
- package/dist/components/organisms/Chart/chartStyles.d.ts +32 -0
- package/dist/components/organisms/Chart/chartStyles.d.ts.map +1 -1
- package/dist/components/organisms/Chart/chartStyles.js +15 -3
- package/dist/components/organisms/ChatDock/ChatDock.d.ts.map +1 -1
- package/dist/components/organisms/ChatDock/ChatDock.js +29 -25
- package/dist/components/organisms/Dialog/AlertDialog.d.ts +7 -1
- package/dist/components/organisms/Dialog/AlertDialog.d.ts.map +1 -1
- package/dist/components/organisms/Dialog/AlertDialog.js +54 -50
- package/dist/components/organisms/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/organisms/Dialog/Dialog.js +52 -71
- package/dist/components/organisms/Dialog/OverlayPanelHeader.d.ts.map +1 -1
- package/dist/components/organisms/Dialog/OverlayPanelHeader.js +1 -0
- package/dist/components/organisms/Dialog/dialogStyles.d.ts +14 -1
- package/dist/components/organisms/Dialog/dialogStyles.d.ts.map +1 -1
- package/dist/components/organisms/Dialog/dialogStyles.js +3 -3
- package/dist/components/organisms/FilterPanel/FilterPanel.d.ts.map +1 -1
- package/dist/components/organisms/FilterPanel/FilterPanel.js +52 -42
- package/dist/components/organisms/IntakeModal/IntakeModal.d.ts +6 -1
- package/dist/components/organisms/IntakeModal/IntakeModal.d.ts.map +1 -1
- package/dist/components/organisms/IntakeModal/IntakeModal.js +54 -66
- package/dist/components/organisms/MoreMenu/MoreMenu.d.ts.map +1 -1
- package/dist/components/organisms/MoreMenu/MoreMenu.js +45 -101
- package/dist/components/organisms/Panel/Panel.d.ts.map +1 -1
- package/dist/components/organisms/Panel/Panel.js +44 -53
- package/dist/components/organisms/Sheet/Sheet.d.ts +3 -1
- package/dist/components/organisms/Sheet/Sheet.d.ts.map +1 -1
- package/dist/components/organisms/Sheet/Sheet.js +66 -81
- package/dist/components/organisms/Sheet/sheetStyles.d.ts +8 -2
- package/dist/components/organisms/Sheet/sheetStyles.d.ts.map +1 -1
- package/dist/components/organisms/Sheet/sheetStyles.js +16 -11
- package/dist/components/organisms/SiteNav/SiteNav.d.ts +0 -9
- package/dist/components/organisms/SiteNav/SiteNav.d.ts.map +1 -1
- package/dist/components/organisms/SiteNav/SiteNav.js +236 -286
- package/dist/components/organisms/SiteNav/siteNavStyles.js +1 -1
- package/dist/components/organisms/Tab/Tab.d.ts.map +1 -1
- package/dist/components/organisms/Tab/Tab.js +77 -127
- package/dist/components/organisms/Tab/tabStyles.d.ts +2 -1
- package/dist/components/organisms/Tab/tabStyles.d.ts.map +1 -1
- package/dist/components/organisms/Tab/tabStyles.js +7 -7
- package/dist/fonts.css +10 -0
- package/dist/grid.css +38 -0
- package/dist/index.d.ts +16 -8
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +152 -139
- package/dist/lib/chartTheme.d.ts +11 -0
- package/dist/lib/chartTheme.d.ts.map +1 -1
- package/dist/lib/compositionAudit.d.ts.map +1 -1
- package/dist/lib/contrast.d.ts +11 -0
- package/dist/lib/contrast.d.ts.map +1 -0
- package/dist/lib/dialogOverlay.d.ts +34 -1
- package/dist/lib/dialogOverlay.d.ts.map +1 -1
- package/dist/lib/dialogOverlay.js +100 -23
- package/dist/lib/sheetParam/index.d.ts +3 -0
- package/dist/lib/sheetParam/index.d.ts.map +1 -0
- package/dist/lib/sheetParam/sheetParam.d.ts +15 -0
- package/dist/lib/sheetParam/sheetParam.d.ts.map +1 -0
- package/dist/lib/sheetParam/sheetParam.js +26 -0
- package/dist/lib/sheetParam/useSheetParam.d.ts +25 -0
- package/dist/lib/sheetParam/useSheetParam.d.ts.map +1 -0
- package/dist/lib/sheetParam/useSheetParam.js +29 -0
- package/dist/lib/typography.d.ts +1 -1
- package/dist/lib/typography.d.ts.map +1 -1
- package/dist/shape.css +24 -3
- package/dist/styles.css +1 -1
- package/dist/typography.css +55 -8
- package/docs/README.md +1 -1
- package/docs/component-contracts.md +101 -0
- package/docs/components.md +19 -12
- package/docs/exports.json +142 -15
- package/docs/patterns/components-accordion--flush.tsx +1 -1
- package/docs/patterns/components-appshell--portal-dashboard-pattern.tsx +176 -0
- package/docs/patterns/components-avatar--dropdown-row.tsx +1 -1
- package/docs/patterns/components-badge--outline-tags.tsx +1 -1
- package/docs/patterns/components-badge--status-pill.tsx +31 -0
- package/docs/patterns/components-badge--with-avatar.tsx +1 -1
- package/docs/patterns/components-band--page-in-bands.tsx +39 -0
- package/docs/patterns/components-breadcrumb--editorial.tsx +1 -1
- package/docs/patterns/components-breadcrumb--long-path.tsx +1 -1
- package/docs/patterns/components-breadcrumb--path.tsx +1 -1
- package/docs/patterns/components-breadcrumb--router-links.tsx +1 -1
- package/docs/patterns/components-button-button--copy-button.tsx +1 -1
- package/docs/patterns/components-button-button--destructive-action.tsx +1 -1
- package/docs/patterns/components-button-button--external-link.tsx +1 -1
- package/docs/patterns/components-button-button--ghost-action.tsx +1 -1
- package/docs/patterns/components-button-button--inverse-action.tsx +1 -1
- package/docs/patterns/components-button-button--link-render.tsx +1 -1
- package/docs/patterns/components-button-button--multi-state-badge.tsx +1 -1
- package/docs/patterns/components-button-button--outline-mono.tsx +1 -1
- package/docs/patterns/components-button-button--primary-action.tsx +1 -1
- package/docs/patterns/components-button-button--row-hug.tsx +1 -1
- package/docs/patterns/components-button-button--row-layout.tsx +1 -1
- package/docs/patterns/components-button-button--secondary-action.tsx +1 -1
- package/docs/patterns/components-button-button--suggestion-pills.tsx +1 -1
- package/docs/patterns/components-button-button--with-count.tsx +1 -1
- package/docs/patterns/components-button-button--with-icon.tsx +1 -1
- package/docs/patterns/components-button-floatingactionbutton--vertical-actions.tsx +1 -1
- package/docs/patterns/components-calembed--pattern-skip-in-footer.tsx +1 -1
- package/docs/patterns/components-card-card--body-slot-occupancy-history.tsx +1 -1
- package/docs/patterns/components-card-card--headerless-media.tsx +1 -1
- package/docs/patterns/components-card-card--outlined-layout.tsx +1 -1
- package/docs/patterns/components-card-card--pinned-height.tsx +1 -1
- package/docs/patterns/components-card-card--terminal-frame.tsx +48 -0
- package/docs/patterns/components-card-selectablecard--selectable-cards-pattern.tsx +1 -1
- package/docs/patterns/components-carousel--image-carousel.tsx +1 -1
- package/docs/patterns/components-chart--audience-activity-heatmap.tsx +1 -1
- package/docs/patterns/components-chart--cartesian-no-data-gaps.tsx +1 -1
- package/docs/patterns/components-chart--occupancy-history-in-card.tsx +1 -1
- package/docs/patterns/components-chart--occupancy-in-card.tsx +1 -1
- package/docs/patterns/components-chart--post-reach-distribution.tsx +1 -1
- package/docs/patterns/components-chart--ranked-audience-breakdown.tsx +1 -1
- package/docs/patterns/components-chart--revenue-by-line.tsx +68 -0
- package/docs/patterns/components-chart--segmented-ring-pattern.tsx +144 -0
- package/docs/patterns/components-chart--unit-grid-composition.tsx +1 -1
- package/docs/patterns/components-chatdock--pattern-chat-dock.tsx +1 -1
- package/docs/patterns/components-chatdock--pattern-start-project-gate.tsx +1 -1
- package/docs/patterns/components-chatqa--pattern-qa-with-reply.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--default.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--with-count.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--with-description.tsx +1 -1
- package/docs/patterns/components-checkbox-checkboxgroup--default.tsx +1 -1
- package/docs/patterns/components-checkbox-checkboxgroup--option-counts.tsx +1 -1
- package/docs/patterns/components-copyfield--clipboard-blocked.tsx +9 -0
- package/docs/patterns/components-copyfield--copied.tsx +9 -0
- package/docs/patterns/components-copyfield--copy-key.tsx +9 -0
- package/docs/patterns/components-copyfield--on-navy.tsx +29 -0
- package/docs/patterns/components-descriptionlist--details.tsx +1 -1
- package/docs/patterns/components-descriptionlist--post-metadata.tsx +1 -1
- package/docs/patterns/components-dialog--alert-dialog-destructive.tsx +1 -1
- package/docs/patterns/components-dialog--alert-dialog-typed-confirmation.tsx +54 -0
- package/docs/patterns/components-dialog--default-dialog.tsx +1 -1
- package/docs/patterns/components-dialog--form-dialog.tsx +1 -1
- package/docs/patterns/components-displaycontrols--page-utilities.tsx +1 -1
- package/docs/patterns/components-displaycontrols--theme-switch.tsx +35 -0
- package/docs/patterns/components-field--horizontal-input.tsx +1 -1
- package/docs/patterns/components-field--horizontal-text-area.tsx +1 -1
- package/docs/patterns/components-field--multi-control.tsx +1 -1
- package/docs/patterns/components-filterpanel--panel.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-hero-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-hero-ruled-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-hero-with-gallery-intro.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-page-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--ruled-grid-footer-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--sequenced-marketing-hero.tsx +1 -1
- package/docs/patterns/components-herointro--two-line-intro.tsx +1 -1
- package/docs/patterns/components-herotilestack--marketing-hero-pattern.tsx +1 -1
- package/docs/patterns/components-herotilestack--marketing-hero-text-sequence.tsx +1 -1
- package/docs/patterns/components-herotilestack--marketing-hero-with-gallery-intro.tsx +1 -1
- package/docs/patterns/components-indexlist--post-index.tsx +1 -1
- package/docs/patterns/components-intakeconfirmation--booked-pattern.tsx +1 -1
- package/docs/patterns/components-intakeconfirmation--emailed-pattern.tsx +1 -1
- package/docs/patterns/components-intakeform--about-you-pattern.tsx +1 -1
- package/docs/patterns/components-intakeform--short-form-pattern.tsx +1 -1
- package/docs/patterns/components-intakemodal--intake-modal-pattern.tsx +1 -1
- package/docs/patterns/components-kbd--command-row.tsx +1 -1
- package/docs/patterns/components-kbd--numbered-choices.tsx +1 -1
- package/docs/patterns/components-kbd--shortcut.tsx +1 -1
- package/docs/patterns/components-linktile--resource-tile.tsx +1 -1
- package/docs/patterns/components-linktile--router-link.tsx +1 -1
- package/docs/patterns/components-logview--detail-pane.tsx +80 -0
- package/docs/patterns/components-logview--log-viewer.tsx +20 -0
- package/docs/patterns/components-moremenu--action-menu.tsx +1 -1
- package/docs/patterns/components-moremenu--in-card-header.tsx +1 -1
- package/docs/patterns/components-navlist--app-sidebar.tsx +118 -0
- package/docs/patterns/components-navlist--side-nav-settings.tsx +1 -1
- package/docs/patterns/components-pageheader--app-header-pattern.tsx +1 -1
- package/docs/patterns/components-pageheader--page-section-header.tsx +1 -1
- package/docs/patterns/components-pageheader--toolbar-header.tsx +1 -1
- package/docs/patterns/components-panel--end-detail-rail.tsx +1 -1
- package/docs/patterns/components-pillgroup--pill-group-pattern.tsx +1 -1
- package/docs/patterns/components-promptbar--pattern-prompt-bar.tsx +1 -1
- package/docs/patterns/components-prose--article-body.tsx +1 -1
- package/docs/patterns/components-radio-radiogroup--default.tsx +1 -1
- package/docs/patterns/components-scrollhorizontal--project-gallery-pattern.tsx +1 -1
- package/docs/patterns/components-scrollhorizontal--with-intro.tsx +1 -1
- package/docs/patterns/components-sectioncaption--column-caption.tsx +1 -1
- package/docs/patterns/components-sectioncaption--with-action.tsx +1 -1
- package/docs/patterns/components-sheet--bottom-sheet.tsx +1 -1
- package/docs/patterns/components-sheet--end-sheet.tsx +1 -1
- package/docs/patterns/components-sheet--side-sheet-header-actions.tsx +50 -0
- package/docs/patterns/components-sheet--side-sheet-url-deep-link.tsx +51 -0
- package/docs/patterns/components-sheet--side-sheet.tsx +38 -0
- package/docs/patterns/components-sitenav--brand-and-cta.tsx +1 -1
- package/docs/patterns/components-sitenav--centered-links.tsx +1 -1
- package/docs/patterns/components-sitenav--compact.tsx +1 -1
- package/docs/patterns/components-sitenav--marketing-header.tsx +1 -1
- package/docs/patterns/components-sitenav--mega-menu.tsx +1 -1
- package/docs/patterns/components-stat--hero-stat.tsx +54 -0
- package/docs/patterns/components-stat--insights-row.tsx +1 -1
- package/docs/patterns/components-stepprogress--step-progress-pattern.tsx +1 -1
- package/docs/patterns/components-switch--default.tsx +1 -1
- package/docs/patterns/components-switch--settings-row.tsx +1 -1
- package/docs/patterns/components-tab--settings-pages.tsx +1 -1
- package/docs/patterns/components-table--approvals-with-sheet.tsx +81 -0
- package/docs/patterns/components-table--approvals.tsx +223 -0
- package/docs/patterns/components-table--basic.tsx +60 -0
- package/docs/patterns/components-taskrows--action-details.tsx +1 -1
- package/docs/patterns/components-taskrows--capsules.tsx +1 -1
- package/docs/patterns/components-taskrows--card-with-status-rows.tsx +1 -1
- package/docs/patterns/components-taskrows--controlled-expand.tsx +1 -1
- package/docs/patterns/components-taskrows--custom-slots.tsx +1 -1
- package/docs/patterns/components-taskrows--needs-you-table.tsx +62 -0
- package/docs/patterns/components-taskrows--status-list.tsx +1 -1
- package/docs/patterns/components-taskrows--tag-chips.tsx +1 -1
- package/docs/patterns/components-textarea--save-status.tsx +32 -0
- package/docs/patterns/components-textlink--external-destination.tsx +1 -1
- package/docs/patterns/components-textlink--inline-prose.tsx +1 -1
- package/docs/patterns/components-textlink--quiet-title.tsx +1 -1
- package/docs/patterns/components-textlink--supporting-copy.tsx +1 -1
- package/docs/patterns/components-textsequence--default.tsx +1 -1
- package/docs/patterns/components-textsequence--reduced-motion.tsx +1 -1
- package/docs/patterns/components-textsequence--shapes.tsx +1 -1
- package/docs/patterns/components-tilegrid--masonry.tsx +1 -1
- package/docs/patterns/components-toast--stacked-notifications.tsx +1 -1
- package/docs/patterns/components-tooltip--controlled.tsx +1 -1
- package/docs/patterns/components-tooltip--disabled-control.tsx +1 -1
- package/docs/patterns/components-tooltip--icon-action.tsx +1 -1
- package/docs/patterns/components-tooltip--keyboard-shortcut.tsx +1 -1
- package/docs/patterns/components-tooltip--placement.tsx +1 -1
- package/docs/patterns/foundations-scroll-fade--horizontal-rail.tsx +1 -1
- package/docs/patterns/foundations-scroll-fade--overflowing-list.tsx +1 -1
- package/docs/patterns/guides-chart-explorations--comparison-gallery.tsx +1 -1
- package/docs/patterns/guides-filter-panel--filtered-grid.tsx +1 -1
- package/docs/patterns/guides-filter-panel--filtered-index.tsx +1 -1
- package/docs/patterns/guides-overlay-flows--notification-preferences.tsx +1 -1
- package/docs/patterns/guides-post-page--post-page.tsx +1 -1
- package/docs/patterns/guides-profile-typography--editorial-profile.tsx +1 -1
- package/docs/patterns/guides-resource-detail--detail.tsx +1 -1
- package/docs/patterns/index.json +193 -1
- package/package.json +1 -1
- package/dist/components/organisms/Tab/tabOverflow.d.ts +0 -14
- package/dist/components/organisms/Tab/tabOverflow.d.ts.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — controlled expand
|
|
2
2
|
// Storybook: Components/TaskRows → Pattern — controlled expand (?path=/story/components-taskrows--controlled-expand)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — custom leading / trailing
|
|
2
2
|
// Storybook: Components/TaskRows → Pattern — custom leading / trailing (?path=/story/components-taskrows--custom-slots)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — needs you
|
|
2
|
+
// Storybook: Components/TaskRows → Pattern — needs you (?path=/story/components-taskrows--needs-you-table)
|
|
3
|
+
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
|
+
|
|
5
|
+
import { Card, TaskRows, cardLayoutBodyOccupantInsetXClasses, cardLayoutBodyOccupantPadYClasses, cardTitleClasses, type TaskRowsColumn } from "@thewhatmatters/wmds";
|
|
6
|
+
|
|
7
|
+
const columns: TaskRowsColumn[] = [
|
|
8
|
+
{ id: "title", header: "Campaign" },
|
|
9
|
+
{ id: "waiting", header: "Waiting on you" },
|
|
10
|
+
{ id: "metric", header: "Live posts", align: "end" },
|
|
11
|
+
];
|
|
12
|
+
|
|
13
|
+
const wellClasses = [
|
|
14
|
+
"flex flex-col",
|
|
15
|
+
cardLayoutBodyOccupantPadYClasses,
|
|
16
|
+
cardLayoutBodyOccupantInsetXClasses,
|
|
17
|
+
].join(" ");
|
|
18
|
+
|
|
19
|
+
export function CampaignsThatNeedYou() {
|
|
20
|
+
return (
|
|
21
|
+
<div className="grid w-full gap-6">
|
|
22
|
+
<section>
|
|
23
|
+
<Card shape="rounded">
|
|
24
|
+
<Card.Header start={<h2 className={cardTitleClasses}>Campaigns that need you</h2>} />
|
|
25
|
+
<Card.Body>
|
|
26
|
+
<div className={wellClasses}>
|
|
27
|
+
<TaskRows variant="table" columns={columns} empty="Nothing waiting">
|
|
28
|
+
<TaskRows.Row
|
|
29
|
+
title="Stir in strength"
|
|
30
|
+
href="/campaigns/stir"
|
|
31
|
+
status={{ tone: "success", label: "Active · day 41" }}
|
|
32
|
+
waiting={{ label: "22 creators", detail: "4 waiting over 5 days" }}
|
|
33
|
+
metric={{ value: "49", detail: "12 this week" }}
|
|
34
|
+
/>
|
|
35
|
+
<TaskRows.Row
|
|
36
|
+
title="Healthier every day"
|
|
37
|
+
href="/campaigns/healthier"
|
|
38
|
+
status={{ tone: "warning", label: "Open · 2d" }}
|
|
39
|
+
waiting={{ label: "4 creators", detail: "all within 48h target" }}
|
|
40
|
+
metric={{ value: "10", detail: "2 this week" }}
|
|
41
|
+
/>
|
|
42
|
+
<TaskRows.Row title="Outreach" source="unwired" note="Outreach is not connected" />
|
|
43
|
+
<TaskRows.Row title="Matching" source="loading" />
|
|
44
|
+
<TaskRows.Row title="Brand settings" source="error" note="Could not load this source" />
|
|
45
|
+
</TaskRows>
|
|
46
|
+
</div>
|
|
47
|
+
</Card.Body>
|
|
48
|
+
</Card>
|
|
49
|
+
</section>
|
|
50
|
+
<section>
|
|
51
|
+
<Card shape="rounded">
|
|
52
|
+
<Card.Header start={<h2 className={cardTitleClasses}>Caught up</h2>} />
|
|
53
|
+
<Card.Body>
|
|
54
|
+
<div className={wellClasses}>
|
|
55
|
+
<TaskRows variant="table" columns={columns} empty="Nothing waiting" />
|
|
56
|
+
</div>
|
|
57
|
+
</Card.Body>
|
|
58
|
+
</Card>
|
|
59
|
+
</section>
|
|
60
|
+
</div>
|
|
61
|
+
);
|
|
62
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — status rows
|
|
2
2
|
// Storybook: Components/TaskRows → Pattern — status rows (?path=/story/components-taskrows--status-list)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — tag chips
|
|
2
2
|
// Storybook: Components/TaskRows → Pattern — tag chips (?path=/story/components-taskrows--tag-chips)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — save status
|
|
2
|
+
// Storybook: Components/TextArea → Pattern — save status (?path=/story/components-textarea--save-status)
|
|
3
|
+
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
|
+
|
|
5
|
+
"use client";
|
|
6
|
+
|
|
7
|
+
import { useEffect, useState } from "react";
|
|
8
|
+
import { TextArea } from "@thewhatmatters/wmds";
|
|
9
|
+
|
|
10
|
+
export function NotesField() {
|
|
11
|
+
const [value, setValue] = useState("");
|
|
12
|
+
const [saveState, setSaveState] = useState<"idle" | "saving" | "saved">("idle");
|
|
13
|
+
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
if (saveState !== "saving") return;
|
|
16
|
+
const timer = setTimeout(() => setSaveState("saved"), 600);
|
|
17
|
+
return () => clearTimeout(timer);
|
|
18
|
+
}, [saveState, value]);
|
|
19
|
+
|
|
20
|
+
return (
|
|
21
|
+
<TextArea
|
|
22
|
+
label="Notes"
|
|
23
|
+
description="Saved automatically as you type."
|
|
24
|
+
value={value}
|
|
25
|
+
onChange={(event) => {
|
|
26
|
+
setValue(event.target.value);
|
|
27
|
+
setSaveState("saving");
|
|
28
|
+
}}
|
|
29
|
+
liveStatus={saveState === "saving" ? "Saving…" : saveState === "saved" ? "Saved" : ""}
|
|
30
|
+
/>
|
|
31
|
+
);
|
|
32
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — external destination
|
|
2
2
|
// Storybook: Components/TextLink → Pattern — external destination (?path=/story/components-textlink--external-destination)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — inline prose link
|
|
2
2
|
// Storybook: Components/TextLink → Pattern — inline prose link (?path=/story/components-textlink--inline-prose)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — quiet title link
|
|
2
2
|
// Storybook: Components/TextLink → Pattern — quiet title link (?path=/story/components-textlink--quiet-title)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — supporting copy link
|
|
2
2
|
// Storybook: Components/TextLink → Pattern — supporting copy link (?path=/story/components-textlink--supporting-copy)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Default
|
|
2
2
|
// Storybook: Components/TextSequence → Default (?path=/story/components-textsequence--default)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Reduced motion
|
|
2
2
|
// Storybook: Components/TextSequence → Reduced motion (?path=/story/components-textsequence--reduced-motion)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — tile grid
|
|
2
2
|
// Storybook: Components/TileGrid → Pattern — tile grid (?path=/story/components-tilegrid--masonry)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — stacked notifications
|
|
2
2
|
// Storybook: Components/Toast → Pattern — stacked notifications (?path=/story/components-toast--stacked-notifications)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — controlled state
|
|
2
2
|
// Storybook: Components/Tooltip → Pattern — controlled state (?path=/story/components-tooltip--controlled)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — disabled control
|
|
2
2
|
// Storybook: Components/Tooltip → Pattern — disabled control (?path=/story/components-tooltip--disabled-control)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — icon-only action
|
|
2
2
|
// Storybook: Components/Tooltip → Pattern — icon-only action (?path=/story/components-tooltip--icon-action)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — keyboard shortcut
|
|
2
2
|
// Storybook: Components/Tooltip → Pattern — keyboard shortcut (?path=/story/components-tooltip--keyboard-shortcut)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — placement
|
|
2
2
|
// Storybook: Components/Tooltip → Pattern — placement (?path=/story/components-tooltip--placement)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — horizontal rail
|
|
2
2
|
// Storybook: Foundations/Scroll fade → Pattern — horizontal rail (?path=/story/foundations-scroll-fade--horizontal-rail)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — overflowing list
|
|
2
2
|
// Storybook: Foundations/Scroll fade → Pattern — overflowing list (?path=/story/foundations-scroll-fade--overflowing-list)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — chart comparison gallery
|
|
2
2
|
// Storybook: Guides/Chart explorations → Pattern — chart comparison gallery (?path=/story/guides-chart-explorations--comparison-gallery)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — filtered grid
|
|
2
2
|
// Storybook: Guides/Filter panel → Pattern — filtered grid (?path=/story/guides-filter-panel--filtered-grid)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — filtered index
|
|
2
2
|
// Storybook: Guides/Filter panel → Pattern — filtered index (?path=/story/guides-filter-panel--filtered-index)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — notification preferences
|
|
2
2
|
// Storybook: Guides/Overlay flows → Pattern — notification preferences (?path=/story/guides-overlay-flows--notification-preferences)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — post page
|
|
2
2
|
// Storybook: Guides/Post page → Pattern — post page (?path=/story/guides-post-page--post-page)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — editorial profile
|
|
2
2
|
// Storybook: Guides/Profile typography → Pattern — editorial profile (?path=/story/guides-profile-typography--editorial-profile)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// @thewhatmatters/wmds@0.4.
|
|
1
|
+
// @thewhatmatters/wmds@0.4.28 · Pattern — resource detail
|
|
2
2
|
// Storybook: Guides/Resource detail → Pattern — resource detail (?path=/story/guides-resource-detail--detail)
|
|
3
3
|
// Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
|
|
4
4
|
|
package/docs/patterns/index.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"package": "@thewhatmatters/wmds",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.28",
|
|
4
4
|
"patterns": [
|
|
5
5
|
{
|
|
6
6
|
"id": "components-accordion--flush",
|
|
@@ -10,6 +10,14 @@
|
|
|
10
10
|
"storybook": "?path=/story/components-accordion--flush",
|
|
11
11
|
"source": "src/components/molecules/Accordion/Accordion.stories.tsx"
|
|
12
12
|
},
|
|
13
|
+
{
|
|
14
|
+
"id": "components-appshell--portal-dashboard-pattern",
|
|
15
|
+
"title": "Components/AppShell",
|
|
16
|
+
"name": "Pattern — portal dashboard",
|
|
17
|
+
"file": "patterns/components-appshell--portal-dashboard-pattern.tsx",
|
|
18
|
+
"storybook": "?path=/story/components-appshell--portal-dashboard-pattern",
|
|
19
|
+
"source": "src/components/organisms/AppShell/AppShell.stories.tsx"
|
|
20
|
+
},
|
|
13
21
|
{
|
|
14
22
|
"id": "components-avatar--dropdown-row",
|
|
15
23
|
"title": "Components/Avatar",
|
|
@@ -26,6 +34,14 @@
|
|
|
26
34
|
"storybook": "?path=/story/components-badge--outline-tags",
|
|
27
35
|
"source": "src/components/atoms/Badge/Badge.stories.tsx"
|
|
28
36
|
},
|
|
37
|
+
{
|
|
38
|
+
"id": "components-badge--status-pill",
|
|
39
|
+
"title": "Components/Badge",
|
|
40
|
+
"name": "Pattern — status pill",
|
|
41
|
+
"file": "patterns/components-badge--status-pill.tsx",
|
|
42
|
+
"storybook": "?path=/story/components-badge--status-pill",
|
|
43
|
+
"source": "src/components/atoms/Badge/Badge.stories.tsx"
|
|
44
|
+
},
|
|
29
45
|
{
|
|
30
46
|
"id": "components-badge--with-avatar",
|
|
31
47
|
"title": "Components/Badge",
|
|
@@ -34,6 +50,14 @@
|
|
|
34
50
|
"storybook": "?path=/story/components-badge--with-avatar",
|
|
35
51
|
"source": "src/components/atoms/Badge/Badge.stories.tsx"
|
|
36
52
|
},
|
|
53
|
+
{
|
|
54
|
+
"id": "components-band--page-in-bands",
|
|
55
|
+
"title": "Components/Band",
|
|
56
|
+
"name": "Pattern — page in bands",
|
|
57
|
+
"file": "patterns/components-band--page-in-bands.tsx",
|
|
58
|
+
"storybook": "?path=/story/components-band--page-in-bands",
|
|
59
|
+
"source": "src/components/atoms/Band/Band.stories.tsx"
|
|
60
|
+
},
|
|
37
61
|
{
|
|
38
62
|
"id": "components-breadcrumb--editorial",
|
|
39
63
|
"title": "Components/Breadcrumb",
|
|
@@ -234,6 +258,14 @@
|
|
|
234
258
|
"storybook": "?path=/story/components-card-card--pinned-height",
|
|
235
259
|
"source": "src/components/molecules/Card/Card.stories.tsx"
|
|
236
260
|
},
|
|
261
|
+
{
|
|
262
|
+
"id": "components-card-card--terminal-frame",
|
|
263
|
+
"title": "Components/Card/Card",
|
|
264
|
+
"name": "Pattern — terminal frame",
|
|
265
|
+
"file": "patterns/components-card-card--terminal-frame.tsx",
|
|
266
|
+
"storybook": "?path=/story/components-card-card--terminal-frame",
|
|
267
|
+
"source": "src/components/molecules/Card/Card.stories.tsx"
|
|
268
|
+
},
|
|
237
269
|
{
|
|
238
270
|
"id": "components-card-selectablecard--selectable-cards-pattern",
|
|
239
271
|
"title": "Components/Card/SelectableCard",
|
|
@@ -298,6 +330,22 @@
|
|
|
298
330
|
"storybook": "?path=/story/components-chart--ranked-audience-breakdown",
|
|
299
331
|
"source": "src/components/organisms/Chart/Chart.stories.tsx"
|
|
300
332
|
},
|
|
333
|
+
{
|
|
334
|
+
"id": "components-chart--revenue-by-line",
|
|
335
|
+
"title": "Components/Chart",
|
|
336
|
+
"name": "Pattern — revenue by line",
|
|
337
|
+
"file": "patterns/components-chart--revenue-by-line.tsx",
|
|
338
|
+
"storybook": "?path=/story/components-chart--revenue-by-line",
|
|
339
|
+
"source": "src/components/organisms/Chart/Chart.stories.tsx"
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
"id": "components-chart--segmented-ring-pattern",
|
|
343
|
+
"title": "Components/Chart",
|
|
344
|
+
"name": "Pattern — segmented ring",
|
|
345
|
+
"file": "patterns/components-chart--segmented-ring-pattern.tsx",
|
|
346
|
+
"storybook": "?path=/story/components-chart--segmented-ring-pattern",
|
|
347
|
+
"source": "src/components/organisms/Chart/Chart.stories.tsx"
|
|
348
|
+
},
|
|
301
349
|
{
|
|
302
350
|
"id": "components-chart--unit-grid-composition",
|
|
303
351
|
"title": "Components/Chart",
|
|
@@ -370,6 +418,38 @@
|
|
|
370
418
|
"storybook": "?path=/story/components-checkbox-checkboxgroup--option-counts",
|
|
371
419
|
"source": "src/components/molecules/CheckboxGroup/CheckboxGroup.stories.tsx"
|
|
372
420
|
},
|
|
421
|
+
{
|
|
422
|
+
"id": "components-copyfield--clipboard-blocked",
|
|
423
|
+
"title": "Components/CopyField",
|
|
424
|
+
"name": "Pattern — clipboard blocked",
|
|
425
|
+
"file": "patterns/components-copyfield--clipboard-blocked.tsx",
|
|
426
|
+
"storybook": "?path=/story/components-copyfield--clipboard-blocked",
|
|
427
|
+
"source": "src/components/molecules/CopyField/CopyField.stories.tsx"
|
|
428
|
+
},
|
|
429
|
+
{
|
|
430
|
+
"id": "components-copyfield--copied",
|
|
431
|
+
"title": "Components/CopyField",
|
|
432
|
+
"name": "Pattern — copied",
|
|
433
|
+
"file": "patterns/components-copyfield--copied.tsx",
|
|
434
|
+
"storybook": "?path=/story/components-copyfield--copied",
|
|
435
|
+
"source": "src/components/molecules/CopyField/CopyField.stories.tsx"
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
"id": "components-copyfield--copy-key",
|
|
439
|
+
"title": "Components/CopyField",
|
|
440
|
+
"name": "Pattern — copy key",
|
|
441
|
+
"file": "patterns/components-copyfield--copy-key.tsx",
|
|
442
|
+
"storybook": "?path=/story/components-copyfield--copy-key",
|
|
443
|
+
"source": "src/components/molecules/CopyField/CopyField.stories.tsx"
|
|
444
|
+
},
|
|
445
|
+
{
|
|
446
|
+
"id": "components-copyfield--on-navy",
|
|
447
|
+
"title": "Components/CopyField",
|
|
448
|
+
"name": "Pattern — on a navy field",
|
|
449
|
+
"file": "patterns/components-copyfield--on-navy.tsx",
|
|
450
|
+
"storybook": "?path=/story/components-copyfield--on-navy",
|
|
451
|
+
"source": "src/components/molecules/CopyField/CopyField.stories.tsx"
|
|
452
|
+
},
|
|
373
453
|
{
|
|
374
454
|
"id": "components-descriptionlist--details",
|
|
375
455
|
"title": "Components/DescriptionList",
|
|
@@ -394,6 +474,14 @@
|
|
|
394
474
|
"storybook": "?path=/story/components-dialog--alert-dialog-destructive",
|
|
395
475
|
"source": "src/components/organisms/Dialog/Dialog.stories.tsx"
|
|
396
476
|
},
|
|
477
|
+
{
|
|
478
|
+
"id": "components-dialog--alert-dialog-typed-confirmation",
|
|
479
|
+
"title": "Components/Dialog",
|
|
480
|
+
"name": "Pattern — alert dialog (typed confirmation delete)",
|
|
481
|
+
"file": "patterns/components-dialog--alert-dialog-typed-confirmation.tsx",
|
|
482
|
+
"storybook": "?path=/story/components-dialog--alert-dialog-typed-confirmation",
|
|
483
|
+
"source": "src/components/organisms/Dialog/Dialog.stories.tsx"
|
|
484
|
+
},
|
|
397
485
|
{
|
|
398
486
|
"id": "components-dialog--default-dialog",
|
|
399
487
|
"title": "Components/Dialog",
|
|
@@ -418,6 +506,14 @@
|
|
|
418
506
|
"storybook": "?path=/story/components-displaycontrols--page-utilities",
|
|
419
507
|
"source": "src/components/molecules/DisplayControls/DisplayControls.stories.tsx"
|
|
420
508
|
},
|
|
509
|
+
{
|
|
510
|
+
"id": "components-displaycontrols--theme-switch",
|
|
511
|
+
"title": "Components/DisplayControls",
|
|
512
|
+
"name": "Pattern — theme switch",
|
|
513
|
+
"file": "patterns/components-displaycontrols--theme-switch.tsx",
|
|
514
|
+
"storybook": "?path=/story/components-displaycontrols--theme-switch",
|
|
515
|
+
"source": "src/components/molecules/DisplayControls/DisplayControls.stories.tsx"
|
|
516
|
+
},
|
|
421
517
|
{
|
|
422
518
|
"id": "components-field--horizontal-input",
|
|
423
519
|
"title": "Components/Field",
|
|
@@ -618,6 +714,22 @@
|
|
|
618
714
|
"storybook": "?path=/story/components-linktile--router-link",
|
|
619
715
|
"source": "src/components/molecules/LinkTile/LinkTile.stories.tsx"
|
|
620
716
|
},
|
|
717
|
+
{
|
|
718
|
+
"id": "components-logview--detail-pane",
|
|
719
|
+
"title": "Components/LogView",
|
|
720
|
+
"name": "Pattern — detail pane",
|
|
721
|
+
"file": "patterns/components-logview--detail-pane.tsx",
|
|
722
|
+
"storybook": "?path=/story/components-logview--detail-pane",
|
|
723
|
+
"source": "src/components/molecules/LogView/LogView.stories.tsx"
|
|
724
|
+
},
|
|
725
|
+
{
|
|
726
|
+
"id": "components-logview--log-viewer",
|
|
727
|
+
"title": "Components/LogView",
|
|
728
|
+
"name": "Pattern — log viewer",
|
|
729
|
+
"file": "patterns/components-logview--log-viewer.tsx",
|
|
730
|
+
"storybook": "?path=/story/components-logview--log-viewer",
|
|
731
|
+
"source": "src/components/molecules/LogView/LogView.stories.tsx"
|
|
732
|
+
},
|
|
621
733
|
{
|
|
622
734
|
"id": "components-moremenu--action-menu",
|
|
623
735
|
"title": "Components/MoreMenu",
|
|
@@ -634,6 +746,14 @@
|
|
|
634
746
|
"storybook": "?path=/story/components-moremenu--in-card-header",
|
|
635
747
|
"source": "src/components/organisms/MoreMenu/MoreMenu.stories.tsx"
|
|
636
748
|
},
|
|
749
|
+
{
|
|
750
|
+
"id": "components-navlist--app-sidebar",
|
|
751
|
+
"title": "Components/NavList",
|
|
752
|
+
"name": "Pattern — app sidebar",
|
|
753
|
+
"file": "patterns/components-navlist--app-sidebar.tsx",
|
|
754
|
+
"storybook": "?path=/story/components-navlist--app-sidebar",
|
|
755
|
+
"source": "src/components/molecules/NavList/NavList.stories.tsx"
|
|
756
|
+
},
|
|
637
757
|
{
|
|
638
758
|
"id": "components-navlist--side-nav-settings",
|
|
639
759
|
"title": "Components/NavList",
|
|
@@ -754,6 +874,30 @@
|
|
|
754
874
|
"storybook": "?path=/story/components-sheet--end-sheet",
|
|
755
875
|
"source": "src/components/organisms/Sheet/Sheet.stories.tsx"
|
|
756
876
|
},
|
|
877
|
+
{
|
|
878
|
+
"id": "components-sheet--side-sheet",
|
|
879
|
+
"title": "Components/Sheet",
|
|
880
|
+
"name": "Pattern — side sheet",
|
|
881
|
+
"file": "patterns/components-sheet--side-sheet.tsx",
|
|
882
|
+
"storybook": "?path=/story/components-sheet--side-sheet",
|
|
883
|
+
"source": "src/components/organisms/Sheet/Sheet.stories.tsx"
|
|
884
|
+
},
|
|
885
|
+
{
|
|
886
|
+
"id": "components-sheet--side-sheet-header-actions",
|
|
887
|
+
"title": "Components/Sheet",
|
|
888
|
+
"name": "Pattern — side sheet header actions",
|
|
889
|
+
"file": "patterns/components-sheet--side-sheet-header-actions.tsx",
|
|
890
|
+
"storybook": "?path=/story/components-sheet--side-sheet-header-actions",
|
|
891
|
+
"source": "src/components/organisms/Sheet/Sheet.stories.tsx"
|
|
892
|
+
},
|
|
893
|
+
{
|
|
894
|
+
"id": "components-sheet--side-sheet-url-deep-link",
|
|
895
|
+
"title": "Components/Sheet",
|
|
896
|
+
"name": "Pattern — side sheet URL deep link",
|
|
897
|
+
"file": "patterns/components-sheet--side-sheet-url-deep-link.tsx",
|
|
898
|
+
"storybook": "?path=/story/components-sheet--side-sheet-url-deep-link",
|
|
899
|
+
"source": "src/components/organisms/Sheet/Sheet.stories.tsx"
|
|
900
|
+
},
|
|
757
901
|
{
|
|
758
902
|
"id": "components-sitenav--brand-and-cta",
|
|
759
903
|
"title": "Components/SiteNav",
|
|
@@ -794,6 +938,14 @@
|
|
|
794
938
|
"storybook": "?path=/story/components-sitenav--mega-menu",
|
|
795
939
|
"source": "src/components/organisms/SiteNav/SiteNav.stories.tsx"
|
|
796
940
|
},
|
|
941
|
+
{
|
|
942
|
+
"id": "components-stat--hero-stat",
|
|
943
|
+
"title": "Components/Stat",
|
|
944
|
+
"name": "Pattern — hero stat",
|
|
945
|
+
"file": "patterns/components-stat--hero-stat.tsx",
|
|
946
|
+
"storybook": "?path=/story/components-stat--hero-stat",
|
|
947
|
+
"source": "src/components/molecules/Stat/Stat.stories.tsx"
|
|
948
|
+
},
|
|
797
949
|
{
|
|
798
950
|
"id": "components-stat--insights-row",
|
|
799
951
|
"title": "Components/Stat",
|
|
@@ -834,6 +986,30 @@
|
|
|
834
986
|
"storybook": "?path=/story/components-tab--settings-pages",
|
|
835
987
|
"source": "src/components/organisms/Tab/Tab.stories.tsx"
|
|
836
988
|
},
|
|
989
|
+
{
|
|
990
|
+
"id": "components-table--approvals",
|
|
991
|
+
"title": "Components/Table",
|
|
992
|
+
"name": "Pattern — approvals queue",
|
|
993
|
+
"file": "patterns/components-table--approvals.tsx",
|
|
994
|
+
"storybook": "?path=/story/components-table--approvals",
|
|
995
|
+
"source": "src/components/atoms/Table/Table.stories.tsx"
|
|
996
|
+
},
|
|
997
|
+
{
|
|
998
|
+
"id": "components-table--approvals-with-sheet",
|
|
999
|
+
"title": "Components/Table",
|
|
1000
|
+
"name": "Pattern — approvals with sheet",
|
|
1001
|
+
"file": "patterns/components-table--approvals-with-sheet.tsx",
|
|
1002
|
+
"storybook": "?path=/story/components-table--approvals-with-sheet",
|
|
1003
|
+
"source": "src/components/atoms/Table/Table.stories.tsx"
|
|
1004
|
+
},
|
|
1005
|
+
{
|
|
1006
|
+
"id": "components-table--basic",
|
|
1007
|
+
"title": "Components/Table",
|
|
1008
|
+
"name": "Pattern — basic table",
|
|
1009
|
+
"file": "patterns/components-table--basic.tsx",
|
|
1010
|
+
"storybook": "?path=/story/components-table--basic",
|
|
1011
|
+
"source": "src/components/atoms/Table/Table.stories.tsx"
|
|
1012
|
+
},
|
|
837
1013
|
{
|
|
838
1014
|
"id": "components-taskrows--action-details",
|
|
839
1015
|
"title": "Components/TaskRows",
|
|
@@ -874,6 +1050,14 @@
|
|
|
874
1050
|
"storybook": "?path=/story/components-taskrows--custom-slots",
|
|
875
1051
|
"source": "src/components/molecules/TaskRows/TaskRows.stories.tsx"
|
|
876
1052
|
},
|
|
1053
|
+
{
|
|
1054
|
+
"id": "components-taskrows--needs-you-table",
|
|
1055
|
+
"title": "Components/TaskRows",
|
|
1056
|
+
"name": "Pattern — needs you",
|
|
1057
|
+
"file": "patterns/components-taskrows--needs-you-table.tsx",
|
|
1058
|
+
"storybook": "?path=/story/components-taskrows--needs-you-table",
|
|
1059
|
+
"source": "src/components/molecules/TaskRows/TaskRows.stories.tsx"
|
|
1060
|
+
},
|
|
877
1061
|
{
|
|
878
1062
|
"id": "components-taskrows--status-list",
|
|
879
1063
|
"title": "Components/TaskRows",
|
|
@@ -890,6 +1074,14 @@
|
|
|
890
1074
|
"storybook": "?path=/story/components-taskrows--tag-chips",
|
|
891
1075
|
"source": "src/components/molecules/TaskRows/TaskRows.stories.tsx"
|
|
892
1076
|
},
|
|
1077
|
+
{
|
|
1078
|
+
"id": "components-textarea--save-status",
|
|
1079
|
+
"title": "Components/TextArea",
|
|
1080
|
+
"name": "Pattern — save status",
|
|
1081
|
+
"file": "patterns/components-textarea--save-status.tsx",
|
|
1082
|
+
"storybook": "?path=/story/components-textarea--save-status",
|
|
1083
|
+
"source": "src/components/atoms/TextArea/TextArea.stories.tsx"
|
|
1084
|
+
},
|
|
893
1085
|
{
|
|
894
1086
|
"id": "components-textlink--external-destination",
|
|
895
1087
|
"title": "Components/TextLink",
|
package/package.json
CHANGED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export interface TabOverflowItem {
|
|
2
|
-
value: string;
|
|
3
|
-
width: number;
|
|
4
|
-
}
|
|
5
|
-
export interface TabOverflowResult {
|
|
6
|
-
visibleValues: string[];
|
|
7
|
-
overflowValues: string[];
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* Fits a stable prefix plus More. When the active tab came from overflow, it
|
|
11
|
-
* occupies the final visible slot immediately before More.
|
|
12
|
-
*/
|
|
13
|
-
export declare function resolveTabOverflow(items: TabOverflowItem[], activeValue: string, availableWidth: number, moreWidth: number, trackInset?: number): TabOverflowResult;
|
|
14
|
-
//# sourceMappingURL=tabOverflow.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabOverflow.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Tab/tabOverflow.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,eAAe,EAAE,EACxB,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,EACtB,SAAS,EAAE,MAAM,EACjB,UAAU,SAAI,GACb,iBAAiB,CA+CnB"}
|