@giro-ds/react 12.5.1 → 12.6.0

package/dist/index.d.ts

@@ -335,6 +335,8 @@ interface CalloutProps extends Omit<BaseProps, 'disabled'>, Omit<React$1.HTMLAtt
 
 declare const Callout: React__default.FC<CalloutProps>;
 
+/** Valores permitidos para o raio das bordas do Card, baseados nos tokens de border-radius do design system */
+type CardBorderRadius = 4 | 8 | 12 | 16 | 24 | 'none' | 'pill' | 'circular';
 /**
  * Props do componente Card
  * @example
@@ -352,9 +354,11 @@ interface CardProps {
     className?: string;
     /** Define se o card é interativo, aplicando estilos de hover e cursor pointer */
     hoverable?: boolean;
+    /** Raio das bordas do card, baseado nos tokens de border-radius do design system. O padrão é 8 (8px) */
+    borderRadius?: CardBorderRadius;
 }
 
-declare function Card({ children, className, hoverable }: CardProps): React$1.JSX.Element;
+declare function Card({ children, className, hoverable, borderRadius }: CardProps): React$1.JSX.Element;
 
 /**
  * Props do componente Checkbox

package/dist/index.esm.js

@@ -2119,6 +2119,12 @@ class DateLib {
      * @param overrides Custom overrides for the date library functions.
      */
     constructor(options, overrides) {
+        /**
+         * Reference to the built-in Date constructor.
+         *
+         * @deprecated Use `newDate()` or `today()`.
+         */
+        this.Date = Date;
         /**
          * Creates a new `Date` object representing today's date.
          *
@@ -2132,8 +2138,7 @@ class DateLib {
             if (this.options.timeZone) {
                 return TZDate.tz(this.options.timeZone);
             }
-            const DateCtor = this.options.Date ?? Date;
-            return new DateCtor();
+            return new this.Date();
         };
         /**
          * Creates a new `Date` object with the specified year, month, and day.
@@ -2852,8 +2857,8 @@ const Callout = ({ variant = 'neutral', title, text, icon, onDismiss, dismiss, b
 
 var styles$p = {"card":"Card-module__card___LzN-3","card--hoverable":"Card-module__card--hoverable___orpJZ"};
 
-function Card({ children, className, hoverable }) {
-    return (jsx("main", { className: clsx(styles$p['card'], hoverable && styles$p['card--hoverable'], className), children: children }));
+function Card({ children, className, hoverable, borderRadius }) {
+    return (jsx("div", { className: clsx(styles$p['card'], hoverable && styles$p['card--hoverable'], className), style: borderRadius !== undefined ? { borderRadius: `var(--border-radius-${borderRadius})` } : undefined, children: children }));
 }
 
 const CheckSmall = ({ className = '', width = 12, height = 10, fill = 'white', ...restProps }) => {
@@ -3701,7 +3706,7 @@ const VirtualKeyboard = ({ variant = 'native', type = 'default', value, onChange
     if (variant === 'native' && typeof document !== 'undefined') {
         return createPortal(jsx("div", { id: id, className: clsx(styles$k.overlay, { [styles$k.overlayOpen]: isOpen }, styles$k[isNumpadLayout ? 'layout--numeric' : 'layout--default'], className), style: nativeHeight ? { '--vkeyboard-native-height': nativeHeight } : undefined, [DISMISS_OUTSIDE_IGNORE_ATTRIBUTE]: true, onPointerDownCapture: handleOverlayPointerDown, onPointerUpCapture: handleOverlayPointerUp, onPointerCancelCapture: handleOverlayPointerUp, children: keyboardEl }), document.body);
     }
-    return (jsxs("div", { id: id, className: clsx(styles$k.container, styles$k[`mode--${variant}`], styles$k[isNumpadLayout ? 'layout--numeric' : 'layout--default'], className), children: [variant === 'fixed' && (jsx("div", { className: styles$k.textFieldContainer, children: jsx(TextField$1, { placeholder: placeholder, value: effectiveValue, onChange: onChange, helperText: helperText, error: error, errorMessage: errorMessage, readOnly: true, disableAutoComplete: true, maxLength: maxLength, attachedToVirtualKeyboard: true, className: styles$k.textFieldWrapper, scale: textFieldScale }) })), keyboardEl] }));
+    return (jsxs("div", { id: id, className: clsx(styles$k.container, styles$k[`mode--${variant}`], styles$k[isNumpadLayout ? 'layout--numeric' : 'layout--default'], className), children: [variant === 'fixed' && (jsx("div", { className: styles$k.textFieldContainer, children: jsx(TextField$1, { placeholder: placeholder, value: effectiveValue, onChange: onChange, helperText: helperText, error: error, errorMessage: errorMessage, disableAutoComplete: true, maxLength: maxLength, attachedToVirtualKeyboard: true, className: styles$k.textFieldWrapper, scale: textFieldScale }) })), keyboardEl] }));
 };
 
 var styles$j = {"container":"TextField-module__container___WJHFR","inputWrapper":"TextField-module__inputWrapper___INjfd","inputContainer":"TextField-module__inputContainer___3EsFJ","icon":"TextField-module__icon___p1vwi","clearButton":"TextField-module__clearButton___kgOot","inputWithIcon":"TextField-module__inputWithIcon___shqkL","helperText":"TextField-module__helperText___d5QGC","error":"TextField-module__error___IGQzp","disabled":"TextField-module__disabled___roIKP","attachedToVirtualKeyboard":"TextField-module__attachedToVirtualKeyboard___fuO2O","errorWithMessage":"TextField-module__errorWithMessage___m-5AA","clearButtonIcon":"TextField-module__clearButtonIcon___Z2iyc"};
@@ -3904,7 +3909,7 @@ function validatePartialDate(value, locale = 'pt-br') {
     return 'incomplete';
 }
 
-const DatePicker = ({ locale = 'pt-br', calendarSide = 'bottom', calendarAlign = 'start', helperText, required = false, label = 'Data', value, defaultValue, onChange, disabled = false, error: externalError, minDate, maxDate, 'data-testid': testId, scale = 1, id, className, style, ...rest }) => {
+const DatePicker = ({ locale = 'pt-br', calendarSide = 'bottom', calendarAlign = 'start', helperText, required = false, label, value, defaultValue, onChange, disabled = false, error: externalError, minDate, maxDate, 'data-testid': testId, scale = 1, id, className, style, ...rest }) => {
     const fieldId = useId();
     const calendarId = `${fieldId}-calendar`;
     const containerStyle = { '--giro-scale': scale };