@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
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { typographyClass as e } from "../../../lib/typography.js";
|
|
3
|
+
//#region src/components/atoms/Table/tableStyles.ts
|
|
4
|
+
var t = [
|
|
5
|
+
"start",
|
|
6
|
+
"center",
|
|
7
|
+
"end"
|
|
8
|
+
], n = "w-full max-w-full overflow-x-auto focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus-ring", r = `w-full min-w-max caption-bottom border-collapse has-[colgroup]:table-fixed text-fg ${e("body")}`, i = "[&_tr]:border-b [&_tr]:border-border", a = "[&_tr:last-child]:border-b-0", o = "border-t border-border-emphasized [&>tr]:border-b-0", s = "border-b border-border transition-colors hover:bg-ghost-hover", c = `h-11 px-3 text-start align-middle font-normal whitespace-nowrap ${e("ui-label")}`, l = "px-3 py-3 align-middle", u = `mt-3 text-start ${e("body")} text-muted`, d = "sticky start-0 z-10 bg-body", f = {
|
|
9
|
+
start: "text-start",
|
|
10
|
+
center: "text-center",
|
|
11
|
+
end: "text-end tabular-nums"
|
|
12
|
+
};
|
|
13
|
+
//#endregion
|
|
14
|
+
export { f as tableAlignClasses, t as tableAligns, a as tableBodyClasses, u as tableCaptionClasses, l as tableCellClasses, r as tableClasses, o as tableFooterClasses, c as tableHeadClasses, i as tableHeaderClasses, s as tableRowClasses, n as tableScrollClasses, d as tableStickyClasses };
|
|
@@ -16,6 +16,12 @@ export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaE
|
|
|
16
16
|
message?: string;
|
|
17
17
|
/** Status band placement when `message` is set — default `bottom`. */
|
|
18
18
|
messagePosition?: InputMessagePosition;
|
|
19
|
+
/**
|
|
20
|
+
* Progress text under the field, announced politely as it changes — "Saving…", "Saved".
|
|
21
|
+
* The live region stays mounted while the prop is a string (pass `""` when idle), so a change is
|
|
22
|
+
* heard. Not validation — use `status` + `message` for that. Omitted with `inline`.
|
|
23
|
+
*/
|
|
24
|
+
liveStatus?: string;
|
|
19
25
|
/** Trailing spinner — async validation. */
|
|
20
26
|
loading?: boolean;
|
|
21
27
|
/** Visible row count — default **4**. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAKvE,OAAO,EAqBL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC1G,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE1G,sEAAsE;AACtE,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAqBD;;;GAGG;AACH,eAAO,MAAM,QAAQ,+
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAKvE,OAAO,EAqBL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC1G,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE1G,sEAAsE;AACtE,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAqBD;;;GAGG;AACH,eAAO,MAAM,QAAQ,+GA6JnB,CAAC"}
|
|
@@ -3,113 +3,121 @@ import { cn as e } from "../../../lib/cn.js";
|
|
|
3
3
|
import { typographyClass as t } from "../../../lib/typography.js";
|
|
4
4
|
import { inputAttachedFieldClasses as n, inputCompoundShellClassesFor as r, inputControlStackClasses as i, inputDisabledClasses as a, inputFieldStackClasses as o, inputStatusGapClasses as s } from "../Input/inputShellStyles.js";
|
|
5
5
|
import { InputStatusBanner as c } from "../inputShared/InputStatusBanner.js";
|
|
6
|
-
import { InputTrailingAffordance as
|
|
7
|
-
import { textareaBaseClasses as
|
|
8
|
-
import { forwardRef as
|
|
9
|
-
import { Fragment as
|
|
6
|
+
import { InputTrailingAffordance as ee } from "../inputShared/InputTrailingAffordance.js";
|
|
7
|
+
import { textareaBaseClasses as l, textareaCompoundFieldPaddingClasses as u, textareaCompoundInnerFieldClassesFor as d, textareaFixedPaddingClasses as f, textareaInlineClasses as p, textareaMinHeightClasses as m, textareaResizeClasses as te, textareaResizes as h, textareaShellFieldClasses as g, textareaSoloShellClassesFor as _, textareaStatusBannerClassesFor as v, textareaTrailingInsetClasses as y, textareaTrailingInsetPositionClasses as b } from "./textareaShellStyles.js";
|
|
8
|
+
import { forwardRef as x, useId as S } from "react";
|
|
9
|
+
import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
|
|
10
10
|
//#region src/components/atoms/TextArea/TextArea.tsx
|
|
11
|
-
function
|
|
11
|
+
function E(e) {
|
|
12
12
|
e.label == null && e["aria-label"] == null && e["aria-labelledby"] == null && console.warn("[WMDS TextArea] Provide `label`, `aria-label`, or `aria-labelledby`.");
|
|
13
13
|
}
|
|
14
|
-
function
|
|
15
|
-
e.message != null && e.status == null && console.warn("[WMDS TextArea] `message` requires `status`."), e.inline && (e.label != null || e.description != null || e.status != null || e.message != null) && console.warn("[WMDS TextArea] `inline` is for PromptBar only — omit label, description, and validation.");
|
|
14
|
+
function D(e) {
|
|
15
|
+
e.message != null && e.status == null && console.warn("[WMDS TextArea] `message` requires `status`."), e.inline && (e.label != null || e.description != null || e.liveStatus != null || e.status != null || e.message != null) && console.warn("[WMDS TextArea] `inline` is for PromptBar only — omit label, description, and validation.");
|
|
16
16
|
}
|
|
17
|
-
var
|
|
18
|
-
let
|
|
19
|
-
|
|
20
|
-
label:
|
|
21
|
-
"aria-label":
|
|
22
|
-
"aria-labelledby":
|
|
23
|
-
}),
|
|
24
|
-
status:
|
|
25
|
-
message:
|
|
26
|
-
inline:
|
|
27
|
-
label:
|
|
28
|
-
description:
|
|
17
|
+
var O = x(function({ size: c = "md", label: h, description: v, status: x, message: O, liveStatus: A, messagePosition: j = "bottom", loading: M = !1, rows: N = 4, resize: P = "vertical", inline: F = !1, className: I, disabled: L, id: R, "aria-describedby": z, ...B }, V) {
|
|
18
|
+
let H = S(), U = R ?? H;
|
|
19
|
+
E({
|
|
20
|
+
label: h,
|
|
21
|
+
"aria-label": B["aria-label"],
|
|
22
|
+
"aria-labelledby": B["aria-labelledby"]
|
|
23
|
+
}), D({
|
|
24
|
+
status: x,
|
|
25
|
+
message: O,
|
|
26
|
+
inline: F,
|
|
27
|
+
label: h,
|
|
28
|
+
description: v,
|
|
29
|
+
liveStatus: A
|
|
29
30
|
});
|
|
30
|
-
let
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
let W = O != null && O.length > 0 && x != null, G = !W && (M || x != null), K = v != null && !W ? `${U}-description` : void 0, q = W ? `${U}-message` : void 0, J = [
|
|
32
|
+
z,
|
|
33
|
+
K,
|
|
34
|
+
q
|
|
34
35
|
].filter(Boolean).join(" ") || void 0;
|
|
35
|
-
if (
|
|
36
|
-
...
|
|
37
|
-
ref:
|
|
38
|
-
id:
|
|
39
|
-
rows:
|
|
40
|
-
disabled:
|
|
41
|
-
"aria-invalid":
|
|
42
|
-
"aria-describedby":
|
|
43
|
-
className: e(a, p,
|
|
36
|
+
if (F) return /* @__PURE__ */ w("textarea", {
|
|
37
|
+
...B,
|
|
38
|
+
ref: V,
|
|
39
|
+
id: U,
|
|
40
|
+
rows: N,
|
|
41
|
+
disabled: L,
|
|
42
|
+
"aria-invalid": x === "error" || void 0,
|
|
43
|
+
"aria-describedby": J,
|
|
44
|
+
className: e(a, p, I)
|
|
44
45
|
});
|
|
45
|
-
let
|
|
46
|
-
...
|
|
47
|
-
ref:
|
|
48
|
-
id:
|
|
49
|
-
rows:
|
|
50
|
-
disabled:
|
|
51
|
-
"aria-invalid":
|
|
52
|
-
"aria-describedby":
|
|
53
|
-
className: e(a,
|
|
54
|
-
}),
|
|
55
|
-
className: e(
|
|
56
|
-
children: /* @__PURE__ */
|
|
46
|
+
let Y = /* @__PURE__ */ w("textarea", {
|
|
47
|
+
...B,
|
|
48
|
+
ref: V,
|
|
49
|
+
id: U,
|
|
50
|
+
rows: N,
|
|
51
|
+
disabled: L,
|
|
52
|
+
"aria-invalid": x === "error" || void 0,
|
|
53
|
+
"aria-describedby": J,
|
|
54
|
+
className: e(a, te[P], l, f[c], m[c], g, G && s[c], W && e(n, "rounded-none border-0 shadow-none focus-visible:!outline-none focus-visible:!ring-0", "rounded-none"))
|
|
55
|
+
}), X = G ? /* @__PURE__ */ w("span", {
|
|
56
|
+
className: e(y, b[c]),
|
|
57
|
+
children: /* @__PURE__ */ w(ee, {
|
|
57
58
|
size: c,
|
|
58
|
-
status:
|
|
59
|
-
loading:
|
|
59
|
+
status: M ? void 0 : x,
|
|
60
|
+
loading: M
|
|
60
61
|
})
|
|
61
|
-
}) : null,
|
|
62
|
-
className: e(
|
|
63
|
-
children:
|
|
64
|
-
}),
|
|
65
|
-
className: e("relative w-full",
|
|
66
|
-
children:
|
|
67
|
-
}), Q =
|
|
68
|
-
status:
|
|
69
|
-
message:
|
|
70
|
-
messageId:
|
|
62
|
+
}) : null, Z = /* @__PURE__ */ T(C, { children: [Y, X] }), ne = /* @__PURE__ */ w("div", {
|
|
63
|
+
className: e(_(c, x, P), I),
|
|
64
|
+
children: Z
|
|
65
|
+
}), re = /* @__PURE__ */ w("div", {
|
|
66
|
+
className: e("relative w-full", u(P, c)),
|
|
67
|
+
children: Z
|
|
68
|
+
}), Q = W && x != null && q != null ? /* @__PURE__ */ w(k, {
|
|
69
|
+
status: x,
|
|
70
|
+
message: O,
|
|
71
|
+
messageId: q,
|
|
71
72
|
size: c,
|
|
72
|
-
messagePosition:
|
|
73
|
-
}) : null, $ =
|
|
74
|
-
className: r(c,
|
|
73
|
+
messagePosition: j
|
|
74
|
+
}) : null, $ = W && x != null ? /* @__PURE__ */ T("div", {
|
|
75
|
+
className: r(c, x),
|
|
75
76
|
children: [
|
|
76
|
-
|
|
77
|
-
/* @__PURE__ */
|
|
78
|
-
className: d(c,
|
|
79
|
-
children:
|
|
77
|
+
j === "top" ? Q : null,
|
|
78
|
+
/* @__PURE__ */ w("div", {
|
|
79
|
+
className: d(c, x, j),
|
|
80
|
+
children: re
|
|
80
81
|
}),
|
|
81
|
-
|
|
82
|
+
j === "bottom" ? Q : null
|
|
82
83
|
]
|
|
83
|
-
}) : /* @__PURE__ */
|
|
84
|
+
}) : /* @__PURE__ */ w("div", {
|
|
84
85
|
className: i,
|
|
85
|
-
children:
|
|
86
|
+
children: ne
|
|
86
87
|
});
|
|
87
|
-
return
|
|
88
|
+
return h == null && v == null && A == null ? $ : /* @__PURE__ */ T("div", {
|
|
88
89
|
className: o,
|
|
89
90
|
children: [
|
|
90
|
-
|
|
91
|
-
htmlFor:
|
|
92
|
-
className: e(t("ui-label"),
|
|
93
|
-
children:
|
|
91
|
+
h == null ? null : /* @__PURE__ */ w("label", {
|
|
92
|
+
htmlFor: U,
|
|
93
|
+
className: e(t("ui-label"), L && "opacity-50"),
|
|
94
|
+
children: h
|
|
94
95
|
}),
|
|
95
96
|
$,
|
|
96
|
-
|
|
97
|
-
id:
|
|
97
|
+
K == null ? null : /* @__PURE__ */ w("p", {
|
|
98
|
+
id: K,
|
|
99
|
+
className: t("caption"),
|
|
100
|
+
children: v
|
|
101
|
+
}),
|
|
102
|
+
A == null ? null : /* @__PURE__ */ w("p", {
|
|
103
|
+
role: "status",
|
|
104
|
+
"aria-live": "polite",
|
|
105
|
+
id: `${U}-live-status`,
|
|
98
106
|
className: t("caption"),
|
|
99
|
-
children:
|
|
107
|
+
children: A
|
|
100
108
|
})
|
|
101
109
|
]
|
|
102
110
|
});
|
|
103
111
|
});
|
|
104
|
-
function
|
|
105
|
-
return /* @__PURE__ */
|
|
112
|
+
function k({ status: e, message: t, messageId: n, size: r, messagePosition: i }) {
|
|
113
|
+
return /* @__PURE__ */ w(c, {
|
|
106
114
|
status: e,
|
|
107
115
|
message: t,
|
|
108
116
|
messageId: n,
|
|
109
117
|
size: r,
|
|
110
118
|
messagePosition: i,
|
|
111
|
-
bannerClassName:
|
|
119
|
+
bannerClassName: v(e, r, i)
|
|
112
120
|
});
|
|
113
121
|
}
|
|
114
122
|
//#endregion
|
|
115
|
-
export {
|
|
123
|
+
export { O as TextArea, h as textareaResizes };
|
|
@@ -14,7 +14,7 @@ export declare const textareaFixedPaddingClasses: Record<InputSize, string>;
|
|
|
14
14
|
* clears the rounded corner (content padding alone does not move the grip).
|
|
15
15
|
*/
|
|
16
16
|
export declare const textareaShellResizePaddingClasses: Record<InputSize, string>;
|
|
17
|
-
export declare const textareaShellFocusRingBaseClasses = "focus-within:outline-none focus-within:ring-2
|
|
17
|
+
export declare const textareaShellFocusRingBaseClasses = "focus-within:outline-none focus-within:ring-2";
|
|
18
18
|
export declare const textareaShellFocusRingColorClasses: {
|
|
19
19
|
readonly default: "focus-within:ring-focus-ring";
|
|
20
20
|
readonly error: "focus-within:ring-error-focus-ring";
|
|
@@ -36,7 +36,7 @@ export declare const textareaBaseClasses: string;
|
|
|
36
36
|
* Field inside the bordered shell — the shell owns border, fill, and the
|
|
37
37
|
* `focus-within` ring, so the field drops its own outline and ring.
|
|
38
38
|
*/
|
|
39
|
-
export declare const textareaShellFieldClasses = "w-full border-0 bg-transparent shadow-none focus-visible
|
|
39
|
+
export declare const textareaShellFieldClasses = "w-full border-0 bg-transparent shadow-none focus-visible:!outline-none focus-visible:!ring-0";
|
|
40
40
|
/**
|
|
41
41
|
* Inside **PromptBar** — the parent pill owns border, radius, and focus ring.
|
|
42
42
|
* No element shell, no min-height, no resize grip.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textareaShellStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/textareaShellStyles.ts"],"names":[],"mappings":"AACA,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EAEzB,4BAA4B,EAE5B,wBAAwB,EACxB,oBAAoB,EACpB,yBAAyB,EACzB,sBAAsB,EAItB,6BAA6B,EAC7B,8BAA8B,EAE9B,qBAAqB,EACrB,uBAAuB,EACvB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAEnC,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE7F,eAAO,MAAM,eAAe,uCAAwC,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,qFAAqF;AACrF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI/D,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAIhE,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI9D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIjE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIvE,CAAC;AAEF,eAAO,MAAM,iCAAiC,
|
|
1
|
+
{"version":3,"file":"textareaShellStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/textareaShellStyles.ts"],"names":[],"mappings":"AACA,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EAEzB,4BAA4B,EAE5B,wBAAwB,EACxB,oBAAoB,EACpB,yBAAyB,EACzB,sBAAsB,EAItB,6BAA6B,EAC7B,8BAA8B,EAE9B,qBAAqB,EACrB,uBAAuB,EACvB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,2BAA2B,CAAC;AAEnC,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE7F,eAAO,MAAM,eAAe,uCAAwC,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,qFAAqF;AACrF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI/D,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAIhE,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI9D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIjE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIvE,CAAC;AAEF,eAAO,MAAM,iCAAiC,kDACG,CAAC;AAElD,eAAO,MAAM,kCAAkC;;;;;CAKrC,CAAC;AAEX,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,WAAW,GAAG,SAAS,EAC/B,MAAM,EAAE,cAAc,GACrB,MAAM,CAgBR;AAED,wBAAgB,mCAAmC,CACjD,MAAM,EAAE,cAAc,EACtB,IAAI,EAAE,SAAS,GACd,MAAM,GAAG,SAAS,CAEpB;AAED,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI1D,CAAC;AAEF,eAAO,MAAM,0CAA0C,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIhF,CAAC;AAEF,eAAO,MAAM,0CAA0C,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIhF,CAAC;AAEF,eAAO,MAAM,sCAAsC,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI5E,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI1E,CAAC;AAEF,eAAO,MAAM,4BAA4B,2DACiB,CAAC;AAE3D,wBAAgB,oCAAoC,CAClD,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,WAAW,EACnB,eAAe,EAAE,oBAAoB,GACpC,MAAM,CASR;AAED,wBAAgB,8BAA8B,CAC5C,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,SAAS,EACf,eAAe,EAAE,oBAAoB,GACpC,MAAM,CAgBR;AAED,eAAO,MAAM,mBAAmB,QAA+C,CAAC;AAEhF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,iGAC0D,CAAC;AAEjG;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAE6C,CAAC;AAEhF,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EACzB,4BAA4B,EAC5B,wBAAwB,EACxB,oBAAoB,EACpB,yBAAyB,EACzB,sBAAsB,EACtB,6BAA6B,EAC7B,8BAA8B,EAC9B,qBAAqB,EACrB,uBAAuB,GACxB,CAAC"}
|
|
@@ -26,7 +26,7 @@ var g = [
|
|
|
26
26
|
sm: "pr-2.5 pb-2.5",
|
|
27
27
|
md: "pr-3 pb-3",
|
|
28
28
|
lg: "pr-3.5 pb-3.5"
|
|
29
|
-
}, S = "focus-within:outline-none focus-within:ring-2
|
|
29
|
+
}, S = "focus-within:outline-none focus-within:ring-2", C = {
|
|
30
30
|
default: "focus-within:ring-focus-ring",
|
|
31
31
|
error: "focus-within:ring-error-focus-ring",
|
|
32
32
|
warning: "focus-within:ring-warning-focus-ring",
|
|
@@ -66,6 +66,6 @@ function M(t, n, r) {
|
|
|
66
66
|
function N(t, n, r) {
|
|
67
67
|
return r === "bottom" ? e("relative z-0 flex w-full items-center gap-2 px-3 pb-3 leading-snug", D[n], "rounded-b-[1.375rem]", p[t]) : e("relative z-0 flex w-full items-center gap-2 px-3 pt-2.5 leading-snug", O[n], "rounded-t-[1.375rem]", p[t]);
|
|
68
68
|
}
|
|
69
|
-
var P = e(r, "block leading-normal"), F = "w-full border-0 bg-transparent shadow-none focus-visible
|
|
69
|
+
var P = e(r, "block leading-normal"), F = "w-full border-0 bg-transparent shadow-none focus-visible:!outline-none focus-visible:!ring-0", I = "block w-full min-w-0 resize-none rounded-none border-0 bg-transparent font-sans font-normal tracking-normal text-fg shadow-none placeholder:text-disabled focus-visible:!outline-none focus-visible:!ring-0";
|
|
70
70
|
//#endregion
|
|
71
71
|
export { t as inputAttachedFieldClasses, n as inputAttachedInputClasses, i as inputCompoundShellClassesFor, o as inputControlStackClasses, s as inputDisabledClasses, c as inputDisabledLabelClasses, l as inputFieldStackClasses, m as inputStatusGapClasses, h as inputStatusShellClasses, P as textareaBaseClasses, D as textareaCompoundBannerOverlapBottomClasses, O as textareaCompoundBannerOverlapTopPadClasses, k as textareaCompoundFieldOverlapTopClasses, T as textareaCompoundFieldPaddingClasses, M as textareaCompoundInnerFieldClassesFor, b as textareaFixedPaddingClasses, I as textareaInlineClasses, y as textareaMinHeightClasses, v as textareaResizeClasses, g as textareaResizes, E as textareaShellClasses, F as textareaShellFieldClasses, S as textareaShellFocusRingBaseClasses, C as textareaShellFocusRingColorClasses, x as textareaShellResizePaddingClasses, _ as textareaSoloRadiusClasses, w as textareaSoloShellClassesFor, N as textareaStatusBannerClassesFor, j as textareaTrailingInsetClasses, A as textareaTrailingInsetPositionClasses };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type HTMLAttributes, type ReactNode } from "react";
|
|
2
|
-
import { cardAddressClasses, cardBodyTextClasses, cardBodyWellClasses, cardLayoutBodyOccupantInsetXClasses, cardLayoutBodyOccupantPadYClasses, cardLayoutBodyOccupantDotGridWellClasses, cardLayoutBodyOccupantRadiusClasses, cardLayoutBodyOccupantWellClasses, cardSubtitleClasses, cardTitleClasses, type CardPadding, type CardShape, type CardVariant } from "./cardStyles";
|
|
3
|
-
export type { CardPadding, CardShape, CardVariant } from "./cardStyles";
|
|
4
|
-
export { cardPaddings, cardShapes, cardVariants } from "./cardStyles";
|
|
2
|
+
import { cardAddressClasses, cardBodyTextClasses, cardBodyWellClasses, cardLayoutBodyOccupantInsetXClasses, cardLayoutBodyOccupantPadYClasses, cardLayoutBodyOccupantDotGridWellClasses, cardLayoutBodyOccupantRadiusClasses, cardLayoutBodyOccupantWellClasses, cardSubtitleClasses, cardTitleClasses, type CardBodyVariant, type CardPadding, type CardShape, type CardTerminalHeight, type CardTerminalState, type CardVariant } from "./cardStyles";
|
|
3
|
+
export type { CardBodyVariant, CardPadding, CardShape, CardTerminalHeight, CardTerminalState, CardVariant, } from "./cardStyles";
|
|
4
|
+
export { cardBodyVariants, cardPaddings, cardShapes, cardTerminalHeights, cardTerminalStates, cardVariants, } from "./cardStyles";
|
|
5
5
|
/** Layout-only — not for surface, border, or radius overrides. */
|
|
6
6
|
export type CardLayoutClassName = string;
|
|
7
7
|
export interface CardProps extends HTMLAttributes<HTMLElement> {
|
|
@@ -23,6 +23,27 @@ export interface CardSectionProps extends HTMLAttributes<HTMLElement> {
|
|
|
23
23
|
children?: ReactNode;
|
|
24
24
|
className?: CardLayoutClassName;
|
|
25
25
|
}
|
|
26
|
+
export interface CardBodyProps extends Omit<CardSectionProps, "title"> {
|
|
27
|
+
/**
|
|
28
|
+
* `slot` (default) is the composition well.
|
|
29
|
+
* `terminal` is a dark embed frame. It is not `bodyTerminal`, which only densifies the shell bottom.
|
|
30
|
+
*/
|
|
31
|
+
variant?: CardBodyVariant;
|
|
32
|
+
/** Embed URL. Omit while `loading` or `disconnected`. */
|
|
33
|
+
src?: string;
|
|
34
|
+
/** Inline document when there is no `src`. `src` wins when both are set. */
|
|
35
|
+
srcDoc?: string;
|
|
36
|
+
/** Accessible name of the embed. Default `Terminal`. */
|
|
37
|
+
title?: string;
|
|
38
|
+
/** `sm` 160px, `md` 256px, `lg` 384px, `fill` grows in a pinned card. Default `md`. */
|
|
39
|
+
height?: CardTerminalHeight;
|
|
40
|
+
/** Muted **Read only** badge in the frame bar. */
|
|
41
|
+
readOnly?: boolean;
|
|
42
|
+
/** `ready` shows the embed. `loading` is a **Skeleton**. `disconnected` is a status line. */
|
|
43
|
+
state?: CardTerminalState;
|
|
44
|
+
/** Status copy when `state` is `disconnected`. Default `Disconnected`. */
|
|
45
|
+
message?: string;
|
|
46
|
+
}
|
|
26
47
|
export interface CardHeaderProps extends CardSectionProps {
|
|
27
48
|
/** Start slot — title + subtitle, or any leading cluster. */
|
|
28
49
|
start?: ReactNode;
|
|
@@ -31,8 +52,8 @@ export interface CardHeaderProps extends CardSectionProps {
|
|
|
31
52
|
}
|
|
32
53
|
declare function CardRoot({ shape, variant, padding, bodyTerminal, headerless, as: Component, className, children, ...props }: CardProps): import("react").JSX.Element;
|
|
33
54
|
declare function CardHeader({ className, children, start, end, ...props }: CardHeaderProps): import("react").JSX.Element;
|
|
34
|
-
/** Inset well — composition slot
|
|
35
|
-
declare function CardBody({ className, children, ...props }:
|
|
55
|
+
/** Inset well — composition slot, or a dark embed when `variant="terminal"`. */
|
|
56
|
+
declare function CardBody({ className, children, variant, src, srcDoc, title, height, readOnly, state, message, ...props }: CardBodyProps): import("react").JSX.Element;
|
|
36
57
|
declare function CardFooter({ className, children, ...props }: CardSectionProps): import("react").JSX.Element;
|
|
37
58
|
declare function CardDivider({ className, ...props }: HTMLAttributes<HTMLHRElement>): import("react").JSX.Element;
|
|
38
59
|
/**
|
|
@@ -41,7 +62,8 @@ declare function CardDivider({ className, ...props }: HTMLAttributes<HTMLHREleme
|
|
|
41
62
|
* (2px gutter, square, transparent — occupant owns fill and chrome).
|
|
42
63
|
* Headerless Body densifies shell top to 2px; footerless / `bodyTerminal` densifies shell bottom to 2px.
|
|
43
64
|
* Pin a height on the root (`className`) with Header + Body + Footer — Header/Footer stay put;
|
|
44
|
-
* **Card.Body** scrolls.
|
|
65
|
+
* **Card.Body** scrolls. `bodyTerminal` is that density flag.
|
|
66
|
+
* **`Card.Body variant="terminal"`** is a separate dark embed frame (`data-theme="dark"` in both page themes).
|
|
45
67
|
*/
|
|
46
68
|
export declare const Card: typeof CardRoot & {
|
|
47
69
|
Header: typeof CardHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,24 +1,26 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "../../../lib/cn.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
3
|
+
import { Badge as t } from "../../atoms/Badge/Badge.js";
|
|
4
|
+
import { Skeleton as n } from "../../atoms/Skeleton/Skeleton.js";
|
|
5
|
+
import { cardAddressClasses as r, cardBaseClasses as i, cardBodyTextClasses as a, cardBodyVariants as o, cardBodyWellClasses as s, cardDividerClasses as c, cardLayoutBodyOccupantDotGridWellClasses as l, cardLayoutBodyOccupantInsetXClasses as u, cardLayoutBodyOccupantPadYClasses as d, cardLayoutBodyOccupantRadiusClasses as f, cardLayoutBodyOccupantWellClasses as p, cardLayoutHeaderEndClasses as m, cardLayoutHeaderStartClasses as h, cardLayoutShellBottomClasses as g, cardLayoutShellClasses as _, cardLayoutShellShapeClasses as v, cardLayoutShellTopClasses as y, cardLayoutVariantClasses as b, cardOverflowClasses as x, cardPaddings as S, cardRootPaddingClasses as C, cardSectionPaddingClasses as w, cardShapeClasses as T, cardShapes as E, cardSubtitleClasses as D, cardTerminalBarClasses as O, cardTerminalFrameClasses as k, cardTerminalFrameElementClasses as A, cardTerminalHeightClasses as j, cardTerminalHeights as M, cardTerminalMessageClasses as N, cardTerminalStageClasses as P, cardTerminalStates as F, cardTerminalTitleClasses as I, cardTitleClasses as L, cardVariantClasses as R, cardVariants as z } from "./cardStyles.js";
|
|
6
|
+
import { Children as B, createContext as V, isValidElement as H, useContext as U } from "react";
|
|
7
|
+
import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
|
|
6
8
|
//#region src/components/molecules/Card/Card.tsx
|
|
7
|
-
var
|
|
8
|
-
function
|
|
9
|
-
return
|
|
9
|
+
var q = V("none"), J = V(!1);
|
|
10
|
+
function Y() {
|
|
11
|
+
return U(q);
|
|
10
12
|
}
|
|
11
|
-
function
|
|
12
|
-
let d =
|
|
13
|
-
return /* @__PURE__ */
|
|
14
|
-
value:
|
|
15
|
-
children: /* @__PURE__ */
|
|
13
|
+
function X({ shape: t = "rounded", variant: n = "surface", padding: r = "none", bodyTerminal: a, headerless: o, as: s = "div", className: c, children: l, ...u }) {
|
|
14
|
+
let d = r === "none", f = B.toArray(l), p = f.some((e) => H(e) && e.type === Z), m = f.some((e) => H(e) && e.type === Q), h = f.some((e) => H(e) && e.type === $), S = d && f.some((e) => H(e) && e.type === Q && e.props.variant === "terminal"), w = d && m && !h, E = d && m && !p, D = a ?? w, O = o ?? E, k = S && !h;
|
|
15
|
+
return /* @__PURE__ */ G(q.Provider, {
|
|
16
|
+
value: r,
|
|
17
|
+
children: /* @__PURE__ */ G(J.Provider, {
|
|
16
18
|
value: D,
|
|
17
|
-
children: /* @__PURE__ */
|
|
18
|
-
className: e(
|
|
19
|
+
children: /* @__PURE__ */ G(s, {
|
|
20
|
+
className: e(i, d ? e(_, y(!O), g(D, k), v[t], b[n]) : e(x, T[t], R[n], C[r]), c),
|
|
19
21
|
"data-shape": t,
|
|
20
|
-
"data-variant":
|
|
21
|
-
"data-padding":
|
|
22
|
+
"data-variant": n,
|
|
23
|
+
"data-padding": r,
|
|
22
24
|
"data-layout": d ? "shell" : void 0,
|
|
23
25
|
...u,
|
|
24
26
|
children: l
|
|
@@ -26,47 +28,86 @@ function L({ shape: t = "rounded", variant: r = "surface", padding: i = "none",
|
|
|
26
28
|
})
|
|
27
29
|
});
|
|
28
30
|
}
|
|
29
|
-
function
|
|
30
|
-
let o =
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
-
className: e(
|
|
31
|
+
function Z({ className: t, children: n, start: r, end: i, ...a }) {
|
|
32
|
+
let o = Y(), s = r ?? n;
|
|
33
|
+
return /* @__PURE__ */ K("header", {
|
|
34
|
+
className: e(w[o].header, t),
|
|
33
35
|
...a,
|
|
34
|
-
children: [s == null ? null : /* @__PURE__ */
|
|
35
|
-
className:
|
|
36
|
+
children: [s == null ? null : /* @__PURE__ */ G("div", {
|
|
37
|
+
className: h,
|
|
36
38
|
children: s
|
|
37
|
-
}), i == null ? null : /* @__PURE__ */
|
|
38
|
-
className:
|
|
39
|
+
}), i == null ? null : /* @__PURE__ */ G("div", {
|
|
40
|
+
className: m,
|
|
39
41
|
children: i
|
|
40
42
|
})]
|
|
41
43
|
});
|
|
42
44
|
}
|
|
43
|
-
function
|
|
44
|
-
let
|
|
45
|
-
return /* @__PURE__ */
|
|
46
|
-
className: e(
|
|
47
|
-
|
|
48
|
-
|
|
45
|
+
function Q({ className: r, children: i, variant: a = "slot", src: o, srcDoc: s, title: c = "Terminal", height: l = "md", readOnly: u = !1, state: d = "ready", message: f = "Disconnected", ...p }) {
|
|
46
|
+
let m = Y(), h = U(J), g = m === "none", _ = a === "terminal", v = d === "ready" && (o != null || s != null);
|
|
47
|
+
return /* @__PURE__ */ G("div", {
|
|
48
|
+
className: e(_ ? k : w[m].body, _ && j[l], !_ && g && h && "flex-1 [&>*]:min-h-0 [&>*]:flex-1", !_ && g && !h && "min-h-0 flex-1 overflow-y-auto", r),
|
|
49
|
+
"data-variant": _ ? "terminal" : void 0,
|
|
50
|
+
"data-theme": _ ? "dark" : void 0,
|
|
51
|
+
"data-state": _ ? d : void 0,
|
|
52
|
+
"data-height": _ ? l : void 0,
|
|
53
|
+
...p,
|
|
54
|
+
children: _ ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K("div", {
|
|
55
|
+
className: O,
|
|
56
|
+
children: [/* @__PURE__ */ G("span", {
|
|
57
|
+
className: I,
|
|
58
|
+
children: c
|
|
59
|
+
}), u ? /* @__PURE__ */ G(t, {
|
|
60
|
+
size: "sm",
|
|
61
|
+
emphasis: "muted",
|
|
62
|
+
children: "Read only"
|
|
63
|
+
}) : null]
|
|
64
|
+
}), /* @__PURE__ */ K("div", {
|
|
65
|
+
className: P,
|
|
66
|
+
"aria-busy": d === "loading" || void 0,
|
|
67
|
+
children: [
|
|
68
|
+
d === "loading" ? /* @__PURE__ */ G(n, {
|
|
69
|
+
width: "100%",
|
|
70
|
+
height: "100%",
|
|
71
|
+
radius: "inner"
|
|
72
|
+
}) : null,
|
|
73
|
+
d === "disconnected" ? /* @__PURE__ */ G("p", {
|
|
74
|
+
className: N,
|
|
75
|
+
role: "status",
|
|
76
|
+
children: f
|
|
77
|
+
}) : null,
|
|
78
|
+
d === "ready" && !v ? /* @__PURE__ */ G("p", {
|
|
79
|
+
className: N,
|
|
80
|
+
role: "status",
|
|
81
|
+
children: "No session"
|
|
82
|
+
}) : null,
|
|
83
|
+
v ? /* @__PURE__ */ G("iframe", {
|
|
84
|
+
className: A,
|
|
85
|
+
title: c,
|
|
86
|
+
...o == null ? { srcDoc: s } : { src: o }
|
|
87
|
+
}) : null
|
|
88
|
+
]
|
|
89
|
+
})] }) : i
|
|
49
90
|
});
|
|
50
91
|
}
|
|
51
|
-
function
|
|
52
|
-
let i =
|
|
53
|
-
return /* @__PURE__ */
|
|
54
|
-
className: e(
|
|
92
|
+
function $({ className: t, children: n, ...r }) {
|
|
93
|
+
let i = Y();
|
|
94
|
+
return /* @__PURE__ */ G("footer", {
|
|
95
|
+
className: e(w[i].footer, t),
|
|
55
96
|
...r,
|
|
56
97
|
children: n
|
|
57
98
|
});
|
|
58
99
|
}
|
|
59
|
-
function
|
|
60
|
-
return /* @__PURE__ */
|
|
61
|
-
className: e(
|
|
100
|
+
function ee({ className: t, ...n }) {
|
|
101
|
+
return /* @__PURE__ */ G("hr", {
|
|
102
|
+
className: e(c, t),
|
|
62
103
|
...n
|
|
63
104
|
});
|
|
64
105
|
}
|
|
65
|
-
var
|
|
66
|
-
Header:
|
|
67
|
-
Body:
|
|
68
|
-
Footer:
|
|
69
|
-
Divider:
|
|
106
|
+
var te = Object.assign(X, {
|
|
107
|
+
Header: Z,
|
|
108
|
+
Body: Q,
|
|
109
|
+
Footer: $,
|
|
110
|
+
Divider: ee
|
|
70
111
|
});
|
|
71
112
|
//#endregion
|
|
72
|
-
export {
|
|
113
|
+
export { te as Card, r as cardAddressClasses, a as cardBodyTextClasses, o as cardBodyVariants, s as cardBodyWellClasses, l as cardLayoutBodyOccupantDotGridWellClasses, u as cardLayoutBodyOccupantInsetXClasses, d as cardLayoutBodyOccupantPadYClasses, f as cardLayoutBodyOccupantRadiusClasses, p as cardLayoutBodyOccupantWellClasses, S as cardPaddings, E as cardShapes, D as cardSubtitleClasses, M as cardTerminalHeights, F as cardTerminalStates, L as cardTitleClasses, z as cardVariants };
|
|
@@ -20,7 +20,7 @@ export declare const cardRootPaddingClasses: Record<CardPadding, string>;
|
|
|
20
20
|
export declare const cardLayoutShellClasses = "min-h-0 gap-3 overflow-hidden";
|
|
21
21
|
/** Layout shell top pad — 16px beside Header; 2px when Header is omitted. */
|
|
22
22
|
export declare function cardLayoutShellTopClasses(hasHeader?: boolean): string;
|
|
23
|
-
export declare function cardLayoutShellBottomClasses(bodyTerminal?: boolean): string;
|
|
23
|
+
export declare function cardLayoutShellBottomClasses(bodyTerminal?: boolean, flush?: boolean): string;
|
|
24
24
|
/** Horizontal inset for header/footer on the layout shell (16px). */
|
|
25
25
|
export declare const cardLayoutSectionInsetXClasses = "px-4";
|
|
26
26
|
/** Body gutter — 2px from the card shell edge; slot is full width inside. */
|
|
@@ -79,4 +79,19 @@ export declare const cardBodyTextClasses: string;
|
|
|
79
79
|
/** Street + city/state/ZIP — one block; same tight stack as header title + subtitle. */
|
|
80
80
|
export declare const cardAddressClasses: string;
|
|
81
81
|
export declare const cardDividerClasses = "m-0 border-0 border-t border-border";
|
|
82
|
+
/** `slot` is the composition well. `terminal` is a dark embed frame — not the `bodyTerminal` density flag. */
|
|
83
|
+
export declare const cardBodyVariants: readonly ["slot", "terminal"];
|
|
84
|
+
export type CardBodyVariant = (typeof cardBodyVariants)[number];
|
|
85
|
+
export declare const cardTerminalHeights: readonly ["sm", "md", "lg", "fill"];
|
|
86
|
+
export type CardTerminalHeight = (typeof cardTerminalHeights)[number];
|
|
87
|
+
export declare const cardTerminalStates: readonly ["ready", "loading", "disconnected"];
|
|
88
|
+
export type CardTerminalState = (typeof cardTerminalStates)[number];
|
|
89
|
+
/** Dark in both page themes — `data-theme="dark"` on the frame swaps the existing tokens. */
|
|
90
|
+
export declare const cardTerminalFrameClasses = "flex min-h-0 w-full flex-col overflow-hidden bg-surface text-fg";
|
|
91
|
+
export declare const cardTerminalHeightClasses: Record<CardTerminalHeight, string>;
|
|
92
|
+
export declare const cardTerminalBarClasses = "flex h-9 shrink-0 items-center gap-2 border-b border-border px-3";
|
|
93
|
+
export declare const cardTerminalTitleClasses: string;
|
|
94
|
+
export declare const cardTerminalStageClasses = "flex min-h-0 flex-1 flex-col";
|
|
95
|
+
export declare const cardTerminalFrameElementClasses = "min-h-0 w-full flex-1 border-0 bg-surface";
|
|
96
|
+
export declare const cardTerminalMessageClasses: string;
|
|
82
97
|
//# sourceMappingURL=cardStyles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Card/cardStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,+BAAgC,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,eAAO,MAAM,YAAY,2CAA4C,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,eAAO,MAAM,YAAY,+BAAgC,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,yEAAyE;AACzE,eAAO,MAAM,eAAe,2CAA2C,CAAC;AAExE,eAAO,MAAM,mBAAmB,oBAAoB,CAAC;AAErD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAGtD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAI1D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAIhE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAI9D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,kCAAkC,CAAC;AAEtE,6EAA6E;AAC7E,wBAAgB,yBAAyB,CAAC,SAAS,UAAO,GAAG,MAAM,CAElE;AAED,wBAAgB,4BAA4B,CAAC,YAAY,UAAQ,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"cardStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Card/cardStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,8 +29,8 @@ var n = ["flush", "rounded"], r = [
|
|
|
29
29
|
function f(e = !0) {
|
|
30
30
|
return e ? "pt-4" : "pt-[2px]";
|
|
31
31
|
}
|
|
32
|
-
function p(e = !1) {
|
|
33
|
-
return e ? "pb-[2px]" : "pb-4";
|
|
32
|
+
function p(e = !1, t = !1) {
|
|
33
|
+
return t ? "pb-0" : e ? "pb-[2px]" : "pb-4";
|
|
34
34
|
}
|
|
35
35
|
var m = "px-4", h = "px-[2px]", g = "px-3.5", _ = "py-[16px]", v = {
|
|
36
36
|
flush: "",
|
|
@@ -55,6 +55,20 @@ var m = "px-4", h = "px-[2px]", g = "px-3.5", _ = "py-[16px]", v = {
|
|
|
55
55
|
body: "px-6 py-4",
|
|
56
56
|
footer: "flex items-center justify-between gap-4 border-t border-border px-6 py-4"
|
|
57
57
|
}
|
|
58
|
-
}, M = `${e("subheading")} leading-snug`, N = `${e("caption")} leading-snug text-muted`, P = e("body"), F = `${e("body")} flex flex-col gap-0 leading-snug`, I = "m-0 border-0 border-t border-border"
|
|
58
|
+
}, M = `${e("subheading")} leading-snug`, N = `${e("caption")} leading-snug text-muted`, P = e("body"), F = `${e("body")} flex flex-col gap-0 leading-snug`, I = "m-0 border-0 border-t border-border", L = ["slot", "terminal"], R = [
|
|
59
|
+
"sm",
|
|
60
|
+
"md",
|
|
61
|
+
"lg",
|
|
62
|
+
"fill"
|
|
63
|
+
], z = [
|
|
64
|
+
"ready",
|
|
65
|
+
"loading",
|
|
66
|
+
"disconnected"
|
|
67
|
+
], B = "flex min-h-0 w-full flex-col overflow-hidden bg-surface text-fg", V = {
|
|
68
|
+
sm: "h-40",
|
|
69
|
+
md: "h-64",
|
|
70
|
+
lg: "h-96",
|
|
71
|
+
fill: "min-h-40 flex-1"
|
|
72
|
+
}, H = "flex h-9 shrink-0 items-center gap-2 border-b border-border px-3", U = `${e("ui-label")} min-w-0 flex-1 truncate`, W = "flex min-h-0 flex-1 flex-col", G = "min-h-0 w-full flex-1 border-0 bg-surface", K = `${e("caption")} px-3 py-4 text-muted`;
|
|
59
73
|
//#endregion
|
|
60
|
-
export { F as cardAddressClasses, a as cardBaseClasses, P as cardBodyTextClasses, E as cardBodyWellClasses, I as cardDividerClasses, h as cardLayoutBodyGutterClasses, k as cardLayoutBodyOccupantDotGridWellClasses, g as cardLayoutBodyOccupantInsetXClasses, _ as cardLayoutBodyOccupantPadYClasses, D as cardLayoutBodyOccupantRadiusClasses, O as cardLayoutBodyOccupantWellClasses, C as cardLayoutBodyWellClasses, A as cardLayoutFooterClasses, b as cardLayoutHeaderClasses, S as cardLayoutHeaderEndClasses, y as cardLayoutHeaderRowClasses, x as cardLayoutHeaderStartClasses, w as cardLayoutScrollBodyClasses, m as cardLayoutSectionInsetXClasses, p as cardLayoutShellBottomClasses, d as cardLayoutShellClasses, v as cardLayoutShellShapeClasses, f as cardLayoutShellTopClasses, T as cardLayoutTerminalBodyClasses, l as cardLayoutVariantClasses, o as cardOverflowClasses, i as cardPaddings, u as cardRootPaddingClasses, j as cardSectionPaddingClasses, s as cardShapeClasses, n as cardShapes, N as cardSubtitleClasses, M as cardTitleClasses, c as cardVariantClasses, r as cardVariants };
|
|
74
|
+
export { F as cardAddressClasses, a as cardBaseClasses, P as cardBodyTextClasses, L as cardBodyVariants, E as cardBodyWellClasses, I as cardDividerClasses, h as cardLayoutBodyGutterClasses, k as cardLayoutBodyOccupantDotGridWellClasses, g as cardLayoutBodyOccupantInsetXClasses, _ as cardLayoutBodyOccupantPadYClasses, D as cardLayoutBodyOccupantRadiusClasses, O as cardLayoutBodyOccupantWellClasses, C as cardLayoutBodyWellClasses, A as cardLayoutFooterClasses, b as cardLayoutHeaderClasses, S as cardLayoutHeaderEndClasses, y as cardLayoutHeaderRowClasses, x as cardLayoutHeaderStartClasses, w as cardLayoutScrollBodyClasses, m as cardLayoutSectionInsetXClasses, p as cardLayoutShellBottomClasses, d as cardLayoutShellClasses, v as cardLayoutShellShapeClasses, f as cardLayoutShellTopClasses, T as cardLayoutTerminalBodyClasses, l as cardLayoutVariantClasses, o as cardOverflowClasses, i as cardPaddings, u as cardRootPaddingClasses, j as cardSectionPaddingClasses, s as cardShapeClasses, n as cardShapes, N as cardSubtitleClasses, H as cardTerminalBarClasses, B as cardTerminalFrameClasses, G as cardTerminalFrameElementClasses, V as cardTerminalHeightClasses, R as cardTerminalHeights, K as cardTerminalMessageClasses, W as cardTerminalStageClasses, z as cardTerminalStates, U as cardTerminalTitleClasses, M as cardTitleClasses, c as cardVariantClasses, r as cardVariants };
|