@ark-ui/solid 1.0.0 → 1.1.0

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 (62) hide show
  1. package/CHANGELOG.md +53 -54
  2. package/README.md +43 -40
  3. package/cjs/index.js +263 -38
  4. package/cjs/index.js.map +1 -1
  5. package/esm/index.js +248 -39
  6. package/esm/index.js.map +1 -1
  7. package/package.json +44 -41
  8. package/source/color-picker/color-picker-format-select.jsx +13 -0
  9. package/source/color-picker/color-picker-format-trigger.jsx +8 -0
  10. package/source/color-picker/color-picker-swatch-context.js +5 -0
  11. package/source/color-picker/color-picker-swatch-indicator.jsx +10 -0
  12. package/source/color-picker/color-picker-swatch-trigger.jsx +4 -1
  13. package/source/color-picker/color-picker-swatch.jsx +6 -3
  14. package/source/color-picker/color-picker.jsx +3 -1
  15. package/source/color-picker/index.js +7 -1
  16. package/source/dialog/dialog-backdrop.jsx +4 -3
  17. package/source/dialog/dialog-close-trigger.jsx +1 -1
  18. package/source/dialog/dialog.jsx +4 -2
  19. package/source/file-upload/file-upload-context.js +5 -0
  20. package/source/file-upload/file-upload-dropzone.jsx +11 -0
  21. package/source/file-upload/file-upload-item-context.js +5 -0
  22. package/source/file-upload/file-upload-item-delete-trigger.jsx +10 -0
  23. package/source/file-upload/file-upload-item-group.jsx +10 -0
  24. package/source/file-upload/file-upload-item-name.jsx +12 -0
  25. package/source/file-upload/file-upload-item-preview.jsx +19 -0
  26. package/source/file-upload/file-upload-item-size-text.jsx +12 -0
  27. package/source/file-upload/file-upload-item.jsx +15 -0
  28. package/source/file-upload/file-upload-label.jsx +8 -0
  29. package/source/file-upload/file-upload-trigger.jsx +8 -0
  30. package/source/file-upload/file-upload.jsx +30 -0
  31. package/source/file-upload/index.js +24 -0
  32. package/source/file-upload/use-file-upload.js +10 -0
  33. package/source/index.jsx +1 -0
  34. package/source/menu/menu-trigger.jsx +5 -2
  35. package/source/number-input/number-input.jsx +4 -2
  36. package/source/toast/create-toaster.jsx +6 -7
  37. package/types/color-picker/color-picker-format-select.d.ts +4 -0
  38. package/types/color-picker/color-picker-format-trigger.d.ts +4 -0
  39. package/types/color-picker/color-picker-swatch-context.d.ts +4 -0
  40. package/types/color-picker/color-picker-swatch-indicator.d.ts +4 -0
  41. package/types/color-picker/color-picker-swatch-trigger.d.ts +1 -5
  42. package/types/color-picker/color-picker-transparency-grid.d.ts +2 -5
  43. package/types/color-picker/index.d.ts +10 -3
  44. package/types/color-picker/use-color-picker.d.ts +3 -0
  45. package/types/file-upload/file-upload-context.d.ts +4 -0
  46. package/types/file-upload/file-upload-dropzone.d.ts +4 -0
  47. package/types/file-upload/file-upload-item-context.d.ts +4 -0
  48. package/types/file-upload/file-upload-item-delete-trigger.d.ts +4 -0
  49. package/types/file-upload/file-upload-item-group.d.ts +8 -0
  50. package/types/file-upload/file-upload-item-name.d.ts +4 -0
  51. package/types/file-upload/file-upload-item-preview.d.ts +4 -0
  52. package/types/file-upload/file-upload-item-size-text.d.ts +4 -0
  53. package/types/file-upload/file-upload-item.d.ts +6 -0
  54. package/types/file-upload/file-upload-label.d.ts +4 -0
  55. package/types/file-upload/file-upload-trigger.d.ts +4 -0
  56. package/types/file-upload/file-upload.d.ts +9 -0
  57. package/types/file-upload/index.d.ts +25 -0
  58. package/types/file-upload/use-file-upload.d.ts +9 -0
  59. package/types/index.d.ts +1 -0
  60. package/types/number-input/number-input.d.ts +6 -3
  61. package/types/toast/create-toaster.d.ts +3 -2
  62. package/types/toast/toast-context.d.ts +7 -2
package/CHANGELOG.md CHANGED
@@ -6,80 +6,75 @@ description: All notable changes to this project will be documented in this file
6
6
 
7
7
  ## [Unreleased]
8
8
 
9
- ## [1.0.0] - 2023-11-09
10
-
11
- We are happy to announce the release of `@ark-ui/solid@1.0.0`. This release includes a number of breaking changes, new features, and bug fixes. Since our last release over two months ago, we will only highlight some key changes. Please refer to the documentation for each component to learn more.
12
-
13
- ### Highlights
14
-
15
- - Revised the `Presence` component: `lazyMount` and `unmountOnExit` have been added at the root level. For some disclosure components like `Tabs` and `Accordion`, this constitutes a breaking change.
16
- - Breaking changes have been implemented in `Accordion`, `ColorPicker`, `DatePicker`, `Dialog`, `RadioGroup`, `SegmentGroup`, `TagsInput`, `Toast`, and `ToggleGroup` to achieve a consistent and more intuitive API.
17
- - Resolved various bugs and addressed accessibility issues across all components.
18
-
19
- ### Stability and Support
20
-
21
- With the release of version 1.0.0, we are moving towards a more stable version of `@ark-ui/solid`. Future updates will strive to avoid breaking changes, ensuring a smoother experience for our users. If you encounter any issues while upgrading, please do not hesitate to open an issue on our [GitHub repository](https://github.com/chakra-ui/ark/issues). Your feedback is invaluable in helping us improve.
22
-
23
- ## [1.0.0-beta.3] - 2023-10-31
9
+ ## [1.1.0] - 2023-11-21
24
10
 
25
11
  ### Added
26
12
 
27
- - Added support to lazy mount the `DatePicker` and `ColorPicker` components using the `Presence` component
28
- - Added `ValueText` to the `ColorPicker` component
13
+ - Added render function to the `NumberInput` component
14
+ - Added `FileUpload` component
29
15
 
30
- ### Changed
16
+ ## Changed
31
17
 
32
- - Improved accessibility of all disclosure components when lazy mounting is enabled.
33
- - Renamed `htmlFor` prop to `for` in `MenuItemGroupLabel`,
34
- `ComboboxItemGroupLabel` and `SelectItemGroupLabel` component
18
+ - Revised the `ColorPicker` component. Check out the [documentation](https://ark-ui.com/docs/components/color-picker) for more information.
35
19
 
36
20
  ### Fixed
37
21
 
38
- - Added missing data attributes to `DatePickerView` component
39
- - Resolved an accessibility issue with `Select`
40
-
41
- ## [1.0.0-beta.2] - 2023-10-24
42
-
43
- ### Changed
22
+ - Resolved a problem where the `Dialog.CloseTrigger` was assigned to the wrong `data-part`.
23
+ - Fixed various issues for the `Toast` component that were caused by the API not being wrapped in an `Accessor`.
44
24
 
45
- - Replaced `vite` with `rollup-preset-solid` for bundling.
46
-
47
- ## [1.0.0-beta.1] - 2023-10-20
25
+ ```jsx
26
+ // before
27
+ const [Toaster, toast] = createToaster({
28
+ placement: 'top-end',
29
+ render(toast) {
30
+ return (
31
+ <Toast.Root>
32
+ <Toast.Title>{toast.title}</Toast.Title>
33
+ <Toast.Description>{toast.description}</Toast.Description>
34
+ <Toast.CloseTrigger>Close</Toast.CloseTrigger>
35
+ </Toast.Root>
36
+ )
37
+ },
38
+ })
48
39
 
49
- ### Added
40
+ // after
41
+ const [Toaster, toast] = createToaster({
42
+ placement: 'top-end',
43
+ render(toast) {
44
+ return (
45
+ <Toast.Root>
46
+ <Toast.Title>{toast().title}</Toast.Title>
47
+ <Toast.Description>{toast().description}</Toast.Description>
48
+ <Toast.CloseTrigger>Close</Toast.CloseTrigger>
49
+ </Toast.Root>
50
+ )
51
+ },
52
+ })
53
+ ```
50
54
 
51
- - Parsed `focusedValue` in `DatePicker`
55
+ ## [1.0.1] - 2023-11-10
52
56
 
53
57
  ### Fixed
54
58
 
55
- - Resolved an issue with `@ark-ui/anatomy`
59
+ - Resolved an issue where the `Dialog` component would not animate on exit.
60
+ - Resolved various issues for `Menu` when lazy mounted.
61
+ - Resolved an issue where `MenuTrigger` could still work even when disabled.
62
+ - Resolved an issue where components like `Dialog`, `Popover` etc would not invoke `onExitComplete`
63
+ - Fixed an issue where placement of the `Combobox` could be incorrect when lazy mounted.
56
64
 
57
- ## [1.0.0-beta.0] - 2023-10-20
58
-
59
- ### Added
60
-
61
- - Added `ToggleGroup` component
62
-
63
- ### Changed
64
-
65
- - Revised `Comoobox` component to support multiple selection
66
- - Revised `Select` component to support multiple selection
65
+ ## [1.0.0] - 2023-11-09
67
66
 
68
- ### Fixed
67
+ We are happy to announce the release of `@ark-ui/solid@1.0.0`. This release includes a number of breaking changes, new features, and bug fixes. Since our last release over two months ago, we will only highlight some key changes. Please refer to the documentation for each component to learn more.
69
68
 
70
- - Resolved an issue where the `asChild` property was not working as expected
69
+ ### Highlights
71
70
 
72
- ### Removed
71
+ - Revised the `Presence` component: `lazyMount` and `unmountOnExit` have been added at the root level. For some disclosure components like `Tabs` and `Accordion`, this constitutes a breaking change.
72
+ - Breaking changes have been implemented in `Accordion`, `ColorPicker`, `DatePicker`, `Dialog`, `RadioGroup`, `SegmentGroup`, `TagsInput`, `Toast`, and `ToggleGroup` to achieve a consistent and more intuitive API.
73
+ - Resolved various bugs and addressed accessibility issues across all components.
73
74
 
74
- - Removed anatomy exports. These exports are now available in `@ark-ui/anatomy`.
75
+ ### Stability and Support
75
76
 
76
- ```tsx
77
- // before
78
- import { accordionAnatomy } from '@ark-ui/solid'
79
- // after
80
- import { accordionAnatomy } from '@ark-ui/anatomy' // or
81
- import { anatomy } from '@ark-ui/anatomy/accordion'
82
- ```
77
+ With the release of version 1.0.0, we are moving towards a more stable version of `@ark-ui/solid`. Future updates will strive to avoid breaking changes, ensuring a smoother experience for our users. If you encounter any issues while upgrading, please do not hesitate to open an issue on our [GitHub repository](https://github.com/chakra-ui/ark/issues). Your feedback is invaluable in helping us improve.
83
78
 
84
79
  ## [0.11.0] - 2023-09-08
85
80
 
@@ -251,3 +246,7 @@ import { anatomy } from '@ark-ui/anatomy/accordion'
251
246
  [0.10.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.10.0
252
247
  [0.10.1]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.10.1
253
248
  [0.11.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.11.0
249
+
250
+ ```
251
+
252
+ ```
package/README.md CHANGED
@@ -1,47 +1,46 @@
1
- # @ark-ui/solid
1
+ # Welcome to Ark UI
2
2
 
3
- `@ark-ui/solid` is an open-source UI component library designed to make building high-quality, accessible web applications easier. The library focuses on providing low-level UI components with an emphasis on accessibility, customization, and developer experience.
3
+ Ark UI is a headless, open-source UI library with over 30+ components designed for building reusable, scalable Design Systems. It supports a wide range of JavaScript frameworks, offering dedciated packages for each supported framework.
4
4
 
5
- ## Key Features
5
+ ## Supported Frameworks
6
6
 
7
- - **Accessible**: Components in Ark UI are designed with accessibility in mind, adhering to WAI-ARIA design patterns and handling implementation details such as aria and role attributes, focus management, and keyboard navigation.
8
- - **Headless**: Components are shipped without styles, giving developers full control over styling.
9
- - **Customizable**: The open component architecture allows for customization and customization, providing granular access to each component part.
10
- - **Powered by state machines**: Predictable, simplified, and robust component behavior.
11
- - **Developer Experience**: The library provides a fully-typed API with a consistent and predictable experience.
7
+ Ark UI is available for the following JavaScript frameworks:
8
+
9
+ - **React**: `@ark-ui/react`
10
+ - **Solid**: `@ark-ui/solid`
11
+ - **Vue**: `@ark-ui/vue`
12
12
 
13
13
  ## Available Components
14
14
 
15
- At the moment, `@ark-ui/solid`offers the following components:
16
-
17
- - [Accordion](https://ark-ui.com/docs/solid/components/accordion)
18
- - [Avatar](https://ark-ui.com/docs/solid/components/avatar)
19
- - [Carousel](https://ark-ui.com/docs/solid/components/carousel)
20
- - [Checkbox](https://ark-ui.com/docs/solid/components/checkbox)
21
- - [Color Picker](https://ark-ui.com/docs/solid/components/color-picker)
22
- - [Combobox](https://ark-ui.com/docs/solid/components/combobox)
23
- - [Date Picker](https://ark-ui.com/docs/solid/components/date-picker)
24
- - [Dialog](https://ark-ui.com/docs/solid/components/dialog)
25
- - [Editable](https://ark-ui.com/docs/solid/components/editable)
26
- - [Hover Card](https://ark-ui.com/docs/solid/components/hover-card)
27
- - [Menu](https://ark-ui.com/docs/solid/components/menu)
28
- - [Number Input](https://ark-ui.com/docs/solid/components/number-input)
29
- - [Pagination](https://ark-ui.com/docs/solid/components/pagination)
30
- - [Pin Input](https://ark-ui.com/docs/solid/components/pin-input)
31
- - [Popover](https://ark-ui.com/docs/solid/components/popover)
32
- - [Pressable](https://ark-ui.com/docs/solid/components/pressable)
33
- - [Radio Group](https://ark-ui.com/docs/solid/components/radio-group)
34
- - [Range Slider](https://ark-ui.com/docs/solid/components/range-slider)
35
- - [Rating Group](https://ark-ui.com/docs/solid/components/rating-group)
36
- - [Segment Group](https://ark-ui.com/docs/solid/components/segment-group)
37
- - [Select](https://ark-ui.com/docs/solid/components/select)
38
- - [Slider](https://ark-ui.com/docs/solid/components/slider)
39
- - [Splitter](https://ark-ui.com/docs/solid/components/splitter)
40
- - [Switch](https://ark-ui.com/docs/solid/components/switch)
41
- - [Tabs](https://ark-ui.com/docs/solid/components/tabs)
42
- - [Tags Input](https://ark-ui.com/docs/solid/components/tags-input)
43
- - [Toast](https://ark-ui.com/docs/solid/components/toast)
44
- - [Tooltip](https://ark-ui.com/docs/solid/components/tooltip)
15
+ - [Accordion](https://ark-ui.com/docs/components/accordion)
16
+ - [Avatar](https://ark-ui.com/docs/components/avatar)
17
+ - [Carousel](https://ark-ui.com/docs/components/carousel)
18
+ - [Checkbox](https://ark-ui.com/docs/components/checkbox)
19
+ - [Color Picker](https://ark-ui.com/docs/components/color-picker)
20
+ - [Combobox](https://ark-ui.com/docs/components/combobox)
21
+ - [Date Picker](https://ark-ui.com/docs/components/date-picker)
22
+ - [Dialog](https://ark-ui.com/docs/components/dialog)
23
+ - [Editable](https://ark-ui.com/docs/components/editable)
24
+ - [File Upload](https://ark-ui.com/docs/components/file-upload)
25
+ - [Hover Card](https://ark-ui.com/docs/components/hover-card)
26
+ - [Menu](https://ark-ui.com/docs/components/menu)
27
+ - [Number Input](https://ark-ui.com/docs/components/number-input)
28
+ - [Pagination](https://ark-ui.com/docs/components/pagination)
29
+ - [Pin Input](https://ark-ui.com/docs/components/pin-input)
30
+ - [Popover](https://ark-ui.com/docs/components/popover)
31
+ - [Radio Group](https://ark-ui.com/docs/components/radio-group)
32
+ - [Range Slider](https://ark-ui.com/docs/components/slider)
33
+ - [Rating Group](https://ark-ui.com/docs/components/rating-group)
34
+ - [Segment Group](https://ark-ui.com/docs/components/segment-group)
35
+ - [Select](https://ark-ui.com/docs/components/select)
36
+ - [Slider](https://ark-ui.com/docs/components/slider)
37
+ - [Splitter](https://ark-ui.com/docs/components/splitter)
38
+ - [Switch](https://ark-ui.com/docs/components/switch)
39
+ - [Tabs](https://ark-ui.com/docs/components/tabs)
40
+ - [Tags Input](https://ark-ui.com/docs/components/tags-input)
41
+ - [Toast](https://ark-ui.com/docs/components/toast)
42
+ - [Toggle Group](https://ark-ui.com/docs/components/toggle-group)
43
+ - [Tooltip](https://ark-ui.com/docs/components/tooltip)
45
44
 
46
45
  ## Installation
47
46
 
@@ -95,10 +94,14 @@ export const MySlider = () => {
95
94
 
96
95
  For more detailed documentation and examples, please visit the [official documentation](https://ark-ui.com/).
97
96
 
97
+ ## Roadmap
98
+
99
+ You can request, vote for, and check upcoming features on our [roadmap](https://ark-ui.canny.io/).
100
+
98
101
  ## Contribution
99
102
 
100
- We welcome contributions to `@ark-ui/solid`. Please read our [contributing guidelines](https://github.com/chakra-ui/ark/blob/main/CONTRIBUTING.md) for more information on how to contribute.
103
+ We welcome contributions to Ark UI. Please read our [contributing guidelines](https://github.com/chakra-ui/ark/blob/main/CONTRIBUTING.md) for more information on how to contribute.
101
104
 
102
- ## Licence
105
+ ## License
103
106
 
104
107
  This project is licensed under the terms of the [MIT license](https://github.com/chakra-ui/ark/blob/main/LICENSE).