Update example app for NI Tech Demo + extend text-field to support password mode

[scotia673]

Pull Request

🤨 Rationale

This change updates the example app to take the form of a simple non-functional login page, that looks like this:

And dark mode looks like this:

@haworthia , for some reason the default button style doesn't appear to take on the "outline" state, as you can see in the screenshots. I couldn't get it to take on the correct appearance even by attempting to add the appearance attribute as an attribute on the Angular wrapper. Do you have any idea what I might be missing? If you're not sure, I can create an issue for us to track that separately.

👩‍💻 Implementation

• Updated the example app template + styling
• Updated the Angular wrapper for the text-field to support the type attribute

🧪 Testing

Manual validation of changes in the example app.

✅ Checklist

• I have updated the project documentation to reflect my changes or determined no changes are needed.

[haworthia]

@haworthia , for some reason the default button style doesn't appear to take on the "outline" state, as you can see in the screenshots. I couldn't get it to take on the correct appearance even by attempting to add the appearance attribute as an attribute on the Angular wrapper. Do you have any idea what I might be missing? If you're not sure, I can create an issue for us to track that separately.

Based on what you're seeing, it looks like the behaviors aren't coming through into the Angular app. 😢

[scotia673]

@haworthia , for some reason the default button style doesn't appear to take on the "outline" state, as you can see in the screenshots. I couldn't get it to take on the correct appearance even by attempting to add the appearance attribute as an attribute on the Angular wrapper. Do you have any idea what I might be missing? If you're not sure, I can create an issue for us to track that separately.

Based on what you're seeing, it looks like the behaviors aren't coming through into the Angular app. 😢

Thanks for taking a look. Milan and I looked earlier today as well and came to the same conclusion. I created an issue so we can track this issue separately. Let me know how I can help!