Skip to content

Latest commit

 

History

History
437 lines (288 loc) · 16.7 KB

CHANGELOG.md

File metadata and controls

437 lines (288 loc) · 16.7 KB

Changelog

13.0.0

Major Changes

  • #400 cbfdb60 Thanks @BPScott! - Upgrade stylelint plugins to support prettier 3.x. Drop support for prettier 2.x.

12.0.1

Patch Changes

  • #375 7a0dcd1 Thanks @BPScott! - Don't replace top/right/bottom/left declarations with inset shorthand as inset is only supported in iOS Safari 14.5+

12.0.0

Major Changes

Minor Changes

Patch Changes

11.0.1 - 2021-12-07

Changed

  • Added postcss as a dependency, as it is requested by postcss-scss. [#311]

11.0.0 - 2021-12-01

Breaking Change

  • Updated peer dependency on stylelint to require at least v14.1.0. [#307]
  • Added override config block to parse scss files with postcss-scss. [#307]
  • Updated the minimum version of several stylelint plugins. [#307]
Package Old version New version
stylelint-config-prettier ^8.0.1" ^9.0.3
stylelint-order ^4.0.0 ^5.0.0
stylelint-prettier ^1.2.0 ^2.0.0
stylelint-scss ^3.19.0 ^4.0.0

Changed

  • Removed dependency on merge by replacing usage with object spread. [#308]

10.2.0 - 2021-09-13

Changed

  • Enabled Stylelint @forward and @use scss rules

10.1.2 - 2021-05-05

Changed

  • Update merge to 2.1.1. [#244]

10.1.1 - 2020-04-21

Changed

  • Remove no-invalid-position-at-import-rule rule as it is not in a currently released version of stylelint. [#237]
  • Update peer dependency to >=13.12.0. [#237]

10.1.0 - 2021-03-10

Changed

  • Update stylelint, stylelint-prettier, and stylelint-scss. [#224]

10.0.1 - 2020-10-07

  • Update stylelint peer dependency to >=13.7.0"

10.0.0 - 2020-10-06

Breaking Change

  • Projects will need to use stylelint v13.7.0 or higher
  • Stylelint rules have been renamed. *-blacklist, *-requirelist and *-whitelist rules have been replaced in favour of the new *-disallowed-list, *-required-list and *-allowed-list ones.

9.0.0 - 2020-06-04

Breaking Change

The Shopify stylelint rules have been renamed to follow the @shopify namespace convention

Before:

module.exports = {
  extends: ['@shopify/stylelint-plugin/prettier'],
  rules: {
    'shopify/content-no-strings': true,
  },
};

After:

module.exports = {
  extends: ['@shopify/stylelint-plugin/prettier'],
  rules: {
    '@shopify/content-no-strings': true,
  },
};

8.1.0 - 2020-05-12

  • Loosen the selector-class-pattern rule to allow for hypens in class names. [#153]

8.0.0 - 2020-03-28

  • Bump stylelint-config-prettier@^4.0.0 to stylelint-config-prettier@^8.0.1
  • Bump stylelint-order@^2.2.1 to stylelint-order@^4.0.0
  • Bump stylelint-scss@^3.13.0 to stylelint-scss@^3.16.0
  • Bump the stylelint peerDependencies to stylelint@>=13.0.0

🚨Package rename

This package has been renamed from stylelint-config-shopify to @shopify/stylelint-plugin.. Update any configuration to use this new name.

Before:

"stylelint": {
  "extends": ["stylelint-config-shopify/prettier"]
}

After:

"stylelint": {
  "extends": ["@shopify/stylelint-plugin/prettier"]
}

Changed

  • Add jest and bump node to 10.0.0. [[#55](Shopify/stylelint-config-shopify#55]
  • Rename "rules" folder - which contains config for existing rules to be "config"; Rename "plugins" folder which contains our custom rule definitions to be "rules". This matches the layout used by eslint-plugin-shopify. [#56]

7.4.0 - 2019-12-16

Added

Changed

  • Bump stylelint-prettier v1.1.2. [#54]

7.3.0 - 2019-12-14

Added

  • Forbid display: table for better Safari + VoiceOver + iOS compatibility. [#52]

7.2.1 - 2019-04-04

  • Fixed an regression where 7.2.0 introduced the need for stylelint 9.9.0 or above. [#50]

7.2.0 - 2019-04-03

  • Allow non-lowercase values in properties such as font, font-family, --anything-with-font-in-its-name, or Sass variables starting with $polaris or containing font. [#49]

7.1.0 - 2019-01-07

  • Raise peerDependency on stylelint to 9.4.0 to accomodate the linebreaks rule. [#46]
  • Bump stylelint-prettier to v1.0.6 to fix crashes when reading unparsable files. [#48]

7.0.4 - 2018-10-02

  • Bump stylelint-prettier v1.0.3 to avoid a transitive dependency on eslint-plugin-prettier. [#45]

7.0.3 - 2018-09-27

  • Redeploy of 7.0.2 to update latest version reference on npm.

7.0.2 - 2018-09-13

Changed

  • Disable scss/no-duplicate-dollar-variables rule by default. It makes no attempt to understand how Sass's variable scoping works which results in lots of false warnings on completely reasonable code. [#44]

7.0.1 - 2018-09-12

Changed

  • Updated stylelint-prettier to v1.0.1. [#42]

7.0.0 - 2018-08-30

Changed

  • Breaking: Updated to eslint v5.4.0. Consuming projects must be using node supported versions, we recommend ^8.10.0. See details on the v4 to v5 migration guide here. [#40]

Added

6.1.0 - 2018-08-07

  • Update dependency: use stylelint-config-prettier v4.0.0. This is identical to v3.3.0 except it moves stylelint to be a peerDependency, which means there is less chance for installing multiple versions of stylelint.

6.0.0 - 2018-08-07

  • Changed dependency: Use stylelint-prettier for prettier integration instead of prettier-stylelint-formatter. stylelint-prettier is a stylelint plugin that exposes prettier issues as stylelint rule violations. This means you can use stylelint --fix to fix formatting issues that prettier raises instead of having to use different executables for showing and autofixing issues.

Migration Suggestions:

  • If stylelint-config-shopify/prettier is used, please remove prettier-stylelint-formatter and update any scripts that referenced it to use run stylelint --fix '**/*.scss' to autofix issues.

    yarn remove prettier-stylelint-formatter

5.1.2 - 2018-07-10

  • Changed dependency: Pull the base prettier config from stylelint-config-prettier instead of prettier-stylelint-formatter. It is provided by the prettier organisation and is more up to date than the one provided by prettier-stylelint-formatter
  • Increase stylelint minimum version to 9.1.1 so it aligns with the minumum required by stylelint-config-prettier

5.1.1 - 2018-07-10

  • Added a new custom rule shopify/content-no-strings that disallows hard-coded strings as values for the content property. This prevents internationalization issues. Keywords are still allowed. The rule is not enabled by default.

The following patterns are considered violations:

.foo::before {
  content: 'bar';
}
.foo::before {
  content: open-quote 'Section' counter(section_counter) close-quote;
}

The following patterns are not considered violations:

.foo::before {
  content: '';
}
.foo::before {
  content: open-quote counter(section_counter) close-quote;
}

5.1.0 - 2018-07-05

  • Use 5.1.1 instead.

5.0.1 - 2018-04-06

  • Updated dependency: stylelint-css (no breaking changes, only fixes)
  • Updated devDependencies: eslint, eslint-plugin-shopify

5.0.0 - 2018-02-22

  • Dropped support for Node <8.9
  • Require stylelint >=9.0 as a peerDependency for projects consuming this config #25 and #27)
  • Updated dependencies

4.0.0 - 2017-11-17

Migration Suggestions:

  • If stylelint-config-shopify/prettier is used, please replace prettier-stylelint with prettier-stylelint-formatter.

    yarn remove prettier-stylelint && yarn add prettier-stylelint-formatter

3.0.2 - 2017-11-14

  • declaration-block-no-redundant-longhand-properties now allows longhand grid properties, see #21

3.0.1 - 2017-11-13

  • Removed position: fixed from the property value blacklist, see #18
  • Allowed digits in class selector names (e.g. .rotate180), see #17
  • Enforce property grouping, see #10
  • Turn off order/order #19

tl;dr:

  • Put variables & custom properties at the top (unless anyone feels strongly about this)
  • Then come weird props, positioning & box model properties
  • All other properties come after
  • No specific property order is enforced

The following patterns are not considered warnings:

.Foo {
  $foo: 'foo';
  position: relative;
  display: block;
  margin: 10px;
  color: $foo;
}

.Foo {
  $foo: 'foo';
  position: relative;
  margin: 10px;
  display: block;
  color: $foo;
}

The following patterns are considered warnings:

.Foo {
  position: relative;
  display: block;
  $foo: 'foo';
  color: $foo;
}

.Foo {
  $foo: 'foo';
  color: $foo;
  position: relative;
  display: block;
}

2.1.0 - 2017-08-25

Changed

  • media-feature-name-no-unknown to ignore prefers-reduced-motion
  • stylelint-scss from 1.4.x to ^2.0.1
  • Replaced deprecated scss/at-mixin-no-argumentless-call-parentheses rule with its equivalent scss/at-mixin-argumentless-call-parentheses
  • Updated eslint-plugin-shopify to the latest version, and updated ESLint to the appropriate version

2.0.1 - 2017-07-28

Changed

  • Set selector-max-type to 1

2.0.0 - 2017-07-27

Added

  • New plugin:
    • Added stylelint-order which replaces declaration-block-properties-order
  • New rules:
    • rule-empty-line-before
    • selector-max-universal
    • at-rule-semicolon-space-before
    • selector-max-attribute
    • selector-max-class
    • selector-max-combinators
    • selector-max-id
    • selector-max-type
    • function-url-scheme-blacklist (disabled)
    • media-feature-name-whitelist (disabled)
    • time-min-milliseconds (disabled)

Removed

  • Deprecated rules:
    • block-no-single-line
    • no-indistinguishable-colors
    • declaration-block-no-ignored-properties
    • declaration-block-properties-order
    • function-url-data-uris
    • no-browser-hacks
    • no-unsupported-browser-features
    • media-feature-no-missing-punctuation
    • custom-property-no-outside-root
    • root-no-standard-properties
    • rule-nested-empty-line-before
    • rule-non-nested-empty-line-before

Changed

  • Properties order for shorthand notation with margin, padding, border styles have been updated to follow:
property: <top> <right> <bottom> <left>

1.0.0 - 2017-05-29

  • Initial release