update content-primary and content-secondary

reaviz · Jun 17, 2024 · fe35ebd · fe35ebd
1 parent c7e0ab2
commit fe35ebd
Show file tree

Hide file tree

Showing 40 changed files with 185 additions and 196 deletions.
diff --git a/docs/blocks/administration/Billing.story.tsx b/docs/blocks/administration/Billing.story.tsx
diff --git a/docs/blocks/administration/Team.story.tsx b/docs/blocks/administration/Team.story.tsx
diff --git a/docs/blocks/authentication/ForgotPassword.story.tsx b/docs/blocks/authentication/ForgotPassword.story.tsx
@@ -61,7 +61,7 @@ export const ForgotPassword = () => {
           <h4 className="text-2xl font-sans font-bold mb-0">
             Reset your password
           </h4>
-          <span className="text-base text-text-content-secondary font-sans">
+          <span className="text-base text-text-secondary font-sans">
             Welcome to Reablocks, powered by Good Code
           </span>
         </div>
@@ -180,7 +180,7 @@ export const ForgotPasswordFull = () => {
           <h4 className="text-2xl font-sans font-bold mb-0">
             Forgot Password?
           </h4>
-          <span className="text-base text-text-content-secondary font-sans">
+          <span className="text-base text-text-secondary font-sans">
             Forgot your password? No worries! Simply enter your email address
             below, and we'll send you instructions on how to reset it.
           </span>
@@ -261,7 +261,7 @@ export const ForgotPasswordMinimal = () => {
           <h4 className="text-2xl font-sans font-bold mb-0">
             Forgot Password?
           </h4>
-          <span className="text-base text-text-content-secondary font-sans">
+          <span className="text-base text-text-secondary font-sans">
             Forgot your password? No worries! Simply enter your email address
             below, and we'll send you instructions on how to reset it.
           </span>
@@ -318,7 +318,7 @@ export const ForgotPasswordMinimal = () => {
             {isSubmitting ? 'Sending...' : 'Get Link'}
           </Button>
           <Stack className="w-full" justifyContent="center">
-            <span className="text-sm text-text-content-secondary">
+            <span className="text-sm text-text-secondary">
               Remember password?
             </span>
             <a href="#" className="text-primary text-lg font-semibold">
@@ -367,7 +367,7 @@ export const ResetPassword = () => {
             </svg>
           </div>
           <h4 className="text-2xl font-sans font-bold mb-0">Reset Password?</h4>
-          <span className="text-base text-text-content-secondary font-sans">
+          <span className="text-base text-text-secondary font-sans">
             Forgot your password? No worries! Simply enter your email address
             below, and we'll send you instructions on how to reset it.
           </span>
@@ -483,7 +483,7 @@ export const ResetPasswordMinimal = () => {
             </svg>
           </div>
           <h4 className="text-2xl font-sans font-bold mb-0">Reset Password?</h4>
-          <span className="text-base text-text-content-secondary font-sans">
+          <span className="text-base text-text-secondary font-sans">
             Forgot your password? No worries! Simply enter your email address
             below, and we'll send you instructions on how to reset it.
           </span>
@@ -537,7 +537,7 @@ export const ResetPasswordMinimal = () => {
             {isSubmitting ? 'Sending...' : 'Reset Password'}
           </Button>
           <Stack className="w-full" justifyContent="center">
-            <span className="text-sm text-text-content-secondary">
+            <span className="text-sm text-text-secondary">
               Remember your password?
             </span>
             <a

diff --git a/docs/blocks/authentication/Login.story.tsx b/docs/blocks/authentication/Login.story.tsx
@@ -62,7 +62,7 @@ export const Login = () => {
           <h4 className="text-2xl font-sans font-bold mb-0">
             Log In or create account
           </h4>
-          <span className="text-base text-text-content-secondary font-sans">
+          <span className="text-base text-text-secondary font-sans">
             Welcome to Reablocks, powered by Good Code
           </span>
         </div>
@@ -129,7 +129,7 @@ export const Login = () => {
           >
             Sign up with Google
           </Button>
-          <div className="mt-5 text-sm text-text-content-secondary flex items-center justify-center gap-2">
+          <div className="mt-5 text-sm text-text-secondary flex items-center justify-center gap-2">
             By signing in, you agree to our
             <a
               href="#"
@@ -170,7 +170,7 @@ export const LoginBasic = () => {
           <h4 className="text-2xl font-sans font-bold mb-0">
             Log In or create account
           </h4>
-          <span className="text-base text-text-content-secondary font-sans">
+          <span className="text-base text-text-secondary font-sans">
             Welcome to Reablocks, powered by Good Code
           </span>
         </div>
@@ -237,7 +237,7 @@ export const LoginBasic = () => {
           >
             Sign up
           </Button>
-          <div className="mt-5 text-sm text-text-content-secondary flex items-center justify-center gap-2">
+          <div className="mt-5 text-sm text-text-secondary flex items-center justify-center gap-2">
             By signing in, you agree to our
             <a
               href="#"
@@ -281,7 +281,7 @@ export const LoginFull = () => {
           <h4 className="text-2xl font-sans font-bold mb-0">
             Log In or create account
           </h4>
-          <span className="text-base text-text-content-secondary font-sans">
+          <span className="text-base text-text-secondary font-sans">
             Welcome to Reablocks, powered by Good Code
           </span>
           <form
@@ -389,7 +389,7 @@ export const LoginFull = () => {
                 Sign up with Microsoft
               </Button>
             </div>
-            <div className="mt-5 text-sm text-text-content-secondary flex items-center justify-center gap-1.5">
+            <div className="mt-5 text-sm text-text-secondary flex items-center justify-center gap-1.5">
               By signing in, you agree to our
               <a
                 href="#"
@@ -435,7 +435,7 @@ export const LoginPassword = () => {
           <h4 className="text-2xl font-sans font-bold mb-0">
             Log In or create account
           </h4>
-          <span className="text-base text-text-content-secondary font-sans">
+          <span className="text-base text-text-secondary font-sans">
             Welcome to Reablocks, powered by Good Code
           </span>
         </div>
@@ -521,7 +521,7 @@ export const LoginPassword = () => {
           >
             {isSubmitting ? 'Logging in...' : 'Login'}
           </Button>
-          <div className="mt-5 text-sm text-text-content-secondary flex items-center justify-center gap-2">
+          <div className="mt-5 text-sm text-text-secondary flex items-center justify-center gap-2">
             Don't have an account?
             <a
               href="#"
@@ -555,7 +555,7 @@ export const LoginSocial = () => {
           <h4 className="text-2xl font-sans font-bold mb-0">
             Log In or create account
           </h4>
-          <span className="text-base text-text-content-secondary font-sans">
+          <span className="text-base text-text-secondary font-sans">
             Welcome to Reablocks, powered by Good Code
           </span>
         </div>
@@ -664,7 +664,7 @@ export const LoginSocial = () => {
               Sign up with Microsoft
             </Button>
           </div>
-          <div className="mt-5 text-sm text-text-content-secondary flex items-center justify-center gap-2">
+          <div className="mt-5 text-sm text-text-secondary flex items-center justify-center gap-2">
             By signing in, you agree to our
             <a
               href="#"

diff --git a/docs/blocks/authentication/Mfa.story.tsx b/docs/blocks/authentication/Mfa.story.tsx
@@ -991,7 +991,7 @@ export const Mfa = () => {
           <h1 className="mt-2 mb-0 text-2xl font-sans font-bold">
             One Time Password
           </h1>
-          <div className="text-text-content-secondary text-base">
+          <div className="text-text-secondary text-base">
             Please verify your identity using your registered email or phone
             number and follow the prompts to complete the password reset
             process.
@@ -1035,10 +1035,10 @@ export const Mfa = () => {
             </svg>
             {isSubmitting ? 'Verifying...' : 'Verify'}
           </Button>
-          <div className="text-center text-text-content-secondary text-sm mt-5">
+          <div className="text-center text-text-secondary text-sm mt-5">
             Are you facing any problems with receiving the code?
           </div>
-          <div className="mt-2.5 mb-5 text-text-content-secondary text-sm flex items-center justify-center gap-5">
+          <div className="mt-2.5 mb-5 text-text-secondary text-sm flex items-center justify-center gap-5">
             <a
               href="#"
               className="text-primary hover:text-primary-hover text-lg inline-flex items-center gap-2"
@@ -1056,8 +1056,8 @@ export const Mfa = () => {
             </a>
           </div>
           <Divider variant="secondary" className="my-4" />
-          <div className="mt-5 text-text-content-secondary text-sm flex items-center justify-center gap-5">
-            <span className="text-text-content-secondary text-sm">
+          <div className="mt-5 text-text-secondary text-sm flex items-center justify-center gap-5">
+            <span className="text-text-secondary text-sm">
               Remember your password?
             </span>
             <a
@@ -1117,7 +1117,7 @@ export const MfaLogin = () => {
           <h1 className="mt-2 mb-0 text-2xl font-sans font-bold">
             Enter your code
           </h1>
-          <div className="text-text-content-secondary text-base">
+          <div className="text-text-secondary text-base">
             We sent a code to{' '}
             <a href="#" className="text-primary">
               [email protected]
@@ -1144,7 +1144,7 @@ export const MfaLogin = () => {
             />
           </Block>
           <Stack justifyContent="spaceBetween" className="mb-[190px]">
-            <div className="text-center text-text-content-secondary text-base">
+            <div className="text-center text-text-secondary text-base">
               Didn't receive a email?
             </div>
             <a
@@ -1206,7 +1206,7 @@ export const MfaAuthenticator = () => {
           <h1 className="mb-0 text-2xl font-sans font-bold">
             Set up your two-factor authentication.
           </h1>
-          <div className="text-text-content-secondary">
+          <div className="text-text-secondary">
             Scan this code with your Google authenticator app to continue this
             process.
           </div>

diff --git a/docs/blocks/authentication/Register.story.tsx b/docs/blocks/authentication/Register.story.tsx
@@ -77,7 +77,7 @@ export const Register = () => {
           <h4 className="text-2xl font-sans font-bold mb-0">
             Welcome to Reablocks
           </h4>
-          <p className="text-base text-text-content-secondary font-sans">
+          <p className="text-base text-text-secondary font-sans">
             Welcome! Let's get started by creating your account. Please provide
             your email address and choose a secure password to begin accessing
             our platform's features.
@@ -165,7 +165,7 @@ export const Register = () => {
           >
             {isSubmitting ? 'Signing up...' : 'Sign up →'}
           </Button>
-          <div className="mt-5 text-sm text-text-content-secondary flex items-center justify-center gap-2">
+          <div className="mt-5 text-sm text-text-secondary flex items-center justify-center gap-2">
             By signing in, you agree to our
             <a
               href="#"
@@ -182,7 +182,7 @@ export const Register = () => {
             </a>
           </div>
           <Divider className="mt-5 mb-5" variant="secondary" />
-          <div className="mt-5 text-text-content-secondary text-sm flex items-center justify-center gap-2">
+          <div className="mt-5 text-text-secondary text-sm flex items-center justify-center gap-2">
             Already have an account?
             <a
               href="#"
@@ -219,7 +219,7 @@ export const RegisterFull = () => {
           <h4 className="text-2xl font-sans font-bold mb-0">
             Welcome to Reablocks
           </h4>
-          <p className="text-base text-text-content-secondary font-sans">
+          <p className="text-base text-text-secondary font-sans">
             Excited to have you onboard! Start by creating your account to gain
             access to our platform. Simply provide your email, choose a
             password, and include any necessary information about your company
@@ -507,7 +507,7 @@ export const RegisterFull = () => {
           </div>
           <Divider variant="secondary" className="mt-4" />
           <div className="flex flex-col items-center justify-between md:flex-row">
-            <div className="text-text-content-secondary text-sm flex items-center justify-center gap-2">
+            <div className="text-text-secondary text-sm flex items-center justify-center gap-2">
               Already have an account?
               <a
                 href="#"
@@ -553,7 +553,7 @@ export const RegisterV2 = () => {
           <h4 className="text-2xl font-sans font-bold mb-0 text-center">
             Welcome to Reablocks
           </h4>
-          <p className="text-base text-text-content-secondary font-sans text-center">
+          <p className="text-base text-text-secondary font-sans text-center">
             Welcome! Let's get started by creating your account. Please provide
             your email address and choose a secure password to begin accessing
             our platform's features.
@@ -662,7 +662,7 @@ export const RegisterV2 = () => {
           >
             {isSubmitting ? 'Creating...' : 'Create Account →'}
           </Button>
-          <div className="mt-5 text-sm text-text-content-secondary flex items-center justify-center gap-2">
+          <div className="mt-5 text-sm text-text-secondary flex items-center justify-center gap-2">
             By signing in, you agree to our
             <a
               href="#"
@@ -679,7 +679,7 @@ export const RegisterV2 = () => {
             </a>
           </div>
           <Divider className="mt-5 mb-5" variant="secondary" />
-          <div className="mt-5 text-text-content-secondary text-sm flex items-center justify-center gap-2">
+          <div className="mt-5 text-text-secondary text-sm flex items-center justify-center gap-2">
             Already have an account?
             <a
               href="#"
@@ -851,7 +851,7 @@ export const RegisterWithSocial = () => {
           >
             {isSubmitting ? 'Signing up...' : 'Sign up →'}
           </Button>
-          <div className="mt-5 text-sm text-text-content-secondary flex items-center justify-center gap-2">
+          <div className="mt-5 text-sm text-text-secondary flex items-center justify-center gap-2">
             By signing in, you agree to our
             <a
               href="#"
@@ -868,7 +868,7 @@ export const RegisterWithSocial = () => {
             </a>
           </div>
           <Divider className="mt-5 mb-5" variant="secondary" />
-          <div className="mt-5 text-text-content-secondary text-sm flex items-center justify-center gap-2">
+          <div className="mt-5 text-text-secondary text-sm flex items-center justify-center gap-2">
             Already have an account?
             <a
               href="#"

diff --git a/docs/blocks/foundation/EmptyState.story.tsx b/docs/blocks/foundation/EmptyState.story.tsx
@@ -17,7 +17,7 @@ export const NoResults = () => (
     <Card className="w-full px-12 md:px-24 py-12">
       <div className="w-full flex-col flex items-center text-center mb-8">
         <span className="text-3xl font-bold">No Results Found</span>
-        <span className="text-text-content-secondary text-base">
+        <span className="text-text-secondary text-base">
           There are no results matching your search criteria. Try adjusting your
           filters or search terms to find what you're looking for.
         </span>
@@ -39,7 +39,7 @@ export const NoResults = () => (
           <div className="flex flex-col gap-1 flex-1">
             <span className="font-bold">Documentation</span>
             <div>
-              <span className="text-base text-text-content-secondary inline-block">
+              <span className="text-base text-text-secondary inline-block">
                 Learn how to integrate our tools with your app.
               </span>
             </div>
@@ -75,7 +75,7 @@ export const NoResults = () => (
           <div className="flex flex-col gap-1 flex-1">
             <span className="font-bold">API's</span>
             <div className="">
-              <span className="text-base text-text-content-secondary inline-block">
+              <span className="text-base text-text-secondary inline-block">
                 Explore all API references.
               </span>
             </div>
@@ -111,7 +111,7 @@ export const NoResults = () => (
           <div className="flex flex-col gap-1 flex-1">
             <span className="font-bold">Guide</span>
             <div className="">
-              <span className="text-base text-text-content-secondary inline-block">
+              <span className="text-base text-text-secondary inline-block">
                 Easy-to-follow installation guides.
               </span>
             </div>
@@ -147,7 +147,7 @@ export const NoResults = () => (
           <div className="flex flex-col gap-1 flex-1">
             <span className="font-bold">Blog</span>
             <div className="">
-              <span className="text-base text-text-content-secondary inline-block">
+              <span className="text-base text-text-secondary inline-block">
                 Read our latest news.
               </span>
             </div>
@@ -179,7 +179,7 @@ export const MissingInfo = () => (
       contentClassName="flex flex-col gap-2 items-center text-center"
     >
       <span className="text-3xl font-bold">Missing Info</span>
-      <span className="text-text-content-secondary text-base">
+      <span className="text-text-secondary text-base">
         Oops! It seems like something is missing. Try adjusting your search
         criteria or check back later.
       </span>
@@ -242,7 +242,7 @@ export const NothingToDisplay = () => (
         <path d="M19.4533 10.6666L16 14.12L12.5466 10.6666L10.6666 12.5466L14.12 16L10.6666 19.4533L12.5466 21.3333L16 17.88L19.4533 21.3333L21.3333 19.4533L17.88 16L21.3333 12.5466L19.4533 10.6666ZM16 2.66663C8.62663 2.66663 2.66663 8.62663 2.66663 16C2.66663 23.3733 8.62663 29.3333 16 29.3333C23.3733 29.3333 29.3333 23.3733 29.3333 16C29.3333 8.62663 23.3733 2.66663 16 2.66663ZM16 26.6666C10.12 26.6666 5.33329 21.88 5.33329 16C5.33329 10.12 10.12 5.33329 16 5.33329C21.88 5.33329 26.6666 10.12 26.6666 16C26.6666 21.88 21.88 26.6666 16 26.6666Z" />
       </svg>
       <span className="text-xl font-bold">Nothing to display</span>
-      <span className="text-text-content-secondary text-base">
+      <span className="text-text-secondary text-base">
         We couldn't find any data to show here. Try refining your search or come
         back later to see if there's anything new.
       </span>

diff --git a/docs/blocks/foundation/NotFound.story.tsx b/docs/blocks/foundation/NotFound.story.tsx
@@ -840,7 +840,7 @@ export const NotFound = () => (
       <div className="absolute top-0 left-0 w-full h-full dark:bg-[radial-gradient(circle,rgba(36,36,66,0.3)_2%,rgba(2,2,15,1)_80%)] light:bg-[radial-gradient(circle,rgba(224,224,232,0.3)_2%,rgba(247,247,250,1)_80%)]" />
       <div className="flex flex-col gap-3 h-full justify-center">
         <div className="grow" />
-        <div className="text-text-content-primary z-10 relative font-bold !text-5xl">
+        <div className="text-text-primary z-10 relative font-bold !text-5xl">
           We lost this page
         </div>
         <div className="dark:text-waterloo light:text-charade opacity-80 z-10 relative">
@@ -1121,7 +1121,7 @@ export const LostPage = () => (
             404 Error
           </Chip>
         </div>
-        <div className="text-text-content-primary z-10 relative font-bold !text-5xl">
+        <div className="text-text-primary z-10 relative font-bold !text-5xl">
           We lost this page
         </div>
         <div className="dark:text-waterloo light:text-charade opacity-80 z-10 relative">

diff --git a/docs/blocks/foundation/Support.story.tsx b/docs/blocks/foundation/Support.story.tsx
@@ -28,7 +28,7 @@ export const Support = () => {
           <h1 className="mt-2 mb-0 text-2xl font-sans font-bold">
             Report an issue
           </h1>
-          <div className="text-text-content-secondary text-base">
+          <div className="text-text-secondary text-base">
             Found a bug? Please let us know so we can fix it.
           </div>
         </div>