@rarui/components 1.24.1 → 1.24.2-rc.1

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 (72) hide show
  1. package/custom-elements.json +194 -59
  2. package/dist/index.d.ts +40 -35
  3. package/dist/index.js +41 -37
  4. package/package.json +5 -5
  5. package/src/exhibition/Avatar/CHANGELOG.md +32 -0
  6. package/src/exhibition/Avatar/README.md +15 -0
  7. package/src/exhibition/Badge/CHANGELOG.md +32 -0
  8. package/src/exhibition/Badge/README.md +15 -0
  9. package/src/exhibition/Divider/CHANGELOG.md +26 -0
  10. package/src/exhibition/Divider/README.md +15 -0
  11. package/src/exhibition/Icon/CHANGELOG.md +32 -0
  12. package/src/exhibition/Icon/README.md +15 -0
  13. package/src/exhibition/Label/CHANGELOG.md +38 -0
  14. package/src/exhibition/Label/README.md +15 -0
  15. package/src/exhibition/Stepper/CHANGELOG.md +31 -0
  16. package/src/exhibition/Stepper/README.md +15 -0
  17. package/src/exhibition/Text/CHANGELOG.md +39 -0
  18. package/src/exhibition/Text/README.md +15 -0
  19. package/src/exhibition/Title/CHANGELOG.md +39 -0
  20. package/src/exhibition/Title/README.md +15 -0
  21. package/src/exhibition/Tooltip/CHANGELOG.md +26 -0
  22. package/src/exhibition/Tooltip/README.md +15 -0
  23. package/src/feedback/Progress/CHANGELOG.md +28 -0
  24. package/src/feedback/Progress/README.md +15 -0
  25. package/src/feedback/Skeleton/CHANGELOG.md +26 -0
  26. package/src/feedback/Skeleton/README.md +15 -0
  27. package/src/feedback/Status/CHANGELOG.md +26 -0
  28. package/src/feedback/Status/README.md +15 -0
  29. package/src/input/Button/CHANGELOG.md +59 -0
  30. package/src/input/Button/README.md +15 -0
  31. package/src/input/Checkbox/CHANGELOG.md +45 -0
  32. package/src/input/Checkbox/README.md +15 -0
  33. package/src/input/Chip/CHANGELOG.md +43 -0
  34. package/src/input/Chip/README.md +15 -0
  35. package/src/input/Dropdown/CHANGELOG.md +41 -0
  36. package/src/input/Dropdown/README.md +15 -0
  37. package/src/input/IconButton/CHANGELOG.md +28 -0
  38. package/src/input/IconButton/README.md +15 -0
  39. package/src/input/Input/CHANGELOG.md +46 -0
  40. package/src/input/Input/README.md +44 -0
  41. package/src/input/RadioButton/CHANGELOG.md +28 -0
  42. package/src/input/RadioButton/README.md +15 -0
  43. package/src/input/Select/CHANGELOG.md +43 -0
  44. package/src/input/Select/README.md +13 -0
  45. package/src/input/Textarea/CHANGELOG.md +38 -0
  46. package/src/input/Textarea/README.md +15 -0
  47. package/src/input/Toggle/CHANGELOG.md +28 -0
  48. package/src/input/Toggle/README.md +15 -0
  49. package/src/layout/Box/CHANGELOG.md +50 -0
  50. package/src/layout/Box/README.md +15 -0
  51. package/src/layout/Sidebar/CHANGELOG.md +28 -0
  52. package/src/layout/Sidebar/README.md +109 -0
  53. package/src/navigation/Breadcrumb/CHANGELOG.md +26 -0
  54. package/src/navigation/Breadcrumb/README.md +56 -0
  55. package/src/navigation/Link/CHANGELOG.md +28 -0
  56. package/src/navigation/Link/README.md +15 -0
  57. package/src/navigation/Pagination/CHANGELOG.md +28 -0
  58. package/src/navigation/Pagination/README.md +15 -0
  59. package/src/navigation/SideNavigation/CHANGELOG.md +33 -0
  60. package/src/navigation/SideNavigation/README.md +87 -0
  61. package/src/navigation/Tabs/CHANGELOG.md +40 -0
  62. package/src/navigation/Tabs/README.md +9 -0
  63. package/src/stylization/ThemeProvider/CHANGELOG.md +32 -0
  64. package/src/stylization/ThemeProvider/README.md +56 -0
  65. package/src/surface/Accordion/CHANGELOG.md +28 -0
  66. package/src/surface/Accordion/README.md +93 -0
  67. package/src/surface/Banner/CHANGELOG.md +26 -0
  68. package/src/surface/Banner/README.md +15 -0
  69. package/src/surface/Card/CHANGELOG.md +29 -0
  70. package/src/surface/Card/README.md +15 -0
  71. package/src/surface/Modal/CHANGELOG.md +30 -0
  72. package/src/surface/Modal/README.md +15 -0
@@ -0,0 +1,28 @@
1
+ # Changelog
2
+
3
+ The Accordion component displays a list of expandable sections that users can toggle open or closed.
4
+
5
+ ## 2025-09-04 `1.1.0`
6
+
7
+ #### 🎉 New features
8
+
9
+ - Enhanced accessibility support with comprehensive ARIA attributes (aria-label, aria-labelledby, aria-describedby, aria-expanded, aria-hidden) across Accordion, AccordionHeader, AccordionItem, and AccordionBody subcomponents for improved screen reader compatibility. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
10
+
11
+ ## 2025-09-01 `1.0.0`
12
+
13
+ #### 🎉 New features
14
+
15
+ - Added Accordion web component with support for expandable sections. ([#131](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/131) by [@junior](https://git.rarolabs.com.br/junior))
16
+ - Added AccordionItem component for organizing accordion content. ([#131](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/131) by [@junior](https://git.rarolabs.com.br/junior))
17
+ - Added AccordionHeader component with title, subtitle and icon slot support. ([#131](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/131) by [@junior](https://git.rarolabs.com.br/junior))
18
+ - Added AccordionBody component with configurable padding. ([#131](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/131) by [@junior](https://git.rarolabs.com.br/junior))
19
+
20
+ <!-- #### 🛠 Breaking changes -->
21
+
22
+ <!-- #### 📚 3rd party library updates -->
23
+
24
+ <!-- #### 🎉 New features -->
25
+
26
+ <!-- #### 🐛 Bug fixes -->
27
+
28
+ <!-- #### 💡 Others -->
@@ -0,0 +1,93 @@
1
+ # Accordion
2
+
3
+ The Accordion component displays a list of expandable sections that users can toggle open or closed. It provides an organized way to present large amounts of content in a compact format.
4
+
5
+ ## Installation
6
+
7
+ ```bash
8
+ yarn add @rarui/accordion
9
+ ```
10
+
11
+ ## Usage
12
+
13
+ ```html
14
+ <rarui-accordion selected-default="item-1">
15
+ <rarui-accordion-item index="item-1">
16
+ <rarui-accordion-header title="First Item" size="medium">
17
+ </rarui-accordion-header>
18
+ <rarui-accordion-body padding="base">
19
+ Content of the first accordion item.
20
+ </rarui-accordion-body>
21
+ </rarui-accordion-item>
22
+
23
+ <rarui-accordion-item index="item-2">
24
+ <rarui-accordion-header title="Second Item" subtitle="With subtitle">
25
+ </rarui-accordion-header>
26
+ <rarui-accordion-body>
27
+ Content of the second accordion item.
28
+ </rarui-accordion-body>
29
+ </rarui-accordion-item>
30
+ </rarui-accordion>
31
+ ```
32
+
33
+ ## Custom Content
34
+
35
+ ```html
36
+ <rarui-accordion>
37
+ <rarui-accordion-item index="custom">
38
+ <rarui-accordion-header>
39
+ <my-icon slot="icon"></my-icon>
40
+ Custom header content
41
+ </rarui-accordion-header>
42
+ <rarui-accordion-body>
43
+ Custom body content
44
+ </rarui-accordion-body>
45
+ </rarui-accordion-item>
46
+ </rarui-accordion>
47
+ ```
48
+
49
+ ## API
50
+
51
+ ### rarui-accordion
52
+
53
+ | Property | Type | Default | Description |
54
+ |----------|------|---------|-------------|
55
+ | `selected-default` | `string` | `""` | Index of the item that should be open by default |
56
+ | `disabled` | `boolean` | `false` | Disables the entire accordion |
57
+
58
+ ### rarui-accordion-item
59
+
60
+ | Property | Type | Default | Description |
61
+ |----------|------|---------|-------------|
62
+ | `index` | `string` | `""` | Unique identifier for this item |
63
+
64
+ ### rarui-accordion-header
65
+
66
+ | Property | Type | Default | Description |
67
+ |----------|------|---------|-------------|
68
+ | `title` | `string` | `""` | Main title text |
69
+ | `subtitle` | `string` | `""` | Secondary subtitle text |
70
+ | `size` | `"small" \| "medium" \| "large"` | `"medium"` | Size variant |
71
+ | `no-icon-toggle` | `boolean` | `false` | Hide the toggle arrow icon |
72
+ | `disabled` | `boolean` | `false` | Disable this specific header |
73
+
74
+ #### Slots
75
+ - `icon` - Custom icon element
76
+ - `default` - Custom header content (when not using title/subtitle)
77
+
78
+ ### rarui-accordion-body
79
+
80
+ | Property | Type | Default | Description |
81
+ |----------|------|---------|-------------|
82
+ | `padding` | `"none" \| "base"` | `"base"` | Internal padding of the body |
83
+
84
+ #### Slots
85
+ - `default` - Body content
86
+
87
+ ## Events
88
+
89
+ ### rarui-accordion
90
+
91
+ | Event | Detail | Description |
92
+ |-------|--------|-------------|
93
+ | `accordion-change` | `{ selected: string }` | Fired when an item is expanded or collapsed |
@@ -0,0 +1,26 @@
1
+ # Changelog
2
+
3
+ The Banner component is used to display general messages for the user
4
+
5
+ ## 2025-09-04 `1.1.0`
6
+
7
+ #### 🎉 New features
8
+
9
+ - Added comprehensive accessibility support with ARIA attributes (aria-label, aria-labelledby, aria-describedby) and banner role for screen reader compatibility. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
10
+
11
+ ## 2025-06-23 `1.0.0`
12
+
13
+ #### 🎉 New features
14
+
15
+ - Added `appearance`, `floating` and `closable` property to the Component. ([#120](https://git.rarolabs.com.br/frontend/rarui/pull/120) by [@junior](https://git.rarolabs.com.br/junior))
16
+ - Added stories on Component. ([#120](https://git.rarolabs.com.br/frontend/rarui/pull/120) by [@junior](https://git.rarolabs.com.br/junior))
17
+
18
+ <!-- #### 🛠 Breaking changes -->
19
+
20
+ <!-- #### 📚 3rd party library updates -->
21
+
22
+ <!-- #### 🎉 New features -->
23
+
24
+ <!-- #### 🐛 Bug fixes -->
25
+
26
+ <!-- #### 💡 Others -->
@@ -0,0 +1,15 @@
1
+ # `@rarui/banner`
2
+
3
+ The Banner component is used to display general messages for the user
4
+
5
+ ## Installation
6
+
7
+ ```sh
8
+ $ yarn add @rarui/banner
9
+ # or
10
+ $ npm install @rarui/banner
11
+ ```
12
+
13
+ ## Usage
14
+
15
+ View docs [here]().
@@ -0,0 +1,29 @@
1
+ # Changelog
2
+
3
+ The card component contains textual content, images and actions on a subject.
4
+
5
+ ## 2025-09-04 `1.1.0`
6
+
7
+ #### 🎉 New features
8
+
9
+ - Added comprehensive accessibility support with ARIA attributes (aria-label, aria-labelledby, aria-describedby) for screen reader compatibility across Card and CardHeader subcomponents. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
10
+
11
+ ## 2025-05-28 `1.0.0`
12
+
13
+ #### 🎉 New features
14
+
15
+ - Added `backgroundColor` and `padding` properties to the Component. ([#112](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/112) by [@junior](https://git.rarolabs.com.br/junior))
16
+ - Added stories on Component. ([#112](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/112) by [@junior](https://git.rarolabs.com.br/junior))
17
+ - Created new `rarui-card-header` subcomponent. ([#112](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/112) by [@junior](https://git.rarolabs.com.br/junior))
18
+ - Added `title` and `description` properties to the Component `rarui-card-header`. ([#112](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/112) by [@junior](https://git.rarolabs.com.br/junior))
19
+ - Created new `rarui-card-body` subcomponent. ([#112](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/112) by [@junior](https://git.rarolabs.com.br/junior))
20
+
21
+ <!-- #### 🛠 Breaking changes -->
22
+
23
+ <!-- #### 📚 3rd party library updates -->
24
+
25
+ <!-- #### 🎉 New features -->
26
+
27
+ <!-- #### 🐛 Bug fixes -->
28
+
29
+ <!-- #### 💡 Others -->
@@ -0,0 +1,15 @@
1
+ # `@rarui/checkbox`
2
+
3
+ The Card component contains textual content, images, and actions about a topic.
4
+
5
+ ## Installation
6
+
7
+ ```sh
8
+ $ yarn add @rarui/checkbox
9
+ # or
10
+ $ npm install @rarui/checkbox
11
+ ```
12
+
13
+ ## Usage
14
+
15
+ View docs [here]().
@@ -0,0 +1,30 @@
1
+ # Changelog
2
+
3
+ The modal component provides a base for popovers, suspended forms, tutorials, or any other content above the UI main surface.
4
+
5
+ ## 2025-09-04 `1.1.0`
6
+
7
+ #### 🎉 New features
8
+
9
+ - Added comprehensive accessibility support with ARIA attributes (aria-label, aria-labelledby, aria-describedby) for screen reader compatibility across Modal, ModalHeader, and ModalFooter subcomponents. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
10
+
11
+ ## 2025-07-03 `1.0.0`
12
+
13
+ #### 🎉 New features
14
+
15
+ - Added `padding`, `max-width`, `open`, `portal-id` and `z-index` properties to the Component. ([#125](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/125) by [@junior](https://git.rarolabs.com.br/junior))
16
+ - Added stories on Component. ([#125](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/125) by [@junior](https://git.rarolabs.com.br/junior))
17
+ - Created new `raraui-modal-header` subcomponent. ([#125](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/125) by [@junior](https://git.rarolabs.com.br/junior))
18
+ - Added `subtitle` and `title` properties to the Component `raraui-modal-header`. ([#125](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/125) by [@junior](https://git.rarolabs.com.br/junior))
19
+ - Created new `rarui-modal-footer` subcomponent. ([#125](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/125) by [@junior](https://git.rarolabs.com.br/junior))
20
+ - Added `slot` property to the Component `rarui-modal-footer`. ([#125](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/125) by [@junior](https://git.rarolabs.com.br/junior))
21
+
22
+ <!-- #### 🛠 Breaking changes -->
23
+
24
+ <!-- #### 📚 3rd party library updates -->
25
+
26
+ <!-- #### 🎉 New features -->
27
+
28
+ <!-- #### 🐛 Bug fixes -->
29
+
30
+ <!-- #### 💡 Others -->
@@ -0,0 +1,15 @@
1
+ # `@rarui/modal`
2
+
3
+ The modal component provides a base for popovers, suspended forms, tutorials, or any other content above the UI main surface.
4
+
5
+ ## Installation
6
+
7
+ ```sh
8
+ $ yarn add @rarui/modal
9
+ # or
10
+ $ npm install @rarui/modal
11
+ ```
12
+
13
+ ## Usage
14
+
15
+ View docs [here]().