Daisyui update (#1008)

Co-authored-by: Aswin V <[email protected]>
boxyhq · Feb 8, 2024 · 80c2bce · 80c2bce
1 parent 373eb19
commit 80c2bce
Show file tree

Hide file tree

Showing 20 changed files with 2,696 additions and 216 deletions.
diff --git a/components/auth/AgreeMessage.tsx b/components/auth/AgreeMessage.tsx
@@ -11,7 +11,7 @@ const AgreeMessage = ({ text }) => {
         rel="noopener noreferrer"
         target="_blank"
         href={process.env.NEXT_PUBLIC_TERMS_URL || '/terms'}
-        className="font-medium text-primary hover:text-primary-focus"
+        className="font-medium text-primary hover:text-[color-mix(in_oklab,oklch(var(--p)),black_7%)]"
       >
         {t('terms')}
       </Link>{' '}
@@ -20,7 +20,7 @@ const AgreeMessage = ({ text }) => {
         rel="noopener noreferrer"
         target="_blank"
         href={process.env.NEXT_PUBLIC_PRIVACY_URL || '/privacy'}
-        className="font-medium text-primary hover:text-primary-focus"
+        className="font-medium text-primary hover:text-[color-mix(in_oklab,oklch(var(--p)),black_7%)]"
       >
         {t('privacy')}
       </Link>

diff --git a/components/auth/GithubButton.tsx b/components/auth/GithubButton.tsx
@@ -14,7 +14,7 @@ const GithubButton = () => {
 
   return (
     <Button
-      className="btn-outline w-full"
+      className="btn btn-outline w-full"
       onClick={() => {
         signIn('github', {
           callbackUrl,

diff --git a/components/auth/GoogleButton.tsx b/components/auth/GoogleButton.tsx
@@ -14,7 +14,7 @@ const GoogleButton = () => {
 
   return (
     <Button
-      className="btn-outline w-full"
+      className="btn btn-outline w-full"
       onClick={() => {
         signIn('google', {
           callbackUrl,

diff --git a/components/auth/MagicLink.tsx b/components/auth/MagicLink.tsx
@@ -98,11 +98,11 @@ const MagicLink = ({ csrfToken }: MagicLinkProps) => {
         <div className="space-y-3">
           <Link
             href={`/auth/login/${params}`}
-            className="btn-outline btn w-full"
+            className="btn btn-outline w-full"
           >
             &nbsp;{t('sign-in-with-password')}
           </Link>
-          <Link href="/auth/sso" className="btn-outline btn w-full">
+          <Link href="/auth/sso" className="btn btn-outline w-full">
             &nbsp;{t('continue-with-saml-sso')}
           </Link>
         </div>

diff --git a/components/defaultLanding/HeroSection.tsx b/components/defaultLanding/HeroSection.tsx
@@ -14,13 +14,13 @@ const HeroSection = () => {
           <div className="flex items-center justify-center gap-2 ">
             <Link
               href="/auth/join"
-              className="btn-primary btn px-8 no-underline"
+              className="btn btn-primary px-8 no-underline"
             >
               {t('get-started')}
             </Link>
             <Link
               href="https://github.com/boxyhq/saas-starter-kit"
-              className="btn-outline btn px-8"
+              className="btn btn-outline px-8"
             >
               GitHub
             </Link>

diff --git a/components/invitation/InviteViaLink.tsx b/components/invitation/InviteViaLink.tsx
@@ -108,7 +108,7 @@ const InviteViaLink = ({ team }: InviteViaLinkProps) => {
             ? `Anyone with an email address ending with ${invitation.allowedDomains} can use this link to join your team.`
             : 'Anyone can use this link to join your team.'}
           <Button
-            className="btn-xs btn-link link-error"
+            className="btn btn-xs btn-link link-error"
             onClick={() => setShowDelDialog(true)}
           >
             {t('delete-link')}

diff --git a/components/shared/Modal.tsx b/components/shared/Modal.tsx
@@ -21,7 +21,7 @@ const Modal = ({ open, close, children }: ModalProps) => {
         type="button"
         size="sm"
         shape="circle"
-        className="absolute right-2 top-2 btn-ghost rounded-full"
+        className="btn absolute right-2 top-2 btn-ghost rounded-full"
         onClick={close}
         aria-label="close"
       >

diff --git a/components/styles.ts b/components/styles.ts
@@ -0,0 +1,18 @@
+import styles from 'styles/sdk-override.module.css';
+
+export const BOXYHQ_UI_CSS = {
+  button: {
+    ctoa: 'btn btn-md btn-primary',
+    destructive: 'btn btn-md btn-error',
+  },
+  input: `${styles['sdk-input']} input input-bordered`,
+  textarea: styles['sdk-input'],
+  confirmationPrompt: {
+    button: {
+      ctoa: 'btn-md',
+      cancel: 'btn-md btn-outline',
+    },
+  },
+  secretInput: 'input input-bordered',
+  section: 'mb-8',
+};