@bitrise/bitkit 10.31.2 → 10.32.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,35 +0,0 @@
1
- @keyframes SkeletonIndicator {
2
- from { transform: translate3d(-100%, 0, 0); }
3
- to { transform: translate3d(100%, 0, 0); }
4
- }
5
-
6
- .Skeleton {
7
- position: relative;
8
- overflow: hidden;
9
- }
10
-
11
- .Skeleton::after {
12
- position: absolute;
13
- top: 0;
14
- right: 0;
15
- bottom: 0;
16
- left: 0;
17
- background:
18
- linear-gradient(
19
- to left,
20
- rgba(255,255, 255, 0),
21
- rgba(255,255, 255, 0.63) 35%,
22
- rgba(255,255, 255, 1) 48%,
23
- rgba(255,255, 255, 0.57) 55%,
24
- rgba(255,255, 255, 0)
25
- );
26
- pointer-events: none;
27
- }
28
-
29
- .Skeleton--active::after {
30
- content: '';
31
- animation-name: SkeletonIndicator;
32
- animation-duration: 1.5s;
33
- animation-iteration-count: infinite;
34
- animation-timing-function: infinite;
35
- }
@@ -1,25 +0,0 @@
1
- import * as React from 'react';
2
- import classnames from 'classnames';
3
- import Base, { Props as BaseProps } from '../Base/Base';
4
- import './Skeleton.css';
5
-
6
- export interface Props extends BaseProps {
7
- /** Flag to enable/disable the loading behaviour */
8
- active?: boolean;
9
- }
10
-
11
- /**
12
- * Container for the skeleton loading pattern. All skeleton
13
- * children should exist within a Skeleton component, but
14
- * it is not restricted to just skeleton components.
15
- */
16
- const Skeleton: React.FunctionComponent<Props> = (props: Props) => {
17
- const { active, ...rest } = props;
18
- const classes = classnames('Skeleton', {
19
- 'Skeleton--active': active,
20
- });
21
-
22
- return <Base {...rest} className={classes} />;
23
- };
24
-
25
- export default Skeleton;
@@ -1,26 +0,0 @@
1
- import * as React from 'react';
2
- import Base, { Props as BaseProps, TypeColors } from '../Base/Base';
3
-
4
- export interface Props extends BaseProps {
5
- /**
6
- * Background color of the box. Any valid palette color
7
- * can be used.
8
- */
9
- backgroundColor?: TypeColors;
10
- }
11
-
12
- /**
13
- * A simple shpare component that can be used to create
14
- * placeholder content for the skeleton loading pattern.
15
- */
16
- const SkeletonBox: React.FunctionComponent<Props> = (props: Props) => {
17
- const { backgroundColor, ...rest } = props;
18
-
19
- return <Base {...rest} backgroundColor={backgroundColor} />;
20
- };
21
-
22
- SkeletonBox.defaultProps = {
23
- backgroundColor: 'neutral.93',
24
- };
25
-
26
- export default SkeletonBox;