@syncfusion/ej2-base 20.1.61 → 20.2.39

package/dist/global/index.d.ts

@@ -1,12 +1,3 @@
-/*!
-*  filename: index.d.ts
-*  version : 20.1.61
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 import * as _base from '@syncfusion/ej2-base';
 
 export declare namespace ej {

package/helpers/e2e/base.js

@@ -1,56 +1,66 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * Base E2E Helper Function
- */
-class TestHelper {
-    selector(arg) {
-        return (this.wrapperFn ? this.wrapperFn(arg) : arg);
-    }
-    setModel(property, value) {
-        return Mapper.setModel(this.id, this.selector.bind(this), property, value);
-    }
-    getModel(property) {
-        return Mapper.getModel(this.id, this.selector.bind(this), property);
-    }
-    invoke(fName, args = []) {
-        return Mapper.invoke(this.id, this.selector.bind(this), fName, args);
-    }
-    eventHandler(eventName, callback) {
-        return this.selector('#' + this.id).then((ele) => {
-            var inst = ele[0].ej2_instances[0];
-            return inst[eventName] = callback;
-        });
-    }
-}
-exports.TestHelper = TestHelper;
-class Mapper {
-    static setModel(id, selector, property, value) {
-        let result;
-        if (cy) {
-            result = selector('#' + id).then((ele) => {
-                return ele[0].ej2_instances[0][property] = value;
-            });
-        }
-        return result;
-    }
-    static getModel(id, selector, property) {
-        let result;
-        if (cy) {
-            result = selector('#' + id).then((ele) => {
-                return ele[0].ej2_instances[0][property];
-            });
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    /**
+     * Base E2E Helper Function
+     */
+    var TestHelper = /** @class */ (function () {
+        function TestHelper() {
         }
-        return result;
-    }
-    static invoke(id, selector, fName, args = []) {
-        let result;
-        if (cy) {
-            result = selector('#' + id).then((ele) => {
+        TestHelper.prototype.selector = function (arg) {
+            return (this.wrapperFn ? this.wrapperFn(arg) : arg);
+        };
+        TestHelper.prototype.setModel = function (property, value) {
+            return Mapper.setModel(this.id, this.selector.bind(this), property, value);
+        };
+        TestHelper.prototype.getModel = function (property) {
+            return Mapper.getModel(this.id, this.selector.bind(this), property);
+        };
+        TestHelper.prototype.invoke = function (fName, args) {
+            if (args === void 0) { args = []; }
+            return Mapper.invoke(this.id, this.selector.bind(this), fName, args);
+        };
+        TestHelper.prototype.eventHandler = function (eventName, callback) {
+            return this.selector('#' + this.id).then(function (ele) {
                 var inst = ele[0].ej2_instances[0];
-                return inst[fName].call(inst, args);
+                return inst[eventName] = callback;
             });
+        };
+        return TestHelper;
+    }());
+    exports.TestHelper = TestHelper;
+    var Mapper = /** @class */ (function () {
+        function Mapper() {
         }
-        return result;
-    }
-}
+        Mapper.setModel = function (id, selector, property, value) {
+            var result;
+            if (cy) {
+                result = selector('#' + id).then(function (ele) {
+                    return ele[0].ej2_instances[0][property] = value;
+                });
+            }
+            return result;
+        };
+        Mapper.getModel = function (id, selector, property) {
+            var result;
+            if (cy) {
+                result = selector('#' + id).then(function (ele) {
+                    return ele[0].ej2_instances[0][property];
+                });
+            }
+            return result;
+        };
+        Mapper.invoke = function (id, selector, fName, args) {
+            if (args === void 0) { args = []; }
+            var result;
+            if (cy) {
+                result = selector('#' + id).then(function (ele) {
+                    var inst = ele[0].ej2_instances[0];
+                    return inst[fName].call(inst, args);
+                });
+            }
+            return result;
+        };
+        return Mapper;
+    }());
+});

package/helpers/e2e/index.js

@@ -1,6 +1,8 @@
-"use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./base"));
+define(["require", "exports", "./base"], function (require, exports, base_1) {
+    "use strict";
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __export(base_1);
+});

package/package.json

@@ -1,122 +1,17 @@
 {
-  "_from": "@syncfusion/ej2-base@*",
-  "_id": "@syncfusion/ej2-base@20.1.60",
-  "_inBundle": false,
-  "_integrity": "sha512-zC2wM5B6njaoNto8nbgEuBFsye4ltVtE42S/8lZ2E7igzcbhbBofBXShDx/EEFHbV2d9aQFM398Ua5rajKjeVw==",
-  "_location": "/@syncfusion/ej2-base",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-base@*",
-    "name": "@syncfusion/ej2-base",
-    "escapedName": "@syncfusion%2fej2-base",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-base",
-    "/@syncfusion/ej2-angular-buttons",
-    "/@syncfusion/ej2-angular-charts",
-    "/@syncfusion/ej2-angular-diagrams",
-    "/@syncfusion/ej2-angular-documenteditor",
-    "/@syncfusion/ej2-angular-dropdowns",
-    "/@syncfusion/ej2-angular-grids",
-    "/@syncfusion/ej2-angular-inputs",
-    "/@syncfusion/ej2-angular-layouts",
-    "/@syncfusion/ej2-angular-navigations",
-    "/@syncfusion/ej2-angular-notifications",
-    "/@syncfusion/ej2-angular-pdfviewer",
-    "/@syncfusion/ej2-angular-pivotview",
-    "/@syncfusion/ej2-angular-richtexteditor",
-    "/@syncfusion/ej2-angular-schedule",
-    "/@syncfusion/ej2-angular-spreadsheet",
-    "/@syncfusion/ej2-barcode-generator",
-    "/@syncfusion/ej2-buttons",
-    "/@syncfusion/ej2-calendars",
-    "/@syncfusion/ej2-charts",
-    "/@syncfusion/ej2-circulargauge",
-    "/@syncfusion/ej2-data",
-    "/@syncfusion/ej2-diagrams",
-    "/@syncfusion/ej2-documenteditor",
-    "/@syncfusion/ej2-drawings",
-    "/@syncfusion/ej2-dropdowns",
-    "/@syncfusion/ej2-excel-export",
-    "/@syncfusion/ej2-filemanager",
-    "/@syncfusion/ej2-gantt",
-    "/@syncfusion/ej2-grids",
-    "/@syncfusion/ej2-heatmap",
-    "/@syncfusion/ej2-inplace-editor",
-    "/@syncfusion/ej2-inputs",
-    "/@syncfusion/ej2-kanban",
-    "/@syncfusion/ej2-layouts",
-    "/@syncfusion/ej2-lineargauge",
-    "/@syncfusion/ej2-lists",
-    "/@syncfusion/ej2-maps",
-    "/@syncfusion/ej2-navigations",
-    "/@syncfusion/ej2-notifications",
-    "/@syncfusion/ej2-pdfviewer",
-    "/@syncfusion/ej2-pivotview",
-    "/@syncfusion/ej2-popups",
-    "/@syncfusion/ej2-progressbar",
-    "/@syncfusion/ej2-querybuilder",
-    "/@syncfusion/ej2-react-base",
-    "/@syncfusion/ej2-react-buttons",
-    "/@syncfusion/ej2-react-charts",
-    "/@syncfusion/ej2-react-diagrams",
-    "/@syncfusion/ej2-react-documenteditor",
-    "/@syncfusion/ej2-react-dropdowns",
-    "/@syncfusion/ej2-react-grids",
-    "/@syncfusion/ej2-react-inputs",
-    "/@syncfusion/ej2-react-layouts",
-    "/@syncfusion/ej2-react-navigations",
-    "/@syncfusion/ej2-react-notifications",
-    "/@syncfusion/ej2-react-pdfviewer",
-    "/@syncfusion/ej2-react-pivotview",
-    "/@syncfusion/ej2-react-richtexteditor",
-    "/@syncfusion/ej2-react-schedule",
-    "/@syncfusion/ej2-react-spreadsheet",
-    "/@syncfusion/ej2-richtexteditor",
-    "/@syncfusion/ej2-schedule",
-    "/@syncfusion/ej2-splitbuttons",
-    "/@syncfusion/ej2-spreadsheet",
-    "/@syncfusion/ej2-svg-base",
-    "/@syncfusion/ej2-treegrid",
-    "/@syncfusion/ej2-treemap",
-    "/@syncfusion/ej2-vue-base",
-    "/@syncfusion/ej2-vue-buttons",
-    "/@syncfusion/ej2-vue-charts",
-    "/@syncfusion/ej2-vue-diagrams",
-    "/@syncfusion/ej2-vue-documenteditor",
-    "/@syncfusion/ej2-vue-dropdowns",
-    "/@syncfusion/ej2-vue-grids",
-    "/@syncfusion/ej2-vue-inputs",
-    "/@syncfusion/ej2-vue-layouts",
-    "/@syncfusion/ej2-vue-navigations",
-    "/@syncfusion/ej2-vue-notifications",
-    "/@syncfusion/ej2-vue-pdfviewer",
-    "/@syncfusion/ej2-vue-pivotview",
-    "/@syncfusion/ej2-vue-richtexteditor",
-    "/@syncfusion/ej2-vue-schedule",
-    "/@syncfusion/ej2-vue-spreadsheet"
-  ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-20.1.60.tgz",
-  "_shasum": "888eacdd993cbaae6cc551288a0af355374e38c1",
-  "_spec": "@syncfusion/ej2-base@*",
-  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
+
   "author": {
     "name": "Syncfusion Inc."
   },
+  "bin": {
+    "syncfusion-license": "bin/syncfusion-license.js"
+  },
   "bugs": {
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-icons": "~20.1.55"
+    "@syncfusion/ej2-icons": "~20.2.38"
   },
   "deprecated": false,
   "description": "A common package of Essential JS 2 base libraries, methods and class definitions",
@@ -156,7 +51,7 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
+  "sideEffects": true,
   "typings": "index.d.ts",
-  "version": "20.1.61",
-  "sideEffects": true
-}
+  "version": "20.2.39"
+}

package/src/animation.d.ts

@@ -194,3 +194,12 @@ export declare let isRippleEnabled: boolean;
  * @returns {boolean} ?
  */
 export declare function enableRipple(isRipple: boolean): boolean;
+/**
+ * Defines the Modes of Global animation.
+ * @private
+ */
+export declare let animationMode: string;
+/**
+ * Method for set the Global animation modes for Syncfusion Blazor components.
+ */
+export declare function setGlobalAnimation(value: string): void;

package/src/animation.js

@@ -103,11 +103,21 @@ var Animation = /** @class */ (function (_super) {
      * @returns {void}
      */
     Animation.delayAnimation = function (model) {
-        if (model.delay) {
-            setTimeout(function () { Animation_1.applyAnimation(model); }, model.delay);
+        if (animationMode === 'Disable') {
+            if (model.begin) {
+                model.begin.call(this, model);
+            }
+            if (model.end) {
+                model.end.call(this, model);
+            }
         }
         else {
-            Animation_1.applyAnimation(model);
+            if (model.delay) {
+                setTimeout(function () { Animation_1.applyAnimation(model); }, model.delay);
+            }
+            else {
+                Animation_1.applyAnimation(model);
+            }
         }
     };
     /**
@@ -413,3 +423,14 @@ export function enableRipple(isRipple) {
     isRippleEnabled = isRipple;
     return isRippleEnabled;
 }
+/**
+ * Defines the Modes of Global animation.
+ * @private
+ */
+export var animationMode = '';
+/**
+ * Method for set the Global animation modes for Syncfusion Blazor components.
+ */
+export function setGlobalAnimation(value) {
+    animationMode = value;
+}

package/src/component.js

@@ -71,9 +71,7 @@ var Component = /** @class */ (function (_super) {
         _this.localObserver = new Observer(_this);
         // tslint:disable-next-line:no-function-constructor-with-string-args
         onIntlChange.on('notifyExternalChange', _this.detectFunction, _this, _this.randomId);
-        if (typeof window !== "undefined" && typeof document !== "undefined") {
-            validateLicense();
-        }
+        validateLicense();
         if (!isUndefined(selector)) {
             _this.appendTo();
         }

package/src/draggable.d.ts

@@ -331,6 +331,9 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
     private getProcessedPositionValue;
     private calculateParentPosition;
     private intDrag;
+    private getScrollParent;
+    private getScrollPosition;
+    private getPathElements;
     private triggerOutFunction;
     private getDragPosition;
     private getDocumentWidthHeight;

package/src/draggable.js

@@ -510,23 +510,30 @@ var Draggable = /** @class */ (function (_super) {
             draEleTop -= this.parentScrollY;
             draEleLeft -= this.parentScrollX;
         }
-        if (this.helperElement.classList.contains('e-treeview')) {
-            var body = document.body;
-            var html = document.documentElement;
-            var tempHeight = Math.max(body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
-            var tempWidth = Math.max(body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth);
-            if (draEleTop > tempHeight) {
-                draEleTop = tempHeight;
-            }
-            if (draEleLeft > tempWidth) {
-                draEleLeft = tempWidth;
-            }
-        }
         var dragValue = this.getProcessedPositionValue({ top: draEleTop + 'px', left: draEleLeft + 'px' });
         setStyleAttribute(helperElement, this.getDragPosition(dragValue));
-        if (!this.elementInViewport(helperElement) && this.enableAutoScroll) {
+        if (!this.elementInViewport(helperElement) && this.enableAutoScroll && !this.helperElement.classList.contains('e-treeview')) {
             this.helperElement.scrollIntoView();
         }
+        var elements = document.querySelectorAll(':hover');
+        if (this.enableAutoScroll && this.helperElement.classList.contains('e-treeview')) {
+            if (elements.length === 0) {
+                elements = this.getPathElements(evt);
+            }
+            /* tslint:disable no-any */
+            var scrollParent = this.getScrollParent(elements, false);
+            if (this.elementInViewport(this.helperElement)) {
+                this.getScrollPosition(scrollParent, draEleTop);
+            }
+            else if (!this.elementInViewport(this.helperElement)) {
+                elements = [].slice.call(document.querySelectorAll(':hover'));
+                if (elements.length === 0) {
+                    elements = this.getPathElements(evt);
+                }
+                scrollParent = this.getScrollParent(elements, true);
+                this.getScrollPosition(scrollParent, draEleTop);
+            }
+        }
         this.dragProcessStarted = true;
         this.prevLeft = left;
         this.prevTop = top;
@@ -535,6 +542,48 @@ var Draggable = /** @class */ (function (_super) {
         this.pageX = pagex;
         this.pageY = pagey;
     };
+    /* tslint:disable no-any */
+    Draggable.prototype.getScrollParent = function (node, reverse) {
+        /* tslint:disable no-any */
+        var nodeEl = reverse ? node.reverse() : node;
+        var hasScroll;
+        for (var i = nodeEl.length - 1; i >= 0; i--) {
+            hasScroll = window.getComputedStyle(nodeEl[i])['overflow-y'];
+            if ((hasScroll === 'auto' || hasScroll === 'scroll')
+                && nodeEl[i].scrollHeight > nodeEl[i].clientHeight) {
+                return nodeEl[i];
+            }
+        }
+        hasScroll = window.getComputedStyle(document.scrollingElement)['overflow-y'];
+        if (hasScroll === 'visible') {
+            document.scrollingElement.style.overflow = 'auto';
+            return document.scrollingElement;
+        }
+    };
+    Draggable.prototype.getScrollPosition = function (nodeEle, draEleTop) {
+        if (nodeEle && nodeEle === document.scrollingElement) {
+            if ((nodeEle.clientHeight - nodeEle.getBoundingClientRect().top - this.helperElement.clientHeight) < draEleTop
+                && nodeEle.getBoundingClientRect().height > draEleTop) {
+                nodeEle.scrollTop += this.helperElement.clientHeight;
+            }
+            else if (nodeEle.scrollHeight - nodeEle.clientHeight > draEleTop) {
+                nodeEle.scrollTop -= this.helperElement.clientHeight;
+            }
+        }
+        else if (nodeEle && nodeEle !== document.scrollingElement) {
+            if ((nodeEle.clientHeight + nodeEle.getBoundingClientRect().top - this.helperElement.clientHeight) < draEleTop) {
+                nodeEle.scrollTop += this.helperElement.clientHeight;
+            }
+            else if (nodeEle.getBoundingClientRect().top > (draEleTop - this.helperElement.clientHeight)) {
+                nodeEle.scrollTop -= this.helperElement.clientHeight;
+            }
+        }
+    };
+    Draggable.prototype.getPathElements = function (evt) {
+        var elementTop = evt.clientX > 0 ? evt.clientX : 0;
+        var elementLeft = evt.clientY > 0 ? evt.clientY : 0;
+        return document.elementsFromPoint(elementTop, elementLeft);
+    };
     Draggable.prototype.triggerOutFunction = function (evt, eleObj) {
         this.hoverObject.instance.intOut(evt, eleObj.target);
         this.hoverObject.instance.dragData[this.scope] = null;

package/src/touch.js

@@ -157,6 +157,10 @@ var Touch = /** @class */ (function (_super) {
             diffX = Math.floor(diffX < 0 ? -1 * diffX : diffX);
             diffY = Math.floor(diffY < 0 ? -1 * diffY : diffX);
             _this.isTouchMoved = diffX > 1 || diffY > 1;
+            var isFirefox = (/Firefox/).test(Browser.userAgent);
+            if (isFirefox && point.clientX === 0 && point.clientY === 0 && evt.type === 'mouseup') {
+                _this.isTouchMoved = false;
+            }
             _this.endPoint = point;
             _this.calcPoints(evt);
             var swipeArgs = {

package/src/validate-lic.js

@@ -10,7 +10,7 @@ var bypassKey = [115, 121, 110, 99, 102, 117, 115, 105,
 var LicenseValidator = /** @class */ (function () {
     function LicenseValidator(key) {
         this.isValidated = false;
-        this.version = '20.1';
+        this.version = '20.2';
         this.platform = /JavaScript|ASPNET|ASPNETCORE|ASPNETMVC|FileFormats/i;
         this.errors = {
             noLicense: 'This application was built using a trial version of Syncfusion Essential Studio.' +
@@ -43,6 +43,16 @@ var LicenseValidator = /** @class */ (function () {
                 getKey: get
             };
         })();
+        /**
+         * To manage npx licensing operation.
+         */
+        this.npxManager = (function () {
+            var npxLicKey = "npxKeyReplace";
+            function get() { return npxLicKey; }
+            return {
+                getKey: get
+            };
+        })();
         this.manager.setKey(key);
     }
     /**
@@ -51,7 +61,7 @@ var LicenseValidator = /** @class */ (function () {
     LicenseValidator.prototype.validate = function () {
         if (!this.isValidated && (containerObject && !getValue(convertToChar(bypassKey), containerObject) && !getValue('Blazor', containerObject))) {
             var validateMsg = void 0;
-            if (this.manager && this.manager.getKey()) {
+            if ((this.manager && this.manager.getKey()) || (this.npxManager && this.npxManager.getKey() != 'npxKeyReplace')) {
                 var result = this.getInfoFromKey();
                 if (result && result.length) {
                     for (var _i = 0, result_1 = result; _i < result_1.length; _i++) {
@@ -117,14 +127,22 @@ var LicenseValidator = /** @class */ (function () {
      */
     LicenseValidator.prototype.getInfoFromKey = function () {
         try {
-            var licKey = this.manager.getKey();
-            var licKeySplit = licKey.split(';');
+            var licKey = '';
             var pkey = [5439488, 7929856, 5111808, 6488064, 4587520, 7667712, 5439488,
                 6881280, 5177344, 7208960, 4194304, 4456448, 6619136, 7733248, 5242880, 7077888,
                 6356992, 7602176, 4587520, 7274496, 7471104, 7143424];
             var decryptedStr = [];
             var resultArray = [];
             var invalidPlatform = false;
+            var isNpxKey = false;
+            if (this.manager.getKey()) {
+                licKey = this.manager.getKey();
+            }
+            else {
+                isNpxKey = true;
+                licKey = this.npxManager.getKey().split('npxKeyReplace')[1];
+            }
+            var licKeySplit = licKey.split(';');
             for (var _i = 0, licKeySplit_1 = licKeySplit; _i < licKeySplit_1.length; _i++) {
                 var lKey = licKeySplit_1[_i];
                 var decodeStr = this.getDecryptedData(lKey);
@@ -133,12 +151,24 @@ var LicenseValidator = /** @class */ (function () {
                 }
                 var k = 0;
                 var buffr = '';
-                for (var i = 0; i < decodeStr.length; i++, k++) {
-                    if (k === pkey.length) {
-                        k = 0;
+                if (!isNpxKey) {
+                    for (var i = 0; i < decodeStr.length; i++, k++) {
+                        if (k === pkey.length) {
+                            k = 0;
+                        }
+                        var c = decodeStr.charCodeAt(i);
+                        buffr += String.fromCharCode(c ^ (pkey[k] >> 16));
+                    }
+                }
+                else {
+                    var charKey = decodeStr[decodeStr.length - 1];
+                    var decryptedKey = [];
+                    for (var i = 0; i < decodeStr.length; i++) {
+                        decryptedKey[i] = decodeStr[i].charCodeAt(0) - charKey.charCodeAt(0);
+                    }
+                    for (var i = 0; i < decryptedKey.length; i++) {
+                        buffr += String.fromCharCode(decryptedKey[i]);
                     }
-                    var c = decodeStr.charCodeAt(i);
-                    buffr += String.fromCharCode(c ^ (pkey[k] >> 16));
                 }
                 if (this.platform.test(buffr)) {
                     decryptedStr = buffr.split(';');

package/styles/_fusionnew-dark-definition.scss

@@ -0,0 +1,9 @@
+@import 'common/mixin.scss';
+@import 'definition/fusionnew-dark.scss';
+
+$font-size: 12px !default;
+$font-weight: 400 !default;
+$error-font-color: $danger !default;
+$warning-font-color: $yellow !default;
+$success-font-color: #198754 !default;
+$information-font-color: #0dcaf0 !default;

package/styles/_fusionnew-definition.scss

@@ -0,0 +1,9 @@
+@import 'common/mixin.scss';
+@import 'definition/fusionnew.scss';
+
+$font-size: 12px !default;
+$font-weight: 400 !default;
+$error-font-color: $danger !default;
+$warning-font-color: $yellow !default;
+$success-font-color: #198754 !default;
+$information-font-color: #0dcaf0 !default;

package/styles/_material3-dark-definition.scss

@@ -0,0 +1,10 @@
+@import 'common/mixin.scss';
+@import 'definition/fluent-dark.scss';
+
+$font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif !default;
+$font-size: 12px !default;
+$font-weight: 400 !default;
+$error-font-color: $danger !default;
+$warning-font-color: $orange20 !default;
+$success-font-color: $green20 !default;
+$information-font-color: $white !default;

package/styles/_material3-definition.scss

@@ -0,0 +1,9 @@
+@import 'common/mixin.scss';
+@import 'definition/material3.scss';
+
+$font-size: 12px !default;
+$font-weight: 400 !default;
+$error-font-color: $danger !default;
+$warning-font-color: $yellow !default;
+$success-font-color: #198754 !default;
+$information-font-color: #0dcaf0 !default;