@ciderpress/ui 1.0.0-rc.10 → 1.0.0-rc.12

package/src/theme/components/workspaces/card.css

@@ -69,6 +69,10 @@
   font-size: 15px;
   font-weight: 700;
   color: var(--cp-c-text-1);
+  /* Presentational lowercase. Done here rather than in JS because the
+     title may carry inline markup — lowercasing the source would also
+     lowercase link targets and class names inside it. */
+  text-transform: lowercase;
 }
 
 .cp-workspace-card__desc {

package/src/theme/components/workspaces/card.tsx

@@ -1,6 +1,7 @@
 import { match, P } from 'massaman/match'
 import type React from 'react'
 
+import { renderRichText } from '../../lib/rich-text.tsx'
 import { Card } from '../shared/card'
 import { CardIcon } from '../shared/card-icon'
 import type { CardIconInput } from '../shared/resolve-card-icon'
@@ -65,7 +66,6 @@ export function WorkspaceCard({
   titleLines,
   descriptionLines,
 }: WorkspaceCardProps): React.ReactElement {
-  const name = title.toLowerCase()
   const resolved = resolveCardIcon(icon)
 
   const iconEl = match(resolved)
@@ -93,7 +93,7 @@ export function WorkspaceCard({
         className={clampClass('cp-workspace-card__desc', descriptionLines)}
         style={clampStyle(descriptionLines)}
       >
-        {d}
+        {renderRichText(d)}
       </span>
     ))
     .otherwise(() => null)
@@ -122,7 +122,7 @@ export function WorkspaceCard({
               className={clampClass('cp-workspace-card__name', titleLines)}
               style={clampStyle(titleLines)}
             >
-              {name}
+              {renderRichText(title)}
             </span>
           </div>
         </div>

package/src/theme/components/workspaces/grid.tsx

@@ -1,16 +1,21 @@
+import { match, P } from 'massaman/match'
 import type React from 'react'
 
+import { renderRichText } from '../../lib/rich-text.tsx'
+
 import './card.css'
 
 export interface WorkspaceGridProps {
   /**
-   * Section heading (e.g. "Apps", "Packages").
+   * Section heading (e.g. "Apps", "Packages"). Omitted for an ungrouped
+   * grid, such as a showcase block with an explicit `source` list.
    */
-  readonly heading: string
+  readonly heading?: string
   /**
-   * Brief description rendered below the heading.
+   * Brief description rendered below the heading. Omitted for an
+   * ungrouped grid.
    */
-  readonly description: string
+  readonly description?: string
   /**
    * Number of grid columns.
    */
@@ -38,8 +43,15 @@ export function WorkspaceGrid({
 
   return (
     <>
-      <h2>{heading}</h2>
-      <p className="cp-workspace-section__desc">{description}</p>
+      {/* Rich text, matching the card titles and descriptions this grid
+          wraps — a group heading was the one string in the block that
+          showed its `**markers**` literally. */}
+      {match(heading)
+        .with(P.string, (h) => <h2>{renderRichText(h)}</h2>)
+        .otherwise(() => null)}
+      {match(description)
+        .with(P.string, (d) => <p className="cp-workspace-section__desc">{renderRichText(d)}</p>)
+        .otherwise(() => null)}
       <div className="cp-workspace-grid" style={style}>
         {children}
       </div>

package/src/theme/index.tsx

@@ -23,6 +23,7 @@ import './styles/layers.css'
 import './styles/overrides/fonts.css'
 import './styles/overrides/tokens.css'
 import './styles/overrides/rspress.css'
+import './styles/rich-text.css'
 // Theme color palettes — scoped via [data-cp-theme][data-cp-variant] selectors.
 // `mulled.css` ships first because it is `DEFAULT_THEME_NAME` — its rules emit
 // the `:root { ... }` FOUC fallback that paints before JS hydrates the
@@ -72,6 +73,7 @@ import './components/openapi/openapi.css'
 import './components/shared/accordion.css'
 import './components/shared/columns.css'
 import './components/shared/status-badge.css'
+import './components/shared/issue-link.css'
 import './components/shared/frame.css'
 import './components/shared/tooltip.css'
 import './components/shared/prompt.css'
@@ -106,6 +108,10 @@ export { TrustStrip } from './components/home/trust-strip'
 export type { TrustStripProps } from './components/home/trust-strip'
 export { HomeSplit } from './components/home/split'
 export type { SplitProps, SplitAction } from './components/home/split'
+export { HomeTabs } from './components/home/tabs'
+export { RichText, renderRichText } from './lib/rich-text.tsx'
+export { hasAccentMarker, toPlainText } from './lib/rich-text-parse.ts'
+export type { HomeTabsProps, HomeTabEntry, TabsAction } from './components/home/tabs'
 export { CTA } from './components/home/cta'
 export type { CTAProps } from './components/home/cta'
 export { WorkspaceCard } from './components/workspaces/card'