@rarui/components 1.24.0 → 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 (73) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/custom-elements.json +194 -59
  3. package/dist/index.d.ts +82 -56
  4. package/dist/index.js +97 -87
  5. package/package.json +6 -6
  6. package/src/exhibition/Avatar/CHANGELOG.md +32 -0
  7. package/src/exhibition/Avatar/README.md +15 -0
  8. package/src/exhibition/Badge/CHANGELOG.md +32 -0
  9. package/src/exhibition/Badge/README.md +15 -0
  10. package/src/exhibition/Divider/CHANGELOG.md +26 -0
  11. package/src/exhibition/Divider/README.md +15 -0
  12. package/src/exhibition/Icon/CHANGELOG.md +32 -0
  13. package/src/exhibition/Icon/README.md +15 -0
  14. package/src/exhibition/Label/CHANGELOG.md +38 -0
  15. package/src/exhibition/Label/README.md +15 -0
  16. package/src/exhibition/Stepper/CHANGELOG.md +31 -0
  17. package/src/exhibition/Stepper/README.md +15 -0
  18. package/src/exhibition/Text/CHANGELOG.md +39 -0
  19. package/src/exhibition/Text/README.md +15 -0
  20. package/src/exhibition/Title/CHANGELOG.md +39 -0
  21. package/src/exhibition/Title/README.md +15 -0
  22. package/src/exhibition/Tooltip/CHANGELOG.md +26 -0
  23. package/src/exhibition/Tooltip/README.md +15 -0
  24. package/src/feedback/Progress/CHANGELOG.md +28 -0
  25. package/src/feedback/Progress/README.md +15 -0
  26. package/src/feedback/Skeleton/CHANGELOG.md +26 -0
  27. package/src/feedback/Skeleton/README.md +15 -0
  28. package/src/feedback/Status/CHANGELOG.md +26 -0
  29. package/src/feedback/Status/README.md +15 -0
  30. package/src/input/Button/CHANGELOG.md +59 -0
  31. package/src/input/Button/README.md +15 -0
  32. package/src/input/Checkbox/CHANGELOG.md +45 -0
  33. package/src/input/Checkbox/README.md +15 -0
  34. package/src/input/Chip/CHANGELOG.md +43 -0
  35. package/src/input/Chip/README.md +15 -0
  36. package/src/input/Dropdown/CHANGELOG.md +41 -0
  37. package/src/input/Dropdown/README.md +15 -0
  38. package/src/input/IconButton/CHANGELOG.md +28 -0
  39. package/src/input/IconButton/README.md +15 -0
  40. package/src/input/Input/CHANGELOG.md +46 -0
  41. package/src/input/Input/README.md +44 -0
  42. package/src/input/RadioButton/CHANGELOG.md +28 -0
  43. package/src/input/RadioButton/README.md +15 -0
  44. package/src/input/Select/CHANGELOG.md +43 -0
  45. package/src/input/Select/README.md +13 -0
  46. package/src/input/Textarea/CHANGELOG.md +38 -0
  47. package/src/input/Textarea/README.md +15 -0
  48. package/src/input/Toggle/CHANGELOG.md +28 -0
  49. package/src/input/Toggle/README.md +15 -0
  50. package/src/layout/Box/CHANGELOG.md +50 -0
  51. package/src/layout/Box/README.md +15 -0
  52. package/src/layout/Sidebar/CHANGELOG.md +28 -0
  53. package/src/layout/Sidebar/README.md +109 -0
  54. package/src/navigation/Breadcrumb/CHANGELOG.md +26 -0
  55. package/src/navigation/Breadcrumb/README.md +56 -0
  56. package/src/navigation/Link/CHANGELOG.md +28 -0
  57. package/src/navigation/Link/README.md +15 -0
  58. package/src/navigation/Pagination/CHANGELOG.md +28 -0
  59. package/src/navigation/Pagination/README.md +15 -0
  60. package/src/navigation/SideNavigation/CHANGELOG.md +33 -0
  61. package/src/navigation/SideNavigation/README.md +87 -0
  62. package/src/navigation/Tabs/CHANGELOG.md +40 -0
  63. package/src/navigation/Tabs/README.md +9 -0
  64. package/src/stylization/ThemeProvider/CHANGELOG.md +32 -0
  65. package/src/stylization/ThemeProvider/README.md +56 -0
  66. package/src/surface/Accordion/CHANGELOG.md +28 -0
  67. package/src/surface/Accordion/README.md +93 -0
  68. package/src/surface/Banner/CHANGELOG.md +26 -0
  69. package/src/surface/Banner/README.md +15 -0
  70. package/src/surface/Card/CHANGELOG.md +29 -0
  71. package/src/surface/Card/README.md +15 -0
  72. package/src/surface/Modal/CHANGELOG.md +30 -0
  73. 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.0",
3
+ "version": "1.24.2-rc.1",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "type": "module",
@@ -12,11 +12,10 @@
12
12
  "custom-elements.json"
13
13
  ],
14
14
  "scripts": {
15
- "build": "yarn analyze && yarn g:rollup packages/implementations/web-components && yarn analyze",
16
- "build:docs": "yarn g:generate:manifest .",
15
+ "build": "yarn g:rollup packages/implementations/web-components",
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/rollup": "^1.1.0"
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,15 @@
1
+ # `@rarui/avatar`
2
+
3
+ The Avatar component is typically used to display user profile pictures.
4
+
5
+ ## Installation
6
+
7
+ ```sh
8
+ $ yarn add @rarui/avatar
9
+ # or
10
+ $ npm install @rarui/avatar
11
+ ```
12
+
13
+ ## Usage
14
+
15
+ View docs [here]().
@@ -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,15 @@
1
+ # `@rarui/divider`
2
+
3
+ A Divider is a thin line used to separate or group content into lists and layouts.
4
+
5
+ ## Installation
6
+
7
+ ```sh
8
+ $ yarn add @rarui/divider
9
+ # or
10
+ $ npm install @rarui/divider
11
+ ```
12
+
13
+ ## Usage
14
+
15
+ View docs [here]().
@@ -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,15 @@
1
+ # `@rarui/label`
2
+
3
+ The label component allows us to name elements within a form.
4
+
5
+ ## Installation
6
+
7
+ ```sh
8
+ $ yarn add @rarui/label
9
+ # or
10
+ $ npm install @rarui/label
11
+ ```
12
+
13
+ ## Usage
14
+
15
+ View docs [here]().
@@ -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 -->
@@ -0,0 +1,15 @@
1
+ # `@rarui/status`
2
+
3
+ Status are used to indicate the current state of a process.
4
+
5
+ ## Installation
6
+
7
+ ```sh
8
+ $ yarn add @rarui/status
9
+ # or
10
+ $ npm install @rarui/status
11
+ ```
12
+
13
+ ## Usage
14
+
15
+ View docs [here]().