@rarui/components 1.24.1 → 1.24.2-rc.2
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.
- package/custom-elements.json +194 -59
- package/dist/index.d.ts +40 -35
- package/dist/index.js +42 -40
- package/package.json +5 -5
- package/src/exhibition/Avatar/CHANGELOG.md +32 -0
- package/src/exhibition/Avatar/README.md +15 -0
- package/src/exhibition/Badge/CHANGELOG.md +32 -0
- package/src/exhibition/Badge/README.md +15 -0
- package/src/exhibition/Divider/CHANGELOG.md +26 -0
- package/src/exhibition/Divider/README.md +15 -0
- package/src/exhibition/Icon/CHANGELOG.md +32 -0
- package/src/exhibition/Icon/README.md +15 -0
- package/src/exhibition/Label/CHANGELOG.md +38 -0
- package/src/exhibition/Label/README.md +15 -0
- package/src/exhibition/Stepper/CHANGELOG.md +31 -0
- package/src/exhibition/Stepper/README.md +15 -0
- package/src/exhibition/Text/CHANGELOG.md +39 -0
- package/src/exhibition/Text/README.md +15 -0
- package/src/exhibition/Title/CHANGELOG.md +39 -0
- package/src/exhibition/Title/README.md +15 -0
- package/src/exhibition/Tooltip/CHANGELOG.md +26 -0
- package/src/exhibition/Tooltip/README.md +15 -0
- package/src/feedback/Progress/CHANGELOG.md +28 -0
- package/src/feedback/Progress/README.md +15 -0
- package/src/feedback/Skeleton/CHANGELOG.md +26 -0
- package/src/feedback/Skeleton/README.md +15 -0
- package/src/feedback/Status/CHANGELOG.md +26 -0
- package/src/feedback/Status/README.md +15 -0
- package/src/input/Button/CHANGELOG.md +59 -0
- package/src/input/Button/README.md +15 -0
- package/src/input/Checkbox/CHANGELOG.md +45 -0
- package/src/input/Checkbox/README.md +15 -0
- package/src/input/Chip/CHANGELOG.md +43 -0
- package/src/input/Chip/README.md +15 -0
- package/src/input/Dropdown/CHANGELOG.md +41 -0
- package/src/input/Dropdown/README.md +15 -0
- package/src/input/IconButton/CHANGELOG.md +28 -0
- package/src/input/IconButton/README.md +15 -0
- package/src/input/Input/CHANGELOG.md +46 -0
- package/src/input/Input/README.md +44 -0
- package/src/input/RadioButton/CHANGELOG.md +28 -0
- package/src/input/RadioButton/README.md +15 -0
- package/src/input/Select/CHANGELOG.md +43 -0
- package/src/input/Select/README.md +13 -0
- package/src/input/Textarea/CHANGELOG.md +38 -0
- package/src/input/Textarea/README.md +15 -0
- package/src/input/Toggle/CHANGELOG.md +28 -0
- package/src/input/Toggle/README.md +15 -0
- package/src/layout/Box/CHANGELOG.md +50 -0
- package/src/layout/Box/README.md +15 -0
- package/src/layout/Sidebar/CHANGELOG.md +28 -0
- package/src/layout/Sidebar/README.md +109 -0
- package/src/navigation/Breadcrumb/CHANGELOG.md +26 -0
- package/src/navigation/Breadcrumb/README.md +56 -0
- package/src/navigation/Link/CHANGELOG.md +28 -0
- package/src/navigation/Link/README.md +15 -0
- package/src/navigation/Pagination/CHANGELOG.md +28 -0
- package/src/navigation/Pagination/README.md +15 -0
- package/src/navigation/SideNavigation/CHANGELOG.md +33 -0
- package/src/navigation/SideNavigation/README.md +87 -0
- package/src/navigation/Tabs/CHANGELOG.md +40 -0
- package/src/navigation/Tabs/README.md +9 -0
- package/src/stylization/ThemeProvider/CHANGELOG.md +32 -0
- package/src/stylization/ThemeProvider/README.md +56 -0
- package/src/surface/Accordion/CHANGELOG.md +28 -0
- package/src/surface/Accordion/README.md +93 -0
- package/src/surface/Banner/CHANGELOG.md +26 -0
- package/src/surface/Banner/README.md +15 -0
- package/src/surface/Card/CHANGELOG.md +29 -0
- package/src/surface/Card/README.md +15 -0
- package/src/surface/Modal/CHANGELOG.md +30 -0
- 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,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,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]().
|