@codapet/design-system 0.1.0 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -67,7 +67,7 @@ export default config
67
67
  3) Install the design system:
68
68
 
69
69
  ```bash
70
- npm install codapet-design-system
70
+ npm install @codapet/design-system
71
71
  ```
72
72
 
73
73
  4) Configure global CSS for Tailwind v4 scanning and import the design system styles.
@@ -333,7 +333,7 @@ module.exports = {
333
333
  - Components render unstyled:
334
334
  - Ensure your `globals.css` contains `@source` that points to the design system in `node_modules` (Tailwind must see class usage to emit utilities).
335
335
  - Restart the dev server after changing `@source` or Tailwind config.
336
- - Verify `@import "codapet-design-system/styles";` comes after `@import "tailwindcss";`.
336
+ - Verify `@import "@codapet/design-system/styles";` comes after `@import "tailwindcss";`.
337
337
  - If you use Tailwind v3, configure `content` globs as shown above.
338
338
  - PostCSS cannot resolve an import:
339
339
  - Ensure `@tailwindcss/postcss` is installed and present in `postcss.config.*`.
package/dist/index.d.mts CHANGED
@@ -99,7 +99,7 @@ declare const buttonVariants: (props?: ({
99
99
  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
100
100
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
101
101
  } & class_variance_authority_types.ClassProp) | undefined) => string;
102
- declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
102
+ declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
103
103
  asChild?: boolean;
104
104
  }): react_jsx_runtime.JSX.Element;
105
105
 
@@ -392,7 +392,7 @@ declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"di
392
392
  declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
393
393
  declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
394
394
 
395
- declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
395
+ declare function Input({ className, type, ...props }: React$1.ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
396
396
 
397
397
  declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
398
398
 
package/dist/index.mjs CHANGED
@@ -142,7 +142,7 @@ import { Slot } from "@radix-ui/react-slot";
142
142
  import { cva as cva2 } from "class-variance-authority";
143
143
  import { jsx as jsx3 } from "react/jsx-runtime";
144
144
  var buttonVariants = cva2(
145
- "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
145
+ "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
146
146
  {
147
147
  variants: {
148
148
  variant: {