@rarui/typings 2.2.0 → 2.4.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 This package is intended for internal use in creating components with polymorphic typing.
 
+## 2025-10-16 `2.24.0`
+
+#### 🎉 New features
+
+- **Banner Success Appearance**: Added support for new `success` appearance variant in Banner component, providing visual feedback for successful operations with appropriate success colors. ([#144](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/144) by [@junior](https://git.rarolabs.com.br/junior))
+
+## 2025-10-09 `2.23.0`
+
+#### 🎉 New features
+
+- Added `itemsAfterTruncate` property to the `SelectProps` type for controlling item truncation display. ([#143](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/143) by [@junior](https://git.rarolabs.com.br/junior))
+
 ## 2025-07-11 `2.2.0`
 
 #### 🎉 New features
@@ -24,11 +36,11 @@ This package is intended for internal use in creating components with polymorphi
 
 #### 🐛 Bug fixes
 
-- Corrigido tipagens de `onChange`, `value` e `defaultValue`. ([#99](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/99) by [@junior](https://git.rarolabs.com.br/junior))
+- Fixed `onChange`, `value` and `defaultValue`. ([#99](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/99) by [@junior](https://git.rarolabs.com.br/junior))
 
 #### 🎉 New features
 
-- Adioconado nova tipagem de `minDate` e `maxDate` ao tipo do `DatePickerProps`. ([#99](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/99) by [@junior](https://git.rarolabs.com.br/junior))
+- Piped new typing of `minDate` and` maxDate` to the type of `DatePickerProps`. ([#99](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/99) by [@junior](https://git.rarolabs.com.br/junior))
 
 ## 2024-08-07 `2.0.0`
 

package/dist/index.d.ts

@@ -15343,7 +15343,7 @@ interface BoxConditions<T> extends Conditions<T> {
     hover?: T;
     disabled?: T;
 }
-type BoxDynamicProperties = Pick<StandardLonghandProperties, "display" | "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "bottom" | "left" | "right" | "top" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "flexShrink" | "flexGrow" | "order" | "transitionDelay" | "transitionProperty" | "backgroundImage" | "backgroundBlendMode" | "backgroundRepeat" | "backgroundSize" | "flexDirection" | "flexWrap" | "flexBasis" | "justifyContent" | "justifyItems" | "alignContent" | "alignItems" | "alignSelf" | "pointerEvents" | "position" | "boxSizing" | "cursor" | "overflowX" | "overflowY" | "transitionTimingFunction" | "textAlign" | "opacity" | "backgroundPositionY" | "backgroundPositionX"> & Pick<StandardShorthandProperties, "flex" | "gridArea" | "backgroundPosition" | "flexFlow" | "borderStyle" | "overflow" | "textDecoration">;
+type BoxDynamicProperties = Pick<StandardLonghandProperties, "display" | "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "bottom" | "left" | "right" | "top" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "flexShrink" | "flexGrow" | "order" | "transitionDelay" | "transitionProperty" | "backgroundImage" | "backgroundBlendMode" | "backgroundRepeat" | "backgroundSize" | "flexDirection" | "flexWrap" | "flexBasis" | "justifyContent" | "justifyItems" | "alignContent" | "alignItems" | "alignSelf" | "pointerEvents" | "position" | "boxSizing" | "cursor" | "overflowX" | "overflowY" | "transitionTimingFunction" | "textAlign" | "opacity" | "backgroundPositionY" | "backgroundPositionX" | "verticalAlign" | "whiteSpace"> & Pick<StandardShorthandProperties, "flex" | "gridArea" | "backgroundPosition" | "flexFlow" | "borderStyle" | "overflow" | "textDecoration">;
 interface BoxSprinkle extends BoxDynamicProperties {
     /**
      * The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
@@ -15552,7 +15552,6 @@ interface BoxSprinkle extends BoxDynamicProperties {
     fontWeight?: AddDollar<keyof typeof fontWeightProperties> | BoxConditions<AddDollar<keyof typeof fontWeightProperties>>;
     /**
      * The lineHeight property specifies the line height of the box.
-     * @default base
      */
     lineHeight?: AddDollar<keyof typeof lineHeightProperties> | BoxConditions<AddDollar<keyof typeof lineHeightProperties>>;
 }
@@ -16669,6 +16668,10 @@ declare const bannerStyles: {
                 backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 color: `var(--${string})` | `var(--${string}, ${string})`;
             };
+            success: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+                color: `var(--${string})` | `var(--${string}, ${string})`;
+            };
             info: {
                 backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 color: `var(--${string})` | `var(--${string}, ${string})`;
@@ -17228,7 +17231,6 @@ declare const sidebarStyles: {
         };
         /**
          * Determines if the sidebar is shown or not.
-         * @default true
          */
         open: {
             true: {
@@ -17716,6 +17718,16 @@ interface CheckboxTyping {
      * The id of the checkbox.
      */
     id: string;
+    /**
+     * Whether the checkbox is checked.
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * Whether the checkbox is readonly.
+     * @default false
+     */
+    readonly?: boolean;
 }
 type CheckboxProps = CheckboxTyping & CheckboxVariants;
 
@@ -17961,7 +17973,8 @@ interface SelectTyping {
      */
     onChange?: (selectedOptions: SelectOptionProps | SelectOptionProps[]) => void;
     /**
-     * Fazer
+     * Enables multiple selection mode.
+     * @default false
      */
     multiple?: boolean;
     /**
@@ -17973,6 +17986,15 @@ interface SelectTyping {
      * If true, the Select component is shown.
      */
     open?: boolean;
+    /**
+     * Placeholder text displayed when no option is selected.
+     */
+    placeholder?: string;
+    /**
+     * Disables the select component, disallowing user interaction.
+     * @default false
+     */
+    disabled?: boolean;
     /**
      * Determines whether the select box should enable flipping the options' dropdown when there is not enough space to display it in its default direction.
      * This can help ensure the dropdown is always visible on the screen.
@@ -17984,6 +18006,12 @@ interface SelectTyping {
      * This can be useful for rendering the dropdown in a different part of the DOM, such as a modal or overlay.
      */
     portalId?: string;
+    /**
+     * Maximum number of items to display before showing a "+X" chip with the remaining count.
+     * When set, only the specified number of selected items will be shown, followed by a chip indicating how many more items are selected.
+     * @default undefined (shows all selected items)
+     */
+    itemsAfterTruncate?: number;
 }
 type SelectProps = SelectTyping & SelectVariants & SelectSprinkle;
 
@@ -18059,14 +18087,6 @@ interface BannerTyping {
      * @TJS-type () => void;
      */
     onClose?: () => void;
-    /**
-     * The appearance of the banner. This can be used to set the color of the banner.
-     */
-    appearance?: "brand" | "error" | "info" | "warning" | "neutral" | "inverted";
-    /**
-     * Determines whether the banner message should float above the content. This can be useful for ensuring the message remains visible even as the user scrolls.
-     */
-    floating?: boolean;
 }
 type BannerProps = BannerTyping & BannerVariants;
 
@@ -18139,7 +18159,7 @@ interface BreadcrumbProps {
      * This is useful for managing the display of long breadcrumb lists.
      * @default 10
      */
-    itensAfterTruncate?: number;
+    itemsAfterTruncate?: number;
 }
 
 interface BreadcrumbItemTyping {

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@rarui/typings",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "license": "MIT",
   "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
     "dist",
     "README.md",
@@ -10,7 +11,7 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "rm -rf dist && yarn g:rollup packages/typings",
+    "build": "rm -rf dist && yarn g:rollup packages/foundation/typings",
     "clean": "rm -rf dist",
     "version": "yarn version"
   },
@@ -23,7 +24,7 @@
     "url": "https://git.rarolabs.com.br/frontend/rarui/issues"
   },
   "devDependencies": {
-    "@rarui/rollup": "^1.1.0",
-    "@rarui/styles": "^2.6.3"
+    "@rarui/styles": "^3.2.2",
+    "@rarui/tools": "^1.0.0"
   }
 }