@bitrise/bitkit 13.231.0 → 13.232.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "13.231.0",
+  "version": "13.232.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"

package/src/Components/Form/Input/Input.tsx

@@ -198,7 +198,11 @@ const Input = forwardRef<InputProps, 'div'>((props, ref) => {
         {label}
       </FormLabel>
       <InputGroup sx={style.inputContainer} {...inputWrapperStyle}>
-        {leftAddon && <LeftContentWrapper ref={leftAddonRef}>{leftAddon}</LeftContentWrapper>}
+        {leftAddon && (
+          <LeftContentWrapper ref={leftAddonRef} right="0">
+            {leftAddon}
+          </LeftContentWrapper>
+        )}
         {leftIconName && (
           <InputLeftElement sx={style.leftIconWrapper} left={leftIconPos}>
             <Icon

package/src/Components/Icons/16x16/Regex.tsx

@@ -0,0 +1,13 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const Regex = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      d="M10.6842 6.24047L12.3598 8.92814L13.6589 7.94611L11.7818 5.48026L14.6162 4.66467L14.1376 3.08383L11.2607 4.22222L11.4025 1H9.80709L9.96456 4.18095L7.11764 3.03593L6.61621 4.64072L9.56286 5.49368L7.64185 7.99401L8.96379 9L10.6842 6.24047Z"
+      fill="currentColor"
+    />
+    <path d="M5 11H1V15H5V11Z" fill="currentColor" />
+  </Icon>
+));
+
+export default Regex;

package/src/Components/Icons/16x16/index.ts

@@ -197,6 +197,7 @@ export { default as QuestionCircle } from './QuestionCircle';
 export { default as QuestionCircleFilled } from './QuestionCircleFilled';
 export { default as ReactIcon } from './ReactIcon';
 export { default as Refresh } from './Refresh';
+export { default as Regex } from './Regex';
 export { default as Release } from './Release';
 export { default as ReleaseSolid } from './ReleaseSolid';
 export { default as Replace } from './Replace';

package/src/Components/Icons/24x24/Regex.tsx

@@ -0,0 +1,13 @@
+import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
+
+const Regex = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      d="M16.102 9.8607L18.6154 13.8922L20.5641 12.4192L17.7484 8.72039L22 7.49701L21.2821 5.12575L16.9668 6.83333L17.1795 2H14.7863L15.0225 6.77142L10.7521 5.05389L10 7.46108L14.42 8.74052L11.5385 12.491L13.5214 14L16.102 9.8607Z"
+      fill="currentColor"
+    />
+    <path d="M8 16H2V22H8V16Z" fill="currentColor" />
+  </Icon>
+));
+
+export default Regex;

package/src/Components/Icons/24x24/index.ts

@@ -195,6 +195,7 @@ export { default as QuestionCircle } from './QuestionCircle';
 export { default as QuestionCircleFilled } from './QuestionCircleFilled';
 export { default as ReactIcon } from './ReactIcon';
 export { default as Refresh } from './Refresh';
+export { default as Regex } from './Regex';
 export { default as Release } from './Release';
 export { default as ReleaseSolid } from './ReleaseSolid';
 export { default as Replace } from './Replace';

package/src/Components/ToggleButton/ToggleButton.tsx

@@ -10,7 +10,7 @@ const ToggleButton = forwardRef<ToggleButtonProps, 'button'>((props, ref) => {
 
   const COLORS = {
     color: isSelected ? 'icon/interactive' : 'button/secondary/fg',
-    backgroundColor: isSelected ? 'background/selected' : 'button/secondary/background',
+    backgroundColor: isSelected ? 'background/selected' : 'button/secondary/bg',
     borderColor: isSelected ? 'border/selected' : 'button/secondary/border',
     _hover: {
       backgroundColor: isSelected ? 'background/selected-hover' : 'button/tertiary/bg-hover',