Skip to content

Fluent-next: extract css variables of components level - #34888

Open
EugeniyKiyashko wants to merge 17 commits into
DevExpress:feature/26_2_new_fluent_theme_with_design_tokensfrom
EugeniyKiyashko:fluent-next/component-layer
Open

Fluent-next: extract css variables of components level#34888
EugeniyKiyashko wants to merge 17 commits into
DevExpress:feature/26_2_new_fluent_theme_with_design_tokensfrom
EugeniyKiyashko:fluent-next/component-layer

Conversation

@EugeniyKiyashko

Copy link
Copy Markdown
Contributor

No description provided.

EugeniyKiyashko and others added 17 commits August 18, 2026 15:42
…ss#34744)

Co-authored-by: Andrei Kharitonov <pharret31@users.noreply.github.com>
…, fix hardcoded colors in Widget Gallery (DevExpress#34698)

Co-authored-by: Andrei Kharitonov <pharret31@users.noreply.github.com>
Co-authored-by: EugeniyKiyashko <EugeniyKiyashko@users.noreply.github.com>
Rebase onto main brought the adduse/dead-import rules; fluent-next was
written before them. Removes 257 adduse markers and 141 dead theme-root
imports (27 files become empty placeholders), plus the formatting fixes
the new @Stylistic rules require.
The rebase took main's lockfile to avoid a hand-merge; re-adding the
branch's devextreme-scss devDependencies is what pnpm regenerates.
They were unrelated to the theme: 13 workflows had gained a
`push: branches: [26_1]` trigger (default_workflow a `[0-9][0-9]_[0-9]`
glob, wrapper_tests_e2e a `26_*` entry). The fluent-next additions to the
testcafe and demo visual-test matrices stay.
@EugeniyKiyashko EugeniyKiyashko self-assigned this Aug 24, 2026
@EugeniyKiyashko
EugeniyKiyashko requested review from a team as code owners August 24, 2026 14:45
$grid-command-edit-text-margin: ds.$spacing-20 !default;

// Общий на все гриды: base рисует фокус-кольцо кнопки AI-колонки правилом БЕЗ скоупа виджета (одинаковый селектор в base/dataGrid и base/treeList), поэтому значение обязано резолвиться в любом гриде — имя живёт в gridBase, а не в dataGrid/treeList (F15)
$grid-outline-focused: ds.$spacing-20 solid !default;

@pharret31 pharret31 Aug 24, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Why here and in other places not a --dx- variables? Also comment

&.dx-texteditor-with-label,
&.dx-texteditor-with-floating-label {
.dx-texteditor-label {
width: calc(100% + 2 * $text-editor-border-width);

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Don't we have a variable for this?

Comment on lines +1775 to +1777
"!{projectRoot}/artifacts/css/dx.*.css",
"!{projectRoot}/artifacts/css/fonts/**",
"!{projectRoot}/artifacts/css/icons/**",

@pharret31 pharret31 Aug 24, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

As far as I see in NX docs outputs don't support exclamation mark syntax, why it was added here and in other places?
Feels like it doesn't make sense
https://nx.dev/docs/kb/configure-outputs

@EugeniyKiyashko
EugeniyKiyashko force-pushed the feature/26_2_new_fluent_theme_with_design_tokens branch from 3e93edd to 463e0df Compare August 25, 2026 11:59
@EugeniyKiyashko
EugeniyKiyashko requested review from a team as code owners August 25, 2026 11:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants