Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

build(deps-dev): bump style-loader from 3.3.3 to 4.0.0 #206

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

dependabot[bot]
Copy link

@dependabot dependabot bot commented on behalf of github Apr 9, 2024

Bumps style-loader from 3.3.3 to 4.0.0.

Release notes

Sourced from style-loader's releases.

v4.0.0

4.0.0 (2024-04-08)

⚠ BREAKING CHANGES

  • minimum supported webpack version is 5.27.0
  • minimum support Node.js version is 18.12.0
  • the insert option can only be a selector or the path to the module

Migration:

Before:

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          {
            loader: "style-loader",
            options: {
              injectType: "styleTag",
              styleTagTransform: function (css, style) {
                // Do something ...
                style.innerHTML = `${css}.modify{}\n`;
            document.head.appendChild(style);
          },
        },
      },
      "css-loader",
    ],
  },
],

},
};

After:

insert-function.js

function insert(css, style) {
  var parent = options.target || document.head;
</tr></table> 

... (truncated)

Changelog

Sourced from style-loader's changelog.

4.0.0 (2024-04-08)

⚠ BREAKING CHANGES

  • minimum supported webpack version is 5.27.0
  • minimum support Node.js version is 18.12.0
  • the insert option can only be a selector or the path to the module

Migration:

Before:

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          {
            loader: "style-loader",
            options: {
              injectType: "styleTag",
              styleTagTransform: function (css, style) {
                // Do something ...
                style.innerHTML = `${css}.modify{}\n`;
            document.head.appendChild(style);
          },
        },
      },
      &quot;css-loader&quot;,
    ],
  },
],

},
};

After:

insert-function.js

function insert(css, style) {
  var parent = options.target || document.head;
</tr></table>

... (truncated)

Commits
  • 091d37d chore(release): 4.0.0
  • abc0b5f docs: improve more
  • 565362c docs: update
  • 7122cde refactor!: the insert option can only be a selector or the path to the mo...
  • 11b8639 refactor!: the styleTagTransform option can only be the path to the module
  • 7ec1120 test: fix
  • 977bb71 refactor!: minimum supported webpack version is 5.27.0
  • a70555a test: update
  • dc6e368 refactor!: minimum support Node.js version is 18.12.0
  • b7cdc6c chore: update codecov-action to v4 (#623)
  • Additional commits viewable in compare view

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

Bumps [style-loader](https://github.com/webpack-contrib/style-loader) from 3.3.3 to 4.0.0.
- [Release notes](https://github.com/webpack-contrib/style-loader/releases)
- [Changelog](https://github.com/webpack-contrib/style-loader/blob/master/CHANGELOG.md)
- [Commits](webpack-contrib/style-loader@v3.3.3...v4.0.0)

---
updated-dependencies:
- dependency-name: style-loader
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>
Copy link
Author

dependabot bot commented on behalf of github Apr 9, 2024

Dependabot tried to add @Fliqle/vk-sec as a reviewer to this PR, but received the following error from GitHub:

POST https://api.github.com/repos/Fliqle/vkui-tokens/pulls/206/requested_reviewers: 422 - Reviews may only be requested from collaborators. One or more of the teams you specified is not a collaborator of the Fliqle/vkui-tokens repository. // See: https://docs.github.com/rest/pulls/review-requests#request-reviewers-for-a-pull-request

@dependabot dependabot bot added dependencies Pull requests that update a dependency file javascript Pull requests that update Javascript code labels Apr 9, 2024
Copy link

github-actions bot commented Apr 9, 2024

Coverage report

Caution

Test run failed

St.
Category Percentage Covered / Total
🟢 Statements 91.74% 1155/1259
🟢 Branches 88.89% 320/360
🟢 Functions 92.86% 169/182
🟢 Lines 91.4% 1073/1174

Test suite run failed

Failed tests: 8/396. Failed suites: 1/37.
  ● shapshots › vkCom theme › should match root theme snapshot

    expect(received).toMatchSnapshot()

    Snapshot name: `shapshots vkCom theme should match root theme snapshot 1`

    - Snapshot  - 3
    + Received  + 3

    @@ -13,13 +13,13 @@
          "active": "#A0AAB7",
          "hover": "#A7B0BD",
          "normal": "#AEB7C2",
        },
        "colorAccentGreen": {
    -     "active": "#19721E",
    -     "hover": "#1A761C",
    -     "normal": "#1B7A1B",
    +     "active": "#45A64A",
    +     "hover": "#48AC4A",
    +     "normal": "#4BB34B",
        },
        "colorAccentOrange": {
          "active": "#EB9405",
          "hover": "#F59A02",
          "normal": "#FFA000",

      11 |
      12 | 			it('should match root theme snapshot', () => {
    > 13 | 				expect(expandedThemeObject.theme).toMatchSnapshot();
         | 				                                  ^
      14 | 			});
      15 |
      16 | 			it('should match pixelify theme snapshot', () => {

      at Object.<anonymous> (src/build/snapthots.test.ts:13:39)

  ● shapshots › vkCom theme › should match pixelify theme snapshot

    expect(received).toMatchSnapshot()

    Snapshot name: `shapshots vkCom theme should match pixelify theme snapshot 1`

    - Snapshot  - 3
    + Received  + 3

    @@ -13,13 +13,13 @@
          "active": "#A0AAB7",
          "hover": "#A7B0BD",
          "normal": "#AEB7C2",
        },
        "colorAccentGreen": {
    -     "active": "#19721E",
    -     "hover": "#1A761C",
    -     "normal": "#1B7A1B",
    +     "active": "#45A64A",
    +     "hover": "#48AC4A",
    +     "normal": "#4BB34B",
        },
        "colorAccentOrange": {
          "active": "#EB9405",
          "hover": "#F59A02",
          "normal": "#FFA000",

      15 |
      16 | 			it('should match pixelify theme snapshot', () => {
    > 17 | 				expect(expandedThemeObject.pixelifyTheme).toMatchSnapshot();
         | 				                                          ^
      18 | 			});
      19 |
      20 | 			it('should match cssVars snapshot', () => {

      at Object.<anonymous> (src/build/snapthots.test.ts:17:47)

  ● shapshots › vkCom theme › should match cssVars snapshot

    expect(received).toMatchSnapshot()

    Snapshot name: `shapshots vkCom theme should match cssVars snapshot 1`

    - Snapshot  - 3
    + Received  + 3

    @@ -48,19 +48,19 @@
          },
        },
        "colorAccentGreen": {
          "active": {
            "name": "--vkui--color_accent_green--active",
    -       "value": "var(--vkui--color_accent_green--active, #19721E)",
    +       "value": "var(--vkui--color_accent_green--active, #45A64A)",
          },
          "hover": {
            "name": "--vkui--color_accent_green--hover",
    -       "value": "var(--vkui--color_accent_green--hover, #1A761C)",
    +       "value": "var(--vkui--color_accent_green--hover, #48AC4A)",
          },
          "normal": {
            "name": "--vkui--color_accent_green",
    -       "value": "var(--vkui--color_accent_green, #1B7A1B)",
    +       "value": "var(--vkui--color_accent_green, #4BB34B)",
          },
        },
        "colorAccentOrange": {
          "active": {
            "name": "--vkui--color_accent_orange--active",

      19 |
      20 | 			it('should match cssVars snapshot', () => {
    > 21 | 				expect(expandedThemeObject.cssVarsTheme).toMatchSnapshot();
         | 				                                         ^
      22 | 			});
      23 |
      24 | 			it('should match pseudo theme from CssVars', () => {

      at Object.<anonymous> (src/build/snapthots.test.ts:21:46)

  ● shapshots › vkCom theme › should match pseudo theme from CssVars

    expect(received).toMatchSnapshot()

    Snapshot name: `shapshots vkCom theme should match pseudo theme from CssVars 1`

    - Snapshot  - 3
    + Received  + 3

    @@ -13,13 +13,13 @@
          "active": "var(--vkui--color_accent_gray--active, #A0AAB7)",
          "hover": "var(--vkui--color_accent_gray--hover, #A7B0BD)",
          "normal": "var(--vkui--color_accent_gray, #AEB7C2)",
        },
        "colorAccentGreen": {
    -     "active": "var(--vkui--color_accent_green--active, #19721E)",
    -     "hover": "var(--vkui--color_accent_green--hover, #1A761C)",
    -     "normal": "var(--vkui--color_accent_green, #1B7A1B)",
    +     "active": "var(--vkui--color_accent_green--active, #45A64A)",
    +     "hover": "var(--vkui--color_accent_green--hover, #48AC4A)",
    +     "normal": "var(--vkui--color_accent_green, #4BB34B)",
        },
        "colorAccentOrange": {
          "active": "var(--vkui--color_accent_orange--active, #EB9405)",
          "hover": "var(--vkui--color_accent_orange--hover, #F59A02)",
          "normal": "var(--vkui--color_accent_orange, #FFA000)",

      23 |
      24 | 			it('should match pseudo theme from CssVars', () => {
    > 25 | 				expect(expandedThemeObject.pseudoThemeCssVars).toMatchSnapshot();
         | 				                                               ^
      26 | 			});
      27 | 		});
      28 | 	});

      at Object.<anonymous> (src/build/snapthots.test.ts:25:52)

  ● shapshots › vkontakteCom theme › should match root theme snapshot

    expect(received).toMatchSnapshot()

    Snapshot name: `shapshots vkontakteCom theme should match root theme snapshot 1`

    - Snapshot  - 3
    + Received  + 3

    @@ -13,13 +13,13 @@
          "active": "#A0AAB7",
          "hover": "#A7B0BD",
          "normal": "#AEB7C2",
        },
        "colorAccentGreen": {
    -     "active": "#19721E",
    -     "hover": "#1A761C",
    -     "normal": "#1B7A1B",
    +     "active": "#45A64A",
    +     "hover": "#48AC4A",
    +     "normal": "#4BB34B",
        },
        "colorAccentOrange": {
          "active": "#EB9405",
          "hover": "#F59A02",
          "normal": "#FFA000",

      11 |
      12 | 			it('should match root theme snapshot', () => {
    > 13 | 				expect(expandedThemeObject.theme).toMatchSnapshot();
         | 				                                  ^
      14 | 			});
      15 |
      16 | 			it('should match pixelify theme snapshot', () => {

      at Object.<anonymous> (src/build/snapthots.test.ts:13:39)

  ● shapshots › vkontakteCom theme › should match pixelify theme snapshot

    expect(received).toMatchSnapshot()

    Snapshot name: `shapshots vkontakteCom theme should match pixelify theme snapshot 1`

    - Snapshot  - 3
    + Received  + 3

    @@ -13,13 +13,13 @@
          "active": "#A0AAB7",
          "hover": "#A7B0BD",
          "normal": "#AEB7C2",
        },
        "colorAccentGreen": {
    -     "active": "#19721E",
    -     "hover": "#1A761C",
    -     "normal": "#1B7A1B",
    +     "active": "#45A64A",
    +     "hover": "#48AC4A",
    +     "normal": "#4BB34B",
        },
        "colorAccentOrange": {
          "active": "#EB9405",
          "hover": "#F59A02",
          "normal": "#FFA000",

      15 |
      16 | 			it('should match pixelify theme snapshot', () => {
    > 17 | 				expect(expandedThemeObject.pixelifyTheme).toMatchSnapshot();
         | 				                                          ^
      18 | 			});
      19 |
      20 | 			it('should match cssVars snapshot', () => {

      at Object.<anonymous> (src/build/snapthots.test.ts:17:47)

  ● shapshots › vkontakteCom theme › should match cssVars snapshot

    expect(received).toMatchSnapshot()

    Snapshot name: `shapshots vkontakteCom theme should match cssVars snapshot 1`

    - Snapshot  - 3
    + Received  + 3

    @@ -48,19 +48,19 @@
          },
        },
        "colorAccentGreen": {
          "active": {
            "name": "--vkui--color_accent_green--active",
    -       "value": "var(--vkui--color_accent_green--active, #19721E)",
    +       "value": "var(--vkui--color_accent_green--active, #45A64A)",
          },
          "hover": {
            "name": "--vkui--color_accent_green--hover",
    -       "value": "var(--vkui--color_accent_green--hover, #1A761C)",
    +       "value": "var(--vkui--color_accent_green--hover, #48AC4A)",
          },
          "normal": {
            "name": "--vkui--color_accent_green",
    -       "value": "var(--vkui--color_accent_green, #1B7A1B)",
    +       "value": "var(--vkui--color_accent_green, #4BB34B)",
          },
        },
        "colorAccentOrange": {
          "active": {
            "name": "--vkui--color_accent_orange--active",

      19 |
      20 | 			it('should match cssVars snapshot', () => {
    > 21 | 				expect(expandedThemeObject.cssVarsTheme).toMatchSnapshot();
         | 				                                         ^
      22 | 			});
      23 |
      24 | 			it('should match pseudo theme from CssVars', () => {

      at Object.<anonymous> (src/build/snapthots.test.ts:21:46)

  ● shapshots › vkontakteCom theme › should match pseudo theme from CssVars

    expect(received).toMatchSnapshot()

    Snapshot name: `shapshots vkontakteCom theme should match pseudo theme from CssVars 1`

    - Snapshot  - 3
    + Received  + 3

    @@ -13,13 +13,13 @@
          "active": "var(--vkui--color_accent_gray--active, #A0AAB7)",
          "hover": "var(--vkui--color_accent_gray--hover, #A7B0BD)",
          "normal": "var(--vkui--color_accent_gray, #AEB7C2)",
        },
        "colorAccentGreen": {
    -     "active": "var(--vkui--color_accent_green--active, #19721E)",
    -     "hover": "var(--vkui--color_accent_green--hover, #1A761C)",
    -     "normal": "var(--vkui--color_accent_green, #1B7A1B)",
    +     "active": "var(--vkui--color_accent_green--active, #45A64A)",
    +     "hover": "var(--vkui--color_accent_green--hover, #48AC4A)",
    +     "normal": "var(--vkui--color_accent_green, #4BB34B)",
        },
        "colorAccentOrange": {
          "active": "var(--vkui--color_accent_orange--active, #EB9405)",
          "hover": "var(--vkui--color_accent_orange--hover, #F59A02)",
          "normal": "var(--vkui--color_accent_orange, #FFA000)",

      23 |
      24 | 			it('should match pseudo theme from CssVars', () => {
    > 25 | 				expect(expandedThemeObject.pseudoThemeCssVars).toMatchSnapshot();
         | 				                                               ^
      26 | 			});
      27 | 		});
      28 | 	});

      at Object.<anonymous> (src/build/snapthots.test.ts:25:52)

Report generated by 🧪jest coverage report action from a51e835

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dependencies Pull requests that update a dependency file javascript Pull requests that update Javascript code
Projects
None yet
Development

Successfully merging this pull request may close these issues.

0 participants