@shortfuse/materialdesignweb 0.2.0 → 0.5.0

package/.stylelintrc.json

@@ -1,4 +1,645 @@
 {
-  "extends": "stylelint-config-recommended-scss",
-  "ignoreFiles": "test/**"
+  "env": {
+    "browser": true
+  },
+  "ignorePatterns": ["*.min.js"],
+  "settings": {
+    "html/html-extensions": [
+      ".html",
+      ".eta"
+    ]
+  },
+  "extends": [
+    "stylelint-config-recommended-scss",
+    "stylelint-config-sass-guidelines"
+  ],
+  "ignoreFiles": "test/**",
+  "plugins": [
+    "stylelint-scss",
+    "stylelint-use-logical-spec",
+    "stylelint-no-unsupported-browser-features"
+  ],
+  "customSyntax": "postcss-scss",
+  "rules": {
+    "plugin/no-unsupported-browser-features": [ true, {
+      "ignore": ["css-appearance", "overscroll-behavior"]
+    }],
+    "liberty/use-logical-spec": [
+      "always"
+    ],
+    "max-nesting-depth": null,
+    "declaration-property-value-disallowed-list": null,
+    "selector-no-vendor-prefix": null,
+    "property-no-vendor-prefix": null,
+    "value-no-vendor-prefix": null,
+    "selector-no-qualifying-type": null,
+    "number-no-trailing-zeros": null,
+    "string-quotes": null,
+    "scss/at-import-partial-extension-blacklist": null,
+    "scss/selector-no-redundant-nesting-selector": null,
+    "font-family-no-missing-generic-family-keyword": null,
+    "color-hex-length": null,
+    "color-hex-case": null,
+    "selector-nested-pattern": "^(\\s+|((:root|&|[a-z0-9A-Z._-])(:not\\([^\\)]*\\))*(\\[[^\\]]*\\])*([^\\s>~+])*)|&::?|[&+~>])*$",
+    "no-empty-source": null,
+    "block-no-empty": true,
+    "no-extra-semicolons": true,
+    "rule-empty-line-before": [
+      "always",
+      {
+        "except": [
+          "first-nested"
+        ],
+        "ignore": [
+          "after-comment"
+        ]
+      }
+    ],
+    "no-eol-whitespace": true,
+    "shorthand-property-no-redundant-values": null,
+    "selector-max-universal": 0,
+    "selector-attribute-brackets-space-inside": "never",
+    "selector-attribute-operator-space-after": "never",
+    "selector-attribute-operator-space-before": "never",
+    "selector-attribute-quotes": "always",
+    "selector-combinator-space-after": "always",
+    "selector-combinator-space-before": "always",
+    "selector-descendant-combinator-no-non-space": true,
+    "selector-pseudo-element-case": "lower",
+    "selector-pseudo-class-parentheses-space-inside": "never",
+    "selector-type-case": "lower",
+    "selector-list-comma-space-before": "never",
+    "indentation": 2,
+    "max-empty-lines": 1,
+    "selector-max-compound-selectors": [
+      3,
+      {
+        "severity": "warning"
+      }
+    ],
+    "no-descending-specificity": [
+      true,
+      {
+        "severity": "warning"
+      }
+    ],
+    "scss/at-import-no-partial-leading-underscore": null,
+    "scss/at-function-pattern": "^[a-z][a-zA-Z0-9]*$",
+    "scss/at-mixin-pattern": "^[a-z][a-zA-Z0-9]*$",
+    "scss/dollar-variable-default": [
+      true,
+      {
+        "ignore": "local"
+      }
+    ],
+    "scss/dollar-variable-pattern": "^[a-z][a-zA-Z0-9-]*$",
+    "order/order": [
+      "dollar-variables",
+      "custom-properties",
+      "declarations",
+      "rules"
+    ],
+    "order/properties-alphabetical-order": null,
+    "order/properties-order": [
+      {
+        "groupName": "content",
+        "emptyLineBefore": "always",
+        "properties": [
+          "content"
+        ]
+      },
+      {
+        "groupName": "layout",
+        "emptyLineBefore": "always",
+        "properties": [
+          "display",
+          "position",
+          "top",
+          "right",
+          "bottom",
+          "left",
+          "inset",
+          "inset-block",
+          "inset-block-start",
+          "inset-block-end",
+          "inset-inline",
+          "inset-inline-start",
+          "inset-inline-end",
+          "align-content",
+          "align-items",
+          "grid-column-align",
+          "grid-row-align",
+          "align-self",
+          "alignment-adjust",
+          "alignment-baseline",
+          "baseline-shift",
+          "box-decoration-break",
+          "box-snap",
+          "break-after",
+          "break-before",
+          "break-inside",
+          "chains",
+          "clear",
+          "column-count",
+          "column-fill",
+          "column-gap",
+          "column-rule",
+          "column-rule-color",
+          "column-rule-style",
+          "column-rule-width",
+          "column-span",
+          "column-width",
+          "columns",
+          "flex-direction",
+          "flex-flow",
+          "flex-wrap",
+          "float",
+          "float-defer",
+          "float-offset",
+          "float-reference",
+          "flow",
+          "flow-from",
+          "flow-into",
+          "gap",
+          "grid",
+          "grid-area",
+          "grid-auto-columns",
+          "grid-auto-flow",
+          "grid-auto-rows",
+          "grid-column",
+          "grid-column-start",
+          "grid-column-span",
+          "grid-column-end",
+          "grid-row",
+          "grid-row-start",
+          "grid-row-span",
+          "grid-row-end",
+          "grid-template",
+          "grid-template-areas",
+          "grid-template-columns",
+          "grid-template-rows",
+          "justify-content",
+          "justify-items",
+          "justify-self",
+          "order",
+          "overflow",
+          "overflow-block",
+          "overflow-inline",
+          "overflow-style",
+          "overflow-wrap",
+          "overflow-x",
+          "overflow-y",
+          "overscroll-behavior",
+          "place-content",
+          "place-items",
+          "place-self",
+          "row-gap",
+          "scroll-behavior",
+          "scroll-chaining",
+          "scroll-margin",
+          "scroll-margin-block",
+          "scroll-margin-block-start",
+          "scroll-margin-block-end",
+          "scroll-margin-bottom",
+          "scroll-margin-inline",
+          "scroll-margin-inline-start",
+          "scroll-margin-inline-end",
+          "scroll-margin-left",
+          "scroll-margin-right",
+          "scroll-margin-top",
+          "scroll-padding",
+          "scroll-padding-block",
+          "scroll-padding-block-start",
+          "scroll-padding-block-end",
+          "scroll-padding-bottom",
+          "scroll-padding-inline",
+          "scroll-padding-inline-start",
+          "scroll-padding-inline-end",
+          "scroll-padding-left",
+          "scroll-padding-right",
+          "scroll-padding-top",
+          "scroll-snap-align",
+          "scroll-snap-stop",
+          "scroll-snap-type",
+          "scrollbar-color",
+          "scrollbar-gutter",
+          "scrollbar-width",
+          "vertical-align"
+        ]
+      },
+      {
+        "groupName": "table",
+        "emptyLineBefore": "always",
+        "properties": [
+          "border-collapse",
+          "border-spacing",
+          "caption-side",
+          "table-layout"
+        ]
+      },
+      {
+        "groupName": "box",
+        "emptyLineBefore": "always",
+        "properties": [
+          "box-sizing",
+          "min-height",
+          "max-height",
+          "height",
+          "min-block-size",
+          "max-block-size",
+          "block-size",
+          "min-width",
+          "max-width",
+          "width",
+          "min-inline-size",
+          "max-inline-size",
+          "inline-size",
+          "flex",
+          "flex-grow",
+          "flex-shrink",
+          "flex-basis",
+          "margin-block",
+          "margin-block-start",
+          "margin-block-end",
+          "margin-break",
+          "margin-inline",
+          "margin-inline-start",
+          "margin-inline-end",
+          "margin-trim",
+          "margin",
+          "margin-top",
+          "margin-right",
+          "margin-bottom",
+          "margin-left",
+          "border-block",
+          "border-block-start",
+          "border-block-end",
+          "border-block-style",
+          "border-block-start-style",
+          "border-block-end-style",
+          "border-block-width",
+          "border-block-start-width",
+          "border-block-end-width",
+          "border-fit",
+          "border-fit-length",
+          "border-fit-width",
+          "border-corner-fit",
+          "border-top-left-fit-length",
+          "border-top-right-fit-length",
+          "border-bottom-right-fit-length",
+          "border-bottom-left-fit-length",
+          "border-top-left-fit-width",
+          "border-top-right-fit-width",
+          "border-bottom-right-fit-width",
+          "border-bottom-left-fit-width",
+          "border-top-fit-length",
+          "border-right-fit-length",
+          "border-bottom-fit-length",
+          "border-left-fit-length",
+          "border-top-fit-width",
+          "border-right-fit-width",
+          "border-bottom-fit-width",
+          "border-left-fit-width",
+          "border-image",
+          "border-image-source",
+          "border-image-slice",
+          "border-image-width",
+          "border-image-outset",
+          "border-image-repeat",
+          "border-image-transform",
+          "border-top-left-image",
+          "border-top-image",
+          "border-top-right-image",
+          "border-right-image",
+          "border-bottom-right-image",
+          "border-bottom-image",
+          "border-bottom-left-image",
+          "border",
+          "border-top",
+          "border-right",
+          "border-bottom",
+          "border-left",
+          "border-left-image",
+          "border-style",
+          "border-top-style",
+          "border-right-style",
+          "border-bottom-style",
+          "border-left-style",
+          "border-width",
+          "border-top-width",
+          "border-right-width",
+          "border-bottom-width",
+          "border-left-width",
+          "border-boundary",
+          "border-break",
+          "border-corner-image",
+          "border-corner-image-transform",
+          "border-start-start-radius",
+          "border-start-end-radius",
+          "border-end-start-radius",
+          "border-end-end-radius",
+          "border-inline",
+          "border-inline-style",
+          "border-inline-width",
+          "border-inline-start",
+          "border-inline-start-style",
+          "border-inline-start-width",
+          "border-inline-end",
+          "border-inline-end-style",
+          "border-inline-end-width",
+          "padding-block",
+          "padding-block-start",
+          "padding-block-end",
+          "padding-inline",
+          "padding-inline-start",
+          "padding-inline-end",
+          "padding",
+          "padding-top",
+          "padding-right",
+          "padding-bottom",
+          "padding-left"
+        ]
+      },
+      {
+        "groupName": "ui",
+        "emptyLineBefore": "always",
+        "properties": [
+          "appearance",
+          "caret",
+          "caret-color",
+          "caret-shape",
+          "cursor",
+          "nav-down",
+          "nav-left",
+          "nav-right",
+          "nav-up",
+          "outline",
+          "outline-color",
+          "outline-offset",
+          "outline-style",
+          "outline-width",
+          "pointer-events",
+          "resize",
+          "tap-highlight-color",
+          "user-select"
+        ]
+      },
+      {
+        "groupName": "animation",
+        "emptyLineBefore": "always",
+        "properties": [
+          "animation",
+          "animation-name",
+          "animation-duration",
+          "animation-timing-function",
+          "animation-delay",
+          "animation-iteration-count",
+          "animation-direction",
+          "animation-fill-mode",
+          "animation-play-state",
+          "offset",
+          "offset-after",
+          "offset-anchor",
+          "offset-before",
+          "offset-distance",
+          "offset-start",
+          "offset-end",
+          "offset-path",
+          "offset-position",
+          "offset-rotate",
+          "transition",
+          "transition-delay",
+          "transition-duration",
+          "transition-property",
+          "transition-timing-function",
+          "will-change"
+        ]
+      },
+      {
+        "groupName": "layer",
+        "emptyLineBefore": "always",
+        "properties": [
+          "backface-visibility",
+          "background-blend-mode",
+          "clip",
+          "clip-path",
+          "clip-rule",
+          "filter",
+          "isolation",
+          "mask",
+          "mask-border",
+          "mask-border-mode",
+          "mask-border-outset",
+          "mask-border-repeat",
+          "mask-border-slice",
+          "mask-border-source",
+          "mask-border-width",
+          "mask-clip",
+          "mask-composite",
+          "mask-image",
+          "mask-mode",
+          "mask-origin",
+          "mask-position",
+          "mask-repeat",
+          "mask-size",
+          "mask-type",
+          "mix-blend-mode",
+          "opacity",
+          "perspective",
+          "perspective-origin",
+          "transform",
+          "transform-box",
+          "transform-origin",
+          "transform-style",
+          "visibility",
+          "z-index"
+        ]
+      },
+      {
+        "groupName": "appearance",
+        "emptyLineBefore": "always",
+        "properties": [
+          "background",
+          "background-clip",
+          "background-color",
+          "background-image",
+          "background-origin",
+          "background-position",
+          "background-repeat",
+          "background-size",
+          "background-attachment",
+          "border-block-color",
+          "border-block-start-color",
+          "border-block-end-color",
+          "border-color",
+          "border-top-color",
+          "border-right-color",
+          "border-bottom-color",
+          "border-left-color",
+          "border-inline-color",
+          "border-inline-start-color",
+          "border-inline-end-color",
+          "border-radius",
+          "border-top-left-radius",
+          "border-top-right-radius",
+          "border-bottom-right-radius",
+          "border-bottom-left-radius",
+          "box-shadow",
+          "color",
+          "color-adjust",
+          "color-interpolation-filters",
+          "text-decoration-color",
+          "text-emphasis-color",
+          "text-shadow"
+        ]
+      },
+      {
+        "groupName": "text",
+        "emptyLineBefore": "always",
+        "properties": [
+          "direction",
+          "font",
+          "font-style",
+          "font-weight",
+          "font-size",
+          "line-height",
+          "font-family",
+          "font-feature-settings",
+          "font-kerning",
+          "font-language-override",
+          "font-max-size",
+          "font-min-size",
+          "font-optical-sizing",
+          "font-palette",
+          "font-size-adjust",
+          "font-stretch",
+          "font-synthesis",
+          "font-synthesis-small-caps",
+          "font-synthesis-style",
+          "font-synthesis-weight",
+          "font-variant",
+          "font-variant-alternates",
+          "font-variant-caps",
+          "font-variant-east-asian",
+          "font-variant-emoji",
+          "font-variant-ligatures",
+          "font-variant-numeric",
+          "font-variant-position",
+          "font-variation-settings",
+          "glyph-orientation-vertical",
+          "hanging-punctuation",
+          "hyphenate-character",
+          "hyphenate-limit-chars",
+          "hyphenate-limit-last",
+          "hyphenate-limit-lines",
+          "hyphenate-limit-zone",
+          "hyphens",
+          "initial-letters",
+          "initial-letters-align",
+          "initial-letters-wrap",
+          "letter-spacing",
+          "line-break",
+          "line-height-step",
+          "line-padding",
+          "max-lines",
+          "tab-size",
+          "text-align",
+          "text-align-all",
+          "text-align-last",
+          "text-combine-upright",
+          "text-decoration",
+          "text-decoration-line",
+          "text-decoration-skip",
+          "text-decoration-skip-ink",
+          "text-decoration-style",
+          "text-decoration-width",
+          "text-emphasis",
+          "text-emphasis-position",
+          "text-emphasis-skip",
+          "text-emphasis-style",
+          "text-group-align",
+          "text-height",
+          "text-indent",
+          "text-justify",
+          "text-orientation",
+          "text-overflow",
+          "text-space-collapse",
+          "text-space-trim",
+          "text-spacing",
+          "text-transform",
+          "text-underline-offset",
+          "text-underline-position",
+          "text-wrap",
+          "unicode-bidi",
+          "white-space",
+          "word-break",
+          "word-spacing",
+          "word-wrap",
+          "wrap-after",
+          "wrap-before",
+          "wrap-flow",
+          "wrap-inside",
+          "wrap-through",
+          "writing-mode"
+        ]
+      },
+      {
+        "groupName": "svg",
+        "emptyLineBefore": "always",
+        "properties": [
+          "fill",
+          "fill-break",
+          "fill-color",
+          "fill-image",
+          "fill-opacity",
+          "fill-origin",
+          "fill-position",
+          "fill-repeat",
+          "fill-rule",
+          "fill-size",
+          "stroke",
+          "stroke-align",
+          "stroke-alignment",
+          "stroke-break",
+          "stroke-color",
+          "stroke-dash-corner",
+          "stroke-dash-justify",
+          "stroke-dashadjust",
+          "stroke-dasharray",
+          "stroke-dashcorner",
+          "stroke-dashoffset",
+          "stroke-image",
+          "stroke-linecap",
+          "stroke-linejoin",
+          "stroke-miterlimit",
+          "stroke-opacity",
+          "stroke-origin",
+          "stroke-position",
+          "stroke-repeat",
+          "stroke-size",
+          "stroke-width"
+        ]
+      },
+      {
+        "groupName": "image",
+        "emptyLineBefore": "always",
+        "properties": [
+          "image-orientation",
+          "image-resolution",
+          "object-fit",
+          "object-position"
+        ]
+      }
+    ]
+  },
+  "overrides": [
+    {
+      "files": [
+        "**/*.scss"
+      ],
+      "rules": {
+        "selector-class-pattern": "^mdw-[a-z]+(__[a-z-]+)*$"
+      }
+    }
+  ]
 }

package/.vscode/launch.json

@@ -1,16 +1,31 @@
 {
   "version": "0.2.0",
-  "configurations": [
-    {
+  "configurations": [{
       "name": "Chrome Docs Debug",
       "type": "chrome",
       "request": "launch",
       "preLaunchTask": "npm: start:docs",
       "url": "http://localhost:8080/",
-      "webRoot": "${workspaceFolder}/test",
+      "webRoot": "${workspaceFolder}/docs",
+      "sourceMapPathOverrides": {
+        "webpack:///*": "${webRoot}/*",
+      }
+    },
+    {
+      "name": "Chrome Docs Debug (WSL)",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start:docs",
+      "url": "http://localhost:8080/",
+      "runtimeExecutable": "/mnt/c/Program Files (x86)/Google/Chrome/Application/chrome.exe",
+      "runtimeArgs": [
+        "--remote-debugging-port=9222",
+        "--user-data-dir=remote-profile"
+      ],
+      "webRoot": "${workspaceFolder}/docs",
       "sourceMapPathOverrides": {
-        "webpack:///./*":"${workspaceRoot}/*",
+        "webpack:///*": "${webRoot}/*",
       }
-  },
+    },
   ]
 }

package/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "editor.colorDecorators": false
+}