mithril-materialized 0.19.0 → 0.19.4

package/dist/tabs.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="materialize-css" />
 import { Vnode, FactoryComponent, Attributes } from 'mithril';
-import { TabsOptions } from 'materialize-css';
 /**
  * Link or anchor target may take 4 values:
  * - _blank: Opens the linked document in a new window or tab
@@ -31,7 +31,7 @@ export interface ITabItem {
     /** Only used in combination with a set target to make the tab act as a regular hyperlink. */
     href?: string;
 }
-export interface ITabs extends Partial<TabsOptions>, Attributes {
+export interface ITabs extends Partial<M.TabsOptions>, Attributes {
     /** Selected tab id */
     selectedTabId?: string;
     /**

package/package.json

@@ -1,50 +1,50 @@
-{
-  "name": "mithril-materialized",
-  "version": "0.19.0",
-  "description": "A materialize library for mithril.",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "exports": {
-    ".": "./dist/index.modern.js"
-  },
-  "unpkg": "dist/index.umd.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "build": "microbundle ./src/index.ts",
-    "dev": "microbundle watch ./src/index.ts",
-    "start": "npm run dev",
-    "clean": "rimraf dist",
-    "link": "pnpm link",
-    "typedoc": "typedoc --out ../../docs/typedoc src",
-    "build:domain": "npm run clean && npm run build && typedoc --out ../../docs/typedoc src",
-    "dry-run": "npm publish --dry-run",
-    "patch-release": "npm run clean && npm run build && npm version patch --force -m \"Patch release\" && npm publish && git push --follow-tags",
-    "minor-release": "npm run clean && npm run build && npm version minor --force -m \"Minor release\" && npm publish && git push --follow-tags",
-    "major-release": "npm run clean && npm run build && npm version major --force -m \"Major release\" && npm publish && git push --follow-tags"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git://github.com/erikvullings/mithril-materialized.git"
-  },
-  "keywords": [
-    "mithril",
-    "materialize-css"
-  ],
-  "author": "Erik Vullings <erik.vullings@gmail.com> (http://www.tno.nl)",
-  "license": "MIT",
-  "devDependencies": {
-    "@types/materialize-css": "^1.0.8",
-    "@types/mithril": "^2.0.6",
-    "js-yaml": "^3.14.1",
-    "microbundle": "^0.13.0",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.42.4",
-    "tslib": "^2.1.0",
-    "typedoc": "^0.19.2",
-    "typescript": "^4.2.3"
-  },
-  "peerDependencies": {
-    "materialize-css": "^1.0.0",
-    "mithril": "^2.0.4"
-  }
-}
+{
+  "name": "mithril-materialized",
+  "version": "0.19.4",
+  "description": "A materialize library for mithril.",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "exports": {
+    ".": "./dist/index.modern.js",
+    "./index.css": "./dist/index.css"
+  },
+  "unpkg": "dist/index.umd.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "microbundle ./src/index.ts",
+    "dev": "microbundle watch ./src/index.ts",
+    "start": "npm run dev",
+    "clean": "rimraf dist node_modules/.cache",
+    "link:old": "pnpm link",
+    "typedoc": "typedoc --out ../../docs/typedoc src",
+    "build:domain": "npm run clean && npm run build && typedoc --out ../../docs/typedoc src",
+    "dry-run": "npm publish --dry-run",
+    "patch-release": "npm run clean && npm run build && npm version patch --force -m \"Patch release\" && npm publish && git push --follow-tags",
+    "minor-release": "npm run clean && npm run build && npm version minor --force -m \"Minor release\" && npm publish && git push --follow-tags",
+    "major-release": "npm run clean && npm run build && npm version major --force -m \"Major release\" && npm publish && git push --follow-tags"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/erikvullings/mithril-materialized.git"
+  },
+  "keywords": [
+    "mithril",
+    "materialize-css"
+  ],
+  "author": "Erik Vullings <erik.vullings@gmail.com> (http://www.tno.nl)",
+  "license": "MIT",
+  "devDependencies": {
+    "@types/materialize-css": "^1.0.11",
+    "@types/mithril": "^2.0.8",
+    "js-yaml": "^4.1.0",
+    "microbundle": "^0.14.1",
+    "rimraf": "^3.0.2",
+    "tslib": "^2.3.1",
+    "typedoc": "^0.22.6",
+    "typescript": "^4.4.4"
+  },
+  "dependencies": {
+    "materialize-css": "^1.0.0",
+    "mithril": "^2.0.4"
+  }
+}

package/dist/index.esm.css

@@ -1,2 +0,0 @@
-.twist{transform:scaleY(-1)}input[type=color]:not(.browser-default){margin:0 0 8px;background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:none;height:3rem;width:100%;font-size:16px;padding:0;box-shadow:none;box-sizing:content-box;transition:box-shadow .3s,border .3s}.input-field.options>label{top:-2.5rem}.codeblock{margin:1.5rem 0 2.5rem}.codeblock>div{margin-bottom:1rem}.codeblock>label{display:inline-block}.kanban .kanban__draggable{cursor:move;cursor:grab;cursor:-webkit-grab}.kanban .kanban__draggable:active{cursor:grabbing;cursor:-webkit-grabbing}.kanban .kanban__below{background:linear-gradient(180deg,rgba(30,87,153,0) 0,rgba(30,87,153,.7));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#001e5799",endColorstr="#b31e5799",GradientType=0)}.kanban .kanban__above{background:linear-gradient(180deg,rgba(30,87,153,.7) 0,rgba(30,87,153,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b31e5799",endColorstr="#001e5799",GradientType=0)}.kanban__item{padding-bottom:12px}.kanban__item.disabled{padding-bottom:24px}.kanban__item>.card-action{margin-bottom:0;text-align:right}.map-editor .input-field .prefix~.collection{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.map-editor .active .checkbox-in-collection label>input[type=checkbox]:checked+span:before{top:-4px;left:-3px;width:12px;height:22px;border-color:transparent #fff #fff transparent;border-style:solid;border-width:2px;transform:rotate(40deg);-webkit-backface-visibility:hidden;transform-origin:100% 100%}.clear,.clear-10,.clear-15{clear:both}.clear-10{margin-bottom:10px}.clear-15{margin-bottom:15px}span.mandatory{margin-left:5px;color:red}label+.switch{margin-top:1rem}.mm_timeline{margin:30px 0 0;padding:0;list-style:none;position:relative}.mm_timeline:before{content:"";position:absolute;top:0;bottom:0;width:10px;background:#afdcf8;left:20%;margin-left:-10px}.mm_timeline>li .mm_time{display:block;width:25%;padding-right:100px;position:absolute}.mm_timeline>li .mm_time span{display:block;text-align:right}.mm_timeline>li .mm_time span:first-child{font-size:.9em;color:#bdd0db}.mm_timeline>li .mm_time span:last-child{font-size:1.4em;color:#3594cb}.mm_timeline>li:nth-child(odd) .mm_time span:last-child{color:#6cbfee}.mm_timeline>li.active:nth-child(2n) .mm_time span:last-child,.mm_timeline>li.active:nth-child(odd) .mm_time span:last-child{color:#060558}.mm_timeline>li .mm_label{margin:0 0 15px 28%;background:#3594cb;color:#fff;padding:.6em 1em;font-size:1.2em;font-weight:300;line-height:1.4;position:relative;border-radius:5px}.mm_timeline>li.active .mm_label{border:4px solid #060558}.mm_timeline>li:nth-child(odd) .mm_label{background:#6cbfee}.mm_timeline>li .mm_label h5{margin-top:0;padding:0 0 10px;border-bottom:1px solid hsla(0,0%,100%,.4)}.mm_timeline>li .mm_label:after{right:100%;content:" ";height:0;width:0;position:absolute;pointer-events:none;border:10px solid transparent;border-right-color:#3594cb;top:10px}.mm_timeline>li:nth-child(2n).active .mm_label:after,.mm_timeline>li:nth-child(odd).active .mm_label:after{border-right-color:#060558}.mm_timeline>li:nth-child(odd) .mm_label:after{border-right-color:#6cbfee}.mm_timeline>li .mm_icon{width:40px;height:40px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:1.4em;line-height:40px;-webkit-font-smoothing:antialiased;position:absolute;color:#fff;background:#46a4da;border-radius:50%;box-shadow:0 0 0 8px #afdcf8;text-align:center;left:20%;margin:0 0 0 -25px}.mm_timeline>li.active .mm_icon{background:#060558}.mm_icon>.material-icons{line-height:3rem}@media screen and (max-width:65.375em){.mm_timeline>li .mm_time span:last-child{font-size:1.5em}}@media screen and (max-width:47.2em){.mm_timeline:before{display:none}.mm_timeline>li .mm_time{width:100%;position:relative;padding:0 0 20px}.mm_timeline>li .mm_time span{text-align:left}.mm_timeline>li .mm_label{margin:0 0 30px;padding:1em;font-weight:400;font-size:95%}.mm_timeline>li .mm_label:after{right:auto;left:20px;border-right-color:transparent;border-bottom-color:#3594cb;top:-20px}.mm_timeline>li:nth-child(odd) .mm_label:after{border-right-color:transparent;border-bottom-color:#6cbfee}.mm_timeline>li .mm_icon{position:relative;float:right;left:auto;margin:-55px 5px 0 0}}
-/*# sourceMappingURL=index.esm.css.map */

package/dist/index.esm.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["input.css","codeblock.css","kanban.css","map-editor.css","switch.css","timeline.css"],"names":[],"mappings":"AAAA,OACE,oBACF,CAEA,wCACE,cAAmB,CAEnB,4BAA6B,CAE7B,WAAgC,CAAhC,+BAAgC,CAChC,eAAgB,CAChB,YAAa,CACb,WAAY,CACZ,UAAW,CACX,cAAe,CACf,SAAU,CAEV,eAAgB,CAEhB,sBAAuB,CAGvB,oCAEF,CAEA,2BACE,WACF,CC5BA,WACE,sBACF,CACA,eACE,kBACF,CACA,iBACE,oBACF,CCRA,2BACE,WAAY,CACZ,WAAY,CAEZ,mBACF,CAGA,kCACE,eAAgB,CAEhB,uBACF,CAEA,uBAQE,yEAIC,CACD,mHACF,CAEA,uBAQE,yEAIC,CACD,mHACF,CAEA,cACE,mBACF,CACA,uBACE,mBACF,CACA,2BACE,eAAgB,CAChB,gBACF,CCvDA,6CACE,gBAAiB,CACjB,SAAU,CACV,uBACF,CAEA,2FACE,QAAS,CACT,SAAU,CACV,UAAW,CACX,WAAY,CAIZ,8CAA8B,CAA9B,kBAA8B,CAA9B,gBAA8B,CAK9B,uBAAwB,CACxB,kCAAmC,CAKnC,0BACF,CC1BA,2BAGE,UAEF,CACA,UACE,kBACF,CACA,UACE,kBACF,CACA,eACE,eAAgB,CAChB,SACF,CACA,cACE,eACF,CClBA,aACE,eAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,iBACF,CAGA,oBACE,UAAW,CACX,iBAAkB,CAClB,KAAM,CACN,QAAS,CACT,UAAW,CACX,kBAAmB,CACnB,QAAS,CACT,iBACF,CAGA,yBACE,aAAc,CACd,SAAU,CACV,mBAAoB,CACpB,iBACF,CAEA,8BACE,aAAc,CACd,gBACF,CAEA,0CACE,cAAgB,CAChB,aACF,CAEA,yCACE,eAAgB,CAChB,aACF,CAEA,wDACE,aACF,CAGA,6HAEE,aACF,CAGA,0BACE,mBAAoB,CACpB,kBAAmB,CACnB,UAAW,CACX,gBAAkB,CAClB,eAAgB,CAChB,eAAgB,CAChB,eAAgB,CAChB,iBAAkB,CAClB,iBACF,CAGA,iCACE,wBACF,CAEA,yCACE,kBACF,CAEA,6BACE,YAAe,CACf,gBAAmB,CACnB,0CACF,CAGA,gCACE,UAAW,CAEX,WAAY,CACZ,QAAS,CACT,OAAQ,CACR,iBAAkB,CAClB,mBAAoB,CAEpB,6BAAkB,CAAlB,0BAAkB,CAClB,QACF,CAGA,2GAEE,0BACF,CAEA,+CACE,0BACF,CAGA,yBACE,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,eAAmB,CACnB,mBAAoB,CACpB,mBAAoB,CACpB,eAAgB,CAChB,gBAAiB,CACjB,kCAAmC,CACnC,iBAAkB,CAClB,UAAW,CACX,kBAAmB,CACnB,iBAAkB,CAClB,4BAA6B,CAC7B,iBAAkB,CAClB,QAAS,CAET,kBACF,CAGA,gCACC,kBACD,CAEA,yBACE,gBACF,CAGA,uCACE,yCACE,eACF,CACF,CAEA,qCACE,oBACE,YACF,CAEA,yBACE,UAAW,CACX,iBAAkB,CAClB,gBACF,CAEA,8BACE,eACF,CAEA,0BACE,eAAkB,CAClB,WAAY,CACZ,eAAgB,CAChB,aACF,CAEA,gCACE,UAAW,CACX,SAAU,CACV,8BAA+B,CAC/B,2BAA4B,CAC5B,SACF,CAEA,+CACE,8BAA+B,CAC/B,2BACF,CAEA,yBACE,iBAAkB,CAClB,WAAY,CACZ,SAAU,CACV,oBACF,CACF","file":"index.esm.css","sourcesContent":[".twist {\r\n  transform: scaleY(-1);\r\n}\r\n\r\ninput[type='color']:not(.browser-default) {\r\n  margin: 0px 0 8px 0;\r\n  /** Copied from input[type=number] */\r\n  background-color: transparent;\r\n  border: none;\r\n  border-bottom: 1px solid #9e9e9e;\r\n  border-radius: 0;\r\n  outline: none;\r\n  height: 3rem;\r\n  width: 100%;\r\n  font-size: 16px;\r\n  padding: 0;\r\n  -webkit-box-shadow: none;\r\n  box-shadow: none;\r\n  -webkit-box-sizing: content-box;\r\n  box-sizing: content-box;\r\n  -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s;\r\n  transition: border 0.3s, -webkit-box-shadow 0.3s;\r\n  transition: box-shadow 0.3s, border 0.3s;\r\n  transition: box-shadow 0.3s, border 0.3s, -webkit-box-shadow 0.3s;\r\n}\r\n\r\n.input-field.options > label {\r\n  top: -2.5rem;\r\n}",".codeblock {\r\n  margin: 1.5rem 0 2.5rem 0;\r\n}\r\n.codeblock > div {\r\n  margin-bottom: 1rem;\r\n}\r\n.codeblock > label {\r\n  display: inline-block;\r\n}\r\n",".kanban .kanban__draggable {\r\n  cursor: move; /* fallback if grab cursor is unsupported */\r\n  cursor: grab;\r\n  cursor: -moz-grab;\r\n  cursor: -webkit-grab;\r\n}\r\n\r\n/* (Optional) Apply a \"closed-hand\" cursor during drag operation. */\r\n.kanban .kanban__draggable:active {\r\n  cursor: grabbing;\r\n  cursor: -moz-grabbing;\r\n  cursor: -webkit-grabbing;\r\n}\r\n\r\n.kanban .kanban__below {\r\n  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+100,1e5799+100,1e5799+100&0+0,0.7+100 */\r\n  background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.7) 100%); /* FF3.6-15 */\r\n  background: -webkit-linear-gradient(\r\n    top,\r\n    rgba(30, 87, 153, 0) 0%,\r\n    rgba(30, 87, 153, 0.7) 100%\r\n  ); /* Chrome10-25,Safari5.1-6 */\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(30, 87, 153, 0) 0%,\r\n    rgba(30, 87, 153, 0.7) 100%\r\n  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#b31e5799',GradientType=0 ); /* IE6-9 */\r\n}\r\n\r\n.kanban .kanban__above {\r\n  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,1e5799+0,1e5799+0&0.7+0,0+100 */\r\n  background: -moz-linear-gradient(top, rgba(30, 87, 153, 0.7) 0%, rgba(30, 87, 153, 0) 100%); /* FF3.6-15 */\r\n  background: -webkit-linear-gradient(\r\n    top,\r\n    rgba(30, 87, 153, 0.7) 0%,\r\n    rgba(30, 87, 153, 0) 100%\r\n  ); /* Chrome10-25,Safari5.1-6 */\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(30, 87, 153, 0.7) 0%,\r\n    rgba(30, 87, 153, 0) 100%\r\n  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31e5799', endColorstr='#001e5799',GradientType=0 ); /* IE6-9 */\r\n}\r\n\r\n.kanban__item {\r\n  padding-bottom: 12px;\r\n}\r\n.kanban__item.disabled {\r\n  padding-bottom: 24px;\r\n}\r\n.kanban__item > .card-action {\r\n  margin-bottom: 0;\r\n  text-align: right;\r\n}",".map-editor .input-field .prefix ~ .collection {\r\n  margin-left: 3rem;\r\n  width: 92%;\r\n  width: calc(100% - 3rem);\r\n}\r\n/* For truthy values, the checkbox is not visible when the item is selected, so make it white */\r\n.map-editor .active .checkbox-in-collection label > input[type='checkbox']:checked + span:before {\r\n  top: -4px;\r\n  left: -3px;\r\n  width: 12px;\r\n  height: 22px;\r\n  border-top: 2px solid transparent;\r\n  border-left: 2px solid transparent;\r\n  border-right: 2px solid white; /* You need to change the colour here */\r\n  border-bottom: 2px solid white; /* And here */\r\n  -webkit-transform: rotate(40deg);\r\n  -moz-transform: rotate(40deg);\r\n  -ms-transform: rotate(40deg);\r\n  -o-transform: rotate(40deg);\r\n  transform: rotate(40deg);\r\n  -webkit-backface-visibility: hidden;\r\n  -webkit-transform-origin: 100% 100%;\r\n  -moz-transform-origin: 100% 100%;\r\n  -ms-transform-origin: 100% 100%;\r\n  -o-transform-origin: 100% 100%;\r\n  transform-origin: 100% 100%;\r\n}\r\n",".clear,\r\n.clear-10,\r\n.clear-15 {\r\n  clear: both;\r\n  /* overflow: hidden; Précaution pour IE 7 */\r\n}\r\n.clear-10 {\r\n  margin-bottom: 10px;\r\n}\r\n.clear-15 {\r\n  margin-bottom: 15px;\r\n}\r\nspan.mandatory {\r\n  margin-left: 5px;\r\n  color: red;\r\n}\r\nlabel+.switch {\r\n  margin-top: 1rem;\r\n}\r\n",".mm_timeline {\r\n  margin: 30px 0 0 0;\r\n  padding: 0;\r\n  list-style: none;\r\n  position: relative;\r\n}\r\n\r\n/* The line */\r\n.mm_timeline:before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 10px;\r\n  background: #afdcf8;\r\n  left: 20%;\r\n  margin-left: -10px;\r\n}\r\n\r\n/* The date/time */\r\n.mm_timeline > li .mm_time {\r\n  display: block;\r\n  width: 25%;\r\n  padding-right: 100px;\r\n  position: absolute;\r\n}\r\n\r\n.mm_timeline > li .mm_time span {\r\n  display: block;\r\n  text-align: right;\r\n}\r\n\r\n.mm_timeline > li .mm_time span:first-child {\r\n  font-size: 0.9em;\r\n  color: #bdd0db;\r\n}\r\n\r\n.mm_timeline > li .mm_time span:last-child {\r\n  font-size: 1.4em;\r\n  color: #3594cb;\r\n}\r\n\r\n.mm_timeline > li:nth-child(odd) .mm_time span:last-child {\r\n  color: #6cbfee;\r\n}\r\n\r\n/* Active time */\r\n.mm_timeline > li.active:nth-child(even) .mm_time span:last-child,\r\n.mm_timeline > li.active:nth-child(odd) .mm_time span:last-child {\r\n  color: rgb(6, 5, 88);\r\n}\r\n\r\n/* Right content */\r\n.mm_timeline > li .mm_label {\r\n  margin: 0 0 15px 28%;\r\n  background: #3594cb;\r\n  color: #fff;\r\n  padding: 0.6em 1em;\r\n  font-size: 1.2em;\r\n  font-weight: 300;\r\n  line-height: 1.4;\r\n  position: relative;\r\n  border-radius: 5px;\r\n}\r\n\r\n/* Active label */\r\n.mm_timeline > li.active .mm_label {\r\n  border: 4px solid rgb(6, 5, 88);\r\n}\r\n\r\n.mm_timeline > li:nth-child(odd) .mm_label {\r\n  background: #6cbfee;\r\n}\r\n\r\n.mm_timeline > li .mm_label h5 {\r\n  margin-top: 0px;\r\n  padding: 0 0 10px 0;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n/* The triangle */\r\n.mm_timeline > li .mm_label:after {\r\n  right: 100%;\r\n  border: solid transparent;\r\n  content: ' ';\r\n  height: 0;\r\n  width: 0;\r\n  position: absolute;\r\n  pointer-events: none;\r\n  border-right-color: #3594cb;\r\n  border-width: 10px;\r\n  top: 10px;\r\n}\r\n\r\n/* Active triangle */\r\n.mm_timeline > li:nth-child(even).active .mm_label:after,\r\n.mm_timeline > li:nth-child(odd).active .mm_label:after {\r\n  border-right-color: rgb(6, 5, 88);\r\n}\r\n\r\n.mm_timeline > li:nth-child(odd) .mm_label:after {\r\n  border-right-color: #6cbfee;\r\n}\r\n\r\n/* The icons */\r\n.mm_timeline > li .mm_icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-variant: normal;\r\n  text-transform: none;\r\n  font-size: 1.4em;\r\n  line-height: 40px;\r\n  -webkit-font-smoothing: antialiased;\r\n  position: absolute;\r\n  color: #fff;\r\n  background: #46a4da;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 0 8px #afdcf8;\r\n  text-align: center;\r\n  left: 20%;\r\n  /* top: 0; */\r\n  margin: 0 0 0 -25px;\r\n}\r\n\r\n/* Active icon */\r\n.mm_timeline > li.active .mm_icon {\r\n\tbackground: rgb(6, 5, 88);\r\n}\r\n\r\n.mm_icon > .material-icons {\r\n  line-height: 3rem;\r\n}\r\n\r\n/* Example Media Queries */\r\n@media screen and (max-width: 65.375em) {\r\n  .mm_timeline > li .mm_time span:last-child {\r\n    font-size: 1.5em;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 47.2em) {\r\n  .mm_timeline:before {\r\n    display: none;\r\n  }\r\n\r\n  .mm_timeline > li .mm_time {\r\n    width: 100%;\r\n    position: relative;\r\n    padding: 0 0 20px 0;\r\n  }\r\n\r\n  .mm_timeline > li .mm_time span {\r\n    text-align: left;\r\n  }\r\n\r\n  .mm_timeline > li .mm_label {\r\n    margin: 0 0 30px 0;\r\n    padding: 1em;\r\n    font-weight: 400;\r\n    font-size: 95%;\r\n  }\r\n\r\n  .mm_timeline > li .mm_label:after {\r\n    right: auto;\r\n    left: 20px;\r\n    border-right-color: transparent;\r\n    border-bottom-color: #3594cb;\r\n    top: -20px;\r\n  }\r\n\r\n  .mm_timeline > li:nth-child(odd) .mm_label:after {\r\n    border-right-color: transparent;\r\n    border-bottom-color: #6cbfee;\r\n  }\r\n\r\n  .mm_timeline > li .mm_icon {\r\n    position: relative;\r\n    float: right;\r\n    left: auto;\r\n    margin: -55px 5px 0 0px;\r\n  }\r\n}\r\n"]}

package/dist/index.modern.css

@@ -1,2 +0,0 @@
-.twist{transform:scaleY(-1)}input[type=color]:not(.browser-default){margin:0 0 8px;background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:none;height:3rem;width:100%;font-size:16px;padding:0;box-shadow:none;box-sizing:content-box;transition:box-shadow .3s,border .3s}.input-field.options>label{top:-2.5rem}.codeblock{margin:1.5rem 0 2.5rem}.codeblock>div{margin-bottom:1rem}.codeblock>label{display:inline-block}.kanban .kanban__draggable{cursor:move;cursor:grab;cursor:-webkit-grab}.kanban .kanban__draggable:active{cursor:grabbing;cursor:-webkit-grabbing}.kanban .kanban__below{background:linear-gradient(180deg,rgba(30,87,153,0) 0,rgba(30,87,153,.7));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#001e5799",endColorstr="#b31e5799",GradientType=0)}.kanban .kanban__above{background:linear-gradient(180deg,rgba(30,87,153,.7) 0,rgba(30,87,153,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b31e5799",endColorstr="#001e5799",GradientType=0)}.kanban__item{padding-bottom:12px}.kanban__item.disabled{padding-bottom:24px}.kanban__item>.card-action{margin-bottom:0;text-align:right}.map-editor .input-field .prefix~.collection{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.map-editor .active .checkbox-in-collection label>input[type=checkbox]:checked+span:before{top:-4px;left:-3px;width:12px;height:22px;border-color:transparent #fff #fff transparent;border-style:solid;border-width:2px;transform:rotate(40deg);-webkit-backface-visibility:hidden;transform-origin:100% 100%}.clear,.clear-10,.clear-15{clear:both}.clear-10{margin-bottom:10px}.clear-15{margin-bottom:15px}span.mandatory{margin-left:5px;color:red}label+.switch{margin-top:1rem}.mm_timeline{margin:30px 0 0;padding:0;list-style:none;position:relative}.mm_timeline:before{content:"";position:absolute;top:0;bottom:0;width:10px;background:#afdcf8;left:20%;margin-left:-10px}.mm_timeline>li .mm_time{display:block;width:25%;padding-right:100px;position:absolute}.mm_timeline>li .mm_time span{display:block;text-align:right}.mm_timeline>li .mm_time span:first-child{font-size:.9em;color:#bdd0db}.mm_timeline>li .mm_time span:last-child{font-size:1.4em;color:#3594cb}.mm_timeline>li:nth-child(odd) .mm_time span:last-child{color:#6cbfee}.mm_timeline>li.active:nth-child(2n) .mm_time span:last-child,.mm_timeline>li.active:nth-child(odd) .mm_time span:last-child{color:#060558}.mm_timeline>li .mm_label{margin:0 0 15px 28%;background:#3594cb;color:#fff;padding:.6em 1em;font-size:1.2em;font-weight:300;line-height:1.4;position:relative;border-radius:5px}.mm_timeline>li.active .mm_label{border:4px solid #060558}.mm_timeline>li:nth-child(odd) .mm_label{background:#6cbfee}.mm_timeline>li .mm_label h5{margin-top:0;padding:0 0 10px;border-bottom:1px solid hsla(0,0%,100%,.4)}.mm_timeline>li .mm_label:after{right:100%;content:" ";height:0;width:0;position:absolute;pointer-events:none;border:10px solid transparent;border-right-color:#3594cb;top:10px}.mm_timeline>li:nth-child(2n).active .mm_label:after,.mm_timeline>li:nth-child(odd).active .mm_label:after{border-right-color:#060558}.mm_timeline>li:nth-child(odd) .mm_label:after{border-right-color:#6cbfee}.mm_timeline>li .mm_icon{width:40px;height:40px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:1.4em;line-height:40px;-webkit-font-smoothing:antialiased;position:absolute;color:#fff;background:#46a4da;border-radius:50%;box-shadow:0 0 0 8px #afdcf8;text-align:center;left:20%;margin:0 0 0 -25px}.mm_timeline>li.active .mm_icon{background:#060558}.mm_icon>.material-icons{line-height:3rem}@media screen and (max-width:65.375em){.mm_timeline>li .mm_time span:last-child{font-size:1.5em}}@media screen and (max-width:47.2em){.mm_timeline:before{display:none}.mm_timeline>li .mm_time{width:100%;position:relative;padding:0 0 20px}.mm_timeline>li .mm_time span{text-align:left}.mm_timeline>li .mm_label{margin:0 0 30px;padding:1em;font-weight:400;font-size:95%}.mm_timeline>li .mm_label:after{right:auto;left:20px;border-right-color:transparent;border-bottom-color:#3594cb;top:-20px}.mm_timeline>li:nth-child(odd) .mm_label:after{border-right-color:transparent;border-bottom-color:#6cbfee}.mm_timeline>li .mm_icon{position:relative;float:right;left:auto;margin:-55px 5px 0 0}}
-/*# sourceMappingURL=index.modern.css.map */

package/dist/index.modern.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["input.css","codeblock.css","kanban.css","map-editor.css","switch.css","timeline.css"],"names":[],"mappings":"AAAA,OACE,oBACF,CAEA,wCACE,cAAmB,CAEnB,4BAA6B,CAE7B,WAAgC,CAAhC,+BAAgC,CAChC,eAAgB,CAChB,YAAa,CACb,WAAY,CACZ,UAAW,CACX,cAAe,CACf,SAAU,CAEV,eAAgB,CAEhB,sBAAuB,CAGvB,oCAEF,CAEA,2BACE,WACF,CC5BA,WACE,sBACF,CACA,eACE,kBACF,CACA,iBACE,oBACF,CCRA,2BACE,WAAY,CACZ,WAAY,CAEZ,mBACF,CAGA,kCACE,eAAgB,CAEhB,uBACF,CAEA,uBAQE,yEAIC,CACD,mHACF,CAEA,uBAQE,yEAIC,CACD,mHACF,CAEA,cACE,mBACF,CACA,uBACE,mBACF,CACA,2BACE,eAAgB,CAChB,gBACF,CCvDA,6CACE,gBAAiB,CACjB,SAAU,CACV,uBACF,CAEA,2FACE,QAAS,CACT,SAAU,CACV,UAAW,CACX,WAAY,CAIZ,8CAA8B,CAA9B,kBAA8B,CAA9B,gBAA8B,CAK9B,uBAAwB,CACxB,kCAAmC,CAKnC,0BACF,CC1BA,2BAGE,UAEF,CACA,UACE,kBACF,CACA,UACE,kBACF,CACA,eACE,eAAgB,CAChB,SACF,CACA,cACE,eACF,CClBA,aACE,eAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,iBACF,CAGA,oBACE,UAAW,CACX,iBAAkB,CAClB,KAAM,CACN,QAAS,CACT,UAAW,CACX,kBAAmB,CACnB,QAAS,CACT,iBACF,CAGA,yBACE,aAAc,CACd,SAAU,CACV,mBAAoB,CACpB,iBACF,CAEA,8BACE,aAAc,CACd,gBACF,CAEA,0CACE,cAAgB,CAChB,aACF,CAEA,yCACE,eAAgB,CAChB,aACF,CAEA,wDACE,aACF,CAGA,6HAEE,aACF,CAGA,0BACE,mBAAoB,CACpB,kBAAmB,CACnB,UAAW,CACX,gBAAkB,CAClB,eAAgB,CAChB,eAAgB,CAChB,eAAgB,CAChB,iBAAkB,CAClB,iBACF,CAGA,iCACE,wBACF,CAEA,yCACE,kBACF,CAEA,6BACE,YAAe,CACf,gBAAmB,CACnB,0CACF,CAGA,gCACE,UAAW,CAEX,WAAY,CACZ,QAAS,CACT,OAAQ,CACR,iBAAkB,CAClB,mBAAoB,CAEpB,6BAAkB,CAAlB,0BAAkB,CAClB,QACF,CAGA,2GAEE,0BACF,CAEA,+CACE,0BACF,CAGA,yBACE,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,eAAmB,CACnB,mBAAoB,CACpB,mBAAoB,CACpB,eAAgB,CAChB,gBAAiB,CACjB,kCAAmC,CACnC,iBAAkB,CAClB,UAAW,CACX,kBAAmB,CACnB,iBAAkB,CAClB,4BAA6B,CAC7B,iBAAkB,CAClB,QAAS,CAET,kBACF,CAGA,gCACC,kBACD,CAEA,yBACE,gBACF,CAGA,uCACE,yCACE,eACF,CACF,CAEA,qCACE,oBACE,YACF,CAEA,yBACE,UAAW,CACX,iBAAkB,CAClB,gBACF,CAEA,8BACE,eACF,CAEA,0BACE,eAAkB,CAClB,WAAY,CACZ,eAAgB,CAChB,aACF,CAEA,gCACE,UAAW,CACX,SAAU,CACV,8BAA+B,CAC/B,2BAA4B,CAC5B,SACF,CAEA,+CACE,8BAA+B,CAC/B,2BACF,CAEA,yBACE,iBAAkB,CAClB,WAAY,CACZ,SAAU,CACV,oBACF,CACF","file":"index.modern.css","sourcesContent":[".twist {\r\n  transform: scaleY(-1);\r\n}\r\n\r\ninput[type='color']:not(.browser-default) {\r\n  margin: 0px 0 8px 0;\r\n  /** Copied from input[type=number] */\r\n  background-color: transparent;\r\n  border: none;\r\n  border-bottom: 1px solid #9e9e9e;\r\n  border-radius: 0;\r\n  outline: none;\r\n  height: 3rem;\r\n  width: 100%;\r\n  font-size: 16px;\r\n  padding: 0;\r\n  -webkit-box-shadow: none;\r\n  box-shadow: none;\r\n  -webkit-box-sizing: content-box;\r\n  box-sizing: content-box;\r\n  -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s;\r\n  transition: border 0.3s, -webkit-box-shadow 0.3s;\r\n  transition: box-shadow 0.3s, border 0.3s;\r\n  transition: box-shadow 0.3s, border 0.3s, -webkit-box-shadow 0.3s;\r\n}\r\n\r\n.input-field.options > label {\r\n  top: -2.5rem;\r\n}",".codeblock {\r\n  margin: 1.5rem 0 2.5rem 0;\r\n}\r\n.codeblock > div {\r\n  margin-bottom: 1rem;\r\n}\r\n.codeblock > label {\r\n  display: inline-block;\r\n}\r\n",".kanban .kanban__draggable {\r\n  cursor: move; /* fallback if grab cursor is unsupported */\r\n  cursor: grab;\r\n  cursor: -moz-grab;\r\n  cursor: -webkit-grab;\r\n}\r\n\r\n/* (Optional) Apply a \"closed-hand\" cursor during drag operation. */\r\n.kanban .kanban__draggable:active {\r\n  cursor: grabbing;\r\n  cursor: -moz-grabbing;\r\n  cursor: -webkit-grabbing;\r\n}\r\n\r\n.kanban .kanban__below {\r\n  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+100,1e5799+100,1e5799+100&0+0,0.7+100 */\r\n  background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.7) 100%); /* FF3.6-15 */\r\n  background: -webkit-linear-gradient(\r\n    top,\r\n    rgba(30, 87, 153, 0) 0%,\r\n    rgba(30, 87, 153, 0.7) 100%\r\n  ); /* Chrome10-25,Safari5.1-6 */\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(30, 87, 153, 0) 0%,\r\n    rgba(30, 87, 153, 0.7) 100%\r\n  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#b31e5799',GradientType=0 ); /* IE6-9 */\r\n}\r\n\r\n.kanban .kanban__above {\r\n  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,1e5799+0,1e5799+0&0.7+0,0+100 */\r\n  background: -moz-linear-gradient(top, rgba(30, 87, 153, 0.7) 0%, rgba(30, 87, 153, 0) 100%); /* FF3.6-15 */\r\n  background: -webkit-linear-gradient(\r\n    top,\r\n    rgba(30, 87, 153, 0.7) 0%,\r\n    rgba(30, 87, 153, 0) 100%\r\n  ); /* Chrome10-25,Safari5.1-6 */\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(30, 87, 153, 0.7) 0%,\r\n    rgba(30, 87, 153, 0) 100%\r\n  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31e5799', endColorstr='#001e5799',GradientType=0 ); /* IE6-9 */\r\n}\r\n\r\n.kanban__item {\r\n  padding-bottom: 12px;\r\n}\r\n.kanban__item.disabled {\r\n  padding-bottom: 24px;\r\n}\r\n.kanban__item > .card-action {\r\n  margin-bottom: 0;\r\n  text-align: right;\r\n}",".map-editor .input-field .prefix ~ .collection {\r\n  margin-left: 3rem;\r\n  width: 92%;\r\n  width: calc(100% - 3rem);\r\n}\r\n/* For truthy values, the checkbox is not visible when the item is selected, so make it white */\r\n.map-editor .active .checkbox-in-collection label > input[type='checkbox']:checked + span:before {\r\n  top: -4px;\r\n  left: -3px;\r\n  width: 12px;\r\n  height: 22px;\r\n  border-top: 2px solid transparent;\r\n  border-left: 2px solid transparent;\r\n  border-right: 2px solid white; /* You need to change the colour here */\r\n  border-bottom: 2px solid white; /* And here */\r\n  -webkit-transform: rotate(40deg);\r\n  -moz-transform: rotate(40deg);\r\n  -ms-transform: rotate(40deg);\r\n  -o-transform: rotate(40deg);\r\n  transform: rotate(40deg);\r\n  -webkit-backface-visibility: hidden;\r\n  -webkit-transform-origin: 100% 100%;\r\n  -moz-transform-origin: 100% 100%;\r\n  -ms-transform-origin: 100% 100%;\r\n  -o-transform-origin: 100% 100%;\r\n  transform-origin: 100% 100%;\r\n}\r\n",".clear,\r\n.clear-10,\r\n.clear-15 {\r\n  clear: both;\r\n  /* overflow: hidden; Précaution pour IE 7 */\r\n}\r\n.clear-10 {\r\n  margin-bottom: 10px;\r\n}\r\n.clear-15 {\r\n  margin-bottom: 15px;\r\n}\r\nspan.mandatory {\r\n  margin-left: 5px;\r\n  color: red;\r\n}\r\nlabel+.switch {\r\n  margin-top: 1rem;\r\n}\r\n",".mm_timeline {\r\n  margin: 30px 0 0 0;\r\n  padding: 0;\r\n  list-style: none;\r\n  position: relative;\r\n}\r\n\r\n/* The line */\r\n.mm_timeline:before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 10px;\r\n  background: #afdcf8;\r\n  left: 20%;\r\n  margin-left: -10px;\r\n}\r\n\r\n/* The date/time */\r\n.mm_timeline > li .mm_time {\r\n  display: block;\r\n  width: 25%;\r\n  padding-right: 100px;\r\n  position: absolute;\r\n}\r\n\r\n.mm_timeline > li .mm_time span {\r\n  display: block;\r\n  text-align: right;\r\n}\r\n\r\n.mm_timeline > li .mm_time span:first-child {\r\n  font-size: 0.9em;\r\n  color: #bdd0db;\r\n}\r\n\r\n.mm_timeline > li .mm_time span:last-child {\r\n  font-size: 1.4em;\r\n  color: #3594cb;\r\n}\r\n\r\n.mm_timeline > li:nth-child(odd) .mm_time span:last-child {\r\n  color: #6cbfee;\r\n}\r\n\r\n/* Active time */\r\n.mm_timeline > li.active:nth-child(even) .mm_time span:last-child,\r\n.mm_timeline > li.active:nth-child(odd) .mm_time span:last-child {\r\n  color: rgb(6, 5, 88);\r\n}\r\n\r\n/* Right content */\r\n.mm_timeline > li .mm_label {\r\n  margin: 0 0 15px 28%;\r\n  background: #3594cb;\r\n  color: #fff;\r\n  padding: 0.6em 1em;\r\n  font-size: 1.2em;\r\n  font-weight: 300;\r\n  line-height: 1.4;\r\n  position: relative;\r\n  border-radius: 5px;\r\n}\r\n\r\n/* Active label */\r\n.mm_timeline > li.active .mm_label {\r\n  border: 4px solid rgb(6, 5, 88);\r\n}\r\n\r\n.mm_timeline > li:nth-child(odd) .mm_label {\r\n  background: #6cbfee;\r\n}\r\n\r\n.mm_timeline > li .mm_label h5 {\r\n  margin-top: 0px;\r\n  padding: 0 0 10px 0;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n/* The triangle */\r\n.mm_timeline > li .mm_label:after {\r\n  right: 100%;\r\n  border: solid transparent;\r\n  content: ' ';\r\n  height: 0;\r\n  width: 0;\r\n  position: absolute;\r\n  pointer-events: none;\r\n  border-right-color: #3594cb;\r\n  border-width: 10px;\r\n  top: 10px;\r\n}\r\n\r\n/* Active triangle */\r\n.mm_timeline > li:nth-child(even).active .mm_label:after,\r\n.mm_timeline > li:nth-child(odd).active .mm_label:after {\r\n  border-right-color: rgb(6, 5, 88);\r\n}\r\n\r\n.mm_timeline > li:nth-child(odd) .mm_label:after {\r\n  border-right-color: #6cbfee;\r\n}\r\n\r\n/* The icons */\r\n.mm_timeline > li .mm_icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-variant: normal;\r\n  text-transform: none;\r\n  font-size: 1.4em;\r\n  line-height: 40px;\r\n  -webkit-font-smoothing: antialiased;\r\n  position: absolute;\r\n  color: #fff;\r\n  background: #46a4da;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 0 8px #afdcf8;\r\n  text-align: center;\r\n  left: 20%;\r\n  /* top: 0; */\r\n  margin: 0 0 0 -25px;\r\n}\r\n\r\n/* Active icon */\r\n.mm_timeline > li.active .mm_icon {\r\n\tbackground: rgb(6, 5, 88);\r\n}\r\n\r\n.mm_icon > .material-icons {\r\n  line-height: 3rem;\r\n}\r\n\r\n/* Example Media Queries */\r\n@media screen and (max-width: 65.375em) {\r\n  .mm_timeline > li .mm_time span:last-child {\r\n    font-size: 1.5em;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 47.2em) {\r\n  .mm_timeline:before {\r\n    display: none;\r\n  }\r\n\r\n  .mm_timeline > li .mm_time {\r\n    width: 100%;\r\n    position: relative;\r\n    padding: 0 0 20px 0;\r\n  }\r\n\r\n  .mm_timeline > li .mm_time span {\r\n    text-align: left;\r\n  }\r\n\r\n  .mm_timeline > li .mm_label {\r\n    margin: 0 0 30px 0;\r\n    padding: 1em;\r\n    font-weight: 400;\r\n    font-size: 95%;\r\n  }\r\n\r\n  .mm_timeline > li .mm_label:after {\r\n    right: auto;\r\n    left: 20px;\r\n    border-right-color: transparent;\r\n    border-bottom-color: #3594cb;\r\n    top: -20px;\r\n  }\r\n\r\n  .mm_timeline > li:nth-child(odd) .mm_label:after {\r\n    border-right-color: transparent;\r\n    border-bottom-color: #6cbfee;\r\n  }\r\n\r\n  .mm_timeline > li .mm_icon {\r\n    position: relative;\r\n    float: right;\r\n    left: auto;\r\n    margin: -55px 5px 0 0px;\r\n  }\r\n}\r\n"]}