@equisoft/design-elements-react 10.2.1-snapshot.20260526132515 → 10.3.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.
@@ -1,6 +1,6 @@
1
1
  import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
2
+ import { type LogoName } from '../logo';
2
3
  import { type SkipLinkProps } from '../skip-link';
3
- import { LogoName } from './logo';
4
4
  export interface GlobalHeaderProps {
5
5
  /** Set the app name to get the proper logos */
6
6
  appName?: LogoName;
@@ -1,3 +1,2 @@
1
1
  export { GlobalHeader } from './global-header';
2
2
  export type { GlobalHeaderProps } from './global-header';
3
- export type { LogoName } from './logo';
@@ -32,6 +32,7 @@ export * from './icon';
32
32
  export * from './label';
33
33
  export * from './link';
34
34
  export * from './listbox';
35
+ export * from './logo';
35
36
  export * from './lozenge';
36
37
  export * from './menu';
37
38
  export * from './menu-button';
@@ -46,6 +47,8 @@ export * from './phone-input';
46
47
  export * from './progress-circular';
47
48
  export * from './progress-indicator';
48
49
  export * from './progress-tracker';
50
+ export * from './promotional-banner';
51
+ export * from './promotional-button';
49
52
  export * from './radio-button';
50
53
  export * from './radio-button-group';
51
54
  export * from './radio-card-group';
@@ -0,0 +1,2 @@
1
+ export { Logo } from './logo';
2
+ export type { LogoName, LogoProps } from './logo';
@@ -1,4 +1,4 @@
1
- import { ReactElement } from 'react';
1
+ import { type FC } from 'react';
2
2
  declare const logoMapping: {
3
3
  default: {
4
4
  desktop: any;
@@ -28,6 +28,10 @@ declare const logoMapping: {
28
28
  desktop: any;
29
29
  mobile: any;
30
30
  };
31
+ lifeguide: {
32
+ desktop: any;
33
+ mobile: any;
34
+ };
31
35
  manage: {
32
36
  desktop: any;
33
37
  mobile: any;
@@ -38,12 +42,10 @@ declare const logoMapping: {
38
42
  };
39
43
  };
40
44
  export type LogoName = keyof typeof logoMapping;
41
- interface LogoProps {
45
+ export interface LogoProps {
46
+ className?: string;
42
47
  name?: LogoName;
43
48
  mobile?: boolean;
44
49
  }
45
- export declare const Logo: {
46
- ({ name, mobile }: LogoProps): ReactElement | null;
47
- displayName: string;
48
- };
50
+ export declare const Logo: FC<LogoProps>;
49
51
  export {};
@@ -0,0 +1,2 @@
1
+ export declare const backgroundGradientStart = "#fbeeed";
2
+ export declare const backgroundGradientEnd = "#ebf2f6";
@@ -0,0 +1,2 @@
1
+ export { PromotionalBanner } from './promotional-banner';
2
+ export type { PromotionalBannerProps } from './promotional-banner';
@@ -0,0 +1,9 @@
1
+ import type { FC, PropsWithChildren } from 'react';
2
+ import { type LogoName } from '../logo';
3
+ import { type PromotionalButtonProps } from '../promotional-button';
4
+ export interface PromotionalBannerProps {
5
+ button: PromotionalButtonProps;
6
+ logo: LogoName;
7
+ onDismiss?(): void;
8
+ }
9
+ export declare const PromotionalBanner: FC<PropsWithChildren<PromotionalBannerProps>>;
@@ -0,0 +1,6 @@
1
+ export declare const gradientStart = "#cd2c23";
2
+ export declare const gradientStartHover = "#7b1a15";
3
+ export declare const gradientStartLoading = "#f99d99";
4
+ export declare const gradientEnd = "#006296";
5
+ export declare const gradientEndHover = "#003a5a";
6
+ export declare const gradientEndLoading = "#84c6ea";
@@ -0,0 +1,2 @@
1
+ export { PromotionalButton } from './promotional-button';
2
+ export type { PromotionalButtonProps } from './promotional-button';
@@ -0,0 +1,8 @@
1
+ import { type FC } from 'react';
2
+ export interface PromotionalButtonProps {
3
+ label: string;
4
+ loading?: boolean;
5
+ loadingLabel?: string;
6
+ onClick?(): void;
7
+ }
8
+ export declare const PromotionalButton: FC<PromotionalButtonProps>;
@@ -100,6 +100,9 @@ export declare const Translations: {
100
100
  completedAriaLabel: string;
101
101
  uncompletedAriaLabel: string;
102
102
  };
103
+ 'promotional-banner': {
104
+ close: string;
105
+ };
103
106
  'search-input': {
104
107
  label: string;
105
108
  };
@@ -248,6 +251,9 @@ export declare const Translations: {
248
251
  completedAriaLabel: string;
249
252
  uncompletedAriaLabel: string;
250
253
  };
254
+ 'promotional-banner': {
255
+ close: string;
256
+ };
251
257
  'search-input': {
252
258
  label: string;
253
259
  };
@@ -2,4 +2,5 @@ export declare const equisoftTheme: import("./theme").ResolvedTheme;
2
2
  export declare const equisoftColors: {
3
3
  readonly 'logo-fill': "#ff4338";
4
4
  readonly 'logo-fill-hover': "#7b1a15";
5
+ readonly text: "#012638";
5
6
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equisoft/design-elements-react",
3
- "version": "10.2.1-snapshot.20260526132515",
3
+ "version": "10.3.0",
4
4
  "description": "React implementation of the Equisoft design system.",
5
5
  "license": "UNLICENSED",
6
6
  "main": "dist/bundle.js",