@codefast/ui 0.2.26 → 0.2.27

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 (3) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +13 -2
  3. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @codefast/ui
2
2
 
3
+ ## 0.2.27
4
+
5
+ ### Patch Changes
6
+
7
+ - [`8ad4efd`](https://github.com/codefastlabs/codefast/commit/8ad4efd676847c29f0ba8e1810bd1daea1aafcbe) Thanks [@thevuong](https://github.com/thevuong)! - feat(style-guide): add eslint-config-prettier dependency
8
+
9
+ - Updated dependencies [[`8ad4efd`](https://github.com/codefastlabs/codefast/commit/8ad4efd676847c29f0ba8e1810bd1daea1aafcbe)]:
10
+ - @codefast/hooks@0.2.27
11
+ - @codefast-ui/checkbox-group@0.2.27
12
+ - @codefast-ui/input@0.2.27
13
+ - @codefast-ui/number-input@0.2.27
14
+
3
15
  ## 0.2.26
4
16
 
5
17
  ### Patch Changes
package/README.md CHANGED
@@ -16,7 +16,7 @@ Or using **npm**:
16
16
  npm install @codefast/ui
17
17
  ```
18
18
 
19
- ## 🎨 Configuration
19
+ ## Configuration
20
20
 
21
21
  To enable **@codefast/ui**, import the required styles into your global CSS file (e.g., `/app/globals.css`):
22
22
 
@@ -66,6 +66,15 @@ To enable **@codefast/ui**, import the required styles into your global CSS file
66
66
  --card: var(--color-zinc-50);
67
67
  --card-foreground: var(--color-zinc-900);
68
68
 
69
+ --sidebar: var(--background);
70
+ --sidebar-foreground: var(--foreground);
71
+ --sidebar-primary: var(--primary);
72
+ --sidebar-primary-foreground: var(--primary-foreground);
73
+ --sidebar-accent: var(--color-accent);
74
+ --sidebar-accent-foreground: var(--accent-foreground);
75
+ --sidebar-border: var(--border);
76
+ --sidebar-ring: var(--ring);
77
+
69
78
  --chart-1: var(--color-orange-400);
70
79
  --chart-2: var(--color-cyan-400);
71
80
  --chart-3: var(--color-lime-400);
@@ -126,9 +135,11 @@ To enable **@codefast/ui**, import the required styles into your global CSS file
126
135
  Example usage of the **Button** component:
127
136
 
128
137
  ```tsx
138
+ import type { JSX } from 'react';
139
+
129
140
  import { Button } from '@codefast/ui';
130
141
 
131
- export default function Home() {
142
+ export default function Home(): JSX.Element {
132
143
  return <Button variant="primary">Get Started</Button>;
133
144
  }
134
145
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codefast/ui",
3
- "version": "0.2.26",
3
+ "version": "0.2.27",
4
4
  "bugs": {
5
5
  "url": "https://github.com/codefastlabs/codefast/issues"
6
6
  },
@@ -79,10 +79,10 @@
79
79
  "tailwind-merge": "^3.0.2",
80
80
  "tailwind-variants": "^0.3.1",
81
81
  "vaul": "^1.1.2",
82
- "@codefast-ui/checkbox-group": "0.2.26",
83
- "@codefast-ui/input": "0.2.26",
84
- "@codefast-ui/number-input": "0.2.26",
85
- "@codefast/hooks": "0.2.26"
82
+ "@codefast-ui/checkbox-group": "0.2.27",
83
+ "@codefast-ui/input": "0.2.27",
84
+ "@codefast-ui/number-input": "0.2.27",
85
+ "@codefast/hooks": "0.2.27"
86
86
  },
87
87
  "devDependencies": {
88
88
  "@tailwindcss/postcss": "4.0.10",
@@ -94,8 +94,8 @@
94
94
  "tailwindcss": "^4.0.10",
95
95
  "tsup": "^8.4.0",
96
96
  "typescript": "^5.8.2",
97
- "@codefast/eslint-config": "0.2.26",
98
- "@codefast/typescript-config": "0.2.26"
97
+ "@codefast/eslint-config": "0.2.27",
98
+ "@codefast/typescript-config": "0.2.27"
99
99
  },
100
100
  "peerDependencies": {
101
101
  "@tanstack/react-table": ">=8",