@crewlethq/ui 0.58.0 → 0.59.0

package/dist/StatusCard-6RPEE6UU.css

@@ -1,62 +0,0 @@
-/*
- * A record with a state. The card, its head, its body and its foot are
- * Card's; only what a status card adds is said here.
- */
-
-/* The body holds a sentence, a list and a note, one gap apart. */
-.crewlet-status-card__body {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-3);
-  min-width: 0;
-  font-size: var(--font-size-compact);
-  line-height: var(--font-line-height-normal);
-  color: var(--color-text-primary);
-}
-
-.crewlet-status-card__body > p {
-  margin: 0;
-}
-
-/* Settled: the body steps back so the strip at the foot reads first. */
-.crewlet-status-card--settled .crewlet-status-card__body {
-  color: var(--color-text-secondary);
-}
-
-/* The strip fills its flush footer edge to edge. */
-.crewlet-status-card__strip {
-  display: block;
-}
-
-/*
- * THE FOOT'S ONE RULE. A decision ends the row; utilities start it, with a
- * ghost button at either end pulled out by its padding and edge so its glyph
- * sits on the card's text edge.
- */
-.crewlet-status-card__actions {
-  flex-wrap: wrap;
-  container: crewlet-status-card-actions / inline-size;
-}
-
-.crewlet-status-card__actions--end {
-  justify-content: flex-end;
-}
-
-.crewlet-status-card__actions--start {
-  justify-content: flex-start;
-}
-
-.crewlet-status-card__actions--start > .crewlet-btn--ghost.crewlet-btn--small:first-child {
-  margin-inline-start: calc(-1 * (var(--spacing-2) + 1px));
-}
-
-.crewlet-status-card__actions--start > .crewlet-btn--ghost.crewlet-btn--small:last-child {
-  margin-inline-end: calc(-1 * (var(--spacing-2) + 1px));
-}
-
-/* A decision on a narrow card (a phone sheet): its buttons share the row as blocks. */
-@container crewlet-status-card-actions (width < 328px) {
-  .crewlet-status-card__actions--end > .crewlet-btn {
-    flex: 1 1 0;
-  }
-}

package/dist/VisuallyHidden-L552H7OA.css

@@ -1,21 +0,0 @@
-/*
- * Hidden from the eye, read by everything else.
- *
- * The clip rectangle rather than `display: none` or `visibility: hidden`:
- * those two remove the text from the accessibility tree as well as from the
- * page. One pixel rather than zero, because a zero-sized element is skipped by
- * some screen readers. `white-space: nowrap` stops a long sentence wrapping
- * inside that pixel and being read a word at a time.
- */
-
-.crewlet-visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  border: 0;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-}

package/dist/chunk-WDIVALLP.js

@@ -1,51 +0,0 @@
-import { Tag } from './chunk-KYIAFNU7.js';
-import { Card } from './chunk-INHXF2CL.js';
-import { cx } from './chunk-ODEQTPFM.js';
-import './StatusCard-6RPEE6UU.css';
-import { useId } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function StatusCard({
-  title,
-  subtitle,
-  subtitlePlacement,
-  status,
-  settled = false,
-  bodyPadding = "md",
-  strip,
-  actions,
-  actionsAlign = "end",
-  className,
-  children,
-  ...rest
-}) {
-  const id = useId();
-  const titleId = `${id}-title`;
-  const statusId = `${id}-status`;
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      ...rest,
-      as: "section",
-      "aria-labelledby": status ? `${titleId} ${statusId}` : titleId,
-      className: cx("crewlet-status-card", settled && "crewlet-status-card--settled", className),
-      "data-settled": settled || void 0,
-      children: [
-        /* @__PURE__ */ jsx(
-          Card.Header,
-          {
-            subtitle,
-            subtitlePlacement,
-            actions: status ? /* @__PURE__ */ jsx(Tag, { id: statusId, size: "sm", variant: status.tone, leadingIcon: status.icon, children: status.label }) : void 0,
-            children: /* @__PURE__ */ jsx(Card.Title, { id: titleId, truncate: true, children: title })
-          }
-        ),
-        children === void 0 || children === null || children === false ? null : /* @__PURE__ */ jsx(Card.Body, { padding: bodyPadding, className: "crewlet-status-card__body", children }),
-        strip === void 0 || strip === null || strip === false ? null : /* @__PURE__ */ jsx(Card.Footer, { padding: "none", className: "crewlet-status-card__strip", children: strip }),
-        actions === void 0 || actions === null || actions === false ? null : /* @__PURE__ */ jsx(Card.Footer, { className: cx("crewlet-status-card__actions", `crewlet-status-card__actions--${actionsAlign}`), children: actions })
-      ]
-    }
-  );
-}
-
-export { StatusCard };