design-zystem 1.0.149 → 1.0.151
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
|
@@ -70,7 +70,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
70
70
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
71
71
|
|
|
72
72
|
"use strict";
|
|
73
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Bubble: () => (/* binding */ Bubble),\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var
|
|
73
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Bubble: () => (/* binding */ Bubble),\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 _data_colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../data/colors */ \"./src/data/colors.js\");\nvar _excluded = [\"children\"];\nvar _templateObject;\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 textSizes = {\n xxs: \".4em\",\n xs: \".6em\",\n s: \".8em\",\n m: \"1em\",\n l: \"1.2em\",\n xl: \"1.4em\",\n xxl: \"1.6em\"\n};\nvar paddingSizes = {\n xxs: \"2.5px 5px\",\n xs: \"2.5px 5px\",\n s: \"5px 10px\",\n m: \"5px 10px\",\n l: \"5px 10px\",\n xl: \"10px 20px\",\n xxl: \"10px 20px\"\n};\nvar shouldForwardProp = function shouldForwardProp(prop) {\n return ![\"color\", \"backgroundColor\", \"size\", \"margin\", \"padding\", \"maxChars\", \"borderRadius\", \"width\"].includes(prop);\n};\nvar StyledBubble = styled_components__WEBPACK_IMPORTED_MODULE_2__[\"default\"].span.withConfig({\n shouldForwardProp: shouldForwardProp\n})(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n color: \", \";\\n background: \", \";\\n font-size: \", \";\\n border-radius: \", \";\\n margin: \", \";\\n padding: \", \";\\n font-weight: 600;\\n width: \", \";\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: \", \";\\n white-space: nowrap;\\n\"])), function (props) {\n return _data_colors__WEBPACK_IMPORTED_MODULE_1__.colors[props.color] || props.color || \"inherit\";\n}, function (props) {\n return _data_colors__WEBPACK_IMPORTED_MODULE_1__.colors[props.backgroundColor] || props.backgroundColor || \"transparent\";\n}, function (props) {\n return textSizes[props.size] || props.size || \"1em\";\n}, function (props) {\n return props.borderRadius || \"20px\";\n}, function (props) {\n return props.margin || \"0\";\n}, function (props) {\n return props.padding || paddingSizes[props.size] || \"5px 10px\";\n}, function (props) {\n return props.width ? props.width : \"fit-content\";\n}, function (props) {\n return props.maxChars ? \"\".concat(props.maxChars, \"ch\") : \"none\";\n});\nvar Bubble = function Bubble(_ref) {\n var children = _ref.children,\n otherProps = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledBubble, otherProps, children);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Bubble);\n\n//# sourceURL=webpack://YourLibraryName/./src/Components/Bubble/Bubble.jsx?");
|
|
74
74
|
|
|
75
75
|
/***/ }),
|
|
76
76
|
|