@thewhatmatters/wmds 0.4.8 → 0.4.27
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 +284 -2
- package/CONSUMING.md +1 -1
- package/README.md +1 -1
- package/bin/wmds-check.mjs +8 -4
- 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 +38 -16
- 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/buttonStatusMotion.d.ts.map +1 -1
- package/dist/components/atoms/Button/buttonStatusMotion.js +6 -1
- package/dist/components/atoms/Button/buttonStyles.d.ts +1 -1
- package/dist/components/atoms/Button/buttonStyles.d.ts.map +1 -1
- package/dist/components/atoms/Button/buttonStyles.js +14 -12
- package/dist/components/atoms/Input/Input.d.ts +3 -1
- 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 +9 -3
- package/dist/components/atoms/Input/inputShellStyles.d.ts.map +1 -1
- package/dist/components/atoms/Input/inputShellStyles.js +38 -38
- package/dist/components/atoms/RiveHand/RiveHand.d.ts.map +1 -1
- package/dist/components/atoms/RiveHand/RiveHand.js +83 -81
- 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 +2 -2
- package/dist/components/atoms/TextLink/TextLink.d.ts +9 -3
- package/dist/components/atoms/TextLink/TextLink.d.ts.map +1 -1
- package/dist/components/atoms/TextLink/TextLink.js +22 -17
- 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 +18 -4
- 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/IndexList/IndexList.d.ts +6 -3
- package/dist/components/molecules/IndexList/IndexList.d.ts.map +1 -1
- package/dist/components/molecules/IndexList/IndexList.js +22 -21
- package/dist/components/molecules/LinkTile/LinkTile.d.ts.map +1 -1
- package/dist/components/molecules/LinkTile/LinkTile.js +74 -68
- package/dist/components/molecules/LinkTile/linkTileStyles.d.ts +7 -1
- package/dist/components/molecules/LinkTile/linkTileStyles.d.ts.map +1 -1
- package/dist/components/molecules/LinkTile/linkTileStyles.js +2 -2
- 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/SegmentedControl/segmentedControlStyles.js +7 -7
- 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 +23 -3
- package/dist/components/molecules/Stat/statStyles.d.ts.map +1 -1
- package/dist/components/molecules/Stat/statStyles.js +29 -12
- 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/TileGrid/tileGridStyles.d.ts +2 -2
- package/dist/components/organisms/AppShell/AppShell.d.ts +82 -0
- package/dist/components/organisms/AppShell/AppShell.d.ts.map +1 -0
- package/dist/components/organisms/AppShell/AppShell.js +222 -0
- package/dist/components/organisms/AppShell/appShellStyles.d.ts +18 -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/OverlayPanelHeader.d.ts.map +1 -1
- package/dist/components/organisms/Dialog/OverlayPanelHeader.js +1 -0
- 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 +74 -68
- 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/Tab/tabStyles.js +7 -7
- package/dist/index.d.ts +14 -8
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +148 -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/dialogOverlay.d.ts +7 -0
- package/dist/lib/dialogOverlay.d.ts.map +1 -1
- package/dist/lib/dialogOverlay.js +16 -1
- 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 +2 -2
- package/dist/lib/typography.d.ts.map +1 -1
- package/dist/lib/typography.js +11 -0
- package/dist/styles.css +1 -1
- package/dist/typography.css +16 -0
- package/docs/README.md +1 -1
- package/docs/component-contracts.md +101 -0
- package/docs/components.md +21 -16
- package/docs/exports.json +88 -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-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--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 +7 -3
- package/docs/patterns/guides-overlay-flows--notification-preferences.tsx +1 -1
- package/docs/patterns/guides-post-page--post-page.tsx +21 -4
- package/docs/patterns/guides-profile-typography--editorial-profile.tsx +1 -1
- package/docs/patterns/guides-resource-detail--detail.tsx +13 -4
- package/docs/patterns/index.json +177 -1
- package/package.json +1 -1
|
@@ -1,57 +1,79 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "../../../lib/cn.js";
|
|
3
|
-
import {
|
|
3
|
+
import { clusterHeightClasses as t } from "../../../lib/clusterScale.js";
|
|
4
|
+
import { motionTransition as n } from "../../../lib/motion.js";
|
|
4
5
|
//#region src/components/atoms/Badge/badgeStyles.ts
|
|
5
|
-
var
|
|
6
|
+
var r = [
|
|
6
7
|
"neutral",
|
|
7
8
|
"info",
|
|
8
9
|
"success",
|
|
9
10
|
"warning",
|
|
10
11
|
"destructive"
|
|
11
|
-
],
|
|
12
|
+
], i = [
|
|
12
13
|
"solid",
|
|
13
14
|
"muted",
|
|
14
15
|
"outline"
|
|
15
|
-
],
|
|
16
|
+
], a = [
|
|
17
|
+
"active",
|
|
18
|
+
"idle",
|
|
19
|
+
"success",
|
|
20
|
+
"failed",
|
|
21
|
+
"warning"
|
|
22
|
+
], o = {
|
|
23
|
+
active: "border border-transparent bg-brand-tint text-brand-outline",
|
|
24
|
+
idle: "border border-border bg-secondary text-secondary-foreground",
|
|
25
|
+
success: "bg-success-muted text-success",
|
|
26
|
+
failed: "bg-error-muted text-error",
|
|
27
|
+
warning: "bg-warning-muted text-warning"
|
|
28
|
+
}, s = "inline-block size-2 shrink-0 rounded-full", c = {
|
|
29
|
+
active: "bg-brand-outline",
|
|
30
|
+
idle: "bg-muted",
|
|
31
|
+
success: "bg-success",
|
|
32
|
+
failed: "bg-error",
|
|
33
|
+
warning: "bg-warning"
|
|
34
|
+
}, l = "animate-status-dot-pulse", u = {
|
|
35
|
+
sm: `${t.sm} gap-1.5 rounded-full px-2.5 text-xs leading-none tabular-nums`,
|
|
36
|
+
md: `${t.md} gap-2 rounded-full px-3 text-sm leading-none tabular-nums`
|
|
37
|
+
}, d = "inline-flex shrink-0 items-center justify-center font-sans font-medium normal-case tracking-normal", f = {
|
|
16
38
|
neutral: "border border-border bg-secondary text-secondary-foreground shadow-raised",
|
|
17
39
|
info: "bg-info text-on-info",
|
|
18
40
|
success: "bg-success text-on-success",
|
|
19
41
|
warning: "bg-warning text-on-warning",
|
|
20
42
|
destructive: "bg-error text-on-error"
|
|
21
|
-
},
|
|
43
|
+
}, p = {
|
|
22
44
|
neutral: "border border-border bg-secondary text-secondary-foreground",
|
|
23
45
|
info: "bg-info-muted text-info",
|
|
24
46
|
success: "bg-success-muted text-success",
|
|
25
47
|
warning: "bg-warning-muted text-warning",
|
|
26
48
|
destructive: "bg-error-muted text-error"
|
|
27
|
-
},
|
|
49
|
+
}, m = {
|
|
28
50
|
neutral: "border border-border-emphasized bg-transparent text-fg",
|
|
29
51
|
info: "border border-info bg-transparent text-info",
|
|
30
52
|
success: "border border-success bg-transparent text-success",
|
|
31
53
|
warning: "border border-warning bg-transparent text-warning",
|
|
32
54
|
destructive: "border border-error bg-transparent text-error"
|
|
33
55
|
};
|
|
34
|
-
function
|
|
35
|
-
return t === "outline" ?
|
|
56
|
+
function h(e, t) {
|
|
57
|
+
return t === "outline" ? m[e] : t === "muted" ? p[e] : f[e];
|
|
36
58
|
}
|
|
37
|
-
var
|
|
59
|
+
var g = "!font-mono !text-[length:var(--font-size-sm)] !font-normal !uppercase !tracking-[0.14em]", _ = e("relative cursor-pointer decoration-1 underline-offset-2 hover:underline", "after:absolute after:inset-x-0 after:top-1/2 after:h-11 after:-translate-y-1/2 after:content-['']", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body", "transition-[border-color,text-decoration-color]", n("fast")), v = "hover:border-fg", y = {
|
|
38
60
|
sm: "h-5 rounded-full px-2 text-xs leading-none",
|
|
39
61
|
md: "h-6 rounded-full px-2.5 text-sm leading-none"
|
|
40
|
-
},
|
|
62
|
+
}, b = {
|
|
41
63
|
sm: "gap-1",
|
|
42
64
|
md: "gap-1.5"
|
|
43
|
-
},
|
|
65
|
+
}, x = {
|
|
44
66
|
sm: "h-5 gap-1 rounded-full py-0 pl-0 pr-2 text-xs leading-none",
|
|
45
67
|
md: "h-6 gap-1.5 rounded-full py-0 pl-0 pr-2.5 text-sm leading-none"
|
|
46
|
-
},
|
|
68
|
+
}, S = {
|
|
47
69
|
sm: "size-3 shrink-0 stroke-current",
|
|
48
70
|
md: "size-3.5 shrink-0 stroke-current"
|
|
49
|
-
},
|
|
71
|
+
}, C = {
|
|
50
72
|
sm: "min-h-[1.125rem] min-w-[1.125rem] rounded-full px-1 text-xs leading-none tabular-nums",
|
|
51
73
|
md: "min-h-[1.25rem] min-w-[1.25rem] rounded-full px-1 text-sm leading-none tabular-nums"
|
|
52
|
-
},
|
|
53
|
-
function
|
|
74
|
+
}, w = "size-[1.375rem] rounded-full p-0", T = "border border-transparent bg-surface text-fg shadow-raised";
|
|
75
|
+
function E(t) {
|
|
54
76
|
return e("rounded px-[length:var(--spacing-1)] text-[10.5px] leading-none tabular-nums text-muted", t && "bg-secondary");
|
|
55
77
|
}
|
|
56
78
|
//#endregion
|
|
57
|
-
export {
|
|
79
|
+
export { x as badgeAvatarLabelSizeClasses, d as badgeBaseClasses, C as badgeCountSizeClasses, i as badgeEmphases, b as badgeIconGapClasses, w as badgeIconOnlySizeClasses, S as badgeIconSizeClasses, _ as badgeInteractiveClasses, v as badgeInteractiveOutlineClasses, y as badgeLabelSizeClasses, g as badgeMonoClasses, p as badgeMutedClasses, T as badgeOnButtonCountClasses, m as badgeOutlineClasses, E as badgeSegmentCountClasses, f as badgeSolidClasses, s as badgeStatusDotClasses, l as badgeStatusDotPulseClass, c as badgeStatusDotToneClasses, u as badgeStatusSizeClasses, o as badgeStatusSurfaceClasses, a as badgeStatuses, h as badgeSurfaceClasses, r as badgeVariants };
|
|
@@ -10,7 +10,7 @@ export type ButtonLayoutClassName = string;
|
|
|
10
10
|
export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "role" | "size"> {
|
|
11
11
|
/** Button label. */
|
|
12
12
|
children: ReactNode;
|
|
13
|
-
/** Action role — primary, secondary, ghost, destructive, inverse, or outline (hairline
|
|
13
|
+
/** Action role — primary, secondary, ghost, destructive, inverse, outline, or inverse-outline (on-brand hairline). Default: `primary`. */
|
|
14
14
|
role?: ButtonRole;
|
|
15
15
|
/** `pill` (default) or `row` — flat full-width lines for detail / settings rows. */
|
|
16
16
|
layout?: ButtonLayout;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAeL,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrH,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACxG,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEpG,sEAAsE;AACtE,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAC3C;IACD,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAeL,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrH,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACxG,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEpG,sEAAsE;AACtE,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAC3C;IACD,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,0IAA0I;IAC1I,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,oFAAoF;IACpF,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gHAAgH;IAChH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kDAAkD;IAClD,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA4GD,eAAO,MAAM,MAAM,2GA4KjB,CAAC"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "../../../lib/cn.js";
|
|
3
3
|
import { ButtonBadge as t } from "./ButtonBadge.js";
|
|
4
|
-
import { buttonAlignClasses as n, buttonAligns as r, buttonBaseClasses as i, buttonEmphases as a, buttonEndIconSquareClasses as o, buttonExternalIconClasses as s, buttonLayouts as c, buttonMonoLabelClasses as l, buttonNavLayoutClasses as u, buttonNavStateClasses as d, buttonOutlineQuietClasses as f, buttonPillClass as
|
|
5
|
-
import { ButtonIcon as
|
|
6
|
-
import { buttonStatusHoldMs as
|
|
7
|
-
import { ButtonStatusButton as
|
|
8
|
-
import { forwardRef as
|
|
9
|
-
import { SquareArrowOutUpRight as
|
|
10
|
-
import { jsx as
|
|
11
|
-
import { useRender as
|
|
4
|
+
import { buttonAlignClasses as n, buttonAligns as r, buttonBaseClasses as i, buttonEmphases as a, buttonEndIconSquareClasses as o, buttonExternalIconClasses as s, buttonLayouts as c, buttonMonoLabelClasses as l, buttonNavLayoutClasses as u, buttonNavStateClasses as d, buttonOutlineQuietClasses as f, buttonPillClass as ee, buttonRoleClasses as p, buttonRoles as m, buttonRowBaseClasses as h, buttonRowLayoutClasses as g, buttonRowWidthClasses as _, buttonSizeClasses as v, buttonWidths as y } from "./buttonStyles.js";
|
|
5
|
+
import { ButtonIcon as b } from "./ButtonIcon.js";
|
|
6
|
+
import { buttonStatusHoldMs as x, defaultStatusLabels as S, getNextButtonStatus as C } from "./buttonStatusStyles.js";
|
|
7
|
+
import { ButtonStatusButton as w } from "./ButtonStatusButton.js";
|
|
8
|
+
import { forwardRef as T } from "react";
|
|
9
|
+
import { SquareArrowOutUpRight as E } from "lucide-react";
|
|
10
|
+
import { jsx as D, jsxs as O } from "react/jsx-runtime";
|
|
11
|
+
import { useRender as k } from "@base-ui/react/use-render";
|
|
12
12
|
//#region src/components/atoms/Button/Button.tsx
|
|
13
|
-
function
|
|
14
|
-
e.external && (e.render == null || e.layout !== "pill") && console.warn("[WMDS Button] `external` needs `render={<a href />}` on a pill button."), e.external && e.endIcon != null && console.warn("[WMDS Button] `external` is mutually exclusive with `endIcon`."), e.width != null && e.layout !== "row" && console.warn("[WMDS Button] `width` applies to `layout=\"row\"` only."), e.align != null && (e.layout === "row" || e.layout === "nav") && console.warn("[WMDS Button] `align` applies to pill buttons only."), e.emphasis != null && e.role !== "outline" && console.warn("[WMDS Button] `emphasis` applies to `role=\"outline\"` only."), (e.layout === "row" || e.layout === "nav") && (e.status != null || e.icon != null || e.count != null || e.endIcon != null || e.mono) && console.warn(`[WMDS Button] \`layout="${e.layout}"\` is mutually exclusive with \`status\`, \`icon\`, \`count\`, \`endIcon\`, and \`mono\`.`), e.status != null && (e.count != null || e.endIcon != null || e.mono) && console.warn("[WMDS Button] `status` is mutually exclusive with `count`, `endIcon`, and `mono`."), e.endIcon != null && e.count != null && console.warn("[WMDS Button] `endIcon` is mutually exclusive with `count`."), e.render != null && (e.layout
|
|
13
|
+
function A(e) {
|
|
14
|
+
e.external && (e.render == null || e.layout !== "pill") && console.warn("[WMDS Button] `external` needs `render={<a href />}` on a pill button."), e.external && e.endIcon != null && console.warn("[WMDS Button] `external` is mutually exclusive with `endIcon`."), e.width != null && e.layout !== "row" && console.warn("[WMDS Button] `width` applies to `layout=\"row\"` only."), e.align != null && (e.layout === "row" || e.layout === "nav") && console.warn("[WMDS Button] `align` applies to pill buttons only."), e.emphasis != null && e.role !== "outline" && console.warn("[WMDS Button] `emphasis` applies to `role=\"outline\"` only."), (e.layout === "row" || e.layout === "nav") && (e.status != null || e.icon != null || e.count != null || e.endIcon != null || e.mono) && console.warn(`[WMDS Button] \`layout="${e.layout}"\` is mutually exclusive with \`status\`, \`icon\`, \`count\`, \`endIcon\`, and \`mono\`.`), e.status != null && (e.count != null || e.endIcon != null || e.mono) && console.warn("[WMDS Button] `status` is mutually exclusive with `count`, `endIcon`, and `mono`."), e.endIcon != null && e.count != null && console.warn("[WMDS Button] `endIcon` is mutually exclusive with `count`."), e.render != null && (e.layout === "row" || e.status != null) && console.warn("[WMDS Button] `render` is supported on `layout=\"pill\"` and `layout=\"nav\"` without `status` only.");
|
|
15
15
|
}
|
|
16
|
-
var
|
|
17
|
-
return
|
|
16
|
+
var j = T(function({ render: e, type: t, disabled: n, ...r }, i) {
|
|
17
|
+
return k({
|
|
18
18
|
render: e,
|
|
19
19
|
ref: i,
|
|
20
20
|
defaultTagName: "button",
|
|
@@ -29,32 +29,48 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
|
|
|
29
29
|
disabled: n
|
|
30
30
|
}
|
|
31
31
|
});
|
|
32
|
-
}),
|
|
33
|
-
|
|
34
|
-
|
|
32
|
+
}), M = T(function({ render: e, type: t, disabled: n, ...r }, i) {
|
|
33
|
+
return k({
|
|
34
|
+
render: e,
|
|
35
|
+
ref: i,
|
|
36
|
+
defaultTagName: "button",
|
|
37
|
+
props: e ? {
|
|
38
|
+
...r,
|
|
39
|
+
"aria-disabled": n ? !0 : void 0,
|
|
40
|
+
"data-disabled": n ? "" : void 0,
|
|
41
|
+
tabIndex: n ? -1 : r.tabIndex
|
|
42
|
+
} : {
|
|
43
|
+
...r,
|
|
44
|
+
type: t,
|
|
45
|
+
disabled: n
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
}), N = T(function({ children: r, role: a = "primary", layout: c = "pill", width: m, align: y, emphasis: x, size: S = "md", disabled: C, type: T = "button", status: k, statusLabels: N, disableOnError: P, icon: F, count: I, mono: L = !1, endIcon: R, selected: z = !1, render: B, external: V = !1, externalIcon: H = !0, className: U, onClick: W, "aria-label": G, "aria-pressed": K, "aria-keyshortcuts": q, id: J, name: Y, form: X, ...Z }, Q) {
|
|
49
|
+
if (A({
|
|
50
|
+
status: k,
|
|
35
51
|
icon: F,
|
|
36
52
|
count: I,
|
|
37
53
|
layout: c,
|
|
38
54
|
render: B,
|
|
39
55
|
endIcon: R,
|
|
40
56
|
mono: L,
|
|
41
|
-
width:
|
|
42
|
-
align:
|
|
43
|
-
emphasis:
|
|
57
|
+
width: m,
|
|
58
|
+
align: y,
|
|
59
|
+
emphasis: x,
|
|
44
60
|
role: a,
|
|
45
61
|
external: V
|
|
46
|
-
}),
|
|
62
|
+
}), k != null) return /* @__PURE__ */ D(w, {
|
|
47
63
|
...Z,
|
|
48
64
|
ref: Q,
|
|
49
|
-
status:
|
|
65
|
+
status: k,
|
|
50
66
|
role: a,
|
|
51
|
-
size:
|
|
67
|
+
size: S,
|
|
52
68
|
statusLabels: N,
|
|
53
69
|
icon: F,
|
|
54
70
|
disableOnError: P,
|
|
55
|
-
disabled:
|
|
71
|
+
disabled: C,
|
|
56
72
|
className: U,
|
|
57
|
-
type:
|
|
73
|
+
type: T,
|
|
58
74
|
onClick: W,
|
|
59
75
|
"aria-label": G,
|
|
60
76
|
"aria-pressed": K,
|
|
@@ -64,11 +80,11 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
|
|
|
64
80
|
form: X,
|
|
65
81
|
children: r
|
|
66
82
|
});
|
|
67
|
-
if (c === "row") return /* @__PURE__ */
|
|
83
|
+
if (c === "row") return /* @__PURE__ */ D("button", {
|
|
68
84
|
...Z,
|
|
69
85
|
ref: Q,
|
|
70
|
-
type:
|
|
71
|
-
disabled:
|
|
86
|
+
type: T,
|
|
87
|
+
disabled: C,
|
|
72
88
|
onClick: W,
|
|
73
89
|
"aria-label": G,
|
|
74
90
|
"aria-pressed": K,
|
|
@@ -76,17 +92,18 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
|
|
|
76
92
|
id: J,
|
|
77
93
|
name: Y,
|
|
78
94
|
form: X,
|
|
79
|
-
className: e(
|
|
95
|
+
className: e(h, p[a], g, _[m ?? "fill"], U),
|
|
80
96
|
"data-role": a,
|
|
81
97
|
"data-layout": "row",
|
|
82
|
-
"data-width":
|
|
98
|
+
"data-width": m ?? "fill",
|
|
83
99
|
children: r
|
|
84
100
|
});
|
|
85
|
-
if (c === "nav") return /* @__PURE__ */
|
|
101
|
+
if (c === "nav") return /* @__PURE__ */ D(j, {
|
|
86
102
|
...Z,
|
|
87
103
|
ref: Q,
|
|
88
|
-
|
|
89
|
-
|
|
104
|
+
render: B,
|
|
105
|
+
type: T,
|
|
106
|
+
disabled: C,
|
|
90
107
|
onClick: W,
|
|
91
108
|
"aria-label": G,
|
|
92
109
|
"aria-pressed": K,
|
|
@@ -95,13 +112,15 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
|
|
|
95
112
|
id: J,
|
|
96
113
|
name: Y,
|
|
97
114
|
form: X,
|
|
98
|
-
className: e(
|
|
115
|
+
className: e(h, u, d(z), U),
|
|
116
|
+
"data-role": a,
|
|
117
|
+
"data-size": S,
|
|
99
118
|
"data-layout": "nav",
|
|
100
119
|
"data-selected": z ? "" : void 0,
|
|
101
120
|
children: r
|
|
102
121
|
});
|
|
103
122
|
let $ = V && B != null;
|
|
104
|
-
return /* @__PURE__ */
|
|
123
|
+
return /* @__PURE__ */ O(M, {
|
|
105
124
|
...Z,
|
|
106
125
|
...$ ? {
|
|
107
126
|
target: "_blank",
|
|
@@ -109,8 +128,8 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
|
|
|
109
128
|
} : null,
|
|
110
129
|
ref: Q,
|
|
111
130
|
render: B,
|
|
112
|
-
type:
|
|
113
|
-
disabled:
|
|
131
|
+
type: T,
|
|
132
|
+
disabled: C,
|
|
114
133
|
onClick: W,
|
|
115
134
|
"aria-label": G,
|
|
116
135
|
"aria-pressed": K,
|
|
@@ -118,41 +137,41 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
|
|
|
118
137
|
id: J,
|
|
119
138
|
name: Y,
|
|
120
139
|
form: X,
|
|
121
|
-
className: e(i, n[
|
|
140
|
+
className: e(i, n[y ?? "center"], a === "outline" && x === "quiet" ? f : p[a], v[S], ee, "gap-2", U),
|
|
122
141
|
"data-role": a,
|
|
123
|
-
"data-size":
|
|
124
|
-
"data-align":
|
|
125
|
-
"data-emphasis": a === "outline" ?
|
|
142
|
+
"data-size": S,
|
|
143
|
+
"data-align": y,
|
|
144
|
+
"data-emphasis": a === "outline" ? x ?? "strong" : void 0,
|
|
126
145
|
"data-mono": L ? "" : void 0,
|
|
127
146
|
"data-end-icon": R ? "" : void 0,
|
|
128
147
|
"data-external": $ ? "" : void 0,
|
|
129
148
|
children: [
|
|
130
|
-
F ? /* @__PURE__ */
|
|
131
|
-
size:
|
|
149
|
+
F ? /* @__PURE__ */ D(b, {
|
|
150
|
+
size: S,
|
|
132
151
|
children: F
|
|
133
152
|
}) : null,
|
|
134
|
-
/* @__PURE__ */
|
|
153
|
+
/* @__PURE__ */ O("span", {
|
|
135
154
|
className: L ? l : void 0,
|
|
136
|
-
children: [r, $ ? /* @__PURE__ */
|
|
155
|
+
children: [r, $ ? /* @__PURE__ */ D("span", {
|
|
137
156
|
className: "sr-only",
|
|
138
157
|
children: " (opens in a new tab)"
|
|
139
158
|
}) : null]
|
|
140
159
|
}),
|
|
141
|
-
$ && H ? /* @__PURE__ */
|
|
160
|
+
$ && H ? /* @__PURE__ */ D(E, {
|
|
142
161
|
className: s,
|
|
143
162
|
strokeWidth: 2,
|
|
144
163
|
"aria-hidden": !0
|
|
145
164
|
}) : null,
|
|
146
|
-
R ? /* @__PURE__ */
|
|
165
|
+
R ? /* @__PURE__ */ D("span", {
|
|
147
166
|
className: o,
|
|
148
|
-
children: /* @__PURE__ */
|
|
167
|
+
children: /* @__PURE__ */ D(b, {
|
|
149
168
|
size: "xs",
|
|
150
169
|
children: R
|
|
151
170
|
})
|
|
152
171
|
}) : null,
|
|
153
|
-
I == null ? null : /* @__PURE__ */
|
|
172
|
+
I == null ? null : /* @__PURE__ */ D(t, { value: I })
|
|
154
173
|
]
|
|
155
174
|
});
|
|
156
175
|
});
|
|
157
176
|
//#endregion
|
|
158
|
-
export { N as Button, r as buttonAligns, a as buttonEmphases, c as buttonLayouts,
|
|
177
|
+
export { N as Button, r as buttonAligns, a as buttonEmphases, c as buttonLayouts, m as buttonRoles, x as buttonStatusHoldMs, y as buttonWidths, S as defaultStatusLabels, C as getNextButtonStatus };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttonStatusMotion.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStatusMotion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,oFAAoF;AACpF,MAAM,MAAM,WAAW,GAAG;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;
|
|
1
|
+
{"version":3,"file":"buttonStatusMotion.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStatusMotion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,oFAAoF;AACpF,MAAM,MAAM,WAAW,GAAG;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAgDF,gEAAgE;AAChE,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAQ3D,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAG,WAAW,CAElF;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAG,MAAM,CAElF;AAED,qFAAqF;AACrF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;CAIjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC"}
|
|
@@ -24,6 +24,10 @@ var e = {
|
|
|
24
24
|
outline: {
|
|
25
25
|
backgroundColor: "transparent",
|
|
26
26
|
color: "var(--color-fg)"
|
|
27
|
+
},
|
|
28
|
+
"inverse-outline": {
|
|
29
|
+
backgroundColor: "transparent",
|
|
30
|
+
color: "var(--color-on-brand)"
|
|
27
31
|
}
|
|
28
32
|
}, t = {
|
|
29
33
|
loading: {
|
|
@@ -49,7 +53,8 @@ var e = {
|
|
|
49
53
|
ghost: "",
|
|
50
54
|
destructive: "",
|
|
51
55
|
inverse: "shadow-raised",
|
|
52
|
-
outline: ""
|
|
56
|
+
outline: "",
|
|
57
|
+
"inverse-outline": ""
|
|
53
58
|
};
|
|
54
59
|
function i(n, r) {
|
|
55
60
|
return n === "idle" ? e[r] : t[n];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** Prescribed action roles — not a semantic color picker. ADR-0004. */
|
|
2
|
-
export declare const buttonRoles: readonly ["primary", "secondary", "ghost", "destructive", "inverse", "outline"];
|
|
2
|
+
export declare const buttonRoles: readonly ["primary", "secondary", "ghost", "destructive", "inverse", "outline", "inverse-outline"];
|
|
3
3
|
export type ButtonRole = (typeof buttonRoles)[number];
|
|
4
4
|
export type ButtonSize = "xs" | "sm" | "md" | "lg";
|
|
5
5
|
export type IconButtonSize = ButtonSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStyles.ts"],"names":[],"mappings":"AAMA,uEAAuE;AACvE,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStyles.ts"],"names":[],"mappings":"AAMA,uEAAuE;AACvE,eAAO,MAAM,WAAW,oGAQd,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;AAExC,iGAAiG;AACjG,eAAO,MAAM,eAAe,iBAAiB,CAAC;AAE9C,eAAO,MAAM,aAAa,iCAAkC,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,8FAA8F;AAC9F,eAAO,MAAM,YAAY,0BAA2B,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,uGAAuG;AACvG,eAAO,MAAM,YAAY,8BAA+B,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,sGAAsG;AACtG,eAAO,MAAM,cAAc,8BAA+B,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,eAAO,MAAM,iBAAiB,QAUd,CAAC;AAEjB,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAmBxD,CAAC;AAEF,yGAAyG;AACzG,eAAO,MAAM,yBAAyB,4FACqD,CAAC;AAE5F,4FAA4F;AAC5F,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,2GACuE,CAAC;AAE3G,oGAAoG;AACpG,eAAO,MAAM,yBAAyB,kDAAkD,CAAC;AAEzF,6DAA6D;AAC7D,eAAO,MAAM,0BAA0B,kGAC0D,CAAC;AAElG,2FAA2F;AAC3F,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK9D,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAKxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK5D,CAAC;AAEF,0FAA0F;AAC1F,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAKhE,CAAC;AAEF,kHAAkH;AAClH,eAAO,MAAM,oBAAoB,QAK+C,CAAC;AAEjF,eAAO,MAAM,sBAAsB,QAEqB,CAAC;AAEzD,mHAAmH;AACnH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG7D,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,QAGqB,CAAC;AAEzD,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAI/D"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { clusterHeightClasses as e, clusterSquareClasses as t } from "../../../lib/clusterScale.js";
|
|
3
|
+
import { motionTransition as n, pressScaleClass as r } from "../../../lib/motion.js";
|
|
4
4
|
//#region src/components/atoms/Button/buttonStyles.ts
|
|
5
5
|
var i = [
|
|
6
6
|
"primary",
|
|
@@ -8,18 +8,20 @@ var i = [
|
|
|
8
8
|
"ghost",
|
|
9
9
|
"destructive",
|
|
10
10
|
"inverse",
|
|
11
|
-
"outline"
|
|
11
|
+
"outline",
|
|
12
|
+
"inverse-outline"
|
|
12
13
|
], a = "rounded-full", o = [
|
|
13
14
|
"pill",
|
|
14
15
|
"row",
|
|
15
16
|
"nav"
|
|
16
|
-
], s = ["fill", "hug"], c = ["center", "start"], l = ["strong", "quiet"], u = "inline-flex cursor-pointer items-center font-sans font-medium normal-case tracking-normal transition-[color,transform,box-shadow,border-color,outline-color,background-color] " +
|
|
17
|
+
], s = ["fill", "hug"], c = ["center", "start"], l = ["strong", "quiet"], u = "inline-flex cursor-pointer items-center font-sans font-medium normal-case tracking-normal transition-[color,transform,box-shadow,border-color,outline-color,background-color] " + n("fast") + " " + r + " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:pointer-events-none aria-disabled:opacity-50 no-underline", d = {
|
|
17
18
|
primary: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",
|
|
18
19
|
secondary: "bg-secondary text-secondary-foreground shadow-raised hover:bg-secondary-hover active:bg-secondary-active",
|
|
19
20
|
ghost: "bg-transparent text-ghost-foreground hover:bg-ghost-hover active:bg-ghost-active",
|
|
20
21
|
destructive: "bg-error text-on-error hover:bg-error-hover active:bg-error-active",
|
|
21
22
|
inverse: "bg-on-brand text-brand shadow-raised hover:bg-on-brand-hover active:bg-on-brand-hover",
|
|
22
|
-
outline: "border border-fg bg-transparent text-fg hover:bg-ghost-hover active:bg-ghost-active"
|
|
23
|
+
outline: "border border-fg bg-transparent text-fg hover:bg-ghost-hover active:bg-ghost-active",
|
|
24
|
+
"inverse-outline": "border border-on-brand bg-transparent text-on-brand hover:bg-on-brand-hover hover:text-brand active:bg-on-brand-hover active:text-brand"
|
|
23
25
|
}, f = "border border-border bg-transparent text-fg hover:bg-ghost-hover active:bg-ghost-active", p = {
|
|
24
26
|
center: "justify-center",
|
|
25
27
|
start: "justify-start text-left"
|
|
@@ -29,9 +31,9 @@ var i = [
|
|
|
29
31
|
md: "px-5",
|
|
30
32
|
lg: "px-7"
|
|
31
33
|
}, v = {
|
|
32
|
-
xs: `${
|
|
33
|
-
sm: `${
|
|
34
|
-
md: `${
|
|
34
|
+
xs: `${e.sm} ${_.xs} py-1 text-sm leading-none`,
|
|
35
|
+
sm: `${e.md} ${_.sm} py-1.5 text-sm leading-none`,
|
|
36
|
+
md: `${e.lg} ${_.md} py-2.5 text-sm leading-none`,
|
|
35
37
|
lg: `min-h-12 ${_.lg} py-3 text-base leading-none`
|
|
36
38
|
}, y = {
|
|
37
39
|
xs: "size-3.5",
|
|
@@ -39,11 +41,11 @@ var i = [
|
|
|
39
41
|
md: "size-4",
|
|
40
42
|
lg: "size-[1.125rem]"
|
|
41
43
|
}, b = {
|
|
42
|
-
xs:
|
|
43
|
-
sm:
|
|
44
|
-
md:
|
|
44
|
+
xs: t.sm,
|
|
45
|
+
sm: t.md,
|
|
46
|
+
md: t.lg,
|
|
45
47
|
lg: "size-12 shrink-0"
|
|
46
|
-
}, x = "flex cursor-pointer items-center font-sans tracking-normal transition-[color,background-color,outline-color] " +
|
|
48
|
+
}, x = "flex cursor-pointer items-center font-sans tracking-normal transition-[color,background-color,outline-color] " + n("fast") + " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50", S = "h-auto min-h-0 rounded-md px-1.5 py-1 text-left font-normal focus-visible:ring-inset focus-visible:ring-offset-0", C = {
|
|
47
49
|
fill: "w-full justify-between gap-3",
|
|
48
50
|
hug: "w-auto justify-start gap-1.5"
|
|
49
51
|
}, w = "h-auto min-h-0 w-full justify-start gap-2.5 rounded-xl px-2.5 py-2 text-left text-sm font-normal leading-[var(--line-height-sm)] focus-visible:ring-inset focus-visible:ring-offset-0";
|
|
@@ -20,12 +20,14 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
|
|
|
20
20
|
loading?: boolean;
|
|
21
21
|
/** Leading Lucide icon. */
|
|
22
22
|
icon?: ReactElement;
|
|
23
|
+
/** Monospace value — `type-code` instead of the sans face. For a read-only key or id. */
|
|
24
|
+
mono?: boolean;
|
|
23
25
|
/**
|
|
24
26
|
* Trailing inset inside the shell — pass {@link Badge} (e.g. Required).
|
|
25
27
|
* Atoms cannot import Badge; compose at call site. Combinable with `status` / `loading`.
|
|
26
28
|
*/
|
|
27
29
|
endBadge?: ReactElement;
|
|
28
|
-
/** Inside Search — no outer shell; parent
|
|
30
|
+
/** Inside a parent pill (Search, CopyField) — no outer shell; the parent owns border and focus ring. */
|
|
29
31
|
inline?: boolean;
|
|
30
32
|
className?: InputLayoutClassName;
|
|
31
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AAKf,OAAO,
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AAKf,OAAO,EA2BL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEtF,sEAAsE;AACtE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,yFAAyF;IACzF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,wGAAwG;IACxG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AA2CD;;;GAGG;AACH,eAAO,MAAM,KAAK,yGAuKhB,CAAC"}
|