From 6aef6d3eaea4cdc494bd625e5d31a74d7bf179f1 Mon Sep 17 00:00:00 2001
From: Mark Allen Ramirez <21377435+markallenramirez@users.noreply.github.com>
Date: Fri, 14 Aug 2026 16:53:13 +0800
Subject: [PATCH 01/39] Init jQuery
---
apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/data.js | 0
apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/index.html | 0
apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/index.js | 0
apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/styles.css | 0
4 files changed, 0 insertions(+), 0 deletions(-)
create mode 100644 apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/data.js
create mode 100644 apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/index.html
create mode 100644 apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/index.js
create mode 100644 apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/styles.css
diff --git a/apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/data.js b/apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/data.js
new file mode 100644
index 000000000000..e69de29bb2d1
diff --git a/apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/index.html b/apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/index.html
new file mode 100644
index 000000000000..e69de29bb2d1
diff --git a/apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/index.js b/apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/index.js
new file mode 100644
index 000000000000..e69de29bb2d1
diff --git a/apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/styles.css b/apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/styles.css
new file mode 100644
index 000000000000..e69de29bb2d1
From 3781acda17ede22e13f11e9976039c675eb0a710 Mon Sep 17 00:00:00 2001
From: Mark Allen Ramirez <21377435+markallenramirez@users.noreply.github.com>
Date: Fri, 14 Aug 2026 17:50:31 +0800
Subject: [PATCH 02/39] Init menuMeta
---
apps/demos/menuMeta.json | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/apps/demos/menuMeta.json b/apps/demos/menuMeta.json
index 56197dc27873..2efa565a4ac1 100644
--- a/apps/demos/menuMeta.json
+++ b/apps/demos/menuMeta.json
@@ -862,7 +862,7 @@
},
{
"Title": "AI-powered Detail View",
- "Name": "AIPoweredDetailView",
+ "Name": "AI-PoweredDetailView",
"Widget": "DataGrid",
"DemoType": "Web",
"Badge": "Roadmap",
From eb27c86a4b07258ac12e291c1bea5dc41c3764df Mon Sep 17 00:00:00 2001
From: Mark Allen Ramirez <21377435+markallenramirez@users.noreply.github.com>
Date: Mon, 17 Aug 2026 15:32:18 +0800
Subject: [PATCH 03/39] rename folder
---
.../{AI-PoweredDetailView => AIPoweredDetailView}/jQuery/data.js | 0
.../jQuery/index.html | 0
.../{AI-PoweredDetailView => AIPoweredDetailView}/jQuery/index.js | 0
.../jQuery/styles.css | 0
4 files changed, 0 insertions(+), 0 deletions(-)
rename apps/demos/Demos/DataGrid/{AI-PoweredDetailView => AIPoweredDetailView}/jQuery/data.js (100%)
rename apps/demos/Demos/DataGrid/{AI-PoweredDetailView => AIPoweredDetailView}/jQuery/index.html (100%)
rename apps/demos/Demos/DataGrid/{AI-PoweredDetailView => AIPoweredDetailView}/jQuery/index.js (100%)
rename apps/demos/Demos/DataGrid/{AI-PoweredDetailView => AIPoweredDetailView}/jQuery/styles.css (100%)
diff --git a/apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/data.js b/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/data.js
similarity index 100%
rename from apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/data.js
rename to apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/data.js
diff --git a/apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/index.html b/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/index.html
similarity index 100%
rename from apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/index.html
rename to apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/index.html
diff --git a/apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/index.js b/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/index.js
similarity index 100%
rename from apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/index.js
rename to apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/index.js
diff --git a/apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/styles.css b/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/styles.css
similarity index 100%
rename from apps/demos/Demos/DataGrid/AI-PoweredDetailView/jQuery/styles.css
rename to apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/styles.css
From 565e709eb435e0ad2834d28dc9d2c11cbc0495dc Mon Sep 17 00:00:00 2001
From: Mark Allen Ramirez <21377435+markallenramirez@users.noreply.github.com>
Date: Mon, 17 Aug 2026 17:53:02 +0800
Subject: [PATCH 04/39] add jquery
---
.../AIPoweredDetailView/jQuery/data.js | 1899 +++++++++++++++++
.../AIPoweredDetailView/jQuery/index.html | 25 +
.../AIPoweredDetailView/jQuery/index.js | 235 ++
.../AIPoweredDetailView/jQuery/styles.css | 158 ++
4 files changed, 2317 insertions(+)
diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/data.js b/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/data.js
index e69de29bb2d1..2d2cc4dfc77d 100644
--- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/data.js
+++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/data.js
@@ -0,0 +1,1899 @@
+const SYSTEM_PROMPT = `
+You are a helpful AI assistant that generates analysis for individual rows, based on a given user instruction and current row data.
+Input: A user prompt that describes what should be generated.
+A dataset in the format: { column1: value1, column2: value2, ...}.
+Instructions: The output must be in plain text and should not exceed 2000 characters.
+`;
+
+const vehicles = [
+ {
+ ID: 1,
+ TrademarkName: 'Toyota',
+ TrademarkID: 1,
+ Name: 'Venza',
+ Modification: 'LE FWD',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 28695,
+ MPGCity: 20,
+ MPGHighway: 26,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 4,
+ Horsepower: '181@5800',
+ Torque: '182@4200',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Toyota Venza is a mid-size crossover SUV (CUV) produced by Japanese automaker Toyota and unveiled at the 2008 North American International Auto Show in Detroit. Based on the Toyota FT-SX concept car unveiled at the 2005 North American International Auto Show, the Venza was primarily engineered at Toyota Technical Center in Ann Arbor, Michigan, and designed at the Calty Design studios in Newport Beach, California. It is currently slotted in size and price between the RAV4 compact crossover SUV, and the Highlander mid-size crossover SUV that has third-row seating. However, the Venza is an inch longer than the Highlander and for the 2009-2010 model years, the base Venza\'s MSRP was $1000 USD higher than the base Highlander.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage44',
+ },
+ {
+ ID: 2,
+ TrademarkName: 'Ford',
+ TrademarkID: 2,
+ Name: 'Edge',
+ Modification: 'SEL FWD 3.5L V6 6A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 31995,
+ MPGCity: 19,
+ MPGHighway: 27,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 6,
+ Horsepower: '285@6500',
+ Torque: '253@4000',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Ford Edge is a mid-size crossover SUV (CUV) manufactured by Ford, based on the Ford CD3 platform shared with the Mazda CX-9.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Vauxford',
+ Source: 'devexpress.com/carimage45',
+ },
+ {
+ ID: 3,
+ TrademarkName: 'Nissan',
+ TrademarkID: 3,
+ Name: 'Murano',
+ Modification: 'S FWD 3.5L V6 VA',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 29285,
+ MPGCity: 18,
+ MPGHighway: 24,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 6,
+ Horsepower: '260@6000',
+ Torque: '240@4400',
+ TransmissionSpeeds: -1,
+ TransmissionType: 1,
+ Description: 'The Nissan Murano is a mid-size crossover SUV first sold by Nissan in December 2002 as a 2003 model. Nissan introduced the Murano as its first crossover SUV for the United States and Canada. Initially designed at Nissan America in La Jolla, California, the first generation Murano was based on the Nissan FF-L platform first used by the third generation Altima. The single European version of the Murano began sales in 2004.[3] A convertible variant, marketed as the CrossCabriolet, premiered at the 2010 Los Angeles International Auto Show for model year 2011.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Minseong Kim',
+ Source: 'devexpress.com/carimage46',
+ },
+ {
+ ID: 4,
+ TrademarkName: 'Honda',
+ TrademarkID: 4,
+ Name: 'Crosstour',
+ Modification: 'EX 2WD 2.4L I4 5A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 28060,
+ MPGCity: 22,
+ MPGHighway: 31,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 4,
+ Horsepower: '192@7000',
+ Torque: '162@4400',
+ TransmissionSpeeds: 5,
+ TransmissionType: 1,
+ Description: 'The Crosstour (initially branded the Accord Crosstour) is a full-size crossover SUV manufactured by Japanese automaker Honda. Sales began in November 2009 for the 2010 model year.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage47',
+ },
+ {
+ ID: 5,
+ TrademarkName: 'Audi',
+ TrademarkID: 5,
+ Name: 'Q5',
+ Modification: '2.0L I4 8A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 36795,
+ MPGCity: 20,
+ MPGHighway: 28,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 4,
+ Horsepower: '211@4300',
+ Torque: '258@1500',
+ TransmissionSpeeds: 8,
+ TransmissionType: 1,
+ Description: 'The Audi Q5 (Typ 8R) is a mid-sized utility vehicle (SUV) manufactured and marketed by Audi since 2008, using the Audi MLP platform (Modular Longitudinal Platform) which debuted on the 2007 Audi A5 coupé. The Q5 is smaller than the Audi Q7 and larger than the Audi Q3.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage76',
+ },
+ {
+ ID: 6,
+ TrademarkName: 'BMW',
+ TrademarkID: 6,
+ Name: 'X3',
+ Modification: '2.0L I4 8A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 39775,
+ MPGCity: 21,
+ MPGHighway: 28,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 4,
+ Horsepower: '240@5000',
+ Torque: '260@1250',
+ TransmissionSpeeds: 8,
+ TransmissionType: 1,
+ Description: 'The BMW X3 is a crossover marketed by German automaker BMW since 2003. Based on the BMW 3 Series platform, and now in its second generation, BMW markets the crossover as a Sports Activity Vehicle, the company\'s proprietary descriptor for its X-line of vehicles. The first generation X3 was designed by BMW in conjunction with Magna Steyr of Graz, Austria—who also manufactured all X3s under contract to BMW. BMW manufactures the second generation X3 at their Spartanburg plant in South Carolina, United States.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage49',
+ },
+ {
+ ID: 7,
+ TrademarkName: 'Subaru',
+ TrademarkID: 7,
+ Name: 'Forester',
+ Modification: '2.5L H4 5M',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 22090,
+ MPGCity: 21,
+ MPGHighway: 27,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 4,
+ Horsepower: '170@5800',
+ Torque: '174@4100',
+ TransmissionSpeeds: 5,
+ TransmissionType: 2,
+ Description: 'The Subaru Forester is a crossover manufactured since 1997 by Fuji Heavy Industries and sold under the Subaru brand. Available in Japan from 1997, the Forester shares its platform with the Impreza. It was introduced in 1997 as a compact crossover wagon. After ten years of production, it grew to a mid-size crossover SUV. It has been crowned Motor Trend\'s 2014 SUV of the Year.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage50',
+ },
+ {
+ ID: 8,
+ TrademarkName: 'Volkswagen',
+ TrademarkID: 8,
+ Name: 'Tiguan',
+ Modification: 'S 2.0L I4 6M',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 23820,
+ MPGCity: 18,
+ MPGHighway: 26,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 4,
+ Horsepower: '200@5100',
+ Torque: '207@1700',
+ TransmissionSpeeds: 6,
+ TransmissionType: 2,
+ Description: 'Volkswagen Tiguan is a compact crossover vehicle (CUV) manufactured by German automaker Volkswagen using the PQ35 platform of the Volkswagen Golf. All Tiguans feature two-row seating and four-cylinder engines.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Alexander Migl',
+ Source: 'devexpress.com/carimage51',
+ },
+ {
+ ID: 9,
+ TrademarkName: 'Mitsubishi',
+ TrademarkID: 9,
+ Name: 'Outlander',
+ Modification: 'GT S-Awc 3.0L V6 6A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 29420,
+ MPGCity: 19,
+ MPGHighway: 25,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 6,
+ Horsepower: '230@6250',
+ Torque: '215@3750',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Mitsubishi Outlander is a crossover manufactured by Japanese automaker Mitsubishi Motors. It was originally known as the Mitsubishi Airtrek when it was introduced in Japan in 2001, and was based on the Mitsubishi ASX concept vehicle exhibited at the 2001 North American International Auto Show. It was sold at Mitsubishi Japan dealership chain called Car Plaza. The ASX (Active Sports Crossover) represented Mitsubishi\'s approach to the industry wide SUV trend for retaining the all-season and off-road abilities offered by a high ground clearance and four-wheel drive, while still offering car-like levels of emissions, economy and size.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage52',
+ },
+ {
+ ID: 10,
+ TrademarkName: 'Mercedes-Benz',
+ TrademarkID: 10,
+ Name: 'Ml350',
+ Modification: '3.5L V6 7A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 48175,
+ MPGCity: 18,
+ MPGHighway: 23,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 6,
+ Horsepower: '302@6500',
+ Torque: '273@3500',
+ TransmissionSpeeds: 7,
+ TransmissionType: 1,
+ Description: 'The Mercedes-Benz M-Class is a luxury midsize sport utility vehicle (SUV), first offered in 1997 as a 1998 model, and built by the German automaker Mercedes-Benz. Gradually, the M-Class became a sales success in the United States and Mexico. In terms of size, it is slotted in between the smaller GLK-Class (based on the C-Class) and the larger GL-Class, with which it shares platforms. For a short time, between the years 1999 and 2002, the M-Class was also built by Magna Steyr in Graz, Austria, for the European market, before all production moved to the U.S. plant near Vance, Alabama.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'Attribution Only',
+ Author: 'M 93',
+ Source: 'devexpress.com/carimage53',
+ },
+ {
+ ID: 11,
+ TrademarkName: 'Mazda',
+ TrademarkID: 11,
+ Name: 'Cx-5',
+ Modification: 'Sport FWD 2.0L I4 6M',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 21790,
+ MPGCity: 26,
+ MPGHighway: 35,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 4,
+ Horsepower: '155@6000',
+ Torque: '150@4000',
+ TransmissionSpeeds: 6,
+ TransmissionType: 2,
+ Description: 'The Mazda CX-5 is a compact/small-family crossover SUV produced by Mazda starting in 2012 for the 2013 model year lineup. It is Mazda\'s first car featuring the new KODO - Soul of Motion Design language[9] first shown in the Shinari concept vehicle in May 2010. It is also the first vehicle featuring the company\'s full Skyactiv Technology suite, featuring a rigid, lightweight platform, combined with a new series of efficient engines and transmissions resulting in reduced emissions and fuel consumption. The Skyactiv Engine and Transmission Technologies were released in the 2012 Mazda3 compact sedan and hatchback.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage54',
+ },
+ {
+ ID: 12,
+ TrademarkName: 'KIA',
+ TrademarkID: 12,
+ Name: 'Sportage',
+ Modification: 'SX AWD 2.0L I4 6A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 29250,
+ MPGCity: 20,
+ MPGHighway: 25,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 4,
+ Horsepower: '260@6000',
+ Torque: '269@1850',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Kia Sportage is a compact crossover SUV built by the Korean automaker Kia Motors since July 1993.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'JustAnotherCarDesigner',
+ Source: 'devexpress.com/carimage55',
+ },
+ {
+ ID: 13,
+ TrademarkName: 'Land Rover',
+ TrademarkID: 13,
+ Name: 'Range Rover Evoque',
+ Modification: '2.0L I4 6A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 42040,
+ MPGCity: 20,
+ MPGHighway: 28,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 4,
+ Horsepower: '240@5500',
+ Torque: '251@1750',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Range Rover Evoque is a compact sport utility vehicle (SUV) produced by the British manufacturer Land Rover, part of Tata\'s Jaguar Land Rover group. It has been produced since July 2011 in three and five-door versions, with both two-wheel and four-wheel drive. The Evoque is designed to appeal to urban buyers and meet requirements for lower CO2 emissions and fuel economy. The production vehicle is similar to the Land Rover LRX concept, which was unveiled at the North American International Auto Show in January 2008. The Evoque has been received positively by the automotive press for retaining the features, amenities, and off-road capabilities of a traditional Range Rover in a smaller package. Land Rover sold nearly 88,000 units of the Evoque in its first year of production.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Alexander Migl',
+ Source: 'devexpress.com/carimage56',
+ },
+ {
+ ID: 14,
+ TrademarkName: 'Chrysler',
+ TrademarkID: 14,
+ Name: 'Town & Country',
+ Modification: 'Limited 3.6L V6 6A',
+ CategoryID: 4,
+ CategoryName: 'Minivan',
+ Price: 42140,
+ MPGCity: 17,
+ MPGHighway: 25,
+ Doors: 4,
+ BodyStyleID: 4,
+ BodyStyleName: 'Passenger Van',
+ Cylinders: 6,
+ Horsepower: '283@6400',
+ Torque: '260@4400',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Chrysler Town & Country is a luxury minivan sold worldwide by the Chrysler division of Chrysler Group LLC. The model was introduced in 1989 as a traditional minivan.\nThe Town & Country has evolved through five generations, offered variously in long-wheelbase (LWB) and short-wheelbase (SWB) versions — though currently only in LWB form. Anniversary editions have included the 1994 \'\"10 Year Anniversary Edition\"\" and the 2004 Platinum Series, marking the Chrysler twentieth year of minivan production.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC0 1.0',
+ Author: 'crash71100',
+ Source: 'devexpress.com/carimage71',
+ },
+ {
+ ID: 15,
+ TrademarkName: 'Dodge',
+ TrademarkID: 15,
+ Name: 'Durango',
+ Modification: 'SXT RWD 3.6L V6 5A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 30790,
+ MPGCity: 16,
+ MPGHighway: 23,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 6,
+ Horsepower: '290@6400',
+ Torque: '260@4800',
+ TransmissionSpeeds: 5,
+ TransmissionType: 1,
+ Description: 'The Dodge Durango is a sport utility vehicle (SUV) produced by the Dodge division of Chrysler. The first two generations were very similar in that both were based on the Dodge Dakota, both featured a body-on-frame construction and both were produced at the Newark Assembly plant in Newark, Delaware. However, they did differ in that the first generation was classified as a mid-size SUV while, the second generation was classified as a full-size SUV.\nThe third generation Durango however is built on the same platform as the Jeep Grand Cherokee, features unibody construction and is currently being assembled at the Jefferson North Assembly plant in Detroit, Michigan. However, it does retain the previous generation\'s classification as a full-size SUV.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'DestinationFearFan',
+ Source: 'devexpress.com/carimage57',
+ },
+ {
+ ID: 16,
+ TrademarkName: 'Lexus',
+ TrademarkID: 16,
+ Name: 'LX 570',
+ Modification: '5.7L V8 6A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 82425,
+ MPGCity: 12,
+ MPGHighway: 17,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 8,
+ Horsepower: '383@5600',
+ Torque: '403@3600',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Lexus LX is a full-size luxury sport utility vehicle (SUV) sold by Lexus since 1996. Three generations of the Lexus LX have been produced, all based heavily on the long-running Toyota Land Cruiser series of SUVs. The first generation LX 450 debuted in 1996 as Lexus\' first entry into the SUV market. Its successor, the LX 470, premiered in 1998 and was produced until 2006. The latest third generation Lexus LX 570 debuted at the New York International Auto Show in April 2007 as a complete redesign for the 2008 model year. The LX 570 is not offered to the Japanese market, but is sold by Lexus in Russia, Brunei, Australia, New Zealand, Dominican Republic, China, Indonesia, Philippines, Taiwan, Middle East, and North America; in those regions, the related Land Cruiser is also sold by Toyota. The LX is not available in the rest of the world, where the Toyota Land Cruiser 200 is sold.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC0 1.0',
+ Author: 'HJUdall',
+ Source: 'devexpress.com/carimage58',
+ },
+ {
+ ID: 17,
+ TrademarkName: 'Suzuki',
+ TrademarkID: 17,
+ Name: 'Grand Vitara',
+ Modification: 'Limited 4WD 2.4L I4 4A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 26799,
+ MPGCity: 19,
+ MPGHighway: 23,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 4,
+ Horsepower: '166@6000',
+ Torque: '162@4000',
+ TransmissionSpeeds: 4,
+ TransmissionType: 1,
+ Description: 'The Suzuki Escudo (known as Sidekick in USA, Vitara in most of Western Europe, Bolivia, Ecuador, the Philippines, Hong Kong, Taiwan as well as North America after 1999 and the Grand Vitara in the United Kingdom, Eastern Europe, parts of South Asia, the Caribbean, South Africa, Iran, Canada, and Australia) is an off-road vehicle that has been in production since 1988. The North American version was produced as a joint venture between Suzuki and General Motors known as CAMI. The vehicle was a follow-up to the popular SJ413 and Samurai. Also, this vehicle, while sold in North America, was designed to slot above the Samurai. A larger version is also made, known as the Suzuki Grand Escudo (known as Grand Vitara XL-7 in other markets). The name is derived from the \'\"escudo\"\", the monetary unit of Portugal until the Euro was adopted.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage59',
+ },
+ {
+ ID: 18,
+ TrademarkName: 'Toyota',
+ TrademarkID: 1,
+ Name: 'Tundra 4x4 Reg. Cab',
+ Modification: '5.7L V8',
+ CategoryID: 3,
+ CategoryName: 'Truck',
+ Price: 31645,
+ MPGCity: 13,
+ MPGHighway: 17,
+ Doors: 2,
+ BodyStyleID: 5,
+ BodyStyleName: 'Pickup',
+ Cylinders: 8,
+ Horsepower: '381@5600',
+ Torque: '401@3600',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Toyota Tundra is a full-size pickup truck manufactured in the US by the Japanese manufacturer Toyota since May 1999. The Tundra was eventually nominated for the North American Truck of the Year award and was Motor Trend magazine\'s Truck of the Year in 2000 and 2008. Currently the Tundra is assembled in San Antonio, Texas, USA where production was consolidated in 2008.\nThe first generation Tundra had many similarities with the older Toyota T100 and the compact Toyota Tacoma. The biggest of those similarities was the shared use of a 3.4-liter V6 engine which was the top of the line engine in both the Tacoma and T100. The V6 engine would serve as the base engine for the Tundra, while a second powerplant, a first for a Toyota truck, a V8 engine sized at 4.7-liters was added to the lineup.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Matti Blume',
+ Source: 'devexpress.com/carimage72',
+ },
+ {
+ ID: 19,
+ TrademarkName: 'Chevrolet',
+ TrademarkID: 18,
+ Name: 'Silverado 1500 Regular CAB 4WD',
+ Modification: 'LT Standard Box 4.8L V8 4A',
+ CategoryID: 3,
+ CategoryName: 'Truck',
+ Price: 33650,
+ MPGCity: 13,
+ MPGHighway: 18,
+ Doors: 2,
+ BodyStyleID: 5,
+ BodyStyleName: 'Pickup',
+ Cylinders: 8,
+ Horsepower: '302@5600',
+ Torque: '305@4600',
+ TransmissionSpeeds: 4,
+ TransmissionType: 1,
+ Description: 'The Chevrolet Silverado (along with its GMC counterpart, the GMC Sierra), is the latest line of full-size pickup trucks from General Motors.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'DestinationFearFan',
+ Source: 'devexpress.com/carimage19',
+ },
+ {
+ ID: 20,
+ TrademarkName: 'Ford',
+ TrademarkID: 2,
+ Name: 'F-150 Regular CAB 4X4',
+ Modification: '3.7L V6 6A',
+ CategoryID: 3,
+ CategoryName: 'Truck',
+ Price: 31900,
+ MPGCity: 16,
+ MPGHighway: 21,
+ Doors: 2,
+ BodyStyleID: 5,
+ BodyStyleName: 'Pickup',
+ Cylinders: 6,
+ Horsepower: '302@6500',
+ Torque: '278@4000',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The F-Series is a series of full-size pickup trucks from Ford Motor Company which has been sold continuously for over six decades. The most popular variant of the F-Series is the F-150. It was the best-selling vehicle in the United States for 17 years, currently (2007) the best-selling pick-up for 37 years, and the best selling vehicle in Canada, though this does not include combined sales of GM pick-up trucks. In the tenth generation of the F-series, the F-250 and F-350 changed body style in 1998 and joined the Super Duty series.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Alexander-93',
+ Source: 'devexpress.com/carimage73',
+ },
+ {
+ ID: 21,
+ TrademarkName: 'RAM',
+ TrademarkID: 19,
+ Name: '1500 Regular CAB 4X4',
+ Modification: 'SLT SWB 3.6L V6 8A',
+ CategoryID: 3,
+ CategoryName: 'Truck',
+ Price: 32825,
+ MPGCity: 16,
+ MPGHighway: 23,
+ Doors: 2,
+ BodyStyleID: 5,
+ BodyStyleName: 'Pickup',
+ Cylinders: 6,
+ Horsepower: '305@6350',
+ Torque: '269@4800',
+ TransmissionSpeeds: 8,
+ TransmissionType: 1,
+ Description: 'The Ram (formerly the Dodge Ram) is a full-size pickup truck manufactured by the Chrysler Group LLC. As of 2010, it has been sold under the Ram Trucks brand. Previously, Ram was part of the Dodge lineup of light trucks. The name Ram was first used in 1981 on the redesigned Ram and Power Ram following the retiring and rebadging of the Dodge D Series pickup trucks as well as B-series vans. The truck is named for the Ram hood ornament that first appeared on Dodge vehicles in 1933. The Ram Truck is in its fourth generation as of the 2009 model year.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Ruben de Rijcke',
+ Source: 'devexpress.com/carimage74',
+ },
+ {
+ ID: 22,
+ TrademarkName: 'Toyota',
+ TrademarkID: 1,
+ Name: 'Camry',
+ Modification: 'XLE 3.5L V6 6AT',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 31260,
+ MPGCity: 21,
+ MPGHighway: 31,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 6,
+ Horsepower: '268@6200',
+ Torque: '248@4700',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Toyota Camry is a series of mid-size automobiles manufactured by Toyota since 1982, and sold in the majority of automotive markets throughout the world. Between 1980 and 1982, the \'\"Camry\"\" nameplate was delegated to a four-door sedan, known as the Toyota Celica Camry.\nThe name \"\"Camry\"\" is an Anglicized phonetic transcription of the Japanese word kanmuri, meaning \"\"crown\"\". This follows Toyota\'s naming tradition of using the crown name for primary models starting with the Toyota Crown in 1955, continuing with the Toyota Corona and Corolla; the Latin words for \"\"crown\"\" and \"\"small crown\"\", respectively. In Japan, it is exclusive to Toyota Corolla Store retail dealerships.\nAs of May 2012, the Camry is the best-selling passenger car in North America. The Camry also sells very well in Australia, and a number of Asian markets. Despite international success, the Camry has not sold as well in its home market Japan, where the only powertrain offered is a hybrid. In Europe, sales ended in 2004, where the similarly sized Toyota Avensis is offered instead.[4] For the East and Southeast Asian markets, high-specification Camry models are seen as executive cars. Since the XV30 series, the Camrys sold in these markets have sported revised front- and rear-end treatment. For the 2006 onwards XV40 version, the same was done, although the Australian-designed and Camry-derived Toyota Aurion (XV40) was the donor model. The Aurion features revised front- and rear-end styling and changes to the interior, but has the same powertrains as the Camry in various markets.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage25',
+ },
+ {
+ ID: 23,
+ TrademarkName: 'Nissan',
+ TrademarkID: 3,
+ Name: 'Altima',
+ Modification: 'SL 3.5L V6 VA',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 31350,
+ MPGCity: 22,
+ MPGHighway: 31,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 6,
+ Horsepower: '270@6400',
+ Torque: '251@4400',
+ TransmissionSpeeds: -1,
+ TransmissionType: 1,
+ Description: 'The Nissan Altima is a mid-size car manufactured by Nissan, and is a continuation of the Nissan Bluebird line, which began in 1957. The Altima primarily competes in the mainstream mid-size sedan class in the United States against its main rivals, the Toyota Camry and Honda Accord, managing to become the second best-selling car in the United States in 2011.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage26',
+ },
+ {
+ ID: 24,
+ TrademarkName: 'Honda',
+ TrademarkID: 4,
+ Name: 'Accord',
+ Modification: 'Ex-L V-6 6-Spd AT 3.5L V6 6A',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 30860,
+ MPGCity: 21,
+ MPGHighway: 34,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 6,
+ Horsepower: '278@6200',
+ Torque: '252@4900',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Honda Accord is a series of automobiles manufactured by Honda since 1976, best known for its four-door sedan variant which has been one of the best-selling cars in the United States since 1989. The Accord nameplate has been applied to a variety of vehicles worldwide, including coupes, wagons, hatchbacks and a crossover.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY 3.0',
+ Author: 'Gold Pony',
+ Source: 'devexpress.com/carimage27',
+ },
+ {
+ ID: 25,
+ TrademarkName: 'Audi',
+ TrademarkID: 5,
+ Name: 'A6',
+ Modification: '2.0L I4 VA',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 43095,
+ MPGCity: 25,
+ MPGHighway: 33,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 4,
+ Horsepower: '211@4300',
+ Torque: '258@1500',
+ TransmissionSpeeds: -1,
+ TransmissionType: 1,
+ Description: 'The Audi A6 is an executive car made by the German automaker Audi AG, now in its fourth generation. As the successor to the Audi 100, the A6 is manufactured in Neckarsulm, Germany – and is available in saloon and wagon configurations, the latter marketed by Audi as the Avant.\nAll generations of the A6 have offered either front-wheel drive or Torsen-based four-wheel drive – marketed by Audi as their Quattro system. Second- and third- generation A6 models have shared their platform with the company\'s Allroad models.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY 4.0',
+ Author: 'OWS Photography',
+ Source: 'devexpress.com/carimage28',
+ },
+ {
+ ID: 26,
+ TrademarkName: 'Toyota',
+ TrademarkID: 1,
+ Name: 'Sienna',
+ Modification: 'LE 8 Passenger 3.5L V6 6A',
+ CategoryID: 4,
+ CategoryName: 'Minivan',
+ Price: 30980,
+ MPGCity: 18,
+ MPGHighway: 25,
+ Doors: 4,
+ BodyStyleID: 4,
+ BodyStyleName: 'Passenger Van',
+ Cylinders: 6,
+ Horsepower: '266@6200',
+ Torque: '245@4700',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Toyota Sienna is a family minivan manufactured by Toyota at the Toyota Motor Manufacturing Indiana facility, in Princeton, Indiana, United States, for the North American market. It replaced the first-generation Previa van in 1997 with a more conventional front wheel drive layout and shares a heavily revised platform with the Camry. Both the Previa and original Sienna were smaller than the other minivans they competed against, but a redesign in 2004 increased the dimensions to match those of its competitors. The Sienna is currently the only minivan in its class to offer all-wheel-drive. It was redesigned a second time for the 2011 model year. The third generation Sienna was put on sale in the US in February 2010 and is the first Sienna to ever receive a \'\"Top Safety Pick\"\" award from the Insurance Institute for Highway Safety.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage15',
+ },
+ {
+ ID: 27,
+ TrademarkName: 'Honda',
+ TrademarkID: 4,
+ Name: 'Odyssey',
+ Modification: 'EX 3.5L V6 5A',
+ CategoryID: 4,
+ CategoryName: 'Minivan',
+ Price: 32655,
+ MPGCity: 18,
+ MPGHighway: 27,
+ Doors: 4,
+ BodyStyleID: 4,
+ BodyStyleName: 'Passenger Van',
+ Cylinders: 6,
+ Horsepower: '248@5700',
+ Torque: '250@4800',
+ TransmissionSpeeds: 5,
+ TransmissionType: 1,
+ Description: 'The Honda Odyssey is a minivan manufactured by Japanese automaker Honda since 1994, marketed worldwide, and now in its fourth generation in North America and Japan.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage16',
+ },
+ {
+ ID: 28,
+ TrademarkName: 'Dodge',
+ TrademarkID: 15,
+ Name: 'Grand Caravan',
+ Modification: 'SXT 3.6L V6 6A',
+ CategoryID: 4,
+ CategoryName: 'Minivan',
+ Price: 27690,
+ MPGCity: 17,
+ MPGHighway: 25,
+ Doors: 4,
+ BodyStyleID: 4,
+ BodyStyleName: 'Passenger Van',
+ Cylinders: 6,
+ Horsepower: '283@6400',
+ Torque: '260@4400',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Dodge Caravan is a family minivan manufactured by Chrysler Group LLC and sold under its Dodge brand. The Caravan was introduced for the 1984 model year along with its nameplate variant, the Plymouth Voyager (1984-2001). In 1987, the Dodge Grand Caravan long-wheelbase (LWB) model was introduced and sold alongside the short-wheelbase (SWB) Caravan. The SWB model was discontinued after the 2007 model year; and, since the 2008 model year, the van has been sold only under the Grand Caravan nameplate.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Christopher Ziemnowicz',
+ Source: 'devexpress.com/carimage17',
+ },
+ {
+ ID: 29,
+ TrademarkName: 'Ford',
+ TrademarkID: 2,
+ Name: 'Taurus',
+ Modification: 'SHO AWD 3.5L V6 6A',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 40095,
+ MPGCity: 17,
+ MPGHighway: 25,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 6,
+ Horsepower: '365@5500',
+ Torque: '350@1500',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Ford Taurus is an automobile manufactured by the Ford Motor Company in the United States. Originally introduced in the 1986 model year, it has remained in near-continuous production for more than two decades, making it the fourth oldest nameplate that is currently sold in the North American Ford lineup. It has had a more upscale Mercury branded version entitled the Sable (1986–2005; 2008–2009), as well as a performance variant, the Ford Taurus SHO (1989–1999 and 2010–); in addition, it served as the basis for the first-ever front-wheel drive Lincoln Continental (1988–1994). It was a front-wheel drive mid-size car until 1999, and has been a full-size car since 2000, and available in front- or all-wheel drive since 2008. It has been built on the D3 platform since 2008.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Anonymousfox36',
+ Source: 'devexpress.com/carimage29',
+ },
+ {
+ ID: 30,
+ TrademarkName: 'Toyota',
+ TrademarkID: 1,
+ Name: 'Sequoia',
+ Modification: '2WD 5dr. SR5 5.7L V8',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 43450,
+ MPGCity: 13,
+ MPGHighway: 18,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 8,
+ Horsepower: '381@5600',
+ Torque: '401@3600',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Toyota Sequoia is a full size sport utility vehicle (SUV) manufactured by Toyota and derived from its Tundra pickup truck.\nIntroduced in 2000 and manufactured at Toyota Motor Manufacturing Indiana in Princeton, the Sequoia is the first vehicle from a Japanese marque in the popular mainstream full-sized SUV class in North America, and initial planning done by first-generation Sequoia chief engineer Kaoru Hosegawa aimed the Sequoia directly at the Ford Expedition, also competing with the Chevrolet Tahoe and the later Nissan Armada.\nThe Sequoia slots in above the 4Runner and below the premium Land Cruiser in the North American Toyota SUV lineup, and is the largest SUV currently being produced under the Toyota brand, with the only larger SUV in Toyota\'s history being the Mega Cruiser.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'deathpallie325',
+ Source: 'devexpress.com/carimage60',
+ },
+ {
+ ID: 31,
+ TrademarkName: 'Chevrolet',
+ TrademarkID: 18,
+ Name: 'Tahoe',
+ Modification: 'LS 2WD 5.3L V8 6A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 41400,
+ MPGCity: 15,
+ MPGHighway: 21,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 8,
+ Horsepower: '320@5400',
+ Torque: '335@4000',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Chevrolet Tahoe (and very similar GMC Yukon) are full-size SUVs from General Motors. Chevrolet and GMC sold two different-sized SUVs under their Blazer/Jimmy model names through the early 1990s. This situation changed when GMC rebadged the full-size Jimmy as the Yukon in 1992. Chevrolet waited until 1995 to rebadge the redesigned mid-size S-10 Blazer as the Blazer, renaming the full-size Blazer as the Tahoe. The Tahoe and Yukon gained a new 4-door model slotting in size between the 2-door models and the longer wheelbase and higher passenger capacity Chevrolet Suburban and newly named Yukon XL.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC0 1.0',
+ Author: 'HJUdall',
+ Source: 'devexpress.com/carimage61',
+ },
+ {
+ ID: 32,
+ TrademarkName: 'Ford',
+ TrademarkID: 2,
+ Name: 'Expedition',
+ Modification: 'XLT 4X2 5.4L V8 6A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 41600,
+ MPGCity: 14,
+ MPGHighway: 20,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 8,
+ Horsepower: '310@5100',
+ Torque: '365@3600',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Ford Expedition is a full-size SUV built by the Ford Motor Company. Introduced in 1996 for the 1997 model year as a replacement to the Ford Bronco, it was previously slotted between the smaller Ford Explorer and the larger Ford Excursion, but as of the 2005 model year, it is Ford\'s largest and last truck-based, off-road and tow-capable SUV. The Expedition is based heavily on the Ford F-150 pickup and continues to share various components (transmissions, electronics, chassis control systems, towing features, etc.) with the full-size half-ton pickup truck. Ford currently offers the standard regular-sized model and the longer EL/Max model, succeeding the Excursion which was discontinued in 2005.\nThe Expedition is the third Ford vehicle to use the \'\"Expedition\"\" name, as it was originally used on a 1992 concept vehicle, the F-150 Eddie Bauer Expedition. The name was subsequently and briefly used for one of the Explorer Sport (two door)\'s trim levels during the 1995 model year, before finding a home on the full-size SUV for the 1997 model year. All Expeditions were originally built in Wayne, Michigan. In 2009, Ford shifted its current third generation (2007–present) model production to Louisville, Kentucky when Ford converted the Wayne assembly plant to begin further production of the Focus. A fourth generation will arrive to dealers in either 2014 for the 2015 model year, or 2015 for the 2016 model year.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'Public Domain',
+ Author: 'Bull-Doser',
+ Source: 'devexpress.com/carimage62',
+ },
+ {
+ ID: 33,
+ TrademarkName: 'Mercedes-Benz',
+ TrademarkID: 10,
+ Name: 'G550',
+ Modification: '5.5L V8 7A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 113905,
+ MPGCity: 12,
+ MPGHighway: 15,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 8,
+ Horsepower: '388@6000',
+ Torque: '391@2800',
+ TransmissionSpeeds: 7,
+ TransmissionType: 1,
+ Description: 'The Mercedes-Benz G-Class or G-Wagen (as it was called from 1979 to 1994), short for Geländewagen (or cross-country vehicle), is a four-wheel drive vehicle / sport utility vehicle (SUV) produced by Steyr-Puch (now Magna Steyr) in Austria for German automaker Mercedes-Benz. The G-wagen is characterized by its boxy styling and body-on-frame construction. It uses three fully locking differentials, one of the few vehicles to have such a feature. Despite the introduction of an intended replacement, the unibody crossover SUV Mercedes-Benz GL-Class in 2006, the G-Class is still in production and is the longest produced Mercedes-Benz in Daimler\'s history, with a span of 32 years.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 3.0',
+ Author: 'Alekc2m',
+ Source: 'devexpress.com/carimage75',
+ },
+ {
+ ID: 34,
+ TrademarkName: 'Toyota',
+ TrademarkID: 1,
+ Name: 'Avalon',
+ Modification: 'XLE 3.5L V6 6AT',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 31785,
+ MPGCity: 21,
+ MPGHighway: 31,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 6,
+ Horsepower: '268@6200',
+ Torque: '248@4700',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Toyota Avalon is a full-size car produced by Toyota in the United States, and is the flagship sedan of Toyota in the United States, Canada, Puerto Rico and the Middle East. It was also produced in Australia from 2000 until July 2005 when it was replaced in November 2006 by the Toyota Aurion. The first Toyota Avalon rolled off the assembly line in Georgetown, Kentucky on February 21, 1994 as a 1995 model. A second-generation model was released in the United States and Japan in 1999. In 2000, the Toyota Avalon was the first Toyota model to feature a non-touch screen navigation system.\nToyota marketed the Avalon as filling the gap left by the discontinuation of the Toyota Cressida in the American market in 1992. While the Cressida was an upper-level midsize rear-wheel drive car with a straight-six engine, the Avalon is front-wheel drive, powered by a V6 engine. In recent years, there has been considerable overlapping with its platform mates, the Toyota Camry V6 and the Lexus ES, although the third generation Avalon was distinguished by offering extra legroom. For its fourth generation, the Avalon was introduced with a platform that is directly shared with the Lexus ES.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage30',
+ },
+ {
+ ID: 35,
+ TrademarkName: 'Audi',
+ TrademarkID: 5,
+ Name: 'S8',
+ Modification: '4.0L V8 8A',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 110895,
+ MPGCity: 15,
+ MPGHighway: 26,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 8,
+ Horsepower: '520@6000',
+ Torque: '481@5500',
+ TransmissionSpeeds: 8,
+ TransmissionType: 1,
+ Description: 'The Audi A8 is a four-door, full-size, luxury sedan car manufactured and marketed by the German automaker Audi since 1994. Succeeding the Audi V8, and now in its third generation, the A8 has been offered with both front- or permanent all-wheel drive—and in short- and long-wheelbase variants. The first two generations employed the Volkswagen Group D platform, with the current generation deriving the MLB platform. After the original model\'s 1994 release, Audi released the second generation in 2002, and the third and current iteration in 2009.\nNotable for being the first mass-market car with an aluminium chassis, all A8 models have utilised this construction method co-developed with Alcoa and marketed as the Audi Space Frame.\nA mechanically-upgraded, high-performance version of the A8 debuted in 1996 as the Audi S8. Produced exclusively at Audi\'s Neckarsulm plant, unlike the donor A8 model, the S8 has been available only in short-wheelbase form and is fitted standard with Audi\'s quattro all-wheel drive system.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Damian B Oh',
+ Source: 'devexpress.com/carimage31',
+ },
+ {
+ ID: 36,
+ TrademarkName: 'Nissan',
+ TrademarkID: 3,
+ Name: 'Maxima',
+ Modification: 'SV 3.5L V6 VA',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 34030,
+ MPGCity: 19,
+ MPGHighway: 26,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 6,
+ Horsepower: '290@6400',
+ Torque: '261@4400',
+ TransmissionSpeeds: -1,
+ TransmissionType: 1,
+ Description: 'The Nissan Maxima is an entry-level luxury car manufactured by Nissan, marketed as the \'\"four-door sports car\"\". The origins of the Maxima began in July 1976 as the Datsun 810, an upscale six-cylinder version of the Bluebird, and was spun into its own line in 1981, having been made continuously since then. The \"\"Maxima\"\" name was applied gradually, beginning in 1981. Most pre-2004 Maximas were built in Oppama, Japan, until the current North American Maximas started being assembled in Smyrna, Tennessee.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage32',
+ },
+ {
+ ID: 37,
+ TrademarkName: 'BMW',
+ TrademarkID: 6,
+ Name: '760li',
+ Modification: '6.0L V12 8A',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 141625,
+ MPGCity: 13,
+ MPGHighway: 20,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 12,
+ Horsepower: '536@5250',
+ Torque: '550@1500',
+ TransmissionSpeeds: 8,
+ TransmissionType: 1,
+ Description: 'The BMW 7 Series is a line of full-size luxury vehicles produced by the German automaker BMW. Introduced in 1977, it is BMW\'s flagship car and is only available as a sedan or extended-length limousine. The 7 Series traditionally introduces technologies and exterior design themes before they trickle down to smaller sedans in BMW\'s lineup.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage33',
+ },
+ {
+ ID: 38,
+ TrademarkName: 'Audi',
+ TrademarkID: 5,
+ Name: 'TT RS',
+ Modification: '2.5L I5 6M',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 58095,
+ MPGCity: 18,
+ MPGHighway: 25,
+ Doors: 2,
+ BodyStyleID: 1,
+ BodyStyleName: 'Convertible',
+ Cylinders: 5,
+ Horsepower: '360@5500',
+ Torque: '343@1650',
+ TransmissionSpeeds: 6,
+ TransmissionType: 2,
+ Description: 'The Audi TT is a small two-door sports car marketed by Volkswagen Group subsidiary Audi since 1998, both assembled by the Audi subsidiary Audi Hungaria Motor Kft. in Győr, Hungary, using bodyshells manufactured and painted at Audi\'s Ingolstadt plant.\nFor each of its two generations, the TT has been available as a 2+2 Coupé and as a two-seater roadster employing consecutive generations of the Volkswagen Group A platform, starting with the A4 (PQ34). As a result of this platform-sharing, the Audi TT has identical powertrain and suspension layouts as its related platform-mates; including a front-mounted transversely oriented engine, front-wheel drive or quattro four-wheel drive system, and fully independent front suspension using MacPherson struts.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 2.0 DE',
+ Author: 'Lothar Spurzem',
+ Source: 'devexpress.com/carimage02',
+ },
+ {
+ ID: 39,
+ TrademarkName: 'Audi',
+ TrademarkID: 5,
+ Name: 'Allroad',
+ Modification: '2.0L I4 8A',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 40495,
+ MPGCity: 20,
+ MPGHighway: 27,
+ Doors: 4,
+ BodyStyleID: 8,
+ BodyStyleName: 'Wagon',
+ Cylinders: 4,
+ Horsepower: '211@4300',
+ Torque: '258@1500',
+ TransmissionSpeeds: 8,
+ TransmissionType: 1,
+ Description: 'The Audi allroad quattro is an automotive nameplate used by the German automobile manufacturer Audi, a division of the Volkswagen Group since 1999. Audi has utilised the name \'\"allroad quattro\"\" to signify semi-offroad ability on two of its mainstream model lines.\nOriginally, the name \"\"Audi allroad quattro\"\" applied to a semi-offroad version of the Audi A6 Avant (wagon) in 1999. Audi retitled subsequent generations, as released in 2006 and 2012, as \"\"Audi A6 allroad quattro\"\".\nSince 2009, Audi has offered the \"\"Audi A4 allroad quattro\"\", based on the mainstream Audi A4 Avant (wagon).',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 2.0',
+ Author: 'AUDI AG',
+ Source: 'devexpress.com/carimage69',
+ },
+ {
+ ID: 40,
+ TrademarkName: 'BMW',
+ TrademarkID: 6,
+ Name: 'Z4 Sdrive35i',
+ Modification: '3.0L I6 6M',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 56075,
+ MPGCity: 19,
+ MPGHighway: 26,
+ Doors: 2,
+ BodyStyleID: 1,
+ BodyStyleName: 'Convertible',
+ Cylinders: 6,
+ Horsepower: '300@5800',
+ Torque: '300@1400',
+ TransmissionSpeeds: 6,
+ TransmissionType: 2,
+ Description: 'The BMW Z4 is a rear-wheel drive sports car by the German car maker BMW. It follows a line of past BMW roadsters such as the BMW Z1, BMW 507, BMW Z8, and the BMW Z3. The Z4 replaces the Z3. First generation production started in 2002 at BMW USA\'s Greer, South Carolina plant, with production of both roadster and coupe forms. When debuted, it won Automobile Magazine \'\"Design of the Year Award\"\". Starting with the 2009 model year, the second-generation Z4 is built at BMW\'s Regensburg, Germany plant as a retractable hardtop roadster. In 2009, the BMW Z4 won the Red Dot Design Award.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY 2.0',
+ Author: 'Milestoned',
+ Source: 'devexpress.com/carimage03',
+ },
+ {
+ ID: 41,
+ TrademarkName: 'BMW',
+ TrademarkID: 6,
+ Name: 'M5',
+ Modification: '4.4L V8 7M',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 91125,
+ MPGCity: 14,
+ MPGHighway: 20,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 8,
+ Horsepower: '560@6000',
+ Torque: '500@1500',
+ TransmissionSpeeds: 7,
+ TransmissionType: 2,
+ Description: 'The BMW M5 is a high performance version of the BMW 5-Series executive car built by the Motorsport division of BMW. Beginning production in 1985, the first incarnation of the M5 was hand-built utilizing the 535i chassis and a modified BMW M1 engine, being the fastest production sedan in the world at the time of its introduction. Subsequent iterations of the M5 have been built from each generation of the 5-Series platform, including the E34, E39, E60/E61, and most recently, F10, with the first orders delivered in late 2011.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY 2.0',
+ Author: 'ilikewaffles11',
+ Source: 'devexpress.com/carimage34',
+ },
+ {
+ ID: 42,
+ TrademarkName: 'BMW',
+ TrademarkID: 6,
+ Name: 'X6',
+ Modification: '4.4L V8 8A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 71325,
+ MPGCity: 14,
+ MPGHighway: 20,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 8,
+ Horsepower: '400@5500',
+ Torque: '450@1750',
+ TransmissionSpeeds: 8,
+ TransmissionType: 1,
+ Description: 'The BMW X6 is a mid-size luxury crossover released for sale in the second quarter of 2008 for the 2009 model year by German automaker BMW. The X6 was marketed as a Sports Activity Coupé (SAC) by BMW. It combines the attributes of an SUV (high ground clearance, all wheel drive and all-weather ability, large wheels and tires) with the stance of a coupé (bold styling, dramatic sloping roof).',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage64',
+ },
+ {
+ ID: 43,
+ TrademarkName: 'Subaru',
+ TrademarkID: 7,
+ Name: 'Impreza',
+ Modification: '2.0L H4 5M',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 19165,
+ MPGCity: 25,
+ MPGHighway: 33,
+ Doors: 4,
+ BodyStyleID: 3,
+ BodyStyleName: 'Hatchback',
+ Cylinders: 4,
+ Horsepower: '148@6200',
+ Torque: '145@4200',
+ TransmissionSpeeds: 5,
+ TransmissionType: 2,
+ Description: 'The Subaru Impreza is a compact automobile, manufactured since 1992 by Subaru—the automobile division of Japanese transportation conglomerate, Fuji Heavy Industries (FHI). Subaru introduced the Impreza as a replacement for the Leone, with the Leone\'s EA series engines replaced by the newer EJ series versions.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC0 1.0',
+ Author: 'Guillaume Vachey',
+ Source: 'devexpress.com/carimage11',
+ },
+ {
+ ID: 44,
+ TrademarkName: 'Subaru',
+ TrademarkID: 7,
+ Name: 'Outback',
+ Modification: '3.6L H6 5A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 29290,
+ MPGCity: 18,
+ MPGHighway: 25,
+ Doors: 4,
+ BodyStyleID: 8,
+ BodyStyleName: 'Wagon',
+ Cylinders: 6,
+ Horsepower: '256@6000',
+ Torque: '247@4400',
+ TransmissionSpeeds: 5,
+ TransmissionType: 1,
+ Description: 'The Subaru Outback is an automotive nameplate used by the Japanese automobile manufacturer Fuji Heavy Industries (FHI) since 1994. The \'\"Outback\"\" name has been utilized on two different Subaru branded vehicles. One of these models is based on the mid-sized Subaru Legacy and the other derived from the hatchback version of the Subaru Impreza. Named after the vast, remote, and arid outback regions in Australia—the name is intended to emphasize the moderate off-road capability of the vehicle.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage70',
+ },
+ {
+ ID: 45,
+ TrademarkName: 'Volkswagen',
+ TrademarkID: 8,
+ Name: 'Jetta',
+ Modification: 'SE 2.5L I5 5M',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 19810,
+ MPGCity: 23,
+ MPGHighway: 33,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 5,
+ Horsepower: '170@5700',
+ Torque: '177@4250',
+ TransmissionSpeeds: 5,
+ TransmissionType: 2,
+ Description: 'The Volkswagen Jetta is a small family car produced by German automaker Volkswagen Group for the Volkswagen Passenger Cars marque since 1979. Positioned to fill a saloon/sedan niche above the firm\'s Golf hatchback offering, it has been marketed over six generations variously as the Atlantic, Fox, Vento, Bora, City Jetta, Jetta City, GLI, Jetta, and Sagitar.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage35',
+ },
+ {
+ ID: 46,
+ TrademarkName: 'Volkswagen',
+ TrademarkID: 8,
+ Name: 'Touareg',
+ Modification: 'TDI Sport 3.0L V6 8A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 48320,
+ MPGCity: 20,
+ MPGHighway: 29,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 6,
+ Horsepower: '240@4000',
+ Torque: '406@2000',
+ TransmissionSpeeds: 8,
+ TransmissionType: 1,
+ Description: 'The Volkswagen Touareg is a mid-size crossover SUV produced by German automaker Volkswagen since 2002 at the Volkswagen Bratislava Plant. The vehicle was named after the Tuareg people, a Berber-speaking group in North Africa.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage65',
+ },
+ {
+ ID: 47,
+ TrademarkName: 'Volkswagen',
+ TrademarkID: 8,
+ Name: 'Golf',
+ Modification: '2.5l 2.5L I5 5M',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 18890,
+ MPGCity: 23,
+ MPGHighway: 33,
+ Doors: 2,
+ BodyStyleID: 3,
+ BodyStyleName: 'Hatchback',
+ Cylinders: 5,
+ Horsepower: '170@5700',
+ Torque: '177@4250',
+ TransmissionSpeeds: 5,
+ TransmissionType: 2,
+ Description: 'The Volkswagen Golf is a subcompact car manufactured by German automaker Volkswagen since 1974, marketed worldwide across seven generations, in various body configurations and under various nameplates – as the Volkswagen Rabbit in the United States and Canada (Mk1 and Mk5), and as the Volkswagen Caribe in Mexico (Mk1).',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY 2.0',
+ Author: 'Allie_Caulfield',
+ Source: 'devexpress.com/carimage12',
+ },
+ {
+ ID: 48,
+ TrademarkName: 'Mitsubishi',
+ TrademarkID: 9,
+ Name: 'Lancer',
+ Modification: 'GT 2.4L I4 5M',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 20790,
+ MPGCity: 22,
+ MPGHighway: 31,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 4,
+ Horsepower: '168@6000',
+ Torque: '167@4100',
+ TransmissionSpeeds: 5,
+ TransmissionType: 2,
+ Description: 'The Mitsubishi Lancer is a compact car produced by the Japanese manufacturer Mitsubishi Motors since 1973. It has been known as the Colt Lancer, Dodge/Plymouth Colt, Chrysler Valiant Lancer, Chrysler Lancer, Eagle Summit, Hindustan Lancer, Soueast Lioncel, and Mitsubishi Mirage in various countries at different times, and has been sold as the Mitsubishi Galant Fortis in Japan since 2007. It has also been sold as Mitsubishi Lancer Fortis in Taiwan with a different facelift compared to Galant Fortis. In Japan, it was sold at a specific retail chain called Car Plaza.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 3.0',
+ Author: 'XD4rkxL1ghtx',
+ Source: 'devexpress.com/carimage36',
+ },
+ {
+ ID: 49,
+ TrademarkName: 'Mercedes-Benz',
+ TrademarkID: 10,
+ Name: 'Slk350',
+ Modification: '3.5L V6 7A',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 56305,
+ MPGCity: 21,
+ MPGHighway: 29,
+ Doors: 2,
+ BodyStyleID: 1,
+ BodyStyleName: 'Convertible',
+ Cylinders: 6,
+ Horsepower: '302@6500',
+ Torque: '273@3500',
+ TransmissionSpeeds: 7,
+ TransmissionType: 1,
+ Description: 'The SLK is a compact roadster manufactured by Mercedes-Benz in three generations; R170 launched in 1996, the R171 in 2004 and R172 in 2011.\nAs one of the first modern retractable hardtop convertibles, the SLK followed the 1995 Mitsubishi 3000GT Spyder and preceded other retractable hardtops such as the Peugeot 206cc, Lexus SC, Pontiac G6 and the Chrysler Sebring. The SLK Vario-roof was first shown on the SLK II concept car at the 1994 Paris Motor Show. The car went on sale two years later in Europe, and in 1997 in the US. The SLK is built in Bremen, Germany.\nThe designation SLK derives from the company\'s design mission to create a roadster that was at once sporty, light and short — in German: Sportlich, Leicht und Kurz.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 2.0',
+ Author: 'Shadman Samee',
+ Source: 'devexpress.com/carimage04',
+ },
+ {
+ ID: 50,
+ TrademarkName: 'Mercedes-Benz',
+ TrademarkID: 10,
+ Name: 'S600',
+ Modification: '5.5L V12 5A',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 161205,
+ MPGCity: 12,
+ MPGHighway: 19,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 12,
+ Horsepower: '510@5000',
+ Torque: '612@1800',
+ TransmissionSpeeds: 5,
+ TransmissionType: 1,
+ Description: 'The Mercedes-Benz W140 is a series of flagship vehicles that were manufactured by the German automotive company Mercedes-Benz. On November 16, 1990, Mercedes-Benz unveiled the W140 S-Class via press release, later appearing in several February and March editions of magazines. The W140 made its public debut at the Geneva Motor Show in March 1991, with the first examples rolling off the production line in April 1991 and North American examples on August 6, 1991. Short (SE) and long (SEL) wheelbase sedans were offered initially, as well as the coupé (SEC) body style from October 1992. Like all Mercedes-Benz lines, the W140 S-Class was rationalized in late 1993 using the new \'\"letter-first\"\" nomenclature. The SE, SEL, and SEC cars were renamed the S-Class, with alphanumerical designations inverted. For example, the 500 SE became the S 500, and the 500 SEL became the S 500 L. In 1996 the coupé models following a mid-life update were separated into the CL-Class. The W140 series S-Class was superseded by the W220 S-Class sedan and C215 CL-Class coupe in 1999 after an eight-year production run.\nMercedes-Benz built 432,732 examples of the 140 series,[6] comprising 406,710 sedans and 26,022 coupés.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY 4.0',
+ Author: 'OWS Photography',
+ Source: 'devexpress.com/carimage37',
+ },
+ {
+ ID: 51,
+ TrademarkName: 'Mercedes-Benz',
+ TrademarkID: 10,
+ Name: 'Cls550',
+ Modification: '4.6L V8 7A',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 72905,
+ MPGCity: 17,
+ MPGHighway: 25,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 8,
+ Horsepower: '402@5000',
+ Torque: '443@1800',
+ TransmissionSpeeds: 7,
+ TransmissionType: 1,
+ Description: 'The Mercedes-Benz CLS is an executive-size sedan originally launched in 2004 and based on the W211 E-Class and was internally designated as the W219. The second generation CLS-Class was introduced in September 2010 and production started in the beginning of 2011.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage38',
+ },
+ {
+ ID: 52,
+ TrademarkName: 'Mazda',
+ TrademarkID: 11,
+ Name: 'Mazda6',
+ Modification: '2.5L I4 6M',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 21520,
+ MPGCity: 21,
+ MPGHighway: 30,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 4,
+ Horsepower: '170@6000',
+ Torque: '167@4000',
+ TransmissionSpeeds: 6,
+ TransmissionType: 2,
+ Description: 'The Mazda6 or Mazda 6 (known as the Mazda Atenza in China and Japan) is a large family car produced by the Japanese car manufacturer Mazda since 2002, now in its third generation. The Mazda6 has sold over one million units worldwide since its introduction, hitting this sales milestone faster than all previous Mazdas.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY 2.0',
+ Author: 'Erik Drost',
+ Source: 'devexpress.com/carimage39',
+ },
+ {
+ ID: 53,
+ TrademarkName: 'Mazda',
+ TrademarkID: 11,
+ Name: 'Mx-5 Miata',
+ Modification: '2.0L I4 5M',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 24515,
+ MPGCity: 22,
+ MPGHighway: 28,
+ Doors: 2,
+ BodyStyleID: 1,
+ BodyStyleName: 'Convertible',
+ Cylinders: 4,
+ Horsepower: '167@7000',
+ Torque: '140@5000',
+ TransmissionSpeeds: 5,
+ TransmissionType: 2,
+ Description: 'The MX-5, released as the MX-5 Miata in North America, and the Roadster in Japan, is a lightweight two-seater roadster with a front-engine, rear-wheel-drive layout. Manufactured by Mazda in Hiroshima, Japan, the model debuted in 1989 at the Chicago Auto Show. The MX-5 was conceived as a small roadster – with light weight and minimal mechanical complexity limited only by legal and safety requirements; technologically modern, but philosophically descending from small British and Italian roadsters of the 1960s such as the Triumph Spitfire, MG MGB, Fiat 124 Sport Spider, Alfa Romeo Spider, and Lotus Elan.\nThe second generation MX-5 (NB) was launched in 1998 and the current (NC) model has been in production since 2005. It continues to be the best-selling two-seat convertible sports car in history and by February 2011 over 900,000 MX-5s had been built and sold around the world.\nSince the launch of the third generation, Mazda consolidated worldwide marketing using the MX-5 name with the exception of North America where it is marketed as the MX-5 Miata. The name Miata derives from Old High German for reward.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'Public Domain',
+ Author: 'IFCAR',
+ Source: 'devexpress.com/carimage01',
+ },
+ {
+ ID: 54,
+ TrademarkName: 'KIA',
+ TrademarkID: 12,
+ Name: 'RIO',
+ Modification: 'EX 1.6L I4 6A',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 17300,
+ MPGCity: 28,
+ MPGHighway: 36,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 4,
+ Horsepower: '138@6300',
+ Torque: '123@4850',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Kia Rio is a subcompact automobile manufactured and marketed by Kia Motors since August 2000 and now in its third generation. Body styles have included a five-door hatchback and four-door sedan body styles, equipped with inline-four gasoline and diesel engines, and front-wheel drive.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Jakub CA',
+ Source: 'devexpress.com/carimage40',
+ },
+ {
+ ID: 55,
+ TrademarkName: 'KIA',
+ TrademarkID: 12,
+ Name: 'Soul',
+ Modification: '2.0L I4 6A',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 20700,
+ MPGCity: 23,
+ MPGHighway: 28,
+ Doors: 4,
+ BodyStyleID: 3,
+ BodyStyleName: 'Hatchback',
+ Cylinders: 4,
+ Horsepower: '164@6500',
+ Torque: '148@4800',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Kia Soul is a subcompact car designed at Kia\'s design center in California, unveiled at the 2008 Paris Motor Show, manufactured in South Korea and marketed globally beginning with model year 2010.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'Public Domain',
+ Author: 'US NHTSA',
+ Source: 'devexpress.com/carimage13',
+ },
+ {
+ ID: 56,
+ TrademarkName: 'Land Rover',
+ TrademarkID: 13,
+ Name: 'LR4',
+ Modification: '5.0L V8 6A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 49995,
+ MPGCity: 12,
+ MPGHighway: 17,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 8,
+ Horsepower: '375@6500',
+ Torque: '375@3500',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Land Rover Discovery is an offroad focused mid-size SUV, from the British car maker Land Rover. There have been four generations of the vehicle, which was first introduced in 1989. The current Discovery 4 is marketed in North America as the LR4.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY 2.0',
+ Author: 'Land Rover MENA',
+ Source: 'devexpress.com/carimage66',
+ },
+ {
+ ID: 57,
+ TrademarkName: 'Land Rover',
+ TrademarkID: 13,
+ Name: 'Range Rover Supercharged',
+ Modification: '5.0L V8 8A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 99995,
+ MPGCity: 13,
+ MPGHighway: 19,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 8,
+ Horsepower: '510@6000',
+ Torque: '461@2500',
+ TransmissionSpeeds: 8,
+ TransmissionType: 1,
+ Description: 'The Range Rover is a large luxury four-wheel drive sport utility vehicle (SUV) flagship model produced by British car maker Land Rover, which is part of the Jaguar Land Rover group, a subsidiary of Tata Motors of India.\nThe model, launched in 1970, is now in its fourth generation. Range Rover is also being developed by Land Rover as its premium brand, and it is used as a brand name on two other models – the Range Rover Evoque and the Range Rover Sport.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC0 1.0',
+ Author: 'HJUdall',
+ Source: 'devexpress.com/carimage67',
+ },
+ {
+ ID: 58,
+ TrademarkName: 'Chrysler',
+ TrademarkID: 14,
+ Name: '200 Convertible',
+ Modification: 'S 3.6L V6 6A',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 34015,
+ MPGCity: 19,
+ MPGHighway: 29,
+ Doors: 2,
+ BodyStyleID: 1,
+ BodyStyleName: 'Convertible',
+ Cylinders: 6,
+ Horsepower: '283@6400',
+ Torque: '260@4400',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Chrysler 200 is an entry-level luxury car produced by the American manufacturer Chrysler, introduced during the 2011 model year. It is an update and new nameplate for the outgoing 2010 Chrysler Sebring. The 200 name first appeared on a prototype hybrid vehicle shown at the 2009 North American International Auto Show in Detroit, called the 200C. The prototype was based on the Chrysler 300. While Chrysler\'s sales chief, Steven Landry, said it had been approved for production, CEO Sergio Marchionne later said it was not practical. The 200C concept was engineered to accept either a traditional gasoline engine, hybrid or electric powertrain.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Damian B Oh',
+ Source: 'devexpress.com/carimage05',
+ },
+ {
+ ID: 59,
+ TrademarkName: 'Dodge',
+ TrademarkID: 15,
+ Name: 'SRT Viper',
+ Modification: 'GTS 8.4L V10 6M',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 122390,
+ MPGCity: 13,
+ MPGHighway: 18,
+ Doors: 2,
+ BodyStyleID: 2,
+ BodyStyleName: 'Coupe',
+ Cylinders: 10,
+ Horsepower: '640@6200',
+ Torque: '600@5000',
+ TransmissionSpeeds: 6,
+ TransmissionType: 2,
+ Description: 'The SRT Viper (formerly the Dodge Viper prior to the 2013 model year) is a V10-powered sports car, manufactured by the Dodge (SRT after 2013) division of Chrysler. Production of the two-seat sports car began at New Mack Assembly in 1991 and moved to its current home at Conner Avenue Assembly in October 1995.\nThe Viper was initially conceived in late 1988 at Chrysler\'s Advanced Design Studios. The following February, Chrysler president Bob Lutz suggested to Tom Gale at Chrysler Design that the company should consider producing a modern Cobra, and a clay model was presented to Lutz a few months later. Produced in sheet metal by Metalcrafters, the car appeared as a concept at the North American International Auto Show in 1989. Public reaction was so enthusiastic that chief engineer Roy Sjoberg was directed to develop it as a standard production vehicle.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY 2.0',
+ Author: 'Alden Jewell',
+ Source: 'devexpress.com/carimage07',
+ },
+ {
+ ID: 60,
+ TrademarkName: 'Dodge',
+ TrademarkID: 15,
+ Name: 'Challenger',
+ Modification: 'Srt8 6.4L V8 6M',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 45190,
+ MPGCity: 14,
+ MPGHighway: 23,
+ Doors: 2,
+ BodyStyleID: 2,
+ BodyStyleName: 'Coupe',
+ Cylinders: 8,
+ Horsepower: '470@6000',
+ Torque: '470@4200',
+ TransmissionSpeeds: 6,
+ TransmissionType: 2,
+ Description: 'The Dodge Challenger is the name of three different generations of automobiles marketed by the Dodge division of Chrysler. The Dodge Silver Challenger was produced in 1959. From 1970 to 1974, the first generation Dodge Challenger pony car was built using the Chrysler E platform, sharing major components with the Plymouth Barracuda. The second generation, from 1978 to 1983, was a badge engineered Mitsubishi Galant Lambda. The third, and current generation, was introduced in 2008 as a rival to the evolved fifth generation Ford Mustang and the reintroduced fifth generation Chevrolet Camaro.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Calreyn88',
+ Source: 'devexpress.com/carimage08',
+ },
+ {
+ ID: 61,
+ TrademarkName: 'Dodge',
+ TrademarkID: 15,
+ Name: 'Charger',
+ Modification: 'SE RWD 3.6L V6 5A',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 27290,
+ MPGCity: 18,
+ MPGHighway: 27,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 6,
+ Horsepower: '292@6350',
+ Torque: '260@4800',
+ TransmissionSpeeds: 5,
+ TransmissionType: 1,
+ Description: 'The Dodge Charger is an American automobile manufactured by the Dodge division of Chrysler. There have been several different Dodge vehicles, built on three different platforms and sizes, all bearing the Charger nameplate. The name is generally associated with a performance model in the Dodge range; however, it has also adorned subcompact hatchbacks, full-sized sedans, and personal luxury coupes.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Real Liquidstone',
+ Source: 'devexpress.com/carimage41',
+ },
+ {
+ ID: 62,
+ TrademarkName: 'Lexus',
+ TrademarkID: 16,
+ Name: 'RX 350',
+ Modification: '3.5L V6 6A',
+ CategoryID: 2,
+ CategoryName: 'Crossover & SUV',
+ Price: 41955,
+ MPGCity: 18,
+ MPGHighway: 24,
+ Doors: 4,
+ BodyStyleID: 7,
+ BodyStyleName: 'Sport Utility Vehicle',
+ Cylinders: 6,
+ Horsepower: '270@6200',
+ Torque: '248@4700',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Lexus RX is a crossover sport utility vehicle (SUV) sold since 1998 by Lexus, the luxury division of Toyota. Originally released in its home market of Japan in late 1997 as the Toyota Harrier, exports began in early 1998 as Lexus RX. Three generations of the Lexus RX have been produced to date, the first being compact in size, and the latter two classified as mid-size. Both front- and four-wheel drive configurations have been used on the RX series, and several gasoline powertrain options, including V6 engines and hybrid systems, have been offered. In the Lexus model lineup, the RX sits below the larger GX and LX body-on-frame SUVs, and remains the marque\'s only crossover model. The RX name stands for Radiant Crossover. It has also been labelled as \'\"Recreation Cross Country\"\" in some markets.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage68',
+ },
+ {
+ ID: 63,
+ TrademarkName: 'Lexus',
+ TrademarkID: 16,
+ Name: 'IS 350',
+ Modification: '3.5L V6 6A',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 43675,
+ MPGCity: 19,
+ MPGHighway: 26,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 6,
+ Horsepower: '306@6400',
+ Torque: '277@4800',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Lexus IS is a series of entry-level luxury cars / compact executive cars sold by Lexus since 1998. The IS was introduced as an entry-level sport model slotted below the ES in the Lexus lineup (and outside of North America, the Lexus GS). The IS was originally sold under the Toyota Altezza nameplate in Japan (the word \'\"altezza\"\" is Italian for \"\"highness\"\") until the introduction of the Lexus brand and the second generation Lexus IS design in 2006. The Altezza name is still used at times to refer to chromed car taillights like those fitted to the first generation model, known as \'Altezza lights\' or \'Lexus-style\' lights.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Ethan Llamas',
+ Source: 'devexpress.com/carimage42',
+ },
+ {
+ ID: 64,
+ TrademarkName: 'Chevrolet',
+ TrademarkID: 18,
+ Name: 'Malibu',
+ Modification: 'LS 2.5L I4 6A',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 22805,
+ MPGCity: 22,
+ MPGHighway: 34,
+ Doors: 4,
+ BodyStyleID: 6,
+ BodyStyleName: 'Sedan',
+ Cylinders: 4,
+ Horsepower: '197@6300',
+ Torque: '191@4400',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The Chevrolet Malibu is a mid-size car produced by the American manufacturer General Motors (GM) from 1964 to 1983 and from 1997 to present. The Malibu began as a trim-level of the Chevrolet Chevelle, but became its own model line in 1978. Originally a rear-wheel-drive intermediate, GM revived the Malibu nameplate as a front-wheel-drive car in 1997. It is named after the city of Malibu, California.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 4.0',
+ Author: 'Dinkun Chen',
+ Source: 'devexpress.com/carimage43',
+ },
+ {
+ ID: 65,
+ TrademarkName: 'Chevrolet',
+ TrademarkID: 18,
+ Name: 'Camaro',
+ Modification: 'ZL1 6.2L V8 6M',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 55250,
+ MPGCity: 14,
+ MPGHighway: 19,
+ Doors: 2,
+ BodyStyleID: 1,
+ BodyStyleName: 'Convertible',
+ Cylinders: 8,
+ Horsepower: '580@6000',
+ Torque: '556@4200',
+ TransmissionSpeeds: 6,
+ TransmissionType: 2,
+ Description: 'The Chevrolet Camaro is an automobile manufactured by General Motors under the Chevrolet brand, classified as a pony car and some versions also as a muscle car. It went on sale on September 29, 1966, for the 1967 model year and was designed as a competing model to the Ford Mustang. The car shared its platform and major components with the Pontiac Firebird, also introduced for 1967.\nFour distinct generations of the Camaro were developed before production ended in 2002. The nameplate was revived again on a concept car that evolved into the fifth-generation Camaro; production started on March 16, 2009.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 3.0',
+ Author: 'Noah Wulf',
+ Source: 'devexpress.com/carimage06',
+ },
+ {
+ ID: 66,
+ TrademarkName: 'Chevrolet',
+ TrademarkID: 18,
+ Name: 'Corvette Coupe',
+ Modification: 'ZR1 3ZR 6.2L V8 6M',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 122595,
+ MPGCity: 14,
+ MPGHighway: 21,
+ Doors: 2,
+ BodyStyleID: 2,
+ BodyStyleName: 'Coupe',
+ Cylinders: 8,
+ Horsepower: '638@6500',
+ Torque: '604@3800',
+ TransmissionSpeeds: 6,
+ TransmissionType: 2,
+ Description: 'The Chevrolet Corvette is a sports car by the Chevrolet division of General Motors (GM) that has been produced in seven generations. The first model, a convertible, was designed by Harley Earl and introduced at the GM Motorama in 1953 as a concept show car. Myron Scott is credited for naming the car after the type of small, maneuverable warship called a corvette. Originally built in Flint, Michigan and St. Louis, Missouri, the Corvette is currently manufactured in Bowling Green, Kentucky and is the official sports car of the Commonwealth of Kentucky.\nA Corvette has been used as the Indianapolis 500 pace car 12 times.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY 4.0',
+ Author: 'OWS Photography',
+ Source: 'devexpress.com/carimage09',
+ },
+ {
+ ID: 67,
+ TrademarkName: 'RAM',
+ TrademarkID: 19,
+ Name: '3500 Regular CAB 4X4',
+ Modification: 'ST LWB 5.7L V8 6A',
+ CategoryID: 3,
+ CategoryName: 'Truck',
+ Price: 34370,
+ MPGCity: 0,
+ MPGHighway: 0,
+ Doors: 2,
+ BodyStyleID: 5,
+ BodyStyleName: 'Pickup',
+ Cylinders: 8,
+ Horsepower: '383@5600',
+ Torque: '400@4000',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: "",
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC0 1.0',
+ Author: 'HJUdall',
+ Source: 'devexpress.com/carimage22',
+ },
+ {
+ ID: 68,
+ TrademarkName: 'RAM',
+ TrademarkID: 19,
+ Name: '2500 Mega CAB 4X4',
+ Modification: 'SLT SWB 5.7L V8 6A',
+ CategoryID: 3,
+ CategoryName: 'Truck',
+ Price: 42460,
+ MPGCity: 0,
+ MPGHighway: 0,
+ Doors: 4,
+ BodyStyleID: 5,
+ BodyStyleName: 'Pickup',
+ Cylinders: 8,
+ Horsepower: '383@5600',
+ Torque: '400@4000',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: "",
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC0 1.0',
+ Author: 'HJUdall',
+ Source: 'devexpress.com/carimage23',
+ },
+ {
+ ID: 69,
+ TrademarkName: 'Ford',
+ TrademarkID: 2,
+ Name: 'F-350 SD Supercab 4X4',
+ Modification: '6.2L V8 6A',
+ CategoryID: 3,
+ CategoryName: 'Truck',
+ Price: 48050,
+ MPGCity: 0,
+ MPGHighway: 0,
+ Doors: 4,
+ BodyStyleID: 5,
+ BodyStyleName: 'Pickup',
+ Cylinders: 8,
+ Horsepower: '316@4179',
+ Torque: '397@4179',
+ TransmissionSpeeds: 6,
+ TransmissionType: 1,
+ Description: 'The F-Series is a series of full-size pickup trucks from Ford Motor Company which has been sold continuously for over six decades.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 3.0',
+ Author: 'Cristianv14',
+ Source: 'devexpress.com/carimage24',
+ },
+ {
+ ID: 70,
+ TrademarkName: 'Ford',
+ TrademarkID: 2,
+ Name: 'Mustang GT Coupe',
+ Modification: '5.0L V8 6M',
+ CategoryID: 1,
+ CategoryName: 'Passenger Car',
+ Price: 31545,
+ MPGCity: 15,
+ MPGHighway: 26,
+ Doors: 3,
+ BodyStyleID: 2,
+ BodyStyleName: 'Coupe',
+ Cylinders: 8,
+ Horsepower: '420@6500',
+ Torque: '390@4250',
+ TransmissionSpeeds: 6,
+ TransmissionType: 2,
+ Description: 'The Ford Mustang is an automobile manufactured by the Ford Motor Company. It was initially based on the platform of the second generation North American Ford Falcon, a compact car. Introduced early on April 17, 1964, and thus dubbed as a \'\"1964½\"\" model by Mustang fans, the 1965 Mustang was the automaker\'s most successful launch since the Model A. The Mustang has undergone several transformations to its current fifth generation.\nThe Mustang created the \"\"pony car\"\" class of American automobiles—sports car-like coupes with long hoods and short rear decks—and gave rise to competitors such as the Chevrolet Camaro, and Pontiac Firebird, AMC Javelin, as well as Chrysler\'s revamped Plymouth Barracuda and the first generation Dodge Challenger. The Mustang is also credited for inspiring the designs of coupés such as the Toyota Celica and Ford Capri, which were imported to the United States.',
+ DeliveryDate: false,
+ InStock: false,
+ Edits: 'Resize and crop',
+ LicenseName: 'CC BY-SA 3.0',
+ Author: 'Tobias \'\"ToMar\"\" Maier',
+ Source: 'devexpress.com/carimage10',
+ },
+];
diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/index.html b/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/index.html
index e69de29bb2d1..7e9e2ff3174c 100644
--- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/index.html
+++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/index.html
@@ -0,0 +1,25 @@
+
+
+
+ DevExtreme Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/index.js b/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/index.js
index e69de29bb2d1..4ef971fbc7cd 100644
--- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/index.js
+++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/index.js
@@ -0,0 +1,235 @@
+$(() => {
+ const deployment = 'demo-mini';
+ const apiVersion = '2024-02-01';
+ const endpoint = 'https://public-api.devexpress.com/demo-openai';
+ const apiKey = 'DEMO';
+
+ const aiService = new AzureOpenAI({
+ dangerouslyAllowBrowser: true,
+ deployment,
+ endpoint,
+ apiVersion,
+ apiKey,
+ });
+
+ async function getAIResponse(messages) {
+ const params = {
+ messages,
+ model: deployment,
+ max_completion_tokens: 1000,
+ temperature: 0.7,
+ };
+
+ const response = await aiService.chat.completions.create(params);
+ const result = response.choices[0].message?.content;
+
+ return result;
+ }
+
+ const createCategoryTemplate = ({ CategoryName, CategoryID }) => $('')
+ .addClass('category__wrapper')
+ .addClass(`category-${CategoryID}__bg-color`)
+ .text(CategoryName);
+
+ function getOutputAreaMinHeight() {
+ const isMaterial = $('.dx-theme-material').length > 0;
+ return isMaterial ? 68 : 56;
+ }
+
+ function getOutputAreaMaxHeight() {
+ const isMaterial = $('.dx-theme-material').length > 0;
+ const isGeneric = $('.dx-theme-generic').length > 0;
+ return isMaterial ? 244 : isGeneric ? 178 : 196;
+ }
+
+ $('#gridContainer').dxDataGrid({
+ dataSource: vehicles,
+ showBorders: true,
+ keyExpr: 'ID',
+ paging: {
+ pageSize: 10,
+ },
+ height: 500,
+ columns: [
+ {
+ type: 'detailExpand',
+ cellTemplate() {
+ return $('
').addClass('dx-icon-sparkle');
+ },
+ },
+ {
+ caption: 'Model',
+ calculateCellValue: (data) => `${data.TrademarkName} ${data.Name}`,
+ },
+ {
+ dataField: 'Price',
+ alignment: 'left',
+ format: 'currency',
+ },
+ {
+ caption: 'Category',
+ cellTemplate: (container, options) => {
+ const category = options.data;
+ const categoryWrapper = createCategoryTemplate(category);
+ container.append(categoryWrapper);
+ },
+ minWidth: 180,
+ },
+ {
+ dataField: 'Modification',
+ },
+ {
+ dataField: 'Horsepower',
+ },
+ {
+ dataField: 'BodyStyleName',
+ caption: 'Body Style',
+ },
+ ],
+ masterDetail: {
+ enabled: true,
+ template: ($detailContainer, options) => {
+ async function submit(event) {
+ const promptEditor = $promptEditor.dxTextBox('instance');
+ const userPrompt = promptEditor.option('value');
+ if (userPrompt === '') return;
+
+ const suggestions = $suggestions.dxButtonGroup('instance');
+ const submitButton = $submitButton.dxButton('instance');
+ const responseEditor = $responseEditor.dxTextArea('instance');
+ const loadPanel = $loadPanel.dxLoadPanel('instance');
+
+ function toggleLoadingState(isLoading) {
+ const responseText = responseEditor.option('value');
+ responseEditor.option('disabled', isLoading || !responseText);
+ promptEditor.option('disabled', isLoading);
+ suggestions.option('disabled', isLoading);
+ submitButton.option('disabled', isLoading);
+
+ if (isLoading) {
+ $emptyMessage.hide();
+ $errorMessage.hide();
+ loadPanel.show();
+ event?.target.blur();
+ } else {
+ submitButton.option('text', 'Resubmit');
+ loadPanel.hide();
+ event?.target.focus();
+ }
+ }
+
+ toggleLoadingState(true);
+
+ try {
+ const rowData = options.data;
+ const messages = [
+ { role: 'system', content: SYSTEM_PROMPT },
+ { role: 'user', content: `User prompt: ${userPrompt}\nRow data: ${JSON.stringify(rowData)}` },
+ ];
+ const aiResponse = await getAIResponse(messages);
+ responseEditor.option('value', aiResponse);
+ } catch {
+ responseEditor.option('value', '');
+ $errorMessage.show();
+ } finally {
+ toggleLoadingState(false);
+ }
+ }
+
+ const $promptEditor = $('
').dxTextBox({
+ placeholder: 'Ask AI Assistant...',
+ stylingMode: 'filled',
+ valueChangeEvent: 'input',
+ onValueChanged({ value }) {
+ const submitButton = $submitButton.dxButton('instance');
+ submitButton.option('disabled', !value);
+ },
+ onEnterKey: ({ event }) => submit(event),
+ elementAttr: { class: 'prompt-editor' },
+ });
+
+ const $submitButton = $('
').dxButton({
+ icon: 'sparkle',
+ text: 'Submit',
+ type: 'default',
+ disabled: true,
+ onClick: ({ event }) => submit(event),
+ });
+
+ const $suggestions = $('
').dxButtonGroup({
+ items: [
+ { type: 'default', text: '✨ Summary', prompt: 'Display general information about this vehicle and its features.' },
+ { type: 'default', text: '⚡ Ideal Buyer', prompt: 'Describe who this vehicle appeals to the most in a sentence.' },
+ { type: 'default', text: '🏎️ Competitors', prompt: 'List 2-3 models that directly compete with this vehicle.' },
+ ],
+ stylingMode: 'outlined',
+ selectionMode: 'none',
+ elementAttr: { class: 'dx-chat-suggestions' },
+ onItemClick(e) {
+ const suggestion = e.itemData;
+ const promptEditor = $promptEditor.dxTextBox('instance');
+ promptEditor.option('value', suggestion.prompt);
+ },
+ });
+
+ $('
')
+ .addClass('input-container')
+ .append(
+ $('
').addClass('prompt-container').append($promptEditor, $suggestions),
+ $('
').addClass('submit-container').append($submitButton),
+ ).appendTo($detailContainer);
+
+ const $responseEditor = $('
').dxTextArea({
+ autoResizeEnabled: true,
+ width: '100%',
+ minHeight: getOutputAreaMinHeight(),
+ maxHeight: getOutputAreaMaxHeight(),
+ readOnly: true,
+ disabled: true,
+ stylingMode: 'outlined',
+ hoverStateEnabled: false,
+ focusStateEnabled: false,
+ elementAttr: { class: 'response-editor' },
+ });
+
+ const $loadPanel = $('
').dxLoadPanel({
+ container: '.output-container',
+ position: { of: '.output-container' },
+ showPane: false,
+ shading: true,
+ message: '',
+ visible: false,
+ });
+
+ const $emptyMessage = $('
')
+ .addClass('output-empty-message')
+ .text('AI Assistant is ready to answer your questions about this record.');
+
+ const $errorMessage = $('
')
+ .addClass('output-error-message')
+ .append(
+ $('
').addClass('dx-icon-warning'),
+ 'An unexpected error occured. Please try again.'
+ )
+ .hide();
+
+ $('')
+ .addClass('output-container')
+ .append($loadPanel, $responseEditor, $emptyMessage, $errorMessage)
+ .appendTo($detailContainer);
+ },
+ },
+ onRowExpanding(e) {
+ e.component.collapseAll(-1);
+ },
+ onCellClick(e) {
+ if (e.column.type === 'detailExpand' && e.rowType === 'data') {
+ if (e.row.isExpanded) {
+ e.component.collapseRow(e.key);
+ } else {
+ e.component.expandRow(e.key);
+ }
+ }
+ },
+ });
+});
diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/styles.css b/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/styles.css
index e69de29bb2d1..df440b99851d 100644
--- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/styles.css
+++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/jQuery/styles.css
@@ -0,0 +1,158 @@
+.demo-container {
+ margin: 20px;
+}
+
+.category__wrapper {
+ display: inline-block;
+ padding: 2px 8px;
+ border-radius: 24px;
+}
+
+.dx-command-expand .dx-icon-sparkle {
+ cursor: pointer;
+ text-align: center;
+ font-size: var(--dx-font-size-icon);
+ color: var(--dx-color-primary);
+}
+
+.dx-master-detail-cell {
+ background-color: unset !important;
+}
+
+.input-container {
+ display: flex;
+ border: 1px solid var(--dx-color-border);
+ border-radius: var(--dx-border-radius);
+ padding: 12px;
+ margin-bottom: 16px;
+ gap: 12px;
+}
+
+.input-container .dx-chat-suggestions {
+ padding: 12px 0 0 0;
+}
+
+.input-container .dx-chat-suggestions .dx-buttongroup-item.dx-button {
+ border-radius: 32px;
+}
+
+.prompt-container {
+ flex-grow: 1;
+}
+
+.prompt-editor {
+ height: var(--dx-component-height);
+}
+
+.output-container {
+ display: grid;
+ align-items: center;
+ border: 1px solid var(--dx-color-border);
+ border-radius: var(--dx-border-radius);
+ background-color: var(--dx-datagrid-row-alternation-bg);
+}
+
+.output-container>* {
+ grid-row: 1;
+ grid-column: 1;
+}
+
+.output-container .response-editor {
+ border: none;
+ background-color: var(--dx-datagrid-row-alternation-bg);
+}
+
+.output-container .response-editor.dx-texteditor:not(.dx-state-disabled) .dx-texteditor-input {
+ color: var(--dx-color-text);
+}
+
+.output-empty-message {
+ text-align: center;
+ white-space: pre-wrap;
+ margin-left: 8px;
+ margin-right: 8px;
+ color: var(--dx-color-icon);
+ z-index: 1;
+}
+
+.output-error-message {
+ text-align: center;
+ white-space: pre-wrap;
+ margin-left: 8px;
+ margin-right: 8px;
+ color: var(--dx-color-danger);
+ z-index: 1;
+}
+
+.output-error-message .dx-icon-warning {
+ font-size: 20px;
+ margin-right: 4px;
+ vertical-align: middle;
+}
+
+.dx-theme-fluent {
+ .category-1__bg-color {
+ background-color: #F9E2AE;
+ }
+
+ .category-2__bg-color {
+ background-color: #B4D6FA;
+ }
+
+ .category-3__bg-color {
+ background-color: #F1BBBC;
+ }
+
+ .category-4__bg-color {
+ background-color: #9FD89F;
+ }
+}
+
+.dx-theme-material {
+ .category-1__bg-color {
+ background-color: rgb(from var(--dx-color-warning) r g b / 24%);
+ }
+
+ .category-2__bg-color {
+ background-color: rgb(from var(--dx-color-primary) r g b / 24%);
+ }
+
+ .category-3__bg-color {
+ background-color: rgb(from var(--dx-color-danger) r g b / 24%);
+ }
+
+ .category-4__bg-color {
+ background-color: rgb(from var(--dx-color-success) r g b / 24%);
+ }
+
+ .submit-container {
+ height: var(--dx-component-height);
+ align-content: center;
+ }
+
+ .output-container .response-editor {
+ box-shadow: none;
+ }
+}
+
+.dx-theme-generic {
+ .category-1__bg-color {
+ background-color: rgb(from var(--dx-color-warning) r g b / 40%);
+ }
+
+ .category-2__bg-color {
+ background-color: rgb(from var(--dx-color-primary) r g b / 40%);
+ }
+
+ .category-3__bg-color {
+ background-color: rgb(from var(--dx-color-danger) r g b / 40%);
+ }
+
+ .category-4__bg-color {
+ background-color: rgb(from var(--dx-color-success) r g b / 40%);
+ }
+
+ .output-empty-message {
+ color: #757575;
+ }
+}
From f23e6382e811d54a9d8cf1dd1496d75c2bfa7db0 Mon Sep 17 00:00:00 2001
From: Mark Allen Ramirez <21377435+markallenramirez@users.noreply.github.com>
Date: Mon, 17 Aug 2026 18:12:40 +0800
Subject: [PATCH 05/39] Revert "Init menuMeta"
This reverts commit 8c8850a42e824f3086972fd1fc4057b3cde34c8f.
---
apps/demos/menuMeta.json | 8 --------
1 file changed, 8 deletions(-)
diff --git a/apps/demos/menuMeta.json b/apps/demos/menuMeta.json
index 2efa565a4ac1..f018e2e14fca 100644
--- a/apps/demos/menuMeta.json
+++ b/apps/demos/menuMeta.json
@@ -860,14 +860,6 @@
],
"DemoType": "Web"
},
- {
- "Title": "AI-powered Detail View",
- "Name": "AI-PoweredDetailView",
- "Widget": "DataGrid",
- "DemoType": "Web",
- "Badge": "Roadmap",
- "RoadmapSurveyUrl": "https://www.devexpress.com/support/surveys/devextreme-wg-roadmap-ai-powered-detail-view.xml"
- },
{
"Title": "Advanced Master-Detail View",
"Name": "AdvancedMasterDetailView",
From a6fa40461236743522679b593ff6f344c83fb5a9 Mon Sep 17 00:00:00 2001
From: Mark Allen Ramirez <21377435+markallenramirez@users.noreply.github.com>
Date: Mon, 17 Aug 2026 18:21:54 +0800
Subject: [PATCH 06/39] sync menuMeta with #34764
---
apps/demos/menuMeta.json | 8 ++++++++
1 file changed, 8 insertions(+)
diff --git a/apps/demos/menuMeta.json b/apps/demos/menuMeta.json
index f018e2e14fca..56197dc27873 100644
--- a/apps/demos/menuMeta.json
+++ b/apps/demos/menuMeta.json
@@ -860,6 +860,14 @@
],
"DemoType": "Web"
},
+ {
+ "Title": "AI-powered Detail View",
+ "Name": "AIPoweredDetailView",
+ "Widget": "DataGrid",
+ "DemoType": "Web",
+ "Badge": "Roadmap",
+ "RoadmapSurveyUrl": "https://www.devexpress.com/support/surveys/devextreme-wg-roadmap-ai-powered-detail-view.xml"
+ },
{
"Title": "Advanced Master-Detail View",
"Name": "AdvancedMasterDetailView",
From f5b50a3d9618c5632e33c51130525df122b46dc4 Mon Sep 17 00:00:00 2001
From: Arman Boyakhchyan
Date: Wed, 19 Aug 2026 14:33:21 +0400
Subject: [PATCH 07/39] DataGrid: Add AI-powered Detail View Demo Desc.
---
.../Demos/DataGrid/AIPoweredDetailView/description.md | 8 +++-----
1 file changed, 3 insertions(+), 5 deletions(-)
diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md
index a256396ee6f7..c8db96d3e3a7 100644
--- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md
+++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md
@@ -1,8 +1,6 @@
-We plan to integrate AI-driven data exploration into the [DataGrid](https://js.devexpress.com/Documentation/Guide/UI_Components/DataGrid/Overview/)'s master-detail scenario. This new functionality allows users to analyze individual record data using natural language.
-
-In v25.2, we released the [AI column capability](https://www.devexpress.com/subscriptions/new-2025-2.xml#js-grids-ai-columns) for DataGrid. This feature introduced the ability to extend component data using an AI prompt. However, certain usage scenarios do not require generated data for every row. Instead, users may need on-demand data generation for specific rows. Our new AI detail scenario will offer this capability, which can significantly reduce AI token consumption and enhance data generation performance.
+This demo incorporates AI-powered insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. A custom AI-driven UI is configured that allows you to analyze individual record data using natural language. To access this UI and generate data, click the AI icon on the left side of a row and enter a prompt.
-Our new AI master-detail feature will also display generated content in a format better suited to longer, more in-depth insights. The capability will include a prompt-driven data analysis UI within DataGrid master-detail interfaces, spanning the full width of the component.
+This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) capability, which generates data for every row in the component. The AI-powered detail view augments data only within specific rows. This significantly reduces AI token consumption and enhances data generation performance in usage scenarios that do not require generated data for every row.
-Within the detail row, users will be able to ask questions about the active record and receive AI-generated insights. The AI assistant will be able to summarize record data, clarify complex values, highlight notable patterns, and obtain contextual information specific to the active record.
+To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template). The template uses DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components to allow you to enter and submit prompts. This example also configures a DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component as prompt suggestions, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear in a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component.
From b3e8021799aeea9a74b71f703e1895a0f3559c92 Mon Sep 17 00:00:00 2001
From: Arman Boyakhchyan
Date: Wed, 19 Aug 2026 14:55:35 +0400
Subject: [PATCH 08/39] Add React Desc. Files for React-Specific Template Link
---
.../Demos/DataGrid/AIPoweredDetailView/React/description.md | 6 ++++++
.../DataGrid/AIPoweredDetailView/ReactJs/description.md | 6 ++++++
2 files changed, 12 insertions(+)
create mode 100644 apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md
create mode 100644 apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md
diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md
new file mode 100644
index 000000000000..c8db96d3e3a7
--- /dev/null
+++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md
@@ -0,0 +1,6 @@
+This demo incorporates AI-powered insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. A custom AI-driven UI is configured that allows you to analyze individual record data using natural language. To access this UI and generate data, click the AI icon on the left side of a row and enter a prompt.
+
+
+This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) capability, which generates data for every row in the component. The AI-powered detail view augments data only within specific rows. This significantly reduces AI token consumption and enhances data generation performance in usage scenarios that do not require generated data for every row.
+
+To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template). The template uses DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components to allow you to enter and submit prompts. This example also configures a DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component as prompt suggestions, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear in a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component.
diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md
new file mode 100644
index 000000000000..c8db96d3e3a7
--- /dev/null
+++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md
@@ -0,0 +1,6 @@
+This demo incorporates AI-powered insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. A custom AI-driven UI is configured that allows you to analyze individual record data using natural language. To access this UI and generate data, click the AI icon on the left side of a row and enter a prompt.
+
+
+This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) capability, which generates data for every row in the component. The AI-powered detail view augments data only within specific rows. This significantly reduces AI token consumption and enhances data generation performance in usage scenarios that do not require generated data for every row.
+
+To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template). The template uses DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components to allow you to enter and submit prompts. This example also configures a DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component as prompt suggestions, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear in a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component.
From 8730d1355fba02152930423f2fa5d0a851bda2df Mon Sep 17 00:00:00 2001
From: Anna Shakhova <68295572+anna-shakhova@users.noreply.github.com>
Date: Mon, 17 Aug 2026 12:01:31 +0000
Subject: [PATCH 09/39] Grids: unskip lint checks in DataController (#34791)
---
.../data_controller/data_controller.ts | 38 +++++++++----------
1 file changed, 19 insertions(+), 19 deletions(-)
diff --git a/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts b/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
index 6ad31510fa79..6d96add09558 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
@@ -1,11 +1,3 @@
-// TODO: fix the rules disabled below
-/* eslint-disable @stylistic/max-len */
-/* eslint-disable @typescript-eslint/explicit-function-return-type */
-/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-unsafe-return */
-/* eslint-disable consistent-return */
-/* eslint-disable no-param-reassign */
import type { Store } from '@js/common/data';
import type { Callback } from '@js/core/utils/callbacks';
import { deferRender } from '@js/core/utils/common';
@@ -597,7 +589,7 @@ export class DataController extends DataHelperMixin(modules.Controller) {
? {
...e,
changeType: e?.changeType ?? 'refresh',
- // need to cast, because in virtual scrolling with scrolling.legacyMode, e has more fields
+ // in virtual scrolling with scrolling.legacyMode, e has more fields
} as DataChange
: { changeType: 'refresh' };
@@ -633,7 +625,7 @@ export class DataController extends DataHelperMixin(modules.Controller) {
this.pushed.fire(changes);
}
- public fireError(...args: unknown[]) {
+ public fireError(...args: unknown[]): void {
this.dataErrorOccurred.fire(errors.Error(...args));
}
@@ -651,7 +643,7 @@ export class DataController extends DataHelperMixin(modules.Controller) {
});
}
- protected _getSpecificDataSourceOption() {
+ protected _getSpecificDataSourceOption(): unknown {
const dataSource = this.option('dataSource');
if (Array.isArray(dataSource)) {
@@ -722,7 +714,7 @@ export class DataController extends DataHelperMixin(modules.Controller) {
/**
* @extended: virtual_scrolling
*/
- protected getRowIndexDelta() {
+ protected getRowIndexDelta(): number {
return 0;
}
@@ -939,7 +931,9 @@ export class DataController extends DataHelperMixin(modules.Controller) {
return true;
}
- const isCellModified = (row: ProcessedItem): boolean => row.modifiedValues?.[columnIndex] !== undefined;
+ const isCellModified = (
+ row: ProcessedItem,
+ ): boolean => row.modifiedValues?.[columnIndex] !== undefined;
return isCellModified(oldRow) !== isCellModified(newRow);
}
@@ -1359,11 +1353,13 @@ export class DataController extends DataHelperMixin(modules.Controller) {
const filterExpr: DataFilter = filterArgs.length === 1 ? filterArgs[0] : filterArgs;
if (gridCoreUtils.equalFilterParameters(filter, filterExpr, langParams)) {
- return;
+ return undefined;
}
this._dataSource?.filter(filterExpr);
this._applyFilter();
+
+ return undefined;
}
/**
@@ -1487,15 +1483,16 @@ export class DataController extends DataHelperMixin(modules.Controller) {
}
public pageCount(): number {
- return this._dataSource ? this._dataSource.pageCount() : 1;
+ return this._dataSource ? this._dataSource.pageCount() as number : 1;
}
- public dataSource() {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ public dataSource(): any {
return this._dataSource;
}
public store(): Store | undefined {
- return this._dataSource?.store();
+ return this._dataSource?.store() as Store | undefined;
}
public loadAll(data?: RawItemData[], skipFilter = false): DeferredObj {
@@ -1591,7 +1588,7 @@ export class DataController extends DataHelperMixin(modules.Controller) {
return Deferred().resolve(this.items()[rowIndex].data);
}
- return fromPromise(store.byKey(key));
+ return fromPromise(store.byKey(key)) as DeferredObj;
}
public key(): string | string[] | undefined {
@@ -1734,7 +1731,10 @@ export class DataController extends DataHelperMixin(modules.Controller) {
/**
* @extended editing
*/
- public repaintRows(rowIndexes: number | (number | undefined)[] | undefined, changesOnly?: boolean): void {
+ public repaintRows(
+ rowIndexes: number | (number | undefined)[] | undefined,
+ changesOnly?: boolean,
+ ): void {
const rowIndices = Array.isArray(rowIndexes) ? rowIndexes : [rowIndexes];
if (rowIndices.length > 1 || isDefined(rowIndices[0])) {
From ac3225c43509b2c4384f2def6fb53617ab05c065 Mon Sep 17 00:00:00 2001
From: EugeniyKiyashko
Date: Tue, 18 Aug 2026 13:29:15 +0400
Subject: [PATCH 10/39] Styles: clear dead imports, adduse markers and extend
@stylistic rules (#34804)
---
packages/devextreme-scss/.stylelintrc.json | 17 +++-
.../scss/widgets/base/_accordion.scss | 2 -
.../scss/widgets/base/_actionSheet.scss | 3 -
.../scss/widgets/base/_badge.scss | 2 -
.../scss/widgets/base/_box.scss | 2 -
.../scss/widgets/base/_card.scss | 2 -
.../scss/widgets/base/_contextMenu.scss | 2 -
.../scss/widgets/base/_dateBox.scss | 3 -
.../scss/widgets/base/_dateView.scss | 3 -
.../scss/widgets/base/_draggable.scss | 2 -
.../scss/widgets/base/_drawer.scss | 3 -
.../scss/widgets/base/_dropDownList.scss | 2 -
.../scss/widgets/base/_fieldset.scss | 1 -
.../scss/widgets/base/_fileUploader.scss | 5 +-
.../scss/widgets/base/_form.scss | 5 +-
.../scss/widgets/base/_gallery.scss | 2 -
.../scss/widgets/base/_htmlEditor.scss | 8 +-
.../scss/widgets/base/_icon_fonts.scss | 9 +-
.../scss/widgets/base/_loadIndicator.scss | 2 -
.../scss/widgets/base/_loadPanel.scss | 5 +-
.../scss/widgets/base/_map.scss | 2 -
.../scss/widgets/base/_menu.scss | 3 -
.../scss/widgets/base/_menuBase.scss | 1 -
.../scss/widgets/base/_mixins.scss | 3 +-
.../scss/widgets/base/_multiView.scss | 2 -
.../scss/widgets/base/_numberBox.scss | 3 -
.../scss/widgets/base/_overlay.scss | 2 -
.../scss/widgets/base/_pagination.scss | 3 -
.../scss/widgets/base/_popup.scss | 2 -
.../scss/widgets/base/_progressBar.scss | 4 +-
.../scss/widgets/base/_resizable.scss | 2 -
.../scss/widgets/base/_scrollView.scss | 5 +-
.../scss/widgets/base/_selectBox.scss | 2 -
.../scss/widgets/base/_slider.scss | 3 +-
.../scss/widgets/base/_sortable.scss | 2 -
.../scss/widgets/base/_splitterBar.scss | 2 -
.../scss/widgets/base/_string.scss | 12 +--
.../scss/widgets/base/_tabPanel.scss | 3 -
.../scss/widgets/base/_tabs.scss | 5 +-
.../scss/widgets/base/_tagBox.scss | 3 -
.../scss/widgets/base/_textBox.scss | 2 -
.../scss/widgets/base/_tileView.scss | 2 -
.../scss/widgets/base/_toast.scss | 2 -
.../scss/widgets/base/_tooltip.scss | 4 +-
.../scss/widgets/base/_ui.scss | 2 -
.../scss/widgets/base/_validation.scss | 2 -
.../scss/widgets/base/_widget.scss | 2 -
.../scss/widgets/base/button/_index.scss | 2 -
.../scss/widgets/base/buttonGroup/_index.scss | 3 -
.../widgets/base/buttonGroup/_mixins.scss | 2 +-
.../scss/widgets/base/calendar/_calendar.scss | 4 -
.../scss/widgets/base/calendar/_mixins.scss | 6 +-
.../scss/widgets/base/cardView/_index.scss | 12 ++-
.../base/cardView/column_chooser/_index.scss | 2 +-
.../base/cardView/content_view/_index.scss | 6 +-
.../cardView/content_view/content/_index.scss | 4 +-
.../content_view/content/card/_index.scss | 8 +-
.../content/card/content/_index.scss | 4 +-
.../content/card/cover/_index.scss | 5 +-
.../content/card/header/_index.scss | 6 +-
.../cardView/content_view/no_data/_index.scss | 2 +-
.../base/cardView/filter_panel/_index.scss | 2 +-
.../base/cardView/header_panel/_index.scss | 6 +-
.../cardView/header_panel/item/_index.scss | 4 +-
.../header_panel/item/_variables.scss | 1 -
.../scss/widgets/base/chat/_index.scss | 2 -
.../scss/widgets/base/chat/_mixins.scss | 24 ++---
.../_index.scss | 2 +-
.../_mixins.scss | 2 +-
.../chat/layout/chat-messagelist/_index.scss | 1 -
.../layout/chat-typingindicator/_index.scss | 4 +-
.../scss/widgets/base/checkBox/_index.scss | 3 -
.../scss/widgets/base/checkBox/_mixins.scss | 4 +-
.../scss/widgets/base/colorBox/_index.scss | 2 -
.../scss/widgets/base/colorView/_index.scss | 5 --
.../scss/widgets/base/dataGrid/_common.scss | 4 -
.../scss/widgets/base/dataGrid/_index.scss | 6 +-
.../widgets/base/dateRangeBox/_index.scss | 2 -
.../scss/widgets/base/diagram/_index.scss | 3 -
.../scss/widgets/base/diagram/_mixins.scss | 89 +++++++++----------
.../widgets/base/dropDownButton/_index.scss | 2 -
.../widgets/base/dropDownEditor/_index.scss | 2 -
.../widgets/base/dropDownMenu/_index.scss | 4 +-
.../scss/widgets/base/fileManager/_index.scss | 3 -
.../widgets/base/fileManager/_mixins.scss | 8 +-
.../widgets/base/filterBuilder/_common.scss | 3 -
.../scss/widgets/base/gantt/_index.scss | 3 -
.../scss/widgets/base/gantt/_mixins.scss | 32 +++----
.../scss/widgets/base/gridBase/_index.scss | 19 ++--
.../base/gridBase/layout/aiChat/_index.scss | 2 +-
.../base/gridBase/layout/aiChat/_mixins.scss | 2 +-
.../widgets/base/gridBase/layout/cell.scss | 2 +-
.../scss/widgets/base/list/_index.scss | 4 -
.../scss/widgets/base/list/_mixins.scss | 2 +-
.../scss/widgets/base/lookup/_index.scss | 2 -
.../scss/widgets/base/pivotGrid/_common.scss | 3 -
.../scss/widgets/base/pivotGrid/_index.scss | 3 -
.../scss/widgets/base/popover/_index.scss | 3 -
.../scss/widgets/base/radioButton/_index.scss | 2 -
.../widgets/base/radioButton/_mixins.scss | 2 +-
.../scss/widgets/base/radioGroup/_index.scss | 2 -
.../scss/widgets/base/scheduler/_common.scss | 4 +-
.../scss/widgets/base/scheduler/_index.scss | 2 +-
.../widgets/base/scheduler/views/_index.scss | 2 +-
.../scheduler/views/renovation/_index.scss | 1 -
.../scss/widgets/base/scrollable/_index.scss | 1 -
.../scss/widgets/base/splitter/_index.scss | 2 -
.../scss/widgets/base/stepper/_index.scss | 2 -
.../scss/widgets/base/stepper/_mixins.scss | 6 +-
.../base/stepper/layout/step/_mixins.scss | 4 +-
.../scss/widgets/base/switch/_index.scss | 4 +-
.../scss/widgets/base/switch/_mixins.scss | 16 ++--
.../scss/widgets/base/textArea/_index.scss | 2 -
.../scss/widgets/base/textEditor/_index.scss | 5 +-
.../scss/widgets/base/textEditor/_mixins.scss | 7 +-
.../scss/widgets/base/timeView/_index.scss | 2 -
.../scss/widgets/base/timeView/_mixins.scss | 6 +-
.../scss/widgets/base/toolbar/_index.scss | 2 -
.../scss/widgets/base/treeList/_common.scss | 3 -
.../scss/widgets/base/treeList/_index.scss | 6 +-
.../scss/widgets/base/treeView/_common.scss | 2 -
.../scss/widgets/base/treeView/_index.scss | 2 +-
.../scss/widgets/fluent/_colors.scss | 8 +-
.../scss/widgets/fluent/_sizes.scss | 4 -
.../widgets/fluent/accordion/_colors.scss | 3 -
.../scss/widgets/fluent/accordion/_index.scss | 5 --
.../scss/widgets/fluent/accordion/_sizes.scss | 2 -
.../widgets/fluent/actionSheet/_colors.scss | 6 --
.../widgets/fluent/actionSheet/_index.scss | 6 --
.../widgets/fluent/actionSheet/_sizes.scss | 4 -
.../widgets/fluent/autocomplete/_colors.scss | 6 --
.../widgets/fluent/autocomplete/_index.scss | 5 --
.../widgets/fluent/autocomplete/_sizes.scss | 4 -
.../scss/widgets/fluent/badge/_colors.scss | 2 -
.../scss/widgets/fluent/badge/_index.scss | 5 --
.../scss/widgets/fluent/badge/_sizes.scss | 2 -
.../scss/widgets/fluent/box/_colors.scss | 6 --
.../scss/widgets/fluent/box/_index.scss | 4 -
.../scss/widgets/fluent/box/_sizes.scss | 4 -
.../scss/widgets/fluent/button/_colors.scss | 2 -
.../scss/widgets/fluent/button/_index.scss | 3 -
.../scss/widgets/fluent/button/_mixins.scss | 3 -
.../scss/widgets/fluent/button/_sizes.scss | 2 -
.../widgets/fluent/buttonGroup/_colors.scss | 7 +-
.../widgets/fluent/buttonGroup/_index.scss | 5 --
.../widgets/fluent/buttonGroup/_sizes.scss | 4 -
.../scss/widgets/fluent/calendar/_colors.scss | 3 -
.../scss/widgets/fluent/calendar/_index.scss | 11 +--
.../scss/widgets/fluent/calendar/_sizes.scss | 2 -
.../scss/widgets/fluent/card/_colors.scss | 6 --
.../scss/widgets/fluent/card/_index.scss | 2 -
.../scss/widgets/fluent/card/_sizes.scss | 4 -
.../scss/widgets/fluent/cardView/_colors.scss | 32 ++++---
.../scss/widgets/fluent/cardView/_index.scss | 8 +-
.../scss/widgets/fluent/cardView/_sizes.scss | 28 +++---
.../scss/widgets/fluent/chat/_colors.scss | 3 -
.../scss/widgets/fluent/chat/_index.scss | 3 -
.../scss/widgets/fluent/chat/_sizes.scss | 2 -
.../scss/widgets/fluent/checkBox/_colors.scss | 4 -
.../scss/widgets/fluent/checkBox/_index.scss | 5 --
.../scss/widgets/fluent/checkBox/_sizes.scss | 2 -
.../scss/widgets/fluent/colorBox/_colors.scss | 4 -
.../scss/widgets/fluent/colorBox/_index.scss | 5 --
.../scss/widgets/fluent/colorBox/_sizes.scss | 2 -
.../widgets/fluent/colorView/_colors.scss | 4 -
.../scss/widgets/fluent/colorView/_index.scss | 8 --
.../scss/widgets/fluent/colorView/_sizes.scss | 4 -
.../scss/widgets/fluent/common/_colors.scss | 3 -
.../scss/widgets/fluent/common/_index.scss | 3 -
.../scss/widgets/fluent/common/_mixins.scss | 6 +-
.../scss/widgets/fluent/common/_sizes.scss | 2 -
.../widgets/fluent/contextMenu/_colors.scss | 6 --
.../widgets/fluent/contextMenu/_index.scss | 3 -
.../widgets/fluent/contextMenu/_sizes.scss | 2 -
.../scss/widgets/fluent/dataGrid/_colors.scss | 5 +-
.../scss/widgets/fluent/dataGrid/_index.scss | 6 +-
.../scss/widgets/fluent/dataGrid/_sizes.scss | 4 +-
.../widgets/fluent/dataGrid/layout/cell.scss | 2 -
.../scss/widgets/fluent/dateBox/_colors.scss | 4 -
.../scss/widgets/fluent/dateBox/_index.scss | 4 -
.../scss/widgets/fluent/dateBox/_sizes.scss | 4 -
.../widgets/fluent/dateRangeBox/_colors.scss | 1 -
.../widgets/fluent/dateRangeBox/_index.scss | 3 -
.../widgets/fluent/dateRangeBox/_sizes.scss | 2 -
.../scss/widgets/fluent/dateView/_colors.scss | 3 -
.../scss/widgets/fluent/dateView/_index.scss | 4 -
.../scss/widgets/fluent/dateView/_sizes.scss | 4 -
.../scss/widgets/fluent/diagram/_colors.scss | 5 --
.../scss/widgets/fluent/diagram/_index.scss | 8 +-
.../scss/widgets/fluent/diagram/_sizes.scss | 2 -
.../scss/widgets/fluent/drawer/_colors.scss | 3 -
.../scss/widgets/fluent/drawer/_index.scss | 4 -
.../scss/widgets/fluent/drawer/_sizes.scss | 4 -
.../widgets/fluent/dropDownBox/_colors.scss | 6 --
.../widgets/fluent/dropDownBox/_index.scss | 5 --
.../widgets/fluent/dropDownBox/_sizes.scss | 4 -
.../fluent/dropDownButton/_colors.scss | 6 --
.../widgets/fluent/dropDownButton/_index.scss | 7 --
.../widgets/fluent/dropDownButton/_sizes.scss | 2 -
.../fluent/dropDownEditor/_colors.scss | 4 -
.../widgets/fluent/dropDownEditor/_index.scss | 5 --
.../widgets/fluent/dropDownEditor/_sizes.scss | 3 -
.../widgets/fluent/dropDownList/_colors.scss | 6 --
.../widgets/fluent/dropDownList/_index.scss | 6 --
.../widgets/fluent/dropDownList/_sizes.scss | 4 -
.../widgets/fluent/dropDownMenu/_colors.scss | 6 --
.../widgets/fluent/dropDownMenu/_index.scss | 2 -
.../widgets/fluent/dropDownMenu/_sizes.scss | 4 -
.../scss/widgets/fluent/fieldset/_colors.scss | 4 -
.../scss/widgets/fluent/fieldset/_index.scss | 4 -
.../scss/widgets/fluent/fieldset/_sizes.scss | 2 -
.../widgets/fluent/fileManager/_colors.scss | 5 --
.../widgets/fluent/fileManager/_index.scss | 4 -
.../widgets/fluent/fileManager/_sizes.scss | 3 -
.../widgets/fluent/fileUploader/_colors.scss | 4 -
.../widgets/fluent/fileUploader/_index.scss | 2 -
.../widgets/fluent/fileUploader/_sizes.scss | 2 -
.../widgets/fluent/filterBuilder/_colors.scss | 4 -
.../widgets/fluent/filterBuilder/_index.scss | 6 --
.../widgets/fluent/filterBuilder/_sizes.scss | 2 -
.../scss/widgets/fluent/form/_colors.scss | 4 -
.../scss/widgets/fluent/form/_index.scss | 5 --
.../scss/widgets/fluent/form/_sizes.scss | 2 -
.../scss/widgets/fluent/gallery/_colors.scss | 3 -
.../scss/widgets/fluent/gallery/_index.scss | 7 +-
.../scss/widgets/fluent/gallery/_sizes.scss | 4 -
.../scss/widgets/fluent/gantt/_colors.scss | 4 -
.../scss/widgets/fluent/gantt/_index.scss | 5 +-
.../scss/widgets/fluent/gantt/_sizes.scss | 3 -
.../scss/widgets/fluent/gridBase/_colors.scss | 9 +-
.../scss/widgets/fluent/gridBase/_index.scss | 11 +--
.../scss/widgets/fluent/gridBase/_sizes.scss | 2 -
.../fluent/gridBase/layout/aiChat/_index.scss | 8 +-
.../fluent/gridBase/layout/aiChat/_sizes.scss | 2 +-
.../widgets/fluent/gridBase/layout/cell.scss | 1 -
.../widgets/fluent/htmlEditor/_colors.scss | 3 -
.../widgets/fluent/htmlEditor/_index.scss | 8 +-
.../widgets/fluent/htmlEditor/_sizes.scss | 2 -
.../scss/widgets/fluent/icons/_colors.scss | 6 --
.../scss/widgets/fluent/icons/_index.scss | 7 +-
.../scss/widgets/fluent/icons/_sizes.scss | 4 -
.../scss/widgets/fluent/informer/_colors.scss | 2 -
.../scss/widgets/fluent/informer/_index.scss | 3 -
.../scss/widgets/fluent/informer/_sizes.scss | 2 -
.../scss/widgets/fluent/list/_colors.scss | 3 -
.../scss/widgets/fluent/list/_index.scss | 3 -
.../scss/widgets/fluent/list/_sizes.scss | 2 -
.../widgets/fluent/loadIndicator/_colors.scss | 3 -
.../widgets/fluent/loadIndicator/_index.scss | 5 --
.../widgets/fluent/loadIndicator/_sizes.scss | 4 -
.../widgets/fluent/loadPanel/_colors.scss | 5 --
.../scss/widgets/fluent/loadPanel/_index.scss | 6 --
.../scss/widgets/fluent/loadPanel/_sizes.scss | 3 -
.../scss/widgets/fluent/lookup/_colors.scss | 5 --
.../scss/widgets/fluent/lookup/_index.scss | 2 -
.../scss/widgets/fluent/lookup/_sizes.scss | 2 -
.../scss/widgets/fluent/map/_index.scss | 6 --
.../scss/widgets/fluent/menu/_colors.scss | 3 -
.../scss/widgets/fluent/menu/_index.scss | 4 +-
.../scss/widgets/fluent/menu/_sizes.scss | 3 -
.../scss/widgets/fluent/menuBase/_colors.scss | 5 --
.../scss/widgets/fluent/menuBase/_index.scss | 4 -
.../scss/widgets/fluent/menuBase/_sizes.scss | 2 -
.../widgets/fluent/multiView/_colors.scss | 6 --
.../scss/widgets/fluent/multiView/_index.scss | 6 --
.../scss/widgets/fluent/multiView/_sizes.scss | 4 -
.../widgets/fluent/numberBox/_colors.scss | 4 -
.../scss/widgets/fluent/numberBox/_index.scss | 3 -
.../scss/widgets/fluent/numberBox/_sizes.scss | 3 -
.../scss/widgets/fluent/overlay/_colors.scss | 4 -
.../scss/widgets/fluent/overlay/_index.scss | 5 --
.../scss/widgets/fluent/overlay/_sizes.scss | 4 -
.../widgets/fluent/pagination/_colors.scss | 4 -
.../widgets/fluent/pagination/_index.scss | 6 --
.../widgets/fluent/pagination/_sizes.scss | 2 -
.../widgets/fluent/pivotGrid/_colors.scss | 5 +-
.../scss/widgets/fluent/pivotGrid/_index.scss | 11 +--
.../scss/widgets/fluent/pivotGrid/_sizes.scss | 2 -
.../scss/widgets/fluent/popover/_colors.scss | 6 --
.../scss/widgets/fluent/popover/_index.scss | 5 --
.../scss/widgets/fluent/popover/_sizes.scss | 4 -
.../scss/widgets/fluent/popup/_colors.scss | 2 -
.../scss/widgets/fluent/popup/_index.scss | 5 --
.../scss/widgets/fluent/popup/_sizes.scss | 2 -
.../widgets/fluent/progressBar/_colors.scss | 3 -
.../widgets/fluent/progressBar/_index.scss | 4 -
.../widgets/fluent/progressBar/_sizes.scss | 2 -
.../widgets/fluent/radioButton/_colors.scss | 6 --
.../widgets/fluent/radioButton/_index.scss | 5 --
.../widgets/fluent/radioButton/_sizes.scss | 2 -
.../widgets/fluent/radioGroup/_colors.scss | 3 -
.../widgets/fluent/radioGroup/_index.scss | 5 --
.../widgets/fluent/radioGroup/_sizes.scss | 3 -
.../widgets/fluent/rangeSlider/_colors.scss | 6 --
.../widgets/fluent/rangeSlider/_index.scss | 5 --
.../widgets/fluent/rangeSlider/_sizes.scss | 4 -
.../fluent/recurrenceEditor/_colors.scss | 6 --
.../fluent/recurrenceEditor/_index.scss | 5 --
.../fluent/recurrenceEditor/_sizes.scss | 2 -
.../widgets/fluent/responsiveBox/_colors.scss | 6 --
.../widgets/fluent/responsiveBox/_index.scss | 6 --
.../widgets/fluent/responsiveBox/_sizes.scss | 4 -
.../widgets/fluent/scheduler/_colors.scss | 7 +-
.../scss/widgets/fluent/scheduler/_index.scss | 8 +-
.../scss/widgets/fluent/scheduler/_sizes.scss | 2 -
.../widgets/fluent/scrollView/_colors.scss | 3 -
.../widgets/fluent/scrollView/_index.scss | 5 --
.../widgets/fluent/scrollView/_sizes.scss | 4 -
.../widgets/fluent/scrollable/_colors.scss | 4 -
.../widgets/fluent/scrollable/_index.scss | 6 --
.../widgets/fluent/scrollable/_sizes.scss | 4 -
.../widgets/fluent/selectBox/_colors.scss | 4 -
.../scss/widgets/fluent/selectBox/_index.scss | 6 --
.../scss/widgets/fluent/selectBox/_sizes.scss | 4 -
.../scss/widgets/fluent/slider/_colors.scss | 4 -
.../scss/widgets/fluent/slider/_index.scss | 4 -
.../scss/widgets/fluent/slider/_sizes.scss | 2 -
.../scss/widgets/fluent/sortable/_colors.scss | 6 --
.../scss/widgets/fluent/sortable/_index.scss | 5 --
.../scss/widgets/fluent/sortable/_sizes.scss | 4 -
.../widgets/fluent/speechToText/_colors.scss | 4 -
.../widgets/fluent/speechToText/_index.scss | 2 -
.../widgets/fluent/speechToText/_sizes.scss | 3 -
.../fluent/speedDialAction/_colors.scss | 3 -
.../fluent/speedDialAction/_index.scss | 4 -
.../fluent/speedDialAction/_sizes.scss | 2 -
.../scss/widgets/fluent/splitter/_colors.scss | 8 +-
.../scss/widgets/fluent/splitter/_index.scss | 5 --
.../scss/widgets/fluent/splitter/_sizes.scss | 4 -
.../widgets/fluent/splitterBar/_colors.scss | 3 -
.../widgets/fluent/splitterBar/_index.scss | 4 -
.../widgets/fluent/splitterBar/_sizes.scss | 3 -
.../scss/widgets/fluent/stepper/_colors.scss | 4 -
.../scss/widgets/fluent/stepper/_index.scss | 5 --
.../scss/widgets/fluent/stepper/_sizes.scss | 5 +-
.../scss/widgets/fluent/switch/_colors.scss | 5 --
.../scss/widgets/fluent/switch/_index.scss | 6 +-
.../scss/widgets/fluent/switch/_sizes.scss | 2 -
.../scss/widgets/fluent/tabPanel/_colors.scss | 6 --
.../scss/widgets/fluent/tabPanel/_index.scss | 4 -
.../scss/widgets/fluent/tabPanel/_sizes.scss | 4 -
.../scss/widgets/fluent/tabs/_index.scss | 5 --
.../tabs/layout/navigation-button/_base.scss | 5 --
.../widgets/fluent/tabs/layout/tab/_base.scss | 5 --
.../layout/tab/styling-mode/_primary.scss | 6 --
.../layout/tab/styling-mode/_secondary.scss | 6 --
.../fluent/tabs/layout/tabs/_index.scss | 6 --
.../widgets/fluent/tabs/mixins/_index.scss | 3 -
.../fluent/tabs/variables/_colors.scss | 3 -
.../widgets/fluent/tabs/variables/_sizes.scss | 3 -
.../scss/widgets/fluent/tagBox/_colors.scss | 3 -
.../scss/widgets/fluent/tagBox/_index.scss | 4 -
.../scss/widgets/fluent/tagBox/_sizes.scss | 2 -
.../scss/widgets/fluent/textArea/_colors.scss | 6 --
.../scss/widgets/fluent/textArea/_index.scss | 6 --
.../scss/widgets/fluent/textArea/_sizes.scss | 2 -
.../scss/widgets/fluent/textBox/_colors.scss | 5 --
.../scss/widgets/fluent/textBox/_index.scss | 4 -
.../scss/widgets/fluent/textBox/_sizes.scss | 2 -
.../widgets/fluent/textEditor/_colors.scss | 3 -
.../widgets/fluent/textEditor/_index.scss | 7 +-
.../widgets/fluent/textEditor/_sizes.scss | 2 -
.../scss/widgets/fluent/tileView/_colors.scss | 3 -
.../scss/widgets/fluent/tileView/_index.scss | 6 --
.../scss/widgets/fluent/tileView/_sizes.scss | 4 -
.../scss/widgets/fluent/timeView/_colors.scss | 3 -
.../scss/widgets/fluent/timeView/_index.scss | 5 --
.../scss/widgets/fluent/timeView/_sizes.scss | 4 -
.../scss/widgets/fluent/toast/_colors.scss | 4 -
.../scss/widgets/fluent/toast/_index.scss | 3 -
.../scss/widgets/fluent/toast/_sizes.scss | 2 -
.../scss/widgets/fluent/toolbar/_colors.scss | 4 -
.../scss/widgets/fluent/toolbar/_index.scss | 3 -
.../scss/widgets/fluent/toolbar/_mixins.scss | 1 -
.../scss/widgets/fluent/toolbar/_sizes.scss | 2 -
.../scss/widgets/fluent/tooltip/_colors.scss | 4 -
.../scss/widgets/fluent/tooltip/_index.scss | 6 --
.../scss/widgets/fluent/tooltip/_sizes.scss | 2 -
.../scss/widgets/fluent/treeList/_colors.scss | 4 -
.../scss/widgets/fluent/treeList/_index.scss | 4 +-
.../scss/widgets/fluent/treeList/_sizes.scss | 2 -
.../scss/widgets/fluent/treeView/_colors.scss | 4 -
.../scss/widgets/fluent/treeView/_index.scss | 5 +-
.../scss/widgets/fluent/treeView/_sizes.scss | 2 -
.../widgets/fluent/typography/_colors.scss | 6 --
.../widgets/fluent/typography/_index.scss | 4 -
.../widgets/fluent/typography/_sizes.scss | 3 -
.../widgets/fluent/validation/_colors.scss | 4 -
.../widgets/fluent/validation/_index.scss | 5 --
.../widgets/fluent/validation/_sizes.scss | 2 -
.../scss/widgets/fluent/widget/_colors.scss | 6 --
.../scss/widgets/fluent/widget/_index.scss | 4 -
.../scss/widgets/fluent/widget/_sizes.scss | 4 -
.../scss/widgets/generic/_colors.scss | 19 ++--
.../widgets/generic/accordion/_colors.scss | 5 --
.../widgets/generic/accordion/_index.scss | 3 -
.../widgets/generic/accordion/_sizes.scss | 2 -
.../widgets/generic/actionSheet/_colors.scss | 6 --
.../widgets/generic/actionSheet/_index.scss | 6 --
.../widgets/generic/actionSheet/_sizes.scss | 2 -
.../widgets/generic/autocomplete/_colors.scss | 6 --
.../widgets/generic/autocomplete/_index.scss | 5 --
.../widgets/generic/autocomplete/_sizes.scss | 4 -
.../scss/widgets/generic/badge/_colors.scss | 5 --
.../scss/widgets/generic/badge/_index.scss | 4 -
.../scss/widgets/generic/badge/_sizes.scss | 2 -
.../scss/widgets/generic/box/_colors.scss | 6 --
.../scss/widgets/generic/box/_index.scss | 4 -
.../scss/widgets/generic/box/_sizes.scss | 4 -
.../scss/widgets/generic/button/_colors.scss | 4 -
.../scss/widgets/generic/button/_index.scss | 5 --
.../scss/widgets/generic/button/_mixins.scss | 2 -
.../scss/widgets/generic/button/_sizes.scss | 2 -
.../widgets/generic/buttonGroup/_colors.scss | 6 --
.../widgets/generic/buttonGroup/_index.scss | 5 --
.../widgets/generic/buttonGroup/_sizes.scss | 4 -
.../widgets/generic/calendar/_colors.scss | 4 -
.../scss/widgets/generic/calendar/_index.scss | 10 +--
.../scss/widgets/generic/calendar/_sizes.scss | 2 -
.../scss/widgets/generic/card/_colors.scss | 6 --
.../scss/widgets/generic/card/_index.scss | 4 -
.../scss/widgets/generic/card/_sizes.scss | 4 -
.../widgets/generic/cardView/_colors.scss | 32 ++++---
.../scss/widgets/generic/cardView/_index.scss | 8 +-
.../scss/widgets/generic/cardView/_sizes.scss | 28 +++---
.../scss/widgets/generic/chat/_colors.scss | 3 -
.../scss/widgets/generic/chat/_index.scss | 5 --
.../scss/widgets/generic/chat/_sizes.scss | 2 -
.../widgets/generic/checkBox/_colors.scss | 3 -
.../scss/widgets/generic/checkBox/_index.scss | 6 --
.../scss/widgets/generic/checkBox/_sizes.scss | 2 -
.../widgets/generic/colorBox/_colors.scss | 4 -
.../scss/widgets/generic/colorBox/_index.scss | 6 --
.../scss/widgets/generic/colorBox/_sizes.scss | 2 -
.../widgets/generic/colorView/_colors.scss | 5 --
.../widgets/generic/colorView/_index.scss | 8 --
.../widgets/generic/colorView/_sizes.scss | 2 -
.../scss/widgets/generic/common/_colors.scss | 6 --
.../scss/widgets/generic/common/_index.scss | 4 -
.../scss/widgets/generic/common/_mixins.scss | 6 +-
.../scss/widgets/generic/common/_sizes.scss | 2 -
.../widgets/generic/contextMenu/_colors.scss | 6 --
.../widgets/generic/contextMenu/_index.scss | 5 --
.../widgets/generic/contextMenu/_sizes.scss | 4 -
.../widgets/generic/dataGrid/_colors.scss | 6 --
.../scss/widgets/generic/dataGrid/_index.scss | 7 +-
.../scss/widgets/generic/dataGrid/_sizes.scss | 4 +-
.../scss/widgets/generic/dateBox/_colors.scss | 4 -
.../scss/widgets/generic/dateBox/_index.scss | 5 --
.../scss/widgets/generic/dateBox/_sizes.scss | 2 -
.../widgets/generic/dateRangeBox/_colors.scss | 1 -
.../widgets/generic/dateRangeBox/_index.scss | 5 +-
.../widgets/generic/dateRangeBox/_sizes.scss | 2 -
.../widgets/generic/dateView/_colors.scss | 3 -
.../scss/widgets/generic/dateView/_index.scss | 5 --
.../scss/widgets/generic/dateView/_sizes.scss | 2 -
.../scss/widgets/generic/diagram/_colors.scss | 6 --
.../scss/widgets/generic/diagram/_index.scss | 8 +-
.../scss/widgets/generic/diagram/_sizes.scss | 2 -
.../scss/widgets/generic/drawer/_colors.scss | 3 -
.../scss/widgets/generic/drawer/_index.scss | 4 -
.../scss/widgets/generic/drawer/_sizes.scss | 4 -
.../widgets/generic/dropDownBox/_colors.scss | 6 --
.../widgets/generic/dropDownBox/_index.scss | 5 --
.../widgets/generic/dropDownBox/_sizes.scss | 4 -
.../generic/dropDownButton/_colors.scss | 6 --
.../generic/dropDownButton/_index.scss | 5 --
.../generic/dropDownButton/_sizes.scss | 2 -
.../generic/dropDownEditor/_colors.scss | 5 --
.../generic/dropDownEditor/_index.scss | 6 --
.../generic/dropDownEditor/_sizes.scss | 4 -
.../widgets/generic/dropDownList/_colors.scss | 6 --
.../widgets/generic/dropDownList/_index.scss | 6 --
.../widgets/generic/dropDownList/_sizes.scss | 4 -
.../widgets/generic/dropDownMenu/_colors.scss | 6 --
.../widgets/generic/dropDownMenu/_index.scss | 4 -
.../widgets/generic/dropDownMenu/_sizes.scss | 4 -
.../widgets/generic/fieldset/_colors.scss | 4 -
.../scss/widgets/generic/fieldset/_index.scss | 4 -
.../scss/widgets/generic/fieldset/_sizes.scss | 2 -
.../widgets/generic/fileManager/_colors.scss | 5 --
.../widgets/generic/fileManager/_index.scss | 4 -
.../widgets/generic/fileManager/_sizes.scss | 3 -
.../widgets/generic/fileUploader/_colors.scss | 3 -
.../widgets/generic/fileUploader/_index.scss | 3 -
.../widgets/generic/fileUploader/_sizes.scss | 2 -
.../generic/filterBuilder/_colors.scss | 4 -
.../widgets/generic/filterBuilder/_index.scss | 6 --
.../widgets/generic/filterBuilder/_sizes.scss | 3 -
.../scss/widgets/generic/form/_colors.scss | 4 -
.../scss/widgets/generic/form/_index.scss | 5 --
.../scss/widgets/generic/form/_sizes.scss | 3 -
.../scss/widgets/generic/gallery/_colors.scss | 4 -
.../scss/widgets/generic/gallery/_index.scss | 7 +-
.../scss/widgets/generic/gallery/_sizes.scss | 2 -
.../scss/widgets/generic/gantt/_colors.scss | 6 --
.../scss/widgets/generic/gantt/_index.scss | 6 +-
.../scss/widgets/generic/gantt/_sizes.scss | 3 -
.../widgets/generic/gridBase/_colors.scss | 19 ++--
.../scss/widgets/generic/gridBase/_index.scss | 4 +-
.../scss/widgets/generic/gridBase/_sizes.scss | 2 -
.../gridBase/layout/aiChat/_index.scss | 4 +-
.../gridBase/layout/aiChat/_sizes.scss | 2 +-
.../widgets/generic/htmlEditor/_colors.scss | 6 --
.../widgets/generic/htmlEditor/_index.scss | 4 +-
.../widgets/generic/htmlEditor/_sizes.scss | 2 -
.../scss/widgets/generic/icons/_colors.scss | 6 --
.../scss/widgets/generic/icons/_index.scss | 6 --
.../scss/widgets/generic/icons/_sizes.scss | 4 -
.../widgets/generic/informer/_colors.scss | 8 +-
.../scss/widgets/generic/informer/_index.scss | 3 -
.../scss/widgets/generic/informer/_sizes.scss | 2 -
.../scss/widgets/generic/list/_colors.scss | 4 -
.../scss/widgets/generic/list/_index.scss | 4 +-
.../scss/widgets/generic/list/_sizes.scss | 2 -
.../generic/loadIndicator/_colors.scss | 4 -
.../widgets/generic/loadIndicator/_index.scss | 5 --
.../widgets/generic/loadIndicator/_sizes.scss | 4 -
.../widgets/generic/loadPanel/_colors.scss | 4 -
.../widgets/generic/loadPanel/_index.scss | 6 --
.../widgets/generic/loadPanel/_sizes.scss | 4 -
.../scss/widgets/generic/lookup/_colors.scss | 5 --
.../scss/widgets/generic/lookup/_index.scss | 5 --
.../scss/widgets/generic/lookup/_sizes.scss | 2 -
.../scss/widgets/generic/map/_index.scss | 6 --
.../scss/widgets/generic/menu/_colors.scss | 4 -
.../scss/widgets/generic/menu/_index.scss | 7 +-
.../scss/widgets/generic/menu/_sizes.scss | 4 -
.../widgets/generic/menuBase/_colors.scss | 5 --
.../scss/widgets/generic/menuBase/_index.scss | 4 -
.../scss/widgets/generic/menuBase/_sizes.scss | 2 -
.../widgets/generic/multiView/_colors.scss | 6 --
.../widgets/generic/multiView/_index.scss | 6 --
.../widgets/generic/multiView/_sizes.scss | 4 -
.../widgets/generic/numberBox/_colors.scss | 4 -
.../widgets/generic/numberBox/_index.scss | 6 --
.../widgets/generic/numberBox/_sizes.scss | 2 -
.../scss/widgets/generic/overlay/_colors.scss | 3 -
.../scss/widgets/generic/overlay/_index.scss | 4 -
.../scss/widgets/generic/overlay/_sizes.scss | 4 -
.../widgets/generic/pagination/_colors.scss | 3 -
.../widgets/generic/pagination/_index.scss | 5 --
.../widgets/generic/pagination/_sizes.scss | 2 -
.../widgets/generic/pivotGrid/_colors.scss | 4 -
.../widgets/generic/pivotGrid/_index.scss | 5 --
.../widgets/generic/pivotGrid/_sizes.scss | 3 -
.../scss/widgets/generic/popover/_colors.scss | 7 --
.../scss/widgets/generic/popover/_index.scss | 5 --
.../scss/widgets/generic/popover/_sizes.scss | 4 -
.../scss/widgets/generic/popup/_colors.scss | 4 -
.../scss/widgets/generic/popup/_index.scss | 5 --
.../scss/widgets/generic/popup/_sizes.scss | 2 -
.../widgets/generic/progressBar/_colors.scss | 4 -
.../widgets/generic/progressBar/_index.scss | 5 --
.../widgets/generic/progressBar/_sizes.scss | 2 -
.../widgets/generic/radioButton/_colors.scss | 6 --
.../widgets/generic/radioButton/_index.scss | 5 --
.../widgets/generic/radioButton/_sizes.scss | 2 -
.../widgets/generic/radioGroup/_colors.scss | 4 -
.../widgets/generic/radioGroup/_index.scss | 5 --
.../widgets/generic/radioGroup/_sizes.scss | 4 -
.../widgets/generic/rangeSlider/_colors.scss | 6 --
.../widgets/generic/rangeSlider/_index.scss | 6 --
.../widgets/generic/rangeSlider/_sizes.scss | 4 -
.../generic/recurrenceEditor/_colors.scss | 6 --
.../generic/recurrenceEditor/_index.scss | 6 --
.../generic/recurrenceEditor/_sizes.scss | 2 -
.../generic/responsiveBox/_colors.scss | 6 --
.../widgets/generic/responsiveBox/_index.scss | 6 --
.../widgets/generic/responsiveBox/_sizes.scss | 4 -
.../widgets/generic/scheduler/_colors.scss | 3 -
.../widgets/generic/scheduler/_index.scss | 9 +-
.../widgets/generic/scheduler/_sizes.scss | 2 -
.../widgets/generic/scrollView/_colors.scss | 30 ++-----
.../widgets/generic/scrollView/_index.scss | 6 --
.../widgets/generic/scrollView/_sizes.scss | 4 -
.../widgets/generic/scrollable/_colors.scss | 4 -
.../widgets/generic/scrollable/_index.scss | 6 --
.../widgets/generic/scrollable/_sizes.scss | 5 --
.../widgets/generic/selectBox/_colors.scss | 4 -
.../widgets/generic/selectBox/_index.scss | 5 --
.../widgets/generic/selectBox/_sizes.scss | 4 -
.../scss/widgets/generic/slider/_colors.scss | 4 -
.../scss/widgets/generic/slider/_index.scss | 5 --
.../scss/widgets/generic/slider/_sizes.scss | 2 -
.../widgets/generic/sortable/_colors.scss | 6 --
.../scss/widgets/generic/sortable/_index.scss | 5 --
.../scss/widgets/generic/sortable/_sizes.scss | 4 -
.../widgets/generic/speechToText/_colors.scss | 4 -
.../widgets/generic/speechToText/_index.scss | 2 -
.../widgets/generic/speechToText/_sizes.scss | 3 -
.../generic/speedDialAction/_colors.scss | 6 --
.../generic/speedDialAction/_index.scss | 4 -
.../generic/speedDialAction/_sizes.scss | 1 -
.../widgets/generic/splitter/_colors.scss | 4 -
.../scss/widgets/generic/splitter/_index.scss | 5 --
.../scss/widgets/generic/splitter/_sizes.scss | 4 -
.../widgets/generic/splitterBar/_colors.scss | 6 --
.../widgets/generic/splitterBar/_index.scss | 4 -
.../widgets/generic/splitterBar/_sizes.scss | 4 -
.../scss/widgets/generic/stepper/_colors.scss | 7 +-
.../scss/widgets/generic/stepper/_index.scss | 5 --
.../scss/widgets/generic/stepper/_sizes.scss | 5 +-
.../scss/widgets/generic/switch/_colors.scss | 4 -
.../scss/widgets/generic/switch/_index.scss | 7 +-
.../scss/widgets/generic/switch/_sizes.scss | 2 -
.../scss/widgets/generic/tabPanel/_index.scss | 6 --
.../tabPanel/layout/tab-panel/_base.scss | 5 --
.../layout/tab-panel/_position-bottom.scss | 4 -
.../layout/tab-panel/_position-left.scss | 4 -
.../layout/tab-panel/_position-right.scss | 4 -
.../layout/tab-panel/_position-top.scss | 4 -
.../generic/tabPanel/layout/tab/_base.scss | 5 --
.../tabPanel/layout/tab/_position-bottom.scss | 4 -
.../tabPanel/layout/tab/_position-left.scss | 4 -
.../tabPanel/layout/tab/_position-right.scss | 4 -
.../tabPanel/layout/tab/_position-top.scss | 4 -
.../generic/tabPanel/variables/_borders.scss | 4 -
.../generic/tabPanel/variables/_colors.scss | 6 --
.../generic/tabPanel/variables/_sizes.scss | 2 -
.../scss/widgets/generic/tabs/_index.scss | 4 -
.../tabs/layout/navigation-button/_base.scss | 5 --
.../layout/navigation-button/_vertical.scss | 4 -
.../generic/tabs/layout/tab/_base.scss | 4 -
.../generic/tabs/layout/tab/_vertical.scss | 5 --
.../generic/tabs/layout/tabs/_base.scss | 5 --
.../generic/tabs/layout/tabs/_vertical.scss | 5 --
.../widgets/generic/tabs/mixins/_index.scss | 3 -
.../generic/tabs/variables/_colors.scss | 3 -
.../generic/tabs/variables/_sizes.scss | 3 -
.../borders/_borders-horizontal.scss | 4 -
.../variables/borders/_borders-vertical.scss | 4 -
.../scss/widgets/generic/tagBox/_colors.scss | 4 -
.../scss/widgets/generic/tagBox/_index.scss | 4 -
.../scss/widgets/generic/tagBox/_sizes.scss | 2 -
.../widgets/generic/textArea/_colors.scss | 6 --
.../scss/widgets/generic/textArea/_index.scss | 5 --
.../scss/widgets/generic/textArea/_sizes.scss | 4 -
.../scss/widgets/generic/textBox/_colors.scss | 5 --
.../scss/widgets/generic/textBox/_index.scss | 6 --
.../scss/widgets/generic/textBox/_sizes.scss | 4 -
.../widgets/generic/textEditor/_colors.scss | 3 -
.../widgets/generic/textEditor/_index.scss | 2 -
.../widgets/generic/textEditor/_sizes.scss | 2 -
.../widgets/generic/tileView/_colors.scss | 5 --
.../scss/widgets/generic/tileView/_index.scss | 6 --
.../scss/widgets/generic/tileView/_sizes.scss | 4 -
.../widgets/generic/timeView/_colors.scss | 4 -
.../scss/widgets/generic/timeView/_index.scss | 4 -
.../scss/widgets/generic/timeView/_sizes.scss | 2 -
.../scss/widgets/generic/toast/_colors.scss | 69 +++++++-------
.../scss/widgets/generic/toast/_index.scss | 6 --
.../scss/widgets/generic/toast/_sizes.scss | 2 -
.../scss/widgets/generic/toolbar/_colors.scss | 4 -
.../scss/widgets/generic/toolbar/_index.scss | 4 -
.../scss/widgets/generic/toolbar/_mixins.scss | 1 -
.../scss/widgets/generic/toolbar/_sizes.scss | 2 -
.../scss/widgets/generic/tooltip/_colors.scss | 3 -
.../scss/widgets/generic/tooltip/_index.scss | 6 --
.../scss/widgets/generic/tooltip/_sizes.scss | 4 -
.../widgets/generic/treeList/_colors.scss | 6 --
.../scss/widgets/generic/treeList/_index.scss | 6 +-
.../scss/widgets/generic/treeList/_sizes.scss | 3 -
.../widgets/generic/treeView/_colors.scss | 3 -
.../scss/widgets/generic/treeView/_index.scss | 5 +-
.../scss/widgets/generic/treeView/_sizes.scss | 2 -
.../widgets/generic/typography/_colors.scss | 6 --
.../widgets/generic/typography/_index.scss | 4 -
.../widgets/generic/typography/_sizes.scss | 2 -
.../widgets/generic/validation/_colors.scss | 7 --
.../widgets/generic/validation/_index.scss | 5 --
.../widgets/generic/validation/_sizes.scss | 4 -
.../scss/widgets/generic/widget/_colors.scss | 6 --
.../scss/widgets/generic/widget/_index.scss | 4 -
.../scss/widgets/generic/widget/_sizes.scss | 4 -
.../scss/widgets/material/_colors.scss | 7 +-
.../scss/widgets/material/_sizes.scss | 1 -
.../widgets/material/accordion/_colors.scss | 2 -
.../widgets/material/accordion/_index.scss | 4 -
.../widgets/material/accordion/_sizes.scss | 2 -
.../widgets/material/actionSheet/_colors.scss | 6 --
.../widgets/material/actionSheet/_index.scss | 6 --
.../widgets/material/actionSheet/_sizes.scss | 4 -
.../material/autocomplete/_colors.scss | 6 --
.../widgets/material/autocomplete/_index.scss | 5 --
.../widgets/material/autocomplete/_sizes.scss | 4 -
.../scss/widgets/material/badge/_colors.scss | 4 -
.../scss/widgets/material/badge/_index.scss | 5 --
.../scss/widgets/material/badge/_sizes.scss | 2 -
.../scss/widgets/material/box/_colors.scss | 6 --
.../scss/widgets/material/box/_index.scss | 4 -
.../scss/widgets/material/box/_sizes.scss | 4 -
.../scss/widgets/material/button/_colors.scss | 2 -
.../scss/widgets/material/button/_index.scss | 4 -
.../scss/widgets/material/button/_mixins.scss | 2 -
.../scss/widgets/material/button/_sizes.scss | 2 -
.../widgets/material/buttonGroup/_colors.scss | 7 +-
.../widgets/material/buttonGroup/_index.scss | 5 --
.../widgets/material/buttonGroup/_sizes.scss | 4 -
.../widgets/material/calendar/_colors.scss | 3 -
.../widgets/material/calendar/_index.scss | 10 +--
.../widgets/material/calendar/_sizes.scss | 2 -
.../scss/widgets/material/card/_colors.scss | 6 --
.../scss/widgets/material/card/_index.scss | 3 -
.../scss/widgets/material/card/_sizes.scss | 4 -
.../widgets/material/cardView/_colors.scss | 34 ++++---
.../widgets/material/cardView/_index.scss | 8 +-
.../widgets/material/cardView/_sizes.scss | 28 +++---
.../scss/widgets/material/chat/_colors.scss | 2 -
.../scss/widgets/material/chat/_index.scss | 4 -
.../scss/widgets/material/chat/_sizes.scss | 2 -
.../widgets/material/checkBox/_colors.scss | 3 -
.../widgets/material/checkBox/_index.scss | 3 -
.../widgets/material/checkBox/_sizes.scss | 2 -
.../widgets/material/colorBox/_colors.scss | 4 -
.../widgets/material/colorBox/_index.scss | 6 --
.../widgets/material/colorBox/_sizes.scss | 2 -
.../widgets/material/colorView/_colors.scss | 3 -
.../widgets/material/colorView/_index.scss | 8 --
.../widgets/material/colorView/_sizes.scss | 4 -
.../scss/widgets/material/common/_colors.scss | 6 --
.../scss/widgets/material/common/_index.scss | 3 -
.../scss/widgets/material/common/_mixins.scss | 7 +-
.../scss/widgets/material/common/_sizes.scss | 2 -
.../widgets/material/contextMenu/_colors.scss | 6 --
.../widgets/material/contextMenu/_index.scss | 4 -
.../widgets/material/contextMenu/_sizes.scss | 2 -
.../widgets/material/dataGrid/_colors.scss | 6 --
.../widgets/material/dataGrid/_index.scss | 6 +-
.../widgets/material/dataGrid/_sizes.scss | 5 +-
.../widgets/material/dateBox/_colors.scss | 2 -
.../scss/widgets/material/dateBox/_index.scss | 4 -
.../scss/widgets/material/dateBox/_sizes.scss | 2 -
.../material/dateRangeBox/_colors.scss | 1 -
.../widgets/material/dateRangeBox/_index.scss | 3 -
.../widgets/material/dateRangeBox/_sizes.scss | 2 -
.../widgets/material/dateView/_colors.scss | 3 -
.../widgets/material/dateView/_index.scss | 4 -
.../widgets/material/dateView/_sizes.scss | 4 -
.../widgets/material/diagram/_colors.scss | 5 --
.../scss/widgets/material/diagram/_index.scss | 8 +-
.../scss/widgets/material/diagram/_sizes.scss | 2 -
.../scss/widgets/material/drawer/_colors.scss | 3 -
.../scss/widgets/material/drawer/_index.scss | 4 -
.../scss/widgets/material/drawer/_sizes.scss | 4 -
.../widgets/material/dropDownBox/_colors.scss | 6 --
.../widgets/material/dropDownBox/_index.scss | 5 --
.../widgets/material/dropDownBox/_sizes.scss | 4 -
.../material/dropDownButton/_colors.scss | 6 --
.../material/dropDownButton/_index.scss | 6 --
.../material/dropDownButton/_sizes.scss | 2 -
.../material/dropDownEditor/_colors.scss | 4 -
.../material/dropDownEditor/_index.scss | 5 --
.../material/dropDownEditor/_sizes.scss | 3 -
.../material/dropDownList/_colors.scss | 6 --
.../widgets/material/dropDownList/_index.scss | 6 --
.../widgets/material/dropDownList/_sizes.scss | 4 -
.../material/dropDownMenu/_colors.scss | 6 --
.../widgets/material/dropDownMenu/_index.scss | 2 -
.../widgets/material/dropDownMenu/_sizes.scss | 4 -
.../widgets/material/fieldset/_colors.scss | 4 -
.../widgets/material/fieldset/_index.scss | 4 -
.../widgets/material/fieldset/_sizes.scss | 2 -
.../widgets/material/fileManager/_colors.scss | 5 --
.../widgets/material/fileManager/_index.scss | 4 -
.../widgets/material/fileManager/_sizes.scss | 3 -
.../material/fileUploader/_colors.scss | 4 -
.../widgets/material/fileUploader/_index.scss | 3 -
.../widgets/material/fileUploader/_sizes.scss | 2 -
.../material/filterBuilder/_colors.scss | 3 -
.../material/filterBuilder/_index.scss | 5 --
.../material/filterBuilder/_sizes.scss | 2 -
.../scss/widgets/material/form/_colors.scss | 4 -
.../scss/widgets/material/form/_index.scss | 5 --
.../scss/widgets/material/form/_sizes.scss | 2 -
.../widgets/material/gallery/_colors.scss | 3 -
.../scss/widgets/material/gallery/_index.scss | 7 +-
.../scss/widgets/material/gallery/_sizes.scss | 4 -
.../scss/widgets/material/gantt/_colors.scss | 4 -
.../scss/widgets/material/gantt/_index.scss | 5 +-
.../scss/widgets/material/gantt/_sizes.scss | 3 -
.../widgets/material/gridBase/_colors.scss | 7 +-
.../widgets/material/gridBase/_index.scss | 7 +-
.../widgets/material/gridBase/_sizes.scss | 2 -
.../gridBase/layout/aiChat/_index.scss | 4 +-
.../gridBase/layout/aiChat/_sizes.scss | 2 +-
.../widgets/material/htmlEditor/_colors.scss | 4 -
.../widgets/material/htmlEditor/_index.scss | 6 +-
.../widgets/material/htmlEditor/_sizes.scss | 2 -
.../scss/widgets/material/icons/_colors.scss | 6 --
.../scss/widgets/material/icons/_index.scss | 8 +-
.../scss/widgets/material/icons/_sizes.scss | 4 -
.../widgets/material/informer/_colors.scss | 2 -
.../widgets/material/informer/_index.scss | 3 -
.../widgets/material/informer/_sizes.scss | 2 -
.../scss/widgets/material/list/_colors.scss | 4 -
.../scss/widgets/material/list/_index.scss | 4 -
.../scss/widgets/material/list/_sizes.scss | 2 -
.../material/loadIndicator/_colors.scss | 3 -
.../material/loadIndicator/_index.scss | 5 --
.../material/loadIndicator/_sizes.scss | 4 -
.../widgets/material/loadPanel/_colors.scss | 4 -
.../widgets/material/loadPanel/_index.scss | 6 --
.../widgets/material/loadPanel/_sizes.scss | 4 -
.../scss/widgets/material/lookup/_colors.scss | 5 --
.../scss/widgets/material/lookup/_index.scss | 3 -
.../scss/widgets/material/lookup/_sizes.scss | 2 -
.../scss/widgets/material/map/_index.scss | 6 --
.../scss/widgets/material/menu/_colors.scss | 5 --
.../scss/widgets/material/menu/_index.scss | 5 +-
.../scss/widgets/material/menu/_sizes.scss | 3 -
.../widgets/material/menuBase/_colors.scss | 4 -
.../widgets/material/menuBase/_index.scss | 4 -
.../widgets/material/menuBase/_sizes.scss | 2 -
.../widgets/material/multiView/_colors.scss | 6 --
.../widgets/material/multiView/_index.scss | 6 --
.../widgets/material/multiView/_sizes.scss | 4 -
.../widgets/material/numberBox/_colors.scss | 4 -
.../widgets/material/numberBox/_index.scss | 6 --
.../widgets/material/numberBox/_sizes.scss | 4 -
.../widgets/material/overlay/_colors.scss | 4 -
.../scss/widgets/material/overlay/_index.scss | 5 --
.../scss/widgets/material/overlay/_sizes.scss | 4 -
.../widgets/material/pagination/_colors.scss | 4 -
.../widgets/material/pagination/_index.scss | 6 --
.../widgets/material/pagination/_sizes.scss | 2 -
.../widgets/material/pivotGrid/_colors.scss | 3 -
.../widgets/material/pivotGrid/_index.scss | 5 --
.../widgets/material/pivotGrid/_sizes.scss | 2 -
.../widgets/material/popover/_colors.scss | 6 --
.../scss/widgets/material/popover/_index.scss | 5 --
.../scss/widgets/material/popover/_sizes.scss | 4 -
.../scss/widgets/material/popup/_colors.scss | 3 -
.../scss/widgets/material/popup/_index.scss | 4 -
.../scss/widgets/material/popup/_sizes.scss | 2 -
.../widgets/material/progressBar/_colors.scss | 3 -
.../widgets/material/progressBar/_index.scss | 5 --
.../widgets/material/progressBar/_sizes.scss | 2 -
.../widgets/material/radioButton/_colors.scss | 6 --
.../widgets/material/radioButton/_index.scss | 4 -
.../widgets/material/radioButton/_sizes.scss | 2 -
.../widgets/material/radioGroup/_colors.scss | 3 -
.../widgets/material/radioGroup/_index.scss | 5 --
.../widgets/material/radioGroup/_sizes.scss | 3 -
.../widgets/material/rangeSlider/_colors.scss | 6 --
.../widgets/material/rangeSlider/_index.scss | 6 --
.../widgets/material/rangeSlider/_sizes.scss | 4 -
.../material/recurrenceEditor/_colors.scss | 6 --
.../material/recurrenceEditor/_index.scss | 5 --
.../material/recurrenceEditor/_sizes.scss | 2 -
.../material/responsiveBox/_colors.scss | 6 --
.../material/responsiveBox/_index.scss | 6 --
.../material/responsiveBox/_sizes.scss | 4 -
.../widgets/material/scheduler/_colors.scss | 4 -
.../widgets/material/scheduler/_index.scss | 7 +-
.../widgets/material/scheduler/_sizes.scss | 5 --
.../widgets/material/scrollView/_colors.scss | 3 -
.../widgets/material/scrollView/_index.scss | 5 --
.../widgets/material/scrollView/_sizes.scss | 4 -
.../widgets/material/scrollable/_colors.scss | 4 -
.../widgets/material/scrollable/_index.scss | 6 --
.../widgets/material/scrollable/_sizes.scss | 4 -
.../widgets/material/selectBox/_colors.scss | 4 -
.../widgets/material/selectBox/_index.scss | 5 --
.../widgets/material/selectBox/_sizes.scss | 4 -
.../scss/widgets/material/slider/_colors.scss | 3 -
.../scss/widgets/material/slider/_index.scss | 4 -
.../scss/widgets/material/slider/_sizes.scss | 2 -
.../widgets/material/sortable/_colors.scss | 6 --
.../widgets/material/sortable/_index.scss | 5 --
.../widgets/material/sortable/_sizes.scss | 4 -
.../material/speechToText/_colors.scss | 4 -
.../widgets/material/speechToText/_index.scss | 2 -
.../widgets/material/speechToText/_sizes.scss | 3 -
.../material/speedDialAction/_colors.scss | 6 --
.../material/speedDialAction/_index.scss | 4 -
.../material/speedDialAction/_sizes.scss | 2 -
.../widgets/material/splitter/_colors.scss | 8 +-
.../widgets/material/splitter/_index.scss | 5 --
.../widgets/material/splitter/_sizes.scss | 4 -
.../widgets/material/splitterBar/_colors.scss | 3 -
.../widgets/material/splitterBar/_index.scss | 4 -
.../widgets/material/splitterBar/_sizes.scss | 4 -
.../widgets/material/stepper/_colors.scss | 7 +-
.../scss/widgets/material/stepper/_index.scss | 5 --
.../scss/widgets/material/stepper/_sizes.scss | 5 +-
.../scss/widgets/material/switch/_colors.scss | 4 -
.../scss/widgets/material/switch/_index.scss | 3 -
.../scss/widgets/material/switch/_sizes.scss | 2 -
.../widgets/material/tabPanel/_colors.scss | 6 --
.../widgets/material/tabPanel/_index.scss | 4 -
.../widgets/material/tabPanel/_sizes.scss | 4 -
.../scss/widgets/material/tabs/_index.scss | 5 --
.../tabs/layout/navigation-button/_base.scss | 5 --
.../material/tabs/layout/tab/_base.scss | 5 --
.../layout/tab/styling-mode/_primary.scss | 6 --
.../layout/tab/styling-mode/_secondary.scss | 6 --
.../material/tabs/layout/tabs/_index.scss | 6 --
.../widgets/material/tabs/mixins/_index.scss | 3 -
.../material/tabs/variables/_colors.scss | 3 -
.../material/tabs/variables/_sizes.scss | 2 -
.../scss/widgets/material/tagBox/_colors.scss | 3 -
.../scss/widgets/material/tagBox/_index.scss | 5 --
.../scss/widgets/material/tagBox/_sizes.scss | 2 -
.../widgets/material/textArea/_colors.scss | 6 --
.../widgets/material/textArea/_index.scss | 6 --
.../widgets/material/textArea/_sizes.scss | 2 -
.../widgets/material/textBox/_colors.scss | 4 -
.../scss/widgets/material/textBox/_index.scss | 4 -
.../scss/widgets/material/textBox/_sizes.scss | 4 -
.../widgets/material/textEditor/_colors.scss | 3 -
.../widgets/material/textEditor/_index.scss | 5 +-
.../widgets/material/textEditor/_sizes.scss | 2 -
.../widgets/material/tileView/_colors.scss | 3 -
.../widgets/material/tileView/_index.scss | 6 --
.../widgets/material/tileView/_sizes.scss | 4 -
.../widgets/material/timeView/_colors.scss | 3 -
.../widgets/material/timeView/_index.scss | 5 --
.../widgets/material/timeView/_sizes.scss | 4 -
.../scss/widgets/material/toast/_colors.scss | 2 -
.../scss/widgets/material/toast/_index.scss | 5 --
.../scss/widgets/material/toast/_sizes.scss | 2 -
.../widgets/material/toolbar/_colors.scss | 4 -
.../scss/widgets/material/toolbar/_index.scss | 3 -
.../widgets/material/toolbar/_mixins.scss | 1 -
.../scss/widgets/material/toolbar/_sizes.scss | 2 -
.../widgets/material/tooltip/_colors.scss | 3 -
.../scss/widgets/material/tooltip/_index.scss | 6 --
.../scss/widgets/material/tooltip/_sizes.scss | 2 -
.../widgets/material/treeList/_colors.scss | 4 -
.../widgets/material/treeList/_index.scss | 6 +-
.../widgets/material/treeList/_sizes.scss | 2 -
.../widgets/material/treeView/_colors.scss | 3 -
.../widgets/material/treeView/_index.scss | 4 +-
.../widgets/material/treeView/_sizes.scss | 2 -
.../widgets/material/typography/_colors.scss | 6 --
.../widgets/material/typography/_index.scss | 52 +++++------
.../widgets/material/typography/_sizes.scss | 3 -
.../widgets/material/validation/_colors.scss | 4 -
.../widgets/material/validation/_index.scss | 5 --
.../widgets/material/validation/_sizes.scss | 2 -
.../scss/widgets/material/widget/_colors.scss | 6 --
.../scss/widgets/material/widget/_index.scss | 4 -
.../scss/widgets/material/widget/_sizes.scss | 4 -
.../tests/unused-elements.test.ts | 2 +-
.../src/metadata/resolve-data-uri.ts | 2 +-
.../src/utils/scss-data-uri.spec.ts | 22 ++++-
.../src/utils/scss-data-uri.ts | 2 +-
948 files changed, 519 insertions(+), 3837 deletions(-)
diff --git a/packages/devextreme-scss/.stylelintrc.json b/packages/devextreme-scss/.stylelintrc.json
index 38d6d74aecea..e34adf09d5ce 100644
--- a/packages/devextreme-scss/.stylelintrc.json
+++ b/packages/devextreme-scss/.stylelintrc.json
@@ -9,23 +9,38 @@
"alpha-value-notation": "number",
"at-rule-no-unknown": null,
"at-rule-no-vendor-prefix": true,
+ "@stylistic/block-closing-brace-newline-before": "always-multi-line",
+ "@stylistic/block-opening-brace-space-before": "always",
"color-function-notation": "legacy",
"declaration-block-no-redundant-longhand-properties": null,
+ "@stylistic/declaration-block-semicolon-newline-after": "always-multi-line",
+ "@stylistic/declaration-block-trailing-semicolon": "always",
+ "@stylistic/declaration-colon-space-after": "always-single-line",
+ "@stylistic/declaration-colon-space-before": "never",
"declaration-no-important": true,
"font-family-name-quotes": "always-unless-keyword",
+ "@stylistic/function-comma-space-after": "always-single-line",
"@stylistic/indentation": [2, { "ignore": ["inside-parens"] }],
"keyframes-name-pattern": "dx-[a-z0-9-]+",
- "@stylistic/max-empty-lines": 2,
+ "@stylistic/max-empty-lines": 1,
+ "@stylistic/media-feature-colon-space-after": "always",
"media-feature-name-no-vendor-prefix": true,
"no-descending-specificity": null,
+ "@stylistic/no-empty-first-line": true,
"no-empty-source": null,
+ "@stylistic/no-extra-semicolons": true,
+ "@stylistic/number-leading-zero": "always",
"number-max-precision": 6,
"property-no-vendor-prefix": true,
"selector-class-pattern": "dx-[a-z0-9-]+",
+ "@stylistic/selector-combinator-space-after": "always",
+ "@stylistic/selector-combinator-space-before": "always",
"selector-max-id": 0,
"selector-no-vendor-prefix": true,
"selector-pseudo-element-colon-notation": "double",
"shorthand-property-no-redundant-values": null,
+ "@stylistic/string-quotes": "double",
+ "@stylistic/unit-case": "lower",
"value-no-vendor-prefix": true,
"value-keyword-case": null,
"selector-not-notation": null,
diff --git a/packages/devextreme-scss/scss/widgets/base/_accordion.scss b/packages/devextreme-scss/scss/widgets/base/_accordion.scss
index 82075743c85d..9ea4671c4009 100644
--- a/packages/devextreme-scss/scss/widgets/base/_accordion.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_accordion.scss
@@ -1,6 +1,5 @@
@use "./mixins" as *;
-// adduse
.dx-accordion-item-title {
cursor: pointer;
position: relative;
@@ -32,7 +31,6 @@
}
}
-
.dx-accordion-item {
overflow: hidden;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/_actionSheet.scss b/packages/devextreme-scss/scss/widgets/base/_actionSheet.scss
index 456db08ba254..30d88403e086 100644
--- a/packages/devextreme-scss/scss/widgets/base/_actionSheet.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_actionSheet.scss
@@ -1,8 +1,5 @@
@use "./button/mixins" as *;
-// adduse
-
-
.dx-actionsheet-popup-wrapper {
.dx-overlay-content {
padding-top: 0;
diff --git a/packages/devextreme-scss/scss/widgets/base/_badge.scss b/packages/devextreme-scss/scss/widgets/base/_badge.scss
index 028e8d5d2e5a..2d84fb323622 100644
--- a/packages/devextreme-scss/scss/widgets/base/_badge.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_badge.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-badge {
display: inline-flex;
align-items: center;
diff --git a/packages/devextreme-scss/scss/widgets/base/_box.scss b/packages/devextreme-scss/scss/widgets/base/_box.scss
index 27f98df79444..0ce838e1c947 100644
--- a/packages/devextreme-scss/scss/widgets/base/_box.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_box.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-box-item-content {
font-size: 14px;
flex-direction: column;
diff --git a/packages/devextreme-scss/scss/widgets/base/_card.scss b/packages/devextreme-scss/scss/widgets/base/_card.scss
index 15ade03ca783..abb4afcbf692 100644
--- a/packages/devextreme-scss/scss/widgets/base/_card.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_card.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-card {
overflow: hidden;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/_contextMenu.scss b/packages/devextreme-scss/scss/widgets/base/_contextMenu.scss
index bea822e0e03f..242dd3de7ce5 100644
--- a/packages/devextreme-scss/scss/widgets/base/_contextMenu.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_contextMenu.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-context-menu {
&.dx-overlay-content {
overflow: inherit;
diff --git a/packages/devextreme-scss/scss/widgets/base/_dateBox.scss b/packages/devextreme-scss/scss/widgets/base/_dateBox.scss
index 40817b3c36b1..86768b8f826c 100644
--- a/packages/devextreme-scss/scss/widgets/base/_dateBox.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_dateBox.scss
@@ -1,8 +1,5 @@
@use "./mixins" as *;
-// adduse
-
-
.dx-texteditor {
input[type="date"] {
&::-webkit-inner-spin-button {
diff --git a/packages/devextreme-scss/scss/widgets/base/_dateView.scss b/packages/devextreme-scss/scss/widgets/base/_dateView.scss
index ea9eac946b58..dce8365b78ed 100644
--- a/packages/devextreme-scss/scss/widgets/base/_dateView.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_dateView.scss
@@ -1,8 +1,5 @@
@use "./mixins" as *;
-// adduse
-
-
.dx-dateview-item {
margin: 0;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/_draggable.scss b/packages/devextreme-scss/scss/widgets/base/_draggable.scss
index 28e42026b738..03b7b12d9acf 100644
--- a/packages/devextreme-scss/scss/widgets/base/_draggable.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_draggable.scss
@@ -1,7 +1,5 @@
@use "./mixins" as *;
-// adduse
-
.dx-draggable {
left: 0;
cursor: pointer;
diff --git a/packages/devextreme-scss/scss/widgets/base/_drawer.scss b/packages/devextreme-scss/scss/widgets/base/_drawer.scss
index 3d8e64e8ea96..afc88f2cbf21 100644
--- a/packages/devextreme-scss/scss/widgets/base/_drawer.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_drawer.scss
@@ -1,7 +1,5 @@
@use "./mixins" as *;
-// adduse
-
.dx-drawer {
height: 100%;
width: 100%;
@@ -115,7 +113,6 @@
}
}
-
&.dx-drawer-right.dx-drawer-expand > .dx-drawer-wrapper > .dx-overlay > .dx-overlay-wrapper > .dx-overlay-content {
right: 0;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/_dropDownList.scss b/packages/devextreme-scss/scss/widgets/base/_dropDownList.scss
index 0184adb43b64..4571fd682770 100644
--- a/packages/devextreme-scss/scss/widgets/base/_dropDownList.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_dropDownList.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-dropdownlist-popup-wrapper {
.dx-list {
min-height: 35px;
diff --git a/packages/devextreme-scss/scss/widgets/base/_fieldset.scss b/packages/devextreme-scss/scss/widgets/base/_fieldset.scss
index f125a5ac94af..ba82a69ce1ae 100644
--- a/packages/devextreme-scss/scss/widgets/base/_fieldset.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_fieldset.scss
@@ -1,6 +1,5 @@
@use "./mixins" as *;
-// adduse
.dx-fieldset {
margin-bottom: 20px;
diff --git a/packages/devextreme-scss/scss/widgets/base/_fileUploader.scss b/packages/devextreme-scss/scss/widgets/base/_fileUploader.scss
index a97f0b2ac5e3..4da499e464b1 100644
--- a/packages/devextreme-scss/scss/widgets/base/_fileUploader.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_fileUploader.scss
@@ -1,8 +1,5 @@
@use "./mixins" as *;
-// adduse
-
-
.dx-fileuploader {
&.dx-state-disabled .dx-fileuploader-input {
display: none;
@@ -152,7 +149,7 @@
cursor: default;
&::before {
- content: '';
+ content: "";
position: absolute;
top: -50%;
overflow: hidden;
diff --git a/packages/devextreme-scss/scss/widgets/base/_form.scss b/packages/devextreme-scss/scss/widgets/base/_form.scss
index 0177d17b74f9..36adb6415d90 100644
--- a/packages/devextreme-scss/scss/widgets/base/_form.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_form.scss
@@ -1,6 +1,3 @@
-// adduse
-
-
.dx-layout-manager {
.dx-field-item:not(.dx-first-row) {
padding-top: 10px;
@@ -156,7 +153,7 @@
.dx-field-item-optional {
.dx-label > span {
&::after {
- content: attr(data-mark) / '';
+ content: attr(data-mark) / "";
}
}
}
diff --git a/packages/devextreme-scss/scss/widgets/base/_gallery.scss b/packages/devextreme-scss/scss/widgets/base/_gallery.scss
index c55f34eb7e48..d904a41490b3 100644
--- a/packages/devextreme-scss/scss/widgets/base/_gallery.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_gallery.scss
@@ -1,6 +1,5 @@
@use "./mixins" as *;
-// adduse
.dx-gallery {
width: 100%;
height: 100%;
@@ -108,7 +107,6 @@
cursor: pointer;
}
-
.dx-state-disabled {
.dx-gallery-nav-button-prev,
.dx-gallery-nav-button-next,
diff --git a/packages/devextreme-scss/scss/widgets/base/_htmlEditor.scss b/packages/devextreme-scss/scss/widgets/base/_htmlEditor.scss
index 01654a19b914..5b3818d55082 100644
--- a/packages/devextreme-scss/scss/widgets/base/_htmlEditor.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_htmlEditor.scss
@@ -2,8 +2,6 @@
@use "sass:math";
@use "sass:selector";
-// adduse
-
$list-style: decimal lower-alpha lower-roman;
$list-style-width: 1.2em;
$list-style-margin: 0.3em;
@@ -219,15 +217,15 @@ $transparent-border: 1px solid transparent;
position: relative;
&[data-list="bullet"]::before {
- content: '\2022';
+ content: "\2022";
}
&[data-list="checked"]::before {
- content: '\2611';
+ content: "\2611";
}
&[data-list="unchecked"]::before {
- content: '\2610';
+ content: "\2610";
}
&::before {
diff --git a/packages/devextreme-scss/scss/widgets/base/_icon_fonts.scss b/packages/devextreme-scss/scss/widgets/base/_icon_fonts.scss
index 2b8b813a092e..c6645d033729 100644
--- a/packages/devextreme-scss/scss/widgets/base/_icon_fonts.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_icon_fonts.scss
@@ -623,13 +623,13 @@ $icons: (
@mixin dx-font-icons($font-file: "dxicons", $font-name: "DevExtreme Generic Icons", $font-name-safari: "devextreme_generic_icons", $text-rendering: auto) {
@font-face {
- font-family: 'DXIcons';
+ font-family: "DXIcons";
src:
local("#{$font-name}"),
local("#{$font-name-safari}"),
- url("icons/#{$font-file}.woff2") format('woff2'),
- url("icons/#{$font-file}.woff") format('woff'),
- url("icons/#{$font-file}.ttf") format('truetype');
+ url("icons/#{$font-file}.woff2") format("woff2"),
+ url("icons/#{$font-file}.woff") format("woff"),
+ url("icons/#{$font-file}.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@@ -688,4 +688,3 @@ $icons: (
content: "\f11c"; // hidepanel icon
}
}
-
diff --git a/packages/devextreme-scss/scss/widgets/base/_loadIndicator.scss b/packages/devextreme-scss/scss/widgets/base/_loadIndicator.scss
index e28276133917..ac6f0ec94503 100644
--- a/packages/devextreme-scss/scss/widgets/base/_loadIndicator.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_loadIndicator.scss
@@ -1,7 +1,5 @@
@use "sass:math";
-// adduse
-
$loadindicator-width: 32px;
$loadindicator-height: 32px;
diff --git a/packages/devextreme-scss/scss/widgets/base/_loadPanel.scss b/packages/devextreme-scss/scss/widgets/base/_loadPanel.scss
index a3034f363081..c6f4d31f3729 100644
--- a/packages/devextreme-scss/scss/widgets/base/_loadPanel.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_loadPanel.scss
@@ -1,8 +1,5 @@
@use "./mixins" as *;
-// adduse
-
-
.dx-loadpanel-content {
padding: 10px;
border: 1px solid #ccc;
@@ -17,7 +14,7 @@
&::before {
display: inline-block;
height: 100%;
- content: '';
+ content: "";
vertical-align: middle;
}
}
diff --git a/packages/devextreme-scss/scss/widgets/base/_map.scss b/packages/devextreme-scss/scss/widgets/base/_map.scss
index d876544dd3e6..0f61d97cd58d 100644
--- a/packages/devextreme-scss/scss/widgets/base/_map.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_map.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-map-container,
.dx-map-shield {
position: relative;
diff --git a/packages/devextreme-scss/scss/widgets/base/_menu.scss b/packages/devextreme-scss/scss/widgets/base/_menu.scss
index e0324d34686b..a11dfd9b4d86 100644
--- a/packages/devextreme-scss/scss/widgets/base/_menu.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_menu.scss
@@ -1,8 +1,5 @@
@use "./mixins" as *;
-// adduse
-
-
.dx-menu {
position: relative;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/_menuBase.scss b/packages/devextreme-scss/scss/widgets/base/_menuBase.scss
index 93cac424480f..90ce0ecb4ba6 100644
--- a/packages/devextreme-scss/scss/widgets/base/_menuBase.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_menuBase.scss
@@ -1,6 +1,5 @@
@use "./mixins" as *;
-// adduse
.dx-menu-base {
@include user-select(none);
diff --git a/packages/devextreme-scss/scss/widgets/base/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/_mixins.scss
index a560cb644ca7..e38a7556b667 100644
--- a/packages/devextreme-scss/scss/widgets/base/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_mixins.scss
@@ -43,7 +43,6 @@
}
}
-
@mixin dx-overflow($x: hidden) {
overflow: $x;
text-overflow: ellipsis;
@@ -60,7 +59,7 @@
&::after {
height: 100%;
display: inline-block;
- content: '';
+ content: "";
vertical-align: middle;
}
}
diff --git a/packages/devextreme-scss/scss/widgets/base/_multiView.scss b/packages/devextreme-scss/scss/widgets/base/_multiView.scss
index 3f17e27c4d8f..286801aa0075 100644
--- a/packages/devextreme-scss/scss/widgets/base/_multiView.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_multiView.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-multiview-wrapper {
overflow: hidden;
width: 100%;
diff --git a/packages/devextreme-scss/scss/widgets/base/_numberBox.scss b/packages/devextreme-scss/scss/widgets/base/_numberBox.scss
index becf52a20213..569695d1163f 100644
--- a/packages/devextreme-scss/scss/widgets/base/_numberBox.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_numberBox.scss
@@ -1,8 +1,5 @@
@use "./mixins" as *;
-// adduse
-
-
$spin-container-width: 22px;
$touch-friendly-spin-container-width: 64px;
diff --git a/packages/devextreme-scss/scss/widgets/base/_overlay.scss b/packages/devextreme-scss/scss/widgets/base/_overlay.scss
index db2dd1597f10..bbaee3c37b2e 100644
--- a/packages/devextreme-scss/scss/widgets/base/_overlay.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_overlay.scss
@@ -1,7 +1,5 @@
@use "./mixins" as *;
-// adduse
-
.dx-overlay-wrapper {
top: 0;
pointer-events: none;
diff --git a/packages/devextreme-scss/scss/widgets/base/_pagination.scss b/packages/devextreme-scss/scss/widgets/base/_pagination.scss
index cf6de65f799f..e4e03edf80db 100644
--- a/packages/devextreme-scss/scss/widgets/base/_pagination.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_pagination.scss
@@ -1,8 +1,5 @@
@use "./mixins" as *;
-// adduse
-
-
$pagination-paddings: 8px;
$pagination-info-paddings: 9px;
diff --git a/packages/devextreme-scss/scss/widgets/base/_popup.scss b/packages/devextreme-scss/scss/widgets/base/_popup.scss
index 973668a3c676..4e3e8b3378b6 100644
--- a/packages/devextreme-scss/scss/widgets/base/_popup.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_popup.scss
@@ -1,8 +1,6 @@
@use "sass:selector";
@use "./mixins" as *;
-// adduse
-
.dx-popup-title {
padding: 10px;
min-height: 19px;
diff --git a/packages/devextreme-scss/scss/widgets/base/_progressBar.scss b/packages/devextreme-scss/scss/widgets/base/_progressBar.scss
index 634a4c24b7d0..91604f6e9cc0 100644
--- a/packages/devextreme-scss/scss/widgets/base/_progressBar.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_progressBar.scss
@@ -1,7 +1,5 @@
@use "./mixins" as *;
-// adduse
-
.dx-progressbar {
.dx-position-left,
.dx-position-right {
@@ -46,7 +44,7 @@
&::before {
display: inline-block;
height: 100%;
- content: '';
+ content: "";
vertical-align: middle;
}
}
diff --git a/packages/devextreme-scss/scss/widgets/base/_resizable.scss b/packages/devextreme-scss/scss/widgets/base/_resizable.scss
index e6bdbcf7fa84..8068ae0a863a 100644
--- a/packages/devextreme-scss/scss/widgets/base/_resizable.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_resizable.scss
@@ -1,5 +1,3 @@
-// adduse
-
$handle-offset: 0;
$one-side-handle-size: 3px + $handle-offset;
$two-side-handle-size: 6px + $handle-offset;
diff --git a/packages/devextreme-scss/scss/widgets/base/_scrollView.scss b/packages/devextreme-scss/scss/widgets/base/_scrollView.scss
index 6f669c0f15f0..c125ad2d0d01 100644
--- a/packages/devextreme-scss/scss/widgets/base/_scrollView.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_scrollView.scss
@@ -1,8 +1,5 @@
@use "./mixins" as *;
-// adduse
-
-
$pulldown-height: 50px;
$pulldown-padding: 15px;
@@ -194,7 +191,7 @@ $pulldown-padding: 15px;
transform: translate(0, 0);
&::before {
- content: '';
+ content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
diff --git a/packages/devextreme-scss/scss/widgets/base/_selectBox.scss b/packages/devextreme-scss/scss/widgets/base/_selectBox.scss
index e4535f0c349d..8396e6a920f2 100644
--- a/packages/devextreme-scss/scss/widgets/base/_selectBox.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_selectBox.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-selectbox {
cursor: pointer;
diff --git a/packages/devextreme-scss/scss/widgets/base/_slider.scss b/packages/devextreme-scss/scss/widgets/base/_slider.scss
index 11401d091840..1c2ebfa9e3d4 100644
--- a/packages/devextreme-scss/scss/widgets/base/_slider.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_slider.scss
@@ -1,7 +1,6 @@
@use "./mixins" as *;
@use "./popover/mixins" as *;
-// adduse
$slider-tooltip-content-height: 28px;
$slider-tooltip-arrow-height: 7px;
@@ -26,7 +25,7 @@ $slider-tooltip-arrow-height: 7px;
&::before {
display: inline-block;
height: 100%;
- content: '';
+ content: "";
vertical-align: middle;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/_sortable.scss b/packages/devextreme-scss/scss/widgets/base/_sortable.scss
index b91847df15b5..85a3551bb66b 100644
--- a/packages/devextreme-scss/scss/widgets/base/_sortable.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_sortable.scss
@@ -1,8 +1,6 @@
@use "sass:color";
@use "./mixins" as *;
-// adduse
-
$base-accent: null !default;
.dx-sortable {
diff --git a/packages/devextreme-scss/scss/widgets/base/_splitterBar.scss b/packages/devextreme-scss/scss/widgets/base/_splitterBar.scss
index e8e1c74a41df..d4ef6e4c4b44 100644
--- a/packages/devextreme-scss/scss/widgets/base/_splitterBar.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_splitterBar.scss
@@ -1,7 +1,5 @@
@use "./mixins" as *;
-// adduse
-
.dx-splitter-wrapper {
height: 100%;
width: 0;
diff --git a/packages/devextreme-scss/scss/widgets/base/_string.scss b/packages/devextreme-scss/scss/widgets/base/_string.scss
index 6d01d3b237e6..28a2ab65a8d6 100644
--- a/packages/devextreme-scss/scss/widgets/base/_string.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_string.scss
@@ -1,6 +1,6 @@
@use "sass:string";
-@function replace($string, $search, $replace: '') {
+@function replace($string, $search, $replace: "") {
$index: string.index($string, $search);
@if $index {
@@ -11,11 +11,11 @@
}
@function escape($color) {
- $color: replace($color, '#', '%23');
- $color: replace($color, '$', '%24'); // stylelint-disable-line scss/no-duplicate-dollar-variables
- $color: replace($color, '(', '%28'); // stylelint-disable-line scss/no-duplicate-dollar-variables
- $color: replace($color, ')', '%29'); // stylelint-disable-line scss/no-duplicate-dollar-variables
- $color: replace($color, ' ', '%20'); // stylelint-disable-line scss/no-duplicate-dollar-variables
+ $color: replace($color, "#", "%23");
+ $color: replace($color, "$", "%24"); // stylelint-disable-line scss/no-duplicate-dollar-variables
+ $color: replace($color, "(", "%28"); // stylelint-disable-line scss/no-duplicate-dollar-variables
+ $color: replace($color, ")", "%29"); // stylelint-disable-line scss/no-duplicate-dollar-variables
+ $color: replace($color, " ", "%20"); // stylelint-disable-line scss/no-duplicate-dollar-variables
@return $color;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/_tabPanel.scss b/packages/devextreme-scss/scss/widgets/base/_tabPanel.scss
index 9a2f5e5e242e..682c2c4d4434 100644
--- a/packages/devextreme-scss/scss/widgets/base/_tabPanel.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_tabPanel.scss
@@ -1,6 +1,3 @@
-// adduse
-
-
.dx-tabpanel {
display: flex;
flex-direction: column;
diff --git a/packages/devextreme-scss/scss/widgets/base/_tabs.scss b/packages/devextreme-scss/scss/widgets/base/_tabs.scss
index 016ddc56ebd3..6adc51cb93e8 100644
--- a/packages/devextreme-scss/scss/widgets/base/_tabs.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_tabs.scss
@@ -1,8 +1,5 @@
@use "./mixins" as *;
-// adduse
-
-
@mixin dx-tabs-link() {
a {
position: absolute;
@@ -125,7 +122,7 @@
}
.dx-rtl {
- &.dx-tabs.dx-tabs-horizontal{
+ &.dx-tabs.dx-tabs-horizontal {
flex-direction: row-reverse;
}
}
diff --git a/packages/devextreme-scss/scss/widgets/base/_tagBox.scss b/packages/devextreme-scss/scss/widgets/base/_tagBox.scss
index 3fe010e647ba..ab4d70eb717d 100644
--- a/packages/devextreme-scss/scss/widgets/base/_tagBox.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_tagBox.scss
@@ -1,8 +1,6 @@
@use "./mixins" as *;
@use "sass:selector";
-// adduse
-
.dx-tagbox {
.dx-texteditor-input {
width: auto;
@@ -41,7 +39,6 @@
}
}
-
.dx-tag {
max-width: calc(100% - 1px);
display: inline-flex;
diff --git a/packages/devextreme-scss/scss/widgets/base/_textBox.scss b/packages/devextreme-scss/scss/widgets/base/_textBox.scss
index 50961eb884d3..69eb6a8727d2 100644
--- a/packages/devextreme-scss/scss/widgets/base/_textBox.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_textBox.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-searchbox {
.dx-icon-search {
display: block;
diff --git a/packages/devextreme-scss/scss/widgets/base/_tileView.scss b/packages/devextreme-scss/scss/widgets/base/_tileView.scss
index cc86985c2fb2..d4270b27b0d1 100644
--- a/packages/devextreme-scss/scss/widgets/base/_tileView.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_tileView.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-tileview {
div.dx-scrollable-container {
overflow-y: hidden; // anyway, tagName added for increase priorities
diff --git a/packages/devextreme-scss/scss/widgets/base/_toast.scss b/packages/devextreme-scss/scss/widgets/base/_toast.scss
index be0ad858929a..0c07b73f672d 100644
--- a/packages/devextreme-scss/scss/widgets/base/_toast.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_toast.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-toast-content {
display: flex;
padding: 10px;
diff --git a/packages/devextreme-scss/scss/widgets/base/_tooltip.scss b/packages/devextreme-scss/scss/widgets/base/_tooltip.scss
index b145fdc3b48a..c808a6f38222 100644
--- a/packages/devextreme-scss/scss/widgets/base/_tooltip.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_tooltip.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-tooltip-wrapper {
.dx-overlay-content {
min-width: 34px;
@@ -10,7 +8,7 @@
&::before {
display: inline-block;
height: 100%;
- content: '';
+ content: "";
vertical-align: middle;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/_ui.scss b/packages/devextreme-scss/scss/widgets/base/_ui.scss
index 98de253df885..01861bbd9f96 100644
--- a/packages/devextreme-scss/scss/widgets/base/_ui.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_ui.scss
@@ -1,7 +1,5 @@
@use "./mixins" as *;
-// adduse
-
.dx-clearfix {
@include dx-clearfix-mixin();
}
diff --git a/packages/devextreme-scss/scss/widgets/base/_validation.scss b/packages/devextreme-scss/scss/widgets/base/_validation.scss
index 7e8eecc70e3e..14a4c5cdb0a9 100644
--- a/packages/devextreme-scss/scss/widgets/base/_validation.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_validation.scss
@@ -1,4 +1,3 @@
-
@mixin dx-base-validation($summary-color, $message-color, $message-bg-color, $border-radius) {
.dx-validationsummary-item {
color: $summary-color;
@@ -99,4 +98,3 @@
transform: scale(0);
animation: dx-valid-badge-frames 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/base/_widget.scss b/packages/devextreme-scss/scss/widgets/base/_widget.scss
index 6bfa31f439a1..705030ba3556 100644
--- a/packages/devextreme-scss/scss/widgets/base/_widget.scss
+++ b/packages/devextreme-scss/scss/widgets/base/_widget.scss
@@ -1,7 +1,5 @@
@use "../base/mixins" as *;
-// adduse
-
.dx-color-scheme {
// NOTE: To override 'font-family' default value.
diff --git a/packages/devextreme-scss/scss/widgets/base/button/_index.scss b/packages/devextreme-scss/scss/widgets/base/button/_index.scss
index 1d06893c1ec1..532deba57bc6 100644
--- a/packages/devextreme-scss/scss/widgets/base/button/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/button/_index.scss
@@ -1,8 +1,6 @@
@use "../mixins" as *;
@use "./mixins" as *;
-// adduse
-
.dx-button-disabled {
@include dx-button-disabled();
}
diff --git a/packages/devextreme-scss/scss/widgets/base/buttonGroup/_index.scss b/packages/devextreme-scss/scss/widgets/base/buttonGroup/_index.scss
index e50d8fd8b0f2..a37fb6e1add9 100644
--- a/packages/devextreme-scss/scss/widgets/base/buttonGroup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/buttonGroup/_index.scss
@@ -1,7 +1,5 @@
@use "../mixins" as *;
-// adduse
-
.dx-buttongroup {
display: inline-block;
}
@@ -33,4 +31,3 @@
.dx-buttongroup-item-has-width {
flex: 1 1 auto;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/base/buttonGroup/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/buttonGroup/_mixins.scss
index 4ff693b2e3e1..9ddf78c2cfc8 100644
--- a/packages/devextreme-scss/scss/widgets/base/buttonGroup/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/buttonGroup/_mixins.scss
@@ -32,4 +32,4 @@
}
}
}
-};
+}
diff --git a/packages/devextreme-scss/scss/widgets/base/calendar/_calendar.scss b/packages/devextreme-scss/scss/widgets/base/calendar/_calendar.scss
index a6e1c2afa653..7174d09e7497 100644
--- a/packages/devextreme-scss/scss/widgets/base/calendar/_calendar.scss
+++ b/packages/devextreme-scss/scss/widgets/base/calendar/_calendar.scss
@@ -1,8 +1,5 @@
@use "../mixins" as *;
-// adduse
-
-
.dx-calendar {
@include user-select(none);
@@ -78,7 +75,6 @@
}
}
-
.dx-calendar-week-number-cell.dx-calendar-week-selection {
cursor: pointer;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/calendar/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/calendar/_mixins.scss
index 3e6de72eca09..76cd504fcd1c 100644
--- a/packages/devextreme-scss/scss/widgets/base/calendar/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/calendar/_mixins.scss
@@ -263,9 +263,9 @@
$calendar-cell-hover-border-color,
$calendar-cell-range-border-radius,
$calendar-range-cell-border-width,
- $cell: '.dx-calendar-cell-in-range',
- $startCell: '.dx-calendar-range-start-date',
- $endCell: '.dx-calendar-range-end-date',
+ $cell: ".dx-calendar-cell-in-range",
+ $startCell: ".dx-calendar-range-start-date",
+ $endCell: ".dx-calendar-range-end-date",
) {
#{$cell} {
{$pseudo} {
diff --git a/packages/devextreme-scss/scss/widgets/base/cardView/_index.scss b/packages/devextreme-scss/scss/widgets/base/cardView/_index.scss
index 456cc038823d..fcf80f7da5b3 100644
--- a/packages/devextreme-scss/scss/widgets/base/cardView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/cardView/_index.scss
@@ -1,10 +1,8 @@
-@use './content_view';
-@use './header_panel';
-@use './filter_panel';
-@use './column_chooser';
-@use './variables' as *;
-
-// adduse
+@use "./content_view";
+@use "./header_panel";
+@use "./filter_panel";
+@use "./column_chooser";
+@use "./variables" as *;
.dx-cardview {
padding: $cardview-padding;
diff --git a/packages/devextreme-scss/scss/widgets/base/cardView/column_chooser/_index.scss b/packages/devextreme-scss/scss/widgets/base/cardView/column_chooser/_index.scss
index 7e7cff3cc7ee..a923b8a3b7e5 100644
--- a/packages/devextreme-scss/scss/widgets/base/cardView/column_chooser/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/cardView/column_chooser/_index.scss
@@ -1,4 +1,4 @@
-@use './variables' as *;
+@use "./variables" as *;
.dx-cardview-column-chooser-list {
.dx-empty-message {
diff --git a/packages/devextreme-scss/scss/widgets/base/cardView/content_view/_index.scss b/packages/devextreme-scss/scss/widgets/base/cardView/content_view/_index.scss
index f8f2a72d84ba..bfcfd3968586 100644
--- a/packages/devextreme-scss/scss/widgets/base/cardView/content_view/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/cardView/content_view/_index.scss
@@ -1,6 +1,6 @@
-@use '../variables' as *;
-@use './content';
-@use './no_data';
+@use "../variables" as *;
+@use "./content";
+@use "./no_data";
.dx-gridcore-contentview {
overflow: hidden;
diff --git a/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/_index.scss b/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/_index.scss
index 28238326a787..75b09bf09333 100644
--- a/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/_index.scss
@@ -1,5 +1,5 @@
-@use './variables' as *;
-@use './card';
+@use "./variables" as *;
+@use "./card";
.dx-cardview-content {
display: grid;
diff --git a/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/_index.scss b/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/_index.scss
index 563b3ab898a3..f3e094c5aff3 100644
--- a/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/_index.scss
@@ -1,7 +1,7 @@
-@use './header';
-@use './content';
-@use './cover';
-@use './variables' as *;
+@use "./header";
+@use "./content";
+@use "./cover";
+@use "./variables" as *;
.dx-cardview-card {
width: 100%;
diff --git a/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/content/_index.scss b/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/content/_index.scss
index 05b6fb655da2..da7a127a6b96 100644
--- a/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/content/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/content/_index.scss
@@ -1,5 +1,5 @@
-@use './variables' as *;
-@use '../variables' as *;
+@use "./variables" as *;
+@use "../variables" as *;
.dx-cardview-card-content {
padding: $cardview-card__content-padding;
diff --git a/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/cover/_index.scss b/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/cover/_index.scss
index f9f0c5054905..5a8f9e4e879d 100644
--- a/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/cover/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/cover/_index.scss
@@ -1,5 +1,5 @@
-@use './variables' as *;
-@use '../variables' as *;
+@use "./variables" as *;
+@use "../variables" as *;
.dx-card-cover {
overflow: hidden;
@@ -41,4 +41,3 @@
width: 100%;
height: 100%;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/header/_index.scss b/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/header/_index.scss
index 4c3f1dd7a76a..ae28a7e5f713 100644
--- a/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/header/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/cardView/content_view/content/card/header/_index.scss
@@ -1,5 +1,5 @@
-@use './variables' as *;
-@use '../variables' as *;
+@use "./variables" as *;
+@use "../variables" as *;
.dx-cardview-card-header {
display: flex;
@@ -38,7 +38,7 @@
}
.dx-toolbar-item-content::before {
- content: '';
+ content: "";
width: 20px;
height: 20px;
display: inline-block;
diff --git a/packages/devextreme-scss/scss/widgets/base/cardView/content_view/no_data/_index.scss b/packages/devextreme-scss/scss/widgets/base/cardView/content_view/no_data/_index.scss
index b92688c02bf6..945055c5aaab 100644
--- a/packages/devextreme-scss/scss/widgets/base/cardView/content_view/no_data/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/cardView/content_view/no_data/_index.scss
@@ -1,4 +1,4 @@
-@use './variables' as *;
+@use "./variables" as *;
.dx-gridcore-nodata-icon-container {
height: $cardview-nodata-view__icon-container-size;
diff --git a/packages/devextreme-scss/scss/widgets/base/cardView/filter_panel/_index.scss b/packages/devextreme-scss/scss/widgets/base/cardView/filter_panel/_index.scss
index f4a3012299cb..e5403617c22a 100644
--- a/packages/devextreme-scss/scss/widgets/base/cardView/filter_panel/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/cardView/filter_panel/_index.scss
@@ -1,4 +1,4 @@
-@use './variables' as *;
+@use "./variables" as *;
.dx-cardview {
.dx-datagrid-filter-panel {
diff --git a/packages/devextreme-scss/scss/widgets/base/cardView/header_panel/_index.scss b/packages/devextreme-scss/scss/widgets/base/cardView/header_panel/_index.scss
index 5b1d0f6efec9..33789dd4a50e 100644
--- a/packages/devextreme-scss/scss/widgets/base/cardView/header_panel/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/cardView/header_panel/_index.scss
@@ -1,6 +1,5 @@
-
-@use './item';
-@use './variables' as *;
+@use "./item";
+@use "./variables" as *;
/*
NOTE: Maximal space needed:
@@ -102,4 +101,3 @@ $sortable-side-offset: 6px;
border-color: $cardview-header-item__sort-indicator__border-color;
border-radius: $cardview-header-item__sort-indicator__border-radius;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/base/cardView/header_panel/item/_index.scss b/packages/devextreme-scss/scss/widgets/base/cardView/header_panel/item/_index.scss
index 07bf739f8387..6e341df7730b 100644
--- a/packages/devextreme-scss/scss/widgets/base/cardView/header_panel/item/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/cardView/header_panel/item/_index.scss
@@ -1,5 +1,5 @@
-@use '../../../icon_fonts' as *;
-@use './variables' as *;
+@use "../../../icon_fonts" as *;
+@use "./variables" as *;
.dx-cardview-header-item {
display: flex;
diff --git a/packages/devextreme-scss/scss/widgets/base/cardView/header_panel/item/_variables.scss b/packages/devextreme-scss/scss/widgets/base/cardView/header_panel/item/_variables.scss
index 4922f1b5389b..ededf0c36a7a 100644
--- a/packages/devextreme-scss/scss/widgets/base/cardView/header_panel/item/_variables.scss
+++ b/packages/devextreme-scss/scss/widgets/base/cardView/header_panel/item/_variables.scss
@@ -41,4 +41,3 @@ $cardview-header-panel__item--dragged-text-weight: null !default;
$cardview-header-panel__item--dragged__allowance-icon-color: null !default;
$cardview-header-panel__item--dragged__prohibition-icon-color: null !default;
$cardview-header-panel__item--dragged-box-shadow-color: null !default;
-
diff --git a/packages/devextreme-scss/scss/widgets/base/chat/_index.scss b/packages/devextreme-scss/scss/widgets/base/chat/_index.scss
index b0296c093a7e..a937dbfbf9bb 100644
--- a/packages/devextreme-scss/scss/widgets/base/chat/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/chat/_index.scss
@@ -11,5 +11,3 @@
@use "layout/chat-messagelist" as *;
@use "layout/chat-suggestions" as *;
@use "layout/chat-typingindicator" as *;
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/base/chat/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/chat/_mixins.scss
index 7ec875e08825..0cabd4e5533d 100644
--- a/packages/devextreme-scss/scss/widgets/base/chat/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/chat/_mixins.scss
@@ -1,12 +1,12 @@
-@forward 'layout/chat/mixins';
-@forward 'layout/chat-avatar/mixins';
-@forward 'layout/chat-fileview/mixins';
-@forward 'layout/chat-alertlist/mixins';
-@forward 'layout/chat-messagebox/mixins';
-@forward 'layout/chat-messagebox-editing-preview/mixins';
-@forward 'layout/chat-messagebubble/mixins';
-@forward 'layout/chat-messagegroup/mixins';
-@forward 'layout/chat-messagelist/mixins';
-@forward 'layout/chat-suggestions/mixins';
-@forward 'layout/chat-typingindicator/mixins';
-@forward 'layout/chat-confirmationpopup/mixins';
+@forward "layout/chat/mixins";
+@forward "layout/chat-avatar/mixins";
+@forward "layout/chat-fileview/mixins";
+@forward "layout/chat-alertlist/mixins";
+@forward "layout/chat-messagebox/mixins";
+@forward "layout/chat-messagebox-editing-preview/mixins";
+@forward "layout/chat-messagebubble/mixins";
+@forward "layout/chat-messagegroup/mixins";
+@forward "layout/chat-messagelist/mixins";
+@forward "layout/chat-suggestions/mixins";
+@forward "layout/chat-typingindicator/mixins";
+@forward "layout/chat-confirmationpopup/mixins";
diff --git a/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebox-editing-preview/_index.scss b/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebox-editing-preview/_index.scss
index 323afd6d90a0..b836460cb3be 100644
--- a/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebox-editing-preview/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebox-editing-preview/_index.scss
@@ -20,7 +20,7 @@
}
.dx-chat-editing-preview::before {
- content: '';
+ content: "";
height: 100%;
border-radius: 999em;
position: absolute;
diff --git a/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebox-editing-preview/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebox-editing-preview/_mixins.scss
index ef65e694b2c2..261b766cfb84 100644
--- a/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebox-editing-preview/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebox-editing-preview/_mixins.scss
@@ -7,7 +7,7 @@
$border-width,
$cancel-button-color,
) {
- .dx-chat-editing-preview::before{
+ .dx-chat-editing-preview::before {
width: $border-width;
background-color: $accent-color;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagelist/_index.scss b/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagelist/_index.scss
index 0101d8e6b773..cd51d252941a 100644
--- a/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagelist/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagelist/_index.scss
@@ -89,4 +89,3 @@
.dx-chat-messagelist-day-header {
text-align: center;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-typingindicator/_index.scss b/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-typingindicator/_index.scss
index 06617827d61e..e7469fb5b226 100644
--- a/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-typingindicator/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-typingindicator/_index.scss
@@ -1,7 +1,7 @@
@use "../../../mixins" as *;
@use "./mixins" as *;
-@include chat-typingindicator-scale('dx-typingindicator-circle-scale-outer', 1.5);
-@include chat-typingindicator-scale('dx-typingindicator-circle-scale-inner', 0.666667);
+@include chat-typingindicator-scale("dx-typingindicator-circle-scale-outer", 1.5);
+@include chat-typingindicator-scale("dx-typingindicator-circle-scale-inner", 0.666667);
.dx-chat-typingindicator-content {
display: grid;
diff --git a/packages/devextreme-scss/scss/widgets/base/checkBox/_index.scss b/packages/devextreme-scss/scss/widgets/base/checkBox/_index.scss
index e80922531828..6db158b49da9 100644
--- a/packages/devextreme-scss/scss/widgets/base/checkBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/checkBox/_index.scss
@@ -1,9 +1,6 @@
@use "../mixins" as *;
@use "./mixins" as *;
-// adduse
-
-
.dx-checkbox {
display: inline-block;
cursor: pointer;
diff --git a/packages/devextreme-scss/scss/widgets/base/checkBox/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/checkBox/_mixins.scss
index 86117b75d0e8..fcc2bd939ce0 100644
--- a/packages/devextreme-scss/scss/widgets/base/checkBox/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/checkBox/_mixins.scss
@@ -15,7 +15,7 @@
margin-top: math.div(-$icon-height, 2);
inset-inline-start: 50%;
margin-inline-start: math.div(-$icon-width, 2);
- font-size: $font-size,
+ font-size: $font-size;
}
}
@@ -33,7 +33,7 @@
@include dx-checkbox-icon-centered($icon-height, $icon-width);
&::before {
- content: '';
+ content: "";
background-color: $color-bg;
border-radius: $icon-border-radius;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/colorBox/_index.scss b/packages/devextreme-scss/scss/widgets/base/colorBox/_index.scss
index 2ca9396bc39f..262086e375ee 100644
--- a/packages/devextreme-scss/scss/widgets/base/colorBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/colorBox/_index.scss
@@ -2,8 +2,6 @@
@use "./mixins" as *;
@use "sass:string" as string;
-// adduse
-
$colorbox-input-left-padding: 40px;
.dx-colorbox-input-container {
diff --git a/packages/devextreme-scss/scss/widgets/base/colorView/_index.scss b/packages/devextreme-scss/scss/widgets/base/colorView/_index.scss
index a319803d51a4..f226a5938c2a 100644
--- a/packages/devextreme-scss/scss/widgets/base/colorView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/colorView/_index.scss
@@ -1,8 +1,5 @@
@use "../mixins" as *;
-// adduse
-
-
$color-view-container-width: 450px;
$color-view-palette-width: 288px;
$color-view-palette-height: 299px;
@@ -16,7 +13,6 @@ $colorview-transparent-background-color: #ccc;
$colorview-handle-first-side-size: 36px;
$colorview-handle-second-side-size: 17px;
-
.dx-colorview-container {
width: $color-view-container-width;
overflow: hidden;
@@ -133,7 +129,6 @@ $colorview-handle-second-side-size: 17px;
height: 100%;
}
-
.dx-colorview-palette-gradient-white {
$palette-white-bg: 270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1);
diff --git a/packages/devextreme-scss/scss/widgets/base/dataGrid/_common.scss b/packages/devextreme-scss/scss/widgets/base/dataGrid/_common.scss
index 93177aa14ff9..2b7f7ec3e2b8 100644
--- a/packages/devextreme-scss/scss/widgets/base/dataGrid/_common.scss
+++ b/packages/devextreme-scss/scss/widgets/base/dataGrid/_common.scss
@@ -1,9 +1,5 @@
@use "../mixins" as *;
@use "../gridBase" as *;
-
-// adduse
-
-
@include grid-base(datagrid);
.dx-datagrid {
diff --git a/packages/devextreme-scss/scss/widgets/base/dataGrid/_index.scss b/packages/devextreme-scss/scss/widgets/base/dataGrid/_index.scss
index 070145a19561..021aaec45db5 100644
--- a/packages/devextreme-scss/scss/widgets/base/dataGrid/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/dataGrid/_index.scss
@@ -16,7 +16,7 @@ $datagrid-text-stub-background-image-path: null !default;
@use "../icon_fonts" as *;
@use "./common";
@use "./variables" as *;
-@use 'layout/cell' with (
+@use "layout/cell" with (
$datagrid-border: $datagrid-border,
$datagrid-border-color: $datagrid-border-color,
$datagrid-base-background-color: $datagrid-base-background-color,
@@ -94,7 +94,7 @@ $datagrid-text-stub-background-image-path: null !default;
font-family: inherit;
&::before {
- font-family: 'DXIcons', sans-serif;
+ font-family: "DXIcons", sans-serif;
}
}
@@ -183,7 +183,7 @@ $datagrid-text-stub-background-image-path: null !default;
&:not(.dx-datagrid-group-space)::before {
display: block;
height: 100%;
- content: '';
+ content: "";
background-image: $datagrid-text-stub-background-image-path;
background-repeat: no-repeat repeat;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/dateRangeBox/_index.scss b/packages/devextreme-scss/scss/widgets/base/dateRangeBox/_index.scss
index 03da26c7c8b0..704b10dbd735 100644
--- a/packages/devextreme-scss/scss/widgets/base/dateRangeBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/dateRangeBox/_index.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-daterangebox {
display: flex;
diff --git a/packages/devextreme-scss/scss/widgets/base/diagram/_index.scss b/packages/devextreme-scss/scss/widgets/base/diagram/_index.scss
index d31642bd6ae2..e6d9d5683a3c 100644
--- a/packages/devextreme-scss/scss/widgets/base/diagram/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/diagram/_index.scss
@@ -1,8 +1,5 @@
@use "../mixins" as *;
-// adduse
-
-
$transparent-border: 1px solid transparent;
.dx-diagram {
diff --git a/packages/devextreme-scss/scss/widgets/base/diagram/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/diagram/_mixins.scss
index a82ac276d054..aa23ac0744f2 100644
--- a/packages/devextreme-scss/scss/widgets/base/diagram/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/diagram/_mixins.scss
@@ -11,179 +11,178 @@
@mixin diagram-action-icons-mixin($toolbar-color, $menu-color, $icon-size, $toolbar-colorbutton-border-width) {
.dx-diagram-i-selectbox-null-icon {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/selectbox-null-icon.svg'), $toolbar-color, 1.56 * $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/selectbox-null-icon.svg"), $toolbar-color, 1.56 * $icon-size, $icon-size);
}
.dx-diagram-i-connector-begin-none {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/connector-begin-none.svg'), $toolbar-color, 1.56 * $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/connector-begin-none.svg"), $toolbar-color, 1.56 * $icon-size, $icon-size);
}
.dx-diagram-i-connector-begin-arrow {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/connector-begin-arrow.svg'), $toolbar-color, 1.56 * $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/connector-begin-arrow.svg"), $toolbar-color, 1.56 * $icon-size, $icon-size);
}
.dx-diagram-i-connector-begin-outlined-triangle {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/connector-begin-outlined-triangle.svg'), $toolbar-color, 1.56 * $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/connector-begin-outlined-triangle.svg"), $toolbar-color, 1.56 * $icon-size, $icon-size);
}
.dx-diagram-i-connector-begin-filled-triangle {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/connector-begin-filled-triangle.svg'), $toolbar-color, 1.56 * $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/connector-begin-filled-triangle.svg"), $toolbar-color, 1.56 * $icon-size, $icon-size);
}
.dx-diagram-i-connector-end-none {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/connector-end-none.svg'), $toolbar-color, 1.56 * $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/connector-end-none.svg"), $toolbar-color, 1.56 * $icon-size, $icon-size);
}
.dx-diagram-i-connector-end-arrow {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/connector-end-arrow.svg'), $toolbar-color, 1.56 * $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/connector-end-arrow.svg"), $toolbar-color, 1.56 * $icon-size, $icon-size);
}
.dx-diagram-i-connector-end-outlined-triangle {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/connector-end-outlined-triangle.svg'), $toolbar-color, 1.56 * $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/connector-end-outlined-triangle.svg"), $toolbar-color, 1.56 * $icon-size, $icon-size);
}
.dx-diagram-i-connector-end-filled-triangle {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/connector-end-filled-triangle.svg'), $toolbar-color, 1.56 * $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/connector-end-filled-triangle.svg"), $toolbar-color, 1.56 * $icon-size, $icon-size);
}
.dx-diagram-i-connector-orthogonal {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/connector-orthogonal.svg'), $toolbar-color, 1.56 * $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/connector-orthogonal.svg"), $toolbar-color, 1.56 * $icon-size, $icon-size);
}
.dx-diagram-i-connector-straight {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/connector-straight.svg'), $toolbar-color, 1.56 * $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/connector-straight.svg"), $toolbar-color, 1.56 * $icon-size, $icon-size);
}
.dx-diagram-i-line-solid {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/line-solid.svg'), $toolbar-color, 1.56 * $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/line-solid.svg"), $toolbar-color, 1.56 * $icon-size, $icon-size);
}
.dx-diagram-i-line-dotted {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/line-dotted.svg'), $toolbar-color, 1.56 * $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/line-dotted.svg"), $toolbar-color, 1.56 * $icon-size, $icon-size);
}
.dx-diagram-i-line-dashed {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/line-dashed.svg'), $toolbar-color, 1.56 * $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/line-dashed.svg"), $toolbar-color, 1.56 * $icon-size, $icon-size);
}
.dx-diagram-i-button-fill {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/button-fill.svg'), $toolbar-color, $icon-size, $icon-size + $toolbar-colorbutton-border-width);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/button-fill.svg"), $toolbar-color, $icon-size, $icon-size + $toolbar-colorbutton-border-width);
}
.dx-diagram-i-menu-fill {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/button-fill.svg'), $menu-color, $icon-size, $icon-size + $toolbar-colorbutton-border-width);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/button-fill.svg"), $menu-color, $icon-size, $icon-size + $toolbar-colorbutton-border-width);
}
.dx-diagram-i-button-fullscreen {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/fullscreen.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/fullscreen.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-menu-fullscreen {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/fullscreen.svg'), $menu-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/fullscreen.svg"), $menu-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-lock {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/lock.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/lock.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-menu-lock {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/lock.svg'), $menu-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/lock.svg"), $menu-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-unlock {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/unlock.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/unlock.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-menu-unlock {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/unlock.svg'), $menu-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/unlock.svg"), $menu-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-send-to-back {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/send-to-back.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/send-to-back.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-menu-send-to-back {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/send-to-back.svg'), $menu-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/send-to-back.svg"), $menu-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-bring-to-front {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/bring-to-front.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/bring-to-front.svg"), $toolbar-color, $icon-size, $icon-size);
}
-
.dx-diagram-i-menu-bring-to-front {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/bring-to-front.svg'), $menu-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/bring-to-front.svg"), $menu-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-select-all {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/select-all.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/select-all.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-menu-select-all {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/select-all.svg'), $menu-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/select-all.svg"), $menu-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-image-delete {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/image-delete.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/image-delete.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-menu-image-delete {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/image-delete.svg'), $menu-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/image-delete.svg"), $menu-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-image-edit {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/image-edit.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/image-edit.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-menu-image-edit {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/image-edit.svg'), $menu-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/image-edit.svg"), $menu-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-image-insert {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/image-insert.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/image-insert.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-menu-image-insert {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/image-insert.svg'), $menu-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/image-insert.svg"), $menu-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-layout-layered-bt {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/layout-layered-bt.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/layout-layered-bt.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-layout-layered-lr {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/layout-layered-lr.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/layout-layered-lr.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-layout-layered-rl {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/layout-layered-rl.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/layout-layered-rl.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-layout-layered-tb {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/layout-layered-tb.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/layout-layered-tb.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-layout-tree-bt {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/layout-tree-bt.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/layout-tree-bt.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-layout-tree-lr {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/layout-tree-lr.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/layout-tree-lr.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-layout-tree-rl {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/layout-tree-rl.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/layout-tree-rl.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-toolbox-open {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/toolbox-open.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/toolbox-open.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-toolbox-close {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/toolbox-close.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/toolbox-close.svg"), $toolbar-color, $icon-size, $icon-size);
}
.dx-diagram-i-button-layout-tree-tb {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/layout-tree-tb.svg'), $toolbar-color, $icon-size, $icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/layout-tree-tb.svg"), $toolbar-color, $icon-size, $icon-size);
}
}
diff --git a/packages/devextreme-scss/scss/widgets/base/dropDownButton/_index.scss b/packages/devextreme-scss/scss/widgets/base/dropDownButton/_index.scss
index e815d653adea..3a86043af06f 100644
--- a/packages/devextreme-scss/scss/widgets/base/dropDownButton/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/dropDownButton/_index.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-dropdownbutton {
display: inline-block;
vertical-align: middle;
diff --git a/packages/devextreme-scss/scss/widgets/base/dropDownEditor/_index.scss b/packages/devextreme-scss/scss/widgets/base/dropDownEditor/_index.scss
index 9db3d9b59fd4..610b50e2998a 100644
--- a/packages/devextreme-scss/scss/widgets/base/dropDownEditor/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/dropDownEditor/_index.scss
@@ -3,8 +3,6 @@
@use "./mixins" as *;
@use "../textEditor/mixins" as *;
-// adduse
-
.dx-dropdowneditor {
position: relative;
diff --git a/packages/devextreme-scss/scss/widgets/base/dropDownMenu/_index.scss b/packages/devextreme-scss/scss/widgets/base/dropDownMenu/_index.scss
index 3e409eae572d..5ad777432062 100644
--- a/packages/devextreme-scss/scss/widgets/base/dropDownMenu/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/dropDownMenu/_index.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-dropdownmenu-popup-wrapper {
.dx-dropdownmenu-list {
min-height: 0;
@@ -17,7 +15,7 @@
padding: 1px;
}
- .dx-list-item{
+ .dx-list-item {
display: block;
border-top: 0;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/fileManager/_index.scss b/packages/devextreme-scss/scss/widgets/base/fileManager/_index.scss
index da33dc456b96..008b0c995a78 100644
--- a/packages/devextreme-scss/scss/widgets/base/fileManager/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/fileManager/_index.scss
@@ -1,8 +1,5 @@
@use "../mixins" as *;
-// adduse
-
-
.dx-filemanager {
height: 500px;
border: 1px solid;
diff --git a/packages/devextreme-scss/scss/widgets/base/fileManager/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/fileManager/_mixins.scss
index 140b6b974bad..17a2d5b0c7ec 100644
--- a/packages/devextreme-scss/scss/widgets/base/fileManager/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/fileManager/_mixins.scss
@@ -18,19 +18,19 @@
.dx-filemanager-i.dx-icon {
&.dx-filemanager-i-refresh,
&.dx-filemanager-i-progress {
- @include filemanager-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/fileManager/refresh.svg'), $text-color, $success-bg-color, $success-text-color, $danger-bg-color, $danger-text-color, $icon-size, $icon-size);
+ @include filemanager-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/fileManager/refresh.svg"), $text-color, $success-bg-color, $success-text-color, $danger-bg-color, $danger-text-color, $icon-size, $icon-size);
}
&.dx-filemanager-i-done {
- @include filemanager-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/fileManager/done.svg'), $text-color, $success-bg-color, $success-text-color, $danger-bg-color, $danger-text-color, $icon-size, $icon-size);
+ @include filemanager-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/fileManager/done.svg"), $text-color, $success-bg-color, $success-text-color, $danger-bg-color, $danger-text-color, $icon-size, $icon-size);
}
&.dx-filemanager-i-danger {
- @include filemanager-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/fileManager/danger.svg'), $text-color, $success-bg-color, $success-text-color, $danger-bg-color, $danger-text-color, $icon-size, $icon-size);
+ @include filemanager-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/fileManager/danger.svg"), $text-color, $success-bg-color, $success-text-color, $danger-bg-color, $danger-text-color, $icon-size, $icon-size);
}
&.dx-filemanager-i-cancel {
- @include filemanager-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/fileManager/cancel.svg'), $text-color, $success-bg-color, $success-text-color, $danger-bg-color, $danger-text-color, $icon-size, $icon-size);
+ @include filemanager-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/fileManager/cancel.svg"), $text-color, $success-bg-color, $success-text-color, $danger-bg-color, $danger-text-color, $icon-size, $icon-size);
}
}
}
diff --git a/packages/devextreme-scss/scss/widgets/base/filterBuilder/_common.scss b/packages/devextreme-scss/scss/widgets/base/filterBuilder/_common.scss
index 9b75f0c399aa..6789b8bbd194 100644
--- a/packages/devextreme-scss/scss/widgets/base/filterBuilder/_common.scss
+++ b/packages/devextreme-scss/scss/widgets/base/filterBuilder/_common.scss
@@ -1,6 +1,3 @@
-// adduse
-
-
.dx-filterbuilder {
&.dx-rtl {
.dx-filterbuilder-text,
diff --git a/packages/devextreme-scss/scss/widgets/base/gantt/_index.scss b/packages/devextreme-scss/scss/widgets/base/gantt/_index.scss
index d327cc9e23e4..223ea622e6a9 100644
--- a/packages/devextreme-scss/scss/widgets/base/gantt/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/gantt/_index.scss
@@ -1,6 +1,3 @@
-// adduse
-
-
.dx-gantt {
display: flex;
flex-direction: column;
diff --git a/packages/devextreme-scss/scss/widgets/base/gantt/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/gantt/_mixins.scss
index 70b323e4cc73..08e37674d6b9 100644
--- a/packages/devextreme-scss/scss/widgets/base/gantt/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/gantt/_mixins.scss
@@ -10,67 +10,67 @@
@mixin gantt-icons-mixin($color) {
.dx-gantt-i {
&.dx-gantt-i-add {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/add.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/add.svg"), $color);
}
&.dx-gantt-i-add-sub-task {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/add-sub-task.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/add-sub-task.svg"), $color);
}
&.dx-gantt-i-add-task {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/add-task.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/add-task.svg"), $color);
}
&.dx-gantt-i-collapse {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/collapse.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/collapse.svg"), $color);
}
&.dx-gantt-i-delete {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/delete.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/delete.svg"), $color);
}
&.dx-gantt-i-delete-dependency {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/delete-dependency.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/delete-dependency.svg"), $color);
}
&.dx-gantt-i-expand {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/expand.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/expand.svg"), $color);
}
&.dx-gantt-i-full-screen {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/full-screen.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/full-screen.svg"), $color);
}
&.dx-gantt-i-redo {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/redo.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/redo.svg"), $color);
}
&.dx-gantt-i-task-details {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/task-details.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/task-details.svg"), $color);
}
&.dx-gantt-i-undo {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/undo.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/undo.svg"), $color);
}
&.dx-gantt-i-zoom-in {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/zoom-in.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/zoom-in.svg"), $color);
}
&.dx-gantt-i-zoom-out {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/zoom-out.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/zoom-out.svg"), $color);
}
&.dx-gantt-i-resource-manager {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/resource-manager.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/resource-manager.svg"), $color);
}
&.dx-gantt-i-toggle-resources {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/toggle-resources.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/toggle-resources.svg"), $color);
}
&.dx-gantt-i-toggle-dependencies {
- @include gantt-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/gantt/toggle-dependencies.svg'), $color);
+ @include gantt-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/gantt/toggle-dependencies.svg"), $color);
}
}
}
diff --git a/packages/devextreme-scss/scss/widgets/base/gridBase/_index.scss b/packages/devextreme-scss/scss/widgets/base/gridBase/_index.scss
index 9c1549400de5..8a59bf54afba 100644
--- a/packages/devextreme-scss/scss/widgets/base/gridBase/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/gridBase/_index.scss
@@ -1,12 +1,9 @@
-@use 'sass:math';
+@use "sass:math";
@use "../mixins" as *;
-@use 'variables' as *;
-@use 'layout/cell' as *;
+@use "variables" as *;
+@use "layout/cell" as *;
@use "layout/aiChat" as *;
-// adduse
-
-
.dx-gridbase-container {
display: flex;
flex-direction: column;
@@ -127,7 +124,7 @@
}
&.dx-header-filter::after {
- content: '';
+ content: "";
position: absolute;
top: 0;
bottom: 0;
@@ -422,7 +419,7 @@
.dx-cell-modified,
.dx-#{$widget-name}-invalid {
&::after {
- content: '';
+ content: "";
position: absolute;
border: 2px solid transparent;
top: 0;
@@ -453,7 +450,7 @@
&.dx-editor-inline-block:not(.dx-command-select) {
&::before {
display: inline-block;
- content: '\200b';
+ content: "\200b";
vertical-align: middle;
padding-top: $grid-cell-padding;
padding-bottom: $grid-cell-padding;
@@ -635,7 +632,7 @@
left: 0;
bottom: 0;
right: 0;
- content: '';
+ content: "";
}
}
@@ -752,7 +749,6 @@
}
}
-
&:focus {
outline: 0;
}
@@ -936,7 +932,6 @@
}
}
-
.dx-#{$widget-name}-filter-row {
.dx-editor-cell .dx-editor-with-menu {
.dx-texteditor {
diff --git a/packages/devextreme-scss/scss/widgets/base/gridBase/layout/aiChat/_index.scss b/packages/devextreme-scss/scss/widgets/base/gridBase/layout/aiChat/_index.scss
index 782240f6bf55..da52ce51e452 100644
--- a/packages/devextreme-scss/scss/widgets/base/gridBase/layout/aiChat/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/gridBase/layout/aiChat/_index.scss
@@ -1,5 +1,5 @@
@use "../../../icon_fonts" as *;
-@use './variables' as *;
+@use "./variables" as *;
.dx-ai-chat .dx-popup-content {
padding: 0;
diff --git a/packages/devextreme-scss/scss/widgets/base/gridBase/layout/aiChat/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/gridBase/layout/aiChat/_mixins.scss
index 031d60c15d4d..6e992a50baa9 100644
--- a/packages/devextreme-scss/scss/widgets/base/gridBase/layout/aiChat/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/gridBase/layout/aiChat/_mixins.scss
@@ -1,4 +1,4 @@
-@use './variables' as *;
+@use "./variables" as *;
@mixin ai-chat-messagelist-empty(
$messagelist-empty-icon-color,
diff --git a/packages/devextreme-scss/scss/widgets/base/gridBase/layout/cell.scss b/packages/devextreme-scss/scss/widgets/base/gridBase/layout/cell.scss
index ef68d50fe188..493328baff48 100644
--- a/packages/devextreme-scss/scss/widgets/base/gridBase/layout/cell.scss
+++ b/packages/devextreme-scss/scss/widgets/base/gridBase/layout/cell.scss
@@ -1,6 +1,6 @@
/* stylelint-disable no-duplicate-selectors */
@use "../../mixins" as *;
-@use '../variables' as *;
+@use "../variables" as *;
@mixin grid-base-cell($widget-name) {
diff --git a/packages/devextreme-scss/scss/widgets/base/list/_index.scss b/packages/devextreme-scss/scss/widgets/base/list/_index.scss
index 883acb9f31ed..44c3baa238f4 100644
--- a/packages/devextreme-scss/scss/widgets/base/list/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/list/_index.scss
@@ -1,9 +1,6 @@
@use "../mixins" as *;
@use "../button/mixins" as *;
-// adduse
-
-
$list-searchbox-margin-bottom: 5px;
.dx-list {
@@ -93,7 +90,6 @@ $list-searchbox-margin-bottom: 5px;
}
}
-
.dx-list-item-response-wait {
opacity: 0.5;
transition: opacity 0.2s linear;
diff --git a/packages/devextreme-scss/scss/widgets/base/list/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/list/_mixins.scss
index 20422b7d7810..d27e57091ad4 100644
--- a/packages/devextreme-scss/scss/widgets/base/list/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/list/_mixins.scss
@@ -9,6 +9,6 @@
@mixin toggle-delete-icon($color) {
.dx-icon-toggle-delete {
- @include list-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/list/toggle-delete.svg'), $color);
+ @include list-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/list/toggle-delete.svg"), $color);
}
}
diff --git a/packages/devextreme-scss/scss/widgets/base/lookup/_index.scss b/packages/devextreme-scss/scss/widgets/base/lookup/_index.scss
index 559378e67991..de0b1034ee0c 100644
--- a/packages/devextreme-scss/scss/widgets/base/lookup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/lookup/_index.scss
@@ -1,8 +1,6 @@
@use "./mixins" as *;
@use "../mixins" as *;
-// adduse
-
.dx-lookup {
margin: 0;
diff --git a/packages/devextreme-scss/scss/widgets/base/pivotGrid/_common.scss b/packages/devextreme-scss/scss/widgets/base/pivotGrid/_common.scss
index 87826aab0aca..ccd0ece68a21 100644
--- a/packages/devextreme-scss/scss/widgets/base/pivotGrid/_common.scss
+++ b/packages/devextreme-scss/scss/widgets/base/pivotGrid/_common.scss
@@ -1,6 +1,3 @@
-// adduse
-
-
.dx-pivotgrid-fields-container {
.dx-sort,
.dx-header-filter {
diff --git a/packages/devextreme-scss/scss/widgets/base/pivotGrid/_index.scss b/packages/devextreme-scss/scss/widgets/base/pivotGrid/_index.scss
index 6545fc1eb490..cfd91f6158e4 100644
--- a/packages/devextreme-scss/scss/widgets/base/pivotGrid/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/pivotGrid/_index.scss
@@ -497,7 +497,6 @@ $pivotgrid-expand-icon-text-offset: 0;
width: $pivotgrid-icon-size;
}
-
.dx-popup-content {
padding: $pivotgrid-common-left-right-padding;
@@ -566,7 +565,6 @@ $pivotgrid-expand-icon-text-offset: 0;
}
}
-
.dx-rtl {
.dx-pivotgrid-fields-container {
.dx-position-indicator {
@@ -718,7 +716,6 @@ $pivotgrid-expand-icon-text-offset: 0;
display: flex;
}
-
.dx-pivotgrid-border {
.dx-area-description-cell,
.dx-data-header,
diff --git a/packages/devextreme-scss/scss/widgets/base/popover/_index.scss b/packages/devextreme-scss/scss/widgets/base/popover/_index.scss
index a047fc2d17d9..d9a22934371f 100644
--- a/packages/devextreme-scss/scss/widgets/base/popover/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/popover/_index.scss
@@ -1,7 +1,4 @@
@use "./mixins" as *;
-
-// adduse
-
@include dx-popover-arrow-size(20px);
.dx-popover-arrow {
diff --git a/packages/devextreme-scss/scss/widgets/base/radioButton/_index.scss b/packages/devextreme-scss/scss/widgets/base/radioButton/_index.scss
index ec1a65d29b74..49de6bd5051a 100644
--- a/packages/devextreme-scss/scss/widgets/base/radioButton/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/radioButton/_index.scss
@@ -1,7 +1,5 @@
@use "../mixins" as *;
-// adduse
-
.dx-radiobutton {
@include user-select(none);
diff --git a/packages/devextreme-scss/scss/widgets/base/radioButton/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/radioButton/_mixins.scss
index 0081edf94f26..0b5446215e20 100644
--- a/packages/devextreme-scss/scss/widgets/base/radioButton/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/radioButton/_mixins.scss
@@ -38,7 +38,7 @@
@if $useRipple {
&::after {
- content: '';
+ content: "";
position: absolute;
width: $ripple-size;
height: $ripple-size;
diff --git a/packages/devextreme-scss/scss/widgets/base/radioGroup/_index.scss b/packages/devextreme-scss/scss/widgets/base/radioGroup/_index.scss
index 725e25659bdf..1d68e8a53168 100644
--- a/packages/devextreme-scss/scss/widgets/base/radioGroup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/radioGroup/_index.scss
@@ -1,7 +1,5 @@
@use "./mixins" as *;
-// adduse
-
.dx-radio-value-container {
padding-inline-end: 10px;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/scheduler/_common.scss b/packages/devextreme-scss/scss/widgets/base/scheduler/_common.scss
index d331e306e8e3..757318499b2b 100644
--- a/packages/devextreme-scss/scss/widgets/base/scheduler/_common.scss
+++ b/packages/devextreme-scss/scss/widgets/base/scheduler/_common.scss
@@ -1,8 +1,6 @@
@use "sass:math";
@use "../../base/mixins" as *;
-// adduse
-
$scheduler-appointment-collector-margin: 3px;
$scheduler-appointment-collector-height: 22px;
@@ -31,7 +29,7 @@ $scheduler-appointment-collector-height: 22px;
display: inline-block;
position: relative;
height: 100%;
- content: '';
+ content: "";
vertical-align: text-top;
font-size: 0;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/scheduler/_index.scss b/packages/devextreme-scss/scss/widgets/base/scheduler/_index.scss
index 9a868e452bed..5aed1e0f20f4 100644
--- a/packages/devextreme-scss/scss/widgets/base/scheduler/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/scheduler/_index.scss
@@ -326,7 +326,7 @@ $scheduler-time-indicator-text-shadow: $scheduler-time-indicator-shadow-color 1p
&::after {
position: absolute;
- content: '';
+ content: "";
left: 0;
right: 0;
diff --git a/packages/devextreme-scss/scss/widgets/base/scheduler/views/_index.scss b/packages/devextreme-scss/scss/widgets/base/scheduler/views/_index.scss
index af44f6164aae..5d177c422ae1 100644
--- a/packages/devextreme-scss/scss/widgets/base/scheduler/views/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/scheduler/views/_index.scss
@@ -88,7 +88,7 @@ $scheduler-month-date-text-padding: 6px;
right: 0;
width: 100%;
height: $scheduler-current-time-cell-border-size;
- content: '';
+ content: "";
background-color: $scheduler-time-indicator-color;
}
}
diff --git a/packages/devextreme-scss/scss/widgets/base/scheduler/views/renovation/_index.scss b/packages/devextreme-scss/scss/widgets/base/scheduler/views/renovation/_index.scss
index 87a361498aac..7c7451141b9a 100644
--- a/packages/devextreme-scss/scss/widgets/base/scheduler/views/renovation/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/scheduler/views/renovation/_index.scss
@@ -40,7 +40,6 @@ $scheduler-timeline-cell-height: null !default;
}
}
-
.dx-scheduler-header-tables-container,
.dx-scheduler-header-scrollable,
.dx-scheduler-date-table-scrollable,
diff --git a/packages/devextreme-scss/scss/widgets/base/scrollable/_index.scss b/packages/devextreme-scss/scss/widgets/base/scrollable/_index.scss
index e87d4cb3cc96..0db7fd377b88 100644
--- a/packages/devextreme-scss/scss/widgets/base/scrollable/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/scrollable/_index.scss
@@ -1,7 +1,6 @@
@use "sass:selector";
@use "./mixins" as *;
-// adduse
.dx-scrollable-scrollbar-simulated {
position: relative;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/splitter/_index.scss b/packages/devextreme-scss/scss/widgets/base/splitter/_index.scss
index d7db7991eae9..293fc356eec7 100644
--- a/packages/devextreme-scss/scss/widgets/base/splitter/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/splitter/_index.scss
@@ -1,5 +1,3 @@
-
-// adduse
.dx-splitter {
display: flex;
height: 100%;
diff --git a/packages/devextreme-scss/scss/widgets/base/stepper/_index.scss b/packages/devextreme-scss/scss/widgets/base/stepper/_index.scss
index c8765917d77e..2ecc46caa065 100644
--- a/packages/devextreme-scss/scss/widgets/base/stepper/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/stepper/_index.scss
@@ -3,5 +3,3 @@
@use "layout/connector" as *;
@use "layout/step-list" as *;
@use "layout/step" as *;
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/base/stepper/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/stepper/_mixins.scss
index 0def2503f22e..3a96679e19d8 100644
--- a/packages/devextreme-scss/scss/widgets/base/stepper/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/stepper/_mixins.scss
@@ -1,3 +1,3 @@
-@forward 'layout/stepper/mixins';
-@forward 'layout/connector/mixins';
-@forward 'layout/step/mixins';
+@forward "layout/stepper/mixins";
+@forward "layout/connector/mixins";
+@forward "layout/step/mixins";
diff --git a/packages/devextreme-scss/scss/widgets/base/stepper/layout/step/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/stepper/layout/step/_mixins.scss
index 43ee96309076..f5c4a4aa01a3 100644
--- a/packages/devextreme-scss/scss/widgets/base/stepper/layout/step/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/stepper/layout/step/_mixins.scss
@@ -198,14 +198,14 @@
&.dx-step-completed {
.dx-step-indicator {
border-color: $selected-hover-bg;
- background-color:$selected-hover-bg;
+ background-color: $selected-hover-bg;
}
}
&.dx-step-selected {
.dx-step-indicator {
border-color: $selected-hover-bg;
- background-color:$selected-hover-bg;
+ background-color: $selected-hover-bg;
box-shadow: 0 0 0 2px $shadow-color, 0 0 0 4px $selected-hover-bg, 0 0 0 8px $shadow-color;
}
}
diff --git a/packages/devextreme-scss/scss/widgets/base/switch/_index.scss b/packages/devextreme-scss/scss/widgets/base/switch/_index.scss
index 7d45ae4d1668..435b34cf9897 100644
--- a/packages/devextreme-scss/scss/widgets/base/switch/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/switch/_index.scss
@@ -1,8 +1,6 @@
@use "../mixins" as *;
@use "./mixins" as *;
-// adduse
-
.dx-switch {
display: inline-block;
cursor: pointer;
@@ -20,7 +18,7 @@
&::before {
display: inline-block;
height: 100%;
- content: '';
+ content: "";
vertical-align: middle;
}
}
diff --git a/packages/devextreme-scss/scss/widgets/base/switch/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/switch/_mixins.scss
index 54b2b4442bb6..8cf153a47a4c 100644
--- a/packages/devextreme-scss/scss/widgets/base/switch/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/switch/_mixins.scss
@@ -18,8 +18,8 @@
.dx-switch-wrapper {
position: relative;
- padding-top: $switch-padding,;
- padding-bottom: $switch-padding,;
+ padding-top: $switch-padding;
+ padding-bottom: $switch-padding;
padding-inline-start: $switch-padding - $switch-container-horizontal-padding;
padding-inline-end: $switch-padding + $switch-container-horizontal-padding;
inset-inline-start: -$switch-padding;
@@ -38,7 +38,7 @@
&::before {
position: absolute;
- content: '';
+ content: "";
width: 100%;
height: $switch-container-height;
border-radius: 500px;
@@ -86,7 +86,7 @@
&::before {
display: block;
- content: ' ';
+ content: " ";
width: 100%;
height: 100%;
border-radius: $switch-handle-border-radius;
@@ -210,7 +210,7 @@
.dx-switch {
.dx-switch-handle::before {
- background-color: $switch-off-border-color;
+ background-color: $switch-off-border-color;
}
&.dx-state-hover {
@@ -234,7 +234,7 @@
&.dx-state-active,
&.dx-state-focused {
.dx-switch-container::before {
- border-color: $switch-off-border-color-active;
+ border-color: $switch-off-border-color-active;
}
&.dx-state-readonly {
@@ -274,14 +274,14 @@
.dx-switch:not(.dx-switch-on-value):not(.dx-state-readonly) {
&.dx-state-hover {
.dx-switch-handle::before {
- background-color: $switch-off-border-color-hover;
+ background-color: $switch-off-border-color-hover;
}
}
&.dx-state-active,
&.dx-state-focused {
.dx-switch-handle::before {
- background-color: $switch-off-border-color-active;
+ background-color: $switch-off-border-color-active;
}
}
}
diff --git a/packages/devextreme-scss/scss/widgets/base/textArea/_index.scss b/packages/devextreme-scss/scss/widgets/base/textArea/_index.scss
index 3b57215fe0fd..cbe4d44d64f9 100644
--- a/packages/devextreme-scss/scss/widgets/base/textArea/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/textArea/_index.scss
@@ -1,5 +1,3 @@
-// adduse
-
.dx-textarea {
height: auto;
diff --git a/packages/devextreme-scss/scss/widgets/base/textEditor/_index.scss b/packages/devextreme-scss/scss/widgets/base/textEditor/_index.scss
index b3bbfec4d9f4..f17060dd4e77 100644
--- a/packages/devextreme-scss/scss/widgets/base/textEditor/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/textEditor/_index.scss
@@ -2,9 +2,6 @@
@use "./mixins" as *;
@use "sass:string" as string;
-// adduse
-
-
.dx-texteditor {
display: block;
@@ -38,7 +35,7 @@
}
&::after {
- content: ' ';
+ content: " ";
display: inline-block;
height: 100%;
vertical-align: middle;
diff --git a/packages/devextreme-scss/scss/widgets/base/textEditor/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/textEditor/_mixins.scss
index a37911b651f9..724b0602c7d2 100644
--- a/packages/devextreme-scss/scss/widgets/base/textEditor/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/textEditor/_mixins.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@mixin dx-editor-content-wrapper() {
display: flex;
@@ -31,7 +30,7 @@
}
}
- &.dx-textarea {
+ &.dx-textarea {
.dx-label {
span {
top: 0;
@@ -68,7 +67,7 @@
}
}
- &.dx-textarea {
+ &.dx-textarea {
.dx-label {
span {
top: $texteditor-input-top-padding;
@@ -233,7 +232,7 @@
position: relative;
&::before {
- content: '';
+ content: "";
width: 100%;
position: absolute;
height: 3px;
diff --git a/packages/devextreme-scss/scss/widgets/base/timeView/_index.scss b/packages/devextreme-scss/scss/widgets/base/timeView/_index.scss
index 23215adfbf35..fc25e00f13f7 100644
--- a/packages/devextreme-scss/scss/widgets/base/timeView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/timeView/_index.scss
@@ -1,7 +1,5 @@
@use "./mixins";
-// adduse
-
.dx-timeview {
&.dx-state-disabled,
.dx-state-disabled {
diff --git a/packages/devextreme-scss/scss/widgets/base/timeView/_mixins.scss b/packages/devextreme-scss/scss/widgets/base/timeView/_mixins.scss
index 7229b443a296..3f220dee2ca5 100644
--- a/packages/devextreme-scss/scss/widgets/base/timeView/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/base/timeView/_mixins.scss
@@ -11,7 +11,7 @@
@mixin clock-action-icons-mixin($accent-color, $background-color, $digit-color) {
.dx-timeview-clock {
- @include clock-colored-image(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/timeView/clock-bg.svg'), $accent-color, $background-color, $digit-color);
+ @include clock-colored-image(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/timeView/clock-bg.svg"), $accent-color, $background-color, $digit-color);
$clock-size: 182px;
@@ -37,10 +37,10 @@
}
.dx-timeview-hourarrow {
- @include clock-colored-image(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/timeView/hour-arrow.svg'), $accent-color, $background-color, $digit-color);
+ @include clock-colored-image(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/timeView/hour-arrow.svg"), $accent-color, $background-color, $digit-color);
}
.dx-timeview-minutearrow {
- @include clock-colored-image(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/timeView/min-arrow.svg'), $accent-color, $background-color, $digit-color);
+ @include clock-colored-image(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/timeView/min-arrow.svg"), $accent-color, $background-color, $digit-color);
}
}
diff --git a/packages/devextreme-scss/scss/widgets/base/toolbar/_index.scss b/packages/devextreme-scss/scss/widgets/base/toolbar/_index.scss
index dc986ce20148..b808f435693c 100644
--- a/packages/devextreme-scss/scss/widgets/base/toolbar/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/toolbar/_index.scss
@@ -1,7 +1,5 @@
@use "../mixins" as *;
-// adduse
-
.dx-toolbar {
width: 100%;
diff --git a/packages/devextreme-scss/scss/widgets/base/treeList/_common.scss b/packages/devextreme-scss/scss/widgets/base/treeList/_common.scss
index 89be17e52429..7f706cc6e127 100644
--- a/packages/devextreme-scss/scss/widgets/base/treeList/_common.scss
+++ b/packages/devextreme-scss/scss/widgets/base/treeList/_common.scss
@@ -1,8 +1,5 @@
@use "../mixins" as *;
@use "../gridBase" as *;
-
-// adduse
-
@include grid-base(treelist);
.dx-treelist-container {
diff --git a/packages/devextreme-scss/scss/widgets/base/treeList/_index.scss b/packages/devextreme-scss/scss/widgets/base/treeList/_index.scss
index 045d1d1fc5d0..95667f2a6758 100644
--- a/packages/devextreme-scss/scss/widgets/base/treeList/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/treeList/_index.scss
@@ -16,7 +16,7 @@ $base-focus-color: null !default;
@use "../icon_fonts" as *;
@use "./common" as *;
@use "./expandable" as *;
-@use 'layout/cell' with (
+@use "layout/cell" with (
$treelist-border: $datagrid-border,
$treelist-border-color: $datagrid-border-color,
$treelist-base-background-color: $datagrid-base-background-color,
@@ -110,7 +110,7 @@ $treelist-row-error-color: $datagrid-row-error-color;
font-family: inherit;
&::before {
- font-family: 'DXIcons', sans-serif;
+ font-family: "DXIcons", sans-serif;
}
}
@@ -181,7 +181,7 @@ $treelist-row-error-color: $datagrid-row-error-color;
&::before {
display: block;
height: 100%;
- content: '';
+ content: "";
background-image: $treelist-text-stub-background-image-path;
background-repeat: no-repeat repeat;
}
diff --git a/packages/devextreme-scss/scss/widgets/base/treeView/_common.scss b/packages/devextreme-scss/scss/widgets/base/treeView/_common.scss
index 9efe8e84d511..644abfdb53c3 100644
--- a/packages/devextreme-scss/scss/widgets/base/treeView/_common.scss
+++ b/packages/devextreme-scss/scss/widgets/base/treeView/_common.scss
@@ -1,8 +1,6 @@
@use "../mixins" as *;
@use "../../base/icon_fonts" as *;
-// adduse
-
$treeview-searchbox-margin-bottom: 5px;
.dx-treeview-loadindicator-wrapper {
diff --git a/packages/devextreme-scss/scss/widgets/base/treeView/_index.scss b/packages/devextreme-scss/scss/widgets/base/treeView/_index.scss
index 4c5e1c10eec3..2046ac20f08a 100644
--- a/packages/devextreme-scss/scss/widgets/base/treeView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/base/treeView/_index.scss
@@ -1,4 +1,4 @@
-@use 'sass:math';
+@use "sass:math";
@use "./common";
@use "../../base/icon_fonts" as *;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/_colors.scss
index 7635e6596312..bbceda66881c 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/_colors.scss
@@ -23,7 +23,7 @@ $fluent-color-theme-modificator: null !default;
* $name 10. Font family
* $type text
*/
-$base-font-family: 'segoe ui', -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', 'adwaita sans', cantarell, ubuntu, roboto, noto, helvetica, arial, sans-serif !default;
+$base-font-family: "segoe ui", -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", "adwaita sans", cantarell, ubuntu, roboto, noto, helvetica, arial, sans-serif !default;
/**
* $name 30. Page background color
@@ -124,7 +124,6 @@ $base-border-color-disabled: null !default;
$scrollview-pulldown-path: null !default;
-
@if $color == "blue" {
$fluent-color-accent-modificator: "blue" !default;
}
@@ -196,7 +195,7 @@ $scrollview-pulldown-path: null !default;
$base-danger-active: color.adjust($base-danger, $saturation: -3.56%, $space: hsl, $lightness: -35.69%) !default;
$base-danger-selected: color.adjust($base-danger, $saturation: -2.78%, $space: hsl, $lightness: -22.55%) !default;
- $scrollview-pulldown-path: data-uri('images/widgets/fluent/color-schemes/light/pulldown.png') !default;
+ $scrollview-pulldown-path: data-uri("images/widgets/fluent/color-schemes/light/pulldown.png") !default;
}
@if $mode == "dark" {
@@ -253,7 +252,7 @@ $scrollview-pulldown-path: null !default;
$base-danger-active: extcolor.adjust-if-not-achromatic($color: $base-danger, $hue: 1.8deg, $saturation: -0.9%, $lightness: 28.8%) !default;
$base-danger-selected: extcolor.adjust-if-not-achromatic($color: $base-danger, $hue: 0.7deg, $saturation: 1.3%, $lightness: 14.9%);
- $scrollview-pulldown-path: data-uri('images/widgets/fluent/color-schemes/dark/pulldown.png') !default;
+ $scrollview-pulldown-path: data-uri("images/widgets/fluent/color-schemes/dark/pulldown.png") !default;
}
/**
@@ -296,7 +295,6 @@ $base-invalid-color-hover: $base-danger-hover !default;
$base-invalid-color-active: $base-danger-active !default;
$base-invalid-color-selected: $base-danger-selected !default;
-
:root {
--dx-component-color-bg: #{$base-bg};
--dx-color-main-bg: #{$base-typography-bg};
diff --git a/packages/devextreme-scss/scss/widgets/fluent/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/_sizes.scss
index 88ad9823f724..a4017a22e04a 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/_sizes.scss
@@ -1,7 +1,5 @@
$size: null !default;
-@use "colors" as *;
-
$fluent-size-postfix: null !default;
$fluent-base-font-size: null !default;
$fluent-base-inline-widget-height: null !default;
@@ -67,7 +65,6 @@ $fluent-button-icon-margin: null !default;
// Base bordered inline widgets sizes
$fluent-base-border-width: 1px !default;
-
/**
* $name 200. Border radius
* $type text
@@ -76,7 +73,6 @@ $base-border-radius: $fluent-base-border-radius !default;
$fluent-base-standard-texteditor-input-horizontal-padding: 0 !default;
-
:root {
--dx-component-height: #{$fluent-base-inline-widget-height};
--dx-font-size: #{$fluent-base-font-size};
diff --git a/packages/devextreme-scss/scss/widgets/fluent/accordion/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/accordion/_colors.scss
index e0816ae12307..bbc516940144 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/accordion/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/accordion/_colors.scss
@@ -1,9 +1,6 @@
-@use "sass:color";
@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$accordion-color: $base-text-color !default;
/**
diff --git a/packages/devextreme-scss/scss/widgets/fluent/accordion/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/accordion/_index.scss
index 6e2e3a2344af..0bc546b60078 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/accordion/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/accordion/_index.scss
@@ -1,14 +1,9 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/accordion";
-// adduse
-
.dx-accordion {
background-color: $accordion-background-color;
color: $accordion-color;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/accordion/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/accordion/_sizes.scss
index 9b10c508a768..176f3edb5ad4 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/accordion/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/accordion/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-accordion-title-horizontal-padding: null !default;
$fluent-accordion-title-vertical-padding: 6px !default;
$fluent-accordion-body-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/actionSheet/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/actionSheet/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/actionSheet/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/actionSheet/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/actionSheet/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/actionSheet/_index.scss
index ee0d576b3184..e472fa8a9ab7 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/actionSheet/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/actionSheet/_index.scss
@@ -1,13 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/actionSheet";
-// adduse
-
-
.dx-actionsheet-container {
.dx-actionsheet-item:not(:last-child) {
margin: $fluent-actionsheet-item-margin;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/actionSheet/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/actionSheet/_sizes.scss
index a21b4a91b6d5..5694e65f75d3 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/actionSheet/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/actionSheet/_sizes.scss
@@ -1,6 +1,2 @@
-@use "../sizes" as *;
-
-// adduse
-
$fluent-actionsheet-item-margin-value: 12px;
$fluent-actionsheet-item-margin: 0 0 $fluent-actionsheet-item-margin-value 0 !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/autocomplete/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/autocomplete/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/autocomplete/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/autocomplete/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/autocomplete/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/autocomplete/_index.scss
index 13072ae38ad6..ddc41b278e1c 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/autocomplete/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/autocomplete/_index.scss
@@ -1,11 +1,6 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/sizes" as *;
-
-// adduse
@use "../dropDownList";
@mixin autocomplete-editor-container-offset() {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/autocomplete/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/autocomplete/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/autocomplete/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/autocomplete/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/badge/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/badge/_colors.scss
index 5c86f7a03ff9..711c4566332a 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/badge/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/badge/_colors.scss
@@ -1,8 +1,6 @@
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 140. Badge text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/badge/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/badge/_index.scss
index 8a0fc9baf570..3ebbc06e00a1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/badge/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/badge/_index.scss
@@ -1,12 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/badge";
-// adduse
-
.dx-badge {
background-color: $badge-bg;
color: $badge-color;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/badge/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/badge/_sizes.scss
index a7255e2af727..2c99c408f03a 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/badge/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/badge/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-badge-padding: null !default;
$fluent-badge-font-size: null !default;
$badge-line-height: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/box/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/box/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/box/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/box/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/box/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/box/_index.scss
index 682a82c99d8a..ba2648e34880 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/box/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/box/_index.scss
@@ -1,12 +1,8 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/box";
-// adduse
-
.dx-box-item-content {
font-size: $fluent-base-font-size;
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/box/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/box/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/box/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/box/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/button/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/button/_colors.scss
index 10cc4afc0ba2..de2be8586ff2 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/button/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/button/_colors.scss
@@ -3,8 +3,6 @@
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
$button-border-radius: $base-border-radius !default;
$button-disabled-background: $base-background-disabled !default;
$button-disabled-icon-opacity: 0.6 !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/button/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/button/_index.scss
index e4ea30e6a047..1c1b33334bbf 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/button/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/button/_index.scss
@@ -1,4 +1,3 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -6,8 +5,6 @@
@use "mixins" as *;
@use "../../base/button";
-// adduse
-
.dx-button-content {
line-height: $fluent-button-content-line-height;
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/button/_mixins.scss b/packages/devextreme-scss/scss/widgets/fluent/button/_mixins.scss
index 92f3becb9113..df897327e465 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/button/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/button/_mixins.scss
@@ -1,9 +1,7 @@
@use "sass:math";
-@use "sass:color";
@use "sizes" as *;
@use "../sizes" as *;
@use "colors" as *;
-@use "../colors" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/button/mixins" as *;
@@ -41,7 +39,6 @@
);
}
-
@mixin dx-button-styling-variant(
$background-color,
$text-color,
diff --git a/packages/devextreme-scss/scss/widgets/fluent/button/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/button/_sizes.scss
index 5c4cec6e2300..72d7c8a9e8cd 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/button/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/button/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-button-horizontal-padding: null !default;
$fluent-button-vertical-padding: null !default;
$fluent-button-icon-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/buttonGroup/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/buttonGroup/_colors.scss
index ff40bdc07e0d..127f05ff38f1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/buttonGroup/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/buttonGroup/_colors.scss
@@ -1,8 +1,3 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
@use "../button/colors" as *;
-// adduse
-
-$button-group-separator-color: rgba(0,0,0,.24) !default;
+$button-group-separator-color: rgba(0, 0, 0, 0.24) !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/buttonGroup/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/buttonGroup/_index.scss
index 9edc5f3e9a08..f28eb2d88408 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/buttonGroup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/buttonGroup/_index.scss
@@ -1,15 +1,10 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../button/sizes" as *;
@use "../button/colors" as *;
@use "../../base/buttonGroup";
@use "../../base/buttonGroup/mixins" as *;
-// adduse
-
.dx-buttongroup {
&.dx-state-disabled {
opacity: 1;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/buttonGroup/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/buttonGroup/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/buttonGroup/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/buttonGroup/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/calendar/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/calendar/_colors.scss
index b0986f1b8d56..6fdc41b02872 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/calendar/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/calendar/_colors.scss
@@ -1,11 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../color" as extcolor;
-// adduse
-
$calendar-color: $base-text-color !default;
/**
diff --git a/packages/devextreme-scss/scss/widgets/fluent/calendar/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/calendar/_index.scss
index d57d20aec00c..c7cc25732643 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/calendar/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/calendar/_index.scss
@@ -1,16 +1,11 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../button/sizes" as *;
@use "../button/mixins" as *;
@use "../../base/calendar/calendar";
@use "../../base/calendar/mixins" as *;
-
-// adduse
-
@include dx-calendar-mixin(
$calendar-bg,
$fluent-calendar-legacy-width,
@@ -65,7 +60,7 @@
$calendar-cell-hover-border-color,
999em,
1px,
- '.dx-calendar-cell-range-hover',
- '.dx-calendar-cell-range-hover-start',
- '.dx-calendar-cell-range-hover-end',
+ ".dx-calendar-cell-range-hover",
+ ".dx-calendar-cell-range-hover-start",
+ ".dx-calendar-cell-range-hover-end",
);
diff --git a/packages/devextreme-scss/scss/widgets/fluent/calendar/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/calendar/_sizes.scss
index 38f020f3fc61..9ec66aee7581 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/calendar/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/calendar/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-calendar-legacy-width: null !default;
$fluent-calendar-legacy-height: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/card/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/card/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/card/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/card/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/card/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/card/_index.scss
index d3c44e95845c..c3154578b0ed 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/card/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/card/_index.scss
@@ -5,8 +5,6 @@
@use "../sizes" as *;
@use "../../base/card";
-// adduse
-
.dx-card {
box-shadow: 0 1px 3px color.change($base-shadow-color, $alpha: 0.12), 0 1px 2px color.change($base-shadow-color, $alpha: 0.24);
border-radius: $base-border-radius;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/card/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/card/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/card/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/card/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/cardView/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/cardView/_colors.scss
index 0c7d36023717..7c1d3a4c5b92 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/cardView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/cardView/_colors.scss
@@ -1,19 +1,17 @@
-@use 'sass:color';
-@use '../colors' as *;
-@use '../color' as extcolor;
-@use '../../base/cardView/variables' as *;
-@use '../../base/cardView/header_panel/variables' as *;
-@use '../../base/cardView/header_panel/item/variables' as *;
-@use '../../base/cardView/content_view/content/card/variables' as *;
-@use '../../base/cardView/content_view/content/card/header/variables' as *;
-@use '../../base/cardView/content_view/content/card/cover/variables' as *;
-@use '../../base/cardView/content_view/content/card/content/variables' as *;
-@use '../../base/cardView/content_view/content/variables' as *;
-@use '../../base/cardView/content_view/no_data/variables' as *;
-@use '../../base/cardView/column_chooser/variables' as *;
-@use '../../base/cardView/filter_panel/variables' as *;
-
-// adduse
+@use "sass:color";
+@use "../colors" as *;
+@use "../color" as extcolor;
+@use "../../base/cardView/variables" as *;
+@use "../../base/cardView/header_panel/variables" as *;
+@use "../../base/cardView/header_panel/item/variables" as *;
+@use "../../base/cardView/content_view/content/card/variables" as *;
+@use "../../base/cardView/content_view/content/card/header/variables" as *;
+@use "../../base/cardView/content_view/content/card/cover/variables" as *;
+@use "../../base/cardView/content_view/content/card/content/variables" as *;
+@use "../../base/cardView/content_view/content/variables" as *;
+@use "../../base/cardView/content_view/no_data/variables" as *;
+@use "../../base/cardView/column_chooser/variables" as *;
+@use "../../base/cardView/filter_panel/variables" as *;
// #region COMMON SETTINGS
@@ -405,7 +403,7 @@ $cardview-fluent-columnchooser--empty__message-color: null !default;
// #endregion
-@if $mode == 'light' {
+@if $mode == "light" {
// Common
$cardview-fluent-common-bg-color: $base-typography-bg !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/cardView/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/cardView/_index.scss
index 29f2262bbe3e..8e99d8be0efe 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/cardView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/cardView/_index.scss
@@ -1,5 +1,3 @@
-@use 'colors';
-@use 'sizes';
-@use '../../base/cardView/index' as *;
-
-// adduse
+@use "colors";
+@use "sizes";
+@use "../../base/cardView/index" as *;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/cardView/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/cardView/_sizes.scss
index 619d5e8b3e23..a47f1f1d3df2 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/cardView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/cardView/_sizes.scss
@@ -1,17 +1,15 @@
@use "../sizes" as *;
-@use '../../base/cardView/variables' as *;
-@use '../../base/cardView/header_panel/variables' as *;
-@use '../../base/cardView/header_panel/item/variables' as *;
-@use '../../base/cardView/content_view/content/card/variables' as *;
-@use '../../base/cardView/content_view/content/card/header/variables' as *;
-@use '../../base/cardView/content_view/content/card/cover/variables' as *;
-@use '../../base/cardView/content_view/content/card/content/variables' as *;
-@use '../../base/cardView/content_view/content/variables' as *;
-@use '../../base/cardView/content_view/no_data/variables' as *;
-@use '../../base/cardView/column_chooser/variables' as *;
-@use '../../base/cardView/filter_panel/variables' as *;
-
-// adduse
+@use "../../base/cardView/variables" as *;
+@use "../../base/cardView/header_panel/variables" as *;
+@use "../../base/cardView/header_panel/item/variables" as *;
+@use "../../base/cardView/content_view/content/card/variables" as *;
+@use "../../base/cardView/content_view/content/card/header/variables" as *;
+@use "../../base/cardView/content_view/content/card/cover/variables" as *;
+@use "../../base/cardView/content_view/content/card/content/variables" as *;
+@use "../../base/cardView/content_view/content/variables" as *;
+@use "../../base/cardView/content_view/no_data/variables" as *;
+@use "../../base/cardView/column_chooser/variables" as *;
+@use "../../base/cardView/filter_panel/variables" as *;
// #region COMMON SETTINGS
@@ -333,7 +331,7 @@ $cardview-fluent-column-chooser__select-all-item-horizontal-padding: null !defau
// Search highlight
$cardview-fluent-card__content__field-value--highlighted-border-radius: 5px !default;
- $cardview-fluent-card__content__field-value--highlighted-border-padding: .125em 0.2em !default;
+ $cardview-fluent-card__content__field-value--highlighted-border-padding: 0.125em 0.2em !default;
$cardview-fluent-card__content__field-value--highlighted-text-weight: 500 !default;
// Column chooser
@@ -415,7 +413,7 @@ $cardview-fluent-column-chooser__select-all-item-horizontal-padding: null !defau
// Search highlight
$cardview-fluent-card__content__field-value--highlighted-border-radius: 5px !default;
- $cardview-fluent-card__content__field-value--highlighted-border-padding: .125em 0.2em !default;
+ $cardview-fluent-card__content__field-value--highlighted-border-padding: 0.125em 0.2em !default;
$cardview-fluent-card__content__field-value--highlighted-text-weight: 500 !default;
// Column chooser
diff --git a/packages/devextreme-scss/scss/widgets/fluent/chat/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/chat/_colors.scss
index f6e7b3ab9b10..2d7ee1140d81 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/chat/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/chat/_colors.scss
@@ -1,12 +1,9 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../textEditor/colors" as *;
@use "../button/colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/chat/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/chat/_index.scss
index 4ea1eff3b5c0..458884d6194c 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/chat/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/chat/_index.scss
@@ -3,9 +3,6 @@
@use "sizes" as *;
@use "../../base/chat/mixins" as *;
@use "../common/mixins" as *;
-
-// adduse
-
@include chat(
$chat-background-color,
$chat-border-color,
diff --git a/packages/devextreme-scss/scss/widgets/fluent/chat/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/chat/_sizes.scss
index 6c67c9c17d67..f8069845cec3 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/chat/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/chat/_sizes.scss
@@ -6,8 +6,6 @@
@use "../popup/sizes" as *;
@use "../button/colors" as *;
-// adduse
-
$chat-border-radius: $base-border-radius * 3 !default;
$chat-bubble-border-radius: null !default;
$chat-bubble-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/checkBox/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/checkBox/_colors.scss
index f36f4d5b4fe0..1351991e51b5 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/checkBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/checkBox/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$checkbox-border-color: $base-border-color-accessible !default;
$checkbox-border-color-hover: $base-border-color-accessible-hover !default;
$checkbox-border-color-active: $base-border-color-accessible-focused !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/checkBox/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/checkBox/_index.scss
index 35250bf909bd..d48035de4d84 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/checkBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/checkBox/_index.scss
@@ -1,15 +1,10 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/checkBox";
@use "../../base/checkBox/mixins" as *;
-// adduse
-
.dx-checkbox-icon {
width: $fluent-checkbox-arrow-icon-size;
height: $fluent-checkbox-arrow-icon-size;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/checkBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/checkBox/_sizes.scss
index a2db48620746..4051bd21a1ea 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/checkBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/checkBox/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "colors" as *;
-// adduse
-
$fluent-checkbox-icon-font-size: 16px !default;
$fluent-checkbox-border-width: 1px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/colorBox/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/colorBox/_colors.scss
index 4b437aa96502..ab877c0526c9 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/colorBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/colorBox/_colors.scss
@@ -1,7 +1,3 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$colorbox-preview-icon-color: $base-icon-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/colorBox/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/colorBox/_index.scss
index befd71dc3a18..7793f940c4ea 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/colorBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/colorBox/_index.scss
@@ -1,19 +1,14 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../colorView/colors" as *;
@use "../textEditor/sizes" as *;
@use "../../base/colorBox";
@use "../../base/colorBox/mixins" as *;
-
-// adduse
@use "../colorView";
@use "../dropDownEditor";
-
.dx-colorbox {
.dx-colorbox-input-container {
.dx-placeholder::before,
diff --git a/packages/devextreme-scss/scss/widgets/fluent/colorBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/colorBox/_sizes.scss
index 9882bab17d9d..39591147b0c7 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/colorBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/colorBox/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-colorbox-overlay-padding: null !default;
$fluent-colorbox-preview-padding: null !default;
$fluent-colorbox-preview-icon-size: $fluent-base-icon-size !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/colorView/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/colorView/_colors.scss
index 0ac69e1bfb5d..a983778cbc95 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/colorView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/colorView/_colors.scss
@@ -1,10 +1,6 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../overlay/colors" as *;
-// adduse
-
/**
* $name 10. Overlay background
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/colorView/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/colorView/_index.scss
index 88f6747bd46c..bef18943d2af 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/colorView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/colorView/_index.scss
@@ -1,17 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/colorView/mixins" as *;
@use "../../base/colorView";
-
-// adduse
-
-
@include dx-base-colorview-styles($colorview-handle-color, $colorview-handle-border-color);
-
$fluent-colorview-alpha-width: $fluent-colorview-palette-width + 4;
$fluent-colorview-hue-scale-height: $fluent-colorview-palette-height;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/colorView/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/colorView/_sizes.scss
index 6b27cf1809ca..a93af85396e3 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/colorView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/colorView/_sizes.scss
@@ -1,7 +1,3 @@
-@use "../sizes" as *;
-
-// adduse
-
$fluent-colorview-container-width: 450px !default;
$fluent-colorview-palette-width: 288px !default;
$fluent-colorview-palette-height: 299px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/common/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/common/_colors.scss
index a3401ae9d875..4458c1d13323 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/common/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/common/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$base-dropdown-shadow-color1: null !default;
$base-dropdown-shadow-color2: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/common/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/common/_index.scss
index 010296ae736d..448e457b6e31 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/common/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/common/_index.scss
@@ -1,11 +1,8 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
-
-// adduse
.dx-theme-marker {
font-family: "dx.fluent.#{$fluent-color-accent-modificator}.#{$fluent-color-theme-modificator}#{$fluent-size-postfix}";
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/common/_mixins.scss b/packages/devextreme-scss/scss/widgets/fluent/common/_mixins.scss
index 96a5b23eb2d8..07d36367e858 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/common/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/common/_mixins.scss
@@ -43,7 +43,7 @@ $badge-invalid-bg: $base-invalid-color;
font-weight: 500;
background-color: $badge-invalid-bg;
color: $base-inverted-text-color;
- content: '!';
+ content: "!";
border-radius: 50%;
}
@@ -52,9 +52,9 @@ $badge-invalid-bg: $base-invalid-color;
font-size: $fluent-valid-badge-font-size;
font-weight: bold;
- font-family: 'DXIcons', sans-serif;
+ font-family: "DXIcons", sans-serif;
color: $base-success;
- content: '\f005';
+ content: "\f005";
@include validation-badge-animation();
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/common/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/common/_sizes.scss
index ca2a3c4ef064..7ee42e75f2de 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/common/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/common/_sizes.scss
@@ -2,8 +2,6 @@
@use "../sizes" as *;
@use "./colors" as *;
-// adduse
-
$fluent-line-height: null !default;
$fluent-inline-borderedwidget-inner-size:
diff --git a/packages/devextreme-scss/scss/widgets/fluent/contextMenu/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/contextMenu/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/contextMenu/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/contextMenu/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/contextMenu/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/contextMenu/_index.scss
index 8a1179879885..b4a58705369e 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/contextMenu/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/contextMenu/_index.scss
@@ -9,12 +9,9 @@
@use "../menu/colors" as *;
@use "../menu/sizes" as *;
@use "../../base/contextMenu";
-
-// adduse
@use "../overlay";
@use "../menuBase" as *;
-
.dx-context-menu {
color: $menu-color;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/contextMenu/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/contextMenu/_sizes.scss
index adc7edfb85ac..b1aa7d3d97ca 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/contextMenu/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/contextMenu/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-context-menu-horizontal-padding: null !default;
$fluent-context-menu-border-radius: $base-border-radius !default;
$fluent-context-menu-items-container-padding: 4px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_colors.scss
index f6f8526a41ed..c583c82aa6b0 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_colors.scss
@@ -1,13 +1,10 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$fluent-datagrid-grouppanel-item-bg: null !default;
@if $mode == "light" {
- @if $color == "blue"{
+ @if $color == "blue" {
$fluent-datagrid-grouppanel-item-bg: color.adjust($base-bg, $lightness: -5.88%, $space: hsl) !default;
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_index.scss
index f83ab930c66b..da4ca72885d9 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_index.scss
@@ -1,4 +1,3 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -21,7 +20,7 @@
$base-focus-color: $base-focus-color,
$datagrid-text-stub-background-image-path: $datagrid-text-stub-background-image-path,
);
-@use 'layout/cell';
+@use "layout/cell";
@include grid-base(datagrid);
.dx-datagrid-group-panel {
@@ -79,7 +78,6 @@
border-top: none;
}
-
.dx-row.dx-group-row {
&:not(.dx-row-focused) {
color: $datagrid-group-row-color;
@@ -113,7 +111,6 @@
}
-
.dx-rtl {
.dx-datagrid-group-panel {
.dx-group-panel-item,
@@ -122,4 +119,3 @@
}
}
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_sizes.scss
index 97f30a62ec83..8cf9696569c2 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-@use '../../base/dataGrid/variables' as *;
-
-// adduse
+@use "../../base/dataGrid/variables" as *;
$fluent-datagrid-cell-padding: 7px !default;
$fluent-datagrid-grouppanel-item-font-weight: 400 !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dataGrid/layout/cell.scss b/packages/devextreme-scss/scss/widgets/fluent/dataGrid/layout/cell.scss
index d7fea79bda17..e793ef07cc91 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dataGrid/layout/cell.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dataGrid/layout/cell.scss
@@ -1,8 +1,6 @@
/* stylelint-disable no-duplicate-selectors */
@use "../colors" as *;
-@use "../../colors" as *;
@use "../sizes" as *;
-@use "../../sizes" as *;
@use "../../gridBase/colors" as *;
@use "../../gridBase/sizes" as *;
@use "../../gridBase/variables" as *;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dateBox/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/dateBox/_colors.scss
index 40cbb6dd23e2..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dateBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dateBox/_colors.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dateBox/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/dateBox/_index.scss
index 9e127ba14c6e..b1e9563ca64e 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dateBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dateBox/_index.scss
@@ -1,7 +1,5 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@@ -13,8 +11,6 @@
@use "../calendar/sizes" as *;
@use "../../base/dateBox";
@use "mixins" as *;
-
-// adduse
@use "../timeView";
@use "../dateView";
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dateBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/dateBox/_sizes.scss
index 9190ee007c1c..44706e7d06c3 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dateBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dateBox/_sizes.scss
@@ -1,7 +1,3 @@
-@use "../sizes" as *;
-
-// adduse
-
$fluent-datebox-overlay-item-margin: 16px !default;
$fluent-datebox-overlay-item-margin-adaptive: 18px !default;
$fluent-datebox-popup-content-margin: 0 34px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dateRangeBox/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/dateRangeBox/_colors.scss
index 0779caa6ee0e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dateRangeBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dateRangeBox/_colors.scss
@@ -1 +0,0 @@
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dateRangeBox/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/dateRangeBox/_index.scss
index 09f3fe4eab0a..c9c93f884a25 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dateRangeBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dateRangeBox/_index.scss
@@ -5,13 +5,10 @@
@use "sizes" as *;
@use "../sizes" as *;
@use "colors" as *;
-@use "../colors" as *;
@use "../../base/dateRangeBox";
@use "../../base/icon_fonts" as *;
@use "../textEditor" as *;
-// adduse
-
$fluent-editor-custom-button-margin: 6px;
.dx-daterangebox {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dateRangeBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/dateRangeBox/_sizes.scss
index 492b886d1e57..f98c9d31c89c 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dateRangeBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dateRangeBox/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-daterangebox-active-bar-horizontal-margin: null !default;
@if $size == "default" {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dateView/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/dateView/_colors.scss
index 6c463a7d674c..f66a1d19baa7 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dateView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dateView/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$dateview-shadow-up: 0deg, color.change($base-bg, $alpha: 0) 0%, color.change($base-bg, $alpha: 0.8) 60% !default;
$dateview-shadow-down: 180deg, color.change($base-bg, $alpha: 0) 0%, color.change($base-bg, $alpha: 0.8) 60% !default;
$dateview-color: $base-text-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dateView/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/dateView/_index.scss
index e3e6bf2a0023..276fbf644f98 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dateView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dateView/_index.scss
@@ -1,13 +1,9 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/mixins" as *;
@use "../../base/dateView";
-
-// adduse
@use "../scrollable";
$fluent-dateview-roller-padding: math.div($fluent-dateview-roller-height - $fluent-dateview-roller-item-height, 2);
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dateView/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/dateView/_sizes.scss
index 909a1dc86e73..fe6de55d63b6 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dateView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dateView/_sizes.scss
@@ -1,6 +1,2 @@
-@use "../sizes" as *;
-
-// adduse
-
$fluent-dateview-roller-height: 182px !default;
$fluent-dateview-roller-item-height: 40px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/diagram/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/diagram/_colors.scss
index 54536ba04aab..b3e36447ac50 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/diagram/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/diagram/_colors.scss
@@ -1,11 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../loadIndicator/colors" as *;
-// adduse
-
$diagram-border-color: $base-border-color !default;
$diagram-toolbar-border-color: $base-border-color !default;
$diagram-normal-format-active-bg: color.adjust($button-normal-bg, $lightness: -10%, $space: hsl) !default;
@@ -16,7 +13,6 @@ $diagram-image-icon-base-color: null !default;
$diagram-image-icon-accent-color: null !default;
$diagram-toolbox-shape-text-opacity: null !default;
-
@if $mode == "light" {
$diagram-image-icon-base-color: $base-icon-color !default;
$diagram-image-icon-accent-color: $load-indicator-segment-bg-color !default;
@@ -28,4 +24,3 @@ $diagram-toolbox-shape-text-opacity: null !default;
$diagram-image-icon-accent-color: $base-accent !default;
$diagram-toolbox-shape-text-opacity: 0.5 !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/diagram/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/diagram/_index.scss
index 0aae29b41745..9b8af08066b7 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/diagram/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/diagram/_index.scss
@@ -15,14 +15,11 @@
@use "../fieldset/sizes" as *;
@use "../menu/colors" as *;
-// adduse
-
$fluent-diagram-toolbar-icon-size: $fluent-base-icon-size;
$diagram-toolbar-colorbutton-border-width: 3px;
$diagram-toolbox-title-size: 18px;
-
.dx-diagram {
border-color: $diagram-border-color;
@@ -138,7 +135,6 @@ $diagram-toolbox-title-size: 18px;
border-bottom-color: $diagram-toolbar-border-color;
}
-
&.dx-diagram-fullscreen {
background-color: $base-bg;
}
@@ -469,12 +465,12 @@ $diagram-toolbox-title-size: 18px;
@include diagram-action-icons-mixin($base-text-color, $base-text-color, $fluent-diagram-toolbar-icon-size, $diagram-toolbar-colorbutton-border-width);
.dx-diagram-toolbox-popup .dx-button-has-icon .dx-icon.dx-icon-diagram-toolbox-drag {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/toolbox-drag.svg'), $popup-title-color, $diagram-toolbox-title-size, $diagram-toolbox-title-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/toolbox-drag.svg"), $popup-title-color, $diagram-toolbox-title-size, $diagram-toolbox-title-size);
line-height: $diagram-toolbox-title-size;
background-size: $diagram-toolbox-title-size $diagram-toolbox-title-size;
}
.dx-diagram-i-button-properties-panel-open {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/properties-panel-open.svg'), $button-default-color, $fluent-diagram-toolbar-icon-size, $fluent-diagram-toolbar-icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/properties-panel-open.svg"), $button-default-color, $fluent-diagram-toolbar-icon-size, $fluent-diagram-toolbar-icon-size);
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/diagram/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/diagram/_sizes.scss
index 71d596b7f77c..4ff0ef4b8aba 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/diagram/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/diagram/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$diagram-toolbox-width: null !default;
$diagram-toolbox-h-padding: null !default;
$diagram-toolbox-accordion-v-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/drawer/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/drawer/_colors.scss
index 45572dedd676..8c37d745afab 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/drawer/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/drawer/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Shader background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/drawer/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/drawer/_index.scss
index eed4027371d8..f76be6b950fa 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/drawer/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/drawer/_index.scss
@@ -1,11 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/drawer";
-// adduse
.dx-drawer-shader {
background-color: $drawer-shader-background-color;
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/drawer/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/drawer/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/drawer/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/drawer/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownBox/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownBox/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownBox/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownBox/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownBox/_index.scss
index c26ff37b2271..221c12641eb6 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownBox/_index.scss
@@ -1,8 +1,3 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
-
-// adduse
@use "../dropDownEditor";
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownBox/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownBox/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownButton/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownButton/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownButton/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownButton/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownButton/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownButton/_index.scss
index 004ba591a74d..2b9c0a38964e 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownButton/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownButton/_index.scss
@@ -1,8 +1,5 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../button/mixins" as *;
@use "../button/sizes" as *;
@@ -10,9 +7,6 @@
@use "../common/mixins" as *;
@use "../../base/dropDownButton";
@use "../../base/dropDownButton/mixins" as *;
-
-// adduse
-
@include dx-dropdownbutton(
$fluent-dropdownbutton-icon-spindown-size,
$fluent-dropdownbutton-action-horizontal-padding,
@@ -43,4 +37,3 @@
}
}
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownButton/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownButton/_sizes.scss
index 3f1f76b37cd8..b6f005a34d5d 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownButton/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownButton/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-dropdownbutton-action-horizontal-padding: null !default;
$fluent-dropdownbutton-icon-spindown-size: null !default;
$fluent-dropdownbutton-icon-spindown-right-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownEditor/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownEditor/_colors.scss
index 3b178aac2ed1..fa77d0dc42b3 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownEditor/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownEditor/_colors.scss
@@ -1,11 +1,7 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../textEditor/colors" as *;
-// adduse
-
$dropdowneditor-icon-color: $base-spin-icon-color !default;
/**
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownEditor/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownEditor/_index.scss
index 25ec11e0e515..c21aed8508d0 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownEditor/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownEditor/_index.scss
@@ -1,6 +1,4 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../common/sizes" as *;
@@ -10,9 +8,6 @@
@use "../../base/dropDownEditor";
@use "../../base/dropDownEditor/mixins" as *;
-// adduse
-
-
$fluent-dropdowneditor-container-button-size: $fluent-base-icon-size;
$fluent-dropdowneditor-invalid-badge-offset:
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownEditor/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownEditor/_sizes.scss
index 6de961b10942..09f9754b41da 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownEditor/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownEditor/_sizes.scss
@@ -1,11 +1,8 @@
@use "../sizes" as *;
-// adduse
-
$fluent-dropdowneditor-list-font-size: null !default;
$fluent-dropdowneditor-list-line-height: null !default;
-
@if $size == "default" {
$fluent-dropdowneditor-list-font-size: 14px !default;
$fluent-dropdowneditor-list-line-height: 20px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownList/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownList/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownList/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownList/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownList/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownList/_index.scss
index 94e41665cc27..4baa52f82ac5 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownList/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownList/_index.scss
@@ -1,15 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/mixins" as *;
@use "../../base/dropDownList";
-
-// adduse
@use "../dropDownEditor";
-
.dx-dropdownlist-popup-wrapper {
@include dx-dropdownlist-list-appearance();
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownList/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownList/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownList/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownList/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownMenu/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownMenu/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownMenu/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownMenu/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownMenu/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownMenu/_index.scss
index 2572b0b74486..62468092c9ee 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownMenu/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownMenu/_index.scss
@@ -7,8 +7,6 @@
@use "../../base/dropDownMenu";
@use "../../base/dropDownMenu/mixins" as *;
-// adduse
-
.dx-dropdownmenu-popup-wrapper {
.dx-toolbar-menu-section {
display: flex;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/dropDownMenu/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/dropDownMenu/_sizes.scss
index e3b9ae305c11..afe6f185a2ef 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/dropDownMenu/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/dropDownMenu/_sizes.scss
@@ -1,6 +1,2 @@
-@use "../sizes" as *;
-
-// adduse
-
$fluent-dropdownmenu-section-horizontal-margin: 4px !default;
$fluent-dropdownmenu-section-row-gap: 2px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/fieldset/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/fieldset/_colors.scss
index 0868bb4f0078..cae325339796 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/fieldset/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/fieldset/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Label text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/fieldset/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/fieldset/_index.scss
index 260d5d323a57..8075ae3e5202 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/fieldset/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/fieldset/_index.scss
@@ -1,8 +1,6 @@
@use "sass:math";
-@use "sass:color";
@use "sass:selector";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../common/mixins" as *;
@@ -13,8 +11,6 @@
@use "../slider/sizes" as *;
@use "../../base/fieldset";
-// adduse
-
@mixin dx-fieldset-styling() {
.dx-field {
@include dx-base-typography();
diff --git a/packages/devextreme-scss/scss/widgets/fluent/fieldset/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/fieldset/_sizes.scss
index 92be9dc5e04d..4887e9c2dd87 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/fieldset/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/fieldset/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "../common/sizes" as *;
-// adduse
-
$fluent-fieldset-vertical-margin: null !default;
$fluent-fieldset-horizontal-margin: null !default;
$fluent-fieldset-header-vertical-margin: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/fileManager/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/fileManager/_colors.scss
index 5f5632bca69f..9c5aed4a9f7a 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/fileManager/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/fileManager/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$filemanager-border-color: $base-border-color !default;
$filemanager-file-toolbar-bg: color.adjust($base-bg, $lightness: -3%, $space: hsl) !default;
$filemanager-editor-active-bg: color.change($base-text-color, $alpha: 0.1) !default;
@@ -21,7 +18,6 @@ $filemanager-item-focused-color: $base-inverted-text-color !default;
$filemanager-dirs-tree-item-focus-bg: null !default;
$filemanager-progressbox-shadow-color: null !default;
-
@if $mode == "light" {
$filemanager-dirs-tree-item-focus-bg: color.adjust($base-bg, $lightness: -8%, $space: hsl) !default;
$filemanager-progressbox-shadow-color: color.change($base-shadow-color, $alpha: 0.175) !default;
@@ -31,4 +27,3 @@ $filemanager-progressbox-shadow-color: null !default;
$filemanager-dirs-tree-item-focus-bg: color.adjust($base-bg, $lightness: 8%, $space: hsl) !default;
$filemanager-progressbox-shadow-color: color.change($base-shadow-color, $alpha: 0.3) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/fileManager/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/fileManager/_index.scss
index 8e1ce8b4c1db..bf2e3b41fb10 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/fileManager/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/fileManager/_index.scss
@@ -1,15 +1,11 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/fileManager";
@use "../../base/fileManager/mixins" as *;
-
-// adduse
@use "../splitterBar";
-
.dx-filemanager {
border-color: $filemanager-border-color;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/fileManager/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/fileManager/_sizes.scss
index 201671360267..c20681b38015 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/fileManager/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/fileManager/_sizes.scss
@@ -1,6 +1,4 @@
@use "../sizes" as *;
-
-// adduse
@use "../toolbar/sizes" as *;
$filemanager-toolbar-separator-height: null !default;
@@ -50,4 +48,3 @@ $filemanager-toolbar-height: $fluent-toolbar-height;
$filemanager-progress-panel-title-padding: 10px !default;
$filemanager-progress-box-button-close-margin-top: 5px !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/fileUploader/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/fileUploader/_colors.scss
index 4ced7be208c3..db311f6113b3 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/fileUploader/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/fileUploader/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. File name text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/fileUploader/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/fileUploader/_index.scss
index 4c703762a455..985d8a670669 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/fileUploader/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/fileUploader/_index.scss
@@ -7,8 +7,6 @@
@use "../../base/mixins" as *;
@use "../../base/fileUploader";
-// adduse
-
$fluent-fileuploader-file-wrapper-border-size: 3px;
$fluent-fileuploader-file-container-boxshadow: 0 1px 3px 0 color.change($base-shadow-color, $alpha: 0.1);
diff --git a/packages/devextreme-scss/scss/widgets/fluent/fileUploader/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/fileUploader/_sizes.scss
index 5dcc5c5f83c3..fa118fa0c463 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/fileUploader/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/fileUploader/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-fileuploader-file-container-padding: null !default;
$fluent-fileuploader-file-container-text-margin: null !default;
$fluent-fileuploader-file-container-button-margin: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/filterBuilder/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/filterBuilder/_colors.scss
index 7861e617a4b3..d7d25a39d9d7 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/filterBuilder/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/filterBuilder/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$filterbuilder-bg: $base-bg !default;
/**
@@ -67,7 +64,6 @@ $filterbuilder-item-value-hover-color: color.change($base-icon-color, $alpha: 0.
$filterbuilder-item-value-focus-color: $base-icon-color !default;
$filterbuilder-menu-icon-color: $base-text-color !default;
-
@if $mode == "light" {
$filterbuilder-text-focus-color: #fff !default;
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/filterBuilder/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/filterBuilder/_index.scss
index 07f5f8837a22..2198e9451095 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/filterBuilder/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/filterBuilder/_index.scss
@@ -1,8 +1,5 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/sizes" as *;
@use "../../base/filterBuilder" as * with (
$filterbuilder-bg: $filterbuilder-bg,
@@ -30,9 +27,6 @@
);
@use "../textEditor/colors" as *;
-// adduse
-
-
.dx-filterbuilder {
.dx-filterbuilder-action-icon {
font-size: 21px;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/filterBuilder/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/filterBuilder/_sizes.scss
index 2f9224d4db40..f62f0b3cab88 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/filterBuilder/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/filterBuilder/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-filterbuilder-icon-padding: null !default;
$fluent-filterbuilder-filled-editor-padding: null !default;
$fluent-filterbuilder-treeview-item-left-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/form/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/form/_colors.scss
index ef8a1f3bac79..052ccfa334a7 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/form/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/form/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Label text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/form/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/form/_index.scss
index 7de005954a02..9adb207a65b6 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/form/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/form/_index.scss
@@ -1,16 +1,11 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/form";
@use "../../base/icon_fonts" as *;
-
-// adduse
@use "../scrollable";
-
.dx-form-group-caption {
font-size: $fluent-form-group-caption-font-size;
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/form/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/form/_sizes.scss
index 4eabd6d030f2..384113d46730 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/form/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/form/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-form-group-caption-bottom-margin: null !default;
$fluent-form-group-caption-top-padding: null !default;
$fluent-form-group-content-bottom-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gallery/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/gallery/_colors.scss
index fff71d38bef2..f6b413b72f4b 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gallery/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gallery/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Indicator background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gallery/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/gallery/_index.scss
index d32e3180e335..3acabf814eb0 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gallery/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gallery/_index.scss
@@ -1,14 +1,10 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/gallery";
-// adduse
-
.dx-gallery {
.dx-gallery-nav-button-prev,
.dx-gallery-nav-button-next {
@@ -30,7 +26,7 @@
@include dx-icon-font-centered-sizing(32px);
&::after {
- content: '';
+ content: "";
position: absolute;
width: 32px;
height: 32px;
@@ -77,7 +73,6 @@
}
}
-
.dx-gallery-indicator {
pointer-events: none;
text-align: center;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gallery/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/gallery/_sizes.scss
index 4187dac269e1..2b85c506b971 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gallery/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gallery/_sizes.scss
@@ -1,7 +1,3 @@
-@use "../sizes" as *;
-
-// adduse
-
$fluent-gallery-indicator-size: 8px !default;
$fluent-gallery-indicator-selected-size: 12px !default;
$fluent-gallery-button-padding: 8px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gantt/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/gantt/_colors.scss
index 29bb541e04eb..91b92b45f90c 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gantt/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gantt/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../gridBase/colors" as *;
-// adduse
-
$gantt-collapsable-row-bg: null !default;
$gantt-icon-color: $datagrid-columnchooser-item-color !default;
$gantt-parent-task-background-color: null !default;
@@ -27,4 +24,3 @@ $gantt-task-progress-background-color: null !default;
$gantt-task-background-color: color.adjust($base-bg, $lightness: 60%) !default;
$gantt-task-progress-background-color: rgba(255, 255, 255, 0.2) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gantt/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/gantt/_index.scss
index ac30f01d6f17..c6e20ce847e9 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gantt/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gantt/_index.scss
@@ -7,11 +7,8 @@
@use "../../base/gantt/mixins" as *;
@use "../gridBase/colors" as *;
@use "../form/sizes" as *;
-
-// adduse
@use "../splitterBar";
-
$gantt-successor-background-color: white;
.dx-gantt {
@@ -119,7 +116,7 @@ $gantt-successor-background-color: white;
&:not(.dx-gantt-smallTask)::after,
&:not(.dx-gantt-smallTask):not(.dx-gantt-noPrg) .dx-gantt-tPrg::before,
&:not(.dx-gantt-smallTask).dx-gantt-cmpl .dx-gantt-tPrg::after {
- content: '';
+ content: "";
position: absolute;
bottom: -8px;
border-width: 4px;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gantt/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/gantt/_sizes.scss
index a1b69906b929..34ac4765d921 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gantt/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gantt/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$gantt-header-item-height: null !default;
$gantt-task-title-padding-left: null !default;
$gantt-task-height: null !default;
@@ -25,4 +23,3 @@ $gantt-task-wrapper-padding-top: 0 !default;
$gantt-dependency-successor-size: 10px !default;
$gantt-milestone-size: 14px !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gridBase/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/gridBase/_colors.scss
index 7544425c631d..c154f911500c 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gridBase/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gridBase/_colors.scss
@@ -1,11 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../color" as extcolor;
-// adduse
-
$datagrid-base-color: $base-text-color !default;
/**
@@ -166,7 +163,7 @@ $datagrid-text-link-disabled-opacity: $base-disabled-opacity;
$datagrid-icon-link-disabled-opacity: $button-disabled-icon-opacity;
@if $mode == "light" {
- @if $color == "blue"{
+ @if $color == "blue" {
$datagrid-row-focused-bg: extcolor.adjust-if-not-achromatic($color: $base-accent, $hue: 3deg, $saturation: -0.98%, $lightness: 50.00%) !default;
$datagrid-filter-row-background-color: color.adjust($datagrid-base-background-color, $lightness: -2%, $space: hsl) !default;
}
@@ -183,7 +180,7 @@ $datagrid-icon-link-disabled-opacity: $button-disabled-icon-opacity;
$header-filter-color: $datagrid-columnchooser-item-color !default;
$datagrid-columnchooser-item-bg: $datagrid-columnchooser-bg !default;
$datagrid-row-alternation-bg: color.adjust($datagrid-base-background-color, $lightness: -4%, $space: hsl) !default;
- $datagrid-text-stub-background-image-path: data-uri('images/widgets/fluent/color-schemes/light/grid/text-stub.png') !default;
+ $datagrid-text-stub-background-image-path: data-uri("images/widgets/fluent/color-schemes/light/grid/text-stub.png") !default;
$datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
$datagrid-draggable-column-text-color: color.adjust($base-text-color, $lightness: 60%, $space: hsl) !default;
}
@@ -198,7 +195,7 @@ $datagrid-icon-link-disabled-opacity: $button-disabled-icon-opacity;
$header-filter-color: $datagrid-columnchooser-item-color !default;
$datagrid-columnchooser-item-bg: color.adjust($datagrid-columnchooser-bg, $lightness: 3%, $space: hsl) !default;
$datagrid-row-alternation-bg: color.adjust($datagrid-base-background-color, $lightness: 4%, $space: hsl) !default;
- $datagrid-text-stub-background-image-path: data-uri('images/widgets/fluent/color-schemes/dark/grid/text-stub.png') !default;
+ $datagrid-text-stub-background-image-path: data-uri("images/widgets/fluent/color-schemes/dark/grid/text-stub.png") !default;
$datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
$datagrid-draggable-column-text-color: color.adjust($base-text-color, $lightness: -63.9%, $space: hsl) !default;
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gridBase/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/gridBase/_index.scss
index 7df1857ae828..26ed9c35829f 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gridBase/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gridBase/_index.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@use "sass:selector";
@use "colors" as *;
@use "../colors" as *;
@@ -21,14 +20,12 @@
@use "../button/colors" as *;
@use "../validation/colors" as *;
@use "../typography/sizes" as *;
-
-// adduse
@use "../scrollable";
@use "../overlay";
@use "../pagination";
-@use 'variables' as *;
-@forward 'variables';
-@use 'layout/cell' as *;
+@use "variables" as *;
+@forward "variables";
+@use "layout/cell" as *;
@use "layout/aiChat" as *;
$fluent-grid-base-border-hidden: 1px solid transparent;
@@ -596,7 +593,7 @@ $fluent-grid-base-group-panel-message-line-height: $fluent-button-text-line-heig
touch-action: pinch-zoom;
&::before {
- content: '';
+ content: "";
position: absolute;
top: 0;
left: 0;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gridBase/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/gridBase/_sizes.scss
index 0a040ed93e61..caaa91c8ec2f 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gridBase/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gridBase/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
/**
* $name 15. Border radius
* $type text
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gridBase/layout/aiChat/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/gridBase/layout/aiChat/_index.scss
index 37b6b5f8c909..1f608cf67e29 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gridBase/layout/aiChat/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gridBase/layout/aiChat/_index.scss
@@ -1,7 +1,7 @@
-@use '../../../../base/gridBase/layout/aiChat/mixins' as *;
-@use '../../../colors' as *;
-@use '../../../button/colors' as *;
-@use './sizes' as *;
+@use "../../../../base/gridBase/layout/aiChat/mixins" as *;
+@use "../../../colors" as *;
+@use "../../../button/colors" as *;
+@use "./sizes" as *;
@use "../../../../base/widget" as *;
@include ai-chat-messagelist-empty(
$button-default-bg,
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gridBase/layout/aiChat/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/gridBase/layout/aiChat/_sizes.scss
index 57e3442e5062..23463e560ea2 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gridBase/layout/aiChat/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gridBase/layout/aiChat/_sizes.scss
@@ -1,3 +1,3 @@
-@use '../../../sizes' as *;
+@use "../../../sizes" as *;
$ai-chat-message-icon-size: $fluent-base-icon-size;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/gridBase/layout/cell.scss b/packages/devextreme-scss/scss/widgets/fluent/gridBase/layout/cell.scss
index a6b3f644982d..3b96329ca92a 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/gridBase/layout/cell.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/gridBase/layout/cell.scss
@@ -1,7 +1,6 @@
/* stylelint-disable no-duplicate-selectors */
@use "sass:math";
@use "../colors" as *;
-@use "../../colors" as *;
@use "../sizes" as *;
@use "../../sizes" as *;
@use "../../textEditor" as *;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/htmlEditor/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/htmlEditor/_colors.scss
index 4fb1036c4d05..ed73c63d6f96 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/htmlEditor/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/htmlEditor/_colors.scss
@@ -1,11 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../color" as extcolor;
-// adduse
-
$htmleditor-border-color: $base-border-color !default;
$htmleditor-toolbar-border-color: $base-separator-color !default;
$htmleditor-variable-bg: color.change($base-accent, $alpha: 0.15) !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/htmlEditor/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/htmlEditor/_index.scss
index 10c60a1a897c..32ddc0c2f705 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/htmlEditor/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/htmlEditor/_index.scss
@@ -17,8 +17,6 @@
@use "../../base/mixins" as *;
@use "../../base/htmlEditor";
-// adduse
-
.dx-htmleditor {
border-color: transparent;
position: relative;
@@ -34,7 +32,7 @@
bottom: 0;
height: 0;
width: 100%;
- content: '';
+ content: "";
position: absolute;
z-index: 2;
transform: scale(0);
@@ -50,7 +48,7 @@
right: 1px;
z-index: 2;
background-color: color.change($base-bg, $alpha: 0.4);
- content: '';
+ content: "";
pointer-events: none;
}
}
@@ -91,7 +89,7 @@
bottom: 0;
height: 0;
width: 100%;
- content: '';
+ content: "";
position: absolute;
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/htmlEditor/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/htmlEditor/_sizes.scss
index d21b20d145f6..f0f10d70ed35 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/htmlEditor/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/htmlEditor/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "../toolbar/sizes" as *;
-// adduse
-
$fluent-toolbar-size-editor-width: null !default;
$fluent-html-editor-vertical-padding: null !default;
$fluent-html-editor-horizontal-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/icons/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/icons/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/icons/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/icons/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/icons/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/icons/_index.scss
index 048a324fbccc..4bc6a54ebb1b 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/icons/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/icons/_index.scss
@@ -1,20 +1,15 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
-
-// adduse
-
-
@include dx-font-icons("dxiconsfluent", "DevExtreme Fluent Icons", "devextreme_fluent_icons", optimizeLegibility);
.dx-icon {
font-size: $fluent-base-icon-size;
line-height: 1;
white-space: nowrap;
- font-feature-settings: 'liga';
+ font-feature-settings: "liga";
}
.dx-tab {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/icons/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/icons/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/icons/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/icons/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/informer/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/informer/_colors.scss
index 5037e8368958..8fc917a37748 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/informer/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/informer/_colors.scss
@@ -2,8 +2,6 @@
@use "sass:color";
@use "../color" as extcolor;
-// adduse
-
$informer-error-color: $base-invalid-color !default;
$informer-error-background-color: null !default;
$informer-info-color: $base-text-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/informer/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/informer/_index.scss
index 3fb9269a558a..390b1582d4a3 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/informer/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/informer/_index.scss
@@ -2,9 +2,6 @@
@use "colors" as *;
@use "sizes" as *;
@use "../../base/informer/mixins" as *;
-
-// adduse
-
@include informer(
$informer-error-color,
$informer-error-background-color,
diff --git a/packages/devextreme-scss/scss/widgets/fluent/informer/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/informer/_sizes.scss
index 9c7a933950de..5cf5a13486ab 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/informer/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/informer/_sizes.scss
@@ -1,8 +1,6 @@
@use "../common/sizes" as *;
@use "../sizes" as *;
-// adduse
-
$informer-icon-size: $fluent-base-icon-size !default;
$informer-padding-inline: null !default;
$informer-padding-block: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/list/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/list/_colors.scss
index 6966ae38f168..7edd06574dff 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/list/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/list/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
-// adduse
-
/**
* $name 10. Item text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/list/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/list/_index.scss
index 5e06b6480b2b..12d1d175891c 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/list/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/list/_index.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -12,8 +11,6 @@
@use "../../base/list" as *;
@use "../../base/list/mixins" as *;
@use "../radioGroup/colors" as *;
-
-// adduse
@use "../badge";
$fluent-list-item-border-width: 1px;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/list/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/list/_sizes.scss
index b88504c794fe..ed5475da1636 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/list/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/list/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-list-vertical-padding: 4px !default;
$fluent-list-item-margin-inline: 4px !default;
$fluent-list-bottom-padding: 4px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/loadIndicator/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/loadIndicator/_colors.scss
index 4e84470ef9e4..7f51ad4df968 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/loadIndicator/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/loadIndicator/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Indicator color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/loadIndicator/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/loadIndicator/_index.scss
index 1e2bbbf5ee4b..648ac3199fab 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/loadIndicator/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/loadIndicator/_index.scss
@@ -1,12 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/loadIndicator" as *;
-// adduse
-
.dx-loadindicator {
line-height: 100%;
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/loadIndicator/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/loadIndicator/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/loadIndicator/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/loadIndicator/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/loadPanel/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/loadPanel/_colors.scss
index f307e697495c..6d2e69531d52 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/loadPanel/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/loadPanel/_colors.scss
@@ -1,10 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
@use "../overlay/colors" as *;
-// adduse
-
/**
* $name 30. Background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/loadPanel/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/loadPanel/_index.scss
index c69a8aafcd70..3b38890acad0 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/loadPanel/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/loadPanel/_index.scss
@@ -1,14 +1,8 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/loadPanel";
-
-// adduse
@use "../overlay";
-
.dx-loadpanel-content {
border: none;
background: $loadpanel-content-bg;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/loadPanel/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/loadPanel/_sizes.scss
index 7100675c9f07..4245ff8f8ce1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/loadPanel/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/loadPanel/_sizes.scss
@@ -1,8 +1,5 @@
@use "sass:color";
@use "../colors" as *;
-@use "../sizes" as *;
-
-// adduse
$load-panel-padding: 12px 24px !default;
$load-panel-border-radius: 8px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/lookup/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/lookup/_colors.scss
index 308a0a6455a9..f511134c6fce 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/lookup/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/lookup/_colors.scss
@@ -1,9 +1,4 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
@use "../dropDownEditor/colors" as *;
-// adduse
-
$lookup-icon-color: $dropdowneditor-icon-color !default;
$lookup-icon-color-active: $dropdowneditor-icon-active-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/lookup/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/lookup/_index.scss
index c2b0a783278b..cd1286d8e369 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/lookup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/lookup/_index.scss
@@ -12,8 +12,6 @@
@use "../../base/lookup";
@use "../../base/lookup/mixins" as *;
@use "../overlay/colors" as *;
-
-// adduse
@use "../dropDownList";
.dx-lookup {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/lookup/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/lookup/_sizes.scss
index f3fd2b58ef3d..69725c620f65 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/lookup/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/lookup/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$lookup-field-height: null !default;
$lookup-search-padding-vertical: 4px !default;
$lookup-search-padding-vertical-top: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/map/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/map/_index.scss
index 7719b08c6cf0..112b5a2f4acb 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/map/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/map/_index.scss
@@ -1,7 +1 @@
-@use "sass:color";
-@use "../colors" as *;
-@use "../sizes" as *;
@use "../../base/map";
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/menu/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/menu/_colors.scss
index 7196c391ae63..d7315cc9d9b1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/menu/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/menu/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$menu-popup-bg: $base-bg !default;
$menu-item-hover-bg: $base-hover-bg !default;
$menu-item-bg-active: $base-active-bg !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/menu/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/menu/_index.scss
index f1321a4c70cc..7a706b58a79d 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/menu/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/menu/_index.scss
@@ -6,8 +6,6 @@
@use "../button/sizes" as *;
@use "../menuBase/sizes" as *;
@use "../../base/icon_fonts" as *;
-
-// adduse
@use "../menuBase" as *;
@use "../../base/menu";
@@ -104,6 +102,6 @@
.dx-treeview-node-container:first-child > .dx-treeview-node {
border-bottom: 1px solid;
- border-bottom-color: $menu-popup-border-color
+ border-bottom-color: $menu-popup-border-color;
}
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/menu/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/menu/_sizes.scss
index 9161d6ba6151..8bf279ff8953 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/menu/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/menu/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-menu-vertical-padding: null !default;
@if $size == "default" {
@@ -11,4 +9,3 @@ $fluent-menu-vertical-padding: null !default;
@if $size == "compact" {
$fluent-menu-vertical-padding: 4px !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/menuBase/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/menuBase/_colors.scss
index 026f55548d97..f55789e57034 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/menuBase/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/menuBase/_colors.scss
@@ -1,8 +1,3 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$menu-item-color-disabled: $base-foreground-disabled;
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/menuBase/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/menuBase/_index.scss
index 8b938749100d..06769377ac16 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/menuBase/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/menuBase/_index.scss
@@ -1,6 +1,4 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../menu/colors" as *;
@@ -10,8 +8,6 @@
@use "../../base/mixins" as *;
@use "../../base/menuBase";
-// adduse
-
.dx-menu-item {
color: $menu-color;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/menuBase/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/menuBase/_sizes.scss
index 6a55714929bc..63d09d1d7dbf 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/menuBase/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/menuBase/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-menu-item-line-height: null !default;
$fluent-menu-item-with-icon-horizontal-padding: null !default;
$fluent-menu-horizontal-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/multiView/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/multiView/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/multiView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/multiView/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/multiView/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/multiView/_index.scss
index 361eff4be843..82f4e2391545 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/multiView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/multiView/_index.scss
@@ -1,9 +1,3 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/multiView";
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/multiView/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/multiView/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/multiView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/multiView/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/numberBox/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/numberBox/_colors.scss
index b3d2482bd0f6..86497fddf7bb 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/numberBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/numberBox/_colors.scss
@@ -1,11 +1,7 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../color" as extcolor;
-// adduse
-
$numberbox-spin-icon-color: $base-spin-icon-color !default;
$numberbox-spin-icon-background-hover: $base-hover-bg !default;
$numberbox-spin-icon-background-active: $base-active-bg !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/numberBox/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/numberBox/_index.scss
index 8dceccf2fa97..bb30af60cd48 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/numberBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/numberBox/_index.scss
@@ -1,4 +1,3 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -7,8 +6,6 @@
@use "../textEditor/sizes" as *;
@use "../textEditor/colors" as *;
@use "../../base/numberBox";
-
-// adduse
@use "../textEditor" as *;
.dx-numberbox {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/numberBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/numberBox/_sizes.scss
index c2fd8daf91af..09bdf6b8492b 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/numberBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/numberBox/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-numberbox-spin-container-width: 24px !default;
$fluent-numberbox-touch-friendly-spin-container-width: null !default;
@@ -12,4 +10,3 @@ $fluent-numberbox-touch-friendly-spin-container-width: null !default;
@else if $size == "compact" {
$fluent-numberbox-touch-friendly-spin-container-width: 48px !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/overlay/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/overlay/_colors.scss
index 8c4c6fffa5fb..968f7b933a84 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/overlay/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/overlay/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Content background color
* $type color
@@ -23,4 +20,3 @@ $overlay-shader-bg: null !default;
@if $mode == "dark" {
$overlay-shader-bg: color.change($base-shadow-color, $alpha: 0.61) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/overlay/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/overlay/_index.scss
index 1881badf0696..fa74cd6bc17d 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/overlay/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/overlay/_index.scss
@@ -1,12 +1,8 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/mixins" as *;
@use "../../base/overlay";
-// adduse
.dx-overlay-shader {
background-color: $overlay-shader-bg;
}
@@ -14,4 +10,3 @@
.dx-overlay-wrapper {
@include dx-base-typography();
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/overlay/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/overlay/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/overlay/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/overlay/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/pagination/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/pagination/_colors.scss
index 8868f5b732ac..e252cfa5ee7f 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/pagination/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/pagination/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 180. Pager selected item text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/pagination/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/pagination/_index.scss
index a77d83fd12a8..d8801c82dc69 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/pagination/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/pagination/_index.scss
@@ -1,15 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/pagination";
@use "../gridBase/sizes" as *;
-// adduse
-
-
.dx-pager,
.dx-pagination {
padding: $fluent-pagination-paddings $fluent-grid-base-cell-horizontal-padding;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/pagination/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/pagination/_sizes.scss
index 67a2a019698a..6fa485567355 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/pagination/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/pagination/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-pagination-paddings: 13px !default;
$fluent-pagination-separator-paddings: 8px !default;
$fluent-pagination-page-padding: 9px 12px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_colors.scss
index 0f07777dabf6..ced3b3f79b79 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$pivotgrid-area-background: $base-bg !default;
$pivotgrid-border-color: $base-border-color !default;
@@ -42,7 +39,7 @@ $pivotgrid-position-indicator-color: gray !default;
$pivotgrid-chevron-icon-color: $pivotgrid-area-color !default;
@if $mode == "light" {
- @if $color == "blue"{
+ @if $color == "blue" {
$pivotgrid-grandtotalcolor: $base-hover-bg !default;
$pivotgrid-field-area-box-background-color: color.adjust($base-bg, $lightness: -5.88%, $space: hsl) !default;
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_index.scss
index 1293464c8c69..3871987a599d 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_index.scss
@@ -32,9 +32,6 @@
$pivotgrid-button-top-padding: $pivotgrid-button-top-padding,
);
-// adduse
-
-
$fluent-pivotgrid-headers-font-size: 14px;
$fluent-pivotgrid-area-font-size: 13px;
$fluent-pivotgrid-chevron-icon-size: 20px;
@@ -72,19 +69,18 @@ $fluent-pivotgridfieldchooser-field-min-height: 36px;
}
.dx-sort-up {
- @include dx-icon-sizing($fluent-button-icon-size)
+ @include dx-icon-sizing($fluent-button-icon-size);
}
.dx-sort-down {
- @include dx-icon-sizing($fluent-button-icon-size)
+ @include dx-icon-sizing($fluent-button-icon-size);
}
.dx-header-filter {
- @include dx-icon-sizing($fluent-button-icon-size)
+ @include dx-icon-sizing($fluent-button-icon-size);
}
}
-
.dx-pivotgrid {
background-color: $pivotgrid-area-background;
@@ -121,7 +117,6 @@ $fluent-pivotgridfieldchooser-field-min-height: 36px;
}
}
-
.dx-area-description-cell {
.dx-pivotgrid-toolbar {
padding-left: 8px;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_sizes.scss
index 243dd6959ac2..d275d8ab161d 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/pivotGrid/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-pivotgrid-cell-padding: null !default;
$pivotgrid-common-left-right-padding: null !default;
$fluent-pivotgrid-expanded-cell-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/popover/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/popover/_colors.scss
index 30a8aa194a99..fcdcc8b08023 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/popover/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/popover/_colors.scss
@@ -1,7 +1 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
@use "../overlay/colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/popover/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/popover/_index.scss
index a654b9770ca5..5a088d47e547 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/popover/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/popover/_index.scss
@@ -1,14 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../overlay/colors" as *;
@use "../textEditor/colors" as *;
@use "../../base/popover";
-// adduse
-
.dx-popover-wrapper {
.dx-popup-title {
margin: 0;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/popover/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/popover/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/popover/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/popover/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/popup/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/popup/_colors.scss
index d740b96920d8..ca004f2f0b8c 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/popup/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/popup/_colors.scss
@@ -2,8 +2,6 @@
@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 20. Header background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/popup/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/popup/_index.scss
index 6f33bfad8564..75423b3fb670 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/popup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/popup/_index.scss
@@ -1,16 +1,11 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../overlay/colors" as *;
@use "../toolbar/mixins" as *;
@use "../toolbar/sizes" as *;
@use "../typography/sizes" as *;
@use "../../base/popup";
-
-// adduse
@use "../overlay";
$fluent-popup-toolbar-label-font-size: $fluent-m-font-size;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/popup/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/popup/_sizes.scss
index 93f5409ad501..d2d88fcd38d3 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/popup/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/popup/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "colors" as *;
-// adduse
-
$fluent-popup-content-padding: null !default;
$fluent-popup-content-vertical-padding: null !default;
$fluent-popup-content-withtitle-top-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/progressBar/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/progressBar/_colors.scss
index 336b7d3b3de7..85165ce798f0 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/progressBar/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/progressBar/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Bar background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/progressBar/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/progressBar/_index.scss
index dbcff3a02fbf..9e6135faf434 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/progressBar/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/progressBar/_index.scss
@@ -1,14 +1,10 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/mixins" as *;
@use "../../base/progressBar";
-// adduse
-
.dx-progressbar-container {
height: $progressbar-height;
background-color: $progressbar-bg;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/progressBar/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/progressBar/_sizes.scss
index e845336ff37d..91677287e082 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/progressBar/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/progressBar/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$progressbar-height: null !default;
$progressbar-border-radius: $base-border-radius !default;
$progressbar-status-margin-top: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/radioButton/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/radioButton/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/radioButton/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/radioButton/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/radioButton/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/radioButton/_index.scss
index 5550f3f7539f..d7d952685791 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/radioButton/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/radioButton/_index.scss
@@ -1,15 +1,10 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/radioButton/mixins" as *;
@use "../radioGroup/colors" as *;
@use "../../base/radioButton";
-
-// adduse
-
@include dx-radiobutton-icon-mixin(
$fluent-radiobutton-size,
$fluent-radiobutton-border-width,
diff --git a/packages/devextreme-scss/scss/widgets/fluent/radioButton/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/radioButton/_sizes.scss
index 4a1b17b0ebfb..c5a1bdf01b64 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/radioButton/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/radioButton/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-radiobutton-size: 16px !default;
$fluent-radiobutton-dot-size: 10px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/radioGroup/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/radioGroup/_colors.scss
index ab7616922748..77e4381dd17b 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/radioGroup/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/radioGroup/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$radiogroup-accent-color: $base-accent !default;
$radiogroup-accent-color-hover: $base-accent-hover !default;
$radiogroup-accent-color-active: $base-accent-active !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/radioGroup/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/radioGroup/_index.scss
index 61c3887126e9..a274d85510e9 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/radioGroup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/radioGroup/_index.scss
@@ -1,12 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/radioGroup/mixins" as *;
@use "../../base/radioGroup";
-
-// adduse
@use "../radioButton";
@include dx-radiogroup-mixin(
$fluent-radio-button-vertical-margin,
diff --git a/packages/devextreme-scss/scss/widgets/fluent/radioGroup/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/radioGroup/_sizes.scss
index 68d4e89dac25..47f7cd1cd4ed 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/radioGroup/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/radioGroup/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-radio-button-vertical-margin: null !default;
$fluent-radio-group-horizontal-gap: null !default;
@@ -14,4 +12,3 @@ $fluent-radio-group-horizontal-gap: null !default;
$fluent-radio-group-horizontal-gap: 12px !default;
$fluent-radio-button-vertical-margin: 6px !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/rangeSlider/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/rangeSlider/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/rangeSlider/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/rangeSlider/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/rangeSlider/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/rangeSlider/_index.scss
index 7f4618192668..44be68bfcb53 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/rangeSlider/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/rangeSlider/_index.scss
@@ -1,14 +1,9 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/rangeSlider";
@use "../slider/sizes" as *;
-// adduse
-
.dx-rangeslider-start-handle {
margin-inline-start: math.div(-$fluent-slider-handle-size, 2);
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/rangeSlider/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/rangeSlider/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/rangeSlider/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/rangeSlider/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/recurrenceEditor/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/recurrenceEditor/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/recurrenceEditor/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/recurrenceEditor/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/recurrenceEditor/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/recurrenceEditor/_index.scss
index 5bb4ce8cc4d9..a3bad1a3542a 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/recurrenceEditor/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/recurrenceEditor/_index.scss
@@ -1,14 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../scheduler/sizes" as *;
@use "../../base/recurrenceEditor" as *;
-// adduse
-
-
$fluent-recurrence-number-box-margin: 11px;
$fluent-recurrence-button-group-padding: 6px;
$fluent-recurrence-radio-group-margin: 15px;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/recurrenceEditor/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/recurrenceEditor/_sizes.scss
index b422f99e08d4..76256ca6fa12 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/recurrenceEditor/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/recurrenceEditor/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-recurrence-until-date-box-top-margin: null !default;
$fluent-recurrence-count-number-box-top-margin: null !default;
$fluent-recurrence-interval-number-box-margin-top: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/responsiveBox/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/responsiveBox/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/responsiveBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/responsiveBox/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/responsiveBox/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/responsiveBox/_index.scss
index bc780273f0e4..018ce315e8c7 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/responsiveBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/responsiveBox/_index.scss
@@ -1,8 +1,2 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/responsiveBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/responsiveBox/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/responsiveBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/responsiveBox/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/scheduler/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/scheduler/_colors.scss
index 18a739590733..c307c71d772d 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/scheduler/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/scheduler/_colors.scss
@@ -1,11 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Border color
* $type color
@@ -92,7 +89,7 @@ $header-panel-cell-date: null !default;
$scheduler-appointment-text-color: #000 !default;
$header-panel-cell-date: #424242;
- @if $color == "blue"{
+ @if $color == "blue" {
$scheduler-appointment-base-color: color.adjust($base-accent, $lightness: 48%, $space: hsl) !default;
$scheduler-cell-hover-bg: $base-hover-bg !default;
$scheduler-cell-active-bg: color.change(color.adjust($base-bg, $lightness: -13.3%, $space: hsl), $alpha: 0.7) !default;
@@ -113,7 +110,7 @@ $header-panel-cell-date: null !default;
$header-panel-cell-date: #adadad;
$scheduler-cell-hover-bg: $base-hover-bg !default;
- @if $color == "blue"{
+ @if $color == "blue" {
$scheduler-cell-active-bg: color.change(color.adjust($base-bg, $lightness: -13.3%, $space: hsl), $alpha: 0.7) !default;
$scheduler-workspace-focused-cell-color: color.change($base-accent, $alpha: 0.12) !default;
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/scheduler/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/scheduler/_index.scss
index a40c6ea98837..c811eabacfa8 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/scheduler/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/scheduler/_index.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -8,7 +7,7 @@
@use "../form/sizes" as *;
@use "../radioGroup/sizes" as *;
@use "../toolbar/sizes" as *;
-@use '../../base/scheduler/layout/header' as *;
+@use "../../base/scheduler/layout/header" as *;
@use "../../base/mixins" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/scheduler" as baseScheduler with (
@@ -53,8 +52,6 @@
@use "../button/colors" as *;
@use "../button/mixins" as *;
@use "../tooltip/colors" as *;
-
-// adduse
@use "../recurrenceEditor" as *;
@use "../scrollable";
@@ -339,7 +336,6 @@ $fluent-scheduler-agenda-time-panel-cell-padding: 8px;
justify-content: flex-end;
}
-
&.dx-scheduler-header-panel-current-time-cell {
color: $scheduler-panel-text-color;
@@ -471,7 +467,6 @@ $fluent-scheduler-agenda-time-panel-cell-padding: 8px;
}
}
-
.dx-scheduler-header-panel-current-time-cell {
.dx-scheduler-header-panel-cell-date343 {
border-radius: initial;
@@ -765,7 +760,6 @@ $fluent-scheduler-agenda-time-panel-cell-padding: 8px;
font-size: $fluent-scheduler-workspace-info-text-size;
}
-
.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th,
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell {
border-right: 1px solid;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/scheduler/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/scheduler/_sizes.scss
index 764fadebbc69..6fb2abec8776 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/scheduler/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/scheduler/_sizes.scss
@@ -3,7 +3,6 @@
@use "../form/sizes" as *;
@use "../toolbar/sizes" as *;
-
$fluent-scheduler-workspace-date-table-cell-height: null !default;
$fluent-scheduler-toolbar-item-offset: null !default;
$fluent-scheduler-navigator-height: null !default;
@@ -87,7 +86,6 @@ $fluent-scheduler-collapsed-all-day-table-cell-height: null !default;
$header-panel-time-cell-height: 32px !default;
$header-panel-time-cell-padding: null !default;
-
@if $size == "default" {
$fluent-scheduler-collapsed-all-day-table-cell-height: 32px !default;
$header-panel-time-cell-padding: 12px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/scrollView/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/scrollView/_colors.scss
index c152e5624b19..5cf69d882f49 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/scrollView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/scrollView/_colors.scss
@@ -1,7 +1,4 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$scrollview-shadow-color: color.change($base-shadow-color, $alpha: 0.37) !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/scrollView/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/scrollView/_index.scss
index 447aee0272c2..12a4b458fc80 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/scrollView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/scrollView/_index.scss
@@ -1,12 +1,8 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../scrollable/colors" as *;
-
-// adduse
@use "../scrollable";
@use "../../base/scrollView";
@@ -57,7 +53,6 @@ $scrollview-loading-indicator-size: 42px;
box-shadow: 0 1px 3px 1px $scrollview-shadow-color;
opacity: 1;
-
> .dx-loadindicator {
height: 24px;
width: 24px;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/scrollView/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/scrollView/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/scrollView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/scrollView/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/scrollable/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/scrollable/_colors.scss
index f690f47a9d06..f84dd3bac5fc 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/scrollable/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/scrollable/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$scrollable-bg: $base-element-bg !default;
/**
@@ -20,4 +17,3 @@ $scrollable-scrollbar-bg: transparent !default;
@if $mode == "dark" {
$scrollable-scroll-bg: color.change(color.adjust($scrollable-bg, $lightness: 25%, $space: hsl), $alpha: 0.7) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/scrollable/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/scrollable/_index.scss
index 6015612b4384..01a32279d4ac 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/scrollable/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/scrollable/_index.scss
@@ -1,14 +1,8 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/scrollable";
@use "../../base/scrollable/mixins" as *;
-
-// adduse
-
@include dx-scrollable-scroll-content(
$scrollable-scroll-bg,
);
diff --git a/packages/devextreme-scss/scss/widgets/fluent/scrollable/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/scrollable/_sizes.scss
index 6e9d2691cc2d..993a6b25a95a 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/scrollable/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/scrollable/_sizes.scss
@@ -1,6 +1,2 @@
-@use "../sizes" as *;
-
-// adduse
-
$fluent-scrollbar-size-thin: 6px;
$fluent-scrollbar-size: 13px;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/selectBox/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/selectBox/_colors.scss
index 4421c0573c88..8c5c50a1e7c1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/selectBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/selectBox/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Item background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/selectBox/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/selectBox/_index.scss
index 168fd4424cc6..7b5dba8003a3 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/selectBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/selectBox/_index.scss
@@ -1,13 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/sizes" as *;
@use "../../base/selectBox";
-
-// adduse
-
@use "../dropDownList";
.dx-selectbox-popup-wrapper {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/selectBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/selectBox/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/selectBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/selectBox/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/slider/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/slider/_colors.scss
index b9687c354af1..19b8700b405a 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/slider/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/slider/_colors.scss
@@ -1,10 +1,6 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Bar background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/slider/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/slider/_index.scss
index 4e8dca40441c..1ab5e426c0aa 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/slider/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/slider/_index.scss
@@ -1,14 +1,10 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/slider";
@use "../../base/popover/mixins" as *;
-// adduse
-
.dx-slider-wrapper {
height: $fluent-slider-wrapper-height;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/slider/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/slider/_sizes.scss
index 59a9fe40718d..788adabaef81 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/slider/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/slider/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-slider-handle-size: null !default;
$fluent-slider-wrapper-height: null !default;
$fluent-slider-tooltip-width: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/sortable/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/sortable/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/sortable/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/sortable/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/sortable/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/sortable/_index.scss
index b8ace30a01fb..2dbfdd7f1b48 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/sortable/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/sortable/_index.scss
@@ -1,11 +1,6 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/sortable" as * with (
$base-accent: $base-accent,
);
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/sortable/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/sortable/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/sortable/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/sortable/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/speechToText/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/speechToText/_colors.scss
index 63068d06cc1a..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/speechToText/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/speechToText/_colors.scss
@@ -1,4 +0,0 @@
-@use "../colors" as *;
-@use "sass:color";
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/fluent/speechToText/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/speechToText/_index.scss
index 3ae03fb5edbd..281b3c1ed233 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/speechToText/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/speechToText/_index.scss
@@ -1,5 +1,3 @@
@use "../../base/speechToText";
@use "colors" as *;
@use "sizes" as *;
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/fluent/speechToText/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/speechToText/_sizes.scss
index 2f5a2c74b993..64c919a0e8b4 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/speechToText/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/speechToText/_sizes.scss
@@ -1,4 +1 @@
@use "../common/sizes" as *;
-@use "../sizes" as *;
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/fluent/speedDialAction/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/speedDialAction/_colors.scss
index 635ec575c479..076918d8bc4e 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/speedDialAction/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/speedDialAction/_colors.scss
@@ -1,11 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../overlay/colors" as *;
@use "../button/colors" as *;
-// adduse
-
$speed-dial-action-color: $base-text-color !default;
$speed-dial-action-shadow: 0 2px 6px 0 color.change($base-shadow-color, $alpha: 0.2) !default;
$speed-dial-action-label-shadow: 0 2px 6px color.change($base-shadow-color, $alpha: 0.16) !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/speedDialAction/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/speedDialAction/_index.scss
index 3405d0583b4b..4ddec0093191 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/speedDialAction/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/speedDialAction/_index.scss
@@ -1,12 +1,8 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/speedDialAction" as *;
@use "../button/colors" as *;
-
-// adduse
@use "../overlay";
$fluent-fa-button-label-offset: 16px;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/speedDialAction/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/speedDialAction/_sizes.scss
index ea4e78592f90..8862d4505a19 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/speedDialAction/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/speedDialAction/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-main-fa-button-label-padding: null !default;
$fluent-main-fa-button-horizontal-padding: null !default;
$fluent-main-fa-button-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/splitter/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/splitter/_colors.scss
index c8ace1165861..44c8a9441194 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/splitter/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/splitter/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Icon color
* $type color
@@ -34,7 +30,7 @@ $splitter-resize-handle-bg-hover: null !default;
*/
$splitter-resize-handle-bg-focused: $base-accent !default;
-@if $mode == 'light' {
+@if $mode == "light" {
$splitter-resize-handle-color: $base-icon-color !default;
$splitter-resize-handle-color-focused: $base-inverted-text-color !default;
@@ -42,7 +38,7 @@ $splitter-resize-handle-bg-focused: $base-accent !default;
$splitter-resize-handle-bg-hover: $base-border-color-hover !default;
}
-@if $mode == 'dark' {
+@if $mode == "dark" {
$splitter-resize-handle-color: $base-text-color !default;
$splitter-resize-handle-color-focused: $base-inverted-text-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/splitter/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/splitter/_index.scss
index 2293317c0861..6e4fafd67deb 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/splitter/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/splitter/_index.scss
@@ -1,14 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/splitter";
@use "../../base/splitter/mixins" as *;
-// adduse
-
.dx-splitter {
@include resize-handle-states(
$splitter-resize-handle-color,
diff --git a/packages/devextreme-scss/scss/widgets/fluent/splitter/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/splitter/_sizes.scss
index 6f0cb64e572f..a0e0b973b604 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/splitter/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/splitter/_sizes.scss
@@ -1,5 +1 @@
-@use "../sizes" as *;
-
-// adduse
-
$splitter-resize-handle-icon-size: 20px;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/splitterBar/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/splitterBar/_colors.scss
index 4157ae022c9d..8cdf1b628aec 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/splitterBar/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/splitterBar/_colors.scss
@@ -1,8 +1,5 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$splitter-inactive-color: $base-border-color !default;
$splitter-bg: color.change($base-accent, $alpha: 0.5) !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/splitterBar/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/splitterBar/_index.scss
index 1c3ce7709513..610150da3849 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/splitterBar/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/splitterBar/_index.scss
@@ -1,11 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/splitterBar";
-// adduse
.dx-splitter-bar {
background-color: $splitter-bg;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/splitterBar/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/splitterBar/_sizes.scss
index 3a9178551640..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/splitterBar/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/splitterBar/_sizes.scss
@@ -1,3 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/fluent/stepper/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/stepper/_colors.scss
index 210edd8c874a..ada165ae0180 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/stepper/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/stepper/_colors.scss
@@ -1,10 +1,6 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
-// adduse
-
/**
* $name 10. Active color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/stepper/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/stepper/_index.scss
index 6a9ab72d97c7..4a30b50220f4 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/stepper/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/stepper/_index.scss
@@ -1,12 +1,7 @@
@use "../../base/stepper";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/stepper/mixins" as *;
-
-// adduse
-
@include stepper(
$stepper-padding,
);
diff --git a/packages/devextreme-scss/scss/widgets/fluent/stepper/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/stepper/_sizes.scss
index ffaac27f33cd..1a832d4436eb 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/stepper/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/stepper/_sizes.scss
@@ -1,10 +1,7 @@
@use "colors" as *;
-@use "../colors" as *;
@use "../sizes" as *;
@use "../typography/sizes" as *;
-// adduse
-
$stepper-padding: null !default;
$stepper-step-min-size: null !default;
$stepper-step-indicator-size: null !default;
@@ -14,7 +11,7 @@ $stepper-step-optional-mark-font-size: $fluent-xs-font-size !default;
$stepper-step-icon-size: $fluent-button-icon-size !default;
$stepper-step-selected-font-weight: 600 !default;
-$stepper-step-transition-duration: .4s !default;
+$stepper-step-transition-duration: 0.4s !default;
@if $size == "default" {
$stepper-padding: 12px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/switch/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/switch/_colors.scss
index 2f117d4e3bca..56215238f91e 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/switch/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/switch/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$switch-accent-color: $base-accent !default;
$switch-accent-color-hover: $base-accent-hover !default;
$switch-accent-color-focused: $base-accent-active !default;
@@ -42,4 +38,3 @@ $switch-off-border-active-color: $base-border-color-accessible-focused !default;
$switch-invalid-color: $base-invalid-color !default;
$switch-invalid-color-hover: $base-invalid-color-hover !default;
$switch-invalid-color-focused: $base-invalid-color-selected !default;
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/switch/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/switch/_index.scss
index 6c85de952e61..f2dcd883f771 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/switch/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/switch/_index.scss
@@ -1,15 +1,11 @@
@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/mixins" as *;
@use "../../base/switch";
@use "../../base/switch/mixins" as *;
-// adduse
-
-$fluent-switch-transition: all 0.2s cubic-bezier(0.33,0,0.67,1);
+$fluent-switch-transition: all 0.2s cubic-bezier(0.33, 0, 0.67, 1);
$fluent-switch-handle-on-shadow: 0 0 0 $fluent-switch-shadow-blur-radius color.change($switch-handle-on-bg, $alpha: 0.1);
$fluent-switch-shadow: none;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/switch/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/switch/_sizes.scss
index b3a5482eb57c..c2817e8f9714 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/switch/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/switch/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-switch-width: null !default;
$switch-handle-margin: null !default;
$switch-padding: 8px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tabPanel/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/tabPanel/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tabPanel/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tabPanel/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tabPanel/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/tabPanel/_index.scss
index 31bfdffe7e83..91030b0da3da 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tabPanel/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tabPanel/_index.scss
@@ -1,13 +1,9 @@
-@use "sass:color";
@use "sass:selector";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/tabPanel";
-// adduse
-
.dx-tabpanel {
.dx-tabpanel-tab {
flex-basis: unset;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tabPanel/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/tabPanel/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tabPanel/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tabPanel/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tabs/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/tabs/_index.scss
index c8641f539d1a..b4f6819ef553 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tabs/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tabs/_index.scss
@@ -1,6 +1,3 @@
-@use "sass:color";
-@use "../colors" as *;
-@use "../sizes" as *;
@use "../button/colors" as *;
@use "../button/mixins" as *;
@use "../../base/icon_fonts" as *;
@@ -11,7 +8,5 @@
@use "layout/tabs" as *;
@use "layout/tab/base" as *;
@use "layout/navigation-button/base" as *;
-
-// adduse
@use "../scrollable";
@use "../badge";
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/navigation-button/_base.scss b/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/navigation-button/_base.scss
index c0cff9f89df7..7c5747bbc351 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/navigation-button/_base.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/navigation-button/_base.scss
@@ -1,6 +1,3 @@
-@use "sass:color";
-@use "../../../colors" as *;
-@use "../../../sizes" as *;
@use "../../../button/colors" as *;
@use "../../../button/mixins" as *;
@use "../../../../base/icon_fonts" as *;
@@ -8,8 +5,6 @@
@use "../../variables/colors" as *;
@use "../../variables/sizes" as *;
@use "../../mixins" as *;
-
-// adduse
@use "../../../scrollable";
@use "../../../badge";
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tab/_base.scss b/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tab/_base.scss
index 4aef73e1ce3a..43392b992139 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tab/_base.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tab/_base.scss
@@ -1,6 +1,4 @@
-@use "sass:color";
@use "sass:string" as string;
-@use "../../../colors" as *;
@use "../../../sizes" as *;
@use "../../../button/colors" as *;
@use "../../../button/mixins" as *;
@@ -10,14 +8,11 @@
@use "../../variables/sizes" as *;
@use "../../mixins" as *;
@use "../../../common/sizes" as *;
-
-// adduse
@use "../../../scrollable";
@use "../../../badge";
@use "styling-mode/primary" as *;
@use "styling-mode/secondary" as *;
-
.dx-tab {
gap: $fluent-tabs-item-gap;
padding: $fluent-tabs-item-padding;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tab/styling-mode/_primary.scss b/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tab/styling-mode/_primary.scss
index 890f62cda840..730cb1fda526 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tab/styling-mode/_primary.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tab/styling-mode/_primary.scss
@@ -1,6 +1,3 @@
-@use "sass:color";
-@use "../../../../colors" as *;
-@use "../../../../sizes" as *;
@use "../../../../button/colors" as *;
@use "../../../../button/mixins" as *;
@use "../../../../../base/icon_fonts" as *;
@@ -8,12 +5,9 @@
@use "../../../variables/colors" as *;
@use "../../../variables/sizes" as *;
@use "../../../mixins" as *;
-
-// adduse
@use "../../../../scrollable";
@use "../../../../badge";
-
.dx-tabs-styling-mode-primary {
.dx-tab {
&.dx-state-hover {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tab/styling-mode/_secondary.scss b/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tab/styling-mode/_secondary.scss
index 719a34b5ba77..42ad8220017e 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tab/styling-mode/_secondary.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tab/styling-mode/_secondary.scss
@@ -1,6 +1,3 @@
-@use "sass:color";
-@use "../../../../colors" as *;
-@use "../../../../sizes" as *;
@use "../../../../button/colors" as *;
@use "../../../../button/mixins" as *;
@use "../../../../../base/icon_fonts" as *;
@@ -8,12 +5,9 @@
@use "../../../variables/colors" as *;
@use "../../../variables/sizes" as *;
@use "../../../mixins" as *;
-
-// adduse
@use "../../../../scrollable";
@use "../../../../badge";
-
.dx-tabs-styling-mode-secondary {
.dx-tab {
border-radius: $fluent-tab-item-border-radius-secondary;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tabs/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tabs/_index.scss
index 7ae4d1d39d0a..34759426e054 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tabs/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tabs/layout/tabs/_index.scss
@@ -1,6 +1,3 @@
-@use "sass:color";
-@use "../../../colors" as *;
-@use "../../../sizes" as *;
@use "../../../button/colors" as *;
@use "../../../button/mixins" as *;
@use "../../../../base/icon_fonts" as *;
@@ -8,12 +5,9 @@
@use "../../variables/colors" as *;
@use "../../variables/sizes" as *;
@use "../../mixins" as *;
-
-// adduse
@use "../../../scrollable";
@use "../../../badge";
-
.dx-tabs {
padding: 0;
background-color: $tabs-tab-background;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tabs/mixins/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/tabs/mixins/_index.scss
index 002c2ac14ca9..01ee34923a0c 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tabs/mixins/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tabs/mixins/_index.scss
@@ -1,8 +1,5 @@
@use "../variables/sizes" as *;
-// adduse
-
-
@mixin dx-tabs-indicator {
&::after {
content: "";
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tabs/variables/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/tabs/variables/_colors.scss
index 3935b46b4008..47c20550d3fc 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tabs/variables/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tabs/variables/_colors.scss
@@ -1,9 +1,6 @@
-@use "sass:color";
@use "../../colors" as *;
@use "../../button/colors" as *;
-// adduse
-
/**
* $name 10. Tab text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tabs/variables/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/tabs/variables/_sizes.scss
index 1b1aec0e4282..1793c8ce0a4a 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tabs/variables/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tabs/variables/_sizes.scss
@@ -1,8 +1,5 @@
@use "../../sizes" as *;
-// adduse
-
-
$fluent-tabs-item-gap: 4px !default;
$fluent-tabs-item-padding: null !default;
$fluent-tabs-item-padding-top-bottom: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tagBox/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/tagBox/_colors.scss
index 532cea56befe..9c394154c672 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tagBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tagBox/_colors.scss
@@ -1,11 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
@use "../textEditor/colors" as *;
-// adduse
-
/**
* $name 10. Tag text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tagBox/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/tagBox/_index.scss
index b4c7f569023d..a3a637d0a53f 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tagBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tagBox/_index.scss
@@ -1,16 +1,12 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../textEditor" as *;
@use "../common/sizes" as *;
@use "../../base/tagBox";
-// adduse
-
.dx-tagbox {
.dx-tag-container {
height: 100%;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tagBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/tagBox/_sizes.scss
index 2c3b9c7da6b3..214f072e13de 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tagBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tagBox/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-tagbox-tag-content-padding-left: null !default;
$fluent-tagbox-tag-content-padding-right: null !default;
$fluent-tagbox-tag-content-vertical-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/textArea/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/textArea/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/textArea/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/textArea/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/textArea/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/textArea/_index.scss
index 28d9c151038d..4178665858ab 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/textArea/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/textArea/_index.scss
@@ -1,15 +1,9 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/textArea";
@use "../../base/textArea/mixins" as *;
@use "../textEditor/sizes" as *;
-
-// adduse
-
@include dx-textarea(
2px,
$textarea-content-line-height,
diff --git a/packages/devextreme-scss/scss/widgets/fluent/textArea/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/textArea/_sizes.scss
index ede206945fd0..e769aa68b5d0 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/textArea/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/textArea/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$textarea-content-line-height: null !default;
@if $size == "default" {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/textBox/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/textBox/_colors.scss
index 7b43f685dc7d..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/textBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/textBox/_colors.scss
@@ -1,5 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/fluent/textBox/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/textBox/_index.scss
index 321d236788e3..5255b274513d 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/textBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/textBox/_index.scss
@@ -1,15 +1,11 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../textEditor/colors" as *;
@use "../textEditor/sizes" as *;
@use "../../base/textBox";
-
-// adduse
@use "../textEditor" as *;
@mixin dx-texteditor-search-icon($texteditor-icon-size) {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/textBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/textBox/_sizes.scss
index 130c6b7a4650..aff2a9e3745e 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/textBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/textBox/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$textbox-search-icon-size: null !default;
@if $size == "default" {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/textEditor/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/textEditor/_colors.scss
index 9b1c0e6ee6f6..b711bc2cce9d 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/textEditor/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/textEditor/_colors.scss
@@ -2,8 +2,6 @@
@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Text color
* $type color
@@ -112,7 +110,6 @@ $texteditor-label-transition:
$texteditor-border-bottom-color-focused: color.adjust($texteditor-border-bottom-color-hover, $lightness: -3.92%, $space: hsl) !default;
}
-
@if $mode == "dark" {
@if $color == "blue" {
$texteditor-outlined-bg: $base-element-bg !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/textEditor/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/textEditor/_index.scss
index 3ce252791d4e..6ef8c31da61a 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/textEditor/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/textEditor/_index.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -13,8 +12,6 @@
@use "../../base/textEditor/mixins" as *;
@use "../colorBox/sizes" as *;
-// adduse
-
$fluent-base-standard-texteditor-input-horizontal-padding: 0;
$fluent-texteditor-invalid-badge-size: $fluent-invalid-badge-size + 2 * $fluent-invalid-badge-horizontal-padding;
$fluent-editor-custom-button-margin: 6px;
@@ -288,7 +285,7 @@ $fluent-editor-border-width: 1px;
bottom: 0;
height: 0;
width: 100%;
- content: '';
+ content: "";
position: absolute;
}
@@ -409,7 +406,7 @@ $fluent-editor-border-width: 1px;
.dx-icon-clear {
&::before {
- content: '\f15f';
+ content: "\f15f";
}
color: $texteditor-button-clear-icon-color;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/textEditor/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/textEditor/_sizes.scss
index b2aa8632702e..eabf7d1cf17a 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/textEditor/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/textEditor/_sizes.scss
@@ -1,8 +1,6 @@
@use "sass:math";
@use "../sizes" as *;
-// adduse
-
$fluent-texteditor-line-height: null !default;
$fluent-texteditor-font-size: null !default;
$fluent-texteditor-input-height: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tileView/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/tileView/_colors.scss
index 1ac51ec80923..a14c3479e3a8 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tileView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tileView/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Item text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tileView/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/tileView/_index.scss
index e59c21678b65..2706867bc0b9 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tileView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tileView/_index.scss
@@ -1,13 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/tileView";
-// adduse
-
-
.dx-tile {
color: $tileview-color;
background-color: $tileview-bg;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tileView/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/tileView/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tileView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tileView/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/timeView/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/timeView/_colors.scss
index 8e816681beee..100659947f6b 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/timeView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/timeView/_colors.scss
@@ -1,6 +1,3 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
$clock-digits-color: $base-text-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/timeView/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/timeView/_index.scss
index f9990c033991..238abca6b99d 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/timeView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/timeView/_index.scss
@@ -1,15 +1,10 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../textEditor/sizes" as *;
@use "../../base/timeView/mixins" as *;
@use "../../base/timeView";
-
-// adduse
-
@include clock-action-icons-mixin($base-inverted-bg, $base-typography-bg, $clock-digits-color);
.dx-timeview {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/timeView/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/timeView/_sizes.scss
index 674156372151..2f9df093b799 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/timeView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/timeView/_sizes.scss
@@ -1,7 +1,3 @@
-@use "../sizes" as *;
-
-// adduse
-
$fluent-timeview-field-min-height: 35px !default;
$fluent-timeview-time-separator-margin: 5px !default;
$fluent-timeview-format12-width: 64px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/toast/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/toast/_colors.scss
index 057b1a0013f5..c1311b03958e 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/toast/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/toast/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$toast-default-bg: $base-bg !default;
$warning-color: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/toast/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/toast/_index.scss
index b6309f525428..558755b7876b 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/toast/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/toast/_index.scss
@@ -4,11 +4,8 @@
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/toast";
-
-// adduse
@use "../overlay";
-
.dx-toast-stack {
gap: $fluent-toast-item-gap;
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/toast/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/toast/_sizes.scss
index 44c7288ca1a2..2a40b1156155 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/toast/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/toast/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$toast-border-radius: $fluent-base-border-radius !default;
$fluent-toast-height: null !default;
$fluent-toast-item-gap: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/toolbar/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/toolbar/_colors.scss
index 711c15e59712..2181278a85a3 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/toolbar/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/toolbar/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/fluent/toolbar/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/toolbar/_index.scss
index 4c44cb2fce84..7c9994a425cb 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/toolbar/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/toolbar/_index.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -13,8 +12,6 @@
@use "mixins" as *;
@use "../../base/toolbar";
@use "../../base/toolbar/mixins" as *;
-
-// adduse
@use "../dropDownMenu";
.dx-toolbar {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/toolbar/_mixins.scss b/packages/devextreme-scss/scss/widgets/fluent/toolbar/_mixins.scss
index ec869eeff6cd..8f7b3eb50e09 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/toolbar/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/toolbar/_mixins.scss
@@ -1,6 +1,5 @@
@use "sizes" as *;
@use "../typography/sizes" as *;
-@use "../colors" as *;
@mixin dx-toolbar-sizing($height, $padding, $label-font-size, $item-spacing) {
padding: $padding;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/toolbar/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/toolbar/_sizes.scss
index d72e05698d91..f9af32b6a01f 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/toolbar/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/toolbar/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "../typography/sizes" as *;
-// adduse
-
$fluent-toolbar-height: null !default;
$fluent-toolbar-padding: 0 !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tooltip/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/tooltip/_colors.scss
index a46222d24e93..472563a0666a 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tooltip/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tooltip/_colors.scss
@@ -1,11 +1,8 @@
-@use "sass:color";
@use "../sizes" as *;
@use "../colors" as *;
@use "../overlay/colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Text color
* $type color
@@ -27,4 +24,3 @@ $tooltip-border-radius: $base-border-radius !default;
@if $mode == "dark" {
$tooltip-bg: $base-hover-bg !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tooltip/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/tooltip/_index.scss
index 35f6749d4595..0f36d8a9c29b 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tooltip/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tooltip/_index.scss
@@ -1,13 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/tooltip";
-// adduse
-
-
.dx-tooltip-wrapper {
.dx-overlay-content {
background-color: $tooltip-bg;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/tooltip/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/tooltip/_sizes.scss
index 571890f9a895..62ab9b9c048a 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/tooltip/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/tooltip/_sizes.scss
@@ -1,8 +1,6 @@
@use "../common/colors" as *;
@use "../sizes" as *;
-// adduse
-
$fluent-tooltip-padding: null !default;
$fluent-tooltip-font-size: null !default;
$fluent-tooltip-arrow-border-radius: 2px !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/treeList/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/treeList/_colors.scss
index 829047cd80d4..4f9a5fb75047 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/treeList/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/treeList/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../gridBase/colors" as *;
-// adduse
-
$treelist-chevron-icon-color: $base-spin-icon-color !default;
$treelist-selection-chevron-icon-color: $treelist-chevron-icon-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/treeList/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/treeList/_index.scss
index 36b942794d2e..bda60a9bda8f 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/treeList/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/treeList/_index.scss
@@ -1,9 +1,7 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/mixins" as *;
@use "../../base/icon_fonts" as *;
@use "../gridBase" as *;
@@ -23,7 +21,7 @@
$header-filter-color-empty: $header-filter-color-empty,
$base-focus-color: $base-focus-color,
);
-@use 'layout/cell';
+@use "layout/cell";
@include grid-base(treelist);
.dx-treelist-rowsview {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/treeList/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/treeList/_sizes.scss
index 52edc764756c..093ef3eeb889 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/treeList/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/treeList/_sizes.scss
@@ -2,8 +2,6 @@
@use "../sizes" as *;
@use "../../base/treeList/variables" as *;
-// adduse
-
$treelist-fluent-expand-icon-size: null !default;
@if $size == "default" {
diff --git a/packages/devextreme-scss/scss/widgets/fluent/treeView/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/treeView/_colors.scss
index b8d6b1e6ad7a..b4f7ab3a07ad 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/treeView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/treeView/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$treeview-color: $base-text-color !default;
/**
@@ -43,4 +40,3 @@ $treeview-checkbox-accent-color-focused: null !default;
$treeview-checkbox-background-color-focused: color.change($base-bg, $lightness: 21.96%, $space: hsl) !default;
$treeview-checkbox-accent-color-focused: color.change($base-accent, $lightness: 84%, $space: hsl) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/treeView/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/treeView/_index.scss
index 6dd170a8e874..e580e346e252 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/treeView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/treeView/_index.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -104,8 +103,8 @@
}
@include default-expander-icon(
- 'chevrondown',
- 'chevronright',
+ "chevrondown",
+ "chevronright",
$fluent-base-icon-size,
$fluent-treeview-toggle-item-width,
$treeview-spin-icon-color,
diff --git a/packages/devextreme-scss/scss/widgets/fluent/treeView/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/treeView/_sizes.scss
index 506feb58959b..8f2518ae8958 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/treeView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/treeView/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-treeview-toggle-item-width: null !default;
$fluent-treeview-item-height: null !default;
$fluent-checkbox-container-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/typography/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/typography/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/typography/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/typography/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/typography/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/typography/_index.scss
index da3b9f58a1c1..8b86570a70d9 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/typography/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/typography/_index.scss
@@ -1,13 +1,9 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/mixins" as *;
@use "mixins" as *;
-// adduse
-
.dx-theme-fluent-typography {
background-color: $base-typography-bg;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/typography/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/typography/_sizes.scss
index 42f21a2d9a20..554959097d56 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/typography/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/typography/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-xl-font-size: null !default;
$fluent-l-font-size: null !default;
$fluent-m-font-size: null !default;
@@ -57,4 +55,3 @@ $fluent-h6-font-size: null !default;
--dx-font-size-sm: #{$fluent-s-font-size};
--dx-font-size-xs: #{$fluent-xs-font-size};
}
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/validation/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/validation/_colors.scss
index 54b4c00e535c..3581893abe01 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/validation/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/validation/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$validation-message-color: $base-inverted-text-color !default;
$validation-message-background-color: $base-invalid-color !default;
$validation-summary-color: $base-invalid-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/validation/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/validation/_index.scss
index 16829ffb77c6..9ed2d9918eeb 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/validation/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/validation/_index.scss
@@ -1,12 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/validation" as *;
@use "../textEditor/sizes" as *;
-
-// adduse
@use "../overlay";
@include dx-base-validation(
$validation-summary-color,
diff --git a/packages/devextreme-scss/scss/widgets/fluent/validation/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/validation/_sizes.scss
index 990440f85274..408e81922fdd 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/validation/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/validation/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$fluent-validation-message-padding: null !default;
$fluent-validationsummary-item-margin: null !default;
$fluent-validation-message-line-height: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/fluent/widget/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/widget/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/widget/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/widget/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/fluent/widget/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/widget/_index.scss
index f22138c1e536..8cb9758a4f63 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/widget/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/widget/_index.scss
@@ -1,13 +1,9 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/mixins" as *;
@use "../../base/widget";
-// adduse
-
.dx-widget {
@include dx-base-typography();
}
diff --git a/packages/devextreme-scss/scss/widgets/fluent/widget/_sizes.scss b/packages/devextreme-scss/scss/widgets/fluent/widget/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/fluent/widget/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/fluent/widget/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/_colors.scss
index ec2543c27f6f..c0a20d72d71e 100644
--- a/packages/devextreme-scss/scss/widgets/generic/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/_colors.scss
@@ -10,7 +10,7 @@ $generic-color-postfix: null !default;
* $name 10. Font family
* $type text
*/
-$base-font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'segoe ui', 'helvetica neue', 'adwaita sans', cantarell, ubuntu, roboto, noto, helvetica, arial, sans-serif !default;
+$base-font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "helvetica neue", "adwaita sans", cantarell, ubuntu, roboto, noto, helvetica, arial, sans-serif !default;
/**
* $name 10. Accent color
@@ -167,7 +167,7 @@ $base-grid-selectedrow-border-color: null !default;
$base-invalid-faded-border-color: color.change($base-invalid-color, $alpha: 0.4) !default;
$base-header-color: #627789 !default;
- $scrollview-pulldown-path: data-uri('images/widgets/generic/color-schemes/carmine/pulldown.png') !default;
+ $scrollview-pulldown-path: data-uri("images/widgets/generic/color-schemes/carmine/pulldown.png") !default;
}
@if $color == "contrast" {
@@ -195,7 +195,7 @@ $base-grid-selectedrow-border-color: null !default;
$base-label-color: $base-text-color !default;
$base-dropdown-shadow-color: $base-shadow-color !default;
- $scrollview-pulldown-path: data-uri('images/widgets/generic/color-schemes/contrast/pulldown.png') !default;
+ $scrollview-pulldown-path: data-uri("images/widgets/generic/color-schemes/contrast/pulldown.png") !default;
}
@if $color == "dark" {
@@ -227,7 +227,7 @@ $base-grid-selectedrow-border-color: null !default;
$base-invalid-color: $base-danger !default;
$base-invalid-faded-border-color: color.change($base-invalid-color, $alpha: 0.4) !default;
- $scrollview-pulldown-path: data-uri('images/widgets/generic/color-schemes/dark/pulldown.png') !default;
+ $scrollview-pulldown-path: data-uri("images/widgets/generic/color-schemes/dark/pulldown.png") !default;
}
@if $color == "darkmoon" {
@@ -263,7 +263,7 @@ $base-grid-selectedrow-border-color: null !default;
$screen-text-color: extcolor.screen($base-bg, #686868) !default;
$base-grid-selected-border-color: #45c7de !default;
- $scrollview-pulldown-path: data-uri('images/widgets/generic/color-schemes/darkmoon/pulldown.png') !default;
+ $scrollview-pulldown-path: data-uri("images/widgets/generic/color-schemes/darkmoon/pulldown.png") !default;
}
@if $color == "darkviolet" {
@@ -299,7 +299,7 @@ $base-grid-selectedrow-border-color: null !default;
$base-invalid-color: $base-danger !default;
$base-invalid-faded-border-color: color.change($base-invalid-color, $alpha: 0.4) !default;
- $scrollview-pulldown-path: data-uri('images/widgets/generic/color-schemes/darkviolet/pulldown.png') !default;
+ $scrollview-pulldown-path: data-uri("images/widgets/generic/color-schemes/darkviolet/pulldown.png") !default;
}
@if $color == "greenmist" {
@@ -331,7 +331,7 @@ $base-grid-selectedrow-border-color: null !default;
$base-invalid-color: $base-danger !default;
$base-invalid-faded-border-color: color.change($base-invalid-color, $alpha: 0.4) !default;
- $scrollview-pulldown-path: data-uri('images/widgets/generic/color-schemes/greenmist/pulldown.png') !default;
+ $scrollview-pulldown-path: data-uri("images/widgets/generic/color-schemes/greenmist/pulldown.png") !default;
}
@if $color == "light" {
@@ -363,7 +363,7 @@ $base-grid-selectedrow-border-color: null !default;
$base-invalid-color: $base-danger !default;
$base-invalid-faded-border-color: color.change($base-invalid-color, $alpha: 0.4) !default;
- $scrollview-pulldown-path: data-uri('images/widgets/generic/color-schemes/light/pulldown.png') !default;
+ $scrollview-pulldown-path: data-uri("images/widgets/generic/color-schemes/light/pulldown.png") !default;
}
@if $color == "softblue" {
@@ -400,14 +400,13 @@ $base-grid-selectedrow-border-color: null !default;
$base-invalid-color: $base-danger !default;
$base-invalid-faded-border-color: color.change($base-invalid-color, $alpha: 0.4) !default;
- $scrollview-pulldown-path: data-uri('images/widgets/generic/color-schemes/softblue/pulldown.png') !default;
+ $scrollview-pulldown-path: data-uri("images/widgets/generic/color-schemes/softblue/pulldown.png") !default;
}
$typography-bg: $base-bg !default;
$typography-color: $base-text-color !default;
$typography-link-color: $base-link-color !default;
-
:root {
--dx-component-color-bg: #{$base-bg};
--dx-color-main-bg: #{$typography-bg};
diff --git a/packages/devextreme-scss/scss/widgets/generic/accordion/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/accordion/_colors.scss
index 1ef680fa6f9f..d17888165ee5 100644
--- a/packages/devextreme-scss/scss/widgets/generic/accordion/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/accordion/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 50. Text color
* $type color
@@ -48,7 +45,6 @@ $accordion-title-active-bg: null !default;
*/
$accordion-item-hover-bg: null !default;
-
@if $color == "carmine" {
$accordion-title-color: $accordion-color !default;
$accordion-item-focused-border-color: $base-accent !default;
@@ -112,4 +108,3 @@ $accordion-item-hover-bg: null !default;
$accordion-title-active-bg: color.change(color.adjust($accordion-background-color, $lightness: -62.5%, $space: hsl), $alpha: 0.2) !default;
$accordion-item-hover-bg: $base-hover-bg !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/accordion/_index.scss b/packages/devextreme-scss/scss/widgets/generic/accordion/_index.scss
index fab264b689ff..d4e65b33dc3b 100644
--- a/packages/devextreme-scss/scss/widgets/generic/accordion/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/accordion/_index.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -8,8 +7,6 @@
@use "../typography/sizes" as *;
@use "../../base/accordion";
-// adduse
-
.dx-accordion {
background-color: $accordion-background-color;
color: $accordion-color;
diff --git a/packages/devextreme-scss/scss/widgets/generic/accordion/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/accordion/_sizes.scss
index 184f3e013464..695c0662b1f5 100644
--- a/packages/devextreme-scss/scss/widgets/generic/accordion/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/accordion/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-accordion-title-vertical-padding: null !default;
$generic-accordion-title-horizontal-padding: null !default;
$generic-accordion-body-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/actionSheet/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/actionSheet/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/actionSheet/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/actionSheet/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/actionSheet/_index.scss b/packages/devextreme-scss/scss/widgets/generic/actionSheet/_index.scss
index da3eb26d5df5..76a290cb05e1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/actionSheet/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/actionSheet/_index.scss
@@ -1,13 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/actionSheet";
-// adduse
-
-
.dx-actionsheet-container {
.dx-actionsheet-item {
margin: $generic-actionsheet-item-margin;
diff --git a/packages/devextreme-scss/scss/widgets/generic/actionSheet/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/actionSheet/_sizes.scss
index 1ceeba174a44..7203400b5a0b 100644
--- a/packages/devextreme-scss/scss/widgets/generic/actionSheet/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/actionSheet/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-actionsheet-item-margin: null !default;
@if $size == "default" {
diff --git a/packages/devextreme-scss/scss/widgets/generic/autocomplete/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/autocomplete/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/autocomplete/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/autocomplete/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/autocomplete/_index.scss b/packages/devextreme-scss/scss/widgets/generic/autocomplete/_index.scss
index 9ddcf42a0f05..e92d49bb364f 100644
--- a/packages/devextreme-scss/scss/widgets/generic/autocomplete/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/autocomplete/_index.scss
@@ -1,11 +1,6 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/sizes" as *;
-
-// adduse
@use "../dropDownList";
.dx-autocomplete {
diff --git a/packages/devextreme-scss/scss/widgets/generic/autocomplete/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/autocomplete/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/autocomplete/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/autocomplete/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/badge/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/badge/_colors.scss
index 2c77048c9b34..1bb900409c52 100644
--- a/packages/devextreme-scss/scss/widgets/generic/badge/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/badge/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 140. Badge text color
* $type color
@@ -17,7 +14,6 @@ $badge-color: $base-inverted-text-color !default;
*/
$badge-bg: null !default;
-
@if $color == "carmine" {
$badge-bg: #ff5f42 !default;
}
@@ -50,4 +46,3 @@ $badge-bg: null !default;
@if $color == "softblue" {
$badge-bg: extcolor.difference($base-accent, #171717) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/badge/_index.scss b/packages/devextreme-scss/scss/widgets/generic/badge/_index.scss
index d8a426d6ea0a..dfa573861620 100644
--- a/packages/devextreme-scss/scss/widgets/generic/badge/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/badge/_index.scss
@@ -1,12 +1,8 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/badge";
-// adduse
-
.dx-badge {
background-color: $badge-bg;
color: $badge-color;
diff --git a/packages/devextreme-scss/scss/widgets/generic/badge/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/badge/_sizes.scss
index f93c4b5e60e6..7e4f3e59bee4 100644
--- a/packages/devextreme-scss/scss/widgets/generic/badge/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/badge/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-badge-padding: null !default;
@if $size == "default" {
diff --git a/packages/devextreme-scss/scss/widgets/generic/box/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/box/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/box/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/box/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/box/_index.scss b/packages/devextreme-scss/scss/widgets/generic/box/_index.scss
index 7ac675e4ec64..8160079bde32 100644
--- a/packages/devextreme-scss/scss/widgets/generic/box/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/box/_index.scss
@@ -1,12 +1,8 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/box";
-// adduse
-
.dx-box-item-content {
font-size: $generic-base-font-size;
}
diff --git a/packages/devextreme-scss/scss/widgets/generic/box/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/box/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/box/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/box/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/button/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/button/_colors.scss
index fbd6829f7b4b..135d33e26e6d 100644
--- a/packages/devextreme-scss/scss/widgets/generic/button/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/button/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$button-border-radius: $base-border-radius !default;
/**
@@ -705,4 +702,3 @@ $button-success-text-bg-selected: null !default;
$button-success-text-bg-active: $button-success-outlined-bg-active !default;
$button-success-text-bg-selected: color.change($button-success-bg, $alpha: 0.3) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/button/_index.scss b/packages/devextreme-scss/scss/widgets/generic/button/_index.scss
index fbccced0dd25..c51ca8bf4948 100644
--- a/packages/devextreme-scss/scss/widgets/generic/button/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/button/_index.scss
@@ -1,14 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "mixins" as *;
@use "../../base/button";
-// adduse
-
.dx-button-content {
line-height: $generic-button-content-line-height;
}
diff --git a/packages/devextreme-scss/scss/widgets/generic/button/_mixins.scss b/packages/devextreme-scss/scss/widgets/generic/button/_mixins.scss
index fd6b08ddc553..bf355a54f6bc 100644
--- a/packages/devextreme-scss/scss/widgets/generic/button/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/button/_mixins.scss
@@ -1,9 +1,7 @@
@use "sass:math";
-@use "sass:color";
@use "sizes" as *;
@use "../sizes" as *;
@use "colors" as *;
-@use "../colors" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/button/mixins" as *;
diff --git a/packages/devextreme-scss/scss/widgets/generic/button/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/button/_sizes.scss
index 824673362b6c..8c648c6e3c96 100644
--- a/packages/devextreme-scss/scss/widgets/generic/button/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/button/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-button-text-line-height: null !default;
$generic-button-vertical-padding: null !default;
$generic-button-horizontal-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/buttonGroup/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/buttonGroup/_colors.scss
index 41462254dd59..1cc46ba7b19f 100644
--- a/packages/devextreme-scss/scss/widgets/generic/buttonGroup/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/buttonGroup/_colors.scss
@@ -1,7 +1 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
@use "../button/colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/buttonGroup/_index.scss b/packages/devextreme-scss/scss/widgets/generic/buttonGroup/_index.scss
index 28cf6cfd699f..8457477139e8 100644
--- a/packages/devextreme-scss/scss/widgets/generic/buttonGroup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/buttonGroup/_index.scss
@@ -1,15 +1,10 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../button/colors" as *;
@use "../button/sizes" as *;
@use "../../base/buttonGroup";
@use "../../base/buttonGroup/mixins" as *;
-// adduse
-
.dx-buttongroup-mode-contained {
.dx-button-mode-contained {
border-inline-end-width: 0;
diff --git a/packages/devextreme-scss/scss/widgets/generic/buttonGroup/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/buttonGroup/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/buttonGroup/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/buttonGroup/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/calendar/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/calendar/_colors.scss
index c83aba422125..1d1c899f59e0 100644
--- a/packages/devextreme-scss/scss/widgets/generic/calendar/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/calendar/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
-// adduse
-
/**
* $name 10. Text color
* $type color
@@ -137,4 +134,3 @@ $calendar-navigator-text-color: $button-normal-color !default;
$calendar-cell-active-bg: color.change($base-accent, $alpha: 0.4) !default;
$calendar-cell-contoured-border-color: color.change($base-accent, $alpha: 0.5) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/calendar/_index.scss b/packages/devextreme-scss/scss/widgets/generic/calendar/_index.scss
index 17c21e9bac6e..15e33bf3f8b0 100644
--- a/packages/devextreme-scss/scss/widgets/generic/calendar/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/calendar/_index.scss
@@ -1,4 +1,3 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -6,9 +5,6 @@
@use "../typography/sizes" as *;
@use "../../base/calendar/calendar" as *;
@use "../../base/calendar/mixins" as *;
-
-// adduse
-
@include dx-calendar-mixin(
$calendar-bg,
$generic-calendar-legacy-width,
@@ -75,7 +71,7 @@
$calendar-cell-hover-border-color,
$base-border-radius,
1px,
- '.dx-calendar-cell-range-hover',
- '.dx-calendar-cell-range-hover-start',
- '.dx-calendar-cell-range-hover-end',
+ ".dx-calendar-cell-range-hover",
+ ".dx-calendar-cell-range-hover-start",
+ ".dx-calendar-cell-range-hover-end",
);
diff --git a/packages/devextreme-scss/scss/widgets/generic/calendar/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/calendar/_sizes.scss
index 9d5194666b3a..2162313fbde9 100644
--- a/packages/devextreme-scss/scss/widgets/generic/calendar/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/calendar/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-calendar-legacy-width: null !default;
$generic-calendar-legacy-height: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/card/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/card/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/card/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/card/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/card/_index.scss b/packages/devextreme-scss/scss/widgets/generic/card/_index.scss
index 00e506a2c74f..dd175e7b37dc 100644
--- a/packages/devextreme-scss/scss/widgets/generic/card/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/card/_index.scss
@@ -1,12 +1,8 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/card";
-// adduse
-
.dx-card {
border: 1px solid;
border-color: $base-border-color;
diff --git a/packages/devextreme-scss/scss/widgets/generic/card/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/card/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/card/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/card/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/cardView/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/cardView/_colors.scss
index f0b00cf81fad..0954d5cbbef2 100644
--- a/packages/devextreme-scss/scss/widgets/generic/cardView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/cardView/_colors.scss
@@ -1,19 +1,17 @@
-@use 'sass:color';
-@use '../colors' as *;
-@use '../color' as extcolor;
-@use '../../base/cardView/variables' as *;
-@use '../../base/cardView/header_panel/variables' as *;
-@use '../../base/cardView/header_panel/item/variables' as *;
-@use '../../base/cardView/content_view/content/card/variables' as *;
-@use '../../base/cardView/content_view/content/card/header/variables' as *;
-@use '../../base/cardView/content_view/content/card/cover/variables' as *;
-@use '../../base/cardView/content_view/content/card/content/variables' as *;
-@use '../../base/cardView/content_view/content/variables' as *;
-@use '../../base/cardView/content_view/no_data/variables' as *;
-@use '../../base/cardView/column_chooser/variables' as *;
-@use '../../base/cardView/filter_panel/variables' as *;
-
-// adduse
+@use "sass:color";
+@use "../colors" as *;
+@use "../color" as extcolor;
+@use "../../base/cardView/variables" as *;
+@use "../../base/cardView/header_panel/variables" as *;
+@use "../../base/cardView/header_panel/item/variables" as *;
+@use "../../base/cardView/content_view/content/card/variables" as *;
+@use "../../base/cardView/content_view/content/card/header/variables" as *;
+@use "../../base/cardView/content_view/content/card/cover/variables" as *;
+@use "../../base/cardView/content_view/content/card/content/variables" as *;
+@use "../../base/cardView/content_view/content/variables" as *;
+@use "../../base/cardView/content_view/no_data/variables" as *;
+@use "../../base/cardView/column_chooser/variables" as *;
+@use "../../base/cardView/filter_panel/variables" as *;
// #region COMMON SETTINGS
@@ -405,7 +403,7 @@ $cardview-generic-columnchooser--empty__message-color: null !default;
// #endregion
-@if $color == 'light' or $color == 'carmine' or $color == 'softblue' or $color == 'greenmist' {
+@if $color == "light" or $color == "carmine" or $color == "softblue" or $color == "greenmist" {
// Common
$cardview-generic-common-bg-color: $base-bg !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/cardView/_index.scss b/packages/devextreme-scss/scss/widgets/generic/cardView/_index.scss
index 29f2262bbe3e..8e99d8be0efe 100644
--- a/packages/devextreme-scss/scss/widgets/generic/cardView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/cardView/_index.scss
@@ -1,5 +1,3 @@
-@use 'colors';
-@use 'sizes';
-@use '../../base/cardView/index' as *;
-
-// adduse
+@use "colors";
+@use "sizes";
+@use "../../base/cardView/index" as *;
diff --git a/packages/devextreme-scss/scss/widgets/generic/cardView/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/cardView/_sizes.scss
index 50daf0bafee8..e1f0ed77f527 100644
--- a/packages/devextreme-scss/scss/widgets/generic/cardView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/cardView/_sizes.scss
@@ -1,17 +1,15 @@
@use "../sizes" as *;
-@use '../../base/cardView/variables' as *;
-@use '../../base/cardView/header_panel/variables' as *;
-@use '../../base/cardView/header_panel/item/variables' as *;
-@use '../../base/cardView/content_view/content/card/variables' as *;
-@use '../../base/cardView/content_view/content/card/header/variables' as *;
-@use '../../base/cardView/content_view/content/card/cover/variables' as *;
-@use '../../base/cardView/content_view/content/card/content/variables' as *;
-@use '../../base/cardView/content_view/content/variables' as *;
-@use '../../base/cardView/content_view/no_data/variables' as *;
-@use '../../base/cardView/column_chooser/variables' as *;
-@use '../../base/cardView/filter_panel/variables' as *;
-
-// adduse
+@use "../../base/cardView/variables" as *;
+@use "../../base/cardView/header_panel/variables" as *;
+@use "../../base/cardView/header_panel/item/variables" as *;
+@use "../../base/cardView/content_view/content/card/variables" as *;
+@use "../../base/cardView/content_view/content/card/header/variables" as *;
+@use "../../base/cardView/content_view/content/card/cover/variables" as *;
+@use "../../base/cardView/content_view/content/card/content/variables" as *;
+@use "../../base/cardView/content_view/content/variables" as *;
+@use "../../base/cardView/content_view/no_data/variables" as *;
+@use "../../base/cardView/column_chooser/variables" as *;
+@use "../../base/cardView/filter_panel/variables" as *;
// #region COMMON SETTINGS
@@ -336,7 +334,7 @@ $cardview-generic-column-chooser__select-all-item-horizontal-padding: null !defa
// Search highlight
$cardview-generic-card__content__field-value--highlighted-border-radius: 5px !default;
- $cardview-generic-card__content__field-value--highlighted-border-padding: .125em 0.2em !default;
+ $cardview-generic-card__content__field-value--highlighted-border-padding: 0.125em 0.2em !default;
$cardview-generic-card__content__field-value--highlighted-text-weight: 500 !default;
// Column chooser
@@ -419,7 +417,7 @@ $cardview-generic-column-chooser__select-all-item-horizontal-padding: null !defa
// Search highlight
$cardview-generic-card__content__field-value--highlighted-border-radius: 5px !default;
- $cardview-generic-card__content__field-value--highlighted-border-padding: .125em 0.2em !default;
+ $cardview-generic-card__content__field-value--highlighted-border-padding: 0.125em 0.2em !default;
$cardview-generic-card__content__field-value--highlighted-text-weight: 500 !default;
// Column chooser
diff --git a/packages/devextreme-scss/scss/widgets/generic/chat/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/chat/_colors.scss
index dfc46957e083..73d08b5ebadb 100644
--- a/packages/devextreme-scss/scss/widgets/generic/chat/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/chat/_colors.scss
@@ -1,11 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../textEditor/colors" as *;
@use "../button/colors" as *;
-// adduse
-
/**
* $name 10. Background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/generic/chat/_index.scss b/packages/devextreme-scss/scss/widgets/generic/chat/_index.scss
index 9c6e1adc05e3..0f91f40a5808 100644
--- a/packages/devextreme-scss/scss/widgets/generic/chat/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/chat/_index.scss
@@ -1,14 +1,9 @@
@use "../../base/chat";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/chat/mixins" as *;
@use "../popup/sizes" as *;
@use "../common/mixins" as *;
-
-// adduse
-
@include chat(
$chat-background-color,
$chat-border-color,
diff --git a/packages/devextreme-scss/scss/widgets/generic/chat/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/chat/_sizes.scss
index 34c56ede3bb6..d7d7f7342931 100644
--- a/packages/devextreme-scss/scss/widgets/generic/chat/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/chat/_sizes.scss
@@ -6,8 +6,6 @@
@use "../popup/sizes" as *;
@use "../button/colors" as *;
-// adduse
-
$chat-border-radius: $base-border-radius !default;
$chat-bubble-border-radius: $base-border-radius !default;
$chat-bubble-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/checkBox/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/checkBox/_colors.scss
index 1d7be8af3fff..f5c786924764 100644
--- a/packages/devextreme-scss/scss/widgets/generic/checkBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/checkBox/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Border color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/generic/checkBox/_index.scss b/packages/devextreme-scss/scss/widgets/generic/checkBox/_index.scss
index 0373bc5ccd87..740205c5095b 100644
--- a/packages/devextreme-scss/scss/widgets/generic/checkBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/checkBox/_index.scss
@@ -1,15 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/checkBox";
@use "../../base/checkBox/mixins" as *;
-// adduse
-
-
$generic-checkbox-disable-opacity: 0.4;
.dx-checkbox {
diff --git a/packages/devextreme-scss/scss/widgets/generic/checkBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/checkBox/_sizes.scss
index 2fe26ef0c144..4d759dc73135 100644
--- a/packages/devextreme-scss/scss/widgets/generic/checkBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/checkBox/_sizes.scss
@@ -2,8 +2,6 @@
@use "../colors" as *;
@use "colors" as *;
-// adduse
-
$generic-checkbox-icon-font-size: null !default;
$generic-checkbox-border-width: 1px !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/colorBox/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/colorBox/_colors.scss
index 4b437aa96502..ab877c0526c9 100644
--- a/packages/devextreme-scss/scss/widgets/generic/colorBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/colorBox/_colors.scss
@@ -1,7 +1,3 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$colorbox-preview-icon-color: $base-icon-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/colorBox/_index.scss b/packages/devextreme-scss/scss/widgets/generic/colorBox/_index.scss
index 5d8761b36d76..7ccaa5dd07d3 100644
--- a/packages/devextreme-scss/scss/widgets/generic/colorBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/colorBox/_index.scss
@@ -1,18 +1,12 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../colorView/colors" as *;
@use "../textEditor/sizes" as *;
@use "../../base/colorBox";
@use "../../base/colorBox/mixins" as *;
-
-// adduse
@use "../colorView";
@use "../dropDownEditor";
-
.dx-colorbox {
.dx-colorbox-input-container {
.dx-colorbox-input,
diff --git a/packages/devextreme-scss/scss/widgets/generic/colorBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/colorBox/_sizes.scss
index 82f9990278b3..d7e8df95c001 100644
--- a/packages/devextreme-scss/scss/widgets/generic/colorBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/colorBox/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-colorbox-overlay-padding: null !default;
$generic-colorbox-preview-width: 40px !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/colorView/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/colorView/_colors.scss
index 92aa30f175d3..6cb5b273422b 100644
--- a/packages/devextreme-scss/scss/widgets/generic/colorView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/colorView/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../overlay/colors" as *;
-// adduse
-
/**
* $name 10. Overlay background
* $type color
@@ -16,7 +13,6 @@ $colorview-handle-border-color: null !default;
$colorview-border-color: $base-border-color !default;
$colorview-label-color: $base-label-color !default;
-
@if $color == "carmine" {
$colorbox-overlay-bg: $overlay-content-bg !default;
$colorbox-palette-cell-bg: $colorbox-overlay-bg !default;
@@ -72,4 +68,3 @@ $colorview-label-color: $base-label-color !default;
$colorview-handle-color: $base-bg !default;
$colorview-handle-border-color: color.change($base-inverted-bg, $alpha: 0.2) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/colorView/_index.scss b/packages/devextreme-scss/scss/widgets/generic/colorView/_index.scss
index 1ba7e301ea94..05284c86677b 100644
--- a/packages/devextreme-scss/scss/widgets/generic/colorView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/colorView/_index.scss
@@ -1,17 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/colorView/mixins" as *;
@use "../../base/colorView";
-
-// adduse
-
-
@include dx-base-colorview-styles($colorview-handle-color, $colorview-handle-border-color);
-
$generic-colorview-alpha-width: $generic-colorview-palette-width + 4;
$generic-colorview-hue-scale-height: $generic-colorview-palette-height;
diff --git a/packages/devextreme-scss/scss/widgets/generic/colorView/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/colorView/_sizes.scss
index d675fc7ef592..1977c9302247 100644
--- a/packages/devextreme-scss/scss/widgets/generic/colorView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/colorView/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-colorview-container-width: null !default;
$generic-colorview-palette-width: null !default;
$generic-colorview-palette-height: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/common/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/common/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/common/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/common/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/common/_index.scss b/packages/devextreme-scss/scss/widgets/generic/common/_index.scss
index 108cd06e535c..bac8e90d0dda 100644
--- a/packages/devextreme-scss/scss/widgets/generic/common/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/common/_index.scss
@@ -1,11 +1,7 @@
-@use "sass:color";
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
-// adduse
-
-
.dx-theme-marker {
font-family: "dx.generic#{$generic-color-postfix}#{$generic-size-postfix}";
}
diff --git a/packages/devextreme-scss/scss/widgets/generic/common/_mixins.scss b/packages/devextreme-scss/scss/widgets/generic/common/_mixins.scss
index 240b841276f7..c4e2389d750a 100644
--- a/packages/devextreme-scss/scss/widgets/generic/common/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/common/_mixins.scss
@@ -42,16 +42,16 @@ $generic-dropdownlist-min-height:
background-color: $badge-invalid-bg;
color: $base-inverted-text-color;
- content: '!';
+ content: "!";
border-radius: 50%;
}
@mixin dx-valid-generic-badge() {
@include badge-settings();
- font-family: 'DXIcons', sans-serif;
+ font-family: "DXIcons", sans-serif;
color: $base-success;
- content: '\f005';
+ content: "\f005";
@include validation-badge-animation();
}
diff --git a/packages/devextreme-scss/scss/widgets/generic/common/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/common/_sizes.scss
index d572de273a25..45cfe7feef45 100644
--- a/packages/devextreme-scss/scss/widgets/generic/common/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/common/_sizes.scss
@@ -1,8 +1,6 @@
@use "sass:math";
@use "../sizes" as *;
-// adduse
-
$generic-invalid-badge-size: null !default;
$generic-dropdownlist-min-height: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/contextMenu/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/contextMenu/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/contextMenu/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/contextMenu/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/contextMenu/_index.scss b/packages/devextreme-scss/scss/widgets/generic/contextMenu/_index.scss
index 43d3d0f27de3..4fe335a1b57b 100644
--- a/packages/devextreme-scss/scss/widgets/generic/contextMenu/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/contextMenu/_index.scss
@@ -1,18 +1,13 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../menuBase/sizes" as *;
@use "../menu/colors" as *;
@use "../../base/contextMenu";
-
-// adduse
@use "../overlay";
@use "../menuBase" as *; // need as private
-
$generic-menu-popup-border: 1px solid;
.dx-context-menu {
diff --git a/packages/devextreme-scss/scss/widgets/generic/contextMenu/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/contextMenu/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/contextMenu/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/contextMenu/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/dataGrid/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/dataGrid/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dataGrid/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dataGrid/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/dataGrid/_index.scss b/packages/devextreme-scss/scss/widgets/generic/dataGrid/_index.scss
index 84cb7b308c0a..0a4c87918875 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dataGrid/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dataGrid/_index.scss
@@ -1,4 +1,3 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -21,9 +20,7 @@
$base-focus-color: $base-focus-color,
$datagrid-text-stub-background-image-path: $datagrid-text-stub-background-image-path,
);
-
-// adduse
-@use 'layout/cell';
+@use "layout/cell";
@include grid-base(datagrid);
.dx-datagrid-group-panel {
@@ -62,7 +59,7 @@
.dx-datagrid-rowsview {
.dx-row.dx-group-row:first-child {
- border-top: none,;
+ border-top: none;
}
.dx-row.dx-group-row {
diff --git a/packages/devextreme-scss/scss/widgets/generic/dataGrid/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/dataGrid/_sizes.scss
index 9f410d370534..9b598acf155d 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dataGrid/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dataGrid/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-@use '../../base/dataGrid/variables' as *;
-
-// adduse
+@use "../../base/dataGrid/variables" as *;
$generic-datagrid-cell-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/dateBox/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/dateBox/_colors.scss
index a351cc15bc23..f9ccb09cf073 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dateBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dateBox/_colors.scss
@@ -1,12 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$timeview-bg: null !default;
-
@if $color == "carmine" {
$timeview-bg: color.adjust($base-bg, $lightness: -2.7%, $space: hsl) !default;
}
diff --git a/packages/devextreme-scss/scss/widgets/generic/dateBox/_index.scss b/packages/devextreme-scss/scss/widgets/generic/dateBox/_index.scss
index 59e26ae9900c..10130ba888bf 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dateBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dateBox/_index.scss
@@ -1,9 +1,6 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../dropDownEditor" as *;
@use "../textEditor" as *;
@@ -11,8 +8,6 @@
@use "../calendar/sizes" as *;
@use "../../base/dateBox";
@use "mixins" as *;
-
-// adduse
@use "../timeView";
@use "../dateView";
diff --git a/packages/devextreme-scss/scss/widgets/generic/dateBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/dateBox/_sizes.scss
index 2bf499f5c46f..1892ebf89eb3 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dateBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dateBox/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-datebox-overlay-item-margin: null !default;
$generic-datebox-overlay-item-margin-adaptive: null !default;
$generic-datebox-overlay-button-width: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/dateRangeBox/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/dateRangeBox/_colors.scss
index 0779caa6ee0e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dateRangeBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dateRangeBox/_colors.scss
@@ -1 +0,0 @@
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/generic/dateRangeBox/_index.scss b/packages/devextreme-scss/scss/widgets/generic/dateRangeBox/_index.scss
index 57be76ab59bd..10d7d13fce82 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dateRangeBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dateRangeBox/_index.scss
@@ -5,14 +5,11 @@
@use "sizes" as *;
@use "../sizes" as *;
@use "colors" as *;
-@use "../colors" as *;
@use "../../base/dateRangeBox";
@use "../../base/icon_fonts" as *;
@use "../textEditor" as *;
@use "../dropDownEditor" as *;
-// adduse
-
.dx-daterangebox {
@include dx-dropdowneditor-button-icon-styling(daterangepicker);
@@ -31,7 +28,7 @@
.dx-texteditor {
&::before {
- content: '';
+ content: "";
position: absolute;
border-bottom: 1px solid transparent;
bottom: 0;
diff --git a/packages/devextreme-scss/scss/widgets/generic/dateRangeBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/dateRangeBox/_sizes.scss
index 8617d01dbfdf..4278aba8cce2 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dateRangeBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dateRangeBox/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-daterangebox-active-bar-horizontal-margin: null !default;
@if $size == "default" {
diff --git a/packages/devextreme-scss/scss/widgets/generic/dateView/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/dateView/_colors.scss
index c95e4bcae832..8674fd2a48cf 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dateView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dateView/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$dateview-border-color: $base-border-color !default;
$dateview-shadow-up: 0deg, color.change($base-bg, $alpha: 0) 0%, color.change($base-bg, $alpha: 0.8) 60% !default;
$dateview-shadow-down: 180deg, color.change($base-bg, $alpha: 0) 0%, color.change($base-bg, $alpha: 0.8) 60% !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/dateView/_index.scss b/packages/devextreme-scss/scss/widgets/generic/dateView/_index.scss
index bca258efd6f9..f769f5703721 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dateView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dateView/_index.scss
@@ -1,13 +1,8 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/mixins" as *;
@use "../../base/dateView";
-
-// adduse
@use "../scrollable";
$generic-dateview-roller-padding: math.div($generic-dateview-roller-height - $generic-dateview-roller-item-height, 2);
diff --git a/packages/devextreme-scss/scss/widgets/generic/dateView/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/dateView/_sizes.scss
index f72b5f4b458d..e428c74b125b 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dateView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dateView/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-dateview-roller-height: null !default;
$generic-dateview-roller-item-height: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/diagram/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/diagram/_colors.scss
index 06b8bfa1eee4..46b4f586d574 100644
--- a/packages/devextreme-scss/scss/widgets/generic/diagram/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/diagram/_colors.scss
@@ -1,12 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../loadIndicator/colors" as *;
-// adduse
-
-
$diagram-border-color: $base-border-color !default;
$diagram-toolbar-border-color: $base-border-color !default;
$diagram-normal-format-active-bg: null !default;
@@ -17,7 +13,6 @@ $diagram-image-icon-base-color: null !default;
$diagram-image-icon-accent-color: null !default;
$diagram-toolbox-shape-text-opacity: null !default;
-
@if $color == "carmine" {
$diagram-normal-format-active-bg: color.adjust($base-element-bg, $lightness: -10%, $space: hsl) !default;
$diagram-default-format-active-bg: color.adjust($base-accent, $lightness: -10%, $space: hsl) !default;
@@ -97,4 +92,3 @@ $diagram-toolbox-shape-text-opacity: null !default;
$diagram-image-icon-accent-color: $loadindicator-bg !default;
$diagram-toolbox-shape-text-opacity: 0.25 !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/diagram/_index.scss b/packages/devextreme-scss/scss/widgets/generic/diagram/_index.scss
index 9d4f6e72fe26..db120bcabaf2 100644
--- a/packages/devextreme-scss/scss/widgets/generic/diagram/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/diagram/_index.scss
@@ -14,8 +14,6 @@
@use "../fieldset/sizes" as *;
@use "../menu/colors" as *;
-// adduse
-
$generic-diagram-toolbar-icon-size: $generic-base-icon-size;
$diagram-toolbar-colorbutton-border-width: 3px;
$diagram-touchbar-item-padding: 5px;
@@ -132,7 +130,7 @@ $diagram-toolbox-title-size: 12px;
.dx-diagram-toolbar-wrapper {
border-bottom: 1px solid;
- border-bottom-color: $diagram-toolbar-border-color;;
+ border-bottom-color: $diagram-toolbar-border-color;
}
&.dx-diagram-fullscreen {
@@ -437,12 +435,12 @@ $diagram-toolbox-title-size: 12px;
@include diagram-action-icons-mixin($base-icon-color, $menu-color, $generic-diagram-toolbar-icon-size, $diagram-toolbar-colorbutton-border-width);
.dx-diagram-toolbox-popup .dx-button-has-icon .dx-icon.dx-icon-diagram-toolbox-drag {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/toolbox-drag.svg'), $popup-title-color, $diagram-toolbox-title-size, $diagram-toolbox-title-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/toolbox-drag.svg"), $popup-title-color, $diagram-toolbox-title-size, $diagram-toolbox-title-size);
line-height: $diagram-toolbox-title-size;
background-size: $diagram-toolbox-title-size $diagram-toolbox-title-size;
}
.dx-diagram-i-button-properties-panel-open {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/properties-panel-open.svg'), $button-default-color, $generic-diagram-toolbar-icon-size, $generic-diagram-toolbar-icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/properties-panel-open.svg"), $button-default-color, $generic-diagram-toolbar-icon-size, $generic-diagram-toolbar-icon-size);
}
diff --git a/packages/devextreme-scss/scss/widgets/generic/diagram/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/diagram/_sizes.scss
index 80b694348c48..69ff9a3aa862 100644
--- a/packages/devextreme-scss/scss/widgets/generic/diagram/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/diagram/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$diagram-toolbox-width: null !default;
$diagram-toolbox-h-padding: null !default;
$diagram-toolbox-accordion-v-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/drawer/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/drawer/_colors.scss
index 45572dedd676..8c37d745afab 100644
--- a/packages/devextreme-scss/scss/widgets/generic/drawer/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/drawer/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Shader background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/generic/drawer/_index.scss b/packages/devextreme-scss/scss/widgets/generic/drawer/_index.scss
index eed4027371d8..f76be6b950fa 100644
--- a/packages/devextreme-scss/scss/widgets/generic/drawer/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/drawer/_index.scss
@@ -1,11 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/drawer";
-// adduse
.dx-drawer-shader {
background-color: $drawer-shader-background-color;
}
diff --git a/packages/devextreme-scss/scss/widgets/generic/drawer/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/drawer/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/drawer/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/drawer/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownBox/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownBox/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownBox/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownBox/_index.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownBox/_index.scss
index c26ff37b2271..221c12641eb6 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownBox/_index.scss
@@ -1,8 +1,3 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
-
-// adduse
@use "../dropDownEditor";
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownBox/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownBox/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownButton/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownButton/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownButton/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownButton/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownButton/_index.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownButton/_index.scss
index 1a08707a8866..7d07d0befee9 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownButton/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownButton/_index.scss
@@ -1,15 +1,10 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../button/sizes" as *;
@use "../common/mixins" as *;
@use "../../base/dropDownButton";
@use "../../base/dropDownButton/mixins" as *;
-
-// adduse
@include dx-dropdownbutton(
$generic-dropdownbutton-icon-spindown-size,
$generic-dropdownbutton-action-horizontal-padding,
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownButton/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownButton/_sizes.scss
index f7808ef868bb..1a8a983ee434 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownButton/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownButton/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-dropdownbutton-icon-spindown-size: $generic-base-icon-size !default;
$generic-dropdownbutton-action-horizontal-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownEditor/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownEditor/_colors.scss
index 42ccda06774b..4f2213be9950 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownEditor/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownEditor/_colors.scss
@@ -1,11 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../textEditor/colors" as *;
-// adduse
-
/**
* $name 20. Dropdown button hovered state background color
* $type color
@@ -14,7 +11,6 @@ $dropdowneditor-button-hover-bg: null !default;
$dropdowneditor-filled-button-hover-bg: color.change($base-accent, $alpha: 0.2) !default;
$dropdowneditor-button-hover-border-color: null !default;
-
/**
* $name 30. Dropdown button active state background color
* $type color
@@ -98,4 +94,3 @@ $dropdowneditor-icon-border-radius: $base-border-radius - 1px !default;
$dropdowneditor-button-active-bg: color.adjust($button-normal-bg, $lightness: -30%, $space: hsl) !default;
$dropdowneditor-icon-active-color: $base-icon-color !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownEditor/_index.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownEditor/_index.scss
index ab8429db47d2..e9ba41d0d338 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownEditor/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownEditor/_index.scss
@@ -1,7 +1,5 @@
-@use "sass:color";
@use "sass:selector";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../common/sizes" as *;
@@ -10,9 +8,6 @@
@use "../../base/icon_fonts" as *;
@use "../../base/dropDownEditor";
-// adduse
-
-
$generic-dropdowneditor-container-button-size: $generic-base-inline-borderedwidget-inner-size;
$generic-dropdowneditor-button-offset: $generic-base-border-width;
@@ -28,7 +23,6 @@ $generic-dropdowneditor-invalid-badge-with-clear-offset: $generic-dropdowneditor
$generic-dropdowneditor-invalid-badge-size: $generic-invalid-badge-size + $generic-invalid-badge-horizontal-padding;
-
@mixin dx-dropdowneditor-button-icon() {
width: $generic-dropdowneditor-button-size;
height: 100%;
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownEditor/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownEditor/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownEditor/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownEditor/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownList/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownList/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownList/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownList/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownList/_index.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownList/_index.scss
index 94e41665cc27..4baa52f82ac5 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownList/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownList/_index.scss
@@ -1,15 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/mixins" as *;
@use "../../base/dropDownList";
-
-// adduse
@use "../dropDownEditor";
-
.dx-dropdownlist-popup-wrapper {
@include dx-dropdownlist-list-appearance();
}
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownList/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownList/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownList/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownList/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownMenu/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownMenu/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownMenu/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownMenu/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownMenu/_index.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownMenu/_index.scss
index 240330f4862e..69c64544d83d 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownMenu/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownMenu/_index.scss
@@ -1,10 +1,6 @@
@use "sizes" as *;
-@use "../sizes" as *;
@use "colors" as *;
@use "../colors" as *;
@use "../../base/dropDownMenu";
@use "../../base/dropDownMenu/mixins" as *;
-
-// adduse
-
@include dx-dropdownmenu-focus-outline($base-accent, $base-border-radius, $generic-dropdownmenu-section-horizontal-margin);
diff --git a/packages/devextreme-scss/scss/widgets/generic/dropDownMenu/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/dropDownMenu/_sizes.scss
index ff60f2dca0eb..a082966848b1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/dropDownMenu/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/dropDownMenu/_sizes.scss
@@ -1,5 +1 @@
-@use "../sizes" as *;
-
-// adduse
-
$generic-dropdownmenu-section-horizontal-margin: 4px !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/fieldset/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/fieldset/_colors.scss
index 28eeb26458c3..05021b9ef65f 100644
--- a/packages/devextreme-scss/scss/widgets/generic/fieldset/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/fieldset/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Label text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/generic/fieldset/_index.scss b/packages/devextreme-scss/scss/widgets/generic/fieldset/_index.scss
index 9080dace5d55..0ea3fc18ff59 100644
--- a/packages/devextreme-scss/scss/widgets/generic/fieldset/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/fieldset/_index.scss
@@ -1,8 +1,6 @@
@use "sass:math";
-@use "sass:color";
@use "sass:selector";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../common/sizes" as *;
@@ -13,8 +11,6 @@
@use "../slider/sizes" as *;
@use "../../base/fieldset";
-// adduse
-
$generic-field-min-height: $generic-base-inline-widget-height;
$generic-fieldset-attention-icon-offset: $generic-base-inline-horizontal-padding + $generic-invalid-badge-size;
diff --git a/packages/devextreme-scss/scss/widgets/generic/fieldset/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/fieldset/_sizes.scss
index d996299ba1ac..977b18b1a1df 100644
--- a/packages/devextreme-scss/scss/widgets/generic/fieldset/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/fieldset/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-fieldset-vertical-margin: null !default;
$generic-fieldset-horizontal-margin: null !default;
$generic-fieldset-header-vertical-margin: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/fileManager/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/fileManager/_colors.scss
index 7bf81566fae0..e7a8071ba5b7 100644
--- a/packages/devextreme-scss/scss/widgets/generic/fileManager/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/fileManager/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$filemanager-border-color: $base-border-color !default;
$filemanager-file-toolbar-bg: null !default;
$filemanager-editor-active-bg: color.change($base-text-color, $alpha: 0.1) !default;
@@ -22,7 +19,6 @@ $filemanager-file-item-focused-border: $base-accent !default;
$filemanager-item-focused-color: null !default;
$filemanager-progressbox-shadow-color: null !default;
-
@if $color == "carmine" {
$filemanager-file-toolbar-bg: color.adjust($base-bg, $lightness: -3%, $space: hsl) !default;
$filemanager-dirs-tree-item-focus-bg: color.adjust($base-bg, $lightness: -8%, $space: hsl) !default;
@@ -102,4 +98,3 @@ $filemanager-progressbox-shadow-color: null !default;
$filemanager-item-focused-color: $base-inverted-text-color !default;
$filemanager-progressbox-shadow-color: color.change($base-shadow-color, $alpha: 0.175) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/fileManager/_index.scss b/packages/devextreme-scss/scss/widgets/generic/fileManager/_index.scss
index 1fde52c9e146..5a8b4cfece68 100644
--- a/packages/devextreme-scss/scss/widgets/generic/fileManager/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/fileManager/_index.scss
@@ -1,15 +1,11 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/fileManager";
@use "../../base/fileManager/mixins" as *;
-
-// adduse
@use "../splitterBar";
-
.dx-filemanager {
border-color: $filemanager-border-color;
diff --git a/packages/devextreme-scss/scss/widgets/generic/fileManager/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/fileManager/_sizes.scss
index ee24e98c2cca..50a1d5bc883e 100644
--- a/packages/devextreme-scss/scss/widgets/generic/fileManager/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/fileManager/_sizes.scss
@@ -1,6 +1,4 @@
@use "../sizes" as *;
-
-// adduse
@use "../toolbar/sizes" as *;
$filemanager-toolbar-separator-height: null !default;
@@ -50,4 +48,3 @@ $filemanager-progress-panel-padding-top: 6px !default;
$filemanager-large-icon-button-content-padding: 3px !default;
$filemanager-progress-box-button-close-margin-top: 6px !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/fileUploader/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/fileUploader/_colors.scss
index 6c753669d43d..d44d7b125c48 100644
--- a/packages/devextreme-scss/scss/widgets/generic/fileUploader/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/fileUploader/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. File name text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/generic/fileUploader/_index.scss b/packages/devextreme-scss/scss/widgets/generic/fileUploader/_index.scss
index 5cac4e5eab9a..db8ac6f2827f 100644
--- a/packages/devextreme-scss/scss/widgets/generic/fileUploader/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/fileUploader/_index.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -7,8 +6,6 @@
@use "../../base/mixins" as *;
@use "../../base/fileUploader";
-// adduse
-
$generic-fileuploader-file-wrapper-border-size: 3px;
.dx-fileuploader-wrapper {
diff --git a/packages/devextreme-scss/scss/widgets/generic/fileUploader/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/fileUploader/_sizes.scss
index 7618cbe20d96..134c64cd5e4d 100644
--- a/packages/devextreme-scss/scss/widgets/generic/fileUploader/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/fileUploader/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-fileuploader-vertical-padding: null !default;
$generic-fileuploader-file-icon-font-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/filterBuilder/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/filterBuilder/_colors.scss
index 22d02bdb1bc2..151208112147 100644
--- a/packages/devextreme-scss/scss/widgets/generic/filterBuilder/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/filterBuilder/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$filterbuilder-bg: $base-bg !default;
/**
@@ -263,4 +260,3 @@ $filterbuilder-menu-icon-color: null !default;
$filterbuilder-item-value-focus-color: color.adjust($filterbuilder-item-value-color, $alpha: 0.7) !default;
$filterbuilder-menu-icon-color: $base-text-color !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/filterBuilder/_index.scss b/packages/devextreme-scss/scss/widgets/generic/filterBuilder/_index.scss
index f1e493ddd341..2b5ddcc860cd 100644
--- a/packages/devextreme-scss/scss/widgets/generic/filterBuilder/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/filterBuilder/_index.scss
@@ -1,8 +1,5 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/filterBuilder" as * with (
$filterbuilder-bg: $filterbuilder-bg,
$filterbuilder-text-color: $filterbuilder-text-color,
@@ -29,9 +26,6 @@
);
@use "../textEditor/colors" as *;
-// adduse
-
-
.dx-filterbuilder {
.dx-filterbuilder-action-icon {
margin-bottom: $filterbuilder-item-margin-bottom;
diff --git a/packages/devextreme-scss/scss/widgets/generic/filterBuilder/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/filterBuilder/_sizes.scss
index 5452ddc6b62b..21568dc40dba 100644
--- a/packages/devextreme-scss/scss/widgets/generic/filterBuilder/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/filterBuilder/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$filterbuilder-item-margin-bottom: null !default;
$filterbuilder-treeview-item-padding: null !default;
@@ -16,4 +14,3 @@ $filterbuilder-treeview-item-horizontal-padding: 15px !default;
$filterbuilder-item-margin-bottom: 5px !default;
$filterbuilder-treeview-item-padding: 3px $filterbuilder-treeview-item-horizontal-padding !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/form/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/form/_colors.scss
index 921f9cbd74d0..7b3ee1496d0c 100644
--- a/packages/devextreme-scss/scss/widgets/generic/form/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/form/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Label text color
* $type color
@@ -65,4 +62,3 @@ $form-field-mark-color: null !default;
$form-field-required-color: color.adjust($base-danger, $lightness: -10%, $space: hsl) !default;
$form-field-mark-color: color.adjust($base-text-color, $lightness: 55%, $space: hsl) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/form/_index.scss b/packages/devextreme-scss/scss/widgets/generic/form/_index.scss
index a4c2d52366b5..7af49e76cf08 100644
--- a/packages/devextreme-scss/scss/widgets/generic/form/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/form/_index.scss
@@ -1,16 +1,11 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/form";
@use "../../base/icon_fonts" as *;
-
-// adduse
@use "../scrollable";
-
.dx-layout-manager {
.dx-field-item:not(.dx-first-col) {
padding-inline-start: 15px;
diff --git a/packages/devextreme-scss/scss/widgets/generic/form/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/form/_sizes.scss
index f6b6121d95e6..09ef2a895424 100644
--- a/packages/devextreme-scss/scss/widgets/generic/form/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/form/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-form-group-caption-font-size: null !default;
$generic-form-group-content-padding-bottom: null !default;
$generic-form-label-icon-size: null !default;
@@ -21,4 +19,3 @@ $generic-form-default-padding: 10px !default;
$generic-form-label-icon-size: 16px !default;
$generic-form-top-label-bottom-margin: 2px !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/gallery/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/gallery/_colors.scss
index fc410a2cf617..b712b3c37007 100644
--- a/packages/devextreme-scss/scss/widgets/generic/gallery/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/gallery/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Indicator background color
* $type color
@@ -132,4 +129,3 @@ $gallery-navbutton-border-radius: $base-border-radius - 4px !default;
$gallery-nav-arrow-color: $base-inverted-icon-color !default;
$gallery-navbutton-active-color: color.change($base-accent, $alpha: 0.7) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/gallery/_index.scss b/packages/devextreme-scss/scss/widgets/generic/gallery/_index.scss
index 6ec92348fad0..41e9509069c5 100644
--- a/packages/devextreme-scss/scss/widgets/generic/gallery/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/gallery/_index.scss
@@ -1,14 +1,10 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/gallery";
-// adduse
-
.dx-gallery {
.dx-gallery-nav-button-prev,
.dx-gallery-nav-button-next {
@@ -31,7 +27,7 @@
@include dx-icon-font-centered-sizing(32px);
&::after {
- content: '';
+ content: "";
position: absolute;
width: 32px;
height: 100%;
@@ -75,7 +71,6 @@
}
}
-
.dx-gallery-indicator {
pointer-events: none;
text-align: center;
diff --git a/packages/devextreme-scss/scss/widgets/generic/gallery/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/gallery/_sizes.scss
index 7bb551f75fdf..b7395acf55ec 100644
--- a/packages/devextreme-scss/scss/widgets/generic/gallery/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/gallery/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-gallery-indicator-size: null !default;
$generic-gallery-indicator-selected-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/gantt/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/gantt/_colors.scss
index 3ea2fa5eda64..06561edeea52 100644
--- a/packages/devextreme-scss/scss/widgets/generic/gantt/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/gantt/_colors.scss
@@ -1,17 +1,12 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../gridBase/colors" as *;
-// adduse
-
-
$gantt-collapsable-row-bg: null !default;
$gantt-selection-bg: null !default;
$gantt-parent-task-bg: null !default;
$gantt-icon-color: null !default;
-
@if $color == "carmine" {
$gantt-collapsable-row-bg: color.adjust($base-bg, $lightness: -5%, $space: hsl) !default;
@@ -75,4 +70,3 @@ $gantt-icon-color: null !default;
$gantt-parent-task-bg: $base-success !default;
$gantt-icon-color: color.adjust($base-text-color, $lightness: 20%, $space: hsl) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/gantt/_index.scss b/packages/devextreme-scss/scss/widgets/generic/gantt/_index.scss
index 75fe87573d87..aab84e869c3f 100644
--- a/packages/devextreme-scss/scss/widgets/generic/gantt/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/gantt/_index.scss
@@ -2,16 +2,12 @@
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/gantt";
@use "../../base/gantt/mixins" as *;
@use "../gridBase/colors" as *;
@use "../toolbar/sizes" as *;
-
-// adduse
@use "../splitterBar";
-
$gantt-successor-background-color: white;
.dx-gantt {
@@ -163,7 +159,7 @@ $gantt-successor-background-color: white;
&:not(.dx-gantt-smallTask)::after,
&:not(.dx-gantt-smallTask):not(.dx-gantt-noPrg) .dx-gantt-tPrg::before,
&:not(.dx-gantt-smallTask).dx-gantt-cmpl .dx-gantt-tPrg::after {
- content: '';
+ content: "";
position: absolute;
bottom: -8px;
border-width: 4px;
diff --git a/packages/devextreme-scss/scss/widgets/generic/gantt/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/gantt/_sizes.scss
index e32f49ab3912..9684e0e8de02 100644
--- a/packages/devextreme-scss/scss/widgets/generic/gantt/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/gantt/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$gantt-task-title-padding-left: null !default;
$gantt-task-height: null !default;
$gantt-dependency-successor-size: null !default;
@@ -32,4 +30,3 @@ $gantt-task-wrapper-padding-top: 0 !default;
$gantt-cv-dialog-row-padding-top: 10px !default;
$gantt-treelist-text-min-height: 16px !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/gridBase/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/gridBase/_colors.scss
index 05ef35777b31..ae2afebc95f1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/gridBase/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/gridBase/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
-// adduse
-
/**
* $name 10. Text color
* $type color
@@ -238,7 +235,7 @@ $datagrid-draggable-column-text-color: null !default;
$datagrid-columnchooser-message-color: color.adjust($datagrid-base-color, $lightness: 40%, $space: hsl) !default;
$datagrid-summary-bg: $datagrid-base-background-color !default;
$datagrid-column-separator-bg: $base-accent !default;
- $datagrid-text-stub-background-image-path: data-uri('images/widgets/generic/color-schemes/carmine/grid/text-stub.png') !default;
+ $datagrid-text-stub-background-image-path: data-uri("images/widgets/generic/color-schemes/carmine/grid/text-stub.png") !default;
$datagrid-cell-removed-border-color: $datagrid-border-color !default;
$datagrid-row-removed-bg: $datagrid-border-color !default;
$datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
@@ -280,7 +277,7 @@ $datagrid-draggable-column-text-color: null !default;
$datagrid-columnchooser-message-color: $base-text-color !default;
$datagrid-summary-bg: $base-bg !default;
$datagrid-column-separator-bg: color.adjust($datagrid-base-background-color, $lightness: -13.5%, $space: hsl) !default;
- $datagrid-text-stub-background-image-path: data-uri('images/widgets/generic/color-schemes/contrast/grid/text-stub.png') !default;
+ $datagrid-text-stub-background-image-path: data-uri("images/widgets/generic/color-schemes/contrast/grid/text-stub.png") !default;
$datagrid-cell-removed-border-color: $base-accent !default;
$datagrid-row-removed-bg: $base-accent !default;
$datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
@@ -322,7 +319,7 @@ $datagrid-draggable-column-text-color: null !default;
$datagrid-columnchooser-message-color: color.adjust($datagrid-base-color, $lightness: -26%, $space: hsl) !default;
$datagrid-summary-bg: $datagrid-base-background-color !default;
$datagrid-column-separator-bg: $base-accent !default;
- $datagrid-text-stub-background-image-path: data-uri('images/widgets/generic/color-schemes/dark/grid/text-stub.png') !default;
+ $datagrid-text-stub-background-image-path: data-uri("images/widgets/generic/color-schemes/dark/grid/text-stub.png") !default;
$datagrid-cell-removed-border-color: $datagrid-border-color !default;
$datagrid-row-removed-bg: color.adjust($datagrid-border-color, $lightness: -6.67%, $space: hsl) !default;
$datagrid-cell-removed-text-color: color.change($base-text-color, $alpha: 0.7) !default;
@@ -364,7 +361,7 @@ $datagrid-draggable-column-text-color: null !default;
$datagrid-columnchooser-message-color: color.adjust($datagrid-base-color, $lightness: -40%, $space: hsl) !default;
$datagrid-summary-bg: $datagrid-base-background-color !default;
$datagrid-column-separator-bg: $base-accent !default;
- $datagrid-text-stub-background-image-path: data-uri('images/widgets/generic/color-schemes/darkmoon/grid/text-stub.png') !default;
+ $datagrid-text-stub-background-image-path: data-uri("images/widgets/generic/color-schemes/darkmoon/grid/text-stub.png") !default;
$datagrid-cell-removed-border-color: $datagrid-border-color !default;
$datagrid-row-removed-bg: $datagrid-border-color !default;
$datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
@@ -406,7 +403,7 @@ $datagrid-draggable-column-text-color: null !default;
$datagrid-columnchooser-message-color: color.adjust($datagrid-base-color, $lightness: -40%, $space: hsl) !default;
$datagrid-summary-bg: $datagrid-base-background-color !default;
$datagrid-column-separator-bg: $base-accent !default;
- $datagrid-text-stub-background-image-path: data-uri('images/widgets/generic/color-schemes/darkviolet/grid/text-stub.png') !default;
+ $datagrid-text-stub-background-image-path: data-uri("images/widgets/generic/color-schemes/darkviolet/grid/text-stub.png") !default;
$datagrid-cell-removed-border-color: $datagrid-border-color !default;
$datagrid-row-removed-bg: $datagrid-border-color !default;
$datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
@@ -448,7 +445,7 @@ $datagrid-draggable-column-text-color: null !default;
$datagrid-columnchooser-message-color: color.adjust($datagrid-base-color, $lightness: 40%, $space: hsl) !default;
$datagrid-summary-bg: $datagrid-base-background-color !default;
$datagrid-column-separator-bg: $base-accent !default;
- $datagrid-text-stub-background-image-path: data-uri('images/widgets/generic/color-schemes/greenmist/grid/text-stub.png') !default;
+ $datagrid-text-stub-background-image-path: data-uri("images/widgets/generic/color-schemes/greenmist/grid/text-stub.png") !default;
$datagrid-cell-removed-border-color: $datagrid-border-color !default;
$datagrid-row-removed-bg: $datagrid-border-color !default;
$datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
@@ -490,7 +487,7 @@ $datagrid-draggable-column-text-color: null !default;
$datagrid-columnchooser-message-color: color.adjust($datagrid-base-color, $lightness: 26%, $space: hsl) !default;
$datagrid-summary-bg: $datagrid-base-background-color !default;
$datagrid-column-separator-bg: $base-accent !default;
- $datagrid-text-stub-background-image-path: data-uri('images/widgets/generic/color-schemes/light/grid/text-stub.png') !default;
+ $datagrid-text-stub-background-image-path: data-uri("images/widgets/generic/color-schemes/light/grid/text-stub.png") !default;
$datagrid-cell-removed-border-color: $datagrid-border-color !default;
$datagrid-row-removed-bg: color.adjust($datagrid-border-color, $lightness: 6.67%, $space: hsl) !default;
$datagrid-cell-removed-text-color: color.change($base-text-color, $alpha: 0.7) !default;
@@ -532,7 +529,7 @@ $datagrid-draggable-column-text-color: null !default;
$datagrid-columnchooser-message-color: color.adjust($datagrid-base-color, $lightness: 40%, $space: hsl) !default;
$datagrid-summary-bg: $datagrid-base-background-color !default;
$datagrid-column-separator-bg: $base-accent !default;
- $datagrid-text-stub-background-image-path: data-uri('images/widgets/generic/color-schemes/softblue/grid/text-stub.png') !default;
+ $datagrid-text-stub-background-image-path: data-uri("images/widgets/generic/color-schemes/softblue/grid/text-stub.png") !default;
$datagrid-cell-removed-border-color: $datagrid-border-color !default;
$datagrid-row-removed-bg: $datagrid-border-color !default;
$datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/gridBase/_index.scss b/packages/devextreme-scss/scss/widgets/generic/gridBase/_index.scss
index 254a10000e2b..ea37ef5d4fc7 100644
--- a/packages/devextreme-scss/scss/widgets/generic/gridBase/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/gridBase/_index.scss
@@ -20,7 +20,7 @@
@use "../validation/colors" as *;
@use "variables" as *;
@forward "variables";
-@use 'layout/cell' as *;
+@use "layout/cell" as *;
@use "layout/aiChat" as *;
@use "../scrollable";
@use "../overlay";
@@ -424,7 +424,7 @@ $generic-grid-base-cell-input-height: math.round($generic-base-line-height * $ge
touch-action: pinch-zoom;
&::before {
- content: '';
+ content: "";
position: absolute;
top: 0;
left: 0;
diff --git a/packages/devextreme-scss/scss/widgets/generic/gridBase/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/gridBase/_sizes.scss
index 684bc7b9e9a3..3d9e0643fe47 100644
--- a/packages/devextreme-scss/scss/widgets/generic/gridBase/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/gridBase/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$generic-grid-base-cell-padding: null !default;
$generic-grid-base-texteditor-input-padding: null !default;
$generic-grid-base-header-panel-margin-bottom: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/gridBase/layout/aiChat/_index.scss b/packages/devextreme-scss/scss/widgets/generic/gridBase/layout/aiChat/_index.scss
index 15f4d095e138..9cc8b4fb4a7f 100644
--- a/packages/devextreme-scss/scss/widgets/generic/gridBase/layout/aiChat/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/gridBase/layout/aiChat/_index.scss
@@ -1,7 +1,7 @@
-@use '../../../../base/gridBase/layout/aiChat/mixins' as *;
+@use "../../../../base/gridBase/layout/aiChat/mixins" as *;
@use "../../../colors" as *;
@use "../../../button/colors" as *;
-@use './sizes' as *;
+@use "./sizes" as *;
@use "../../../../base/widget" as *;
@include ai-chat-messagelist-empty(
$button-default-bg,
diff --git a/packages/devextreme-scss/scss/widgets/generic/gridBase/layout/aiChat/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/gridBase/layout/aiChat/_sizes.scss
index b76fc10c3e3b..fa9ad84197d8 100644
--- a/packages/devextreme-scss/scss/widgets/generic/gridBase/layout/aiChat/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/gridBase/layout/aiChat/_sizes.scss
@@ -1,3 +1,3 @@
-@use '../../../sizes' as *;
+@use "../../../sizes" as *;
$ai-chat-message-icon-size: $generic-base-icon-size;
diff --git a/packages/devextreme-scss/scss/widgets/generic/htmlEditor/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/htmlEditor/_colors.scss
index 8f3fb711bb84..797aaf643d03 100644
--- a/packages/devextreme-scss/scss/widgets/generic/htmlEditor/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/htmlEditor/_colors.scss
@@ -1,12 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../color" as extcolor;
-// adduse
-
-
$htmleditor-border-color: $base-border-color !default;
$htmleditor-filled-border-color: transparent !default;
@@ -25,7 +21,6 @@ $htmleditor-mention-color: null !default;
$htmleditor-table-border-color: $base-border-color !default;
$htmleditor-cells-separator-bg: color.change($base-accent, $alpha: 0.5) !default;
-
@if $color == "carmine" {
$htmleditor-normal-format-active-bg: color.adjust($base-element-bg, $lightness: -10%, $space: hsl) !default;
$htmleditor-default-format-active-bg: color.adjust($base-accent, $lightness: -10%, $space: hsl) !default;
@@ -97,4 +92,3 @@ $htmleditor-cells-separator-bg: color.change($base-accent, $alpha: 0.5) !default
$htmleditor-mention-bg: color.adjust($base-bg, $lightness: -13.5%, $space: hsl) !default;
$htmleditor-mention-color: $base-text-color !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/htmlEditor/_index.scss b/packages/devextreme-scss/scss/widgets/generic/htmlEditor/_index.scss
index 7f68fff758cd..46d663cb942e 100644
--- a/packages/devextreme-scss/scss/widgets/generic/htmlEditor/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/htmlEditor/_index.scss
@@ -15,8 +15,6 @@
@use "../../base/mixins" as *;
@use "../../base/htmlEditor";
-// adduse
-
.dx-htmleditor {
.dx-htmleditor-toolbar-wrapper {
padding: 5px;
@@ -41,7 +39,7 @@
right: 1px;
z-index: 2;
background-color: color.change($base-bg, $alpha: 0.2);
- content: '';
+ content: "";
pointer-events: none;
}
diff --git a/packages/devextreme-scss/scss/widgets/generic/htmlEditor/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/htmlEditor/_sizes.scss
index b63a8b943913..b19b96465f4e 100644
--- a/packages/devextreme-scss/scss/widgets/generic/htmlEditor/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/htmlEditor/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-toolbar-size-editor-width: null !default;
$generic-html-editor-add-image-dialog-base-padding: 5px !default;
$generic-html-editor-add-image-dialog-fileuploader-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/icons/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/icons/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/icons/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/icons/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/icons/_index.scss b/packages/devextreme-scss/scss/widgets/generic/icons/_index.scss
index 9ca44ea76d8d..cce54f733c88 100644
--- a/packages/devextreme-scss/scss/widgets/generic/icons/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/icons/_index.scss
@@ -1,13 +1,7 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
-
-// adduse
-
-
@include dx-font-icons();
.dx-tab {
diff --git a/packages/devextreme-scss/scss/widgets/generic/icons/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/icons/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/icons/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/icons/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/informer/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/informer/_colors.scss
index 4734c2bb7e8c..573e09684108 100644
--- a/packages/devextreme-scss/scss/widgets/generic/informer/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/informer/_colors.scss
@@ -2,8 +2,6 @@
@use "sass:color";
@use "../color" as extcolor;
-// adduse
-
$informer-error-color: null !default;
$informer-error-background-color: null !default;
$informer-info-color: null !default;
@@ -20,14 +18,14 @@ $informer-info-background-color: null !default;
$informer-error-color: extcolor.adjust-if-not-achromatic($color: $base-danger, $hue: 2deg, $saturation: -16.93%, $lightness: -6.08%);
$informer-error-background-color: rgba(212, 63, 58, 0.1);
$informer-info-color: color.adjust($base-text-color, $lightness: -12.94%, $space: hsl);
- $informer-info-background-color: color.adjust($base-text-color, $lightness: -68.63%, $space: hsl);;
+ $informer-info-background-color: color.adjust($base-text-color, $lightness: -68.63%, $space: hsl);
}
@if $color == "dark" {
$informer-error-color: $base-danger;
$informer-error-background-color: rgba(212, 63, 58, 0.1);
$informer-info-color: $base-text-color;
- $informer-info-background-color: color.adjust($base-text-color, $lightness: -55.69%, $space: hsl)
+ $informer-info-background-color: color.adjust($base-text-color, $lightness: -55.69%, $space: hsl);
}
@if $color == "darkmoon" {
@@ -48,7 +46,7 @@ $informer-info-background-color: null !default;
$informer-error-color: extcolor.adjust-if-not-achromatic($color: $base-danger, $hue: -351deg, $saturation: -27.05%, $lightness: -4.90%);
$informer-error-background-color: extcolor.adjust-if-not-achromatic($color: $base-danger, $hue: -348deg, $saturation: -26.83%, $lightness: 33.73%);
$informer-info-color: extcolor.adjust-if-not-achromatic($color: $base-text-color, $hue: -191deg, $saturation: -32.77%, $lightness: -3.33%);
- $informer-info-background-color: extcolor.adjust-if-not-achromatic($color: $base-text-color, $hue: -191deg, $saturation: -32.77%, $lightness: 68.82%)
+ $informer-info-background-color: extcolor.adjust-if-not-achromatic($color: $base-text-color, $hue: -191deg, $saturation: -32.77%, $lightness: 68.82%);
}
@if $color == "light" {
diff --git a/packages/devextreme-scss/scss/widgets/generic/informer/_index.scss b/packages/devextreme-scss/scss/widgets/generic/informer/_index.scss
index 3fb9269a558a..390b1582d4a3 100644
--- a/packages/devextreme-scss/scss/widgets/generic/informer/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/informer/_index.scss
@@ -2,9 +2,6 @@
@use "colors" as *;
@use "sizes" as *;
@use "../../base/informer/mixins" as *;
-
-// adduse
-
@include informer(
$informer-error-color,
$informer-error-background-color,
diff --git a/packages/devextreme-scss/scss/widgets/generic/informer/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/informer/_sizes.scss
index 7273d2ead725..043bfb38a390 100644
--- a/packages/devextreme-scss/scss/widgets/generic/informer/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/informer/_sizes.scss
@@ -1,8 +1,6 @@
@use "../common/sizes" as *;
@use "../sizes" as *;
-// adduse
-
$informer-icon-size: null !default;
$informer-padding-inline: null !default;
$informer-padding-block: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/list/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/list/_colors.scss
index 0ebf895e87a4..2a648719ad5c 100644
--- a/packages/devextreme-scss/scss/widgets/generic/list/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/list/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
-// adduse
-
/**
* $name 20. Item border color
* $type color
@@ -257,4 +254,3 @@ $list-item-chevron-icon-color: $base-icon-color !default;
$list-group-header-default-padding-top: 20px !default;
$list-group-header-compact-padding-top: 10px !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/list/_index.scss b/packages/devextreme-scss/scss/widgets/generic/list/_index.scss
index 023035e1fba7..c1dcca0e4a38 100644
--- a/packages/devextreme-scss/scss/widgets/generic/list/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/list/_index.scss
@@ -11,8 +11,6 @@
@use "../checkBox/colors" as *;
@use "../../base/list";
@use "../../base/list/mixins" as *;
-
-// adduse
@use "../badge";
$generic-list-border: $generic-list-border-width solid;
@@ -202,7 +200,7 @@ $generic-list-search-editor-height: math.round($generic-base-line-height * $gene
border-color: transparent;
border-width: 5px 5px 0 5px;
border-top-color: $list-group-color;
- content: ' ';
+ content: " ";
}
.dx-list-group-collapsed &::before {
diff --git a/packages/devextreme-scss/scss/widgets/generic/list/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/list/_sizes.scss
index 5162b259dcf2..5b5f33586315 100644
--- a/packages/devextreme-scss/scss/widgets/generic/list/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/list/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "../list/colors" as *;
-// adduse
-
$generic-list-item-horizontal-padding: null !default;
$generic-list-item-border-width: null !default;
$generic-list-group-header-vertical-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/loadIndicator/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/loadIndicator/_colors.scss
index c65fd5ac6be5..a5829b425501 100644
--- a/packages/devextreme-scss/scss/widgets/generic/loadIndicator/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/loadIndicator/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Indicator color
* $type color
@@ -78,4 +75,3 @@ $load-indicator-animation-sparkle-bg-color3: null !default;
$load-indicator-animation-sparkle-bg-color2: color.adjust($base-accent, $saturation: -8.58%, $space: hsl, $lightness: 27.06%) !default;
$load-indicator-animation-sparkle-bg-color3: extcolor.adjust-if-not-achromatic($color: $base-accent, $hue: 2deg, $saturation: -6.88%, $lightness: 33.14%) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/loadIndicator/_index.scss b/packages/devextreme-scss/scss/widgets/generic/loadIndicator/_index.scss
index 0a3acfda3a8d..5f6f2aada3bc 100644
--- a/packages/devextreme-scss/scss/widgets/generic/loadIndicator/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/loadIndicator/_index.scss
@@ -1,12 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/loadIndicator" as *;
-// adduse
-
.dx-loadindicator {
background-color: transparent;
}
diff --git a/packages/devextreme-scss/scss/widgets/generic/loadIndicator/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/loadIndicator/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/loadIndicator/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/loadIndicator/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/loadPanel/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/loadPanel/_colors.scss
index 588efbadf807..63fc70021f36 100644
--- a/packages/devextreme-scss/scss/widgets/generic/loadPanel/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/loadPanel/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../overlay/colors" as *;
-// adduse
-
$loadpanel-border-color: null !default;
$loadpanel-content-shadow-color: null !default;
@@ -62,4 +59,3 @@ $loadpanel-content-border-radius: $overlay-content-border-radius !default;
$loadpanel-content-shadow-color: color.change($base-shadow-color, $alpha: 0.25) !default;
$loadpanel-content-bg: $overlay-content-bg !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/loadPanel/_index.scss b/packages/devextreme-scss/scss/widgets/generic/loadPanel/_index.scss
index 5c1ea84a7c41..2c79c824b589 100644
--- a/packages/devextreme-scss/scss/widgets/generic/loadPanel/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/loadPanel/_index.scss
@@ -1,14 +1,8 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/loadPanel";
-
-// adduse
@use "../overlay";
-
.dx-loadpanel-content {
border: 1px solid;
border-color: $loadpanel-border-color;
diff --git a/packages/devextreme-scss/scss/widgets/generic/loadPanel/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/loadPanel/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/loadPanel/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/loadPanel/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/lookup/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/lookup/_colors.scss
index 308a0a6455a9..f511134c6fce 100644
--- a/packages/devextreme-scss/scss/widgets/generic/lookup/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/lookup/_colors.scss
@@ -1,9 +1,4 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
@use "../dropDownEditor/colors" as *;
-// adduse
-
$lookup-icon-color: $dropdowneditor-icon-color !default;
$lookup-icon-color-active: $dropdowneditor-icon-active-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/lookup/_index.scss b/packages/devextreme-scss/scss/widgets/generic/lookup/_index.scss
index f80809496444..689754eb4e99 100644
--- a/packages/devextreme-scss/scss/widgets/generic/lookup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/lookup/_index.scss
@@ -1,6 +1,4 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@@ -10,11 +8,8 @@
@use "../common/mixins" as *;
@use "../../base/lookup";
@use "../../base/lookup/mixins" as *;
-
-// adduse
@use "../dropDownList";
-
.dx-lookup-field {
padding-block-start: $generic-base-inline-borderedwidget-top-padding;
padding-block-end: $generic-base-inline-borderedwidget-bottom-padding;
diff --git a/packages/devextreme-scss/scss/widgets/generic/lookup/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/lookup/_sizes.scss
index e36404104ab1..3d38157a868b 100644
--- a/packages/devextreme-scss/scss/widgets/generic/lookup/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/lookup/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-lookup-popup-content-top: null !default;
$generic-lookup-popup-content-padding: null !default;
$generic-lookup-list-top: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/map/_index.scss b/packages/devextreme-scss/scss/widgets/generic/map/_index.scss
index 7719b08c6cf0..112b5a2f4acb 100644
--- a/packages/devextreme-scss/scss/widgets/generic/map/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/map/_index.scss
@@ -1,7 +1 @@
-@use "sass:color";
-@use "../colors" as *;
-@use "../sizes" as *;
@use "../../base/map";
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/menu/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/menu/_colors.scss
index c2f4820d2ebc..cd399f6263df 100644
--- a/packages/devextreme-scss/scss/widgets/generic/menu/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/menu/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 40. Popup background color
* $type color
@@ -147,4 +144,3 @@ $menu-container-shadow-color: null !default;
$menu-item-focused-selected-bg: color.change($base-focus-bg, $alpha: 0.7) !default;
$menu-container-shadow-color: color.change($base-shadow-color, $alpha: 0.15) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/menu/_index.scss b/packages/devextreme-scss/scss/widgets/generic/menu/_index.scss
index ee233c2dbe48..ad3e41be0d82 100644
--- a/packages/devextreme-scss/scss/widgets/generic/menu/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/menu/_index.scss
@@ -5,12 +5,9 @@
@use "../sizes" as *;
@use "../menuBase/sizes" as *;
@use "../../base/icon_fonts" as *;
-
-// adduse
@use "../menuBase" as *;
@use "../../base/menu";
-
.dx-context-menu-container-border {
background-color: transparent;
border: $generic-menu-popup-border;
@@ -24,7 +21,7 @@
border-width: 1px;
&::before {
- content: '';
+ content: "";
position: absolute;
width: 100%;
height: 100%;
@@ -114,6 +111,6 @@
.dx-treeview-node-container:first-child > .dx-treeview-node {
border-bottom: 1px solid;
- border-bottom-color: $menu-popup-border-color
+ border-bottom-color: $menu-popup-border-color;
}
}
diff --git a/packages/devextreme-scss/scss/widgets/generic/menu/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/menu/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/menu/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/menu/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/menuBase/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/menuBase/_colors.scss
index 7b43f685dc7d..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/menuBase/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/menuBase/_colors.scss
@@ -1,5 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/generic/menuBase/_index.scss b/packages/devextreme-scss/scss/widgets/generic/menuBase/_index.scss
index c3abfedcd85a..c000cb70ef14 100644
--- a/packages/devextreme-scss/scss/widgets/generic/menuBase/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/menuBase/_index.scss
@@ -1,4 +1,3 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -9,15 +8,12 @@
@use "../../base/mixins" as *;
@use "../../base/menuBase";
-// adduse
-
$generic-menu-item-padding-increased: $generic-menu-item-padding-base + 2px;
$generic-menu-item-padding-reduced: $generic-menu-item-padding-base - 2px;
$generic-menu-arrow-image-size: 7px;
$generic-menu-popup-border: 1px solid;
-
.dx-menu-item {
color: $menu-color;
diff --git a/packages/devextreme-scss/scss/widgets/generic/menuBase/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/menuBase/_sizes.scss
index 084fbdfbd4bd..07c085c1fe1e 100644
--- a/packages/devextreme-scss/scss/widgets/generic/menuBase/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/menuBase/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-menu-item-padding-base: null !default;
$generic-menu-item-padding-top-base: null !default;
$generic-menu-padding-big: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/multiView/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/multiView/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/multiView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/multiView/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/multiView/_index.scss b/packages/devextreme-scss/scss/widgets/generic/multiView/_index.scss
index 361eff4be843..82f4e2391545 100644
--- a/packages/devextreme-scss/scss/widgets/generic/multiView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/multiView/_index.scss
@@ -1,9 +1,3 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/multiView";
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/multiView/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/multiView/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/multiView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/multiView/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/numberBox/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/numberBox/_colors.scss
index 8085962f7476..b0ae7a8898ea 100644
--- a/packages/devextreme-scss/scss/widgets/generic/numberBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/numberBox/_colors.scss
@@ -1,11 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Active spin buttons color
* $type color
@@ -27,7 +24,6 @@ $numberbox-spin-container-border-radius: $base-border-radius !default;
*/
$numberbox-spin-icon-color: $base-icon-color !default;
-
@if $color == "carmine" {
$numberbox-spin-active-bg: color.adjust($button-normal-bg, $lightness: -30%, $space: hsl) !default;
$numberbox-spin-active-color: $base-text-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/numberBox/_index.scss b/packages/devextreme-scss/scss/widgets/generic/numberBox/_index.scss
index 0524630aeff7..61d2b5e85b44 100644
--- a/packages/devextreme-scss/scss/widgets/generic/numberBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/numberBox/_index.scss
@@ -1,17 +1,12 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../textEditor/sizes" as *;
@use "../textEditor/colors" as *;
@use "../../base/numberBox";
-
-// adduse
@use "../textEditor" as *;
-
.dx-numberbox-spin-container {
overflow: hidden;
width: $generic-numberbox-spin-container-width;
@@ -74,4 +69,3 @@
background-position: center;
}
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/numberBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/numberBox/_sizes.scss
index ffcc11c2b77b..cdb6566447ff 100644
--- a/packages/devextreme-scss/scss/widgets/generic/numberBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/numberBox/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-numberbox-spin-container-width: null !default;
$generic-numberbox-touch-friendly-spin-container-width: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/overlay/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/overlay/_colors.scss
index b58c9e515a40..6d8fc3782dfa 100644
--- a/packages/devextreme-scss/scss/widgets/generic/overlay/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/overlay/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$overlay-content-shadow-color: null !default;
$overlay-border-color: $base-border-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/overlay/_index.scss b/packages/devextreme-scss/scss/widgets/generic/overlay/_index.scss
index b562d5221bd3..fa74cd6bc17d 100644
--- a/packages/devextreme-scss/scss/widgets/generic/overlay/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/overlay/_index.scss
@@ -1,12 +1,8 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/mixins" as *;
@use "../../base/overlay";
-// adduse
.dx-overlay-shader {
background-color: $overlay-shader-bg;
}
diff --git a/packages/devextreme-scss/scss/widgets/generic/overlay/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/overlay/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/overlay/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/overlay/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/pagination/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/pagination/_colors.scss
index d2b99bdfec84..87790cf3389b 100644
--- a/packages/devextreme-scss/scss/widgets/generic/pagination/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/pagination/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 180. Pager selected item text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/generic/pagination/_index.scss b/packages/devextreme-scss/scss/widgets/generic/pagination/_index.scss
index 3f56d9618b37..cb20a9739070 100644
--- a/packages/devextreme-scss/scss/widgets/generic/pagination/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/pagination/_index.scss
@@ -1,14 +1,9 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/pagination";
-// adduse
-
-
.dx-pager,
.dx-pagination {
padding-top: $generic-pagination-paddings;
diff --git a/packages/devextreme-scss/scss/widgets/generic/pagination/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/pagination/_sizes.scss
index abc8ce74466f..0abc762b7388 100644
--- a/packages/devextreme-scss/scss/widgets/generic/pagination/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/pagination/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-pagination-paddings: null !default;
$generic-pagination-separator-paddings: null !default;
$generic-pagination-page-padding-left-right: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/pivotGrid/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/pivotGrid/_colors.scss
index e2f35c3f2409..868b8fb3deff 100644
--- a/packages/devextreme-scss/scss/widgets/generic/pivotGrid/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/pivotGrid/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$pivotgrid-area-background: $base-bg !default;
$pivotgrid-border-color: $base-border-color !default;
@@ -146,4 +143,3 @@ $pivotgrid-spin-icon-color: null !default;
$pivotgrid-position-indicator-color: gray !default;
$pivotgrid-spin-icon-color: $base-icon-color !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/pivotGrid/_index.scss b/packages/devextreme-scss/scss/widgets/generic/pivotGrid/_index.scss
index 82fc3767fed5..2960de6b9183 100644
--- a/packages/devextreme-scss/scss/widgets/generic/pivotGrid/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/pivotGrid/_index.scss
@@ -1,6 +1,4 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../common/mixins" as *;
@@ -31,9 +29,6 @@
$pivotgrid-button-top-padding: $pivotgrid-button-top-padding,
);
-// adduse
-
-
.dx-pivotgrid {
background-color: $pivotgrid-area-background;
diff --git a/packages/devextreme-scss/scss/widgets/generic/pivotGrid/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/pivotGrid/_sizes.scss
index 8ac0fdb24717..a6c667cfc55b 100644
--- a/packages/devextreme-scss/scss/widgets/generic/pivotGrid/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/pivotGrid/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$pivotgrid-empty-column-width: null !default;
$pivotgrid-common-left-right-padding: null !default;
$pivotgrid-common-top-bottom-padding: null !default;
@@ -32,4 +30,3 @@ $pivotgrid-empty-area-text-padding: null !default;
$pivotgrid-button-top-padding: 8px;
$pivotgrid-empty-area-text-padding: 5px !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/popover/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/popover/_colors.scss
index baa854269def..1b78d10a77f4 100644
--- a/packages/devextreme-scss/scss/widgets/generic/popover/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/popover/_colors.scss
@@ -1,14 +1,8 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../overlay/colors" as *;
-// adduse
-
-
$popover-arrow-bg: null !default;
-
@if $color == "carmine" {
$popover-arrow-bg: $overlay-content-bg !default;
@@ -48,4 +42,3 @@ $popover-arrow-bg: null !default;
$popover-arrow-bg: $overlay-content-bg !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/popover/_index.scss b/packages/devextreme-scss/scss/widgets/generic/popover/_index.scss
index 95770abbb870..50b82a019dfd 100644
--- a/packages/devextreme-scss/scss/widgets/generic/popover/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/popover/_index.scss
@@ -1,14 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../overlay/colors" as *;
@use "../textEditor/colors" as *;
@use "../../base/popover";
-// adduse
-
.dx-popover-wrapper {
&.dx-position-bottom .dx-popover-arrow::after {
background: $popover-arrow-bg;
diff --git a/packages/devextreme-scss/scss/widgets/generic/popover/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/popover/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/popover/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/popover/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/popup/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/popup/_colors.scss
index ab4c24c74736..33aeb2fbf792 100644
--- a/packages/devextreme-scss/scss/widgets/generic/popup/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/popup/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../overlay/colors" as *;
-// adduse
-
/**
* $name 20. Header background color
* $type color
@@ -48,4 +45,3 @@ $popup-border-radius: $overlay-content-border-radius !default;
}
$popup-bottom-bg: $popup-title-bg !default;
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/popup/_index.scss b/packages/devextreme-scss/scss/widgets/generic/popup/_index.scss
index 11657b839391..584ad3d8053d 100644
--- a/packages/devextreme-scss/scss/widgets/generic/popup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/popup/_index.scss
@@ -1,4 +1,3 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -10,15 +9,11 @@
@use "../button/mixins" as *;
@use "../typography/sizes" as *;
@use "../../base/popup";
-
-// adduse
@use "../overlay";
-
$generic-popup-toolbar-height: $generic-base-inline-widget-height;
$generic-popup-toolbar-label-font-size: $generic-m-font-size;
-
.dx-popup-wrapper {
& > .dx-overlay-content {
border: 1px solid;
diff --git a/packages/devextreme-scss/scss/widgets/generic/popup/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/popup/_sizes.scss
index 020b561e5ee9..f49e6e3e68ed 100644
--- a/packages/devextreme-scss/scss/widgets/generic/popup/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/popup/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-popup-closebutton-offset: null !default;
$generic-popup-content-padding: null !default;
$generic-popup-button-margin: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/progressBar/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/progressBar/_colors.scss
index 39397790a857..0a49a4248ef1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/progressBar/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/progressBar/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Bar background color
* $type color
@@ -60,4 +57,3 @@ $progressbar-range-indeterminate-color: $base-accent !default;
$progressbar-bg: color.adjust($base-bg, $lightness: -13.5%, $space: hsl) !default;
$progressbar-border-color: $base-border-color !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/progressBar/_index.scss b/packages/devextreme-scss/scss/widgets/generic/progressBar/_index.scss
index 54b363282ec0..ed0a16ca0296 100644
--- a/packages/devextreme-scss/scss/widgets/generic/progressBar/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/progressBar/_index.scss
@@ -1,14 +1,9 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/mixins" as *;
@use "../../base/progressBar";
-// adduse
-
$generic-bar-height: 6px;
$generic-background-width: 90%;
$generic-progressbar-border-radius: 2px;
diff --git a/packages/devextreme-scss/scss/widgets/generic/progressBar/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/progressBar/_sizes.scss
index 774e2b5f55c0..0e8a70dbeaa7 100644
--- a/packages/devextreme-scss/scss/widgets/generic/progressBar/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/progressBar/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$progressbar-status-padding-top: null !default;
@if $size == "default" {
diff --git a/packages/devextreme-scss/scss/widgets/generic/radioButton/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/radioButton/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/radioButton/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/radioButton/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/radioButton/_index.scss b/packages/devextreme-scss/scss/widgets/generic/radioButton/_index.scss
index 09d78770ac6f..872db38d09c5 100644
--- a/packages/devextreme-scss/scss/widgets/generic/radioButton/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/radioButton/_index.scss
@@ -1,15 +1,10 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/radioButton/mixins" as *;
@use "../radioGroup/colors" as *;
@use "../../base/radioButton";
-
-// adduse
-
@include dx-radiobutton-icon-mixin(
$generic-radiobutton-size,
$generic-radiobutton-border-width,
diff --git a/packages/devextreme-scss/scss/widgets/generic/radioButton/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/radioButton/_sizes.scss
index adb4bc8c35c3..708ccdb08987 100644
--- a/packages/devextreme-scss/scss/widgets/generic/radioButton/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/radioButton/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-radiobutton-size: null !default;
$generic-radiobutton-dot-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/radioGroup/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/radioGroup/_colors.scss
index 38b325987794..c03a1b7c65d0 100644
--- a/packages/devextreme-scss/scss/widgets/generic/radioGroup/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/radioGroup/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Background color
* $type color
@@ -95,4 +92,3 @@ $radiogroup-readonly-border-color: null !default;
$radiobutton-focused-border-color: $base-focus-bg !default;
$radiogroup-readonly-border-color: color.adjust($radiogroup-border-color, $lightness: 9%, $space: hsl) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/radioGroup/_index.scss b/packages/devextreme-scss/scss/widgets/generic/radioGroup/_index.scss
index 980d67df3c70..51ac44c0e0e8 100644
--- a/packages/devextreme-scss/scss/widgets/generic/radioGroup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/radioGroup/_index.scss
@@ -1,12 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/radioGroup/mixins" as *;
@use "../../base/radioGroup";
-
-// adduse
@use "../radioButton";
@include dx-radiogroup-mixin(
$generic-radio-button-vertical-margin,
diff --git a/packages/devextreme-scss/scss/widgets/generic/radioGroup/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/radioGroup/_sizes.scss
index d0a14d4943ee..ed595252d06a 100644
--- a/packages/devextreme-scss/scss/widgets/generic/radioGroup/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/radioGroup/_sizes.scss
@@ -1,5 +1 @@
-@use "../sizes" as *;
-
-// adduse
-
$generic-radio-button-vertical-margin: 1px !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/rangeSlider/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/rangeSlider/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/rangeSlider/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/rangeSlider/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/rangeSlider/_index.scss b/packages/devextreme-scss/scss/widgets/generic/rangeSlider/_index.scss
index 16ef95142d43..d437e5903f72 100644
--- a/packages/devextreme-scss/scss/widgets/generic/rangeSlider/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/rangeSlider/_index.scss
@@ -1,13 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/rangeSlider";
-// adduse
-
-
$generic-slider-handle-margin: -7px;
.dx-rangeslider-start-handle {
diff --git a/packages/devextreme-scss/scss/widgets/generic/rangeSlider/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/rangeSlider/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/rangeSlider/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/rangeSlider/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/recurrenceEditor/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/recurrenceEditor/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/recurrenceEditor/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/recurrenceEditor/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/recurrenceEditor/_index.scss b/packages/devextreme-scss/scss/widgets/generic/recurrenceEditor/_index.scss
index ea7a7fc7c9c6..8ae754ace0b8 100644
--- a/packages/devextreme-scss/scss/widgets/generic/recurrenceEditor/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/recurrenceEditor/_index.scss
@@ -1,14 +1,8 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../scheduler/sizes" as *;
@use "../../base/recurrenceEditor" as *;
-// adduse
-
-
$generic-recurrence-number-box-margin-right: 11px;
.dx-recurrence-editor-container {
diff --git a/packages/devextreme-scss/scss/widgets/generic/recurrenceEditor/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/recurrenceEditor/_sizes.scss
index de9914f86b3c..c4848ee0301a 100644
--- a/packages/devextreme-scss/scss/widgets/generic/recurrenceEditor/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/recurrenceEditor/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-recurrence-until-date-box-top-margin: null !default;
$generic-recurrence-count-number-box-top-margin: null !default;
$generic-recurrence-interval-number-box-margin-top: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/responsiveBox/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/responsiveBox/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/responsiveBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/responsiveBox/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/responsiveBox/_index.scss b/packages/devextreme-scss/scss/widgets/generic/responsiveBox/_index.scss
index bc780273f0e4..018ce315e8c7 100644
--- a/packages/devextreme-scss/scss/widgets/generic/responsiveBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/responsiveBox/_index.scss
@@ -1,8 +1,2 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/responsiveBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/responsiveBox/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/responsiveBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/responsiveBox/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/scheduler/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/scheduler/_colors.scss
index a218d48aded9..998c9d6176d5 100644
--- a/packages/devextreme-scss/scss/widgets/generic/scheduler/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/scheduler/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10 Border color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/generic/scheduler/_index.scss b/packages/devextreme-scss/scss/widgets/generic/scheduler/_index.scss
index 5316edc615b8..338ef2b7ea96 100644
--- a/packages/devextreme-scss/scss/widgets/generic/scheduler/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/scheduler/_index.scss
@@ -1,12 +1,11 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../list/colors" as *;
@use "../toolbar/sizes" as *;
-@use '../../base/scheduler/layout/header' as *;
+@use "../../base/scheduler/layout/header" as *;
@use "../../base/mixins" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/scheduler" as baseScheduler with (
@@ -50,8 +49,6 @@
@use "../button/colors" as *;
@use "../tooltip/colors" as *;
@use "../typography/sizes" as *;
-
-// adduse
@use "../recurrenceEditor" as *;
@use "../scrollable";
@@ -77,11 +74,11 @@ $generic-scheduler-agenda-group-header-padding: $generic-scheduler-agenda-time-c
height: $generic-scheduler-workspace-date-table-cell-height;
&.dx-scheduler-time-panel-current-time-cell::before {
- content: '';
+ content: "";
}
&::after {
- content: '';
+ content: "";
}
}
diff --git a/packages/devextreme-scss/scss/widgets/generic/scheduler/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/scheduler/_sizes.scss
index d862b76ec6d1..46750f3037f9 100644
--- a/packages/devextreme-scss/scss/widgets/generic/scheduler/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/scheduler/_sizes.scss
@@ -2,8 +2,6 @@
@use "../button/colors" as *;
@use "../toolbar/sizes" as *;
-// adduse
-
$generic-scheduler-workspace-date-table-cell-height: null !default;
$generic-scheduler-timeline-date-table-cell-height: null !default;
$generic-scheduler-header-height: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/scrollView/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/scrollView/_colors.scss
index 6cb09fe2433d..d4e330a09f6b 100644
--- a/packages/devextreme-scss/scss/widgets/generic/scrollView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/scrollView/_colors.scss
@@ -1,67 +1,53 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
-
$scrollview-shadow-color: null !default;
$scrollview-pull-down-bg: null !default;
-
@if $color == "carmine" {
-
$scrollview-shadow-color: color.change($base-shadow-color, $alpha: 0.37) !default;
- $scrollview-pull-down-bg: data-uri('images/widgets/generic/color-schemes/light/pulldown.png') 0 0 no-repeat !default;
+ $scrollview-pull-down-bg: data-uri("images/widgets/generic/color-schemes/light/pulldown.png") 0 0 no-repeat !default;
}
@if $color == "contrast" {
-
$scrollview-shadow-color: $base-shadow-color !default;
- $scrollview-pull-down-bg: data-uri('images/widgets/generic/color-schemes/light/pulldown.png') 0 0 no-repeat !default;
+ $scrollview-pull-down-bg: data-uri("images/widgets/generic/color-schemes/light/pulldown.png") 0 0 no-repeat !default;
}
@if $color == "dark" {
-
$scrollview-shadow-color: color.change($base-shadow-color, $alpha: 0.37) !default;
- $scrollview-pull-down-bg: data-uri('images/widgets/generic/color-schemes/dark/pulldown.png') 0 0 no-repeat !default;
+ $scrollview-pull-down-bg: data-uri("images/widgets/generic/color-schemes/dark/pulldown.png") 0 0 no-repeat !default;
}
@if $color == "darkmoon" {
-
$scrollview-shadow-color: color.change($base-shadow-color, $alpha: 0.37) !default;
- $scrollview-pull-down-bg: data-uri('images/widgets/generic/color-schemes/dark/pulldown.png') 0 0 no-repeat !default;
+ $scrollview-pull-down-bg: data-uri("images/widgets/generic/color-schemes/dark/pulldown.png") 0 0 no-repeat !default;
}
@if $color == "darkviolet" {
-
$scrollview-shadow-color: color.change($base-shadow-color, $alpha: 0.37) !default;
- $scrollview-pull-down-bg: data-uri('images/widgets/generic/color-schemes/dark/pulldown.png') 0 0 no-repeat !default;
+ $scrollview-pull-down-bg: data-uri("images/widgets/generic/color-schemes/dark/pulldown.png") 0 0 no-repeat !default;
}
@if $color == "greenmist" {
-
$scrollview-shadow-color: color.change($base-shadow-color, $alpha: 0.37) !default;
- $scrollview-pull-down-bg: data-uri('images/widgets/generic/color-schemes/light/pulldown.png') 0 0 no-repeat !default;
+ $scrollview-pull-down-bg: data-uri("images/widgets/generic/color-schemes/light/pulldown.png") 0 0 no-repeat !default;
}
@if $color == "light" {
-
$scrollview-shadow-color: color.change($base-shadow-color, $alpha: 0.37) !default;
- $scrollview-pull-down-bg: data-uri('images/widgets/generic/color-schemes/light/pulldown.png') 0 0 no-repeat !default;
+ $scrollview-pull-down-bg: data-uri("images/widgets/generic/color-schemes/light/pulldown.png") 0 0 no-repeat !default;
}
@if $color == "softblue" {
-
$scrollview-shadow-color: color.change($base-shadow-color, $alpha: 0.37) !default;
- $scrollview-pull-down-bg: data-uri('images/widgets/generic/color-schemes/light/pulldown.png') 0 0 no-repeat !default;
+ $scrollview-pull-down-bg: data-uri("images/widgets/generic/color-schemes/light/pulldown.png") 0 0 no-repeat !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/scrollView/_index.scss b/packages/devextreme-scss/scss/widgets/generic/scrollView/_index.scss
index e106189115a3..8081d6707969 100644
--- a/packages/devextreme-scss/scss/widgets/generic/scrollView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/scrollView/_index.scss
@@ -1,15 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../scrollable/colors" as *;
-
-// adduse
@use "../scrollable";
@use "../../base/scrollView";
-
.dx-scrollview-pull-down-image {
background: $scrollview-pull-down-bg;
background-size: 100%;
diff --git a/packages/devextreme-scss/scss/widgets/generic/scrollView/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/scrollView/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/scrollView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/scrollView/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/scrollable/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/scrollable/_colors.scss
index 39cfec661a61..b4dec6f949c3 100644
--- a/packages/devextreme-scss/scss/widgets/generic/scrollable/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/scrollable/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$scrollable-bg: $base-bg !default;
/**
@@ -75,4 +72,3 @@ $scrollable-scrollbar-active-bg: null !default;
$scrollable-scrollbar-bg: transparent !default;
$scrollable-scrollbar-active-bg: color.change(color.adjust($scrollable-bg, $lightness: -25%, $space: hsl), $alpha: 0.2) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/scrollable/_index.scss b/packages/devextreme-scss/scss/widgets/generic/scrollable/_index.scss
index 9901780e420e..5dfaf8f0ab60 100644
--- a/packages/devextreme-scss/scss/widgets/generic/scrollable/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/scrollable/_index.scss
@@ -1,13 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/scrollable";
@use "../../base/scrollable/mixins" as *;
-
-// adduse
-
@include dx-scrollable-scroll-content(
$scrollable-scroll-bg,
);
diff --git a/packages/devextreme-scss/scss/widgets/generic/scrollable/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/scrollable/_sizes.scss
index ecabf5f13fdd..721bcb419a19 100644
--- a/packages/devextreme-scss/scss/widgets/generic/scrollable/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/scrollable/_sizes.scss
@@ -1,7 +1,2 @@
-@use "../sizes" as *;
-
-// adduse
-
$generic-scrollbar-size-thin: 8px;
$generic-scrollbar-size: 15px;
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/selectBox/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/selectBox/_colors.scss
index bf4984d3bfe1..5eb3287b2da5 100644
--- a/packages/devextreme-scss/scss/widgets/generic/selectBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/selectBox/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Item background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/generic/selectBox/_index.scss b/packages/devextreme-scss/scss/widgets/generic/selectBox/_index.scss
index ec43417f0c2c..e9fc80bfef19 100644
--- a/packages/devextreme-scss/scss/widgets/generic/selectBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/selectBox/_index.scss
@@ -1,12 +1,7 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/selectBox";
-
-// adduse
-
@use "../dropDownList";
.dx-selectbox-popup-wrapper {
diff --git a/packages/devextreme-scss/scss/widgets/generic/selectBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/selectBox/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/selectBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/selectBox/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/slider/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/slider/_colors.scss
index bd0f3e643e2c..6e7b828ad034 100644
--- a/packages/devextreme-scss/scss/widgets/generic/slider/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/slider/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Bar background color
* $type color
@@ -96,4 +93,3 @@ $slider-handle-border-radius: $base-border-radius - 1px !default;
$slider-handle-focused-bg: $slider-handle-hover-bg !default;
$slider-invalid-handle-accent-bg: color.adjust($base-danger, $lightness: -10%, $space: hsl) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/slider/_index.scss b/packages/devextreme-scss/scss/widgets/generic/slider/_index.scss
index b64fb085cd26..b9459bab9b75 100644
--- a/packages/devextreme-scss/scss/widgets/generic/slider/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/slider/_index.scss
@@ -3,11 +3,8 @@
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/slider";
-// adduse
-
$generic-slider-radius: 2px;
.dx-slider {
@@ -78,7 +75,6 @@ $generic-slider-radius: 2px;
}
}
-
.dx-slider-handle {
margin-top: math.div(-$generic-slider-height, 2);
margin-inline-end: math.div(-$generic-slider-width, 2);
@@ -121,4 +117,3 @@ $generic-slider-radius: 2px;
}
}
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/slider/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/slider/_sizes.scss
index 63b7a41881d3..bea7089e12aa 100644
--- a/packages/devextreme-scss/scss/widgets/generic/slider/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/slider/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-slider-width: null !default;
$generic-slider-track-height: null !default;
$generic-slider-height: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/sortable/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/sortable/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/sortable/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/sortable/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/sortable/_index.scss b/packages/devextreme-scss/scss/widgets/generic/sortable/_index.scss
index b8ace30a01fb..2dbfdd7f1b48 100644
--- a/packages/devextreme-scss/scss/widgets/generic/sortable/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/sortable/_index.scss
@@ -1,11 +1,6 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/sortable" as * with (
$base-accent: $base-accent,
);
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/sortable/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/sortable/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/sortable/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/sortable/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/speechToText/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/speechToText/_colors.scss
index 63068d06cc1a..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/speechToText/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/speechToText/_colors.scss
@@ -1,4 +0,0 @@
-@use "../colors" as *;
-@use "sass:color";
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/generic/speechToText/_index.scss b/packages/devextreme-scss/scss/widgets/generic/speechToText/_index.scss
index 3ae03fb5edbd..281b3c1ed233 100644
--- a/packages/devextreme-scss/scss/widgets/generic/speechToText/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/speechToText/_index.scss
@@ -1,5 +1,3 @@
@use "../../base/speechToText";
@use "colors" as *;
@use "sizes" as *;
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/generic/speechToText/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/speechToText/_sizes.scss
index 2f5a2c74b993..64c919a0e8b4 100644
--- a/packages/devextreme-scss/scss/widgets/generic/speechToText/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/speechToText/_sizes.scss
@@ -1,4 +1 @@
@use "../common/sizes" as *;
-@use "../sizes" as *;
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/generic/speedDialAction/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/speedDialAction/_colors.scss
index 3435ecd61c57..43556f6f6feb 100644
--- a/packages/devextreme-scss/scss/widgets/generic/speedDialAction/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/speedDialAction/_colors.scss
@@ -1,11 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../overlay/colors" as *;
-// adduse
-
-
$speed-dial-action-bg: null !default;
$speed-dial-action-hover-bg: null !default;
$speed-dial-action-active-bg: null !default;
@@ -14,7 +10,6 @@ $speed-dial-action-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !default;
$speed-dial-action-label-shadow: 0 6px 12px rgba(0, 0, 0, 0.16) !default;
$speed-dial-action-shading-color: null !default;
-
@if $color == "carmine" {
$speed-dial-action-bg: $base-bg !default;
$speed-dial-action-hover-bg: color.adjust($speed-dial-action-bg, $lightness: -8%, $space: hsl) !default;
@@ -78,4 +73,3 @@ $speed-dial-action-shading-color: null !default;
$speed-dial-action-color: $base-text-color !default;
$speed-dial-action-shading-color: $overlay-shader-bg !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/speedDialAction/_index.scss b/packages/devextreme-scss/scss/widgets/generic/speedDialAction/_index.scss
index 6c5a7143a155..396fe10c61a2 100644
--- a/packages/devextreme-scss/scss/widgets/generic/speedDialAction/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/speedDialAction/_index.scss
@@ -1,12 +1,8 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/speedDialAction" as *;
@use "../button/colors" as *;
-
-// adduse
@use "../overlay";
$generic-fa-button-size: 30px;
diff --git a/packages/devextreme-scss/scss/widgets/generic/speedDialAction/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/speedDialAction/_sizes.scss
index 2b9b9d8cfacc..650d9654e9bd 100644
--- a/packages/devextreme-scss/scss/widgets/generic/speedDialAction/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/speedDialAction/_sizes.scss
@@ -1,6 +1,5 @@
@use "../sizes" as *;
-// adduse
$generic-main-fa-button-label-padding: null !default;
$generic-main-fa-button-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/splitter/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/splitter/_colors.scss
index b2aa759c4ffe..744b7ab54199 100644
--- a/packages/devextreme-scss/scss/widgets/generic/splitter/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/splitter/_colors.scss
@@ -1,10 +1,6 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
-// adduse
-
/**
* $name 10. Icon color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/generic/splitter/_index.scss b/packages/devextreme-scss/scss/widgets/generic/splitter/_index.scss
index 2293317c0861..6e4fafd67deb 100644
--- a/packages/devextreme-scss/scss/widgets/generic/splitter/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/splitter/_index.scss
@@ -1,14 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/splitter";
@use "../../base/splitter/mixins" as *;
-// adduse
-
.dx-splitter {
@include resize-handle-states(
$splitter-resize-handle-color,
diff --git a/packages/devextreme-scss/scss/widgets/generic/splitter/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/splitter/_sizes.scss
index 75a2619d8195..839b901f0580 100644
--- a/packages/devextreme-scss/scss/widgets/generic/splitter/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/splitter/_sizes.scss
@@ -1,5 +1 @@
-@use "../sizes" as *;
-
-// adduse
-
$splitter-resize-handle-icon-size: 18px;
diff --git a/packages/devextreme-scss/scss/widgets/generic/splitterBar/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/splitterBar/_colors.scss
index 638d03cc5dbe..d0a947c291fa 100644
--- a/packages/devextreme-scss/scss/widgets/generic/splitterBar/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/splitterBar/_colors.scss
@@ -1,14 +1,9 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
-
$splitter-inactive-color: $base-border-color !default;
$splitter-bg: null !default;
-
@if $color == "carmine" {
$splitter-bg: color.change($base-accent, $alpha: 0.5) !default;
}
@@ -40,4 +35,3 @@ $splitter-bg: null !default;
@if $color == "softblue" {
$splitter-bg: color.change($base-accent, $alpha: 0.5) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/splitterBar/_index.scss b/packages/devextreme-scss/scss/widgets/generic/splitterBar/_index.scss
index 1c3ce7709513..610150da3849 100644
--- a/packages/devextreme-scss/scss/widgets/generic/splitterBar/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/splitterBar/_index.scss
@@ -1,11 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/splitterBar";
-// adduse
.dx-splitter-bar {
background-color: $splitter-bg;
diff --git a/packages/devextreme-scss/scss/widgets/generic/splitterBar/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/splitterBar/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/splitterBar/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/splitterBar/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/stepper/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/stepper/_colors.scss
index 4adc6846109e..04cdb7f0d4c4 100644
--- a/packages/devextreme-scss/scss/widgets/generic/stepper/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/stepper/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
-// adduse
-
/**
* $name 10. Active color
* $type color
@@ -102,7 +99,7 @@ $stepper-connector-value-bg: $base-text-color !default;
$stepper-step-disabled-bg: color.adjust($base-bg, $lightness: 5.49%, $space: hsl) !default;
}
-@if $color == 'dark' {
+@if $color == "dark" {
$stepper-step-base-bg: color.adjust($base-bg, $lightness: 13.73%, $space: hsl) !default;
$stepper-step-base-hover-bg: color.adjust($base-bg, $lightness: 17.65%, $space: hsl) !default;
@@ -150,7 +147,7 @@ $stepper-connector-value-bg: $base-text-color !default;
$stepper-step-disabled-bg: color.adjust($base-bg, $lightness: -6.67%, $space: hsl) !default;
}
-@if $color == 'light' {
+@if $color == "light" {
$stepper-step-base-bg: color.adjust($base-bg, $lightness: -13.33%, $space: hsl) !default;
$stepper-step-base-hover-bg: color.adjust($base-bg, $lightness: -16.86%, $space: hsl) !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/stepper/_index.scss b/packages/devextreme-scss/scss/widgets/generic/stepper/_index.scss
index 6a9ab72d97c7..4a30b50220f4 100644
--- a/packages/devextreme-scss/scss/widgets/generic/stepper/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/stepper/_index.scss
@@ -1,12 +1,7 @@
@use "../../base/stepper";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/stepper/mixins" as *;
-
-// adduse
-
@include stepper(
$stepper-padding,
);
diff --git a/packages/devextreme-scss/scss/widgets/generic/stepper/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/stepper/_sizes.scss
index 5e0778bec149..04fc94db0ece 100644
--- a/packages/devextreme-scss/scss/widgets/generic/stepper/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/stepper/_sizes.scss
@@ -1,10 +1,7 @@
@use "colors" as *;
-@use "../colors" as *;
@use "../sizes" as *;
@use "../typography/sizes" as *;
-// adduse
-
$stepper-padding: null !default;
$stepper-step-min-size: null !default;
$stepper-step-indicator-size: null !default;
@@ -14,7 +11,7 @@ $stepper-step-optional-mark-font-size: $generic-xs-font-size !default;
$stepper-step-icon-size: $generic-base-icon-size !default;
$stepper-step-selected-font-weight: 400 !default;
-$stepper-step-transition-duration: .2s !default;
+$stepper-step-transition-duration: 0.2s !default;
@if $size == "default" {
$stepper-padding: 12px !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/switch/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/switch/_colors.scss
index b12d0313ac48..a4e5208391da 100644
--- a/packages/devextreme-scss/scss/widgets/generic/switch/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/switch/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Border color
* $type color
@@ -169,4 +166,3 @@ $switch-border-radius: null !default;
$switch-container-readonly-bg: $switch-bg !default;
$switch-border-radius: $base-border-radius-exsmall !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/switch/_index.scss b/packages/devextreme-scss/scss/widgets/generic/switch/_index.scss
index d2ec81e739fa..7b3bf528f688 100644
--- a/packages/devextreme-scss/scss/widgets/generic/switch/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/switch/_index.scss
@@ -1,14 +1,9 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/mixins" as *;
@use "../../base/switch";
-// adduse
-
-
$generic-switch-border-weight: 1px;
$generic-switch-inner-size: $generic-switch-height - $generic-switch-border-weight * 2;
@@ -115,7 +110,7 @@ $generic-switch-inner-size: $generic-switch-height - $generic-switch-border-weig
&::before {
display: block;
- content: ' ';
+ content: " ";
width: 100%;
height: 100%;
background-color: $switch-handle-off-bg;
diff --git a/packages/devextreme-scss/scss/widgets/generic/switch/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/switch/_sizes.scss
index 5ec558195864..f7f02a32d9ba 100644
--- a/packages/devextreme-scss/scss/widgets/generic/switch/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/switch/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-switch-width: null !default;
$generic-switch-handle-offset: null !default;
$generic-switch-container-adjustment: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabPanel/_index.scss b/packages/devextreme-scss/scss/widgets/generic/tabPanel/_index.scss
index 0fde8e62ad86..0cc29981c599 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabPanel/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabPanel/_index.scss
@@ -1,8 +1,5 @@
-@use "sass:color";
@use "variables/colors" as *;
-@use "../colors" as *;
@use "variables/sizes" as *;
-@use "../sizes" as *;
@use "../tabs/variables/colors" as *;
@use "../tabs/variables/borders" as *;
@use "../tabs/variables/sizes" as *;
@@ -21,9 +18,6 @@
@use "layout/tab-panel/position-bottom" as *;
@use "layout/tab-panel/position-left" as *;
-
-// adduse
-
.dx-tabpanel {
.dx-tabs-vertical {
.dx-tabpanel-tab {
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_base.scss b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_base.scss
index 954be3728cb9..ac0301fa686a 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_base.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_base.scss
@@ -1,7 +1,5 @@
@use "../../variables/colors" as *;
-@use "../../../colors" as *;
@use "../../variables/sizes" as *;
-@use "../../../sizes" as *;
@use "../../../tabs/variables/colors" as *;
@use "../../../tabs/variables/borders" as *;
@use "../../../tabs/variables/sizes" as *;
@@ -10,9 +8,6 @@
@use "../../../../base/tabPanel";
@use "../../variables/borders" as *;
-// adduse
-
-
.dx-tabpanel {
> .dx-tabpanel-tabs {
.dx-tabs-wrapper {
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-bottom.scss b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-bottom.scss
index 9468f90cf3ab..2d13da101804 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-bottom.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-bottom.scss
@@ -1,7 +1,5 @@
@use "../../variables/colors" as *;
-@use "../../../colors" as *;
@use "../../variables/sizes" as *;
-@use "../../../sizes" as *;
@use "../../../tabs/variables/colors" as *;
@use "../../../tabs/variables/borders" as *;
@use "../../../tabs/variables/sizes" as *;
@@ -10,8 +8,6 @@
@use "../../../../base/tabPanel";
@use "../../variables/borders" as *;
-// adduse
-
.dx-tabpanel-tabs-position-bottom {
> .dx-tabpanel-tabs {
.dx-tabs-wrapper {
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-left.scss b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-left.scss
index 52039b590e2b..f82dd2119214 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-left.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-left.scss
@@ -1,7 +1,5 @@
@use "../../variables/colors" as *;
-@use "../../../colors" as *;
@use "../../variables/sizes" as *;
-@use "../../../sizes" as *;
@use "../../../tabs/variables/colors" as *;
@use "../../../tabs/variables/borders" as *;
@use "../../../tabs/variables/sizes" as *;
@@ -10,8 +8,6 @@
@use "../../../../base/tabPanel";
@use "../../variables/borders" as *;
-// adduse
-
.dx-tabpanel-tabs-position-left {
> .dx-tabpanel-tabs {
.dx-tabs-wrapper {
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-right.scss b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-right.scss
index 0cd636b27265..9bd59ad19c1a 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-right.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-right.scss
@@ -1,7 +1,5 @@
@use "../../variables/colors" as *;
-@use "../../../colors" as *;
@use "../../variables/sizes" as *;
-@use "../../../sizes" as *;
@use "../../../tabs/variables/colors" as *;
@use "../../../tabs/variables/borders" as *;
@use "../../../tabs/variables/sizes" as *;
@@ -10,8 +8,6 @@
@use "../../../../base/tabPanel";
@use "../../variables/borders" as *;
-// adduse
-
.dx-tabpanel-tabs-position-right {
> .dx-tabpanel-tabs {
.dx-tabs-wrapper {
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-top.scss b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-top.scss
index 782b61d56c1c..9734928193b8 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-top.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab-panel/_position-top.scss
@@ -1,7 +1,5 @@
@use "../../variables/colors" as *;
-@use "../../../colors" as *;
@use "../../variables/sizes" as *;
-@use "../../../sizes" as *;
@use "../../../tabs/variables/colors" as *;
@use "../../../tabs/variables/borders" as *;
@use "../../../tabs/variables/sizes" as *;
@@ -10,8 +8,6 @@
@use "../../../../base/tabPanel";
@use "../../variables/borders" as *;
-// adduse
-
.dx-tabpanel-tabs-position-top {
> .dx-tabpanel-tabs {
.dx-tabs-wrapper {
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_base.scss b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_base.scss
index 19b2c2b8b184..1a07a09a52f7 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_base.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_base.scss
@@ -1,7 +1,5 @@
@use "../../variables/colors" as *;
-@use "../../../colors" as *;
@use "../../variables/sizes" as *;
-@use "../../../sizes" as *;
@use "../../../tabs/variables/colors" as *;
@use "../../../tabs/variables/borders" as *;
@use "../../../tabs/variables/sizes" as *;
@@ -11,9 +9,6 @@
@use "../../../../base/tabPanel";
@use "../../variables/borders" as *;
-// adduse
-
-
.dx-tabpanel-tab {
padding: $generic-tabpanel-tabs-item-padding;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-bottom.scss b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-bottom.scss
index 3cbe6952645e..e7c27f40e222 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-bottom.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-bottom.scss
@@ -1,7 +1,5 @@
@use "../../variables/colors" as *;
-@use "../../../colors" as *;
@use "../../variables/sizes" as *;
-@use "../../../sizes" as *;
@use "../../../tabs/variables/colors" as *;
@use "../../../tabs/variables/borders" as *;
@use "../../../tabs/variables/sizes" as *;
@@ -10,8 +8,6 @@
@use "../../../../base/tabPanel";
@use "../../variables/borders" as *;
-// adduse
-
.dx-tabpanel-tabs-position-bottom {
> .dx-tabpanel-tabs {
.dx-tab-selected {
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-left.scss b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-left.scss
index f35f3b39ebbf..25fbb6f11051 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-left.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-left.scss
@@ -1,7 +1,5 @@
@use "../../variables/colors" as *;
-@use "../../../colors" as *;
@use "../../variables/sizes" as *;
-@use "../../../sizes" as *;
@use "../../../tabs/variables/colors" as *;
@use "../../../tabs/variables/borders" as *;
@use "../../../tabs/variables/sizes" as *;
@@ -10,8 +8,6 @@
@use "../../../../base/tabPanel";
@use "../../variables/borders" as *;
-// adduse
-
.dx-tabpanel-tabs-position-left {
> .dx-tabpanel-tabs {
.dx-tab-selected {
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-right.scss b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-right.scss
index c2784191ad58..cda6fbe46825 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-right.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-right.scss
@@ -1,7 +1,5 @@
@use "../../variables/colors" as *;
-@use "../../../colors" as *;
@use "../../variables/sizes" as *;
-@use "../../../sizes" as *;
@use "../../../tabs/variables/colors" as *;
@use "../../../tabs/variables/borders" as *;
@use "../../../tabs/variables/sizes" as *;
@@ -10,8 +8,6 @@
@use "../../../../base/tabPanel";
@use "../../variables/borders" as *;
-// adduse
-
.dx-tabpanel-tabs-position-right {
> .dx-tabpanel-tabs {
.dx-tab-selected {
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-top.scss b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-top.scss
index 0f42bad6d6f7..83a446a001f7 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-top.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabPanel/layout/tab/_position-top.scss
@@ -1,7 +1,5 @@
@use "../../variables/colors" as *;
-@use "../../../colors" as *;
@use "../../variables/sizes" as *;
-@use "../../../sizes" as *;
@use "../../../tabs/variables/colors" as *;
@use "../../../tabs/variables/borders" as *;
@use "../../../tabs/variables/sizes" as *;
@@ -10,8 +8,6 @@
@use "../../../../base/tabPanel";
@use "../../variables/borders" as *;
-// adduse
-
.dx-tabpanel-tabs-position-top {
> .dx-tabpanel-tabs {
.dx-tab-selected {
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabPanel/variables/_borders.scss b/packages/devextreme-scss/scss/widgets/generic/tabPanel/variables/_borders.scss
index ebf486a16f63..7065d72a2709 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabPanel/variables/_borders.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabPanel/variables/_borders.scss
@@ -1,12 +1,9 @@
@use "../../colors" as *;
@use "../variables/sizes" as *;
-@use "../../sizes" as *;
@use "../../button/colors" as *;
@use "../../tabs/variables/sizes" as *;
@use "../../tabs/variables/colors" as *;
-// adduse
-
$generic-tabpanel-tab-border-transparent: null !default;
$generic-tabpanel-tab-border-selected-bottom: null !default;
$generic-tabpanel-tab-border-active-bottom: null !default;
@@ -15,7 +12,6 @@ $generic-tabpanel-tab-border-focused-bottom: null !default;
$generic-tabpanel-tab-border-focused-left: null !default;
$generic-tabpanel-tab-border-focused-right: null !default;
-
@if $color == "carmine" {
$generic-tabpanel-tab-border-transparent: $generic-tabs-border-width solid transparent !default;
$generic-tabpanel-tab-border-selected-bottom: $generic-tabs-border-width solid !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabPanel/variables/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/tabPanel/variables/_colors.scss
index a1622c560ecb..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabPanel/variables/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabPanel/variables/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../../sizes" as *;
-@use "../../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabPanel/variables/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/tabPanel/variables/_sizes.scss
index 7ffdc1ca48c7..ee65ceda2926 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabPanel/variables/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabPanel/variables/_sizes.scss
@@ -1,7 +1,5 @@
@use "../../sizes" as *;
-// adduse
-
$generic-tabpanel-tabs-item-padding: null !default;
$generic-tabpanel-tabs-item-width: 140px !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabs/_index.scss b/packages/devextreme-scss/scss/widgets/generic/tabs/_index.scss
index bd6e11e31dcf..ef42939f24aa 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabs/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabs/_index.scss
@@ -1,6 +1,4 @@
@use "sass:math";
-@use "../colors" as *;
-@use "../sizes" as *;
@use "../button/colors" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/tabs";
@@ -14,7 +12,5 @@
@use "layout/tabs/vertical" as *;
@use "layout/navigation-button/base" as *;
@use "layout/navigation-button/vertical" as *;
-
-// adduse
@use "../scrollable";
@use "../badge";
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabs/layout/navigation-button/_base.scss b/packages/devextreme-scss/scss/widgets/generic/tabs/layout/navigation-button/_base.scss
index 0bbd4ab749f4..33346e8240bb 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabs/layout/navigation-button/_base.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabs/layout/navigation-button/_base.scss
@@ -1,6 +1,4 @@
@use "sass:math";
-@use "../../../colors" as *;
-@use "../../../sizes" as *;
@use "../../../button/colors" as *;
@use "../../../../base/icon_fonts" as *;
@use "../../../../base/tabs";
@@ -8,9 +6,6 @@
@use "../../variables/colors" as *;
@use "../../variables/borders" as *;
-// adduse
-
-
.dx-tabs-nav-button {
width: $generic-tabs-nav-button-width;
background-color: $tabs-tab-bg;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabs/layout/navigation-button/_vertical.scss b/packages/devextreme-scss/scss/widgets/generic/tabs/layout/navigation-button/_vertical.scss
index ff423e86b661..9837dd62b135 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabs/layout/navigation-button/_vertical.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabs/layout/navigation-button/_vertical.scss
@@ -1,6 +1,4 @@
@use "sass:math";
-@use "../../../colors" as *;
-@use "../../../sizes" as *;
@use "../../../button/colors" as *;
@use "../../../../base/icon_fonts" as *;
@use "../../../../base/tabs";
@@ -8,8 +6,6 @@
@use "../../variables/colors" as *;
@use "../../variables/borders" as *;
-// adduse
-
.dx-tabs-vertical {
.dx-tabs-nav-button {
width: 100%;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tab/_base.scss b/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tab/_base.scss
index 6bf4b677f488..644ee7f41c6d 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tab/_base.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tab/_base.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "../../../colors" as *;
@use "../../../button/colors" as *;
@use "../../../../base/icon_fonts" as *;
@use "../../../../base/tabs";
@@ -8,9 +7,6 @@
@use "../../variables/borders" as *;
@use "../../mixins" as *;
-// adduse
-
-
.dx-tab {
gap: $generic-tabs-item-gap;
padding: $generic-tabs-item-padding;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tab/_vertical.scss b/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tab/_vertical.scss
index b55094cdf843..659876d53f6c 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tab/_vertical.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tab/_vertical.scss
@@ -1,6 +1,4 @@
@use "sass:math";
-@use "../../../colors" as *;
-@use "../../../sizes" as *;
@use "../../../button/colors" as *;
@use "../../../../base/icon_fonts" as *;
@use "../../../../base/tabs";
@@ -9,9 +7,6 @@
@use "../../variables/borders" as *;
@use "../../mixins" as *;
-// adduse
-
-
.dx-tabs-vertical {
.dx-tab {
@include dx-tabs-after-mixin(null, true);
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tabs/_base.scss b/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tabs/_base.scss
index de66321dd985..c4ef7e2b286e 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tabs/_base.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tabs/_base.scss
@@ -1,6 +1,4 @@
@use "sass:math";
-@use "../../../colors" as *;
-@use "../../../sizes" as *;
@use "../../../button/colors" as *;
@use "../../../../base/icon_fonts" as *;
@use "../../../../base/tabs";
@@ -9,9 +7,6 @@
@use "../../variables/borders" as *;
@use "../../mixins" as *;
-// adduse
-
-
.dx-tabs {
color: $tabs-border-color;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tabs/_vertical.scss b/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tabs/_vertical.scss
index 857bf24cc896..ae2ed73a7876 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tabs/_vertical.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabs/layout/tabs/_vertical.scss
@@ -1,6 +1,4 @@
@use "sass:math";
-@use "../../../colors" as *;
-@use "../../../sizes" as *;
@use "../../../button/colors" as *;
@use "../../../../base/icon_fonts" as *;
@use "../../../../base/tabs";
@@ -9,9 +7,6 @@
@use "../../variables/borders" as *;
@use "../../mixins" as *;
-// adduse
-
-
.dx-tabs-vertical {
.dx-tabs-wrapper {
border-inline-start: $generic-tabs-border;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabs/mixins/_index.scss b/packages/devextreme-scss/scss/widgets/generic/tabs/mixins/_index.scss
index 282139759b6c..37ef081b15e7 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabs/mixins/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabs/mixins/_index.scss
@@ -1,8 +1,5 @@
@use "../variables/sizes" as *;
-// adduse
-
-
@mixin dx-tabs-after-mixin(
$is-expanded-vertical: false,
$is-expanded-horizontal: false,
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabs/variables/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/tabs/variables/_colors.scss
index 83f047266736..63fc74fbffb6 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabs/variables/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabs/variables/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../../sizes" as *;
@use "../../colors" as *;
@use "../../button/colors" as *;
-// adduse
-
/**
* $name 10. Tab text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabs/variables/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/tabs/variables/_sizes.scss
index 43cc3f5ae00f..9aa3bb5dc194 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabs/variables/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabs/variables/_sizes.scss
@@ -1,9 +1,6 @@
@use "../../sizes" as *;
-@use "../../colors" as *;
@use "colors" as *;
-// adduse
-
$generic-tabs-item-gap: null !default;
$generic-tabs-item-padding: null !default;
$generic-tabs-item-padding-disabled-focused: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabs/variables/borders/_borders-horizontal.scss b/packages/devextreme-scss/scss/widgets/generic/tabs/variables/borders/_borders-horizontal.scss
index 0b3f89a82e02..eed206407654 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabs/variables/borders/_borders-horizontal.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabs/variables/borders/_borders-horizontal.scss
@@ -1,14 +1,10 @@
@use "../../../colors" as *;
-@use "../../../sizes" as *;
@use "../../../button/colors" as *;
@use "../../../../base/icon_fonts" as *;
@use "../../../../base/tabs";
@use "../../variables/colors" as *;
@use "../../variables/sizes" as *;
-// adduse
-
-
$generic-tabs-border: $generic-tabs-border-width solid !default;
$generic-tabs-border-transparent: $generic-tabs-border-width solid transparent !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tabs/variables/borders/_borders-vertical.scss b/packages/devextreme-scss/scss/widgets/generic/tabs/variables/borders/_borders-vertical.scss
index cf98a21a89d9..f9d01c04e193 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tabs/variables/borders/_borders-vertical.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tabs/variables/borders/_borders-vertical.scss
@@ -1,5 +1,4 @@
@use "../../../colors" as *;
-@use "../../../sizes" as *;
@use "../../../button/colors" as *;
@use "../../../../base/icon_fonts" as *;
@use "../../../../base/tabs";
@@ -7,9 +6,6 @@
@use "../../variables/sizes" as *;
@use "../../variables/borders/borders-horizontal";
-// adduse
-
-
$generic-tabs-vertical-border-hover-top: null !default;
$generic-tabs-vertical-border-hover-bottom: null !default;
$generic-tabs-vertical-border-hover-left: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tagBox/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/tagBox/_colors.scss
index 26734e960e4f..a342938c89a6 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tagBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tagBox/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Tag text color
* $type color
@@ -108,4 +105,3 @@ $tagbox-select-all-border-color: $base-border-color !default;
$tagbox-tag-focused-color: $tagbox-tag-color !default;
$tagbox-tag-focused-button-remove-bg: $tagbox-tag-button-remove-bg !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/tagBox/_index.scss b/packages/devextreme-scss/scss/widgets/generic/tagBox/_index.scss
index 335d880ab5e2..42ba264076fa 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tagBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tagBox/_index.scss
@@ -1,7 +1,5 @@
-@use "sass:color";
@use "sass:selector";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@@ -9,8 +7,6 @@
@use "../common/sizes" as *;
@use "../../base/tagBox";
-// adduse
-
.dx-tagbox:not(.dx-texteditor-empty) {
.dx-texteditor-input {
padding-left: 0;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tagBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/tagBox/_sizes.scss
index d0abcdfdeae8..88943a881035 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tagBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tagBox/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-tagbox-tag-container-padding-bottom: null !default;
$generic-tagbox-tag-content-margin-left: null !default;
$generic-tagbox-tag-content-margin-top: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/textArea/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/textArea/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/textArea/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/textArea/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/textArea/_index.scss b/packages/devextreme-scss/scss/widgets/generic/textArea/_index.scss
index 10fd31f6d476..86edf6dc6f1d 100644
--- a/packages/devextreme-scss/scss/widgets/generic/textArea/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/textArea/_index.scss
@@ -1,14 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/textArea";
@use "../../base/textArea/mixins" as *;
@use "../textEditor/sizes" as *;
-
-// adduse
-
@include dx-textarea(
0,
$generic-base-line-height,
diff --git a/packages/devextreme-scss/scss/widgets/generic/textArea/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/textArea/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/textArea/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/textArea/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/textBox/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/textBox/_colors.scss
index 2c711e1cea6e..c0b416cdfdc2 100644
--- a/packages/devextreme-scss/scss/widgets/generic/textBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/textBox/_colors.scss
@@ -1,16 +1,12 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 80. Search icon color
* $type color
*/
$textbox-search-icon-color: null !default;
-
@if $color == "carmine" {
$textbox-search-icon-color: color.adjust($base-icon-color, $lightness: 3%, $space: hsl) !default;
}
@@ -42,4 +38,3 @@ $textbox-search-icon-color: null !default;
@if $color == "softblue" {
$textbox-search-icon-color: $base-icon-color !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/textBox/_index.scss b/packages/devextreme-scss/scss/widgets/generic/textBox/_index.scss
index b4c46a28c420..6ca88bfe7c5e 100644
--- a/packages/devextreme-scss/scss/widgets/generic/textBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/textBox/_index.scss
@@ -1,17 +1,11 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../textEditor/colors" as *;
@use "../textEditor/sizes" as *;
@use "../../base/textBox";
-
-// adduse
@use "../textEditor" as *;
-
.dx-searchbox {
.dx-icon-search {
@include dx-icon(search);
diff --git a/packages/devextreme-scss/scss/widgets/generic/textBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/textBox/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/textBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/textBox/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/textEditor/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/textEditor/_colors.scss
index 2ca7e77f12d7..f6c080b13de3 100644
--- a/packages/devextreme-scss/scss/widgets/generic/textEditor/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/textEditor/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/generic/textEditor/_index.scss b/packages/devextreme-scss/scss/widgets/generic/textEditor/_index.scss
index 358781e1b8dc..67a56708f324 100644
--- a/packages/devextreme-scss/scss/widgets/generic/textEditor/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/textEditor/_index.scss
@@ -13,8 +13,6 @@
@use "../../base/textEditor/mixins" as *;
@use "../colorBox/sizes" as *;
-// adduse
-
$generic-texteditor-border-width: $generic-base-border-width;
$generic-texteditor-input-padding:
$generic-base-inline-borderedwidget-top-padding
diff --git a/packages/devextreme-scss/scss/widgets/generic/textEditor/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/textEditor/_sizes.scss
index 79f561fca8c8..ebbe32e60ef1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/textEditor/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/textEditor/_sizes.scss
@@ -1,8 +1,6 @@
@use "../button/sizes" as *;
@use "../sizes" as *;
-// adduse
-
$generic-texteditor-clear-icon-oversize: null !default;
$generic-texteditor-label-size: null !default;
$generic-texteditor-label-outside-font-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tileView/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/tileView/_colors.scss
index 758ab64128c8..ac74aa5735d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tileView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tileView/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Item text color
* $type color
@@ -16,7 +13,6 @@ $tileview-hover-border-color: null !default;
$tileview-active-bg: null !default;
$tileview-active-color: null !default;
-
@if $color == "carmine" {
$tileview-bg: $base-element-bg !default;
$tileview-border-color: color.change($base-border-color, $alpha: 0.6) !default;
@@ -88,4 +84,3 @@ $tileview-active-color: null !default;
$tileview-active-bg: color.change(color.adjust($tileview-bg, $lightness: -62.5%, $space: hsl), $alpha: 0.2) !default;
$tileview-active-color: $tileview-color !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/tileView/_index.scss b/packages/devextreme-scss/scss/widgets/generic/tileView/_index.scss
index e59c21678b65..2706867bc0b9 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tileView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tileView/_index.scss
@@ -1,13 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/tileView";
-// adduse
-
-
.dx-tile {
color: $tileview-color;
background-color: $tileview-bg;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tileView/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/tileView/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tileView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tileView/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/timeView/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/timeView/_colors.scss
index 6ed4cf1e3201..15a32bc66fa0 100644
--- a/packages/devextreme-scss/scss/widgets/generic/timeView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/timeView/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$clock-digits-color: null !default;
$clock-bg-color: null !default;
@@ -41,4 +38,3 @@ $clock-bg-color: null !default;
}
$clock-bg-color: $base-bg !default; // stylelint-disable-line scss/no-duplicate-dollar-variables
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/timeView/_index.scss b/packages/devextreme-scss/scss/widgets/generic/timeView/_index.scss
index 118e3171f3f1..da6babcefc19 100644
--- a/packages/devextreme-scss/scss/widgets/generic/timeView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/timeView/_index.scss
@@ -1,14 +1,10 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../textEditor/sizes" as *;
@use "../../base/timeView/mixins" as *;
@use "../../base/timeView";
-
-// adduse
@include clock-action-icons-mixin($base-accent, $clock-bg-color, $clock-digits-color);
.dx-timeview {
diff --git a/packages/devextreme-scss/scss/widgets/generic/timeView/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/timeView/_sizes.scss
index 482d4f36a91c..810db72b2e44 100644
--- a/packages/devextreme-scss/scss/widgets/generic/timeView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/timeView/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-timeview-field-min-height: null !default;
$generic-timeview-field-numberbox-reduce: null !default;
$generic-timeview-format12-width: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/toast/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/toast/_colors.scss
index 6b4c97e58e7b..4c1601dec53a 100644
--- a/packages/devextreme-scss/scss/widgets/generic/toast/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/toast/_colors.scss
@@ -1,10 +1,6 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../overlay/colors" as *;
-// adduse
-
/**
* $name 10. Text color
* $type color
@@ -44,72 +40,71 @@ $toast-success-icon-image-bg: null !default;
@if $color == "carmine" {
$toast-shadow-color: transparent !default;
$toast-info-bg: $base-accent !default;
- $toast-info-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/info.png') !default;
- $toast-warning-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/warning.png') !default;
- $toast-error-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/error.png') !default;
- $toast-success-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/success.png') !default;
+ $toast-info-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/info.png") !default;
+ $toast-warning-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/warning.png") !default;
+ $toast-error-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/error.png") !default;
+ $toast-success-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/success.png") !default;
}
@if $color == "contrast" {
$toast-shadow-color: $base-shadow-color !default;
$toast-info-bg: $base-info !default;
- $toast-info-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/info.png') !default;
- $toast-warning-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/warning.png') !default;
- $toast-error-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/error.png') !default;
- $toast-success-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/success.png') !default;
+ $toast-info-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/info.png") !default;
+ $toast-warning-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/warning.png") !default;
+ $toast-error-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/error.png") !default;
+ $toast-success-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/success.png") !default;
}
@if $color == "dark" {
$toast-shadow-color: transparent !default;
$toast-info-bg: $base-accent !default;
- $toast-info-icon-image-bg: data-uri('images/widgets/generic/color-schemes/dark/toast/info.png') !default;
- $toast-warning-icon-image-bg: data-uri('images/widgets/generic/color-schemes/dark/toast/warning.png') !default;
- $toast-error-icon-image-bg: data-uri('images/widgets/generic/color-schemes/dark/toast/error.png') !default;
- $toast-success-icon-image-bg: data-uri('images/widgets/generic/color-schemes/dark/toast/success.png') !default;
+ $toast-info-icon-image-bg: data-uri("images/widgets/generic/color-schemes/dark/toast/info.png") !default;
+ $toast-warning-icon-image-bg: data-uri("images/widgets/generic/color-schemes/dark/toast/warning.png") !default;
+ $toast-error-icon-image-bg: data-uri("images/widgets/generic/color-schemes/dark/toast/error.png") !default;
+ $toast-success-icon-image-bg: data-uri("images/widgets/generic/color-schemes/dark/toast/success.png") !default;
}
@if $color == "darkmoon" {
$toast-shadow-color: transparent !default;
$toast-info-bg: $base-accent !default;
- $toast-info-icon-image-bg: data-uri('images/widgets/generic/color-schemes/dark/toast/info.png') !default;
- $toast-warning-icon-image-bg: data-uri('images/widgets/generic/color-schemes/dark/toast/warning.png') !default;
- $toast-error-icon-image-bg: data-uri('images/widgets/generic/color-schemes/dark/toast/error.png') !default;
- $toast-success-icon-image-bg: data-uri('images/widgets/generic/color-schemes/dark/toast/success.png') !default;
+ $toast-info-icon-image-bg: data-uri("images/widgets/generic/color-schemes/dark/toast/info.png") !default;
+ $toast-warning-icon-image-bg: data-uri("images/widgets/generic/color-schemes/dark/toast/warning.png") !default;
+ $toast-error-icon-image-bg: data-uri("images/widgets/generic/color-schemes/dark/toast/error.png") !default;
+ $toast-success-icon-image-bg: data-uri("images/widgets/generic/color-schemes/dark/toast/success.png") !default;
}
@if $color == "darkviolet" {
$toast-shadow-color: transparent !default;
$toast-info-bg: $base-accent !default;
- $toast-info-icon-image-bg: data-uri('images/widgets/generic/color-schemes/dark/toast/info.png') !default;
- $toast-warning-icon-image-bg: data-uri('images/widgets/generic/color-schemes/dark/toast/warning.png') !default;
- $toast-error-icon-image-bg: data-uri('images/widgets/generic/color-schemes/dark/toast/error.png') !default;
- $toast-success-icon-image-bg: data-uri('images/widgets/generic/color-schemes/dark/toast/success.png') !default;
+ $toast-info-icon-image-bg: data-uri("images/widgets/generic/color-schemes/dark/toast/info.png") !default;
+ $toast-warning-icon-image-bg: data-uri("images/widgets/generic/color-schemes/dark/toast/warning.png") !default;
+ $toast-error-icon-image-bg: data-uri("images/widgets/generic/color-schemes/dark/toast/error.png") !default;
+ $toast-success-icon-image-bg: data-uri("images/widgets/generic/color-schemes/dark/toast/success.png") !default;
}
@if $color == "greenmist" {
$toast-shadow-color: transparent !default;
$toast-info-bg: $base-accent !default;
- $toast-info-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/info.png') !default;
- $toast-warning-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/warning.png') !default;
- $toast-error-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/error.png') !default;
- $toast-success-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/success.png') !default;
+ $toast-info-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/info.png") !default;
+ $toast-warning-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/warning.png") !default;
+ $toast-error-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/error.png") !default;
+ $toast-success-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/success.png") !default;
}
@if $color == "light" {
$toast-shadow-color: transparent !default;
$toast-info-bg: $base-accent !default;
- $toast-info-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/info.png') !default;
- $toast-warning-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/warning.png') !default;
- $toast-error-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/error.png') !default;
- $toast-success-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/success.png') !default;
+ $toast-info-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/info.png") !default;
+ $toast-warning-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/warning.png") !default;
+ $toast-error-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/error.png") !default;
+ $toast-success-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/success.png") !default;
}
@if $color == "softblue" {
$toast-shadow-color: transparent !default;
$toast-info-bg: $base-accent !default;
- $toast-info-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/info.png') !default;
- $toast-warning-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/warning.png') !default;
- $toast-error-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/error.png') !default;
- $toast-success-icon-image-bg: data-uri('images/widgets/generic/color-schemes/light/toast/success.png') !default;
+ $toast-info-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/info.png") !default;
+ $toast-warning-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/warning.png") !default;
+ $toast-error-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/error.png") !default;
+ $toast-success-icon-image-bg: data-uri("images/widgets/generic/color-schemes/light/toast/success.png") !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/toast/_index.scss b/packages/devextreme-scss/scss/widgets/generic/toast/_index.scss
index 03d2ce99f17b..3be2e70bcbaf 100644
--- a/packages/devextreme-scss/scss/widgets/generic/toast/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/toast/_index.scss
@@ -1,17 +1,11 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/toast";
-
-// adduse
@use "../overlay";
-
$generic-toast-shadow: 0 2px 3px 0 $toast-shadow-color;
-
.dx-toast-content {
color: $toast-color;
font-size: $generic-base-font-size;
diff --git a/packages/devextreme-scss/scss/widgets/generic/toast/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/toast/_sizes.scss
index e19903dd65a1..fe283f4427a3 100644
--- a/packages/devextreme-scss/scss/widgets/generic/toast/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/toast/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-toast-line-height: null !default;
$generic-toast-icon-size: null !default;
$generic-toast-content-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/toolbar/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/toolbar/_colors.scss
index a47eaa4ded56..52a4fe98567a 100644
--- a/packages/devextreme-scss/scss/widgets/generic/toolbar/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/toolbar/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/generic/toolbar/_index.scss b/packages/devextreme-scss/scss/widgets/generic/toolbar/_index.scss
index 0946be17dcce..a0a71f39b600 100644
--- a/packages/devextreme-scss/scss/widgets/generic/toolbar/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/toolbar/_index.scss
@@ -1,8 +1,6 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../list/sizes" as *;
@use "../button/mixins" as *;
@@ -11,8 +9,6 @@
@use "mixins" as *;
@use "../../base/toolbar";
@use "../../base/toolbar/mixins" as *;
-
-// adduse
@use "../dropDownMenu";
.dx-toolbar {
diff --git a/packages/devextreme-scss/scss/widgets/generic/toolbar/_mixins.scss b/packages/devextreme-scss/scss/widgets/generic/toolbar/_mixins.scss
index 0f0443dbe2ad..31d4b6b141ef 100644
--- a/packages/devextreme-scss/scss/widgets/generic/toolbar/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/toolbar/_mixins.scss
@@ -1,5 +1,4 @@
@use "sizes" as *;
-@use "../colors" as *;
@mixin dx-toolbar-sizing($height, $padding, $label-font-size, $item-spacing) {
padding: $padding;
diff --git a/packages/devextreme-scss/scss/widgets/generic/toolbar/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/toolbar/_sizes.scss
index 2d29547bdc05..ae106d4900a6 100644
--- a/packages/devextreme-scss/scss/widgets/generic/toolbar/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/toolbar/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "../typography/sizes" as *;
-// adduse
-
$generic-toolbar-menu-top-padding: null !default;
$generic-toolbar-menu-bottom-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tooltip/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/tooltip/_colors.scss
index f713affaaf2a..a576d667dcde 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tooltip/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tooltip/_colors.scss
@@ -1,11 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../overlay/colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/generic/tooltip/_index.scss b/packages/devextreme-scss/scss/widgets/generic/tooltip/_index.scss
index 2fcb4d3b72bf..8317a38215f2 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tooltip/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tooltip/_index.scss
@@ -1,13 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/tooltip";
-// adduse
-
-
.dx-tooltip-wrapper {
.dx-overlay-content {
border: 1px solid;
diff --git a/packages/devextreme-scss/scss/widgets/generic/tooltip/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/tooltip/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/tooltip/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/tooltip/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/treeList/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/treeList/_colors.scss
index a430c63311fa..86c52ae07a9f 100644
--- a/packages/devextreme-scss/scss/widgets/generic/treeList/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/treeList/_colors.scss
@@ -1,15 +1,10 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../gridBase/colors" as *;
-// adduse
-
-
$treelist-spin-icon-color: null !default;
$treelist-selection-spin-icon-color: null !default;
-
@if $color == "carmine" {
$treelist-spin-icon-color: $datagrid-spin-icon-color !default;
$treelist-selection-spin-icon-color: color.adjust($datagrid-spin-icon-color, $lightness: 100%, $space: hsl) !default;
@@ -49,4 +44,3 @@ $treelist-selection-spin-icon-color: null !default;
$treelist-spin-icon-color: $datagrid-spin-icon-color !default;
$treelist-selection-spin-icon-color: $base-icon-color !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/treeList/_index.scss b/packages/devextreme-scss/scss/widgets/generic/treeList/_index.scss
index f4911b72f652..637cddf09bcc 100644
--- a/packages/devextreme-scss/scss/widgets/generic/treeList/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/treeList/_index.scss
@@ -1,9 +1,7 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/mixins" as *;
@use "../../base/icon_fonts" as *;
@use "../gridBase" as *;
@@ -23,9 +21,7 @@
$header-filter-color-empty: $header-filter-color-empty,
$base-focus-color: $base-focus-color,
);
-
-// adduse
-@use 'layout/cell';
+@use "layout/cell";
@include grid-base(treelist);
.dx-treelist-rowsview {
diff --git a/packages/devextreme-scss/scss/widgets/generic/treeList/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/treeList/_sizes.scss
index 36d58c6e4648..fe22a1dae3b2 100644
--- a/packages/devextreme-scss/scss/widgets/generic/treeList/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/treeList/_sizes.scss
@@ -2,8 +2,6 @@
@use "../sizes" as *;
@use "../../base/treeList/variables" as *;
-// adduse
-
$treelist-generic-expand-icon-size: null !default;
@if $size == "default" {
@@ -20,4 +18,3 @@ $treelist-expand-icon-name-collapsed: spinright !default;
$treelist-expand-icon-right-gap: 4px !default;
$treelist-expand-checkbox-size: 16px !default;
$treelist-expand-checkbox-right-gap: 8px !default;
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/treeView/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/treeView/_colors.scss
index bd99e10a5354..1a618a1088fe 100644
--- a/packages/devextreme-scss/scss/widgets/generic/treeView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/treeView/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$treeview-color: null !default;
/**
diff --git a/packages/devextreme-scss/scss/widgets/generic/treeView/_index.scss b/packages/devextreme-scss/scss/widgets/generic/treeView/_index.scss
index 0996a51ddf06..c9900f19ea55 100644
--- a/packages/devextreme-scss/scss/widgets/generic/treeView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/treeView/_index.scss
@@ -1,4 +1,3 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -22,8 +21,8 @@
$generic-treeview-toggle-item-width + $generic-treeview-item-element-gap,
);
@include default-expander-icon(
- 'spindown',
- 'spinright',
+ "spindown",
+ "spinright",
$generic-base-icon-size,
$generic-treeview-toggle-item-width,
$treeview-spin-icon-color,
diff --git a/packages/devextreme-scss/scss/widgets/generic/treeView/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/treeView/_sizes.scss
index 3cea8c702d08..e24765ccb446 100644
--- a/packages/devextreme-scss/scss/widgets/generic/treeView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/treeView/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-treeview-container-with-border-offset: null !default;
$generic-treeview-base-container-size: null !default;
$generic-treeview-toggle-item-width: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/typography/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/typography/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/typography/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/typography/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/typography/_index.scss b/packages/devextreme-scss/scss/widgets/generic/typography/_index.scss
index 0294ac21545a..1125383dfbd6 100644
--- a/packages/devextreme-scss/scss/widgets/generic/typography/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/typography/_index.scss
@@ -1,13 +1,9 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/mixins" as *;
@use "mixins" as *;
-// adduse
-
.dx-theme-generic-typography {
background-color: $typography-bg;
diff --git a/packages/devextreme-scss/scss/widgets/generic/typography/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/typography/_sizes.scss
index 7bf7aea4124a..ccbfc09b82a5 100644
--- a/packages/devextreme-scss/scss/widgets/generic/typography/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/typography/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$generic-xl-font-size: null !default;
$generic-l-font-size: null !default;
$generic-m-font-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/generic/validation/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/validation/_colors.scss
index 8098a38c0284..eba95b459533 100644
--- a/packages/devextreme-scss/scss/widgets/generic/validation/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/validation/_colors.scss
@@ -1,16 +1,10 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
-
$validation-message-color: null !default;
$validation-message-background-color: $base-invalid-color !default;
$validation-summary-color: $base-invalid-color !default;
$validation-overlay-border-radius: $base-border-radius !default;
-
@if $color == "carmine" {
$validation-message-color: $base-inverted-text-color !default;
}
@@ -42,4 +36,3 @@ $validation-overlay-border-radius: $base-border-radius !default;
@if $color == "softblue" {
$validation-message-color: $base-inverted-text-color !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/validation/_index.scss b/packages/devextreme-scss/scss/widgets/generic/validation/_index.scss
index f3fb1f642959..2b05fa45194c 100644
--- a/packages/devextreme-scss/scss/widgets/generic/validation/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/validation/_index.scss
@@ -1,10 +1,5 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/validation" as *;
-
-// adduse
@use "../overlay";
@include dx-base-validation($validation-summary-color, $validation-message-color, $validation-message-background-color, $validation-overlay-border-radius);
diff --git a/packages/devextreme-scss/scss/widgets/generic/validation/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/validation/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/validation/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/validation/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/widget/_colors.scss b/packages/devextreme-scss/scss/widgets/generic/widget/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/widget/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/widget/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/generic/widget/_index.scss b/packages/devextreme-scss/scss/widgets/generic/widget/_index.scss
index f22138c1e536..8cb9758a4f63 100644
--- a/packages/devextreme-scss/scss/widgets/generic/widget/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/widget/_index.scss
@@ -1,13 +1,9 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/mixins" as *;
@use "../../base/widget";
-// adduse
-
.dx-widget {
@include dx-base-typography();
}
diff --git a/packages/devextreme-scss/scss/widgets/generic/widget/_sizes.scss b/packages/devextreme-scss/scss/widgets/generic/widget/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/generic/widget/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/generic/widget/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/_colors.scss b/packages/devextreme-scss/scss/widgets/material/_colors.scss
index 9f9d0d689230..6b8686ed2905 100644
--- a/packages/devextreme-scss/scss/widgets/material/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/_colors.scss
@@ -17,7 +17,7 @@ $material-color-theme-modificator: null !default;
* $name 10. Font family
* $type text
*/
-$base-font-family: roboto, 'roboto fallback', -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'segoe ui', 'helvetica neue', 'adwaita sans', cantarell, ubuntu, noto, helvetica, arial, sans-serif !default;
+$base-font-family: roboto, "roboto fallback", -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "helvetica neue", "adwaita sans", cantarell, ubuntu, noto, helvetica, arial, sans-serif !default;
/**
* $name 20. Text color
@@ -106,7 +106,6 @@ $base-disabled-color: null !default;
$base-dropdown-shadow-color: null !default;
$scrollview-pulldown-path: null !default;
-
@if $color == "blue" {
$material-color-accent-modificator: "blue" !default;
}
@@ -171,7 +170,7 @@ $scrollview-pulldown-path: null !default;
$base-inverted-icon-color: $base-inverted-text-color !default;
$base-dropdown-shadow-color: color.change($base-shadow-color, $alpha: 0.2) !default;
- $scrollview-pulldown-path: data-uri('images/widgets/material/color-schemes/light/pulldown.png') !default;
+ $scrollview-pulldown-path: data-uri("images/widgets/material/color-schemes/light/pulldown.png") !default;
}
@if $mode == "dark" {
@@ -201,7 +200,7 @@ $scrollview-pulldown-path: null !default;
$base-inverted-icon-color: $base-inverted-text-color !default;
$base-dropdown-shadow-color: color.change($base-shadow-color, $alpha: 0.4) !default;
- $scrollview-pulldown-path: data-uri('images/widgets/material/color-schemes/dark/pulldown.png') !default;
+ $scrollview-pulldown-path: data-uri("images/widgets/material/color-schemes/dark/pulldown.png") !default;
}
/**
diff --git a/packages/devextreme-scss/scss/widgets/material/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/_sizes.scss
index edf3da8cad22..22b930948e29 100644
--- a/packages/devextreme-scss/scss/widgets/material/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/_sizes.scss
@@ -70,7 +70,6 @@ $material-button-icon-margin: null !default;
// Base bordered inline widgets sizes
$material-base-border-width: 1px !default;
-
/**
* $name 120. Border radius
* $type text
diff --git a/packages/devextreme-scss/scss/widgets/material/accordion/_colors.scss b/packages/devextreme-scss/scss/widgets/material/accordion/_colors.scss
index ab9381f617c8..a59cefcbd7ba 100644
--- a/packages/devextreme-scss/scss/widgets/material/accordion/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/accordion/_colors.scss
@@ -2,8 +2,6 @@
@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$accordion-color: $base-text-color !default;
/**
diff --git a/packages/devextreme-scss/scss/widgets/material/accordion/_index.scss b/packages/devextreme-scss/scss/widgets/material/accordion/_index.scss
index 91a42f634abc..6f7d88ee1a0f 100644
--- a/packages/devextreme-scss/scss/widgets/material/accordion/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/accordion/_index.scss
@@ -1,14 +1,10 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/accordion";
-// adduse
-
.dx-accordion {
background-color: $accordion-background-color;
color: $accordion-color;
diff --git a/packages/devextreme-scss/scss/widgets/material/accordion/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/accordion/_sizes.scss
index 078edaef30bb..fb7df6d71675 100644
--- a/packages/devextreme-scss/scss/widgets/material/accordion/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/accordion/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-accordion-title-horizontal-padding: null !default;
$material-accordion-title-vertical-padding: 6px !default;
$material-accordion-body-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/actionSheet/_colors.scss b/packages/devextreme-scss/scss/widgets/material/actionSheet/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/actionSheet/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/actionSheet/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/actionSheet/_index.scss b/packages/devextreme-scss/scss/widgets/material/actionSheet/_index.scss
index 192c6646707c..20e8a4d491b2 100644
--- a/packages/devextreme-scss/scss/widgets/material/actionSheet/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/actionSheet/_index.scss
@@ -1,13 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/actionSheet";
-// adduse
-
-
.dx-actionsheet-container {
.dx-actionsheet-item:not(:last-child) {
margin: $material-actionsheet-item-margin;
diff --git a/packages/devextreme-scss/scss/widgets/material/actionSheet/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/actionSheet/_sizes.scss
index 033883b9855a..01d93773d6c3 100644
--- a/packages/devextreme-scss/scss/widgets/material/actionSheet/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/actionSheet/_sizes.scss
@@ -1,6 +1,2 @@
-@use "../sizes" as *;
-
-// adduse
-
$material-actionsheet-item-margin-value: 20px;
$material-actionsheet-item-margin: 0 0 $material-actionsheet-item-margin-value 0 !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/autocomplete/_colors.scss b/packages/devextreme-scss/scss/widgets/material/autocomplete/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/autocomplete/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/autocomplete/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/autocomplete/_index.scss b/packages/devextreme-scss/scss/widgets/material/autocomplete/_index.scss
index 0f3520c8a4f7..d7f63e4c1be0 100644
--- a/packages/devextreme-scss/scss/widgets/material/autocomplete/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/autocomplete/_index.scss
@@ -1,11 +1,6 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/sizes" as *;
-
-// adduse
@use "../dropDownList";
@mixin autocomplete-editor-container-offset() {
diff --git a/packages/devextreme-scss/scss/widgets/material/autocomplete/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/autocomplete/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/autocomplete/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/autocomplete/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/badge/_colors.scss b/packages/devextreme-scss/scss/widgets/material/badge/_colors.scss
index a0f4f0ba03ab..5e38c3b3683c 100644
--- a/packages/devextreme-scss/scss/widgets/material/badge/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/badge/_colors.scss
@@ -1,10 +1,6 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 140. Badge text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/badge/_index.scss b/packages/devextreme-scss/scss/widgets/material/badge/_index.scss
index d29173e6737e..61db92dd9015 100644
--- a/packages/devextreme-scss/scss/widgets/material/badge/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/badge/_index.scss
@@ -1,12 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/badge";
-// adduse
-
.dx-badge {
background-color: $badge-bg;
color: $badge-color;
diff --git a/packages/devextreme-scss/scss/widgets/material/badge/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/badge/_sizes.scss
index 2c0a67efdf9a..2594213ea685 100644
--- a/packages/devextreme-scss/scss/widgets/material/badge/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/badge/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-badge-padding: null !default;
$material-badge-font-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/box/_colors.scss b/packages/devextreme-scss/scss/widgets/material/box/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/box/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/box/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/box/_index.scss b/packages/devextreme-scss/scss/widgets/material/box/_index.scss
index ca1792638147..ce09bf1c96af 100644
--- a/packages/devextreme-scss/scss/widgets/material/box/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/box/_index.scss
@@ -1,12 +1,8 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/box";
-// adduse
-
.dx-box-item-content {
font-size: $material-base-font-size;
}
diff --git a/packages/devextreme-scss/scss/widgets/material/box/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/box/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/box/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/box/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/button/_colors.scss b/packages/devextreme-scss/scss/widgets/material/button/_colors.scss
index 10285ec1380b..d14a977b8059 100644
--- a/packages/devextreme-scss/scss/widgets/material/button/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/button/_colors.scss
@@ -2,8 +2,6 @@
@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$button-border-radius: $base-border-radius !default;
$button-disabled-background: null !default;
$button-disabled-text-color: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/button/_index.scss b/packages/devextreme-scss/scss/widgets/material/button/_index.scss
index 2330c677fbd6..4924abc0b91a 100644
--- a/packages/devextreme-scss/scss/widgets/material/button/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/button/_index.scss
@@ -1,13 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "mixins" as *;
@use "../../base/button";
-// adduse
-
.dx-button-content {
line-height: $material-button-content-line-height;
}
diff --git a/packages/devextreme-scss/scss/widgets/material/button/_mixins.scss b/packages/devextreme-scss/scss/widgets/material/button/_mixins.scss
index 434e76564a51..a6fc64383d8a 100644
--- a/packages/devextreme-scss/scss/widgets/material/button/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/material/button/_mixins.scss
@@ -3,7 +3,6 @@
@use "sizes" as *;
@use "../sizes" as *;
@use "colors" as *;
-@use "../colors" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/button/mixins" as *;
@@ -41,7 +40,6 @@
);
}
-
@mixin dx-button-styling-variant(
$button-color,
$button-bg,
diff --git a/packages/devextreme-scss/scss/widgets/material/button/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/button/_sizes.scss
index 0999f8b0b357..7de9889ee26f 100644
--- a/packages/devextreme-scss/scss/widgets/material/button/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/button/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-button-horizontal-padding: null !default;
$material-button-vertical-padding: null !default;
$material-button-icon-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/buttonGroup/_colors.scss b/packages/devextreme-scss/scss/widgets/material/buttonGroup/_colors.scss
index ff40bdc07e0d..127f05ff38f1 100644
--- a/packages/devextreme-scss/scss/widgets/material/buttonGroup/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/buttonGroup/_colors.scss
@@ -1,8 +1,3 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
@use "../button/colors" as *;
-// adduse
-
-$button-group-separator-color: rgba(0,0,0,.24) !default;
+$button-group-separator-color: rgba(0, 0, 0, 0.24) !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/buttonGroup/_index.scss b/packages/devextreme-scss/scss/widgets/material/buttonGroup/_index.scss
index debeae3b1eb7..c9c186b11042 100644
--- a/packages/devextreme-scss/scss/widgets/material/buttonGroup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/buttonGroup/_index.scss
@@ -1,15 +1,10 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../button/sizes" as *;
@use "../button/colors" as *;
@use "../../base/buttonGroup";
@use "../../base/buttonGroup/mixins" as *;
-// adduse
-
.dx-buttongroup {
&.dx-state-disabled {
opacity: 1;
diff --git a/packages/devextreme-scss/scss/widgets/material/buttonGroup/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/buttonGroup/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/buttonGroup/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/buttonGroup/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/calendar/_colors.scss b/packages/devextreme-scss/scss/widgets/material/calendar/_colors.scss
index e3766e88e0f1..db408a4ad317 100644
--- a/packages/devextreme-scss/scss/widgets/material/calendar/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/calendar/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
-// adduse
-
$calendar-color: $base-text-color !default;
/**
diff --git a/packages/devextreme-scss/scss/widgets/material/calendar/_index.scss b/packages/devextreme-scss/scss/widgets/material/calendar/_index.scss
index f2528d685bd4..065242e22bbe 100644
--- a/packages/devextreme-scss/scss/widgets/material/calendar/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/calendar/_index.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -8,9 +7,6 @@
@use "../button/mixins" as *;
@use "../../base/calendar/calendar";
@use "../../base/calendar/mixins" as *;
-
-// adduse
-
@include dx-calendar-mixin(
$calendar-bg,
$material-calendar-legacy-width,
@@ -65,7 +61,7 @@
$calendar-cell-hover-border-color,
999em,
1px,
- '.dx-calendar-cell-range-hover',
- '.dx-calendar-cell-range-hover-start',
- '.dx-calendar-cell-range-hover-end',
+ ".dx-calendar-cell-range-hover",
+ ".dx-calendar-cell-range-hover-start",
+ ".dx-calendar-cell-range-hover-end",
);
diff --git a/packages/devextreme-scss/scss/widgets/material/calendar/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/calendar/_sizes.scss
index be3805797eb2..50197cdb08aa 100644
--- a/packages/devextreme-scss/scss/widgets/material/calendar/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/calendar/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-calendar-legacy-width: null !default;
$material-calendar-legacy-height: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/card/_colors.scss b/packages/devextreme-scss/scss/widgets/material/card/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/card/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/card/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/card/_index.scss b/packages/devextreme-scss/scss/widgets/material/card/_index.scss
index 66fb5416e297..089babff43f1 100644
--- a/packages/devextreme-scss/scss/widgets/material/card/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/card/_index.scss
@@ -1,12 +1,9 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/card";
-// adduse
-
.dx-card {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
border-radius: $base-border-radius;
diff --git a/packages/devextreme-scss/scss/widgets/material/card/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/card/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/card/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/card/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/cardView/_colors.scss b/packages/devextreme-scss/scss/widgets/material/cardView/_colors.scss
index 890114209486..f5b547710de0 100644
--- a/packages/devextreme-scss/scss/widgets/material/cardView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/cardView/_colors.scss
@@ -1,19 +1,17 @@
-@use 'sass:color';
-@use '../colors' as *;
-@use '../color' as extcolor;
-@use '../../base/cardView/variables' as *;
-@use '../../base/cardView/header_panel/variables' as *;
-@use '../../base/cardView/header_panel/item/variables' as *;
-@use '../../base/cardView/content_view/content/card/variables' as *;
-@use '../../base/cardView/content_view/content/card/header/variables' as *;
-@use '../../base/cardView/content_view/content/card/cover/variables' as *;
-@use '../../base/cardView/content_view/content/card/content/variables' as *;
-@use '../../base/cardView/content_view/content/variables' as *;
-@use '../../base/cardView/content_view/no_data/variables' as *;
-@use '../../base/cardView/column_chooser/variables' as *;
-@use '../../base/cardView/filter_panel/variables' as *;
-
-// adduse
+@use "sass:color";
+@use "../colors" as *;
+@use "../color" as extcolor;
+@use "../../base/cardView/variables" as *;
+@use "../../base/cardView/header_panel/variables" as *;
+@use "../../base/cardView/header_panel/item/variables" as *;
+@use "../../base/cardView/content_view/content/card/variables" as *;
+@use "../../base/cardView/content_view/content/card/header/variables" as *;
+@use "../../base/cardView/content_view/content/card/cover/variables" as *;
+@use "../../base/cardView/content_view/content/card/content/variables" as *;
+@use "../../base/cardView/content_view/content/variables" as *;
+@use "../../base/cardView/content_view/no_data/variables" as *;
+@use "../../base/cardView/column_chooser/variables" as *;
+@use "../../base/cardView/filter_panel/variables" as *;
// #region COMMON SETTINGS
@@ -405,7 +403,7 @@ $cardview-material-columnchooser--empty__message-color: null !default;
// #endregion
-@if $mode == 'light' {
+@if $mode == "light" {
// Common
$cardview-material-common-bg-color: $base-bg !default;
@@ -492,7 +490,7 @@ $cardview-material-columnchooser--empty__message-color: null !default;
$cardview-material-columnchooser--empty__message-color: color.adjust($cardview-material-common-text-color, $lightness: 26%, $space: hsl) !default;
}
-@if $mode == 'dark' {
+@if $mode == "dark" {
// Common
$cardview-material-common-bg-color: $base-bg !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/cardView/_index.scss b/packages/devextreme-scss/scss/widgets/material/cardView/_index.scss
index 29f2262bbe3e..8e99d8be0efe 100644
--- a/packages/devextreme-scss/scss/widgets/material/cardView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/cardView/_index.scss
@@ -1,5 +1,3 @@
-@use 'colors';
-@use 'sizes';
-@use '../../base/cardView/index' as *;
-
-// adduse
+@use "colors";
+@use "sizes";
+@use "../../base/cardView/index" as *;
diff --git a/packages/devextreme-scss/scss/widgets/material/cardView/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/cardView/_sizes.scss
index a03483a46abe..c7ef0ddf524f 100644
--- a/packages/devextreme-scss/scss/widgets/material/cardView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/cardView/_sizes.scss
@@ -1,17 +1,15 @@
@use "../sizes" as *;
-@use '../../base/cardView/variables' as *;
-@use '../../base/cardView/header_panel/variables' as *;
-@use '../../base/cardView/header_panel/item/variables' as *;
-@use '../../base/cardView/content_view/content/card/variables' as *;
-@use '../../base/cardView/content_view/content/card/header/variables' as *;
-@use '../../base/cardView/content_view/content/card/cover/variables' as *;
-@use '../../base/cardView/content_view/content/card/content/variables' as *;
-@use '../../base/cardView/content_view/content/variables' as *;
-@use '../../base/cardView/content_view/no_data/variables' as *;
-@use '../../base/cardView/column_chooser/variables' as *;
-@use '../../base/cardView/filter_panel/variables' as *;
-
-// adduse
+@use "../../base/cardView/variables" as *;
+@use "../../base/cardView/header_panel/variables" as *;
+@use "../../base/cardView/header_panel/item/variables" as *;
+@use "../../base/cardView/content_view/content/card/variables" as *;
+@use "../../base/cardView/content_view/content/card/header/variables" as *;
+@use "../../base/cardView/content_view/content/card/cover/variables" as *;
+@use "../../base/cardView/content_view/content/card/content/variables" as *;
+@use "../../base/cardView/content_view/content/variables" as *;
+@use "../../base/cardView/content_view/no_data/variables" as *;
+@use "../../base/cardView/column_chooser/variables" as *;
+@use "../../base/cardView/filter_panel/variables" as *;
// #region COMMON SETTINGS
@@ -344,7 +342,7 @@ $cardview-material-column-chooser__select-all-item-horizontal-padding: null !def
// Search highlight
$cardview-material-card__content__field-value--highlighted-border-radius: 5px !default;
- $cardview-material-card__content__field-value--highlighted-border-padding: .125em 0.2em !default;
+ $cardview-material-card__content__field-value--highlighted-border-padding: 0.125em 0.2em !default;
$cardview-material-card__content__field-value--highlighted-text-weight: 500 !default;
// Column chooser
@@ -431,7 +429,7 @@ $cardview-material-column-chooser__select-all-item-horizontal-padding: null !def
// Search highlight
$cardview-material-card__content__field-value--highlighted-border-radius: 5px !default;
- $cardview-material-card__content__field-value--highlighted-border-padding: .125em 0.2em !default;
+ $cardview-material-card__content__field-value--highlighted-border-padding: 0.125em 0.2em !default;
$cardview-material-card__content__field-value--highlighted-text-weight: 500 !default;
// Column chooser
diff --git a/packages/devextreme-scss/scss/widgets/material/chat/_colors.scss b/packages/devextreme-scss/scss/widgets/material/chat/_colors.scss
index d325d8f9ffbe..625265b3ee6d 100644
--- a/packages/devextreme-scss/scss/widgets/material/chat/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/chat/_colors.scss
@@ -3,8 +3,6 @@
@use "../textEditor/colors" as *;
@use "../button/colors" as *;
-// adduse
-
/**
* $name 10. Background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/chat/_index.scss b/packages/devextreme-scss/scss/widgets/material/chat/_index.scss
index 4edb1b5eeaf8..a97181f33d66 100644
--- a/packages/devextreme-scss/scss/widgets/material/chat/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/chat/_index.scss
@@ -1,12 +1,8 @@
@use "../../base/chat";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../../base/chat/mixins" as *;
@use "../common/mixins" as *;
-
-// adduse
-
@include chat(
$chat-background-color,
$chat-border-color,
diff --git a/packages/devextreme-scss/scss/widgets/material/chat/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/chat/_sizes.scss
index d4e69b33c4fb..eee7e7d54d74 100644
--- a/packages/devextreme-scss/scss/widgets/material/chat/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/chat/_sizes.scss
@@ -4,8 +4,6 @@
@use "../typography/sizes" as *;
@use "../button/colors" as *;
-// adduse
-
$chat-border-radius: $base-border-radius * 2 !default; // 8px
$chat-bubble-border-radius: $base-border-radius * 2 !default;
$chat-bubble-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/checkBox/_colors.scss b/packages/devextreme-scss/scss/widgets/material/checkBox/_colors.scss
index 9c1a2550378d..12fc7d72bc70 100644
--- a/packages/devextreme-scss/scss/widgets/material/checkBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/checkBox/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$checkbox-border-color: color.change($base-text-color, $alpha: 0.54) !default;
$checkbox-checked-color: $base-element-bg !default;
$checkbox-indeterminate-bg: $base-accent !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/checkBox/_index.scss b/packages/devextreme-scss/scss/widgets/material/checkBox/_index.scss
index 991337de274c..119dfc9588ae 100644
--- a/packages/devextreme-scss/scss/widgets/material/checkBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/checkBox/_index.scss
@@ -3,13 +3,10 @@
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/checkBox";
@use "../../base/checkBox/mixins" as *;
-// adduse
-
$material-checkbox-ripple-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
.dx-checkbox {
diff --git a/packages/devextreme-scss/scss/widgets/material/checkBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/checkBox/_sizes.scss
index 1acba7c28ef3..d09424ca8932 100644
--- a/packages/devextreme-scss/scss/widgets/material/checkBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/checkBox/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "colors" as *;
-// adduse
-
$material-checkbox-icon-font-size: null !default;
$material-checkbox-ripple-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/colorBox/_colors.scss b/packages/devextreme-scss/scss/widgets/material/colorBox/_colors.scss
index 4b437aa96502..ab877c0526c9 100644
--- a/packages/devextreme-scss/scss/widgets/material/colorBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/colorBox/_colors.scss
@@ -1,7 +1,3 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$colorbox-preview-icon-color: $base-icon-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/colorBox/_index.scss b/packages/devextreme-scss/scss/widgets/material/colorBox/_index.scss
index 23093f1483d2..d65e0b5335e9 100644
--- a/packages/devextreme-scss/scss/widgets/material/colorBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/colorBox/_index.scss
@@ -1,18 +1,12 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../colorView/colors" as *;
@use "../textEditor/sizes" as *;
@use "../../base/colorBox";
@use "../../base/colorBox/mixins" as *;
-
-// adduse
@use "../colorView";
@use "../dropDownEditor";
-
.dx-colorbox {
.dx-colorbox-input-container {
.dx-placeholder::before,
diff --git a/packages/devextreme-scss/scss/widgets/material/colorBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/colorBox/_sizes.scss
index e2bd5d9e2371..f924d562a8f3 100644
--- a/packages/devextreme-scss/scss/widgets/material/colorBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/colorBox/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-colorbox-overlay-padding: null !default;
$material-colorbox-preview-left: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/colorView/_colors.scss b/packages/devextreme-scss/scss/widgets/material/colorView/_colors.scss
index 22d637a25254..c4ac7813256f 100644
--- a/packages/devextreme-scss/scss/widgets/material/colorView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/colorView/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../overlay/colors" as *;
-// adduse
-
/**
* $name 10. Overlay background
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/colorView/_index.scss b/packages/devextreme-scss/scss/widgets/material/colorView/_index.scss
index 42fae7b40f67..556fe5fe74c5 100644
--- a/packages/devextreme-scss/scss/widgets/material/colorView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/colorView/_index.scss
@@ -1,17 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/colorView/mixins" as *;
@use "../../base/colorView";
-
-// adduse
-
-
@include dx-base-colorview-styles($colorview-handle-color, $colorview-handle-border-color);
-
$material-colorview-alpha-width: $material-colorview-palette-width + 4;
$material-colorview-hue-scale-height: $material-colorview-palette-height;
diff --git a/packages/devextreme-scss/scss/widgets/material/colorView/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/colorView/_sizes.scss
index f932ddd8cb4d..cb34b967ca09 100644
--- a/packages/devextreme-scss/scss/widgets/material/colorView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/colorView/_sizes.scss
@@ -1,7 +1,3 @@
-@use "../sizes" as *;
-
-// adduse
-
$material-colorview-container-width: 450px !default;
$material-colorview-palette-width: 288px !default;
$material-colorview-palette-height: 299px !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/common/_colors.scss b/packages/devextreme-scss/scss/widgets/material/common/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/common/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/common/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/common/_index.scss b/packages/devextreme-scss/scss/widgets/material/common/_index.scss
index f51c2c03213f..42052e88574b 100644
--- a/packages/devextreme-scss/scss/widgets/material/common/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/common/_index.scss
@@ -1,11 +1,8 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
-
-// adduse
.dx-theme-marker {
font-family: "dx.material.#{$material-color-accent-modificator}.#{$material-color-theme-modificator}#{$material-size-postfix}";
}
diff --git a/packages/devextreme-scss/scss/widgets/material/common/_mixins.scss b/packages/devextreme-scss/scss/widgets/material/common/_mixins.scss
index 3043adb5092a..9d81f4600169 100644
--- a/packages/devextreme-scss/scss/widgets/material/common/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/material/common/_mixins.scss
@@ -23,7 +23,6 @@ $badge-invalid-bg: $base-invalid-color;
@include disabled-widget-mixin($opacity);
}
-
@mixin badge-settings() {
pointer-events: none;
position: absolute;
@@ -43,7 +42,7 @@ $badge-invalid-bg: $base-invalid-color;
font-weight: 500;
background-color: $badge-invalid-bg;
color: $base-inverted-text-color;
- content: '!';
+ content: "!";
border-radius: 50%;
}
@@ -52,9 +51,9 @@ $badge-invalid-bg: $base-invalid-color;
font-size: $material-valid-badge-font-size;
font-weight: bold;
- font-family: 'DXIcons', sans-serif;
+ font-family: "DXIcons", sans-serif;
color: $base-success;
- content: '\f005';
+ content: "\f005";
@include validation-badge-animation();
}
diff --git a/packages/devextreme-scss/scss/widgets/material/common/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/common/_sizes.scss
index 7ac83ed2929b..ffbe2a8bddce 100644
--- a/packages/devextreme-scss/scss/widgets/material/common/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/common/_sizes.scss
@@ -1,8 +1,6 @@
@use "sass:math";
@use "../sizes" as *;
-// adduse
-
$material-line-height: 1.2857 !default;
$material-inline-borderedwidget-inner-size:
diff --git a/packages/devextreme-scss/scss/widgets/material/contextMenu/_colors.scss b/packages/devextreme-scss/scss/widgets/material/contextMenu/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/contextMenu/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/contextMenu/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/contextMenu/_index.scss b/packages/devextreme-scss/scss/widgets/material/contextMenu/_index.scss
index e8328cf3319d..665bf8c72a27 100644
--- a/packages/devextreme-scss/scss/widgets/material/contextMenu/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/contextMenu/_index.scss
@@ -1,4 +1,3 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -9,12 +8,9 @@
@use "../menu/colors" as *;
@use "../menu/sizes" as *;
@use "../../base/contextMenu";
-
-// adduse
@use "../overlay";
@use "../menuBase" as *;
-
.dx-context-menu {
.dx-menu-item {
font-size: $material-context-menu-font-size;
diff --git a/packages/devextreme-scss/scss/widgets/material/contextMenu/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/contextMenu/_sizes.scss
index c292684a8572..3b00d791c379 100644
--- a/packages/devextreme-scss/scss/widgets/material/contextMenu/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/contextMenu/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-context-menu-horizontal-padding: null !default;
$material-context-menu-container-vertical-padding: null !default;
$material-context-menu-font-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/dataGrid/_colors.scss b/packages/devextreme-scss/scss/widgets/material/dataGrid/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/dataGrid/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dataGrid/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/dataGrid/_index.scss b/packages/devextreme-scss/scss/widgets/material/dataGrid/_index.scss
index 2f3b58fb5ea7..a3909d75db1d 100644
--- a/packages/devextreme-scss/scss/widgets/material/dataGrid/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dataGrid/_index.scss
@@ -1,4 +1,3 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -21,9 +20,7 @@
$base-focus-color: $base-focus-color,
$datagrid-text-stub-background-image-path: $datagrid-text-stub-background-image-path,
);
-
-// adduse
-@use 'layout/cell';
+@use "layout/cell";
@include grid-base(datagrid);
.dx-datagrid-group-panel {
@@ -78,7 +75,6 @@
border-top: none;
}
-
.dx-row.dx-group-row {
&:not(.dx-row-focused) {
color: $datagrid-group-row-color;
diff --git a/packages/devextreme-scss/scss/widgets/material/dataGrid/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/dataGrid/_sizes.scss
index e076760dcdcc..32a471ca6242 100644
--- a/packages/devextreme-scss/scss/widgets/material/dataGrid/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dataGrid/_sizes.scss
@@ -1,7 +1,4 @@
-@use "../sizes" as *;
-@use '../../base/dataGrid/variables' as *;
-
-// adduse
+@use "../../base/dataGrid/variables" as *;
$material-datagrid-cell-padding: 7px !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/dateBox/_colors.scss b/packages/devextreme-scss/scss/widgets/material/dateBox/_colors.scss
index 26b66fb86c5c..2444e3e4c7a4 100644
--- a/packages/devextreme-scss/scss/widgets/material/dateBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dateBox/_colors.scss
@@ -1,6 +1,4 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
$timeview-bg: color.change(color.adjust($base-bg, $lightness: -13.3%, $space: hsl), $alpha: 0.2) !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/dateBox/_index.scss b/packages/devextreme-scss/scss/widgets/material/dateBox/_index.scss
index 84cd336e2e75..6a57f55824d5 100644
--- a/packages/devextreme-scss/scss/widgets/material/dateBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dateBox/_index.scss
@@ -1,7 +1,5 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@@ -13,8 +11,6 @@
@use "../calendar/sizes" as *;
@use "../../base/dateBox";
@use "mixins" as *;
-
-// adduse
@use "../timeView";
@use "../dateView";
diff --git a/packages/devextreme-scss/scss/widgets/material/dateBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/dateBox/_sizes.scss
index d2f3e6c9b1aa..4e6b35ca093e 100644
--- a/packages/devextreme-scss/scss/widgets/material/dateBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dateBox/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-datebox-overlay-item-margin: 16px !default;
$material-datebox-overlay-item-margin-adaptive: 18px !default;
$material-datebox-popup-content-margin: 0 34px !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/dateRangeBox/_colors.scss b/packages/devextreme-scss/scss/widgets/material/dateRangeBox/_colors.scss
index 0779caa6ee0e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/dateRangeBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dateRangeBox/_colors.scss
@@ -1 +0,0 @@
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/material/dateRangeBox/_index.scss b/packages/devextreme-scss/scss/widgets/material/dateRangeBox/_index.scss
index 4446dbbdd9a5..38c27e283940 100644
--- a/packages/devextreme-scss/scss/widgets/material/dateRangeBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dateRangeBox/_index.scss
@@ -5,13 +5,10 @@
@use "sizes" as *;
@use "../sizes" as *;
@use "colors" as *;
-@use "../colors" as *;
@use "../../base/dateRangeBox";
@use "../../base/icon_fonts" as *;
@use "../textEditor" as *;
-// adduse
-
$material-editor-custom-button-margin: 5px;
.dx-daterangebox {
diff --git a/packages/devextreme-scss/scss/widgets/material/dateRangeBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/dateRangeBox/_sizes.scss
index 3f2b4b85a41f..08213f8c14ba 100644
--- a/packages/devextreme-scss/scss/widgets/material/dateRangeBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dateRangeBox/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-daterangebox-active-bar-horizontal-margin: null !default;
@if $size == "default" {
diff --git a/packages/devextreme-scss/scss/widgets/material/dateView/_colors.scss b/packages/devextreme-scss/scss/widgets/material/dateView/_colors.scss
index 6c463a7d674c..f66a1d19baa7 100644
--- a/packages/devextreme-scss/scss/widgets/material/dateView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dateView/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$dateview-shadow-up: 0deg, color.change($base-bg, $alpha: 0) 0%, color.change($base-bg, $alpha: 0.8) 60% !default;
$dateview-shadow-down: 180deg, color.change($base-bg, $alpha: 0) 0%, color.change($base-bg, $alpha: 0.8) 60% !default;
$dateview-color: $base-text-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/dateView/_index.scss b/packages/devextreme-scss/scss/widgets/material/dateView/_index.scss
index 2a5c527e6924..936652fe63ca 100644
--- a/packages/devextreme-scss/scss/widgets/material/dateView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dateView/_index.scss
@@ -1,13 +1,9 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/mixins" as *;
@use "../../base/dateView";
-
-// adduse
@use "../scrollable";
$material-dateview-roller-padding: math.div($material-dateview-roller-height - $material-dateview-roller-item-height, 2);
diff --git a/packages/devextreme-scss/scss/widgets/material/dateView/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/dateView/_sizes.scss
index d41ca101b36d..52ac5072dcd4 100644
--- a/packages/devextreme-scss/scss/widgets/material/dateView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dateView/_sizes.scss
@@ -1,6 +1,2 @@
-@use "../sizes" as *;
-
-// adduse
-
$material-dateview-roller-height: 182px !default;
$material-dateview-roller-item-height: 40px !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/diagram/_colors.scss b/packages/devextreme-scss/scss/widgets/material/diagram/_colors.scss
index 54536ba04aab..b3e36447ac50 100644
--- a/packages/devextreme-scss/scss/widgets/material/diagram/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/diagram/_colors.scss
@@ -1,11 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../loadIndicator/colors" as *;
-// adduse
-
$diagram-border-color: $base-border-color !default;
$diagram-toolbar-border-color: $base-border-color !default;
$diagram-normal-format-active-bg: color.adjust($button-normal-bg, $lightness: -10%, $space: hsl) !default;
@@ -16,7 +13,6 @@ $diagram-image-icon-base-color: null !default;
$diagram-image-icon-accent-color: null !default;
$diagram-toolbox-shape-text-opacity: null !default;
-
@if $mode == "light" {
$diagram-image-icon-base-color: $base-icon-color !default;
$diagram-image-icon-accent-color: $load-indicator-segment-bg-color !default;
@@ -28,4 +24,3 @@ $diagram-toolbox-shape-text-opacity: null !default;
$diagram-image-icon-accent-color: $base-accent !default;
$diagram-toolbox-shape-text-opacity: 0.5 !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/diagram/_index.scss b/packages/devextreme-scss/scss/widgets/material/diagram/_index.scss
index 66b6eb16c672..eb57e7b9e913 100644
--- a/packages/devextreme-scss/scss/widgets/material/diagram/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/diagram/_index.scss
@@ -15,14 +15,11 @@
@use "../fieldset/sizes" as *;
@use "../menu/colors" as *;
-// adduse
-
$material-diagram-toolbar-icon-size: $material-base-icon-size;
$diagram-toolbar-colorbutton-border-width: 3px;
$diagram-toolbox-title-size: 18px;
-
.dx-diagram {
border-color: $diagram-border-color;
@@ -138,7 +135,6 @@ $diagram-toolbox-title-size: 18px;
border-bottom-color: $diagram-toolbar-border-color;
}
-
&.dx-diagram-fullscreen {
background-color: $base-bg;
}
@@ -487,12 +483,12 @@ $diagram-toolbox-title-size: 18px;
@include diagram-action-icons-mixin($base-text-color, $base-text-color, $material-diagram-toolbar-icon-size, $diagram-toolbar-colorbutton-border-width);
.dx-diagram-toolbox-popup .dx-button-has-icon .dx-icon.dx-icon-diagram-toolbox-drag {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/toolbox-drag.svg'), $popup-title-color, $diagram-toolbox-title-size, $diagram-toolbox-title-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/toolbox-drag.svg"), $popup-title-color, $diagram-toolbox-title-size, $diagram-toolbox-title-size);
line-height: $diagram-toolbox-title-size;
background-size: $diagram-toolbox-title-size $diagram-toolbox-title-size;
}
.dx-diagram-i-button-properties-panel-open {
- @include diagram-icon-colored(data-uri('image/svg+xml;charset=UTF-8', 'images/widgets/common/diagram/properties-panel-open.svg'), $button-default-color, $material-diagram-toolbar-icon-size, $material-diagram-toolbar-icon-size);
+ @include diagram-icon-colored(data-uri("image/svg+xml;charset=UTF-8", "images/widgets/common/diagram/properties-panel-open.svg"), $button-default-color, $material-diagram-toolbar-icon-size, $material-diagram-toolbar-icon-size);
}
diff --git a/packages/devextreme-scss/scss/widgets/material/diagram/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/diagram/_sizes.scss
index 71d596b7f77c..4ff0ef4b8aba 100644
--- a/packages/devextreme-scss/scss/widgets/material/diagram/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/diagram/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$diagram-toolbox-width: null !default;
$diagram-toolbox-h-padding: null !default;
$diagram-toolbox-accordion-v-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/drawer/_colors.scss b/packages/devextreme-scss/scss/widgets/material/drawer/_colors.scss
index 45572dedd676..8c37d745afab 100644
--- a/packages/devextreme-scss/scss/widgets/material/drawer/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/drawer/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Shader background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/drawer/_index.scss b/packages/devextreme-scss/scss/widgets/material/drawer/_index.scss
index eed4027371d8..f76be6b950fa 100644
--- a/packages/devextreme-scss/scss/widgets/material/drawer/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/drawer/_index.scss
@@ -1,11 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/drawer";
-// adduse
.dx-drawer-shader {
background-color: $drawer-shader-background-color;
}
diff --git a/packages/devextreme-scss/scss/widgets/material/drawer/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/drawer/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/drawer/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/drawer/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownBox/_colors.scss b/packages/devextreme-scss/scss/widgets/material/dropDownBox/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownBox/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownBox/_index.scss b/packages/devextreme-scss/scss/widgets/material/dropDownBox/_index.scss
index c26ff37b2271..221c12641eb6 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownBox/_index.scss
@@ -1,8 +1,3 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
-
-// adduse
@use "../dropDownEditor";
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/dropDownBox/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownBox/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownButton/_colors.scss b/packages/devextreme-scss/scss/widgets/material/dropDownButton/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownButton/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownButton/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownButton/_index.scss b/packages/devextreme-scss/scss/widgets/material/dropDownButton/_index.scss
index d62e1de1c1ff..792fc324b04b 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownButton/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownButton/_index.scss
@@ -1,8 +1,5 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../button/mixins" as *;
@use "../button/sizes" as *;
@@ -10,9 +7,6 @@
@use "../common/mixins" as *;
@use "../../base/dropDownButton";
@use "../../base/dropDownButton/mixins" as *;
-
-// adduse
-
@include dx-dropdownbutton(
$material-dropdownbutton-icon-spindown-size,
$material-dropdownbutton-action-horizontal-padding,
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownButton/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/dropDownButton/_sizes.scss
index f9b51c9cdd0f..57c4be674692 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownButton/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownButton/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-dropdownbutton-action-horizontal-padding: null !default;
$material-dropdownbutton-icon-spindown-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownEditor/_colors.scss b/packages/devextreme-scss/scss/widgets/material/dropDownEditor/_colors.scss
index 3b178aac2ed1..fa77d0dc42b3 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownEditor/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownEditor/_colors.scss
@@ -1,11 +1,7 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../textEditor/colors" as *;
-// adduse
-
$dropdowneditor-icon-color: $base-spin-icon-color !default;
/**
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownEditor/_index.scss b/packages/devextreme-scss/scss/widgets/material/dropDownEditor/_index.scss
index 1f34bc56d865..aecf0ce9c787 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownEditor/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownEditor/_index.scss
@@ -1,6 +1,4 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../common/sizes" as *;
@@ -10,9 +8,6 @@
@use "../../base/dropDownEditor";
@use "../../base/dropDownEditor/mixins" as *;
-// adduse
-
-
$material-dropdowneditor-container-button-size: $material-base-icon-size;
$material-dropdowneditor-invalid-badge-offset:
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownEditor/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/dropDownEditor/_sizes.scss
index 9b1a8959b572..c70cd89c9d23 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownEditor/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownEditor/_sizes.scss
@@ -1,11 +1,8 @@
@use "../sizes" as *;
-// adduse
-
$material-dropdowneditor-list-font-size: null !default;
$material-dropdowneditor-list-line-height: null !default;
-
@if $size == "default" {
$material-dropdowneditor-list-font-size: 14px !default;
$material-dropdowneditor-list-line-height: 20px !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownList/_colors.scss b/packages/devextreme-scss/scss/widgets/material/dropDownList/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownList/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownList/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownList/_index.scss b/packages/devextreme-scss/scss/widgets/material/dropDownList/_index.scss
index 94e41665cc27..4baa52f82ac5 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownList/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownList/_index.scss
@@ -1,15 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/mixins" as *;
@use "../../base/dropDownList";
-
-// adduse
@use "../dropDownEditor";
-
.dx-dropdownlist-popup-wrapper {
@include dx-dropdownlist-list-appearance();
}
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownList/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/dropDownList/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownList/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownList/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownMenu/_colors.scss b/packages/devextreme-scss/scss/widgets/material/dropDownMenu/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownMenu/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownMenu/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownMenu/_index.scss b/packages/devextreme-scss/scss/widgets/material/dropDownMenu/_index.scss
index a21ee2606da8..718d956429a8 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownMenu/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownMenu/_index.scss
@@ -5,8 +5,6 @@
@use "../../base/dropDownMenu";
@use "../../base/dropDownMenu/mixins" as *;
-// adduse
-
.dx-dropdownmenu-popup-wrapper {
.dx-overlay-content {
box-shadow: $material-base-dropdown-widgets-shadow;
diff --git a/packages/devextreme-scss/scss/widgets/material/dropDownMenu/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/dropDownMenu/_sizes.scss
index ff5de9a2df49..93448b44c51d 100644
--- a/packages/devextreme-scss/scss/widgets/material/dropDownMenu/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/dropDownMenu/_sizes.scss
@@ -1,5 +1 @@
-@use "../sizes" as *;
-
-// adduse
-
$material-dropdownmenu-section-horizontal-margin: 4px !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/fieldset/_colors.scss b/packages/devextreme-scss/scss/widgets/material/fieldset/_colors.scss
index 28eeb26458c3..05021b9ef65f 100644
--- a/packages/devextreme-scss/scss/widgets/material/fieldset/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/fieldset/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Label text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/fieldset/_index.scss b/packages/devextreme-scss/scss/widgets/material/fieldset/_index.scss
index 3c9db3ceaa69..49e06cdd5de9 100644
--- a/packages/devextreme-scss/scss/widgets/material/fieldset/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/fieldset/_index.scss
@@ -1,8 +1,6 @@
@use "sass:math";
-@use "sass:color";
@use "sass:selector";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../common/mixins" as *;
@@ -13,8 +11,6 @@
@use "../slider/sizes" as *;
@use "../../base/fieldset";
-// adduse
-
@mixin dx-fieldset-styling() {
.dx-field {
@include dx-base-typography();
diff --git a/packages/devextreme-scss/scss/widgets/material/fieldset/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/fieldset/_sizes.scss
index e183be7f15b0..f8772124fa79 100644
--- a/packages/devextreme-scss/scss/widgets/material/fieldset/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/fieldset/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "../common/sizes" as *;
-// adduse
-
$material-fieldset-vertical-margin: null !default;
$material-fieldset-horizontal-margin: null !default;
$material-fieldset-header-vertical-margin: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/fileManager/_colors.scss b/packages/devextreme-scss/scss/widgets/material/fileManager/_colors.scss
index 1230d18b8fe7..ed7f90e27e38 100644
--- a/packages/devextreme-scss/scss/widgets/material/fileManager/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/fileManager/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$filemanager-border-color: $base-border-color !default;
$filemanager-file-toolbar-bg: color.adjust($base-bg, $lightness: -3%, $space: hsl) !default;
$filemanager-editor-active-bg: color.change($base-text-color, $alpha: 0.1) !default;
@@ -21,7 +18,6 @@ $filemanager-item-focused-color: $base-inverted-text-color !default;
$filemanager-dirs-tree-item-focus-bg: null !default;
$filemanager-progressbox-shadow-color: null !default;
-
@if $mode == "light" {
$filemanager-dirs-tree-item-focus-bg: color.adjust($base-bg, $lightness: -8%, $space: hsl) !default;
$filemanager-progressbox-shadow-color: color.change($base-shadow-color, $alpha: 0.175) !default;
@@ -31,4 +27,3 @@ $filemanager-progressbox-shadow-color: null !default;
$filemanager-dirs-tree-item-focus-bg: color.adjust($base-bg, $lightness: 8%, $space: hsl) !default;
$filemanager-progressbox-shadow-color: color.change(color.adjust($base-shadow-color, $lightness: -100%, $space: hsl), $alpha: 0.3) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/fileManager/_index.scss b/packages/devextreme-scss/scss/widgets/material/fileManager/_index.scss
index 21a3930027e6..1f50d6ad618c 100644
--- a/packages/devextreme-scss/scss/widgets/material/fileManager/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/fileManager/_index.scss
@@ -1,15 +1,11 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/fileManager";
@use "../../base/fileManager/mixins" as *;
-
-// adduse
@use "../splitterBar";
-
.dx-filemanager {
border-color: $filemanager-border-color;
diff --git a/packages/devextreme-scss/scss/widgets/material/fileManager/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/fileManager/_sizes.scss
index 2b5daf9dc69e..8a8635282724 100644
--- a/packages/devextreme-scss/scss/widgets/material/fileManager/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/fileManager/_sizes.scss
@@ -1,6 +1,4 @@
@use "../sizes" as *;
-
-// adduse
@use "../toolbar/sizes" as *;
$filemanager-toolbar-separator-height: null !default;
@@ -50,4 +48,3 @@ $filemanager-toolbar-height: $material-toolbar-height;
$filemanager-progress-panel-title-padding: 10px !default;
$filemanager-progress-box-button-close-margin-top: 5px !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/fileUploader/_colors.scss b/packages/devextreme-scss/scss/widgets/material/fileUploader/_colors.scss
index 503fe5941d9c..44304c9cc93c 100644
--- a/packages/devextreme-scss/scss/widgets/material/fileUploader/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/fileUploader/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. File name text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/fileUploader/_index.scss b/packages/devextreme-scss/scss/widgets/material/fileUploader/_index.scss
index 4de6fd37e24a..bb9fcb08ec53 100644
--- a/packages/devextreme-scss/scss/widgets/material/fileUploader/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/fileUploader/_index.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -7,8 +6,6 @@
@use "../../base/mixins" as *;
@use "../../base/fileUploader";
-// adduse
-
$material-fileuploader-file-wrapper-border-size: 3px;
.dx-fileuploader-wrapper {
diff --git a/packages/devextreme-scss/scss/widgets/material/fileUploader/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/fileUploader/_sizes.scss
index 7a6689e8bad8..7956eae8fdf4 100644
--- a/packages/devextreme-scss/scss/widgets/material/fileUploader/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/fileUploader/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-fileuploader-file-container-padding: null !default;
$material-fileuploader-file-container-text-margin: null !default;
$material-fileuploader-file-container-button-margin: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/filterBuilder/_colors.scss b/packages/devextreme-scss/scss/widgets/material/filterBuilder/_colors.scss
index 7330f07a384e..58fa93c85be6 100644
--- a/packages/devextreme-scss/scss/widgets/material/filterBuilder/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/filterBuilder/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$filterbuilder-bg: $base-bg !default;
/**
diff --git a/packages/devextreme-scss/scss/widgets/material/filterBuilder/_index.scss b/packages/devextreme-scss/scss/widgets/material/filterBuilder/_index.scss
index 56402f0c04e2..b11e24c79b38 100644
--- a/packages/devextreme-scss/scss/widgets/material/filterBuilder/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/filterBuilder/_index.scss
@@ -1,6 +1,4 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/filterBuilder" as * with (
@@ -29,9 +27,6 @@
);
@use "../textEditor/colors" as *;
-// adduse
-
-
.dx-filterbuilder {
.dx-filterbuilder-action-icon {
font-size: 21px;
diff --git a/packages/devextreme-scss/scss/widgets/material/filterBuilder/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/filterBuilder/_sizes.scss
index 8a81b7631909..5ca56305a1d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/filterBuilder/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/filterBuilder/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-filterbuilder-icon-padding: null !default;
$material-filterbuilder-filled-editor-padding: null !default;
$material-filterbuilder-treeview-item-left-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/form/_colors.scss b/packages/devextreme-scss/scss/widgets/material/form/_colors.scss
index 3c2086a0bf64..dfeecd97654e 100644
--- a/packages/devextreme-scss/scss/widgets/material/form/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/form/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Label text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/form/_index.scss b/packages/devextreme-scss/scss/widgets/material/form/_index.scss
index b54848edd0a7..8d71aeb2d3bc 100644
--- a/packages/devextreme-scss/scss/widgets/material/form/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/form/_index.scss
@@ -1,17 +1,12 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/form";
@use "../../base/icon_fonts" as *;
@use "../textEditor/sizes" as *;
-
-// adduse
@use "../scrollable";
-
.dx-form-group-caption {
font-size: $material-form-group-caption-font-size;
}
diff --git a/packages/devextreme-scss/scss/widgets/material/form/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/form/_sizes.scss
index 189fd6ab26bd..617a8866ab61 100644
--- a/packages/devextreme-scss/scss/widgets/material/form/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/form/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-form-group-caption-bottom-margin: null !default;
$material-form-group-caption-bottom-padding: null !default;
$material-form-top-label-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/gallery/_colors.scss b/packages/devextreme-scss/scss/widgets/material/gallery/_colors.scss
index 0e8ef299b337..a275a276a7ee 100644
--- a/packages/devextreme-scss/scss/widgets/material/gallery/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/gallery/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Indicator background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/gallery/_index.scss b/packages/devextreme-scss/scss/widgets/material/gallery/_index.scss
index 3ca248682ce6..dddf250f3dab 100644
--- a/packages/devextreme-scss/scss/widgets/material/gallery/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/gallery/_index.scss
@@ -1,14 +1,10 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/gallery";
-// adduse
-
.dx-gallery {
.dx-gallery-nav-button-prev,
.dx-gallery-nav-button-next {
@@ -30,7 +26,7 @@
@include dx-icon-font-centered-sizing(32px);
&::after {
- content: '';
+ content: "";
position: absolute;
width: 32px;
height: 32px;
@@ -77,7 +73,6 @@
}
}
-
.dx-gallery-indicator {
pointer-events: none;
text-align: center;
diff --git a/packages/devextreme-scss/scss/widgets/material/gallery/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/gallery/_sizes.scss
index 227b65241805..acabaf3efdc2 100644
--- a/packages/devextreme-scss/scss/widgets/material/gallery/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/gallery/_sizes.scss
@@ -1,7 +1,3 @@
-@use "../sizes" as *;
-
-// adduse
-
$material-gallery-indicator-size: 8px !default;
$material-gallery-indicator-selected-size: 12px !default;
$material-gallery-button-padding: 8px !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/gantt/_colors.scss b/packages/devextreme-scss/scss/widgets/material/gantt/_colors.scss
index f02adc1151eb..de5874276173 100644
--- a/packages/devextreme-scss/scss/widgets/material/gantt/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/gantt/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../gridBase/colors" as *;
-// adduse
-
$gantt-collapsable-row-bg: null !default;
$gantt-icon-color: $datagrid-columnchooser-item-color !default;
$gantt-parent-task-background-color: null !default;
@@ -48,4 +45,3 @@ $gantt-task-background-color: null !default;
@if $mode == "dark" {
$gantt-collapsable-row-bg: color.adjust($base-bg, $lightness: 5%, $space: hsl) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/gantt/_index.scss b/packages/devextreme-scss/scss/widgets/material/gantt/_index.scss
index 9eae8abe7119..fcdcfef389c2 100644
--- a/packages/devextreme-scss/scss/widgets/material/gantt/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/gantt/_index.scss
@@ -7,11 +7,8 @@
@use "../../base/gantt/mixins" as *;
@use "../gridBase/colors" as *;
@use "../form/sizes" as *;
-
-// adduse
@use "../splitterBar";
-
$gantt-successor-background-color: white;
.dx-gantt {
@@ -119,7 +116,7 @@ $gantt-successor-background-color: white;
&:not(.dx-gantt-smallTask)::after,
&:not(.dx-gantt-smallTask):not(.dx-gantt-noPrg) .dx-gantt-tPrg::before,
&:not(.dx-gantt-smallTask).dx-gantt-cmpl .dx-gantt-tPrg::after {
- content: '';
+ content: "";
position: absolute;
bottom: -8px;
border-width: 4px;
diff --git a/packages/devextreme-scss/scss/widgets/material/gantt/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/gantt/_sizes.scss
index a1b69906b929..34ac4765d921 100644
--- a/packages/devextreme-scss/scss/widgets/material/gantt/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/gantt/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$gantt-header-item-height: null !default;
$gantt-task-title-padding-left: null !default;
$gantt-task-height: null !default;
@@ -25,4 +23,3 @@ $gantt-task-wrapper-padding-top: 0 !default;
$gantt-dependency-successor-size: 10px !default;
$gantt-milestone-size: 14px !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/gridBase/_colors.scss b/packages/devextreme-scss/scss/widgets/material/gridBase/_colors.scss
index b8ec8f64e4f7..3c3662d4e159 100644
--- a/packages/devextreme-scss/scss/widgets/material/gridBase/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/gridBase/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
-// adduse
-
$datagrid-base-color: $base-text-color !default;
/**
@@ -182,7 +179,7 @@ $datagrid-icon-link-disabled-opacity: $button-disabled-icon-opacity;
$datagrid-columnchooser-item-bg: $datagrid-columnchooser-bg !default;
$datagrid-row-alternation-bg: color.adjust($datagrid-base-background-color, $lightness: -4%, $space: hsl) !default;
$datagrid-hover-bg: color.adjust($datagrid-base-background-color, $lightness: -4%, $space: hsl) !default;
- $datagrid-text-stub-background-image-path: data-uri('images/widgets/material/color-schemes/light/grid/text-stub.png') !default;
+ $datagrid-text-stub-background-image-path: data-uri("images/widgets/material/color-schemes/light/grid/text-stub.png") !default;
$datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
$datagrid-row-invalid-faded-border-color: color.adjust($base-danger, $lightness: 44%, $space: hsl) !default;
}
@@ -197,7 +194,7 @@ $datagrid-icon-link-disabled-opacity: $button-disabled-icon-opacity;
$datagrid-columnchooser-item-bg: color.adjust($datagrid-columnchooser-bg, $lightness: 3%, $space: hsl) !default;
$datagrid-row-alternation-bg: color.adjust($datagrid-base-background-color, $lightness: 4%, $space: hsl) !default;
$datagrid-hover-bg: color.adjust($datagrid-base-background-color, $lightness: 4%, $space: hsl) !default;
- $datagrid-text-stub-background-image-path: data-uri('images/widgets/material/color-schemes/dark/grid/text-stub.png') !default;
+ $datagrid-text-stub-background-image-path: data-uri("images/widgets/material/color-schemes/dark/grid/text-stub.png") !default;
$datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
$datagrid-row-invalid-faded-border-color: color.adjust($base-danger, $lightness: -31%, $space: hsl) !default;
}
diff --git a/packages/devextreme-scss/scss/widgets/material/gridBase/_index.scss b/packages/devextreme-scss/scss/widgets/material/gridBase/_index.scss
index 0476ff537b8b..1afc72cc3cfb 100644
--- a/packages/devextreme-scss/scss/widgets/material/gridBase/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/gridBase/_index.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@use "sass:selector";
@use "colors" as *;
@use "../colors" as *;
@@ -21,11 +20,9 @@
@use "../button/sizes" as *;
@use "../validation/colors" as *;
@use "../typography/sizes" as *;
-
-// adduse
@use "variables" as *;
@forward "variables";
-@use 'layout/cell' as *;
+@use "layout/cell" as *;
@use "layout/aiChat" as *;
@use "../scrollable";
@use "../overlay";
@@ -564,7 +561,7 @@ $material-grid-base-group-panel-message-line-height: $material-button-text-line-
touch-action: pinch-zoom;
&::before {
- content: '';
+ content: "";
position: absolute;
top: 0;
left: 0;
diff --git a/packages/devextreme-scss/scss/widgets/material/gridBase/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/gridBase/_sizes.scss
index c6101b5455bf..0ea533d4e9aa 100644
--- a/packages/devextreme-scss/scss/widgets/material/gridBase/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/gridBase/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-grid-base-cell-height: null !default;
$material-grid-base-header-height: null !default;
$material-grid-base-cell-line-height: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/gridBase/layout/aiChat/_index.scss b/packages/devextreme-scss/scss/widgets/material/gridBase/layout/aiChat/_index.scss
index a406230481c2..1f608cf67e29 100644
--- a/packages/devextreme-scss/scss/widgets/material/gridBase/layout/aiChat/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/gridBase/layout/aiChat/_index.scss
@@ -1,7 +1,7 @@
-@use '../../../../base/gridBase/layout/aiChat/mixins' as *;
+@use "../../../../base/gridBase/layout/aiChat/mixins" as *;
@use "../../../colors" as *;
@use "../../../button/colors" as *;
-@use './sizes' as *;
+@use "./sizes" as *;
@use "../../../../base/widget" as *;
@include ai-chat-messagelist-empty(
$button-default-bg,
diff --git a/packages/devextreme-scss/scss/widgets/material/gridBase/layout/aiChat/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/gridBase/layout/aiChat/_sizes.scss
index a587b1ac7d9c..a5cd8a835bab 100644
--- a/packages/devextreme-scss/scss/widgets/material/gridBase/layout/aiChat/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/gridBase/layout/aiChat/_sizes.scss
@@ -1,3 +1,3 @@
-@use '../../../sizes' as *;
+@use "../../../sizes" as *;
$ai-chat-message-icon-size: $material-base-icon-size - 4px;
diff --git a/packages/devextreme-scss/scss/widgets/material/htmlEditor/_colors.scss b/packages/devextreme-scss/scss/widgets/material/htmlEditor/_colors.scss
index 78a44487c67d..992cff696dc8 100644
--- a/packages/devextreme-scss/scss/widgets/material/htmlEditor/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/htmlEditor/_colors.scss
@@ -1,11 +1,8 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../color" as extcolor;
-// adduse
-
$htmleditor-border-color: $base-border-color !default;
$htmleditor-invalid-border-color: $base-invalid-color !default;
$htmleditor-invalid-faded-border-color: $base-invalid-faded-border-color !default;
@@ -16,7 +13,6 @@ $htmleditor-resize-handle-bg: $base-accent !default;
$htmleditor-mention-bg: null !default;
$htmleditor-table-border-color: $base-border-color !default;
-
@if $mode == "light" {
$htmleditor-mention-bg: color.adjust($base-bg, $lightness: -12%, $space: hsl) !default;
}
diff --git a/packages/devextreme-scss/scss/widgets/material/htmlEditor/_index.scss b/packages/devextreme-scss/scss/widgets/material/htmlEditor/_index.scss
index 690914352545..f441466245d8 100644
--- a/packages/devextreme-scss/scss/widgets/material/htmlEditor/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/htmlEditor/_index.scss
@@ -16,8 +16,6 @@
@use "../../base/mixins" as *;
@use "../../base/htmlEditor";
-// adduse
-
.dx-htmleditor {
border-color: transparent;
position: relative;
@@ -41,7 +39,7 @@
right: 1px;
z-index: 2;
background-color: color.change($base-bg, $alpha: 0.4);
- content: '';
+ content: "";
pointer-events: none;
}
@@ -164,7 +162,7 @@
bottom: -1px;
height: 0;
width: 100%;
- content: '';
+ content: "";
position: absolute;
z-index: 2;
transform: scale(0);
diff --git a/packages/devextreme-scss/scss/widgets/material/htmlEditor/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/htmlEditor/_sizes.scss
index 8a392e3112c5..03c12ee590fa 100644
--- a/packages/devextreme-scss/scss/widgets/material/htmlEditor/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/htmlEditor/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "../toolbar/sizes" as *;
-// adduse
-
$material-toolbar-size-editor-width: null !default;
$material-htmleditor-toolbar-padding: null !default;
$material-html-editor-add-image-dialog-fileuploader-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/icons/_colors.scss b/packages/devextreme-scss/scss/widgets/material/icons/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/icons/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/icons/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/icons/_index.scss b/packages/devextreme-scss/scss/widgets/material/icons/_index.scss
index 1062deb9aa75..4e194c685efb 100644
--- a/packages/devextreme-scss/scss/widgets/material/icons/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/icons/_index.scss
@@ -1,20 +1,14 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
-
-// adduse
-
-
@include dx-font-icons("dxiconsmaterial", "DevExtreme Material Icons", "devextreme_material_icons", optimizeLegibility);
.dx-icon {
font-size: 24px;
line-height: 1;
white-space: nowrap;
- font-feature-settings: 'liga';
+ font-feature-settings: "liga";
}
.dx-tab {
diff --git a/packages/devextreme-scss/scss/widgets/material/icons/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/icons/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/icons/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/icons/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/informer/_colors.scss b/packages/devextreme-scss/scss/widgets/material/informer/_colors.scss
index e1065f4d4f14..d8059cab008d 100644
--- a/packages/devextreme-scss/scss/widgets/material/informer/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/informer/_colors.scss
@@ -1,8 +1,6 @@
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
$informer-error-color: $base-danger !default;
$informer-error-background-color: null !default;
$informer-info-color: $base-text-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/informer/_index.scss b/packages/devextreme-scss/scss/widgets/material/informer/_index.scss
index 3fb9269a558a..390b1582d4a3 100644
--- a/packages/devextreme-scss/scss/widgets/material/informer/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/informer/_index.scss
@@ -2,9 +2,6 @@
@use "colors" as *;
@use "sizes" as *;
@use "../../base/informer/mixins" as *;
-
-// adduse
-
@include informer(
$informer-error-color,
$informer-error-background-color,
diff --git a/packages/devextreme-scss/scss/widgets/material/informer/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/informer/_sizes.scss
index f4329c9043b3..ec138cca4a4c 100644
--- a/packages/devextreme-scss/scss/widgets/material/informer/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/informer/_sizes.scss
@@ -1,8 +1,6 @@
@use "../common/sizes" as *;
@use "../sizes" as *;
-// adduse
-
$informer-icon-size: $material-base-icon-size !default;
$informer-padding-inline: null !default;
$informer-padding-block: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/list/_colors.scss b/packages/devextreme-scss/scss/widgets/material/list/_colors.scss
index 756f5f8280fb..48d106a3b6bd 100644
--- a/packages/devextreme-scss/scss/widgets/material/list/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/list/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
-// adduse
-
/**
* $name 10. Group header text color
* $type color
@@ -84,4 +81,3 @@ $list-item-chevron-icon-color: $base-spin-icon-color !default;
$list-item-focused-selected-bg: color.change(#6e6e80, $alpha: 0.4) !default;
$list-item-active-bg: color.adjust($base-bg, $lightness: 20%, $space: hsl) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/list/_index.scss b/packages/devextreme-scss/scss/widgets/material/list/_index.scss
index 85daf28b9327..0394033ee1eb 100644
--- a/packages/devextreme-scss/scss/widgets/material/list/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/list/_index.scss
@@ -11,8 +11,6 @@
@use "../../base/list" as *;
@use "../../base/list/mixins" as *;
@use "../radioGroup/colors" as *;
-
-// adduse
@use "../badge";
$material-list-item-border-width: 1px;
@@ -47,7 +45,6 @@ $material-list-searchbox-padding-top: $material-list-searchbox-vertical-padding
font-size: $material-list-main-font-size;
}
-
.dx-clear-button-area {
width: $material-base-icon-size - 1px;
}
@@ -70,7 +67,6 @@ $material-list-searchbox-padding-top: $material-list-searchbox-vertical-padding
}
}
-
.dx-list-item-before-bag,
.dx-list-item-after-bag {
display: table-cell;
diff --git a/packages/devextreme-scss/scss/widgets/material/list/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/list/_sizes.scss
index 61a9d35270c3..5db6c3155fb6 100644
--- a/packages/devextreme-scss/scss/widgets/material/list/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/list/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "../list/colors" as *;
-// adduse
-
$material-list-vertical-padding: null !default;
$material-list-item-height: null !default;
$material-list-item-vertical-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/loadIndicator/_colors.scss b/packages/devextreme-scss/scss/widgets/material/loadIndicator/_colors.scss
index a8e0da3c2727..de8bc81878b9 100644
--- a/packages/devextreme-scss/scss/widgets/material/loadIndicator/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/loadIndicator/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Indicator color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/loadIndicator/_index.scss b/packages/devextreme-scss/scss/widgets/material/loadIndicator/_index.scss
index b099bc49be6a..8b56d7749009 100644
--- a/packages/devextreme-scss/scss/widgets/material/loadIndicator/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/loadIndicator/_index.scss
@@ -1,12 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/loadIndicator" as *;
-// adduse
-
.dx-loadindicator {
line-height: 100%;
}
diff --git a/packages/devextreme-scss/scss/widgets/material/loadIndicator/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/loadIndicator/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/loadIndicator/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/loadIndicator/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/loadPanel/_colors.scss b/packages/devextreme-scss/scss/widgets/material/loadPanel/_colors.scss
index d60f36aab0b3..70a6217b359f 100644
--- a/packages/devextreme-scss/scss/widgets/material/loadPanel/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/loadPanel/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../overlay/colors" as *;
-// adduse
-
$loadpanel-border-color: null !default;
$loadpanel-content-shadow-color: color.change($base-shadow-color, $alpha: 0.25) !default;
@@ -21,4 +18,3 @@ $loadpanel-content-bg: $overlay-content-bg !default;
@if $mode == "dark" {
$loadpanel-border-color: rgba(0, 0, 0, 0.2) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/loadPanel/_index.scss b/packages/devextreme-scss/scss/widgets/material/loadPanel/_index.scss
index 038ca7b6cf9f..c22f410eee53 100644
--- a/packages/devextreme-scss/scss/widgets/material/loadPanel/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/loadPanel/_index.scss
@@ -1,14 +1,8 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/loadPanel";
-
-// adduse
@use "../overlay";
-
.dx-loadpanel-content {
border: 1px solid;
border-color: $loadpanel-border-color;
diff --git a/packages/devextreme-scss/scss/widgets/material/loadPanel/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/loadPanel/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/loadPanel/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/loadPanel/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/lookup/_colors.scss b/packages/devextreme-scss/scss/widgets/material/lookup/_colors.scss
index 308a0a6455a9..f511134c6fce 100644
--- a/packages/devextreme-scss/scss/widgets/material/lookup/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/lookup/_colors.scss
@@ -1,9 +1,4 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
@use "../dropDownEditor/colors" as *;
-// adduse
-
$lookup-icon-color: $dropdowneditor-icon-color !default;
$lookup-icon-color-active: $dropdowneditor-icon-active-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/lookup/_index.scss b/packages/devextreme-scss/scss/widgets/material/lookup/_index.scss
index f72712a2ab20..0808c7dc773d 100644
--- a/packages/devextreme-scss/scss/widgets/material/lookup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/lookup/_index.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -11,8 +10,6 @@
@use "../common/mixins" as *;
@use "../../base/lookup";
@use "../../base/lookup/mixins" as *;
-
-// adduse
@use "../dropDownList";
.dx-lookup {
diff --git a/packages/devextreme-scss/scss/widgets/material/lookup/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/lookup/_sizes.scss
index 066833a702ab..86762577a3ac 100644
--- a/packages/devextreme-scss/scss/widgets/material/lookup/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/lookup/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-lookup-font-size: null !default;
$material-lookup-popup-content-padding: null !default;
$material-lookup-list-top: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/map/_index.scss b/packages/devextreme-scss/scss/widgets/material/map/_index.scss
index 7719b08c6cf0..112b5a2f4acb 100644
--- a/packages/devextreme-scss/scss/widgets/material/map/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/map/_index.scss
@@ -1,7 +1 @@
-@use "sass:color";
-@use "../colors" as *;
-@use "../sizes" as *;
@use "../../base/map";
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/menu/_colors.scss b/packages/devextreme-scss/scss/widgets/material/menu/_colors.scss
index 3bcd4f5df5f1..59a1959304e5 100644
--- a/packages/devextreme-scss/scss/widgets/material/menu/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/menu/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$menu-popup-bg: $base-bg !default;
$menu-item-hover-bg: $base-hover-bg !default;
@@ -14,7 +11,6 @@ $menu-item-hover-bg: $base-hover-bg !default;
$menu-color: $base-text-color !default;
$menu-item-expanded-color: $menu-color !default;
-
/**
* $name 20. Selected item background color
* $type color
@@ -38,4 +34,3 @@ $menu-container-shadow-color: null !default;
$menu-item-focused-selected-bg: color.change(#fff, $alpha: 0.14) !default;
$menu-container-shadow-color: color.change($base-shadow-color, $alpha: 0.4) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/menu/_index.scss b/packages/devextreme-scss/scss/widgets/material/menu/_index.scss
index 74dbf81fdb1c..86d8eec7b186 100644
--- a/packages/devextreme-scss/scss/widgets/material/menu/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/menu/_index.scss
@@ -6,12 +6,9 @@
@use "../button/sizes" as *;
@use "../menuBase/sizes" as *;
@use "../../base/icon_fonts" as *;
-
-// adduse
@use "../menuBase" as *;
@use "../../base/menu";
-
$material-menu-font-size: $material-base-font-size;
.dx-context-menu-container-border {
@@ -111,6 +108,6 @@ $material-menu-font-size: $material-base-font-size;
.dx-treeview-node-container:first-child > .dx-treeview-node {
border-bottom: 1px solid;
- border-bottom-color: $menu-popup-border-color
+ border-bottom-color: $menu-popup-border-color;
}
}
diff --git a/packages/devextreme-scss/scss/widgets/material/menu/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/menu/_sizes.scss
index 8c3383a3849b..a83a0ce6e25c 100644
--- a/packages/devextreme-scss/scss/widgets/material/menu/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/menu/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-menu-vertical-padding: null !default;
@if $size == "default" {
@@ -11,4 +9,3 @@ $material-menu-vertical-padding: null !default;
@if $size == "compact" {
$material-menu-vertical-padding: 8px !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/menuBase/_colors.scss b/packages/devextreme-scss/scss/widgets/material/menuBase/_colors.scss
index c408f29332a8..52cd7131d678 100644
--- a/packages/devextreme-scss/scss/widgets/material/menuBase/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/menuBase/_colors.scss
@@ -1,7 +1,3 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$menu-item-disabled-color: $base-disabled-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/menuBase/_index.scss b/packages/devextreme-scss/scss/widgets/material/menuBase/_index.scss
index b36c1854fda3..c58fb28cc838 100644
--- a/packages/devextreme-scss/scss/widgets/material/menuBase/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/menuBase/_index.scss
@@ -1,6 +1,4 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../menu/colors" as *;
@@ -10,8 +8,6 @@
@use "../../base/mixins" as *;
@use "../../base/menuBase";
-// adduse
-
$material-menu-arrow-image-size: 7px;
.dx-menu-item {
diff --git a/packages/devextreme-scss/scss/widgets/material/menuBase/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/menuBase/_sizes.scss
index c761c98529b3..cbcdc4c94b66 100644
--- a/packages/devextreme-scss/scss/widgets/material/menuBase/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/menuBase/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-menu-item-line-height: null !default;
$material-menu-item-with-icon-horizontal-padding: null !default;
$material-menu-horizontal-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/multiView/_colors.scss b/packages/devextreme-scss/scss/widgets/material/multiView/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/multiView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/multiView/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/multiView/_index.scss b/packages/devextreme-scss/scss/widgets/material/multiView/_index.scss
index 361eff4be843..82f4e2391545 100644
--- a/packages/devextreme-scss/scss/widgets/material/multiView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/multiView/_index.scss
@@ -1,9 +1,3 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/multiView";
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/multiView/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/multiView/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/multiView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/multiView/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/numberBox/_colors.scss b/packages/devextreme-scss/scss/widgets/material/numberBox/_colors.scss
index 85c497102dec..6058f56a9c89 100644
--- a/packages/devextreme-scss/scss/widgets/material/numberBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/numberBox/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
@use "../color" as extcolor;
-// adduse
-
$numberbox-spin-icon-color: $base-spin-icon-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/numberBox/_index.scss b/packages/devextreme-scss/scss/widgets/material/numberBox/_index.scss
index 4e09eb32c4fc..fafc13bc5d03 100644
--- a/packages/devextreme-scss/scss/widgets/material/numberBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/numberBox/_index.scss
@@ -1,17 +1,12 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../textEditor/sizes" as *;
@use "../textEditor/colors" as *;
@use "../../base/numberBox";
-
-// adduse
@use "../textEditor" as *;
-
.dx-numberbox-spin-container {
overflow: hidden;
width: $material-numberbox-spin-container-width;
@@ -60,4 +55,3 @@
background-position: center;
}
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/numberBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/numberBox/_sizes.scss
index d7e7dad31767..809c5cae58c8 100644
--- a/packages/devextreme-scss/scss/widgets/material/numberBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/numberBox/_sizes.scss
@@ -1,7 +1,3 @@
-@use "../sizes" as *;
-
-// adduse
-
$material-numberbox-spin-container-width: 24px !default;
$material-numberbox-spin-padding: 1px !default;
$material-numberbox-touch-friendly-spin-container-width: 74px !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/overlay/_colors.scss b/packages/devextreme-scss/scss/widgets/material/overlay/_colors.scss
index bc048d504c8a..e61eb8c5a1bc 100644
--- a/packages/devextreme-scss/scss/widgets/material/overlay/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/overlay/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$overlay-border-color: $base-border-color !default;
/**
@@ -25,4 +22,3 @@ $overlay-shader-bg: null !default;
@if $mode == "dark" {
$overlay-shader-bg: color.change($base-shadow-color, $alpha: 0.61) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/overlay/_index.scss b/packages/devextreme-scss/scss/widgets/material/overlay/_index.scss
index 1881badf0696..fa74cd6bc17d 100644
--- a/packages/devextreme-scss/scss/widgets/material/overlay/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/overlay/_index.scss
@@ -1,12 +1,8 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/mixins" as *;
@use "../../base/overlay";
-// adduse
.dx-overlay-shader {
background-color: $overlay-shader-bg;
}
@@ -14,4 +10,3 @@
.dx-overlay-wrapper {
@include dx-base-typography();
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/overlay/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/overlay/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/overlay/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/overlay/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/pagination/_colors.scss b/packages/devextreme-scss/scss/widgets/material/pagination/_colors.scss
index 8868f5b732ac..e252cfa5ee7f 100644
--- a/packages/devextreme-scss/scss/widgets/material/pagination/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/pagination/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 180. Pager selected item text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/pagination/_index.scss b/packages/devextreme-scss/scss/widgets/material/pagination/_index.scss
index 600ccf6264f4..f25e5d540cd1 100644
--- a/packages/devextreme-scss/scss/widgets/material/pagination/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/pagination/_index.scss
@@ -1,15 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/pagination";
@use "../gridBase/sizes" as *;
-// adduse
-
-
.dx-pager,
.dx-pagination {
padding: $material-pagination-paddings $material-grid-base-cell-horizontal-padding;
diff --git a/packages/devextreme-scss/scss/widgets/material/pagination/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/pagination/_sizes.scss
index f1feba50e3f5..3aef91b287f8 100644
--- a/packages/devextreme-scss/scss/widgets/material/pagination/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/pagination/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-pagination-paddings: 13px !default;
$material-pagination-separator-paddings: 8px !default;
$material-pagination-page-padding: 9px 12px !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/pivotGrid/_colors.scss b/packages/devextreme-scss/scss/widgets/material/pivotGrid/_colors.scss
index 6eef92e6c34c..43097ff56cfb 100644
--- a/packages/devextreme-scss/scss/widgets/material/pivotGrid/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/pivotGrid/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$pivotgrid-area-background: $base-bg !default;
$pivotgrid-border-color: $base-border-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/pivotGrid/_index.scss b/packages/devextreme-scss/scss/widgets/material/pivotGrid/_index.scss
index 7d8d65d7f38e..e8f0a912e74c 100644
--- a/packages/devextreme-scss/scss/widgets/material/pivotGrid/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/pivotGrid/_index.scss
@@ -32,9 +32,6 @@
$pivotgrid-button-top-padding: $pivotgrid-button-top-padding,
);
-// adduse
-
-
$material-pivotgrid-headers-font-size: 12px;
$material-pivotgrid-area-font-size: 13px;
$material-pivotgrid-chevron-icon-size: 20px;
@@ -69,7 +66,6 @@ $material-pivotgridfieldchooser-field-min-height: 36px;
}
}
-
.dx-pivotgrid {
background-color: $pivotgrid-area-background;
@@ -106,7 +102,6 @@ $material-pivotgridfieldchooser-field-min-height: 36px;
}
}
-
.dx-area-description-cell {
.dx-pivotgrid-toolbar {
padding-left: 8px;
diff --git a/packages/devextreme-scss/scss/widgets/material/pivotGrid/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/pivotGrid/_sizes.scss
index a9a1aa9c5a7d..d1b73f712e20 100644
--- a/packages/devextreme-scss/scss/widgets/material/pivotGrid/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/pivotGrid/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-pivotgrid-cell-padding: null !default;
$pivotgrid-common-left-right-padding: null !default;
$material-pivotgrid-expanded-cell-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/popover/_colors.scss b/packages/devextreme-scss/scss/widgets/material/popover/_colors.scss
index 30a8aa194a99..fcdcc8b08023 100644
--- a/packages/devextreme-scss/scss/widgets/material/popover/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/popover/_colors.scss
@@ -1,7 +1 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
@use "../overlay/colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/popover/_index.scss b/packages/devextreme-scss/scss/widgets/material/popover/_index.scss
index 13dfd1b4177c..e61fe24ba429 100644
--- a/packages/devextreme-scss/scss/widgets/material/popover/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/popover/_index.scss
@@ -1,14 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../overlay/colors" as *;
@use "../textEditor/colors" as *;
@use "../../base/popover";
-// adduse
-
.dx-popover-wrapper {
.dx-popup-title {
margin: 0;
diff --git a/packages/devextreme-scss/scss/widgets/material/popover/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/popover/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/popover/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/popover/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/popup/_colors.scss b/packages/devextreme-scss/scss/widgets/material/popup/_colors.scss
index 56531f5026f5..f97f71859068 100644
--- a/packages/devextreme-scss/scss/widgets/material/popup/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/popup/_colors.scss
@@ -1,9 +1,6 @@
-@use "sass:color";
@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 20. Header background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/popup/_index.scss b/packages/devextreme-scss/scss/widgets/material/popup/_index.scss
index 9cec3c3b089e..0082098d5238 100644
--- a/packages/devextreme-scss/scss/widgets/material/popup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/popup/_index.scss
@@ -1,15 +1,11 @@
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../overlay/colors" as *;
@use "../toolbar/mixins" as *;
@use "../toolbar/sizes" as *;
@use "../typography/sizes" as *;
@use "../../base/popup";
-
-// adduse
@use "../overlay";
$material-popup-toolbar-label-font-size: $material-m-font-size;
diff --git a/packages/devextreme-scss/scss/widgets/material/popup/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/popup/_sizes.scss
index 915d5d04055e..dd7904f7438b 100644
--- a/packages/devextreme-scss/scss/widgets/material/popup/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/popup/_sizes.scss
@@ -2,8 +2,6 @@
@use "../colors" as *;
@use "../sizes" as *;
-// adduse
-
$material-popup-content-padding: null !default;
$material-popup-content-withtitle-top-padding: null !default;
$material-popup-toolbar-horizontal-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/progressBar/_colors.scss b/packages/devextreme-scss/scss/widgets/material/progressBar/_colors.scss
index f23a2d6e18d1..c0ae68957732 100644
--- a/packages/devextreme-scss/scss/widgets/material/progressBar/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/progressBar/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Bar background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/progressBar/_index.scss b/packages/devextreme-scss/scss/widgets/material/progressBar/_index.scss
index 57b94ca58fae..58b93ad7bfc8 100644
--- a/packages/devextreme-scss/scss/widgets/material/progressBar/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/progressBar/_index.scss
@@ -1,14 +1,9 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/mixins" as *;
@use "../../base/progressBar";
-// adduse
-
$material-bar-height: 4px;
$material-background-width: 90%;
$material-progressbar-interdeterminate-state-gradient: -90deg, transparent 5%, $progressbar-range-indeterminate-color, transparent 95%;
diff --git a/packages/devextreme-scss/scss/widgets/material/progressBar/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/progressBar/_sizes.scss
index 22db6c944fa7..d1570c065425 100644
--- a/packages/devextreme-scss/scss/widgets/material/progressBar/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/progressBar/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-progressbar-status-padding: null !default;
@if $size == "default" {
diff --git a/packages/devextreme-scss/scss/widgets/material/radioButton/_colors.scss b/packages/devextreme-scss/scss/widgets/material/radioButton/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/radioButton/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/radioButton/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/radioButton/_index.scss b/packages/devextreme-scss/scss/widgets/material/radioButton/_index.scss
index cb9e02bf19d9..960a46991c2a 100644
--- a/packages/devextreme-scss/scss/widgets/material/radioButton/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/radioButton/_index.scss
@@ -1,15 +1,11 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/radioButton/mixins" as *;
@use "../radioGroup/colors" as *;
@use "../../base/radioButton";
-// adduse
-
$material-radiobutton-ripple-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
@include dx-radiobutton-icon-mixin(
diff --git a/packages/devextreme-scss/scss/widgets/material/radioButton/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/radioButton/_sizes.scss
index a5aeda0d48d4..90159a65a748 100644
--- a/packages/devextreme-scss/scss/widgets/material/radioButton/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/radioButton/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-radiobutton-size: null !default;
$material-radiobutton-dot-size: null !default;
$material-radiobutton-ripple-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/radioGroup/_colors.scss b/packages/devextreme-scss/scss/widgets/material/radioGroup/_colors.scss
index 8d7921fbb897..2939090ca6ab 100644
--- a/packages/devextreme-scss/scss/widgets/material/radioGroup/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/radioGroup/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$radiogroup-checked-bg: $base-accent !default;
$radiogroup-border-color: $base-icon-color !default;
$radiogroup-bg: $base-element-bg !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/radioGroup/_index.scss b/packages/devextreme-scss/scss/widgets/material/radioGroup/_index.scss
index f10f385efa7c..a841cdc4a9ed 100644
--- a/packages/devextreme-scss/scss/widgets/material/radioGroup/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/radioGroup/_index.scss
@@ -1,12 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/radioGroup/mixins" as *;
@use "../../base/radioGroup";
-
-// adduse
@use "../radioButton";
@include dx-radiogroup-mixin(
$material-radio-button-vertical-margin,
diff --git a/packages/devextreme-scss/scss/widgets/material/radioGroup/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/radioGroup/_sizes.scss
index 133ec5fa4e66..b39945bcca66 100644
--- a/packages/devextreme-scss/scss/widgets/material/radioGroup/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/radioGroup/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-radio-button-vertical-margin: null !default;
@if $size == "default" {
@@ -11,4 +9,3 @@ $material-radio-button-vertical-margin: null !default;
@else if $size == "compact" {
$material-radio-button-vertical-margin: 6px !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/rangeSlider/_colors.scss b/packages/devextreme-scss/scss/widgets/material/rangeSlider/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/rangeSlider/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/rangeSlider/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/rangeSlider/_index.scss b/packages/devextreme-scss/scss/widgets/material/rangeSlider/_index.scss
index 2f6de0cb7f53..583170ede72f 100644
--- a/packages/devextreme-scss/scss/widgets/material/rangeSlider/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/rangeSlider/_index.scss
@@ -1,13 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/rangeSlider";
-// adduse
-
-
$material-slider-handle-margin: -14px;
.dx-rangeslider-start-handle {
diff --git a/packages/devextreme-scss/scss/widgets/material/rangeSlider/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/rangeSlider/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/rangeSlider/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/rangeSlider/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/recurrenceEditor/_colors.scss b/packages/devextreme-scss/scss/widgets/material/recurrenceEditor/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/recurrenceEditor/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/recurrenceEditor/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/recurrenceEditor/_index.scss b/packages/devextreme-scss/scss/widgets/material/recurrenceEditor/_index.scss
index 049b4331da18..2ca39d753187 100644
--- a/packages/devextreme-scss/scss/widgets/material/recurrenceEditor/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/recurrenceEditor/_index.scss
@@ -1,14 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../scheduler/sizes" as *;
@use "../../base/recurrenceEditor" as *;
-// adduse
-
-
$material-recurrence-number-box-margin: 11px;
$material-recurrence-button-group-padding: 6px;
$material-recurrence-radio-group-margin: 15px;
diff --git a/packages/devextreme-scss/scss/widgets/material/recurrenceEditor/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/recurrenceEditor/_sizes.scss
index c8d1900d21e1..0403df277f15 100644
--- a/packages/devextreme-scss/scss/widgets/material/recurrenceEditor/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/recurrenceEditor/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-recurrence-until-date-box-top-margin: null !default;
$material-recurrence-count-number-box-top-margin: null !default;
$material-recurrence-interval-number-box-margin-top: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/responsiveBox/_colors.scss b/packages/devextreme-scss/scss/widgets/material/responsiveBox/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/responsiveBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/responsiveBox/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/responsiveBox/_index.scss b/packages/devextreme-scss/scss/widgets/material/responsiveBox/_index.scss
index bc780273f0e4..018ce315e8c7 100644
--- a/packages/devextreme-scss/scss/widgets/material/responsiveBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/responsiveBox/_index.scss
@@ -1,8 +1,2 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/responsiveBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/responsiveBox/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/responsiveBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/responsiveBox/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/scheduler/_colors.scss b/packages/devextreme-scss/scss/widgets/material/scheduler/_colors.scss
index 36419aac68b0..1d3349f02d9d 100644
--- a/packages/devextreme-scss/scss/widgets/material/scheduler/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/scheduler/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Border color
* $type color
@@ -88,4 +85,3 @@ $agenda-appointment-recurrence-icon-color: $base-inverted-text-color !default;
$agenda-appointment-hover-bg: $base-hover-bg !default;
$agenda-appointment-active-bg: color.change(#000, $alpha: 0.08) !default;
$agenda-appointment-text-color: $base-text-color !default;
-
diff --git a/packages/devextreme-scss/scss/widgets/material/scheduler/_index.scss b/packages/devextreme-scss/scss/widgets/material/scheduler/_index.scss
index 8f45e24750f9..9271cf0265e6 100644
--- a/packages/devextreme-scss/scss/widgets/material/scheduler/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/scheduler/_index.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -7,7 +6,7 @@
@use "../list/colors" as *;
@use "../radioGroup/sizes" as *;
@use "../toolbar/sizes" as *;
-@use '../../base/scheduler/layout/header' as *;
+@use "../../base/scheduler/layout/header" as *;
@use "../../base/mixins" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/scheduler" as baseScheduler with (
@@ -51,8 +50,6 @@
@use "../button/colors" as *;
@use "../button/mixins" as *;
@use "../tooltip/colors" as *;
-
-// adduse
@use "../recurrenceEditor" as *;
@use "../scrollable";
@@ -320,7 +317,6 @@ $material-scheduler-agenda-time-panel-cell-padding: 8px;
justify-content: flex-end;
}
-
&.dx-scheduler-header-panel-current-time-cell {
&::before {
content: none;
@@ -738,7 +734,6 @@ $material-scheduler-agenda-time-panel-cell-padding: 8px;
font-size: $material-scheduler-workspace-info-text-size;
}
-
.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th,
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell {
border-right: 1px solid;
diff --git a/packages/devextreme-scss/scss/widgets/material/scheduler/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/scheduler/_sizes.scss
index 6ff130bef2c8..26815ff6d53b 100644
--- a/packages/devextreme-scss/scss/widgets/material/scheduler/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/scheduler/_sizes.scss
@@ -2,8 +2,6 @@
@use "../button/colors" as *;
@use "../toolbar/sizes" as *;
-// adduse
-
$material-scheduler-workspace-date-table-cell-height: null !default;
$material-scheduler-toolbar-item-offset: null !default;
$material-scheduler-navigator-height: null !default;
@@ -79,7 +77,6 @@ $material-scheduler-appointment-popup-repeat-end-item-height: null !default;
$scheduler-timeline-cell-height: 50px !default;
-
@if $size == "default" {
$material-scheduler-workspace-date-table-cell-height: 38px !default;
@@ -93,7 +90,6 @@ $scheduler-timeline-cell-height: 50px !default;
$material-scheduler-appointment-tooltip-date-font-size: 14px !default;
$material-scheduler-workspace-month-cell-left-offset: 8px !default;
-
$material-scheduler-header-panel-table-cell-height: 56px !default;
$material-scheduler-appointment-content-padding: 5px 7px !default;
$material-scheduler-dropdown-appointment-margin-top: 7px !default;
@@ -160,7 +156,6 @@ $scheduler-timeline-cell-height: 50px !default;
$material-scheduler-appointment-tooltip-date-font-size: 11px !default;
$material-scheduler-workspace-month-cell-left-offset: 4px !default;
-
$material-scheduler-header-panel-table-cell-height: 40px !default;
$material-scheduler-appointment-content-padding: 2px 4px !default;
$material-scheduler-dropdown-appointment-margin-top: 3px !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/scrollView/_colors.scss b/packages/devextreme-scss/scss/widgets/material/scrollView/_colors.scss
index c152e5624b19..5cf69d882f49 100644
--- a/packages/devextreme-scss/scss/widgets/material/scrollView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/scrollView/_colors.scss
@@ -1,7 +1,4 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$scrollview-shadow-color: color.change($base-shadow-color, $alpha: 0.37) !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/scrollView/_index.scss b/packages/devextreme-scss/scss/widgets/material/scrollView/_index.scss
index 7dc2bb934651..b91875142119 100644
--- a/packages/devextreme-scss/scss/widgets/material/scrollView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/scrollView/_index.scss
@@ -1,12 +1,8 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../scrollable/colors" as *;
-
-// adduse
@use "../scrollable";
@use "../../base/scrollView";
@@ -57,7 +53,6 @@ $scrollview-loading-indicator-size: 42px;
box-shadow: 0 1px 3px 1px $scrollview-shadow-color;
opacity: 1;
-
> .dx-loadindicator {
height: 24px;
width: 24px;
diff --git a/packages/devextreme-scss/scss/widgets/material/scrollView/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/scrollView/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/scrollView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/scrollView/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/scrollable/_colors.scss b/packages/devextreme-scss/scss/widgets/material/scrollable/_colors.scss
index e723b17110db..19a505f87b2b 100644
--- a/packages/devextreme-scss/scss/widgets/material/scrollable/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/scrollable/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$scrollable-bg: $base-bg !default;
/**
@@ -20,4 +17,3 @@ $scrollable-scrollbar-bg: transparent !default;
@if $mode == "dark" {
$scrollable-scroll-bg: color.change(color.adjust($scrollable-bg, $lightness: 25%, $space: hsl), $alpha: 0.7) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/scrollable/_index.scss b/packages/devextreme-scss/scss/widgets/material/scrollable/_index.scss
index b6e57ffb243b..1e4656784985 100644
--- a/packages/devextreme-scss/scss/widgets/material/scrollable/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/scrollable/_index.scss
@@ -1,14 +1,8 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/scrollable";
@use "../../base/scrollable/mixins" as *;
-
-// adduse
-
@include dx-scrollable-scroll-content(
$scrollable-scroll-bg,
);
diff --git a/packages/devextreme-scss/scss/widgets/material/scrollable/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/scrollable/_sizes.scss
index a7d45bb2d151..28567ffc4f8a 100644
--- a/packages/devextreme-scss/scss/widgets/material/scrollable/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/scrollable/_sizes.scss
@@ -1,6 +1,2 @@
-@use "../sizes" as *;
-
-// adduse
-
$material-scrollbar-size-thin: 6px;
$material-scrollbar-size: 13px;
diff --git a/packages/devextreme-scss/scss/widgets/material/selectBox/_colors.scss b/packages/devextreme-scss/scss/widgets/material/selectBox/_colors.scss
index bf4984d3bfe1..5eb3287b2da5 100644
--- a/packages/devextreme-scss/scss/widgets/material/selectBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/selectBox/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Item background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/selectBox/_index.scss b/packages/devextreme-scss/scss/widgets/material/selectBox/_index.scss
index c4b6ed8e60f5..ec41d6e6dc4e 100644
--- a/packages/devextreme-scss/scss/widgets/material/selectBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/selectBox/_index.scss
@@ -1,12 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/selectBox";
-
-// adduse
-
@use "../dropDownList";
.dx-selectbox-popup-wrapper {
diff --git a/packages/devextreme-scss/scss/widgets/material/selectBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/selectBox/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/selectBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/selectBox/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/slider/_colors.scss b/packages/devextreme-scss/scss/widgets/material/slider/_colors.scss
index bd9822985bac..7e1f80ca937f 100644
--- a/packages/devextreme-scss/scss/widgets/material/slider/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/slider/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Bar background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/slider/_index.scss b/packages/devextreme-scss/scss/widgets/material/slider/_index.scss
index 2248a3290c24..36bf203145da 100644
--- a/packages/devextreme-scss/scss/widgets/material/slider/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/slider/_index.scss
@@ -3,13 +3,9 @@
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../material/tooltip/colors" as *;
@use "../../base/slider";
-
-// adduse
-
$material-slider-radius: 50%;
$material-slider-handle-active-border-width: 2px;
$material-slider-handle-inner-size: 12px;
diff --git a/packages/devextreme-scss/scss/widgets/material/slider/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/slider/_sizes.scss
index c78ff5436765..6a7fa38a0fdd 100644
--- a/packages/devextreme-scss/scss/widgets/material/slider/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/slider/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-slider-handle-size: null !default;
$material-slider-wrapper-height: null !default;
$material-slider-tooltip-width: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/sortable/_colors.scss b/packages/devextreme-scss/scss/widgets/material/sortable/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/sortable/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/sortable/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/sortable/_index.scss b/packages/devextreme-scss/scss/widgets/material/sortable/_index.scss
index b8ace30a01fb..2dbfdd7f1b48 100644
--- a/packages/devextreme-scss/scss/widgets/material/sortable/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/sortable/_index.scss
@@ -1,11 +1,6 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/sortable" as * with (
$base-accent: $base-accent,
);
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/sortable/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/sortable/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/sortable/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/sortable/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/speechToText/_colors.scss b/packages/devextreme-scss/scss/widgets/material/speechToText/_colors.scss
index 63068d06cc1a..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/speechToText/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/speechToText/_colors.scss
@@ -1,4 +0,0 @@
-@use "../colors" as *;
-@use "sass:color";
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/material/speechToText/_index.scss b/packages/devextreme-scss/scss/widgets/material/speechToText/_index.scss
index 3ae03fb5edbd..281b3c1ed233 100644
--- a/packages/devextreme-scss/scss/widgets/material/speechToText/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/speechToText/_index.scss
@@ -1,5 +1,3 @@
@use "../../base/speechToText";
@use "colors" as *;
@use "sizes" as *;
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/material/speechToText/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/speechToText/_sizes.scss
index 2f5a2c74b993..64c919a0e8b4 100644
--- a/packages/devextreme-scss/scss/widgets/material/speechToText/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/speechToText/_sizes.scss
@@ -1,4 +1 @@
@use "../common/sizes" as *;
-@use "../sizes" as *;
-
-// adduse
diff --git a/packages/devextreme-scss/scss/widgets/material/speedDialAction/_colors.scss b/packages/devextreme-scss/scss/widgets/material/speedDialAction/_colors.scss
index 9e120fdee980..4f63ce0be0f4 100644
--- a/packages/devextreme-scss/scss/widgets/material/speedDialAction/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/speedDialAction/_colors.scss
@@ -1,11 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../overlay/colors" as *;
-// adduse
-
-
$speed-dial-action-bg: null !default;
$speed-dial-action-hover-bg: null !default;
$speed-dial-action-active-bg: null !default;
@@ -14,7 +10,6 @@ $speed-dial-action-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2) !default;
$speed-dial-action-label-shadow: 0 2px 6px rgba(0, 0, 0, 0.16) !default;
$speed-dial-action-shading-color: $overlay-shader-bg !default;
-
@if $mode == "light" {
$speed-dial-action-bg: $base-bg !default;
$speed-dial-action-hover-bg: color.adjust($speed-dial-action-bg, $lightness: -8%, $space: hsl) !default;
@@ -26,4 +21,3 @@ $speed-dial-action-shading-color: $overlay-shader-bg !default;
$speed-dial-action-hover-bg: color.adjust($speed-dial-action-bg, $lightness: 8%, $space: hsl) !default;
$speed-dial-action-active-bg: color.adjust($speed-dial-action-bg, $lightness: 36%, $space: hsl) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/speedDialAction/_index.scss b/packages/devextreme-scss/scss/widgets/material/speedDialAction/_index.scss
index e353ba62437a..ac08160d72be 100644
--- a/packages/devextreme-scss/scss/widgets/material/speedDialAction/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/speedDialAction/_index.scss
@@ -1,12 +1,8 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/speedDialAction" as *;
@use "../button/colors" as *;
-
-// adduse
@use "../overlay";
$material-fa-button-size: 40px;
diff --git a/packages/devextreme-scss/scss/widgets/material/speedDialAction/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/speedDialAction/_sizes.scss
index eb95f0fbf897..bc68610c12b7 100644
--- a/packages/devextreme-scss/scss/widgets/material/speedDialAction/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/speedDialAction/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-main-fa-button-label-padding: null !default;
$material-main-fa-button-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/splitter/_colors.scss b/packages/devextreme-scss/scss/widgets/material/splitter/_colors.scss
index 1d22ff956b87..01d8484db546 100644
--- a/packages/devextreme-scss/scss/widgets/material/splitter/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/splitter/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Icon color
* $type color
@@ -28,21 +25,20 @@ $splitter-resize-handle-bg-hover: null !default;
*/
$splitter-resize-handle-bg-focused: $base-accent !default;
-@if $mode == 'light' {
+@if $mode == "light" {
$splitter-resize-handle-color: $base-text-color !default;
$splitter-resize-handle-bg: $base-hover-bg !default;
$splitter-resize-handle-bg-hover: color.change($base-inverted-bg, $alpha: 0.12) !default;
}
-@if $mode == 'dark' {
+@if $mode == "dark" {
$splitter-resize-handle-color: color.change($base-text-color, $alpha: 0.87) !default;
$splitter-resize-handle-bg: color.change($base-text-color, $alpha: 0.04) !default;
$splitter-resize-handle-bg-hover: color.change($base-text-color, $alpha: 0.12) !default;
}
-
/**
* $name 20. Hover state icon color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/splitter/_index.scss b/packages/devextreme-scss/scss/widgets/material/splitter/_index.scss
index 2293317c0861..6e4fafd67deb 100644
--- a/packages/devextreme-scss/scss/widgets/material/splitter/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/splitter/_index.scss
@@ -1,14 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../../base/splitter";
@use "../../base/splitter/mixins" as *;
-// adduse
-
.dx-splitter {
@include resize-handle-states(
$splitter-resize-handle-color,
diff --git a/packages/devextreme-scss/scss/widgets/material/splitter/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/splitter/_sizes.scss
index d0efe8228e1e..3af001d1096d 100644
--- a/packages/devextreme-scss/scss/widgets/material/splitter/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/splitter/_sizes.scss
@@ -1,5 +1 @@
-@use "../sizes" as *;
-
-// adduse
-
$splitter-resize-handle-icon-size: 24px;
diff --git a/packages/devextreme-scss/scss/widgets/material/splitterBar/_colors.scss b/packages/devextreme-scss/scss/widgets/material/splitterBar/_colors.scss
index 4157ae022c9d..8cdf1b628aec 100644
--- a/packages/devextreme-scss/scss/widgets/material/splitterBar/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/splitterBar/_colors.scss
@@ -1,8 +1,5 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$splitter-inactive-color: $base-border-color !default;
$splitter-bg: color.change($base-accent, $alpha: 0.5) !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/splitterBar/_index.scss b/packages/devextreme-scss/scss/widgets/material/splitterBar/_index.scss
index 1c3ce7709513..610150da3849 100644
--- a/packages/devextreme-scss/scss/widgets/material/splitterBar/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/splitterBar/_index.scss
@@ -1,11 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/splitterBar";
-// adduse
.dx-splitter-bar {
background-color: $splitter-bg;
diff --git a/packages/devextreme-scss/scss/widgets/material/splitterBar/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/splitterBar/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/splitterBar/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/splitterBar/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/stepper/_colors.scss b/packages/devextreme-scss/scss/widgets/material/stepper/_colors.scss
index e4ae8d2a7bbb..7356a2d32413 100644
--- a/packages/devextreme-scss/scss/widgets/material/stepper/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/stepper/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;
-// adduse
-
/**
* $name 10. Active color
* $type color
@@ -78,7 +75,7 @@ $stepper-connector-bg: $base-border-color !default;
*/
$stepper-connector-value-bg: $base-label-color !default;
-@if $mode == 'light' {
+@if $mode == "light" {
$stepper-step-base-bg: color.adjust($base-bg, $lightness: -38%, $space: hsl) !default;
$stepper-step-base-hover-bg: color.adjust($base-bg, $lightness: -42%, $space: hsl) !default;
@@ -88,7 +85,7 @@ $stepper-connector-value-bg: $base-label-color !default;
$stepper-step-disabled-bg: color.adjust($base-bg, $lightness: -12%, $space: hsl) !default;
}
-@if $mode == 'dark' {
+@if $mode == "dark" {
$stepper-step-base-bg: color.adjust($base-bg, $saturation: -5.59%, $lightness: 29.22%, $space: hsl) !default;
$stepper-step-base-hover-bg: color.adjust($base-bg, $saturation: -5.84%, $lightness: 32.16%, $space: hsl) !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/stepper/_index.scss b/packages/devextreme-scss/scss/widgets/material/stepper/_index.scss
index 6a9ab72d97c7..4a30b50220f4 100644
--- a/packages/devextreme-scss/scss/widgets/material/stepper/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/stepper/_index.scss
@@ -1,12 +1,7 @@
@use "../../base/stepper";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/stepper/mixins" as *;
-
-// adduse
-
@include stepper(
$stepper-padding,
);
diff --git a/packages/devextreme-scss/scss/widgets/material/stepper/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/stepper/_sizes.scss
index 860867da6ee7..eb8373fb4e6c 100644
--- a/packages/devextreme-scss/scss/widgets/material/stepper/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/stepper/_sizes.scss
@@ -1,10 +1,7 @@
@use "colors" as *;
-@use "../colors" as *;
@use "../sizes" as *;
@use "../typography/sizes" as *;
-// adduse
-
$stepper-padding: null !default;
$stepper-step-min-size: null !default;
$stepper-step-indicator-size: null !default;
@@ -14,7 +11,7 @@ $stepper-step-optional-mark-font-size: $material-xs-font-size !default;
$stepper-step-icon-size: $material-button-icon-size !default;
$stepper-step-selected-font-weight: 500 !default;
-$stepper-step-transition-duration: .2s !default;
+$stepper-step-transition-duration: 0.2s !default;
@if $size == "default" {
$stepper-padding: 12px !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/switch/_colors.scss b/packages/devextreme-scss/scss/widgets/material/switch/_colors.scss
index be9eef348bbc..f73c7925fc35 100644
--- a/packages/devextreme-scss/scss/widgets/material/switch/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/switch/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 20. Track 'OFF' background color
* $type color
@@ -43,4 +40,3 @@ $switch-invalid-container-bg: color.change($base-invalid-color, $alpha: 0.5) !de
$switch-handle-off-bg: color.adjust($base-element-bg, $lightness: 18.5%, $space: hsl) !default;
$switch-handle-disabled-bg: color.adjust($base-element-bg, $lightness: 26%, $space: hsl) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/switch/_index.scss b/packages/devextreme-scss/scss/widgets/material/switch/_index.scss
index 352f2fc4d55f..9b7f631c40ef 100644
--- a/packages/devextreme-scss/scss/widgets/material/switch/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/switch/_index.scss
@@ -2,13 +2,10 @@
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/mixins" as *;
@use "../../base/switch";
@use "../../base/switch/mixins" as *;
-// adduse
-
$material-switch-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
$material-switch-handle-on-shadow: 0 0 0 $material-switch-shadow-blur-radius color.change($switch-handle-on-bg, $alpha: 0.1);
$material-switch-shadow: 0 0 0 $material-switch-shadow-blur-radius color.change($base-text-color, $alpha: 0.1);
diff --git a/packages/devextreme-scss/scss/widgets/material/switch/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/switch/_sizes.scss
index 9a74c822803d..edc230fb821e 100644
--- a/packages/devextreme-scss/scss/widgets/material/switch/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/switch/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-switch-width: null !default;
$switch-padding: 10px !default;
$switch-container-vertical-margin: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/tabPanel/_colors.scss b/packages/devextreme-scss/scss/widgets/material/tabPanel/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/tabPanel/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tabPanel/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/tabPanel/_index.scss b/packages/devextreme-scss/scss/widgets/material/tabPanel/_index.scss
index 8acfa298ac9b..20decb1c853a 100644
--- a/packages/devextreme-scss/scss/widgets/material/tabPanel/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tabPanel/_index.scss
@@ -1,15 +1,11 @@
-@use "sass:color";
@use "sass:selector";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../tabs/variables/colors" as *;
@use "../tabs/mixins" as *;
@use "../../base/tabPanel";
-// adduse
-
.dx-tabpanel {
.dx-tabpanel-tab {
min-width: 72px;
diff --git a/packages/devextreme-scss/scss/widgets/material/tabPanel/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/tabPanel/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/tabPanel/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tabPanel/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/tabs/_index.scss b/packages/devextreme-scss/scss/widgets/material/tabs/_index.scss
index c8641f539d1a..b4f6819ef553 100644
--- a/packages/devextreme-scss/scss/widgets/material/tabs/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tabs/_index.scss
@@ -1,6 +1,3 @@
-@use "sass:color";
-@use "../colors" as *;
-@use "../sizes" as *;
@use "../button/colors" as *;
@use "../button/mixins" as *;
@use "../../base/icon_fonts" as *;
@@ -11,7 +8,5 @@
@use "layout/tabs" as *;
@use "layout/tab/base" as *;
@use "layout/navigation-button/base" as *;
-
-// adduse
@use "../scrollable";
@use "../badge";
diff --git a/packages/devextreme-scss/scss/widgets/material/tabs/layout/navigation-button/_base.scss b/packages/devextreme-scss/scss/widgets/material/tabs/layout/navigation-button/_base.scss
index cfa47da94dcd..b3f33fc3b19c 100644
--- a/packages/devextreme-scss/scss/widgets/material/tabs/layout/navigation-button/_base.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tabs/layout/navigation-button/_base.scss
@@ -1,6 +1,4 @@
-@use "sass:color";
@use "../../../colors" as *;
-@use "../../../sizes" as *;
@use "../../../button/colors" as *;
@use "../../../button/mixins" as *;
@use "../../../../base/icon_fonts" as *;
@@ -8,12 +6,9 @@
@use "../../variables/colors" as *;
@use "../../variables/sizes" as *;
@use "../../mixins" as *;
-
-// adduse
@use "../../../scrollable";
@use "../../../badge";
-
.dx-tabs-nav-button {
border: none;
background-color: $tabs-tab-background;
diff --git a/packages/devextreme-scss/scss/widgets/material/tabs/layout/tab/_base.scss b/packages/devextreme-scss/scss/widgets/material/tabs/layout/tab/_base.scss
index e24ff404e132..c67309af5155 100644
--- a/packages/devextreme-scss/scss/widgets/material/tabs/layout/tab/_base.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tabs/layout/tab/_base.scss
@@ -1,5 +1,3 @@
-@use "sass:color";
-@use "../../../colors" as *;
@use "../../../sizes" as *;
@use "../../../button/colors" as *;
@use "../../../button/mixins" as *;
@@ -8,14 +6,11 @@
@use "../../variables/colors" as *;
@use "../../variables/sizes" as *;
@use "../../mixins" as *;
-
-// adduse
@use "../../../scrollable";
@use "../../../badge";
@use "styling-mode/primary" as *;
@use "styling-mode/secondary" as *;
-
.dx-tab {
gap: $material-tabs-item-gap;
padding: $material-tabs-item-padding;
diff --git a/packages/devextreme-scss/scss/widgets/material/tabs/layout/tab/styling-mode/_primary.scss b/packages/devextreme-scss/scss/widgets/material/tabs/layout/tab/styling-mode/_primary.scss
index 119078182c34..ec7556264f56 100644
--- a/packages/devextreme-scss/scss/widgets/material/tabs/layout/tab/styling-mode/_primary.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tabs/layout/tab/styling-mode/_primary.scss
@@ -1,6 +1,3 @@
-@use "sass:color";
-@use "../../../../colors" as *;
-@use "../../../../sizes" as *;
@use "../../../../button/colors" as *;
@use "../../../../button/mixins" as *;
@use "../../../../../base/icon_fonts" as *;
@@ -8,12 +5,9 @@
@use "../../../variables/colors" as *;
@use "../../../variables/sizes" as *;
@use "../../../mixins" as *;
-
-// adduse
@use "../../../../scrollable";
@use "../../../../badge";
-
.dx-tabs-styling-mode-primary {
&.dx-tabs.dx-tabs-horizontal .dx-tabs-scrollable .dx-tab {
flex-basis: auto;
diff --git a/packages/devextreme-scss/scss/widgets/material/tabs/layout/tab/styling-mode/_secondary.scss b/packages/devextreme-scss/scss/widgets/material/tabs/layout/tab/styling-mode/_secondary.scss
index 894628c09872..2e6f52352090 100644
--- a/packages/devextreme-scss/scss/widgets/material/tabs/layout/tab/styling-mode/_secondary.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tabs/layout/tab/styling-mode/_secondary.scss
@@ -1,6 +1,3 @@
-@use "sass:color";
-@use "../../../../colors" as *;
-@use "../../../../sizes" as *;
@use "../../../../button/colors" as *;
@use "../../../../button/mixins" as *;
@use "../../../../../base/icon_fonts" as *;
@@ -8,12 +5,9 @@
@use "../../../variables/colors" as *;
@use "../../../variables/sizes" as *;
@use "../../../mixins" as *;
-
-// adduse
@use "../../../../scrollable";
@use "../../../../badge";
-
.dx-tabs-styling-mode-secondary {
&.dx-tabs-horizontal .dx-tabs-scrollable .dx-tab {
flex-basis: auto;
diff --git a/packages/devextreme-scss/scss/widgets/material/tabs/layout/tabs/_index.scss b/packages/devextreme-scss/scss/widgets/material/tabs/layout/tabs/_index.scss
index 9c1cc30d2183..0ff88d339e4c 100644
--- a/packages/devextreme-scss/scss/widgets/material/tabs/layout/tabs/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tabs/layout/tabs/_index.scss
@@ -1,6 +1,3 @@
-@use "sass:color";
-@use "../../../colors" as *;
-@use "../../../sizes" as *;
@use "../../../button/colors" as *;
@use "../../../button/mixins" as *;
@use "../../../../base/icon_fonts" as *;
@@ -8,12 +5,9 @@
@use "../../variables/colors" as *;
@use "../../variables/sizes" as *;
@use "../../mixins" as *;
-
-// adduse
@use "../../../scrollable";
@use "../../../badge";
-
.dx-tabs {
padding: 0;
background-color: $tabs-tab-background;
diff --git a/packages/devextreme-scss/scss/widgets/material/tabs/mixins/_index.scss b/packages/devextreme-scss/scss/widgets/material/tabs/mixins/_index.scss
index 1d84f0346bd2..e847c4558a2b 100644
--- a/packages/devextreme-scss/scss/widgets/material/tabs/mixins/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tabs/mixins/_index.scss
@@ -1,9 +1,6 @@
@use "../variables/colors" as *;
@use "../variables/sizes" as *;
-// adduse
-
-
@mixin dx-tabs-indicator-primary($position, $color) {
&::after {
content: "";
diff --git a/packages/devextreme-scss/scss/widgets/material/tabs/variables/_colors.scss b/packages/devextreme-scss/scss/widgets/material/tabs/variables/_colors.scss
index 6bb0cc811c71..1b4170a8fbdd 100644
--- a/packages/devextreme-scss/scss/widgets/material/tabs/variables/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tabs/variables/_colors.scss
@@ -2,8 +2,6 @@
@use "../../colors" as *;
@use "../../button/colors" as *;
-// adduse
-
$material-tabs-nav-button-background: color.change($button-default-hover-bg, $alpha: 0.08) !default;
/**
@@ -54,7 +52,6 @@ $tabs-tab-icon-color: $tabs-tab-color !default;
*/
$tabs-tab-icon-selected-color: $tabs-tab-selected-color !default;
-
$tabs-tab-button-disabled-opacity: 0 !default;
/**
diff --git a/packages/devextreme-scss/scss/widgets/material/tabs/variables/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/tabs/variables/_sizes.scss
index 04d11887f58e..97c92422d3a9 100644
--- a/packages/devextreme-scss/scss/widgets/material/tabs/variables/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tabs/variables/_sizes.scss
@@ -1,7 +1,5 @@
@use "../../sizes" as *;
-// adduse
-
$material-tabs-item-gap: 4px !default;
$material-tabs-item-padding: null !default;
$material-tabs-item-padding-horizontal: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/tagBox/_colors.scss b/packages/devextreme-scss/scss/widgets/material/tagBox/_colors.scss
index 67f3c5b08ac5..31a8a2bddcc9 100644
--- a/packages/devextreme-scss/scss/widgets/material/tagBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tagBox/_colors.scss
@@ -1,10 +1,7 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Tag text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/tagBox/_index.scss b/packages/devextreme-scss/scss/widgets/material/tagBox/_index.scss
index 479ccbe20a65..0da032bdb7bc 100644
--- a/packages/devextreme-scss/scss/widgets/material/tagBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tagBox/_index.scss
@@ -1,16 +1,11 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../textEditor" as *;
@use "../common/sizes" as *;
@use "../../base/tagBox";
-// adduse
-
.dx-tagbox {
.dx-tag-container {
height: 100%;
diff --git a/packages/devextreme-scss/scss/widgets/material/tagBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/tagBox/_sizes.scss
index b3f60ec66f04..af20f502f158 100644
--- a/packages/devextreme-scss/scss/widgets/material/tagBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tagBox/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-tagbox-tag-content-padding-left: null !default;
$material-tagbox-tag-content-padding-right: null !default;
$material-tagbox-tag-content-vertical-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/textArea/_colors.scss b/packages/devextreme-scss/scss/widgets/material/textArea/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/textArea/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/textArea/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/textArea/_index.scss b/packages/devextreme-scss/scss/widgets/material/textArea/_index.scss
index 4f1af20a17ce..8856250b472d 100644
--- a/packages/devextreme-scss/scss/widgets/material/textArea/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/textArea/_index.scss
@@ -1,15 +1,9 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/textArea";
@use "../../base/textArea/mixins" as *;
@use "../textEditor/sizes" as *;
-
-// adduse
-
@include dx-textarea(
2px,
$textarea-content-line-height,
diff --git a/packages/devextreme-scss/scss/widgets/material/textArea/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/textArea/_sizes.scss
index 500c42cdb0ee..c3d93736ffcc 100644
--- a/packages/devextreme-scss/scss/widgets/material/textArea/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/textArea/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "../textEditor/sizes" as *;
-// adduse
-
$textarea-content-line-height: null !default;
$textarea-font-size: $material-texteditor-font-size !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/textBox/_colors.scss b/packages/devextreme-scss/scss/widgets/material/textBox/_colors.scss
index 561777d55d0f..b90a4e3f3367 100644
--- a/packages/devextreme-scss/scss/widgets/material/textBox/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/textBox/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 80. Search icon color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/textBox/_index.scss b/packages/devextreme-scss/scss/widgets/material/textBox/_index.scss
index 84001af332eb..dacb0d90e04e 100644
--- a/packages/devextreme-scss/scss/widgets/material/textBox/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/textBox/_index.scss
@@ -1,15 +1,11 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/icon_fonts" as *;
@use "../textEditor/colors" as *;
@use "../textEditor/sizes" as *;
@use "../../base/textBox";
-
-// adduse
@use "../textEditor" as *;
$textbox-search-icon-right-padding: math.div($material-filled-texteditor-input-horizontal-padding, 2);
diff --git a/packages/devextreme-scss/scss/widgets/material/textBox/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/textBox/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/textBox/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/textBox/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/textEditor/_colors.scss b/packages/devextreme-scss/scss/widgets/material/textEditor/_colors.scss
index 97b856017bd2..e05f1ab8f71e 100644
--- a/packages/devextreme-scss/scss/widgets/material/textEditor/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/textEditor/_colors.scss
@@ -2,8 +2,6 @@
@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Text color
* $type color
@@ -77,4 +75,3 @@ $texteditor-label-transition:
--dx-texteditor-color-text: #{$texteditor-color};
--dx-texteditor-color-label: #{$texteditor-label-color};
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/textEditor/_index.scss b/packages/devextreme-scss/scss/widgets/material/textEditor/_index.scss
index fdeb2aee308b..ae152575c305 100644
--- a/packages/devextreme-scss/scss/widgets/material/textEditor/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/textEditor/_index.scss
@@ -13,8 +13,6 @@
@use "../../base/textEditor/mixins" as *;
@use "../colorBox/sizes" as *;
-// adduse
-
$material-base-standard-texteditor-input-horizontal-padding: 0;
$material-texteditor-icon-container-size: $material-base-icon-size - 2px;
$material-texteditor-invalid-badge-size: $material-invalid-badge-size + 2 * $material-invalid-badge-horizontal-padding;
@@ -108,7 +106,7 @@ $material-editor-custom-button-margin: 5px;
bottom: 0;
height: 0;
width: 100%;
- content: '';
+ content: "";
position: absolute;
}
@@ -293,7 +291,6 @@ $material-editor-custom-button-margin: 5px;
}
}
-
/* B231111 */
.dx-placeholder {
color: $texteditor-placeholder-color;
diff --git a/packages/devextreme-scss/scss/widgets/material/textEditor/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/textEditor/_sizes.scss
index 4cf7d647c956..8082b872260d 100644
--- a/packages/devextreme-scss/scss/widgets/material/textEditor/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/textEditor/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-texteditor-font-size: null !default;
$material-texteditor-clear-icon-size: null !default;
$material-texteditor-label-top-offset: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/tileView/_colors.scss b/packages/devextreme-scss/scss/widgets/material/tileView/_colors.scss
index 1ac51ec80923..a14c3479e3a8 100644
--- a/packages/devextreme-scss/scss/widgets/material/tileView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tileView/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Item text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/tileView/_index.scss b/packages/devextreme-scss/scss/widgets/material/tileView/_index.scss
index e59c21678b65..2706867bc0b9 100644
--- a/packages/devextreme-scss/scss/widgets/material/tileView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tileView/_index.scss
@@ -1,13 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/tileView";
-// adduse
-
-
.dx-tile {
color: $tileview-color;
background-color: $tileview-bg;
diff --git a/packages/devextreme-scss/scss/widgets/material/tileView/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/tileView/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/tileView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tileView/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/timeView/_colors.scss b/packages/devextreme-scss/scss/widgets/material/timeView/_colors.scss
index a071b2b2cca9..fb042b161cb7 100644
--- a/packages/devextreme-scss/scss/widgets/material/timeView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/timeView/_colors.scss
@@ -1,6 +1,3 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
$clock-digits-color: $base-icon-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/timeView/_index.scss b/packages/devextreme-scss/scss/widgets/material/timeView/_index.scss
index 4134bdae4cbf..8f07e586ac9b 100644
--- a/packages/devextreme-scss/scss/widgets/material/timeView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/timeView/_index.scss
@@ -1,15 +1,10 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../textEditor/sizes" as *;
@use "../../base/timeView/mixins" as *;
@use "../../base/timeView";
-
-// adduse
-
@include clock-action-icons-mixin($base-accent, $base-bg, $clock-digits-color);
.dx-timeview {
diff --git a/packages/devextreme-scss/scss/widgets/material/timeView/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/timeView/_sizes.scss
index 7bf9e5d1db2e..6824df023e6c 100644
--- a/packages/devextreme-scss/scss/widgets/material/timeView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/timeView/_sizes.scss
@@ -1,7 +1,3 @@
-@use "../sizes" as *;
-
-// adduse
-
$material-timeview-field-min-height: 35px !default;
$material-timeview-time-separator-margin: 5px !default;
$material-timeview-format12-width: 64px !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/toast/_colors.scss b/packages/devextreme-scss/scss/widgets/material/toast/_colors.scss
index 9104af6d8c1b..5c2435afdc96 100644
--- a/packages/devextreme-scss/scss/widgets/material/toast/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/toast/_colors.scss
@@ -2,8 +2,6 @@
@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Text color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/toast/_index.scss b/packages/devextreme-scss/scss/widgets/material/toast/_index.scss
index 77812e6d6ede..8a04abb272d9 100644
--- a/packages/devextreme-scss/scss/widgets/material/toast/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/toast/_index.scss
@@ -1,14 +1,9 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/toast";
-
-// adduse
@use "../overlay";
-
.dx-toast-content {
color: $toast-color;
font-size: $material-base-font-size;
diff --git a/packages/devextreme-scss/scss/widgets/material/toast/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/toast/_sizes.scss
index d18a7b53cc7d..fe5f4373d3e1 100644
--- a/packages/devextreme-scss/scss/widgets/material/toast/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/toast/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-toast-content-padding: null !default;
$material-toast-height: null !default;
$material-toast-shadow-color: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/toolbar/_colors.scss b/packages/devextreme-scss/scss/widgets/material/toolbar/_colors.scss
index a47eaa4ded56..52a4fe98567a 100644
--- a/packages/devextreme-scss/scss/widgets/material/toolbar/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/toolbar/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
/**
* $name 10. Background color
* $type color
diff --git a/packages/devextreme-scss/scss/widgets/material/toolbar/_index.scss b/packages/devextreme-scss/scss/widgets/material/toolbar/_index.scss
index 7358c45b77f9..035293268dea 100644
--- a/packages/devextreme-scss/scss/widgets/material/toolbar/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/toolbar/_index.scss
@@ -1,5 +1,4 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@@ -13,8 +12,6 @@
@use "mixins" as *;
@use "../../base/toolbar";
@use "../../base/toolbar/mixins" as *;
-
-// adduse
@use "../dropDownMenu";
.dx-toolbar {
diff --git a/packages/devextreme-scss/scss/widgets/material/toolbar/_mixins.scss b/packages/devextreme-scss/scss/widgets/material/toolbar/_mixins.scss
index 7e2faf16ac9a..a2f24cf1c6cd 100644
--- a/packages/devextreme-scss/scss/widgets/material/toolbar/_mixins.scss
+++ b/packages/devextreme-scss/scss/widgets/material/toolbar/_mixins.scss
@@ -1,6 +1,5 @@
@use "sizes" as *;
@use "../typography/sizes" as *;
-@use "../colors" as *;
@mixin dx-toolbar-sizing($height, $padding, $label-font-size, $item-spacing) {
padding: $padding;
diff --git a/packages/devextreme-scss/scss/widgets/material/toolbar/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/toolbar/_sizes.scss
index 9f3a3fad526a..38e703b0bc75 100644
--- a/packages/devextreme-scss/scss/widgets/material/toolbar/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/toolbar/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "../typography/sizes" as *;
-// adduse
-
$material-toolbar-height: null !default;
$material-toolbar-menu-vertical-padding: null !default;
$material-toolbar-menu-item-line-height: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/tooltip/_colors.scss b/packages/devextreme-scss/scss/widgets/material/tooltip/_colors.scss
index 21c6bf940a24..78c48effe6cf 100644
--- a/packages/devextreme-scss/scss/widgets/material/tooltip/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tooltip/_colors.scss
@@ -4,8 +4,6 @@
@use "../overlay/colors" as *;
@use "../color" as extcolor;
-// adduse
-
/**
* $name 10. Text color
* $type color
@@ -26,4 +24,3 @@ $tooltip-border-radius: $base-border-radius !default;
@if $mode == "dark" {
$tooltip-bg: color.adjust($base-bg, $lightness: 60%, $space: hsl) !default;
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/tooltip/_index.scss b/packages/devextreme-scss/scss/widgets/material/tooltip/_index.scss
index 68f535e30628..1ab87330da99 100644
--- a/packages/devextreme-scss/scss/widgets/material/tooltip/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tooltip/_index.scss
@@ -1,13 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/tooltip";
-// adduse
-
-
.dx-tooltip-wrapper {
.dx-overlay-content {
background-color: $tooltip-bg;
diff --git a/packages/devextreme-scss/scss/widgets/material/tooltip/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/tooltip/_sizes.scss
index 16d4bb84ddab..2dacb2e99572 100644
--- a/packages/devextreme-scss/scss/widgets/material/tooltip/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/tooltip/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-tooltip-padding: null !default;
@if $size == "default" {
diff --git a/packages/devextreme-scss/scss/widgets/material/treeList/_colors.scss b/packages/devextreme-scss/scss/widgets/material/treeList/_colors.scss
index 829047cd80d4..4f9a5fb75047 100644
--- a/packages/devextreme-scss/scss/widgets/material/treeList/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/treeList/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
@use "../gridBase/colors" as *;
-// adduse
-
$treelist-chevron-icon-color: $base-spin-icon-color !default;
$treelist-selection-chevron-icon-color: $treelist-chevron-icon-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/treeList/_index.scss b/packages/devextreme-scss/scss/widgets/material/treeList/_index.scss
index ffc43edbed56..bda60a9bda8f 100644
--- a/packages/devextreme-scss/scss/widgets/material/treeList/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/treeList/_index.scss
@@ -1,9 +1,7 @@
@use "sass:math";
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/mixins" as *;
@use "../../base/icon_fonts" as *;
@use "../gridBase" as *;
@@ -23,9 +21,7 @@
$header-filter-color-empty: $header-filter-color-empty,
$base-focus-color: $base-focus-color,
);
-
-// adduse
-@use 'layout/cell';
+@use "layout/cell";
@include grid-base(treelist);
.dx-treelist-rowsview {
diff --git a/packages/devextreme-scss/scss/widgets/material/treeList/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/treeList/_sizes.scss
index 28a06dc75868..0df2f6e79a72 100644
--- a/packages/devextreme-scss/scss/widgets/material/treeList/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/treeList/_sizes.scss
@@ -1,8 +1,6 @@
@use "../sizes" as *;
@use "../../base/treeList/variables" as *;
-// adduse
-
$treelist-material-expand-icon-size: null !default;
$treelist-material-expand-checkbox-size: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/treeView/_colors.scss b/packages/devextreme-scss/scss/widgets/material/treeView/_colors.scss
index ba7bf3050009..11ca9383edba 100644
--- a/packages/devextreme-scss/scss/widgets/material/treeView/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/treeView/_colors.scss
@@ -1,9 +1,6 @@
@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$treeview-color: $base-text-color !default;
/**
diff --git a/packages/devextreme-scss/scss/widgets/material/treeView/_index.scss b/packages/devextreme-scss/scss/widgets/material/treeView/_index.scss
index b76e5427f6b2..81b00292b3c8 100644
--- a/packages/devextreme-scss/scss/widgets/material/treeView/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/treeView/_index.scss
@@ -46,8 +46,8 @@
$material-treeview-toggle-item-width + $material-treeview-item-element-gap,
);
@include default-expander-icon(
- 'chevrondown',
- 'chevronright',
+ "chevrondown",
+ "chevronright",
$material-base-icon-size,
$material-treeview-toggle-item-width,
$treeview-spin-icon-color,
diff --git a/packages/devextreme-scss/scss/widgets/material/treeView/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/treeView/_sizes.scss
index 9044738f42cd..a9a01c5e3df1 100644
--- a/packages/devextreme-scss/scss/widgets/material/treeView/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/treeView/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-treeview-toggle-item-width: null !default;
$material-treeview-checkbox-offset: null !default;
$material-treeview-item-padding: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/typography/_colors.scss b/packages/devextreme-scss/scss/widgets/material/typography/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/typography/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/typography/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/typography/_index.scss b/packages/devextreme-scss/scss/widgets/material/typography/_index.scss
index 11134593ac91..bb543c349757 100644
--- a/packages/devextreme-scss/scss/widgets/material/typography/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/typography/_index.scss
@@ -1,61 +1,57 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/mixins" as *;
@use "mixins" as *;
-
-// adduse
@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700";
@import "https://fonts.googleapis.com/earlyaccess/notokufiarabic.css";
@font-face {
- font-family: 'roboto fallback';
+ font-family: "roboto fallback";
font-style: normal;
font-weight: 300;
src:
- local('Roboto Light'),
- local('Roboto-Light'),
- url("fonts/Roboto-300.woff2") format('woff2'),
- url("fonts/Roboto-300.woff") format('woff'),
- url("fonts/Roboto-300.ttf") format('truetype');
+ local("Roboto Light"),
+ local("Roboto-Light"),
+ url("fonts/Roboto-300.woff2") format("woff2"),
+ url("fonts/Roboto-300.woff") format("woff"),
+ url("fonts/Roboto-300.ttf") format("truetype");
}
@font-face {
- font-family: 'roboto fallback';
+ font-family: "roboto fallback";
font-style: normal;
font-weight: 400;
src:
- local('Roboto'),
- local('Roboto-Regular'),
- url("fonts/Roboto-400.woff2") format('woff2'),
- url("fonts/Roboto-400.woff") format('woff'),
- url("fonts/Roboto-400.ttf") format('truetype');
+ local("Roboto"),
+ local("Roboto-Regular"),
+ url("fonts/Roboto-400.woff2") format("woff2"),
+ url("fonts/Roboto-400.woff") format("woff"),
+ url("fonts/Roboto-400.ttf") format("truetype");
}
@font-face {
- font-family: 'roboto fallback';
+ font-family: "roboto fallback";
font-style: normal;
font-weight: 500;
src:
- local('Roboto Medium'),
- local('Roboto-Medium'),
- url("fonts/Roboto-500.woff2") format('woff2'),
- url("fonts/Roboto-500.woff") format('woff'),
- url("fonts/Roboto-500.ttf") format('truetype');
+ local("Roboto Medium"),
+ local("Roboto-Medium"),
+ url("fonts/Roboto-500.woff2") format("woff2"),
+ url("fonts/Roboto-500.woff") format("woff"),
+ url("fonts/Roboto-500.ttf") format("truetype");
}
@font-face {
- font-family: 'roboto fallback';
+ font-family: "roboto fallback";
font-style: normal;
font-weight: 700;
src:
- local('Roboto Bold'),
- local('Roboto-Bold'),
- url("fonts/Roboto-700.woff2") format('woff2'),
- url("fonts/Roboto-700.woff") format('woff'),
- url("fonts/Roboto-700.ttf") format('truetype');
+ local("Roboto Bold"),
+ local("Roboto-Bold"),
+ url("fonts/Roboto-700.woff2") format("woff2"),
+ url("fonts/Roboto-700.woff") format("woff"),
+ url("fonts/Roboto-700.ttf") format("truetype");
}
.dx-theme-material-typography {
diff --git a/packages/devextreme-scss/scss/widgets/material/typography/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/typography/_sizes.scss
index e2ec13fb78a2..c9ab6f8f1224 100644
--- a/packages/devextreme-scss/scss/widgets/material/typography/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/typography/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-xl-font-size: null !default;
$material-l-font-size: null !default;
$material-m-font-size: null !default;
@@ -57,4 +55,3 @@ $material-h6-font-size: null !default;
--dx-font-size-sm: #{$material-s-font-size};
--dx-font-size-xs: #{$material-xs-font-size};
}
-
diff --git a/packages/devextreme-scss/scss/widgets/material/validation/_colors.scss b/packages/devextreme-scss/scss/widgets/material/validation/_colors.scss
index 54b4c00e535c..3581893abe01 100644
--- a/packages/devextreme-scss/scss/widgets/material/validation/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/validation/_colors.scss
@@ -1,9 +1,5 @@
-@use "sass:color";
-@use "../sizes" as *;
@use "../colors" as *;
-// adduse
-
$validation-message-color: $base-inverted-text-color !default;
$validation-message-background-color: $base-invalid-color !default;
$validation-summary-color: $base-invalid-color !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/validation/_index.scss b/packages/devextreme-scss/scss/widgets/material/validation/_index.scss
index 6613854b1efc..45e96feccdfb 100644
--- a/packages/devextreme-scss/scss/widgets/material/validation/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/validation/_index.scss
@@ -1,12 +1,7 @@
-@use "sass:color";
@use "colors" as *;
-@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../../base/validation" as *;
@use "../textEditor/sizes" as *;
-
-// adduse
@use "../overlay";
@include dx-base-validation($validation-summary-color, $validation-message-color, $validation-message-background-color, $material-validation-overlay-border-radius);
@include dx-modern-styles-validation(
diff --git a/packages/devextreme-scss/scss/widgets/material/validation/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/validation/_sizes.scss
index d2719b068f80..ba97716f3337 100644
--- a/packages/devextreme-scss/scss/widgets/material/validation/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/validation/_sizes.scss
@@ -1,7 +1,5 @@
@use "../sizes" as *;
-// adduse
-
$material-validation-message-padding: null !default;
$material-validationsummary-item-margin: null !default;
$material-validation-message-line-height: null !default;
diff --git a/packages/devextreme-scss/scss/widgets/material/widget/_colors.scss b/packages/devextreme-scss/scss/widgets/material/widget/_colors.scss
index 89c53a85429e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/widget/_colors.scss
+++ b/packages/devextreme-scss/scss/widgets/material/widget/_colors.scss
@@ -1,6 +0,0 @@
-@use "sass:color";
-@use "../sizes" as *;
-@use "../colors" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/scss/widgets/material/widget/_index.scss b/packages/devextreme-scss/scss/widgets/material/widget/_index.scss
index f22138c1e536..8cb9758a4f63 100644
--- a/packages/devextreme-scss/scss/widgets/material/widget/_index.scss
+++ b/packages/devextreme-scss/scss/widgets/material/widget/_index.scss
@@ -1,13 +1,9 @@
-@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
-@use "../sizes" as *;
@use "../common/mixins" as *;
@use "../../base/widget";
-// adduse
-
.dx-widget {
@include dx-base-typography();
}
diff --git a/packages/devextreme-scss/scss/widgets/material/widget/_sizes.scss b/packages/devextreme-scss/scss/widgets/material/widget/_sizes.scss
index 43b104010f9e..e69de29bb2d1 100644
--- a/packages/devextreme-scss/scss/widgets/material/widget/_sizes.scss
+++ b/packages/devextreme-scss/scss/widgets/material/widget/_sizes.scss
@@ -1,4 +0,0 @@
-@use "../sizes" as *;
-
-// adduse
-
diff --git a/packages/devextreme-scss/tests/unused-elements.test.ts b/packages/devextreme-scss/tests/unused-elements.test.ts
index 01b22c670cba..559096b709b3 100644
--- a/packages/devextreme-scss/tests/unused-elements.test.ts
+++ b/packages/devextreme-scss/tests/unused-elements.test.ts
@@ -9,7 +9,7 @@ const getFilePath = (fileName: string): string => {
};
const getImagesFromContent = (content: string): string[] => {
- const dataUriRegex = /data-uri\((?:'(image\/svg\+xml;charset=UTF-8)',\s)?['"]?([^)'"]+)['"]?\)/g;
+ const dataUriRegex = /data-uri\((?:['"](image\/svg\+xml;charset=UTF-8)['"],\s)?['"]?([^)'"]+)['"]?\)/g;
const result: string[] = [];
let match = dataUriRegex.exec(content);
diff --git a/packages/devextreme-themebuilder/src/metadata/resolve-data-uri.ts b/packages/devextreme-themebuilder/src/metadata/resolve-data-uri.ts
index 1add50214047..31b2bd4f401f 100644
--- a/packages/devextreme-themebuilder/src/metadata/resolve-data-uri.ts
+++ b/packages/devextreme-themebuilder/src/metadata/resolve-data-uri.ts
@@ -1,7 +1,7 @@
import * as path from 'path';
import * as fs from 'fs';
-const dataUriRegex = /data-uri\((?:'(image\/svg\+xml;charset=UTF-8)',\s)?['"]?([^)'"]+)['"]?\)/g;
+const dataUriRegex = /data-uri\((?:['"](image\/svg\+xml;charset=UTF-8)['"],\s)?['"]?([^)'"]+)['"]?\)/g;
const svg = (buffer: Buffer, svgEncoding?: string): string => {
const encoding = svgEncoding || 'image/svg+xml;charset=UTF-8';
diff --git a/packages/nx-infra-plugin/src/utils/scss-data-uri.spec.ts b/packages/nx-infra-plugin/src/utils/scss-data-uri.spec.ts
index a33abae0abaf..a7b14fb3394f 100644
--- a/packages/nx-infra-plugin/src/utils/scss-data-uri.spec.ts
+++ b/packages/nx-infra-plugin/src/utils/scss-data-uri.spec.ts
@@ -1,6 +1,26 @@
-import { encodeDataUriContent, encodeDataUriForCssUrl } from './scss-data-uri';
+import { DATA_URI_SCSS_REGEX, encodeDataUriContent, encodeDataUriForCssUrl } from './scss-data-uri';
describe('scss-data-uri', () => {
+ it.each([
+ [
+ 'data-uri("image/svg+xml;charset=UTF-8", "images/a.svg")',
+ 'image/svg+xml;charset=UTF-8',
+ 'images/a.svg',
+ ],
+ [
+ "data-uri('image/svg+xml;charset=UTF-8', 'images/a.svg')",
+ 'image/svg+xml;charset=UTF-8',
+ 'images/a.svg',
+ ],
+ ['data-uri("images/a.png")', undefined, 'images/a.png'],
+ ["data-uri('images/a.png')", undefined, 'images/a.png'],
+ ])('regex parses %s regardless of quote style', (input, mime, filePath) => {
+ const matches = [...input.matchAll(DATA_URI_SCSS_REGEX)];
+ expect(matches).toHaveLength(1);
+ expect(matches[0][1]).toBe(mime);
+ expect(matches[0][2]).toBe(filePath);
+ });
+
it('encodes svg as utf-8 data uri', () => {
const buffer = Buffer.from(' ');
expect(encodeDataUriContent(buffer, 'icon.svg')).toBe(
diff --git a/packages/nx-infra-plugin/src/utils/scss-data-uri.ts b/packages/nx-infra-plugin/src/utils/scss-data-uri.ts
index 73d49008a60c..1d53725e34b8 100644
--- a/packages/nx-infra-plugin/src/utils/scss-data-uri.ts
+++ b/packages/nx-infra-plugin/src/utils/scss-data-uri.ts
@@ -30,4 +30,4 @@ export function encodeDataUriForCssUrl(
}
export const DATA_URI_SCSS_REGEX =
- /data-uri\((?:'(image\/svg\+xml;charset=UTF-8)',\s)?['"]?([^)'"]+)['"]?\)/g;
+ /data-uri\((?:['"](image\/svg\+xml;charset=UTF-8)['"],\s)?['"]?([^)'"]+)['"]?\)/g;
From f6a32b740db4bc7f760ea43d78a568d6a6378439 Mon Sep 17 00:00:00 2001
From: Alisher Amonulloev
Date: Tue, 18 Aug 2026 12:33:55 +0000
Subject: [PATCH 11/39] eslint-config-devextreme: update config version to
1.1.12 (#34815)
---
pnpm-lock.yaml | 42 +++++++++++++++++++++---------------------
pnpm-workspace.yaml | 2 +-
2 files changed, 22 insertions(+), 22 deletions(-)
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 830d187e8eda..a1f3b7d6d665 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -101,8 +101,8 @@ catalogs:
specifier: 18.0.0
version: 18.0.0
eslint-config-devextreme:
- specifier: 1.1.11
- version: 1.1.11
+ specifier: 1.1.12
+ version: 1.1.12
eslint-plugin-i18n:
specifier: 2.4.0
version: 2.4.0
@@ -698,7 +698,7 @@ importers:
version: 18.0.0(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0)))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
eslint-config-devextreme:
specifier: 'catalog:'
- version: 1.1.11(8a02c8ea109c9cf26ed5b6a911da64a7)
+ version: 1.1.12(8a02c8ea109c9cf26ed5b6a911da64a7)
eslint-plugin-deprecation:
specifier: 3.0.0
version: 3.0.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
@@ -1004,7 +1004,7 @@ importers:
version: 9.39.4(jiti@2.6.1)
eslint-config-devextreme:
specifier: 'catalog:'
- version: 1.1.11(df15cfffce683e1bcb7bfdacad1a6df8)
+ version: 1.1.12(df15cfffce683e1bcb7bfdacad1a6df8)
eslint-plugin-i18n:
specifier: 'catalog:'
version: 2.4.0
@@ -1076,7 +1076,7 @@ importers:
version: 9.39.4(jiti@2.6.1)
eslint-config-devextreme:
specifier: 'catalog:'
- version: 1.1.11(036b0b25bc375413172c4d0cf61bea25)
+ version: 1.1.12(036b0b25bc375413172c4d0cf61bea25)
eslint-migration-utils:
specifier: workspace:*
version: link:../../packages/eslint-migration-utils
@@ -1151,7 +1151,7 @@ importers:
version: 9.39.4(jiti@2.6.1)
eslint-config-devextreme:
specifier: 'catalog:'
- version: 1.1.11(3323971c1e531ea4fcc264c8af1d91e5)
+ version: 1.1.12(3323971c1e531ea4fcc264c8af1d91e5)
eslint-migration-utils:
specifier: workspace:*
version: link:../../packages/eslint-migration-utils
@@ -1492,7 +1492,7 @@ importers:
version: 18.0.0(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
eslint-config-devextreme:
specifier: 'catalog:'
- version: 1.1.11(21373fd47cc2a7a56720766fc64e98ca)
+ version: 1.1.12(21373fd47cc2a7a56720766fc64e98ca)
eslint-migration-utils:
specifier: workspace:*
version: link:../eslint-migration-utils
@@ -1713,7 +1713,7 @@ importers:
version: 9.39.4(jiti@2.6.1)
eslint-config-devextreme:
specifier: 'catalog:'
- version: 1.1.11(036b0b25bc375413172c4d0cf61bea25)
+ version: 1.1.12(036b0b25bc375413172c4d0cf61bea25)
eslint-migration-utils:
specifier: workspace:*
version: link:../eslint-migration-utils
@@ -1875,7 +1875,7 @@ importers:
version: 18.0.0(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
eslint-config-devextreme:
specifier: 'catalog:'
- version: 1.1.11(2159c8bdfeeb538cd9a87b0f06dfe45f)
+ version: 1.1.12(2159c8bdfeeb538cd9a87b0f06dfe45f)
eslint-migration-utils:
specifier: workspace:*
version: link:../eslint-migration-utils
@@ -1985,7 +1985,7 @@ importers:
version: 18.0.0(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
eslint-config-devextreme:
specifier: 'catalog:'
- version: 1.1.11(765db8ce296b6314aa6fee62e11efa0e)
+ version: 1.1.12(765db8ce296b6314aa6fee62e11efa0e)
eslint-plugin-import:
specifier: 'catalog:'
version: 2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))
@@ -2067,7 +2067,7 @@ importers:
version: 18.0.0(@typescript-eslint/eslint-plugin@8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
eslint-config-devextreme:
specifier: 'catalog:'
- version: 1.1.11(2159c8bdfeeb538cd9a87b0f06dfe45f)
+ version: 1.1.12(2159c8bdfeeb538cd9a87b0f06dfe45f)
eslint-plugin-i18n:
specifier: 'catalog:'
version: 2.4.0
@@ -10555,13 +10555,13 @@ packages:
'@typescript-eslint/parser': ^7.0.0
eslint: ^8.56.0
- eslint-config-devextreme@1.1.11:
- resolution: {integrity: sha512-hQM6zqwmRT43MES4/nJJJ21CuKrcn1aayq5oPjCW4wEC1UG7H09tZLX41L7Zg2YceRcTgZ2y093vEMG8wlWoEw==}
+ eslint-config-devextreme@1.1.12:
+ resolution: {integrity: sha512-L9GnWa8C6JXTLg0/QLDy5ZUcb9/ojMUyiWciome+lFNWAsHeO3fSjtmctB9iKJ+RROUBwBxuGVtqpa2kOOEm3w==}
peerDependencies:
'@stylistic/eslint-plugin': ^5.4.0
'@typescript-eslint/eslint-plugin': ^8.44.0
'@typescript-eslint/parser': ^8.44.0
- eslint: 9.18.0
+ eslint: 9.39.4
eslint-plugin-import: ^2.32.0
eslint-plugin-jest: ^29.0.1
eslint-plugin-jsx-a11y: ^6.10.2
@@ -28896,7 +28896,7 @@ snapshots:
transitivePeerDependencies:
- eslint-plugin-import
- eslint-config-devextreme@1.1.11(036b0b25bc375413172c4d0cf61bea25):
+ eslint-config-devextreme@1.1.12(036b0b25bc375413172c4d0cf61bea25):
dependencies:
'@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1))
'@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.8.3)
@@ -28915,7 +28915,7 @@ snapshots:
stylelint: 15.11.0(typescript@5.8.3)
stylelint-config-standard: 38.0.0(stylelint@15.11.0(typescript@5.8.3))
- eslint-config-devextreme@1.1.11(21373fd47cc2a7a56720766fc64e98ca):
+ eslint-config-devextreme@1.1.12(21373fd47cc2a7a56720766fc64e98ca):
dependencies:
'@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1))
'@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
@@ -28934,7 +28934,7 @@ snapshots:
stylelint: 15.11.0(typescript@4.9.5)
stylelint-config-standard: 38.0.0(stylelint@15.11.0(typescript@4.9.5))
- eslint-config-devextreme@1.1.11(2159c8bdfeeb538cd9a87b0f06dfe45f):
+ eslint-config-devextreme@1.1.12(2159c8bdfeeb538cd9a87b0f06dfe45f):
dependencies:
'@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1))
'@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
@@ -28953,7 +28953,7 @@ snapshots:
stylelint: 15.11.0(typescript@4.9.5)
stylelint-config-standard: 38.0.0(stylelint@15.11.0(typescript@4.9.5))
- eslint-config-devextreme@1.1.11(3323971c1e531ea4fcc264c8af1d91e5):
+ eslint-config-devextreme@1.1.12(3323971c1e531ea4fcc264c8af1d91e5):
dependencies:
'@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1))
'@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
@@ -28972,7 +28972,7 @@ snapshots:
stylelint: 15.11.0(typescript@6.0.3)
stylelint-config-standard: 38.0.0(stylelint@15.11.0(typescript@6.0.3))
- eslint-config-devextreme@1.1.11(765db8ce296b6314aa6fee62e11efa0e):
+ eslint-config-devextreme@1.1.12(765db8ce296b6314aa6fee62e11efa0e):
dependencies:
'@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1))
'@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5))(eslint@9.39.4(jiti@2.6.1))(typescript@4.9.5)
@@ -28991,7 +28991,7 @@ snapshots:
stylelint: 15.11.0(typescript@4.9.5)
stylelint-config-standard: 38.0.0(stylelint@15.11.0(typescript@4.9.5))
- eslint-config-devextreme@1.1.11(8a02c8ea109c9cf26ed5b6a911da64a7):
+ eslint-config-devextreme@1.1.12(8a02c8ea109c9cf26ed5b6a911da64a7):
dependencies:
'@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))
'@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@9.39.4(jiti@2.6.1)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3)
@@ -29010,7 +29010,7 @@ snapshots:
stylelint: 16.22.0(typescript@6.0.3)
stylelint-config-standard: 38.0.0(stylelint@16.22.0(typescript@6.0.3))
- eslint-config-devextreme@1.1.11(df15cfffce683e1bcb7bfdacad1a6df8):
+ eslint-config-devextreme@1.1.12(df15cfffce683e1bcb7bfdacad1a6df8):
dependencies:
'@stylistic/eslint-plugin': 5.10.0(eslint@9.39.4(jiti@2.6.1))
'@typescript-eslint/eslint-plugin': 8.52.0(@typescript-eslint/parser@8.52.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@6.0.3)
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index eca532e9540e..0494ceb08b2d 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -75,7 +75,7 @@ catalog:
"@eslint/js": 9.39.4
eslint: 9.39.4
eslint-config-airbnb-typescript: 18.0.0
- eslint-config-devextreme: 1.1.11
+ eslint-config-devextreme: 1.1.12
eslint-plugin-i18n: 2.4.0
eslint-plugin-import: 2.32.0
eslint-plugin-jsx-a11y: 6.10.2
From e60ab9d70fd4ba6adb4c08d26d42f78104d1b7ec Mon Sep 17 00:00:00 2001
From: Ruslan Farkhutdinov <23283554+r-farkhutdinov@users.noreply.github.com>
Date: Tue, 18 Aug 2026 13:33:28 +0000
Subject: [PATCH 12/39] CI: Remove workflow_call trigger from
packages_publishing & use GH CLI for call (#34811)
---
.github/workflows/packages_publishing.yml | 20 +----------------
.../packages_publishing_scheduler.yml | 22 +++++++++++--------
2 files changed, 14 insertions(+), 28 deletions(-)
diff --git a/.github/workflows/packages_publishing.yml b/.github/workflows/packages_publishing.yml
index 527c2f9688c9..1ec8978458f8 100644
--- a/.github/workflows/packages_publishing.yml
+++ b/.github/workflows/packages_publishing.yml
@@ -15,20 +15,6 @@ on:
type: string
description: Package file filter pattern
required: false
- workflow_call:
- inputs:
- tag:
- type: string
- default: daily
- required: false
- filter:
- type: string
- default: ''
- required: false
- branch:
- type: string
- default: ''
- required: false
permissions:
contents: read
@@ -44,14 +30,12 @@ jobs:
build:
name: Build packages
runs-on: ubuntu-latest
- environment: ${{ (inputs.tag == 'stable' || (github.event_name == 'workflow_dispatch' && !contains(github.workflow_ref, '/.github/workflows/packages_publishing_scheduler.yml@'))) && 'packages-publishing' || 'packages-publishing-automation' }}
+ environment: ${{ (inputs.tag == 'stable' && 'packages-publishing-stable') || 'packages-publishing-daily' }}
outputs:
packages: ${{ steps.filter.outputs.packages }}
steps:
- name: Get sources
uses: actions/checkout@v6
- with:
- ref: ${{ inputs.branch || github.ref }}
- name: Set up nodejs
uses: actions/setup-node@v6
@@ -174,8 +158,6 @@ jobs:
steps:
- name: Get sources
uses: actions/checkout@v6
- with:
- ref: ${{ inputs.branch || github.ref }}
- name: Download packages
uses: actions/download-artifact@v8
diff --git a/.github/workflows/packages_publishing_scheduler.yml b/.github/workflows/packages_publishing_scheduler.yml
index e5e60f621383..4cb51c0acba0 100644
--- a/.github/workflows/packages_publishing_scheduler.yml
+++ b/.github/workflows/packages_publishing_scheduler.yml
@@ -4,18 +4,22 @@ on:
schedule:
- cron: '00 18 * * *'
-permissions:
- contents: read
- packages: write
-
jobs:
publish:
+ runs-on: ubuntu-latest
+ env:
+ GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
strategy:
matrix:
branch: ['24_2', '25_1', '25_2', '26_1', 'main']
+
name: Run Packages Publishing workflow
- uses: ./.github/workflows/packages_publishing.yml
- with:
- tag: daily
- branch: ${{ matrix.branch }}
- secrets: inherit
+ steps:
+ - name: Get sources
+ uses: actions/checkout@v6
+ with:
+ sparse-checkout: README.md
+
+ - name: Publish Packages (${{ matrix.branch }})
+ run: |
+ gh workflow run packages_publishing.yml -f tag=daily --ref ${{ matrix.branch }}
From f488829c88468ed60400ec5296526a5ad79282c2 Mon Sep 17 00:00:00 2001
From: Maksim Zakharov <251575087+bit-byte0@users.noreply.github.com>
Date: Tue, 18 Aug 2026 14:14:47 +0000
Subject: [PATCH 13/39] GridCore data: Relocate filter-controller fields
(headerFilter, applyFilter) (#34797)
---
.../data_controller/data_controller.ts | 26 +++++++++++++------
.../grids/grid_core/filter/m_filter_row.ts | 23 +++-------------
.../grids/grid_core/filter/m_filter_sync.ts | 8 +++---
.../header_filter/m_header_filter.ts | 19 +++-----------
.../testing/helpers/gridBaseMocks.js | 4 +++
.../filterSync.tests.js | 12 ++-------
6 files changed, 35 insertions(+), 57 deletions(-)
diff --git a/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts b/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
index 6d96add09558..6d92f50b360f 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
@@ -9,7 +9,7 @@ import errors from '@js/ui/widget/ui.errors';
import { findChanges } from '@ts/core/utils/m_array_compare';
import { fromPromise } from '@ts/core/utils/m_deferred';
import type { ChangingEvent, DataSource, StoreLoadOptions } from '@ts/data/data_source/types';
-import type { ColumnsChanges } from '@ts/grids/grid_core/columns_controller/types';
+import type { Column, ColumnsChanges } from '@ts/grids/grid_core/columns_controller/types';
import type DataSourceAdapter from '@ts/grids/grid_core/data_source_adapter/m_data_source_adapter';
import type {
ChangedEvent, DataSourceAdapterProvider, LoadOperation, OperationTypes, RawItemData,
@@ -18,10 +18,8 @@ import { isLocalStore } from '@ts/grids/grid_core/data_source_adapter/utils/stor
import type { EditingController } from '@ts/grids/grid_core/editing/m_editing';
import type { EditorFactory } from '@ts/grids/grid_core/editor_factory/m_editor_factory';
import type { ErrorHandlingController } from '@ts/grids/grid_core/error_handling/m_error_handling';
-import type { ApplyFilterViewController } from '@ts/grids/grid_core/filter/m_filter_row';
import type { FilterSyncController } from '@ts/grids/grid_core/filter/m_filter_sync';
import type { FocusController } from '@ts/grids/grid_core/focus/m_focus';
-import type { HeaderFilterController } from '@ts/grids/grid_core/header_filter/m_header_filter';
import type { KeyboardNavigationController } from '@ts/grids/grid_core/keyboard_navigation/m_keyboard_navigation';
import modules from '@ts/grids/grid_core/m_modules';
import type {
@@ -141,9 +139,7 @@ export class DataController extends DataHelperMixin(modules.Controller) {
protected _filterSyncController!: FilterSyncController;
- protected _headerFilterController!: HeaderFilterController;
-
- protected _applyFilterController!: ApplyFilterViewController;
+ private _filterExcludedColumn: Column | null = null;
protected _keyboardNavigationController!: KeyboardNavigationController;
@@ -166,10 +162,8 @@ export class DataController extends DataHelperMixin(modules.Controller) {
this._editorFactoryController = this.getController('editorFactory');
this._errorHandlingController = this.getController('errorHandling');
this._filterSyncController = this.getController('filterSync');
- this._applyFilterController = this.getController('applyFilter');
this._keyboardNavigationController = this.getController('keyboardNavigation');
this._focusController = this.getController('focus');
- this._headerFilterController = this.getController('headerFilter');
this._selectionController = this.getController('selection');
this._isPaging = false;
@@ -350,6 +344,22 @@ export class DataController extends DataHelperMixin(modules.Controller) {
return this.combinedFilter(undefined, returnDataField);
}
+ public getFilterExcludedColumn(): Column | null {
+ return this._filterExcludedColumn;
+ }
+
+ public getCombinedFilterWithExcludedColumn(
+ excludedColumn: Column | null,
+ returnDataField?: boolean,
+ ): DataFilter {
+ this._filterExcludedColumn = excludedColumn;
+ try {
+ return this.getCombinedFilter(returnDataField);
+ } finally {
+ this._filterExcludedColumn = null;
+ }
+ }
+
private combinedFilter(filter: DataFilter, returnDataField?: boolean): DataFilter {
if (!this._dataSource) {
return filter;
diff --git a/packages/devextreme/js/__internal/grids/grid_core/filter/m_filter_row.ts b/packages/devextreme/js/__internal/grids/grid_core/filter/m_filter_row.ts
index b77cbc4ec3fd..64107ab183db 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/filter/m_filter_row.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/filter/m_filter_row.ts
@@ -550,9 +550,7 @@ const columnHeadersView = (Base: ModuleType) => class ColumnH
const dataSource = this._dataController.dataSource();
if (options.lookup && this.option('syncLookupFilterValues')) {
- this._applyFilterViewController.setCurrentColumnForFiltering(options);
- const filter = this._dataController.getCombinedFilter();
- this._applyFilterViewController.setCurrentColumnForFiltering(null);
+ const filter = this._dataController.getCombinedFilterWithExcludedColumn(options);
const lookupDataSource = gridCoreUtils.getWrappedLookupDataSource(options, dataSource, filter);
const lookupOptions = {
@@ -766,7 +764,6 @@ const columnHeadersView = (Base: ModuleType) => class ColumnH
const columns = this._columnsController.getVisibleColumns();
const dataSource = this._dataController.dataSource();
- const applyFilterViewController = this._applyFilterViewController;
const rowIndex = this.element().find(`.${this.addWidgetPrefix(FILTER_ROW_CLASS)}`).index();
if (rowIndex === -1) {
@@ -782,9 +779,7 @@ const columnHeadersView = (Base: ModuleType) => class ColumnH
const editor = getEditorInstance($cell?.find('.dx-editor-container'));
if (editor) {
- applyFilterViewController.setCurrentColumnForFiltering(column);
- const filter = this._dataController.getCombinedFilter() || null;
- applyFilterViewController.setCurrentColumnForFiltering(null);
+ const filter = this._dataController.getCombinedFilterWithExcludedColumn(column) || null;
const editorDataSource = editor.option('dataSource');
const shouldUpdateFilter = !filterChanged
@@ -832,10 +827,10 @@ const data = (Base: ModuleType) => class DataControllerFilterRow
const filters = [super._calculateAdditionalFilter()];
const columns = this._columnsController.getVisibleColumns(null, true);
- const applyFilterController = this._applyFilterController;
+ const excludedColumn = this.getFilterExcludedColumn();
each(columns, function () {
- const shouldSkip = applyFilterController.getCurrentColumnForFiltering()?.index === this.index;
+ const shouldSkip = excludedColumn?.index === this.index;
if (this.allowFiltering && this.calculateFilterExpression && isDefined(this.filterValue) && !shouldSkip) {
const filter = this.createFilterExpression(this.filterValue, this.selectedFilterOperation || this.defaultFilterOperation, 'filterRow');
filters.push(filter);
@@ -849,8 +844,6 @@ const data = (Base: ModuleType) => class DataControllerFilterRow
export class ApplyFilterViewController extends modules.ViewController {
private _headerPanel: any;
- private _currentColumn: any;
-
private _columnsController!: ColumnsController;
public init() {
@@ -901,14 +894,6 @@ export class ApplyFilterViewController extends modules.ViewController {
this._getHeaderPanel().enableApplyButton(false);
}
}
-
- public setCurrentColumnForFiltering(column) {
- this._currentColumn = column;
- }
-
- public getCurrentColumnForFiltering() {
- return this._currentColumn;
- }
}
const columnsResizer = (Base: ModuleType) => class FilterRowColumnsResizerExtender extends Base {
diff --git a/packages/devextreme/js/__internal/grids/grid_core/filter/m_filter_sync.ts b/packages/devextreme/js/__internal/grids/grid_core/filter/m_filter_sync.ts
index b38fd2fbadbf..eaf3276aaf82 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/filter/m_filter_sync.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/filter/m_filter_sync.ts
@@ -313,13 +313,11 @@ const data = (Base: ModuleType) => class DataControllerFilterSyn
let filterValue = this.option('filterValue');
if (this.isFilterSyncActive()) {
- const currentColumnForHeaderFilter = this._headerFilterController.getCurrentColumn();
- const currentColumnForFilterRow = this._applyFilterController.getCurrentColumnForFiltering();
- const currentColumn = currentColumnForHeaderFilter || currentColumnForFilterRow;
- const needRemoveCurrentColumnFilter = currentColumnForHeaderFilter || isDefined(currentColumnForFilterRow?.filterValue);
+ const excludedColumn = this.getFilterExcludedColumn();
+ const needRemoveCurrentColumnFilter = isDefined(excludedColumn);
if (needRemoveCurrentColumnFilter && filterValue) {
- filterValue = removeFieldConditionsFromFilter(filterValue, getColumnIdentifier(currentColumn));
+ filterValue = removeFieldConditionsFromFilter(filterValue, getColumnIdentifier(excludedColumn));
}
}
const customOperations = this._filterSyncController.getCustomFilterOperations();
diff --git a/packages/devextreme/js/__internal/grids/grid_core/header_filter/m_header_filter.ts b/packages/devextreme/js/__internal/grids/grid_core/header_filter/m_header_filter.ts
index 62084a795a05..81074f37c84e 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/header_filter/m_header_filter.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/header_filter/m_header_filter.ts
@@ -124,8 +124,6 @@ export class HeaderFilterController extends Modules.ViewController {
private _headerFilterView!: HeaderFilterView;
- private _currentColumn: any;
-
public init() {
this._columnsController = this.getController('columns');
this._dataController = this.getController('data');
@@ -253,9 +251,7 @@ export class HeaderFilterController extends Modules.ViewController {
isLookup = true;
if (this.option('syncLookupFilterValues')) {
- this._currentColumn = column;
- const filter = this._dataController.getCombinedFilter();
- this._currentColumn = null;
+ const filter = this._dataController.getCombinedFilterWithExcludedColumn(column);
options.dataSource = gridCoreUtils.getWrappedLookupDataSource(column, dataSource, filter);
} else {
@@ -264,9 +260,7 @@ export class HeaderFilterController extends Modules.ViewController {
} else {
const cutoffLevel = Array.isArray(group) ? group.length - 1 : 0;
- this._currentColumn = column;
- const filter = this._dataController.getCombinedFilter();
- this._currentColumn = null;
+ const filter = this._dataController.getCombinedFilterWithExcludedColumn(column);
options.dataSource = {
filter,
@@ -327,10 +321,6 @@ export class HeaderFilterController extends Modules.ViewController {
return options.dataSource;
}
- public getCurrentColumn() {
- return this._currentColumn;
- }
-
public showHeaderFilterMenu(columnIndex, isGroupPanel) {
const columnsController = this._columnsController;
const column = extend(true, {}, this._columnsController.getColumns()[columnIndex]);
@@ -516,13 +506,12 @@ const data = (Base: ModuleType) => class DataControllerFilterRow
const that = this;
const filters = [super._calculateAdditionalFilter()];
const columns = that._columnsController.getVisibleColumns(null, true);
- const headerFilterController = this._headerFilterController;
- const currentColumn = headerFilterController.getCurrentColumn();
+ const excludedColumn = this.getFilterExcludedColumn();
each(columns, (_, column) => {
let filter;
- if (currentColumn && currentColumn.index === column.index) {
+ if (excludedColumn && excludedColumn.index === column.index) {
return;
}
diff --git a/packages/devextreme/testing/helpers/gridBaseMocks.js b/packages/devextreme/testing/helpers/gridBaseMocks.js
index 7479b2ed8e01..e7b67f35a179 100644
--- a/packages/devextreme/testing/helpers/gridBaseMocks.js
+++ b/packages/devextreme/testing/helpers/gridBaseMocks.js
@@ -236,6 +236,10 @@ module.exports = function($, gridCore, columnResizingReordering, domUtils, commo
getCombinedFilter: commonUtils.noop,
+ getFilterExcludedColumn: commonUtils.noop,
+
+ getCombinedFilterWithExcludedColumn: commonUtils.noop,
+
getRowIndexByKey: function(key) {
return gridCore.getIndexByKey(key, options.items);
},
diff --git a/packages/devextreme/testing/tests/DevExpress.ui.widgets.dataGrid/filterSync.tests.js b/packages/devextreme/testing/tests/DevExpress.ui.widgets.dataGrid/filterSync.tests.js
index e73cc9946799..72ad4f8c46d5 100644
--- a/packages/devextreme/testing/tests/DevExpress.ui.widgets.dataGrid/filterSync.tests.js
+++ b/packages/devextreme/testing/tests/DevExpress.ui.widgets.dataGrid/filterSync.tests.js
@@ -729,12 +729,8 @@ QUnit.module('getCombinedFilter', {
filterValue: [['Test', 'anyof', [1, 2, 3]], 'and', filterRowFilter]
});
- this.headerFilterController.getCurrentColumn = function() {
- return { dataField: 'Test' };
- };
-
// assert
- assert.deepEqual(this.getCombinedFilter(true), undefined, 'combined filter');
+ assert.deepEqual(this.dataController.getCombinedFilterWithExcludedColumn({ dataField: 'Test' }, true), undefined, 'combined filter');
});
QUnit.test('add currentColumn header filter value when filterSyncEnabled = false', function(assert) {
@@ -749,12 +745,8 @@ QUnit.module('getCombinedFilter', {
filterValue: [['Test', 'anyof', [1, 2, 3]], 'and', filterRowFilter]
});
- this.headerFilterController.getCurrentColumn = function() {
- return { dataField: 'Test' };
- };
-
// assert
- assert.deepEqual(this.getCombinedFilter(true), [
+ assert.deepEqual(this.dataController.getCombinedFilterWithExcludedColumn({ dataField: 'Test' }, true), [
[
['Test', '=', 1],
'or',
From 89fe3379faa3bee1af6bb0c99619f637c736b652 Mon Sep 17 00:00:00 2001
From: Anna Shakhova <68295572+anna-shakhova@users.noreply.github.com>
Date: Tue, 18 Aug 2026 15:07:14 +0000
Subject: [PATCH 14/39] Grids: decouple DataController and
ErrorHandlingController (#34803)
---
.../js/__internal/core/utils/m_error.ts | 8 +-
.../module_not_extended/error_handling.ts | 2 +-
.../data_controller/data_controller.ts | 4 -
.../grids/grid_core/editing/m_editing.ts | 3 -
.../error_handling.integration.test.ts | 225 ++++++++++++++++++
.../grids/grid_core/error_handling/const.ts | 4 +
.../error_handling/error_handling_module.ts | 12 +
.../error_handling/m_error_handling.ts | 195 ++++++++-------
.../grids/grid_core/error_handling/types.ts | 7 +
.../grids/grid_core/error_handling/utils.ts | 23 ++
.../grid_core/validating/m_validating.ts | 11 +
.../grids/grid_core/views/m_rows_view.ts | 4 -
.../virtual_scrolling/m_virtual_scrolling.ts | 7 +-
.../module_not_extended/error_handling.ts | 2 +-
.../testing/helpers/gridBaseMocks.js | 1 +
15 files changed, 400 insertions(+), 108 deletions(-)
create mode 100644 packages/devextreme/js/__internal/grids/grid_core/error_handling/__tests__/error_handling.integration.test.ts
create mode 100644 packages/devextreme/js/__internal/grids/grid_core/error_handling/const.ts
create mode 100644 packages/devextreme/js/__internal/grids/grid_core/error_handling/error_handling_module.ts
create mode 100644 packages/devextreme/js/__internal/grids/grid_core/error_handling/types.ts
create mode 100644 packages/devextreme/js/__internal/grids/grid_core/error_handling/utils.ts
diff --git a/packages/devextreme/js/__internal/core/utils/m_error.ts b/packages/devextreme/js/__internal/core/utils/m_error.ts
index ff5fc27fc9f4..a9b0b5867145 100644
--- a/packages/devextreme/js/__internal/core/utils/m_error.ts
+++ b/packages/devextreme/js/__internal/core/utils/m_error.ts
@@ -1,4 +1,3 @@
-/* eslint-disable import/no-commonjs */
import { extend } from '@js/core/utils/extend';
import { format } from '@js/core/utils/string';
import { version } from '@js/core/version';
@@ -7,12 +6,17 @@ import consoleUtils from './m_console';
const ERROR_URL = `https://js.devexpress.com/error/${version.split('.').slice(0, 2).join('_')}/`;
+export interface DxError extends Error {
+ __id: string;
+ __details: string;
+ url: string;
+}
+
function error(baseErrors, errors?) {
const exports = {
ERROR_MESSAGES: extend(errors, baseErrors),
- // eslint-disable-next-line object-shorthand
Error: function (...args) {
return makeError(args);
},
diff --git a/packages/devextreme/js/__internal/grids/data_grid/module_not_extended/error_handling.ts b/packages/devextreme/js/__internal/grids/data_grid/module_not_extended/error_handling.ts
index 0829b369bd63..d1bcd2bcdf00 100644
--- a/packages/devextreme/js/__internal/grids/data_grid/module_not_extended/error_handling.ts
+++ b/packages/devextreme/js/__internal/grids/data_grid/module_not_extended/error_handling.ts
@@ -1,4 +1,4 @@
-import { errorHandlingModule } from '@ts/grids/grid_core/error_handling/m_error_handling';
+import { errorHandlingModule } from '@ts/grids/grid_core/error_handling/error_handling_module';
import gridCore from '../m_core';
diff --git a/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts b/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
index 6d92f50b360f..c224c40ce25a 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/data_controller/data_controller.ts
@@ -17,7 +17,6 @@ import type {
import { isLocalStore } from '@ts/grids/grid_core/data_source_adapter/utils/store';
import type { EditingController } from '@ts/grids/grid_core/editing/m_editing';
import type { EditorFactory } from '@ts/grids/grid_core/editor_factory/m_editor_factory';
-import type { ErrorHandlingController } from '@ts/grids/grid_core/error_handling/m_error_handling';
import type { FilterSyncController } from '@ts/grids/grid_core/filter/m_filter_sync';
import type { FocusController } from '@ts/grids/grid_core/focus/m_focus';
import type { KeyboardNavigationController } from '@ts/grids/grid_core/keyboard_navigation/m_keyboard_navigation';
@@ -135,8 +134,6 @@ export class DataController extends DataHelperMixin(modules.Controller) {
protected _editorFactoryController!: EditorFactory;
- protected _errorHandlingController!: ErrorHandlingController;
-
protected _filterSyncController!: FilterSyncController;
private _filterExcludedColumn: Column | null = null;
@@ -160,7 +157,6 @@ export class DataController extends DataHelperMixin(modules.Controller) {
this._adaptiveColumnsController = this.getController('adaptiveColumns');
this._editingController = this.getController('editing');
this._editorFactoryController = this.getController('editorFactory');
- this._errorHandlingController = this.getController('errorHandling');
this._filterSyncController = this.getController('filterSync');
this._keyboardNavigationController = this.getController('keyboardNavigation');
this._focusController = this.getController('focus');
diff --git a/packages/devextreme/js/__internal/grids/grid_core/editing/m_editing.ts b/packages/devextreme/js/__internal/grids/grid_core/editing/m_editing.ts
index a272c1942da7..679732e7d44f 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/editing/m_editing.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/editing/m_editing.ts
@@ -128,8 +128,6 @@ class EditingControllerImpl extends modules.ViewController {
protected _keyboardNavigationController!: Controllers['keyboardNavigation'];
- protected _errorHandlingController!: Controllers['errorHandling'];
-
protected _rowsView!: Views['rowsView'];
private _headerPanelView!: Views['headerPanel'];
@@ -177,7 +175,6 @@ class EditingControllerImpl extends modules.ViewController {
this._focusController = this.getController('focus');
this._keyboardNavigationController = this.getController('keyboardNavigation');
this._columnsResizerController = this.getController('columnsResizer');
- this._errorHandlingController = this.getController('errorHandling');
this._rowsView = this.getView('rowsView');
this._headerPanelView = this.getView('headerPanel');
this._lastOperation = null;
diff --git a/packages/devextreme/js/__internal/grids/grid_core/error_handling/__tests__/error_handling.integration.test.ts b/packages/devextreme/js/__internal/grids/grid_core/error_handling/__tests__/error_handling.integration.test.ts
new file mode 100644
index 000000000000..83712a9a38f7
--- /dev/null
+++ b/packages/devextreme/js/__internal/grids/grid_core/error_handling/__tests__/error_handling.integration.test.ts
@@ -0,0 +1,225 @@
+import {
+ afterEach, beforeEach, describe, expect, it, jest,
+} from '@jest/globals';
+import type { dxElementWrapper } from '@js/core/renderer';
+import $ from '@js/core/renderer';
+import CustomStore from '@ts/data/m_custom_store';
+import type { DataGridInstance } from '@ts/grids/grid_core/__tests__/__mock__/helpers/utils';
+import {
+ afterTest,
+ beforeTest,
+ createDataGrid,
+ flushAsync,
+} from '@ts/grids/grid_core/__tests__/__mock__/helpers/utils';
+
+import { ERROR_MESSAGE_CLASS, ERROR_ROW_CLASS } from '../const';
+
+const ERROR_ROW_SELECTOR = `.${ERROR_ROW_CLASS}`;
+const ERROR_MESSAGE_SELECTOR = `.${ERROR_MESSAGE_CLASS}`;
+
+const DATA = [
+ { id: 1, name: 'test1' },
+ { id: 2, name: 'test2' },
+];
+
+const LOAD_ERROR_TEXT = 'Load error';
+
+interface FailingStore {
+ store: typeof CustomStore;
+ failNextLoad: (shouldFail: boolean) => void;
+}
+
+const createFailingStore = (): FailingStore => {
+ let shouldFail = false;
+
+ const store = new CustomStore({
+ key: 'id',
+ load: () => (shouldFail
+ ? Promise.reject(new Error(LOAD_ERROR_TEXT))
+ : Promise.resolve([...DATA])),
+ });
+
+ return {
+ store,
+ failNextLoad: (value: boolean): void => {
+ shouldFail = value;
+ },
+ };
+};
+
+const reload = async (instance: DataGridInstance): Promise => {
+ instance.refresh().catch(() => {});
+ await flushAsync();
+};
+
+describe('DataGrid error handling', () => {
+ beforeEach(beforeTest);
+ afterEach(afterTest);
+
+ describe('error row rendering on a data error', () => {
+ it('should render an error row when a load fails', async () => {
+ const { store, failNextLoad } = createFailingStore();
+ const { $container, instance } = await createDataGrid({
+ dataSource: store,
+ keyExpr: 'id',
+ });
+ await flushAsync();
+
+ expect($container.find(ERROR_ROW_SELECTOR).length).toBe(0);
+
+ failNextLoad(true);
+ await reload(instance);
+
+ expect($container.find(ERROR_ROW_SELECTOR).length).toBe(1);
+ expect($container.find(ERROR_MESSAGE_SELECTOR).text()).toContain(LOAD_ERROR_TEXT);
+ });
+
+ it('should not render an error row when errorRowEnabled is false, but still raise onDataErrorOccurred', async () => {
+ const onDataErrorOccurred = jest.fn();
+ const { store, failNextLoad } = createFailingStore();
+ const { $container, instance } = await createDataGrid({
+ dataSource: store,
+ keyExpr: 'id',
+ errorRowEnabled: false,
+ onDataErrorOccurred,
+ });
+ await flushAsync();
+
+ failNextLoad(true);
+ await reload(instance);
+
+ expect($container.find(ERROR_ROW_SELECTOR).length).toBe(0);
+ expect(onDataErrorOccurred).toHaveBeenCalledTimes(1);
+ });
+
+ it('should render the error message into $popupContent instead of a grid row', async () => {
+ const { store } = createFailingStore();
+ const { $container, instance } = await createDataGrid({
+ dataSource: store,
+ keyExpr: 'id',
+ });
+ await flushAsync();
+
+ const $popupContent: dxElementWrapper = $('');
+
+ instance.getController('data').dataErrorOccurred.fire('Test error', $popupContent);
+
+ expect($popupContent.find(ERROR_MESSAGE_SELECTOR).text()).toBe('Test error');
+ expect($container.find(ERROR_ROW_SELECTOR).length).toBe(0);
+ });
+ });
+
+ describe('subscriber ordering on dataErrorOccurred', () => {
+ it('should raise onDataErrorOccurred before the error row is rendered', async () => {
+ let errorRowCountInsideHandler = -1;
+ const { store, failNextLoad } = createFailingStore();
+
+ const { $container, instance } = await createDataGrid({
+ dataSource: store,
+ keyExpr: 'id',
+ onDataErrorOccurred: () => {
+ errorRowCountInsideHandler = $container.find(ERROR_ROW_SELECTOR).length;
+ },
+ });
+ await flushAsync();
+
+ failNextLoad(true);
+ await reload(instance);
+
+ expect(errorRowCountInsideHandler).toBe(0);
+ expect($container.find(ERROR_ROW_SELECTOR).length).toBe(1);
+ });
+
+ it('should suppress the error row when onDataErrorOccurred returns false', async () => {
+ const onDataErrorOccurred = jest.fn(() => false);
+ const { store, failNextLoad } = createFailingStore();
+ const { $container, instance } = await createDataGrid({
+ dataSource: store,
+ keyExpr: 'id',
+ // The dataErrorOccurred callback is created with stopOnFalse, so a
+ // handler returning false suppresses the subscribers after it.
+ onDataErrorOccurred: onDataErrorOccurred as unknown as () => void,
+ });
+ await flushAsync();
+
+ failNextLoad(true);
+ await reload(instance);
+
+ expect(onDataErrorOccurred).toHaveBeenCalledTimes(1);
+ expect($container.find(ERROR_ROW_SELECTOR).length).toBe(0);
+ });
+ });
+
+ describe('error row from a failed row validation', () => {
+ it('should render an error row under the row when onRowValidating rejects the change', async () => {
+ const { $container, instance } = await createDataGrid({
+ dataSource: [...DATA],
+ keyExpr: 'id',
+ editing: {
+ mode: 'batch',
+ allowUpdating: true,
+ },
+ onRowValidating: (e) => {
+ e.isValid = false;
+ e.errorText = 'Row is invalid';
+ },
+ });
+ await flushAsync();
+
+ instance.cellValue(0, 'name', 'changed');
+ await flushAsync();
+
+ instance.saveEditData().catch(() => {});
+ await flushAsync();
+
+ expect($container.find(ERROR_ROW_SELECTOR).length).toBe(1);
+ expect($container.find(ERROR_MESSAGE_SELECTOR).text()).toContain('Row is invalid');
+ });
+ });
+
+ describe('error row removal on a data change', () => {
+ it('should remove the error row after a successful load', async () => {
+ const { store, failNextLoad } = createFailingStore();
+ const { $container, instance } = await createDataGrid({
+ dataSource: store,
+ keyExpr: 'id',
+ });
+ await flushAsync();
+
+ failNextLoad(true);
+ await reload(instance);
+
+ expect($container.find(ERROR_ROW_SELECTOR).length).toBe(1);
+
+ failNextLoad(false);
+ await reload(instance);
+
+ expect($container.find(ERROR_ROW_SELECTOR).length).toBe(0);
+ });
+
+ it('should keep the error row while editing has pending changes', async () => {
+ const { store, failNextLoad } = createFailingStore();
+ const { $container, instance } = await createDataGrid({
+ dataSource: store,
+ keyExpr: 'id',
+ editing: {
+ mode: 'batch',
+ allowUpdating: true,
+ },
+ });
+ await flushAsync();
+
+ failNextLoad(true);
+ await reload(instance);
+
+ expect($container.find(ERROR_ROW_SELECTOR).length).toBe(1);
+
+ jest.spyOn(instance.getController('editing'), 'hasChanges').mockReturnValue(true);
+
+ failNextLoad(false);
+ await reload(instance);
+
+ expect($container.find(ERROR_ROW_SELECTOR).length).toBe(1);
+ });
+ });
+});
diff --git a/packages/devextreme/js/__internal/grids/grid_core/error_handling/const.ts b/packages/devextreme/js/__internal/grids/grid_core/error_handling/const.ts
new file mode 100644
index 000000000000..12c711dec362
--- /dev/null
+++ b/packages/devextreme/js/__internal/grids/grid_core/error_handling/const.ts
@@ -0,0 +1,4 @@
+export const ERROR_ROW_CLASS = 'dx-error-row';
+export const ERROR_MESSAGE_CLASS = 'dx-error-message';
+export const ERROR_CLOSEBUTTON_CLASS = 'dx-closebutton';
+export const ACTION_CLASS = 'action';
diff --git a/packages/devextreme/js/__internal/grids/grid_core/error_handling/error_handling_module.ts b/packages/devextreme/js/__internal/grids/grid_core/error_handling/error_handling_module.ts
new file mode 100644
index 000000000000..99f213995ad9
--- /dev/null
+++ b/packages/devextreme/js/__internal/grids/grid_core/error_handling/error_handling_module.ts
@@ -0,0 +1,12 @@
+import { ErrorHandlingController } from './m_error_handling';
+
+export const errorHandlingModule = {
+ defaultOptions(): { errorRowEnabled: boolean } {
+ return {
+ errorRowEnabled: true,
+ };
+ },
+ controllers: {
+ errorHandling: ErrorHandlingController,
+ },
+};
diff --git a/packages/devextreme/js/__internal/grids/grid_core/error_handling/m_error_handling.ts b/packages/devextreme/js/__internal/grids/grid_core/error_handling/m_error_handling.ts
index da0b3e0dd59a..751fb6e813fb 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/error_handling/m_error_handling.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/error_handling/m_error_handling.ts
@@ -1,70 +1,105 @@
-/* eslint-disable max-classes-per-file */
import { name as clickEventName } from '@js/common/core/events/click';
import eventsEngine from '@js/common/core/events/core/events_engine';
import messageLocalization from '@js/common/core/localization/message';
+import type { dxElementWrapper } from '@js/core/renderer';
import $ from '@js/core/renderer';
import { each } from '@js/core/utils/iterator';
+import type { ColumnHeadersView } from '@ts/grids/grid_core/column_headers/m_column_headers';
import type { ColumnsController } from '@ts/grids/grid_core/columns_controller/m_columns_controller';
+import type { DataController } from '@ts/grids/grid_core/data_controller/data_controller';
+import type { DataChange } from '@ts/grids/grid_core/data_controller/types';
+import type { EditingController } from '@ts/grids/grid_core/editing/m_editing';
+import modules from '@ts/grids/grid_core/m_modules';
+import type { OptionChanged } from '@ts/grids/grid_core/m_types';
+import type { ToastViewController } from '@ts/grids/grid_core/toast/m_toast_controller';
import type { ResizingController } from '@ts/grids/grid_core/views/m_grid_view';
+import type { RowsView } from '@ts/grids/grid_core/views/m_rows_view';
-import type { ColumnHeadersView } from '../column_headers/m_column_headers';
-import type { DataController } from '../data_controller/data_controller';
-import modules from '../m_modules';
-import type { ModuleType } from '../m_types';
-import type { ToastViewController } from '../toast/m_toast_controller';
-import type { RowsView } from '../views/m_rows_view';
-
-const ERROR_ROW_CLASS = 'dx-error-row';
-const ERROR_MESSAGE_CLASS = 'dx-error-message';
-const ERROR_CLOSEBUTTON_CLASS = 'dx-closebutton';
-const ACTION_CLASS = 'action';
+import {
+ ACTION_CLASS,
+ ERROR_CLOSEBUTTON_CLASS,
+ ERROR_MESSAGE_CLASS,
+ ERROR_ROW_CLASS,
+} from './const';
+import type { GridError } from './types';
+import { getErrorMessage, isDxError } from './utils';
export class ErrorHandlingController extends modules.ViewController {
private _resizingController!: ResizingController;
private _columnsController!: ColumnsController;
+ private _dataController!: DataController;
+
+ private _editingController!: EditingController;
+
private _columnHeadersView!: ColumnHeadersView;
private _rowsView!: RowsView;
private _toastViewController!: ToastViewController;
- public init() {
+ public init(): void {
this._resizingController = this.getController('resizing');
this._columnsController = this.getController('columns');
this._columnHeadersView = this.getView('columnHeadersView');
this._toastViewController = this.getController('toastViewController');
this._rowsView = this.getView('rowsView');
+ this._dataController = this.getController('data');
+ this._editingController = this.getController('editing');
+
+ this._dataController.dataErrorOccurred.add(this.handleDataErrorOccurred);
+ this._dataController.changed.add(this.handleDataChanged);
}
- private _createErrorRow(error, $tableElements?) {
- let $errorRow;
- let $closeButton;
+ private readonly handleDataErrorOccurred = (
+ error: GridError,
+ $popupContent?: dxElementWrapper,
+ ): void => {
+ if (this.option('errorRowEnabled')) {
+ this.renderErrorRow(error, undefined, $popupContent);
+ }
+ };
+
+ private readonly handleDataChanged = (e?: DataChange): void => {
+ if (e?.changeType === 'loadError') {
+ return;
+ }
+
+ if (this._editingController && !this._editingController.hasChanges()) {
+ this.removeErrorRow();
+ }
+ };
+
+ private _createErrorRow(
+ error: GridError,
+ $tableElements?: dxElementWrapper,
+ ): dxElementWrapper {
const $errorMessage = this._renderErrorMessage(error);
if ($tableElements) {
- $errorRow = $('
')
+ const $errorRow = $(' ')
.attr('role', 'row')
.addClass(ERROR_ROW_CLASS);
- $closeButton = $('').addClass(ERROR_CLOSEBUTTON_CLASS).addClass(this.addWidgetPrefix(ACTION_CLASS));
+ const $closeButton = $('
')
+ .addClass(ERROR_CLOSEBUTTON_CLASS)
+ .addClass(this.addWidgetPrefix(ACTION_CLASS));
eventsEngine.on($closeButton, clickEventName, this.createAction((args) => {
const e = args.event;
- let $errorRow;
const errorRowIndex = $(e.currentTarget).closest(`.${ERROR_ROW_CLASS}`).index();
e.stopPropagation();
each($tableElements, (_, tableElement) => {
- $errorRow = $(tableElement).children('tbody').children('tr').eq(errorRowIndex);
- this.removeErrorRow($errorRow);
+ const $row = $(tableElement).children('tbody').children('tr').eq(errorRowIndex);
+ this.removeErrorRow($row);
});
this._resizingController?.fireContentReadyAction?.();
}));
$('
')
- // @ts-expect-errors
+ // @ts-expect-error object attributes
.attr({
colSpan: this._columnsController.getVisibleColumns().length,
role: 'gridcell',
@@ -79,53 +114,58 @@ export class ErrorHandlingController extends modules.ViewController {
return $errorMessage;
}
- private _renderErrorMessage(error) {
- const message = error.url ? error.message.replace(error.url, '') : error.message || error;
+ private _renderErrorMessage(error: GridError): dxElementWrapper {
const $message = $('')
.addClass(ERROR_MESSAGE_CLASS)
- .text(message);
+ .text(getErrorMessage(error));
this.setAria('role', 'alert', $message);
this.setAria('roledescription', messageLocalization.format('dxDataGrid-ariaError'), $message);
- if (error.url) {
+ if (isDxError(error)) {
$('
').attr('href', error.url).text(error.url).appendTo($message);
}
return $message;
}
- public renderErrorRow(error, rowIndex, $popupContent) {
- const that = this;
- let $errorMessageElement;
- let $firstErrorRow;
-
+ public renderErrorRow(
+ error: GridError,
+ rowIndex: number | undefined,
+ $popupContent: dxElementWrapper | undefined,
+ ): dxElementWrapper | undefined {
if ($popupContent) {
$popupContent.find(`.${ERROR_MESSAGE_CLASS}`).remove();
- $errorMessageElement = that._createErrorRow(error);
+ const $errorMessageElement = this._createErrorRow(error);
$popupContent.prepend($errorMessageElement);
+
return $errorMessageElement;
}
- const viewElement = rowIndex >= 0 || !that._columnHeadersView.isVisible() ? that._rowsView : that._columnHeadersView;
- const $tableElements = viewElement.getTableElements();
+ const targetRowIndex = rowIndex ?? -1;
+ const hasTargetRow = targetRowIndex >= 0;
+ const shouldRenderInRowsView = hasTargetRow || !this._columnHeadersView.isVisible();
+ const viewElement = shouldRenderInRowsView ? this._rowsView : this._columnHeadersView;
- each($tableElements, (_, tableElement) => {
- $errorMessageElement = that._createErrorRow(error, $tableElements);
- $firstErrorRow = $firstErrorRow || $errorMessageElement;
+ const $tableElements: dxElementWrapper = viewElement.getTableElements();
+ let $firstErrorRow: dxElementWrapper | undefined;
- if (rowIndex >= 0) {
- const $row = viewElement._getRowElements($(tableElement)).eq(rowIndex);
- that.removeErrorRow($row.next());
+ each($tableElements, (_, tableElement: Element): void => {
+ const $errorMessageElement = this._createErrorRow(error, $tableElements);
+ $firstErrorRow = $firstErrorRow ?? $errorMessageElement;
+
+ if (hasTargetRow) {
+ const $row = viewElement._getRowElements($(tableElement)).eq(targetRowIndex);
+ this.removeErrorRow($row.next());
$errorMessageElement.insertAfter($row);
} else {
const $tbody = $(tableElement).children('tbody');
const rowElements = $tbody.children('tr');
- if (that._columnHeadersView.isVisible()) {
- that.removeErrorRow(rowElements.last());
+ if (this._columnHeadersView.isVisible()) {
+ this.removeErrorRow(rowElements.last());
$(tableElement).append($errorMessageElement);
} else {
- that.removeErrorRow(rowElements.first());
+ this.removeErrorRow(rowElements.first());
$tbody.first().prepend($errorMessageElement);
}
}
@@ -136,19 +176,28 @@ export class ErrorHandlingController extends modules.ViewController {
return $firstErrorRow;
}
- public removeErrorRow($row?) {
- if (!$row) {
- const $columnHeaders = this._columnHeadersView && this._columnHeadersView.element();
- $row = $columnHeaders && $columnHeaders.find(`.${ERROR_ROW_CLASS}`);
- if (!$row || !$row.length) {
- const $rowsViewElement = this._rowsView.element();
- $row = $rowsViewElement && $rowsViewElement.find(`.${ERROR_ROW_CLASS}`);
- }
+ private findErrorRows(): dxElementWrapper | undefined {
+ const $columnHeaders: dxElementWrapper | undefined = this._columnHeadersView?.element();
+ const $headerErrorRows = $columnHeaders?.find(`.${ERROR_ROW_CLASS}`);
+
+ if ($headerErrorRows?.length) {
+ return $headerErrorRows;
+ }
+
+ const $rowsViewElement: dxElementWrapper | undefined = this._rowsView?.element();
+
+ return $rowsViewElement?.find(`.${ERROR_ROW_CLASS}`);
+ }
+
+ public removeErrorRow($row?: dxElementWrapper): void {
+ const $errorRow = $row ?? this.findErrorRows();
+
+ if ($errorRow?.hasClass(ERROR_ROW_CLASS)) {
+ $errorRow.remove();
}
- $row && $row.hasClass(ERROR_ROW_CLASS) && $row.remove();
}
- public optionChanged(args) {
+ public optionChanged(args: OptionChanged): void {
switch (args.name) {
case 'errorRowEnabled':
args.handled = true;
@@ -158,45 +207,7 @@ export class ErrorHandlingController extends modules.ViewController {
}
}
- public showToastError(message: string) {
+ public showToastError(message: string): void {
this._toastViewController.showToast(message, { type: 'error' });
}
}
-
-const data = (Base: ModuleType) => class ErrorHandlingDataControllerExtends extends Base {
- public init() {
- super.init();
-
- this.dataErrorOccurred.add((error, $popupContent) => {
- if (this.option('errorRowEnabled')) {
- this._errorHandlingController.renderErrorRow(error, undefined, $popupContent);
- }
- });
-
- this.changed.add((e) => {
- if (e && e.changeType === 'loadError') {
- return;
- }
-
- if (this._editingController && !this._editingController.hasChanges()) {
- this._errorHandlingController?.removeErrorRow?.();
- }
- });
- }
-};
-
-export const errorHandlingModule = {
- defaultOptions() {
- return {
- errorRowEnabled: true,
- };
- },
- controllers: {
- errorHandling: ErrorHandlingController,
- },
- extenders: {
- controllers: {
- data,
- },
- },
-};
diff --git a/packages/devextreme/js/__internal/grids/grid_core/error_handling/types.ts b/packages/devextreme/js/__internal/grids/grid_core/error_handling/types.ts
new file mode 100644
index 000000000000..e7bace0b8ca4
--- /dev/null
+++ b/packages/devextreme/js/__internal/grids/grid_core/error_handling/types.ts
@@ -0,0 +1,7 @@
+import type { DxError } from '@ts/core/utils/m_error';
+
+export interface ExternalError {
+ message?: string;
+}
+
+export type GridError = DxError | ExternalError | string;
diff --git a/packages/devextreme/js/__internal/grids/grid_core/error_handling/utils.ts b/packages/devextreme/js/__internal/grids/grid_core/error_handling/utils.ts
new file mode 100644
index 000000000000..34c63d1d60ca
--- /dev/null
+++ b/packages/devextreme/js/__internal/grids/grid_core/error_handling/utils.ts
@@ -0,0 +1,23 @@
+import { isObject } from '@js/core/utils/type';
+import type { DxError } from '@ts/core/utils/m_error';
+
+import type { GridError } from './types';
+
+export const isDxError = (
+ error: GridError,
+): error is DxError => !!error && isObject(error) && 'url' in error && !!error.url;
+
+export const getErrorMessage = (error: GridError): string => {
+ if (typeof error === 'string') {
+ return error;
+ }
+
+ if (isDxError(error)) {
+ return error.message.replace(error.url, '');
+ }
+
+ // Reproduces the original `error.message || error`, which `.text()` stringified.
+ // `||` (not `??`) so an empty message falls through too.
+ // eslint-disable-next-line @typescript-eslint/no-base-to-string
+ return error.message || String(error);
+};
diff --git a/packages/devextreme/js/__internal/grids/grid_core/validating/m_validating.ts b/packages/devextreme/js/__internal/grids/grid_core/validating/m_validating.ts
index aef946b7f079..d5119d56073e 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/validating/m_validating.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/validating/m_validating.ts
@@ -28,6 +28,7 @@ import errors from '@js/ui/widget/ui.errors';
import { focused } from '@ts/core/utils/m_selectors';
import type { ColumnsController } from '@ts/grids/grid_core/columns_controller/m_columns_controller';
import type { EditorFactory } from '@ts/grids/grid_core/editor_factory/m_editor_factory';
+import type { ErrorHandlingController } from '@ts/grids/grid_core/error_handling/m_error_handling';
import type { RowsView } from '@ts/grids/grid_core/views/m_rows_view';
import { EDITORS_INPUT_SELECTOR, EDITORS_TEXTAREA_SELECTOR } from '../editing/const';
@@ -672,6 +673,14 @@ export class ValidatingController extends modules.Controller {
}
export const validatingEditingExtender = (Base: ModuleType) => class ValidateEditingControllerExtender extends Base {
+ protected _errorHandlingController!: ErrorHandlingController;
+
+ public init(): void {
+ super.init();
+
+ this._errorHandlingController = this.getController('errorHandling');
+ }
+
protected processDataItemTreeListHack(item) {
// @ts-expect-error
super.processDataItem.apply(this, arguments);
@@ -1037,6 +1046,8 @@ export const validatingEditingExtender = (Base: ModuleType) =
$popupContent = this.getPopupContent();
return this._errorHandlingController && this._errorHandlingController.renderErrorRow(validationData?.errorText, rowIndex, $popupContent);
}
+
+ return undefined;
}
public updateFieldValue(e) {
diff --git a/packages/devextreme/js/__internal/grids/grid_core/views/m_rows_view.ts b/packages/devextreme/js/__internal/grids/grid_core/views/m_rows_view.ts
index e943108ee08a..cb7b4f37c2b0 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/views/m_rows_view.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/views/m_rows_view.ts
@@ -22,7 +22,6 @@ import type {
ColumnsResizerViewController,
} from '@ts/grids/grid_core/columns_resizing_reordering/m_columns_resizing_reordering';
import { generateRowValues } from '@ts/grids/grid_core/data_controller/utils/row_values';
-import type { ErrorHandlingController } from '@ts/grids/grid_core/error_handling/m_error_handling';
import type { FocusController } from '@ts/grids/grid_core/focus/m_focus';
import type { KeyboardNavigationController } from '@ts/grids/grid_core/keyboard_navigation/m_keyboard_navigation';
import type { ValidatingController } from '@ts/grids/grid_core/validating/m_validating';
@@ -105,8 +104,6 @@ export class RowsView extends ColumnsView {
protected _validatingController!: ValidatingController;
- protected _errorHandlingController!: ErrorHandlingController;
-
public _columnHeadersView!: ColumnHeadersView;
public _hasHeight: boolean | undefined;
@@ -138,7 +135,6 @@ export class RowsView extends ColumnsView {
this._focusController = this.getController('focus');
this._keyboardNavigationController = this.getController('keyboardNavigation');
this._validatingController = this.getController('validating');
- this._errorHandlingController = this.getController('errorHandling');
this._columnHeadersView = this.getView('columnHeadersView');
this._rowHeight = 0;
this._scrollTop = 0;
diff --git a/packages/devextreme/js/__internal/grids/grid_core/virtual_scrolling/m_virtual_scrolling.ts b/packages/devextreme/js/__internal/grids/grid_core/virtual_scrolling/m_virtual_scrolling.ts
index 9f06035646d1..dafb80aebe15 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/virtual_scrolling/m_virtual_scrolling.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/virtual_scrolling/m_virtual_scrolling.ts
@@ -17,6 +17,7 @@ import type {
} from '@ts/grids/grid_core/data_controller/types';
import type DataSourceAdapter from '@ts/grids/grid_core/data_source_adapter/m_data_source_adapter';
import type { RawItemData } from '@ts/grids/grid_core/data_source_adapter/types';
+import type { ErrorHandlingController } from '@ts/grids/grid_core/error_handling/m_error_handling';
import type { ModuleType } from '@ts/grids/grid_core/m_types';
import type { ResizingController } from '@ts/grids/grid_core/views/m_grid_view';
import type { RowsView } from '@ts/grids/grid_core/views/m_rows_view';
@@ -1437,6 +1438,8 @@ export const resizing = (Base: ModuleType) => class VirtualS
export const rowsView = (Base: ModuleType) => class VirtualScrollingRowsViewExtender extends Base {
protected _dataController!: DataController & Partial;
+ protected _errorHandlingController!: ErrorHandlingController;
+
private _isFixedTableRendering: any;
private _heightWarningIsThrown: any;
@@ -1445,9 +1448,11 @@ export const rowsView = (Base: ModuleType) => class VirtualScrollingRo
private readonly _scrollTimeoutID: any;
- public init() {
+ public init(): void {
super.init();
+ this._errorHandlingController = this.getController('errorHandling');
+
this._dataController.pageChanged.add((pageIndex) => {
const scrollTop = this._scrollTop;
diff --git a/packages/devextreme/js/__internal/grids/tree_list/module_not_extended/error_handling.ts b/packages/devextreme/js/__internal/grids/tree_list/module_not_extended/error_handling.ts
index 5c2edaf05bb2..9fb27f3da94f 100644
--- a/packages/devextreme/js/__internal/grids/tree_list/module_not_extended/error_handling.ts
+++ b/packages/devextreme/js/__internal/grids/tree_list/module_not_extended/error_handling.ts
@@ -1,4 +1,4 @@
-import { errorHandlingModule } from '@ts/grids/grid_core/error_handling/m_error_handling';
+import { errorHandlingModule } from '@ts/grids/grid_core/error_handling/error_handling_module';
import treeListCore from '../m_core';
diff --git a/packages/devextreme/testing/helpers/gridBaseMocks.js b/packages/devextreme/testing/helpers/gridBaseMocks.js
index e7b67f35a179..232dfd525b10 100644
--- a/packages/devextreme/testing/helpers/gridBaseMocks.js
+++ b/packages/devextreme/testing/helpers/gridBaseMocks.js
@@ -251,6 +251,7 @@ module.exports = function($, gridCore, columnResizingReordering, domUtils, commo
skipProcessingPagingChange: commonUtils.noop,
changed: $.Callbacks(),
loadingChanged: $.Callbacks(),
+ dataErrorOccurred: $.Callbacks('stopOnFalse'),
pageChanged: $.Callbacks(),
dataSourceChanged: $.Callbacks(),
pushed: $.Callbacks(),
From 4403ecc21afd1da65c7f001df9248685b86fb7f0 Mon Sep 17 00:00:00 2001
From: Andrey Vorobev <738482+vorobey@users.noreply.github.com>
Date: Wed, 19 Aug 2026 06:21:33 +0000
Subject: [PATCH 15/39] Localization: fix code scan vulnerability (#34809)
---
.../executor.e2e.spec.ts | 36 +++++++++++
.../generate-community-locales.impl.ts | 64 ++++++++++++-------
2 files changed, 77 insertions(+), 23 deletions(-)
diff --git a/packages/nx-infra-plugin/src/executors/generate-community-locales/executor.e2e.spec.ts b/packages/nx-infra-plugin/src/executors/generate-community-locales/executor.e2e.spec.ts
index 57da42b1749f..2ff8be436c70 100644
--- a/packages/nx-infra-plugin/src/executors/generate-community-locales/executor.e2e.spec.ts
+++ b/packages/nx-infra-plugin/src/executors/generate-community-locales/executor.e2e.spec.ts
@@ -18,6 +18,10 @@ const EN_JSON = `{
"No": "No",
"Cancel": "Cancel",
"Quote": "Say \\"hi\\"",
+ "Path": "Path",
+ "Price": "Price",
+ "Newline": "Newline",
+ "Trailing": "Trailing",
"Loading": "Loading..."
}
}
@@ -28,6 +32,10 @@ const FR_JSON_INPUT = `{
"Yes": "Oui",
"No": "TODO: Non",
"Quote": "Dire \\"salut\\"",
+ "Path": "Chemin C:\\\\dossier",
+ "Price": "Prix $& taxes",
+ "Newline": "Ligne1\\nLigne2",
+ "Trailing": "Termine par \\\\",
"Loading": "Chargement...",
"Extra": "Extra"
}
@@ -40,6 +48,10 @@ const EXPECTED_FR = `{
"No": "No",
"Cancel": "Cancel",
"Quote": "Dire \\"salut\\"",
+ "Path": "Chemin C:\\\\dossier",
+ "Price": "Prix $& taxes",
+ "Newline": "Ligne1\\nLigne2",
+ "Trailing": "Termine par \\\\",
"Loading": "Chargement..."
}
}
@@ -89,6 +101,14 @@ describe('GenerateCommunityLocalesExecutor E2E', () => {
const frContent = await readFileText(path.join(fixture.messagesDir, 'fr.json'));
expect(frContent).toBe(EXPECTED_FR);
+
+ const parsed = JSON.parse(frContent) as { fr: Record };
+ expect(parsed.fr).toMatchObject({
+ Path: 'Chemin C:\\dossier',
+ Price: 'Prix $& taxes',
+ Newline: 'Ligne1\nLigne2',
+ Trailing: 'Termine par \\',
+ });
});
it('leaves the default locale file untouched', async () => {
@@ -100,6 +120,22 @@ describe('GenerateCommunityLocalesExecutor E2E', () => {
expect(enContent).toBe(EN_JSON);
});
+ it('fails when the default locale file is malformed', async () => {
+ await writeFileText(path.join(fixture.messagesDir, 'en.json'), '{ "en": { ');
+
+ const result = await executor({}, context);
+
+ expect(result.success).toBe(false);
+ });
+
+ it('fails when the default locale file holds another locale', async () => {
+ await writeFileText(path.join(fixture.messagesDir, 'en.json'), EN_JSON.replace('"en"', '"es"'));
+
+ const result = await executor({}, context);
+
+ expect(result.success).toBe(false);
+ });
+
it('fails when the messages directory is missing', async () => {
const result = await executor({ messagesDir: './js/localization/does-not-exist' }, context);
diff --git a/packages/nx-infra-plugin/src/executors/generate-community-locales/generate-community-locales.impl.ts b/packages/nx-infra-plugin/src/executors/generate-community-locales/generate-community-locales.impl.ts
index afb550e72f70..f8b1a17cd1d8 100644
--- a/packages/nx-infra-plugin/src/executors/generate-community-locales/generate-community-locales.impl.ts
+++ b/packages/nx-infra-plugin/src/executors/generate-community-locales/generate-community-locales.impl.ts
@@ -13,15 +13,21 @@ const TODO_MARKER = 'TODO';
const ERROR_MESSAGES = {
MESSAGES_DIR_NOT_FOUND: (directory: string) => `Messages directory not found: ${directory}`,
DEFAULT_LOCALE_NOT_FOUND: (filePath: string) => `Default locale file not found: ${filePath}`,
+ INVALID_OUTPUT: (filePath: string, reason: string) =>
+ `Normalized content for ${filePath} is not valid JSON: ${reason}`,
+ DEFAULT_LOCALE_KEY_MISSING: (filePath: string, locale: string) =>
+ `Default locale file ${filePath} has no "${locale}" dictionary`,
} as const;
+// A single `"key": "value"` regexp
+const ENTRY_LINE = /^(\s*)"((?:[^"\\]|\\.)*)":\s*"(?:[^"\\]|\\.)*"(,?)(\s*)$/;
+
interface LocaleDictionary {
[key: string]: string;
}
function normalizeLocaleFile(
defaultFile: string,
- defaultDictionaryKeys: string[],
defaultLocale: string,
fileContents: string,
): string {
@@ -30,23 +36,30 @@ function normalizeLocaleFile(
const [locale] = Object.keys(parsedFile);
const dictionary = parsedFile[locale];
- let newFile = defaultFile.replace(`"${defaultLocale}"`, `"${locale}"`);
+ return defaultFile
+ .replace(`"${defaultLocale}"`, `"${locale}"`)
+ .split('\n')
+ .map((line) => {
+ const match = ENTRY_LINE.exec(line);
+ if (!match) {
+ return line;
+ }
- defaultDictionaryKeys.forEach((key) => {
- let replaceValue: string | null = null;
- if (Object.prototype.hasOwnProperty.call(dictionary, key)) {
- const val = dictionary[key];
- if (!val.includes(TODO_MARKER)) {
- replaceValue = val.replace(/"/g, '\\"');
+ const [, indent, rawKey, comma, lineEnding] = match;
+ const key = JSON.parse(`"${rawKey}"`) as string;
+
+ if (!Object.prototype.hasOwnProperty.call(dictionary, key)) {
+ return line;
}
- }
- if (replaceValue != null) {
- newFile = newFile.replace(new RegExp(`"${key}":.*"(,)?`), `"${key}": "${replaceValue}"$1`);
- }
- });
+ const val = dictionary[key];
+ if (val.includes(TODO_MARKER)) {
+ return line;
+ }
- return newFile;
+ return `${indent}"${rawKey}": ${JSON.stringify(val)}${comma}${lineEnding}`;
+ })
+ .join('\n');
}
interface ResolvedGenerateCommunityLocales {
@@ -74,9 +87,12 @@ export default createExecutor<
}
const defaultFile = await readFileText(defaultFilePath);
- const defaultDictionaryKeys = Object.keys(
- (JSON.parse(defaultFile) as Record)[defaultLocale],
- );
+ const defaultDictionary = (JSON.parse(defaultFile) as Record)[
+ defaultLocale
+ ];
+ if (!defaultDictionary) {
+ throw new Error(ERROR_MESSAGES.DEFAULT_LOCALE_KEY_MISSING(defaultFilePath, defaultLocale));
+ }
const localeFiles = await discoverFiles({
cwd: messagesDir,
@@ -89,12 +105,14 @@ export default createExecutor<
await Promise.all(
localeFiles.map(async (filePath) => {
const fileContents = await readFileText(filePath);
- const newFile = normalizeLocaleFile(
- defaultFile,
- defaultDictionaryKeys,
- defaultLocale,
- fileContents,
- );
+ const newFile = normalizeLocaleFile(defaultFile, defaultLocale, fileContents);
+
+ try {
+ JSON.parse(newFile);
+ } catch (error) {
+ throw new Error(ERROR_MESSAGES.INVALID_OUTPUT(filePath, (error as Error).message));
+ }
+
await writeFileText(filePath, newFile);
}),
);
From 5103963c13ec5d9b7c5a6e8e6dcd20caf68d1176 Mon Sep 17 00:00:00 2001
From: Anna Shakhova <68295572+anna-shakhova@users.noreply.github.com>
Date: Wed, 19 Aug 2026 08:58:50 +0000
Subject: [PATCH 16/39] Grids: remove m_ prefix from
ErrorHandlingViewController (#34826)
---
.../controllers/m_ai_column_integration_controller.ts | 4 ++--
.../grids/grid_core/error_handling/error_handling_module.ts | 4 ++--
...{m_error_handling.ts => error_handling_view_controller.ts} | 3 ++-
packages/devextreme/js/__internal/grids/grid_core/m_types.ts | 2 +-
.../js/__internal/grids/grid_core/validating/m_validating.ts | 4 ++--
.../grids/grid_core/virtual_scrolling/m_virtual_scrolling.ts | 4 ++--
6 files changed, 11 insertions(+), 10 deletions(-)
rename packages/devextreme/js/__internal/grids/grid_core/error_handling/{m_error_handling.ts => error_handling_view_controller.ts} (98%)
diff --git a/packages/devextreme/js/__internal/grids/grid_core/ai_column/controllers/m_ai_column_integration_controller.ts b/packages/devextreme/js/__internal/grids/grid_core/ai_column/controllers/m_ai_column_integration_controller.ts
index bbd72e534665..7654f0f132e5 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/ai_column/controllers/m_ai_column_integration_controller.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/ai_column/controllers/m_ai_column_integration_controller.ts
@@ -9,7 +9,7 @@ import errors from '@js/ui/widget/ui.errors';
import type { ColumnsController } from '../../columns_controller/m_columns_controller';
import type { DataController } from '../../data_controller/data_controller';
import type { RawItemData } from '../../data_source_adapter/types';
-import type { ErrorHandlingController } from '../../error_handling/m_error_handling';
+import type { ErrorHandlingViewController } from '../../error_handling/error_handling_view_controller';
import { Controller } from '../../m_modules';
import type { RowKey } from '../../m_types';
import type { InternalRequestCallbacks } from '../types';
@@ -23,7 +23,7 @@ export class AIColumnIntegrationController extends Controller {
private dataController!: DataController;
- private errorHandlingController!: ErrorHandlingController;
+ private errorHandlingController!: ErrorHandlingViewController;
private aiColumnCacheController!: AIColumnCacheController;
diff --git a/packages/devextreme/js/__internal/grids/grid_core/error_handling/error_handling_module.ts b/packages/devextreme/js/__internal/grids/grid_core/error_handling/error_handling_module.ts
index 99f213995ad9..3283e718e890 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/error_handling/error_handling_module.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/error_handling/error_handling_module.ts
@@ -1,4 +1,4 @@
-import { ErrorHandlingController } from './m_error_handling';
+import { ErrorHandlingViewController } from './error_handling_view_controller';
export const errorHandlingModule = {
defaultOptions(): { errorRowEnabled: boolean } {
@@ -7,6 +7,6 @@ export const errorHandlingModule = {
};
},
controllers: {
- errorHandling: ErrorHandlingController,
+ errorHandling: ErrorHandlingViewController,
},
};
diff --git a/packages/devextreme/js/__internal/grids/grid_core/error_handling/m_error_handling.ts b/packages/devextreme/js/__internal/grids/grid_core/error_handling/error_handling_view_controller.ts
similarity index 98%
rename from packages/devextreme/js/__internal/grids/grid_core/error_handling/m_error_handling.ts
rename to packages/devextreme/js/__internal/grids/grid_core/error_handling/error_handling_view_controller.ts
index 751fb6e813fb..1fe00c811a8e 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/error_handling/m_error_handling.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/error_handling/error_handling_view_controller.ts
@@ -24,7 +24,7 @@ import {
import type { GridError } from './types';
import { getErrorMessage, isDxError } from './utils';
-export class ErrorHandlingController extends modules.ViewController {
+export class ErrorHandlingViewController extends modules.ViewController {
private _resizingController!: ResizingController;
private _columnsController!: ColumnsController;
@@ -148,6 +148,7 @@ export class ErrorHandlingController extends modules.ViewController {
const viewElement = shouldRenderInRowsView ? this._rowsView : this._columnHeadersView;
const $tableElements: dxElementWrapper = viewElement.getTableElements();
+ // eslint-disable-next-line @typescript-eslint/init-declarations
let $firstErrorRow: dxElementWrapper | undefined;
each($tableElements, (_, tableElement: Element): void => {
diff --git a/packages/devextreme/js/__internal/grids/grid_core/m_types.ts b/packages/devextreme/js/__internal/grids/grid_core/m_types.ts
index d493128c4f7d..ef001c801ff5 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/m_types.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/m_types.ts
@@ -195,7 +195,7 @@ export interface Controllers {
// todo: export is dataGrid-only controller
editing: import('./editing/m_editing').EditingController;
editorFactory: import('./editor_factory/m_editor_factory').EditorFactory;
- errorHandling: import('./error_handling/m_error_handling').ErrorHandlingController;
+ errorHandling: import('./error_handling/error_handling_view_controller').ErrorHandlingViewController;
export: import('../data_grid/export/m_export').ExportController;
filterSync: import('./filter/m_filter_sync').FilterSyncController;
focus: import('./focus/m_focus').FocusController;
diff --git a/packages/devextreme/js/__internal/grids/grid_core/validating/m_validating.ts b/packages/devextreme/js/__internal/grids/grid_core/validating/m_validating.ts
index d5119d56073e..1c2e43f2909b 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/validating/m_validating.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/validating/m_validating.ts
@@ -28,7 +28,7 @@ import errors from '@js/ui/widget/ui.errors';
import { focused } from '@ts/core/utils/m_selectors';
import type { ColumnsController } from '@ts/grids/grid_core/columns_controller/m_columns_controller';
import type { EditorFactory } from '@ts/grids/grid_core/editor_factory/m_editor_factory';
-import type { ErrorHandlingController } from '@ts/grids/grid_core/error_handling/m_error_handling';
+import type { ErrorHandlingViewController } from '@ts/grids/grid_core/error_handling/error_handling_view_controller';
import type { RowsView } from '@ts/grids/grid_core/views/m_rows_view';
import { EDITORS_INPUT_SELECTOR, EDITORS_TEXTAREA_SELECTOR } from '../editing/const';
@@ -673,7 +673,7 @@ export class ValidatingController extends modules.Controller {
}
export const validatingEditingExtender = (Base: ModuleType) => class ValidateEditingControllerExtender extends Base {
- protected _errorHandlingController!: ErrorHandlingController;
+ protected _errorHandlingController!: ErrorHandlingViewController;
public init(): void {
super.init();
diff --git a/packages/devextreme/js/__internal/grids/grid_core/virtual_scrolling/m_virtual_scrolling.ts b/packages/devextreme/js/__internal/grids/grid_core/virtual_scrolling/m_virtual_scrolling.ts
index dafb80aebe15..2579006c62bb 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/virtual_scrolling/m_virtual_scrolling.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/virtual_scrolling/m_virtual_scrolling.ts
@@ -17,7 +17,7 @@ import type {
} from '@ts/grids/grid_core/data_controller/types';
import type DataSourceAdapter from '@ts/grids/grid_core/data_source_adapter/m_data_source_adapter';
import type { RawItemData } from '@ts/grids/grid_core/data_source_adapter/types';
-import type { ErrorHandlingController } from '@ts/grids/grid_core/error_handling/m_error_handling';
+import type { ErrorHandlingViewController } from '@ts/grids/grid_core/error_handling/error_handling_view_controller';
import type { ModuleType } from '@ts/grids/grid_core/m_types';
import type { ResizingController } from '@ts/grids/grid_core/views/m_grid_view';
import type { RowsView } from '@ts/grids/grid_core/views/m_rows_view';
@@ -1438,7 +1438,7 @@ export const resizing = (Base: ModuleType) => class VirtualS
export const rowsView = (Base: ModuleType) => class VirtualScrollingRowsViewExtender extends Base {
protected _dataController!: DataController & Partial;
- protected _errorHandlingController!: ErrorHandlingController;
+ protected _errorHandlingController!: ErrorHandlingViewController;
private _isFixedTableRendering: any;
From 03a5db1787a965cdcdb24a86e625773d82fdbbf8 Mon Sep 17 00:00:00 2001
From: Andrei Kharitonov
Date: Wed, 19 Aug 2026 09:09:16 +0000
Subject: [PATCH 17/39] Toolbar Demo: fix paddings (#34808)
---
.../Overview/Angular/app/app.component.css | 4 ++++
.../Demos/Toolbar/Overview/React/styles.css | 4 ++++
.../Demos/Toolbar/Overview/ReactJs/styles.css | 4 ++++
apps/demos/Demos/Toolbar/Overview/Vue/App.vue | 4 ++++
.../Demos/Toolbar/Overview/jQuery/styles.css | 4 ++++
.../Toolbar-Overview (fluent.blue.light).png | Bin 29433 -> 29434 bytes
...Toolbar-Overview (material.blue.light).png | Bin 29387 -> 29391 bytes
7 files changed, 20 insertions(+)
diff --git a/apps/demos/Demos/Toolbar/Overview/Angular/app/app.component.css b/apps/demos/Demos/Toolbar/Overview/Angular/app/app.component.css
index 6e89a910b662..f67afdb2ad1a 100644
--- a/apps/demos/Demos/Toolbar/Overview/Angular/app/app.component.css
+++ b/apps/demos/Demos/Toolbar/Overview/Angular/app/app.component.css
@@ -1,3 +1,7 @@
+::ng-deep .demo-container {
+ padding: 4px;
+}
+
::ng-deep .toolbar-label,
::ng-deep .toolbar-label > b {
font-size: 16px;
diff --git a/apps/demos/Demos/Toolbar/Overview/React/styles.css b/apps/demos/Demos/Toolbar/Overview/React/styles.css
index bed969cfac8a..8fe3830eb13b 100644
--- a/apps/demos/Demos/Toolbar/Overview/React/styles.css
+++ b/apps/demos/Demos/Toolbar/Overview/React/styles.css
@@ -1,3 +1,7 @@
+.demo-container {
+ padding: 4px;
+}
+
.toolbar-label,
.toolbar-label > b {
font-size: 16px;
diff --git a/apps/demos/Demos/Toolbar/Overview/ReactJs/styles.css b/apps/demos/Demos/Toolbar/Overview/ReactJs/styles.css
index bed969cfac8a..8fe3830eb13b 100644
--- a/apps/demos/Demos/Toolbar/Overview/ReactJs/styles.css
+++ b/apps/demos/Demos/Toolbar/Overview/ReactJs/styles.css
@@ -1,3 +1,7 @@
+.demo-container {
+ padding: 4px;
+}
+
.toolbar-label,
.toolbar-label > b {
font-size: 16px;
diff --git a/apps/demos/Demos/Toolbar/Overview/Vue/App.vue b/apps/demos/Demos/Toolbar/Overview/Vue/App.vue
index 0f0249414a40..12225129a826 100644
--- a/apps/demos/Demos/Toolbar/Overview/Vue/App.vue
+++ b/apps/demos/Demos/Toolbar/Overview/Vue/App.vue
@@ -110,6 +110,10 @@ const settingsButtonOptions = {
};
diff --git a/apps/demos/Demos/Scheduler/MultilevelGrouping/Vue/data.ts b/apps/demos/Demos/Scheduler/MultilevelGrouping/Vue/data.ts
new file mode 100644
index 000000000000..6a9ffea09cb4
--- /dev/null
+++ b/apps/demos/Demos/Scheduler/MultilevelGrouping/Vue/data.ts
@@ -0,0 +1,159 @@
+export const assignees = [
+ {
+ id: 'room-1', text: '🏢 Room 1', shortText: 'Room 1', parentId: null,
+ },
+ {
+ id: 1, text: 'Samantha Bright', parentId: 'room-1', color: '#A7E3A5',
+ },
+ {
+ id: 2, text: 'John Heart', parentId: 'room-1', color: '#F9E2AE',
+ },
+ {
+ id: 'room-2', text: '🏢 Room 2', shortText: 'Room 2', parentId: null,
+ },
+ {
+ id: 3, text: 'Todd Hoffman', parentId: 'room-2', color: '#F1BBBC',
+ },
+ {
+ id: 4, text: 'Sandra Johnson', parentId: 'room-2', color: '#CFE4FA',
+ },
+];
+
+export const appointments = [
+ {
+ text: 'Upgrade Personal Computers',
+ assigneeId: [1],
+ startDate: new Date(2026, 6, 13, 9, 30),
+ endDate: new Date(2026, 6, 13, 11, 30),
+ }, {
+ text: 'Install New Database',
+ assigneeId: [1],
+ startDate: new Date(2026, 6, 13, 13, 0),
+ endDate: new Date(2026, 6, 13, 15, 30),
+ }, {
+ text: 'Install New Router in Dev Room',
+ assigneeId: [1],
+ startDate: new Date(2026, 6, 14, 9, 0),
+ endDate: new Date(2026, 6, 14, 12, 15),
+ }, {
+ text: 'Brochure Design Review',
+ assigneeId: [1],
+ startDate: new Date(2026, 6, 15, 11, 0),
+ endDate: new Date(2026, 6, 15, 13, 30),
+ }, {
+ text: 'Book Flights to San Fran for Sales Trip',
+ assigneeId: [1],
+ startDate: new Date(2026, 6, 16, 10, 0),
+ endDate: new Date(2026, 6, 16, 12, 0),
+ }, {
+ text: 'Upgrade Server Hardware',
+ assigneeId: [1],
+ startDate: new Date(2026, 6, 17, 9, 0),
+ endDate: new Date(2026, 6, 17, 15, 0),
+ }, {
+ text: 'Google AdWords Strategy',
+ assigneeId: [2],
+ startDate: new Date(2026, 6, 13, 9, 0),
+ endDate: new Date(2026, 6, 13, 12, 0),
+ }, {
+ text: 'Rollout of New Website and Marketing Brochures',
+ assigneeId: [2],
+ startDate: new Date(2026, 6, 13, 13, 0),
+ endDate: new Date(2026, 6, 13, 15, 30),
+ }, {
+ text: 'Update NDA Agreement',
+ assigneeId: [2],
+ startDate: new Date(2026, 6, 14, 11, 0),
+ endDate: new Date(2026, 6, 14, 14, 15),
+ }, {
+ text: 'Submit Questions Regarding New NDA',
+ assigneeId: [2],
+ startDate: new Date(2026, 6, 15, 10, 0),
+ endDate: new Date(2026, 6, 15, 11, 30),
+ }, {
+ text: 'Submit Signed NDA',
+ assigneeId: [2],
+ startDate: new Date(2026, 6, 15, 13, 0),
+ endDate: new Date(2026, 6, 15, 15, 0),
+ }, {
+ text: 'Review Training Course for any Omissions',
+ assigneeId: [2],
+ startDate: new Date(2026, 6, 16, 11, 0),
+ endDate: new Date(2026, 6, 16, 14, 0),
+ }, {
+ text: 'Update Employee Files with New NDA',
+ assigneeId: [2],
+ startDate: new Date(2026, 6, 17, 9, 0),
+ endDate: new Date(2026, 6, 17, 11, 45),
+ }, {
+ text: 'Website Re-Design Plan',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 13, 9, 30),
+ endDate: new Date(2026, 6, 13, 11, 30),
+ }, {
+ text: 'New Brochures',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 13, 13, 0),
+ endDate: new Date(2026, 6, 13, 15, 15),
+ }, {
+ text: 'Approve Personal Computer Upgrade Plan',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 14, 10, 0),
+ endDate: new Date(2026, 6, 14, 11, 0),
+ }, {
+ text: 'Final Budget Review',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 14, 12, 0),
+ endDate: new Date(2026, 6, 14, 13, 35),
+ }, {
+ text: 'Approve New Online Marketing Strategy',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 15, 12, 0),
+ endDate: new Date(2026, 6, 15, 14, 0),
+ }, {
+ text: 'Prepare 2026 Marketing Plan',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 16, 11, 0),
+ endDate: new Date(2026, 6, 16, 13, 30),
+ }, {
+ text: 'Create Icons for Website',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 17, 10, 0),
+ endDate: new Date(2026, 6, 17, 11, 30),
+ }, {
+ text: 'Launch New Website',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 17, 12, 20),
+ endDate: new Date(2026, 6, 17, 14, 0),
+ }, {
+ text: 'Comment on Revenue Projections',
+ assigneeId: [4],
+ startDate: new Date(2026, 6, 13, 10, 0),
+ endDate: new Date(2026, 6, 13, 13, 0),
+ }, {
+ text: 'Approve Hiring of John Jeffers',
+ assigneeId: [4],
+ startDate: new Date(2026, 6, 14, 9, 0),
+ endDate: new Date(2026, 6, 14, 12, 0),
+ }, {
+ text: 'Non-Compete Agreements',
+ assigneeId: [4],
+ startDate: new Date(2026, 6, 14, 13, 0),
+ endDate: new Date(2026, 6, 14, 15, 45),
+ }, {
+ text: 'Review Revenue Projections',
+ assigneeId: [4],
+ startDate: new Date(2026, 6, 15, 11, 0),
+ endDate: new Date(2026, 6, 15, 14, 0),
+ }, {
+ text: 'Review Changes to Health Insurance Coverage',
+ assigneeId: [4],
+ startDate: new Date(2026, 6, 16, 9, 0),
+ endDate: new Date(2026, 6, 16, 13, 0),
+ }, {
+ text: 'Provide New Health Insurance Docs',
+ assigneeId: [4],
+ startDate: new Date(2026, 6, 17, 12, 0),
+ endDate: new Date(2026, 6, 17, 15, 0),
+ },
+];
diff --git a/apps/demos/Demos/Scheduler/MultilevelGrouping/Vue/index.html b/apps/demos/Demos/Scheduler/MultilevelGrouping/Vue/index.html
new file mode 100644
index 000000000000..c90687f1390f
--- /dev/null
+++ b/apps/demos/Demos/Scheduler/MultilevelGrouping/Vue/index.html
@@ -0,0 +1,27 @@
+
+
+
+ DevExtreme Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/demos/Demos/Scheduler/MultilevelGrouping/Vue/index.ts b/apps/demos/Demos/Scheduler/MultilevelGrouping/Vue/index.ts
new file mode 100644
index 000000000000..684d04215d72
--- /dev/null
+++ b/apps/demos/Demos/Scheduler/MultilevelGrouping/Vue/index.ts
@@ -0,0 +1,4 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+
+createApp(App).mount('#app');
diff --git a/apps/demos/Demos/Scheduler/MultilevelGrouping/jQuery/data.js b/apps/demos/Demos/Scheduler/MultilevelGrouping/jQuery/data.js
new file mode 100644
index 000000000000..fddf43749178
--- /dev/null
+++ b/apps/demos/Demos/Scheduler/MultilevelGrouping/jQuery/data.js
@@ -0,0 +1,159 @@
+const assignees = [
+ {
+ id: 'room-1', text: '🏢 Room 1', shortText: 'Room 1', parentId: null,
+ },
+ {
+ id: 1, text: 'Samantha Bright', parentId: 'room-1', color: '#A7E3A5',
+ },
+ {
+ id: 2, text: 'John Heart', parentId: 'room-1', color: '#F9E2AE',
+ },
+ {
+ id: 'room-2', text: '🏢 Room 2', shortText: 'Room 2', parentId: null,
+ },
+ {
+ id: 3, text: 'Todd Hoffman', parentId: 'room-2', color: '#F1BBBC',
+ },
+ {
+ id: 4, text: 'Sandra Johnson', parentId: 'room-2', color: '#CFE4FA',
+ },
+];
+
+const appointments = [
+ {
+ text: 'Upgrade Personal Computers',
+ assigneeId: [1],
+ startDate: new Date(2026, 6, 13, 9, 30),
+ endDate: new Date(2026, 6, 13, 11, 30),
+ }, {
+ text: 'Install New Database',
+ assigneeId: [1],
+ startDate: new Date(2026, 6, 13, 13, 0),
+ endDate: new Date(2026, 6, 13, 15, 30),
+ }, {
+ text: 'Install New Router in Dev Room',
+ assigneeId: [1],
+ startDate: new Date(2026, 6, 14, 9, 0),
+ endDate: new Date(2026, 6, 14, 12, 15),
+ }, {
+ text: 'Brochure Design Review',
+ assigneeId: [1],
+ startDate: new Date(2026, 6, 15, 11, 0),
+ endDate: new Date(2026, 6, 15, 13, 30),
+ }, {
+ text: 'Book Flights to San Fran for Sales Trip',
+ assigneeId: [1],
+ startDate: new Date(2026, 6, 16, 10, 0),
+ endDate: new Date(2026, 6, 16, 12, 0),
+ }, {
+ text: 'Upgrade Server Hardware',
+ assigneeId: [1],
+ startDate: new Date(2026, 6, 17, 9, 0),
+ endDate: new Date(2026, 6, 17, 15, 0),
+ }, {
+ text: 'Google AdWords Strategy',
+ assigneeId: [2],
+ startDate: new Date(2026, 6, 13, 9, 0),
+ endDate: new Date(2026, 6, 13, 12, 0),
+ }, {
+ text: 'Rollout of New Website and Marketing Brochures',
+ assigneeId: [2],
+ startDate: new Date(2026, 6, 13, 13, 0),
+ endDate: new Date(2026, 6, 13, 15, 30),
+ }, {
+ text: 'Update NDA Agreement',
+ assigneeId: [2],
+ startDate: new Date(2026, 6, 14, 11, 0),
+ endDate: new Date(2026, 6, 14, 14, 15),
+ }, {
+ text: 'Submit Questions Regarding New NDA',
+ assigneeId: [2],
+ startDate: new Date(2026, 6, 15, 10, 0),
+ endDate: new Date(2026, 6, 15, 11, 30),
+ }, {
+ text: 'Submit Signed NDA',
+ assigneeId: [2],
+ startDate: new Date(2026, 6, 15, 13, 0),
+ endDate: new Date(2026, 6, 15, 15, 0),
+ }, {
+ text: 'Review Training Course for any Omissions',
+ assigneeId: [2],
+ startDate: new Date(2026, 6, 16, 11, 0),
+ endDate: new Date(2026, 6, 16, 14, 0),
+ }, {
+ text: 'Update Employee Files with New NDA',
+ assigneeId: [2],
+ startDate: new Date(2026, 6, 17, 9, 0),
+ endDate: new Date(2026, 6, 17, 11, 45),
+ }, {
+ text: 'Website Re-Design Plan',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 13, 9, 30),
+ endDate: new Date(2026, 6, 13, 11, 30),
+ }, {
+ text: 'New Brochures',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 13, 13, 0),
+ endDate: new Date(2026, 6, 13, 15, 15),
+ }, {
+ text: 'Approve Personal Computer Upgrade Plan',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 14, 10, 0),
+ endDate: new Date(2026, 6, 14, 11, 0),
+ }, {
+ text: 'Final Budget Review',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 14, 12, 0),
+ endDate: new Date(2026, 6, 14, 13, 35),
+ }, {
+ text: 'Approve New Online Marketing Strategy',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 15, 12, 0),
+ endDate: new Date(2026, 6, 15, 14, 0),
+ }, {
+ text: 'Prepare 2026 Marketing Plan',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 16, 11, 0),
+ endDate: new Date(2026, 6, 16, 13, 30),
+ }, {
+ text: 'Create Icons for Website',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 17, 10, 0),
+ endDate: new Date(2026, 6, 17, 11, 30),
+ }, {
+ text: 'Launch New Website',
+ assigneeId: [3],
+ startDate: new Date(2026, 6, 17, 12, 20),
+ endDate: new Date(2026, 6, 17, 14, 0),
+ }, {
+ text: 'Comment on Revenue Projections',
+ assigneeId: [4],
+ startDate: new Date(2026, 6, 13, 10, 0),
+ endDate: new Date(2026, 6, 13, 13, 0),
+ }, {
+ text: 'Approve Hiring of John Jeffers',
+ assigneeId: [4],
+ startDate: new Date(2026, 6, 14, 9, 0),
+ endDate: new Date(2026, 6, 14, 12, 0),
+ }, {
+ text: 'Non-Compete Agreements',
+ assigneeId: [4],
+ startDate: new Date(2026, 6, 14, 13, 0),
+ endDate: new Date(2026, 6, 14, 15, 45),
+ }, {
+ text: 'Review Revenue Projections',
+ assigneeId: [4],
+ startDate: new Date(2026, 6, 15, 11, 0),
+ endDate: new Date(2026, 6, 15, 14, 0),
+ }, {
+ text: 'Review Changes to Health Insurance Coverage',
+ assigneeId: [4],
+ startDate: new Date(2026, 6, 16, 9, 0),
+ endDate: new Date(2026, 6, 16, 13, 0),
+ }, {
+ text: 'Provide New Health Insurance Docs',
+ assigneeId: [4],
+ startDate: new Date(2026, 6, 17, 12, 0),
+ endDate: new Date(2026, 6, 17, 15, 0),
+ },
+];
diff --git a/apps/demos/Demos/Scheduler/MultilevelGrouping/jQuery/index.html b/apps/demos/Demos/Scheduler/MultilevelGrouping/jQuery/index.html
new file mode 100644
index 000000000000..2ae8d3e24cc1
--- /dev/null
+++ b/apps/demos/Demos/Scheduler/MultilevelGrouping/jQuery/index.html
@@ -0,0 +1,20 @@
+
+
+
+ DevExtreme Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/demos/Demos/Scheduler/MultilevelGrouping/jQuery/index.js b/apps/demos/Demos/Scheduler/MultilevelGrouping/jQuery/index.js
new file mode 100644
index 000000000000..4688be6bd2a7
--- /dev/null
+++ b/apps/demos/Demos/Scheduler/MultilevelGrouping/jQuery/index.js
@@ -0,0 +1,181 @@
+const rooms = assignees.filter((item) => item.parentId === null);
+
+const employeesOf = (roomId) => assignees.filter((item) => item.parentId === roomId);
+
+const roomOf = (assigneeId) => {
+ const employee = assignees.find((item) => item.id === assigneeId);
+
+ return employee ? employee.parentId : null;
+};
+
+const findItem = (items, predicate) => {
+ for (let i = 0; i < items.length; i += 1) {
+ if (predicate(items[i])) {
+ return { list: items, index: i };
+ }
+
+ if (items[i].items) {
+ const found = findItem(items[i].items, predicate);
+
+ if (found) {
+ return found;
+ }
+ }
+ }
+
+ return null;
+};
+
+const createRoomGroup = (form, roomId) => ({
+ itemType: 'group',
+ name: 'roomGroup',
+ cssClass: 'dx-scheduler-form-group-with-icon',
+ colCount: 2,
+ colCountByScreen: { xs: 2 },
+ items: [
+ {
+ colSpan: 1,
+ name: 'roomIcon',
+ cssClass: 'dx-scheduler-form-icon',
+ template: () => $('').addClass('dx-icon dx-icon-conferenceroomoutline'),
+ },
+ {
+ itemType: 'simple',
+ name: 'roomEditor',
+ colSpan: 1,
+ label: { visible: false },
+ editorType: 'dxSelectBox',
+ editorOptions: {
+ dataSource: rooms,
+ displayExpr: 'shortText',
+ valueExpr: 'id',
+ value: roomId,
+ placeholder: 'Room',
+ stylingMode: form.getEditor('assigneeId')?.option('stylingMode'),
+ onValueChanged(e) {
+ const editor = form.getEditor('assigneeId');
+
+ editor?.option('dataSource', e.value ? employeesOf(e.value) : []);
+ editor?.option('value', []);
+ },
+ },
+ },
+ ],
+});
+
+const renderEmployeeTag = (data) => {
+ const tag = document.createElement('div');
+
+ tag.className = 'dx-tag-content';
+ tag.style.backgroundColor = data.color ?? '';
+ tag.style.borderColor = data.color ?? 'transparent';
+ tag.textContent = data.text;
+
+ const removeButton = document.createElement('div');
+
+ removeButton.className = 'dx-tag-remove-button';
+ tag.appendChild(removeButton);
+
+ return tag;
+};
+
+const hideLabels = (items) => {
+ items.forEach((item) => {
+ if (item.items) {
+ hideLabels(item.items);
+ } else if (item.dataField !== 'allDay') {
+ item.label = { ...item.label, visible: false };
+ }
+ });
+};
+
+const roomIdOf = (appointmentData) => {
+ const assigneeIds = appointmentData?.assigneeId;
+ const [assigneeId] = Array.isArray(assigneeIds) ? assigneeIds : [assigneeIds];
+
+ return roomOf(assigneeId);
+};
+
+const requireEmployee = (items) => {
+ const found = findItem(items, (item) => item.dataField === 'assigneeId');
+
+ if (!found) {
+ return;
+ }
+
+ const item = found.list[found.index];
+
+ item.validationRules = [{ type: 'required', message: 'Employee is required' }];
+ item.editorOptions = { ...item.editorOptions, tagTemplate: renderEmployeeTag };
+};
+
+const hideGroup = (items, name) => {
+ const found = findItem(items, (item) => item.name === name);
+
+ if (found) {
+ found.list[found.index].visible = false;
+ }
+};
+
+$(() => {
+ $('#scheduler').dxScheduler({
+ dataSource: appointments,
+ views: [{
+ type: 'workWeek',
+ name: 'Vertical Grouping',
+ groupOrientation: 'vertical',
+ cellDuration: 60,
+ }, {
+ type: 'workWeek',
+ name: 'Horizontal Grouping',
+ groupOrientation: 'horizontal',
+ }],
+ currentView: 'Vertical Grouping',
+ currentDate: new Date(2026, 6, 13),
+ startDayHour: 9,
+ endDayHour: 16,
+ groups: ['assigneeId'],
+ resources: [
+ {
+ fieldExpr: 'assigneeId',
+ dataSource: assignees,
+ parentIdExpr: 'parentId',
+ label: 'Employee',
+ allowMultiple: true,
+ icon: 'user',
+ },
+ ],
+ crossScrollingEnabled: false,
+ showAllDayPanel: false,
+ showCurrentTimeIndicator: false,
+ height: 700,
+ onOptionChanged(e) {
+ if (e.name === 'currentView') {
+ e.component.option('crossScrollingEnabled', e.value === 'Horizontal Grouping');
+ }
+ },
+ onAppointmentFormOpening(e) {
+ const { form } = e;
+ const items = form.option('items');
+
+ if (findItem(items, (item) => item.name === 'roomGroup')) {
+ return;
+ }
+
+ const roomId = roomIdOf(e.appointmentData);
+ const mainGroup = items.find((item) => item.name === 'mainGroup');
+ const employee = findItem(items, (item) => item.name === 'assigneeIdGroup');
+ const repeatValue = form.getEditor('repeatEditor')?.option('value');
+
+ employee?.list.splice(employee.index, 0, createRoomGroup(form, roomId));
+ hideLabels(mainGroup?.items ?? []);
+ requireEmployee(items);
+ hideGroup(items, 'descriptionGroup');
+
+ form.option('items', items.slice());
+
+ form.getEditor('repeatEditor')?.option('value', repeatValue);
+ form.getEditor('assigneeId')?.option('dataSource', roomId ? employeesOf(roomId) : []);
+ },
+ });
+});
diff --git a/apps/demos/Demos/Scheduler/MultilevelGrouping/jQuery/styles.css b/apps/demos/Demos/Scheduler/MultilevelGrouping/jQuery/styles.css
new file mode 100644
index 000000000000..2fdf6823a33d
--- /dev/null
+++ b/apps/demos/Demos/Scheduler/MultilevelGrouping/jQuery/styles.css
@@ -0,0 +1,23 @@
+.dx-scheduler-cell-sizes-horizontal {
+ width: 100px;
+}
+
+.dx-scheduler-group-header {
+ min-width: 120px;
+}
+
+.dx-scheduler-group-header,
+.dx-scheduler-header-panel-empty-cell,
+.dx-scheduler-work-space-vertical-group-table,
+.dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell,
+.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped)
+ .dx-scheduler-header-panel-cell {
+ background-color: var(--dx-color-main-bg);
+}
+
+.dx-scheduler-group-header,
+.dx-scheduler-group-header .dx-scheduler-group-header-content {
+ font-size: 11px;
+ font-weight: 600;
+ line-height: 16px;
+}
diff --git a/apps/demos/menuMeta.json b/apps/demos/menuMeta.json
index 56197dc27873..3b50b132b617 100644
--- a/apps/demos/menuMeta.json
+++ b/apps/demos/menuMeta.json
@@ -3987,6 +3987,12 @@
"/Models/SampleData/GroupByDateTasks.cs"
],
"DemoType": "Web"
+ },
+ {
+ "Title": "Multilevel Grouping",
+ "Name": "MultilevelGrouping",
+ "Widget": "Scheduler",
+ "DemoType": "Web"
}
]
},
diff --git a/apps/demos/testing/etalons/Scheduler-MultilevelGrouping (fluent.blue.light).png b/apps/demos/testing/etalons/Scheduler-MultilevelGrouping (fluent.blue.light).png
new file mode 100644
index 0000000000000000000000000000000000000000..08978424426609c834a7c77ed96b845b3bf7aa3b
GIT binary patch
literal 93276
zcmd3N1yI{v*Jmlkic4_~-eL(9mr~qYXp!O;+#P}xcXxM+6nBT<1Ssxq#a)YR`abWs
zGT-j(&g{(2-bpga{a-ov+++85ZbCjON@2bxef{Fa3rrblape~;5P!qp)Tqetno446
zp%*WFUdV`xesM)O?84TX3Rr(WOPXEwG_r4KWiJXh%(N?G|Ab|Zruo)*A5rdYknXIh
z)qTx`F8?3>n)SkU_QF5reA^~wlV$ARB2sk+-jt`O42!T
l9c7<7
z1l?cgK0m6dCbwseQN~Dby#V}ECVsL6|5KzJYN-ERxjgFo?@C7j^#5ph^uKBNj&Xcq
z;y?POXZriUQtTOGK6P*V_fP{Sn>T;>NdAw<`+wfBJ7vH!|GXTHK$ZK#*u0#@s9QUM
zEA`*hLyB3_&0vy4=tWh6vHerHA&?Y2DS3MK>U6V!ZLZXTT?SZTi~a42)ixLHUyj+c
zq1Wt{lefEQ@{OcNa-iOv2Qp8xuV${!l)vE(C`_(i1pk8WXF#&Eolrs(b%Flxqgl_%jxzZaH}246#?FL4RwGDt_n+
zx=7~pCZxr~!~&-AeCBsSC`j8kqPKgHdH
z%}h}oUbe^`w+m)to`0J&6p%ptHHNFHmc>(SgiCj$I!B6d$_wrBjkdvSeKLLd5`uco
zb{9yTY4cy2eR_@4exTRlR|%ZvgQMRAvWhpQqD@b?9qtFRZeHXqg%A()Yw)S~mol?5
zWyAOq3VNGvF`9$cX&YQ|!Rtm0M9J~-;f&D1q@Mh$)?l+?vJeOU+s4y+j})!S#73Fk
zGM!ZMKlRExqiqo%4c}vL{o%OHw{>C;2r%~FOy|92x(UY9ajWsi_Al0PCJR`Uj7~AN
zwM1@jHK0_mGMKCe4BY}!xDwykF1A@2t=_%p6(gTY7%{e9=du+U${_jF=1MA&CbV=n
zCmGm}q^|kpgT5#rGl(&!kNdc-$)_$85~{{dU+l?w^JZkd9w1OE*B33#T7cB>xr&W5QqZeBUvM$K4
zrxs&tZnWi~yyc0V@z=`A=-qDC7}49t2xFC^^B)$Z!@E&kCcoOs*d_vXA`KmYoZdDd
z>OUYnk28ALBy9x0!$FmSg$r^E#Nr1%d1SVCK>>)OWh5ft^C*<@)ja_4=;PtyTlLw*
zt}9y4%Z<41mef6=eZ{__wm}uLRr&*zS-5~Fch?m>*gts#?T<0ap8~ti)IFMHF0Xf%
zONw0CAS8FQ*wha}Xj}3gDd-g)uPeGlN8(o#p|w^-_K#oB4i_3zcUK;
z63@*Iahz;2Fjqv;1W>%X(BBvIb}r6INJG+x$Hg<^v&%}?v@lV55BgnVU215=35e{UkV{NFTn
zx6TSI&`flZ8%;fM%7
z)RM%qtqxkr2jAKrl^V}uR~W8Xw7Awc`naWS5W9JjN*dB%6eN9qtoA5t({D^%XwuY0rNIxb<&ca
zF%G$WJ!^k5cc5;BwSABA&b#e^-}>7lo2BMZdTas9xBAqMR2d`fL}~U;OP#USMeCjV
z++M+}S?ab9)qZxH)c(xjid|4c!X~`yQEkGziLpHZzUu*kaatA_Y0gwK@A4R&LbYc3{R0S9-YC$J^WzD?`(Y
z=LokvyUgEmqsWXub=|cVSFSn4tVyX6|w}u(T}+Qh+g6DnrB@34)&iKzgOK
zjlTZm<5EMrb*&i`z7TLpRw-1TVyy8{TzE7?C{rU&a*dPst-Q)te2v~xw-TdQA?xOZ
zO79GQa%Q1qdd3i`jnN5xk`?`o6v4n~!h>d6uBX{2uljr^@$@NOMo$Abj0fqCF0Qi>
zv|kNApHn$dR|AFWnc)tXK=rs)G`@&S{K1jU{MMg0$vIbF7T?T4obGQn@#S;R$X`zj
z>9ovmJq3rpP32G+{Nx4El&SP`J!>?IRJ`!E1+H@vv9kX5Il3#!_
zP{G~q=1Lt0WP)h|!_>w)@255XwB4qg-g4N3{*!IDaR5R5jKN=B2kZi9?NHrF7#82w
zkHc`gtln6HI0wiwgU4GV>K3Uz_K(5`rF)Ks!4H=qMgduQx%}Y>$;5Qq5sW+|5sPNF
zT42t!clG*4tE2h2!g!OCwtpV(U@*Dv&dwyY?tQ7vk04g^GLJ5~Qt-dyMQpJl*sS&>_Tgmq`(l#(!I0Q@y6mT4Sx5tC_ikSXx9^!@
zEHAwzps80b#k9=GUX-LxpIS>!qsvH@6kp?8x?FA-Nx!U%Lm{v||5Z)4Pa67>AeT3W
zu-~x>x3Z2aXBhPEuLB+#BS6;jNmbx{2r}5p=YytC^I%d{sEd@bB)
zTYhcSU;+_akAQ%q2`6!s%5N8wQ3i
zUnb(c85>0ISvD20IMYLT`6Sl)XJ(W06=8t!wF^Ug`O&G*TW)WEsB8A0PVN4127^SP
zgJ;Pj2PvFQ(Yxe#@q&&5^VWW17(rwxxV}dWdbY{)igR4HyqJ-wD%#&Vt-=tEMj*i(
zKr>#xp3Y-uJz{4Jzr6IG0(TB>o=NMM$bS{b9?RZjo3qD_EFq1I$T*
zJeEBj@c8>QY{>o`ZDiU90lBC+Whi$sc{0AY3?yp#PENv8U6!|C@
z);Oxd;~*0jbd%R6$eVJBpcSpr+FV&uh324nY2$IO#I#L~Z=g&JMw4KU#hnK-KKvoL
z4H@b@-lE3GM|8=>&Ke6E+oc`1vMuRWNc-`c5hw^9u?w(Z&QckuRuGNkKnqg9C_;q3
zfO2$(`@sD|a(!jUAdpx%FkA-E*yLMX=funDAme0jx&BQSJ@khxEBFfP5_`n$8nv$2
zYr>_XP1Li6TGN!;Tp2g@g$MbUmWFs2DDDiqqR>d5RB^>HIyp5|U`br%*H$oxm6KI+
zq&WFMoGrI61c6-v3JDe(x}O!}Ja`R3>Es5yLayP|3JRj~EBFj^@1*EM(#hSb~JN#evXmdr?ujE!S5
zV#L$C?1*`VLU^GOTu2Hl_}10{Y4Tz$#Q$NjD6kK#2ywJ94l7Z7lXNo1qEXwvbvk*?
zxhei8lW-`KN
zilfwuf+QjS4Xj|%JqA)gQS;fP>g-xvmmSpDbO`wGn1Mm!MO}6z$VW~G8iFne+tVXc
z9B|4eCi-zg3K+m$#bN
zlBLaK%FKitIjJVj0jdP)S0wj*m0!x-Z58q7xCz}Xt0_zz^@fkxp4*Lv
zL(T=ASTsNN)$dT(9T0IA<)%z6(cEJE>kyQ_P3QE5GP4jw82^5qn8z+%>SMu#Kla|Bz-7|>3xG*fhBv@}Skw2`z9;m*A=i>9ue!zP1l*lUee
z;TKpa)=;`n%i?qXwpM&$v)qQn`U~9*jGL6eguQtNi=u6gdOeZ@i!?NDwVHNEtcGQ+
z&dv2NlKK36gf9C`)k{wCD{6n~9GTu;a#>{<7@~bQ{y$-kt1ew-VsF^&B(Y^-vjIZE
zv?54~ZhcF|)`SDV47=|gR$nD%SZd8QHlD6^xURM@1VX}7I#3NqwT?Bjx*nFq+gU~q
zPV%~iVY?^(fmCIhWbf`SaV9B2(lzz8~WKPGhID-aJ8or{EhOrjrw*@yz7;4Oe
zqxm6t7rRl6BWR-`v_F!$Q-)_>X08*kXDHPdMR)sFEnRgQhOfQCpfZ$I-P96HLMlK{
zZgobO+mx0ap>~*pJVlH6axvC%U%%MK>1NYUts0_w2`#WVu5?gXc+=;;TWl
zc8vt@^?o5Duzhq1?WB}4cc#1uyEr3BPjD9p#2}`Bkds5#sUZ3rX~WB%<%5?98X8)9
zFw#F2xO>io{|qFazo_x|6b>&j)+VC=u58Zuf7Fl<$*Y6vpXqV$Hq`l$;8X?=%$F7v
zAXUtU4eXu%c_iPsa>wPP@ao7CYt>-~WF@Sg?Be|AhjCT^OQ6r*yxZxayfN7LD^2b|
z)7yuIx1phw8+9CjtkPfaus?rk4V~>C;2R1J9x$11@?(^HqDuQH{A6`chkR9c_MIuG
zB&eyOEHiny$aZ(m$N=Xqe>8AJ7
zaH=@gV_&NU*lPhZ^&gCe=p7~Ve!bC~+;^&FhyoveAeytBGq_)?rm_FXt>&$KFFAkd
z?sHnemQGG!)vrsHTl!AcPei=dTi23&YF@Uj1K&gz#6||7GRPY%-~knQGme|amoG26
zRaYY@9jmjQ81{l|a5vBOFsbcj%Y@prfZQm$7$-IJmOYJvbGLM9HSCWW1AH(zFZU|@
zqSqp5F3l-g*l*UV?9{m~Nh|96qJN<@yDG(hTIN@+n3sJ#Zd3QT?(#6hGL+Jl)zxIg
zES0;}HlOssoV7%5s&NZ{DvE4`~DsKVn$>>sk!^;
z^g{!v#ns_4xeq7uZ;Ve=p)~Zpq85Hx*Ta7{szte`K8W!KZpF9v;LvN`yeyry%=Ws`
zvAv|B_h2!sknS@>bSIFxw9>tj=_x%(?(>E(ZC;BqR-2qK!i=tu)NeRW-rOGJ
z1Pz7v2l{hh(2p|rjAajxSX&u3o=6IRMh2KgsjNE1i1GbM(#BTysYTga4F#?SpEPzS
znq8bUL>v3J#fri-e`QKer-!doVl4sLAn-9BGF!t^TnnsUW5lop>{7$=Ph
z-4*BN)I+$Roo72F2j2S_1x4J5BeGYUPpk5)SR36hyQtV2zSgdYuQFf8$|c7$R(cG(
zjq3+(j{>}a`Y&=YOXt^4#J3uAX>{(EL77YAK{0X18|5S->#x-)O4Ytj{0d3uw7gW<
zQ<8T@x%!zwK0)$>5$6cnn{?S<-;()(5k&&+=m#UgWLB6E(D7Kkzxr$1Z&FuUB$wsh
z_;Kc1n{N^tU*CPseN|r$zOvv(R!Hw!Mlw7L&{@9{`Ydj0vzFi!w&dH=WHBV2j+s!l
zLP{Mvz+8s(C^ijFT&wUOqY&?Ejf
z-2B1xU9HsA2^=e6|AMjzf6OOl3&R$t#3N(*Ggb|Qmh81p`qH_>`2*95F
zNMP=`A(kJM1bbrB@>FRObfJ3`IQX%ED>+I5^kggamJbdL#QB_C%YB?Znefrx{&l9Q
z&;4=+j#dBjy|ra#*xtcm{?+s>>eUFtO(=q^7Tdipf9!Zt56+y9((h#)r;3IR;%I2)
zR6Fk<28Z5(VVO$6%Nb#<)U;urc15khB#vJev`cuo_%TXQ*;SZ6#wo8|-yBXA{1nk#
z#-_}^Hx}qrf%jX!Z}I+Zg^T-uqVun>W1ll>gZQhO1RKl9jeEE4M8$$XG4|*|NhisQ
z67nqPd`!7Q2hPNytp1BPpPo-Gb+(~pw;waa?F__5(G;<3?`!6{243}x##7{QcsyEYoLK1>E82O
zIs$fEiHXqI$WE%}%N!;0f+6Z^e+~o%JxHmh}pEy7o$oBi&zgI*aTs>*fyUYwuU
zIL9xOBK(?Bkv`%~QmJ7$0_<71%T%*#!pfQS{7lu7ZB62dJ9iHKCTC0vCtkgx_0r6zz)fQtAK4l$&aN|(x2-b
z-__n0Lw?4!Cux18A_Mg6!^H&8$|}1q&aa!R^%U^bM!qf$&YlhQ7Nck9_WvF3j5pUD
z8f%;|6%^wTK9V3GS{iq+M%u~wLJ1?N_ws6dwcf8}))_x8-FLW86nNQY^ulvNcYSb3
z4b?wST+FFV!)X{+PksA;!Hb?AN=o>YVZfTMI;X;g*a~L;yy;|1>`wv55aG7&76E
zaR{CzuB>jaG+6qP$;9<)(eaf0kxOR{w+QAu^>Y^Nk5ewFrzyy{Ht+$T0k~xCt!7K0AMDO6
zhW*oH0R#Fm8J1e0Ac+HKyWk9^(8GlRAs1Lty)M>WfMM`*T|jlh%_ni2M5SRm!Wb;l
z8P;6WaaI09pNuFwpzXP!7k=oee#}fnnR+#@$2Y;Mf%!go5Jkk$JsMFuH&92wekf%;
z4sbsE9HYJH*3AF$K0W}}QcvZKHAEuaksHFY(4LS%L6YAK*lqsw-q_eCPS}cuPe3lY
zDsmIuYP}1k0Y5GCH72h33ekM;%-3y43>KsH&bK?T;`L2H3>KgVFN-@GhCu}ApZKh)
zsG%UZx$~y8L_pna*O31QtFBC)1;$0F4Lxh3A9Bp`aDJexI2QU>71e9*y-C8@ni_wS
zgIi*Oaxb&S`!gDvdf4h{`7Qa*Hl3l=C^y{pwsSad1dVPy0nZxwxs?YQ=l^IAcNdj!
z;{(Wzq_!&OxU4f8qHkRVFtP1l(v+x{>seT0iHwC+Ze;R{ub8+1f2?`gZ)l5`l<*Zw
zqfmS}(Qy`!WaQ?{+W4~>(r~h6b_n?>g{avO6imexyrmvljh~ewCJ2z~Ewnpm4e04#
zG;@ts!84m1*woZttA$J$#MDH?jSu@LONd~WWPka$dK-AwdODihnh7plKFbmiK@ssw?6lmTet#Ma0=MDGhMMlZRKNrEpi2RZkrn~=YEa1
zSsGouq=yR^!)mISJqtk31(#|}6jxCpxa8d4nLa8^)Z7eIcjgl9Ba@
z3h)*up(!zB?5rZZ=8;RILkBFGETps8v+Wln24qo|5(gUyu;gV+R3{B>Ie}Jemuw^60
zj8RXB(%oaxC^ywn6D?*+*4t?HH+y&uEmGWY+Q@^P#T6O4Y05>B2#COV!=ikMcMSL`
zZI5Q=&X|DqEQ%PFSy5*`E~K}VSGDR@ltIMjo>rW
zS{#cU2oWdE1e>`9i>iQuyp%CxEZi4tPYzIR2z6YS7)p%bW>LK0BUc^YBNm(}jef;?>s5(|PEopkfC&(u!CYp-D=|K}R=vj}
zmrV`JGuTU-iPBLzF*1>QRY_|P!F8UtDsWbM_uj#)Cu`>vH%h53_53nRrI{nhRa_Xc
zCCtW)lhFA%ht_vMW?uWOXHkE*980(x9>Czuf0Y_3SBLC9R??bq{%fXc2MX+!nwZ;{
zR2St(K^bEFbJLY!s8v1v3%Gnhfipjbn$t82aaSe($iCOIluI)AKjTO^IWXbQ5?_Bd
zF+s5LeWHcU2qUx?HwMS1WBL0?f-Hmuz({mps8^j)lKS)TP@0x6(U0GBZlzP;+KaB`
zFc?Cb(|2@8mznM=VDDT5x8?yMIOac$O;E(Ixp4M_C&oWXIekTO_Fy?P8|-1+<=}Fn
zh+{R|}z#Cl+8`^Hn9+Zr<`T0=}=Bjq2NF~#j4EY9!hp@uR(K)G*T5`1LUe=N)J
zQx{~$CY%B
z!$b+CVW(g+3Dw5NGabc(dUMzBw+Va}?K-Z*&=2_ufuH+Y(bt+7GK2LynTuJR4Cb|||_=6>{KdGrmSlS3U
ztAWfO4ft~XwCe;ydI~3bW+Ky<|9XMX009k`u`%`W0hA}LZuTdbsIWCWXt^6S3xAg>
z^)S@Wyn0W4^F^}i>WRUOPsC*Arx@J7ef;50&k24`adB087d2MAZkIiqtr1U%-5W3<
z<6mEM8R_vOF;gYX&OT|8|9=7s!O4fCKqDtNwC8Sc+JYgJaH0W4!~d;f
z9KNaKTmL;WyD*nU^%rFDKK2V_BBh68X8!LtVvTQ%qZ1E6$I
z*X*`URdMRPtGHFVO(xXQMZfEfQZy~&0&kZd{sxx@9+Np}z`-;?R#Mxa>+_-+C-Suy
z=hM|Eox;wo7lbqy-i-{xaGZ^=1m(f(hM)h&37{+V+;-D3zkH98*AWvmVz4O>-X?&v
zm)fK#F_91t505vguC|sMkVWOai-l$T;%@)7OTb;$!1F2lwKp7rqlSs>EzO2NoQ?!4
zqZ$NO8H&~LOhD*ad59=jmEO-@*C(rE-w{!8;5qa$0qqlNUC$FoCph>el`JH`ReG}Q
zd16~wb526RYwIIT*G=>1=EUUr>G5#BCaBFr0n3h`;xaU1TQDquQpo*Ro)q?>vjF_G
z>3qQdD*$pOf$c~GAIWk2@Aqpd-bszS@av<+{zwXexdt1moKL8eTp{9s!^MUuM3hc*
zA?&n~zS)i^C-h)|s|J`}=EAEPodh}qelxc_lD9J*uu-93f4aN2mN|UAo#t*EuX&yZ4Bu#)E+DqWAz%1W
zY5R?JiDumLJZG*}JPUM{tKVxU_D9U>gb(*II^ExGieaBAUxNA`PYzCdZN+~Zd$p|H
z)IJwp*U=8$
zJ+ftY-M?QTZ{u6_K(H~`qzFq8IWpbx>Fuu4?)=>}%*3kQ=jmY6sq&0ES;U_67M8@I
zRTmxNBI1{V6GV<%uFJ458@43k_<(V#Cp3zU09CV17)V~WC0Hmh=`
z9Dfp-)}<{nLYuQql39+1yB){x@|=+J<^5PH662f1y8qu>%}q!ytua5`&x+725B>>9
zw_aAhtn8IV*
zf5?mxhF)o|MTt)9N3!$71bWRasJ7b0n#szd@m0cO;yp~ABkhDSWlE^YUm{9S>}y;I
z;|20@vQU7&rJlixV=8haLxC}(W-5lVn}+xY#+4%Fc;RX(@M)U`poVwaZ
z;)+lkE8Kn~qixsiG_exEiZI5Z_O_D6CE*?#*p_e`Z=(Bw6A
zWah&OQYo9#TC#q0)soG9PxR@U=JXmdRYD(Q|0b@mgW=`r7u0$2&NY`|Ac*9cE_Mm|
z9O0((gp-A)``XQr82C2IPDFd)LV+O=;gyB@g}l&p>8^6sIhNr2QuW4?Ob#jW)NjEp
z`rI9jLxY-QFhhyOX;`KwX5{_*GIbRtUUg`y$$pitP*P}u%UZEUZ}-?
zF!j+xeP_6S(F@{AuSX(HN>>RG3%Ursamm-)%^p~tJ6C~o~_
z6w|N)7rM~xhq?9udi1QE!7X&-x?a5l^P)CRS@~`~>&7#4NF>uy7d5XtzTqZ^W;h~>
zsISMud`%0!6cq}0WaYK<2M=_Q=G!0F8DCDq*K_k%E)|=DSGq_^#URp3_u5lI*Bu?A
z9`Sw)W@Ts-e{?;0;oc2i2Gsl$CT(@FD>YfvSqTj+RoyRte}8PfsLXPq>~q`2HLRIH
zT)#n*Ij5|&Mv4+dhtZm%xFy08Ek
zkZBA8wv?sokBNwVRSH4gq5+qK&hNK5lQ^FViJ
zJ0l4Q$jL|@VV|6!6muuibBI~n&SuKFX42*+Q;n?d)1#I3*wvXsS1paWQLi#MSQ0ZK
zq8eYh1$C|Lh19&v4;&N5gj-D)q8#_
z*FWsA7BHIC?8;!7Zjpnq)WatBP0i_^4X2X?x3w@k?nr*4L+rG3S2Y>X>lNWy5
z{h5J5inz7^1@uJ=1qLGgy3E#8auhR-GsFgE5Ngtmh@@4$UGHg*
ziXE5M{^ngw=OXVYVRC&Z*QSBC%%m064Tpyep<~DUtCiv5;B<6AZEIyD<_>1QuDh_a
zV$|}T(~4V8ERl}P&b^$+SpdkA?m-iw#>;_Z*WuTScctNSoS@)^$nQG)*J_Z-$lze<
zhC371?cRgi{<`O|?o~Pm;pd*`OZ*4tdv87OR-g4j=dBClZLUkfvF=$b)k8vbPs0vL
zuBpC;>$J+*{LL)nXS~U{$iC}?rq6D`>}y}YhxwRC;wD@32L@`uMESpS3G
zAI_;-pA;iJAm4k2AQI$P^&(;l=*cn+F~MCSDYbP0z>v*bdHGHbjD@uN)BcV+MBD`h
zVH2Qh&_l497;jn488hX=UZD#HJlkkugYqCG?Lk1!9bAtx@8=h0K+(gS-DZrf-B^iR
z;4o%=-S_Yg>)lD%v76t%GZoJ$u~c9f?Lw)WW$$on)h_5>ov(y(1%usttjF$MWlTj4tTH-dkBv%FKe+r0+AJ~W#0K6Z>2+c9#Ux13H)blA>6LeDO@
z3|H1iq@MkxD6cQr;0=50PAI~mH9XAmpH+|nS%yVmdPNtsdb18nb+
zSITN+>Dn?E&j}auoe2(}mm@wtLy?{EN#*AFv)()+rg(<6az!xoS()9d5frpGMtGJa
zth3^o^W8r;MPB;iLSBZRz3m=5_p9@Xh)+9WU4ZNF~jMgwP7(FkuA?gn^m
zAJHwtf!O+{h-oGxjal3;?%qO$i3wHNCIVTrFnjzhRfK@=NN+NJix;JHl7tRL`kr)A
zq!S5O@J6*F?)o5*Z6Iys4&-w%5A=RyHnuXG{6&yj&-LA(P6^#+()V?!*iv8g^NmG;
z!e%74I>?($5nDQgGv#uLcY+l}bUL+;mHeBp^_?9Mludi|UCPa?5&NeEL%v-<3QI}{
zW)VvMXo|eMHTfPPk0uo)fda@4(Hst@v?u^eVW_N*()PY+JZgRZl{O{s85`sPvCMcT
zBts|t{43^R;88xsRILB1SV-i<#eB`H)UjWX9Tu;Gkmf*q@}EC9O|2+&Dw1|;OyE)e
z%aIYS$i^p5SM&JH$BO6FuL04SJW;#nxpzkQ)X2*>0{ia5qjF>0cts~Lim|p%zhZhp
zhec|JXC<@@D#&-D=KP&(J>$O484q
ztz4eLmNG~4u&?PVJ=r=S9f_O}0VhX(p-tcT)_Z)0j_NGxRYh*>?Ufwx+r+2%K?iK$
z<(Ys?nMah#PI*zPH+g|GN{7dlw}y8kf<*Cl*wOZn=Bw@{gioZl3l@CEAB>c-RJW;h
zzhodQs?`0VmQ}`*iJ_$TL<37oasjpM=6
zd$?nFeQKMBxxWobtqU?e6iTgv{&dXXkLdTx478afP4uDz+K&tBd~?HQ-cD1$hzT1e
zjOI`vR#4PKx8P}NRNpK#X3<~+?i{(bULJGZ$N$vd+vmq4p$r?~^PYD~ihSLDq_P^0?V
zj>L7UNEuF;f?IE1I_M5}wLB=NmvzfU9L7VOGju})_Th}P2(mII&k
z3R-ZpTctqbx5QX7I#7s+fb^4$KVu?lo_lr_dgBw{rOpB<
zhnVDp=q{8$aw+Lza9dDlGgGIhvFHxjY3UP~g?tEu&0xrQ9e%ZujKhSp*TK{l@J+Y~+K4A;9h`lljteEb4H5);+5xm!YO~C|eO7yZxR|k8L#MP%}C~}h?$5wH0@tfYL-B@yv)!uT--NU
zg2u_{Q79%6O?KJ;7V_be;&WCLVRHU>jw(;eM)1kDT&HtP?SkIw1VP@NHA*us$9-OB
zf5ZNFS|Kf+zAF~mFuHBCZ$639D^VPOi*)|f_!Y2Yt@Lod(gU|FxwRIf+$sHbbRr9F
zT;G6{d$k9`u5>aoCbf_TveAU@E#`BQ!$zFUFPpr+JRBC04`!WxO73aV-~HG5@>y0T
zgFRL$)9oGy53K0u+&+5e7M9P{x90*me-|*0v#Iy>A%&@HXa(V|CTM!wVQ(@n
zoE|Ouah8j?wMD?)z;C6?OQHA~21L9y&FsJFLW1Bm8YC%
zj?pKaRH-(&KG;(QUat(GAUTB({i1Pr{CtM!-{2=+_u8taTdyWWw#6?J_glBmwZdy5
ze&>83SVa4*ix%hI{D%Elb^=+Scou
zGGJ@BLo@63G=Rr)|74r#)f#?E?cRr^Go{m4yW-$;_)paCI;oEn($b`(G1S>UeSJq2
zLZNnp462ImNs=l`eWOE$dLkj{jYpOl9pNrBl)0l~?-pqxN}#@U-0*Pk1Z>qs_}?nY
zI(#eYBgIO0&nNF7^n<}l88YUr-I;z)$?dj=12VMlZGB?T`R8__Tub4RVL#|$_+DKV
zI-@
zK5H^aS^X&Htaw&*ZMZ*Exk=G}>TC$w%wx^Kw4pN(q!52`PJ&M_g$e4gWE9Bi2!Ey$
zzSc=1GkH33%N;(si{($rET`@n(E4DQd!iCGdBfbfD!sRF+{))oBRXjr*u2Dh;XQ`0
z?KPG(HF)XBO#B}2Tbno;Ei>XsnTB?_#Y=*dQ-c;p62t89zPzu8$y^aix3ZV7h=eT%
zw7kDOyr`B9P|VAb`3%p6^y!6czf(~7(cR7Q+fh2!|L=MpsDaEF?r#G`mE4M-EXcH6{rjWx-SSgiFedBB!hNOfJZ-p}vlX5ZS=BFm$~dmyWl!c4yh5&i0<
z-C1uvnY=zAzJf5B0{3y@y7TmN(DVwl;-^UZX!e_{_H}c5<4b<`efkC0GgpES$ONs7
zqC_+~66gp>0op?!P-y=B#dsPq=9dAc~&)mj8iP)`uH`s{I8k
zog)KcJrEmcxc)(2>)Wr-^7>7YwO!nfwZDjEQlk5lm2~MkmV%5xdSn+koP=0CJ+n=>
z;pils_j+CyWB~#M*IBi|k_OzVZ{cTy;o6t4;y{k5zcSxVwR?IrJMMi{RVCEW(D-|o
zJt0BjfAZrm5)J1ws#=*dPgqgwph+ZkHZ&eg|BXFI#qSkUCiNQh>rU^l#XwQGyLsHQ
z`6+hxstM1&;d?m6)=mw5km==QxAc%LS$kBy?TdKt
zG?^gah`(}W1SnRTd+Fa|A>8Z!G?$xiwnRy={)RN{Tyru8p1a|Jec7h1`uv?>zTl~>m
zL3!j~y^Q*omOVU7Bzb|u*|f&prW2~{hDU{7@-3d!*sv0lGZ>%cS)(12Ww^H$H5%!+
zTif#Go<3Ky$9s~PM{C(6n_St^e4A!Z$TZF$$TP8gX7gwt2ZK0F8-3Ue=_WG+-pdh!9Kdg!5D<4(gh?sNRi$WVXVnHzZP4D=ar!b>%|KHModc`o{Cy0uzawG^-Mi7US
zZ)9}#0ZtYRv&mMr7aeh@OQlc5@K3rZ8R!qRjfLiz2&w)!zV2{Xlvs-%hil@=nj=3j
zZ3I%v;7U~ubt%OFYSeDNUPkQdRqbHgBffdZSkDL#
zGvP(~Z{j@v^mQH_^dxq3;X8q4LK9z@P9k&c&6oei@jCp1+TCF5c`oM#@CsHt2
zZC|oG$y*Yr#kXQB++zbQ+J3&^zDoxjG&E3zs&u{b$B|AbG3`lZI|k?r!a
zKgRlFF2<2;S@=3kr!I<{v-#)sToOo{s+gufPTq)W+E(ODbM
z!F^RKVlrLYu{qroy>MZSoZJ{)EW%0nnEAo+t$TTRkf4G?F{Vj
z;b*u0+M2)Y;4a4Tms7^i$Q<=4<2@C3Fq)>C(;@o)4KvefjKh7wS^4BJ%*2DDX)MZQ
zc2h~^pGC-Cl{CS;j1i@#gh&>2N3O4?!@t!AlK8*+v3ULVW<*;_Kbup`1h!e6xtPLz
z=Mw*dUZg2vf3-qiF_99kGkm4gT8r^Dui=&%{_3ui382=Rkg11}OD@PS3=}WjosSJn
z_ytAt*V|y9-iDK4)P1c9@gvAr8{M42@@Y>6{R$
zTE8k-IvaIpyV0#?3BhAFIz5(`$nh6
zq61U60m92CRL*2$$A?V(k?U%S@IGQDrj77-kWg`w=VKe49(>c21)grfAJbysX;-ht
z_}VABC2xB?0NW=69bXTXPi){3cZBi6&xpkPg2{v2{7eJA)_CAkbPI95gkbP18F;`L
zczT&jy~oS`!AVC1^CE=s)9!tRM-klURU1}(SzglQNb5M))vH$9pl3sfRqqK*Uiv&*KOF8K9gk5-gb#9`<
z)IT`xBnZo+^th@NB>zCFC~jqV_Z1mzlLy&qC*l@BTJ0!XlHY}>+iZSthvSyQS)#&Q
z??jc@@7dwE>U~U!vbz5op1KL*^3s?lFk2E!!o5&;$11HXF~hIDB_qTc?d=?xnCx~y
zfEyH!p^U|I2v)RPA~^yDiS|o|=3G)=)FJJc^vLTS7=$I6%>?vMhtJRJiu-F59jh5s
z9*(G<2xJBm9Cq1VMwo2~mP`Y|d3)^?>4j!>#WBSi75z=Hq!)W}vZ-d`LBh{BQC2#-
z;ybFWl02%;=v=?r^h1+~4hFTH-WNvyF|qs|!Wq{XNgaB#cC_E)X}1J{?lSL?nR8A0
z8Zoy0R>9_PBI;q4YtC7GUHFNCX_Si>YUbSIT>
zonWiS+i6QJX(BR$Ci|P35YnEDx;ftu7FVaaUFuxCk!xpJ4#_Ujr4%l9ma*4FK!rGq
zXgT9w&EfjuKUn)Mc{kpvRGPi>mBVK5WKyN6;-vxGjQ?_^$CF?#!%g`mTP1tDhmPNB
zJAN)pg4uA8Bint~H`VJS$#eZyEOf3qC?(viPlAD_&yd%T`@=FK!C1-h
zQs*OA86K1gC-Qw?h3-r(1>`{EoML|X;fY6rOMmCjOb*v<>Xo?ZJ7mK%r{I_mgn(8n
z1OM?$TL%HrM&$jT88lM@R$IzU*}K&O@(Ihb>fAZ}A-Sf$9&hw!+h`K$Vlgb_pHS^$
z>~5^eQ{en_cpwRCL&g#EpNIRP=X~!3a_pn=MD{=p%~=8qgo*bc(qQyZOUhm9ZGvKs
z4nb>+ZwysU5yfm@zy4A)WppT@MdHDa88Fu+gH-Af7
zH2|6!Y?Foywa{O(b;#la0_os;@?8RX8L^6wo1~r|f^)l#X01+rL;*BEzlbdc{MO`B
z>y&K$*e3+x=t?g}4u9tvSg@J70ZkK5E#&|X|JG`CZrSFM#Z^dBiL7d2b7qdlGP2>
zU|AdSd1AlW5(=ICBx&UWWgM>64amxLCgEPi-^3fRQ=(in!e}ex=yw%|g+^b^78)bM
z4G%@N%=3f|Yjb&(!)CLD^C$g9>SD2ubCXBO^Mp4IXhgVZa!dD^JQ2#JTEr9}y=g=!
zI16Th(Cz`T^mM3ZUA&j|qNgI74@NidY_e9ewMuLX=mc=m
z!hDaJv6AZFu=}%72R}Cc@0(v@UHlVNzt%#vL9ujN5`>S^3ycik0=;rhJIqAE&!lt9
zRaLRHpQT0u=A_TJprT)5{slr+9DG!$uCpT`0=hh#VNs6vl(Sh#*@a=v^YE
zbXzJ6qA;VGTqfiIggn2CVt$&rS;GY5S>_QguURg6gU3E100#qdFklB?=d
zJMJ}=HhpSuYoXREeuL}XePAd2k`FSSoCb_F_xXD&vt82!*MsPnuBDP?Q
zcP0!E>Et@ZyE}&5SpQ5|U}V
z(do#xg1BoT>I;U-DRJbh7=?X0QI*2F@!``d7bsC$JT?z)%tzKpD0(B(v=$73hrS$5
z^C(L7nf#O7_uQFOv`7`Z?@1jYUqp8~JJClAM{F(nwm_5J$GAC}iG(
z+p#R9xi4@K&3z|fRz_<)N{Eo(_RP^LA>${Sm?WceSc5Rpot_vzuuAnrY|;mVVU;U}6}QTYWoOF*u^56nHAs;ws1sTskX+N}V^B|G&a?O7%{YZAv}19k
z_qqxZtewG8s3;U$6#{qQQc~BxYvI!mJa_iNxltFs1?k6v!}7pgY#a6G9ra5`!rwdD
zJmOP~_*m9c6jc)Q?F%ql6gZ|V2MY>S)#@CtP0_R@W=3(uD054LBLa~Jjg@tde6O8v
zW`&C=JAHkF;iH9jsX(1l+d}FuKhWEhLZonH3oOCVtmwD`YF{ujyXuyK;O$p&RlG3lrw&GjE&*3)M`_U~NPYS3ingC3f<8k_EMm8Gx
z_i}!4AUT9r7QI|U^B<(9m7;mnYc}wgoX$4Co(i*AJ4rzwxZoE%r4Tybsya!7V_s}O
zT|QPkT7vew7+ziZr#1rSwBy#-S$!$?+V^ofw_g&)Kn=25)t7j3QE-wSE?>IgF-HJw
zRefoo4fnGPQ{P2}B{Gi;OO)H8CoAF9OjkESYZ;Pw|3Yd_C!0vP;&2Eq`8?;B=|%f`
zJ&&0>GYN%53f&>6xE#85tIueskCh!g{?0*G;{iTg93t_;0Pu#u;U#=Qz*d<+nz=4I
zVz|Ay1w%a1H}wBPKNP9@Y0M`k%HL3VirDZwws31_;_B`vVX}^>%uN8{Br+%S8UXjI
z8<8(qmt2}W-M{hC)&ch{jTp_dO-G28!pasA?hczp7d4x9O3xoCUv$_&le2*&7yB$V
zQ?P}n6;bMl#ZJ!fL^YSfm0ORUKn@bn_N9ymd_|tdqCvA_vq9;rpd!Na(D`t@9*g4$
zV_J(H$)T#UeMQ>k+)pq#XUNiiSu0hnbs~vr%Li4T&JE;~&bJAZ4OsWhA>A9uk-rFo
z!bf)mdXqJN*0rr5_NdGe2!t&ed>FsY>y5SO(R0G89*`}>c(XSw%n=kD+}J-NWaf_?
z=N3ZINqMMdQtC^F=N;C7x*|QXBUm(G7}$mmlv(FiJfVTDaz%KF7K!KQMRk=0;#ljQ
zXy3`0Fx-=~rpRu8BM_37;bXIp7DyJYjCkJFC(~~90>Ur*`3SVnpb*D#LbXOy(pQX+
zbUI)|K7#1ctFhgj=*aN*`v3eD{e`w&UoH&
zU??@$x}ZlOp074~E&T>WAQFK{`@w>NHpGK~#~L(9;%G}*;462B2p)(i{f?b$h`$z(
zwCK#A&r_KlT$en*Fs{(43#luBAy$@0`~m`=gG&Yg)zFnvAv+)gDlu)%enH-_n#1ne
zEHMx7@G+t0YCZS1SJ)HOmAzP=i`OO#g~SuRubU%aH5Z!vf-+0UFTWzjzw1EAN>?95
zzP)UIK;>ZYNho=Z5&j-{zQaEQIj{{Hg&`#ZVCquGeZPgEl$?p&?cSr){yc*e3o<|Z
zY*Q!ArgpryiY`!Bg4n+#h&xIsVEn^T?rVM<)5a%OoB-jQ4QY<{Z;84Gq2nD%iDpY+
z3X1kvTaM!gToSk<7MR0=8zf3HxYlqZ>iE~3noPqqd^(-QWvf=2N|EKoAe^W57JBcs
zT%GcbG}zh2GBmH5>3gTvy9`e|aJyj2q|;M=fc;{Z6j&-nkojRCoc&2iNgszVHKPJW
zPOZ(|^c<1Xj
z?Pv^7uuJ2roG{_iL0_mf)GmksSCx#
z48GI6FCMHc*L;YJqdx5v(}rt)d7`-#d^d-p4N652!~r9af(agbrG({y`1yOjdEwC6
z>fE$Z=M@<%MS8QQB4JS8?Ym;Sba4+j%(IhS5*GUaiSzCaCD~GXlfEml_WR(t(sS*z
zKeVCl6sHX4NHYthz8j5Iv$XiJCxq2=4ax5HxyFsmOJT7DGf@ZF#v2ZSI0qrBd!O
zhatflni*zgh9q%>B~Zo=?<#4rVzbgFL=-(0l2uaTeV`yS-PAIw||SvlyOCnwI}YC1*1n-T_`b?46PA8}>&X2F~?iqTi*u&!7g
z$@-B68}zSQ$gvI{>|$46#YSP;MI&94*wsPn7^{isU_Kg?atIM`otErPHM^R
zX&xqW{cw;K7lBv6)s*|*jQN&h>)|U_3GSCh<0GoCq)?Jl=2u}g39oTkMD!LBT7tKr
z;gES0hvj228V4$J9zg~gb;u-lw>0i^)-krhcd%HYrNkR3=%=}{MKv(b
z+*>ful<$>5EC&RLKOJ!Vb5otPEMkq-E-jqMu?X}27EeWS~n(f$jm1rl{L;f9(myWdNPpzA
z{$8PBA-E&~!*)NzXsj>f^T&?JS5^zu!2`30NUTun9-d^nT4wJtsF~!h3D##$eR*k$
z`X+eYcT)?^*FooVf|nGNbdY>7!JD^s3E8I-hTA_e2UT9jGWhE8&Zw}0*Zbr=7)TPB
zOxV(3InMVIUCk>jMZ*ZX6ZICLV#0R)wXW&1xkKm)IIH}k&Z_~$UIdnKqA_Cu%eFvI
zkhE@H?(jlRbtLUdF1csB@bd^pyvKel3MuIu*a5ii+!|pa0!;4_{(#+)XWKh}&~Kf|
zOnFL^`n2C^vxfkxU3+mrcs~TA+;Yd+uEqC7i_z3zhj;E|qwx{upyfabLdz(SmXrF0
zp$ejHResq1nK{~R6uHXUo7W_vP-e@bX8Aa9!HNTHQ+g4A&i@NUw^-sWwbJmnvuhfi0h6xyXSITR{eI6qAm~
zvp(SG{QP_n_G
zs^Zepu-Lmhx8B}fJ1)FTZpUDx@*mP|F2_JKy;e(AN^~12yR|mYQs1`ZhPl(pUpEE7g}8EhW^{&`l?^$pQ8u
z8#FE7^8l;~1%mK_5?pu)fY;47X22j1Xv?o(7Q(7D==S#ZU_cHj3kxWv@*gX9eeieB
zKGB4N@{%D4_@QB8z`75`cq}X}xxF9Qh?$w0oerk_4TqwUp}?S8
zHiK~$%YSfX$)kx8_git0N}))^5EQkvq#;EN2tVE&mzI@n0cTO(#&9B=Uk2zH@$ph)
zpGD)$%F5Vufdn)(EG(&j0D+j29Zy!^aGk7`6`lVFzqji1r_B!LN>NJ`a*DrwOGc_x
zj~Fr9nk!YAo1aHTAs~=fRYfC+2|=ZlN6Mf7eYj9d8Wj}oke>B5{gP6R)|Fb}`
zH-|?4q&hmrH7==_y|Bug2%h0upR#3f3b-)T9&NBM;
z^BH_|$@uv5Zt>Tbx8<6Zej`t_tOmG2Y~W6XgKH5rB35mNtT--pRo{fm>@XQ0Q-I&e%ga{T_X8DZxAtPAi;4?9p7Xe=)?Bu)>lj1HRqQf{ALX>f=Jtf+#4#^gaJ`&}__qt>U#yx>`J;`AZ`Zo&=4YdL_hffZ
zpp{gusQU1CWTbVm_3+qPjRtjBSPhBdLT;5+3pNesrRoR3#m$i1{k=isZt)oC0xU)??hUL)0K={&6C2<-w~;$
z@kSOvIN$X{#Kq$FCVt61MO4!8uL6eexoIT_m3zaE@tXnqUov|qT9ltEfKD9G?V#{{3
zIUU+@dH1YfI8_>k{y`S5jAu
z#+)~0#I>L>d=t2%@f7Eq05DUAqVri!_lHjF<`%`PKuR|sj0!I^{GaY!MApCGuh9|y
z#nYi1gXlVK@ux4dH*Vn4fVd^JlYku{{zNDHvlej>0j@UygMB%hEC9k0HerHr=k8wA
zBN%yMoaNxFJP4Hp*h>p+dWg);(VZ>_EN##2^X{K4;&TAwItcNxuW0pE^4I(BVLD6CbDe)%VLL1YV9{$
zI2G72_6b40G`gp8vc8W5GjKXzzr}K(Knv!KSGPELE8c788O7~}`#S%YKw5nO{b=;G$#Nq_0S5wHwPo)}6*+pCB&NC8{FMb-C_>p5j
zP!8`6j643f3#v3C=}+^lp8|&C~t^kL$Lxy{p~OGSosHf98_2I=#R>q_NQS6
zJ+_Agrb}-ZazI$35WkdWU6i;2QY>`x@#h~ajcDq$xg2o<>@nx4)(2*VZs#oO3{Bf2
z!WqeZg<7Oi^>!fh#Z7M3La}iXC;Jo;W48s0_si>NCihS#9hqT2m4?gGM(F6_y<|DB^ht>#md}aveD_^{1
zSLP%hg(fD^@ouEAqCl>&CHY8GyENZWiYzBSi}Fm|nOJ(cdjM^on4|rMT7utVi}E?J
zmK&lfGv`4>KD{FAu#gpLx$ld`fKt0I`^M#rs3fa@LM}&noLRw~s@+{pLVAACQAt#p
zBRG7Mlc-o|bn1x`nvc407)r3Q6<68z+lqZv|DuX{G-Uj%C)EvmrN}C^BY6-y=Db&w
z^?S71SWZi1rMbdXlNGj%APckcu3_P!u2t4Oi3~>S{f|+OiA#c&u^CRCoiWeE3_2D;
zS<)a_b)|F{!LIBi+3h86VZF>TEH|6kiIwuk
z4>C;#T&-yuKOwLi%{UI3g>*93jJJQ{#GlsY6+~67n++l`2Hu(T-8kZ&++x;Uk)o=o
z3y7z$4g5@FtTXaY(*uSaSqRAo>d$Uw*q17&@#8gI<_!D~e-yrAClY6`(nZ~gsvjV!
z0;vcU;NB2?GL$OdEVv^_W+xw;_j_W9UO@mlfq{B~`(V
z(|ckXshF0G@D4&wBtdSJ%DL_VG8K(Mf%PQc(9iGoe;y~UVoe+nwO8JsiOezZ=hB%=Z)XlRNm%MiA{EpzQM_Gw>`57
zS=Pf`rm*4-&GbpUWmzoOsfKnZ`ptkK2*M9rmD6J|cjfopY;oxJ@H
zBB633SA6Xvwh_5+cPpiD2+xw=?oS~&sh_#T0Y?`xTDR+uLb!4dJH(5zR;o|<
zh>+FoOy_6V8L^P@$V%224F6ZHegB%BNdH7?Yc*xqOziJ-OJT?)JVBpi2pkK3-4!w`33s+iNbL75Lx_;_hrBesiEt+*C@FvtLwzJ9P^T%z`L|JXt
z#6!)=kE+7l_L+@{!2T~p=iZnAa|Vf%IYuf_6H5m7_YPl0!y%vh`>a3VA=X&3g>rcC
z13`4UmZoE?9u59D?I06MXW3v`S_-O>fm_O43g>P@gc0g;ut03s!tyhNK+Y>qM9wtJ@7Go7%wXFYNh||0w3J@=
z@FCa-%?1mA0sc$>+Rnd4b6Acp)GPGNEeCRR((+%sz>U=Evs^9Ybp~+veU?H>#d74|A>h)avIn&FIrKpTUHZ
z3&~>EPcI_I{tqXVsJjsL*VR{|N@(GdKAK}2A%
zec=(wjDDy4fvtu-
zHYZp2Vc=ZR_79@RU9iaakk}(e4uV6-FhNjY?}taI(O`gW{v8QykTBSLkj`P@Jfxn_u@bKQ
zk#IgKDPyKYsl`%DYnl8<2i6}Tnr1JH6;G)DeAH&b65T0akxOW(oER5XQR+n6BF=t&
zJ;{Ih?rX9M-jXS60)I~<&^PpfNiLy=Ues_<-pG!Zye(d;B>|hN7`Pk&jEeyG57Swo
zuIsK-n(Tka=#ip?>{NMhG(MD4xss9uB;fza(|{ewr>bMmoPa4fQO&3wynDs!vza7Y
zZAbK<5{Y<4+i8yTZhJ%|l%RjBB_Uziu=;cE8aR3DR}bXD`162H1pn(J9M|7Lzxbxw
z5SH$#Q8&ULMT-$V*auRJ#Ew{DAfo~kPRqUji#qY1i)OKJf>OQ4!x0n9XK*rOB+vn~
zUwDqMCY)Z5nyP9iv%ExcZ(Fk#iIL%xxZ%CnSeFMG1JPPdI(b)B$yMLyZt^kku;U_w{N<8E=ntvmnJ6c8%q?cF
zF@sZDOLGEuj+AEu0?Zgo{o{JMer}phLw=G!>Xi)JuyK*-&SDuM-jIJHipMTFB5ff
ztydjZ`!(XF;iax?*8AY{=9`d`ZS7l{#!CB}&bs8iI8(<(#y$JwhhJG$0c~5KH=sGXFOd<)8
z|01_Z!nBWKGD+RHZ5OAvM>;D#rGUswsM&j=k>B4pF6!L}jfS%U%aqS0WM&GviT{kI
zac{4`QBE_^SrTLxf4fVAplBg#9&rPj<~G`XWrHv~3Npgb%iFEDCnOqO_jg{~*7M#$
zLT@osE8WFQq%(EH*xCiSgH$fYlA^%qIp
z)>lo~M!B@eROO!LFfCDzhN)3v7d_^pP7W820pg$XDvlhaG^<`%E|8}NuBO}e?`n}U
zaw1{{YtaxF(e#`U^aOs$`LZF{P^J|cZ;knj+H%&WCRhao90jAc{SYG=cnog}hWaP~
z9E&>xfqOtZqPVJ~7bMQ!Nv9JXu
z!VaV(^BpLQdsBZfX0z`mY$3Odgu_F7TI87!E@bm1HnS7uGH(8kXvPR0H}+(DS}uefN+tBI8^r@#`{p31E<9Ce2hg0k9Kzdizef9;dR2nd(*fSJl8MTSdc{q&?w>v^1MTK
z@_Z?lRT&@r16*sk`bDNo!Q1bfv@I%Szwf!#oC=Aq^#I4wfu~(C1ow4V_S?L8Xv$;Q
zPmaFfkvlv*fUS%qjb&*E8Zc*p8PIJqX`f<6EQ~0YElK-FpG7S*^mmNB5D>zG7YQb|
z+m~M;QN!W8^N*_)Y7InE7Z&m2RmPxhf48s1j;67$PIb4r$!Cpxc}*P&3$OBx8Xr{c
zF8&E4j!WzkyqY*cN7hA}aNLNzwd<4LIL_q2A^=GkUT?+KNtsifvKhjMpyiquw$w*KNty1>?=VBI
ze%h22)Pz@~Vc{7l+F77;|F&5Cp(UEW8YlPJfI;38OpF_XP`V;4<-|MaKeS&OOYgGF
zO*Jf2yVxp->FbZ!Og;%@R!O`PW=MP*J~A(o(VQ-xg*!+u_eg@BkrE0h(DhspVfQvTW#L5KUSlo#B&b
z%t*4cWLB`#skNxsEAk^%M#?8f5aH(OfMSmx`j684k9Ir?9fmw0RjrQ8t<&TGr?3Oc&RmfCX0GXaOyo^sM!;%>G`dvxH}9yfcphmNUqvg;=>mO{8)yZ;SI
z%2-96KjprDD9-lG#+yQ6-ILL>!UBV?J@A4K!Mu9&WSNjul{-famSST!)P_Uw3YXw3
z?N$aSLm|)KO!4=b^`s3#^*Qm3a3F$v
z>;V?b&IZcvkbO?404*&kfnv$MXqoWSH!C{(iX`Pxl_c=%^u^?4MV(RNS`nIL*um#eWWp
z9~qiBdQ3$Kq3`?b!oPSL;va99jc~e!2;i(Og#B)4k=@}Y@GS7Z3AcCS?*3((Qy%JI
zi~IZcQfb-5(7RS#j+tcL;PoYmE@OQyJPj%|5-hljrK&FC06iuwqc?L;+r@>0zQZ%F
zr!qI!FPC!o&46n#QDDuxvoSh5Y`j(k@C+Kh5CaWn&>l9q8Mr<_G?roT_aI)uG5!F%
z92|y6Mu<~!jdD|qM<8p7fo#PaVJlYRu81Bqm{n`6LCrJ3z(LYxEGvu@)@zW&MhHH1kIA*3Mc$=wkKZ@Qa
z^R&_<92Dyt2DX29Xm=46g(&iQSj1lsg0qohMgi~QBpC0YLSbyOcmMh(i4Ea`
zP;aXLd3qJIgcrf3tq0lV2+Mo*s)$S6RRlh+{XBAvlj&j<`}FklcC<@0%UN>N(0WHu
zD*|kJhd({OdnElOU{Pugux<@+%r{jdzL9Vd-BB@ggNM>8sg&NwC?g-GN>Rhdv1*FKxlC(H7xHczYyV#KUDNmS359&J+-~
ziV*%<)qGZ=!<3^Ilt$mCtc85;Rlirzw=d2?UQMgkgO_{J?A~i7s>KYLmF4B(9z@if
zkK24NjwYYnV2Y4j73aAaQr_F8vgJ06;9006|1y9Ku~t_L#$)l-{G65eVBo_asSbh4
zOLFn@Ae-I(yQv*zGZw#VCx@_Jh53>W#n;<^4-L|~Wg8<|Wvl|X+O+H%Muy;IBl9-~
z6LD93i-soO<&N&k10+=jPXu^9&AG#ed)d87ub|!6XGekvOlJK(zxgz}6`I
z9Xb54`3?N`#3=f$G>tVfWv%|@y6;#YPl|fdKXk)3{JHOxBp?(Y+1*!5h(YU$mSK~B
ztljU{1zPY9*_JhY(0-(8$R7H2n5gRl4?{J(&y(eSrsH!ASBUFqPK_U-+(xb~W7%FT
z9nC(20dmN$#^tftk3U*>c;oY%4%;D{YWYRr)39Njk7sZJqZV>GpI`r(<
zb(jA2-0%C%BoI8WRvwMjz8H*l*+daIUuJYu-R@n^oT0BI0_n*(C!cEK>y|O?r!^sg
zgrD~Ye{0@Mb0g+_+LRu=i+B2IYj7`jdwJlE{6)
z=TOT&uV?ektp-bRC}Q>3^q@&qp!+!rz#;+W6c2&}tvIW5SxjXd7IS>yNk@R^r%TiY
zT@kZixA!Am;7q69u@ZzVVfq^ctVyG`ow3YC2%+hGua}Samky}k6}Brfs*O$-@rdA8BAAtKPJq)=cRh;_R@~Fyw(n8av;|Mi
zon9vR!lHPb`MkL0NWp=wYt^^h?6G3)Z9TW}-3>+W=P$qCS-Zf^*0E7OuOx~#3r)dT
zpA2Wu(scWJcfzi79YsXIv*>ZUUE#(dO1Z(1)?a};Y25CJ>dL4owRjxSY*qmZT#({b
z`!?VXEEde}hM-`3ki*~}wFfI0`oE3^cUxJXM01)W1O3e>#FdUV&9V=th%=!B!=
zX%b8IcvNUPffKAvy0u#ufpC1a!!6klbbokgyW5^25^QJj3qahsV6`aAF;=jlbPyw+
z=JlDpsKS2QI6S;_t=y}^J=wp%5F7hmx;e5dW%B%jF^EYXR^gS2&KOk61t`gTJU~MN
z-HAU~t@+|BXbmobHqrhCcj5+AYKD)L@_aYU2hVAynJ4hEVo?>%-Y@68o>udv4T5Cc
zW^Lh}p^ZR*QV{`FNAxRy2q;N=ct&?oeVPC@CM1S&5QMGMfTV+0c3i^Ug{U9`&*EK0
znCA_9B%|{?A^9%0;Zd0;loqybCQQQNVdmVnD9!$zD0nIHb-pxxhFk-deR-Xp1WRr1
zTQA7yDvwW^t#Q4ygRDniMw`PywMl?|_kPNofghI;Xu1`&au!01y)84-VvJk8cFT49
ztbjPb&W_H+m6v{
zevci9eT1eA?Q-%<-Di^*9ehn!{kV!vd5a*&~E-norv_KFX2#r`;+`C4Hj&)54q!gsVo
z(8ckR(E;GlBqLy#g`l^+AKp+uf*~T2xI)ps#Hi#JdhZipxXa?@;kO`T`PCL=iSo>8vNpiu0mE$Q5V=dkhIy^z6V
z=kPZS1j)L`Fmk>J$^y44Lo(lL;O_%5D1M6e5bSS&c=v#q
zrEh`_@e~s5B^q40wEgLip9;OURK?M`fh4X9dg3f;E0gwt!o=_W-vKv_{0CY4x4HiY
zoo&BaRUO=(3)9Pfa5g3Ta(OE%6K|$gcBIW(owYDT(|ZXJ)(D2re-JqJeUtoBDwgJP
zoC~#o*;)D@LkA2A`||P
z?ng$(w)_7m_-EY;*}VD;4~N#@CShvTHY99vdIi*fhnEyzeA#~;a@q&O3WxBQX-d0WxtgJvn2ZH277Q9=u%Gt>it^>=R@&m_PRw;`?bry`Mo3zH
z_{%leXV5`iwa8WWWQk&b{BNL~gxI3XzTp%5QU89hC|r9<_C%yFPE?8e|4azbumaY9
zRpa~fCFhEA$4$nGeyQ|_GqQRQo>GOF!43W`9n&tX6^Jbi!pcRP@CJN`{ginsK?7ubN^4JZs0
zJGHEyit<5JJ5z_yp4fUuqn~1Z=U8d&^cY)312U!N;i%STJ!)E!lOR=F%F>lgas2w}
z2KSLvqYxo6-CUg0ODnlM)qDrJS>{4^0>o7M!pn
zrDsM6o&B^NTtG(%Nja?a;fETaVWuT0B*f+!_NO7g&HhGUa^92`$9!MQuvCzC=jGyo
zt8J%-vF+$r-khjRD_c0a<<0Gdrq(KT6c*nvWs*l|+8mdR1=(+2ZQZAo9P_5sD;C}+
zG&eQY!aXDcDDP|c@qdSKX-Gr{ZuXe(6O}CIcF_t6N(^MU&X}RAIRBz53vVl}jo|_+>DCX*4GPjs85iP<68hW(ww#e>YZU2Kw#i+tAMuw1twwg?PsmPtKY8=0UY
zj9As^Mv7*_y7*DvVy_*#R8)P@1TP@&_`U)v!{_oNhrJ(vNWA%Ms=Euw&7Md1e^bSu
zDez`9Tm&Wl6T;$lx8bQo3PaoQ6Qx7omS^Fn`ze3Cr+Z}K6Uh5AMy$o0zD!fPfuwM6
z$M^f!LMKDCqYgTOCFM{!>ccE5-*uA<6~X8Lr!3{hUO!m@+mCByMeOcvSVf+Rk-b)i
zBkpUC{l0l{c`lChIMNXq@yM$T389r!2sL5XSif#U*FrsjV2*
z&hZ1{@`+FU(h@^(ioK*fGwDk8rGp5A>4cLA=qqr)7H-OUmhIW*b)(W_|L+|go{&;f
zm4>+iI{-`8&=IvzW1X%>+koaobxC32AKDNZp*9J8bpB*BygQa=V+L$r1VsJ_1&9vs
zhK{-~`|6D|YjX&j5@vLSqtp{wR?BNbGF&}X1IXcB4iu~~K(zB=m1@SLdf^g{%@
z*#9#q1ps0cqOadsoz=!VJ-8A~e_r%wy^ebT_mKcJxr_X)Zpn(-_=Z%Ptlzs5Z|{%i
zcK3uBxEi6Rrbf)-2q{Ga_X>M`V~HQx@rfq=yu+q6#C(fo5pS(9S+PlY@qiW
zQWQ3CT+eahku=4wya|8^NC8ln+h0gNv+#Y@JC^3%1xLF@olr02KZ^#LTPiDFSISE-
zQ@7T{;}Jk1`m*(hPU#H3*uE#xL;E`fSH+vkKDrq*EtL{
zzu4SC6o4|;JH6RBITK9k7pds!$&;jOJ#TGhfXK_fV0h9rSrmj2DMy|xIDDQ&H@=Cr
z4o|7k@89#kehpn)`=tHxqtvAv9~uV6%<8I~rzfvDkVx?9$t!=FDl03i@ZL+n!O`*X
z;2^iWJfZ>k4qRhsZEbyZbrq|wsTn%7omW&8)Y&O86CNHu{QbMZWHvt;3iM1c0)F`H
zAsHHsz7~eL{|Df*-GxR=%;)Fl!ldM6ASZ~Kg@pl-*S!#co`8(-3Mwk7=GfTSiAhP*
z>+6$Mx^0r9V`GJdg