@rfkit/charts 1.12.0 → 1.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/charts/Heatmap/Chart.d.ts +2 -0
  2. package/charts/Spectrum/Chart.d.ts +2 -0
  3. package/components/Toolbar/primitives/styles.d.ts +8 -8
  4. package/index.js +175 -429
  5. package/modules/Heatmap/index.d.ts +2 -0
  6. package/modules/Heatmap/render.d.ts +3 -1
  7. package/modules/HeatmapPortal/index.d.ts +2 -0
  8. package/package.json +1 -1
  9. package/theme/color-mix.d.ts +36 -0
package/charts/Heatmap/Chart.d.ts CHANGED
@@ -1,7 +1,9 @@
1
+ import type { RendererType } from '@rfkit/renderer';
1
2
  import type React from 'react';
2
3
  import type { ParamsProps } from '../../types';
3
4
  export interface Props extends ParamsProps {
4
5
  heatmapDefaultData?: Array<Array<number>>;
6
+ renderer?: RendererType;
5
7
  }
6
8
  declare const Chart: React.FC<Props>;
7
9
  export default Chart;
package/charts/Spectrum/Chart.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import type { RendererType } from '@rfkit/renderer';
1
2
  import type { ProcessingOptions } from '@rfkit/spectrum-analyzer';
2
3
  import { type UseSpectrumChartTypeProps as SpectrumChartTypeProps } from '../../hooks/spectrum';
3
4
  import { type OccupancyPortalProps } from '../../modules/OccupancyPortal';
@@ -6,6 +7,7 @@ export interface Props extends SpectrumChartTypeProps, ParamsProps, OccupancyPor
6
7
  children?: React.ReactNode;
7
8
  touch?: boolean;
8
9
  processing?: Partial<ProcessingOptions>;
10
+ renderer?: RendererType;
9
11
  }
10
12
  declare const Chart: React.FC<Props>;
11
13
  export default Chart;
package/components/Toolbar/primitives/styles.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export declare const TOOLBAR_SHELL_CLASS_NAME = "relative flex h-10 w-full items-center justify-between pl-[var(--size-gap-base)] text-xs text-foreground";
2
2
  export declare const TOOLBAR_SHELL_STYLE: {
3
- readonly background: 'linear-gradient(to bottom, color-mix(in srgb, var(--background) 100%, transparent), color-mix(in srgb, var(--background) 86%, transparent))';
4
- readonly boxShadow: '0 1px 4px color-mix(in srgb, var(--border) 72%, transparent)';
3
+ readonly background: 'linear-gradient(to bottom, var(--background), var(--mix-background-86))';
4
+ readonly boxShadow: '0 1px 4px var(--mix-border-72)';
5
5
  };
6
6
  export declare const TOOLBAR_ITEMS_CLASS_NAME = "flex h-full items-center gap-[var(--size-gap-base)]";
7
7
  export declare const TOOLBAR_SEPARATOR_BASE_CLASS_NAME = "self-center";
@@ -17,17 +17,17 @@ export declare const TOOLBAR_TONE_CLASS_NAME_MAP: {
17
17
  readonly destructive: 'text-destructive';
18
18
  };
19
19
  export declare const TOOLBAR_ACTIVE_SURFACE_CLASS_NAME_MAP: {
20
- readonly default: 'data-[active=true]:bg-accent/72 data-[active=true]:text-foreground data-[active=true]:shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--border)_72%,transparent)] data-[active=true]:hover:bg-accent/72';
21
- readonly primary: 'data-[active=true]:bg-accent/72 data-[active=true]:text-primary data-[active=true]:shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--border)_72%,transparent)] data-[active=true]:hover:bg-accent/72';
22
- readonly warning: 'data-[active=true]:bg-warning/10 data-[active=true]:text-warning data-[active=true]:shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--warning)_24%,transparent)] data-[active=true]:hover:bg-warning/12';
23
- readonly destructive: 'data-[active=true]:bg-destructive/10 data-[active=true]:text-destructive data-[active=true]:shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--destructive)_24%,transparent)] data-[active=true]:hover:bg-destructive/12';
20
+ readonly default: 'data-[active=true]:bg-accent/72 data-[active=true]:text-foreground data-[active=true]:shadow-[inset_0_0_0_1px_var(--mix-border-72)] data-[active=true]:hover:bg-accent/72';
21
+ readonly primary: 'data-[active=true]:bg-accent/72 data-[active=true]:text-primary data-[active=true]:shadow-[inset_0_0_0_1px_var(--mix-border-72)] data-[active=true]:hover:bg-accent/72';
22
+ readonly warning: 'data-[active=true]:bg-warning/10 data-[active=true]:text-warning data-[active=true]:shadow-[inset_0_0_0_1px_var(--mix-warning-24)] data-[active=true]:hover:bg-warning/12';
23
+ readonly destructive: 'data-[active=true]:bg-destructive/10 data-[active=true]:text-destructive data-[active=true]:shadow-[inset_0_0_0_1px_var(--mix-destructive-24)] data-[active=true]:hover:bg-destructive/12';
24
24
  };
25
25
  export type ToolbarTone = keyof typeof TOOLBAR_TONE_CLASS_NAME_MAP;
26
26
  export declare const TOOLBAR_ICON_TRIGGER_CLASS_NAME = "inline-flex h-[26px] min-w-[26px] shrink-0 items-center justify-center";
27
27
  export declare const TOOLBAR_ICON_BOX_CLASS_NAME = "pointer-events-auto box-border rounded-[var(--radius-group)] bg-secondary text-inherit transition-[background-color,color,opacity] select-none inline-flex h-[26px] min-w-[26px] shrink-0 items-center justify-center px-1 [&_svg]:size-4 [&_svg]:shrink-0 [&>span]:flex [&>span]:items-center [&>span]:justify-center";
28
28
  export declare const TOOLBAR_OUTLINED_SHELL_CLASS_NAME = "inline-flex h-[26px] shrink-0 items-stretch overflow-hidden rounded-[var(--radius-group)] border border-solid border-border/60 transition-colors";
29
29
  export declare const TOOLBAR_OUTLINED_TRIGGER_CLASS_NAME = "inline-flex h-[26px] shrink-0 items-stretch overflow-hidden rounded-[var(--radius-group)] border border-solid border-border/60 transition-colors min-w-10 items-center justify-between gap-1 px-[calc(var(--size-gap-base)/2)] hover:bg-accent/72 hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/70 focus-visible:ring-offset-1 focus-visible:ring-offset-background";
30
- export declare const TOOLBAR_OUTLINED_TRIGGER_OPEN_CLASS_NAME = "data-[state=open]:bg-accent/72 data-[state=open]:text-foreground data-[state=open]:shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--border)_72%,transparent)] data-[state=open]:hover:bg-accent/72";
30
+ export declare const TOOLBAR_OUTLINED_TRIGGER_OPEN_CLASS_NAME = "data-[state=open]:bg-accent/72 data-[state=open]:text-foreground data-[state=open]:shadow-[inset_0_0_0_1px_var(--mix-border-72)] data-[state=open]:hover:bg-accent/72";
31
31
  export declare const TOOLBAR_INLINE_TRIGGER_CLASS_NAME = "inline-flex h-full min-h-0 min-w-0 items-center gap-1 p-0 text-inherit focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/70 focus-visible:ring-offset-1 focus-visible:ring-offset-background";
32
32
  export declare const TOOLBAR_INLINE_INSET_CLASS_NAME = "inline-flex h-full items-center px-[calc(var(--size-gap-base)/2)] text-primary hover:bg-accent/72 data-[state=open]:bg-accent/72 data-[state=open]:hover:bg-accent/72";
33
33
  export declare const TOOLBAR_GROUP_CHILD_CLASS_NAME = "h-full rounded-none border-0 bg-transparent shadow-none";
@@ -38,4 +38,4 @@ export declare const TOOLBAR_CONTENT_VALUE_CLASS_NAME = "min-w-8 justify-center
38
38
  export declare const TOOLBAR_CONTENT_GRADIENT_CLASS_NAME = "w-[60px] justify-stretch";
39
39
  export declare const TOOLBAR_TRIGGER_ICON_CLASS_NAME = "inline-flex h-full min-w-4 shrink-0 items-center justify-center text-primary";
40
40
  export declare const TOOLBAR_GLYPH_CLASS_NAME = "inline-flex size-4 shrink-0 items-center justify-center [&_svg]:size-full [&_svg]:shrink-0";
41
- export declare const TOOLBAR_DROPDOWN_CONTENT_CLASS_NAME = "border-border/80 bg-secondary/92 text-foreground shadow-[0_10px_28px_color-mix(in_srgb,var(--background)_60%,transparent)] backdrop-blur-xl";
41
+ export declare const TOOLBAR_DROPDOWN_CONTENT_CLASS_NAME = "border-border/80 bg-secondary/92 text-foreground shadow-[0_10px_28px_var(--mix-background-60)] backdrop-blur-xl";