feat(dashboard,types,js-sdk,ui): Tax Regions UI (#7935)

packages/design-system/ui/src/components/alert/alert.tsx

@@ -58,7 +58,7 @@ export const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
       <div
         ref={ref}
         className={clx(
-          "bg-ui-bg-subtle text-pretty txt-compact-small grid items-start gap-x-3 rounded-lg border p-3",
+          "bg-ui-bg-subtle text-pretty txt-compact-small grid items-start gap-x-2 rounded-lg border p-3",
           {
             "grid-cols-[20px_1fr]": !dismissible,
             "grid-cols-[20px_1fr_20px]": dismissible,

packages/design-system/ui/src/components/date-picker/date-picker.tsx

@@ -51,7 +51,7 @@ const datePickerStyles = (
 ) =>
   cva({
     base: clx(
-      "bg-ui-bg-field shadow-borders-base txt-compact-small text-ui-fg-base transition-fg grid items-center gap-2 overflow-hidden rounded-md",
+      "bg-ui-bg-field shadow-borders-base txt-compact-small text-ui-fg-base transition-fg grid items-center gap-2 overflow-hidden rounded-md h-fit",
       "focus-within:shadow-borders-interactive-with-active focus-visible:shadow-borders-interactive-with-active",
       "aria-[invalid=true]:shadow-borders-error invalid:shadow-borders-error",
       {