@bubo-squared/ui-framework 0.1.81 → 0.1.92

package/dist/index.d.cts

@@ -379,15 +379,20 @@ interface SliderProps {
 }
 declare const Slider: React$1.FC<SliderProps>;
 
-type TextAreaType = "responsive" | "character-limit";
+type TextAreaType = "responsive" | "character-limit" | "plain";
 interface TextAreaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "disabled"> {
     label?: string;
     hint?: string;
+    /**
+     * If true, the hint will not be rendered even if provided.
+     */
+    hideHint?: boolean;
     status?: TextInputStatus;
     /**
      * Visual/behavioural variant.
-     * - "responsive": regular textarea.
+     * - "responsive": regular textarea with resize handle.
      * - "character-limit": shows character counter, expects maxLength.
+     * - "plain": no character limit or resize icon.
      */
     type?: TextAreaType;
     /**

package/dist/index.d.ts

@@ -379,15 +379,20 @@ interface SliderProps {
 }
 declare const Slider: React$1.FC<SliderProps>;
 
-type TextAreaType = "responsive" | "character-limit";
+type TextAreaType = "responsive" | "character-limit" | "plain";
 interface TextAreaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "disabled"> {
     label?: string;
     hint?: string;
+    /**
+     * If true, the hint will not be rendered even if provided.
+     */
+    hideHint?: boolean;
     status?: TextInputStatus;
     /**
      * Visual/behavioural variant.
-     * - "responsive": regular textarea.
+     * - "responsive": regular textarea with resize handle.
      * - "character-limit": shows character counter, expects maxLength.
+     * - "plain": no character limit or resize icon.
      */
     type?: TextAreaType;
     /**

package/dist/index.js

@@ -63,8 +63,8 @@ var buttonTextVariants = cva("flex text-center justify-center font-normal", {
     size: {
       sm: ["text-xl", "leading-7"],
       md: ["text-2xl", "leading-8"],
-      lg: ["h-10", "text-3xl", "leading-9"],
-      xl: ["h-11", "text-4xl", "leading-10"]
+      lg: ["text-3xl", "leading-9"],
+      xl: ["text-4xl", "leading-11"]
     }
   }
 });
@@ -534,7 +534,7 @@ import * as React8 from "react";
 import { cva as cva8 } from "class-variance-authority";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var badgeDigitVariants = cva8(
-  "inline-flex items-center justify-center leading-none whitespace-nowrap text-(--text-primary-inverse)",
+  "inline-flex items-center justify-center leading-none whitespace-nowrap text-(--color-b-white)",
   {
     variants: {
       size: {
@@ -1911,7 +1911,7 @@ var FlagComponent = ({ country, countryName }) => {
 import * as React27 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
-var wrapperBase = "flex flex-col gap-2 items-start min-w-[343px]";
+var wrapperBase = "flex flex-col gap-2 items-start";
 var RadioGroup = ({
   label,
   hint,
@@ -1984,7 +1984,7 @@ var RadioGroup = ({
                         "group-data-[state=unchecked]:group-hover:border-(--border-secondary-hover)",
                         // 4: enabled, checked, hovered, unfocused
                         "group-data-[state=checked]:group-hover:border-(--border-brand-hover)",
-                        "group-data-[state=checked]:group-hover:shadow-[0_0_0_var(--focus-ring-spread)_var(--color-b-100)]",
+                        "group-data-[state=checked]:group-hover:shadow-[0_0_0_var(--focus-ring-spread)_var(--focus-secondary)]",
                         // 5: enabled, unchecked, focused (override 1/3)
                         "group-data-[state=unchecked]:group-focus-visible:border-(--border-secondary-hover)",
                         // 6: enabled, checked, focused (override 2/4)
@@ -2496,11 +2496,12 @@ Slider.displayName = "Slider";
 import * as React30 from "react";
 import { MaximizeIcon } from "@bubo-squared/icons";
 import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
-var wrapperBase3 = "flex flex-col gap-2 items-start min-w-[343px]";
+var wrapperBase3 = "flex flex-col gap-2 items-start w-full";
 var TextArea = (props) => {
   const {
     label,
     hint,
+    hideHint,
     status = "default",
     type = "responsive",
     maxLength,
@@ -2665,7 +2666,7 @@ var TextArea = (props) => {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx32(
+    hint && !hideHint && /* @__PURE__ */ jsx32(
       "p",
       {
         id: hint ? hintId : void 0,