@kerfjs/ui 5.0.0-beta.50 → 5.0.0-beta.52

package/ux-demo/recipes/recipe-root.css

@@ -1,67 +0,0 @@
-.recipe-root {
-  width: 100%;
-  min-width: 0;
-  color: var(--kui-color-text);
-  container-type: inline-size;
-}
-
-.recipe-root--surface {
-  min-width: 0;
-  overflow: hidden;
-  border: 1px solid var(--kui-color-border);
-  border-radius: var(--kui-radius-l);
-  background: var(--kui-color-surface);
-  box-shadow: var(--kui-shadow-s);
-}
-
-.recipe-root[data-measure="form"] {
-  width: min(38rem, 100%);
-  margin-inline: auto;
-  padding-block: var(--kui-layout-item-gap);
-}
-
-.recipe-root[data-measure="sidebar"] {
-  width: min(22rem, 100%);
-  margin-inline: auto;
-}
-
-.recipe-root[data-measure="stack"] {
-  width: min(28rem, 100%);
-  margin-inline: auto;
-}
-
-.recipe-root[data-measure="inspector"] {
-  width: min(remify(560px), 100%);
-}
-
-.recipe-muted-text {
-  display: block;
-  color: var(--kui-color-text-quiet);
-  font-size: var(--kui-font-s);
-}
-
-.recipe-ownership-note {
-  position: absolute;
-  z-index: 4;
-  display: var(--recipe-ownership-display, none);
-  inset-inline-end: var(--kui-layout-content-gap);
-  inset-block-end: var(--kui-layout-content-gap);
-  width: min(remify(288px), calc(100% - (2 * var(--kui-layout-content-gap))));
-  margin: 0;
-  padding: var(--kui-space-m) var(--kui-space-l) var(--kui-space-m)
-    var(--kui-space-m);
-  border: 1px solid var(--kui-color-warning-border-normal);
-  border-radius: var(--kui-radius-s);
-  color: var(--kui-color-warning-on-normal);
-  background: var(--kui-color-warning-fill-quiet);
-  box-shadow: var(--kui-shadow-l);
-}
-
-.recipe-heading-summary {
-  min-width: 0;
-  margin: 0;
-  overflow: hidden;
-  color: var(--kui-color-text-quiet);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}

package/ux-demo/recipes/recipe-root.tsx

@@ -1,87 +0,0 @@
-import './recipe-root.css';
-
-import type { KerfUiContent } from '@kerfjs/ui';
-import type { TextContent } from '@kerfjs/ui/text';
-
-type RecipeRootElement = 'aside' | 'form' | 'section';
-type RecipeRootMeasure = 'form' | 'full' | 'inspector' | 'sidebar' | 'stack';
-type RecipeDataAttributes = Readonly<
-  Record<`data-${string}`, string | undefined>
->;
-
-interface RecipeRootProps {
-  element?: RecipeRootElement;
-  recipe: string;
-  measure?: RecipeRootMeasure;
-  contentLayout?: boolean;
-  surface?: boolean;
-  dataAttributes?: RecipeDataAttributes;
-  ariaLabelledBy?: string;
-  ariaDescribedBy?: string;
-  noValidate?: boolean;
-  children: KerfUiContent;
-}
-
-export function RecipeRoot({
-  element = 'section',
-  recipe,
-  measure = 'full',
-  contentLayout = false,
-  surface = true,
-  dataAttributes = {},
-  ariaLabelledBy,
-  ariaDescribedBy,
-  noValidate = false,
-  children,
-}: RecipeRootProps) {
-  const attributes = {
-    ...dataAttributes,
-    class: `recipe-root recipe-component${surface ? ' recipe-root--surface recipe-component__surface' : ''}${contentLayout ? ' kui-content' : ''}`,
-    'data-recipe': recipe,
-    'data-measure': measure,
-    'aria-labelledby': ariaLabelledBy,
-    'aria-describedby': ariaDescribedBy,
-  };
-  if (element === 'aside') return <aside {...attributes}>{children}</aside>;
-  if (element === 'form')
-    return (
-      <form {...attributes} noValidate={noValidate || undefined}>
-        {children}
-      </form>
-    );
-  return <section {...attributes}>{children}</section>;
-}
-
-export function RecipeMutedText({ children }: { children: TextContent }) {
-  return <span class="recipe-muted-text">{children}</span>;
-}
-
-export function RecipeOwnershipNote({
-  children,
-  contentItem = true,
-}: {
-  children: TextContent;
-  contentItem?: boolean;
-}) {
-  return (
-    <p
-      class={`recipe-ownership-note recipe-component__ownership${contentItem ? ' kui-content-item' : ''}`}
-    >
-      {children}
-    </p>
-  );
-}
-
-export function RecipeHeadingSummary({
-  id,
-  children,
-}: {
-  id?: string;
-  children: TextContent;
-}) {
-  return (
-    <p id={id} class="recipe-heading-summary recipe-component__heading-summary">
-      {children}
-    </p>
-  );
-}

package/ux-demo/recipes/workspace-header.css

@@ -1,7 +0,0 @@
-.recipe-header {
-  min-height: 20rem;
-}
-
-.recipe-header__context {
-  margin: 0;
-}