@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 +2 -2
- package/dist/index.d.mts +2 -2
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +23 -6
- package/package.json +1 -1
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
|
|
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
|
|
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<
|
|
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<
|
|
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: {
|