@luscii-healthtech/web-ui 42.13.1 → 42.13.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.
@@ -33,12 +33,20 @@ export interface Props {
33
33
  */
34
34
  color: Color;
35
35
  }>;
36
+ translations: {
37
+ /**
38
+ * This component doesn't support overlapping sections. If you cannot guarantee that
39
+ * sections won't overlap, you can show this message to the user when the component
40
+ * detects overlapping sections.
41
+ */
42
+ sectionOverlapsMessage: string;
43
+ };
36
44
  }
37
- export declare const COLOR_RED = "var(--ui-color-red-800)";
38
- export declare const COLOR_AMBER = "var(--ui-color-amber-700)";
39
- export declare const COLOR_GREY_DARK = "var(--ui-color-slate-700)";
40
- export declare const COLOR_GREY_LIGHT = "var(--ui-color-slate-300)";
41
- export declare const COLOR_BLUE = "var(--ui-color-blue-200)";
45
+ export declare const COLOR_GREY_LIGHT = "var(--ui-color-background-info-secondary-hovered)";
46
+ export declare const COLOR_GREY_DARK = "var(--ui-color-border-info-secondary-hovered)";
47
+ export declare const COLOR_RED = "var(--ui-color-border-error-primary-default)";
48
+ export declare const COLOR_AMBER = "var(--ui-color-icon-warning-secondary-default)";
49
+ export declare const COLOR_BLUE = "var(--ui-color-background-info-secondary-hovered)";
42
50
  export declare const RangeCoverage: FC<Props> & {
43
51
  Colors: {
44
52
  RED: string;
@@ -22,3 +22,4 @@ type Story = StoryObj<typeof meta>;
22
22
  export declare const Base: Story;
23
23
  export declare const Reversed: Story;
24
24
  export declare const EdgeCases: Story;
25
+ export declare const OverlappingSections: Story;
@@ -125,6 +125,7 @@
125
125
  --ui-primitive-color-blue-100: #f1f5fc;
126
126
  --ui-primitive-color-blue-300: #d7e3fb;
127
127
  --ui-primitive-color-blue-500: #b3cafc;
128
+ --ui-primitive-color-blue-700: #7c9eea;
128
129
  --ui-primitive-color-orange-500: #ffb300;
129
130
  --ui-primitive-color-orange-700: #f0761e;
130
131
  --ui-primitive-color-orange-900: #8a3d00;
@@ -136,6 +137,12 @@
136
137
  --ui-color-on-surface-variant: var(--ui-color-slate-500);
137
138
  --ui-color-background: var(--ui-color-slate-50);
138
139
  --ui-color-background-info-secondary-default: var(--ui-primitive-color-blue-100);
140
+ --ui-color-background-info-secondary-hovered: var(--ui-primitive-color-blue-300);
141
+ --ui-color-border-neutral-secondary-default: var(--ui-primitive-color-grey-500);
142
+ --ui-color-border-info-secondary-hovered: var(--ui-primitive-color-blue-700);
143
+ --ui-color-border-error-primary-default: var(--ui-primitive-color-red-700);
144
+ --ui-color-text-neutral-secondary-default: var(--ui-primitive-color-grey-800);
145
+ --ui-color-icon-warning-secondary-default: var(--ui-primitive-color-orange-500);
139
146
  --ui-flyout-menu-content-max-height: 600px;
140
147
  }
141
148
  *, ::after, ::before, ::backdrop, ::file-selector-button {