@app-studio/web 0.7.1 → 0.7.3

package/dist/components/Button/Button/Button.props.d.ts

@@ -5,7 +5,7 @@ import { IconPosition, Shape, Size, Variant, LoaderPosition, Effects } from './B
 import { LoaderProps } from '../../Loader/Loader/Loader.props';
 export interface ButtonProps {
     children?: React.ReactNode;
-    colorScheme?: string;
+    colorScheme?: any;
     externalHref?: string;
     isLoading?: boolean;
     loaderProps?: LoaderProps;

package/dist/web.cjs.development.js

@@ -913,6 +913,7 @@ var LoaderComponent = function LoaderComponent(props) {
 var Loader = LoaderComponent;
 
 var _excluded$g = ["icon", "shadow", "children", "ariaLabel", "externalHref", "isAuto", "isFilled", "isIconRounded", "isLoading", "isDisabled", "size", "variant", "iconPosition", "colorScheme", "shape", "onClick", "loaderProps", "loaderPosition", "effect", "isHovered"];
+var contrast = /*#__PURE__*/require('contrast');
 var ButtonView = function ButtonView(_ref) {
   var _props$onClick;
   var icon = _ref.icon,
@@ -957,11 +958,12 @@ var ButtonView = function ButtonView(_ref) {
   var buttonColor = isActive ? colorScheme : 'theme.disabled';
   var hovering = isHovered && effect === 'hover';
   var reverse = isHovered && effect === 'reverse';
+  var isLight = contrast(buttonColor) == 'light';
   var ButtonVariants = {
     filled: {
       // Defines CSS properties for 'link' variant of the button with conditional styles based on reverse state, includes text decoration.
       backgroundColor: reverse ? 'transparent' : buttonColor,
-      color: reverse ? buttonColor : 'color.white',
+      color: reverse && !isLight ? buttonColor : 'color.white',
       borderWidth: 1,
       borderStyle: 'solid',
       borderColor: reverse ? buttonColor : 'transparent'
@@ -988,7 +990,7 @@ var ButtonView = function ButtonView(_ref) {
     },
     ghost: {
       backgroundColor: reverse ? buttonColor : 'transparent',
-      color: reverse ? 'color.white' : buttonColor,
+      color: reverse && !isLight ? 'color.white' : buttonColor,
       borderWidth: 1,
       borderStyle: 'solid',
       borderColor: reverse ? buttonColor : 'transparent'
@@ -3544,9 +3546,7 @@ var DatePickerView = function DatePickerView(_ref) {
     onFocus: handleFocus,
     disabled: isDisabled,
     readOnly: isReadOnly
-  }, fieldStyles, props, {
-    value: date
-  }, onChangeText && {
+  }, fieldStyles, props, onChangeText && {
     onChangeText: handleDateChange
   }, {
     onChange: handleDateChange