72f37d68-2265-42ea-8f51-ca6840c593fe

Committed 24 Jun 2024 04:41PM UTC coverage: 96.023% (-0.02%) from 96.043%

Build # 72f37d68-2265-42ea-8f51-ca6840c593fe

Build Type

Pull #1842

circleci

Committed by

geotrev

Commit Message

chore: adds floating background to avoid default fallback

Pull Request Pull Request #1842: feat(notifications): new light/dark mode colors

Run Details

3331 of 3685 branches covered (90.39%)

Branch coverage included in aggregate %.

231 of 235 new or added lines in 24 files covered. (98.3%)

1 existing line in 1 file now uncovered.

10143 of 10347 relevant lines covered (98.03%)

213.12 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

90.91

/packages/notifications/src/elements/Well.tsx

/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

import React from 'react';
import PropTypes from 'prop-types';
import { IWellProps } from '../types';
import { StyledWell } from '../styled';
import { Title } from './content/Title';
import { Paragraph } from './content/Paragraph';

export const WellComponent = React.forwardRef<HTMLDivElement, IWellProps>(
  ({ isFloating, isRecessed, ...props }, ref) => (
    <StyledWell ref={ref} $isFloating={isFloating} $isRecessed={isRecessed} {...props} />
  )
);

WellComponent.displayName = 'Well';

WellComponent.propTypes = {
  isRecessed: PropTypes.bool,
  isFloating: PropTypes.bool
};

/**
 * @extends HTMLAttributes<HTMLDivElement>
 */
export const Well = WellComponent as typeof WellComponent & {
  Paragraph: typeof Paragraph;
  Title: typeof Title;
};

Well.Paragraph = Paragraph;
Well.Title = Title;

1	/**
2	* Copyright Zendesk, Inc.
3	*
4	* Use of this source code is governed under the Apache License, Version 2.0
5	* found at http://www.apache.org/licenses/LICENSE-2.0.
6	*/
7
8	import React from 'react';	4✔
9	import PropTypes from 'prop-types';	4✔
10	import { IWellProps } from '../types';
11	import { StyledWell } from '../styled';	4✔
12	import { Title } from './content/Title';	4✔
13	import { Paragraph } from './content/Paragraph';	4✔
14
NEW 15	export const WellComponent = React.forwardRef<HTMLDivElement, IWellProps>(	×
16	({ isFloating, isRecessed, ...props }, ref) => (
17	<StyledWell ref={ref} $isFloating={isFloating} $isRecessed={isRecessed} {...props} />
18	)
19	);
20
21	WellComponent.displayName = 'Well';	4✔
22
23	WellComponent.propTypes = {	4✔
24	isRecessed: PropTypes.bool,
25	isFloating: PropTypes.bool
26	};
27
28	/**
29	* @extends HTMLAttributes<HTMLDivElement>
30	*/
31	export const Well = WellComponent as typeof WellComponent & {	4✔
32	Paragraph: typeof Paragraph;
33	Title: typeof Title;
34	};
35
36	Well.Paragraph = Paragraph;	4✔
37	Well.Title = Title;	4✔

zendeskgarden / react-components / 72f37d68-2265-42ea-8f51-ca6840c593fe

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous