@myelmut/design-system 0.1.38 → 0.1.43

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.
Files changed (11) hide show
  1. package/README.md +4 -3
  2. package/assets/images/frequency/food-in-fridge.webp +0 -0
  3. package/assets/images/full-cat.png +0 -0
  4. package/dist/design-system/images/frequency/food-in-fridge.webp +0 -0
  5. package/dist/design-system/images/full-cat.png +0 -0
  6. package/dist/index.cjs +1 -1
  7. package/dist/index.cjs.map +1 -1
  8. package/dist/index.es.js +980 -744
  9. package/dist/index.es.js.map +1 -1
  10. package/dist/types/index.d.ts +99 -2
  11. package/package.json +8 -8
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Elmut Design System
2
2
 
3
- A React component library built with TypeScript, Tailwind CSS, and Storybook. Published to the NPM registry.
3
+ A React component library built with TypeScript, Tailwind CSS, and Storybook. Published to the NPM registry on the Elmut Org.
4
4
 
5
5
  ## Setup
6
6
 
@@ -56,6 +56,7 @@ Import the CSS in your root layout (`app/layout.tsx`):
56
56
 
57
57
  ```tsx
58
58
  import '@myelmut/design-system/dist/index.css';
59
+
59
60
  import './globals.css';
60
61
 
61
62
  export default function RootLayout({ children }: { children: React.ReactNode }) {
@@ -73,6 +74,7 @@ Import the CSS in `pages/_app.tsx`:
73
74
 
74
75
  ```tsx
75
76
  import type { AppProps } from 'next/app';
77
+
76
78
  import '@myelmut/design-system/dist/index.css';
77
79
 
78
80
  export default function App({ Component, pageProps }: AppProps) {
@@ -156,10 +158,9 @@ You can import assets directly from the package:
156
158
 
157
159
  ```tsx
158
160
  // Import source CSS (if you want to customize Tailwind)
159
- import '@myelmut/design-system/styles/globals.css';
160
-
161
161
  // Import compiled CSS (recommended for most use cases)
162
162
  import '@myelmut/design-system/dist/index.css';
163
+ import '@myelmut/design-system/styles/globals.css';
163
164
 
164
165
  // Import illustrations
165
166
  const chickenImage = '@myelmut/design-system/assets/illustrations/chicken.webp';
package/assets/images/full-cat.png ADDED
Binary file