@crewlethq/ui 0.83.0 → 0.84.0

package/dist/utils/developing.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Whether the host is a development build, for a warning a component gives
+ * only there. A bundler replaces `process.env.NODE_ENV` with a literal, so the
+ * check costs nothing in a production build and is true in development. It is
+ * NOT guarded with `typeof process`: that expression is not replaced, and in
+ * a browser it is 'undefined' even in development, which would silence the
+ * warning everywhere. An ESM host with no bundler has no `process` at all, and
+ * the ReferenceError reads as not developing.
+ */
+export declare function developing(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.83.0",
+  "version": "0.84.0",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.83.0",
-    "@crewlethq/tokens": "0.83.0",
+    "@crewlethq/icons": "0.84.0",
+    "@crewlethq/tokens": "0.84.0",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/ActionCard-47WSZ2O5.css

@@ -1,110 +0,0 @@
-/*
- * ActionCard: a first step offered as a picture, on an artifact kind's
- * colour ground. The ground is the kind's own Ground steps (ArtifactKinds.css)
- * laid over the card rung, which the palette suite holds to 4.5:1 for the
- * primary text in every palette and both modes, with the kind's glow behind
- * the drawing.
- */
-
-/*
- * ONE ROW THAT SCROLLS SIDEWAYS when it runs out of width, so a phone shows
- * two cards and part of the third (the part says there is more) instead of a
- * tall stack. The block padding keeps the focus ring and the hover shadow
- * inside the scroller's clip; the negative margin gives that space back to
- * the layout. A host that runs the row to its container's edges sets the
- * inline padding and `scroll-padding-inline` to its own inset.
- */
-.crewlet-action-cards {
-  display: flex;
-  gap: var(--spacing-2);
-  overflow-x: auto;
-  margin-block: calc(var(--spacing-1) * -1) calc(var(--spacing-2) * -1);
-  padding-block: var(--spacing-1) var(--spacing-2);
-  scroll-snap-type: x mandatory;
-  overscroll-behavior-x: contain;
-  scrollbar-width: none;
-}
-
-.crewlet-action-cards::-webkit-scrollbar {
-  display: none;
-}
-
-.crewlet-action-card {
-  --crewlet-action-card-ground: var(--crewlet-kind-ground);
-  position: relative;
-  display: flex;
-  flex: none;
-  flex-direction: column;
-  justify-content: space-between;
-  width: 148px;
-  height: 172px;
-  box-sizing: border-box;
-  overflow: hidden;
-  padding: var(--spacing-3) var(--spacing-3) 0;
-  /* The kind's hue itself is the edge: 3:1 or more on the sheet in every
-     palette and mode, where the kind's Line step measured 2.5:1. */
-  border: 1px solid var(--crewlet-kind-hue);
-  border-radius: var(--radius-lg);
-  background-color: var(--color-surface-subtle);
-  background-image:
-    radial-gradient(110% 64% at 50% 100%, var(--crewlet-kind-glow) 0%, transparent 72%),
-    linear-gradient(180deg, var(--crewlet-action-card-ground) 0%, var(--crewlet-kind-ground-end) 100%);
-  color: var(--color-text-primary);
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
-  scroll-snap-align: start;
-  transition: box-shadow var(--motion-duration-fast) var(--motion-easing-default);
-}
-
-/* A QUIET HOVER: the ground deepens a step and a small shadow lifts the
-   card off the page. Nothing moves. */
-.crewlet-action-card:hover {
-  --crewlet-action-card-ground: var(--crewlet-kind-ground-strong);
-  box-shadow: var(--shadow-sm);
-}
-
-/* The card draws its own edge, so the ring is drawn over it. */
-.crewlet-action-card:focus-visible {
-  outline: 2px solid var(--color-focus);
-  outline-offset: var(--size-focus-ring-inset-offset);
-}
-
-/* The title at the medium weight, as every emphasis in a conversation is,
-   two lines at most at its width, balanced so neither line is one word. */
-.crewlet-action-card__title {
-  max-width: 14ch;
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  line-height: var(--font-line-height-snug);
-  text-wrap: balance;
-}
-
-/* The drawing stands on the card's foot, still. */
-.crewlet-action-card__art {
-  display: flex;
-  align-items: flex-end;
-  justify-content: center;
-  height: 100px;
-  margin: 0 calc(var(--spacing-3) * -1);
-}
-
-.crewlet-action-card__art .crewlet-kind-illustration {
-  width: 112px;
-  max-height: 96px;
-  margin-bottom: calc(var(--spacing-2) * -1);
-  filter: drop-shadow(0 6px 12px var(--crewlet-kind-line));
-}
-
-/* FORCED COLORS drops the ground; the hue's border stays as the card's edge. */
-@media (forced-colors: active) {
-  .crewlet-action-card {
-    border-color: CanvasText;
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .crewlet-action-card {
-    transition: none;
-  }
-}

package/dist/{Editor-5D5Z3LBQ.js → Editor-VGNB35NJ.js}

@@ -1,5 +1,5 @@
-import { schema, readMarkdown, writeMarkdown } from './chunk-7CSTEH5I.js';
 import { richEditorLabels } from './chunk-2DMTW2Y3.js';
+import { schema, readMarkdown, writeMarkdown } from './chunk-7CSTEH5I.js';
 import './chunk-KOJPDCGQ.js';
 import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-KBZO4B33.js';
 import { Toolbar } from './chunk-NXFTCPF6.js';