Skip to content

refactor(*): bundle styles with components#15125

Draft
simeonoff wants to merge 244 commits into
masterfrom
simeonoff/scoped-styles
Draft

refactor(*): bundle styles with components#15125
simeonoff wants to merge 244 commits into
masterfrom
simeonoff/scoped-styles

Conversation

@simeonoff
Copy link
Copy Markdown
Collaborator

@simeonoff simeonoff commented Dec 2, 2024

Closes #13770, #16794

Additional information (check all that apply):

  • Bug fix
  • New functionality
  • Documentation
  • Demos
  • CI/CD

Checklist:

  • All relevant tags have been applied to this PR
  • This PR includes unit tests covering all the new code (test guidelines)
  • This PR includes API docs for newly added methods/properties (api docs guidelines)
  • This PR includes feature/README.MD updates for the feature docs
  • This PR includes general feature table updates in the root README.MD
  • This PR includes CHANGELOG.MD updates for newly added functionality
  • This PR contains breaking changes
  • This PR includes ng update migrations for the breaking changes (migrations guidelines)
  • This PR includes behavioral changes and the feature specification has been updated with them

simeonoff and others added 30 commits November 6, 2024 17:27
desig9stein and others added 30 commits April 1, 2026 16:49
…ayout

- Switched from custom flexbox layouts to responsive CSS Grid for cleaner structure and better alignment.
- Replaced old `items-wrapper` and related styles with streamlined `:host`-based grid layout.
- Unified button and form sample styles using updated variables and semantic class names.
- Integrated Ignite UI Material theme tokens for consistency.
- Adjusted SCSS imports for modularity and removed redundant encapsulation.
…amples

- Replaced `border` with `border-block` in navigation drawer popover.
- Added styles for input group `bundle-main` to improve input accessibility.
- Updated panel configuration labels and default values for better clarity.
- Added scroll bar color adjustments in the main navigation styling.
- Added color, font size, and line height to improve label readability and alignment with theme standards.
…nversion

- Replaced `rgbToHex` with `colorToHex` using a canvas for accurate conversion of all CSS color formats.
- Ensure `canvasCtx` is properly initialized and cleared for reliable handling.
…yles

# Conflicts:
#	projects/igniteui-angular/grids/grid/src/grid-filtering-ui.spec.ts
* feat(splitter): align splitter with the latest design handoff

* feat(splitter): use base-font-size var and a splitter-size var
* feat(chips-area): add separate theme + grid sample and chips-area changes

* chore(): fix spacings
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.

Themes: Scope component styles to component

6 participants