@luscii-healthtech/web-ui 58.6.0 → 58.6.2

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 (10) hide show
  1. package/dist/index.development.js +104 -22
  2. package/dist/index.development.js.map +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/src/components/RangeCoverage/RangeCoverage.d.ts +37 -1
  6. package/dist/src/generated/components/RangeCoverage/RangeCoverage.d.ts +37 -1
  7. package/dist/stories/RangeCoverage.stories.d.ts +28 -1
  8. package/dist/web-ui.esm.js +1 -1
  9. package/dist/web-ui.esm.js.map +1 -1
  10. package/package.json +1 -1
package/dist/src/components/RangeCoverage/RangeCoverage.d.ts CHANGED
@@ -47,6 +47,16 @@ export interface Props extends React.ComponentPropsWithoutRef<typeof Box<"div">>
47
47
  * Optional function to format tick values for display.
48
48
  */
49
49
  tickFormatter?: (value: number) => string;
50
+ /**
51
+ * Controls whether the vertical tick mark is shown for the first tick
52
+ * (`start`) and the last tick (`end`), independently. Their labels are
53
+ * always shown regardless of these settings.
54
+ * @default { start: true, end: true }
55
+ */
56
+ showEdgeTickMarks?: {
57
+ start?: boolean;
58
+ end?: boolean;
59
+ };
50
60
  /**
51
61
  * The start of the range, which will be shown at the left side of the bar.
52
62
  */
@@ -110,8 +120,34 @@ export declare const RangeCoverage: FC<Props> & {
110
120
  GREY_LIGHT: string;
111
121
  BLUE: string;
112
122
  FILL: string;
113
- GAP: readonly [string, string];
123
+ GAP: string;
114
124
  OVERLAP: readonly [string, string];
125
+ ALERT: {
126
+ HIGH: {
127
+ DEFAULT: string;
128
+ SALMON: string;
129
+ CRIMSON: string;
130
+ RED: string;
131
+ };
132
+ MEDIUM: {
133
+ DEFAULT: string;
134
+ SUN: string;
135
+ OAK: string;
136
+ AMBER: string;
137
+ };
138
+ LOW: {
139
+ DEFAULT: string;
140
+ MINT: string;
141
+ LEAF: string;
142
+ GREEN: string;
143
+ };
144
+ NONE: {
145
+ DEFAULT: string;
146
+ FOG: string;
147
+ NEUTRAL: string;
148
+ GRAPHITE: string;
149
+ };
150
+ };
115
151
  };
116
152
  useAdaptiveTicks: typeof useAdaptiveTicks;
117
153
  };
package/dist/src/generated/components/RangeCoverage/RangeCoverage.d.ts CHANGED
@@ -47,6 +47,16 @@ export interface Props extends React.ComponentPropsWithoutRef<typeof Box<"div">>
47
47
  * Optional function to format tick values for display.
48
48
  */
49
49
  tickFormatter?: (value: number) => string;
50
+ /**
51
+ * Controls whether the vertical tick mark is shown for the first tick
52
+ * (`start`) and the last tick (`end`), independently. Their labels are
53
+ * always shown regardless of these settings.
54
+ * @default { start: true, end: true }
55
+ */
56
+ showEdgeTickMarks?: {
57
+ start?: boolean;
58
+ end?: boolean;
59
+ };
50
60
  /**
51
61
  * The start of the range, which will be shown at the left side of the bar.
52
62
  */
@@ -110,8 +120,34 @@ export declare const RangeCoverage: FC<Props> & {
110
120
  GREY_LIGHT: string;
111
121
  BLUE: string;
112
122
  FILL: string;
113
- GAP: readonly [string, string];
123
+ GAP: string;
114
124
  OVERLAP: readonly [string, string];
125
+ ALERT: {
126
+ HIGH: {
127
+ DEFAULT: string;
128
+ SALMON: string;
129
+ CRIMSON: string;
130
+ RED: string;
131
+ };
132
+ MEDIUM: {
133
+ DEFAULT: string;
134
+ SUN: string;
135
+ OAK: string;
136
+ AMBER: string;
137
+ };
138
+ LOW: {
139
+ DEFAULT: string;
140
+ MINT: string;
141
+ LEAF: string;
142
+ GREEN: string;
143
+ };
144
+ NONE: {
145
+ DEFAULT: string;
146
+ FOG: string;
147
+ NEUTRAL: string;
148
+ GRAPHITE: string;
149
+ };
150
+ };
115
151
  };
116
152
  useAdaptiveTicks: typeof useAdaptiveTicks;
117
153
  };
package/dist/stories/RangeCoverage.stories.d.ts CHANGED
@@ -9,8 +9,34 @@ declare const meta: {
9
9
  GREY_LIGHT: string;
10
10
  BLUE: string;
11
11
  FILL: string;
12
- GAP: readonly [string, string];
12
+ GAP: string;
13
13
  OVERLAP: readonly [string, string];
14
+ ALERT: {
15
+ HIGH: {
16
+ DEFAULT: string;
17
+ SALMON: string;
18
+ CRIMSON: string;
19
+ RED: string;
20
+ };
21
+ MEDIUM: {
22
+ DEFAULT: string;
23
+ SUN: string;
24
+ OAK: string;
25
+ AMBER: string;
26
+ };
27
+ LOW: {
28
+ DEFAULT: string;
29
+ MINT: string;
30
+ LEAF: string;
31
+ GREEN: string;
32
+ };
33
+ NONE: {
34
+ DEFAULT: string;
35
+ FOG: string;
36
+ NEUTRAL: string;
37
+ GRAPHITE: string;
38
+ };
39
+ };
14
40
  };
15
41
  useAdaptiveTicks: typeof import("../src/components/RangeCoverage/hooks/use-adaptive-ticks.hook").useAdaptiveTicks;
16
42
  };
@@ -32,6 +58,7 @@ export declare const Reversed: Story;
32
58
  export declare const EdgeCases: Story;
33
59
  export declare const OverlappingSections: Story;
34
60
  export declare const FormattingTicks: Story;
61
+ export declare const HiddenEdgeTickMarks: Story;
35
62
  export declare const HighlightedRange: Story;
36
63
  export declare const LabeledHighlightedRange: Story;
37
64
  export declare const AdaptiveTicks: Story;