Skip to content

[UIK-5830][d3-chart] Rebranding - #3160

Open
j-mnizhek wants to merge 10 commits into
UIK-5351/add-more-variables-to-themefrom
UIK-5830/d3-chart-tooltip-rebranding
Open

[UIK-5830][d3-chart] Rebranding#3160
j-mnizhek wants to merge 10 commits into
UIK-5351/add-more-variables-to-themefrom
UIK-5830/d3-chart-tooltip-rebranding

Conversation

@j-mnizhek

Copy link
Copy Markdown
Member

Motivation and Context

How has this been tested?

Screenshots (if appropriate):

Types of changes

  • Bug fix (non-breaking change which fixes an issue).
  • New feature (non-breaking change which adds functionality).
  • Breaking change (fix or feature that would cause existing functionality to not work as expected).
  • Nice improve.

Checklist:

  • I have updated the documentation accordingly.
  • I have added new tests on added of fixed functionality.

@j-mnizhek
j-mnizhek marked this pull request as ready for review September 1, 2026 12:07
…chart-tooltip-rebranding

Signed-off-by: Julia Mnizhek <77798437+j-mnizhek@users.noreply.github.com>

if (value instanceof Date) {
return value.toDateString();
return new Intl.DateTimeFormat('en', {

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.

'en' -> locale from props, i think?

return tooltipValueFormatter(value);
}

private defaultTooltipFormatter(value?: unknown): string {

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.

probably this should be protected too...


SPointShape[shape='Line'][size='l'] {
/* TODO: Remove */
/* SPointShape[shape='Line'][size='l'] {

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.

let's remove =)

rgba(0, 0, 0, 0.48) 60%,
transparent 100%
);
mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.48) 60%, transparent 100%);

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.

not sure we need both -webkit-* and mask-image

}

SDot[active] {
box-shadow: var(--intergalactic-box-shadow-chart-dot-elevated, 0px 0px 2px 0px oklch(0.137 0.026 175.7 / 0.161), 0px 1px 2px 0px oklch(0.137 0.026 175.7 / 0.161));

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.

box-shadow won't work in svg circles


SDot[active] {
box-shadow: var(--intergalactic-box-shadow-chart-dot-elevated, 0px 0px 2px 0px oklch(0.137 0.026 175.7 / 0.161), 0px 1px 2px 0px oklch(0.137 0.026 175.7 / 0.161));
filter: drop-shadow(0px 0px 1px oklch(0.176 0.033 175.7 / 0.07)) drop-shadow(0px 1px 3px oklch(0.176 0.033 175.7 / 0.07));

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.

not sure we will see this at all

static style = style;
static defaultProps = {};

measurer = new TextMeasurer();

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.

maybe we can use one instance for all axis?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment