@draftbit/core 46.2.2-da5d03.1 → 46.2.4-d94d1a.0

package/lib/commonjs/components/CardContainerRating.js

@@ -27,7 +27,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-// Hello! I'm a comment!
 const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
 const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
 

package/lib/commonjs/components/TextField.js

@@ -193,6 +193,7 @@ class TextField extends React.Component {
       rightIconName,
       assistiveText,
       underlineColor: underlineColorProp,
+      activeBorderColor: activeBorderColorProp,
       multiline = false,
       numberOfLines = 4,
       style,
@@ -220,7 +221,7 @@ class TextField extends React.Component {
       underlineColor = "transparent";
       backgroundColor = colors.divider;
     } else {
-      activeColor = error ? colors.error : colors.primary;
+      activeColor = error ? colors.error : activeBorderColorProp;
       placeholderColor = borderColor = colors.light;
       underlineColor = underlineColorProp;
       backgroundColor = colors.background;

package/lib/commonjs/constants.js

@@ -16,4 +16,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
 });
 
-exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;

package/lib/commonjs/mappings/TextField.js

@@ -290,6 +290,10 @@ const SEED_DATA = [{
       label: "Underline Color",
       defaultValue: "light"
     }),
+    activeBorderColor: (0, _types.createColorProp)({
+      label: "Active Border Color",
+      defaultValue: "primary"
+    }),
     secureTextEntry: {
       group: _types.GROUPS.basic,
       label: "Password field",

package/lib/module/components/CardContainerRating.js

@@ -8,8 +8,7 @@ import Card from "./DeprecatedCardWrapper";
 import Elevation from "./Elevation";
 import StarRating from "./StarRating";
 import { withTheme } from "../theming";
-import Config from "./Config"; // Hello! I'm a comment!
-
+import Config from "./Config";
 const ICON_CONTAINER_SIZE = Config.cardIconSize * 2;
 const ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;
 

package/lib/module/components/TextField.js

@@ -177,6 +177,7 @@ class TextField extends React.Component {
       rightIconName,
       assistiveText,
       underlineColor: underlineColorProp,
+      activeBorderColor: activeBorderColorProp,
       multiline = false,
       numberOfLines = 4,
       style,
@@ -204,7 +205,7 @@ class TextField extends React.Component {
       underlineColor = "transparent";
       backgroundColor = colors.divider;
     } else {
-      activeColor = error ? colors.error : colors.primary;
+      activeColor = error ? colors.error : activeBorderColorProp;
       placeholderColor = borderColor = colors.light;
       underlineColor = underlineColorProp;
       backgroundColor = colors.background;

package/lib/module/constants.js

@@ -5,5 +5,4 @@ const DEFAULT_STATUSBAR_HEIGHT_EXPO = expo !== null && expo !== void 0 && expo.C
 export const APPROX_STATUSBAR_HEIGHT = Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
-});PO : 0
 });

package/lib/module/mappings/TextField.js

@@ -282,6 +282,10 @@ export const SEED_DATA = [{
       label: "Underline Color",
       defaultValue: "light"
     }),
+    activeBorderColor: createColorProp({
+      label: "Active Border Color",
+      defaultValue: "primary"
+    }),
     secureTextEntry: {
       group: GROUPS.basic,
       label: "Password field",

package/lib/typescript/src/components/TextField.d.ts

@@ -17,6 +17,7 @@ export declare type Props = {
     multiline?: boolean;
     numberOfLines: number;
     underlineColor?: string;
+    activeBorderColor?: string;
     style?: StyleProp<ViewStyle> & {
         height?: number;
     };

package/lib/typescript/src/mappings/TextField.d.ts

@@ -28,6 +28,16 @@ export declare const SEED_DATA: ({
             formType: string;
             propType: string;
         };
+        activeBorderColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
         secureTextEntry: {
             group: string;
             label: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.2.2-da5d03.1+da5d03b1",
+  "version": "46.2.4-d94d1a.0+d94d1a55",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.2.2-da5d03.1+da5d03b1",
+    "@draftbit/types": "^46.2.3",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -79,5 +79,5 @@
       ]
     ]
   },
-  "gitHead": "da5d03b1476766cce86271d2972dbf0e7db64fad"
+  "gitHead": "d94d1a55b219bfcdb12682c4d2bcf3358fcc1b61"
 }

package/src/components/CardContainerRating.js

@@ -7,7 +7,6 @@ import Elevation from "./Elevation";
 import StarRating from "./StarRating";
 import { withTheme } from "../theming";
 import Config from "./Config";
-// Hello! I'm a comment!
 const ICON_CONTAINER_SIZE = Config.cardIconSize * 2;
 const ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;
 const CardContainerRating = ({ Icon, icon, image = Config.cardImageUrl, title, leftDescription, rightDescription, rating, aspectRatio = 1.5, elevation = 2, numColumns = 3, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {

package/src/components/CardContainerRating.tsx

@@ -17,8 +17,6 @@ import type { IconSlot } from "../interfaces/Icon";
 
 import Config from "./Config";
 
-// Hello! I'm a comment!
-
 const ICON_CONTAINER_SIZE = Config.cardIconSize * 2;
 const ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;
 

package/src/components/TextField.js

@@ -136,7 +136,7 @@ class TextField extends React.Component {
         return this._root && this._root.blur();
     }
     render() {
-        const { Icon, type = "underline", disabled = false, label, error = false, leftIconName, leftIconMode, rightIconName, assistiveText, underlineColor: underlineColorProp, multiline = false, numberOfLines = 4, style, theme: { colors, typography, roundness, disabledOpacity }, render = (props) => React.createElement(NativeTextInput, { ...props }), ...rest } = this.props;
+        const { Icon, type = "underline", disabled = false, label, error = false, leftIconName, leftIconMode, rightIconName, assistiveText, underlineColor: underlineColorProp, activeBorderColor: activeBorderColorProp, multiline = false, numberOfLines = 4, style, theme: { colors, typography, roundness, disabledOpacity }, render = (props) => React.createElement(NativeTextInput, { ...props }), ...rest } = this.props;
         const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
         const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);
         const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;
@@ -152,7 +152,7 @@ class TextField extends React.Component {
             backgroundColor = colors.divider;
         }
         else {
-            activeColor = error ? colors.error : colors.primary;
+            activeColor = error ? colors.error : activeBorderColorProp;
             placeholderColor = borderColor = colors.light;
             underlineColor = underlineColorProp;
             backgroundColor = colors.background;

package/src/components/TextField.tsx

@@ -42,6 +42,7 @@ export type Props = {
   multiline?: boolean;
   numberOfLines: number;
   underlineColor?: string;
+  activeBorderColor?: string;
   style?: StyleProp<ViewStyle> & { height?: number };
   theme: Theme;
   render?: (
@@ -237,6 +238,7 @@ class TextField extends React.Component<Props, State> {
       rightIconName,
       assistiveText,
       underlineColor: underlineColorProp,
+      activeBorderColor: activeBorderColorProp,
       multiline = false,
       numberOfLines = 4,
       style,
@@ -269,7 +271,7 @@ class TextField extends React.Component<Props, State> {
       underlineColor = "transparent";
       backgroundColor = colors.divider;
     } else {
-      activeColor = error ? colors.error : colors.primary;
+      activeColor = error ? colors.error : activeBorderColorProp;
       placeholderColor = borderColor = colors.light;
       underlineColor = underlineColorProp;
       backgroundColor = colors.background;

package/src/mappings/TextField.js

@@ -312,6 +312,10 @@ export const SEED_DATA = [
                 label: "Underline Color",
                 defaultValue: "light",
             }),
+            activeBorderColor: createColorProp({
+                label: "Active Border Color",
+                defaultValue: "primary",
+            }),
             secureTextEntry: {
                 group: GROUPS.basic,
                 label: "Password field",

package/src/mappings/TextField.ts

@@ -334,6 +334,10 @@ export const SEED_DATA = [
         label: "Underline Color",
         defaultValue: "light",
       }),
+      activeBorderColor: createColorProp({
+        label: "Active Border Color",
+        defaultValue: "primary",
+      }),
       secureTextEntry: {
         group: GROUPS.basic,
         label: "Password field",