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

Added new Hero variant Pale Blue Bubbles #3476

Open
wants to merge 6 commits into
base: main
Choose a base branch
from

Conversation

SriHV
Copy link
Contributor

@SriHV SriHV commented Jan 16, 2025

What is the context of this PR?

ONSDESYS-164 Added new Hero as per the ticket.

New Variant will have Breadcrumbs, word "Topic" which is configurable, a sub-header and corresponding text.

How to review this PR

Check that new example added matches the design as in figma and the available prototype

Checklist

This needs to be completed by the person raising the PR.

  • I have selected the correct Assignee
  • I have linked the correct Issue

@SriHV SriHV self-assigned this Jan 16, 2025
@SriHV SriHV added the Enhancement Change of existing feature label Jan 16, 2025
Copy link

netlify bot commented Jan 16, 2025

Deploy Preview for ons-design-system-preview ready!

Name Link
🔨 Latest commit 6271309
🔍 Latest deploy log https://app.netlify.com/sites/ons-design-system-preview/deploys/6793cbbefe767600083391ff
😎 Deploy Preview https://deploy-preview-3476--ons-design-system-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@SriHV SriHV requested a review from a team January 16, 2025 16:32
Copy link
Contributor

@admilne admilne left a comment

Choose a reason for hiding this comment

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

Really only one comment but crops up in a few places. I didn't bother to add the same comment to the tests but they would also need to be updated.

@@ -28,6 +28,26 @@
}
}

&--topic-grey {
Copy link
Contributor

Choose a reason for hiding this comment

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

I think topic-grey isn't the best name here as this example is only called topic because of the text supplied to the topic option. This could be anything. Perhaps grey-bubbles or something might be better?

@@ -329,6 +349,77 @@
}
}

&--topic-grey & {
Copy link
Contributor

Choose a reason for hiding this comment

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

Same comment as above:

I think topic-grey isn't the best name here as this example is only called topic because of the text supplied to the topic option. This could be anything. Perhaps grey-bubbles or something might be better?

@@ -13,8 +13,17 @@
{% endfor %}
</div>
{% endif %}
{% if params.variants == 'topic-grey' %}
Copy link
Contributor

Choose a reason for hiding this comment

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

Same comment as above:

I think topic-grey isn't the best name here as this example is only called topic because of the text supplied to the topic option. This could be anything. Perhaps grey-bubbles or something might be better?

}
]
},
"variants": 'topic-grey'
Copy link
Contributor

Choose a reason for hiding this comment

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

Same comment as above:

I think topic-grey isn't the best name here as this example is only called topic because of the text supplied to the topic option. This could be anything. Perhaps grey-bubbles or something might be better?

@rmccar
Copy link
Contributor

rmccar commented Jan 24, 2025

Actually the main colour of this hero is pale blue so should we name it something closer to that rather than grey?

@SriHV SriHV changed the title Added new Hero variant Topic Grey Added new Hero variant Grey Bubbles Jan 24, 2025
@rmccar
Copy link
Contributor

rmccar commented Jan 24, 2025

I think we need to update the name of this component to light or pale blue rather than grey. To me the hero looks blue not grey

@SriHV
Copy link
Contributor Author

SriHV commented Jan 24, 2025

I think we need to update the name of this component to light or pale blue rather than grey. To me the hero looks blue not grey

Shall I change variant name as well?

@rmccar
Copy link
Contributor

rmccar commented Jan 24, 2025

I think we need to update the name of this component to light or pale blue rather than grey. To me the hero looks blue not grey

Shall I change variant name as well?

Yeah I think so, anywhere the variant name is used

@SriHV SriHV changed the title Added new Hero variant Grey Bubbles Added new Hero variant Pale Blue Bubbles Jan 24, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Enhancement Change of existing feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants