@bitrise/bitkit 13.50.0 → 13.51.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 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit",
3
3
  "description": "Bitrise React component library",
4
- "version": "13.50.0",
4
+ "version": "13.51.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"
@@ -5,11 +5,14 @@ import Icon, { IconProps } from '../Icon/Icon';
5
5
  import Text, { TextProps } from '../Text/Text';
6
6
  import Divider, { DividerProps } from '../Divider/Divider';
7
7
  import Link, { LinkProps } from '../Link/Link';
8
+ import Tooltip, { TooltipProps } from '../Tooltip/Tooltip';
8
9
 
9
10
  type ProgressStage = {
10
11
  label: string;
11
12
  isInvalid?: boolean;
12
13
  isDisabled?: boolean;
14
+ isSkipped?: boolean;
15
+ tooltip?: Omit<TooltipProps, 'children'>;
13
16
  helperText?: string;
14
17
  action?: {
15
18
  onClick?: () => void;
@@ -74,7 +77,7 @@ const RealStage = ({
74
77
  extendLines,
75
78
  lastBlock,
76
79
  segmentIndex,
77
- stage: { action, helperText, isDisabled, isInvalid, label },
80
+ stage: { action, tooltip, helperText, isDisabled, isInvalid, isSkipped, label },
78
81
  variant,
79
82
  }: Pick<ProgressIndicatorProps, 'variant'> & {
80
83
  segmentIndex: number;
@@ -106,6 +109,10 @@ const RealStage = ({
106
109
  iconColor = 'icon.disabled';
107
110
  textColor = 'text.disabled';
108
111
  }
112
+ if (isSkipped) {
113
+ iconName = 'StepstatusSkip';
114
+ textColor = 'text.disabled';
115
+ }
109
116
  const style = useMultiStyleConfig('ProgressIndicator', { variant });
110
117
 
111
118
  return (
@@ -121,7 +128,9 @@ const RealStage = ({
121
128
  ) : (
122
129
  <div />
123
130
  ))}
124
- <Icon color={iconColor} name={iconName} transform={iconTransform} />
131
+ <Tooltip isDisabled={!tooltip} {...tooltip}>
132
+ <Icon color={iconColor} name={iconName} transform={iconTransform} />
133
+ </Tooltip>
125
134
  {lastBlock ? (
126
135
  <div />
127
136
  ) : (