Shopify · mattkubej · Sep 29, 2023 · Oct 2, 2023 · Oct 2, 2023 · Oct 4, 2023
diff --git a/.changeset/gorgeous-walls-unite.md b/.changeset/gorgeous-walls-unite.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': patch
+---
+
+[Page] prevent vertical content shift of header with metadata and actions
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -1,5 +1,5 @@
 {
-  "mode": "pre",
+  "mode": "exit",
   "tag": "beta",
   "initialVersions": {
     "@shopify/polaris-cli": "0.2.25",

diff --git a/.changeset/proud-cooks-fly.md b/.changeset/proud-cooks-fly.md
@@ -0,0 +1,6 @@
+---
+'@shopify/polaris-tokens': minor
+'@shopify/polaris': patch
+---
+
+Add support for using breakpoint tokens in CSS by using `@custom-media`
diff --git a/.changeset/strange-bananas-obey.md b/.changeset/strange-bananas-obey.md
@@ -0,0 +1,11 @@
+---
+'@shopify/polaris': minor
+---
+
+Added support for an `EditColumns` button rendered in the `IndexFilters` deprecating the `Tabs`'s `edit-columns` action.
+
+- `IndexFilters`
+  - Added support for rendering an Edit Columns button using the `showEditColumnsButton` flag.
+  - Added the edition `mode` to the `onEditStart(mode)` callback.
+- `Tabs`
+  - Removed the `edit-columns` action type.
diff --git a/.changeset/two-phones-move.md b/.changeset/two-phones-move.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': patch
+---
+
+[Modal] Disallow vertical scroll with use of noScroll
diff --git a/polaris-react/CHANGELOG.md b/polaris-react/CHANGELOG.md
@@ -1,6 +1,6 @@
 # Changelog
 
-## 12.0.0-beta.1
+## 12.0.0
 
 ### Major Changes
 
@@ -71,6 +71,7 @@
 
 * Updated dependencies [[`86d4040c0`](https://github.com/Shopify/polaris/commit/86d4040c052a0dba0cb6f0d6e0f6fb8faf14c532)]:
   - @shopify/polaris-tokens@7.13.0-beta.0
+
 ## 11.25.0
 
 ### Minor Changes

diff --git a/polaris-react/config/postcss-plugins.js b/polaris-react/config/postcss-plugins.js
@@ -1,7 +1,20 @@
+const path = require('path');
+
 const postcssShopify = require('@shopify/postcss-plugin');
 const pxtorem = require('postcss-pxtorem');
+const postcssCustomMedia = require('postcss-custom-media');
+const postcssGlobalData = require('@csstools/postcss-global-data');
+
+const mediaQueriesCssPath = path.resolve(
+  __dirname,
+  '../../node_modules/@shopify/polaris-tokens/dist/css/media-queries.css',
+);
 
 module.exports = [
+  postcssGlobalData({
+    files: [mediaQueriesCssPath],
+  }),
+  postcssCustomMedia(),
   postcssShopify,
   pxtorem({
     rootValue: 16,

diff --git a/polaris-react/locales/cs.json b/polaris-react/locales/cs.json
@@ -214,7 +214,6 @@
         "rename": "Přejmenovat zobrazení",
         "duplicate": "Duplikování zobrazení",
         "edit": "Upravit zobrazení",
-        "editColumns": "Upravit sloupce",
         "delete": "Odstranit zobrazení",
         "copy": "{name} – kopie",
         "deleteModal": {
@@ -391,7 +390,11 @@
           "cancel": "Zrušit"
         }
       },
-      "searchFilterTooltipWithShortcut": "Hledejte a filtrujte (F)"
+      "searchFilterTooltipWithShortcut": "Hledejte a filtrujte (F)",
+      "EditColumnsButton": {
+        "tooltip": "Upravit sloupce",
+        "accessibilityLabel": "Přizpůsobit pořadí a viditelnost sloupců tabulky"
+      }
     },
     "ActionList": {
       "SearchField": {

diff --git a/polaris-react/locales/da.json b/polaris-react/locales/da.json
@@ -214,7 +214,6 @@
         "rename": "Omdøb visning",
         "duplicate": "Dupliker visning",
         "edit": "Rediger visning",
-        "editColumns": "Rediger kolonner",
         "delete": "Slet visning",
         "copy": "Kopi af {name}",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "Gem",
           "cancel": "Annuller"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Rediger kolonner",
+        "accessibilityLabel": "Tilpas rækkefølgen og synligheden af tabelkolonner"
       }
     },
     "ActionList": {

diff --git a/polaris-react/locales/de.json b/polaris-react/locales/de.json
@@ -214,7 +214,6 @@
         "rename": "Ansicht umbenennen",
         "duplicate": "Ansicht duplizieren",
         "edit": "Ansicht bearbeiten",
-        "editColumns": "Spalten bearbeiten",
         "delete": "Ansicht löschen",
         "copy": "Kopie von {name}",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "Speichern",
           "cancel": "Abbrechen"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Spalten bearbeiten",
+        "accessibilityLabel": "Reihenfolge und Sichtbarkeit der Tabellenspalten anpassen"
       }
     },
     "ActionList": {

diff --git a/polaris-react/locales/en.json b/polaris-react/locales/en.json
@@ -192,6 +192,10 @@
           "za": "Z-A"
         }
       },
+      "EditColumnsButton": {
+        "tooltip": "Edit columns",
+        "accessibilityLabel": "Customize table column order and visibility"
+      },
       "UpdateButtons": {
         "cancel": "Cancel",
         "update": "Update",
@@ -291,7 +295,6 @@
         "rename": "Rename view",
         "duplicate": "Duplicate view",
         "edit": "Edit view",
-        "editColumns": "Edit columns",
         "delete": "Delete view",
         "copy": "Copy of {name}",
         "deleteModal": {

diff --git a/polaris-react/locales/es.json b/polaris-react/locales/es.json
@@ -214,7 +214,6 @@
         "rename": "Cambiar nombre de vista",
         "duplicate": "Duplicar vista",
         "edit": "Editar vista",
-        "editColumns": "Editar columnas",
         "delete": "Eliminar vista",
         "copy": "Copia de {name}",
         "deleteModal": {
@@ -390,6 +389,10 @@
           "save": "Guardar",
           "cancel": "Cancelar"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Editar columnas",
+        "accessibilityLabel": "Personalizar el orden y la visibilidad de las columnas de la tabla"
       }
     },
     "ActionList": {

diff --git a/polaris-react/locales/fi.json b/polaris-react/locales/fi.json
@@ -214,7 +214,6 @@
         "rename": "Nimeä näkymä uudelleen",
         "duplicate": "Kopioi näkymä",
         "edit": "Muokkaa näkymää",
-        "editColumns": "Muokkaa sarakkeita",
         "delete": "Poista näkymä",
         "copy": "Kopio tiedostosta {name}",
         "deleteModal": {
@@ -389,7 +388,11 @@
           "cancel": "Peruuta"
         }
       },
-      "searchFilterTooltipWithShortcut": "Hae ja suodata (F)"
+      "searchFilterTooltipWithShortcut": "Hae ja suodata (F)",
+      "EditColumnsButton": {
+        "tooltip": "Muokkaa sarakkeita",
+        "accessibilityLabel": "Muokkaa taulukon sarakkeiden järjestystä ja näkyvyyttä"
+      }
     },
     "ActionList": {
       "SearchField": {

diff --git a/polaris-react/locales/fr.json b/polaris-react/locales/fr.json
@@ -214,7 +214,6 @@
         "rename": "Renommer la vue",
         "duplicate": "Dupliquer la vue",
         "edit": "Modifier la vue",
-        "editColumns": "Modifier les colonnes",
         "delete": "Supprimer la vue",
         "copy": "Copie de {name}",
         "deleteModal": {
@@ -390,6 +389,10 @@
           "save": "Enregistrer",
           "cancel": "Annuler"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Modifier les colonnes",
+        "accessibilityLabel": "Personnaliser l’ordre et la visibilité des colonnes du tableau"
       }
     },
     "ActionList": {

diff --git a/polaris-react/locales/it.json b/polaris-react/locales/it.json
@@ -214,7 +214,6 @@
         "rename": "Rinomina vista",
         "duplicate": "Duplica vista",
         "edit": "Modifica vista",
-        "editColumns": "Modifica colonne",
         "delete": "Elimina vista",
         "copy": "Copia di {name}",
         "deleteModal": {
@@ -390,6 +389,10 @@
           "save": "Salva",
           "cancel": "Annulla"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Modifica colonne",
+        "accessibilityLabel": "Personalizza l'ordine e la visibilità delle colonne della tabella"
       }
     },
     "ActionList": {

diff --git a/polaris-react/locales/ja.json b/polaris-react/locales/ja.json
@@ -214,7 +214,6 @@
         "rename": "ビューの名前を変更",
         "duplicate": "ビューを複製",
         "edit": "ビューを編集",
-        "editColumns": "列を編集",
         "delete": "ビューを削除",
         "copy": "{name}のコピー",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "保存",
           "cancel": "キャンセル"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "列を編集",
+        "accessibilityLabel": "表の列の順序および表示をカスタマイズする"
       }
     },
     "ActionList": {

diff --git a/polaris-react/locales/ko.json b/polaris-react/locales/ko.json
@@ -214,7 +214,6 @@
         "rename": "보기 이름 바꾸기",
         "duplicate": "보기 복제",
         "edit": "보기 편집",
-        "editColumns": "열 편집",
         "delete": "보기 삭제",
         "copy": "{name}의 사본",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "저장",
           "cancel": "취소"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "열 편집",
+        "accessibilityLabel": "표의 주문 열 및 표시 방법 사용자 지정"
       }
     },
     "ActionList": {

diff --git a/polaris-react/locales/nb.json b/polaris-react/locales/nb.json
@@ -214,7 +214,6 @@
         "rename": "Gi visning nytt navn",
         "duplicate": "Dupliser visning",
         "edit": "Rediger visning",
-        "editColumns": "Rediger kolonner",
         "delete": "Slett visning",
         "copy": "Kopi av {name}",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "Lagre",
           "cancel": "Avbryt"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Endre kolonner",
+        "accessibilityLabel": "Tilpass kolonnerekkefølge og -synlighet i tabellen"
       }
     },
     "ActionList": {

diff --git a/polaris-react/locales/nl.json b/polaris-react/locales/nl.json
@@ -214,7 +214,6 @@
         "rename": "Naam van weergave wijzigen",
         "duplicate": "Weergave dupliceren",
         "edit": "Weergave bewerken",
-        "editColumns": "Kolommen bewerken",
         "delete": "Weergave verwijderen",
         "copy": "Kopie van {name}",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "Opslaan",
           "cancel": "Annuleren"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Kolommen bewerken",
+        "accessibilityLabel": "Kolomvolgorde en zichtbaarheid van tabel aanpassen"
       }
     },
     "ActionList": {

diff --git a/polaris-react/locales/pl.json b/polaris-react/locales/pl.json
@@ -214,7 +214,6 @@
         "rename": "Zmień nazwę widoku",
         "duplicate": "Duplikuj widok",
         "edit": "Edytuj widok",
-        "editColumns": "Edytuj kolumny",
         "delete": "Usuń widok",
         "copy": "Kopia {name}",
         "deleteModal": {
@@ -391,6 +390,10 @@
           "save": "Zapisz",
           "cancel": "Anuluj"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Edytuj kolumny",
+        "accessibilityLabel": "Dostosuj kolejność i widoczność kolumn tabeli"
       }
     },
     "ActionList": {

diff --git a/polaris-react/locales/pt-BR.json b/polaris-react/locales/pt-BR.json
@@ -214,7 +214,6 @@
         "rename": "Renomear visualização",
         "duplicate": "Duplicar visualização",
         "edit": "Editar visualização",
-        "editColumns": "Editar colunas",
         "delete": "Excluir visualização",
         "copy": "Cópia de {name}",
         "deleteModal": {
@@ -390,6 +389,10 @@
           "save": "Salvar",
           "cancel": "Cancelar"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Editar colunas",
+        "accessibilityLabel": "Personalizar a ordem e a visibilidade das colunas da tabela"
       }
     },
     "ActionList": {

diff --git a/polaris-react/locales/pt-PT.json b/polaris-react/locales/pt-PT.json
@@ -214,7 +214,6 @@
         "rename": "Renomear visualização",
         "duplicate": "Duplicar visualização",
         "edit": "Editar visualização",
-        "editColumns": "Editar colunas",
         "delete": "Eliminar visualização",
         "copy": "Cópia de {name}",
         "deleteModal": {
@@ -390,6 +389,10 @@
           "save": "Guardar",
           "cancel": "Cancelar"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Editar colunas",
+        "accessibilityLabel": "Personalizar visibilidade e ordem da coluna da tabela"
       }
     },
     "ActionList": {

diff --git a/polaris-react/locales/sv.json b/polaris-react/locales/sv.json
@@ -214,7 +214,6 @@
         "rename": "Döp om vy",
         "duplicate": "Duplicera vy",
         "edit": "Redigera vy",
-        "editColumns": "Redigera kolumner",
         "delete": "Radera vy",
         "copy": "Kopia av {name}",
         "deleteModal": {
@@ -389,6 +388,10 @@
           "save": "Spara",
           "cancel": "Avbryt"
         }
+      },
+      "EditColumnsButton": {
+        "tooltip": "Redigera kolumner",
+        "accessibilityLabel": "Anpassa tabellkolumnernas ordning och synlighet"
       }
     },
     "ActionList": {