design-zystem 1.0.91 → 1.0.92
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.
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -136,7 +136,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
136
136
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
137
137
|
|
|
138
138
|
"use strict";
|
|
139
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */
|
|
139
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ \"./node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var _Text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Text/Text */ \"./src/Components/Text/Text.jsx\");\nvar _excluded = [\"label\", \"value\", \"onChange\", \"type\", \"placeholder\", \"disabled\", \"required\", \"inputId\", \"onBlur\", \"onKeyDown\", \"asTextArea\"];\nvar _templateObject, _templateObject2, _templateObject3;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\nfunction _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }\n\n\n\nvar shouldForwardProp = function shouldForwardProp(prop) {\n return ![\"width\", \"transparent\", \"textAlign\", \"padding\", \"borderRadius\", \"backgroundColor\", \"gap\", \"marginTop\", \"asTextArea\" // New prop to control textarea rendering\n ].includes(prop);\n};\nvar StyledContainer = styled_components__WEBPACK_IMPORTED_MODULE_2__[\"default\"].div.withConfig({\n shouldForwardProp: shouldForwardProp\n})(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n display: flex;\\n flex-direction: column;\\n flex: 1;\\n width: \", \";\\n max-width: \", \";\\n\"])), function (props) {\n return props.width || \"100%\";\n}, function (props) {\n return props.width || \"100%\";\n});\nvar StyledInput = styled_components__WEBPACK_IMPORTED_MODULE_2__[\"default\"].input.withConfig({\n shouldForwardProp: shouldForwardProp\n})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n max-width: \", \";\\n width: \", \";\\n height: \", \";\\n padding: \", \";\\n border-radius: \", \";\\n background-color: \", \";\\n border: 1px solid #bebebe;\\n gap: \", \";\\n margin-top: \", \";\\n text-align: \", \";\\n\\n &:focus {\\n outline: none;\\n border: 1px solid #b0b0b0;\\n box-shadow: 0 0 0 1px #b0b0b0 inset, 0 0 10px rgba(24, 49, 75, 0.188);\\n }\\n\"])), function (props) {\n return props.width || \"100%\";\n}, function (props) {\n return props.width || \"100%\";\n}, function (props) {\n return props.transparent ? \"0\" : \"auto\";\n}, function (props) {\n return props.padding || \"8px\";\n}, function (props) {\n return props.borderRadius || \"5px\";\n}, function (props) {\n return props.disabled ? \"#dddddd77\" : props.transparent ? \"transparent\" : props.backgroundColor ? props.backgroundColor : \"white\";\n}, function (props) {\n return props.gap || \"5px\";\n}, function (props) {\n return props.marginTop || \"0\";\n}, function (props) {\n return props.textAlign || \"left\";\n});\nvar StyledTextarea = styled_components__WEBPACK_IMPORTED_MODULE_2__[\"default\"].textarea.withConfig({\n shouldForwardProp: shouldForwardProp\n})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"\\n max-width: \", \";\\n width: \", \";\\n padding: \", \";\\n border-radius: \", \";\\n background-color: \", \";\\n border: 1px solid #bebebe;\\n gap: \", \";\\n margin-top: \", \";\\n text-align: \", \";\\n\\n &:focus {\\n outline: none;\\n border: 1px solid #b0b0b0;\\n box-shadow: 0 0 0 1px #b0b0b0 inset, 0 0 10px rgba(24, 49, 75, 0.188);\\n }\\n\"])), function (props) {\n return props.width || \"100%\";\n}, function (props) {\n return props.width || \"100%\";\n}, function (props) {\n return props.padding || \"8px\";\n}, function (props) {\n return props.borderRadius || \"5px\";\n}, function (props) {\n return props.disabled ? \"#dddddd77\" : props.transparent ? \"transparent\" : props.backgroundColor ? props.backgroundColor : \"white\";\n}, function (props) {\n return props.gap || \"5px\";\n}, function (props) {\n return props.marginTop || \"0\";\n}, function (props) {\n return props.textAlign || \"left\";\n});\nvar Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {\n var label = props.label,\n value = props.value,\n onChange = props.onChange,\n type = props.type,\n placeholder = props.placeholder,\n disabled = props.disabled,\n required = props.required,\n inputId = props.inputId,\n onBlur = props.onBlur,\n onKeyDown = props.onKeyDown,\n asTextArea = props.asTextArea,\n otherProps = _objectWithoutProperties(props, _excluded);\n var Component = asTextArea ? StyledTextarea : StyledInput;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledContainer, otherProps, label && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Text_Text__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n margin: \"0 0 5px 0\"\n }, label, \" \", required && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n style: {\n color: \"red\"\n }\n }, \"*\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, _extends({\n id: inputId,\n ref: ref,\n type: type || \"text\",\n value: value || \"\",\n onChange: onChange,\n onBlur: onBlur,\n onKeyDown: onKeyDown,\n placeholder: placeholder,\n disabled: disabled\n }, otherProps)));\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Input);\n\n//# sourceURL=webpack://YourLibraryName/./src/Components/Input/Input.jsx?");
|
|
140
140
|
|
|
141
141
|
/***/ }),
|
|
142
142
|
|