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

Comparing version 1.0.5 to 1.0.6

FormInputLabel/FormInputLabel.development.js

 /*!
  * 
- * @license @rakuten-rex/form-input-label v1.0.5 2020-01-17
+ * @license @rakuten-rex/form-input-label v1.0.6 2020-01-21
  * FormInputLabel/FormInputLabel.development.js
@@ -19,3 +19,3 @@ *
 		root["rakutenRexFormInputLabel"] = factory(root["React"]);
-})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+})(window, function(__WEBPACK_EXTERNAL_MODULE__2__) {
 return /******/ (function(modules) { // webpackBootstrap
@@ -104,3 +104,3 @@ /******/ 	// The module cache
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 4);
+/******/ 	return __webpack_require__(__webpack_require__.s = 3);
 /******/ })
@@ -112,8 +112,2 @@ /************************************************************************/
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
-
-/***/ }),
-/* 1 */
-/***/ (function(module, exports) {
-
 function _extends() {
@@ -140,6 +134,6 @@ module.exports = _extends = Object.assign || function (target) {
 /***/ }),
-/* 2 */
+/* 1 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var objectWithoutPropertiesLoose = __webpack_require__(5);
+var objectWithoutPropertiesLoose = __webpack_require__(4);
 
@@ -168,16 +162,9 @@ function _objectWithoutProperties(source, excluded) {
 /***/ }),
-/* 3 */
-/***/ (function(module, exports, __webpack_require__) {
+/* 2 */
+/***/ (function(module, exports) {
 
-"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 
-
-if (true) {
-  __webpack_require__(7);
-  module.exports = __webpack_require__(8);
-} else {}
-
-
 /***/ }),
-/* 4 */
+/* 3 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -188,12 +175,10 @@
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return FormInputLabel; });
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
 /* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _FormInputLabel_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
+/* harmony import */ var _FormInputLabel_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5);
 /* harmony import */ var _FormInputLabel_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_FormInputLabel_scss__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _rakuten_rex_core_label__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3);
-/* harmony import */ var _rakuten_rex_core_label__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_rakuten_rex_core_label__WEBPACK_IMPORTED_MODULE_4__);
 
@@ -205,3 +190,2 @@
 
-
 function FormInputLabel(_ref) {
@@ -232,3 +216,3 @@ var htmlFor = _ref.htmlFor,
   var classNames = ['rex-form-input-label', stateClass].join(' ').trim();
-  return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_rakuten_rex_core_label__WEBPACK_IMPORTED_MODULE_4___default.a, _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+  return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("label", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
     htmlFor: htmlFor,
@@ -249,3 +233,3 @@ className: classNames,
 /***/ }),
-/* 5 */
+/* 4 */
 /***/ (function(module, exports) {
@@ -271,3 +255,3 @@
 /***/ }),
-/* 6 */
+/* 5 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -277,31 +261,4 @@
 
-/***/ }),
-/* 7 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-/* 8 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/*
- @license @rakuten-rex/core v2.3.1 2019-08-05
- label.production.min.js
-
- Copyright (c) 2018-present, Rakuten, Inc.
-
- This source code is licensed under the MIT license found in the LICENSE file in the root directory of this source tree.
-*/
-(function(g,a){ true?module.exports=a(__webpack_require__(0)):undefined})(window,function(g){return function(a){function c(d){if(b[d])return b[d].exports;var f=b[d]={i:d,l:!1,exports:{}};a[d].call(f.exports,f,f.exports,c);f.l=!0;return f.exports}var b={};c.m=a;c.c=b;c.d=function(d,a,b){c.o(d,
-a)||Object.defineProperty(d,a,{enumerable:!0,get:b})};c.r=function(d){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(d,Symbol.toStringTag,{value:"Module"});Object.defineProperty(d,"__esModule",{value:!0})};c.t=function(d,a){a&1&&(d=c(d));if(a&8||a&4&&"object"===typeof d&&d&&d.__esModule)return d;var b=Object.create(null);c.r(b);Object.defineProperty(b,"default",{enumerable:!0,value:d});if(a&2&&"string"!=typeof d)for(var e in d)c.d(b,e,function(a){return d[a]}.bind(null,e));
-return b};c.n=function(a){var b=a&&a.__esModule?function(){return a["default"]}:function(){return a};c.d(b,"a",b);return b};c.o=function(a,b){return Object.prototype.hasOwnProperty.call(a,b)};c.p="/";return c(c.s=29)}({0:function(a,c,b){a.exports=b(5)()},1:function(a,c){function b(){a.exports=b=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var d=arguments[b],e;for(e in d)Object.prototype.hasOwnProperty.call(d,e)&&(a[e]=d[e])}return a};return b.apply(this,arguments)}a.exports=b},2:function(a,
-c,b){var d=b(4);a.exports=function(a,b){if(null==a)return{};var e=d(a,b),c;if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(c=0;c<f.length;c++){var h=f[c];0<=b.indexOf(h)||Object.prototype.propertyIsEnumerable.call(a,h)&&(e[h]=a[h])}}return e}},29:function(a,c,b){function d(a){var b=a.className,d=a.children;a=l()(a,["className","children"]);b=["rex-core-label",b].join(" ").trim();return e.a.createElement("label",f()({className:b},a),d)}b.r(c);b.d(c,"default",function(){return d});
-a=b(1);var f=b.n(a);a=b(2);var l=b.n(a);a=b(3);var e=b.n(a);a=b(0);b.n(a);c=b(65);b.n(c);d.defaultProps={children:null,className:""};d.propTypes={children:Object(a.oneOfType)([Object(a.arrayOf)(a.node),a.node]),className:a.string}},3:function(a,c){a.exports=g},4:function(a,c){a.exports=function(a,d){if(null==a)return{};var b={},c=Object.keys(a),e;for(e=0;e<c.length;e++){var k=c[e];0<=d.indexOf(k)||(b[k]=a[k])}return b}},5:function(a,c,b){function d(){}function f(){}var g=b(6);f.resetWarningCache=
-d;a.exports=function(){function a(a,b,c,d,e,f){if(f!==g)throw a=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"),a.name="Invariant Violation",a;}function b(){return a}a.isRequired=a;var c={array:a,bool:a,func:a,number:a,object:a,string:a,symbol:a,any:a,arrayOf:b,element:a,elementType:a,instanceOf:b,node:a,objectOf:b,oneOf:b,oneOfType:b,shape:b,exact:b,checkPropTypes:f,
-resetWarningCache:d};return c.PropTypes=c}},6:function(a,c,b){a.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},65:function(a,c,b){}})});
-
 /***/ })
 /******/ ]);
 });

FormInputLabel/FormInputLabel.production.min.js

 /*
- @license @rakuten-rex/form-input-label v1.0.5 2020-01-17
+ @license @rakuten-rex/form-input-label v1.0.6 2020-01-21
  FormInputLabel/FormInputLabel.production.min.js
@@ -9,13 +9,7 @@
 */
-'use strict';(function(l,f){"object"===typeof exports&&"object"===typeof module?module.exports=f(require("react")):"function"===typeof define&&define.amd?define("rakutenRexFormInputLabel",["react"],f):"object"===typeof exports?exports.rakutenRexFormInputLabel=f(require("react")):l.rakutenRexFormInputLabel=f(l.React)})(window,function(l){return function(f){function g(c){if(d[c])return d[c].exports;var a=d[c]={i:c,l:!1,exports:{}};f[c].call(a.exports,a,a.exports,g);a.l=!0;return a.exports}var d={};
-g.m=f;g.c=d;g.d=function(c,a,e){g.o(c,a)||Object.defineProperty(c,a,{enumerable:!0,get:e})};g.r=function(c){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(c,Symbol.toStringTag,{value:"Module"});Object.defineProperty(c,"__esModule",{value:!0})};g.t=function(c,a){a&1&&(c=g(c));if(a&8||a&4&&"object"===typeof c&&c&&c.__esModule)return c;var e=Object.create(null);g.r(e);Object.defineProperty(e,"default",{enumerable:!0,value:c});if(a&2&&"string"!=typeof c)for(var b in c)g.d(e,b,
-function(a){return c[a]}.bind(null,b));return e};g.n=function(c){var a=c&&c.__esModule?function(){return c["default"]}:function(){return c};g.d(a,"a",a);return a};g.o=function(c,a){return Object.prototype.hasOwnProperty.call(c,a)};g.p="/";return g(g.s=4)}([function(f,g){f.exports=l},function(f,g){function d(){f.exports=d=Object.assign||function(c){for(var a=1;a<arguments.length;a++){var e=arguments[a],b;for(b in e)Object.prototype.hasOwnProperty.call(e,b)&&(c[b]=e[b])}return c};return d.apply(this,
-arguments)}f.exports=d},function(f,g,d){var c=d(5);f.exports=function(a,e){if(null==a)return{};var b=c(a,e),h;if(Object.getOwnPropertySymbols){var k=Object.getOwnPropertySymbols(a);for(h=0;h<k.length;h++){var d=k[h];0<=e.indexOf(d)||Object.prototype.propertyIsEnumerable.call(a,d)&&(b[d]=a[d])}}return b}},function(f,g,d){d(7);f.exports=d(8)},function(f,g,d){function c(k){var c=k.htmlFor,d=k.label,f=k.disabled,g=k.state;k=e()(k,["htmlFor","label","className","disabled","state"]);var m=["rex-form-input-label",
-function(){switch(g){case "error":return"rex-form-input-label-error";case "valid":return"rex-form-input-label-valid";case "active":return"rex-form-input-label-active";default:return null}}()].join(" ").trim();return b.a.createElement(h.a,a()({htmlFor:c,className:m,disabled:f},k),d)}d.r(g);d.d(g,"default",function(){return c});f=d(1);var a=d.n(f);f=d(2);var e=d.n(f);f=d(0);var b=d.n(f);f=d(6);d.n(f);f=d(3);var h=d.n(f);c.displayName="FormInputLabel";c.defaultProps={htmlFor:"",label:"",className:"",
-disabled:!1,state:""}},function(f,g){f.exports=function(d,c){if(null==d)return{};var a={},e=Object.keys(d),b;for(b=0;b<e.length;b++){var h=e[b];0<=c.indexOf(h)||(a[h]=d[h])}return a}},function(f,g,d){},function(f,g,d){},function(f,g,d){(function(c,a){f.exports=a(d(0))})(window,function(c){return function(a){function e(h){if(b[h])return b[h].exports;var k=b[h]={i:h,l:!1,exports:{}};a[h].call(k.exports,k,k.exports,e);k.l=!0;return k.exports}var b={};e.m=a;e.c=b;e.d=function(a,b,c){e.o(a,b)||Object.defineProperty(a,
-b,{enumerable:!0,get:c})};e.r=function(a){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(a,Symbol.toStringTag,{value:"Module"});Object.defineProperty(a,"__esModule",{value:!0})};e.t=function(a,b){b&1&&(a=e(a));if(b&8||b&4&&"object"===typeof a&&a&&a.__esModule)return a;var c=Object.create(null);e.r(c);Object.defineProperty(c,"default",{enumerable:!0,value:a});if(b&2&&"string"!=typeof a)for(var d in a)e.d(c,d,function(b){return a[b]}.bind(null,d));return c};e.n=function(a){var b=
-a&&a.__esModule?function(){return a["default"]}:function(){return a};e.d(b,"a",b);return b};e.o=function(a,b){return Object.prototype.hasOwnProperty.call(a,b)};e.p="/";return e(e.s=29)}({0:function(a,c,b){a.exports=b(5)()},1:function(a,c){function b(){a.exports=b=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var c=arguments[b],e;for(e in c)Object.prototype.hasOwnProperty.call(c,e)&&(a[e]=c[e])}return a};return b.apply(this,arguments)}a.exports=b},2:function(a,c,b){var e=b(4);a.exports=
-function(a,b){if(null==a)return{};var c=e(a,b),d;if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++){var g=f[d];0<=b.indexOf(g)||Object.prototype.propertyIsEnumerable.call(a,g)&&(c[g]=a[g])}}return c}},29:function(a,c,b){function d(a){var b=a.className,c=a.children;a=f()(a,["className","children"]);b=["rex-core-label",b].join(" ").trim();return g.a.createElement("label",e()({className:b},a),c)}b.r(c);b.d(c,"default",function(){return d});a=b(1);var e=b.n(a);
-a=b(2);var f=b.n(a);a=b(3);var g=b.n(a);a=b(0);b.n(a);c=b(65);b.n(c);d.defaultProps={children:null,className:""};d.propTypes={children:Object(a.oneOfType)([Object(a.arrayOf)(a.node),a.node]),className:a.string}},3:function(a,d){a.exports=c},4:function(a,c){a.exports=function(a,c){if(null==a)return{};var b={},d=Object.keys(a),e;for(e=0;e<d.length;e++){var f=d[e];0<=c.indexOf(f)||(b[f]=a[f])}return b}},5:function(a,c,b){function d(){}function e(){}var f=b(6);e.resetWarningCache=d;a.exports=function(){function a(a,
-b,c,d,e,g){if(g!==f)throw a=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"),a.name="Invariant Violation",a;}function b(){return a}a.isRequired=a;var c={array:a,bool:a,func:a,number:a,object:a,string:a,symbol:a,any:a,arrayOf:b,element:a,elementType:a,instanceOf:b,node:a,objectOf:b,oneOf:b,oneOfType:b,shape:b,exact:b,checkPropTypes:e,resetWarningCache:d};return c.PropTypes=
-c}},6:function(a,c,b){a.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},65:function(a,c,b){}})})}])});
+'use strict';(function(f,a){"object"===typeof exports&&"object"===typeof module?module.exports=a(require("react")):"function"===typeof define&&define.amd?define("rakutenRexFormInputLabel",["react"],a):"object"===typeof exports?exports.rakutenRexFormInputLabel=a(require("react")):f.rakutenRexFormInputLabel=a(f.React)})(window,function(f){return function(a){function d(b){if(c[b])return c[b].exports;var e=c[b]={i:b,l:!1,exports:{}};a[b].call(e.exports,e,e.exports,d);e.l=!0;return e.exports}var c={};
+d.m=a;d.c=c;d.d=function(b,e,a){d.o(b,e)||Object.defineProperty(b,e,{enumerable:!0,get:a})};d.r=function(b){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(b,Symbol.toStringTag,{value:"Module"});Object.defineProperty(b,"__esModule",{value:!0})};d.t=function(b,e){e&1&&(b=d(b));if(e&8||e&4&&"object"===typeof b&&b&&b.__esModule)return b;var a=Object.create(null);d.r(a);Object.defineProperty(a,"default",{enumerable:!0,value:b});if(e&2&&"string"!=typeof b)for(var c in b)d.d(a,c,
+function(e){return b[e]}.bind(null,c));return a};d.n=function(b){var e=b&&b.__esModule?function(){return b["default"]}:function(){return b};d.d(e,"a",e);return e};d.o=function(b,e){return Object.prototype.hasOwnProperty.call(b,e)};d.p="/";return d(d.s=3)}([function(a,d){function c(){a.exports=c=Object.assign||function(b){for(var e=1;e<arguments.length;e++){var a=arguments[e],c;for(c in a)Object.prototype.hasOwnProperty.call(a,c)&&(b[c]=a[c])}return b};return c.apply(this,arguments)}a.exports=c},function(a,
+d,c){var b=c(4);a.exports=function(a,c){if(null==a)return{};var e=b(a,c),d;if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++){var h=f[d];0<=c.indexOf(h)||Object.prototype.propertyIsEnumerable.call(a,h)&&(e[h]=a[h])}}return e}},function(a,d){a.exports=f},function(a,d,c){function b(a){var b=a.htmlFor,c=a.label,d=a.disabled,g=a.state;a=f()(a,["htmlFor","label","className","disabled","state"]);var k=["rex-form-input-label",function(){switch(g){case "error":return"rex-form-input-label-error";
+case "valid":return"rex-form-input-label-valid";case "active":return"rex-form-input-label-active";default:return null}}()].join(" ").trim();return l.a.createElement("label",e()({htmlFor:b,className:k,disabled:d},a),c)}c.r(d);c.d(d,"default",function(){return b});a=c(0);var e=c.n(a);a=c(1);var f=c.n(a);a=c(2);var l=c.n(a);a=c(5);c.n(a);b.displayName="FormInputLabel";b.defaultProps={htmlFor:"",label:"",className:"",disabled:!1,state:""}},function(a,d){a.exports=function(a,b){if(null==a)return{};var c=
+{},d=Object.keys(a),f;for(f=0;f<d.length;f++){var g=d[f];0<=b.indexOf(g)||(c[g]=a[g])}return c}},function(a,d,c){}])});

package.json

 {
   "name": "@rakuten-rex/form-input-label",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "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.5 --save
+npm install @rakuten-rex/form-input-label@1.0.6 --save
 ```
@@ -19,3 +19,3 @@
 ```
-yarn add @rakuten-rex/form-input-label@1.0.5
+yarn add @rakuten-rex/form-input-label@1.0.6
 ```
@@ -54,7 +54,7 @@
 ```jsx
-import FormInputLabel from '@rakuten-rex/form-input-label';
+import MyComponent from '@rakuten-rex/form-input-label';
 
 function MyCustomComponent() {
   return (
-    <FormInputLabel label='ラベル' state='valid' />
+    <MyComponent />
   );
@@ -79,3 +79,3 @@ }
 ```jsx
-import '@rakuten-rex/form-input-label/FormInputLabel/css';
+import '@rakuten-rex/form-input-label/MyComponent/css';
 
@@ -85,3 +85,5 @@ function MyCustomComponent() {
     <div class="rex-my-component" role="presentation">
-      <label class="rex-core-label rex-form-input-label" for="">ラベル</label>
+      <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>
     </div>
@@ -99,3 +101,3 @@ );
 ```jsx
-import '@rakuten-rex/form-input-label/FormInputLabel/css/static';
+import '@rakuten-rex/form-input-label/MyComponent/css/static';
 
@@ -105,3 +107,5 @@ function MyCustomComponent() {
     <div class="rex-my-component" role="presentation">
-      <label class="rex-core-label rex-form-input-label" for="">ラベル</label>
+      <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>
     </div>
@@ -124,6 +128,6 @@ );
 ```scss
-@import '@rakuten-rex/form-input-label/FormInputLabel/sass/styles.mixin';
+@import '~@rakuten-rex/form-input-label/MyComponent/sass/styles.mixin';
 
 .my-component-with-rex-styles {
-  @include rex-form-input-label();
+  @include rex-my-component();
 }
@@ -143,3 +147,5 @@ ```
     <div class="rex-my-component" role="presentation">
-      <label class="rex-core-label rex-form-input-label" for="">ラベル</label>
+      <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>
     </div>
@@ -149,3 +155,3 @@ </template>
 export default {
-  name: 'FormInputLabel',
+  name: 'MyComponent',
 }
@@ -166,3 +172,3 @@ </script>
 ```
-https://unpkg.com/@rakuten-rex/form-input-label@1.0.5/FormInputLabel/FormInputLabel.production.min.css
+https://unpkg.com/@rakuten-rex/form-input-label@1.0.6/MyComponent/MyComponent.production.min.css
 ```
@@ -174,3 +180,3 @@
 ```
-https://unpkg.com/@rakuten-rex/form-input-label@1.0.5/FormInputLabel/FormInputLabel.development.css
+https://unpkg.com/@rakuten-rex/form-input-label@1.0.6/MyComponent/MyComponent.development.css
 ```
@@ -182,3 +188,3 @@
 ```
-https://unpkg.com/@rakuten-rex/form-input-label@1.0.5/FormInputLabel/FormInputLabel.static.css
+https://unpkg.com/@rakuten-rex/form-input-label@1.0.6/MyComponent/MyComponent.static.css
 ```
@@ -200,7 +206,9 @@
     <!-- ReX form-input-label -->
-    <link href="https://unpkg.com/@rakuten-rex/form-input-label@1.0.5/FormInputLabel/FormInputLabel.production.min.css" rel="stylesheet">
+    <link href="https://unpkg.com/@rakuten-rex/form-input-label@1.0.6/MyComponent/MyComponent.production.min.css" rel="stylesheet">
   </head>
   <body>
     <div class="rex-my-component" role="presentation">
-      <label class="rex-core-label rex-form-input-label" for="">ラベル</label>
+      <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>
     </div>
@@ -207,0 +215,0 @@ </body>

No alert changes

Improved metrics

Number of lines in readme file

246

3.36%

Worsened metrics

Total package byte prevSize

31102

-16.79%

Number of package files

13

-7.14%

Lines of code

320

-14.44%

No dependency changes