Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SSR-163: SQForms: Masked Read Only Field - Update component #856

Merged

Conversation

asim-sqfe
Copy link
Contributor

Update the current implementation of the Masked Read Only Field with added specifications. Here is the current implementation of this SQForm: https://master--5f4431386ea00a00220d495c.chromatic.com/?path=/story/components-sqformmaskedreadonlyfield--default (this is an example link)

Design reference: https://www.figma.com/file/DsJr2cFZqMYkOX6VjcuhqW/SC3-DESIGN-SYSTEM?node-id=1518%3A11678
Typography: https://www.figma.com/file/DsJr2cFZqMYkOX6VjcuhqW/SC3-DESIGN-SYSTEM?node-id=340%3A9946
Color: https://www.figma.com/file/DsJr2cFZqMYkOX6VjcuhqW/SC3-DESIGN-SYSTEM?node-id=340%3A9646

Default:

Label: Text Style: Label 12 px Weight: 400
Value: Text Style: Value 14px Weight: 600 Semi-bold

Loom Demo: here

@asim-sqfe asim-sqfe self-assigned this Feb 23, 2023
@asim-sqfe asim-sqfe linked an issue Feb 23, 2023 that may be closed by this pull request
@asim-sqfe asim-sqfe requested a review from hvilander as a code owner February 23, 2023 14:24
@malikfarhan183
Copy link
Contributor

@asim-sqfe I think we need to use Conventional Commits so that it can automatically determine a semantic version bump.

@laurelbean laurelbean changed the base branch from master to epic/style-updates February 24, 2023 15:12
@laurelbean
Copy link
Contributor

@asim-sqfe I think we need to use Conventional Commits so that it can automatically determine a semantic version bump.

Yes, you can use npm run commit to help you create the commit.

@laurelbean laurelbean merged commit 785c539 into epic/style-updates Mar 10, 2023
@laurelbean laurelbean deleted the update-sqform-masked-readonly-component branch July 12, 2023 21:05
laurelbean added a commit that referenced this pull request Jul 21, 2023
* feat: Updated Group Checkbox State Colors (#854)

Co-authored-by: Farhan Abdul <[email protected]>

* SSR-163: SQForms: Masked Read Only Field - Update component (#856)

* feat: 🎸 Update SQForm Masked TextField (#866)

* feat: 🎸 Update SQForm Masked TextField

Updated font size and font weight

BREAKING CHANGE: 🧨 no

✅ Closes: #865

* feat: 🎸 Update SQForm masked TextField

Updated font weight and size

BREAKING CHANGE: 🧨 No

✅ Closes: #865

---------

Co-authored-by: Mudassar Raza <[email protected]>

* feat: SSR-161 SQFormsDropdown - Update component (#867)

* feat: SQFormsDropdown - Update component

* feat: move fontweight into classes

* feat: 🎸 Update Component Multi-Select (#869)

* feat: 🎸 Update Component Multi-Select

Updated font weight and font size

BREAKING CHANGE: 🧨 No

✅ Closes: #868

* fix: 🐛 Variant property into Form Control

Positioned field title to the left as it was too far to the right side

BREAKING CHANGE: 🧨 n

✅ Closes: #868

---------

Co-authored-by: Mudassar Raza <[email protected]>

* 874 sqforms readonlyfield update component (#875)

* feat: 🎸 ReadOnlyField-Update Component

Removed underline and updated font weight

BREAKING CHANGE: 🧨 n

✅ Closes: #874

* feat: 🎸 ReadOnlyField-Update Component

Removed underline and updated font weight

BREAKING CHANGE: 🧨 n

✅ Closes: #874

* feat: 🎸 ReadOnlyField-Update Component

Removed underline and updated font weight

BREAKING CHANGE: 🧨 No

✅ Closes: #874

* feat: 🎸 ReadOnlyField-Update Component

Make field label not look actionable

BREAKING CHANGE: 🧨 No

✅ Closes: #874

---------

Co-authored-by: Mudassar Raza <[email protected]>

* style: 💄 SQForms: MultiValue - Update component (#878)

* style: 💄 SQForms: MultiValue - Update component

✅ Closes: SSR-166

* style: 💄 Adding Variable for Input Size

✅ Closes: SSR-166

* style: 💄 Updating Code and Move some general Code in scplus-sha

✅ Closes: SSR-166

---------

Co-authored-by: Farhan Abdul <[email protected]>

* chore: 🤖 Update to latest SCPlus Shared Components

Updating to the latest version of SCPlus Shared Components

* chore: 🤖 Remove redundant story name

Since the name of the story is already 'Default' setting the story name
to the same is unnecessary

---------

Co-authored-by: Malik Abdul Farhan <[email protected]>
Co-authored-by: Farhan Abdul <[email protected]>
Co-authored-by: asim-sqfe <[email protected]>
Co-authored-by: Mudassar-Raza <[email protected]>
Co-authored-by: Mudassar Raza <[email protected]>
Co-authored-by: Laurel Bean <[email protected]>
kaylamc2 pushed a commit that referenced this pull request Jul 21, 2023
## [11.0.0](v10.6.0...v11.0.0) (2023-07-21)

### ⚠ BREAKING CHANGES

* 🧨 no
* 🧨 No

* Adding our style updates (#914) ([89a0758](89a0758)), closes [#914](#914) [#854](#854) [#856](#856) [#866](#866) [#865](#865) [#865](#865)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

SQForms: Masked Read Only Field - Update component
3 participants