@bitrise/bitkit 9.14.1 → 9.14.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "9.14.1",
+  "version": "9.14.2",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "src/index.ts",
   "license": "UNLICENSED",

package/src/Old/Base/Base.tsx

@@ -4,7 +4,7 @@ import './Base.css';
 
 export type TypeBorderRadius = 'x1' | 'x2' | 'x4' | 'rounded';
 
-const newToOld = {
+export const newToOld = {
   'neutral.100': 'white',
   'neutral.10': 'black',
   'neutral.95': 'gray-1',
@@ -54,7 +54,7 @@ const newToOld = {
   'red.95': 'red-95',
   'orange-3': 'orange-3',
   'turquoise.40': 'turquoise-40',
-};
+} as const;
 
 export type TypeColors = keyof typeof newToOld;
 

package/src/Old/Progress/ProgressBar.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classnames from 'classnames';
 import { colorMap } from '../variables';
-import Base, { Props as BaseProps, TypeColors } from '../Base/Base';
+import Base, { newToOld, Props as BaseProps, TypeColors } from '../Base/Base';
 import './ProgressBar.css';
 
 export interface Props extends BaseProps {
@@ -37,9 +37,7 @@ const ProgressBar: React.FunctionComponent<Props> = (props: Props) => {
       height={height}
       style={{
         '--ProgressBar--height': height,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        /* @ts-ignore */
-        '--ProgressBar--stripe-color': stripeColor ? colorMap[stripeColor] : '',
+        '--ProgressBar--stripe-color': stripeColor ? colorMap[newToOld[stripeColor]] : '',
       }}
     >
       <Base

package/src/Old/variables.ts

@@ -1,3 +1,4 @@
+import colors from '../Foundations/Colors/Colors';
 import { IconList } from './Icon/tsx';
 
 export const colorWhite = '#FFFFFF';
@@ -204,7 +205,11 @@ export const colorMap = {
   'violet-3': colorViolet3,
   'violet-4': colorViolet4,
   'violet-5': colorViolet5,
-};
+
+  'blue-95': colors.blue[95],
+  'red-95': colors.red[95],
+  'turquoise-40': colors.turquoise[40],
+} as const;
 
 export const rgbMap = {
   white: rgbWhite,