@luscii-healthtech/web-ui 44.7.0 → 44.8.1
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.
- package/dist/index.development.js +19 -6
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/src/components/RangeCoverage/RangeCoverage.d.ts +5 -1
- package/dist/stories/RangeCoverage.stories.d.ts +3 -0
- package/dist/web-ui-tailwind.css +2 -0
- package/dist/web-ui.esm.js +1 -1
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { type FC } from "react";
|
|
2
|
+
import { Box } from "../Box/Box";
|
|
2
3
|
type Color = string | readonly [string, string];
|
|
3
4
|
export interface RangeCoverageSection {
|
|
4
5
|
from: number;
|
|
5
6
|
to: number;
|
|
6
7
|
color: Color;
|
|
7
8
|
}
|
|
8
|
-
export interface Props {
|
|
9
|
+
export interface Props extends React.ComponentPropsWithoutRef<typeof Box<"div">> {
|
|
9
10
|
/**
|
|
10
11
|
* Each section defines a colored range within the overall start-end range.
|
|
11
12
|
*/
|
|
@@ -58,6 +59,9 @@ export declare const RangeCoverage: FC<Props> & {
|
|
|
58
59
|
GREY_DARK: string;
|
|
59
60
|
GREY_LIGHT: string;
|
|
60
61
|
BLUE: string;
|
|
62
|
+
FILL: string;
|
|
63
|
+
GAP: readonly [string, string];
|
|
64
|
+
OVERLAP: readonly [string, string];
|
|
61
65
|
};
|
|
62
66
|
generateIntermediateTicks: (args: {
|
|
63
67
|
start: number;
|
package/dist/web-ui-tailwind.css
CHANGED
|
@@ -137,8 +137,10 @@
|
|
|
137
137
|
--ui-primitive-color-red-900: #8d1515;
|
|
138
138
|
--ui-color-on-surface-variant: var(--ui-color-slate-500);
|
|
139
139
|
--ui-color-background: var(--ui-color-slate-50);
|
|
140
|
+
--ui-color-background-info-primary-hovered: var(--ui-primitive-color-blue-500);
|
|
140
141
|
--ui-color-background-info-secondary-default: var(--ui-primitive-color-blue-100);
|
|
141
142
|
--ui-color-background-info-secondary-hovered: var(--ui-primitive-color-blue-300);
|
|
143
|
+
--ui-color-border-neutral-primary-default: var(--ui-primitive-color-grey-700);
|
|
142
144
|
--ui-color-border-neutral-secondary-default: var(--ui-primitive-color-grey-500);
|
|
143
145
|
--ui-color-border-info-secondary-hovered: var(--ui-primitive-color-blue-700);
|
|
144
146
|
--ui-color-border-error-primary-default: var(--ui-primitive-color-red-700);
|