Commit Graph

100 Commits

Author SHA1 Message Date
Hichem Fantar
52d223393a (fix Input) choose file text color in dark mode (#4843)
This pull request fixes the issue with the choose file text color in dark mode. The changes ensure that the text color is correctly displayed in dark mode.

the reason this bug doesn't happen in the shadcn website is because it sets `color-scheme:dark` on the document;

this fix makes sure this always works even if color scheme isn't set.

Closes #4842

![image](https://github.com/user-attachments/assets/37cb3f2a-c1a7-49b3-8ef1-77823dd7bd45)

![image](https://github.com/user-attachments/assets/92913fec-5651-4cfc-8e16-2f12c06c33b8)
2024-09-15 09:20:19 +00:00
shadcn
64b2f1a5ad feat(shadcn): add experimental docs (#4820)
* feat(shadcn): add cli docs

* chore: add changeset

* fix: tests
2024-09-12 17:51:59 +04:00
shadcn
a62a155aac (1/N) cli: framework support (#4569) 2024-08-31 01:54:48 +04:00
shadcn
259a9ff56a Open in v0 (#4613)
* feat: edit in v0

* feat: update edit sources

* fix: edit button

* feat: rename to open in v0
2024-08-21 23:42:03 +04:00
Azhar Zaman
f2e33415c6 fix(www): combobox examples error (#4503)
* bug-fix: added command-list component to eliminate error

Wrap CommandEmpty and CommandGroup inside CommandList
Eliminated Error: TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))

* fix(www): command examples

---------

Co-authored-by: shadcn <m@shadcn.com>
2024-08-06 01:42:26 +04:00
Justin Nguyen
59a931055f fix(command): disabled items and cmdk 1.0.0 (#2945)
* fix: fix breaking changes for Command component that comes with cmdk 1.0.0

* chore: build registry

* chore: moving paths for some examples

* chore: moving paths for some examples

* chore: use data instead of aria

* fix: update command and pin cmdk

* fix: model selector

* fix: command for new york

---------

Co-authored-by: shadcn <m@shadcn.com>
2024-08-05 15:28:14 +04:00
shadcn
6e2d83bf42 fix: pin react-day-picker (#4387) 2024-07-23 11:14:14 +04:00
shadcn
12539b3664 feat(www): tooltip examples (#4309)
* feat(www): more chart examples

* feat(www): add tooltip examples

* feat: add themes support on blocks page

* chore: build registry

* fix: colors on charts

* fix: styles

* fix: downgrade rehype-pretty-code

* chore: fix

* fix: frame

* fix: code

* feat: update charts nav

* fix: use client

* feat: update all charts
2024-07-17 19:22:38 +04:00
shadcn
210010f5ed more chart examples (#4304)
* feat(www): more chart examples

* feat: add themes support on blocks page

* chore: build registry

* fix: colors on charts

* fix: styles

* fix: downgrade rehype-pretty-code

* chore: fix

* fix: frame

* fix: code
2024-07-17 18:58:40 +04:00
Ariel
f170784f78 bug fix: type error in chart.tsx (#4230)
# Current Issue
when running `next lint`, the typescript compiler fails on the chart component (closes #4229 )
`Type error: Type 'string[]' is not assignable to type 'string | TrustedHTML'.`

# Resolution

We can coerce the `string[]` into a valid type by `join`ing.
2024-07-11 13:14:44 +00:00
Mariano Álvarez
03b1d783c4 feat: add chart colors to theme customizer (#4237)
# Description

This PR adds support for customizing graphics themes in the `ThemeCustomizer` component. Users can now select and copy chart colors (`chart-1`, `chart-2`, `chart-3`, `chart-4`, `chart-5`) along with other themes.

## Changes Implemented

1. **Themes Update**: Added chart themes (`chart-1`, `chart-2`, `chart-3`, `chart-4`, `chart-5`) to the chart file. themes configuration (`themes.ts`).
2. **Modification of the `ThemeCustomizer` Component**: The new graphics themes were integrated into the component so that they can be selected and copied.
3. **CSS Tweak**: Updated the functions that generate CSS code to include the new graphics themes.

## How to Test

1. Run the project locally.
2. Navigate to the `ThemeCustomizer` component.
3. Verify that the new graphics themes are available for selection.
4. Test the functionality of copying the CSS code and making sure it includes the graphics colors.

## References

- Added support for graphics themes based on defaults provided by Shadcn.
2024-07-10 12:56:38 +00:00
rds_agi
36a9c1bb71 Fixed all issues related Command component (#4154)
# Fix Command Component issues and update documentation

## Changes
- Resolve Command Component issues by wrapping `<CommandGroup />` inside `<CommandList>`
- Update deprecated docs in `combobox.mdx` to reflect latest `<Command />` component usage

### Code Changes
From:
```tsx
<Command>
  ...
  <CommandGroup>
    ...
  </CommandGroup>
</Command>
```
To:
```tsx
<Command>
  ...
  <CommandList>
    <CommandGroup>
      ...
    </CommandGroup>
  </CommandList>
</Command>
```

## Visual Comparison
Before & After comparison: 

https://github.com/shadcn-ui/ui/assets/77154365/156b7180-54e6-45aa-8934-b4fb99e6160e

## Summary
By wrapping `<CommandGroup />` inside `<CommandList>{children}</CommandList>`, all issues related to the Command Component have been resolved.
2024-07-10 12:40:55 +00:00
liruifengv
949e6f65ef fix type import in toggle-group.tsx (#4234)
## description

fix type import in toggle-group.tsx
2024-07-10 12:40:38 +00:00
Batuhan Tomo
248347a389 fix: Update ChartTooltipContent to handle "0" item value (#4215)
Fix #4214: Update ChartTooltipContent to handle "0" item value
2024-07-10 12:08:25 +00:00
shadcn
f0093d6a41 feat: add chart colors to base colors (#4228)
* feat: add chart colors to base colors

* fix: format
2024-07-09 15:29:20 +04:00
shadcn
c1b955444d fix: deps 2024-07-06 02:13:35 +04:00
shadcn
4ac9db98fe Charts (#4181) 2024-07-06 02:06:40 +04:00
shadcn
06cc0cdf3d fix(www): combobox 2024-06-03 21:22:36 +04:00
kevinmitch14
4aa8b02980 feat: bump cmdk + use data attributes for styling (#2626)
* feat: bump `cmdk` + use data attributes for styling

* refactor: bump again

* Merge remote-tracking branch 'upstream/main' into cmdk-bump-and-styles

* Revert "Merge remote-tracking branch 'upstream/main' into cmdk-bump-and-styles"

This reverts commit d74be6bb60.

* chore: sync `pnpm-lock`
2024-06-03 12:12:37 +04:00
Ricardo Raposo
13d9693808 fix: quick fix to data attribute at CommandPrimitive.Item that was applying a disabled state style all the time (#3680)
Data attributes at <CommandPrimite.List /> component should be written as data-[disabled=true] in order to avoid styles being applied to element, even when it's not disabled.
2024-05-13 05:01:29 +00:00
shadcn
bebc2843f0 fix(www): remove unused chunk 2024-04-09 21:10:49 +04:00
shadcn
7590fb7636 feat: lift mode (#3380)
* feat(www): wip break everything

* feat(www): wip chunks

* feat(www): wip chunk mode

* feat: lift mode

* feat: update chunks

* fix: resize in lift mode

* fix: hasLiftMode

* fix: types

* fix: toolbar

Thanks @mrnbpt

* chore: format check

* feat: add tracking for enable_lift_mode

* chore: format write

* docs: add changelog
2024-04-05 21:28:05 +04:00
shadcn
f47bb973be feat: e-commerce dashboard blocks (#3236)
* feat(blocks): add e-commerce dashboard

* feat(blocks): add products pages

* style(blocks): run prettier

* feat(www): update dashboard-05

* feat(www): update gap for dashboard-05

* feat(www): update dashboards

* fix(www): review a11y for new blocks

* fix(blocks): a11y for dashboard-07

* fix(www): blocks background

* chore: update registry
2024-03-29 00:14:32 +04:00
Zero
1da3e740e4 fix(dashboard-3): align aside and header borders in default style (#3137) 2024-03-26 08:46:03 +04:00
keremcs
d4872067a6 fix: authentication-03 block misalignment (#3101)
* Update authentication-03.tsx

* new york
2024-03-25 08:22:03 +04:00
Ishaan Dey
37c726e60e fix: dashboard-02 block (shadcn-ui#3098) (#3099) 2024-03-23 15:01:04 +04:00
shadcn
79c054ac7a feat: blocks (#3094) 2024-03-22 21:39:33 +04:00
shadcn
f199dd3bbf feat: switch input-otp to composition (#3052)
* feat: switch input-otp to composition

* feat: add disabled
2024-03-19 10:25:06 +04:00
Luca Félix
5ec881d176 fix: 🐛 breadcrumb file paths code preview (#2946)
Co-authored-by: shadcn <m@shadcn.com>
2024-03-13 08:38:17 +04:00
kevinmitch14
3f76d5fdc2 fix: use ?? instead of || (#2941)
Co-authored-by: shadcn <m@shadcn.com>
2024-03-11 19:42:27 +04:00
shadcn
e8856d1dea feat: add input-otp (#2919)
* feat: add input-otp

* feat: update input-otp and add examples

* feat(input-otp): add controlled and form examples

* chore(input-otp): update to latest

* docs(www): fix example code for input-otp

* fix(www): disable menu
2024-03-07 22:57:33 +04:00
its-monotype
7f0af435e1 feat(breadcrumb): add breadcrumb component (#133)
* feat(breadcrumb): add breadcrumb component

* refactor(breadcrumb): improve variable name and simplify object key passing

* refactor(breadcrumb): remove unnecessary color transition

* chore(breadcrumb): wip

* chore: build registry

* feat: update breadcrumb component

* fix(breadcrumb): update code highlight

* chore(www): remove menu

---------

Co-authored-by: shadcn <m@shadcn.com>
2024-03-07 22:42:39 +04:00
Gram Liu
59412bbb08 fix(components): Add "use client" directive to Toast (#2048)
Resolves #2025

This adds the "use client" directive to the Toast component, since it makes use of client-only features like `useState`. When absent, this causes errors in rendering as described in the issue.
2024-03-03 11:33:30 +00:00
Șener Ali
f859d4857e feat(components): skeleton example (#2036)
Co-authored-by: Sener <sener@MacBook-Pro-3.local>
2024-01-28 13:23:06 +04:00
kevinmitch14
7df1007a5b refactor: update zod import (#2466) 2024-01-28 12:47:45 +04:00
Thomas Marrec
a465432a66 fix(carousel): adjust types for embla-carousel-react@8 (#2326)
Fixes #2322 , #2281 

Thanks to @akynau & @nianiam
2024-01-18 07:22:45 +00:00
Oguz Kazkayasi
7822e06904 Adds missing display names to Pagination Elements (#2178)
* fix: add missing pagination names

* chore: build registry

---------

Co-authored-by: shadcn <m@shadcn.com>
2024-01-18 11:08:25 +04:00
Takeshi Kriang
578d2c1823 fix(pagination): remove incorrect nested li from pagination link (#2190)
* feat: remove PaginationItem

* chore: build registry

---------

Co-authored-by: shadcn <m@shadcn.com>
2024-01-18 10:58:22 +04:00
shadcn
7640ef7bbc feat: add support for adding devDependencies in the cli (#2419)
* feat(cli): add support for install devDependencies

* chore: add changeset
2024-01-14 15:21:57 +04:00
김태강
8f3b28f50f feat(components): add "use client" directive to carousel, resizable component (#2319)
[Reopen a PR that was accidentally closed.](https://github.com/shadcn-ui/ui/pull/2233)
carousel, resizable components to be used by the app router, a "use client" directive is required.
2024-01-07 09:24:23 +00:00
Clarence
2dd7864007 fix: Github case correction (#2268) 2024-01-07 07:59:20 +00:00
Andrew Qiao
5d37bae1b8 fix(www): incorrect toggle aria labels and values (#2163)
- some `Toggle` and `ToggleGroup` demos had incorrect `aria-label` or `value` props
2024-01-07 07:49:26 +00:00
Anshul Kanwar
4b200ebf59 docs: typo in drawer, dialog and sheet (#2306) 2024-01-07 07:26:21 +00:00
shadcn
57d404b5d3 feat: new components (#2144) 2023-12-22 23:36:59 +04:00
ocavue
1cf5fad881 fix(toast): replace MAX_VALUE with MAX_SAFE_INTEGER (#1982)
This PR replaces the maximum id from `Number.MAX_VALUE` to `Number.MAX_SAFE_INTEGER` in `use-toast.ts`. Considering how JS stores numbers, it's unsafe to plus one if the number is larger than `Number.MAX_SAFE_INTEGER`. Here is an example:

```js 
> let num

> num = Number.MAX_VALUE - 1
> num + 1 === num
true

> num = Number.MAX_SAFE_INTEGER - 1
> num + 1 === num
false
```
2023-11-21 12:13:44 +00:00
Gravy59
1903eb94a8 fix(www): typo in metric cards (#1975) 2023-11-19 11:16:27 +04:00
Danilo Britto
9f3ae7746f docs(www): add indeterminate state checkboxes on all data table demos and code examples (#1959)
Co-authored-by: shadcn <m@shadcn.com>
2023-11-19 11:15:44 +04:00
Max Wiseman
1db90baaf2 feat(toggle-group): add toggle-group component (#1547)
* feat: added toggle-group component

* fix(components): ran build:registry script

* fix(components): fixed colors in toggle-group
- Dark mode border color is now consistent with the toggle component

* fix(components): fixed component.json toggle-group
- Added the content field to `components.json` for toggle-group
- Ran build:registry again

* feat(toggle-group): simplify implementation

---------

Co-authored-by: shadcn <m@shadcn.com>
2023-11-12 23:03:14 +04:00
Peeranat Danaidusadeekul
e67c0d4507 style(command): add import type for Command component (#1490)
* style: add import type for Command component

* style(code): format code

---------

Co-authored-by: shadcn <m@shadcn.com>
2023-11-12 22:12:16 +04:00
Mubin Ansari
147206c168 Remove Redundant md:w-full class in DialogPrimitive.Content in dialog and alert-dialog (#1640)
closes #1639
2023-11-12 11:09:14 +00:00