@hyperpackai/hyperui 0.1.0

package/dist/tokens/component.d.ts

@@ -0,0 +1,124 @@
+/**
+ * Component Design Tokens
+ *
+ * Per-component tokens that reference semantic tokens.
+ * Override these to tweak individual components without affecting the system.
+ *
+ * Usage — override a single component token:
+ *   createTheme({ component: { button: { radiusMd: "9999px" } } })
+ * This rounds all medium buttons to pill shape without touching anything else.
+ */
+export interface ButtonTokens {
+    heightXs: string;
+    heightSm: string;
+    heightMd: string;
+    heightLg: string;
+    heightXl: string;
+    paddingXs: string;
+    paddingSm: string;
+    paddingMd: string;
+    paddingLg: string;
+    paddingXl: string;
+    fontSizeXs: string;
+    fontSizeSm: string;
+    fontSizeMd: string;
+    fontSizeLg: string;
+    fontSizeXl: string;
+    fontWeight: string;
+    radius: string;
+    transition: string;
+}
+export declare const buttonTokens: ButtonTokens;
+export interface InputTokens {
+    heightSm: string;
+    heightMd: string;
+    heightLg: string;
+    paddingXSm: string;
+    paddingXMd: string;
+    paddingXLg: string;
+    paddingYSm: string;
+    paddingYMd: string;
+    paddingYLg: string;
+    fontSizeSm: string;
+    fontSizeMd: string;
+    fontSizeLg: string;
+    radius: string;
+    borderWidth: string;
+    focusRingWidth: string;
+    transition: string;
+}
+export declare const inputTokens: InputTokens;
+export interface CardTokens {
+    paddingSm: string;
+    paddingMd: string;
+    paddingLg: string;
+    radius: string;
+    borderWidth: string;
+    shadow: string;
+    shadowHover: string;
+}
+export declare const cardTokens: CardTokens;
+export interface BadgeTokens {
+    radiusMd: string;
+    fontWeight: string;
+    fontSizeXs: string;
+    fontSizeSm: string;
+    fontSizeMd: string;
+}
+export declare const badgeTokens: BadgeTokens;
+export interface DialogTokens {
+    maxWidthSm: string;
+    maxWidthMd: string;
+    maxWidthLg: string;
+    maxWidthXl: string;
+    radius: string;
+    shadow: string;
+    padding: string;
+    backdropBlur: string;
+}
+export declare const dialogTokens: DialogTokens;
+export interface AvatarTokens {
+    sizeXs: string;
+    sizeSm: string;
+    sizeMd: string;
+    sizeLg: string;
+    sizeXl: string;
+    size2xl: string;
+}
+export declare const avatarTokens: AvatarTokens;
+export interface NavTokens {
+    height: string;
+    paddingX: string;
+    blur: string;
+    borderBottom: string;
+}
+export declare const navTokens: NavTokens;
+export interface TableTokens {
+    cellPaddingX: string;
+    cellPaddingY: string;
+    headerFontSize: string;
+    bodyFontSize: string;
+}
+export declare const tableTokens: TableTokens;
+export interface ToastTokens {
+    maxWidth: string;
+    radius: string;
+    shadow: string;
+    padding: string;
+    gap: string;
+    accentWidth: string;
+}
+export declare const toastTokens: ToastTokens;
+export interface ComponentTokens {
+    button: ButtonTokens;
+    input: InputTokens;
+    card: CardTokens;
+    badge: BadgeTokens;
+    dialog: DialogTokens;
+    avatar: AvatarTokens;
+    nav: NavTokens;
+    table: TableTokens;
+    toast: ToastTokens;
+}
+export declare const defaultComponentTokens: ComponentTokens;
+//# sourceMappingURL=component.d.ts.map

package/dist/tokens/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/tokens/component.ts"],"names":[],"mappings":"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"}

package/dist/tokens/component.js

@@ -0,0 +1,113 @@
+/**
+ * Component Design Tokens
+ *
+ * Per-component tokens that reference semantic tokens.
+ * Override these to tweak individual components without affecting the system.
+ *
+ * Usage — override a single component token:
+ *   createTheme({ component: { button: { radiusMd: "9999px" } } })
+ * This rounds all medium buttons to pill shape without touching anything else.
+ */
+export const buttonTokens = {
+    heightXs: "24px",
+    heightSm: "32px",
+    heightMd: "38px",
+    heightLg: "44px",
+    heightXl: "52px",
+    paddingXs: "10px",
+    paddingSm: "14px",
+    paddingMd: "18px",
+    paddingLg: "24px",
+    paddingXl: "32px",
+    fontSizeXs: "11px",
+    fontSizeSm: "13px",
+    fontSizeMd: "13px",
+    fontSizeLg: "14px",
+    fontSizeXl: "15px",
+    fontWeight: "500",
+    radius: "var(--hu-radius)",
+    transition: "all 150ms cubic-bezier(0.4,0,0.2,1)"
+};
+export const inputTokens = {
+    heightSm: "32px",
+    heightMd: "38px",
+    heightLg: "44px",
+    paddingXSm: "10px",
+    paddingXMd: "12px",
+    paddingXLg: "14px",
+    paddingYSm: "5px",
+    paddingYMd: "8px",
+    paddingYLg: "11px",
+    fontSizeSm: "11px",
+    fontSizeMd: "13px",
+    fontSizeLg: "14px",
+    radius: "var(--hu-radius)",
+    borderWidth: "1px",
+    focusRingWidth: "3px",
+    transition: "all 150ms cubic-bezier(0.4,0,0.2,1)"
+};
+export const cardTokens = {
+    paddingSm: "16px",
+    paddingMd: "24px",
+    paddingLg: "32px",
+    radius: "var(--hu-radius-lg)",
+    borderWidth: "1px",
+    shadow: "var(--hu-shadow-sm)",
+    shadowHover: "var(--hu-shadow-md)"
+};
+export const badgeTokens = {
+    radiusMd: "9999px",
+    fontWeight: "600",
+    fontSizeXs: "10px",
+    fontSizeSm: "11px",
+    fontSizeMd: "12px"
+};
+export const dialogTokens = {
+    maxWidthSm: "360px",
+    maxWidthMd: "480px",
+    maxWidthLg: "640px",
+    maxWidthXl: "800px",
+    radius: "var(--hu-radius-xl)",
+    shadow: "var(--hu-shadow-xl)",
+    padding: "24px",
+    backdropBlur: "blur(4px)"
+};
+export const avatarTokens = {
+    sizeXs: "24px",
+    sizeSm: "32px",
+    sizeMd: "40px",
+    sizeLg: "48px",
+    sizeXl: "64px",
+    size2xl: "80px"
+};
+export const navTokens = {
+    height: "60px",
+    paddingX: "24px",
+    blur: "blur(8px)",
+    borderBottom: "1px solid var(--hu-border)"
+};
+export const tableTokens = {
+    cellPaddingX: "16px",
+    cellPaddingY: "12px",
+    headerFontSize: "11px",
+    bodyFontSize: "13px"
+};
+export const toastTokens = {
+    maxWidth: "min(420px, calc(100vw - 32px))",
+    radius: "var(--hu-radius-md)",
+    shadow: "var(--hu-shadow-lg)",
+    padding: "var(--hu-space-4)",
+    gap: "var(--hu-space-2)",
+    accentWidth: "4px"
+};
+export const defaultComponentTokens = {
+    button: buttonTokens,
+    input: inputTokens,
+    card: cardTokens,
+    badge: badgeTokens,
+    dialog: dialogTokens,
+    avatar: avatarTokens,
+    nav: navTokens,
+    table: tableTokens,
+    toast: toastTokens
+};