tyler-technologies-oss / forge

Framework agnostic Web Component library that implements the Tyler Forge™ design system.
Apache License 2.0
42 stars 11 forks source link

feat: opt-in global stylesheets to allow for CSS-only component styling #633

Closed DRiFTy17 closed 1 week ago

DRiFTy17 commented 2 months ago

PR Checklist

Please check if your PR fulfills the following requirements:

Describe the new behavior?

Introduces pre-built global stylesheets that developers can use in their applications/libraries to apply CSS classes to native HTML elements that offers visually consistent design to their functional JS-based counterparts. This opens the door for using Forge in pages where performance is of the utmost concern, or in static pages that don't have a build tool... etc.

Additionally, for basic components that do not offer any built-in JavaScript-based functionality such as cards for example, developers could opt for the CSS class on a native <div> instead to reduce overhead if they desire.

It's important to note that even for simple elements such as <forge-card> you still gain the benefit of guaranteed style encapsulation via the shadow DOM and the CSS-only solution mentioned above is just an alternative, not necessarily our recommended usage.

Additional information

The need for this has come up for requirements of highly performant pages such as login pages, general static redirect landing pages, and otherwise any multi-page or SSR-based pages where the overhead of upgrading custom elements and declarative shadow DOM restrictions is of concern.

stackblitz[bot] commented 2 months ago

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

github-actions[bot] commented 1 week ago

View Storybook Deployment pr/tyler-technologies-oss:feat/css-based-components

github-actions[bot] commented 6 days ago

:rocket: PR was released in v3.1.0 :rocket: