@thewhatmatters/wmds 0.4.45 → 0.4.47
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 +22 -0
- package/dist/components/atoms/Table/Table.d.ts +16 -2
- package/dist/components/atoms/Table/Table.d.ts.map +1 -1
- package/dist/components/atoms/Table/Table.js +10 -8
- package/dist/components/atoms/Table/tableStyles.d.ts +11 -0
- package/dist/components/atoms/Table/tableStyles.d.ts.map +1 -1
- package/dist/components/atoms/Table/tableStyles.js +2 -2
- package/dist/components/organisms/Carousel/Carousel.d.ts +3 -0
- package/dist/components/organisms/Carousel/Carousel.d.ts.map +1 -1
- package/dist/components/organisms/Carousel/Carousel.js +208 -198
- 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 +3 -3
- package/dist/styles.css +1 -1
- package/docs/components.md +1 -1
- package/docs/exports.json +1 -1
- package/docs/patterns/components-accordion--flush.tsx +1 -1
- package/docs/patterns/components-appshell--portal-dashboard-pattern.tsx +1 -1
- 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 +1 -1
- package/docs/patterns/components-badge--with-avatar.tsx +1 -1
- package/docs/patterns/components-band--page-in-bands.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-above.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 +1 -1
- 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 +1 -1
- package/docs/patterns/components-chart--segmented-ring-pattern.tsx +1 -1
- 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 +1 -1
- package/docs/patterns/components-copyfield--copied.tsx +1 -1
- package/docs/patterns/components-copyfield--copy-key.tsx +1 -1
- package/docs/patterns/components-copyfield--on-navy.tsx +1 -1
- package/docs/patterns/components-descriptionlist--details.tsx +1 -1
- package/docs/patterns/components-descriptionlist--post-metadata.tsx +1 -1
- package/docs/patterns/components-dialog--alert-dialog-destructive.tsx +1 -1
- package/docs/patterns/components-dialog--alert-dialog-typed-confirmation.tsx +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 +1 -1
- package/docs/patterns/components-errorsummary--contact-form.tsx +1 -1
- 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-herointro--with-actions.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 +1 -1
- package/docs/patterns/components-logview--log-viewer.tsx +1 -1
- 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 +1 -1
- package/docs/patterns/components-navlist--side-nav-settings.tsx +1 -1
- package/docs/patterns/components-notice--account-not-connected.tsx +1 -1
- package/docs/patterns/components-notice--holiday-closure.tsx +1 -1
- package/docs/patterns/components-notice--private-buyout.tsx +1 -1
- package/docs/patterns/components-notice--sync-failed.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-progress--upload-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 +1 -1
- package/docs/patterns/components-sheet--side-sheet-url-deep-link.tsx +1 -1
- package/docs/patterns/components-sheet--side-sheet.tsx +1 -1
- 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 +1 -1
- 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 +1 -1
- package/docs/patterns/components-table--approvals.tsx +1 -1
- package/docs/patterns/components-table--basic.tsx +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,28 @@ Every release of `@thewhatmatters/wmds` is listed here, newest first.
|
|
|
7
7
|
- **Pasted patterns:** when a release changes a **Pattern — …** story's Show code, it is named under Consumer actions so apps re-copy it.
|
|
8
8
|
- **How to add an entry** (contributors): don't edit this file on a feature branch. Add a release note as `changes/<topic>.md` (format in `changes/README.md`). The release step, `npm run release:prepare` on its own **Release 0.x.y** branch, folds every note into one new entry here and bumps the version once. `npm run check:changelog` checks this file and the notes.
|
|
9
9
|
|
|
10
|
+
## 0.4.47
|
|
11
|
+
|
|
12
|
+
**Table: a ruled grid for pricing tables.**
|
|
13
|
+
|
|
14
|
+
- **Table** `rules="grid"` (new): a rule between every column and round the outside, so each cell is a ruled box. With a `colgroup` the columns are equal, so packages can head the same columns as the rows under them (Pricing — Ruled Table; Randy, 2026-11-06). Default stays `"rows"`.
|
|
15
|
+
- **Table** `stickyHeader` (new, with `rules="grid"`): the header row stays at the top of the page while the rows scroll under it, so each row's column is always clear (Heron-style pricing; Randy, 2026-11-06). `--table-sticky-top` sits it under a fixed nav.
|
|
16
|
+
- **TableHead** `wrap` (new): a header cell that holds more than a label (a heading, a price, a button) wraps, sits at the top and gets more room.
|
|
17
|
+
|
|
18
|
+
### Consumer actions
|
|
19
|
+
|
|
20
|
+
- None.
|
|
21
|
+
|
|
22
|
+
## 0.4.46
|
|
23
|
+
|
|
24
|
+
**Carousel: a quiet Pause button for logo marquees.**
|
|
25
|
+
|
|
26
|
+
- **Carousel** `autoplay={{ pause: "on-focus" }}` (new): the drift's Pause button stays out of sight until it has keyboard focus, like a skip link, so a logo strip shows no control (Logos — Marquee; Randy, 2026-11-05). It's still in the tab order and still stops the motion (WCAG 2.2.2); hover, focus, off-screen and reduced motion hold the drift as before. Default stays `"visible"`.
|
|
27
|
+
|
|
28
|
+
### Consumer actions
|
|
29
|
+
|
|
30
|
+
- None.
|
|
31
|
+
|
|
10
32
|
## 0.4.45
|
|
11
33
|
|
|
12
34
|
**Chart.SegmentedRing: a screen-sized gauge that steps through figures.**
|
|
@@ -9,6 +9,18 @@ export interface TableProps {
|
|
|
9
9
|
/** Names the scrolling region and the table. One of `aria-label` or `aria-labelledby` is required. */
|
|
10
10
|
"aria-label"?: string;
|
|
11
11
|
"aria-labelledby"?: string;
|
|
12
|
+
/**
|
|
13
|
+
* `rows` (default): a rule under each row. `grid`: rules between the columns and round the outside too, so every
|
|
14
|
+
* cell is a ruled box. Pair it with a `colgroup` for equal columns (a pricing grid whose packages head the columns).
|
|
15
|
+
*/
|
|
16
|
+
rules?: "rows" | "grid";
|
|
17
|
+
/**
|
|
18
|
+
* Pin the header row to the top of the page while the rows scroll under it, so a long comparison keeps its
|
|
19
|
+
* column heads in view (a pricing grid's packages). Needs `rules="grid"`: only a table that fits its box can let
|
|
20
|
+
* go of the sideways scroll that would otherwise trap the header. Offset it under a fixed nav with
|
|
21
|
+
* `--table-sticky-top` on a parent.
|
|
22
|
+
*/
|
|
23
|
+
stickyHeader?: boolean;
|
|
12
24
|
/** Layout-only — applies to the scroll box. */
|
|
13
25
|
className?: TableLayoutClassName;
|
|
14
26
|
}
|
|
@@ -25,6 +37,8 @@ export interface TableHeadProps extends Omit<ThHTMLAttributes<HTMLTableCellEleme
|
|
|
25
37
|
align?: TableAlign;
|
|
26
38
|
/** Pin the column to the start edge while the table scrolls sideways. Set it on every cell of the column. */
|
|
27
39
|
sticky?: boolean;
|
|
40
|
+
/** Content richer than a label (a heading, a price, a button): it wraps, sits at the top of the cell and gets more room. */
|
|
41
|
+
wrap?: boolean;
|
|
28
42
|
className?: TableLayoutClassName;
|
|
29
43
|
}
|
|
30
44
|
export interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, "className" | "align"> {
|
|
@@ -42,12 +56,12 @@ export interface TableCaptionProps {
|
|
|
42
56
|
* Semantic table in a horizontal-scroll box. The box is a focusable `region` named by the table's
|
|
43
57
|
* label, so a keyboard can scroll it; the table never squeezes its columns below their content.
|
|
44
58
|
*/
|
|
45
|
-
declare function Table({ children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className }: TableProps): import("react").JSX.Element;
|
|
59
|
+
declare function Table({ children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, rules, stickyHeader, className }: TableProps): import("react").JSX.Element;
|
|
46
60
|
declare function TableHeader({ children, className }: TableSectionProps): import("react").JSX.Element;
|
|
47
61
|
declare function TableBody({ children, className }: TableSectionProps): import("react").JSX.Element;
|
|
48
62
|
declare function TableFooter({ children, className }: TableSectionProps): import("react").JSX.Element;
|
|
49
63
|
declare function TableRow({ children, className, ...rest }: TableRowProps): import("react").JSX.Element;
|
|
50
|
-
declare function TableHead({ align, sticky, scope, className, children, ...rest }: TableHeadProps): import("react").JSX.Element;
|
|
64
|
+
declare function TableHead({ align, sticky, wrap, scope, className, children, ...rest }: TableHeadProps): import("react").JSX.Element;
|
|
51
65
|
declare function TableCell({ align, sticky, className, children, ...rest }: TableCellProps): import("react").JSX.Element;
|
|
52
66
|
declare function TableCaption({ children, className }: TableCaptionProps): import("react").JSX.Element;
|
|
53
67
|
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE3F,OAAO,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,15 +3,17 @@ import { cn as e } from "../../../lib/cn.js";
|
|
|
3
3
|
import { tableAlignClasses as t, tableAligns as n, tableBodyClasses as r, tableCaptionClasses as i, tableCellClasses as a, tableClasses as o, tableFooterClasses as s, tableHeadClasses as c, tableHeaderClasses as l, tableRowClasses as u, tableScrollClasses as d } from "./tableStyles.js";
|
|
4
4
|
import { jsx as f } from "react/jsx-runtime";
|
|
5
5
|
//#region src/components/atoms/Table/Table.tsx
|
|
6
|
-
function p({ children: t, "aria-label": n, "aria-labelledby": r,
|
|
6
|
+
function p({ children: t, "aria-label": n, "aria-labelledby": r, rules: i = "rows", stickyHeader: a, className: s }) {
|
|
7
|
+
let c = a === !0 && i === "grid";
|
|
7
8
|
return /* @__PURE__ */ f("div", {
|
|
8
9
|
role: "region",
|
|
9
10
|
tabIndex: 0,
|
|
10
11
|
"aria-label": n,
|
|
11
12
|
"aria-labelledby": r,
|
|
12
|
-
className: e(d,
|
|
13
|
+
className: e(d, c && "!overflow-visible", s),
|
|
13
14
|
children: /* @__PURE__ */ f("table", {
|
|
14
|
-
className: o,
|
|
15
|
+
className: e(o, i === "grid" && "!min-w-0 border border-border [&_th]:border-x [&_th]:border-border [&_td]:border-x [&_td]:border-border [&_th]:px-6 [&_td]:px-6 [&_td]:py-4 lg:[&_th]:px-8 lg:[&_td]:px-8", c && "[&_thead]:sticky [&_thead]:top-[var(--table-sticky-top,0px)] [&_thead]:z-10 [&_thead]:bg-body [&_thead]:shadow-[0_1px_0_var(--color-border)]"),
|
|
16
|
+
"data-rules": i,
|
|
15
17
|
children: t
|
|
16
18
|
})
|
|
17
19
|
});
|
|
@@ -41,12 +43,12 @@ function _({ children: t, className: n, ...r }) {
|
|
|
41
43
|
children: t
|
|
42
44
|
});
|
|
43
45
|
}
|
|
44
|
-
function v({ align: n = "start", sticky: r,
|
|
46
|
+
function v({ align: n = "start", sticky: r, wrap: i, scope: a = "col", className: o, children: s, ...l }) {
|
|
45
47
|
return /* @__PURE__ */ f("th", {
|
|
46
|
-
...
|
|
47
|
-
scope:
|
|
48
|
-
className: e(c, t[n], r && "sticky start-0 z-10 bg-body",
|
|
49
|
-
children:
|
|
48
|
+
...l,
|
|
49
|
+
scope: a,
|
|
50
|
+
className: e(c, t[n], r && "sticky start-0 z-10 bg-body", i && "!h-auto !whitespace-normal !align-top py-6 lg:py-8", o),
|
|
51
|
+
children: s
|
|
50
52
|
});
|
|
51
53
|
}
|
|
52
54
|
function y({ align: n = "start", sticky: r, className: i, children: o, ...s }) {
|
|
@@ -5,12 +5,23 @@ export type TableAlign = (typeof tableAligns)[number];
|
|
|
5
5
|
export declare const tableScrollClasses = "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";
|
|
6
6
|
/** A table with a `colgroup` lays its columns out from the `col` widths, so a filled and an empty table match. */
|
|
7
7
|
export declare const tableClasses: string;
|
|
8
|
+
/** `rules="grid"`: a rule between every column and round the outside, so each cell is a ruled box (a pricing grid). */
|
|
9
|
+
export declare const tableGridRulesClasses: string;
|
|
8
10
|
export declare const tableHeaderClasses = "[&_tr]:border-b [&_tr]:border-border";
|
|
9
11
|
export declare const tableBodyClasses = "[&_tr:last-child]:border-b-0";
|
|
10
12
|
export declare const tableFooterClasses = "border-t border-border-emphasized [&>tr]:border-b-0";
|
|
11
13
|
export declare const tableRowClasses = "border-b border-border transition-colors hover:bg-ghost-hover";
|
|
12
14
|
export declare const tableHeadClasses: string;
|
|
13
15
|
export declare const tableCellClasses = "px-3 py-3 align-middle";
|
|
16
|
+
/**
|
|
17
|
+
* `stickyHeader` (with `rules="grid"`, which fits its box): the scroll box lets go of its overflow so the header row
|
|
18
|
+
* can stick to the page, and the whole header (every header row) pins to the top (below `--table-sticky-top`, e.g. a fixed nav's height),
|
|
19
|
+
* opaque so the rows slide under them.
|
|
20
|
+
*/
|
|
21
|
+
export declare const tableStickyHeaderScrollClasses = "!overflow-visible";
|
|
22
|
+
export declare const tableStickyHeaderClasses = "[&_thead]:sticky [&_thead]:top-[var(--table-sticky-top,0px)] [&_thead]:z-10 [&_thead]:bg-body [&_thead]:shadow-[0_1px_0_var(--color-border)]";
|
|
23
|
+
/** A header cell that holds more than a label (a package's name, price and action): wraps, sits at the top, roomier. */
|
|
24
|
+
export declare const tableHeadWrapClasses = "!h-auto !whitespace-normal !align-top py-6 lg:py-8";
|
|
14
25
|
export declare const tableCaptionClasses: string;
|
|
15
26
|
/** A column pinned to the start edge while the rest scrolls — opaque so cells slide under it. */
|
|
16
27
|
export declare const tableStickyClasses = "sticky start-0 z-10 bg-body";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tableStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Table/tableStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,qCAAsC,CAAC;AAE/D,mEAAmE;AACnE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,uEAAuE;AACvE,eAAO,MAAM,kBAAkB,6IAC6G,CAAC;AAE7I,kHAAkH;AAClH,eAAO,MAAM,YAAY,QAAkH,CAAC;AAE5I,eAAO,MAAM,kBAAkB,yCAAyC,CAAC;AAEzE,eAAO,MAAM,gBAAgB,iCAAiC,CAAC;AAE/D,eAAO,MAAM,kBAAkB,wDAAwD,CAAC;AAExF,eAAO,MAAM,eAAe,kEAAkE,CAAC;AAE/F,eAAO,MAAM,gBAAgB,QAAmG,CAAC;AAEjI,eAAO,MAAM,gBAAgB,2BAA2B,CAAC;AAEzD,eAAO,MAAM,mBAAmB,QAA0D,CAAC;AAE3F,iGAAiG;AACjG,eAAO,MAAM,kBAAkB,gCAAgC,CAAC;AAEhE,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIxD,CAAC"}
|
|
1
|
+
{"version":3,"file":"tableStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Table/tableStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,qCAAsC,CAAC;AAE/D,mEAAmE;AACnE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,uEAAuE;AACvE,eAAO,MAAM,kBAAkB,6IAC6G,CAAC;AAE7I,kHAAkH;AAClH,eAAO,MAAM,YAAY,QAAkH,CAAC;AAE5I,uHAAuH;AACvH,eAAO,MAAM,qBAAqB,QAImC,CAAC;AAEtE,eAAO,MAAM,kBAAkB,yCAAyC,CAAC;AAEzE,eAAO,MAAM,gBAAgB,iCAAiC,CAAC;AAE/D,eAAO,MAAM,kBAAkB,wDAAwD,CAAC;AAExF,eAAO,MAAM,eAAe,kEAAkE,CAAC;AAE/F,eAAO,MAAM,gBAAgB,QAAmG,CAAC;AAEjI,eAAO,MAAM,gBAAgB,2BAA2B,CAAC;AAEzD;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,sBAAsB,CAAC;AAClE,eAAO,MAAM,wBAAwB,iJAC2G,CAAC;AAEjJ,wHAAwH;AACxH,eAAO,MAAM,oBAAoB,uDAAuD,CAAC;AAEzF,eAAO,MAAM,mBAAmB,QAA0D,CAAC;AAE3F,iGAAiG;AACjG,eAAO,MAAM,kBAAkB,gCAAgC,CAAC;AAEhE,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIxD,CAAC"}
|
|
@@ -5,10 +5,10 @@ var t = [
|
|
|
5
5
|
"start",
|
|
6
6
|
"center",
|
|
7
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",
|
|
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 = "!min-w-0 border border-border [&_th]:border-x [&_th]:border-border [&_td]:border-x [&_td]:border-border [&_th]:px-6 [&_td]:px-6 [&_td]:py-4 lg:[&_th]:px-8 lg:[&_td]:px-8", a = "[&_tr]:border-b [&_tr]:border-border", o = "[&_tr:last-child]:border-b-0", s = "border-t border-border-emphasized [&>tr]:border-b-0", c = "border-b border-border transition-colors hover:bg-ghost-hover", l = `h-11 px-3 text-start align-middle font-normal whitespace-nowrap ${e("ui-label")}`, u = "px-3 py-3 align-middle", d = "!overflow-visible", f = "[&_thead]:sticky [&_thead]:top-[var(--table-sticky-top,0px)] [&_thead]:z-10 [&_thead]:bg-body [&_thead]:shadow-[0_1px_0_var(--color-border)]", p = "!h-auto !whitespace-normal !align-top py-6 lg:py-8", m = `mt-3 text-start ${e("body")} text-muted`, h = "sticky start-0 z-10 bg-body", g = {
|
|
9
9
|
start: "text-start",
|
|
10
10
|
center: "text-center",
|
|
11
11
|
end: "text-end tabular-nums"
|
|
12
12
|
};
|
|
13
13
|
//#endregion
|
|
14
|
-
export {
|
|
14
|
+
export { g as tableAlignClasses, t as tableAligns, o as tableBodyClasses, m as tableCaptionClasses, u as tableCellClasses, r as tableClasses, s as tableFooterClasses, i as tableGridRulesClasses, l as tableHeadClasses, p as tableHeadWrapClasses, a as tableHeaderClasses, c as tableRowClasses, n as tableScrollClasses, h as tableStickyClasses, f as tableStickyHeaderClasses, d as tableStickyHeaderScrollClasses };
|
|
@@ -47,9 +47,12 @@ interface CarouselBaseProps {
|
|
|
47
47
|
* `{ speed }` in px a second). It holds while a pointer is over the row, while anything in it has focus,
|
|
48
48
|
* during a drag or a scrub, while the row is off screen or the tab hidden, and never runs under reduced
|
|
49
49
|
* motion. A Pause button sits beside the scrubber (WCAG 2.2.2: moving content can be stopped).
|
|
50
|
+
* `pause: "on-focus"` keeps that button out of sight until it has keyboard focus (like a skip link), for a
|
|
51
|
+
* quiet strip such as a logo marquee; it is still the first stop when tabbing in, so the motion can be stopped.
|
|
50
52
|
*/
|
|
51
53
|
autoplay?: boolean | {
|
|
52
54
|
speed?: number;
|
|
55
|
+
pause?: "visible" | "on-focus";
|
|
53
56
|
};
|
|
54
57
|
/**
|
|
55
58
|
* Repeat the items seamlessly: a copy follows the last one, and the row wraps back to the start as it passes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAgBL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA4Bf,OAAO,
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAgBL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA4Bf,OAAO,EAoBL,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAC/B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,kBAAkB,CAAC;AAE1B,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,4DAA4D;IAC5D,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACtD;AAED,gFAAgF;AAChF,KAAK,YAAY,GACb;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,iBAAiB,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExD,UAAU,iBAAiB;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,iGAAiG;IACjG,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,qHAAqH;IACrH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;KAAE,CAAC;IACxE;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,YAAY,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AA4ED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EACpB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAoC,EACpC,IAAW,EACX,KAAa,EACb,IAAW,EACX,QAAmB,EACnB,OAAe,EACf,aAAa,EACb,WAAW,EACX,MAAM,EACN,QAAgB,EAChB,IAAY,EACZ,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,+BA6pBf;AAUD,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAe/D;AAED,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}
|