stylelint-config-ccb 1.9.6 → 1.11.0

package/index.js

@@ -6,7 +6,8 @@ module.exports = {
     'stylelint-order',
     'stylelint-selector-no-empty',
     'stylelint-color-format',
-    'stylelint-prettier'
+    'stylelint-prettier',
+    'stylelint-a11y',
   ],
   rules: {
     /* stylelint-config-standard overwrites */
@@ -17,16 +18,16 @@ module.exports = {
       'always',
       {
         except: [
-          'empty'
-        ]
-      }
+          'empty',
+        ],
+      },
     ],
     'value-keyword-case': [
       'lower',
       {
         ignoreProperties: ['unicode-range'],
-        camelCaseSvgKeywords: true
-      }
+        camelCaseSvgKeywords: true,
+      },
     ],
     'number-max-precision': 5,
     /* todo update these based on 'selector-id-pattern': [
@@ -47,17 +48,17 @@ module.exports = {
       'border-width': 2,
       border: 3,
       margin: 2,
-      padding: 2
+      padding: 2,
     },
 
     'rule-selector-property-disallowed-list': {
-      html: ['background', 'background-color', 'background-image', /^background/]
+      html: ['background', 'background-color', 'background-image', /^background/],
     },
 
     'at-rule-allowed-list': ['import', 'media', 'keyframes', 'charset', 'font-face', 'page', 'supports'],
     'at-rule-disallowed-list': ['custom-selector', '-moz-document'],
     'at-rule-property-required-list': {
-      'font-face': ['font-display', 'font-family', 'font-style', 'src']
+      'font-face': ['font-display', 'font-family', 'font-style', 'src'],
     },
     'color-no-hex': true,
     'comment-word-disallowed-list': [
@@ -76,7 +77,7 @@ module.exports = {
       'retarded', 'sane', 'sanity-check', 'sexy', 'sherpa', 'slave',
       'smartphone', 'tarball', 'textbox', 'tribal', 'voodoo', 'webmaster',
       'whitehat', 'white-hat', 'whitelist', 'white-list', 'whitelisted',
-      'white-listed', 'whitelisting', 'white-listing', 'ymmv'
+      'white-listed', 'whitelisting', 'white-listing', 'ymmv',
     ],
     'declaration-property-unit-allowed-list': {
       'font-size': ['rem', 'em'],
@@ -85,7 +86,7 @@ module.exports = {
       'line-height': [],
       'z-index': [],
       opacity: [],
-      'letter-spacing': ['em']
+      'letter-spacing': ['em'],
     },
     'declaration-property-value-allowed-list': {
       'text-decoration': ['inherit', 'underline', 'none'],
@@ -97,14 +98,15 @@ module.exports = {
       fill: ['currentColor', 'inherit', 'none'],
       overflow: ['initial', 'hidden', 'clip', 'auto'],
       overflowX: ['initial', 'hidden', 'clip', 'auto'],
-      overflowY: ['initial', 'hidden', 'clip', 'auto']
+      overflowY: ['initial', 'hidden', 'clip', 'auto'],
     },
     'declaration-property-value-disallowed-list': {
-      outline: ['none'],
+      outline: ['none', '0'],
       color: ['rebeccapurple'],
       fill: ['rebeccapurple'],
       'background-color': ['rebeccapurple', 'none'],
-      'font-size': ['0']
+      'font-size': ['0'],
+      'text-align': ['justify'],
     },
     'function-url-scheme-allowed-list': ['data', 'https'],
     'function-disallowed-list': ['gray', 'color-mod', 'color', 'rgba', 'hsla'],
@@ -373,7 +375,7 @@ module.exports = {
       /* opinionated */
       'float',
 
-      'font-smooth'
+      'font-smooth',
     ],
     'time-min-milliseconds': 75,
     'selector-no-qualifying-type': true,
@@ -382,21 +384,257 @@ module.exports = {
     'selector-max-universal': 0,
     'selector-max-pseudo-class': 2,
     'selector-max-type': 2,
-    'selector-disallowed-list': [':root'],
+    'selector-disallowed-list': [
+      ':root',
+      // legacy elements
+      'applet',
+      'acronym',
+      'bgsound',
+      'dir',
+      'frame',
+      'frameset',
+      'noframes',
+      'hgroup',
+      'isindex',
+      'listing',
+      'nextid',
+      'noembed',
+      'plaintext',
+      'rb',
+      'rtc',
+      'strike',
+      'xmp',
+      'basefont',
+      'big',
+      'blink',
+      'center',
+      'font',
+      'marquee',
+      'multicol',
+      'nobr',
+      'spacer',
+      'tt',
+      'keygen',
+      'menu',
+      'menuitem',
+      // legacy attributes
+      '[dropzone]',
+      'a[charset]',
+      'link[charset]',
+      'a[coords]',
+      'a[shape]',
+      'a[methods]',
+      'link[methods]',
+      'a[name]',
+      'option[name]',
+      'embed[name]',
+      'img[name]',
+      'a[rev]',
+      'link[rev]',
+      'a[urn]',
+      'link[urn]',
+      'form[accept]',
+      'head[profile]',
+      'html[version]',
+      'link[target]',
+      'param[type]',
+      'param[valuetype]',
+      'script[language]',
+      'script[event]',
+      'script[for]',
+      'table[datapagesize]',
+      'table[summary]',
+      'td[axis]',
+      'th[axis]',
+      'td[scope]',
+      'td[abbr]',
+      'a[datasrc]',
+      'applet[datasrc]',
+      'button[datasrc]',
+      'div[datasrc]',
+      'frame[datasrc]',
+      'label[datasrc]',
+      'legend[datasrc]',
+      'marquee[datasrc]',
+      'option[datasrc]',
+      'span[datasrc]',
+      'table[datasrc]',
+      'a[datafld]',
+      'applet[datafld]',
+      'button[datafld]',
+      'div[datafld]',
+      'fieldset[datafld]',
+      'frame[datafld]',
+      'label[datafld]',
+      'legend[datafld]',
+      'marquee[datafld]',
+      'param[datafld]',
+      'span[datafld]',
+      'button[dataformatas]',
+      'div[dataformatas]',
+      'label[dataformatas]',
+      'legend[dataformatas]',
+      'marquee[dataformatas]',
+      'option[dataformatas]',
+      'span[dataformatas]',
+      'table[dataformatas]',
+      'body[alink]',
+      'body[bgcolor]',
+      'table[bgcolor]',
+      'td[bgcolor]',
+      'th[bgcolor]',
+      'tr[bgcolor]',
+      'body[link]',
+      'body[marginbottom]',
+      'body[marginheight]',
+      'body[marginleft]',
+      'body[marginright]',
+      'body[margintop]',
+      'body[marginwidth]',
+      'body[text]',
+      'body[vlink]',
+      'col[char]',
+      'tbody[char]',
+      'thead[char]',
+      'tfoot[char]',
+      'td[char]',
+      'th[char]',
+      'tr[char]',
+      'col[charoff]',
+      'tbody[charoff]',
+      'thead[charoff]',
+      'tfoot[charoff]',
+      'td[charoff]',
+      'th[charoff]',
+      'tr[charoff]',
+      'col[valign]',
+      'tbody[valign]',
+      'thead[valign]',
+      'tfoot[valign]',
+      'td[valign]',
+      'th[valign]',
+      'tr[valign]',
+      'col[width]',
+      'pre[width]',
+      'table[width]',
+      'td[width]',
+      'th[width]',
+      'dl[compact]',
+      'ol[compact]',
+      'ul[compact]',
+      'h1[align]',
+      'h2[align]',
+      'h3[align]',
+      'h4[align]',
+      'h5[align]',
+      'h6[align]',
+      'caption[align]',
+      'col[align]',
+      'div[align]',
+      'legend[align]',
+      'p[align]',
+      'table[align]',
+      'tbody[align]',
+      'thead[align]',
+      'tfoot[align]',
+      'td[align]',
+      'th[align]',
+      'tr[align]',
+      'li[type]',
+      'ul[type]',
+      'table[cellpadding]',
+      'table[cellspacing]',
+      'table[frame]',
+      'table[rules]',
+      'td[height]',
+      'th[height]',
+      'td[nowrap]',
+      'th[nowrap]',
+      'body[background]',
+      'table[background]',
+      'thead[background]',
+      'tbody[background]',
+      'tfoot[background]',
+      'tr[background]',
+      'td[background]',
+      'th[background]',
+      'embed[name]',
+      'img[name]',
+      'area[nohref]',
+      'area[type]',
+      'area[hreflang]',
+      'input[ismap]',
+      'input[usemap]',
+      'iframe[longdesc]',
+      'img[longdesc]',
+      'img[lowsrc]',
+      'object[archive]',
+      'object[classid]',
+      'object[code]',
+      'object[codebase]',
+      'object[codetype]',
+      'object[declare]',
+      'object[standby]',
+      'iframe[datasrc]',
+      'img[datasrc]',
+      'input[datasrc]',
+      'object[datasrc]',
+      'select[datasrc]',
+      'textarea[datasrc]',
+      'iframe[datafld]',
+      'img[datafld]',
+      'input[datafld]',
+      'object[datafld]',
+      'select[datafld]',
+      'textarea[datafld]',
+      'input[dataformatas]',
+      'object[dataformatas]',
+      'select[dataformatas]',
+      'iframe[marginheight]',
+      'iframe[marginwidth]',
+      'br[clear]',
+      'hr[width]',
+      'embed[hspace]',
+      'iframe[hspace]',
+      'input[hspace]',
+      'img[hspace]',
+      'object[hspace]',
+      'embed[vspace]',
+      'iframe[vspace]',
+      'input[vspace]',
+      'img[vspace]',
+      'object[vspace]',
+      'hr[color]',
+      'hr[noshade]',
+      'hr[size]',
+      'iframe[align]',
+      'embed[align]',
+      'hr[align]',
+      'input[align]',
+      'img[align]',
+      'object[align]',
+      'iframe[allowtransparency]',
+      'iframe[frameborder]',
+      'iframe[framespacing]',
+      'iframe[scrolling]',
+      'img[border]',
+      'object[border]',
+      'input[inputmode]',
+    ],
     'selector-pseudo-class-disallowed-list': [':scope', ':has', ':matches'],
     'unit-disallowed-list': [
       'cm', 'mm', 'Q', 'in', 'pc', 'pt',
       'ex', 'ch',
-      's'
+      's',
     ],
 
     'font-weight-notation': [
       'numeric',
       {
         ignore: [
-          'relative'
-        ]
-      }
+          'relative',
+        ],
+      },
     ],
     'function-url-no-scheme-relative': true,
     'max-nesting-depth': 2,
@@ -428,14 +666,24 @@ module.exports = {
       true,
       {
         quoteProps: 'preserve',
-        printWidth: 120
-      }
+        printWidth: 120,
+      },
     ],
 
     'color-format/format': {
-      format: 'rgb'
+      format: 'rgb',
     },
 
+    'a11y/font-size-is-readable': true,
+    'a11y/media-prefers-reduced-motion': true,
+    'a11y/no-obsolete-attribute': true,
+    'a11y/no-obsolete-element': true,
+    'a11y/no-spread-text': true,
+    'a11y/no-outline-none': true,
+    'a11y/no-text-align-justify': true,
+    // also covered with declaration-property-value-allowed-list
+    'a11y/content-property-no-static-value': true,
+
     'plugin/stylelint-selector-no-empty': true,
 
     'order/order': [
@@ -446,15 +694,15 @@ module.exports = {
         'declarations',
         {
           type: 'at-rule',
-          name: 'supports'
+          name: 'supports',
         },
         {
           type: 'at-rule',
-          name: 'media'
+          name: 'media',
         },
-        'rules'
+        'rules',
       ],
-      { severity: 'warning' }
+      { severity: 'warning' },
     ],
     'order/properties-order': [
       [
@@ -936,12 +1184,12 @@ module.exports = {
         'offset-path',
         'offset-distance',
         'offset-rotate',
-        'offset-anchor'
+        'offset-anchor',
       ],
       {
         unspecified: 'bottom',
-        severity: 'warning'
-      }
-    ]
-  }
+        severity: 'warning',
+      },
+    ],
+  },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stylelint-config-ccb",
-  "version": "1.9.6",
+  "version": "1.11.0",
   "description": "Stylelint config which extends stylelint-config-standard",
   "keywords": [
     "stylelint",
@@ -17,17 +17,27 @@
     "index.js"
   ],
   "dependencies": {
-    "prettier": "^2.6.2",
+    "@ronilaukkarinen/stylelint-a11y": "^1.2.4",
+    "prettier": "^2.7.1",
     "stylelint-color-format": "^1.1.0",
-    "stylelint-config-standard": "^25.0.0",
+    "stylelint-config-standard": "^26.0.0",
     "stylelint-order": "^5.0.0",
     "stylelint-prettier": "^2.0.0",
-    "stylelint-selector-no-empty": "^1.0.8"
+    "stylelint-selector-no-empty": "^1.0.9"
   },
   "devDependencies": {
-    "semistandard": "~16.0.1"
+    "eslint": "^8.18.0",
+    "eslint-config-ccb": "^0.0.14",
+    "stylelint": "^14.9.1"
   },
   "peerDependencies": {
-    "stylelint": ">=14.6.0"
+    "stylelint": ">=14.9.0"
+  },
+  "eslintConfig": {
+    "extends": "ccb",
+    "env": {
+      "node": true,
+      "es2022": true
+    }
   }
 }