sku v13: Update browserslist-config-seek (#1000)

seek-oss · Jul 8, 2024 · 05addf0 · 05addf0
1 parent 8a709d2
commit 05addf0
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 10 deletions.
diff --git a/.changeset/clever-rocks-accept.md b/.changeset/clever-rocks-accept.md
@@ -0,0 +1,22 @@
+---
+'sku': major
+---
+
+Update default supported browsers
+
+`sku` applications and libraries now default to supporting more recent browser versions:
+
+| Browser          | Oldest supported version |
+| ---------------- | ------------------------ |
+| Chrome           | 84                       |
+| Edge             | 84                       |
+| Safari           | 14.1                     |
+| Firefox          | 63                       |
+| Samsung Internet | 14.0                     |
+
+**BREAKING CHANGE**:
+
+Production builds will now contain code that may not be compatible with older browser versions. If your application still needs to support older browsers, you can configure a custom [browserslist] query via the [`supportedBrowsers`] configuration option in your sku config.
+
+[browserslist]: https://browsersl.ist/
+[`supportedBrowser`]: https://seek-oss.github.io/sku/#/./docs/configuration?id=supportedbrowsers
diff --git a/packages/sku/package.json b/packages/sku/package.json
@@ -82,7 +82,7 @@
     "babel-plugin-transform-remove-imports": "^1.7.0",
     "babel-plugin-unassert": "^3.1.0",
     "browserslist": "^4.16.1",
-    "browserslist-config-seek": "^2.1.0",
+    "browserslist-config-seek": "^3.0.0",
     "chalk": "^4.1.0",
     "cross-spawn": "^7.0.3",
     "css-loader": "^6.7.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/tests/__snapshots__/braid-design-system.test.js.snap b/tests/__snapshots__/braid-design-system.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`braid-design-system build should generate the expected files 1`] = `
 {
-  "2-23364ec71aff53dc0261.css": ._1toce6t0 {
+  "2-07fafa59b5872fc8269f.css": ._1toce6t0 {
   border: 0;
   box-sizing: border-box;
   font-size: 100%;
@@ -37,6 +37,7 @@ exports[`braid-design-system build should generate the expected files 1`] = `
 }
 ._1toce6t6 {
   -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
 }
 ._1toce6t7 {
@@ -83,7 +84,7 @@ exports[`braid-design-system build should generate the expected files 1`] = `
 }
 ._19jnx864 {
   -webkit-user-select: none;
-  -ms-user-select: none;
+  -moz-user-select: none;
   user-select: none;
 }
 ._19jnx865 {
@@ -3118,7 +3119,7 @@ html:not(._19jnx86z) .ad2p4ma {
         <meta charset="UTF-8">
         <title>My Awesome Project</title>
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link data-chunk="main" rel="stylesheet" href="/2-23364ec71aff53dc0261.css">
+        <link data-chunk="main" rel="stylesheet" href="/2-07fafa59b5872fc8269f.css">
 <link data-chunk="main" rel="preload" as="script" href="/runtime.js">
 <link data-chunk="main" rel="preload" as="script" href="/main.js">
         <script>
@@ -3146,7 +3147,7 @@ html:not(._19jnx86z) .ad2p4ma {
         <meta charset="UTF-8">
         <title>My Awesome Project</title>
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link data-chunk="main" rel="stylesheet" href="/2-23364ec71aff53dc0261.css">
+        <link data-chunk="main" rel="stylesheet" href="/2-07fafa59b5872fc8269f.css">
 <link data-chunk="main" rel="preload" as="script" href="/runtime.js">
 <link data-chunk="main" rel="preload" as="script" href="/main.js">
         <script>
@@ -3174,7 +3175,7 @@ SCRIPTS: [
   "/main.js",
 ]
 CSS: [
-  "/2-23364ec71aff53dc0261.css",
+  "/2-07fafa59b5872fc8269f.css",
 ]
 SOURCE HTML: <!DOCTYPE html>
 <html>
@@ -3407,7 +3408,7 @@ SCRIPTS: [
   "/main.js",
 ]
 CSS: [
-  "/2-23364ec71aff53dc0261.css",
+  "/2-07fafa59b5872fc8269f.css",
 ]
 SOURCE HTML: <!DOCTYPE html>
 <html>

diff --git a/tests/__snapshots__/sku-webpack-plugin.test.js.snap b/tests/__snapshots__/sku-webpack-plugin.test.js.snap
@@ -92,6 +92,7 @@ exports[`sku-webpack-plugin build should generate the expected files 1`] = `
 }
 .b0mox16 {
   -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
 }
 .b0mox17 {
@@ -138,7 +139,7 @@ exports[`sku-webpack-plugin build should generate the expected files 1`] = `
 }
 ._1t3lfsn4 {
   -webkit-user-select: none;
-  -ms-user-select: none;
+  -moz-user-select: none;
   user-select: none;
 }
 ._1t3lfsn5 {