diff --git a/samples/grids/list/add-list-items/src/index.tsx b/samples/grids/list/add-list-items/src/index.tsx index 67d21a75b6..6d6e197512 100644 --- a/samples/grids/list/add-list-items/src/index.tsx +++ b/samples/grids/list/add-list-items/src/index.tsx @@ -18,13 +18,13 @@ export default class ListAddListItems extends React.Component { Header -

Item 1

+ Item 1 -

Item 2

+ Item 2 -

Item 3

+ Item 3 diff --git a/samples/grids/list/list-item-content/src/index.tsx b/samples/grids/list/list-item-content/src/index.tsx index 3d58052ad2..926424bb9d 100644 --- a/samples/grids/list/list-item-content/src/index.tsx +++ b/samples/grids/list/list-item-content/src/index.tsx @@ -18,15 +18,15 @@ export default class ListItemContent extends React.Component { Contacts -

Terrance Orta

+ Terrance Orta 770-504-2217 -

Richard Mahoney

+ Richard Mahoney 423-676-2869 -

Donna Price

+ Donna Price 859-496-2817 diff --git a/samples/grids/list/overview/src/index.tsx b/samples/grids/list/overview/src/index.tsx index 168e2904d9..d3aec62b2e 100644 --- a/samples/grids/list/overview/src/index.tsx +++ b/samples/grids/list/overview/src/index.tsx @@ -32,55 +32,37 @@ export default class ListOverview extends React.Component { Contacts -
- -
-

Terrance Orta

+ + Terrance Orta 770-504-2217 -
- - Text - -
-
- - Call - -
+ + Text + + + Call + -
- -
-

Richard Mahoney

+ + Richard Mahoney 423-676-2869 -
- - Text - -
-
- - Call - -
+ + Text + + + Call + -
- -
-

Donna Price

+ + Donna Price 859-496-2817 -
- - Text - -
-
- - Call - -
+ + Text + + + Call + diff --git a/samples/grids/list/styling/src/index.css b/samples/grids/list/styling/src/index.css deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/samples/grids/list/styling/src/index.tsx b/samples/grids/list/styling/src/index.tsx index abfd0d35e3..79ec876efa 100644 --- a/samples/grids/list/styling/src/index.tsx +++ b/samples/grids/list/styling/src/index.tsx @@ -1,6 +1,5 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; -import './index.css'; import './ListStyling.css'; import { IgrList, IgrListItem, IgrListHeader, IgrAvatar, IgrButton } from 'igniteui-react'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; @@ -19,55 +18,37 @@ export default class ListStyling extends React.Component { Contacts -
- -
-

Terrance Orta

+ + Terrance Orta 770-504-2217 -
- - Text - -
-
- - Call - -
+ + Text + + + Call + -
- -
-

Richard Mahoney

+ + Richard Mahoney 423-676-2869 -
- - Text - -
-
- - Call - -
+ + Text + + + Call + -
- -
-

Donna Price

+ + Donna Price 859-496-2817 -
- - Text - -
-
- - Call - -
+ + Text + + + Call + diff --git a/samples/inputs/button/contained/src/index.css b/samples/inputs/button/contained/src/index.css index 1f53b8aa05..019bfa2d76 100644 --- a/samples/inputs/button/contained/src/index.css +++ b/samples/inputs/button/contained/src/index.css @@ -1,2 +1,7 @@ /* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +igc-button { + width: 40%; + margin: auto; +} \ No newline at end of file diff --git a/samples/inputs/button/download/src/index.css b/samples/inputs/button/download/src/index.css index 1f53b8aa05..019bfa2d76 100644 --- a/samples/inputs/button/download/src/index.css +++ b/samples/inputs/button/download/src/index.css @@ -1,2 +1,7 @@ /* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +igc-button { + width: 40%; + margin: auto; +} \ No newline at end of file diff --git a/samples/inputs/button/fab/src/index.css b/samples/inputs/button/fab/src/index.css index 1f53b8aa05..019bfa2d76 100644 --- a/samples/inputs/button/fab/src/index.css +++ b/samples/inputs/button/fab/src/index.css @@ -1,2 +1,7 @@ /* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +igc-button { + width: 40%; + margin: auto; +} \ No newline at end of file diff --git a/samples/inputs/button/flat/src/index.css b/samples/inputs/button/flat/src/index.css index 1f53b8aa05..9263b38c47 100644 --- a/samples/inputs/button/flat/src/index.css +++ b/samples/inputs/button/flat/src/index.css @@ -1,2 +1,12 @@ /* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container { + background: var(--ig-surface-600); +} + +igc-button { + width: 40%; + margin: auto; + background: var(--ig-surface-50); +} \ No newline at end of file diff --git a/samples/inputs/button/outlined/src/index.css b/samples/inputs/button/outlined/src/index.css index 1f53b8aa05..019bfa2d76 100644 --- a/samples/inputs/button/outlined/src/index.css +++ b/samples/inputs/button/outlined/src/index.css @@ -1,2 +1,7 @@ /* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +igc-button { + width: 40%; + margin: auto; +} \ No newline at end of file diff --git a/samples/inputs/button/overview/src/ButtonOverviewStyle.css b/samples/inputs/button/overview/src/ButtonOverviewStyle.css index 3897a4b65a..8fbc85d09d 100644 --- a/samples/inputs/button/overview/src/ButtonOverviewStyle.css +++ b/samples/inputs/button/overview/src/ButtonOverviewStyle.css @@ -1,5 +1,6 @@ .button-container { - display: flex; - justify-content: space-evenly; - margin-top: 20px; + display: flex; + justify-content: space-evenly; + align-items: center; + height: 100%; } \ No newline at end of file diff --git a/samples/inputs/button/overview/src/index.css b/samples/inputs/button/overview/src/index.css deleted file mode 100644 index 1f53b8aa05..0000000000 --- a/samples/inputs/button/overview/src/index.css +++ /dev/null @@ -1,2 +0,0 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file diff --git a/samples/inputs/button/overview/src/index.tsx b/samples/inputs/button/overview/src/index.tsx index de65eed692..7378171941 100644 --- a/samples/inputs/button/overview/src/index.tsx +++ b/samples/inputs/button/overview/src/index.tsx @@ -1,6 +1,5 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; -import './index.css'; import './ButtonOverviewStyle.css'; import { IgrButton } from 'igniteui-react'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; diff --git a/samples/inputs/button/size/src/ButtonSizingStyle.css b/samples/inputs/button/size/src/ButtonSizingStyle.css index d6c4c995fe..d2f4c0b947 100644 --- a/samples/inputs/button/size/src/ButtonSizingStyle.css +++ b/samples/inputs/button/size/src/ButtonSizingStyle.css @@ -1,9 +1,14 @@ .button-container { display: flex; justify-content: space-evenly; + align-items: center; margin-top: 20px; } +.container { + justify-content: center; +} + .size-small { --ig-size: var(--ig-size-small); } diff --git a/samples/inputs/button/size/src/index.css b/samples/inputs/button/size/src/index.css deleted file mode 100644 index 1f53b8aa05..0000000000 --- a/samples/inputs/button/size/src/index.css +++ /dev/null @@ -1,2 +0,0 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file diff --git a/samples/inputs/button/size/src/index.tsx b/samples/inputs/button/size/src/index.tsx index 02dfd28212..b0cad952dd 100644 --- a/samples/inputs/button/size/src/index.tsx +++ b/samples/inputs/button/size/src/index.tsx @@ -1,6 +1,5 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; -import './index.css'; import './ButtonSizingStyle.css'; import { IgrButton, IgrRadio, IgrRadioGroup } from 'igniteui-react'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; @@ -16,7 +15,7 @@ export default class ButtonSize extends React.Component { public render(): JSX.Element { return (
- + Small diff --git a/samples/inputs/button/styling/src/ButtonStyle.css b/samples/inputs/button/styling/src/ButtonStyle.css index 231d8cf896..8e9b561851 100644 --- a/samples/inputs/button/styling/src/ButtonStyle.css +++ b/samples/inputs/button/styling/src/ButtonStyle.css @@ -1,8 +1,4 @@ igc-button::part(base) { - color: #011627; -} - -igc-button::part(base)::before { - background-color: #e99221; - padding: 18px; + background-color: var(--ig-warn-700); + color: var(--ig-warn-700-contrast); } diff --git a/samples/inputs/button/styling/src/index.css b/samples/inputs/button/styling/src/index.css index 1f53b8aa05..019bfa2d76 100644 --- a/samples/inputs/button/styling/src/index.css +++ b/samples/inputs/button/styling/src/index.css @@ -1,2 +1,7 @@ /* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +igc-button { + width: 40%; + margin: auto; +} \ No newline at end of file diff --git a/samples/inputs/chip/multiple/src/index.tsx b/samples/inputs/chip/multiple/src/index.tsx index c18a64e808..41adda21ec 100644 --- a/samples/inputs/chip/multiple/src/index.tsx +++ b/samples/inputs/chip/multiple/src/index.tsx @@ -42,31 +42,21 @@ export default class ChipMultiple extends React.Component {
- - - + Custom Icons - - - + - - - + Start Slot End Slot - - - + Disabled Chip - - - +
diff --git a/samples/inputs/input/size/src/InputSizeStyling.css b/samples/inputs/input/size/src/InputSizeStyling.css index 4100cf7691..8f9e811e64 100644 --- a/samples/inputs/input/size/src/InputSizeStyling.css +++ b/samples/inputs/input/size/src/InputSizeStyling.css @@ -7,5 +7,4 @@ #radioGroup { display: flex; margin: 0 auto; - width: 15%; } \ No newline at end of file diff --git a/samples/inputs/rating/custom/src/index.tsx b/samples/inputs/rating/custom/src/index.tsx index 8b128acbaa..2ddfd5cff2 100644 --- a/samples/inputs/rating/custom/src/index.tsx +++ b/samples/inputs/rating/custom/src/index.tsx @@ -4,7 +4,7 @@ import './index.css'; import { IgrRating, IgrRatingSymbol, IgrIcon, registerIconFromText } from 'igniteui-react'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; -const emptyHeart = ""; +const emptyHeart = ' '; const heartIcon = ' '; export default class RatingCustomSymbols extends React.Component { diff --git a/samples/inputs/rating/single-selection/src/index.tsx b/samples/inputs/rating/single-selection/src/index.tsx index 22c5779788..8eba75660d 100644 --- a/samples/inputs/rating/single-selection/src/index.tsx +++ b/samples/inputs/rating/single-selection/src/index.tsx @@ -15,24 +15,24 @@ export default class RatingSingleSelection extends React.Component {
-
😣
-
😣
+ 😣 + 😣 -
πŸ˜”
-
πŸ˜”
+ πŸ˜” + πŸ˜” -
😐
-
😐
+ 😐 + 😐 -
πŸ™‚
-
πŸ™‚
+ πŸ™‚ + πŸ™‚ -
πŸ˜†
-
πŸ˜†
+ πŸ˜† + πŸ˜†
diff --git a/samples/inputs/select/styling/src/index.tsx b/samples/inputs/select/styling/src/index.tsx index 433448598e..408b882c34 100644 --- a/samples/inputs/select/styling/src/index.tsx +++ b/samples/inputs/select/styling/src/index.tsx @@ -34,21 +34,18 @@ export default function SelectGroup() { Germany - DE France - FR Spain - ES @@ -59,21 +56,18 @@ export default function SelectGroup() { USA - US Canada - CA Mexico - MX diff --git a/samples/inputs/textarea/resize/src/index.tsx b/samples/inputs/textarea/resize/src/index.tsx index 298e0161b6..2d8dcab1db 100644 --- a/samples/inputs/textarea/resize/src/index.tsx +++ b/samples/inputs/textarea/resize/src/index.tsx @@ -9,13 +9,13 @@ export default function TextAreaResize() { return (
-

This textarea does not resize and uses a scroll bar to show overflow text.

+ This textarea does not resize and uses a scroll bar to show overflow text. -

This textarea lets the user resize vertically.

+ This textarea lets the user resize vertically. -

This textarea shows all the user input at once. Overflow text wraps onto a new line and expands the text area.

+ This textarea shows all the user input at once. Overflow text wraps onto a new line and expands the text area.
); diff --git a/samples/inputs/textarea/slots/src/index.tsx b/samples/inputs/textarea/slots/src/index.tsx index 74961633dd..4d02390af5 100644 --- a/samples/inputs/textarea/slots/src/index.tsx +++ b/samples/inputs/textarea/slots/src/index.tsx @@ -15,10 +15,8 @@ export default function TextAreaSlots() { return (
- - - -

Give us a short description of what you liked/disliked

+ + Give us a short description of what you liked/disliked
); diff --git a/samples/inputs/textarea/styling/src/index.tsx b/samples/inputs/textarea/styling/src/index.tsx index c008c8e047..d0f68b7e05 100644 --- a/samples/inputs/textarea/styling/src/index.tsx +++ b/samples/inputs/textarea/styling/src/index.tsx @@ -15,10 +15,8 @@ export default function TextAreaStyling() { return (
- - - -

Provide a detailed description of the steps that led to the issue you experienced

+ + Provide a detailed description of the steps that led to the issue you experienced
); diff --git a/samples/layouts/accordion/customization/src/index.tsx b/samples/layouts/accordion/customization/src/index.tsx index 75a423073b..8e138630bb 100644 --- a/samples/layouts/accordion/customization/src/index.tsx +++ b/samples/layouts/accordion/customization/src/index.tsx @@ -64,14 +64,14 @@ export default class AccordionCustomization extends React.Component {
-

+ Categories {this.state.categories.some((c: Category) => c.checked) && ": "} {this.state.categories .filter((c: Category) => c.checked) .map((c: Category) => c.type) .join(", ")} -

+
{this.state.categories.map((c: Category) => { @@ -90,10 +90,10 @@ export default class AccordionCustomization extends React.Component { -

+ Cost: ${this.state.cost.lower} to $ {this.state.cost.upper} -

+ { -

+ Rating{this.state.rating && ": "} {this.state.rating} -

+ {[1, 2, 3, 4].map((rating) => { @@ -135,9 +135,9 @@ export default class AccordionCustomization extends React.Component { -

+ {this.state.time} -

+ Single Expand
- -

What has changed about subscription and pricing model?

- We have moved to a subscription-based pricing model for all our developer tools. This makes it easier - for you to manage your license subscriptions and allows us to provide a better level of service for you. We - updated our pricing and packages to provide you with flexible options and the best value. This includes Ignite UI - (formerly Ignite UI for JavaScript) which includes all of our JavaScript framework components for web development, - including: Angular, ASP.NET (Core and MVC), Blazor, JQuery, React and Web Components, as well as Infragistics Professional, - Infragistics Ultimate, our Ultimate UI products. We also offer multi-year subscriptions options with a built-in discount, - so you can see the value up front. With these updates we are confident that we are providing the best platforms and the best - price. - - -

Who will the updated changes impact?

- The license updates will impact all new and current customers using Ignite UI, Infragistics Professional and - Infragistics Ultimate. Specifically, we have also made updates to our product and packaging for Ignite UI for JavaScript, - Ignite UI for Angular, Ignite UI for React and Ignite UI for Web components. For more information, please refer to this - blog: Announcement: Changes to Ignite UI Product & Packaging The pricing has been updated for all products and packages. - So, all new or additional licenses will be sold based on our new pricing and packages. All existing license agreements will - be honored and renewed based upon the current agreement. - - -

What is the difference between your old model and your current subscription model for Ignite UI?

- For Ignite UI customers, we are moving away from NPM for licensed packages. The current NPM packages will be replaced with - packages that include a β€œTrial Version” watermark. Licensed packages for Ignite UI will be available from our cloud hosted ProGet - server. For more information, please refer to this article: Moving from Trial to Licensed Ignite UI NPM Packages - - -

Common questions about renewal.

+ + Common questions about renewal. -

What happens if I don't renew my subscription?

+ What happens if I don't renew my subscription? Any unlicensed or trial versions of Ignite UI for Angular, React and Web Components will now include this watermark. -

If I don't renew my subscription will I still have access to previous versions of Infragistics products?

+ If I don't renew my subscription will I still have access to previous versions of Infragistics products? Any version of Infragistics software which you have downloaded can continue to be used perpetually. Access to download any new or previous versions through our customer portal and package feeds will require maintaining an active subscription by continuing to renew it. -

Will I be automatically charged for my renewal/ Can I be automatically charged for renewal?

+ Will I be automatically charged for my renewal/ Can I be automatically charged for renewal? Any new subscriptions purchased online, via our eCommerce system, will renew automatically. Subscription renewal can be canceled, at any time, before the next automatic renewal date. Subscriptions purchased directly from Infragistics or Infragistics' partners are subject to the renewal terms that were agreed upon as part of that purchase. @@ -71,25 +45,24 @@ export default function AccordionNestedScenario() { -

I split my work across two computers. Can I install on both using my single-user license?

- The Infragistics Ultimate license is tied to the user, and not the computer. That means you're welcome to install and use Ignite UI, - Infragistics Professional, and Infragistics Ultimate on any computer you use. However, if we notice a large number of activations using the - same license, we may contact you to verify this behavior. + What has changed about subscription and pricing model? + We have moved to a subscription-based pricing model for all our developer tools. This makes it easier + for you to manage your license subscriptions and allows us to provide a better level of service for you. We + updated our pricing and packages to provide you with flexible options and the best value. This includes Ignite UI + (formerly Ignite UI for JavaScript) which includes all of our JavaScript framework components for web development, + including: Angular, ASP.NET (Core and MVC), Blazor, JQuery, React and Web Components, as well as Infragistics Professional, + Infragistics Ultimate, our Ultimate UI products. We also offer multi-year subscriptions options with a built-in discount, + so you can see the value up front. With these updates we are confident that we are providing the best platforms and the best + price. -

I used up my trial for an earlier version of Infragistics Ultimate. Can I start a new trial when a major version is released?

- Yes! If you have tried a previous version in the past, and used up your 30-day trial, you can try the next major version for another 30 days! - You can do this in the following two ways: -
    -
  • If you have days remaining in your 30-day trial period for the current version (e.g., the - Version 15.1 Volume Release), use the Check for Update option inside the Platform Installer or - your account. You will be able to start a fresh trial for the next major version (e.g., 20.1 - Volume Release)
    • -
  • If you have used up the 30-day trial for the previous major version (e.g., the 19.2 Volume - Release), simply download and install Infragistics Ultimate from our website (This will also allow you - to start a new trial.)
    • -
+ Who will the updated changes impact? + The license updates will impact all new and current customers using Ignite UI, Infragistics Professional and + Infragistics Ultimate. Specifically, we have also made updates to our product and packaging for Ignite UI for JavaScript, + Ignite UI for Angular, Ignite UI for React and Ignite UI for Web components. For more information, please refer to this + blog: Announcement: Changes to Ignite UI Product & Packaging The pricing has been updated for all products and packages. + So, all new or additional licenses will be sold based on our new pricing and packages. All existing license agreements will + be honored and renewed based upon the current agreement.
diff --git a/samples/layouts/accordion/overview/src/index.tsx b/samples/layouts/accordion/overview/src/index.tsx index 222236d71d..cd982a3bd7 100644 --- a/samples/layouts/accordion/overview/src/index.tsx +++ b/samples/layouts/accordion/overview/src/index.tsx @@ -21,7 +21,7 @@ export default function AccordionOverview() {
-

What has changed about subscription and pricing model?

+ What has changed about subscription and pricing model? We have moved to a subscription-based pricing model for all our developer tools. This makes it easier for you to manage your license subscriptions and allows us to provide a better level of service for you. We updated our pricing and packages to provide you with flexible options and the best value. This includes Ignite UI @@ -32,7 +32,7 @@ export default function AccordionOverview() { price. -

Who will the updated changes impact?

+ Who will the updated changes impact? The license updates will impact all new and current customers using Ignite UI, Infragistics Professional and Infragistics Ultimate. Specifically, we have also made updates to our product and packaging for Ignite UI for JavaScript, Ignite UI for Angular, Ignite UI for React and Ignite UI for Web components. For more information, please refer to this @@ -41,17 +41,17 @@ export default function AccordionOverview() { be honored and renewed based upon the current agreement. -

What is the difference between your old model and your current subscription model for Ignite UI?

+ What is the difference between your old model and your current subscription model for Ignite UI? For Ignite UI customers, we are moving away from NPM for licensed packages. The current NPM packages will be replaced with packages that include a β€œTrial Version” watermark. Licensed packages for Ignite UI will be available from our cloud hosted ProGet server. For more information, please refer to this article: Moving from Trial to Licensed Ignite UI NPM Packages -

What happens if I don't renew my subscription?

+ What happens if I don't renew my subscription? Any unlicensed or trial versions of Ignite UI for Angular, React and Web Components will now include this watermark. -

If I don't renew my subscription will I still have access to previous versions of Infragistics products?

+ If I don't renew my subscription will I still have access to previous versions of Infragistics products? Any version of Infragistics software which you have downloaded can continue to be used perpetually. Access to download any new or previous versions through our customer portal and package feeds will require maintaining an active subscription by continuing to renew it. diff --git a/samples/layouts/card/horizontal/src/index.tsx b/samples/layouts/card/horizontal/src/index.tsx index b01380df50..7cab8d0f14 100644 --- a/samples/layouts/card/horizontal/src/index.tsx +++ b/samples/layouts/card/horizontal/src/index.tsx @@ -15,8 +15,8 @@ export default function CardHorizontal() {
-
Rozes
-
Under the Grave (2016)
+ Rozes + Under the Grave (2016)

As I have always said: I write what’s real and what’s true, diff --git a/samples/layouts/card/overview/src/index.tsx b/samples/layouts/card/overview/src/index.tsx index 22724a1e96..290b71ae79 100644 --- a/samples/layouts/card/overview/src/index.tsx +++ b/samples/layouts/card/overview/src/index.tsx @@ -34,8 +34,8 @@ export default function CardOverview() { -

New York City

-
City in New York
+ New York City + City in New York

diff --git a/samples/layouts/card/semi-horizontal/src/index.tsx b/samples/layouts/card/semi-horizontal/src/index.tsx index 3717f68b8f..0230d252a5 100644 --- a/samples/layouts/card/semi-horizontal/src/index.tsx +++ b/samples/layouts/card/semi-horizontal/src/index.tsx @@ -25,8 +25,8 @@ export default function CardSemiHorizontal() { src="https://dl.infragistics.com/x/img/music/singer_with_mic.jpg" slot="thumbnail" /> -

HERE
-
by Mellow D
+ HERE + by Mellow D diff --git a/samples/layouts/card/styling/src/index.tsx b/samples/layouts/card/styling/src/index.tsx index d3a5eb4e44..f543934898 100644 --- a/samples/layouts/card/styling/src/index.tsx +++ b/samples/layouts/card/styling/src/index.tsx @@ -36,8 +36,8 @@ export default function CardStyling() { -

Jane Doe

-
Professional Photographer
+ Jane Doe + Professional Photographer

diff --git a/samples/layouts/carousel/animations/src/index.tsx b/samples/layouts/carousel/animations/src/index.tsx index 00813f6f57..dff7e50a07 100644 --- a/samples/layouts/carousel/animations/src/index.tsx +++ b/samples/layouts/carousel/animations/src/index.tsx @@ -67,9 +67,9 @@ export default function CarouselComponents() {

-

+ Ignite UI for Angular -

+

@@ -99,9 +99,9 @@ export default function CarouselComponents() {

-

+ Ignite UI for Javascript -

+

@@ -131,9 +131,9 @@ export default function CarouselComponents() {

-

+ Ultimate UI for ASP.NET -

+

diff --git a/samples/layouts/expansion-panel/component-customization/src/index.css b/samples/layouts/expansion-panel/component-customization/src/index.css deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/samples/layouts/expansion-panel/component-customization/src/index.tsx b/samples/layouts/expansion-panel/component-customization/src/index.tsx index f502cae493..1130df3737 100644 --- a/samples/layouts/expansion-panel/component-customization/src/index.tsx +++ b/samples/layouts/expansion-panel/component-customization/src/index.tsx @@ -1,6 +1,5 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; -import './index.css'; import './ExpansionPanelCustomization.css'; import { IgrExpansionPanel, IgrButton } from 'igniteui-react'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; @@ -19,8 +18,8 @@ export default class ExpansionPanelComponentCustomization extends React.Componen return (

-

Golden Retriever

-

Medium-large gun dog

+ Golden Retriever + Medium-large gun dog
{this.state.expansionText}
The Golden Retriever is a medium-large gun dog that retrieves shot waterfowl, such as ducks diff --git a/samples/layouts/expansion-panel/properties-and-events/src/index.css b/samples/layouts/expansion-panel/properties-and-events/src/index.css deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/samples/layouts/expansion-panel/properties-and-events/src/index.tsx b/samples/layouts/expansion-panel/properties-and-events/src/index.tsx index e2088cd40c..60193a4051 100644 --- a/samples/layouts/expansion-panel/properties-and-events/src/index.tsx +++ b/samples/layouts/expansion-panel/properties-and-events/src/index.tsx @@ -1,6 +1,5 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; -import './index.css'; import './ExpansionPanelPropsAndEvents.css'; import { IgrExpansionPanel } from 'igniteui-react'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; @@ -19,8 +18,8 @@ export default class ExpansionPanelPropertiesAndEvents extends React.Component -

Golden Retriever

-

Medium-large gun dog

+ Golden Retriever + Medium-large gun dog
{this.state.expansionText}
The Golden Retriever is a medium-large gun dog that retrieves shot waterfowl, such as ducks and upland game birds, during hunting and shooting parties.[3] The name retriever refers to the breeds ability diff --git a/samples/layouts/expansion-panel/styling/src/index.css b/samples/layouts/expansion-panel/styling/src/index.css deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/samples/layouts/expansion-panel/styling/src/index.tsx b/samples/layouts/expansion-panel/styling/src/index.tsx index f5d96a9f18..c9b5b1af06 100644 --- a/samples/layouts/expansion-panel/styling/src/index.tsx +++ b/samples/layouts/expansion-panel/styling/src/index.tsx @@ -1,6 +1,5 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; -import './index.css'; import './ExpansionPanelStyling.css'; import { IgrExpansionPanel, IgrButton } from 'igniteui-react'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; @@ -15,8 +14,8 @@ export default class ExpansionPanelStyling extends React.Component { return (
-

Golden Retriever

-

Medium-large gun dog

+ Golden Retriever + Medium-large gun dog The Golden Retriever is a medium-large gun dog that retrieves shot waterfowl, such as ducks and upland game birds, during hunting and shooting parties.[3] The name retriever refers to the breeds ability diff --git a/samples/layouts/expansion-panel/usage/src/index.css b/samples/layouts/expansion-panel/usage/src/index.css deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/samples/layouts/expansion-panel/usage/src/index.tsx b/samples/layouts/expansion-panel/usage/src/index.tsx index a27c1c5734..7bb7280609 100644 --- a/samples/layouts/expansion-panel/usage/src/index.tsx +++ b/samples/layouts/expansion-panel/usage/src/index.tsx @@ -1,6 +1,5 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; -import './index.css'; import './ExpansionPanelUsage.css'; import { IgrExpansionPanel } from 'igniteui-react'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; @@ -15,8 +14,8 @@ export default class ExpansionPanelUsage extends React.Component { return (
-

Golden Retriever

-

Medium-large gun dog

+ Golden Retriever + Medium-large gun dog The Golden Retriever is a medium-large gun dog that retrieves shot waterfowl, such as ducks and upland game birds, during hunting and shooting parties.[3] The name retriever refers to the breeds ability to retrieve shot game undamaged due to their soft mouth. Golden retrievers have an instinctive love of water, and diff --git a/samples/layouts/tabs/alignment/src/index.css b/samples/layouts/tabs/alignment/src/index.css index 1f53b8aa05..0506830f9c 100644 --- a/samples/layouts/tabs/alignment/src/index.css +++ b/samples/layouts/tabs/alignment/src/index.css @@ -1,2 +1,6 @@ /* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +igc-radio-group { + padding-block-end: 12px; +} \ No newline at end of file diff --git a/samples/layouts/tabs/overview/src/index.tsx b/samples/layouts/tabs/overview/src/index.tsx index 7cf38e5738..2895c9f154 100644 --- a/samples/layouts/tabs/overview/src/index.tsx +++ b/samples/layouts/tabs/overview/src/index.tsx @@ -22,15 +22,15 @@ export default class Overview extends React.Component {
- + Home tab panel - + Search tab panel - + Favorite tab panel diff --git a/samples/layouts/tabs/styling/src/index.tsx b/samples/layouts/tabs/styling/src/index.tsx index d184547eab..c08c2f2689 100644 --- a/samples/layouts/tabs/styling/src/index.tsx +++ b/samples/layouts/tabs/styling/src/index.tsx @@ -22,15 +22,15 @@ export default class TabsStyling extends React.Component {
- + Home tab panel - + Search tab panel - + Favorite tab panel diff --git a/samples/layouts/tile-manager/actions/src/index.tsx b/samples/layouts/tile-manager/actions/src/index.tsx index dc3924b892..ffc2f07cd5 100644 --- a/samples/layouts/tile-manager/actions/src/index.tsx +++ b/samples/layouts/tile-manager/actions/src/index.tsx @@ -98,15 +98,15 @@ export default class Actions extends React.Component {
-

Default Actions

+ Default Actions

This tile has default actions and title.

 -

No Fullscreen Action

+ No Fullscreen Action

Fullscreen is disabled via property.

 -

Custom Actions

+ Custom Actions

Replace the default actions with custom ones, and include extra actions when the tile is maximized.

@@ -117,7 +117,7 @@ export default class Actions extends React.Component {

Display only custom actions in the header.

 -

Only title

+ Only title

Display only title in the header.

 diff --git a/samples/layouts/tile-manager/overview/src/index.tsx b/samples/layouts/tile-manager/overview/src/index.tsx index a132a03d10..18fcb31e13 100644 --- a/samples/layouts/tile-manager/overview/src/index.tsx +++ b/samples/layouts/tile-manager/overview/src/index.tsx @@ -23,7 +23,7 @@ export default class Overview extends React.Component {
-

Order info

+ Order info @@ -83,7 +83,7 @@ export default class Overview extends React.Component { -

Order Line Items

+ Order Line Items
@@ -93,7 +93,7 @@ export default class Overview extends React.Component {
-

Carnavon Tigers

+ Carnavon Tigers
@@ -113,7 +113,7 @@ export default class Overview extends React.Component {
-

Guarana Fantastica

+ Guarana Fantastica
@@ -133,7 +133,7 @@ export default class Overview extends React.Component {
-

Vegie-spread

+ Vegie-spread
@@ -153,7 +153,7 @@ export default class Overview extends React.Component {
-

Rhonbrau Klosterbier

+ Rhonbrau Klosterbier
@@ -168,13 +168,13 @@ export default class Overview extends React.Component {
-

Order Value

+ Order Value

$8.66K

 -

Item quantity

+ Item quantity

4