@bitrise/bitkit 9.8.1 → 9.8.3

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,16 +0,0 @@
1
- .Divider {
2
- height: 0;
3
- border: none;
4
- border-width: 0;
5
- border-color: currentColor;
6
- overflow: visible;
7
- box-sizing: border-box;
8
- }
9
-
10
- .Divider--vertical {
11
- height: 100%;
12
- }
13
-
14
- .Divider--type-solid { border-style: solid; }
15
- .Divider--type-dashed { border-style: dashed; }
16
- .Divider--type-dotted { border-style: dotted; }
@@ -1,41 +0,0 @@
1
- import * as React from 'react';
2
- import classnames from 'classnames';
3
- import Base, { Props as BaseProps, TypeColors } from '../Base/Base';
4
- import './Divider.css';
5
-
6
- export interface Props extends BaseProps {
7
- /** Color of the dividing line. Any of the palette colors is acceptable */
8
- color: TypeColors;
9
- /**
10
- * Direction of the line. A fixed height or used as a flex child would be
11
- * ideal for the vertical direction.
12
- */
13
- direction?: 'horizontal' | 'vertical';
14
- /** Width of the dividing line. */
15
- width?: string;
16
- /** Type of the dividing line that is drawn */
17
- type?: 'dashed' | 'dotted' | 'solid';
18
- }
19
-
20
- /** A quick way to draw a line between something. */
21
- const Divider: React.FunctionComponent<Props> = (props: Props) => {
22
- const { color, direction, type, width, ...rest } = props;
23
- const classes = classnames('Divider', `Divider--type-${type}`, {
24
- 'Divider--vertical': direction === 'vertical',
25
- });
26
-
27
- const style = {
28
- ...rest.style,
29
- [direction === 'horizontal' ? 'borderTopWidth' : 'borderRightWidth']: width,
30
- };
31
-
32
- return <Base {...rest} Component="hr" className={classes} style={style} textColor={color} />;
33
- };
34
-
35
- Divider.defaultProps = {
36
- direction: 'horizontal',
37
- type: 'solid',
38
- width: '0.125rem',
39
- };
40
-
41
- export default Divider;