@bitrise/bitkit 10.20.0 → 10.22.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.
- package/package.json +1 -1
- package/src/Components/Dropdown/Dropdown.stories.tsx +2 -2
- package/src/Components/Dropdown/Dropdown.test.tsx +7 -0
- package/src/Components/Dropdown/Dropdown.tsx +16 -20
- package/src/Components/Dropdown/hooks/useFloatingDropdown.ts +28 -6
- package/src/Components/Table/Table.stories.tsx +8 -1
- package/src/Components/Table/Table.theme.ts +1 -3
- package/src/Components/Table/Tr.tsx +27 -8
- package/src/Old/DatePicker/DatePickerGrid.tsx +5 -3
- package/src/Old/DatePicker/DatePickerMonth.tsx +2 -2
- package/src/Old/Placement/Placement.tsx +3 -8
- package/src/Old/Progress/ProgressBitbot.tsx +3 -3
- package/src/old.ts +0 -31
- package/src/tsconfig.tsbuildinfo +1 -1
- package/src/Old/Grid/Grid.css +0 -40
- package/src/Old/Grid/Grid.test.tsx +0 -49
- package/src/Old/Grid/Grid.tsx +0 -76
- package/src/Old/Grid/__snapshots__/Grid.test.tsx.snap +0 -127
- package/src/Old/Logo/Logo.css +0 -3
- package/src/Old/Logo/Logo.tsx +0 -50
- package/src/Old/Modal/ModalContext.ts +0 -6
- package/src/Old/Status/Status500.tsx +0 -40
- package/src/Old/Table/Table.css +0 -77
- package/src/Old/Table/Table.tsx +0 -28
- package/src/Old/Table/TableBody.tsx +0 -14
- package/src/Old/Table/TableCell.tsx +0 -23
- package/src/Old/Table/TableHeader.tsx +0 -14
- package/src/Old/Table/TableHeaderCell.tsx +0 -62
- package/src/Old/Table/TableHeaderRow.tsx +0 -14
- package/src/Old/Table/TableRow.tsx +0 -23
- package/src/Old/Text/Text.css +0 -33
- package/src/Old/Text/Text.tsx +0 -87
- package/src/Old/Text/TextSizes.css +0 -0
package/src/Old/Text/Text.css
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
.Text--align-start { text-align: left; }
|
|
2
|
-
.Text--align-middle { text-align: center; }
|
|
3
|
-
.Text--align-end { text-align: right; }
|
|
4
|
-
|
|
5
|
-
.Text--break-all { word-break: break-all; }
|
|
6
|
-
.Text--break-none { white-space: nowrap; }
|
|
7
|
-
.Text--break-word { word-wrap: break-word; }
|
|
8
|
-
|
|
9
|
-
.Text--letter-spacing-x1 { letter-spacing: var(--letter-spacing--x1); }
|
|
10
|
-
.Text--letter-spacing-x2 { letter-spacing: var(--letter-spacing--x2); }
|
|
11
|
-
.Text--letter-spacing-x3 { letter-spacing: var(--letter-spacing--x3); }
|
|
12
|
-
.Text--letter-spacing-x4 { letter-spacing: var(--letter-spacing--x4); }
|
|
13
|
-
.Text--letter-spacing-x5 { letter-spacing: var(--letter-spacing--x5); }
|
|
14
|
-
|
|
15
|
-
.Text--weight-bold { font-weight: var(--fontWeights-bold); }
|
|
16
|
-
|
|
17
|
-
.Text--ellipsis {
|
|
18
|
-
max-width: 100%;
|
|
19
|
-
text-overflow: ellipsis;
|
|
20
|
-
white-space: nowrap;
|
|
21
|
-
overflow: hidden;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.Text--emphasis { font-style: italic; }
|
|
25
|
-
|
|
26
|
-
.Text--titlecase { text-transform: capitalize; }
|
|
27
|
-
.Text--uppercase { text-transform: uppercase; }
|
|
28
|
-
|
|
29
|
-
.Text--monospace {
|
|
30
|
-
font-family: var(--font-family-monospace);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.Text--monospace.Text--weight-bold { font-weight: var(--font-weight-monospace--bold); }
|
package/src/Old/Text/Text.tsx
DELETED
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import classnames from 'classnames';
|
|
3
|
-
import Base, { Props as BaseProps } from '../Base/Base';
|
|
4
|
-
import './TextSizes.css';
|
|
5
|
-
import './Text.css';
|
|
6
|
-
|
|
7
|
-
export type TypeTextLetterSpacing = 'x1' | 'x2' | 'x3' | 'x4' | 'x5';
|
|
8
|
-
export type TypeTextSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
|
|
9
|
-
export type TypeTextWeight = 'bold' | 'normal';
|
|
10
|
-
|
|
11
|
-
export interface Props extends BaseProps {
|
|
12
|
-
/**
|
|
13
|
-
* Sets the type of component to be rendered. Can be a
|
|
14
|
-
* string for an HTML tag or a React component.
|
|
15
|
-
* */
|
|
16
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
17
|
-
Component?: string | React.ComponentType<any>;
|
|
18
|
-
/* Horizontal alignment of the child text */
|
|
19
|
-
align?: 'start' | 'middle' | 'end';
|
|
20
|
-
/* Sets how the text should break across lines when reaching the container width */
|
|
21
|
-
breakOn?: 'all' | 'none' | 'word';
|
|
22
|
-
/** @ignore */
|
|
23
|
-
className?: string;
|
|
24
|
-
/** Clips overflowing text with an ellipsis */
|
|
25
|
-
ellipsis?: boolean;
|
|
26
|
-
/** Empahsises text with an italic style */
|
|
27
|
-
emphasis?: boolean;
|
|
28
|
-
/** Sets the text to you inline layout */
|
|
29
|
-
inline?: boolean;
|
|
30
|
-
/** Adjusts the texts letter spacing to one of the curated values */
|
|
31
|
-
letterSpacing?: TypeTextLetterSpacing;
|
|
32
|
-
/** Sets the text to use a monospaced font family */
|
|
33
|
-
monospace?: boolean;
|
|
34
|
-
/* Shortcut for setting the correct combination of props for valid typeography design */
|
|
35
|
-
size?: TypeTextSize;
|
|
36
|
-
/** Sets the text to use title casing (first letter of each word is uppercase) */
|
|
37
|
-
titlecase?: boolean;
|
|
38
|
-
/** Sets the text to use uppercasing (every letter of each word is uppercase) */
|
|
39
|
-
uppercase?: boolean;
|
|
40
|
-
/** Adjusts the text weighting */
|
|
41
|
-
weight?: TypeTextWeight;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
const InlineComponentMap = (props: Props) =>
|
|
45
|
-
(props.weight === 'bold' && 'strong') || (props.emphasis && 'em') || 'span';
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* Generic text component that applies a wide variety of textual
|
|
49
|
-
* styling.
|
|
50
|
-
*/
|
|
51
|
-
const Text: React.FunctionComponent<Props> = (props: Props) => {
|
|
52
|
-
const {
|
|
53
|
-
Component,
|
|
54
|
-
align,
|
|
55
|
-
breakOn,
|
|
56
|
-
className,
|
|
57
|
-
ellipsis,
|
|
58
|
-
emphasis,
|
|
59
|
-
inline,
|
|
60
|
-
letterSpacing,
|
|
61
|
-
monospace,
|
|
62
|
-
size = '3',
|
|
63
|
-
titlecase,
|
|
64
|
-
uppercase,
|
|
65
|
-
weight,
|
|
66
|
-
...rest
|
|
67
|
-
} = props;
|
|
68
|
-
|
|
69
|
-
const classes = classnames(className, 'Text', {
|
|
70
|
-
'Text--ellipsis': ellipsis,
|
|
71
|
-
'Text--emphasis': emphasis,
|
|
72
|
-
'Text--monospace': monospace,
|
|
73
|
-
'Text--titlecase': titlecase,
|
|
74
|
-
'Text--uppercase': uppercase,
|
|
75
|
-
[`Text--align-${align}`]: align,
|
|
76
|
-
[`Text--break-${breakOn}`]: breakOn,
|
|
77
|
-
[`Text--letter-spacing-${letterSpacing}`]: letterSpacing,
|
|
78
|
-
[`Text--size-${size}`]: size,
|
|
79
|
-
'Text--weight-bold': weight === 'bold',
|
|
80
|
-
});
|
|
81
|
-
|
|
82
|
-
const component = inline ? InlineComponentMap(props) : Component;
|
|
83
|
-
|
|
84
|
-
return <Base {...rest} Component={component} className={classes} />;
|
|
85
|
-
};
|
|
86
|
-
|
|
87
|
-
export default Text;
|
|
File without changes
|