@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.
- package/custom-elements.json +194 -59
- package/dist/index.d.ts +40 -35
- package/dist/index.js +41 -37
- 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
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rarui/components",
|
|
3
|
-
"version": "1.24.1",
|
|
3
|
+
"version": "1.24.2-rc.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"type": "module",
|
|
@@ -13,10 +13,9 @@
|
|
|
13
13
|
],
|
|
14
14
|
"scripts": {
|
|
15
15
|
"build": "yarn g:rollup packages/implementations/web-components",
|
|
16
|
-
"build:docs": "yarn g:
|
|
16
|
+
"build:docs": "yarn g:babel-node -x .ts ./packages/docs/src/generators/web-components-manifest.ts",
|
|
17
17
|
"clean": "rm -rf dist && rm -rf storybook-static",
|
|
18
18
|
"version": "yarn version",
|
|
19
|
-
"analyze": "yarn g:generate:manifest .",
|
|
20
19
|
"storybook:build": "yarn storybook:prebuild && yarn g:storybook build --config-dir ./packages/implementations/web-components/.storybook -o ./packages/implementations/web-components/storybook-static",
|
|
21
20
|
"storybook:prebuild": "node .storybook/inject-cdn.mjs",
|
|
22
21
|
"storybook:dev": "yarn g:storybook dev -p 6008 --config-dir ./packages/implementations/web-components/.storybook",
|
|
@@ -36,6 +35,7 @@
|
|
|
36
35
|
"@rarui/typings": "^2.2.0"
|
|
37
36
|
},
|
|
38
37
|
"devDependencies": {
|
|
39
|
-
"@rarui/
|
|
40
|
-
}
|
|
38
|
+
"@rarui/tools": "^1.0.0"
|
|
39
|
+
},
|
|
40
|
+
"stableVersion": "1.24.1"
|
|
41
41
|
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
The Avatar component is typically used to display user profile pictures.
|
|
4
|
+
|
|
5
|
+
## 2025-09-05 `1.3.0`
|
|
6
|
+
|
|
7
|
+
#### 🎉 New features
|
|
8
|
+
|
|
9
|
+
- Enhanced Avatar component with comprehensive accessibility improvements including proper ARIA attributes (aria-label, aria-labelledby, aria-describedby) and semantic role implementation for screen reader support when displaying user profile information. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
10
|
+
|
|
11
|
+
## 2025-05-27 `1.2.0`
|
|
12
|
+
|
|
13
|
+
#### 🎉 New features
|
|
14
|
+
|
|
15
|
+
- Added the `custom-elements.json` file to the package for automatic documentation tools and web component support editors. ([#110](https://git.rarolabs.com.br/frontend/rarui/pull/110) by [@junior](https://git.rarolabs.com.br/junior))
|
|
16
|
+
|
|
17
|
+
## 2025-05-23 `1.1.0`
|
|
18
|
+
|
|
19
|
+
#### 🎉 New features
|
|
20
|
+
|
|
21
|
+
- Added `size` property to the Component. ([#109](https://git.rarolabs.com.br/frontend/rarui/pull/109) by [@junior](https://git.rarolabs.com.br/junior))
|
|
22
|
+
- Added stories on Component. ([#109](https://git.rarolabs.com.br/frontend/rarui/pull/109) by [@junior](https://git.rarolabs.com.br/junior))
|
|
23
|
+
|
|
24
|
+
<!-- #### 🛠 Breaking changes -->
|
|
25
|
+
|
|
26
|
+
<!-- #### 📚 3rd party library updates -->
|
|
27
|
+
|
|
28
|
+
<!-- #### 🎉 New features -->
|
|
29
|
+
|
|
30
|
+
<!-- #### 🐛 Bug fixes -->
|
|
31
|
+
|
|
32
|
+
<!-- #### 💡 Others -->
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
Badge components are used to convey dynamic information, such as a count or status.
|
|
4
|
+
|
|
5
|
+
## 2025-09-04 `1.3.0`
|
|
6
|
+
|
|
7
|
+
#### 🎉 New features
|
|
8
|
+
|
|
9
|
+
- Enhanced accessibility with ARIA attributes and semantic role="status" for screen reader support. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
10
|
+
|
|
11
|
+
## 2025-05-27 `1.2.0`
|
|
12
|
+
|
|
13
|
+
#### 🎉 New features
|
|
14
|
+
|
|
15
|
+
- Added the `custom-elements.json` file to the package for automatic documentation tools and web component support editors. ([#110](https://git.rarolabs.com.br/frontend/rarui/pull/110) by [@junior](https://git.rarolabs.com.br/junior))
|
|
16
|
+
|
|
17
|
+
## 2025-05-23 `1.1.0`
|
|
18
|
+
|
|
19
|
+
#### 🎉 New features
|
|
20
|
+
|
|
21
|
+
- Added `appearance`, `variant` and `size` properties to the Component. ([#109](https://git.rarolabs.com.br/frontend/rarui/pull/109) by [@junior](https://git.rarolabs.com.br/junior))
|
|
22
|
+
- Added stories on Component. ([#109](https://git.rarolabs.com.br/frontend/rarui/pull/109) by [@junior](https://git.rarolabs.com.br/junior))
|
|
23
|
+
|
|
24
|
+
<!-- #### 🛠 Breaking changes -->
|
|
25
|
+
|
|
26
|
+
<!-- #### 📚 3rd party library updates -->
|
|
27
|
+
|
|
28
|
+
<!-- #### 🎉 New features -->
|
|
29
|
+
|
|
30
|
+
<!-- #### 🐛 Bug fixes -->
|
|
31
|
+
|
|
32
|
+
<!-- #### 💡 Others -->
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
# `@rarui/text`
|
|
2
|
+
|
|
3
|
+
Text is a basic component that allows us to write blocks of text and give it formatting to use within other components, sections and pages of our application or website.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
$ yarn add @rarui/text
|
|
9
|
+
# or
|
|
10
|
+
$ npm install @rarui/text
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
View docs [here]().
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
A Divider is a thin line used to separate or group content into lists and layouts.
|
|
4
|
+
|
|
5
|
+
## 2025-09-04 `1.1.0`
|
|
6
|
+
|
|
7
|
+
#### 🎉 New features
|
|
8
|
+
|
|
9
|
+
- Enhanced accessibility with ARIA attributes and semantic role="separator" with orientation support for screen reader support. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
10
|
+
|
|
11
|
+
## 2025-05-27 `1.0.0`
|
|
12
|
+
|
|
13
|
+
#### 🎉 New features
|
|
14
|
+
|
|
15
|
+
- Added `size`, `type`, `color`, `thickness` and `direction` property to the Component. ([#111](https://git.rarolabs.com.br/frontend/rarui/pull/111) by [@junior](https://git.rarolabs.com.br/junior))
|
|
16
|
+
- Added stories on Component. ([#111](https://git.rarolabs.com.br/frontend/rarui/pull/111) 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,32 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
Icons are used to visually communicate core parts of the product and available actions. They can act as wayfinding tools to help merchants more easily understand where they are in the product, and common interaction patterns that are available.
|
|
4
|
+
|
|
5
|
+
## 2025-09-04 `1.2.0`
|
|
6
|
+
|
|
7
|
+
#### 🎉 New features
|
|
8
|
+
|
|
9
|
+
- Enhanced accessibility with ARIA attributes and smart aria-hidden behavior for decorative vs meaningful icons. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
10
|
+
|
|
11
|
+
## 2025-06-13 `1.1.0`
|
|
12
|
+
|
|
13
|
+
#### 🎉 New features
|
|
14
|
+
|
|
15
|
+
- Added `name` and `size` properties to the Component. ([#116](https://git.rarolabs.com.br/frontend/rarui/pull/116) by [@junior](https://git.rarolabs.com.br/junior))
|
|
16
|
+
|
|
17
|
+
## 2025-06-02 `1.0.0`
|
|
18
|
+
|
|
19
|
+
#### 🎉 New features
|
|
20
|
+
|
|
21
|
+
- Added `color` and `cursor` properties to the Component. ([#114](https://git.rarolabs.com.br/frontend/rarui/pull/114) by [@junior](https://git.rarolabs.com.br/junior))
|
|
22
|
+
- Added stories on Component. ([#114](https://git.rarolabs.com.br/frontend/rarui/pull/114) by [@junior](https://git.rarolabs.com.br/junior))
|
|
23
|
+
|
|
24
|
+
<!-- #### 🛠 Breaking changes -->
|
|
25
|
+
|
|
26
|
+
<!-- #### 📚 3rd party library updates -->
|
|
27
|
+
|
|
28
|
+
<!-- #### 🎉 New features -->
|
|
29
|
+
|
|
30
|
+
<!-- #### 🐛 Bug fixes -->
|
|
31
|
+
|
|
32
|
+
<!-- #### 💡 Others -->
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
# `@rarui/icon`
|
|
2
|
+
|
|
3
|
+
Icons are used to visually communicate core parts of the product and available actions. They can act as wayfinding tools to help merchants more easily understand where they are in the product, and common interaction patterns that are available.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
$ yarn add @rarui/icon
|
|
9
|
+
# or
|
|
10
|
+
$ npm install @rarui/icon
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
View docs [here]().
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
The label component allows us to name elements within a form.
|
|
4
|
+
|
|
5
|
+
## 2025-09-18 `1.4.0`
|
|
6
|
+
|
|
7
|
+
#### 🎉 New features
|
|
8
|
+
|
|
9
|
+
- Enhanced form integration with standardized `for` attribute (replacing `htmlFor`) for proper HTML label semantics. ([#135](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/135) by [@junior](https://git.rarolabs.com.br/junior))
|
|
10
|
+
- Added automatic form control association with custom `rarui-label-click` event for seamless label-to-control communication. ([#135](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/135) by [@junior](https://git.rarolabs.com.br/junior))
|
|
11
|
+
- Implemented click handler for programmatic focus management on associated form elements. ([#135](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/135) by [@junior](https://git.rarolabs.com.br/junior))
|
|
12
|
+
|
|
13
|
+
#### 🛠 Breaking changes
|
|
14
|
+
|
|
15
|
+
- Changed `htmlFor` property to `for` to align with standard HTML label attribute. ([#135](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/135) by [@junior](https://git.rarolabs.com.br/junior))
|
|
16
|
+
|
|
17
|
+
## 2025-09-04 `1.3.0`
|
|
18
|
+
|
|
19
|
+
#### 🎉 New features
|
|
20
|
+
|
|
21
|
+
- Enhanced accessibility with ARIA attributes for screen reader support. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
22
|
+
|
|
23
|
+
## 2025-06-26 `1.2.0`
|
|
24
|
+
|
|
25
|
+
#### 🎉 New features
|
|
26
|
+
|
|
27
|
+
- Added `htmlFor` and `hidden` property to the Component. ([#122](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/122) by [@junior](https://git.rarolabs.com.br/junior))
|
|
28
|
+
- Added stories on Component. ([#122](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/122) by [@junior](https://git.rarolabs.com.br/junior))
|
|
29
|
+
|
|
30
|
+
<!-- #### 🛠 Breaking changes -->
|
|
31
|
+
|
|
32
|
+
<!-- #### 📚 3rd party library updates -->
|
|
33
|
+
|
|
34
|
+
<!-- #### 🎉 New features -->
|
|
35
|
+
|
|
36
|
+
<!-- #### 🐛 Bug fixes -->
|
|
37
|
+
|
|
38
|
+
<!-- #### 💡 Others -->
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
The Stepper component facilitates the sequential navigation of multi-step forms by visually representing each step's progression.
|
|
4
|
+
|
|
5
|
+
## 2025-09-04 `1.1.0`
|
|
6
|
+
|
|
7
|
+
#### 🎉 New features
|
|
8
|
+
|
|
9
|
+
- Enhanced accessibility with ARIA attributes, semantic roles, and orientation support for screen reader navigation. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
10
|
+
- Added accessibility support to `rarui-stepper-step` with aria-current and listitem roles. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
11
|
+
- Fixed missing `title` property declaration in `rarui-stepper-step` component. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
12
|
+
|
|
13
|
+
## 2025-06-17 `1.0.0`
|
|
14
|
+
|
|
15
|
+
#### 🎉 New features
|
|
16
|
+
|
|
17
|
+
- Added `direction` property to the Component. ([#118](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/118) by [@junior](https://git.rarolabs.com.br/junior))
|
|
18
|
+
- Added stories on Component. ([#118](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/118) by [@junior](https://git.rarolabs.com.br/junior))
|
|
19
|
+
- Created new `rarui-stepper-step` subcomponent. ([#118](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/118) by [@junior](https://git.rarolabs.com.br/junior))
|
|
20
|
+
- Added `title`, `description`, `active` and `done` properties to the Component `rarui-stepper-step`. ([#118](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/118) by [@junior](https://git.rarolabs.com.br/junior))
|
|
21
|
+
- Added stories on `rarui-stepper-step` subcomponent. ([#118](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/118) by [@junior](https://git.rarolabs.com.br/junior))
|
|
22
|
+
|
|
23
|
+
<!-- #### 🛠 Breaking changes -->
|
|
24
|
+
|
|
25
|
+
<!-- #### 📚 3rd party library updates -->
|
|
26
|
+
|
|
27
|
+
<!-- #### 🎉 New features -->
|
|
28
|
+
|
|
29
|
+
<!-- #### 🐛 Bug fixes -->
|
|
30
|
+
|
|
31
|
+
<!-- #### 💡 Others -->
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
# `@rarui/stepper`
|
|
2
|
+
|
|
3
|
+
The Stepper component facilitates the sequential navigation of multi-step forms by visually representing each step's progression.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
$ yarn add @rarui/stepper
|
|
9
|
+
# or
|
|
10
|
+
$ npm install @rarui/stepper
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
View docs [here]().
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
Text is a basic component that allows us to write blocks of text and give it formatting to use within other components, sections and pages of our application or website.
|
|
4
|
+
|
|
5
|
+
## 2025-09-04 `1.3.0`
|
|
6
|
+
|
|
7
|
+
#### 🎉 New features
|
|
8
|
+
|
|
9
|
+
- Added `as` property for semantic HTML element selection with dynamic tag rendering. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
10
|
+
- Enhanced accessibility with ARIA attributes for screen reader support. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
11
|
+
|
|
12
|
+
## 2025-05-27 `1.2.0`
|
|
13
|
+
|
|
14
|
+
#### 🎉 New features
|
|
15
|
+
|
|
16
|
+
- Added the `custom-elements.json` file to the package for automatic documentation tools and web component support editors. ([#110](https://git.rarolabs.com.br/frontend/rarui/pull/110) by [@junior](https://git.rarolabs.com.br/junior))
|
|
17
|
+
|
|
18
|
+
## 2025-05-23 `1.1.0`
|
|
19
|
+
|
|
20
|
+
#### 🎉 New features
|
|
21
|
+
|
|
22
|
+
- Adjusted the creation of components for `lit` use to `stencil` Inves. ([#109](https://git.rarolabs.com.br/frontend/rarui/pull/109) by [@junior](https://git.rarolabs.com.br/junior))
|
|
23
|
+
|
|
24
|
+
## 2024-08-06 `1.0.0`
|
|
25
|
+
|
|
26
|
+
#### 🎉 New features
|
|
27
|
+
|
|
28
|
+
- Added `color`, `as`, `lineClamp`, `fontWeight`, `fontSize`, `lineHeight`, `width`, `textAlign`, `textOverflow`, `textTransform`, `whiteSpace`, `wordBreak`, `overflow` and `textDecoration` properties to the Component. ([#87](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/87) by [@junior](https://git.rarolabs.com.br/junior))
|
|
29
|
+
- Added stories on Component. ([#87](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/87) by [@junior](https://git.rarolabs.com.br/junior))
|
|
30
|
+
|
|
31
|
+
<!-- #### 🛠 Breaking changes -->
|
|
32
|
+
|
|
33
|
+
<!-- #### 📚 3rd party library updates -->
|
|
34
|
+
|
|
35
|
+
<!-- #### 🎉 New features -->
|
|
36
|
+
|
|
37
|
+
<!-- #### 🐛 Bug fixes -->
|
|
38
|
+
|
|
39
|
+
<!-- #### 💡 Others -->
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
# `@rarui/text`
|
|
2
|
+
|
|
3
|
+
Text is a basic component that allows us to write blocks of text and give it formatting to use within other components, sections and pages of our application or website.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
$ yarn add @rarui/text
|
|
9
|
+
# or
|
|
10
|
+
$ npm install @rarui/text
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
View docs [here]().
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
Tilte is a basic component that allows you to give titles and more hierarchy to blocks of text for sections or header components.
|
|
4
|
+
|
|
5
|
+
## 2025-09-04 `1.3.0`
|
|
6
|
+
|
|
7
|
+
#### 🎉 New features
|
|
8
|
+
|
|
9
|
+
- Added `as` property for semantic heading element selection with dynamic tag rendering (h1-h6). ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
10
|
+
- Enhanced accessibility with ARIA attributes for screen reader support. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
11
|
+
|
|
12
|
+
## 2025-05-27 `1.2.0`
|
|
13
|
+
|
|
14
|
+
#### 🎉 New features
|
|
15
|
+
|
|
16
|
+
- Added the `custom-elements.json` file to the package for automatic documentation tools and web component support editors. ([#110](https://git.rarolabs.com.br/frontend/rarui/pull/110) by [@junior](https://git.rarolabs.com.br/junior))
|
|
17
|
+
|
|
18
|
+
## 2025-05-23 `1.1.0`
|
|
19
|
+
|
|
20
|
+
#### 🎉 New features
|
|
21
|
+
|
|
22
|
+
- Adjusted the creation of components for `lit` use to `stencil` Inves. ([#109](https://git.rarolabs.com.br/frontend/rarui/pull/109) by [@junior](https://git.rarolabs.com.br/junior))
|
|
23
|
+
|
|
24
|
+
## 2024-08-06 `1.0.0`
|
|
25
|
+
|
|
26
|
+
#### 🎉 New features
|
|
27
|
+
|
|
28
|
+
- Added `color`, `as`, `fontWeight`, `fontSize`, `lineHeight`, `textAlign`, `textTransform` and `textDecoration` properties to the Component. ([#87](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/87) by [@junior](https://git.rarolabs.com.br/junior))
|
|
29
|
+
- Added stories on Component. ([#87](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/87) by [@junior](https://git.rarolabs.com.br/junior))
|
|
30
|
+
|
|
31
|
+
<!-- #### 🛠 Breaking changes -->
|
|
32
|
+
|
|
33
|
+
<!-- #### 📚 3rd party library updates -->
|
|
34
|
+
|
|
35
|
+
<!-- #### 🎉 New features -->
|
|
36
|
+
|
|
37
|
+
<!-- #### 🐛 Bug fixes -->
|
|
38
|
+
|
|
39
|
+
<!-- #### 💡 Others -->
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
# `@rarui/title`
|
|
2
|
+
|
|
3
|
+
Tilte is a basic component that allows you to give titles and more hierarchy to blocks of text for sections or header components.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
$ yarn add @rarui/title
|
|
9
|
+
# or
|
|
10
|
+
$ npm install @rarui/title
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
View docs [here]().
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
Tooltip are informative, specific, and action -oriented text labels that provide contextual support.
|
|
4
|
+
|
|
5
|
+
## 2025-09-04 `1.1.0`
|
|
6
|
+
|
|
7
|
+
#### 🎉 New features
|
|
8
|
+
|
|
9
|
+
- Enhanced accessibility with ARIA attributes for screen reader support on reference container. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
10
|
+
|
|
11
|
+
## 2025-05-27 `1.0.0`
|
|
12
|
+
|
|
13
|
+
#### 🎉 New features
|
|
14
|
+
|
|
15
|
+
- Added `enabled-hover`, `content`, `children`, `visible`, `onVisibility`, `arrow`, `match-referenceWidth`, `position`, `enabled-click`, `enabled-dismiss`, `offset`, `padding` and `inverted` property to the Component. ([#115](https://git.rarolabs.com.br/frontend/rarui/pull/115) by [@junior](https://git.rarolabs.com.br/junior))
|
|
16
|
+
- Added stories on Component. ([#115](https://git.rarolabs.com.br/frontend/rarui/pull/115) 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/tooltip`
|
|
2
|
+
|
|
3
|
+
Tooltip are informative, specific, and action -oriented text labels that provide contextual support.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
$ yarn add @rarui/tooltip
|
|
9
|
+
# or
|
|
10
|
+
$ npm install @rarui/tooltip
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
View docs [here]().
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
Progress indicators express an unspecified waiting time or display the duration of a process.
|
|
4
|
+
|
|
5
|
+
## 2025-09-04 `1.2.0`
|
|
6
|
+
|
|
7
|
+
#### 🎉 New features
|
|
8
|
+
|
|
9
|
+
- Enhanced accessibility for `rarui-progress-circle` with role="progressbar" and comprehensive ARIA attributes. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
10
|
+
- Added aria-hidden to SVG elements for better screen reader compatibility. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
11
|
+
|
|
12
|
+
## 2025-06-02 `1.1.0`
|
|
13
|
+
|
|
14
|
+
#### 🎉 New features
|
|
15
|
+
|
|
16
|
+
- Added `percentage` and `color` properties to the Component. ([#114](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/114) by [@junior](https://git.rarolabs.com.br/junior))
|
|
17
|
+
- Added stories on Component. ([#114](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/114) by [@junior](https://git.rarolabs.com.br/junior))
|
|
18
|
+
- Created new `rarui-progress-circle` subcomponent. ([#114](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/114) by [@junior](https://git.rarolabs.com.br/junior))
|
|
19
|
+
- Added `percentage`, `color` and `size` properties to the Component `rarui-progress-circle`. ([#114](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/114) by [@junior](https://git.rarolabs.com.br/junior))
|
|
20
|
+
<!-- #### 🛠 Breaking changes -->
|
|
21
|
+
|
|
22
|
+
<!-- #### 📚 3rd party library updates -->
|
|
23
|
+
|
|
24
|
+
<!-- #### 🎉 New features -->
|
|
25
|
+
|
|
26
|
+
<!-- #### 🐛 Bug fixes -->
|
|
27
|
+
|
|
28
|
+
<!-- #### 💡 Others -->
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
# `@rarui/progress`
|
|
2
|
+
|
|
3
|
+
Progress indicators express an unspecified waiting time or display the duration of a process.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
$ yarn add @rarui/progress
|
|
9
|
+
# or
|
|
10
|
+
$ npm install @rarui/progress
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
View docs [here]().
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
The skeleton is a basic component that displays a placeholder preview of its content before the data is loaded, reducing the feeling of slow loading time.
|
|
4
|
+
|
|
5
|
+
## 2025-09-04 `1.1.0`
|
|
6
|
+
|
|
7
|
+
#### 🎉 New features
|
|
8
|
+
|
|
9
|
+
- Enhanced accessibility with role="status", aria-busy state, and default loading message for screen reader support. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
10
|
+
|
|
11
|
+
## 2025-05-27 `1.0.0`
|
|
12
|
+
|
|
13
|
+
#### 🎉 New features
|
|
14
|
+
|
|
15
|
+
- Added `data-testid`, `border-radius`, `width`, `height`, `max-width`, `max-height`, `min-width` and `min-height` property to the Component. ([#111](https://git.rarolabs.com.br/frontend/rarui/pull/111) by [@junior](https://git.rarolabs.com.br/junior))
|
|
16
|
+
- Added stories on Component. ([#111](https://git.rarolabs.com.br/frontend/rarui/pull/111) 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/skeleton`
|
|
2
|
+
|
|
3
|
+
The Skeleton component allows us to visually communicate the loading of other components.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
$ yarn add @rarui/skeleton
|
|
9
|
+
# or
|
|
10
|
+
$ npm install @rarui/skeleton
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
View docs [here]().
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
Status components display the state or condition of a system, item, or process, providing users with important contextual information.
|
|
4
|
+
|
|
5
|
+
## 2025-09-04 `1.1.0`
|
|
6
|
+
|
|
7
|
+
#### 🎉 New features
|
|
8
|
+
|
|
9
|
+
- Enhanced accessibility with role="status" and ARIA attributes for screen reader support. ([#134](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/134) by [@junior](https://git.rarolabs.com.br/junior))
|
|
10
|
+
|
|
11
|
+
## 2025-06-18 `1.0.0`
|
|
12
|
+
|
|
13
|
+
#### 🎉 New features
|
|
14
|
+
|
|
15
|
+
- Added `dot`, `appearance`, `size`, `variant` and `full` property to the Component. ([#119](https://git.rarolabs.com.br/frontend/rarui/pull/119) by [@junior](https://git.rarolabs.com.br/junior))
|
|
16
|
+
- Added stories on Component. ([#119](https://git.rarolabs.com.br/frontend/rarui/pull/119) 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 -->
|