UNPKG

react-md-components

Version:

This is a react module containing a free collection of material design components.

205 lines (176 loc) 657 kB
(function webpackUniversalModuleDefinition(root, factory) { if(typeof exports === 'object' && typeof module === 'object') module.exports = factory(require("react")); else if(typeof define === 'function' && define.amd) define(["react"], factory); else { var a = typeof exports === 'object' ? factory(require("react")) : factory(root["react"]); for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; } })(window, function(__WEBPACK_EXTERNAL_MODULE_react__) { return /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Flag the module as loaded /******/ module.l = true; /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /******/ /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); /******/ } /******/ }; /******/ /******/ // define __esModule on exports /******/ __webpack_require__.r = function(exports) { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ /******/ // create a fake namespace object /******/ // mode & 1: value is a module id, require it /******/ // mode & 2: merge all properties of value into the ns /******/ // mode & 4: return value when already ns object /******/ // mode & 8|1: behave like require /******/ __webpack_require__.t = function(value, mode) { /******/ if(mode & 1) value = __webpack_require__(value); /******/ if(mode & 8) return value; /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; /******/ var ns = Object.create(null); /******/ __webpack_require__.r(ns); /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); /******/ return ns; /******/ }; /******/ /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ /******/ // __webpack_public_path__ /******/ __webpack_require__.p = ""; /******/ /******/ /******/ // Load entry module and return exports /******/ return __webpack_require__(__webpack_require__.s = "./src/index.js"); /******/ }) /************************************************************************/ /******/ ({ /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./src/button/styles/button.module.scss": /*!***********************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2!./src/button/styles/button.module.scss ***! \***********************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\nexports.push([module.i, \"@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);\"]);\n// Module\nexports.push([module.i, \"._25A3jctR26U5nUigxCsXsI {\\n font-family: 'Roboto', sans-serif;\\n font-weight: 400;\\n padding: 8px;\\n font-size: 14px;\\n min-width: 64px;\\n border-radius: 2px;\\n outline: none;\\n text-transform: uppercase;\\n letter-spacing: 2px;\\n cursor: pointer;\\n -webkit-tap-highlight-color: none; }\\n\\n._37BBtjeBrl1wd7ubY-aVm1 {\\n border: none;\\n padding-left: 16px;\\n padding-right: 16px;\\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\\n transition: box-shadow 300ms;\\n transition: box-shadow 300ms; }\\n\\n._1AzQHXhoIC-RDhj2hHNUUD {\\n border-style: solid;\\n border-width: 1px; }\\n\\n._37BBtjeBrl1wd7ubY-aVm1:hover {\\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }\\n\\n._26P7u99B82jhZ6GqXl62mc {\\n border: none; }\\n\", \"\",{\"version\":3,\"sources\":[\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/button/styles/button.module.scss\",\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/global.scss\"],\"names\":[],\"mappings\":\"AAEA;ECqBI,iCAAiC;EACjC,gBAAgB;EDpBhB,YAAY;EACZ,eAAe;EACf,eAAe;EACf,kBAAkB;EAClB,aAAa;EACb,yBAAyB;EACzB,mBAAmB;EACnB,eAAe;EACf,iCAAiC,EAAA;;AAGrC;EACI,YAAY;EACZ,kBAAkB;EAClB,mBAAmB;ECenB,+GAEmE;EACnE,4BAA4B;EDhB5B,4BAA4B,EAAA;;AAGhC;EACI,mBAAmB;EACnB,iBAAiB,EAAA;;AAGrB;ECYI,qHAEiE,EAAA;;ADXrE;EACI,YAAY,EAAA\",\"file\":\"button.module.scss\",\"sourcesContent\":[\"@import '../../global.scss'; \\r\\n\\r\\n.MDButton {\\r\\n @include Roboto-medium;\\r\\n padding: 8px;\\r\\n font-size: 14px;\\r\\n min-width: 64px;\\r\\n border-radius: 2px;\\r\\n outline: none;\\r\\n text-transform: uppercase;\\r\\n letter-spacing: 2px;\\r\\n cursor: pointer;\\r\\n -webkit-tap-highlight-color: none;\\r\\n}\\r\\n\\r\\n.MDButtonContained {\\r\\n border: none;\\r\\n padding-left: 16px;\\r\\n padding-right: 16px;\\r\\n @include box-shadow-1dp;\\r\\n transition: box-shadow 300ms;\\r\\n}\\r\\n\\r\\n.MDOutlinedButton {\\r\\n border-style: solid;\\r\\n border-width: 1px;\\r\\n}\\r\\n\\r\\n.MDButtonContained:hover {\\r\\n @include box-shadow-8dp;\\r\\n}\\r\\n.MDTextButton {\\r\\n border: none;\\r\\n}\",\"@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');\\r\\n\\r\\n$md-border-radius: 2px;\\r\\n$md-border-radius-medium: 5px;\\r\\n$ms150timing: cubic-bezier(0.4, 0, 0.2, 1);\\r\\n$preferred-icon-size: 24px;\\r\\n\\r\\n$shadow-key-umbra-opacity: 0.20 !default;\\r\\n$shadow-key-penumbra-opacity: 0.14 !default;\\r\\n$shadow-ambient-shadow-opacity: 0.12 !default;\\r\\n\\r\\n\\r\\n@mixin Roboto-bold {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 700;\\r\\n}\\r\\n\\r\\n@mixin Roboto-bolder {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 500;\\r\\n}\\r\\n\\r\\n@mixin Roboto-medium {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 400;\\r\\n}\\r\\n\\r\\n@mixin Roboto-light {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 300;\\r\\n}\\r\\n\\r\\n@mixin box-shadow-1dp {\\r\\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\\r\\n 0 3px 1px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity),\\r\\n 0 1px 5px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\\r\\n transition: box-shadow 300ms;\\r\\n}\\r\\n\\r\\n@mixin box-shadow-8dp {\\r\\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),\\r\\n 0 3px 14px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\\r\\n 0 5px 5px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity);\\r\\n}\"]}]);\n// Exports\nexports.locals = {\n\t\"MDButton\": \"_25A3jctR26U5nUigxCsXsI\",\n\t\"MDButtonContained\": \"_37BBtjeBrl1wd7ubY-aVm1\",\n\t\"MDOutlinedButton\": \"_1AzQHXhoIC-RDhj2hHNUUD\",\n\t\"MDTextButton\": \"_26P7u99B82jhZ6GqXl62mc\"\n};\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/button/styles/button.module.scss?./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./src/button/styles/button.palette.module.scss": /*!*******************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2!./src/button/styles/button.palette.module.scss ***! \*******************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\n// Module\nexports.push([module.i, \"._3Ly3Wf1GDprrfhC85rhqlK {\\n background: #3700b3;\\n color: #f1f1f1; }\\n\\n._10vldIX1gl49WMRInvoHpm {\\n background: transparent;\\n color: #3700b3;\\n transition: background 300ms; }\\n\\n._3fJWKhOuCF5dWQYmdZOcM2 {\\n border-color: #3700b3;\\n background: transparent;\\n color: #3700b3;\\n transition: background 300ms; }\\n\\n._3fJWKhOuCF5dWQYmdZOcM2:hover {\\n background: rgba(0, 0, 0, 0.05); }\\n\\n._10vldIX1gl49WMRInvoHpm:hover {\\n background: rgba(0, 0, 0, 0.05); }\\n\", \"\",{\"version\":3,\"sources\":[\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/button/styles/button.palette.module.scss\",\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/global.palettes.scss\"],\"names\":[],\"mappings\":\"AAEA;EACI,mBCC8B;EDA9B,cCKqB,EAAA;;ADFzB;EACI,uBAAuB;EACvB,cCL8B;EDM9B,4BAA4B,EAAA;;AAGhC;EACI,qBCV8B;EDW9B,uBAAuB;EACvB,cCZ8B;EDa9B,4BAA4B,EAAA;;AAGhC;EACI,+BAA8B,EAAA;;AAGlC;EACI,+BAA6B,EAAA\",\"file\":\"button.palette.module.scss\",\"sourcesContent\":[\"@import '../../global.palettes.scss';\\r\\n\\r\\n.MDButtonContained {\\r\\n background: $default-accent-color-700;\\r\\n color: $text-color-dark;\\r\\n}\\r\\n\\r\\n.MDTextButton {\\r\\n background: transparent;\\r\\n color: $default-accent-color-700;\\r\\n transition: background 300ms;\\r\\n}\\r\\n\\r\\n.MDOutlinedButton {\\r\\n border-color: $default-accent-color-700;\\r\\n background: transparent;\\r\\n color: $default-accent-color-700;\\r\\n transition: background 300ms;\\r\\n}\\r\\n\\r\\n.MDOutlinedButton:hover {\\r\\n background: rgba(0, 0, 0, .05)\\r\\n}\\r\\n\\r\\n.MDTextButton:hover {\\r\\n background: rgba(0, 0, 0,.05);\\r\\n}\",\"$bg-color-light: #f1f1f1;\\r\\n$bg-color-dark: #181818;\\r\\n$bg-color-dark-elevated-1dp: #181818;\\r\\n$bg-color-dark-elevated-8dp: #292929;\\r\\n$default-accent-color-700: #3700b3;\\r\\n$default-accent-color-500: #6200ee;\\r\\n$default-error-color: #b00020;\\r\\n$text-color-light: #1f1f1f;\\r\\n$text-color-light-grey: #767676;\\r\\n$text-color-dark: #f1f1f1;\\r\\n$text-color-dark-grey: #9a9a9a;\\r\\n$bg-color-light-grey: rgba(0, 0, 0, .6);\\r\\n\"]}]);\n// Exports\nexports.locals = {\n\t\"MDButtonContained\": \"_3Ly3Wf1GDprrfhC85rhqlK\",\n\t\"MDTextButton\": \"_10vldIX1gl49WMRInvoHpm\",\n\t\"MDOutlinedButton\": \"_3fJWKhOuCF5dWQYmdZOcM2\"\n};\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/button/styles/button.palette.module.scss?./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./src/card/styles/card-dark.module.scss": /*!************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2!./src/card/styles/card-dark.module.scss ***! \************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\n// Module\nexports.push([module.i, \"._1v-XfCAJJwyIj8V_NTxqVf {\\n background: #181818;\\n color: #9a9a9a; }\\n\\n._1d5Ef86mAXKslk2Bqj2sNI h2 {\\n color: #f1f1f1; }\\n\\n._1v-XfCAJJwyIj8V_NTxqVf:hover {\\n background-color: #292929; }\\n\", \"\",{\"version\":3,\"sources\":[\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/card/styles/card-dark.module.scss\",\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/global.palettes.scss\"],\"names\":[],\"mappings\":\"AAEA;EACI,mBCFmB;EDGnB,cCM0B,EAAA;;ADH9B;EACI,cCCqB,EAAA;;ADEzB;EACI,yBCTgC,EAAA\",\"file\":\"card-dark.module.scss\",\"sourcesContent\":[\"@import '../../global.palettes.scss';\\r\\n\\r\\n.MDCard {\\r\\n background: $bg-color-dark;\\r\\n color: $text-color-dark-grey;\\r\\n}\\r\\n\\r\\n.MDCardHeader h2{\\r\\n color: $text-color-dark;\\r\\n}\\r\\n\\r\\n.MDCard:hover {\\r\\n background-color: $bg-color-dark-elevated-8dp;\\r\\n}\",\"$bg-color-light: #f1f1f1;\\r\\n$bg-color-dark: #181818;\\r\\n$bg-color-dark-elevated-1dp: #181818;\\r\\n$bg-color-dark-elevated-8dp: #292929;\\r\\n$default-accent-color-700: #3700b3;\\r\\n$default-accent-color-500: #6200ee;\\r\\n$default-error-color: #b00020;\\r\\n$text-color-light: #1f1f1f;\\r\\n$text-color-light-grey: #767676;\\r\\n$text-color-dark: #f1f1f1;\\r\\n$text-color-dark-grey: #9a9a9a;\\r\\n$bg-color-light-grey: rgba(0, 0, 0, .6);\\r\\n\"]}]);\n// Exports\nexports.locals = {\n\t\"MDCard\": \"_1v-XfCAJJwyIj8V_NTxqVf\",\n\t\"MDCardHeader\": \"_1d5Ef86mAXKslk2Bqj2sNI\"\n};\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/card/styles/card-dark.module.scss?./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./src/card/styles/card-light.module.scss": /*!*************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2!./src/card/styles/card-light.module.scss ***! \*************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\n// Module\nexports.push([module.i, \"._2brj7RdNqp5BZHQ3bcuxIX {\\n background: #f1f1f1;\\n color: #767676; }\\n\\n._14jSGmMOE3txlSDyPHLxQm h2 {\\n color: #1f1f1f; }\\n\", \"\",{\"version\":3,\"sources\":[\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/card/styles/card-light.module.scss\",\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/global.palettes.scss\"],\"names\":[],\"mappings\":\"AAEA;EACI,mBCHoB;EDIpB,cCI2B,EAAA;;ADD/B;EACI,cCDsB,EAAA\",\"file\":\"card-light.module.scss\",\"sourcesContent\":[\"@import '../../global.palettes.scss';\\r\\n\\r\\n.MDCard {\\r\\n background: $bg-color-light;\\r\\n color: $text-color-light-grey;\\r\\n}\\r\\n\\r\\n.MDCardHeader h2{\\r\\n color: $text-color-light;\\r\\n}\\r\\n\",\"$bg-color-light: #f1f1f1;\\r\\n$bg-color-dark: #181818;\\r\\n$bg-color-dark-elevated-1dp: #181818;\\r\\n$bg-color-dark-elevated-8dp: #292929;\\r\\n$default-accent-color-700: #3700b3;\\r\\n$default-accent-color-500: #6200ee;\\r\\n$default-error-color: #b00020;\\r\\n$text-color-light: #1f1f1f;\\r\\n$text-color-light-grey: #767676;\\r\\n$text-color-dark: #f1f1f1;\\r\\n$text-color-dark-grey: #9a9a9a;\\r\\n$bg-color-light-grey: rgba(0, 0, 0, .6);\\r\\n\"]}]);\n// Exports\nexports.locals = {\n\t\"MDCard\": \"_2brj7RdNqp5BZHQ3bcuxIX\",\n\t\"MDCardHeader\": \"_14jSGmMOE3txlSDyPHLxQm\"\n};\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/card/styles/card-light.module.scss?./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./src/card/styles/card.module.scss": /*!*******************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2!./src/card/styles/card.module.scss ***! \*******************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\nexports.push([module.i, \"@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);\"]);\n// Module\nexports.push([module.i, \"._6ZZMO_GXL3h-gkl-P-wap {\\n border-radius: 2px;\\n font-family: 'Roboto', sans-serif;\\n font-weight: 400;\\n transition: all .25s linear;\\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\\n transition: box-shadow 300ms;\\n max-width: 100%;\\n -webkit-tap-highlight-color: none;\\n display: flex;\\n flex-direction: column; }\\n\\n.RlIxLlRkRevj0_adVpmCG {\\n order: 0;\\n object-fit: cover;\\n z-index: 1;\\n max-width: 100%;\\n border-radius: 2px 2px 0 0;\\n align-self: center; }\\n\\n._2E1ckxsimkNcS0zjKuw4-y {\\n order: 1;\\n display: flex;\\n flex-direction: column;\\n max-height: 0rem; }\\n\\n._6ZZMO_GXL3h-gkl-P-wap:hover {\\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }\\n\\n._2PFJWGy96SYyzFVQ_cSycH {\\n order: 1;\\n padding: 16px;\\n padding-right: 24px;\\n margin-bottom: .5em;\\n padding-bottom: 0; }\\n\\n.-ypE1LpNUpTZnB3ewqh9t {\\n padding: 16px;\\n padding-right: 24px;\\n order: 2;\\n padding-top: 0;\\n padding-bottom: 0;\\n max-height: 100%; }\\n\\n.CbcyQMUccVTzYH_WHyrvS {\\n order: 3;\\n padding: 16px;\\n padding-right: 24px;\\n margin-top: .8em;\\n padding-top: 0;\\n display: flex; }\\n\\n.CbcyQMUccVTzYH_WHyrvS:empty {\\n margin-top: 0; }\\n\\n.CbcyQMUccVTzYH_WHyrvS button {\\n margin-right: 8px; }\\n\\n._1E8ncLu_-IZbHz8IwQloVf {\\n font-family: 'Roboto', sans-serif;\\n font-weight: 500;\\n order: 1;\\n font-size: 1.5em;\\n margin: 0; }\\n\\n._3CFM86X1-LaSYn7n5JLRpH {\\n font-family: 'Roboto', sans-serif;\\n font-weight: 400;\\n font-size: 1em;\\n margin: 0;\\n order: 2; }\\n\\n._2ePWEwOWarzoZbF00lp5nY {\\n font-family: 'Roboto', sans-serif;\\n font-weight: 400;\\n font-size: 1em;\\n margin-top: .8em;\\n margin-bottom: .5em;\\n order: 3;\\n text-overflow: ellipsis;\\n padding: 0; }\\n\\n.-ypE1LpNUpTZnB3ewqh9t ._31wVo8CA4L2OerWRk-NgCR {\\n order: 3;\\n margin-top: .5em;\\n margin-bottom: .5em;\\n margin-left: auto;\\n margin-right: auto; }\\n\", \"\",{\"version\":3,\"sources\":[\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/card/styles/card.module.scss\",\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/global.scss\"],\"names\":[],\"mappings\":\"AAEA;EACI,kBCDkB;EAqBlB,iCAAiC;EACjC,gBAAgB;EDnBhB,2BAA2B;EC4B3B,+GAEmE;EACnE,4BAA4B;ED7B5B,eAAe;EACf,iCAAiC;EACjC,aAAa;EACb,sBAAsB,EAAA;;AAG1B;EACI,QAAQ;EACR,iBAAiB;EACjB,UAAU;EACV,eAAe;EACf,0BAAsD;EACtD,kBAAkB,EAAA;;AAGtB;EACI,QAAQ;EACR,aAAa;EACb,sBAAsB;EACtB,gBAAgB,EAAA;;AAGpB;ECWI,qHAEiE,EAAA;;ADTrE;EACI,QAAQ;EACR,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB,EAAA;;AAGrB;EACI,aAAa;EACb,mBAAmB;EACnB,QAAQ;EACR,cAAc;EACd,iBAAiB;EACjB,gBAAgB,EAAA;;AAGpB;EACI,QAAQ;EACR,aAAa;EACb,mBAAmB;EACnB,gBAAgB;EAChB,cAAc;EACd,aAAa,EAAA;;AAGjB;EACI,aAAa,EAAA;;AAGjB;EACI,iBAAiB,EAAA;;AAGrB;ECjDI,iCAAiC;EACjC,gBAAgB;EDkDhB,QAAQ;EACR,gBAAgB;EAChB,SAAS,EAAA;;AAGb;ECnDI,iCAAiC;EACjC,gBAAgB;EDoDhB,cAAc;EACd,SAAS;EACT,QAAQ,EAAA;;AAGZ;EC1DI,iCAAiC;EACjC,gBAAgB;ED2DhB,cAAc;EACd,gBAAgB;EAChB,mBAAmB;EACnB,QAAQ;EACR,uBAAuB;EACvB,UAAU,EAAA;;AAGd;EACI,QAAQ;EACR,gBAAgB;EAChB,mBAAmB;EACnB,iBAAiB;EACjB,kBAAkB,EAAA\",\"file\":\"card.module.scss\",\"sourcesContent\":[\"@import '../../global.scss'; \\r\\n\\r\\n.MDCard {\\r\\n border-radius: $md-border-radius;\\r\\n @include Roboto-medium;\\r\\n transition: all .25s linear;\\r\\n @include box-shadow-1dp;\\r\\n max-width: 100%;\\r\\n -webkit-tap-highlight-color: none;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n}\\r\\n\\r\\n.MDCardMedia {\\r\\n order: 0;\\r\\n object-fit: cover;\\r\\n z-index: 1;\\r\\n max-width: 100%;\\r\\n border-radius: $md-border-radius $md-border-radius 0 0;\\r\\n align-self: center;\\r\\n}\\r\\n\\r\\n.MDCardMain {\\r\\n order: 1;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n max-height: 0rem;\\r\\n}\\r\\n\\r\\n.MDCard:hover {\\r\\n @include box-shadow-8dp;\\r\\n}\\r\\n\\r\\n.MDCardHeader {\\r\\n order: 1;\\r\\n padding: 16px;\\r\\n padding-right: 24px;\\r\\n margin-bottom: .5em;\\r\\n padding-bottom: 0;\\r\\n}\\r\\n\\r\\n.MDCardContent {\\r\\n padding: 16px;\\r\\n padding-right: 24px;\\r\\n order: 2;\\r\\n padding-top: 0;\\r\\n padding-bottom: 0;\\r\\n max-height: 100%;\\r\\n}\\r\\n\\r\\n.MDCardFooter {\\r\\n order: 3;\\r\\n padding: 16px;\\r\\n padding-right: 24px;\\r\\n margin-top: .8em;\\r\\n padding-top: 0;\\r\\n display: flex;\\r\\n}\\r\\n\\r\\n.MDCardFooter:empty {\\r\\n margin-top: 0;\\r\\n}\\r\\n\\r\\n.MDCardFooter button {\\r\\n margin-right: 8px;\\r\\n}\\r\\n\\r\\n.MDCardTitle {\\r\\n @include Roboto-bolder;\\r\\n order: 1;\\r\\n font-size: 1.5em;\\r\\n margin: 0;\\r\\n}\\r\\n\\r\\n.MDCardSubtitle {\\r\\n @include Roboto-medium;\\r\\n font-size: 1em;\\r\\n margin: 0;\\r\\n order: 2;\\r\\n}\\r\\n\\r\\n.MDCardSection {\\r\\n @include Roboto-medium;\\r\\n font-size: 1em;\\r\\n margin-top: .8em;\\r\\n margin-bottom: .5em;\\r\\n order: 3;\\r\\n text-overflow: ellipsis;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.MDCardContent .MDDivider {\\r\\n order: 3;\\r\\n margin-top: .5em;\\r\\n margin-bottom: .5em;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n}\",\"@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');\\r\\n\\r\\n$md-border-radius: 2px;\\r\\n$md-border-radius-medium: 5px;\\r\\n$ms150timing: cubic-bezier(0.4, 0, 0.2, 1);\\r\\n$preferred-icon-size: 24px;\\r\\n\\r\\n$shadow-key-umbra-opacity: 0.20 !default;\\r\\n$shadow-key-penumbra-opacity: 0.14 !default;\\r\\n$shadow-ambient-shadow-opacity: 0.12 !default;\\r\\n\\r\\n\\r\\n@mixin Roboto-bold {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 700;\\r\\n}\\r\\n\\r\\n@mixin Roboto-bolder {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 500;\\r\\n}\\r\\n\\r\\n@mixin Roboto-medium {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 400;\\r\\n}\\r\\n\\r\\n@mixin Roboto-light {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 300;\\r\\n}\\r\\n\\r\\n@mixin box-shadow-1dp {\\r\\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\\r\\n 0 3px 1px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity),\\r\\n 0 1px 5px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\\r\\n transition: box-shadow 300ms;\\r\\n}\\r\\n\\r\\n@mixin box-shadow-8dp {\\r\\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),\\r\\n 0 3px 14px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\\r\\n 0 5px 5px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity);\\r\\n}\"]}]);\n// Exports\nexports.locals = {\n\t\"MDCard\": \"_6ZZMO_GXL3h-gkl-P-wap\",\n\t\"MDCardMedia\": \"RlIxLlRkRevj0_adVpmCG\",\n\t\"MDCardMain\": \"_2E1ckxsimkNcS0zjKuw4-y\",\n\t\"MDCardHeader\": \"_2PFJWGy96SYyzFVQ_cSycH\",\n\t\"MDCardContent\": \"-ypE1LpNUpTZnB3ewqh9t\",\n\t\"MDCardFooter\": \"CbcyQMUccVTzYH_WHyrvS\",\n\t\"MDCardTitle\": \"_1E8ncLu_-IZbHz8IwQloVf\",\n\t\"MDCardSubtitle\": \"_3CFM86X1-LaSYn7n5JLRpH\",\n\t\"MDCardSection\": \"_2ePWEwOWarzoZbF00lp5nY\",\n\t\"MDDivider\": \"_31wVo8CA4L2OerWRk-NgCR\"\n};\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/card/styles/card.module.scss?./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./src/divider/styles/divider.module.scss": /*!*************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2!./src/divider/styles/divider.module.scss ***! \*************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\nexports.push([module.i, \"@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);\"]);\n// Module\nexports.push([module.i, \".EoQnxA2euoJTrTw3YX3sM, .EoQnxA2euoJTrTw3YX3sM:empty {\\n width: 85%;\\n height: 1px;\\n margin-top: 1em;\\n margin-bottom: 1em;\\n margin-left: auto;\\n margin-right: auto;\\n opacity: 12%;\\n background: #000; }\\n\", \"\",{\"version\":3,\"sources\":[\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/divider/styles/divider.module.scss\"],\"names\":[],\"mappings\":\"AAEA;EACI,UAAU;EACV,WAAW;EACX,eAAe;EACf,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;EAClB,YAAY;EACZ,gBAAgB,EAAA\",\"file\":\"divider.module.scss\",\"sourcesContent\":[\"@import '../../global.scss'; \\r\\n\\r\\n.MDDivider, .MDDivider:empty {\\r\\n width: 85%;\\r\\n height: 1px;\\r\\n margin-top: 1em;\\r\\n margin-bottom: 1em;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n opacity: 12%;\\r\\n background: #000;\\r\\n}\"]}]);\n// Exports\nexports.locals = {\n\t\"MDDivider\": \"EoQnxA2euoJTrTw3YX3sM\"\n};\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/divider/styles/divider.module.scss?./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./src/floatingbutton/style/floatingbutton.module.scss": /*!**************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2!./src/floatingbutton/style/floatingbutton.module.scss ***! \**************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\nexports.push([module.i, \"@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);\"]);\n// Module\nexports.push([module.i, \".CuKFx4t63FYhthPmtOFja {\\n cursor: pointer;\\n border-radius: 50%;\\n width: 2.8em;\\n height: 2.8em;\\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\\n transition: box-shadow 300ms;\\n cursor: pointer;\\n display: grid;\\n grid-column: 1fr;\\n grid-row: 1fr;\\n justify-content: center;\\n align-items: center;\\n -webkit-tap-highlight-color: none; }\\n\\n.CuKFx4t63FYhthPmtOFja:hover {\\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }\\n\\n._2CO7lI7N124LN1bUvRVpi3 {\\n border-radius: 50%;\\n cursor: pointer;\\n width: 2em;\\n height: 2em;\\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\\n transition: box-shadow 300ms;\\n cursor: pointer;\\n display: grid;\\n grid-column: 1fr;\\n grid-row: 1fr;\\n justify-content: center;\\n align-items: center;\\n -webkit-tap-highlight-color: none; }\\n\\n._2CO7lI7N124LN1bUvRVpi3:hover {\\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }\\n\\n._5k7Nesw8T_U5M-DzkgTUq {\\n font-size: 1.5em;\\n width: 100%;\\n cursor: pointer;\\n height: 100%;\\n display: grid;\\n grid-column: 1fr;\\n grid-row: 1fr;\\n border: none;\\n background: transparent;\\n outline: none;\\n justify-content: center;\\n align-items: center; }\\n\", \"\",{\"version\":3,\"sources\":[\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/floatingbutton/style/floatingbutton.module.scss\",\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/global.scss\"],\"names\":[],\"mappings\":\"AAYA;EACI,eAAe;EACf,kBAAkB;EAClB,YAAY;EACZ,aAAa;ECiBb,+GAEmE;EACnE,4BAA4B;EDjC5B,eAAe;EACf,aAAa;EACb,gBAAgB;EAChB,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,iCAAiC,EAAA;;AAYrC;ECmBI,qHAEiE,EAAA;;ADjBrE;EACI,kBAAkB;EAClB,eAAe;EACf,UAAU;EACV,WAAW;ECIX,+GAEmE;EACnE,4BAA4B;EDjC5B,eAAe;EACf,aAAa;EACb,gBAAgB;EAChB,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,iCAAiC,EAAA;;AAyBrC;ECMI,qHAEiE,EAAA;;ADJrE;EACI,gBAAgB;EAChB,WAAW;EACX,eAAe;EACf,YAAY;EACZ,aAAa;EACb,gBAAgB;EAChB,aAAa;EACb,YAAY;EACZ,uBAAuB;EACvB,aAAa;EACb,uBAAuB;EACvB,mBAAmB,EAAA\",\"file\":\"floatingbutton.module.scss\",\"sourcesContent\":[\"@import '../../global.scss';\\r\\n\\r\\n@mixin single-grid {\\r\\n cursor: pointer;\\r\\n display: grid;\\r\\n grid-column: 1fr;\\r\\n grid-row: 1fr;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n -webkit-tap-highlight-color: none;\\r\\n}\\r\\n\\r\\n.MDFloatingButton {\\r\\n cursor: pointer;\\r\\n border-radius: 50%;\\r\\n width: 2.8em;\\r\\n height: 2.8em;\\r\\n @include box-shadow-1dp;\\r\\n @include single-grid;\\r\\n}\\r\\n\\r\\n.MDFloatingButton:hover {\\r\\n @include box-shadow-8dp;\\r\\n}\\r\\n\\r\\n.MDFloatingButtonMini {\\r\\n border-radius: 50%;\\r\\n cursor: pointer;\\r\\n width: 2em;\\r\\n height: 2em;\\r\\n @include box-shadow-1dp;\\r\\n @include single-grid;\\r\\n}\\r\\n\\r\\n.MDFloatingButtonMini:hover {\\r\\n @include box-shadow-8dp;\\r\\n}\\r\\n\\r\\n.Content {\\r\\n font-size: 1.5em;\\r\\n width: 100%;\\r\\n cursor: pointer;\\r\\n height: 100%;\\r\\n display: grid;\\r\\n grid-column: 1fr;\\r\\n grid-row: 1fr;\\r\\n border: none;\\r\\n background: transparent;\\r\\n outline: none;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n\",\"@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');\\r\\n\\r\\n$md-border-radius: 2px;\\r\\n$md-border-radius-medium: 5px;\\r\\n$ms150timing: cubic-bezier(0.4, 0, 0.2, 1);\\r\\n$preferred-icon-size: 24px;\\r\\n\\r\\n$shadow-key-umbra-opacity: 0.20 !default;\\r\\n$shadow-key-penumbra-opacity: 0.14 !default;\\r\\n$shadow-ambient-shadow-opacity: 0.12 !default;\\r\\n\\r\\n\\r\\n@mixin Roboto-bold {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 700;\\r\\n}\\r\\n\\r\\n@mixin Roboto-bolder {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 500;\\r\\n}\\r\\n\\r\\n@mixin Roboto-medium {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 400;\\r\\n}\\r\\n\\r\\n@mixin Roboto-light {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 300;\\r\\n}\\r\\n\\r\\n@mixin box-shadow-1dp {\\r\\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\\r\\n 0 3px 1px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity),\\r\\n 0 1px 5px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\\r\\n transition: box-shadow 300ms;\\r\\n}\\r\\n\\r\\n@mixin box-shadow-8dp {\\r\\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),\\r\\n 0 3px 14px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\\r\\n 0 5px 5px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity);\\r\\n}\"]}]);\n// Exports\nexports.locals = {\n\t\"MDFloatingButton\": \"CuKFx4t63FYhthPmtOFja\",\n\t\"MDFloatingButtonMini\": \"_2CO7lI7N124LN1bUvRVpi3\",\n\t\"Content\": \"_5k7Nesw8T_U5M-DzkgTUq\"\n};\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/floatingbutton/style/floatingbutton.module.scss?./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./src/floatingbutton/style/floatingbutton.palette.module.scss": /*!**********************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2!./src/floatingbutton/style/floatingbutton.palette.module.scss ***! \**********************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\n// Module\nexports.push([module.i, \"._19iSgA-l58r4tJGYjN9dKH {\\n background-color: #3700b3;\\n color: #f1f1f1; }\\n\", \"\",{\"version\":3,\"sources\":[\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/floatingbutton/style/floatingbutton.palette.module.scss\",\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/global.palettes.scss\"],\"names\":[],\"mappings\":\"AAEA;EACI,yBCC8B;EDA9B,cCKqB,EAAA\",\"file\":\"floatingbutton.palette.module.scss\",\"sourcesContent\":[\"@import '../../global.palettes.scss';\\r\\n\\r\\n.MDFloatingButton {\\r\\n background-color: $default-accent-color-700;\\r\\n color: $text-color-dark;\\r\\n}\",\"$bg-color-light: #f1f1f1;\\r\\n$bg-color-dark: #181818;\\r\\n$bg-color-dark-elevated-1dp: #181818;\\r\\n$bg-color-dark-elevated-8dp: #292929;\\r\\n$default-accent-color-700: #3700b3;\\r\\n$default-accent-color-500: #6200ee;\\r\\n$default-error-color: #b00020;\\r\\n$text-color-light: #1f1f1f;\\r\\n$text-color-light-grey: #767676;\\r\\n$text-color-dark: #f1f1f1;\\r\\n$text-color-dark-grey: #9a9a9a;\\r\\n$bg-color-light-grey: rgba(0, 0, 0, .6);\\r\\n\"]}]);\n// Exports\nexports.locals = {\n\t\"MDFloatingButton\": \"_19iSgA-l58r4tJGYjN9dKH\"\n};\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/floatingbutton/style/floatingbutton.palette.module.scss?./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./src/icon/style/icon.module.scss": /*!******************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2!./src/icon/style/icon.module.scss ***! \******************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */ \"./node_modules/css-loader/dist/runtime/getUrl.js\");\nvar ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! ./MaterialIcons-Regular.eot */ \"./src/icon/style/MaterialIcons-Regular.eot\");\nvar ___CSS_LOADER_URL_IMPORT_1___ = __webpack_require__(/*! ./MaterialIcons-Regular.woff2 */ \"./src/icon/style/MaterialIcons-Regular.woff2\");\nvar ___CSS_LOADER_URL_IMPORT_2___ = __webpack_require__(/*! ./MaterialIcons-Regular.woff */ \"./src/icon/style/MaterialIcons-Regular.woff\");\nvar ___CSS_LOADER_URL_IMPORT_3___ = __webpack_require__(/*! ./MaterialIcons-Regular.ttf */ \"./src/icon/style/MaterialIcons-Regular.ttf\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\nexports.push([module.i, \"@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);\"]);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);\n// Module\nexports.push([module.i, \"@font-face {\\n font-family: 'Material Icons';\\n font-style: italic;\\n font-weight: 400;\\n src: url(\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \");\\n /* For IE6-8 */\\n src: local(\\\"Material Icons\\\"), local(\\\"MaterialIcons-Regular\\\"), url(\" + ___CSS_LOADER_URL_REPLACEMENT_1___ + \") format(\\\"woff2\\\"), url(\" + ___CSS_LOADER_URL_REPLACEMENT_2___ + \") format(\\\"woff\\\"), url(\" + ___CSS_LOADER_URL_REPLACEMENT_3___ + \") format(\\\"truetype\\\"); }\\n\\n.IxMY1RoNMVUDhr9bAvESy {\\n font-size: 24px;\\n font-family: 'Material Icons' !important;\\n color: #1f1f1f;\\n cursor: pointer;\\n -webkit-tap-highlight-color: none; }\\n\", \"\",{\"version\":3,\"sources\":[\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/icon/style/icon.module.scss\",\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/global.scss\",\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/global.palettes.scss\"],\"names\":[],\"mappings\":\"AAEA;EACI,6BAA6B;EAC7B,kBAAkB;EAClB,gBAAgB;EAChB,4CAAqC;EAAE,cAAA;EACvC,yOAIqD,EAAA;;AAGzD;EACE,eCVwB;EDWxB,wCAAwC;EACxC,cEVwB;EFWxB,eAAe;EACf,iCAAiC,EAAA\",\"file\":\"icon.module.scss\",\"sourcesContent\":[\"@import '../../global.palettes.scss';\\r\\n@import '../../global.scss';\\r\\n@font-face {\\r\\n font-family: 'Material Icons';\\r\\n font-style: italic;\\r\\n font-weight: 400;\\r\\n src: url(./MaterialIcons-Regular.eot); /* For IE6-8 */\\r\\n src: local('Material Icons'),\\r\\n local('MaterialIcons-Regular'),\\r\\n url(./MaterialIcons-Regular.woff2) format('woff2'),\\r\\n url(./MaterialIcons-Regular.woff) format('woff'),\\r\\n url(./MaterialIcons-Regular.ttf) format('truetype');\\r\\n }\\r\\n\\r\\n.MDIcon {\\r\\n font-size: $preferred-icon-size;\\r\\n font-family: 'Material Icons' !important;\\r\\n color: $text-color-light;\\r\\n cursor: pointer;\\r\\n -webkit-tap-highlight-color: none;\\r\\n}\",\"@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');\\r\\n\\r\\n$md-border-radius: 2px;\\r\\n$md-border-radius-medium: 5px;\\r\\n$ms150timing: cubic-bezier(0.4, 0, 0.2, 1);\\r\\n$preferred-icon-size: 24px;\\r\\n\\r\\n$shadow-key-umbra-opacity: 0.20 !default;\\r\\n$shadow-key-penumbra-opacity: 0.14 !default;\\r\\n$shadow-ambient-shadow-opacity: 0.12 !default;\\r\\n\\r\\n\\r\\n@mixin Roboto-bold {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 700;\\r\\n}\\r\\n\\r\\n@mixin Roboto-bolder {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 500;\\r\\n}\\r\\n\\r\\n@mixin Roboto-medium {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 400;\\r\\n}\\r\\n\\r\\n@mixin Roboto-light {\\r\\n font-family: 'Roboto', sans-serif;\\r\\n font-weight: 300;\\r\\n}\\r\\n\\r\\n@mixin box-shadow-1dp {\\r\\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\\r\\n 0 3px 1px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity),\\r\\n 0 1px 5px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\\r\\n transition: box-shadow 300ms;\\r\\n}\\r\\n\\r\\n@mixin box-shadow-8dp {\\r\\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),\\r\\n 0 3px 14px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\\r\\n 0 5px 5px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity);\\r\\n}\",\"$bg-color-light: #f1f1f1;\\r\\n$bg-color-dark: #181818;\\r\\n$bg-color-dark-elevated-1dp: #181818;\\r\\n$bg-color-dark-elevated-8dp: #292929;\\r\\n$default-accent-color-700: #3700b3;\\r\\n$default-accent-color-500: #6200ee;\\r\\n$default-error-color: #b00020;\\r\\n$text-color-light: #1f1f1f;\\r\\n$text-color-light-grey: #767676;\\r\\n$text-color-dark: #f1f1f1;\\r\\n$text-color-dark-grey: #9a9a9a;\\r\\n$bg-color-light-grey: rgba(0, 0, 0, .6);\\r\\n\"]}]);\n// Exports\nexports.locals = {\n\t\"MDIcon\": \"IxMY1RoNMVUDhr9bAvESy\"\n};\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/icon/style/icon.module.scss?./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./src/textfield/style/textfield.module.scss": /*!****************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/sass-loader/dist/cjs.js??ref--5-2!./src/textfield/style/textfield.module.scss ***! \****************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\nexports.push([module.i, \"@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);\"]);\n// Module\nexports.push([module.i, \"._4AaIIMlRHeyuacUFFCXJH {\\n border-bottom: solid 1px;\\n font-family: 'Roboto', sans-serif;\\n font-weight: 400;\\n position: relative;\\n border-radius: 5px 5px 0 0;\\n min-height: 56px;\\n transition: background 150ms cubic-bezier(0.4, 0, 0.2, 1), border-bottom 150ms cubic-bezier(0.4, 0, 0.2, 1), caret-color 150ms cubic-bezier(0.4, 0, 0.2, 1);\\n cursor: text;\\n -webkit-tap-highlight-color: none; }\\n\\n.B1waWIAZ-cVtlqeOuNZJK {\\n border: solid thin;\\n font-family: 'Roboto', sans-serif;\\n font-weight: 400;\\n box-sizing: border-box;\\n transition: border 0ms cubic-bezier(0.4, 0, 0.2, 1), caret-color 150ms cubic-bezier(0.4, 0, 0.2, 1);\\n position: relative;\\n border-radius: 5px 5px 5px 5px;\\n min-height: 56px;\\n cursor: text; }\\n\\n.B1waWIAZ-cVtlqeOuNZJK:focus-within {\\n border: solid medium; }\\n\\n._4AaIIMlRHeyuacUFFCXJH:focus-within {\\n border-bottom: solid 1px; }\\n\\n._4AaIIMlRHeyuacUFFCXJH:focus-within ._3uCoG_oeY1lWuIxgOQD2Oy {\\n transform: translateY(-50%) scale(0.75);\\n font-size: 16px; }\\n\\n.B1waWIAZ-cVtlqeOuNZJK:focus-within ._3uCoG_oeY1lWuIxgOQD2Oy {\\n transform: translateY(-50%) scale(0.75);\\n font-size: 16px;\\n z-index: 2; }\\n\\n._3uCoG_oeY1lWuIxgOQD2Oy {\\n position: absolute;\\n left: 16px;\\n bottom: 30%;\\n top: auto;\\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);\\n transform-origin: 0px 0px; }\\n\\n._3uaHeyhnGGf9WAu_GX5CNI {\\n display: flex;\\n align-content: center;\\n position: absolute;\\n left: 16px;\\n bottom: .5rem;\\n height: 50%;\\n width: calc(100% - 32px); }\\n\\n._3NToN4jirIUYKwN6uZAz9b {\\n border: none;\\n background: transparent;\\n position: relative;\\n width: 100%;\\n overflow: hidden;\\n font-size: 16px; }\\n\\n._3NToN4jirIUYKwN6uZAz9b:focus {\\n outline: none; }\\n\", \"\",{\"version\":3,\"sources\":[\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/textfield/style/textfield.module.scss\",\"C:/Users/simon/Desktop/CodeProjects/react-md-components/src/global.scss\"],\"names\":[],\"mappings\":\"AAEA;EACE,wBAAwB;ECoBtB,iCAAiC;EACjC,gBAAgB;EDnBlB,kBAAkB;EAClB,0BAAoE;EACpE,gBAAgB;EAChB,2JCJwC;EDKxC,YAAY;EACZ,iCAAiC,EAAA;;AAGnC;EACE,kBAAkB;ECShB,iCAAiC;EACjC,gBAAgB;EDRlB,sBAAsB;EACtB,mGCbwC;EDcxC,kBAAkB;EAClB,8BChB2B;EDiB3B,gBAAgB;EAChB,YAAY,EAAA;;AAGd;EACE,oBAAoB,EAAA;;AAGtB;EACE,wBAAwB,EAAA;;AAG1B;EACE,uCAAsC;EACtC,eAAe,EAAA;;AAGjB;EACE,uCAAsC;EACtC,eAAe;EACf,UAAU,EAAA;;AAGZ;EACE,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,SAAS;EACT,kGC5CwC;ED8CxC,yBAAyB,EAAA;;AAG3B;EACE,aAAa;EACb,qBAAqB;EACrB,kBAAkB;EAClB,UAAU;EACV,aAAa;EACb,WAAW;EACX,wBAAwB,EAAA;;AAG1B;EACE,YAAY;EACZ,uBAAuB;EACvB,kBAAkB;EAClB,WAAW;EACX,gBAAgB;EAChB,eAAe,EAAA;;AAGjB;EACE,aAAa,EAAA\",\"file\":\"textfield.module.scss\",\"sourcesContent\":[\"@import '../../global.scss';\\r\\n\\r\\n.MDTextField {\\r\\n border-bottom: solid 1px;\\r\\n @include Roboto-medium;\\r\\n position: relative;\\r\\n border-radius: $md-border-radius-medium $md-border-radius-medium 0 0;\\r\\n min-height: 56px;\\r\\n transition: background 150ms $ms150timing, border-bottom 150ms $ms150timing, caret-color 150ms $ms150timing;\\r\\n cursor: text;\\r\\n -webkit-tap-highlight-color: none;\\r\\n}\\r\\n\\r\\n.MDTextFieldOutlined {\\r\\n border: solid thin;\\r\\n @include Roboto-medium;\\r\\n box-sizing: border-box;\\r\\n transition: border 0ms $ms150timing, caret-color 150ms $ms150timing;\\r\\n position: relative;\\r\\n border-radius: $md-border-radius-medium $md-border-radius-medium $md-border-radius-medium $md-border-radius-medium;\\r\\n min-height: 56px;\\r\\n cursor: text;\\r\\n}\\r\\n\\r\\n.MDTextFieldOutlined:focus-within {\\r\\n border: solid medium;\\r\\n}\\r\\n\\r\\n.MDTextField:focus-within {\\r\\n border-bottom: solid 1px;\\r\\n}\\r\\n\\r\\n.MDTextField:focus-within .Label {\\r\\n transform: translateY(-50%) scale(.75);\\r\\n font-size: 16px;\\r\\n}\\r\\n\\r\\n.MDTextFieldOutlined:focus-within .Label {\\r\\n transform: translateY(-50%) scale(.75);\\r\\n font-size: 16px;\\r\\n z-index: 2;\\r\\n}\\r\\n\\r\\n.Label{\\r\\n position: absolute;\\r\\n left: 16px;\\r\\n bottom: 30%;\\r\\n top: auto;\\r\\n transition: transform 150ms $ms150timing,\\r\\n color 150ms $ms150timing;\\r\\n transform-origin: 0px 0px;\\r\\n}\\r\\n\\r\\n.InputWrapper {\\r\\n display: flex;\\r\\n align-content: center;\\r\\n position: absolute;\\r\\n left: 16px;\\r\\n bottom: .5rem;\\r\\n height: 50%;\\r\\n width: calc(100% - 32px);\\r\\n}\\r\\n\\r\\n.TextInput {\\r\\n border: none;\\r\\n background: transparent;\\r\\n position: relative;\\r\\n width: 100%;\\r\\n overflow: hidden;\\r\\n font-size: 16px;\\r\\n}\\r\\n\\r\\n.TextInput:focus {\\r\\n outline: none;\\r\\n}\\r\\n\",\"@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');\\r\\n\\r\\n$md-border-radius: 2px;\\r\\n$md-border-radius-medium: 5