From c7cffc1fb84c2314294effe68f199c0fc1d8fe58 Mon Sep 17 00:00:00 2001 From: Elex Date: Wed, 8 Sep 2021 11:40:21 +0900 Subject: [PATCH] add 'full-width' class on Flex-Layout --- dist/main.js | 42 +++++++++++++++++++++++--------------- logo.gvdesign | Bin 0 -> 10215 bytes logo.svg | 1 + package.json | 3 +-- src/_mixins.scss | 6 ++++++ src/_utils.scss | 24 ++++++++++++++++++++++ src/button.ts | 5 +++-- src/flowlayout.stories.ts | 15 ++++++++------ src/flowlayout.ts | 11 +++++++++- src/index.scss | 3 +++ src/variables.ts | 1 + 11 files changed, 84 insertions(+), 27 deletions(-) create mode 100644 logo.gvdesign create mode 100644 logo.svg create mode 100644 src/_mixins.scss create mode 100644 src/_utils.scss diff --git a/dist/main.js b/dist/main.js index a4aecd1..b31e8b6 100644 --- a/dist/main.js +++ b/dist/main.js @@ -10,23 +10,33 @@ /******/ "use strict"; /******/ var __webpack_modules__ = ({ -/***/ "./node_modules/lit-scss-loader/dist/lit-scss-loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/button.scss": -/*!*************************************************************************************************************************************************************!*\ - !*** ./node_modules/lit-scss-loader/dist/lit-scss-loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/button.scss ***! - \*************************************************************************************************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { +/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/button.scss": +/*!******************************************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/button.scss ***! + \******************************************************************************************************/ +/***/ ((module, __webpack_exports__, __webpack_require__) => { -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 lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \"./node_modules/lit/index.js\");\n\n \n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (lit__WEBPACK_IMPORTED_MODULE_0__.css`// Imports\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"button:hover {\\n background-color: red;\\n}\", \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n`);\n \n\n//# sourceURL=webpack://@elex-project/persona/./src/button.scss?./node_modules/lit-scss-loader/dist/lit-scss-loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js"); +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 _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"button {\\n color: red;\\n}\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://@elex-project/persona/./src/button.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js"); /***/ }), -/***/ "./node_modules/lit-scss-loader/dist/lit-scss-loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/index.scss": -/*!************************************************************************************************************************************************************!*\ - !*** ./node_modules/lit-scss-loader/dist/lit-scss-loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/index.scss ***! - \************************************************************************************************************************************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { +/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/index.scss": +/*!*****************************************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/index.scss ***! + \*****************************************************************************************************/ +/***/ ((module, __webpack_exports__, __webpack_require__) => { -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 lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \"./node_modules/lit/index.js\");\n\n \n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (lit__WEBPACK_IMPORTED_MODULE_0__.css`// Imports\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \":root {\\n --background-color: #f4f4f4;\\n --text-color: #242424;\\n --primary-color: #0f4c81;\\n --text-color-on-primary: #f4f4f4;\\n --accent-color: #ffc107;\\n --text-color-on-accent: #f4f4f4;\\n}\\n\\nhtml,\\nbody {\\n margin: 0;\\n padding: 0;\\n border: 0;\\n box-sizing: border-box;\\n width: 100%;\\n height: 100%;\\n background-color: var(--background-color);\\n color: var(--text-color);\\n}\\n\\np {\\n color: red;\\n}\\n\\nh1 {\\n color: yellow !important;\\n}\", \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n`);\n \n\n//# sourceURL=webpack://@elex-project/persona/./src/index.scss?./node_modules/lit-scss-loader/dist/lit-scss-loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js"); +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 _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \":root {\\n --background-color: #f4f4f4;\\n --text-color: #242424;\\n --primary-color: #0f4c81;\\n --text-color-on-primary: #f4f4f4;\\n --accent-color: #ffc107;\\n --text-color-on-accent: #f4f4f4;\\n}\\n\\nhtml,\\nbody {\\n margin: 0;\\n padding: 0;\\n border: 0;\\n box-sizing: border-box;\\n width: 100%;\\n height: 100%;\\n background-color: var(--background-color);\\n color: var(--text-color);\\n}\\n\\np {\\n color: red;\\n}\\n\\nh1 {\\n color: yellow !important;\\n}\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://@elex-project/persona/./src/index.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js"); + +/***/ }), + +/***/ "./node_modules/css-loader/dist/runtime/api.js": +/*!*****************************************************!*\ + !*** ./node_modules/css-loader/dist/runtime/api.js ***! + \*****************************************************/ +/***/ ((module) => { + +eval("\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\n// eslint-disable-next-line func-names\nmodule.exports = function (cssWithMappingToString) {\n var list = []; // return the list of modules as css string\n\n list.toString = function toString() {\n return this.map(function (item) {\n var content = cssWithMappingToString(item);\n\n if (item[2]) {\n return \"@media \".concat(item[2], \" {\").concat(content, \"}\");\n }\n\n return content;\n }).join(\"\");\n }; // import a list of modules into the list\n // eslint-disable-next-line func-names\n\n\n list.i = function (modules, mediaQuery, dedupe) {\n if (typeof modules === \"string\") {\n // eslint-disable-next-line no-param-reassign\n modules = [[null, modules, \"\"]];\n }\n\n var alreadyImportedModules = {};\n\n if (dedupe) {\n for (var i = 0; i < this.length; i++) {\n // eslint-disable-next-line prefer-destructuring\n var id = this[i][0];\n\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n\n for (var _i = 0; _i < modules.length; _i++) {\n var item = [].concat(modules[_i]);\n\n if (dedupe && alreadyImportedModules[item[0]]) {\n // eslint-disable-next-line no-continue\n continue;\n }\n\n if (mediaQuery) {\n if (!item[2]) {\n item[2] = mediaQuery;\n } else {\n item[2] = \"\".concat(mediaQuery, \" and \").concat(item[2]);\n }\n }\n\n list.push(item);\n }\n };\n\n return list;\n};\n\n//# sourceURL=webpack://@elex-project/persona/./node_modules/css-loader/dist/runtime/api.js?"); /***/ }), @@ -36,7 +46,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac \*************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { -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 _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_lit_scss_loader_dist_lit_scss_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/lit-scss-loader/dist/lit-scss-loader.js!../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./button.scss */ \"./node_modules/lit-scss-loader/dist/lit-scss-loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/button.scss\");\n\n \n \n \n \n \n \n \n \n \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_lit_scss_loader_dist_lit_scss_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_lit_scss_loader_dist_lit_scss_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_lit_scss_loader_dist_lit_scss_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_lit_scss_loader_dist_lit_scss_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://@elex-project/persona/./src/button.scss?"); +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 _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./button.scss */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/button.scss\");\n\n \n \n \n \n \n \n \n \n \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://@elex-project/persona/./src/button.scss?"); /***/ }), @@ -46,7 +56,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac \************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { -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 _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_lit_scss_loader_dist_lit_scss_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_index_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/lit-scss-loader/dist/lit-scss-loader.js!../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./index.scss */ \"./node_modules/lit-scss-loader/dist/lit-scss-loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/index.scss\");\n\n \n \n \n \n \n \n \n \n \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_lit_scss_loader_dist_lit_scss_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_lit_scss_loader_dist_lit_scss_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_lit_scss_loader_dist_lit_scss_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_lit_scss_loader_dist_lit_scss_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://@elex-project/persona/./src/index.scss?"); +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 _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_index_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./index.scss */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/index.scss\");\n\n \n \n \n \n \n \n \n \n \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_index_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://@elex-project/persona/./src/index.scss?"); /***/ }), @@ -126,7 +136,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac \***********************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Button\": () => (/* binding */ Button)\n/* harmony export */ });\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \"./node_modules/lit/index.js\");\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit/decorators.js */ \"./node_modules/lit/decorators.js\");\n/* harmony import */ var lit_directives_class_map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lit/directives/class-map.js */ \"./node_modules/lit/directives/class-map.js\");\n/* harmony import */ var _variables__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./variables */ \"./src/variables.ts\");\n/* harmony import */ var _button_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./button.scss */ \"./src/button.scss\");\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\n/**\n * todo hover, focus, disabled, icon ...\n */\nlet Button = class Button extends lit__WEBPACK_IMPORTED_MODULE_0__.LitElement {\n constructor() {\n super(...arguments);\n this.primary = false;\n this.accent = false;\n this.raised = false;\n }\n render() {\n const classes = {\n primary: this.primary,\n accent: this.accent,\n raised: this.raised\n };\n return lit__WEBPACK_IMPORTED_MODULE_0__.html `\n`;\n }\n};\nButton.styles = [_button_scss__WEBPACK_IMPORTED_MODULE_4__[\"default\"], lit__WEBPACK_IMPORTED_MODULE_0__.css `\n :host {\n\n }\n button {\n min-height: 48px;\n padding: 8px 16px;\n border: none;\n cursor: pointer;\n text-transform: uppercase;\n border-radius: 8px;\n //font-weight: 500;\n }\n button:hover{\n //background-color: \n }\n button.primary{\n background-color: ${_variables__WEBPACK_IMPORTED_MODULE_3__.Colors.primaryColor};\n color: ${_variables__WEBPACK_IMPORTED_MODULE_3__.Colors.textOnPrimary}\n }\n button.accent{\n background-color: ${_variables__WEBPACK_IMPORTED_MODULE_3__.Colors.accentColor};\n color: ${_variables__WEBPACK_IMPORTED_MODULE_3__.Colors.textOnAccent}\n }\n button.raised{\n\n }\n `];\n__decorate([\n (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Boolean })\n], Button.prototype, \"primary\", void 0);\n__decorate([\n (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Boolean })\n], Button.prototype, \"accent\", void 0);\n__decorate([\n (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Boolean })\n], Button.prototype, \"raised\", void 0);\nButton = __decorate([\n (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.customElement)('persona-button')\n], Button);\n\n\n\n//# sourceURL=webpack://@elex-project/persona/./src/button.ts?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Button\": () => (/* binding */ Button)\n/* harmony export */ });\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \"./node_modules/lit/index.js\");\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit/decorators.js */ \"./node_modules/lit/decorators.js\");\n/* harmony import */ var lit_directives_class_map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lit/directives/class-map.js */ \"./node_modules/lit/directives/class-map.js\");\n/* harmony import */ var _variables__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./variables */ \"./src/variables.ts\");\n/* harmony import */ var _button_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./button.scss */ \"./src/button.scss\");\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n\n\n\n\n\nconst style = _button_scss__WEBPACK_IMPORTED_MODULE_4__[\"default\"].toString();\n/**\n * todo hover, focus, disabled, icon ...\n */\nlet Button = class Button extends lit__WEBPACK_IMPORTED_MODULE_0__.LitElement {\n constructor() {\n super(...arguments);\n this.primary = false;\n this.accent = false;\n this.raised = false;\n }\n render() {\n const classes = {\n primary: this.primary,\n accent: this.accent,\n raised: this.raised\n };\n return lit__WEBPACK_IMPORTED_MODULE_0__.html `\n`;\n }\n};\nButton.styles = [\n lit__WEBPACK_IMPORTED_MODULE_0__.css `style`,\n lit__WEBPACK_IMPORTED_MODULE_0__.css `\n :host {\n\n }\n button {\n min-height: 48px;\n padding: 8px 16px;\n border: none;\n cursor: pointer;\n text-transform: uppercase;\n border-radius: 8px;\n //font-weight: 500;\n }\n button:hover{\n //background-color: \n }\n button.primary{\n background-color: ${_variables__WEBPACK_IMPORTED_MODULE_3__.Colors.primaryColor};\n color: ${_variables__WEBPACK_IMPORTED_MODULE_3__.Colors.textOnPrimary}\n }\n button.accent{\n background-color: ${_variables__WEBPACK_IMPORTED_MODULE_3__.Colors.accentColor};\n color: ${_variables__WEBPACK_IMPORTED_MODULE_3__.Colors.textOnAccent}\n }\n button.raised{\n\n }\n `\n];\n__decorate([\n (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Boolean })\n], Button.prototype, \"primary\", void 0);\n__decorate([\n (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Boolean })\n], Button.prototype, \"accent\", void 0);\n__decorate([\n (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Boolean })\n], Button.prototype, \"raised\", void 0);\nButton = __decorate([\n (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.customElement)('persona-button')\n], Button);\n\n\n\n//# sourceURL=webpack://@elex-project/persona/./src/button.ts?"); /***/ }), @@ -364,7 +374,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed +/******/ id: moduleId, /******/ // no module.loaded needed /******/ exports: {} /******/ }; diff --git a/logo.gvdesign b/logo.gvdesign new file mode 100644 index 0000000000000000000000000000000000000000..ee2bf37d1d246e8af4706369d17cf7b3a59dcf19 GIT binary patch literal 10215 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 literal 0 HcmV?d00001 diff --git a/logo.svg b/logo.svg new file mode 100644 index 0000000..062c173 --- /dev/null +++ b/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/package.json b/package.json index 2ec3d4f..ae55473 100644 --- a/package.json +++ b/package.json @@ -46,7 +46,6 @@ "watch": "webpack --watch", "serve": "webpack serve", "storybook": "start-storybook -p 6006", - "build-storybook": "build-storybook", - "publish": "yarn publish" + "build-storybook": "build-storybook" } } diff --git a/src/_mixins.scss b/src/_mixins.scss new file mode 100644 index 0000000..1ac495e --- /dev/null +++ b/src/_mixins.scss @@ -0,0 +1,6 @@ +@mixin shadow($i) { + //box-shadow: 0 #{$i*1.25}px #{$i*1.2}px #{$i*0.2}px $default-shadow-color; + box-shadow: 0 #{$i}px #{$i}px 0 rgba(0, 0, 0, 0.14), + 0 #{$i * 1.5}px #{$i/2}px -#{$i}px rgba(0, 0, 0, 0.2), + 0 #{$i/2}px #{$i * 2.5}px 0 rgba(0, 0, 0, 0.12); +} diff --git a/src/_utils.scss b/src/_utils.scss new file mode 100644 index 0000000..b64a964 --- /dev/null +++ b/src/_utils.scss @@ -0,0 +1,24 @@ +.text-left { + text-align: left; + text-align: start; +} +.text-right { + text-align: right; + text-align: end; +} +.text-center { + text-align: center; +} +.text-justify { + text-align: justify; +} + +.hidden { + display: none !important; +} + +@for $i from 1 through 12 { + .shadow-#{$i} { + @include shadow($i); + } +} diff --git a/src/button.ts b/src/button.ts index db8df47..dd8149c 100644 --- a/src/button.ts +++ b/src/button.ts @@ -9,7 +9,8 @@ import {Variables, Colors} from './variables'; @customElement('persona-button') export class Button extends LitElement { - static styles = css ` + static styles = [ + css ` :host { } @@ -36,7 +37,7 @@ export class Button extends LitElement { button.raised{ } - `; + `]; @property({type:Boolean}) primary? = false; diff --git a/src/flowlayout.stories.ts b/src/flowlayout.stories.ts index 1ccfe16..427bd47 100644 --- a/src/flowlayout.stories.ts +++ b/src/flowlayout.stories.ts @@ -1,5 +1,6 @@ import { Story, Meta } from '@storybook/web-components'; import {LitElement, html, css,} from 'lit'; +import {classMap} from 'lit/directives/class-map.js'; import './flowlayout'; @@ -7,14 +8,14 @@ export default { title: 'Persona/FlowLayout', component: 'persona-flow-layout', argTypes: { - //heading: { control: 'text', - //description: 'Title of the page.' }, + fullWidth: {control: 'boolean', + description: "add a 'full-width' class."} }, } as Meta; -const Template:Story = () => html` - +const Template:Story = ({fullWidth}) => html` +
1
2
1
@@ -25,6 +26,8 @@ const Template:Story = () => html` export const Basic = Template.bind({}); Basic.args = { - //heading: 'AppBar Title', }; - +export const FullWidth = Template.bind({}); +FullWidth.args = { + fullWidth: true +}; diff --git a/src/flowlayout.ts b/src/flowlayout.ts index de6449e..a0dc0bd 100644 --- a/src/flowlayout.ts +++ b/src/flowlayout.ts @@ -1,5 +1,7 @@ import {LitElement, html, css} from 'lit'; import {customElement, property} from 'lit/decorators.js'; +import {classMap} from 'lit/directives/class-map.js'; + import {Variables} from './variables'; @@ -8,7 +10,9 @@ import {Variables} from './variables'; */ @customElement('persona-flow-layout') export class FlowLayout extends LitElement { - + @property({type:Boolean}) + fullWidth? = false; + static styles = css` :host{ margin:0 auto; padding:0 24px; border:0; @@ -16,6 +20,11 @@ export class FlowLayout extends LitElement { display: flex; flex-flow: row; flex-wrap: wrap; + max-width: ${Variables.breakPointDesktop}px + } + :host(.full-width){ + padding:0; + max-width:inherit; } ::slotted(*){ width: 100%; diff --git a/src/index.scss b/src/index.scss index 4926de9..6db6ef7 100644 --- a/src/index.scss +++ b/src/index.scss @@ -23,3 +23,6 @@ p { h1 { color: yellow !important; } + +@import "./mixins"; +@import "./utils"; diff --git a/src/variables.ts b/src/variables.ts index 992f87a..1e36467 100644 --- a/src/variables.ts +++ b/src/variables.ts @@ -5,6 +5,7 @@ export const Variables = { navWidth: 240, breakPointMobile: 600, breakPointTablet: 950, + breakPointDesktop: 1024 }; export const Colors = {