@rakuten-rex/form-input-label - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

FormInputLabel/FormInputLabel.development.js

 /*!
  * 
- * @license @rakuten-rex/form-input-label v1.0.0 2019-12-20
+ * @license @rakuten-rex/form-input-label v1.0.1 2019-12-23
  * FormInputLabel/FormInputLabel.development.js
@@ -5,0 +5,0 @@ *

FormInputLabel/FormInputLabel.production.min.js

 /*
- @license @rakuten-rex/form-input-label v1.0.0 2019-12-20
+ @license @rakuten-rex/form-input-label v1.0.1 2019-12-23
  FormInputLabel/FormInputLabel.production.min.js
@@ -4,0 +4,0 @@

package.json

 {
   "name": "@rakuten-rex/form-input-label",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "FormInputLabel component",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -12,3 +12,3 @@ # ReX React UI Component: form-input-label
 ```
-npm install @rakuten-rex/form-input-label@1.0.0 --save
+npm install @rakuten-rex/form-input-label@1.0.1 --save
 ```
@@ -19,3 +19,3 @@
 ```
-yarn add @rakuten-rex/form-input-label@1.0.0
+yarn add @rakuten-rex/form-input-label@1.0.1
 ```
@@ -54,7 +54,7 @@
 ```jsx
-import MyComponent from '@rakuten-rex/form-input-label';
+import FormInputLabel from '@rakuten-rex/form-input-label';
 
 function MyCustomComponent() {
   return (
-    <MyComponent />
+    <FormInputLabel label='ラベル' />
   );
@@ -79,3 +79,3 @@ }
 ```jsx
-import '@rakuten-rex/form-input-label/MyComponent/css';
+import '@rakuten-rex/form-input-label/FormInputLabel/css';
 
@@ -85,5 +85,3 @@ function MyCustomComponent() {
     <div class="rex-my-component" role="presentation">
-      <img src="static/media/Image.jpg" alt="Basic example" style="width:100%" />
-      <h3>Hello World</h3>
-      <p>This is a basic example for ReX React Components Starter Kit</p>
+      <label class="rex-core-label rex-form-input-label" for="">ラベル</label>
     </div>
@@ -101,3 +99,3 @@ );
 ```jsx
-import '@rakuten-rex/form-input-label/MyComponent/css/static';
+import '@rakuten-rex/form-input-label/FormInputLabel/css/static';
 
@@ -107,5 +105,3 @@ function MyCustomComponent() {
     <div class="rex-my-component" role="presentation">
-      <img src="static/media/Image.jpg" alt="Basic example" style="width:100%" />
-      <h3>Hello World</h3>
-      <p>This is a basic example for ReX React Components Starter Kit</p>
+      <label class="rex-core-label rex-form-input-label" for="">ラベル</label>
     </div>
@@ -128,6 +124,6 @@ );
 ```scss
-@import '@rakuten-rex/form-input-label/MyComponent/sass/styles.mixin';
+@import '@rakuten-rex/form-input-label/FormInputLabel/sass/styles.mixin';
 
 .my-component-with-rex-styles {
-  @include rex-my-component();
+  @include rex-form-input-label();
 }
@@ -147,5 +143,3 @@ ```
     <div class="rex-my-component" role="presentation">
-      <img src="static/media/Image.jpg" alt="Basic example" style="width:100%" />
-      <h3>Hello World</h3>
-      <p>This is a basic example for ReX React Components Starter Kit</p>
+      <label class="rex-core-label rex-form-input-label" for="">ラベル</label>
     </div>
@@ -155,3 +149,3 @@ </template>
 export default {
-  name: 'MyComponent',
+  name: 'FormInputLabel',
 }
@@ -172,3 +166,3 @@ </script>
 ```
-https://unpkg.com/@rakuten-rex/form-input-label@1.0.0/MyComponent/MyComponent.production.min.css
+https://unpkg.com/@rakuten-rex/form-input-label@1.0.1/FormInputLabel/FormInputLabel.production.min.css
 ```
@@ -180,3 +174,3 @@
 ```
-https://unpkg.com/@rakuten-rex/form-input-label@1.0.0/MyComponent/MyComponent.development.css
+https://unpkg.com/@rakuten-rex/form-input-label@1.0.1/FormInputLabel/FormInputLabel.development.css
 ```
@@ -188,3 +182,3 @@
 ```
-https://unpkg.com/@rakuten-rex/form-input-label@1.0.0/MyComponent/MyComponent.static.css
+https://unpkg.com/@rakuten-rex/form-input-label@1.0.1/FormInputLabel/FormInputLabel.static.css
 ```
@@ -206,9 +200,7 @@
     <!-- ReX form-input-label -->
-    <link href="https://unpkg.com/@rakuten-rex/form-input-label@1.0.0/MyComponent/MyComponent.production.min.css" rel="stylesheet">
+    <link href="https://unpkg.com/@rakuten-rex/form-input-label@1.0.1/FormInputLabel/FormInputLabel.production.min.css" rel="stylesheet">
   </head>
   <body>
     <div class="rex-my-component" role="presentation">
-      <img src="static/media/Image.jpg" alt="Basic example" style="width:100%" />
-      <h3>Hello World</h3>
-      <p>This is a basic example for ReX React Components Starter Kit</p>
+      <label class="rex-core-label rex-form-input-label" for="">ラベル</label>
     </div>
@@ -215,0 +207,0 @@ </body>

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

Improved metrics

Number of medium supply chain risk alerts

0

-100%

Worsened metrics

Total package byte prevSize

36465

-0.92%

Number of lines in readme file

238

-3.25%

No dependency changes