Skip to content

Commit

Permalink
Replaced all the css into tailwind css on Label component (#1785)
Browse files Browse the repository at this point in the history
  • Loading branch information
@subhajit20
subhajit20 authored Dec 17, 2023
1 parent 9de6301 commit 6c4d915
Show file tree
Hide file tree
Showing 15 changed files with 34 additions and 35 deletions.
2 changes: 1 addition & 1 deletion components/Form/Input/__tests__/__snapshots__/Input.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ exports[`Input should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="someInputName"
>
Expand Down
3 changes: 1 addition & 2 deletions components/Form/Label/Label.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@ import { node, string, bool } from 'prop-types';
import classNames from 'classnames';
import { LABEL } from 'common/constants/testIDs';
import ScreenReaderOnly from 'components/ScreenReaderOnly/ScreenReaderOnly';
import styles from './Label.module.css';

Label.propTypes = {
children: node.isRequired,
Expand All @@ -24,7 +23,7 @@ function Label({ children, className, 'data-testid': testID, isHidden, ...props
// for isnt destructured because it's a reserved word in JavaScript
// eslint-disable-next-line react/destructuring-assignment
htmlFor={props.for}
className={classNames(styles.Label, className)}
className={classNames('text-secondary text-sm', className)}
data-testid={testID}
>
{children}
Expand Down
2 changes: 1 addition & 1 deletion components/Form/Label/__tests__/__snapshots__/Label.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

exports[`Label should render with required props 1`] = `
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="someInputName"
>
Expand Down
2 changes: 1 addition & 1 deletion components/Form/Select/__tests__/__snapshots__/Select.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ exports[`Select should render with required props 1`] = `
className="field"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="someSelectName"
>
Expand Down
4 changes: 2 additions & 2 deletions components/Forms/ChangePasswordForm/__tests__/__snapshots__/ChangePasswordForm.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ exports[`ChangePasswordForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="newPassword1"
>
Expand Down Expand Up @@ -43,7 +43,7 @@ exports[`ChangePasswordForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="newPassword2"
>
Expand Down
4 changes: 2 additions & 2 deletions components/Forms/LoginForm/__tests__/__snapshots__/LoginForm.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ exports[`LoginForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="email"
>
Expand Down Expand Up @@ -44,7 +44,7 @@ exports[`LoginForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="password"
>
Expand Down
2 changes: 1 addition & 1 deletion components/Forms/PasswordResetForm/__tests__/__snapshots__/PasswordResetForm.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ exports[`PasswordResetForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="email"
>
Expand Down
16 changes: 8 additions & 8 deletions components/Forms/RegistrationForm/__tests__/__snapshots__/RegistrationForm.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ exports[`RegistrationForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="email"
>
Expand Down Expand Up @@ -54,7 +54,7 @@ exports[`RegistrationForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="confirm-email"
>
Expand Down Expand Up @@ -82,7 +82,7 @@ exports[`RegistrationForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="password"
>
Expand Down Expand Up @@ -110,7 +110,7 @@ exports[`RegistrationForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="confirm-password"
>
Expand Down Expand Up @@ -138,7 +138,7 @@ exports[`RegistrationForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="firstName"
>
Expand Down Expand Up @@ -166,7 +166,7 @@ exports[`RegistrationForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="lastName"
>
Expand Down Expand Up @@ -194,7 +194,7 @@ exports[`RegistrationForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="zipcode"
>
Expand Down Expand Up @@ -222,7 +222,7 @@ exports[`RegistrationForm should render with required props 1`] = `
data-testid="CHECKBOX"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="codeOfConduct"
>
Expand Down
8 changes: 4 additions & 4 deletions components/Forms/ResourceSearchForm/__tests__/__snapshots__/ResourceSearchForm.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ exports[`ResourceSearchForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="q"
>
Expand Down Expand Up @@ -45,7 +45,7 @@ exports[`ResourceSearchForm should render with required props 1`] = `
className="field"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="category"
>
Expand Down Expand Up @@ -176,7 +176,7 @@ exports[`ResourceSearchForm should render with required props 1`] = `
className="field"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="free"
>
Expand Down Expand Up @@ -307,7 +307,7 @@ exports[`ResourceSearchForm should render with required props 1`] = `
className="field"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="languages"
>
Expand Down
6 changes: 3 additions & 3 deletions components/Forms/UpdateProfileForm/__tests__/__snapshots__/UpdateProfileForm.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ exports[`UpdateProfileForm should render with required props 1`] = `
className="field"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="employmentStatus"
>
Expand Down Expand Up @@ -167,7 +167,7 @@ exports[`UpdateProfileForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="companyName"
>
Expand All @@ -194,7 +194,7 @@ exports[`UpdateProfileForm should render with required props 1`] = `
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="companyRole"
>
Expand Down
6 changes: 3 additions & 3 deletions ...onents/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/MilitaryDetails.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ exports[`UpdateProfileForm/Steps/MilitaryDetails should render in context of For
className="field"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="branchOfService"
>
Expand Down Expand Up @@ -141,7 +141,7 @@ exports[`UpdateProfileForm/Steps/MilitaryDetails should render in context of For
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="yearsOfService"
>
Expand Down Expand Up @@ -170,7 +170,7 @@ exports[`UpdateProfileForm/Steps/MilitaryDetails should render in context of For
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="payGrade"
>
Expand Down
2 changes: 1 addition & 1 deletion components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/MilitaryStatus.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ exports[`UpdateProfileForm/Steps/MilitaryStatus should render in context of Form
className="field"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="militaryStatus"
>
Expand Down
6 changes: 3 additions & 3 deletions ...ts/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/ProfessionalDetails.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ exports[`UpdateProfileForm/Steps/ProfessionalDetails should render in context of
className="field"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="employmentStatus"
>
Expand Down Expand Up @@ -141,7 +141,7 @@ exports[`UpdateProfileForm/Steps/ProfessionalDetails should render in context of
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="companyName"
>
Expand All @@ -168,7 +168,7 @@ exports[`UpdateProfileForm/Steps/ProfessionalDetails should render in context of
data-testid="INPUT"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="companyRole"
>
Expand Down
4 changes: 2 additions & 2 deletions components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/Technology.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ exports[`UpdateProfileForm/Steps/Technology should render in context of Formik 1
className="field"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="programmingLanguages"
>
Expand Down Expand Up @@ -145,7 +145,7 @@ exports[`UpdateProfileForm/Steps/Technology should render in context of Formik 1
className="field"
>
<label
className="Label"
className="text-secondary text-sm"
data-testid="LABEL"
htmlFor="disciplines"
>
Expand Down
2 changes: 1 addition & 1 deletion tailwind.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ module.exports = {
colors: {
themeGray: '#121212',
primary: '#3ed6f0',
secondary: '#252e3e',
secondary: 'rbg(37, 46, 62, 0.75)',
},
},
maxWidth: {
Expand Down

2 comments on commit 6c4d915

@vercel
Copy link

@vercel vercel bot commented on 6c4d915 Dec 17, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

storybook – ./

operationcode-storybook.vercel.app
storybook-git-main-operation-code.vercel.app
storybook.operationcode.org
storybook-operation-code.vercel.app

@vercel
Copy link

@vercel vercel bot commented on 6c4d915 Dec 17, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

operation-code – ./

operation-code-operation-code.vercel.app
operationcode.org
www.operationcode.org
operation-code-git-main-operation-code.vercel.app

Please sign in to comment.