infinity-forge 0.2.8 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.Label = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.Label = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n label {\n margin-bottom: 4px;\n font-weight: 700;\n color: #111;\n font-size: 15px;\n display: flex;\n }\n"], ["\n label {\n margin-bottom: 4px;\n font-weight: 700;\n color: #111;\n font-size: 15px;\n display: flex;\n }\n"])));
12
+ exports.Label = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n label {\n margin-bottom: 4px;\n font-weight: 500;\n color: #111;\n font-size: 14px;\n display: flex;\n }\n"], ["\n label {\n margin-bottom: 4px;\n font-weight: 500;\n color: #111;\n font-size: 14px;\n display: flex;\n }\n"])));
13
13
  var templateObject_1;
14
14
  //# sourceMappingURL=styles.js.map
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.LoaderInput = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.LoaderInput = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: rgba(255, 255, 255, 0.4);\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: inherit;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-right: 15px;\n"], ["\n background-color: rgba(255, 255, 255, 0.4);\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: inherit;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-right: 15px;\n"])));
12
+ exports.LoaderInput = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n z-index: 2;\n top: 1px;\n right: 11px;\n height: calc(100% - 2px);\n border-radius: inherit;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-right: 0;\n background: #fff;\n"], ["\n position: absolute;\n z-index: 2;\n top: 1px;\n right: 11px;\n height: calc(100% - 2px);\n border-radius: inherit;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-right: 0;\n background: #fff;\n"])));
13
13
  var templateObject_1;
14
14
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-control/loader-input/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,+UAAA,4QAavC,KAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-control/loader-input/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0UAAA,uQAYvC,KAAA"}
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.InputControl = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin-bottom: 1.5rem;\n\n .input-content {\n position: relative;\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: #111;\n padding: 0 10px;\n width: 100%;\n position: relative;\n display: flex;\n height: 40px;\n font-weight: 600;\n border: 1px solid #ccc;\n border-radius: 4px;\n\n &::placeholder {\n font-weight: 400;\n }\n }\n\n select {\n background: url('/images/arrow-bottom.svg') no-repeat;\n background-color: #fff;\n -moz-appearance: none !important;\n -webkit-appearance: none !important;\n appearance: none !important;\n background-position: calc(100% - 20px) 50%;\n }\n\n textarea {\n height: 120px;\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:read-only {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n ", "/* @media only screen and (max-width: 1024px) {\n input,\n select {\n height: 50px;\n }\n\n textarea {\n height: 100px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n input,\n select {\n height: 45px;\n }\n } */\n"], ["\n width: 100%;\n margin-bottom: 1.5rem;\n\n .input-content {\n position: relative;\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: #111;\n padding: 0 10px;\n width: 100%;\n position: relative;\n display: flex;\n height: 40px;\n font-weight: 600;\n border: 1px solid #ccc;\n border-radius: 4px;\n\n &::placeholder {\n font-weight: 400;\n }\n }\n\n select {\n background: url('/images/arrow-bottom.svg') no-repeat;\n background-color: #fff;\n -moz-appearance: none !important;\n -webkit-appearance: none !important;\n appearance: none !important;\n background-position: calc(100% - 20px) 50%;\n }\n\n textarea {\n height: 120px;\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:read-only {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n ", "/* @media only screen and (max-width: 1024px) {\n input,\n select {\n height: 50px;\n }\n\n textarea {\n height: 100px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n input,\n select {\n height: 45px;\n }\n } */\n"])), function (props) { return props.theme['grey-dark']; }, function (props) { return props.theme['grey-dark']; }, function (props) {
12
+ exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin-bottom: 10px;\n\n .input-content {\n position: relative;\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: #111;\n padding: 0 10px;\n width: 100%;\n position: relative;\n display: flex;\n height: 40px;\n font-weight: 400;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-size: 14px;\n\n &::placeholder {\n font-weight: 400;\n }\n }\n\n select {\n background: url('/images/arrow-bottom.svg') no-repeat;\n background-color: #fff;\n -moz-appearance: none !important;\n -webkit-appearance: none !important;\n appearance: none !important;\n background-position: calc(100% - 20px) 50%;\n }\n\n textarea {\n height: 120px;\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:read-only {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n ", "/* @media only screen and (max-width: 1024px) {\n input,\n select {\n height: 50px;\n }\n\n textarea {\n height: 100px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n input,\n select {\n height: 45px;\n }\n } */\n"], ["\n width: 100%;\n margin-bottom: 10px;\n\n .input-content {\n position: relative;\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: #111;\n padding: 0 10px;\n width: 100%;\n position: relative;\n display: flex;\n height: 40px;\n font-weight: 400;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-size: 14px;\n\n &::placeholder {\n font-weight: 400;\n }\n }\n\n select {\n background: url('/images/arrow-bottom.svg') no-repeat;\n background-color: #fff;\n -moz-appearance: none !important;\n -webkit-appearance: none !important;\n appearance: none !important;\n background-position: calc(100% - 20px) 50%;\n }\n\n textarea {\n height: 120px;\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:read-only {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n ", "/* @media only screen and (max-width: 1024px) {\n input,\n select {\n height: 50px;\n }\n\n textarea {\n height: 100px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n input,\n select {\n height: 45px;\n }\n } */\n"])), function (props) { return props.theme['grey-dark']; }, function (props) { return props.theme['grey-dark']; }, function (props) {
13
13
  return props.$loading &&
14
14
  "\n select {\n -webkit-appearance:none; /* Para navegadores baseados no WebKit (Chrome, Safari, etc.) */\n -moz-appearance: none; /* Para navegadores baseados no Gecko (Firefox) */\n appearance: none; /* Para navegadores que suportam a propriedade appearance */\n }\n ";
15
15
  });
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,uyCAAkB,y0BA4C9C,EAAmC,kDAInC,EAAmC,uFAQ5C,EAQD,4QAiBF,KArCY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAInC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAQ5C,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,QAAQ;QACd,+RAMD;AAPC,CAOD,EAiBF"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,2zCAAkB,61BA6C9C,EAAmC,kDAInC,EAAmC,uFAQ5C,EAQD,4QAiBF,KArCY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAInC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAQ5C,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,QAAQ;QACd,+RAMD;AAPC,CAOD,EAiBF"}
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.SelectWrapper = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.SelectWrapper = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n"], ["\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n"])));
12
+ exports.SelectWrapper = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n [class*=\"ValueContainer\"] {\n height: 40px;\n }\n\n\n [class*=\"singleValue\"] + * {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 34px;\n grid-area: unset;\n grid-template-columns: unset;\n margin: unset;\n padding-bottom: unset;\n padding-top: unset;\n }\n\n [class*=\"-placeholder\"] + * {\n visibility: visible;\n display: unset;\n grid-area: unset;\n grid-template-columns:unset;\n margin: unset;\n padding-bottom: unset;\n padding-top: unset;\n color: hsl(0, 0%, 20%);\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n"], ["\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n [class*=\"ValueContainer\"] {\n height: 40px;\n }\n\n\n [class*=\"singleValue\"] + * {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 34px;\n grid-area: unset;\n grid-template-columns: unset;\n margin: unset;\n padding-bottom: unset;\n padding-top: unset;\n }\n\n [class*=\"-placeholder\"] + * {\n visibility: visible;\n display: unset;\n grid-area: unset;\n grid-template-columns:unset;\n margin: unset;\n padding-bottom: unset;\n padding-top: unset;\n color: hsl(0, 0%, 20%);\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n"])));
13
13
  var templateObject_1;
14
14
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,uOAAA,oKAYzC,KAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,w1BAAA,qxBA4CzC,KAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "infinity-forge",
3
- "version": "0.2.8",
3
+ "version": "0.3.0",
4
4
  "description": "codie Library",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",