@instructure/ui-text-input - npm Package Compare versions

Comparing version 5.52.3-rc.30 to 5.52.3-rc.31

es/TextInput/index.js

@@ -40,3 +40,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { FormField, FormPropTypes } from '@instructure/ui-form-field';
-import { Flex, FlexItem } from '@instructure/ui-layout';
+import { Flex } from '@instructure/ui-layout';
 import { uid } from '@instructure/uid';
@@ -187,11 +187,11 @@ import { themeable } from '@instructure/ui-themeable';
         wrapItems: true
-      }, renderBeforeInput && React.createElement(FlexItem, {
+      }, renderBeforeInput && React.createElement(Flex.Item, {
         padding: "0 0 0 x-small"
-      }, callRenderProp(renderBeforeInput)), React.createElement(FlexItem, {
+      }, callRenderProp(renderBeforeInput)), React.createElement(Flex.Item, {
         grow: true,
         shrink: true
-      }, React.createElement(Flex, null, React.createElement(FlexItem, {
+      }, React.createElement(Flex, null, React.createElement(Flex.Item, {
         grow: true,
         shrink: true
-      }, this.renderInput()), renderAfterInput && React.createElement(FlexItem, {
+      }, this.renderInput()), renderAfterInput && React.createElement(Flex.Item, {
         padding: "0 x-small 0 0"
@@ -198,0 +198,0 @@ }, callRenderProp(renderAfterInput)))))

lib/TextInput/index.js

@@ -189,11 +189,11 @@ "use strict";
         wrapItems: true
-      }, renderBeforeInput && _react.default.createElement(_uiLayout.FlexItem, {
+      }, renderBeforeInput && _react.default.createElement(_uiLayout.Flex.Item, {
         padding: "0 0 0 x-small"
-      }, (0, _uiReactUtils.callRenderProp)(renderBeforeInput)), _react.default.createElement(_uiLayout.FlexItem, {
+      }, (0, _uiReactUtils.callRenderProp)(renderBeforeInput)), _react.default.createElement(_uiLayout.Flex.Item, {
         grow: true,
         shrink: true
-      }, _react.default.createElement(_uiLayout.Flex, null, _react.default.createElement(_uiLayout.FlexItem, {
+      }, _react.default.createElement(_uiLayout.Flex, null, _react.default.createElement(_uiLayout.Flex.Item, {
         grow: true,
         shrink: true
-      }, this.renderInput()), renderAfterInput && _react.default.createElement(_uiLayout.FlexItem, {
+      }, this.renderInput()), renderAfterInput && _react.default.createElement(_uiLayout.Flex.Item, {
         padding: "0 x-small 0 0"
@@ -200,0 +200,0 @@ }, (0, _uiReactUtils.callRenderProp)(renderAfterInput)))))

package.json

 {
   "name": "@instructure/ui-text-input",
-  "version": "5.52.3-rc.30+77777f2c",
+  "version": "5.52.3-rc.31+81265a8b",
   "description": "A UI component library made by Instructure Inc.",
@@ -23,19 +23,19 @@ "author": "Instructure, Inc. Engineering and Product Design",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "5.52.3-rc.30+77777f2c",
-    "@instructure/ui-color-utils": "5.52.3-rc.30+77777f2c",
-    "@instructure/ui-elements": "5.52.3-rc.30+77777f2c",
-    "@instructure/ui-test-utils": "5.52.3-rc.30+77777f2c"
+    "@instructure/ui-babel-preset": "5.52.3-rc.31+81265a8b",
+    "@instructure/ui-color-utils": "5.52.3-rc.31+81265a8b",
+    "@instructure/ui-elements": "5.52.3-rc.31+81265a8b",
+    "@instructure/ui-test-utils": "5.52.3-rc.31+81265a8b"
   },
   "dependencies": {
     "@babel/runtime": "^7",
-    "@instructure/ui-dom-utils": "5.52.3-rc.30+77777f2c",
-    "@instructure/ui-form-field": "5.52.3-rc.30+77777f2c",
-    "@instructure/ui-icons": "5.52.3-rc.30+77777f2c",
-    "@instructure/ui-layout": "5.52.3-rc.30+77777f2c",
-    "@instructure/ui-prop-types": "5.52.3-rc.30+77777f2c",
-    "@instructure/ui-react-utils": "5.52.3-rc.30+77777f2c",
-    "@instructure/ui-testable": "5.52.3-rc.30+77777f2c",
-    "@instructure/ui-themeable": "5.52.3-rc.30+77777f2c",
-    "@instructure/ui-utils": "5.52.3-rc.30+77777f2c",
-    "@instructure/uid": "5.52.3-rc.30+77777f2c",
+    "@instructure/ui-dom-utils": "5.52.3-rc.31+81265a8b",
+    "@instructure/ui-form-field": "5.52.3-rc.31+81265a8b",
+    "@instructure/ui-icons": "5.52.3-rc.31+81265a8b",
+    "@instructure/ui-layout": "5.52.3-rc.31+81265a8b",
+    "@instructure/ui-prop-types": "5.52.3-rc.31+81265a8b",
+    "@instructure/ui-react-utils": "5.52.3-rc.31+81265a8b",
+    "@instructure/ui-testable": "5.52.3-rc.31+81265a8b",
+    "@instructure/ui-themeable": "5.52.3-rc.31+81265a8b",
+    "@instructure/ui-utils": "5.52.3-rc.31+81265a8b",
+    "@instructure/uid": "5.52.3-rc.31+81265a8b",
     "classnames": "^2",
@@ -49,3 +49,3 @@ "prop-types": "^15",
   "sideEffects": false,
-  "gitHead": "77777f2c4ba2f5f0a1e26631de8c82c4248a5d68"
+  "gitHead": "81265a8bde6e983313a8e3ca2819517b9bccd237"
 }

src/TextInput/index.js

@@ -33,3 +33,3 @@ /*
 import { FormField, FormPropTypes } from '@instructure/ui-form-field'
-import { Flex, FlexItem } from '@instructure/ui-layout'
+import { Flex } from '@instructure/ui-layout'
 import { uid } from '@instructure/uid'
@@ -259,7 +259,7 @@ import { themeable } from '@instructure/ui-themeable'
                 {renderBeforeInput &&
-                  <FlexItem padding="0 0 0 x-small">
+                  <Flex.Item padding="0 0 0 x-small">
                     {callRenderProp(renderBeforeInput)}
-                  </FlexItem>
+                  </Flex.Item>
                 }
-                <FlexItem grow shrink>
+                <Flex.Item grow shrink>
 
@@ -271,13 +271,13 @@ {/*
                   <Flex>
-                    <FlexItem grow shrink>
+                    <Flex.Item grow shrink>
                       {this.renderInput()}
-                    </FlexItem>
+                    </Flex.Item>
                     {renderAfterInput &&
-                      <FlexItem padding="0 x-small 0 0">
+                      <Flex.Item padding="0 x-small 0 0">
                         {callRenderProp(renderAfterInput)}
-                      </FlexItem>
+                      </Flex.Item>
                     }
                   </Flex>
 
-                </FlexItem>
+                </Flex.Item>
               </Flex>
@@ -284,0 +284,0 @@

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

63986

decreased by-0.01%

Dependency changes

• Updated@instructure/ui-dom-utils@5.52.3-rc.31+81265a8b

• Updated@instructure/ui-form-field@5.52.3-rc.31+81265a8b

• Updated@instructure/ui-icons@5.52.3-rc.31+81265a8b

• Updated@instructure/ui-layout@5.52.3-rc.31+81265a8b

• Updated@instructure/ui-prop-types@5.52.3-rc.31+81265a8b

• Updated@instructure/ui-react-utils@5.52.3-rc.31+81265a8b

• Updated@instructure/ui-testable@5.52.3-rc.31+81265a8b

• Updated@instructure/ui-themeable@5.52.3-rc.31+81265a8b

• Updated@instructure/ui-utils@5.52.3-rc.31+81265a8b

• Updated@instructure/uid@5.52.3-rc.31+81265a8b