BREAKING CHANGE: Tremor v4

Author: severinlandolt

src/components/input-elements/DatePicker/DatePicker.tsx

@@ -116,13 +116,7 @@ const DatePicker = React.forwardRef<HTMLDivElement, DatePickerProps>((props, ref
             handleReset();
           }}
         >
-          <XCircleIcon
-            className={tremorTwMerge(
-              // common
-              "h-4 w-4 shrink-0",
-              "text-tremor-content-subtle",
-            )}
-          />
+          <XCircleIcon className={tremorTwMerge("text-tremor-content-subtle h-4 w-4 shrink-0")} />
         </button>
       ) : null}
       <Transition

src/components/input-elements/NumberInput/NumberInput.tsx

@@ -14,7 +14,7 @@ interface NumberInputProps
 
 const baseArrowClasses = "flex mx-auto text-tremor-content-subtle";
 
-const enabledArrowClasses = "cursor-pointer hover:text-tremor-content";
+const enabledArrowClasses = "cursor-pointer hover:text-tremor-content-default";
 
 const NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>((props, ref) => {
   const { onSubmit, enableStepper = true, disabled, onValueChange, onChange, ...other } = props;

src/components/layout-elements/Card/Card.tsx

@@ -61,9 +61,7 @@ const Card = React.forwardRef<HTMLDivElement, CardProps>(
       <div
         ref={ref}
         className={tremorTwMerge(
-          // common
-          "rounded-tremor-default relative w-full p-6 text-left ring-1",
-          "bg-tremor-background-default shadow-tremor-card ring-tremor-ring-default",
+          "rounded-tremor-default bg-tremor-background-default shadow-tremor-card ring-tremor-ring-default relative w-full p-6 text-left ring-1",
           borderColors[decorationColor],
           parseDecorationAlignment(decoration),
           className,