@eevenkoto/core 0.1.0 → 0.1.1

package/README.md

@@ -0,0 +1,33 @@
+# @eevenkoto/core
+
+Shared prop types and pure className helpers for Eevenkoto. No DOM, no templates, no CSS.
+
+Most apps use this indirectly through `@eevenkoto/html`, `@eevenkoto/react`, or `@eevenkoto/vue`.
+
+## Install
+
+```bash
+npm install @eevenkoto/core
+```
+
+## Usage
+
+```ts
+import { buttonClassNames, type ButtonProps } from '@eevenkoto/core';
+
+const className = buttonClassNames({
+  variant: 'primary',
+  size: 'sm',
+  icon: 'star',
+});
+// "eevenkoto-button eevenkoto-button--primary eevenkoto-button--sm eevenkoto-button--icon-left"
+```
+
+Helpers: `buttonClassNames`, `badgeClassNames`, `headingClassNames`, `paragraphClassNames`, `captionClassNames`, `flowClassNames`.
+
+Pair with `@eevenkoto/css` for styling.
+
+## Related
+
+- `@eevenkoto/css` — tokens and component styles
+- `@eevenkoto/html` / `@eevenkoto/react` / `@eevenkoto/vue` — markup bindings

package/dist/index.d.ts

@@ -1,10 +1,12 @@
 type ButtonVariant = 'primary' | 'secondary' | 'ghost';
-type ButtonSize = 'small' | 'large';
+/** Shared size ladder across controls and type primitives: sm | md | lg */
+type ButtonSize = 'sm' | 'md' | 'lg';
 type ButtonIconName = 'star' | 'check' | 'arrow' | 'plus';
 type ButtonIconPosition = 'left' | 'right' | 'only';
 interface ButtonProps {
     variant: ButtonVariant;
     label: string;
+    /** Default: md */
     size?: ButtonSize;
     disabled?: boolean;
     /** Which placeholder icon to render. */
@@ -17,6 +19,26 @@ type ButtonClassNameProps = Pick<ButtonProps, 'variant' | 'size' | 'icon' | 'ico
 declare const resolveButtonIconPosition: (props: Pick<ButtonProps, "icon" | "iconPosition">) => ButtonIconPosition | undefined;
 declare const buttonClassNames: (props: ButtonClassNameProps) => string;
 
+type BadgeVariant = 'subtle' | 'solid' | 'outline';
+type BadgeSize = 'sm' | 'md' | 'lg';
+type BadgeShape = 'pill' | 'rounded';
+type BadgeIntent = 'neutral' | 'info' | 'success' | 'caution' | 'critical' | 'admin';
+interface BadgeProps {
+    label: string;
+    /** Surface recipe. Default: subtle */
+    variant?: BadgeVariant;
+    /** Feedback intent (Tier 2). Default: neutral */
+    intent?: BadgeIntent;
+    /** Shared sm | md | lg ladder. Default: md */
+    size?: BadgeSize;
+    /** Default: pill (`radius-full`) */
+    shape?: BadgeShape;
+    /** Status dot before the label. Default: false */
+    dot?: boolean;
+}
+type BadgeClassNameProps = Pick<BadgeProps, 'variant' | 'intent' | 'size' | 'shape'>;
+declare const badgeClassNames: (props?: BadgeClassNameProps) => string;
+
 type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 type HeadingTone = 'primary' | 'secondary';
 interface HeadingProps {
@@ -59,4 +81,4 @@ declare const flowClassNames: (props?: FlowProps) => string;
 /** Placeholder SVG path data until a shared icon library exists. */
 declare const buttonIconPaths: Record<ButtonIconName, string>;
 
-export { type ButtonClassNameProps, type ButtonIconName, type ButtonIconPosition, type ButtonProps, type ButtonSize, type ButtonVariant, type CaptionClassNameProps, type CaptionProps, type CaptionTone, type FlowDensity, type FlowProps, type HeadingClassNameProps, type HeadingLevel, type HeadingProps, type HeadingTone, type ParagraphClassNameProps, type ParagraphProps, type ParagraphSize, type ParagraphTone, buttonClassNames, buttonIconPaths, captionClassNames, flowClassNames, headingClassNames, paragraphClassNames, resolveButtonIconPosition };
+export { type BadgeClassNameProps, type BadgeIntent, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant, type ButtonClassNameProps, type ButtonIconName, type ButtonIconPosition, type ButtonProps, type ButtonSize, type ButtonVariant, type CaptionClassNameProps, type CaptionProps, type CaptionTone, type FlowDensity, type FlowProps, type HeadingClassNameProps, type HeadingLevel, type HeadingProps, type HeadingTone, type ParagraphClassNameProps, type ParagraphProps, type ParagraphSize, type ParagraphTone, badgeClassNames, buttonClassNames, buttonIconPaths, captionClassNames, flowClassNames, headingClassNames, paragraphClassNames, resolveButtonIconPosition };

package/dist/index.js

@@ -4,10 +4,25 @@ var resolveButtonIconPosition = (props) => {
   return props.iconPosition ?? "left";
 };
 var buttonClassNames = (props) => {
+  const size = props.size ?? "md";
   const iconPosition = resolveButtonIconPosition(props);
-  const sizeClass = props.size ? ` eevenkoto-button--${props.size}` : "";
   const iconClass = iconPosition ? ` eevenkoto-button--icon-${iconPosition}` : "";
-  return `eevenkoto-button eevenkoto-button--${props.variant}${sizeClass}${iconClass}`;
+  return `eevenkoto-button eevenkoto-button--${props.variant} eevenkoto-button--${size}${iconClass}`;
+};
+
+// src/badge.ts
+var badgeClassNames = (props = {}) => {
+  const variant = props.variant ?? "subtle";
+  const intent = props.intent ?? "neutral";
+  const size = props.size ?? "md";
+  const shape = props.shape ?? "pill";
+  return [
+    "eevenkoto-badge",
+    `eevenkoto-badge--${variant}`,
+    `eevenkoto-badge--${intent}`,
+    `eevenkoto-badge--${size}`,
+    `eevenkoto-badge--${shape}`
+  ].join(" ");
 };
 
 // src/heading.ts
@@ -44,6 +59,7 @@ var buttonIconPaths = {
   plus: "M8 3a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 8 3Z"
 };
 export {
+  badgeClassNames,
   buttonClassNames,
   buttonIconPaths,
   captionClassNames,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eevenkoto/core",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Eevenkoto shared prop types and className helpers",
   "type": "module",
   "files": [