From 1b674cf2807d901b9a5d8b99f6722dfbf5514119 Mon Sep 17 00:00:00 2001 From: Arkan Ahmedov Date: Tue, 12 May 2026 11:27:16 +0300 Subject: [PATCH] refactor: change caution type to warning in DocsAside components across multiple files --- docs/angular/src/content/en/components/avatar.mdx | 2 +- docs/angular/src/content/en/components/date-picker.mdx | 2 +- docs/angular/src/content/en/components/date-range-picker.mdx | 2 +- docs/angular/src/content/en/components/grid/grid.mdx | 4 ++-- .../en/components/interactivity/accessibility-compliance.mdx | 4 ++-- docs/angular/src/content/en/components/ripple.mdx | 2 +- docs/angular/src/content/en/components/slider/slider.mdx | 2 +- docs/angular/src/content/en/components/style-guide.mdx | 2 +- docs/angular/src/content/en/components/themes/index.mdx | 2 +- .../en/components/themes/misc/angular-material-theming.mdx | 2 +- .../content/en/components/themes/misc/bootstrap-theming.mdx | 2 +- docs/angular/src/content/en/components/themes/palettes.mdx | 2 +- .../src/content/en/components/themes/sass/palettes.mdx | 4 ++-- .../src/content/en/components/themes/sass/typography.mdx | 2 +- docs/angular/src/content/en/components/tile-manager.mdx | 2 +- docs/angular/src/content/en/components/time-picker.mdx | 2 +- docs/angular/src/content/jp/components/avatar.mdx | 2 +- docs/angular/src/content/jp/components/date-picker.mdx | 2 +- docs/angular/src/content/jp/components/date-range-picker.mdx | 2 +- docs/angular/src/content/jp/components/grid/grid.mdx | 4 ++-- .../jp/components/interactivity/accessibility-compliance.mdx | 4 ++-- docs/angular/src/content/jp/components/ripple.mdx | 2 +- docs/angular/src/content/jp/components/slider/slider.mdx | 2 +- docs/angular/src/content/jp/components/themes/index.mdx | 2 +- .../jp/components/themes/misc/angular-material-theming.mdx | 2 +- .../content/jp/components/themes/misc/bootstrap-theming.mdx | 2 +- docs/angular/src/content/jp/components/themes/palettes.mdx | 2 +- .../src/content/jp/components/themes/sass/palettes.mdx | 4 ++-- .../src/content/jp/components/themes/sass/typography.mdx | 2 +- docs/angular/src/content/jp/components/tile-manager.mdx | 2 +- docs/angular/src/content/jp/components/time-picker.mdx | 2 +- docs/xplat/package.json | 2 +- docs/xplat/src/content/en/components/editors/xdate-picker.mdx | 2 +- docs/xplat/src/content/en/components/inputs/checkbox.mdx | 2 +- .../xplat/src/content/en/components/inputs/combo/overview.mdx | 2 +- docs/xplat/src/content/en/components/inputs/radio.mdx | 2 +- docs/xplat/src/content/en/components/inputs/switch.mdx | 2 +- .../en/components/interactivity/accessibility-compliance.mdx | 4 ++-- docs/xplat/src/content/en/components/layouts/tile-manager.mdx | 2 +- docs/xplat/src/content/en/components/themes/palettes.mdx | 2 +- docs/xplat/src/content/jp/components/editors/xdate-picker.mdx | 2 +- .../src/content/jp/components/general-getting-started-oss.mdx | 2 +- docs/xplat/src/content/jp/components/inputs/checkbox.mdx | 2 +- .../xplat/src/content/jp/components/inputs/combo/overview.mdx | 2 +- docs/xplat/src/content/jp/components/inputs/radio.mdx | 2 +- docs/xplat/src/content/jp/components/inputs/switch.mdx | 2 +- .../jp/components/interactivity/accessibility-compliance.mdx | 4 ++-- docs/xplat/src/content/jp/components/themes/palettes.mdx | 2 +- 48 files changed, 56 insertions(+), 56 deletions(-) diff --git a/docs/angular/src/content/en/components/avatar.mdx b/docs/angular/src/content/en/components/avatar.mdx index 84c82d32ee..529cf75185 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 1c880023e7..e2cb49523e 100644 --- a/docs/angular/src/content/en/components/date-picker.mdx +++ b/docs/angular/src/content/en/components/date-picker.mdx @@ -333,7 +333,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 b2538b9a57..c07654f9ec 100644 --- a/docs/angular/src/content/en/components/date-range-picker.mdx +++ b/docs/angular/src/content/en/components/date-range-picker.mdx @@ -533,7 +533,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 4a8d57525f..417f756b36 100644 --- a/docs/angular/src/content/en/components/grid/grid.mdx +++ b/docs/angular/src/content/en/components/grid/grid.mdx @@ -414,7 +414,7 @@ const POJO = [{ ``` - + **The key values must not contain arrays**. If you use columns **the data keys must be identical.** @@ -582,7 +582,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 25005af2bc..5c9e7548a6 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 826053576c..45408f63a5 100644 --- a/docs/angular/src/content/en/components/ripple.mdx +++ b/docs/angular/src/content/en/components/ripple.mdx @@ -73,7 +73,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 f26017ac1b..6f4310ed5b 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 7911642653..752f1620f2 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 048d6404c3..625d566763 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 ae01852e21..cdf2151270 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 243422c919..7530bb8206 100644 --- a/docs/angular/src/content/en/components/time-picker.mdx +++ b/docs/angular/src/content/en/components/time-picker.mdx @@ -435,7 +435,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 8a6580cf09..ab31cd9d79 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 fc42bdb8e7..8acb5f4aca 100644 --- a/docs/angular/src/content/jp/components/date-picker.mdx +++ b/docs/angular/src/content/jp/components/date-picker.mdx @@ -335,7 +335,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 9dcefddecf..5ac38f1b0a 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 940e0f10be..8dfc1ea863 100644 --- a/docs/angular/src/content/jp/components/grid/grid.mdx +++ b/docs/angular/src/content/jp/components/grid/grid.mdx @@ -412,7 +412,7 @@ const POJO = [{ ``` - + **キー値に配列を含まないでください。** @@ -577,7 +577,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 3a3df16252..04fae33cde 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 c96f1e5004..0b852f590c 100644 --- a/docs/angular/src/content/jp/components/ripple.mdx +++ b/docs/angular/src/content/jp/components/ripple.mdx @@ -74,7 +74,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 4bc8af906c..25ee22980f 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 14637a55bc..c7b5965b43 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 a12aba6c18..4454260cc5 100644 --- a/docs/angular/src/content/jp/components/time-picker.mdx +++ b/docs/angular/src/content/jp/components/time-picker.mdx @@ -434,7 +434,7 @@ Time Picker の項目がコンポーネントのホスト**内**に適切にレ } ``` - + コンポーネントが [`Emulated`](themes/sass/component-themes.md#表示のカプセル化) ViewEncapsulation を使用している場合、`::ng-deep` を使用してこのカプセル化を解除する必要があります。 diff --git a/docs/xplat/package.json b/docs/xplat/package.json index 0d870093f1..b39ae975ee 100644 --- a/docs/xplat/package.json +++ b/docs/xplat/package.json @@ -67,7 +67,7 @@ "dependencies": { "astro": "^6.1.6", "docs-template": "file:../../", - "igniteui-astro-components": "^0.0.2", + "igniteui-astro-components": "file:../../../igniteui-astro-components", "sharp": "^0.34.2" }, "devDependencies": { diff --git a/docs/xplat/src/content/en/components/editors/xdate-picker.mdx b/docs/xplat/src/content/en/components/editors/xdate-picker.mdx index c53e373462..2f909cf10b 100644 --- a/docs/xplat/src/content/en/components/editors/xdate-picker.mdx +++ b/docs/xplat/src/content/en/components/editors/xdate-picker.mdx @@ -13,7 +13,7 @@ import ApiRef from 'igniteui-astro-components/components/mdx/ApiRef.astro'; The XDate Picker component allows users to use a drop-down calendar UI allowing the intuitive selection of a day, month and year. This can be helpful when an application user needs to select specific dates, and multiple editors can be combined to create a date-range UI. - + The `XDatePicker` component is deprecated from version diff --git a/docs/xplat/src/content/en/components/inputs/checkbox.mdx b/docs/xplat/src/content/en/components/inputs/checkbox.mdx index 240604c978..505b4d6aa7 100644 --- a/docs/xplat/src/content/en/components/inputs/checkbox.mdx +++ b/docs/xplat/src/content/en/components/inputs/checkbox.mdx @@ -124,7 +124,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 c333adfa92..6f1f207f2b 100644 --- a/docs/xplat/src/content/en/components/inputs/combo/overview.mdx +++ b/docs/xplat/src/content/en/components/inputs/combo/overview.mdx @@ -98,7 +98,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 c2ed524a48..10142fde03 100644 --- a/docs/xplat/src/content/en/components/inputs/radio.mdx +++ b/docs/xplat/src/content/en/components/inputs/radio.mdx @@ -141,7 +141,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 090331e590..399e731b83 100644 --- a/docs/xplat/src/content/en/components/inputs/switch.mdx +++ b/docs/xplat/src/content/en/components/inputs/switch.mdx @@ -123,7 +123,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 9661371e96..5644b97e84 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 47c60dbc95..608edde579 100644 --- a/docs/xplat/src/content/en/components/layouts/tile-manager.mdx +++ b/docs/xplat/src/content/en/components/layouts/tile-manager.mdx @@ -26,7 +26,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 832e9af908..13afcaf719 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/editors/xdate-picker.mdx b/docs/xplat/src/content/jp/components/editors/xdate-picker.mdx index 7a1e8dc482..fc4a7d6490 100644 --- a/docs/xplat/src/content/jp/components/editors/xdate-picker.mdx +++ b/docs/xplat/src/content/jp/components/editors/xdate-picker.mdx @@ -14,7 +14,7 @@ import ApiRef from 'igniteui-astro-components/components/mdx/ApiRef.astro'; XDate Picker コンポーネントは、ドロップダウン カレンダー UI を使用して日、月、年を直感的に選択できます。これは、アプリケーション ユーザーが特定の日付を選択する必要があり、複数のエディターを組み合わせて日付範囲 UI を作成する場合に便利です。 - + `XDatePicker` コンポーネントは、{ProductName} のバージョン 5.0.018.7.0 以降では非推奨です。サポートされている最新の {ProductName} Date Picker コンポーネントについては、「スケジュール」のそれぞれのページを参照してください。 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 babbf9fcc2..7b495f1542 100644 --- a/docs/xplat/src/content/jp/components/inputs/checkbox.mdx +++ b/docs/xplat/src/content/jp/components/inputs/checkbox.mdx @@ -125,7 +125,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 fcee0d6c7c..fbc6501869 100644 --- a/docs/xplat/src/content/jp/components/inputs/combo/overview.mdx +++ b/docs/xplat/src/content/jp/components/inputs/combo/overview.mdx @@ -100,7 +100,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 5a18de8b45..d6e2c74c7d 100644 --- a/docs/xplat/src/content/jp/components/inputs/radio.mdx +++ b/docs/xplat/src/content/jp/components/inputs/radio.mdx @@ -142,7 +142,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 5798dc008d..022a759257 100644 --- a/docs/xplat/src/content/jp/components/inputs/switch.mdx +++ b/docs/xplat/src/content/jp/components/inputs/switch.mdx @@ -125,7 +125,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 7d76cba09b..db085b8812 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 9d48cd0428..65d2f3fbd2 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 ApiRef from 'igniteui-astro-components/components/mdx/ApiRef.astro'; すべてのプライマリ カラー バリエーションは、1 つの基本変数カラー バリエーション `--ig-primary-500` から派生します。他のカラー変数 (`--ig-secondary-500`、`--ig-surface-500` など) にも同様のことが当てはまります。他のバリエーションは、メイン変数カラー バリエーション `500` を受け取り、割り当てられた変数バリエーション (`600`、`700` など) に応じて `saturation` と `lightness` を変更する相対カラー関数 `hsl()` によって生成されます。`primary`、`secondary`、`surface`、またはその他のカラーのすべてのバリエーションを実行時に変更できるため、この方法を使用することにしました。 - + コントラスト カラーは他の部分のように CSS 実行時に生成されないため、メイン カラー バリエーション (`500`) を変更しても、コントラスト カラーは更新されません。手動で変更する必要があります。この動作は今後のリリースで改善され、コントラスト カラーも CSS 実行時に計算されるようになります。