@thewhatmatters/wmds 0.4.9 → 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 +253 -0
- package/README.md +1 -1
- 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/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/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/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/styles.css +1 -1
- package/docs/README.md +1 -1
- package/docs/component-contracts.md +101 -0
- package/docs/components.md +16 -11
- 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 +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 +177 -1
- package/package.json +1 -1
|
@@ -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"}
|
|
@@ -1,105 +1,105 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "../../../lib/cn.js";
|
|
3
3
|
import { typographyClass as t } from "../../../lib/typography.js";
|
|
4
|
-
import { inputAttachedFieldClasses as n, inputAttachedInputClasses as r, inputBaseClasses as i, inputCompoundInnerFieldClassesFor as a, inputCompoundShellClassesFor as o, inputControlStackClasses as s, inputDisabledClasses as
|
|
5
|
-
import { InputStatusBanner as
|
|
6
|
-
import { InputTrailingAffordance as
|
|
7
|
-
import { forwardRef as
|
|
8
|
-
import { Fragment as
|
|
4
|
+
import { inputAttachedFieldClasses as n, inputAttachedInputClasses as r, inputBaseClasses as i, inputCompoundInnerFieldClassesFor as a, inputCompoundShellClassesFor as o, inputControlStackClasses as s, inputDisabledClasses as c, inputEndBadgeAndStatusGapClasses as l, inputEndBadgeGapClasses as u, inputEndBadgeWrapperClasses as ee, inputFieldStackClasses as te, inputIconGapClasses as d, inputIconPositionClasses as f, inputIconSizeClasses as p, inputInlineClasses as m, inputMessagePositions as h, inputShellClasses as g, inputSizeClasses as _, inputSizes as v, inputSoloFocusRingBaseClasses as y, inputSoloFocusRingColorClasses as b, inputSoloRadiusClasses as x, inputStatusGapClasses as S, inputStatusShellClasses as C, inputStatuses as w, inputTrailingInsetClasses as ne, inputTrailingInsetPositionClasses as re } from "./inputShellStyles.js";
|
|
5
|
+
import { InputStatusBanner as ie } from "../inputShared/InputStatusBanner.js";
|
|
6
|
+
import { InputTrailingAffordance as ae } from "../inputShared/InputTrailingAffordance.js";
|
|
7
|
+
import { forwardRef as T, useId as oe } from "react";
|
|
8
|
+
import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
|
|
9
9
|
//#region src/components/atoms/Input/Input.tsx
|
|
10
|
-
function
|
|
10
|
+
function k(e) {
|
|
11
11
|
e.label == null && e["aria-label"] == null && e["aria-labelledby"] == null && console.warn("[WMDS Input] Provide `label`, `aria-label`, or `aria-labelledby`.");
|
|
12
12
|
}
|
|
13
|
-
function
|
|
14
|
-
e.message != null && e.status == null && console.warn("[WMDS Input] `message` requires `status`."), e.inline && (e.label != null || e.description != null || e.status != null || e.message != null) && console.warn("[WMDS Input] `inline` is for Search
|
|
13
|
+
function A(e) {
|
|
14
|
+
e.message != null && e.status == null && console.warn("[WMDS Input] `message` requires `status`."), e.inline && (e.label != null || e.description != null || e.status != null || e.message != null) && console.warn("[WMDS Input] `inline` is for a parent pill (Search, CopyField) — omit label, description, and validation.");
|
|
15
15
|
}
|
|
16
|
-
function
|
|
17
|
-
return t && n ?
|
|
16
|
+
function j(e, t, n) {
|
|
17
|
+
return t && n ? l[e] : t ? u[e] : n ? S[e] : !1;
|
|
18
18
|
}
|
|
19
|
-
var
|
|
20
|
-
let H =
|
|
21
|
-
|
|
22
|
-
label:
|
|
19
|
+
var M = T(function({ size: l = "md", label: u, description: h, status: v, message: S, messagePosition: w = "bottom", loading: T = !1, icon: M, endBadge: N, mono: P = !1, inline: F = !1, className: I, disabled: L, id: R, "aria-describedby": z, ...B }, V) {
|
|
20
|
+
let H = oe(), U = R ?? H;
|
|
21
|
+
k({
|
|
22
|
+
label: u,
|
|
23
23
|
"aria-label": B["aria-label"],
|
|
24
24
|
"aria-labelledby": B["aria-labelledby"]
|
|
25
|
-
}),
|
|
26
|
-
status:
|
|
27
|
-
message:
|
|
28
|
-
messagePosition:
|
|
29
|
-
loading:
|
|
25
|
+
}), A({
|
|
26
|
+
status: v,
|
|
27
|
+
message: S,
|
|
28
|
+
messagePosition: w,
|
|
29
|
+
loading: T,
|
|
30
30
|
inline: F,
|
|
31
|
-
label:
|
|
32
|
-
description:
|
|
31
|
+
label: u,
|
|
32
|
+
description: h
|
|
33
33
|
});
|
|
34
|
-
let W =
|
|
34
|
+
let W = S != null && S.length > 0 && v != null, G = N != null, K = !W && (T || v != null), q = M != null, J = j(l, G, K), Y = h != null && !W ? `${U}-description` : void 0, X = W ? `${U}-message` : void 0, se = [
|
|
35
35
|
z,
|
|
36
36
|
Y,
|
|
37
37
|
X
|
|
38
|
-
].filter(Boolean).join(" ") || void 0, Z = /* @__PURE__ */
|
|
39
|
-
q ? /* @__PURE__ */
|
|
40
|
-
className: e("pointer-events-none absolute top-1/2 inline-flex -translate-y-1/2 [&>svg]:size-full [&>svg]:shrink-0 [&>svg]:stroke-current",
|
|
38
|
+
].filter(Boolean).join(" ") || void 0, Z = /* @__PURE__ */ O(E, { children: [
|
|
39
|
+
q ? /* @__PURE__ */ D("span", {
|
|
40
|
+
className: e("pointer-events-none absolute top-1/2 inline-flex -translate-y-1/2 [&>svg]:size-full [&>svg]:shrink-0 [&>svg]:stroke-current", f[l], p[l]),
|
|
41
41
|
"aria-hidden": !0,
|
|
42
|
-
children:
|
|
42
|
+
children: M
|
|
43
43
|
}) : null,
|
|
44
|
-
/* @__PURE__ */
|
|
44
|
+
/* @__PURE__ */ D("input", {
|
|
45
45
|
...B,
|
|
46
46
|
ref: V,
|
|
47
47
|
id: U,
|
|
48
48
|
disabled: L,
|
|
49
|
-
"aria-invalid":
|
|
50
|
-
"aria-describedby":
|
|
51
|
-
className: e(
|
|
49
|
+
"aria-invalid": v === "error" || void 0,
|
|
50
|
+
"aria-describedby": se,
|
|
51
|
+
className: e(c, P && "type-code !font-mono !leading-none", W ? e(n, _[l], q && d[l], J, r) : e(i, F ? e(m, q && d[l], I ?? _[l]) : e(_[l], q && d[l], J, v == null ? g[l] : e("border", C[v]), x[l], y, v == null ? b.default : b[v], I)))
|
|
52
52
|
}),
|
|
53
|
-
G || K ? /* @__PURE__ */
|
|
54
|
-
className: e(
|
|
55
|
-
children: [G ? /* @__PURE__ */
|
|
56
|
-
className:
|
|
57
|
-
children:
|
|
58
|
-
}) : null, K ? /* @__PURE__ */
|
|
59
|
-
size:
|
|
60
|
-
status:
|
|
61
|
-
loading:
|
|
53
|
+
G || K ? /* @__PURE__ */ O("span", {
|
|
54
|
+
className: e(ne, re[l]),
|
|
55
|
+
children: [G ? /* @__PURE__ */ D("span", {
|
|
56
|
+
className: ee,
|
|
57
|
+
children: N
|
|
58
|
+
}) : null, K ? /* @__PURE__ */ D(ae, {
|
|
59
|
+
size: l,
|
|
60
|
+
status: T ? void 0 : v,
|
|
61
|
+
loading: T
|
|
62
62
|
}) : null]
|
|
63
63
|
}) : null
|
|
64
|
-
] }), Q = W &&
|
|
65
|
-
status:
|
|
66
|
-
message:
|
|
64
|
+
] }), Q = W && v != null && X != null ? /* @__PURE__ */ D(ie, {
|
|
65
|
+
status: v,
|
|
66
|
+
message: S,
|
|
67
67
|
messageId: X,
|
|
68
|
-
size:
|
|
69
|
-
messagePosition:
|
|
70
|
-
}) : null, $ = W &&
|
|
71
|
-
className: o(
|
|
68
|
+
size: l,
|
|
69
|
+
messagePosition: w
|
|
70
|
+
}) : null, $ = W && v != null ? /* @__PURE__ */ O("div", {
|
|
71
|
+
className: o(l, v),
|
|
72
72
|
children: [
|
|
73
|
-
|
|
74
|
-
/* @__PURE__ */
|
|
75
|
-
className: a(
|
|
73
|
+
w === "top" ? Q : null,
|
|
74
|
+
/* @__PURE__ */ D("div", {
|
|
75
|
+
className: a(l, v, w),
|
|
76
76
|
children: Z
|
|
77
77
|
}),
|
|
78
|
-
|
|
78
|
+
w === "bottom" ? Q : null
|
|
79
79
|
]
|
|
80
|
-
}) : /* @__PURE__ */
|
|
80
|
+
}) : /* @__PURE__ */ D("div", {
|
|
81
81
|
className: e(F ? "relative flex min-w-0 flex-1 items-center" : s),
|
|
82
|
-
children: /* @__PURE__ */
|
|
82
|
+
children: /* @__PURE__ */ D("div", {
|
|
83
83
|
className: "relative flex w-full items-center",
|
|
84
84
|
children: Z
|
|
85
85
|
})
|
|
86
86
|
});
|
|
87
|
-
return F ||
|
|
88
|
-
className:
|
|
87
|
+
return F || u == null && h == null ? $ : /* @__PURE__ */ O("div", {
|
|
88
|
+
className: te,
|
|
89
89
|
children: [
|
|
90
|
-
|
|
90
|
+
u == null ? null : /* @__PURE__ */ D("label", {
|
|
91
91
|
htmlFor: U,
|
|
92
92
|
className: e(t("ui-label"), L && "opacity-50"),
|
|
93
|
-
children:
|
|
93
|
+
children: u
|
|
94
94
|
}),
|
|
95
95
|
$,
|
|
96
|
-
Y == null ? null : /* @__PURE__ */
|
|
96
|
+
Y == null ? null : /* @__PURE__ */ D("p", {
|
|
97
97
|
id: Y,
|
|
98
98
|
className: t("caption"),
|
|
99
|
-
children:
|
|
99
|
+
children: h
|
|
100
100
|
})
|
|
101
101
|
]
|
|
102
102
|
});
|
|
103
103
|
});
|
|
104
104
|
//#endregion
|
|
105
|
-
export {
|
|
105
|
+
export { M as Input, h as inputMessagePositions, v as inputSizes, w as inputStatuses };
|
|
@@ -7,8 +7,14 @@ export type InputMessagePosition = (typeof inputMessagePositions)[number];
|
|
|
7
7
|
/** Input shell — text + focus ring share one eased fade (`slow` ≈ 280ms). */
|
|
8
8
|
export declare const inputShellTransitionClasses: string;
|
|
9
9
|
export declare const inputBaseClasses: string;
|
|
10
|
+
/**
|
|
11
|
+
* Monospace face for a read-only key or id (`type-code`).
|
|
12
|
+
* `!font-mono` wins over `font-sans` on the same element (`cn` does not merge).
|
|
13
|
+
* `!leading-none` keeps the single-line field's centering.
|
|
14
|
+
*/
|
|
15
|
+
export declare const inputMonoFaceClasses = "type-code !font-mono !leading-none";
|
|
10
16
|
/** Solo shell — ring sits on the input with page offset. */
|
|
11
|
-
export declare const inputSoloFocusRingBaseClasses = "focus-visible:outline-none focus-visible:ring-2
|
|
17
|
+
export declare const inputSoloFocusRingBaseClasses = "focus-visible:outline-none focus-visible:ring-2";
|
|
12
18
|
export declare const inputSoloFocusRingColorClasses: {
|
|
13
19
|
readonly default: "focus-visible:ring-focus-ring";
|
|
14
20
|
readonly error: "focus-visible:ring-error-focus-ring";
|
|
@@ -87,9 +93,9 @@ export declare const inputCompoundWrapperClasses: Record<InputSize, string>;
|
|
|
87
93
|
export declare const inputCompoundStatusBorderClasses: Record<InputStatus, string>;
|
|
88
94
|
/** Input inside validation shell — shell owns border, bg, and focus ring. */
|
|
89
95
|
export declare const inputAttachedFieldClasses: string;
|
|
90
|
-
export declare const inputAttachedInputClasses = "rounded-none border-0 shadow-none focus-visible
|
|
96
|
+
export declare const inputAttachedInputClasses = "rounded-none border-0 shadow-none focus-visible:!outline-none focus-visible:!ring-0";
|
|
91
97
|
/** Input inside Search / inline row — parent owns shell and focus ring. */
|
|
92
|
-
export declare const inputInlineClasses = "rounded-none border-0 bg-transparent shadow-none focus-visible
|
|
98
|
+
export declare const inputInlineClasses = "rounded-none border-0 bg-transparent shadow-none focus-visible:!outline-none focus-visible:!ring-0";
|
|
93
99
|
/** @deprecated Split shells removed — use {@link inputCompoundWrapperClasses}. */
|
|
94
100
|
export declare const inputAttachedShellClasses = "border-b-0";
|
|
95
101
|
export declare const inputDisabledClasses = "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputShellStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/inputShellStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,6BAA8B,CAAC;AAEtD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,eAAO,MAAM,aAAa,0CAA2C,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,eAAO,MAAM,qBAAqB,4BAA6B,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,6EAA6E;AAC7E,eAAO,MAAM,2BAA2B,QACiE,CAAC;AAE1G,eAAO,MAAM,gBAAgB,QAGA,CAAC;AAE9B,4DAA4D;AAC5D,eAAO,MAAM,6BAA6B
|
|
1
|
+
{"version":3,"file":"inputShellStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/inputShellStyles.ts"],"names":[],"mappings":"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"}
|