@dinofront/design_system 1.1.0 → 1.2.1

package/dist/styles.css

@@ -83,6 +83,7 @@
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
+    --tracking-wide: 0.025em;
     --tracking-wider: 0.05em;
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
@@ -443,6 +444,9 @@
   .isolate {
     isolation: isolate;
   }
+  .z-1 {
+    z-index: 1;
+  }
   .z-10 {
     z-index: 10;
   }
@@ -1061,6 +1065,9 @@
   .cursor-text {
     cursor: text;
   }
+  .cursor-wait {
+    cursor: wait;
+  }
   .resize {
     resize: both;
   }
@@ -1675,6 +1682,9 @@
   .py-20 {
     padding-block: calc(var(--spacing) * 20);
   }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
@@ -1699,6 +1709,9 @@
   .pr-10 {
     padding-right: calc(var(--spacing) * 10);
   }
+  .pb-1 {
+    padding-bottom: var(--spacing);
+  }
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
@@ -1847,6 +1860,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-wide {
+    --tw-tracking: var(--tracking-wide);
+    letter-spacing: var(--tracking-wide);
+  }
   .tracking-wider {
     --tw-tracking: var(--tracking-wider);
     letter-spacing: var(--tracking-wider);
@@ -2222,6 +2239,9 @@
   .peer-checked\:bg-brand-500:is(:where(.peer):checked ~ *) {
     background-color: var(--color-brand-500);
   }
+  .peer-checked\:bg-gray-600:is(:where(.peer):checked ~ *) {
+    background-color: var(--color-gray-600);
+  }
   .peer-checked\:bg-gray-700:is(:where(.peer):checked ~ *) {
     background-color: var(--color-gray-700);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dinofront/design_system",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "Enterprise React component library and design system built on Tailwind CSS.",
   "type": "module",
   "license": "MIT",
@@ -23,10 +23,6 @@
       "types": "./dist/icons.d.ts",
       "import": "./dist/icons.js"
     },
-    "./form": {
-      "types": "./dist/form.d.ts",
-      "import": "./dist/form.js"
-    },
     "./preset": {
       "types": "./dist/tailwind/preset.d.ts",
       "import": "./dist/tailwind/preset.js"

package/dist/FormField-CwRAOtTN.js

@@ -1,170 +0,0 @@
-import { createContext as e, forwardRef as t, useContext as n } from "react";
-import { Loader2 as r } from "lucide-react";
-import { clsx as i } from "clsx";
-import { extendTailwindMerge as a } from "tailwind-merge";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Controller as l, useForm as u } from "react-hook-form";
-import { yupResolver as d } from "@hookform/resolvers/yup";
-//#region src/lib/cn.ts
-var f = a({ extend: { theme: { text: [
-	"h-xl",
-	"h-lg",
-	"h-md",
-	"h-std",
-	"h-sm",
-	"h-xs",
-	"p-lg",
-	"p-md",
-	"p-std",
-	"p-sm",
-	"p-xs",
-	"label-lg",
-	"label-md",
-	"label-std",
-	"label-sm",
-	"label-xs",
-	"label-xxs"
-] } } });
-function p(...e) {
-	return f(i(e));
-}
-//#endregion
-//#region src/components/Button/Button.tsx
-var m = {
-	lg: "h-12 px-5 text-p-md gap-2 rounded-lg",
-	md: "h-10 px-4 text-p-std gap-2 rounded-lg",
-	sm: "h-8 px-3 text-p-sm gap-1.5 rounded-md"
-}, h = {
-	lg: "h-12 w-12 rounded-lg",
-	md: "h-10 w-10 rounded-lg",
-	sm: "h-8 w-8 rounded-md"
-}, g = {
-	primary: [
-		"bg-brand-500 text-white border border-transparent",
-		"hover:bg-brand-600 active:bg-brand-700",
-		"disabled:bg-bg-subtle disabled:text-fg-disabled disabled:cursor-not-allowed",
-		"focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-2"
-	].join(" "),
-	secondary: [
-		"bg-bg-default text-fg-default border border-border-default",
-		"hover:bg-bg-container active:bg-bg-subtle",
-		"disabled:bg-bg-container disabled:text-fg-disabled disabled:cursor-not-allowed",
-		"focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-2"
-	].join(" "),
-	tertiary: [
-		"bg-transparent text-fg-default border border-transparent",
-		"hover:bg-bg-subtle active:bg-bg-subtle",
-		"disabled:text-fg-disabled disabled:cursor-not-allowed",
-		"focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-2"
-	].join(" "),
-	danger: [
-		"bg-red-700 text-white border border-transparent",
-		"hover:bg-red-800 active:bg-red-900",
-		"disabled:bg-bg-subtle disabled:text-fg-disabled disabled:cursor-not-allowed",
-		"focus-visible:ring-2 focus-visible:ring-red-300 focus-visible:ring-offset-2"
-	].join(" ")
-}, _ = {
-	primary: "bg-brand-700",
-	secondary: "bg-bg-subtle",
-	tertiary: "bg-bg-subtle",
-	danger: "bg-red-900"
-}, v = t(function({ variant: e = "primary", size: t = "md", leftIcon: n, rightIcon: i, loading: a = !1, iconOnly: l = !1, fullWidth: u = !1, pressed: d = !1, disabled: f, className: v, children: y, onClick: b, dataTestId: x, ...S }, C) {
-	return /* @__PURE__ */ s("button", {
-		ref: C,
-		disabled: f || a,
-		"aria-pressed": d,
-		"data-test-id": x,
-		onClick: (e) => {
-			if (d || f || a) {
-				e.preventDefault();
-				return;
-			}
-			b?.(e);
-		},
-		className: p("inline-flex items-center justify-center font-medium transition-colors outline-none", l ? h[t] : m[t], g[e], d && _[e], u && "w-full", v),
-		...S,
-		children: a ? /* @__PURE__ */ s(r, {
-			className: "h-4 w-4 animate-spin",
-			"aria-hidden": !0
-		}) : /* @__PURE__ */ c(o, { children: [
-			n && /* @__PURE__ */ s("span", {
-				className: "inline-flex shrink-0",
-				children: n
-			}),
-			y,
-			i && /* @__PURE__ */ s("span", {
-				className: "inline-flex shrink-0",
-				children: i
-			})
-		] })
-	});
-}), y = e(null), b = t(function({ children: e, className: t, validationSchema: n, defaultValues: r, buttons: i, mode: a = "onBlur", shouldUnregister: o, shouldFocusError: l = !0, formId: f, onSubmit: m, dataTestId: h, ...g }, _) {
-	let { handleSubmit: b, register: x, setValue: S, control: C, formState: w, getValues: T, watch: E, reset: D, clearErrors: O, setError: k, trigger: A, getFieldState: j, unregister: M } = u({
-		mode: a,
-		resolver: d(n),
-		defaultValues: r,
-		shouldFocusError: l,
-		shouldUnregister: o
-	}), { errors: N, isDirty: P, isSubmitted: F, isSubmitting: I, dirtyFields: L, isValid: R } = w, z = b((e) => {
-		m?.(e, w);
-	}), B = {
-		control: C,
-		register: x,
-		errors: N,
-		setValue: S,
-		getValues: T,
-		watch: E,
-		reset: D,
-		trigger: A,
-		clearErrors: O,
-		setError: k,
-		getFieldState: j,
-		unregister: M,
-		isDirty: P,
-		isSubmitted: F,
-		isSubmitting: I,
-		isValid: R,
-		dirtyFields: L,
-		submit: z
-	};
-	return /* @__PURE__ */ s("form", {
-		ref: _,
-		id: f,
-		onSubmit: z,
-		"data-test-id": h,
-		className: p("flex flex-col gap-4", t),
-		...g,
-		children: /* @__PURE__ */ c(y.Provider, {
-			value: B,
-			children: [e, i && i.length > 0 && /* @__PURE__ */ s("div", {
-				className: "flex items-center gap-3",
-				"data-test-id": h ? `${h}-buttons` : void 0,
-				children: i.map((e, t) => /* @__PURE__ */ s(v, { ...e }, t))
-			})]
-		})
-	});
-}), x = t(function({ name: e, defaultValue: t, render: r, className: i, dataTestId: a, ...o }, c) {
-	let u = n(y);
-	if (!u) throw Error("FormField must be rendered inside a FormContainer.");
-	return /* @__PURE__ */ s("div", {
-		ref: c,
-		className: p(i),
-		"data-test-id": a,
-		...o,
-		children: /* @__PURE__ */ s(l, {
-			control: u.control,
-			name: e,
-			defaultValue: t,
-			render: ({ field: e, fieldState: t }) => r({
-				...e,
-				error: !!t.error,
-				errorText: t.error?.message,
-				dataTestId: a
-			})
-		})
-	});
-});
-//#endregion
-export { p as i, b as n, v as r, x as t };
-
-//# sourceMappingURL=FormField-CwRAOtTN.js.map

package/dist/FormField-CwRAOtTN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormField-CwRAOtTN.js","names":[],"sources":["../src/lib/cn.ts","../src/components/Button/Button.tsx","../src/lib/FormContext.ts","../src/components/FormContainer/FormContainer.tsx","../src/components/FormField/FormField.tsx"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { extendTailwindMerge } from 'tailwind-merge';\n\n/**\n * The custom font-size scale declared in `src/styles/tokens.css`'s `@theme`\n * block (`--text-h-xl`, `--text-p-sm`, `--text-label-md`, ...). Mirrored\n * here by hand — same two-parallel-representations discipline as the token\n * pipeline itself — because tailwind-merge ships its own hardcoded default\n * theme and has no way to read this project's actual `@theme` CSS.\n *\n * Without this, tailwind-merge's default config only recognizes Tailwind's\n * built-in font-size keywords (`xs`, `sm`, `lg`, ...) as font sizes; any\n * `text-*` suffix it doesn't recognize as a font size instead falls through\n * to the *color* class group, whose theme scale is deliberately `isAny`\n * (Tailwind v4 allows arbitrary custom theme colors). That misclassifies\n * every `text-p-*`/`text-h-*`/`text-label-*` utility as a text color, so it\n * gets silently dropped as a \"conflict\" whenever it appears alongside an\n * actual `text-{color}` class in the same `cn()` call — which is nearly\n * every real usage, since components pair a typography variant with a\n * semantic text color.\n */\nconst FONT_SIZE_TOKENS = [\n  'h-xl',\n  'h-lg',\n  'h-md',\n  'h-std',\n  'h-sm',\n  'h-xs',\n  'p-lg',\n  'p-md',\n  'p-std',\n  'p-sm',\n  'p-xs',\n  'label-lg',\n  'label-md',\n  'label-std',\n  'label-sm',\n  'label-xs',\n  'label-xxs',\n];\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n    theme: {\n      text: FONT_SIZE_TOKENS,\n    },\n  },\n});\n\n/**\n * Merges class names, resolving conflicting Tailwind utilities in favor of\n * the last one specified (e.g. `cn('px-2', 'px-4')` -> `'px-4'`). This is\n * what lets consumers pass a `className` prop that overrides a component's\n * defaults instead of just appending to them.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import { forwardRef } from 'react';\nimport { Loader2 } from 'lucide-react';\nimport { cn } from '../../lib/cn';\nimport type { ButtonProps, ButtonSize, ButtonVariant } from './Button.types';\n\nconst sizeStyles: Record<ButtonSize, string> = {\n  lg: 'h-12 px-5 text-p-md gap-2 rounded-lg',\n  md: 'h-10 px-4 text-p-std gap-2 rounded-lg',\n  sm: 'h-8 px-3 text-p-sm gap-1.5 rounded-md',\n};\n\nconst iconOnlySize: Record<ButtonSize, string> = {\n  lg: 'h-12 w-12 rounded-lg',\n  md: 'h-10 w-10 rounded-lg',\n  sm: 'h-8 w-8 rounded-md',\n};\n\nconst variantStyles: Record<ButtonVariant, string> = {\n  primary: [\n    'bg-brand-500 text-white border border-transparent',\n    'hover:bg-brand-600 active:bg-brand-700',\n    'disabled:bg-bg-subtle disabled:text-fg-disabled disabled:cursor-not-allowed',\n    'focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-2',\n  ].join(' '),\n  secondary: [\n    'bg-bg-default text-fg-default border border-border-default',\n    'hover:bg-bg-container active:bg-bg-subtle',\n    'disabled:bg-bg-container disabled:text-fg-disabled disabled:cursor-not-allowed',\n    'focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-2',\n  ].join(' '),\n  tertiary: [\n    'bg-transparent text-fg-default border border-transparent',\n    'hover:bg-bg-subtle active:bg-bg-subtle',\n    'disabled:text-fg-disabled disabled:cursor-not-allowed',\n    'focus-visible:ring-2 focus-visible:ring-brand-300 focus-visible:ring-offset-2',\n  ].join(' '),\n  danger: [\n    'bg-red-700 text-white border border-transparent',\n    'hover:bg-red-800 active:bg-red-900',\n    'disabled:bg-bg-subtle disabled:text-fg-disabled disabled:cursor-not-allowed',\n    'focus-visible:ring-2 focus-visible:ring-red-300 focus-visible:ring-offset-2',\n  ].join(' '),\n};\n\n// Same shade each variant already uses for `active:`, applied persistently\n// while `pressed` is true instead of only during the mousedown instant.\nconst pressedStyles: Record<ButtonVariant, string> = {\n  primary: 'bg-brand-700',\n  secondary: 'bg-bg-subtle',\n  tertiary: 'bg-bg-subtle',\n  danger: 'bg-red-900',\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    variant = 'primary',\n    size = 'md',\n    leftIcon,\n    rightIcon,\n    loading = false,\n    iconOnly = false,\n    fullWidth = false,\n    pressed = false,\n    disabled,\n    className,\n    children,\n    onClick,\n    dataTestId,\n    ...rest\n  },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      disabled={disabled || loading}\n      aria-pressed={pressed}\n      data-test-id={dataTestId}\n      onClick={(event) => {\n        if (pressed || disabled || loading) {\n          event.preventDefault();\n          return;\n        }\n        onClick?.(event);\n      }}\n      className={cn(\n        'inline-flex items-center justify-center font-medium transition-colors outline-none',\n        iconOnly ? iconOnlySize[size] : sizeStyles[size],\n        variantStyles[variant],\n        pressed && pressedStyles[variant],\n        fullWidth && 'w-full',\n        className,\n      )}\n      {...rest}\n    >\n      {loading ? (\n        <Loader2 className=\"h-4 w-4 animate-spin\" aria-hidden />\n      ) : (\n        <>\n          {leftIcon && <span className=\"inline-flex shrink-0\">{leftIcon}</span>}\n          {children}\n          {rightIcon && <span className=\"inline-flex shrink-0\">{rightIcon}</span>}\n        </>\n      )}\n    </button>\n  );\n});\n","import { createContext } from 'react';\nimport type {\n  Control,\n  FieldErrors,\n  FieldValues,\n  UseFormClearErrors,\n  UseFormGetFieldState,\n  UseFormGetValues,\n  UseFormRegister,\n  UseFormReset,\n  UseFormSetError,\n  UseFormSetValue,\n  UseFormTrigger,\n  UseFormUnregister,\n  UseFormWatch,\n} from 'react-hook-form';\n\nexport interface FormContextValue {\n  control: Control<FieldValues>;\n  register: UseFormRegister<FieldValues>;\n  errors: FieldErrors<FieldValues>;\n  setValue: UseFormSetValue<FieldValues>;\n  getValues: UseFormGetValues<FieldValues>;\n  watch: UseFormWatch<FieldValues>;\n  reset: UseFormReset<FieldValues>;\n  trigger: UseFormTrigger<FieldValues>;\n  clearErrors: UseFormClearErrors<FieldValues>;\n  setError: UseFormSetError<FieldValues>;\n  getFieldState: UseFormGetFieldState<FieldValues>;\n  unregister: UseFormUnregister<FieldValues>;\n  isDirty: boolean;\n  isSubmitted: boolean;\n  isSubmitting: boolean;\n  isValid: boolean;\n  dirtyFields: Partial<Readonly<Record<string, boolean>>>;\n  submit: () => void;\n}\n\nexport const FormContext = createContext<FormContextValue | null>(null);\n","import { forwardRef } from 'react';\nimport { useForm, type FieldValues } from 'react-hook-form';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport { cn } from '../../lib/cn';\nimport { FormContext, type FormContextValue } from '../../lib/FormContext';\nimport { Button } from '../Button';\nimport type { FormContainerProps } from './FormContainer.types';\n\nexport const FormContainer = forwardRef<HTMLFormElement, FormContainerProps>(function FormContainer(\n  {\n    children,\n    className,\n    validationSchema,\n    defaultValues,\n    buttons,\n    mode = 'onBlur',\n    shouldUnregister,\n    shouldFocusError = true,\n    formId,\n    onSubmit,\n    dataTestId,\n    ...rest\n  },\n  ref,\n) {\n  const {\n    handleSubmit,\n    register,\n    setValue,\n    control,\n    formState,\n    getValues,\n    watch,\n    reset,\n    clearErrors,\n    setError,\n    trigger,\n    getFieldState,\n    unregister,\n  } = useForm<FieldValues>({\n    mode,\n    resolver: yupResolver(validationSchema),\n    defaultValues,\n    shouldFocusError,\n    shouldUnregister,\n  });\n\n  const { errors, isDirty, isSubmitted, isSubmitting, dirtyFields, isValid } = formState;\n\n  const submit = handleSubmit((data) => {\n    onSubmit?.(data, formState);\n  });\n\n  const contextValue: FormContextValue = {\n    control,\n    register,\n    errors,\n    setValue,\n    getValues,\n    watch,\n    reset,\n    trigger,\n    clearErrors,\n    setError,\n    getFieldState,\n    unregister,\n    isDirty,\n    isSubmitted,\n    isSubmitting,\n    isValid,\n    dirtyFields,\n    submit,\n  };\n\n  return (\n    <form\n      ref={ref}\n      id={formId}\n      onSubmit={submit}\n      data-test-id={dataTestId}\n      className={cn('flex flex-col gap-4', className)}\n      {...rest}\n    >\n      <FormContext.Provider value={contextValue}>\n        {children}\n        {buttons && buttons.length > 0 && (\n          <div className=\"flex items-center gap-3\" data-test-id={dataTestId ? `${dataTestId}-buttons` : undefined}>\n            {buttons.map((buttonProps, index) => (\n              <Button key={index} {...buttonProps} />\n            ))}\n          </div>\n        )}\n      </FormContext.Provider>\n    </form>\n  );\n});\n","import { forwardRef, useContext } from 'react';\nimport { Controller } from 'react-hook-form';\nimport { cn } from '../../lib/cn';\nimport { FormContext } from '../../lib/FormContext';\nimport type { FormFieldProps } from './FormField.types';\n\nexport const FormField = forwardRef<HTMLDivElement, FormFieldProps>(function FormField(\n  { name, defaultValue, render, className, dataTestId, ...rest },\n  ref,\n) {\n  const context = useContext(FormContext);\n\n  if (!context) {\n    throw new Error('FormField must be rendered inside a FormContainer.');\n  }\n\n  return (\n    <div ref={ref} className={cn(className)} data-test-id={dataTestId} {...rest}>\n      <Controller\n        control={context.control}\n        name={name}\n        defaultValue={defaultValue}\n        render={({ field, fieldState }) =>\n          render({\n            ...field,\n            error: !!fieldState.error,\n            errorText: fieldState.error?.message,\n            dataTestId,\n          })\n        }\n      />\n    </div>\n  );\n});\n"],"mappings":"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"}

package/dist/form/index.d.ts

@@ -1,2 +0,0 @@
-export * from '../components/FormContainer';
-export * from '../components/FormField';

package/dist/form.d.ts

@@ -1,2 +0,0 @@
-export * from './form/index.js'
-export {}

package/dist/form.js

@@ -1,2 +0,0 @@
-import { n as e, t } from "./FormField-CwRAOtTN.js";
-export { e as FormContainer, t as FormField };