Merge branch 'translation/jp' of github.com:ionic-team/ionic-docs

# Conflicts: # docs/api/refresher.md # docs/developing/config.md # docs/layout/dynamic-font-scaling.md # renovate.json # scripts/data/translated-api.json # scripts/data/translated-cache.json # src/components/page/theming/ColorGenerator/index.tsx # src/translate/.detection/api/action-sheet.json # src/translate/.detection/api/alert.json # src/translate/.detection/api/loading.json # src/translate/.detection/api/modal.json # src/translate/.detection/api/picker.json # src/translate/.detection/api/popover.json # src/translate/.detection/api/toast.json # src/translate/api/action-sheet.json # src/translate/api/alert.json # src/translate/api/loading.json # src/translate/api/modal.json # src/translate/api/picker.json # src/translate/api/popover.json # src/translate/api/toast.json # static/code/stackblitz/v6/angular/package.json # static/code/stackblitz/v6/react/package-lock.json # static/code/stackblitz/v6/vue/package-lock.json # static/code/stackblitz/v7/angular/package.json # static/code/stackblitz/v7/react/package-lock.json # static/code/stackblitz/v7/vue/package-lock.json # static/code/stackblitz/v7/vue/package.json # static/usage/v6/datetime/highlightedDates/array/demo.html # static/usage/v6/datetime/highlightedDates/callback/demo.html # static/usage/v6/modal/custom-dialogs/demo.html # static/usage/v7/input/start-end-slots/demo.html # static/usage/v7/layout/dynamic-font-scaling/demo.html
ionic-jp · Mar 31, 2024 · 356adeb · 356adeb
2 parents d2f876e + a4b02e7
commit 356adeb
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 18 deletions.
diff --git a/docs/layout/dynamic-font-scaling.md b/docs/layout/dynamic-font-scaling.md
@@ -16,6 +16,34 @@ import DynamicFontScaling from '@site/static/usage/v8/layout/dynamic-font-scalin
 
 <DynamicFontScaling />
 
+## Enabling Dynamic Font Scaling in Ionic
+
+:::info
+This feature is currently opt-in on iOS. However, it will be enabled by default starting in Ionic 8 at which point the following CSS will no longer be necessary.
+:::
+
+Dynamic Font Scaling is already enabled by default on Android. Developers can enable it on iOS using the following steps:
+
+1. Ensure that the [typography.css](/docs/layout/global-stylesheets#typographycss) file is imported.
+2. Add the following CSS to a global stylesheet:
+
+```css
+html {
+  --ion-dynamic-font: var(--ion-default-dynamic-font);
+}
+```
+
+:::note
+Under the hood, Ionic sets the following CSS on iOS devices to enable Dynamic Font Scaling:
+
+```css
+html {
+  font: var(--ion-dynamic-font);
+}
+```
+
+:::
+
 ## Using Dynamic Font Scaling
 
 ### Enabling in an Application

diff --git a/scripts/data/translated-api.json b/scripts/data/translated-api.json
@@ -1131,7 +1131,7 @@
         {
           "name": "--button-color-disabled",
           "annotation": "prop",
-          "docs": "Color of the selected action sheet button when disabled"
+          "docs": "無効時の選択されたアクション・シート・ボタンの色"
         },
         {
           "name": "--button-color-focused",
@@ -8126,7 +8126,7 @@
         {
           "name": "--wheel-highlight-border-radius",
           "annotation": "prop",
-          "docs": "The border radius of the highlight under the selected item when using a wheel style layout, or in the month/year picker for grid style layouts."
+          "docs": "ホイールスタイルレイアウトの場合は選択された項目の下、グリッドスタイルレイアウトの場合は月/年ピッカーのハイライトの境界半径。"
         }
       ],
       "slots": [
@@ -9800,7 +9800,7 @@
           "mutable": false,
           "attr": "hide-icon",
           "reflectToAttr": false,
-          "docs": "The icon that can be used to represent hiding a password. If not set, the \"eyeOff\" Ionicon will be used.",
+          "docs": "パスワードの非表示を表すアイコン。設定されていない場合、\"eyeOff \"アイコンが使用される。",
           "docsTags": [],
           "values": [
             {
@@ -9845,7 +9845,7 @@
           "mutable": false,
           "attr": "show-icon",
           "reflectToAttr": false,
-          "docs": "The icon that can be used to represent showing a password. If not set, the \"eye\" Ionicon will be used.",
+          "docs": "パスワードを示すアイコン。設定されていない場合は、\"eye\"のアイコンが使用されます。",
           "docsTags": [],
           "values": [
             {
@@ -11279,7 +11279,7 @@
         {
           "name": "--highlight-height",
           "annotation": "prop",
-          "docs": "The height of the highlight on the input. Only applies to md mode."
+          "docs": "入力のハイライトの高さ。mdモードにのみ適用される。"
         },
         {
           "name": "--padding-bottom",
@@ -16366,7 +16366,7 @@
           },
           "signature": "getLength() => Promise<number>",
           "parameters": [],
-          "docs": "Returns the number of views in the stack.",
+          "docs": "スタック内のビューの数を返します。",
           "docsTags": []
         },
         {
@@ -17476,7 +17476,7 @@
           "mutable": false,
           "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "If `true`, the user cannot interact with the picker column option.",
+          "docs": "true`の場合、ユーザーはピッカー列オプションを操作できない。",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -17624,7 +17624,7 @@
           "mutable": false,
           "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "If `true`, the user cannot interact with the picker.",
+          "docs": "true`の場合、ユーザーはピッカーと対話することができない。",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -17667,7 +17667,7 @@
           "mutable": true,
           "attr": "value",
           "reflectToAttr": false,
-          "docs": "The selected option in the picker.",
+          "docs": "ピッカーで選択されているオプション。",
           "docsTags": [],
           "values": [
             {
@@ -17704,7 +17704,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "Sets focus on the scrollable container within the picker column.\nUse this method instead of the global `pickerColumn.focus()`.",
+          "docs": "ピッカーカラム内のスクロール可能なコンテナにフォーカスを設定します。グローバルメソッド `pickerColumn.focus()` の代わりにこのメソッドを使用します。",
           "docsTags": []
         }
       ],
@@ -17735,11 +17735,11 @@
       "slots": [
         {
           "name": "prefix",
-          "docs": "Content to show on the left side of the picker options."
+          "docs": "ピッカー・オプションの左側に表示するコンテンツ。"
         },
         {
           "name": "suffix",
-          "docs": "Content to show on the right side of the picker options."
+          "docs": "ピッカー・オプションの右側に表示するコンテンツ。"
         }
       ],
       "parts": [],
@@ -18557,17 +18557,17 @@
         {
           "name": "--fade-background-rgb",
           "annotation": "prop",
-          "docs": "Background of the gradient covering non-selected items in rgb format"
+          "docs": "非選択項目をカバーするグラデーションの背景（rgb形式"
         },
         {
           "name": "--highlight-background",
           "annotation": "prop",
-          "docs": "Background of the picker highlight for the selected item"
+          "docs": "選択されたアイテムのピッカー・ハイライトの背景"
         },
         {
           "name": "--highlight-border-radius",
           "annotation": "prop",
-          "docs": "Border radius of the picker highlight for the selected item"
+          "docs": "選択されたアイテムのピッカーハイライトの境界半径"
         }
       ],
       "slots": [],
@@ -25302,7 +25302,7 @@
         {
           "name": "--highlight-height",
           "annotation": "prop",
-          "docs": "The height of the highlight on the select. Only applies to md mode."
+          "docs": "セレクトのハイライトの高さ。mdモードにのみ適用される。"
         },
         {
           "name": "--padding-bottom",
@@ -28248,7 +28248,7 @@
         {
           "name": "--highlight-height",
           "annotation": "prop",
-          "docs": "The height of the highlight on the textarea. Only applies to md mode."
+          "docs": "テキストエリアのハイライトの高さ。mdモードにのみ適用される。"
         },
         {
           "name": "--padding-bottom",

diff --git a/scripts/data/translated-cache.json b/scripts/data/translated-cache.json
@@ -1361,4 +1361,4 @@
     "The height of the highlight on the select. Only applies to md mode.": "セレクトのハイライトの高さ。mdモードにのみ適用される。",
     "The height of the highlight on the textarea. Only applies to md mode.": "テキストエリアのハイライトの高さ。mdモードにのみ適用される。"
   }
-}
+}