diff --git a/docs/angular/src/content/en/components/avatar.mdx b/docs/angular/src/content/en/components/avatar.mdx index 299c7d61ba..9af79a5e8d 100644 --- a/docs/angular/src/content/en/components/avatar.mdx +++ b/docs/angular/src/content/en/components/avatar.mdx @@ -108,7 +108,7 @@ igx-avatar { ``` - + The `roundShape` property of the `igx-avatar` component have been deprecated. The `shape` attribute should be used instead. diff --git a/docs/angular/src/content/en/components/date-picker.mdx b/docs/angular/src/content/en/components/date-picker.mdx index 775be26d07..433263a276 100644 --- a/docs/angular/src/content/en/components/date-picker.mdx +++ b/docs/angular/src/content/en/components/date-picker.mdx @@ -337,7 +337,7 @@ The last step is to pass the custom Date Picker theme: } ``` - + If the component is using an [`Emulated`](/themes/sass/component-themes#view-encapsulation) ViewEncapsulation, it is necessary to `penetrate` this encapsulation using `::ng-deep` diff --git a/docs/angular/src/content/en/components/date-range-picker.mdx b/docs/angular/src/content/en/components/date-range-picker.mdx index 4de9267086..04ac96bf02 100644 --- a/docs/angular/src/content/en/components/date-range-picker.mdx +++ b/docs/angular/src/content/en/components/date-range-picker.mdx @@ -612,7 +612,7 @@ The last step is to pass the custom themes: } ``` - + If the component is using an [`Emulated`](/themes/sass/component-themes#view-encapsulation) ViewEncapsulation, it is necessary to `penetrate` this encapsulation using `::ng-deep` diff --git a/docs/angular/src/content/en/components/grid/grid.mdx b/docs/angular/src/content/en/components/grid/grid.mdx index 29a78bc2ad..02e6e6adc6 100644 --- a/docs/angular/src/content/en/components/grid/grid.mdx +++ b/docs/angular/src/content/en/components/grid/grid.mdx @@ -416,7 +416,7 @@ const POJO = [{ ``` - + **The key values must not contain arrays**. If you use columns **the data keys must be identical.** @@ -584,7 +584,7 @@ the default functionality that you would expect from the grid. That is all sorting and filtering operations work out of the box without any additional configuration. Same goes for grouping and editing operations with or without transactions as well as the ability to template the cells of the bound column. - + The grids **do not** support this kind of binding for `primary key`, `foreign key` and `child key` properties where applicable. diff --git a/docs/angular/src/content/en/components/interactivity/accessibility-compliance.mdx b/docs/angular/src/content/en/components/interactivity/accessibility-compliance.mdx index 1fdfe9c5f5..c89c8c78fa 100644 --- a/docs/angular/src/content/en/components/interactivity/accessibility-compliance.mdx +++ b/docs/angular/src/content/en/components/interactivity/accessibility-compliance.mdx @@ -85,7 +85,7 @@ The matrix below provides a high-level outline of the accessibility support prov ||The control/component is not entirely accessible unless you perform some sort of action.|| |'white space'|this particular rule does not apply to the control|| - + The table above is relevant only to the **Default theme** of Ignite UI for Angular theming library. The checklist compliance might be different when it comes to custom themes, typography and any visual changes related to animations and colors. @@ -168,7 +168,7 @@ The table above is relevant only to the **Default theme** of Ignite UI for Angul ||The control/component is not entirely accessible unless you perform some sort of action.|| |'white space'|this particular rule does not apply to the control|| - + The table above is relevant only to the **Default theme** of Ignite UI for Angular theming library. The checklist compliance might be different when it comes to custom themes, typography and any visual changes related to animations and colors. diff --git a/docs/angular/src/content/en/components/ripple.mdx b/docs/angular/src/content/en/components/ripple.mdx index 1e04540d07..3f15029a37 100644 --- a/docs/angular/src/content/en/components/ripple.mdx +++ b/docs/angular/src/content/en/components/ripple.mdx @@ -72,7 +72,7 @@ export class HomeComponent {} Now that you have the Ignite UI for Angular Ripple module or directive imported, you can start using the `igxRipple` directive. - + The uses the Web Animation API and runs natively on [browsers that support it.](http://caniuse.com/#feat=web-animation) The `web-animations.min.js` polyfill is [available](https://github.com/web-animations/web-animations-js) for other browsers. diff --git a/docs/angular/src/content/en/components/slider/slider.mdx b/docs/angular/src/content/en/components/slider/slider.mdx index 7771e78dea..4c07b9086c 100644 --- a/docs/angular/src/content/en/components/slider/slider.mdx +++ b/docs/angular/src/content/en/components/slider/slider.mdx @@ -33,7 +33,7 @@ For a complete introduction to the Ignite UI for Angular, read the [_getting sta The next step is to import the `IgxSliderModule` in your **app.module.ts** file. - + **This component can utilize the [`HammerModule`](https://angular.io/api/platform-browser/HammerModule) **optionally**. It can be imported in the root module of the application in order for touch interactions to work as expected.**. diff --git a/docs/angular/src/content/en/components/style-guide.mdx b/docs/angular/src/content/en/components/style-guide.mdx index 7ee692b88f..98b6b71853 100644 --- a/docs/angular/src/content/en/components/style-guide.mdx +++ b/docs/angular/src/content/en/components/style-guide.mdx @@ -161,7 +161,7 @@ Structured statements like for `x =1 to 10` loop structures - + This is some Note Text that spreads across two lines diff --git a/docs/angular/src/content/en/components/themes/index.mdx b/docs/angular/src/content/en/components/themes/index.mdx index 2ca27d85f2..3ea5c5000c 100644 --- a/docs/angular/src/content/en/components/themes/index.mdx +++ b/docs/angular/src/content/en/components/themes/index.mdx @@ -82,7 +82,7 @@ Let's break down the names of these color variables. The `ig` prefix is there as Changing these variants, you can completely overhaul the entire palette. - + Some components do not use colors from the palettes. In those instances, you will have to target the component CSS variables directly to modify their colors. To find out which palette colors are used by what component, take a look at the [Components Documentation]({environment:sassApiUrl}/themes). diff --git a/docs/angular/src/content/en/components/themes/misc/angular-material-theming.mdx b/docs/angular/src/content/en/components/themes/misc/angular-material-theming.mdx index aa613f5614..e3c46b0c83 100644 --- a/docs/angular/src/content/en/components/themes/misc/angular-material-theming.mdx +++ b/docs/angular/src/content/en/components/themes/misc/angular-material-theming.mdx @@ -261,7 +261,7 @@ For the Angular Material components, we also need to include their `core` mixin } ``` - + Be sure to place the above code inside the `::ng-deep` selector to `penetrate` the [`Emulated`](../sass/component-themes/#view-encapsulation) ViewEncapsulation. diff --git a/docs/angular/src/content/en/components/themes/misc/bootstrap-theming.mdx b/docs/angular/src/content/en/components/themes/misc/bootstrap-theming.mdx index c0daad1ce2..eaa24f8410 100644 --- a/docs/angular/src/content/en/components/themes/misc/bootstrap-theming.mdx +++ b/docs/angular/src/content/en/components/themes/misc/bootstrap-theming.mdx @@ -311,7 +311,7 @@ Lastly, we need to import the Bootstrap library - _always import it at the end!_ Once we are done with modifying the `$theme-colors` map, the bootstrap components will already use the colors from the igx `$light-bootstrap-palette` for the light mode, and `$custom-dark-palette` for the dark one. - + Be sure to place the above code inside the `::ng-deep` selector to `penetrate` the [`Emulated`](/themes/sass/component-themes#view-encapsulation) ViewEncapsulation. diff --git a/docs/angular/src/content/en/components/themes/palettes.mdx b/docs/angular/src/content/en/components/themes/palettes.mdx index a57c831cf8..e666ca4381 100644 --- a/docs/angular/src/content/en/components/themes/palettes.mdx +++ b/docs/angular/src/content/en/components/themes/palettes.mdx @@ -151,7 +151,7 @@ igx-avatar { ## Dark vs. Light - + The colors that have the biggest impact on foreground and background colors are `gray` and `surface`. These two colors will be displayed against one another in most cases. For that reason the `surface` color should always contrast the `gray`. diff --git a/docs/angular/src/content/en/components/themes/sass/palettes.mdx b/docs/angular/src/content/en/components/themes/sass/palettes.mdx index 5e80996439..3104a7a7b5 100644 --- a/docs/angular/src/content/en/components/themes/sass/palettes.mdx +++ b/docs/angular/src/content/en/components/themes/sass/palettes.mdx @@ -30,7 +30,7 @@ $melon-palette: palette( ); ``` - + The value you pass to `$primary`, `$secondary` and `surface` or any other color **must be of type color**. You cannot pass CSS variables as arguments as those can't be resolved at Sass build-time. @@ -148,7 +148,7 @@ $handmade-palette: ( ``` - + It's important to set the map keys as strings, explicitly between quotation marks - `'primary'`, `'secondary'`, `'gray'`, etc. The same applies for all color variants - `500`, `500-contrast`, etc. diff --git a/docs/angular/src/content/en/components/themes/sass/typography.mdx b/docs/angular/src/content/en/components/themes/sass/typography.mdx index 58578818c9..386dad5113 100644 --- a/docs/angular/src/content/en/components/themes/sass/typography.mdx +++ b/docs/angular/src/content/en/components/themes/sass/typography.mdx @@ -168,7 +168,7 @@ $my-type-scale: extend( @include typography($type-scale: $my-type-scale); ``` - + The above code will modify the `h6` scale category globally, which will affect the look and feel of all components that use the `h6` scale. This is done for consistency so that all `h6` elements look the same across your app. We understand that you may want to apply the modification for `h6` to specific components only, like the `igx-card` component in our case. This is why every component has its own typography mixin, which accepts a category configuration. diff --git a/docs/angular/src/content/en/components/tile-manager.mdx b/docs/angular/src/content/en/components/tile-manager.mdx index 55d7002e0a..73915dd06f 100644 --- a/docs/angular/src/content/en/components/tile-manager.mdx +++ b/docs/angular/src/content/en/components/tile-manager.mdx @@ -20,7 +20,7 @@ The following Ignite UI for Angular Tile Manager Example shows the component in
- + Due to the iframe permissions policy, the fullscreen button in this example will only work when the example is opened in standalone mode by clicking the 'Expand to fullscreen' button in the top-right corner. diff --git a/docs/angular/src/content/en/components/time-picker.mdx b/docs/angular/src/content/en/components/time-picker.mdx index 5ae0a24c57..4f3de8f04f 100644 --- a/docs/angular/src/content/en/components/time-picker.mdx +++ b/docs/angular/src/content/en/components/time-picker.mdx @@ -440,7 +440,7 @@ In order to learn more about the various options for providing themes to element } ``` - + If the component is using an [`Emulated`](/themes/sass/component-themes#view-encapsulation) ViewEncapsulation, it is necessary to `penetrate` this encapsulation using `::ng-deep` diff --git a/docs/angular/src/content/jp/components/avatar.mdx b/docs/angular/src/content/jp/components/avatar.mdx index c620660cd1..3860c0c156 100644 --- a/docs/angular/src/content/jp/components/avatar.mdx +++ b/docs/angular/src/content/jp/components/avatar.mdx @@ -109,7 +109,7 @@ igx-avatar { ``` - + `igx-avatar` コンポーネントの `roundShape` プロパティは廃止されました。代わりに `shape` 属性を使用する必要があります。 diff --git a/docs/angular/src/content/jp/components/date-picker.mdx b/docs/angular/src/content/jp/components/date-picker.mdx index 65cf83572a..9fb1d4adec 100644 --- a/docs/angular/src/content/jp/components/date-picker.mdx +++ b/docs/angular/src/content/jp/components/date-picker.mdx @@ -339,7 +339,7 @@ $custom-datepicker-theme: calendar-theme( } ``` - + コンポーネントが [`Emulated`](themes/sass/component-themes.md#表示のカプセル化) ViewEncapsulation を使用している場合、`::ng-deep` を使用してこのカプセル化を解除する必要があります。 diff --git a/docs/angular/src/content/jp/components/date-range-picker.mdx b/docs/angular/src/content/jp/components/date-range-picker.mdx index 9fb82d5eb9..f55e97785b 100644 --- a/docs/angular/src/content/jp/components/date-range-picker.mdx +++ b/docs/angular/src/content/jp/components/date-range-picker.mdx @@ -533,7 +533,7 @@ $custom-calendar-theme: calendar-theme( } ``` - + コンポーネントが [`Emulated`](themes/sass/component-themes.md#表示のカプセル化) ViewEncapsulation を使用している場合、`::ng-deep` を使用してこのカプセル化を解除する必要があります。 diff --git a/docs/angular/src/content/jp/components/grid/grid.mdx b/docs/angular/src/content/jp/components/grid/grid.mdx index dffc814999..78e1082556 100644 --- a/docs/angular/src/content/jp/components/grid/grid.mdx +++ b/docs/angular/src/content/jp/components/grid/grid.mdx @@ -416,7 +416,7 @@ const POJO = [{ ``` - + **キー値に配列を含まないでください。** @@ -581,7 +581,7 @@ interface AminoAcid { 詳しくは、以下のサンプルを参照してください。このバインディングのタイプは、グリッドに期待されるすべてのデフォルト機能をサポートします。 つまり、追加の構成を行わなくても、すべてのソートおよびフィルタリング操作がそのまま使用できます。トランザクションの有無に関係なく、グループ化と編集の操作、およびバインドされた列のセルをテンプレート化する機能についても同様です。 - + グリッドは、`primary key`、`foreign key` および `child key` プロパティのこの種のバインディングを**サポートしていません**。 diff --git a/docs/angular/src/content/jp/components/interactivity/accessibility-compliance.mdx b/docs/angular/src/content/jp/components/interactivity/accessibility-compliance.mdx index 4745630e2a..371ff0ac31 100644 --- a/docs/angular/src/content/jp/components/interactivity/accessibility-compliance.mdx +++ b/docs/angular/src/content/jp/components/interactivity/accessibility-compliance.mdx @@ -86,7 +86,7 @@ import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro' ||コントロール/コンポーネント: 一部の種類のアクションを実行しない限り、完全にはユーザー補助に対応しません。|| |'空白'|この特定の規則はコントロールに適用されません。|| - + 上記のテーブルは、Ignite UI for Angular テーマ ライブラリのデフォルト テーマにのみ関連しています。カスタム テーマ、タイポグラフィ、およびアニメーションと色に関連する視覚的な変更に関しては、チェックリストへの準拠が異なる場合があります。 @@ -169,7 +169,7 @@ import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro' ||コントロール/コンポーネント: 一部の種類のアクションを実行しない限り、完全にはユーザー補助に対応しません。|| |'空白'|この特定の規則はコントロールに適用されません。|| - + 上記のテーブルは、Ignite UI for Angular テーマ ライブラリのデフォルト テーマにのみ関連しています。カスタム テーマ、タイポグラフィ、およびアニメーションと色に関連する視覚的な変更に関しては、チェックリストへの準拠が異なる場合があります。 diff --git a/docs/angular/src/content/jp/components/ripple.mdx b/docs/angular/src/content/jp/components/ripple.mdx index 0aec3fa5c4..42953b3602 100644 --- a/docs/angular/src/content/jp/components/ripple.mdx +++ b/docs/angular/src/content/jp/components/ripple.mdx @@ -73,7 +73,7 @@ export class HomeComponent {} Ignite UI for Angular Ripple モジュールまたはディレクティブをインポートしたので、`igxRipple` ディレクティブの使用を開始できます。 - + は Web Animation API を使用し、[サポートされるブラウザー](http://caniuse.com/#feat=web-animation)でネイティブに実行します。 その他のブラウザーでは `web-animations.min.js` [ポリフィル](https://github.com/web-animations/web-animations-js)を使用します。 diff --git a/docs/angular/src/content/jp/components/slider/slider.mdx b/docs/angular/src/content/jp/components/slider/slider.mdx index 772303a340..621a2b9ecb 100644 --- a/docs/angular/src/content/jp/components/slider/slider.mdx +++ b/docs/angular/src/content/jp/components/slider/slider.mdx @@ -34,7 +34,7 @@ Ignite UI for Angular については、「[はじめに](../general/getting-sta 次に、**app.module.ts** ファイルに `IgxSliderModule` をインポートします。 - + このコンポーネントは、**オプションで** [`HammerModule`](https://angular.io/api/platform-browser/HammerModule) を利用できます。タッチ操作が正しく動作するために、アプリケーションのルート モジュールにインポートできます。 diff --git a/docs/angular/src/content/jp/components/themes/index.mdx b/docs/angular/src/content/jp/components/themes/index.mdx index e6c3e823b6..ceffed32b7 100644 --- a/docs/angular/src/content/jp/components/themes/index.mdx +++ b/docs/angular/src/content/jp/components/themes/index.mdx @@ -83,7 +83,7 @@ Sass が適切でない場合は、[カスタム CSS プロパティ](https://de これらのバリエーションを変更すると、パレット全体を完全に見直すことができます。 - + 一部のコンポーネントは、パレットのカラーを使用しません。そのような場合、カラーを変更するには、コンポーネントの CSS 変数を直接ターゲットにする必要があります。 どのパレットのカラーがどのコンポーネントで使用されているかを確認するには、コンポーネントの[ドキュメント]({environment:sassApiUrl}/themes)を参照してください。 diff --git a/docs/angular/src/content/jp/components/themes/misc/angular-material-theming.mdx b/docs/angular/src/content/jp/components/themes/misc/angular-material-theming.mdx index 25ae74871f..2ae6b12cae 100644 --- a/docs/angular/src/content/jp/components/themes/misc/angular-material-theming.mdx +++ b/docs/angular/src/content/jp/components/themes/misc/angular-material-theming.mdx @@ -262,7 +262,7 @@ Angular Material コンポーネントの場合、前述のカスタム マテ } ``` - + [`Emulated`](../sass/component-themes.md#表示のカプセル化) ViewEncapsulation を`解除する`ために、上記のコードを `::ng-deep` セレクター内に配置してください。 diff --git a/docs/angular/src/content/jp/components/themes/misc/bootstrap-theming.mdx b/docs/angular/src/content/jp/components/themes/misc/bootstrap-theming.mdx index 515653bcd0..feb5189575 100644 --- a/docs/angular/src/content/jp/components/themes/misc/bootstrap-theming.mdx +++ b/docs/angular/src/content/jp/components/themes/misc/bootstrap-theming.mdx @@ -312,7 +312,7 @@ Ignite UI for Angular のすべてのコンポーネントは渡されたパレ `$theme-colors` マップの変更終了後、bootstrap コンポーネントはすでに igx `$light-bootstrap-palette` のカラーを light モードに使用し、`$custom-dark-palette` を dark モードに使用します。 - + [`Emulated`](../sass/component-themes.md#表示のカプセル化) ViewEncapsulation を`解除する`ために、上記のコードを `::ng-deep` セレクター内に配置してください。 diff --git a/docs/angular/src/content/jp/components/themes/palettes.mdx b/docs/angular/src/content/jp/components/themes/palettes.mdx index 631fd7194c..65bbd2f8e1 100644 --- a/docs/angular/src/content/jp/components/themes/palettes.mdx +++ b/docs/angular/src/content/jp/components/themes/palettes.mdx @@ -152,7 +152,7 @@ igx-avatar { ## 明暗 (Dark/Light) - + 前景色と背景色に最も大きな影響を与える色は、`gray` と `surface` です。ほとんどの場合、これら 2 つの色は互いに対比して表示されます。そのため、`surface` の色は常に `gray` と対照的である必要があります。 diff --git a/docs/angular/src/content/jp/components/themes/sass/palettes.mdx b/docs/angular/src/content/jp/components/themes/sass/palettes.mdx index fa7dec8bcb..d23ef2210b 100644 --- a/docs/angular/src/content/jp/components/themes/sass/palettes.mdx +++ b/docs/angular/src/content/jp/components/themes/sass/palettes.mdx @@ -31,7 +31,7 @@ $melon-palette: palette( ); ``` - + `$primary`、`$secondary`、`surface`、またはその他のカラーに渡す値は、**color タイプである必要があります**。CSS 変数は Sass ビルド時に解決できないため、引数として渡すことはできません。 @@ -149,7 +149,7 @@ $handmade-palette: ( ``` - + マップ キーを文字列として明示的に引用符で囲んで設定することが重要です (例: `'primary'`、`'secondary'`、`'gray'`)。同じことがすべてのカラー バリエーションにも当てはまります (例: `500`、`500-contrast`)。 diff --git a/docs/angular/src/content/jp/components/themes/sass/typography.mdx b/docs/angular/src/content/jp/components/themes/sass/typography.mdx index ca60c2eb80..823f5fd83c 100644 --- a/docs/angular/src/content/jp/components/themes/sass/typography.mdx +++ b/docs/angular/src/content/jp/components/themes/sass/typography.mdx @@ -169,7 +169,7 @@ $my-type-scale: extend( @include typography($type-scale: $my-type-scale); ``` - + 上記コードは `h6` スケール カテゴリをグローバルに変更するため、`h6` を使用するすべてのコンポーネントのルックアンドフィールに影響します。すべての `h6` 要素の外観が同じになるため、アプリ全体が統一した外観になります。`h6` の変更を特定のコンポーネント (`igx-card` コンポーネントなど) にのみ適用する場合があります。すべてのコンポーネントにタイポグラフィ ミックスインがあり、カテゴリ構成を受け入れます。 diff --git a/docs/angular/src/content/jp/components/tile-manager.mdx b/docs/angular/src/content/jp/components/tile-manager.mdx index 027d625202..457d4a8b15 100644 --- a/docs/angular/src/content/jp/components/tile-manager.mdx +++ b/docs/angular/src/content/jp/components/tile-manager.mdx @@ -22,7 +22,7 @@ Tile Manager コンポーネントを使用すると、コンテンツを個々
- + iframe の権限ポリシーにより、この例のフルスクリーン ボタンは、右上隅の Expand to fullscreen (フルスクリーンに展開) ボタンをクリックしてスタンドアロン モードで例を開いた場合にのみ機能します。 diff --git a/docs/angular/src/content/jp/components/time-picker.mdx b/docs/angular/src/content/jp/components/time-picker.mdx index 6ee0ca98da..2563b97d57 100644 --- a/docs/angular/src/content/jp/components/time-picker.mdx +++ b/docs/angular/src/content/jp/components/time-picker.mdx @@ -435,7 +435,7 @@ Time Picker の項目がコンポーネントのホスト**内**に適切にレ } ``` - + コンポーネントが [`Emulated`](themes/sass/component-themes.md#表示のカプセル化) ViewEncapsulation を使用している場合、`::ng-deep` を使用してこのカプセル化を解除する必要があります。 diff --git a/docs/xplat/src/content/en/components/inputs/checkbox.mdx b/docs/xplat/src/content/en/components/inputs/checkbox.mdx index 622f2c15b1..619458e8e6 100644 --- a/docs/xplat/src/content/en/components/inputs/checkbox.mdx +++ b/docs/xplat/src/content/en/components/inputs/checkbox.mdx @@ -123,7 +123,7 @@ The simplest way to start using the is as follows: - + The component doesn't work with the standard `
` element. Use `Form` instead. diff --git a/docs/xplat/src/content/en/components/inputs/combo/overview.mdx b/docs/xplat/src/content/en/components/inputs/combo/overview.mdx index 6b76396287..7c8cedbab8 100644 --- a/docs/xplat/src/content/en/components/inputs/combo/overview.mdx +++ b/docs/xplat/src/content/en/components/inputs/combo/overview.mdx @@ -97,7 +97,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css'; - + The `Combo` component doesn't work with the standard `` element. Use `Form` instead. diff --git a/docs/xplat/src/content/en/components/inputs/radio.mdx b/docs/xplat/src/content/en/components/inputs/radio.mdx index 8282bb7338..4944b333eb 100644 --- a/docs/xplat/src/content/en/components/inputs/radio.mdx +++ b/docs/xplat/src/content/en/components/inputs/radio.mdx @@ -140,7 +140,7 @@ The simplest way to start using the is as follows: - + The component doesn't work with the standard `` element. Use `Form` instead. diff --git a/docs/xplat/src/content/en/components/inputs/switch.mdx b/docs/xplat/src/content/en/components/inputs/switch.mdx index 5ed6db1948..abeb7d7ed1 100644 --- a/docs/xplat/src/content/en/components/inputs/switch.mdx +++ b/docs/xplat/src/content/en/components/inputs/switch.mdx @@ -122,7 +122,7 @@ The simplest way to start using the `Switch` is as follows: - + The `Switch` component doesn't work with the standard `` element. Use `Form` instead. diff --git a/docs/xplat/src/content/en/components/interactivity/accessibility-compliance.mdx b/docs/xplat/src/content/en/components/interactivity/accessibility-compliance.mdx index 6d7c64cfeb..35389be264 100644 --- a/docs/xplat/src/content/en/components/interactivity/accessibility-compliance.mdx +++ b/docs/xplat/src/content/en/components/interactivity/accessibility-compliance.mdx @@ -85,7 +85,7 @@ The matrix below provides a high-level outline of the accessibility support prov ||The control/component is not entirely accessible unless you perform some sort of action.|| |'white space'|this particular rule does not apply to the control|| - + The table above is relevant only to the **Default theme** of Ignite UI for {Platform} theming library. The checklist compliance might be different when it comes to custom themes, typography and any visual changes related to animations and colors. @@ -168,7 +168,7 @@ The table above is relevant only to the **Default theme** of Ignite UI for {Plat ||The control/component is not entirely accessible unless you perform some sort of action.|| |'white space'|this particular rule does not apply to the control|| - + The table above is relevant only to the **Default theme** of Ignite UI for {Platform} theming library. The checklist compliance might be different when it comes to custom themes, typography and any visual changes related to animations and colors. diff --git a/docs/xplat/src/content/en/components/layouts/tile-manager.mdx b/docs/xplat/src/content/en/components/layouts/tile-manager.mdx index e871ed4c3a..b61c0e932d 100644 --- a/docs/xplat/src/content/en/components/layouts/tile-manager.mdx +++ b/docs/xplat/src/content/en/components/layouts/tile-manager.mdx @@ -25,7 +25,7 @@ The following {ProductName} Tile Manager Example shows the component in action. - + Due to the iframe permissions policy, the fullscreen button in this example will only work when the example is opened in standalone mode by clicking the 'Expand to fullscreen' button in the top-right corner. diff --git a/docs/xplat/src/content/en/components/themes/palettes.mdx b/docs/xplat/src/content/en/components/themes/palettes.mdx index d948d1d9b7..c59d04255c 100644 --- a/docs/xplat/src/content/en/components/themes/palettes.mdx +++ b/docs/xplat/src/content/en/components/themes/palettes.mdx @@ -75,7 +75,7 @@ Here's an excerpt of the `primary` color as declared in the Light Bootstrap Pale All primary color variants are derived from one base variable color variant `--ig-primary-500`. The same goes for the other color variables `--ig-secondary-500`, `--ig-surface-500`, etc. The other variants are generated through the relative color function `hsl()` which takes the main variable color variant `500` and changes it's `staturation` and `lightness` according to the variable variant which is assigned on (`600`,`700`, etc.). We decided to use this approach as it allows us to modify all variants of the `primary`, `secondary`, `surface` and other colors at runtime. - + Because the contrast colors are not generated at CSS runtime like the rest, if we change the main color variant(`500`), the contrast color would not be updated. We would need to change them manually. This behavior will be improved upon in an upcoming release, where the contrast colors will also be calculated at CSS runtime. diff --git a/docs/xplat/src/content/jp/components/general-getting-started-oss.mdx b/docs/xplat/src/content/jp/components/general-getting-started-oss.mdx index 595915fcf0..4e5c2bfd7d 100644 --- a/docs/xplat/src/content/jp/components/general-getting-started-oss.mdx +++ b/docs/xplat/src/content/jp/components/general-getting-started-oss.mdx @@ -38,7 +38,7 @@ import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBloc IgniteUI.Blazor.Lite パッケージには、NuGet 経由で配信されるオープン ソース UI コンポーネントが含まれています。 - + **IgniteUI.Blazor** パッケージと **IgniteUI.Blazor.Lite** パッケージを同じプロジェクトで組み合わせないでください。これらは同じ名前空間を使用し、重複するコンポーネントが含まれているため、いずれか 1 つのみを使用する必要があります。 diff --git a/docs/xplat/src/content/jp/components/inputs/checkbox.mdx b/docs/xplat/src/content/jp/components/inputs/checkbox.mdx index 92206540d1..333c6bd99b 100644 --- a/docs/xplat/src/content/jp/components/inputs/checkbox.mdx +++ b/docs/xplat/src/content/jp/components/inputs/checkbox.mdx @@ -124,7 +124,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbCheckboxModule)); - + コンポーネントは標準の `` 要素では機能しません。代わりに `Form` を使用してください。 diff --git a/docs/xplat/src/content/jp/components/inputs/combo/overview.mdx b/docs/xplat/src/content/jp/components/inputs/combo/overview.mdx index 4ad0c54d1b..b7140c1276 100644 --- a/docs/xplat/src/content/jp/components/inputs/combo/overview.mdx +++ b/docs/xplat/src/content/jp/components/inputs/combo/overview.mdx @@ -99,7 +99,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css'; - + `Combo` コンポーネントは標準の `` 要素では機能しません。代わりに `Form` を使用してください。 diff --git a/docs/xplat/src/content/jp/components/inputs/radio.mdx b/docs/xplat/src/content/jp/components/inputs/radio.mdx index fe5e7660fa..fa8c776831 100644 --- a/docs/xplat/src/content/jp/components/inputs/radio.mdx +++ b/docs/xplat/src/content/jp/components/inputs/radio.mdx @@ -141,7 +141,7 @@ builder.Services.AddIgniteUIBlazor( - + コンポーネントは標準の `` 要素では機能しません。代わりに `Form` を使用してください。 diff --git a/docs/xplat/src/content/jp/components/inputs/switch.mdx b/docs/xplat/src/content/jp/components/inputs/switch.mdx index 8204e369c6..081602519a 100644 --- a/docs/xplat/src/content/jp/components/inputs/switch.mdx +++ b/docs/xplat/src/content/jp/components/inputs/switch.mdx @@ -124,7 +124,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbSwitchModule)); - + `Switch` コンポーネントは標準の `` 要素では機能しません。代わりに `Form` を使用してください。 diff --git a/docs/xplat/src/content/jp/components/interactivity/accessibility-compliance.mdx b/docs/xplat/src/content/jp/components/interactivity/accessibility-compliance.mdx index 1eaadb665a..823f09b568 100644 --- a/docs/xplat/src/content/jp/components/interactivity/accessibility-compliance.mdx +++ b/docs/xplat/src/content/jp/components/interactivity/accessibility-compliance.mdx @@ -86,7 +86,7 @@ import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro' ||コントロール/コンポーネント: 一部の種類のアクションを実行しない限り、完全にはユーザー補助に対応しません。|| |'空白'|この特定の規則はコントロールに適用されません。|| - + 上記のテーブルは、Ignite UI for {Platform} テーマ ライブラリのデフォルト テーマにのみ関連しています。カスタム テーマ、タイポグラフィ、およびアニメーションと色に関連する視覚的な変更に関しては、チェックリストへの準拠が異なる場合があります。 @@ -169,7 +169,7 @@ import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro' ||コントロール/コンポーネント: 一部の種類のアクションを実行しない限り、完全にはユーザー補助に対応しません。|| |'空白'|この特定の規則はコントロールに適用されません。|| - + 上記のテーブルは、Ignite UI for {Platform} テーマ ライブラリのデフォルト テーマにのみ関連しています。カスタム テーマ、タイポグラフィ、およびアニメーションと色に関連する視覚的な変更に関しては、チェックリストへの準拠が異なる場合があります。 diff --git a/docs/xplat/src/content/jp/components/themes/palettes.mdx b/docs/xplat/src/content/jp/components/themes/palettes.mdx index bf7e2584c6..25bf0b266a 100644 --- a/docs/xplat/src/content/jp/components/themes/palettes.mdx +++ b/docs/xplat/src/content/jp/components/themes/palettes.mdx @@ -77,7 +77,7 @@ import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro' すべてのプライマリ カラー バリエーションは、1 つの基本変数カラー バリエーション `--ig-primary-500` から派生します。他のカラー変数 (`--ig-secondary-500`、`--ig-surface-500` など) にも同様のことが当てはまります。他のバリエーションは、メイン変数カラー バリエーション `500` を受け取り、割り当てられた変数バリエーション (`600`、`700` など) に応じて `saturation` と `lightness` を変更する相対カラー関数 `hsl()` によって生成されます。`primary`、`secondary`、`surface`、またはその他のカラーのすべてのバリエーションを実行時に変更できるため、この方法を使用することにしました。 - + コントラスト カラーは他の部分のように CSS 実行時に生成されないため、メイン カラー バリエーション (`500`) を変更しても、コントラスト カラーは更新されません。手動で変更する必要があります。この動作は今後のリリースで改善され、コントラスト カラーも CSS 実行時に計算されるようになります。