5ebf415c-decf-42b4-90cd-9670eadf8bc1

Committed 28 Mar 2024 02:26PM UTC coverage: 95.234% (+0.05%) from 95.187%

Build # 5ebf415c-decf-42b4-90cd-9670eadf8bc1

Build Type

push

circleci

Committed by

jzempel

Commit Message

Fix imports

Run Details

3251 of 3650 branches covered (89.07%)

Branch coverage included in aggregate %.

1 of 1 new or added line in 1 file covered. (100.0%)

4 existing lines in 2 files now uncovered.

10018 of 10283 relevant lines covered (97.42%)

218.15 hits per line

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

43.75

/packages/accordions/src/styled/timeline/StyledItemIcon.ts

/**
 * 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 { cloneElement, Children } from 'react';
import styled from 'styled-components';
import { math } from 'polished';
import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';

const COMPONENT_ID = 'timeline.icon';

interface IStyledItemIcon {
  surfaceColor?: string;
}

/**
 * 1. Odd sizing allows the timeline line to center respective of the circle icon.
 */
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export const StyledItemIcon = styled(({ surfaceColor, children, ...props }) =>
  cloneElement(Children.only(children), props)
).attrs({
  'data-garden-id': COMPONENT_ID,
  'data-garden-version': PACKAGE_VERSION
})<IStyledItemIcon>`
  z-index: 1;
  box-sizing: content-box;
  background-color: ${props =>
    props.surfaceColor || getColorV8('background', 600 /* default shade */, props.theme)};
  padding: ${props => props.theme.space.base}px 0;
  width: ${props => math(`${props.theme.iconSizes.sm} + 1`)}; /* [1] */
  height: ${props => math(`${props.theme.iconSizes.sm} + 1`)}; /* [1] */
  color: ${props => getColorV8('neutralHue', 600, props.theme)};

  ${props => retrieveComponentStyles(COMPONENT_ID, props)};
`;

StyledItemIcon.defaultProps = {
  theme: DEFAULT_THEME
};

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 { cloneElement, Children } from 'react';	14✔
9	import styled from 'styled-components';	14✔
10	import { math } from 'polished';	14✔
11	import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';	14✔
12
13	const COMPONENT_ID = 'timeline.icon';	14✔
14
15	interface IStyledItemIcon {
16	surfaceColor?: string;
17	}
18
19	/**
20	* 1. Odd sizing allows the timeline line to center respective of the circle icon.
21	*/
22	// eslint-disable-next-line @typescript-eslint/no-unused-vars
23	export const StyledItemIcon = styled(({ surfaceColor, children, ...props }) =>	14✔
24	cloneElement(Children.only(children), props)	×
25	).attrs({
26	'data-garden-id': COMPONENT_ID,
27	'data-garden-version': PACKAGE_VERSION
28	})<IStyledItemIcon>`
29	z-index: 1;
30	box-sizing: content-box;
31	background-color: ${props =>
32	props.surfaceColor \|\| getColorV8('background', 600 /* default shade */, props.theme)};	×
33	padding: ${props => props.theme.space.base}px 0;	×
34	width: ${props => math(`${props.theme.iconSizes.sm} + 1`)}; /* [1] */	×
35	height: ${props => math(`${props.theme.iconSizes.sm} + 1`)}; /* [1] */	×
UNCOV 36	color: ${props => getColorV8('neutralHue', 600, props.theme)};	×
37
UNCOV 38	${props => retrieveComponentStyles(COMPONENT_ID, props)};	×
39	`;
40
41	StyledItemIcon.defaultProps = {	14✔
42	theme: DEFAULT_THEME
43	};

zendeskgarden / react-components / 5ebf415c-decf-42b4-90cd-9670eadf8bc1

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